@font-face { font-family: 'Mulish';
             src: url("Mulish.ttf") format("truetype"); }
			 
@font-face { font-family: 'Arimo-Bold';
             src: url("Arimo-Bold.ttf") format("truetype"); }
			 
@font-face { font-family: 'Montserrat';
             src: url("Montserrat.ttf") format("truetype"); }	

@font-face { font-family: 'Open Sans';
             src: url("OpenSans.ttf") format("truetype"); }			  

body { margin: 0;
       padding: 0;
       overflow-x: hidden;
	   color: #333;
       font: normal 18px 'Open Sans', serif }
	   
nav { width: 100%;
      height: 80px;
      background-color: #f3f3f3;
      box-shadow: 0 2px 2px -2px rgba(0, 0, 0, .4)	}
	   
header { width: 1200px;
         height: 100%;
         margin: 0 auto;
	     display: flex;
         flex-direction: row;
         flex-wrap: nowrap;
         align-items: center;
         align-content: center;
         justify-content: space-between;
         box-sizing: border-box }
	
  header div#lang span { margin-right: 15px;
                         padding: 2px 5px;
                         border: 1px solid #777;
                         border-radius: 5px;
                         font: normal 13px "Mulish", sans-serif;
                         cursor: pointer }
    header div#lang span:last-child { margin-right: 0 }  
  
    header div#lang span#current { color: #008080;
                                   background-color: #fafafa;
                                   cursor: default }
			   
	
.main { width: 1200px;
        margin: 0 auto;
        padding-bottom: 30px;
		box-sizing: border-box }
		   
h1 { font: normal 30px 'Arimo-Bold', sans-serif;
	 color: #333;
     margin: 25px 0 35px 0 }
	 
h2 { font: normal 25px 'Montserrat', sans-serif;
	 color: #222;
     margin: 40px 0 0 0 }		   
	 
img { border: 0 }
 
table { border: 0; border-spacing: 0; border-collapse: collapse }

.head_block { height: 550px; 
			  margin-top: 25px; 
			  margin-bottom: 30px; 
			  display: flex;
              align-items: center;
              padding-left: 40px;
              color: #eee;
			  box-sizing: border-box;
              font: normal 52px 'Arimo-Bold', sans-serif }
			  
.about_content { margin-top: -20px; 
                 margin-bottom: 70px;
	             width: 100%;
				 display: flex;
                 flex-direction: row;
                 flex-wrap: wrap;
                 align-items: center;
                 align-content: flex-start;
                 justify-content: space-between;
                 box-sizing: border-box }
	
  .about_content article { width: 340px;
				 		   margin-top: 50px;
						   padding: 40px 0;
						   text-align: center;
		  				   border-radius: 15px;
						   background-color: #EDF8F8;
						   font: normal 17px 'Open Sans', sans-serif;
						   color: #222;
						   vertical-align: middle;
                           box-sizing: border-box }
								
    .about_content article h1 { margin: 15px 0 15px 0; 
		                        font: bold 18px 'Open Sans', sans-serif;
	                            color: #444 }	
								
table.main_kovriki { width: 100%; margin-top: 30px; margin-bottom: 20px }

  table.main_kovriki h4 { margin: 0 0 15px 0;
                           font-size: 21px;
						   color: #444}

  table.main_kovriki th { width: 55%;
                           padding-left: 50px;
				           text-align: left;
						   border-radius: 11px 0 0 11px;
				           font-weight: normal;
				           line-height: 1.5;
                           vertical-align: middle;
                           background-color: #f5f9fb }
				   
  table.main_kovriki button { border: none; 
                               margin-top: 10px;
                               padding: 10px 20px;
			                   border-radius: 5px;
                               color: #eee;
				               font-size: 17px;
                               background-color: #008080;
                               cursor: pointer }					   
				   
  table.main_kovriki td { width: 45% }
    table.main_kovriki td img { width: 100%; display: block }	
  
.about_products { width: 100%;
				  display: flex;
                  flex-direction: row;
                  flex-wrap: wrap;
                  align-items: flex-start;
                  align-content: flex-start;
                  justify-content: space-between;
                  box-sizing: border-box }
	
  .about_products article { width: 360px;
				 		    margin-top: 50px;
						    padding-bottom: 20px;
						    border-radius: 0 0 11px 11px;
						    background-color: #f5f9fb;
						    box-sizing: border-box }
							   
    .about_products article img { width: 100%;
	                              display: block }
								  
    .about_products article div img { width: 120px }
	.about_products article div:after { content: "";
                                        display: table;
                                        clear: both }								  
	
	.about_products article h3 { width: 100%; 
	                             margin: 20px 0 20px 0; 
								 font: bold 18px 'Open Sans', sans-serif; 
								 color: #444; 
								 text-align: center }
	 
	.about_products article span { margin-left: 20px; 
	                               font-size: 15px; 
								   color: #666; 
								   cursor: pointer }
	  .about_products article span:hover { color: #008080 }
								

.content { margin-top: 30px }

  .content p { margin: 20px 0 20px 0; 
               line-height: 1.5 }
			 
  .content li { line-height: 1.5 }
  
	
.checkbox, .radio { opacity: 0;
                    position: absolute }

 .checkbox, .checkbox-label, .radio, .radio-label { display: inline-block;
                                                    vertical-align: middle;
                                                    margin: 5px;
                                                    cursor: pointer }

 .checkbox-label, .radio-label { position: relative; margin-right: 30px }

 .checkbox + .checkbox-label:before, .radio + .radio-label:before {
    content: '';
    background: #fff;
    border: 1px solid #8f8f8f;
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    padding: 2px;
    margin-right: 7px;
    text-align: center }

 .checkbox:checked + .checkbox-label:before { background: #008080 }

 .radio + .radio-label:before { border-radius: 50% }

 .radio:checked + .radio-label:before { background: #008080 }
 

table.kovriki { width: 100% }

table.kovriki h4 { margin: 0 0 15px 0;
                   font-size: 30px;
                   font-weight: normal;
				   line-height: 1 }

table.kovriki th { width: 50%;
                   padding-left: 50px;
				   padding-right: 50px;
                   text-align: left;
				   font-weight: normal;
				   line-height: 1.5;
                   vertical-align: middle;
                   background-color: #f5f9fb }
				   
table.kovriki td { width: 50% }
  table.kovriki td img { width: 600px; display: block }	

				   
table.precedence { width: 100%; 
                   margin-top: 40px; 
				   margin-bottom: 70px }

  table.precedence h5 { margin: 0 0 5px 0;
                        font-size: 18px }
					 
  table.precedence tr { height: 200px }
    table.precedence tr:last-child { height: 50px }

  table.precedence th { padding-right: 20px;
                        text-align: left;
                        vertical-align: top }

  table.precedence td { width: 300px; 
                        text-align: left; 
						vertical-align: top; 
						font-size: 18px }					  
					  
    table.precedence td#img { width: 600px; text-align: center; vertical-align: middle }
      table.precedence td#img img { width: 350px }
  

.products { width: 100%;
		    display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: flex-start;
            align-content: flex-start;
            justify-content: space-between;
            box-sizing: border-box }
	
  .products section { width: 370px; 
	                  margin-bottom: 30px;
	                  border: 1px solid silver;
                      border-radius: 15px;
		              padding: 17px;
                      text-align: center;
		              cursor: pointer;
                      box-sizing: border-box }
    .products section:hover { border-color: green }	
		  
	.products section h1 { font: normal 24px 'Open Sans', sans-serif;
	                       color: #222;
                           margin: 0 0 20px 0 }
						   
	.products section img { width: 250px }
	
	.products section ul { margin-bottom: 20px }
	  .products section ul li { margin: 0 0 10px 0;
	                            font-size: 16px;
					            text-align: left }	
					
	.products section span { color: #800000 }
	

.order { margin: 10px 0 50px 0 }			

  .order th { width: 210px;
              padding-top: 25px;
			  font-size: 17px;
			  color: #444;
              text-align: left }
			  
  .order td { padding-top: 25px }			  
			  
  .order section,
  .order article  { width: 100%;
                   margin-bottom: 30px;
		           display: flex;
                   flex-direction: row;
                   flex-wrap: wrap;
                   align-items: flex-start;
                   align-content: flex-start;
                   justify-content: space-start;
                   box-sizing: border-box }
						 
    .order section div { width: 170px; 
	                     margin: 15px 55px 15px 0;
						 padding: 5px;
						 border: 2px solid white;
                         cursor: pointer }		
      .order section div#ACURA { border-color: #008080 }						 

      .order section div img { width: 45px;
                               margin-right: 10px;
                               vertical-align: middle }	

    .order article div { width: 190px }							   
			  
  .order #color { width: 140px;
                  height: 100px;
                  text-align: left }
				  
    .order #color img { width: 120px; display: block }		

  .order td.change_color img { padding: 1px; 
                               margin-right: 12px;
                               border: 2px solid white; 
							   border-radius: 15px;
							   cursor: pointer } 
    .order td.change_color img:last-child { margin-right: 0 }									  
    .order td.change_color img#black { border-color: #008080 } 	

  .order td.border_color img { padding: 3px; 
                               margin-right: 16px;
                               border: 2px solid white; 
							   cursor: pointer } 
    .order td.border_color img:last-child { margin-right: 0 }									  
    .order td.border_color img#border_black { border-color: #008080 }	

    .order td input[type="text"],
    .order td input[type="email"] { border: 1px solid #8f8f8f;
                                    margin: 0;
                                    padding: 7px 10px;
                                    font-family: inherit;
                                    font-size: 17px;
		 			 			    color: #222;
                                    outline: none;
                                    box-sizing: border-box }
      .order td input:focus::placeholder { color: transparent } 

      .order td input[type="text"]:focus,
      .order td input[type="email"]:focus { color: inherit;
                                            border: 1px solid darkgreen;
                                            outline: none }
									   
  .order td textarea { width: 500px;
                       height: 170px;
                       border: 1px solid #8f8f8f;
                       padding: 7px 10px;
                       font-family: inherit;
                       font-size: 17px;
                       outline: none;
                       box-sizing: border-box }
					  
    .order td textarea:focus { color: inherit;
                               border: 1px solid darkgreen;
                               outline: none }				  
	
  .order td button { position: relative;
                     border: none;
                     padding: 10px 20px;
	  		         border-radius: 5px;
                     color: #eee;
				     font-size: 18px;
					 cursor: pointer;
                     background-color: #008080 }
    .order td button:active { top: 1px }					 
				   
  .order span { color: #e17100 }
  
  
.swal-title { font-size: 20px }
.swal-text { font-size: 17px }
.swal-button { background-color: #008080 }

  						   
.payment ul { margin-bottom: 20px }
	.payment ul li { margin: 0 0 10px 0;
	                 font-size: 18px;
					 text-align: left }		

.contacts table { width: 100% }
	.contacts table th { height: 50px;
	                     font-size: 24px;
						 font-weight: normal;
					     text-align: left;
                         width: 50%;
						 vertical-align: top }		
    .contacts table td { font-size: 18px;
						 line-height: 2.3;
                         vertical-align: top }			
      .contacts table td img { margin-right: 15px;
						       vertical-align: middle }							 

.tablefoot { width: 100%; 
             height: 100px;
             background-color: #f7f7f7; 
			 border-radius: 11px;
             display: flex;
             flex-direction: row;
             flex-wrap: nowrap;
             align-items: center;
             align-content: center;
             justify-content: space-around;
             box-sizing: border-box }	
 .tablefoot div { width: 240px; 
                  text-align: center; 
				  font-size: 15px; 
				  color: #333 }	
				

footer { width: 100%;
         margin-top: 20px;
		 background-color: #42474a }
   footer nav { margin: 0 auto;
                width: 1200px;
                height: 70px;
                font: normal 16px 'Mulish', sans-serif;
		        color: #ccc;
				line-height: 1.6;
				background-color: #42474a;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
                align-content: center;
                justify-content: space-between;
                box-sizing: border-box }