@charset "utf-8";
/*
Theme Name: 54 Fotografía
Theme URI: http://54fotografia.com
Author: La Vuelta Web
Author URI: http://www.lavueltaweb.com/
Description: Diseño único, desarrollado exclusivamente para Eliana Janka. Todos los derechos reservados.
Version: 3.2
*/


body{
background:#fff;
color:#000;
padding:0;
margin:0;
font-family: 'SourceSans3', sans-serif;
font-size:62.5%;
text-align:center;
}
img{max-width:100%; height:auto;}
a{text-decoration:none; color:#444; outline:0; transition:0.3s ease 0s; font-weight:bold;}
a:hover{color:#555; outline:0; transition:0.3s ease 0s;}
a:focus{outline:0}
p{font-size:1.8em; color:#000; letter-spacing:0.01em;}
ul, ol{padding:0; margin:0; list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-family: 'IvyModeRegular', sans-serif; padding:0; font-weight:normal; letter-spacing: .1em;}
h1{font-size:3.5em;}
h2{font-size:3.2em;}
h3{font-size:3em; text-transform: uppercase;}
h4{font-size:2.8em;}
h5{font-size:2.6em;}
h6{font-size:2.4em;}
textarea {resize: none;}
ul, menu, dir{margin:0; -webkit-margin-before: 0; -webkit-margin-after: 0;	list-style-type:none;}
:focus{outline:0 !important}
.boton{
    display: inline-block;
    background: #303030;
    padding: 9px 30px;
    margin: 0 auto 18px;
    font-size: 1.9em;
    font-weight: bold;
    font-family: 'SourceSans3', sans-serif;
    color: #fff;
    border: 0;
    letter-spacing: .1em;
    transition: 0.3s ease 0s;
    border-radius: 20px 0 20px 0;
    -moz-border-radius: 20px 0 20px 0;
    -webkit-border-radius: 20px 0 20px 0;
    -o-border-radius: 20px 0 20px 0;
    -khtml-border-radius: 20px 0 20px 0;
}
.boton:hover{
    background: #666;
    color: #fff;
}

@font-face {
    font-family: 'IvyModeRegular';
    src: url('fonts/IvyModeRegular.eot');
    src: url('fonts/IvyModeRegular.eot') format('embedded-opentype'),
         url('fonts/IvyModeRegular.woff2') format('woff2'),
         url('fonts/IvyModeRegular.woff') format('woff'),
         url('fonts/IvyModeRegular.ttf') format('truetype'),
         url('fonts/IvyModeRegular.svg#IvyModeRegular') format('svg');
}
@font-face {
    font-family: 'SourceSans3';
    src: url('fonts/SourceSans3-Light.eot');
    src: url('fonts/SourceSans3-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/SourceSans3-Light.woff2') format('woff2'),
        url('fonts/SourceSans3-Light.woff') format('woff'),
        url('fonts/SourceSans3-Light.svg#SourceSans3-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}



#header{
    display:block;
    width:100%;
    padding:0;
    margin:0 auto;
    overflow:hidden;
}

#slider-home{
    position:relative;
    z-index: 1;
}
.slider-container {
    background-repeat:no-repeat;
    background-position:center bottom;
    background-size:100%;
    position: relative; 
    z-index:1; 
    padding:0 0 66.7%;
    height: 0; 
    width:100%;
    float:left; 
    overflow:hidden;
 }
.slider-container ul{width:100%; min-height: 250px;}
.slider-container ul li{width:100%}
.slider-container img{display:block; width:100%; height:auto}
.slider-container #slider { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#slider{
    display:block;
    height:300px;
    overflow:hidden;
    float:left;
}
#slider img{
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;
    max-width:100%; 
    height:auto;
}	

#top a{
    display:block;
    width: 80%;
    max-width:650px; 
    height:132px;
    margin:auto;
    text-align: center;
    }
#top h1{
    text-indent:-9000px; 
    margin:0 auto;
    font-size:.6em;
}

 #content-header-home{
        width: 100%;
        position:absolute;
        z-index: 100;
        padding: 0 0 66.7%;
    }

#content-header-home .txt-header-home{
    position:absolute;
    width: 90%;
    padding: 0 5%;
    left: 0;
    bottom: 4%;
    z-index: 100;
}

#content-header-home .txt-header-home p{
    margin:0 auto;
    font-size:1.8em;
    font-family: 'IvyModeRegular', sans-serif;
    text-align: center;
    color:#bdbdbd;
    letter-spacing: .35em;
}
.headersite{
    background: #303030;
    height: 205px;
}
.headersite #top{
    top:30px;
}

#top{
    float:left;
    width:100%;
    height:132px;
    margin: 0 auto 22px;
    position: absolute;
    top: 77px;
    left:50%;
    transform: translate(-50%, 49px);
    -webkit-transform: translate(-50%, 49px);	        
}
#top a{
    display:block;
    margin:auto;
}
#top h1{
    text-indent:-9000px; 
    margin:0 auto;
    font-size:1em;
}

#content-nav{
    background: rgba(0,0,0,0);
    float:left;
    width: 100%;
    height: 80px;
    padding: 28px 0 0;
    position:absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    transition: .8s ease 0s;        
}

.menu-gral{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    display:inline-block;
    vertical-align: top;
    height:auto;
    margin:0;
    text-align:left;
    position:relative;
    z-index:30;
}
.menu-gral > div{
    display: block;
    width: auto;
    height: auto;
    text-align: center;
    margin:2px 0 0;
}
.menu-gral ul{
    width: auto;
    height: auto;
    margin:0;
    list-style: outside none none;
    display: block;
}
.menu-gral ul li{
    display:block;
    float:left;
    padding:0;
    margin:0;
    height: auto;
    opacity:1;
}
.menu-gral ul li a{
    display:block;
    padding:0;
    margin:0 31px;
    font-family: 'IvyModeRegular', sans-serif;
    font-size: 1.4em;
    color:#fff;
    letter-spacing:.35em;
}
.menu-gral ul li a:hover{opacity:.7;}
.menu-gral ul li:first-child a{margin-left:0}
.menu-gral ul li:last-child a{margin-right:0}

.menu-gral ul li ul{
    display:none;
    height:auto;
    text-align:left;
    margin-top:0;
    padding:5px 0 12px;
    z-index:50;
}
.menu-gral ul li:hover ul{
    display:block;
    position:absolute;
}
.menu-gral ul li:hover ul li {
    background:#303030;
    float: none;
    margin: 0;
    padding: 5px 15px 10px;
    height: 16px;
    border:0;
	font-size:.9em;
}
.menu-gral ul li:hover ul li a{
    display:block;
    background:none;
    padding:1px 3px;
    margin:0 auto !important;
    color:#e7e7e7;
    opacity:1;
}
.menu-gral ul li:hover ul li a:hover{opacity:.7;}

.contacto-home .info-contacto-home{
    display:inline-block;
    width: 100%;
    padding: 90px 0 0;
    text-align:center;
}

/*gral*/
#wrap{
    width:100%;
    max-width: 1920px;
    margin:auto;
    overflow: hidden;
}

section{
    margin:auto;
}
.copy1{
    width: 90%;
    max-width: 1635px;
    padding: 70px 0 40px; 
    margin: auto;   
}
.copy1 h1{font-size: 7em}
.copy1 h2{font-size: 6em} 
.copy1 h1, .copy1 h2{
    margin: 25px 0 40px;
    letter-spacing: .05em;
}
.copy1 h3{text-transform: none;}
.wrap-home .modula-gallery{
    margin:80px auto 0;
    padding: 0 0 30px;
}


/*About*/
.about {
    display:flex;
    width: 90%;
    max-width: 1230px;
    margin: 40px auto 100px;
}
.about > div{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    width: 33.3333%;
}
.about > div:nth-child(1){
    order: 3;
    padding: 0 17px 0 60px;
}
.about > div:nth-child(1) h3{
    font-size: 6em;
    letter-spacing: .05em;
    margin: 40px 0;
}
.about > div:nth-child(2){
    order: 2;
}
.about > div:nth-child(2) img{
    padding: 0 0 70px;
}
.about > div:nth-child(3){
    order: 1;
    padding: 110px 58px 0 59px;
    text-align: justify;
}
.about > div:nth-child(3) h3{
    font-size: 4.3em;
    letter-spacing: .05em;
    text-align: left;
}
.about > .boton{
    display:none;
}

/*Reviews*/

aside .linkg{
    display: inline-block;
    margin-top: 35px;
    border-style: solid;
    border-color: #f4f4f4;
    color: #000000;
    background: #f4f4f4;
    background-color: rgb(244, 244, 244);
    border-radius: 12px;
    padding: 5px 20px;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
aside .linkg:hover{
    background: #dbdbdb;
    border-color: #dbdbdb;
}
.sobremi .ti-load-more-reviews-button{
    display:none !important;
}
.sobremi aside h3{
    text-transform: uppercase;
    margin: 25px 0 35px;
}

/*video*/
.video-home{
	width:100%;
	padding: 10px 0 100px;
}
.video-home h3{
	display: inline-block;
	width:100%;
	text-align:left;
	text-transform: none;
	font-size:3em;
	letter-spacing: .1em;
	margin:0;
}
.content-video-home{
	display: grid;
	grid-template-columns: 450px 1fr;
	column-gap: 13%;
	align-items: center;
	align-items: start;
	width:90%;
	max-width:1100px;
	margin:50px auto;
}
.video-txt-title { 
  grid-column: 1; 
  grid-row: 1; 
  margin-top: auto;
}
.video-txt-copy { 
  grid-column: 1; 
  grid-row: 2; 
  width: 100%;
  margin:auto;
  text-align: left;
  
}
.video-txt-cta { 
  grid-column: 1; 
  grid-row: 3; 
  margin-bottom: auto;
}
.video-txt-cta .boton{
	font-weight: 100;
	font-size: 1.8em;
	letter-spacing: .05em;
	width: calc(100% - 30px);
	padding: 9px 15px;
}
.video-url { 
  grid-column: 2; 
  grid-row: 1 / span 3; /* Ocupa 3 filas */ 
}

/*cta tips*/
.img-cta-tips-home{
    width:100%;
    max-width:1920px;
    position: relative;
}

.img-cta-tips-home img{
    display: block;
    position: relative;
    z-index: 1;
}
.img-cta-tips-home a > div{
    width: 90%;
    position:absolute;
    z-index: 100;
}
.img-cta-tips-home a > div:nth-child(1){
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);    
}
.img-cta-tips-home a > div:nth-child(2){
    bottom: 9%;
    left: 50%;
    transform: translate(-50%, 9%);
    -webkit-transform: translate(-50%, 9%);
}
.img-cta-tips-home a h3{
    background: #fff;
    display: inline-block;
    font-size: 4.1em;
    color:#cda45d;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .15em;
    vertical-align: middle;
    padding: 50px 20px;
    margin-right:55px;
    border-radius: 80px; -moz-border-radius: 80px; -webkit-border-radius: 80px; -o-border-radius: 80px; -khtml-border-radius: 80px;
    transition: .4s ease 0s;
}
.img-cta-tips-home a:hover h3{
    color:#775c2c;
    transition: .4s ease 0s;
}
.img-cta-tips-home a h4{
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
}
.img-cta-tips-home a p{
    font-size: 2em;
    color: #fff;
    font-weight: bold;
    letter-spacing: .1em;
}

/*posts home*/
.posts-home{
    width: 90%;
    max-width: 1520px;
    padding: 90px 0 0;
}
.posts-home > h3{
}
.posts-home > div{
    display: flex;
    flex-wrap: wrap;
}
.post-home{
    background: #fff;
    width: calc(33.333% - 4px);
    position: relative;
    overflow: hidden;
    margin: 2px;
    transition:0.6s ease 0s;
}
.post-home img{
    display: block;
    position: relative;
    z-index: 1;
    transition:0.6s ease 0s;
    opacity: 1;
}
.post-home h3{
        background: rgba(0,0,0,.25);
    display:inline-block;
    width: 80%;
    position: absolute;
    left: 0;
        bottom: 0;
    z-index: 10;
    font-size: 2em;
    font-family: 'IvyModeRegular', sans-serif;
    text-transform: none;
    color:#fff;
        padding: 60% 10% 20px;
    margin: 0;
    transition:0.6s ease 0s;
}
.post-home:hover{
    transition:0.6s ease 0s;
}
.post-home:hover img{
    transition:0.6s ease 0s;
}
.post-home:hover h3{
    padding-bottom: 72px;
/*
    bottom: 78px;
    transition:0.4s ease 0s;
*/
}

.cta-1{
    width: 100%;
    overflow: hidden;
    margin: 50px 0;
}
.premios > section{
    max-width: 1635px !important;
}
#pagina .entry-page{
    padding: 10px 0 70px;    
    text-align: left;
}
#pagina .entry-page h3{
    text-transform: none;
}

/*faq*/
.faq{
    max-width: 1000px;
}
.faq .entry-page p{
    margin: 25px 0;
    letter-spacing: .05em;
}

.contacto{
    background: #f2e9e3;
    width: 100%;
    padding: 45px 0 125px;
}
.contacto > h3{
    text-transform: none;
    margin: 40px auto;
}

.content-contacto{
    display: flex;
    width:90%;
    max-width: 1120px;
    margin: auto;
}
.form-content{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;         
    width: 50%;
    padding: 10px 0 0;
    margin: 0;
    order:2;
}
.form-content p{
    margin: 0;
}
.form-content > div{
    width:90%;
    max-width: 400px;
    float: right;
}
.form-content .mens{
    display: block;
    width: 100%;
    text-align: left;
    margin: 15px 0 0;
    border-bottom: 1px solid #000;
}
.contacto input{
    background:none; 
    width: 100%;
    height: 30px;
    padding: 8px 0 0px;
    margin: 2px auto 27px;
    font-size:18px; 
    font-family: 'SourceSans3', sans-serif;
    color:#1c1c1c;
    letter-spacing:0.05em; 
    border:0;
    border-bottom: 1px solid #000;
}
.contacto select{
    background: #f2e9e3;
    width: 100%;
    height: 30px;
    margin: 6px auto 27px;
    font-size:18px; 
    font-family: 'SourceSans3', sans-serif;
    color:#1c1c1c;
    letter-spacing:0.05em; 
    border:0;
    border-bottom: 1px solid #000;
}
.contacto .fechaform::before{
    content:"Fecha del evento: ";
    padding: 0 10px 0 0;
}
.contacto textarea{
    background:none; 
    width: 100%;
    height: 140px;
    padding: 11px 0 7px;
    margin:2px 0 12px;
    font-size:18px; 
    font-family: 'SourceSans3', sans-serif;
    color:#1c1c1c;
    letter-spacing:0.05em; 
    border:0;
    border-bottom: 1px solid #000;
}
.contacto input[type="submit"]{
    background:#000;
    float:left;
    width: 150px;
    height:43px;
    padding:9px 11px;
    margin:0 auto 18px;
    font-size:18px; 
    font-family: 'SourceSans3', sans-serif;
    color:#fff;
    border:0;
    letter-spacing:-0.01em;
    transition:0.3s ease 0s;
    border-radius: 20px 0 20px 0; 
    -moz-border-radius: 20px 0 20px 0; 
    -webkit-border-radius: 20px 0 20px 0; 
    -o-border-radius: 20px 0 20px 0; 
    -khtml-border-radius: 20px 0 20px 0; 
}
.contacto input[type="submit"]:hover{
    background: #666;
    transition:0.3s ease 0s;
}
.contacto input::-webkit-input-placeholder {color:#000; opacity:1;}
.contacto input::-moz-placeholder {color:#000; opacity:1;}
.contacto input:-moz-placeholder {color:#000; opacity:1;}
.contacto input:-ms-input-placeholder {color:#000; opacity:1;}
.contacto textarea::-webkit-input-placeholder {color:#000; opacity:1;}
.contacto textarea::-moz-placeholder {color:#000; opacity:1;}
.contacto textarea:-moz-placeholder {color:#000; opacity:1;}
.contacto textarea:-ms-input-placeholder {color:#000; opacity:1;}
.ajax-loader{width:1px}
/*ContactForm7*/
div.wpcf7 {margin: 0; padding: 0;}
div.wpcf7-response-output {position: inherit; margin-top: 142px; font-size:1.5em; color: #999; background:none; clear: both;}
span.wpcf7-form-control-wrap {position: relative;}
span.wpcf7-not-valid-tip { color: #999 !important; display: block;}
.use-floating-validation-tip span.wpcf7-not-valid-tip {position: absolute; top: 20%; left: 20%; z-index: 100; background: none; padding: .2em .8em;}
span.wpcf7-list-item {margin-left: 0.5em;}
.wpcf7-display-none {display: none;}
div.wpcf7 img.ajax-loader {border: none; vertical-align: middle;	margin-left: 4px;}
div.wpcf7 div.ajax-error {display: none;}
div.wpcf7 .placeheld {color: #888;}
.ajax-loader{width:1px}
div.wpcf7-mail-sent-ok, div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {border:0 !important;}
span.wpcf7-not-valid-tip {font-size: 0.8em;}
#video-container video{
    max-width: 100%;
}

.info-contacto{
    width: 50%;
    text-align: left;
}
.info-contacto > p{
    font-size: 3.5em;
    font-family: 'IvyModeRegular', sans-serif;
    font-weight: bold;
    letter-spacing: .14em;
    margin: 25px 0 15px;
}


.info-contacto ul li p{
    font-weight: bold;
    letter-spacing: .1em;
    margin: 28px 0 0;
}
.info-contacto ul li p a{
    color:#000;
}
.info-contacto ul span{
    display: block;
    width: 100%;
    font-size: 5em;
    font-family: 'IvyModeRegular', sans-serif;
    font-weight: bold;
    color: #dac8bb;
    margin:-10px 0 0;
}
.data-contacto{
    padding:5px;
}

.redes-list{
    display:inline-block;
    padding: 10px 0 0;
}
.redes-list li{
    float:left;
    display:block;
}
.redes-list li a{
    display:block; 
    width:33px;
    height:33px;
    margin:0 7px 0 8px;
    font-size:1.6em;
    opacity:1;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    text-indent:-9000px;
    transition: 0.3s ease 0s;
}
.redes-list a:hover{
    opacity: .7;
    transition: 0.3s ease 0s;
}
 .redes-list .ig a{background-image: url(imagenes/ig.svg); margin-left: 0;}
 .redes-list .fb a{background-image: url(imagenes/fb.svg);}


.awards-home{
    width: 90%;
    max-width: 1200px;
    margin: auto;
}
.awards-home > div > div{
    display: flex;
    vertical-align: top;
    flex-direction: column;
	justify-content: flex-end;
}
.awards-home > div > div:last-child{
	align-items: flex-end;
}
.awards-home a{
    display: inline-block;
}
.awards-home img{
    display: inline-block;
    margin: 0 25px;
	max-width: 140px;
}
.awards-home > div{
    width: 100%;
    margin: 40px auto 60px;
    overflow: hidden;
	display: grid;
    grid-template-columns: 190px 1fr;
}
    .awards-home > div > div > a{
        font-size: 1.7em;
        font-weight: bold;
        letter-spacing: .01em;
        color:#000;
        background: url(imagenes/arrow-right.gif) no-repeat left center;
        padding: 0 0 0 30px;
        margin-top: 25px;
    }
    .awards-home > div > div >a:hover{
        color:#555;
    }
.awards-home > div > div:first-child .more{float:left; margin-left: 40px;}
.awards-home > div > div:last-child .more{float:right; margin-right: 40px;}


.igfeed{
    width:100%;
    padding: 0 0 70px;
}
.igfeed > div{
    width: 90%;
    max-width: 1540px;
    margin: auto;
}
.igfeed h3{
    margin: 30px 0 20px;
}
#instagram-page{
    width:96%;
    max-width: 935px;
    margin: 70px auto 100px;
}

.prefooter{
    width: 94%;
    margin: 0 auto 45px;
}
.prefooter p{
    letter-spacing: .2em;
    font-weight:bold;
    margin: 0;
}
.prefooter p span{
    display: inline-block;
    padding: 0 20px;
}


#footer{
    background:url(imagenes/logo-54fotografia-small.png) no-repeat center 40px #303030;
    display:block;
    float:left;
    width:100%;
    padding:190px 0 5px;
    color:#fff;
    overflow:hidden;
}
#footer > p{
    display:inline-block;
    margin:0;
    font-weight: bold;
    color:#fff;
    letter-spacing:.2em;
    line-height:1.7em;
}
#footer a{color:#e2ded8;}
#footer a:hover{color:#e2ded8;}
.credit{background:#303030; width:90%; max-width:1700px; text-align:right; margin:auto; padding: 2px 0 0; overflow: hidden;}
.credit p{font-size:1.1em !important; color:#777 !important; text-transform:initial !important; margin:2px 0;}
.credit a{color:#777 !important;}

.single{
    padding: 20px 0 0;
}
.single > section{
    width: 90%;
    max-width: 1275px;
}
.single .posts-home{
    padding-bottom: 0 !important;
}

.entry{
    float:left;
    width:100%;
    text-align:center;
}
.entry li{
	list-style-type: disc;
	font-size: 1.6em;
	text-align: left;
	margin:10px auto 20px;
}
.single #gallery-1 img{border:0;}

#pagina{
    width:95%;
    max-width:1000px;
    margin:45px auto 0;
}

.sobremi h3{
    text-transform: none;
    margin: 87px 0 75px;
}

.sobremi > section{
    width: 90%;
    max-width: 1370px;
    margin: auto;
}
.sobremi .txtabout{
    max-width: 1130px;
    margin: auto;
    text-align: justify;
}
.sobremi > section > aside{
    width: 90%;
    max-width: 1130px;
    margin: 85px auto 40px;
}
.sobremi .about{
    margin: 40px auto 40px;
}
.sobremi .about > div:nth-child(1) {
    margin-right: 40px;
    position: relative;
}
.sobremi .about > div:nth-child(1) img{
    max-width: 334px;
    position: absolute;
    bottom: 20px;
    left: 60px;
}
.sobremi .about > div:nth-child(2) img {
    padding: 0 0 120px;
}
.sobremi .awards-home h3{
    margin: 97px 0 45px;
}
.sobremi .awards-home p{
    margin-bottom: 40px;
}
.sobremi .boton{
    margin: 50px auto 95px;
}
.sobremi .boton:before{
    content: url(imagenes/arrow-right-i.png);
    padding-right: 15px;
}


    #wrap section.testimonios{
        width: 80%;
        max-width: 1580px;
        padding: 45px 0 130px;
    }
    #wrap section.testimonios > div{
        padding-top: 32px;
    }
    #wrap .testimonios .wcp-carousel-main-wrap .slick-slide > div{
        display: grid;
        grid-template-columns: 55% auto;
        align-items: center;
        gap: 45px;
        padding: 0 38px;
    }
    #wrap .testimonios .wcp-carousel-main-wrap .post-style-2 .wcp-post-contents{
        margin: 10px 0;
    }
    #wrap .testimonios .wcp-carousel-main-wrap .slick-slide > div p{
        font-size: 1.15rem;
        text-align: left;
    }
    #wrap .wcp-carousel-main-wrap .post-style-2 .wcp-content-wrap h3{
        font-size: 1.9rem;
        text-align: left;
        text-transform: none;
        margin: 0 0 50px;
    }
    #wrap .wcp-carousel-main-wrap .post-style-2 .wcp-content-wrap h3 a{
        font-weight: 100;
    }
    #wrap .testimonios .wcp-carousel-main-wrap .wcp-content-wrap{
        box-sizing: border-box;
        padding: 0 35px 0 10px;
    }
        
    #wrap .slick-prev:before,
    #wrap .slick-next:before{
        color: #333;
    }
    /*
    #wrap .testimonios .slick-prev:before{
        content:'\25C0';
    }
    #wrap .testimonios .slick-next:before{
        content:'\25B6';
    }
    */

    /*page testimonios*/
    #wrap section.page-testimonios{
        width: 80%;
        max-width: 1480px;
        padding: 50px 0 140px;
    }
    #wrap section.page-testimonios > div{
        padding-top: 55px;
        max-width: 1374px;
        margin: auto;
    }
    #wrap .page-testimonios .testimonio-item{
        display: grid;
        grid-template-columns: 56.42% auto;
        align-items: center;
        gap: 25px;
        margin: 0 0 70px;
        align-items: center;
    }
    #wrap .page-testimonios .testimonio-item > div{
        text-align: left;
    }
    #wrap .page-testimonios .testimonio-item > div:last-child{
        margin: 0;
        text-align: left;
    }
    #wrap .page-testimonios .testimonio-item p{
        font-size: 1.1rem;
    }
    #wrap .page-testimonios .testimonio-item h3{
        font-size: 1.9rem;
        text-transform: none;
        margin: 0 0 30px;
    }
    #wrap section.page-testimonios .testimonios-txt{
        margin: auto;
        text-align: center;
    }
    #wrap section.page-testimonios .testimonios-txt h3{
        text-transform: uppercase;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 3.3em;
    }
    #wrap section.page-testimonios .entry-page{
        padding: 20px 0 0;
    }

    #wrap .page-testimonios .testimonio-item:nth-child(even) {
    grid-template-columns: auto 56.42%;
    }
    #wrap .page-testimonios .testimonio-item:nth-child(even) > div{
        text-align: right;
    }

    #wrap .page-testimonios .testimonio-item:nth-child(even) .testimonio-thumb {
    order: 2; /* imagen a la derecha */
    }

    #wrap .page-testimonios .cta-testimonios p{
        font-size: 2.8em;
    }
    #wrap .page-testimonios .cta-testimonios a{
        background-color: #4c5159;
        display: inline-block;
        color: #fff;
        border-radius: 23px 0 23px 0;
        padding: 10px 67px;
        margin: 0;
        font-size: 1.7em;
        letter-spacing: .1em;
    }

/*contacto*/
.pagina .contacto{
    padding: 45px 0 60px;
}

.categorias .posts-home{
    margin: 0 auto 70px;
    overflow: hidden;
}


.whatsapp-footer{
    display:block;
    width: 60px;
    height: 60px;
    position:fixed;
    bottom: 85px;
    right: 30px;
    z-index: 600;
}

a#scroll-to-top{
    background-image:url(imagenes/arrow-top.png) !important;
    right: 113px !important;
    bottom: 24px !important;        
    z-index: 1000 !important;
}

.entry p:last-child{margin-bottom: 0;}

.redes-container{
    display:block;
    width:100%;
    padding-bottom:10px;
    margin:3px auto 10px;
    text-align:center;
    overflow: hidden;
}
.redes{
    display: block;
    float:right;
    width: 75%;
    height: 20px;
    padding: 8px 0 55px;
}
.redes > div{float:right}
.redes a{color:#604644}
.i-fb{width:95px; height:50px;}
.fb-comments{
    width: 100% !important;
    max-width:600px;
    margin-top: 17px;
    display: block !important;
    float: left;
    clear:both;
}
#nav-post{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; 
    display:block; 
    float:left; 
    width:100%; 
    height:auto; 
    padding: 16px 0 0;
    position:relative; 
    text-align:center;
    border-top:1px solid #1b1b1b;
}
#nav-post p{
    font-size: 1.8em;
    font-weight: bold;
    margin: 0 0 3px; 
    color:#000;
    letter-spacing:.05em;
}
.post-anterior, .post-siguiente{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; 
    padding-bottom:10px;
    display:block;
    width:auto;
    height:auto; 
}
.post-anterior{float:left; text-align:left; padding-left:23px; background:url(imagenes/arrow-post-left.png) no-repeat left 4px;}
.post-siguiente{float:right; text-align:right; padding-right:23px; background:url(imagenes/arrow-post-right.png) no-repeat right 4px;}
.post-right.png) no-repeat right 3px;}
.post-anterior a{position:relative; z-index:110}
.post-siguiente a{position:relative; z-index:120}

/*Paginación*/
.navi-container{
    display:block;
    float:left;
    width:100%;
    height:auto;
    padding:5px 0 6%;
    text-align:center;
}
.wp-pagenavi a{
    color:#000;
}
.wp-pagenavi {
    display:block;
    height:16px;
    clear: both;
    text-align:center;
    font-size:1.8em;
    color:#000;
    clear:both;
}
.wp-pagenavi a, .wp-pagenavi span {
    display:inline-block;
    width:16px;
    height:18px;
    text-decoration: none;
    margin:0 3px;
    font-weight:normal;
}
.wp-pagenavi img {margin-bottom: -1px;}
.wp-pagenavi .smaller, .wp-pagenavi .larger{}
.wp-pagenavi span.current {
    font-weight:bold;
}
.arrow-left{
    background:url(imagenes/arrow-post-left.png) no-repeat left 6px;
    background-size: 11px;
}
.arrow-right{
    background:url(imagenes/arrow-post-right.png) no-repeat right 6px;
    background-size: 11px;
}
.wp-pagenavi  .previouspostslink{margin-right:10px;}

.single {}
.single > section{
    width: 90%;
    max-width: 1000px;
    margin: auto;
}
.single > section > header h2{
    font-size: 2.5em;
    margin: 70px auto 15px;
}
#historias{
    width:100%;
    margin:10px auto 85px;
    overflow:hidden;
}
.marc{
    display:block;
    width: 100%;    
    height: 1px;
    overflow: hidden;
}


#trans{
    display:inline-block;
    width: 90px;
    height: 34px;
    padding: 5px 3px 2px;
    margin:0;
    float:right;
    vertical-align:top;
    position:fixed;
    top:24px;
    right:20px;
    z-index:15000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -khtml-border-radius: 25px;
    font-family: 'IvyModeRegular', sans-serif;
    font-size: 1.4em;
    color: #fff;
    letter-spacing: .35em;
}

#trans #English a:before{
    content: 'EN';
    color:#fff;
}
#trans #Spanish a:before{
    content: 'ES';
    color:#fff;
}
#trans #English:after{
    content: '/';
    display: inline-block;
    padding: 0 0px 0 10px;
}

#google_language_translator, #flags{text-align:right !important}
#trans #flags{width:80px;}
#trans #flags li{padding:0 1px !important;}
#trans #flags li a{opacity:1; transition: 0.5s ease 0s}
#trans #flags li a:hover{opacity:.7; transition: 0.5s ease 0s}

/*Flags*/
#trans #English a{background:none !important;}
#trans #French a{background:none !important;}
#trans #Spanish a{background:none !important;}
#trans #flags.size18 a{width:20px !important; height:20px !important; margin:0 !important;}

/*MediaQueries*/
@media screen and (max-width:1450px){
    #top{
        top:30px;
    }
    #top a{
        max-width: 460px;
    }
    .menu-gral ul li a {
        margin: 0 20px;
    }
    #content-header-home .txt-header-home{
        bottom: 3%;
    }
    #content-header-home .txt-header-home p {
        font-size: 1.5em;
    }
    #footer {
        background: url(imagenes/logo-54fotografia-small.png) no-repeat center 25px #303030;
        background-size: 350px;
        padding: 140px 0 5px;
    }
}
@media screen and (max-width:1370px){
		#wrap .testimonios .wcp-carousel-main-wrap .slick-slide > div p {
			font-size: 1.1rem;
            text-align: center;
		}
		#wrap .wcp-carousel-main-wrap .post-style-2 .wcp-content-wrap h3 {
			font-size: 1.6rem;
			margin-bottom: 30px;
            text-align: center;
		}
        #wrap section.page-testimonios .testimonios-txt h3{
            font-size: 3em;
        }
}
@media screen and (max-width:1250px){
    .about{
        width: 100%;
    }
    .about > div:nth-child(1) {
        padding: 0 17px 0 40px;
    }
    .about > div:nth-child(3) {
        padding: 110px 38px 0 25px;
    }
    .about > div:nth-child(3) img{
        width: 100%;
    }
    .sobremi .about > div:nth-child(1) img{
        max-width:100%;
    }
	.awards-home > div{
		grid-template-columns: 100%;
	}
	.awards-home > div > div {
		display: block;
	}
	.awards-home > div > div:first-child .more{
		float:none;
		margin-left:0;
	}
	.awards-home > div > div:last-child .more{
		float:none;
		margin-right:0;
	}
	.awards-home > div > div > a {
    	margin-top: 0px;
	}
	.menu-gral ul li a {
		margin: 0 14px;
		font-size:1.3em;
		letter-spacing:.25em;
	}    
}

@media screen and (max-width:1150px){
    #wrap .testimonios .wcp-carousel-main-wrap .slick-slide > div{
        grid-template-columns: 100%;
    }
}

@media screen and (max-width:1050px){
    #top a {
        max-width: 400px;
    }
    .menu-gral ul li a {
        margin: 0 8px;
    }
    .copy1 h2 {
        font-size: 5em;
    }

    .img-cta-tips-home img {
        width: 170%;
        max-width: 170%;
        margin-left: -35%;
    }
    .img-cta-tips-home a h3 {
        font-size: 3em;
        padding: 40px 15px;
        margin-right: 15px;
    }
    .post-home h3{
        font-size: 1.6em;
    }
    .post-home:hover h3 {
        bottom: 55px;
    }
    .boton{
        font-size: 1.5em;
    }
    .info-contacto > p {
        font-size: 2.8em;
    }
    .info-contacto ul span {
        font-size: 4em;
    }
    .contacto input {
        margin: 2px auto 15px;
    }
    .contacto select {  
        margin: 11px auto 17px;
    }
    .contacto textarea {
        height: 120px;
    }
    #footer > p{
        font-size: 1.6em;
    } 
    .about > div:nth-child(1) h3 {
        font-size: 5em;
    }
    .sobremi .about > div:nth-child(3) h3{
        font-size: 2.3em;
    }
    #trans {
        width: 80px;
        height: 25px;
    }/* 
    #trans #flags li{
        padding: 0 !important;
    }
    #trans #flags.size18 a {
        width: 30px !important;
    }
    #trans #English:after{
        padding: 0 0px 0 8px;
    } */    
	
	.content-video-home{
		grid-template-columns: 50% 1fr;
		column-gap: 8%;
	}
	.video-txt-copy {
		margin: 25px auto;
	}
	.video-home h3 {
		font-size: 2.5em;
	}
}
@media screen and (max-width:950px){
	
 
    .headerhome #content-header-home{
        background: #303030;
        height: 132px;
    }  
     .headerhome #top{
        height: 80px;
        margin: 0 auto;
        top: 40px;
        left: 0;
        transform: none;
        -webkit-transform: none;
    }

    #content-header-home .txt-header-home{display:none;}
        #content-header-home {padding: 0;}
     
    .headersite{
        height: 135px;
    }
    .headersite #top{
        height: 80px;
        margin: 0 auto;
        top: 40px;
        left: 0;
        transform: none;
        -webkit-transform: none;
    }
    #top a{
        max-width: 320px;
    }
    #content-nav{
        height: 45px;
        padding:0;
        overflow: visible;
        transition:0s ease 0s;
    }
    .menu-gral{
        background:url(imagenes/menu-lines.svg) no-repeat calc(100% - 23px) 10px #303030;
        background-size:20px;
        height: 38px;
        width: 100%;
        overflow: hidden;
        margin:0;
        position:absolute;
        z-index:15;
        right:0;
        cursor: pointer;
        transition:0s ease 0s;
    }

    .menu-gral:hover, .menu-gral:focus{
        width: auto; 
        overflow: visible; 
        margin-bottom: 10px; 
        right:0; 
        z-index: 1000; 
        opacity:1; 
        transition:0s ease 0s;
        width:100%; 
            padding-top:45px
    }
    .menu-gral:hover > div ul li a, .menu-gral:focus > div ul li a{
        transition:0.3s ease 0s;
        display: inline-block;
		padding: 9px 5px 12px;
    }
    .menu-gral > div {
        width:100%;
        float:none !important; 
        padding:0;
        margin-top: 30px;
        border-bottom:0;
    }    
    .menu-gral:hover > div{
        margin-top: 0;
    }
    .menu-gral > div > ul{
        background: #303030; 
        width:100%; 
        height:auto;
        padding:15px 0 0;
        text-align:center;
        transition:0.1s ease 0s;
    }
    .menu-gral > div ul li{
        float: none;
        display:block; 
        margin:0;
        transition: .3s ease 0s;
		border-top: 1px solid #524f54;
    }
    .menu-gral > div ul li:hover{
        background: #2a2a2a;
        transition: .3s ease 0s;
    }
	.menu-gral > div ul li:hover ul{
		position:relative;
	}
	.menu-gral ul li:hover ul li{
		height: auto;
		padding: 0;
		border-top: 1px solid #524f54;
		font-size:1em;
		transition:0s 0s;
	}
	.menu-gral ul li:hover ul li:hover{
		background:#2a2a2a;
	}
	.menu-gral ul li:hover ul li a{
		display:inline-block;
		padding:9px 5px 12px;
		margin:0;
	}
    .menu-gral > div > ul > li > a{
        padding: 9px 5px 12px;
        margin: 0;
    }
    .menu-gral ul li a:hover{
        opacity:1;
    }
    .menu-gral:hover, .menu-gral:focus{}
    .menu-gral:hover > div > ul{opacity:1; transition:0.5s ease 0s;}
    .menu-gral > div > ul > li{
        border-top:1px solid #524f54; 
        padding: 5px 0 0px;
    }
	.menu-gral ul li ul{
		display:block;
		text-align:center;
		padding:0;
	}
    #trans{
        right: auto;
        left: 10px;
        top: 10px;
        font-size: 1.2em;
    }
		#wrap .testimonios .wcp-carousel-main-wrap .wcp-content-wrap{
			padding: 0;
		}	
		#wrap section.page-testimonios .entry-page {
			padding: 20px 0 0;
		}	
		#wrap .page-testimonios .testimonio-item,
		#wrap .page-testimonios .testimonio-item:nth-child(even){
			grid-template-columns: 100%;
			max-width: 650px;
			margin: 0 auto 80px;
		}
		#wrap .page-testimonios .testimonio-item:nth-child(even) .testimonio-thumb{
			order: 0;
		}
		#wrap .page-testimonios .testimonio-item h3{
			font-size: 1.6rem;
        	margin-bottom: 30px;
		}
		#wrap .page-testimonios .testimonio-item p{
			font-size: 1.1rem;
		}
        
        #wrap section.page-testimonios .testimonios-txt h3{
            font-size: 2.4em;
        }
        #wrap .page-testimonios .testimonio-item h3,
        #wrap .page-testimonios .testimonio-item > div,
        #wrap .page-testimonios .testimonio-item > div:last-child{
            text-align: center;
        }
}
@media screen and (max-width:768px){
    h3 {
        font-size: 2.5em;
    }
		#wrap section.testimonios{
			padding: 0 0 90px;
		}

    .menu-gral ul li a {
        margin: 0px 15px;
        letter-spacing: .2em;
    }
    .copy1 h2 {
        font-size: 4em;
    }
    .img-cta-tips-home a h4{
        font-size: 2.1em;
    }
    .posts-home {
        padding: 50px 0 0;
    }
    .post-home{
        width: calc(50% - 4px);
    }
    .content-contacto{
        display: block;
    }
    .form-content{
        width: 100%;
        max-width: 400px;
        margin: 20px auto 70px;
        overflow: hidden;
    }
    .form-content > div {
        width: 100%;
    }
    .info-contacto{
        width: 100%;
        max-width: 400px;
        margin: auto;
    }
    .redes-list {
        padding: 20px 0 0;
    }
    .contacto {
        padding: 45px 0 65px;
    }
    #footer > p {
        display: block;
        font-size: 1.4em;
        letter-spacing: .15em;
    }  
    .about{
        display: block;
        max-width: 400px;
        margin: 40px auto 50px;
    }
    .about > div {
        width: 100%;
    }
    .about > div:nth-child(1) {
        padding: 0 28px 28px;
    }
    .about > div:nth-child(1) h3 {
        font-size: 6em;
    }
    .about > div:nth-child(2) .boton{
        display:none;
    }  
    .about > div:nth-child(3){
        padding: 0 50px;
    }
    .about > .boton{
        display:inline-block;
        margin:20px auto 0;
    }
    .sobremi .about > div:nth-child(1) img {
        position: relative;
        bottom: 0;
        left: 0;
    }
    .sobremi .about > div:nth-child(2) img{
        padding: 0 0 70px;
    }
    .sobremi .about > div:nth-child(3) h3{
        font-size: 2em;
        margin: 20px 0 80px;
    }    
    .awards-home > div > div{
        padding: 0 0 70px;
    }
    .awards-home > div > div:first-child img{
        width: 200px;
    }
    .awards-home > div > div:last-child img{
        width: 170px;
        margin: 0 0 0 50px;
    }
    .awards-home > div > div:last-child a:first-child img{
        margin-left: 0;
    }
    .awards-home > div > div:last-child .more {
        float: none;
    }
    .sobremi .awards-home img{
        width: 170px;
    }
    #pagina{
        width:90%;
    }
	
  .content-video-home {
    grid-template-columns: 1fr;
	width: 80%;
	max-width:440px;
  }
  .video-txt-title { order: 1; margin-bottom: 25px;}
  .video-url { order: 2; }
  .video-txt-copy { order: 3; }
  .video-txt-cta{ order: 4; }
  .video-txt-title, .video-url, .video-txt-copy, .video-txt-cta{
	  grid-column: auto;
	  grid-row: auto;
  }
  .col-about-1 img,
  .about > div:nth-child(3) img{
	  display:none;
  }
  
  /* Resetear posición en grid para mobile */
  .texto1, .texto2, .cta, .video {
    grid-column: auto;
    grid-row: auto;
  }	
        #wrap section.page-testimonios > div  {
            padding-top: 0;
        }
        #wrap .page-testimonios .cta-testimonios p {
            font-size: 2.2em;
        }
       #wrap .page-testimonios .cta-testimonios a {
           padding: 10px 34px;
           font-size: 1.4em;
        }
        #wrap section.page-testimonios .testimonios-txt h3{
            margin-bottom: 50px;
        }        
}

@media screen and (max-width:600px){
    
    .slider-container{
        margin-top: 132px;
    }
    .img-cta-tips-home a h3 {
        display: block;
        margin: 0 auto;
        font-size: 2.5em;
        width: 65px;
        height: 15px;
        padding: 28px 10px 42px;
        float: none;
    }    
    .img-cta-tips-home a h4 {
        font-size: 1.9em;
        font-weight: 100;
    }
    .img-cta-tips-home a p {
        font-size: 1.5em;
        margin: 0;
    }
    #footer{
        background-size: 290px;
        padding: 120px 0 5px;
    }
    .contacto > h3 {
        margin-top: 0;
    }
    .sobremi .awards-home img{
        width: 130px;
        margin: 0 5px;
    }    
    .sobremi .boton {
        margin: 20px auto 70px;
    }
    #nav-post .post-anterior{
        float: left;
        padding: 0;
    }
    #nav-post .post-siguiente{
        float: right;
        padding: 0;
    }
    #nav-post a{
        display: block;
        width: 25px;
        height: 20px;
        text-align: left;
        text-indent: -9000px;
    }
    .credit {
        padding: 70px 0 0;
    }	
	.video-home{
		padding:10px 0;
	}
        #wrap .testimonios .wcp-carousel-main-wrap .slick-slide > div{
            padding: 0;
        }
		#wrap .testimonios .wcp-carousel-main-wrap .slick-slide > div p {
			font-size: 1.05rem;
		}
		#wrap .wcp-carousel-main-wrap .post-style-2 .wcp-content-wrap h3 {
			font-size: 1.4rem;
			margin-bottom: 30px;
		}	
		#wrap .page-testimonios .testimonio-item  p {
			font-size: 1rem;
		}
		#wrap .page-testimonios .testimonio-item  h3 {
			font-size: 1.4rem;
			margin-bottom: 30px;
		}	
		#wrap .page-testimonios .testimonio-item > div:last-child{
			margin: 0;
        }
        #wrap section.page-testimonios{
            padding: 0px 0 140px
        }
        #wrap section.page-testimonios .entry-page{
            padding: 3px 0 0;
        }
}
@media screen and (max-width:480px){
    p{
        font-size: 1.6em;
    }
    h3 {
        font-size: 2.5em;
    }
    .copy1 h2 {
        font-size: 3em;
    }
        .post-home{
            width: 100%;
            margin: 2px 0;
    }
    .awards-home > div > div:last-child img {
        width: 92%;
        margin: 0 0 4%;
    }
    .awards-home > div > div:last-child a{
        width:48%;
    }
    .prefooter p{
        display: block;
        font-size: 1.5em;
        letter-spacing: .1em;
        margin: 0 0 20px;
    }
    .prefooter p span{
        display: block;
        text-indent: -9000px;
    }
}

@media screen and (max-width:400px){
    .img-cta-tips-home img {
        width: 250%;
        max-width: 250%;
        margin-left: -75%;
    }
    .info-contacto ul span {
        font-size: 3em;
    }
}