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

*/

*{padding: 0; margin: 0;}
body{--color1: #272759; --color2: #ff8401; --color3: #0b2265; --font1: 'Inter', sans-serif; --font2:  'Poppins', sans-serif;}
.container{width: 1180px; 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;
}
.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;}
.entry{
    background: #0b2265;
    padding: 10px 0px;
}
.fix-btn {
    background: rgb(1, 172, 7);
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    position: fixed;
    left: 20px;
    bottom: 20px;
    border-radius: 30px;
    font-weight: 900;
    font-family: var(--font1);
    font-size: 15px;
	z-index: 1023;
}
.call{background: var(--color3); right: 20px; left: inherit;}
.screen-reader-text{
	display: none !important;
}
.entry p{
    font-family: var(--font1);
    color: #fff;
    font-size: 13px;
    display: inline-block;
}
.entry a{
    font-size: 13px;
    color: #fff;
    margin-left: 5px;
    font-family: var(--font1);
}.entry a i{margin-right: 3px; font-size: 16px;} 
.cabecera{
    padding: 10px 0px;background: linear-gradient(180deg,rgba(0, 0, 0, 0.42) 64%, rgba(0, 0, 0, 0) 100%);
    position: fixed; width: 100%; top: 0; left: 0;z-index: 222;
}
.cabecera img{
    margin-bottom: 10px;
}

.btn{
    background: var(--color2);
    padding: 13px 30px; border-radius: 5px;
    color: #fff;
    font: 12px 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;}
.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{
	border: 1px solid #ccc;
	color: #ccc;
	background: transparent;
}
.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;
}
.col-5{
    width: 50%;
}


.video{background: url(img/fondo.png); background-size: cover; background-attachment: fixed; padding: 50px 0px;}
.video video{width: 500px; box-shadow: 20px 20px 0px #ef7a06; max-width: 100%; border-radius: 20px;} .video img{max-width: 100%;}


.image-slide{
    overflow: hidden;
    display: flex;
    justify-content: center;
	position: relative;
}

.image-slide img{

    display: block;
  	animation-name: animTexto;
	animation-duration: 10s;
	background-position: center;
	-webkit-animation-fill-mode: forwards;
}

@keyframes animTexto {
  from {
	transform: scale(1);
  }
  to {
     transform: scale(1.05);
  }
}
.log{
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 613px !important;
	height: auto !important;
}
.txt-slide{
    background: var(--color1);
    padding: 96px calc(91px) 40px calc(50px);
    box-sizing: border-box;
}
.services{
    padding: 96px 0px;
}
.grid_4 article img{
	display: block;
	transition: all 0.4s;
	cursor: pointer;
}
.grid_4 article img:hover{
	filter: grayscale(60%);
}
.services h2{
    color: var(--color1);
    font: 18px var(--font1);
    margin: 6px 0px 12px;
    font-weight: 600;
}
.banner{
	background: url(https://morfogas.com/wp-content/uploads/2021/11/banner.jpg);
	background-size: cover;
	padding: 30px 0px;
}
.banner .grid_3 img{
	animation: pulse 1s infinite;
	transition: all 0.4s !important;
	cursor: pointer;
}
.banner .grid_3 img:hover{
 	opacity: 0.5;
}
@keyframes pulse{
	0%{
		transform: scale(.90);
	}
	70%{
		transform: scale(1);
	}
	100%{
		transform: scale(.90);
	}
}
.banner .row-center{
	height: 92px;
}
.banner h3{
	color: #fff;
	font-size: 25px;
	font-family: var(--font1);
}
.services p{
    font: 16px var(--font1)
}
.services article:nth-child(1) .circle{
    background: var(--color1);
    color: #fff;
}
.circle{
    width: 64px;
    height: 64px;
    background: #fff7f5;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 35px;
    color: var(--color1);
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 6px;
}

.accordion{background: #fff; margin-bottom:10px; padding: 14px 20px; border-radius: 20px; display: block; width: 100%; border: none; box-sizing: border-box; color: #111; font-size: 11px;}
.panel p{color: #757575;}.panel div{padding: 20px 20px 5px 20px;}
.panel {overflow: hidden;transition: max-height 0.2s ease-out; max-height: 0px; text-align: left; transition: all 0.5s;}

.nosotros{background-size: cover;background-position: bottom right;padding: 50px 0px;}
.txt-nos ul{background: var(--color2); padding: 12px 30px; border-radius: 21px; color: #fff; font: 15px var(--font2); margin-top: 25px;}
.txt-nos ul li::marker{color: var(--color1); font-size: 19px;}.txt-nos li{ margin-left: 15px;}
.txt-nos{width: 535px; max-width: 100%;}

.nosotros h3.title{font: 900 37px var(--font2); color: var(--color2); margin-top: 45px;}
#Nosotros{background: url(img/fondo02.jpg); background-size: cover;}

.form{background: var(--color2); padding: 40px 20px; border-radius: 10px; width: 400px; margin-right: 6%;}
.form input, .form select{width: 100%; height: 50px; border: 1px solid #fff; background: transparent; margin-bottom: 13px; box-sizing: border-box;
color: #fff; padding-left: 7px; border-radius: 5px;}.mapa{padding-top: 30px;}
#enviar{background: var(--color3) !important; border: none;}
.form h3.title{font: 900 37px var(--font2); color: #fff; text-align: center; margin-bottom: 5px;}
.form input::placeholder{color: #fff; font: 15px var(--font2);}


.nosotros .grid_3 span{display: block; background: #fff; padding: 15px 10px; border-radius: 5px}
.video-responsive {
	overflow: hidden;
	padding-bottom: 24.25%;
	padding-top: 0px;
	position: relative;
	width: 500px;
	box-shadow: 14px 14px 1px 0px var(--color2);
}
.prod.right{
	width: 50%;
	margin-left: 20px;
	text-align: left; 
}
.productos h5{font: 15px var(--font1);}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.txt-slide h4{
    color: #fff;
}
.txt-slide h2{
    font-size: 87px;
    font-family: var(--font1);
    line-height: 87px;
    color: #fff;
    transform: translateX(0px);
}
.txt-slide p{
    color: #fff;
    font-size: 15px;
    margin-top: 20px;
    font-family: var(--font2);
    margin-bottom: 15px;
}
.txt-nosotros h4 i, .productos h4 i{
    font-size: 23px;
    font-weight: 100;
}
.txt-nosotros h2, .productos h3, .blog h3{
    font-size: 44px;
    font-family: var(--font1);
    color: #fff;
    margin-bottom: -12px;
    margin-top: 15px;
}
.productos h3, .blog h3{
	color:#fff);
}
.txt-nosotros{
	width: 850px;
    padding-left: 81px;
    box-sizing: border-box;
}
.txt-nosotros p, .productos p{
    font-size: 16px;
    font-family: var(--font1);
    margin-bottom: 10.8px;
    line-height: 24px;
}
.txt-nosotros h5{
    font-size: 16px;
}
.thumb-nos{
	position: relative;
}
.thumb-nos img{
    display: block;
}

.txt-nosotros .grid_3 i{
    font-size: 35px;
    color: var(--color1);
}
.txt-nosotros .grid_3 h5{
    font-size: 18px;
    font-family: var(--font1);
    margin-top: 19px;
    font-weight: 600;
    color: var(--color1);
    line-height: 18px;
}



.title-marca{
    background: #0b2265;
    padding: 56px 30px 56px 30px;
    color: #fff;
    font-size: 35px;
    font-family: var(--font1);
    font-weight: 800;
    width: 216px;
    max-width: 100%;
}
.brand{
    width: 800px;
	max-width: 100%;
	margin: 0 auto;
}
.brand h5{color: #000; font:500 25px var(--font1);}
.productos{
    background:linear-gradient(90deg,var(--color1) 0%, var(--color2) 100%);
    padding: 90px 0px;
}
.productos h5{
	background: #0b2265;
	padding: 10px 15px;
	color: #fff;
	font-size: 18px;
	border-radius: 20px;
	display: inline-block;
}
.product, .owl-productos{
    width: 100%;
    margin-left: 30px;
}
.prod{
	text-align: center;
}
.product2, .product2 .owl-productos{
    margin-left: 0px;
}
.owl-productos h2{
    font-family: var(--font1);
    font-size: 16px; 
    color: #fff;
	box-sizing: border-box;
    background: var(--color3);
    padding: 15px 20px; text-align: center; border-radius: 30px; max-width: 80%; box-sizing: border-box; margin: -15px auto;
}
.owl-productos .owl-item:nth-child(2n+1) .prod1 h2{
    background: var(--color2); color: #fff;
}



.owl-productos p{
    font-size: 13px;
    font-family: var(--font1);
    
}
.owl-productos .btn{
    padding: 12px 10px; border-radius: 5px;
}
.cnt{
    background: #0b2265;
    padding: 50px 0px; border-radius: 20px; margin:  -30px 0px; position: relative;
}

.thumb-product{
    background: url(img/fondo-1.jpg);background-size: cover; border-radius: 20px;box-shadow: 0px 0px 10px 0px #000;
}
.prod1{padding: 30px 10px; box-sizing: border-box;}

.tag-single a{padding: 5px 10px; background: var(--color1); color: #fff; display: inline-block; border-radius: 2px;}
.solgas{background: var(--color2);padding: 10px;text-align: center;box-sizing: border-box;width: 48px;border-radius: 0px 0px 64px;margin-bottom: -63px;z-index: 2;position: relative;}
.solgas img{ width: 150px !important; text-align: center;}

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



.cnt h3{
    font-size: 18px;
    font-family: var(--font1);
    max-width: 60%;
    color: #fff;
}

.txt-blog .date {
    font-size: 38px;
    font-weight: 800;
    line-height: 38px;
}

.txt-blog .month {
    font-size: 15px;
    text-align: center;
}

.txt-blog {
    padding: 20px 0px;
}

.txt-blog .category {
    font-size: 14px;
    color: #7a869b;
}

.txt-blog h2 {
    font: 700 20px var(--font1);
    line-height: 31px;
}
.date{font: 700 20px var(--font1);}
.blog article{padding: 20px; box-shadow: 0px 0px 10px 0px #ccc;}
.txt-blog h2+p {
    color: #7a869b;
    font: 400 14px var(--font1);
    line-height: 16px;
}
.txt-blog a{background: var(--color2); color: #fff; padding: 10px 20px; border-radius: 5px;}
.txt-blog span:nth-child(2) {
    display: block;
    padding-left: 22px;
    margin-left: 22px;
    border-left: 1px solid rgba(3, 27, 78, .1);
}

.txt-blog a.btn2 {
    display: inline-block;
    margin-top: 20px;
}

.thumb-blog {
    height: auto;
    width: 100%;
    overflow: hidden;
}

.thumb-blog img {
    transition: all 0.6s;
    display: block
}
img{max-width: 100%;}
.blog {
    padding: 70px 0px;
}

.blog article:hover .thumb-blog img {
    transform: scale(1.1);
}

footer{
    padding: 76px 0px 0px;
    background: var(--color1); background-size: cover; background-position: center;
}
footer h3{
    font-size: 30px;
    font-family: var(--font2);
    color: #fff;
}
footer .grid_3{
    padding: 15px 0px;
}
footer h5{
    color: #fff;
    font-size: 18px;
    font-family: var(--font2);
    font-weight: 500;
    margin-bottom: 15px;
}
.redes{
    display: flex;
    color: #fff;
    font-family: var(--font2);
}
.nav-menu.movil{display: none;}
.redes a i{
	font-size: 24px;
	line-height: 13px;
}

footer .grid_3 a, footer .grid_3 p{
    color: #BFC3CB;
    font-size: 16px;
    font-family: var(--font1);
    line-height: 28px;
    display: block;
    margin: 5px 0px;
}
footer hr{
    margin: 20px 0px;
    border-color: #BFC3CB29;
    border-width: 0px 0px 1px 0px;
}
.mapa{overflow: hidden;} .mapa iframe{margin-top: -50px}
footer input{
    padding: 6px 16px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    min-height: 37px;
    margin: 7px 3px; 
    width: 99%;
    box-sizing: border-box;
    font-family: var(--font1);
}
#enviar{
    background: var(--color2);
    margin: 7px auto; 
    color: #fff;
    font-family: var(--font2);
    text-align: center;
    display: block;
    cursor: pointer;
}
.copy a{
    color: #fff;
    text-align: center;
    padding: 10px 0px 76px;
    display: block;
    font-family: var(--font2);
    font-size: 16px;
}
.page article{width: 800px; margin: 30px auto; background:#fff; max-width: 100%; padding: 20px 20px; border-radius: 10px;font: 15px var(--font1); color: #666; line-height: 27px;}.page p{padding: 10px 0px;}
.page.product1 article{width: 100%}
.page{background: linear-gradient(90deg,var(--color1) 0%, var(--color2) 100%);  background-attachment: fixed;}

.slingle{padding: 50px 0px; background: var(--color2); text-align: center;}.slingle a, .slingle span{color: #fff; font: 15px var(--font1);}

@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-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%;
	}
}
@media only screen and (max-width: 710px){
    .container{
        width: 500px;
        max-width: 92%;
    }
	.txt-nosotros .grid_3 h5{
		font-size: 13px;
	}
	.txt-nosotros .grid_3{
		grid-column-gap: 16px;
	}
    footer .grid_3, .cnt .row-center, #galeria .grid_3{
        display: block;
    }
    .cnt{
        text-align: center;
    }
    .txt-slide{
        padding: 50px 4% 50px;
    }
    .cnt h3{
        max-width: 100%;
        font-size: 25px;
        margin-bottom: 10px;
    }
    .entry .row-center, .entry span, .banner .row-center{
        display: block;
        width: 100%;
        text-align: center;
    }
	.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;
    }
    .cabecera{
        padding: 15px 0px;
    }
    #icoNav_movil{
        display: block;
    }
	.nav-menu{display: none;}
    .nav-menu.movil{ display: block;
        width: 100%; 
        background: var(--color1);
        padding: 0px 2%;
        box-sizing: border-box;
        max-height: 0px; overflow: hidden;
    }
	.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;}
}