/*CAMBIOS FUENTE*/

body {
    font-family: "Poppins", Helvetica, Arial, sans-serif !important;
	-webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}
body.cms section {
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-family: "Poppins", Helvetica, Arial, sans-serif !important;
	font-weight: 400 !important;
}
/*END CAMBIOS FUENTE*/
/*CAMBIOS COLORES BASICOS Y FONTSIZE*/
.orange a {
	color: #eb6209 !important;
    font-size: 20px !important;
}
.orange i {
	color: #eb6209 !important;
}
.footer-static-block .title {
    font-weight: 700!important;
}
a {
    color: #212934;
}
.footer, .footer a, .footer p {
    font-size: 14px;
	letter-spacing: 0.2px;
}
.sidebar-title span {
    background: #eb6209 none repeat scroll 0 0;
}
.pagination-bar ul li a:hover {
    background: #eb6209;
}
.product-item:hover .product-item-name a {
	color: #eb6209;
}
/*END CAMBIOS FUENTE*/

/*HOME*/
#servicio {
	background: #005496;
    padding: 10vh;
    padding-top: 6vh;
    text-align: center;
    position: relative;
    top: -7px;
    padding-bottom: 58px;
}
#servicio2 {
	background: #ffffff;
    padding: 10vh;
    text-align: center;
    position: relative;
    top: -7px;
    padding-top: 58px;
}
#servicio2 p {
	font-size: 25px;
	line-height: 35px;
	color: #005496;
}
#servicio .box {
	border: 2px solid white;
    border-radius: 25px;
    width: fit-content;
    margin: 0 auto;
    padding: 80px 140px;
	position: relative;
}
#servicio2 .box {
    border: 2px solid #005496;
    border-radius: 25px;
    width: fit-content;
    margin: 0 auto;
    padding: 80px 140px;
    position: relative;
}
#servicio .box:before {
    content: "";
    position: absolute;
    width: 80px;
    border: 6px solid #005496;
    bottom: -3px;
    left: 50px;
    z-index: 2;
}
#servicio .box:after {
    content: "";
    position: absolute;
    border: 2px solid #ffffff;
    border-radius: 0 50px 0 0;
    width: 60px;
    height: 60px;
    bottom: -60px;
    left: 50px;
    border-bottom: none;
    border-left: none;
    z-index: 3;
}
#servicio2 .box:before {
    content: "";
    position: absolute;
    width: 80px;
    border: 6px solid #ffffff;
    top: -3px;
    left: 273px;
    z-index: 2;
}
#servicio2 .box:after {
    content: "";
    position: absolute;
    border: 2px solid #005496;
    border-radius: 0 0 50px 0;
    width: 60px;
    height: 60px;
    top: -60px;
    left: 273px;
    border-top: none;
    border-left: none;
    z-index: 3;
}
#servicio h1 {
	text-transform: initial;
	font-size: 40px;
	color: white;
}
#servicio small {
    position: relative;
    left: -60px;
	font-weight: 100;
	color: white;
}
#servicio span {
	position: relative;
    right: -40px;
	font-weight: bold;
}
p.quote1,
p.quote2 {
	position: relative;
	display: initial;
}
p.quote1::before {
    font-family: Arial;
    content: "\201C";
    color: #f49a00;
    font-size: 3em;
    position: absolute;
    left: -105px;
    top: 32px;
}
p.quote2::before {
    font-family: Arial;
    content: "\201D";
    color: #f49a00;
    font-size: 3em;
    position: absolute;
    right: -85px;
    top: 32px;
}
#grupos-venta {
	background: whitesmoke;
    padding: 100px 0;
}
#gp {    
	display: block;
    text-align: center;
}
#gp li {
    display: inline-block;
    filter: unset;
    border-radius: 90px;
    border: 2px solid #00aeff;
	margin: 0 15px;
	position: relative;
	background: white;
	transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    margin-bottom: 120px;

}
#gp li p {
    /*display: none;*/
    width: 100%;
    position: absolute;
    padding: 5px;
    margin-top: 5px;
    background: #01aeff;
    border-radius: 6px;
}
#gp li:hover p{
	display: block;
}
#gp li:hover {
	transform: scale(1.15);
}
#gp li img {
    width: 170px;
    padding: 35px 45px;
}
.hojiya {
    display: block;
}
/*END HOME*/

/* OWL CAROUSEL */
.banner .owl-prev, 
.banner .owl-next {
    background-color: #FFFFFF !important;
}

.owl-prev span, 
.owl-next span {
    display: none;
}

/* FIN OWL CAROUSEL */

.logo-area .row{
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    align-items: stretch;
	-webkit-align-items: flex-end;
	-ms-flex-align: stretch;
    flex-wrap: wrap;
}

.logo-area div{
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
    justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;

}

.logo-area a {
    margin: 5px;
}

.logo-area img{
    transition:linear .2s;
    /* filter: hue-rotate(180deg); Filtro para color azul pero no ha funcionado*/
}

/* .logo-area img:hover{
    transform: scale(1.1);
} */

/*mi cuenta flotante*/
.header-right-link > ul > li:hover .header-link-dropdown {
	border-top: 0;
}
/*END mi cuenta flotante*/

.ver-mas{
    font-size: 10px;
}

.blog-listing .row{
    display: flex;
    display: -ms-flexbox;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    align-items: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
}

.blog-listing .row .blog-item{
    display: flex;
    display: -ms-flexbox;
	display: -webkit-flex;
    align-items: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
}

#header .top-link img{
    display: none;
}

.legales-list li{
    padding-bottom: 20px;
}

.banner-detail img{
    width:300px
}

.banner-detail .banner-detail-inner span.offer{
    color: #ffffff;
    text-shadow: 1px 1px 2px black;
    line-height: 1.5;
    margin-bottom: 36px;
}

/*Icon user logged smile*/
.usersmile {
	position: absolute;
	color: #000 !important;
	right: 21px !important;
	top: 24px !important;
	font-size: 18px !important;
}
.usertick {
	position: absolute;
	right: 10px !important;
	top: 18px !important;
	font-size: 14px !important;
}
header .usersmile {
	color: #ffffff !important;
}
/* Fin Icon user logged smile*/

.layout .sidebar .menu .menu-item.sub-menu > div > a.arrow {
	padding-right: 10px !important;
}

/*breadcrumb*/
.inner-banner1 .bread-crumb ul {
	padding-left: 30px;
}
.inner-banner1 .bread-crumb {
	position: absolute;
    top: -27px;
	display: none;
}
.inner-banner1 .bread-crumb:before {
	content: "⇢";
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    font-size: 25px;
	line-height: 20px;
	color: #595d63;
}
.inner-banner1 {
    background: transparent;
    border-top: 1px solid #EDEDED;
    border-bottom: 0;
    padding: 25px;
}
/*.inner-banner1:before {
    background: url(../../../../../upload/karta/imagenes/breadcrumb.jpg) no-repeat left;
    filter: opacity(0.3);
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-size: cover;
}*/
.inner-banner1 .banner-detail h1 {
    display: block;
    color: #005091;
    font-weight: 600;
    /* font-size: 22px; */
    letter-spacing: 1px;
    margin-bottom: 0;
    text-align: left;
    text-shadow: 1px 2px 1px white;
    text-align: center;
	/*padding-top: 15px;*/
}
.bread-crumb {
    float: none !important;
    text-align: center;
}
/*END breadcrumb*/

/*Buscador*/
.sidebar-search-wrap, .sidebar-cart-wrap {
    background: #242e477d none repeat scroll 0 0;
}
.search-container span, #lupa-search-form {
    color: #ffffff;
}
#lupa-search-form {
	background: #005496;
    border-radius: 25px;
    padding: 10px;
    display: inline-block;
    width: 50px;
    height: 50px;
}
.search-closer, .cart-closer {
    background: url("../../images/sprite.png") -40px -1413px, #eb6209 !important;
    height: 35px  !important;
    width: 35px  !important;
}
a#lupa-search-form:hover {
    background: #eb6209;
}
/*END Buscador*/

/*menu*/
.header-link-dropdown .dropdown-title {
    color: #eb6209;
}
.header-link-dropdown.account-link-dropdown {
    top: 80%;
}
.megamenu .sub-menu-level2 li.level3 > a:hover {
    color: #eb6209 !important;
}
.header-widgets i:hover:not(.usertick),
.header-widgets a:hover {
	color: #eb6209;
}
.megamenu {
	top: auto;
}
.navbar-nav > li > a {
    padding: 15px 25px;
	font-size: 15px;
    text-transform: initial;
}
.navbar-nav > li.dropdown > a::after {
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #eb6209;
}
.megamenu {
    border-top: 3px solid #eb6209;
}
/*END menu*/

/*footer*/
.footer-middle-left {
    border-right: none;
}
.footer-middle .f-logo {
    text-align: center;
}
/*END footer*/

/*Jennifer*/
.header-right-link ul li.cart-icon > a span small.cart-notification, .header-right-link ul li.cart-icon > div > a span small.cart-notification {
    background: transparent;
}
#header .header-widgets {
    margin-top: 0;
}
.navbar-brand img {
    max-height: 75px;
}
.banner {
    overflow: hidden;
    position: relative;
    display: block;
    width: 100%;
}
#catalogo-gruposventa {
    width: 100%;
    min-height: 250px;
    /*background: #b1b1b0;*/
}
#catalogo-gruposventa .block-text-home {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    height: 600px;
    align-items: center;
    padding-right: 30px;
}
.text-home h3 {
	text-transform: inherit;
    color: #1c9bff;
    font-size: 1.4vw;
    line-height: 1.4vw;
    letter-spacing: 3px;
}
.text-home p {
	font-size: 0.99vw;
	line-height: 1.2vw;
}
#home .flex-container {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;

}
#home .gv.grid {
    grid-column-gap: 50px;
    grid-row-gap: 15px;
	margin-top: 80px;
}
iframe.twitter-share-button {
	background: #1d9bf0;
    border-radius: 2px;
}
#catalogo-gruposventa h2 a {
	font-size: 28px;
	color: white;
	text-decoration: none;
    outline: 0;
	font-style: normal;
    font-weight: normal;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    -webkit-transition: color .4s ease-out , background .4s ease-out;
    -moz-transition: color .4s ease-out , background .4s ease-out;
    -o-transition: color .4s ease-out , background .4s ease-out;
    -ms-transition: color .4s ease-out , background .4s ease-out;
    transition: color .4s ease-out , background .4s ease-out;
	letter-spacing:0;
}
#catalogo-gruposventa form input,
.catalogo-gruposventa form input {
	width: 350px;
    text-align: center;
    padding: 0 10px;
    font-family: 'D-DIN Regular', Arial, Helvetica, sans-serif;
    border: 1px solid black;
    border-radius: 3px;
    background: #ffffff;
    height: 35px;
	opacity: 0.8;
}
#catalogo-gruposventa form input:hover,
.catalogo-gruposventa form input:hover {
	opacity: 1;
}
#catalogo-gruposventa form input::placeholder,
.catalogo-gruposventa form input::placeholder {
	font-family: 'D-DIN Regular', Arial, Helvetica, sans-serif;
	color: #8c8c8b;
	font-size: 14px;
}
#catalogo-gruposventa form #lupa-search-form,
.catalogo-gruposventa form #lupa-search-form {
    background: none;
    border-radius: 3px;
    padding: 0 5px;
    margin-left: 5px;
	width: auto;
    height: auto;
    color: #005496;
	
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;

    justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;

    flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;

}
#catalogo-gruposventa form #lupa-search-form i,
.catalogo-gruposventa form #lupa-search-form i {
	font-size: 20px !important;
}
#claim_home {
    text-align: center;
    background: rgb(0 84 150 / 80%);
    padding: 2% 7%;
    display: inline-block;
}
#home #claim_home h2 {
	color: white;
    font-size: 1.1vw;
    text-transform: inherit;
    margin-top: 15px;
	line-height: 1.2vw;
}
#home #claim_home h1,
#home #claim_home h2.fake_h1 {
    color: #fff;
    font-style: normal;
    font-weight: bolder !important;
    font-size: 1.9vw;
    text-align: center;
    line-height: 2vw;
    margin: 0% 0 1% 0;
    text-transform: inherit;
}
.cabece-empresa {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}
.cabece-empresa h1 {
	position: absolute;
	margin-left: 66px;	
}
.banner-detail {
    left: auto;
}
.gv.grid {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-auto-rows: 1fr;
	grid-column-gap: 40px;
	grid-row-gap: 40px;
}
.gv.grid .grupoventa {
	/*background: #005496;*/
	border-radius: 3px;
	text-align: center;
}
.gv.grid a {
	color: white;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5 ease-out;
    /*height: 100%;*/
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: distribute;
    /*min-height: 322px;*/
}
.gv.grid a img {
    /*width: 100px;*/
}
.gv.grid a p {
    width: 100%;
    text-align: center;
	margin-top: 10px;
	font-size: 14px;
    font-weight: bold;
	display: none;
}
.gv.grid .grupoventa:hover a {
    margin: -8px auto;
    /*display: block;*/
}
.mb30 {
	margin-bottom: 30px;
}
#visita_comercial {
    width: 100%;
    height: 400px;
    /*background: #585757;
    margin: 0;*/
    padding: 0;
}
.mt-70 {
	margin-top: 70px;
}
.foto_tel {
    background: #fff url('../../../../../upload/karta/imagenes/telefono.png') no-repeat top center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 45%;
	height: 100%;
    /*height: 300px;
    height: 484px;*/
    float: left;
    margin-right: 50px;
}
.comercial_datos {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
    justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
    height: 100%;
}
.comercial_datos h3 {
    color: #585757;
    font-style: normal;
    font-weight: bolder !important;
    font-size: 36px;
    text-align: left;
    text-transform: inherit;
	line-height: 41px;
	margin-bottom: 20px;
	width: fit-content;
    background: whitesmoke;
    padding: 25px 50px;
    border-radius: 25px;
    box-shadow: 2px 2px 3px #e3e3e3;
}
.comercial_datos h4 {
	padding: 0 50px;
}
.comercial_datos h4, .comercial_datos h4 a {
    color: #585757;
    font-family: 'D-DIN Regular', Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 28px;
    text-align: left;
}
.comercial_datos h4 a span {
    color: #F49A00;
    text-transform: lowercase;
}
#header .header-right-link {
	padding: 22px 0px;
}
.sidebar-box.listing-box {
    background: #d8d8d8;
}
.listing-box .sidebar-title {
    display: none;
}
.sidebar-block .listing-box ul li {
    border-bottom: 2px solid #ffffff;
	transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.sidebar-col {
	padding: 0px;
}
.sidebar-box.listing-box ul li:hover {
    background: #005496;
}
.sidebar-box.listing-box ul li a {
	transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.sidebar-box.listing-box ul li:hover a{
	color: white;
}
.main .categorias-brcr li:hover {
	background: #005496;
}
.product-item .detail-inner-left ul li button:hover {
    color: white;
}
.product-item .detail-inner-left ul li button {
    color: #d4d4d4;
}
.footer-static-block i.fa, .footer-static-block i.fab {
    color: #FFFFFF;
}
/*END Jennifer*/

/* Responsive */
@media only screen and (max-width: 1769px) {
	/*.info-contacto-header {
		padding-left: 15px;
	}
	.info-contacto-header a,
	.info-contacto-header i {
		font-size: 10px !important;
	}*/
	.flex-center-header {
		justify-content: center !important;
	}
	#catalogo-gruposventa .block-text-home {
		height: auto;
	}
	#home .gv.grid {
		grid-column-gap: 30px;
		margin-top: 0px;
	}
}
@media only screen and (min-width: 1200px) and (max-width: 1769px) {
    .usersmile {
		right: 24px !important;
	}
	.usertick {
		right: 12px !important;
	}
}

@media (max-width: 1161px) { 
	#claim_home h2:nth-child(2) {
		display: none;
	}
}
@media (max-width: 1199px) { 
	#claim_home {
		padding: 6% 7%;
	}
	.banner-detail {
		top: 25%;
	}
    .usersmile {
		right: 26px !important;
        top: 30px !important;
	}
	.usertick {
		right: 15px !important;
        top: 23px !important;
	}
	.gv.grid {
		grid-template-columns: repeat(3, 1fr);
	}
	.header-right-link ul li.cart-icon > a span small.cart-notification, .header-right-link ul li.cart-icon > div > a span small.cart-notification {
		right: 8px;
		top: -7px;
	}
	#header .header-right-link {
		padding: 4px 0px;
	}
	.comercial_datos h3 {
		font-size: 2.6vw;
		line-height: 2.5vw;
	}
	.comercial_datos h4, .comercial_datos h4 a {
		font-size: 1.6vw;
		line-height: 2vw;
	}
}

@media only screen and (max-width: 991px) {
    .usersmile {
		right: 21px !important;
        top: 15px !important;
	}
	.usertick {
		right: 9px !important;
        top: 9px !important;
	}
    body:not(#home) .header-fixed .header-middle,
	#home header .header-middle {
		background: #FFFFFF !important;
	}
	.gv.grid {
		grid-template-columns: repeat(2, 1fr);
	}
	.listing-box .sidebar-title {
		display: block;
	}
	.sidebar-block .listing-box ul li {
		background: #d8d8d8;
	}
	.sidebar-box.listing-box {
		background: white;
	}
	.product-item .detail-inner-left ul li button {
		color: white;
	}
	.comercial_datos h3 {
		font-size: 3vw;
		line-height: 3vw;
	}
	.comercial_datos h4, .comercial_datos h4 a {
		font-size: 1.8vw;
		line-height: 2vw;
	}
}

@media only screen and (max-width: 600px) { 
    .usersmile {
		top: 5px !important;
	}
	.usertick {
		top: 0px !important;
	}
}

@media (max-width: 515px) {
		#claim_home {
		display: none;
	}
}
@media (max-width: 485px) {
	.gv.grid {
		grid-template-columns: repeat(1, 1fr);
	}
}
@media (max-width: 419px) {
    .usersmile {
        right: 15px !important;
    }

    .usertick {
        top: -1px !important;
        right: 5px !important;
    }
}

/* Color texto destacado noticias */
.hightligted {
	color: white;
}

/* Menú hamburguesa */
@media only screen and (max-width: 418px) { 
    /*.navbar-toggle {
        position: absolute;
        right: 0px;
    }*/

    ul.header-widgets > li {
        padding: 0;
    }

}


/* Menú desplegable + y - */
@media only screen and (max-width: 991px) {
	
    #menu .opener.minus, #menu .opener.plus {
		right: 0;
		color: #212934 !important;
		top: 8px;
	}

    .opener.minus, .opener.plus {
		right: 0;
		color: #005496;
		top: 8px;
	}
}

/* Botón añadir al carrito */
.product-detail-inner {
    bottom: -92px !important;
    padding: 0 !important;
}

.product-item:hover .product-detail-inner {
	bottom: 0 !important;
}

.product-item .product-detail-inner .pro-cart-icon {
    float: none;
}

.detail-inner-left ul li button span, .cat-box-inner .cart-link button span {
	height: 25px;
    width: auto;
}

@media (max-width: 991px) {
    .product-detail-inner {
        bottom: 0 !important;
    }
}

@media (max-width: 600px) {
    .product-detail-inner {
        bottom: 0 !important;
    }

    .detail-inner-left.left-side {
        width: 100% !important;
    }

    .product-item .product-detail-inner {
        padding: 5px 2px 0;     
    }

}

/* Fin Botón añadir al carrito */

/* Formulario de contacto */
@media (max-width: 767px) {
    .contacto-select {
        margin-bottom: 30px;
    }
	.comercial_datos h3 br {
		display: none;
	}
	.comercial_datos h3 {
		padding-top: 25px;
		font-size: 5vw;
		line-height: 7vw;
		text-align: center;
	}
	.comercial_datos h4, .comercial_datos h4 a {
		font-size: 2.8vw;
		line-height: 6vw;
		text-align: center;
	}
	#home .flex-container {
		display: block;
	}
}

/* Fin formulario de contacto */

/* Productos */
.product-item-name {
    min-height: 48px !important;
}
/* Fin productos */

.ficha-producto .fotorama__fullscreen-icon:hover {
	background: #005496 !important;
}
.ficha-producto .fotorama__fullscreen-icon {
    background: #005496 !important;
}

/* Select idiomas */
#select-idiomas, #select-idiomas-movil {
    cursor: pointer;
}

/* Fin select idiomas */

/* Miguel Etiqueta flotante solicitar acceso */

#acceso-fixed {
    background: #005496 !important;
}

/* Fin Etiqueta flotante solicitar acceso */

.navbar-header .navbar-brand {
	padding-bottom: 0px !important;
}

/* Popup selector tienda */

.nl-popup-main {
    background: #005496 !important;
}

.nl-popup-inner {
    border: 2px solid #FFF !important;
}

#tienda-popup button.mfp-close {
	background: none !important;	
	right: -10px !important;
	top: -10px !important;
}

#tienda-popup #selector-tienda li {
    background: none;
    opacity: 0.4;
}

#tienda-popup .tienda-seleccionada {
    opacity: 1 !important;
}

/* Responsive */
@media (max-width: 767px) {
    #tienda-popup {
        max-width: 666px !important;
    }

    .nl-popup-inner {
        margin: 25px !important;
    }
	.float-left-xs {
		float: right !important;
	}
}

@media (max-width: 539px) {
    #selector-tienda li img {
        width: 150px !important;
    }
}

@media (max-width: 438px) {
    #tienda-popup .tienda-inner .main_title {
	    font-size: 24px !important;
    }
    
    #selector-tienda li img {
        width: 120px !important;
    }
}

/* Popup selector tienda */

/* Solicitar acceso */
.formulario label {	
	color: #005496 !important;	
}

.formulario label:before {
	border: 3px solid #005496 !important;
}

.formulario input[type=radio]:checked + label {
	background: #005496 !important;
    color: #FFFFFF !important;
}
/* Solicitar acceso */

/* Youssef Texto de los GV*/
#gp li:hover #texto_gv {
    animation:text-focus-in 0.3s cubic-bezier(.55,.085,.68,.53) both;
    /*animation: 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal both running scale-up-center;*/
}
@keyframes scale-up-center{0%{transform:scale(.5)}100%{transform:scale(1)}}
@keyframes text-focus-in{0%{filter:blur(12px);opacity:0}100%{filter:blur(0);opacity:1}}
/* Youssef Texto de los GV*/

/* Youssef */
.selected {
	font-weight: bold;
}

.listing-box ul li {
    padding: 10px 0 !important;
}

#txt_cabecera p::before, #txt_cabecera p::after {
    content: '';
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    height: 1px;
    background: #ffffff8a;
    margin-top: 16px;
}
/* Youssef */

/* Miguel Cabecera */

.header-top, 
.header-middle {
    background-color: #FFFFFF;
}

.navbar-nav > li > a {
    color: #000000;
	font-size: 15px;
	text-transform: uppercase;
	letter-spacing: 0;
}

.navbar i {
    color: #585c62;
}

.info-contacto-header {
    width: 100%;
	padding-left: 25px;
}

.info-contacto-header a {
	color: #212934;
    font-size: 14px;
	font-family: "Poppins", Helvetica, Arial, sans-serif !important;
} 
.info-contacto-header i {
	color: #005496;
	font-size: 14px;
}

.flex-center-header {
	display: flex !important;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-content: center;
	-ms-flex-line-pack: center;
	-webkit-align-content: center;
	justify-content: flex-end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
}

.flex-column {
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;

}

.menu-karta-escritorio {
	padding: 36px 0px;
}
.menu-karta-escritorio .navbar-nav {
    float: none !important;
}

.menu-karta {
    display: none;
}

.menu-apartados-header {
    /*padding-top: 25px;*/
    display: block;
}
@media (max-width: 1199px) {
	.header-middle.menu-karta .navbar-nav > li > a {
		font-size: 18px;
		text-align: center;
	}
	.navbar-nav > li > a {
		font-size: 1.2vw;
	}
	#header .usersmile {
		display: none !important;
	}
	.usertick {
		font-size: 12px !important;
		top: 25px !important;
	}
	#header .search,
	#header .userncart,
	#header .shopping-cart {
		font-size: 18px !important;
	}
	.header-right-link > ul > li {
		padding: 0px 0px;
	}
	.info-contacto-header a {
		font-size: 12px !important;
	}
	.navbar-brand img {
		max-height: 65px;
		height: auto;
	}
	.info-contacto-header {
		width: fit-content;
		padding-left: 15px;
	}
	.menu-karta-escritorio {
		padding: 22px 0px;
	}
	.navbar-header .navbar-brand {
		padding: 14px 0;
	}
}

/* Miguel Inicio */
#slider2 h2 {
    font-size: 28px;
}

.banner-1 .banner-detail a.btn {
    color: #FFFFFF !important;
}

.btn.big.btn-slider-karta {
	background-color: #00508b !important;
    margin-top: 15px !important;
    color: white;
}

.btn.big.btn-ecologico-karta {
    background-color: #8bc63e !important;
    margin-top: 15px !important;
    color: white;
}

/* Fin Miguel Inicio */

/* Miguel Footer */
.footer-static-block ul li {
    padding: 5px 0;
	color: #7b7d7f;
}
.footer-static-block ul li a {
	color: #7b7d7f;
}

.footer { 
    background-color: #1c1f23;
}

.footer, .footer a, .footer p {
    color: #ffffff;
}

.footer-static-block .title {
    color: #ffffff;
}

.footer .title > span {
    border-bottom: 3px solid #ffffff;
}
a:hover {
    color: #eb6209;
}
.footer a:hover {
    color: #eb6209;
}
.scroll-top #scrollup {
    background: #eb6209;
}
#home .footer .separador,
.footer hr {
	display: none;
}
.footer {
    padding: 80px 0;
}
.footer .separador {
    margin-bottom: 25px;
    border-top: 1px solid #ededed;
	display: none;
}

.etiqueta-eco {
    color: #8bc63e;
    font-style: italic;
    font-weight: bold;
    font-size: 12px;
    vertical-align: super;
}

.etiqueta-eco-brcr {
    position: absolute;
    color: #8bc63e;
    font-style: italic;
    font-weight: bold;
    font-size: 20px;
    top: -12px;
}

.cod-producto-link {
    font-size: 12px !important;
}
a.ver-gama {
    display: block;
    font-size: 16px;
    color: #8bc63e;
}
.texto-code-producto {
    font-size: 12px;
}
.sectores {
	background: whitesmoke;
	padding: 100px 0;
}
/*.mapa-karta,
.sectores,
.medio-ambiente {
	margin-left: -66px !important;
    margin-right: -66px !important;
}*/
.mapa-karta .intro {
	width: 63%;
	margin: 0 auto;
    font-size: 20px;
}
.mapa-karta .intro h2 {
	text-align: left;
}
.mapa-karta .flex-content {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	padding: 0 66px;
}
#empresa .flex-content {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    align-items: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
    justify-content: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
    gap: 110px;
}
#empresa .flex-content p {
	width: 30%;
    text-align: right;
    font-size: 30px;
    line-height: 37px;
}

#empresa .medio_ambiente .flex-content p {
    width: 100%;
    text-align: center;
    font-size: 30px;
    line-height: 37px;
}

.medio-ambiente.parallax {
	min-height: 500px; 
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.medio-ambiente {
	background: url(../../../../../upload/karta/imagenes/eco.jpg) no-repeat center center;
	/*padding: 50px 100px 100px 100px;*/
    margin: 0;
	padding-top: 50px;
}
.medio-ambiente p span {
	font-size: 40px !important;
    color: #548711 !important;
    font-weight: bolder !important;
    /*border-bottom: 3px solid #548711;*/
}

.medio_ambiente p span {
    font-size: 40px !important;
    color: #548711 !important;
    font-weight: bolder !important;
}

.medio-ambiente .sector h3 {
    margin-bottom: 20px;
}
.medio-ambiente ul li:last-child h3 {
	margin-bottom: 0px;
}
.medio-ambiente span.aw {
    color: #548711;
    padding-right: 10px;
}
#empresa .medio-ambiente .flex-content, 
#empresa.medio-ambiente .flex-content {
    margin: 100px 0;
}
.medio-ambiente .bg-ma {
	background: #ffffffde;
}
.medio-ambiente h2 {
    padding: 50px 0;
    margin: 0 !important;
}
.medio-ambiente ul {
	/*background: whitesmoke;*/
    padding: 40px 50px;
   /*border-left: 2px solid #548711;*/
}
.mapa-karta .mapa {
	padding-left: 30px;
	background: #d2e8ff;
}
.mapa-karta .mapa img {
	max-width: 1000px;
}
#empresa b {
	color: #1c71b1;
	font-weight: bold;
}
#empresa p {
	margin-bottom: 20px;
	text-align: justify;
	font-size: 20px;
}
.boxy p {
    font-size: 16px !important;
}
section#empresa h2 {
    margin-bottom: 30px;
}
#empresa p span {
	font-size: 19px;
	color: #1c71b1;
}
.resaltado {
	color: #1c71b1;
	font-weight: bold;
}
.resaltado.eco {
	color: #8bc63e;
}
p.line-sep {
    height: 1px;
    background: #1c71b1;
    margin: 0;
}
p.line-sep-1 {
	width: 70%;
	margin-bottom: 30px;
}
p.line-sep-2 {
	width: 50%;
}
.lines-der {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
}
.lines-izq {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
    flex-direction: row;
	-webkit-flex-direction: row
	-ms-flex-direction: row;
}
.cajas-valores, .cajas-sectores {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
	column-gap: 70px;
	padding: 0 100px;
}
.cajas-valores h3,
.cajas-sectores h3 {
	text-align: center;
    border-bottom: 2px solid #5bb6ff;
}
.medio_ambiente .cajas-valores h3 {
    text-align: center;
    border-bottom: 2px solid #8bc63e;
    border-top: 2px solid #8bc63e;
    min-height: 68px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cajas-sectores h3 span:last-child {
	min-height: 96px;
}
.cajas-valores img {
    width: 80px;
}
#empresa .mtb-60 {
    margin: 100px 0;
}
#empresa .mt-60 {
    margin-top: 100px;
}
#empresa .mb-60 {
    margin-bottom: 100px;
}
#empresa .ptb-60 {
	padding: 100px 0;
}
.boxy h3 {
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
    gap: 5px;
}
.sector h3 {
    display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    gap: 5px;
	font-size: 16px;
    line-height: 20px;
}
.cajas-sectores {
	text-align: center;
    column-gap: 0;
	row-gap: 20px;
}

/* Miguel catalogos */
.img-grid-pdf {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 20px;
    column-gap: 10px;
}

.catalogos-pdf h2 {
    font-size: 24px;
    min-height: 60px;
}

.catalogos-pdf h2 img {
    max-width: 30px;
    position: relative;
    top: -5px;
}
/* Miguel Fin catalogos */

@media only screen and (max-width: 1769px) {

	.cajas-valores, .cajas-sectores {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		column-gap: 45px;
		padding: 0;
	}
	#empresa .cajas-valores p {
		text-align: center;
	}
	.mapa-karta .intro {
		width: 80%;
	}
	.gv.grid {
		grid-column-gap: 10px;
		grid-row-gap: 35px;
	}
	.gv.grid a img {
		width: 85%;
	}
}

@media (max-width: 1990px) {
    .cajas-valores h3 span:last-child {
        font-size: 1vw;
    }
}

@media (max-width: 1199px) {
    .cajas-valores h3 span:last-child {
        line-height: 20px;
    }

    .cajas-valores .boxy {
        margin-bottom: 20px;
    }
}

@media (max-width: 1000px) {
    .mapa-karta .mapa img {
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    .inner-banner1 .bread-crumb {
        position: unset;
    }

    .etiqueta-eco-brcr {
        position: unset;
        display: block;
    }

    .etiqueta-eco {
        display: inline;
        vertical-align: unset;
    }

    .bread-crumb {
        text-align: left;
    }

}

@media (max-width: 991px) {
	/*.ptb-70 {
		padding: 0 !important;
	}*/
	.footer {
		padding-top: 0px !important;
	}
	#header .nav > li:last-child a {
		padding-right: 15px;
	}
	.sidebar-col {
		padding: 15px;
	}
	.mb-60 {
		margin-bottom: 0;
	}
    .menu-apartados-header {
        display: none;
    }

    .menu-karta-escritorio {
        display: none;
    }

    .menu-karta {
        display: block;
    }

    .info-contacto-header a, 
    .info-contacto-header i {
        font-size: 10px;
    }

    body:not(#home) .navbar-nav > li > a {
        color: #212934;
    }

    .megamenu .sub-menu-level2 li.level3 > a {
        color: #212934;
    }

    .megamenu .sub-menu-level2 li.level3 > a:hover {
        color: #eb6209;
    }
	.navbar-header {
		width: fit-content;
	}
	.navbar-header .navbar-brand {
        padding-top: 9px !important;
    }
	#header .search, #header .userncart, #header .shopping-cart {
		font-size: 24px !important;
	}
	.navbar-toggle {
        margin: 16px !important;
		padding: 10px;
    }
	#header .header-right-link {
		padding: 26px 0px;
	}
	.header-right-link > ul > li > a {
		padding: 0;
		padding-top: 0;
	}
	.usertick {
		top: 0 !important;
	}
	.header-right-link ul li.cart-icon > a span small.cart-notification, .header-right-link ul li.cart-icon > div > a span small.cart-notification {
		right: 0;
		top: 0;
	}

    .cajas-valores {
        grid-template-columns: repeat(4, 1fr);
    }

    #empresa .flex-content {
        gap: 40px;
        flex-direction: column;
    }

    #empresa .flex-content p {
        width: 100%;
        text-align: left;
    }

    #home .gv.grid img {
        max-width: 70px;
    }

    #home .gv.grid {
        justify-items: center;
        grid-template-columns: repeat(4, 1fr);
    }

    #catalogo-gruposventa .block-text-home {
        margin-bottom: 20px;
        padding-right: 15px;
    }

    .text-home h3 {
        font-size: 3vw;
        line-height: 3vw;
    }

    .text-home p {
        font-size: 2vw;
        line-height: 2vw;
    }

}

@media (max-width: 940px) {
    .cajas-valores h3 span:last-child {
        font-size: 1.2vw;
    }
}

@media (max-width: 702px) {
    .cajas-valores {
        grid-template-columns: repeat(3, 1fr);
    }

    .cajas-valores h3 span:last-child {
        font-size: 1.8vw;
    }

    #home .gv.grid {
        grid-template-columns: repeat(3, 1fr);
    }

    #catalogo-gruposventa h2 {
        font-size: 24px;
    }
}

@media (max-width: 650px) {
    .cabece-empresa h1 {
        font-size: 3vw;
    }

    .text-home h3 {
        font-size: 16px;
        line-height: 16px;
    }

    .text-home p {
        font-size: 14px;
        line-height: 16px;
    }
}

@media (max-width: 544px) {
	.info-contacto-header {
		display: none;
	}
	.navbar-header {
		width: 100%;
	}
	#header .col-xs-7 {
		width: 30%;
	}
	#header .col-xs-5 {
		width: 70%;
	}

    .cajas-valores {
        grid-template-columns: repeat(2, 1fr);
    }

    .cajas-valores h3 span:last-child {
        font-size: 16px;
    }

    #home .gv.grid {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 500px) {
    .comercial_datos h3 {
        font-size: 20px;
    }

    .comercial_datos h4 a{
        font-size: 14px;
    }

    #visita_comercial {
        height: unset;
    }
}

@media (max-width: 485px) {
    .cajas-valores {
        grid-template-columns: repeat(1, 1fr);
    }
    #home .gv.grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .catalogo-gruposventa form input {
        width: 250px;
    }

}

@media (max-width: 434px) {
	.navbar-header {
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		height: 75px;
	}
}
@media (max-width: 387px) {
	#header .header-top-inner button i.fa {
		font-size: 24px !important;
	}
	.navbar-toggle {
		margin-left: 0 !important;
	}
	#header .header-right-link ul li.cart-icon > a span small.cart-notification {
		height: auto;
		line-height: 14px;
		right: 0;
		top: 0;
	}

    #empresa .flex-content p {
        font-size: 24px;
    }

    #empresa .flex-content p span {
        font-size: 30px !important;
    }

    .hojiya {
        display: none !important;
    }
}
@media (max-width: 290px) {
	#header .navbar-toggle {
		margin: 26px 16px !important;
		margin-left: 0 !important;
		padding: 0;
	}
}

/* Fin Miguel */

/* Melani: Nuevo diseño catalogos */

.left-overlay {
    position: absolute;
    left: 0;
    right: 60%;
    top: 0;
    bottom: 0;
}

.quimicos {
    background-color: #1B4F72;
}

.celulosas {
    background-color: #21618C;
}

.productos_un_uso {
    background-color: #2874A6;
}

.envasado_conservacion {
    background-color: #2E86C1;
}

.utiles_limpieza {
    background-color: #3498DB;
}

.equipamiento_higiene {
    background-color: #5DADE2;
}

.epis {
    background-color: #85C1E9;
}

.ecoline {
    background-color: #AED6F1;
}

.padding-bottom {
    padding-bottom: 80px;
}

.padding-top {
    padding-top: 120px;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }
}

.inner-team-sec .heading {
    font-size: 3vw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
}

.inner-team-sec h3 {
    padding-top: 20px;
    text-align: center;
}

.quimicos .heading, .celulosas .heading, .productos_un_uso .heading, .envasado_conservacion .heading,
.quimicos h3, .celulosas h3, .productos_un_uso h3, .envasado_conservacion h3 {
    color: #FFFFFF;
}

.utiles_limpieza .heading, .equipamiento_higiene .heading, .epis .heading, .ecoline .heading,
.utiles_limpieza h3, .equipamiento_higiene h3, .epis h3, .ecoline h3 {
    color: #00508b;
}

.imagenes_catalogo {
    max-width: 200px;
}

.imagenes_catalogo img {
    box-shadow: 17px 17px 8px #1e1e1e45;
}

.catalogos {
    padding-bottom: 50px;
    padding-top: 50px;
}

.catalogos .owl-nav {
    text-align: center;
}

.catalogos .owl-nav button.owl-prev {
    padding-right: 15px !important;
    color: #FFFFFF;
}

.catalogos .owl-nav button.owl-next {
    color: #FFFFFF;
}

.owl-dot.active span {
    background: #005496 !important;
}

.celulosas .owl-dot.active span {
    background: #5DADE2 !important;
}

.owl-dot span {
    background: #FFFFFF !important;
}

.team-detail {
    text-align: center;
}

/* Fin nuevo diseño catalogos */