/* TYPOGRAPHY */

		@font-face {
		font-family: trianon_caption_extralight_reg;
		src: url(../fonts/trianoncaptionweb-extralight.woff);
		}
		
		@font-face {
		font-family: trianon_caption_extralight_ital;
		src: url(../fonts/trianoncaptionweb-extralightitalic.woff);
		}
		
		@font-face {
		font-family: gibson-semibold;
		src: url(../fonts/gibson-semibold.otf);
		}

		@font-face {
		font-family: gibson-regular;
		src: url(../fonts/gibson-regular.otf);
		}
		
/* BODY */
		* {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		}
	
		body {
		font-size: 1vw;
		}

/* MAIN SOCIAL LINKS */

		.mainsoclinks {
		position: absolute;
		display: block;
		top: calc(100vh - 51px);
		right: calc(2vw + 34px);
		width: 140px;
		height: 25px;
		z-index: 777;
		}
		
		@media only screen and (max-height: 740px) {
			.mainsoclinks {
				display: none;
				}
			}
		
		.mainsoclinks_1col {
		position: absolute;
		display: block;
		top: calc(100vh - 50px);
		right: calc(2vw + 34px);
		width: 140px;
		height: 25px;
		z-index: 777;
		}
		
		@media only screen and (min-height: 741px) {
			.mainsoclinks_1col {
				display: none;
				}
			}
		
		.mainfb, .maintwtr, .mainmail, .maininst, .mainrddt {
		background-size: 25px 25px;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		width: 25px;
		height: 25px;
		display: block;
		overflow: hidden;
		}
		
		.mainfb {
		background-image: url('../images/facebook_circle_grey.svg');
		left: 0px;
		}
		
		.maintwtr {
		background-image: url('../images/twitter_circle_grey.svg');
		left: 20%;
		}
		
		.maininst {
		background-image: url('../images/instagram_circle_grey.svg');
		left: 40%;
		}
		
		.mainrddt {
		background-image: url('../images/reddit_circle_grey.svg');
		left: 40%;
		}
		
		.mainmail {
		background-image: url('../images/envelope_grey.svg');
		left: 60%;
		}
		
		.mainfb:hover {
		background-image: url('../images/facebook_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		.maintwtr:hover {
		background-image: url('../images/twitter_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		.maininst:hover {
		background-image: url('../images/instagram_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		.mainrddt:hover {
		background-image: url('../images/reddit_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		.mainmail:hover {
		background-image: url('../images/envelope_hover_grey.svg');
		webkit-transition: 500ms;
		-moz-transition: 500ms;
		-o-transition: 500ms;
		transition: 500ms;
		}
		
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (min-height: 721px) {
			.mainsoclinks {
				top: calc(100vh - 49px);
				width: 130px;
				height: 22px;
				}
			.mainsoclinks_1col {
				top: calc(100vh - 49px);
				width: 130px;
				height: 22px;
				}
			.mainfb, .maintwtr, .mainmail, .maininst, .mainrddt {
				background-size: 22px 22px;
				width: 22px;
				height: 22px;
				}
			}
		@media only screen and (max-width: 1365px) and (min-height: 741px) {
			.mainsoclinks {
				top: calc(100vh - 48px);
				width: 120px;
				height: 20px;
				}
			.mainsoclinks_1col {
				top: calc(100vh - 46px);
				width: 120px;
				height: 20px;
				}
			.mainfb, .maintwtr, .mainmail, .maininst, .mainrddt {
				background-size: 20px 20px;
				width: 20px;
				height: 20px;
				}
			}
		@media only screen and (min-width: 1501px) and (max-height: 740px) {
			.mainsoclinks {
				top: calc(100vh - 41px);
				width: 140px;
				height: 25px;
				}
			.mainsoclinks_1col {
				top: calc(100vh - 41px);
				width: 140px;
				height: 25px;
				}
			.mainfb, .maintwtr, .mainmail, .maininst, .mainrddt {
				background-size: 25px 25px;
				width: 25px;
				height: 25px;
				}
			}
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (max-height: 740px) {
			.mainsoclinks {
				top: calc(100vh - 39px);
				width: 130px;
				height: 22px;
				}
			.mainsoclinks_1col {
				top: calc(100vh - 39px);
				width: 130px;
				height: 22px;
				}
			.mainfb, .maintwtr, .mainmail, .maininst, .mainrddt {
				background-size: 22px 22px;
				width: 22px;
				height: 22px;
				}
			}
		@media only screen and (max-width: 1365px) and (max-height: 740px) {
			.mainsoclinks {
				top: calc(100vh - 38px);
				width: 120px;
				height: 20px;
				}
			.mainsoclinks_1col {
				top: calc(100vh - 38px);
				width: 120px;
				height: 20px;
				}
			.mainfb, .maintwtr, .mainmail, .maininst {
				background-size: 20px 20px;
				width: 20px;
				height: 20px;
				}
			}
	
		.soclinkwrappertop {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
		left: 0px;
		bottom: 0px;
		}
		
		.soclinksfixed {
		position: fixed;
		top: 27px;
		}
	
		.soclinks1colfixed {
		position: fixed;
		top: 27px;
		}
		
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (min-height: 721px) {
				.soclinksfixed {
				top: 29px;
				}
				.soclinks1colfixed {
				top: 29px;
				}
			}
		@media only screen and (min-width: 1501px) and (max-height: 740px) {
				.soclinksfixed {
				top: 17px;
				}
				.soclinks1colfixed {
				top: 17px;
				}
			}	
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (max-height: 740px) {
				.soclinksfixed {
				top: 18px;
				}
				.soclinks1colfixed {
				top: 18px;
				}
			}
		@media only screen and (max-width: 1365px) and (max-height: 740px) {
				.soclinksfixed {
				top: 20px;
				}
				.soclinks1colfixed {
				top: calc(5vh - 12px);
				}
			}
		@media only screen and (max-width: 1365px) and (min-height: 721px) {
				.soclinksfixed {
				top: 30px;
				}
				.soclinks1colfixed {
				top: 21px;
				}
			}
		@media (max-width: 350px) {
			.soclinks1colfixed {
				top: calc(5vh - 7px);
			}
		}
			
		.lowersoclinks {
		position: fixed;
		display: block;
		top: 27px;
		right: calc(2vw + 34px);
		width: 140px;
		height: 25px;
		z-index: 777;
		display: none;
		}
		
		@media only screen and (max-width: 600px) {
			.lowersoclinks {
				right: -500px;
				}
			}
		
		.display {
		display: block;
		}
		
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (min-height: 721px) {
			.lowersoclinks {
				top: 29px;
				width: 130px;
				height: 22px;
				}
			}
		@media only screen and (max-width: 1365px) and (min-height: 721px) {
			.lowersoclinks {
				top: 30px;
				width: 120px;
				height: 20px;
				}
			}
		@media only screen and (min-width: 1501px) and (max-height: 740px) {
			.lowersoclinks {
				top: 17px;
				width: 140px;
				height: 25px;
				}
			}
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (max-height: 740px) {
			.lowersoclinks {
				top: 18px;
				width: 130px;
				height: 22px;
				}
			}
		@media only screen and (max-width: 1365px) and (max-height: 740px) {
			.lowersoclinks {
				top: 20px;
				width: 120px;
				height: 20px;
				}
			}
		
/* HERO */	

		#herowrapper, #herowrapper-m {
		position: fixed;
		line-height:0;
		display: block;
		width: 100%;
		height: calc(100vh - 58px);
		top: 0%;
		background-color: #fa4616;
		overflow: hidden;
		margin: 0 auto;
		opacity: 1;
		z-index: 0;
		}
		
		#herowrapper-m {
		display: none;
		}
		
		@media (max-height: 740px) {
			#herowrapper {
				display: none;
			}
			#herowrapper-m {
				display: block;
			}
		}
	
		#navspacer {
		position: relative;
		display: block;
		width: 100%;
		height: calc(100vh - 58px);
		}
		
		@media only screen and (min-height: 740px) {
			#herowrapper, #herowrapper-m {
			height: calc(100vh - 74px);
			}
			#navspacer {
			height: calc(100vh - 78px);
			}
		}
		
		
		
		@-moz-keyframes fadein {
		0%   {opacity: 0;}
		100% {opacity: 1;}
		}

		@-webkit-keyframes fadein {
		0%   {opacity: 0;}
		100% {opacity: 1;}
		}

		keyframes fadein {
		0%   {opacity: 0;}
		100% {opacity: 1;}
		}
		
		@-moz-keyframes fadeout {
		0%   {opacity: 1;}
		100% {opacity: 0;}
		}

		@-webkit-keyframes fadeout {
		0%   {opacity: 1;}
		100% {opacity: 0;}
		}

		keyframes fadeout {
		0%   {opacity: 1;}
		100% {opacity: 0;}
		}
		
		@-moz-keyframes bckgndchange {
		0%   {background-color: #5295ff;}
		100% {background-color: #fa4616;}
		}

		@-webkit-keyframes fadeinoutwhite {
		0%   {background-color: #5295ff;}
		100% {background-color: #fa4616;}
		}

		keyframes fadeinoutwhite {
		0%   {background-color: #5295ff;}
		100% {background-color: #fa4616;}
		}
		
		@-moz-keyframes fadein60 {
		0%   {opacity: 0;}
		100% {opacity: .8;}
		}

		@-webkit-keyframes fadein60 {
		0%   {opacity: 0;}
		100% {opacity: .8;}
		}

		keyframes fadein60 {
		0%   {opacity: 0;}
		100% {opacity: .8;}
		}
		
		@-moz-keyframes overlayslide_r {
		0%   {left: 100%;}
		100% {left: 0%;}
		}

		@-webkit-keyframes overlayslide_r {
		0%   {left: 100%;}
		100% {left: 0%;}
		}

		keyframes overlayslide_r {
		0%   {left: 100%;}
		100% {left: 0%;}
		}
		
		@-moz-keyframes overlayslide_l {
		0%   {left: 100%;}
		100% {left: 49.95%;}
		}

		@-webkit-keyframes overlayslide_l {
		0%   {left: 100%;}
		100% {left: 49.95%;}
		}

		keyframes overlayslide_l {
		0%   {left: 100%;}
		100% {left: 49.95%;}
		}
		
	/* VIDEO */
			
		#introvidwrapper {
		display: none;
		}
		
	/* NAV */
		
		a {
		outline: 0;
		}

		#preloadimg {
		display:none;
		}

		.preloadimg {
		display:none;
		}
		
		nav {
		position: relative;
		width: 100%;
		height: 78px;
		background-color: #fff;
		line-height: 0;
		z-index: 20;
		}
		
		nav_1col {
		position: relative;
		width: 100%;
		height: 58px;
		background-color: #fff;
		line-height: 0;
		z-index: 20;
		display: none;
		}
		
		@media only screen and (max-height: 740px) {
			nav {
			display: none !important;
			}
			nav_1col {
			display: block;
			}
			.fixed {
			height: 58px;
			}
			#navwrapper {
			height: 58px;
			}
		}
		
		@media only screen and (min-height: 741px) {
			nav {
			display: block;
			}
			nav_1col {
			display: none;
			}
			.fixed {
			height: 78px !important;
			}
			#navwrapper {
			height: 78px !important;
			}
		}
	
		#toprulewrapper {
		position: absolute;
		width: 100%;
		height: 58px;
		top: 0px;
		line-height: 0;
		overflow: visible;
		z-index: 70;
		}

		
		#undernavrule {
	
		background-image: url('../images/bar-pattern-1.svg');
		background-size: auto 100%;
		background-position: left;
		background-repeat: repeat-x;
		position: absolute;
		top: 78px;
		left: 2%;
		background-color:#000;
		width: 96%;
		height:1.5vw;
		z-index: 70;
		}
		
		@media only screen and (max-height: 740px) {
			#undernavrule  {
			top: 58px;
			}
		}
		
		@media only screen and (max-width: 900px) {
			#undernavrule  {
			height:4vw;
			}
		}

			
		#navwrapper {
		position: relative;
		width: 100%;
		height: 58px;
		top: 0px;
		background-color: #fff;
		line-height: 0;
		overflow: hidden;
		z-index: 80;
		}
		
		.fixed {
		position: fixed;
		top: 0%;
		-ms-transform: translateZ(0);
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		height: 58px;
		}
		

		.logo, .logo_1col {
		background-image: url('../images/proelior-sig-inline-2_102225.png');
		/* background-image: url('../images/proelior-sig-inline-2_102225.svg'); */
		background-size: auto 51px;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		opacity: 1;
		left: 2%;
		top: 50%;
		margin-top: -28px;
		width: 120px;
		height: 57px;
		z-index: 20;
		}
		
		.logo_1col {
		display: none;
		}
		
		@media screen and (max-height: 740px) {
			.logo  {
			    display: none;
			}
			.logo_1col  {
			    display: block;
			    background-size: auto 45px;
			}
			
		}
		
		.elementhide {
		display: none;
		}
		
		
/* HAMBURGER*/
	
		.hamburger3_overlay {
		  position: absolute;
		  width: 48px;
		  top: calc(100vh - 67px);
		  right: 2vw;
		  margin-right: -10px;
		  z-index: 999;
		  display: none;
		  }
		  
		.hamburger3_overlay_1col {
		  position: absolute;
		  width: 48px;
		  top: calc(100vh - 57px);
		  right: 2vw;
		  margin-right: 0px;
		  z-index: 999;
		  }
				
			@media only screen and (min-height: 740px) {
				.hamburger3_overlay  {
				display: block;
				}
				.hamburger3_overlay_1col  {
				display: none;
				}
			}
			
		.menuiconfixed {
		position: fixed;
		top: 11px;
		}
	
		@media only screen and (max-height: 740px) {
				.menuiconfixed {
				top: 2px;
				}
			}
		
	
		.c-hamburger3 {
		  display: block;
		  position: absolute;
		  right: 0px;
		  overflow: hidden;
		  margin: 0;
		  padding: 0;
		  width: 48px;
		  height: 48px;
		  font-size: 0;
		  text-indent: -9999px;
		  appearance: none;
		  box-shadow: none;
		  border-radius: none;
		  border: none;
		  cursor: pointer;
		  transition: background 0.3s;
		}

		.c-hamburger3:focus {
		  outline: none;
		}

		.c-hamburger3 span {
		  display: block;
		  position: absolute;
		  top: 28px;
		  left: 12px;
		  right: 12px;
		  height: 2px;
		  background-color: #595959;
		}

		.c-hamburger3 span::before,
		.c-hamburger3 span::after {
		  position: absolute;
		  display: block;
		  left: 0;
		  width: 100%;
		  height: 2px;
		  background-color: #595959;
		  content: "";
		}

		.c-hamburger3 span::before {
		  top: -7px;
		}

		.c-hamburger3 span::after {
		  bottom: -7px;
		}


		.c-hamburger3--htx {
		  background-color: rgba(0, 0, 0, 0);
		}

		.c-hamburger3--htx span {
		  transition: background 0s 0.3s;
		}

		.c-hamburger3--htx span::before,
		.c-hamburger3--htx span::after {
		  transition-duration: 0.3s, 0.3s;
		  transition-delay: 0.3s, 0s;
		}

		.c-hamburger3--htx span::before {
		  transition-property: top, transform;
		}

		.c-hamburger3--htx span::after {
		  transition-property: bottom, transform;
		}

	/* active state, i.e. menu open */

		.c-hamburger3--htx.is-active {
		  background-color: rgba(0, 0, 0, 0);
		}

		.c-hamburger3--htx.is-active span {
		  background: rgba(0, 0, 0, 0);
		}

		.c-hamburger3--htx.is-active span::before {
		  top: 0;
		  transform: rotate(45deg);
		  background-color: #fff;
		}

		.c-hamburger3--htx.is-active span::after {
		  bottom: 0;
		  transform: rotate(-45deg);
		  background-color: #fff;
		}

		.c-hamburger3--htx.is-active span::before,
		.c-hamburger3--htx.is-active span::after {
		  transition-delay: 0s, 0.3s;
		}
		
/* MAINTENANCE */

		#maintenance {
		    position: absolute;
			top: 50%;
			transform: translate(-50%, -50%);
			left: 50%;
			text-align: center;
		}	
		
		.maintsoclinks {
			position: absolute;
			display: block;
			top: calc(100vh - 51px);
			right: 1vw;
			width: 140px;
			height: 25px;
			z-index: 777;
		}
		
		.maintsoclinks_1col {
		position: absolute;
		display: block;
		top: calc(100vh - 50px);
		right: 1vw;
		width: 140px;
		height: 25px;
		z-index: 777;
		}
		
		@media (min-height: 740px) {
			#toprulewrapper {
				height: 78px;
			}
		}
		
		@media only screen and (max-height: 740px) {
			.maintsoclinks {
				display: none;
				}
			}
		@media only screen and (min-height: 741px) {
			.maintsoclinks_1col {
				display: none;
			}
		}
		
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (min-height: 721px) {
			.maintsoclinks {
				top: calc(100vh - 49px);
				width: 130px;
				height: 22px;
				}
			.maintsoclinks_1col {
				top: calc(100vh - 49px);
				width: 130px;
				height: 22px;
				}
			}
		@media only screen and (max-width: 1365px) and (min-height: 721px) {
			.maintsoclinks {
				top: calc(100vh - 48px);
				width: 120px;
				height: 20px;
				}
			.maintsoclinks_1col {
				top: calc(100vh - 46px);
				width: 120px;
				height: 20px;
				}
			}
		@media only screen and (min-width: 1501px) and (max-height: 740px) {
			.maintsoclinks {
				top: calc(100vh - 41px);
				width: 140px;
				height: 25px;
				}
			.maintsoclinks_1col {
				top: calc(100vh - 41px);
				width: 140px;
				height: 25px;
				}
			}
		@media only screen and (min-width: 1366px) and (max-width: 1500px) and (max-height: 740px) {
			.maintsoclinks {
				top: calc(100vh - 39px);
				width: 130px;
				height: 22px;
				}
			.maintsoclinks_1col {
				top: calc(100vh - 39px);
				width: 130px;
				height: 22px;
				}
			}
		@media only screen and (max-width: 1365px) and (max-height: 740px) {
			.maintsoclinks {
				top: calc(100vh - 38px);
				width: 120px;
				height: 20px;
				}
			.maintsoclinks_1col {
				top: calc(95vh - 10px);
				width: 120px;
				height: 20px;
				}
			}