@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');

html,body{
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	scroll-behavior: smooth;
         }

body{
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	background: #005cdb;
    }

/* Navigation */

.overlay {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #021b3c;
  background: #021b3c;
  background-image:url("https://foxgloveawards.com/images/bg.jpg");
  overflow-x: hidden;
  transition: 0.5s;
  background-size: contain;
  background-position: bottom;
  background-repeat: no-repeat;
}

.overlay-content {
  position: relative;
  top: 12%;
  width: 100%;
  text-align: center;
  margin-top: 0px;
}

.overlay a{
  padding: 8px;
  text-decoration: none;
  font-size: 32px;
  color: white;
  display: block;
  transition: 0.3s;
  font-weight: 500;
}

.overlay a:hover, .overlay a:focus {
  color: #7EE1D6;
}

.overlay .closebtn {
  position: absolute;
  top: 15px;
  right: 45px;
  font-size: 52px;
}

.dropleft a{
  padding: 8px;
  text-decoration: none;
  font-size: 32px;
  color: white!important;
  display: block;
  transition: 0.3s;
  font-weight: 500;
}

.dropleft a:hover, .dropleft a:focus {
  color: #7EE1D6!important;
}



#archive-btns{
	 position: absolute;
    top: 100%;
    left: -100px!important;
    z-index: 1000;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: center;
    list-style: none;
    background-color: #021b3ce0;
    background-clip: padding-box;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0.25rem;
}

.dropleft .dropdown-toggle::before {
  display: none;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}


.turquoise {
  background-color: #45B5AA; 
}

.fa-bars{
	color:white;
}

/* Navigation */

/* plane */

.plane-logo {
	position: absolute;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	margin:0;
	top:0;
}

.plane-logo div{
	position: relative;
}

.airplane{
	position: absolute;
	left:-360px;
	top: 25px;
	z-index: 2;
	width:100%;
	max-width: 360px;
	-webkit-animation: airplane-animate 15s linear; /* Safari 4.0 - 8.0 */
  animation: airplane-animate 15s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
	background-position: 1px 1px;
}

@-webkit-keyframes airplane-animate {
  0%   { left:-360px; 
	     top:25px;
	}
	
	30% {
    		top:90px;
  }
	
	60%{
		
		top:45px;
	}
	
  100% { left:5%;
	      top:75px;
	}
}

/* Standard syntax */
@keyframes airplane-animate {
 0%   { left:-360px; 
	     top:25px;
	}
	
	30% {
    		top:90px;
  }
	
	60%{
		
		top:45px;
	}
	
  100% { left:5%;
	      top:75px;
	}
}

/* plane */

.early-bird{
	display:block;
	position:fixed;
	bottom:0px;
	color:#0088aa;
	font-size:12px;
	font-weight:600;
	text-align:center;
	width:100%;
	z-index:100;
	background-color:#ffe19c;
}

.early-bird span{
	
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	padding-bottom:2px;
	border-radius:15px;
}

.scroll-explore{
	display:block;
	position:absolute;
	bottom:20px;
	color:white;
	font-size:13px;
	font-weight:600;
	text-align:center;
	width:100%;
	z-index:100;
}

.fa-arrow-circle-down{
	
	 color:white; 
     padding-left:10px;
	 -webkit-animation: circledown-animate 1s linear infinite; /* Safari 4.0 - 8.0 */
      animation: circledown-animate 1s linear infinite;
	  position: absolute;
    top: 5px;
}

@-webkit-keyframes circledown-animate {
  0%   { top: 5px;
	}
	
	
	50%{
		top: -5px;
	}
	
  100% { 
        top: 5px;
	}
}

/* Standard syntax */
@keyframes circledown-animate {
 0%   { top: 5px;
	}
	
	
	50%{
		top: -5px;
	}
	
  100% { 
        top: 5px;
	}
}

.backtotop{
	display: none;
	position: fixed;
		right:25px;
	    bottom: 25px;
	cursor: pointer;
	z-index:991;
	-webkit-filter: drop-shadow(1px 1px 1px #222);
    filter: drop-shadow(1px 1px 1px #222);
}

.afaqs-logo{
	display: none;
	position: fixed;
		right:25px;
	    top: 15px;
		z-index:99;
}


.register-login-btns{
	position: fixed;
		right:15px;
	    top: 0px;
		z-index:991;
}

/* section1 */

#section1{
	width: 100%;
	height:105%;
	background: linear-gradient(180deg, #005cdb,#10bedf 20%,#aefad7, #aefad7 55%, #0088aa 5% );
	overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
	top:12%;
}

.mountains{
	position: absolute;
	top:45%;
	width: 100%;
	height:auto;
}

.bg-mountain{
	position: absolute;
	top:0;
	width: 100%;
    height: auto;
}

.opa{
	opacity: 0;
}

.brown-mountain{
	position: absolute;
	top:0;
	width: 100%;
	height: auto;
}

.sea-up{
	position:absolute;
	top:0;
	width: 100%;
	height: auto;
}

.wave{
	position:absolute;
	top:0;
	width: 100%;
	height: auto;
}

.floating-rock {
    position: absolute;
    top: -10px;
    left: 27px;
    width: 100%;
    height: auto;
    max-width: 15%;
	animation: rock-animate 7s linear infinite alternate;
	-webkit-animation: rock-animate 7s linear infinite alternate;
}

@-webkit-keyframes rock-animate {
 0%   { left:27px; }
	
100% { left:100px;}
}

@keyframes rock-animate {
 0%   { leftt:27px; }
	
100% { left:100px;}
}


.floating-ice{
	position: absolute;
	top: -10px;
	right:10px;
	width: 100%;
	height: auto;
	max-width: 10%;
	animation: ice-animate 5s linear infinite alternate;
	-webkit-animation: ice-animate 5s linear infinite alternate;
}

@-webkit-keyframes ice-animate {
 0%   { right:10px; }
	
100% { right:47px;}
}

@keyframes ice-animate {
 0%   { right:10px; }
	
100% { right:47px;}
}


.sea{
	position:absolute;
	bottom: 0;
	min-height: 100px;
	width: 100%;
	/*background: linear-gradient(180deg, #008dab, #006aa6 90%);*/
	z-index:0;
}

.about{
	z-index:99;
	padding-top: 50px;
    padding-bottom: 40px;
}

.about-content{
	color: black;
    font-size: 11px;
	text-align:left;
}

.about-content p {
    padding: 15px;
	 padding-bottom: 0px!important;
	 padding-top: 50px;
}

/* section1 */

/* section2 */

#section2{
	width: 100%;
	height:auto;
	/*background: linear-gradient(180deg, #0088aa, #0045a1 50%);*/
	background: linear-gradient(180deg, #0088aa, #006da6 , #0045a1);
	background-repeat: repeat-y;
    overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
}

/* Fish Animation */

svg#fish {
  top: 5em;
}

svg.fish{
  overflow:hidden;
  position:absolute;
  width:100%;
  height:auto;
  z-index:9;
  top:0;
  
}

@-webkit-keyframes swim
{
	0% {margin-left: -235px}
	90% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

@keyframes swim
{
	0% {margin-left: -235px}
	70% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

.fish{
	width: 235px;
	height: 104px;
	margin-left: -235px;
	position: absolute;	
	animation: swim 50s;
	-webkit-animation: swim 50s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

svg #fish1,
svg #fish2,
svg #fish3,
svg #fish4,
svg #fish5,
svg #fish6 {
fill:#065591;
  
    -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

svg #fish2{
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

svg #fish3{
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

svg #fish4{
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

svg #fish5{
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}

svg #fish6{
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

/**/
@-moz-keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@-webkit-keyframes bounce {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

/*END Fish Animation*/

.scooba-diver{
	position: absolute;
	left:-280px;
	top: 100px;
	z-index: 5;
	width:100%;
	max-width: 280px;
	-webkit-animation: scooba-diver 27s linear infinite; /* Safari 4.0 - 8.0 */
  animation: scooba-diver 27s linear infinite;
  animation-delay: 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
	background-position: 1px 1px;
	animation-play-state: paused;
}

@-webkit-keyframes scooba-diver {
  0%   { left:-280px; 
	     top:100px;
	}
	

  100% { left:105%;
	      top:55%;
	}
}

/* Standard syntax */
@keyframes scooba-diver {
 0%   { left:-280px; 
	     top:100px;
	}
	
	
	
  100% { left:105%;
	      top:55%;
	}
}

.categories{
	z-index:99;
	padding-top:100px;
	margin-bottom: 40px;
}

.section-headings{
	font-size: 2.25rem;
    font-weight: 800;
    text-transform: uppercase;
    color: white;
   }

.tagline {
    background-color: #ffe19c;
    font-size: 13px!important;
    font-family: 'Open Sans', sans-serif;
    font-weight: 800;
    color: black;
    padding: 0px;
    margin-top: 10px;
}

.categories-content {
    background-color: rgba(0, 92, 123, 0.5);
    border-top: #ffe19c 4px solid;
    color: white;
    font-size: 14px;
    padding-bottom: 20px;
}

.categories-content p {
    padding: 15px;
    padding-bottom: 0px!important;
}

.subcat-cat-head {
    background-color: #0161dc;
    color: white;
    font-size: 18px;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.subcat-head-2 {
    color: #0161dc;
    font-size: 16px;
    margin-top: 10px;
}

.subcat-para-2 {
    color: black;
    font-size: 13px;
    margin-left: -15px;
    margin-top: -15px;
}

.categories-content ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    padding-top: 0px!important;
}

.categories-content ul li {
    float: left;
    padding-left: 0px;
    padding-right: 30px;
}

.categories-content ul li::before {
    content: "\2022";
    color: #ffe19c;
    font-weight: bold;
    display: inline-block;
    width: 0.75em;
    margin-left: 0px;
}

/* section2 */

/* section3 */

#section3{
	width: 100%;
	height:auto;
	background: linear-gradient(180deg, #0045a1, #003273);
	background-repeat: repeat-y;
    overflow: inherit;
	margin:0;
	padding:0;
	position: relative;
}

.jury{
	z-index:99;
	padding-top:100px;
	margin-bottom: 40px;
}

.jury-content {
    background-color: rgba(0, 45, 105, 0.5);
    border-top: #ffe19c 4px solid;
    color: white;
    font-size: 14px;
    padding-bottom: 20px;
}

.jury-content p {
    padding: 15px;
    padding-bottom: 0px!important;
}

/* section3 */


/* section4 */

#section4{
	width: 100%;
	height:auto;
	background: linear-gradient(180deg, #003273, #00224e);
	background-repeat: repeat-y;
    overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
}

/* Fish Animation */

svg#fishzero {
  top: 45%;
}

svg.fishzero{
  overflow:hidden;
  position:absolute;
  width:100%;
  height:auto;
  z-index:6;
  top:0;
  
}

@-webkit-keyframes swim00
{
	0% {margin-left: -235px}
	90% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

@keyframes swim00
{
	0% {margin-left: -235px}
	70% {margin-left: 100%;}
	100% {margin-left: 100%;}
}

.fishzero{
	width: 235px;
	height: 104px;
	margin-left: -235px;
	position: absolute;	
	animation: swim00 50s;
	-webkit-animation: swim00 50s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

svg #fish01,
svg #fish02,
svg #fish03,
svg #fish04,
svg #fish05,
svg #fish06 {
fill:#001b40;
  
    -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

svg #fish02{
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

svg #fish03{
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

svg #fish04{
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

svg #fish05{
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}

svg #fish06{
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

/**/
@-moz-keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@-webkit-keyframes bounce {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

/*END Fish Animation*/


.rock-trophy2{
	position:absolute;
	bottom:45%;
	z-index:8;
	right:-50px;
	width:100%;
    height: auto;
    max-width: 200px;	
	 -webkit-filter: contrast(1.0);
  filter: contrast(1.0); 
}

.right-rock{
	position:absolute;
	bottom:-50px;
	z-index:7;
	right:-10px;
	width:auto;
    height: 100%;
    max-height: 700px;
}

.howtoenter{
	z-index:99;
	padding-top:100px;
	margin-bottom: 40px;
}

.howtoenter-content {
    background-color: rgba(0, 32, 74, 0.5);
    border-top: #ffe19c 4px solid;
    color: white;
    font-size: 14px;
    padding-bottom: 20px;
}

.howtoenter-content h6 {
    padding: 15px;
    margin-top:10px;
	margin-bottom: 0;
}

.howtoenter-content p {
    padding: 15px;
    padding-bottom: 0px!important;
}

.howtoenter-content ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    padding-top: 0px!important;
}

.howtoenter-content ul li {
    float: none!important;
    padding-left: 0px;
    padding-right: 30px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    line-height: 1.4;
}

.howtoenter-content ul li::before {
    content: "\2022";
    color: #ffe19c;
    font-weight: bold;
    display: inline-block;
    width: 0.75em;
    margin-left: 0px;
}

.highlighted-head{
	color: #0161dc;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    background-color: white;
	padding:5px;
}

/* section4 */


/* section5 */

#section5{
	width: 100%;
	height:auto;
	background: linear-gradient(180deg, #00224e,#00224e);
	background-repeat: repeat-y;
    overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
}

.scooba-diver2{
	position: absolute;
	right:-180px;
	top: 100px;
	z-index: 5;
	width:100%;
	max-width: 180px;
	-webkit-animation: scooba-diver2 27s linear infinite; /* Safari 4.0 - 8.0 */
  animation: scooba-diver2 27s linear infinite;
  animation-delay: 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
	background-position: 1px 1px;
	animation-play-state: paused;
}

@-webkit-keyframes scooba-diver2 {
  0%   { right:-180px; 
	     top:100px;
	}
	

  100% { right:105%;
	      top:60%;
	}
}

/* Standard syntax */
@keyframes scooba-diver2 {
 0%   { right:-180px; 
	     top:100px;
	}
	
	
	
  100% { right:105%;
	      top:60%;
	}
}

.rock-trophy3{
	position:absolute;
	bottom:45%;
	z-index:3;
	left:-50px;
	width:100%;
    height: auto;
    max-width: 300px;	
	 -webkit-filter: contrast(1.25);
  filter: contrast(1.25);
   
}

.left-rock{
	position:absolute;
	bottom:100px;
	z-index:2;
	left:0;
	width:auto;
    height: 100%;
    max-height: 700px;
}

.rules{
	z-index:99;
	padding-top:100px;
	margin-bottom: 40px;
}

.rules-content {
    background-color: rgba(0, 29, 66, 0.5);
    border-top: #ffe19c 4px solid;
    color: white;
    font-size: 14px;
    padding-bottom: 20px;
}

.rules-content h6 {
    padding: 15px;
    margin-top:10px;
	margin-bottom: 0;
}

.rules-content p {
    padding: 15px;
    padding-bottom: 0px!important;
}

.rules-content ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    padding-top: 0px!important;
}

.rules-content ul li {
    float: none!important;
    padding-left: 0px;
    padding-right: 30px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    line-height: 1.4;
}

.rules-content ul li::before {
    content: "\2022";
    color: #ffe19c;
    font-weight: bold;
    display: inline-block;
    width: 0.75em;
    margin-left: 0px;
}


/* section5 */


/* section6 */

#section6{
	width: 100%;
	height:auto;
	background: linear-gradient(180deg, #00224e,#021b3c);
	background-repeat: repeat-y;
    overflow: inherit;
	margin:0;
	padding:0;
	position: relative;
}

.right-rock-coral{
	position:absolute;
	bottom:0;
	z-index:2;
	right:0;
	width:auto;
    height: 100%;
    max-height: 700px;
-webkit-filter: contrast(1.25);
    filter: contrast(1.25);	
}

.judgingprocess{
	z-index:99;
	padding-top:100px;
	margin-bottom: 40px;
}

.judgingprocess-content {
    background-color: rgba(0, 20, 45, 0.5);
    border-top: #ffe19c 4px solid;
    color: white;
    font-size: 14px;
    padding-bottom: 20px;
}

.judgingprocess-content h6 {
    padding: 15px;
    margin-top:10px;
	margin-bottom: 0;
}

.judgingprocess-content p {
    padding: 15px;
    padding-bottom: 0px!important;
}

.judgingprocess-content ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    padding-top: 0px!important;
}

.judgingprocess-content ul li {
    float: none!important;
    padding-left: 0px;
    padding-right: 30px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    line-height: 1.4;
}

.judgingprocess-content ul li::before {
    content: "\2022";
    color: #ffe19c;
    font-weight: bold;
    display: inline-block;
    width: 0.75em;
    margin-left: 0px;
}


/* section6 */

/* section7 */

#section7{
	width: 100%;
	height:auto;
	background: linear-gradient(180deg, #021b3c, #01142b);
	background-repeat: repeat-y;
    overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
}
svg#fishtwo {
  top: 10em;
}

/* Fish Animation */
svg.fishtwo{
  overflow:hidden;
  position:absolute;
  width:100%;
  height:auto;
  z-index:9;
  top:0;
  -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph; /*IE*/
    filter: fliph; /*IE*/
}

@-webkit-keyframes swimy
{
	0% {right: -235px}
	90% {right: 100%;}
	100% {right: 100%;}
}

@keyframes swimy
{
	0% {right: -235px}
	70% {right: 100%;}
	100% {right: 100%;}
}

.fishtwo{
	width: 235px;
	height: 104px;
right: -235px;
	position: absolute;	
	animation: swimy 40s;
	-webkit-animation: swimy 40s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
}

svg #fish11,
svg #fish21,
svg #fish31,
svg #fish41,
svg #fish51,
svg #fish61 {
fill:#000b13;;
  
    -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

svg #fish21{
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
}

svg #fish31{
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

svg #fish41{
	animation-delay: 0.4s;
	-webkit-animation-delay: 0.4s;
}

svg #fish51{
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}

svg #fish61{
	animation-delay: 0.3s;
	-webkit-animation-delay: 0.3s;
}

/**/
@-moz-keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -moz-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@-webkit-keyframes bounce {
  0%, 50%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}
@keyframes bounce {
  0%, 50%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25% {
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  75% {
    -moz-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
  }
}

/*END Fish Animation*/

.scooba-diver3{
	position: absolute;
	left:-150px;
	top: 100px;
	z-index: 5;
	width:100%;
	max-width: 150px;
	-webkit-animation: scooba-diver3 27s linear infinite; /* Safari 4.0 - 8.0 */
  animation: scooba-diver3 27s linear infinite;
  animation-delay: 1s;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
	background-position: 1px 1px;
	animation-play-state: paused;
}

@-webkit-keyframes scooba-diver3 {
  0%   { left:-150px; 
	     top:100px;
	}
	

  100% { left:105%;
	      top:45%;
	}
}

/* Standard syntax */
@keyframes scooba-diver3 {
 0%   { left:-150px; 
	     top:100px;
	}
	
	
	
  100% { left:105%;
	      top:45%;
	}
}

.rock-trophy{
	position:absolute;
	bottom:0;
	z-index:3;
	right:0;
	width:100%;
    height: auto;
    max-width: 400px;	
	-webkit-filter: contrast(1.5);
    filter: contrast(1.5); 
}

.sunken-ship {
    position: absolute;
    bottom: -45px;
    z-index: 2;
    right: 127px;
    width: 100%;
    height: auto;
    max-width: 500px;
	-webkit-filter: contrast(1.5);
    filter: contrast(1.5);
}

.ocean-bottom{
	position:absolute;
	bottom:-10px;
	z-index:1;
	left:0;
	width:100%;
    height: auto;  
}

.sea-mountains{
	position:absolute;
	bottom:-27px;
	z-index:0;
	left:0;
	width:100%;
    height: auto; 
-webkit-filter: contrast(4);
    filter: contrast(4);	
}
.contact{
	z-index:99;
	padding-top:100px;
	margin-bottom: 150px;
}

.contact-content {
    background-color: rgba(0, 22, 29, 0.5);
    border-top: #ffe19c 4px solid;
    color: white;
    font-size: 14px;
    padding-bottom: 20px;
}

.contact-content h6 {
    padding: 15px;
    margin-top:10px;
	margin-bottom: 0;
}

.contact-content p {
    padding: 15px;
    padding-bottom: 0px!important;
	padding-top: 10px!important;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 600;
}

.contact-content ul {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 15px;
    padding-top: 0px!important;
}

.contact-content ul li {
    float: none!important;
    padding-left: 0px;
    padding-right: 30px;
    margin-top: 10px!important;
    margin-bottom: 10px!important;
    line-height: 1.4;
}


/* section7 */


/* jury */

.more-j-gj{
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-align: right;
}

.grandjury-content{
	margin-top:15px;
	background-color: rgba(25, 180, 185, 0.5);
	border-top:#ffe19c 4px solid;
	color: white;
	font-size: 14px;
	padding-bottom: 20px;
}

.grandjury-content p{
	padding:15px;
	padding-bottom:0px!important;
	line-height:1.0;
}

.grand-heading{
	margin-top:25px;
	margin-bottom: 25px;
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}

.G-jury-img{
	overflow-y: hidden;
	max-height: 420px;
	position: relative;
	padding-left: 0!important;
    padding-right: 0!important;
}

.bw-jury{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	width: 100%;
	height: auto;
}

.bw-jury:hover{
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
	width: 100%;
	height: auto;
}

.grand-social{
	position: absolute;
	z-index: 999;
	bottom: 5px;
	
}

.grand-social img{
	max-width: 40px;
	height: auto;
}

.grand-margin{
	margin-bottom: 60px;
}
.grand-details{
	background-color: white;
	margin-top: 0px;
	color: black;
	padding-top:5px;
	padding-bottom: 5px;
	min-height: 100px;

}

.grand-name{
	margin-top:5px;
	margin-bottom:5px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	
}

.grand-post{
	padding:0!important;
	
	margin:0!important;
}

.grand-company{
	padding:0!important;
	
	margin-top:5px!important;
	margin-bottom:5px!important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}

.jury-content-sec{
	margin-top:0px;
	background-color: rgba(65, 191, 251, 0.3);
	border-top:transparent;
	color: white;
	font-size: 14px;
	padding-bottom: 20px;
}

.jury-content-sec p{
	padding:15px;
	padding-bottom:0px!important;
}

.jury-heading-sec{
	margin-top:-20px;
	margin-bottom: 45px;
	font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}

.jury-img-sec{
	overflow-y: hidden;
	position: relative;
	
	
}

.jury-sec{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	width: 100%;
	height: auto;
	opacity: 1;
  filter: alpha(opacity=100);
}

.jury-sec:hover{
	opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
	width: 100%;
	height: auto;
}

.jury-margin-sec{
	margin-bottom: 40px;
	background-color: #00000059;
}
.jury-details-sec{
	background-color: transparent;
	margin-top: 0px;
	color: white;
	padding-top:5px;
	padding-bottom: 5px;
	min-height: 150px!important;

}

.jury-name-sec{
	margin-top:5px;
	margin-bottom:5px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	
	
}

.jury-post-sec{
	padding:0!important;
	margin:0!important;
}

.jury-company-sec{
	padding:0!important;
	margin-top:5px!important;
	margin-bottom:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
}
.jury-social-sec{
	margin-left:0!important;
	padding-left:0!important;
	position: absolute;
	bottom:0px;
	margin-top:0px!important;
	padding-top:0!important;
	margin-bottom:5px!important;
}
.jury-social-sec img{
	max-width: 40px;
	height: auto;
	padding-top:0!important;
}

.g-jury-head{
	margin-top:20px;
	margin-bottom: 50px!important;
}
    .strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap; 
		margin-bottom: 30px;
		
    }

    .strike > span {
        position: relative;
        display: inline-block;
		font-size: 28px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
		
		
    }
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 4px;
        background: rgb(255, 225, 156);
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }
.adjust-juryhead{
	margin-top:-30px!important;
}

/* jury */

/* Navigation media query */

@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

/* Navigation  media query */

/* Extra Small devices (landscape phones, 360px and up)*/
@media (min-width: 360px) { 
#section1{
	width: 100%;
	height:100%;
	background: linear-gradient(180deg, #005cdb,#10bedf 20%,#aefad7, #aefad7 55%, #0088aa 5% );
	overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
	top:12%;
}

.scroll-explore{
	display:block;
	position:absolute;
	bottom:125px;
	color:white;
	font-size:13px;
	font-weight:600;
	text-align:center;
	width:100%;
	z-index:100;
}

}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

.early-bird {
    display: block;
    position:fixed;
    bottom: 0px;
    color: #0088aa;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    width: 100%;
    z-index: 100;
}

.scroll-explore{
	display:block;
	position:absolute;
	bottom:250px;
	color:white;
	font-size:16px;
	font-weight:600;
	text-align:center;
	width:100%;
	z-index:100;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 


.about-content{
	color: black;
text-align:left;
}

.about-content p{
	font-size: 14px;
    padding-top: 75px;
}

.airplane{
	position: absolute;
	left:-450px;
	top: 25px;
	z-index: 2;
	width:100%;
	max-width: 450px;
	-webkit-animation: airplane-animate 15s linear; /* Safari 4.0 - 8.0 */
  animation: airplane-animate 15s linear;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
	background-position: 1px 1px;
}

@-webkit-keyframes airplane-animate {
  0%   { left:-450px; 
	     top:25px;
	}
	
	30% {
    		top:90px;
  }
	
	60%{
		
		top:45px;
	}
	
  100% { left:40%;
	      top:50px;
	}
}



/* Standard syntax */
@keyframes airplane-animate {
  0%   { left:-450px; 
	     top:25px;
	}
	
	30% {
    		top:90px;
  }
	
	60%{
		
		top:45px;
	}
	
  100% { left:40%;
	      top:50px;
	}
}

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
	
	#section1{
	width: 100%;
	height:100%;
	background: linear-gradient(180deg, #005cdb,#10bedf 20%,#aefad7, #aefad7 60%, #0088aa 5% );
	overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
}
	
	.about-content p{
	font-size: 13px;
    padding-top: 75px;
}
	
	.floating-rock {
    position: absolute;
    top: -25px;
    left: 100px;
    width: 100%;
    height: auto;
    max-width: 15%;
	animation: rock-animate2 7s linear infinite alternate;
	-webkit-animation: rock-animate2 7s linear infinite alternate;
}
	
@-webkit-keyframes rock-animate2 {
 0%   { left:100px; }
	
100% { left:270px;}
}

@keyframes rock-animate2 {
 0%   { leftt:100px; }
	
100% { left:270px;}
}

	
.floating-ice{
	position: absolute;
	top: -10px;
	right:10px;
	width: 100%;
	height: auto;
	max-width: 10%;
	animation: ice-animate2 5s linear infinite alternate;
	-webkit-animation: ice-animate2 5s linear infinite alternate;
}

@-webkit-keyframes ice-animate2 {
 0%   { right:10px; }
	
100% { right:147px;}
}

@keyframes ice-animate2 {
 0%   { right:10px; }
	
100% { right:147px;}
}
	
	
	
}
	

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 

	#section1{
	width: 100%;
	height:100%;
	background: linear-gradient(180deg, #005cdb,#10bedf 20%,#aefad7, #aefad7 65%, #0088aa 5% );
	overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
	top: 18%;
}

.about-content p{
	font-size: 13px;
    padding-top: 50px;
}


}

/* ultra large devices (large desktops, 1500px and up)*/
@media (min-width: 1500px) { 
	
	#section1{
	width: 100%;
	height:100%;
	background: linear-gradient(180deg, #005cdb,#10bedf 20%,#aefad7, #aefad7 72%, #0088aa 5% );
	overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
	top: 12%;
}

.about{
	z-index:99;
	padding-top: 70px;
    padding-bottom: 40px;
}

.about-content p {
    font-size: 16px;
    padding-top: 75px;
}

}

/* Mega large devices (large desktops, 2100px and up)*/
@media (min-width: 2100px) { 
	
	#section1{
	width: 100%;
	height:100%;
	background: linear-gradient(180deg, #005cdb,#10bedf 20%,#aefad7, #aefad7 82%, #0088aa 5% );
	overflow: hidden;
	margin:0;
	padding:0;
	position: relative;
	top: 5%;
}
.about-content p {
    font-size: 16px;
    padding-top: 150px;
}

.categories {
    z-index: 99;
    padding-top: 20px;
    margin-bottom: 40px;
}

}