@font-face {
    font-family: 'Gilroy Extrabold';
    src: url('../fonts/gilroy-extrabold-webfont.eot');
    src: url('../fonts/gilroy-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gilroy-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-extrabold-webfont.woff') format('woff'),
        url('../fonts/gilroy-extrabold-webfont.ttf') format('truetype'),
        url('../fonts/gilroy-extrabold-webfont.svg#gilroy-extrabold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gilroy Light';
    src: url('../fonts/gilroy-light-webfont.eot');
    src: url('../fonts/gilroy-light-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/gilroy-light-webfont.woff2') format('woff2'),
        url('../fonts/gilroy-light-webfont.woff') format('woff'),
        url('../fonts/gilroy-light-webfont.ttf') format('truetype'),
        url('../fonts/gilroy-light-webfont.svg#gilroy-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}







* { margin:0px; padding:0px; box-sizing:border-box; }
html { max-width:100%; height:100%; margin:0px; background:#045057; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; scroll-behavior: smooth; font-family: 'Gilroy Light', sans-serif; font-size:16px; color:#FFF; line-height:1.3; }  
body { position:relative; width:100%; overflow-x:hidden; min-height:100%;  margin:0px 0px 0px 0px; background-color:#045057; }
picture { border:0px; }
input { -webkit-appearance:none; border-radius:0; outline: 0; }
p { margin-bottom:0.8em; }
a { text-decoration:none; font-size:1em; transition: all 0.5s; color:inherit; } 
a:hover { color:#EF790F; text-decoration:underline; transition: all 0.2s; }
:focus, :active { outline: 0; }

a.noHover { text-decoration:none; color:inherit; display:contents; } 
a.noHover:hover { text-decoration:none; color:inherit; }

li { margin-left: 2em; }

.iframeHolder { position:relative; overflow-y:scroll !important; -webkit-overflow-scrolling:touch !important; width:100%; height:1140px; margin-bottom:5em; }

	.iframeHolder::-webkit-scrollbar { display: none; } /* Hide scrollbar for Chrome, Safari and Opera */
	.iframeHolder::-moz-scrollbar { display: none; } /* Hide scrollbar for Firefox */
	.iframeHolder::-o-scrollbar { display: none; } /* Hide scrollbar for Opera */
	.iframeHolder { -ms-overflow-style: none; } /* Hide scrollbar for IE and Edge */

.iframeHolder iframe { position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; overflow:hidden; font-size:10px !important; }
.iframeHolder iframe .name {  font-size:10px !important; }

/* prevent selecting text in link/button */
.regular-btn, a, a span, button, button span, input[type=submit], input[type=button] {
	user-select: none;
	-o-user-select:none;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
}

.disableSelection{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
}

.noScroll { height:100vh; overflow:hidden; }

.desktop { display:block; }
.desktopTxt { display:inline; }
.tablet { display:none; }
.mobile { display:none; }
.allButMobile { display:inline; }
.onlyMobile { display:none; }
.showHide { display:inline-block; }


.fluidImg {width:100%; height:auto; max-height:100%; border:0; padding:0; display:block; }
.fluidImgVert {width:auto; height:100% !important; border:0; padding:0; display:block; }

.lineBreak { width:100%; height:1px; display:block; }

.mayus { text-transform:uppercase; }

.btnDisabled { pointer-events:none; opacity:0.5; transition:0.3s; } /* para prevenir hover y otros eventos */
.btnEnabled { pointer-events:auto; opacity:1; transition:0.4s; } /* para permitir hover y otros eventos */

.btnNoEvents { pointer-events:none; } /* para prevenir hover y otros eventos */

.multiply { mix-blend-mode: multiply; }

.pt0 { padding-top:0 !important; }
.pt1 { padding-top:1rem !important; }
.pt2 { padding-top:2rem !important; }
.pt3 { padding-top:3rem !important; }
.pt4 { padding-top:4rem !important; }
.pb0 { padding-bottom:0 !important; }
.pb1 { padding-bottom:1rem !important; }
.pb2 { padding-bottom:2rem !important; }
.pb3 { padding-bottom:3rem !important; }
.pb4 { padding-bottom:4rem !important; }

.mt0 { margin-top:0 !important; }
.mt1 { margin-top:1rem !important; }
.mt2 { margin-top:2rem !important; }
.mt3 { margin-top:3rem !important; }
.mt4 { margin-top:4rem !important; }
.mb0 { margin-bottom:0 !important; }
.mb1 { margin-bottom:1rem !important; }
.mb2 { margin-bottom:2rem !important; }
.mb3 { margin-bottom:3rem !important; }
.mb4 { margin-bottom:4rem !important; }



/* --------- estructura básica --------- */

.contentPusher { width:100%; height:170px; }
.mainWrapper { position:relative; width:100%; margin:0; min-height:100vh; box-sizing:border-box; background-image:url("../imgs/page-bg.png"); background-size:1920px auto; background-position:50% 35vh; background-repeat: no-repeat; }
.mainWrapper.home { background-position:50% 100vh; }
.contentWrapper { position:relative; width:100%; box-sizing:border-box; min-height:100vh; }
.section { position:relative; width:100%; box-sizing:border-box; padding:4em 0 0 0; overflow:hidden; }
.section:last-of-type { padding:4em 0; }
	.header { padding:0 !important; height:45vh; }
	.noPadding { padding:0 !important;  }
	.firstSecPaddTop { padding-top:5em !important;  }
	.overflowFree { overflow:visible; z-index:10; }
	.degradado { background-image:url("../imgs/degradado_bg.jpg"); background-size:cover; background-position:50% 50%; background-repeat: no-repeat; }
	.franjaGris { background-image:url("../imgs/sec_grey_bg.png"); background-position:0 0; background-repeat: repeat-x; }
	.darkGreyBg { background-color:#313131 !important; }
	.midGreyBg { background-color:#535353 !important; }
	.lightGreyBg { background-color:#DCDCDC !important; }
	.darkGreenBg { background-color:#033D42 !important; }
	.orangeBg { background-color:#EF790F !important; }
	.whiteBg { background-color:#FFF !important; }
	
	.bgPosAbs { position:absolute; z-index:-1; top:0; left:0; width:300%; height:100%; }
	
.secTitle { width:100%; text-align:center; font-size:2em; font-family: 'Gilroy Extrabold', cursive; color:#FFF; line-height:1.3; }
	.alLeft { text-align:left !important; }
	.alCenter { text-align:center !important; }
.bigTitle { font-size:2.8rem; }
.secTitleUnderline { width:60px; height:5px; background:#FFF; margin:0.8em auto 2.5em auto; }
.secTitleUnderline.competicions { margin:0.8em 0 0 0 !important; }

.contentHolder { position:relative; z-index:2; width:100%; max-width:1200px; margin:0 auto; box-sizing:border-box; padding:0 10px 0 10px; clear:both; }
.contentHolder.dFlex { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.contentHolder.noPadd { padding:0 !important; }
.contentHolder.fullWidth { max-width:100%; padding:0 !important; }
.contentHolder.fullHeight { height:100% !important; }
.contentHolder.mosaicHolder { padding:0 10px 3rem 10px; background: linear-gradient(to bottom, rgba(3,61,66,0), rgba(3,61,66,0) 4rem, rgba(3,61,66,1) 4rem, rgba(3,61,66,1) 100%); }
.contentLimits { position:relative; z-index:20; width:100%; max-width:800px; min-height:100vh; margin:0 auto; box-sizing:border-box; padding:0; overflow-x:hidden; scrollbar-width: none !important; }

	.contentLimits::-webkit-scrollbar { display: none; } /* Hide scrollbar for Chrome, Safari and Opera */
	.contentLimits::-moz-scrollbar { display: none; } /* Hide scrollbar for Firefox */
	.contentLimits::-o-scrollbar { display: none; } /* Hide scrollbar for Opera */
	.contentLimits { -ms-overflow-style: none; } /* Hide scrollbar for IE and Edge */
	
.col42 { width:calc(42% - 0.7em); position:relative; }
.col42pure { width:42%; position:relative; }
.col58 { width:calc(58% - 0.7em); position:relative; }
.col58pure { width:58%; position:relative; }
.col50 { width:calc(50% - 0.7em); position:relative; }
.col100 { width:100%; position:relative; }
.colPadLeft { padding-left:96px; }
.colPadRight { padding-right:96px; }

/* --------- estructura básica --------- */




/* --------- HEADER --------- */

.logoHolder { position:absolute; z-index:50; top:0; left:10px; padding-top:0; transform:translateX(0); background:white; }
.logoHolder.home { left:50%; transform:translateX(-50%);  }
.mainLogo { padding:1em; width:140px; }
.mainLogo.home { padding:7vh 1em 1em 1em; width:200px; }
/*
.rrssHolderTop { position:relative; z-index:5; top:0; right:0; float:right; }
.rrssItem { float:left; width:41px; margin-left:0.8em; opacity:1; transition:all 0.8s; }
.rrssItem:hover { opacity:0.6; transition:all 0.3s ease-out; }
*/

.sliderHolder { position:relative; z-index:5; width:100vw; height:100vh; display:block; background:#045057; }
.slideBgImg { width:100vw; height:100vh; position:absolute; z-index:0; }
.slideBgImg img { width:100vw; height:100vh; object-fit:cover; object-position:center center; }
.slideBg { background-size:cover; background-position:50% 50%; background-repeat: no-repeat; }
	.sBg1 { background-image:url("../imgs/reel-image-01.jpg"); }
	.sBg2 { background-image:url("../imgs/slider-home2.jpg"); }
.slideInfoHolder { position:absolute; z-index:10; top:55%; left:50%; width:80%; transform:translate(-25%, -60%); background:rgba(4,80,87,0.5); padding:2em; text-align:center; opacity:0; transition:all 0.3s; } 
.slideInfoHolder.showInfo { transform:translate(-50%, -60%); opacity:1; transition:all 0.7s ease-out; } 
.slideInfoHolder:hover { background:rgba(4,80,87,0.8); } 
.slideTitle { width:100%; text-align:center; font-size:4rem; font-family: 'Gilroy Extrabold'; color:#FFF; line-height:1.1; margin-bottom:1rem; }
.slideSubtitle { width:100%; text-align:center; font-size:1rem; font-family: 'Gilroy Extrabold'; color:#FFF; line-height:1.3; margin-bottom:1rem; }
.slideTxt { width:100%; text-align:center; font-size:0.9em; font-weight:500; color:#FFF; margin:0.3em 0 1.5em 0; }
.slideBtn { position:relative; z-index:10; padding:0.5em 2em; font-size:0.9em; color:#FFF; font-weight:400; text-align:left; display:inline-block; background:rgba(255,255,255,0); border:1px solid #FFF; cursor:pointer; transition:all 0.8s; }
.slideBtn:hover { color:#CE3026; text-decoration:none; background:rgba(255,255,255,1); transition:all 0.3s ease-out; }

.slideBtn.redBtn { color:#CE3026; border:1px solid #CE3026; background:rgba(206,48,38,0); }
.slideBtn.redBtn:hover { color:#FFF; background:rgba(206,48,38,1); }

.headerBgImg { width:100%; height:100%; position:absolute; z-index:0; }
.headerBgImg img { width:100%; height:100%; object-fit:cover; object-position:center center; }



/* --------- LANGUAGE SWITCHER --------- */
/*
#langsHolder { position:fixed; z-index:1000; top:1em; left:calc(140px + 2em); right:auto; padding:0.5rem 0.5rem 0.4rem 0.5rem; background:rgba(255,255,255,0.7); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:1px 2px 8px rgba(0,0,0,0.2); border-radius:10px; }
#langsHolder.home { left:1em; }
*/
#langsHolder { position:fixed; z-index:1000; bottom:1.5em; left:1em; right:auto; padding:0.5rem 0.5rem 0.4rem 0.5rem; background:rgba(255,255,255,0.7); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:1px 2px 8px rgba(0,0,0,0.2); border-radius:10px; }
.langBtn { display:inline-block; text-align:left; font-family: 'Gilroy Extrabold'; font-size:1.4em; line-height:1; color:#045057; text-decoration:none; transition:all 0.5s; transform:scale(0.6); }
.langBtn:hover { color:#EF790F; transform:scale(1); text-decoration:none; transition:all 0.5s; }
.langBtn.sel { color:#EF790F; transform:scale(1); }
.langDivider {display: inline-block; font-size:1.4em; font-weight:700; line-height:1; color:#045057; /*padding:0 0.2rem;*/ margin:0 0.3rem; width:2px; height:1.1rem; background:#045057;  }




/* --------- MENÚ --------- */

#menuMobile { position:fixed; z-index:1000; top:1em; right:1em; /*width:15%; max-width:90px;*/ display:block; }
#menuWrapper { position:fixed; z-index:600; top:-100vh; height:100vh; width:100%; background:rgba(4,80,87,0.9); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); display:block; }
#menuHamburguerBtn { position:relative; width:4em; margin:0 auto; height:4em; border-radius:50%; cursor:pointer;  background:rgba(255,255,255,0.8); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); box-shadow:1px 2px 8px rgba(0,0,0,0.2); }
.menuLinesHolder { position:absolute; z-index:10; top:50%; left:50%; transform:translate(-50%, -50%); width:2em; height:2px; }
#menuHamburguerBtn.active .menuLinesHolder {  }
.menuLine { position:absolute; width:100%; height:3px; background:#EF790F; border-radius:5px; }
	.line1 { top:-0.54em; z-index:1; }
	.line2 { top:0; z-index:2; }
	.line3 { top:0.5em; z-index:3; }
#menuHamburguerBtn:hover  .menuLine { background:#045057; transition: background 0.5s; }
#menuHamburguerBtn.active  .menuLine { background:#045057; }
.menuBtnsHolder { position:absolute; top:-50vh; left:50%; transform:translateX(-50%); width:25rem; max-width:96%; height:calc(85vh - 5em); max-height:30em; display:inline-block; margin:0; padding:5em 1em 3em 1em; overflow-y:scroll; scrollbar-width: none !important; opacity:0; }
	.menuBtnsHolder::-webkit-scrollbar { display: none; } /* Hide scrollbar for Chrome, Safari and Opera */
	.menuBtnsHolder::-moz-scrollbar { display: none; } /* Hide scrollbar for Firefox */
	.menuBtnsHolder::-o-scrollbar { display: none; } /* Hide scrollbar for Opera */
	.menuBtnsHolder { -ms-overflow-style: none; } /* Hide scrollbar for IE and Edge */
.menuBtn { box-sizing:border-box; width:100%; padding:1em 3em 0.8em 3em; display:block; text-align:center; font-family: 'Gilroy Extrabold'; font-size:1.1em; line-height:1.2; color:#FFF; text-decoration:none; transition:all 0.5s; border-bottom:2px solid #EF790F; }
.menuBtn:hover { color:#EF790F; text-decoration:none; transition:all 0.5s; }
.menuBtn.sel { color:#EF790F; }
.menuBtn.level2 { margin-left:1.2em; width:calc(100% - 1.2em); border-bottom:1px solid #EF790F; }




/* --------- FOOTER --------- */
.footerPusher { width:100%; height:auto; }
.footer { position:absolute; z-index:500; bottom:0; left:50%; transform:translateX(-50%); height:auto; width:100%; background-repeat: repeat-y; border-bottom:9em solid #033D42; }
.footerContent { position:relative; width:100%; height:15rem; display:flex; }

.logoHolderFooter { position:absolute; z-index:50; bottom:-9em; left:50%; transform:translateX(-50%); background:white; padding-bottom:12rem; 
padding-left:20px;
padding-right:20px;}
.footerLogo { padding:1em; width:200px; }

.footerContentWrapper { position:absolute; z-index:60; bottom:-8rem; left:50%; transform:translateX(-50%); }
.rrssHolderBottom { position:relative; top:0; left:50%; transform:translateX(-50%); padding:1rem; display:flex; justify-content:center; }
.rrssIconHolder { position:relative; width:2.5rem; height:2.5rem; border-radius:50%; background:#033D42; margin:0 0.5rem; }
.rrssIcon { position:absolute; z-index:5; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; color:#FFF; font-size:1.3rem; text-decoration:none; transition:all 0.5s; }
.rrssIcon:hover { color:#EF790F; text-decoration:none; transition:all 0.3s ease-out; }

.footerLinksHolder { width:100%; text-align:center; margin:0; padding-bottom:0; display:block; display:flex; flex-direction:column; }
.footerLink { width:100%; margin:0.4em 0 0 0; color:#033D42; font-family: 'Gilroy Extrabold'; font-size:0.9em; text-decoration:none; transition:all 0.5s; cursor:pointer; }
.footerLink:hover {  color:#EF790F; text-decoration:underline; transition:all 0.3s ease-out; }


/* --------- POPUP --------- */

#fondoPopup { position: fixed; z-index:40000; top:0px; left: 0px; width:100%; height:100%; display:none; background:rgba(255,255,255,0.5); backdrop-filter:blur(5px); }
#popup { position:fixed; z-index:45000; top:50%; left:50%; width:94%; max-width:600px; height:auto; padding:2.5em; transform:translate(-50%, -50%); display:none; border:3px solid #0555FA; box-sizing:border-box; border-radius:12px; background-image:url("../imgs/popup_bg.jpg"); background-size:cover; background-position:0 0; background-repeat: no-repeat; }
#popup p { font-size:1.2em; line-height:1.3; color:#FFF; text-align:center; }
.mainTitlePopup { font-size:4em; line-height:0.9; color:#FFF; text-align:center; margin-bottom:2rem; }



/* --------- COMUNES --------- */

.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%; /* videos 16:9 */
    position:relative;
    height:0;
	margin-bottom:1.5rem;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}



/* --------- COMUNES --------- */

.whatsappHolder { position:fixed; z-index:1000; bottom:1em; right:1em; width:4em; display:block; }

/*.titularHolder { width:40%; float:left; }*/
.mainTitleTxt { font-size:2rem; font-weight:600; text-align:left; font-family: 'Gilroy Extrabold'; margin-bottom:1.8rem; }
.titleTxt { font-size:2.5rem; font-weight:600; text-align:left; font-family: 'Gilroy Extrabold'; margin-bottom:1rem; }
.subtitleTxt { font-size:1.2rem; font-weight:600; text-align:left; font-family: 'Gilroy Extrabold'; margin-bottom:0.5rem; }
.priceTxt { font-size:2rem; font-weight:600; text-align:left; font-family: 'Gilroy Extrabold'; margin-bottom:1.5rem; }
.regularTxt { text-align:left; margin-bottom:2rem; line-height:1.5; }
.regularTxtBold { text-align:left; font-family: 'Gilroy Extrabold'; margin-bottom:2rem; line-height:1.5; }
.txtBold { font-family: 'Gilroy Extrabold';  }
.txt2cols { column-count:2; column-gap:2rem; }
	
	.orangeTxt { color:#EF790F !important; }
	.greenTxt { color:#033D42 !important; }
	.darkGreyTxt { color:#313131 !important; }
	.lightGreyTxt { color:#D9D9D9 !important; }
	.whiteTxt { color:#FFF !important; }
	.blackTxt { color:#000 !important; }

.btnsHolder { display:flex; width:100%; flex-direction:row; align-items:center; justify-content:center; margin:0; }
.regularBtn { float:left; display:inline-block; padding:0.5em 2em; margin-top:0.8em; margin-bottom:1.2em; font-family: 'Gilroy Extrabold'; font-size:1em; color:#FFF; font-weight:400; text-align:center; text-decoration:none; background:#EF790F; border:1px solid #EF790F; border-radius:3px; cursor:pointer; transition:all 0.8s; }
.regularBtn:hover { color:#EF790F; text-decoration:none; background:#033D42; transition:all 0.3s ease-out; }

.regularBtn.white { color:#FFF; background:rgba(255,255,255,0); border:1px solid #FFF; }
.regularBtn.white:hover { color:#CE3026; background:rgba(255,255,255,1); }

.colLeft { position:relative; width:38%; height:100%; margin-right:6%; float:left; }
.colRight { position:relative; width:56%; height:100%; margin-left:0%; margin-right:0; margin-top:0; float:left; }
	.extraPadd { padding: 0 2em 2em 2em; width:calc(56% - 2em); margin-left:-2em; }
	.narrowContent { width:38%; margin-right:18%; }
	
.video-layer { width:100%; height:auto; display:block; }
/* responsive video iframe */
.video-container { position: relative; width:100%; height:0; padding-bottom: 56.25%; padding-top: 0; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* responsive video iframe */



/* --------- HOME --------- */

.mosaic { width:100%; display:flex; flex-wrap:wrap; margin-bottom:2rem; }
.mosaicImg { width:50%; margin:0; display:block; z-index:0; }
.mosaicImg img { transform:scale(1); transition:all 0.3s ease-out; }
.mosaicImg:hover { z-index:500; }
.mosaicImg:hover img { transform:scale(1.1); z-index:500; box-shadow: 2px 3px 6px 2px rgba(0,0,0,0.7); -webkit-box-shadow: 2px 3px 6px 2px rgba(0,0,0,0.7); -moz-box-shadow: 2px 3px 6px 2px rgba(0,0,0,0.7); transition:all 0.3s ease-out; }
.mosaicClaim { max-width:800px; margin:0 auto; padding:1rem 0; font-size:1.8rem; text-align:center; }




/* --------- EMBARCACION --------- */

ul li { position: relative; margin-bottom:0.6rem; }

ul.bulletList { list-style: none;}
ul.bulletList li { position: relative; margin-bottom:0.6rem; }
ul.bulletList li:before { content: ""; background: #EF790F; position: absolute; top: 0.5rem; left: -1rem; vertical-align: middle; display: inline-block; width: 6px; height: 6px; border-radius:50%;}

.embarcacionImgsHolder { position:absolute; z-index:5; top:0; left:0; width:calc(100% + 10px); min-height:100%; }
.embarcacionImg { margin-bottom:1.5rem; }
.embarcacionImgHidden { display:none; }



/* --------- RUTAS --------- */

.tarifasHolder { max-width:900px; margin:1rem auto 2rem auto; }
.tarifaTitle { width:100%; margin:1rem 0; border-bottom:2px solid #FFF; font-size:1.1rem;  font-family: 'Gilroy Extrabold'; }
.tarifaGrid { display:flex; flex-wrap:wrap; margin-bottom:0.5rem; padding-left:0; }
.tarifaCell_10 { width:10%; }
.tarifaCell_20 { width:20%; }
.tarifaCell_40 { width:40%; }
.tarifaCell_50 { width:50%; }
.tarifaCell_70 { width:70%; }


/* --------- INFO BUTTONS --------- */

.infoBtnsHolder { width:103%; margin-left:-1.5%; }
.infoBtn { position:relative; width:30.3333%; margin:0 1.5%; float:left; }
.infoBtnContent { position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); }
.infoBtnTxt { width:100%; text-align:center; font-size:2em; font-family: 'Gilroy Extrabold', cursive; color:#FFF; line-height:1.3; transition:all 0.8s; }
.infoBtnUnderline { width:60px; height:5px; background:#CE3026; margin:0.3em auto 0 auto; transition:all 0.8s; }

.infoBtn:hover .infoBtnTxt { color:#CE3026;  transition:all 0.3s; }
.infoBtn:hover .infoBtnUnderline { width:90px; background:#FFF; transition:all 0.3s; }


/* --------- SPONSORS --------- */

.bannerHolder { width:100%; display:block; clear:both; padding:0 0 3em 0; }
.sponsorsHolder { width:100%; display:block; clear:both; padding:0; }
.sponsorsRowTitle { width:100%; margin:0; margin:0 0 2em 0; padding-bottom:0.3em; text-align:left; color:#E1E1E1; border-bottom:1px solid #E1E1E1; }
.sponsorsMainRow { display:flex; width:106%; margin:0 0 0 -6%; padding:0 0 1.5em 0; flex-direction:row; align-items:center; justify-content:start; flex-wrap:no-wrap; }
.sponsorsMain { width:auto; margin:0 0 1.5em 6%; }
.singleSponsor { max-width:300px; }
.sponsorsRow { display:flex; width:103%; margin:0 0 0 -3%; padding:0 0 1.5em 0; flex-direction:row; align-items:center; justify-content:start; flex-wrap:wrap; }
.sponsors5col { width:17%; margin:0 0 1.5em 3%; }
.sponsors6col { width:13.6666%; margin:0 0 1.5em 3%; }



/* --------- FORMULARIO --------- */

#formHolder { position:relative; max-width:700px; margin:1em auto; padding:0; box-sizing:border-box; }
#formHolderPart2 { position:relative; max-width:700px; margin:0 auto; padding:0; box-sizing:border-box; }
#formHolderPart2.fullWidth { width:100%; max-width:100%; }
	.inputHolder { max-width:700px; margin:0px auto; padding:0 0 1.3em 0; }
	.inputHolder .textInput { width:100%; padding:1em 1.3em; display:inline-block; outline:0; box-sizing: border-box; text-align:left; color:#01185F; font-size:1em; border:1px solid #CE3026; border-radius:6px; background:#FFF;box-shadow: 0px 0px 4px 2px rgba(0,0,0,0); -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0); -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0); transition:all 0.5s; }
	.inputHolder .textInput:hover, .inputHolder .textInput:focus { color:#CE3026; box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.3); transition:all 0.3s ease-out; }

	.checkHolder { width:auto; height:30px; margin:15px auto 15px 0px; display:block; clear:both; }
		.checkHolder input { float:left; margin:1px 0px 15px 0px; width:1em; height:1em; }
		.checkTxt { margin-left:30px; padding-top:5px; font-size:1em; line-height:100%; color:#333; outline:0px; }
		.checkTxt a { color:#FFF; text-decoration:underline; }
		.checkTxt a:hover { color:#E2A109; text-decoration:underline; }

	.buttonHolder { max-width:500px; margin:0 auto; height:auto; }
	
		.myBt { width:100%; padding:1.5em; border:0; box-sizing:border-box; background:#8B8B8B; border-radius:6px; cursor:pointer; text-align:center; color:#FFF; font-family: 'RoobertENEL-Regular Bold'; outline:0px; transition: all 500ms linear; }
		.myBt:hover, .myBt:focus { background:#000; transition: all 300ms ease-out; }
	

	.messageHolder { clear:both; max-width:500px; margin:15px auto; height:60px; display: block; }
		.load { display:none; text-align:center; color:#CE3026; height:60px; margin-bottom:5px; }
		.message { display:none; text-align:center; color: green; margin-bottom:5px; word-wrap:break-word; }

	::-webkit-input-placeholder { color: #CCC; }
	:-moz-placeholder { color: #CCC; } /* Firefox 18- */
	::-moz-placeholder { color: #CCC; } /* Firefox 19+ */
	:-ms-input-placeholder { color: #CCC; }

#hidden1, #hidden2 { display:none; opacity:0;}



/*
RADIO BUTTONS
https://codepen.io/AngelaVelasquez/pen/Eypnq
*/

.radioBtnHolder { width:100%; max-width:400px; margin:0 auto 2em auto; display:flex; }
.radioBtnHalf {  width:50% !important; transform:translateX(40%); }
	
ul.radiobtn{
  list-style: none;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}


ul.radiobtn li{
  color: #FFF;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: auto;
  min-height:25px;
  margin-left: 0;
}

ul.radiobtn li input[type=radio]{
  position: absolute;
  visibility: hidden;
}

ul.radiobtn li label{
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1em;
  padding: 0px 0px 5px 40px;
  margin: 3px auto 5px auto;
  height: auto;
  min-height:25px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.5s linear;  transition: all 0.5s linear;
}

ul.radiobtn li:hover label{
	color: #FFF; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

ul.radiobtn li .check{
  display: block;
  position: absolute;
  /*border: 5px solid #FFF;*/
  border: 1px solid #FFF;
  border-radius: 100%;
  /*height: 16px;
  width: 16px;*/
  height: 24px;
  width: 24px;
  top: 0px;
  left: 0px;
	z-index: 5;
	transition: border .3s ease-out;
	-webkit-transition: border .3s ease-out;
}

ul.radiobtn li:hover .check {
  /*border: 5px solid #CE3026;*/
  border: 1px solid #CE3026;
}

ul.radiobtn li .check::before {
  display: block;
  position: absolute;
	content: '';
  border-radius: 100%;
  height: 14px;
  width: 14px;
  top: 5px;
	left: 5px;
  margin: auto;
	transition: background 0.3s ease-out;
	-webkit-transition: background 0.3s ease-out;
}

input[type=radio]:checked ~ .check {
  /*border: 5px solid #CE3026;*/ border: 1px solid #CE3026; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

input[type=radio]:checked ~ .check::before{
  background: #CE3026; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}

input[type=radio]:checked ~ label{
  color: #FFF; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}



/*
CHECK BOXES
https://codepen.io/dylanraga/pen/Qwqbab
*/


.checkboxesHolder{
  display: flex;
  flex-direction: row;
  margin-top:0.5em;
  margin-bottom:2em;
  flex-wrap:wrap;
}

.checkboxesHolder.column { flex-direction: column !important; }
.checkboxesHolder.fullWidth { width:100%; max-width:100%; }
.checkboxesHolder.deportes { width:80%; margin-left:10%; transform:translateX(10%); }
.checkboxesHolder.deportes .checkInput { width:20%; }
.checkboxesHolder.bases { max-width:600px; margin:-1em auto 2em auto; transform:translateX(15%); }
	
	
.checkboxesHolder p {
	margin:0;
}


input[type='checkbox']{ height: 1px; width: 1px; border:0px; box-sizing: border-box; user-select: none; }

input[type='checkbox'] + label{
  position: relative;
  display: flex;
  margin: 0 0 1rem 0;
  align-items: center;
  font-size: 0.8em;
  color: #FFF;
  transition: color 250ms cubic-bezier(.4,.0,.23,1);
  box-sizing: border-box;
  user-select: none;
}
input[type='checkbox'] + label > ins{
  position: absolute;
  display: block;
  bottom: 0;
  left: 2em;
  height: 0;
  width: 100%;
  overflow: hidden;
  text-decoration: none;
  box-sizing: border-box; 
  user-select: none;
  transition: height 300ms cubic-bezier(.4,.0,.23,1);
}
input[type='checkbox'] + label > ins > i{
  position: absolute;
  bottom: 0;
  font-style: normal;
  color: rgba(0,0,0,0);
  box-sizing: border-box;
  user-select: none;
}
input[type='checkbox'] + label > span{
  position:relative;
  display: flex;
  flex: 0 0 1em; 
  justify-content: center;
  align-items: center;
  margin-right: 0.5em;  
  font-size: 1.4rem;
  width: 1em;
  height: 1em;
  background: rgba(206,48,38,0);
  border: 1px solid #FFF;
  border-radius: 2px;
  cursor: pointer; 
  box-sizing: border-box;
  user-select: none;
  transition: all 250ms cubic-bezier(.4,.0,.23,1);
}

input[type='checkbox'] + label > span.blackBorder { border: 1px solid #000; }

input[type='checkbox'] + label:hover, input[type='checkbox']:focus + label{
  zcolor: #fff;
}
input[type='checkbox'] + label:hover > span, input[type='checkbox']:focus + label > span{
  background: rgba(255,255,255,.5);
  border: 1px solid #CE3026;
}
input[type='checkbox']:checked + label > ins{ height: 100%; box-sizing: border-box; user-select: none; }

input[type='checkbox']:checked + label > span{
  border: .5em solid #CE3026;
  background: rgba(206,48,38,1);
  box-sizing: border-box;
  user-select: none;
  animation: shrink-bounce 200ms cubic-bezier(.4,.0,.23,1);
}
input[type='checkbox']:checked + label > span:before{
  content: "";
  position: absolute;
  top: 0;
  left: -0.25em;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  box-sizing: border-box;
  user-select: none;
  transform: rotate(45deg);
  transform-origin: 0% 100%;
  animation: checkbox-check 125ms 250ms cubic-bezier(.4,.0,.23,1) forwards;
}

@keyframes shrink-bounce{
  0%{
    transform: scale(1);
  }
  33%{    
    transform: scale(.85);
  }
  100%{
    transform: scale(1);    
  }
}
@keyframes checkbox-check{
  0%{
    width: 0;
    height: 0;
    border-color: #FFF;
	background: rgba(206,48,38,0);
    transform: translate3d(0,0,0) rotate(45deg);
  }
  33%{
    width: .25em;
    height: 0;
	background: rgba(206,48,38,0);
    transform: translate3d(0,0,0) rotate(45deg);
  }
  90%{
	background: rgba(206,48,38,0);
  }
  100%{    
    width: .25em;
    height: .5em;    
    border-color: #FFF;
	background: rgba(206,48,38,1);
    transform: translate3d(0,-.5em,0) rotate(45deg);
  }
}





/* MEDIA QUERIES */

	/* Cambios en función de la anchura de la ventana */
	@media all and (min-width: 1500px) {
		/*#langsHolder { left:1em; }*/
		
	}

	@media all and (min-width: 1200px) and (max-width: 1500px) {
		/*#langsHolder { position:absolute; left:calc(140px + 10vw); }*/
		
	}

	@media all and (min-width: 860px) and (max-width: 1200px) {
		body { font-size:16px; }
				
		.colPadLeft { padding-left:8vw; }
		.colPadRight { padding-right:8vw; }
		
		.secTitle { font-size:1.9em; }
		.bigTitle { font-size:2.6rem; }
	}
	
		

		@media all and (min-width: 860px) and (max-width: 1000px) {			
		
			.embarcacionImgHidden { display:block; }
			
		}


	@media all and (min-width: 560px) and (max-width: 860px) {
		body { font-size:15px; }		
		
		.desktop { display:none !important; }
		.desktopTxt { display:none !important; }
		.tablet { display:block !important; }
		.mobile { display:none !important; }
        .showHide { display:none; }
        .allButMobile { display:inline; }
        .onlyMobile { display:none; }
		
		/*#langsHolder { position:fixed; left:calc(120px + 2em); }*/
		
		.mainLogo { padding:1em; width:120px; }
		.mainLogo.home { padding:7vh 1em 1em 1em; width:170px; }
		.footer { border-bottom:8em solid #033D42; }
		.footerContent { height:14rem; }
		.logoHolderFooter { bottom:-8em; padding-bottom:10rem; }
		.footerLogo { padding:1em; width:170px; }
		.footerContentWrapper { bottom:-6.2rem; }
		.rrssHolderBottom { padding:0.5rem; }
				
		.colPadLeft { padding-left:2vw; }
		.colPadRight { padding-right:2vw; }
		
		.colLeft { position:relative; width:100%; height:100%; margin-right:0; float:left; }
		.colRight { position:relative; width:100%; height:100%; margin-left:0%; margin-right:0; margin-top:1em; float:left; }
			.extraPadd { padding: 0 2em 2em 2em; width:calc(100% - 2em); margin-left:-2em; }
			.narrowContent { width:100%; margin-right:0; }
			
		.secTitle { font-size:1.9em; }
		.bigTitle { font-size:2.6rem; }
		
		.embarcacionImgHidden { display:block; }
		
		.tarifaCell_10 { width:10%; }
		.tarifaCell_20 { width:25%; }
		.tarifaCell_40 { width:40%; }
		.tarifaCell_50 { width:50%; }
		.tarifaCell_70 { width:65%; }
		
		.checkboxesHolder.deportes { width:90%; margin-left:10%; transform:translateX(5%); }
		.checkboxesHolder.deportes .checkInput { width:33.333%; }
	}


	@media all and (min-width: 10px) and (max-width: 560px) {
		body { font-size:14px; }

		.desktop { display:none !important; }
		.desktopTxt { display:none !important; }
		.tablet { display:none !important; }
		.mobile { display:block !important; }
        .showHide { display:none; }
        .allButMobile { display:none; }
        .onlyMobile { display:block; }
		
		
		/*#langsHolder { position:fixed; left:calc(100px + 1.5em); }*/
		
		.mainLogo { padding:0.6em; width:100px; }
		.mainLogo.home { padding:6vh 0.6em 0.6em 0.6em; width:140px; }
		.footer { border-bottom:8em solid #033D42; }
		.footerContent { height:14rem; }
		.logoHolderFooter { bottom:-8em; padding-bottom:10rem; }
		.footerLogo { padding:0.6em; width:150px; }
		.footerContentWrapper { bottom:-6.2rem; }
		.rrssHolderBottom { padding:0.5rem; }
		
		.bgPosAbs { left:-1em; }
		
		.slideTitle { font-size:2.3em; }
		.slideSubtitle { font-size:1.7em; }
				
		.col42 { width:100%; }
		.col42pure { width:100%; }
		.col58 { width:100%; }
		.col58pure { width:100%; }
		.col50 { width:100%; }
		.col100 { width:100%; }
		.colPadLeft { padding-left:0vw; }
		.colPadRight { padding-right:0vw; }
		
		.colLeft { position:relative; width:100%; height:100%; margin-right:0; float:left; }
		.colRight { position:relative; width:100%; height:100%; margin-left:0%; margin-right:0; margin-top:1em; float:left; }
			.extraPadd { padding: 0 2em 2em 2em; width:calc(100% - 2em); margin-left:-2em; }
			.narrowContent { width:100%; margin-right:0; }
			
		.secTitle { font-size:1.6em; }
		.bigTitle { font-size:2rem; }
		
		.mosaicImg { width:92%; margin:0 4%; }
		
		.embarcacionImgsHolder { position:relative; left:0; width:100%; }		
		.embarcacionImgHidden { display:block; }
		
		.tarifaGrid { padding-left:1em; }
		.tarifaCell_10 { width:30%; }
		.tarifaCell_20 { width:70%; }
		.tarifaCell_40 { width:70%; }
		.tarifaCell_50 { width:100%; }
		.tarifaCell_70 { width:100%; }
		
		.checkboxesHolder.deportes { width:90%; margin-left:10%; transform:translateX(5%); }
		.checkboxesHolder.deportes .checkInput { width:50%; }

	}


@media only screen and (orientation : landscape) {
	.showInPortrait { display:none; }
	.showInLandscape { display:block; }

	#warningGiro { display:block; }

}


@media only screen and (orientation : portrait) {
	.showInPortrait { display:block; }
	.showInLandscape { display:none; }

	#warningGiro { display:none; }

}

.float_btn {
	position:fixed;
	top:300px;
	right:-25px;
	z-index:9999;
}

.grid_4 {
	display: grid;
	gap:20px 20px;
}
@media (min-width:768px) {
	.grid_4 {
		grid-template-columns: repeat(2,1fr);
	}
}
@media (min-width:992px) {
	.grid_4 {
		grid-template-columns: repeat(4,1fr);
	}
}
.w-100 { width:100%; }
.text-center { text-align: center;}

#popup_fixed {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100vh;
	background-color: #012a2da9;
	z-index:99999999;
	overflow-y: auto;
}

.popup_container {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background-color: #045057;
	border:2px solid #EF790F;
	border-radius:30px;
	width:838px;
	max-width:90%;
	padding:0px 60px 40px 60px;
}
@media (max-width:767px) {
	.popup_container {
		padding:20px;
	}
}
.popup_form_container {
	width:370px;
	max-width:100%;
	margin: 0 auto;
}
.popup_form_endtext_container {
	width:440px;
	max-width:100%;
	margin: 0 auto;
}
.popup_form_input {
	height:48px;
	border:1px solid transparent;
	border-radius:5px;
	background:white;
	width:100%;
	color:#1f1f1f;
	padding:0px 20px;
}
.d-none {
	display:none!important;
}
#popup_btn_send, #eventos_btn_send {
	width: 160px;
	background-color: #EF790F;
	font-weight: bold;
	text-align: center;
	padding:15px 20px;
	border-radius: 5px;
	display:inline-block;
	margin-top:20px;
}
.text-right {
	text-align:right;
}
.popup_close_wrapper {
	position:relative;
}
#popup_close {
	position:absolute;
	top: 8px;
    right: -44px;
}
.err {
	border-color:red;
}
.color_red {
	color:red;
}
.mt-20{ margin-top:20px; }
.popup_form_msg_fail {
	background-color:rgb(255, 178, 178);
	padding:10px;
	width:fit-content;
	margin: 0 auto;
	margin-top:20px;
}

.eventos_header {
	max-width:1000px;
	margin: 0 auto;
}
.eventos_header_grid_title1 {
	font-size: 32px;
	font-weight:600;
	font-family: 'Gilroy Extrabold';
}
.eventos_header_grid_title2 {
	font-size: 32px;
	font-weight:600;
	font-family: 'Gilroy Extrabold';
}
.eventos_header_grid_col1, .eventos_header_grid_col2 {
	padding: 0px 20px;
}
@media (min-width:992px) {
	.eventos_header_grid {
		display:grid;
		gap:20px;
		grid-template-columns:60% 40%;
	}
	.eventos_header_grid_title2 {
		font-size:80px;
	}
}

.eventos_form_bottom_text {
	font-size: 22px;
	font-weight:600;
	font-family: 'Gilroy Extrabold';
}
@media (max-width:500px) {
	.eventos_header_grid_col2 {
		max-width:320px;
		margin: 0 auto;
	}
}
@media (max-width: 991px) {
	.eventos_header_grid_col2 {
		margin-top:30px;
	}
}
#eventos_btn_send {
	margin-bottom:20px;
}