

 

.container {           /* класс для всего box_a */
   display: flex;
   flex-flow: row wrap;
   justify-content: center; 
   align-items: center; 
	max-width: 800px; 
	margin: auto;
           }

 .photo {           /* класс для всего box_a */
   flex:1;
   /*background-color: #EB7E80; */
  
           }

.photo img {
	display: block;
	/*with: 100px; */
	/*height: 50px;*/
	max-width: 100%;
	margin: 0 auto;
	
           }
 .cod {           /* класс для всего box_a */
   flex:1;
   /* background-color: #6B61F3; */
   font-family: 'Rubik', sans-serif;
   box-sizing: border-box;
   padding-left: 1%;
           }

 .name {           /* класс для всего box_a */
   flex:2;
   /* background-color: #8DDB98;*/
   font-family: 'Rubik', sans-serif;
   box-sizing: border-box;
   padding-left: 1%;
   
           }
 .size {           /* класс для всего box_a */
   flex:2;
   /* background-color: #878021; */
   font-family: 'Rubik', sans-serif; 
   box-sizing: border-box;
   padding-left: 2%;
           }

 .price {           /* класс для всего box_a */
   flex:2;
   /* background-color: #AF6C31; */
   font-family: 'Rubik', sans-serif; 
   box-sizing: border-box;
   padding-left: 2%;
           }
.del {           /* класс для всего box_a */
   flex:1;
   /* background-color: #AF6C31; */
   font-family: 'Rubik', sans-serif; 
   box-sizing: border-box;
   padding-left: 2%;
           }

.forma {           /* класс для всего box_a */
   /* background-color: #AF6C31; */
   font-family: 'Rubik', sans-serif; 
   box-sizing: border-box;
           }
.button_ins{
	display: block;
	padding: 20px 20px 20px 0px;
	 
	
}

.button {
 
 text-decoration:none;
 text-align:center; 
 padding:11px 32px; 
 margin: 10px 10px 10px 10px;
 border:solid 1px #004F72; 
 -webkit-border-radius:7px;
 -moz-border-radius:7px; 
 border-radius: 7px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#7c86eb; 
 /*background-image: -moz-linear-gradient(top, #7c86eb 0%, #3d44cc 100%); 
 background-image: -webkit-linear-gradient(top, #7c86eb 0%, #3d44cc 100%); 
 background-image: -o-linear-gradient(top, #7c86eb 0%, #3d44cc 100%); 
 background-image: -ms-linear-gradient(top, #7c86eb 0% ,#3d44cc 100%); */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d44cc', endColorstr='#3d44cc',GradientType=0 ); 
 background-image: linear-gradient(to top, #7c86eb 0% ,#3d44cc 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
 
  }

.button:hover {
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:7px;
 -moz-border-radius:7px; 
 border-radius: 7px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#7c86eb; 
 /*background-image: -moz-linear-gradient(top, #7c86eb 0%, #575ed4 100%); 
 background-image: -webkit-linear-gradient(top, #7c86eb 0%, #575ed4 100%); 
 background-image: -o-linear-gradient(top, #7c86eb 0%, #575ed4 100%); 
 background-image: -ms-linear-gradient(top, #7c86eb 0% ,#575ed4 100%);*/ 
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#575ed4', endColorstr='#575ed4',GradientType=0 ); 
 background-image: linear-gradient(to top, #7c86eb 0% ,#575ed4 100%);
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  }

.button:active {
 padding:11px 32px; 
 border:solid 1px #004F72; 
 -webkit-border-radius:7px;
 -moz-border-radius:7px; 
 border-radius: 7px; 
 font:18px Arial, Helvetica, sans-serif; 
 font-weight:bold; 
 color:#E5FFFF; 
 background-color:#7c86eb; 
 /*background-image: -moz-linear-gradient(top, #7c86eb 0%, #4c53d9 100%); 
 background-image: -webkit-linear-gradient(top, #7c86eb 0%, #4c53d9 100%); 
 background-image: -o-linear-gradient(top, #7c86eb 0%, #4c53d9 100%); 
 background-image: -ms-linear-gradient(top, #7c86eb 0% ,#4c53d9 100%); */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c53d9', endColorstr='#4c53d9',GradientType=0 ); 
 background-image: linear-gradient(to top, #7c86eb 0% ,#7176d9 100%);   
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff; 
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  }

.letter{
	font-family: 'Balsamiq Sans', 'Rubik', sans-serif;
	font-size: 25px;
	color: #2268F5;
}

.title{
	font-family: 'Rubik', sans-serif;
	font-size: 25px;
}

.title_mini{
	font-family: 'Rubik', sans-serif;
	font-size: 15px;
}