@charset "utf-8";


/* CSS Document */
body
{
    margin:0;
    padding:0;
    font-family: 'chevinlightregular';
    font-size:14px;
    background:url(../images/ptrn.png);
}
*
{

}
a
{
    text-decoration:none;
    outline:none;
}
a:hover
{
    outline:none;
}


.clear:after{
    clear: both;
    display: block;
    content: ' ';
}

#slideshow {
    top:0;
    width:100%;
    height:612px;
    z-index:0;
}
#slideshow > div {
    width: 100% !important;
    min-width: 1000px !important;
    text-align:center;
}
.prev a, .next a {
    position:absolute;
    display:block;
    top:350px;
    z-index:9999;
    font-size:50px;
    padding:0px 30px;
    font-weight:bold;
    text-decoration:none;
    color:#FFF;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}
.prev a:hover, .next a:hover{

}
.prev a {
    left:0px;
}
.next a {
    right:0px;
}
.nav {
    margin:0px auto;
    width:900px;
    text-align:center;
    margin-top:50px;
}
.nav a {
    display:block;
    float:left;
    padding:10px;
    background:#333;
    text-decoration:none;
    color:#FFF;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
}
.nav a:hover{
    background:#000;
}
.nav a.activeSlide { 
    background:#666;
}


.banner-01
{
    float:left;
    background: #0596e5 url(../images/banners/batminton-court.jpg) center 123px no-repeat;
}


.banner-02
{
    float:left;
    background: #0596e5 url(../images/banners/Photography_contest-hd.jpg) center center no-repeat;
    background-size: cover;
    top: 123px !important;  
}

.banner-02 .text{
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -450px;
    top: 50%;
    transform: translateY(-50%);
}


.banner-03
{
    float:left;
    background: #0596e5 url(../images/banners/go-green.jpg) center top no-repeat;
    background-size: 100%;
    top: 123px !important;  
}

@media screen and (max-width:1515px){
    .banner-03{
        background: #0596e5 url(../images/banners/go-green.jpg) center top no-repeat;
        background-size: auto 612px;
    }   
}


.banner-04
{
    float:left;
    background: #0596e5 url(../images/banners/banner-fina.png) center center no-repeat;
    background-size: cover;
    top: 88px !important;  
}

.banner-04 .wrapper{
    width: 1000px !important;
    height: 480px;
    position: relative;
}

.banner-04 .text{
    position: absolute;
    left: 0;
    top: 60%;
    transform: translateY(-50%);
}


.banner-05
{
    float:left;
    top: 133px  !important;
    background: #0596e5 url(../images/banners/april.jpg) center -2px no-repeat;
    background-size: 100%;
}

.banner-05 .text{
    width :100%;
    position: relative;
    top: 50px;
}

@media screen and (max-width:1515px){
    .banner-05{
        background: #0596e5 url(../images/banners/april.jpg) center -2px no-repeat;
        background-size: auto 612px;
        top: 120px !important;
    }   
}

@media screen and (min-width:1800px){
    .banner-05{
        background: #0596e5 url(../images/banners/april.jpg) center center no-repeat;
        background-size: 100%;
        top: 120px !important;
    }   
}


.banner-06
{
    float:left;
    top: 133px  !important;
    background: #0596e5 url(../images/banners/swim-indoor.jpg) center -2px no-repeat;
    background-size: 100%;
}


@media screen and (max-width:1515px){
    .banner-06{
        background: #0596e5 url(../images/banners/swim-indoor.jpg) center -2px no-repeat;
        background-size: auto 612px;
        top: 120px !important;
    }   
}

@media screen and (min-width:1800px){
    .banner-06{
        background: #0596e5 url(../images/banners/swim-indoor.jpg) center center no-repeat;
        background-size: 100%;
        top: 120px !important;
    }   
}


.banner-07
{
    float:left;
    top: 133px  !important;
    background: #0596e5 url(../images/banners/ramadan-banner.jpg) center -2px no-repeat;
    background-size: 100%;
}


@media screen and (max-width:1515px){
    .banner-07{
        background: #0596e5 url(../images/banners/ramadan-banner.jpg) center -2px no-repeat;
        background-size: auto 612px;
        top: 120px !important;
    }   
}

@media screen and (min-width:1800px){
    .banner-07{
        background: #0596e5 url(../images/banners/ramadan-banner.jpg) center center no-repeat;
        background-size: 100%;
        top: 120px !important;
    }   
}


.banner-08
{
    float:left;
    top: 133px  !important;
    background: #0596e5 url(../images/banners/banner-08.jpg) center -2px no-repeat;
    background-size: 100%;
}


@media screen and (max-width:1515px){
    .banner-08{
        background: #0596e5 url(../images/banners/banner-08.jpg) center -2px no-repeat;
        background-size: auto 612px;
        top: 120px !important;
    }   
}

@media screen and (min-width:1800px){
    .banner-08{
        background: #0596e5 url(../images/banners/banner-08.jpg) center center no-repeat;
        background-size: 100%;
        top: 120px !important;
    }   
}



.banner-09
{
    float:left;
    top: 133px  !important;
    background: #0596e5 url(../images/banners/16sept-arab-ar.jpg) center -2px no-repeat;
    background-size: 100%;
}


@media screen and (max-width:1515px){
    .banner-09{
        background: #0596e5 url(../images/banners/16sept-arab-ar.jpg) center -2px no-repeat;
        background-size: auto 612px;
        top: 120px !important;
    }   
}

@media screen and (min-width:1800px){
    .banner-09{
        background: #0596e5 url(../images/banners/16sept-arab-ar.jpg) center center no-repeat;
        background-size: 100%;
        top: 120px !important;
    }   
}



.banner-10
{
    float:left;
    top: 133px  !important;
    background: #0596e5 url(../images/banners/16sept-eng.jpg) center -2px no-repeat;
    background-size: 100%;
}


@media screen and (max-width:1515px){
    .banner-10{
        background: #0596e5 url(../images/banners/16sept-eng.jpg) center -2px no-repeat;
        background-size: auto 612px;
        top: 120px !important;
    }   
}

@media screen and (min-width:1800px){
    .banner-10{
        background: #0596e5 url(../images/banners/16sept-eng.jpg) center center no-repeat;
        background-size: 100%;
        top: 120px !important;
    }   
}

.banner-15{
    float:left;
    top: 133px  !important;
    background: #0596e5 url(../images/banners/banner-15.jpg) center -2px no-repeat;
    background-size: 100%;
}

@media screen and (max-width:1800px){
    .banner-15{
        background: #0596e5 url(../images/banners/banner-15.jpg) center -2px no-repeat;
        background-size: 110%;
    }
}

@media screen and (max-width:1550px){
    .banner-15{
        background: #0596e5 url(../images/banners/banner-15.jpg) center -2px no-repeat;
        background-size: 120%;
    }
}

@media screen and (max-width:1400px){
    .banner-15{
        background: #0596e5 url(../images/banners/banner-15.jpg) center -2px no-repeat;
        background-size: 130%;
    }
}
@media screen and (max-width:1200px){
    .banner-15{
        background: #0596e5 url(../images/banners/banner-15.jpg) center -2px no-repeat;
        background-size: 140%;
    }
}

@media screen and (max-width:1100px){
    .banner-15{
        background: #0596e5 url(../images/banners/banner-15.jpg) center -2px no-repeat;
        background-size: 150%;
    }
}


.banner-1
{
    width:100;
    float:left;
    background:url(../images/banners/banner-1.jpg) center; 
}
.banner-2
{
    width:100;
    float:left;
    background:url(../images/banners/banner-2.jpg) center; 
}
.banner-3
{
    width:100;
    float:left;
    background:url(../images/banners/ntnl-sprt-dy.png) center center no-repeat; 
}

.banner-4
{
    width:100;
    float:left;
    background:url(../images/banners/banner-4-bg.jpg) center center; 
}

.banner-4 .content-t{
    position: relative;
    height: 614px;
} 

.banner-4 .content-t .text {
    position: absolute;
    left: 0;
    bottom: 158px;  
    width: 386px !important;
    text-align: left !important;
} 

.banner-4 .content-t .text span{
    font-size: 20px;
    color: #fff;
    font-style: italic;
    font-weight: 700; 
    font-family: 'Roboto Condensed', sans-serif;
}

.banner-4 .content-t .text span a{
    color: #1A2765;
}

.banner-4 .content-t .text img{
    width: 386px;
}

.banner-4 .content-t img.face{
    position: absolute;
    right: -180px;
    bottom: 0;
    width: 582px;
}

.banner-5
{
    width:100;
    float:left;
    background:url(../images/banners/banner-5.jpg) center; 
}
.banner-6
{
    width:100;
    float:left;
    background:url(../images/banners/banner-6.jpg) center; 
}
.banner-13
{
    width:100;
    float:left;
    background:url(../images/banners/banner-13.jpg) center; 
}

.banner-14
{
    width:100;
    float:left;
    background:url(../images/banners/banner-14.jpg) center; 
}
.banner-8
{
    width:100;
    float:left;
    background:url(../images/banners/banner-10.jpg) center; 
}
.banner-12
{
    width:100;
    float:left;
    background:url(../images/banners/banner-12.jpg) center; 
}
.header
{
    width:100%;
    float:left;
    height:133px;
    /*background: url(../images/header-bg.jpg) repeat-y center top ;*/


    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */



    position:absolute;
    z-index:100;
    top:0;
}
.wrapper
{
    width:1000px;
    margin:0 auto;
    padding:0;
}
.header .top
{
    width:auto;
    float:right;
    height:36px;
    border-bottom:#dedede 1px solid;
}
.logo
{
    width: 266px;
    height: 176px;
    background: url(../images/logo-new.png);
    float: left;
    background-size: 276px;
    background-repeat: no-repeat;
}
.menu-wrapper
{
    width:auto;
    min-width:600px;
    float:right;
    margin-top:36px;
}
.menu-wrapper nav {float:left;}
.menu-wrapper nav ul {text-align:center; margin:0; padding:0;}
.menu-wrapper nav ul li {float:left;display:inline;}
.menu-wrapper nav ul li:hover {}
.menu-wrapper nav ul li:hover a
{
    color:#fe7c0b;
}
.menu-wrapper nav ul li a {display:block; padding:0px 18px; color:#696969; font-family: 'bebasregular'; font-size:14px; line-height:40px;}
.menu-wrapper nav ul li a:hover{ color: #fe7c0b;}
.menu-wrapper nav ul li a.home
{
    /*color:#fe7c0b;*/
}
.menu-wrapper nav ul li a.activities
{
    /*color:#c5003c;*/
}
.menu-wrapper nav ul li a.events
{
    /*color:#fe7c0b;*/
}
.menu-wrapper nav ul li a.plan-your-event
{
    /*color:#89cc00;*/
}
.menu-wrapper nav ul li a.gallery
{
    /*color:#00278f;*/
}
.menu-wrapper nav ul li a.contact-us
{
    /*color:#202020;*/
}
.menu-wrapper nav ul li ul {
    position:absolute; 
    min-width:140px; 
    width:auto;
    background:url(../images/dropdown-bg.png) no-repeat top; 
    padding-top:5px; 
    border-bottom:#fe7c0b 4px solid;
    margin-left:-16px;}
.menu-wrapper nav ul li ul li {margin:0;padding:0;width:100%;}
.menu-wrapper nav ul li ul li a, .menu-wrapper nav ul li:hover ul li a {
    display:block;
    /*padding:10px 0px;*/
    color:#444;
    text-align:center; 
    text-indent:0; 
    font-size:13px;
    background-color: #fff;
    font-family: 'chevinlightregular'; 
    border-bottom:#f2f2f2 1px solid;}
.menu-wrapper nav ul li ul li a:hover
{color:#000; background:#f2f2f2; }
.menu-wrapper nav ul li ul li:hover a {}
.menu-wrapper nav ul li ul.fallback {display:none;}
.menu-wrapper nav ul li:hover ul.fallback {display:block;}
.smaller > a {
    font-size: 11px !important;
    line-height: 2px;
    color:#444;
}
.scrollthis, .dontscroll {
    margin: 0px !important; 
    width: 115%;
}
ul.drop-a
{
    /*border-bottom:#c5003c 4px solid !important;*/
    margin-left:-37px !important;
}
ul.drop-b
{
    /*border-bottom:#fe7c0b 4px solid !important;*/
    margin-left:7px !important;
}
ul.drop-home
{
    /*border-bottom:#0065E7 4px solid !important;*/
    margin-left:-30px !important;
}
ul.drop-c
{
    /*border-bottom:#00278F 4px solid !important;*/
    margin-left:-10px !important;
}
a.search
{
    background:url(../images/search.png) no-repeat;
    padding:0 !important;
    width:41px;
    height:41px;
    float:right;

}
.event-scroll
{
    margin-top: 20px !important;
    width: 730px;
    /*width:100%;*/
    float:left;
    /*background:url(../images/event-scroll-bg.png);*/
    background-color: rgba(255,255,255,0.8);
    font-weight: bold;
    line-height:43px;
    text-indent:23px;
    color:#000;
    height:43px;
    z-index:1000;
    overflow: hidden; 
}
.social-media
{
    width:54px;
    float:right;
    position:absolute;
    z-index:1000;
    top:480px;
    overflow:hidden;
    right:0;
}
.social-media a
{
    position:relative;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.social-media a img
{
    opacity:.8;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.social-media a:hover img
{
    opacity:1;

}
.social-media:hover a
{

    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.container
{
    width:100%;
    float:left;
    position:relative;
}
.container .left-box
{
    width:295px;
    height:168px;
    float:left;
    /*background:url(../images/facilities-1.png);*/
    background-color: #000;
    margin-left:30px;
    background-size:100%;
}
.container .left-box:hover
{
    background-size:120%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.container .left-box .caption
{
    width:295px;
    float:left;
    height:65px;
    background:url(../images/left-caption.png) no-repeat right;
}
.container .left-box .caption a
{
    font-family: 'bebasregular';
    padding-top:26px;
    font-size:18px;
    float:right;
    padding-right:60px;
    color:#fff;
}
.container .left-box .caption a:hover
{
    color:#ffe51e;
}

.container .left-box  .video-title{
    font-family: 'bebasregular';padding-top: 15px;font-size: 13px;float: right;color: #fff;position: absolute;margin-left: 11px;line-height: 16px;
}

.container .left-box2
{
    width:295px;
    height:168px;
    float:left;
    background:url(../images/events.png);
    margin-left:23px;
    background-size:100%;
}
.container .left-box2:hover
{
    background-size:120%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.container .left-box2 .caption
{
    width:295px;
    float:left;
    height:65px;
    background:url(../images/left-caption.png) no-repeat right;
}
.container .left-box2 .caption a
{
    font-family: 'bebasregular';
    padding-top:26px;
    font-size:18px;
    float:right;
    padding-right:60px;
    color:#fff;
}
.container .left-box2 .caption a:hover
{
    color:#ffe51e;
}
.container .left-box3
{
    width:295px;
    height:168px;
    float:left;
    background:url(../images/about-us.png);
    margin-left:30px;
    background-size:100%;
}
.container .left-box3:hover
{
    background-size:120%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.container .left-box3 .caption
{
    width:295px;
    float:left;
    height:65px;
    background:url(../images/left-caption.png) no-repeat right;
}
.container .left-box3 .caption a
{
    font-family: 'bebasregular';
    padding-top:26px;
    font-size:18px;
    float:right;
    padding-right:60px;
    color:#fff;
}
.container .left-box3 .caption a:hover
{
    color:#ffe51e;
}
.container2
{
    width:100%;
    float:left;


    position:relative;
}
.container2 .pattern-white
{
    border-top:#ebebeb 1px solid;
    background:#f8f8f8;
}
.container2 .sports-logo
{
  width: 37%;
    float: left;
    height: 110px;
    background: url(../images/sports-logo-2.png) center no-repeat;
}
.container2 .sports-logo-text
{
    width:50%;
    float:left;
    height:76px;
    color:#444444;
    line-height:24px;
}
.container2 .sports-logo-text a
{
    color:#ab833a;
}
.footer-wrapper
{
    width:100%;
    float:left;
    height:59px;
    background:#2572d7;
    position:relative;
    z-index:0;
    border-top:#0f56b2 1px solid;
    text-align:center;
    line-height:59px;
    color: #fff;
}
.footer-wrapper a {
    color: #0FF;
    webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.footer-wrapper a:hover {
    color: #fe7c0b;
    webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.subpages-footer
{
    top:0;
}
.language
{
    height:12px;
    margin-top:14px;
    color:#999;
    font-size:12px;
    line-height:12px;
}
.language img
{
    float:left; margin-right:5px;
}
.pattern-white
{
    width:100%;float:left;
    background:#fff;
    padding-top:30px;
    padding-bottom:30px;
    margin-top: -30px;
}
.banner-caption
{
    width:1000px !important;
    margin:0 auto;
    height:612px;
    background:url(../images/banners/banner-001.png) no-repeat bottom right;
}
.banner-caption-non
{
    width:1000px !important;
    margin:0 auto;
    height:612px;
}
.banner-caption .heading_slide_a, .banner-caption-non .heading_slide_a
{
    width:950px;
    margin-left:45px;
    text-align:left;
    margin-top:330px;
    float:left;
    text-transform:uppercase;
    font-family: 'chunkfiveroman';
    font-size:44px;
    color:#FFF;
    line-height:44px;
    text-shadow: 0 1px 1px #6B6B6B;
}
.banner-caption .text_slide_a, .banner-caption-non .text_slide_a
{
    width:950px;
    float:left;
    margin-left:45px;
    margin-top:3px;
    color:#FFF;
    font-size:14px;
    text-align:left;
    text-shadow: 0 1px 1px #6B6B6B;
}
.banner-caption .text_slide_a a, .banner-caption-non .text_slide_a a
{
    width:auto;
    padding:10px 20px;
    border:#FFF 1px solid;
    margin-top:20px;
    float:left;
    text-transform:uppercase;
    color:#fe6d00;
    font-size:14px;
    background-color: #fff;
    /*-webkit-border-radius: 3px 3px 3px 3px;*/
    /*border-radius: 3px 3px 3px 3px;*/
    opacity: 0.7;
    text-shadow: none;

    webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.banner-caption .text_slide_a a:hover, .banner-caption-non .text_slide_a a:hover
{
    color:#fff;
    background-color: #fe6d00;
    opacity: 1;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}


.banner-caption .text_slide_a .take-tour,.banner-caption-non .text_slide_a .take-tour{
    margin-left: 5px;
}

/*Banner 3  late design*/

.banner-3 .banner-caption-non  .content-t{
    margin-top: 330px;
}

.banner-3 .banner-caption-non  .content-t img{
    float: left;

}

.banner-3 .banner-caption-non  .heading_slide_a{
    font-size: 55px;
    margin-top: 0 !important;
}


.banner-3 .banner-caption-non  .heading_slide_a span{
    font-size: 40px;
}

.banner-3 .text_slide_a{
    text-transform: uppercase;
    line-height: 25px;
}


.banner-3 .text_slide_a a {
    width: auto;
    padding: 2px 5px !important;
    margin-right: 2px;
    border: #FFF 1px solid;
    margin-top: 0 !important; 
    float: none !important;
    text-transform: uppercase;
    color: #fe6d00;
    font-size: 14px;
    background-color: #fff;
    /* -webkit-border-radius: 3px 3px 3px 3px; */
    /* border-radius: 3px 3px 3px 3px; */
    opacity: 0.7;
    text-shadow: none;  
}

.banner-caption-non .text_slide_a,
.banner-3 .banner-caption-non .heading_slide_a{
    width: 600px;
}





.text_slide_a div {
    /*background-color: #000;*/
    /*opacity: 0.5;*/
    padding: 10px;
    padding-left: .0px;
    text-align: left !important;
    /*max-width: 600px;*/
}
.option-2
{
    background:url(../images/bannerimage-2.png) no-repeat bottom center;
}
.option-3
{
    background:url(../images/bannerimage-3.png) no-repeat bottom right;
}
.subpage-header
{
    width:100%;
    float:left;
    height:309px;
    background:red;
    margin-top:133px;
    background:url(../images/subpage-banner.jpg) center;
}
.subpage-header .wrapper .subpage-heading
{
    width:100%;
    float:left;
    height:58px;
    background:url(../images/subpage-header.png);
    margin-top:251px;
    line-height:58px;
    font-size:26px;
    line-height:60px;
    text-transform:uppercase;
    color:#FFF;
    font-weight:bold;
    text-indent:25px;
    text-shadow: 0 1px 0 #ac6a1f;
}
.subpage-content-wrap
{
    width:100%;
    float:left;
    background:url(../images/shadow.png) no-repeat center top;
}
.subpage-content-wrap .wrapper .main-wrap
{
    width:952px;
    padding:24px;
    background:#FFF;
    float:left;
}
.subpage-content-wrap .wrapper .main-wrap .left-wrap
{
    width:680px;
    float:left;

}
.subpage-content-wrap .wrapper .main-wrap .left-wrap .banner
{
    width:100%;
    float:left;
    padding-bottom:14px;
    background:url(../images/border-bottom.png) repeat-x bottom;
}
.subpage-content-wrap .wrapper .main-wrap .left-wrap .text-content
{
    width:665px;
    float:left;
    padding-top:24px;
    padding-bottom:24px;
    line-height:20px;
    color:#686868;
    text-align:justify;
}
.subpage-content-wrap .wrapper .main-wrap .right-wrap
{
    width:270px;
    float:left;
    min-height:960px;
    background:url(../images/border-left.png) repeat-y left;
}

.subpage-content-wrap .wrapper .main-wrap .right-wrap .box .text{
    margin-left: 14px;
}

.no-border
{
    background:none;
}
.subpage-content-wrap .wrapper .main-wrap .right-wrap .box
{
    width:100%;
    /*width:256px;
    margin-left:14px;*/
    float:left;
    padding-bottom:15px;
    margin-bottom:20px;
    background:url(../images/border-bottom.png) repeat-x bottom;
}
.subpage-content-wrap .wrapper .main-wrap .right-wrap .box h1
{
    width:100%;
    float:left;
    font-size:18px;
    color:#000;
    margin:0 0 13px 0;
    width:256px;
    margin-left:14px;
}
.subpage-content-wrap .wrapper .main-wrap .right-wrap .box .content
{
    float:left;
    width:256px;
    margin-left:14px;
    text-align: justify;
}
.subpage-content-wrap .wrapper .main-wrap .right-wrap .box .content-links a
{
    float:left;
    padding-left:7%;
    margin-bottom:10px;
    width:93%;
    background:url(../images/bullet.png) no-repeat left;
    color:#202020;
    font-size:12px;
    /*text-transform:uppercase;*/
}
.subpage-content-wrap .wrapper .main-wrap .right-wrap .box .content a:hover
{
    color:#0cade6;
}
.no-border
{
    background:none !important;
}
ul.event-list, ul.event-list li
{
    width:100%;
    float:left;
    margin:0;
    padding:0;
    list-style:none;

}
ul.event-list li
{
    margin-bottom:15px;

}
ul.event-list li .left-list
{
    width:36px;
    float:left;
    height:36px;
    font-size:21px;
    color:#ff720b;
    text-align:center;
    border-right:#e5e5e5 1px solid;
}
ul.event-list li .left-list span
{
    font-size:10px;
    color:#5f5f5f;
    margin-top:-3px;
    float:left;
    width:100%;
    text-align:center;
}
ul.event-list li .right-heading
{
    width:210px;
    height:36px;
    float:right;
    font-size:21px;
    color:#ff720b;
    text-align:center;
    text-align:left;
    font-size:12px;
    line-height:18px;
    color:#202020;
    text-transform: uppercase;
    /*    font-weight: bold;*/
}
ul.event-list li .right-heading:hover {
    color: #ff720b !important;
}
ul.event-list li:hover .left-list
{
    color:#0cade6;
}
ul.event-list li:hover .right-heading
{
    color:#000;
}
a.view-all
{
    width:auto;
    float:left;
    border:#ff720b 1px solid;
    padding:10px 14px;
    text-transform:uppercase;
    color:#ff720b;
    margin-top:10px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
a.view-all:hover
{
    border:#0cade6 1px solid;
    color:#0cade6;
}
.text-content h3
{
    width:100%;
    float:left;
    font-weight:normal;
    font-size:16px;
    color:#000;
    margin-top:20px;
    margin-bottom:7px;
}
#ver-zebra
{
    float:left;

    width: 100%;
    text-align: left;
    border-collapse: collapse;
}
#ver-zebra tr:first-child {
    border-top: 1px solid #eaeaea;
}
#ver-zebra th
{
    font-size: 12px;
    font-weight: normal;
    text-transform:uppercase;
    padding: 12px 10px;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    color: #ff6500;
    background:#f7f7f7;
}
#ver-zebra td
{
    padding: 8px 10px;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    font-size:13px;
}
.vzebra-odd
{
    background: #fff;
}
.vzebra-even
{
    background: #fff;
}
#ver-zebra #vzebra-adventure, #ver-zebra #vzebra-children
{
    background: #d0dafd;
    border-bottom: 1px solid #c8d4fd;
}
#ver-zebra #vzebra-comedy, #ver-zebra #vzebra-action
{
    background: #dce4ff;
    border-bottom: 1px solid #d6dfff;
}
#ver-zebra a {
    color: #3AB9EB;
}
a.download-link-button
{
    background:#ededed;
    padding:8px 16px;	
    float:left;
    margin-top:12px;
    color: #ff6500;
    text-transform:uppercase;
    font-size:12px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    margin-right:12px;
}
a.download-link-button:hover
{
    background:#ff6500;
    color:#FFF;
}
.subpage-content-wrap .wrapper .main-wrap .left-wrap .board-director-content
{
    width:665px;
    float:left;
    padding-bottom:24px;
    line-height:20px;
    color:#686868;
    text-align:justify;
}
.board-of-directors-big
{
    width:250px;
    float:left;
}
.board-of-directors-big .capt
{
    width:100%;
    float:left;
    height:52px;
    background:url(../images/director-icon.png) no-repeat left center #ff8e15;
}
.board-of-directors-big .capt span
{
    padding-top:12px;
    padding-left:50px;
    color:#FFF;
    float:left;
    text-transform:uppercase;
    line-height:15px;
}
.board-of-directors-small-boxes
{
    /*    width:412px;
        height:526px;
        float:left;*/
}
.board-of-directors-small-boxes .director-box
{
    width: 221px;
    height: 282px;
    float:left;
}
.board-of-directors-small-boxes .director-box img
{
    width:100%;
    float:left;
    /*height:263px;*/
    position:relative;
}
.board-of-directors-small-boxes .director-box .capt
{
    width:100%;
    float:left;
    height: 47px;
    overflow: hidden;
    background:url(../images/director-capt-white.png);
    position:relative;
    top:-47px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.board-of-directors-small-boxes .director-box .capt div
{
    float:left;
    padding: 12px;
    font-size: 13px;
    color:#474645;
    text-transform:uppercase;
    line-height:16px;
    text-align: left;
}
.board-of-directors-small-boxes .director-box:hover .capt
{
    background:url(../images/director-capt-white-hover.png);
    min-height: 86px;
    top:-86px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;

}
.facility-page-wrap
{
    width:100%;
    float:left;
}
.facility-page-wrap .odd
{
    width:100%;
    float:left;

}
.facility-page-wrap .odd .left
{
    width:49%;
    float:left;
    height:250px;
    border-right:4px #fce107 solid;
    overflow: hidden;
}
.facility-page-wrap .odd .left img
{
    width: 100%;
    float:left;
    position:relative;
    min-height: 250px;
}
.facility-page-wrap .odd .left .event-arrow
{
    width:13px;
    height:16px;
    background:url(../images/event-arrow.png);
    position:relative;
    top:43px;
    right:-320px;
}
.facility-page-wrap .odd .right
{
    width:49%;
    float:left;
    height:250px;
    background:#f8f8f8;
    overflow: hidden;
}
.facility-page-wrap .odd .right .content
{
    padding:24px;
    float:left;width:307px;
}
.facility-page-wrap .odd .right .content strong
{
    width:100%;
    float:left;
    font-size:22px;
    color:#000;
    margin-bottom:8px;
}
.facility-page-wrap .odd .right .content span
{
    width:297px;
    padding-left:13px;
    float:left;
    background:url(../images/facility-bullet.png) no-repeat left 6px;
    color:#686868;
    margin-bottom:5px;
    font-size:13px;
}
.facility-page-wrap .even
{
    width:100%;
    float:left;

}
.facility-page-wrap .even .left
{
    width:49%;
    float:left;
    height:250px;
    border-right:4px #fce107 solid;
    overflow: hidden;
    background: #f8f8f8;
}
.facility-page-wrap .even .left .content
{
    padding:24px;
    float:left;
    /*width:260px;*/
}
.facility-page-wrap .even .left .content strong
{
    width:100%;
    float:left;
    text-align:right;
    font-size:22px;
    color:#000;
    margin-bottom:8px;
}
.facility-page-wrap .even .left .content span
{
    width:247px;
    padding-right:13px;
    float:left;
    text-align:right;
    background:url(../images/facility-bullet-2.png) no-repeat right 6px;
    color:#686868;
    margin-bottom:5px;
    font-size:13px;
}
.facility-page-wrap .even .right
{
    width:49%;
    float:left;
    height:250px;
    background:#f8f8f8;
    overflow: hidden;
}
.facility-page-wrap .even .right img
{
    width: 100%;
    float:left;
    position:relative;
    min-height: 250px;
}
.facility-page-wrap .even .right .event-arrow
{
    width:13px;
    height:16px;
    background:url(../images/event-arrow2.png);
    position:relative;
    top:43px;
    left:0;
}
.event-wrapper
{
    width:100%;
    float:left;
}
.event-wrapper .odd
{
    width:100%;
    float:left;

}
.event-wrapper .odd .left
{
    width:476px;
    float:left;
    height:280px;
    border-right:4px #fce107 solid;
    overflow: hidden;
}
.event-wrapper .odd .left img
{
    float:left;
    position:relative;
}
.event-wrapper .odd .left .event-arrow
{
    width:13px;
    height:16px;
    background:url(../images/event-arrow.png);
    position:relative;
    top:43px;
    right:-464px;
}
.event-wrapper .odd .right
{
    width:472px;
    float:left;
    height:280px;
}
.event-wrapper .odd .right .content
{
    padding:24px;
    float:left;width:94%;
}
.event-wrapper .odd .right .content strong a
{
    width:100%;
    float:left;
    font-size:16px;
    text-transform:uppercase;
    color:#fe6d00;
    margin-bottom:8px;
    line-height:23px;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
}
.event-wrapper .odd .right .content strong a:hover {
    color:#fe6d00;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
}
.event-wrapper .odd .right .content > span
{
    width:100%;
    float:left;
    margin-bottom:5px;
    line-height:20px;
    font-size:13px;
    color:#686868;
    text-align:left;
    height: 143px;
    overflow: auto;
}
.event-wrapper .odd .right .content .event-footer
{
    width:100%;
    float:left;
    margin-top:12px;
}
.event-wrapper .odd .right .content .event-footer .date
{
    /*float:left;*/
    font-size:14px;
    color:#fe6d00;
    text-transform:uppercase;
    margin-bottom: 13px;
}
.event-wrapper .odd .right .content .event-footer .social-share
{
    /*float:right;*/
}
.event-wrapper .even
{
    width:100%;
    float:left;

}
.event-wrapper .even .left
{
    width:476px;
    float:left;
    height:280px;
    border-right:4px #fce107 solid;
}
.event-wrapper .even .left .content
{
    padding:24px;
    float:right;width:94%;
}
.event-wrapper .even .left .content strong a
{
    max-height: 23px;
    width:100%;
    float:right;
    font-size:16px;
    text-align:right;
    text-transform:uppercase;
    color:#fe6d00;
    margin-bottom:8px;
    line-height:23px;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
}
.event-wrapper .even .left .content strong a:hover {
    color:#fe6d00;
    transition: color 0.5s ease-in-out;
    -webkit-transition: color 0.5s ease-in-out;
    -moz-transition: color 0.5s ease-in-out;
    -o-transition: color 0.5s ease-in-out;
    -ms-transition: color 0.5s ease-in-out;
}
.event-wrapper .even .left .content > span
{

    width:100%;
    float:right;
    color:#686868;
    margin-bottom:5px;
    line-height:20px;
    font-size:13px;
    color:#686868;
    text-align:right;

    height: 143px;
    overflow: auto;
}
.event-wrapper .even .right
{
    width:472px;
    float:left;
    height:280px;
    overflow: hidden;
}
.event-wrapper .even .right img
{
    float:left;
    position:relative;
}
.event-wrapper .even .right .event-arrow
{
    width:13px;
    height:16px;
    background:url(../images/event-arrow2.png);
    position:relative;
    top:43px;
    left:0;
}
.event-wrapper .even .left .event-footer
{
    width:100%;
    float:left;
    margin-top:12px;
}
.event-wrapper .even .left .event-footer .date
{
    /*float:right;*/
    font-size:14px;
    color:#fe6d00;
    text-transform:uppercase;
    margin-bottom: 13px;
}
.event-wrapper .even .left .event-footer .social-share
{
    /*float:left;*/
}
.subpage-content-wrap .wrapper .main-wrap .left-wrap .team-content
{
    width:665px;
    float:left;
    padding-bottom:24px;
    line-height:20px;
    color:#686868;
    text-align:justify;
}
.team-content-boxes
{
    width:100%;
    float:left;
}
.team-content-boxes .team-box
{
    width:220px;
    height:180px;
    float:left;
    overflow:hidden;
}
.team-content-boxes .team-box:nth-child(odd) img
{
    opacity: 0.5;
}
.team-content-boxes .team-box img
{
    width:100%;
    float:left;
    height:180px;
    position:relative;
}
.team-content-boxes .team-box .capt
{
    width:100%;
    float:left;
    height:72px;
    background:url(../images/team-caption-bg.png);
    position:relative;
    top:0px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
}
.team-content-boxes .team-box:hover .capt
{
    top:-72px;
}
.team-content-boxes .team-box .capt div
{
    float:left;
    padding-top:34px;
    padding-left:12px;
    color:#474645;
    text-transform:uppercase;
    line-height:15px;
    break-before:12px;
    font-size:13px;
    color:#fff;
}
.team-content-boxes .team-box .capt div a
{
    width:29px;
    height:29px;
    float:right;
    position:relative;
    /*background:url(../images/team-email.png);*/
    right:-67px;
    top:-14px;
}
.gallery-wrap
{
    width:100%;
    float:left;
}
#images {
    float:left;
}
#images img {
    width:166px;
    float:left;
    margin:0;
    padding:0;
    opacity:.8;
    cursor:pointer;
}
#full {
    float:left;
    width:664px;
    height:400px;
    border-bottom:#FFF 5px solid;
}
.selected {
    /*background-color:*/
    opacity:1 !important;
}
#caption {
    clear:left;
}
.event-search
{
    width:100%;
    float:left;
    background:url(../images/search-icon.png);
    height:104px;
    margin-bottom:40px;
}
ul.pagination{
    margin: 35px 0px 0px 0px;
    padding:0px;
    height:100%;
    overflow:hidden;
    font:12px 'Tahoma';
    list-style-type:none;	
}
ul.pagination li.details{
    padding:7px 10px 7px 10px;
    font-size:14px;
}
ul.pagination li.dot{padding: 3px 0;}
ul.pagination li{
    float:left;
    margin:0px 5px;
    padding:0px;
    margin-left:5px;
}
ul.pagination li:first-child{
    margin-left:0px;
}
ul.pagination a li{
    color:black;
    display:block;
    text-decoration:none;
    padding:7px 10px 7px 10px;
}
ul.pagination a li img{
    border:none;
}
ul.pagination li.details{
    color:#888888;
    line-height: 13px
}
ul.pagination a li
{
    color:#FFFFFF;
    border-radius:3px;	
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}
ul.pagination a li
{
    color:#474747;
    border:solid 1px #B6B6B6;
    padding:6px 9px 6px 9px;
    background:#E6E6E6;
    background:-moz-linear-gradient(top,#FFFFFF 1px,#F3F3F3 1px,#E6E6E6);
    background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));
}	
ul.pagination a li:hover,
ul.pagination a > .current
{
    background:#FFFFFF !important;
}
.clientele > li > a {
    color: #fe7c0b;
    margin-left: 0px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition:  all 0.1s ease-out;
}
.clientele > li > a:hover {
    color: #000;
    margin-left: 5px;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    transition:  all 0.1s ease-out;
}
.spl_hover:hover {
    background-color: #fff !important; 
}
.spl_hover {
    background-color: #fff !important; 
}
.head_director{
    background-color: #ff8e15;
    float: left;
    width: 181px;
    height: 186px;
    padding: 20px;
    padding-top: 80px;
}
.head_director div:first-child{
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
}
.head_director div:nth-child(2){
    font-size: 11px;
    color: #fff;
    /*text-transform: uppercase;*/
    border-bottom: 1px #e58117 solid;
    margin-bottom: 5px;
    padding-bottom: 3px;
}
.head_director div:last-child {
    font-size: 12px;
    color: #fff;
    text-align: left;
}

.head_director-img{
    float: left;
}

.head_director ul{
    padding-left: 14px !important;
}

.capt small {
    display: block;
    text-align: left;
    font-size: 10px;
    text-transform: none;
}
.capt small:nth-child(2) {
    font-size: 11px;
}
.side_form {
    margin-left: 14px;
}

.side_form>input {
    border: 1px #ebebeb solid;
    border-radius: 3px;
    width: 100%;
    line-height: 24px;
    padding: 5px;
}

.dis {
    background: #dcdcdc !important;
    color: #ccc !important;
    border: 1px #dcdcdc solid !important;
    box-shadow: none !important;
    text-shadow: none !important;
}


::-webkit-scrollbar {  
    width: 5px;  
}  
::-webkit-scrollbar-track {  
    background-color: #fff;  
    /*border-left: 1px solid #fff;*/  
}  
::-webkit-scrollbar-thumb {  
    background-color:#cccccc;
}  
::-webkit-scrollbar-thumb:hover {
    background-color:#F5CC3A;
}  

.ham_ol > li {
    float: left;
    clear: both;
    width: 100%;
}

.ham_ol ul {
    clear: both;
}


.my_q_search > div > div > label{
    float: left !important;
}

.my_form > div > label:first-child{
    float: left;
}

.my_form .form-date{
    float: left;
}




/*Temperary*/

.scroller-1{
    -webkit-animation: hide-2 infinite; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation: hide-2 infinite;
    animation-duration: 2s;
    -webkit-animation-delay: 11s; /* Chrome, Safari, Opera */
    animation-delay: 11s;
}

.scroller-2{
    -webkit-animation: hide-1 infinite; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation: hide-1 infinite;
    animation-duration: 2s;
    -webkit-animation-delay: 5.5s; /* Chrome, Safari, Opera */
    animation-delay: 5.5s;
}

@-webkit-keyframes hide-1 {
    from {height: 100px;}
    to {height: 0;}
}

@keyframes hide-1 {
    from {height: 100px;}
    to {height: 0;}
}


@-webkit-keyframes hide-2 {
    0% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes hide-2 {
    0% {opacity: 1;}
    100% {opacity: 0;}
}


/*Baneer 3 lightbox effect*/

/* Make it a marquee */
.scrollthis {
    overflow: hidden;
    white-space: nowrap;
    box-sizing: border-box;
    animation: marquee 30s linear infinite;
}

#home-page .scrollthis:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee { 
    0%   { text-indent: 730px }
    100% { text-indent: -730px }
}


#fade{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index:1001;
    -moz-opacity: 0.7;
    opacity:.70;
    filter: alpha(opacity=70);
}
#light{
    display: none;
    position: absolute;
    top: 20%;
    left: 50%;
    width: 588px;
    height: 935px;
    margin-left: -294px;
    margin-top: -100px;
    padding: 10px;
    border: 2px solid #FFF;
    background: #CCC;
    z-index: 1002;
    overflow: visible;
}



/*faq page*/

.faq  {
    counter-reset: my-badass-counter;
}

.faq p {
    position: relative;
    padding-left: 40px;
}

.faq p > b{
    line-height: 25px;
    margin-bottom: -17px;
    display: block;
}

.faq p > b:before {
    content: counter(my-badass-counter);
    counter-increment: my-badass-counter;
    position: absolute;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #FF720B;
    color: #fff;
    line-height: 25px;
    width: 25px;
    display: inline-block;
    text-align: center;
    left: 0;
    top: 0;
    font-size: 11px;
    font-weight: bold;
}



/*Gallery page*/

.albums *{    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.albums {
    margin-left: -10px;
    margin-top: -10px;
}

.albums .img{
    width: 50%;
    float: left;
    border: 10px solid #fff;
    height: 245px;
    overflow: hidden;
    position: relative;
}

.albums .img img{
    width: 100%;    
    min-height: 245px; 
}


.albums .img .text{
    opacity: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(20, 61, 141, 0.61);
    padding: 20px;

    -webkit-transition: all .2s; /* Safari */
    transition: all .2s;
}

.albums .img:hover .text{
    opacity: 1;
}

.albums .img .text span{ 
    display: inline-block;
    color: #fff;
    font-size: 20px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.albums .img .text.video span{
    padding-top: 40px;
    background: url(../images/play.png) no-repeat center top;
}

/*album-single*/

.album-single {
    padding-right: 20px;
    margin-left: -10px;
}


.album-single .img{
    width  : 213.33px;
    height: 150px;
    float: left;
    overflow: hidden;
    margin-left: 10px;
    margin-bottom: 10px;
    position: relative;
}

.album-single .img a:after{
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    background: rgba(0,0,0,.5) url(../images/zoom75.png) center center no-repeat;

    -webkit-transition: all .2s; /* Safari */
    transition: all .2s;
}

.album-single .img:hover a:after{
    left: 0;
}

.album-single .img:first-child{
    width  : 436px;
    height: 310px;
}


.album-single .img img{
    width: 100%;
    min-height: 150px;
}

.album-single .img:first-child img{
    min-height: 150px;
}


/*gym page*/

.album-single.gym{
    padding-right: 0px;
}

.album-single.gym .img{
    width: 327.5px;
    height: 237px;
}


.album-single.gym .img img{
    min-height: 237px;
}


/*News page*/


.news *{    
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.news{
    padding-right: 20px;
}

.news .blk-left .img,
.news .blk-left .text{
    float: left;
}

.news .blk-right .img,
.news .blk-right .text{
    float: right;
}

.news .img,
.news  .text{
    width: 330px;
    height: 200px;
}

.news .img{
    overflow: hidden;
}

.news  .text{
    padding-top: 20px;
    padding-left: 20px;
    color: #b1b1b1;
}

.news .blk-right .text{
    padding-left:0px;
    padding-right: 20px;
}

.news  .text h1{
    font-size: 20px;
    color: #ff760b;
    margin-top: 0;
    margin-bottom: 6px;
}

.news  .text  a{
    width: auto;
    float: right;
    border: #ff720b 1px solid;
    padding: 6px 9px;
    text-transform: uppercase;
    color: #ff720b;
    border-radius: 6px;
    margin-top: 0;
}


.news .img img{
    overflow: hidden;
    width: 100%;
    min-height: 200px;
}


/*News single*/

.news-single-page + .right-wrap{
    background: none !important;
}

.news-single {
    padding-right: 20px;
    padding-bottom: 50px;
    background: url(../images/border-left.png) repeat-y right;
}

.news-single img{
    width: 100%;
    margin-bottom: 40px;
}

.news-single .title{
    height: 40px;
    height: 40px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px dotted #ccc;
}

.news-single .title .date,
.news-single .title h1{
    float: left;
    display: inline-block;
}

.news-single .title .date{
    width: 60px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ccc;
}

.news-single .title .date span{
    display: block;
    font-size: 12px;
}

.news-single .title .date span.day{
    font-size: 26px;
    color: #ff720b;
}

.news-single .title .date span.date{
    border-right: 1px solid #ccc;
}

.news-single h1{
    color: #ff720b;
    font-size: 15px;
}


/*Model Temporary use*/

#model{
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.7);
    z-index: 999;
    width: 100%;
    height: 100%;
}
#model .inner{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

#model span.close{
    position: absolute;
    right: -55px;
    top: -55px;
    width: 40px;
    height: 40px;
    background: url(../img/close-button.png) no-repeat center center;
    background-size: 100%;
    cursor: pointer;
}