/*
Theme Name: 701
Description: The 701 theme
Version: 1.0.0
Author: High Seas
Author URI: http://www.highseas.com
*/



/*RESET*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, b, u, i, ol, ul, li, form, label { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
* { letter-spacing:1px }


/*DEFAULTS*/
html { overflow-y:scroll; }
a { text-decoration:none }
a:hover { text-decoration:none }
a:focus { outline:0 !important }
.cf:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { height:0%; clear:both; overflow:hidden; }
img { border:0; display:block; }
.img-responsive {max-width:100%; height:auto}

/* Begin Images */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }


/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }


/*PAGE TEXT*/
.page_text h1:first-child, .page_text h2:first-child, .page_text h3:first-child, .page_text h4:first-child, .page_text h5:first-child, .page_text h6:first-child { margin-top:0 }
.page_text h1, .page_text h2, .page_text h3, .page_text h4, .page_text h5, .page_text h6 { color: #666; font-weight: normal; margin-bottom: 5px; margin-top: 10px; }
.page_text h1 { font-size: 22px; }
.page_text h2 { font-size: 20px; }
.page_text h3 { font-size: 18px; }
.page_text h4 { font-size: 16px; }
.page_text h5 { font-size: 14px; }
.page_text h6 { font-size: 12px; }
.page_text a { text-decoration:underline; color: #666; }
.page_text p { color: #666; font-size: 12px; line-height: 150%; margin-bottom: 15px; }
.page_text ul { margin-left:25px; margin-bottom:15px }
.page_text ol { margin-left:30px; margin-bottom:15px }
.page_text li { color: #666; font-size: 12px; line-height: 150%; }
.page_text blockquote { color: #666; font-size: 12px; line-height: 150%; margin: 0px 0px 0px 20px; font-style:italic }


/*NAVIGATION*/
.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; font-size:12px }
.navigation .alignleft { float:left }
.navigation .alignright { float:right }


/*BODY*/
body { background-color:#000000; font-family: Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0; }
.invisible_load { display:none }
html, body { height:100% }

/* HIDE MOBILE */
.turnoff_whenmobile {display:block}
.turnoff_whendesktop {display:none}

@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}


@media (max-width: 768px) {
	.turnoff_whenmobile {display:none}
	.turnoff_whendesktop {display:block}

}




/*******************************************NAVBAR*******************************************/
.outerwrapper.navbar { background: none repeat scroll 0 0 rgba(35, 31, 32, 0.80); position:fixed }
nav { }
nav ul { list-style: none outside none; padding-left: 0; width:1100px; margin:auto }
nav ul li { float: left; display: block; position: relative; padding: 10px 75px; }
nav ul li.logo { padding-top:12px }
nav ul li a { color: #999; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 400; line-height: normal; text-transform: uppercase; display: block; }
nav ul li a:hover { color: #b6b149; }
nav ul li a.active { color: #b6b149; }


@media (max-width: 1200px) {
	nav ul {width:907px;}
	nav ul li {padding: 10px 60px;}
}

@media (max-width: 992px) {
	nav ul {width:707px;}
	nav ul li {padding: 10px 35px; }
}

@media (max-width: 768px) {
}



/*******************************************FOOTER*******************************************/
.outerwrapper.footer { background: rgba(35, 31, 32, .9);  position:absolute; bottom:0; left:0; width:100%; height:auto; z-index:10000}
footer { padding:18px 0 12px 0 }
footer #copy_social { float:right; margin-right:10px; width:96px; padding-top:2px; padding-right:20px }
footer #copy_social img { float:left; }
footer #copy { float:right; margin-right:30px; font-family:Oswald, Arial, Helvetica, sans-serif; text-transform:uppercase; color:#999999; font-size:12px; font-weight:300; letter-spacing:1px }
footer #speaker { float:left; padding-left:25px; padding-top:2px }
footer #speaker a:focus { outline:0 }
@media (max-width: 1200px) {
}

@media (max-width: 992px) {
}

@media (max-width: 768px) {
	.outerwrapper.footer {position:static;}
	footer #speaker { display:none }
}


/*******************************************VIDEO*******************************************/


/*VIDEO PLAYER*/
.outerwrapper.video { z-index:1000; }
.innerwrapper.video { }
.video_content { position:relative }


/*ICONS*/
.icon_page_down { position:absolute; bottom:35px; right:35px; cursor:pointer; z-index:2000; -display:none }
.icon_close_overlay { position:absolute; top:35px; right:35px; cursor:pointer; z-index:2000; -display:none }

.play_icons {z-index:10000;position:absolute; top:150px; width:100%; height:128px;}
.playbtnarea {width:157px; height:128px; margin:auto; position:relative;z-index:10001;}
.playbtnarea .icon_play {cursor:pointer; z-index:2000; margin:auto; position:absolute; top:0; left:0 }
.playbtnarea .icon_pause {cursor:pointer; z-index:2000; display:none; margin:auto; position:absolute; top:0; left:0}

/*PANEL CONTENT*/
.panel_content { position:relative }


/*OVERLAY*/
.overlay { background: rgba(0, 0, 0, .75); position:absolute; bottom:0; left:0; width:100%; height:275px; }
.overlay .intro { background-color:-red; float:left; width:20%; height:275px; padding-top:42px; }
.overlay .info { background-color:-green; float:left; width:80%; height:275px; margin-top:37px; padding-right:100px;box-sizing: border-box; padding-left:50px  }
.overlay .stop_video { position:absolute; top:38px; left:20px; display:none; cursor:pointer }
@media (max-width: 1200px) {
	.overlay {height: 300px;}
}

@media (max-width: 992px) {
	.overlay {height: 300px;}
}

@media (max-width: 768px) {
	.overlay {position:static;}
}



/*INTRO LEFT*/
.intro { font-family:Oswald, Arial, Helvetica, sans-serif; }
.intro h1 { font-size:18px; text-transform:uppercase; color:#b6b149; margin-bottom:5px; padding-left:55px; font-weight:400 }
.intro h2 { font-size:14px; text-transform:uppercase; color:#a1a1a1; padding-left:55px; ; font-weight:400 }
.intro h3 { font-size:14px; text-transform:uppercase; color:#a1a1a1; padding-left:55px; ; font-weight:400 }
.intro .video_links { padding-top:35px; padding-left:39px }
.intro .video_links a { font-size:14px; text-transform:uppercase; color:#a1a1a1; display:block; margin-bottom:5px; background-repeat:no-repeat; background-position:0px 6px; padding-left:16px }
.intro .video_links a.active { color:#66cccc; background-image:url(images/img_blue_caret.png); }
.info p { font-family:lato, Arial, Helvetica, sans-serif; font-size:16px; color:#a1a1a1; display:block; margin-bottom:15px; line-height:150%;}


/*BIOS*/
.outerwrapper.bios { width:100%; background-position:center top; background-size:cover; position:relative }
.outerwrapper.bios.crew { background-color:#000; }
.bio_upper { height:450px; }
.bio_upper.production { height:292px; }
.bio_lower { height:300px; background: rgba(0, 0, 0, .6);  position:absolute; bottom:0; left:0; width:100%}
.bio_crew {}
.about_content { width:952px; margin:auto; -outline:1px dotted #fff }
.about_content.upper { padding-top:350px; }
.about_content.upper.production { padding-top:187px; }
.about_content.lower { padding-top:0; }
.about_title { margin-bottom:25px; height:80px }
.about_title h1 { font-family:Oswald, Arial, Helvetica, sans-serif; font-size:72px; color:#b6b149; font-weight:300; text-transform:uppercase; }
.about_text { padding-top:28px; padding-left:150px; border-top:1px solid #b6b149; }
.about_text h2 { font-family:Oswald, Arial, Helvetica, sans-serif; font-size:24px; color:#b6b149; font-weight:300; text-transform:uppercase; margin-right:73px; float:none; margin-bottom:20px }
.about_text h2 span { cursor:pointer }
.about_text h2:last-child { margin-right:0 }
.about_text p { font-family:lato, Arial, Helvetica, sans-serif; font-size:16px; color:#a1a1a1; font-weight:300; padding-right:30px; line-height:150%; }
.about_text.crew { padding-top:20px; padding-bottom:20px}
.about_text.crew h2 { line-height: 100%; padding-top: 6px; color: #b6b149; font-family: Oswald, Arial, Helvetica, sans-serif; font-size: 24px; font-weight: 300; margin-bottom: 0px; margin-top:20px; text-transform: uppercase; margin-right:0; }
.about_text.crew p { padding-right:20px; font-family: Oswald, Arial, Helvetica, sans-serif; font-size:18px; color:#a1a1a1; display:block; padding-top:6px; line-height:150%; font-weight:300; text-transform: uppercase; }
.about_text.crew p a { color:#a1a1a1; }
.about_text.crew p a:hover { color:#b6b149; }
.about_col { float:left; padding-right:80px }
.about_col:last-child { padding-right:0 }

@media (max-width: 1200px) {
	.about_content { width:952px; }
	.about_text {padding-left: 65px;}
	.about_col { padding-right:40px }
}

@media (max-width: 992px) {
	.about_content { width:769px; }
	.about_text {padding-left: 45px;}
	.about_col { padding-right:20px }
	
}

@media (max-width: 768px) {
}