@font-face {

    font-family: 'Roboto Slab';

    font-style: normal;

    font-weight: 400;

    src: local('Roboto Slab Regular'), local(RobotoSlab-Regular), url(https://fonts.gstatic.com/s/robotoslab/v7/y7lebkjgREBJK96VQi37ZlwIJl2YiaXHM0xUx_ugXFg.ttf) format("truetype")

}

@font-face {

    font-family: 'Roboto Slab';

    font-style: normal;

    font-weight: 700;

    src: local('Roboto Slab Bold'), local(RobotoSlab-Bold), url(https://fonts.gstatic.com/s/robotoslab/v7/dazS1PrQQuCxC3iOAJFEJQbEkm-f2UOALJ0ub4PpKrw.ttf) format("truetype")

}


#neroLp, #link_popup, #link_popup2, #gal_popup, #startcatOpros {
    display: none;
    width: 100%;
    max-width: 600px;
}

.fancybox-content {
    padding: 23px;
}


.qwerty > div:not(.opActive) {
    display: none;
}

.obForm {

    font-family: 'Roboto Slab', sans-serif;

    overflow: hidden;

    transition: .5s ease-in-out

}

.qwerty {

    width: 18000px;

    transition: 1s

}

.qwerty > div {

    width: 533px;

    padding: 30px 0 20px;

    float: left

}

.oprosCont > div > label:not(.agree-checkLabel):not(.error) {

    position: relative;

    width: 95%;

    color: #333;

    font-size: 14px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);

    background-color: #f8f8f8;

    font-weight: 700;

    display: block;

    padding: 10px 40px;

    border-radius: 4px;

    margin: 0 auto 15px;

    transition: .25s

}

.oprosCont > div > label:not(.agree-checkLabel):not(.error)::before {

    content: '';

    position: absolute;

    top: 50%;

    left: 12px;

    transform: translateY(-50%);

    width: 18px;

    height: 18px;

    border: 2px solid #cacaca;

    border-radius: 5px

}

.oprosCont > div > label:not(.agree-checkLabel):not(.error):hover::before {

    border: 2px solid #6039aa

}

.oprosCont > div > label.oprosContLabelBackground::before {

    background-color: #6039aa

}

.oprosCont > div > .selectOpros label {

    background-color: #fff;

    display: inline-block;

    padding: 10px 40px;

    margin: 0 0 15px 13px;

    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);

    border-radius: 4px

}

.oprosCont > div > .selectOpros label.active {

    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.1)

}

.oprosCont input:not(#name):not(#tel):not([name="check"]):not(.noInputHide) {

    display: none

}

#neroLp input[type="tel"], .noInputHide {
    width: 95%;
    height: 35px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    outline: none;
    margin-bottom: 30px;
    transition: .3s;
}

#neroLp input[type="tel"]:focus, .noInputHide:focus, textarea:focus {
    box-shadow: 0px 0px 10px 0px #bbb;
}

.noInputHide {
    display: block;
    margin: 0 auto;
}

[type="tel"] {
    background-image: url("../images/tel.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
}

[name="name"] {
    background-image: url("../images/name.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
}

[type="email"] {
    background-image: url("../images/mail.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
}

.oprosCont textarea {
    width: 95%;
    height: 100px;
    padding: 20px;
    border: 1px solid #d2d2d2;
    border-radius: 10px;
    transition: .3s;
    outline: none;
}

.vvodyDanns {
    display: flex;
    flex-direction: column;
    width: 80%;
    margin: 30px auto 0 auto;
}

.vvodyDanns input {
    display: block;
    margin-bottom: 15px;
    border-radius: 15px;
    border: 1px solid #d0d0d0;
    outline: none;
}

.popup-title-sm {

    font-family: 'Roboto Slab', serif;

    font-size: 14px;

    color: #333;

    font-weight: 400;

    text-align: center;

    margin: -10px 0 15px;

    margin-bottom: 30px;

}

.popup-title {

    font-family: Arial, sans-serif;

    font-weight: 700;

    font-size: 16px;

    color: #0054a5;

    text-align: center;

    text-transform: uppercase;

    line-height: 1.4;

    margin: 15px 0

}

.close-popup {

    display: block;

    cursor: pointer;

    background-image: url(../images/cancel.svg);

    width: 15px;

    height: 15px;

    background-size: 15px 15px;

    position: absolute;

    top: 10px;

    right: 10px

}

.close-popup:hover {

    opacity: .8

}

.popup-wrapper {

    padding: 25px 33px 40px;

    background-color: #fff;

    border-radius: 6px

}

.oprosCont > div > label.oprosContLabelBackground::before {

    background-color: #6039aa

}

.activeSkidka {

    text-align: center;

    margin: 15px 0

}

.priceBalzam {

    font-family: 'Roboto Slab', serif;

    font-weight: 700;

    color: #0c101a;

    font-size: 16px;

    margin-bottom: 10px

}

.textBalzam {

    text-align: center;

    font-size: 18px;

    color: #464646;

    font-family: "Open Sans Light", sans-serif;

    font-weight: 400

}


.obError {
    position: relative;
}

label.error {

    font-size: 13px;

    font-weight: 400;

    position: absolute;

    top: -37px;

    left: 30px;

    margin-top: 3px;

    padding: 5px 20px;

    color: #fff;

    border: 2px solid #ddd;

    border-radius: 6px;

    background-color: rgba(238, 1, 1, .8);

    -webkit-box-shadow: 0 0 6px #000;

    box-shadow: 0 0 6px #000

}

.iziCnopki #phone-error {

    top: -24px;

    left: 0

}

label.error:after {

    position: absolute;

    top: 28px;

    left: 14px;

    width: 20px;

    height: 14px;

    content: '';

    background-image: url(../img/ugolok.png);

    background-repeat: no-repeat

}

#startcatOpros #tel-error {
    top: 28px;
    left: 70px;
}


.buttonKnopka {

    text-align: center;

    margin: 0 auto;

    outline: none;

    display: block;

    background-color: #ed1c24;

    border-radius: 30px;

    border-style: dashed;

    border-color: #fff;

    padding: 8px 38px;

    font: 18px "Open Sans Light", sans-serif;

    font-weight: 700;

    color: #fff;

    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);

    cursor: pointer

}

.buttonKnopka:hover {

    background-color: #af0008;

    border-color: #fff;

    color: #fff;

    text-decoration: none

}

.buttonKnopka:focus, .buttonKnopka:active, .buttonKnopka:focus:active, .buttonKnopka:active:focus {
    outline: none;
    color: #fff;
}

.nextVopros {
    display: none;
}


#music {

    position: fixed;

    right: 58px;

    bottom: 95px;

    cursor: pointer;

    z-index: 101;

}

.muteMusic {

    background-image: url(../img/btn_pause.png);

    width: 70px;

    height: 41px;

    display: block

}

.cartMusic {

    background-image: url(../img/btn_play.png);

    width: 70px;

    height: 41px;

    display: block

}

#music audio {

    display: none

}

.popup-grass__body {
    padding: 25px 0;
}

.popup-title {
    font-family: 'Roboto Slab', serif;
    font-weight: 700;
    font-size: 16px;
    color: #0054a5;
    text-align: center;
    text-transform: uppercase;
    padding: 0 40px;
    margin: 15px 0
}

.button-link-popup {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 80%;
    margin: 25px auto auto
}

.while-button {
    background-color: rgba(255, 255, 255, .65);
    border-radius: 15px;
    border: 2px dashed #f7f3e5;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    color: #303030;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .5);
    -webkit-transition-property: color, background-color, border-color, -webkit-box-shadow, -webkit-transform !important;
    transition-property: color, background-color, border-color, -webkit-box-shadow, -webkit-transform !important;
    transition-property: box-shadow, transform, color, background-color, border-color !important;
    transition-property: box-shadow, transform, color, background-color, border-color, -webkit-box-shadow, -webkit-transform !important
}

.while-button:hover {
    background-color: rgba(86, 171, 210, .72);
    border-color: #fff;
    color: #595959
}

.while-button:active, .while-button:focus, .while-button:hover {
    color: #595959
}

.while-button:active {
    background-color: #3f9dcc;
    border-color: #fff;
    color: #484848;
    -webkit-box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .5);
    box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, .5)
}

.link_popup {
    width: 150px;
    padding: 10px;
    font-size: 20px;
    margin: 0 auto 25px auto;
}

/* ======================== КНОПКА "ПОЛУЧИТЬ ПОДАРОК" */
.subs-widget_animation {animation: subs-widget_animation-keyframes 1.5s linear 0s infinite normal forwards;}
.subs-widget_animation:hover {animation: none;}
.subs-widget {position: relative;z-index: 10;cursor: pointer;}
.subs-widget__wrap {position: fixed;z-index: 9;left: 20px;bottom: 60px;width: 140px;height: 140px;padding: 15px 0 0;transition: all .2s ease;transform: rotate(0deg);text-align: center;border-radius: 20px;background-color: #ff640a;background-image: none;}
.subs-widget__wrap .subs-widget__text {font-family: 'PT Sans', sans-serif;text-align: center;color: #fff;font-weight: 700;line-height: 1.2;}
.subs-widget__wrap .subs-widget__icon-box {margin: 0 0 15px;text-align: center;}
.subs-widget__wrap.style5 {background-color: transparent;}
@keyframes subs-widget_animation-keyframes {
    0% {transform: rotate(0deg);animation-timing-function: linear;}
    13.33% {transform: rotate(10deg);animation-timing-function: linear;}
    26.67% {transform: rotate(-10deg);animation-timing-function: linear;}
    40% {transform: rotate(5deg);animation-timing-function: linear;}
    46.67% {transform: rotate(-5deg);animation-timing-function: linear;}
    53.33% {transform: rotate(0deg);animation-timing-function: linear;}
    to {transform: rotate(0deg);animation-timing-function: linear;}
}

/* ========== ФОРМА ПОЛУЧЕНИЯ ПОДАРКА. ПОЯВЛЯЕТСЯ ПО КЛИКУ НА КНОПКУ "ПОЛУЧИТЬ ПОДАРОК" */
.tea-gift {
    position: fixed;
    width: 100%;
    height: 100%;
    color: #000000;
    font-family: 'Open Sans', Arial, sans-serif;
    background-color: rgba(255,255,255, 0.9);
    overflow-y: scroll;
    z-index: 999999;
}

.tea-gift--wrapper {
    position: relative;
    max-width: 960px;
    margin: 0 auto;
    padding: 20px;
    font-size: 0;
}

.tea-gift--image {
    max-width: 600px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
}

.tea-gift--image img {
    width: 100%;
    height: auto;
}

.tea-gift--title {
    text-align: center;
    font-size: 36px;
    font-weight: 700;
}

.tea-gift--title__red {
    color: #B74D2E;
}

.tea-gift--description {
    text-align: center;
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 60px;
}

.tea-gift--text {
    margin-bottom: 30px;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
}

.tea-gift--left {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    font-size: 18px;
    text-align: center;
}

.tea-gift--phone input {
    width: 290px;
    padding: 10px;
    border: 2px solid #CCCCCC;
    border-radius: 4px;
    text-align: center;
    font-size: inherit;
}

.tea-gift--submit input {
    width: 314px;
    margin-bottom: 10px;
    padding: 10px 0;
    background-color: #3388CC;
    border: none;
    border-bottom: 3px solid #1E5078;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
}

.tea-gift--checkbox {
    font-size: 14px;
    position: relative;
}

.tea-gift--checkbox input {
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    margin-right: 15px;
}

.tea-gift--link {
    color: #3388CC;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
}

.tea-gift--right {
    display: inline-block;
    width: 50%;
    font-size: 18px;
}

.tea-gift--attention-text {
    font-size: 22px;
    margin-bottom: 15px;
}

.tea-gift--attention-text__red {
    color: #B74D2E;
    font-weight: 700;
}

.tea-gift--link span {
    text-decoration: underline;
}

/*.tea-gift__close,*/
/*.attention-popup__close {
  position: absolute;
  top: 30px;
  right: 30px;
  cursor: pointer;
  padding: 10px;
  border: 2px solid #000;
  border-radius: 50%;
  background-color: white;
}
*/
.show-mobile {
    display: none;
}

.ui-input-text {
    width: 290px;
    height: 49px!important;
    margin: 0 auto;
    border: none;
    margin-bottom: 20px;
}

.ui-checkbox {
    display: inline;
}

/* новый анимированный крестик чат-бота */

.tea-gift__close, .tea-gift__close2 {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 30px;
    right: 30px;
    padding: 0;
    border: 2px solid #ccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: rgba(61, 61, 61, 0.8);
    -webkit-box-shadow: 0px 0px 10px #000;
    -moz-box-shadow: 0px 0px 10px #000;
    box-shadow: 0px 0px 10px #000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: all ease .8s;
    -moz-transition: all ease .8s;
    -ms-transition: all ease .8s;
    -o-transition: all ease .8s;
    transition: all ease .8s;
    opacity: 1;
}
.tea-gift__close:before, .tea-gift__close2:before {
    color: rgba(255, 255, 255, 0.9);
    content: "X";
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
    font-size: 16px;
    line-height: 1.5;
}
.tea-gift__close:hover, .tea-gift__close2:hover {
    background-color: rgba(252, 20, 0, 0.8);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 1;
    text-decoration: none;
}
.attention-popup__close {
    top: -10px;
    right: -10px;
}

.str7 {
    display: none;
    position: absolute;
    top: 55%;
    right: 20%;
    width: 29%;
    height: 14%;
    background-color: #ff2300;
    opacity: 0;
    z-index: 999;
}

.link-chat {
    display: none;
    position: absolute;
    top: 53% !important;
    left: 24% !important;
    width: 24% !important;
    height: 16%;
    background-color: #1c94c4;
    opacity: 0;
    z-index: 999;
}

.bodyWrapper {
    text-align: center;
}

.bodyWrapper a {
    color: #000;
    font-size: 20px;
    font-weight: 700;
}

.bodyWrapper a:hover, .bodyWrapper a:focus {
    color: #717171;
    text-decoration: none;
}

.bodyWrapper p {
    font-size: 20px;
}

.str7Mob {
    display: none;
}

/*
СТИЛИ ДЛЯ КНОПОК: buttonKnopka И while-button button-popup.
ДЛЯ КНОПКИ ПО ЦЕНТРУ, КОГДА ОДНА: link_popup
*/

.knopkaHover, .knopkaHover2 {
    width: 280px;
    height: 61px;
    font-size: 20px;
    font-weight: bold;
    color: #0f1d21;
    background-color: rgba(255, 190, 40, 0.00);
    outline: none;
    border: 2px #FF3333 solid;
    border-radius: 33px;
    display: table;
    margin: 25px auto 0 auto;
    transition: .4s;
}

.knopkaHover.knopkaHoverLink_popup2 {
    margin: 25px 20px 0 20px;
}

.knopkaHover:hover, .knopkaHover2:hover {
    color: white;
    background-color: #FF3333;
    border: 2px #FF3333 solid;
    animation: button-pulse 0.9s 0s ease-out 1;
}

.knopkaHover2 {
    display: none;
}

.cat {
    background-image: url(../img/cat.jpg);
    width: 100%;
    height: 120px;
    background-size: 22%;
    background-repeat: no-repeat;
    padding: 35px 0 0 125px;
    background-position: 16px center;
}

@keyframes button-pulse {
    from {
        box-shadow: 0 0 8px 6px #FF3333, 0 0 12px 14px #FF3333;
    }
    to {
        box-shadow: 0 0 10px 6px rgba(255, 51, 51, 0), 0 0 4px 35px rgba(255, 51, 51, 0);
    }
}




.blockHide, .registration {
    display: none;
}

.agree-check {
    position: relative;
    margin-top: 5px;
    margin-bottom: 30px;
}

.agree-check input {
    position: absolute;
    top: 3px;
}

.agree-check span {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 12px;
    color: #333;
    padding-left: 20px;
    display: inline-block;
}

.agree-check a {
    color: #000;
    border-bottom: 1px dashed #000;
    cursor: pointer;
}

#gal_popup .button-link-popup button {
    width: 200px;
    font-size: 21px;
    min-height: 44px;
    padding: 7px 28px;
    margin: 0 auto !important;
}


.obprogressBar, .obprogressBar2, .obschiiProgressBar {
    display: none;
    border: solid 1px #eaeaec;
    margin-bottom: 20px;
    border-radius: 3px;
    overflow: hidden;
    position: relative;
    margin-top: 30px;
}

.progressBar, .progressBar2, .obschiiProgressBarLine {
    color: #fff;
    background-image: url("../images/progress.png");
    background-repeat: repeat-x;
    background-position: left top;
    background-size: auto 100%;
    width: 0%;
    text-align: center;
    font-size: 12px;
    animation: animatedBackground 300s linear infinite;
    transition: 1s;
}

@keyframes animatedBackground {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 9999px 0;
    }

}







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

    .tea-gift--image {
        max-width: 100%;
    }

    .tea-gift--title {
        font-size: 60px;
    }

    .tea-gift--description {
        font-size: 40px;
        line-height: 56px;
    }

    .tea-gift--text {
        font-size: 30px;
        line-height: 48px;
    }

    .tea-gift--left, .tea-gift--right {
        width: 100%;
    }

    .tea-gift--phone input {
        width: 100%;
        padding: 30px 0;
        font-size: 36px;
    }

    .tea-gift--submit input {
        width: 100%;
        padding: 30px;
        border-right: 3px solid #3388CC;
        border-left: 3px solid #3388CC;
        font-size: 32px;
    }

    .tea-gift--checkbox {
        margin-bottom: 40px;
        font-size: inherit;
    }

    .tea-gift--checkbox input {
        position: relative;
        top: 5px;
        width: 40px;
        height: 40px;
        margin-right: 25px;
    }

    .tea-gift--link {
        font-size: 28px;
        text-align: center;
    }

    .tea-gift--attention-text {
        font-size: 36px;
        text-align: center;
    }

    .tea-gift__center {
        text-align: center;
    }

    .tea-gift--right {
        margin-bottom: 60px;
    }

    .show-mobile {
        display: block;
    }

    .ui-input-text {
        width: 100%!important;;
        height: 114px!important;
    }

}

@media screen and (max-device-width: 600px) {
    .tea-gift--title {
        font-size: 32px;
    }

    .tea-gift--title__red {
        display: block;
    }

    .tea-gift--description {
        font-size: 18px;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .tea-gift--text {
        font-size: 18px;
        line-height: 32px;
    }

    .tea-gift__left {
        display: block;
    }

    .tea-gift--link {
        font-size: 18px;
    }

    .tea-gift--attention-text {
        font-size: 18px;
    }

    .tea-gift--phone input,
    .tea-gift--submit input {
        font-size: 16px;
    }

    .tea-gift--checkbox {
        margin-bottom: 20px;
    }

    .tea-gift--checkbox input {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }

    .ui-input-text {
        width: 100%!important;
        height: 86px!important;
    }

    .show-mobile {
        display: block;
    }

}

.attention-popup {
    position: fixed;
    z-index: 999;
    width: 280px;
    padding: 20px;
    top: 50%;
    margin-top: -150px;
    left: 50%;
    margin-left: -150px;

    font-size: 18px;
    text-align: center;
    background-color: #ffffff;
}

/* КНОПКА ЮТУБА НА ВТОРОМ, ТРЕТЬЕМ ЭКРАНЕ */
.lt-fa, .lt-fa2 {
    display: inline-block;
    font-family: "lt-fontawesome" !important;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.lt-xbutton-main-wrapper, .lt-xbutton-main-wrapper2 {
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    padding: 0;
    border: 0 none;
    width: auto;
    height: auto;
    text-indent: 0;
    display: none;
    right: 50%;
    bottom: 10%;
    position: fixed;
    transform: translateX(370px);
    z-index: 999;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.lt-xbutton-main-wrapper *, .lt-xbutton-main-wrapper2 * {
    font: inherit;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    padding: 0;
    margin: 0;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    letter-spacing: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    float: none;
    text-shadow: none;
    overflow: visible;
    text-align: left;
    width: auto;
    height: auto;
    min-width: 0;
    max-width: none;
    min-height: 0;
    max-height: none;
    background: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: none;
    color: inherit;
    text-indent: 0
}

.lt-xbutton-main-wrapper div, .lt-xbutton-main-wrapper2 div {
    display: block
}

.lt-xbutton-main-wrapper span, .lt-xbutton-main-wrapper2 span {
    display: inline
}

.lt-xbutton-main-wrapper *, .lt-xbutton-main-wrapper2 * {
    font-family: 'proxima_nova';
    color: #000
}

.lt-xbutton, .lt-xbutton2 {
    font-family: "proxima_nova";
    width: 58px;
    height: 58px;
    text-align: left;
    -webkit-transition: width .5s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    -moz-transition: width .5s ease-in-out, -moz-box-shadow .3s ease-in-out;
    -ms-transition: width .5s ease-in-out, -ms-box-shadow .3s ease-in-out;
    -o-transition: width .5s ease-in-out, -o-box-shadow .3s ease-in-out;
    transition: width .5s ease-in-out, box-shadow .3s ease-in-out;
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0), 0 0 0 0 rgba(0, 0, 0, 0);
    background: #fff;
    -webkit-border-radius: 58px;
    -moz-border-radius: 58px;
    border-radius: 58px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-animation: buttonShow .7s both ease-in-out 1;
    -moz-animation: buttonShow .7s both ease-in-out 1;
    -o-animation: buttonShow .7s both ease-in-out 1;
    animation: buttonShow .7s both ease-in-out 1;
    cursor: pointer
}

.lt-xbutton *, .lt-xbutton2 * {
    font-family: "proxima_nova";
    color: #4c4c4c;
    letter-spacing: normal;
    margin: 0;
    padding: 0;
    text-transform: none;
    font-style: normal;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    color: #000
}

.lt-xbutton .lt-xbutton-flash, .lt-xbutton2 .lt-xbutton-flash {
    width: 58px;
    height: 58px;
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    z-index: -1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.lt-xbutton .lt-xbutton-flash.lt-flash-left, .lt-xbutton2 .lt-xbutton-flash.lt-flash-left {
    -webkit-animation: iconAnim 2s both ease-in-out infinite;
    -moz-animation: iconAnim 2s both ease-in-out infinite;
    -o-animation: iconAnim 2s both ease-in-out infinite;
    animation: iconAnim 2s both ease-in-out infinite
}

.lt-xbutton .lt-xbutton-flash.lt-flash-right, .lt-xbutton2 .lt-xbutton-flash.lt-flash-right {
    -webkit-animation: iconAnimtwo 2s both ease-in-out infinite;
    -moz-animation: iconAnimtwo 2s both ease-in-out infinite;
    -o-animation: iconAnimtwo 2s both ease-in-out infinite;
    animation: iconAnimtwo 2s both ease-in-out infinite
}

.lt-xbutton .lt-xbutton-dialler, .lt-xbutton2 .lt-xbutton-dialler {
    position: absolute;
    top: -8px;
    left: -8px;
    width: 74px;
    height: 74px
}

.lt-xbutton .lt-xbutton-dialler .lt-xbutton-dialler-half, .lt-xbutton2 .lt-xbutton-dialler .lt-xbutton-dialler-half {
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    overflow: hidden
}

.lt-xbutton .lt-xbutton-dialler .lt-xbutton-dialler-half.half-left, .lt-xbutton2 .lt-xbutton-dialler .lt-xbutton-dialler-half.half-left {
    left: 0
}

.lt-xbutton .lt-xbutton-dialler .lt-xbutton-dialler-half.half-right, .lt-xbutton2 .lt-xbutton-dialler .lt-xbutton-dialler-half.half-right {
    right: 0
}

.lt-xbutton .lt-xbutton-dialler .lt-xbutton-dialler-half .lt-xbutton-dialler-pie, .lt-xbutton2 .lt-xbutton-dialler .lt-xbutton-dialler-half .lt-xbutton-dialler-pie {
    border: 1px solid #ff0000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-clip: padding-box;
    width: 36px;
    height: 72px
}

.lt-xbutton .lt-xbutton-dialler .lt-xbutton-dialler-half .lt-xbutton-dialler-pie.pie-left, .lt-xbutton2 .lt-xbutton-dialler .lt-xbutton-dialler-half .lt-xbutton-dialler-pie.pie-left {
    border-radius: 76px 0 0 76px;
    border-right: none;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-animation: pie-left 4s both linear infinite;
    -moz-animation: pie-left 4s both linear infinite;
    -o-animation: pie-left 4s both linear infinite;
    animation: pie-left 4s both linear infinite
}

.lt-xbutton .lt-xbutton-dialler .lt-xbutton-dialler-half .lt-xbutton-dialler-pie.pie-right, .lt-xbutton2 .lt-xbutton-dialler .lt-xbutton-dialler-half .lt-xbutton-dialler-pie.pie-right {
    border-radius: 0 76px 76px 0;
    border-left: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: 0 50%;
    -moz-transform-origin: 0 50%;
    -ms-transform-origin: 0 50%;
    -o-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-animation: pie-right 4s both linear infinite;
    -moz-animation: pie-right 4s both linear infinite;
    -o-animation: pie-right 4s both linear infinite;
    animation: pie-right 4s both linear infinite
}

.lt-xbutton .lt-xbutton-wrapper, .lt-xbutton2 .lt-xbutton-wrapper {
    overflow: hidden;
    height: 100%;
    -webkit-border-radius: 0 50% 50% 0;
    -moz-border-radius: 0 50% 50% 0;
    border-radius: 0 50% 50% 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.lt-xbutton .lt-xbutton-icons, .lt-xbutton2 .lt-xbutton-icons {
    line-height: 76px;
    text-align: center;
    height: 54px;
    width: 54px;
    border: 2px solid transparent;
    background: #fff;
    position: relative;
    z-index: 999;
    -webkit-border-radius: 54px;
    -moz-border-radius: 54px;
    border-radius: 54px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .5s, border-color .5s;
    -moz-transition: -moz-transform .5s, border-color .5s;
    -ms-transition: -ms-transform .5s, border-color .5s;
    -o-transition: -o-transform .5s, border-color .5s;
    transition: transform .5s, border-color .5s
}

.lt-xbutton .lt-xbutton-icons .lt-xbutton-phone-icon {
    color: #038c3e;
    font-size: 36px;
    line-height: 58px;
    background: url('../images/phone_icon.png') no-repeat;
    height: 36px;
    width: 36px;
    background-size: 36px;
    margin-top: 2px;
}

.lt-xbutton2 .lt-xbutton-icons .lt-xbutton-phone-icon {
    color: #038c3e;
    font-size: 36px;
    line-height: 58px;
    background: url('../images/Burn_Folder.png') no-repeat;
    height: 36px;
    width: 36px;
    background-size: 36px;
    margin-top: 10px;
}

@keyframes pie-left {
    0% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    10% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-moz-keyframes pie-left {
    0% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    10% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes pie-left {
    0% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    10% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    30% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    40% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes pie-right {
    0% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    10% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    40% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-moz-keyframes pie-right {
    0% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    10% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    40% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@-webkit-keyframes pie-right {
    0% {
        -webkit-transform: rotate(-180deg);
        -moz-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    10% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    20% {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    30% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    40% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    100% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes iconAnim {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
    30% {
        -webkit-box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1);
        box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}

@-moz-keyframes iconAnim {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
    30% {
        -webkit-box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1);
        box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}

@-webkit-keyframes iconAnim {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
    30% {
        -webkit-box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1);
        box-shadow: 0 0 0 12px rgba(255, 0, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}

@keyframes iconAnimtwo {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
    70% {
        -webkit-box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1);
        box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}

@-moz-keyframes iconAnimtwo {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
    70% {
        -webkit-box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1);
        box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}

@-webkit-keyframes iconAnimtwo {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
    70% {
        -webkit-box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1);
        -moz-box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1);
        box-shadow: 0 0 0 16px rgba(255, 0, 0, 0.1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        -moz-box-shadow: 0 0 0 0 rgba(255, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 0, 0, 0)
    }
}

@keyframes iconAnimt {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    70% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes iconAnimt {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    70% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes iconAnimt {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
    70% {
        -webkit-transform: scale(1.5);
        -moz-transform: scale(1.5);
        -ms-transform: scale(1.5);
        -o-transform: scale(1.5);
        transform: scale(1.5)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes buttonShow {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    70% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes buttonShow {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    70% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes buttonShow {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0)
    }
    70% {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}
/* /КНОПКА ЮТУБА НА ВТОРОМ, ТРЕТЬЕМ ЭКРАНЕ */

.iziModal .iziModal-button {
    opacity: 1;
}

/* КНОПКА ДУДКИ */
.popup_toggler {
    position: fixed;
    right: 30px;
    bottom: 60px;
    z-index: 100;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -moz-animation-name: scaleBlinkIn;
    -webkit-animation-name: scaleBlinkIn;
    animation-name: scaleBlinkIn;
    -moz-animation-duration: 0.3s;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -moz-animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.popup_toggler .btn-close {
    position: absolute;
    z-index: 2;
    width: 38px;
    height: 38px;
    top: 8px;
    right: -1px;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: .5;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.popup_toggler .btn-close .icon {
    color: black;
    font-size: 22px;
    font-weight: 800;
    width: 22px;
    height: 22px;
    background: white;
    border: 1px solid rgba(0,0,0,0.8);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.popup_toggler .btn-close:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1
}

.popup_toggler .toggler-link {
    display: block;
    position: relative;
    z-index: 1
}

.popup_toggler .toggler-link .toggler-pic {
    display: block
}

.popup_toggler.popup_500 .btn-close {
    top: 12px;
    right: 2px
}

.popup_toggler:hover {
    -moz-animation-name: scaleBlinkOut;
    -webkit-animation-name: scaleBlinkOut;
    animation-name: scaleBlinkOut;
    -moz-animation-duration: 0.4s;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s
}

.popup_toggler.popup_subscribe_recipes {
    left: auto;
    right: 45px;
    bottom: 100px
}

.hidden {
    display: none!important;
}

@-moz-keyframes scaleBlinkIn {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -moz-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -moz-transform: scale(0.95);
        transform: scale(0.95)
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleBlinkIn {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleBlinkIn {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    75% {
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        transform: scale(0.95)
    }

    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes scaleBlinkOut {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    50% {
        -moz-transform: scale(0.93);
        transform: scale(0.93)
    }

    80% {
        -moz-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes scaleBlinkOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    50% {
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    80% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scaleBlinkOut {
    0% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    30% {
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    50% {
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        -webkit-transform: scale(0.93);
        transform: scale(0.93)
    }

    80% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
/* /КНОПКА ДУДКИ */





@media screen and (max-width: 992px) {
    .lt-xbutton-main-wrapper, .lt-xbutton-main-wrapper2 {
        right: 210px;
        transform: translateX(0);
    }
} /* ***** 992px */

@media screen and (max-width: 768px) {
    .lt-xbutton-main-wrapper, .lt-xbutton-main-wrapper2 {
        right: 170px;
        transform: translateX(0);
    }

    .str7 {
        top: 54%;
        right: 13%;
        width: 74%;
    }

    .link-chat {
        width: 50% !important;
        top: 53% !important;
        left: 25% !important;
    }

    .str7Block {
        display: none;
    }

    .str7Mob {
        display: block;
        position: absolute;
        top: 53%;
        right: 20%;
        width: 60%;
        height: 14%;
        background: aqua;
        opacity: 0;
        z-index: 999;
    }
} /* ***** 768px */

@media (max-width: 540px) {

    .qwerty > div {

        width: 480px

    }

}

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

    .qwerty > div {

        width: 412px

    }

    .textBalzam {

        font-size: 14px

    }

    .link-chat {
        width: 50% !important;
    }

    .lt-xbutton-main-wrapper, .lt-xbutton-main-wrapper2 {
        left: 18%;
        right: auto;
        bottom: 100px;
        transform: translateX(-50%);
    }

    #startcatOpros h2 {
        font-size: 12px;
        margin-bottom: 20px;
    }

    #startcatOpros h3 {
        margin-bottom: 20px;
    }

}

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

    .qwerty > div {

        width: 385px

    }

}

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

    .qwerty > div {

        width: 345px

    }

    .cat {
        padding: 35px 0 0 100px;
    }

    .knopkaHover, .knopkaHover2 {
        width: 200px;
    }

}

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

    .qwerty > div {

        width: 345px

    }

}

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

    .qwerty > div {

        width: 308px

    }

    #music {
        bottom: 40px;
    }

    .popup_toggler {
        bottom: 0;
    }

    .cat {
        padding: 35px 0 0 90px;
    }

}

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

    .qwerty > div {

        width: 294px

    }

}

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

    .qwerty > div {

        width: 253px

    }

    .vvodyDanns button {
        font-size: 14px;
    }

    .cat {
        padding: 27px 0 0 90px;
    }

}