@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:#fcb408 !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; }

#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:#914afa; border:2px solid #914afa; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:700; padding:20px 30px; }
a:hover.btn.btn-outline { background:#4f2b84; color:#fff; }

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:#914afa; 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 #fcb408; 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:#fcb408 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:#914afa; 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 #fcb408; }
.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:200px; }
.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; }

.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:#fcb408; 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:#11ce02; }
.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 #11ce02; color:#11ce02; background:#000; border-radius:10px; text-shadow:none; font-size:28px; line-height:100%; }
.join-form form input:hover.join-submit { border:3px solid #914afa; color:#fff; background:#11ce02; }

.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:#fcb408; 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:#fcb408; 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:#fcb408; /*min-width:100px;*/ text-align:right; text-transform:uppercase; }
.video-info ul li a { display:inline-block; padding:5px 10px; border:1px solid #fcb408; color:#686969; }
.video-info ul li a:hover { border:1px solid #686969; color:#686969; background:#fcb408; 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 #fcb408; 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%; }