/*
Theme Name: GXI
Theme URI: http://www.weareopen.ie/
Author: Weareopen
Author URI: hhttp://www.weareopen.ie/
Description: GXI Expo Theme
Version: 1.0
License: GNU General Public License

*/

/*
header {
    display: block;
    width: 100%;
    height: 100vh;  

background: repeating-linear-gradient(270deg, rgb(39, 170, 225), rgb(215, 223, 35)) 100% 100% / 200% 200%;
    animation: CustomAnimation 50s ease infinite;  
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-o-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
*/

/*
body {
    background: repeating-linear-gradient(270deg, rgb(39, 170, 225), rgb(215, 223, 35));
    background-size: 56px 56px;  This is unique for this background, need to find a pattern and develop a formula 
    -webkit-animation: slide 20s infinite linear forwards;
    -moz-animation: slide 20s infinite linear forwards;
    animation: slide 20s infinite linear forwards;
}
@-webkit-keyframes slide {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}
@-moz-keyframes slide {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}
@keyframes slide {
    0% { background-position: 0% 0; }
    100% { background-position: 100% 0; }
}*/





/* ICON STYLES - ICON FROM: http://fontastic.me/
–––––––––––––––––––––––––––––––––––––––––––––––––– */




/* HELPER CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.l-left {
	float: left;
}

.l-right {
	float: right;
}

.end {
	margin-top: 30px;
	font-size: 3em;
	font-weight: bold;
	opacity: 0;
	-webkit-transform: translateY(300px);
	        transform: translateY(300px);
	-webkit-transition: opacity, -webkit-transform 1s;
	        transition: opacity, -webkit-transform 1s;
	        transition: opacity, transform 1s;
	        transition: opacity, transform 1s, -webkit-transform 1s;
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}



/* RESET-GENERAL STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

* {
	margin: 0;
	padding: 0;
    font-family: "mr-eaves-xl-modern",sans-serif;
	text-transform: uppercase;
}

html {
	font-size: 62.5%;
}

body {
	color: black;
}

a {
	text-decoration: none;
	color: white;
}

ul, li {
	list-style-type: none;
}
h2 {
    font-size:48px;  
}
h3 {
    color:#fff;
    font-size:36px;
    font-weight:600;
}
h4 {
    color:#fff;
    font-weight:600;
    font-size:16px;
}



/* NAV STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*
.header-top {
	background: rgba(0, 47, 77, .3);
	height: 70px;
	padding: 0 10px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 12;
	box-sizing: border-box;
}

h1 {
	line-height: 70px;
	height: 70px;
}

h1 a {
	display: block;
	padding: 0 10px;
}

.toggle-menu {
	width: 50px;
	height: 50px;
	display: inline-block;
	position: relative;
	top: 10px;
}

.toggle-menu i {
	position: absolute;
	display: block;
	height: 2px;
	background: white;
	width: 30px;
	left: 10px;
	-webkit-transition: all .3s;
	        transition: all .3s;
}

.toggle-menu i:nth-child(1) {
	top: 16px;
}

.toggle-menu i:nth-child(2) {
	top: 24px;
}

.toggle-menu i:nth-child(3) {
	top: 32px;
}

.open-menu i:nth-child(1) {
	top: 25px;
	-webkit-transform: rotateZ(45deg);
	        transform: rotateZ(45deg);
}

.open-menu i:nth-child(2) {
	background: transparent;
}

.open-menu i:nth-child(3) {
	top: 25px;
	-webkit-transform: rotateZ(-45deg);
	        transform: rotateZ(-45deg);
}

nav {
 	height: 0;
	opacity: 0;
  box-sizing: border-box;
	background: rgba(0, 47, 77, .25);
	position: fixed;
	top: 70px;
	width: 100%;
  -webkit-transition: all 3s;
          transition: all 3s;
}

.open-menu ~ nav {
	opacity: 1;
 	padding: 80px 0;
	z-index: 15;
	height: calc(90vh - 70px);
}

nav ul {
	padding: 0 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

nav li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

nav li a {
	font-size: 2em;
	display: block;
	padding: 30px;
	text-align: center;
	-webkit-transition: background .3s;
	        transition: background .3s;
}

nav li:nth-child(odd) a,
body.fp-viewing-fifthSection-1 #menu li:nth-child(5) a {
	background: #962D3E;
}

nav li:nth-child(even) a {
	background: #aa3346;
}

nav li:nth-child(odd) a:hover {
	background: #9e2f41;
}

nav li:nth-child(even) a:hover {
	background: #c53c52;
}

nav li.active a,
body.fp-viewing-fifthSection-1 #menu li:last-child a {
  background: #453659;
}
*/
  


/* SECTION STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*

section { 
	text-align: center;
  background: url('https://unsplash.it/1910/1221?image=626') no-repeat center / cover;
}

h2 {
	text-transform: lowercase;
	font-size: 4em;
	margin-bottom: 20px;
}

h3 {
	font-weight: 300;
	font-size: 2.8em;
}

a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
*/

/* SLIDENAV STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/*
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
	background: white;
	width: 10px;
	height: 10px;
	margin: -4px 0 0 -4px;
        -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#fp-nav ul li a span:before, 
.fp-slidesNav ul li a span:before {
    content: '';
    top: -10px;
    bottom: -10px;
    left: -10px;
    right: -10px;
    border: 4px solid #fff;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
#fp-nav ul li a span:hover::before, 
.fp-slidesNav ul li a span:hover::before{
    top: -12px;
    bottom: -12px;
    left: -12px;
    right: -12px;
    border: 6px solid #fff;
}

#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {
	width: 30px;
	height: 30px;
	margin: -8px 0 0 -14px;
	background: transparent;
	box-sizing: border-box;
	border: 9px solid #fff;
}
#fp-nav ul li a.active span:before, 
.fp-slidesNav ul li a.active span:before, 
#fp-nav ul li:hover a.active span:before, 
.fp-slidesNav ul li:hover a.active span:before {
display: none
}
*/
/*
#fp-nav ul li:focus, .fp-slidesNav ul li:focus {
    outline:none;
}
#fp-nav ul li:hover, .fp-slidesNav ul li:hover {
    margin:8px;
}
*/
/*
#fp-nav ul li a.active {
    
}
*/
a {
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
}


section.landing {
    background: linear-gradient(270deg, #27aae1, #d7df23);
    background-size:200% 200%;
    animation: CustomAnimation 50s ease infinite;
    -webkit-animation: CustomAnimation 50s ease infinite;
}

@keyframes CustomAnimation {
    0% {background-position:0% 75%;}
    50% {background-position:100% 25%;}
    100% {background-position:0% 75%;}
}
@-webkit-keyframes CustomAnimation {
    0% {background-position:0% 75%;}
    50% {background-position:100% 25%;}
    100% {background-position:0% 75%;}
}


/*Dot Style Navgation*/



@media screen and (max-width: 42em) {


	.dotstyle:nth-child(4n),
	.dotstyle:nth-child(4n-3) {
		background-color: rgba(0, 0, 0, 0);
	}

	.dotstyle:nth-child(odd) {
		background-color: rgba(0, 0, 0, 0.05);
	}
}

@media screen and (max-width: 25em) {

	.codrops-icon span {
		display: none;
	}

	.codrops-icon:before {
		font-size: 160%;
		line-height: 2;
	}

}

/* Common styles and resets */

.dotstyle ul {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	cursor: default;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.dotstyle li {
	position: relative;
	display: block;
	float: none;
	margin: 0 16px 30px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.dotstyle li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.3);
	text-indent: -999em; /* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
}

.dotstyle li a:focus {
	outline: none;
}

.dotstyle li span {
    display: inline-block;
    color: #fff;
    margin-left: 40px;
    margin-top:7px;
    text-transform: capitalize;
    font-weight: 600;
    font-size:15px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

/* Individual styles and effects */




nav.main-nav {
    position: fixed;
    display: block;
    top:33%;
    left:200px;
}

/* Small dot with stroke */

.dotstyle-smalldotstroke li {
	border-radius: 50%;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0);
	-webkit-transition: box-shadow 0.3s ease;
	transition: box-shadow 0.3s ease;
}

.dotstyle-smalldotstroke li a {
    
	background-color: transparent;
	-webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
	transition: background-color 0.3s ease, transform 0.3s ease;
    border:2px solid #fff;
}


.dotstyle-smalldotstroke li a:focus,
.dotstyle-smalldotstroke li.current a {
	background-color: white
}

.dotstyle-smalldotstroke li a {
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.dotstyle-smalldotstroke li a:hover {
        border: 6px solid #fff;
}
.dotstyle-smalldotstroke li.current a {
	-webkit-transform: scale(0.4);
	transform: scale(0.4);
}

.dotstyle-smalldotstroke li.current {
	box-shadow: 0 0 0 2px white;
}



#social-nav {
    position: absolute;
    z-index: 100;
    top: 33%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    right:200px;
}
#social-nav.standard {
    top:20%;
}
header.standard {
    height:80vh;
}
ul.social-right li,ul.social-right li a {
    display: block;
    width:35px;
    height:35px;
    margin-bottom: 20px;
}
ul.social-right li a {
    text-indent:-9999999px
}
ul.social-right li.facebook {
    background: url(img/facebook.svg) no-repeat center center;
    background-size: cover;
}
ul.social-right li.insta {
    background: url(img/instagram.svg) no-repeat center center;
    background-size: cover;    
}
ul.social-right li.twitter {
    background: url(img/twitter.svg) no-repeat center center;
    background-size: cover;    
}
ul.social-right li.twitch {
    background: url(img/twitch.svg) no-repeat center center;
    background-size: cover;     
}
a.tickets {
    display: inline-block;
    margin:0 auto;
    text-align: center;
    padding:10px 22px;
    background:#d9de25;
    color:#333;
    text-transform: uppercase;
    width:auto;
    font-size:34px;
    border-radius:8px;
}
a.tickets:hover {
    background:#fff;
    color:#333;
}
.dark {
    background:#333 !important;
    color:#d9de25 !important;
}
a.tickets.dark:hover {
    background:#fff!important;
    color:#333!important;
}
section.landing a.tickets {
    margin-top:100px;
}
.logo-bar {
    background:#fff;
    width:100%;
    height:100px;
    padding:12px 0px 8px;
    position: absolute;
    bottom: 0px;
 }
.row.full-width {
    max-width:100% !important;
}
.max-width {
    max-width:1300px;
    margin: 0 auto;
    position: relative;
}

/* Image Animation */

.fadein img {
    position:absolute;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 6s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 6s;
}

@-webkit-keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {
    0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}

.f1 {
/*    background-color: lightblue;*/
}
.f2 {
    -webkit-animation-delay: -4s;
/*    background-color: yellow;*/
}
.f3 {
    -webkit-animation-delay: -2s;
/*    background-color: lightgreen;*/
}

.image-block {
    position: relative;
    display: inline-block;
    width:100%;
}
.image-block img {
    width:60px;
    height:60px;
}
.logos {
    display: inline-block;
    position: relative;
}
.second {
    background:#333 !important; 
}
.max-width.center-content {
    max-width:800px;
}
 h1 {
    color:#fff;
    text-align: center;
    font-size:63px;
    text-transform: uppercase;
    line-height:70px;
}

.countdown-wrapper {
    max-width:800px;
    margin: 0 auto;
    position: relative;
    padding-top: 100px;
}
.time-block {
    border-right: 4px solid #fff;
}
.time-block:last-child {
    border-right:none;
}
.counter-text {
    text-transform:uppercase;
    color:#fff;
    font-size:22px;
    font-weight:bold;
}
.countdown {
    font-weight:bold;
    color:#fff;
    font-size:38px;
}
.countdown-wrapper h2 {
    text-transform: uppercase;
    color:#d9de25;
    text-align: center;
    padding-bottom:20px;
}
.third {
    background:#222 !important;
}
div#n2-ss-3 .n2-font-3a3e99f5f72be052a867240668bf2c12-simple{font-family: "mr-eaves-xl-modern",sans-serif !important;color: #ffffff;font-size:112.5%;text-shadow: none;line-height: 1.3;font-weight: normal;font-style: normal;text-decoration: none;text-align: center;letter-spacing: normal;word-spacing: normal;text-transform: none;vertical-align: middle;}

.home div#n2-ss-3 .nextend-indicator-stripe .nextend-indicator-track {
    display: none;
}
.fourth {
    background:#333 !important;
    height:60vh !important;
}
.video-b {
    background:#333 !important;
    height:65vh !important;
}
.fourth p, .sixth p {
/*    color:#fff;*/
    font-size:18px;
    text-align: center;
    text-transform: none;
}
.home .parallax-window p {
    color:#fff;
}
.sixth p {
    padding-bottom:60px;
}

section {
    height:100vh;
    width:100%;
    display: block;
}

header {
    background: linear-gradient(-30deg, #27aae1, #d7df23);
    background-size: 200% 200%;
    animation: CustomAnimation 50s ease infinite;
    -webkit-animation: CustomAnimation 50s ease infinite;
    height:100vh;
    width:100%;
    position: relative
}

.home-center {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
}
body.logged-in {
    margin-top: -32px;
}
.home-center h3 {
    padding-bottom:100px;
}
section.second, section.fourth, section.sixth, section.video-b {
    display: table;
}

.table-container {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
        padding: 80px 0px 120px;
}
.hanging {
    position: absolute;
    top:-30px;
    right:300px;
}
img.mascot {
    width:260px;
    height:210px;
    display: block;
}
.fourth {
    position: relative;
}
img.logo-temp {
    width:350px;
    margin-bottom:40px;
}
.home-center h2 {
    color:#fff;
    padding-bottom:60px;
    font-weight:500;
    line-height: 48px;
}
.cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.fifth.cover {
      background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;  
}
section.sixth {
    height:70vh;
    background:#fff;
}

section.seven {
    background:#333;
    height: auto;
}
section.sixth h1, section.sixth p {
   color:#333; 
}
section.seven h1 {
    padding:40px 0px;
}
ul.social-list {
    width:100%;
    text-align: center;
}
ul.social-list li {
    display: inline-block;
    text-align: center;
    border-right: 4px solid #fff;
    font-size:18px;
    text-transform:uppercase;
    padding:0 35px;
    font-weight:600;
}
ul.social-list li:last-child {
    border-right:none;
}
.juicer-feed h1.referral a {
    display: none !important;
}
.juicer-feed .j-twitter {
    background: linear-gradient(270deg, #27aae1, #d7df23) !important;
    background-size:200% 200% !important;
    animation: CustomAnimation 50s ease infinite !important;
    -webkit-animation: CustomAnimation 50s ease infinite !important; 
}
.juicer-feed.image-grid li.feed-item.words, .juicer-feed.slider li.feed-item.words, .juicer-feed.hip li.feed-item.words {
    border:none !important;
}
a.juicer-feed .j-twitter {
   
}
.juicer-feed.image-grid li.feed-item.words .j-meta a {
     background:transparent !important;
}
.juicer-feed.image-grid li.feed-item.words .j-text a:hover {
    color:#333 !important;
}
.juicer-feed.image-grid .j-text .j-message p {
    color:#fff !important;
}
.juicer-feed .j-meta a.j-social {
    background:transparent !important;
}
.juicer-feed.image-grid .j-text .j-message a {
    color:#d9de25 !important ;
}
.juicer-feed .j-meta a:hover {
    color:#d9de25 !important;
}
.j-stacker-wrapper {
    background:#424242;
}
footer {
    background:#333;
    padding:40px 0px;
}
footer h4 {
    padding-bottom:20px;
}
footer p {
    font-weight:500;
    font-size:16px;
    color:#fff;
}
footer .max-width {
    max-width:1200px;
}
footer img.mascot {
    float:right;
        width:260px;
    height:210px;
}
.exhibitors-content {
    padding:140px 0px 60px;
}
.exhibitors-content p {
    color:#fff;
    font-size:18px;
    padding-bottom:20px;
    text-transform: none;
}
.exhibitors-content h3 {
    padding-bottom:20px;
}
.arena-details {
    padding:0;
    padding-top:40px;
}
.zone-list {
    padding:0;
}
.zone-list ul li {
    font-size:18px;
    padding-bottom:6px;
    text-transform: none;
}
.zone-list ul li a span {
    text-transform:none;
    padding-left:40px;
    margin-top:10px;
    display:inline-block; 
}

.zone-list ul li a.standard {
    background-image:url('img/standard.svg') !important;
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;
}

.zone-list ul li a.foodB {
    background-image:url('img/foodB.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;
}
.zone-list ul li a.panelT {
    background-image:url('img/panelT.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.indieE {
    background-image:url('img/indieE.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.primePS {
    background-image:url('img/primePS.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.mobileG {
    background-image:url('img/mobileG.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.fandomT {
    background-image:url('img/fandomT.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.actorSign {
    background-image:url('img/actorSign.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.familyE {
    background-image:url('img/familyE.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.primeP {
    background-image:url('img/primeP.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.vrA {
    background-image:url('img/vrA.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.tradeZ {
    background-image:url('img/tradeZ.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.arenaK {
    background-image:url('img/arenaK.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.eSports {
    background-image:url('img/eSports.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.arcadeRetro {
    background-image:url('img/arcadeRetro.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}
.zone-list ul li a.zone18 {
    background-image:url('img/zone18.svg');
    background-repeat:no-repeat;
    background-position: left;
    background-size:25px;
    display: block;
    height:35px;    
}

section.contact {
    height:70vh;
    display: table;
    background: linear-gradient(-30deg, #27aae1, #d7df23);
    background-size:200% 200%;
    animation: CustomAnimation 50s ease infinite;
    -webkit-animation: CustomAnimation 50s ease infinite;
}
#exhibitors {
    padding-bottom:100px;
}
.enquiries h3 {
    font-size:48px;
    color:#fff;
    line-height: 48px;
    padding-bottom: 30px;
}
.nf-before-form-content .nf-form-fields-required {
    display: none;
}
input.ninja-forms-field {
    padding:12px;
    background:transparent;
    border:2px solid #fff;
    color:#fff;
}
.max-width.center-content.enquiries {
    padding:100px 0px;
}

.field-wrap textarea {
    background:transparent;
    border:2px solid #fff;
}
.enquiries input[type="text"].name-f,input[type="email"].email-f,.enquiries textarea.message-f {
    color:#fff;
    font-family: "mr-eaves-xl-modern",sans-serif;
    font-size:16px;
    text-transform: none;
}

.enquiries input[type="text"].name-f::-webkit-input-placeholder, .enquiries input[type="email"].email-f::-webkit-input-placeholder, .enquiries textarea.message-f::-webkit-input-placeholder{
    color:#fff;
    font-family: "mr-eaves-xl-modern",sans-serif;
    font-size:16px;
}
.enquiries input[type="text"].name-f::-moz-placeholder, .enquiries input[type="email"].email-f::-moz-placeholder{
    color:#fff;
    font-family: "mr-eaves-xl-modern",sans-serif;
    font-size:16px;
}
.enquiries input[type="text"].name-f:-ms-input-placeholder, .enquiries input[type="email"].email-f:-ms-input-placeholder{
    color:#fff;
    font-family: "mr-eaves-xl-modern",sans-serif;
    font-size:16px;
}
.enquiries input[type="text"].name-f:-moz-placeholder, .enquiries input[type="email"].email:-moz-placeholder{
    color:#fff;
    font-family: "mr-eaves-xl-modern",sans-serif;
    font-size:16px;
}

:focus {
    outline:none !important;
}
.name-container {
    display: inline-block;
    width: 49%;
    margin-right:2%;
}
.email-container {
    display: inline-block;
    width: 48%;    
}
.enquiries .nf-after-field {
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out;    
    
}
.enquiries .nf-after-field .nf-error-msg {
    position: absolute;
}
.field-wrap input[type="button"].submit-b {
    background:#333;
    color:#fff;
    font-family: "mr-eaves-xl-modern",sans-serif;
    font-size:16px;
    text-transform: none;
    padding:14px 45px;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;    
}

.field-wrap input[type="button"].submit-b:hover {
    background: #d9de25;
    color:#333;
        box-shadow: none;
}
section.sixth a.tickets:hover {
    background:#333;
    color:#d9de25;
}
button.hamburger {
    position:fixed;
    left: 20px;
    top: 20px;
    z-index: 9999999;
}
button:focus, html input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, html input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
    box-shadow:none;
}
button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    box-shadow:none;
}
/* Mobile Menu */
.modal-menu {
    position: fixed;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(30,30,30,0.8);
    z-index: 999999;
    height: 0%;
    opacity: 0;
    position: fixed;
    overflow-x: hidden;
    overflow-y: auto;
}
ul#menu-main {
    list-style: none;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 999999;
    padding-top: 100px;
}
ul#menu-main li {
    display: block;
    -webkit-font-smoothing: antialiased;
    font-size: 28px;
    width: 100%;
    font-family: 'EksellDisplayWeb-Large', Georgia, serif;
    color: #ffffff;
    padding: 0px 30%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding-bottom:20px;
}
ul#menu-main li a:hover {
    color:#d9de25;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0;
}

/* Parralax Character */

.parallax-window {
    height: 60vh;
    position: relative;
}

.float-char-1 {
    position: absolute;
    z-index: 999999;
    top:1100px;
    right: 40px;
    width: 260px;
    height: 210px;

}


/* Color Nav On White Hover */
.dotstyle-smalldotstroke li.color-me a:focus, .dotstyle-smalldotstroke li.current.color-me a {
    background-color:#d9de25;
}

.dotstyle-smalldotstroke li a.color-me {
    border:2px solid #d9de25;
}
.dotstyle-smalldotstroke li.current.color-me {
    box-shadow: 0 0 0 2px #d9de25;
}
.dotstyle li span.color-me {
    color:#d9de25;
}
.hamburger-inner.color-me, .hamburger-inner.color-me::before, .hamburger-inner.color-me::after {
    background-color: #d9de25;   
}
.body-text {
    padding-bottom:40px;
}
a.tickets.white {
    background:#fff;
    color:#333;
}
a.tickets.white:hover {
    background:#d9de25;
    color:#333;
}
a.tickets.dark {
    background:#333;
    color:#d9de25;
}
a.tickets.dark:hover {
    background:#fff;
    color:#333;
}
.cover-block {
    height: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 35%;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
section.double-image {
    height: auto !important;
}
section.content-block {
    height:auto;
}
section.content-block .cover {
    height:auto;
}
.text-block {
    padding:100px 10% 100px;
}
.text-block h3 {
    padding-bottom:20px;
}
.text-block p {
    font-size: 18px;
    padding-bottom: 20px;
    text-transform: none;
}
.text-block .body-text {
    padding-bottom:0;
}
section.full {
    height:80vh;
}
embed, iframe, object, video {
    max-width: 100%;
}
.video-block {
	position: relative;
}
#video-container {
    top: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

iframe.fillWidth {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background-size: cover;
}
.video-b p {
    font-size: 18px;
    text-transform: none;
}
.switch {
    display: flex;
    flex-flow: row wrap;   
}
footer ul li a {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}

footer ul li a:hover {
    color:#d9de25;
}
section.third#gallery {
    height:100%;
}
li.feed-item.juicer.image-post {
    display: none;
}
a.partner {
        display: inline-block;
    position: relative;
    width:30%;
    margin-right: 10px;
}
a.partner img {
      -webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}

/* Responsive STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/* ================================================
 *
 * Netbooks 
 *
 * ==============================================*/


@media only screen and (max-width: 1154px) {
 
    nav.main-nav {
        left:100px;
    }
/*
    #social-nav {
        right:100px;
        top:30%;
    }
*/
    .float-char-1 {
        top: 900px;
    }
    .max-width, footer .max-width {
        max-width:1080px;
    }
/*
    img.logo-temp {
        width:470px;
    }
*/
    .exhibitors-content {
        padding: 80px 0px 60px;
    }
}

/* ================================================
 *
 * iPad Landscape Stylings
 *
 * ==============================================*/ 


@media only screen and (max-width: 64.062em) { 
 
    nav.main-nav {
        left:20px;
    }
    #social-nav {
        right:40px;
    }
/*
    .float-char-1 {
        top: 1000px;
    }
*/
    footer .max-width {
            max-width: 900px;
    }
    .max-width {
        max-width:960px;
    }
    .zone-list ul li {
        padding-bottom:10px;
    }
    .zone-list ul li a span {
        line-height:18px;
    }
    .text-block {
        padding: 100px 4% 100px;
    }
    
}

/* ================================================
 *
 * Tablet Portrait Stylings 
 *
 * ==============================================*/

@media only screen and (max-width: 56.250em) {
    .home-center h2 {
        font-size:36px;
    }
    .home-center {
        top:35%;
    }
    .standard .home-center {
        top:45%;
    }
    nav.main-nav {
        top:26%
    }
    #social-nav {
        top:26%
    }
    section.second {
        height: 80vh;
    }
    h1 {
        font-size:53px;
        line-height:60px;
    }
    section.third {
        height:60vh;
    }
    .fourth {
        height:50vh !important;
    }
    .parallax-window {
        height:50vh !important;
    }
    .float-char-1 {
        top: 1100px;
    }
    section.fifth {
        height:60vh;
    }
    .max-width.center-content {
        max-width:600px;
    }
    ul.social-list li {
        padding: 0 20px;
    }
    footer .max-width {
        max-width: 650px;
    }
    h4 {
        line-height:18px;
    }
    .exhibitors-content {
        padding: 60px 10px 60px;
    }
    .max-width {
        max-width:720px;
    }
    .exhibit-map {
        float:none;
        display: block;
        text-align: center;
        margin:0 auto;
    }
    section.content-block .cover {
        min-height: 450px !important;
    }
    .switch .text-block {
        order:1;
    }
    .switch .cover {
        order:2;
    }
    .text-block {
        padding: 60px 4% 60px;
    }
    a.tickets {
        font-size: 22px;
    }
    header.standard {
        height:60vh;
    }

}

/* ================================================
 *
 * Smartphone Landscape Stylings
 *
 * ==============================================*/


@media only screen and (max-width: 43.0em) {
    
    .home-center {
        top: 36%;
    }
    .home-center.max-width {
        max-width:450px;
    }
    img.logo-temp {
        width: 225px;
        margin-bottom: 10px;
    }
    .home-center h2 {
        font-size: 24px;
        padding-bottom:15px;
        line-height: 26px;
    }
    a.tickets {
        padding: 6px 15px;
        font-size: 20px;
    }
    #social-nav {
        top: 25%;
    }
    nav.main-nav {
        top: 27%;
    }
    .dotstyle li {
        margin:0 16px 20px;
    }
    ul.social-right li a {
        display: block;
        width: 22px;
        height: 22px;
        margin-bottom: 16px;
    }
    .logo-bar {
        height: 80px;
        padding: 4px 0px 8px
    }
    .dotstyle:nth-child(odd) {
        background-color: transparent;
    }
    h1 {
        font-size: 34px;
        line-height: 36px;
    }
    .countdown-wrapper {
        padding-top:30px;
    }
    .countdown-wrapper h2 {
        font-size:26px;
    }
    .counter-text {
        font-size:20px;
    }    
    .countdown {
        font-size:24px;   
    }
    section.second {
        height: 100vh;
    }
    section.third {
        height: 100vh;
    }
    .parallax-window {
        height: auto !important;
    }
    .fourth {
        height: 100vh !important;
    }
    section.fifth {
        height: 100vh;
        position: relative;
    }
    section.sixth {
        height:100vh;
    }
    .float-char-1 {
        top: 700px;
        width:130px;
    }
    .enquiries h3 {
        font-size:32px;
        line-height:34px;
    }
    .video-b p {
        padding-bottom:14px;
    }
    .video-b h1 {
        padding-top:20px;
    }
    header.standard {
        height: 96vh;
    }
    ul.social-right li, ul.social-right li a {
        width: 28px;
        height: 28px;
    }

}

/* ================================================
 *
 * Smartphones 
 *
 * ==============================================*/

@media only screen and (max-width: 27.500em) {
    
    nav.main-nav {
        top: 27%;
    }
    #social-nav {
        top: 25%;
    }    
    button.hamburger {
        left: 10px;
        top: 10px;
    }
    nav.main-nav {
        left: 10px;
    }
    #social-nav {
        display: none;
    }
    .logos {
        display: none;
    }
    .logos:nth-child(n+9) {
        display: block;
        width:25% !important;
    }
    .logo-bar {
        height: 90px;
        padding: 6px 0px 8px;
    }
    h1 {
        padding-bottom:20px;
    }
    .countdown-wrapper {
        padding-top: 40px;
    }
    .fourth {
        height: 70vh !important;
    }
    .float-char-1 {
        top:700px;
    }
    .fourth p {
        padding:0 10%;
    }
    section.second {
        height: 80vh;
    }
    .max-width.center-content {
        padding:0 10%;
    }
    .seven .max-width.center-content {
        padding: 0 5%;
    }
    ul.social-list li {
        padding: 0 6px;
        font-size:16px;
    }
    footer img.mascot {
        float: right;
        width: 130px;
        height: 140px;
    }
    footer {
        padding: 40px 10px;
    }
    ul#menu-main li {
        padding: 0px 10%;
    }
    .max-width.center-content.enquiries {
            padding: 60px 10%;
    }
    .name-container {
        width:100%;
    }
    .email-container {
        width:100%;
    }
    .field-wrap input[type="button"].submit-b {
        width:100%;
    }
    .page-template-flexible-content section.fourth {
        height: 90vh !important;
    }
    .page-template-flexible-content .fourth p {
        padding: 0 2%;
    }
    .cover-block {
        padding-bottom: 70%;
    }
    .text-block {
        padding: 60px 7% 60px;
    }
    .text-block h3 {
        font-size:32px;
    }
    header.standard {
        height: 75vh;
    }
    .foot-col {
        padding-bottom:40px;
    }
}