@charset "utf-8";

body {margin: 0; padding: 0;}
body, table, input, textarea, select {font-family: 'Ubuntu', sans-serif; font-size: 15px; font-weight: 400; color: #595959;}

a {color:#394c81;}
a:hover, a:focus {color: #F58322; text-decoration: none; outline:none;}
a, input, textarea, button {transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; outline:none !important;}

b, strong {font-weight: 700;}
.bg-purple {background-color: #2f3192; color: #fff;}
.bg-red {background-color: #ed1d24; color: #fff;}

.row.no-gutters {margin-right: 0;margin-left: 0;}
.row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"] { padding-right: 0; padding-left: 0;}

textarea {resize: none;}
address,ul li address{font-weight:600; font-size:133.3%; font-style:italic;}

.sprite {background-image: url('../images/sprite.png'); background-repeat: no-repeat; display: inline-block; vertical-align: middle;}

#header{margin:0; z-index:99; background-color:transparent; border:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; background:url(../images/header-top-bg.jpg) repeat-x;}
#top-menu{ margin:0 0 16px; }
#top-menu ul{ margin:0; padding:0; list-style-type:none;}
#top-menu ul li{ float: none; display: inline-block;}
#top-menu ul.navbar-right li{margin:0 3px;}
#top-menu ul li a {color: #404040; font-weight: normal; font-size:93.3%; text-decoration: none; padding: 5px 10px;}
#top-menu ul li a:hover, #top-menu ul li:hover>a, #top-menu ul li.active:hover a {background-color: #595959; color: #fff; border-radius: 4px 4px 0 0;}
#top-menu ul li.active > a{background-color: transparent; color: #EE7D1F;}

#top-menu ul li ul{ margin:0; opacity:0; text-align:left; visibility:hidden; position:absolute; z-index:999; width:220px; top:50px;  background-color: rgba(81,81,81,0.95); border-bottom:3px solid #28323A; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; box-shadow:0 2px 3px 2px rgba(0,0,0,.2); }
#top-menu ul li.submenu-one:hover>ul{ opacity:1; visibility:visible; top:31px;}
#top-menu ul li ul li{ margin:0; float:none; position:relative; display:block; }
#top-menu ul li ul li a{ color:#fff; font-weight: normal; text-transform:none; padding:8px 10px; margin:0; display:block; text-decoration: none; font-size: 86%; border-bottom:1px solid #6a6560;}
#top-menu ul li ul li a:hover{color:#EE7D1F;}
#top-menu ul li ul li ul{ opacity:0; visibility:hidden; border-bottom:3px solid #28323A; position:absolute; width:220px; top:0; left:235px;}
#top-menu ul li ul li:hover>ul{opacity:1; visibility:visible; top:0; left:220px;}
#top-menu ul li#t-contact ul{right:0;}

#header .navbar-brand{ padding:0; margin:15px 0 0 75px; height: auto;}
#header .top-nav{margin-top:80px;}
#header .navbar-brand img {max-width: 100px;}

#mobile-menu #main-menu,#mobile-menu #top-menu{ display:none !important;}

#main-menu{padding: 0; background:url(../images/header-bottom-bg.jpg) repeat-x; height:55px; position:relative; z-index:99;}
#main-menu ul{ margin:0; padding:0; list-style-type:none; text-align:center; float:none; }
#main-menu ul li{ position:relative; margin:0 4px; float:none; display:inline-block;}
#main-menu ul li a {font-size:90%; text-transform: uppercase; font-weight: 500; color:#fff; padding:17px 7px; display:block; position: relative;}
#main-menu ul li.active>a,#main-menu ul li a:hover,#main-menu ul li a:focus,#main-menu ul li a:active{color:#EE7D1F; background:#fff;}
#main-menu ul li:hover>a{color:#EE7D1F; background:#fff;}
#main-menu ul li.spl a:before {content: ''; background: url('../images/new-icon.gif') center top no-repeat; width: 40px; height: 14px; display: block; position: absolute; top: 5px; right: 8px;}

#main-menu ul li ul{ margin:0; opacity:0; text-align:left; visibility:hidden; position:absolute; z-index:10; width:220px; top:70px;  background:#ffffff; border-bottom:3px solid #28323A; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; box-shadow:0 2px 3px 2px rgba(0,0,0,.2); }
#main-menu ul li.submenu-one:hover>ul{ opacity:1; visibility:visible; top:54px;}
#main-menu ul li ul li{ margin:0; float:none; position:relative; display:block; }
#main-menu ul li ul li a{ color:#28323A; font-weight: normal; text-transform:none; padding:10px; margin:0; text-decoration: none; font-size:100%; border-bottom:1px solid #EE7D1F;}
#main-menu ul li ul li a span {color:#666; font-size:93%; display: block;}
#main-menu ul li ul li a:hover, #main-menu ul li ul li.spl-link a:hover {color:#EE7D1F;}
#main-menu ul li ul li.spl-link a {background-color: #595959; color: #fff;}
#main-menu ul li ul li ul li a{font-size:100%; border-bottom:1px solid #EE7D1F;}
#main-menu ul li ul li ul li:last-child a{border-bottom:1px solid transparent;}
#main-menu ul li ul li ul{ opacity:0; visibility:hidden; border-bottom:3px solid #28323A; position:absolute; width:220px; top:0; left:235px;}
#main-menu ul li ul li:hover>ul{opacity:1; visibility:visible; top:0; left:220px;}

footer {}
footer .top {background-color: #404040; color: #fff; padding: 30px 0;}
footer .top h2 {font-size: 133%; text-transform: uppercase; color: #f58220;}
footer .top p {font-weight: 300;}
footer .top a {color: #fff;}
footer .top .contact-us {margin-left: 25px;}
footer .top #newsletter .form-control {background-color: #7a7a7a; color: #fff; border-radius: 20px; border: none; padding-left: 25px; height: 34px;}
footer .top #newsletter .form-control:focus {box-shadow: none; border: 1px solid #fff;}
footer .top #newsletter .btn-default {border: none; height: 34px; color: #404040;}
/*footer .top #newsletter .btn-default {border-radius: 0 20px 20px 0; border: none; position: absolute; right: 0; top: 0; height: 34px; width: 45px;}*/
footer .top #newsletter .btn-default:hover {background-color: #F58220; color: #fff;}
footer .top .contact-us p {margin-bottom: 15px;}
footer .top .contact-details{margin-top:50px;}
footer .top .contact-us p span {font-weight: 700;}
footer .bottom {background-color: #f58220; color: #fff; padding: 15px 0;}
footer .bottom a {color: #fff;}
footer .bottom .designed{text-align:right;}
footer .bottom a:hover {border-bottom: 1px solid #fff;}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-flow: row wrap;}

#news-marquee {position: relative; height: 40px; line-height: 40px; background-color: #404040; color: #fff; transition: all 0.4s; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#news-marquee:before {content: ''; position: absolute; left: 0; top: 0; background-color: #2e2e2e; width: 20%; height: 40px;}
#news-marquee span {display: block; background-color: #2e2e2e; padding: 0 15px; position: relative;}
#news-marquee span:before {content: ''; width: 20px; height: 20px; background-color: #2e2e2e; position: absolute; right: -5px; top: 10px; transform: rotate(45deg);}
#news-marquee span i {color: #eb7d1e;}
#news-marquee .marquee {width: 100%; overflow: hidden;}
#news-marquee .marquee ul {margin: 0; padding: 0; list-style: none;}
#news-marquee .marquee ul li {float: left; position: relative;}
#news-marquee .marquee ul li:before {content: '|'; margin: 0 10px; color: rgba(255,255,255,0.5);}
#news-marquee .marquee ul li:first-child:before {display: none;}
#news-marquee.fixed {position: fixed; top: 0; width: 100%; z-index: 999; background-color: #eb7d1e;}

.btn-custom {background-color: #f58220; color: #fff;}
.btn-book {animation: blink1 1s infinite;}
.btn-book:hover, .btn-book:focus {color: #fff;}

@-webkit-keyframes blink1 {
    0% {background-color: #f58220;}
    75% {background-color: red;}
    100% {background-color: #f58220;}
}

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(245, 245, 245, 0.96);
    z-index: 1000;
}

.pre-container {
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
}

.spinner {
    margin: 0 auto;
    width: 70px;
    text-align: center;
}

.spinner>div {
    width: 18px;
    height: 18px;
    background-color: #ED7C1E;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes sk-bouncedelay {
    0%,
    80%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

.galWithpadding a {padding-top: 56.25%; height: auto !important;}
.galWithpadding a img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}

.btn-bg{position:relative; display:inline-block; background:#fff; width:195px; height:59px; line-height: 55px; text-transform:capitalize; color:#fff; font-size:142.9%; font-weight:700; border-radius:0; padding: 0; background:#f58220; }
.btn-bg:before, .btn-bg:after {position:absolute; content: ''; background-image: url(../images/btn-watch.png); display:block; width: 28px; height: 59px; left:-28px; top:-1px;}
.btn-bg:after {left: auto; right: -28px; transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.btn-bg:hover,.btn-bg:focus,.btn-bg:active{color:#000; box-shadow:none;}