body {
	 background:linear-gradient(to bottom, #ff6600 0%, #ff33cc 100%);
     }
     

#bg_popup {
          background: #000;
          height: 100%;
          opacity: 0.9;
          position: fixed;
          width: 100%;
          z-index: 100;
          top: 0;
          left: 0;
          }

#popup   {
          background-color: #191970;
          min-height: 45vh;
          position: fixed;
          color: #FFFFFF;
          width: 47vw;
          padding: 0 2vh 2vh 2vh;
	  text-align:center;
          border-radius:2vw;
          }

#popup h1 {
	  font: 270% BIMINI;
	  font-weight:900;
	  color: red;
          }
          
#popup a {
	  font: 230% BIMINI;
	  font-weight:900;
	  color: red;
	  text-decoration:none;
	  transition: 0.3s linear;
         }
	
#popup a:hover {
	  font: 300% BIMINI;
	  color:#FFFF00;
          }

.age1    {
	  font: 2vw BIMINI;
	  }
 
 
#basic1  {
          display:block;
          margin:3%;
          text-decoration:none;
          text-align:center;
          transition: 0.3s linear;
          background:#54FF9F;
          border-radius:2vw;
	   } 
		  

.backmain h1 {
	  margin:auto;
	  font: 8vw ALGERIAN;
	  font-weight:900;
	  color: #00FFFF;
	  text-align:center;
	  }	
	
.backmain a {
	min-height:3vw;
	margin:-1% 0 -1% 0;
        display:block;
	font-weight:900;
	font: 3vw BIMINI;
	color:#0099FF;
	padding:2% 0 1% 7%;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.backmain a:hover {
	color:#FFFF00;
        }
        	  
		  
.bg-1    {
          font:1.5vw ARIAL BLACK;
	  margin:auto;
	  padding:1%;
	  border-radius:2vw;
	      }
	
.bg-1 ul {
	  margin:0 0 0 -40px;
	  line-height:0;
	  text-align:justify;
	  text-justify:newspaper;
	  }  
		  
		  
.bg-1 ul:after {
	  width:100%;
	  visibility:hidden;
	  overflow:hidden;
	  content:'';
	  display:inline-block;
		  }
	
.bg-1 ul li {
          margin:0.7vw;
	  width:20vw;
	  display:inline-block;
	  text-align:center;
	  line-height:normal;
	  vertical-align:top;
	  background:red;
	  border-radius:2vw;
	      }
	
.bg-1 ul li a {
          display:block;
          min-height:6vw;
          width:100%;
          color:#ADFF2F;
          text-decoration:none;
          transition: 0.3s linear;
          border-radius:2vw;
	      }
	
.bg-1 ul li a:hover {
	   color:#0000FF;
	   background:#FFFF00;
	      }
	
li.rt1    {
	   background:#FFFF00 !important;
          }
          
          
	
.right-menu    {
	  font:1.2vw monospace;
	  font-weight:900;
	  padding:1%;
	}
          
	
.right-menu ul {
	  display:block;
	  margin:0 0 0 -40px;
	  line-height:0;
	  text-align:justify;
	  text-justify:newspaper;
	}
		  
		  
.right-menu ul:after {
	  width:100%;
	  visibility:hidden;
	  overflow:hidden;
	  content:'';
	  display:inline-block;
		  }

.right-menu ul li {
	margin:2% 0 0 0;
	width:9.5vw;
	display:inline-block;
        min-height:4.5vw;
        text-align:center;
        list-style:none;
        background:#0099ff;
        border-radius:2vw;
	line-height:normal;
	vertical-align:top;
	}
	
.right-menu ul li a {
	display:block;
	text-align:center;
	min-height:4.5vw;
	color:#FFFF00;
	text-decoration:none;
	transition: 0.3s linear;
	border-radius:2vw;
	}
	
.right-menu ul li a:hover {
	color:red;
	background:#008000;
	}
	
li.rt3 {
	background:#ffcc00 !important;
        }	
		  
		  
.tale  {
	font-size:1.8vw;
	padding:0 2% 0 2%;
	color:#66ff66;
	
	}
	
	
.tale h2 {
	text-align:center;
	color:#ffffff;
	font: 4.5vw GABRIOLA;
	font-weight:900;
	}
	
	
.tale img {
	width:70%;
        border-radius:10%; /* Радиус скругления */
	}
	
	
.tale a img {
	width:50%;
        border-radius:10%; /* Радиус скругления */
	}
	
	
.tale a:hover img {
	border: 0.5vw solid #FFFF00;
	transition: 0.2s linear;
	}				
	
	
	
	
.bg-2  {
	width:20vw;
	margin:auto;
	padding:1%;
	font: 2vw monospace;
	font-weight:900;
	}
	
.bg-2 ul {
	margin:0 0 0 -40px;
	line-height:0;
	text-align:justify;
	text-justify:newspaper;
	}

.bg-2 ul li {
	float:left;
	display:inline-block;
	min-height:2.5vw;
        margin:0.5vw;
	text-align:center;
	line-height:normal;
	vertical-align:top;
	}  
		  
		  
.bg-2 ul:after {
	  width:100%;
	  height:0px;
	  visibility:hidden;
	  overflow:hidden;
	  content:'';
	  display:inline-block;
		  }
	
.bg-2 ul li a {
	text-align:center;
	display:block;
	background:#9900cc;
	min-height:2.5vw;
	width:3vw;
	padding:5% 0 0 0;
	margin:auto;
	color:#FF0000;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.bg-2 ul li a:hover {
	color:#00FA9A;
	background:#A52A2A;
	}		
	
	
	
	
.bg-3  {
	width:20vw;
	margin:auto;
	padding:1%;
	font: 2vw monospace;
	font-weight:900;
	}
	
.bg-3 ul {
	margin:0 0 0 -40px;
	line-height:0;
	text-align:justify;
	text-justify:newspaper;
	}

.bg-3 ul li {
	float:left;
	display:inline-block;
	min-height:2.5vw;
        margin:0.5vw;
	text-align:center;
	line-height:normal;
	vertical-align:top;
	}  
		  
		  
.bg-3 ul:after {
	  width:100%;
	  height:0px;
	  visibility:hidden;
	  overflow:hidden;
	  content:'';
	  display:inline-block;
		  }
	
.bg-3 ul li a {
	text-align:center;
	display:block;
	background:#9900cc;
	min-height:2.5vw;
	width:3vw;
	padding:5% 0 0 0;
	margin:auto;
	color:#FF0000;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.bg-3 ul li a:hover {
	color:#00FA9A;
	background:#A52A2A;
	}		
	
	
	
	
.bg-4  {
	width:12vw;
	margin:auto;
	padding:1%;
	font: 2vw monospace;
	font-weight:900;
	}
	
.bg-4 ul {
	margin:0 0 0 -40px;
	line-height:0;
	text-align:justify;
	text-justify:newspaper;
	}

.bg-4 ul li {
	float:left;
	display:inline-block;
	min-height:2.5vw;
        margin:0.5vw;
	text-align:center;
	line-height:normal;
	vertical-align:top;
	}  
		  
		  
.bg-4 ul:after {
	  width:100%;
	  height:0px;
	  visibility:hidden;
	  overflow:hidden;
	  content:'';
	  display:inline-block;
		  }
	
.bg-4 ul li a {
	text-align:center;
	display:block;
	background:#9900cc;
	min-height:2.5vw;
	width:3vw;
	padding:5% 0 0 0;
	margin:auto;
	color:#FF0000;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.bg-4 ul li a:hover {
	color:#00FA9A;
	background:#A52A2A;
	}		
	
	
	
	
.bg-5  {
	width:8vw;
	margin:auto;
	padding:1%;
	font: 2vw monospace;
	font-weight:900;
	}
	
.bg-5 ul {
	margin:0 0 0 -40px;
	line-height:0;
	text-align:justify;
	text-justify:newspaper;
	}

.bg-5 ul li {
	float:left;
	display:inline-block;
	min-height:2.5vw;
        margin:0.5vw;
	text-align:center;
	line-height:normal;
	vertical-align:top;
	}  
		  
		  
.bg-5 ul:after {
	  width:100%;
	  height:0px;
	  visibility:hidden;
	  overflow:hidden;
	  content:'';
	  display:inline-block;
		  }
	
.bg-5 ul li a {
	text-align:center;
	display:block;
	background:#9900cc;
	min-height:2.5vw;
	width:3vw;
	padding:5% 0 0 0;
	margin:auto;
	color:#FF0000;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.bg-5 ul li a:hover {
	color:#00FA9A;
	background:#A52A2A;
	}		
	
	
	
	
.bg-6  {
	width:12vw;
	margin:auto;
	padding:1%;
	font: 2vw monospace;
	font-weight:900;
	}
	
.bg-6 ul {
	margin:0 0 0 -40px;
	line-height:0;
	text-align:justify;
	text-justify:newspaper;
	}

.bg-6 ul li {
	float:left;
	display:inline-block;
	min-height:2.5vw;
        margin:0.5vw;
	text-align:center;
	line-height:normal;
	vertical-align:top;
	}  
		  
		  
.bg-6 ul:after {
	  width:100%;
	  height:0px;
	  visibility:hidden;
	  overflow:hidden;
	  content:'';
	  display:inline-block;
		  }
	
.bg-6 ul li a {
	text-align:center;
	display:block;
	background:#9900cc;
	min-height:2.5vw;
	width:3vw;
	padding:5% 0 0 0;
	margin:auto;
	color:#FF0000;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.bg-6 ul li a:hover {
	color:#00FA9A;
	background:#A52A2A;
	}
	
	
li a.rt4 {
	background:#6A5ACD !important;
        }			  
		  
		  
	
.left-menu    {
	font:1.5vw monospace;
	font-weight:900;
	}			  
		  	  
	
.left-menu ul {
	display:block;
	margin:0;
	padding:0 1% 0 1%;
	}
	
.left-menu ul li {
	margin:1% auto;
	display:block;
	min-height:2.2vw;
	text-align:center;
	list-style:none;
	border-radius:2vw;
	background:#990033;
	      }
	
.left-menu ul li a {
	padding:0.1vw;
	display:block;
	text-align:center;
	min-height:2vw;
	color:#FFFF00;
	text-decoration:none;
	transition: 0.3s linear;
	border-radius:2vw;
	      }
	
.left-menu ul li a:hover {
	color:#ff9999;
	background:#008000;
	      }
	
li.rt2 {
	background:#336600 !important;
        }	
	
.pr1   {
	font-weight:900;
	font:3vw consolas;
	text-align:center;
	color:#00FFFF;
	margin:auto;
	}	
	
.pr1 a {
	text-align:center;
	color:#00FFFF;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.pr1 a:hover {
	color:#9400D3;
    }
	
.pr2   {
	font-weight:900;
	font: 4vw ARIAL BLACK;
	color:#FFC0CB;
	margin:auto;
	text-align:center;
	}
	
.pr2 a {
	text-align:center;
	color:#FFC0CB;
	text-decoration:none;
	transition: 0.3s linear;
	}
	
.pr2 a:hover {
	color:#9400D3;
    }
	
.pr3   {
	font: 1.5vw Arial;
	color:#00FF00;
	}
	
.pr4   {
	font: 3vw BIMINI;
	color:#FFFF00;
	}
	
.pr5   {
	font: 2vw monospace;
	color:#5F9EA0;
	}
	
.pr6   {
	font: 2vw monospace;
	font-weight:900;
	color:#FF0000;
	}
	
.pr7   {
	font: 1vw monospace;
	color:#00BFFF;
	}
	
.rep   {
	font: 1.5vw monospace;
	color:#7FFFD4;
	}
	
.rep1   {
	font: 2vw monospace;
	color:#00CED1;
	}			
	
  
		  
TD        {	  
           vertical-align:top;
          }
		  
#col1     {  
	    width:40%;
	    background:#fc0;
          }
		  
#col1a    {  
	    width:40%;
	    background:#fc0;
          }
		   
#col2     {	   
	    width:60%;
	    background:#663300; 
	   }
		   
#col2a    {	   
	    width:60%;
	    background:#663300; 
	   }
		   
#col2b    {	   
	    width:100%;
	    background:#663300; 
	   }
           
           
#bottom {
	min-height:7vw;
	margin:2% auto;
	width:95%;
	border-top:0.2vw solid #000000;
	
	}
	
.p1 {
	padding:1% auto;
	width:93%;
	margin:2% auto;
	margin-top:1%;
	color:#000000;
	font-size:1vw;
	text-align:center;
	}
	
	
	
	
	
@media screen and (max-width: 700px) {

#popup   {
	  font-size:2.3vw;
         }
 
 
#popup a {
	  font: 6vw BIMINI;
	  font-weight:900;
	  color: red;
         }



.age1    {
	  font: 2.3vw BIMINI;
	  }
 
 
#basic1  {
          border-radius:4vw;
	   }

		  

.backmain h1 {
	  font: 8vw ALGERIAN;
	  }	
	
.backmain a {
	  font-weight:900;
	  font: 5vw BIMINI;
	}
.bg-1     {
          font:4vw ARIAL BLACK;
	      }
	
.bg-1 ul li {
	  width:41vw;
	  min-height:15vw;
	  border-radius:4vw;
	      }
	
.bg-1 ul li a {
	  border-radius:4vw;
	  min-height:19vw;
	      }	
	
	
	
	
.bg-2  {
	width:25vw;
	padding:1%;
	font: 4vw monospace;
	font-weight:900;
	}

.bg-2 ul li {
	background:#9900cc;
	min-height:5vw;
        margin:0.5vw;
	width:5vw;
	} 
	
.bg-2 ul li a {
	background:#9900cc;
	width:5vw;
	min-height:5vw;
	margin:auto;
	}	
	
	
	
	
.bg-3  {
	width:30vw;
	padding:1%;
	font: 4vw monospace;
	font-weight:900;
	}

.bg-3 ul li {
	background:#9900cc;
	min-height:5vw;
        margin:0.5vw;
	width:5vw;
	} 
	
.bg-3 ul li a {
	background:#9900cc;
	width:5vw;
	min-height:5vw;
	margin:auto;
	}	
	
	
	
	
.bg-4  {
	width:20vw;
	padding:1%;
	font: 4vw monospace;
	font-weight:900;
	}

.bg-4 ul li {
	background:#9900cc;
	min-height:5vw;
        margin:0.5vw;
	width:5vw;
	} 
	
.bg-4 ul li a {
	background:#9900cc;
	width:5vw;
	min-height:5vw;
	margin:auto;
	}	
	
	
	
	
.bg-5  {
	width:12vw;
	padding:1%;
	font: 4vw monospace;
	font-weight:900;
	}

.bg-5 ul li {
	background:#9900cc;
	min-height:5vw;
        margin:0.5vw;
	width:5vw;
	} 
	
.bg-5 ul li a {
	background:#9900cc;
	width:5vw;
	min-height:5vw;
	margin:auto;
	}
	
.right-menu  {
	  width:44vw;
	  margin:0 0 0 -0.8vw;
             }
	
.right-menu ul li {
	  width:7vw;
	  min-height:6vw;
	      }
	
.right-menu ul li a {
	   min-height:6vw;
	      }	
		  
		  
.tale  {
	font-size:4vw;
	
	}
	
	
.tale h2 {
	font: 6vw GABRIOLA;
	font-weight:900;
	}			  
		  
		  
	
.left-menu    {
	font:2.5vw monospace;
	font-weight:900;
	}	
	
.pr1   {
	font-weight:900;
	font:4vw consolas;
	}
	
.pr2   {
	font-weight:900;
	font: 8vw ARIAL BLACK;
	}
	
.pr3   {
	font: 2vw Arial;
	}
	
.pr4   {
	font: 4vw BIMINI;
	}
	
.pr5   {
	font: 4vw monospace;
	}
	
.pr6   {
	font: 4vw monospace;
	font-weight:900;
	}
	
.pr7   {
	font: 2.5vw monospace;
	color:#00BFFF;
	}
	
.p1 {
	font-size:3vw;
	}
		  
#col1     {  
	    width:50%;
          }
		  
#col1a    {  
	    width:50%;
          }
		   
#col2     {	   
	    width:50%; 
	   }
		   
#col2a    {	   
	    width:50%; 
	   }
		   
#col2b    {	   
	    width:100%; 
	   }

#col3a    {
            width:0%;
           }
  }