@charset "utf-8";
BODY {width: 100%; padding: 0; margin: 0; border: 0; background:#fff; font-family: Roboto; font-size:13px; 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:#333;text-decoration:none; font-family: Roboto; }
a:hover  {text-decoration:underline}

a.w {color:#fff;text-decoration:none}
a.orange {color:#fcc500;text-decoration:none}

.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:160px;
    right: 0px; 
    top: 0px; 
    padding: 0px; 
    background: #fff; 
	z-index:1; 
	box-shadow: 0 0 2px rgba(0, 0, 0, .2) inset; font-family: Roboto;
   }


.topt{
	width: 100%;
	height:160px;
    background: #fff; 
	z-index:1; 
	box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset; font-family: Roboto; 
   }

.langs{
height:45px; 
background: #464646; 
background: linear-gradient(to right, #464646, #000); font-family: Roboto;
}

.fblo{margin-top: 100px; margin-left: 150px}
.parent {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 200px;
    overflow: auto;
    white-space: nowrap;
    text-align: center;
    font-size: 0;
	height: 115px; font-family: Roboto;
	margin-top: 45px;
    
    &: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:-500px;
	width:330px;  
	height:40px; 
	font-size:14px; 
	page-break-inside: avoid; 
	padding-top:60px; 
	font-weight: bold;
	font-family: RobotoCondensed;
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    text-align: left;
	color:#333232;
   
}


.aroundbut {
float:right; padding-right: 35px; padding-top: 31px;
}

.btn-oval {
  display: inline-block;
  font-family: Roboto;
  padding-top: 20px;
  width: 197px;
  height: 51px;
  max-height: 51px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  text-decoration: none;
  background-color: #fcc500;
  border-radius: 35px;
  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;

}
.btn-oval:before {
  content: "";
  position: absolute;
  width: 197px;
  height: 51px;
  border-radius: 35px;
}
.btn-oval:hover {
  background: linear-gradient(#848483,#282828);
  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-oval:active {
  background: linear-gradient(#000, #282828);
  color: #fcc500;
}


.btn-ovall {
  display: inline-block;
  font-family: RobotoCondensed;
  padding-top: 20px;
  width: 300px;
  height: 51px;
  max-height: 51px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  text-decoration: none;
  background-color: #fcc500;
  border-radius: 35px;
  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;

}
.btn-ovall:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 51px;
  border-radius: 35px;
}
.btn-ovall:hover {
  background: linear-gradient(#848483,#282828);
  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-ovall:active {
  background: linear-gradient(#000, #282828);
  color: #fcc500;
}


.regbut {

  font-family: Roboto;
  padding-top: 20px;
  width: 300px;
  height: 51px;
  max-height: 51px;
  text-decoration: none; 
  user-select: none; 
  text-align: center;
  color: #000;
  text-decoration: none;
  background-color: #fcc500;
  border-radius: 35px;
  font: bold 14px;
  outline: none;
  cursor:pointer;
  border:none;
  -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;

}




regbut:before {
  content: "";
  position: absolute;
  width: 300px;
  height: 51px;
  border-radius: 35px;
}
.regbut:hover {
  background: linear-gradient(#848483,#282828);
  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;
}
.regbut:active {
  background: linear-gradient(#000, #282828);
  color: #fcc500;
}





.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; 
-moz-box-shadow: 0px -1px 15px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px -1px 15px rgba(0,0,0,0.3);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.mainpic {
	background-color: #6C3E23;
    background: linear-gradient(rgba(0,0,0,0.6),
    rgba(0,0,0,0.5)),
    url('/images/bg18.jpg');
	/*background-image: url(images/bg18.jpg);*/
	height: 525px;
	background-repeat: no-repeat;
    background-size: cover; 
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px; font-family: Roboto;
}

.nompic {
	background-color: #6C3E23;
    background: linear-gradient(rgba(0,0,0,0.7),
    rgba(0,0,0,0.5)),
    url('/images/1.jpg');
	/*background-image: url(images/1.jpg);*/
	height: 460px;
	background-repeat: no-repeat;
    background-size: cover; background-size:200%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
}



.bignetty {
color:#F7B207; font-size: 100px; padding-top: 80px; padding-left: 50px; font-family: RobotoCondensed;
  font-style: light; font-weight:100;
}
.bigaward {
color:#FFF; font-size: 56px; padding-top: 30px; padding-left: 50px; font-family: RobotoCondensed;
  font-style: light;  font-weight:100; width: 75%;
}
.subaward {
color:#FFF; font-size: 19px; padding-top: 30px; padding-left: 50px; font-family: RobotoCondensed;
  font-style: light; font-weight:100;width: 75%;
}

.buttonn { 
       	 margin-top:50px; margin-left:50px;   
		 user-select: none; 
    	 box-sizing: border-box;
	 	position: relative;
		  background-color: Transparent;
     	  color: #fcc500;
          background-repeat:no-repeat;
          cursor:pointer;
		  border-radius: 35px;
		  border: 1px solid #fcc500;
	      width: 150px;
		  height: 45px;
		  text-align:center;
		  font-size:13px;
		  font-weight:bold; font-family: Roboto; 
	  /*    -webkit-transition: all .3s linear;
          -moz-transition: all .3s linear;  */
}


.buttonn:before {
  content: "";
  position: absolute;
  width: 150px;
  height: 45px;
  z-index: -1;
  border-radius: 35px;
}

.buttonn:hover {
     	  color: #fff;
		  border: 1px solid #fff;
	      width: 160px;
		  height: 50px;
 		  font-size:13px;
}


.buttonup{ 
       	 margin-top:50px; 
		 user-select: none; 
    	 box-sizing: border-box;
	 	 position: relative;
		  background-color: Transparent;
     	  color: #fcc500;
          background-repeat:no-repeat;
          cursor:pointer;
		  border-radius: 15px;
		  border: 1px solid #fcc500;
	      width: 350px;
		  height: 85px;
		  text-align:center;
		  font-size:13px;
		  font-weight:bold;
		  padding:12px; font-family: Roboto;
	  /*    -webkit-transition: all .3s linear;
          -moz-transition: all .3s linear;  */
}


.buttonup:before {
  content: "";
  position: absolute;
  width: 350px;
  height: 45px;
  z-index: -1;
  border-radius: 35px;
}

.buttonup:hover {
     	  color: #333;
		  border: 1px solid #ccc;
	      width: 360px;
		  height: 85px;
 		  font-size:13px;
}


.clear {
clear: both; height: 1px
}

.yearline{
background:#fcc500; height: 40px; width:100%;  color:#000; text-align:center; font-size:12px; font-family: Roboto;
}
.yearlinei{
max-width:900px; margin: 0 auto; padding-top:10px; font-family: Roboto;
}

.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;
}

.year{
float:left; padding-top:4px; font-weight:bold; font-family: Roboto;
}
.ruen {
float:left; width:60px; color:#FFF; cursor:pointer; padding-left:30px; padding-top:15px; font-size:14px;font-family: Roboto;
}
.soc {
float:right; width:22px; color:#FFF; padding-right:10px;padding-top:15px; font-family: Roboto;
}

.b3{ float:left; width:32%; overflow:hidden; font-family: Roboto; }
.b3a{ float:left; width:30%; max-width:31%; overflow:hidden; height:360px; min-height:300px; 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;
        border-radius: 1em;
        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;
          border-radius: 15px;
		  font-size:13px;
		  width:95%;
		  height:260px;
		  font-weight:bold;
   -moz-box-shadow: 4px 4px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 7px rgba(0,0,0,0.2);
	position: relative; font-family: Roboto;

}
.mainblock1:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.mainblock1:hover {
		  background-color: #fff;
     	  color: #000;
		 position: relative;
		-moz-box-shadow: 0 0 25px #848483;
-webkit-box-shadow: 0 0 25px #848483;
box-shadow: 0 0 25px #999;

}


.mainblock2 {
       	 margin-top:20px; margin-left:10px; margin-right:10px;   
		 user-select: none;  
    	 box-sizing: border-box;
	 	  position: relative;
		  background-color: #fff;
     	  color: #000;
          background-repeat:no-repeat;
		  border-radius: 15px;
		  font-size:13px;
		  width:95%;
		  height:260px;
		  font-weight:bold;
   -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
	
	
	/*   -moz-box-shadow: 4px 4px 7px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 4px 4px 7px 7px rgba(0,0,0,0.2);
	*/
	position: relative;

}
.mainblock2:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.mainblock2:hover {
		  background-color: #fcc500;
     	  color: #fff;
		 position: relative;
		-moz-box-shadow: 0 0 25px #848483;
-webkit-box-shadow: 0 0 25px #848483;
box-shadow: 0 0 25px #999;

}

.mainblock1:hover .rego {
color:#fcc500
}

.mainblock2:hover .rego1 {
color:#000; font-family: Roboto;
}

.textblock {
       	 margin:10px; margin-bottom: 10px; font-family: Roboto;
}

.etap {
font-size:60px; font-family: Roboto; padding-top:30px;  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:30px; padding-left:40px; padding-top:60px;font-family: Roboto;}

.rego {
font-size:17px; padding-left:40px; padding-top:10px; color:#000;font-family: Roboto;
}

.rego1 {
font-size:17px; padding-left:40px; padding-top:10px; color:#fcc500;font-family: Roboto;
}

.nomn {
font-size:17px; padding-top:10px; color:#fcc500;font-family: Roboto; font-weight: bold;
}


.reg2{
padding-left:40px; padding-top:10px; font-size:14px;font-family: Roboto;
}


.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: 8px; margin-right: 8px;
		 user-select: none;  float: left;
    	 box-sizing: border-box;
	 	  position: relative;
		  background-color: #fff;
     	  color: #000;
          background-repeat:no-repeat;
          cursor:pointer;
		  border-radius: 15px;
		  font-size:13px;
		  width:32%;
		  height:520px;
		  font-weight:bold;
   -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	position: relative;
	overflow: hidden; font-family: Roboto;

}

.news:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.news:hover {
		 position: relative;
		-moz-box-shadow: 0 0 25px #848483;
-webkit-box-shadow: 0 0 25px #848483;
box-shadow: 0 0 25px #999;

}

.news:hover .newstitlebox {
 background:#fcc500
}

.newstitle {
	color: #000; font-size: 16px; padding-top: 20px;
}

.newsdate {
	color: #fcc500; font-size: 13px; padding-top: 30px; padding-left: 1px; font-family: Roboto;
}


.news:hover .newstitle {
color:#fff
}

.news:hover .newsdate {
color:#000
}



.newsimg {
	
    background-color: #ffffff;
    height: 380px;
	background-repeat: no-repeat;
    background-size:contain;
    margin-top: 0px;
    margin-bottom: 0px;
	border-radius: 10px;
    padding: 0px 0px 0px 0px;
	
}

.newstitlebox {
box-sizing: border-box; border-radius: 10px; margin-top: -20px; margin-left: 20px; background:#fff; opacity: 80%; height: 125px; z-index: 1; 
border-radius: 10px;width:90%;font-size:17px; padding-left:1px; padding-top:10px; color:#000;font-family: RobotoCondensed;
}

.dot {
  height: 15px;
  width: 15px;
  background-color: #fcc500;
  border-radius: 50%;
  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;
  border-radius: 35px;
  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;
  border-radius: 35px;
}
.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-left: 20px; font-size:14px; padding-top:80px; font-weight: bold; font-family: Roboto;
}

.bot50{
float: left; width: 50%; height: 400px; font-family: Roboto;
}

.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:98%; margin-left: auto; margin-right: auto; text-align:center; font-family: Roboto;
}

.title{font-size:16px; font-weight:bold; margin-top:10px; font-family: Roboto;}
.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;}
.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;}
.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;}

.bimage {  height: 100%;font-family: Roboto;  }
.round {border-radius: 50%;font-family: Roboto;}
.c {    height: 40%; font-family: Roboto;}
.acad {height: 45%;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%;
}
.aimage{	
	display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
	border-radius: 100%;
	transform: scale(1.2);
	margin-top: 15px;
}

.simage{	
	display: block;
    max-width: 100%;
    max-height: 100%;
    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:190px; color:#000; font-family: Roboto;}
.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;}
.enom { height:30px; color:#fcc500; padding-left:20px; padding-top:10px; float:left; font-weight:bold; font-family: Roboto;}
.exp-oval {
  display: inline-block;
  font-family: Roboto;
  margin-left:20px;
  padding-top: 7px;
  width: 60px;
  height: 30px;
  max-height: 30px;
  text-decoration: none; 
  user-select: none; 
  box-sizing: border-box;
  text-align: center;
  color: #000;
  text-decoration: none;
  background-color: #fcc500;
  border-radius: 35px;
  font: bold 10px;
  -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;

}



.exptext {font-size: 16px; margin-bottom:30px; margin-right:100px}
.requiredstar{color:#ffc70c; font-size:25px}
.input{
      border-radius:10px; text-indent:10px;
	  height: 35px; width:350px; font-size:13px;
      -moz-border-radius:5px;
      -webkit-border-radius:5px;
     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; border-radius:10px; 
   background: url("/imgs/g.png") white no-repeat 98.5% !important; 
   background: url("/imgs/g.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; }
}

::-webkit-scrollbar
{
  width: 12px; background:#fcc500; 
  height: 12px; 
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb
{
  background: rgba(255, 255, 255, 0.5);
}
	
   .inputt{
      border-radius:15px; padding-left: 2px; padding-right: 2px; padding-top: 8px; text-indent:10px;
	  height: 100px; width:346px; font-size:12px;
      -moz-border-radius:15px;
      -webkit-border-radius:15px;
		margin-top: 10px;
	   border: 1px solid #fcc500;
	  outline: none;

   }

input[type="text"]{
      border-radius:15px; padding-left: 2px; padding-right: 2px;
	  height: 35px;
      -moz-border-radius:15px;
      -webkit-border-radius:15px;
	margin-top: 10px;
   outline: none;

    }

.fleft{float: left; padding-right: 10px}
.flefti{float: left; padding-right: 10px; width:230px}
.fleftil{float: left; padding-right: 10px; width:230px; margin-top:20px}
.fleftn{float: left; padding-right: 10px; width:380px}



.hist {
       	 margin-top:20px; 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;
		  border-radius: 15px;
		  font-size:13px;
		  width:23%;
		  height:320px;
		  font-weight:bold;
   -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	position: relative;
	overflow: hidden;

}

.hist:before {
  content: "";
  position: absolute;
  z-index: -1; 

}

.hist:hover {
		 position: relative;
		-moz-box-shadow: 0 0 25px #848483;
-webkit-box-shadow: 0 0 25px #848483;
box-shadow: 0 0 25px #999;

}

.hist:hover .histtitlebox {
 background:#fcc500
}

.histtitle {
	color: #000; font-size: 16px; padding-top: 20px;
}

.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;
	border-radius: 10px;
    padding: 0px 0px 0px 0px;
}

.histtitlebox {
box-sizing: border-box; border-radius: 10px; margin-top: -20px; margin-left: 17px; background:#fff; opacity: 80%; height: 125px; z-index: 1; 
border-radius: 10px;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; 
    border-radius: 25px; 
	width:500px;
	height:10px;
}

.likebox {height:30px; padding-top:10px; padding-bottom:10px; text-align:center;}


.progress > div {
  float: left;
  height: 100%;
  background: #fcc500;
  border-radius: 5px;
}

.spanfake{width:200px; min-width: 190px; border: none;}
.onelike{float: left; width:500px}


.balls{float:left; width:200px; height:50px; padding-top:10px; 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-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: #FC6 solid 2px; overflow:hidden}

.requiredstar {color:#ffc70c; 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:#FFF; 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}

@media screen and (max-width:1530px){ 
.stat {float: left;  width: 31%; }
}

@media screen and (max-width:1300px){ 
/*.btn-oval {visibility: hidden}*/
.bnom{ float:left; width:30%; height:700px}
.parent{left: 150px;}
}

@media screen and (max-width:1200px){ 
/*.btn-oval {visibility: hidden}*/
.bnom{ float:left; width:45%; }
.parent{left: 150px;}
}

@media screen and (max-width:1100px){ 
.news { height:580px;}
.newstitlebox {height: 165px; }
.reg0 {font-size:25px;}
.btn-oval {  width: 157px;  height: 51px;}
.nompic {height: 1000px; text-align: center; width:95%}
.buttonn{display: none;visibility: hidden}
.etapsm {font-size:35px;}
.bnom{ width:90%; height:350px; }
.parent{left: 150px;}
.b4first{ float:none; width:95%}
.nom1{font-size: 14px; }
.b4{ width:33%; min-height:255px; margin: 0 auto; }
.news{width:28%}
.nvote {  font-family: Roboto; min-height:150px; max-height:150px; overflow:hidden;}
.b4l{ min-height:250px;  margin-top:10px; }
.ninfovote { height:150px;}
}

@media screen and (max-width:1000px){ 
.parent{display: none}
.aroundbut {float:right; padding-right: 75px; padding-top: 31px;}
.btn-oval {visibility: visible}
}

@media screen and (max-width:950px){ 
.subaward{display: none}
.parent{display: none}
.logo {padding-top:25px;width:177px; height:73px; margin-left: auto; margin-right: auto;}
.block {padding-top:155px; }
.btn-oval {height: 51px; }
.b3{ float:left; width:90%; min-height:260px; margin: 0 auto; }
.b4{ width:30%; min-height:255px; margin: 0 auto; }
.b4first{margin: 0 auto; }
.b6 {height:500px}
.bnom{ width:90%; height:500px; }
.nompic {height: 1000px; background: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.5)),url('/images/1.jpg'); color: gold;
text-align: center;}
.slimye { margin 0 auto}
.slimye1 { padding-top: 1px; opacity: 0;filter: alpha(opacity=0);}
.nom {padding-top: 10px; font-size: 15px;  }
.nom1 {padding-top: 50px;}
.news{ float: none; width: 70%; margin 0 auto}
.stat {float: left;  width: 30%; }
.show {height: 1300px}
.showend {height: 850px}
/*.btn-oval {visibility: hidden}*/
.block {margin-top:-50px; margin-left: 50px}
.yearline{height: 100px; background: #fcc500}
.buttonn{display: none;visibility: hidden}
.bot50{float: none; width: 90%;}
.botfull {height: 800px }
.bott { margin-top:5px; padding-top: 20px; float: none}
.botte{float: none}
.btn-ovall { margin-top:20px}
.mphoto{width:600px;}
}

@media screen and (max-width:600px){ 
.mainpic{display: none}
.stat {float: left;  width: 25% }
.parent{display: none}
.navigation{display: none}
.b5 {float:none; width:95%; height:95%; }
.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-ovall { margin-top:20px}
.buttonup{ margin-top:100px}
.center {margin:1px; padding-left:2px; max-width:590px;}
.centera{margin: 0px; padding-left: 5px; padding-right: 5px}
.containerp{width: 340px;}
.mphoto{width:400px;}
.logob{width:95px; height:65px; background:url('/imgs/logonettysm.png'); background-size: cover; background-repeat:no-repeat; background-position:left;padding-left:15px; margin-top: 40px}
.b4first{margin-top: 10px; width: 95%;}
.etap{font-size: 30px; width: 95%; text-align: center}
.nvote {min-height:100px; max-height:100px; }
.b4l{ min-height:450px;  }
.ninfovote { height:150px;}
.enom { height:70px;}

}

@media screen and (max-width:420px){ 
.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:-400px;}
.smalli{width: 50%;}
.onelike{width:300px}
.btn-oval {	display: inline-block;  font-family: Roboto;  padding-top: 20px;  width: 110px;   font: bold 13px; font-size: 13px; height: 51px; }

}

@media screen and (max-width:400px){ 
.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}
}

