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


a{
    color: #3b90e3;
    text-decoration: none;
}

a:hover,
a:focus{
    color: #0073e4; 
}

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;
}


/*----------------------------------------scrollbar-button----------------------------------------*/

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

::-webkit-scrollbar-track{
    background-color:#e5f1ff;
}

::-webkit-scrollbar-thumb{
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background-color: #3B90E3;
}

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

::-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: #000000;
    background: #ffffff;
}

h1, h2, h3, h4, h5, h6, .h1{    
    /*font-family: 'Roboto Slab', serif;*/
    font-weight: 500;
}


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

a.button-design,
button.sf2-callBtn,
a.sf2-callBtn,
span.a.button-design{
    display: inline-block;
    background: #f50000 !important;
    color: #fff;
    border: 2px solid #f50000 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    box-shadow: none !important; 
    text-shadow: none !important;
    border-radius: 5px !important;
    padding: 15px 10px 15px 10px !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.on-border{
    background: none;
    color: #ffffff;
    box-shadow: none;
}

a.button-design:hover,
button.sf2-callBtn:hover,
a.sf2-callBtn:hover,
span.a.button-design:hover{
    background: #3B90E3 !important;
    border: 2px solid #3B90E3 !important;
    color: #eee;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
}

a.button-design.on-border:hover{
    color: #3B90E3;
    border: 2px solid #3B90E3 !important;
    background: rgb(0 0 0 / 20%) !important;
}

a.button-design:focus,
button.sf2-callBtn:focus,
a.sf2-callBtn:focus{
    box-shadow: none;
}

a.button-design svg,
a.button-design.on-border svg,
button.sf2-callBtn svg{
    color: #ffffff;
    width: 17px;
    height: 17px;
    position: relative;
    top: -1px;
}

a.button-design:after,
button.sf2-callBtn:after,
a.sf2-callBtn: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,
    button.sf2-callBtn,
    span.a.button-design{
        width: 100% !important;
        font-size: 0.8rem;
    }
}


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

.sf2Win{
    max-width: 100% !important;
}

.sf2Win .sf2Win-body{
    padding: 20px;
    border-radius: 15px;
    max-width: 900px;
    max-height: 800px;
    /* width: 100%; */
}

.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: #ffffff;
    padding: 5px 20px 5px 20px;
    text-align: center;
    width: 100%;
    max-width: 850px;
    height: 100%;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ddd;
    color: #000;
}

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

.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;  
}

/*----------------------------------------norm form----------------------------------------*/

.form-simple-form2 input[type="text"],
.form-simple-form2 input[type="email"],
.form-simple-form2 select,
.form-simple-form2 textarea{
    padding: 10px 10px 7px 10px !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    border: none !important;
    border-bottom: 1px solid #aaa !important;
    background: none !important;
}

.form-simple-form2 input[type="text"]:focus,
.form-simple-form2 input[type="email"]:focus,
.form-simple-form2 select:focus,
.form-simple-form2 textarea:focus{
    border-bottom: 1px solid #000 !important;
}

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

.form-simple-form2 .sf2-form-label-wrap label{
    color: #001324 !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: block !important;
    margin: 0 auto;
    background: #f50000 !important;
    color: #fff;
    border: 2px solid #f50000 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    box-shadow: none !important; 
    text-shadow: none !important;
    border-radius: 5px !important;
    padding: 15px 10px 15px 10px !important;
    width: 80%;
    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{
    text-decoration: none;
    background: #3B90E3 !important;
    border: 2px solid #3B90E3 !important;
}

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

.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; }
} 

.form-simple-form2 .sf2-form-group.politic .sf2-checkboxes{
    font-size: 0.8rem;
    margin-top: 10px;
    color: #000 !important;
    text-align: center;
}

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

.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.text strong{
    color: #000;
}

.simpleForm2 .sf2-message.sf2-type-success .form-simple-form2-final p.text a{
    border-bottom: 1px dashed #000;
    color: #1e446b;
    font-weight: bold;
    display: inline-block;
}

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

.form-simple-form2-final .sf2CloseBtn.end-x{
    display: inline-block !important;
    background: #ff7f0f !important;
    color: #fff !important;
    border: 2px solid #ff7f0f !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    font-weight: bold !important;
    letter-spacing: 0.5px;
    text-shadow: 0px 0px 0px #000;
    box-shadow: 3px 3px 0px #924604 !important;
    border-radius: 200px !important;
    padding: 17px 25px 17px 25px !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; 
    margin-top: 20px;
}

.form-simple-form2-final .sf2CloseBtn.end-x:hover{
    color: #fff !important;
    text-decoration: none;
    bbackground: #166edc !important;
    border: 2px solid #166edc !important;
    box-shadow: 3px 3px 0px #0c458c !important;
}

.form-simple-form2-final .end-x:focus{
    box-shadow: 0px 0px 15px #166edc !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;        
    }
}

/**/

.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: 20px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 25px;
    text-align: center;
}

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

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

.header-top-form .form-simple-form2 .row .from-right .form-h5{
    margin-bottom: 10px;
    font-size: 0.8rem;
    text-align: center;
}

.header-top-form .form-simple-form2 .row .from-right .form-h6{
    margin-bottom: 0px;
    font-size: 1rem;
    text-align: center;
}

.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;
    }
    .header-top-form .form-simple-form2 .row .from-right .form-h1 br{
        display: none;        
    }
}


/*form-simple-form2.quiz*/

.sf2Win.quiz{
    max-width: 1100px !important;
    /* box-shadow: 0px 0px 10px #ddd; */
    border-radius: 20px;
    border: 10px solid #c0c0c0;
    /* background: #ddd; */
}

.sf2Win .sf2Win-body .form-simple-form2.quiz{
    width: 100%;
    max-width: 1100px;
    padding: 20px;
}

.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: #8eb11f;
    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 button{
    display: inline-block !important;
    background: #c62709;
    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 #731200;
    border-radius: 15px !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 button span{
    position: relative;
    top: 1px;
    font-size: 0.8rem;
}

.form-simple-form2.quiz #rootwizard .tab-content .pager.wizard li button:hover{
    background: #8eb11f;
    border: none;
    color: #000000 !important;
    text-decoration: none;
    box-shadow: 3px 3px 0px #3c4d08;
}

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

/**/


@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;
        border: 0px;
        overflow: hidden;
    }
    .form-simple-form2.quiz{
        padding: 0px !important;
    }
    .form-simple-form2.quiz #rootwizard .rootwizard-h1{
        font-size: 1rem;
    }   
    .form-simple-form2.quiz #rootwizard .rootwizard-h2{
        font-size: 0.9rem;
    }
    .form-simple-form2.quiz #rootwizard .tab-content .tab-content-h1{
        font-size: 1rem;
        margin-bottom: 20px;
    }
}


/*form-simple-form2 quiz*/

.sf2-body .form-simple-form2.quiz #tab5 img{
    
}

.sf2-body .form-simple-form2.quiz #tab6 textarea{
    border: 2px solid #ddd !important;
    height: 150px;
    border-radius: 10px !important;
}

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

}

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

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

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

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .final-1 .form-h3,
.form-simple-form2.quiz #tab7 .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 #tab7 .final-1 .radio-final .sf2-checkbox-label{
}

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

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

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

.sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .final-2 img,
.form-simple-form2.quiz #tab7 .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){
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .form-h1,
    .form-simple-form2.quiz #tab7 .form-h1{
    font-size: 1.1rem;
    margin-bottom: 10px;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .form-h2,
    .form-simple-form2.quiz #tab7 .form-h2{
    font-size: 1.1rem;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .form-h2 br,
    .form-simple-form2.quiz #tab7 .form-h2 br{
        display: none;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .final-1 .form-h3,
    .form-simple-form2.quiz #tab7 .final-1 .form-h3{
        font-size: 1.1rem;
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .final-2,
    .form-simple-form2.quiz #tab7 .final-2{
    }
    .sf2Win.quiz .sf2Win-body .form-simple-form2.quiz #tab7 .final-2 img,
    .form-simple-form2.quiz #tab7 .final-2 img{
        display: none;
    }
}



/*----------------------------------------pad-blocks----------------------------------------*/

div > .pad-blocks{
    padding: 80px 0px 80px 0px;
}

/*MOBILE*/

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

@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 > .pad-blocks{
        padding: 30px 0px 30px 0px;
    }
}


/*----------------------------------------container container-h2----------------------------------------*/

.container .container-h2{
    text-align: center;
    width: 100%;
    margin: 0px auto 30px auto;
    font-size: 2.4rem;
}

.container .container-h2 > span{
    color: #166edc;
}

.container .bottom-h{
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 0px auto 50px auto;
    font-size: 1rem;
}

/*MOBILE*/

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

@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){
    .container .container-h2{
        margin: 0px auto 15px auto;
        font-size: 1.3rem;
    }
    .container .bottom-h{
        margin: 0px auto 15px auto;
        font-size: 1rem;
    }
}



/*----------------------------------------svo-rekl----------------------------------------*/

.svo-rekl{
    text-align: center;
    padding: 7px 10px 7px 10px;
    background: #f00;
    color: #fff;
}

.svo-rekl a{
    color: #fff;
    text-decoration: underline;
}

.svo-rekl a:hover{
    color: #ccc;
}

@media only screen and (max-device-width: 767px){
    .svo-rekl{
        font-size: 0.9rem;
    }
    
}



/*----------------------------------------bg-header-top----------------------------------------*/

.bg-header-top{
    padding-top: 12px;
    padding-bottom: 10px;
}

.bg-header-top .header-top{
    overflow: hidden;
}

.bg-header-top .header-top p{
    margin: 0px;
}

/*1*/

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

/*2*/

.bg-header-top .header-top .container .row .header-top-2{
    text-align: center;
    padding-top: 15px;
}

.bg-header-top .header-top .container .row .header-top-2 > a{
    background: none !important;
    color: #333 !important;
    border: none !important;
    border-bottom: 2px dashed #ddd !important;
    padding: 0px 0px 5px 0px !important;
    text-align: left;
    width: 200px;
    font-size: 1rem !important;
    font-weight: 500 !important;
}

.bg-header-top .header-top .container .row .header-top-2 > a:after{
    display: none;
}

.bg-header-top .header-top .container .row .header-top-2 > a svg{
    color: #3b90e3;
}

/*3*/

.bg-header-top .header-top .container .row .header-top-3{
    text-align: center;    
    padding-top: 17px;
}

.bg-header-top .header-top .container .row .header-top-3 img{
    width: 32px;
    background: #3B90E3;
}

/*4*/

.bg-header-top .header-top .container .row .header-top-4{
    padding-top: 10px;
    text-align: right; 
    padding-right: 0px;
    
}

.bg-header-top .header-top .container .row .header-top-4 .adress{
    display: inline-block;
    width: 190px;
}

.bg-header-top .header-top .container .row .header-top-4 .adress svg{
    float: left;
    margin: 3px 5px 0px 0px;
    width: 20px;
    height: 20px;
    color: #3B90E3;
}

.bg-header-top .header-top .container .row .header-top-4 .adress a{
    display: block;
    text-align: left;
    font-weight: 500;
    color: #333;
    font-size: 1rem;
}

/*5*/

.bg-header-top .header-top .container .row .header-top-5{
    padding-top: 10px;
    text-align: right; 
    
}

.bg-header-top .header-top .container .row .header-top-5 .phone{
    display: inline-block;
    width: 205px;
}

.bg-header-top .header-top .container .row .header-top-5 .phone svg{
    float: left;
    margin: 3px 0px 0px 0px;
    width: 20px;
    height: 20px;
    color: #3B90E3;
}

.bg-header-top .header-top .container .row .header-top-5 .phone a{
    display: block;
    text-align: right;
    font-weight: bold;
    color: #333;
    font-size: 1.3rem;
}

.bg-header-top .header-top .container .row .header-top-5 button{
    background: none !important;
    color: #999 !important;
    border: none !important;
    border-bottom: 2px dashed #ddd !important;
    padding: 0px 0px 2px 0px !important;
    text-align: left;
    width: auto;
    font-size: 0.8rem !important;
    font-weight: 500 !important;
    letter-spacing: 0px;
}

.bg-header-top .header-top .container .row .header-top-5 button:after{
    display: none;
}

/*MOBILE*/

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

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

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

@media only screen and (max-device-width: 767px){
    .bg-header-top .header-top .container .row .header-top-2 > a{
        width: auto;
        letter-spacing: -0.5px;
        border-radius: 0px !important;
    }
    .bg-header-top .header-top .container .row .header-top-2 > a svg{
        display: none;
    }
    .bg-header-top .header-top .container .row .header-top-4{
        display: none;
    }
    .bg-header-top .header-top .container .row .header-top-5{
        text-align: center;
    }
    .bg-header-top .header-top .container .row .header-top-5 .phone{
        width: 190px;
    }
    .bg-header-top .header-top .container .row .header-top-5 .phone a{
        font-size: 1.2rem;
    }
    .bg-header-top .header-top .container .row .header-top-5 button{
        display: none;
    }
}

@media only screen and (max-device-width: 576px){
    .bg-header-top .header-top .container .row .header-top-2 > a{
        font-size: 0.9rem !important;
        letter-spacing: -1px;
    }    
    .bg-header-top .header-top .container .row .header-top-3 img{
        width: 25px;
    }
    .bg-header-top .header-top .container .row .header-top-5 .phone{
        width: 175px;
    }
    .bg-header-top .header-top .container .row .header-top-5 .phone a{
        font-size: 1.1rem;
    }
    
}



/*----------------------------------------nav----------------------------------------*/

nav{
}

nav .container{
    border-top: 2px solid #ddd;
    padding-top: 5px;
}

nav .container .navbar-collapse > ul{
    text-align: center;
    width: 100% !important;
    display: block;
}

nav .container .navbar-collapse > ul > li{
    display: inline-block;
}

nav .container .navbar-collapse > ul > li > a{
    color: #3b90e3;
    display: block !important;
    padding: 10px 40px 10px 40px !important;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    text-shadow: 0px 0px 0px #000;
}

nav .container .navbar-collapse > ul > li > a:hover{
    text-decoration: none;
    color: #f50000;
    border-bottom: none;
}

/*MOBILE*/

@media only screen and (max-device-width: 1400px){
    nav .container .navbar-collapse > ul > li > a{
        padding: 20px 35px 12px 35px !important;
    }
}

@media only screen and (max-device-width: 1200px){
    nav .container .navbar-collapse > ul > li > a{
        padding: 20px 20px 12px 20px !important;
    }
}

@media only screen and (max-device-width: 992px){
    nav{
        background: #3b90e3;
    }
    nav .container{
        border-top: none;
    }
    nav .container button.navbar-toggler{
        background: #fff;
        color: #3b90e3;
    }
    nav .container .navbar-collapse > ul > li > a{
        color: #fff;
    }
}

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

@media only screen and (max-device-width: 576px){
    nav .container .navbar-collapse > ul > li{
        display: block;
        text-align: left;
    }
    nav .container .navbar-collapse > ul > li > a{
        padding: 5px 0px 5px 0px !important;
        font-size: 0.9rem;
    }
}



/*----------------------------------------bg-header-banner----------------------------------------*/

.bg-header-banner{
    background: url(/images/dent-5/bg-header-other-banner.jpg) center center no-repeat;
    background-size: 100% auto;
    color: #000;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.bg-header-banner .header-banner{
    background: rgb(255 255 255 / 84%);
    padding-top: 50px;
}

.bg-header-banner .header-banner .container .row .header-banner-1{    
    padding-bottom: 110px;
}

.bg-header-banner .header-banner .container .row .header-banner-1 h1,
.bg-header-banner .header-banner .container .row .header-banner-1 .h1{
    font-weight: 500;
    font-size: 3rem;
    line-height: 71px;
}

.bg-header-banner .header-banner .container .row .header-banner-1 h1 span,
.bg-header-banner .header-banner .container .row .header-banner-1 .h1 span{
    color: #fff;
    background: #3B90E3;
    padding: 10px 30px 10px 30px;
    border-radius: 10px;
}

.bg-header-banner .header-banner .container .row .header-banner-1 hr{
    margin: 30px 0px 30px 0px;
    width: 150px;
}

.bg-header-banner .header-banner .container .row .header-banner-1 .h2{
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 30px;
    font-style: oblique;
}

.bg-header-banner .header-banner .container .row .header-banner-1 .h3{
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 30px;
    color: red;
}

.bg-header-banner .header-banner .container .row .header-banner-1 .h4{
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 30px;
}

.bg-header-banner .header-banner .container .row .header-banner-1 > a.sf2-callBtn{
    width: 300px;
    margin-right: 10px;
}

.bg-header-banner .header-banner .container .row .header-banner-1 img.arrow{
    width: 80px;
    position: relative;
    margin: -130px 0px 0px 30px;
}

/*2*/

.bg-header-banner .header-banner .container .row .header-banner-2{
    position: relative;
}

.bg-header-banner .header-banner .container .row .header-banner-2 img{
    position: absolute;
    bottom: 0px;
}

/*MOBILE*/

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

@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){
    .bg-header-banner{
        background: url(/images/dent-5/bg-header-other-banner.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    .bg-header-banner .header-banner{
        padding-top: 10px;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1{
        padding-bottom: 10px;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 h1,
    .bg-header-banner .header-banner .container .row .header-banner-1 .h1{
        font-weight: 500;
        font-size: 1.3rem;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 h1 br,
    .bg-header-banner .header-banner .container .row .header-banner-1 .h1 br{
        display: none;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 h1 span,
    .bg-header-banner .header-banner .container .row .header-banner-1 .h1 span{
        color: #000;
        background: none;
        padding: 0px;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 hr{
        display: none;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 .h2{
        font-size: 1.2rem;
        font-weight: 400;
        margin-bottom: 15px;
        /*text-align: center;*/
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 .h3{
        font-size: 1.1rem;
        font-weight: 500;
        margin-bottom: 20px;
        /*text-align: center;*/
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 .h3 br{
        display: none;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 > a.sf2-callBtn{
        width: 100%;
        margin-right: 10px;
        display: none;
    }
    .bg-header-banner .header-banner .container .row .header-banner-1 img.arrow{
        display: none;
    }
    .bg-header-banner .header-banner .container .row .header-banner-2 img{
        position: relative;
        bottom: 0px;
    }
    
}



/*----------------------------------------bg-header-other-banner----------------------------------------*/

.bg-header-other-banner{
    margin-bottom: 30px;
    background: url(/images/dent-5/bg-header-other-banner.jpg) center center no-repeat;
    background-size: 100% auto;
    clip-path: polygon(0 0, 100% 0%, 100% 81%, 0% 100%);    
}

.bg-header-other-banner .header-other-banner{
    padding: 50px 0px 50px 0px;
    background: #00000094;
    color: #fff;
}

/*MOBILE*/

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

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

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

@media only screen and (max-device-width: 767px){
    .bg-header-other-banner{
        background: url(/images/dent-5/bg-header-other-banner.jpg) center center no-repeat;
        background-size: 100% 100%;
        clip-path: none;
    }
    .bg-header-other-banner .header-other-banner{
        padding: 30px 0px 20px 0px;
    }
}

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



/*----------------------------------------breadcrumb----------------------------------------*/

.breadcrumb{
}

ul.breadcrumb li a{
    color: #fff;
}

ul.breadcrumb li .divider{
    margin-right: 4px;
}

ul.breadcrumb li .divider.icon-location{
    margin: 0px;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------bg-sviz-s-nami----------------------------------------*/

.bg-sviz-s-nami{
    position: relative;
    margin-top: -60px;
}

.bg-sviz-s-nami .sviz-s-nami{
    
}

/*1*/

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1{
    color: #ffff;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block{
    background: #3b90e3;
    padding: 30px;
    height: 100%;
    border-radius: 5px 5px 5px 5px;
    border: 2px solid #ddd;
    background:  url(/images/dent-5/bg-sviz-s-nami.png) #3b90e3;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block .header{
    margin-bottom: 35px;
    display: block;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block .header svg{
    float: left;
    width: 35px;
    height: 35px;
    margin: 8px 25px 0px 20px;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block .header > span{
    font-size: 1.2rem;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block .header > a{
    display: inline-block;
    font-size: 1.2rem;
    color: #ffff;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block p.text{
    margin-bottom: 40px;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block > a{
    background: none !important;
    color: #fff !important;
    border: 2px solid #fff !important;
    padding: 15px 20px 15px 20px !important;
    text-align: center;
    font-size: 1.2rem !important;
    font-weight: 500 !important;
}

/*2*/

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-2{
    padding-right: 0px;    
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-2 .block{
    background: #fff;
    padding: 30px;
    border-radius: 5px 0px 0px 5px;
    border-top: 2px solid #3b90e3;
    border-left: 2px solid #3b90e3;
    border-bottom: 2px solid #3b90e3;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-2 .block h2{
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 15px;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-2 .block img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px;
}

/*3*/

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3{
    padding-left: 0px;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3 .block{
    background: #fff;
    padding: 30px;
    height: 100%;
    border-radius: 0px 5px 5px 0px;
    border-top: 2px solid #3b90e3;
    border-right: 2px solid #3b90e3;
    border-bottom: 2px solid #3b90e3;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3 .block .header{
    margin-bottom: 40px;
    display: block;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3 .block .header svg{
    float: left;
    width: 35px;
    height: 35px;
    margin-right: 20px;
    color: #3b90e3;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3 .block .header > span{
    font-size: 1.4rem;
}

.bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3 .block p.text{
    border-bottom: 1px solid #ddd;
    padding: 15px 0px 15px 0px;
}

/*MOBILE*/

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

@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){
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block{
        padding: 15px;
    }
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block .header{
        margin-bottom: 15px;
    }
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block .header svg{
        width: 25px;
        height: 25px;
        margin: 8px 15px 0px 10px;
    }
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-1 .block .header > span{
        font-size: 1.1rem;
    }
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-2{
        padding-top: 15px;
        padding-right: 12px;
    }
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-2 .block{
        padding: 15px 15px 0px 15px;
        border-top: 2px solid #3b90e3;
        border-left: 2px solid #3b90e3;
        border-right: 2px solid #3b90e3;
        border-bottom: none;
        border-radius: 5px 5px 0px 0px;
    }
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3{
        padding-left: 12px;
        padding-right: 12px;
    }
    .bg-sviz-s-nami .sviz-s-nami .container .row .sviz-s-nami-3 .block{
        padding: 15px;
        border-radius: 0px 0px 5px 5px;
        border-top: none;
        border-left: 2px solid #3b90e3;
        border-right: 2px solid #3b90e3;
        border-bottom: 2px solid #3b90e3;
    }
}



/*----------------------------------------bg-nashi-uslugi----------------------------------------*/

.bg-nashi-uslugi{
    
}

.bg-nashi-uslugi .nashi-uslugi{
    padding-top: 50px; 
}

.bg-nashi-uslugi .nashi-uslugi .container{
    max-width: 100%;
}

.bg-nashi-uslugi .nashi-uslugi .container .row > a{
    border: 1px solid #3b90e3;
    padding: 30px 15px 30px 15px;
    text-align: center;
}

.bg-nashi-uslugi .nashi-uslugi .container .row > a:hover{
    background: #eee;
}

.bg-nashi-uslugi .nashi-uslugi .container .row > a img{
    width: 80px;
    height: 80px;
    margin-bottom: 20px;
}

.bg-nashi-uslugi .nashi-uslugi .container .row > a h3{
    font-size: 1.3rem;
    color: #444;
}

/*MOBILE*/

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

@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){
    .bg-nashi-uslugi .nashi-uslugi .container .row > a{
        padding: 20px 15px 20px 15px;
        text-align: center;
    }
    .bg-nashi-uslugi .nashi-uslugi .container .row > a img{
        width: 50px;
        height: 50px;
        margin-bottom: 10px;
    }
    .bg-nashi-uslugi .nashi-uslugi .container .row > a h3{
        font-size: 1.1rem;
        color: #444;
    }
}



/*----------------------------------------bg-preimushestva----------------------------------------*/

.bg-preimushestva{
    background: #3b90e3;
    color: #fff;
}

.bg-preimushestva .preimushestva{
    background: url(/images/dent-5/bg-sovet-klientam.png) center center no-repeat fixed;
    background-size: 100% auto;
}

.bg-preimushestva .preimushestva .container .container-h2{
    text-align: left;
    font-size: 1.7rem;
    margin-bottom: 50px;
}

.bg-preimushestva .preimushestva .container .row > div svg{
    width: 90px;
    height: 90px;
    margin-bottom: 20px;
}

.bg-preimushestva .preimushestva .container .row > div h4{
    font-size: 1.2rem;
}

/*MOBILE*/

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

@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){
    .bg-preimushestva .preimushestva .container .row > div svg{
        width: 50px;
        height: 50px;
        margin-bottom: 20px;
        margin-right: 15px;
        float: left;
    }
}



/*----------------------------------------bg-otzivi-pacientov----------------------------------------*/

.bg-otzivi-pacientov{    
}

.bg-otzivi-pacientov .otzivi-pacientov{
    background: url(/images/dent-5/bg-chto-klienti-govoriat.png) center center no-repeat fixed;
    background-size: 100% auto;    
}

.bg-otzivi-pacientov .otzivi-pacientov .container .row .otzivi-pacientov-1{
    text-align: center;
}

.bg-otzivi-pacientov .otzivi-pacientov .container .row .otzivi-pacientov-1 .block{
    display: inline-block;
    width: 100%;
    max-width: 760px;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------bg-zapishites-k-vrahu----------------------------------------*/

.bg-zapishites-k-vrahu{
    
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container{
    max-width: 100%;
}

/*1*/

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-1{
    background: #eee;
    padding: 50px;    
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-1 .block form{
    padding: 20px !important;
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-1 .block form .form-h1{
    font-size: 2rem;    
    color: #000;
    text-align: left;
    margin-bottom: 60px;
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-1 .block form .form-h1 span{
    color: #3b90e3;
}

/*2*/

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-2{
    padding: 0px;
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-2 img{
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-2 .block{
    background: #3b90e3;
    padding: 20px;
    color: #fff;
    background:  url(/images/dent-5/bg-sviz-s-nami.png) #3b90e3;
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-2 .block > img{
    float: left;
    width: 65px;
    height: 65px;
    margin-top: -5px;
    margin-right: 20px;
}

.bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-2 .block .h4{
    font-size: 1.2rem;
    letter-spacing: -1px;
}

/*MOBILE*/

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

@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){
    .bg-zapishites-k-vrahu .zapishites-k-vrahu .container .row .zapishites-k-vrahu-2 .block > img{
        display: none;
    }
}



/*----------------------------------------bg-nashi-novosti----------------------------------------*/

.bg-nashi-novosti{
}

.bg-nashi-novosti .nashi-novosti{
    
}

.bg-nashi-novosti .nashi-novosti .container .row > a.all-news{
    display: block;
    width: 300px;
    margin: 20px auto 0px auto;
    background: #3b90e3;
    text-align: center;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
    color: #fff;
}

.bg-nashi-novosti .nashi-novosti .container .row .nashi-novosti-1 .newsflash .block-news{
    padding: 5px;
    display: block;
    float: left;
    width: 100%;
    max-width: calc(100%/4);
}

.bg-nashi-novosti .nashi-novosti .container .row .nashi-novosti-1 .newsflash .block{
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
}

.bg-nashi-novosti .nashi-novosti .container .row .nashi-novosti-1 .newsflash .block h4{
    margin-bottom: 10px;
    font-size: 1.1rem;
    min-height: 53px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.bg-nashi-novosti .nashi-novosti .container .row .nashi-novosti-1 .newsflash .block h4 a{
    
}

.bg-nashi-novosti .nashi-novosti .container .row .nashi-novosti-1 .newsflash .block img{
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.bg-nashi-novosti .nashi-novosti .container .row .nashi-novosti-1 .newsflash .block .readmore{
    display: block;
    width: 100%;
    margin-top: 20px;
    background: #3b90e3;
    text-align: center;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
    color: #fff;
}

/*MOBILE*/

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

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

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

@media only screen and (max-device-width: 767px){
    .bg-nashi-novosti .nashi-novosti .container .row .nashi-novosti-1 .newsflash .block-news{
        max-width: calc(100%/1);
    }
}

@media only screen and (max-device-width: 576px){
    .bg-nashi-novosti .nashi-novosti .container .row > a.all-news{
    display: block;
    width: 220px;
    margin: 20px auto 0px auto;
    background: #3b90e3;
    text-align: center;
    padding: 15px 10px 15px 10px;
    border-radius: 5px;
    color: #fff;
}
}



/*----------------------------------------bg-licenzii-galery----------------------------------------*/

.bg-licenzii-galery{
    background: #f6f6f6;
}

.bg-licenzii-galery .container .row div{
    text-align: center;
}

.bg-licenzii-galery .container .row div .lightgallery{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-align: center;
}

.bg-licenzii-galery .container .row div .lightgallery > a{
    width: calc(100%/6);
    display: block;
    float: left;
    padding: 5px;
    overflow: hidden;
    text-align: center;
}

.bg-licenzii-galery .container .row div .lightgallery > a img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 2px;	
    border: 1px solid #ffffff57;
}

.bg-licenzii-galery .container .row div .lightgallery > a img:hover{
    opacity: 0.8;
}

/*MOBILE*/

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

@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){
    .bg-licenzii-galery .container .row div .lightgallery > a{
        width: calc(100%/3);
    }
    .bg-licenzii-galery .container .row div .lightgallery > a img{
        height: 150px;
    }
}


/*----------------------------------------bg-text-seo-block----------------------------------------*/

.bg-text-seo-block{
}

.bg-text-seo-block .text-seo-block{
    padding-bottom: 60px;
}

.bg-text-seo-block h3,
.bg-text-seo-block h4{
    margin-bottom: 20px;
    border-left: 25px solid #3b90e3;
    padding-left: 10px;
}

/*MOBILE*/

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

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

@media only screen and (max-device-width: 992px){
    main.teplitsy .bg-text-seo-block .text-seo-block{
        background: none;
    }
}

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

@media only screen and (max-device-width: 576px){
    .bg-text-seo-block .text-seo-block{
        padding-bottom: 30px;
    }
    .bg-text-seo-block h3,
    .bg-text-seo-block h4{
        margin-bottom: 15px;
        font-size: 1.1rem;
    }
}



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

main{
    /*padding-top: 20px;*/
    /* padding-bottom: 60px; */
}

/*MOBILE*/

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

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

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

@media only screen and (max-device-width: 767px){
    main .container .row .main-left{
        order: 2;        
    }
    main .container .row .main-right{
        order: 1;
    }
}

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


/*----------------------------------------main main-left block-menu----------------------------------------*/

main .container .row .main-left .block-menu{
    display: block;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: 15px;
}

main .container .row .main-left .block-menu h6{
    background: #3b90e3;
    padding: 12px;
    margin: 0px;
    font-size: 1.1rem;
    text-align: center;
    color: #fff;
    /* text-shadow: 1px 1px 0px #000; */
}

main .container .row .main-left .block-menu > a{
    display: block;
    padding: 8px 8px 8px 15px;
    border-bottom: 1px solid #ddd;
    color: #555;
    text-shadow: 0px 0px 0px #555;    
}

main .container .row .main-left .block-menu > a:hover{
    background: #eee;
}

/*novosti*/

main .container .row .main-left .block-menu .newsflash .block-news{
    display: block;
    padding: 8px 8px 8px 15px;
    border-bottom: 1px solid #ddd;
    color: #555;
    text-shadow: 0px 0px 0px #555;    
}

main .container .row .main-left .block-menu .newsflash .block-news .block h4{
    line-height: 18px;
}

main .container .row .main-left .block-menu .newsflash .block-news .block h4 a{
    font-size: 1.1rem;    
}

main .container .row .main-left .block-menu .newsflash .block-news .block a.readmore{
    text-align: right;
    display: block;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------main other-pages o-kompanii----------------------------------------*/

main.o-kompanii{
}

main.o-kompanii .container .row .main-right h2,
main.o-kompanii .container .row .main-right h3{
    margin-bottom: 15px;
    border-left: 25px solid #3b90e3;
    padding-left: 10px;
    font-size: 1.5rem;
}

main.o-kompanii .container .row .main-right .row.o-kompanii img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

/*MOBILE*/

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

@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){
}


/*----------------------------------------main other-pages dokumenty----------------------------------------*/

main.dokumenty{
}

main.dokumenty .container .row .main-right a.download-doc{
    border: 1px solid #ccc;
    padding: 8px 15px 8px 15px;
    border-radius: 5px;
    margin: -7px 0px 0px 0px;
    display: inline-block;
    color: #000;
}

main.dokumenty .container .row .main-right a.download-doc:hover{
    border: 1px solid #aaa;
    color: #777;
}

main.dokumenty .container .row .main-right a.download-doc svg{
    color: #3b90e3;
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
    margin-right: 3px;
}

/*MOBILE*/

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

@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){
}


/*----------------------------------------main other-pages nash-kollektiv----------------------------------------*/

main.o-kompanii.nash-kollektiv{
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div{
    position: relative;
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    padding: 0px 5px 0px 5px;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block{
    border: 2px solid #3b90e3;
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 10px;
    height: 350px;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #fff;
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block:hover{    
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    overflow-y: auto;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block img{
    border-radius: 10px;
    margin-bottom: 15px;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block .h3{
    font-size: 1.3rem;
    color: #3b90e3;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block .h4{
    font-size: 1.1rem;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block .h5{
    font-size: 0.95rem;
    color: #074079;
    margin-bottom: 20px;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block .text{
    font-size: 0.9rem;
}

main.o-kompanii.nash-kollektiv .container .row .main-right .row > div .block .text svg{
    color: #074079;
    width: 20px;
    height: 20px;
    position: relative;
    top: -2px;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------main nashi-uslugi----------------------------------------*/

main.nashi-uslugi{
}

main.nashi-uslugi .container .row .main-right h2,
main.nashi-uslugi .container .row .main-right h3{
    margin-bottom: 15px;
    border-left: 25px solid #3b90e3;
    padding-left: 10px;
    font-size: 1.5rem;
}

main.nashi-uslugi .container .row .main-right .row.price{
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

main.nashi-uslugi .container .row .main-right .row.price > div{
    border: 1px solid #ddd;
    padding: 15px;
}

main.nashi-uslugi .container .row .main-right .row.price > div p{
    margin: 0px;
}

main.nashi-uslugi .container .row .main-right .row.price .price-2{
    text-align: center;
}

main.nashi-uslugi .container .row .main-right form#simpleForm2_277{
    background: #f7f7f7;
    padding: 28px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ddd;
}

main.nashi-uslugi .container .row .main-right form#simpleForm2_277 .sf2-form-group{
    margin: 0px;
}

/*MOBILE*/

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

@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){
}


/*----------------------------------------main prajs-list----------------------------------------*/

main.prajs-list{
}

main.prajs-list .container .row .main-right h2,
main.nprajs-list .container .row .main-right h3{
    margin-bottom: 15px;
    border-left: 25px solid #3b90e3;
    padding-left: 10px;
    font-size: 1.5rem;
}

main.prajs-list .container .row .main-right .row.price{
    border: 1px solid #ddd;
    margin-bottom: 20px;
}

main.prajs-list .container .row .main-right .row.price > div{
    border: 1px solid #ddd;
    padding: 15px;
}

main.prajs-list .container .row .main-right .row.price > div p{
    margin: 0px;
}

main.prajs-list .container .row .main-right .row.price .price-2{
    text-align: center;
}

main.prajs-list .container .row .main-right form#simpleForm2_277{
    background: #f7f7f7;
    padding: 28px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ddd;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------main other-pages otzyvy----------------------------------------*/

main.otzyvy{
}

main.otzyvy .container .row .main-right{
    
}

main.otzyvy .container .row .main-right .otziv{
    border: 1px solid #aaa;
    margin: 0px 0px 10px 0px;
    border-radius: 10px;
    padding: 15px;
}

main.otzyvy .container .row .main-right .name-otziv{
    font-weight: 500;
    margin-bottom: 10px;
}

main.otzyvy .container .row .main-right .date{
    color: #aaa;
    margin-bottom: 10px;
}

main.otzyvy .container .row .main-right .date svg{
    width: 18px;
    position: relative;
    top: -2px;
    color: #fdd641;
}

main.otzyvy .container .row .main-right .text-otziv{
    
}

main.otzyvy .container .row .main-right .ostavit-orziv{
    display: block;
    background: #f50000 !important;
    color: #fff;
    border: 2px solid #f50000 !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px;
    box-shadow: none !important; 
    text-shadow: none !important;
    border-radius: 5px !important;
    padding: 15px 10px 15px 10px !important;
    width: 330px;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s;
    margin: 30px auto;
}

main.otzyvy .container .row .main-right .ostavit-orziv:hover{
    background: #3B90E3 !important;
    border: 2px solid #3B90E3 !important;
    color: #eee;
    text-decoration: none;
    box-shadow: none;
    text-shadow: none;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------main other-pages novosti----------------------------------------*/

main.novosti{
    padding-bottom: 50px;
}

main.novosti .container .row > div > div .items-leading{
   /* display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;*/
}

main.novosti .container .row > div div[itemprop="blogPost"]{
    border: 1px solid #3b90e3;
    border-radius: 10px;
    padding: 20px 20px 45px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 15px;
    margin-right: 15px;
    /*flex: 0 47%;
    max-width: 47%;*/
    position: relative;
}

main.novosti .container .row > div div[itemprop="blogPost"] .page-header{
    padding: 0px;
    margin: 0px;
}

main.novosti .container .row > div div[itemprop="blogPost"] .page-header h2{
    padding: 0px 0px 10px 0px;
    margin: 0px;
    line-height: 30px;
    /*min-height: 75px;*/
    border-bottom: 1px solid #3b90e3;
}

main.novosti .container .row > div div[itemprop="blogPost"] .page-header h2 a{
    color: #3b90e3;
    font-size: 1.5rem;
    text-decoration: none;  
}

main.novosti .container .row > div div[itemprop="blogPost"] .page-header h2 a:hover{
    color: #c20040;
}

main.novosti .container .row > div div[itemprop="blogPost"] .article-info{
    text-align: right;
    padding: 10px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #3b90e3;
    font-size: 1rem;
}

main.novosti .container .row > div div[itemprop="blogPost"] img{
    width: 100%;
    height: 400px;
    object-fit: cover;    
}

main.novosti .container .row > div div[itemprop="blogPost"] p.readmore{	
    margin: 15px -20px -20px -20px !important;
    text-align: center;

    margin: 0px -20px 0px -20px !important;
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 0px;
}

main.novosti .container .row > div div[itemprop="blogPost"] p.readmore a{
    color: #fff;
    font-size: 18px;
    width: 100%;
    padding: 10px 0px 10px 0px !important;
    border-radius: 0px 0px 9px 9px;

    color: #fff;
    font-size: 18px;
    background: #3b90e3;
    width: 100%;
    padding: 10px 0px 10px 0px !important;
    border-radius: 0px 0px 9px 9px;
}

main.novosti .container .row > div div[itemprop="blogPost"] p.readmore a:hover{
    background: #f50000;
}

/*MOBILE*/

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

@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){
    main.novosti .container .row > div div[itemprop="blogPost"]{
        padding: 10px 10px 40px 10px;
    }
    main.novosti .container .row > div div[itemprop="blogPost"] .page-header h2{
        padding: 0px 0px 5px 0px;
        line-height: 20px;
        min-height: auto;
    }
    main.novosti .container .row > div div[itemprop="blogPost"] .page-header h2 a{
        font-size: 1.1rem;
    }
    main.novosti .container .row > div div[itemprop="blogPost"] .article-info{
        padding: 5px 5px 0px 5px;
        font-size: 0.85rem;
    }
    main.novosti .container .row > div div[itemprop="blogPost"] p.readmore{
        margin: 0px -10px 0px -10px !important;
    }
}




/*----------------------------------------main other-pages kontakty----------------------------------------*/

main.kontakty{
}

main.kontakty .container .row > div h4{
    color: #666;
    text-transform: uppercase;
    font-size: 1rem;
    margin-bottom: 15px;
}

main.kontakty .container .row > div p > svg{
    width: 20px;
    height: 20px;
    color: #3B90E3;
    margin-top: -4px;
    margin-right: 5px;
}

main.kontakty .container .row > div p a{
    font-size: 1.2rem;
}

main.kontakty .container .row > div > form{
    background: #fff;
    box-shadow: 0px 0px 10px #ddd;
    position: relative;
    margin: 0px !important;
    padding: 35px 25px 35px 25px;
    z-index: 5;
}

main.kontakty .container .row > div > form .form-h1{
    font-size: 1.35rem;
    color: #000;
}

main.kontakty .container .row > div > form .form-h1 strong{
    color: #f50000;
}

main.kontakty > div > div > #ya-map{
    position: relative;
    margin-top: -100px;
    border-top: 2px solid #ccc;
    min-height: 450px;
}

/*MOBILE*/

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

@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){
    main.kontakty .container .row > div > form .form-h1{
        font-size: 1.15rem;
    }
}



/*----------------------------------------bg-footer-top----------------------------------------*/

.bg-footer-top{
}

.bg-footer-top .footer-top{  
    /*padding-top: 15px;
    padding-bottom: 15px;*/
    text-align: center;
    background: #3b90e3;
    color: #fff;
}

.bg-footer-top .footer-top .container .row > div{
    padding-top: 30px;
    padding-bottom: 30px;
}

.bg-footer-top .footer-top .container .row .footer-top-1{
    /*border-left: 4px solid #ffffffb5;
    border-right: 4px solid #ffffffb5;*/
    background: url(/images/dent-5/footer-top-1.png) center center no-repeat;
    background-size: auto 140%;
}

.bg-footer-top .footer-top p{
    font-size: 1.3rem;
    font-weight: bold;
    text-shadow: 1px 1px 5px #000;	
    margin: 0px;
}

.bg-footer-top .footer-top p small{
    font-weight: 400;
    margin-right: 10px;
}

.bg-footer-top .footer-top p svg{
    background: #fff;
    color: #196aa4;
    padding: 5px;
    margin-right: 5px;
    border-radius: 15px;
    text-shadow: none;
    width: 30px;
    height: 30px;
    position: relative;
    top: -2px;
}

.bg-footer-top .footer-top p a{
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.bg-footer-top .footer-top p a:hover{
    color: #ddd;
}

/*MOBILE*/

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

@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){
    .bg-footer-top .footer-top .container .row > div{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .bg-footer-top .footer-top .container .row .footer-top-1{
        padding-bottom: 0px;
    }
    .bg-footer-top .footer-top .container .row .footer-top-3{
        display: none;
    }
}



/*----------------------------------------bg-footer----------------------------------------*/

.bg-footer{
    color: #000;
    background: url(/images/dent-5/bg-header-other-banner.jpg) center center no-repeat;
    background-size: 100% auto;
}

.bg-footer footer{
    background: rgb(255 255 255 / 80%);
    padding-top: 50px;
    padding-bottom: 50px;
    border-bottom: 2px solid #afafaf;
}

.bg-footer footer .container .row > div > h5{
    font-size: 1.1rem;
}

.bg-footer footer .container .row > div > hr{
    border: 1px solid #3b90e3;
    margin-left: 0px;
    width: 60%;
}

.bg-footer footer .container .row > div > ul{
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.bg-footer footer .container .row > div > ul li{

}

.bg-footer footer .container .row > div > ul li svg{
    width: 17px;
    height: 17px;
    margin-right: 0px;
    color: #3b90e3;
} 

.bg-footer footer .container .row > div > ul li a{
    color: #000;
    font-size: 1rem;
    text-decoration: none;
    text-shadow: 0px 0px 0px #000;
}

.bg-footer footer .container .row > div > ul li a:hover{
    color: #888;
}

/*1*/

.bg-footer footer .container .row .footer-1 ul li{
    display: block;
    float: left;
    width: calc(100%/2);
}

/*3*/

.bg-footer footer .container .row .footer-3 a.phone{
    margin-top: 15px;
    margin-bottom: 25px;
    display: block;
    color: #000;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 16px;
}

.bg-footer footer .container .row .footer-3 a.phone svg{
    background: #3b90e3;
    color: #fff;
    width: 30px;
    height: 30px;
    padding: 5px;
    border-radius: 200px;
    margin-right: 5px;
    float: left;
}

.bg-footer footer .container .row .footer-3 a.phone small{
    display: inline-block;
    color: #333;
    font-style: italic;
    width: 150px;
}

.bg-footer footer .container .row > div > .social-icon{
    display: block;
    width: 100%;    
}

.bg-footer footer .container .row > div > .social-icon a{
    display: block;
    margin-right: 5px;
    padding: 7px;
    color: #ffffff;
    width: 40px;
    height: 40px;
    float: left;
    background: #3b90e3;
    border-radius: 5px;
}

.bg-footer footer .container .row > div > .social-icon a:hover{
    opacity: 0.7;
}

/*MOBILE*/

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

@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){    
    .bg-footer{
        background: url(/images/avankor74/bg-footer.jpg) center center no-repeat;
        background-size: auto 100%;
    }
    .bg-footer footer{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .bg-footer footer .container .row > div{
        padding-top: 10px;
        padding-bottom: 10px;
    }    
    .bg-footer footer .container .row .footer-1 ul li{
        width: calc(100%/1);
    }
}



/*----------------------------------------bg-footer-bottom----------------------------------------*/

.bg-footer-bottom{
}

.bg-footer-bottom p{
    margin: 0px;
}

.bg-footer-bottom .footer-bottom{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 0.9rem;
}

/*1*/

.bg-footer-bottom .footer-bottom .container .row .footer-bottom-1{
    color: #444;
}

/*2*/

.bg-footer-bottom .footer-bottom .container .row .footer-bottom-2{    
    text-align: right;
    padding-top: 15px;
}

.bg-footer-bottom .footer-bottom .container .row .footer-bottom-2 img{
    width: 75px;
    margin: 5px;
}

/*3*/

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

.bg-footer-bottom .footer-bottom .container .row .footer-bottom-3 p{
    margin-bottom: 10px;
}

.bg-footer-bottom .footer-bottom .container .row .footer-bottom-3 a{    
}

/*MOBILE*/

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

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

@media only screen and (max-device-width: 992px){
    .bg-footer-bottom .footer-bottom .container .row .footer-bottom-1{
        text-align: center;
        padding-bottom: 20px;
    }
    .bg-footer-bottom .footer-bottom .container .row .footer-bottom-2{
        text-align: center;
    }
}

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

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
















































































/*----------------------------------------bg-catalog-tovari----------------------------------------*/

.bg-catalog-tovari{
    background: url(/images/avankor74/bg-catalog-tovari.jpg) center center no-repeat fixed;
    background-size: 100% auto;
}

.bg-catalog-tovari .catalog-tovari{
    background: rgb(255 255 255 / 80%);
}

.bg-catalog-tovari .catalog-tovari .container .bottom-h{
    max-width: 90%;
}

/*.row.produc*/

.bg-catalog-tovari .catalog-tovari .container .row.product{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ccc;
    padding-bottom: 110px;
}

/*1*/

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-1{
    padding-top: 60px;
}

/*2*/

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2{    
    padding: 30px 20px 20px 20px;    
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2 h3{
    font-size: 2rem;
    line-height: 25px;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2 h3 span{
    color: #f50000;
    font-size: 1.3rem;
    display: inline-block;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2 h3 small{
    font-size: 1rem;
    color: #222;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2 hr{
    border: 1px solid #f50000;
}

/*3*/

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 button{
    width: 280px;
    margin: 30px auto;
    display: block;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3{
    padding: 0px 50px 0px 50px;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 > .table-scroll{
    display: block;
    width: 100%;
    margin: 0px auto 0px auto;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 > .table-scroll table{
    border: 1px solid #787878;
    background: #fff5f5;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 > .table-scroll table p{
    margin: 0px;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 > .table-scroll table tr td{
    padding: 8px;
    text-align: center;
    border: 1px solid #999;
}

.bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 > .table-scroll table tr td strong{
    color: #000;
    font-size: 95%;
}

/*.row.foto-product*/

.bg-catalog-tovari .catalog-tovari .container .row.foto-product{
    padding-top: 0px;
    padding-bottom: 50px;
    position: relative;
    margin-top: -90px;
}

.bg-catalog-tovari .catalog-tovari .container .row.foto-product img{
    border-radius: 200px;
    border: 10px solid #fff;
    box-shadow: 0px 0px 10px #ccc;
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.bg-catalog-tovari .catalog-tovari .container .row.foto-product 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*/
}

.bg-catalog-tovari .catalog-tovari .container .row.foto-product img:hover{
-webkit-transform:scale(1.5); /*Webkit: uvelichivaem razmer do 1.2x*/
-moz-transform:scale(1.5); /*Mozilla: masshtabirovanie*/
-o-transform:scale(1.5); /*Opera: masshtabirovanie*/
opacity: 1;
}

/*.row.brus*/

.bg-catalog-tovari .catalog-tovari .container .row.video{
    margin-top: 10px;
    margin-bottom: 80px;
}

.bg-catalog-tovari .catalog-tovari .container .row.video > div{
    text-align: center;
}

.bg-catalog-tovari .catalog-tovari .container .row.video > div > h5{
    margin-bottom: 40px;
    font-size: 2rem;
    color: #f50000;
}

.bg-catalog-tovari .catalog-tovari .container .row.video > div > iframe{
    width: 100%;
    max-width: 800px;
}

/*.row.brus*/

.bg-catalog-tovari .catalog-tovari .container .row.brus{
    background: #3b90e3;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ccc;
    color: #fff;
    margin-top: 40px;
    margin-bottom: 80px;
}

.bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-4{
    padding: 15px 0px 0px 100px;
}

.bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-4 p{
    font-size: 1.4rem;
    margin: 0px;
}

.bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5{
    text-align: center;
    padding: 15px
}

.bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5 img{
    width: 100px;
} 

.bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5 img{
-webkit-transform:scale(2); /*Webkit: umen'shaem razmer do 0.8*/
-moz-transform:scale(2); /*Mozilla: masshtabirovanie*/
-o-transform:scale(2); /*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*/
}

.bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5 img:hover{
-webkit-transform:scale(4.05); /*Webkit: uvelichivaem razmer do 1.2x*/
-moz-transform:scale(4.05); /*Mozilla: masshtabirovanie*/
-o-transform:scale(4.05); /*Opera: masshtabirovanie*/
opacity: 1;
}

/*vos-i-remont-teplic*/

.bg-catalog-tovari .catalog-tovari .container #vos-i-remont-teplic.row.product{
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #ccc;
    padding-bottom: 10px;
}

/*MOBILE*/

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

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

@media only screen and (max-device-width: 992px){
    .bg-catalog-tovari{
        background: url(/images/avankor74/bg-catalog-tovari.jpg) center center no-repeat fixed;
        background-size: auto 100%;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 > .table-scroll{
        overflow-x: scroll;
    }
}

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

@media only screen and (max-device-width: 576px){
    .bg-catalog-tovari .catalog-tovari .container .bottom-h{
        max-width: 100%;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product{
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-1{
        padding-top: 10px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2 h3{
        font-size: 1.5rem;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2 h3 span{
        font-size: 1rem;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-2 > p{
        margin-bottom: 5px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3{
        padding: 0px 10px 0px 10px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.product .catalog-tovari-3 > .table-scroll table{
        min-width: 600px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.foto-product{
        display: none;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.foto-product > div{
        padding: 2px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.foto-product img{
        border: 1px solid #fff;
        height: 50px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.video{
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.video > div > h5{
        margin-bottom: 20px;
        font-size: 1.4rem;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.video > div > iframe{
        height: 350px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.brus{
        margin-top: 0px;
        margin-bottom: 20px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-4{
        padding: 15px 15px 15px 15px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-4 p{
        font-size: 1rem;
        margin: 0px;
    }
    .bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5{
        text-align: center;
        padding: 15px
    }
    .bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5 img{
        width: 200px;
    } 
    .bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5 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*/
    }
    .bg-catalog-tovari .catalog-tovari .container .row.brus .catalog-tovari-5 img:hover{
        -webkit-transform:scale(2.05); /*Webkit: uvelichivaem razmer do 1.2x*/
        -moz-transform:scale(2.05); /*Mozilla: masshtabirovanie*/
        -o-transform:scale(2.05); /*Opera: masshtabirovanie*/
        opacity: 1;
    }
}





















/*----------------------------------------bg-preimushchestvo----------------------------------------*/

.bg-preimushchestvo{
    
}

.bg-preimushchestvo .preimushchestvo{
    padding-top: 130px;
    background: #e5f1ff;
}

.bg-preimushchestvo .preimushchestvo .container .row > div{
    text-align: center;
}

.bg-preimushchestvo .preimushchestvo .container .row > div .block{
    border: 1px solid #ddd;
    padding: 20px;
    border-radius: 5px;
    background: #fff;
}

.bg-preimushchestvo .preimushchestvo .container .row .preimushchestvo-2 .block svg{
    background: #3b90e3;
    color: #fff;
}

.bg-preimushchestvo .preimushchestvo .container .row > div .block svg{
    width: 120px;
    height: 120px;
    margin-top: -80px;
    border: 1px solid #aaa;
    border-radius: 200px;
    padding: 20px;
    background: #fff;
    margin-bottom: 20px;
    color: #333;
}

.bg-preimushchestvo .preimushchestvo .container .row > div .block h3{
    color: #3b90e3;
    font-size: 1.4rem;
}

.bg-preimushchestvo .preimushchestvo .container .row > div .block hr{
    width: 50px;
    border: 2px solid #3b90e3;
    margin: 15px auto 30px auto;
}

.bg-preimushchestvo .preimushchestvo .container .row > div .block p{
    font-size: 1rem;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------bg-nasha-produktsiya----------------------------------------*/

.bg-nasha-produktsiya{
    
}

.bg-nasha-produktsiya .nasha-produktsiya .container .row > div{
    padding: 20px 20px 20px 20px;
}

.bg-nasha-produktsiya .nasha-produktsiya .container .row > div > .block{
    border: 1px solid #ddd;
    display: block;
    padding: 20px;
}

.bg-nasha-produktsiya .nasha-produktsiya .container .row > div > .block img{
    margin: 0px auto 20px auto;
    display: block;
    height: 350px;
    border-radius: 5px;
}

.bg-nasha-produktsiya .nasha-produktsiya .container .row > div > .block h2{
    text-align: center;
}

.bg-nasha-produktsiya .nasha-produktsiya .container .row > div > .block hr{
    width: 50px;
    border: 2px solid #000;
    margin: 15px auto 30px auto;
}

.bg-nasha-produktsiya .nasha-produktsiya .container .row > div > .block ul li,
.bg-nasha-produktsiya .nasha-produktsiya .container .row > div > .block p{
    color: #000;
}

.bg-nasha-produktsiya .nasha-produktsiya .container .row > div > .block span.sf2-callBtn{
    background: #3b90e3;
    display: block;
    text-align: center;
    padding: 15px;
    color: #fff;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------bg-pochemu-my----------------------------------------*/

.bg-pochemu-my{
    background: #e5f1ff;
}

/*1*/

.bg-pochemu-my .pochemu-my .container .row .pochemu-my-1{
    text-align: center;
    font-size: 3rem;
}

.bg-pochemu-my .pochemu-my .container .row .pochemu-my-1 h4{
    font-size: 2rem;
    margin: 0px;
    z-index: 2;
    position: relative;
    font-weight: bold;
}

.bg-pochemu-my .pochemu-my .container .row .pochemu-my-1 h4 span{
    text-transform: uppercase;
    line-height: 66px;
}

.bg-pochemu-my .pochemu-my .container .row .pochemu-my-1 svg{
    width: 300px;
    height: 300px;
    position: relative;
    margin-top: -100px;
    color: #3b90e359;
    z-index: 1;
}

/*2*/

.bg-pochemu-my .pochemu-my .container .row .pochemu-my-2{
    font-size: 1.6rem;
    line-height: 50px;
}

/*MOBILE*/

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

@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){
}




/*----------------------------------------bg-shema-raboti----------------------------------------*/

.bg-shema-raboti{
    background: #3b90e3;
    color: #fff;
}

.bg-shema-raboti .shema-raboti .container .row > div{
    text-align: center;
    position: relative;
    font-size: 1.3rem;
    margin-top: 20px;
}

.bg-shema-raboti .shema-raboti .container .row > div > span{
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    padding: 6px 15px 6px 15px;
    border: 2px solid #ddd;
    font-weight: bold;
    border-radius: 200px;
    color: #fff;
}

.bg-shema-raboti .shema-raboti .container .row > div > .svg{
    width: 150px;
    height: 150px;
    margin: 20px auto;
    border-radius: 200px;
    border: 3px solid #aaa;
    padding: 30px 20px 20px 20px;
    background: #fff;
    color: #3b90e3;
    
}

.bg-shema-raboti .shema-raboti .container .row > div > .svg svg{
    width: 80px;
    height: 80px;
}

/*MOBILE*/

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

@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){
    .bg-shema-raboti .shema-raboti .container .row > div > span{
        left: 50px;
    }
}




/*----------------------------------------bg-nashi-raboty----------------------------------------*/

.bg-nashi-raboty{
}

.bg-nashi-raboty .nashi-raboty .container .container-h2{
    margin: 0px auto 10px auto;
}

.bg-nashi-raboty .nashi-raboty .container .bottom-h{
    margin-bottom: 20px;
}

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

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

.bg-nashi-raboty .container .row .nashi-raboty-1 .lightgallery > a img{
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 2px;	
    border: 1px solid #ffffff57;
}

.bg-nashi-raboty .container .row .nashi-raboty-1 .lightgallery > a img:hover{
    opacity: 0.8;
}

/*MOBILE*/

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

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

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

@media only screen and (max-device-width: 767px){
    .bg-nashi-raboty .container .row .nashi-raboty-1 .lightgallery > a{
        width: calc(100%/2);
    }
}

@media only screen and (max-device-width: 576px){
    .bg-nashi-raboty .container .row .nashi-raboty-1 .lightgallery > a img{
        height: 150px;
    }
}

































.bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1 span.a{    
}

/*2*/

.bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-2{
    padding-bottom: 20px;
}

.bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-2 img{
    border-radius: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    transition: .3s;
    position: relative;
    object-fit: cover;
    height: 200px;
}

/*MOBILE*/

@media only screen and (max-device-width: 1400px){
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1 h3{
        font-size: 1.5rem;
    }
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1 span.price{
        margin-top: 15px;
        margin-bottom: 15px;
     }
}

@media only screen and (max-device-width: 1200px){
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1 h3{
        font-size: 1.3rem;
    }
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1 span.price{
        margin-top: 10px;
        margin-bottom: 10px;
     }    
}

@media only screen and (max-device-width: 992px){
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1{
        order: 2
    }
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-2{
        order: 1;
        padding-bottom: 15px;
    }
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-2 img{
        width: 100%;
        border-radius: 10px;
        object-fit: cover;
        height: 120px;
     }
}

@media only screen and (max-device-width: 767px){
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1 h3{
        font-size: 1.2rem;
    }
    
}

@media only screen and (max-device-width: 576px){
    .bg-price-stiral .price-stiral .container .row > a{
        padding: 0px;    
    }
    .bg-price-stiral .price-stiral .container .row > a > .row{
        padding: 10px 10px 0px 10px;
    }
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1{
        text-align: center;
    }
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-1 span.a{
        max-width: 100%;
        display: none;
    }
    .bg-price-stiral .price-stiral .container .row > a > .row .price-stiral-1-2{
        display: none;
    }
}



/*----------------------------------------bg-price-form----------------------------------------*/

.bg-price-form{
    background: #166edc;
    color: #fff;
}

.bg-price-form .price-form{
    padding-top: 50px;
    padding-bottom: 40px;
}

.bg-price-form .price-form .h-name-block{
    margin-bottom: 15px;
}

.bg-price-form .price-form .p-name-block{
    margin-bottom: 15px;
}

.bg-price-form .price-form .container .row .price-form-1{
   
}

.bg-price-form .price-form .container .row .price-form-1 .form-simple-form2 .sf2-form-label-wrap label,
.bg-price-form .price-form .container .row .price-form-1 .form-simple-form2 .sf2-form-group.politic .sf2-checkboxes label{
    color: #fff !important;
}

.bg-price-form .price-form .container .row .price-form-1 .form-simple-form2-final{
    max-width: 100%;
    color: #fff;
}

.bg-price-form .price-form .container .row .price-form-1 .form-simple-form2-final p{
    font-size: 1.1rem !important;
}

/*MOBILE*/

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

@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){
}






/*----------------------------------------bg-otvet-vopros----------------------------------------*/

.bg-otvet-vopros .otvet-vopros{
    background: url(/images/remont-stiral/bg-otvet-vopros.png) center bottom no-repeat fixed;
    background-size: 100% auto;       
}

.bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-1{
    padding-left: 100px;
    padding-right: 100px;
    padding-bottom: 0px;
}

.bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-1 div.li > span{
    display: inline-block;
    background: #ff7f0f;
    color: #fff;
    padding: 5px;
    font-weight: bold;
    border-radius: 3px 10px 3px 10px;
    margin-left: -28px;
    position: relative;
    top: -3px;
}

.bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-1 div.li > h5{
    margin-top: -30px;
}

.bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-1 div.li p.text{
    font-size: 1.1rem;
    line-height: 20px;
}

/*MOBILE*/

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

@media only screen and (max-device-width: 1200px){
    .bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-2{
        text-align: left;
    }
    .bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-2 img{
        height: 500px;
        bottom: 10px;
        left: 60px;
     }     
}

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

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

@media only screen and (max-device-width: 576px){
    .bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-1{
        padding-left: 45px;
        padding-right: 15px;
    }
    .bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-1 div.li > h5{
        font-size: 1.1rem;
    }
    .bg-otvet-vopros .otvet-vopros .container .row .otvet-vopros-1 div.li p.text{
        font-size: 1rem;
    }
}





/*----------------------------------------.bg-etap-rabot----------------------------------------*/

.bg-etap-rabot{
    /* background: #eee; */
}

.bg-etap-rabot .etap-rabot{

}

.bg-etap-rabot .etap-rabot p{
    margin: 0px 0px 8px 0px;
}

/*1*/

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-1{
    padding: 30px 15px 30px 15px;
    background: #e5f1ff;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-1 h4{
    margin-bottom: 20px;
    text-align: center;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-1 .row .div-1{
    text-align: center;
    padding-top: 10px;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-1 .row .div-1 svg{
    width: 30px;
    height: 30px;
    color: #166edc;
}

/*2*/

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2{    
    
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2 > .row-1{
    height: 70%;
    padding-top: 20px;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2 > .row-1 .div-1{

}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2 > .row-1 .div-1 h4{
    margin-bottom: 20px;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2 > .row-1 .div-1 .row{
    font-size: 1.1rem;
    line-height: 35px;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2 > .row-2{
    height: 30%;
    background: #166edc;
    color: #fff;
    padding: 10px;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2 > .row-2 .div-2{
    padding-top: 26px;
}

.bg-etap-rabot .etap-rabot .container-fluid .row .etap-rabot-2 > .row-2 .div-3{
    padding-top: 27px;
}

/*MOBILE*/

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

@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){
}







/*----------------------------------------bg-chto-klienti-govoriat----------------------------------------*/

.bg-chto-klienti-govoriat .chto-klienti-govoriat{
    background: url(/images/remont-stiral/bg-chto-klienti-govoriat.png) center bottom no-repeat;
    background-size: auto 100%;    
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row > div{
}

/*2*/

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2{
    
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 .autor{
    background: #ffffff;
    color: #fff;    
    display: inline-block;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;  
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 .autor svg{
    float: left;
    width: 30px;
    height: 30px;
    margin: 14px 0px 0px 10px;
    color: #c6d8ef;
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 .autor img{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    float: left;
    margin: 8px 15px 8px 15px;
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 .autor h6{
    margin-top: 18px;
    float: left;
    color: #003476;
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 .autor .time{
    float: left;
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 p.text{
    background: #ffffff;
    border-radius: 0px 0px 5px 5px;
    padding: 15px;
    float: left;
    margin-top: -5px;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 span.time{
    display: block;
    text-align: right;
    font-size: 0.9rem;
    font-weight: 400;
    color: #555;   
    margin-top: 19px;
    margin-left: 20px;
}

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container .row .chto-klienti-govoriat-2 span.time svg{
    color: #0e62b3;
}

/**/

.bg-chto-klienti-govoriat .chto-klienti-govoriat .container > button{
    max-width: 250px;
    margin: 20px auto 0 auto;
    display: block;
}

/*MOBILE*/

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

@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){
}



/*----------------------------------------bg-gallery-block----------------------------------------*/

.bg-gallery-block{
    background: #e5f1ff;
}

.bg-gallery-block .gallery-block{    
}
 
.bg-gallery-block .gallery-block .container .row .gallery-block-1{

}

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

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

.bg-gallery-block .gallery-block .container .row .gallery-block-1 .lightgallery > a img{
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 2px;	
    border: 1px solid #ffffff57;
}

.bg-gallery-block .gallery-block .container .row .gallery-block-1 .lightgallery > a img:hover{
    opacity: 0.8;
}

/*MOBILE*/

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

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

@media only screen and (max-device-width: 992px){
    .bg-gallery-block .gallery-block .container .row .gallery-block-1 .lightgallery > a img{
        height: 150px;
    }
}

@media only screen and (max-device-width: 767px){
    .bg-gallery-block .gallery-block .container .row .gallery-block-1 .lightgallery > a img{
        height: 100px;
    }
}

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




/*----------------------------------------bg-ostalis-voprosi----------------------------------------*/

.bg-ostalis-voprosi{
    background: #166edc;
    color: #fff;
    text-align: center;
}

.bg-ostalis-voprosi .ostalis-voprosi{
    padding-top: 30px;
    padding-bottom: 30px;
}

.bg-ostalis-voprosi .ostalis-voprosi .h-name-block{
    text-shadow: 1px 0px 1px #000;
    margin-bottom: 15px;
}

.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 p{
    font-size: 1.2rem;
    margin-bottom: 20px;
}

.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 p a{
    color: #fff;
    border-bottom: 1px dashed #a9d4ff;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
    color: #ffffff;
}

.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 p a[href="tel:+79525150388"]{
    text-shadow: 0px 0px 0px #000;
    display: inline-block;
}

.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 p a:hover{
    color: #ddd;
    border-bottom: 1px solid #ffffff;
}

.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 form .sf2-form-group,
.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 form .sf2-form-group .sf2-form-element-wrap{
    margin: 0px !important;
}

.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 form .sf2-form-group input,
.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 form .sf2-form-group button{
    height: 52px;
}

.bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 .form-simple-form2 .sf2-form-group.politic .sf2-checkboxes label{
    color: #fff;
}

/*MOBILE*/

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

@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){
    .bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 p{
        font-size: 1.1rem;
    }
    .bg-ostalis-voprosi .ostalis-voprosi .container .row .ostalis-voprosi-1 form .sf2-form-group input{
        margin-bottom: 10px;
        height: 45px;
    }
}







/*----------------------------------------form-display-none----------------------------------------*/

.form-display-none{
    display: none;
}



/*----------------------------------------.modal-politic----------------------------------------*/

.modal-politic .modal-dialog .modal-content{
    background: #fff;
    border: 2px solid #fff;
    text-align: left;
}

.modal-politic .modal-dialog .modal-content .modal-header{
    background: #0e62b3;
    color: #fff;
}

.modal-politic .modal-dialog .modal-content .modal-header .close span{
    color: #fff;
}

.modal-politic .modal-dialog .modal-content .modal-footer{
    background: #e5f1ff;
}

.modal-politic .modal-dialog .modal-content .modal-footer button{
    display: inline-block !important;
    width: auto;
    margin-right: 10px;
    border-color: #0e62b3 !important;
    color: #0e62b3 !important;    
    background: #00000012;
    padding: 12px 18px !important;
    background: none !important;
    font-weight: 500 !important;
    border: 2px solid #0e62b3 !important;
    font-size: 0.9rem !important;
    text-transform: uppercase;
    box-shadow: none !important;
    border-radius: 50px !important;
    font-weight: 800 !important
}

.modal-politic .modal-dialog .modal-content .modal-footer button:hover{
    border-color: #62bc15 !important;
    color: #49900c !important; 
    background: #00000042;
}




/*----------------------------------------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: 50px;
}

@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);	*/
}


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

#ouibounce-modal{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:  1000;
}

#ouibounce-modal .underlay{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:rgba(0,0,0,.5);
    cursor:pointer;
    -webkit-animation:fadein .5s;
    animation:fadein .5s
}

#ouibounce-modal .modal{
    width: 100%;
    max-width: 400px;
    height: 500px;
    background-color:#f2f8ff;
    z-index:1;
    position:absolute;
    margin:auto;
    top:0;
    right:0;
    bottom:0;
    left:0;
    border-radius: 4px;
    -webkit-animation:popin .3s;
    animation:popin .3s;
    display: block;
}

#ouibounce-modal .modal-title{
    color:#fff;
    padding: 20px 10px 12px 10px;
    margin: 0;
    border-radius: 4px 4px 0 0;
    text-align:center;
    background: #0e62b3;
}

#ouibounce-modal .modal-title h6{
    font-size: 1.1rem;
}

#ouibounce-modal h4{
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    text-shadow: 0px 0px 1px #000;
    margin: 0px;
}

#ouibounce-modal .modal-body{
    padding: 20px 35px;
    font-size: 1rem;
    text-align: center;
}

#ouibounce-modal p{
    color:#000;
}

#ouibounce-modal .modal-body form{
    width: 100%;
    text-align: left;
}

#ouibounce-modal .modal-body label{
    text-align: left;
}

#ouibounce-modal .modal-body input{
    width: 100%;
}

#ouibounce-modal .modal-body input[type="submit"]{
    background: #333;
    display: inline-block;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    padding: 12px 25px 12px 25px;
    border-radius: 20px;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0px 0px 0px #000;
    border: 1px solid #000;
}

#ouibounce-modal .modal-body p.checkbox-simple label{
    font-size: 15px;
    display: inline-block;
}

#ouibounce-modal .modal-body p.checkbox-simple input[type="checkbox"]{
    display: inline-block;
    width: auto;
}


#ouibounce-modal .modal-footer{
    position:absolute;
    bottom: 7px;
    text-align: right;
    width:100%;
}

#ouibounce-modal .modal-footer p{
    text-transform:capitalize;
    cursor:pointer;
    display:inline;
    border-bottom:1px solid #344a5f;
    margin: 0px;
}

@-webkit-keyframes fadein{0%{opacity:0}100%{opacity:1}}

@-ms-keyframes fadein{0%{opacity:0}100%{opacity:1}}

@keyframes fadein{0%{opacity:0}100%{opacity:1}}

@-webkit-keyframes popin{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}

@-ms-keyframes popin{0%{-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-ms-transform:scale(1);transform:scale(1);opacity:1}}

@keyframes popin{0%{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0}85%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);opacity:1}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}}




/*----------------------------------------schema-org----------------------------------------*/

.schema-org{
    display: none;
}





/*----------------------------------------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){
    
}






/* ----------------------------- 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: #0a58ca;
    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: #3b90e3;
    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: #0a58ca;
    border: none;
    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;*/
    }    
}