@charset "utf-8";
/*
Theme Name: ZuzanaDesigns EVX Template #02
CSS/Theme URI: http://www.zuzanadesigns.com/
Description: Designed by Zuzana Designs
Version: 1.0
Author: Zuzana Designs
Author URI: http://www.zuzanadesigns.com/
*/

/* Startup CSS */
body { height:100%; min-height:100%; font-size:14px; background:#000; }
.hide { display:none !important; }
p { margin-bottom:10px; }
.floatright { float:right; }
img { max-width:100%; }
.clear { clear:both; }
.underline { text-decoration:underline; }
.highlight { color:#ff0019 !important; }
.cGreen, .cGreen a { color:#1db704 !important; }
.spacer { display:inline-block; width:100%; height:40px; }

.shadow {
	-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 2px;
	box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 2px;
}
a, .item a .item-hover, .item a .item-info, .join-form form input.join-submit, .join-form form ul.options li { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }

.wrapper { width:100%; position:relative; margin:0 auto; }
.inner-wrapper { width:1280px; position:relative; margin:0 auto; }

#header { float:left; width:100%; position:relative; padding:10px 0; }

#logo { float:left; padding:0; margin-left:10px; }
#logo h1 { float:left; margin:0; font-size:100%; }
#logo h1 a { float:left; }

#header-links { float:right; }
#header-links ul { display:inline-block; margin:0; padding:0; list-style:none; }
#header-links ul li { display:inline-block; margin:0; padding:0; margin-right:10px; }

a.btn { display:inline-block; font-size:25px; color:#FFF; text-transform:uppercase; padding:30px 30px; border-radius:5px; background:#6d6b6b; font-family:'Oswald', Arial, Helvetica, sans-serif; }
a:hover.btn { background:#454545; text-decoration:none; }

a.btn.btn-highlight { background:url('../images/bg_button_small.jpg') repeat-x left top; }
a:hover.btn.btn-highlight { background-position:left bottom; }

a.btn.btn-outline { background:none; color:#ff0019; border:2px solid #ff0019; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:700; padding:20px 30px; }
a:hover.btn.btn-outline { background:#ff0019; color:#000; }

a.btn.btn-huge { background:url('../images/bg_button.jpg') repeat-x left top; font-size:120px; padding:20px 60px; }
a:hover.btn.btn-huge { background-position:left bottom; }

#hero { float:left; width:100%; margin:0; }
.slider { float:left; width:70%; }
.join-reasons { float:right; width:30%; text-align:center; }
.join-reasons ul { display:block; margin:0; padding:0 50px; list-style:none; margin-bottom:25px; text-align:left; }
.join-reasons ul li { display:block; width:100%; margin:0; padding:0 25px; padding:14px 0; border-bottom:1px solid #818180; color:#FFF; font-size:23px; font-style:italic; }
.join-reasons ul li .arrow { display:inline-block; width:55px; height:46px; background:url('../images/arrow.png') no-repeat; margin-right:5px; vertical-align:middle; }

#menu { float:left; width:100%; text-align:center; background:#272727; font-family:'Oswald', Arial, Helvetica, sans-serif; font-size:25px; text-transform:uppercase; }
#menu ul { float:left; width:100%; list-style:none; margin:0; padding:0; text-align:center; }
#menu ul li { display:inline-block; margin:0 5px; padding:0; }
#menu ul li a { display:inline-block; color:#FFF; background:#000; padding:20px 0; width:250px; }
#menu ul li a:hover, #menu ul li a.active { color:#ff0019; text-decoration:none; }
select.dropdown { display:none; float:left; width:100%; padding:3px; z-index:99999; position:relative; }
select.dropdown { text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:16px; background:#F4F4F4; font-weight:bold; }

#content { display:block; background:#FFF; text-align:center; padding:20px 20px 60px 20px; }

.grid { display:none; width:100%; }

.item { display:inline-block; position:relative; text-align:left; overflow:hidden; margin-bottom:15px; vertical-align:top; }
.item a { display:inline-block; width:100%; position:relative; }
.item a .item-thumb { display:inline-block; width:100%; }
.item a .item-thumb img { display:inline-block; max-width:100%; height:auto; vertical-align:top; }
.item a .item-hover { opacity:0; position:absolute; top:50%; left:50%; z-index:999; margin-top:-51px; margin-left:-51px; display:inline-block; width:57px; height:57px; border:3px solid #ff0019; background:rgba(0,0,0,0.6) url('../images/icon_more_photo.png') no-repeat center center; padding:20px; }
.item.item-photo a .item-hover { background:rgba(0,0,0,0.6) url('../images/icon_more_photo.png') no-repeat center center; }
.item.item-video a .item-hover { background:rgba(0,0,0,0.6) url('../images/icon_more_video.png') no-repeat center center; }
.item a .item-info { display:inline-block; background:rgba(0,0,0,0.6); width:100%; padding:5px 0px; color:#FFF; position:absolute; left:0; bottom:-55px; z-index:999; opacity:0; }
.item a .item-info h3 { display:block; padding:0 10px; margin:0; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:18px; text-transform:none; }
.item a .item-info span.runtime { display:inline-block; margin-left:10px; padding-left:20px; background:url('../images/icon_time.png') no-repeat left center; text-transform:none; }
.item a .item-info span.date { display:inline-block; margin-left:10px; padding-left:20px; background:url('../images/icon_date.png') no-repeat left center; text-transform:none; }
.item a .item-info span.modeldata { display:inline-block; font-size:12px; margin-left:10px; text-transform:none; font-family:'Open Sans', Arial, Helvetica, sans-serif; }
span.rating { display:inline-block; margin-left:10px; }
span.rating ul { display:inline-block; margin:0; padding:0; list-style:none; }
span.rating ul li { display:inline-block; margin:0; padding:0; vertical-align:middle; }

.item a:hover .item-hover { opacity:1; }
.item a:hover .item-info { opacity:1; bottom:0; }

.pagination { display:inline-block; width:100%; text-align:center; padding:60px 0; }
.pagination ul { display:inline-block; width:100%; margin:0; padding:0; list-style:none; }
.pagination ul li { display:inline-block; margin:0 2px; font-size:30px; color:#FFF; }
.pagination ul li a, .pagination ul li span { display:inline-block; color:#FFF; background:#272727; padding:20px 25px; border-radius:5px; }
.pagination ul li a:hover, .pagination ul li.active a { background:#ff0019 url('../images/bg_button_small.jpg') repeat-x center top; text-decoration:none; }

.title { display:inline-block; width:100%; font-family:'Oswald', Arial, Helvetica, sans-serif; text-transform:uppercase; }
.title .left { float:left; }
.title .right { float:right; }
.title h2 { display:inline-block; color:#ff0019; font-size:30px; padding:15px 30px; background:#000; text-transform:uppercase; }
.title ul { display:inline-block; margin:0; list-style:none; font-size:20px; font-weight:bold; }
.title ul li { display:inline-block; margin:0; margin-left:5px; }
.title ul li a { display:inline-block; padding:15px 20px; border:2px solid #ff0019; }
.title ul li a:hover, .title ul li a.active { background:#000; text-decoration:none; border:2px solid #555; }

#footer { float:left; width:100%; background:#000; text-align:center; padding:10px 0; }
#footer .left { float:left; margin-left:10px; text-align:left; }
#footer .left h3 { display:inline-block; margin:0; font-size:100%; }
#footer .left h3 a { display:inline-block; }
#footer .left h3 a img { display:inline-block; max-width:60%; }

#footer .right { float:right; margin-right:10px; text-align:right; }
#footer .right p { display:inline-block; width:100%; margin:3px 0; }
#footer .right a { color:#7e7e7e; }
#footer .right a:hover { color:#FFF; }

.trailer { display:inline-block; width:100%; margin-bottom:40px; }
.trailer > .left { float:left; width:1280px; }
.trailer > .right { float:right; width:560px; }
.trailer > .fullwidth { float:left; width:100%; margin:25px 0; }

.video-trailer { float:left; display:inline-block; width:100%; position:relative; }
.video-trailer .video-preview { float:left; display:inline-block; width:100%; position:relative; z-index:10; }
.video-trailer .video-preview img { float:left; max-width:100%; height:auto; }
.video-trailer .video-overlay { display:inline-block; width:100%; height:100%; position:absolute; top:0; left:0; z-index:50; background:rgba(0,0,0,0.6); }
.video-trailer .video-overlay .video-warning { display:inline-block; position:relative; max-width:820px; background:#000; color:#FFF; border-radius:10px; padding:20px; margin-top:280px; }
.video-trailer .video-overlay .video-warning h3 { font-size:42px; text-transform:uppercase; }
.video-trailer .video-overlay .video-warning .join-arrow { float:left; width:165px; height:170px; background:url('../images/join_arrow.png') no-repeat; position:absolute; right:-165px; top:60px; }
.video-player-bar { float:left; display:inline-block; width:100%; position:relative; z-index:10; }

.video-trailer .video-overlay .video-warning h4 { font-size:20px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; }
.video-trailer .video-overlay .video-warning a.vr-btn { display:inline-block; background:#f1f1f1; padding:10px 20px; border-radius:4px; border-bottom:3px solid #9d9d9d; margin:0 5px; }
.video-trailer .video-overlay .video-warning a.vr-btn img { display:inline-block; vertical-align:middle; max-height:30px; }
.video-trailer .video-overlay .video-warning a:hover.vr-btn { background:#CCC; border-bottom:3px solid #000; }

.join-form { display:block; padding:20px; color:#FFF; background:#1a1a1a; }
.join-form form { margin:0; display:inline-block; width:100%; text-align:center; }
.join-form form h4 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:700; margin-bottom:20px; }
.join-form form .form-row { display:inline-block; width:100%; }

.join-form form .form-row input.inputTxt { display:inline-block; width:100%; margin:0; color:#FFF; background:#464646; border-radius:5px; padding:10px; border:none; font-size:18px; }
.join-form form .form-row input.inputTxt.half { width:45%; }
.join-form form .form-row input.inputTxt.half.left { float:left; }
.join-form form .form-row input.inputTxt.half.right { float:right; }

.join-form form .form-row label { display:inline-block; width:45%; font-size:20px; color:#FFF; font-style:italic; font-weight:300; }
.join-form form .form-row label.left { float:left; }
.join-form form .form-row label.right { float:right; }

.join-form form ul.options { display:inline-block; width:100%; margin:0; list-style:none; margin-bottom:30px; }
.join-form form ul.options li { display:block; padding:22px 10px; background:#464646; border-radius:5px; cursor:pointer; position:relative; }

.join-form form ul.options li input[type="radio"] { display:inline-block; vertical-align:middle; position:absolute; left:10px; top:30px; }
.join-form form ul.options li .option-description { display:inline-block; text-align:left; margin-left:30px; }
.join-form form ul.options li .option-description h5 { display:inline-block; width:100%; font-size:20px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:700; }
.join-form form ul.options li .option-description h6 { display:inline-block; width:100%; font-size:12px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; }
.join-form form ul.options li .option-price { display:inline-block; color:#ff0019; font-size:35px; font-weight:700; position:absolute; right:10px; top:23px; line-height:100%; }

.join-form form ul.options li:hover, .join-form form ul.options li.active { background:#ff0019; }
.join-form form ul.options li:hover .option-description, .join-form form ul.options li.active .option-description,
.join-form form ul.options li:hover .option-price, .join-form form ul.options li.active .option-price { color:#FFF; text-shadow:#a57400 1px 1px 2px; }
.join-form form ul.options li:hover .option-description h6, .join-form form ul.options li.active .option-description h6 { color:#222; }

.join-form form input.join-submit { display:inline-block; margin:0; padding:15px 40px; border:3px solid #ff0019; color:#ff0019; background:#000; border-radius:10px; text-shadow:none; font-size:28px; line-height:100%; }
.join-form form input:hover.join-submit { border:3px solid #ff0019; color:#000; background:#ff0019; }

.profile { display:inline-block; width:100%; text-align:left; margin-bottom:40px; }
.profile .left { display:inline-block; width:25%; vertical-align:top; margin-right:4%; }
.profile .right { display:inline-block; width:65%; vertical-align:top; text-align:left; }
.profile .right .col { display:inline-block; width:45%; margin-right:3%; vertical-align:top; }
.profile .right h4 { display:inline-block; background:#ff0019; color:#FFF; text-shadow:#a57400 1px 1px 2px; padding:15px 30px; }
.profile .right span.rating { margin-left:0; margin-top:40px; }

.video-info { display:inline-block; width:100%; text-align:left; }
.video-info h4 { display:inline-block; background:#ff0019; color:#FFF; text-shadow:#a57400 1px 1px 2px; padding:15px 30px; }
.video-info hr { border-top:1px solid #CCC; }
.video-info p { margin-bottom:25px; }
.video-info ul { display:inline-block; width:auto; text-align:left; list-style:none; }
.video-info ul li { display:inline-block; margin-right:10px; }
.video-info ul li.label { font-weight:bold; color:#ff0019; /*min-width:100px;*/ text-align:right; text-transform:uppercase; }
.video-info ul li a { display:inline-block; padding:5px 10px; border:1px solid #ff0019; color:#686969; }
.video-info ul li a:hover { border:1px solid #686969; color:#686969; background:#ff0019; text-decoration:none; }
.video-info .info-row { display:inline-block; width:100%; }
.video-info .info-row ul { margin-right:40px; }

a.mobile-menu {
	display:none !important;
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0;
	left: 10px;
	border:2px solid #ff0019; border-radius:5px;
}

.blog { display:inline-block; width:100%; text-align:left; margin-bottom:40px; }
.blog .blogposts { float:left; width:1415px; vertical-align:top; }
.blog .sidebar { float:right; width:350px; vertical-align:top; text-align:left; padding:35px; background:#f1f1f1; text-align:center; }
.blog .blogpost { border:1px solid #f7f7f7; padding:20px; display:block; clear:both; margin-bottom:25px; }
.blog .blogpost .blogposthead { display:inline-block; width:100%; text-align:left; }
.blog .blogpost .blogposthead h3 { display:inline-block; width:100%; font-size:20px; text-transform:uppercase; }
.blog .blogpost .blogposthead p { display:block; font-size:13px; background:#f7f7f7; padding:5px 10px; clear:both; margin-bottom:15px; }
.widget { text-align:center; margin-bottom:20px; }
.widget .item.item-photo { width:46%; margin:0 5px 10px 5px; text-align:left; box-shadow:#CCC 0px 0px 20px; }
.widget .item.item-photo a .item-hover { width:16px; height:16px; margin-top:-31px; margin-left:-31px; background-size:50%; }

.subscribe{width:100%; padding:10px 0; display:inline-block; background:#222; }
.subscribe form { margin:0; }
.subscribe p{font-size:15px; margin:0; letter-spacing:-0.025em; color:#fefcfc; line-height:44px; float:left; padding-right:12px;}
.subscribe .captcha { background:#FFF; float:left; border:2px solid #FFF; height:40px; margin-right:3px; }
.subscribe .captcha img { display:inline-block; vertical-align:middle; margin-top:10px; }
input[type="text"].enter_email, input[type="email"].enter_email{float:left; font-family:'Oswald'; margin:0 4px 0 0; font-size:15px; color:#0e0d13; text-transform:uppercase; letter-spacing:0.1em; padding:0 16px; border:2px solid #ff0019; background-color:#fff; height:40px; width:200px;}
input[type="submit"].subscribe_newsletter{float:left; margin:0; font-family:'Oswald'; font-size:15px; color:#fefcfc; text-shadow:none; text-transform:uppercase; letter-spacing:0.1em; background: #ff0019 url('../images/bg_button_small.jpg') repeat-x center top; border:2px solid #ff0019; height:44px; width:267px; cursor:pointer}
input[type="submit"]:hover.subscribe_newsletter{background:#ff0019; color:#FFF;}

.join_options { display:inline-block; width:100%; text-align:left; }
.join_options a { display:block; padding:16px 10px; background:#464646; border-radius:5px; cursor:pointer; position:relative; margin-bottom:10px; color:#FFF; }
.join_options a.last { margin-bottom:0; }
.join_options a .option-description { display:inline-block; text-align:left; margin-left:15px; }
.join_options a .option-description h5 { display:inline-block; width:100%; font-size:20px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:700; }
.join_options a .option-description h6 { display:inline-block; width:100%; font-size:12px; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; }
.join_options a .option-price { display:inline-block; color:#ff0019; font-size:35px; font-weight:700; position:absolute; right:15px; top:20px; line-height:100%; }
.join_options a.text-center { padding:12px 10px; }
.join_options a.text-center,
.join_options a.text-center .option-description { text-align:center; }

.join_options a:hover, .join_options a.active { background:#ff0019; }
.join_options a:hover .option-description, .join_options a.actove .option-description,
.join_options a:hover .option-price, .join_options a.active { color:#FFF; text-shadow:#a57400 1px 1px 2px; }
.join_options a:hover .option-description h6, .join_options a.active .option-description h6 { color:#222; }

.tabs { display:inline-block; width:100%; vertical-align:top; }
.tabs ul.tab-heading { display:inline-block; width:100%; vertical-align:top; margin:10px 0; list-style:none; text-align:center; }
.tabs ul.tab-heading li { display:inline-block; width:45%; vertical-align:top; margin:0 5px 10px 5px; }
.tabs ul.tab-heading li a { display:inline-block; width:100%; padding:15px 0; border-radius:5px; background:#464646; color:#FFF; font-size:20px; font-family:'Oswald', Arial, Helvetica, sans-serif; }
.tabs ul.tab-heading li a:hover, .tabs ul.tab-heading li a.active { background:#ff0019; color:#FFF; text-shadow:#a57400 1px 1px 2px; text-decoration:none; }

.title.full { display:block; }
.title.full .cWhite { color:#FFF; }
.title.full a { color:#1a9b02; text-decoration:underline; }
.title.full a:hover { color:#35d618; text-decoration:none; }
.join-sites { display:inline-block; width:100%; text-align:center; }
.join-sites .join-site { display:inline-block; margin:0.5%; text-align:center; }
.join-sites .join-site h4 { color:#ff0019; font-size:180%; }
.join-sites .join-site img { display:inline-block; max-width:100%; vertical-align:top; }

/**VR Related*/
.video-preview { position:relative; }
.video-preview img.video-resizer { position:relative; width:100%; height:auto; max-width:100%; z-index:1; }
.video-preview .vr-video { position:absolute; z-index:999; top:0; left:0; width:100%; height:100%; max-width:100%; }