/* --------------------------------------- */
/* FONTS */
/* --------------------------------------- */
@font-face { font-family: Calibri; src: url(/fonts/calibri.eot); }

@font-face { font-family: Calibri; src: url(/fonts/calibri.ttf); }

/* --------------------------------------- */
/* DEFAULT */
/* --------------------------------------- */
html { background: white; color: #3f5058; font: normal 14px/1.3 Calibri, Verdana, sans-serif; min-width: 980px; }

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

p { margin: 0 0 10px; font-size:16px;}
address p, div.description p{font-size:14px;}

h1 { color: #3e8bc1; font-size: 24px; font-weight: normal; margin: 0 0 10px; text-transform: uppercase; }

h2 { font-size: 30px; font-weight: normal; margin: 0; }

h3 { font-size: 24px; font-weight: normal; margin: 0; }

h4 { border-bottom: 1px solid #c9dae3; color: #3e8bc1; font-size: 18px; font-weight: bold; margin: 0 0 12px; padding: 0 0 5px; text-transform: uppercase; }

/* --------------------------------------- */
/* COMMON */
/* --------------------------------------- */
.container { margin: 0 auto; width: 980px; }

.clear:after { clear: both; content: ""; display: block; }

.button { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; background: #549dd1; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF549DD1', endColorstr='#FF2C7BB4'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #549dd1), color-stop(100%, #2c7bb4)); background-image: -webkit-linear-gradient(top, #549dd1 0%, #2c7bb4 100%); background-image: -moz-linear-gradient(top, #549dd1 0%, #2c7bb4 100%); background-image: -o-linear-gradient(top, #549dd1 0%, #2c7bb4 100%); background-image: linear-gradient(top, #549dd1 0%, #2c7bb4 100%); color: white; display: inline-block; font: normal 14px/28px Calibri, Verdana, sans-serif; height: 30px; text-align: center; text-decoration: none; width: 145px; }
.button:hover { background: #7eb9e2; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7EB9E2', endColorstr='#FF619CC6'); background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #7eb9e2), color-stop(100%, #619cc6)); background-image: -webkit-linear-gradient(top, #7eb9e2 0%, #619cc6 100%); background-image: -moz-linear-gradient(top, #7eb9e2 0%, #619cc6 100%); background-image: -o-linear-gradient(top, #7eb9e2 0%, #619cc6 100%); background-image: linear-gradient(top, #7eb9e2 0%, #619cc6 100%); }

.title { color: #3e8bc1; text-transform: uppercase; }

.text-images { text-align: center; }
.text-images img { margin: 0 19px; }

.page-heading { margin: 0 0 20px; }
.page-heading h1 { float: left; margin: 0; }
.page-heading .button { float: right; }

.service-description { float: right; margin: 20px 0 0; width: 750px; }

.certificates .fancybox { border: 1px solid #c9dae3; display: block; float: left; font-size: 0; margin: 0 18px 18px 0; width: 145px; }
.certificates .fancybox:nth-child(6n) { margin-right: 0; }

.big { color: #3e8bc1; font-size: 24px; }

/* --------------------------------------- */
/* HEADER */
/* --------------------------------------- */
.header { border-bottom: 1px solid #c9dae3; height: 80px; padding: 10px 0; }
.header .logo { color: #282828; display: block; float: left; font-size: 12px; margin: 20px 30px 0 0; text-decoration: none; text-transform: uppercase; }
.header nav { float: left; }
.header ul { list-style: none; margin: 14px 0 0; padding: 0; }
.header li { float: left; }
.header li a { color: #3f5058; display: block; padding: 36px 8px 0; text-decoration: none; text-transform: uppercase; }
.header li a:hover { background-position: center bottom; color: #3e8bc1; }
.header .about { background: url(/img/about-icons.png) center top no-repeat; }
.header .portfolio { background: url(/img/portfolio-icons.png) center top no-repeat; }
.header .certificates { background: url(/img/certificates-icons.png) center top no-repeat; }
.header .vacancies { background: url(/img/vacancies-icons.png) center top no-repeat; }
.header .contacts { background: url(/img/contacts-icons.png) center top no-repeat; }
.header .phone { float: right; text-align: right; }
.header .phone div { color: #3e8bc1; font-size: 24px; margin: 0 0 6px; }
.header .phone span { color: #3f5058; }

/* --------------------------------------- */
/* BREADCRUMBS */
/* --------------------------------------- */
.breadcrumbs { background: #e8ecee; margin: 0 0 10px; padding: 8px 0; }

/* --------------------------------------- */
/* INDEX MENU */
/* --------------------------------------- */
.index-menu-item { display: block; height: 113px; text-decoration: none; }
.index-menu-item span { display: block; }
.index-menu-item .container { height: 113px; line-height: 113px; }
.index-menu-item .aligner { display: inline-block; line-height: 1.3; vertical-align: middle; }
.index-menu-item .heading { color: white; font-size: 24px; line-height: 1; margin: 0 0 5px; text-transform: uppercase; }
.index-menu-item .description { color: #b1dfff; }
.index-menu-item.item-1 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.index-menu-item.item-1 .container { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: url(/img/index-menu-1.png) right center no-repeat; }
.index-menu-item.item-2 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.index-menu-item.item-2 .container { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: url(/img/index-menu-2.png) right center no-repeat; }
.index-menu-item.item-3 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.index-menu-item.item-3 .container { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: url(/img/index-menu-3.png) right center no-repeat; }
.index-menu-item.item-4 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.index-menu-item.item-4 .container { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: url(/img/index-menu-4.png) right center no-repeat; }
.index-menu-item.item-5 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.index-menu-item.item-5 .container { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: url(/img/index-menu-5.png) right center no-repeat; }
.index-menu-item.item-6 { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.index-menu-item.item-6 .container { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; background: url(/img/index-menu-6.png) right center no-repeat; }
.index-menu-item.item-1 { background: #1b689e; }
.index-menu-item.item-2 { background: #12507f; }
.index-menu-item.item-3 { background: #133d6d; }
.index-menu-item.item-4 { background: #0f4d67; }
.index-menu-item.item-5 { background: #005f70; }
.index-menu-item.item-6 { background: #0b7470; }

a.index-menu-item:hover { background: white; }
a.index-menu-item:hover .container { background: url(/img/arrow-right-big.png) 622px center no-repeat; }
a.index-menu-item:hover span { color: #282828; }

/* --------------------------------------- */
/* CATALOG */
/* --------------------------------------- */
.vehicles { margin: 20px 0 0; }

.vehicle { border: 1px solid #c9dae3; float: left; height: 290px; margin: 0 20px 20px 0; width: 478px; }
.vehicle:nth-child(even) { margin-right: 0; }
.vehicle h3 { background: #e8ecee; padding: 6px 12px; }
.vehicle .content { padding: 12px; }
.vehicle img { float: left; margin: 0 10px 0 0; }
.vehicle .description { overflow: hidden; }
.vehicle ul { list-style-position: inside; margin: 0; padding: 0; }
.vehicle li { font-size: 12px; margin: 0 0 10px; }

/* --------------------------------------- */
/* VEHICLE */
/* --------------------------------------- */
.vehicle-info { margin: 0 0 20px; }
.vehicle-info .l-side { float: left; width: 390px; }
.vehicle-info .l-side img { margin: 10px 0; }
.vehicle-info .downloads { background: #e8ecee; border: 1px solid #c9dae3; padding: 8px; }
.vehicle-info .downloads div { margin: 0 0 8px; padding: 0 0 0 40px; }
.vehicle-info .downloads div:last-child { margin: 0; }
.vehicle-info .downloads span { text-transform: uppercase; }
.vehicle-info .pdf { background: url(/img/pdf-icon.png) left center no-repeat; }
.vehicle-info .r-side { float: right; width: 564px; }
.vehicle-info .r-side table, .cc table { width: 100%; }
.vehicle-info .r-side td, .vehicle-info .r-side th, .cc td, .cc th , .reflist th, .reflist td{ border: 1px solid #c9dae3; padding: 6px 12px; }
.vehicle-info .r-side td p, .vehicle-info .r-side th p, .cc td p, .cc th p, .reflist th p, .reflist td p{margin-bottom: 0;}
.vehicle-info .r-side th, .cc th, .reflist th { background: #e8ecee; font-weight: normal; text-align: left; }
.vehicle-info .r-side td:last-child, .cc td:last-child, .reflist td:last-child { text-align: center; }

/* --------------------------------------- */
/* CAROUSEL */
/* --------------------------------------- */
.carousel { float: left; width: 207px; }
.carousel .prev, .carousel .next { cursor: pointer; height: 22px; }
.carousel .prev { background: url(/img/carousel-nav.png) center top no-repeat; margin: 0 0 6px; }
.carousel .next { background: url(/img/carousel-nav.png) center bottom no-repeat; margin: 6px 0 0; }
.carousel .images { height: 500px; margin:4px 0;overflow:hidden;}
.carousel .images a { display: block; font-size: 0; padding: 6px 0; box-sizing:border-box; width:100%;padding:0;}
.carousel .images a img {width:100%;}

/* --------------------------------------- */
/* PORTFOLIO */
/* --------------------------------------- */
.portfolio-item { border: 1px solid #c9dae3; margin: 0 0 10px; padding: 8px; }
.portfolio-item img { float: left; margin: 0 20px 0 0; }
.portfolio-item .description { overflow: hidden; }
.portfolio-item .description .info { font-weight: bold; margin: 0 0 5px;display:flex; }
.portfolio-item .description .title { display: inline-block; font-weight: normal;margin-right:8px;}
.portfolio-item .description .brief { background: #e8ecee; margin: 0; padding: 7px 10px; }

/* --------------------------------------- */
/* VACANCIES */
/* --------------------------------------- */
.jobs-block { margin: 0 0 20px; }

.jobs-list { float: left; width: 660px; }

.job { border: 1px solid #c9dae3; margin: 0 0 12px; width: 100%; }
.job td, .job th { padding: 6px 12px; }
.job th { background: #e8ecee; font-size: 24px; font-weight: normal; text-align: left; }
.job td { vertical-align: top; }

.jobs-info { float: right; width: 306px; }

/* --------------------------------------- */
/* CONTACTS */
/* --------------------------------------- */
.contacts-block { margin: 0 0 20px; }

.contacts-map { border: 1px solid #c9dae3; float: left; width: 50%;margin-right: 3rem;position:relative;overflow:hidden;}
.contacts-map:before{position:relative;width:100%;display:block;content:'';padding-top:56.25%;}
.contacts-map iframe {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;}
.contacts-info { float: right; width: 360px; }

/* --------------------------------------- */
/* FOOTER */
/* --------------------------------------- */
html, body { height: 100%; }
.global-wrapper { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -131px; }
.global-wrapper .footer-pusher { height: 131px; }
.footer { clear: both; position: relative; height: 131px; }

.footer { border-top: 1px solid #c9dae3; padding: 16px 0; box-sizing: border-box;}
.footer .copyright { float: left; width: 308px; }
.footer .info { margin: 10px 0 0; }
.footer .counter { float: left; margin: 0 12px 0 0; }
.footer .credits { float: left; position: relative; }
.footer address { float: left; font-style: normal; }
.footer address p:last-child { margin: 0; }
.footer .phone { float: right; font-size: 21px; line-height: 1; text-align: right; text-transform: uppercase; }
.footer .phone small { font-size: 14px; text-transform: none; }
.footer .phone span { color: #3e8bc1; font-size: 30px; line-height: 1.4; }
.aligner h1{color:#ffffff;}

/* --------------------------------------- */
/* BREADCRUMBS */
/* --------------------------------------- */
.B_crumbBox {padding-left: 0}
.B_crumbBox li {display: inline-block;}

/* --------------------------------------- */
/* CONTENT CONTEINER - CC */
/* --------------------------------------- */

.cc { display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.cc > :first-child {flex:none;width:100%;}
.cc img {max-width:390px;}
.cc .text {max-width:564px;width:100%;}
.cc .gallery {    display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 1rem;}
.cc .gallery img {width:100%;}

/* --------------------------------------- */
/* TECH PAGE SLIDER */
/* --------------------------------------- */

.slider-for .item, .slider-nav .item {position:relative;overflow:hidden;cursor:pointer;}
.slider-for .item:hover, .slider-nav .item:hover {opacity:.75!important;}
.slider-for .slick-list, .slider-nav .slick-list {padding:0;}
.slider-for .item:before, .slider-nav .item:before {content:'';position:relative;display:block;width:100%;padding-top:56.25%;background-color:#f4f4f4;}
.slider-for .item img, .slider-nav .item img {top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;margin:0;}
.slider-for .item img {width:auto;height:100%;}
.slider-nav .item img {    width: 100%;
    height: auto;
    min-height: 100%;
    min-width: 100%;}
.slider-nav .slick-dots {display:flex;justify-content:center;padding:0;list-style-type:none;}
.slider-nav .slick-dots .slick-active {background: #549dd1;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF549DD1', endColorstr='#FF2C7BB4');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #549dd1), color-stop(100%, #2c7bb4));
    background-image: -webkit-linear-gradient(top, #549dd1 0%, #2c7bb4 100%);
    background-image: -moz-linear-gradient(top, #549dd1 0%, #2c7bb4 100%);
    background-image: -o-linear-gradient(top, #549dd1 0%, #2c7bb4 100%);
    background-image: linear-gradient(top, #549dd1 0%, #2c7bb4 100%);
    color: white;}
    .slider-nav .slick-dots li {margin:0 .25rem;}
.slider-nav .slick-dots button {background:transparent;border: 1px solid #e4e4e4;width:22px;height:22px;}
.slider-nav .prev, .slider-nav .next {position:absolute;bottom:0;width:22px;height:22px;isplay: flex;
    align-items: center;
    justify-content: center;cursor:pointer;}
.slider-nav .prev {left:0;}
.slider-nav .next {right:0;}