/*
	Theme Name: Team work spain
	Theme URI: http://www.teamworkspain.com/
	Description: Team work spain template
	Version: 1.0
	Author: Andreu Llos (@andreullos) & Aitor Murillo (@murisho)
	Author URI: http://andreullos.com
*/


/*	Typography
	---------- */
	
	@font-face {
		font-family: 'Montserrat';
		src: url('fonts/Montserrat-Bold.eot');
		src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
		     url('fonts/Montserrat-Bold.woff') format('woff'),
		     url('fonts/Montserrat-Bold.ttf') format('truetype'),
		     url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
		font-style: normal;
		font-weight: bold;
		text-rendering: optimizeLegibility;
	}
	
	@font-face {
		font-family: 'Montserrat-light';
		src: url('fonts/Montserrat-Light.eot');
		src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
		     url('fonts/Montserrat-Light.woff') format('woff'),
		     url('fonts/Montserrat-Light.ttf') format('truetype'),
		     url('fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
		font-style: normal;
		font-weight: normal;
		text-rendering: optimizeLegibility;
	}
	
	@font-face {
		font-family: 'Roboto';
		src: url('fonts/Roboto-Regular.eot');
		src: url('fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
		     url('fonts/Roboto-Regular.woff') format('woff'),
		     url('fonts/Roboto-Regular.ttf') format('truetype'),
		     url('fonts/Roboto-Regular.svg#Roboto-Regular') format('svg');
		font-style: normal;
		font-weight: normal;
		text-rendering: optimizeLegibility;
	}
	
	@font-face {
	    font-family: 'Roboto-light';
	    src: url('fonts/Roboto-Light.eot');
	    src: url('fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'),
	         url('fonts/Roboto-Light.woff') format('woff'),
	         url('fonts/Roboto-Light.ttf') format('truetype'),
	         url('fonts/Roboto-Light.svg#Roboto-Light') format('svg');
	    font-style: normal;
	    font-weight: normal;
	    text-rendering: optimizeLegibility;
	}
	
	@font-face {
		font-family: 'Roboto-italic';
		src: url('fonts/Roboto-Italic.eot');
		src: url('fonts/Roboto-Italic.eot?#iefix') format('embedded-opentype'),
		     url('fonts/Roboto-Italic.woff') format('woff'),
		     url('fonts/Roboto-Italic.ttf') format('truetype'),
		     url('fonts/Roboto-Italic.svg#Roboto-Italic') format('svg');
		font-style: italic;
		font-weight: normal;
		text-rendering: optimizeLegibility;
	}
	
	@font-face {
		font-family: 'Roboto-bold';
		src: url('fonts/Roboto-Bold.eot');
		src: url('fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
		     url('fonts/Roboto-Bold.woff') format('woff'),
		     url('fonts/Roboto-Bold.ttf') format('truetype'),
		     url('fonts/Roboto-Bold.svg#Roboto-Bold') format('svg');
		font-style: normal;
		font-weight: bold;
		text-rendering: optimizeLegibility;
	}


/*	Misc
	---- */
	
	html{ height: 100%; margin: 0; padding: 0;}
	body{ margin: 0; padding: 0; width: 100%; height: 100%; min-height: 100%; font-family: 'Roboto'; font-size: 13px; line-height: 24px; color: #222222; -webkit-font-smoothing: antialiased; position: relative}
	body.fixed{ overflow: hidden;}
	
	a{ transition: all .2s ease-in-out; color: #222222}
	a:hover, a:focus{ color: #1fbbd5; text-decoration: none; outline:none;}
	
	input, textarea {  -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0;-webkit-appearance: none; font-family: 'Roboto-italic'; text-indent: 32px;}
	input:focus{ outline: none}
	input:focus::-webkit-input-placeholder { color:transparent; }
	input:focus:-moz-placeholder { color:transparent; }
	input:focus::-moz-placeholder { color:transparent; }
	input:focus:-ms-input-placeholder { color:transparent; }
	
	::-webkit-input-placeholder {color: #999;}
	:-moz-placeholder { color: #999; opacity: 1;}
	::-moz-placeholder { color: #999; opacity: 1;}
	:-ms-input-placeholder { color: #999;}
	
	::-moz-selection { color: black; background: #99CCFF; }
	::selection      { color: black; background: #99CCFF; } 
	
	:focus {outline:none;}
	::-moz-focus-inner {border:0;}
	
	h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}
	
	p{ margin-bottom: 20px}
	
	.container-fluid{ max-width: 1280px; margin: 0 auto; position: relative}
	.img-responsive{ width: 100%;}
	
	.fullscreen{ width: 100%; height: 100%; margin: 0 auto; min-height: 100%; padding: 0;}
	.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}
	
	.fluid-embed{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; z-index: 2;} 
	.fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	.transition{ transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; }
	.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

	.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
	.bg-parallaxed{ background-position: 50% 0;}
	
	.breadcrumb{ margin-top: 30px; font-size: 11px; margin-bottom: 13px; color: #999999;}
	.breadcrumb a{ color: #1fbbd5;}
	
	#container{ min-height: 100%; position: relative;}
	#page{ padding-bottom: 106px; position: relative}
	.animsition{ position: relative; height: 100%;}
	
/*	Header
	------ */
	
	header{ width: 100%; height: 114px; line-height: 114px; background: #222222; color: #fff; text-transform: uppercase; font-family: 'Montserrat';}
	header a{ color: #fff;}
	header ul{ display: table; width: auto; margin: 0 auto; padding: 0; list-style: none}
	header ul li{ display: inline-block; margin-right: 30px; font-weight: bold}
	header ul li:last-child{ margin: 0;}
	
	header ul li.current-menu-item a{ color: #1fbbd5;}
	
	header .logo{ position: absolute; left: 15px; top: 40px; z-index: 20;}
	header .logo .teamworkspain{ display: block; width: 178px; height: 37px; background: transparent url(img/logo_white.png) center center no-repeat; background-size: 100%;}
	header .main_navigation{ position: absolute; right: 0; left: 0; margin: auto; z-index: 9}
	header .main_navigation li:last-child a{ background: #fff; padding: 10px 12px 10px 12px; color: #222222; font-size: 12px;}
	header .languages{ position: absolute; right: 15px; top: 0; z-index: 20; font-family: 'Arial', sans-serif; font-size: 9px;}
	header .languages li{ padding: 0; margin: 0 2px}
	header .languages li a{ border: 1px solid transparent; padding: 5px 10px;}
	header .languages li:hover a{ border: 1px solid #1fbbd5;}
	header .languages .active a{ border: 1px solid #fff;}
	
	header .burger{ display: none}
	
	.home header{ background: transparent;}
	.home header a{ color: #fff;}
	.home header .main_navigation li:last-child a{ background: #fff; padding: 10px 12px 10px 12px; color: #1fbbd5; font-size: 12px;}
	
	.single-photo-production,
	.single-director{ background: #171717;}
	.single-photo-production header,
	.single-director header{ background: #fff;}
	.single-photo-production header a,
	.single-director header a{ color: #171717;}
	.single-photo-production header .logo .teamworkspain,
	.single-director header .logo .teamworkspain{ background: transparent url(img/logo_black.png) center center no-repeat; background-size: 100%;}
	.single-photo-production header .main_navigation li:last-child a,
	.single-director header .main_navigation li:last-child a{ background: #1fbbd5; padding: 10px 12px 10px 12px; color: #fff; font-size: 12px;}
	.single-director header .languages .active a,
	.single-photo-production header .languages .active a{ border: 1px solid #1fbbd5;}
	
	
/*	Homepage
	-------- */
	
	#homepage{ position: fixed; top: 0; left: 0; right: 0; background: #3fa1b4;}
	#homepage article{ text-align: center; color: #fff;}
	#homepage article .play{ width: 77px; height: 77px; background: transparent url(img/play_home.png) center center no-repeat; background-size: 100%; margin: 0 auto 35px; cursor: pointer}
	#homepage article h1{ text-transform: uppercase; font-family: 'Montserrat'; font-size: 60px; line-height: 36px; margin-bottom: 35px; letter-spacing: 2px;}
	#homepage article h3{ font-family: 'Roboto-light'; font-size: 18px; line-height: 36px;}
	#homepage .blue_opacity{ background: rgba(66, 163, 181, .6);}


/*	Production
	---------- */
	
	#production{ margin-bottom: 60px;}
	#production .the_content{}
	#production .the_content .the_content_top{ position: relative; text-transform: uppercase;}
	#production .the_content .the_content_top h1{ font-family: 'Montserrat'; font-weight: bold; font-size: 30px; line-height: 36px;}
	#production .the_content .the_content_top h1:before{ content: '_'; color: #1fbbd5;}
	
	#production .the_content .the_content_top .filter,
	#single-photo .the_content .the_content_top .filter{ position: absolute; right: 0; bottom: 0; font-family: 'Montserrat'; font-weight: bold; font-size: 10px;}
	#production .the_content .the_content_top .filter ul,
	#single-photo .the_content .the_content_top .filter ul{ display: table; width: auto; margin: 0 auto; padding: 0; list-style: none}
	#production .the_content .the_content_top .filter ul li,
	#single-photo .the_content .the_content_top .filter ul li{ display: inline-block; margin-right: 30px; font-weight: bold}
	#production .the_content .the_content_top .filter ul li:last-child,
	#single-photo .the_content .the_content_top .filter ul li:last-child{ margin: 0;}
	#production .the_content .the_content_top .filter ul li span,
	#single-photo .the_content .the_content_top .filter ul li span{ padding-bottom: 2px; border-bottom: 2px solid transparent; cursor: pointer}
	#production .the_content .the_content_top .filter ul li span.active,
	#production .the_content .the_content_top .filter ul li span:hover,
	#single-photo .the_content .the_content_top .filter ul li span.active,
	#single-photo .the_content .the_content_top .filter ul li span:hover{ color: #222222; border-bottom: 2px solid #1fbbd5}
	
	.thmb_grid{ margin-top: 50px;}
	.thmb_grid .item_grid{ padding: 0; position: relative; color: #fff;}
	.thmb_grid .item_grid a{ color: #fff;}
	.thmb_grid .item_grid .layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 99}
	.thmb_grid .item_grid .layer .caption{ padding: 30px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-transform: uppercase; width: 100%; height: 100%;}
	.thmb_grid .item_grid .layer .caption .play{ width: 100%; height: 100%; position: absolute; right: 0; top: 0; left: 0; bottom: 0; margin: auto; background: transparent url(img/play.png) center center no-repeat; background-size: 28px 35px; opacity: 0; cursor: pointer}
	.thmb_grid .item_grid .layer .caption h2{ font-family: 'Montserrat'; font-weight: bold; font-size: 14px; line-height: 21px; position: absolute; bottom: 90px;}
	.thmb_grid .item_grid .layer .caption h4{ font-family: 'Roboto-bold'; font-size: 10px; line-height: 36px; color: #999999; position: absolute; bottom: 55px;}
	.thmb_grid .item_grid .layer .caption h5{ font-family: 'Roboto-bold'; font-size: 10px; line-height: 36px; color: #1fbbd5; position: absolute; bottom: 10px;}
	.thmb_grid .item_grid .layer .caption h5 a{ color: #1fbbd5;}
	
	.thmb_grid .item_grid.photo_thmb .layer .caption{ position: relative; height: 100%; text-align: center}
	.thmb_grid .item_grid.photo_thmb .layer .caption h2{ font-family: 'Montserrat'; font-weight: bold; font-size: 14px; line-height: 21px; position: relative; bottom: initial;}
	.thmb_grid .item_grid.photo_thmb .layer .caption h4{ font-family: 'Roboto-bold'; font-size: 10px; line-height: 36px; color: #999999; position: relative; bottom: initial;}
	.thmb_grid .item_grid.photo_thmb .layer .caption h5{ font-family: 'Roboto-bold'; font-size: 10px; line-height: 36px; color: #1fbbd5; position: relative; bottom: initial;}
	
	.thmb_grid .item_grid:hover .layer{ background: rgba(0, 0, 0, .3);}
	.thmb_grid .item_grid:hover .layer .caption .play{ opacity: 1}	

	.filter_responsive,
	.filter_responsive_directors{ display: none}
	

/*	Single Photo
	------------ */
			
	#single-photo{ color: #fff; margin-bottom: 60px;}
	#single-photo .the_content{}
	#single-photo .the_content .the_content_top{ position: relative; text-transform: uppercase;}
	#single-photo .the_content .the_content_top h1{ font-family: 'Montserrat'; font-weight: bold; font-size: 30px; line-height: 36px;}
	#single-photo .the_content .the_content_top h1:before{ content: '_'; color: #1fbbd5;}
	
	#single-photo .photo_gallery{ margin-top: 35px;}
	#single-photo .photo_gallery .item_gallery{ padding: 0; position: relative;}
	#single-photo .photo_gallery .item_gallery .layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(31, 187, 213, .85); opacity: 0;}
	#single-photo .photo_gallery .item_gallery .layer a{ display: block; width: 100%; height: 100%;}
	#single-photo .photo_gallery .item_gallery .layer .zoom{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; width: 32px; height: 32px; background: transparent url(img/zoom.png) center center no-repeat; background-size: 100%;}
	#single-photo .photo_gallery .item_gallery:hover .layer{ opacity: 1}
	
	.fancybox-lock .fancybox-overlay{ background: rgba(12, 21, 27, .94);}
	.fancybox-close{ position: fixed !important; top: 30px !important; right: 60px !important; width: 30px !important; height: 30px !important; background: transparent url(img/close.png) center center no-repeat !important; background-size: 100%;}	
	.fancybox-title-float-wrap{ position: absolute; left: 15px; top: -20px; right: initial; font-family: 'Montserrat'; font-weight: bold; font-size: 14px; text-transform: uppercase; text-shadow: none;}
	.fancybox-title-float-wrap .pagination{ margin-left: 45px; opacity: .4}
	.fancybox-title-float-wrap .pagination strong{ font-weight: normal; text-transform: lowercase; font-family: 'Roboto-italic';}
	.fancybox-title-float-wrap .child { margin-right: 0; padding: 0; background: transparent; text-shadow: 0 !important; color: #FFF;}
	.fancybox-skin{ background: transparent;}
	.fancybox-opened .fancybox-skin{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
	
	.fancybox-next span{ width: 35px; height: 35px; right: -20px; background: transparent url(img/f-right.png) center center no-repeat; background-size: 100%; visibility: visible !important}
	.fancybox-prev span{ width: 35px; height: 35px; left: -20px; background: transparent url(img/f-left.png) center center no-repeat; background-size: 100%;  visibility: visible !important}
	

/*	Single director
	--------------- */
	
	.video_gallery { margin-top: 50px;}
	.video_gallery .item_grid{ padding: 0; position: relative; color: #fff;}
	.video_gallery .item_grid a{ color: #fff;}
	.video_gallery .item_grid .layer{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .6); z-index: 99}
	.video_gallery .item_grid .layer .caption{ padding: 30px; position: absolute; width: 100%; height: 100%; bottom: 0; left: 0; right: 0; margin: auto; text-transform: uppercase}
	.video_gallery .item_grid .layer .caption .play{ width: 28px; height: 35px; position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; background: transparent url(img/play.png) center center no-repeat; background-size: 28px 35px; opacity: 0; cursor: pointer}
	.video_gallery .item_grid .layer .caption h2{ font-family: 'Montserrat'; font-weight: bold; font-size: 14px; line-height: 21px; position: absolute; bottom: 90px;}
	.video_gallery .item_grid .layer .caption h4{ font-family: 'Roboto-bold'; font-size: 10px; line-height: 36px; color: #999999; position: absolute; bottom: 55px;}
	.video_gallery .item_grid .layer .caption h5{ font-family: 'Roboto-bold'; font-size: 10px; line-height: 36px; color: #1fbbd5; position: absolute; bottom: 10px;}
	.video_gallery .item_grid .layer .caption h5 a{ color: #1fbbd5;}
	.video_gallery .item_grid.photo_thmb .layer .caption{ height: 100%; top: 0; left: 0; right: 0; bottom: 0; margin: auto; text-align: center}
	.video_gallery .item_grid:hover .layer{ background: rgba(0, 0, 0, .3);}
	.video_gallery .item_grid:hover .layer .caption .play{ opacity: 1}


/*	About
	----- */
		
	.about{ width: 100%; margin-top: 60px;}
	.about .square,
	.about_bottom .square{ padding: 0; padding-bottom: 33%;}
	.about .square:last-child{ margin-top: -80px;}
	.about_bottom .square > div,
	.about .square > div{ position: absolute; width: 100%; height: 100%;}
	.about .logo{ background: #1fbbd5; text-align: center; padding-bottom: 16.666%; }
	.about .logo .logo_about{ width: 75px; height: 75px; background: transparent url(img/logo_about.png) center center no-repeat; background-size: 100%; margin: 0 auto}
	.about .the_content{ background: #fff; text-align: center; color: #333333; }
	.about .the_content h1{ font-family: 'Montserrat-light'; font-size: 21px; text-transform: uppercase; padding: 0 30px;}
	.about .the_content h1 span{ display: block; font-family: 'Times New Roman'; font-style: italic; font-style: 18px; text-transform: none; margin-bottom: 10px}	
	.about .the_content .separator{ border-bottom: 1px solid #222222; opacity: .26; width: 50px; margin: 30px auto;}
	.about .the_content p{ padding: 0 50px}	
	
	.about_bottom{ width: 100%; background: #f1f1f1;}
	.about_bottom .contact{ background: #fff;}
	.about_bottom .contact .contact_row{ width: 250px; height: 80px; margin: 0 auto;}
	.about_bottom .contact .contact_row:last-child{ margin-bottom: 0}
	.about_bottom .contact .contact_row .image{ height: 80px; width: 60px; padding-right: 30px; vertical-align: middle; text-align: center}
	.about_bottom .contact .contact_row .content{ height: 80px; vertical-align: middle; text-align: left}
	.about_bottom .contact .contact_row .content p { margin: 0; }
	.about_bottom .contact .contact_row a{ color: #1fbbd5}
	
	.container-fluid.nopad { padding: 0; }
		
		
/*	Footer
	------ */
	
	footer{ position: absolute; bottom: 0; width: 100%; height: 106px; line-height: 106px; background: #222222; font-size: 13px; font-family: 'Roboto';
			
		background: rgb(0, 0, 0);
		background: -moz-linear-gradient(0deg, rgb(0, 0, 0) 15%, rgb(34, 34, 34) 15%);
		background: -webkit-linear-gradient(0deg, rgb(0, 0, 0) 15%, rgb(34, 34, 34) 15%);
		background: -o-linear-gradient(0deg, rgb(0, 0, 0) 15%, rgb(34, 34, 34) 15%);
		background: -ms-linear-gradient(0deg, rgb(0, 0, 0) 15%, rgb(34, 34, 34) 15%);
		background: linear-gradient(90deg, rgb(0, 0, 0) 15%, rgb(34, 34, 34) 15%);
	}
	
	footer .black{ background: #000; color: #999;}
	footer .black .logo{ width: 54px; height: 54px; display: inline-block; margin-right: 15px; position: relative; top: 20px; background: transparent url(img/logo-white.png) center center no-repeat; background-size: 100%;}
	footer .black .logo a{ display: block; width: 100%; height: 100%;}
	
	footer .contact{ position: relative; color: #999; position: relative;}
	footer .contact a{ color: #fff;}
	footer .contact div{ display: inline-block; margin-left: 30px}
	footer .contact .address{ display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: relative; top: 5px; background: transparent url(img/contact_white_01.png) center center no-repeat; background-size: 100%;}
	footer .contact .info{  display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: relative; top: 5px; background: transparent url(img/contact_white_02.png) center center no-repeat; background-size: 100%;}
	footer .contact ul{ display: inline-block; list-style: none; margin: 0; padding: 0; position: absolute; right: 0; top: 5px}
	footer .contact ul li{ display: inline-block; margin-left: 20px;}
	footer .contact ul li a{ width: 20px; height: 20px; background: red; display: block;}
	footer .contact ul li .twitter{ background: transparent url(img/twitter.png) center center no-repeat; background-size: auto 100%;}
	footer .contact ul li .facebook{ background: transparent url(img/facebook.png) center center no-repeat; background-size: auto 100%;}
	footer .contact ul li .vimeo{ background: transparent url(img/vimeo.png) center center no-repeat; background-size: auto 100%;}
	
	.home footer{ position: fixed; bottom: 0 !important; left: 0; right: 0; width: 100%;}
	.single-photo-production footer,
	.single-director footer,
	.single-photo-production footer .black,
	.single-director footer .black{ background: #fff;}
	
	.single-photo-production footer .black .logo,
	.single-director footer .black .logo{ background: transparent url(img/logo-blue.png) center center no-repeat; background-size: 100%;}
	
	.single-photo-production footer .contact ul li .twitter,
	.single-director footer .contact ul li .twitter{ background: transparent url(img/twitter_blue.png) center center no-repeat; background-size: auto 100%;}
	.single-photo-production footer .contact ul li .facebook,
	.single-director footer .contact ul li .facebook{ background: transparent url(img/facebook_blue.png) center center no-repeat; background-size: auto 100%;}
	.single-photo-production footer .contact ul li .vimeo,
	.single-director footer .contact ul li .vimeo{ background: transparent url(img/vimeo_blue.png) center center no-repeat; background-size: auto 100%;}
	
	.single-photo-production footer .contact,
	.single-director footer .contact{ color: #171717;}
	
	.single-photo-production footer .contact .div_info,
	.single-director footer .contact .div_info,
	.single-photo-production footer .contact .div_info a,
	.single-director footer .contact .div_info a{ color: #1fbbd5;}
	
	.single-photo-production footer .contact .address,
	.single-director footer .contact .address{ display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: relative; top: 5px; background: transparent url(img/contact_black_01.png) center center no-repeat; background-size: 100%;}
	.single-photo-production footer .contact .info,
	.single-director footer .contact .info{  display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: relative; top: 5px; background: transparent url(img/contact_black_02.png) center center no-repeat; background-size: 100%;}


/*	Layer contact
	----------- */
	
	.layer_contact{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background: rgba(12, 24, 27, .86); z-index: 99999; display: none; text-align: center;}
	.layer_contact .container-fluid{ position: relative;}
	.layer_contact .container-fluid .form_box{ background: #fff; position: relative;}
	.layer_contact .container-fluid .form_box .title_box{ height: 128px; width: auto; margin: 100px auto 90px; background: transparent url(img/contact_bg.png) center center no-repeat; background-size: 128px 128px;}
	.layer_contact .container-fluid .form_box .title_box h2{font-family: 'Montserrat'; font-weight: bold; font-size: 36px; line-height: 128px; text-transform: uppercase;}
	
	.form_box input{ width: 100%; border: 0; border-bottom: 1px solid #999999; color: #ccc; margin-bottom: 45px; background: transparent; color: #333333; position: relative; padding-bottom: 18px;}
	.form_box .submit{ border: 1px solid #999999; text-align: center; font-size: 'Roboto-bold'; font-size: 11px; padding: 10px; width: 180px; color: #333333; text-transform: uppercase; text-indent: 0}
	.form_box .send{ margin-bottom: 55px;}
	
	.form_box .classname input{ background: transparent url(img/form-name.png) 0px 4px no-repeat; background-size: 17px 17px; z-index: 99}
	.form_box .classemail input{ background: transparent url(img/form-email.png) 0px 4px no-repeat; background-size: 17px 17px; z-index: 99}
	.form_box .classmesssage input{ background: transparent url(img/form-message.png) 0px 4px no-repeat; background-size: 17px 17px; z-index: 99}
	
	.layer_contact .container-fluid .close_contact{ width: 19px; height: 19px; position: absolute; top: -40px; right: 0; background: transparent url(img/close.png) center center no-repeat; background-size: 100%; cursor: pointer;}
	
	span.wpcf7-not-valid-tip{ text-align: left; position: relative; top: -30px;}
	div.wpcf7-validation-errors{ display: inline-block; width: 100%; border: 0 !important;}
	div.wpcf7-response-output{ position: relative; top: -50px; padding: 0 !important; margin: 0 !important;}
	

/*	Layer video
	----------- */
	
	.layer_video{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; background: #0f0f0f; z-index: 999; display: none; text-align: center;}
	.layer_video .container-fluid{ position: relative;}
	.layer_video .container-fluid .title_video{ font-family: 'Montserrat'; font-weight: bold; font-size: 14px; color: #fff; text-transform: uppercase; position: absolute; left: 15px; top: -35px; color: #fff;}
	.layer_video .container-fluid .close_video{ width: 19px; height: 19px; position: absolute; top: -40px; right: 15px; background: transparent url(img/close.png) center center no-repeat; background-size: 100%; cursor: pointer;}
	.layer_video .container-fluid #video{ position: relative; margin: 0 auto; max-width: 100% !important; height: auto !important; padding-bottom: 58% !important}
	
	.vjs-big-play-button{ border: 0 !important; box-shadow: none !important; background-color: transparent !important; border-radius: 0 !important; width: 28px !important; height: 35px !important; background: transparent url(img/play.png) center center no-repeat !important; background-size: 100% !important; position: absolute; right: 0 !important; left: 0 !important; top: 0 !important; bottom: 0 !important; margin: auto !important;}
	.vjs-default-skin .vjs-current-time { margin-left: 30px !important;}
	.vjs-play-control.vjs-control.vjs-playing,
	.vjs-play-control.vjs-control.vjs-paused{ position: relative; top: 34px;}
	.vjs-play-control.vjs-control.vjs-playing{ width: 18px; height: 22px; background: transparent url(img/pause.png) center center no-repeat; background-size: 100%;}
	.vjs-play-control.vjs-control.vjs-paused{ width: 18px; height: 22px; background: transparent url(img/play_reproductor.png) center center no-repeat; background-size: 100%;}
	.vjs-current-time-display,
	.vjs-default-skin .vjs-duration{ position: relative; top: 30px}
	.vjs-current-time-display{ font-family: 'Montserrat'; font-weight: bold; font-size: 14px; color: #fff;}
	.vjs-duration-display{ font-family: 'Montserrat'; font-weight: bold; font-size: 14px; color: #666666; width: 70px;}
	.vjs-duration-display:before{ content: '·'; padding: 0 15px; color: #fff;}
	.vjs-default-skin .vjs-control-bar{ background: #0f0f0f !important;}	
	.vjs-default-skin .vjs-play-progress{ background: #1fbbd5 !important;}
	.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button { position: relative; right: 10px; top: 31px;}
	.vjs-default-skin .vjs-mute-control:before, 
	.vjs-default-skin .vjs-volume-menu-button:before{ width: 9px; height: 14px; background: transparent url(img/mute.png) center center no-repeat; background-size: 100%; content: '' !important;}
	.vjs-default-skin .vjs-volume-bar { width: 5em; margin: 35px auto 0; position: relative; right: 30px;}
	.vjs-default-skin .vjs-volume-level{ background: #fff !important;}
	.vjs-default-skin .vjs-fullscreen-control { width: 17px; top: 30px;}
	.vjs-default-skin .vjs-fullscreen-control:before{ width: 17px; height: 17px; background: transparent url(img/fullscreen.png) center center no-repeat; background-size: 100%; content: '' !important; }
	.vjs-time-divider,
	.vjs-default-skin .vjs-big-play-button:before,
	.vjs-default-skin .vjs-play-control:before,
	.vjs-default-skin .vjs-volume-handle:before{ display: none !important}

/*	Mediaqueries
	------------ */
	
	
	@media screen and (max-height: 830px){
		
		.layer_video .container-fluid{ max-width: 1000px}
	}
	
	@media screen and (max-height: 690px){
		
		.layer_video .container-fluid{ max-width: 800px}
	}
	
	@media screen and (max-height: 555px){
		
		.layer_video .container-fluid{ max-width: 650px}
	}
	
	@media screen and (max-width: 1130px){
		
		header .logo .teamworkspain{ width: 146px; height: 30px;}
		header .main_navigation li{ margin-right: 20px; font-size: 12px;}
		header .main_navigation li:last-child a{ font-size: 11px;}
		.about .the_content { padding-bottom: 45%; }
	}
	
	@media screen and (max-width: 1040px){
		
		header .main_navigation li{ margin-right: 20px; font-size: 11px;}
		header .main_navigation li:last-child a{ font-size: 10px;}
	}
	
	@media screen and (max-width: 992px){
		
		header{ height: 92px; line-height: 92px;}
		header .container-fluid{ padding: 0;}
		header .logo{ top: 33px; left: 20px;}		
		header .burger{ display: block; position: absolute; right: 20px; top: 33px; width: 21px; height: 18px; background: transparent url(img/menu.png) center center no-repeat; background-size: 100%; cursor: pointer; z-index: 999}
		.single-photo-production header .burger,
		.single-director header .burger{ background: transparent url(img/menu_black.png) center center no-repeat; background-size: 100%;}
		
		header .main_navigation{ margin-bottom: 10px;}
		header .main_navigation,
		header .languages{ position: relative;}
		header .main_navigation li{ display: block; text-align: center; font-size: 16px; line-height: 16px; margin: 0 auto 30px;}
		header .main_navigation li:after{ content: ''; border-bottom: 1px solid white; max-width: 40px; display: inherit; margin: 25px auto}
		header .main_navigation li:nth-child(4){ padding-bottom: 20px}
		header .main_navigation li:nth-child(4):after,
		header .main_navigation li:last-child:after{ display: none;}

		header a{ color: #fff !important;}
		header .main_navigation li.current-menu-item a{ color: #1fbbd5 !important;}
		
		header .languages{ right: initial;}
		header .languages .active a, 
		header .languages a:hover{ border: 1px solid #fff !important;}
		
		header .main_navigation li:last-child a, 
		header .main_navigation li:last-child a{ background: #fff; color: #1a1a1a !important; font-size: 16px; padding: 15px 45px;}

		header .layer_responsive{ opacity: 0; background: #1a1a1a; width: 100%; height: 100%; min-height: 100%; position: fixed; top: 92px; z-index: -1;}
		header .layer_responsive.active{ opacity: 1; z-index: 99999}
		header .layer_responsive span{ display: block; position: relative; top: 45%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
				
		.breadcrumb{ margin-top: 15px;}
		
		#single-photo .the_content .the_content_top h1,
		#production .the_content .the_content_top h1{ font-size: 21px; line-height: 30px;}
		#single-photo .the_content .the_content_top h1:before,
		#production .the_content .the_content_top h1:before{ display: none}
	
		#production .the_content .the_content_top .filter, 
		#single-photo .the_content .the_content_top .filter{ display: none;}
		
		.thmb_grid { margin-top: 35px;}

		.filter_responsive,
		.filter_responsive_directors{ margin-top: 60px; display: block; border-top: 1px solid #d6d6d6; width: 100%; font-family: 'Montserrat'; font-weight: bold; font-size: 10px; line-height: 46px;}
		.filter_responsive div,
		.filter_responsive_directors div{ padding: 0 15px; cursor: pointer; position: relative; border-bottom: 1px solid #d6d6d6;}
		.filter_responsive div .arrow,
		.filter_responsive_directors div .arrow{ position: absolute; right: 15px; top: 20px; width: 14px; height: 8px; background: transparent url(img/arrow-down-black.png) center center no-repeat; background-size: 100%;}
		.filter_responsive div .arrow.rotate,
		.filter_responsive_directors div .arrow.rotate{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
		.filter_responsive ul,
		.filter_responsive_directors ul{ border-bottom: 1px solid #d6d6d6; display: table; width: 100%; margin: 0; padding: 0 15px; list-style: none; display: none}
		.filter_responsive ul li span,
		.filter_responsive_directors ul li span{ cursor: pointer; display: block}
	
		.filter_responsive_directors{ margin-top: -1px}
		.single-director .filter_responsive_directors{ margin-top: 60px;}
		.single-director .filter_responsive_directors div .arrow{ background: transparent url(img/arrow-down-white.png) center center no-repeat; background-size: 100%;}
		
	}	
	
	@media screen and (max-width: 992px) and (max-height: 550px){
		header .layer_responsive.active{ overflow: auto; padding-bottom: 100px;}
		header .layer_responsive span{ padding-top: 60px; display: block; position: relative; top: initial; transform: initial; -webkit-transform: initial; -moz-transform: initial;}
	}
	
	@media screen and (max-width: 768px){
		
		#page{ padding-bottom: 218px; position: relative}
		
		#homepage article h1{ font-size: 30px;}
		
		footer{ height: 218px; line-height: 24px;}
		footer .container-fluid{ padding: 0}
		.home footer{ position: absolute; bottom: -218px !important;}
	}
	
	@media screen and (max-width: 767px){
		
		#homepage article .play{ margin-bottom: 15px;}
		
		#production,
		#single-photo,
		#production .the_content,
		#single-photo .the_content{ padding: 0; margin: 0;}	
		#production .the_content .the_content_top h1,
		#single-photo .the_content .the_content_top h1{ padding: 0 15px;}
		.thmb_grid .item_grid .layer .caption{ padding: 20px;}
  
		#single-photo .photo_gallery .item_gallery{ width: 100%;}
  
		footer{ background: #1a1a1a;}
		footer .black span{ display: none}
		footer .black .logo{ position: absolute; right: 0px; top: 136px;}
		footer .contact{ padding: 0}
		footer .contact span{ display: block; background-color: #222222; padding: 0; width: 100%; height: 109px;}
		footer .contact div{ line-height: 40px; position: relative; top: 16px; left: -15px; font-size: 11px;}
		footer .contact ul{ left: 0px; top: 153px;}
		
		.single-photo-production footer .contact span,
		.single-director footer .contact span{ background: transparent}
	}
	
	
			
/*	Print
	----- */
	
@media print {
	* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
	a, a:visited { text-decoration:underline;}
	a[href]:after { content:" (" attr(href) ")";}
	abbr[title]:after { content:" (" attr(title) ")";}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after { content:"";}
	pre,blockquote { border:1px solid #999; page-break-inside:avoid;}
	thead { display:table-header-group;}
	tr,img { page-break-inside:avoid;}
	img { max-width:100% !important;}
	
	@page { margin:0.4cm;}
	p, h2, h3 { orphans:3; widows:3;}
	h2, h3 { page-break-after:avoid;}
}