/****************/
/**** WEB ******/
/**************/
html, body {height: 100%; background-color: #FDFDFD;}
body{ font-family: Tahoma, Geneva, sans-serif; font-weight:400; position:relative;font-display: auto;}
a:hover, a:focus{text-decoration: none;color:inherit; outline: none;}
h1, h2, h3{margin-top:0px;margin-bottom: 0px;font-size:28px;line-height: 1;}

/*************/
/** GENERAL **/
/*************/
.container-fluid{transition: 0.4s all;}
.contenedor{ max-width: 1200px; margin: 0 auto; position:relative; height: 100%;}
.contenedor:before{content: " ";display: table;}
.contenedor:after{clear:both;content: " ";    display: table;}
.pos-relative{position: relative;}
.imgPrincipal img { object-fit: cover;  width: 100%;} 
.full-height{height: calc(100vh - 80px);}
.height-80{height: calc(80vh - 80px);}
.sliderContenedor .texta {max-width: 64%;margin: 0 auto;color: #FFF;line-height: 1;text-align: center; display: table-cell; vertical-align: middle;}
#sliderContent{position: relative;overflow: hidden; }
.owl-carousel .owl-nav{position: absolute;width: 100%;top: calc(50% - 16px);}
.owl-carousel .owl-nav button.owl-next i, .owl-carousel .owl-nav button.owl-prev i{opacity:1; color:#b9b8b5; font-size:32px;position:absolute;top: calc(50% - 16px);z-index:3;text-shadow: -2px 1px 3px #716e6e;}
.owl-carousel .owl-nav button.owl-next:hover i, .owl-carousel .owl-nav button.owl-prev:hover i{transform: scale(1.1);}
.owl-carousel .owl-nav button.owl-next i{right:0px;}
.owl-carousel .owl-nav button.owl-prev i{left:0px;}
.owl-carousel.nav-20 .owl-nav button.owl-next i{right:20px;}
.owl-carousel.nav-20 .owl-nav button.owl-prev i{left:20px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #b9b8b5 !important;}
.padding0{padding: 0px;}
::-webkit-input-placeholder{ opacity: 1; color:currentColor; }
:-moz-placeholder {opacity: 1; color:currentColor; }
::-moz-placeholder { opacity: 1; color:currentColor; }
:-ms-input-placeholder { opacity: 1; color:currentColor;}
.row-1400{margin-left: auto; margin-right: auto; max-width: 1400px;}
.row-1200{margin-left: auto; margin-right: auto; max-width: 1200px;}
.row-500{margin-left: auto; margin-right: auto; max-width: 500px;}
.margin-center-horizontal{margin-left: auto; margin-right: auto;}
.paddings-contents-top{padding:60px;}
.paddings-contents{padding:60px 15px;}
.paddings-contents-half{padding:30px 15px;}
.paddings-contents-no-bottom{padding:60px 15px 0px;}
.paddings-contents-no-bottom-half{padding:30px 15px 0px;}
.paddings-top-bottom{padding:60px 0px;}
.paddings-top-bottom-half{padding:30px 0px;}
hr{ max-width: 80px;border-top: 5px solid #b9b8b5;}
hr.left{margin-left: 0px}
.line-height-1{line-height: 1;}
.line-height-1_2{line-height: 1.2;}
.line-height-1_4{line-height: 1.4;}
.hover-700:hover{font-weight: 700;}
.weight-900{font-weight: 900;}
.weight-700{font-weight: 700;}
.weight-500{font-weight: 500;}
.weight-600{font-weight: 600;}
.weight-400{font-weight: 400;}
.size52{font-size: 52px;}
.size42{font-size: 42px;}
.size38{font-size: 38px;}
.size36{font-size: 36px;}
.size32{font-size: 32px;}
.size28{font-size:28px;}
.size26{font-size:26px;}
.size24{font-size:24px;}
.size22 {font-size:22px;}
.size20 {font-size:20px;}
.size18 {font-size:18px;}
.size16 {font-size:16px;}
.size14 {font-size:14px;}
.size12 {font-size:12px;}
.txt-left{text-align: left;}
.txt-center{text-align: center;}
.txt-right{text-align: right;}
.txt-justify{text-align: justify}
.mb-0{margin-bottom: 0px;}
.mb-5{margin-bottom: 5px;}
.mb-7{margin-bottom: 7px;}
.mb-10{margin-bottom: 10px;}
.mb-15{margin-bottom: 15px;}
.mb-20{margin-bottom: 20px;}
.mb-25{margin-bottom: 25px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}
.mb-89{margin-bottom: 89px;}
.ml-5{margin-left: 5px;}
.ml-15{margin-left: 15px;}
.ml-20{margin-left: 20px;}
.mr-5{margin-right: 5px;}
.mr-10{margin-right: 10px;}
.mt-5{margin-top: 5px;}
.mt-7{margin-top: 7px;}
.mt-10{margin-top: 10px;}
.mt-15{margin-top: 15px;}
.mt-20{margin-top: 20px;}
.mt-25{margin-top: 25px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}
.mt-70{margin-top: 70px;}
.mt-80{margin-top: 80px;}
.mt-120{margin-top: 120px;}
.pb-3{padding-bottom: 3px;}
.pb-20{padding-bottom: 20px;}
.pb-130{padding-bottom: 130px;}
.pt-3{padding-top: 3px;}
.pt-10{padding-top: 10px;}
.pt-15{padding-top: 15px;}
.pt-30{padding-top: 30px;}
.pl-15{padding-left: 15px;}
.pr-15{padding-right: 15px;}
.padding-5{padding: 5px;}
.padding-10{padding: 10px;}
.padding-15{padding: 15px;}
.padding-20{padding: 20px;}
.content-90-center{max-width: 90%;margin: 0 auto;}
.display-table{height: 100%; width: 100%; display: table;}
.display-table-cell-middle{display: table-cell; vertical-align: middle;}
.display-table-cell-bottom{display: table-cell; vertical-align: bottom;}
.display-inline-block-top{display: inline-block; vertical-align: top;}
.display-inline-block-middle{display: inline-block; vertical-align: middle;}
.disaply-grid-4-3-2{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.disaply-grid-3-2-1, .disaply-grid-3-1-1{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
.disaply-grid-3-1-1{grid-gap:40px;}
.text-shadow{text-shadow: 0 2px 3px rgba(0, 0, 0, 0.9);}
.text-shadow-light {text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);}
.text-shadow-white{text-shadow:1px 1px 2px rgba(255, 255, 255, 0.9);}
.underline{text-decoration: underline;}
.overflow-hidden{overflow: hidden;}
.f-left{float:left;}
.f-right{float: right;}
.zoom:hover{transform: scale(1.03); }
.zoom-2:hover {transform: scale(1.06); }
.box-shadow{-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75)}
.box-shadow-white{-webkit-box-shadow: 1px 1px 5px 0px rgba(175,175,175,0.75);-moz-box-shadow: 1px 1px 5px 0px rgba(175,175,175,0.75); box-shadow: 1px 1px 5px 0px rgba(175,175,175,0.75)}
.box-shadow-bottom{-webkit-box-shadow: 1px 8px 16px 0px rgba(0,0,0,0.3);-moz-box-shadow: 1px 8px 16px 0px rgba(0,0,0,0.3); box-shadow: 1px 8px 16px 0px rgba(0,0,0,0.3)}
.c-pointer{cursor: pointer;}
.color-white{color:#FFF;}
.color-1{color:#b9b8b5;}
.color-2{color:#242323;}
.color-3{color:#242323;}
.color-4{color:white;}
.color-5{color:white;}
.display-flex-stretch{display: flex;align-items: stretch;}
.display-flex-center{display: flex;align-items: center;}
.display-flex-center-space-between-xs{display: flex;justify-content: center;}
.flex-1{width: 8.3333%;}
.flex-2{width: 16.6666%;}
.flex-3{width: 25%;}
.flex-4{width: 33.3333%;}
.flex-5{width: 41.6666%;}
.flex-6{width: 50%;}
.flex-7{width: 58.3333%;}
.flex-8{width: 66.6666%;}
.flex-9{width: 75%;}
.flex-10{width: 83.3333%;}
.flex-11{width: 91.6666%;}
.flex-12{width: 100%;}
.flex-order-1{order:1;}
.flex-order-2{order:2;}
.flex-order-3{order:3;}
.flex-order-4{order:4;}
.flex-order-5{order:5;}
.msg-feedback-ok{position: fixed;top: 80px;padding: 20px 10px;background-color: #1eb51e;color: #fff;width: 100%;z-index: 3;box-shadow: 0px 0px 4px #080808;display: none;}
.msg-feedback-ko{position: fixed;top: 80px;padding: 20px 10px;background-color: #b51e1e;color: #fff;width: 100%;z-index: 3;box-shadow: 0px 0px 4px #080808;display: none;}
.msg-feedback-warning{position: fixed;top: 80px;padding: 20px 10px;background-color: #e7af06;color: #fff;width: 100%;z-index: 3;box-shadow: 0px 0px 4px #080808;display: none;}
.btn-cls{background-color: #b9b8b5;color:#242323;padding: 8px 16px;line-height: 1;border-radius: 5px;border: 0px;display: inline-block;}
.zindex-1{z-index: 1;}
.gradient{position:relative;left:0px;width: 100%;}
.gradient:before{content: " ";position: absolute;}
.gradient-100-to-bottom:before {width: 100%;height: 100%;left: 0;}
.gradient-100-to-left:before {width: 100%;height: 100%;right: 0px;}
.videoContent{overflow:hidden; position: relative;margin-top: 80px;}
.videoContent video{  position: absolute;top: 50%;left: 50%;min-width: 100%;min-height: 135%;width: auto;height: auto;   -webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%); }
.rotate90{transform: rotate(-90deg);}
.gp-20{grid-gap:20px;}
.gp-15{grid-gap:15px;}
.gp-10{grid-gap:10px;}
.gp-5{grid-gap:5px;}
.column-1{grid-area:c1;}
.column-2{grid-area:c2;}
.column-3{grid-area:c3;}
.column-4{grid-area:c4;}
.column-5{grid-area:c5;}
.column-6{grid-area:c6;}
.column-7{grid-area:c7;}
.column-8{grid-area:c8;}
.column-9{grid-area:c9;}
.column-10{grid-area:c10;}
.column-11{grid-area:c11;}
.column-12{grid-area:c12;}
.column-13{grid-area:c13;}
.column-14{grid-area:c14;}
.column-15{grid-area:c15;}

@media only screen and (max-width : 1400px) {
    .paddings-contents-top{padding:40px;}
    .paddings-contents-half{padding:20px 15px;}
    .paddings-contents{padding:40px 15px;}
    .paddings-contents-no-bottom{padding:40px 15px 0px;}
    .paddings-contents-no-bottom-half{padding:20px 15px 0px;}
    .paddings-top-bottom{padding:40px 0px;}
    .paddings-top-bottom-half{padding:20px 0px;}
    .size42-lg{font-size: 42px;}
    .size30-lg{font-size: 30px;}
    .size26-lg{font-size: 26px;}
    .size24-lg{font-size:24px;}
    .size20-lg {font-size:20px;}
    .size18-lg {font-size:18px;}
    .content-100-center-lg{max-width: 100%;}
    .gp-20-lg{grid-gap:20px;}
    .gp-15-lg{grid-gap:15px;}
    .gp-10-lg{grid-gap:10px;}
    .gp-5-lg{grid-gap:5px;}
}

@media only screen and (max-width : 1200px) {
    .disaply-grid-3-2-1{grid-template-columns: 1fr 1fr;}
}

@media only screen and (max-width : 991px) {
    .col-full-height{height: auto;}     
    .size36-md{font-size: 36px;}
    .size26-md{font-size: 26px;}
    .size24-md{font-size:24px;}
    .size20-md {font-size:20px;}
    .size18-md {font-size:18px;}
    .txt-left-md {text-align: left;}
}

@media only screen and (max-width : 991px) {    
    .size24-sm{font-size: 24px;}
    .size20-sm{font-size: 20px;}
    .size18-sm{font-size:18px;}
    .size16-sm{font-size:16px;}  
    .size12-sm{font-size:12px;} 
    .txt-center-sm{text-align: center;}
    .mt-15-sm{margin-top: 15px;}
    .flex-1-sm{width: 8.3333%;}
    .flex-2-sm{width: 16.6666%;}
    .flex-3-sm{width: 25%;}
    .flex-4-sm{width: 33.3333%;}
    .flex-5-sm{width: 41.6666%;}
    .flex-6-sm{width: 50%;}
    .flex-7-sm{width: 58.3333%;}
    .flex-8-sm{width: 66.6666%;}
    .flex-9-sm{width: 75%;}
    .flex-10-sm{width: 83.3333%;}
    .flex-11-sm{width: 91.6666%;}
    .flex-12-sm{width: 100%;}
    .flex-order-1-sm{order:1;}
    .flex-order-2-sm{order:2;}
    .flex-order-3-sm{order:3;}
    .flex-order-4-sm{order:4;}
    .flex-order-5-sm{order:5;}
    .display-inherit-sm{display: inherit}
    .height-auto-sm{height: auto;}
    .disaply-grid-4-3-2{grid-template-columns: 1fr 1fr 1fr;}    
    .disaply-grid-3-1-1{grid-gap:20px;grid-template-columns: 1fr;}    
    .gp-20-sm{grid-gap:20px;}
    .gp-15-sm{grid-gap:15px;}
    .gp-10-sm{grid-gap:10px;}
    .gp-5-sm{grid-gap:5px;}
}

@media only screen and (max-width : 767px) {        
    .paddings-contents-top{padding:20px 10px;}
    .paddings-contents, .paddings-contents-half{padding:20px 15px;}
    .paddings-contents-no-bottom, .paddings-contents-no-bottom-half{padding:20px 15px 0px;}
    .paddings-top-bottom{padding:20px 0px;}
    .paddings-top-bottom-half{padding:20px 0px;}
    .content-100-center-xs{max-width: 100%;}
    .size32-xs {font-size:32px;}
    .size28-xs {font-size:28px;}
    .size26-xs {font-size:26px;}  
    .size22-xs {font-size:22px;}  
    .size20-xs {font-size:20px;}
    .size18-xs {font-size:18px;}  
    .size16-xs {font-size:16px;}  
    .size14-xs {font-size:14px;}  
    .size12-xs {font-size:12px;}
    .txt-left-xs {text-align: left;}
    .txt-center-xs{text-align: center;}
    .mb-10-xs{margin-bottom: 10px;}
    .mb-15-xs{margin-bottom: 15px;}
    .mb-25-xs{margin-bottom: 25px;}
    .mt-10-xs{margin-top: 10px;}
    .mt-15-xs{margin-top: 15px;}
    .mt-20-xs{margin-top: 20px;}
    .pt-15-xs{padding-top: 15px;}
    .width-100-x-100-xs{width:100%;}
    .full-height-xs{height: calc(100vh - 80px);}
    .height-auto-xs{height: auto;}
    .flex-1-xs{width: 8.3333%;}
    .flex-2-xs{width: 16.6666%;}
    .flex-3-xs{width: 25%;}
    .flex-4-xs{width: 33.3333%;}
    .flex-5-xs{width: 41.6666%;}
    .flex-6-xs{width: 50%;}
    .flex-7-xs{width: 58.3333%;}
    .flex-8-xs{width: 66.6666%;}
    .flex-9-xs{width: 75%;}
    .flex-10-xs{width: 83.3333%;}
    .flex-11-xs{width: 91.6666%;}
    .flex-12-xs{width: 100%;}
    .flex-order-1-xs{order:1;}
    .flex-order-2-xs{order:2;}
    .flex-order-3-xs{order:3;}
    .flex-order-4-xs{order:4;}
    .flex-order-5-xs{order:5;}
    .display-inherit-xs{display: inherit}
    .display-inline-block-xs{display: inline-block;}
    .disaply-grid-4-3-2{grid-template-columns: 1fr 1fr;}
    .disaply-grid-3-2-1{grid-template-columns: 1fr;}
    .display-flex-center-space-between-xs{ justify-content: space-between;}
    .gp-20-xs{grid-gap:20px;}
    .gp-15-xs{grid-gap:15px;}
    .gp-10-xs{grid-gap:10px;}
    .gp-5-xs{grid-gap:5px;}
}

/****************/
/*****HEADER*****/
/***************/
header {z-index: 5; width: 100%;position: fixed; background-color: #242323} 
.header.row{padding: 5px 20px;}
.header img {max-width:200px; max-height:68px;}
#capaTransparente{position:fixed; top:0px; left:0px; height: 100vh; width:100%; z-index:4; display:none;}
#capaTransparente2{position:fixed; top:0px; left:0px; height: 100vh; width:100%; z-index:2; display:none;}
.header .content-line-menu{width: 40px;  border-radius: 10px;padding: 7px 6px; cursor: pointer;display:inline-block;vertical-align: middle;}
#menu .line-menu, .header .line-menu{width: 100%;background-color: white;height: 3px; margin: 4px auto;  opacity: 1;  transform: translateY(0) rotate(0); transition: all 0.3s;}
.header .closeMenu .line-menu:nth-child(1){transform: translateY(3px) rotate(45deg); margin: 0px}
.header  .closeMenu .line-menu:nth-child(2){ opacity: 0;margin: 0px}
.header  .closeMenu .line-menu:nth-child(3){ transform: translateY(-3px) rotate(-45deg); margin: 0px}

@media only screen and (max-width : 767px){   
    .header.row{padding: 5px 10px;}   
    .header img {max-width:120px;}
}

/*************************/
/***** MENU DROPDOWN *****/
/*************************/
/*menu berganti*/
#menu {display:none;position: fixed;right: 0px;width: 300px;text-align: left;top: 80px;overflow: auto;height: calc(100% - 80px);overflow: auto;}
#menu .parent{text-shadow:0px 0px 1px white;background-color: #242323; color: white;border-bottom: 2px solid;}
#menu .parent .fa{position: absolute; right: 10px}
#menu .parent.active .fa{transform: rotate(180deg)}
#menu ul{list-style: none; margin-bottom: 0px;display: flex;flex-direction: column; height: 100%;}
#menu ul li{padding: 12px 27px;line-height: 1.2;font-size: 15px;border-bottom: 1px solid; height: 100%;background-color:white; color:#242323; cursor:pointer;}
#menu ul li:hover{color:white; background-color: #242323;}

/*menu comun*/
#menu2 .cotentMenu{display:none;position: fixed;right: 0px;width: 300px;height: 100%;background-color: white;text-align: left;top: 80px;overflow: auto;}
#menu2 ul{list-style: none; margin-bottom: 0px;height: calc(100% - 80px);display: flex;flex-direction: column;}
#menu2 ul li{padding: 15px 27px;line-height: 1.2;font-size: 15px;border-bottom: 1px solid; height: 100%;cursor:pointer;}
#menu2 ul li:hover{color:white; background-color: #242323;}
#menu2 a, #menu2 li{flex-grow: 1;color:#242323} 
#menu2 a:hover{text-decoration: none;}

@media only screen and (max-width : 991px){ 
    #menu.cotentMenu, #menu2 .cotentMenu{ width: 100%}    
    #menu.cotentMenu{background-color: white;height: 100%;}
}

/*********************************/
/***** MENU BERGANTI CLUB V2 *****/
/*********************************/
#content-login-main-v2 {position: fixed;top: 80px;right: 0px;background-color: white; height: 100%; width: 320px;display: none; z-index:5;}
.content-login-berganti-club{display: flex;flex-direction: column;place-content: center space-evenly; height: calc(100% - 80px); }
#content-login-main-v2 .content-item-menu-bb { flex-grow: 1;text-shadow:0px 1px 1px #242323; position: relative;}
#content-login-main-v2 .content-item-menu-bb:before{content: " "; border-bottom: 1px solid #242323; position: absolute; width: 100%; left: 0; bottom: 0px;}
#content-login-main-v2 .content-item-menu-bb .display-table{max-width: 300px; margin: 0 auto;}
#content-login-main-v2 .content-item-menu-bb .fa{text-shadow:none;color:#242323}
#content-login-main-v2 .msg-invalid-field{color: #de8383;font-weight: 700;text-shadow:0px 1px 1px #de8383;}
#content-login-main-v2 .msg-valid-field{color: #27d427;font-weight: 700;}
#content-login-main-v2 input{ width:100%; background-color: #242323; color:white; border: none; border-radius: 5px; padding: 5px ; padding-left: 25px; }
.group-input {position: relative; width: 100%;border-radius: 5px;}
.group-input .fa{position: absolute; top: calc(50% - 7px); left: 0px; color: #333;margin-left: 5px;font-size: 14px;}
.group-input .fa.right{left: inherit; right: 5px;cursor: pointer;}
#content-login-main-v2 .group-input.invalid-field .fa{color:white;}
#content-login-main-v2 .group-input.invalid-field input{ background-color: #242323;}
#content-login-main-v2 input:hover, #content-login-main-v2  input:focus, #content-login-main-v2  input:active, #content-login-main-v2  input:focus-within, #content-login-main-v2  input:target, #content-login-main-v2  input:visited, #content-login-main-v2  input:focus-visible{ outline: none;}
#content-login-main-v2 input::-webkit-input-placeholder{ opacity: 1; color:currentColor;  }
#content-login-main-v2 input:-moz-placeholder {opacity: 1; color:currentColor; }
#content-login-main-v2 input::-moz-placeholder { opacity: 1; color:currentColor; }
#content-login-main-v2 input:-ms-input-placeholder { opacity: 1; color:currentColor;}
#content-login-main-v2 input.with-icon-right{padding-right: 20px;}
#content-login-main-v2 .hover:hover{background-color:#242323; color:white; text-shadow:0px 1px 1px white}
#content-login-main-v2 .send-button{position: absolute;top: 0px; right: 0px;  height: 100%;width: 40px;background-color: #242323; text-align: center;border-radius: 0px 3px 3px 0px;cursor: pointer;}
#content-login-main-v2 .send-button .fa{position: relative;right: 0px; margin: 0px; top: calc(50% - 10px); left: -1px;color:white}
#content-login-main-v2 .btn-cls {background-color: #242323;color:white;width: 110px;text-align: center;padding: 8px 16px;font-size: 16px;font-weight: 700;line-height: 1;cursor: pointer;border-radius: 5px;border: 0px;margin: 15px auto 5px;display: block;position: relative;}
#content-login-main-v2 .btn-cls i{position: absolute; right: 5px;}
.content-login-berganti-club.user-login{ justify-content: flex-start;}
#content-login-main-v2 .content-login-berganti-club.user-login .fa{color:#242323}
#content-login-main-v2 .content-login-berganti-club.user-login .hover:hover .fa{color:white}
#content-login-main-v2 .user-login .content-item-menu-bb{flex-grow: unset;}

@media only screen and (max-width : 767px) {
    #content-login-main-v2{width: 100%;}
}

/*******************************/
/***** MENU BERGANTI LANGS *****/
/*******************************/
#content-langs-v2 {position: fixed;top: 80px;right: 0px;background-color: white;height: 100%;width: 320px;display: none; z-index:5; }
.content-langs-flex{display: flex;flex-direction: column;place-content: center space-evenly; height: calc(100% - 80px);justify-content: flex-start;}
#content-langs-v2 .content-item-menu-bb {text-shadow:0px 1px 1px #242323; position: relative;}
#content-langs-v2 .content-item-menu-bb:before{content: " "; border-bottom: 1px solid #242323; position: absolute; width: 100%; left: 0; bottom: 0px;}
#content-langs-v2 .content-item-menu-bb .display-table{max-width: 300px; margin: 0 auto;}
#content-langs-v2 .hover:hover{background-color:#242323; color:white; text-shadow:0px 1px 1px white;}
#content-langs-v2 .flag-img{width: 28px; height: 26px;  background-repeat: no-repeat; background-position: center;}

@media only screen and (max-width : 767px) {
    #content-langs-v2{width: 100%;}
}

/****************/
/*****FOOTER*****/
/***************/
footer{background-color: #242323;color: white;text-align: center;padding: 20px 0px;font-size: 13px;line-height: 1;font-weight: 300;z-index: 1;box-shadow: 1px 0px 5px 1px #333;position: absolute;width: 100%;}
footer .grid-rrss{display: flex;justify-content: space-around;}
footer a{color:#FFF;}
footer a{color:white;}
footer a:hover{opacity: 0.6;text-decoration: none;}
footer .condiciones {display: inline-block;}
footer .hr-footer{width:100%; margin: 20px auto 15px; border: 0;  border-top: 1px solid white;  max-width: 91%;}
footer .info-site{margin: 0 auto;text-align: left;max-width: 630px;}
footer img{max-width: 120px; margin: 0 auto;}
footer .pipe{margin-left: 5px; margin-right: 5px;}

@media only screen and (max-width : 767px) {    
    footer{padding:0px 0px 20px}
    footer .hr-footer{margin: 20px auto 10px;}  
}

/************************/
/*CUSTOM POP UP*/
/************************/
#transparencia-pop-up{position:fixed; top:0px; left:0px; height: 100vh; overflow: auto; width:100%; z-index: 1000000000; background-color: rgba(25,25,25,0.7);}
#contenido-pop-up{ width: 85vw; position: relative; top: calc(50vh - 150px);margin: 0 auto; }
#contenido-pop-up.berganti{background-color: #FFF;max-width: 450px; border-radius: 10px; -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 75%); -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 3px 3px 13px 0px rgb(0 0 0 / 75%);}
#contenido-pop-up.berganti a{color:#000;}
#contenido-pop-up.elegant {background-color: #3a3939;border: 4px solid #b9b8b5;color: #FFF;font-weight: 700;text-align: justify;border-radius: 5px;width: 100%;}
#contenido-pop-up.elegant a{color:#FFF;}
#capcelera-pop-up{position: relative; float:left; width: 100%; height: 60px;display: table;}
#btn-cierre-pop-up{cursor: pointer; position: absolute;top: 15px;right:15px; color:#b9b8b5;}
#body-pop-up{float:left; width: 100%; padding: 20px;}
#body-pop-up .img{height: 70px;width: 70px;background-size: contain; margin: 0 auto; background-repeat: no-repeat; background-position: center bottom;}
#contenido-pop-up .nom{width: 100%; text-align: center; font-weight: 700; font-size: 18px; margin-bottom: 20px;margin-top: 3px; padding:0px 15px}
#body-pop-up .descripcio{font-size: 14px ; padding:0px 15px;}
#contenido-pop-up.elegant #body-pop-up .descripcio{padding: 0px 5px;}
#body-pop-up .precio{width: 100%; text-align: right; font-weight: 700; font-size: 18px;margin-top: 20px; padding:0px 15px}
#body-pop-up p, #body-pop-up ul{font-size: 12px;}
#body-pop-up ul.size14{font-size: 14px;}
#body-pop-up #delivery-info-content p, #body-pop-up #delivery-info-content ul{font-size: inherit;}
#body-pop-up ul{padding-left: 15px;}
#body-pop-up ul li{margin-bottom: 5px;}

/************************/
/***** CUSTOM CHECKBOX**/
/************************/
label:hover:before { border: 2px solid #3f3f3f!important;}
.laberMarca{line-height: 1.2; color:#585857; }
.laberMarca a{font-weight: 600; color:#585857;}
.laberMarca a:hover{ color:#787877;}
.content-squaredOne{display: flex; grid-gap:5px; }
.squaredOne {width: 16px; height:16px;  position:relative; border: 2px solid #616160; }
.squaredOne label {width:12px;  height:12px; position:absolute;    top: 0px; left: -2px; cursor:pointer;}
.squaredOne label:after {content: '';width: 10px; height: 10px; position: absolute;  top: 1px; left: 3px; background: transparent; opacity: 1; }
.squaredOne label:hover::after {opacity: 0.8;    background-color:#fff;}
.squaredOne input[type=checkbox] {  visibility: hidden;}
.squaredOne input[type=checkbox]:checked + label:after {  opacity: 1;   background-color:#b9b8b5;}
.squaredOne label.select:after{  opacity: 1;   background-color:#067792;}

/************************/
/*** CUSTOM SELECT ***/
/************************/
.select {position: relative;display: inline-block;width: 100%;margin-bottom: 15px;}
.select select::-ms-expand {display: none;}
.select select:hover,.select select:focus {color: #000;	background: #ccc;}
.select select:disabled {pointer-events: none;opacity: .5;}
.select__arrow {pointer-events: none;border-width: 5px 5px 0 5px;border-style: solid;border-color:#242323 transparent transparent transparent;position: absolute; top: 17px; right: 5px;}
.select select:hover ~ .select__arrow,.select select:focus ~ .select__arrow {border-top-color: #242323;}
.select select:disabled ~ .select__arrow {border-top-color: #ccc;}
.custom-select {position: relative;    height: 37px; text-align: center; font-weight: 600; font-size: 16px;}
.custom-select select { display: none; /*hide original SELECT element:*/}
.select-selected { background-color: rgba(243, 12, 12, 0.8);}
/*style the arrow inside the select element:*/
.select-selected:after { position: absolute;content: ""; top: 16px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #242323 transparent transparent transparent;}
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after { border-color: transparent transparent #242323 transparent; top: 7px;}
/*style the items (options), including the selected item:*/
.select-items div,.select-selected {color: #242323;padding:18px 16px 0px;border: 1px solid transparent;border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;height: 100%;cursor: pointer;user-select: none;}
.select-items div{padding:18px 16px;}
/*style items (options):*/
.select-items {  position: absolute;background-color: #b9b8b5;top: 110%;left: 0;right: 0;z-index: 99;}
/*hide the items when the select box is closed:*/
.select-hide { display: none;}
.select-items div:hover, .same-as-selected { background-color:rgba(255, 255, 255, 0.3);}

@media only screen and (max-width : 1250px) {
    .select-items div,.select-selected {padding:18px 3px 0px;}
    .select-items div{padding:18px 3px;}    
    .select-selected:after{right: 4px;}
}

@media only screen and (max-width : 1023px) {
    .select-selected:after{right: 10px;}    
}

/*******************************/
/**** BUTTON BOOKING BOTTOM ****/
/*******************************/
#content-buttons-bottom{position: fixed; bottom:0px;z-index: 2; width: 100%; left:0px;padding: 5px; background-color: rgba(36,35,35,0.8); grid-gap: 7px;}
#content-buttons-bottom .btn-cls{border-radius:0px}


/************/
/*** HOME ***/
/************/
#home:before, #home-specific-v2:before{content: " ";display: table;}
#home:after, #home-specific-v2:after{clear:both;content: " ";    display: table;}
#home .row, #home-specific-v2 .row{margin-left: auto; margin-right: auto;}
#home .row:before, #home-specific-v2 .row:before{display: inherit;}
#home .opac-layer, #home-specific-v2 .opac-layer{ color:#FFF;}
#home hr, #home-specific-v2 hr{ max-width: 140px; border-width: 1px;}
#home .img-half-hide, #home-specific-v2 .img-half-hide{position: absolute;top: 0px;left: -60%;height: 100%;}
.gradient-dark-1:before{background: linear-gradient(90deg, rgba(101,92,92,0) 30%, rgba(45,45,45,0.8) 60%, rgba(0,0,0,1) 100%); top: 0;z-index: 1}
.gradient-light-1:before{background: linear-gradient(90deg, rgba(101,92,92,0) 40%, rgba(242,242,242,1) 40%, rgba(242,242,242,1) 100%); top: 0;z-index: 1}
.gradient-dark-2:before{background: linear-gradient(90deg, rgb(224 224 224 / 10%) 70%, rgb(148 148 148 / 50%) 100%, rgb(136 136 136) 100%);    top: 0;}
@-webkit-keyframes toRight { 0%   {right: 50%;} 25%  {right: 40%;} 50%  {right: 30%;} 75%  {right: 20%;} 100% {right: calc(0% + 10px);}}
@keyframes toRight { 0%   {right: 50%;} 25%  {right: 40%;} 50%  {right: 30%;} 75%  {right: 20%;} 100% {right: calc(0% + 10px);}}
@-webkit-keyframes toInitial { 0%   {right: calc(0% + 10px);}  25%  {right: 20%;}  50%  {right: 30%;}  75%  {right: 40%;}  100% {right: 50%;}  }
@keyframes toInitial { 0%   {right: calc(0% + 10px);}  25%  {right: 20%;}  50%  {right: 30%;}  75%  {right: 40%;}  100% {right: 50%;}  }
.faq.actiu .fa-caret-right, .subfaq.actiu .fa-caret-right{ transform: rotate(90deg);}
.faq .contIco, .subfaq .contIco{background-color: #808080; width: 20px; height: 32px;}
.faq .pregunta, .subfaq .pregunta{width: calc(100% - 30px);}
#faqs .respuesta{padding-left: 30px; display: none;}
.reviews {justify-content: space-evenly;}
.reviews > div {grid-gap:20px;}
.reviews .icon-review{width: 80px;height: 80px;background-position: center; background-repeat: no-repeat;background-size: contain;}

@media only screen and (max-width : 991px){         
    #home .opac-layer-2, #home-specific-v2 .opac-layer-2{color:#FFF;}
    #home .img-half-hide, #home-specific-v2 .img-half-hide{left: 0px;}
    .gradient-dark-1:before, .gradient-light-1:before{background: linear-gradient(0deg, rgba(101,92,92,0.2) 10%, rgba(45,45,45,0.5) 50%, rgba(0,0,0,0.7) 100%)}
    .gradient-dark-2:before{background: transparent}
}

@media only screen and (max-width : 767px){         
    .reviews > div {flex-direction: column;; grid-gap:10px;}
    .reviews .icon-review{width: 70px;height: 70px;}    
}

/***********************************************************************************/
/*** SLIDER BOTTOM PRODUCT SINGLE, SLIDER BOTTOM HOTEL SINGLE, SLIDER BOTTOM SGT ***/
/***********************************************************************************/
.cards-content .row{margin:0px;}
.cards-content .content-card{padding: 8px;max-width: calc(100% - 10px);color: #242323; background-color: #FFF;}
.cards-content hr{margin: 5px auto; border-width: 2px; max-width: 100px;}
.img-card{background-repeat: no-repeat;background-size: cover;background-position: center;height: 285px;background-color: #e0e0e0;}
#afiliate .img-card{background-color: #dece2f;}
.cards-content .content-card{ margin: 10px;}
.cards-content.products .content-card{padding-bottom:30px;margin: 10px; }

@media only screen and (max-width : 1199px){
    .products .img-card{height: 225px}
}

@media only screen and (max-width : 767px){ 
    .products .img-card{height: 200px}
}

/*******************/
/*** FORM STYLES ***/
/*******************/
.form-styles input, .form-styles textarea, .form-styles select{ display: block; width: 100%;  background-color: #FFF; border-radius: 10px; border: 1px solid #d3d3d3; padding: 8px 15px; outline: none;}
.form-styles textarea{min-height: 200px;}
.form-styles input#movil{padding-left: 52px;} 
.form-styles .select{margin-bottom: 0px;}
.form-styles .select select{cursor: pointer;color: #000;outline: 0;appearance: none;-webkit-appearance: none;-moz-appearance: none;border-right: 20px solid #b9b8b5;}
.form-styles .select.inline {display: block; width: 30%;float: left;}
.form-styles .select.inline:nth-child(2){margin-left: 5%; margin-right:5%}
.form-styles .msg-invalid-field2 { color: #f7100a; font-size: 12px; font-weight: 700;text-align: left;} 


/********************************************************************************************************************************/
/**** ROAD ASISISTENCE, BIKE DELIVERY, PARTE SUPERIOR SGT, PARTE SUPERIOR HOTELES, PARTE SUPERIOR FITXA HOTEL HOTELES, TERMS ****/
/*******************************************************************************************************************************/
.grid-content{display: grid; grid-template-columns: 50% 35%; align-items: start; justify-content: space-between;
    grid-template-areas:
        "tc tc"
        "lc rc";}
.title-content{grid-area:tc;}
.left-content{grid-area:lc;}
.right-content{grid-area:rc;}
.bottom-content{grid-area:bc;}
.title-content hr{margin-left: 0px;}
.bullets-content ul{padding-left: 20px; line-height: 1.2; list-style: none;}
.bullets-content ul li{padding-left: 7px; margin: 15px auto;position: relative;}
p.bullet{padding-left: 5px; margin-left: 18px;position: relative;}
.bullets-content ul li:before, p.bullet:before{content: "\f192";font-family: 'Font Awesome 5 Free'; font-weight: 400; color: #b9b8b5; font-size: 20px; position: absolute;left: -20px; top: -3px;}
#sliderBottom.sliderContenedor .imgPrincipal{height: 80vh;background-repeat: no-repeat; background-position: center;background-size: cover;} 
#about .grid-content, #terms .grid-content{ grid-template-columns: 100%; grid-template-areas: "tc" "lc";}
#terms a{color: #a0a0a0; text-shadow: 0px 1px 1px #a0a0a0}
#terms ol{list-style-position: inside;}
#terms ol ol{list-style-position: inside; padding-left: 25px;}
/*#terms .respuesta, #terms .subrespuesta{display: none;}
#terms .subfaq{padding-left: 30px;}
#terms .subrespuesta{padding-left: 60px;}
#terms ol{list-style-type: lower-latin; list-style-position: inside;}
#terms ol.especial{padding-left: 25px;}
#terms ol ol{list-style-type: lower-roman; list-style-position: inside; padding-left: 25px; margin-top:5px;}
#terms span{font-weight: 600;}
#terms li{margin-bottom: 5px;}
#terms li span{margin-left: 10px; font-weight: 400;}*/
@media only screen and (max-width : 991px){  
    .grid-content{grid-template-columns: 100%; align-items: start; justify-content: space-between;
        grid-template-areas:
            "tc"
            "rc"
            "lc";}    
    #my-account .grid-content{ grid-template-columns: 100%; grid-template-areas:"lc" "rc";}
    .title-content hr{border-width: 3px;}
    #sliderBottom.sliderContenedor .imgPrincipal{height: 60vh;}  
}

@media only screen and (max-width : 767px) { 
    #sliderBottom.sliderContenedor .imgPrincipal{height: 30vh;}   
}

/*********************/
/*** FILTO BIKE ****/
/*********************/
#content-filter .filtro{color:#242323; }
#content-filter .content-filter-big{display: flex;max-width: 100%;flex-direction: row;justify-content: center;}
#content-filter .filtro .itemFiltro{ padding: 10px 14px;background-color: rgba(185,184,181, 0.5) ;display: flex;flex-direction: row;justify-content: space-around; align-items: center; flex-grow: 1;}
#content-filter .filtro .itemFiltro.actiu{background-color: #b9b8b5;}
#content-filter .filtro .itemFiltro .icon-filter-bike{ width: 35px;}
#content-filter .filtro .itemFiltro .texto{width: calc(100% - 40px); display: flex;align-content: flex-end;flex-direction: column;align-items: center;}

@media only screen and (max-width : 1200px) {    
    #content-filter .filtro .itemFiltro{padding: 8px;}    
    #content-filter .filtro .itemFiltro .texto{width: calc(100% - 35px);}
    #content-filter .filtro .itemFiltro .icon-filter-bike{ width: 30px;}
}

@media only screen and (max-width : 767px){             
    #content-filter .filtro .caracteristiquesBtnCon{padding: 10px;background-color: #b9b8b5;max-width:  100%; margin-bottom: 2px; display: flex; align-items: center; justify-content: flex-start;border-radius: 10px;}    
    #content-filter .filtro .caracteristiquesBtnCon .texto {width: calc(100% - 15px);}
    #content-filter .filtro .todosFiltros{display: none;}         
    #content-filter .filtro .todosFiltros .texto{background-color: rgba(185,184,181, 0.5); padding: 10px;border-radius: 10px;}    
}

/***********************/
/** AFFILIATE PROGRAM **/
/***********************/
#afiliate img{width: 100%;}
#afiliate li:before {content: "\f666";padding-right: 10px;font-family: 'Font Awesome 5 Free';font-style: normal;font-weight: 900;color:#4e4e42}
#afiliate .btn-a{ max-width: 440px; color: #FFF; background-color: #333; border-radius: 35px; padding: 15px 0px; margin-left: auto; margin-right: auto;}
#afiliate .content-sec-2{border:1px solid #f7f7f7; border-radius: 15px; padding: 10px; margin-left: auto; margin-right: auto; width: 48%}
#afiliate .content-sec-4{border-radius: 15px; padding: 20px; margin-left: auto; margin-right: auto; width: 48%}
#afiliate .number {padding: 8px;background-color: #c7c646;border: 1px solid #333;border-radius: 5px;color: #FFF;font-weight: 700;font-size: 26px;line-height: 1; margin-right: 10px;}
#afiliate .text-work-it {color: #fff; width: calc(100% - 70px);}
#afiliate .content-sec-6{border-radius: 15px; padding: 20px; margin-left: auto; margin-right: auto; width: 31%;position: relative;padding-top: 100px;}
#afiliate .content-sec-6:nth-child(1){background-color: #ebe730}
#afiliate .content-sec-6:nth-child(2){background-color: #e5e015}
#afiliate .content-sec-6:nth-child(3){background-color: #dece2f}
#afiliate .content-sec-6 .icon{width: 120px;height: 120px;background-color: #FFF;border-radius: 70px;position: absolute;top: -20px;left: calc(50% - 60px); border: 1px solid;background-size: 70% auto; background-repeat: no-repeat; background-position: center;} 
#afiliate .number.type2{border-radius: 50px;padding: 10px 7px; color:#333;}
#afiliate .text-work-it.type2{color:#333;}
#afiliate .owl-carousel .owl-nav button.owl-next i, #afiliate .owl-carousel .owl-nav button.owl-prev i{color:#333;}
#afiliate .owl-carousel .owl-nav button.owl-prev i{left: 20px;}
#afiliate .owl-carousel .owl-nav button.owl-next i{right: 20px;}

@media only screen and (max-width : 991px){                    
    #afiliate img{width: 60%;}    
    #afiliate .content-sec-6{padding: 10px;padding-top: 100px;}
}

@media only screen and (max-width : 767px){                    
    #afiliate img{width: 80%;}
    #afiliate .btn-a{ max-width: 400px; color: #FFF; background-color: #333; border-radius: 35px; padding: 15px 0px; margin-left: auto; margin-right: auto;}
    #afiliate .content-sec-2, #afiliate .content-sec-4, #afiliate .content-sec-6{width: 100%}   
}

/*************************/
/**** AFFILIATE FORM ****/
/*************************/
#afiliate-form input{border: 1px solid #353535;}
#afiliate-form .squaredOne input[type=checkbox]:checked + label:after{background-color: #333;}
#afiliate-form .msg-invalid-field2{color: #cc0500; margin-bottom: 0px;}


/******************/
/**** WORKSHOP ****/
/******************/ 
 .tarjeta-comparativa{border-radius: 50px 50px 0px 0px;display: flex;flex-direction: column;width: 100%;justify-content: flex-start;}  
 .contenedor-titulo-tarjeta-comparativa{background-color: #b9b8b5; color:#242323;border-radius: 50px 50px 0px 0px;}   
 .subtitulo-tarjeta-comparativa{position: relative; display: inline-block;}
 .subtitulo-tarjeta-comparativa::before, .subtitulo-tarjeta-comparativa::after{ content: ''; position: absolute; width: 67px; height: 3px; background-color: currentColor; top:19px;}
 .plus .subtitulo-tarjeta-comparativa::before, .plus .subtitulo-tarjeta-comparativa::after{width: 55px}
 .premium .subtitulo-tarjeta-comparativa::before, .premium .subtitulo-tarjeta-comparativa::after{width: 10px} 
 .subtitulo-tarjeta-comparativa::before{left:-72px;}
 .subtitulo-tarjeta-comparativa::after{right:-72px;}
 .plus .subtitulo-tarjeta-comparativa::before{left:-60px;}
 .plus .subtitulo-tarjeta-comparativa::after{right:-60px;}
 .premium .subtitulo-tarjeta-comparativa::before{left:-15px;}
 .premium .subtitulo-tarjeta-comparativa::after{right:-15px;} 
 .opciones-tarjeta-comparativa{max-width: 350px;flex-grow: 1;} 
 .opcion-tarjeta-comparativa{margin: 15px 0px;}
 .opcion-tarjeta-comparativa div{ display: inline-block; width: calc(100% - 30px);} 
 .opcion-tarjeta-comparativa .fa-check{color:green;}
 .opcion-tarjeta-comparativa .fa-times{color:red;} 
 .contenedor-listado-precios{ padding: 40px 80px;} 
 .opcions-listado-precio {padding: 7px 10px; display: flex}
 .opcions-listado-precio:nth-child(even){background-color: #f5f5f5;} 
 .lnk-contact a{color:#333;}
 .lnk-contact a:hover, .lnk-contact a:focus{color:currentColor;}
 .fab.fa-whatsapp{font-style: normal; line-height:  1;}

@media only screen and (max-width : 991px) {                        
    .opciones-tarjeta-comparativa{max-width: 100%}    
    .opcion-tarjeta-comparativa {margin: 7px 0px;}    
    .contenedor-listado-precios {  padding: 40px;}        
}

@media only screen and (max-width : 767px){  
    .contenedor-listado-precios{padding: 20px 5px 0px;}    
}

/**************/
/**** BLOG ****/
/**************/
#blog a:hover{text-decoration: none; color:#242323;}
#blog .display-flex-stretch{grid-gap:20px;}
#blog .img-post{background-repeat: no-repeat; background-size: cover; background-position: center; min-height:250px;}
#post a {color: #a0a0a0; text-shadow: 0px 1px 1px #a0a0a0;}

@media only screen and (max-width : 767px){  
    #blog .display-flex-stretch{flex-direction: column;}
    #blog .img-post{min-height:150px;}    
}