@charset "UTF-8";

h1, h2 {
    letter-spacing: 3px
}

.hovereffect a.info, .sidebar-menu ul li a, a:focus, a:hover {
    text-decoration: none
}

.green-bg, .section-about, .section-about.green-bg {
    background: url(../img/pattern-green.png)
}

.hvr-grow, .hvr-pop {
    vertical-align: middle;
    box-shadow: 0 0 1px transparent
}

#login-dp, .gallery-section, .overfow-hidden {
    overflow: hidden
}

@font-face {
    font-family: CFJackStory-Regular;
    src: url(../fonts/CFJackStory/CFJackStory-Regulard41d.eot?#iefix) format('embedded-opentype'),url(../fonts/CFJackStory/CFJackStory-Regular.woff) format('woff'),url(../fonts/CFJackStory/CFJackStory-Regular.ttf) format('truetype'),url(../fonts/CFJackStory/CFJackStory-Regular.svg#CFJackStory-Regular) format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    font-family: Nunito,sans-serif
}

h1 {
    font-size: 40px;
    line-height: 50px;
    font-weight: 100
}

h2 {
    font-size: 36px;
    line-height: 115%;
    margin: 0 0 20px
}

h3 {
    font-size: 22px;
    line-height: 150%;
    letter-spacing: 2px
}

h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: .09rem
}

p {
    font-size: 16px;
    color: #8a8a8a;
    line-height: 22px;
    line-height: 130%
}

.section-about p, .text-md {
    font-size: 20px
}

.text-md {
    line-height: 150%
}

.green-bg p, .section-about p {
    color: #fff !important;
    line-height: 140%;
    display: block
}

.green-bg p {
    font-size: 16px
}

.section-about h2 {
    font-size: 30px;
    line-height: 115%;
    letter-spacing: 3px;
    margin: 0 0 20px
}

.date {
    color: #b7daac;
    font-size: 14px
}

@media(max-width:1024px) {
    h1 {
        font-size: 60px;
        letter-spacing: 0
    }

    p {
        font-size: 18px;
        line-height: 28px
    }
}

@media(max-width:768px) {
    p {
        font-size: 15px;
        line-height: 24px
    }
}

a:focus {
    outline: 0
}

.page-body .btn-orange {
    color: #fff;
    border-radius: 25px !important;
    background: #f58320;
    border: 1px solid #f58320;
    letter-spacing: 1px
}

.page-body .btn-orange {
    padding: 10px 25px !important;
    margin: 10px 0;
    transition: .6s;
    text-transform: uppercase
}

.btn-block {
    display: block;
    width: 100%
}

section {
    padding: 3.2em 0
}

    section.padding-top {
        padding: 7em 0
    }

    section.padding-up-top {
        padding-top: 7em
    }

    section.padding-up-bottom {
        padding-bottom: 7em
    }

    section.padding-disable {
        padding: 0
    }

    section.padding-disable-top {
        padding-top: 0
    }

    section.padding-disable-bottom {
        padding-bottom: 0
    }

.text-white {
    color: #fff
}

.text-black {
    color: #000
}

.text-green {
    color: #61ab46
}

.text-orange {
    color: #f58320
}

.text-grey {
    color: #8a8a8a
}

.text-align-center {
    text-align: center !important
}

.text-align-left {
    text-align: left !important
}

.text-align-right {
    text-align: right !important
}

.margin-0 {
    margin: 0 !important
}

.margin-top-30 {
    margin-top: 30px
}

.margin-top-20 {
    margin-top: 20px
}

.margin-top-15 {
    margin-top: 15px
}

.margin-top-10 {
    margin-top: 10px
}

.margin-top-0 {
    margin-top: 0
}

.margin-bottom-30 {
    margin-bottom: 30px
}

.margin-bottom-20 {
    margin-bottom: 20px
}

.margin-bottom-15 {
    margin-bottom: 15px
}

.margin-bottom-10 {
    margin-bottom: 10px
}

.margin-bottom-0 {
    margin-bottom: 0
}

.padding-top-30 {
    padding-top: 30px
}

.padding-top-20 {
    padding-top: 20px
}

.padding-top-15 {
    padding-top: 15px
}

.padding-top-10 {
    padding-top: 10px
}

.padding-top-0 {
    padding-top: 0
}

.padding-bottom-30 {
    padding-bottom: 30px
}

.padding-bottom-20 {
    padding-bottom: 20px
}

.padding-bottom-15 {
    padding-bottom: 15px
}

.padding-bottom-10 {
    padding-bottom: 10px
}

.padding-bottom-0 {
    padding-bottom: 0
}

.pos-relative {
    position: relative
}

.section-about.green-bg {
    color: #fff !important
}

@media(max-width:1024px) {
    h1 {
        font-size: 36px
    }

    h2 {
        font-size: 27px;
        line-height: 130%
    }

    h3 {
        font-size: 18px
    }
}

@media (min-width:768px) {
    .width-80-block-desktop, .width-80-desktop {
        width: 80%;
        display: block
    }

    .width-80-block-desktop {
        margin-left: auto;
        margin-right: auto
    }
}

.call-icon, .hvr-grow, .hvr-pop {
    display: inline-block
}

.btn-orange, .btn-white {
    padding: 10px 25px;
    margin: 10px 0;
    transition: .6s;
    text-transform: uppercase
}

@media (max-width:480px) {
    .mob-center {
        text-align: center
    }

    .mob-left {
        text-align: left
    }

    .mob-right {
        text-align: right
    }
}

.btn-orange {
    color: #fff;
    border-radius: 25px;
    background: #f58320;
    border: 1px solid #f58320;
    letter-spacing: 1px
}

    .btn-orange:active, .btn-orange:focus, .btn-orange:hover {
        color: #fff;
        outline: 0;
        background: #b55400;
        border: 1px solid #9c5416;
        transition: .6s
    }

.btn-go, .btn-go:active, .btn-go:focus, .btn-go:hover {
    color: #fff;
    background: #f58320
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0
}

.btn-white {
    color: #1988c3;
    border-radius: 25px;
    background: #fff;
    letter-spacing: 2px;
    border: 1px solid #fff
}

    .btn-white:active, .btn-white:focus, .btn-white:hover {
        color: #1988c3;
        background: #fff;
        transition: .6s;
        outline: 0;
        border: 1px solid #1988c3
    }

.btn-solid-orange {
    color: #fff;
    padding: 10px 35px;
    border-radius: 25px;
    text-transform: uppercase;
    background: #f2a557;
    border: 1px solid #f2a557;
    margin: 20px 0;
    text-align: center;
    transition: .6s
}

    .btn-solid-orange:active, .btn-solid-orange:focus, .btn-solid-orange:hover {
        color: #f2a557;
        border: 1px solid #f2a557;
        background: 0 0;
        transition: .6s;
        outline: 0;
        text-align: center
    }

.btn-white.text-orange, .call-icon i {
    color: #f58320
}

#headerMenu .headerLogo, .call-icon {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    position: relative
}

.fc-footer .fctr .link .hdr {
    padding-bottom: 21px !important
}

@media(max-width:480px) {
    h2 {
        font-size: 24px;
        line-height: 130%
    }

    h3 {
        font-size: 18px
    }

    h4 {
        font-size: 16px
    }

    .btn-white {
        padding: 10px 14px
    }
}

.call-icon {
    margin: 0 auto;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 14px;
    border: 1px solid #f58320;
    background: #fff
}

    .call-icon i {
        margin: 0;
        line-height: 32px;
        text-align: center
    }

@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.hvr-pop {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0)
}

    .hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover {
        -webkit-animation-name: hvr-pop;
        animation-name: hvr-pop;
        -webkit-animation-duration: .3s;
        animation-duration: .3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1
    }

.hvr-grow {
    transform: translateZ(0);
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    transition-duration: .3s;
    transition-property: transform
}

#headerMenu.navbar, #mainHeader .navbar.small-nav {
    -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.15)
}

.hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover {
    transform: scale(1.1)
}

#mainHeader.small-nav #top-bar {
    display: none;
    transition: .6s;
    min-height: initial
}

#mainHeader .navbar.small-nav {
    padding-top: 0;
    transition: .75s;
    background: #fafafa;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15)
}

    #mainHeader .navbar.small-nav .headerMenuWrapper {
        padding: 0
    }

#mainHeader.small-nav .navbar-brand > img {
    width: 100%;
    max-width: 45px;
    margin: 25px auto 0
}

#mainHeader .navbar.small-nav .navbar-brand > img {
    margin-top: -8px;
    width: 75%
}

#mainHeader .navbar-default.small-nav .navbar-nav > .active > a, #mainHeader .navbar-default.small-nav .navbar-nav > .active > a:focus, #mainHeader .navbar-default.small-nav .navbar-nav > .active > a:hover {
    background: #0c94a4;
    box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.5);
    color: #fff;
    font-weight: 700
}

#mainHeader .navbar.small-nav .navbar-nav > li > a {
    line-height: 23px
}

#mainHeader.small-nav .headerLogo {
    margin-top: 0;
    width: 70px;
    height: 50px;
    padding-top: 5px;
    margin-bottom: -44px
}

    #mainHeader.small-nav .headerLogo::after, #mainHeader.small-nav .headerLogo::before {
        display: none
    }

#mainHeader.small-nav .oi-logo {
    width: 100%;
    max-width: 45px;
    padding-top: initial
}

#mainHeader.small-nav .navbar {
    padding-top: 30px
}

#top-bar {
    background: #fff;
    transition: .6s;
    display: block;
    min-height: 90px
}

    #top-bar .phone {
        color: #f58320;
        font-size: 21px
    }

    #top-bar .media {
        margin: 40px 0 10px
    }

        #top-bar .media .media-body p {
            font-size: 14px;
            color: #101010
        }

    #top-bar .top-bar-login {
        margin: 40px 0 0
    }

        #top-bar .top-bar-login .dropdown-toggle {
            color: #f58320;
            font-size: 14px;
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase
        }

#login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
    background-color: #fff;
    background-color: rgba(255,255,255,.8)
}

    #login-dp .help-block {
        font-size: 12px
    }

    #login-dp .bottom {
        background-color: #fff;
        background-color: rgba(255,255,255,.8);
        border-top: 1px solid #ddd;
        clear: both;
        padding: 14px
    }

    #login-dp .social-buttons {
        margin: 12px 0
    }

        #login-dp .social-buttons a {
            width: 49%
        }

    #login-dp .form-group {
        margin-bottom: 10px
    }

@media(max-width:768px) {
    #login-dp {
        background-color: inherit;
        color: #fff
    }

        #login-dp .bottom {
            background-color: inherit;
            border-top: 0 none
        }
}

@media(max-width:480px) {
    #top-bar {
        display: none
    }
}

#headerMenu .navbar-nav > li > a {
    color: #101010;
    transition: .7s;
    letter-spacing: 1.5px;
    font-size: 18px
}

    #headerMenu .navbar-nav > li > a:focus, #headerMenu .navbar-nav > li > a:hover {
        color: #fff;
        background: url(../img/pattern-green.png);
        transition: .7s
    }

#headerMenu.navbar-default .navbar-nav > .active > a:focus, #headerMenu.navbar-default .navbar-nav > .active > a:hover, -default .navbar-nav > .active > a {
    background: #fdf6ee;
    color: #d8904d;
    font-weight: 700
}

#headerMenu .nav > li {
    margin: 0 15px
}

#headerMenu .navbar {
    border-radius: 0
}

#headerMenu.navbar-default .navbar-collapse, #headerMenu.navbar-default .navbar-form, #headerMenu.navbar-default .navbar-toggle {
    border-color: transparent
}

#headerMenu .nav .open > a, #headerMenu .nav .open > a:focus, #headerMenu .nav .open > a:hover {
    color: #fff;
    background: url(../img/pattern-green.png)
}

#headerMenu .dropdown-menu {
    padding: 0;
    background: url(../img/pattern-green.png)
}

    #headerMenu .dropdown-menu > li > a {
        color: #fff;
        font-weight: 700;
        padding: 10px 15px;
        transition: .4s;
        border-bottom: 1px solid #cecece
    }

        #headerMenu .dropdown-menu > .active > a, #headerMenu .dropdown-menu > .active > a:focus, #headerMenu .dropdown-menu > .active > a:hover, #headerMenu .dropdown-menu > li > a:focus, #headerMenu .dropdown-menu > li > a:hover {
            color: #fff;
            transition: .4s;
            background: #fff;
            background: rgba(255,255,255,.25)
        }

#headerMenu.navbar {
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    padding-top: 0;
    background: #fefefe;
    position: relative;
    transition: .75s;
    z-index: 2;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15)
}

#headerMenu .navbar-brand > img {
    margin-top: -60px
}

#headerMenu .navbar-toggle {
    background: #f58320;
    margin-top: 0
}

#headerMenu.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff
}

#headerMenu .headerMenuWrapper {
    padding: 50px 0 15px;
    background: #fafafa
}

#headerMenu .headerLogo {
    display: block;
    width: 250px;
    height: 250px;
    margin: -160px auto -87px;
    border-radius: 50%;
    z-index: 1
}

    #headerMenu .headerLogo::after, #headerMenu .headerLogo::before {
        position: absolute;
        background: #fff;
        z-index: -1;
        display: block;
        content: ' '
    }

    #headerMenu .headerLogo a {
        display: block;
        padding-top: 74px
    }

    #headerMenu .headerLogo::before {
        width: 100%;
        height: 100%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -moz-box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.15)
    }

    #headerMenu .headerLogo::after {
        top: -15px;
        left: -15px;
        right: -15px;
        bottom: 37px
    }

#headerMenu.navbar-default .navbar-brand:focus, #headerMenu.navbar-default .navbar-brand:hover {
    background-color: #fff
}

#headerMenu .oi-logo {
    width: 100%;
    max-width: 140px;
    height: auto;
    padding: 0;
    margin: 0 auto;
    display: block
}

#mainHeader.small-nav .headerLogo a {
    padding-top: initial
}

@media(max-width:1199px) {
    #headerMenu .navbar-nav > li > a {
        padding: 10px
    }

    #headerMenu .headerLogo {
        width: 200px;
        height: 247px
    }

    #headerMenu .nav > li {
        margin: 0 10px
    }

    #headerMenu .headerLogo::after {
        right: -5px
    }
}

@media(max-width:992px) {
    #headerMenu .navbar-nav > li > a {
        padding: 10px 2px
    }

    #top-bar .top-bar-login ul li a {
        font-size: 14px;
        padding: 10px 15px
    }

    #mainHeader .headerLogo::after, #mainHeader .headerLogo::before {
        display: none
    }

    #headerMenu .oi-logo {
        max-width: 100px
    }

    #headerMenu .nav > li {
        margin: 0 10px
    }

    #headerMenu .headerLogo {
        width: initial;
        height: auto;
        margin-bottom: -10px
    }
}

@media(max-width:768px) {
    #headerMenu .headerMenuWrapper {
        padding: 10px 0 0
    }

    #headerMenu.navbar-default.small-nav .headerMenuWrapper {
        padding: 0
    }

    #headerMenu .navbar-nav > li > a {
        font-size: 13px
    }

    #headerMenu .nav > li > a {
        padding: 15px 10px
    }

    #headerMenu .nav > li {
        margin: 0 4px
    }

    #mainHeader .headerLogo::after, #mainHeader .headerLogo::before {
        display: none
    }

    #headerMenu .oi-logo {
        width: 100%;
        max-width: 70px;
        padding-top: initial
    }

    #headerMenu .headerLogo {
        margin-top: -25px;
        margin-bottom: -40px;
        width: 100px;
        height: initial;
        border-radius: 0
    }

        #headerMenu .headerLogo a {
            padding-top: initial
        }

    #top-bar {
        min-height: 70px
    }

        #top-bar .phone {
            font-size: 16px
        }

        #top-bar .media {
            margin: 40px 0 5px
        }

        #top-bar .top-bar-login {
            margin: 30px 0 0
        }

            #top-bar .top-bar-login ul {
                margin: 0
            }

                #top-bar .top-bar-login ul li a {
                    font-size: 12px;
                    padding: 5px
                }
}

@media(max-width:480px) {
    #headerMenu .headerMenuWrapper {
        padding: 10px 0;
        margin-top: initial
    }

    #headerMenu .navbar-nav > li > a {
        font-size: 16px
    }

    #headerMenu .navbar-brand > img {
        margin-top: -35px;
        width: 100%;
        max-width: 65px
    }

    #headerMenu.navbar {
        box-shadow: none;
        padding-top: 70px
    }

    #mainHeader .headerLogo::before {
        display: block;
        box-shadow: none
    }

    #mainHeader .headerLogo::after {
        display: block;
        top: -18px;
        bottom: 25px
    }

    #headerMenu .oi-logo {
        max-width: 65px
    }

    #headerMenu .headerLogo {
        margin-top: -20px;
        margin-bottom: -65px;
        width: 85px;
        height: 85px;
        z-index: 0
    }
}

.home-slider div {
    outline: 0
}

.slider-section {
    position: relative;
    margin-top: 130px
}

    .slider-section .slide {
        min-height: 475px
    }

#sliderSec.short-margin, #sliderinnnerSec.short-margin {
    margin-top: 90px
}

.slider-section .home-slider-nav-list {
    list-style-type: none;
    padding: 0;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1
}

    .slider-section .home-slider-nav-list .home-banner-slider-nav {
        display: inline-block;
        width: 36px;
        height: 36px;
        color: #fff;
        font-size: 35px;
        text-align: center;
        padding-top: 6px;
        float: left;
        text-shadow: 0 1px 1px #000
    }

        .slider-section .home-slider-nav-list .home-banner-slider-nav:hover {
            cursor: pointer
        }

        .slider-section .home-slider-nav-list .home-banner-slider-nav.prev {
            float: left
        }

        .slider-section .home-slider-nav-list .home-banner-slider-nav.next {
            float: right
        }

.slider-section .slick-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    padding: 0;
    margin: 30px auto 0
}

@media(max-width:1280px) {
    .slider-section .home-slider-nav-list {
        top: 35%
    }
}

@media (max-width:767px) {
    .slider-section .slick-dots {
        margin: 30px 0 0
    }
}

.slider-section .slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 12px;
    padding: 0;
    cursor: pointer
}

    .slider-section .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 15px;
        height: 15px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: 1px solid transparent;
        border-radius: 50%;
        outline: 0;
        background: #ccc
    }

        .slider-section .slick-dots li button:before {
            content: ' ';
            position: absolute;
            top: 0;
            left: 0;
            width: 15px;
            height: 15px;
            background: #ccc;
            border: 2px solid transparent;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%
        }

    .slider-section .slick-dots li.slick-active button:before {
        background: #f2a557
    }

.slider-section .home-slider-content {
    padding-top: 200px
}

    .slider-section .home-slider-content p {
        font-size: 20px;
        font-weight: 800;
        letter-spacing: 1px;
        line-height: 40px;
        font-family: 'Nunito Sans',sans-serif
    }

#parentsNav.slider-nav-list .slider-nav, #stickyLoginContent ul li a, .age-group, .centres-wrapper .centres-item .centre-card .centre-title, .image-hover-text .text .text-head, .modal .modal-content .close-text, .timeline-item .date {
    font-family: CFJackStory-Regular
}

.slider-section .home-slider-content h1 {
    font-weight: 400
}

@media(max-width:1280px) {
    .slider-section .home-slider-content {
        margin: 0 0 75px
    }
}

@media(max-width:1199px) {
    .slider-section .slide {
        position: relative;
        background-position: 80% 100% !important
    }
}

@media(max-width:768px) {
    .slider-section .slide {
        position: relative;
        background-position: 70% 100% !important
    }

        .slider-section .slide:before {
            content: ' ';
            position: absolute;
            display: inline-block;
            background: url(../img/half-tone.png) center center rgba(0,0,0,.6);
            background-size: 6px;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 1
        }

    .slider-section .home-slider-content {
        position: relative;
        z-index: 2;
        padding: 170px 30px 50px
    }
}

@media(max-width:480px) {
    .slider-section {
        margin-top: 50px
    }

        .slider-section .slide {
            height: 350px !important;
            min-height: 350px !important
        }

        .slider-section .home-slider-nav-list {
            display: none
        }

        .slider-section .home-slider-content {
            margin: 60px 0 5px;
            padding: 30px 5px
        }

            .slider-section .home-slider-content.inner {
                padding: 150px 15px 50px
            }

            .slider-section .home-slider-content h1 {
                font-size: 24px;
                line-height: 135%
            }

            .slider-section .home-slider-content .btn {
                display: block;
                background: rgba(255,255,255,.75)
            }

                .slider-section .home-slider-content .btn:hover {
                    display: block;
                    background: rgba(255,255,255,1)
                }
}

.custom-slider-wrapper {
    padding: 2px 30px;
    position: relative
}

    .custom-slider-wrapper div {
        outline: 0
    }

    .custom-slider-wrapper .custom-slider-nav-list {
        list-style-type: none;
        padding: 0;
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
        z-index: 0
    }

        .custom-slider-wrapper .custom-slider-nav-list .custom-slider-nav, .custom-slider-wrapper .custom-slider-nav-list .custom-video-slider-nav {
            display: inline-block;
            width: 40px;
            height: 40px;
            color: #fff;
            font-size: 35px;
            text-align: center;
            padding-top: 11px;
            float: left
        }

.content-padding p, .video-intro p {
    font-size: 20px;
    line-height: 140%
}

.custom-slider-wrapper .custom-slider-nav-list .custom-slider-nav:hover, .custom-slider-wrapper .custom-slider-nav-list .custom-video-slider-nav:hover {
    cursor: pointer
}

.custom-slider-wrapper .custom-slider-nav-list .custom-slider-nav.prev, .custom-slider-wrapper .custom-slider-nav-list .custom-video-slider-nav.prev {
    float: left
}

.custom-slider-wrapper .custom-slider-nav-list .custom-slider-nav.next, .custom-slider-wrapper .custom-slider-nav-list .custom-video-slider-nav.next {
    float: right
}

.custom-slider-wrapper .custom-slider-nav-list.orange .custom-slider-nav, .custom-slider-wrapper .custom-slider-nav-list.orange .custom-video-slider-nav {
    color: rgba(245,131,32,.55);
    text-shadow: 0 1px 1px #929292
}

.custom-slider-wrapper .custom-slider-nav-list.white .custom-slider-nav {
    color: rgba(255,255,255,.55);
    text-shadow: 0 1px 1px #929292
}

.uniqueness-wrapper {
    position: relative;
    min-height: 500px
}

.uniqueness-item-left-top {
    top: 0;
    left: 0;
    position: absolute;
    display: inline-block;
    width: 33.33333333%
}

.uniqueness-item-right-top {
    top: 0;
    right: 0;
    position: absolute;
    display: inline-block;
    width: 33.33333333%
}

.left-content-wrapper, .right-content-wrapper {
    display: inline-block;
    width: 100%;
    margin-bottom: 50px
}

    .left-content-wrapper.left-padding {
        margin-left: 25%
    }

    .right-content-wrapper.right-padding {
        margin-left: -25%
    }

    .left-content-wrapper .content {
        width: 80%;
        float: left;
        padding-right: 35px
    }

        .left-content-wrapper .content h4, .left-content-wrapper .content p {
            text-align: right
        }

    .left-content-wrapper .icon, .right-content-wrapper .icon {
        width: 20%;
        float: left
    }

    .right-content-wrapper .content {
        width: 80%;
        float: left;
        padding-left: 35px
    }

.book-reading-hero {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: 0 auto
}

    .book-reading-hero img {
        -webkit-transform: rotate(359.5deg)
    }

@media(max-width:1199px) {
    .left-content-wrapper, .right-content-wrapper {
        margin-bottom: 30px
    }

    .uniqueness-wrapper {
        min-height: 550px
    }
}

@media(max-width:768px) {
    .book-reading-hero {
        position: initial;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        margin: 0 auto
    }

        .book-reading-hero img {
            width: 100%;
            max-width: 175px
        }

    .uniqueness-wrapper {
        min-height: 400px
    }

    .home-sec-1 .media {
        margin-bottom: 25px
    }

    .uniqueness-item-left-top {
        width: 50%;
        padding-right: 100px
    }

    .uniqueness-item-right-top {
        width: 50%;
        padding-left: 100px
    }

    .left-content-wrapper.left-padding, .right-content-wrapper.right-padding {
        margin-left: initial
    }
}

@media(max-width:480px) {
    .uniqueness-item-left-top {
        position: initial;
        display: block;
        width: 100%;
        padding-right: initial
    }

    .uniqueness-item-right-top {
        position: initial;
        display: block;
        width: 100%;
        padding-left: initial
    }

    .left-content-wrapper, .right-content-wrapper {
        margin-bottom: 5px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)
    }

        .left-content-wrapper .content {
            float: right;
            padding-left: 30px;
            padding-right: initial
        }

            .left-content-wrapper .content h4, .left-content-wrapper .content p {
                text-align: left
            }

        .left-content-wrapper .icon {
            float: left;
            display: inline-block
        }
}

.half-underline {
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
    width: 100%;
    text-align: center
}

    .half-underline:before {
        content: ' ';
        position: absolute;
        width: 7%;
        height: 1px;
        bottom: -3px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-bottom: 4px solid #fff
    }

.section-half {
    position: relative;
    background: #f9f7f8
}

.left-side-img, .right-side-img:after {
    content: '';
    position: absolute
}

.section-half.green-bg {
    background: url(../img/pattern-green.png)
}

.section-half.blue-bg {
    background: url(../img/pattern-blue.png)
}

.left-side-img {
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 50%
}

    .left-side-img.left:after, .left-side-img:after, .right-side-img {
        right: 0;
        content: '';
        position: absolute
    }

    .left-side-img:after {
        background: url(../img/curve-blue.png) no-repeat;
        width: 110px;
        height: 100%;
        background-size: cover
    }

    .left-side-img.left:after {
        background: url(../img/curve-green-left.png) no-repeat;
        width: 110px;
        height: 100%;
        background-size: cover
    }

.right-side-img {
    display: block;
    top: 0;
    bottom: 0;
    left: 50%
}

    .right-side-img:after {
        background: url(../img/curve-green.png) no-repeat;
        width: 125px;
        height: 100%;
        left: 0;
        top: 0;
        background-size: cover
    }

.content-padding {
    padding: 0 75px 0 0
}

    .content-padding.right {
        padding: 0 0 0 50px
    }

    .content-padding p {
        display: block;
        margin-bottom: 0
    }

.video-intro {
    width: 80%;
    text-align: center
}

@media(max-width:1280px) {
    .left-side-img.left:after, .right-side-img:after {
        content: '';
        position: absolute;
        height: 100%
    }

    .left-side-img:after {
        right: -2px
    }

    .content-padding {
        padding: 10px 25px 10px 0
    }

    .left-side-img.left:after {
        background: url(../img/curve-green-left.png) no-repeat;
        width: 125px;
        right: 0;
        background-size: cover
    }

    .right-side-img:after {
        background: url(../img/curve-green.png) no-repeat;
        width: 150px;
        left: 0;
        top: 0;
        background-size: cover
    }
}

@media(max-width:992px) {
    .content-padding p {
        font-size: 17px
    }
}

@media(max-width:768px) {
    .content-padding {
        z-index: 1;
        position: relative;
        padding: 0 10px
    }

        .content-padding.right {
            padding: 0
        }

    .left-side-img, .left-side-img:after, .right-side-img, .right-side-img:after {
        display: none
    }

        .right-side-img.video {
            display: block;
            position: initial;
            left: initial
        }
}

@media(max-width:480px) {
    .content-padding, .content-padding .price-desc, .content-padding h1, .content-padding p {
        color: #fff
    }

        .content-padding.right {
            padding: initial
        }

    .section-half {
        padding: 20px 0
    }

    .content-padding .transparent {
        background: #fff
    }

    .videoSlider {
        margin-bottom: 45px
    }

    .video-intro {
        width: 100%
    }
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    padding: 0;
    margin: 30px auto 0
}

@media (max-width:767px) {
    .slick-dots {
        margin: 30px 0 0
    }
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

    .slick-dots li button {
        font-size: 0;
        line-height: 0;
        display: block;
        width: 6px;
        height: 6px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: 0;
        outline: 0;
        background: 0 0
    }

        .slick-dots li button:before, .testimonialSlider .slick-dots li button:before {
            content: ' ';
            position: absolute;
            top: 0;
            width: 10px;
            height: 10px;
            left: 0
        }

.updatesSlider .updates-item, .updatesSlider .updates-item .media {
    border-bottom: 1px solid rgba(206,206,206,.45)
}

.slick-dots li button:before {
    background: rgba(247,161,76,.8);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.slick-dots li.slick-active button:before {
    background: #f58320;
    -moz-box-shadow: 0 0 0 2px #f58320;
    -webkit-box-shadow: 0 0 0 2px #f58320;
    box-shadow: 0 0 0 2px #f58320
}

.testimonialSlider .slick-dots li button:before {
    background: rgba(255,255,255,.8);
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

.testimonialSlider .slick-dots li.slick-active button:before {
    background: #fff;
    -moz-box-shadow: 0 0 0 2px #fff;
    -webkit-box-shadow: 0 0 0 2px #fff;
    box-shadow: 0 0 0 2px #fff
}

.updates-section {
    background: #f0f7ef
}

.updateSliderWrapper {
    position: relative;
    height: 305px;
    overflow: hidden;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)
}

.updatesSlider {
    font-size: 14px
}

    .updatesSlider div {
        outline: 0
    }

    .updatesSlider .updates-item .media {
        padding: 8px 25px
    }

        .updatesSlider .updates-item .media a {
            color: #f58320;
            text-decoration: underline
        }

        .updatesSlider .updates-item .media p {
            font-size: 16px;
            line-height: 130%;
            margin-bottom: 0
        }

.updates-see-all-link {
    position: absolute;
    top: 5px;
    right: 20px;
    display: inline-block
}

    .updates-see-all-link a {
        color: #080808;
        font-size: 11px;
        font-weight: 700;
        text-decoration: underline;
        text-transform: uppercase
    }

.hovereffect a.info, .hovereffect h2 {
    color: #fff;
    text-transform: uppercase
}

@media(max-width:480px) {
    .updates-section {
        padding-bottom: 40px !important
    }

    .testimonialSlider {
        margin-bottom: 45px
    }

    .updateSliderWrapper {
        height: 250px
    }
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.gallery-section {
    position: relative
}

.balloon-left, .balloon-right {
    position: absolute;
    display: inline-block
}

.gallerySlick div {
    outline: 0
}

.balloon-left {
    top: 20px;
    left: -105px
}

.balloon-right {
    bottom: 50px;
    right: -120px
}

@media(max-width:768px) {
    .videoWrapper {
        margin-top: 10px;
        margin-bottom: 30px;
        padding-top: 0
    }

    .balloon-right {
        right: -160px
    }
}

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

.grid-item, .grid-sizer {
    width: 33.33333333%
}

.grid .grid-item {
    padding: 15px;
    float: left
}

    .grid .grid-item img {
        display: block;
        max-width: 100%;
        margin: 5px;
        -webkit-box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3);
        box-shadow: 0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.3)
    }

        .grid .grid-item img:hover {
            opacity: 1
        }

.grid-item--width2 {
    width: 40%
}

@media(max-width:480px) {
    .grid-item, .grid-sizer {
        width: 50%
    }

    .grid .grid-item {
        padding: 5px
    }
}

.hovereffect, .hovereffect .overlay {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.hovereffect {
    float: left;
    position: relative;
    text-align: center;
    cursor: pointer
}

    .hovereffect .overlay {
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        background-color: rgba(0,0,0,.6);
        opacity: 0;
        -webkit-transform: translate(0,0) rotate(360deg);
        -ms-transform: translate(0,0) rotate(360deg);
        transform: translate(0,0) rotate(360deg);
        -webkit-transition: all .6s .1s ease-in-out;
        transition: all .6s .1s ease-in-out
    }

    .hovereffect img {
        display: block;
        position: relative;
        -webkit-transition: all .6s ease-in;
        transition: all .6s ease-in
    }

    .hovereffect h2 {
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0,0,0,.6)
    }

    .hovereffect a.info {
        display: inline-block;
        padding: 10px 15px;
        border: 1px solid #f58320;
        margin: 50px 0 0;
        background-color: #f58320;
        -webkit-transform: translateY(-200px);
        -ms-transform: translateY(-200px);
        transform: translateY(-200px);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out
    }

        .hovereffect a.info:hover {
            box-shadow: 0 0 5px #fff
        }

    .hovereffect:hover .overlay {
        opacity: 1;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
        -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0)
    }

    .hovereffect:hover h2 {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .hovereffect:hover a.info {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

#parentsNav.slider-nav-list {
    list-style-type: none;
    padding: 0;
    display: block;
    height: 0;
    margin: 0
}

    #parentsNav.slider-nav-list .slider-nav {
        display: inline-block;
        position: absolute;
        width: 40px;
        height: 65px;
        color: #666;
        background: 0 0;
        font-size: 23px;
        text-align: center;
        font-weight: 700;
        padding-top: 0;
        float: left;
        margin: auto;
        outline: 0 !important
    }

        #parentsNav.slider-nav-list .slider-nav:hover {
            cursor: pointer
        }

        #parentsNav.slider-nav-list .slider-nav.prev {
            left: 20%;
            top: 45%;
            margin: auto;
            display: block
        }

        #parentsNav.slider-nav-list .slider-nav.next {
            left: initial;
            right: 37%;
            top: 0;
            margin: auto;
            display: block
        }

        #parentsNav.slider-nav-list .slider-nav.slick-hidden {
            opacity: 0
        }

        #parentsNav.slider-nav-list .slider-nav.slick-disabled {
            opacity: 1
        }

.schedule-visit-panel {
    background: #f6892c;
    position: relative
}

.schedule-panel-pattern, .sticky-dolphin {
    position: absolute;
    display: inline-block;
    left: 0
}

.schedule-visit-panel h3, .schedule-visit-panel p {
    color: #fff
}

.schedule-panel-pattern {
    bottom: 0;
    right: 0;
    margin: 0 auto
}

.sticky-dolphin {
    bottom: 12px
}

.pattern-kids-play {
    min-height: 60px
}

@media(max-width:1440px) {
    .sticky-dolphin img {
        width: 100%;
        max-width: 180px
    }
}

@media(max-width:768px) {
    .sticky-dolphin {
        top: -60px;
        bottom: initial
    }

        .sticky-dolphin img {
            width: 100%;
            max-width: 120px
        }
}

@media(max-width:480px) {
    .sticky-dolphin {
        top: -30px;
        bottom: initial
    }

    .schedule-visit-panel {
        padding-top: 75px;
        padding-bottom: 35px !important
    }

        .schedule-visit-panel .btn {
            display: block
        }
}

.oi-gallery-section {
    position: relative;
    overflow: hidden
}

    .oi-gallery-section .oi-gallery-slider-nav-list {
        list-style-type: none;
        padding: 0;
        position: absolute;
        top: 45%;
        left: 0;
        right: 0;
        z-index: 1
    }

        .oi-gallery-section .oi-gallery-slider-nav-list .oi-gallery-slider-nav {
            display: inline-block;
            width: 46px;
            height: 46px;
            color: #fff;
            font-size: 35px;
            text-align: center;
            padding-top: 10px;
            float: left;
            text-shadow: 0 1px 1px #000
        }

            .oi-gallery-section .oi-gallery-slider-nav-list .oi-gallery-slider-nav:hover {
                cursor: pointer
            }

            .oi-gallery-section .oi-gallery-slider-nav-list .oi-gallery-slider-nav.prev {
                float: left
            }

            .oi-gallery-section .oi-gallery-slider-nav-list .oi-gallery-slider-nav.next {
                float: right
            }

@media(max-width:768px) {
    .oi-gallery-section .oi-gallery-slider-nav-list {
        display: none
    }
}

.oi-gallery-wrapper {
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0 30px
}

    .oi-gallery-wrapper .item {
        width: 33.33333333%;
        float: left;
        padding: 0 15px
    }

        .oi-gallery-wrapper .item .item-small {
            display: block;
            width: 100%;
            margin-bottom: 30px;
            -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
            box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
        }

            .oi-gallery-wrapper .item .item-small::after, .oi-gallery-wrapper .item .item-small:after {
                content: ' ';
                padding-top: 49.9%;
                display: block
            }

        .oi-gallery-wrapper .item .item-big {
            display: block;
            width: 100%;
            margin-bottom: 30px;
            -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
            box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2)
        }

            .oi-gallery-wrapper .item .item-big::after, .oi-gallery-wrapper .item .item-big:after {
                content: ' ';
                padding-top: 90.9%;
                display: block
            }

@media(max-width:480px) {
    .oi-gallery-wrapper .item {
        margin-bottom: initial;
        padding: 0 5px
    }

        .oi-gallery-wrapper .item .item-big, .oi-gallery-wrapper .item .item-small {
            margin-bottom: 10px
        }
}

.testi-thumb {
    margin: 10px 0;
    display: inline-block;
    position: relative;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 5px
}

    .testi-thumb img {
        margin: 0 auto;
        position: relative
    }

    .testi-thumb .overlay {
        position: relative;
        display: block;
        z-index: 0
    }

        .testi-thumb .overlay:before {
            content: ' ';
            position: absolute;
            display: inline-block;
            background: url(../img/half-tone.png) center center rgba(0,0,0,.25);
            background-size: 6px;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            z-index: 1;
            border-radius: 50%
        }

    .testi-thumb .glyphicon {
        position: absolute;
        display: inline-block;
        top: 40%;
        left: 0;
        right: 0;
        color: #fff;
        font-size: 25px;
        margin: 0 auto;
        z-index: 2
    }

.modal .modal-content {
    padding: 25px;
    box-shadow: none;
    background: #fff;
    position: relative
}

    .modal .modal-content .close-text {
        position: absolute;
        display: inline-block;
        top: 35px;
        right: 1px;
        color: #61ab46;
        letter-spacing: 1px;
        font-size: 16px
    }

.modal .modal-body, .modal .modal-header {
    padding: 0
}

.modal .close {
    text-shadow: none;
    opacity: .9;
    height: 30px;
    color: #fff;
    background: #61ab46;
    font-weight: 300;
    border-radius: 50%;
    font-size: 30px;
    line-height: 100%;
    width: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    display: inline-block;
    border: 1px solid #61ab46;
    z-index: 9999
}

    .modal .close:active, .modal .close:focus, .modal .close:hover {
        outline: 0;
        color: #42300a;
        border: 1px solid #42300a;
        background: #fefefe
    }

.modal-backdrop {
    z-index: 0
}

.modal .modal-body p {
    padding: 0;
    margin: 7px 0 14px;
    font-size: 13px
}

.breadcrumbs-container {
    padding: 35px 0 5px;
    background: #fbfdfa
}

    .breadcrumbs-container .breadcrumbs {
        background: 0 0;
        padding: 0
    }

        .breadcrumbs-container .breadcrumbs ol {
            padding: 0
        }

        .breadcrumbs-container .breadcrumbs a {
            color: #333
        }

            .breadcrumbs-container .breadcrumbs a:active, .breadcrumbs-container .breadcrumbs a:focus {
                color: #f58320
            }

            .breadcrumbs-container .breadcrumbs a span {
                display: inline-block;
                color: #f58320
            }

.page-body {
    background: #fbfdfa;
    padding-top: 5px
}

.sidebar-menu, .sidebar-menu ul li {
    background: url(../img/pattern-green.png)
}

.page-body h2 {
    margin: 0;
    padding: 0
}

.page-head {
    color: #000;
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase
}

.sidebar-menu ul {
    margin: 0
}

    .sidebar-menu ul li {
        padding: 10px 20px;
        list-style-type: none
    }

        .sidebar-menu ul li:last-child {
            border-bottom: none
        }

        .sidebar-menu ul li a {
            color: #fff;
            font-size: 18px;
            letter-spacing: 1px
        }

            .sidebar-menu ul li a:hover {
                color: #f9a04c
            }

        .sidebar-menu ul li.active a {
            color: #fff;
            position: relative;
            font-weight: 700;
            display: inline-block
        }

.inner-layout {
    position: relative;
    display: inline-block;
    width: 100%
}

.sidebar-nav {
    -moz-transition: right .3s ease-in-out;
    -o-transition: right .3s ease-in-out;
    -webkit-transition: right .3s ease-in-out;
    transition: right .3s ease-in-out
}

    .sidebar-nav > ul {
        display: block;
        padding: 0
    }

    .sidebar-nav ul .page_item > a, .sidebar-nav ul li > a {
        color: #fff;
        display: block
    }

    .sidebar-nav ul li:hover {
        background: rgba(255,255,255,.25)
    }

    .sidebar-nav ul .page_item > a:hover, .sidebar-nav ul li > a:hover {
        color: #fff;
        text-decoration: none
    }

    .sidebar-nav ul .page_item > .nav-list > li, .sidebar-nav ul li > .nav-list > li {
        margin: 0;
        padding: 0
    }

        .sidebar-nav ul .page_item > .nav-list > li:first-child, .sidebar-nav ul li > .nav-list > li:first-child {
            margin-top: 7px
        }

        .sidebar-nav ul .page_item > .nav-list > li:last-child, .sidebar-nav ul li > .nav-list > li:last-child {
            margin-bottom: 15px
        }

        .sidebar-nav ul .page_item > .nav-list > li > a, .sidebar-nav ul li > .nav-list > li > a {
            font-size: 11px;
            font-weight: 700;
            padding: 6px 15px;
            color: #fff
        }

        .sidebar-nav ul .page_item > .nav-list > li.active > a, .sidebar-nav ul li > .nav-list > li.active > a {
            color: #fff
        }

    .sidebar-nav ul li.current_page_item > a {
        color: #f9a04c !important
    }

    .sidebar-nav ul .page_item ul > li, .sidebar-nav ul li ul > li {
        border: none
    }

    .sidebar-nav #sidebar-toggle {
        position: absolute;
        display: none;
        left: -36px;
        top: 0;
        width: 36px;
        height: 60px;
        background: url(../img/half-tone.png);
        background: rgba(249,160,76,.9);
        color: #fff;
        padding-top: 20px;
        font-size: 18px;
        text-align: center;
        opacity: 1
    }

        .sidebar-nav #sidebar-toggle .close {
            float: none;
            display: none;
            font-size: 21px;
            color: #fff;
            opacity: 1
        }

        .sidebar-nav #sidebar-toggle:hover {
            background: url(../img/half-tone.png);
            background: rgba(249,160,76,.9);
            cursor: pointer
        }

    .sidebar-nav ul li.active {
        background: rgba(47,88,32)
    }

        .sidebar-nav ul .page_item.active > a, .sidebar-nav ul .page_item.current_page_item > a, .sidebar-nav ul li.active > a, .sidebar-nav ul li.current_page_item > a {
            color: #fff
        }

@media (max-width:767px) {
    .sidebar-nav {
        position: absolute;
        width: 210px;
        top: 0;
        right: -207px;
        z-index: 100;
        -moz-transition: right .3s ease-in-out;
        -o-transition: right .3s ease-in-out;
        -webkit-transition: right .3s ease-in-out;
        transition: right .3s ease-in-out
    }

        .sidebar-nav #sidebar-toggle {
            display: inline-block
        }

        .sidebar-nav.active {
            bottom: 0;
            top: initial
        }

        .sidebar-nav.open {
            left: initial;
            right: 0;
            margin-left: -100%
        }

            .sidebar-nav.open #sidebar-toggle {
                padding-top: 18px
            }

                .sidebar-nav.open #sidebar-toggle .open {
                    display: none
                }

                .sidebar-nav.open #sidebar-toggle .close {
                    display: inline-block
                }

        .sidebar-nav.fixed {
            position: fixed;
            top: 30px
        }

        .sidebar-nav > ul {
            background: #f4f4f5;
            margin: 0;
            border-left: 3px solid #f9a04c;
            -moz-box-shadow: 0 3px 6px #cacaca;
            -webkit-box-shadow: 0 3px 6px #cacaca;
            box-shadow: 0 3px 6px #cacaca
        }
}

@media(max-width:768px) {
    .inner-layout-wrapper .inner-sidebar-left {
        padding-right: 10px
    }
}

@media(max-width:480px) {
    .inner-layout-wrapper .inner-sidebar-left {
        width: 100%;
        display: block;
        padding-right: initial
    }

    .inner-layout-wrapper .inner-layout {
        width: 100%;
        display: block
    }
}

.centres-wrapper {
    display: inline-block;
    width: 100%;
    margin-left: -15px
}

    .centres-wrapper .centres-item {
        width: 50%;
        float: left;
        padding: 0 15px;
        margin-bottom: 30px
    }

        .centres-wrapper .centres-item .centre-card {
            text-align: center;
            background: #fff;
            padding: 20px;
            position: relative;
            transition: .6s;
            box-shadow: 0 4px 8px 0 rgba(0,0,0,.15)
        }

            .centres-wrapper .centres-item .centre-card:focus, .centres-wrapper .centres-item .centre-card:hover {
                background: #f58320;
                padding: 20px;
                transition: .6s
            }

            .centres-wrapper .centres-item .centre-card .centre-card-image {
                position: relative
            }

                .centres-wrapper .centres-item .centre-card .centre-card-image:hover img {
                    -webkit-filter: grayscale(100%);
                    filter: grayscale(100%)
                }

                .centres-wrapper .centres-item .centre-card .centre-card-image::before {
                    content: ' ';
                    position: absolute;
                    display: inline-block;
                    background: url(../img/half-tone.png) center center rgba(0,0,0,.45);
                    background-size: 6px;
                    top: 0;
                    left: 0;
                    height: 100%;
                    width: 100%;
                    z-index: 1
                }

            .centres-wrapper .centres-item .centre-card .centre-title {
                color: #fff;
                font-size: 27px;
                line-height: 115%;
                letter-spacing: 3px;
                position: absolute;
                display: inline-block;
                top: 50%;
                left: 0;
                right: 0;
                margin: 0 auto;
                z-index: 2
            }

            .centres-wrapper .centres-item .centre-card:hover .centre-title {
                color: #f58320;
                text-shadow: 0 6px 5px #333
            }

            .centres-wrapper .centres-item .centre-card:hover .centre-card-image::before {
                background: url(../img/half-tone.png) center center rgba(0,0,0,.6)
            }

@media(max-width:768px) {
    .centres-wrapper .centres-item .centre-card {
        padding: 15px
    }
}

@media(max-width:480px) {
    .centres-wrapper .centres-item .centre-card {
        padding: 10px
    }

    .centres-wrapper .centres-item {
        width: 100%;
        float: initial
    }

    .centres-wrapper {
        margin: initial
    }
}

.age-group {
    color: #000;
    font-size: 20px;
    line-height: 150%
}

.programs-wrapper {
    margin-right: -15px;
    margin-left: -15px;
    display: inline-block
}

    .programs-wrapper .programs-item {
        width: 50%;
        float: left;
        padding: 0 5px
    }

        .programs-wrapper .programs-item .programs-card {
            text-align: center;
            padding: 15px 5px;
            position: relative
        }

            .programs-wrapper .programs-item .programs-card .content {
                padding: 12px 20px;
                background: #fff;
                min-height: 250px
            }

            .programs-wrapper .programs-item .programs-card .progCard-more-btn {
                color: #1988c3;
                padding: 10px 25px;
                border-radius: 25px;
                text-transform: uppercase;
                background: #fff;
                transition: .6s;
                letter-spacing: 2px;
                border: 1px solid #fff;
                display: block;
                width: 50%;
                margin: 20px auto;
                font-family: CFJackStory-Regular
            }

@media(max-width:1199px) {
    .programs-wrapper .programs-item .programs-card .content {
        min-height: 390px
    }
}

@media(max-width:768px) {
    .programs-wrapper .programs-item .programs-card {
        padding: 15px
    }

        .programs-wrapper .programs-item .programs-card .progCard-more-btn {
            width: 100%
        }

        .programs-wrapper .programs-item .programs-card .content {
            min-height: 440px
        }
}

@media(max-width:480px) {
    .programs-wrapper .programs-item .programs-card {
        padding: 10px
    }

    .programs-wrapper .programs-item {
        width: 100%;
        float: initial;
        height: initial
    }

        .programs-wrapper .programs-item .programs-card .content {
            min-height: initial
        }

    .programs-wrapper {
        margin: initial
    }
}

.image-hover-text img {
    width: 100%;
    display: block;
    margin: 0 auto;
    border: 5px solid #fff
}

.image-hover-text {
    position: relative;
    overflow: hidden;
    display: inline-block;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.15);
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s
}

.cards, .google-maps-box {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.image-hover-text text, .image-hover-text:hover, .image-hover-text:hover .text {
    -webkit-transition: all ease-in-out .4s;
    -moz-transition: all ease-in-out .4s;
    transition: all ease-in-out .4s
}

.image-hover-text .text {
    position: absolute;
    width: 100%;
    padding: 25% 35px;
    background: #f58320;
    background: rgba(245,131,32,.85);
    color: #fff;
    left: 0;
    right: 0;
    top: 100%
}

.card-img, .google-maps {
    position: relative;
    overflow: hidden
}

.image-hover-text:hover .text {
    top: 0
}

.image-hover-text .text p {
    color: #fff;
    font-size: 16px
}

.image-hover-text .text .text-head {
    font-size: 16px;
    display: block
}

.card-blocks.mini {
    width: 33.33333333%;
    float: left;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

    .card-blocks.mini .cards {
        border-radius: 0
    }

.cards {
    margin: 15px 0;
    border-radius: 7px
}

.card-blocks.mini .card-img img {
    border-radius: 0
}

.card-img {
    max-height: 60%
}

.cards .card-content {
    padding: 15px 15px 10px;
    background: #fff;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

    .cards .card-content .card-content-wrapper {
        display: inline-block;
        width: 100%
    }

        .cards .card-content .card-content-wrapper .card-content-left {
            float: left;
            width: 60%
        }

        .cards .card-content .card-content-wrapper .card-content-right {
            float: left;
            width: 40%
        }

    .cards .card-content .time {
        font-size: 14px
    }

    .cards .card-content .newsletter-readmore {
        color: #f6892c;
        background: 0 0;
        padding: 10px 20px;
        font-weight: 700;
        text-align: center;
        display: block;
        margin-top: 0
    }

        .cards .card-content .newsletter-readmore.latest {
            display: block;
            margin: 0 auto;
            width: 50%;
            text-align: center
        }

.cards:hover .newsletter-readmore {
    color: #fff;
    background: #f6892c;
    padding: 10px 20px;
    font-weight: 700;
    border-radius: 25px
}

.cards:hover h4 {
    color: #8a8a8a
}

@media(max-width:768px) {
    .card-blocks.mini {
        width: 50%
    }
}

@media(max-width:480px) {
    .card-blocks.mini {
        width: 100%
    }
}

.google-maps-box {
    padding: 1px 2px 2px;
    text-align: center;
    display: inline-grid
}

    .google-maps-box .btn {
        font-size: 12px;
        padding: 5px 20px
    }

.page-body a {
    font-size: 14px;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.fc-Menu a, .fc-footer a, .tstn a {
    color: #575757 !important;
    text-decoration: none
}

.fc_login > ul {
    margin-top: -3px
}

@media (max-width:480px) {
    .custom-page-body h2 {
        font-size: 24px;
        line-height: 130%
    }

    .slick-dots {
        margin-bottom: 10% !important
    }
}

.custom-page-body ol {
    padding-left: 20px
}

.custom-page-body li {
    list-style: decimal
}

.custom-page-body .slick-slide {
    height: auto !important
}

.custom-inner-testimonials blockquote {
    line-height: 1.48 !important;
    background: 0 0;
    border-left: none;
    margin: 30px 15px 0;
    font-size: 16px;
    padding: 15px 10px 10px;
    position: relative
}

.top-bar-login .btn-orange {
    padding: 10px 20px
}

.google-maps {
    padding-bottom: 75%
}

    .google-maps iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important
    }

.Whistles-slider-wrapper, .newsletter-body, .section-Whistles, .section-Whistles .brown-bg-wrapper {
    position: relative
}

.newsletter-body {
    padding: 0;
    overflow: hidden
}

.section-Whistles {
    overflow: hidden
}

.brown-bg-wrapper {
    background: #fef5ec;
    padding: 40px 80px
}

.section-Whistles .home-slider-nav-list {
    list-style-type: none;
    padding: 0;
    position: absolute;
    top: 48%;
    left: 0;
    right: 0;
    z-index: 1
}

    .section-Whistles .home-slider-nav-list .home-banner-slider-nav.prev {
        float: left;
        background: #f6892c
    }

    .section-Whistles .home-slider-nav-list .home-banner-slider-nav.next {
        float: right;
        background: #f6892c
    }

    .section-Whistles .home-slider-nav-list .home-banner-slider-nav {
        display: inline-block;
        width: 36px;
        height: 36px;
        color: #fff;
        font-size: 21px;
        text-align: center;
        padding-top: 6px;
        float: left
    }

.WhistlesSlider div {
    outline: 0
}

.ollie-dolphin-elem {
    position: absolute;
    display: inline-block;
    top: 25px;
    left: 20px
}

@media(max-width:1400px) {
    .ollie-dolphin-elem img {
        width: 100%;
        max-width: 100px
    }
}

.oiites-boy, .oiites-girl {
    width: 50%;
    min-height: 350px;
    float: left
}

.oiites-stories-title-section {
    position: relative
}

.oiites-girl {
    padding-top: 25px
}

.oiites-boy {
    text-align: right
}

.oiites-story-title {
    position: absolute;
    display: inline-block;
    top: 150px;
    left: 0;
    right: 0;
    margin: 0 auto
}

    .oiites-story-title .half-underline:before {
        border-bottom: 4px solid #61ab46
    }

@media(max-width:480px) {
    .oiites-boy, .oiites-girl {
        min-height: initial
    }

    .oiites-girl {
        padding-top: initial
    }

        .oiites-boy img, .oiites-girl img {
            width: 100%;
            max-width: 75px
        }

    .oiites-story-title {
        top: 35px
    }

        .oiites-story-title h1 {
            font-size: 20px
        }
}

.OiitesStoriesSlider div {
    outline: 0
}

.oiites-story-cards-wrapper {
    margin: 5px 20px
}

.oiites-story-cards {
    padding: 20px 50px;
    text-align: center;
    background: url(../img/pattern-green.png)
}

    .oiites-story-cards .tag_line {
        color: #fff;
        display: block;
        margin-bottom: 25px
    }

    .oiites-story-cards p {
        color: #fff;
        line-height: 145%;
        font-size: 18px
    }

@media(max-width:480px) {
    .OiitesStoriesSlider {
        margin-top: 45px
    }
}

.leadership-cards {
    min-height: 560px;
    background: #fff;
    padding: 25px 20px;
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    box-shadow: 0 8px 17px 2px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.2);
    border-radius: 14px
}

    .leadership-cards.small {
        min-height: 360px
    }

    .leadership-cards img {
        display: block;
        margin: 0 auto 30px;
        border: 1px solid #f6892c
    }

    .leadership-cards .su-column-inner {
        min-height: 400px
    }

    .leadership-cards.small .su-column-inner {
        min-height: 275px
    }

    .leadership-cards .su-column-inner h3 {
        margin: 0
    }

    .leadership-cards .su-column-inner h5 {
        margin-top: 0
    }

.oi-standards .su-box-content {
    min-height: 170px
}

.news-boxes.big .su-box-content {
    min-height: 150px
}

.news-boxes.big img {
    display: block;
    margin: 0 auto 30px
}

.news-boxes .su-box-content {
    min-height: 90px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px
}

.news-boxes .su-box-title {
    background: 0 0;
    display: none !important
}

.news-boxes.awards .su-box-content {
    min-height: 250px
}

.news-boxes.awards.big .su-box-content {
    min-height: 420px
}

.news-boxes.awards img {
    display: block;
    margin: 0 auto 30px
}

.property_owner td, th {
    padding: 15px
}

.centres-testimonial-slider h4 {
    color: #f6892c;
    text-align: right;
    padding-right: 30px
}

.contact-google-maps-box {
    background: #fff;
    padding-top: 1px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    display: inline-grid
}

.leadform {
    margin: 0px auto;
    background: #fff;
    padding: 10px 20px;
    box-shadow: 0 4px 8px 3px rgba(0,0,0,.15)
}

    .leadform label {
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase
    }

    .leadform h3 {
        padding-top: 20px
    }

    .leadform .input-group {
        margin-bottom: 20px
    }

    .leadform .form-control {
        transition: .6s;
        border-radius: 2px;
        box-shadow: none;
        font-size: 16px;
    }

        .leadform .form-control:focus {
            background: #d5d5d5;
            border: none;
            transition: .6s;
            box-shadow: none
        }

    .leadform textarea {
        resize: none
    }

    .leadform .input-group-addon {
        background: #eee;
        color: #000;
        padding: 0;
        border: none;
        border-radius: 50%
    }

        .leadform .input-group-addon i {
            top: 0;
            padding: 10px;
            border-radius: 50%
        }

    .leadform .input-group .form-control {
        margin-left: 7px
    }

    .leadform .input-group.comment .input-group-addon {
        background: 0 0 !important
    }

    .leadform .contact-btn, .leadform .input-group-addon-focus {
        background: #ff7524;
        color: #fff
    }

    .leadform .contact-btn {
        margin-left: 40px;
        transition: .4s;
        border-radius: 5px;
        border: 1px solid #ff7524
    }

        .leadform .contact-btn:focus, .leadform .contact-btn:hover {
            background: #fff;
            border-radius: 5px;
            color: #ff7524;
            transition: .4s;
            border: 1px solid #ff7524
        }

.input-group-btn {
    vertical-align: top
}

.adjust_btn_height {
    height: 34px !important
}

.input-group-btn .btn {
    background: #ff7500;
    border: none;
    box-shadow: none
}

@media(max-width:1280px) {
    .leadform {
        padding: 5px 25px
    }
}

@media(max-width:768px) {
    .leadform {
        padding: 5px 15px
    }
}

#stickyLogin {
    position: fixed;
    right: 0;
    top: 60%;
    margin-right: -57px;
    margin-bottom: -3px;
    z-index: 9999
}

#stickyLoginContent {
    float: left;
    width: 170px;
    z-index: 1000;
    padding: 0;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px 5px rgba(0,0,0,.2)
}

    #stickyLoginContent ul {
        margin: 0;
        padding: 0
    }

        #stickyLoginContent ul li {
            list-style-type: none;
            color: #fff;
            padding: 10px 15px;
            background: #61ab46
        }

            #stickyLoginContent ul li:focus, #stickyLoginContent ul li:hover {
                background: #406d2f
            }

            #stickyLoginContent ul li a {
                color: #fff;
                font-size: 16px;
                letter-spacing: 1px;
                text-transform: uppercase
            }

            #stickyLoginContent ul li:first-child {
                border-bottom: 1px inset #fafafa
            }

#stickyLoginLabel {
    float: right;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
    width: 140px;
    height: 45px;
    background-color: rgba(254,148,61,.95);
    margin-top: 75px;
    margin-left: -47px;
    padding-top: 15px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

    #stickyLoginLabel:hover {
        background-color: rgba(254,148,61,1)
    }

#stickyLoginContent.panel, #stickyLoginContent.panel.panel-default {
    border: none
}

@media(max-width:480px) {
    #stickyLoginLabel {
        font-size: 14px;
        width: 90px;
        height: 75px;
        margin-left: -47px;
        padding-top: 52px
    }
}

.timeline {
    border-left: 1px solid #d8d8d8;
    padding-left: 10px;
    margin-left: 20px
}

.timeline-item {
    position: relative;
    margin-bottom: 30px;
    opacity: 1
}

    .timeline-item.active {
        opacity: 1
    }

    .timeline-item:before {
        content: ' ';
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #ffd3ac;
        position: absolute;
        display: block;
        left: -26px;
        border: 4px solid #ffd3ac
    }

    .timeline-item.active:before {
        background: #f6892c;
        border-color: #f6892c
    }

    .timeline-item .date {
        color: #ffd3ac;
        font-size: 22px;
        line-height: 150%;
        letter-spacing: 2px;
        padding: 2px 0 10px 15px
    }

    .timeline-item.active .date {
        color: #f6892c;
        padding: 2px 0 0 15px
    }

    .timeline-item h3 {
        color: #888;
        font-size: 20px;
        margin-top: 0;
        margin-bottom: 0
    }

    .timeline-item.active h3 {
        color: #9e1658;
        margin-top: 0;
        margin-bottom: 0
    }

    .timeline-item .card-content {
        min-height: 200px
    }

@media(max-width:1199px) {
    .timeline-item .card-content {
        min-height: 260px
    }
}

@media(max-width:992px) {
    .timeline-item .card-blocks.mini {
        width: 50%
    }
}

@media(max-width:768px) {
    .timeline-item .card-content {
        min-height: 180px
    }
}

@media(max-width:480px) {
    .timeline-item .card-blocks.mini {
        width: 100%
    }

    .timeline-item .card-content {
        min-height: initial
    }
}

.timeline-thumbs {
    display: inline-block;
    margin-bottom: 10px
}

.timeline-readmore-wrapper {
    min-height: 200px;
    height: 600px;
    overflow: hidden
}

    .timeline-readmore-wrapper.expand {
        min-height: initial;
        height: initial;
        overflow: visible
    }

.eco-care, .eco-care p, .eco-care ul li {
    color: #fff
}

.schedule-visit-panel.newsletter h2 {
    color: #fff;
    display: inline-block;
    position: relative;
    padding-bottom: 5px;
    width: 100%
}

    .schedule-visit-panel.newsletter h2:before {
        content: ' ';
        position: absolute;
        width: 7%;
        height: 1px;
        bottom: -3px;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-bottom: 4px solid #fff
    }

.eco-care {
    padding: 20px 50px;
    background: url(../img/pattern-green.png)
}

    .eco-care p {
        color: #fff
    }

    .eco-care ul li {
        color: #fff
    }

#readMore.hide {
    display: none
}

.ollie-center {
    margin: 250px 0 0
}

@media(max-width:480px) {
    .ollie-center {
        margin: initial
    }
}

footer {
    color: #fff;
    padding: 25px 0;
    background: #213988;
}

    footer h4 {
        color: #fff;
        color: rgba(255,255,255,.85);
        margin-bottom: 15px
    }

    footer a {
        color: rgba(255,255,255,.65)
    }

        footer a:focus, footer a:hover {
            color: #f58320
        }

    footer ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        footer ul li {
            padding-bottom: 5px
        }

    footer hr {
        border-top: 1px solid rgba(255,255,255,.25)
    }

.terms-link {
    float: right
}

@media(max-width:480px) {
    footer ul {
        margin-bottom: 0
    }

    .terms-link {
        float: initial;
        text-align: center
    }
}

.cd-container {
    width: 90%;
    max-width: 768px;
    margin: 2em auto
}

    .cd-container::after {
        content: '';
        display: table;
        clear: both
    }

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    border-radius: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.05);
    text-indent: 100%;
    white-space: nowrap;
    background: url(../img/cd-top-arrow.svg) center 50% no-repeat rgba(32,125,170,.7);
    visibility: hidden;
    opacity: 0;
    z-index: 1000;
    -webkit-transition: opacity .3s 0s,visibility 0s .3s;
    -moz-transition: opacity .3s 0s,visibility 0s .3s;
    transition: opacity .3s 0s,visibility 0s .3s
}

    .cd-top.cd-fade-out, .cd-top.cd-is-visible, .no-touch .cd-top:hover {
        -webkit-transition: opacity .3s 0s,visibility 0s 0s;
        -moz-transition: opacity .3s 0s,visibility 0s 0s;
        transition: opacity .3s 0s,visibility 0s 0s
    }

    .cd-top.cd-is-visible {
        visibility: visible;
        opacity: 1
    }

    .cd-top.cd-fade-out {
        opacity: .9
    }

.no-touch .cd-top:hover {
    background-color: rgba(121,196,201,.94);
    -webkit-transition: 1.4s;
    -moz-transition: 1.4s;
    transition: 1.4s;
    box-shadow: inset 0 0 0 4px rgba(255,255,255,.2);
    opacity: 1
}

@media only screen and (min-width:768px) {
    .cd-top {
        right: 20px;
        bottom: 20px
    }
}

@media only screen and (min-width:1024px) {
    .cd-top {
        height: 40px;
        width: 40px;
        right: 20px;
        bottom: 20px
    }
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

    .fluidMedia iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.testi_name {
    text-align: right;
    color: #0442a4;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc
}

.lb-data .lb-number {
    padding-top: .5em !important
}

.lb-data .lb-caption {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #fff !important
}

.datagrid {
    font: 400 12px/150% Arial,Helvetica,sans-serif;
    background: #fff;
    overflow: hidden;
    border: 1px solid #36752d;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    .datagrid table {
        border-collapse: collapse;
        text-align: left;
        width: 100%
    }

        .datagrid table thead th:first-child {
            border: none
        }

        .datagrid table thead th {
            background: -webkit-gradient(linear,left top,left bottom,color-stop(.05,#84c137),color-stop(1,#608c28));
            background: -moz-linear-gradient(center top,#84c137 5%,#608c28 100%);
            background-color: #84c137;
            color: #fff;
            font-size: 15px;
            font-weight: 700;
            border-left: 1px solid #36752d
        }

        .datagrid table td, .datagrid table th {
            padding: 5px 10px
        }

        .datagrid table tbody .alt td {
            background: #dfffde;
            color: #275420
        }

        .datagrid table tbody td {
            color: #36752d;
            border-left: 1px solid #c6ffc2;
            font-size: 12px;
            font-weight: 400;
            padding: 10px
        }

.google-maps .gm-style .default-card, .google-maps .gm-style .place-card {
    display: none !important
}

.gallery-box {
    padding-bottom: 30px
}

input[type=date]:before {
    content: attr(placeholder) !important;
    color: #949494;
    font-size: 15px;
    margin-right: .5em
}

.breadcrumbs li:last-child, .breadcrumbs li:last-child:after {
    color: #a2bb3c
}

input[type=date]:focus:before, input[type=date]:valid:before {
    content: ""
}

@media(max-width:480px) {
    .brown-bg-wrapper {
        padding: 70px 5px 5px
    }
}

.breadcrumbs li {
    display: inline-block;
    list-style-type: none
}

    .breadcrumbs li:after {
        content: '»';
        display: inline-block;
        margin: 0 6px
    }

    .breadcrumbs li:last-child:after, .breadcrumbs li:last-child:before {
        content: ""
    }

.news_archive_btn-orange {
    color: #fff;
    padding: 3px 11px;
    border-radius: 19px;
    text-transform: uppercase;
    background: #f58320;
    border: 1px solid #f58320;
    margin: 10px 0;
    transition: .6s;
    letter-spacing: 1px;
    font-family: CFJackStory-Regular
}

.centre-dropdown-list-wrapper {
    display: none
}

@media(max-width:480px) {
    .centre-dropdown-list-wrapper {
        display: block;
        margin-bottom: 20px
    }

    .inner-sidebar-left {
        display: none
    }
}

@media(max-width: 768px) {
    #stickyLoginLabel {
        margin-top: 10px;
    }

    .cd-top {
        bottom: 48px;
    }

    #stickyLogin {
        margin-right: -50px;
    }

    #stickyLoginContent {
        margin-top: 10px;
        margin-right: 40px;
    }
}