/*
@font-face {
  font-family: "banner-font";
  src: url(/fonts/BebasNeue.otf); }
*/
@font-face { font-family: 'BebasNeue'; src: url('/fonts/BebasNeue.eot?#iefix') format('embedded-opentype'),  url('/fonts/BebasNeue.otf')  format('opentype'), url('/fonts/BebasNeue.woff') format('woff'), url('/fonts/BebasNeue.ttf')  format('truetype'), url('/fonts/BebasNeue.svg#BebasNeue') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BebasNeueBold'; src: url('/fonts/BebasNeueBold.eot?#iefix') format('embedded-opentype'),  url('/fonts/BebasNeueBold.otf')  format('opentype'), url('/fonts/BebasNeueBold.woff') format('woff'), url('/fonts/BebasNeueBold.ttf')  format('truetype'), url('/fonts/BebasNeueBold.svg#BebasNeueBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BebasNeueBook'; src: url('/fonts/BebasNeueBook.eot?#iefix') format('embedded-opentype'),  url('/fonts/BebasNeueBook.otf')  format('opentype'), url('/fonts/BebasNeueBook.woff') format('woff'), url('/fonts/BebasNeueBook.ttf')  format('truetype'), url('/fonts/BebasNeueBook.svg#BebasNeueBook') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BebasNeueLight'; src: url('/fonts/BebasNeueLight.eot?#iefix') format('embedded-opentype'),  url('/fonts/BebasNeueLight.otf')  format('opentype'), url('/fonts/BebasNeueLight.woff') format('woff'), url('/fonts/BebasNeueLight.ttf')  format('truetype'), url('/fonts/BebasNeueLight.svg#BebasNeueLight') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BebasNeueRegular'; src: url('/fonts/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),  url('/fonts/BebasNeueRegular.otf')  format('opentype'), url('/fonts/BebasNeueRegular.woff') format('woff'), url('/fonts/BebasNeueRegular.ttf')  format('truetype'), url('/fonts/BebasNeueRegular.svg#BebasNeueRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'BebasNeue-Thin'; src: url('/fonts/BebasNeue-Thin.eot?#iefix') format('embedded-opentype'),  url('/fonts/BebasNeue-Thin.otf')  format('opentype'), url('/fonts/BebasNeue-Thin.woff') format('woff'), url('/fonts/BebasNeue-Thin.ttf')  format('truetype'), url('/fonts/BebasNeue-Thin.svg#BebasNeue-Thin') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskDSPro-15UltTh'; src: url('/fonts/NHaasGroteskDSPro-15UltTh.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskDSPro-15UltTh.woff') format('woff'), url('/fonts/NHaasGroteskDSPro-15UltTh.ttf')  format('truetype'), url('/fonts/NHaasGroteskDSPro-15UltTh.svg#NHaasGroteskDSPro-15UltTh') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskDSPro-25Th'; src: url('/fonts/NHaasGroteskDSPro-25Th.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskDSPro-25Th.woff') format('woff'), url('/fonts/NHaasGroteskDSPro-25Th.ttf')  format('truetype'), url('/fonts/NHaasGroteskDSPro-25Th.svg#NHaasGroteskDSPro-25Th') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskDSPro-35XLt'; src: url('/fonts/NHaasGroteskDSPro-35XLt.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskDSPro-35XLt.woff') format('woff'), url('/fonts/NHaasGroteskDSPro-35XLt.ttf')  format('truetype'), url('/fonts/NHaasGroteskDSPro-35XLt.svg#NHaasGroteskDSPro-35XLt') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskDSPro-45Lt'; src: url('/fonts/NHaasGroteskDSPro-45Lt.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskDSPro-45Lt.woff') format('woff'), url('/fonts/NHaasGroteskDSPro-45Lt.ttf')  format('truetype'), url('/fonts/NHaasGroteskDSPro-45Lt.svg#NHaasGroteskDSPro-45Lt') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskDSPro-55Rg'; src: url('/fonts/NHaasGroteskDSPro-55Rg.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskDSPro-55Rg.woff') format('woff'), url('/fonts/NHaasGroteskDSPro-55Rg.ttf')  format('truetype'), url('/fonts/NHaasGroteskDSPro-55Rg.svg#NHaasGroteskDSPro-55Rg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskDSPro-65Md'; src: url('/fonts/NHaasGroteskDSPro-65Md.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskDSPro-65Md.woff') format('woff'), url('/fonts/NHaasGroteskDSPro-65Md.ttf')  format('truetype'), url('/fonts/NHaasGroteskDSPro-65Md.svg#NHaasGroteskDSPro-65Md') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskDSPro-95Blk'; src: url('/fonts/NHaasGroteskDSPro-95Blk.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskDSPro-95Blk.woff') format('woff'), url('/fonts/NHaasGroteskDSPro-95Blk.ttf')  format('truetype'), url('/fonts/NHaasGroteskDSPro-95Blk.svg#NHaasGroteskDSPro-95Blk') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskTXPro-65Md'; src: url('/fonts/NHaasGroteskTXPro-65Md.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskTXPro-65Md.woff') format('woff'), url('/fonts/NHaasGroteskTXPro-65Md.ttf')  format('truetype'), url('/fonts/NHaasGroteskTXPro-65Md.svg#NHaasGroteskTXPro-65Md') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'NHaasGroteskTXPro-75Bd'; src: url('/fonts/NHaasGroteskTXPro-75Bd.eot?#iefix') format('embedded-opentype'),  url('/fonts/NHaasGroteskTXPro-75Bd.woff') format('woff'), url('/fonts/NHaasGroteskTXPro-75Bd.ttf')  format('truetype'), url('/fonts/NHaasGroteskTXPro-75Bd.svg#NHaasGroteskTXPro-75Bd') format('svg'); font-weight: normal; font-style: normal; }


body {
  position: relative; }


.header-logo{
  width: 500px;
}

#header-section {
  /*background: url(../img/t_header.jpg);
  background-repeat: no-repeat;
  background-size: cover;*/
  background:#fff;
  height: 219px; }

  #header-section .banner-sm-font {
    font-size: 1.9rem;
    font-family: "banner-font"; }

.xs-text {
  font-size: !important 0.5rem; }

.bg-dark-blue {
  background-color: !important #164295; }

.bg-primary {
  background-color: #164295 !important;
}

.my-custom-scrollbar {
  position: relative;
  height: 50vh;
  overflow: auto; }

.table-wrapper-scroll-y {
  display: block; }

.partner img {
  filter: gray;
  -webkit-filter: grayscale(1);
  -webkit-transition: all .3s ease-in-out; }
.partner img:hover {
  filter: none;
  -webkit-filter: grayscale(0); }

@media screen and (min-width: 768px) {
  .tornado-bg {
    background: url("/img/main1_background.svg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; } }
.hl-yellow {
  text-decoration: none !important;
  color: white; }
  .hl-yellow :hover {
    color: yellow;
    transition: 0.3s; }

.card-arrow {
  position: absolute !important;
  bottom: 15px !important;
  right: 15px !important;
  margin-bottom: 0px !important;
  margin-left: 15px !important; }

.fixed-carousel {
  height: 450px !important; }

@media screen and (min-width: 960px) {
  .fixed-carousel {
    height: 550px !important; } }
.black-border {
  border: black 1px solid; }

.cyan-border {
  border: #164295 1px solid !important; }

.white-border {
  border-left: white 1px solid !important; }

.nav-link{
  font-family: NHaasGroteskDSPro-45Lt;
  font-size: 13px;
}

.tornadas-footer{
  background-color: #111 !important;
}

.tornadas-footer ins{
  margin: 0px 15px;
}

hr {
  margin-bottom: 0;
}

.tornadas-footer .container{
  color: #fff;
  font-family: NHaasGroteskDSPro-45Lt;
  font-size: 13px;
  text-decoration: none;
  letter-spacing: 1px;
  text-align: center;
  line-height: 48px;
}

.tornadas-footer .container a{
   color : #fff;
}

.home-table th{
  color: #fff;
  padding: 20px 0px;
  font-family: NHaasGroteskDSPro-45Lt;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.home-carousel h5{
  display: block;
  margin: 0px;
  padding: 10px 10px 0px 10px;
  font-family: NHaasGroteskTXPro-65Md;
  font-size: 17px;
}

.home-carousel .card-text{
  display: block;
  text-align: justify;
  padding: 6px 10px 10px 10px;
  font-family: NHaasGroteskDSPro-35XLt;
  font-size: 13px;
  font-style: normal;
}

.news-row .card-title{
  font-size: 14px;
  font-family: NHaasGroteskTXPro-65Md;
  line-height: 15px;
}
.news-row .card-text{
  font-size: 12px;
  display: block;
  padding: 0px;
  font-style: normal;
  line-height: 13px;
}

.header-menu .dropdown-menu{
   margin-top: -5px;
  text-align: center;
}

a.dropdown-item{
  display: block;
  color: #fff;
  font-family: NHaasGroteskDSPro-45Lt;
  font-size: 13px;
  padding: 5px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  white-space: nowrap;
  letter-spacing: 0.1em;
}

a.nav-link.active{
  color: #fec900;
  background-color: #3d64af;
  transition: 0.5s;
}

.dropdown:hover .dropdown-content {display: block;}

.dropdown .dropdown-menu {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;

  max-height: 0;
  display: block;
  overflow: hidden;
  opacity: 0;
}

.dropdown.show .dropdown-menu { /* For Bootstrap 4, use .dropdown.show instead of .dropdown.open */
  max-height: 300px;
  opacity: 1;
}

.language-link{
  position: absolute;
  top: 10px;
  right: 25px;
  display: block;
  white-space: nowrap;
  color: #fff;
  z-index: 10000;
  padding: 5px 10px;
  font-family: NHaasGroteskDSPro-55Rg;
  font-size: 14px;
  letter-spacing: 1px;
}

a.language-link:hover{
  color: #fec900;
}

a.language-link{
  text-decoration: none;
}

.scores-table tbody td{
  color: #222;
  padding: 20px 3px;
  font-family: NHaasGroteskDSPro-45Lt;
  font-size: 12px;
  letter-spacing: 0.05em;
}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}
.nano > .nano-pane {
  background : rgba(0,183,206,.15);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  margin	 : 3px;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: #164295;
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}

.scores-table
{
  height: 490px;
}

.footer-links{
  text-align: left;
}

.footer-links a{
  display: inline-block;
  height: 30px;
  line-height: 30px;
  width: 140px;
  color: #fff;
  font-family: NHaasGroteskDSPro-45Lt;
  font-size: 13px;
  background-position: left center;
  background-repeat: no-repeat;
}

.page-content{
  word-break: break-word;
}

.page-content h1{
  font-size: 50px;
  font-family: NHaasGroteskTXPro-65Md;
  padding: 0px;
  margin: 0px;
  line-height: 55px;
}

.page-content .navbar-nav{
  margin-left: 0 !important;
}

.page-content{
  padding: 15px;
  font-family: NHaasGroteskDSPro-55Rg;
  font-size: 13px;
  margin-bottom: 30px;
  line-height: 1.4em;
  overflow: hidden;
}

.page-menu{
  text-transform: uppercase;
}
table.tornado1 tr th {
  border: solid #80dbe7 1px;
  background-color: #164295;
  color: #fff;
  font-weight: normal;
  text-shadow: #444444 1px 1px 1px;
  -moz-text-shadow: #444444 1px 1px 1px;
  -webkit-text-shadow: #444444 1px 1px 1px;
}

table.tornado1 {
  border-collapse: collapse;
  background-color: #fff;
  border: solid #164295 1px;
}

table.tornado1 tr td {
  border: solid #80dbe7 1px;
  color: #000;
}

.page-content p{
  padding: 15px 0;
  margin-bottom: 0;
}

.page-content .content img:not([style]){
  max-width: 100%;
  object-fit: scale-down;
}
/*
.page-content table:not(.contacts-table) tr th {
  border: solid #80dbe7 1px;
  background-color: #164295;
  color: #fff;
  font-weight: normal;
  text-shadow: #444444 1px 1px 1px;
  -moz-text-shadow: #444444 1px 1px 1px;
  -webkit-text-shadow: #444444 1px 1px 1px;
}

.page-content .content table:not(.contacts-table) tr:nth-child(even) {
  background-color: #e4e4e4;
}*/

.header-menu{
  text-transform: uppercase;
}

.news-content p{
  padding: 0;
}

.news-content .card-title{
  font-size: 14px;
  font-family: NHaasGroteskTXPro-65Md;
  width: 225px;
  padding: 0px;
  line-height: 15px;
  margin-bottom: 10px;
}

.news-content .card-body{
  height: 120px;
  overflow: hidden;
}

.news-content .row{
  position: relative;
}

.news-content .card:after{
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-position: left center;
  background-repeat: repeat-x;
/*  background-image: url("/img/blockgrad.png");*/
}

.new-post h1{
  font-size: 28px;
  line-height: 31px;
}

.new-post .content{
  padding-top: 0px !important;
}

.new-post span.post-date{
  padding: 15px;
  background-color: #164295;
  width: 100%;
  color: #fff;
  font-weight: bold;
}

.post-image, .post-image img{
  width: 100%;
}

#header-section > .container a{
  text-decoration: none;
  line-height: 130px;
  white-space: nowrap;
  overflow: hidden;
  font-family: BebasNeue;
  text-align: right;
  color: #fff;
  font-size: 50px;
}

.gallery-images{
  margin-bottom: 15px;
}

.gallery-image{
  margin-bottom: 10px;
}

.gallery-image img:hover{
  outline: solid #164295 5px;
}
.gallery-image img{
  -webkit-filter: grayscale(100%);
  transition: 0.3s;
}

.gallery-image img:hover{
  -webkit-filter: grayscale(0%);
}

.coach-box p{
  padding: 0;
}

.coach-box .mb-0
{
  margin-top: 15px;
}

.team-scores-table{
  height: 200px;
}

@media only screen and (max-device-width: 480px) {
  .team-image{
      object-fit: scale-down;
  }
}


.header-menu .dropdown.show .dropdown-menu{
  max-height: 700px !important;
}

.games-dates{
    padding: 15px;
    background-color: #164295;
    width: 100%;
    color: #fff;
    font-weight: bold;
}

#games-dates-selector{
  border: none;
  width: 100%;
  font-family: NHaasGroteskTXPro-65Md;
  font-size: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 28px;
  line-height: 28px;
  cursor: pointer;
}

.schedule-calendar{
  position: relative;
  width: 90px;
  padding-top: 12px;
  background-color: #164295;
  margin: 0px 10px 36px 0px;
}

.schedule-calendar div{
  position: absolute;
  top: -10px;
  background-color: #164295;
  width: 8px;
  height: 16px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border: solid #ffffff 3px;
}

.schedule-calendar span{
  display: block;
  padding: 0px 2px;
  color: #000;
  text-align: center;
  font-family: NHaasGroteskTXPro-65Md;
  overflow: hidden;
}

.schedule-calendar ins{
  display: block;
  color: #000;
  background-color: #fff;
  text-decoration: none;
  margin: 0px 6px;
  font-family: NHaasGroteskDSPro-95Blk;
  font-size: 28px;
  height: 32px;
  line-height: 32px;
  overflow: hidden;
  text-align: center;
}

.schedule-row{
  margin-bottom: 15px;
}

.schedule-row .card{
   border-radius: 0;
}

.schedule-row .text-bold
{
    font-weight: bold;
    font-size: 14px;
}

.schedule-row .scores-box{
  color : #164295;
}

.schedule-row .legend{
  color: #888;
  font-size: 12px;
}

.schedule-row .schedule-legend
{
    margin-top: 10px;
    color: #888;
    font-size: 12px;
}

.page-content ul{
  list-style-position: inside;
}

figure.figureClass {
  vertical-align: top;
  text-align: center;
  display: inline-block;
}

figure > .captionClass {
  /* Make the caption a block so it occupies its own line. */
  display: block;
  color: #d0c8c8;
}

.coach-image{
  max-width: 160px;
}

.coach-info p {
  padding: 5px;
}

.coach-info .row{
  margin-bottom: 15px;
}

.coach-info .coach-title{
  font-size: 15px;
  font-weight: 700;
}

.new-post .p-3.content img:not(.news-main-image){
    margin: 5px;
}

@media only screen and (max-device-width: 480px) {
  #header-section > .container a {
    font-size: 30px;
  }
}

.footer-icons{
  font-size: 30px !important;
  word-spacing: 20px;
  cursor: pointer;
  transition: 0.5s;
}

.footer-icons .fa-facebook:hover{
    color: #076de4;
    transition: 0.5s;
}

.footer-icons .fa-instagram:hover{
  color: #e1306c;
  transition: 0.5s;
}

.footer-icons .fa-tiktok:hover{
  color: #565656;
  transition: 0.5s;
}

.dropdown-item{
  color: #164295;
}

.footer-icons .fa-youtube:hover{
  color: #ff0000;
  transition: 0.5s;
}

.carousel-item img{
  max-height: 400px;
}