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

@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.4.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0") format('embedded-opentype'),  url("../fonts/fontawesome-webfont.woff?v=4.4.0") format('woff'), url("../fonts/fontawesome-webfont.ttf?v=4.4.0") format('truetype'), url("../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular") format('svg'); font-weight: normal; font-style: normal; }

/*
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Lato', sans-serif;

AZUL      #0079B9
VERDE     #00935C
VIOLETA   #8185E6
*/

/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: top; background: transparent }
body { font-size: 16px; line-height: 1; }
ol, ul { list-style: none }
blockquote, q { quotes: none }
:focus { outline: 0 }
table { border-collapse: collapse; border-spacing: 0 }
a img { border: none }
* { margin: 0 }
.clear { clear: both; display: block; }
.last { margin-right: 0 !important }
body { color: #000; font-family: 'Lato', sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
a:link, a:visited, a:hover, a:active { color: #333; text-decoration: none; }
*, *::after, *::before { box-sizing: border-box; }
input, select { border-radius: 0; }
html { -webkit-text-size-adjust: 100%; }
.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%; }


/*-----------------------------------------------------------------*/
/*-- GENERAL -----------------------------------------------------*/
.wrapper { width: 100%; max-width: 1200px; display: block; padding: 0 1em; margin: auto; position: relative; }
main .contenido { padding-top: 3em; }

header, main, footer { font-size: 0.8em; }
@media only screen and (min-width: 480px) {
header, main, footer { font-size: 0.85em; }
}
@media only screen and (min-width: 768px) {
header, main, footer { font-size: 1em; }
}

.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.fa-angle-left:before { content: "\f104"; }
.fa-angle-right:before { content: "\f105"; }
.fa-chevron-left:before { content: "\f053"; }
.fa-chevron-right:before { content: "\f054"; }
.fa-chevron-down:before { content: "\f078"; }
.fa-envelope:before { content: "\f0e0"; }
.fa-facebook:before { content: "\f09a"; }
.fa-flickr:before { content: "\f16e"; }
.fa-search:before { content: "\f002"; }
.fa-twitter:before { content: "\f099"; }
.fa-instagram:before { content: "\f16d"; }
.fa-youtube:before { content: "\f16A"; }
.fa-picture-o:before { content: "\f03e"; }
.fa-video-camera:before { content: "\f03d"; }
.fa-video-envelope:before { content: "\f0e0"; }
.fa-play:before { content: "\f04b"; }


.btn-big { font-family: 'Roboto Condensed', sans-serif; color: #FFF!important; text-transform: uppercase; display: block; font-size: 1.2em; line-height: 1.2em; padding: 0.5em; text-align: center;  background: #8185E6; background: -moz-linear-gradient(left, #8185E6 0%, #8185E6 5%, #49B3FF 95%, #49B3FF 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #8185E6), color-stop(5%, #8185E6), color-stop(95%, #49B3FF), color-stop(100%, #49B3FF)); background: -webkit-linear-gradient(left, #8185E6 0%, #8185E6 5%, #49B3FF 95%, #49B3FF 100%); background: -o-linear-gradient(left, #8185E6 0%, #8185E6 5%, #49B3FF 95%, #49B3FF 100%); background: -ms-linear-gradient(left, #8185E6 0%, #8185E6 5%, #49B3FF 95%, #49B3FF 100%); background: linear-gradient(to right, #8185E6 0%, #8185E6 5%, #49B3FF 95%, #49B3FF 100%); }

.gradient { background: #0079B9; background: -moz-linear-gradient(left, #0079B9 0%, #00935C 50%, #8185E6 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0079B9), color-stop(50%, #00935C), color-stop(100%, #8185E6)); background: -webkit-linear-gradient(left, #0079B9 0%, #00935C 50%, #8185E6 100%); background: -o-linear-gradient(left, #0079B9 0%, #00935C 50%, #8185E6 100%); background: -ms-linear-gradient(left, #0079B9 0%, #00935C 50%, #8185E6 100%); background: linear-gradient(to right, #0079B9 0%, #00935C 50%, #8185E6 100%); }


/*-------------------------------------------------------------------------*/
/*-- EMBED YOUTUBE --------------------------------------------------------*/
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 2em 0; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/*-----------------------------------------------------------------*/
/*-- HEADER ------------------------------------------------------*/
.top { position: fixed; top: 0; width: 100%; z-index: 15; }
.scrolled .top { position: fixed; }
.show-fixtures .top-fixtures { display: block; }
.top-fixtures { width: 100%; height: 85px; display: none; position: relative; z-index: -10; }

.top-banners { background: #222; }
.top-banners .d { display: none; }
.top-banners img { display: block; width: 100%; height: auto; margin: auto; max-width: 1068px; }

@media (min-width: 600px) {
.top-banners .m { display: none; }
.top-banners .d { display: block; }
}

header { height: 64px; width: 100%; -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15); -ms-box-shadow: 0 2px 5px rgba(0,0,0,0.15); -khtml-box-shadow: 0 2px 5px rgba(0,0,0,0.15); box-shadow: 0 2px 5px rgba(0,0,0,0.15); }
header .contenido { background: #FFF; }
header .wrapper { height: 60px; }
header h1 { width: 76px; height: 50px; background: url("../images/logo-rch30.gif") no-repeat; background-size: 100% 100%; position: relative; top: 3px; margin: auto; }
header h1 a { display: block; width: 100%; height: 100%; text-indent: -9999px; }
header .gradient { height: 4px; opacity: 0.6; }
header .menutoggle { display: block; position: absolute; top: 10px; right: 10px; overflow: hidden; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; cursor: pointer; transition: background 0.3s; }
header .menutoggle span { display: block; position: absolute; top: 18px; left: 7px; right: 7px; height: 4px; border-radius: 4px; background: #0079B9; transition: background 0s 0.3s; }
header .menutoggle span::before, header .menutoggle span::after { position: absolute; display: block; left: 0; width: 100%; height: 4px; border-radius: 4px; background: #0079B9; content: ""; transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
header .menutoggle span::before { top: -10px; transition-property: top, transform; }
header .menutoggle span::after { bottom: -10px; transition-property: bottom, transform; }
header .fixturestoggle { position: absolute; top: 0; left: 1em; width: 50px; height: 19px; background: url("../images/fixturestoggle.png") no-repeat; background-size: 100% 200%; background-position: 0 100%; text-indent: -9999px; }
.show-fixtures header .fixturestoggle { background-position: 0 0; top: -19px; }
.show-menu header .menutoggle { background-color: #2999ED; }
.show-menu header .menutoggle span { background: none; }
.show-menu header .menutoggle span::before { top: 0; transform: rotate(45deg); }
.show-menu header .menutoggle span::after { bottom: 0; transform: rotate(-45deg); }
.show-menu header .menutoggle span::before, .show-menu header .menutoggle span::after { transition-delay: 0s, 0.3s; background: #FFF; }
.overbody { z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }


.menu-fecha { color: rgba(255, 255, 255, 0.7); border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 0.8em; padding-top: 1em; margin-top: 1em; }

@media (min-width: 768px) {
header { height: 90px; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; box-shadow: none; position: relative; z-index: 15; }
header .wrapper { height: 90px; }
header, header .wrapper { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header h1 { width: 150px; height: 98px; position: absolute; left: 0.5em; top: 10px; margin: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .gradient { display: none; }
header .menutoggle { display: none; }
.menu-wrap { height: 30px; width: 100%; z-index: 10; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
header .fixturestoggle { left: 50%; width: 40px; height: 15px; margin-left: -20px; }
.show-fixtures header .fixturestoggle { top: -15px; }

.menu-fecha { color: #666; position: absolute; right: 180px; top: 5px; border: none; padding: 0; margin: 0; text-align: right; width: 220px; }
}


/*-----------------------------------------------------------------*/
/*-- NOT FIXED HEADER --------------------------------------------*/
.not-fixed .top { position: relative; }

/*-----------------------------------------------------------------*/
/*-- ADS ---------------------------------------------------------*/
.banner-high { display: block; width: 100%; height: auto; }
aside .banner-high { margin-bottom: 1em; }


.banners-main { background: #EEE; }
.banners-main .wrapper { padding: 0; }
.banners-main img { width: 100%; height: auto; }

.banners-section { margin-bottom: 1em; }
.banners-section .banner { display: block; width: 100%; border: 1px solid #CCC; }
.banners-section .banner img { display: block; width: 100%; height: auto; }
.banners-section .banners-row { margin-bottom: 0.5em; display: flex; justify-content: space-between; }
.banners-section .banners-row.center { justify-content: center; }
.banners-section .banners-row.col2 .banner { width: 48.5%; }
.banners-section .banners-row.col3 .banner { width: 32%; }
.banners-section .banners-row.col3.center .banner { margin: 0 1%; }
.banners-section .banners-row.col4 .banner { width: 24%; }

.banners-list { margin-bottom: 2em; border: 1px solid #CCC; }
.banners-list a { display: block; }


.newsletter-box { margin-bottom: 1em; }
.newsletter-box img { margin-bottom: 0.2em; }

.newsletter-box ul { display: grid; grid-gap: 0.2em; grid-template-columns: repeat(2, 1fr); }
.newsletter-box a { display: block; padding: 0.5em 0.25em; font-size: 0.7em; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; background: #666; color: #FFF; text-align: center; }
.newsletter-box .news1 { background: #006098; }
.newsletter-box .news1:hover { background: #0079B9;}
.newsletter-box .news2 { background: #007A4E; }
.newsletter-box .news2:hover { background: #00935C;}




@media (min-width: 600px) {
.banners-main { margin-bottom: 1em; }
.banners-main .wrapper { padding: 0.5em 1em; }
.banners-section { margin-bottom: 2em; }
}


/*-----------------------------------------------------------------*/
/*-- MENU --------------------------------------------------------*/
.menu-mobile { display: block; }
.menu-desktop { display: none; }
.menu-row { display: none; }
.menu-link { font-family: 'Roboto Condensed', sans-serif; color: #FFF!important; text-transform: uppercase; font-size: 1.1rem; position: relative; }
.menu-link .fa { font-size: 0.8em; display: block; color: rgba(255,255,255,0.5); }
.menu-link .fa-chevron:before { content: "\f078"; }
.menu-item.loc .menu-link { background: #0079B9; }
.menu-item.int .menu-link { background: #00935C; }
.menu-item.active .menu-link .fa-chevron:before { content: "\f077"; color: #FFF; }
.menu-subitem { display: none; padding: 1em; }
.menu-subitem .listado ul { padding-top: 1em; }
.menu-subitem .listado > ul { font-size: 0.9em; line-height: 1.1em; }
.menu-subitem .listado > ul > li { margin-bottom: 1em; }
.menu-subitem .listado > ul > li ul li ul { padding: 0.5em 0 0 0; }
.menu-subitem .listado > ul > li ul li { font-size: 0.9em; margin-bottom: 0.5em; }
.menu-subitem .listado > ul > li ul li ul li a { position: relative; padding-left: 16px; }
.menu-subitem .listado > ul > li ul li ul li a::before { border-top: 3px solid transparent; border-left: 3px solid rgba(255,255,255,0.6); border-bottom: 3px solid transparent; position: absolute; left: 8px; top: 7px; content: ""; }
.menu-subitem .listado > ul > li > a { font-weight: 700; }
.menu-subitem .listado > ul > li > span { color: #FFF; font-weight: 700; }
.menu-subitem a, .menu-subitem span { color: #FFF; line-height: 1.2em; }
.menu-item.loc .menu-subitem { background: rgba(0,121,185,0.9); background: -moz-linear-gradient(left, rgba(0,121,185,0.9) 0%, rgba(0,121,185,0.3) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,121,185,0.9)), color-stop(100%, rgba(0,121,185,0.3))); background: -webkit-linear-gradient(left, rgba(0,121,185,0.9) 0%, rgba(0,121,185,0.3) 100%); background: -o-linear-gradient(left, rgba(0,121,185,0.9) 0%, rgba(0,121,185,0.3) 100%); background: -ms-linear-gradient(left, rgba(0,121,185,0.9) 0%, rgba(0,121,185,0.3) 100%); background: linear-gradient(to right, rgba(0,121,185,0.9) 0%, rgba(0,121,185,0.3) 100%); }
.menu-item.int .menu-subitem { background: rgba(0,147,92,0.9); background: -moz-linear-gradient(left, rgba(0,147,92,0.9) 0%, rgba(0,147,92,0.3) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,147,92,0.9)), color-stop(100%, rgba(0,147,92,0.3))); background: -webkit-linear-gradient(left, rgba(0,147,92,0.9) 0%, rgba(0,147,92,0.3) 100%); background: -o-linear-gradient(left, rgba(0,147,92,0.9) 0%, rgba(0,147,92,0.3) 100%); background: -ms-linear-gradient(left, rgba(0,147,92,0.9) 0%, rgba(0,147,92,0.3) 100%); background: linear-gradient(to right, rgba(0,147,92,0.9) 0%, rgba(0,147,92,0.3) 100%); }

@media (max-width: 767px) {
.show-menu .menu-wrap { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: -webkit-transform 0.8s; transition: transform 0.8s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.5); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.5); -ms-box-shadow: 0 3px 5px rgba(0,0,0,0.5); -khtml-box-shadow: 0 3px 5px rgba(0,0,0,0.5); box-shadow: 0 3px 5px rgba(0,0,0,0.5); }
.menu-wrap { position: fixed; z-index: 2000; top: 0; width: 300px; height: 100%; background: rgba(0,0,0,0.9); -webkit-transform: translate3d(-310px,0,0); transform: translate3d(-310px,0,0); -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1); transition-timing-function: cubic-bezier(0.7,0,0.3,1); overflow: hidden; display: flex; flex-direction: column; }
.menu-wrap .menu-container { flex: 1; overflow: auto; }
.menu-wrap .gradient { height: 4px; }
.menu-subitem .wrapper { padding: 0; }
.menu-container .menu-link { font-size: 1em; display: block; padding: 0.75em 1em; }
.menu-container .menu-link .fa { float: right; pointer-events: none; }
}

@media (min-width: 768px) {
.menu-mobile { display: none; }
.menu-desktop { display: inline-block; margin-left: -100px; }
.menu-wrap .blanco { background: #FFF; height: 30px; position: absolute; top: 0; left: 0; }
.menu-container { position: absolute; top: 0; left: 0; width: 100%;}
.menu-row { position: relative; display: block; background: #8185E6; background: -moz-linear-gradient(left, #8185E6 0%, #8185E6 60%, rgba(129,133,230,0) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #8185E6), color-stop(60%, #8185E6), color-stop(100%, rgba(129,133,230,0))); background: -webkit-linear-gradient(left, #8185E6 0%, #8185E6 60%, rgba(129,133,230,0) 100%); background: -o-linear-gradient(left, #8185E6 0%, #8185E6 60%, rgba(129,133,230,0) 100%); background: -ms-linear-gradient(left, #8185E6 0%, #8185E6 60%, rgba(129,133,230,0) 100%); background: linear-gradient(to right, #8185E6 0%, #8185E6 60%, rgba(129,133,230,0) 100%); font-size: 0; }
.menu-row .wrapper { height: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; /*position:relative!important;*/ position: static; }
.menu-row .logo-back { width: 210px; height: 30px; background: url("../images/head-logo-back.png") no-repeat; background-position: top right; z-index: 10; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; position: relative; display: inline-block; }
.menu-row .menu-item { display: inline-block; }
.menu-row .menu-link { font-size: 1.1rem; line-height: 30px; height: 30px; display: block; padding: 0 1.5em; }
.menu-row .menu-item.loc .menu-link:after, .menu-row .menu-item.int .menu-link:after { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 1.7em solid #CCC; border-right: 0.9em solid transparent; z-index: 5; }
.menu-row .menu-link.int:after { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 1.7em solid #00935C; border-right: 0.9em solid transparent; z-index: 5; }
.menu-row .menu-item.loc .menu-link:after { border-top-color: #0079B9; }
.menu-row .menu-item.int .menu-link:after { border-top-color: #00935C; }
.menu-row .menu-link .fa { position: absolute; right: 5px; top: 7px; }
.menu-row .menu-item.loc .menu-link { padding-left: 80px; }
.menu-subitem { font-size: 1rem; position: absolute; top: 30px; left: 0; width: 100%; padding: 0 1em; min-height: 310px; }
.menu-subitem .back { background: url("../images/menu-subitem-logoback.png") no-repeat; position: absolute; top: 0; left: 0; width: 158px; height: 310px; }
.menu-subitem .logo { position: absolute; top: 30px; left: 34px; width: 90px; }
.menu-row .menu-item.loc .menu-subitem .logo { background: url("../images/menu-subitem-logoloc.png") no-repeat; height: 99px; }
.menu-row .menu-item.int .menu-subitem .logo { background: url("../images/menu-subitem-logoint.png") no-repeat; height: 153px; }
.menu-subitem .wrapper { position: relative!important; height: auto; }
.menu-subitem .wrapper { padding-left: 180px; }
.menu-subitem .listado > ul > li > span { padding: 3px 8px; }

.menu-subitem .listado { display: flex; max-width: 700px; }
/* .menu-subitem .listado ul { padding: 1em 0; } */
.menu-subitem .listado > ul { padding: 2em 1em 0 0; flex: 1; }
.menu-subitem .listado > ul > li ul li { margin: 0; }
.menu-subitem .listado > ul > li ul li ul { padding: 0; }
.menu-subitem .listado ul a, .menu-subitem .listado ul span { display: block; padding: 3px 8px; }
.menu-subitem .listado ul a:hover { background: rgba(255,255,255,0.2); }

.menu-item.loc .menu-subitem { background: #0079B9; background: -moz-linear-gradient(left, #0079B9 0%, rgba(0,121,185,0.65) 85%, rgba(0,121,185,0.2) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #0079B9), color-stop(85%, rgba(0,121,185,0.65)), color-stop(100%, rgba(0,121,185,0.2))); background: -webkit-linear-gradient(left, #0079B9 0%, rgba(0,121,185,0.65) 85%, rgba(0,121,185,0.2) 100%); background: -o-linear-gradient(left, #0079B9 0%, rgba(0,121,185,0.65) 85%, rgba(0,121,185,0.2) 100%); background: -ms-linear-gradient(left, #0079B9 0%, rgba(0,121,185,0.65) 85%, rgba(0,121,185,0.2) 100%); background: linear-gradient(to right, #0079B9 0%, rgba(0,121,185,0.65) 85%, rgba(0,121,185,0.2) 100%); }
.menu-item.int .menu-subitem {  background: #00935C; background: -moz-linear-gradient(left, #00935C 0%, rgba(0,147,92,0.65) 85%, rgba(0,147,92,0.2) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #00935C), color-stop(85%, rgba(0,147,92,0.65)), color-stop(100%, rgba(0,147,92,0.2))); background: -webkit-linear-gradient(left, #00935C 0%, rgba(0,147,92,0.65) 85%, rgba(0,147,92,0.2) 100%); background: -o-linear-gradient(left, #00935C 0%, rgba(0,147,92,0.65) 85%, rgba(0,147,92,0.2) 100%); background: -ms-linear-gradient(left, #00935C 0%, rgba(0,147,92,0.65) 85%, rgba(0,147,92,0.2) 100%); background: linear-gradient(to right, #00935C 0%, rgba(0,147,92,0.65) 85%, rgba(0,147,92,0.2) 100%); }
}

@media (min-width: 1000px) {
.menu-row .menu-link { padding: 0 2em; }
}

.widget-select { background: #555; padding: 0.4em; }
.widget-select select { width: 100%; cursor: pointer; font-size: 0.8em; background: #CCC; color: #333; border: none; height: 1.8em; }

.widget-torneo { margin-bottom: 2em; }
.widget-torneo h3 { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; font-size: 1.2em!important; background: #333; color: #FFF; padding: 0.6em; }

.widget-torneo .select { border-bottom: 1px solid #CCC; }
.widget-torneo .select.select-main, .widget-torneo .select.select-ronda { display: flex; }
.widget-torneo .select.select-main li, .widget-torneo .select.select-ronda li { flex: 1; }
.widget-torneo .select a { display: block; text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; text-align: center; font-size: 0.9em; padding: 0.5em 0.2em!important; color: #FFF; border: none!important; }
.widget-torneo .select.select-main a { background: #0079B9; }
.widget-torneo .select.select-main a:hover { background: #00659B; }
.widget-torneo .select.select-ronda a { background: #00935C; }
.widget-torneo .select.select-ronda a:hover { background: #007A4E; }
.widget-torneo .select .sel { background: #444!important; }

.widget-torneo .select.select-fecha { background: #CCC; }
.widget-torneo .select.select-fecha a { background: #6568B4; }
.widget-torneo .select.select-fecha a:hover { background: #515391; }

/* .widget-torneo .owl-nav { display: none; } */
.widget-torneo .owl-nav button { position: absolute; top: 0; width: 25px; height: 100%; background: #0079B9!important; color: #FFF!important; z-index: 10; }
.widget-torneo .owl-nav button:hover { background: #2999ED!important; }
.widget-torneo .owl-nav button.disabled { background: #666!important; color: #AAA; cursor: default; }
.widget-torneo .owl-nav .owl-prev { left: 0; }
.widget-torneo .owl-nav .owl-next { right: 0; }

@media (min-width: 768px) {
.widget-torneo { font-size: 0.8em; }
}


.widget-torneo table { font-size: 0.7em; width: 100%; }
.widget-torneo table th, .widget-torneo table td { font-weight: normal; text-align: right; vertical-align: middle; }
.widget-torneo table .left { text-align: left; }
.widget-torneo table th { padding: 1em 0.3em; }
.widget-torneo table th.first { padding-left: 1em; }
.widget-torneo table td { padding: 0.5em 0.3em; }
.widget-torneo table td.section { text-align: left; padding: 0.75em 1em; font-weight: 400; color: #FFF; background: #666; }
.widget-torneo table tr:nth-child(odd) { background: #F5F5F5; }
.widget-torneo table thead tr { background: #00935C!important; color: #FFF; }
.widget-torneo table abbr { text-decoration: none; }
.widget-torneo table img { display: block; height: 20px; width: auto; margin: auto; }

.widget-torneo .ronda { background: #F5F5F5; }
.widget-torneo .ronda li a { display: block; width: 100%; height: 100%; border-bottom: 1px solid #FFF; padding-bottom: 0.5em; }
.widget-torneo .ronda .equipo { font-size: 0.9em; height: 30px; display: flex; width: 50%; padding: 0 0.4em; float: left; }
.widget-torneo .ronda .equipo.loc { flex-direction: row; }
.widget-torneo .ronda .equipo.vis { flex-direction: row-reverse; }
.widget-torneo .ronda .equipo img { max-height: 20px; max-width: 20px; }
.widget-torneo .ronda .equipo div { display: flex; align-items: center; }
.widget-torneo .ronda .equipo .esc { width: 25px; }
.widget-torneo .ronda .equipo .nom { flex: 1; }
.widget-torneo .ronda .equipo .res { width: 28px; font-size: 1.1em; font-weight: bold; }

.widget-torneo .ronda .equipo.loc .esc { justify-content: flex-start; }
.widget-torneo .ronda .equipo.vis .esc { justify-content: flex-end; }
.widget-torneo .ronda .equipo.loc .nom { justify-content: flex-start; padding-left: 3px; }
.widget-torneo .ronda .equipo.vis .nom { justify-content: flex-end; text-align: right; padding-right: 3px; }
.widget-torneo .ronda .equipo.loc .res { justify-content: flex-end; }
.widget-torneo .ronda .equipo.vis .res { justify-content: flex-start; }

.widget-torneo .ronda time { font-size: 0.75em; color: #666; width: 100%; display: flex; justify-content: center; }
.widget-torneo .ronda h5 { text-transform: uppercase; font-family: 'Roboto Condensed', sans-serif; color: #FFF; background: #000; font-size: 0.75em; padding: 0.5em 1em; }


.widget-fixtures { position: relative; background: #F5F5F5; }
.widget-fixtures:before, .widget-fixtures:after { content: ""; position: absolute; top: 0; width: 30px; height: 100%; background: #666; z-index: 5; }
.widget-fixtures:before { left: 0; }
.widget-fixtures:after { right: 0; }
.widget-fixtures li { border-right: 1px solid #FFF; padding: 0 0.5em; height: 100%; }
.widget-fixtures li a { display: block; width: 100%; height: 100%; }
.widget-fixtures .equipo { font-size: 0.7em; height: 30px; display: flex; }
.widget-fixtures .equipo img { max-height: 20px; max-width: 20px; }
.widget-fixtures .equipo div { display: flex; justify-content: center; align-items: center; }
.widget-fixtures .equipo .esc { justify-content: left; width: 25px; }
.widget-fixtures .equipo .nom { flex: 1; justify-content: left; padding-left: 3px; }
.widget-fixtures .equipo .res { width: 30px; justify-content: flex-end; font-weight: bold; }
.widget-fixtures time { font-size: 0.7em; display: flex; height: 25px; align-items: center; color: #666; }

.widget-fixtures li.torneo { font-weight: 700; height: 85px; display: flex; align-items: center; font-size: 0.75em; line-height: 1.2em; background: #EDEDED; padding: 0 30px 0 0.75em; }
.widget-fixtures li.torneo span { display: flex; position: absolute; right: 0.75em; background: #CCC; color: #EDEDED; border-radius: 100%; padding-left: 2px; width: 20px; height: 20px; justify-content: center; align-items: center; font-size: 10px; }

.widget-fixtures .owl-nav button { position: absolute; top: 0; width: 30px; height: 100%; background: #0079B9!important; color: #FFF!important; z-index: 10;; }
.widget-fixtures .owl-nav button:hover { background: #2999ED!important; }
.widget-fixtures .owl-nav .owl-prev { left: 0; }
.widget-fixtures .owl-nav .owl-next { right: 0; }

/*-----------------------------------------------------------------*/
/*-- BUSCADOR ----------------------------------------------------*/
.search-mobile { display: block; }
.search-desktop { display: none; }
.search-form { padding: 1em; height: 60px; background: #CCC; background: -moz-linear-gradient(left, #CCC 0%, #EFEFEF 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #CCC), color-stop(100%, #EFEFEF)); background: -webkit-linear-gradient(left, #CCC 0%, #EFEFEF 100%); background: -o-linear-gradient(left, #CCC 0%, #EFEFEF 100%); background: -ms-linear-gradient(left, #CCC 0%, #EFEFEF 100%); background: linear-gradient(to right, #CCC 0%, #EFEFEF 100%); }
.search-form .fields { height: 30px; display: flex; flex-direction: row; }
.search-form input { flex: 1; font-family: 'Lato', sans-serif; font-weight: 400; font-size: 0.8em; height: 100%; -webkit-appearance: none; border: none; padding: 0 1em; border-top-left-radius: 3px; border-bottom-left-radius: 3px; color: #333; }
.search-form button { width: 40px; border: 0; background: #666; color: #FFF; cursor: pointer; font-size: 1em; border-top-right-radius: 3px; border-bottom-right-radius: 3px; }

@media (min-width: 768px) {
.search-mobile { display: none; }
.search-desktop { display: block; /*float: right;*/ position: absolute; right: 0; top: 0; height: 30px; padding: 4px 1em 0 0; font-size: 1rem; }
.search-form { height: 22px; padding: 0; background: none; }
.search-form .fields { height: 22px; }
.search-form button { width: 30px; }
.search-form input { max-width: 130px; font-size: 0.7em; padding: 0 0.5em; }
}

@media (min-width: 840px) {
.search-form input { max-width: 220px; padding: 0 0.75em; }
}

/*-----------------------------------------------------------------*/
/*-- EXTRA LINKS -------------------------------------------------*/
.extras-mobile { display: block; }
.extras-desktop { display: none; }
.extra-links { padding: 1em; display: flex; flex-direction: column-reverse; }
.extra-links .rch-links { margin-bottom: 1em; }
.extra-links .rch-links li { margin-bottom: 1px; }
.extra-links .rch-links li a { background: rgba(255,255,255,0.2); color: #EEE; display: block; font-size: 0.8em; padding: 0.6em; }
.extra-links .rch-links li.japon2019 a { background: #ED2737; color: #FFF; }

.extra-links .rch-links li.old { margin-top: 1em; }
.extra-links .rch-links li.old a { background: rgba(129, 132, 230, 0.5); color: #EEE; }

.extra-links .social { display: flex; justify-content: space-between; }
.extra-links .social li a { color: rgba(255,255,255,0.6); font-size: 1.2em; }

@media (min-width: 768px) {
.extras-mobile { display: none; }
.extras-desktop { display: block; position: absolute; top: 20px; right: 1em; }
.extra-links { padding: 0; flex-direction: column; position: relative; }
.extra-links .social { justify-content: flex-end; padding-bottom: 0.4em; margin-bottom: 0.4em; border-bottom: 1px solid #EFEFEF; }
.extra-links .social li { font-size: 0.9em; margin-left: 1em; }
.extra-links .social li:first-child { margin-left: 0; }
.extra-links .social li a { color: #CBCBCB; }
.extra-links .social li a:hover { color: #AAA; }
.extra-links .rch-links { margin: 0; position: absolute; top: 32px; right: 0; /*width: 420px;*/ width: 600px; text-align: right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
.extra-links .rch-links li { margin: 0 0 0 0.5em; display: inline-block; }
.extra-links .rch-links li:nth-child(2) { opacity: 0.9; }
.extra-links .rch-links li:nth-child(3) { opacity: 0.85; }
.extra-links .rch-links li:nth-child(4) { opacity: 0.8; }
.extra-links .rch-links li:nth-child(5) { opacity: 0.75; }
.extra-links .rch-links li:nth-child(6) { opacity: 0.7; }
.extra-links .rch-links li a { position: relative; background: #777; font-size: 0.7em; color: #FFF; padding: 0.3em 0.3em 0.4em 0.3em; }
.extra-links .rch-links li a:before { content: ""; position: absolute; right: 100%; top: 0; width: 0; height: 0; border-bottom: 1.7em solid #777; border-left: 0.8em solid transparent; }
.extra-links .rch-links li a:after { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 1.7em solid #777; border-right: 0.8em solid transparent; }
.extra-links .rch-links li a:hover { background: #8185E6; }
.extra-links .rch-links li a:hover:before { border-bottom-color: #8185E6; }
.extra-links .rch-links li a:hover:after { border-top-color: #8185E6; }

.extra-links .rch-links li.japon2019 { display: none; }

.extra-links .rch-links li.old { margin: 0 0 0 0.5em; }
.extra-links .rch-links li.old a { background: #8185E6; }
.extra-links .rch-links li.old a:before { border-bottom-color: #8185E6; }
.extra-links .rch-links li.old a:after { border-top-color: #8185E6; display: none; }
.extra-links .rch-links li.old a:hover { background: #6366B4; }
.extra-links .rch-links li.old a:hover:before { border-bottom-color: #6366B4; }
.extra-links .rch-links li.old a:hover:after { border-top-color: #6366B4; }

.extra-links .rch-links li a span { display: none; }

.mini.d .extra-links .social, .mini.d .fixturestoggle, .mini.d .menu-fecha { display: none; }
.mini.d header, .mini.d header .wrapper { height: 35px; }
.mini.d header h1 { width: 84px; height: 55px; top: 5px; }
.mini.d .extra-links .rch-links { top: 0; }
.mini.d .extras-desktop { top: 10px; }
.mini.d .menu-wrap { top: 35px; -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -ms-box-shadow: 0 1px 5px rgba(0,0,0,0.1); -khtml-box-shadow: 0 1px 5px rgba(0,0,0,0.1); box-shadow: 0 1px 5px rgba(0,0,0,0.1); }
.mini.d .menu-row .logo-back { width: 170px; }
}

@media (min-width: 900px) {
.extra-links .rch-links { width: 760px; }
.extra-links .rch-links li a { padding: 0.3em 0.6em 0.4em 0.6em; }
/* .extra-links .rch-links li a span { display: inline; } */
.extra-links .rch-links li.japon2019 { display: inline-block; }
.extra-links .rch-links li.japon2019 a:before { border-bottom-color: #ED2737; }
.extra-links .rch-links li.japon2019 a:after { display: none; }
.extra-links .rch-links li.japon2019 a:hover { background: #BD1E2C; }
.extra-links .rch-links li.japon2019 a:hover:before { border-bottom-color: #BD1E2C; }
}

@media (min-width: 1000px) {
.extra-links .rch-links { width: 800px; }
.extra-links .rch-links li a span { display: inline; }
}


/*-----------------------------------------------------------------*/
/*-- MAIN --------------------------------------------------------*/
main { margin-top: -4px; margin-bottom: 2em; }
main .contenido { display: flex; flex-direction: column; }
article { width: 100%; margin-bottom: 3em; }
aside { width: 100%; max-width: 320px; margin: auto; }

@media (min-width: 768px) {
main { margin-top: -30px; }
main .contenido { flex-direction: row; }
article { flex: 2; margin: 0 1em 0 0; }
aside { flex: 1; min-width: 0; max-width: none; margin: 0; }
}

#news { max-width: 360px; font-size: 0; margin: 0 auto 1rem auto; }
#news .news-item { font-size: 1rem; display: inline-block; margin-bottom: 1em; }
#news .news-item a { display: block; background: #F8F8F8; padding-bottom: 2em; position: relative; }
#news .news-item .head { position: relative; margin-bottom: 0.5em; }
#news .news-item time { position: absolute; background: #8185E6; color: #FFF; font-size: 0.7em; padding: 0.4em 1em; left: -3px; bottom: -0.7em; }
#news .news-item time:after { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 1.8em solid #8185E6; border-right: 0.9em solid transparent; }
#news .news-item img { width: 100%; height: auto; }
#news .news-item .txt { padding: 1em; }
#news .news-item h3, #news .news-item h4 { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
#news .news-item h3 { font-size: 1.1em; line-height: 1.1em; margin-bottom: 0.5em; }
#news .news-item h4 { font-size: 0.8em; margin-bottom: 0.3em; color: #0079B9; }
#news .news-item p { font-size: 0.8em; line-height: 1.2em; margin-bottom: 1em; position: relative; width: 100%; max-height: 3.6em; line-height: 1.2em; overflow: hidden; }
/* #news .news-item p::after { content: "..."; position: absolute; right: 0; bottom: 0; } */
/* #news .news-item p .text-concat { position: relative; display: inline-block; word-wrap: break-word; overflow: hidden; max-height: 3.6em; line-height: 1.2em; text-align:justify; padding-right: 10px; } */
#news .news-item ul li { display: inline-block; margin: 0 0.2em 0.3em 0; }
#news .news-item ul li span { display: block; font-size: 0.7em; color: #666; background: #EFEFEF; padding: 0.3em 1em 0.5em 1em; border-radius: 1em; }
/* #news .news-item ul li span:hover { background: #333; color: #EEE; } */
#news .news-item .mas { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; display: block; color: #FFF; font-size: 0.8em; padding: 0.4em 1em 0.3em 1em; background: #888; position: absolute; right: -3px; bottom: 1em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#news .news-item .mas:after { content: ""; position: absolute; right: 100%; top: 0; width: 0; height: 0; border-top: 1.6em solid #888; border-left: 0.9em solid transparent; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
#news .news-item a:hover .mas { background: #49B3FF; }
#news .news-item a:hover .mas:after { border-top-color: #49B3FF; }

@media (min-width: 600px) {
#news { max-width: none; }
#news .news-item { width: 48.5%; margin-right: 3%; }
#news .news-item:nth-child(2n) { margin-right: 0; }
}

@media (min-width: 1000px) {
article { flex: 3; }
#news .news-item { width: 32%; margin-right: 2%!important; }
#news .news-item:nth-child(3n) { margin-right: 0!important; }
}

#paginacion { text-align: right; }
#paginacion li { display: inline-block; }
#paginacion li a { background: #EEE; display: block; font-size: 0.8em; padding: 0.75em 1.25em; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; border-radius: 0.2em; color: #666; }
#paginacion li a:hover { background: #00935C; color: #FFF; }
#paginacion a.sel { background: #0079B9!important; color: #FFF; }
#paginacion a span { font-size: 0.8em; }
#paginacion a .fa-chevron-left { margin-right: 0.4em; }
#paginacion a .fa-chevron-right { margin-left: 0.4em; }


aside audio { width: 100%; height: 30px; margin-bottom: 0.2em; }
aside .note { font-size: 0.7em; margin-bottom: 2em; text-align: center; color: #666; }

.text-box { background: #F5F5F5; margin-bottom: 2em; text-transform: uppercase; font-size: 0.7em; line-height: 1.5em; padding: 1em; }


/*-----------------------------------------------------------------*/
/*-- HOME --------------------------------------------------------*/
#hom main .contenido { padding-top: 0; }
#hom .slides { background: #000; }
#hom .slides li img { height: auto; }
#hom .slides li a { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#hom .slides li .content { background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, #000)); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, #000 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, #000 100%); position: absolute; bottom: 0; width: 100%; }
#hom .slides li .wrapper { display: flex; flex-direction: column; align-items: flex-start; }


#hom .slides li span { position: relative; font-size: 0.9em; padding: 0.4em 1em 0.35em 0.75em; display: inline-block; font-weight: 400; text-transform: uppercase; color: #FFF; background: #8185E6; background: -moz-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #8185E6), color-stop(25%, #2999ED), color-stop(100%, #49B3FF)); background: -webkit-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: -o-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: -ms-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: linear-gradient(to right, #8185E6 0%, #2999ED 25%, #49B3FF 100%); }

#hom .slides li span:after { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 1.7em solid #49B3FF; border-right: 0.95em solid transparent; }
#hom .slides li h3 { /*background: url("../images/slider-content.png") no-repeat bottom right; background-size: contain; margin-right: 40px; */ text-transform: uppercase; font-weight: 300; font-size: 2.5em; line-height: 1em; display: inline-block; padding: 0.4em 1em 0.5em 0.8rem; color: #FFF; max-width: 360px; }

#hom .slides .owl-dots { position: absolute; right: 1em; bottom: 1.5em; }
#hom .slides .owl-dots .owl-dot { width: 0.8em; height: 0.8em; border: 1px solid rgba(255,255,255,0.4); background: rgba(255,255,255,0.3); border-radius: 50%; margin-left: 0.4em; }
#hom .slides .owl-dots .owl-dot.active { background: #49B3FF; }
#hom .slides li h3 em { line-height: 1.2em; font-style: normal; background: rgba(0, 0, 0, 0.8); box-decoration-break: clone; box-shadow: 0.75rem 0 0 rgba(0, 0, 0, 0.8), -0.75rem 0 0 rgba(0, 0, 0, 0.8); }

#hom aside { max-width: 300px; }

@media (min-width: 600px) {
#hom .slides li h3 { font-size: 2.75em; }
#hom .slides li span { font-size: 0.9em; }
}

@media (min-width: 768px) {
#hom .slides li h3 { font-size: 3em; max-width: 700px; }
#hom article { flex: 1; }
#hom aside { width: 300px; }
}

@media (min-width: 1000px) {
#hom .slides li h3 { font-size: 3.2em; }
}



/*-----------------------------------------------------------------*/
/*-- ITERIOR -----------------------------------------------------*/
.title-container { padding-top: 4em; background: url("../images/pasto.jpg") no-repeat; background-size: cover; }
.title-container .content { background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.3))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%); }
.title-container .wrapper { display: flex; flex-direction: column; align-items: flex-start; }
.title-container span { position: relative; font-size: 0.9em; padding: 0.4em 1em 0.35em 0.75em; display: inline-block; font-weight: 400; text-transform: uppercase; color: #FFF; background: #8185E6; background: -moz-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #8185E6), color-stop(25%, #2999ED), color-stop(100%, #49B3FF)); background: -webkit-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: -o-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: -ms-linear-gradient(left, #8185E6 0%, #2999ED 25%, #49B3FF 100%); background: linear-gradient(to right, #8185E6 0%, #2999ED 25%, #49B3FF 100%); }
.title-container span:after { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 1.7em solid #49B3FF; border-right: 0.95em solid transparent; }
.title-container h3 { font-weight: 300; font-size: 1.8em; line-height: 1.1em; background: url("../images/slider-content.png") no-repeat bottom right; background-size: contain; display: inline-block; padding: 0.4em 2em 0.5em 0; color: #FFF; max-width: 900px; margin-right: 20px; }

.title-container h3 span { position: relative; font-size: inherit; padding: 0; display: inline-block; font-weight: 300; text-transform: none; background: none; display: block; padding-left: 1.5em; }
.title-container h3 span:after { content: none; }
.title-container h3 span:first-child { margin: 0.8em 0 0.3em 0; }
.title-container h3 span img { width: 1.1em; position: absolute; top: 0; left: 0; }



#torneo .title-container h3 { display: flex; justify-content: center; align-items: center; }
#torneo article h3 { font-size: 2.4em; margin-bottom: 1em; font-weight: 300; }
#torneo article .banners-section { margin-bottom: 2em; }
#torneo article h4 { font-size: 2em; margin-bottom: 0.75em; font-weight: 300; color: #666; }

#torneo article table { font-size: 1em; width: 100%; margin-bottom: 2em; font-weight: 300; }
#torneo article table th, #torneo article table td { text-align: right; vertical-align: middle; padding: 0.5em; }
#torneo article table th { font-weight: 400; }
#torneo article table .left { text-align: left; }
#torneo article table tr:nth-child(odd) { background: #F5F5F5; }
#torneo article table tr.clasif { background: #F1F2FB; border-bottom: 1px solid #e8eaff; }
#torneo article table thead tr { color: #FFF; }
#torneo article table abbr { text-decoration: none; }
#torneo article table img { width: 1.5em; vertical-align: middle; height: auto; margin-right: 0.5em; }
#torneo article table .team { font-weight: 700; width: 50%; }
#torneo article table .strong { font-weight: 700; }

#torneo article .partidos { margin-bottom: 3em; }
#torneo article .partidos .ac-header { font-weight: 700; }
#torneo article .partidos .ac-header .fa { font-size: 0.9em; margin-right: 0.4em; }
#torneo article .partidos .ac-header .open .fa:before { content: "\f077"; }
#torneo article .partidos ul { margin-top: 1.5em; }
#torneo article .partidos li { margin-bottom: 0.25em; }
#torneo article .partidos li a, #torneo article .partidos li .match { background: #F5F5F5; display: flex; flex-direction: column; width: 100%; padding: 0.5em; position: relative; border-radius: 0.3em; }
#torneo article .partidos li a:hover { background: #EFEFEF; }
#torneo article .partidos .ac-contenido a::before, #torneo article .partidos .ac-contenido .match::before { content: "-"; position: absolute; width: 100%; text-align: center; left: 0; top: 1.1em; }
#torneo article .partidos .next::before { content: "vs."!important; font-weight: bold;
  color: #0079B9;
 }
#torneo article .partidos .equipo { font-size: 1em; height: 30px; display: flex; width: 50%; padding: 0 0.4em; float: left; }
#torneo article .partidos .equipo img { width: 1.8em; }
#torneo article .partidos .equipo div { display: flex; align-items: center; }
#torneo article .partidos .equipo .nom { flex: 1; }
#torneo article .partidos .equipo .res { width: 1.8em; font-size: 1.1em; font-weight: bold; color: #0079B9; }
#torneo article .partidos .next .equipo .res { width: 1em; }

#torneo article .partidos .equipo.loc { position: relative; }
#torneo article .partidos .equipo.loc .nom { justify-content: flex-end; padding-right: 0.4em; }
#torneo article .partidos .equipo.loc .res { justify-content: flex-end; }
#torneo article .partidos .equipo.loc .esc { justify-content: flex-end; }
#torneo article .partidos .equipo.vis .res { justify-content: flex-start; }
#torneo article .partidos .equipo.vis .esc { justify-content: flex-start; }
#torneo article .partidos .equipo.vis .nom { justify-content: flex-start; text-align: left; padding-left: 0.4em; }

#torneo article .partidos .data { font-size: 0.8em; line-height: 1.1em; color: #666; width: 100%; padding-top: 1em; clear: both; text-align: center; }
#torneo article .partidos .data time { display: block; margin-bottom: 0.2em; }

@media (min-width: 600px) {
/* #torneo article .partidos li a { flex-direction: row-reverse; padding: 1em; }
#torneo article .partidos li a .data { flex: 1; text-align: left; padding: 0; }
#torneo article .partidos li a .equipos { flex: 3; } */
}

@media (min-width: 768px) {
#torneo article .partidos li a .data, #torneo article .partidos li .match .data { font-size: 0.7em; padding-top: 1.5em; }
#torneo article .partidos li a .equipos, #torneo article .partidos li .match .equipos { font-size: 1.2em; }
#torneo article .partidos .ac-contenido a::before { top: 0.9em; }
}

#torneo.wc2019 .title-container h3 img { width: 2em; margin-right: 0.5em; }
#torneo.wc2019 article table.grupoA thead tr { background: #006098; background: -moz-linear-gradient(left, #006098 0%, #54C8E8 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #006098), color-stop(100%, #54C8E8)); background: -webkit-linear-gradient(left, #006098 0%, #54C8E8 100%); background: -o-linear-gradient(left, #006098 0%, #54C8E8 100%); background: -ms-linear-gradient(left, #006098 0%, #54C8E8 100%); background: linear-gradient(to right, #006098 0%, #54C8E8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006098', endColorstr='#54C8E8', GradientType=1 ); }
#torneo.wc2019 article table.grupoB thead tr { background: #AA182C; background: -moz-linear-gradient(left, #AA182C 0%, #F4436C 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #AA182C), color-stop(100%, #F4436C)); background: -webkit-linear-gradient(left, #AA182C 0%, #F4436C 100%); background: -o-linear-gradient(left, #AA182C 0%, #F4436C 100%); background: -ms-linear-gradient(left, #AA182C 0%, #F4436C 100%); background: linear-gradient(to right, #AA182C 0%, #F4436C 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#AA182C', endColorstr='#F4436C', GradientType=1 ); }
#torneo.wc2019 article table.grupoC thead tr { background: #00837B; background: -moz-linear-gradient(left, #00837B 0%, #2ED9C3 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #00837B), color-stop(100%, #2ED9C3)); background: -webkit-linear-gradient(left, #00837B 0%, #2ED9C3 100%); background: -o-linear-gradient(left, #00837B 0%, #2ED9C3 100%); background: -ms-linear-gradient(left, #00837B 0%, #2ED9C3 100%); background: linear-gradient(to right, #00837B 0%, #2ED9C3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00837B', endColorstr='#2ED9C3', GradientType=1 ); }
#torneo.wc2019 article table.grupoD thead tr { background: #490E67; background: -moz-linear-gradient(left, #490E67 0%, #993DBB 100%); background: -webkit-gradient(left top, right top, color-stop(0%, #490E67), color-stop(100%, #993DBB)); background: -webkit-linear-gradient(left, #490E67 0%, #993DBB 100%); background: -o-linear-gradient(left, #490E67 0%, #993DBB 100%); background: -ms-linear-gradient(left, #490E67 0%, #993DBB 100%); background: linear-gradient(to right, #490E67 0%, #993DBB 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490E67', endColorstr='#993DBB', GradientType=1 ); }
#torneo.wc2019 article .partidos.grupoA .ac-header .fa { color: #54C8E8; }
#torneo.wc2019 article .partidos.grupoB .ac-header .fa { color: #F4436C; }
#torneo.wc2019 article .partidos.grupoC .ac-header .fa { color: #2ED9C3; }
#torneo.wc2019 article .partidos.grupoD .ac-header .fa { color: #993DBB; }


#torneo.wc2023 .title-container h3 img { width: 2em; margin-right: 0.5em; }
#torneo.wc2023 article table.grupoA thead tr { background: #78DCAA; background: linear-gradient(90deg, #5BA881 0%, #78DCAA 100%); }
#torneo.wc2023 article table.grupoB thead tr { background: #CD73D7; background: linear-gradient(90deg, #B565BE 0%, #CD73D7 100%); }
#torneo.wc2023 article table.grupoC thead tr { background: #50C8E6; background: linear-gradient(90deg, #43A2BA 0%, #50C8E6 100%); }
#torneo.wc2023 article table.grupoD thead tr { background: #FF5573; background: linear-gradient(90deg, #D24861 0%, #FF5573 100%); }
#torneo.wc2023 article .partidos.grupoA .ac-header .fa { color: #78DCAA; }
#torneo.wc2023 article .partidos.grupoB .ac-header .fa { color: #CD73D7; }
#torneo.wc2023 article .partidos.grupoC .ac-header .fa { color: #50C8E6; }
#torneo.wc2023 article .partidos.grupoD .ac-header .fa { color: #FF5573; }













.tournament-bracket-container { background: url("../images/torneo-back.jpg") no-repeat; background-position: center; background-size: cover; padding: 1em; position: relative; }


.tournament-bracket-container .logo { display: none; }

.tournament-bracket {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.tournament-bracket__round {
  display: flex;
  flex-direction: column;
  margin-left: -2px;
  flex: 1;
  position: relative;
}
.tournament-bracket__match { width: 100%; }
#torneo .tournament-bracket h3 {
  font-size: 1.5em;
  font-weight: 400;
  text-align: center;
  margin-bottom: 1em;
  color: #FFF;
}
@media (min-width: 600px) {
  .tournament-bracket-container .logo { display: block; position: absolute; top: 1em; right: 1em; height: auto; width: 5em; }
  #torneo .tournament-bracket h3 {
    display: none;
  }


  .tournament-bracket {
    flex-direction: row;
  }
}
.tournament-bracket__list {
  display: flex;
  flex-direction: column;
  flex-flow: row wrap;
  justify-content: center;
  height: 100%;
  min-height: 100%;
  border-bottom: 1px dotted #FFF;
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
}
@media (max-width: 24em) {
  .tournament-bracket__list {
    padding-bottom: 1em;
    margin-bottom: 1em;
  }
}


.tournament-bracket__round:last-child .tournament-bracket__list {
  border: 0;
  margin-bottom: 0; padding-bottom: 0;
}

.tournament-bracket__list.tercer {
  border-bottom: 1px dotted #FFF!important;
  padding-bottom: 1.5em!important;
  margin-bottom: 1.5em!important;
  }
  
.tournament-bracket__match h3 { display: none; }

@media (min-width: 600px) {
  .tournament-bracket__list {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }

  .tournament-bracket__list.tercer { position: absolute; bottom: 0; display: block; height: auto; min-height: 0; border-bottom: none!important;
    padding-bottom: 0!important;
    margin-bottom: 0!important; z-index: 10; }
  .tournament-bracket__list.tercer .tournament-bracket__match::before, .tournament-bracket__list.tercer .tournament-bracket__match::after { border: none; }

  /* #torneo .tournament-bracket__match h3 { display: block; color: #0079B9; font-size: 1em; margin-bottom: 0.5em; } */
}




.tournament-bracket__item {
  display: flex;
  flex: 0 1 auto;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  margin-bottom: 0.25em;
}


.tournament-bracket__list.final .tournament-bracket__item a, .tournament-bracket__list.final .tournament-bracket__item .match { -webkit-box-shadow: 0px 0px 10px 3px rgba(255,201,25,1);
  -moz-box-shadow: 0px 0px 10px 3px rgba(255,201,25,1);
  box-shadow: 0px 0px 10px 3px rgba(255,201,25,1); }

.tournament-bracket__item a, .tournament-bracket__item .match { background: #F5F5F5; display: flex; flex-direction: column; width: 100%; padding: 0.75em; position: relative; border-radius: 0.3em; }
.tournament-bracket__item a:hover { background: #EFEFEF; }
.tournament-bracket__item a::before, .tournament-bracket__item .match::before { content: "-"; position: absolute; width: 100%; text-align: center; left: 0; top: 1.3em; }
.tournament-bracket__item .next::before { content: "vs."; }


.tournament-bracket__item .equipo { font-size: 1em; height: 30px; display: flex; flex-direction: row; width: 50%; padding: 0 0.4em; float: left; }
.tournament-bracket__item .equipo img { width: 1.8em; }
.tournament-bracket__item .equipo div { display: flex; align-items: center; }
.tournament-bracket__item .equipo .nom { flex: 1; }
.tournament-bracket__item .equipo .res { width: 1.8em; font-size: 1.1em; font-weight: bold; color: #0079B9; }
.tournament-bracket__item .next .equipo .res { width: 1em; }

.tournament-bracket__item .equipo.loc { position: relative; }
.tournament-bracket__item .equipo.loc .nom { justify-content: flex-end; text-align: right; padding-right: 0.4em; }
.tournament-bracket__item .equipo.loc .res { justify-content: flex-end; }
.tournament-bracket__item .equipo.loc .esc { justify-content: flex-end; }
.tournament-bracket__item .equipo.vis .res { justify-content: flex-start; }
.tournament-bracket__item .equipo.vis .esc { justify-content: flex-start; }
.tournament-bracket__item .equipo.vis .nom { justify-content: flex-start; text-align: left; padding-left: 0.4em; }

.tournament-bracket__item .data { font-size: 0.8em; line-height: 1.1em; color: #666; width: 100%; padding-top: 1em; clear: both; text-align: center; }
.tournament-bracket__item .data time { display: block; margin-bottom: 0.2em; }

@media (min-width: 600px) {
.tournament-bracket__item .equipo { width: 100%; }
.tournament-bracket__item a::before, .tournament-bracket__item .match::before { display: none; }

.tournament-bracket__item .equipo { padding: 0; }
.tournament-bracket__item .equipo.loc { margin-bottom: 0.5em; }
.tournament-bracket__item .equipo .esc { order: 1!important; }
.tournament-bracket__item .equipo .nom { order: 2!important; justify-content: flex-start!important; text-align: left!important; padding: 0 0 0 0.4em!important; line-height: 1.1em; }
.tournament-bracket__item .equipo .res { width: 2em!important; order: 3!important; justify-content: flex-end!important; }
}

@media (min-width: 768px) {
.tournament-bracket__item a .data, .tournament-bracket__item .match .data { font-size: 0.7em; padding-top: 1em; }
.tournament-bracket__item a .equipos, .tournament-bracket__item .match .equipos { font-size: 1.2em; }
.tournament-bracket__item .equipo { font-size: 0.75em; }
}


@media (max-width: 24em) {
  .tournament-bracket__item {
    width: 100%;
  }
  .tournament-bracket__item:nth-child(odd),
  .tournament-bracket__item:nth-child(even) {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 600px) {
  .tournament-bracket__item {
    padding: 0.5em 1em;
    width: 100%;
  }
  .tournament-bracket__item:nth-child(odd),
  .tournament-bracket__item:nth-child(even) {
    margin: 0;
  }
  .tournament-bracket__item::after {
    position: absolute;
    right: 0;
    content: '';
    display: block;
    width: 1em;
    height: 45%;
    border-right: 2px solid #FFF;
  }
  .tournament-bracket__item:nth-child(odd)::after {
    top: 50%;
    border-top: 2px solid #FFF;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  .tournament-bracket--rounded .tournament-bracket__item:nth-child(odd)::after {
    border-top-right-radius: 0.6em;
  }
  .tournament-bracket__item:nth-child(even)::after {
    bottom: 50%;
    border-bottom: 2px solid #FFF;
    -webkit-transform: translateY(1px);
            transform: translateY(1px);
  }
  .tournament-bracket--rounded .tournament-bracket__item:nth-child(even)::after {
    border-bottom-right-radius: 0.6em;
  }
  .tournament-bracket__round:first-child .tournament-bracket__item {
    padding-left: 0;
  }
  .tournament-bracket__round:last-child .tournament-bracket__item {
    padding-right: 0;
  }
  .tournament-bracket__round:last-child .tournament-bracket__item::after {
    display: none;
  }
}
@media (min-width: 72em) {
  .tournament-bracket__item {
    padding: 0.5em 1.5em;
  }
  .tournament-bracket__item::after {
    width: 1.5em;
  }
}


@media (min-width: 600px) {
  .tournament-bracket__match::before,
  .tournament-bracket__match::after {
    position: absolute;
    left: 0;
    z-index: 1;
    content: '';
    display: block;
    width: 1em;
    height: 10%;
    border-left: 2px solid #FFF;
  }
  .tournament-bracket__match::before {
    bottom: 50%;
    border-bottom: 2px solid #FFF;
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
  }
  .tournament-bracket--rounded .tournament-bracket__match::before {
    border-bottom-left-radius: 0.6em;
  }
  .tournament-bracket__match::after {
    top: 50%;
    border-top: 2px solid #FFF;
    -webkit-transform: translate(0, -1px);
            transform: translate(0, -1px);
  }
  .tournament-bracket--rounded .tournament-bracket__match::after {
    border-top-left-radius: 0.6em;
  }
}
@media (min-width: 72em) {
  .tournament-bracket__match::before,
  .tournament-bracket__match::after {
    width: 1.5em;
  }
  .tournament-bracket__match::before {
    -webkit-transform: translate(0, 1px);
            transform: translate(0, 1px);
  }
  .tournament-bracket__match::after {
    -webkit-transform: translate(0, -1px);
            transform: translate(0, -1px);
  }
}
.tournament-bracket__round:first-child .tournament-bracket__match::before,
.tournament-bracket__round:first-child .tournament-bracket__match::after {
  display: none;
}





#sta article h3 { font-weight: 400; font-size: 1.8em; margin-bottom: 1em; }

.staff-list { /*max-width: 220px;*/ margin: 0 auto 2rem auto; font-size: 0; text-align: left; }
.staff-list li { position: relative; width: 100%; margin-bottom: 2em; /*padding-bottom: 2em;*/ display: inline-block; font-size: 1rem; width: 48%; margin-right: 4%; }
.staff-list li:nth-child(2n) { margin-right: 0; }
.staff-list li .cv { display: none; padding-bottom: 1em; }
.staff-list li img { display: block; width: 100%; height: auto; margin-bottom: 1em; }
.staff-list li h4 { font-weight: 600; color: #333; font-size: 1.2em; line-height: 1.2em; margin-bottom: 0.3em; }
.staff-list li h5 { color: #0079B9; text-transform: uppercase; font-size: 0.8em; line-height: 1.2em; margin-bottom: 1em; }
.staff-list li p { color: #666; font-size: 0.8em; line-height: 1.5em; }
.staff-list li footer { padding: 0; text-align: left; margin-top: 1em; }
.staff-list li footer a { color: #CCC; display: inline-block; width: 2em; height: 2em; border: 1px solid #EEE; text-align: center; }
.staff-list li footer a i { line-height: 2em; }
.staff-list li footer a:hover { color: #FFF; border-color: #00935C; background: #00935C; }
.staff-list li .toggle-cv { display: inline-block; background: #8185E6; color: #FFF; border-radius: 3px; font-size: 0.85em; padding: 0.35em 1em 0.3em 0.5em; }
.staff-list li .toggle-cv:hover { background: #993DBB; }
.staff-list li .toggle-cv .fa { position: relative; top: 1px; font-size: 0.85em; margin-right: 0.2em; }
.staff-list li .toggle-cv .fa:before { content: "\f067"; }
.staff-list li .toggle-cv.open .fa:before { content: "\f068"; }

@media only screen and (min-width: 600px) {
.staff-list li { width: 32%; font-size: 0.9rem; margin-right: 2%!important; }
.staff-list li:nth-child(3n) { margin-right: 0!important; }
}

@media only screen and (min-width: 1000px) {
.staff-list li, .staff-list li:nth-child(3n) { width: 24%; margin-right: 1.333%!important; }
.staff-list li:nth-child(4n) { margin-right: 0!important; }
}





/* .videos-list { margin: 0 auto 2rem auto; font-size: 0; text-align: left; }
.videos-list li { position: relative; width: 100%; margin-bottom: 2em; display: inline-block; font-size: 1rem; width: 100%; }
.videos-list li:nth-child(2n) { margin-right: 0; }
.videos-list li img { display: block; width: 100%; height: auto; margin-bottom: 1em; }
.videos-list li h4 { font-weight: 600; color: #333; font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.3em; }
.videos-list li h5 { color: #0079B9; text-transform: uppercase; font-size: 0.8em; line-height: 1.2em; margin-bottom: 1em; }

@media only screen and (min-width: 480px) {
.videos-list li { width: 48%; font-size: 0.9rem; margin-right: 4%; }
.videos-list li:nth-child(2n) { margin-right: 0; }
}

@media only screen and (min-width: 600px) {
.videos-list li { width: 32%; font-size: 0.9rem; margin-right: 2%!important; }
.videos-list li:nth-child(3n) { margin-right: 0!important; }
} */



.videos-list { margin: 0 auto 2rem auto; display: grid; grid-gap: 1em; }
.videos-list li { position: relative; margin-bottom: 1em; }
.videos-list li img { display: block; width: 100%; height: auto; margin-bottom: 1em; }
.videos-list li h4 { font-weight: 600; color: #333; font-size: 1.1em; line-height: 1.2em; margin-bottom: 0.3em; }
.videos-list li h5 { color: #0079B9; text-transform: uppercase; font-size: 0.8em; line-height: 1.2em; }

@media only screen and (min-width: 480px) {
.videos-list { font-size: 0.9em; grid-template-columns: repeat(2, 1fr); }
/* .videos-list li { font-size: 0.9rem; grid-template-columns: repeat(2, 1fr); } */
}

@media only screen and (min-width: 600px) {
.videos-list.cols3 { grid-template-columns: repeat(3, 1fr); }
}





#notdet aside { max-width: 300px; }

@media only screen and (min-width: 768px) {
#notdet article { flex: 1; }
#notdet aside { width: 300px; }
}


.nov-det .main-img { width: 100%; height: auto; margin-bottom: 2em; }
.nov-det h4 { color: #2999ED; font-size: 1.3em; line-height: 1.3em; margin-bottom: 1em; font-weight: 400; }
.nov-det h5 { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 1.3em; line-height: 1.3em; margin: 2em 0 1em 0; font-weight: 700; }
.nov-det p, .nov-det ul { font-size: 1.2em; line-height: 1.3em; margin-bottom: 1em; }


.nov-det .nota-intro { background: #F3F3F3; margin-bottom: 2em; }
.nov-det .nota-intro .content { position: relative; padding: 1em; }
.nov-det .nota-intro h3 { background: #333; color: #FFF; padding: 0.75rem 1rem; font-size: 1.2em; line-height: 1.2em; }
.nov-det .nota-intro p { margin: 0; font-size: 0.9em; line-height: 1.5em; }
.nov-det .nota-intro img { display: block; float: left; width: 12em; height: auto; padding: 0 1em 0 0; }

.nov-det .nota-intro .links {display: flex; }
.nov-det .nota-intro .content .links { margin-top: 1em; }
.nov-det .nota-intro .links a { display: inline-block; background: #00935C; color: #EEE; font-size: 0.7em; line-height: 1.2em; padding: 0.8em 1.2em 0.75em 1.2em; border-radius: 2em; font-weight: 700; text-transform: uppercase; text-align: center; }
.nov-det .nota-intro .links a:hover { background: #007A4E ; }
.nov-det .nota-intro .links a span { padding-top: 0.15em; margin-right: 0.5em; color: #FFF; }

.nov-det .nota-intro .links a.azul { background: #0079B9; }
.nov-det .nota-intro .links a.azul:hover { background: #3B5998; }

.nov-det .nota-intro .footer { background: #DDD; padding: 0.5rem 1rem; }
.nov-det .nota-intro .footer .links { justify-content: flex-end; }

.nov-det .nota-intro .link-icon { display: flex; justify-content: flex-start; align-items: center; }
.nov-det .nota-intro .link-icon img { display: inline-block; position: relative; top: 0; left: 0; width: 20%; min-width: 100px; max-width: 150px; }
.nov-det .nota-intro .link-icon p { color: #006098; font-size: 1.2em; margin: 0; }

.nov-det .sponsor { position: relative; margin-bottom: 2em; }
.nov-det .sponsor .sponsor-img { display: block; width: 100%; height: auto; }
.nov-det .sponsor .sponsor-banner { display: block; position: absolute; bottom: 0; right: 0; width: 30%; height: auto; border-top-left-radius: 1em; }


@media (min-width: 768px) {
.nov-det .nota-intro .content { padding-left: 9em; }
.nov-det .nota-intro h3 { font-size: 1.1em; }
.nov-det .nota-intro p { font-size: 0.75em; }
.nov-det .nota-intro img { position: absolute; top: 1em; left: 1em; width: 8em; }
}


.nov-det .gal-links { margin-bottom: 2em; text-align: right; }
.nov-det .gal-links div { display: inline-block; }
.nov-det .gal-links a { display: inline-block; background: #333; color: #EEE; font-size: 0.8em; padding: 0.75em 1em; border-radius: 2em; }
.nov-det .gal-links a.link-img:hover { background: #00935C; }
.nov-det .gal-links a.link-vid:hover { background: #0079B9; }
.nov-det .gal-links a span { margin-right: 0.5em; color: #FFF; }

.nov-det .gals { margin: 2em 0; }
.nov-det .gals ul { font-size: 0; max-width: 400px; margin: auto; }
.nov-det .gals li { font-size: 1rem; display: inline-block; }
.nov-det .gals li img { display: block; width: 100%; height: auto; }
.nov-det .gals li a { position: relative; display: block; }
.nov-det .gals li a:before { border: 6px solid #0FD18A; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25,.46,.45,.94); z-index: 10; }
.nov-det .gals li a:hover:before { opacity: 1; }

.nov-det .gals li { width: 49%; margin: 0 2% 0.5em 0; }
.nov-det .gals li:nth-child(2n) { margin-right: 0; }


@media (min-width: 480px) {
.nov-det .gals ul { max-width: none; }
.nov-det .gals li { width: 32.666%; margin-right: 1%; }
.nov-det .gals li:nth-child(2n) { margin-right: 1%; }
.nov-det .gals li:nth-child(3n) { margin-right: 0; }
}

@media (min-width: 600px) {
.title-container h3 { font-size: 2em; }
.title-container span { font-size: 0.9em; }
}

@media (min-width: 768px) {
.nov-det h4, .nov-det h5 { font-size: 1.1em; }
.nov-det p, .nov-det ul { font-size: 0.9em; }

.nov-det .gals li { width: 24.25%; }
.nov-det .gals li:nth-child(3n) { margin-right: 1%; }
.nov-det .gals li:nth-child(4n) { margin-right: 0; }

.title-container h3 span:first-child { margin-top : 0.4em; }
}

@media (min-width: 1000px) {
.title-container h3 { font-size: 2.4em; }
.nov-det { padding-right: 110px; }
}

/*-- TAGS LIST ---------------------------------------------------*/
.tags-list { background: #333; }
.tags-list ul li { display: inline-block; margin: 0.4em 0.2em 0.4em 0; }
.tags-list ul li a { display: block; font-size: 0.7em; color: #FFF; background: #666; padding: 0.5em 1em; border-radius: 1em; }
.tags-list ul li a:hover { background: #2999ED; color: #EEE; }




/*-----------------------------------------------------------------*/
/*-- NUESTRA HISTORIA --------------------------------------------*/
#his .title-container h3 { font-size: 2.6em; }

#his article .main-img { width: 100%; height: auto; margin-bottom: 2em; }
#his article h4 { color: #2999ED; font-size: 1.3em; line-height: 1.3em; margin-bottom: 1em; font-weight: 400; }
#his article h5 { font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 1.3em; line-height: 1.3em; margin: 2em 0 1em 0; font-weight: 700; }
#his article p, #his article ul { font-size: 1.1em; line-height: 1.3em; margin-bottom: 1em; }
#his article ul { margin-bottom: 2em; padding-left: 1em; list-style: disc; }
#his article blockquote { font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-size: 1.4em; line-height: 1.4em; color: #00935C; margin: 2em 0; text-align: center; }

@media (min-width: 600px) {
#his .title-container h3 { font-size: 3em; }
}

@media (min-width: 768px) {
#his article h4, #his article h5 { font-size: 1.1em; }
#his article p, #his article ul { font-size: 0.9em; }
#his article .cols:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#his article .cols li { float: left; width: 48%; }
}

@media (min-width: 1000px) {
#his .title-container h3 { font-size: 3.4em; }
#his article { padding-right: 150px; }
}


/*-----------------------------------------------------------------*/
/*-- FOOTER ------------------------------------------------------*/
footer .gradient { height: 8px; }
footer .sponsors { background: #F8F8F8; padding-top: 2em; }
footer .sponsors ul { text-align: center; width: 80%; margin: 0 auto -3% auto; }
footer .sponsors ul li { display: inline-block; }
footer .sponsors ul li a { display: block; }
footer .sponsors ul li img { margin: auto; width: 80%!important; }
footer .sponsors .owl-nav { position: absolute; top: 50%; width: 100%; }
footer .sponsors .owl-prev, footer .sponsors .owl-next { position: absolute; font-size: 2em!important; margin-top: -0.5em; }
footer .sponsors .owl-prev { left: 0; }
footer .sponsors .owl-next { right: 0; }
footer .sponsors .owl-nav .fa { color: #0079B9; }
footer .boxes { background: #EEE; overflow: hidden; }
footer .boxes .divisor { width: 100%; height: auto; margin-bottom: 2em; }
footer .boxes h3 { background: #333; color: #FFF; text-transform: uppercase; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 1em; padding: 0.5em 2em 0.4em 0.5em; margin-bottom: 2em; position: relative; }
footer .boxes h3:after { content: ""; position: absolute; left: 100%; top: 0; width: 0; height: 0; border-top: 1.9em solid #CCC; border-right: 0.95em solid transparent; }
footer .box { margin-bottom: 2.5em; }
footer .box.radio h3 { background:  #0079B9; }
footer .box.radio h3:after { border-top-color: #0079B9; }
footer .box.radio a { display: flex; flex-direction: row; align-items: center; }
footer .box.radio img { margin-right: 2em; width: 120px; height: auto; }
footer .box.radio p { font-size: 0.9em; line-height: 1.2em; max-width: 300px; }
footer .box.radio span { color: #0079B9; }
footer .box.news { display: none; }
footer .box.mapa h3 { background:  #8185E6; }
footer .box.mapa h3:after { border-top-color: #8185E6; }
footer .box.mapa .list { column-count: 2; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; font-size: 0.95em; }
footer .box.mapa .list > li:last-child { -webkit-column-break-before: always; break-before: column; }
footer .box.mapa .list ul { margin: 1em 0 1.75em 0; font-family: 'Lato', sans-serif; font-size: 0.9em; text-transform: none; }
footer .box.mapa .list ul li { margin-bottom: 0.5em; }
footer .box.mapa .list a:hover { text-decoration: underline; }
footer .legales { padding: 0.75em 0; background: #222; color: #CCC; text-align: center; }
footer .legales p { font-size: 0.75em; line-height: 1.2em; }
footer .legales p:first-child { margin-bottom: 0.4em; }

@media (min-width: 480px) {
footer .box.mapa .list { column-count: 3; }
footer .box.mapa .list > li { -webkit-column-break-before: always; break-before: column; }
}

@media (min-width: 600px) {
footer .sponsors ul { width: 90%; }
footer .box.radio a { flex-direction: column; align-items: flex-start; }
footer .box.radio img { margin: 0 0 0.5em 0; width: 150px; }
footer .box.radio p { font-size: 0.7em; }
footer .boxes .wrapper { display: flex; }
footer .boxes .radio, footer .boxes .mapa { flex: 1; padding-right: 3em; }
footer .boxes .box:last-child { padding: 0; }
footer .box.mapa .list { column-count: 2; }
footer .box.mapa .list > li:nth-child(2) { -webkit-column-break-before: avoid; break-before: avoid; }
}

@media (min-width: 768px) {
footer .sponsors ul { display: block; width: 100%; }
footer .sponsors ul li { width: 12%; margin: 0 2% 20px 2%; }
footer .sponsors ul li img { width: 90%!important; }
footer .boxes .news, footer .boxes .mapa { flex: 2; }
footer .boxes .news { padding-right: 5em; }
footer .box.news { display: block; }
footer .box.news h3 { background:  #00935C; }
footer .box.news h3:after { border-top-color: #00935C; }
footer .box.news ul { font-size: 0.8em; line-height: 1.2em; }
footer .box.news ul li a { padding: 0.75em 0; display: block; }
footer .box.news ul li a:hover { text-decoration: underline; }
footer .box.news ul li { border-bottom: 1px solid #00935C; }
footer .box.news ul li:first-child a { padding-top: 0; }
footer .legales { padding: 0.5em 0; }
footer .legales p { font-size: 0.65em; }
footer .legales p:first-child { margin: 0; float: left; }
footer .legales p:last-child { float: right; }
}

@media (min-width: 1000px) {
footer .sponsors ul { margin-bottom: -10%; }
footer .sponsors ul li { width: 11%; margin: 0 1.5% 25px 1.5%; }
footer .legales p { font-size: 0.75em; }
}

/*-----------------------------------------------------------------*/
/*-- PLUGINS -----------------------------------------------------*/

/* Owl Carousel v2.3.4 */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; touch-action: manipulation; -moz-backface-visibility: hidden; backface-visibility: hidden; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-item img { display: block; width: 100%; }
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; }
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .owl-carousel button.owl-dot { background: none; color: inherit; border: none; padding: 0 !important; font: inherit; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item { -ms-touch-action: pan-y; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-grab { cursor: move; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-height { transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }
.owl-carousel .owl-item .owl-lazy[src^=""], .owl-carousel .owl-item .owl-lazy:not([src]) { max-height: 0; }
.owl-carousel .owl-item img.owl-lazy { transform-style: preserve-3d; }

/* animate.css Version - 3.7.2 https://daneden.github.io/animate.css/ */
@-webkit-keyframes slideInUp {
from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@keyframes slideInUp {
from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; }
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@-webkit-keyframes slideOutUp {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}
@keyframes slideOutUp {
from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

@media (print), (prefers-reduced-motion: reduce) {
.animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; }
}


body.compensate-for-scrollbar { overflow: hidden; }
.fancybox-active { height: auto; }
.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden; }
.fancybox-container { -webkit-backface-visibility: hidden; height: 100%; left: 0; outline: none; position: fixed; -webkit-tap-highlight-color: transparent; top: 0; -ms-touch-action: manipulation; touch-action: manipulation; transform: translateZ(0); width: 100%; z-index: 99992; }
.fancybox-container * { box-sizing: border-box; }
.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0; }
.fancybox-outer { -webkit-overflow-scrolling: touch; overflow-y: auto; }
.fancybox-bg { background: rgb(30, 30, 30); opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71); }
.fancybox-is-open .fancybox-bg { opacity: .9; transition-timing-function: cubic-bezier(.22, .61, .36, 1); }
.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s ease, visibility 0s ease .25s; visibility: hidden; z-index: 99997; }
.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button { opacity: 1; transition: opacity .25s ease 0s, visibility 0s ease 0s; visibility: visible; }
.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.fancybox-toolbar { right: 0; top: 0; }
.fancybox-stage { direction: ltr; overflow: visible; transform: translateZ(0); z-index: 99994; }
.fancybox-is-open .fancybox-stage { overflow: hidden; }
.fancybox-slide { -webkit-backface-visibility: hidden; display: none; height: 100%; left: 0; outline: none; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; transition-property: transform, opacity; white-space: normal; width: 100%; z-index: 99994; }
.fancybox-slide::before { content: ''; display: inline-block; font-size: 0; height: 100%; vertical-align: middle; width: 0; }
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; }
.fancybox-slide--image { overflow: hidden; padding: 44px 0; }
.fancybox-slide--image::before { display: none; }
.fancybox-slide--html { padding: 6px; }

.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(.5, 0, .14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
  cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}

.fancybox-spaceball {
  z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}

.fancybox-slide--video .fancybox-content {
  background: #000;
}

.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}

.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}

.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}

.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

/* Buttons */

.fancybox-button {
  background: rgba(30, 30, 30, .6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}

.fancybox-button:hover {
  color: #fff;
}

.fancybox-button:focus {
  outline: none;
}

.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}

/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}

.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}

.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}

.fancybox-progress {
  background: #0FD18A;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}

.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}

.fancybox-navigation .fancybox-button div {
  padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
  background: linear-gradient(to top,
      rgba(0, 0, 0, .85) 0%,
      rgba(0, 0, 0, .3) 50%,
      rgba(0, 0, 0, .15) 65%,
      rgba(0, 0, 0, .075) 75.5%,
      rgba(0, 0, 0, .037) 82.85%,
      rgba(0, 0, 0, .019) 88%,
      rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}

@supports (padding: max(0px)) {
  .fancybox-caption {
      padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}

.fancybox-caption--separate {
  margin-top: -50px;
}

.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}

.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}

@keyframes fancybox-rotate {
  100% {
      transform: rotate(360deg);
  }
}

/* Transition effects */

.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
      padding-left: 6px;
      padding-right: 6px;
  }

  .fancybox-slide--image {
      padding: 6px 0;
  }

  .fancybox-close-small {
      right: -6px;
  }

  .fancybox-slide--image .fancybox-close-small {
      background: #4e4e4e;
      color: #f2f4f6;
      height: 36px;
      opacity: 1;
      padding: 6px;
      right: 0;
      top: 0;
      width: 36px;
  }

  .fancybox-caption {
      padding-left: 12px;
      padding-right: 12px;
  }

  @supports (padding: max(0px)) {
      .fancybox-caption {
          padding-left: max(12px, env(safe-area-inset-left));
          padding-right: max(12px, env(safe-area-inset-right));
      }
  }
}
/* Share */
.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center; }
.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px 0; }
.fancybox-share p { margin: 0; padding: 0; }
.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px 5px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; }
.fancybox-share__button:visited, .fancybox-share__button:link { color: #fff; }
.fancybox-share__button:hover { text-decoration: none; }
.fancybox-share__button--fb { background: #3b5998; }
.fancybox-share__button--fb:hover { background: #344e86; }
.fancybox-share__button--pt { background: #bd081d; }
.fancybox-share__button--pt:hover { background: #aa0719; }
.fancybox-share__button--tw { background: #1da1f2; }
.fancybox-share__button--tw:hover { background: #0d95e8; }
.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px; }
.fancybox-share__button svg path { fill: #fff; }
.fancybox-share__input { background: transparent; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0 0; outline: none; padding: 10px 15px; width: 100%; }
/* Thumbs */
.fancybox-thumbs { background: #ddd; bottom: 0; display: none; margin: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px 2px; position: absolute; right: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 0; width: 212px; z-index: 99995; }
.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden; }
.fancybox-show-thumbs .fancybox-thumbs { display: block; }
.fancybox-show-thumbs .fancybox-inner { right: 212px; }
.fancybox-thumbs__list { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100%; }
.fancybox-thumbs-x .fancybox-thumbs__list { overflow: hidden; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar { width: 7px; }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); }
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; }
.fancybox-thumbs__list a { -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0, 0, 0, .1); background-position: center center; background-repeat: no-repeat; background-size: cover; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: none; overflow: hidden; padding: 0; position: relative; -webkit-tap-highlight-color: transparent; width: 100px; }
.fancybox-thumbs__list a::before { border: 6px solid #0FD18A; bottom: 0; content: ''; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991; }
.fancybox-thumbs__list a:focus::before { opacity: .5; }
.fancybox-thumbs__list a.fancybox-thumbs-active::before { opacity: 1; }

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
.fancybox-thumbs { width: 110px; }
.fancybox-show-thumbs .fancybox-inner { right: 110px; }
.fancybox-thumbs__list a { max-width: calc(100% - 10px); }
}