/*
Theme Name: BlankSlate
Theme URI: http://wordpress.org/themes/blankslate
Author: TidyThemes
Author URI: http://tidythemes.com/
Description: <strong>UPDATE</strong> - 4.0+ is here, completely overhauled, yet again. As always, <a href="http://tidythemes.com/concept/#upgrading">use caution when upgrading</a> (tidythemes.com/concept/#upgrading) and <a href="http://tidythemes.com/concept/">learn the TidyThemes concept</a> (tidythemes.com/concept). &nbsp; &rarr; <em><strong>CAUTION</strong>: If you're child theming or have clients that are child theming on top of BlankSlate (not the recommended use), please do not blindly upgrade to newer versions.</em> &nbsp; &rarr; <strong>DESCRIPTION</strong>: BlankSlate is the definitive WordPress HTML5 boilerplate starter theme. We've carefully constructed the most clean and minimalist theme available anywhere for designers/developers to use as a base/foundation to build websites for clients or to build completely custom themes from scratch to release faster. Clean, semi-minified, unformatted and valid code, SEO-friendly, no programmer comments, standardized and as white label as possible and most importantly, CSS reset for cross-browser-compatability and no intrusive visual CSS styles added whatsoever. A perfect skeleton theme that blows any others like it (the subsequent underscores.me for example) completely out of the water, as they're simply too overcomplicated for what people really want in this kind of theme. Now comes with jQuery enqueued and ready to go. &nbsp; &rarr; <strong>SUPPORT</strong>: Please use the <a href="http://tidythemes.com/forum/">official support forum</a> (tidythemes.com/forum). Comments and suggestions for improving BlankSlate, please see "<a href="http://tidythemes.com/tidythemes-sucks/">TidyThemes Sucks!</a>" (tidythemes.com/tidythemes-sucks). Just getting started? <a href="http://tidythemes.com/want-to-learn-css/">Want to learn CSS?</a> (tidythemes.com/want-to-learn-css) &nbsp; &rarr; <strong>WHAT'S NEW?</strong>: We stripped down as much custom, extraneous, superfluous junk code as we could and greatly improved the HTML5 structure. <a href="http://make.wordpress.org/themes/author/chipbennett/">Chip Bennett</a> (make.wordpress.org/themes/author/chipbennett), a highly experienced programmer and official WordPress administrator, worked closely with us to audit the theme code for quality. <a href="http://themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0">See</a> (themes.trac.wordpress.org/changeset?old_path=/blankslate/3.3&new_path=/blankslate/4.0) just how much we've revamped things. Last, but not least, BlankSlate has now been <a href="https://github.com/tidythemes/blankslate">opened up on GitHub</a> (github.com/tidythemes/blankslate) if anyone would like to make suggested code additions/improvements. Thank you for using BlankSlate.
Version: 4.0.3
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: black, blue, white, light, one-column, fluid-layout, responsive-layout, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Text Domain: blankslate

BlankSlate WordPress Theme © 2011-2015 TidyThemes
BlankSlate is distributed under the terms of the GNU GPL
*/

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,kbd,q,s,samp,small,strike,sub,sup,tt,var,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,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}






header{display:none!important}


html{font-family: 'Poppins', sans-serif;}


/*.gris{background-color:#e7b220!important}*/

input {  font-family: 'Montserrat', sans-serif; font-weight:300; background-color:transparent; display: block; border-style: solid; border-width: 0px; border-color: #3d3d3f;  font-size: 14px; padding:5px 0px 5px 0px; color: #4E6051;  /*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;*/ transition: border 0.15s linear 0s, box-shadow 0.15s linear 0s, color 0.15s linear 0s; width:100%;  float:left; /*margin: 10px 0;*/ border-bottom: 1px solid #ddd;color: #fff!important;
}
textarea{border-bottom: 1px solid #ddd; border:0; font-family: 'Montserrat', sans-serif; width:100%; padding: 15px 0px 15px 0px; font-weight:300;font-size: 14px; background-color:transparent;color: #fff!important;}

.wpcf7-form{padding-bottom:50px;}

/*input[type=submit]{text-align: center;
    max-width: 300px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -150px;}*/

input[type=submit]{text-align: center;
    max-width: 300px;
    left: 50%;
    margin-left: -150px;
    padding:15px 0px 15px 15px;
position:relative;
margin-top: 80px;
	margin-bottom:100px;
border: 1px solid #ddd;
	-webkit-appearance: none;
    }


button, html input[type="button"], /* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
*overflow: visible; /* 4 */ }
/* * Re-set default cursor for disabled elements. */
button[disabled], input[disabled] { cursor: default; }
input[type=button][disabled]{pointer-events:all}


textarea{height:80px;}
div.wpcf7-response-output{color:#000000;/*color:#f7e700;*/}


body{
 background: transparent !important}

.pie{
	width: 100%;
	margin-right: auto;
	padding-left:20px;
	padding-bottom:50px;
	padding-top:55px}
p.pie2 {padding-left:30px;max-width: 1390px; margin: 0 auto;line-height: 24px;}

.logo2{float: left;padding-top: 20px;padding-left: 10px;}

@media screen and (max-width : 400px ){
input[type=submit]{text-align: center; max-width: 300px; left: auto; margin-left: auto; padding:15px 0px 15px 15px;position:relative;margin-top: 80px;margin-bottom:100px;border: 1px solid #ddd;-webkit-appearance: none;}
.terminos{margin-top:0px}
.debajo_menu{margin-top:100px!important}
	p.pie2{padding-left:10px}
	.logo2{padding-left:0px}
	}

#map {
                width: 100%;
                height: 300px;/*width: 825px;
                height: 803px;*/
            }

.terminos{line-height:23px;text-align:justify; font-size:13px; padding-left:20px;height:800px;margin-top:5%;}
.row7{max-width: 1390px;margin-left: auto;margin-right: auto;padding: 30px 40px 30px 10px;}
#check-terminos{float: none;width: 30px;display: inline-block;}
.wpcf7-form .acceptance-523{margin-left:-20px;}

.boton-volver{border: 1px solid #000;width: 150px;padding: 10px 0;margin: 0 auto; margin-top:50px}

.wpcf7-submit{padding:10px!important; width:20%;color:#c7451e}
.wpcf7-form-control-wrap.mensaje{margin-left:0px!important}
.check-terminos{float: left!important;text-align: left!important;padding-right: 20px!important;margin-left:0px!important}
.wpcf7-acceptance{margin-left:0px!important}
.wpcf7-form-control.wpcf7-submit{left:0%!important; margin-left:0px!important;margin-top: 51px!important; border:1px solid #fff; color:#fff!important}
.boton_proyectos{margin-right:0px!important}

@media screen and (max-width : 900px ){
	.parrafo-1{width:100%!important}
	.parrafo-2{width:100%!important}
	.formulario{width:100%!important; margin-top:20px!important}
	
}

































@font-face {
    font-family: 'cop';
    src: url('http://vivaelvideo.es/css/cop.eot') format('eot'),
	url('http://vivaelvideo.es/css/cop.eot?#iefix') format('embedded-opentype'),
	url('http://vivaelvideo.es/css/cop.woff')  format('woff'),
    url('http://vivaelvideo.es/css/cop.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



#slideshow {
  /*margin: 80px auto;*/
  position: relative;
  width: 100%;
  /*height: 240px;
  padding: 10px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);*/
}

#slideshow > div {
  /*position: absolute;*/
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
}




#cerrar{background: url(http://vivaelvideo.es/img/cerrar.svg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; border:0; cursor:pointer; height:25px; width:25px; position: absolute;    right: 0; }
	
.blanco{background: #fff;
    width: 100%;
    position: fixed;
    top: 0; z-index:999}



.rosa{background: #E9004B;
    width: 100%;
    position: fixed;
    top: 0; z-index:999}


.blanco2{background: #fff;
    width: 100%;
	height: 200px}
.gris{background:#F7C5C3/*#eaebed*/}
.color-blanco{background:#fff}
.rosa{background:#f4b0ad}
	
	.padding50{padding:50px 0;}
	

.simbolo_img{max-width:600px; margin:0 auto; display: flex; justify-content: center; padding: 40px!important;}
	
.simbolo2_img{max-width:1000px; margin:0 auto; display: flex; justify-content: center; padding: 40px!important;}


	

.fadein { position:relative; height:530px; width:100%; display: flex;
    justify-content: center; }
.fadein img { position:absolute; top:0; width:100% }
.imagen2{animation-delay: 20s;}

.fadelinks, .faderandom { position:relative; height:332px; width:500px; }
.fadelinks > *, .faderandom > * { position:absolute; left:0; top:0; display:block; }

.multipleslides { position:relative; height:332px; width:500px; float:left; }
.multipleslides > * { position:absolute; left:0; top:0; display:block; }




.titular{text-align:center;}	
.logo{float:left; padding:20px;}
#completo{width:135px; height:227px; position:absolute; left:50%; top:50%; margin-top:-113px; margin-left:-68px;}


body{
	/*margin:40px auto;*/ font-family: 'Poppins', sans-serif;}

.row{max-width: 1390px;
    margin-left: auto;
    margin-right: auto;
}
.row1{max-width: 1390px;
    margin-left: auto;
    margin-right: auto;
	padding:100px 20px;
}
.row2{max-width: 800px;
    margin-left: auto;
    margin-right: auto;
	/*padding:20px 40px 20px 40px;*/
	padding:20px;
	
}
.row3{max-width: 800px;
    margin-left: auto;
    margin-right: auto;
	padding:20px 40px 55px 40px;
	
}
.row4{max-width: 1390px;
    margin-left: auto;
    margin-right: auto;
	padding:0px 40px 100px 40px;
}
.row5{max-width: 800px;
    margin-left: auto;
    margin-right: auto;
	padding:40px 40px 30px 40px;
	
}
.row6{max-width: 1390px;
    margin-left: auto;
	margin-right: auto;
	padding-left:20px;
	padding-bottom:50px;
	padding-top:55px}

.debajo_menu{margin-top: 169px;}
a{text-decoration:none; color:#000;}
.block{
	width: 100%;
	display: inline-block;
    vertical-align: top;
	float:left; padding:20px;}
.large-12{/*width:calc(100% - 40px);*/ margin: 0 auto; max-width: 1390px; }
.large-6{width:calc(50% - 0px); }
.large-3{width:calc(25% - 40px);}
.large-4{/*width:calc(33.333333% - 40px);*/ width:calc(33.333333% - 0px);}

.columnas{width: 100%; text-align:center; /*margin-bottom:40px;*/ font-weight:600;
 }
 .columnas img{padding-bottom:20px;}
 
 .columnas_ficha{width: 100%; text-align:center;  font-weight:600;
 }
 .columnas_ficha img{padding-bottom:20px;}
#parent {display: table;}

#child {
    display: table-cell;
    vertical-align: middle;
	height:37vh;
}

.block img{width:100%}


.cabecera{
	text-align:center; padding:0 20px; /*margin: 60px 0; position:fixed;*/}
	
	video {
    max-width: 100%; width:100%;
}
.video_margen{/*margin-top:100px;*/}

#salto {
    max-width: 100%; width:100%; float:left;
}
.redes{
width:40px; margin:40px 20px;}
.pie img{width:40px;}
.boton_volver img{    width: 20px;    margin-right: 4px;}



.volver{ width: 30px;
    /*margin: 40px 0px;*/
    vertical-align: middle;}
.boton_volver{ border:1px solid #000; margin:0 auto; width: 150px; text-align:center;padding: 10px 0; font-size:13px}

.boton_proyectos{ border:1px solid #000; margin:100px auto; width: 200px; text-align:center;padding: 10px 0;}
.pie{ max-width: 1390px;
	width: 100%;
	margin: auto;
	padding-left:20px;
	padding-bottom:50px;
	padding-top:55px/*     max-width: 600px;    margin: 20px auto;*/}
.pie p{padding-left:20px}

.ficha{ text-align:justify; /*max-width: 600px;margin: 20px auto;*/ font-size:13px; padding:20px; /*border-right:1px solid #000; border-left:1px solid #000;*/ width:50%}
h1{/*text-align:center;*/ font-size:50px; font-family:'cop'; line-height: 55px;}
h2{/*text-align:center;*/ font-size:25px; font-family:'cop'; line-height: 25px; margin-bottom: 10px;}
.contenido_texto{padding:100px 40px; max-width:680px;  }

.georgia{ font-family: Georgia, "Times New Roman", Times, serif; font-size:30px; /*margin-bottom:30px;*/
   }
   .georgia2{ font-family: Georgia, "Times New Roman", Times, serif; font-size:45px; /*margin-bottom:30px;*/
   }
	.linea{width:100%; height:2px; background-color:#000;margin: 10px 0;}
.arial{font-family:Arial, Helvetica, sans-serif; font-size:22px;}


@media screen and (max-width : 1300px ){
/*.large-3, .large-4, .large-6, .large-12{width:100%;} 	
*/	.large-4.block{width: 50% !important;display: inline-block;float: left;}
.ficha{width:100%;}
.block{padding:0px}	
.block .fader img:last-child {padding:20px}
.large-12:last-child{width:100%;margin-top:20px; margin-bottom:20px}
.boton_volver{margin:0 auto; text-align: center;margin-bottom:30px}
.pie {width:100%;font-size:14px; padding-left:20px; padding-top:20px;margin: 0 auto}
.pie p {padding-left:0px;}
.row1{padding:100px 20px}
.b-wrap{padding-bottom:0px!important; padding-top:20px!important}	
.columnas_ficha{padding:20px}
	.columnas {padding:20px}
	video{padding:20px}
	.logo{padding:0px}
	.logo-sinpad{padding-left:20px!important}
}

.columnas .fader{width:100%}
.gris-footer{height:100px}


@media screen and (max-width : 700px ){
	.large-6{width:100%;} 
}

@media screen and (max-width : 400px ){
	.large-3, .large-4, .large-6, .large-12{width:100%;} 	
	.large-4.block{width: 100% !important;display: inline-block;float: left;}
	.row1{padding-top:0px}

}

#map {
                width: 100%;
                height: 300px;/*width: 825px;
                height: 803px;*/
            }
















































* {
	margin: 0;
	padding: 0;
	/*min-height: 100%;*/
	/*font-family: 'Josefin Sans', sans-serif;*/
	box-sizing: border-box;
}

.b-wrap {
	width: 100%;
    	/*position: fixed;*/
	overflow: hidden;
	/*background:#fff;*/
	padding:40px 0;
	/*background-image: url(https://picsum.photos/3200/2300/?random);
    	background-size: cover;
    	background-position: center;
    	background-repeat: no-repeat;*/
    	-webkit-transition: all ease 0.6s;
    	-moz-transition: all ease 0.6s;
    	-ms-transition: all ease 0.6s;
    	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

/* Sidebar menu */

.menu {
	width: 150px;
	height: 100%;
	position: fixed;
	right: -200px;
	top: 0;
	background-color: #f4b0ad;
	box-shadow: 2px 0 5px #c0c0c0;
	-webkit-transition: all ease 0.6s;
    	-moz-transition: all ease 0.6s;
    	-ms-transition: all ease 0.6s;
    	-o-transition: all ease 0.6s;
	transition: all ease 0.6s;
}

.menu ul {
	padding-left: 0;
	margin-top: 80px;
}

.menu li {
	list-style: none;
	text-decoration-style: none;
	line-height: 170%;

	    padding: 5px 20px 5px 40px;
    text-align: right;
}

.menu li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 16px;
	color: #fff;
}

.menu li:hover {
	background-color: #e42052;
	cursor: pointer;
}

.mhead {
	min-height: 50px;
	/*margin-top: 13px;*/
}

/* Меню открыть */

header {
	float: left;
	padding-left: 20px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 30px;
	font-family: 'Rajdhani', sans-serif;
}

.menu-ham {
    float: right;
    padding: 20px;
    cursor: pointer;
}

/* Меню закрыть */

.close-menu {
	min-height: 30px;
	float: right;
	margin-right: 18px;
	padding-top: 23px;
	cursor: pointer;
}

/* Heading */

.head2 {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 60px;
	padding-top: 30px;
}

h2 {
	/*text-align: center;
	font-weight: normal;
	font-size: 30px;
	color: #555;*/
}

/* Switch buttons */

.btn {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}

.btn3 {
	pointer-events: none;
    opacity: 0.6;
}

span {
	margin-left: 20px;
}

span a {
	border-radius: 3px;
	border: 1px solid #ff9245;
	display: inline-block;
	cursor: pointer;
	color: #555;
	font-size: 13px;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #154682;
	background: #f7eee4;
}

span a:hover {
	background-color: #ff9245;
	border: 1px solid #ff9245;
	color: #fff;
}

/* Profile link */

.footer a {
	float: left;
	margin-top: 30%;
	margin-left: 162px;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	font-weight: 200;
}

.footer a:hover {
	color: #ff9245;
}


/* Adaptability */

@media screen and (max-width: 400px) {
	.btn {margin-top: 50px;}
	span {margin-left: 18px;}
	span a {padding: 6px 12px;}
	.footer a {
		margin-top: 100%;
		margin-left: 40%;
	}
}

@media (min-width: 400px) and (max-width: 600px) {
	.footer a {
		margin-top: 70%;
		margin-left: 45%;
	}
}

@media (min-width: 600px) and (max-width: 800px) {
	.footer a {
		margin-top: 50%;
		margin-left: 45%;
	}
}