/* skel-baseline v2.0.3 | (c) n33 | getskel.com | MIT licensed */

/* Basic */
#header nav > ul > li {
    display: inline-block;
    margin-left: 2.2em;
    padding-left: 0;
    font-size: 8pt;
}
.certificate {
    background: url(../images/certificate.jpg);
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.certificate-name {
    width: 100%;
    text-align: center;
    padding-top: 76%;
    padding-bottom: 60%;
}
.certificate-name p {
    color: black;
    font-size: 29pt;
}
@media print{
	html {
  background-color: #FFFFFF;
  margin: 0px; /* this affects the margin on the HTML before sending to printer */
}
	body{
		visibility:hidden;	
		background:#fff !important;
	}
	 @page {
      size: auto;
      margin: 0;
  }
	.certificate{
	width:100%;
	background: url(../images/certificate.jpg) ;
	background-repeat:no-repeat;
	background-size:cover;
	height:auto;
	visibility:visible;
	position:absolute;
	left:0;
	top:-13% !important;
}	
}
body, input, select, textarea {
	font-size: 11pt;
}
#column ul {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
}
h4 {
	font-size: 1.5em;
	color: #353535;
	text-transform: uppercase;
	font-family: 'Quicksand', sans-serif;
	text-align: center;
	text-shadow: rgba(255,255,255,.1) -1px -1px 1px, rgba(0,0,0,.5) 1px 3px 5px;
	margin: 0 0 0 0;
}
/* Banner */

.grey {
	border: 3px solid #b7a064;
	height: 22em;
	background: #fff;
	border-radius: 3px;
	padding: 0.25em 0em;
}
#banner {
	padding-top: 0em;
	padding-right: 0;
	padding-bottom: 0em;
	padding-left: 0;
}
.aboutcontent {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
}
.joinBox-content {
	border-left: 2px solid #85c2b3;
	border-right: 2px solid #fcbc7e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 2px;
	-moz-background-size: 100% 2px;
	background-size: 100% 2px;
	background-image: -webkit-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%), -webkit-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%);
	background-image: -moz-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%), -moz-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%);
	background-image: -o-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%), -o-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%);
	background-image: linear-gradient(to right, #85c2b3 0%, #fcbc7e 100%), linear-gradient(to right, #85c2b3 0%, #fcbc7e 100%);
	width: 100%;
	height: 15em;
	padding: 2em;
	text-align: center;
}
/*.textContent{
			width:100%;
			margin:0 auto;
		}*/
		
#main1 {
	height: 56em;
	margin-top: 17em;
}
.bannerImg {
	height: 100%;
}
.bannerImg-1 {
	height: 100%;
}
#main-home {
	height: 22em;
}
.infoBox {
	font-size: 0.9em;
	padding: 2em 2em 2em 2em;
	width: 100%;
	margin-top: 1em;
	border-left: 2px solid #85c2b3;
	border-right: 2px solid #fcbc7e;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 2px;
	-moz-background-size: 100% 2px;
	background-size: 100% 2px;
	background-image: -webkit-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%), -webkit-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%);
	background-image: -moz-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%), -moz-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%);
	background-image: -o-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%), -o-linear-gradient(left, #85c2b3 0%, #fcbc7e 100%);
	background-image: linear-gradient(to right, #85c2b3 0%, #fcbc7e 100%), linear-gradient(to right, #85c2b3 0%, #fcbc7e 100%);
}
.textContent {
	width: 100%;
	margin: 0 auto;
}
#main1 {
	margin-top: 10em;
}
#main-prize {
	height: auto;
	margin-top: 80em;
}
#main-prize-long {
	height: auto;
	margin-top: 50em;
}
#main-prize-longer {
	height: auto;
	margin-top: 295em;
}
#main-online {
	height: 85em;
}
#main-online-1 {
	height: 112em;
}
.infoBox-details {
	background: none;
	font-size: 0.9em;
	height: 97em;
	width: 96.4%;
	margin: 2em 2.25em;
	 border-left: 2px solid #BE00FF;
	
    border-right: 2px solid #FFF59A;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
	-webkit-background-size: 100% 2px;
	-moz-background-size: 100% 2px;
	background-size: 100% 2px;
	background-image: -webkit-linear-gradient(left, #BE00FF 0%, #3A78EE 20%, #12D4DD 40%,#48F587 60%, #FFF59A 100%), -webkit-linear-gradient(left, #BE00FF 0%, #3A78EE 20%, #12D4DD 40%,#FFF59A 100%);
	background-image: -moz-linear-gradient(left, #BE00FF 0%,  #3A78EE 20%,#12D4DD 40%,#48F587 60%, #FFF59A 100%), -moz-linear-gradient(left, #BE00FF 0%, #3A78EE 20%,#12D4DD 40%,#48F587 60%, #FFF59A 100%);
	background-image: -o-linear-gradient(left, #BE00FF 0%,  #3A78EE 20%,#12D4DD 40%, #48F587 60%,#FFF59A 100%), -o-linear-gradient(left, #BE00FF 0%, #3A78EE 20%,#12D4DD 40%,#48F587 60%, #FFF59A 100%);
	background-image: linear-gradient(to right, #BE00FF 0%,  #3A78EE 20%,#12D4DD 40%,#48F587 60%, #FFF59A 100%), linear-gradient(to right, #BE00FF 0%,  #3A78EE 20%,#12D4DD 40%,#48F587 60%,#FFF59A 100%);
	    background-color: rgba(0,0,0, .6);
}
.prizecontent-1 {
	height: 18em;
	background: #fff;
	margin: 2em auto;
	position: relative;
}
#main-about {
	height: 65em;
	padding: 24.5em 0;
}
#main-contact {
	height: 45em;
	padding: 30em 0;
	padding-bottom: 31em;
}
.container {
	width: 1200px;
}
#header nav {
	height: inherit;
	line-height: inherit;
	margin: 0 auto;
	top: 0;
	vertical-align: middle;
	font-family: 'Quicksand', sans-serif;
	text-transform: uppercase
}

#header-bottom {
	background: #265d9e;
	cursor: default;
	height: 0.2em;
	left: 0;
	line-height: 3.25em;
	position: absolute;
	/*position: fixed;*/
	top: 17em;
	width: 100%;
	z-index: 10000;
}
.smallTitle {
	font-size: 1em;
	color: #666666;
	padding: 0.5em 0 0 0;
	text-align: center;
}
.prizeBox {
	font-size: 0.9em;
	margin: 0 0em;
	padding: 0.25em 0.65em;
	width: 100%;
	height: 100%;
	background: #fff;
}
.joinBox1 {
	background: rgba(144, 144, 144, 0.075);
	font-size: 0.9em;
	margin: 0 2.25em;
	padding: 0.25em 0.65em;
	width: 96.4%;
	height: 64em
}
.joinBox {
	background: rgba(144, 144, 144, 0.075);
	font-size: 0.9em;
	margin: 0 2.25em;
	padding: 0.25em 0.65em;
	width: 96.4%;
	height: 50em
}
#main-join-1 {
	height: 64em;
}
#main-thank {
	height: 6em;
}
.ThankContent {
	width: 55em;
	margin: 0 auto;
}
.infoBox-details {
	font-size: 0.9em;
	height: auto;
	width: 100%;
	margin: 0 0 0 0
}
.scroll-btn {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 28%;
	opacity: 0.3
}
.scroll-btn > * {
	line-height: 18px;
	font-size: 13px;
	font-weight: normal;
	color: #7f8c8d;
	color: #ffffff;
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
}
.scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *.active {
	color: #ffffff;
}
.scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *:active, .scroll-btn > *.active {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.scroll-btn .mouse {
	position: relative;
	display: block;
	width: 25px;
	height: 45px;
	margin: 0 auto 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 3px solid white;
	border-radius: 23px;
}
.scroll-btn .mouse > * {
	position: absolute;
	display: block;
	top: 29%;
	left: 50%;
	width: 8px;
	height: 8px;
	margin: -4px 0 0 -4px;
	background: white;
	border-radius: 50%;
	-webkit-animation: ani-mouse 2.5s linear infinite;
	-moz-animation: ani-mouse 2.5s linear infinite;
	animation: ani-mouse 2.5s linear infinite;
}

.link-button {
    background: #64c3ac;
    color: white !important;
    width: 49%;
    margin-left: 0px;
    margin-bottom: 16px;
    padding: 5px;
    text-align: center;
    display: inline-block;
}

.link-button p {
    background: #64c3ac;
    color: white !important;
    width: 91%;
    margin-left: 0px;
    padding: 0;
    text-align: center;
    display: inline-block;
    font-size: 10pt;
}