/* fixed popup */

#callBackFormSlide {
    left: auto;
    right: 2%;
    top: auto;
    bottom: 2%;
    margin: 0;
    padding: 0;
    border: 0 none;
    width: auto;
    height: auto;
    text-indent: 0;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: fixed !important;
    z-index: 999999 !important;
    opacity: 1;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.24), 0 5px 35px 0 rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    /*height: 440px;*/
    user-select: none;
}

#callBackFormSlide .cb-inner {
    padding: 0;
    margin: 0;
    background-color: #fff;
    /*color: #3d3d3d;*/
    position: absolute;
    height: auto;
/*    width: 320px;
    min-width: 310px;
    min-height: 440px;*/
    top: 0;
    left: 0;
    position: relative;
    border-radius: 5px;
}

#callBackFormSlide .cb-header {
    /* -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0; */
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
    position: relative;
    /*background-color: #2B4F91;*/
    /* background-color: #EB5757; */
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
/*    height: 40px;*/
    height: 0px;
    letter-spacing: 0;
    padding: 0 15px;
}

#callBackFormSlide .cb-content {
    padding: 14px;
    position: relative;
    padding-top: 55px;
}


/* #callBackFormSlide .cb-close {
    height: 48px;
    position: absolute;
    right: -1px;
    padding-top: 2px;
    text-align: center;
    top: -47px;
    width: 48px;
    opacity: 0.7;
    -webkit-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    display: flex;
    align-items: center;
    justify-content: center;
} */

#callBackFormSlide .cb-close {
    height: 38px;
    position: absolute;
    right: -1px;
    /* padding-top: 2px; */
    text-align: center;
    /* top: -10px; */
    width: 38px;
    /* opacity: 0.7; */
    /* -webkit-transition: opacity .5s ease-out; */
    /* -moz-transition: opacity .5s ease-out; */
    -ms-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    /* transition: opacity .5s ease-out; */
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
}

#callBackFormSlide h4 {
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;
    /* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); */
    vertical-align: top;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    padding: 0 20px;
    color: #000;
    background: url('/assets/img/imail.png') no-repeat left center;
    margin: 0 auto;
}


/* #callBackFormSlide .cb-close i {
    display: block;
    color: #FFFFFF;
    font-size: 18px;
    height: 22px;
    vertical-align: top;
    line-height: 16px;
    text-align: center;
    width: 22px;
    cursor: pointer;
    font-family: Verdana;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #000000;
    border: 2px solid #FFFFFF;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset;
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset;
    position: relative;
} */

#callBackFormSlide .cb-close i {
    display: block;
    color: #FFFFFF;
    /* font-size: 18px; */
    height: 38px;
    vertical-align: top;
    /* line-height: 16px; */
    /* text-align: center; */
    width: 38px;
    cursor: pointer;
    /*font-family: Verdana;*/
    /* -webkit-border-radius: 50%; */
    /* -moz-border-radius: 50%; */
    /* border-radius: 50%; */
    /* -moz-background-clip: padding; */
    /* -webkit-background-clip: padding-box; */
    background-clip: padding-box;
    /* background: #000000; */
    /* border: 2px solid #FFFFFF; */
    /* -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset; */
    /* -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset; */
    /* box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07) inset; */
    position: relative;
}

#callBackFormSlide:hover .cb-close {
    opacity: 0.7;
}


/* #callBackFormSlide .cb-close i::before {
    line-height: 0;
    display: block;
    position: absolute;
    width: 100%;
    top: 7px;
    font-size: 14px;
    content: "×";
    font-family: verdana;
}

#callBackFormSlide .cb-close i::before {
    line-height: 0;
    display: block;
    position: absolute;
    width: 100%;
    top: 7px;
    font-size: 14px;
    content: "×";
    font-family: verdana;
} */

#callBackFormSlide .cb-close i::before {
    /* line-height: 0; */
    display: block;
    position: absolute;
    width: 38px;
    top: 20px;
    right: 25px;
    /* font-size: 14px; */
    content: "";
    /* font-family: verdana; */
    background-image: url(images/close.svg);
    height: 38px;
    background-size: contain;
    background-repeat: no-repeat;

}

#callBackFormSlide .baloon {
    /*background-color: #e3f1fb;*/
    /*margin-bottom: 13px;*/
    position: relative;
    font-size: 18px;
    padding: 7px 10px;
    text-align: left;
    /*clear: both;*/
    line-height: 150%;
    vertical-align: top;
    margin-bottom: 18px;
    word-wrap: break-word;
/*    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;*/
/*    -moz-background-clip: padding;*/
/*    -webkit-background-clip: padding-box;
    background-clip: padding-box;*/
    min-height: 18px;
    width: 240px;
}

/*#callBackFormSlide .baloon::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 8px 6.5px 0;
    border-color: transparent #e3f1fb transparent transparent;
    content: "";
    display: block;
    position: absolute;
    left: -8px;
    top: 9px;
}*/

#callBackFormSlide .main-form2 {
    padding: 0 0 15px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

#callBackFormSlide input[type="submit"] {
    /*background: #399ce3;*/
    background: #EB5757;
    cursor: pointer;
    width: 125px;
    height: 40px;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    height: auto;
    line-height: 16px;
    padding: 10px 27px;
    text-transform: uppercase;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    /*border-radius: 3px;*/
    border: 0;
    outline: 0;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
}

.form-control {
    /* display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; */
    width: 100%;
    height: 56px;
    background-color: #F2F2F2;
    padding-left: 15px;
    border: none;
    outline: none;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    margin-bottom: 15px;
}

#first_door {
    display: none;
}

#callBackFormSlide .main-form2 .form-group {
    margin-bottom: 15px;
}

#callBackFormSlide .cheker {
    display: block;
    margin-bottom: 5px;
}

#recaptcha2 {
    margin-bottom: 10px;
}

.right-sub {
    align-self: end;
}

.hideFixed {
    display: none;
}


/* button to call popup */


/* .mobile-hide {
    display: none;
} */

.slide-call-back {
    background-color: #2b4f91;
    transition: right .4s ease-in-out, transform .4s ease-in-out;
    right: 0;
    left: auto;
    top: auto;
    bottom: 7.24971231%;
    transform: rotate(90deg);
    transform-origin: right top;
    border-radius: 0 0 25px 25px;
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 100%);
    background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.15) 100%);
    margin: 0;
    padding: 0;
    border-radius: 0 0 25px 25px;
    transform-origin: right top;
    border: 0 none;
    width: auto;
    height: auto;
    text-indent: 0;
    position: fixed;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    height: 36px;
    z-index: 9999999;
    max-width: 500px;
    line-height: 36px;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    transition: max-width .35s ease-in-out;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.slide-call-back::before {
    right: -20px;
    left: auto;
    bottom: 2px;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2244%22%20height%3D%2236%22%20viewBox%3D%220%200%2044%2036%22%3E%3Cdefs%3E%3ClinearGradient%20x1%3D%2250%25%22%20y1%3D%22100%25%22%20x2%3D%2250%25%22%20y2%3D%220%25%22%20id%3D%22a%22%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%20offset%3D%220%25%22%2F%3E%3Cstop%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.15%22%20offset%3D%22100%25%22%2F%3E%3C%2FlinearGradient%3E%3Cpath%20d%3D%22M28.89%2025.465l9.232-15.208C41.562%204.592%2049.722%200%2056.35%200h3v28h-32c.593-.788%201.11-1.637%201.54-2.535zm-14.54%208.502V34h45v-6h-32c-2.736%203.643-7.093%206-12%206-.336%200-.67-.01-1-.033z%22%20id%3D%22b%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M14.89%2025.465l9.232-15.208C27.562%204.592%2035.722%200%2042.35%200h3v28h-32c.593-.788%201.11-1.637%201.54-2.535zM.35%2033.967V34h45v-6h-32c-2.736%203.643-7.093%206-12%206-.336%200-.67-.01-1-.033z%22%20fill%3D%22%232b4f91%22%2F%3E%3Cg%20transform%3D%22translate(-14)%22%3E%3Cuse%20fill%3D%22url(%23a)%22%20xlink%3Ahref%3D%22%23b%22%2F%3E%3Cuse%20xlink%3Ahref%3D%22%23b%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    color: #2b4f91;
    content: '';
    height: 40px;
    width: 42px;
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
}

.slide-call-back .label-block {
    padding-left: 20px;
    padding-right: 30px;
    float: left;
    transform: rotate(180deg);
    position: relative;
    z-index: 10;
    height: 36px;
    max-width: 310px;
    font-weight: 500;
    transition: max-width .35s ease-in-out, opacity .3s ease-in-out 0s;
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    color: #3D3D3D;
    box-sizing: border-box;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

.slide-call-back .label-block .cb-icon {
    transform: rotate(90deg);
    right: 0;
    left: auto;
    top: -11px;
    background: #ffffff;
    border: 2px solid #399ce3;
    color: #399ce3;
    height: 36px;
    border-radius: 100%;
    font-size: 12px;
    box-sizing: border-box;
    width: 36px;
    text-align: center;
    line-height: 36px;
    position: absolute;
}

.slide-call-back .label-block .cb-icon::before {
    content: '';
    background: url('images/icon_mail.png') no-repeat;
    background-size: contain;
    left: 6px;
    display: block;
    position: relative;
    top: 9px;
    width: 19px;
    height: 14px;
    speak: none;
    line-height: 1em;
    vertical-align: baseline;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slide-call-back .label-block .cb-block__txt {
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    margin-left: 0;
    padding: 0 10px;
    margin-right: 10px;
    transform: none;
    transform-origin: center center;
    color: #ffffff;
    display: block;
    white-space: nowrap;
    opacity: 1;
    height: 36px;
    line-height: 36px;
    float: left;
    max-width: 250px;
    transition: max-width .35s ease-in-out, opacity .3s ease-in-out 0s;
    cursor: pointer;
    -webkit-text-size-adjust: none;
    min-height: 0;
    max-height: none;
    background: none;
    text-transform: none;
    overflow: visible;
    text-align: left;
    width: auto;
    text-shadow: none;
    text-indent: 0;
    box-shadow: none;
    outline: none;
    text-decoration: none;
    position: static;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
}

/*.col-form-label {
    display: inline-block;
    max-width: 100%;
     margin-bottom: 5px; 
    font-weight: 700;
     margin-top: 15px; 
    margin-left: 17px;
}*/

.col-form-label {
    display: inherit;
    max-width: 100%;
    /* margin-bottom: 5px; */
    font-weight: 700;
    /* margin-top: 15px; */
    position: inherit;
    /* width: 29px; */
    height: auto;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
    margin-left: 17px;
}

#callBackFormSlide .form-group--3 {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    /*margin-top: 18px;*/
    margin-bottom: 15px;
    justify-content: flex-end;
}

#callBackFormSlide .form-group--3 .form-control {
    width: auto;
    height: auto;
    padding: 0;
    border: none;
    background-color: unset;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}


/* new button */

.callback-fixed-btn__wrap {
    position: fixed;
    right: 5%;
    bottom: 5%;
    cursor: pointer;
    z-index: 999;
}

.callback-fixed-btn {
    background-color: #2b4f91;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* left: 250px;
    top: 150px; */
    /*overflow: hidden;*/
    cursor: pointer;
    position: relative;
    z-index: 15;
}

@keyframes scaleBounce {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}

.callback-fixed-btn:before {
    content: "";
    position: absolute;
    background-image: url(images/circle-line.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 84px;
    height: 84px;
    animation: scaleBounce 1s infinite;
}

.callback-fixed-btn__img {
    display: block;
    width: 24px;
    height: 24px;
}

.callback-fixed-btn__modal {
    position: absolute;
    right: 25px;
    top: 0;
    background-color: #F2F2F2;
    /* width: 234px; */
    width: 0px;
    height: 50px;
    border-top-left-radius: 84px;
    border-bottom-left-radius: 84px;
    z-index: 14;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 1s;
    overflow: hidden;
}

.callback-fixed-btn.active+.callback-fixed-btn__modal {
    width: 184px;
}

.callback-fixed-btn__modal:before {
    content: "";
    position: absolute;
    width: 38px;
    height: 38px;
    background-image: url(images/watch-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}

@media (max-width: 480px) {
    #callBackFormSlide {
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100vh;
        width: 100%;
    }
    #callBackFormSlide .cb-inner {
        width: 100%;
        height: 100%;
    }
}

/* end fixed popup */


#callBackFormSlide .callBack-form__main-terms {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.form-group--3 .col-form-label {
    position: static;
}
#callBackFormSlide .form-group--3 input {
    display: none;
}
#callBackFormSlide .form-group--3 input~label {
    display: block;
    width: 18px;
    height: 18px;
    background-color: #f2f2f2;
    border-radius: 2px;
    position: relative;
}
#callBackFormSlide .form-group--3 input~label:before {
    display: block;
    width: 14px;
    height: 10px;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-image: url(images/check.svg);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
}
#callBackFormSlide .form-group--3 input:checked~label:before {
    background-image: url(images/check.svg);
}
/*captcha*/

/*.rc-anchor-normal {
    width: 270px !important;
}
.rc-anchor-normal .rc-anchor-content {
    width: 166px !important;
}
.rc-anchor-normal-footer {
    width: 60px !important;
}
.rc-anchor-normal .rc-anchor-pt {
    left: 0 !important;
    text-align: left !important;
    width: 216px !important;
}
.rc-anchor-light.rc-anchor-normal {
    transform: scale(0.85);
}*/
@media (max-width: 480px) {
    .g-recaptcha {
    transform: scale(0.85);
    transform-origin: 0 0;
}

	/*.callback-fixed-btn__wrap {display:none;}*/

/*#rc-imageselect {
    transform: scale(0.65);
    transform-origin: 0 0;
}*/
}