@font-face {
    font-family: 'robotobold';
    src: url(fonts/roboto-bold-webfont.eot);
    src: url(fonts/roboto-bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/roboto-bold-webfont.woff2) format("woff2"), url(fonts/roboto-bold-webfont.woff) format("woff"), url(fonts/roboto-bold-webfont.ttf) format("truetype"), url(fonts/roboto-bold-webfont.svg#robotobold) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'robotobold_italic';
    src: url(fonts/roboto-bolditalic-webfont.eot);
    src: url(fonts/roboto-bolditalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/roboto-bolditalic-webfont.woff2) format("woff2"), url(fonts/roboto-bolditalic-webfont.woff) format("woff"), url(fonts/roboto-bolditalic-webfont.ttf) format("truetype"), url(fonts/roboto-bolditalic-webfont.svg#robotobold_italic) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedbold';
    src: url(fonts/robotocondensed-bold-webfont.eot);
    src: url(fonts/robotocondensed-bold-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/robotocondensed-bold-webfont.woff2) format("woff2"), url(fonts/robotocondensed-bold-webfont.woff) format("woff"), url(fonts/robotocondensed-bold-webfont.ttf) format("truetype"), url(fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condenseditalic';
    src: url(fonts/robotocondensed-italic-webfont.eot);
    src: url(fonts/robotocondensed-italic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/robotocondensed-italic-webfont.woff2) format("woff2"), url(fonts/robotocondensed-italic-webfont.woff) format("woff"), url(fonts/robotocondensed-italic-webfont.ttf) format("truetype"), url(fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight';
    src: url(fonts/robotocondensed-light-webfont.eot);
    src: url(fonts/robotocondensed-light-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/robotocondensed-light-webfont.woff2) format("woff2"), url(fonts/robotocondensed-light-webfont.woff) format("woff"), url(fonts/robotocondensed-light-webfont.ttf) format("truetype"), url(fonts/robotocondensed-light-webfont.svg#roboto_condensedlight) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedlight_italic';
    src: url(fonts/robotocondensed-lightitalic-webfont.eot);
    src: url(fonts/robotocondensed-lightitalic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/robotocondensed-lightitalic-webfont.woff2) format("woff2"), url(fonts/robotocondensed-lightitalic-webfont.woff) format("woff"), url(fonts/robotocondensed-lightitalic-webfont.ttf) format("truetype"), url(fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'roboto_condensedregular';
    src: url(fonts/robotocondensed-regular-webfont.eot);
    src: url(fonts/robotocondensed-regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/robotocondensed-regular-webfont.woff2) format("woff2"), url(fonts/robotocondensed-regular-webfont.woff) format("woff"), url(fonts/robotocondensed-regular-webfont.ttf) format("truetype"), url(fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'robotoitalic';
    src: url(fonts/roboto-italic-webfont.eot);
    src: url(fonts/roboto-italic-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/roboto-italic-webfont.woff2) format("woff2"), url(fonts/roboto-italic-webfont.woff) format("woff"), url(fonts/roboto-italic-webfont.ttf) format("truetype"), url(fonts/roboto-italic-webfont.svg#robotoitalic) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'robotolight';
    src: url(fonts/roboto-light-webfont.eot);
    src: url(fonts/roboto-light-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/roboto-light-webfont.woff2) format("woff2"), url(fonts/roboto-light-webfont.woff) format("woff"), url(fonts/roboto-light-webfont.ttf) format("truetype"), url(fonts/roboto-light-webfont.svg#robotolight) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'robotoregular';
    src: url(fonts/roboto-regular-webfont.eot);
    src: url(fonts/roboto-regular-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/roboto-regular-webfont.woff2) format("woff2"), url(fonts/roboto-regular-webfont.woff) format("woff"), url(fonts/roboto-regular-webfont.ttf) format("truetype"), url(fonts/roboto-regular-webfont.svg#robotoregular) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url(fonts/roboto-medium-webfont.eot);
    src: url(fonts/roboto-medium-webfont.eot?#iefix) format("embedded-opentype"), url(fonts/roboto-medium-webfont.woff2) format("woff2"), url(fonts/roboto-medium-webfont.woff) format("woff"), url(fonts/roboto-medium-webfont.ttf) format("truetype"), url(fonts/roboto-medium-webfont.svg#robotomedium) format("svg");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'veneerlowres_threeregular';
    src: url('fonts/veneerlowresthree-webfont.eot');
    src: url('fonts/veneerlowresthree-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/veneerlowresthree-webfont.woff') format('woff'),
    url('fonts/veneerlowresthree-webfont.ttf') format('truetype'),
    url('fonts/veneerlowresthree-webfont.svg#veneerlowres_threeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'veneerlowres_tworegular';
    src: url('fonts/veneerlowrestwo-webfont.eot');
    src: url('fonts/veneerlowrestwo-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/veneerlowrestwo-webfont.woff') format('woff'),
    url('fonts/veneerlowrestwo-webfont.ttf') format('truetype'),
    url('fonts/veneerlowrestwo-webfont.svg#veneerlowres_tworegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
    font: 14px/21px robotoregular, sans-serif;
    color: #000;
}

h1, h2, h3, h4 {
    font-family: veneerlowres_threeregular, sans-serif;
}

.h3, h3 {
    font-size: 40px;
}

.col-centered {
    float: none;
    display: inline-block;
}

.unlist li {
    list-style: none;
}

.padding-null {
    padding: 0;
}

.padding-right-null {
    padding-right: 0;
}

.padding-left-null {
    padding-left: 0;
}

/* Header Styling */
header {
    padding: 0;
    /*background: #01AFEC;*/
}

.header-left {
    font: 14px/19px robotomedium, sans-serif;
    display: inline-block;
    padding: 19px 0;
}

.header-left a {
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
}

.header-left a:hover {
    text-decoration: none;
}

.header-left img {
    margin-right: 10px;
}

.header-right {
    /*padding-right: 0;*/
}

.header-right .navbar {
    background: none;
    border: 0;
    border-radius: 0;
}

.header-right .nav > li > a {
    padding: 19px 8px;
    font-family: 'robotomedium', sans-serif;
    text-transform: uppercase;
}

.header-right .navbar-collapse, .header-right .container-fluid {
    padding-right: 0;
    padding-left: 0;
}
.dropdown-menu{
    background: #902c8e;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.navbar-nav {
    float: right !important;
    margin: 0;
}
.nav>li {
    position: static;
}
.navbar-nav>li>.dropdown-menu{
    width: 100%;
    text-align: center;
}
.nav > li.dropdown.open { position: static; }
.nav > li.dropdown.open .dropdown-menu {display:table; width: 100%; text-align: center; left:0; right:0; }
.dropdown-menu>li { display: table-cell; }

.outer-wrapper{
    background: url(../img/bg.jpg) no-repeat top center #902c8e;
}

.section-padding {
    padding: 120px 0;
}

.title {
    text-transform: uppercase;
    color: #000;
    margin: 0;
    font: 30px/60px veneerlowres_threeregular, sans-serif;
}

/* Annual Program */
#annual-prog .cat-lists li {
    margin-bottom: 30px;
}

#annual-prog .title {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 15px;
}

#annual-prog ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#annual-prog .row.outer-block {
    margin-bottom: 30px;
}

#annual-prog .mid-content h3 {
    font: 20px/32px roboto_condensedregular, sans-serif;
    color: #3d4d65;
    margin: 0;
    padding: 0;
}

#annual-prog .prog-list {
    margin-bottom: 30px;
}

.anual-content img {
    width: 100%;
}

.anual h2 {
    text-align: center;
}

.anual .anual-content h2 {
    font-size: 23px;
    margin: 0;
    padding: 10px 10px;
    background: #fff;
}

.anual .anual-content h2 a {
    text-decoration: none;
}
ul.submenu-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.submenu-list li {
    padding: 2px 0;
    background: #fff;
    border-bottom: 2px solid #523062;
}
/* Banner Styling */
.banner-section {
    background: url(../img/banner-base.jpg) no-repeat 0 0;
    position: relative;
}

.banner-section img {
    max-width: 100%;
    opacity: .3;
}

.banner-info {
    position: absolute;
    top: 0;
    text-align: center;
    width: 100%;
    left: 50%;
    width: 700px;
    margin-left: -350px;
}

.banner-info-centered {
    display: table-cell;
    vertical-align: middle;
    height: 600px;
    width: 700px;
    text-align: center;
    margin: auto;
}

.banner-info img {
    opacity: 1;
}

.banner-info h1 {
    font: 65px/65px roboto_condensedregular, sans-serif;
    color: #fff;
    text-transform: uppercase;
}

.banner-info p {
    font: 20px/28px robotolight, sans-serif;
    color: #fff;
}

.banner-play-btn i {
    font-size: 45px;
    color: #fff;
    background: #5f464e;
    border: 2px solid #fff;
    border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 60px;
    height: 60px;
    text-align: center;
    padding: 5px 24px;
    margin-top: 20px;
}

.sign-in {
    position: absolute;
    right: 30px;
    top: 50px;
    z-index: 9999;
}

.sign-in .read-more {
    color: #fff;
    font: 15px/21px robotomedium, sans-serif;
    border: 1px solid #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    padding: 12px 50px;
    float: right;
}

/*
What's on
*/
#whatson a {
    text-decoration: none;
    color: #ee5a35;
}

#whatson a:hover {
    color: #DE4B08;
}

#whatson .run-line {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

#whatson .run-line:before {
    content: "";
    display: block;
    border-top: solid 1px #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

#whatson .run-line span {
    background: #382923;
    color: #fff;
    padding: 0 20px;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
}

#whatson-wraper {
    background: rgba(35, 35, 35, 0.9);
}

/* Mid Container */
.mid-container {
    margin-top: 40px;
}

.mid-banner-section img {
    width: 100%;
}

.mid-banner-info {
    width: auto;
    margin: 0;
    text-align: left;
    left: 0;
    padding: 0 50px;
}

.mid-banner-info-centered {
    width: auto;
    text-align: left;
}

.mid-banner-info h1 {
    font-size: 50px;
}

.mid-banner-info p {
    font-size: 17px;
}

.mid-banner-info a.read-more {
    color: #fff;
    font: 14px/22px robotomedium, sans-serif;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-radius: 25px;
    padding: 10px 25px;
    margin-top: 40px;
    display: inline-block;
}

.mid-banner-date {
    position: absolute;
    color: #f4d9d7;
    left: 50px;
    top: 50px;
    z-index: 9;
}

.mid-content {
    background: #fff;
    padding: 24px 25px;
}

.mid-content-bg {
    background: url(../img/mid-pic-bg.jpg) no-repeat 0 0;
}

.mid-content-bg2 {
    background: url(../img/mid-pic-bg2.jpg) no-repeat 0 0;
}

.mid-content-bg img {
    opacity: .3;
    max-width: 100%;
}

.mid-content p.posted-date {
    color: #8493a8;
    font: 12px/21px robotoregular, sans-serif;
}

.mid-content h3 {
    font: 25px/32px roboto_condensedregular, sans-serif;
    color: #3d4d65;
}

.mid-content p {
    color: #54657e;
    font: 15px/21px robotolight, sans-serif;
}

.mid-block {
    height: 270px;
    overflow: hidden;
}

.mid-block .read-more {
    text-decoration: none;
    font: 14px/21px robotomedium, sans-serif;
    border: 1px solid #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    position: absolute;
    width: 130px;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    text-align: center;
    margin-top: -7px;
    display: inline-block;
    font-family: bold, Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    padding: 13px 21px 12px;
    -webkit-font-smoothing: subpixel-antialiased;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #FFF;
    color: #111;
    transition: all .3s;
}

.mid-block .read-more:hover {
    background: #16e58a;
}

/*.mid-read-more { position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    margin-left: -60px;}*/
/*.mid-content-bg:before {
    content: '';
    background: url(../img/mid-pic-arrow1.png) no-repeat 0 0;
    height: 27px;
    width: 14px;
}*/
.mid-content-arrow {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -13px;
}

.relative {
    position: relative;
}

.mid-content-arrow2 {
    left: 0;
}

#reservation .booking {
    background: #fff;
    padding: 20px;
    min-height: 159px;
    margin-bottom: 20px;
    background: #fff;
}

/* Footer Container */
.footer-container {
    background: #fff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -webkit-border-radius: 0px;
    margin-top: 40px;
    padding: 25px 30px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

footer h2 {
    color: #3d4d65;
    font: 20px/25px roboto_condensedregular, sans-serif;
    text-transform: uppercase;
}

footer p {
    color: #54657e;
    font: 15px/25px robotolight, sans-serif;
}

footer p a {
    color: #0359d9;
    text-decoration: underline;
}

footer .social-icon li a {
    float: left;
    margin-right: 10px;
}

footer .social-icon li a i {
    color: #fff;
    border-radius: 50%;
    padding: 9px 10px;
    height: 35px;
    width: 35px;
    font-size: 18px;
}

footer .social-icon li a i.fa-facebook {
    background: #3b5998;
}

footer .social-icon li a i.fa-twitter {
    background: #55acee;
}

footer .social-icon li a i.fa-instagram {
    background: #125688;
}

footer h3 {
    margin-top: 0;
    font: 15px/23px robotoregular, sans-serif;
    color: #3d4d65;
    margin-bottom: 5px;
}

footer h3 a {
    color: #3d4d65;
}

footer p.posted-day {
    color: #8493a8;
    font-size: 11px;
    text-transform: uppercase;
}

footer a.view-post {
    color: #0082d5;
    font-size: 12px;
    text-transform: uppercase;
}

footer a.view-post i {
    color: #0082d5;
    font-size: 10px;
}

footer .btn-twitter-follow {
    color: #8493a8;
    border-color: #8493a8;
    text-transform: uppercase;
    font: 12px/21px robotomedium, sans-serif;
    vertical-align: middle;
    padding-right: 30px;
}

footer .btn-twitter-follow i {
    color: #8493a8;
    font-size: 20px;
    margin-right: 5px;
    vertical-align: middle;
}

footer ul li img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    max-width: 100%;
    width: 100%;
}

footer ul li {
    margin-bottom: 10px;
    padding-right: 10px;
    float: left;
    display: inline;
}

footer .posts-footer img {
    width: 100%
}

footer .tweet-footer p {
    line-height: 15px;
    font-size: 12px;
}

footer .insta-caspa-logo {
    width: 100%;

}

.bottom-footer {
    border-top: 1px solid #cad3df;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 20px;
    margin-bottom: 40px;
}

.bottom-footer ul li a {
    color: #6e6e6e;
    font: 11px/18px robotomedium, sans-serif;
    text-transform: uppercase;
    float: left;
    margin-right: 10px;
}

.bottom-footer p {
    color: #8493a8;
    font: 13px/21px robotolight, sans-serif;
    text-align: right;
}

.custom-menu ul {
    width: 100%;
    position: relative;
    text-align: right;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.custom-menu ul li {
    width: auto;
    font: 14px/18px robotomedium, sans-serif;
    display: inline-block;
    padding: 19px 7px;
    background: none;
    cursor: pointer;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-transform: uppercase;
}

.custom-menu ul li a {
    color: #000;
    text-decoration: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}

.custom-menu ul li a:hover {
    color: #fff;
}

.custom-menu ul ul li:hover {
    background: none;
    color: #fff;
}

.custom-menu ul ul li {
    padding: 7px 15px;
    display: block;
}

.custom-menu ul ul li a {
    color: #fff;
    font-size: 11px;
}

.custom-menu ul li .dropDown {
    padding: 0;
    position: absolute;
    top: 56px;
    left: -52%;
    width: 100%;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    -transition: opacity .2s;
    width: 1140px;
}

.custom-menu ul li .dropDown .listItem {
    display: block;
    color: #fff;
}

/*.custom-menu ul li .dropDown .listItem:hover { background: #666; }*/
.custom-menu ul li:hover .dropDown {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 9999999999;
    background: #b52118;
    padding: 10px 15px;
}

.sub-menu-top {
    margin-bottom: 10px;
}

.sub-menu-bottom {
    background: #b14114;
}

.sub-menu-top img {
    width: 100%;
}

.sub-menu-wrap {
    text-align: center;
}

.sub-menu-block {
    width: 19%;
    margin-left: 13px;
    display: inline-block !important;
    position: relative;
    vertical-align: top;
}
.sub-menu-heading h1 {
    font-size: 16px;
    position: absolute;
    top: 50px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.sub-menu-heading h1 a {
    color: #fff !important;
}

.sub-menu-block:first-child {
    margin-left: 0;
}

.block-blue {
    background: #114faa;
}

.block-purple {
    background: #952a82;
}

.block-orange {
    background: #f5821f;
}

.block-lightblue {
    background: #54318f;
}

.home-slide {
    position: relative;
}

.home-slide .caspa-logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

#main-slider {
    position: relative;
}

#main-slider h1 {
    color: #fff;
    margin-bottom: 40px;
}

#main-slider .read-more {
    text-decoration: none;
    font: 14px/21px robotomedium, sans-serif;
    border: 1px solid #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    position: absolute;
    width: 130px;
    top: 50%;
    left: 50%;
    margin-left: -65px;
    text-align: center;
    margin-top: -7px;
    display: inline-block;
    font-family: bold, Helvetica, Arial, sans-serif;
    line-height: 1.3em;
    padding: 13px 21px 12px;
    -webkit-font-smoothing: subpixel-antialiased;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #FFF;
    color: #111;
    transition: all .3s;
}

#main-slider .read-more:hover {
    background: #16e58a;
}

#main-slider .owl-prev {
    position: absolute;
    top: 38%;
    left: 0;
}

#main-slider .owl-next {
    position: absolute;
    top: 38%;
    right: 0;
}

#main-slider .big-text {
    font-size: 5em !important;
}

.content-shit {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 0 70px 150px;
    text-align: center;
    cursor: default;
}

.content-shit h1 {
    font-size: 48px;
    line-height: .9em;
    text-transform: uppercase;
    color: #fff !important;
}

.content-shit .btn-small {
    display: block;
    padding: 12px 27px;
    border: 2px solid #000;
    color: #000;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer;
    pointer-events: auto;
}

.content-shit .btn-white {
    position: absolute;
    bottom: 70px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    border: 2px solid #12bdf0;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -webkit-border-radius: 25px;
    background-color: rgba(0, 0, 0, .6);
    color: #12bdf0;
}

.nivoSlider {
    background: url(../img/slider-bg.jpg) no-repeat 0 0;
    background-size: cover;
}

.nivoSlider img {
    opacity: .3;
}

.nivo-caption {
    top: 0;
    height: 100%;
    background: none;
}

.slider-text {
    height: 520px;
    display: table-cell;
    vertical-align: middle;
}

.nivo-directionNav {
    display: none;
}

.mid-block-innerpage .nivo-directionNav {
    display: block;
}

.mid-block-innerpage .nivoSlider {
    background: none;
}

.mid-block-innerpage .nivoSlider img {
    opacity: 1;
}

.mid-block-innerpage .nivo-directionNav a {
    text-indent: -9999px;
    width: 38px;
    height: 60px;
}

.mid-block-innerpage .nivo-directionNav a.nivo-prevNav {
    background: url(../img/left-arrow.png) no-repeat 0 0;
    left: 15px;
}

.mid-block-innerpage .nivo-directionNav a.nivo-nextNav {
    background: url(../img/right-arrow.png) no-repeat 0 0;
    right: 15px;
}

.slider-text-wrap {
    padding: 20px;
}

.slider-text-wrap h1 {
    font: 50px/50px roboto_condensedregular, sans-serif;
    color: #fff;
}

.slider-text-wrap p {
    font: 17px/29px robotolight, sans-serif;
}

.slider-text-wrap a {
    font: 14px/21px robotomedium, sans-serif;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -ms-border-radius: 25px;
    padding: 10px 25px;
    text-decoration: none;
    display: inline-block !important;
    margin-top: 20px;
}

.slider-text-top {
    position: absolute;
    top: 20px;
}

.nivo-controlNav {
    position: absolute;
    bottom: 10px;
    left: 60px;
    z-index: 99999;
}

.custom-mobilemenu-icon {
    display: none;
}

.sub-menu-bottom {
    min-height: 190px;
}

.block-date {
    position: relative;
    display: inline-block;
}

.sign-in-form {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 10px 15px;
    margin-top: 60px;
    position: relative;
    z-index: 9999;
    clear: both;
    display: none;
    background: rgba(0, 0, 0, 0.2);
}

.sign-in-form label {
    color: #fff;
    text-align: left !important;
}

.banner-innerpage img {
    width: 100%;
}

.slider-wrapper {
    position: relative;
}

.creativity-wrapper {
    background: #1854ac;
    margin: 22px 0;
    padding: 10px 15px;
}

.creativity-wrapper ul li {
    list-style: none;
    display: inline;
    margin-left: 5px;
    margin-right: 5px;
}

.creativity-wrapper p {
    margin-bottom: 0;
    color: #fff;
}

.creativity-wrapper i {
    color: #8493a8;
    font-size: 26px;
}

.creativity-wrapper i:hover {
    color: #fff;
}

.creativity-wrapper ul {
    margin-bottom: 0;
}

.creativity-wrapper-left p {
    font-family: veneerlowres_threeregular, sans-serif;
    text-transform: uppercase;
    font-size: 25px;
    margin: 0;
    padding: 0;
    line-height: 26px;
}

.mid-block-innerpage-content {
    background: rgba(55, 67, 85, 0.7);
    padding: 0 25px;
}

.mid-block-innerpage .nivo-caption {
    opacity: 1;
    padding: 0;
}

.mid-block-innerpage .nivo-caption h3 {
    margin-top: 10px;
    font: 25px/28px robotoregular, sans-serif;
    color: #fff;
}

.mid-block-innerpage .nivo-caption p {
    margin-top: 5px;
    font: 16px/24px robotoregular, sans-serif;
    color: #fff;
}

.mid-block-innerpage .nivo-caption p i {
    font-size: 16px;
}

.slider-wrapper-bottom-title {
    background: #fff;
    padding: 10px 30px 30px;
}

.slider-wrapper-bottom-title ul {
    padding-top: 5px;
}

.slider-wrapper-bottom-title ul li {
    list-style: none;
    display: inline;
    font-size: 16px;
    padding-left: 10px;
}
.navbar-default .navbar-brand {
    color: #000000;
}
.navbar-default .navbar-nav>li>a{
    color: #000;
}
.navbar-default .navbar-nav>.disabled>a:hover{
    color: #999;
    background-color: rgba(0, 0, 0, 0);
    cursor: pointer;
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover{
    color: #000;
}
.like-count {
    color: #d2335c;
}

.like-count i {
    color: #cf0202;
}

.comment-count {
    color: #1536ad;
}

.comment-count i {
    color: #1536ad;
}

.breadcrumbs {
    text-align: right;
    width: 100%;
    display: block;
    padding: 0 15px 15px 6px;
}

.breadcrumbs a {
    display: initial !important;
}

.slider-wrapper-bottom h2 {
    color: #3d4d65;
    font: 33px/30px veneerlowres_tworegular, sans-serif;
}

.slider-wrapper-bottom p {
    color: #3d4d65;
    font: 15px/22px robotolight, sans-serif;
}

.specialised-program h2 {
    color: #3d4d65;
    vertical-align: middle;
    border-bottom: 1px solid #cad3df;
}

.specialised-program h2 i {
    color: #8493a8;
    vertical-align: middle;
}

.specialised-program h2 {
    font: 20px/25px veneerlowres_tworegular, sans-serif;
    background: #eceff4;
    margin-top: 0;
    padding: 12px;
    margin-bottom: 0;
}

.specialised-program h2 i.fa-caret-left {
    font-size: 12px;
}

.specialised-program h2 i.fa-bars {
    font-size: 20px;
    vertical-align: middle;
}

.specialised-program ul {
    padding-left: 0;
    background: #fff;
}

.specialised-program ul li {
    list-style: none;
}

.specialised-program ul li a {
    color: #54657e;
    font: 14px/22px robotoregular, sans-serif;
    text-transform: uppercase;
    padding: 15px 20px;
    border-bottom: 1px solid #cad3df;
    display: block;
    text-decoration: none;
}

.specialised-program ul li a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a434d1+0,d6405c+100 */
    background: #a434d1;
    /* Old browsers */
    background: -moz-linear-gradient(left, #a434d1 0%, #d6405c 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #a434d1 0%, #d6405c 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #a434d1 0%, #d6405c 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a434d1', endColorstr='#d6405c', GradientType=1);
    /* IE6-9 */
    color: #fff;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.card-team {
        position: relative;
    background: rgba(255, 235, 59, 0.53);
    padding: 26px;
}
.card-team .circle-image {
    box-sizing: border-box;
    height: 140px;
    width: 140px;
    overflow: hidden;
    border: 0.5em solid #FF9800;
    position: relative;
    float: left;
    margin: 20px;
    border-radius: 150px;
    -webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}
.card-team .circle-image > img {
  position: absolute;
  top: -1000px;
  bottom: -1000px;
  left: -1000px;
  right: -1000px;
  margin: auto;
  transition: all 0.3s ease-in-out;
}
.card-team .circle-image:hover > img {
  transform: scale(1.2) rotate(2deg);
}


#instafeed {
    margin: 0;
    padding: 0;
}

#instagram ul li {
    padding: 10px;
    vertical-align: top;
    display: block;
    float: left;
}

#instagram li {
    position: relative;
    overflow: hidden;
}

#instagram {
    background: #00afec;
}

#instagram li {
    position: relative;
    overflow: hidden;
}

#instagram li:hover .overlay {
    opacity: 1;
}

#instagram li .overlay {
    display: block;
    background: red;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    opacity: 0;
}

#instagram li .likes {
    position: absolute;
    right: 5px;
    top: 5px;
    font-weight: 700;
    color: #00afec;
}

#instagram li .caption {
    position: absolute;
    padding: 20px 10px;
    top: 0;
    font-size: 16px;
    line-height: 15px;
}

#instagram .run-line {
    position: relative;
    text-align: center;
}

#instagram .run-line:before {
    content: "";
    display: block;
    border-top: solid 1px #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

#instagram .run-line span {
    background: #00afec;
    padding: 0 20px;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
}

#instagramfeed li img {
    width: 70px;
    height: 70px;
}

/* ==========================================================================
Owl Theme
========================================================================== */
#thumb-slider h2 {
    font-size: 16px;
    color: #fff;
}

#thumb-slider p {
    font-size: 13px;
    line-height: 16px;
    color: #e1e1e1;
    padding-bottom: 20px;
}

#thumb-slider .block h3 {
    font-size: 20px;
    color: #FFF;
    text-transform: uppercase;
    letter-spacing: .04em;
}

#thumb-slider .block p {
    font-size: 13px;
    line-height: 16px;
    color: #A7A7A7;
    padding-bottom: 20px;
    font: 13px/19px roboto, sans-serif;
    font-weight: normal;
    font-weight: 100;
    letter-spacing: 0.05em;
}

#thumb-slider .owl-prev {
    position: absolute;
    top: 48px;
    left: -35px;
}

.big-text {
    font-size: 2em !important;
}

#thumb-slider .owl-next {
    position: absolute;
    top: 48px;
    right: -35px;
}

/* ==========================================================================
Callander
========================================================================== */
.fc-view-container {
    background: #cebe29;
    background: -moz-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, #cebe29), color-stop(33%, #9b1f50), color-stop(71%, #2989d8), color-stop(91%, #89b4ff));
    background: -webkit-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
    background: -o-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
    background: -ms-linear-gradient(-45deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
    background: linear-gradient(135deg, #cebe29 0%, #9b1f50 33%, #2989d8 71%, #89b4ff 91%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cebe29', endColorstr='#89b4ff', GradientType=1);
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: rgba(225, 225, 225, 0.2) !important;
}

.fc-row.fc-widget-header {
    background: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.9);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    line-height: 40px;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.fc-ltr .fc-basic-view .fc-day-number {
    text-align: right;
    color: #fff;
    font-size: 18px;
    padding: 12px;
}

.fc td.fc-today {
    color: #000 !important;
}

.fc-toolbar {
    text-transform: uppercase;
    color: #fff;
}

#cal-event .run-line {
    position: relative;
    text-align: center;
}

#cal-event .run-line:before {
    content: "";
    display: block;
    border-top: solid 1px #fff;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    z-index: 1;
}

#cal-event .run-line span {
    background: #53124d;
    padding: 0 20px;
    position: relative;
    z-index: 5;
    text-transform: uppercase;
}

.cal-event h3 {
    color: #fff;
    margin: 0 0 20px;
}

#calendar-slider .item {
    background: #3fb34f;
    padding: 1rem;
    text-align: center;
    display: block;
    position: relative;
}

#calendar-slider .item.has-event {
    background: #ee5a35;
    color: #000;
}

#calendar-slider .item.has-event:hover {
    color: #fff;
}

#calendar-slider a {
    text-decoration: none;
}

#calendar-slider a:hover {
    color: #fff;
}

#calendar-slider h2 {
    font-size: 12px;
    font-weight: 300;
    color: #404040;
    padding: 0;
    margin: 0;
    text-transform: uppercase;

}

#calendar-slider h2,
#calendar-slider h4 {
    font-family: 'robotoregular', sans-serif;
}

#calendar-slider span {
    position: absolute;
    bottom: -19px;
    left: 0;
    text-transform: uppercase;
    color: #fff;
}

/* ==========================================================================
Reservations
========================================================================== */
.booking {
    background: #fff;
    padding: 20px;
}

.booking .title {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 12px;
    font-family: inherit;
}

#about .heading {
    font: 42px/52px roboto_condensedregular, sans-serif;
    color: #000;
}
#about .content p span{
    color: #000 !important;
}

#about .content {
    font: 21px/37px roboto_condensedregular, sans-serif;
}

#in-section {
    margin: 100px 0;
}

#in-section a {
    position: relative;
    overflow: hidden;
    display: block;
    height: 200px;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
}

#in-section a h2 {
    text-transform: uppercase;
}

#in-section a span {
    font-size: 15px;
    letter-spacing: .02em;
}

#in-section a .in-section-content {
    padding: 22px 15px 0 38px;
    position: relative;
    z-index: 10;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

#in-section img {
    position: absolute;
}

.remove-content-menu {
    display: inline-block;
    position: relative;
    top: -5px;
}

#our-team .theteam {
    margin-bottom: 30px;
}

#our-team .sort-team ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}

#our-team .sort-team {
}

#our-team .sort-team ul li {
    display: inline-block;
}

#our-team img {
    width: 100%;
}

#our-team .overlay {
    background: rgba(0, 0, 0, .75);
    text-align: center;
    padding: 53px 0 68px;
    opacity: 0;
    position: absolute;
    top: 0;
    color: #fff;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .25s ease;
    -moz-transition: opacity .25s ease;
}

#our-team i {
    font-size: 30px;
}

#our-team figure {
    position: relative;
}

#our-team figure:hover .overlay {
    opacity: 1;
}

#our-team .item-team h2 {
    margin: 0;
    min-height:47px;
    padding: 6px 5px;
    font-size: 16px;
    background: #fff;
    font-family: robotoregular, sans-serif;
}

#our-team .item-team h3 {
    font-family: robotoregular, sans-serif;
    margin: 0;
    padding: 0 5px 5px;
    font-size: 12px;
    background: #fff;
    color: #53114E;
    height: 66px;
}

#our-team .sort-team li a {
    position: relative;
    overflow: hidden;
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 2px 25px;
    border-radius: 20px;
    border: 2px solid #e1e1e1;
    color: #fff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s;
    transition: all .3s;
}

#our-team .sort-team li a:hover, #our-team .sort-team li a.active {
    border-color: #fff;
    background-color: #fff;
    color: #000;
}

/* ==========================================================================
MODAL-WINDOW
========================================================================== */
.modal-body h3 {
    font-size: 28px;
}

#calendarDetailsModal .modal-dialog {
    width: 80%;

}

.modal-content {
    color: #fff;
    background: #e74c3c;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
}

#calendarDetailsModal .modal-body {
    overflow-y: auto;
}

#calendarDetailsModal .modal-header {
    margin: 0;
    padding: 0.4em;
    text-align: center;
    font-size: 2.4em;
    font-weight: 300;
    opacity: 0.8;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 3px 3px 0 0;
    border-bottom: none;
}

#calendarDetailsModal .modal-header button {
    color: #fff;
    opacity: 1;
}

#calendarDetailsModal .modal-footer button {
    display: block;
    margin: 0 auto;
    font-size: 0.8em;
}

#calendarDetailsModal .modal-footer button {
    border: none;
    padding: .6em 3.2em;
    background: #c0392b;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    display: inline-block;
    margin: 3px 2px;
    border-radius: 2px;
}

#calendarDetailsModal .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #C0392B;
}

.modal-body .details {
    color: #fff;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #e74c3c;
    position: relative;
    border-radius: 3px;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 100;
    letter-spacing: 0.09em;

}

/* ==========================================================================
Gallery
========================================================================== */
#albums {
    margin: 0;
    padding: 0;
    list-style: none;
}

#albums .title {
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 15px;
}

#albums li {
    margin-bottom: 30px;
}

#albums .album {
    position: relative;
    overflow: hidden;
    border: 7px solid #fff;
}

#albums .album img {
    width: 100%;
}

#albums .album img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

#albums a {
    display: block;
}

#albums a:hover img {
    -webkit-transform: scale(1.25); /* Safari and Chrome */
    -moz-transform: scale(1.25); /* Firefox */
    -ms-transform: scale(1.25); /* IE 9 */
    -o-transform: scale(1.25); /* Opera */
    transform: scale(1.25);
}

#albums-list .album-grid {
    margin: 0;
    padding: 0;
    list-style: none;
}

#albums-list .album-content {
    overflow: hidden;
}

#albums-list .album-item {
    margin-bottom: 30px;
}

#albums-list .album-content img {
    width: 100%;
}

#albums-list .album-content img {
    -webkit-transition: all 5s ease; /* Safari and Chrome */
    -moz-transition: all 5s ease; /* Firefox */
    -ms-transition: all 5s ease; /* IE 9 */
    -o-transition: all 5s ease; /* Opera */
    transition: all 5s ease;
}

#albums-list a {
    display: block;
}

#albums-list a:hover img {
    -webkit-transform: scale(1.15); /* Safari and Chrome */
    -moz-transform: scale(1.15); /* Firefox */
    -ms-transform: scale(1.15); /* IE 9 */
    -o-transform: scale(1.15); /* Opera */
    transform: scale(1.15);
}

#albums .metadata {
    position: absolute;
    padding: 20px;
    bottom: 0;
    left: 0;
}

#albums .metadata h4, #albums .metadata span {
    text-shadow: 0 1px 1px #000;
    color: #fff;
}

#albums .overlay {
    background: -webkit-gradient(linear, 50% 100%, 50% 0, color-stop(0%, rgba(0, 0, 0, 0.9)), color-stop(50%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0)));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
    margin: inherit;
    width: 100%;
    height: 100%;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 1;
    transition: all 1s;
    -webkit-transition: all 1s;
}

.fc-event {
    cursor: pointer;
}

/* ==========================================================================
Contact
========================================================================== */
.contact img {
    width: 100%;
}

.contact a {
    font-size: 12px;
    text-transform: lowercase !important;
}

.card {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card {
    margin-top: 10px;
    box-sizing: border-box;
    border-radius: 2px;
    background-clip: padding-box;
    background: #fff;
}

.card span.card-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.card .card-image {
    position: relative;
    overflow: hidden;
}

.card .card-image img {
    border-radius: 2px 2px 0 0;
    background-clip: padding-box;
    z-index: -1;
}

.card .card-image span.card-title {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 16px;
}

.card .card-content {
    padding: 16px;
    border-radius: 0 0 2px 2px;
    background-clip: padding-box;
    box-sizing: border-box;
}

.card .card-content p {
    margin: 0;
    color: inherit;
}

.card .card-content span.card-title {
    line-height: 48px;
}

.card .card-action {
    border-top: 1px solid rgba(160, 160, 160, 0.2);
    padding: 16px;
}

.card .card-action a {
    color: #ee5a36;
    margin-right: 16px;
    transition: color .3s ease;
    text-transform: uppercase;
}

.card .card-action a:hover {
    color: #ee4e15;
    text-decoration: none;
}

.popover {
    max-width: 800px;
}

.title {
    color: #fff;
}

/* ==========================================================================
OWL Theme
========================================================================== */
.owl-theme .owl-controls {
    margin-top: -10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 24px;
    margin: 5px;
    padding: 4px 7px;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    color: #53124d;
    text-decoration: none;
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default;
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #869791;
}

.owl-carousel .owl-stage {
    margin-bottom: 15px;
}

.owl-carousel .item-video {
    height: 600px;
}

#calendar-slider.owl-stage-outer .owl-stage {
    margin-bottom: 15px;
}

.nivoSlider {
    max-height: 541px;
}

.nivoSlider img {
    max-height: 541px;
}

.clear {
    clear: both;
}


/* Responsive Styling */
@media (max-width: 1199px) {
    .header-left {
        width: 100%;
    }

    .header-right {
        width: 100%;
    }

    .custom-menu ul li .dropDown {
        left: 0;
        width: 100%;
    }

    .sub-menu-block {
        margin-left: 10px;
    }

    .sub-menu-bottom {
        min-height: 224px;
    }

    .banner-info-centered {
        height: 482px;
    }

    .nivoSlider img {
        width: auto !important;
    }

    .mid-block {
        height: 285px;
    }

    .specialised-program-title {
        font-size: 15px;
    }
}

@media (max-width: 991px) {
    .custom-menu ul li {
        padding: 25px 5px;
    }

    .sub-menu-block {
        margin-left: 5px;
        margin-right: 5px;
        width: 31%;
        margin-bottom: 10px;
    }

    .sub-menu-block:first-child {
        margin-left: 5px;
    }

    .banner-section .banner-info img {
        width: 100px;
    }

    .banner-info-centered {
        height: 372px;
    }

    /*   .block {
            width: 18%;
        }*/
    .nivoSlider img {
        width: 100% !important;
    }

    .nivoSlider {
        background-size: cover;
    }

    .mid-container-left {
        padding-right: 15px;
    }

    .mid-container-right {
        padding-left: 15px;
    }

    .mid-content-bg img {
        width: 100%;
    }

    .mid-content-bg {
        background-size: cover;
    }

    .social-icon li {
        padding-right: 0;
    }

    footer h3 {
        margin-top: 10px;
    }

    .instagram-gallery li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .custom-mobilemenu-icon {
        display: block;
        padding-bottom: 10px;
    }

    .custom-mobilemenu-icon a {
        color: #000;
        text-decoration: none;
    }

    .custom-mobilemenu-icon i {
        margin-right: 5px;
    }

    .custom-menu-container {
        display: none;
        background: #333;
        padding: 5px 12px;
        margin-bottom: 15px;
    }

    .custom-menu ul li {
        float: none;
        display: block;
        padding: 10px 5px;
        position: relative;
    }

    .custom-menu ul li .dropDown {
        top: 38px;
    }

    .custom-menu ul li a {
        color: #fff;
    }

    .sub-menu-block {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    .sub-menu-block:first-child {
        margin-left: 0;
    }

    .sub-menu-bottom {
        min-height: 0;
    }

    .sub-menu-top img {
        width: auto;
    }

    .banner-section {
        overflow: hidden;
    }

    .banner-section img {
        max-width: none;
        width: auto;
    }

    .banner-info {
        width: 100%;
        margin-left: 0;
        left: 0;
    }

    .banner-info-centered {
        height: 600px;
    }

    .sign-in .read-more {
        padding: 10px 30px;
    }

    .sign-in {
        top: 25px;
    }

    .banner-info h1 {
        font: 35px/45px roboto_condensedregular, sans-serif;
    }

    .block {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        float: none;
        margin-bottom: 30px;
    }

    .mid-content-arrow {
        display: none;
    }

    .mid-container-right .padding-left-null {
        padding-left: 15px;
    }

    .mid-container-right .padding-right-null {
        padding-right: 15px;
    }

    .slider-text {
        height: 320px;
    }

    .nivo-controlNav {
        bottom: 0;
    }

    .instagram-gallery li {
        width: auto;
        padding-right: 6px;
    }

    .bottom-footer p {
        text-align: left;
    }

    .bottom-footer ul li a {
        float: none;
    }

    .block-wrapper {
        text-align: center;
    }

    .block {
        display: inline-block;
        width: auto;
    }

    /*.block-wrapper .block-date p { left: 21%;}*/
    .mid-block-innerpage-content .text-right, .creativity-wrapper-right {
        text-align: left;
    }

    .creativity-wrapper ul {
        padding-left: 0;
    }

    .slider-wrapper-bottom-title ul {
        text-align: left;
        padding-left: 0;
    }

    .slider-wrapper-bottom-title ul li {
        padding-left: 0;
        padding-right: 10px;
    }

    .sub-menu-wrap {
        text-align: left;
    }
}

@media (max-width: 414px) {
    .nivoSlider img {
        width: 140% !important;
    }

    .section-padding {
        padding: 30px 0;
    }

    #instafeed .owl-controls {
        display: none;
    }

    #main-slider .item-video {
        height: 181px;
    }

    .slider-text-wrap h1 {
        font: 30px/30px roboto_condensedregular, sans-serif;
    }

    .slider-text-wrap p {
        font: 15px/25px robotolight, sans-serif;
    }
}

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

.top-bar .sochead {
    padding-right: 0;
}

.top-bar {
    padding: 20px 0 8px 0;
    border-bottom: 1px solid #000000;
}

.top-bar .btn-default {
    color: #333;
    background-color: transparent;
    border-color: transparent;
}

.top-bar .input-group {
    width: 100%
}

.top-bar .btn-default {
    position: absolute;
    left: -41px;
    top: 0;
}

#search {
    border-radius: 32px;
    background: #068BBA;
    border: none;
    padding: 0px 41px 0px 18px;
    color: #fff;
}

#search::-webkit-input-placeholder {
    color: #ffffff;
}

#search:-moz-placeholder {
    color: #ffffff;
}

#search::-moz-placeholder {
    color: #ffffff;
}

#search:-ms-input-placeholder {
    color: #ffffff;
}

.sochead {
    text-align: right;
}

.sochead li {
    display: inline-block;
}

.sochead .social-icon li a i {
    border: 2px solid #fff;
}

.sochead .social-icon li a i {
    color: #fff;
    border-radius: 50%;
    padding: 8px 8px;
    height: 35px;
    width: 35px;
    font-size: 18px;
}

.searchbox {
    position: relative;
    min-width: 50px;
    width: 0%;
    height: 50px;
    float: right;
    overflow: hidden;

    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    background: #F19012;
    width: 100%;
    height: 50px;
    margin: 0;
    padding: 0px 55px 0px 20px;
    font-size: 20px;
    color: #fff;
}

.searchbox-input::-webkit-input-placeholder {
    color: #ffffff;
}

.searchbox-input:-moz-placeholder {
    color: #ffffff;
}

.searchbox-input::-moz-placeholder {
    color: #ffffff;
}

.searchbox-input:-ms-input-placeholder {
    color: #ffffff;
}

.searchbox-icon,
.searchbox-submit {
    width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    font-family: verdana;
    font-size: 46px;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    color: #ffffff;
    border-left: 2px solid #d60013;
    background: #FDA430;
    box-sizing: border-box;
}

.searchbox-open {
    width: 100%;
}

.byline {
    position: absolute;
    top: 150px;
    left: 30%;
    text-align: center;
    font-size: 18px;
}

.byline a {
    text-decoration: none;
    color: #d74b4b;
}

.pop-more {
    float: right;
    position: relative;
    top: -10px;
}

/* default styles here for older browsers.
      I tend to go for a 600px - 960px width max but using percentages
   */
@media only screen and (min-width: 960px) {
    /* styles for browsers larger than 960px; */
}

@media only screen and (min-width: 1440px) {
    /* styles for browsers larger than 1440px; */
}

@media only screen and (min-width: 2000px) {
    /* for sumo sized (mac) screens */
}

@media only screen and (max-device-width: 480px) {
    .navbar-nav {
        float: none !important;
        margin: 0;
    }
    .nav>li {
        background: #fff;
        padding: 0 10px;
        border-bottom: 1px solid #fda430;
    }
    .open .dropdown-menu{
        display: block !important;
        position: relative;
    }
    .dropdown-menu {
        position: relative !important;
    }
    #calendarDetailsModal .modal-dialog {
     width: initial;
}
#calendarDetailsModal .modal-heading {
    font-size: 13px;
}
.fc-day-grid-container.fc-scroller {
    height: 100% !important;
}
    .sochead, .searching {
        text-align: center;
        float: none !important;
        padding-right: 0;
        margin-bottom: 20px;
    }

    .top-bar {
        padding: 18px 18px 0 18px;
    }

    .header-left {
        text-align: center;
    }

    .header-left span {
        font-size: 12px;

    }

    .header-right {
        padding-left: 0;
    }

    .header-right {
        padding: 0 12px;
    }

    .custom-menu ul li {
        border-bottom: 1px solid #505050;
        text-align: left;
    }

    .owl-nav {
        display: none;
    }

    .home-slide .caspa-logo {

        width: 150px;
        margin-left: 15px;
    }

    .home-slide {
        position: relative;
        padding: 0 15px;
    }

    .content-shit .btn-white {
        padding: 6px;
    }

    .custom-menu ul li .dropDown {
        position: relative;
    }
}

@media only screen and (device-width: 768px) {
    /* default iPad screens */
}

/* different techniques for iPad screening */
@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* For landscape layouts only */
}

.footer-image {
    padding: 4px;
    border: 1px solid #eee;
    float: left;
    margin-right: 10px;
}

.video-slideshow > i {
    position: absolute;
    top: 25%;
    left: 36%;
    display: inline-block;
    font-size: 5em;
    color: #fff;
    z-index: 999;
}
.video-album h4 {
    background: #fff;
    margin: 0;
    padding: 3px 9px;
    min-height: 44px;
    overflow: hidden;
}
.video-album .card {
    display: block;
    overflow: hidden;
}
#about.aboutus {
    padding-top: 16px;
}