/*

Theme Name: Epic-films

Author: The Digital Central

Author URI: http://www.thedigitalcentral.com/

Description: Epic-films Custom Theme

Version: 1.0

/* 

Remely Javellana 
   date[6 october 2016] 
 ________________________*/



body {
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-rendering: optimizeLegibility;
	-moz-text-rendering: optimizeLegibility;
	-ms-text-rendering: optimizeLegibility;
	-o-text-rendering: optimizeLegibility;
	text-rendering: optimizeLegibility;
	::-webkit-input-placeholder
}

h1, h2, h3, h4, h5, h6, input[type="submit"]{
	font-family: 'quicksandbold', Arial, sans-serif;
	
}

p, ul, li, span, div, a, span, input[type="text"] {
	font-family: 'quicksandbook', Arial, sans-serif;
	
}

h1{
	line-height: 56px;
	margin-top: 0px;
	color: #4a4a4a;
	font-size: 50px;
}

h2{
	font-size: 40px;
	line-height: 50px;
	margin-top: 0px;
	color: #4a4a4a;
}

h3{
	font-size: 32px;
	line-height: 42px;
	margin-top: 0px;
	/*color: #4a4a4a;*/
}

h4{
	font-size: 18px;
	line-height: 30px;
	margin-top: 0px;
	/*color: #4a4a4a;*/
}

h5{
	margin-top: 0px;
	color: #4a4a4a;
}

a{
	/*color: #888888;*/
	background-color: none;
}

p, li{
	font-size: 16px;
	line-height: 26px;
	margin-top: 0px;
/*	color: #888;*/
}

hr{
	border: none;
	border-bottom: 1px #CCC solid;
}

input[type="text"]{
	font-size: 16px;
	width: 87%;
}

input[type="submit"]{
	font-size: 16px;
}

textarea{
	font-size: 16px;
}


.fa{ font-size: 16px; color: #87ebd6; /*padding: 10px;*/ }
div.soc-nav li .fa{  
	color: #fff;
	font-size: 28px;
	padding: 0px;

}





/* main navigation 
____________________*/

.close-icon{ max-width: 30%; }
nav .navbar{  }
nav.navbar .navbar-header{ padding-left: 30px; }
nav.navbar .navbar-toggle{ background-color: transparent; }
nav.navbar .navbar-header button{  }
nav.navbar .navbar-header .icon-bar{ 
	background-color: #3BB9FF; 
	border-radius: 20px;
	width: 33px;
	padding: 3px 0px;

}

nav.navbar .navbar-header a.navbar-brand{  }
nav.navbar .navbar-header .logo{
	max-width: 245px;
	padding: 10px;
}

nav.navbar .navbar-collapse{  }
nav.navbar .navbar-collapse .navbar-nav{
	position: relative;
	top: 10px;
	padding: 12px;
	padding-right: 40px;
}

nav.navbar .navbar-nav li{  }
nav.navbar .navbar-nav a{
	font-family: quicksandbold;
	font-size: 16px;
	color: #FFFFFF;
	letter-spacing: -0.89px;
}

nav.navbar .navbar-nav li.soc-icon{ display: none; }
.nav>li>a{ padding: 10px 27px; }
.nav>li>a:focus, .nav>li>a:hover{ background-color: #fff; }

/* main slider 
________________*/


.header-desc{ text-align: center; }
.header-desc h1{
	color: #fff;
	font-family: quicksandbold;
	font-size: 120px;
	line-height: 128px;
	letter-spacing: 3px;	
}

.header-desc span{
	font-family: quicksandbold;
	font-size: 120px;
	line-height:128px;
	color:#C58A01;
	letter-spacing: 3px;
}

.header-desc span.film{
	color: #fff;
	font-family: quicksandregular;
	font-size: 42px;
	line-height: 49px;
	letter-spacing: 0px;
	padding-left: 20px;
}



/* contents, Film
_______________________ */

/* universal separator */
.short-separator{
	border-bottom: 2px solid #d5d5d5;
	border-radius: 25px;
	margin: 0 auto;
	margin-bottom: 2vh;
	width: 52px;
}

#about .description{  }
.short-team-separator{
	border-bottom: 2px solid #d5d5d5;
	border-radius: 25px;
	margin: 0 auto;
	margin-bottom: 0vh;
	width: 52px;
}

.short-thin-separator{
	border-bottom: 3px solid #DB2468;
	margin: 30px 0px 30px 0px;
	width: 30px;
}

section.film{ background-color: #666666;color:white;font-size:large; }
section.film .who-wrapper{
	padding: 6vh 1vh 8vh 1vh;
	text-align: center;
}

section.film .who-wrapper img{ padding-bottom: 2vh; }
section.film .who-wrapper h3{
	font-size: 20px;
	color: #000000;
}

section.film .who-wrapper p{
	font-size: 16px;
	color: #000;
}



/* contents, who we are
_____________________________*/

section.who-we-are{  }
section.who-we-are .who-desc{
	text-align: center;
	padding: 10vh 15vh 10vh 15vh;
	background: rgba(0, 0, 0, 0.6);
	width: 60%;
	margin: 0 auto;
	height: 100%;
}

section.who-we-are .who-desc p{
	font-size: 16px;
	color: #fff;
	text-align: justify;
	margin-bottom: 2vh;	
	text-align-last: center;
}

section.who-we-are .who-desc h2{
	font-family: quicksandbold;
	font-size: 42px;
	line-height:49px;
	color: #fff;
	letter-spacing: 0px;
	margin-bottom:40px;
}

section.who-we-are .who-desc span{
	font-family: quicksandbold;
	font-size: 42px;
	line-height:49px;
	color: #C58A01;
	letter-spacing: 3px;
}

section.who-we-are .who-desc span.begin{
	font-size: 16px;
	color: #C58A01;
	line-height: 0px;
}




/* What are we section 
++++++++++++++++++++++*/
.short-right-separator{
	border-bottom: 2px solid #d5d5d5;
	border-radius: 25px;
	margin-bottom: 2vh;
	width: 52px;
	margin-left: auto;
	margin-right: 0;
}

.short-left-separator{
	border-bottom: 2px solid #d5d5d5;
	border-radius: 25px;
	margin-bottom: 2vh;
	width: 52px;
	margin-left: 0;
	margin-right: auto;
}

section.what-are-we{ padding-bottom: 140px; }

section.what-are-we .what-desc, section.the-team .team-desc, section.our-work .work-desc,
section.where .where-desc, section.footer .footer-desc{
	text-align: center;
	padding: 10vh 10vh 1vh 10vh;
}

section.what-are-we .what-desc h2, section.the-team h2, 
section.our-work .work-desc h2,section.where .where-desc h2,
section.footer .footer-desc h2{
	font-family: quicksandbold;
	font-size: 22px;
	line-height:49px;
	color: #87ebd6;
	letter-spacing: 0px;
}

section.what-are-we .what-desc span, section.the-team span,
section.our-work .work-desc span, section.where .where-desc span,
section.footer .footer-desc span{
	font-family: quicksandbold;
	font-size: 22px;
	line-height:49px;
	color:#FFFFFF;
	letter-spacing: 3px;
}

section.what-are-we .what-desc p, section.the-team .team-desc p,
section.our-work .work-desc p, section.where .where-desc p,
section.footer .footer-desc p{
	font-size: 18px;
	line-height: 28px;
	color: white;
}

section.what-are-we .what-desc img{  }

section.what-are-we .what-wrapper-right{
	padding-right: 1vh;
	padding-top: 5vh;
	text-align: right;
	height: 240px;
}

/* section.what-are-we .what-wrapper-right:nth-child(2){ padding-top: 3vh; }
section.what-are-we .what-wrapper-right:nth-child(3){ padding-top: 7vh; }
 */
section.what-are-we .what-wrapper-right h3, 
section.what-are-we .what-wrapper-left h3{
	font-size: 21px;
	color: #000;
}

section.what-are-we .what-wrapper-right img{  }
section.what-are-we .what-wrapper-right p, 
section.what-are-we .what-wrapper-left p{
	font-size: 16px;
	/* color: #696969; */
	color: #000;
}

section.what-are-we .what-wrapper-right img{ float: right; }
section.what-are-we .what-wrapper-right .description{ padding-right: 13vh; }
section.what-are-we .what-wrapper-left{
	text-align: left;
	padding-top: 5vh;
	padding-left: 1vh;
	height: 240px;
}


section.what-are-we .what-wrapper-left img{ float: left; }
section.what-are-we .what-wrapper-left .description{ padding-left: 13vh; }

/* contents team
___________________ */


section.the-team .team-slider{ text-align: center; }
section.the-team .team_main_wrap{ float: none;width: 49.5%; display: inline-block; vertical-align: top;  }

section.the-team .team-wrapper{
	padding: 3vh 10vh 9vh 10vh;
	text-align: center;
}

section.the-team .team-wrapper img{
	display: inline-block;
}

section.the-team  { padding-bottom: 30px; }
section.the-team .team-wrapper h3{
	font-family: quicksandbold;
	font-size: 19px;
	color: #000;
}

section.the-team .team-wrapper span{
	font-family: quicksandbold_oblique;
	font-size: 14px;
	color: #000;
}

section.the-team .team-wrapper p{
	font-size: 16px;
	/* color: #696969; */
	color: #000;
}

section.the-team .team-wrapper .soc-icons{  }
section.the-team .team-wrapper .soc-icons img{
	padding: 2vh 1vh;
	max-width: 35px;
	display: inline;
	max-height: 6vh;
}


/* contents , cover video
_________________________ */

section.video-cover{  }
section.video-cover .video-cover-desc{
	padding-top: 23vh;
	padding-bottom: 23vh;
	text-align: center;
}

section.video-cover .video-cover-desc h3{
	font-family: quicksandbold;
	font-size: 33px;
	color: #ffffff;
}

section.video-cover .video-cover-desc span{
	font-family: quicksandbold;
	font-size: 33px;
	color: #C58A01;
}

section.video-cover .video-cover-desc img{  }



/* content work
__________________ */

section.our-work .work-images img{
	max-width: 100%;
	display: inline;
	float: left;
}

section.our-work .content{  }
.load-more{ margin-top: 5vh; }
.load-more a.loadMore2{
	font-family: quicksandbold;
	font-size: 21px;
	letter-spacing: -1.12px;
	color: #fff;
	background-color: #C58A01;
	border-radius: 0px;
	border: none;
	padding: 20px;
	width: 200px;
	display: inline-block;
}

.load-more a.loadMore2:focus, .load-more a.loadMore2:hover{ text-decoration: none; }

.work-images{ padding-top: 5vh; }


	.overlay .play-icon img{ max-width: 12%!important; float: none!important; height: auto!important;}
	.hover .overlay .play-icon{ padding-bottom: 15px;  }
	.hover .overlay span{ font-family: quicksandbold; font-size: 21px; color: #fff;}


	

/* content where to shoot
____________________________ */

section.where{  }
section.where .content {
	width: 60%;
	margin: 0 auto;
}



section.where-desc{  }
.where-images img{ 
	max-width: 100%;
	display: inline;
	float: left;
}

.hover .overlay .search-icon img{ max-width: 12%!important; float:none!important; height: auto!important;  }
.hover .overlay .search-icon{  }

/* contents , quote , cover-image 
___________________________________*/

section.cover-image{  }
section.cover-image .cover-item{ padding: 7vh 0vh 6vh 0vh; }
section.cover-image .cover-image-desc{ text-align: center; }
section.cover-image .cover-image-desc span{
	font-family: quicksandbold;
	font-size: 33px;
	line-height: 86px;
	color: #ffffff;
}

section.cover-image .cover-image-desc span.name{
	font-family: quicksandbold;
	font-size: 20px;
	line-height: 28px;
	color: #ffffff;
}

.slider-image{ padding-top: 5vh; }
.slider-videos{ padding-top: 5vh; }



/* footer 
______________*/

section.footer{ padding-bottom: 8vh;background-color:#5A5A5A;  }
section.footer h4{ 
	font-family: quicksandbold; 
	font-size: 16px; 
	color: #000; 
}

section.footer a.insta{ 
	font-family: quicksandregular; 
	font-size: 14px; 
	color: #db2369; 
	text-decoration: underline;
}

section.footer .ftr-icon{ 
	border-left:1x solid;

}


section.footer .ftr-icon i{
	font-size: 56px !important; 
	
	
}
section.footer .ftr-icon img, section.footer .ftr-icon i { 
	float: left; 
	
	padding-right: 3vh; 
	padding-bottom: 1vh;
}

section.footer .ftr-desc{ float: right; }
section.footer .ftr-desc h4{ 
	font-family: quicksandbold; 
	font-size: 16px; 
	color: #87ebd6; 
	margin-bottom: 0px;
    padding-top:0px;
}

section.footer .ftr-desc span{ 
	font-family: quicksandregular; 
	font-size: 14px; 
	color: white; 
	/* font-weight: bold;  */
}

section.footer .ftr-desc a.email{ 
	font-family: quicksandregular; 
	font-size: 14px; 
	color: #87ebd6; 
	text-decoration: underline; 
}

section.footer .ftr-desc a{ 
	font-family: quicksandregular; 
	font-size: 14px; 
	color: white; 
}

section.footer .contact-form{ padding-top: 22vh; }
section.footer .ftr-input{ padding-bottom: 2vh; }
section.footer .ftr-input input{ 
	font-family: quicksandregular; 
	font-size: 14px; 
	font-weight: bold;
	color: #000000 ; 
	border: 2px solid #000;
	padding: 1vh 2vh; 
	margin-bottom: 1vh;
	width: 87% ;
}

input::-webkit-input-placeholder {
	color: #959595!important;
}

section.footer .ftr-input textarea{ 
	font-family: quicksandregular; 
	font-size: 14px !important; 
	font-weight: bold;
	color: #000 !important; 
	border: 2px solid #000;
	padding: 1vh 2vh; 
	margin-bottom: 1vh; 
	width: 87%;
}

section.footer .send-message{  }
section.footer .title{ padding-bottom: 2vh; }
section.footer .send-message button{ 
	font-family: quicksandbold;
	font-size: 18px;
	color: #fff;
	background-color: #DB2468;
	border-radius: 0px;
	border: none;
	padding: 10px;
	width: 160px;
 }

section.footer .soc-icons{ padding-bottom: 5vh; }
section.footer .soc-icons img{ padding-right: 1vh; }

section.footer .ftr-logo{ padding: 1vh 0vh 1vh 0vh; }
section.footer .ftr-logo img{ /* padding: 0vh 2vh 0vh 0vh; */ max-width: 12%;}
section.footer span{vertical-align: bottom; /* font-weight: bold; */}

section.footer .insta-image{ padding: 1vh 6vh 3vh 0vh; }
section.footer .insta-image img{ max-width: 30%; padding: 0vh 0vh 1vh 1vh; }
.ftr-items{ padding: 4vh 0vh 7vh 0vh; }



/* map section
_________________ */

 #map{
 	width: 100%;
	height: 650px;
	/*padding-bottom: 10vh;*/
}

#map .map-logo{ 
	position:relative;
    left:10px;
    top: 10px;
    z-index:3;
}


/* bottom nav
_______________ */

section.bottom-nav{
	background-color: #131314;
	padding-bottom: 16vh;
	padding-top: 1vh;
}

section.bottom-nav .copyright{
	background-color: #5A5A5A;
	text-align: center;
	padding: 7vh 7vh;
	position: absolute;
	left: 0;
    width: 100%;
    overflow: auto;
}

section.bottom-nav .copyright span{
	font-family: quicksandregular; 
	font-size: 16px; 
	color: #fff; 
}

section.bottom-nav .copyright .terms{ padding-top: 2vh; }
section.bottom-nav .copyright a{
	font-family: quicksandregular; 
	font-size: 16px; 
	color: #DB2468;
	text-decoration: underline;
}

.navbar-nav>li>a { padding-top: 8px; padding-bottom: 8px; }
nav.navbar .navbar-nav > li>  a:visited { background-color: #fff;}
nav.navbar .navbar-nav > li>  a:hover   { color: #DB2468;  background-color:#fff; }
nav.navbar .navbar-nav > li>  a:active  { color: #b31b53;  background-color: #fff !important; }


.container-fluid{ padding: 0px; }
a.insta-epic{ color: #9a9b9e; }

/* terms modal */
.terms_modal{ color: #fff; }
.terms_modal .modal-content{ background: #000; border-radius: 0px; padding: 20px; }
.terms_modal .modal-header{  border: none; }
.terms_modal .modal-header .close{ opacity: 1; text-shadow: none; color: #fff; }
.terms_modal .modal-header .modal-title{ color: #fff; }
.terms_modal .modal-body p{ font-size: 15px; line-height:  }
.terms a{ outline: none; }


/* slick slider css 
_____________________*/

html, body{
	margin: 0;
	padding: 0;
	
}

*{ box-sizing: border-box; }

.slider{
	width: 100%;
	margin: 15px auto;
}

.slick-slide{  }

.slick-slide img{ width: 100%; }

.slick-prev{
	/* background: url("assets/images/arrow-left.png") no-repeat !important;
	left: -135px !important; */
}

.slick-next{
	/* background: url("assets/images/arrow-right.png") no-repeat !important;
	right: -85px !important; */
}

.slick-dots { bottom: 5vh !important; }



/*hero slider
_______________*/


section.hero-slider{ height: 100vh; }
section.hero-slider ul.slides{ height: 100%; }
section.hero-slider ul.slides li{ height: 100% !important; }
.hero-slider .flex-control-nav{ bottom: 20px; }
.hero-slider .flex-direction-nav{ display: none; }
.hero-slider .sldr-content{ width: 100%; }
.hero-slider .sldr-content .descr h3{
	text-transform: uppercase;
	font-size: 80px;
	line-height: 90px;
}
.hero-slider .sldr-content .descr h3 span{ color: #E5B100; }
.hero-slider .flex-control-paging li{
	padding: 2px;
	border-radius: 10px;
	background-color: #C58A01;
}

.hero-slider .flex-control-paging li a{
	width: 12px;
	height: 12px;
	color: #C58A01;
	background: #C58A01;
}

.hero-slider .flex-control-paging li a.flex-active{
	background: #fff;
}

.hero-slider .flex-control-paging li.active{
	padding: 2px;
	border-radius: 10px;
	background-color: #fff;
}



/* light gallery
____________________ */


.work-images> ul > li { list-style: none; min-height: 0px; }
.work-images> ul {  padding: 0px; }
.work-images ul li:nth-child(n+9) { display:none; }
.where-images> ul > li { list-style: none; }
.where-images> ul{  padding: 0px; }

#video-gallery{ display: inline; }
a#lg-download{ display: none; }

#lightgallery2 li .hover, #lightgallery2 li .hover img{
	width: 100%;
	cursor: pointer;
	margin-top: -2px;
	margin-right: -1px;
	height: 260px;
}

#lightgallery li .hover, #lightgallery li .hover img{
	width: 101%;
	cursor: pointer;
	margin-top: -1px;
	margin-right: -1px;
	
}


@media (max-width: 480px) {

	nav.navbar .navbar-nav > li>  a:visited { color: #fff; background-color:#b31b53; }
	nav.navbar .navbar-nav > li>  a:hover { color: #fff ; background-color:#b31b53; }
	nav.navbar .navbar-nav > li> a:active { color: #fff; background-color:#b31b53;}
	
	nav.navbar .navbar-header .logo { padding-top: 3px; max-width: 225px; }
	nav.navbar .navbar-collapse .navbar-nav { 
		background-color: #3BB9FF; 
		text-align: center; 
		padding: 12px 0px;
		padding: 0px;
	}

	nav.navbar .navbar-nav a { color: #fff; /* padding-bottom: 2vh; */ }
	nav.navbar .navbar-nav li { border-bottom: 2px solid #fff; }
	nav.navbar .navbar-nav li:nth-child(7)  { border-bottom: none; }
	nav.navbar .navbar-nav li.soc-icon{ 
		display: inline-block; 
		border:none;
		margin-right: 15px;
	}

	nav.navbar .navbar-nav li.soc-icon img{max-width: 100%;}
	nav.navbar .navbar-nav li.soc-icon a{ padding: 0px; }
	nav.navbar .navbar-nav .soc-nav{ margin: 20px 0px; }

	nav.navbar .navbar-collapse{ /* padding-right: 0px; */ }
	.navbar-collapse.in{ overflow-y: hidden; }
	nav.navbar .navbar-header{ padding-left: 0px; padding-top: 2vh; }
	nav.navbar .navbar-header a.navbar-brand{ padding-left: 2vh; }
	nav.navbar .navbar-header button{ margin-right: 22px; padding-right: 0px; }
	#navbar-close{ position: relative; left: 4vh; }

	.header-desc { padding: 8vh 0vh 12vh 0vh; }
	.header-desc h1 { font-size: 45px; line-height: 52px; }
	.header-desc span { font-size: 45px; line-height: 52px; }
	.header-desc span.film{ font-size: 17px; line-height: 27px; }
	.slick-dots li button { width: 10px !important; height: 10px !important; }
	.slick-dots li{ margin-right: 0vh !important; }

	section.film .who-wrapper { padding: 0vh 2vh 8vh 2vh; }
	section.film{ padding-top: 0px; }

	section.who-we-are .who-desc{ width: 100%; padding: 10vh 5vh; }
	section.who-we-are .who-desc h2{ font-size: 36px; }
	section.who-we-are .who-desc span{ font-size: 36px; }
	section.who-we-are .who-desc p{ font-size: 16px; }
	.bg-wrapper{ padding: 0px; }

	section.what-are-we .what-desc, section.the-team .team-desc, section.our-work .work-desc, 
	section.where .where-desc, section.footer .footer-desc { padding: 10vh 2vh 5vh 2vh; }

	section.what-are-we .what-desc h2, section.the-team h2, section.our-work .work-desc h2, 
	section.where .where-desc h2, section.footer .footer-desc h2 { font-size: 36px; line-height: 43px; }

	section.what-are-we .what-desc span, section.the-team span, section.our-work .work-desc span, 
	section.where .where-desc span, section.footer .footer-desc span { font-size: 36px; line-height: 43px; }
	section.where .content{ width: 100%; }

	section.our-work .work-images img{ width: 50%!important; }
	section.where .where-images img{ width: 50%!important;}

	section.what-are-we .what-wrapper-right{text-align: center; height: auto;}
	section.what-are-we .what-wrapper-left{ text-align: center; padding-left: 0vh; height: auto; }
	section.what-are-we .what-wrapper-right h3, section.what-are-we .what-wrapper-left h3{ font-size: 17px; line-height: 24px; }
	section.what-are-we .what-wrapper-right p, section.what-are-we .what-wrapper-left p{ font-size: 15px; }
	section.what-are-we .what-wrapper-right .icon-right{ padding-bottom: 4vh; float: left; padding-left: 19vh; }
	section.what-are-we .what-wrapper-left .icon-left{ padding-bottom: 4vh; float: right; padding-right: 18vh; }
	.short-right-separator{ margin: 0 auto; }
	.short-left-separator{ margin: 0 auto; }

	section.what-are-we .what-wrapper-right img{  max-width: 70%; float: none; }
	section.what-are-we .what-wrapper-left img{  max-width: 70%; float: none;}
	section.what-are-we .what-wrapper-left .description{ padding-left: 0vh; margin-top: 2vh; }
	section.what-are-we .what-wrapper-right .description{ padding-right: 0vh; margin-top: 3vh; }

	section.cover-image .cover-item { padding-top: 5vh; padding-bottom: 5vh;}
	section.cover-image .cover-image-desc span{ font-size: 16px; line-height: 23px; }
	section.cover-image .cover-image-desc span.name{ font-size: 12px; line-height: 18px; }
	section.cover-image .cover-item .quote img{ max-width: 12%; padding-bottom: 2vh; }
	section.what-are-we { padding-bottom: 50px; }


	section.the-team .team_main_wrap{ width: 100%; }
	section.the-team .team-wrapper{ padding: 0vh 1vh 5vh 1vh; }
	section.the-team .team-wrapper .soc-icons img { max-width: 28px; }
	section.the-team{ /*padding-bottom: 0px;*/ }
	section.the-team .team-wrapper img{ padding: 2vh 6vh;}

	section.video-cover .video-cover-desc { padding: 10vh 0vh; }
	section.video-cover .video-cover-desc img { max-width: 15%; }
	section.video-cover .video-cover-desc h3{ font-size: 15px; }
	section.video-cover .video-cover-desc span{ font-size: 15px; }

	.hover{ float: none!important; position: none!important; overflow: visible!important; }
	.hover .overlay{ display: none; }


	#map{ height: auto; padding-bottom: 0px; }
	#ez-map{ height: 300px!important; }
	#ez-map .infoTitle{ font-size: 22px; line-height: 27px; }
	#ez-map .infoDescription{ font-size: 14px; line-height: 21px; }
	#ez-map .infoWebsite{ font-size: 14px; line-height: 20px; }




	.load-more button { font-size: 18px; padding: 10px; margin-top: 20px;}
	section.footer .send-message { margin-bottom: 6vh; }
	section.footer .contact-form{ text-align: center; padding-top:8vh;}
	section.footer .insta-image { padding-right: 0vh; }
	section.footer .insta-image img { max-width: 30%; }
	section.footer .ftr-icon img{ max-width: 25%; }
	section.footer .ftr-desc{ float: left; padding-bottom: 5vh;  padding-left: 5vh;}
	section.footer .ftr-icon{ margin-left: 4vh; }

	section.bottom-nav {
		padding-bottom: 20vh;
	}

	section.bottom-nav .copyright span{ font-size: 15px; }

	/* #lg-counter{ display: none; } */
	/* .group{ display: none; } */
	.lg-outer .lg-thumb-outer{ background-color: #000; }
	.lg-outer .lg-toggle-thumb{ display: none; }
	section.hero-slider{ height: 300px; }

	#lightgallery li .hover, #lightgallery li .hover img{ margin-top: -1px; }
	#lightgallery2 li .hover, #lightgallery2 li .hover img{ margin-top: -1px; }


	/* our work  */
	section#work .eg-washington-element-11{ display: none!important; }
	section#work .eg-washington-element-0{ 
		font-size: 25px !important; 
		line-height: 35px !important; 
		padding: 2px 2px 2px 2px !important; 
	}

	section#work .work-desc{ padding-bottom: 0vh; }




}


@media (max-width:360px){
	nav.navbar .navbar-header .logo{ max-width: 200px; padding-top: 6px; }
}





@media (max-width: 320px) {

	nav.navbar .navbar-header .logo{ max-width: 180px; padding-top: 8px; }
	nav.navbar .navbar-header a.navbar-brand{ padding: 15px 0px; padding-left: 2vh; }


	.header-desc { padding: 8vh 0vh 12vh 0vh; }
	.header-desc h1 { font-size: 38px; line-height: 44px; }
	.header-desc span { font-size: 38px; line-height: 44px; }
	.header-desc span.film{ font-size: 14px; line-height: 21px; }
	.slick-dots li button { width: 10px !important; height: 10px !important; }

	section.what-are-we .what-desc h2, section.the-team h2, section.our-work .work-desc h2, 
	section.where .where-desc h2, section.footer .footer-desc h2 { font-size: 28px; line-height: 34px; }

	section.what-are-we .what-desc span, section.the-team span, section.our-work .work-desc span, 
	section.where .where-desc span, section.footer .footer-desc span { font-size: 28px; line-height: 34px; }

	section.what-are-we .what-desc p, section.the-team .team-desc p,
	section.our-work .work-desc p, section.where .where-desc p,
	section.footer .footer-desc p{
		font-size: 18px;
		line-height: 24px;
		color: white;
	}

	section.what-are-we .what-wrapper-right img{  max-width: 75%; }
	section.what-are-we .what-wrapper-left img{  max-width: 75%; }
	section.what-are-we .what-wrapper-left .description{ padding-left: 0vh; }
	section.what-are-we .what-wrapper-right .description{ padding-right: 0vh; }
	section.what-are-we .what-wrapper-right .icon-right{ padding-left: 15vh; }

	section.video-cover .video-cover-desc h3{ font-size: 13px; }

	section.cover-image .cover-image-desc span{ font-size: 12px; line-height: 19px; }
	section.cover-image .cover-image-desc span.name{ font-size: 11px; line-height: 18px; }
	section.bottom-nav .copyright span{ font-size: 15px; }
}

@media (min-width: 1366px) {

 	.header-desc { padding: 30vh 0vh; }
 	.header-desc h1 { font-size: 120px; line-height: 128px; }
 	.header-desc span { font-size: 120px; line-height: 128px; }
  	.header-desc span.film{ font-size: 42px; line-height: 49px; }

	section.who-we-are .who-desc { width: 70%; }
	section.what-are-we .what-wrapper-right .description{ padding-right: 14vh; }
	section.what-are-we .what-wrapper-left .description{ padding-left: 14vh; }
	section.cover-image .cover-item{ padding: 12vh 0vh 12vh 0vh; }
	section.footer .insta-image img{ max-width: 30%; }

}

@media (width: 1024px) {

	nav.navbar .navbar-header .logo{ max-width: 170px; padding-top: 16px; }
	.nav>li>a{ padding: 10px; }

 	.header-desc { padding: 20vh 0vh 25vh 0vh; }
 	.header-desc h1 { font-size: 120px; line-height: 128px; }
 	.header-desc span { font-size: 120px; line-height: 128px; }
  	.header-desc span.film{ font-size: 42px; line-height: 49px; }

	section.who-we-are .who-desc{ width: 96%; padding: 5vh 8vh 5vh 8vh; }
	section.who-we-are .who-desc p{ font-size: 14px; }
	section.who-we-are .who-desc h2{ font-size: 28px; line-height: 35px; margin:  0px; }
	section.who-we-are .who-desc span{ font-size: 28px; line-height: 35px; }

	section.cover-image .cover-item{ padding: 5vh 0vh 5vh 0vh; }
	section.cover-image .cover-image-desc span{ font-size: 28px; line-height: 40px;}
	section.cover-image .cover-image-desc span.name { font-size: 18px; line-height: 25px; }
	section.cover-image .cover-item .quote img{margin-bottom: 2vh;}

	

	section.video-cover .video-cover-desc{ padding-top: 14vh; padding-bottom: 14vh; }
	section.what-are-we .what-wrapper-right{ height: 360px; }
	section.what-are-we .what-wrapper-left{ height: 360px; }
	section.what-are-we .what-wrapper-right .description{ padding-right: 16vh; }
	section.what-are-we .what-wrapper-left .description{ padding-left: 16vh; }
	section.footer .ftr-desc{ padding-left: 12vh; float: none; }
}

@media (width: 768px) {

	nav.navbar .navbar-collapse .navbar-nav{ padding: 12px 0px; padding-right: 10px; }
	.nav>li>a{ padding: 10px; }
	nav.navbar .navbar-header a.navbar-brand{ width: 100%; }
	nav.navbar .navbar-header{ float: none; }
	nav.navbar .navbar-header .logo{ margin: 0 auto; }

	.header-desc { padding: 12vh 0vh 13vh 0vh; }
	.header-desc h1 { font-size:90px; line-height:97px; }
	.header-desc span { font-size: 90px; line-height: 97px; }
	.header-desc span.film{ font-size: 32px; line-height: 39px; }
	.slick-dots li button { width: 10px !important; height: 10px !important; }
	.slick-dots li{ margin-right: 0vh !important; }


	section.film .who-wrapper h3{ font-size: 28px; color: #000000; }
	section.film .who-wrapper p{ font-size: 22px; color: #000; }

	section.what-are-we .what-wrapper-right{text-align: center; height: auto;}
	section.what-are-we .what-wrapper-left{ text-align: center; padding-left: 0vh; height: auto; }
	section.what-are-we .what-wrapper-right h3, section.what-are-we .what-wrapper-left h3{ font-size: 38px; line-height: 45px; }
	section.what-are-we .what-wrapper-right p, section.what-are-we .what-wrapper-left p{ font-size: 23px; }
	section.what-are-we .what-wrapper-right .icon-right{ padding-bottom: 4vh; float: left; padding-left: 31vh; }
	section.what-are-we .what-wrapper-left .icon-left{ padding-bottom: 4vh; float: right; padding-right: 30vh; }
	.short-right-separator{ margin: 0 auto; }
	.short-left-separator{ margin: 0 auto; }

	section.what-are-we .what-desc h2, section.the-team h2, section.our-work .work-desc h2, 
	section.where .where-desc h2, section.footer .footer-desc h2 { font-size: 65px; line-height: 72px; }

	section.what-are-we .what-desc span, section.the-team span, section.our-work .work-desc span, 
	section.where .where-desc span, section.footer .footer-desc span { font-size: 65px; line-height: 72px; }
	
	section.who-we-are .who-desc {
		padding: 10vh 3vh 10vh 3vh;
		width: 95%;
	}

	section.what-are-we .what-desc p, section.the-team .team-desc p,
	section.our-work .work-desc p, section.where .where-desc p,
	section.footer .footer-desc p{
		font-size: 28px;
		line-height: 35px;
		color: white; }
	 .content{ width: 100% }
	  section.where .content{ width: 100% }

	section.what-are-we .what-wrapper-right img{  max-width: 100%;  float: none;}
	section.what-are-we .what-wrapper-left img{  max-width: 100%; float: none; }
	section.what-are-we .what-wrapper-left .description{ padding-left: 0vh; margin-top: 3vh; }
	section.what-are-we .what-wrapper-right .description{ padding-right: 0vh; margin-top: 2vh; }

	section.the-team .team-wrapper{ padding: 3vh 1vh 15vh 1vh; }
	section.the-team .team-wrapper .soc-icons img{ max-width: 38px; }

	section.our-work .work-images img{ width: 50%!important; }
	section.where .where-images img{ width: 50%!important;}

	.hover{ float: none!important; position: none!important; overflow: visible!important; }
	.hover .overlay{ display: none; }

	section.footer h4{ font-size: 28px; }
	section.footer .send-message { margin-bottom: 6vh; }
	section.footer .contact-form{ text-align: center; padding-top:8vh;}
	section.footer .insta-image { padding-right: 0vh; }
	section.footer .insta-image img { max-width: 25%; }
	section.footer .ftr-icon img{ max-width: 25%; }
	section.footer .ftr-desc{ float: left; padding-bottom: 5vh;  padding-left: 5vh;}
	section.footer .ftr-icon{ margin-left: 4vh; }
	section.footer .ftr-items .ftr-icon:nth-child(2) { margin-left: 4vh; }
}

@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 1) { 
  	section.what-are-we .what-wrapper-right .description{ padding-right: 20vh; }
  	section.what-are-we .what-wrapper-left .description{ padding-left: 20vh; }
  	.nav>li>a{ padding: 10px 23px; }
}





.wpcf7-submit{
	font-family: quicksandbold !important;
    font-size: 18px !important;
    color: #fff !important;
    background-color: #DB2468 !important;
    border-radius: 0px !important;
    border: none !important;
    padding: 10px !important;
    width: 160px !important;
}

div.wpcf7-validation-errors {
    border: none !important;
    color: red !important;
    
}


div.wpcf7-response-output{ 
	border: none!important; 
	margin: 0!important;
    padding: 0!important; 
}

div.wpcf7-mail-sent-ok{ 
	border: none!important; 
	font-weight: bold;    
    margin-top: 0px!important;
    padding-left: 0px!important;
    margin-left: 0px!important; 
}