/*
Theme Name: Cursos -  Seo Consulting Perú
Theme URI: Seoconsultingperu.com
Author: Seo Consulting 
Author URI: 
Description: Plantilla Básica Seo Consulting

*/

*{padding: 0; margin: 0;}
body{--color1: #134248; --color2: #a33a35; --color3: #d67c1f; --font1: 'Barlow', sans-serif; --font2:  'Poppins', sans-serif;}
.container{width: 1100px; margin: 0 auto;}
.row{display: flex; justify-content: space-between;} .direction{flex-direction: row-reverse;}
.padded{padding: 100px 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); grid-column-gap: 20px; grid-row-gap: 20px;}
.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;}
#icoNav_movil ul li {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    margin-bottom: 4px;
    transition: all 0.5s ease-in-out;
}
span.cur{display: inline-block; padding: 5px 10px; background: var(--color2); color: #fff;}
.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);}
.entry{background: var(--color1); padding: 6px 0px;}
.entry a{color: #fff; line-height: 25px; font-size: 14px;}
.entry a.btn1{font-size: 13px; padding: 4px 7px; line-height: 13px; background: #fff; color: var(--color2); 
box-sizing: border-box; border-radius: 7px; font-weight: 500;margin-right: 10px;} 

.mag{border-radius: 20px; overflow: hidden; filter: grayscale(60%);}

.cabecera{padding: 10px 0px;}.nav-menu ul li{display: inline-block;}
.nav-menu ul li a{color: var(--color1); padding: 0px 10px;}
.cabecera a.btn{background: var(--color3); color: #fff; padding: 7px 15px; border-radius: 5px;}

.services{padding: 50px 0px;}.services article{overflow: hidden; border: 10px solid #f2f2f2;
    border-radius: 10px;}
.thumb-serv{overflow: hidden; width: 100%; height: 300px;}
.services h2{font-size: 20px; color: var(--color2);}
.services article p{color: var(--color1); font-size: 14px; padding: 10px 0px;}
.txt-serv{padding: 20px;}

h3.title{font-size: 45px; font-family: var(--font1);}


.cursos{padding: 50px 0px; background: url(img/fondo01.jpg); background-attachment: fixed;}
.services article, .curso{border-radius: 20px;}
.cursos .title{color: #fff;}
.cursos .subtitle{color: #f2f2f2;}
.curso{ box-shadow: 10px 10px 0px #fff; width: 100%;}
.owl-carousel .owl-stage-outer{padding: 10px 0px;}
.thumb-curso{max-height: 200px; overflow: hidden; display: flex; justify-content: center;}
.thumb-curso img{    height: min-content;}
.txt-curso{padding: 20px 20px 50px 20px; background: rgba(0,0,0,0.3);}.txt-curso h4{color: #898989;}.txt-curso h2{color: #fff;}
.txt-curso a.btn{padding: 5px 15px; background: var(--color3); color: #fff; display: inline-block; margin-top: 15px; border-radius: 5px; font-size: 17px;}
.txt-curso h2{font-size: 19px;}

.face h4{padding: 20px 40px; color: #666; text-align: center;}
.face{box-shadow: 0px 0px 10px 0px #666; border-radius: 20px; overflow: hidden;}.contact{padding: 50px 0px;}
.formulario input, .formulario select{width: 100%; height: 45px; border: 1px solid #666; border-radius: 5px; padding: 0px 10px; box-sizing: border-box;font: 15px var(--font2);margin-bottom: 10px;} 
.formulario{width: 50%; background:  #f2f2f2; padding: 30px 30px 30px; border-top: 5px solid var(--color2); border-radius: 20px;}
.formulario h3 + p{padding-bottom: 20px;}#enviar{background: var(--color3); color: #fff; border: 1px solid var(--color3);}


footer{background: url(img/footer.jpg); background-size: cover; padding: 40px;}
footer h3{background: var(--color3); color: #fff; width: 250px; height: 30px; line-height: 30px; color: #fff; border-radius: 5px; text-align: center;}
footer a{color: #fff; font-size: 16px; display: block; padding-top: 20px;}
footer a i{color: var(--color3); }.copy{background: #000; color: #fff; text-align: center; padding: 20px 0px;}.copy a{color: #fff;}


.page-serv{
    padding: 70px 0px;
}
.page-serv article{
    width: 780px;
    max-width: 100%;
}
.page-serv article img{
    width: 100%;
}
.thumb-page{
    width: 100%;
    max-height: 424px;
    height: auto;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}
.page-serv article h1{
    margin: 35px 0px 25px;
    font: 40px var(--font1);
    font-weight: 400;
    color: #242424;
}
.page-serv article p, .page-serv article li{
    font: 16px var(--font2);
    line-height: 34px;
    margin-bottom: 20px;
    color: #686a6f;
    list-style: none;
}
.page-serv article li{
	margin-bottom: 0px !important;	
	line-height: 30px;
}
.page-serv article li::before{
	    content: "\F0054";
    font-family: "Material Design Icons";
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
   	margin-right: 5px;
    line-height: 30px;
    color: var(--color2);
}
li.blocks-gallery-item::before{
	display: none !important;
}
li.blocks-gallery-item figure{
	margin-bottom: 20px !important;
}
.page-serv h2, .page-serv h3, .page-serv h4, .page-serv h5, .page-serv h6{
    font-family: var(--font1);
    color: #000;
}
.page-serv .blocks-gallery-item figure{
    overflow: hidden;
    border-radius: 7px;
}
.single-slide{background: url(img/footer.jpg); background-size: cover; background-attachment: fixed; padding: 40px; text-align: center;}
.single-slide h3.title, .single-slide a{color: #fff;}

.page-serv aside{
    width: 370px;
    max-width: 100%;
    margin-right: 30px;
}
.serv-list{
    padding: 45px;
    box-sizing: border-box;
    background: #f4f5f8;
    border-radius: 7px;
    margin-bottom: 30px;
}
.wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption{
    box-sizing: border-box;
}
.wap{background: rgb(1, 172, 7) !important;}
.dark{
    background: var(--color2);
}
.serv-list .current_page_item a{
    background: #fff;
    border-radius: 7px;
}
.serv-list h4{
    margin-bottom: 2px;
    font: 24px var(--font1)
}
.dark h4{
    color: #fff;
}
.serv-list a{
    line-height: 48px;
    display: block;
    padding: 0px 20px;
    margin-left: -20px;
    color: #686a6f;
    box-sizing: border-box;
    position: relative;
    transition: all 0.4s ease-in-out;
    margin-bottom: 5px;
}
.serv-list a::before{
    content: "";
    display: inline-block;
    width: 2px;
    background: var(--color1);
    height: 0px;
    left: 0px;
    top: 12px;
    position: absolute;
    transition: all 0.4s ease-in-out;
}
.serv-list .current_page_item a::before{
    height: 25px;
}
.serv-list a::after{
    content: "\F0054";
    font-family: "Material Design Icons";
    position: absolute;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
    right: 20px;
    line-height: 48px;
    color: var(--color2);
}
.serv-list a:hover{
    border-radius: 7px;
    background: #fff;
    color: #000;
}
.serv-list a:hover::before{
    display: inline-block;
    height: 25px;
    transition: all 0.4s ease-in-out;
}
.serv-list p{
    font: 14px var(--font2);
    line-height: 29px;
    color: #e2e2e2;
    margin: 20px 0px;
}
.serv-list.dark a{
    color: #fff;
    background: transparent;
    padding: 0px;
    margin-left: 0px;
    font: 20px var(--font1);
}
.serv-list.dark a::before, .serv-list.dark a::after{
    display: none !important;
}

.serv-list.dark a i{
    color: var(--color2);
}

.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);
	}
}

.movil{display: none;}


@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);}


}
@media only screen and (max-width: 920px){
    .container{width: 400px;}#icoNav_movil{display: block;}.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;}.movil{display: block;}.logo{display: none;}
    .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;}.movil{display: block;}
    .nosotros .grid_3, .learning .grid_3{grid-template-columns: repeat(1, 3fr); }
    .services .grid_2{padding-bottom: 20px;}
    .contactos .row{display: block;} .txt-contact{padding: 40px 0px;}
    footer .grid_4{grid-template-columns: repeat(2, 3fr);}
}
@media only screen and (max-width: 720px){
    .container{width: 96%;}.entry a{font-size: 12px;}
    .nav-menu{width: 100%; position: fixed; top: 120px; background: #fff; left: 0; max-height: 0px; opacity: 0; transition: all 0.5s ease-in-out;}
    .nav-menu ul li, .nav-menu a{display: block; padding: 10px 0px;}
    .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: 40px;}
	.page-serv .row{display: block;}.thumb-curso{max-height: 300px;}.thumb-curso img{height: auto;}
	iframe{width: 100% !important;}
}