/* 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: #FFF;} 
.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: #F6F6F6; }
.content-wrap .section:nth-child(odd) { background-color: #FFF; } */

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

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

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

.vc_section.no-padding { padding: 0 !important; }

.vc_column-inner { padding: 40px 10px !important; }

.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; display:block; overflow: visible; }

.vc_row.no-padding * { padding: 0 !important; }

.vc_row.banner { height: 300px; padding: 0 !important; }
.vc_row.banner.short { height: 200px; padding: 0 !important; }

/* change background colours odd and even */

.content-wrap .vc_section:nth-child(odd) { background: #FFF; }
.content-wrap .vc_section:nth-child(even) { background: #F6F6F6; }


/* 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; }


/* .no-padding { padding: 0 !important; }
.no-margins { margin: 0 !important; } */

.no-padding .vc_column-inner { padding-bottom: 0 !important; }
.no-margins .vc_column-inner { margin-top: 0  !important; margin-bottom: 0 !important;  }


/* Grid Builder */

.vc_grid-filter { padding-bottom: 30px !important; }
.vc_grid-filter-item { padding: 10px 20px !important; margin: 0 2px !important; background: #FFF !important; }
.vc_grid-filter-item:hover { background: #EEE !important; }
.vc_grid-filter-item.vc_active { background: #7AC5CD !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: 300px; }
	.vc_row.banner.short { height: 200px; }

	.vc_column-inner { padding: 40px !important; }
	
}

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

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

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

}

/* //////////////////////////////// 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 !important; }

	.vc_row.banner { height: 350px; padding: 0 !important; }
	.vc_row.banner.short { height: 250px; }

}

/* //////////////////////////////// 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_row.banner { height: 600px; padding: 0 !important; }

	.vc_column-inner { padding: 80px 0 !important; }

	.full-width.banner { height: 400px; }
	.vc_row.banner.short { height: 300px; }

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


}

/* //////////////////////////////// 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; }
  	.vc_row.banner.short { height: 400px; }

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

  	.vc_row { max-width:1200px; }
  	.vc_row.banner { height: 700px; padding: 0 !important; }

  	.vc_column-inner { padding: 100px 0 !important; }

}

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

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

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

	.full-width.banner-title { margin-top: -250px; }

	.vc_column-inner { padding: 150px 75px !important; } 

	.vc_row.banner { height: 800px; padding: 0 !important; }
	

}

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

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




}