body {
	font-family: 'Myriad Pro';
        font-weight: 300;
    font-style: normal;
    background: #f7f8fc;
    color: #65646e;
	font-size: 16px; 
	width: 100%; 
	overflow-x: hidden;
}  
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-SemiboldIt.eot');
    src: local('Myriad Pro Semibold Italic'), local('MyriadPro-SemiboldIt'),
        url('../fonts/MyriadPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-SemiboldIt.woff2') format('woff2'),
        url('../fonts/MyriadPro-SemiboldIt.woff') format('woff'),
        url('../fonts/MyriadPro-SemiboldIt.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Black.eot');
    src: local('Myriad Pro Black'), local('MyriadPro-Black'),
        url('../fonts/MyriadPro-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Black.woff2') format('woff2'),
        url('../fonts/MyriadPro-Black.woff') format('woff'),
        url('../fonts/MyriadPro-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Semibold.eot');
    src: local('Myriad Pro Semibold'), local('MyriadPro-Semibold'),
        url('../fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Semibold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Semibold.woff') format('woff'),
        url('../fonts/MyriadPro-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-BlackIt.eot');
    src: local('Myriad Pro Black Italic'), local('MyriadPro-BlackIt'),
        url('../fonts/MyriadPro-BlackIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-BlackIt.woff2') format('woff2'),
        url('../fonts/MyriadPro-BlackIt.woff') format('woff'),
        url('../fonts/MyriadPro-BlackIt.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: local('Myriad Pro Regular'), local('MyriadPro-Regular'),
        url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: local('Myriad Pro Bold'), local('MyriadPro-Bold'),
        url('../fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-BoldIt.eot');
    src: local('Myriad Pro Bold Italic'), local('MyriadPro-BoldIt'),
        url('../fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-BoldIt.woff2') format('woff2'),
        url('../fonts/MyriadPro-BoldIt.woff') format('woff'),
        url('../fonts/MyriadPro-BoldIt.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-LightIt.eot');
    src: local('Myriad Pro Light Italic'), local('MyriadPro-LightIt'),
        url('../fonts/MyriadPro-LightIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-LightIt.woff2') format('woff2'),
        url('../fonts/MyriadPro-LightIt.woff') format('woff'),
        url('../fonts/MyriadPro-LightIt.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-It.eot');
    src: local('Myriad Pro Italic'), local('MyriadPro-It'),
        url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-It.woff2') format('woff2'),
        url('../fonts/MyriadPro-It.woff') format('woff'),
        url('../fonts/MyriadPro-It.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Light.eot');
    src: local('Myriad Pro Light'), local('MyriadPro-Light'),
        url('../fonts/MyriadPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Light.woff2') format('woff2'),
        url('../fonts/MyriadPro-Light.woff') format('woff'),
        url('../fonts/MyriadPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
a {
    color: #555371;
}
.red {
    -webkit-background-clip: text;
    color: transparent!important;
    display: inline-block;
    background-color: #db1f24;
    background-image: linear-gradient(45deg,#e8575b 0,#cc2023 60%,#c02122 100%);
}
a:hover {
    outline: 0;
    outline-offset: 0;
    text-decoration: none;
}
a:focus {
    outline: 0;
    outline-offset: 0;
    text-decoration: none;
}
.h1, h1 {
    font-size: 56px;
    font-weight: normal;
    margin-top: 0px;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 15px;
}
.h2, h2 {
    font-size: 40px;
    font-weight: 300;
}
.h3, h3 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 30px;
}
.h4, h4 {
    font-size: 22px;
    font-weight: 300;
}
@media (min-width: 1400px) {
    .container {
        width: 1320px;
    }
}
.panel-group {
    margin-bottom: 100px;
}
label { 
    font-weight: 300;
}







.alert-danger {
    color: #fff;
    background: #f14040;
    background-image: linear-gradient(40deg,#f14141 0,#d84d4d 70%,#e23131 100%);
}
.alert-success {
    background: #35e13a;
    background-image: linear-gradient(40deg,#68df81 0,#40cd7f 70%,#26bb4e 100%); 
    color: #ffffff;
}
.alert {
    padding: 15px;
    margin: 15px 0px 0px;
    border: 0px;
    border-radius: 10px;
}







/*              menu              */  
.button-group{
    padding: 0px 30px;
}
.btn {
    font-size: 22px;
    border: 0px;
    border-radius: 30px;
    box-shadow: none;
    -webkit-transition: ease-in-out all .3s;
    -moz-transition: ease-in-out all .3s;
    transition: ease-in-out all .3s;
    font-weight: normal;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { 
    outline: 0;
    outline-offset: 0;
}
.btn-link {
    color: #ffffff; 
    line-height: 50px;	
    width: 100%;
    background-image: linear-gradient(51deg,#7141f1 50%,#4d6bd8 75%,#3183e2 100%); 
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
    box-shadow: 5px 5px 15px rgb(80 105 218 / 49%);
    text-decoration: none;
    padding: 0;
}
.btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link.focus, .btn-link:active.focus, .btn-link:active:focus, .btn-link[disabled] {
    color: #ffffff; 
    line-height: 50px;	
    width: 100%;
    background-image: linear-gradient(51deg,#7141f1 50%,#4d6bd8 75%,#3183e2 100%); 
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
    box-shadow: 3px 3px 5px rgb(80 105 218 / 49%);
    text-decoration: none;
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99);
}
.btn-link-white {
    line-height: 50px;	
    color: #65646e;
    background-image: linear-gradient(51deg,#ffffff 50%,#f7f8fc 75%,#f7f8fc 100%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 28%);
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
    text-decoration: none;
    padding: 0 90px;
}
.btn-link-white:hover, .btn-link-white:active, .btn-link-white:focus, .btn-link-white.focus, .btn-link-white:active.focus, .btn-link-white:active:focus, .btn-link-white[disabled] { 
    line-height: 50px;	
    color: #65646e;
    background-image: linear-gradient(51deg,#ffffff 50%,#f7f8fc 75%,#f7f8fc 100%);
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
    box-shadow: 5px 5px 15px rgb(0 0 0 / 28%);
    text-decoration: none;
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99);
}
.btn-default {
    color: #65646e;
    line-height: 50px;	
    padding: 0 30px;
    width: 100%;
    background-image: linear-gradient(51deg,#ffffff 50%,#f7f8fc 75%,#f7f8fc 100%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 28%);
}
.btn-default:hover, .btn-default:active, .btn-default.active, .btn-default.disabled, .btn-default.focus, .btn-default:focus, .btn-default:active:focus, .btn-default[disabled] {
    color: #65646e;
    background-image: linear-gradient(51deg,#ffffff 50%,#f7f8fc 75%,#f7f8fc 100%);
    box-shadow: 3px 3px 5px rgb(0 0 0 / 28%);
    -webkit-transform: scale(0.99);
    -moz-transform: scale(0.99);
    -o-transform: scale(0.99);
    transform: scale(0.99);
} 







.form-control {
    display: block;
    width: 100%;
    line-height: 50px;
    height: 50px;
    padding: 0px 30px;
    font-size: 16px; 
    color: #65646e;
    background-color: #fff;
    background-image: none;
    border: 0px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none; 
}




/*              menu              */  
header { 
    position: absolute;
    width: 100%; 
}
.header-container {
    position: relative;
} 
@media (max-width: 768px) { 
    .top-header { 
        position: absolute;
        top: 0px;
    }
    .add-header {
        position: absolute;
        top: 0px;
    } 
}
#logo { 
    height: 100%;
}
#logo img { 
    height: 100%;  
} 
.navbar-header { 
    min-height: 90px;
}
.navbar-brand { 
    height: 90px; 
    padding: 15px 15px; 
}
.navbar-toggle { 
    padding: 15px;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 20px; 
    border: 0px;
    border-radius: 0px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 6px;
}
.navbar-toggle .icon-bar {
    width: 27px;
    height: 2px;
    background: #ffffff;
} 
.navbar { 
    margin-bottom: 0px;
    border: 0;
    text-align: center;
    border-radius: 0px; 
    z-index: 9999;
} 
.navbar-nav > li > a {
    font-size: 22px;
    line-height: 60px;
    color: #ffffff;
}
.nav > li > a:focus, .nav > li > a:hover {
    color: #ffffff;
    background-color: transparent;
}
.navbar-nav > li > a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    height: 3px;
    background-color: #4d6bd8;
    transition: .35s ease-in-out;
    transition-property: background-color,border-color,box-shadow,height,left,right,opacity;
    --uk-navbar-nav-item-line-margin-horizontal: 0;
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    left: 50%;
    right: 50%;
    opacity: 0;
    background: #ffffff;
}
.navbar-nav > li > a:hover:before{
    left: var(--uk-navbar-nav-item-line-margin-horizontal);
    right: var(--uk-navbar-nav-item-line-margin-horizontal); 
    opacity: 1;
} 
@media (min-width: 768px) {
    .navbar-nav-center {
        float: none;
        display: inline-block;
    }
    .navbar-nav-center > li {
        float: none;  
        display: inline-block;
    }   
}  
.in .navbar-nav {
    background: #f7f8fc;
    margin-top: 0px;
    padding: 15px 0px;
}  
.in .navbar-nav > li > a { 
    line-height: 40px;
    color: #65646e;
}
@media (max-width: 768px) {
    .collapse {
        background: #f7f8fc; 
    }   
} 
 
 
.map-yandex { 
    position: absolute;
    width: 100%;
    z-index: -1;
} 
footer .map-block { 
    margin-top: 15px;   
}











#questions h1, #questions h4 { 
    display: inline-block;
}
#questions .panel {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e5e9ed;
    box-shadow: inset 0 1px rgb(255 255 255 / 60%);
    background: transparent;
}
#questions .panel:first-child { 
    border-top: 0px solid #e5e9ed;
    box-shadow: none; 
} 
#questions .panel-heading {
    padding: 0px;
    border-bottom: 0px;
    border-radius: 0px;
}
#questions .panel-title a {
    display: block;
    font-size: 22px;  
    padding: 5px 0; 
    font-weight: 300;
    color: #65646e;
}
#questions .panel-body {
    border-top: 0px;
    padding-bottom: 0px;
}





@media (max-width: 768px) {
    .product-layout { 
        padding-bottom: 30px;
    } 
} 
.product-layout .product-thumb {
    background-color: #f7f8fc; 
    padding: 60px 30px;  
    box-shadow: -15px -15px 20px rgb(255 255 255 / 80%), 15px 15px 20px rgb(57 65 124 / 8%);
    border-radius: 15px;
} 
.product-layout:nth-child(2n) .product-thumb {
    background-color: #6f40f1;
    color: #fff; 
    background-image: linear-gradient(40deg,#7141f1 0,#4d6bd8 70%,#3183e2 100%);
    box-shadow: -5px -5px 20px rgb(255 255 255 / 90%), 5px 5px 20px rgb(60 14 189 / 30%);
}
.product-layout .price { 
    display: inline-block;
}
.product-layout p {
    margin: 30px 0 15px;
    min-height: 250px;
}
.product-layout:nth-child(2n) .btn-link {
    color: #65646e;
    background-image: linear-gradient(51deg,#ffffff 50%,#f7f8fc 75%,#f7f8fc 100%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 28%);
}
.product-layout:nth-child(2n) .btn-link:hover {
    color: #65646e;
    background-image: linear-gradient(51deg,#ffffff 50%,#f7f8fc 75%,#f7f8fc 100%);
    box-shadow: 5px 5px 15px rgb(0 0 0 / 28%);
}






.bg-colour {
    background: #6f40f1;
    background-image: linear-gradient(40deg,#7141f1 0,#4d6bd8 70%,#3183e2 100%);
    padding: 60px 0;
    color: #ffffff;
}
#call .panel {
    margin-bottom: 0px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}







.cases  {
    padding-top: 30px;
}

.icon-check {
    filter: drop-shadow(8px 8px 8px rgba(60, 65, 124, 0.12)) drop-shadow(-8px -8px 8px rgba(255, 255, 255, 0.9));
    float: left;
}
.cases-block  {
    padding-left: 60px;
}


#advantages {
    margin-bottom: 70px;
}
#advantages .swiper-slide  {
    margin: 30px 0;
}  
.icon-advantages {
    filter: drop-shadow(8px 8px 8px rgba(60, 65, 124, 0.12)) drop-shadow(-8px -8px 8px rgba(255, 255, 255, 0.9));
    width: 100%; 
} 
.advantages-block {
    padding: 0 15px 15px;
}
@media (max-width: 992px) {
    .icon-advantages { 
        width: 100%;
        padding: 15px 45px;
    }
}
@media (max-width: 768px) {
    .advantages-block { 
        text-align: center;
    }    
    .icon-advantages { 
        width: 100%;
        padding: 15px 90px;
    }
}




.about {
    padding: 60px 30px 30px;
    box-shadow: -15px -15px 20px rgb(255 255 255 / 80%), 15px 15px 20px rgb(57 65 124 / 8%);
    border-radius: 15px;
    filter: drop-shadow(8px 8px 8px rgba(60, 65, 124, 0.12)) drop-shadow(-8px -8px 8px rgba(255, 255, 255, 0.9));
    overflow: auto;
}
.about .col-sm-4 {
    margin-bottom: 30px; ;
}
.about p {
    margin-bottom: 30px; ;
}
strong {
    font-size: 50px;
    line-height: 1;
}
#about .img-responsive { 
    width: 100%; 
}  
#about .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background: #c9cfe6; 
    box-shadow: none;
}
#about .swiper-pagination-bullet-active {
    background: #6055e5;
}


.banner { 
    height: 850px;
    overflow: hidden;
} 
.text-banner { 
    margin-top: 150px; 
}
.banner ul {
    list-style: none;
    margin: 30px 0 60px 0;
    padding: 0;
}
.banner ul li { 
    margin: 0px 0px 15px 0px;
}
.icon-check-banner { 
    width: 30px;
    margin-right: 10px;
}
.text-banner h1 {  
    font-size: 70px; 
    font-weight: 600;
    line-height: 1.1;  
    text-transform: uppercase;
}
@media (max-width: 768px) {
    .banner { 
        height: 1150px; 
    } 
    .text-banner {
        margin-top: 75px; 
    }
    .banner h1 {   
        font-size: 34px;
    }
    
}


.auto-block {   
    margin-top: 100px; 
}
@media (max-width: 768px) {
    .auto-block {   
        margin-top: 0px; 
        margin-right: 90px; 
        transform: scale(0.65);
    }
}
.img-road-sign {  
    margin-left: 120px;
    margin-top: 320px;
}
.img-smoke {  
    margin-left: -280px;
    margin-top: -100px;
}
.img-smoke-2 {  
    transform: rotate(-20deg);
    margin-left: 450px;
    margin-top: 150px;
}


.carousel .swiper-container { 
    border-radius: 15px;
    overflow: hidden;
}
@media (max-width: 768px) {
    #about .carousel {   
        margin-top: 30px;
    }
}








.map-block .panel {
    margin-bottom: 0px;
    background-color: #f7f8fc;
    border: 0px;
    border-radius: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 30px 30px;
}