/*AlexFine Group
www.alexfine.ru
2021*/

a{
    color: #cccccc;
    text-decoration: none;
}

a:hover,
a:focus{
    color: #a6a6a6;
    text-decoration: underline;
}

a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

:focus {
    outline: none !important;
}

::-moz-focus-inner {
    border:0 !important;
}

img{
    width: 100%;
    vertical-align: middle;
}

html{
    background: #fff;
}

::-webkit-scrollbar-button {
background-image:url('');
background-repeat:no-repeat;
width:10px;
height:0px
}

::-webkit-scrollbar-track {
background-color:#ffffff
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background-color:#0078ff;
}

::-webkit-scrollbar-thumb:hover{
background-color:#005b95;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width: 10px;
height:0px
}

::-webkit-scrollbar{
width: 10px;
}


/*----------------------------------------body----------------------------------------*/

body{
    font-size: 1rem;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    line-height: 1.428571429;
    color: #333333;
    background-color: #e5f1ff;
}


/*----------------------------------------modal----------------------------------------*/

.sf2Win .sf2Win-body{
    padding: 20px;
    border-radius: 5px;
    max-width: 800px;
    max-height: 800px;
}

.sf2Win .sf2Win-body .end-x{
    position: absolute;
    top: 0px;
    right: 5px;
    padding: 5px;
    background: none;
    font-weight: bold;
    z-index: 5;
    font-size: 1.2rem;
    color: #b7b7b7;
}

.sf2Win .sf2Win-body .end-x:hover{
    color: #aaa;
}

.sf2Win .sf2Win-body .form-simple-form2{
    background: #f4f4f4;
    padding: 5px 20px 5px 20px;
    text-align: center;
    width: 800px;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ddd;
    color: #000;
}

.sf2Win .sf2Win-body .form-simple-form2.order-product{
    width: 800px;
}

.form-simple-form2 input[type="text"],
.form-simple-form2 input[type="email"],
.form-simple-form2 select{
    padding: 10px 10px 10px 10px !important;
    border-radius: 5px !important;
    box-shadow: 3px 3px 0px #a2a2a2 !important;
    border: none !important;
}

.form-simple-form2 input[type="text"]:focus,
.form-simple-form2 input[type="email"]:focus,
.form-simple-form2 select:focus{
    box-shadow: 0px 0px 10px rgba(152, 26, 20, 0.17) !important;
    border: 1px solid rgb(177, 145, 0) !important;  
}

.form-simple-form2 .sf2-form-label-wrap{
    margin-bottom: 10px !important;
}

.form-simple-form2 .sf2-form-label-wrap label{
    color: #000 !important;
    font-weight: bold !important;
}

.form-simple-form2 .sf2-form-label-wrap label small{
    color: #555;
}

.form-simple-form2 .sf2-form-label-wrap label .sf2-required{
    display: none;
}

.form-simple-form2 .sf2-form-element-wrap{
    margin-bottom: 15px !important;
}

.form-simple-form2 .sf2-form-group span.sf2-submit-container button[type="submit"]{
    display: inline-block !important;
    background: #ffaa36;
    padding: 12px 23px 12px 23px;
    border-radius: 5px;
    color: #000;
    border: none;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 0px 0px 0px #000;
    box-shadow: 3px 3px 0px #8c0000;

    display: inline-block !important;
    background: #ff0000;
    padding: 12px 23px 12px 23px;
    border-radius: 5px;
    color: #fff;
    border: none;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 0px #000;
    box-shadow: 3px 3px 0px #8c0000;
    border-radius: 200px !important;
    padding: 20px !important;
    width: 100%;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;

    -webkit-transition: .2s; 
    -moz-transition: .2s; 
    transition: .2s; 
}

.form-simple-form2 .sf2-form-group span.sf2-submit-container button[type="submit"]:hover{
    background: #ffb550;
    border: none;
    color: #444;
    background: #0078ff;
    border: none;
    color: #fff;
    text-decoration: none;
    box-shadow: 3px 3px 0px #003e84;
}

.form-simple-form2 .sf2-form-group span.sf2-submit-container button[type="submit"]:focus{
    box-shadow: 0px 0px 15px #0078ff;

    box-shadow: 0px 0px 15px #0078ff;
}

.form-simple-form2 .sf2-form-group span.sf2-submit-container button[type="submit"]:after{
    position: absolute;
    top: -150px; 
    left: -40px; 
    width: 30px; 
    height: 300px; 
    margin-left: 60px; 
    content: ''; 
    transition: all .1s; 
    transform: rotate(45deg); 
    animation-name: slideme; 
    animation-duration: 5s; 
    animation-timing-function: ease-in-out; 
    animation-delay: .05s; 
    animation-iteration-count: infinite; 
    background: rgb(255 255 255 / 90%); 
    box-shadow: 0px 0px 20px #fff;
} 

@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    50% { left: 110%; background: rgb(255 255 255 / 50%);  margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; }
} 

.sf2Win .sf2Win-footer{
    display: none;
}

.sf2Win .sf2Win-body .form-simple-form2 .from-header{
    background: #eee;
    position: relative;
    z-index: 4;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

.sf2Win .sf2Win-body .form-simple-form2.order-product .from-header{
    margin-bottom: 20px;    
}

.sf2Win .sf2Win-body .form-simple-form2 .from-header span.oi{
    float: left;
    background: #009f4f;
    color: #fff;
    padding: 10px 10px 0px 13px;
    margin-right: 15px;
    font-size: 2rem;
}

.sf2Win .sf2Win-body .form-simple-form2 .from-header .form-h1{
    font: 14px/20px PT Sans Caption, Arial, sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 25px;
    margin-bottom: 5px;
    color: #1d2029;
    padding-left: 72px;
}

.sf2Win .sf2Win-body .form-simple-form2 .from-header .form-h2{
    padding-left: 72px;
    color: #555;
    font-size: 13px;
    line-height: 18px;  
}

.form-simple-form2 .form-h5{
    font-size: 0.8rem;
    margin-top: 10px;
    color: #888;
}

.simpleForm2 .sf2-message.sf2-type-success{
    border: none;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    box-shadow: 0px 0px 10px #fff;
}

.simpleForm2 .sf2-message.sf2-type-success .form-simple-form2-final p.text{
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 1.1rem;
    line-height: 30px;
    text-shadow: 0px 0px 0px #000;
}

.simpleForm2 .sf2-message.sf2-type-success .form-simple-form2-final p.head-1{
    font-size: 1.3rem;
    font-weight: bold;
    text-shadow: none;
    margin-bottom: 10px;
}

.form-simple-form2-final .end-x{
    display: inline-block !important;
    position: relative !important;    
    padding: 12px 23px 12px 23px !important;
    border-radius: 5px !important;
    color: #fff !important;
    border: 1px solid #005d2e !important;   
    font-size: 1rem !important;
    margin-top: 20px !important;    

    display: inline-block !important;
    background: #ff0c0c !important;
    padding: 12px 23px 12px 23px;
    border-radius: 5px;
    border: none !important;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 0px #000;
    box-shadow: 3px 3px 0px #8c0000;
    border-radius: 200px !important;
    padding: 20px !important;
    width: 100%;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;

    -webkit-transition: .2s; 
    -moz-transition: .2s; 
    transition: .2s;
}

.form-simple-form2-final .end-x:hover{
    background: #004b25 !important;    

    background: #0078ff !important;
    border: none;
    color: #444;
    text-decoration: none;
    box-shadow: 3px 3px 0px #003e84;
}

.form-simple-form2-final .end-x:focus{
    box-shadow: 0px 0px 15px #006231 !important;
}

/**/

@media only screen and (max-device-width: 767px){
    .sf2Win.quiz .sf2Win-body{
        max-height: 100vh;
    }
    .sf2Win .sf2Win-body .form-simple-form2{
        width: 500px;
    }
}

@media only screen and (max-device-width: 575px){
    .sf2Win .sf2Win-body .form-simple-form2{
        width: 430px;
        width: 100%;
    }
}

@media only screen and (max-device-width: 475px){
    .sf2Win .sf2Win-body .form-simple-form2{
        width: 350px;
    }
    .simpleForm2 .sf2-message.sf2-type-success .form-simple-form2-final p.head-1 br,
    .simpleForm2 .sf2-message.sf2-type-success .form-simple-form2-final p.text br{
        display: none;
    }
}

@media only screen and (max-device-width: 375px){
    .sf2Win .sf2Win-body .form-simple-form2{
        width: 300px;
        width: 100%;
    }
}


/**/

.header-top-form{
    padding: 0px !important;
    margin: -20px !important;
}

.header-top-form .form-simple-form2 .row .form-left{
    padding-left: 0px;
    padding-right: 0px;

}

.header-top-form .form-simple-form2 .row .form-left img{
    width: 100%;
    border-radius: 5px;
    height: 100%;

    object-fit: cover;
}

.header-top-form .form-simple-form2 .row .from-right{
    text-align: left;
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-top-form .form-simple-form2.order-product .row .from-right{
    padding-top: 0px;
    padding-bottom: 0px;
}

.header-top-form .form-simple-form2 .row .from-right textarea{
    font-size: 1rem;
}

.header-top-form .form-simple-form2 .row .from-right .form-h1{
    margin-bottom: 25px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 25px;
}

.header-top-form .form-simple-form2 .row .from-right .form-h1 span.orange{
    color: #ff0c0c;
    text-shadow: 0px 0px 0px #ff0c0c;
    display: block;
    margin-bottom: 12px;
}

.header-top-form .form-simple-form2 .row .from-right .form-h2{
    margin-bottom: 15px;
    font-size: 1rem;
}

.form-simple-form2-final.modal-header-top-3{
    width: 100%;
    max-width: 400px;
    padding: 20px;
}

.form-simple-form2-final.modal-header-top-3 p.head-1{
    font-size: 1.6rem !important;
    margin-bottom: 20px !important;
}


@media only screen and (max-device-width: 767px){
    .header-top-form .form-simple-form2 .row .form-left{
        display: none;
    }
    .header-top-form .form-simple-form2 .row .from-right .form-h1{
        font-size: 1.1rem;
    }
}


/*form-simple-form2.quiz*/

.sf2Win.quiz{
    max-width: 1100px !important;
    box-shadow: 0px 0px 10px #ddd;
}

.sf2Win.quiz .sf2Win-body{
    max-width: 1100px !important;
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz{
    background: #fff;
    box-shadow: none;
    width: 1000px;
}

.form-simple-form2.quiz #rootwizard .rootwizard-h1{
    font-size: 1.6rem;
    text-shadow: 0px 0px 0px #f4f4f4;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 12px;
    text-shadow: 0px 0px 0px #000;
}

.form-simple-form2.quiz #rootwizard .rootwizard-h2{
    margin-bottom: 30px;
}

.form-simple-form2.quiz #rootwizard .navbar{
    background: #f4f4f4;
    color: #f4f4f4;
    padding: 0px;
    margin: 0px;
    opacity: 0;
    height: 0px;
}

.form-simple-form2.quiz #rootwizard .navbar .navbar-inner{
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.form-simple-form2.quiz #rootwizard .navbar ul{
    list-style-type: none;
    width: 100%;
}

.form-simple-form2.quiz #rootwizard .navbar ul li{
    width: calc(100% / 7);
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .navbar ul li a{
    display: inline-block !important;
    color: #f4f4f4;
}

.form-simple-form2.quiz #rootwizard .progress{
    min-height: 30px;
    padding-right: 5px;
    border-radius: 50px !important;
    background: none;
    margin-bottom: 40px;
}

.form-simple-form2.quiz #rootwizard .progress .name-progress-bar{
    font-size: 0.9rem;  
    font-weight: bold;
    padding: 5px 15px 5px 5px;
    width: 22%;
    text-align: left;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px #000;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar{
    background: #0078ff;    
    margin-top: 5px;
    height: 20px;   
    border-radius: 20px 5px 20px 5px !important;
    min-width: 14%;
    max-width: 78%;
    color: #fff;
    box-shadow: 2px 2px 3px #000000;
    padding-top: 3px;
}

@media only screen and (max-device-width: 767px){
    .form-simple-form2.quiz #rootwizard .progress .name-progress-bar{
        width: 32%;
    }

    .form-simple-form2.quiz #rootwizard .progress .progress-bar{
        max-width: 68%;
    }
}

@media only screen and (max-device-width: 555px){
    .form-simple-form2.quiz #rootwizard .progress{
        display: block;
        overflow: initial;
    }

    .form-simple-form2.quiz #rootwizard .progress .name-progress-bar{
        width: 100%;
        display: block;
    }

    .form-simple-form2.quiz #rootwizard .progress .progress-bar{
        max-width: 100%;
        display: block;
    }
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-1,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-2,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-3,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-4,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-5,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-6,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-7,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-8,
.form-simple-form2.quiz #rootwizard .progress .progress-bar .t-9{
    display: none;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 0%;"] .t-1{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 12.5%;"] .t-2{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 25%;"] .t-3{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 37.5%;"] .t-4{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 50%;"] .t-5{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 62.5%;"] .t-6{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 75%;"] .t-7{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 87.5%;"] .t-8{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .progress .progress-bar[style="width: 100%;"] .t-9{
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .tab-content{
    padding-bottom: 75px;
}

.form-simple-form2.quiz #rootwizard .tab-content .tab-pane{
    min-height: 309px;
}

.form-simple-form2.quiz #rootwizard .tab-content .tab-content-h1{
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 30px;    
}

/*.radio-quiz*/

.form-simple-form2.quiz .radio-quiz div.label{
    width: 220px;
    height: 210px;
    display: inline-block;
    margin: 7px;
    border-radius: 5px;
}

.form-simple-form2.quiz .radio-quiz div.label img{
    width: 220px;
    height: 170px;
    position: relative;
    z-index: 4;
    border-radius: 10px 10px 0px 0px;
}

.form-simple-form2.quiz .radio-quiz div.label > label{
    position: relative;
    margin-top: -170px;
    z-index: 5;
    width: 220px;
    padding-top: 177px;
    padding-bottom: 7px;
    cursor: pointer;
    border: 2px solid #dadada;
    border-radius: 10px;
    font-size: 0.95rem;
}

@media only screen and (max-device-width: 1050px){
    .form-simple-form2.quiz .radio-quiz{
    }

    .form-simple-form2.quiz .radio-quiz div.label{
        margin-bottom: 30px;
    }

    .form-simple-form2.quiz #rootwizard .pager.wizard{
        bottom: auto !important;
    }
}


/*.radio-quiz-no-img*/

.form-simple-form2.quiz .sf2-form-item .sf2-form-label-wrap label{
    display: none;
}

.form-simple-form2.quiz .radio-quiz-no-img label.sf2-checkbox-label{
    border: 2px solid #dadada;
    padding: 10px;
    width: 100%;
    text-align: left;
    border-radius: 5px;
}

.form-simple-form2.quiz .radio-quiz-no-img label.sf2-checkbox-label:hover{
    cursor: pointer;
    box-shadow: 0px 0px 10px #ddd;
    border: 2px solid #ddd;
}


.form-simple-form2.quiz #rootwizard .pager.wizard{
    padding: 0px;
    margin-top: 20px;
    text-align: center;
    list-style-type: none;
    position: absolute;
    bottom: 35px;
    left: 50%;
    right: 50%;
    width: 260px;
    margin-left: -130px;
}

.form-simple-form2.quiz #rootwizard .pager.wizard li{
    padding: 0px;
    margin: 0px 5px 0px 5px;
    display: inline-block;
}

.form-simple-form2.quiz #rootwizard .tab-content .pager.wizard li a{
    display: inline-block !important;
    background: #ff0000;
    padding: 12px 23px 12px 23px;
    border-radius: 5px;
    color: #000;
    font-size: 1rem;
    font-weight: bold;
    display: inline-block !important;
    background: #ff0000;
    padding: 12px 23px 12px 23px;
    border-radius: 5px;
    color: #fff !important;
    border: none;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 0px #000;
    box-shadow: 3px 3px 0px #8c0000;
    border-radius: 200px !important;
    padding: 20px !important;
    width: 100%;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}

.form-simple-form2.quiz #rootwizard .tab-content .pager.wizard li a span{
    position: relative;
    top: 1px;
    font-size: 0.8rem;
}

.form-simple-form2.quiz #rootwizard .tab-content .pager.wizard li a:hover{
    background: #dc9432;
    text-decoration: none;

    background: #0078ff;
    border: none;
    color: #444;
    text-decoration: none;
    box-shadow: 3px 3px 0px #003e84;
}

.form-simple-form2.quiz #rootwizard .tab-content .pager.wizard li a:focus{
    box-shadow: 0px 0px 15px #006733;
}

/**/


@media only screen and (max-device-width: 1200px){
    
}

@media only screen and (max-device-width: 1100px){
    .sf2Win.quiz .sf2Win-body{
    max-width: 100% !important;
    width: 100% !important;
    }

    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz{
        width: 100% !important;
    }   
}


@media only screen and (max-device-width: 992px){
    
}

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

    
}

@media only screen and (max-device-width: 576px){
    .sf2Win.quiz{
    width: 92% !important;
    }
    .form-simple-form2.quiz{
        padding: 0px !important;
        }
    .form-simple-form2.quiz #rootwizard .rootwizard-h1{
        font-size: 1.1rem;
        }   
    .form-simple-form2.quiz #rootwizard .rootwizard-h2{
        font-size: 0.9rem;
        }
    .form-simple-form2.quiz #rootwizard .tab-content .tab-content-h1{
        font-size: 1.1rem;
        margin-bottom: 20px;
        }
}


/*form-simple-form2 quiz baza-otdiha*/

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8{

}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .form-h1{
    font-size: 1.6rem;
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .form-h2{
    font-size: 1.3rem;
    color: #999;
    text-shadow: 0px 0px 0px #888;
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-1{
    padding-top: 30px;
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-1 .form-h3{
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-1 .radio-final .sf2-checkbox-label{
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-1 button[type="submit"]{
    text-transform: uppercase;
    text-shadow: 0px 0px 0px #000;
    width: 100%;
} 

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-1 input[placeholder=""]{
    text-align: center;
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-2{
    padding-top: 0px;
}

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-2 img{
    width: 85%;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .form-simple-form2.quiz #tab5 .form-h1{
        font-size: 1.2rem;
        padding-top: 20px;
        margin-bottom: 0px;
        }
    .form-simple-form2.quiz #tab5 .final-1{
        padding-top: 30px;
        }
    .form-simple-form2.quiz #tab5 .final-2{
        padding-top: 20px !important;
        }
    .form-simple-form2.quiz #tab5 .final-2 img{
        height: 150px;
        object-fit: cover;
        }   
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .form-h1{
    font-size: 1.3rem;
    margin-bottom: 10px;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .form-h2{
    font-size: 1.1rem;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .form-h2 br{
        display: none;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-1 .form-h3{
        font-size: 1.2rem;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-2{
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab8 .final-2 img{
        display: none;
    }
}



/*----------------------------------------button-design----------------------------------------*/

a.button-design{
    display: inline-block !important;
    background: #ff0000;
    padding: 12px 23px 12px 23px;
    border-radius: 5px;
    color: #fff !important;
    border: none;
    font-size: 0.9rem;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 0px #000;
    box-shadow: 3px 3px 0px #8c0000;
    border-radius: 200px !important;
    padding: 20px !important;
    width: 100%;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;

    -webkit-transition: .2s; 
    -moz-transition: .2s; 
    transition: .2s; 
}

a.button-design:hover{
    background: #0078ff;
    border: none;
    color: #444;
    text-decoration: none;
    box-shadow: 3px 3px 0px #003e84;
}

a.button-design:focus{
    box-shadow: 0px 0px 15px #0078ff;
}

a.button-design:after{
    position: absolute;
    top: -150px; 
    left: -40px; 
    width: 30px; 
    height: 300px; 
    margin-left: 60px; 
    content: ''; 
    transition: all .1s; 
    transform: rotate(45deg); 
    animation-name: slideme; 
    animation-duration: 5s; 
    animation-timing-function: ease-in-out; 
    animation-delay: .05s; 
    animation-iteration-count: infinite; 
    background: rgb(255 255 255 / 90%); 
    box-shadow: 0px 0px 20px #fff;
} 

@-webkit-keyframes slideme {
    0% { left: -30px; margin-left: 0px; }
    50% { left: 110%; background: rgb(255 255 255 / 50%);  margin-left: 80px; }
    100% { left: 110%; margin-left: 80px; }
} 

/**/

@media only screen and (max-device-width: 1200px){        
}

@media only screen and (max-device-width: 992px){
}

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

@media only screen and (max-device-width: 576px){
    a.button-design{
        width: 100% !important;
        font-size: 0.8rem;
    }
}



/*----------------------------------------section----------------------------------------*/

div > div.section{
    padding-top: 60px;
    padding-bottom: 60px;
}

div > div.section.grey-background{
    background: #fff3e2;
    clip-path: polygon(0 0, 50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%);
    padding-top: 80px;
    padding-bottom: 80px;
}

div > div.section .container > h2,
div > div.section .container > h3,
div > div.section .container > h4{
    font-size: 2.3rem;  
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 60px;
    color: #333;
    font-weight: bold;
}

/**/

@media only screen and (max-device-width: 1200px){        
}

@media only screen and (max-device-width: 992px){
}

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

@media only screen and (max-device-width: 576px){
    div > div.section .container > h2,
    div > div.section .container > h3,
    div > div.section .container > h4{
        font-size: 1.5rem;
        margin-bottom: 30px;
    }
    div > div.section{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    div > div.section.grey-background{
        clip-path: none;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}



/*----------------------------------------bg-header-block----------------------------------------*/

.bg-header-block{
    background: url(/images/lex174/bg-header-home2.jpg) center top no-repeat;
    background-size: 100% auto;
    clip-path: polygon(100% 0, 100% 95%, 50% 100%, 0 95%, 0 0);
}

/*header-top*/

.bg-header-block .header-top{
    background: #e5f1ff;
    padding-top: 15px;
    padding-bottom: 20px;
}

.bg-header-block .header-top .container .row.top{

}

.bg-header-block .header-top .container .row.top > div p{
    margin: 0px;
}

/*1*/

.bg-header-block .header-top .container .row.top .header-top-1{
    padding-top: 10px;
    padding-right: 0px;
}

.bg-header-block .header-top .container .row.top .header-top-1 a{
    color: #000;    
    line-height: 0px;
    text-decoration: none;
}

.bg-header-block .header-top .container .row.top .header-top-1 a:hover{
    opacity: 0.7;
}

.bg-header-block .header-top .container .row.top .header-top-1 a svg{
    float: left;
    display: block;
    color: #0078ff;
    width: 50px;
    height: 50px;
    margin-right: 10px;
}

.bg-header-block .header-top .container .row.top .header-top-1 a span.one{
    font-size: 1.5rem;
    letter-spacing: 2px;
    font-weight: 800;
    display: inline-block;
}

.bg-header-block .header-top .container .row.top .header-top-1 a span.one strong{
    color: #0078ff;
}

.bg-header-block .header-top .container .row.top .header-top-1 a span.two{
    font-size: 0.9rem;
    display: inline-block;
    line-height: 20px;
    width: 220px;
    letter-spacing: -0.5px;
    font-weight: 500;
}

/*2*/

.bg-header-block .header-top .container .row.top .header-top-2{
    text-align: center;
    padding-top: 12px;
    padding-left: 20px;
}

.bg-header-block .header-top .container .row.top .header-top-2 ul{
    width: 100%;
    padding: 0px;
}

.bg-header-block .header-top .container .row.top .header-top-2 ul li{
    display: inline-block;
}

.bg-header-block .header-top .container .row.top .header-top-2 ul li a{
    color: #000;
    display: block;
    padding: 10px 0px 5px 0px;   
    font-weight: bold;
    border-bottom: 1px dashed #888;
    margin-left: 8px;
    margin-right: 8px;
}

.bg-header-block .header-top .container .row.top .header-top-2 ul li a:hover{
    text-decoration: none;
    color: #747474;
    border-bottom: none;
}

/*3*/

.bg-header-block .header-top .container .row.top .header-top-3{
    text-align: right;
    line-height: 25px;
}

.bg-header-block .header-top .container .row.top .header-top-3 p.phone .viber,
.bg-header-block .header-top .container .row.top .header-top-3 p.phone .whatsapp{
    text-decoration: none;
}

.bg-header-block .header-top .container .row.top .header-top-3 p.phone .viber img,
.bg-header-block .header-top .container .row.top .header-top-3 p.phone .whatsapp img{
    width: 24px;    
    border-radius: 200px;
    position: relative;
    margin-top: -11px;
    margin-right: 2px;
}

.bg-header-block .header-top .container .row.top .header-top-3 p.phone .phone-number{
    font-size: 1.55rem;
    color: #000000;
    font-weight: bold;
    letter-spacing: 0px;
    text-shadow: 0px 0px 0px #000;
}

.bg-header-block .header-top .container .row.top .header-top-3 span.time-job{
    font-size: 0.9rem;
}

.bg-header-block .header-top .container .row.top .header-top-3 .sf2-callBtn{
    background: none;
    color: #0078ff;
    font-weight: bold;
    border-bottom: 1px dashed #0078ff;
    font-size: 0.9rem;
    display: inline-block;
    padding: 0px;
    border-radius: 0px;
}

/*header*/

.bg-header-block header{
    background: rgb(255 255 255 / 50%);
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}

.bg-header-block header #myVideo {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.bg-header-block header .container .row.banner{
    padding-top: 80px;
    padding-bottom: 80px;
}

/*1*/

.bg-header-block header .container .row.banner .banner-1{
    background: #00000091;    
    color: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0px 0px 20px #000c;
}

.bg-header-block header .container .row.banner .banner-1 > h1{
    font-weight: bold;
    text-shadow: 0px 0px 0px #000;
    text-transform: uppercase;
    font-size: 2.5rem;
    line-height: 55px;
}

.bg-header-block header .container .row.banner .banner-1 > p.h2{
    font-size: 1.5rem;
    margin-top: 20px;
    font-weight: 400;
}

.bg-header-block header .container .row.banner .banner-1 .bullets{
    display: block;
    width: 90%;
    margin-bottom: 120px;
}

.bg-header-block header .container .row.banner .banner-1 .bullets > div{
    float: left;
    width: 100%;
    max-width: 390px;
    margin-top: 40px;
    line-height: 18px;
}

.bg-header-block header .container .row.banner .banner-1 .bullets > div svg{
    background: #0078ff;
    display: inline-block;
    color: #fff;
    float: left;
    font-size: 1.5rem;
    margin-right: 10px;
    border-radius: 200px;
    width: 60px;
    height: 60px;
    border: 10px solid #0078ff;
    position: relative;
    margin-top: -20px;
}

.bg-header-block header .container .row.banner .banner-1 > a{
    width: 380px;
    margin-right: 10px;
    border: 2px solid #ff0000;
}

.bg-header-block header .container .row.banner .banner-1 > a:hover{
    border: 2px solid #0078ff;
}

.bg-header-block header .container .row.banner .banner-1 > a svg{
    position: relative;
    top: -2px;
}

.bg-header-block header .container .row.banner .banner-1 > a.on-border{
    background: none;
    box-shadow: 2px 2px 5px #000;
    color: #fff !important;
}

/**/

.bg-header-block header .container a.arrow-down{
    margin: 0 auto;
    display: block;
    color: #0078ff;
    width: 40px;
    height: 40px;
    transform: translate3d(0, - 100%, 0);
    animation: mouse-down 4s infinite cubic-bezier(0.74, 0.23, 0.5, 1.1);
}

.bg-header-block header .container a.arrow-down svg{
    width: 40px;
    height: 40px;    
}

@keyframes mouse-down {
  0%, 100% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0,70%);
  }
}

/**/

@media only screen and (max-device-width: 1200px){
    .bg-header-block .header-top .container .row.top .header-top-1 a svg{
        width: 40px;
        height: 40px;
        margin-right: 5px;
     }
     .bg-header-block .header-top .container .row.top .header-top-1 a span.one{
         font-size: 1.3rem;
         letter-spacing: 1px;
     }
     .bg-header-block .header-top .container .row.top .header-top-1 a span.two{
         font-size: 0.8rem;
         line-height: 15px;
         width: 180px;
     }
    .bg-header-block .header-top .container .row.top .header-top-2 ul li a{
        padding-left: 0px !important;
        margin-left: 0px !important;
        padding-right: 5px !important;
        margin-right: 5px !important;
        font-size: 0.8rem;
     }
     .bg-header-block .header-top .container .row.top .header-top-3 p.phone .viber img,
     .bg-header-block .header-top .container .row.top .header-top-3 p.phone .whatsapp img{
         width: 20px;
         margin-top: -8px;
     }
     .bg-header-block .header-top .container .row.top .header-top-3 p.phone .phone-number{
         font-size: 1.2rem;
         letter-spacing: -0.5px;
      }
}

@media only screen and (max-device-width: 992px){
}

@media only screen and (max-device-width: 767px){
    .bg-header-block{
        background: url(/images/lex174/bg-header-home2.jpg) right top no-repeat;
        background-size:  auto 100%;
    }
    .bg-header-block header #myVideo{
        display: none;
    }
}

@media only screen and (max-device-width: 576px){
    .bg-header-block .header-top{
        padding-top: 5px;
    }
    .bg-header-block{
    clip-path: none;
}
.bg-header-block header{
    padding-bottom: 0px;
}
    .bg-header-block .header-top .container .row.top .header-top-1{
        text-align: center;
        padding-left: 65px;
        padding-right: 50px;
    }
    .bg-header-block .header-top .container .row.top .header-top-2{
        padding-top: 0px;
        padding-bottom: 5px;
        display: none;
    }
    .bg-header-block .header-top .container .row.top .header-top-3{
        padding-top: 10px;
        text-align: center;
    }
    .bg-header-block .header-top .container .row.top .header-top-3 p.phone .phone-number{
        font-size: 1.4rem;
    }
    .bg-header-block header .container .row.banner{
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .bg-header-block header .container .row.banner .banner-1{
        border-radius: 0px;
        background: #00000070;
        box-shadow: none;
        padding-top: 15px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .bg-header-block header .container .row.banner .banner-1 > h1{
        font-size: 1.2rem;
        line-height: 30px;
    }
    .bg-header-block header .container .row.banner .banner-1 > h1 br{
        display: none;
    }
    .bg-header-block header .container .row.banner .banner-1 > p.h2{
        font-size: 1rem;
    }
    .bg-header-block header .container .row.banner .banner-1 .bullets{
        margin-bottom: 150px;
    }
    .bg-header-block header .container .row.banner .banner-1 .bullets > div{
        width: calc(100%/1);
        margin-top: 20px;
    }
    .bg-header-block header .container .row.banner .banner-1 .bullets > div svg{
    background: #0078ff;
    display: inline-block;
    color: #fff;
    float: left;
    font-size: 1.5rem;
    margin-right: 10px;
    border-radius: 200px;
    width: 50px;
    height: 50px;
    border: 10px solid #0078ff;
    position: relative;
    margin-top: -9px;
}
    .bg-header-block header .container .row.banner .banner-1 > a{
        margin-bottom: 15px;
        margin-right: 0px;
    }
    .bg-header-block header .container a.arrow-down{
        display: none;
    }
}



/*----------------------------------------main----------------------------------------*/

main{
}

/**/

@media only screen and (max-device-width: 1200px){        
}

@media only screen and (max-device-width: 992px){
}

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

@media only screen and (max-device-width: 576px){
}




/*----------------------------------------carousel-block----------------------------------------*/

.carousel-block > div{
    height: auto !important;
    border-radius: 5px;
}

.carousel-block > div > .carousel{
    height: auto !important;
    margin: 0px !important;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    
}




/*----------------------------------------icon-block{----------------------------------------*/

.icon-block{

}

.icon-block .section{
    padding-top: 90px;
    padding-bottom: 90px;
}

.icon-block .container .row > div{
    text-align: center;
    font-size: 1.2rem;
    text-shadow: 0px 0px 0px #00;
}

.icon-block .container .row > div img{
    display: inline-block;
    margin-bottom: 20px;
    width: 100px;
    transition: 1s;
    border-radius: 20px;
}

.icon-block .container .row > div img:hover{
    margin-top: -10px;
    box-shadow: 0px 0px 10px #0078ff;
}

.icon-block .container .row > div p span{
    font-size: 1.2rem;
    font-weight: bold;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .icon-block .section{
    padding-top: 50px;
    padding-bottom: 30px;
}
    
}




/*----------------------------------------super-offer-block----------------------------------------*/

.super-offer-block{
    text-align: center;
}

.super-offer-block .section{
    padding-top: 120px !important;
}

.super-offer-block .container .row > div{
    border: 5px solid #0078ff;
    padding: 0px 50px 50px 50px;
    transition: 1s;
}

.super-offer-block .container:hover .row > div{
    border: 5px solid #ff0000;
}

.super-offer-block .container .row > div > svg{
    color: #0078ff;
    position: relative;
    top: -20px;
    border: 15px solid #fff3e2;
    margin-top: -40px;
    width: 100px;
    height: 100px;
    background: #fff3e2;
    transition: 1s;
}

.super-offer-block .container:hover > .row > div > svg{
    color: #ff0000;
}

.super-offer-block .container .row > div > .h2{
    font-size: 3.2rem;
    letter-spacing: 3px;
    font-weight: bold;
    color: #ff0000;
    text-shadow: 0px 0px 0px #ff0000;
    text-transform: uppercase;
}

.super-offer-block .container .row > div > p.text{
    width: 100%;
    max-width: 800px;
    margin: 15px auto 25px auto;
    font-size: 1.4rem;
    font-weight: 500;
}

.super-offer-block .container .row > div > a{
    max-width: 400px;
}

.super-offer-block .container .row > div > a svg{
    position: relative;
    top: -2px;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .super-offer-block .section{
    padding-top: 80px !important;
}
    .super-offer-block .container .row > div{
    }
    .super-offer-block .container .row > div > .h2{
        font-size: 1.5rem;
    }
    .super-offer-block .container .row > div > p.text{
        font-size: 1.1rem;
    }    
}



/*---------------------------------------- ----------------------------------------*/

.ready-solution-block{
    text-align: center;
}

.ready-solution-block .container .row > div{
    padding-bottom: 30px;
}

.ready-solution-block .container .row > div .block{
    background: #fff;
    box-shadow: 0px 0px 15px #ddd;
    border-radius: 5px;
    padding: 15px;
}

.ready-solution-block .container .row > div .block > img{
    border-radius: 5px;
    margin-bottom: 20px;
    object-fit: cover;
    height: 250px;
}

.ready-solution-block .container .row > div .block > h3{
    font-weight: bold;
    margin-bottom: 20px;
}

.ready-solution-block .container .row > div .block hr{
    width: 70px;
    border: 3px solid #0078ff;
    border-radius: 200px;
}

.ready-solution-block .container .row > div .block .price{
    color: #f00;
    font-weight: bold;
    font-size: 1.5rem;
    text-shadow: 0px 0px 0px #f00;
    margin-bottom: 20px;
}

.ready-solution-block .container .row > div .block > a svg{
    color: #ffffff;
    width: 20px;
    height: 20px;
    position: relative;
    top: -1px;
}

.ready-solution-block .container .h3{
    text-align: left;
    font-size: 1.1rem;
}

.ready-solution-block .container .h3 svg{
    display: inline-block;
    color: #0078ff;
    font-size: 0.2rem;
    position: relative;
    top: -3px;
    width: 35px;
    height: 35px;
    margin-right: 5px;
}



/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    
}



/*---------------------------------------- ----------------------------------------*/

.calculator-block{

}

.calculator-block .container h2{
    margin-bottom: 20px !important
}

.calculator-block .container h2 span{
    color: #0078ff;
}

.calculator-block .container .h2{
    text-align: center;
    font-size: 1.4rem;
    margin-bottom: 30px;
    font-weight: 400;
}

.calculator-block .container .row .calculator-block-1{
    border: 5px solid #0078ff;
    padding: 40px 50px 10px 40px;
}

.calculator-block .container .row .calculator-block-1 form .calculator-block-1-1 .sf2-form-group,
.calculator-block .container .row .calculator-block-1 form .calculator-block-1-2 .sf2-form-group{
    margin-bottom: 20px;
    min-height: 210px;
}

.calculator-block .container .row .calculator-block-1 form .calculator-block-1-3 .sf2-form-group{
    margin-bottom: 27px;
}

.calculator-block .container .row .calculator-block-1 form .sf2-form-group .sf2-checkboxes .sf2-checkbox-label{
    display: block;
}

.calculator-block .container .row .calculator-block-1 form .form-h5{
    display: block;
    width: 100%;
    text-align: center;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .calculator-block .container h2 br{
        display: none;
    }
    .calculator-block .container .h2{
        font-size: 1.1rem;
    }    
    .calculator-block .container .row .calculator-block-1{
        padding: 10px 20px 10px 20px;
    }
    .calculator-block .container .row .calculator-block-1 form .calculator-block-1-1 .sf2-form-group,
    .calculator-block .container .row .calculator-block-1 form .calculator-block-1-2 .sf2-form-group{
        margin-bottom: 10px;
        min-height: auto;
    }
    .calculator-block .container .row .calculator-block-1 .sf2-message.sf2-type-success{
        background: none;
        padding: 0px;
    }
    .calculator-block .container .row .calculator-block-1 .sf2-message.sf2-type-success .form-simple-form2-final{
        padding: 0px;
    }
}



/*---------------------------------------- ----------------------------------------*/

.texture-ceilings-block{

}

.texture-ceilings-block .container > h2{
    text-align: left !important;
    margin-bottom: 10px !important;
}

.texture-ceilings-block .container .row .h3{
    padding: 15px 15px 10px 15px;
    font-size: 1.4rem;
    display: block;
    width: 100%;
    line-height: 40px;
    margin-bottom: 0px;
}

.texture-ceilings-block .container .row .h3 strong{
    color: red;
}

.texture-ceilings-block .container .row .h3 a{
    color: red;
}

.texture-ceilings-block .container .row .h4{
    padding: 15px 15px 25px 15px;
    font-size: 1.4rem;
    display: block;
    width: 100%;
}

.texture-ceilings-block .container .row > div{

}

.texture-ceilings-block .container .row > div .block h3{
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.4rem;
    font-weight: bold;
}

.texture-ceilings-block .container .row > div .block .lSSlideOuter{
}

.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-1,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-2,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-3,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-4{
    height: 215px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-1 a,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-2 a,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-3 a,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-4 a{
    text-align: center;
}

.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-1 a img,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-2 a img,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-3 a img,
.texture-ceilings-block .container .row > div .block .lSSlideOuter #texture-ceilings-block-4 a img{
    height: 250px;
    width: auto;
}

.texture-ceilings-block .container .row > div .block .lSSlideOuter ul.lSGallery li a img{
    height: 70px;
    object-fit: cover;
}

.lg-backdrop {
    z-index: 9999999999 !important;
}

.lg-outer {
    z-index: 9999999999 !important;
}




/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .texture-ceilings-block .container .row > div{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .texture-ceilings-block .container .row > div .block h3{
        text-align: center;
    }
    
}




/*---------------------------------------- ----------------------------------------*/

.sign-free-measurement-block{

}

.sign-free-measurement-block .section{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.sign-free-measurement-block .section .bg-master{
    background: url(/images/lex174/bg-sign-free-measurement-block.png) center bottom no-repeat fixed;
    background-size: 1550px 600px;    
    padding-top: 80px;
    padding-bottom: 80px;
}

.sign-free-measurement-block .section .bg-master-2{
    background: url(/images/lex174/bg-sign-free-measurement-block-2.png) center bottom no-repeat fixed;
    background-size: 1550px 600px;    
    padding-top: 80px;
    padding-bottom: 80px;
}

.sign-free-measurement-block .container h3{
    text-align: left !important;
    margin-bottom: 30px !important;
}

.sign-free-measurement-block .container h3 span{
    color: #0078ff;
}

.sign-free-measurement-block .container .h3{
    font-size: 1.4rem;
    margin-bottom: 50px;
}

.sign-free-measurement-block .container .h3 span{
    color: #0078ff;
}

/*1*/

.sign-free-measurement-block .container .row .sign-free-measurement-block-1{
    text-align: center;    
}

.sign-free-measurement-block .container .row .sign-free-measurement-block-1 > form{
    background: rgb(255 255 255);
    max-width: 420px;
    display: inline-block;
    text-align: center;
    color: #000;
    border-radius: 5px;
    box-shadow: 2px 2px 15px #e0e0e0;
    padding: 30px 30px 15px 30px;
    width: 100%;
}

.sign-free-measurement-block .container .row .sign-free-measurement-block-1 > form .form-h1{
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 30px;
}

.sign-free-measurement-block .container .row .sign-free-measurement-block-1 > form input{
    margin-bottom: 10px;
    border: 1px solid #929292 !important;
    border-radius: 50px !important;
    padding: 17px 20px 17px 20px !important;
}

/*2*/

.sign-free-measurement-block .container .row .sign-free-measurement-block-2{
    padding-right: 100px;
}

.sign-free-measurement-block .container .row .sign-free-measurement-block-2 h4{
    font-size: 2.3rem;
    color: #0078ff;
    margin-bottom: 30px;
    font-weight: bold;
}

.sign-free-measurement-block .container .row .sign-free-measurement-block-2 ul{
    font-size: 1.2rem;
    margin-bottom: 30px;
}
.sign-free-measurement-block .container .row .sign-free-measurement-block-2 > svg{
    color: #0078ff;
    transform: rotate(180deg);
    width: 70px;
    height: 60px;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .sign-free-measurement-block .container h3 br{
        display: none;        
    }
    .sign-free-measurement-block .container .h3{
        margin-bottom: 20px;
        font-size: 1.23rem;
        font-weight: 400;
    }
    .sign-free-measurement-block .section .bg-master{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sign-free-measurement-block .section .bg-master-2{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sign-free-measurement-block .container .row .sign-free-measurement-block-2{
        padding-top: 30px;
        padding-right: 15px;
    }            
    .sign-free-measurement-block .container .row .sign-free-measurement-block-2 h4{
        text-align: center;
        font-size: 1.5rem;
    }
    .sign-free-measurement-block .container .row .sign-free-measurement-block-2 > svg{
        display: none;
    }

    .sign-free-measurement-block .section .bg-master .container .row .sign-free-measurement-block-2{
        display: none;        
    }
}



/*---------------------------------------- ----------------------------------------*/

.work-performed-block{

}

.work-performed-block .container h3{
    margin-bottom: 25px !important;
}

.work-performed-block .container h3 span{
    color: #0078ff;
}

.work-performed-block .container .h3{
    margin-bottom: 31px;
    font-weight: 400;
    font-size: 1.4rem;
}

/*1*/

.work-performed-block .container .row .work-performed-block-1{
    padding-bottom: 35px;    
}

.work-performed-block .container .row .work-performed-block-1 .lightgallery{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.work-performed-block .container .row .work-performed-block-1 .lightgallery > a{
    width: calc(100%/2);
    display: block;
    float: left;
    padding: 3px;
    overflow: hidden;
}

.work-performed-block .container .row .work-performed-block-1 .lightgallery > a img{
    -webkit-transition: -webkit-transform 1s ease 0s;
    -moz-transition: -moz-transform 1s ease 0s;
    -o-transition: -o-transform 1s ease 0s;
    transition: transform 1s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);

    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 2px;
    box-shadow: 2px 2px 3px #ccc;
}

.work-performed-block .container .row .work-performed-block-1 .lightgallery > a img:hover {
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
}

/*2*/

.work-performed-block .container .row .work-performed-block-2{
    padding-bottom: 40px;
}

.work-performed-block .container .row .work-performed-block-2 .block{
    background: #f8f8f8;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
    box-shadow: 2px 2px 15px #ddd;
}

.work-performed-block .container .row .work-performed-block-2 .block h4{
    font-weight: bold;
    margin-bottom: 30px;
}

.work-performed-block .container .row .work-performed-block-2 .block p.price{
    color: red;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 20px;
}

.work-performed-block .container .row .work-performed-block-2 .block > a{
    margin-top: 20px;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .work-performed-block .container h3{
        margin-bottom: 20px !important
    }
    .work-performed-block .container .h3{
        font-size: 1.1rem;
        text-align: center;
        margin-bottom: 30px;
    }
    .work-performed-block .container .row .work-performed-block-1 .lightgallery > a img{
        height: 150px;
    }
}


/*---------------------------------------- ----------------------------------------*/

.before-after-photos-block{

}

.before-after-photos-block .section{
    padding-top: 110px !important
}

.before-after-photos-block .container > h3{
    margin-bottom: 20px !important;
}

.before-after-photos-block .container > .h3{
    text-align: center;
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 1.4rem;
}

.before-after-photos-block .container > .h3 span{
    color: #0078ff;
}

.before-after-photos-block .container > a{
    width: 350px;
    margin: 40px auto 0px auto;
    display: block !important;
}

.before-after-photos-block .container > a svg{
    position: relative;
    top: -2px;
    margin-left: 3px;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .before-after-photos-block .section{
        padding-top: 30px !important;
    }  
    .before-after-photos-block .container > .h3{
        font-size: 1.3rem;
    }  
}


/*---------------------------------------- ----------------------------------------*/

.frequently-asked-questions-block{

}

.frequently-asked-questions-block .container > h3{
    margin-bottom: 20px !important;
    font-weight: 300 !important;
}

.frequently-asked-questions-block .container > h3 span{
    color: #0078ff;
    font-weight: bold;
}

.frequently-asked-questions-block .container > .h3{
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    text-shadow: 0px 0px 0px #000;
    font-size: 1.6rem;
}

.frequently-asked-questions-block .container .row div > #accordion{
    padding-bottom: 40px;
}

.frequently-asked-questions-block .container .row div > #accordion .card{

}

.frequently-asked-questions-block .container .row div > #accordion .card .card-header{
    border-left: 13px solid #0078ff;
}

.frequently-asked-questions-block .container .row div > #accordion .card .card-header:hover{
    background: #ebebeb;
    border-left: 13px solid #ff0000;
}

.frequently-asked-questions-block .container .row div > #accordion .card h5 button{
    color: #393939;
    font-size: 1.2rem;
    white-space: normal;
    text-align: left;
    display: block;
    width: 100%;
    text-decoration: none;
    text-shadow: 0px 0px 0px #0000;
}

.frequently-asked-questions-block .container .row div > #accordion .card .card-body{
    font-size: 1.2rem;
}

.frequently-asked-questions-block .container .row div p > span[data-glyph="thumb-up"]{
    font-size: 10rem;
    float: left;
    height: 220px;
    padding: 0px 0px 0px 23px;
    margin-right: 15px;
    color: #da251d;
    top: -5px;
    line-height: 0px;
    text-shadow: 4px 4px 10px #7b7b7b;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    
}


/*---------------------------------------- ----------------------------------------*/

.director-of-company-block{

}

.director-of-company-block .container > h4{
    text-align: left !important;
}

.director-of-company-block .container > h4 span{
    color: #0078ff;
}

/*1*/

.director-of-company-block .container .row .director-of-company-block-1 img{
    height: 550px;
    object-fit: cover;
}

/*2*/

.director-of-company-block .container .row .director-of-company-block-2{
    font-size: 1.2rem;
    padding-top: 10px;
}

.director-of-company-block .container .row .director-of-company-block-2 a{
    margin-top: 25px;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

@media only screen and (max-device-width: 767px){
    .director-of-company-block .container .row .director-of-company-block-1 img{
    height: auto;
    object-fit: inherit;
    width: 100%;
}

}

@media only screen and (max-device-width: 576px){
    .director-of-company-block .container .row .director-of-company-block-2{
        padding-top: 30px;
        font-size: 1.1rem;
    }
    
}


/*---------------------------------------- ----------------------------------------*/

footer{
}

footer > h3{
    font-size: 2.3rem;
    text-align: center;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    color: #333;
    font-weight: bold;
}

footer > .block{
    position: relative;    
    display: block;
    width: 100%;
    min-height: 385px;
    background: #fff;
}

footer > .block > ymaps{
    height: 445px !important;
}

footer > .block > .contacts{
    background: #0078ff;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    color: #fff;
    padding: 50px 40px 50px 90px;
    width: 500px;
    line-height: 20px;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 50%);
}

footer > .block > .contacts p a{
    color: #fff;
}

footer > .block > .contacts p svg{
    margin-right: 5px;
    position: relative;
    top: -2px;
    margin-left: -27px;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    footer > .block > .contacts{
        display: block;
        position: relative;
        clip-path: none;
        padding: 20px 20px 20px 50px;
        width: 100%;
    }    
}


/*---------------------------------------- ----------------------------------------*/

.any-additional-questions-block{
    background: #222;
    color: #fff;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 55px;
    clip-path: polygon(0 0, 50% 5%, 100% 0, 100% 95%, 50% 100%, 0 95%);
    position: relative;
    margin-top: -15px;
    background: url(/images/lex174/bg-any-additional-questions-block.jpg) center top;
    background-size: 20px auto;
}

.any-additional-questions-block .container h5{
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.any-additional-questions-block .container .row .any-additional-questions-block-1 p{
    font-size: 1.2rem;
}

.any-additional-questions-block .container .row .any-additional-questions-block-1 p > svg{
    margin-left: 3px;
    width: 20px;
    height: 20px;
}

.any-additional-questions-block .container .row .any-additional-questions-block-1 p a{
    display: inline-block !important;
    width: auto;
    position: relative;
    margin-bottom: -25px;
    margin-right: 10px;
}

.any-additional-questions-block .container .row .any-additional-questions-block-1 p a.phone-number{
    color: #fff;
    font-weight: bold;
}

.any-additional-questions-block .container .row .any-additional-questions-block-1 p a > svg{
    position: relative;
    top: -2px;
}

/**/

@media only screen and (max-device-width: 1200px){
        
}

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

}

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

}

@media only screen and (max-device-width: 576px){
    .any-additional-questions-block{
        margin-top: 0px;
        clip-path: none;
        padding-top: 30px;
        padding-bottom: 20px;
    }    
    .any-additional-questions-block .container h5{
        font-size: 1.4rem;
        margin-bottom: 20px;
    }
    .any-additional-questions-block .container .row .any-additional-questions-block-1 p{
        font-size: 1rem;
    }
    .any-additional-questions-block .container .row .any-additional-questions-block-1 p br{
        display: none;
    }
    .any-additional-questions-block .container .row .any-additional-questions-block-1 p > svg{
        display: none;
    }
    .any-additional-questions-block .container .row .any-additional-questions-block-1 p > a.button-design{
        display: block !important;
        margin-bottom: 20px;
    }
}


/*---------------------------------------- ----------------------------------------*/

.footer-bottom-block{
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #ddd;  
    color: #000;
}

.footer-bottom-block .container .row > div p{
    margin: 0px;
}

/*1*/

.footer-bottom-block .container .row .footer-bottom-block-1{
    text-align: left;
}

.footer-bottom-block .container .row .footer-bottom-block-1 img{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    width: 60px;
}

.footer-bottom-block .container .row .footer-bottom-block-1 button{
    color: #666;
    padding: 0px;
    display: block;
    background: none;
    border: none;
}

/*2*/

.footer-bottom-block .container .row .footer-bottom-block-2{
    text-align: center;
}

.footer-bottom-block .container .row .footer-bottom-block-2 a svg{
    width: 50px;
    height: 50px;
    color: #0078ff;
}

.footer-bottom-block .container .row .footer-bottom-block-2 a svg:hover{
    color: #ff0000;
}

/*3*/

.footer-bottom-block .container .row .footer-bottom-block-3{
    text-align: right;
}

.footer-bottom-block .container .row .footer-bottom-block-3 p a{
    text-decoration: none;
}

.footer-bottom-block .container .row .footer-bottom-block-3 p a img{
    width: 40px;
    margin: 2px;
    border-radius: 10px;
}

/**/

@media only screen and (max-device-width: 1200px){
    .footer-bottom-block .container .row > div p{
    }        
}

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

}

@media only screen and (max-device-width: 767px){
    .footer-bottom-block .container .row > div{
        text-align: center !important;
    }
    .footer-bottom-block .container .row .footer-bottom-block-1 button{
        margin: 10px auto 0 auto;
    }
    .footer-bottom-block .container .row .footer-bottom-block-2{
        padding-top: 10px;
        padding-bottom: 10px;
    }

}

@media only screen and (max-device-width: 576px){
    
}



/*----------------------------------------back-top----------------------------------------*/

#back-top {
    bottom: 50px;
    left: 5%;
    /* top: -255px; */
    z-index: 999;
    width: 100px;
    position: sticky;
    /* position: absolute; */
    margin-top: -255px;
}

#back-top a{
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;    
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;     
}

#back-top a img{
    width: 65px;
}

@media only screen and (max-device-width: 992px) {
    #back-top{
        display: none !important;
    }
}


#back-top a:hover {
    color: #000;
    -moz-transform: translate(0px, -25px);
    -webkit-transform: translate(0px, -25px);
    -o-transform: translate(0px, -25px);
    -ms-transform: translate(0px, -25px);
    transform: translate(0px, -25px);   
}


/*----------------------------------------END template END template END template END template END template END template----------------------------------------*/

no-no-no{
    object-fit: cover;
    overflow: hidden;
    background: url(/images/graphics-for-website/bg-exceptional-service.png) bottom no-repeat;
    background-size: 100% auto; 
}

/**/

.plastic-okna .container .row > div .block img{
-webkit-transform:scale(1); /*Webkit: umen'shaem razmer do 0.8*/
-moz-transform:scale(1); /*Mozilla: masshtabirovanie*/
-o-transform:scale(1); /*Opera: masshtabirovanie*/
-webkit-transition-duration: 0.5s; /*Webkit: dlitel'nost' animacii*/
-moz-transition-duration: 0.5s; /*Mozilla: dlitel'nost' animacii*/
-o-transition-duration: 0.5s; /*Opera: dlitel'nost' animacii*/
opacity: 1;  /*Nachal'naja prozrachnost' izobrazhenij*/
z-index: 5;
position: relative;
}

.plastic-okna .container .row > div .block img:hover{
-webkit-transform:scale(1.1); /*Webkit: uvelichivaem razmer do 1.2x*/
-moz-transform:scale(1.1); /*Mozilla: masshtabirovanie*/
-o-transform:scale(1.1); /*Opera: masshtabirovanie*/
opacity: 1;
z-index: 10;
}

/**/

.what-glazing .container .row > div img{
-webkit-transform:scale(1); /*Webkit: umen'shaem razmer do 0.8*/
-moz-transform:scale(1); /*Mozilla: masshtabirovanie*/
-o-transform:scale(1); /*Opera: masshtabirovanie*/
-webkit-transition-duration: 0.5s; /*Webkit: dlitel'nost' animacii*/
-moz-transition-duration: 0.5s; /*Mozilla: dlitel'nost' animacii*/
-o-transition-duration: 0.5s; /*Opera: dlitel'nost' animacii*/
opacity: 1;  /*Nachal'naja prozrachnost' izobrazhenij*/
}

.what-glazing .container .row > div img:hover{
-webkit-transform:scale(1.05); /*Webkit: uvelichivaem razmer do 1.2x*/
-moz-transform:scale(1.05); /*Mozilla: masshtabirovanie*/
-o-transform:scale(1.05); /*Opera: masshtabirovanie*/
opacity: 1;
}

/**/

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

}

@media only screen and (max-device-width: 992px){
    
}

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

@media only screen and (max-device-width: 576px){
    
}

























/*item-page spasibo*/

.item-page.spasibo{
}

.item-page.spasibo .bg-spasibo-page{
    height: 100vh;
    background: url(/images/lex174/bg-spasibo-page.jpg) bottom no-repeat;
    background-size: 100% auto; 
    padding: 120px 0px 0px 0px;
}

.item-page.spasibo .bg-spasibo-page .container .row > div{
    height: 100%;
    font-size: 1.5rem;
}

.item-page.spasibo .bg-spasibo-page .container .row > div h1,
.item-page.spasibo .bg-spasibo-page .container .row > div .h3{
    font-weight: 400;
    margin-bottom: 40px;
    font-size: 1.8rem;
    font-weight: 400;
}

.item-page.spasibo .bg-spasibo-page .container .row > div h1{
    font-size: 2.4rem;
    font-weight: 500;
}

.item-page.spasibo .bg-spasibo-page .container .row > div h1 strong{
    color: #ff0000;
}

.item-page.spasibo .bg-spasibo-page .container .row > div ul{
    margin-bottom: 30px;
    font-weight: 400;
}

.item-page.spasibo .bg-spasibo-page .container .row > div a{
    color: #ff0000;
    font-weight: 600;
    display: inline-block;
}

/**/

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

}

@media only screen and (max-device-width: 992px){
    
}

@media only screen and (max-device-width: 767px){
    .item-page.spasibo .bg-spasibo-page{
        background: url(/images/lex174/bg-spasibo-page.jpg) bottom no-repeat;
        background-size: auto 100%;
        padding: 20px 0px 20px 0px;
}
    .item-page.spasibo .bg-spasibo-page .container .row .spasibo-page-1 img{
        display: none;
    }
    .item-page.spasibo .bg-spasibo-page .container .row > div{
        font-size: 1.1rem;
    }
    .item-page.spasibo .bg-spasibo-page .container .row > div h1,
    .item-page.spasibo .bg-spasibo-page .container .row > div .h3{
        margin-bottom: 15px;
        font-size: 1.3rem;
    }
    
}

@media only screen and (max-device-width: 576px){
    
}






/* ----------------------------- cookies ----------------------------- */
.cookies {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 400px;
    z-index: 1000;
    display: none;
}

.cookies__body {
    background-color: white;
    box-shadow: 0 0 40px rgba(196, 196, 196, 0.25);
    padding: 15px 0;
    border-radius: 10px;
}

.cookies__text {
    font-weight: 400;
    font-size: 0.75rem;
    line-height: 20px;
    color: #000000;
    flex: 1 1 auto;
    margin-right: 30px;
}

.cookies__text a,
.cookies__text button{
    color: #0078ff;
    background: none;
    padding: 0px;
    border: none;
    font-size: 0.75rem;
}

.cookies__text a:hover,
.cookies__text button:hover{
    background: none;
    color: #000;
}

.cookies__btn {
    justify-content: center;
    line-height: 100%;
    letter-spacing: -0.03em;
    color: #ffffff;
    border: none;
    background: #0078ff;
    border-radius: 25px;
    font-size: 16px;
    padding: 12px 30px;
    font-weight: 500;
    width: fit-content;
    display: inline-block;
    cursor: pointer;
    transition: background-color ease 0.3s;
}

.cookies__btn:hover {
    background-color: #196dff;
    border: 2px solid #196dff;
    color: #ffffff;
}

.cookies__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/**/

@media only screen and (max-device-width: 1200px){
}

@media only screen and (max-device-width: 992px){    
}

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

@media only screen and (max-device-width: 576px){
    .cookies {
        bottom: 0px;
        right: 0px;
        width: 100%;
        z-index: 1000;
        text-align: left;
    }
    .cookies__text {
        margin-right: 0px;
        /*margin-bottom: 15px;*/
    }
    .cookies__row {
        /*display: block;*/
    }    
}