/*
Theme Name: Mammoth Media Theme
Author: PixelNation
Author URI: http://www.pxlurl.com
Description: The 2013 theme for Mammoth Media is a fully responsive theme that looks great on any device.
Version: 1.0
License: Owned by Mammmoth Media
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: mammothmedia

*/

@font-face {
	font-family: 'bgBlack';
	src: url('../fonts/Brandon_blk.eot'); 

	src: url('../fonts/Brandon_blk.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Brandon_blk.woff') format('woff'), 
	
	url('../fonts/Brandon_blk.svg#Brandon_blk') format('svg'), 

	url('../fonts/Brandon_blk.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
}

@font-face {
	font-family: 'bgBold';
	src: url('../fonts/Brandon_bld.eot'); 

	src: url('../fonts/Brandon_bld.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Brandon_bld.woff') format('woff'), 
	
	url('../fonts/Brandon_bld.svg#Brandon_bld') format('svg'), 

	url('../fonts/Brandon_bld.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
}

@font-face {
	font-family: 'bgLight';
	src: url('../fonts/Brandon_light.eot'); 

	src: url('../fonts/Brandon_light.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Brandon_light.woff') format('woff'), 
	
	url('../fonts/Brandon_light.svg#Brandon_light') format('svg'), 

	url('../fonts/Brandon_light.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
}

@font-face {
	font-family: 'bgThinIt';
	src: url('../fonts/Brandon_thin_it.eot'); 

	src: url('../fonts/Brandon_thin_it.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Brandon_thin_it.woff') format('woff'), 
	
	url('../fonts/Brandon_thin_it.svg#Brandon_thin_it') format('svg'), 

	url('../fonts/Brandon_thin_it.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
}

@font-face {
	font-family: 'bgRegIt';
	src: url('../fonts/Brandon_reg_it.eot'); 

	src: url('../fonts/Brandon_reg_it.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Brandon_reg_it.woff') format('woff'), 
	
	url('../fonts/Brandon_reg_it.svg#Brandon_reg_it') format('svg'), 

	url('../fonts/Brandon_reg_it.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
}

@font-face {
	font-family: 'bgBoldIt';
	src: url('../fonts/Brandon_bld_it.eot'); 

	src: url('../fonts/Brandon_bld_it.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Brandon_bld_it.woff') format('woff'), 
	
	url('../fonts/Brandon_bld_it.svg#Brandon_bld_it') format('svg'), 

	url('../fonts/Brandon_bld_it.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
}

@font-face {
	font-family: 'bgMed';
	src: url('../fonts/Brandon_med.eot'); 

	src: url('../fonts/Brandon_med.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Brandon_med.woff') format('woff'), 
	
	url('../fonts/Brandon_med.svg#Brandon_med') format('svg'), 

	url('../fonts/Brandon_med.ttf') format('truetype');
	
	font-weight: normal;
	font-style: normal;
	font-smooth: always;
}

@font-face {
  font-family: 'Calibre-Regular';
  
	src: url('../fonts/Calibre-Regular.eot'); 

	src: url('../fonts/Calibre-Regular.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Calibre-Regular.woff') format('woff'), 
	
	url('../fonts/Calibre-Regular.svg#Brandon_med') format('svg'), 

	url('../fonts/Calibre-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-smooth: always;
}

@font-face {
  font-family: 'Calibre-Medium';
  
	src: url('../fonts/Calibre-Medium.eot'); 

	src: url('../fonts/Calibre-Medium.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Calibre-Medium.woff') format('woff'), 
	
	url('../fonts/Calibre-Medium.svg#Brandon_med') format('svg'), 

	url('../fonts/Calibre-Medium.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-smooth: always;
}

@font-face {
  font-family: 'Calibre-Bold';
	src: url('../fonts/Calibre-Bold.eot'); 

	src: url('../fonts/Calibre-Bold.eot?#iefix') format('embedded-opentype'), 
	
	url('../fonts/Calibre-Bold.woff') format('woff'), 
	
	url('../fonts/Calibre-Bold.svg#Brandon_med') format('svg'), 

	url('../fonts/Calibre-Bold.ttf') format('truetype');
  
  font-weight: normal;
  font-style: normal;
  font-smooth: always;
}

@font-face {
    font-family: 'proxima_nova_ltbold';
    src: url('../fonts/proximanova-semibold-webfont.eot');
    src: url('../fonts/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/proximanova-semibold-webfont.woff') format('woff'),
         url('../fonts/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../fonts/proximanova-semibold-webfont.svg#proxima_nova_ltbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'FuturaStdBook';
    src: url('../fonts/futura_lt_book-webfont.eot');
    src: url('../fonts/futura_lt_book-webfont.eot?iefix') format('embedded-opentype'), 
         url('../fonts/futura_lt_book-webfont.woff') format('woff'),
         url('../fonts/futura_lt_book-webfont.ttf') format('truetype'),
         url('../fonts/futura_lt_book-webfont.svg#') format('svg');
    font-weight: normal;
    font-style: normal;
	font-smooth: always;

}

html {margin:0px; padding:0px; width:100%; height:100%;}
body { color:#3b3b3b; font-size:1em; font-family:'Calibre-Regular',arial,helvetica,sans-serif; margin:0px; padding:0px; width:100%; height:100%; background-size:cover; background: url(../img/content_bg.jpg) no-repeat fixed right bottom;}
img {border:none; }
/*** GENERAL ***/
h1 { font-family:'bgBlack',arial,helvetica,sans-serif; margin:0px; padding:0px; font-weight:normal; font-style:normal; font-smooth:always; font-size:2.5em; }
h2 { font-family:'bgBlack',arial,helvetica,sans-serif; margin:0px; padding:0px; font-weight:normal; font-style:normal; font-smooth:always; font-size:1.5em;}
h3 { font-family:'bgBold',arial,helvetica,sans-serif; margin:0px; padding:0px; font-weight:normal; font-style:normal; font-smooth:always; font-size:0.8em;}
a {color:#fff; text-decoration:none;}
p { line-height:1.7em;}
.quote {font-family:"bgThinIt",arial,helvetica,sans-serif;}
.post-script {font-family:"bgLight",arial,helvetica,sans-serif;}
.details {font-family:"bgBoldIt",arial,helvetica,sans-serif;}

#wrap { float:right; width:80%; min-height:100%; position:relative;}

/*** NAVIGATION ***/
#web-nav {
	width:20%; 
	-background:url(../img/side_bg.jpg) no-repeat #fff; 
	background-color: #242f45;
	height:100%; 
	overflow:auto; 
	float:left; 
	z-index:20; 
	position:fixed; 
	left:0px; 
	min-height:600px;
	}
#web-nav img.logo { margin: 70px auto 85px auto; display:block; width:80px; height:auto;}
#web-nav #menu {color:#fff; text-align:right; list-style-type:none; margin-right:40px; float:right; margin-top: 150px;}
#web-nav #menu a {text-decoration:none; text-transform:uppercase; font-family: 'Calibre-Bold'; font-size: 20px; letter-spacing: 1px; transition: color .2s linear;}
#web-nav #menu a.active {color:#fff !important; }
#web-nav #menu a:hover {color:#185092; }
#web-nav #menu li {width:100px; height:35px; font-size:1.2em; }
#web-nav #menu .subs ul.link-subs { font-family:'bgMed', arial,Helvetica,sans-serif; display:none; list-style-type:none; font-size:12px; margin:10px 0px 10px 0px; padding:0px;}
#web-nav #menu .subs ul.link-subs li {height:20px; margin-top:0px;}
#web-nav #menu .subs:hover a.parent {color:#185092; }
#web-nav #menu .main-link:hover {cursor:pointer;}
#web-nav #menu .subs ul li {
	-border: 1px solid red;
	width: 200px;
	text-align: left;
	font-family: 'Calibre-Regular';
	margin-left: 0px;
}
#web-nav #menu .subs ul li a {
	font-family: 'Calibre-Regular';
	font-size: 16px;
}

#web-nav {
	-border: 1px solid red;
	overflow: hidden
}
/*
#web-nav #menu .subs.work-menu:hover {height:auto;}

#web-nav #menu .subs.work-menu:hover ul.work-subs {display:block;}
#web-nav #menu .subs.work-menu:hover ul.work-subs {display:block;}
*/

#web-nav #menu .subs.blog-menu.show-years { height:auto; }
#web-nav #menu li.active a.parent {color:#454545;}
#web-nav #menu .subs.blog-menu.show-years ul.link-subs { display:block; }

/* BELOW HAD HEIGHT AUTO on .show-subs, and DISPLAY BLOCK on .link-subs */
#web-nav #menu .subs.work-menu.show-subs {}
#web-nav #menu li.active a.parent {color:#454545;}
#web-nav #menu .subs.work-menu.show-subs ul.link-subs { display:none; }

#web-nav #address {color:#fff; letter-spacing:0.11em; font-size:0.6em; font-family:'bgMed',sans-serif; text-transform:uppercase; text-align:left; list-style-type:none; position:absolute; bottom:123px; left:50%; padding:0px; margin:0px; margin-left: -62px;}
#web-nav #address li {height:16px;}
#mobile-nav {display:none;}
#mobile-expand {display:none;}

/*** INDEX ***/
#highlight-content { color:#fff; text-align:center; top:50%; position:absolute; width:100%; }
#highlight-content h1 { max-width:80%; margin:0px auto; text-transform:uppercase; padding:0px; line-height:1.2em; letter-spacing:0.2em; }
#highlight-content h3 { max-width:80%; margin:0px auto; text-transform:uppercase; padding:0px; letter-spacing:0.2em; }
#highlight-content h3.play-link { margin-top:20px; }
#highlight-content h3.play-link a { color:#EDE06B; }

/*** WORK ***/
#work { background-color:#fff;}
#work .video { min-height:200px; width:25%; float:left; overflow:hidden; position:relative; background-color:#fff;}
#work .video .work-info { opacity:0.01; height:200px; width:100%; background:url(../img/tile-bg.png) repeat; text-align:center;}
#work .video:hover .work-info { opacity:1; }
#work .video .work-info h2 { font-family:'bgMed',sans-serif; text-transform:uppercase; color:#fff; font-size:1.2em; line-height:1em; text-align:center; width:200px; margin:0px auto 13px auto; padding-top:60px; }
#work .video .work-info a { display: inline-block; background-color:#EDE06B; padding:7px 10px; color:#000; margin:0px auto; text-transform:uppercase; font-size:80%;}
#work .bottom-room {width:100%; height:70px; float:left;}

#wrap.work-single {height:100%;}
#wrap.work-single #media {min-height:100%; background-color:#111; overflow:auto; position:relative;}
#wrap.work-single #media .close-video-web { z-index:10; width:40px; height:60px; position:absolute; top:10px; right:10px;}
#wrap.work-single #media img.close-button {cursor:pointer; border:none;}
#wrap.work-single #media .the-content .close-video-mobile {display:none; border:none;}
#wrap.work-single #media .the-content {width:90%; margin:0 auto; padding-top:50px; position:relative;}
#wrap.work-single #media .video {position:absolute; left:0px; width:700px; padding-bottom:150px; }
#wrap.work-single #media .video img {margin:0px; padding:0px; display:block; width:100%;}
#wrap.work-single #media .gallery {float:left; width:700px;}
#wrap.work-single #media .gallery img { float:left; margin:0px 0px 30px 0px; padding:0px; display:block; width:100%; height:auto;}
#wrap.work-single #media .gallery-info.info { float:right; margin-left:750px; color:#fff; position:absolute; left:0px; }
#wrap.work-single #media .info { float:right; margin-left:750px; color:#fff; }
#wrap.work-single #media .info a { color:#EDE06B; }
#wrap.work-single #media .info img {width:100%; height:auto; display:block; margin:30px 0px;}
#wrap.work-single #media .info p.date { text-transform:capitalize; font-family:'bgRegIt',sans-serif; background:url(../img/single-camera.png) no-repeat left center; background-size:contain; margin-top:0px;}
#wrap.work-single #media .info p.date span { margin-left:50px; line-height:1.7em; font-size:1em;}
#wrap.work-single #media .info .share { border-top:1px solid #fff; list-style-type:none; padding:15px 0px 40px 0px; margin:0px;}
#wrap.work-single #media .info .share li { float:left; margin-right:10px;}
#wrap.work-single #media .info .share li.share-link { border-radius:2px; text-align:center; padding:0px 2px 4px 2px; background-color:#c8c8c8; width:20px; height:20px;}
#wrap.work-single #media .info .share li.share-link a { color:#000;}
#wrap.work-single #media .bottom-room { height:80px; width:100%; float:left;}

/*** BLOG ***/
#blog { margin-bottom:70px;}
#blog .single-entry { border-bottom: 1px solid #222; overflow:auto; width:100%; position:relative; background-color:#111;}
#blog .wrap-adjust { height:350px; margin-right:250px;}
#blog .segment { float:left; height:100%;}
#blog .segment.img { width:50%; background-color:blue; overflow:hidden; }
#blog .segment.img div { width:1px; background-color:#222; height:100%; float:right;}
#blog .segment.post { width:50%; background-color:#fff;}
#blog .segment.post h2 { margin:0px 50px; text-transform:capitalize;}
#blog .segment.post p { margin-left:50px;}
#blog .segment.post p.photo-post { background:url(assets/img/post-icon-photo.gif) no-repeat left center; background-size:contain;}
#blog .segment.post p.post-date { margin-top:50px;}
#blog .segment.post p.post-date span { margin-left:50px;}
#blog .segment.post p.thepost { margin:0px 50px; max-width:400px; font-family:"bgMed",Arial, Helvetica, sans-serif;}
#blog .segment.post div.thepost p { margin:0px 50px; max-width:400px; font-family:"bgMed",Arial, Helvetica, sans-serif;}
#blog .segment.post p.view-post { margin:10px 50px; text-transform:uppercase; cursor:pointer; display:inline-block;} 
#blog .segment.post p.view-post span.expand { display:block;}
#blog .segment.post p.view-post span.collapse { display:none;}
#blog .segment.info { height:350px; float:right; width:250px; background-color:#EDE06B; position:absolute; right:0; top:0; border-left:1px solid #222;}
#blog .segment.info ul { list-style-type:none; clear:both; overflow:auto; margin:0px; padding:0px; margin-left:40px; margin-right:20px;}
#blog .segment.info ul.poster { margin-top:50px; margin-bottom: 30px; }
#blog .segment.info ul li { float:left; }
#blog .segment.info ul .title {}
#blog .segment.info ul .content { font-family:'bgRegIt',sans-serif; color:#665f22; width:50%; margin-left:10px;}
#blog .segment.info .share { list-style-type:none; margin:0px; bottom:50px; left:40px; position:absolute;}
#blog .segment.info .share li { float:left; margin-right:10px;}
#blog .segment.info .share li.share-link { border-radius:2px; text-align:center; padding:0px 2px 4px 2px; background-color:#3b3b3b; width:20px; height:20px;}
#blog .segment.info .share li.share-link a { color:#EDE06B;}
#blog a.next, #blog a.prev {display:none;}

/* opened post */
#blog .opened-post { width:100%; display:none; overflow:hidden;}
#blog .opened-post .centered-wrap { margin:0px auto; overflow:auto; opacity:0;}
#blog .opened-post .centered-wrap p { }
#blog .opened-post .centered-wrap .all-copy { color:#fff; width:700px; margin:30px auto; font-family:'bgMed', Arial, Helvetica, sans-serif; }
#blog .opened-post .centered-wrap .all-copy a { color:#ede06b; }
#blog .opened-post .centered-wrap .all-copy img { display:block; width:100%; height:auto; }
#blog .opened-post .centered-wrap ul { list-style-type:none; margin:0px; padding:0px 0px 20px 0px; text-align:center; }
#blog .opened-post .centered-wrap ul li { display:block; margin:0px auto 30px auto; width:700px; background-color:purple; }
#blog .opened-post .centered-wrap ul li img { display:block; width:100%; height:auto; }

/*** ABOUT ***/
#wrap.about { height:100%;}
#about { min-height:100%; background:#fff; position:relative; background-color:#fff; margin-bottom:0px;}
#about .outer { border:0px solid black; }

/** about slideshow **/
#about {text-transform:uppercase; }
#about .profiles.outer { margin-right:700px; background-color:#fff; }

/* header styles */
#about #about-head { height:150px; background-color:#FFF;}
#about #about-head #about-headers {overflow:hidden; list-style-type:none; margin:0px; padding:0px; position:relative; height:100%;}
#about #about-head #about-headers li { width:100%; position:absolute; left:0px; top:50%; margin-top:-20px; display:none; opacity:0;}
#about #about-head #about-headers li h2 {margin:0px 50px; line-height:1em; font-size:2em;}
#about #about-head #about-headers li.current {display:block; opacity:1;}

/* slide styles */
#about #about-images { height:420px; background-color:#000; overflow:hidden; position:relative;}
#about #about-images #slide-container { height:100%; background-color:#fff; margin:0px; padding:0px; list-style-type:none; position:relative; left:0px; top:0px;}
#about #about-images #slide-container .slide { float:left; height:100%; position:absolute; top:0px; left:0px;}
#about #about-images #slide-container .slide.next {z-index:5;}
#about #about-images #slide-container .slide.current {z-index:4;}
#about #about-images .previous-button { height:221px; position:absolute; z-index:7; top:50%; left:0px; margin-top:-110px; padding:0px 20px; cursor:pointer; opacity:0.6;}
#about #about-images .next-button { height:221px; position:absolute; z-index:7; top:50%; right:0px; margin-top:-110px; padding:0px 20px; cursor:pointer; opacity:0.6;}
#about #about-images:hover .previous-button { opacity:1;}
#about #about-images:hover .next-button { opacity:1; }


/* copy styles */
#about #about-copy { min-height:300px; }
#about #about-copy #content-container {list-style-type:0px; margin:0px; padding:0px;}
#about #about-copy #content-container li {display:none; opacity:0;}
#about #about-copy #content-container li p {margin:50px 50px 30px 50px; font-size:0.8em;}
#about #about-copy #content-container li p.post-script {font-size:1.5em; padding-bottom:50px; line-height:1.2em; margin-top:0px; margin-bottom:0px;}
#about #about-copy #content-container li.current {display:block; opacity:1;}

#about .services.outer { position:absolute; top:0px; right:350px; width:350px; min-height:100%; background-color:#ede06b;}
#about .services.outer h1 {padding:47px 50px 40px 50px;}
#about .services.outer ul {list-style-type:none; padding:0px 50px; margin-top:0px;}
#about .services.outer ul li {margin-bottom:20px;}
#about .services.outer ul p {margin:0px; padding:0px; font-size:0.7em;}

/* 
 * background color of parent div same as callout div. this keeps 
 * page at min height of 100% and allows for expansion!!!
 */

#about .extra-wrap.outer { position:absolute; top:0px; right:0px; width:350px; min-height:100%; background-color:#3c3c3c;}
#about .extra-wrap #clients { background-color:#f2f2f2; min-height:200px; overflow:auto; }
#about .extra-wrap #clients h1 { padding:47px 50px; }
#about .extra-wrap #clients ul {margin:0px; padding:0px 20px 50px 20px; list-style-type:none; overflow:auto;}
#about .extra-wrap #clients li {width:33.33333%; float:left; text-align:center; height:70px}

#about .extra-wrap #clients li img {}
#about .extra-wrap #callout { color:#fff; background-color:#3c3c3c; text-align:center;}
#about .extra-wrap #callout p { margin:20px 0px 50px 0px;}
#about .extra-wrap #callout p.quote { font-size:2.3em; text-transform:none; padding:0px 50px; line-height:1.3em; margin:50px 0px 0px 0px;}
#about .extra-wrap #callout span.attached-space { color:#3c3c3c; display:none; }
.footerspace {height:70px; margin:0px; padding:0px; border:0px solid red;}

/*** CONTACT ***/
#cont { text-transform:uppercase; }
#cont { position:relative; background-color:#999;}
#cont .center-wrap { margin:0px 50px; padding-bottom:60px;}
#cont .center-wrap h1 { padding:47px 0px 40px 0px;}
#cont .center-wrap p { margin:0px; font-size: 0.8em;}
#cont .center-wrap h2 { margin-bottom:5px;}
#cont .contact-info { position:absolute; left:0px; top:0px; width:350px; background:#FFF;}
#cont .contact-info ul { list-style-type:none; padding:20px 0px 0px 0px; margin:0px; font-family:"bgBlack",Arial, Helvetica, sans-serif;}
#cont .contact-form { background:#e3e3e3; margin:0px 350px;}
#cont .contact-form .center-wrap #holla-form { margin-top: 40px;}
#cont .contact-form .center-wrap #holla-form input { color:#3B3B3B; font-family:"bgBlack",Arial, Helvetica, sans-serif; text-transform:uppercase; width:98%; background-color:#efefef; border-radius:3px; height:30px; margin-bottom:25px; border-top-width:2px; border-right:0px; border-bottom:0px; border-left-width:1px; padding-left:10px;}
#cont .contact-form .center-wrap #holla-form #select-style { background:url(../img/select-arrow.png) no-repeat right center; margin-bottom:25px; overflow:hidden; color:#3B3B3B; font-family:"bgBlack",Arial, Helvetica, sans-serif; text-transform:uppercase; width:98%; background-color:#efefef; border-radius:3px; border-top:2px solid #979797; border-left:1px solid #979797; padding-left:5px; padding-right:5px;}
#cont .contact-form .center-wrap #holla-form #submit-form { width:100%; border:0px; background-color:#3b3b3b; color:#FFF; margin-top:5px;}
#cont .contact-form .center-wrap #holla-form select { width:110%; color:#3B3B3B; font-family:"bgBlack",Arial, Helvetica, sans-serif; text-transform:uppercase; padding:3px 0px; border:none; background-color:transparent; background-color: rgba(0,0,0,0); -webkit-appearance: none;}
#cont .contact-form .center-wrap #holla-form textarea { height: 100px; width:98%; color:#3B3B3B; font-family:"bgBlack",Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#efefef; border-radius:3px; border-top-width:2px; border-right:0px; border-bottom:0px; border-left-width:1px; border-color:#979797; padding-left:8px; overflow:auto;}
#cont .social-feeds {position:absolute; right:0px; top:0px; width:350px; background:#666;}
#cont .social-feeds ul {list-style-type:none; margin:0px; padding:0px;}
#cont .social-feeds ul li {height:200px;}
#cont .social-feeds ul li img { margin:0px auto 0px auto; padding-top:45px; display:block; }
#cont .social-feeds ul li.bonus-item {display:none; color:#3B3B3B; text-align:center; background-color:#EDE06B;}
#cont .social-feeds ul li.bonus-item p.quote {margin:20px 20px; line-height:1em; font-family:'bgThinIt',sans-serif; text-transform:none; text-align:center; font-size:2em;}
#cont .success-message p {color:green; margin-bottom:-20px; margin-top:10px; text-align:center;}
#PhoneNumber a {color:#3b3b3b;}

/**/
.gform_validation_container {	display: none;}.validation_message {	color: #FF0000;	clear: both;	font-size: 0.875em;}.gfield_error, .validation_error  {	border-color: #FF0000 !important;}.validation_error {	color: #FF0000;}.gfield_required {	display: none;}#cont .contact-form .center-wrap .holla-form {margin-top:40px;}#cont .contact-form .center-wrap .holla-form .gform_fields {	padding: 0;	list-style-type: none;}#cont .contact-form .center-wrap .holla-form input,#cont .contact-form .center-wrap .holla-form textarea,#cont .contact-form .center-wrap .holla-form select {	color: #3B3B3B;	font-family: "bgBlack",Arial, Helvetica, sans-serif;	text-transform: uppercase;	font-size: 87.5%;	border: 0 none;	background: transparent;}#cont .contact-form .center-wrap .holla-form .gfield {	background-color: #efefef;	border-radius: 3px;	border: 0 none;	border-top: 2px solid #979797;	border-left: 1px solid #979797;	margin-bottom: 25px;	padding: 1px 8px;	overflow: auto;}#cont .contact-form .center-wrap .holla-form input {	width: 98%;	height: 30px;	padding: 0 0 0 10px;}#cont .contact-form .center-wrap .holla-form textarea {	height: 100px;	width: 98%;	padding-left:8px;	overflow:auto;}#cont .contact-form .center-wrap .holla-form select {	width: 100%;	padding: 3px 0px;	border: 0 none;	height: 30px;	line-height: 30px;	background-color: transparent;	background-color: rgba(0,0,0,0);	-webkit-appearance: none;	-moz-appearance: none;	appearance: none;}#cont .contact-form .center-wrap .holla-form .ginput_container {	float: left;	width: 40%;}#cont .contact-form .center-wrap .holla-form .ginput_select {	background:url(../img/select-arrow.png) no-repeat right center #efefef;	overflow: hidden;	width: 98%;	padding-left: 5px;	padding-right: 5px;}#cont .contact-form .center-wrap .holla-form .gfield_label {	float: left;	width: 60%;	height: 30px;	line-height: 30px;	font-size: 87.5%;}#cont .contact-form .center-wrap .holla-form .ginput_textarea .gfield_label,#cont .contact-form .center-wrap .holla-form .ginput_textarea .ginput_container {	float: none;	width: 100%;}#cont .contact-form .center-wrap .holla-form .gform_button.button {	width: 100%;	border: 0 none;	outline: 0 none;	background-color: #3b3b3b;	color: #FFF;	margin-top: 5px;	cursor: pointer;	border-radius:3px;}

#cont .contact-form .center-wrap .holla-form .gfield.ginput_subscribe {
	border: 0 none;
	background: transparent;
}
#cont .contact-form .center-wrap .holla-form .gfield.ginput_subscribe .gfield_label {display: none;}
#cont .contact-form .center-wrap .holla-form .gfield.ginput_subscribe .ginput_container {
	float: none;
	width: auto;
}
#cont .contact-form .center-wrap .holla-form .gfield.ginput_subscribe .gfield_checkbox {
	padding:0;
	list-style-type: none;
}
#cont .contact-form .center-wrap .holla-form .gfield.ginput_subscribe .gfield_checkbox input {
	height: auto;
	width: auto;
	float: left;
	margin: 5px 0 0 0;
}
#cont .contact-form .center-wrap .holla-form .gfield.ginput_subscribe .gfield_checkbox label {
	display: block;
	padding-left: 25px;
}
@media screen and (min-width: 30em) {
	#cont .contact-form .center-wrap .holla-form .ginput_container {width: 62.5%;}
	#cont .contact-form .center-wrap .holla-form .gfield_label {width: 37.5%;}
	
}

#cont .contact-form .center-wrap .holla-form .gfield-active .ginput_container {width: 100%;}
#cont .contact-form .center-wrap .holla-form .gfield-active .gfield_label {display: none;}
#cont .contact-form .center-wrap .holla-form .gfield-active input {padding: 0;}
#cont .contact-form .center-wrap .holla-form .gfield-active textarea {padding: 0; height: 130px;}
/**/

/**/
.project-form ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.project-form .gfield {
	margin-bottom: 25px;
}
.project-form .gfield.gsection {
	margin-bottom: 15px;
}
.project-form input[type="text"],
.project-form select,
.project-form textarea {
    padding: 0 0 0 10px;
    width: 98%;
    background-color: #efefef;
    border: 0 none;
    color: #3b3b3b;
    font-family: "bgBlack",Arial,Helvetica,sans-serif;
    font-size: 87.5%;
    text-transform: uppercase;
	border-radius: 3px;	
	border: 0 none;	
	border-top: 2px solid #979797;	
	border-left: 1px solid #979797;		
	padding: 1px 8px;
}
.project-form input[type="text"] {
	height: 30px;
}
.project-form textarea {
    height: 120px;
}
.project-form select {
	width: 100%;
	height: 34px;
	padding: 0;
}
.project-form .gfield_radio {
	margin-top: 4px;
}
.project-form .gfield_radio input[type="text"] {
	width: 100px;
}
.project-form .gform_button {
	border: 0 none;
	outline: 0 none;
	background-color: #3b3b3b;
	color: #FFFFFF;
	margin-top: 5px;
	cursor: pointer;
	border-radius: 3px;
	font-family: "bgBlack",Arial,Helvetica,sans-serif;
    font-size: 87.5%;
    text-transform: uppercase;
	height: 30px;
	width: 100%;
}
.flexslider {
	margin-top: 35px !important;
}




@media screen and (min-width: 30em) {
	.project-form .gfield_radio li {
		display: inline;
		margin: 0 20px 0 0;
	}
	
}
@media screen and (min-width: 37.5em) {
	.project-form .gfield.gfield-state,
	.project-form .gfield.gfield-zip {
		float: left;
		width: 48%;
	}
	.project-form .gfield.gfield-state {
		margin-right: 2%;
	}
	.project-form .gfield.gfield-zip {
		margin-left: 2%;
	}

}
/**/

.project-button {
	display: block;
	max-width: 360px;
	text-align: center;
	background-color: #3B3B3B;
	padding: 10px;
	position: relative;
	top: 20px;
	clear: both;
}

/*** FOOTER ***/
footer { margin-left:20%; font-family: 'bgMed';  font-size:10px; color:#000; height: 70px; position:fixed; left:0px; bottom:0px; width:80%; z-index:15; text-transform:uppercase; background:url(../img/footer-bg.png) repeat; z-index: 10000 !important;}
#footer-content { overflow:none; height:100%; letter-spacing:1px; }
#footer-content #copyright {float:left; margin:30px 0px 0px 3%;}
#footer-content #connect {float:right; list-style-type:none; margin:30px 3% 0px 0px; padding:0px;}
#footer-content #connect .new {display:inline;}
#footer-content #connect li, #footer-content #connect li a {float:left; margin:0px 2px;color:#000;}
#footer-content #connect li img {width:80%; height:auto;}

/*** LOADING SCROLL STYLES ***/
#infscr-loading { font-family:'bgRegIt'; color:#3b3b3b; text-align:center; background-color:#fff; padding:10px 0px;}

/*** EASTER EGGS ***/
#secret-container { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; overflow:hidden; z-index:500;}
#secret-container #shark { position:absolute; bottom:-500px; right:5%; display:none;}
#secret-container #slugger { position:absolute; bottom:-500px; right:5%; display:none;}

#web-nav #menu a {color:#fff;}
.work-subs {
	-border: 1px solid red;
	left: 110px;
	width: 300px;
	margin-top: 30px;
	font-size: 15px;
}
#mobile-expand #wrap {
	-border: 1px solid red;
	-display: none !important;
	-background: #333 1300px top !important;
}
#hidden-nav {
	background: url('../img/sub-menu-bg.png') no-repeat left top #000 !important;
	-background: #000 !important;
}
#menu a:hover {
	color: #397cca !important;
}

.flex-caption {
	position: absolute;
	z-index: 5;
	top: 50%;
	left: 50%;
	display: block !important;
	opacity: 1 !important;
}

.flex-caption p {
	font-family: 'Calibre-Regular' !important;
	font-size: 16px;
	text-transform:uppercase; 
}

.banner {
	width: 100%;	
}

.content_inner {
	-background: url(../img/content_bg.jpg) no-repeat fixed right bottom;	
	background-color: #e2e2e2 !important;	
	z-index: 1;
	position: relative;
	text-align: left !important;
	color: #333 !important;
	height: auto !important;
	border: 1px solid red;
	-margin-top: -450px !important;
	
	
}

.content_inner2 {
	
	
	-background-color: #e2e2e2 !important;
	-height: auto !important;
}
.contentM {
	font-family: 'Calibre-Regular';
	color: #333 !important;
	-border: 1px solid #333;
	padding: 40px !important;
	padding-bottom: 85px !important;
	text-align: left !important;
	-height: auto !important;
	background: url(../img/content_bg.jpg) no-repeat fixed right bottom #fff;
	position: relative;
}

.contentP {
	display: table;
	width: 94%;	
}
.contentM h1 {
	font-size: 35px;
	font-family: 'Calibre-Regular';
	-font-family: 'FuturaStdBook';
	font-weight: normal;
	letter-spacing: 0 !important;
	margin-left: 0 !important;
	margin-top: 0 !important;
	padding-left: 15px !important;
	background: url(../img/h1_bg.png) no-repeat left 2px;
	-border-left: 2px solid #185092;
	-border: 1px solid red;
	margin-bottom: 20px !important;
	width: auto !important;
	
	
}

.contentM h2 {
	font-size: 18px;
	font-family: 'Calibre-Regular';
	font-weight: bold;
	letter-spacing: 0 !important;
	margin-left: 0 !important;
	margin-top: 25px !important;
	color: #005093 !important;
	margin-bottom: 15px !important;
	
	
}

.contentM h3 {
	font-size: 16px;
	font-family: 'Calibre-Regular';
	font-weight: bold;
	letter-spacing: 0 !important;
	margin-left: 0 !important;
	margin-top: 25px !important;
	color: #333 !important;
	margin-bottom: 5px !important;
	
	
}

.contentM .note {
	font-size: 16px;
	font-family: 'Calibre-Regular';
	color: #005093 !important;
	font-style: italic;
	
	
}

.contentM .color_black {
	color: #333 !important;	
}
.contentM a {
	color: #005093 !important;
}
#highlight-content {
	height: 100%;
	-margin-top: 0;
	
}

.drawing {
	width: 80%;
	float: none;	
}

.subtitle {
	margin-top: -20px !important;
	margin-bottom: 20px;
	text-transform: uppercase;
	font-size: 18px;
	display: block;
}
.contentM ul {
	display: block;
	display:table-cell;
	margin-top: -10px;	
	margin-bottom: 30px;
	margin-left: 10px;
	-border-spacing: 200px;
	-border: 1px solid red;
}
.contentM ul li {
	-margin-left: 150px !important;
	-display: compact;
}

.contentS {
	display:table-cell;
	-float: left;
	border: 1px solid red;	
}
.contact_tb td {
	padding-bottom: 5px;
}


.btn_main {
	width: 100%;
	background-color: #333;
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff !important;
	font-size: 16px;
	border-radius: 10px;
	transition: all 0.5s ease;	
}

.btn_main:hover {
  background-color: #53c7dc;
}

.checkform {
	
	visibility:hidden;
	height: 1px;
	display: none;
}

.f12red {
	color: orange;
	font-weight: bold;
	font-size: 16px;

}

.textbox1 {
	--moz-border-radius: 3px;
	--webkit-border-radius: 3px;
	-border-radius: 3px;
	border: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	-border-color: transparent;
	font-family: 'Calibre-Regular';
	font-size: 15px;
	color: #000000;
	-background: url('../img/textbox_bg.jpg') left top;
	background-color: #eee;
	padding: 5px;
	margin-bottom: 10px;
	padding: 5px;
	width: 98.5%;
	
}

.main_btn {
	background-color: #0b5092;
	display: block;
	padding: 10px;
	text-align: center;
	color: #fff !important;
	-font-family: 'Museo500';
	font-size: 13px;
	text-transform: uppercase;
	-border-radius: 5px;
	transition: all 0.5s ease;
	border: 0;
	width: 49%;
	margin-right: 2%;	
	float: left;	
}

.main_btn:hover {
  background-color: #2b72b5;
}
.contact_form {
	margin-bottom: 145px;
	float: none !important;	
}

.coverbanner {
	background-color: #fff;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 5;	
}

#web-nav #menu li {
	height: auto;
	-padding-top: 10px;
	padding-bottom: 10px;	
}

#web-nav .show-subs ul {
	margin-top: 0 !important;
	margin-bottom: -10px !important;
	display: none;
}
#web-nav .show-subs ul li {
	padding: 0 !important;
}
#web-nav #menu .web-main:hover {cursor:pointer;}
#web-nav #menu .subs ul.web-sub { display:none; list-style-type:none; font-size:0.5em; margin:10px 0px 10px 0px; padding:0px; padding-top: 5px; padding-bottom: 10px;}

#menu .sub1 {
	margin-top: 30px;
}
#menu .sub2 {
	margin-top: 40px;
	
}
#menu .sub3 {
	margin-top: 120px;
	
}
#menu .mobile-sub {
	display: none;
	left: 100px !important;
}
#menu .mobile-sub li {
	-margin-left: 30px !important;
	-border: 1px solid red;
	width: 200px !important; 
	font-size: 13px;
}


.col4 {
	width: 25%;
	box-sizing: border-box;
	padding: 20px;
	float: left;
	margin: 0;
	height: auto;
	min-height: 460px;
	-border: 1px solid red;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;	
}
.col4 h2 {
	margin-top: 0px !important;
	text-transform: uppercase;
}
.col4 ul {
	width: 90%;
	display: table;
	-border: 1px solid red;	
	-padding-left: 0;
	padding-bottom: 0;
	margin-left: 0;	

}
.col4 ul li a {
	text-decoration: underline;	
}
.content_product ul li {
	line-height: 22px;	
	font-family: 'Calibre-Regular', Arial;
	font-weight: bold;
	width: 100%;
	padding-bottom: 0;
}

.col4 ul li ul {
	margin-top: 0px;
	margin-bottom: 5px;
}

.content_product ul li ul li {
	line-height: 18px;
	font-size: 15px;
	font-family: 'Calibre-Regular';
	font-weight: normal;
	padding-bottom: 0;
}

.language {
	position: absolute;
	right: 10px;
	top: 0;
	margin-top: 30px;
	margin-right: 10px;
	padding: 10px;
	padding-bottom: 5px;
	background-color: #242f45;
	color: #fff !important;
}
.language a {
	-display: table-cell;
	color: #fff !important;
	
}



.expand a {
  display:block;
  padding:8px !important;
  padding-bottom: 3px !important;
  font-size: 16px;
  font-weight: normal;
  color: #fff !important;
  text-transform: capitalize !important;
  -font-family: 'Calibre-Medium' !important;
  font-family: 'Calibre-Regular', Arial !important;
  letter-spacing: 0px;
  
  

}
.expand a:hover {
  color: #ff7701;
}

.expand a:link, .expand a:visited {

  background:#415378 url(../img/arrow-up.png) no-repeat 98% 50%;
	padding: 0px;
	padding-right: 0;
	margin-bottom: 0px;
	-font-family: 'HelveticaRoman', Arial, Helvetica, sans-serif;

}
.expand a:hover, .expand a:active, .expand a:focus {
  text-decoration:underline;
  text-decoration:none;
}
.expand a.open:link, .expand a.open:visited {

  background:#415378 url(../img/arrow-down.png) no-repeat 98% 50%;

}

.expand {
	margin:0; 
	padding:0;
	padding: 0px;
	text-transform:none;
	margin-top: -5px !important;
	margin-bottom: 10px !important;
	-border-bottom: 1px dotted #333333;

}
.collapse {
	margin-top: 0px;
	padding-bottom: 10px;
	height: auto;
	-border: 1px solid red;
	display: table;/
}
.tb1 {
	width: 100%;
	border-top: 1px solid #ccc;	
	-margin-top: -10px;
	height: auto;
	-display: block;
}

.tb1 td {
	padding: 15px;
	padding-top: 6px;
	padding-bottom: 0px;
	border-bottom: 1px solid #ccc;
	border-top: 0;
	font-family: 'Calibre-Regular';
	vertical-align: top;
	background-color: #fff;
	
}

.tb1 .title td {
	background-color: #eee;
	
}


.tb1 .name {
	width: 60%;
}
.tb1 .storey {
	width: 20%;
	text-align: center;
	min-width: 80px;
}

.tb1 .system {
	width: 20%;
	text-align: center;
}

.hide_2col .storey {
	width: 0%;
}
.hide_2col .system {
	width: 0%;
}


.col2 {
	box-sizing: border-box;
	padding-right: 5px;	
	padding-left: 5px;	
	width: 50%;
	float: left;
}

.flexslider2 {
	display: none;	
}

.col4 ul {
	margin-bottom: 0;	
}

.pdf_download {
	background: url(../img/icon_pdf.jpg) no-repeat left top;
	padding-left: 35px;	
	height: 15px;
	padding-top: 12px;
	display: table;
	-border: 1px solid red;
	width: auto;
	font-weight: bold;
	margin-bottom: 35px;
}
.pdf_download_last {
	margin-top: -35px;
}




@media screen and (max-width: 1920px) {
.drawing {
	width: 50%;
	float: left;
	margin-bottom: 45px;	
}
.contentM ul li {
	margin-left: -20px;
}

.contact_tb {
	float: left;
	padding-left: 7px;
	padding-right: 7px;	
	margin-bottom: 55px;
	-border: 1px solid red;
	width: 50%;
}

.contact_form {
	width: 49%;
}



}
@media screen and (max-width: 1600px) {
	

.drawing {
	-width: 80%;
	-float: none;
	-margin-bottom: 0px;	
}


.contentM ul li {
	margin-left: -10px;
}
	#copyright font {
		display: none;
	}
	
.contact_tb {
	float: none;
	width: 100%;
	padding: 0;;	
	margin-bottom: 20px;
	-margin-top: 20px;
}
.contact_form {
	margin-bottom: 85px;
}

footer {
	background-color: #fff !important;
	-display: none;
	overflow: hidden !important;
}

.flex-caption {
	margin-top: 30px !important;	
}
body, .contentM {
	background-image: none;	
}

#wrap {
	margin-top: -10px;	
}

.col4 {
	width: 33.3333%;	
}




}

@media screen and (max-width: 1450px) {
.drawing {
	width: 80%;
	float: none;
	margin-bottom: 0px;	
}

.subtitle {
	padding-left: 15px;	
}

}

@media screen and (max-width: 1180px) {
.col4 {
	width: 33.3333%;
	min-height: 450px;	
}

}

@media screen and (max-width: 1024px) {
.col4 {
	width: 50%;
	min-height: 0;	
}
}



@media screen and (max-width: 915px) {
.col2 {
	width: 100%;
	margin-bottom: 15px;
}
.contentP p {
	display: none;	
}

.contentP {
	width: 96%;	
}
.flexslider {
	display: none;	
}

.flexslider2 {
	display: block;	
}
}


@media screen and (max-width: 890px) {
	
	.drawing {
		width: 100%;
		float: none;	
	}
	#copyright font {
		display: none;
	}
.flexslider {
	margin-top: -25px !important;
}
.content_inner2 .banner {
	margin-top: 44px !important;
}
.content_inner {
	-top: 0px !important;
	-margin-top: -380px !important;
	height: auto !important;
	padding-bottom: 45px;
}
footer {
	position: fixed !important;
	margin-top: 27px;
	
}

.contentM h1 {
	font-size: 25px !important;
	background: url(../img/h1_bg.png) no-repeat left -3px;
	
}
.contentM {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.language {
	position: relative;	
	width: auto;
	display: table;
	float: right;
	margin-top: -50px;
	margin-right: -10px;
	clear: both;
}



}

@media screen and (max-width: 610px) {
	#footer-content {
		margin-top: 20px;	
	}
	
.col4 {
	width: 100%;
	min-height: 0;	
}

.contentP {
	width: 94%;	
}




}