/*
Theme Name: WHISPER MKT
Theme URI: https://jagonzalez.org/
Author: Julian Andres Gonzalez Villanueva (belial9826)
Author URI: https://www.linkedin.com/in/juliangonzalezvillanueva/
Description: Theme personalizado responsive para Whisper MKT
Version: 1.0
Text Domain: whispermkt
*/

/* WordPress Core*/
.alignnone{margin:5px 20px 20px 0;}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto;}
.alignright{float:right;margin:5px 0 20px 20px;}
.alignleft{float:left;margin:5px 20px 20px 0;}
a img.alignright{float:right;margin:5px 0 20px 20px;}
a img.alignnone{margin:5px 20px 20px 0;}
a img.alignleft{float:left;margin:5px 20px 20px 0;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%; /* Image does not overflow the content area */padding:5px 3px 10px;text-align:center;}
.wp-caption.alignnone{margin:5px 20px 20px 0;}
.wp-caption.alignleft{margin:5px 20px 20px 0;}
.wp-caption.alignright{margin:5px 0 20px 20px;}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto;}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px;}

/* Text meant only for screen readers. */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */}
.screen-reader-text:focus{background-color:#eee;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000;	/* Above WP toolbar. */}

/*FIN WORDPRESS CORE*/

/*EFECTO HOVER CAJAS*/
.elementor-element.effhoverbox .elementor-widget-image-box{z-index:1;}
.elementor-element.effhoverbox .elementor-widget-image-box .elementor-widget-container{--border-width:13px;position:relative;}
.elementor-element.effhoverbox .elementor-widget-image-box .elementor-widget-container:before{opacity:0;transform:scale(0);position:absolute;content:"";top:calc(-1 * var(--border-width));left:calc(-1 * var(--border-width));z-index:-1;width:calc(100% + var(--border-width) * 2);height:calc(100% + var(--border-width) * 2);background:linear-gradient(60deg,#a8073b,#1d1c62,#500e34,#a8032b,#f2cb5f,#6a000a,#5ff281,#5d114f);background-size:300%;background-position:0 50%;border-radius:70px;box-shadow:0 0 7px 5px rgba(0,0,0,.25);-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s}
.elementor-element.effhoverbox .elementor-widget-image-box .elementor-widget-container:hover:before{opacity:1;transform:scale(1);animation:movborcols 8s linear infinite;}
@keyframes movborcols{
	50%{background-position:100% 50%;}
}

/*LOADER*/
#divloader{position:fixed;top:0;height:100%;width:100%;background-color:#fff;z-index:99999;display:flex;justify-content:center;align-items:center;}
.sk-cube-grid{width:40px;height:40px;margin:100px auto;}
.sk-cube-grid .sk-cube{width:33%;height:33%;background-color:#ad3334;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;}
.sk-cube-grid .sk-cube1{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube2{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube3{-webkit-animation-delay:0.4s;animation-delay:0.4s;}
.sk-cube-grid .sk-cube4{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube5{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
.sk-cube-grid .sk-cube6{-webkit-animation-delay:0.3s;animation-delay:0.3s;}
.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s;}
.sk-cube-grid .sk-cube8{-webkit-animation-delay:0.1s;animation-delay:0.1s;}
.sk-cube-grid .sk-cube9{-webkit-animation-delay:0.2s;animation-delay:0.2s;}
@-webkit-keyframes sk-cubeGridScaleDelay{
	0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1);}
	35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1);}
}
@keyframes sk-cubeGridScaleDelay{
	0%,70%,100%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1);}
	35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1);}
}
.spinner{margin:100px auto;width:50px;height:40px;text-align:center;font-size:10px;}
.spinner > div{background-color:#ad3334;height:100%;width:6px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
.spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
.spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
.spinner .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s;}
@-webkit-keyframes sk-stretchdelay{
	0%,40%,100%{-webkit-transform:scaleY(0.4)}
	20%{-webkit-transform:scaleY(1.0)}
}
@keyframes sk-stretchdelay{
	0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4);}
	20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0);}
}

/*LINEAS ONDULADAS MOVIENDOSE*/
.divanilinondu{max-width:100%;overflow:hidden;margin-bottom:-200px;}
.anilinondu{width:200%;height:335px;display:inline-block;position:relative;}
.anilinondu img{animation:wavelines 25s linear infinite;width:100%;position:absolute;}
.anilinondu img.img2{animation:wavelines 35s linear infinite;}
@keyframes wavelines{
	0%{transform:translateX(0) translateZ(0) scale(1);}
	50%{transform:translateX(-25%) translateZ(0) scale(0.5);}
	100%{transform:translateX(0) translateZ(0) scale(1);}
}

/*CONTACT FORM*/
.wpcf7 .wpcf7-form{}
.wpcf7 form .col,.wpcf7 form .wpcf7-form-control-wrap{display:block;width:100%;float:left}
.wpcf7 form .col{margin-bottom:10px;padding:0 10px;}
.wpcf7 form .col.colbtn{margin-bottom:0}
.wpcf7 form p{margin:0;}
.wpcf7 form label{display:flex;flex-wrap:wrap;font-weight:600;color:#000;}
.wpcf7 form label .custom{width:80px;line-height:1.4;color:#676767;}
.wpcf7 form .wpcf7-form-control-wrap{width:100%;margin-bottom:5px;}
.wpcf7 form .wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit){font-size:14px;height:58px;line-height:1;color:#333;padding:0 15px;font-weight:300;width:100%;border-radius:0;background-color:#fff;box-shadow:none;border:none;}
.wpcf7 form .wpcf7-form-control:focus{box-shadow:0 0 0 3px rgba(0,0,0,0.05);}
.wpcf7 form .wpcf7-form-control-wrap textarea.wpcf7-form-control:not(.wpcf7-acceptance):not(.wpcf7-submit){height:140px;padding-top:12px;resize:none;margin-bottom:20px;}
.wpcf7 .select2-container{width:100%!important;}
.wpcf7 .select2-container .select2-selection--single,.wpcf7 .select2-container--default .select2-selection--single .select2-selection__rendered,.wpcf7 .select2-container--default .select2-selection--single .select2-selection__arrow{height:50px;line-height:50px;}
.wpcf7 .select2-container .select2-selection--single{border:1px solid #ebebeb;}
.wpcf7 form .nice-select{width:100%;border-radius:0}
.wpcf7 form .nice-select .list{max-width:100%}
.wpcf7 .terminos{display:inline-block;width:100%;margin:0;text-align:left;}
.wpcf7 .terminos .wpcf7-form-control-wrap{margin:0;}
.wpcf7 .terminos,.wpcf7 .terminos a{color:#000;}
.wpcf7 .terminos .wpcf7-list-item{margin:0;}
.wpcf7 .terminos label{display:flex;flex-wrap:initial;align-items:flex-start;font-size:14px;font-weight:500;color:#a8a8a8;}
.wpcf7 .terminos input[type="checkbox"]{margin-top:4px;margin-right:10px;margin-left:0;}
.wpcf7 .wpcf7-submit{margin:0 auto;display:table;width:auto;border:none;height:44px;padding:0 26px;color:#fff;border:2px solid #fff;font-weight:700;font-size:20px;border-radius:0;-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s;background-color:transparent;text-transform:uppercase;font-family:'Poppins';}
.wpcf7 .wpcf7-submit:hover{background-color:#da0000;border:2px solid #da0000;}
.wpcf7 form .responseform{border:1px solid #73c01c;color:#000}
.wpcf7 .wpcf7-response-output{float:left;margin:0;}

/*FIN CONTACT FORM*/

/*SCROLL BAR*/

/* Main scrollbar styles */
body:not(.wp-admin):before{content:"";top:0;right:24px;width:3px;height:100%;position:fixed;background-color:#FF0028;z-index:999;}
body.boom:not(.wp-admin):before{height:100%;}
body:not(.wp-admin){overflow:overlay;overflow-x:hidden;}
body.dialog-prevent-scroll:not(.wp-admin){overflow:hidden;max-height:100vh;}
body:not(.wp-admin)::-webkit-scrollbar{cursor:pointer;width:3.2em;background-color:transparent;}
body:not(.wp-admin)::-webkit-scrollbar-trackcursor:pointer;{background-color:transparent;border-radius:100px;margin:15px;}
body:not(.wp-admin)::-webkit-scrollbar-thumb{cursor:pointer;background-image:url("assets/img/THUMB-SCROLL.png");background-position:100% 87%;background-repeat:no-repeat,no-repeat;background-size:100%;}
body.boom:not(.wp-admin)::-webkit-scrollbar-thumb{background-image:url("assets/img/MARKETING WEB WHISPER.png");}

/*GENERAL*/

/* body:not(.wp-admin):before{content:"";top:0;left:30px;width:3px;height:100%;position:fixed;background-color:#FF0028;z-index:9999;}
body:not(.wp-admin):after{content:"";width:60px;height:71px;background-image:url('assets/img/THUMB-SCROLL.png');background-size:contain;background-position:center;position:fixed;top:50%;left:2px;z-index:999;background-repeat:no-repeat;} */
a,.btn,button,input[type="submit"],input[type="button"]{color:inherit;cursor:pointer;outline:none;text-decoration:none;-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s}
.disInlineB{display:inline-block;position:relative;width:100%;}
.contflex{display:flex;flex-wrap:wrap;position:relative;width:100%;}
.icon-button{background-color:transparent;border-radius:2em;cursor:pointer;display:inline-block;height:30px;line-height:1;margin:0 2px;width:30px;position:relative;text-align:center;border:1px solid #fff;}
.icon-button:hover{border:1px solid transparent;}
.icon-button span{border-radius:0;display:block;height:0;left:50%;margin:0;position:absolute;top:50%;-o-transition:all .3s;transition:all .3s;width:0}
.icon-button:hover span{width:2em;height:2em;border-radius:2em;margin:-1em}
.linkedin span{background-color:#4393BB}
.pinterest span{background-color:#C92228}
.twitter span{background-color:#4099ff}
.facebook span{background-color:#3B5998}
.instagram span{background-color:#125688}
.google-plus span{background-color:#db5a3c}
.youtube span{background-color:#b00}
.icon-button i{background:transparent;color:#fff;position:absolute;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;z-index:2;margin:0 auto;bottom:0;top:28%;left:0;right:0;}
.icon-button .icon-linkedin{color:#4393BB}
.icon-button .icon-pinterest{color:#C92228}
.icon-button .icon-twitter{color:#4099ff}
.icon-button .icon-facebook{color:#3B5998}
.icon-button .icon-youtube{color:#db5a3c}
.icon-button .icon-google-plus{background-color:#b00}
.icon-button:hover .icon-facebook,.icon-button:hover .icon-google-plus,.icon-button:hover .icon-linkedin,.icon-button:hover .icon-pinterest,.icon-button:hover .icon-twitter{color:#fff}
.elementor-slick-slider .slick-next,.elementor-slick-slider .slick-prev{width:auto!important}
.idiomas{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin-right:15px;}
.idiomas li{margin:0 2px;}
.elementor-element.divsectop:before{content:"";position:absolute;top:0;left:0;width:100%;height:125px;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,.75),rgba(255,255,255,1));}
.elementor-element.divsecbot:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:200px;background-image:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,.35),rgba(255,255,255,.75),rgba(255,255,255,1));}
.elementor-element.divsectop.inv:before{background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,.75),rgba(255,255,255,.35),rgba(255,255,255,0));z-index:9;}
.elementor-element.divsecbot.inv:after{background-image:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,.75),rgba(255,255,255,.35),rgba(255,255,255,0));z-index:9;}
.elementor-element.divsectop.negro:before{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.35),rgba(0,0,0,.75),rgba(0,0,0,1));z-index:9;}
.elementor-element.divsecbot.negro:after{background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.35),rgba(0,0,0,.75),rgba(0,0,0,1));z-index:9;}
.elementor-element.divsectop.negro.inv:before{background-image:linear-gradient(rgba(0,0,0,1),rgba(0,0,0,.75),rgba(0,0,0,.35),rgba(0,0,0,0));}
.flust .elementor-heading-title{font-family:lust,serif;}

/*FIN GENERAL*/

/*HEADER*/
#headerservs .elementor-widget-icon .elementor-icon-wrapper,#headerservs .elementor-widget-icon .elementor-icon-wrapper a{display:block;}
#headerservs .elementor-widget-icon:hover .elementor-icon{color:#FF0028;}
#modmenprin .elementor-widget .elementor-icon-list-item a,#modmenprin .elementor-widget .elementor-icon-list-item a span{transition:font-family .2s ease;}
#modmenprin .elementor-widget .elementor-icon-list-item a span:hover{font-family:lust,serif;font-weight:700;font-style:italic;}

/*FIN HEADER*/

/*FOOTER*/
#divfazul:after{content:"";width:80%;background-color:#D1D1D1;display:table;height:1px;margin:0 auto;margin-bottom:-1px;right:0;z-index:99;}

/*FIN FOOTER*/

/*ANIMACIONES*/
@keyframes bounce-6{
	0%{transform:scale(1,1)      translateY(0);}
	10%{transform:scale(1.1,.9)   translateY(0);}
	30%{transform:scale(.9,1.1)   translateY(-100px);}
	50%{transform:scale(1.05,.95) translateY(0);}
	57%{transform:scale(1,1)      translateY(-7px);}
	64%{transform:scale(1,1)      translateY(0);}
	100%{transform:scale(1,1)      translateY(0);}
}
@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-o-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-ms-keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-webkit-keyframes pulse{
	0%{-webkit-transform:scale(0.9);opacity:0.7;}
	50%{-webkit-transform:scale(1);opacity:1;}
	100%{-webkit-transform:scale(0.9);opacity:0.7;}
}
@keyframes pulse{
	0%{transform:scale(0.9);opacity:0.7;}
	50%{transform:scale(1);opacity:1;}
	100%{transform:scale(0.9);opacity:0.7;}
}

/*SECCION CARRUSEL TESTIMONIOS*/
.short-slicktesti .slick-slide{padding:0 30px;}
.short-slicktesti .contimg{width:130px;height:130px;border-radius:50%;display:flex;margin:0 auto -40px;background-size:cover;background-position:center;border:12px solid #FF0028;z-index:9;position:relative;}
.short-slicktesti .texto{height:290px;}
.short-slicktesti .informacion{background-color:#E6E6E6;border-radius:25px;padding:70px 50px 80px;font-size:14px;}
.short-slicktesti .title,.short-slicktesti .info{font-size:12px;margin:0;font-weight:700;}
.short-slicktesti .info{padding-right:85px;height:67px;font-weight:700;}
.short-slicktesti .pais{color:#808080;margin:0;position:absolute;bottom:20px;left:0;text-align:center;text-transform:uppercase;letter-spacing:7px;}
.short-slicktesti img.imgabs{position:absolute;right:22px;height:39px;width:auto;bottom:90px;}

/*SECCION BLOQUES EQUIPO DE TRABAJO*/
.gridequipo .equipo{}
.gridequipo .equipo{width:calc((100% / 3) - 50px);background-color:#C8C8C8;box-shadow:0 0 16px 1px rgb(0 0 0 / 64%);padding:30px;border-radius:30px;margin:0 25px 70px;-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s}
.gridequipo .equipo:hover{background-color:#bbb;box-shadow:0 0 18px 1px rgb(0 0 0 / 74%);}
.gridequipo .equipo .contimg{justify-content:center;margin-bottom:25px;}
.gridequipo .equipo img{height:120px;border-radius:50%;-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s}
.gridequipo .equipo:hover img{transform:scale(1.1);}
.gridequipo .equipo .title{font-family:"FS Elliot",Sans-serif;color:#646464;margin:0;line-height:1;font-size:20px;}
.gridequipo .equipo .cargo{font-family:"FS Elliot",Sans-serif;color:#FF0028;}

/*CARRUSEL VERTICAL PALABRAS*/

/* #slickvertpal .slick-slide{font-size:33px;color:#727272;}
#slickvertpal .slick-slide.slick-center{font-size:36px;color:#989898;}

.slick-vertical .slick-slide{opacity:0.5;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
.slick-vertical .slick-current{opacity:1;border-top-color:#000;border-bottom-color:#000;}
*/
.slick-vertical h3{background:#fff;color:#3498db;font-size:36px;line-height:100px;margin:10px;padding:2%;position:relative;text-align:center;}
.slick-vertical .slick-slide{opacity:0.5;border-top:1px solid #EEE;border-bottom:1px solid #EEE;}
.slick-vertical .slick-current{opacity:1;border-top-color:#000;border-bottom-color:#000;}

/*SECCION PRINCIPAL SERVICIOS*/
#divprinserv{background-color:#000;}
#divprinserv:before{content:"";position:absolute;top:5vw;left:0;width:100%;height:193px;background-size:contain;background-repeat:no-repeat;background-image:url('assets/img/ONDAS-CAPA-SERVICIO-PRINCIPAL.png');z-index:1;}
#divprinserv .elementor-background-video-container{top:-42vh;}

/*NOSOTROS*/
.listequipo{}
.listequipo p{margin:0;}
.listequipo .equipo{position:initial;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid #f1f1f1;color:#fff;font-family:Poppins;padding-left:40%;-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s}

/* .listequipo .equipo:hover{background-color:#111;} */
.listequipo .contimg{width:400px;opacity:0;transform:scale(0);overflow:hidden;z-index:99;position:fixed;bottom:25px;left:30px;width:auto;-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s}
.listequipo.viewp .contimg{position:absolute;}
.listequipo .equipo:hover .contimg{opacity:1;transform:scale(1);}
.listequipo .equipo .title{width:45%;font-size:1.8em;font-weight:800;color:#fff;font-family:"FS Elliot",Sans-serif;-webkit-transition:all .45s ease 0s;transition:all .45s ease 0s;}
.listequipo .equipo .experiencia{width:25%;}
.listequipo .equipo .cargo{width:40%;text-align:left;padding-right:20px;font-size:1.6em;}
.listequipo .equipo:hover .title{color:var(--e-global-color-2c72d0f);}
.listequipo .equipo .informacion{font-family:"FS Elliot",Sans-serif;font-size:25px;font-weight:800;display:flex;align-items:center;width:100%;padding:30px 0 0;}

/*RESPONSIVE*/
@media only screen and (min-width:1950px){
	.anilinondu{height:430px;}
}
@media only screen and (max-width:1650px){
}
@media only screen and (max-width:1450px){
	.listequipo .equipo .title{font-size:1.2em;}
	.listequipo .equipo .cargo{font-size:1.1em;padding-right:0;width:65%;padding-left:75px;}
	.listequipo .contimg{width:320px;}
}
@media only screen and (max-width:1370px){
	body:after{top:44%;}
	.elementor-element.divsectop:before{height:75px;}
	.elementor-element.divsectop.negro.inv:before{background-image:linear-gradient(rgba(0,0,0,.99),rgba(0,0,0,.8),rgba(0,0,0,.355),rgba(0,0,0,0));}
}
@media only screen and (max-width:1285px){
}
@media only screen and (max-width:785px){
	.gridequipo .equipo{width:calc((100% / 2) - 50px);margin:0 25px 50px;}
}
@media only screen and (max-width:680px){
	.gridequipo .equipo{width:calc((100% / 1) - 0px);margin:0 25px 40px;}
	body:before,body:after{display:none;}
	.slick-slider .slick-arrow{width:auto;height:auto;z-index:99;}
	.slick-slider .slick-prev{left:0;}
	.slick-slider .slick-next{right:0;}
	.slick-slider .slick-prev:before,.slick-slider .slick-next:before{color:#FF0028;opacity:1;}
	.slick-slider .slick-arrow:before{font-family:Icofont;font-size:40px;}
	.slick-slider .slick-prev:before{content:"\ea78";}
	.slick-slider .slick-next:before{content:"\ea79";}
}
