/* 3DEEP - Master Theme Style Sheet */ 

/* ////////////////////////// RESETS /////////////////////////// */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, q, small, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* ////////////////////////// BASIC STYLES /////////////////////////// */

img.scale { width: 100%; height: auto; }
form, fieldset { margin-bottom: 20px; }
a.null:hover { cursor: pointer !important; }

.float-left { float: left; }
.float-right { float: right; }
.hide-on-mobile { display: none; }
.click-box { cursor: pointer; }


/* ////////////////////// Main Structure ///////////////////// */

html, body { width: 100%; min-height: 100%; }
body { background: #000; -webkit-font-smoothing: subpixel-antialiased; }

.container div.sep { clear: both; float: none; display: block; width: auto; margin: 15px 0; height: 3px; }
div.sep-small { height: 1px; border-bottom: 3px dotted #CCC; }
div.sep-big { height: 4px; border-bottom: 3px dotted #CCC; }

/* 960 grid system */
.container { position: relative; display: block; margin: 0 auto; padding: 0 15px; }
.ie7 .container { position: static; }
.container .col { width: 100%; overflow: hidden; }
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1 }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* Full width layout */

.full-width { margin: 0; padding: 20px 0 20px 0; background: #333;} 
.full-width.center { text-align: center !important; }
.full-width.grey { background-color: #F6F6F6; } 
.full-width.cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.full-width.overflow { overflow: hidden; display: block; }
.full-width.no-padding { padding: 0; }

.full-width.banner { height: 200px; display: block; padding: 0; background-color: #333; }
.full-width.banner img { width: 100%; height: auto; display: block; }


/* ///////////////////////////////////// PAGE WRAP ///////////////////////////////////// */

#page-wrap { float: right; width: 100%; overflow: hidden; background: #000;}
#page-wrap.thin { width: 13%; overflow: hidden;
  -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
}



/* ////////////////////////// REPSONSIVE IFRAMES AND VIDEO //////////////////////////// */

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; clear: both; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

p.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; clear: both; } 
p.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* ////////////////////////// VISUAL COMPOSER //////////////////////////// */

.vc_row:after, .vc_row:before { display: block !important; }

.content-wrap { display: block; overflow: hidden; }

.content-wrap .section:nth-child(even) { background-color: #222; }
.content-wrap .section:nth-child(odd) { background-color: #333; }

.content-wrap section { display: block; overflow: hidden; }
/* .content-wrap section:first-of-type .vc_row .vc_column_container .vc_column-inner { padding-top: 30px !important; } */

.content-wrap p:empty { display: none; }

.vc_section { width: 100%; margin-left: 0 !important; margin-right: 0 !important; }

.content-wrap .vc_section:nth-of-type(odd) {background:#333;}
.content-wrap .vc_section:nth-of-type(even) {background:#222;}
.content-wrap .vc_section.slider + .vc_section { background: #222 !important; }

.vc_section.grey { background:#333 !important; }
.vc_section.white { background:#222 !important; }

/*.vc_row.grey { background:#f6f6f6; }
.vc_row.white { background:#FFF; } */

/*.vc_row:nth-child(odd) {background:#FFF;}
.vc_row:nth-child(even) {background:#F6F6F6;}*/

.vc_section {width:100% !important; padding:0 !important; margin:0; display:block; overflow:hidden; background:#333;}
.vc_section.no-padding { padding: 0 !important; }

.vc_column-inner {padding:40px 0;}
.rev-slider .vc_column-inner {padding:0;}

.wpb_content_element { margin: auto !important;} 

.vc_row {margin-left:0 !important; margin-right:0 !important; margin:0 auto !important; /* max-width:1000px; */ display:block; overflow:visible;}


/* Stretch Row - Slideshow and Gallery */

[data-vc-stretch-content="true"] { width: 100% !important; max-width: none !important; }

.vc_row.stretch { width: 100% !important; max-width: none !important; }
.vc_row.stretch .vc_column-inner { padding: 0 !important; }
.vc_row.gallery .vc_column-inner { padding: 0 !important; margin-top: -10px; }


/* ////////////////////////// REV SLIDER //////////////////////////// */

.tp-tabs { display: none !important; }

/* Stop padding on first vc section with slider class */

section.vc_section.slider .vc_row .vc_column_container .vc_column-inner { padding: 0 !important; }
section.vc_section.slider { background: #222 !important; }


/* ////////////////////////// HALVES LAYOUT //////////////////////////// */

.vc_section.halves { 
	width: 100% !important; max-width: none !important; 
	position: relative; display: block; overflow: hidden; 
	background-position: top left !important; background-size: 150%; 
}

.vc_row.halves { 
	width: 100% !important; max-width: none !important;
	position: relative; display: block; overflow: hidden;
	background-position: top left; background-size: 150%;  
	display: flex; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap;
}

.vc_row.halves .vc_column-inner { padding: 0 !important; }

/* Background for text halves */

/*.vc_row.halves.text-left .wpb_column:nth-child(1) { background-color: #f6f6f6; }
.vc_row.halves.text-right .wpb_column:nth-child(2) { background-color: #f6f6f6; }*/

/* Reverse order for text left version */



.vc_row.halves.text-left .vc_column_container:nth-of-type(1) { order: 2; }
.vc_row.halves.text-left .vc_column_container:nth-of-type(2) { order: 1; } 

.vc_row.halves h2 { margin-top: 0 !important; }
.vc_row.halves h3 { margin-top: 0 !important; }
.vc_row.halves h4 { margin-top: 0 !important; }
.vc_row.halves h5 { margin-top: 0 !important; }

/* Padding for text area only */

.vc_row.halves.text-left .vc_column_container:nth-of-type(1) { padding: 20px; background-color: #333; }
.vc_row.halves.text-right .vc_column_container:nth-of-type(2) { padding: 20px; background-color: #333; }

/* Spacer to make background image visible */

.vc_row.halves .spacer { display: block; height: 300px !important; }

/* Grid Builder */

.vc_grid-filter { padding-bottom: 30px !important; }
.vc_grid-filter-item { padding: 10px 20px !important; margin: 0 10px 10px 0 !important; background: #222 !important; }
.vc_grid-filter-item:hover { background: #666 !important; }
.vc_grid-filter-item.vc_active { background: #21677b !important; }
.vc_grid-filter-item.vc_active span { color: #FFF !important; }




/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////// START OF RESPONSIVE STYLES /////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */






@media screen and (orientation: landscape) and (max-width: 768px) {

	#mobile-nav { width: 50%; }
	#page-wrap.thin { width: 50%; }

}

@media screen and (orientation: portrait) {

}



/* ////////////////////////////////  bigger than mobile version //////////////////////////////// */

@media screen and (min-width: 480px) {

	.full-width { padding: 15px 0; }

	.full-width.banner { height: 200px; }
	
}

/* //////////////////////////////// ipad mini or galaxy note version //////////////////////////////// */  

@media screen and (min-width: 480px) {

	.full-width { padding: 15px 0; }

	/* Halves */

	.vc_row.halves .spacer { display: block; min-height: 300px !important; }

}

/* //////////////////////////////// big ipad version //////////////////////////////// */

@media screen and (min-width: 768px) {

	.container { width: 720px; }
	.container .col { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
	.container .grid1.col { width: 40px; }
	.container .grid2.col { width: 100px; }
	.container .grid3.col { width: 160px; }
	.container .grid4.col { width: 220px; } 
	.container .grid5.col { width: 280px; }
	.container .grid6.col { width: 340px; }
	.container .grid7.col { width: 400px; }
	.container .grid8.col { width: 460px; }
	.container .grid9.col { width: 520px; }
	.container .grid10.col { width: 580px; }
	.container .grid11.col { width: 640px; }
	.container .grid12.col { width: 700px; }
	
	.full-width { padding: 30px 0 30px 0; } 

	.full-width.banner { height: 400px; }
	.full-width.banner-title { margin-top: -150px; }
	.full-width.banner-title .container { width: 100%; }

	.hide-on-mobile { display: block; }
	.hide-web { display: none !important; } 

	.vc_column-inner { padding: 40px; }

	/* Halves */

	/* .vc_section.halves .half-text { min-height: 300px; } */
  	.vc_row.halves {  }

  	.vc_row.halves.text-right { background-position: center right 100px !important;  }
  	.vc_row.halves.text-left { background-position: center left 100px !important;  }

  	/* Padding for text area */
	.vc_row.halves.text-left .vc_column_container:nth-of-type(1) { padding: 40px; background-color: #f6f6f6; }
	.vc_row.halves.text-right .vc_column_container:nth-of-type(2) { padding: 40px; background-color: #f6f6f6; }

	/* Switch back to normal order */
  	.vc_row.halves.text-left .vc_column_container:nth-of-type(1) { order: 1; }
	.vc_row.halves.text-left .vc_column_container:nth-of-type(2) { order: 2; } 

	.vc_row.halves .spacer { display: block; min-height: 350px !important; }

	/* Add max width for text column */
	.vc_row.halves.text-left .vc_column_container:nth-of-type(1) .wpb_wrapper { max-width: 500px; float: right; }
	.vc_row.halves.text-right .vc_column_container:nth-of-type(2) .wpb_wrapper { max-width: 500px; }

}

/* //////////////////////////////// full wide version //////////////////////////////// */ 

@media screen and (min-width: 960px) {

	/* .content-wrap { padding-top: 60px; } */

	.container { width: 960px; }
	.container .grid1.col { width: 60px; }
	.container .grid2.col { width: 140px; }
	.container .grid3.col { width: 220px; }
	.container .grid4.col { width: 300px; }   
	.container .grid5.col { width: 380px; }
	.container .grid6.col { width: 460px; }
	.container .grid7.col { width: 540px; }
	.container .grid8.col { width: 620px; }
	.container .grid9.col { width: 700px; }
	.container .grid10.col { width: 780px; }
	.container .grid11.col { width: 860px; }
	.container .grid12.col { width: 940px; }
	
	.full-width { padding: 60px 0; }

	.vc_row { max-width: 900px; }

	.vc_column-inner { padding: 40px; }

	.full-width.banner { height: 500px; }
  	.full-width.banner-title { margin-top: -175px; }
  	.full-width.banner-title .container { width: 960px; }

	/* Halves */

	.vc_row.halves { min-height: 400px; }

	.vc_row.halves .half-text { min-height: 300px; padding: 50px; }

  	.vc_row.halves.text-right { background-position: center right 500px !important;  }
  	.vc_row.halves.text-left { background-position: center left 500px !important;  }


  	/* Padding for text area */
	.vc_row.halves.text-left .vc_column_container:nth-of-type(1) { padding: 60px; }
	.vc_row.halves.text-right .vc_column_container:nth-of-type(2) { padding: 60px; }

  	.vc_row.halves .spacer { display: block; min-height: 350px !important; }

}

/* //////////////////////////////// very wide version //////////////////////////////// */ 

@media screen and (min-width: 1300px) {

  	.container { width: 1200px; }
  	.container .grid1.col { width: 80px; }
  	.container .grid2.col { width: 180px; }
  	.container .grid3.col { width: 280px; }
  	.container .grid4.col { width: 380px; }
  	.container .grid5.col { width: 480px; }
  	.container .grid6.col { width: 580px; }
  	.container .grid7.col { width: 680px; }
  	.container .grid8.col { width: 780px; }
  	.container .grid9.col { width: 880px; }
  	.container .grid10.col { width: 980px; }
  	.container .grid11.col { width: 1080px; }
  	.container .grid12.col { width: 1180px; }

  	.full-width.banner { height: 600px; }

  	.full-width.banner-title { margin-top: -200px; }
  	.full-width.banner-title .container { width: 1200px; }

  	.vc_row { max-width:1200px; }

  	.vc_column-inner { padding: 60px; }

	/* Halves */

	.vc_row.halves { min-height: 400px; }

	.vc_row.halves .half-text { min-height: 400px; padding: 60px; }
  	.vc_row.halves {  }

  	/* .vc_section.halves .half-text.left .wpb_wrapper { float: right; max-width: 500px; } */

  	.vc_row.halves .spacer { display: block; min-height: 400px !important; }

  	/* Padding for text area */
	.vc_row.halves.text-left .vc_column_container:nth-of-type(1) { padding: 80px; }
	.vc_row.halves.text-right .vc_column_container:nth-of-type(2) { padding: 80px; }

}

/* //////////////////////////////// extra wide version //////////////////////////////// */ 

@media screen and (min-width: 1750px) {

	.full-width.banner { height: 700px; }

	.full-width.banner-title { margin-top: -250px; }
	
	.vc_row.halves { min-height: 500px; }
	
	.vc_row.halves .spacer { display: block; min-height: 400px !important; }

	/* Padding for text area */
	.vc_row.halves.text-left .vc_column_container:nth-of-type(1) { padding: 100px; }
	.vc_row.halves.text-right .vc_column_container:nth-of-type(2) { padding: 100px; }

}

/* //////////////////////////////// extra extra wide version //////////////////////////////// */ 

@media screen and (min-width: 2000px) {




}