:root{
	--bs-cyan: #3297cf;
	--bs-blue:#013856;
	--bs-red:#d5382f;
	--bs-light-blue:#cee5f3;
	--bs-light-cyan: #79c4d7;
}
body{font-family: 'DM Sans', sans-serif;}
a, a:hover{color: var(--bs-cyan);}

/*header*/
.bg-dark{background:#363636;}
.navbar-dark .navbar-nav .nav-link{color:#fff;}
a.dropdown-item[href='#'], #sidebar .dropdown-menu.show a.dropdown-item[href='#']{ color:#6c757d; cursor:not-allowed; opacity:0.5}
.nav-primary{background: var(--bs-cyan)} 
.logo-text{color:#fff;width:175px; letter-spacing:0.5px; font-weight:bold;font-size:13px; line-height:16px}

header .nav-transparent {z-index:1}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active{position:relative;font-weight:600; color: #ffffff;}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link.active:before{
   content: "";
    position: absolute;
    bottom: -18px;
    width: 100%;
    height: 7px;
    background: #ffffff;
	
    left: 0;
    margin: 0 auto;
    right: 0;
	border:none;
}


.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
    color: #ffffff;
	position: relative;
}
.navbar-dark .navbar-nav .nav-link:hover:before{content:""; position:absolute; width:Calc(100% - 1rem); height:7px; background:#fff; bottom:-18px}
.btn-light{color:#353535;}
.btn-light:hover{background:transparent; border:1px solid #fff; color:#fff;}
header .btn-big{border-radius:150px; padding:0.5em; min-width:120px;  display: flex;align-items: center;justify-content: center; height:40px}


.h1-title{font-size:30px;font-weight:700;color:var(--bs-blue);}
.h2-title-sub{font-size:22px;font-weight:700;position:relative;}
.h2-title{font-size:26px;font-weight:700;}
.black{font-weight:700}
.light{font-weight:400}
footer {
    background: #434343;
	z-index:1;
	position:relative;
	color:#fff;
	
}
footer .border-top, footer .border-bottom{border-color:#585757!important}
#content{
	    min-height: Calc(100vh - 76px)!important;
		display:flex;
    flex-direction: column !important;
    justify-content: space-between !important;
}

footer a{text-decoration:none;color:#fff}
footer a:hover{text-decoration:none}
.sidebarCollapse{height:40px; border:1px solid #fff;}
.sidebarCollapse:focus {box-shadow:none}
#dashboard .dropdown-menu {
    border: none;
    border-bottom: 8px solid var(--bs-blue);
    border-radius: 0;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
#dashboard .dropdown-menu li a{ display:flex; align-items:center; color:var(--bs-cyan);}
#dashboard .dropdown-menu li a:hover, #dashboard .dropdown-menu li a:focus{color:var(--bs-cyan);background-color: #e5f2ff; }

#dashboard .dropdown-item.active, #dashboard .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #e5f2ff;
}
.alert-two-lines{display:flex; line-height:1.2em}

/*breadcrumbs*/
.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
}
.breadcrumb-item  a {text-decoration:none;}
.breadcrumb-item  a:hover{text-decoration:underline}
.no-radius{border-radius:0}

.card-club{box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.20);
    -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.20);
}
.card-club .logo{ width:52px; height:52px; margin-right:10px}
.card-club h2{font-size:16px; font-weight:700; margin-bottom:0}

.card-club .link{ padding:0px 0 5px 0; text-decoration:none;line-height: 17px;}

.cover-bg{
	width: 100%;
	height: 100px;
	object-fit: cover;
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
}
.card-shadow-club{
	border: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
	border-bottom-left-radius: 0rem !important;
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0rem !important;
}
.club-bg{background: #e0eafb; border-radius: 0.5rem;padding: 20px; margin-top:20px}
.year-bg{background: #e0eafb; border-radius: 0.5rem;padding: 20px; margin-top:20px}
.no-underline{text-decoration:none}
.no-underline:hover{text-decoration:underline;}
.logo-small{width:40px;height:40px}
.form-select-outline{ border:1px solid var(--bs-cyan)!important; border-radius:150px; background-color:transparent!important; filter: invert(53%) sepia(95%) saturate(350%) hue-rotate(158deg) brightness(82%) contrast(97%);}

/*forms*/
#form label[for=password_confirmation] {letter-spacing:-0.2px}
#form label[for=name] {letter-spacing:-0.3px}
#form #slug{width:100px;text-transform: uppercase;}
#form #initials{width:200px;}
label[for=inputNameLastName] {line-height:1.1em}
.form-control, .form-control:focus, .form-select, .fstdropdown>.fstselected{background-color:#f3f3f3;border-color: #d9dbdd;}
.form-control:focus{background-color: #f3f3f3;}
.form-control:focus, .form-select:focus, .form-check-input:focus {
    color: #212529;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(131, 197, 213, 0.5);
}
.col-form-label{color:#707070;line-height:1.2em}
.input-group-prepend {
    margin-right: -2px;
}
.prepend-social{width:214px;}
span.text-muted.h1{font-size:70%}
/*buttons*/
.btn-primary{background:var(--bs-blue);border-color:var(--bs-blue);transition: all 1s;}
.btn-primary:hover, .btn-primary:focus{
background: var(--bs-cyan);
  text-decoration: none;
  border-color: var(--bs-cyan);
}

#contact-form .btn-primary:hover, #contact-form .btn-primary:focus{
background: var(--bs-blue);
  text-decoration: none;
  border-color: var(--bs-blue);
}


.btn-dashboard, .btn-dashboard:hover {color:#fff}
.btn-dashboard:focus{box-shadow:none;}
/*.btn{border-radius:150px;}*/
.btn-link{color:var(--bs-cyan);}
.btn-light-cyan{ background: var(--bs-cyan);border-color:var(--bs-cyan);color:#fff;}
.btn-light-cyan:hover, .btn-light-cyan:focus{
background: #fff;
  text-decoration: none;
  border-color: #ffff;
  color:var(--bs-cyan);
}
.effect {
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.effect.effect-1 {
  transition: all 0.2s linear 0s;
}
.effect.effect-1:before {
  content: ">";
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 40px;
  transition: all 0.2s linear 0s;
}
/*.effect.effect-1:hover {
  text-indent: 20px;
}*/
.effect.effect-1:hover:before {
  opacity: 1;
  text-indent: 0px;
}
#sidebar {
display:none;
width: 100%;
    height: 100vh;
    background: #fff;
    color: #000;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    position: absolute;
	z-index:2;
	padding:20px;
	left:-100px;
	box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}
#sidebar.visible{display:block; transition: 1s;
    left: 0;
}
.hidden-y{height: Calc(100vh - 104px);overflow-y:hidden;}
.btn-login-close{width:30px; height:30px;  color:#fff; border:none; border-radius:150px; display:flex; justify-content:center; align-items:center; font-size:14px;text-decoration:none; opacity:1; cursor:pointer;
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23999'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; opacity:0.5 }
#sidebar .nav-link {color:#000; text-transform:uppercase; letter-spacing: 0.5px;    padding-left: 10px;}
#sidebar .nav-link:focus{background:#e9ecef}
#sidebar .dropdown-menu.show{position:relative!important;
transform: translate3d(0px, 0px, 0px)!important;
border:none;
}
#sidebar .dropdown-menu.show a.dropdown-item{color: var(--bs-cyan)}
#sidebar .dropdown-menu.show a.dropdown-item:active{color: var(--bs-cyan);background-color: #e9ecef;}
#carouselHome img {width: 300px; height: 337px; object-fit: cover;}
#carouselHome .carousel-caption{top:50%;
    transform: translateY(-50%);
	bottom: 0;
    padding: 0;
}

.bg-cyan{background: var(--bs-cyan)}
.bg-blue{background: var(--bs-blue)}
.bg-red{background: var(--bs-red)}
.bg-light-blue{background: var(--bs-light-blue)}
.text-blue{color:var(--bs-blue);}
.text-cyan{color:var(--bs-cyan);}
.text-light-blue{color:var(--bs-light-blue);}
.text-light-blue:hover, .text-light-blue:focus{color:#fff;}
.dash-bottom-cyan:after{    content: "";
    position: absolute;
    bottom: -7px;
    width: 24px;
    background: var(--bs-cyan);
    height: 5px;
    left: 0;}
a.news {color:#fff;text-decoration:none; }
a.news img{transition: transform .2s; }
a.news:hover img{  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
 }

/*.tag{font-size:14px; padding:5px 24px; font-weight:500; z-index:1; text-decoration:none; display: inline-block; }*/
.tag{font-size:14px; color:#fff; background: rgb(1,56,86);
  background: linear-gradient(45deg, rgba(1,56,86,1) 0%, rgba(50,151,207,1) 100%);padding:5px 24px; font-weight:500; z-index:1; text-decoration:none; display: inline-block; }
.tag:hover{color:#fff}
.tag.default{border:1px solid #e4e4e4; background:transparent; color:#000}
.tag.default:hover{background:#e8e8e8}
.carousel-inner .tag, .news-thumb-inside .tag, .news-thumb .tag{position:absolute;top:20px; left:0px;z-index:3}
.item-bold{background-color: #fff3cd; color:#000}

.dropdown-item.item-bold:hover, .dropdown-item.item-bold:focus, .dropdown-item.item-bold:active{background-color: #fff3cd;}
.news-thumb{width: 100%; height: 360px;overflow:hidden; position: relative; text-align:center;}
.news-thumb img{ width: auto!important; height: 360px; object-fit: cover; z-index:2;position: relative; }
.news-thumb .blur-bg{position:absolute; z-index:1;width:100%; height: 360px; top:0;filter: blur(10px); opacity: 0.3;}
.column-date{width:120px}
.shield{width:117px;height:117px;background:#fff;}

.news-inside{width: 100%; display: inline-table; text-decoration:none; height:100%}
.sidebar-news .news-inside{height:auto;}
.news-thumb-inside img{ width: 100%; height: 200px; object-fit: cover;}
.news-thumb-inside{height:200px; overflow:hidden; position:relative;}

.news-inside img{transition: transform .2s; }
.news-inside:hover img{  -ms-transform: scale(1.1); /* IE 9 */
  -webkit-transform: scale(1.1); /* Safari 3-8 */
  transform: scale(1.1); 
}
.news-inside:hover figure:before{content:"ver más"; width:50px; height:10px;bottom:0px;background:var(--bs-cyan); position:absolute; z-index:2}
 
.news-inside h2{font-size:22px;color:var(--bs-blue);font-weight:600;transition: all .2s;}
.news-inside:hover h2{color: var(--bs-cyan)}


.news-inside time {color:#999; }
.news-inside p {color:#999;font-size:14px;line-height: 19px;}

.zabuto-calendar__navigation{height:40px; }
.zabuto-calendar__navigation__item--header__title{text-transform:uppercase;font-weight:400;font-size:1.2em}

.zabuto-calendar a{text-decoration:none}
.zabuto-calendar tbody { padding-top: 5px; display: table-caption;}
.event-major {
border-color:var(--bs-cyan);
color:var(--bs-cyan);
}

.event-major:hover {
border-color:var(--bs-cyan);
background:var(--bs-cyan);
color:#fff;
}

.btn-info {
background: var(--bs-cyan);
border-color:var(--bs-cyan);
color:#fff;
}
.btn-info:hover, .btn-info:focus {
background: var(--bs-blue);
border-color:var(--bs-blue);
color:#fff;
}
.zabuto-calendar .btn {
	height:36px;
	width:36px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
	border-radius:150px
}
.zabuto-calendar [class^='btn']{border-width: 1px; position:relative;}
.zabuto-calendar .zabuto-calendar__day--today{
	background: var(--bs-cyan);
    font-weight: 600;
    border-radius: 150px;
    color: #fff;
	padding: 0px;
	outline: 2px solid #ffffff;
    
}
/*.zabuto-calendar .zabuto-calendar__day--today .btn-outline-info{background: var(--bs-cyan); color:#fff}	*/
.zabuto-calendar__days-of-week {
    background: #ededed;
	height: 40px;
	color: var(--bs-cyan);
	text-transform:uppercase;
}
.zabuto-calendar__day{height:40px!important;width:40px!important; position:relative;}
.event-secondary{
	color:#000;
	border:1px dashed #999;
}
.event-secondary:hover{color: #000; background:rgba(0,0,0,0.1)}
.zabuto-calendar .zabuto-calendar__day--today .btn{border:1px solid #fff; color:#fff; border-radius:150px!important;}
.zabuto-calendar .zabuto-calendar__day--today .btn.event-secondary{border:1px dashed #fff; color:#fff; border-radius:150px!important;}

.accordion-transparent .accordion-item{background:transparent; border:none}
.accordion-transparent .accordion-button{background:transparent;box-shadow:none}
.accordion-button:not(.collapsed){background:#fff; color:#000}
.accordion-button{font-weight:bold;}
.player1{width:20px;height:24px;background:url('../images/player1.svg') no-repeat; display:inline-block}
.author {text-decoration:none; font-size:16px}
.author:hover {text-decoration:underline;}
.news-inner {font-weight:400; font-size:14px}
.input-bg-blue, .form-control.input-bg-blue:focus{color:#1b556d;background:#fff;}
.link-nodecoration{text-decoration:none; }
.link-nodecoration:hover {text-decoration:underline}
.title-date {background: var(--bs-cyan); color:#fff; border:none;}
.display-date{display:flex; align-items:self-end;}
.display-date #day {text-transform: capitalize;}
.display-date  #daynum{margin:0 6px}
.display-date #month{margin-left:6px}
#whatsapp-web{display:none;}
/*share*/
#share p {
	color:#fff;
	text-align:center;
	font-size:0.8em;
	margin:15px 0 0 0;
	letter-spacing:1px
}
#share .icons{text-align:center;}
.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link, .resp-sharing-button__link:focus, .resp-sharing-button__link:hover {
  text-decoration: none;
  color: #fff;
  margin-right: 15px
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.5em 0.75em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif
}

.resp-sharing-button__icon svg {
  width: 1.3em;
  height: 1.3em;
  margin-right: 0.4em;
  vertical-align: top
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle;
  margin-top: -4px;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--twitter {
  background-color: #55acee
}

.resp-sharing-button--twitter:hover {
  background-color: #2795e9
}

.resp-sharing-button--facebook {
  background-color: #3b5998
}

.resp-sharing-button--facebook:hover {
  background-color: #2d4373
}


.resp-sharing-button--whatsapp {
  background-color: #25D366
}

.resp-sharing-button--whatsapp:hover {
  background-color: #1da851
}


.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
  background-color: #2d4373;
  border-color: #2d4373;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
  background-color: #2795e9;
  border-color: #2795e9;
}

.resp-sharing-button--email {
  background-color: #e9090a;
  border-color: #e9090a;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
  background-color: #d10707;
  border-color: #d10707;
}

.resp-sharing-button--whatsapp {
  background-color: #25D366;
  border-color: #25D366;
}

.resp-sharing-button--whatsapp:hover,
.resp-sharing-button--whatsapp:active {
  background-color: #1DA851;
  border-color: #1DA851;
}
#whatsapp-web{display:none;}
.details{position:relative}
.details .more{ display:none}
.details .form-control:focus ~ .more{display:block; margin-top:5px; padding-top:2px; color:#707070;font-size:12px;line-height:12px}
.open-day.form-check-input:checked ~ .open-hours{background:red}
.badge-large{font-size:1em; border-radius:0}
.badge-break{white-space: break-spaces;}
.fetemba{background:#a60000!important}
.lead-description{font-size:14px; line-height:18px}
.lead {
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.5rem;
}
.lead-news{font-size:1.10em; line-height:1.30em;font-weight:500}
.bg-gray{background:#f4f4f4;}

#event .accordion-body{background:#fff;}
#event .accordion-item{border:none;}
#event .accordion-button:focus{outline:none; box-shadow:none;}
#calendarHome{border:none; width:300px; max-height:330px;}
.icon-time{width:16px;height:18px;background:url('../images/icon-time.svg') no-repeat center center;float:left;}
.icon-calendar-cyam{width:16px;height:16px;background:url('../images/icon-calendar-cyam.svg') no-repeat center center;float:left;}
.icon-location{width:16px;height:18px;background:url('../images/icon-location.svg') no-repeat center center;float:left;}
.icon-bus{width:16px;height:21px;background:url('../images/icon-bus.png') no-repeat center center;float:left;}
.icon-train{width:16px;height:21px;background:url('../images/icon-train.png') no-repeat center center; float:left;}
.icon-subway{width:16px;height:21px;background:url('../images/icon-subway.png') no-repeat center center;float:left;}
.icon-indications{width:16px;height:19px;background:url('../images/icon-indications.svg') no-repeat center center;float:left;}
.icon-raquet{width:16px;height:19px;background:url('../images/icon-raquet.png') no-repeat center center;float:left;}
.icon-email-small{width:16px;height:11px;background:url('../images/icon-email-small.svg') no-repeat;}
.icon-whatsapp{width:16px;height:16px;background:url('../images/icon-whatsapp.svg') no-repeat;}
.icon-website{width:16px;height:16px;background:url('../images/icon-website.svg') no-repeat;}
.icon-download{width:26px;height:26px;background:url('../images/icon-download.png') no-repeat center center;background-size:100%; display:inline-block}
.icon-text{font-weight:700;font-size:24px;line-height:1}
.icon-pencil{width:16px;height:16px;background:url('../images/icon-pencil.svg') no-repeat center center;background-size:100%; display:inline-block}
.icon-logout{width:16px;height:16px;background:url('../images/icon-logout.svg') no-repeat center center;background-size:100%; display:inline-block}
.icon-check-green{width:24px;height:24px;background:url('../images/icon-check-green.svg') no-repeat center center;background-size:100%; display:inline-block}
.icon-modify-profile{width:16px;height:16px;background:url('../images/icon-modify-profile.svg') no-repeat center center;background-size:100%; display:inline-block}
.icon-child-validate{width:16px;height:16px;background:url('../images/icon-child-validate.svg') no-repeat center center;background-size:100%; display:inline-block}
.icon-validate-identity{width:16px;height:16px;background:url('../images/icon-validate-identity.svg') no-repeat center center;background-size:100%; display:inline-block}
.btn-only-icon:focus {box-shadow:none;}
.btn-only-icon:hover{background:#d0eafe; border-radius:0}
.card-button-absolute .card-title{width:90%}
.email-child {display:none}
.email-child input{height:30px}
.check-cyan {list-style-image: url('../images/check-cyan.svg');padding-inline-start: 20px;}
.check-raquet {list-style-image: url('../images/check-raquet.png');padding-inline-start: 20px;}
.btn-absolute-top-right{position:absolute; top:0; right:0}
.btn-login-close:hover{opacity:1; }
.btn-login-close:focus{box-shadow:none }
.btn-login-close-right{position:absolute; right:-20px; top:-20px;z-index:9999}
.btn-icon-hover:hover .icon-download{filter:invert(100%)}
.border-top-cyan{border-top:1px solid var(--bs-cyan);}
.border-bottom-cyan{border-bottom:1px solid var(--bs-cyan);}
.accordion-button:not(.collapsed)::after {
filter: brightness(0);
}

.form-control:disabled, .form-control[readonly]{opacity:0.5}

.b-small{width:160px}
.btn-rounded{border-radius:150px}
.btn-icon{font-weight:700;line-height:1;font-size:22px}
legend .small{font-size:0.7em!important}
.legend-uppercase {font-size:1.2em; font-weight:600;text-transform:uppercase}

#event .accordion-button.collapsed:hover{background:#a6cadf; }
.border-primary{border-color: var(--bs-cyan)!important} 
.extended-name{line-height:1.3em}
.pagination {
  display: inline-flex;
  width: 100%;
  margin: 1em auto;
  text-align: center;
  background:#f8fafc;
  z-index:5;

}
.pagination:after {
  content: "";
  clear: both;
}

.pagination-button {
  display: inline-block;
  padding: 5px 10px;
  background-color: #eee;
  color: #333;
  cursor: pointer;
  transition: background 0.1s, color 0.1s;
  margin: 0 5px;
  width: 40px;
}
.pagination-button:hover {
  background-color: var(--bs-cyan);
  color: #fff;
}
.pagination-button.active {
  background-color: var(--bs-blue);
  color: #fff;
}
.pagination-button:first-of-type {
  border-radius: 18px 0 0 18px;
}
.pagination-button:last-of-type {
  border-radius: 0 18px 18px 0;
}
h1, .h1 {
    font-size: 1.35rem;
}
#carouselClub img{
	height: auto!important;
    min-height: 250px;
    max-height: 250px;
    object-fit: cover;
	overflow-clip-margin: unset;
}
.club-aside .link{text-decoration:none}
.club-aside h3{text-transform:uppercase; font-size:16px; font-weight:700; margin-top:20px;}
.club-aside h3:first-child{margin-top:0}
.img-cyan{}
.simple-tabs li{ text-align:center; text-transform:uppercase;height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	
}
.simple-tabs li a{padding:0; width:100%;color:#495057}
.simple-tabs.nav-tabs .nav-link{border:none; border-bottom:4px solid #cdcdcd;     padding: 10px 0;}
.simple-tabs.nav-tabs .nav-link.active, .simple-tabs.nav-tabs .nav-item.show .nav-link{ border:none; border-bottom:4px solid  var(--bs-cyan);}
.bg-white{background:#ffffff;}
.close-right-top{position:absolute; right:5px; top:5px;z-index:2}
.font-italic{font-style:italic}
.table{line-height:1.2em}

/*select color*/
.swatch {
    position: relative;
    margin: 1em;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    display: inline-block;
	
}

.swatch > [type=radio], .swatch > [type=checkbox] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: 0;
}

.swatch > [type=radio] + label, .swatch > [type=checkbox] + label {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    transition: all 0.5s ease-in-out;
	cursor:pointer;
}

.swatch > [type=radio] + label i, .swatch > [type=checkbox] + label i {
    opacity: 0;
    font-size: 1.5em;
    transition: opacity 0.5s;
}
.swatch > [type=radio]:checked + label i, .swatch > [type=checkbox]:checked + label i {
    opacity: 1;
    transition: opacity 0.5s;
}

.swatch > [type=radio]:checked + label i, .swatch > [type=checkbox]:checked + label i {
    opacity: 1;
}

.swatch > [type=radio] + label span {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 44px;
	font-size:12px;
	line-height:12px;
	
}

.ion-ios-checkmark:before {
    content: "";
	width:40px;
	height:40px;
	left:0;
	background:url('../images/icon-check-white.svg');
	position:absolute;
	z-index:1
}

.swatch.green > [type=radio] + label, .swatch.green > [type=checkbox] + label, .badge-green, .tag-green {
    background: linear-gradient(45deg, #197d44 0%, #2ecc71 100%);
    color: #fff;
}

.swatch.darkgreen > [type=radio] + label, .swatch.green > [type=checkbox] + label, .badge-darkgreen, .tag-darkgreen {
       background: linear-gradient(45deg, #03461f 0%, #076930 100%);
    color: #fff;
}

.swatch.purple > [type=radio] + label, .swatch.purple > [type=checkbox] + label, .badge-purple, .tag-purple {
    background: linear-gradient(45deg, #522067 0%, #9b59b6 100%);
    color: #fff;
}
.swatch.blue > [type=radio] + label, .swatch.blue > [type=checkbox] + label, .badge-blue, .tag-blue {
   background: linear-gradient(45deg, #0f0757 0%, #1803e2 100%);
   color: #fff;
}

.swatch.lightblue > [type=radio] + label, .swatch.lightblue > [type=checkbox] + label, .badge-lightblue, .tag-lightblue {
   background: linear-gradient(45deg, #1883be 0%, #70c9fa);
    color: #fff;
}

.swatch.red > [type=radio] + label, .swatch.red > [type=checkbox] + label, .badge-red, .tag-red {
   background: linear-gradient(45deg, #a8190a 0%, #ff1800);
   color: #fff;
}

.swatch.bordeaux > [type=radio] + label, .swatch.bordeaux > [type=checkbox] + label, .badge-bordeaux, .bordeaux, .tag-bordeaux {
    background: linear-gradient(45deg, #410303 0%, #a60000);
    color: #fff;
}

.swatch.orange > [type=radio] + label, .swatch.orange > [type=checkbox] + label, .badge-orange, .tag-orange {
    background: linear-gradient(45deg, #eb971c 0%, #f1550f);
    color: #fff;
}

.swatch.yellow > [type=radio] + label, .swatch.yellow > [type=checkbox] + label, .badge-yellow, .tag-yellow {
    background: linear-gradient(45deg, #cb7d0c 0%, #f1c40f);
    color: #fff;
}
.swatch.black > [type=radio] + label, .swatch.black > [type=checkbox] + label, .badge-black, .tag-black {
   background: linear-gradient(45deg, #828181 0%, #000 100%);
    color: #fff;
}
.swatch.green > [type=radio] + label span {color:#2ecc71}
.swatch.darkgreen > [type=radio] + label span {color:#076930;left:-3px}
.swatch.purple > [type=radio] + label span {color:#9b59b6;left:-3px}
.swatch.blue > [type=radio] + label span {color:#1803e2}
.swatch.lightblue > [type=radio] + label span {color:#70c9fa;left:-4px}
.swatch.red > [type=radio] + label span {color:#ff1800}
.swatch.bordeaux > [type=radio] + label span {color:#a60000}
.swatch.orange > [type=radio] + label span {color:#e67e22;left:-6px}
.swatch.yellow > [type=radio] + label span {color:#f1c40f;left:-7px}
.swatch.black > [type=radio] + label span {color:#000;}

/*carousel news*/
#carouselNews .carousel-item{background:#000}
#carouselNews.carousel img{    
	width: 100% !important;
    max-height: fit-content!important;
	height: auto;
	position: relative;
    top: 50%;
    transform: translateY(-50%);
}	
#carouselNews .carousel-control-prev, #carouselNews .carousel-control-next{ width:5%; }
#carouselNews .carousel-indicators{background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); height:60px;margin:0;align-items: end;}
#carouselNews .carousel-control-prev-icon, #carouselNews .carousel-control-next-icon{background-color:#000;padding: 30px 0;}

.card.news-inside{overflow:hidden;}
.news-inside .news-title{font-size:19px}
.sidebar-news h2{font-size:22px;font-weight:600}
.legal ol{padding-left:1em}

.legal ol > li {
    counter-increment: item;
	
}

.legal ol > li:first-child {
  counter-reset: item;
}

.legal ol ol > li {
    display: block;
	margin: 10px 0;
}

.legal ol ol:not(.lower-roman) > li:before {
    content: counters(item, ".") ". ";
    margin-left: -20px;
}
.lower-roman{list-style:lower-roman;}
.legal ol.lower-roman > li {
    display: list-item;
}
.legal h2, .legal ol:not(.lower-roman) > li::marker {color: var(--bs-blue); font-size: 1.1rem;font-weight:bold;}
.legal h3{font-size:1.05em; margin:20px 0 0 0}


.steps .carousel-indicators [data-bs-target]{background-color:var(--bs-cyan);}

.img-fix{width:100px!important;height:80px!important;padding-top: 5px;}
.img-height-auto{height:auto!important;max-height: 12rem!important;}
.icon-over{background:#fff; border-radius:10px;margin-top: -45px;
    background: white;
    display: inline-block;}
	
/**/


/*form styles*/
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px;
}

#msform fieldset .form-card {
    background: white;
    border: 0 none;
    border-radius: 0px;
    padding: 0;
    box-sizing: border-box;
    width: 100%;

    /*stacking fieldsets above each other*/
    position: relative;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    /*stacking fieldsets above each other*/
    position: relative;
}

/*Hide all except first fieldset*/
#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #000000;
}

#carouselSteps .carousel-control-prev-icon {
    background-image: url('../images/arrow-left.svg');
}

#carouselSteps .carousel-control-next-icon {
    background-image: url('../images/arrow-right.svg');
}


/*The background card*/
.card {
    z-index: 0;
    /*border: none;*/
    border-radius: 0.5rem;
    position: relative;
}

/*FieldSet headings*/
.fs-title {
    font-size: 20px;
    color: var(--bs-blue);
    margin-bottom: 10px;
    font-weight: bold;
    text-align: center;
}

/*progressbar*/
#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey;
	padding-left:0;
	margin: 0 0 30px 0;
}

.carousel-inner #tutorial-step1.active ~ #arrows .carousel-control-prev{
	display: none;
}





.carousel-inner #tutorial-step4.active ~ #arrows .carousel-control-next{
	display: none;
}


#progressbar .active {
    color: #000000;
}

#progressbar button {
    list-style-type: none;
    font-size: 12px;
    width: 25%;
    float: left;
    position: relative;
	line-height: 14px;
}

/*Icons in the ProgressBar*/
#progressbar #step1:before {
    content: "1";
	z-index: 2;
    position: relative;
}

#progressbar #step2:before {
    content: "2";
	z-index: 2;
    position: relative;
}

#progressbar #step3:before {
    content: "3";
	z-index: 2;
    position: relative;
}

#progressbar #step4:before {
    content: "4";
	z-index: 2;
    position: relative;
}

/*ProgressBar before any progress*/
#progressbar button:before {
    width: 30px;
    height: 30px;
    line-height: 28px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

/*ProgressBar connectors*/
#progressbar button:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 13px;
    z-index: -1;
}

/*Color number of the step and the connector before it*/
#progressbar button.active:before, #progressbar button.active:after {
    background: var(--bs-cyan);
	z-index: 1;
}

#progressbar.carousel-indicators [data-bs-target]{margin:0; height: auto; text-indent: inherit;}
#carouselSteps .carousel-control-prev, #carouselSteps .carousel-control-next {
	width: 5%;
    height: 68%;
    position: absolute;
    bottom: 0;
    top: auto
}
.fix-logo{width:98px!important;height:59px!important}


/*Fit image in bootstrap div*/
.fit-image{
    width: 100%;
    object-fit: cover;
}
/**/	
#carouselValidate .carousel-inner{
	min-height:345px
}

:focus {
  outline: 0;
  outline-color: transparent;
  outline-style: none;
}

@media (max-width: 991px){
.card-calendar .h3{ font-size: 1.3em;}
.icon-text-row {line-height:1;}
#institucional .accordion-body h3{font-size:17px}
.title-news {font-size:23px; line-height:26px}
#logo-fatm img{width:100px}
}

@media (max-width: 767px){
.open-hours{margin-bottom:7px}
.no-events .text-muted{font-size:14px}
}
/*tablet*/
@media (min-width: 768px){
	.grid-gallery{
	display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
}

.grid-gallery img {
    max-height: 150px;
    width: 100%;
    height: 100%;
    object-fit: cover;
	overflow-clip-margin: unset;
}


.cover-bg{
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
	border-top-right-radius: 0rem !important;
}

.card-shadow-club{
	border: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
	border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0rem !important;
	border-bottom-right-radius: 0rem !important;
}

.card-shadow-general{
	border: 1px solid rgb(221, 221, 221);
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
	border-bottom-left-radius: 0.25rem !important;
    border-top-left-radius: 0.25rem !important;
    border-top-right-radius: 0.25rem !important;
	border-bottom-right-radius: 0.25rem !important;
}

.h-100-desktop{ height: 100% !important;}

}

/*desktop*/
@media (min-width: 992px){
#navbarPrimaryCollapse{text-transform:uppercase;}

.h1-title{font-size:45px;}
.h2-title{font-size:35px;}
.h2-title-sub:after{width:74px;height:4px;background:#013856;content:""; position:absolute; bottom:-12px;left:0}
.logo-text{width:182px; font-size:14px; line-height:20px}
#logo-fatm img{height:60px}



.dropdown-item:hover {
    color:var(--bs-cyan);
    background-color: transparent;
}
.dropdown-item:focus{ background:rgba(255,255,255,0.5)}
.navbar-nav li:hover > ul.dropdown-menu {
    display: block;
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top:-6px;
}

.dropdown-menu[data-bs-popper] {
    margin-top: 0;
}
.dropdown-item{text-transform:initial;}
.dropdown-menu {border:none; border-bottom:8px solid var(--bs-blue); border-radius:0;box-shadow: 0 3px 10px rgb(0 0 0 / 0.2); }
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--bs-cyan);
}
.nav-transparent{background:transparent!important;}
.menu-transparent{margin-top:-93px}

#carouselHome img{height:auto; width:100%; max-height:100%}
#carouselHome .carousel-caption{text-align:left; top: Calc(50% + 92px);
    transform: translateY(Calc(-50% - 92px));}

.news-description {min-height:250px; display:flex; flex-direction:column;gap: 5px;}
.news-inside h2{font-size:24px;color:var(--bs-blue);}
.news-inside p {font-size:16px;line-height: 20px;}
.ellipsis-2{
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.news-thumb-inside img{height: 240px; }
.news-thumb-inside{height:240px;}
.news-inner {font-weight:400; font-size:16px}
.btn-lg{font-size:1rem;padding:0.5rem 1.5rem}
#event .accordion-button{font-size:1.1em; font-weight:600}

#whatsapp{display:none;}
#whatsapp-web{display:inline-block;}

.lead-description{font-size:16px; line-height:22px}
.grid-gallery{
	display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;
margin:10px 0;
}
#institucional .accordion-item{border:none;}
.legal h2, .legal ol:not(.lower-roman) > li::marker {font-size: 1.2rem;  margin: 40px 0 0 0;}
.legal h3{font-size: 1.1rem;  margin: 30px 0 0 0;}
.lead-news{font-size:1.30em; line-height:1.50em}

label[for="public_description"] {
  letter-spacing:-0.2px
}
#carouselBanners .carousel-control-prev, #carouselBanners .carousel-control-next{width:5%}

.card-club img.cover-bg {
    max-height: 250px;
}

}

@media (min-width: 1200px){
#carouselNews .carousel-control-prev, #carouselNews .carousel-control-next{width:3.4%; right:-1px}
}
@media (min-width: 1400px){
	.logo-text{display:block!important}
}

#carouselBanners.carousel img{height:auto!important; width:100%}
/*#carouselBanners .carousel-indicators [data-bs-target]{background-color:var(--bs-cyan);}*/


.no-underline{text-decoration:none}
.card-calendar:first-child{margin-top:0px}
.card-calendar{margin-top:20px}
.card-calendar .tag{line-height:1.2em;height: 100%; display: flex; align-items: center;}
.card-calendar .icon-time{width:14px;height:14px}
.card-calendar a:not(.link){margin-right:10px}
.date-number{font-size:1em;font-weight:700; line-height:1.2em;text-align:center;}
.date-month{color:#999; text-transform:uppercase;font-size:11px;text-align:center; font-weight:600;line-height: 0.8;}
.card-calendar .date-calendar .tag:nth-of-type(1){width: 10px;height: 36px;position: absolute; left: 0; padding:0}
.time-calendar{color:#999;line-height: 1em; }
.icon-calendar{width:16px;height:18px;background:url('../images/icon-calendar.svg') no-repeat center center;float:left;}
.invert{filter:invert(1)}
/**/
.calendar-description {
  max-width: 600px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height:1.3em;
  margin-bottom:0
}
.calendar-description-btn {
  appearance: none;
  cursor: pointer;
  color: #c70d0d;
  font-size:0.9em
}
.calendar-description-btn::before {
  content: "[+]";
  text-transform: capitalize;
}
.calendar-description-btn:checked::before {
  content: "[-]";
}
.calendar-description:has(+ .calendar-description-btn:checked) {
  -webkit-line-clamp: initial;
}
.calendar-description ~ .calendar-description-btn{display:none}
.calendar-description.ellipsis ~ .calendar-description-btn{display:block}

@media screen and (min-width: 768px) {
  #event-list {width: 632px;}
}