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

*/
*{margin: 0; padding: 0;}
body{
    --font1: 'Poppins', sans-serif;
    --color1: #09315E;
    --color2: #056A6B;
}

h1,h2,h3,h4,h5,h6{font-family: var(--font1);}
p,a,span,div,li,cite,input,textarea,label{font-family: var(--font1);}


.grid_2{display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 35px;grid-row-gap: 35px;}
.grid_3{display: grid;grid-template-columns: repeat(3, 1fr);grid-column-gap: 35px;grid-row-gap: 35px;}
.grid_4{display: grid;grid-template-columns: repeat(4, 1fr);grid-column-gap: 35px;grid-row-gap: 35px;}



.fixed-btn{position: fixed; left: 7%; bottom: 20px;display: block; z-index: 100;}
.fixed-btn p{padding: 7px 15px; border-radius: 0px 10px 10px 0px; font-size: 14px;background: #25D366; min-width: 200px; text-align: center;}
.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;}	
}

.logo{overflow: hidden; padding: 5px 0px}

.container{width: 1200px; margin: 0 auto; max-width: 98%;}
.initialBar{background: #151515; color: #fff;}
.row-center{display: flex; justify-content: space-between; align-items: center;}.row{display: flex; justify-content: space-between;}
.redes{background: #2d2d2d; padding: 0px 10px;}.redes a{padding: 20px 11px; display: inline-block; color: #9aa3b2;}
.initialBar h1{color: #9aa3b2; font: 14px var(--font1);padding-left: 30px;}
a{text-decoration: none;}
.cntc a{color: #9aa3b2; font: 14px var(--font1);}.cntc a i{color:var(--color2);padding-left: 15px;}

.cabecera{background:#fff;}.cabecera .menu{display: flex; justify-content: space-between; align-items: center;}
.cabecera .menu a{color: #151515; font: 17px var(--font1); padding: 19px 15px;}.cabecera ul li{list-style: none;}
.cabecera a.btn{background: var(--color1);padding: 18px 30px; font: 700 12px var(--font1); color: #fff;letter-spacing: 1.4px;}

img{display: block;}

.thumb-nos{position: relative;}.column{position: absolute; right: -100px; top: 10%;background: #fff;}
.column div{padding: 50px 30px; border-bottom:1px solid #e5e5e5; text-align: center;box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 10%);} 
.column p{font: 30px var(--font1); color: var(--color1);}.column h6{font: 16px var(--font1); color: #151515;}
.thumb-nos img{margin-left: -119px;}
.txt-nos{width: 590px;}.txt-nos span, .title span{font-size: 16px;border-bottom: 2px solid var(--color2); line-height: 14px; display: inline-block;}.txt-nos h3, .title h3{font-size: 50px;line-height: 60px;}.txt-nos cite{font-size: 20px; padding: 35px 0px 30px;
color: var(--color2);display: inline-block; line-height: 36px;}
.txt-nos p, .txt-nos li{font-size: 18px; line-height: 36px;}.txt-nos p{padding-bottom: 30px;}.txt-nos li{line-height: 39px; margin-left: 20px;}.txt-nos li::marker{color: var(--color2);}
.nosotros{padding: 70px 0px;}

.services article{box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%);}
.txt-serv{padding: 45px 50px; border: 2px solid #e4e4e4; position: relative;}.txt-serv .circle{border-radius: 50%; width: 65px; height: 65px; line-height: 65px; text-align: center;
border: 2px solid #e4e4e4; color: #e4e4e4; font-size: 30px;}.txt-serv .circle{position: absolute; bottom: -35px; left: 45px;background: #fff;}
.txt-serv h2{font: 700 22px var(--font1); color: #151515; margin-bottom: 30px;}.txt-serv p{color: #868686;}

.title{text-align: center; margin-bottom: 40px;}.services{padding: 60px 0px;}

.contact-line{background: var(--color1); padding: 40px 0px; margin-top: 50px;}
.contact-line h5{font-size: 40px; color: #fff; }
.contact-line a.btn{background: #000; color: #fff; padding: 20px 35px; font: 17px var(--font1);}

.proyect{padding: 60px 0px;}
.category_list{width: 60%;margin: 0 auto; margin-bottom: 30px;display: flex; justify-content: center;}
.category_item{ font: 15px var(--font1); padding-top: 18px;    width: 134px;border-top: 5px solid #ccc;text-align: center;transition: all 0.4s;cursor: pointer;text-transform: uppercase;float: left; margin-bottom: 10px;}
.proyect .grid_3{grid-column-gap: 35px !important;  grid-row-gap: 35px !important;}
.ct_item-active{ border-top: 5px solid var(--color2); transition: all 0.4s;}
.product-item{width: 100%; height: 450px;background-size: cover !important; background-position: center !important;}

.testimonio{background: url(img/bg.jpg); background-size: cover; padding: 70px 0px;}
.testimonio .title{text-align: left; margin-left: 6%; color: #fff; max-width: 400px;}
.testi{width: 75%; overflow: hidden;}.testi .owl-test{margin-left: 90px;}
.test{padding: 60px; background: #000; color: #868686;}.owl-item:nth-child(2n+1) .test{ background: #fff;}
.test p{font-size: 20px;}.test span{color: var(--color1); padding: 50px 0px 0px 0px; display: inline-block;}.test cite{display: block;}

.content input, .content textarea{width: 100%; height: 30px; border: 1px solid #fff; box-shadow: 0px 0px 10px 0px #ccc; border-radius: 5px;}.content #enviar{background: var(--color1); color: #fff; text-transform: uppercase}
.content textarea{height: 150px;}
.services article:hover .txt-serv{border-bottom: 2px solid var(--color1);}
.services article:hover .txt-serv .circle{border: 2px solid var(--color1);color: var(--color1);}

.test{position: relative;}
.thumb-test{padding: 4px; border: 2px solid var(--color2); position: absolute; bottom: -30px; right: 30px;}
.owl-carousel .owl-stage{padding-bottom: 30px;}
.owl-dots .owl-dot.active{background: #fff !important;}
.owl-dots .owl-dot{width: 10px; height: 10px; border-radius: 50%; background: var(--color2) !important; margin-right: 5px;}

.blog{padding: 70px 0px;}
.thumb-serv{position: relative;}.txt-blog span{color: var(--color2); font-size: 15px;}
.thumb-serv .date{display: block; position: absolute; right: 5px; bottom: 5px; background: var(--color1); color: #fff; padding: 5px 10px;}
.txt-blog{padding: 40px 38px 35px;border: 2px solid #e4e4e4;}.txt-blog h2{color: #151515; letter-spacing: 0;}.txt-blog i{color: var(--color2);}
.txt-blog a{color: var(--color2); letter-spacing: 1px; font-size: 14px;}.txt-blog h2::after{content: "";display: block; border: 0.5px solid var(--color2);width: 100px; margin: 10px 0px 20px 0px;}


.cnt{box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%); position: relative; z-index: 2; background: #fff;}
.cnt p{width: 30%; padding: 0px 10px; box-sizing: border-box; line-height: 29px;}.cnt span{color: #151515; font: 700 23px var(--font1); padding-right: 10%;}
.cnt a{font: 700 30px var(--font1); color: var(--color2);}

.contact iframe{ margin-top: -120px;}.direction{flex-direction: row-reverse;}
.slide-single{text-align: center; line-height: 170px; background: #151515; color: #fff;} 
.content article{width: 65%;}.content{padding: 70px 0px;}aside{width: 369px;}
.content aside li{list-style: none;}
.content aside li a{padding: 20px 30px; background: #f6f6f6;display: block; color: #151515; box-sizing: border-box; position: relative; transition: all 0.4s;}
.content aside ul li:first-child>a{background: var(--color1); color: #fff;}
.content aside ul li a::before, ul.sub-menu li a::before{content: "\F19B0";font-family: "Material Design Icons";position: absolute; right: 10px;top:  20px; font-size: 25px;}.sub-menu{z-index:222}
.content aside ul li a:hover{background: var(--color1); color: #fff;}

.thumb-aside{margin-top: 30px;}
.thumb-aside .circle{background: #151515; color: #fff; border-radius: 50%; width: 80px; line-height: 80px; margin: -40px auto 0px; text-align: center; z-index: 2;
position: relative; font-size: 28px;}
.txt-num{background: var(--color1); text-align: center;padding-bottom: 20px;}.txt-num p{color: #fff; font-size: 18px; padding-top: 20px;}.txt-num h3{color: #fff; font-size: 25px;}
.txt-num p{color: #fff;}

.content p, .content li{color: #868686; font-size: 16px; line-height: 34px;}
.content h2{font-size: 30px; color: #151515; padding-bottom: 10px;}.content a{color: var(--color1); font-weight: 500;}


.modal-open{overflow-x: hidden;overflow-y: auto;}
.modal{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 122299;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;
background: rgba(0,0,0,.2);}.modal{opacity: 0;transition: all 0.9s;}.modal.in{opacity: 1;}
.modal-dialog{width: 60%;max-width: 100%;background: #fff;box-sizing: border-box;position: relative; height: 100vh;}
.close, .closes{position: absolute;top: 0;right: 0;border: none;outline: 0;font-size: 50px;font-family: var(--font1);
width: 40px;background: transparent;line-height: 30px;cursor: pointer;}.closes{color: #fff;}.modal-dialog h4{font-size: 30px;}
.modal-dialog li{list-style: none;}.modal-dialog li a{display: block; padding: 15px 20px; color: var(--color1); font-size: 20px;}

.bar-menu{display: none; font-size: 43px; color: #151515;}
ul.sub-menu li a::before{top: 15px; font-size: 15px;} ul.sub-menu li ul.sub-menu li a::before{display: none;}

.productos{
	padding: 45px 0px;
    text-align: center;
}
.productos article{
	background: #ffff;
    box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%);
    border: 2px solid #e4e4e4;    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.thumb{
	width: 100%;
	height: 340px;
	overflow: hidden;
}
.thumb img{
	width: 100%;
    height: auto;
}
.productos h2{
	font: 24px 'Roboto', sans-serif;
	font-weight: 400;
	color: #333333;
	margin: 5px 5% 20px;
}
.grid_3 h3{
	font: 13px 'Roboto', sans-serif;
	font-weight: 300;
	color: #000;
}
.productos p{
	font: 18px 'Roboto', sans-serif;
	font-weight: 400;
	color: #151515;
	padding: 0 7%;
	margin: 20px 0px 0px;
}
.description p{

    overflow: hidden;
    display: block;
}
.link{
	padding: 16px 40px;
	display: inline-block;
	border-radius: 27px;
	color: #fff;
	font: 16px 'Roboto', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	background: #151515;
	margin-top: 20px;
}
.description{
	display: block;
	margin-top: 70px;
	transition: all 0.4s;
}
.t-product{
	transition: all 0.4s;
	display: block;
}
.productos article:hover .description{
	margin-top: -50px;
	transition: all 0.4s;
}
.productos article:hover .t-product{
	margin-top: -200px;
	transform: scale(0.8);
	opacity: 0.4;
}
.link:hover{
	background: #d04222;
}
.link2{
	font: 16px 'Roboto', sans-serif;
	font-weight: 400;
	color: #d04222;
	margin-top: 20px;
	display: inline-block;
	text-decoration: underline;
}
.link2:hover{
	text-decoration: none;
}
.productos h2{margin-bottom: 0px;}
.t-product .thumb{
	width: 100%;
    height: auto;
    overflow: hidden;
}
.txt-products{
	overflow: hidden;
	height: 370px;
	padding: 50px 0px 0px;
}
.price{
	padding: 30px 30px;
	background: #f5f5f5;
	width: 100%;
	box-sizing: border-box;
	border-top: 1px solid #dddddd;
	 font: 25px 'Roboto', sans-serif;
	font-weight: 700;
	display: none !important;
}
.single_add_to_cart_button.button{
	display: none !important;
}
.boton-single{
	background: #35970a !important;
	color: #fff !important;
	padding: 5px 10px !important;
	border-radius: 4px !important;
	font-size: 23px !important;
	margin-bottom: 15px !important;
	display: inline-block !important;
}
.price p{
	margin: 0;
	padding: 0;
}

.marcas{background: url(img/marca.jpg); background-size: cover; background-attachment: fixed; padding: 50px 0px;}
.marcas .title{color: #fff;}
.owl-marcas .owl-stage{padding-bottom: 0px;}

.quantity{display: none;}
.summary a.btn{background: var(--color1); color: #fff; padding: 15px 25px; display: block; text-align: center; max-width: 400px; margin: 0 auto;}
.woocommerce div.product form.cart{margin: 30px 0px 10px 0px;}
.share{padding-top: 10px; border-top: 2px solid #f7f7f7; margin-top: 40px;}
.share a{color: var(--color1); font-size: 25px; margin: 6px;}.promocion{display: none;}
.summary{padding-left: 20px; border-left:  2px solid #f7f7f7;margin-top: 10%;}

.menu ul li{position: relative;} ul.sub-menu{ position: absolute; width: 200px; background: #fff; margin-top: 18px; transition: all 0.4s; opacity: 0; z-index: -200; border-top: 2px solid var(--color2);
transform: translateY(10px);} ul.sub-menu li a{ padding: 10px 15px !important; box-sizing: border-box; border-bottom: 1px solid #f7f7f7;}ul.sub-menu li a:hover{background: var(--color1); color: #fff;}
ul.sub-menu ul.sub-menu{left: 100%; top: 0;}ul.sub-menu a{display: block; width: 100%;}
.menu li:hover > ul.sub-menu{opacity: 1; z-index: 222;transform: translateY(0px);}
.containerCategory-Search{ text-align: center;}
.containerCategory-Search h3{background: var(--color2); color: #fff; border-radius: 10px 10px 0px 0px; margin-bottom: 5px}
.containerCategory-Search li{list-style: none; background: #fff; text-align: left; margin-bottom: 5px; }.containerCategory-Search li a{color: #1a1a1a; display: block; padding: 3px 20px; box-sizing: border-box;}.containerCategory-Search li a:hover{background: var(--color1); color: #fff;}
.containerCategory-Search{display: none;width: 70%; background: #f7f7f7; padding: 20px; margin: 0px auto 20px; border-radius: 20px}
.closeCategory{background: var(--color1); color: #fff; width: 40px; padding-top: 6px; height: 40px; font: 700 16px var(--font1); display: block; border-radius: 50%; margin: 0 auto; box-sizing: border-box; float: right; margin-top: -30px; margin-right: -30px}.containerCategory-Search .grid_2{grid-row-gap: 0px;}


#search{background: rgb(9,49,94);
background: linear-gradient(90deg, rgba(9,49,94,1) 15%, rgba(5,106,107,1) 69%); padding: 20px 30px; display: inline-block;  border-radius: 7px; margin-bottom: 40px;  max-width: 100%;}
#search input[type="text" i]{border: inherit; height: 40px; box-sizing: border-box; width: 390px;border-radius: 7px; text-align: center;}#search h4{color: #fff; font-size: 20px; margin-bottom: 10px;}
#btnSearchProveedores{width: 190px; height: 40px; border-radius: 7px; color: #fff; border: 1px solid #fff; background: transparent;}#btnSearchProveedores:hover{ background: #FFF; color: var(--color1); cursor: pointer;}

span.cat{color:#fff; font-size: 0px;}
span.cat a{display: none; color: #000; font-size: 15px;text-decoration: underline; padding: 0px 4px;}span.cat a:nth-child(1),span.cat a:nth-child(2){display: inline;}


/**WOOCOMERRCE*/
.prod_list{padding: 50px 0px;}
li.product{box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 10%); border: 2px solid #e4e4e4; padding: 20px; box-sizing: border-box;}
h2.woocommerce-loop-product__title{font-size: 30px; text-align: center; color: var(--color1);}
li.product a.product_type_simple{margin: 0 auto; background: #000; color: #fff; border-radius: 20px; display: block; width: fit-content;}.woocommerce ul.products li.product .button{margin-top: 0px; margin-bottom: 30px;}
.onsale{background: var(--color1) !important; color: #fff; border-radius: 0px !important; width: 100px; font: 400 15px var(--font2); text-transform: uppercase;}
.slide-single + #search{margin: 20px auto; display: block; width: fit-content; text-align: center;}


.flip-card {border-radius: 0.5em;width: 5em;padding: 0.5em;border: 0.1em solid #fff;color: #fff;
text-align: center;cursor: pointer;z-index: 9;}
.envelope {position: relative;display: block;width: 30em;height: 35em;margin: 0 auto; max-width: 100%;}
.envelope.active .content {padding: 15em 2em 2em;}.envelope .content, .envelope .paper.front:after,.envelope .paper.front:before, .envelope .paper, .envelope .paper.front{max-width: 100%;}
.envelope.active .paper.front,.envelope.active .paper.back {animation-duration: 1.5s;animation-direction: normal;animation-timing-function: ease-in-out;
animation-fill-mode: forwards;}
.envelope.active .paper.front {animation-name: envelope-front;}
.envelope.active .paper.back {animation-name: envelope-back;}
.envelope.active .paper.back:before {
animation-duration: 0.5s;animation-direction: normal;animation-timing-function: ease-in-out;animation-fill-mode: forwards;animation-delay: 1.25s;animation-name: envelope-back-before;}
.envelope.active .bottom-wrapper {transform: rotateX(180deg);}
.envelope.active .bottom-wrapper:after {z-index: 0;opacity: 1;}
.envelope .content {padding: 2em;box-sizing: border-box;position: relative;z-index: 9;transition: all 0.5s ease-in-out;transition-delay: 1s;}
.envelope .top-wrapper,.envelope .bottom-wrapper {box-sizing: border-box;background: #03a9f5;color: #fff;}
.envelope .top-wrapper {padding: 2em 2em 0;border-top-left-radius: 0.5em;border-top-right-radius: 0.5em;}
.form-wrapper br{display: none;}.form-wrapper label{color: #fff; font-size: 12px;}
.envelope form textarea{height: 40px;}
.envelope .bottom-wrapper {padding: 0 2em 2em;border-bottom-left-radius: 0.5em;border-bottom-right-radius: 0.5em;
transition: all 0.5s ease-in-out;transform-origin: top;transform-style: preserve-3d;position: relative;overflow: hidden;margin-top: -1px;}
.contact_page{background: url(https://importpowerparts.com/wp-content/uploads/2023/02/contact.jpg); background-size: cover;}
.envelope .bottom-wrapper:after {position: absolute;content: '';
display: block;opacity: 0;background: #03a9f5;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
.envelope form input,.envelope form textarea {width: 100%;box-shadow: 0;background: transparent;color: #fff;}
.envelope form input {border-width: 0 0 0.1em;border-color: #fff;border-style: solid;}
.envelope form textarea {border: 0.1em solid #fff;border-radius: 0.25em;}
.envelope form .submit-card {background: #fff;color: #222;text-align: center;padding: 0.5em;box-sizing: border-box;
background: #fff;width: 100%;border: 0;box-shadow: none;border-radius: 0.25em;cursor: pointer;}
.envelope form .input {padding-bottom: 1em;}
.envelope .paper {position: absolute;display: block;top: 0;left: 0;border-bottom-left-radius: 0.5em;border-bottom-right-radius: 0.5em;overflow: hidden;}
.envelope .paper.back {top: 0;}
.envelope .paper.back:before {content: '';display: block;width: 0;height: 0;margin-bottom: -1px;border-style: solid;border-width: 0 15em 10em 15em;border-color: transparent transparent #d3d3d3 transparent;
transform-origin: bottom;transform-style: preserve-3d;z-index: 0;}
.envelope .paper.back:after {content: '';display: block;background-color: #d3d3d3;width: 30em;height: 20em;}
.envelope .paper.front {top: 10em;box-shadow: 0.1em 0.5em 0.5em rgba(0,0,0,0.25);z-index: 0;}
.envelope .paper.front:before {content: '';display: block;width: 0;height: 0;border-style: solid;border-width: 10em 15em 0 15em;border-color: transparent #fff;}
.envelope .paper.front:after {content: '';display: block;width: 30em;height: 12em;background: #fff;margin-top: -1px;}
@-moz-keyframes envelope-front {
0 {
top: 10em;
z-index: 0;
}
50% {
top: 15em;
z-index: 9;
}
100% {
top: 10em;
z-index: 9;
}
}
@-webkit-keyframes envelope-front {
0 {
top: 10em;
z-index: 0;
}
50% {
top: 15em;
z-index: 9;
}
100% {
top: 10em;
z-index: 9;
}
}
@-o-keyframes envelope-front {
0 {
top: 10em;
z-index: 0;
}
50% {
top: 15em;
z-index: 9;
}
100% {
top: 10em;
z-index: 9;
}
}
@keyframes envelope-front {
0 {
top: 10em;
z-index: 0;
}
50% {
top: 15em;
z-index: 9;
}
100% {
top: 10em;
z-index: 9;
}
}
@-moz-keyframes envelope-back {
0 {
top: 0;
}
50% {
top: 5em;
}
100% {
top: 0;
}
}
@-webkit-keyframes envelope-back {
0 {
top: 0;
}
50% {
top: 5em;
}
100% {
top: 0;
}
}
@-o-keyframes envelope-back {
0 {
top: 0;
}
50% {
top: 5em;
}
100% {
top: 0;
}
}
@keyframes envelope-back {
0 {
top: 0;
}
50% {
top: 5em;
}
100% {
top: 0;
}
}
@-moz-keyframes envelope-back-before {
0 {
border-color: transparent transparent #d3d3d3 transparent;
transform: rotateX(0deg);
z-index: 0;
}
100% {
border-color: transparent transparent #fff transparent;
transform: rotateX(180deg);
z-index: 99;
position: relative;
}
}
@-webkit-keyframes envelope-back-before {
0 {
border-color: transparent transparent #d3d3d3 transparent;
transform: rotateX(0deg);
z-index: 0;
}
100% {
border-color: transparent transparent #fff transparent;
transform: rotateX(180deg);
z-index: 99;
position: relative;
}
}
@-o-keyframes envelope-back-before {
0 {
border-color: transparent transparent #d3d3d3 transparent;
transform: rotateX(0deg);
z-index: 0;
}
100% {
border-color: transparent transparent #fff transparent;
transform: rotateX(180deg);
z-index: 99;
position: relative;
}
}
@keyframes envelope-back-before {
0 {
border-color: transparent transparent #d3d3d3 transparent;
transform: rotateX(0deg);
z-index: 0;
}
100% {
border-color: transparent transparent #fff transparent;
transform: rotateX(180deg);
z-index: 99;
position: relative;
}
}


footer{ background: #f9f9f9;padding: 20px 0px;}
footer .grid_2{    grid-column-gap: 0px;
    grid-row-gap: 9px;}
footer h3{color: #353535;font-size: 15px;text-transform: uppercase;margin-bottom: 20px;letter-spacing: -.1px;font-weight: 400;font-family: var(--font1);}
footer p{color: #353535;font-size: 13px;line-height: 1.8;font-family: var(--font2);}
footer a{font-size: 12px; color: #353535; font-family: var(--font2); padding: 8px 0px; line-height: 1.8;}
footer a{padding: 0px;padding-bottom: 10px;display: inline-block;}
footer .flex i, .page aside .flex i{color: var(--color2);font-size: 16px;margin-right: 13px;line-height: 1.8;}
footer .flex2{border-bottom: 1px solid #ffffff1a;}
footer .flex2:last-child{ border-bottom: 0px solid #fff;}footer i{color: var(--color2); font-size: 18px;}
.copy{ background: #807e7f; border-top: 1px solid #8f8f8f; padding: 10px 0; font-size: 12px;
}.copy p, .copy a{color: #DDD; display: inline; font-size: 13px; line-height: 40px; font-family: var(--font2);}
footer .grid_4{  grid-column-gap: 30px; grid-row-gap: 30px;}







@media only screen and (max-width: 1100px){
    .container{width: 900px;}
    .txt-nos{padding-left: 5%;}
    .column{right: 0px;}
    .testimonio .row-center{display: block;}
    .testi, .testimonio .title{width: 100%; margin: 0px; padding: 0px 5%; box-sizing: border-box; max-width: 100%;}
    .testimonio .title{text-align: center; padding-bottom: 40px;}
    .testi .owl-test{margin: 0;}
}
@media only screen and (max-width: 900px){
    .container{width: 700px;}
    .initialBar h1{display: none;}
    .nosotros .row-center, .bar-menu{display: block;}.cabecera a.btn,.menu .menu-header-menu-container{display: none;}
    .txt-nos{padding: 40px 0px 0px 0px; width: 100%;}.services .grid_2{display: block;}.services article{margin-bottom: 20px;}
    .contact-line .row-center{display: block; text-align: center;}.contact-line a.btn{display: inline-block; margin-top: 20px;}
	footer .grid_4{grid-template-columns: repeat(2, 3fr);}
    .proyect .grid_3{grid-template-columns: repeat(1, 1fr);}
    .productos .grid_3{grid-template-columns: repeat(1, 1fr);}
    .cnt .row-center{display: block; text-align: center;}.cnt p, .cnt span{padding: 20px 10%; box-sizing: border-box;width: 100%; display: block;}
    .img-cnt{ width: 100%; overflow: hidden;}.img-cnt img{width: 100%; }.thumb-nos img{max-width: 100%;}
	.menu li:hover > ul.sub-menu{position: static; opacity: 1;}ul.sub-menu{margin-top: 0px; width: 100%;padding-left: 10%; border-top: inherit;}
	ul.sub-menu li a{border-left: 1px solid #f7f7f7; border-bottom: 0px;}ul.sub-menu ul.sub-menu{left: 0px;}.modal-dialog{overflow-y: scroll;}
	.content .row{display: block;}.content aside, .content article{width: 100%; padding-bottom: 20px; box-sizing: border-box; margin: 0px;}

}
@media only screen and (max-width: 500px){
    .txt-nos h3, .title h3, .contact-line h5{font-size: 19px; line-height: inherit;}.column{position: relative;}.thumb-nos img{margin-left: 0px;}.desktop{display: none;}#search input[type="text" i], #btnSearchProveedores{width: 100%; margin-top: 5px;}#search{width: 100%; box-sizing: border-box;}footer .grid_4{grid-template-columns: repeat(1, 3fr);}
	.txt-nos cite, .txt-nos p{font-size: 15px;}.txt-nos span, .title span{line-height: 20px;}
	.txt-serv{padding: 20px 5% 50px}.title span{display: none;}
}	