@import "reset.css";

html {width:100%; height:100%;}
	body {width:100%; height:100%; font:12px/16px Verdana, Arial, sans-serif; color:#fff; background:url('../img/background.jpg') no-repeat /*top*/ center fixed #0c0805; background-size:cover; position:relative;}
		
		#top-cover {width:100%; height:170px; background:url('../img/background.jpg') no-repeat /*top*/ center fixed #0c0805; background-size:cover; position:fixed; top:0; left:0; z-index:99;}
			#top-cover .inner {width:90%; height:100%; max-width:1140px; margin:0 auto; position:relative;}
			#top-cover img {position:absolute; top:50px; left:0;}
			#top-cover #social-header {position:absolute; bottom:10px; right:0;}
				#top-cover #social-header .addthis_counter {display:none !important;}
			
		#content {width:90%; height:auto; max-width:1140px; margin:0 auto; padding-top:190px; padding-bottom:30px;}
			#content h1 {color:#ffcb00; font-family: 'Gotham Book', Gotham-Book, Gotham, Verdana, Arial, sans-serif; font-size:1rem; line-height:1.25em; margin-bottom:20px;}
			#content h2 {color:#ffcb00; font-family: 'Gotham Book', Gotham-Book, Gotham, Verdana, Arial, sans-serif; font-size:2em; line-height:1em; margin-bottom:35px;}
			#content p {font-size:1.25em; line-height:1.25em; margin-bottom:15px;}
			#content #intro ul {margin-bottom:10px;}
				#content #intro  li {font-size:1.25em; line-height:1.25em; margin-bottom:5px; margin-left:3rem; list-style:disc;}
			#content a {color:#fff; text-decoration:underline; transition: all 0.2s ease-out; outline:none;}
				#content a:hover {color:#ffcb00; text-decoration:none; transition: all 0.2s ease-out;}
			
			#content > div {margin-bottom:-45px; padding-top:145px;}
			body.video-360-page #content > div {padding:0;}
			#content div.info {margin-bottom:35px;}
			
			#intro {padding-top:0 !important;}
				
			#winners {}
				#winners h2 {margin-bottom:10px;}
				#winners .winner-gallery {width:100%; height:344px; position:relative; overflow:hidden;}
					.anythingSlider-default {padding:0 !important; height:338px !important;}
					.anythingSlider-default .anythingWindow {border:3px solid #d1a75f !important; border-radius:3px; box-sizing:border-box;}
					#winners .winner-gallery ul {margin:0 auto;}
						#winners .winner-gallery li {width:600px; height:338px;}
					#winners .winner-gallery .slide-prev {position:absolute; top:140px; left:20px;}
					#winners .winner-gallery .slide-next {position:absolute; top:140px; right:20px;}
						#winners .winner-gallery .slide-prev .back {width:27px; height:54px;}
							.back a {width:27px; height:54px; background:url('../img/winner-scroll-prev.png') no-repeat center; display:block; text-indent:-999999px; overflow:hidden;}
						#winners .winner-gallery .slide-next .forward {width:27px; height:54px; overflow:hidden;}
							.forward a {width:27px; height:54px; background:url('../img/winner-scroll-next.png') no-repeat center; display:block; text-indent:-999999px; overflow:hidden;}
			
			#moments {}
				#moments .vimeo {border:3px solid #ffcb00; border-radius:3px; width:700px; margin:0 auto;}
				#moments .credits {width:700px; margin:5px auto 0;}
					#moments .credits p {font-size:0.75rem;}
				
			#photos {}
				#photos h2 {margin-bottom:10px;}
				#photos .gallery {margin:20px 10px 0;}
					#photos .gallery .grid-sizer {width:25%;}
					#photos .gallery .grid-item {float:left; width:25%; height:auto; padding:0 0.5rem 1.25rem; box-sizing:border-box;}
						#photos .gallery .grid-item img {width:100%; height:auto;}
			.fancybox-nav.fancybox-prev span {margin-left:-70px !important; visibility:visible !important;}
			.fancybox-nav.fancybox-next span {margin-right:-70px !important; visibility:visible !important;}
				.fancybox-nav {outline:0 !important;}
				.popup-sharing {width:auto;}
					.popup-sharing a {margin-right:10px;}
					
			#photo-booth {}
				#photo-booth h2 {margin-bottom:10px;}
				#photo-booth .gallery {margin:20px 10px 0;}
					#photo-booth .gallery .grid-sizer {width:25%;}
					#photo-booth .gallery .grid-item {float:left; width:25%; height:auto; padding:0 0.5rem 1.25rem; box-sizing:border-box;}
						#photo-booth .gallery .grid-item img {width:100%; height:auto;}

			#video-360 h2 {margin-bottom:30px;}
				#video-360 .video-js {width:28%; height:0; padding-bottom:50%; margin:0 2.5% 3rem; display:inline-block;}
				#video-360 .vjs-ended .vjs-big-play-button {display:block;}
				#video-360 .vjs-picture-in-picture-control, #video-360 .vjs-fullscreen-control {display:none;}
				#video-360 a {font-size:1.25rem; line-height:1.25; text-align:center; display:block;}
				
			#sponsors {margin-bottom:15px !important;}
			 	#sponsors h2 {margin-bottom:10px;}
				#sponsors .vimeo {text-align:center;}
					#sponsors .vimeo > div {display:inline-block; margin-bottom:40px;}
					#sponsors .vimeo .full-width {width:100%; text-align:center; margin-bottom:40px;}
						#sponsors .vimeo div.left {margin-right:45px;}
					#sponsors .vimeo .company {margin-bottom:10px; font-size:1.25em; line-height:1.25em; text-align:left;}
						#sponsors .company strong {color:#ffcb00;}
					#sponsors .vimeo img {width:380px; height:214px; border:2px solid #ffcb00; border-radius:3px;}
					.fancybox-type-iframe .fancybox-inner {height:0 !important; padding-bottom:56.25%; position:relative;}
						.fancybox-type-iframe .fancybox-inner iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
		
		#copyright {padding-top:40px !important; margin-bottom:15px !important; font-size:0.85em;}			
						
		footer {width:100%; height:30px; position:fixed; bottom:0; left:0; right:0; background:#0c0805; position:fixed; border-top:2px solid #d1a75f;}
			footer nav {width:90%; max-width:1140px; margin:0 auto; padding:5px 0; text-align:center;}
				footer nav li {display:inline-block; margin-left:30px;}
				footer nav li:first-child {margin-left:0;}
					footer nav a {color:#ffcb00; font-size:0.85em; text-decoration:none; transition: all 0.2s ease-out;}
						footer nav a:hover {text-decoration:underline; transition: all 0.2s ease-out;}

body.video-360-page video {height:auto !important; padding-bottom:0 !important;}
			
/* Award winners profiles popup */
.profiles-popup {width:100%; height:100%; display:none;}
    .profiles-popup .slider-wrapper {height:100%;}
    .profiles-popup .nivoSlider {width:auto !important; height:78%; box-shadow:none !important; margin-bottom:0 !important; background:#000 !important; overflow:hidden !important;}
        .profiles-popup .nivoSlider img {opacity:0 !important;}
        .profiles-popup .nivoSlider .nivo-main-image {max-height:100% !important; width:auto !important; max-width:100%; margin:0 auto; display:block !important; opacity:1 !important;}
    .profiles-popup .nivo-controlNav {height: 20%; background:#000; padding:2% 0;}
        .profiles-popup .nivo-controlNav a {margin:0 10px !important; border:1px solid #e3e3e3 !important; border-radius:2px; display:inline-block !important;}
            .profiles-popup .nivo-controlNav a.active {border:1px solid #ffa80a !important;}
				.nivo-control img {width:150px !important;}
				#profiles-popup-tv .nivo-control img {width:130px !important;}
	.nivo-caption {background:none !important;}
		.nivo-caption a {border-bottom:none !important;}
		.profiles-popup .nivoSlider .popup-sharing img {opacity:1 !important; display:block !important; position:relative !important;}
		.profiles-popup .popup-sharing {width:100% !important; margin-left:10% !important;}

	.clear {clear:both;}

	.nav-return {color:#ffcb00 !important; display:block; margin-top:3rem; text-decoration:none !important; font-size:1.25rem;}

@media only screen and (max-width:768px) {
	#top-cover {height:170px !important; position:relative;}
		#top-cover img {width:55%;}
		#top-cover #social-header {bottom:0 !important;}
			#top-cover #social-header .addthis_toolbox a > span, #top-cover #social-header .addthis_toolbox svg {width:32px !important; height:32px !important;}
	#content {padding-top:15px;}
		#content > div {padding-top:100px;}
	.anythingSlider {width:100% !important; height:185px !important;}
	#winners .winner-gallery {width:97% !important; height:185px !important;}
		#winners .winner-gallery .slide-next {top:35%; right:10px;}
		#winners .winner-gallery .slide-prev {top:35%; left:10px;}
			.anythingSlider .panel img {width:100% !important; max-width:none !important;}
	.fancybox-nav.fancybox-prev span {margin-left:-25px !important;}
	.fancybox-nav.fancybox-next span {margin-right:-25px !important;}
	#moments .vimeo, #moments iframe, #moments .credits {width:100%;}
	#moments iframe {height:155px;}
	#video-360 .video-js {width:44%; padding-bottom:78%;}
	.gallery .grid-sizer, .gallery .grid-item {width:50% !important;}
	#sponsors .vimeo > div {display:block; margin-right:0 !important;}
		#sponsors .vimeo > div img {width:100% !important;}
	footer {height:auto;}
		footer nav li {float:none !important; margin:3px 0 0 0;}
}

	/* iPhone 2-5 landscape */
	/*@media only screen 
	and (min-width : 320px) 
	and (max-width : 568px) 
	and (orientation : landscape) { 
		body {overflow-x:hidden;}
		header {height:110px;}
			header #logo {margin-left:auto; width:100%;}
			header #logo a {width:250px; margin:0 auto;}
			header #logo img {width:100%; height:auto; margin:60px auto;}
			header #contacts {display:none;}
			header #social-links {margin:0 auto; float:none;}
		#home-slider {height:310px;}
			.slider-arrows {display:none;}
			#home-slider .item {opacity:1 !important;}
				#home-slider .item .image {width:100%; height:250px; float:none; clear:both;}
				#home-slider .item .description {width:100%; height:60px; float:none; clear:both;}
					#home-slider .item .description h3 {font-size:1.5em; padding:5px 0;}
					#home-slider .item .description h4 {font-size:0.9em; line-height:1.25em; padding:0;}
					#home-slider .item a {display:none;}
			.bx-pager a {height:8px !important; width:8px !important; border-radius:8px !important;}
		a.mobile {display:block; width:120px !important; margin:0 auto !important; padding:7px 10px; font-size:0.75em;}
		#content h1 {font-size:1.8em !important;}
		#content p {font-size:1.2em !important;}
		#form {width:95%;}
		#form input[type="text"], #form input[type="email"], #form input[type="tel"] {width:250px !important;}
		footer {width:85%;}
	}*/
	
	/* iPhone 2-5 portrait */
	/*@media only screen 
	and (min-width : 320px) 
	and (max-width : 568px)
	and (orientation : portrait) { 
		body {overflow-x:hidden;}
		header {height:100px;}
			header #logo img {width:200px; height:auto; margin:60px 0;}
			header #contacts {display:none;}
			header #social-links a {opacity:0.6 !important;}
		#home-slider {height:310px;}
			.slider-arrows {display:none;}
			#home-slider .item {opacity:1 !important;}
				#home-slider .item .image {width:100%; height:250px; float:none; clear:both;}
				#home-slider .item .description {width:100%; height:60px; float:none; clear:both;}
					#home-slider .item .description h3 {font-size:1.5em; padding:5px 0 0;}
					#home-slider .item .description h4 {font-size:0.9em; line-height:1.25em; padding:5px 0 0;}
					#home-slider .item a {display:none;}
			.bx-pager a {height:8px !important; width:8px !important; border-radius:8px !important;}
		a.mobile {display:block; width:120px !important; margin:0 auto !important; padding:7px 10px; font-size:0.75em;}
		h1 br {display:none;}
		#content h1 {font-size:1.75em !important;}
		#content p {font-size:1.2em !important;}
		#form {width:95%;}
		#form label {font-size:1em !important;}
		#form input[type="text"], #form input[type="email"], #form input[type="tel"] {width:125px !important;}
		.form-field-optin label.optin {max-width:100px !important;}
		footer {width:85%;}
	}*/