/* UNIVERSAL 
---------------------------------------------- */
@font-face {
  font-family: "acherusgrotesque";
  src: url("../../fonts/acherusgrotesque-black-webfont.woff2") format("woff2"),
       url("../../fonts/acherusgrotesque-black-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham Narrow SSm A';
  src: url("../../fonts/gothamnarrow-medium-webfont.eot");
  src: local("☺"), url("../../fonts/gothamnarrow-medium-webfont.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Tungsten A';
  src: url("../../fonts/Tungsten-Medium.otf");
  src: local("☺"), url("../../fonts/Tungsten-Medium.otf") format("woff");
  font-weight: normal;
  font-style: normal;
}
html{z-index: -1;height: 100%;overflow-x: hidden;}
html.fixed{overflow: hidden;}
body{margin: 0;padding:0px;background: #000000;overflow-x: hidden;height:auto !important;}
body.noscroll{height: 100% !important;overflow: hidden;}
#scrollable{position: absolute;}
/* #scrollable img{max-width: inherit;} */
#scrollable video {max-width: inherit;width: 100%;}
b{font-weight: 600;}
a{text-decoration: none;transition: all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
a:hover {cursor: pointer;}
.main-wrap p{color: white;font-size: 14px;line-height: 30px;letter-spacing: 0.7px;margin-bottom:0px;font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;line-height: 24px;letter-spacing: 1px;}
#scrollable p{color:white;font-size:14px;font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;font-weight: 400;font-style: normal;line-height: 24px;letter-spacing: 1px;}
#scrollable h1{margin: 0;padding: 0;font-size: 51.5px;color: white;padding: 10px 0px;text-transform: uppercase;font-family: 'klavika-web', Arial, Helvetica, sans-serif;}
#scrollable h2{margin: 0;padding: 0px;font-size: 48px;color: #ffffff;text-transform: uppercase;font-family: 'Muli', sans-serif;font-weight: 800;font-style: normal;letter-spacing: 3px;line-height:50px}
#scrollable h3{margin: 0;padding: 0px;font-size: 20px;color: #fff200;text-transform: uppercase;font-family: 'Muli', sans-serif;font-weight: 800;font-style: normal;letter-spacing: 3px;line-height: 25px;}
#scrollable h4{margin: 0;padding: 0px;font-size: 14px;color: #fff200;text-transform: uppercase;font-family: 'Muli', sans-serif;font-weight: 800;font-style: normal;letter-spacing: 1px;line-height: 20px;margin-bottom: 4px;}
#scrollable h5{margin: 0;padding: 0px;font-size: 12.36px;color: white;text-transform: uppercase;font-family: 'Tungsten A', sans-serif;font-weight: 500;font-style: normal;letter-spacing: 5px;line-height:34px}
#scrollable h6{font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;font-weight: 300;font-style: normal;}
#scrollable h2 span{color:#ff0000;}
sup{font-size: 10px;vertical-align: super;top: 9px;position: relative;}
.clearfix{clear: both}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;font-size:0;}
section,article,header,footer,nav,aside,hgroup,figure,figcaption {display: block;padding: 0;margin: 0;}
.scrolling{position: relative!important;z-index: 1!important;-webkit-overflow-scrolling: touch;}
#wrapper{width:1600px;margin:0 auto;}
.container{margin:0 auto;display:block;position:relative;max-width:1170px;width:90%;}
.hero .container{max-width: 860px;}
#scrollable ul li{font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;font-weight: 300;font-style: normal;}
.btn{
    font-size: 14px;
    padding: 16px 28px;
    background: white;
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
	font-weight: 700;
    font-style: normal;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    transition: 0.1s ease all;
    -moz-transition: 0.1s;
    -webkit-transition: 0.1s;
    color: black !important;
    border-radius: 300px;
    border: 2px solid black;
    letter-spacing: 0.5px;
    position: relative;
}
.btn:hover{
	background:black;
	color: white !important;
}
.btn.black{
	background:black;
	color: white !important;
}
.btn.black:hover{
	color: black !important;
	background:white !important;
}
.btn.sticky{
	font-size: 16px;
    position: fixed;
    z-index: 99;
    right: -57px;
    top: 200px;
    border-radius: 0px;
    transform: rotate(-90deg);
    border: 2px solid white;
    -webkit-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 12px -1px rgba(0,0,0,0.45);
}

/* HERO 
---------------------------------------------- */
.page-title-wrapper{
	display: none;
}
.hero{
    position: relative;
    display: block;
    text-align: center;
    padding: 117px 30px;
    margin-top: 100px;
    background-image: url("../../images/stiffnicity/hero-bg.jpg");
    background-size: cover;
    background-position: center center;
/*     overflow: hidden; */
    background-repeat: no-repeat;
}
.hero .main{
	max-width: 860px;
	margin: 0 auto;
	width: 100%;
	display: block;
}
.hero .main.mobile{
	display: none;
}
.hero .badge{
	position: absolute;
    top: 138px;
    right: -37px;
    transition:0.3s ease all;
}
.hero .badge:hover{
	cursor: pointer;
	opacity: 0.7;
}
.pulse{
    animation-name: pulse_animation;
    animation-duration: 2000ms;
    transform-origin:70% 70%;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.05); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}
.hero .border{
    background-image: url("../../images/stiffnicity/fire-bolt.gif");
    background-position: center center;
    background-repeat: repeat-x;
    position: absolute;
    left: 0px;
    bottom: -10px;
    width: 100%;
    height: 44px;
    z-index: 2;
}
.bar{
	display: none;
	position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    background: red;
    left: 0;
    right: 0;
    margin: 0 auto;
}
#scrollable .bar h3{
	font-size: 14px;
    line-height: 14px;
    letter-spacing: 5px;
    font-style: italic;
    padding: 13px 10px;
}
#scrollable .bar h3 a{
	font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #fdf303;
    text-decoration: underline;
}
#scrollable .bar h3 a:hover{
	color: black;
}

/* INFO
---------------------------------------------- */
.info{
	display: block;
	position: relative;
	background-color: #0727bf;
	padding:85px 0px;
}
.info .columns .col{
	display: inline-block;
	float: left;
	width: 48%;
	padding: 0 1%;
	text-align: center;
}
.info .columns .col:first-child{
	margin-top: 20px;
}
.info video{
	border: 4px solid white;
}
#scrollable .info h2{
	margin-bottom: 30px;
	text-shadow: 0px 3px 8px #071563;
}
#scrollable .info h3{
	font-style: italic;
	text-shadow: 0px 3px 8px #071563;
}
.info h3 span{
	border-bottom: 2px solid #fff200;
    padding-bottom: 2px;
}

/* FORM
---------------------------------------------- */
.signup{
	background:rgba(255,255,255,0.05);
	padding:0px 30px 0px 30px;
}
#scrollable .signup h2{
	font-size:40px;
	text-align: center;
}
#scrollable .signup h2:last-of-type{
	font-size:76px;
}
#scrollable .signup{
	display:block;
	position:relative;
	background-color: #0727bf;
}
.form .wrap{
	padding-top:10px;
	padding-bottom:50px;
}
.form .buttons{
	text-align: center;
	margin-top:80px;
}
.form .buttons .btn{
	font-size:20px;
	box-sizing: content-box;
}
.form .buttons .btn.one{
	margin-right:20px;
}
form{
	text-align: center;
}
.form .col {
	width:50%;
	margin: 50px auto;
}
#scrollable .form input{
    background: white;
    border: 2px solid white;
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
    xtext-transform: uppercase;
    font-size: 14px;
    color: black;
    /* width: 213px; */
    padding: 8px;
    height: auto;
    border-radius: 0px;
}
#scrollable input[type=submit]{
    font-size: 14px;
    padding: 16px 50px;
    background: #f8ef13;
    font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
    font-weight: 700;
    font-style: normal;
    width: auto;
    text-align: center;
    text-transform: uppercase;
    transition: 0.3s ease all;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    color: black !important;
    border-radius: 300px;
    border: 2px solid #f8ef13;
    letter-spacing: 0.5px;
    position: relative;
}
#scrollable input[type=submit]:hover{
	background:white;
	border: 2px solid white;
	color:black !important;
}
#scrollable input[type=submit]:active{
	background:none;
}
.form input[type=text]:focus {
   border: 2px solid black;
}
textarea, input {
   outline: none;
}
.error{
	color: red;
    text-align: center;
/*     margin-top: 20px; */
    line-height: 22px;	
}
.success{
	color: #967b44;
    text-align: center;
    margin-top: 30px;
    line-height: 22px;
    font-size: 24px;
}
.signup .success h3{
	font-size: 40px;
}
.signup .signup-form{
	width:830px;
}
.signup input[type="checkbox"] + label{
	color:white;
	line-height: 20px;
}
#scrollable .signup h3{
    text-align: center;
    color: black;
    font-size: 80px;
    line-height: 85px;
}
.signup a{
	color:#f8ef13;
}
.signup a:hover{
	color:white;
}
.signup .nice-select{
	background:transparent;
	line-height: 32px;
	color: #c2c2c4;
	height: 34px;
	font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', sans-serif;
    xtext-transform: uppercase;
    font-size: 14px;
}
.signup .nice-select .current{
	border: 2px solid white;
	padding-left:8px;
	background:white;
}
.signup .form-table-submit{
	padding-top:0px;
}
.signup input[type="checkbox"] + label:before{
	border: 2px solid #f8ef13;
}
.signup input[type="checkbox"]:checked + label:before{
	border: 2px solid #f8ef13;
    background: url(/_core/images/icon-check.png) no-repeat center center #f8ef13;
}
.signup .signup_privacy{
	margin-top:20px;
}
#scrollable .contest-entry .nice-select.open .list{
	border:2px solid white;
}
@media only screen and (min-width: 701px) {
	.contest-entry.newsletter-form .signup-form #signup_email {
		display: inline-block;
		width: 48.5%;
		margin-right: 3%;
		float: left;
	}
	.contest-entry.newsletter-form .signup-form #nice-signup_country {
		margin-right: 0;
	}
}

/* SOCIAL
---------------------------------------------- */
.social .wrap{
	max-width: 213px;
	padding:40px 0px;
}
#scrollable .social h5{
    color: white;
    font-size: 34px;
    display: inline;
    margin-right: 15px;
    letter-spacing: 2px;
}
.social a{
	margin-right: 12px;
}
.social a:last-of-type{
	margin-right:0px;
}
.social a img{
	opacity: 1;
	transition:0.3s ease all;
}
.social a img:hover{
	opacity: 0.5;
}
.social{
	background-color: #0727bf;
}
#scrollable .social h4{
    text-align: center;
    color: white;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 22px;
}
#scrollable .social h4 span{
	position: absolute;
    top: -7px;
    padding-left: 4px;
}
#scrollable .social h2{
	text-align: center;
	font-size: 112px;
	line-height: 120px;
	color: #fff200;
	text-shadow: 0px 3px 8px #071563;
}

/* TICKER
---------------------------------------------- */
.tickerwrapper { 
	position: relative;
	top: 30px;
	left:0%;
	width: 99.9%;
	height: 30px;
	overflow: hidden;
	color: white;
	background:#0727bf;
}
.tickerwrapper ul.list {
	position: relative;
	display: inline-block;
	list-style: none;
	padding:0;
	margin:0;
}
.tickerwrapper ul.list.cloned {
	position: absolute;
	top: 0px;
	left: 0px;
}
.tickerwrapper ul.list li {
	float: left;
	padding:0px;
	text-align: center;
	color: white;
	font-size: 11px;
	font-style: italic;
	font-family: 'Muli', sans-serif;
	font-weight: 800;
	text-transform: uppercase;
	opacity: 0.2;
}

/* MEDIA QUERIES
---------------------------------------------- */
@media (max-width:1024px){
	#scrollable .social h2{
		font-size: 9vw;
	    line-height: 9vw;
	}
	.signup .signup-form{
		width:90%;
	}
	.hero .badge {
	    top: 14vw;
	    right: -4vw;
	    width: 11vw;
	}
}
@media (max-width:970px){
	.info .columns .col {
	    display: block;
	    float: none;
	    width: 100%;
	    padding: 30px 0px;
	    text-align: center;
	}
}
@media (max-width:768px){
	.hero{
		margin-top: 55px;
	}
}
@media (max-width:700px){
	.signup-form {
	    margin: 0 auto;
	    padding: 20px 0px;
	}
	.contest-entry.newsletter-form .signup-form input[type="text"]{
		width:100%;
	}
	.contest-entry.newsletter-form .signup-form .nice-select{
		width:100%;
	}
}
@media (max-width:640px){
	.signup .signup-form{
		width: 100%;
	}
	.hero{
		padding: 60px 10px;
	}
}
@media only screen and (max-width: 600px){
	.hero .badge{
		display: none;
	}
	.bar{
		display: block;
	}
	.hero .main{
		display: none;
	}
	.hero .main.mobile{
		display: block;
	}
}
@media only screen and (max-width: 560px){
	.signup .signup-form{
		padding-bottom: 0px;
	}
}
@media (max-width:500px){
	.signup-form .signup-choices li {
	 	display: table;
    	padding:0px;
    }
    #scrollable .signup h3{
		font-size: 30px;
		line-height: 34px;
	}
	#scrollable .info h3 br{
		display: none;
	}
	.info{
		padding: 30px 0px;
	}
	#scrollable h2{
		font-size: 38px;
		line-height: 40px;
	}
	#scrollable .bar h3{
		letter-spacing: 3.5px;
	}
}