@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;src:local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4Uvi3q9-zTdQoLrequQTguk.woff2) format('woff2');unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face{font-family:'PT Sans Narrow';font-style:normal;font-weight:400;src:local('PT Sans Narrow'), local('PTSans-Narrow'), url(https://fonts.gstatic.com/s/ptsansnarrow/v7/UyYrYy3ltEffJV9QueSi4UU-p1xzoRgkupcXIqgYFBc.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
@font-face{font-family:'RussiaLight';src:url("russia-light-webfont.eot");src:url("russia-light-webfont.woff") format("woff"), url("russia-light-webfont.ttf") format("truetype");font-weight:normal;font-style:normal;}
*{margin:0;padding:0;border:0;}
body{    min-width: 300px;
    max-width: 1600px;
    margin: auto;color:#000;font-size:15px;background:#ededed;font-family:'RussiaLight',Verdana, Arial;}
	
a {
	    color: #966e28;
text-decoration: none;		
}

img {
	vertical-align: middle;
    border-style: none;
}

.vips {
    background: url(https://ioav.ru/images/vip.png) no-repeat top right, linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgb(255, 225, 253) 0%, rgba(92, 166, 255, 0.28) 100%);
    border-bottom: 1px solid #ccd8eb;
    padding: 10px;
    line-height: 22px;
}

.head_top {
	    background: #ffa200;
    height: 80px;
}

.orange {
	    background: #626262;
    color: #fff;
    padding: 12px;
}

.orange a {
	    background: #fff;
    color: #626262;
    padding: 5px 15px;
    margin-right: 10px;
}

.title2 {
	background: #e1e1e1;
    padding: 12px;
}

.title {
	background: #e1e1e1;
    padding: 12px;
}

.main {
    padding: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ebebeb;
    background: #fafafa;
	line-height: 22px;
}

.mobile-icon {
	    border-top: 5px solid #ffa200;
    border-left: 3px solid #ffa200;
    border-right: 3px solid #ffa200;
    border-bottom: 7px solid #ffa200;
    border-radius: 3px;
    padding: 1px 5px;
}

.mobile-icon-first {
 animation: 2s linear 0s normal none infinite running ann;
  -webkit-animation: 2s linear 0s normal none infinite running ann;
}

@keyframes ann {
	
		0% {
    border-top: 5px solid #ffa200;
    border-left: 3px solid #b1d036;
    border-right: 3px solid #c95dd0;
    border-bottom: 7px solid #55e68f;
	border-radius: 3px;
    padding: 1px 5px;
	}
	
	25% {
    border-top: 5px solid #ffed98;
    border-left: 3px solid #ffa200;
    border-right: 3px solid #d7ef73;
    border-bottom: 7px solid #ffcc75;
    border-radius: 3px;
    padding: 1px 5px;
	}
	
		50% {
    border-top: 5px solid #ffcc75;
    border-left: 3px solid #ffed98;
    border-right: 3px solid #ffa200;
    border-bottom: 7px solid #d7ef73;
    border-radius: 3px;
    padding: 1px 5px;
	}
	
		100% {
    border-top: 5px solid #d7ef73;
    border-left: 3px solid #ffcc75;
    border-right: 3px solid #ffed98;
    border-bottom: 7px solid #ffa200;
    border-radius: 3px;
    padding: 1px 5px;
	}
}


.hosts {
	    background: #e1e1e1;
		    color: #04a503;
    border: 1px solid #ccc;
    padding: 1px 10px;
    border-radius: 3px 0px 0px 3px;
}

.hits {
	    background: #ffffff;
    border: 1px solid #ccc;
    margin-left: -4px;
	color: #ff3d00;
    padding: 1px 10px;
    border-radius: 0px 3px 3px 0px;
}

.badge {
	margin-left: 3px;
}

.lt {
	padding: 10px;
	    background: #fff;
		    border-bottom: 1px solid #f1f1f1;
}

.foots {
	background: #626262;
    color: #fff;
    padding: 10px;
    text-align: center;
    border-radius: 0px 0px 5px 5px;
}

.stat {
	    background: #fff;
    padding: 10px;
    border-bottom: 1px solid #e1e1e1;
}

.cn {
	border-radius: 4px;
    color: #aa6c00;
    background: #ffc664;
    border: 1px solid #d59526;
    padding: 2px 10px;
    float: right;
}

.error {
	background: #ffaeae;
    padding: 12px;
}

.rot {
  animation: 2s linear 0s normal none infinite running rot;
  -webkit-animation: 2s linear 0s normal none infinite running rot;
  width: 16px;
}
@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.vipes {
 animation: 5s linear 0s normal none infinite running sff;
  -webkit-animation: 5s linear 0s normal none infinite running sff;
}

@keyframes sff {

0% {
    background: url(https://ioav.ru/images/vip.png) no-repeat top right, linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgb(255, 225, 253) 0%, rgba(92, 166, 255, 0.28) 100%);
   
}

50% {
background: url(https://ioav.ru/images/vip.png) no-repeat top right, linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgb(255, 241, 203) 0%, rgb(249, 229, 255) 100%);
}

100% {
    background: url(https://ioav.ru/images/vip.png) no-repeat top right, linear-gradient(90deg, rgba(2, 0, 36, 0) 0%, rgb(255, 225, 253) 0%, rgba(92, 166, 255, 0.28) 100%);
}
}
.topni {
	    background: #fff;
    padding: 10px;
}

input[type="submit"]:hover {background: #303030;
font-weight: bold;padding: 8px;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;}

input[type="submit"] {background:#505050;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;color: #fff;padding: 8px;font-weight: bold;border: 1px solid #723666;}


input, select, textarea {
    background: #fff;
    padding: 10px;
    border: 1px solid #e1e1e1;
    margin: 5px 0px 5px 0px;
}

input[type="radio"] {
    margin-top: 9px;
vertical-align: middle;
}


.containers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    padding: 10px 0px;
    background: #e8e8e8;
}

.wheor {
    font-size: 12px;
    width: 130px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #e0e0e0;
    margin: 5px 7px;
    color: #cc8406;
    text-transform: uppercase;
    background: #ffff;
    text-align: center;
}

.wheor:hover {
    background: #ffffe7;
    border: 1px solid #d2d2d2;
}

img.ion {
    margin-bottom: 5px;
}

.tpage {
    background: #ededed;
    padding: 3px 10px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
}

.upage {
    background: #ffffff;
    padding: 3px 10px;
    border: 1px solid #ffe6bb;
    border-radius: 3px;
}

.np {
    border: 1px solid #ff0000;
    color: #f00;
    background: #ffffff;
    border-radius: 100%;
    padding: 3px;
    font-size: 10px;
}

.lbar {
	    float: left;
    width: 20%;
    overflow: hidden;
    display: block;
}

.cont {
    float: left;
    width: 57%;
    overflow: hidden;
    display: block;
}

.sitebar {
    float: right;
    width: 20%;
    overflow: hidden;
    display: block;
}

.slbvr {
	background: #e1e1e1;
    border: 1px solid #d5d5d5;
    border-bottom: 0;
    color: #555;
    text-align: center;
    padding: 5px;
}

.clear{clear:both;}

@media (max-width:1600px) {
.cont{ width:57%;}
.lbar { margin-right: 10px; margin-left: 10px; margin-top: 5px;} 
.sitebar { margin-right: 10px; margin-left: 10px; margin-top: 5px; }
}
@media (max-width:1024px){
.cont{ width:55%;}
.lbar { margin-right: 10px; margin-left: 10px; margin-top: 5px;}
.sitebar { margin-right: 10px; margin-left: 10px; margin-top: 5px; }
}

@media only screen and (max-width: 900px) {
.cont{ width:100%;}
.lbar { width: 100%; margin: 0;}
.slbvr { display:none; }
}

@media (max-width:800px){
.sitebar{ display:none; }
.lbar { width: 100%; margin: 0;}
.slbvr { display:none; }
}

@media (max-width:479px){
.sitebar{ display:none; }	
.lbar { width: 100%; margin: 0;}
.slbvr { display:none; }
}


