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

*/

*{padding: 0; margin: 0;}
body{--color1: #3eced6; --color2: #ff8201; --color3: #0b2265; --font1: 'Exo 2', sans-serif; --font2:  'Roboto', sans-serif;}
.container{width: 1280px; 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{width: 47px;border-radius: 50%;  box-sizing: border-box; margin-right: 6%; display: none; padding: 20px 0px;}
#icoNav_movil ul li {
    width: 100%;
    height: 4px;
    background: #fff;
    display: block;
    margin-bottom: 3px;
    transition: all 0.5s ease-in-out;
    border-radius: 5px;
}
.closeNav ul li:nth-child(1){opacity:0;}
.closeNav ul li:nth-child(2){transform:rotate(45deg);margin-bottom:-4px !important;}
.closeNav ul li:nth-child(3){transform:rotate(-45deg);}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-family: var(--font1);}
p,span,a,li,div{font-family: var(--font2);}
.entry{
    background: #0b2265;
    padding: 10px 30px;
}.movil{display: none;}
.fix-btn {
    color: #fff;
    display: inline-block;
    position: fixed;
    left: 20px;
    bottom: 20px;
    border-radius: 30px;
    font-weight: 900;
    font-family: var(--font1);
    font-size: 18px;
	z-index: 1023;
}
.fix-btn.call{right: 20px; left: inherit;}
.screen-reader-text{
	display: none !important;
}



ul.sub-menu{
    display: block !important;
}
.nav-menu li{
    position: relative;
}
.nav-menu li ul.sub-menu{
    position: fixed;
    max-height: 0px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
    background: var(--color3);
	min-width: 220px;
	z-index: 1233;
}
.nav-menu li ul.sub-menu li{display: block;}

.nav-menu li ul.sub-menu li a{
    width: 100%;
	color: #fff;
	padding: 15px 10px; display: block;
}
.nav-menu li ul.sub-menu li a:hover{background: #fff; color: #000;}
.nav-menu li:hover > ul.sub-menu{
    max-height: 500px;

}

.logo{background: #fff;padding: 13.4px 0px;width: 21%;box-sizing: border-box;border-radius: 0px 0px 47px 0px; text-align: center;}
.entry a{
    font-size: 13px;
    color: #fff;
    margin-left: 5px;
    font-family: var(--font1);
}.entry a i{margin-right: 3px; font-size: 16px; color: var(--color1);} 
.cabecera{padding: 10px 0px; position: fixed; z-index: 200; width: 100%; transition: all 0.4s;}
.cabecera .container{background: var(--color2); border-radius: 15px; overflow: hidden;}
.cabecera .logo{    height: 105px;
    display: flex;
    align-items: center;
    justify-content: center;}.cabecera img{height: 55px;}
.cabecera .nav-menu a{color: #fff;}.nav-menu{padding: 0px 20px;}
.cab2{width: 79%; overflow: hidden; background: var(--color2);}
.cabecera .btn{background: #ff962e;}
.entry{background: #202f6a;}


footer center a{color: #fff; font: 900 25px var(--font2);}

.fixed{top: 0; padding: 0px; box-shadow: 0px 0px 10px 0px #111;} .fixed .container{width: 100%; border-radius: 0px;}

.btn{
    background: var(--color2);
    padding: 13px 30px;
    color: #fff;
    font: 18px var(--font1);
    display: inline-block;
    font-weight: 700;
    letter-spacing: 1px;
	border: 1px solid transparent;
}
.cabecera .row, .cnt .row{display: flex !important;}
.cabecera .btn i, .cnt .btn i{font-size: 32px; margin-right: 10px;}
.cabecera .btn, .cnt .btn{font-size: 20px;}
.cabecera .btn p, .cnt .btn p{font-size: 11px; letter-spacing: 1px;}

.owl-carousel .owl-item img{width: auto;}
.ir-arriba {
	display:none;
	padding:15px;
	background:#024959;
	font-size:15px;
	color:#fff;
	cursor:pointer;
	position: fixed;
	bottom:20px;
	right:20px;
	z-index: 1203;
}
.btn:hover{
	background: #fff;
    color: var(--color2);
}
.nav-menu li{
    list-style: none;
    display: inline-block;
}
.nav-menu li a{
    font: 14px var(--font1);
    color: #fff;
    font-weight: 600;
    padding: 10px;
	text-transform: uppercase;
}

.owl-servicios article{padding: 23px; border: 2px dashed #d3d3d3; border-radius: 5px; transition: all 0.4s;}
.owl-servicios article img{display: block;}
.owl-servicios article:hover{border: 2px dashed var(--color2);}.owl-servicios article:hover .txt-serv a{background: var(--color2);}
.txt-serv{ box-sizing: border-box; box-shadow: 0px 30px 32px 0px rgb(0 0 0 / 4%); 
 text-align: center; overflow: hidden; padding-bottom: 90px; position: relative;}
.txt-serv h2{font-size: 25px; color: #232323; padding: 20px 0px 15px;}.txt-serv p{font-size: 20px; color: #000; font-family: var(--font1); font-weight: 300;}
.txt-serv h2, .txt-serv p{max-width: 80%; margin: 0 auto;}.txt-serv a{border-radius: 46% 46% 0% 0/43% 43% 0 0;
transition: all 0.4s;}

.servicios{padding: 70px 0px;}h3.title{font-size: 50px; text-align: center; padding-bottom: 30px;}
p.subtitle{color: var(--color2); font: 18px var(--font1); text-align: center;}

.nosotros{background: #f7f7f7; padding: 100px 0px;}.thumb-nos{width: 590px;}.thumb-nos div{overflow: hidden; border-radius: 32px; display: inline-block;}
.thumb-nos div img{display: block;}.tmb1{margin-left: 40px;}
.tmb1{margin-left: 99px;}.tmb2{transform: translateY(-122px);}.tmb3{transform: translate(-68px, 25px);}.txt-nos img{width: 12px;}
.txt-nos{width: 550px;}.txt-nos h4{font-size: 35px; font-weight: 700; padding-bottom: 20px;}.txt-nos p, .txt-nos li{font-size: 18px; color: #1c1d20; line-height: 28px;}
.txt-nos ul{padding-bottom: 15px;}.txt-nos ul li{padding: 5px 0px; margin-left: 10px; list-style: none;}.txt-nos p{padding-bottom: 15px;}

.counter{padding: 86px 0px; background: url(https://solgasdelivery-24hrsml.com/wp-content/uploads/2024/01/solgas.jpg); background-size: cover;}
.txt-counter{width: 642px; max-width: 100%;}.txt-counter h3, .txt-counter p{text-align: left;}.txt-counter h3{color: #fff;}
.txt-counter h3 + p{color: #fff; font-size: 18px;}.counter .grid_2 img{margin-right: 15px;}
.counter .grid_2 h3{font-size: 57px; color: #f6f401; font-weight: 800;}.counter .grid_2 p{font-family: var(--font1);}
.counter .grid_2 .row-center{justify-content: start;}
.counter video{width: 40%;}


.process{padding: 100px 0px; background: url(img/line.png);background-size: unset;background-position: center center;background-position-y: 75%; background-repeat: no-repeat;}.process .grid_4 h3{font-size: 26px; color: #222d39; padding-bottom: 10px;}.process .grid_4 p{font: 16px var(--font1); color: #666; padding: 0px 45px;}
.process .grid_4{text-align: center;}.img-p{box-shadow: 0px 0px 59px 0px rgba(196, 196, 196, 0.26);width: 160px;height: 150px;  border-bottom: 5px solid var(--color2); background: #fff;padding-top: 35px;box-sizing: border-box;}
.img-p i{font-size: 65px;color: #ccc;margin-top: 31px;display: inline-block;} .num{font: 800 60px var(--font1); color: #eef3ff; transition: all 0.4s;}
.process .grid_4>div:nth-child(2n+1) .img-p{ margin: 45px auto 15px; border-radius: 0 0 50% 50%; border-top: 5px solid var(--color2); border-bottom: inherit;}.img-p{ margin: 15px auto 45px; border-radius: 50% 50% 0 0;}
.process h3.title{margin-bottom: 20px;}.process .grid_4>div:hover .num{color: var(--color2);}
.process .grid_4>div:nth-child(2n+2){display: flex; flex-direction: column-reverse;}

.owl-product .owl-item .thumb-prod{background: #000; width: 100%; height: 400px; background-size: cover !important; transition: all 0.4s; border: 0px solid #fff;}
.owl-product .owl-item{opacity: 0.5;transform: scale(0.97) !important;transition: all 0.4s;}.owl-product .owl-item.center{opacity: 1; transform: scale(1.05) !important; box-shadow: 0px 0px 25px 0px rgba(196, 196, 196, 0.56); z-index: 2000;}
.owl-product.owl-carousel .owl-stage-outer{padding: 41px 0px;}.owl-product .owl-item.center .thumb-prod{border: 7px solid #fff;}
.thumb-prod a{display: block;  padding: 20px 20px; background: rgb(255,255,255);
    background: linear-gradient(273deg, rgba(255,255,255,0) 0%, rgb(255 5 10) 57%); float: right; margin-top: 67%; color: #fff; box-shadow: 0px 0px 10px 0px #000;}
.thumb-prod a h2{font-size: 20px;}

.tmb-srv{height: 267px; overflow: hidden; display: flex; justify-content: center;}.tmb-srv img{height: 100%;}

footer{background: #ff8201; padding-top: 70px;}

.copy{background: var(--color3);border-top: 1px solid #fff;padding: 20px 0;font-size: 12px; margin-top: 60px;}
.copy p, .copy a{color: #DDD;display: inline;font-size: 13px;font-family: var(--font2); text-align: center;}


.single-banner{background: url(img/ac1.jpg); background-size: cover !important; position: relative; padding: 250px 0px 70px;}
.single-banner::before{content: ""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;background: rgb(0 0 0 / 64%)}
.single-banner .container{position: relative;  text-align: center;}.single-banner a, .single-banner span{color: #fff;}

.thumb-page{width: 581px; border-radius: 40px; overflow: hidden;}.page-tmp{padding: 70px 0px;}
.txt-page{width: 633px;}.txt-page p{text-align: left !important;}
.txt-page h1{font-size: 38px; font-style: italic;}.content p{padding-left: 23px; border-left: 7px solid var(--color2); font: 18px var(--font1); line-height: 23px;}
.txt-page li{list-style: none;font-size: 18px; line-height: 38px; font-family: var(--font1); font-weight: 300;}
.txt-page li::before{content: ""; display: inline-block; background: url(img/ico.svg); width: 14px; height: 10px; margin-right: 17px;}
.txt-page h1{padding-bottom: 28px;}.content ul{padding-top: 28px;}

.tmb{background-size: cover !important; height: 400px;}
.txt-pag{background: url(img/pag.png); height: 500px; width: 60%; background-size: cover; background-position: center; padding: 110px 0px; text-align: right;
padding-right: 6%; box-sizing: border-box; padding-left: 10%;}
.banner-page{background-repeat: no-repeat !important; background-size: auto 100% !important;}
.txt-pag h4{color: #fff; font-size: 30px;}.txt-pag h3{color: var(--color2); font-size: 28px; font-style: italic;}
.txt-pag p{color: #ffffffba; font-size: 16px; line-height: 27px;}

@media only screen and (max-width: 1180px){
    .container{
        width: 900px;
    }
}
@media only screen and (max-width: 930px){
    .container{
        width: 700px;
    }
    .cabecera .btn{
        display: none;
    }
    .nosotros .row{display: block;}.tmb1, .tmb2,.tmb3{max-width: 100%; margin: 0px auto; transform: inherit;}
    .thumb-nos, .txt-nos{max-width: 100%}
    .counter{background-position: right;}
    .nosotros .row-center, .marcas .row-center, .productos .row, .slide .row{
        display: block;
    }
    .brand.row-center{
        display: flex;
        width: 90%;
        margin: 0 auto;
    }
    .brand img{
        width: 33.3%;
    }
    .col-5{
        width: 100%;
    }
    .txt-slide h2{
        transform: translateX(0px);
        font-size: 50px;
        line-height: 50px;
    }
    .txt-nosotros{
        max-width: 100%;
        margin: 0 auto;
        padding: 50px 0px;
    }
    .thumb-nos img{
        display: none;
    }
    .title-marca{
        width: 100%;
        text-align: center;
        padding: 30px 2%;
        box-sizing: border-box;
    }
    .brand{
        width: 100%;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .product, .owl-productos, .left{
        width: 100%;
        margin: 0px !important;
    }
    .marg{
        padding-left: 0px !important;
    }
    .image-slide img{
        height: auto !important;
		width: 100%;
		display: block;
    }
	.image-slide{
		height: auto;
		width: 100%;
		overflow: hidden;
		display: block;
	}
	.prod.right{
		width: 100%;
		margin-left: 0px;
		margin-top: 40px;
	}
	.video-responsive{
		width: 100%;
		padding-bottom: 57.25%;
	}
    .process .grid_4{grid-template-columns: repeat(2, 3fr);}
    footer .grid_4{grid-template-columns: repeat(2, 1fr) !important;}
}
@media only screen and (max-width: 710px){
    .container{
        width: 500px;
        max-width: 92%;
    }
	.txt-nosotros .grid_3 h5{
		font-size: 13px;
	}
    .redes, .entry{display: none;}
    .cab2{width: 60%;}
    .logo{width: 40%;}
	.txt-nosotros .grid_3{
		grid-column-gap: 16px;
	}
    .cabecera .container{max-width: 100%; width: 100%; border-radius: 0px;}
    footer .grid_3, .cnt .row-center, #galeria .grid_3{
        display: block;
    }
    .cnt{
        text-align: center;
    }
    .txt-slide{
        padding: 50px 4% 50px;
    }

	.banner .row-center img{
		display: none;
	}
	.banner .row-center h3{
		font-size: 20px;
	}
	.banner .grid_3 img{
		display: block;
		width: 100%;
	}
	.banner .grid_3{
		display: block;
	}
    .marg{
        padding: 15px 0px;
    }

    #icoNav_movil{
        display: block;
    }
    .nav-menu{
        width: 100%; 
        background: var(--color2);
        padding: 0px 2%;
        box-sizing: border-box;
		    position: fixed;
    left: 0;
    top: 117px;
        max-height: 0px; overflow: hidden;
    }
	.cab2{background: transparent;}
	.brand{
		padding: 50px 0px;
	}
    .nav-menu li{
        display: block;
        width: 100%;
    }
    .nav-menu li a{
        color: #fff;
        padding: 10px 15px;
        display: block;
    }
    .txt-nosotros{padding: 0px;}.txt-nosotros h2, .productos h3, .blog h3{font-size: 30px;}
	.grid_2{display: block;}.grid_2 article{width: 100%; margin-top: 10px; box-sizing: border-box;}
    .video .row-center, .mapa .row-center{display: block;}.form{width: 100%;box-sizing: border-box; border-radius: 0px;}
    .mapa img{width: 100%; display: block;}footer center a{font-size: 17px;}
    .txt-video{padding-top: 40px;}footer center a{display: inline-block; }.nosotros h3.title{font-size: 27px;}.cabecera .btn{display: none !important;}
    .page-tmp .row-center{display: block;}.thumb-page, .txt-page{width: 100%;}.txt-page{padding-top: 20px;}
    .txt-pag{width: 100%;}
}
@media only screen and (max-width: 510px){
    h3.title{font-size: 30px;}.txt-serv h2, .txt-serv p{max-width: 93%;}
    .process .grid_4{grid-template-columns: repeat(1, 3fr);}.process .grid_4>div:nth-child(2n+2){display: block;}
    .process .grid_4>div:nth-child(2n+1) .img-p{border-top: inherit; border-bottom: 5px solid var(--color2); border-radius: 50% 50% 0 0;}
    .process .grid_4>div{padding: 20px 0px;}.process .grid_4>div:nth-child(2n+1) .img-p{margin: 15px auto 45px}
    footer .grid_4{grid-template-columns: repeat(1, 1fr) !important;}
    .txt-pag{padding: 75px 0px;}
	.logo{background: transparent;}
	.servicios{background: url(https://solgasdelivery-24hrsml.com/wp-content/uploads/2024/01/solgas-fondo.jpg); background-size: cover;}
	.txt-serv h2, .txt-serv p{color: #fff;}
	.txt-serv a{position: relative;}
	.servicios p.subtitle, .servicios h3.title{color: #fff;}
	.owl-servicios article{border-radius: 0px;}.txt-serv{padding-bottom: 0px; border-radius: 0px;}
	.counter .row-center{display: block;}.counter video{width: 100%;}
	.fix-btn{width: 45% !important; } .fix.btn img{width: 100% !important;}
	.fix-btn.call{ height: 46px;}.ir-arriba{display: none !important;}
	.movil{display: block;}
}