@charset "utf-8";

@media (min-width:1024px) {
	.top{}
	.top2{display:none;}
	.wrapper{width:1024px;}
	.top_padding{margin-top:10px;}
	.height{min-height:calc(100vh - 155px - 81px)}
	
}

@media (max-width:1023px) {
	.top{display:none;}
	.top2{}
	
	.wrapper{width:100%;}
	
	.top_padding{margin-top:120px;}
	.height{min-height:calc(100vh - 80px)}
	
	
}
.reset_icon{ transition-duration: 0.8s; transition-property: transform;}
.arrow{color:#fff;}
.arrow:hover .reset_icon {transform: rotate(360deg);-webkit-transform: rotate(360deg)}

body{font-family: Helvetica,sans-serif;font-size:14px}

a{text-decoration:none;color:#a87f51;}
a:hover{color:#a87f51;text-decoration:underline;}

.cat{color:#000;font-family: Helvetica,sans-serif;font-size:15px;font-weight:normal;}
.awards{color:#298ecf;font-family: Helvetica,sans-serif;font-size:18px;font-weight:bold;}
	
.tag{font-family: Helvetica,sans-serif; color:#fff;font-size:14px;padding:2px 5px 2px 5px;background-color:#d33f34;text-decoration:none;}
.tag:hover {background-color:#a87f51;color:#fff;}
.tag_selected{font-family: Helvetica,sans-serif;background-color:#003370; color:#fff;font-size:14px;padding:2px 5px 2px 5px;text-decoration:none;}


.filter_tag{font-family: Helvetica,sans-serif; color:#000;font-size:14px;padding:2px 5px 2px 5px;background-color:#f7f7f7;text-decoration:none;}
.filter_tag:hover{color:#fff;font-size:14px;padding:2px 5px 2px 5px;background-color:#a87f51;text-decoration:none;}

	
.header{color:#000;	font-family: Helvetica,sans-serif;font-size:14px;}

.selected_lang{font-weight:bold;color:#a87f51;font-family: Helvetica Narrow,Helvetica,sans-serif;font-size:15px;}
.lang{font-weight:bold;color:#059447;font-family:Helvetica,Helvetica,sans-serif;font-size:13px;}

.notes{color:#a87f51;font-family: Helvetica,sans-serif;font-size:12px;}
.filename{color:#000;font-family: Helvetica,sans-serif;font-size:12px;}

.title{color:#fff;font-family:Helvetica,sans-serif;font-size:16px;font-weight:bold;}

	
.home_title{color:#a87f51;font-family:Open Sans;font-size:16px;font-weight:bold}

.header{font-size:13px;font-weight:bold;color:#282660;}

.footer{color:#fff;font-size:12px;}
.footer:hover{text-decoration:underline;}

.criteria{font-family: Helvetica,sans-serif;font-size:14px;text-align:justify;}

.text{font-family: Helvetica,sans-serif;font-size:15px;text-align:justify;color:#828282;line-height:22px;}


.text_rules{font-family: Helvetica,sans-serif;font-size:14px;text-align:justify;}

.rules ul{   list-style:none;line-height:25px;}
.rules li:before {
  content: "\f0e3"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#a87f51;
  line-height:18px;
}

.calendar ul{   list-style:none;}
.calendar li:before {
  content: "\f073"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#a87f51;
  line-height:18px;
}

.jpanel ul{   list-style:none;line-height:25px;}
.jpanel li:before {
  content: "\f007"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#a87f51;
  line-height:18px;
}

.news ul{   list-style:none;}
.news li:before {
  content: "\f1ea"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#a87f51;
  line-height:18px;
}

.tips ul{   list-style:none;}
.tips li:before {
  content: "\f249"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#a87f51;
  line-height:18px;
}

.winners ul{   list-style:none;}
.winners li:before {
  content: "\f091"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color:#a87f51;
}




.sponsor1{ background-color:#E5E4E2;color:#003370;}
.sponsor2{ background-color:#A6C8E2;color:#003370;}
.sponsor3{ background-color:#CCAC01;color:#003370;}
.sponsor4{ background-color:#C0C0C0;color:#003370;}
.sponsor5{ background-color:#CD7F32;color:#003370;}

.answer{font-family: Helvetica,sans-serif;font-size:14px;text-align:justify;}

.menu{text-rendering: optimizeLegibility;color:#fff;font-family: Helvetica,sans-serif;font-size:16px; font-weight:normal;}
.menu:hover{font-size:16px;color:#a87f51;text-decoration:none;}

.menu_selected{text-rendering: optimizeLegibility; color:#a87f51;font-family: Helvetica,sans-serif;font-size:16px;font-weight:normal;}
.menu_selected:hover{color:#a87f51;}

.submenu{font-family: Helvetica,sans-serif;font-size:13px;color:#fff;}
.submenu:hover{text-decoration:underline;font-size:13px;}

.submenu_selected{font-family: Helvetica,sans-serif;font-size:12px;color:#fff;font-weight:bold}
.small{font-size:8px;}

.application{color:#000;	font-family: Helvetica,sans-serif;font-size:16px;}

.social {font-size:30px;color:#003370;width:30px;height:30px;line-height:30px;display: inline-block;  text-align: center;padding-top:2px;}
.social:hover{}
	
.listing{color:#a87f51;font-size:30px;}


.pic  {
    border: 2px solid white;
}
.pic:hover {
    border: 2px solid #a87f51;
	 cursor:pointer;
}
.cat1{color:#e22126;}
.cat2{color:#5bb949;}
.cat3{color:#4d4d4d;}

.inputfile,.inputfile2{
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
.inputfile + label {

    font-weight: normal;
    color: white;
    background-color: #a87f51;
    display: inline-block;
	 width:200px;
	 height:40px;
	 cursor:pointer;
	 text-align:center;
	
	 border-radius:10px;
	 line-height:40px;
	 vertical-align:middle;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #a87f51;
}

.inputfile2 + label {

    font-weight: normal;
    color: white;
    background-color: #003370;
    display: inline-block;
	 width:300px;
	 height:40px;
	 cursor:pointer;
	 text-align:center;
	  border-radius:10px;
	
	 line-height:40px;
	 vertical-align:middle;
	 font-size:18px;
	 margin-left:10px;
}

.inputfile:focus + label,
.inputfile2 + label:hover {
    background-color: #003370;
}


