/*
Theme Name: Cosplay
CSS/Theme URI: http://www.zuzanadesigns.com/
Description: Designed by Zuzana Designs
Version: 1.0
Author: Zuzana Designs
Author URI: http://www.zuzanadesigns.com/
*/
@charset "utf-8";
/* Startup CSS */
body { height:100%; min-height:100%; font-size:16px; color:#FFF; background:url('images/bg.jpg') center top fixed; }
.hide { display:none !important; }
p { margin-bottom:10px; }
.floatright { float:right; }
img.autoresize { max-width:100%; }
.clear { clear:both; }
.pink { color:#fb0484 !important; }
.underline { text-decoration:underline !important; }
h1, h2, h3, h4, h5 { font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; color:#CCC; }

.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;
}

.wrapper { width:1020px; position:relative; margin:0 auto; }

.dark-rounded { float:left; width:968px; margin-left:16px; padding:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:url('images/bg40.png'); position:relative; overflow:visible; }
.dark-rounded.margin { margin-bottom:10px; }
.rounded { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }

#header { float:left; width:100%; height:360px; position:relative; padding:0; }
#top { float:left; width:100%; padding-top:10px; border-bottom:1px solid #929292; background:#171717; }


#logo { float:left; width:100%; height:193px; padding:0; position:absolute; top:90px; left:0; z-index:999; }
#logo h1 { float:left; width:100%; height:193px; margin:0px; padding:0px; }
#logo h1 a { float:left; width:100%; height:193px; background:url('images/logo.png') no-repeat center center; background-size:contain; }

#header-model1 { float:left; width:712px; height:218px; background:url('images/model1_header.png') no-repeat; position:absolute; top:150px; left:150px; z-index:50; }
#header-model1-hat { float:left; width:230px; height:210px; background:url('images/model1_hat_header.png') no-repeat; position:absolute; top:158px; left:625px; z-index:1000; }
#header-model2 { float:left; width:600px; height:257px; background:url('images/model2_header.png') no-repeat; position:absolute; top:122px; left:330px; z-index:50; }

#menu { float:left; width:100%; font-family:'Open Sans', Arial, sans-serif; font-weight:700; font-size:20px; text-align:center }
#menu ul { display:inline-block; list-style:none; text-align:center; margin-bottom:0; }
#menu ul li { display:inline-block; margin:0; width:175px; background:#181817; margin-right:5px; }
#menu ul li a { display:inline-block; width:100%; padding:10px 0px; color:#FFF; text-transform:uppercase; text-align:center; text-decoration:none; text-shadow:#222 1px 1px 2px;}
#menu ul li a span {  }
#menu ul li a:hover, #menu ul li a.active { color:#FFF; background:#fe2f9e; }
#menu ul li a:hover span, #menu ul li a.active span { }
#menu ul li a.join-now { color:#fe2f9e; }
#menu ul li a:hover.join-now { color:#FFF; }
select.dropdown { display:none; float:left; width:100%; padding:3px; z-index:99999; position:relative; }
select.dropdown { text-align:center; font-family:'Open Sans', Arial, sans-serif; font-size:16px; background:#F4F4F4; font-weight:bold; }

#bottom-menu { float:left; width:100%; font-family:'Open Sans', Arial, sans-serif; font-weight:700; font-size:20px; text-align:center }
#bottom-menu ul { float:left; width:1020px; list-style:none; text-align:center; margin-bottom:0; margin-left:-26px; }
#bottom-menu ul li { float:left; margin:0; width:180px; background:#181817; margin-right:5px; }
#bottom-menu ul li a { float:left; width:100%; padding:10px 0px; color:#FFF; border-bottom:2px solid #181817; text-transform:uppercase; text-align:center; text-decoration:none; text-shadow:#222 1px 1px 2px;}
#bottom-menu ul li a span {  }
#bottom-menu ul li a:hover, #bottom-menu ul li a.active { color:#FFF; background:#fe2f9e; border-bottom:2px solid #fe2f9e; }
#bottom-menu ul li a:hover span, #bottom-menu ul li a.active span { }
#bottom-menu ul li a.join-now { color:#fe2f9e; }
#bottom-menu ul li a:hover.join-now { color:#FFF; }

#bottom-menu ul li.first { background:url('images/full_heading.png') no-repeat left bottom; padding-bottom:15px; }
#bottom-menu ul li.first a { border-bottom:0; }
#bottom-menu ul li.last { background:url('images/full_heading_white.png') no-repeat right bottom; padding-bottom:15px; float:right; margin-right:0; width:280px; }
#bottom-menu ul li.last a { border-bottom:0; color:#000; text-shadow:none; text-transform:none; padding:4px 0; font-size:30px; line-height:30px; }
#bottom-menu ul li.last a span { float:left; width:260px; text-align:left; padding-left:20px; background:url('images/arrow_pink.png') no-repeat 95% center; }
#bottom-menu ul li.last a:hover, #bottom-menu ul li.last a.active { color:#fe2f9e; background:#FFF; }

select.dropdown-bottom { display:none; float:left; width:100%; padding:3px; z-index:99999; position:relative; }
select.dropdown-bottom { text-align:center; font-family:'Open Sans', Arial, sans-serif; font-size:16px; background:#F4F4F4; font-weight:bold; }

.title { float:left; width:1020px; height:84px; background:url('images/full_heading.png') no-repeat left top; margin-left:-26px; }
.title.left { background-position:left top; }
.title.right { float:right; background-position:right top; margin-right:-26px; }
.title h1 { float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:37px; color:#CCC; margin:10px 0 0px 30px; line-height:45px; }
.title h2 { float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:26px; color:#CCC; margin:5px 0 5px 30px; line-height:30px; }
.title h2.big { font-size:34px; }
.title h4 { float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:16px; color:#CCC; margin:0px 0 5px 30px; line-height:20px; clear:both; }
.title.right h2, .title.right h4 { margin-left:15px; }
.title.w800 { width:800px; }
.title.w780 { width:780px; }
.title.w715 { width:715px; }
.title.w300 { width:300px; }

.title-white { float:left; width:1020px; height:84px; background:url('images/full_heading_white.png') no-repeat left top; /*position:absolute; right:-16px; top:10px;*/ }
.title-white.left { background-position:left top; }
.title-white.right { float:right; margin-right:-26px; background-position:right top; }
.title-white h2 { float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:27px; color:#313131; margin:5px 0 5px 30px; line-height:30px; }
.title-white h4 { float:left; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-weight:300; font-size:16px; color:#313131; margin:0px 0 5px 30px; line-height:20px; clear:both; }
.title-white.center-text h2, .title-white.center-text h4 { margin-left:0; float:left; width:100%; text-align:center; }
.title-white.w230 { width:230px; }

#footer { float:left; width:100%; text-align:center; color:#FFF; font-size:12px; margin:20px 0; }
#footer a { color:#FFF; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

a.big-btn { float:left; font-family:'Open Sans', Arial, sans-serif; font-weight:800; font-size:36px; background:#ec007a; color:#FFF; padding:25px 25px; text-decoration:none; text-shadow:#222 1px 1px 4px; }
a:hover.big-btn { background:#222; }

a.white-btn { float:left; font-family:'Open Sans', Arial, sans-serif; font-weight:800; font-weight:bold; font-size:20px; background:#FFF; color:#ec007a; padding:5px 10px; text-decoration:none; margin:5px 0 0 20px; }
a:hover.white-btn { background:#222; }

a.exit { float:left; width:100%; font-size:12px; text-align:center; color:#FFF; text-transform:uppercase; text-decoration:none; margin:10px 0; }
a.exit span.underline { text-decoration:underline; }
a.exit span.red { color:#FF0000; }
a:hover.exit { text-decoration:underline; }

a.instant-access { float:left; width:1020px; height:133px; background:url('images/btn_get_instant_access.png') no-repeat 0px 0px; margin-left:-26px; }
a:hover.instant-access { background-position:0px -133px; }

/* ********************************************* */

.warning-page { float:left; width:100%; position:relative; }
.warning-page .left { float:left; width:620px; }
.warning-page .left p { float:left; width:100%; margin-bottom:20px; }
.warning-page .left a.big-btn { margin-left:100px; margin-top:30px; margin-bottom:30px; }
.warning-page .warning-model { float:left; width:400px; height:660px; background:url('images/model_warning.png') no-repeat; background-size:contain; position:absolute; bottom:-10px; right:0px; }

/* ********************************************* */

.tour-video { float:left; width:100%; margin-bottom:10px; }
.tour-video img, .tour-video iframe, .tour-video embed { max-width:100%; }

.tour-box { float:left; width:100%; padding:10px 0 30px 0; background:url('images/bg_fancy.png') no-repeat left bottom; position:relative; min-height:220px; }
.tour-box h2 { float:left; margin-left:25px; font-size:25px; }
.tour-box h2.nomargin { margin:0; margin-left:30px; }

.tour-box.w500 { width:500px; }
.tour-box.w585 { width:585px; }
.tour-box.w425 { width:425px; }

.tour-box.left { float:left; margin-left:-26px; background-position:left bottom; }
.tour-box.right { float:right; margin-right:-26px; background-position:right bottom; }

.tour-box img.tour-thumb { float:left; }
.tour-box img.tour-thumb.num1 { margin-left:30px; }
.tour-box img.tour-thumb.num2 { margin-left:13px; }
.tour-box img.tour-thumb.num3 { margin-left:13px; }
.tour-box img.tour-thumb.num4 { margin-left:13px; }

.tour-box .tour-welcome-text { float:left; font-size:12px; padding:0 30px; line-height:1.2em; margin-bottom:5px; }

.tour-set { float:left; width:500px; margin-bottom:15px; }
.tour-set .tour-box { min-height:160px; }
.tour-set.left { margin-left:-26px; }
.tour-set.left .tour-box.left { margin-left:0; }
.tour-set.right { float:right; margin-right:-26px; }
.tour-set.right .tour-box.right { margin-right:0; }
.tour-set .set-desc { float:left; margin-left:26px; font-size:12px; line-height:1.2em; width:450px; margin-bottom:10px; }

.tour-images { float:left; width:473px; margin-bottom:5px; }
.tour-set.left .tour-images { float:left; margin-left:26px; }
.tour-images img { float:left; border:1px solid #181818; max-width:100%; }
.tour-images .left { float:left; width:265px; margin-right:4px; }
.tour-images .right { float:left; width:204px; }
.tour-images .right img { margin-bottom:3px; }

a.set-white-btn, a.set-pink-btn { line-height:40px; float:left; width:220px; padding:2px 0; text-align:center; font-size:28px; font-family:'Open Sans', Arial, sans-serif; font-weight:800; color:#FFF; background:#e50077; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
a.set-white-btn { color:#e50077; background:#FFF; margin-left:26px; margin-right:6px; }
a:hover.set-white-btn { color:#FFF; background:#e50077; text-decoration:none; }
a:hover.set-pink-btn { color:#e50077; background:#FFF; text-decoration:none; }

/* ********************************************* */

.contact-page { float:left; width:100%; position:relative; }
.contact-page .left { float:left; width:460px; margin-right:10px; background:#222222; height:437px; min-height:437px; }
.contact-page .left p { float:left; width:100%; margin-bottom:0px; }
.contact-page .left a.big-btn { margin-left:100px; margin-top:30px; margin-bottom:30px; }
.contact-page .contact-model { float:left; width:489px; }
.contact-page .contact-model img { max-width:100%; }
.contact-page form { float:left; width:380px; margin:60px 0 0 40px; text-align:center; }
.contact-page label { font-weight:normal; text-align:left; }
.contact-page input[type="text"] { width:375px; }
.contact-page textarea { width:375px; }
.contact-page input#submit { display:inline-block; padding:10px 20px; font-size:18px; color:#FFF; background:#e30176; border:none; text-shadow:none; }
.contact-page input:hover#submit { background:#FFF; color:#e30176; }

/* ********************************************* */

.join-page { float:left; width:100%; position:relative; }
.join-page .left { float:left; width:715px; margin-left:-26px; }
.join-page .right { float:right; width:300px; margin-right:-26px; }
.join-page .left .title, .join-page .right .title { margin-left:0; margin-right:0; }
.join-page .left .title h4, .join-page .right .title h4 { font-size:15px; }
.join-page .column { float:left; width:215px; padding:5px; background:#222222; margin-right:4px; border:1px solid #333333; height:156px; min-height:156px; margin-bottom:10px; }
.join-page .column .price { float:left; width:100%; text-align:center; background:#000; color:#FFF; font-size:22px; padding:10px 0; }
.join-page .column .price2 { float:left; width:100%; text-align:center; font-size:12px; padding:10px 0; color:#9d9d9d; }
.join-page input.submitPrice { float:left; width:100%; padding:10px 20px; font-size:18px; color:#FFF; background:#e30176; border:none; text-shadow:none; margin:10px 0 0 0; }
.join-page input:hover.submitPrice { background:#FFF; color:#e30176; }
.join-page .column.col1 { margin-left:26px; }
.join-page .column.col3 { margin-right:0px; }
.join-page .column.col4 { width:269px; padding:0; height:166px; }
.join-page .benefit { float:left; width:100%; text-align:center; font-weight:bold; font-size:13px; padding:5px 0; }
.join-page .col4 .divider { float:left; width:100%; height:1px; border-bottom:1px solid #494848; background:#000; }

.join-page .thumb { float:left; width:184px; margin-right:11px; }
.join-page .thumb img { max-width:100%; }
.join-page .thumb.thumb5 { margin-right:0; }

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.wrapper { width:768px; }
	.dark-rounded { width:732px; }
	.title.w800 { width:600px; }
	.warning-page .left { width:410px; font-size:12px; }
	.warning-page .left p { margin-bottom:10px; }
	.warning-page .left a.big-btn { margin-left:0; }
	.title { width:784px; background-image:url('images/full_heading_IPAD.png'); }
	.contact-page .left, .contact-page .contact-model { width:360px; height:auto; min-height:auto; }
	.contact-page form { margin:20px 0 0 20px; width:320px; }
	.contact-page input[type="text"], .contact-page textarea { width:305px; }
	.join-page .left, .join-page .right	{ width:784px; }
	.join-page .column { width:229px; }
	.join-page .column.col4 { margin-left:26px; width:729px; }
	.join-page .thumb { width:137px; }
	#header-model1 { left:50px; }
	#header-model1-hat { left:525px; }
	.title.w780 { width:550px; }
	.tour-box.w585 { width:425px; }
	.tour-box h2 { font-size:22px; }
	a.white-btn { margin:0 0 10px 30px; }
	.tour-box img.tour-thumb { width:90px; }
	.tour-box img.tour-thumb.num2, .tour-box img.tour-thumb.num3, .tour-box img.tour-thumb.num4 { margin-left:4px; }
	.tour-box.w425 { width:355px; }
	a.instant-access { width:784px; height:105px; background:url('images/btn_get_instant_access_IPAD.png') no-repeat; }
	a:hover.instant-access { background-position:0px 0px; }
	#bottom-menu { font-size:15px; }
	#bottom-menu ul { width:784px; }
	#bottom-menu ul li { width:140px; }
	#bottom-menu ul li.last { width:204px; }
	#bottom-menu ul li.last a { font-size:20px; }
	#bottom-menu ul li.last a span { width:185px; }
	
	.tour-set { width:380px; }
	.tour-images { width:363px; }
	.tour-images .left { width:200px; }
	.tour-images .right { width:154px; }
	.tour-box.w500 { width:386px; }
	.tour-set .set-desc { width:340px; }
	a.set-white-btn, a.set-pink-btn { width:165px; font-size:22px; }
}


/*@media screen and (max-width: 830px) {*/
@media screen and (max-width: 767px) {
	#menu ul, #bottom-menu ul { display:none; }
	select.dropdown, select.dropdown-bottom { display:inline-block; width:100%; margin-left:0px; margin-bottom:0; }
	.wrapper { width:420px; }
	#header { height:200px; }
	#logo { top:10px; }
	.dark-rounded { width:400px; margin-left:0; }
	.title { background:#181817; height:auto; margin-bottom:10px; }
	.title h1 { margin-left:0px; font-size:25px; width:100%; text-align:center; margin-top:0; }
	.title h2 { margin-left:0px; font-size:18px; width:100%; text-align:center; }
	.title h4 { margin-left:0px; font-size:12px; width:100%; text-align:center; }
	.title { width:100%; margin-left:0; background-position:center top; }
	.warning-page .warning-model { display:none; }
	.warning-page .left { width:400px; font-size:12px; }
	.warning-page .left p { margin-bottom:10px; }
	.warning-page .left a.big-btn { float:left; width:100%; text-align:center; margin-left:0; padding:25px 0; }
	.contact-page .left { margin-right:0px; width:400px; margin-bottom:10px; height:auto; min-height:auto; }
	.contact-page .contact-model { width:400px; }
	.contact-page form { width:300px; }
	.contact-page input[type="text"], .contact-page textarea { width:295px; }
	.join-page .left, .join-page .right { width:400px; margin-left:0; margin-right:0; }
	.join-page .column.col1 { margin-left:0; }
	.join-page .column { width:388px; }
	.join-page .column.col4 { width:398px; }
	.join-page .thumb { margin-right:5px; width:128px; }
	.title h2.big { font-size:20px; }
	#header-model1-hat, #header-model1 { display:none; }
	.title.w780 { width:100%; }
	.title-white.w230 { width:100%; }
	.title-white.right { margin-right:0; background:#FFF; height:auto; margin-bottom:10px; }
	.tour-box { background:#181817; }
	.tour-box.left, .tour-box.right { margin:0; width:380px; padding:10px; }
	.tour-box h2 { float:left; width:100%; text-align:center; font-size:20px; margin:0; }
	a.white-btn { float:right; margin:0 0 10px 0; }
	.tour-box img.tour-thumb { width:92px; }
	.tour-box img.tour-thumb.num1 { margin-left:0; margin-bottom:4px; }
	.tour-box img.tour-thumb.num2, .tour-box img.tour-thumb.num3, .tour-box img.tour-thumb.num4 { margin-left:4px; margin-bottom:4px; }
	.tour-box .tour-welcome-text { padding:0; width:100%; float:left; }
	.tour-box h2.nomargin { margin:0; }
	a.instant-access { margin:0; width:100%; height:203px; background:url('images/btn_get_instant_access_IPHONEL.png') no-repeat; background-size:contain; }
	a:hover.instant-access { background-position:0px 0px; }
	.tour-set { width:400px; margin:0 0 20px 0; }
	.tour-set.left, .tour-set.right { margin-left:0; margin-right:0; }
	.tour-set.left .tour-images, .tour-set.right .tour-images { margin-left:0; margin-right:0; }
	.tour-images { width:400px; }
	.tour-images .left, .tour-images .right { width:197px; }
	.tour-set .set-desc { width:100%; margin-left:0; }
	a.set-white-btn { margin-left:0; }
	a.set-white-btn, a.set-pink-btn { width:187px; }
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	select.dropdown { width:280px; margin-top:0px; }
	.wrapper { width:300px; }
	.dark-rounded { width:280px; }
	.title { background:#181817; height:auto; margin-bottom:10px; }
	.title h2 { margin-left:0px; font-size:18px; width:100%; text-align:center; }
	.title h4 { margin-left:0px; font-size:12px; width:100%; text-align:center; }
	.warning-page .left { width:280px; }
	.warning-page .left p { text-align:justify; }
	.warning-page .left a.big-btn { font-size:25px; }
	.contact-page .left, .contact-page .contact-model { width:280px; }
	.contact-page form { width:260px; margin:10px 0 0 10px; }
	.contact-page input[type="text"], .contact-page textarea { width:245px; }
	.join-page .left, .join-page .right { width:280px; }
	.join-page .column { width:268px; }
	.join-page .column.col4 { width:278px; }
	.join-page .thumb { width:135px; }
	.tour-box.left, .tour-box.right { width:260px; }
	.tour-box h2 { font-size:18px; }
	.tour-box img.tour-thumb { width:128px; }
	.tour-box img.tour-thumb.num3 { margin-left:0; }
	a.instant-access { height:142px; }
	.tour-set { width:280px; }
	.tour-images { width:280px; }
	.tour-images .left img, .tour-images .right img { width:278px; }
	.tour-images .left, .tour-images .right { margin-right:0; width:280px; margin-bottom:4px; }
	a.set-white-btn, a.set-pink-btn { width:260px; }
	a.set-white-btn { margin-bottom:5px; }
}