/*
Theme Name:Fclwordl
Theme URI: Seoconsultingperu.com
Author: Seo Consulting 
Author URI: 
Description: Plantilla Básica Seo Consulting

*/

*{padding: 0; margin: 0;}
body{--color1: #003e86; --color2: #00b986; --color3: #d67c1f; --font1: "Nunito", sans-serif; --font2:  'Poppins', sans-serif;}
.container{width: 1165px; margin: 0 auto;}
.row{display: flex; justify-content: space-between;} .direction{flex-direction: row-reverse;}
.padded{padding: 100px 0px;}
.grid_5{display: grid; grid-template-columns: repeat(5, 3fr); grid-column-gap: 0px;}
.grid_4{display: grid; grid-template-columns: repeat(4, 3fr); grid-column-gap: 0px;}
.grid_3{display: grid; grid-template-columns: repeat(3, 3fr); grid-column-gap: 20px; grid-row-gap: 20px;}
.grid_2{display: grid; grid-template-columns: repeat(2, 3fr);}
.row-center{display: flex; align-items: center; justify-content: space-between;}
#icoNav_movil{background: var(--color1); width: 51px; height: 51px; border-radius: 50%; padding: 18px 15px;  box-sizing: border-box; margin-left: 10px; display: none;}
.movil{display: none;}
#icoNav_movil ul li {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 4px;
    transition: all 0.5s ease-in-out;
}
.closeNav ul li:nth-child(1){opacity:0;}
.closeNav ul li:nth-child(2){transform:rotate(45deg);margin-bottom:-2px !important;}
.closeNav ul li:nth-child(3){transform:rotate(-45deg);}
a{text-decoration: none;}a,p,span,li,div{font-family: var(--font2);}
.cabecera{width: 100%; position: absolute; top: 0; z-index: 22222;}
.cabecera .container{border-top: 4.7px solid #fff;}
.logo{width: 206px; margin-top: -4.7px;}


.fixed-btn{position: fixed; left: 7%; bottom: 20px;display: block; z-index: 9900;}
.fixed-btn p{padding: 7px 15px; border-radius: 0px 10px 10px 0px; font-size: 14px;background: #25D366; min-width: 200px; text-align: center; font-family: var(--font1);}
.fixed-btn i{background: #fff; color: #25D366; display: inline-block; border: 3px solid #25D366; width: 60px; height: 60px; text-align: center; line-height: 60px;border-radius: 50%; font-size: 30px; position: relative; z-index: 2;  animation: wp 5s infinite;}
.over{display: inline-block; color: var(--color1); transform: translateY(3px); margin-left: -13px; border-left-color: #fff; color: #fff; max-width: 0px; overflow: hidden; transition: all 0.4s ease-in-out;}
.fixed-btn:hover .over{max-width: 300px;}
@keyframes wp{
  	0% {transform: rotate(0deg); box-shadow: 0px 0px 1px 0px #000;}
  	50%{transform: rotate(45deg); box-shadow: 0px 0px 15px 0px #000;}
	100%{transform: rotate(0eg); box-shadow: 0px 0px 1px 0px #000;}	
}
@keyframes wp2{
  	0% {max-width: 0px; display: inline-block;}
  	50%{max-width: 300px;}
	100%{max-width: 0px;  display: inline-block;}	
}


ul.sub-menu{
    display: block !important;
}
.nav-menu li{
    position: relative;
}
.nav-menu li ul.sub-menu{
    position: absolute;
	max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    background: var(--color1);
    min-width: 300px;
}
.nav-menu li ul.sub-menu li::before{
	display: none;
}
.nav-menu li ul.sub-menu li{display: block;}
.nav-menu li ul.sub-menu li a{
    width: 100%;
	line-height: 43px; display: block;
}
.nav-menu li ul.sub-menu li a:hover{
	background: #fff; color: var(--color1);
}
.nav-menu li:hover > ul.sub-menu{
    max-height: 500px;

}


.wapp{position: fixed; left: 7%; bottom: 90px; z-index: 100; box-shadow: 0px 0px 16px 0px #666; display:none; transition: all 0.9s ease-in-out;}
.wapp i{color: #fff; font-size: 20px;}.wapp #hora{position: absolute; right: 5px; bottom: 5px; font-size: 10px; color: #666;}.msg-wpp{position: relative;}
.wapp{width: 287px; border-radius: 5px; overflow: hidden;}.img-wpp{display: none}
.wapp .user{background: #158c00; padding: 10px 10px;}.wapp .user h2{font-size: 13px; color: #fff;}
.wapp .user p{color: #fff; font-size: 10px;}.user .row-center{justify-content: start;}.img-wpp{margin-left: 10px; margin-right: 5px;}
.msg-wpp{width: 100%; margin: 0px 20px 0px 0px; background: #f2f2f2; padding: 5px; border-radius: 8px; font-size: 12px; z-index: 3; line-height: 1.7}
.wapp .message{padding: 10px 10px; width: 100%; background-color: #fff;  box-sizing: border-box;  position: relative; margin: 5px 0px; border-radius: 7px}
.wapp .message::before{ content: ""; display: block; position: absolute;width: 100%; height: 100%; background-image: url(img/wpp.png); z-index: 0; left: 0; top: 0; background-size: cover; background-position: bottom; opacity: 0.1;}
.send{background: #fff; padding: 5px 10px; width: 100%; box-sizing: border-box;}
.send input{background: #fff; border-radius: 8px; height: 40px; color: #666; border: none; width: 80%; padding: 0px 12px; font-size: 11px;}
.send a{border-radius: 50%; height: 40px; width: 40px; margin-left: 10px; color: #8696a0; display: flex; justify-content: center; align-items: center;}
.send input{outline: none;}

.nav-menu ul li{display: inline-block;}
.nav-menu ul li::before{ content:""; display: inline-block; border-left: 1px solid #fff; color: #fff; height: 10px;}
.nav-menu ul li a{color: #fff; font-family: var(--font1); font-size: 15px; text-transform: uppercase;}
.nav-menu ul li:first-child::before{border-left: 0px solid transparent;}
.nav-menu ul li a{padding: 2px 16px;}
.fondo{background: url(img/fondo.jpg); background-size: cover; width: 100%; height: 100vh;}

.owl-dots{display: none !important;}
.owl-carousel .owl-nav.disabled{display: block;}
.owl-nav .owl-next{right: -5.5%;}.owl-nav .owl-prev{left: -5.5%;}
.owl-nav span{height: 30px !important;}
.owl-nav button{    width: 30px;
    font-size: 33px !important;
    height: 30px;
    background: var(--color1) !important;
    color: #fff !important;
    font-family: var(--font2) !important;
    border-radius: 50%;
    text-align: center;
    line-height: 20px !important;}
.owl-prev{position: absolute; left: 5%; top: 47%;}.owl-next{position: absolute; right: 5%; top: 47%;}

h3.title{color: var(--color1); font-size: 28px; margin-bottom: 15px; font-family: var(--font2);}
h3.title::after{content: ""; display: block; width: 80px; height: 5px; background: var(--color2);}
p.subtitle{width: 80%; margin: 0 auto;}

.indic .grid_4 img{width: 100px; opacity: 0.7; transition: all 0.4s;}
.indic{padding: 70px 0px;}
.indic .grid_4 div{position: relative;}
.indic .grid_4 div::before{ content:""; display: inline-block; border-left: 1px solid #ccc;height: 100px; position: absolute; left: 0;}
.indic .grid_4 div:first-child:before{display: none;}
.indic .grid_4 div:hover img{opacity: 1; transform: scale(1.1);}
.indic .grid_4{ padding-top: 40px; align-items: center; text-align: center;}
.indic .grid_4 span{color: var(--color2); font-size: 37px; font-weight: bold; display: block;}
.indic .grid_4 p{color: var(--color1); font-size: 17px;}


.box-cnt{box-shadow: 0 0 25px rgba(0, 0, 0, 0.08); padding: 50px 10px;  text-align: center;}
.box-cnt .circle{width: 56px; height: 56px; border-radius: 50%; border: 2px dashed var(--color1); margin: 0 auto; text-align: center; line-height: 56px; font-size: 25px; color: var(--color1); margin-bottom: 15px;}
.box-cnt h5{font-size: 20px; color: #666;}.box-cnt p{font-size: 14px;}

.accordion.active::before{content: "-"; display: inline-block; color: var(--color1); margin-right: 15px; font-size: 26px;font-weight: bold;
    transform: translateY(4px);}
.accordion::before{content: "+"; display: inline-block; color: var(--color1); margin-right: 15px; font-size: 26px; font-weight: bold;
    transform: translateY(4px);}
.box-list{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}
.accordion{background: #fff;display: block; width: 100%; border: none; 
padding: 15px 10px; box-sizing: border-box; color: #111; font-size: 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.panel p{color: #757575;  padding: 15px 10px; font-size: 14px;}
.panel {overflow: hidden;transition: max-height 0.2s ease-out; max-height: 0px; text-align: left; transition: all 0.5s;}
.contactos .grid_2{padding-top: 40px;}.contactos{padding: 40px 0px 70px;}

.services{padding: 50px 0px 0px;}.services .grid_2{padding: 40px 0px 0px;}
.services article{width: 50%;
    height: 400px;
    background-size: cover !important;
    cursor: pointer;
    background-position: center !important;
    text-align: center;
    padding: 130px 6%;
    box-sizing: border-box;}
.services article h2{color: #fff;font-weight: 300; width: 70%; margin: 0 auto;  margin-top: 10px; margin-bottom: 15px; }
.services article p{color: #fff; display: none;}



.process{padding: 70px 0px;}

.tmb-pros img{border-style: solid;border-width: 10px 10px 10px 10px;display: block;border-radius: 100px 2px 2px 2px;
border-color: #fff;box-shadow: -1px -1px 0px 4px var(--color2); width: 100%; box-sizing: border-box;}
.grid_2 .tmb-pros{position: relative;}
.grid_2 .tmb-pros:nth-child(2) img{border-radius: 2px 100px 2px 2px; box-shadow: 1px -1px 0px 4px var(--color2); transform: translateY(-20px);}
.grid_2 .tmb-pros:nth-child(3) img{border-radius: 2px 2px 2px 100px; box-shadow: -1px 1px 0px 4px var(--color2);}
.grid_2 .tmb-pros:nth-child(4) img{border-radius: 2px 2px 100px 2px; box-shadow: 1px 1px 0px 4px var(--color2); transform: translateY(-20px);}
.process .grid_2{grid-column-gap: 25px; grid-row-gap: 25px; width: 80%; margin: 60px auto 0px;}
.title{width: 45%; margin: 0 auto;}
.num{padding: 10px; box-shadow: 0px 4px 10px 2px rgba(0,0,0,0.5); border-radius: 50px; display: inline-block; background: #fff;}
.number{width: 31px; height: 31px; background: var(--color1); color: #fff; font-size: 17px; display: inline-block; border-radius: 50%;
text-align: center; line-height: 31px; margin-right: 10px;}
.grid_2 .tmb-pros:nth-child(3) .num, .grid_2 .tmb-pros:nth-child(1) .num{position: absolute; left: -10%; top: 20px;}
.grid_2 .tmb-pros:nth-child(4) .num, .grid_2 .tmb-pros:nth-child(2) .num{position: absolute; right: -10%; bottom: 40px;}

.tabs_links{margin: 0 auto; max-width: 92%; margin-bottom: 15px;}
.tabs_item{width: 98%; background: #f2f2f2;color: #353535;cursor: pointer;display: inline-block;transition: all 0.8s;padding: 13px 19px;
font-family: var(--font1);border-radius: 9px; margin: 0px 5px; text-align: center; margin-top: 10px;}

.tabs_item h2{font-size: 13px; font-weight: 400;}
.panels{position: relative; width: 100%;min-height: 400px;margin: 0 auto; }
.tabs-container{margin-top: 30px; height: auto !important;}
.panel-item{position: absolute; top: 0;left: 0; width: 100%; height: 100%;opacity: 0.0; transition: all 0.8s; padding: 0px 30px;}
.formi input, .formi textarea{background: #f2f2f2; padding: 17px 10px 17px;  width: 90%; border: 1px solid #00000012; box-sizing: border-box; margin-bottom: 10px;}
.formi textarea{height: 80px;}#enviar, input[type="submit" i] {background: #fff; color: var(--color2); border-radius: 3px; text-transform: uppercase;}
.wpcf7-spinner{position: absolute;}
.panel-item input::placeholder, .panel-item textarea::placeholder{font: 15px var(--font1);}
.formi{ padding: 40px 10px; background: var(--color2); box-sizing: border-box; text-align: center; margin: 20px 0px; border-radius: 20px; position: relative;}
.contact_page iframe{margin-top: 20px; border-radius: 20px;}
.contact_page .grid_2{    grid-column-gap: 10px;    grid-row-gap: 10px;}
.contact_page{padding: 40px 0px;}

.b24-form-sign{opacity: 0;}

.active{z-index: 100;  opacity: 1;}
a.active{ background: #f2f2f2;  color: #000; position: relative; box-shadow: 0px 0px 0px transparent;}
a.active::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: var(--color2);}

footer{background: url(img/footer.jpg); padding: 60px 0px 0px; background-size: cover; background-attachment: fixed; text-align: center;}
footer h3{color: #fff; font-size: 18px; margin-bottom: 15px;}footer a, footer p{display: block; color: #fff; font-size: 15px; line-height: 25px;}
.redes{display: flex; width: 128px; margin: 20px auto;}.redes a{color: #fff; width: 27px; height: 27px; background: #666; border-radius: 4px; line-height: 27px; text-align: center; margin-right: 7px;}
.copy{border-top: 1px solid #fff; padding: 10px 0px; margin-top: 30px;}



.banner-nosotros{background: url(img/banner.jpg); padding: 160px 0px; background-size: cover;}
.banner-nosotros h1{color: #fff; font: 700 63px var(--font2); text-align: right; line-height: 60px;}
.banner-nosotros p{color: #fff; font: 400 19px var(--font1); text-align: right;}
.txt-nosotros{background: #fff; padding: 40px; transform: translateY(-165px); width: 60%;}
.txt-nosotros p{line-height: 2.2; padding-bottom: 10px;font-size: 17px; color: #666;}
.txt-nosotros h2{padding-top: 15px; padding-bottom: 5px;}
blockquote{font-size: 14px !important;}
.thumb-nos{padding-top: 40px;     max-height: 1007px;} .thumb-nos img{position: sticky; top: 0;}
.txt-nosotros li{margin-left: 20px; padding: 5px 0px}
.row::before, .row::after{display: none;}
.numbers{background: url(img/banner2.jpg); background-attachment: fixed; margin-top: -120px; padding: 50px 0px;}
.numbers .title h3{color: #666; font-weight: 700;}
.numbers{text-align: center;}
.numb{font: 700 70px var(--font2); color: var(--color2); line-height: 70px; position: relative;}
.numb + p{color: #666; font: 18px var(--font1);}
.numb span{position: absolute; top: 0px; font-size: 50px;}.numbers .grid_4{padding-top: 70px;}

.box-form{width: 95%; margin-left: 3%}
.thumb-nos{width: 31%;}.single-slide{padding: 170px 0px 50px; background: url(img/banner-1.jpg);}
.titulo{text-align: center; color: #fff;opacity: 0.7;}.titulo a{color: #fff; font-size: 17px; padding: 0px 5px;}

.pilares{padding: 80px 0px; background: #f2f2f2;}
.plin h4{font-size: 22px; color: var(--color1);}.plin h3, .plin p{font-size: 38px; line-height: 38px;}.plin h3{color: var(--color2);}
.pil{margin-top: 50px; width: 338px;}

.box{width: 600px; border-radius: 20px; background: #fff; padding: 30px; box-sizing: border-box; margin-bottom: 10px;}


.owl-calidad span{display: flex; align-items: center; justify-content: center; height: 75px;}

.page-serv{padding: 70px 0px;}aside{width: 330px;}aside .cnt{background: #f7f7f7; padding: 30px; border-radius: 9px;}
aside .cnt h3.title{width: 100%;}aside .cnt a{color: #666; font-size: 19px; padding-top: 15px; display: block;}aside .cnt a i{color: var(--color1);}
.page-serv article{width: 65%;}.page-serv article .content{font-size: 14px; color: #666;}.page-serv article .content p{padding: 5px 0px; line-height: 28px; font-size: 16px; color: #a1a1a1;}
.page-serv article .content h4.wp-block-heading{font-size: 19px; padding-bottom: 10px;}
.page-serv h1{color: var(--color1); font-size:30px; padding-bottom: 15px;}.thumb-page{border-radius: 9px; overflow: hidden; margin-bottom: 10px;}
.thumb-page img{display: block;}

.fix-btn {
    background: rgb(1, 172, 7);
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 30px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
	z-index: 1023;
	animation: pulse5 1s infinite;
}
@keyframes pulse5{
	0%{
		transform: scale(.99);
		box-shadow: 0 0 0 0 rgba(0,0,0,0.5);
	}
	70%{
		transform: scale(1);
		box-shadow: 0 0 0 25px rgba(0,0,0,0.0);
	}
	100%{
		transform: scale(.99);
		box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
	}
}
.slide{max-width: 100%; overflow: hidden;}
.cln{box-shadow: 0px 0px 10px #dadada; border-radius: 20px; padding: 10px 30px 30px; margin: 10px;}



.thumb{width: 100%; height: 220px; border-radius: 20px; display: flex; align-items: center; justify-content: center; border: 4px solid #fff; box-sizing: border-box; transition: all 0.5s;}
.thumb h3{text-shadow: 0px 0px 10px #000; font: 900 29px var(--font2); color: #fff; text-align: center;}
.thumb:hover{border: 4px solid #ccc;}
a.btn{display: inline-block; padding: 10px 20px; background: var(--color1); border-radius: 10px; color: #fff; font-weight: 700;}
.cn-page{margin-top: 20px; width: 249px;}
.cn-page .redes{margin: 0px;}
.cn-page a{display: inline-block; margin: 6px 2px;}



@media only screen and (max-width: 1120px){
    .container{width: 700px;}
    .menu-nav li a{font-size: 15px;}.menu-nav .menu{width: 282px;}
    .txt-serv p{font-size: 15px;}.txt-serv h2{font-size: 27px;}.thumb-serv{width: 299px; height: 299px;}
    .title h3{font-size: 30px;}.title h4{font-size: 35px;}.nosotros article h2{font-size: 15px;}.nosotros article h2{width: 90%; height: 30px; line-height: 30px;}
    .title{padding-bottom: 40px;}.learning h4{font-size: 24px;}.learning .row-center{justify-content: center;}
    .learning .grid_3 {grid-column-gap: 20px;}
    .box1{padding: 30px 20px; overflow: inherit;}.box1 h5{width: 100%; font-size: 15px; transform:  translateY(42px);}
	.plin{width: 43%}.plin+div{width: 49%} .box{width: 100%;}
.grid_4{grid-template-columns: repeat(3, 3fr);}
}
@media only screen and (max-width: 720px){
    .container{width: 500px;}.menu-nav .menu, .menu-nav .menu-menu-l-container, .menu-nav .menu-menu-r-container{display: none;}
    .menu-responsive{display: block; max-height: 0px; overflow: hidden;}.menu-responsive .container{padding: 40px 0px;}
    .entry .row-center span:nth-child(2){display: none;}.entry .row-center span a{padding-right: 15px;}.logo{width: 165px;}
    .menu-responsive li a{color: #fff; padding: 10px 0px; display: block;}.menu-responsive{ text-align: center; background: var(--color1);}.menu-responsive li{list-style: none; display: block;}
    .services .grid_2{grid-template-columns: repeat(1, 3fr); }.txt-serv{text-align: left;}
    .desktop{display: none !important;}
	
    .nosotros .grid_3, .learning .grid_3{grid-template-columns: repeat(1, 3fr); }
    .services .grid_2{padding-bottom: 20px;}
	.contactos .grid_2{padding-top: 0px;}
    .contactos .row{display: block;} .txt-contact{padding: 40px 0px;}
    footer .grid_4{grid-template-columns: repeat(2, 3fr);}
    .movil{display: block;}#icoNav_movil{display: block;}
	.owl-calidad + .movil img{ margin-bottom: 15px;}
	.owl-calidad + .movil{box-shadow: 0px 0px 10px #dadada;
    border-radius: 20px; text-align: center;
    padding: 20px 30px 30px;
    margin: 10px;}
	.owl-calidad + .movil img{width: 80%;}
    .nav-menu{width: 100%; position: absolute; top: 120px; background: #fff; left: 0; max-height: 0px; opacity: 0; transition: all 0.5s ease-in-out; display: none;}
    .nav-menu ul li, .nav-menu a{display: block; padding: 10px 0px;}
    .indic .grid_4{grid-template-columns: repeat(2, 3fr);grid-column-gap: 10px;grid-row-gap: 20px;}
    .indic .grid_4 div::before{display: none;}.services article{height: auto; padding: 50px 10%;}
    .contactos .grid_2{grid-template-columns: repeat(1, 3fr);} .box-form{padding-top: 20px;}
    .process .grid_2{display: block;}
    .grid_2 .tmb-pros:nth-child(2) img, .grid_2 .tmb-pros:nth-child(4) img{transform: translateY(0px);}
    .grid_2 .tmb-pros img{border-radius: 50px 2px 50px 2px !important; margin-top: 20px;}

    .nosotros .row{display: block;}
    .txt-nosotros{width: 100%;transform: inherit; box-shadow: 0px 0px 10px 0px #ccc; box-sizing: border-box;}
    .thumb-nos{width: 100%;}.numb{font-size: 31px;}
    .nosotros{padding: 50px 0px;}
    .numbers{margin-top: 0px;}.banner-nosotros h1{font-size: 50px;}
    .banner-nosotros{padding: 150px 0px 80px;}
    .numbers .grid_4{grid-template-columns: repeat(2, 3fr);}
    .page-serv article, .page-serv aside{width: 100%;}
    .nav-menu ul li a{color: #000;}.nav-menu{border-radius: 10px;}
	h3.title{width: 100%;}
	.pilares .row-center{display: block;}.plin, .plin+div{width: 100%}.plin{padding-bottom: 30px;}
	
	.grid_4{grid-template-columns: repeat(2, 3fr);}
	.contact_page .grid_2{grid-template-columns: repeat(1, 3fr);}
	
}
@media only screen and (max-width: 520px){
    .container{width: 96%;}.entry a{font-size: 12px;}
	footer{background-attachment: inherit;}
    .title{width: 100%;}
	.services article:hover p{display: block; font-size: 14px; max-width: 100%; margin: 0 auto;}
    .grid_3{    grid-template-columns: repeat(1, 3fr);}.thumb-serv{width: 100%;}.contact .row-center{display: block;}
    .formulario{width: 100%; box-sizing: border-box; margin-top: 20px;}footer .grid_4{grid-template-columns: repeat(1, 3fr);}
    footer div{padding: 20px 0px;}h3.title{font-size: 27px; margin-bottom: 10px;}.services article h2{width: 100%;}
    .page-serv .row{display: block;}
    .tabs_links{width: 100%; display: block;}.tabs_item{box-sizing: border-box;}
	.grid_4{grid-template-columns: repeat(1, 3fr);}
	.services article, p.subtitle{width: 100%;}
	.contactos .container{max-width: 70% !important;}
	.thumb{height: 153px;}.services .row{display: block;}
}