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

body { padding:0px; margin:0px; background:#000000; font-size:16px; color:#000; line-height:20px; font-family: 'Rubik-Regular';}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }
a, img { border: medium none; }
a { color: #192432; text-decoration: none;  }
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: #192432; outline:none; }
/*a:hover { color: #979796; }*/
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:1170px; margin:auto; padding:0px;}
.row1{ width:1050px; margin:auto; padding:0px;}
.row2{ width:970px; margin:auto; padding:0px 0%;}
.row3{ width:100%; margin:auto; padding:0px 4%;}

.header { float:left; width: 100%; top: 0; z-index: 9; pointer-events: none; height: auto; }
.inn-hdr { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; height: auto; z-index: 9; }
.inn-pad { float: left; width: 100%; padding: 0 3%; display: flex; align-items: center; justify-content: space-between;}

.logo { position: absolute; left: 0; right: 0; width: 76px; margin: 0 auto; top: 17px;}
.logo img { max-height: 80px;}
.logo .stick-logo {display: none;}
.top-rht { float: right;}
.top-rht > ul { display: flex; flex-wrap: wrap; align-items: center; column-gap: 35px;}
.top-rht > ul li { flex: 0 1 auto;}
.top-rht > ul li a { font-size: 18px; line-height: 21px; color: #ffffff; font-family: 'Rubik-Regular';}

.sticky-wrapper { height: auto !important;}
.is-sticky .inn-hdr {background: #000000;}
.is-sticky .logo .desktop-logo {display: block;}
.is-sticky .logo .stick-logo {/* display: block; */}
/* .is-sticky .megamenu-sec ul li a { padding: 37px 0;} */

.inn-banner { float: left; width: 100%; position: relative;}
.inn-banner img { float: left; width: 100%;}
.inn-cap { position: absolute; bottom: 25px; width: 100%;}
.inn-cap h1 { font-size:100px; line-height: 100px; font-family: 'Rubik-Regular'; color: #FFFFFF; text-transform: uppercase;}

.head-top-link{width: 100%; float: left;  padding: 0 3%; display: flex; flex-wrap: wrap; column-gap: 4%; align-items: center; justify-content: space-between; position: relative;}
.head-top-link::before { position: absolute; content: ''; left: 0; bottom: 0; width: 47%; border-bottom: 1px solid rgba(151,151,151,0.55); }
.head-top-link::after { position: absolute; content: ''; right: 0; bottom: 0; width: 47%; border-bottom: 1px solid rgba(151,151,151,0.55); }
.head-top-lft{flex: 0 1 auto;}
.head-top-lft ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 0; align-items: center;}
.head-top-lft ul li{flex: 0 1 auto; position: relative; color: #ffffff; font-size: 15px; line-height: 17px;}
.head-top-lft ul li::after { position: absolute; content: '|'; right: 0; top: 7px;color: #ffffff; font-size: 15px; line-height: 17px;}
.head-top-lft ul li a{width: auto; float: left; color: #ffffff; font-size: 15px; line-height: 17px; padding: 7px 11px; position: relative; transition:all .5s ease;}
.head-top-lft ul li:first-child a { padding-left: 2px;}
.head-top-lft ul li:last-child::after { display: none;}
.head-top-lft ul li a:hover, .head-top-lft ul li a.active {background: #624219; font-family: 'Rubik-Bold'; }
.head-top-lft ul li a::before {display: block; content: attr(title); font-family: 'Rubik-Bold';height: 1px;color: transparent;overflow: hidden;visibility: hidden;}
.head-top-rgt { flex: 0 1 auto; }
.head-top-rgt ul{width: 100%; float: left; display: flex; flex-wrap: wrap; column-gap: 15px; justify-content: right; align-items: center;}
.head-top-rgt ul li{flex: 0 1 auto;  }
.head-top-rgt ul li a{float: left;color: #fff;font-family: 'Rubik-Bold'; letter-spacing: 0.5px; font-size: 13px; line-height: 18px; transition:all .5s ease;}
.head-top-rgt ul li a:hover{opacity: 0.6;}
.head-top-rgt ul li a img { display: inline-block;}
.head-top-rgt ul li a:hover::before { width: 100%;}
.head-top-rgt ul li a.active::before { width: 100%;}

/*****menu css*******/
.megamenu-sec { position: relative; float: left; }
.megamenu-sec ul { margin: 0; padding: 0; display: flex; column-gap: 30px; margin-top: 0px;}
.megamenu-sec ul li { display: inline-block; margin-right: 0; position: relative; }
.megamenu-sec ul li a { font-family: 'Rubik-Regular'; font-size: 18px; color: #D8D8D8;  position: relative; line-height: 21px; padding: 15px 0 15px 0; /* padding: 18px 0; */ display: inline-block;  text-decoration: none; position: relative; }
.megamenu-sec ul li a i { margin-left: 5px; transform: translateY(2px); transition: 0.4s; position: relative; top: 2px;}
.megamenu-sec ul li ul.submenu {margin-top: 0; position: absolute; background: rgba(0,0,0,0.36); padding: 10px; width: 150px; transition: 0.3s; top: 110%; opacity: 0; visibility: hidden; display: block; left: -18px;}
.megamenu-sec ul li ul.submenu li { margin: 0; margin-bottom: 0px; margin-bottom: 0px; display: block;}
.megamenu-sec ul li ul.submenu li a { font-size: 18px;  display: block; padding: 10px 10px;  transition:all .4s ease;}
.megamenu-sec ul li ul.submenu li a.current { font-family: 'Rubik-Regular'; color: #ffffff; }
.megamenu-sec ul li a:hover, .megamenu-sec ul li a.active { font-family: 'Rubik-Bold'; color: #ffffff;}
.megamenu-sec ul li:hover ul.submenu { opacity: 1; visibility: visible; top: 100%; }
.megamenu-sec ul li a::before {display: block; content: attr(title); font-family: 'Rubik-Bold';height: 1px;color: transparent;overflow: hidden;visibility: hidden;}
.megamenu-sec ul li a:hover::before { width: 100%;}
.megamenu-sec ul li a.active::before { width: 100%;}


.partner-sec { float: left; width: 100%; padding: 0 0 55px; border-bottom: 1px solid rgba(255,255,255,0.2);  }
.partner-img  { float: left; width: 100%; text-align: center; margin-bottom: 45px;}
.partner-img img { display: inline-block; width: auto; max-width: 200px;}
.partner-sec ul { display: flex; flex-wrap: wrap; row-gap: 60px;width: 100%;float: left;}
.partner-sec ul li { flex: 0 1 16.6%;  display: flex; align-items: center; flex-wrap: wrap;justify-content: center;} 
.partner-sec ul li img { max-height: 55px; max-width: 180px; float: left; width: auto; }

.entrades-sec { float: left; width: 100%; padding: 50px 0;}
.entrades-lst { float: left; width: 100%; padding-bottom: 45px;}
.entrades-lst h3 { float: left; width: 100%; font-size: 50px; line-height: 49px; text-transform: uppercase; font-family: 'NTF-Grand-Bold'; color: #885C23; padding-bottom: 17px;  border-bottom: 1px solid #885C23;}
.entrades-lst ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 10px;}
.entrades-lst ul li { flex: 0 1 100%; display: flex; flex-wrap: wrap; align-items: center; padding: 18px 0; justify-content: space-between; row-gap: 30px;}
.entrades-info { flex: 0 1 22%;}
.entrades-info p { font-size: 20px; line-height: 21px; color: #ffffff; font-family: 'Rubik-Regular'; }
.entrades-info p span {font-family: 'Rubik-Bold'; display: inline-block; padding-bottom: 10px; }
.entrades-img { width: 75px; text-align: center;}
.entrades-img img { max-height: 80px;}
.entrades-main p { font-size: 16px; line-height: 22px;font-family: 'Rubik-Bold'; display: inline-block;}
.entrades-main { flex: 0 1 34%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.entrades-lft { flex: 0 1 50%; position: relative;display: flex;align-items: center;column-gap: 13px;}
.entrades-lft::after { position: absolute; content: '-'; right: 25px; top: 50%; transform: translateY(-50%); font-size: 20px; line-height: 21px; color: #ffffff; font-family: 'Rubik-Regular';}
.entrades-lft p { text-align: right;}
.entrades-lft:last-child p { text-align: left;}
.entrades-lft:last-child::after { display: none;}
.entrades-info.last { text-align: right;}
.entrades-lst:last-child { padding-bottom: 25px;}


.entrades-info a.com-ent {color: #ffffff; width: 230px; font-family: 'NTF-Grand-Bold';font-size: 22px;line-height: 20px; letter-spacing: 0.6px; text-align: center;text-transform: uppercase;border-radius: 29px;background: linear-gradient(to right, #0A0602, #A3681B); padding: 19px 34px;display: inline-block;transition: all .5s ease;}
.entrades-info a.com-ent:hover {background: #b4222d;}

footer { background: url(../images/footer-bg.jpg) no-repeat center center; float: left; width: 100%; padding: 50px 0;}
.ftr-top { float: left; width: 100%;}
.ftr-logo { float: left;}
.ftr-mnu { float: left; width: 100%; }
.ftr-mnu ul { display: flex; column-gap: 0%; width: 100%; flex-wrap: wrap; }
.ftr-mnu ul li { flex: 1 1 auto;}
.ftr-mnu ul li a { color: #FFFFFF; font-size: 20px; font-family: 'NTF-Grand-Bold'; letter-spacing: 1.5px; text-transform: uppercase; transition: all 0.4s ease;}
.ftr-lft { float: left; width: 60%; display: flex;  align-items: center; }
.ftr-logo { float: left; width: 84px; margin-right: 0;}
.ftr-mnu ul li a:hover { opacity: 0.6;}

.ftr-mid .ftr-rht { float: right; width: max-content;}
.ftr-rht ul { display: flex; flex-wrap: wrap; column-gap: 13px;}
.ftr-rht ul li { flex: 1 1 auto;}
.ftr-rht ul li a { display: block; transition: all 0.4s ease;}
.ftr-rht ul li a:hover { opacity: 0.6;}

.ftr-mid  { float: left; display: grid; grid-template-columns: 1fr 5fr 1fr; flex-wrap: wrap;  width: 100%; align-items: center; justify-content: space-between;  gap: 2%;
   justify-items: center;}

.ftr-btm { float: left; width: 100%; padding-top: 25px; border-top: 1px solid rgba(255,255,255,0.2); margin-top: 20px;padding-left: 45px;padding-right: 45px;}
.ftr-legal { float: right; }
.ftr-legal ul li { float: left; position: relative; margin-right: 5px; padding-right: 10px;} 
.ftr-legal ul li a { color: #fff; font-family: 'Rubik-Regular';  font-size: 13px; transition: all 0.4s ease;} 
.ftr-legal ul li::after { position: absolute; display: block; content: "."; color: #FFFFFF; font-size: 20px; top:-4px; right: 0;}
.ftr-legal ul li:last-child::after { display: none;}
.ftr-legal ul li:last-child { margin: 0; padding: 0;}
.ftr-legal ul li a:hover { opacity: 0.6;}

.ftr-copy { float: left;}
.ftr-copy p { color: #FFFFFF; font-size: 18px; font-family: 'NTF-Grand-Bold'; text-transform: uppercase;}

.ftr-rht { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center;}
.subscribe-cnt { float: left; width: 50%; padding: 50px 0 15px;}
.subscribe-cnt h3 { float: left; width: 100%; color: #FFFFFF; font-size: 24px; line-height: 30px; font-family: 'NTF-Grand-Bold'; padding-bottom: 10px; text-transform: uppercase;}

.subscribe-cnt .txt-bx { float: left; width: 100%; position: relative;}
.subscribe-cnt .txt-bx input[type="text"] { float: left; width: calc(100% - 140px); background: none; color: #FFFFFF; border: 1px solid #FFFFFF; height: 38px; font-size: 13px; line-height: 21px; text-transform: uppercase; border-radius: 39px; font-family: 'Rubik-Regular'; letter-spacing: 0.6px; display: flex; align-items: center; padding: 0 15px; margin-right: 10px;}
.subscribe-cnt .txt-bx button { float: left; background: #B4222D; border: 1px solid #B4222D; letter-spacing: 1px; text-transform: uppercase; color: #FFFFFF; width: 130px; height: 38px; border-radius: 39px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-family: 'NTF-Grand-Bold'; padding: 0 15px; cursor: pointer; transition:all .5s ease;}
.subscribe-cnt .txt-bx button:hover { background: #FFC423; color: #fff;  border: 1px solid #FFC423;}
.subscribe-cnt .chk-box { float: left; width: 100%; margin-top: 15px;}
.subscribe-cnt .chk-box input {  height: 1px; left: 0; position: absolute; top: 0; visibility: hidden; width: 1px;}
.subscribe-cnt .chk-box label {  font-family: 'Rubik-Regular'; color: #FFFFFF; cursor: pointer; font-size: 13px; line-height: 18px; padding-bottom: 0px; padding-left: 25px; position: relative; float: none; display: inline-block; width: auto; line-height: 16px; margin-bottom: 0px; text-align: left;}
.subscribe-cnt .chk-box label a { color: #FFFFFF; text-decoration: underline;}
.subscribe-cnt .chk-box label a:hover { color: #B4222D;}
.subscribe-cnt .chk-box label::before { content: ""; height: 12px; left: 0px; position: absolute; border-radius: 2px; top: 1px;transition: all 0.3s ease-in-out 0s; width: 12px; z-index: 9; }
.subscribe-cnt .chk-box label::after { background:#FFFFFF; border: 2px solid #FFFFFF; content: ""; height: 12px; left: 0; position: absolute; top: 1px; width: 12px; border-radius:2px;}
.subscribe-cnt .chk-box input:checked + label::before {background: #B4222D none repeat scroll 0 0; border: 2px solid #B4222D;}

.content-fixed {background: rgb(0, 0, 0); color: #ffffff; padding: 5px 10px; text-align: center; font-size: 11px; position: fixed; font-family: Arial, Helvetica, sans-serif; width: auto; bottom: 0px; left: 100px;}

.time-date { float: left; width: 100%;}
.time-list { float: left; width: 100%;}
.time-list h2 { color: #FFFFFF; font-size: 54px; line-height: 60px; display: inline-block;}
.time-list p { display: inline-block; font-size: 24px; color: #FFFFFF; font-family: 'Rubik-Regular'; padding-left: 15px; border-left: 1px solid #fff; margin-left: 10px;}
.time-list p span { display: block; }

.hover-link-txt { transition: all 0.4s ease; opacity: 0; visibility: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(180,34,45,0.88); display: flex; align-items: center;  justify-content: center;}
.hover-link-txt a { transition: all 0.4s ease; font-size: 22px; color: #FFFFFF; border-top: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; display: inline-block; padding: 4px 0; text-transform: uppercase;}
.hover-link-txt a:hover { color: #FFC423; border-top: 2px solid #FFC423; border-bottom: 2px solid #FFC423; }
.partis-sec-carousel #partis-group.owl-carousel .owl-item:hover .lorem-txt { opacity: 0;}
.partis-sec-carousel #partis-group.owl-carousel .owl-item:hover .hover-link-txt { opacity: 1; visibility: visible;}

.timer-out { float: left; width: 100%; display: flex; justify-content: space-between; align-items: center;  }
.timer-out .timer-logo { width: 125px; text-align: center;}
.timer-out .timer-logo h4 { color:#fff; font-size: 14px; line-height: 14px; font-family: 'Rubik-Regular'; text-transform: uppercase;
margin-top: 10px; text-transform: uppercase; margin-bottom: 10px;} 
.timer-count { text-align: center; display: inline-block; /*position: absolute; left: 0; right: 0;  margin: 0 auto;*/}
.timer-count h4.heading{ text-transform: uppercase; color:#fff; font-size: 18px; line-height: 27px; font-family: 'Rubik-Regular'; font-style: italic; margin-bottom: 18px; }
.timer {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center; column-gap: 18px; justify-content: center;}
.timer li{position: relative;}
.timer li::after { position: absolute; content: ":"; right: -14px; top:0px; color: #FFFFFF; font-size: 44px; line-height: 25px; font-family: 'Rubik-Regular'; }
.timer li:last-child:after { content: "";}
.timer li .time-value { display: block; width: 50px; font-size:50px;line-height: 30px;font-family: 'Rubik-Regular'; color: #FFFFFF;}
.timer li .timer-label { display: block; margin-top: 12px; font-size:12px;line-height: 18px;color: #fff; text-transform: uppercase; font-family:'Rubik-Regular'; }


.red-bg { background: #B4222D;}
.red-bg #main-content { background: #B4222D; padding-top: 35px;}
.red-bg .head-top-link { background: #97241F;}
.red-bg .head-top-lft ul li a:hover, .red-bg .head-top-lft ul li a.active {background: none; font-family: 'Rubik-Bold'; }
.red-bg .head-top-link::before, .red-bg .head-top-link::after { display: none;} 
.red-bg .megamenu-sec ul li a { color: #ffffff;}
.red-bg .entrades-lst h3 { color: #ffffff; border-bottom: 1px solid #ffffff;}
.red-bg .entrades-info a.com-ent { width: 150px; padding: 16px 20px;}
.red-bg .entrades-info { flex: 0 1 19%;}
.red-bg .entrades-info.last { flex: 0 1 28%;}
.red-bg .entrades-info p { font-size: 18px;}
.red-bg .entrades-main p { font-size: 16px;}
.red-bg .entrades-main { flex: 0 1 34%; }
.red-bg .entrades-info a.com-ent.vip { background: none; border: 1px solid #ffffff; padding: 15px 20px 16px 20px; margin-right: 10px;}
.red-bg .entrades-info a.com-ent:hover {background: #A87029;}
.red-bg .entrades-info a.com-ent.vip:hover { border: 1px solid #A87029;}
.red-bg .is-sticky .inn-hdr { background: #B4222D; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.14);}

.entrades-opcions-sec { float: left; width: 100%; padding: 35px 0 95px;}
.entrades-opcions-main {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0px; gap: 20px; color: #ffffff; }
.entrades-opcions-lft {background: #624219; border-radius: 53px;  padding: 30px; width: 41%; box-sizing: border-box; }
.entrades-opcions-main h2 { font-size: 30px; line-height: 21px; font-family: 'Rubik-Bold'; color: #ffffff; margin-bottom: 25px; text-align: center; }
.img-pad { width: 100%; float: left; margin-bottom: 20px;  }
.img-pad img { width: 100%; float: left;  }
.features-cont { float: left; width: 100%; min-height: 188px;}
.entrades-opcions-main p { font-size: 18px; line-height: 28px; color: #ffffff; font-family: 'Rubik-Regular'; letter-spacing: 0.34px; margin-bottom: 10px; }
.features { float: left; width: 100%; margin-top: 10px; padding-top: 34px; border-top: 1px solid rgba(255,255,255,0.4);  }
.features ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 20px;}
.features li { flex: 0 1 100%; font-size: 18px; line-height: 28px; color: #ffffff; font-family: 'Rubik-Regular'; letter-spacing: 0.34px; }
.features li img { float: left; max-width: 28px; margin-right: 20px;}
.features ul ul { padding-left: 48px; row-gap: 4px;}
.entrades-opcions-main a {color: #ffffff; width: 100%; margin-top: 50px; font-family: 'NTF-Grand-Bold';font-size: 25px;line-height: 30px; letter-spacing: 0.91px; text-align: center;text-transform: uppercase;border-radius: 29px;background: none; padding: 19px 34px;border:1px solid #ffffff; display: inline-block;transition: all .5s ease;}
.entrades-opcions-main a:hover {background: #b4222d; border:1px solid #b4222d;}
.features li.disabled { opacity: 0.4;  }

.fila-video { float: left; width: 100%; padding: 45px 0 100px;}
.fila-video h3 { color: #ffffff; font-size: 30px; line-height: 21px; font-family: 'Rubik-BoldItalic'; text-align: center; text-transform: uppercase;}
.sub-nav { float: left; width: 100%; margin-bottom: 30px;}
.sub-nav ul { float: left; width: 100%; display: flex; flex-wrap: wrap;  align-items: center; justify-content: center; }
.sub-nav ul li { flex: 0 1 auto; position: relative; padding-right: 15px; margin-right: 15px;}
.sub-nav ul li::after { position: absolute; content: '|'; right: 0; top: 0px;color: #624219; font-size: 20px; line-height: 21px;font-family: 'Rubik-Light';}
.sub-nav ul li:last-child { padding-right: 0; margin-right: 0;}
.sub-nav ul li:last-child:after { display: none;}
.sub-nav ul li a  { color: #624219; font-size: 20px; line-height: 21px; font-family: 'Rubik-Light'; text-transform: uppercase; padding-bottom: 5px;transition: all .5s ease; position: relative;}
.sub-nav ul li a::before {display: block; content: attr(title); font-family: 'Rubik-Bold';height: 1px;color: transparent;overflow: hidden;visibility: hidden;}
.sub-nav ul li a.active, .sub-nav ul li a:hover { font-family: 'Rubik-Bold'; border-bottom:1px solid #624219;}
.video-div  { float: left; width: 100%; text-align: center; margin-bottom: 55px; position: relative;}
.video-div img {width: 100%; max-width: 943px; cursor: pointer; max-height: 543px; object-fit: cover;}
.video-div iframe { height: 543px; width: 943px;}

.explicacio-sec { float: left; width: 100%; padding: 45px 0 0px;}
.explicacio-main { float: left; width: 100%; display: flex; flex-wrap: wrap;}
.explicacio-lft { width: 58%;}
.explicacio-rgt { width: 42%;}
.explicacio-rgt h2  { float: left; width: 100%; font-size: 50px; line-height: 49px; text-transform: uppercase; font-family: 'NTF-Grand-Bold'; color: #885C23; padding-bottom: 15px; margin-bottom: 15px;  border-bottom: 1px solid #885C23;}
.explicacio-rgt h3  { float: left; width: 100%; font-size: 50px; line-height: 49px; text-transform: uppercase; font-family: 'NTF-Grand-Regular'; color: #885C23; padding-bottom: 15px; margin-bottom: 15px; margin-top: 25px; border-bottom: 1px solid #885C23;}
.explicacio-rgt p { font-size: 18px; line-height: 26px; color: #ffffff; font-family: 'Rubik-Regular'; letter-spacing: 0.34px; margin-bottom: 10px; }
.explicacio-rgt ul { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap:15px;}
.explicacio-rgt ul li { flex: 0 1 100%; font-size: 18px; line-height: 26px; background: url(../images/list-bg.svg) no-repeat 0 4px; color: #ffffff; font-family: 'Rubik-Regular'; letter-spacing: 0.34px; position: relative; padding-left: 25px; }

.explicacio-scroll { float: left; width: 100%; }
.explicacio-scroll h3 { font-size: 14px; line-height: 30px; font-family: 'NeueMachina-Ultrabold'; padding: 0px; margin-bottom: 45px; color: #E40549; letter-spacing: 0.4px; float: left; text-align: center; text-transform: uppercase; transition:all .5s ease; position: relative;width: 100%;height: 24px;}
.explicacio-div { float: left; width: 100%; max-width: 480px; position: relative; }
.explicacio-img {float: left;width: 100%;margin-bottom: 0px; overflow: hidden; border-radius: 6px;}
.explicacio-div ul li:hover .explicacio-img img  { transform:scale(1.05);}
.explicacio-img img { float:left; width:100%;  transition:all .5s ease;}
.explicacio-scroll .swiper-container{width: 100%; float: left; position: relative; padding-bottom: 50px;}
.explicacio-scroll .swiper-wrapper{width: 100%; float: left; display: flex; align-items: center;}
.explicacio-scroll .swiper-slide{width: 100%; float: left; border-radius: 0px; overflow: hidden;}
.explicacio-scroll .swiper-slide img{width: 100%; float: left;}

.explicacio-scroll .swiper-container-horizontal > .swiper-pagination-bullets{ display: block; width: 100%; bottom: 0px; text-align: center; justify-content: center; position: absolute; right: 0; left: auto; top:inherit; z-index: 1;}
.explicacio-scroll .swiper-pagination-bullet { background-color:  rgba(255, 255, 255, 0.24); border: none; width: 12px; height: 12px; opacity: 1;transition:all .5s ease;}
.explicacio-scroll .swiper-pagination-bullet-active, .explicacio-scroll .swiper-pagination-bullet:hover { background-color: #624219; border-radius: 25px;}
.explicacio-scroll .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px 0 0px;}
.explicacio-scroll .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child { margin: 0 0 0 0px;}

.explicacio-scroll .swiper-button{width: 100%; text-align: left; justify-content: space-between; display: flex; column-gap: 10px;z-index: 999999999999;}
.explicacio-scroll .swiper-button-next-explicacio{ position: absolute; background: url(../images/arrow.svg) no-repeat;width: 68px;height: 68px;right: -90px;top: 40%;background-size: contain; cursor: pointer;}
.explicacio-scroll .swiper-button-prev-explicacio{position: absolute; background: url(../images/arrow.svg) no-repeat;width: 68px;height: 68px;left: -90px;top: 40%;background-size: contain; cursor: pointer; transform: rotate(180deg);}
.explicacio-scroll .swiper-button-prev-explicacio:hover, .explicacio-scroll .swiper-button-next-explicacio:hover{opacity: 0.7;} 

.explicacio-btm { float: left; width: 100%; padding-bottom: 80px; }
.explicacio-btm-scroll { float: left; width: 100%; }
.explicacio-btm h2  { float: left; width: 100%; font-size: 50px; line-height: 49px; text-transform: uppercase; font-family: 'NTF-Grand-Regular'; color: #885C23; padding-bottom: 15px; margin-bottom: 50px; border-bottom: 1px solid #885C23;}
.explicacio-btm-div { float: left; width: 100%; position: relative; }
.explicacio-btm-img {float: left;width: 100%;margin-bottom: 0px; overflow: hidden; border-radius: 6px;}
.explicacio-btm-div ul li:hover .explicacio-img img  { transform:scale(1.05);}
.explicacio-btm-img img { float:left; width:100%;  transition:all .5s ease;}
.explicacio-btm-cont { float:left; width:100%; padding-top: 10px;}
.explicacio-btm-cont p  { font-size: 20px; line-height: 21px; color: #ffffff; font-family: 'Rubik-Medium';  margin-bottom: 8px; }
.explicacio-btm-scroll .swiper-container{width: 100%; float: left; position: relative; padding-bottom: 0px;}
.explicacio-btm-scroll .swiper-wrapper{width: 100%; float: left; display: flex; align-items: center;}
.explicacio-btm-scroll .swiper-slide{width: 100%; float: left; border-radius: 0px; overflow: hidden;}
.explicacio-btm-scroll .swiper-slide img{width: 100%; float: left;}

.explicacio-btm-scroll .swiper-container-horizontal > .swiper-pagination-bullets{ display: none; width: 100%; bottom: 0px; text-align: center; justify-content: center; position: absolute; right: 0; left: auto; top:inherit; z-index: 1;}
.explicacio-btm-scroll .swiper-pagination-bullet { background-color:  rgba(255, 255, 255, 0.24); border: none; width: 12px; height: 12px; opacity: 1;transition:all .5s ease;}
.explicacio-btm-scroll .swiper-pagination-bullet-active, .explicacio-scroll .swiper-pagination-bullet:hover { background-color: #624219; border-radius: 25px;}
.explicacio-btm-scroll .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 12px 0 0px;}
.explicacio-btm-scroll .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:last-child { margin: 0 0 0 0px;}

.explicacio-btm-scroll .swiper-button{width: 100%; text-align: left; justify-content: space-between; display: none; column-gap: 10px;z-index: 999999999999;}
.explicacio-btm-scroll .swiper-button-next-explica{ position: absolute; background: url(../images/arrow.svg) no-repeat;width: 68px;height: 68px;right: -90px;top: 40%;background-size: contain; cursor: pointer;}
.explicacio-btm-scroll .swiper-button-prev-explica{position: absolute; background: url(../images/arrow.svg) no-repeat;width: 68px;height: 68px;left: -90px;top: 40%;background-size: contain; cursor: pointer; transform: rotate(180deg);}
.explicacio-btm-scroll .swiper-button-prev-explica:hover, .explicacio-btm-scroll .swiper-button-next-explica:hover{opacity: 0.7;} 

.explicacio-mid { float: left; width: 100%; padding: 70px 0 65px; }
.explicacio-mid h2  { float: left; width: 100%; font-size: 50px; line-height: 49px; text-transform: uppercase; font-family: 'NTF-Grand-Regular'; color: #885C23; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #885C23;}
.explicacio-mid p { font-size: 18px; line-height: 26px; color: #ffffff; font-family: 'Rubik-Regular'; letter-spacing: 0.34px; margin-bottom: 25px; }
.explicacio-mid a {color: #ffffff; width: 230px; font-family: 'NTF-Grand-Bold';font-size: 22px;line-height: 20px; letter-spacing: 0.6px; text-align: center;text-transform: uppercase;border-radius: 29px;background: linear-gradient(to right, #0A0602, #A3681B); padding: 19px 34px;display: inline-block;transition: all .5s ease;}
.explicacio-mid a:hover {background: #b4222d;}


/****************************************************************************/

/* main-content css */
#main-content { float: left; width: 100%; background: #000000;}
.bas-showcase {overflow: hidden;height: 100%;z-index: 0;margin-top: 0;position: relative; /*min-height: 100vh;*/ margin-top: 0 !important;}
.bas-video { /*position: fixed; */ position: relative; width: 100%; border-radius: 21px; height: 100%; top: 0;left: 0; overflow: hidden; }
.bas-video::before {content: "";position: absolute;top: 0;left: 0;background: #000;width: 100%;height: 100%;opacity: .3;z-index: 2;}
/* .bas-video::after { content: "";display: block;width: 100%;	height: 100px;background: -webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(75%,hsla(0,0%,100%,.15)),to(hsla(0,0%,100%,0)));
background: -o-linear-gradient(bottom,#fff,hsla(0,0%,100%,.15) 75%,hsla(0,0%,100%,0));
background: linear-gradient(0deg,#fff,hsla(0,0%,100%,.15) 75%,hsla(0,0%,100%,0));
position: absolute;	bottom: 0;left: 0;z-index: 3;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;} */

#videoContainer{ float:left; width:100%; height: 100%; margin:0px;overflow: hidden; }
#video { float: left; width: 100%; height: 100%; object-fit: cover; }

.bas-video img { width: 100%; float: left;}

.bas-car-div { float: left; opacity: 1;position: relative;display: block;width: 100%;right: inherit;bottom: 0;margin-top: 10px;z-index: 1; padding-bottom: 70px;}
.bas-car-div::after, .bas-car-div::before {content: "";width: 100%;position: absolute; z-index: -1; left: 0;}
.bas-car-div::after {	height: calc(100% - 150px);background: #fff;top: 150px; }
.bas-car-div::before {display: block;height: 150px;
background: -webkit-gradient(linear,left bottom,left top,from(#fff),to(hsla(0,0%,100%,0)));
background: -o-linear-gradient(bottom,#fff 0,hsla(0,0%,100%,0) 100%);
background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0));
top: 0px;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s; }


.proper-partit { float: left; width: 100%; position: absolute; top: 53%; transform: translateY(-45%); z-index: 9; }
.parit-cont { float: none; width: 730px; margin: 0px auto;}
.parit-cont h2 { font-family: 'Rubik-Regular'; color: #fff; font-size: 25px; line-height: 30px; margin-bottom: 12px; text-transform: uppercase;}
.parit-cont ul.parit-list { float: left; width: 100%; display: flex; flex-wrap: wrap; row-gap: 35px;}
.parit-cont ul.parit-list li { flex: 0 1 100%;}
.wht-box { float: left; width: 100%; background: #fff; padding: 20px 20px 30px; border-radius: 8px;}
.wht-box h3 { font-family: 'Rubik-Regular'; color: #0E0D0B; font-size: 26px; line-height: 32px; margin-bottom: 18px; text-transform: uppercase;
text-align: center;}

.girona-box-cont { float: left; width: 100%; display: flex; flex-wrap: wrap; justify-content: center;}
.girona-div1 { width: 120px; margin-right: 40px;}
.girona-div2 { width: 150px; margin-right: 65px;}
.girona-div3 { width: 190px;}
.gir-logo { height: 128px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.girona-box-cont h6 { font-size: 14px; line-height: 14px; color: #282828; text-transform: uppercase; 
font-family: 'Rubik-Regular'; text-align: center; position: relative;}
.girona-box-cont .girona-div1 h6::after { content: "-"; position: absolute; right: -30px; font-size: 14px; line-height: 14px; color: #282828;
font-family: 'Rubik-Regular'; }
.girona-div3 .time-list { display: flex; column-gap: 12px; margin-bottom: 5px; }
.parit-cont .girona-div3 .time-list h2 {color: #282828; font-size: 39px; line-height: 39px; margin-bottom: 0px; }
.parit-cont .girona-div3 .time-list p {color: #282828; font-size: 14px; line-height: 18px; text-transform: uppercase; 
font-family: 'Rubik-Regular'; margin: 0px; padding: 0px; letter-spacing: 0.6px;}
.parit-cont .girona-div3 h4 {color: #282828; font-size: 18px; line-height: 21px; font-family: 'Rubik-Regular'; margin-bottom: 2px; padding: 0px;}
.parit-cont .girona-div3 p {color: #282828; font-size: 14px; line-height: 18px; text-transform: uppercase; 
font-family: 'Rubik-Regular'; margin: 0px; padding: 0px; letter-spacing: 0.6px; margin-bottom: 8px;}
.parit-cont .girona-div3 a.mes-btn { float: left; width: 175px; height: 55px;  background: #b4222d;font-family: 'Rubik-Regular';  display: flex; align-items: center; justify-content: center; color: #FFFFFF; 
font-size: 16px; line-height: 20px; transition:all .5s ease; text-transform: uppercase; border-radius: 5px;}
.parit-cont .girona-div3 a.mes-btn:hover { background: #FFC423;} 

.parit-cont ul.parit-list li:nth-child(2n-2) .girona-box-cont { align-items: flex-end; }
.parit-cont ul.parit-list li:nth-child(2n-2) .girona-div1 { width: 115px; margin-right: 20px; padding-bottom: 8px;}
.parit-cont ul.parit-list li:nth-child(2n-2) .girona-div2 { width: 365px; margin-right: 20px; text-align: center;}
.parit-cont ul.parit-list li:nth-child(2n-2) .girona-div3 { width: 115px; padding-bottom: 15px;}
.parit-cont ul.parit-list li:nth-child(2n-2) .girona-div2 h6 {color: #282828; font-size: 14px; line-height: 14px; font-family: 'Rubik-Regular'; margin-bottom: 2px; padding: 0px;}
.parit-cont ul.parit-list li:nth-child(2n-2) .girona-div2 p {color: #282828; font-size: 14px; line-height: 21px; font-family: 'Rubik-Regular'; margin-bottom: 3px; padding: 0px;
letter-spacing: 0.6px;}
.parit-cont ul.parit-list li:nth-child(2n-2) .girona-div2 h4 {color: #282828; font-size: 24px; line-height: 30px; font-family: 'Rubik-Regular'; margin-bottom: 0px; padding: 0px;}
.parit-cont ul.parit-list li:nth-child(2n-2) .gir-logo { height: 105px; margin-bottom: 0px;}
.parit-cont ul.parit-list li:nth-child(2n-2) .girona-box-cont h6::after { display: none; }
.gir-lst { float: left; width: 100%; display: flex; column-gap: 2%; margin-top: 15px;}
.gir-lst li { flex: 0 1 49%;}
.gir-lst li .time { background: #282828; height: 55px; display: flex; align-items: center; justify-content: center;}
.gir-lst li .time h3{ font-family: 'Rubik-Regular'; font-size: 49px; line-height: 49px; color: #fff; margin-bottom: 0px;}
a.mes-btn { float: left; width: 100%; height: 55px;  background: #b4222d;font-family: 'Rubik-Regular';  display: flex; align-items: center; justify-content: center; color: #FFFFFF; 
font-size: 16px; line-height: 20px; transition:all .5s ease; text-transform: uppercase; border-radius: 5px;}
a.mes-btn:hover { background: #FFC423;} 

.partit-right-padd { position: relative;}
.partit-tab-list { float: left; width: 100%; margin-top: 25px;}
.partit-tab-list ul { display: flex; flex-wrap: wrap; column-gap: 12px;}
.partit-tab-list ul li { cursor: pointer; width: 28px; height: 28px;opacity: 0.15; }
.partit-tab-list ul li.list {  background: url(../images/list-icon.svg) no-repeat 0px 0px;}
.partit-tab-list ul li.grid {  background: url(../images/grid-icon.svg) no-repeat 0px 0px;}
.partit-tab-list ul li.tab-link.current { opacity: 1;}

.partit-tab-content .tab-cnt { float: left; width: 100%; display: none; }
.partit-tab-content .tab-cnt.current { display: block; }

.parit-cont-new {float: none;width: 100%;margin: 0px auto;}
.lig-logo {float: left;width: 100%;text-align: center;padding-bottom: 40px;}
.bas-log {width: 100%;float: left; margin-bottom: 45px;}
.bas-log ul {display: flex; align-items: flex-start; justify-content: center;}
.bas-log ul li {text-align: center;flex: 0 1 33.33%;}
.bas-log ul li:first-child, .bas-log ul li:last-child {text-align: center;flex: 0 1 15%;}
.bas-log ul li img {width: auto;}
.bas-log ul li p {color: #ffffff;font-family: 'Rubik-Bold';font-size: 30px;text-align: center;line-height: 21px;margin-top: 15px; margin-bottom: 20px;}
.bas-log ul li h2 {color: #ffffff;font-family: 'Rubik-Bold';font-size: 49px;text-align: center;line-height: 49px;}
.pro-par {display: flex;float: left;width: 100%;justify-content: center;vertical-align: middle;}
.pro-count {flex: 0 1 auto;}
.pro-count h2 {color: #ffffff;font-family: 'Rubik-Medium';font-size: 26px;line-height: 30px;margin-bottom: 10px;}
.pro-pad-ul ul.timer .time-value {color: #ffffff;font-family: 'Rubik-Bold';font-size: 40px;;line-height: 49px;width: 100%;text-align: center;}
.pro-pad-ul ul.timer .timer-label {color: #ffffff;font-size: 22px;line-height: 26px;margin: 0;font-family: 'Rubik-Regular';}
.timer li::after {display: none;}
.com-ent {flex: 0 1 auto;}
.com-ent a {color: #ffffff;font-family: 'NTF-Grand-Bold';font-size: 22px;line-height: 20px; letter-spacing: 0.6px; text-align: center;text-transform: uppercase;border-radius: 29px;background: linear-gradient(to right, #0A0602, #A3681B); padding: 19px 34px;display: inline-block;margin-top: 60px;transition: all .5s ease;}
.com-ent a:hover {background: #b4222d;}

.pro-pad-ul ul { column-gap: 40px;}