.loading-gif {
	width:20%;
}
.btn-xlarge-reserve {
	position:fixed;
	right:40px;
	top:40%;
	-webkit-box-shadow: 0 0 5px #818d9d;
    -moz-box-shadow: 0 0 5px #818d9d;
    box-shadow: 0 0 5px #818d9d; 
    transform:scale(1.5,1.5);
    -ms-transform:scale(1.5,1.5); /* IE 9 */
    -moz-transform:scale(1.5,1.5); /* Firefox */
    -webkit-transform:scale(1.5,1.5); /* Safari and Chrome */
    -o-transform:scale(1.5,1.5); /* Opera */
}
.btn-large-reserve-bottom {
    position:fixed!important;
    right:40px;!important;
    bottom:5%;
    z-index:1000;
    -webkit-box-shadow: 0 0 5px #818d9d!important;;
    -moz-box-shadow: 0 0 5px #818d9d!important;;
    box-shadow: 0 0 5px #818d9d!important;; 
    transform:scale(1.5,1.5)!important;;
    -ms-transform:scale(1.5,1.5)!important;; /* IE 9 */
    -moz-transform:scale(1.5,1.5)!important;; /* Firefox */
    -webkit-transform:scale(1.5,1.5)!important;; /* Safari and Chrome */
    -o-transform:scale(1.5,1.5)!important;; /* Opera */
}
.blink-btn-reserve {
    -webkit-animation-name: blinker-reserve;
    -webkit-animation-duration: 0.7s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker-reserve;
    -moz-animation-duration: 0.7s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker-reserve;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker-reserve {  
    0% { background: rgba(20,200,50,1); }
    100% { background: rgba(0,150,0,1); }
}

@-webkit-keyframes blinker-reserve {  
    0% { background: rgba(20,200,50,1); }
    100% { background: rgba(0,150,0,1); }
}

@keyframes blinker-reserve {  
    0% { background: rgba(20,200,50,1); }
    100% { background: rgba(0,150,0,1); }
}

div.bigstars div.rateit-range
{
    background: url(star-white48.png);
    height: 48px;
}
 
div.bigstars div.rateit-hover
{
    background: url(star-gold48.png);
}
 
div.bigstars div.rateit-selected
{
    background: url(star-red48.png);
}
 
div.bigstars div.rateit-reset
{
    background: url(star-orange48.png);
    width: 48px;
    height: 48px;
}
 
div.bigstars div.rateit-reset:hover
{
    background: url(star-white48.png);
}

.overlaid-button-calendar-homepage-widget {
    position:absolute;
    top:5px;
    right:3px;
    width:auto;
    height:30px;
    z-index: 100;
    cursor: pointer;
    opacity:.8;
    display:none;
    color:white;
    font-size: 16px;
    margin:0;
}

.loading-floating-image{
    z-index: 51;
    position: absolute;
    margin: 25% 25%;
    opacity: .7;
    filter: blur(1px);
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
}
.loading-floating-image-swiper {
    z-index: 51;
    position: absolute;
    margin: 0% 0%;
    
}
.swiper-container {
    width: 100%;
    height: auto;
}
.date-swiper-active-class {
    opacity: 1 !important;
    -webkit-box-shadow: 0 0 5px #000000;
    -moz-box-shadow: 0 0 5px #000000;
    box-shadow: 0 0 5px #000000; 
}
.reserve-swiper-active-class {
    opacity: 1 !important;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: rgba(255,255,255,0);
    width: 60%;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 0px !important;
  width: 5% !important;
  height: 100% !important;
  margin-top: 0px !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding: 0px !important;
  z-index: 10;
  cursor: pointer;
}
.swiper-button-prev,
.swiper-button-next {
  background: -webkit-linear-gradient(left, rgba(50,50,50,0), rgba(50,50,50,0)) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(50,50,50,0), rgba(50,50,50,0)) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(50,50,50,0), rgba(50,50,50,0)) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(50,50,50,0), rgba(50,50,50,0)) !important; /* Standard syntax */
}
.swiper-button-next:hover{
  background: -webkit-linear-gradient(left, rgba(50,50,50,0), rgba(50,50,50,0.5)) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(50,50,50,0), rgba(50,50,50,0.5)) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(50,50,50,0), rgba(50,50,50,0.5)) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(50,50,50,0), rgba(50,50,50,0.5)) !important; /* Standard syntax */
}
.swiper-button-prev:hover {
  background: -webkit-linear-gradient(left, rgba(50,50,50,0.5), rgba(50,50,50,0)) !important; /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(right, rgba(50,50,50,0.5), rgba(50,50,50,0)) !important; /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(right, rgba(50,50,50,0.5), rgba(50,50,50,0)) !important; /* For Firefox 3.6 to 15 */
  background: linear-gradient(to right, rgba(50,50,50,0.5), rgba(50,50,50,0)) !important; /* Standard syntax */
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
    margin-bottom: 15px;
}
.blink_me {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;

}

@-moz-keyframes blinker {  
    0% { opacity: 0.4; }
    100% { opacity: 0.1; }
}

@-webkit-keyframes blinker {  
    0% { opacity: 0.4; }
    100% { opacity: 0.1; }
}

@keyframes blinker {  
    0% { opacity: 0.4; }
    100% { opacity: 0.1; }
}

.pay-btn{
  padding-left: 8px;
  padding-right: 8px;
}

.reservationWidgetCalendarContainer {
  position: absolute; 
  left: 39px; 
  top: 69px;
}

.may-liberate-text {
  font-size: 10px;
  line-height: 11px;
  margin-top: -2px;
  margin-bottom: -3px;
}

.team-logo {
  cursor:pointer;
  object-fit: cover; /* Do not scale the image */
  object-position: center;
  height: 50px;
  width: 50px;
}

.team-logo.small-logo {
  height: 30px;
  width: 30px;
}

.team-logo.tiny-logo {
  height: 15px;
  width: 15px;
}

.standings-table th, .standings-table td, .standings-table tr {
  text-align: center;
  padding: 3px !important;
}

.standings-table th {
  font-size: 11px;
  text-align: center;
  background-image: none !important;
}

div.navbar li.socialIcons {
 margin: 0px;
 display: inline-block;
 padding: 0px; 
 padding-left: 5px; 
}
div.navbar li.socialIcons a i:not(:hover) {
  opacity: 0.8;
}
div.navbar li.socialIcons a i {
  text-shadow: none;
}
div.navbar li.socialIcons a {
  margin: 0px;
  padding: 0px;
  font-size: 1.2em!important;
}
div.navbar li.socialIcons a i {
  color: #fff;
  -webkit-transition: color 500ms;
  -moz-transition: color 500ms;
  -o-transition: color 500ms;
  transition: color 500ms;
}
div.navbar li.socialIcons a:hover i.icon-facebook {
  color: #576ec7;
}
div.navbar li.socialIcons a:hover i.icon-twitter {
  color: #5db4f0;
}
div.navbar li.socialIcons a:hover i.icon-instagram {
  color: #c07145;
}

@media only screen and (max-width: 767px) {
  .navhidden-xs{
    display: none !important;
  }
}

div.priceAtWidget{
  font-size: 10px;
  margin-top: -3px;
  line-height: 11px;
  background-color: #3c963c;
  padding: 2px;
}
div.priceAtWidget.noWidget{
  background-color: rgba(0,0,0,0);
  font-size: 11px;
}
.academyPaymentDetails{
  padding: 15px;
}
.academyPaymentPayNumber{
  float: left;
}
.academyPaymentBody{
  margin-top: 15px;
  margin-bottom: 10px;
}
.academyPaymentTitleAndDesc{
  float: left;
}
.academyPaymentCreationDate{
  text-align: right;
}
.academyPaymentPayTitle{
  font-size: 18px;
}
.academyPaymentPayDesc{
  margin-top: 10px;
  font-size: 14px;
}
.academyPaymentAmount{
  text-align: right;
  font-size: 15px;
}
.academyPaymentFooter{ 
  text-align: center;
  margin-top: 50px;
  clear: left;
  font-size: 11px;
}
.academyCard {
  border-radius: 5px;
  border: 1px solid #eee;
  box-shadow: 1px 2px 4px #eee;
  cursor: pointer;
  transition: all .25s linear;
  background-color: #fff;
}
.academyCard:hover{
  box-shadow: 2px 4px 8px #666;
}
.academyCard .academyCover{
  height: 140px;
  width: 100%;
  background: url(../images/generic_academy.jpg) no-repeat;
  background-size: 100%;
}
.academyCard .academyContent{
  padding: 12px;
}
.academyCard .academyDescription{
  color: #888;
}
.academyCardsContainer{
  margin: 8px;
}

.academyGroupCard {
  border-radius: 5px;
  border: 1px solid #eee;
  box-shadow: 1px 2px 4px #eee;
  transition: all .25s linear;
  height: 100%;
  background-color: #fff;
}
.academyGroupCard:hover{
  box-shadow: 2px 4px 8px #666;
}
.academyGroupCard .academyCover{
  height: 140px;
  width: 100%;
  background: url(../images/generic_academy.jpg) no-repeat;
  background-size: 100%;
}
.academyGroupCard .academyGroupContent{
  padding: 12px;
  height: 100%;
  position: relative;
}
.academyGroupCard .academyGroupDescription{
  color: #888;
}
.academyGroupCardsContainer{
  margin: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
  flex-wrap: wrap;
}
.academyGroupCardsCol{
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.academyGroupCTAandFooter{
  bottom: 8px;
  position: absolute;
  width: 90%;
}
.academyGroupCTAandFooterInner{
  margin: 0 auto;
  text-align: center;
}
.academyGroupCTA .btn{
  width: 100%;
  margin: 0;
  margin-top: 16px;
  margin-bottom: 4px;
}
.academyGroupDetails {
  margin-bottom: 96px;
}
.academyGroupFooter {
  font-size: 12px;
  text-align: center;
  opacity: .8;
}
.academyGroupFooter p{
  margin: 0;
  margin-top: 8px;
}
.studentPersonalDetailsContainer{
  padding: 24px;
  font-size: 14px;
}
.studentPersonalDetailsContainer .studentPersonalDetailsColumn{
  padding: 12px;
}
.studentPersonalDetailsColumn table tr td {
  padding: 4px;
}
.studentDataTitle{
  margin-left: 4px;
  margin-bottom: 12px;
}
.studentResponsiblesDetailsContainer{
   padding: 24px;
  font-size: 14px;
}
.studentResponsiblesDetailsContainer .studentResponsiblesDetailsColumn{
  padding: 12px;
}
.studentResponsiblesDetailsColumn table tr td {
  padding: 4px;
}
.studentResponsiblesTitle{
  margin-left: 4px;
  margin-bottom: 12px;
}
.studentAdditionalInfoContainer{
   padding: 24px;
  font-size: 14px;
}
.studentAdditionalInfoDetailsContainer .studentAdditionalInfoDetailsColumn{
  padding: 12px;
}
.studentBillingColumn table tr td {
  padding: 4px;
}
.studentAdditionalInfoDetailsColumn table tr td {
  padding: 4px;
}
.additionalInfoTitle{
  margin-left: 4px;
  margin-bottom: 12px;
}

.studentDocsContainer{
   padding: 24px;
  font-size: 14px;
}
.studentAdditionalInfoContainer .studentDocsDetailsColumn{
  padding: 12px;
}
.studentAdditionalInfoContainer .studentBillingColumn{
  padding: 12px;
}
.studentAdditionalInfoContainer .studentAdditionalInfoDetailsColumn{
  padding: 12px;
}
.studentDocsDetailsColumn table tr td {
  padding: 4px;
}
.additionalDocsTitle{
  margin-left: 4px;
  margin-bottom: 12px;
}

.optionalFieldsEditStudentContainer{
  display: contents;
}
.editStudentOptFieldBillingDataContainer,
.editStudentOptFieldFirstResponsibleContainer,
.editStudentOptFieldSecondResponsibleContainer,
.editStudentOptFieldThirdResponsibleContainer,
.editStudentOptFieldAdditionalinfoContainer,
.editStudentOptFieldDocsDataContainer{
  margin-top: 56px;
}
.editStudentOptFieldDocsDataContainer{
  margin-bottom: 32px; 
}
.studentPersonalDetailsContainer .studentCompletionDetailsColumn{
  padding: 12px;
}
.studentCompletionDetailsColumn .completionGraph {
  text-align: center;
}
.studentPhotoContainer .addPic {
  cursor: pointer;
  opacity: 1;
  transition: 0.3s;
  width: 280px;
  height: 280px;
  -webkit-border-radius: 280px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 280px;
  -moz-background-clip: padding;
  border-radius: 280px;
  background-clip: padding-box;
  margin: 7px 0 0 5px;
  background-size: cover;
  background-position: center center;
}
.studentPhotoContainer .addPic:hover {
  opacity: 0.75;
}
.success-signup-academy {
  -webkit-animation: glowing 750ms infinite;
  -moz-animation: glowing 750ms infinite;
  -o-animation: glowing 750ms infinite;
  animation: glowing 750ms infinite;
}
.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}
.w-10 {
  width: 10rem !important;
}
.mr-2 {
  margin-right: 2rem;
}
.icon-rrss {
  font-size: 2rem;
  margin-right: 1rem
}
.justify-content-between {
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
}
.d-flex {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
}
@-webkit-keyframes glowing {
  0% { background-color: #dff0d8; -webkit-box-shadow: 0 0 3px #dff0d8; }
  50% { background-color: #c4fdac; -webkit-box-shadow: 0 0 40px #c4fdac; }
  100% { background-color: #dff0d8; -webkit-box-shadow: 0 0 3px #dff0d8; }
}

@-moz-keyframes glowing {
  0% { background-color: #dff0d8; -moz-box-shadow: 0 0 3px #dff0d8; }
  50% { background-color: #c4fdac; -moz-box-shadow: 0 0 40px #c4fdac; }
  100% { background-color: #dff0d8; -moz-box-shadow: 0 0 3px #dff0d8; }
}

@-o-keyframes glowing {
  0% { background-color: #dff0d8; box-shadow: 0 0 3px #dff0d8; }
  50% { background-color: #c4fdac; box-shadow: 0 0 40px #c4fdac; }
  100% { background-color: #dff0d8; box-shadow: 0 0 3px #dff0d8; }
}

@keyframes glowing {
  0% { background-color: #dff0d8; box-shadow: 0 0 3px #dff0d8; }
  50% { background-color: #c4fdac; box-shadow: 0 0 40px #c4fdac; }
  100% { background-color: #dff0d8; box-shadow: 0 0 3px #dff0d8; }
}

@media (min-width: 768px) {
  .container-news {
    width: 70%;
  }
}
.mobileHide { display: inline;}
.mobileShow {display: none;}
@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 767px){ 
     .mobileHide { display: none;}
     .mobileShow {display: inline;}
  }