@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600&subset=latin,cyrillic-ext);
body {font-size: 15px; font-family: 'Open Sans', sans-serif; background-image: url(../images/body_bg.jpg); background-position: top center; background-repeat: repeat-x; background-attachment: fixed;}
.blue {background-color: #3762a2;}
.light-blue {background-color: #5ba1dd;}
.white {background-color: #fff;}
.black {background-color: #000;}
.silver {background-color: #efeeee;}
.yellow {background-color: #ffe535;}
.white-text {color:#fff;}
.blue-text {color: #332f80;}
.light-blue-text {color: #01629d;}

.wraper {width: 1100px; margin: auto;}
a {color: inherit;}

.mask {background-image:url(../images/mask.png); position: absolute; width: 100%; height: 100%;z-index: 5; top:0; left: 0; background-color: rgba(0,0,0,0.46);}
video, img {vertical-align: middle;}
header {position: fixed; top:0; left:0; width: 100%; height: 100px; z-index:70; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1);}
header {margin-bottom: 30px;}
header .logo { position: absolute; left:0; top:15px;}
header .contacts {position: absolute; top:20px; right: 100px;}

section.video h1 {bottom:30px; position: absolute; left:10%;; width: 28%; font-size: 2em;}

nav {text-align: right; position: relative; top:45px;}
nav ul {list-style: none; text-align: right;}
nav ul li {display: inline-block;}
nav ul li a {display: block; padding-top:15px;margin-left: 15px; margin-right: 15px; text-decoration: none;  font-size: 1.3em; font-weight: 700; color:#332f80;}
nav ul li a:hover,nav ul li .active {background-image: url(../images/a-hover.png); background-position: top center; background-repeat: no-repeat; }
.fix1 div {margin-bottom: 20px;}
.inlineD{display: inline-block; padding-right: 20px; padding-top: 20px}
.inlineD img{float: left}
.inlineD a{text-decoration: none}
.subnav ul li a {font-size: 1em; color:#fff;}

.lngbar {position:absolute; top:10px; right:40px; z-index: 30;}
.lngbar .lng {width:30px; height:30px; text-align:center; line-height:30px;color:#000; font-weight:600;background-color:#ffe535; }
.lngbar ul {list-style:none; position:absolute; top:30px;left:0;background-color:#5ba1dd; width:30px; text-align:center;opacity:0; height:0px; overflow:hidden;  -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul.open {opacity:100;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;height:auto;}
.lngbar ul li {color:#fff;cursor:pointer; height:30px; line-height:30px;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover {color:#fff;background-color:#3762a2; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.lngbar ul li:hover a {color:#fff;}
.lngbar ul li a{text-decoration:none;color:#fff;}
.lngbar .select {border-color:  #01629d transparent; border-style: solid solid none ; border-width: 7px 7px medium; height: 7px;right: -20px;position: absolute;top: 10px; width: 0; text-decoration:none; color:#fff;}

.tringle {position: absolute; left:0; top:0; height: 100%;}
.tringle svg {height: 100%;}
.slider-images {overflow: hidden; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.slider-images img{position: absolute;top:0; min-height: 100%; margin: auto; max-width: inherit;min-width: 100%;}
.slide-info {float: right; width: 80%; max-width: 400px; min-width: 400px; position: absolute} 

.dots a {display: inline-block; width: 15px; height: 15px; margin-right: 5px;border-radius:50%;background-color: #5ba1dd; text-decoration: none; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.dots a:hover, .dots a.active {background-color: #ffe535; -o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.about-index {line-height: 1.4em}
.about-index img {margin-top: -150px; width: 250px;} 

.firms:before{display: block; position: absolute; content: ''; background-color: #3762a2; height: 3px; width: 100%; top: -10px; left: 0;}
.firms .row{border-bottom: 1px solid #6C6868}
.citys ul li{background-color: #01629d; color: #fff; text-align: center; padding: 10px 20px; margin-bottom: 10px; cursor: pointer}
.citys ul li.active{background-color: #5ba1dd}
.lined{position: relative}
.lined:after{position: absolute; display: block; content: ''; bottom: 0px; left: 0; width: 100%; height: 2px; background-color: #5ba1dd}

.products .img {margin-bottom: 10px; overflow: hidden;}
.products .title a {text-decoration: none; font-weight: 700;color: #332f80; font-size: 1.1em;}
.products .date {display: none;}
.products .descr {margin-top: 5px;}
.products .img img {-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.products .col-33:hover div.img img {transform: scale(1.2);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.products .col-25:hover div.img img {transform: scale(1.2);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}


.down_image {overflow: hidden;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.down_image img {-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.down_image:hover img {transform: scale(1.1);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.down_image svg {position: absolute; top:0; left:0; height: 100%;}

.catsnav ul {list-style: none}
.catsnav ul li {margin-bottom: 5px;}
.catsnav ul li ul li {margin-bottom: 0px;}
.catsnav ul li a {display: block; background-color: #3762a2; color:#fff; text-decoration: none; padding: 10px; font-weight: 700;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.catsnav ul li ul li a {background-color: #5ba1dd; padding-left: 30px; font-weight: 300; border-bottom: solid 1px hsla(0,0%,100%,0.28);}
.catsnav ul li a:hover {color:#000;background-color: #ffe535;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease; }

.cmspage {line-height: 1.4em; min-height: 450px;}

.cmspage h2 {font-size: 1.4em; margin-bottom: 10px; color: #01629d;}
.cmspage ul,.cmspage ol  {margin-bottom: 10px; padding-left: 25px;}
.cmspage p {margin-bottom: 10px;}
.mob-menu {visibility: hidden;}
.editable .silver ul {}

.cmspage p a {color:#5ba1dd;}

.faq a, .silver ul a {text-decoration: none;color: #332f80;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.faq a:hover, .silver ul a:hover {color: #C10D10;-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
#products a .cat-image img {-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
#products a:hover div.cat-image img {transform: scale(1.2);-o-transition:all .2s ease;-moz-transition:all .2s ease;-webkit-transition:all .2s ease;}
.menu-call{display: none}
.mob-menu{display: none}
@media (max-width: 959px) {
	.wraper {width: 100%; max-width: 100%; min-width: 100%;}
	body{overflow-x: hidden}
	header .contacts{display: none}
	header .tools{display: none}
	nav{background-color: inherit}
	nav:before{display: none}
	header .logo {width: 120px !important; top:20px!important; left:50%!important; margin-left: -60px;}
	header .lngbar {top:20px!important; left:10px; width: 30px;}
	.mob-menu{display: block!important;background-color:#3762a2;height: 100%; position: fixed; top: 70px; right:-100%; width: 100%; z-index: 220;-o-transition:all .5s ease;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;transition:all .5s ease; visibility: inherit;}
	nav ul li{display: block; text-align: center}
	nav ul {list-style:none;display: block; margin-bottom: 20px}
	nav ul li a {text-decoration:inherit;color: #fff; display: block; padding-top: 10px; text-align: center; line-height: 30px}
	nav ul li ul{display: none}
	.mob-menu.open{right:0px;}
	.menu-call {right:20px; top:25px;}
	.menu-call span{background-color: #3762a2}
	.menu-call span:before{background-color: #3762a2}
	.menu-call span:after{background-color: #3762a2}
	.menu-call.open span:before{background-color: #3762a2}
	.menu-call.open span:after{background-color: #3762a2}
	header nav{display: none}
	header .menu-call{display: block!important} 
	header .logo{position: absolute; top: 10px;left: 30px;width: 160px;}
	header{height: 80px}
	header .lngbar{right: 80px; top: 25px; } 
	.moto{display: none}
	.h400{height: auto}
	.no-pc {display: none;}
	.tringle {display: none;}
	footer * {text-align: center!important}
	.citys{width: 50%!important}
	
	.slider-images {overflow: hidden; position: absolute; left: 0; top:0; width: 100%; height: 100%;}
.slider-images img{position: absolute;top:0; width:100%!important;min-height: inherit!important; margin: auto; max-width: inherit;min-width: 100%;}
.slide-info {float: right; width: 100%; position: absolute; min-width: inherit; max-width: inherit;} 
	.yellow.h500{height: 380px}
	.col-50.h500.blue.relative {height: 150px; position: absolute; top:70px;}
	.pad-top-50.pad-bottom-50.width-50.right.slide-info {padding: 0!important; margin-left: -20%!important; padding-top: 100px!important; font-size: 0.8em; max-width: 80%!important;}
	.pad-top-50.pad-bottom-50.width-50.right.slide-info .font26 {font-size: 20px;margin-bottom: 10px!important}
	.pad-top-50.pad-bottom-50.width-50.right.slide-info ul{margin-top: 10px} 
	.row.end a.col-50.nodecor { margin: inherit!important;margin-bottom: 20px !important;}
}