@import "http://fonts.googleapis.com/css?family=Roboto:400,300,300italic,100italic,100,400italic,500,500italic,700,700italic,900,900italic&subset=latin,cyrillic-ext,cyrillic,latin-ext";
html{font:300 16px/24px "Roboto",sans-serif!important;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;background:#ededed;color:#444!important;font-weight:300;width:100%;height:100%;margin:0;}
body{display:inline-block;min-width: 100%; margin:0;background:#ededed; }

.cc {background:#212e3d; z-index:100;}
.cc2 {background:#212e3d; padding-left:20px;}
.cc_footer {background:#112938; padding:10px 30px; color:#334d6c; font-size:12px; position:relative; z-index:2; margin-top:-1px;}
.main_menu ul {display:inline; float:right; margin-right:25px;}
.main_menu ul li{display:inline; }
.menu li{padding:24px 15px; list-style:none; font-size:16px;text-transform:uppercase; line-height:80px; border-bottom:2px solid #212e3d;}
.menu li a {color:#fff;display:inline-block;}
.menu li:hover{border-bottom:2px solid #78cbff;  height:78px;cursor:pointer; color:#78cbff; transition: 0.7s;}
.menu li a:hover{text-decoration:none;  color:#78cbff; transition: 0.7s;}
.logo li{list-style:none; position:relative; top:10px;}
.contact {color:#ccc; line-height:20px; font-size:14px; padding:25px;}
.contact i, .contact b{color:#78cbff;}
.bottom {margin:0 auto;}
.bottom_left, .bottom_center, .bottom_right {color:#ddd; padding:0 20px 0 30px; border-left:1px dotted #356f93; border-bottom:1px dotted #356f93; margin-top:40px;}
.plus p{text-align:center; color:#78cbff; font-size:11px;  line-height:16px; padding:10px;}
.plus img {display:block;  margin:20px auto;  box-shadow: inset 0 0 30px 30px rgba(29,58,86, 0.5), 0 0 124px 12px rgba(0,134,248, 0.2); }
.moduletable h3{font-weight:bold; text-transform:uppercase; color:#78cbff; padding-left:35px; position:relative; top:-27px; background:url('../images/dotted_h3.png') no-repeat 0px 10px; margin-left:-30px;}
.home h1, .moduletablelist h3{font-weight:bold; color:#334d6c; position:relative; top:2vw; left:1.5vw; margin:0; font-size:36px;} 
.page-header h1, .page-header h2{font-weight:bold; color:#334d6c; font-size:36px; margin:20px 0 30px;} 
.moduletablelist h3 {padding-left:35px;}
.page-header h1:before, .page-header h2:before, .home h1:before, .moduletablelist h3:before {content: " \2022 "; margin:10px;}
.item-page .page-header h1 {display:none;}
.first-word{color:#FFF; }
.pre_component {background:url('../images/bg_slide.jpg') 0 -30px no-repeat; background-size: cover;}
.item-page {padding:15px 30px;}
.item-title {padding-left:15px;}
.text_menu ul {margin:0; background:#fff;}
.text_menu ul li{padding:0px 10px; line-height:40px;}
.text_menu {}
@media screen and (min-width:1080px) and (max-width:1400px){
.text_menu ul li {font-size:14px;}
}
@media screen and (min-width:0px) and (max-width:1079px){

}
.zag {margin-bottom:60px;}
.pre .block {border-right:0; padding:45px 5px 0 115px; margin-top:15px;}
.pre .control{background:url('../images/control.png') no-repeat 5px 5px;}
.pre .five{background:url('../images/50.png') no-repeat 5px 5px;}
.pre .metal{background:url('../images/metal.png') no-repeat 5px 5px;}
.pre .mobil{background:url('../images/mobil.png') no-repeat 5px 5px;}
.pre .block p {text-decoration:none; line-height:20px;} 
.home {margin:-15px -30px!important; background:url('../images/bg_slide.jpg') 0 -120px no-repeat; background-size: cover;}
.home_right {position:relative; top:2vh!important;}
.product-spec__name {font-weight: normal; padding:10px 0 10px 10px;}
.product-spec tr:nth-child(odd){ background:#eee; }
.product-spec__value {text-align:center; padding:10px 0;}
.button_sld a, .readmore a{
	background:#334d6c; 
	padding:15px 40px; 
	color:#fff; 
	display:block; 
	position:relative; 
	bottom:2vh; 
	max-width:200px; 
	text-align:center;
	line-height:8px;
	text-transform:uppercase;
	font-weight:500;
	font-size:14px;
}
.button_sld a:hover, .readmore a:hover{
	background:#356f93; 
	text-decoration:none;
	color:#fff;
}
#spisok {
	margin: 20px auto;
}
.all_view {
	cursor: pointer;
	font-size:24px;
	color:#356f93;
	text-align:center;
	display:block;
	margin:0 0 20px -1vw;
}
.col {
	-webkit-column-count:1;  
    -moz-column-count:1;  
    column-count:1;  
	-moz-column-width: 90vw;  
    -webkit-column-width: 90vw;   
    column-width: 90vw;  	
	}
.spisok li {
	border-bottom: 1px dashed #eee;
	padding: 10px 0;
	font-size:14px;
	color:#666;
}

.menu_bar ul{padding-left:0px !important;}
.menu_bar ul li{list-style-type:none;padding:15px 0 15px 25px;border-bottom:1px solid #161f2b;}
.menu_bar ul li:first-child{border-bottom:0; padding-left:25px;}

.menu_bar img{margin:10px;display:block;float:left;}
.menu_bar li a{color:#eee;}
.menu_bar li a:hover{text-decoration:none;color:#78cbff;}	
.menu_bar .active .current a {color:#78cbff;}

.menu_cat li{display:inline; padding:10px 0 0 25px; font-size:18px;}
.menu_cat {position:relative; top:25px; left:40px; z-index:10;}
.menu_cat li a:hover {text-decoration:underline!important;}
.menu_cat .current a {text-decoration:underline!important; font-weight:500;}
/*(min-width:1200px) and (max-width:1920px)*/
@media screen and (min-width:1200px) and (max-width:1920px){
.top  {min-height:80px; margin:0 auto;}
.uk-button{display:none!important;}
.logo li{list-style:none; position:relative; top:10px;}
.col {
	-webkit-column-count:3;  
    -moz-column-count:3;  
    column-count:3;  
	-moz-column-width: 30vw;  
    -webkit-column-width: 30vw;   
    column-width: 30vw;  
	column-gap: 3vw;
	column-rule: 1px dotted #ccc; 
	}
}
/*(min-width:960px) and (max-width:1199px)*/
@media screen and (min-width:960px) and (max-width:1199px){
.top  { height:80px; margin:0 auto;}
.menu li{padding:20px 10px; list-style:none; font-size:14px;}
.logo li{list-style:none; position:relative; top:20px;}
.uk-button{display:none!important;}
.contact {display:none;}
.moduletablelist h3 {font-size:36px;}
.pre .control{background:url('../images/control_m.png') no-repeat 5px 5px;}
.pre .five{background:url('../images/50_m.png') no-repeat 5px 5px;}
.pre .metal{background:url('../images/metal_m.png') no-repeat 5px 5px;}
.pre .mobil{background:url('../images/mobil_m.png') no-repeat 5px 5px;}
.pre .block {border-right:0; padding:10px 25px 0 75px; font-size:14px;}
}
/*(min-width:768px) and (max-width:960px)*/
@media screen and (min-width:768px) and (max-width:959px){
.top  {height:40px; margin:0 auto;}
.menu li{padding:20px 10px; list-style:none; font-size:14px;}
.logo img{max-width: 100%; height: 35px;}
.logo li{position:relative; top:5px;}
.bottom_left {font-size:14px;}
.home h1, .moduletablelist h3 {font-size:24px;}
.page-header h1, .page-header h2 {margin:10px 0 20px; line-height:30px;font-size:24px;}
.pre .block {border-right:0; padding:15px 25px 25px 75px; font-size:14px; margin-top:0px;}
.pre .control{background:url('../images/control_m.png') no-repeat 5px 5px;}
.pre .five{background:url('../images/50_m.png') no-repeat 5px 5px;}
.pre .metal{background:url('../images/metal_m.png') no-repeat 5px 5px;}
.pre .mobil{background:url('../images/mobil_m.png') no-repeat 5px 5px;}
.zag {margin-bottom:40px!important;}
}

/*(min-width:200px) and (max-width:768px)*/
@media screen and (min-width:200px) and (max-width:767px){
.top  {height:40px; margin:0 auto;}
.logo img{max-width: 100%; height: 35px;}
.logo li{position:relative; top:5px;}
.bottom_left p, .bottom_center p, .bottom_right p{font-size:14px; }
.home h1,.moduletable h3 {font-size:18px; margin-bottom:-20px;}
.page-header h1, .page-header h2 {margin:10px 0 20px; line-height:30px;font-size:24px;}
.pre .block {border-right:0; padding:15px 25px 25px 75px; font-size:12px; margin-top:0px;}
.pre .control{background:url('../images/control_m.png') no-repeat 5px 5px;}
.pre .five{background:url('../images/50_m.png') no-repeat 5px 5px;}
.pre .metal{background:url('../images/metal_m.png') no-repeat 5px 5px;}
.pre .mobil{background:url('../images/mobil_m.png') no-repeat 5px 5px;}
.zag {margin-bottom:20px!important;}
}

/* Современные браузеры, кроме Chrome, Opera, Safari */
@keyframes go-bottom-top {   /* назовём анимацию: "go-left-right" */
    from {
      bottom: 2vh;               /* от: left: 0px */
    }
    to {
      bottom: calc(5vh); /* до: left: 100%-50px */
    }
  }

  /* Префикс для Chrome, Opera, Safari */
  @-webkit-keyframes go-bottom-top {
    from {
      bottom: 2vh;
    }
    to {
      bottom: 5vh;
    }
  }

  .progress {
    /* применить анимацию go-left-right */
    /* продолжительность 3s */
    /* количество раз: бесконечное (infinite) */
    /* менять направление анимации каждый раз (alternate) */
    animation: go-bottom-top 2s infinite alternate;
    -webkit-animation: go-bottom-top 2s infinite alternate;
    position: relative;
    
  }