/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Oct 8, 2014, 10:05:03 AM
    Author     : dhaval.panchal
*/
/** header**/

/*VIP LOGIN HIDDEN TEMPORARILY */
.headerLogin  {
    /*display:none !important;*/
}
a:hover{
    text-decoration: none;
}
.headerTime {
    margin-top: 55px;
    /*text-align: center;*/
}
.headerLogo{
    margin-top: 40px; 
}
.openingTime{
    font-size: 14px;
    line-height: 20px;
    font-family: 'latoregular';
    color: #636466;
    text-transform: uppercase;
}
.openingHour{
    font-family: 'ralewaybold';
    color: #636466;
}
.headerLogin{
    background: #ff9524;  
}
.loginImg{
    text-align: center;    
}
.loginImg img{
    display: inline-block;
}
.loginText{
    text-align: center;
    display: block;
}
.loginText h5{ 
    font-size: 18px;
    line-height: 24px;
    font-family: 'latoregular';
    color: #fefefe;
    text-transform: uppercase;
    text-align: center;
    margin: 5px 0;
}
.loginText .fa-chevron-right{
    padding-left: 10px;
}
.headermenuWrap{
    padding: 20px 0;
}
.headerMenu{
    float: none;
    text-align: center;
}
.headerMenu  li{
    border-bottom: 0px solid transparent;
    border-top: 0px solid transparent;
    display: inline-block;
    float: none;
    margin: 0 30px;
}
.headerMenu li a{
    font-size: 18px;
    line-height: 24px;
    font-family: 'latobold';
    color: #636466;
    text-transform: uppercase;
    padding: 10px  0;
    background: transparent !important;
}
.headerMenu li.dropdown.open {
    color: #00aeef;
    background: none;
}
.headerMenu li a:hover{
    color: #00b5cc;
    background: none;    
}
.headerMenu li a:focus{
    background: none;    
}
.headerMenu  li:hover {       
    border-top: 0px solid #00aeef;
    border-bottom: 0px solid #00aeef;
}
.headerMenu  li:focus {       
    border-top: 0px solid #00aeef;
    border-bottom: 0px solid #00aeef;
}
.headerMenu li.active {
    border-top: 0px solid #00aeef;
    border-bottom: 0px solid #00aeef;
}
.headerMenu .dropdown-menu li {
    display: block;
    margin: 0;
    padding: 0 5px;
}
.headerMenu .dropdown-menu li a {
    font-size: 16px;
    line-height: 1;
    padding: 5px;
}
.headerMenu .dropdown-menu li:hover {
    border-color: transparent;
}
.right-inner-addon {
    /*    position: relative;*/
}
.right-inner-addon .form-control {
    border-color: #636466;
    border-right: none;
    box-shadow: none;
    border-radius: 0;
    color: #636466;
    text-transform: uppercase;
    font-family: 'latoregular';
    font-size: 16px;
    line-height: 1;
    height: 48px;
}
.right-inner-addon .input-group-addon {
    background: none;
    border-color: #636466;
    border-radius: 0;
}
button#searchsubmit {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: medium none;
    box-shadow: none;
    display: block;
    font-size: 20px;
    margin: 0;
    padding: 0;
}
.right-inner-addon i {
    color: #636466;
}
.headerContact{
    text-align: center;
    padding: 5px 0;
    margin-top: 22px;
}
.headerContact li{
    display: inline-block; 
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
    padding: 5px 0;
    margin: 0 10px;
}
.headerContact li:hover{
    border-top: 0px solid #00aeef;
    border-bottom: 0px solid #00aeef;
}

.headerContact a , .headerLink li a{
    font-size: 14px;
    line-height: 20px;
    font-family: 'latoregular';
    color: #808284;
    text-transform: uppercase;
    padding: 0 ;
    text-decoration: none;
}
.headerLink{
    margin-top: 64px;
    font-size: 0;
}
.headerLink li{
    display: inline-block;
    padding: 5px 0;
}
.headerLink li:not(:last-child):after{
    color: #636466;
    content: "|";
    font-size: 14px;
}
.headerLink li a{
    font-size: 15px;
    line-height: 1;
    /*padding: 0 7px;*/
    padding: 0 4px;
}
.followLink{
    margin-top: 10px;
    padding: 5px;
}
.followLinkTitle{
    display: inline-block;
    float: left;
}
.followLinkName{
    display: inline-block;
    float: right;
}
.followLinkTitle h4{
    font-size: 16px;
    line-height: 22px;
    font-family: 'latoregular';
    color: #636466;
    text-transform: uppercase;
    margin-top: 5px;
}
.followLinkName li{
    display: inline-block;
    font-size: 0;
    padding-left: 15px;
}
.followLinkName li a {
    display: block;
    height: 30px;
    width: 30px;
}
.followLinkName li .facebookLogo{
    color: #3b5b9b;
}
.followLinkName li .instagramLogo{
    color: #517ea3; 
}
.followLinkName li .youtubeLogo{
    color: #fd3431;  
}
.mobileMenu .navbar-toggle{
    /*border-color: #ddd;*/
    background: #f1f1f1;
    color: #7e8688;
}
.mobileMenu .navbar-toggle:hover , .mobileMenu .navbar-toggle:focus{
    background: #ddd;
}
.mobileMenu .navbar-toggle .icon-bar{
    background-color: #888;
}
.notification{
    /*margin-bottom: 30px;*/
}
.notification .alertBox {
    /*    background: url("../images/notificBg.jpg");*/
    background-size: cover !important;
    padding: 0;
}
.notificationLink {
    display: block;
    font-size: 0;
}
.notificationLink img {
    width: 100%;
}
.notificationBorder {
    height: 1px;
    border-top: 1px solid #00a9e9;
}
.alertBox + .notificationBorder {
    border-color: transparent;
}
.alertTitle{
    text-align: center;
}
.alertBox {    
    border-radius: 0;
    border: none;
    margin: 0;
    background:#5dc889;
    position: relative;
    padding: 30px;    
}
.alertBox .close{
    top: 5px;
    right: 10px;
    position: absolute;
}
.alertBox .close > span{
    font-size: 30px;
    line-height: 1;
    font-family: 'latolight';
}
.alertBox .close:hover, .alertBox .close:focus {
    color: #ffffff;
    opacity: 1;
}
.alertBox .close{
    color: #ffffff;
    opacity: 0.5;
}
.alertContent{
    border: 2px solid #ffffff;
    padding: 15px;
}
.alertText p{
    font-family: 'latolight';
    font-size:  18px;
    line-height: 24px;
    color: #ffffff;
}
.alertTitle h3{
    font-size: 35px;
    line-height: 42px;
    color: #ffffff;
    font-family: 'latoregular';
    text-transform: uppercase;    
}
body.home .alertTitle h3 {
    border-right: 1px solid #fff;
}

.forWhatsOnMobileOnly {
    display:none;
}

.event-form-loader {
    margin-left: 15px;
    position: absolute;
    top: 1px;
}

.competition-form-loader {
    margin-left: 15px;
    position: absolute;
    top: 1px;
}
.searchResults .pagination a.page-numbers{
    color: #137693;
}

@media (max-width:767px){
    .forWhatsOn li {
        border-bottom: 1px solid #ccc;
        display: block;
        padding: 20px;
    }
    .forWhatsOn li a {
        display: block;
        font-size: 14px;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        color: #636466;
    }
    .forWhatsOn li a:hover {
        color: #00b5cc ;
    }
    .mobLogo{
        max-width: 200px;
        width: auto;
        height: auto;
        padding: 12px 0;
    }
    .loginText h5{
        font-size: 16px;
        line-height: 20px;
    }
    .notification{
        margin-bottom: 15px;
    }
    .headerTime{
        margin: 0; 
        height: 60px;
        line-height: 60px;
        text-align: center;
    }
    .borderedText{
        border-right: 3px solid #f3f3f3;
    }
    .smallHeader .smallHeaderBorder{
        clear: both;
        border-bottom:  3px solid #f3f3f3; 
    }
    .smallHeader .headerTime{
        height: 50px;
        line-height: 50px;
    }
    .headerContent {
        border-top: 3px solid #f3f3f3;         
        clear: both;
    }
    .openingTime{
        font-size: 12px;
        line-height: normal;
        display: inline-block;
        vertical-align: middle;
    }
    .openingHour{
        font-size: 9px;
        line-height: 16px;
        color: #00b5cc;
    }
    .headerLogin{
        margin: 0 -15px;
        text-align: center;
        padding: 5px 0;
    }
    .loginImg{
        display: inline-block;
        vertical-align: middle;
    }
    .loginText{
        display: inline-block;
    }
    .headermenuWrap{
        padding: 0;        
    }
    .headerMenu li {
        display: block;
        border: none;
        margin: 0;
        text-align: left;
        padding: 5px;        
    }
    .headerMenu li a{
        padding: 5px;
    }
    .headerMenu li a:hover{
        color: #808284;
    }
    .headerMenu li:hover , .active{
        border: none;
        background: #ddd;
    }
    .headerMenu li.active{
        border: none;
    }
    .alertText p{
        text-align: center;        
    }
    .right-inner-addon{
        margin: 20px 0;
    }
    .alertTitle h3{
        font-size: 28px;
        line-height: 32px;
    }
    .alertText p{
        font-size: 14px;
        line-height: 18px;
    }
}
@media (min-width:768px) and (max-width:1300px){
    .followLinkName li a {
        height: 25px;
        width: 25px;
    }
    .headerLogo {
        margin-top: 30px;
    }
    .headerTime {
        margin-top: 35px;
    }
    .openingTime{
        font-size: 14px;
        line-height: 18px;        
    }
    .right-inner-addon .form-control {
        font-size: 14px;
        line-height: 1;
        height: 42px;
    }
    .loginText h5{
        font-size: 14px;
        line-height: 18px;        
    }
    .headerContact a{
        font-size: 12px;
        line-height: 14px;
        padding: 0;
    }
    .headerContact{
        margin-top: 15px;
    }
    .followLink{
        padding: 0;
    }
    .followLinkTitle h4{
        font-size: 12px;
        margin: 0;
    }
    .followLinkName li a {
        height: 20px;
        width: 20px;
    }
    .followLinkName li{
        font-size: 16px;
        padding-left: 8px;
    }
    .headerLink {
        margin-top: 45px;
    }
    .headerLink li{
        padding: 0 ;
    }
    .headerLink li a{
        font-size: 11px;
        line-height: 14px;
        /*padding-right: 3px;*/
        padding-right: 2px;
    }
    .headerContact > a{
        padding-right: 5px;
    }
    .right-inner-addon input{
        font-size: 14px;
        line-height: 18px;
    }
    .headerMenu li a{
        font-size: 15px;
        line-height: 18px;        
    }  
}
@media (min-width:768px) and (max-width:991px){
    .right-inner-addon .form-control {
        font-size: 12px;
        line-height: 1;
        height: 36px;
    }
    .headerLink{
        margin-left: -10px;
        margin-right: -10px;
    }
    .headerLink li a{
        font-size: 9px;
        line-height: 14px;       
    }
    .headerMenu li{
        margin: 0 10px;
    }
    .headerContact li{
        margin:0 4px;  
    }
    .openingTime{
        font-size: 12px;
        line-height: 16px;
    }
    .openingHour{
        font-size: 10px;
    }
}
.pageHiddenContent {
    max-width: 700px;
    color: #54585c;
    font-size: 16px;
    line-height: 24px;
}
.pageHiddenContent a {
    color: #00aae6;
}
.pageHiddenContent h2 {
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
}
.pageHiddenContent p {
    margin-bottom: 20px;
}

.vipBanner {
    margin-bottom: 30px;
}
.bannerText {
    color: #646464;
    font-family: "latoregular";
    font-size: 20px;
    line-height: 26px;
    margin-top: 15px;
    padding: 0 20px;
    text-align: center;
}
.bannerText p {
    margin-bottom: 15px;
}
.bannerText a {
    color: #00aae6;
    display: inline-block;
    font-family: 'latobold';
}
.subscriptionFormWrap {
    margin-top: 40px;
}
.subscriptionFormWrap .form-control {
    border-color: #838584;
    border-radius: 0;
    border-right: medium none #838584;
    box-shadow: none;
    font-size: 20px;
    height: 50px;
    text-transform: lowercase;
    font-family: "latoregular";
}
.subscriptionFormWrap .subscriptionSubmit {
    background: none !important;
    border-color: #838584;
    border-left: medium none #838584;
    border-radius: 0;
    color: #00acec;
    font-size: 24px;
    height: 50px;
    padding: 0 15px;
    outline: none;
}
.subscriptionFormWrap .subscriptionSubmit:hover {
    background: none;
    border-color: #838584;
}
.loginFormWrapper .fancybox-skin {
    border-color: #fc9c28;
}
.loginFormWrapper .fancybox-close:before {
    color: #fc9c28;
}
.alertBox.alert {
    margin-bottom: 30px;
}
@media (min-width:768px) and (max-width:1299px){
    .bannerText {
        margin-top : 0;
        font-size: 14px;
        line-height: 20px;
    }
    .subscriptionFormWrap {
        margin-top: 20px;
    }
}
@media (min-width:768px) and (max-width:991px){
    .bannerText {
        font-size: 12px;
        line-height: 16px;
        padding: 0;
    }
    .subscriptionFormWrap .form-control {
        font-size: 14px;
        height: 40px;
    }
    .subscriptionFormWrap .subscriptionSubmit {
        font-size: 16px;
        height: 40px;
        padding: 0 10px;
    }
}
@media (max-width:767px){
    .homeSlider {
        /*display:none;*/
    }
    .bannerText,
    .bannerImage {
        text-align: center;
    }
    .bannerImage img {
        display: inline-block;
    }
    .subscriptionFormWrap {
        margin-top: 0;
    }
}