@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

*{

    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;

}

html, body{
    
    width: 100%;
    min-height: 100vh;
    font-size: 16px;
    line-height: 2.2;
    padding: 0;
    margin: 0;
    font-family: "Montserrat", sans-serif;
    letter-spacing: .25px;
    font-weight: 400;
    color: #222;
    background-image: url("../img/bg-body.png");

}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{

    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale;

}

*::-moz-selection{

    color: #E4E4E4;
    background: #222;

}

*::selection{

    color: #E4E4E4;
    background: #222;

}

img{

  max-width: 100%;

}

a{
    
    text-decoration: none;
    color: red;
    
}

h1, h2, h3, h4, h5, h6{
    
    font-family: "Montserrat", sans-serif;
    
}

h1{

    font-size: calc(1.25em + 1vw);

}

h2{

    font-size: 1.6em;

}

h3{

    font-size: 1.3em;

}

.margin-0{
    
    margin: 0 !important;
    
}

.margin-1{
    
    margin: 1em !important;
    
}

.margin-1-0-b{
    
    margin: 1em 0 0 0 !important;
    
}

.margin-2{
    
    margin: 2em !important;
    
}

.margin-1-0{
    
    margin: 1em 0 !important;
    
}

.margin-2-0{
    
    margin: 2em 0 !important;
    
}

.padding-1{
    
    padding: 1em;
    
}

.svg-inline--fa{
    
    margin-right: .25em;
    
}

.inline-block{
    
    display: inline-block;
    
}

.underline{
    
    border-bottom: 1px solid #222;
    
}

.neutral-list{
    
    list-style: none;
    padding-left: 0;
    
}

.hidden{
    
    display: none;
    
}

header{
    
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    background: #E8E8E8;
    background-image: url("../img/bg-top-bottom.png");
    background-repeat: repeat;
    
}

#fixed-bar{
    
    display: flex;
    flex-flow: row wrap;
    background: #FAFAFA;
    min-height: 4em;
    
}

#fixed-bar img{
    
    height: 1.75em;
    
}

#fixed-bar > div{

    display: flex;
    justify-content: center;
    flex: 1;

}

#fixed-bar > div:first-of-type{

    margin-right: auto;

}

#fixed-bar > div:last-of-type{

    margin-left: auto;

}

#fixed-bar > div > a,
#fixed-bar > div > div{

    display: flex;
    align-items: center;
    
}

#fixed-bar > div > * > span{

    padding-left: .5em;
    
}

@media screen and (max-width:767px){
    
    #fixed-bar > div:nth-child(2){

        display: none;

    }
    
}

@media screen and (max-width:479px){
    
    #fixed-bar > div:nth-child(3){

        display: none;

    }
    
}

@media screen and (min-width:480px){
    
    #menu .order{
        
        display: none;
        
    }
    
}

.tel-online{

    width: 10px;
    height: 10px;
    background: #090;
    position: relative;
    border: 0px;
    margin: 0px 3px;
    border-radius:50% 50%;
    display: inline-block;

}

.tel-online:after{

    content: '';
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: #00a312;
    z-index: 6;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;

}

@keyframes pulsate{

    0%{

        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;

    }

    50%{

        opacity: 1.0;

    }

    100%{

        -webkit-transform: scale(1.2, 1.2);
        opacity: 0.0;

    }

}

#logo{

    padding: 0;
    margin: auto;
    
}

#logo img{
    
    height: 200px;
    
}

#logo img:hover{
    
    cursor: pointer;
    
}

nav{

    background: #222;
    width: 100%;

}

#menu,
#menu ul,
#menu ul li,
#menu ul li a,
#menu #menu-button{

    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 98;

}

#menu:after,
#menu > ul:after{

    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;

}

#menu #menu-button{

    display: none;

}

#menu > ul > li{

    float: left;

}

#menu.align-center > ul{

    font-size: 0;
    text-align: center;

}

#menu.align-center > ul > li{

    display: inline-block;
    float: none;

}

#menu.align-center ul ul{

    text-align: left;

}

#menu.align-right > ul > li{

    float: right;

}

#menu > ul > li > a{

    padding: 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #E4E4E4;
    font-weight: 700;
    text-transform: uppercase;

}

#menu > ul > li:hover > a{

    color: #F4F4F4;

}

#menu > ul > li.has-sub > a{

    padding-right: 30px;

}
#menu > ul > li.has-sub > a:after{

    position: absolute;
    top: 22px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #E4E4E4;
    content: '';

}
#menu > ul > li.has-sub > a:before{

    position: absolute;
    top: 19px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #E4E4E4;
    content: '';

}

#menu > ul > li.has-sub:hover > a:before{

    top: 23px;
    height: 0;

}

#menu ul ul{

    position: absolute;
    left: -9999px;

}

#menu.align-right ul ul{

    text-align: right;

}

#menu ul ul li{

    height: 0;

}

#menu li:hover > ul{

    left: auto;

}

#menu.align-right li:hover > ul{

    left: auto;
    right: 0;

}

#menu li:hover > ul > li{

    height: 35px;

}

#menu ul ul ul{

    margin-left: 100%;
    top: 0;
    width: 100%;

}

#menu.align-right ul ul ul{

    margin-left: 0;
    margin-right: 100%;

}

#menu ul ul li a{

    border-bottom: 1px solid rgba(150, 150, 150, 0.15);
    padding: 11px 15px;
    min-width: 250px;
    font-size: 13px;
    text-decoration: none;
    color: #E4E4E4;
    font-weight: 400;
    background: #222;

}

#menu ul ul li a i,
#menu ul ul li a svg{
    
    margin-right: 3px;
    
}

#menu ul ul li:last-child > a,
#menu ul ul li.last-item > a{

    border-bottom: 0;

}

#menu ul ul li:hover > a,
#menu ul ul li a:hover{

    color: #F4F4F4;
    background: #333;

}

#menu ul ul li.has-sub > a:after{

    position: absolute;
    top: 16px;
    right: 11px;
    width: 8px;
    height: 2px;
    display: block;
    background: #E4E4E4;
    content: '';

}

#menu.align-right ul ul li.has-sub > a:after{

    right: auto;
    left: 11px;

}

#menu ul ul li.has-sub > a:before{

    position: absolute;
    top: 13px;
    right: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #E4E4E4;
    content: '';

}

#menu.align-right ul ul li.has-sub > a:before{

    right: auto;
    left: 14px;

}

#menu ul ul > li.has-sub:hover > a:before{

    top: 17px;
    height: 0;

}

#menu .active, #menu li:hover{
    
    background: #333;
    
}

@media screen and (min-width: 1024px){
    
    #menu ul{
        
        display: block !important;
        
    }
    
}

@media screen and (max-width: 1023px){

    #menu{

        width: 100%;

    }

    #menu ul{

        width: 100%;
        display: none;

    }

    #menu.align-center > ul{

        text-align: left;

    }

    #menu ul li{

        width: 100%;
        border-top: 1px solid rgba(120, 120, 120, 0.2);

    }

    #menu ul ul li,
    #menu li:hover > ul > li{

        height: auto;

    }

    #menu ul li a,
    #menu ul ul li a{

        width: 100%;
        border-bottom: 0;

    }

    #menu > ul > li{

        float: none;

    }

    #menu ul ul li a{

        padding-left: 25px;

    }

    #menu ul ul ul li a{

        padding-left: 35px;

    }

    #menu ul ul li a{

        color: #E4E4E4;
        background: none;

    }

    #menu ul ul li:hover > a,
    #menu ul ul li.active > a{

        color: #F4F4F4;

    }

    #menu ul ul,
    #menu ul ul ul,
    #menu.align-right ul ul{

        position: relative;
        left: 0;
        width: 100%;
        margin: 0;
        text-align: left;
        display: none;

    }

    #menu > ul > li.has-sub > a:after,
    #menu > ul > li.has-sub > a:before,
    #menu ul ul > li.has-sub > a:after,
    #menu ul ul > li.has-sub > a:before{

        display: none;

    }

    #menu #menu-button{

        display: block;
        padding: 17px;
        color: #E4E4E4;
        cursor: pointer;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: 700;
    }

    #menu #menu-button:after{

        position: absolute;
        top: 22px;
        right: 17px;
        display: block;
        height: 4px;
        width: 20px;
        border-top: 2px solid #E4E4E4;
        border-bottom: 2px solid #E4E4E4;
        content: '';

    }

    #menu #menu-button:before{

        position: absolute;
        top: 16px;
        right: 17px;
        display: block;
        height: 2px;
        width: 20px;
        background: #E4E4E4;
        content: '';

    }

    #menu #menu-button.menu-opened:after{

        top: 23px;
        border: 0;
        height: 2px;
        width: 15px;
        background: #F4F4F4;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);

    }

    #menu #menu-button.menu-opened:before{

        top: 23px;
        background: #F4F4F4;
        width: 15px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);

    }

    #menu .submenu-button{

        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid rgba(120, 120, 120, 0.2);
        height: 46px;
        width: 46px;
        cursor: pointer;

    }

    #menu .submenu-button.submenu-opened{

        background: #262626;

    }

    #menu ul ul .submenu-button{

        height: 34px;
        width: 34px;

    }

    #menu .submenu-button:after{
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #E4E4E4;
        content: '';
    }

    #menu ul ul .submenu-button:after{

        top: 15px;
        right: 13px;

    }

    #menu .submenu-button.submenu-opened:after{

        background: #F4F4F4;

    }

    #menu .submenu-button:before{

        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #E4E4E4;
        content: '+';

    }

    #menu ul ul .submenu-button:before{

        top: 12px;
        right: 16px;

    }

    #menu .submenu-button.submenu-opened:before{

        display: none;

    }

}

#main{

    flex-shrink: 0;
    flex-grow: 1;
    padding: 1em 0;
    width: 90%;
    margin: auto;

}

#welcome > p{
    
    padding: .25em .75em;
    
}

@media screen and (max-width:599px){
    
    #main{
        
        width: 94%;
        
    }
    
    #main p{

        font-size: 1em;

    }
    
}

/* HomePage - Services */

.sImage{

    width: 6em;
    margin: 5px;

}

.listServices li:hover > .sButton{

    background: #E7CB15;
    color: #222;
    cursor: pointer;

}

.listServices{

    position: relative;
    list-style: none;
    width: 100%;
    margin: 0 auto 2em 0;
    padding: 0px;

}

.listServices li{

    display: inline-table;
    width: 31%;
    text-align: center;
    background: #F9F9F9;
    padding: 1.5em 1em;
    margin: 1%;
    border: 1px solid #F4F4F4;
    border-radius: .5em;

}

.listServices li .sTitle{

    position: relative;
    display: block;
    width: 100%;
    padding: .25em;
    font-size: calc(1.25em + .25vw);
    font-weight: 700;

}

.listServices li .sDescription{

    position: relative;
    display: block;
    width: 100%;
    padding: .25em;

}

.listServices li .sButton{

    position: relative;
    display: inline-block;
    padding: .6em 1em;
    margin-top: 1em;
    background: #222;
    color: #FFF;
    border-radius: .25em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
    transition: .5s all ease;
    -moz-transition: .5s all ease;
    -webkit-transition: .5s all ease;

}

.listServices li:hover{

    cursor: pointer;

}

@media screen and (min-width:960px) and (max-width:1366px){
    
    .listServices li{
        
        width: 47.7%;
        
    }
    
}

@media screen and (max-width:959px){
    
    .listServices li{
        
        width: 100%;
        margin: 2.5% 0;
        padding: 2em;
        
    }
    
    #welcome p{
        
        padding: .5em;
        
    }
    
}

/* Related Search List */

#top-searching{

    width: 100%;
    margin: 2em;

}

#top-searching p{

    font-weight: bold;

}

#top-searching ul{

    list-style: none;
    margin: 0;
    padding: 0;

}

#top-searching ul li{

    display: inline-block;
    font-size: .8em;
    background: #F4F4F4;
    padding: .5em;
    margin: .3em;
    border-radius: 5px;

}

@media screen and (max-width:767px){
    
    #top-searching{
        
        display: none;
        
    }
    
}

/* Tooltip */

#tooltip{

    text-align: center;
    color: #fff;
    background: #222;
    position: absolute;
    z-index: 100;
    padding: 15px;

}
 
#tooltip:after{

    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #222;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;

}
 
#tooltip.top:after{

    border-top-color: transparent;
    border-bottom: 10px solid #222;
    top: -20px;
    bottom: auto;

}
 
#tooltip.left:after{

    left: 10px;
    margin: 0;

}

#tooltip.right:after{

    right: 10px;
    left: auto;
    margin: 0;

}

.info-tooltip{
    
    border-bottom: 1px dotted #222;
    cursor: help;
    display: inline-block;
    
}

/* Footer */

footer{
    
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-shrink: 0;
    background: #E8E8E8;
    background-image: url("../img/bg-top-bottom.png");
    background-repeat: repeat;
    padding: 1.5em 0;
    border-top: 3px solid #222;
    
}

footer div ul{

    list-style: none;
    padding: 0;

}

footer div ul li{
    
    padding: .25em 0;
    
}

footer div ul li:first-of-type{
    
    font-weight: 700;
    font-size: 1.1em;
    
}

footer div ul li a{

    background-image: linear-gradient( transparent 0%, transparent calc(50% - 7px), rgba(231, 203, 21, 0.35) calc(50% - 7px), rgba(231, 203, 21, 0.35) 100% );
    transition: background-position 120ms ease-in-out, padding 120ms ease-in-out;
    background-size: 100% 200%;
    background-position: 0 0;
    word-break: break-word;

}

footer div ul li a:hover{
    
    background-image: -webkit-linear-gradient(transparent 0%, transparent, rgba(231, 203, 21, 1), rgba(231, 203, 21, 1) 100%);
    background-position: 0 100%;
    
}

@media screen and (max-width: 767px){
    
    footer{
        
        flex-direction: column;
        align-items: baseline;
        padding: 1.5em 2em;
        
    }
    
}

/* Scroll - Go to Top Button */

.scrollTop{

    position: fixed;
    background-color: #222;
    border: 3px solid #222;
    padding: .75em;
    bottom: 20%;
    right: -110%;
    line-height: 1.5;
    transition: .5s all ease;
    z-index: 999999;

}

@media screen and (max-height:640px){
    
    .scrollTop{
        
        bottom: 25%;
        
    }
    
}

.scrollTop:hover{

    cursor: pointer;

}

.scrollTop a{

    color: #FFF;

}

/* Service Agreement Styles */

#initial h1{
    
    margin: 1em 0;
    
}

#initial .warning{

    position: relative;
    width: 100%;
    background: #E7CB15;
    border: 4px solid #222;
    padding: 1.75em;

}

#initial .warning *::selection{

    background: transparent;
    color: #222;

}

@media screen and (max-width:1023px){
    
    #initial .warning{
        
        padding: 1.5em;
        
    }
    
}

#initial .warning a, #statement p a, #statement ul li a, #order-information a, #steps a{

    color: #222;
    border-bottom: 1px solid #222;
    display: inline-block;

}

#initial .warning p{

    margin: .5em !important;

}

.wp_point{

    background: #F4F4F4;
    margin: 1em 0;

}


.wp_point .title{

    display: inline-block;
    width: auto;
    padding: .5em;
    background: #222;
    color: #F4F4F4;
    min-width: 250px;
    text-align: center;

}

@media screen and (max-width: 480px){
    
    .wp_point .title{
        
        width: 100%;
        padding: 1em .5em;
        
    }
    
}

.wp_point .title span{
    
    display: inline-block;
    margin: 0 .5em;
    
}

.wp-content{
    
    padding: 1em 1.5em;
    
}

.wp-content .highlight{
    
    background: #FFF;
    padding: 1em;
    margin: 1.5em 0;
    
}

.wp_point ul{
    
    list-style: none;
    padding: 0;
    
}

.wp_point ul.price li{
    
    font-size: 1.05em;
    
}

.wp_point ul.price li{
    
    padding: .5em 0;
    
}

.wp_point .service_price{
    
    padding: 0 .5em;
    background: #FAFAFA;
    border-bottom: 1px solid #222;
    
}

.wp_point ul.list-with-padding li{
    
    padding: .25em 0;
    
}

.wp_point ul.align-icons li svg{

    min-width: 1.5em;
    
}

.wp_point p a, #order-instructions a{

    display: inline-block;
    border-bottom: 1px dashed #222;
    
}

#order-instructions{

    background: #E4E4E4;
    padding: 1em;
    border: 3px solid #222;

}

#order-instructions h3{

    padding: .5em 1em 1em 0;

}

#order-instructions ol{

    list-style: none;
    counter-reset: order-counter;
    margin-left: 0;

}

#order-instructions ol li{

    counter-increment: order-counter;
    padding: .5em 0;

}

@media screen and (max-width:767px){
    
    #order-instructions ol{

        padding-left: 0;

    }
    
}

#order-instructions ol li::before{

    content: counter(order-counter);
    font-weight: bold;
    background: #EAEAEA;
    color: #333;
    padding: .15em 10px;
    display: inline-block;
    width: 35px;
    text-align: center;
    border: 1px solid #CCC;
    font-size: .9em;

}

/* About Us */

#generic-heading p{

    background: #F4F4F4;
    padding: 2em 1em;
    margin: 0;

}

#generic-heading p a{
    
    border-bottom: 1px solid #222;
    
}

#generic-heading .metrics{

    display: flex;
    flex-direction: row;

}

#generic-heading .metrics p{
    
    flex: 0 0 33.333%;
    text-align: center;
    background: #E7CB15;

}

#generic-heading .metrics span, #generic-heading .metrics small{
    
    display: block;
    
}

#generic-heading .metrics span{
    
    font-size: 2em;
    font-weight: 700;
    
}

#generic-heading .metrics p:nth-child(2){
    
    border-right: 1px solid #D6BA04;
    border-left: 1px solid #D6BA04;
    
}

@media screen and (max-width:639px){
    
    #generic-heading .metrics{
        
        flex-direction: column;
        
    }
    
    #generic-heading .metrics p:nth-child(2){
    
        border-top: 1px solid #D6BA04;
        border-bottom: 1px solid #D6BA04;
        border-right: 0;
        border-left: 0;

    }
    
}

#tabs-us, #cards{
    
    margin: 2em 0;
    
}

#cards{
    
    display: flex;
    align-items: center;
    background: #F4F4F4;
    
}

#cards .image{
    
    max-height: 200px;
    max-width: 200px;
    border-right: 1px solid #E4E4E4;

}

#cards .image img{

    width: 100%;
    height: 100%;

}

#cards .image .btcimg{
    
    min-width: 100px;
    
}

#cards div{
    
    padding: 2em;

}

@media screen and (max-width:639px){
    
    #cards{
        
        flex-direction: column;
        
    }
    
    #cards .image{
        
        border-right: 0;
        
    }
    
}

@media screen and (max-width:1279px){
    
    #cards.xl{
        
        flex-direction: column;
        
    }
    
    #cards.xl .image{
        
        border-right: 0;
        
    }
    
}

.tab_container{

	width: 100%;
	margin: 0 auto;
	position: relative;
    border-bottom: 3px solid #222;

}

#tabs-us input, #tabs-us section{

  clear: both;
  padding-top: 10px;
  display: none;

}

#tabs-us label{

  font-weight: 700;
  font-size: 18px;
  display: block;
  float: left;
  width: 50%;
  padding: 1.5em;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  background: #F4F4F4;

}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2{

    display: block;
    padding: 20px;
    background: #fff;

}

.tab_container .tab-content h3.responsive-heading{

  display: none;

}

.tab_container [id^="tab"]:checked + label{

    background: #FFF !important;
    box-shadow: inset 0 3px #222;

}

.tab_container [id^="tab"]:checked + label .fa{

    color: #222;

}

#tabs-us label .fa{

    font-size: 1.3em;
    margin: 0 0.4em 0 0;

}

@media only screen and (max-width: 767px){

    #tabs-us label span{

        display: none;

    }
    
    .tab_container .tab-content h3.responsive-heading{

        display: block;

    }

}

/* Accordion */

#accordion-faqs{
    
    margin: 2em 0;
    
}

@media screen and (max-width:359px){
    
    #accordion-faqs{
        
        font-size: .9em;
        
    }
    
}

.accordion-header,
.accordion-body{

    background: #FFF;

}

.accordion-body a{

    border-bottom: 1px solid #222;
    display: inline-block;
    font-weight: 700;

}

.accordion-body ul{

    list-style: none;

}

.accordion-header{

    padding: 1em;
    background: #EEE;
    color: #222;
    cursor: pointer;
    transition: all .3s;
    margin: 1em 0;
    border-left: 3px solid #222;

}

.accordion-header span{

    display: inline-block;
    margin: 0 .5em;

}

.accordion-header:hover{

    background: #DADADA;
    position: relative;
    z-index: 5;

}

.accordion-body{

    background: #fcfcfc;
    color: #353535;
    display: none;

}

.accordion-body__contents{

    padding: 1em;

}

.accordion__item.active:last-child .accordion-header{

    border-radius: none;

}

/* Alert */

#alert{
    
    display: flex;
    margin: 1em 0;
    align-items: stretch;
    
}

#alert div{

    padding: 1em;

}

#alert div:nth-child(1){
    
    padding: 1em 2em;
    align-items: center;
    justify-content: center;
    display: flex;
    
}

#alert div:nth-child(1) span{
    
    display: none;
    
}


.alert-warning{
    
    color: #9F6000;
    background: #FEEFB3;
    
}

.alert-warning a{
    
    color: #9F6000 !important;
    border-color: #9F6000 !important;
    font-weight: 700;
    
}

#alert.alert-warning div:nth-child(1){
    
    background: #EDDEA2;
    
}

.alert-warning *::selection{

    color: #9F6000 !important;
    background: #EDDEA2 !important;

}

.alert-warning::selection{

    color: #9F6000 !important;
    background: #EDDEA2 !important;

}

.alert-error{
    
    color: #D8000C;
    background-color: #FFBABA;
    
}

.alert-error div:nth-child(1){
    
    background: #EEA9A9;
    
}

.alert-error *::selection{

    color: #D8000C;
    background: #EEA9A9;

}

.alert-success{

    color: #270;
    background-color: #DFF2BF;

}

.alert-success div:nth-child(1){
    
    background: #CEE1AE;
    
}

.alert-success *::selection{
    
    color: #270;
    background: #CEE1AE;
    
}

.alert-info{

    color: #059;
    background-color: #BEF;

}

.alert-info a{

    color: #059 !important;
    border-color: #059 !important;
    font-weight: 700;

}

.alert-info *::selection,
.alert-info::selection{

    background-color: #ADE;
    color: #059;

}

@media screen and (max-width: 767px){
    
    #alert{
        
        flex-direction: column;
        
    }
    
    #alert div:nth-child(1){
    
        padding: 1em 0;

    }
    
    #alert div:nth-child(1) span{
    
        display: inline-block;
        padding: 0 1em;
        font-weight: 700;

    }

}

/* Contact */

.section-email{

    position: relative;
    width: 75%;
    border: 2px solid #222;
    border-top: none;
    text-align: center;
    margin: 4em auto 0 auto;

}

.section-email h1{

    position: relative;
    margin-top: -14px;
    display: inline-block;
    letter-spacing: 4px;

}

.section-email .top-border{

    position: absolute;
    height: 2px;
    width: 30%;
    background-color: #222;

}

.section-email .right{

    right: 0;

}

.section-email .left{

    left: 0;

}

.section-email p{

    width: 61%;
    margin: 20px auto 40px auto;
    line-height: 30px;

}

.section-email button{

    outline: 0;
    display: inline-block;
    padding: 1em 3em;
    margin-bottom: 2em;
    min-width: 50%;
    background-color: #222;
    color: #F4F4F4;
    font-size: 1.25em;
    letter-spacing: 2px;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    border: 0;

}

.section-email button:hover{

    background-color: #111;
    cursor: pointer;

}

.section-email button:hover{

    text-decoration: none;
    color: #F4F4F4;

}

.section-form{
    
    position: relative;
    width: 75%;
    margin: auto auto 2em auto;
    background: #F4F4F4;
    padding: 2em;
    
}

#contact-form{

    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: 2em auto 0 auto;

}

#contact-form div{

    flex: 0 0 40%;

}

.user-contact-information{
    
    display: flex;
    flex-direction: column;
    
}

.contact-submit{
    
    text-align: center;
    padding: 1em 0 0 0;
    
}

@media screen and (min-width: 1024px) and (max-width: 1279px){
    
    .section-email .top-border{

        width: 25%;

    }
    
    .section-email, .section-form{
        
        width: 80%;
        
    }
    
}

@media screen and (max-width: 1023px){

    .section-email .top-border{

        display: none;

    }

    .section-email{

        border-top: 2px solid #222;
        margin: 1.25em auto 0 auto;

    }

    .section-email h1{

        margin: 20px 6px;

    }
    
    .section-email, .section-form{
        
        width: 100%;
        
    }
    
    #contact-form{
        
        flex-direction: column;
        
    }

}

@media screen and (min-width: 360px) and (max-width: 479px){
    
    .section-email button{

        font-size: 1.15em;
        letter-spacing: 1px;

    }
    
    .section-email p{

        width: 70%;
        margin: 0 auto 30px auto;

    }
    
}

@media screen and (max-width: 359px){
    
    .section-email button{

        font-size: 1em;
        letter-spacing: 1px;

    }
    
    .section-email p{

        width: 80%;
        margin: 0 auto 30px auto;

    }
    
    .section-form{
        
        padding: 1.5em;
        
    }
    
}

/* Forms */

input, textarea, select{
    
    border: 0;
    padding: 1em;
    font-family: "Montserrat", sans-serif;
    margin: .75em 0;
    font-size: 1em;
    
}

input:focus,
textarea:focus,
select:focus{

    outline: 0;

}

textarea{
    
    resize: none;
    
}

.w-100{
    
    width: 100%;
    
}

.h-200{
    
    min-height: 200px;
    
}

button.dark{
    
    background: #222;
    color: #F4F4F4;
    padding: 1em 3em;
    border: 0;
    font-size: 1em;
    
}

button.dark:hover{
    
    background: #111;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    
}

button.dark:disabled{

    background: #DDD;

}

button.dark:disabled:hover{

    cursor: progress;

}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button{

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;

}

input[type=number]{

    -moz-appearance:textfield;

}

/* Statement Styles */

#statement{

    background: #FAFAFA;
    padding: 1em;
    border-top: 1px solid #E4E4E4;

}

.steps{
    
    font-size: .95em !important;
    
}

#statement h3{
    
    display: block;
    padding: .5em 0;
    
}

#statement h3 small{
    
    background: #222;
    color: #F4F4F4;
    padding: .75em;
    margin-right: .5em;
    
}

@media screen and (max-width:359px){
    
    #statement h3{

        padding: 0 0 .5em 0;
        background: #F4F4F4;
        border-bottom: 1px solid #E4E4E4;
        text-align: center;

    }
    
    #statement h3 small{

        padding: .5em;
        margin-bottom: .5em;
        display: block;

    }
    
    #statement ul{
        
        padding-left: 1em;
        
    }
    
    #statement{
        
        padding: .5em;
        
    }

}

/* My Order - Login */

#clients-login{
    
    display: flex;
    flex-direction: column;
    width: 50%;
    margin: 2em auto;
    background: #FFF;
    padding: 1em;
    border-top: 3px solid #222;
    
}

#clients-login form{
    
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin: auto;
    
}

#clients-login form input,
#clients-login form button{
    
    
    margin: .5em 0;
    
}

#clients-login form input{
    
    border-bottom: 1px solid #E4E4E4;
    
}

#clients-login #alert{
    
    display: none;
    
}

#order-information{
    
    background: #E4E4E4;
    display: none;
    flex-direction: column;
    padding: 2em;
    border: 3px solid #222;
    margin: 2em 0 1em 0;
    
}

#order-information > div{
    
    display: flex;
    flex-direction: column;
    
}

#order-information .table{
    
    flex-direction: row;
    margin-bottom: 2em;
    flex: 0 0 100%;
    align-content: stretch;
    
}

#order-information .table > div{
    
    display: flex;
    flex-direction: column;
    flex: 0 0 33.33%;
    text-align: center;
    
}

#order-information .table .header{

    background: #222;
    color: #FFF;
    padding: .75em 0;

}

#order-information .table .content{
    
    padding: .75em 0;
    background: #FFF;

}

#order-information .data{

    padding: 1em;
    
    
}

#order-information .data .email{

    border-bottom: 1px dotted #222;
    display: inline-block;
    
    
}

#order-information .data .email:hover{

    cursor: pointer;
    
    
}

#order-information .data strong span{
    
    display: inline-block;
    margin-left: .25em;
    
}

#order-information .status-1,
#order-information .status-2,
#order-information .status-3,
#order-information .status-5{
    
    display: none;
    
}

@media screen and (min-width:1024px) and (max-width:1279px){
    
    #clients-login{
        
        width: 65%
        
    }
    
}

@media screen and (min-width:768px) and (max-width:1023px){
    
    #clients-login{
        
        width: 75%
        
    }
    
}

@media screen and (min-width:640px) and (max-width:767px){
    
    #clients-login{
        
        width: 85%
        
    }
    
}

@media screen and (max-width:639px){
    
    #clients-login{
        
        width: 100%
        
    }
    
}

@media screen and (max-width:767px){
    
    #order-information .table{

        flex-direction: column;

    }
    
    #order-information .table > div{

        margin: .5em 0 .75em 0;

    }
    
}

@media screen and (max-width:479px){
    
    #order-information{
        
        padding: 1em;
        
    }
    
}

/* Bitcoin Guide */

#countrySelector{

    background: #F4F4F4;
    padding: 4em 3em;
    border-top: 3px solid #222;

}

#countrySelector p, #countrySelector h3{
    
    margin-top: 0;
    
}

#btc-guide{

    margin: 0 0 2em 0;
    background: #FFF;
    padding: 1em;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    display: none;
    
}

.select2-selection__rendered{

    line-height: 35px !important;

}

.select2-container .select2-selection--single{

    height: 39px !important;

}

.select2-selection__arrow{

    height: 38px !important;

}

.flag-text{
    
    display: inline-block;
    margin-left: 10px;
    
}

#btc-guide > div{
    
    display: none;
    
}

#btc-guide .loading{
    
    padding: 2em 0;
    text-align: center;
    
}

#btc-guide .intro{
    
    margin: 1em 0 2em 0;
    
}

#btc-guide .intro h3{
    
    margin-top: 0;
    
}

#btc-guide .methods{
    
    display: grid;
    grid-template-columns: repeat(3, 31%);
    grid-template-rows: auto;
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    justify-content: center;
    
}

#btc-guide .methods .payment_option{
    
    display: grid;
    grid-template-columns: 100%;
    grid-template-rows: 150px minmax(190px, auto) minmax(200px, auto) 50px;
    
}

#btc-guide .methods .payment_option .header{
    
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0 0;
    
}

#btc-guide .methods .tikebit .header{
    
    background-color: #1d75b7;
    background-image: url("../img/btc-guide/tikebit.png");

}

#btc-guide .methods .oxxo .header{
    
    background-color: #EEE;
    background-image: url("../img/btc-guide/oxxo.png");

}

#btc-guide .methods .seven-eleven .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/711.png");
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .brasilbitcoin .header{
    
    background-color: #222;
    background-image: url("../img/btc-guide/brasilbitcoin.png");
    padding: 2em;
    background-origin: content-box;

}

#btc-guide .methods .switchere .header{
    
    background-color: #EEE;
    background-image: url("../img/btc-guide/switchere.png");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .paybis .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/paybis.png");
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .bit2me .header{
    
    background-color: #294d9a;
    background-image: url("../img/btc-guide/bit2me.png");

}

#btc-guide .methods .bittylicious .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/bittylicious.png");
    padding: 1em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .magneticexchange .header{
    
    background-color: #fafafa;
    background-image: url("../img/btc-guide/magneticexchange.jpg");
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .cashapp .header{
    
    background-color: #f6f6f6;
    background-image: url("../img/btc-guide/cashapp.png");
    padding: 1em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .bitso .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/bitso.svg");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .volabit .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/volabit.svg");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .argenbtc .header{
    
    background-color: #210f2b;
    background-image: url("../img/btc-guide/argenbtc.svg");
    padding: 2em;
    background-origin: content-box;

}

#btc-guide .methods .ripio .header{
    
    background-color: #5422cb;
    background-image: url("../img/btc-guide/ripio.jpg");

}

#btc-guide .methods .buybitcoinworldwide .header{
    
    background-color: #f7f7f7;
    background-image: url("../img/btc-guide/buybitcoinworldwide.png");
    padding: 1.5em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .libertyx .header{
    
    background-color: #285fee;
    background-image: url("../img/btc-guide/libertyx.png");

}

#btc-guide .methods .localbitcoins .header{
    
    background-color: #F4F4F4;
    background-image: url("../img/btc-guide/localbitcoins.png");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .paxful .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/paxful.png");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .coinatmradar .header{
    
    background-color: #f6f7f2;
    background-image: url("../img/btc-guide/coinatmradar.png");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .shakepay .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/shakepay.png");
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .bitaroo .header{
    
    background-color: #f7f7f7;
    background-image: url("../img/btc-guide/bitaroo.png");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E7E7E7;

}

#btc-guide .methods .bitnovo .header{
    
    background-color: #5181c0;
    background-image: url("../img/btc-guide/bitnovo.svg");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .localcryptos .header{
    
    background-color: #FAFAFA;
    background-image: url("../img/btc-guide/localcryptos.png");
    padding: 1em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .rain .header{
    
    background-color: #24292D;
    background-image: url("../img/btc-guide/rain.png");
    padding: 2em;
    background-origin: content-box;

}

#btc-guide .methods .buda .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/buda.svg");
    padding: 1em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .bitcoinbon .header{
    
    background-color: #FFF;
    background-image: url("../img/btc-guide/bitcoinbon.svg");
    padding: 2em;
    background-origin: content-box;
    border: 1px solid #E4E4E4;

}

#btc-guide .methods .payment_option .description{
    
    padding: 1.5em 1em;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    background: #FFF;

}

#btc-guide .methods .payment_option .payment_methods{
    
    border-top: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4;
    padding: 1em 0;
    background: #F4F4F4;
    font-size: .9em;
    
}

#btc-guide .methods .payment_option .payment_methods p{
    
    margin: 0 0 1em 0;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 .75em;
    
}

#btc-guide .methods .payment_option .payment_methods span{

    background: #FFF;
    padding: 0 .75em;
    margin: .5em;
    display: inline-block;
    border-radius: .5em;
    
}

#btc-guide .methods .payment_option .payment_methods span.more{

    border: 2px solid #222;
    
}

#btc-guide .methods .payment_option .payment_methods span.more:hover{

    background: #222;
    color: #FFF;
    cursor: pointer;
    
}

#btc-guide .methods .payment_option .button{
    
    background: #222;
    color: #F4F4F4;
    text-align: center;
    padding: .5em 0;
    text-transform: uppercase;
    border: 1px solid #222;
    border-radius: 0 0 5px 5px;

}

#btc-guide .methods .payment_option .button span{
    
    letter-spacing: 1px;
    margin-left: 3px;
    
}

#btc-guide .methods .payment_option .button:hover{
    
    background: #333;
    transition: .5s all ease;
    -moz-transition: .5s all ease;
    -webkit-transition: .5s all ease;
    cursor: pointer;
    
}

@media screen and (min-width: 768px) and (max-width: 1279px){
    
    #btc-guide .methods{

        grid-template-columns: repeat(2, 49%);

    }
    
}

@media screen and (min-width: 480px) and (max-width: 767px){
    
    #btc-guide .methods{

        grid-template-columns: repeat(1, 90%);

    }
    
}

@media screen and (max-width: 479px){
    
    #btc-guide .methods{

        grid-template-columns: repeat(1, 98%);

    }
    
}

.btc-help{
    
    background: #F4F4F4;
    padding: .5em 1em;
    font-size: .9em !important;
    margin: 2em 0;
    
}

.btc-help a{
    
    border-bottom: 1px dashed #222 !important;
    margin: .25em 0;
    
}

.btc-help strong.success{
    
    color: #090;
    display: inline-block;
    padding: .25em 0;
    text-transform: uppercase;
    
}

.btc-help strong.error{
    
    color: #D8000C;
    display: inline-block;
    padding: .25em 0;
    text-transform: uppercase;
    
}

.balance{

    background: #FFF;
    display: flex;
    flex-direction: column;
    width: 30%;
    margin: 2em auto;
    padding: 1em;
    border: 1px solid #222;
    border-radius: .5em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.07), 0 6px 20px 0 rgba(0, 0, 0, 0.03);

}

.balance div{
    
    padding: .5em;
    text-align: center;
    
}

.balance input{
    
    border-bottom: 1px solid #222;
    margin: 0;
    
}

@media screen and (min-width:1080px) and (max-width:1365px){
    
    .balance{
        
        width: 50%;
        padding: .5em;
        
    }
    
}

@media screen and (min-width:600px) and (max-width:1079px){
    
    .balance{
        
        width: 70%;
        padding: .5em;
        
    }
    
}

@media screen and (max-width:599px){
    
    .balance{
        
        width: 100%;
        border-radius: 0;
        padding: .5em;
        
    }
    
}

@media screen and (max-width:359px){
    
    .balance{

        padding: .25em;
        
    }
    
}

#statement .apps{

    display: grid;
    margin: 2em 0;

}

#statement .apps div{
    
    margin: auto;
    
}

#statement .apps img{
    
    width: 200px;
    
}

@media screen and (max-width:767px){

    #statement .btc-responsive-md1{

        display: none;

    }

    #statement .btc-responsive-sm1{
        
        display: block;
        
    }
    
}

@media screen and (min-width:768px){

    #statement .btc-responsive-md1{

        display: block;

    }

    #statement .btc-responsive-sm1{
        
        display: none;
        
    }
    
}

/* Modal */

#modal{
    
    position: fixed;
    z-index: 2147483621;
    display: grid;
    overflow-y: auto;
    
}

.modal-full{
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
}

.modal-bright{
    
    background: #F4F4F4;
    
}

#modal #close-modal{
    
    background: #FFF;
    padding: 1em 0;
    text-align: center;
    border-bottom: 2px solid #222;
    text-transform: uppercase;
    font-weight: 700;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -ms-transition: all .5s ease;
    
}

#modal #close-modal:hover{
    
    cursor: pointer;
    background: #F4F4F4;
    
}

#modal #close-modal span{
    
    margin: 0 .25em;
    
}

/*
Contact us
*/

@-webkit-keyframes pulse{

    0%{

        box-shadow: 0 0 0 0 rgba(237,222,162, 0.4);

    }

    75%, 100%{

        box-shadow: 0 0 0 2rem rgba(237,222,162, 0);

    }

}

@keyframes pulse{

    0%{

        box-shadow: 0 0 0 0 rgba(237,222,162, 0.4);

    }

    75%, 100%{

        box-shadow: 0 0 0 2rem rgba(237,222,162, 0);

    }

}

.chat-widget button{

    font-size: .75em;
    padding: 1em 1.5em;
    background: #E7CB15;
    color: #222;
    border: 0;
    border-radius: .25em;
    -webkit-transition: background-color 350ms ease, color 350ms ease;
    transition: background-color 350ms ease, color 350ms ease;
    font-weight: 700;
    text-transform: uppercase;    

}

.chat-widget button svg path,
.chat-widget button svg rect{

    fill: #222;

}

.chat-widget button:hover{

    background: #222;
    color: #FFF;
    cursor: pointer;

}

.chat-widget button:disabled:hover{
    
    cursor: wait;
    background: #E7CB15;
    
}

.chat-widget{

    position: fixed;
    right: 2rem;
    bottom: 2rem;
    z-index: 8000;

}

.chat-widget--bubble{

    display: block;
    width: 540px;
    padding: 2rem;
    position: absolute;
    right: 0;
    bottom: 6rem;
    background-color: #FFF;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-transform-origin: 90% 100%;
    transform-origin: 90% 100%;
    -webkit-transition: opacity 400ms ease, -webkit-transform 400ms ease;
    transition: opacity 400ms ease, -webkit-transform 400ms ease;
    transition: opacity 400ms ease, transform 400ms ease;
    transition: opacity 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
    opacity: 1;
    -webkit-transform: translateY(0rem) scale(1, 1) skew(0deg, 0deg);
    transform: translateY(0rem) scale(1, 1) skew(0deg, 0deg);

}

@media screen and (min-width: 540px) and (max-width: 640px){
    
    .chat-widget--bubble{
        
        width: 480px;
        
    }
    
}

@media screen and (min-width: 480px) and (max-width: 539px){
    
    .chat-widget--bubble{
        
        width: 320px;

    }
    
    .chat-widget--bubble .chat-widget--text{
        
        display: none;
        
    }

}

@media screen and (max-width: 479px){
    
    .chat-widget--bubble{
        
        width: 300px;

    }
    
    .chat-widget--bubble .chat-widget--text{
        
        display: none;
        
    }

}

.chat-widget--bubble.-hide{

    opacity: 0;
    -webkit-transform: translateY(3rem) scale(0, 0) skew(0deg, 50deg);
    transform: translateY(3rem) scale(0, 0) skew(0deg, 50deg);

}

.chat-widget--bubble > * + *{

  margin-top: 1rem;

}

.chat-widget--bubble::after{

    content: '';
    display: block;
    width: 1.4rem;
    height: 1.4rem;
    position: absolute;
    right: 1.5rem;
    bottom: -0.7rem;
    background-color: #FFF;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);

}

.chat-widget--header{

    font-size: 1.25em;
    font-weight: 700;

}

.chat-widget--button{


    display: none;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 2em;
    height: 2em;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 50%;
    background: #E7CB15;
    box-shadow: 0 16px 10px -8px rgba(237,222,162, 0.3), 0 4px 10px 0 rgba(237,222,162, 0.2);
    -webkit-transition: box-shadow 250ms ease;
    transition: box-shadow 250ms ease;
    color: #222;
    font-size: 1.25em;
    padding: 1.5em;

}

.chat-widget--button:hover{

    box-shadow: 0 16px 10px -8px rgba(237,222,162, .4), 0 4px 10px 0 rgba(237,222,162, .3);
    cursor: pointer;

}

.chat-widget--button::before, .chat-widget--button::after{

    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 50%;
    -webkit-animation: pulse 2s ease-in-out 3;
    animation: pulse 2s ease-in-out 3;

}

.chat-widget--button::after{

    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;

}

.chat-widget--button > svg{
    
    position: absolute;
    
}

.chat-widget--icon{

    width: 2em;
    height: auto;

}

.chat-widget--form input,
.chat-widget--form textarea{
    
    width: 100%;
    display: block;
    background: #FAFAFA;
    
}

.chat-widget--form textarea{
    
    min-height: 100px;
    
}

@keyframes outline{

  from{

    stroke-dasharray: 0, 345.576px;

  }

  to{

    stroke-dasharray: 345.576px, 345.576px;

  }

}

#outline{

  animation: .38s ease-in outline;
  transform: rotate(0deg);
  transform-origin: center;

}

@keyframes circle{

  from{

    transform: scale(1);

  }

  to{

    transform: scale(0);

  }

}

#white-circle{

  animation: .35s ease-in .35s forwards circle;
  transform: none;
  transform-origin: center;

}

@keyframes check{

  from{

    stroke-dasharray: 0, 75px;

  }

  to{

    stroke-dasharray: 75px, 75px;

  }

}

#check{

  animation: 0.34s cubic-bezier(0.65, 0, 1, 1) 0.8s forwards check;
  stroke-dasharray: 0, 75px;

}

@keyframes check-group{

  from{

    transform: scale(1);

  }

  50%{

    transform: scale(1.09);

  }

  to{

    transform: scale(1);

  }

}

#check-group{

  animation: .32s ease-in-out 1.03s check-group;
  transform-origin: center;

}

.checkmark_confirmation{

    text-align: center;

}

.u-font-normal{

    font-size: 80px;

}

.c-markicon{

    width: 1em;
    height: 1em;
    position: relative;
    margin: .25em auto;
    vertical-align: top;

}

.crossmark1, .crossmark2{

    fill: none;
    stroke: #cc4e3d;
    stroke-width: 32px;
    stroke-dashoffset: 187;
    stroke-dasharray: 187;
    stroke-linejoin: round;
    stroke-linecap: round;

}

.crossmark1{

    animation: crossmark1_animation .8s ease-out forwards;

}

.crossmark2{

    animation: crossmark2_animation .8s ease-out forwards;

}

@keyframes crossmark1_animation{

    0%{

        stroke-dashoffset: 187;

    }

    50%{

        stroke-dashoffset: 0;

    }

    100%{

        stroke-dashoffset: 0;

    }

}

@keyframes crossmark2_animation{

    0%{

        stroke-dashoffset: 187;

    }

    50%{

        stroke-dashoffset: 187;

    }

    100%{

        stroke-dashoffset: 0;

    }

}

.previous-alert{
    
    display: none !important;
    
}

.previous-alert:nth-child(1){
    
    display: flex !important;
    
}