/*Bu script Dadaşov Xanoğlana məxsusdur icazəsiz istifadə etmək olmaz lütfən 051 878 79 29 nömrəsilə əlaqə saxlayın...*/
@import url(//smartcallback.ru/css/font_Roboto.css);

strong.SCB_strong{font-weight: 500;}

.hidden{display: none;}

.A1,.A2,.B1,.B2{
    display: inline-block;
    width: 49%;
    height: 44vh;
    padding-top:40% ;
}
.A1{
    background:#111 ;
}
.A2{
    background:#fff ;
}
.B1{
    background:#555 ;
}
.B2{
    background:#aaa ;
}
/* Call button */
/*wp io*/
#wh-widget-send-button.wh-widget-right {
    right: 100px;
}

/*end wp io*/
#SCBbuttonMobileMain {
    width: 84px;
    height: 84px;
    position: fixed;
    right: 100px;
    bottom: 12px;
    z-index: 99999 !important;
    border-radius: 50%;
    transition: 0.25s;
}

.scb_status_text{
    color:#fff;
    font-size:12px;
    text-align:Center;
    padding-top:10px;
}

#scb_seconds{
    color:#fff;
    text-align:Center;
    padding-top:15px;
    font-size:24px;
}

#SCBbuttonMobileMain.SCBbutton_widetype {
    width: 300px;
    /*position: fixed;
    bottom: 40px;
    bottom: 4vh;
    right: 40px;*/
    position: fixed;
    right: 30px;bottom: 20px;
    z-index: 99999 !important;
    border-radius: 50%;
    transition: 0.5s;
}
.scb_button_prim {
    font-size: 9pt;
    margin-top:3px;
    display:block;
    color: rgb(185,226,185);
    line-height: 14px !important;
}
.scb_phone_but {
    visibility: hidden;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 99999 !important;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s
}

.scb_phone_but.SCB_but_wide {
    background-color: rgb(0, 173, 0);
    width: 100%;
    height: 100%;
    border-radius: 42px;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -webkit-transition: visibility .5s;
    -moz-transition: visibility .5s;
    -o-transition: visibility .5s;
    transition: visibility .5s;
    opacity: 1 !important;
}

.scb_phone_but.scb_show {
    visibility: visible
}

.scb_phone_but.scb_stat {
    opacity: .9
}

.scb_phone_but.scb_stat:hover {
    opacity: 1;
    cursor: pointer;
}

.scb_bg_puls {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: absolute;
    background-color: #000;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    opacity: .1;
    -webkit-animation: scb_bg_puls_anime 2s infinite ease-out;
    -moz-animation: scb_bg_puls_anime 2s infinite ease-out;
    -ms-animation: scb_bg_puls_anime 2s infinite ease-out;
    -o-animation: scb_bg_puls_anime 2s infinite ease-out;
    animation: scb_bg_puls_anime 2s infinite ease-out;
    -webkit-transition: all .1s;
    -moz-transition: all .1s;
    -o-transition: all .1s;
    transition: all .1s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.scb_bg_puls:hover {
    -webkit-animation: scb_bg_puls_anime 1s infinite ease-in-out !important;
    -moz-animation: scb_bg_puls_anime 1s infinite ease-in-out !important;
    -ms-animation: scb_bg_puls_anime 1s infinite ease-in-out !important;
    -o-animation: scb_bg_puls_anime 1s infinite ease-in-out !important;
    animation: scb_bg_puls_anime 1s infinite ease-in-out !important
}

.scb_phone_but.scb_but_hov .scb_bg_puls {
    background-color: rgba(0, 155, 0, .6);
    opacity: .75 !important
}

.scb_phone_but.scb_but_green.scb_but_hov .scb_bg_puls {
    background-color: rgba(117, 235, 80, .7);
    opacity: .75 !important
}

.scb_phone_but.scb_but_green .scb_bg_puls {
    background-color: rgba(0, 155, 0, .9);
    opacity: .75 !important
}

.scb_but_img {
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    top: 18px;
    right: 18px;
    position: absolute;
    background-color: rgba(30, 30, 30, .9);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid #fff;
    opacity: .8;
}


.scb_but_img.SCB_img_widetype {
    width: 48px;
    height: 48px;

    -webkit-animation: scb_rotate_anime 0.7s  ease-in-out !important;
    -moz-animation: scb_rotate_anime 0.7s  ease-in-out !important;
    -ms-animation: scb_rotate_anime 0.7s  ease-in-out !important;
    -o-animation: scb_rotate_anime 0.7s  ease-in-out !important;
    animation: scb_rotate_anime 0.7s  ease-in-out !important
}
.scb_but_img.scb_back {
    -webkit-animation: scb_rotate_anime_back 0.5s  ease-in-out !important;
    -moz-animation: scb_rotate_anime_back 0.5s  ease-in-out !important;
    -ms-animation: scb_rotate_anime_back 0.5s  ease-in-out !important;
    -o-animation: scb_rotate_anime_back 0.5s  ease-in-out !important;
    animation: scb_rotate_anime_back 0.5s  ease-in-out !important
}

.scb_button_status{
    display: none;
    position: absolute;
    right: 65px;
    top: 20px;
    font-size: 14px;
    width: 210px;
    font-family: roboto, open sans, sans-serif, tahoma;
    font-weight: 300;
    color: #fff;
    z-index: 9999 !important;
    line-height:16px !important;
}

.scb_phone_but.scb_but_hov .scb_but_img {
    background-color: rgba(0, 155, 0, 1)
}

.scb_phone_but.scb_but_green .scb_but_img {
    background-color: rgba(0, 156, 0, 1.0)
}

.scb_call_time{
    text-align:Center;
    color:#fff;
    font-size:28px;
    margin-top:10px;
}

.scb_button_h {font-size:15px}

@-webkit-keyframes scb_rotate_anime {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg);

    }

    60% {
        -webkit-transform: rotate(-350deg) scale(1) skew(0deg);

    }
    90% {
        -webkit-transform: rotate(-358deg) scale(1) skew(0deg);

    }

    100% {
        -webkit-transform: rotate(-360deg) scale(1) skew(0deg);

    }
}

@-webkit-keyframes scb_rotate_anime_back {
    0% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg);

    }

    60% {
        -webkit-transform: rotate(350deg) scale(1) skew(0deg);

    }
    90% {
        -webkit-transform: rotate(358deg) scale(1) skew(0deg);

    }

    100% {
        -webkit-transform: rotate(360deg) scale(1) skew(0deg);

    }
}



@-webkit-keyframes scb_bg_puls_anime {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
        opacity: .5
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg);
        opacity: .1
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
        opacity: .5
    }
}

@-moz-keyframes scb_bg_puls_anime {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
        opacity: .5
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg);
        opacity: .1
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
        opacity: .5
    }
}

@-o-keyframes scb_bg_puls_anime {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
        opacity: .5
    }
    50% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg);
        opacity: .1
    }
    100% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
        opacity: .5
    }
}

@keyframes scb_bg_puls_anime {
    0% {
        -webkit-transform: rotate(0deg) scale(0.7) skew(0deg);
        opacity: .5
    }
    100% {
        -webkit-transform: rotate(0deg) scale(1) skew(0deg);
        opacity: .0
    }
}