@media (min-width: 376px) {
  .phones{
	  	font-size: 1rem;
	font-weight: 300;	
  }	

}
@media (max-width: 376px) {
.body {margin-left:5px;margin-right:5px;}

}
@media (max-width: 576px) {
	.body {margin-left:5px;margin-right:5px;}
	.footer{
	font-size: 0.7rem;	
	}
	 .phones{
	  	display:none;	
  }
  	 .phones2{
	  	display:block !important;	
  }
  .myheader{height:30px !important;	
  }
  .nomobile{display:none !important;		}
  
}
@media (min-width: 576px) {

   .header{
	 width: 540px; 
  }
  .phones{
	  	font-size: 1rem;
	font-weight: 300;	
  }

}

@media (min-width: 768px) {
   .header{
	 width: 720px; 
  }
    .phones{
	  	font-size: 1.25rem;
	font-weight: 700;	
  }
}

@media (min-width: 992px) {
   .header{
	 width: 960px; 
  }
      .phones{
	  	font-size: 1.75rem;
	font-weight: 700;	
  }
}

@media (min-width: 1200px) {
  .header{
	 width: 1140px; 
  }
    .phones{
	  	font-size: 1.75rem;
	font-weight: 700;	
  }
}

body{
	background: url('/template/images/bg.png') repeat-x 0 0;
}

.header{
	margin: 0px auto;

}
.footer{
	background: url('/template/images/footer.png') repeat;
	width: 100%;
	  height: auto;
	  border-top: 3px solid #dfdfdf;
    padding: 17px 0 15px 0;
	display: block;
}
.footerblock{
max-width: 1010px;
    margin: 0 auto;	
	display: flex;
}

.footerblock .leftside{
	float: left;
    width: 300px;
    min-height: 145px;
    padding: 0 25px 0 0;
    margin: 0 25px 0 0;
    border-right: 1px solid #dfdfdf;
}

.footbox{
	margin: 0 70px 0 0;
    float: left;
    max-width: 185px;
}
.myheader{
	margin: 0px auto;
	width: 100%;
	background: #aaa;
	margin: 0px auto;
	height:10px;
}

.logo {
   width: 100%;
    height: 100px;
	background: rgba(255, 255, 255, 0.25);
	box-shadow:0 0 20px 0 rgba(0,0,0,.15);
	border-radius: 4px 4px 0px 0px;
	font-size: 1.25rem;
	font-weight: 700;	
	position:relative;
} 

.container{
padding-left:0px !important;	
padding-right:0px !important;		
}
.logo img{
	padding-top:3px;
	
}
.logo .phones{
	padding-top:3px;
position:absolute;
top:10px;
right:10px;
}

.phones2{
	display:none;
}

.headbox {
width: 100%;
min-height:35px;
padding-left:8px;
background-color: #fff;
border: 1px solid #ddd;
 border-radius: 4px 4px 0px 0px;
display: inline-block;
}  
.hidden{
 display:none;	
}
.search-loader{
  text-align: center;
   
    width: 100%;
    display: none;
}
.searchbox1 {

      background: #f1f1f1;
  }
.clear{
	display:block;
	width: 100%;
	height:10px;
	clear:both;
}
.main{
//	width: 96%;
//    max-width: 1200px;
    position: relative;
     margin: auto;
//	background: #fff;
//  margin-bottom: 25px;
//  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
//  box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);

}

.category_item_box{
    text-align: center;
    background: #e5e9f0;
    display: block;
    padding: 15px;
    border: 1px solid #dae0e9;	
	float: left;
	max-width:33.333%;
	
}
.category_item_box:hover{
	background: #f1f1f1;
}
.category_item_box .category_item{
font-weight: 700;	
 text-decoration: none;	
 color: #000;
  overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.marka_item_box{
	text-align:center;
	border:1px solid #f2f2f2;
	padding:30px 10px 30px;
	transition:all ease .2s;
	float: left;
	max-width:33.333%;
}
.marka_item_box:hover{
	 
border-color:#fff;
box-shadow:0 0 20px 0 rgba(0,0,0,.15);
	
}

.marka_item_box .marka_item{
	 text-decoration: none;	
	display: block;
	font-weight: 600;
	
}
.row_center{
 margin: 0 !important;
}

.left_menu {
 padding-left:0px;	
}

.info1{
border: 1px solid #e0e0e0;
    margin: 30px 0px 0px 0px;	
	font-size: 13px;
	
}
.info1 .col-sm-4{
padding: 15px 37px 16px 37px;
}

.info1 .row div:before{
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: #e0e0e0;
    left: 0;
}
.info1 .row div:first-child:before{
display:none;
}
.info1 img{
	padding:3px;
	
}
@media (max-width: 768px) {

.info1 .row div:before{
	content: '';
    position: absolute;
    left: 10px;
    right: 10px;
    height: 1px;
    width: auto;
    background: #e0e0e0;
    margin: 0px;
}
}

.display img{
	
	height:30px;
}

.order{
	display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 15px 0 0;
    position: relative;
}
#preorder_res{
	color: #606975;
    background-color: #f5f5f5;
    border: 1px solid #e1e7ec;
    transition: background .3s;
	 border-radius: 0 5px 5px 0;
	    padding: 15px;
    font-weight: 600;
    font-style: italic;
}
.order button {

color: #606975;
    background-color: #f5f5f5;
    border: 1px solid #e1e7ec;
    transition: background .3s;
	
	height: 38px;
    width: 85px;
    flex-shrink: 0;
    border-radius: 0 5px 5px 0;
    padding-top: 0;
    margin-right: 0;
}




.carousel {
 margin-top: 20px;
}
.item .thumb {
 width: 25%;
 cursor: pointer;
 float: left;
}
.item a img{
 max-height:240px;	
}
.item .thumb img {
 width: 100%;
 margin: 2px;
 max-height:75px;
}
.item img {
 width: 100%; 
}

.item-responsive {
            position: relative; /* относительное позиционирование */
        }

        .item-responsive:before {
            display: block; /* отображать элемент как блок */
            content: ""; /* содержимое псевдоэлемента */
            width: 100%; /* ширина элемента */
        }

        .item-16by9 {
            padding-top: 56.25%; /* (9:16)*100% */
        }

        .item-responsive > .content {
            position: absolute; /* абсолютное положение элемент */
            /* положение элемента */
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-size: cover !important;
        }
		
.marka_item{
cursor:pointer;	
}		

.mybtn{
	float: left;
	margin-right: 5px;
background-color: #f6f6f6;
    border-color: #ddd;
    color: #333;
    text-shadow: 0 1px 0 #f3f3f3;
  width: 1.75em;
    height: 1.75em;
    text-indent: -9999px;
    white-space: nowrap!important;
 padding: .3em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

font-weight: 700;
    border-width: 1px;
    border-style: solid;	
}
.mybtn:hover:after{
background-color: #666;
}
.mybtn-edit:after{
left: 50%;
    margin-left: -11px;	
	top: 50%;
    margin-top: -11px;
	
	content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
	
    background-color: rgba(0,0,0,.3);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;
	
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M1%2C10l-1%2C4l4-1l7-7L8%2C3L1%2C10z%20M11%2C0L9%2C2l3%2C3l2-2L11%2C0z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}

.mybtn-del:after{
left: 50%;
    margin-left: -11px;	
	top: 50%;
    margin-top: -11px;
	
	content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
	
	background-color: #666;
    background-color: rgba(0,0,0,.3);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;	
background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E);
}
.mybtn-accept:after{
left: 50%;
    margin-left: -11px;	
	top: 50%;
    margin-top: -11px;
	
	content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
	
	background-color: #666;
    background-color: rgba(0,0,0,.3);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;		
background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FFFFFF%3B%22%20points%3D%2214%2C4%2011%2C1%205.003%2C6.997%203%2C5%200%2C8%204.966%2C13%204.983%2C12.982%205%2C13%20%22%2F%3E%3C%2Fsvg%3E);
}

.mybtn-arch:after{
left: 50%;
    margin-left: -11px;	
	top: 50%;
    margin-top: -11px;
	
	content: "";
    position: absolute;
    display: block;
    width: 22px;
    height: 22px;
	
	background-color: #666;
    background-color: rgba(0,0,0,.3);
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-border-radius: 1em;
    border-radius: 1em;		
background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M7%2C0C3.134%2C0%2C0%2C3.134%2C0%2C7s3.134%2C7%2C7%2C7s7-3.134%2C7-7S10.866%2C0%2C7%2C0z%20M7%2C12c-2.762%2C0-5-2.238-5-5s2.238-5%2C5-5s5%2C2.238%2C5%2C5%20S9.762%2C12%2C7%2C12z%20M9%2C6H8V4c0-0.553-0.447-1-1-1S6%2C3.447%2C6%2C4v3c0%2C0.553%2C0.447%2C1%2C1%2C1h2c0.553%2C0%2C1-0.447%2C1-1S9.553%2C6%2C9%2C6z%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E);
}