@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,  tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:14px; font-family: 'Roboto', sans-serif; vertical-align:baseline; color:#363636;}
a, a:focus, input:focus, li , input {
    outline:none;text-decoration:none;
}
input[type="text"], input[type="password"] {
	font-size: 100%;
	
}
textarea {
	font-size: 100%;
	padding: 0;
	font-family: arial;
}

html, body { width:100%; height:100%; min-height:100%; background: #fff; background: #2185c5 url("../images/bg.png") repeat-x;}
ul, li {list-style:none;}
strong {font-size:18px; font-weight:600;}

h1 {font-size:30px; color:#fff; font-weight:600; text-align:center; padding:15px 0;}
h3 {font-size:30px; color:#000; font-weight:600;}

#header {height: 74px; background: #fff; }
#content {width: 100%; min-height: calc(100vh - 195px); display: block; overflow: hidden;}
.center {width: 1300px; margin: 0 auto; display: block;  overflow:hidden;}


.logo {width: 180px; float: left; text-align: center;}
.logo a{height: 66px; display: block;  overflow:hidden; margin-top: 5px;}
.logo a img {width: auto; height: 100%;}

.contacts  {width: 280px; float: left; text-align: right; margin-top: 15px; margin-left: 40px;}
.contacts .line {font-size: 16px; font-weight: 500;}


#top_menu {height: 36px; margin-top: 38px; float: left; margin-left: 40px;}
#top_menu ul { text-align: center;}
#top_menu ul li { display: inline-block; border-left: 1px solid #1b79bd;}
#top_menu ul li:last-child{  border-right: 1px solid #1b79bd;}
#top_menu ul li a, #top_menu ul li a:visited{color: #fff; line-height: 36px;  background: #14c3ff; padding: 7px 10px; font-size: 18px; font-weight: 500;}
#top_menu ul li a:hover, #top_menu ul li a:focus, #top_menu ul li.active a, #top_menu ul li a:active {background: #1b79bd; text-decoration: none;}




#space {width: 100%; height: 90px; display: block; overflow: hidden;}

#footer {width: 100%; background: url("../images/bg_bottom.png") repeat-x bottom; display: block; overflow: hidden; position:fixed; bottom:0; z-index:1155;}
#footer .pic {width: 219px; height: 115px; display: block; overflow: hidden; float: left; background: url("../images/bottom_akpp.png") no-repeat; margin: 0 50px 0 30px; }
#footer .bottom_menu { float: left; }
#footer .bottom_menu ul {margin-top: 60px;}
#footer .bottom_menu ul li {  display: inline-block; margin-left: 10px;}
#footer .bottom_menu ul li a {color: #fff; line-height: 44px;  background: #e42912; padding: 10px 15px; font-size: 22px; font-weight: 500;}
#footer .bottom_menu ul li a:hover {background: #ae1300; text-decoration: none;}




.item {width:100%; display:block; overflow:hidden; margin:0 0 30px 0;}
.item_img {width:430px; display:block; overflow:hidden; float:left; background:#fff; text-align:center; padding:15px;}
.item_img img{width:400px;}
.item_content {width:calc(100% - 460px); display:block; overflow:hidden; margin-left:30px; float:left; background:#fff; padding:15px;}
.item_content_top {width:100%; display:block; overflow:hidden;}
.item_content_title {font-size:27px; color:#000; font-weight:600; padding:0px 20px 0px 0; width:calc(100% - 220px); display:block; overflow:hidden; float:left;}
.item_content_stock {width:220px; display:block; overflow:hidden; float:left; background:#2eb831; text-align:center;padding:10px 0;}
.item_content_stock span{width:220px; font-size:27px; color:#fff; font-weight:600; }

.item_content_bottom {width:100%; display:block; overflow:hidden;}
.item_content_text {width:100%; height:202px; display:block; overflow:hidden;}
.item_content_text p strong{padding-top:15px;  display:block; overflow:hidden;}
.item_content_price p strong{padding-bottom:5px;  display:block; overflow:hidden;}
.item_content_price span.on {font-size:40px; color:#000; font-weight:600; text-align:center; background:#14c3ff; padding:7px 25px; }
.item_content_price span.on span {color:#000; font-size:20px; font-weight:600;}


#slider {width:100%;  background: url("../images/bg_car1.png") no-repeat bottom left, url("../images/bg_car2.png") no-repeat bottom right;}
#owl_bx {max-width:773px; margin:0 auto; }
#owl_bx .item {}
#owl_bx .item img{border:7px solid #fff; }

.font_w {padding:15px; color:#fff; margin-bottom:20px;}
.font_w p{ color:#fff;  margin-bottom: 15px; font-size: 18px;}


.owl-nav [class*=owl-], .mastera .owl-nav [class*=owl-] {
    position: absolute;
    margin-top: -195px!important;
    width: 53px;
    height: 68px;
    display: block!important;
}

.owl-nav .owl-prev {
    background: url(../images/arr.png) no-repeat;
    background-position: 0 -0px;
    float: left;
    margin-left: 20px!important;
	opacity:0.45;
}

.owl-nav .owl-next {
    background: url(../images/arr.png) no-repeat;
    background-position: -53px 0px;
    float: left;
    margin-left: calc( 100% - 73px )!important;
	opacity:0.45;
}

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover {opacity:0.75;
}


#marks {width:100%; display:block; overflow:hidden; text-align:center; }
#marks .box_line {margin:0 0px 15px 0; height:calc((100vh - 574px)/2);}

#marks .box {display:inline-block; width:250px; height:100%; margin:0 5px 0px; overflow:hidden; line-height: 200px;  background-size: contain;}
#marks.col4 .box, #marks.col5 .box, #marks.col6 .box, #marks.col7 .box, #marks.col8 .box {width:350px;}
#marks.col9 .box, #marks.col10 .box {width:calc((100% - 200px)/5);}
#marks.col11 .box, #marks.col12 .box {width:calc((100% - 200px)/6);}
#marks.col13 .box, #marks.col14 .box {width:calc((100% - 200px)/7);}
#marks.col15 .box, #marks.col16 .box {width:calc((100% - 200px)/8);}
#marks.col17 .box, #marks.col18 .box {width:calc((100% - 200px)/9);}
#marks.col19 .box, #marks.col20 .box {width:calc((100% - 200px)/10);}

.mark5 { background: #000; background:  url(../images/mark1.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark6 { background: #000; background:  url(../images/mark2.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark7 { background: #000; background:  url(../images/mark3.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark8 { background: #000; background:  url(../images/mark4.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark27 { background: #000; background:  url(../images/mark5.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark28 { background: #000; background:  url(../images/mark6.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark29 { background: #000; background:  url(../images/mark7.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark30 { background: #000; background:  url(../images/mark8.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark31 { background: #000; background:  url(../images/mark9.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark32 { background: #000; background:  url(../images/mark10.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark33 { background: #000; background:  url(../images/mark11.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark34 { background: #000; background:  url(../images/mark12.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark35 { background: #000; background:  url(../images/mark13.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark36 { background: #000; background:  url(../images/mark14.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark37 { background: #000; background:  url(../images/mark15.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark38 { background: #000; background:  url(../images/mark16.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark39 { background: #000; background:  url(../images/mark17.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark40 { background: #000; background:  url(../images/mark18.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark41 { background: #000; background:  url(../images/mark19.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark42 { background: #000; background:  url(../images/mark20.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark43 { background: #000; background:  url(../images/mark21.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark44 { background: #000; background:  url(../images/mark22.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark45 { background: #000; background:  url(../images/mark23.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark46 { background: #000; background:  url(../images/mark24.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark47 { background: #000; background:  url(../images/mark25.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark48 { background: #000; background:  url(../images/mark26.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark49 { background: #000; background:  url(../images/mark27.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark50 { background: #000; background:  url(../images/mark28.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}
.mark51 { background: #000; background:  url(../images/mark29.png) no-repeat 50% 50% , linear-gradient(to top, #09293e, #01060b, #09293e);}

#marks.h0 .box_line {height:135px;}

#accordion .statia{ background:#fff; padding:15px; display:block; overflow:hidden;font-size: 18px; margin-bottom:20px;}
#accordion .statia h2{font-size: 18px; font-weight: 600; margin-bottom:5px;}
#accordion .statia p{font-size: 18px; margin-bottom:15px;}
#accordion .statia.off .end{display:none;}

#accordion .statia.on .button_more{width:100px; background:#e42912; text-align:center; float:right; color:#fff; font-size: 18px; font-weight: 600;}
#accordion .statia.on .button_more:hover{background:#c4200c; cursor:pointer;  transition: 0.4s;}
#accordion .statia.off .button_more{width:100px; background:#1b79bd; text-align:center; float:right; color:#fff; font-size: 18px; font-weight: 600; }
#accordion .statia.off .button_more:hover{background:#0b67a9; cursor:pointer;  transition: 0.4s;}






#cats { text-align:center; margin-bottom:30px;   }
#cats .box { text-align:center; display:inline-block; width:316px; height:185px; background: #000; background: linear-gradient(to top, #01060b, #09293e); margin:0px 3px 10px; padding:20px 0px 0px;}
#cats .box_img {}
#cats .box_title {font-size: 20px; font-weight: 600; color:#fff; margin-top:10px; background:rgba(0,0,0,0.35); padding:3px 0 5px;} 

.moduletable.bg_w {background:#fff; padding:15px; }
.moduletable.bg_w p {font-size: 18px; }

.modal-body h3 {text-align:center;font-size: 22px; margin-bottom:10px;}

input { width: 100%; height: 42px; margin:0px 0 15px; padding: 5px 10px; }

.uk-button { width: 100%; height: 42px; background: #14c3ff; padding: 5px 20px; color: #fff; font-size: 22px; border: 0; }
.uk-button:hover { width: 100%; height: 42px; background: #1b79bd; padding: 5px 20px; color: #fff; font-size: 22px; border: 0; }



.bg_w .box {  width: 100%; height: 100%;  display: flex; flex-direction: row;justify-content: space-around;  margin: 0px 0;}
.bg_w p{ margin-bottom: 15px;}
.bg_w .box img {  width: 100%; height:100%;}
.video {
    width: 670px;
    height: auto;
    display: block;
    overflow: hidden;
}
iframe {
    width: 100%!important;
    height: 294px;
}

#footer input[type="checkbox"]{ width: 45px;  float: left; padding: 0; margin: 10px 0}
#footer .afterformtext {width: calc(100% - 60px);  text-align: left; margin: 15px 0; padding: 0 0 0 15px; float: left;}
#footer .afterformtext a {font-size: 24px; color: #575757;}

.footer_form {width: calc(50% - 25px); float: left;}
.footer_rating {width: calc(50% - 25px); float: left; margin-left: 50px; }

#footer h3 {margin: 25px 0;}

.footer_line {width: 100%; height: 60px; border: 1px solid #d5d5d5; display: block; overflow: hidden; background: #fff;  line-height: 60px; margin: 4px 0;}
.footer_box_left {width: 30%; height: 60px; float: left; border-right: 1px solid #d5d5d5;  display: block; overflow: hidden; text-align: center; font-size: 23px; color:#414141; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.footer_box_left span{font-size: 42px; font-family: 'Open Sans', sans-serif; color:#ed1b24; font-weight: 600;}
.footer_box_right {width: calc(70% - 1px); height: 60px; float: left; display: block; overflow: hidden; text-align: center;}


.form_check {width: 30px; height: 30px; display: block; overflow: hidden; background: #fff; border: 1px solid #dcdcdc; float: left;}



.footer_rating .footer_bottom_line {font-size: 24px; color: #575757; text-align: right; margin: 15px 0;}




.modal-dialog {width: 400px; margin: calc((100vh - 300px)/2) auto 30px;}
.modal-body  { padding-bottom:40px;}





.m_menu {width: 100%; height:50px; background:#1b79bd; display:none; position:absolute; top:0; border-bottom:1px solid #1b79bd;}
.m_menu a{width: 30px; height:28px;  background:#14c3ff; display:block; border-radius:3px; text-align:center; float:right; margin:10px 10px 0 0;}
.m_menu a img{margin:7px auto;}


.afterformtext {height: 50px;  display: block; overflow: hidden; float: left; padding-bottom: 10px; margin-top:10px;}
.afterformtext a { margin-left:10px;}

.wscheck_left {display: block; overflow: hidden;  float: left;}
.wscheck_right {display: block; overflow: hidden;  float: left;}

.modal-body input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: 1px solid #c1c1c1;
    margin: 0;
    padding-top: 0px;
}



.moduletable_rev {width: 50%;margin-left:25%;}

.custom_rev {width: 100%; height: auto; border: 7px solid #cccccc; float: left; text-align: center; padding:7px 0; margin-top: calc((100vh - 450px)/2); background: #fff;}
.content_box {display: block; overflow: hidden;}

.content_box_star {width: 146px; height: 34px; display: block; overflow: hidden; margin: 0 auto;}
.w3 .content_box_star {background: url("../images/stars3.png") no-repeat;}
.w35 .content_box_star {background: url("../images/stars35.png") no-repeat;}
.w4 .content_box_star {background: url("../images/stars4.png") no-repeat;}
.w45 .content_box_star {background: url("../images/stars45.png") no-repeat;} 
.w5 .content_box_star {background: url("../images/stars5.png") no-repeat;}
.content_box_rating {font-weight:500; font-size: 28px; color: #414141; font-family: 'Open Sans', sans-serif; margin-top: 0px; }
.content_box_rating b{font-weight:600;font-size: 64px; color: #ed1b24;}
.content_box_img {height: 110px; width: 381px; display:block; overflow:hidden; margin:0 auto;max-width:100%;}
.content_box_img img {width: 100%; max-width:100%;}
.content_box_button { width: 200px; height: 48px; display: block;	overflow: hidden;  margin:5px auto 0; border: 0px;}
.content_box_button a { color: #fff; font-size: 16px;  background: #7cae2e; line-height:48px; text-align: center; color: #fff; font-size: 16px; border-radius: 7px; padding:9px 25px 10px;}
.content_box_button a:hover {  font-size: 16px; text-decoration: none; background: #659021; }





@media (max-width: 1850px) {

}

@media (max-width: 1340px) {
	.center {width: 96%; margin: 0 auto; display: block;  overflow:hidden;}
	
	
		

	.logo {width: 175px; float: left; text-align: center;}
	.logo a{height: 66px; display: block;  overflow:hidden; margin-top: 5px;}
	.logo a img {width: auto; height: 100%;}

	.contacts  {width: 240px; float: left; text-align: right; margin-top: 15px; margin-left: calc((100% - 1091px)/2);}
	.contacts .line {font-size: 14px; font-weight: 500;}


	#top_menu {height: 32px; margin-top: 42px; float: left; margin-left: calc((100% - 1091px)/2); }
	#top_menu ul { text-align: center;}
	#top_menu ul li { display: inline-block; border-left: 1px solid #1b79bd;}
	#top_menu ul li:last-child{  border-right: 1px solid #1b79bd;}
	#top_menu ul li a, #top_menu ul li a:visited{color: #fff; line-height: 33px;  background: #14c3ff; padding: 7px 10px; font-size: 16px; font-weight: 500;}
	#top_menu ul li a:hover, #top_menu ul li a:focus, #top_menu ul li.active a, #top_menu ul li a:active {background: #1b79bd; text-decoration: none;}
	

	

	#footer .bottom_menu ul li a {color: #fff; line-height: 44px;  background: #e42912; padding: 10px 10px; font-size: 16px; font-weight: 500;}




		
	
}

@media (max-width: 1200px) {
	.contacts  {width: 240px; float: left; text-align: right; margin-top: 15px; margin-left: calc((100% - 983px)/2);}
	.contacts .line {font-size: 14px; font-weight: 500;}
	
	#top_menu {height: 32px; margin-top: 43px; float: left; margin-left: calc((100% - 983px)/2); }
	#top_menu ul { text-align: center;}
	#top_menu ul li { display: inline-block; border-left: 1px solid #1b79bd;}
	#top_menu ul li:last-child{  border-right: 1px solid #1b79bd;}
	#top_menu ul li a, #top_menu ul li a:visited{color: #fff; line-height: 31px;  background: #14c3ff; padding: 7px 7px; font-size: 14px; font-weight: 500;}
	#top_menu ul li a:hover, #top_menu ul li a:focus, #top_menu ul li.active a, #top_menu ul li a:active {background: #1b79bd; text-decoration: none;}
}


@media (max-width: 1100px) {
	
	.logo {width: 175px; float: left; text-align: center;}
	.logo a{height: 66px; display: block;  overflow:hidden; margin-top: 5px;}
	.logo a img {width: auto; height: 100%;}

	.contacts  {width: 240px; float: left; text-align: right; margin-top: 15px; margin-left: calc((100% - 983px)/2);}
	.contacts .line {font-size: 14px; font-weight: 500;}


	#top_menu {height: 32px; margin-top: 43px; float: left; margin-left: calc((100% - 983px)/2); }
	#top_menu ul { text-align: center;}
	#top_menu ul li { display: inline-block; border-left: 1px solid #1b79bd;}
	#top_menu ul li:last-child{  border-right: 1px solid #1b79bd;}
	#top_menu ul li a, #top_menu ul li a:visited{color: #fff; line-height: 31px;  background: #14c3ff; padding: 7px 7px; font-size: 14px; font-weight: 500;}
	#top_menu ul li a:hover, #top_menu ul li a:focus, #top_menu ul li.active a, #top_menu ul li a:active {background: #1b79bd; text-decoration: none;}

	

	.item_img {width:320px; height:350px; display:block; overflow:hidden; float:left; background:#fff; text-align:center; padding:10px;}
	.item_img img{width:300px;}
	.item_content {width:calc(100% - 335px); display:block; overflow:hidden; margin-left:15px; float:left; background:#fff; padding:10px;}
	.item_content_top {width:100%; display:block; overflow:hidden;}
	.item_content_title {font-size:22px; color:#000; font-weight:600; padding:0px 20px 0px 0; width:calc(100% - 150px); display:block; overflow:hidden; float:left;}
	.item_content_stock {width:150px; display:block; overflow:hidden; float:left; background:#2eb831; text-align:center;padding:5px 0;}
	.item_content_stock span{width:150px; font-size:22px; color:#fff; font-weight:600; }

		
		
	
	#footer .pic {width: 219px; height: 115px; display: block; overflow: hidden; float: left; background: url("../images/bottom_akpp.png") no-repeat; margin: 0 20px 0 20px; }

	
	h1 {font-size:24px; color:#fff; font-weight:600; text-align:center; padding:15px 0;}
	h3 {font-size:24px; color:#000; font-weight:600;}

}



@media (max-width: 999px) {

	#header {height:180px; background: #fff; }
	#header .center {width: 100%;}
	
	.logo {width: 175px; float: none; text-align: center; margin:0 auto;}
	.logo a{height: 66px; display: block;  overflow:hidden; margin-top: 5px;}
	.logo a img {width: auto; height: 100%;}

	.contacts  {width: 100%; float: none; text-align: center; margin-top: 20px; margin-left: 0;position:absolute; }
	.contacts .line {font-size: 14px; font-weight: 500;}


	#top_menu {width: 100%; height: 34px; float: none; margin: 80px auto 0;  display: block;  overflow:hidden;  background: #14c3ff; position:absolute; }
	#top_menu ul { text-align: center;}
	#top_menu ul li { display: inline-block; border-left: 1px solid #1b79bd;}
	#top_menu ul li:last-child{  border-right: 1px solid #1b79bd;}
	#top_menu ul li a, #top_menu ul li a:visited{color: #fff; line-height: 34px;  background: #14c3ff; padding: 7px 12px; font-size: 18px; font-weight: 500;}
	#top_menu ul li a:hover, #top_menu ul li a:focus, #top_menu ul li.active a, #top_menu ul li a:active {background: #1b79bd; text-decoration: none;}

	#space {width: 100%; height: 160px; display: block; overflow: hidden;}
	
	#footer {width: 100%;background: #fff; display: block; overflow: hidden; margin-top: -105px; position:fixed; bottom:0;}
	#footer .pic {width: 219px; height: 146px; display: block; overflow: hidden; float: left; background: url("../images/bottom_akpp.png") no-repeat bottom; margin: 0 0px 0 20px; }
	#footer .bottom_menu { float: right; }
	#footer .bottom_menu ul {margin-top: 0px; margin-bottom:5px;}
	#footer .bottom_menu ul li {  display: block; margin-left: 10px; margin-top:5px;}
	#footer .bottom_menu ul li a {width:240px; color: #fff; line-height: 22px;  background: #e42912; padding: 10px 10px; font-size: 16px; font-weight: 500; text-align:center;display: block;  overflow:hidden;}
	#footer .bottom_menu ul li a:hover {background: #ae1300; text-decoration: none;}

	#marks .box_line {margin:0 0px 0px 0; height:100%; display:inline;}
	#marks.col4 .box, #marks.col5 .box, #marks.col6 .box, #marks.col7 .box, #marks.col8 .box, #marks.col9 .box, #marks.col10 .box, #marks.col11 .box, #marks.col12 .box, #marks.col13 .box, #marks.col14 .box, #marks.col15 .box, #marks.col16 .box, #marks.col17 .box, #marks.col18 .box, #marks.col19 .box, #marks.col20 .box {width:250px; margin:0 5px 10px 5px; height:135px;}

	.custom_rev {width: 100%; height: auto; border: 7px solid #cccccc; float: left; text-align: center; padding:7px 0; margin-top: calc((100vh - 640px)/2); background: #fff;}
	
}

@media (max-width: 900px) {

	.item_img {width:100%; height:300px; display:block; overflow:hidden; float:left; background:#fff; text-align:center; padding:10px;}
	.item_img img{width:300px;}
	.item_content {width:100%;; display:block; overflow:hidden; margin-left:0px; float:left; background:#fff; padding:10px;}
	.item_content_top {width:100%; display:block; overflow:hidden;}
	.item_content_title {font-size:22px; color:#000; font-weight:600; padding:0px 20px 0px 0; width:calc(100% - 150px); display:block; overflow:hidden; float:left;}
	.item_content_stock {width:150px; display:block; overflow:hidden; float:left; background:#2eb831; text-align:center;padding:5px 0;}
	.item_content_stock span{width:150px; font-size:22px; color:#fff; font-weight:600; }

	
		

	.owl-nav [class*=owl-], .mastera .owl-nav [class*=owl-] { margin-top: calc(0px - (100vw*293/773)/2 - 30px )!important;}

	
	
}

@media (max-width: 800px) {

	#top_menu {width: 100%; height: 34px; float: none; margin: 80px auto 0;  display: block;  overflow:hidden;  background: #14c3ff; position:absolute; }
	#top_menu ul { text-align: center;}
	#top_menu ul li { display: inline-block; border-left: 1px solid #1b79bd;}
	#top_menu ul li:last-child{  border-right: 1px solid #1b79bd;}
	#top_menu ul li a, #top_menu ul li a:visited{color: #fff; line-height: 34px;  background: #14c3ff; padding: 7px 10px 8px; font-size: 16px; font-weight: 500;}
	#top_menu ul li a:hover, #top_menu ul li a:focus, #top_menu ul li.active a, #top_menu ul li a:active {background: #1b79bd; text-decoration: none;}

	
	
}

@media (max-width: 768px) {

	#header {height: 210px; background: #fff;display: block;  overflow:hidden; padding-top:50px; }
	#header .center {width: 100%;}
	.m_menu {display:block;}
	.logo {width: 200px; float: none; text-align: center; margin:10px auto 0;}
	.logo a{height: auto; display: block;  overflow:hidden; margin-top: 5px;}
	.logo a img {width: auto; height: 100%;}

	.contacts  {width: 100%; float: none; text-align: center; margin-top: 10px; margin-left: 0; }
	.contacts .line {font-size: 16px; font-weight: 500;}


	#top_menu {width: 100%; height: auto; float: none; margin: 0px auto 0;  display: none;  overflow:hidden;  background: #14c3ff; position:absolute; top:50px; z-index:1155; }
	#top_menu ul { text-align: center;}
	#top_menu ul li { width: 100%; display: block; border-left: 0px solid #1b79bd;  border-top: 1px solid #1b79bd;}
	#top_menu ul li:last-child{  border-right: 0px solid #1b79bd;}
	#top_menu ul li a, #top_menu ul li a:visited{width: 100%; color: #fff; line-height: 34px;  background: #14c3ff; padding: 7px 12px; font-size: 18px; font-weight: 500; display: block;  overflow:hidden;}
	#top_menu ul li a:hover, #top_menu ul li a:focus, #top_menu ul li.active a, #top_menu ul li a:active {background: #1b79bd; text-decoration: none;}
	#top_menu ul li.active  { border-top: 1px solid #14c3ff;}

	.owl-nav [class*=owl-], .mastera .owl-nav [class*=owl-] { margin-top: calc(0px - (100vw*293/773)/2 - 40px )!important;}

	h1 {font-size:18px; color:#fff; font-weight:600; text-align:center; padding:15px 0;}
	h3 {font-size:18px; color:#000; font-weight:600;}
	
	#marks.col4 .box, #marks.col5 .box, #marks.col6 .box, #marks.col7 .box, #marks.col8 .box, #marks.col9 .box, #marks.col10 .box, #marks.col11 .box, #marks.col12 .box, #marks.col13 .box, #marks.col14 .box, #marks.col15 .box, #marks.col16 .box, #marks.col17 .box, #marks.col18 .box, #marks.col19 .box, #marks.col20 .box {width:200px; margin:0 5px 10px 5px; height:135px;}
	
		
		
	.moduletable_rev {width: 100%;margin-left:0;}
	.custom_rev {width: 100%; height: auto; border: 7px solid #cccccc; float: left; text-align: center; padding:7px 0; margin-top: 10px; background: #fff;}
	
	
}

@media (max-width:570px){

	#footer {width: 100%;background: #fff; display: block; overflow: hidden; margin-top: -105px; position:fixed; bottom:0;}
	#footer .pic {display:none; }
	#footer .bottom_menu { float: none; }
	#footer .bottom_menu ul {margin-top: 0px; margin-bottom:5px;}
	#footer .bottom_menu ul li {  display: block; margin-left: 10px; margin-top:5px;}
	#footer .bottom_menu ul li a {width:240px; color: #fff; line-height: 22px;  background: #e42912; padding: 10px 10px; font-size: 16px; font-weight: 500; text-align:center;display: block;  overflow:hidden; margin:0 auto;}
	#footer .bottom_menu ul li a:hover {background: #ae1300; text-decoration: none;}

	.owl-nav [class*=owl-], .mastera .owl-nav [class*=owl-] { margin-top: calc(0px - (100vw*293/773)/2 - 45px )!important;}
	
	.logo a img {width: 100%; height: 100%; max-width:320px;}
	
	
	.modal-body h3 {text-align:center; font-size: 16px; margin-bottom:10px;}
	.modal-dialog {width: 95%; margin: calc((100vh - 300px)/2) auto 30px;}
	
	#marks.col4 .box, #marks.col5 .box, #marks.col6 .box, #marks.col7 .box, #marks.col8 .box, #marks.col9 .box, #marks.col10 .box, #marks.col11 .box, #marks.col12 .box, #marks.col13 .box, #marks.col14 .box, #marks.col15 .box, #marks.col16 .box, #marks.col17 .box, #marks.col18 .box, #marks.col19 .box, #marks.col20 .box {width:150px; margin:0 5px 10px 5px; height:110px;}
}

@media (max-width:450px){
	.owl-nav [class*=owl-], .mastera .owl-nav [class*=owl-] { margin-top: calc(0px - (100vw*293/773)/2 - 52px )!important;}
	h1 {font-size:16px; color:#fff; font-weight:600; text-align:center; padding:15px 0;}
	h3 {font-size:16px; color:#000; font-weight:600;}
	.logo a img {width: 100%; height: 100%; max-width:300px;}
	
	#marks.col4 .box, #marks.col5 .box, #marks.col6 .box, #marks.col7 .box, #marks.col8 .box, #marks.col9 .box, #marks.col10 .box, #marks.col11 .box, #marks.col12 .box, #marks.col13 .box, #marks.col14 .box, #marks.col15 .box, #marks.col16 .box, #marks.col17 .box, #marks.col18 .box, #marks.col19 .box, #marks.col20 .box {width:120px; margin:0 5px 10px 5px; height:90px;}
	
}























.check input[type="checkbox"] {width: 30px!important;}
.check a {font-size: 18px;  color: #0e507e; text-decoration:underline;}