@media (min-width: 60.0625em) {
    .gradient-bar {
        margin-bottom: 0;
    }
}

@media (min-width: 37.5em) {
    .gradient-bar {
        background-image: -o-repeating-linear-gradient(right,#9079e1 0,#2cd6aa 10%,#28aff8 20%,#9079e1 30%);
        background-image: repeating-linear-gradient(270deg,#9079e1 0,#2cd6aa 10%,#28aff8 20%,#9079e1 30%);
    }
}
.gradient-bar {
    height: 3px;
    background-image: -o-repeating-linear-gradient(right,#9079e1 0,#2cd6aa 25%,#28aff8 50%,#9079e1 100%);
    background-image: repeating-linear-gradient(270deg,#9079e1 0,#2cd6aa 25%,#28aff8 50%,#9079e1);
}

.inner {
    max-width: 83.07692em;
    margin-left: auto;
    margin-right: auto;
}
.clearfix {
    *zoom: 1;
}
.inner {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1.153846153846154em;
}

.top-nav {
    float: left;
    width: 100%;
    padding: 0;
    border-bottom: none;
}
.top-nav .inner {
    padding: 0;
}

.top-nav ul {
    list-style: none;
}
.top-nav li {
    float: right;
}
header li{
    list-style-type:none;
    background-image: none; 
     background :none;
     padding-right: 0px; 
     margin-bottom: 0px; 
     line-height: 1.8; 
}
a {
    position: relative;
    text-decoration: none;
}

a:hover {
        color: #e77817;
    }
a.primary-cta:hover{
     color: #fff;
}
.top-nav__links a:active {
    background-color: #e2e2e2;
}
.top-nav__links a:hover {
    background-color: #eee;
    color: #000;
}
.top-nav a {
    display: block;
    color: #444;
    text-decoration: none;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}


.support-number .glyphicon {
    color: #3eb7fb;
}

@media (min-width: 60.0625em) {
    .top-nav__links {
        float: left;
        clear: none;
        display: block;
        margin: 0;
    }
}
@media (min-width: 60.0625em) {
    .top-nav__links li {
        float: left;
        width: auto;
        border: none;
        opacity: 1 !important;
    }
}

.top-nav__links a {
    padding: 1em .7em;
    border-bottom: 1px solid #eee;
}
@media (min-width: 60.0625em) {
    .top-nav__links a {
        padding: 0 1em;
        margin: .5em 0;
        border-bottom: none;
        border-left: 1px solid #eee;
    }
     .top-nav__links li:nth-child(1) a {
        border-left: none;
    }
}
.top-level{
    float:right;
}
.inner:after {
    content: " ";
    display: block;
    clear: both;
}
.clearfix:after, .clearfix:before {
    content: " ";
    display: table;
}

.logo {
    float: right;
    padding: 0;
    margin: -20px 0 15px 0;
    width: 75px;
    height: 86px;
}

.logo a {
    display: block;
    line-height: 0;
}


.club-login, .panel-login {
    float: left;
    margin-top: 35px;
    margin-right: 10px;
}
@media (min-width: 60.0625em) {
    .club-login, .panel-login {
        margin-top: 22px;
    }
}

.main-nav {
    color: #fff;
}
.main-nav, .main-nav ul {
    background-color: #005392;
}
@media (min-width: 60.0625em) {
    .main-nav {
        min-height: 44px;
    }
}

.main-nav__wrapper {
    width: 100%;
    background-color: #005392;
    z-index: 1000;
}

.main-nav .inner {
    padding: 0;
}

.main-nav .inner {
    padding: 0 1.153846153846154em;
}
.main-nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.main-menu > li {
    border-bottom: none;
    float: right;
}

.main-nav a {
    color: #fff;
    text-decoration: none;
    padding-right:1em;
    padding-left:1em;
}
.main-menu > li:hover {
    background-color: #e77817;
}
.main-menu > li.logo-scroll-show:hover {
    background-color: #005392;
}

.main-nav .top-level {
    padding-top: 11px;
    padding-bottom: 11px;
}
@media (max-width: 768px) and (min-width: 60.0625em) {
  .main-nav__wrapper ul.main-menu{
       display:flex !important;
   }
}
@media (max-width: 60.0625em) {
    header .top-nav {
       font-size:10px;
    }
}
.main-nav.navbar {
    margin-bottom: 0px;
}
@media screen and (max-width:480px) {
    .main-menu > li {
        width:100%;
    }
}

.picRight{
    width: 100px;height: 50px;float:right;
}

.picLeft{
    height: 50px;float:left;
}

.textLandin{
    text-shadow:2px 2px 2px #9cc9dd;text-align:center;font-size: 25px;font-weight: initial;
}

@media screen and (max-width:603px) {
   .textLandin{
   font-size: 17px;
    font-weight: bold;
}
}

@media screen and (max-width:415px) {
   .picRight{
       width:60px;
       height:40px;
   }
   .picLeft{
       height:40px;
       width:80px;
   }
}
@media screen and (max-width:360px) {
   .textLandin{
   font-size: 17px;
    font-weight: bold;
}
   .picRight{
      display:none;
   }
   .picLeft{
       display:none;
   }
}
.blinking{
    animation:blinkingText 0.9s infinite;
}
@keyframes blinkingText{
    0%{     color: #ffffff;    }
    49%{    color: #ffffff; }
    50%{    color: #ffdf1f; }
    99%{    color:#ffdf1f;  }
    100%{   color: #ffdf1f;    }
}