@font-face {
    font-family: 'Lato Black';
    src: url('../fonts/Lato-Black.ttf') ;
}
@font-face {
    font-family: 'Lato Black Italic';
    src: url('../fonts/Lato-BlackItalic.ttf');
}
@font-face {
    font-family: 'Lato Black Bold';
    src: url('../fonts/Lato-Bold.ttf');
}

@font-face {
    font-family: 'Lato Black Bold Italic';
    src: url('../fonts/Lato-BoldItalic.ttf');
}
@font-face {
    font-family: 'Lato Hairline';
    src: url('../fonts/Lato-Hairline.ttf');
}
@font-face {
    font-family: 'Lato Hairline Italic';
    src: url('../fonts/Lato-HairlineItalic.ttf');
}
@font-face {
    font-family: 'Lato Heavy';
    src: url('../fonts/Lato-Heavy.ttf');
}
@font-face {
    font-family: 'Lato Heavy Italic';
    src: url('../fonts/Lato-HeavyItalic.ttf');
}

@font-face {
    font-family: 'Lato Italic';
    src: url('../fonts/Lato-Italic.ttf');
}
@font-face {
    font-family: 'Lato Light';
    src: url('../fonts/Lato-Light.ttf');
}
@font-face {
    font-family: 'Lato LightItalic';
    src: url('../fonts/Lato-LightItalic.ttf');
}
@font-face {
    font-family: 'Lato Medium';
    src: url('../fonts/Lato-Medium.ttf');
}
@font-face {
    font-family: 'Lato MediumItalic';
    src: url('../fonts/Lato-MediumItalic.ttf');
}
@font-face {
    font-family: 'Lato Regular';
    src: url('../fonts/Lato-Regular.ttf');
}
@font-face {
    font-family: 'Lato Semibold';
    src: url('../fonts/Lato-Semibold.ttf');
}

@font-face {
    font-family: 'Lato Semibold Italic';
    src: url('../fonts/Lato-SemiboldItalic.ttf');
}

@font-face {
    font-family: 'Lato Thin';
    src: url('../fonts/Lato-Thin.ttf');
}
@font-face {
    font-family: 'Lato Thin Italic';
    src: url('../fonts/Lato-ThinItalic.ttf');
}

@font-face {
    font-family: 'Open Sans Semibold';
    src: url('../fonts/OpenSans_Semibold.ttf');
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans.ttf');
}

body{
    overflow-x: hidden;
}
h1{
    font-family: 'Lato Black';
    font-size: 3em;
    line-height:1;
}
.mainTitle{
    font-size:2.6em;
    font-family: 'Lato Light';
    text-align: center;
    padding-top:70px;
    display:block;
}
.sprite{
    background: url('../img/css_sprites.png') no-repeat center;
}
.color-blue{
    color:#0053b0
}
button,
a,
input[type='submit']{
    cursor: pointer;
}
button:focus,
a:focus,
input:focus,
textarea:focus{
    outline:none
}
ul.navbar-nav li.nav-item a.nav-link{

    font-family:'Lato Regular';
    color:#fff;
    text-transform: uppercase;
    font-size: 0.9em;
    display: block;
    padding: 0.7em 1.1em;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 30px;
}
ul.navbar-nav li.nav-item a.nav-link:hover{
    color:#fff;
    border: 1px solid #fff;

}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color:#fff;
}

::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
:-moz-placeholder           {color:#fff;}/* Firefox 18- */
:-ms-input-placeholder      {color:#fff;}

.modalFormBtn{
    background: #f4004b;
    border: none;
    border-radius: 30px;
    color:#fff;
    font-family: 'Lato Black Bold';
    padding: 0.7em 1.1em;
    margin-left: 1em;
    font-size: 0.9em;
}
.modalFormBtn:hover
{
    -webkit-box-shadow: 0px 0px 73px 0px rgba(255, 255, 255, 1);
    -moz-box-shadow:    0px 0px 73px 0px rgba(255, 255, 255, 1);
    box-shadow:         0px 0px 73px 0px rgba(255, 255, 255, 1);
}
.dropdown-menu{
    top: 20px;
    font-family:'Lato Regular';
    color:#fff;
    text-transform: uppercase;
    font-size: 0.8em;
}
.inline-block{
    display:inline-block;
}
.dropdown-menu a:hover{
    background: none;
    color:#0053b0;
}


.header{
    background: #0053b0;
    height: 75px;
    padding-top: 0.5em;
    width: 100%;
}
.relative{
    position: relative;
}
.right__block{
    position: absolute;
    right: 0;
    top:0;
}
.right__block .right__block__phone{
    font-family:'Lato Black';
    color:#fff;
    text-transform: uppercase;
    font-size: 1em;
    margin-top: 1em;
    display: inline-block;
}
.content{
    background: #f5f9fd;
}
.content__main-page{
    position: relative;
    background: none;
    max-width: 100%;
    min-height: 770px;
    overflow: hidden;
    padding-bottom: 3em;
}
.content__main-page::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url('../img/css_sprites.png') no-repeat;
    background-position: -10px -10px;
    filter: blur(5px);
    transform: scale(1.05);
    z-index: 0;
}
.content__main-page > .container{
    position: relative;
    z-index: 2;
}
.content__main-page__block{
    margin-top: 3em;
    text-align: center;
    float: right;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.25);
    border: 2px solid #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.7);
    border-radius: 30px;
    padding: 2em 1.5em;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(50px);
}
.content__main-page__block .logo{
    width: 100%;
}
.content__main-page__block .logo img{
    max-width: 350px;
    width: 100%;
    height: auto;
}
.content__main-page__block h1{
    margin-bottom: 0.7em;
 }
.content__main-page__block .numbers{
    font-size: 1.3em;
    font-family: "Lato Black Bold";


}

.content__main-page__form{
    float: right;
    min-height: 572px;
    margin-top: 5em;
    width: 478px;
    background: rgba(255,255,255,0.5);
    border: 1px solid rgba(0,0,0,0.4);
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
    padding-bottom: 1em;
    outline: 15px solid rgba(255,255,255,0.5);
    outline-offset: -16px

}
.content__main-page__form .main_form{
    background: #0148b0 url('../img/css_sprites.png') no-repeat;
    background-position: -10px -1331px;
    height: 100%;
    max-width: 100%;
    text-align: center;
    padding-top: 2em;
    padding-bottom: 1.5em;
}
.content__main-page__form  .main__form__title-form{
    color:#fff;
    line-height: 1.3;
    font-size:1.5em;
    font-family: "Lato Black";
    text-transform: uppercase;
}
.content__main-page__form .main__form__form-info{
    color:#fff;
    font-family: "Lato Regular";
}
 .main__form__textarea
{
    background: rgba(84,149,245, 0.4);
    border-radius: 10px;
    resize: none;
    color:#fff;
    font-size: 0.9em;
    padding-left: 1em ;
    padding-top: 1em;
    margin-bottom: 1em;
    border:1px solid rgba(255,255,255, 0.6);
    font-family: "Open Sans";

}

 .main__form__input-text{
    background: rgba(84,149,245, 0.4);
    border:1px solid rgba(255,255,255, 0.6);
    padding-left: 1em;
    border-radius: 7px;
    padding-bottom: 0.8em;
    padding-top: 0.5em;
    font-size: 0.9em;
    font-family: "Open Sans";
    width:190px;
    color:#fff;
    margin-right: 0.3em;
    margin-left: 0.3em;

}
#mainForm_form_result{
    height:1px;
    margin-top:0.3em;
}
 .main__form__input-submit
{
    margin-top:0.4em;
    padding:0.7em 3em;
    font-size: 1.1em;
    font-family: 'Lato Regular';
    font-weight: 100;
    text-transform: uppercase;
    margin-left: 0em;
}
.content__advantages{
    text-align: center;
    padding-top: 1em;
    border-bottom: 2px solid #dfe2e4;
    width: 100%;
}

 hr{
    color:#0053b1;
    width: 70px;
    border:1px solid #62aae6;
     margin-bottom: 2em;
}

.content__advantages .nav-link.active{
    background: #0053b1;
    border-radius:0px;
    box-shadow: none;
    margin-top: -0.7em;
    padding-bottom: 1.2em;
    padding-top: 1.2em;
}
.content__advantages .tab-content{
    text-align: left;
}
.content__advantages .nav-link
{
    border-radius:0px
}
.content__advantages .nav-link{
    color:#0053b1;
    background: #fff;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    margin-right: 0.2em;
    padding: 0.8em 4.4em;
    font-family: 'Open Sans';
}
.content__advantages .tab-pane p{
    font-family: 'Open Sans';
    font-size: 0.9em;
    color:#000
}

.content__advantages  img{
    max-width: 100%;
    max-height: 100%;
    border: 12px solid #ecf2f5;
}
.content__advantages .tabs{
    position: relative;
    margin-top: 4em;
}
.content__advantages .tab-content{
    background: #fff;
    width: 100%;
    height: 100%;
    padding-top: 2em;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    position: relative;
    padding-left: 2em;
    top: -1.1em;
    border-bottom: 3px solid #4191eb;
}
.content__advantages__services{
    margin-top: 5em;
    text-align: center;
}
.content__advantages__services .border-item
{
    border-left: 1px solid #dfe2e4;
    border-right: 1px solid #dfe2e4;
    padding-right: 1em;
    padding-left: 1em;
}
.content__advantages__services .item:first-child .border-item{
    border-left: none;
}
.content__advantages__services .col-lg-3:last-child .item .border-item{
    border-right: none;
}

.content__advantages__services{
    padding-bottom: 4em;
}
.content__advantages__services .item{
    margin: auto;
}
.content__advantages__services .item a{
    font-family: 'Lato Black';
    line-height: 17px;
    font-size: 1.1em;
    width: 59%;
    margin: auto;

}
.content__advantages__services .item a:hover{
    text-decoration: underline;
    color: #d50041;
    cursor: pointer;

}
.content__advantages__services .icon{
    width: 100px;
    height: 111px;
    margin: auto;

}

.content__advantages__services .icon-1{

    background-position: -904px -811px;

}
.content__advantages__services .icon-2{
    background-position: -1136px -811px;
}
.content__advantages__services .icon-3{
    background-position: -1024px -811px;
}
.content__advantages__services .icon-4{
    background-position: -1253px -811px;
}

.content__price{
    width: 100%;
    background: #fff;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 4em;
    border-bottom: 2px solid #dfe2e4;
    margin-bottom: 5em;
}
.content__price .card-header{
    background: #f5f9fd;
    height: 130px;
    text-transform: uppercase;
    padding-top: 2em;
    border: none;
}
.content__price #accordion{
    -webkit-box-shadow: 0px 15px 20px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 15px 20px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 15px 20px 0px rgba(50, 50, 50, 0.2);
    font-family: 'Lato Regular';
}
.content__price #accordion .card{
    border-bottom: 1px solid rgba(0,0,0,.125);
    border-radius: 0px;
}

.content__price #accordion .card-header .number{
    width:68px;
    height: 68px;
    padding-top: 0.5em;
    border-radius: 90px;
    background:#fff;
    -webkit-box-shadow: 0px 15px 20px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 15px 20px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 3px 3px 10px 0px rgba(50, 50, 50, 0.1);
    font-size: 1.9em;
    margin-left: 0.5em;
    float: left;
    display: block;
    margin-right: 0.5em;
    text-align: center;

}

.content__price #accordion .card-header .number .number-span
{
    width: 17px;
    height: 27px;
    display: inline-block;
    margin: auto;
}
.content__price #accordion .card-header .number .one{
    background-position: -1112px -935px;
}
.content__price #accordion .card-header .number .two{
    background-position:  -1077px -935px;
}
.content__price #accordion .card-header .number .three{
    background-position: -1902px -864px;
}
.content__price #accordion .card-header .number .four{
    background-position: -1904px -811px;
}
.content__price #accordion .card-header .number .five{
    background-position:  -1867px -864px;
}
.content__price #accordion .card-header .number .six{
    background-position:  -1832px -864px;
}
.content__price #accordion .card-header .number .seven{
    background-position:  -1042px -935px;
}
.content__price #accordion .card-header .number .eight{
    background-position:   -1797px -864px;
}
.content__price #accordion .card-header .number .nine{
    background-position: -1007px -935px;
}
.content__price #accordion .card-header .number .ten{
    background-position:  -1745px -864px;
}


.content__price #accordion .card-header .step{
    font-size: 1.3em;
    display: block;
    margin-top: 1em;
}
.content__price #accordion .card-header .title-card{
    font-size: 1.6em;
    text-align: left;
    margin-top: 0.6em;
}
.content__price #accordion .card-header .btn-toggle{
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin-top: 0.6em;
    margin-right: 1em;
}
.content__price #accordion .card-header .btn-toggle.inactive{
    background-position: -1745px -811px;
}
.content__price #accordion .card-header .btn-toggle.inactive:hover{
    background-position: -1851px -811px;
}
.content__price #accordion .card-header .btn-toggle.active{
    background-position: -1798px -811px;
}
.content__price #accordion .card-header .btn-toggle.active:hover{
    background-position: -904px -935px;
}

.bg-active{
    background: #0053b0;
    color:#fff;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    transition: 1s
}
.card-body{
    padding-top: 0em;
}
.card-body .left-block{
    text-align: left;
    float: right;
}
.card-body .right-block{
    text-align: left;
    float:left;
}
.card-body__input{
    background: rgba(84,149,245, 0.4);
    border: 1px solid rgba(255,255,255, 0.6);
    padding: 1.3em 2em;
    border-radius: 7px;
    font-size: 0.9em;
    width: 310px;
    font-family: "Open Sans";
    color: #fff;
    margin-right: 0.3em;
    margin-left: 0.3em;
}
.left-block input[type=radio],
.right-block input[type=radio]{
    visibility: hidden;
    position: absolute;
   
}
.left-block label,
.right-block label{
    position: relative;
    padding-left: 1em;
   
}
.left-block label[for=radio_1],
.right-block label[for=radio_2]
{
     cursor: pointer;
}
.left-block .check,
.right-block .check{
    width:15px;
    height:15px;
    background: transparent;
    display: block;
    position: absolute;
    border: 2px solid #fff;
    border-radius: 90px;
    top:4px;
    left: -12px;
   
}
.left-block .check .checked,
.right-block .check .checked{
    width: 7px;
    height: 7px;
    background: #d50041;
    display: block;
    border-radius: 90px;
    margin:0.09em auto;
    display: none;
}

.content__shipping,
.content__contacts{
    text-align: center;
    padding-top: 1em;
    padding-bottom: 4em;
    border-bottom: 2px solid #dfe2e4;
    margin-bottom: 5em;
}
.content__shipping .seo-desctiption{
    font-size: 1.2em;

}
.content__shipping .content__shipping__slogan{
    text-align: left;
    margin-top: 2em;
}
.content__shipping .content__shipping__slogan .image{
        width: 70px;
        height: 61px;
        float: left;
        margin-left: 2em;

}
.content__shipping .content__shipping__slogan .center{
    margin: auto;
    width: 278px;
    height: 71px;
}
.content__shipping .content__shipping__slogan .text{
    font-family: 'Open Sans';
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 0.2em;
    font-size: 1.1em;
    color: #0071cf;
}
.content__shipping .slider{
    width: 885px;
    height: 535px;
    border:15px solid #fff;
    margin-top: 3em;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
}

.content__shipping .slider .item .img{
    width: 100%;
    height: 500px;
    overflow: hidden;
 }
.content__shipping .slider .item .img img{
    width: 100%;
    max-height: 100%;


}
.has-error>input,
.has-error>textarea{
    border: 2px solid #dc3545;
}
.slider-description{
    position: absolute;
    z-index: 1112;
    width: 310px;
    height: 277px;
    padding: 2em 2.5em;
    text-align: left;
    top:25%;
    right: -4em;
    font-size: 1em;
    font-family: 'Open Sans';
    border-top:6px solid #fff;
    color:#fff;
    background: rgb(52, 152, 246);
    background: -moz-linear-gradient(30deg, rgb(52, 152, 246) 23%, rgb(7, 58, 132) 93%);
    background: -webkit-linear-gradient(30deg, rgb(52, 152, 246) 23%, rgb(7, 58, 132) 93%);
    background: -o-linear-gradient(30deg, rgb(52, 152, 246) 23%, rgb(7, 58, 132) 93%);
    background: -ms-linear-gradient(30deg, rgb(52, 152, 246) 23%, rgb(7, 58, 132) 93%);
    background: linear-gradient(120deg, rgb(52, 152, 246) 23%, rgb(7, 58, 132) 93%);

}
.slider-description .case__name{
    text-transform: uppercase;
    border-bottom: 1px solid #fff;
    padding-bottom: 0.5em;
}
.slick-arrow{
    position: absolute;
    z-index: 111;
    width: 76px;
    height: 76px;
    background: url('../img/css_sprites.png')no-repeat center;
}
.slick-list{
    overflow: visible;
}
.slick-prev{
    left: -110px;
    top: 50%;
    background-position:  -1463px -811px;
}
.slick-prev:hover{
    background-position: -1651px -811px;
}
.slick-next:hover{

    background-position:  -1369px -811px;

}
.slick-next{
    right:-155px;
    top: 50%;
    background-position: -1557px -811px;
}
.slick-prev:before{
    content: '';
}
.slick-next:before{
    content: '';
}

.hover-slider.active{
    display: block;
    width: 100%;
    height: 500px;
    position: absolute;
    top:0;
    z-index: 122;
    opacity:0.9;
    background-position: -10px -811px;
}
.hover-slider.active .icon-search{
    width: 40px;
    height: 30px;
    display: inline-block;
    background-position: -957px -935px;
}
.hover-slider.active a{
    color:#fff;
    text-decoration: underline;
    font-family: 'Open Sans';
    font-size: 0.9em;
    display: inline-block;
    margin-top: 14em;

}
.gallery img{
    display:none;
}
.hover-slider.inactive{
    display: none;
}
#slider{
    position: relative;
}

.content__contacts{
    margin-bottom: 1em;
}

.modal .modal-content{
    border-radius: 0px;
    border:14px solid rgba(255,255,255,0.9);
    width:617px;
    margin: auto;
}
.modal .modal-header{
    position: relative;
    z-index:2;
    font-size: 1.6em;
    font-family: 'Lato Black';
    color: #fff;
    background: #4eb3f8;
    border-radius: 0px;
    padding-bottom: 1em;
    padding-top: 1em;
   -webkit-box-shadow: 0px 3px 3px 0px rgba(1, 56, 136, 1);
    -moz-box-shadow:    0px 3px 3px 0px rgba(1, 56, 136, 1);
    box-shadow:         0px 3px 3px 0px rgba(1, 56, 136, 1);
    border-bottom:none;
}
.modalServices .modal-header .modal-title{
    margin:auto;
    text-transform:uppercase;
    background: url('../img/car.png') no-repeat left;
    padding-left: 2.5em;
    line-height: 1.3;
    width: 55%;
}
.modalFromHeader .modal-header .modal-title{
    margin:auto;
    text-transform:uppercase;
    line-height: 1.3;
}

.modal .modal-header .close{
    position: absolute;
    right: 1em;
    top: 0.5em;
    color: #fff;
    font-family: Lato Light;
    font-weight: normal;
    opacity:1;
}


.modal-body{
    background:#0148b0;
    position:relative;
    z-index:1;
    color:#fff;
    padding-bottom: 2em;
    
}
.modal-body .modal-body-content{
    padding-left: 5em;
    padding-right: 4em;
}
.modal-body .modal-body-content ul
{
    padding-left: 1em;
}
.modal-body .modal-body-content ul li{
    color:#29bbff;
    
}
.modal-body .modal-body-content ul li span{
    color:#fff;
}
.modal-body ul li{
    font-family: 'Lato Regular';
}
.modalServices .modal-body p {
    font-family: 'Lato Black Bold';
    /* font-weight: bold; */
    font-size: 1.1em;
}
.modalFromHeader .modal-body p {
    font-family: 'Lato Black Bold';
    /* font-weight: bold; */
    font-size: 1.1em;
    text-align:center;
}
.modal-body  form 
{
    text-align:center;
}
.modal-body  form .main__form__textarea{
    margin-top:1em;
    margin-bottom:0em;
}
.modal-body  form .modalFormBtn
{
    margin-top: 0.5em;
}
.pageup{
    padding: 0.8em 1em;
    display: block;
    border-radius: 90px;
    background: blue;
    position: fixed;
    bottom: 63px;
    right: 21px;
    z-index: 1000;
    cursor:pointer;
    color:#fff;
}
.pageup i
{
    font-size: 1.2em;
}

.footer{
    padding-top: 2em;
    padding-bottom: 2em;
    line-height: 1.4;
    -webkit-box-shadow: 0px -3px 10px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    0px -3px 10px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         0px -3px 10px 0px rgba(50, 50, 50, 0.1);
}
.footer .copyright{
    font-size: 0.8em;
    text-transform: uppercase;
    margin-top: 2.5em;
}
.footer .right-block{
    float: right;
    width: 406px;
}
.footer .right-block .logo-mvita{
    float: right;
    width: 97px;
    height: 69px;

}
.footer .right-block .logo-mvita img{
    max-width: 100%;
    max-height: 100%;
}
.footer .right-block p{
    font-size: 0.8em;
    margin-bottom: 0em;
    float: right;
    margin-top: 2.5em;
}
.footer .right-block p a{
    color: inherit;
    text-decoration: underline;
}
/*------------- Внутренние страницы -------------*/
.content__inner{
    padding-top: 1em;
    padding-bottom: 4em;
}
.content__inner__text{
    font-family: 'Open Sans';
    font-size: 1em;
    line-height: 1.6;
    color: #000;
    background: #fff;
    padding: 2em;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    -moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.1);
    border-bottom: 3px solid #4191eb;
}
.content__inner__text h2,
.content__inner__text h3{
    font-family: 'Lato Black';
    color: #0053b0;
    margin-top: 1.5em;
    margin-bottom: 0.5em;
}
.content__inner__text p{
    margin-bottom: 1em;
}
.content__inner__text ul,
.content__inner__text ol{
    margin-bottom: 1em;
    padding-left: 1.5em;
}

/*------------- Футер (новый) -------------*/
.footer__inner{
    text-align: center;
}
.footer__line{
    font-size: 0.8em;
    text-transform: uppercase;
    margin-bottom: 0.7em;
    color: inherit;
}
.footer__privacy{
    font-size: 0.8em;
    margin-bottom: 0;
}
.footer__privacy a{
    color: #0053b0;
    text-decoration: underline;
}
.footer__privacy a:hover{
    text-decoration: none;
    opacity: 0.8;
}
/*------------- Слайдер: отключить hover-эффект -------------*/
.hover-slider.active{
    display: none;
}
/*------------- Ссылки под формой -------------*/
.main__form__links{
    margin-top: 1em;
    text-align: center;
}
.main__form__links a{
    display: block;
    font-size: 0.7em;
    font-family: 'Open Sans';
    color: rgba(255,255,255,0.85);
    text-decoration: underline;
    line-height: 1.4;
    margin-bottom: 0.3em;
}
.main__form__links a:hover{
    color: #fff;
    text-decoration: none;
}
/*------------- Согласие с обработкой данных -------------*/
.main__form__consent{
    margin-top: 1.2em;
    margin-bottom: 0.5em;
    text-align: left;
    padding-left: 1.3em;
}
.main__form__checkbox-label{
    display: inline-flex;
    align-items: flex-start;
    cursor: pointer;
}
.main__form__checkbox{
    margin-top: 0.25em;
    margin-right: 0.5em;
    flex-shrink: 0;
}
.main__form__checkbox{
    margin-top: 0.25em;
    flex-shrink: 0;
}
/*------------- Шапка: правильный layout -------------*/
@media (min-width: 992px){
    .header .container.relative{
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .header .navbar{
        flex: 1 1 auto;
        min-width: 0;
        padding: 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
    }
    .header .navbar-brand{
        flex-shrink: 0;
    }
    .header .navbar-collapse{
        flex-grow: 0;
        flex-basis: auto;
    }
    .header .navbar-nav{
        flex-direction: row;
        flex-wrap: nowrap;
    }
    /* тот же селектор, что и в базовых правилах — чтобы перебить их */
    ul.navbar-nav li.nav-item a.nav-link{
        white-space: nowrap;
        font-size: 0.85em;
        padding: 0.7em 0.9em;
    }
    .right__block{
    position: static;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}
    .right__block .right__block__phone{
        margin-top: 0;
            margin-right: 0.8em;
    }
}
/*------------- Cookie-баннер -------------*/
.cookie-banner{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    background: rgba(0, 40, 90, 0.95);
    color: #fff;
    padding: 1em 0;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.2);
    display: none;
}
.cookie-banner.is-visible{
    display: block;
}
.cookie-banner__inner{
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1em;
}
.cookie-banner__text{
    margin: 0;
    font-size: 0.85em;
    line-height: 1.4;
    flex: 1 1 auto;
    min-width: 250px;
    font-family: 'Open Sans', sans-serif;
}
.cookie-banner__text a{
    color: #8ec4e8;
    text-decoration: underline;
}
.cookie-banner__text a:hover{
    color: #fff;
}
.cookie-banner__buttons{
    flex: 0 0 auto;
    display: flex;
    gap: 0.6em;
}
.cookie-banner__btn{
    border: none;
    border-radius: 30px;
    padding: 0.6em 1.6em;
    font-family: 'Lato Black Bold', sans-serif;
    font-size: 0.85em;
    text-transform: uppercase;
    cursor: pointer;
    transition: opacity 0.2s;
}
.cookie-banner__btn:hover{
    opacity: 0.85;
}
.cookie-banner__btn--accept{
    background: #f4004b;
    color: #fff;
}
.cookie-banner__btn--decline{
    background: transparent;
    color: #fff;
    border: 2px solid rgba(255, 255, 255, 0.6);
}
.cookie-banner__btn--decline:hover{
    border-color: #fff;
    opacity: 1;
}
.cookie-banner__options{
    display: flex;
    flex-direction: column;
    gap: 0.3em;
    font-size: 0.8em;
    flex: 0 0 auto;
}
.cookie-banner__check{
    display: flex;
    align-items: center;
    gap: 0.5em;
    cursor: pointer;
}
.cookie-banner__check input{
    cursor: pointer;
}
.cookie-banner__check input:disabled{
    cursor: not-allowed;
    opacity: 0.6;
}
/*------------- Контакты -------------*/
.content__contacts__info{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 1.5em;
    margin-bottom: 2em;
}
.content__contacts__item{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.4em;
    line-height: 1.4;
    color: #0053b0;
    margin: 0 1.5em 0.5em;
}
.content__contacts__item i{
    font-size: 1.1em;
    color: #0053b0;
    margin-right: 0.4em;
    vertical-align: middle;
}
.content__contacts__link{
    color: #0053b0;
    text-decoration: none;
    transition: color 0.2s;
}
.content__contacts__link:hover{
    color: #f4004b;
    text-decoration: underline;
}
/*-------------Адаптив--------------*/

@media (min-width: 992px) and (max-width: 1200px){
    ul.navbar-nav li.nav-item a.nav-link{
        font-size: 0.75em;
        padding: 0.7em 0.8em;
    }
}
@media (min-width: 768px) and (max-width: 991px){
    
    .content__main-page
    {
        height:auto;
        background: none;
    }
    .content__main-page__block,
    .content__main-page__form{
        float:none;
    }
    .content__main-page__block{
        margin-top: 1em
    }
      .content__main-page__form{
          margin: auto;
          margin-top:2em;
    }
    .content__advantages .nav-link{
            padding: 0.8em 3em
        
    }
    .content__advantages .tab-pane p{
        font-size:0.8em;
    }
    
    .content__advantages .image-block{
    
    }
     .content__advantages__services .item{
         margin-bottom:3em;
     }
    .content__advantages__services .border-item{
        border:none;
    }
    .content__price #accordion .card-header .title-card{
        font-size:1.5em;
    }
    .content__shipping{
       padding-bottom:4em;
    }
    .slick-next.slick-arrow{
        right:-107px;
    }
    .slick-prev.slick-arrow{
        left:-94px;
    }
     .content__shipping #slider{
         max-width:885px;
         width:auto;
        height: 571px;
    }
    .slick-next{
        right:-128px;
        
    }
    .slider-description{
        width: 100%;
        right: 0em;
        height: 184px;
        top:100%;
        font-size: 0.9em;
        
        
    }
    .card-body__input{
        width:100%;
    }
    .card-body .main__form__textarea
    {
        width: 100%;
    }
    .content__shipping .slider .item .img{
        height:100%;
    }
    .hover-slider.active{
        height:100%;
    }
    .modal-dialog{
        max-width:100%;
    }
    .navbar{
        z-index: 123;
        max-width: 63%;
    }
    .navbar-light .navbar-toggler{
            border-color:#fff;
            
    }
    .navbar-collapse{
            background: #0053b0;
    }
    .navbar-light .navbar-toggler-icon
    {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-collapse .nav-item{
        border-bottom:1px solid #fff;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
    }
    ul.navbar-nav li.nav-item a.nav-link{
        border:none;
        padding-bottom:1em;
    }
    ul.navbar-nav li.nav-item a.nav-link:hover{
        border:none;
        text-decoration:underline;
    }
    
    
 
}
@media  (max-width: 767px){
  
     .content__main-page
    {
        height:auto;
        background: none;
    }
    .content__main-page__form{
        margin: 0 auto;
        margin-top:2em;
        float:none;
    }
    .content__main-page__block{
        float:none;
    }
    .modal .modal-content{
        width:100%;
    }
    #mainForm_description
    {
        width: 94%;
    }
    .mainTitle{
        font-size:2.3em;
    }
    .seo-desctiption{
        font-size:1em;
    }
    .main__form__textarea{
        width:100%;
    }
    .content__advantages__services .item{
        margin-bottom:2em;
    }
    .navbar{
        z-index: 123;
        max-width: 63%;
    }
    .navbar-light .navbar-toggler{
            border-color:#fff;
            
    }
    .navbar-collapse{
            background: #0053b0;
    }
    .navbar-light .navbar-toggler-icon
    {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
    .navbar-collapse .nav-item{
        border-bottom:1px solid #fff;
        padding-bottom: 0.5em;
        padding-top: 0.5em;
    }
    ul.navbar-nav li.nav-item a.nav-link{
        border:none;
        padding-bottom:1em;
        font-size:0.7em;
    }
    ul.navbar-nav li.nav-item a.nav-link:hover{
        border:none;
        text-decoration:underline;
    }
    .bg-active{
        background:none;
        transition:none;
    }
    .content__price #accordion .card-header .title-card{
        text-align:center;
        cursor:pointer;
    }
    .card-body .right-block,
    .card-body .left-block,
    .card-body{
        color:#000;
    }
    .left-block .check, .right-block .check{
        border: 2px solid #c1c1c1;
    }
    .card-body__input{
            background: #fff;
            border: 1px solid #0053b0;
            color: #0053b0;
                
    }
    
    .btn-link:hover{
        text-decoration:none;
    }
    .card-body textarea{
            background: #fff;
            border: 1px solid #0053b0;
            color: #0053b0;
    }
    
    .card-body .right-block,
    .card-body .left-block{
        text-align:center;
        float:none;
    }
    .card-body .right-block{
        margin-top:1em;
    }
    .right-block .check{
        margin-left:-5px;
    }
    .content__advantages__services .border-item{
        border-right:none;
    }
}
@media (min-width: 480px) and (max-width: 767px){
    .modal-body .modal-body-content{
        padding:0em;
    }
    .main__form__input-text{
        width:181px;
    }
    .nav-item{
        width: 100%;
   }
   .content__advantages .nav-link{
       margin-right:0em;
   }
}

@media (min-width: 320px) and (max-width: 480px){
    h1{
        font-size: 2em;
    }
    .left-block label, .right-block label{
        padding-left:0em;
    }
   .mainTitle{
       font-size:1.6em;
   }
   ul.navbar-nav li.nav-item a.nav-link{
       font-size:0.6em;
   }
   .nav-item{
        width: 100%;
   }
   .content__main-page__block{
       margin-top:1em;
   }
   .content__advantages .nav-link{
       margin-right:0em;
   }
   #mainForm_form_result {
       font-size: 0.8em;
   }
   .content__main-page__form  .main__form__title-form{
       margin-bottom: 2em;
   }
   .content__main-page__form .main__form__input-text{
        margin-bottom:0.5em;
    }
    .content__main-page__form .main_form{
        padding-top:1em;
    }
   .content__main-page__form  .main__form__input-submit{
       margin-top:1em;
   }
   .content__advantages  img{
       height:100%;
   }
   .content__price #accordion .card-header .title-card{
       font-size:1.2em;
   }
   .card-body__input{
       width:100%;
   }
   .right__block{
        right: 10px;
        top: 10px;

   }
   .content__price .card-header{
       height:auto;
   }
   .content__main-page__form .main__form__form-info{
       display:none;
   }
   .right__block .right__block__phone{
       display:none;
   }
    .footer .copyright{
        text-align:center;
    }
   .footer .right-block .logo-mvita,.footer .right-block,.footer .right-block p{
       float:none;
   }
   .footer .right-block{
       text-align:center;
       width:100%;
   }
   .footer .right-block p{
       margin-top:0em;
   }
   .footer .right-block .logo-mvita{
       margin:auto;
   }
   
   .modal .modal-header .modal-title{
       padding-left:0em;
       background:none;
       padding-top:1em;
   }
   .modal-body .modal-body-content{
       padding:0em;
       display:none;
   }
   
   #modalCallback_form .main__form__input-text{
       margin-bottom:1em;
   }
   .mainTitle{
       padding-top:70px;
   }
   
}
/* ============================================================================
   МОБИЛЬНАЯ ВЁРСТКА — ФИНАЛ (iPhone SE, 320–767px)
   ============================================================================ */
@media (max-width: 767px) {

    /* ========== ШАПКА ========== */
    .header .container.relative {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        gap: 0.5rem;
    }
    .header .navbar {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
        padding: 0;
        margin: 0;
    }
    .header .navbar-brand {
        flex: 0 0 auto;
        margin-right: 0;
    }
    .header .navbar-brand img {
        max-width: 40px;
        height: auto;
    }
    .navbar-toggler {
        flex: 0 0 auto;
        margin: 0 0.5rem 0 auto;
        border: 1px solid #fff;
        padding: 0.3rem 0.5rem;
    }
    .right__block {
        position: static !important;
        flex: 0 0 auto;
        right: auto !important;
        top: auto !important;
    }
    .right__block .modalFormBtn {
        padding: 0.4rem 0.8rem;
        font-size: 0.72rem;
        margin-left: 0;
        white-space: nowrap;
    }
    .right__block .right__block__phone {
        display: none;
    }

    /* ========== HERO — убираем спрайт сверху ========== */
    .content__main-page {
        overflow: visible !important;
        min-height: auto !important;
        height: auto !important;
        padding: 1em 0 2em;
        background: #f5f9fd !important;
    }
    .content__main-page::before {
        content: none !important;
        display: none !important;
        background: none !important;
    }

    /* ========== БЕЛЫЙ БЛОК С ЛОГОТИПОМ ========== */
    .content__main-page__block {
        float: none !important;
        margin: 0 0 1.5em 0 !important;
        padding: 1.5em 1em !important;
        background: #ffffff !important;
        border: 2px solid rgba(0, 83, 176, 0.15) !important;
        border-radius: 16px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }
    .content__main-page__block .logo,
    .content__main-page__block .logo img,
    .content__main-page__block h1,
    .content__main-page__block > p,
    .content__main-page__block .numbers {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    .content__main-page__block .logo img {
        max-width: 200px;
        height: auto;
        margin: 0 auto 0.8em;
    }
    .content__main-page__block h1 {
        font-size: 1.5em !important;
        line-height: 1.2;
        margin-bottom: 0.5em;
    }
    .content__main-page__block > p {
        font-size: 0.9em;
        line-height: 1.4;
        margin-bottom: 0.6em;
    }
    .content__main-page__block .numbers {
        font-size: 1em;
        display: block;
        margin-top: 0.4em;
        word-break: break-word;
    }

    /* ========== ФОРМА — однотонный синий ========== */
    .content__main-page > .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .content__main-page .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .content__main-page [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .content__main-page__form {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: none !important;
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
        height: auto !important;
        min-height: auto !important;
        box-sizing: border-box;
    }
    .content__main-page__form .main_form {
        background: #0148b0 !important;
        background-image: none !important;
        height: auto !important;
        min-height: auto !important;
        padding: 1.5em 1em !important;
        border-radius: 16px;
        border-top: 6px solid #2f9ef3;
        text-align: center;
        box-sizing: border-box;
    }

    .content__main-page__form .main__form__title-form {
        font-size: 1.15em !important;
        line-height: 1.3;
        margin-bottom: 0.6em;
    }
    .content__main-page__form .main__form__form-info {
        font-size: 0.82em;
        line-height: 1.4;
        margin-bottom: 0.8em;
    }

    /* ========== ПОЛЯ ========== */
    .main__form__input-text,
    .main__form__textarea,
    .content__main-page__form .main__form__input-text,
    .content__main-page__form .main__form__textarea {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 0.6em 0 !important;
        padding: 0.75em 1em !important;
        background: #2f6fc4 !important;
        border: 1px solid rgba(255, 255, 255, 0.5) !important;
        border-radius: 10px;
        color: #fff !important;
        font-size: 0.9em;
        box-sizing: border-box;
    }
    .main__form__textarea {
        min-height: 90px;
        resize: vertical;
    }
    ::placeholder {
        color: rgba(255, 255, 255, 0.75);
    }

    .inline-block {
        display: block !important;
        width: 100% !important;
    }

    /* ========== ЧЕКБОКС ========== */
    .main__form__consent,
    .content__main-page__form .main__form__consent {
        padding: 0 !important;
        margin: 0.8em 0 0.6em 0 !important;
        text-align: left !important;
        width: 100% !important;
    }
    .main__form__checkbox-label {
        display: flex !important;
        align-items: flex-start !important;
        gap: 0.5em;
        font-size: 0.78em !important;
        line-height: 1.35;
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    .main__form__checkbox {
        margin: 0.2em 0 0 0 !important;
        flex-shrink: 0;
    }

    /* ========== КНОПКА ========== */
    .main__form__input-submit {
        width: 100% !important;
        padding: 0.85em 1em !important;
        font-size: 1em !important;
        margin: 0.4em 0 0 0 !important;
        box-sizing: border-box;
        display: block;
    }

    /* ========== ССЫЛКИ ПОД ФОРМОЙ ========== */
    .main__form__links,
    .content__main-page__form .main__form__links {
        margin-top: 1em !important;
        padding: 0 !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    .main__form__links a {
        display: block !important;
        font-size: 0.72em !important;
        line-height: 1.35 !important;
        margin-bottom: 0.4em !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        padding: 0 0.3em;
    }

    /* ========== СКРЫТЬ ========== */
    .slick-arrow {
        display: none !important;
    }
    #mainForm_form_result {
        height: 0 !important;
        margin: 0 !important;
    }
}

/* Очень узкие экраны (≤ 400px) */
@media (max-width: 400px) {
    .content__main-page > .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    .content__main-page__block {
        padding: 1.2em 0.8em !important;
    }
    .content__main-page__block h1 {
        font-size: 1.3em !important;
    }
    .content__main-page__block .logo img {
        max-width: 160px;
    }
    .content__main-page__form .main_form {
        padding: 1.2em 0.7em !important;
    }
    .main__form__title-form {
        font-size: 1em !important;
    }
    .main__form__input-submit {
        padding: 0.75em 1em !important;
        font-size: 0.9em !important;
    }
    .main__form__links a {
        font-size: 0.68em !important;
    }
}