s@charset "utf-8";
BODY {width: 100%; padding: 0; margin: 0; border: 0; background:#fff; font-family: Roboto; font-size:14px; color:#000;  }

@font-face {
	    font-family: Roboto; 
	    src: local("Roboto-Regular"), 
	         url(/font/Roboto-Regular.ttf);
	  }
	  
	  @font-face {
	    font-family: RobotoCondensed; 
	    src: local("RobotoCondensed"), 
	         url(/font/RobotoCondensed-Regular.ttf);
	  }

@font-face {
	    font-family: RobotoCondensed-Bold; 
	    src: local("RobotoCondensed"), 
	         url(font/RobotoCondensed-Bold.ttf); 
	  }

@font-face {
	    font-family: RobotoCondensed-Italic; 
	    src: local("RobotoCondensed"), 
	         url(/font/RobotoCondensed-Italic.ttf);
	  }

@font-face {
	    font-family: RobotoCondensed Bold Italic; 
	    src: local("RobotoCondensed"), 
	         url(/font/RobotoCondensed-BoldItalic.ttf); 
	  }

a {color:#fcc603;text-decoration:none; font-weight: bold; font-family: Roboto; }
a:hover  {text-decoration:underline}

a.w {color:#fff;text-decoration:none}
a.wo {color:#fff;text-decoration:none}
a.wo:hover{color:#fcc500;text-decoration:none}
a.orange {color:#fcc500;text-decoration:none}
a.black {color:#000;text-decoration:none; font-weight:normal}
a.blackw {color:#000;text-decoration:none; font-weight: bold}
a.blackw:hover {display: block; text-decoration:underline; transform: scale(1.2); }
a.year {color:#000;text-decoration:none; font-weight: normal;border-bottom: 1px solid #ccc; width: 100%}
a.year:hover {color:#000;text-decoration:none; font-weight: normal;border-bottom: 1px solid black; width: 100%}
a.year:active {color:#000;text-decoration:none; font-weight: normal;border-bottom: 1px solid black; width: 100%}
a.black:hover{background: none}
.yactive {background: #fcc500}

.history{font-size: 20px; margin-top: 30px; margin-right: 20px}
.sel1{padding: 10px; width:400px}
.sel2{margin-left: 0px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; background: #fff; color: black; width:400px}


.ddmenu {display: none}
.ddmenui {display: none}
.histtop{background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7) ), url('/imgs/history_top.jpg'); -webkit-background-size: cover;  -moz-background-size:  cover;   -o-background-size: cover;  background-size: cover; height: 400px; text-align: center; padding-left: 10%; padding-right: 10%; }
.fullimghist{width: 800px; height: auto}

.onejury {
	
	float:left; width:70px; display: flex; max-width:82px; overflow :hidden; height:98px;font-size:11px;  padding-top:5px; margin-left:10px; margin-right:10px;
	
}

.alljury {
	width:95%; margin:0 auto; text-align:center; padding-left:28px; min-height: 98px;
}

.phone{display: none}

.tab {
    display: flex;
    overflow: hidden;
    border: 1px solid #000;
    background-color: #fcc500;
	height: 85px; 

}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
	outline: none;
    cursor: pointer;
    padding: 4px 10px;
    transition: 0.3s;
	/*width: 150px; */
	height: 85px; 
	border: none;
}

/* Change background color of buttons on hover */
.tab button:hover {
   color: #fcc500;
   background-color: #000;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #000; color: #FFF; font-weight: bold;
}


.tabw {
	display: flex;
    overflow: hidden;
    border: 1px solid #000;
    background-color: #fff;
	height: 85px; 
	/*width: 78vw;*/


}

/* Style the buttons inside the tab */
.tabw button {
    background-color: inherit;
    float: left;
	outline: none;
    cursor: pointer;
    padding: 4px 10px;
    transition: 0.3s;
    height: 85px; 
	border: none;
}


.tabw button.active {
   color: #fff; font-weight: bold;
   background-color: #000;
}




.tabwi {
    display: flex;
    overflow: hidden;
    border: 1px solid #000;
    background-color: #fff;
	height: 45px; 
	/*width: 70vw;*/

}

/* Style the buttons inside the tab */
.tabwi button {
    background-color: inherit;
    float: left;
	outline: none;
    cursor: pointer;
    padding: 4px 10px;
    transition: 0.3s;
	height: 45px; 
	width: 50%;
	border: none;
}


.tabwi button.active {
   color: #fff; font-weight: 200;
   background-color: #000;
}



.arrdown {
	  content: "▼"; color: black
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}


.tabcontenti {
    display: none;
    padding: 6px 12px;
    border-top: none;
}


.ptab {padding: 5px; font-size: 13px; }
.ptabcontentt {font-size: 22px; font-weight: bold;}
.ptabcontent {font-size: 17px; font-weight: lighter; background: #fcc500}
.ptabcontentn {font-size: 17px; font-weight: lighter; background: #FFF}
.ptabcontentti {font-size: 22px; font-weight:  bold;  margin-left: -10px }
.nowr{word-break:keep-all;white-space: nowrap;}

.wrapper {
  height: 100vh;
}

.wrappersm {
  height: 70px; width: 70px;
}

.w760{width: 760px}

.onepic {width:550px}
.smallpic {width:300px}


.arrow {
  width: 50px;
  position: absolute;
  bottom: 30px;
  left: calc(50% - 25px);
  animation: arrowDown 2s infinite;
}

.arrow.two {
  opacity: 0;
  animation-delay: 1s;
}


.logo {
float:left; padding-top:25px; padding-left:35px; width:177px; height:110px; border:none; box-shadow: none; font-family: Roboto;
}
.logob {
float:left; padding-top:5px; margin-left:15px; width:177px; height:110px; border:none; box-shadow: none; background:url('/imgs/logonettysm.png'); background-repeat:no-repeat; background-position:left;}

a.invisiblelink { display:block; width:177px; height:73px; z-index:200 }

.top {
    position: fixed; 
	width: 100%;
	height:85px;
    right: 0px; 
    top: 0px; 
    padding: 0px; 
    background: #fcc500; 
	z-index:1; 
   }


.topt{
	width: 100%;
	height:900px;
    background: #fcc500; 
	text-align: center;
   }

.langs{
height:45px; 
float:right;
padding-right: 55px;
padding-top: 40px;
font-size: 16px;
}

.logoleft {float:left; width:200px; color:#FFF; cursor:pointer; padding-left:30px; padding-top:1px; height: 82px;}
.imglogo { width: 220px; height: 58px; margin-top: 12px}


.fblo{margin-top: 100px; margin-left: 150px}
.parent {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 100px;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
	margin-top: 1px;
	height: 90px;
	z-index: -1;
	
    &:before {
      /*  height: 100%;*/
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}

.parentt{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
	height: 160px; font-family: Roboto;
    
    &:before {
      /*  height: 100%;*/
        display: inline-block;
        vertical-align: middle;
        content: '';
    }
}

.block {
	margin-left:-580px;
	width:530px;  
	height:30px; 
	page-break-inside: avoid; 
	padding-top:60px; 
	font-weight: bold;
	font-family: RobotoCondensed;
	font-size:15px;
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
	color:#333232;
   
}


.aroundbut {
float:right; padding-right: 40px; padding-top: 20px; z-index: 1
}
.aroundbutbig {
padding-right: 40px; padding-top: 26px;padding-top: 1px; height: 65px; float: left;
}
.aroundbutpushy {
 margin: auto; 
}

.btn-square-pushy {
  display: inline-block;
  padding-top: 10px;
  width: 140px;
  height: 40px;
  max-height: 40px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  background-color: #fcc500;
  font: bold 14px;
  text-shadow: 0 1px #848483;
  outline: none;
  cursor:pointer;
  font-size: 13px;
  border: #000000 2px solid;
	
}

.btn-square-pushy:hover {
  background: #000;
  color: #fcc500;
     -webkit-transition: top 1s ease-out 0.5s;
     -moz-transition: top 1s ease-out 0.5s;
     -o-transition: top 1s ease-out 0.5s;
     transition: top 1s ease-out 0.5s;
	
}


.btn-square {
  display: inline-block;
  font-family: Roboto;
  padding-top: 10px;
  width: 155px;
  height: 42px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  background-color: #fcc500;
  border: #000000 2px solid;
  font: bold 14px;
  outline: none;
  cursor:pointer;

}
.btn-square:before {
  content: "";
  position: absolute;

}
.btn-square:hover {
  background: #000;
  color: #fcc500;
     -webkit-transition: top 1s ease-out 0.5s;
     -moz-transition: top 1s ease-out 0.5s;
     -o-transition: top 1s ease-out 0.5s;
     transition: top 1s ease-out 0.5s;
	
}
.btn-square:active {
  background: #000;
  color: #fcc500;
}


.btn-squarel {
  display: inline-block;
  padding-top: 15px;
  width: 230px;
  height: 50px;
  max-height: 50px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  background-color: #fcc500;
  font: bold 14px;
  text-shadow: 0 1px #848483;
  outline: none;
  cursor:pointer;
  font-size: 15px;
  border: #000000 2px solid;
	
}

.btn-squarel:before {
  content: "";
  position: absolute;
}
.btn-squarel:hover {
  background: #000;
  color: #fcc500;
  transition: top 1s ease-out 0.5s;
}
.btn-squarel:active {
  background: #000;
  color: #fcc500;
}


.regbut {

  font-family: Roboto;
  padding-top: 3px;
  width: 120px;
  height: 43px;
  max-height: 51px;
  text-decoration: none; 
  user-select: none; 
  text-align: center;
  text-decoration: none;
  font: bold 14px;
  outline: none;
  cursor:pointer;
  border:none;
  font-weight:bold;	
/*  color: #000;
  background-color :#eee;
  border: thin #ddd;*/
  color:#000;
  background: #fcc500;
}


.newsone{font-size:45px; padding-top: 50px; margin: auto; font-weight: lighter; text-transform: uppercase;}

regbut:before {
  content: "";
  position: absolute;
}
.regbut:hover {
  /*background: linear-gradient(#eee,#ccc);
     -webkit-transition: top 1s ease-out 0.5s;
     -moz-transition: top 1s ease-out 0.5s;
     -o-transition: top 1s ease-out 0.5s;
     transition: top 1s ease-out 0.5s;
*/
	  color:#fcc500;
  background: #000;
}
.regbut:active {
 /* background: linear-gradient(#eee,#ccc);
	color: #000;
*/
  color:#fcc500;
  background: #000;
}


.regbutvv {

  font-family: Roboto;
  padding-top: 3px;
  width: 250px;
  height: 90px;
  max-height: 51px;
  text-decoration: none; 
  user-select: none; 
  text-align: center;
  text-decoration: none;
  font: bold 14px;
  outline: none;
  cursor:pointer;
  border:none;
  font-weight:bold;	
  color:#FFF;
  background: #000;
}




regbutvv:before {
  content: "";
  position: absolute;
}
.regbutvv:hover {
  color: #000;
  background: #fcc500;
}
.regbutvv:active {
  background: #fcc500;
}




.borderleft{float: left; width: 16%; height: 80px; border-top: 1px solid #000;  border-left:  1px solid #000; border-bottom: 1px solid #000;}
.borderright{float: left; width: 16%; height: 80px; border: 1px solid #000;}

.toplineg{
background:#fff; height: 1px; width:100%; padding-top:125px; font-family: Roboto;
}
.topline{
background:#fcc500; height: 12px; width:100%; padding-top:9px; font-family: Roboto;
box-shadow: 0 0 40px rgba(0, 0, 0, .1) inset; 
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.hide
{
  display:none;
}

.mainpic {
	background-color: #6C3E23;
    background: linear-gradient(rgba(0,0,0,0.5),
    rgba(0,0,0,0.70)),
    url('/imgs/slider/2012.jpg');
	height: 880px;
	background-repeat: no-repeat;
    background-size: cover; 
    margin-top: 85px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px; font-family: Roboto;
}


.mainpicsm {
	background-color: #6C3E23;
    background: linear-gradient(rgba(0,0,0,0.6),
    rgba(0,0,0,0.9)),
    url('/imgs/bg2023.jpg');
	height: 230px;
	background-repeat: no-repeat;
    background-size: cover; 
    margin-top: 85px;
    margin-bottom: 1px;
    padding: 0px 0px 0px 0px; font-family: Roboto;
	text-align: center
		
}


.nompic {
	background-color: #fcc500;
	height: 920px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
}

.nompic1 {
	background-color: #fcc500;
	height: 800px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
}


.nompicw {
	background-color: #fff;
	height: 800px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
}

.nompicsm {
	background-color: #fcc500;
	height: 227px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
}


.nompicb {
	background-color: #000;
	height: 600px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 20px 0px 0px 0px;
}


.proje {margin:auto; padding-top: 80px; padding-bottom: 80px; display: inline-block;}
.projetell {float:left; margin-right: 100px; font-size: 22px; padding-top: 14px}


.botmenu{margin-top: 15px}
.logonewb{width: 209px; height: 55px}


.subbig{padding-top:50px; padding-bottom:50px; font-size: 20px; font-weight: lighter}
.subaward {
width: 60%; color:#FFF; font-size: 18px; padding-top: 250px; padding-left: 320px;  line-height: 1.7;
}
/*.buttons{padding-left: 320px;padding-top: 70px; height: 70px}*/
.buttons{ margin: auto; padding-top: 70px; height: 70px}
.loginbut {float: left; width: 48%; text-align: center; margin: 0 auto;}
.loginbutsm {float: left; width: 4%; text-align: center; margin: 0 auto;}

.buttonlogin{  
	margin: auto;
 padding-top: 12px;
  width: 250px;
  height: 45px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #FFF;
  background-color: #000;
  border: none;
  font-size: 15px;
  outline: none;
  cursor:pointer;
}

.buttonlogin:hover{ 
  color: #fcc500;
}

.divstick {
text-align: center;
width:3px; height: 45px;
background: #000;
margin: auto;
}

.buttonup0{  float: left;     	
  margin-left:10px; 
  padding-top: 12px;
  width: 150px;
  height: 45px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  background-color: #fcc500;
  border: 1px solid #fcc500;
  font-size: 15px;
  outline: none;
  cursor:pointer;
	
}


.buttonup0:before {
  content: "";
  position: absolute;
  z-index: -1;
}

.buttonup0:hover {
     	  color: #fcc500;
          background-color: #000;
		  border: 1px solid #fcc500;

}


.button0 { float: left;
         padding-top: 12px;
    	 user-select: none; 
    	 box-sizing: border-box;
	 	 position: relative;
		  background-color: Transparent;
     	  color: #fcc500;
          background-color: #000;
          background-repeat:no-repeat;
          cursor:pointer;
		  border: 1px solid #fcc500;
	      width: 200px;
		  height: 45px;
		  text-align:center;
  		  font-size: 15px;
}


.button0:hover {
     	  color: #000;
          background-color: #fcc500;
		  border: 1px solid #000;
}



.butnomi  {float: right;
		 padding-top: 12px;
		 padding-bottom: 12px;
    	 user-select: none; 
    	 box-sizing: border-box;
	 	 position: relative;
		 background-color: #000;
     	 color: #fff;
         background-repeat:no-repeat;
         cursor:pointer;
	     width: 150px;
		 height: 45px;
		 text-align:center;
  		 font-size: 15px;
        margin-bottom: 20px;
 }

.butnomip  {float: right;
		 padding-top: 12px;
		 padding-bottom: 12px;
    	 user-select: none; 
    	 box-sizing: border-box;
	 	 position: relative;
		 background-color: #000;
     	 color: #fff;
         background-repeat:no-repeat;
         cursor:pointer;
	     width: 150px;
		 height: 45px;
		 text-align:center;
  		 font-size: 15px;
 }



.buttonn { float: left;
		 padding-top: 12px;
    	 user-select: none; 
    	 box-sizing: border-box;
	 	 position: relative;
		  background-color: Transparent;
     	  color: #fcc500;
          background-repeat:no-repeat;
          cursor:pointer;
		  border: 1px solid #fcc500;
	      width: 150px;
		  height: 45px;
		  text-align:center;
  		  font-size: 15px;
   
}


.buttonn:before {
  content: "";
  position: absolute;
  z-index: -1;
}

.buttonn:hover {
     	  color: #000;
          background-color: #fcc500;
		  border: 1px solid #fcc500;
}


.buttondelete{
 width: 130px;
  height: 28px;
  border: none;
  background-image: url('/imgs/delete.png');
  background-size: cover;	
  background: #fff,  url('/imgs/delete.png'); 
  background-repeat: no-repeat;
}


.buttonup{       	
  display: inline-block;
  font-family: Roboto;
  padding-top: 10px;
  width: 200px;
  height: 42px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  background-color: #fcc500;
  border: #000000 2px solid;
  font: bold 14px;
  outline: none;
  cursor:pointer;
  text-align: center;	
}


.buttonup:before {
  content: "";
  position: absolute;
  z-index: -1;
}

.buttonup:hover {
     	  color: #fcc500;
          background-color: #000;
	      -webkit-transition: top 1s ease-out 0.5s;
    	  -moz-transition: top 1s ease-out 0.5s;
    	  -o-transition: top 1s ease-out 0.5s;
     	  transition: top 1s ease-out 0.5s;
}

.buttonup:active {
  background: #000;
  color: #fcc500;
}



.clear {
clear: both; height: 1px
}

.yearline{
margin-top: -15px; height: 40px; width:100%;  color:#000; text-align:center; font-size:12px; 
}
.yearlinei{
max-width:1210px; margin: 0 auto; padding-top:30px; 
}

.yearlineii {
margin-top: 32px;max-width:1210px; padding-top:30px; float:none; margin-left:auto; margin-right:auto; float: none; 
}
.ruslanyearlineii{
margin-top: 32px;max-width:1210px; padding-top:30px; float:none; margin-left:auto; margin-right:auto; float: none; 
}

.clearindex {clear: both;height:10px}

.fl30{float:left; width:30%; margin-right:30px; color: #FFF;text-align: center; }
.byear{font-size: 45px; padding-bottom:38px}
.bblineo{background: #fcc500; height:2px; margin-bottom:25px}
.f18{font-size: 18px;}

.fcircle{
float:left; padding-left:12px; padding-right:2px; font-family: Roboto;
}
.fcirclew{
	background: #fff,
    url('/imgs/fcirclew.png'); 
	background-repeat: no-repeat; padding-left: 30px; font-family: Roboto;
}
.greyline {max-width: 1210px; margin: 0 auto; height: 1px; background: #DBDBDB}
.year {
float:left; padding:5px; width: 4%; font-weight:lighter;  font-size:11px; text-align: center;
}
.ruen {
float:right; width:30px;padding-right:10px; padding-top:5px; font-size:16px;font-family: Roboto; z-index: 1;  margin-top: 22px; margin-left: 30px; margin-right: 30px; height:30px;
}
.soc {
float:right; max-width:30px;  padding-right:2px;font-family: Roboto;  margin-top: 22px
}
.soc:hover {
    transform: scale(1.2); 
}

.sifet {
float:right; max-width:30px; color:#FFF; padding-right:8px;font-family: Roboto;  margin-top: 30px
}
.numcircle {
	border-radius: 50%;
    width: 22px;
    height: 22px;
    padding: 12px;
    background: #fcc500;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    font-size: 20px;
}


.showm{margin-bottom: -5px; margin-right: 5px}

.b3{ float:left; width:22%; overflow:hidden; font-family: Roboto; background: #fcc500; margin: 10px; height: 350px; min-height: 305px; }
.b3a{ float:left; width:20%; max-width:21%; overflow:hidden; height:550px; min-height:500px; font-family: Roboto; }
.bnom { float:left; width:32%; height:500px; overflow:hidden; font-family: Roboto; }
.b4{ float:left; width:24%; min-height:195px;  margin-top:10px; margin-left: 2px; margin-right: 2px; overflow: hidden; font-family: Roboto;}
.b4first{ float:left; width:24%; min-height:195px; margin-right: 2px; overflow: hidden; font-family: Roboto;margin-left:40px; margin-top:50px}
.b4l{ float:left; width:24%; min-height:195px;  margin-top:10px; margin-left: 7px; margin-right: 7px; overflow: hidden; font-family: Roboto;}

.center {
padding-left:20px; padding-right:20px; font-size:16px; font-family: Roboto;
}
.centera {margin: 30px;padding-left:20px; padding-right:20px; font-size:16px; font-family: Roboto;}

.centerb {
        color: white;
        padding: 1em;
        position: absolute;
        top: 380px;
        left: 50%;
        margin-right: -50%;
        transform: translate(-50%, -50%) ; font-family: Roboto;
		}


.centerc {margin:0 auto;}
.mainblock1 {
       	 margin-top:20px; margin-left:10px; margin-right:10px;   
		 user-select: none;  
    	 box-sizing: border-box;
	 	  position: relative;
		  background-color: #fcc500;
     	  color: #fff;
          background-repeat:no-repeat;
		  font-size:13px;
		  width:95%;
		  height:260px;
		  font-weight:bold;

}
.mainblock1:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.mainblock1:hover {
		  background-color: #fff;
     	  color: #000;
		 position: relative;


}


.mainblock2 {
       	 margin:30px;   
		 user-select: none;  
    	 box-sizing: border-box;
	 	  position: relative;
     	  color: #000;
          background-repeat:no-repeat;
		  font-size:13px;
		  height:230px;
		  font-weight:bold;
	     background:  #fcc500;

}
.mainblock2:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.mainblock2:hover {
		  background-color: #fcc500;
     	  color: #fff;
		 position: relative;

}

.mainblock1:hover .rego {
color:#fcc500
}

.mainblock2:hover .rego1 {
color:#000; font-family: Roboto;
}

.textblock {
       	 margin-top:150px; margin-bottom: 30px; font-face:15px;
}
.text {font-face:15px;}
.etap {
font-size:50px; margin: auto;  font-weight: 100;
}
.etapsm {
font-size:50px; font-family: Roboto; padding-top:30px;  font-weight: 100;
}

.newsbig {
font-size:60px; font-family: Roboto; padding-top:30px; font-weight: 100; 
}

.nomsbig {
font-size:30px; font-family: Roboto; padding-top:30px; font-weight: 100; 
}

.reg0 {font-size:20px; padding-top:20px;font-family: Roboto;}

.rego {
font-size:17px; padding-left:40px; padding-top:10px; color:#000;font-family: Roboto;
}

.rego1 {
font-size:12px; padding-top:20px; color:#000; font-weight: bold;
}

.nomn {
font-size:20px; padding-top:10px; font-family: Roboto; font-weight: bold; color: black;
}


.reg2{
 padding-top:20px; font-size:18px; font-weight: lighter;  font-family: Roboto; color: #313131
}


.slimye {
width:123px; height:2px; background-color:#fcc500; margin-top:70px	;
}
.slimye1 {
width:123px; height:1px; background-color:#fcc500; margin-top:32px	;
}
.slimgr{
width:63px; height:2px; background-color:#333; margin-top:70px	;
}
.slimgrl{
width:63px; height:2px; background-color:#ccc; margin-top:70px	;
}
.slimgrll{
height:1px; background-color:#ccc; margin-top:10px; width:90% 
}
.nom {
color:#fff; font-size: 16px; font-weight: bold; padding-top: 34px; font-family: Roboto; 
}
.nom1 {
color:#fff; font-size: 16px; font-weight: bold; padding-top: 34px; font-family: Roboto;
}

.centernews {
width:98%; padding-left:7px; padding-right:7px; margin-left: auto; margin-right: auto; font-family: Roboto;
}

.clearm{
clear: both; height: 1px
}

.news {
       	 margin-top:20px; padding-left:2px; padding-right:2px; margin-left: 15px; margin-right: 15px;
		 user-select: none;  float: left;
    	 box-sizing: border-box;
	 	  position: relative;
		  background-color: #fff;
     	  color: #000;
          background-repeat:no-repeat;
          cursor:pointer;
	      width:29%;
		  font-size:16px;
		  height:400px;
		  font-weight:bold;
	      overflow: hidden;
          font-family: Roboto;

}

.newsnomi {  margin-top:20px; padding-left:2px; padding-right:2px; margin-left: 15px; margin-right: 15px;
		 user-select: none;  float: left;
    	 box-sizing: border-box;
	 	  position: relative;
		  background-color: #fff;
     	  color: #000;
          background-repeat:no-repeat;
          cursor:pointer;
	      width:29%;
		  font-size:16px;
		  height:380px;
		  font-weight:bold;
	      overflow: hidden;
          font-family: Roboto;
}	

.newsrate {
       	 margin-top:20px; padding-left:2px; padding-right:2px; margin-left: 15px; margin-right: 15px;
		 user-select: none;  float: left;
    	 box-sizing: border-box;
	 	  position: relative;
		  background-color: #fff;
     	  color: #000;
          background-repeat:no-repeat;
          cursor:pointer;
	      width:29%;
		  font-size:16px;
		  height:620px;
		  font-weight:bold;
          overflow: hidden; font-family: Roboto;

}


.forimg {
	height: 250px; max-height: 300px; overflow: hidden;
}

.news:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.newsnomi:before {
  content: "";
  position: absolute;
  z-index: -1; 

}


.newsnomi:hover .newstitlebox {
 background:#fff;text-align: left
}

.news:hover .newstitlebox {
 background:#fff;text-align: left
}

.newstitle {
	color: #000;  padding-top: 10px; text-align: left; font-size: 24px; font-weight: lighter;
}

.newsdate {
	background: #fff; color: #AAA8A8; font-size: 11px; padding-top: 5px; font-family: Roboto; font-style: lighter; text-align: left
}


.news:hover .newstitle {
color:#fff
}



.newsimg {
	
    background-color: #ffffff;
    height: 230px;
	background-repeat: no-repeat;
    background-size:contain;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
	
}

.newstitlebox {
box-sizing: border-box;  margin-top: 10px; height: 125px; 
width:100%;font-size:17px; padding-left:1px; padding-top:10px; color:#000;font-family: RobotoCondensed;
}

.dot {
  height: 15px;
  width: 15px;
  background-color: #fcc500;
  display: inline-block;
	margin-right: 20px;
}


.btn-grey {
  display: inline-block;
  padding-top: 20px;
  width: 197px;
  height: 51px;
  max-height: 51px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #fff;
  text-decoration: none;
  background-color: #333;
  font: bold 14px;
  -moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.2);
  -webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.2);
  text-shadow: 0 1px #848483;
  outline: none;
  cursor:pointer; font-family: Roboto;

}
.btn-grey:before {
  content: "";
  position: absolute;
  width: 197px;
  height: 51px;

}
.btn-grey:hover {
  background: linear-gradient(#fcc500, #fcc500);
  color: #333;
     -webkit-transition: top 1s ease-out 0.5s;
     -moz-transition: top 1s ease-out 0.5s;
     -o-transition: top 1s ease-out 0.5s;
     transition: top 1s ease-out 0.5s;
}
.btn-grey:active {
  background: linear-gradient(#fcc500, #fcc500);
 /* padding: 1px 0 0 1px;*/
  color: #333;
}

.show {
height: 970px; background: #000; font-family: Roboto;
}

.showend {
height: 500px; background: #000; font-family: Roboto;
}
.projects {
height: 225px; font-family: Roboto;
}
.stat {
float: left; height: 215px; width: 32%; margin-left: 10px; margin-right: 10px;  background: rgba(33,33,33,1.00); text-align: center; color: #fff; font-size: 20px; font-family: RobotoCondensed;
}
.statt {
padding-top: 20px; padding-bottom: 20px; color:#fcc500; font-size:60px; font-family: Roboto;
}

.logorow {
height: 100px; width: 98%; padding-left: 10px; padding-right: 10px; font-family: Roboto;
}

.partnertitle {padding-top: 30px; font-size:13px; font-weight: bold}
.partnerone{
	width: 30%; padding-top: 40px;
	grid-template-columns: repeat(1, 1fr);
    display: grid;
    grid-gap: 10px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.partnerbox{
	grid-template-columns: repeat(5, 1fr);
    display: grid;
    grid-gap: 10px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.partnerbox_{
	grid-template-columns: repeat(6, 1fr);
    display: grid;
    grid-gap: 10px;
	float: left;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.grid-figure{
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    height: 100%;
    transition: all .3s ease;
	
}

.f32{float: left; padding-left: 10px; width: 32%}
.f23{float: left; padding-left: 10px; width: 23%}
.f17{float: left; padding-left: 10px; width: 17%}
.f50_1{float: left; padding-right: 10px; width: 48%; text-align: right}
.f50_2{float: left; padding-left: 10px; width: 48%}

.bot50{
float: left; width: 50%; height: 400px; font-family: Roboto;
}

.bottest{background: #171717; height: 60px; padding-top: 20px;  padding-left: 30px;  vertical-align: middle; color: #fcc500}
.botsoc_{float: right; margin-bottom: 10px; margin-right: 35px; width: 100px;}
.bottesta {display: none}
.botlogo{float: left; width: 30%; height: 30%}
.botnetty{margin-left: 15px; margin-top: 25px; color:#FFF; font-size: 18px; text-align: left}
.botdown18{float: left; margin-left: 60px; color:#FFF; font-size: 18px}
.botsoc {float: right}
.bott {float: left; height: 320px; margin-top: 80px; width:100%; font-family: Roboto;}
.botfull{height:400px; background:#fcc500; width:100%; font-family: Roboto;}
.botte{float:left; height: 150px; max-width: 400px; font-size: 15px; font-family: Roboto;}

.inf1{float: right; width: 80%;  height: 60px; font-family: Roboto;}
.inf2{width: 100%; height: 60px; margin: 0; padding: 0; margin-left: 10px; margin-bottom: 10px; box-sizing: border-box; font-family: Roboto;}

.botblack {
	height: 120px; background:#000; background: linear-gradient(to right, #464646, #000); font-family: Roboto;
}
.cop{float: left; color: lavender; padding-left: 30px; margin-top: 50px; font-family: Roboto;}
.socb{float: right; margin-right: 50px; width: 120px;margin-top: 50px; font-family: Roboto;}
.socone{float: left; width: 30px; font-family: Roboto;}


.list1 {float:left; width: 20px; font-size:16px; font-family: Roboto;}
.list2{float:left; margin-left: 10px; width:90%; font-size:16px; font-family: Roboto;}
.list3{width:100%;font-size:16px; font-family: Roboto;}

.blocks{
width:100%; margin-left: auto; margin-right: auto; text-align:center; font-family: Roboto; display: block;
}
.blockss{
width:100%; margin-left: auto; margin-right: auto; text-align:center; font-family: Roboto; display: block; margin-left: -20px
}

.title{font-size:20px; font-weight:bold; margin-top:10px; }
.titlenomm{font-size:16px; font-weight:bold; margin-top:10px; font-family: Roboto; text-transform: uppercase}

.titleac{font-size:16px; font-weight:bold; margin-top:10px; font-family: Roboto; text-align: center}
.subtitle{font-size:14px; padding-top:20px; font-family: Roboto; color: #7A7878}
.subtitlea{font-size:14px; padding-top:20px; text-align: center; font-family: Roboto; padding-bottom:20px;}
.titleo{font-size:16px; font-weight:bold; color:#fcc500; margin-top:10px; font-family: Roboto;}

.b44{ float:left; width:22%;  margin-top:20px; text-align:center; margin-left: 2px; margin-right: 2px; overflow: hidden; height:450px; font-family: Roboto;}
.b5{ float:left; width:16%;  margin-top:20px; text-align:center; margin-left: 2px; margin-right: 2px; overflow: hidden; height:400px; font-family: Roboto;}
.b55{ float:left; width:22%;  margin-top:20px; text-align:center; margin-left: 2px; margin-right: 2px; overflow: hidden; height:400px; font-family: Roboto;}
.exp5{ float:left; width:22%;  margin-top:20px; text-align:center; margin-left: 2px; margin-right: 2px; overflow: hidden; height:400px; font-family: Roboto;}
.b6{padding-left: 5px; padding-right: 5px; float:left; width:12%;  margin-top:20px; text-align:center; margin-left: 2px; margin-right: 2px; overflow: hidden; height:400px; font-family: Roboto;}
.acad{ float:left; width:22%;  max-width: 25%; margin-top:20px; text-align:center; margin-left: 2px; margin-right: 2px;  height:400px;  max-height:400px; overflow: hidden;font-family: Roboto;}


.bimage {  height: 100%;font-family: Roboto;  }
.round {border-radius: 50%;font-family: Roboto;}
.c {    height: 40%; font-family: Roboto; }
.nn {  font-family: Roboto; min-height:300px; max-height:350px; overflow:hidden;}
.ninfo { height:100px; color:#000; margin-left:10px; margin-right:10px;font-family: Roboto;}
.nvote {  font-family: Roboto; min-height:200px; max-height:250px; overflow:hidden;}
.ninfo { height:100px; color:#000; margin-left:10px; margin-right:10px;font-family: Roboto;}
.ninfovote { height:70px; color:#000; margin-left:10px; margin-right:10px;font-family: Roboto;}


.eimage{	
	display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
	border-radius: 100%;


}

.eimagedark {
display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
	border-radius: 100%;
	opacity: 0.4;
}

.fbimg{display: block; max-width: 100%; max-height: 100%; margin: 0 auto; border-radius: 100%}
.aimage{	
	display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;

	transform: scale(1.2);
	margin-top: 15px;
}

/*.bottomvote {height: 160px; vertical-align: bottom;position:absolute;bottom:0;right:0;}*/
.bottomvote {height: 180px;}
.simage{	
	display: block;
    max-width: 100%;
    max-height: 200px;
	overflow: hidden;
    margin: 0 auto;
}

.vimage{	
	display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.voteshow{float:left;font-size:15px; font-weight:bold; background:url(img/vcircle1.png); width:40px; height:40px; text-align:center; margin-top:5px; margin-bottom:5px; padding-top:10px; margin-left:30px; background-repeat:no-repeat}
.einfo { height:250px; color:#000; font-family: Roboto;  margin: 0 auto;}
.esoc { height:50px; color:#fcc500; padding-left:2px; padding-top:10px; font-family: Roboto;}
.estar { height:50px; color:#fcc500; padding-left:2px; font-family: Roboto;}
.enomb { height:30px; color:#000; padding-left:20px; padding-top:10px; font-size: 18px; width: 50%;  float:left; font-weight:bold; font-family: Roboto;}
.enom { height:30px; color:#fcc500; padding-left:20px; padding-top:10px; font-size: 17px; width: 50%; float:left; font-weight:bold; font-family: Roboto;}
.exp-oval {
display: inline-block; margin-left:20px; padding-top: 7px;  width: 50px; height: 30px; max-height: 30px; text-decoration: none;   user-select: none;   
box-sizing: border-box;  text-align: center; color: #000;  background-color: #fcc500; font: bold 10px;  outline: none;  cursor:pointer;
}

.exp-ovalb {
display: inline-block; margin-left:20px; padding-top: 7px;  width: 50px; height: 30px; max-height: 30px; text-decoration: none;   user-select: none;   
box-sizing: border-box;  text-align: center; color: #fcc500;  background-color: #000; font: bold 10px;  outline: none;  cursor:pointer;
}

/*.exptext {font-size: 16px; margin-bottom:30px; margin-right:100px}*/
.exptext {font-size: 18px; font-weight: lighter;letter-spacing: 1px;}



.requiredstar{color:red; font-size:25px}
.input{
      text-indent:10px;
	  height: 35px; width:350px; font-size:13px;
     border: 1px solid #fcc500;
	  outline: none;

   }
     .inputall2{
      text-indent:10px;
	  height: 150px; width:450px; font-size:14px;
     border: 1px solid #fcc500;
	  outline: none;

   }
    
   .left { float:left; }
   
   .inputs{
   margin-top: 10px; text-indent:10px;
   cursor: pointer;
   display: inline-block;
   height: 35px; width:360px; font-size:13px; 
   background: url("/imgs/go.png") white no-repeat 98.5% !important; 
   background: url("/imgs/go.png") white no-repeat calc(100% - 50px);
   border: 1px solid #fcc500;
   overflow:hidden;

    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    background-position-x: 244px;
   line-height: 1;
   outline: none; 
   }
   
  
   .inputs select {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none; 
	background:#fff;
	select::-ms-expand { display: none; }
}

   .inputt{
     padding-left: 2px; padding-right: 2px; padding-top: 8px; text-indent:10px;
	  height: 100px; width:346px; font-size:12px;
		margin-top: 10px;
	   border: 1px solid #fcc500;
	  outline: none;

   }

input[type="text"]{
      padding-left: 2px; padding-right: 2px;
	  height: 35px;
	margin-top: 10px;
   outline: none;

    }

.fleft{float: left; padding-right: 10px}
.flefti{float: left; padding-right: 10px; width:200px}
.fleftil{float: left; padding-right: 10px; width:200px; }
.fleftn{padding-right: 10px; width:400px}



.hist {
       	 margin-top:30px; padding-left:2px; padding-right:2px; margin-left: 8px; margin-right: 8px;
		 user-select: none;  float: left;
    	 box-sizing: border-box;
	 	  position: relative;
		  background-color: #fff;
     	  color: #000;
          background-repeat:no-repeat;
		  font-size:13px;
		  width:23%;
		  height:170px;
		  font-weight:bold;
	position: relative;
	overflow: hidden;

}

.hist:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.hist:hover {
		 position: relative;
	     
}

.hist:hover .histtitlebox {
 background:#fcc500
}

.histtitle {
	color: #fff; font-size: 50px; font-weight: lighter;  z-index: 1; margin: auto; vertical-align: middle; height: 50px; opacity: 1; padding-top: 50px;
}

.histdate {
	color: #fcc500; font-size: 13px; padding-top: 30px; 
}


.hist:hover .histtitle {
color:#fff
}

.hist:hover .histdate a {
color:#000
}



.histimg {
	
    background-color: #ffffff;
    height: 200px;
	background-repeat: no-repeat;
    background-size: cover; 
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
	
	
}

.histimgcover {
	
    background-color: #000;
    height: 200px;
    background-size: cover; 
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
	opacity: 0.3;
}



.histtitlebox {
box-sizing: border-box;  margin-top: -20px; margin-left: 17px; background:#fff; opacity: 80%; height: 125px; z-index: 1; 
width:90%;font-size:17px;  padding-top:10px; color:#000;font-family: RobotoCondensed; text-align:center;
}


.bot70 {
padding-top: 70px; padding-left: 20px
}

.bot150 {
float:left; padding-right: 20px; height:150px; width: 150px
}

.containerp{width: 700px; margin: 0 auto;}
.boto{font-size: 20px; padding-left:30px; font-weight:bold}
.mphoto{width:800px;}
.clearn{clear:both; height:20px}


.progress {
 background: #e5e5e5; 
    color: #333; 
    padding: 0px; 
	width:500px;
	height:10px;
}

.likebox {height:30px; padding-top:10px; padding-bottom:10px; text-align:center;}


.progress > div {
  float: left;
  height: 100%;
  background: #fcc500;
}

.spanfake{width:200px; min-width: 190px; border: none;}
.onelike{float: left; width:500px}
.onelikei{float: left; width:40%; text-align: left}
.descr_title{font-size: 21px; margin-bottom: 20px; margin-top: 10px;}
.descr_body{font-size: 20px; font-weight: lighter; color: #4E4E4E; text-align: justify;}

.balls{float:left; width:200px; height:50px; padding-top:20px; font-weight:bold; font-size:16px}
.divhr {border-top: 2px dotted #CCC;}
.commentdate{padding:15px;text-align:left; width:100%;}
.comment{float:left; width:480px; padding-top:10px; padding-bottom:10px}
.commentid{float:left; width:190px; height:100px}
.comments{margin-top:10px; width:673px; text-align:left}
.rate{width:300px; height:70px}
.s673{width:673px;height:auto;margin:0 auto; text-align:center}
.appborder {width:140px;float:left; height:180px; margin:3px; padding:10px;  border: #FC6 solid 2px; overflow:hidden}

.requiredstar {color:red; font-size:25px}
.showball2 {float:left; padding-left:10px; font-size:11px; text-align:left}

.voteshow{float:left;font-size:20px; font-weight:bold; background:url(/img/vcircle.png); width:59px; height:59px; text-align:center; margin-left:10px;}
.voteshow1{float:left;font-size:15px; font-weight:bold; background:url(/img/vcircle.png); width:59px; height:59px; text-align:center; margin-left:10px;}
.voteshownew{float:left;font-size:15px; font-weight:bold; background:url(/img/vcircle1.png); width:40px; height:40px; text-align:center; margin-top:-10px; margin-bottom:15px; padding-top:10px; background-repeat:no-repeat}

.voteshownew1{float:left;font-size:13px; font-weight:bold; color:#f69c0e; background:url(/img/vcircleb.png); width:40px; height:40px; text-align:center; margin-top:-10px; margin-bottom:15px; padding-top:13px; background-repeat:no-repeat}
.voteshownew2{float:left;font-size:13px; font-weight:bold; color:#767676; background:url(/img/vcircleg.png); width:40px; height:40px; text-align:center; margin-top:-10px; margin-bottom:15px; padding-top:13px; background-repeat:no-repeat}
.voteshownew3{float:left;font-size:13px; font-weight:bold; color:#000; background:url(/img/vcircleo.png); width:40px; height:40px; text-align:center; margin-top:-10px; margin-bottom:15px; padding-top:13px; background-repeat:no-repeat}
.voteshownew4{float:left;font-size:13px; font-weight:bold; color:#f69c0e; background:url(/img/vcirclew.png); width:40px; height:40px; text-align:center; margin-top:-10px; margin-bottom:15px; padding-top:13px; background-repeat:no-repeat}

.votewho{float:left; font-weight:bold; margin-top:22px; margin-left:10px}
.votewho1{float:left; font-weight:bold; margin-top:-25px;  margin-bottom:10px; margin-left:10px}
.votewhonew{float:left; font-weight:bold; font-size:16px;  margin-left:10px}
.votewhoneww{float:left; font-weight:bold; font-size:13px;  margin-left:10px}

.c390 {width:390px}

.select {
margin-left: 10px; padding: 15px; padding-right: 35px; color: #FFFFFF; font-weight: bold; width: 60vh; min-width: 300px;
position: relative; display: inline-block;
background: url(../imgs/96810.png) no-repeat right #000;-webkit-appearance: none; 
}


.selectn {
margin-left: 10px; padding: 5px; padding-right: 15px; font-weight: bold; width: 460px; 
border: 1px black;

}
.select:after {
  content: "▼";
  color:#fff; font-weight: bold;
  padding: 0px 2px;
  font-size: 12px;
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
  box-sizing: border-box;
}
select {
  padding-right: 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.choosenom{height: 35px; padding-left: 10px;}
.subtextt{font-size: 12px}

.partnerbig {
	
	display: block;
	box-sizing: border-box;
	image-rendering: -webkit-optimizeSpeed;
	height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;	
	width: 500px;
    aspect-ratio: auto 500 / 230;
	overflow-clip-margin: content-box;
    overflow: clip;
	transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;

}


.partner23 {
	
	display: block;
	box-sizing: border-box;
	image-rendering: -webkit-optimizeSpeed;
	height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;	
	width: 400px;
    aspect-ratio: auto 400 / 202;
	overflow-clip-margin: content-box;
    overflow: clip;
	transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out;

}


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

	
	
.stat {float: left;  width: 31%; }
.yearlineii{margin-left: 100px}
.ruslanyearlineii{margin-left: 100px}
}

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

	
	
.logoleft{float:left; width:200px; color:#FFF; cursor:pointer; padding-left:20px; padding-top:5px; height: 94px }
.ruen {float:right; width:80px;padding-right:30px; padding-top:5px; font-size:14px;font-family: Roboto; }
.imglogo{ width: 173px; height:46px; margin-top: 15px }
.btn-square { width: 125px;   height: 30px; max-height: 30px; padding-top: 5px}	
.bnom{ float:left; width:30%; height:700px}
.aroundbut {float:right; padding-right: 20px; font-size: 12px; padding-top: 20px; margin-top: 10px}
.block{	font-size:14px;}
}


@media screen and (max-width:1400px){ 
	
.parent{display: none}
.btn-square {visibility: visible}	
.langs {display: none}
	
	
/*.btn-square {visibility: hidden}*/
.bnom{ float:left; width:45%; }
.parent{left: 150px;}
}

@media screen and (max-width:1100px){ 
.logoleft{float:left; width:150px; color:#FFF; cursor:pointer; padding-left:20px; padding-top:5px; }
/*.imglogo{ width: 120px; height: 37px }*/
.news { height:500px;width:28%; overflow: hidden}
.newsnomi { height:300px;width:28%;}	
.newsrate { height:680px;width:28%;}
.bottomvote {height: 320px; vertical-align: bottom}
.forimg {	height: 150px; max-height: 350px; overflow: hidden;}
.enomb { font-size: 16px; float:none; width: 90%;}
.enom { font-size: 16px; float:none; width: 90%;}
.exp-oval {	width: 40px; font-size: 16px; height: 20px; max-height: 20px; margin-top: 15px; padding-left: 0px; margin-left: 0px; padding-top: 0px }
.exp-ovalb { width: 40px; font-size: 16px;height: 20px; max-height: 20px;margin-top: 15px; padding-left: 0px; margin-left: 0px;  padding-top: 0px}
.newstitlebox {height: 165px; }
.reg0 {font-size:25px;}
.btn-square {  width: 125px;  height: 40px;   padding-top: 5px;}
.nompic {height: 1000px; text-align: center; width:95%}
.etapsm {font-size:35px;}
.bnom{ width:90%; height:350px; }
.b4first{ float:none; width:95%}
.nom1{font-size: 14px; }
.b4{ width:33%; min-height:255px; margin: 0 auto; }
.nvote {  font-family: Roboto; min-height:150px; max-height:150px; overflow:hidden;}
.b4l{ min-height:250px;  margin-top:10px; }
.ninfovote { height:150px;}
.block{	font-size:13px;}
	
}

@media screen and (max-width:1000px){ 
.parent{display: none}
.btn-square {visibility: visible}
}

@media screen and (max-width:980px){ 
.onepic {width:350px}
.smallpic {width:250px}
.botlogo{float: left; width: 90%; margin-left: 10px}
.botsoc {display: none;}
.botdown18{float: left; margin-left: 20px; width: 40%; font-size: 14px}
.yearline{display: none}
.yearlineii{margin-left: 80px}
.ruslanyearlineii{margin-left: 80px}
.soc {display: none}
.aroundbut  {display: none}
.ddmenu {display: block}
.ddmenui {display: block}
.tab {display: none}	
.tabw {display: none}	
.tabwi {display: none}	
.f17{padding-left: 10px; width: 30%; margin-bottom: 20px;}
.arrd{width: 80%;}
.subaward{padding-left: 100px; width: 60%;padding-top: 100px;}
/*.buttons{padding-left: 100px; } */

.buttonn{width: 150px; height: 40px; float: left; font-size: 12px; padding-top: 10px;}
	.buttonup0{width: 100px; height: 40px; float: left; font-size: 10px;padding-top: 10px;}
.parent{display: none}
.logo {padding-top:25px;width:177px; height:73px; margin-left: auto; margin-right: auto;}
.block {padding-top:35px; max-width:  600px; margin: auto;}
.btn-square {  width: 115px;  height: 30px;}
.b3{ float:none; width:90%; overflow:hidden; max-height: 100px; max-height: 80px; }	
	
.b4{ width:30%; min-height:255px; margin: 0 auto; }
.b4first{margin: 0 auto; }
.b6 {height:500px}
.bnom{ width:90%; height:500px; }
.nompic {height: 1000px; text-align: center;}
.slimye { margin:auto;}
.slimye1 { padding-top: 1px; opacity: 0;filter: alpha(opacity=0);}
.nom {padding-top: 10px; font-size: 15px;  }
.nom1 {padding-top: 50px;}
.news{ width: 50%; margin:auto;}
.stat {float: left;  width: 30%; }
.show {height: 1300px}
.showend {height: 850px}
/*.btn-square {visibility: hidden}*/
.block {margin-top: 10px; margin-left: 10px;  margin: auto; width: 90vh}
.bot50{float: none; width: 90%;}
.botfull {height: 800px }
.bott { margin-top:5px; padding-top: 20px; float: none}
.botte{float: none}
.btn-squarel { margin-top:20px;}
.mphoto{width:600px;}
.botnetty{margin-left: 10px;}	
.partnerbig {	width: 400px;    aspect-ratio: auto 400 / 202;}
}

@media screen and (max-width:600px){ 
	
.bottest{height: 120px;}	
.nompic1 {
	display: contents;
    background: #fcc500;
	height:2000px;
}	
.partnerbox{
	grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-gap: 10px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.partnerone{
	width: 70%; padding-top: 40px;
	grid-template-columns: repeat(1, 1fr);
    display: grid;
    grid-gap: 10px;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
.partnerbox_{
	grid-template-columns: repeat(2, 1fr);
    display: grid;
    grid-gap: 10px;
	float: left;
	margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
	
.comp{display: none}
.phone{display: block; margin-top: -60px}
/*.onelike{float: none; margin 0 auto; width: 90%} */
.onelikei{font-size: 12px; margin-right: 5px}	
.descr_title{font-size: 16px; margin-top: 30px}
.descr_body{font-size: 15px; text-align: justify;}

div.social {margin : 0 auto; max-width: 300px; margin-right:10px; overflow: hidden;}
.botsoc_ {float: none; margin : 0 auto; margin-top: 20px; }
	
	
.partnertitle {padding-top: 30px; padding-bottom: 20px;  font-size:13px; font-weight: bold; margin: auto; text-align: center}

.f32{float: none; padding-left: 10px; width: 100%;padding-bottom: 10px }
.f23{float: none; padding-left: 10px; width: 100%;padding-bottom: 10px }
.f17{float: none; padding-left: 10px; width: 100%;padding-bottom: 10px }
.f50_1{float: none; margin: 0 auto; padding-left: 10px; width: 100%; padding-bottom: 10px; padding-top: 10px; text-align: center }
.f50_2{float: none; margin: 0 auto; padding-left: 10px; width: 100%;padding-bottom: 10px; text-align: center }
	
	
.blockss{margin-left: -5px}	
.ruslanyearlineii{margin-left: 20px;}
.ptabcontentti{margin-left: 0px}
.sel1{width: 300px}
.sel2{margin-left: 0px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; color: #FFFFFF; font-weight: bold; width: 60vh; width:300px;
position: relative; display: inline-block; background: url(../imgs/96810.png) no-repeat right #000;-webkit-appearance: none; }
.c390{width: 290px}	
.subtextt{font-size: 11px}
	
.newstitle {font-size: 20px;}
.newsone{font-size:20px;  padding-top: 50px; margin: auto; font-weight: lighter; text-transform: uppercase;}
.einfo { color:#000; font-family: Roboto;  margin: 0 auto; width: 95%;}
.c { width: 100%; font-family: Roboto;}
.acad {float:none; width:95%; min-width: 95%; }
.w {font-size: 18px;}
.wsm {font-size: 13px;}	
.histtitle{font-size: 24px; font-weight: bold}	
 .inputall2{height: 100px; width:300px; font-size:13px;}
.clearindex {clear: both;margin-top:1840px}
.onepic {width:250px}
.smallpic {width:200px}
.select {width: 45vh; font-size: 13px}
.yearlineii{margin-left: 40px}

.news{ float: none; width: 70%; margin:auto; height:400px; overflow: hidden}
.newsrate{ float: none; width: 70%; margin:auto; height:650px; overflow: hidden; }
.newsnomi{ float: none; width: 70%; margin:auto; height:350px; overflow: hidden; }
.bottomvote {height: 290px; vertical-align: bottom}
.newstitlebox {height: 145px; }
.exp-oval {	width: 40px; font-size: 16px; height: 20px; max-height: 20px; margin-top: 15px; padding-left: 0px; margin-left: 0px; padding-top: 0px }
.exp-ovalb { width: 40px; font-size: 16px;height: 20px; max-height: 20px;margin-top: 15px; padding-left: 0px; margin-left: 0px;  padding-top: 0px}
	
.yearlinei{max-width:580px; margin: 0 auto; padding-top:30px;padding-left: 10px; padding-right: 10px; padding-bottom: 30px; height: auto}
.arrd{width: 50%;}
.top {height: 100px;}
.ruen{float: right; margin-top: 30px; margin-right: 20px; width: 10px;}
.stat {float: left;  width: 25% }
.parent{display: none}
.navigation{display: none}
.b5 {float:none; width:95%; height:95%; }
.b55 {float:none; width:95%; }
.exp5 {float:none; width:97%; margin-left: -20px; height: auto; text-align: center }
.b6 {width:25%; }
.b4 {float:none; width:95%;  }
.bnom{ width:90%; height:700px; }
.nom1 {padding-top: 10px;}
.exptext {margin-bottom:10px; margin-right:20px}
.fleft{float: none; padding-right: 10px}
.flefti{float: none; padding-right: 5px}
.btn-squarel { margin-top:20px; margin-left: auto; margin-right: auto}
.center {margin:1px; padding-left:2px; max-width:590px;}
.centera{margin: 0px; padding-left: 5px; padding-right: 5px}
.containerp{width: 340px;}
.mphoto{width:400px;}
.b4first{margin-top: 10px; width: 95%;}
.etap{font-size: 28px; width: 95%; text-align: left; margin-bottom: 10px}
.nvote {min-height:100px; max-height:100px; }
.b4l{ min-height:450px;  }
.ninfovote { height:150px;}
.block{	font-size:12px;}
.buttonn{width: 120px; height: 30px;  font-size: 12px; padding-top: 5px; vertical-align: middle}
.buttonup{width: 200px; height: 30px; font-size: 12px; margin-right: 0px; vertical-align: middle}
.buttonup0{width: 130px; height: 30px; font-size: 12px; margin-right: 0px;  padding-top: 7px ; vertical-align: middle}
.proje {padding-top: 30px; margin:auto;}
.projetell {float: none; font-size: 18px; padding-top: 10px; margin:auto; }
.mainpicsm{height: 500px;}
.logonewb{width: 104px; height: 27px}
.nompicb {display: inline-block; height: 800px; padding-top: 20px; }
.aroundbutbig {float: none; margin-left: auto; text-align: center; padding-right: 0px; }
.left{float: none; margin: auto}
.w760{width: 90%}
	.history{font-size: 18px}	
	
	
}

@media screen and (max-width:380px){ 
 .inputall2{height: 100px; width:100px; font-size:12px;}
.select {width: 35vh; }
.arrd{width: 30%;}
.fblo{margin-top: 100px; margin-left: 100px}
.spanfake {display: none; visibility: hidden}
.logob{width:95px; height:55px; padding-left:1px; background:url('/imgs/logonettysm.png'); background-repeat:no-repeat; background-position:left; background-size: contain; margin-top: 20px; }
.block {margin-left: 10px;  margin:auto;width: 90vh; text-align: center}
.smalli{width: 50%;}
.onelike{width:300px}
.btn-square {	display: inline-block;  font-family: Roboto; width: 110px;   font: bold 13px; font-size: 13px; height: 51px; }

.ruen { margin-top: 25px; margin-right: 5px; }
.nompicb {display: inline-block; height: 800px; padding-top: 20px}

}

@media screen and (max-width:320px){ 
.onepic {width:150px}
.smallpic {width:100px}
.imglogo{ width: 90px; height: 24px;  margin-top: 30px }
.logob{width:95px; height:55px; padding-left:15px; background:url('/imgs/logonettysm.png'); background-repeat:no-repeat; background-position:left; background-size: contain; margin-top: 20px}
.ruen {  margin-top: -90px; font-size: 10px; margin-top: -65px }
}



/* секция со слайдером – во всю ширину и с подложкой ПОД слайдами */
.slider-hero{
  position: relative;
  width: 100vw;
  height: 880px;           /* можно 100vh или фикс., как нужно */
  min-height: 360px;
  overflow: hidden;
  background: url("/imgs/bg2023.jpg") center/cover no-repeat; /* ПОДЛОЖКА */
  isolation: isolate;
}

/* слайды поверх подложки */
.slides, .slide{ position:absolute; inset:0; width:100%; height:100%; background-size: cover; background-position: center; animation: fade 36s linear infinite; }
.slides{ z-index:1; }


.slides .s1 { background-image: url("/imgs/slider/2012.jpg"); animation-delay: 0s; }
.slides .s2 { background-image: url("/imgs/slider/2014.jpg"); animation-delay: 4s; }
.slides .s3 { background-image: url("/imgs/slider/2015.jpg"); animation-delay: 8s; }
.slides .s4 { background-image: url("/imgs/slider/2018.jpg"); animation-delay: 12s; }
.slides .s5 { background-image: url("/imgs/slider/2019.jpg"); animation-delay: 16s; }
.slides .s6 { background-image: url("/imgs/slider/2021.jpg"); animation-delay: 20s; }
.slides .s7 { background-image: url("/imgs/slider/2022.jpg"); animation-delay: 24s; }
.slides .s8 { background-image: url("/imgs/slider/2023.jpg"); animation-delay: 28s; }
.slides .s9 { background-image: url("/imgs/slider/2024.jpg"); animation-delay: 32s; }

/* ПОЛУПРОЗРАЧНАЯ ПОДЛОЖКА ДЛЯ ТЕКСТА (над слайдами, под текстом) */
.slider-hero::after{
  content:""; position:absolute; inset:0; z-index:2;
  background: rgba(0,0,0,.45);   /* можно заменить на градиент/картинку */
  pointer-events:none;
}

/* Текстовый блок поверх всего */
.hero-content{
  position:relative; z-index:3;
  display:grid; place-content:center;
  height:100%; padding:24px; text-align:center; color:#fff; gap:12px;
}

/* ключевые кадры: быстро показать, подержать, скрыть */
@keyframes fade{
  0%{opacity:0} 0.6%{opacity:1} 10.6%{opacity:1} 11.11%{opacity:0} 100%{opacity:0}
}