*, html, body, h1, h2, h3, h4, h5, h6, a, img, ul, ol, li, div, span, b, time,
u, p, input, label, textarea, select, option { color: #000;
                                               font-family: "Play", sans-serif;
											   font-size: 14px;
											   line-height: 20px;
											   font-weight: normal;
											   margin: 0;
											   padding: 0;
											   position: relative;
											   border: 0;
											   vertical-align: baseline;
											   z-index: 0;}	
											   
@font-face {
    font-family: Play;
    src: url(play_reg.ttf);
	font-style: normal;
}	

@font-face {
    font-family: PlayBold;
    src: url(play_bold.ttf);
	font-weight: bold;
}	

@font-face {
    font-family: Rouble;
    src: url(rouble.otf);
	font-weight: normal;
}

html, body { min-height: 100%;}											   									   
											   
body { background-color: #FFF; }     	   	  										   

h1 { font-size: 22px;
	 color: #ff0000;
	 margin-bottom: 30px;}
	 
h2 { font-size: 16px;
     font-family: "PlayBold";
	 margin-top: 30px;}	 	

h3 { font-size: 16px;
     margin-bottom: 16px;}   
	
b { font-family: "PlayBold";}	

i { font-family: "Rouble";
    font-style: normal;}

textarea,
input,
.select   { border: #d7d7d7 1px solid;
		    border-radius: 3px;
		    background: #FFF;
			width: 161px;
			resize: none;
			padding: 0 8px 0 8px;}

input,
.button { height: 23px;}

.button { border-radius: 3px;
          border: #d7d7d7 1px solid;
		  background: #d7d7d7;
		  padding: 0 35px;
		  display: inline-block;
		  cursor: pointer;
		  }			  
		  
input[type=checkbox] { display: none;}		  
	 
a { }	 

p { }		
		 
.left { float: left;}	
.right { float: right;}

.hide { visibility: hidden;}	 

.clear:after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}

*, *:before, *:after {
    box-sizing: border-box;
}

.just::after {
    content: " ";
    display: inline-block;
    width: 100%;
}

.main { padding: 7px 0 0 0;
        min-height: 700px;
		height: 100%;
		margin: auto;
	         min-width: 1200px;
		     max-width: 1600px;}			
		
.wrap { margin: 0 16px;}		  
		
.link { cursor: pointer;
        border-bottom: #818181 1px dotted;}	
		
.link:hover { color: #ff0000 !important;
              border-bottom-color: #ff0000;}
			  
p.link { line-height: 16px;
         margin-bottom: 3px;}			  

.light { color: #818181;}	

.red { color: #ff0000;}	

/* top */	
.top { height: 111px;}	
	   
.top p { display: inline-block;}

.left_part { position: absolute;
             left: 0;
			 top: 0;}	   
	   
.right_part { position: absolute;
              right: 0;
			  top: 0;}
			 	   
.phone div { font-size: 22px;
             line-height: 22px;
			 margin-bottom: 3px;}	
			 
.search { display: inline-block;
          margin-top: 17px;}			 	
		  
.search input { padding-right: 31px;
                line-height: 11px;}		  	 	
				
.search div { background: url(images/ico_search.png) no-repeat;
              cursor: pointer;
			  width: 16px;
              height: 16px;
              position: absolute;
              right: 7px;
              top: 4px;}
			  
.left_part .left { margin-right: 150px;}

.left_part .right,
.tools             { margin-top: 5px;}

.social { margin-top: 8px;}	

.social div { width: 18px;
              height: 18px;
			  float: left;
			  cursor: pointer;
			  margin-right: 7px;}
			  
.social div:last-child { margin-right: 0;}			  		  			    			
			  
.social .vk { background: url(images/ico_vk.png) left top no-repeat;}	
.social .fb { background: url(images/ico_fb.png) left top no-repeat;}	
.social .inst { background: url(images/ico_inst.png) left top no-repeat;}			  

.social .vk:hover,
.social .fb:hover,
.social .inst:hover { background-position: right top;}

.logo { background: url(images/logo.png) no-repeat;
        width: 232px;
		height: 102px;
		margin: auto;}	
		
.tools { margin-right: 105px;}			  

.bag { min-width: 134px;}
			  
.cart { background: url(images/ico_bag.png) top left no-repeat; 
        min-height: 26px;
        width: 110px; 
		padding: 0 0 0 37px;}					  
			  		  				 
/* menu_top */	
.menu_top { background: rgba(239, 239, 239, 0.95);
            height: 30px;}
			
.menu_top .menu_hover { position: absolute;
						top: 0;
						left: -12px;
						background: rgba(255, 0, 0, 0.75);
						border-bottom-left-radius: 5px;
						border-bottom-right-radius: 5px;
						z-index: 99999;
						padding: 32px 12px 10px 12px;
						width: auto;}
						
.menu_top .menu_hover ul,
#bike .bike_detail_hover ul { list-style: none;}	

.menu_top .menu_hover ul li,
#bike .bike_detail_hover ul li { font-size: 14px;
                                 display: table;
							     white-space: nowrap;
							     line-height: 16px;
								 margin-bottom: 2px;
							     border-bottom: #000000 1px dotted;}		
							  
.menu_top .menu_hover ul li:hover,
.menu_bottom .point ul li:hover,
#bike .bike_detail_hover ul li:hover    { border-bottom-color: rgba(255, 0, 0, 0);}							  						 
			
.menu_top .link { text-decoration: none;}			
			
.menu_top ul { list-style: none;
               text-align: justify;}
		   
.menu_top ul li { font-size: 18px;
                  line-height: 1.5;
				  height: 32px;
				  top:-1px;
				  padding: 0 11px;
                  display: inline-block;
				  z-index: auto;
				  border-bottom: #ffffff 1px solid;
				  border-top: #ffffff 1px solid;}	
				  
.menu_top .menu_hover ul li { padding: 0; height: auto; border-top: none;}				  
				  
.menu_top #in { border-top: #F00 1px solid; 
                border-bottom: #F00 1px solid;}				  		

/* center */				 
.center { margin-top: 30px;
          z-index: -1;
		  min-height: 300px;}

/* content */  
.content { padding-right: 305px;}

#bike { background: url(images/pic_bike.png) left top no-repeat;
        min-width: 758px;
		min-height: 421px;
		margin: auto;}
		
#bike .bike_detail_hover { position: absolute;
						   top: 200px;
						   left: 100px;
						   background: rgba(239, 239, 239, 0.9);
						   border-radius: 3px;
						   z-index: 99999;
						   padding: 7px 7px 5px 7px;
						   width: auto;}
						   
#bike .bike_detail_hover ul li { cursor: pointer;}

.content .status { margin-bottom: 18px;}	

.content .status p.link { margin: 0;}
					 
.content .status p { margin: 0 9px;
					 display: inline-block;}
					 
.content .status p:last-child { margin: 0;
                                color: #F00;}	
								
/* catalog */
.catalog { vertical-align: top;}

.catalog .item { width: 200px;
				 height: 255px;
				 display: inline-block;  
				 border: rgba(215, 215, 215, 0.5) 1px solid;
		         border-radius: 3px;
				 padding: 5px;
				 margin: 0 30px 30px 0;}	
				 
.catalog .item .img { text-align: center;}		

.catalog .item .img img { cursor: pointer;}				  					  

.catalog .item .tag { margin: 0 6px;}			 		 

.catalog .item p { line-height: 16px;
				   margin-bottom: 5px;
				   cursor: pointer;}
				   
.catalog .item p span { font-size: inherit; font-family: inherit; line-height: inherit;
                        color: #505050;}				   	

.tag span { font-size: 16px;
            font-family: "PlayBold";}	
					  
.tag span i { font-family: "Rouble";
              font-style: normal;
			  font-size: 16px;}					  
					  
.tag .button { padding: 0 7px;
               height: 21px;}				 	
						 				 
.catalog .big { position: absolute;
                top: 60px;
				left: 120px;
				border: rgba(255, 0, 0, 0.5) 1px solid;
				box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, 0.6);
				background: #FFF;
				z-index: 99999;}	
				
.details .about { vertical-align: top;}				
				
.details .img,
.details .about { display: table-cell;}									 									 					 					

.details .img { padding-right: 30px;}  	

.details .tag .button { margin-left: 30px;}	

.details .cols .names,
.details .cols .params { display: table-cell;}	

.details .cols .names { min-width: 220px;
                        padding-right: 5px;}

.details .cols .names p * { color: #505050;}

.details .cols p { height: 17px;
				   margin-bottom: 3px;}
				
.details .cols .names p { border-bottom: #505050 1px dotted;
                          } 

.details .cols .names p span { border-bottom: #FFF 1px solid;
                               padding-right: 5px;
							   background-color: #ffffff;}								 

/* right_side */
.right_side { position: absolute;
              top:0;
			  right: 0;
			  width: 275px;}
			  
.right_side { border: rgba(215, 215, 215, 0.5) 1px solid;
		             border-radius: 5px;
					 padding: 2px 7px 7px 7px;} 			  
			  
.select { width: 140px;
          height: 23px;
		  margin-bottom: 10px;}	
		  
.choose .select { cursor: pointer;}		  
		  
.select div { background: url(images/ico_select.png) top left no-repeat;
              width: 8px;
			  height: 7px;
			  position: absolute;
			  cursor: pointer;
			  right: 8px;
			  top: 7px;}	
			  
.choose .button { width: 140px;}

.right_side .dops { margin: 2px 12px 12px 12px;}

.dops .checkbox_set { margin-bottom: 12px;}

.dops .checkbox label { cursor: pointer;
                        display: inline-block;
                        padding-left: 45px;
			            line-height: 10px;
						color: #505050;}
						
.dops .checkbox div { margin-top: 7px;}						

.dops .checkbox label::before { content: "";
                                display: inline-block;
								height: 15px;
								width: 15px;
								left: 10px;
								top: -2px;
								position: absolute;
								border-radius: 3px;
								border: #d7d7d7 1px solid;}

input[type=checkbox]:checked + label:before { content: "\2713";
                                              color: #505050;
											  text-align: center;
											  line-height: 12px;}

/* bottom */ 	
.bottom { background: #101010 url(images/bg_bottom.png) top left repeat-x;}

.bottom span,
.bottom span * { font-size: 6px; color: #818181;}

.bottom, .bottom * { vertical-align: top;}

.menu_bottom { padding-top: 60px; 
               text-align: justify;}

.menu_bottom .point { display: inline-block;}
					  
.menu_bottom .point ul { list-style: none;}					  

.menu_bottom .point ul li { font-size: 12px;
                            color: #ffffff;
							cursor: pointer;
							border-bottom: rgba(255, 255, 255, 0.5) 1px dotted;
							line-height: 14px;
							margin-bottom: 3px; 
							display: table; 
							white-space: nowrap;}	

.menu_bottom .point ul li:first-child { font-size: 15px;
                                        margin-bottom: 9px;} 
	  		  
			
/* form */	
.form h1,
.text h1,
.checkout h1 { color: #000000;}

.form div.left { margin-right: 11px;}  		  
			  
.form input { width: 285px;
              display: block;}	

.form textarea	{ width: 285px;
                  height: 85px;
				  display: block;}	
				  
.form input,
.form textarea,
.form .button,
.form p         { margin-top: 11px;}

.form input:first-child,
.form p:first-child      { margin-top: 0;}	

.form p { line-height: 22px;}

/* text */			  
.text p { margin-bottom: 15px;}	

.text p:last-child { margin-bottom: 0;}	

/* checkout */	
.checkout .row {}

.checkout .row .border { border-bottom: rgba(215, 215, 215, 0.5) 1px solid;
                         display: inline-block;
						 margin-bottom: 15px;
						 padding-bottom: 15px;}

.checkout .row .img { width: 85px; 
                      overflow: hidden;
					  margin-right: 30px;}

.checkout .row img { height: 80px;
                     cursor: pointer;}   
					 
.checkout .row .name { width: 300px;
                       padding-top: 30px;}					 

.checkout .row p { display: inline-block;}

.checkout .row .add { margin: 0 30px;
                      padding-top: 30px;}

.checkout .row .add div { display: inline-block;}

.checkout .row .add #quantity { margin: 0 7px;}

.checkout .row .add .button { height: 20px; 
                              padding: 0 5px;}
							  
.checkout .row .tag { margin-top: 27px;}

.checkout .row h1, .go { margin-right: 30%;}

.checkout .row h1 span { display: block;}

.checkout .row h1 i { font-size: 20px;}