@charset "utf-8";
/* CSS Document */

body { padding:0px; margin:0px; background:#FFFFFF; font-size:16px; color:#000000; line-height:20px; font-family: 'Montserrat-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #000000; text-decoration: none;transition: all 0.5s ease;  }
button{transition:all 0.5s ease;cursor: pointer;}
div { margin: 0; padding: 0; }
p { font-size:16px; line-height:24px; padding:0px; margin:0px; color:#000000;} 
h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }
a{ color: #000000; outline:none; }
ul, li { list-style:none;}
a:focus, :focus{ outline:none; }
ul,ol { list-style-type:none; padding:0px; margin:0px; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; } 
* html .clearfix { height: 1%; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }
.left { float:left; }
.right { float:right; }
.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }
.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }
.row { width: 1240px; padding: 0; margin:0px auto;}
img { border: 0; height: auto; vertical-align: middle; width: auto; }

/* header css */
header { float: left; width: 100%; position: relative; z-index: 999;}
.hdr-top { float: left; width: 100%; position: fixed; top: 0px; left: 0px; transition: all 0.5s ease;}
.hdr-main { float: left; width: 100%; padding: 40px 0 20px; display: flex; align-items: flex-start; justify-content: space-between;}

.logo { float: left; width: 231px; transition: all 0.5s ease;}
.logo img { float: left; width: auto;}
.logo img.sticky-logo { display: none;}
.hdr-rgt { float: left; width: auto; display: flex; column-gap: 35px;}
.main-menu { float: left; width: auto;}
.main-menu ul { float: left; width: auto; display: flex; column-gap: 35px;}
.main-menu ul li { flex: 0 1 auto;}
.main-menu ul li a { float: left; width: auto; font-family: 'Montserrat-SemiBold'; color: #FFFFFF; font-size: 16px; line-height: 24px; letter-spacing: -2%; transition: all 0.5s ease;}
.main-menu ul li a:hover { opacity: 0.5;}
.main-menu ul li a.active,.is-sticky .main-menu ul li a.active{color:#CC0605;}

.is-sticky .hdr-top { background: #FFFFFF; box-shadow: 0px 5px 10px rgba(0,0,0,0.15);}
.is-sticky .hdr-main { padding: 20px 0; align-items: center;}
.is-sticky .logo {width: 131px; }
.is-sticky .logo img.desk-logo { display: none;}
.is-sticky .logo img.sticky-logo { display: block;}
.is-sticky .main-menu ul li a { color: #000000;}
.is-sticky .main-menu ul li a:hover { color: #CC0605; opacity: 1;}
.is-sticky .nice-select { color: #000000;}
.is-sticky .nice-select::after { border-bottom: 2px solid #000000; border-right: 2px solid #000000;}
.is-sticky .nice-select:active, .is-sticky .nice-select.open, .is-sticky .nice-select:focus { border-color: #000000;}
.is-sticky .nice-select:hover::after { border-bottom: 2px solid #000000; border-right: 2px solid #000000;}

.top-banner { float: left; width: 100%; position: relative;}
.top-banner::after { position: absolute; content: ""; top: 0; left: 0; background: linear-gradient(90deg,rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%); width:100%; height: 100%;}
.top-banner img { float: left; width: 100%; height: 100%; object-fit: cover;}
.top-banner .banner-caption { position:absolute; left: 0; bottom: 20%; width:100%; z-index:9;}
.top-banner .banner-cont { float: left; max-width: 785px; }
.top-banner .banner-cont h1 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 52px; line-height: 62px; letter-spacing: -2%; padding-bottom: 30px; margin-bottom: 10px; position: relative;}
.top-banner .banner-cont h1::after { position: absolute; content: ""; background: #CC0605; bottom: 0px; left: 0; height: 3px; width: 185px;}
.top-banner .banner-cont p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #F9F9F9; font-size: 32px; line-height: 42px; letter-spacing: -2%;}
.top-banner .banner-cont p img { float: none; width: 182px;}

/* title css */
.title { float: left; width: 100%; margin-bottom: 35px;}
.title h2 { float: left; width: 100%; font-size: 28px; line-height: 36px; letter-spacing: -0.15px; color: #161111; font-family: 'Montserrat-Bold'; position: relative; padding-bottom: 18px;}
.title h2::after { position: absolute; content: ""; background: #CC0605; bottom: 0px; left: 0; height: 3px; width: 85px;}

.promotions-sec { float: left; width: 100%; background: #CC0605; padding: 20px 0 40px; position: relative; z-index: 1;}
.promotions-sec::before { position: absolute; content: ""; background: url("../images/red-bg.svg") no-repeat scroll top left; background-size: cover; top: -108px; left: 0; width: 100%; height: 108px; z-index: -1;}
.promo-title { float: left; width: 100%; padding-bottom: 45px;}
.promo-title h2 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #F9F9F9; font-size: 28px; line-height: 36px; letter-spacing: -2%; padding-bottom: 5px;}
.promo-cnt { float: left; width: 100%; display: flex; column-gap: 15px; align-items: center;}
.promo-cnt p { font-family: 'Montserrat-Medium'; color: #F9F9F9; font-size: 24px; line-height: 30px; letter-spacing: -2%;}
.reg-link { float: left; width: auto;}
.reg-link a { float: left; width: auto; background: url("../images/top-right-arrow.svg") no-repeat top right; padding-right: 22px; font-family: 'Montserrat-Medium'; color: #F9F9F9; font-size: 24px; line-height: 30px; letter-spacing: -2%; border-bottom: 2px solid #F9F9F9; transition: all 0.5s ease;}
.reg-link a:hover { opacity: 0.75;}
.down-arrow { display: none;}

.promotions-list { float: left; width: 100%; }
.promotions-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px;}
.promotions-list ul li { flex: 0 1 33.33%; padding: 0 35px;}
.promotions-list ul li img { float: left; width: 100%;}
.promotions-list ul li .promotions-img img { float: none; width: 132px;}
.promotions-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 30px; justify-content: center; align-items: center; text-align: center;}
.promotions-img { float: left; width: 100%; padding-bottom: 25px;}
.promotions-img img { float: none; width: 132px;}
.promotions-main h2 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 17px; line-height: 25px; letter-spacing: -2%;}
.promotions-main { float: left; width: 100%;}
.promotions-img-cnt { float: left; width: 100%;}
.promotions-main h3 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #FFFFFF; font-size: 18px; line-height: 26px; letter-spacing: -2%; padding-bottom: 10px;}
.promotions-main p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #FFFFFF; font-size: 16px; line-height: 24px; letter-spacing: -2%;}

.permanent-sec { float: left; width: 100%; background: #FFFFFF; padding: 45px 0 100px; position: relative; display: none;}
.permanent-sec::after { position: absolute; content: ""; bottom: 0; left: 0; background: url("../images/mobile-arrow-sec.svg") repeat bottom left; background-size: contain; width: 100%; height: 62px;  }
.permanent-sec h4 { float: left; width: 100%; font-family: 'Montserrat-Bold'; text-align: center; color: #161111; font-size: 16px; line-height: 24px; letter-spacing: -2%; padding-top: 40px;}
.permanent-sec .promotions-main h2 { color: #161111;}
.permanent-sec .promotions-main h3 { color: #161111;}
.permanent-sec .promotions-main p { color: #161111;}
.permanent-sec .promotions-img img {filter: brightness(0) saturate(100%) invert(15%) sepia(54%) saturate(5121%) hue-rotate(353deg) brightness(101%) contrast(111%);}

.els-nostres-sec { float: left; width: 100%; padding: 45px 0 40px;}
.els-nostres-list { float: left; width: 100%; padding-bottom: 30px;}
.els-nostres-list ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 40px; column-gap: 2%;}
.els-nostres-list ul li { flex: 0 1 23.5%;}
.els-nostres-main { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 35px;}
.els-nostres-img { float: left; width: 100%;}
.els-nostres-img img { float: left; width: 85px;}
.els-nostres-cnt { float: left; width: 100%;}
.els-nostres-cnt h3 { float: left; width: 100%; font-family: 'Montserrat-Bold'; color: #000000; font-size: 24px; line-height: 30px; letter-spacing: -2%; padding-bottom: 5px;}
.els-nostres-cnt p { float: left; width: 100%; font-family: 'Montserrat-Medium'; color: #000000; font-size: 18px; line-height: 26px; letter-spacing: -2%;}
.els-nostres-cnt p span {font-family: 'Montserrat-Bold';}
.els-nostres-sec .promo-cnt p { float: left; color: #000000; font-size: 18px; line-height: 26px; letter-spacing: -2%;}
.els-nostres-sec a.reg-link { float: none; padding-right: 16px; background: url("../images/top-right-arrow-red.svg") no-repeat scroll top right; color: #CC0605; font-family: 'Montserrat-Bold'; font-size: 18px; border-bottom: 3px solid #CC0605;}
.els-nostres-sec a.reg-link:hover {  background: url("../images/top-right-arrow-black.svg") no-repeat scroll top right; color: #000000; border-bottom: 3px solid #000000;}
.separacio-sec { float: left; width: 100%; height: 380px;}
.separacio-sec img { float: left; width: 100%;}

/* queofer-section */
.quofer{float: left;width: 100%;background: #F5F5F5;padding: 50px 0 0 0;position: relative;}
.quofer:after{position: absolute;content: "";bottom: 15px;right: 15px;width:68px;height:73px;background: url(../images/gotes-vermelles-1.svg) no-repeat; background-size: cover;}
.title{float: left; width: 100%;margin-bottom: 35px;}
.title h2{font-size: 28px;line-height: 36px;letter-spacing: -0.15px;color: #161111;font-family: 'Montserrat-Bold';position: relative;padding-bottom: 18px;}
.title h2:after{position: absolute;bottom: 0px;left: 0;height: 3px;width: 85px;background: #CC0605;content: "";}
.title.white h2{color: #F9F9F9;}
.autoslider {float: left;width: 100%;padding-left: calc((100% - 1240px)/2);margin-bottom: 50px;}
.autoslider span {font-size: 18px;line-height: 22px;letter-spacing: -2%;padding-right: calc((100% - 1240px)/2);font-family: 'Montserrat-medium';margin-bottom: 35px;float: left;width: 100%;color: #161111;}
.automain {width: 100%;position: relative;} 
.auto-img {width: 100%;border-radius: 10px;overflow: hidden;margin-bottom: 15px;position: relative;}
.auto-cnt {width: 100%;}
.auto-cnt h4 {font-size: 22px;line-height: 30px;letter-spacing: -2%;font-family: 'Montserrat-SemiBold';margin-bottom: 4px;color: #161111;}
.auto-cnt p {color: #161111;font-size: 18px;line-height: 22px;font-family: 'Montserrat-medium';letter-spacing: -2%;}
.autoslider .swiper-pagination{display: none;}
.dummy-img{float: left;width: 100%;}
.org-img{position: absolute;width: 100%;height: 100%;object-fit: cover;left: 0;top: 0;}
.cuidomos-slider{float: left;width: 100%;padding-bottom: 120px;}
.cuidomos-slider h3{display: flex;column-gap: 15px;align-items: center; font-size: 22px;line-height: 30px;letter-spacing: -2%;font-family: 'Montserrat-SemiBold';margin-bottom: 15px;color: #161111;}
.cuidomos-slider h3 img{width: auto;} 
.cuidomos-slider span {font-size: 18px;line-height: 22px;letter-spacing: -2%;font-family: 'Montserrat-medium';margin-bottom: 35px;float: left;color: #161111;}
.cuidamos-main {width: 100%;position: relative;}
.cuidamos-img {width: 100%;border-radius: 10px;overflow: hidden;margin-bottom: 15px;position: relative;min-height: 145px;}
.cuidamos-cnt {width: 100%;} 
.cuidamos-cnt h4 {font-size: 22px;line-height: 30px;letter-spacing: -2%;font-family: 'Montserrat-SemiBold';color: #161111;}
 
/* product-section */
.productos-sec {float: left;width: 100%;position: relative;padding: 65px 0 45px;}
.productos-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.prod-list{float: left;width: 100%;position: relative;} 
.prod-list h4{font-size: 18px;line-height: 22px;letter-spacing: -2%;font-family: 'Montserrat-medium';float: left;color: #F9F9F9;}
.prod-list ul {width: 100%;display: flex;row-gap: 20px;column-gap: 30px;flex-wrap: wrap;margin-top: 35px;float: left;}
.prod-list ul li {flex: 0 1 calc(25% - 30px);} 
.prod-list ul li:last-child {flex: 0 1 25%;}
.prod-ico {width: 100%;margin-bottom: 30px;}
.prod-ico img {width: auto;}
.prod-cnt {width: 100%;}
.prod-cnt h3 {font-size: 24px;line-height: 29px;letter-spacing: -2%;font-family: 'Montserrat-Bold';color: #f9f9f9;margin-bottom: 6px;}
.prod-cnt p {color: #f9f9f9;font-size: 18px;line-height: 22px;font-family: 'Montserrat-medium';letter-spacing: -2%;}

/* feste section */
.feste {float: left;width: 100%;padding: 45px 0;}
.feste-main {width: 100%;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;row-gap: 40px;}
.feste-lft {flex: 0 1 53%;}  
.feste-rht {flex: 0 1 40%;} 
.feste-rht img {float: left;width: 100%;}
.feste-lft ul {float: left;width: 100%;display: flex;flex-wrap: wrap;row-gap: 10px;}
.feste-lft ul li {flex: 0 1 100%;font-size: 18px;line-height: 26px;letter-spacing: -2%;color: #000;font-family: 'Montserrat-Medium';}
.feste-lft ul li strong{font-family: 'Montserrat-Bold';}
.red{color: #CC0605 !important;}
.feste-lft ul li a {font-size: 18px;line-height: 26px;letter-spacing: -2%;color: #CC0605;font-family: 'Montserrat-bold';position: relative;padding-bottom: 2px;transition: all 0.5s ease;}
.feste-lft ul li a:after{position: absolute;content: "";bottom: -1px;left: 0;width: 100%;height: 2px;background: #CC0605;border-radius: 25px;transition: all 0.5s ease;}
.feste-lft ul li a span {position: relative;top: -3px;transition: all 0.5s ease;}
.feste-lft ul li a:hover{color: #161111;}
.feste-lft ul li a:hover:after{background: #161111;}
.feste-lft ul li a:hover span{filter: invert(1) brightness(0);}

/* torba */
.torba{float: left;width: 100%;padding: 45px 0 50px;background: #CC0605;}
.torba-main{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;row-gap: 30px;}
.torba-title.title h2:after{background: #F9F9F9;} 
.torba-lft {flex: 0 1 20%;display: flex;flex-wrap: wrap;flex-direction: column;}  
.torba-lft p {font-size: 18px;line-height: 22px;letter-spacing: -2%; font-family: 'Montserrat-medium';float: left;color: #F9F9F9;flex-grow: 1;}
.torba-rht {flex: 0 1 75%;}
.torba-rht img{width: 100%;float: left;}

/* footer css */
footer {float: left;width: 100%;background: #161111;padding: 35px 0;}
.foot-logo {float: left;width: 100%;margin-bottom: 33px;}
.foot-logo img {width: auto;}
.foot-main {float: left;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.foot-main h3 {font-size: 16px;line-height: 24px;letter-spacing: -0.15px;color: #fff;font-family: 'Montserrat-Bold';}
.foot-main p ,.foot-main a{  font-size: 16px;line-height: 24px;letter-spacing: -0.15px;color: #fff;font-family: 'Montserrat-Medium';transition: all 0.5s ease;}
.foot-main a:hover{color: #CC0605;}
.foot-lft {flex: 0 1 auto;}
.foot-rht {flex: 0 1 auto;text-align: right;}
.foot-rht a {margin-bottom: 25px;float: right;}
.foot-rht ul {display: flex;column-gap: 13px;width: 100%;justify-content: flex-end;}
.foot-rht ul li {flex: 0 1 auto;position: relative;}
.foot-rht ul li:after{position: absolute;top:3px;right: -8px;height: 20px;width:2px;background: #fff;content: "";}
.foot-rht ul li:last-child:after{display: none;}

/* mobile Menu css starts */
body.over { overflow: hidden;}
body.over .is-sticky .hdr-top { background: none;}
body.over .is-sticky .logo img.sticky-logo { filter: brightness(0) invert(1);}
.m-menu { position: relative; right: 0; top: 0; display: none; z-index:99;} 
.is-sticky .m-menu span { background: #CC0605;}
.m-menu img { width: 20px;}
.mobile-menu{ position:fixed; top:0px; bottom: 0; width: 100%; height: 100vh; z-index: 99; padding:0px; opacity: 0; visibility: hidden; transition: all 0.4s ease; background: linear-gradient(90deg,rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); border-top: 1px solid #eaeaec; }
.mobile-menu.slow { opacity: 1; visibility: visible; }
.mobile-menu .nav { overflow: hidden; display: flex; flex-direction: column;}
.mobile-menu ul { flex: 1 1 auto; overflow-y: auto; max-height: calc(100vh - 150px - 80px); /* 150px padding top + ~80px lang height */ margin-bottom: 20px; /* optional, for spacing above .slt-lang */ display: flex; flex-wrap: wrap; row-gap: 30px; align-content: flex-start;}
.mobile-menu ul li { flex: 0 1 100%; border-bottom: 2px solid #CC0605;}
.mobile-menu ul li:last-child { border-bottom: none;}
.mobile-menu ul li:last-child a { padding-bottom: 0;}
.mobile-menu ul li a { float: left; padding-bottom: 15px; font-family: 'Montserrat-SemiBold'; letter-spacing: -2%; font-size: 16px; line-height: 22px; letter-spacing: 1px; transition:all .5s ease; text-transform: uppercase; line-height: normal; color: #fff;}
.mobile-menu ul li a:hover { color: #CC0605;}
.mobile-menu .nav { border-right: 15px solid #CC0605; width: 300px; background: #161111; float: left;  padding: 150px 30px 40px; height:100%; position: relative;}
.m-menu { width: 25px; height: 22px;  margin: 0; -webkit-transform: rotate(0deg);-moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; float: right; }
.m-menu a { display: block;}
.m-menu span { display: block; position: absolute; height: 2px; width: 100%; background: #fff; border-radius: 0px; opacity: 1;
left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);  -webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }  
.mobile-menu .slt-lang { float: left; width: 100%;}
.mobile-menu .nice-select .list { top: auto; bottom: 100%; row-gap: 0;}
/* Icon 4 */
.m-menu span:nth-child(1) { top: 0px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(2) { top: 8px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu span:nth-child(3) { top: 16px; -webkit-transform-origin: left center; -moz-transform-origin: left center; -o-transform-origin: left center; transform-origin: left center; }
.m-menu.open span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: -4px; left: 4px;  background: #fff;}
.m-menu.open span:nth-child(2) { width: 0%; opacity: 0;}
.m-menu.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 14px; left: 4px; background: #fff; }
/* mobile Menu css ends */

/* override */
.torba-lft h4 {
    margin-top: 20px;
    font-size: 18px;
    line-height: 22px;
    letter-spacing: -2%;
    font-family: 'Montserrat-Bold';
    float: left;
    color: #F9F9F9;
    flex-grow: 1;
}
/* override ends */