body {
	
		background: url(../img/fon1.png);
	background-size: contain;
	 text-align: center;
	 width: 90%;
	 height: 100%;
margin:0 auto;
	
	 
	 
}

header { 
		
		 text-align: center;
         width: 100%;
		 margin:0 auto;
		 
}

   li {
    list-style-type: none; /* Убираем маркеры */
   }


@media screen and (max-width:800px)
{
	

	header {
		
		
	
		 text-align: center;
		 padding-bottom:10%;
	}
	.container1 {
	float: none;
	text-align: center;
	}
	.container6 {
		 
    display: none;
  	}

	.container img {
		 
    display: none;
  	}
	.container {
		float:none;
		font-size:10px;
	}
    .container2 {
	float: none;
	text-align: center;
    }
  		.container3 {
		float:right;
		font-size:10px;
	}

		.container15 p {
		 
    font-size:20px;
	
  	}
	
    	.container18 img {
		 
    	float:none;
  	}
	
	footer {
	display: none;
	}
	.button1 {
		
	
		float:none;
		margin: 1px;
					}

  
  .text66 {
	font-size:0.1rem;
	}
	.text88 {
	font-size:1.1rem;		
}
	.container7 img {
		 
    height: 200%;
    width:200%;
  	}

	
}



a {color:#e4135c; font-weight:bold}
a:hover {color:#000; font-weight:bold}



.container {
	width:80%;

margin:0 auto;	


}

.container1 {
	width:100%;

margin:0 auto;	

}

.container2 {
	width:80%;
	float:bottom;
	
	font-size:20px;
	margin: 0 auto;
}



.container3 {
	width:100%;
	float:left;
	padding-bottom:10%;
	font-size: 30px;
	color:#fff;
	text-align:center;
	
}
.container33 {
	width:100%;
	float:left;
	padding-bottom:10%;
	color:#fff;
	text-align:center;
	
}
.container87 {
	float:right;
	margin-right:15%;
	
	
	
}

.container4 {
  width:80%;
	font-size: 150%;

  
}

.container5 {
	
	
	text-align:center;
		}

.container6 {
	width:70%;
float:bottom;
margin:0 auto;	

}
.container7 {
	width:90%;
margin:0 auto;	

}
.container7 img {
	width:100%;
}

.container8 {

		float:left;
	
}

.container15 {
	width:90%;
float:left;
margin:0 auto;	

}

.container18 {
	width:80%;
float:left;
margin:0 auto;	
padding-bottom:30px;

}



.text18 {
	font-family:arial , sans-serif;
	color: #fff;
	margin: 0 auto;
	font-size:140%;
	text-align: center;
	
}

.text {
	font-family:arial , sans-serif;
	color:#ffffff;
	width: 80%;
	margin: 0 auto;
	font-size:70%;
	text-align:center;
	
}

.text1 {
	font-family:arial , sans-serif;
	color: #9ACD32;
	margin: 2% 20%;
	font-size:400%;
	text-align:  center;

}

.text37 {
	font-family:arial , sans-serif;
	color: #dc3122;
	margin: 0 auto;
	font-size:250%;
	text-align:  center;
	
}

.text6 {
	font-family:arial , sans-serif;
	color:#FFEFD5;
	margin: 0 auto;
	font-size:200%;
	text-align:  center;
		
}

.text6 b {
	color:#9ACD32;
}

.text66 {
	font-family:arial , sans-serif;
	color:#fff;
	margin: 0 auto;
	font-size:200%;
	text-align:  center;
		
}

.text88 {
	font-family:arial , sans-serif;
	color:#000;
	margin: 0 auto;
	font-size:200%;
	text-align:  center;
		
}
.text9 {
	font-family:arial , sans-serif;
	color:#f6ef73;
	margin: 0 auto;
	font-size:200%;
	text-align:  center;
		
}

.text3 {
	font-family:arial , sans-serif;
	color:#fff;
	font-size:25px;
    text-align:  center;

	
}
.text111 {
	font-family:arial , sans-serif;
	color:#fff;
	font-size:35px;
    text-align:  center;

	
}


.text4 {
	text-align:center;
	color:grey;
	font-size:25px;
}

.text3>b {
	color:#f59e1a;
}

.text3 a {
	color:#FFEFD5;
}

.text37 a {
	color:#dc3122;
}

.tovar {
	font-size: 100%;
	margin: 1em;
	float:left;
	width:320px;
	right:500px;
	border: 2px solid #fff;
  border-radius: 5px;	
  background-color:#be1545;
}

.text97 {
	font-family:arial , sans-serif;
	font-size:35px;
    text-align:  center;
    color:#9ACD32;
	}
.text98 {
	font-family:arial , sans-serif;
	font-size:25px;
    text-align:  center;
    color:yellow;
	}
	.text99 {
	font-family:arial , sans-serif;
	font-size:25px;
    text-align:  center;
    color:#9ACD32;
	}

.button1 {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 10px 24px;
  margin: 5px 3px;
  position: relative;
  overflow: hidden;
  border: 2px solid #f59e1a;
  border-radius: 5px;
  font-family: 'Arial', sans-serif; 
  color: #000;
  transition: .2s ease-in-out;
   background-color: #f0b4ba;
}
.button1:before {
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.button1:hover {
  background: #d61f58;
  color: #fff;
}
.button1:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}



.button {
  text-decoration: none;
  outline: none;
  display: inline-block;
  padding: 10px 24px;
  margin: 5px 3px;
  position: relative;
  overflow: hidden;
  border: 2px solid #398f4e;
  border-radius: 5px;
  font-family: 'Arial', sans-serif; 
  color: #ffffff;
  transition: .2s ease-in-out;
}
.button:before {
  content: "";
  background: linear-gradient(90deg, rgba(255,255,255,.1), rgba(255,255,255,.5));
  height: 50px;
  width: 50px;
  position: absolute;
  top: -8px;
  left: -75px;
  transform: skewX(-45deg);
}
.button:hover {
  background: #398f4e;
  color: #fff;
}
.button:hover:before {
  left: 150px;
  transition: .5s ease-in-out;
}






/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 1600px;
	padding: 0px;
	margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	padding: 15px;
}

.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	border-radius: 3px 3px 0 0;
}

.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #555;
	border-top: 1px solid #009933;
	border-bottom: 1px solid #fff;
	background: #000;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {

	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}








nav{
  
    padding: 3px 3px;   
    color: #fff;
    font-family: 'Arial', sans-serif;
    text-align: center;
}
nav > ul {
   padding: 0;
}
nav li{
    display: inline-block;
    vertical-align: top;
	margin:0px 5px 30px 0px;
	
}
nav a{
    color: #000;
    padding: 10px 24px;
    text-decoration: none;
    border: 1px solid #fff;
	border-radius: 5px;
    transition: 0.3s;
	background-color: #e6aeb8;
	margin: 0 auto;
}

nav a:hover{
    border: 1px solid #d21751;
}



.container1 nav input[type="checkbox"] { 
display: none; 
}

nav label {    
    display: none;
    border: 1px solid #fff;   
    padding: 10px 24px;
    cursor: pointer;
    transition: 0.3s;
	
	
	}
nav label:hover{
    color: #d21751;
    border: 1px solid #d21751;
	
	
}




@media screen and (max-width: 800px) {
    
    nav label{
         display: inline-block;
		
    }
    nav > ul {
        display: none;
		
    }
    input[type="checkbox"]:checked ~ label + ul {
        display: block;
		
		    }
    
}