@font-face 
{
  font-family: 'Poppins-Regular';
  src: url('../fonts/Poppins-Regular.TTF');
  src: local("?"), url('../fonts/Poppins-Regular.woff') format("woff"), url('../fonts/Poppins-Regular.TTF') format("truetype"); 
}

@font-face 
{
  font-family: 'Poppins-SemiBold';
  src: url('../fonts/Poppins-SemiBold.TTF');
  src: local("?"), url('../fonts/Poppins-SemiBold.woff') format("woff"), url('../fonts/Poppins-SemiBold.TTF') format("truetype"); 
}

html, body{font-family:Poppins-Regular, Calibri, Arial; color:#333; font-size:14px; line-height:22px;}
a{
    color: #878787;
    transition: color 0.3s ease-in-out;
}
a:hover{text-decoration:none; color:#d29f18;}
.clearfix{width:100%;}

/* Back to top button */

.back-to-top{position:fixed; display:none; background:#d29f18; color:#fff; width:44px; height:44px; text-align:center; line-height:1; font-size:16px; border-radius:50%; right:15px; bottom:15px; transition:background 0.5s; z-index:11;}
.back-to-top i{padding-top:12px; color:#fff;}

/* Start Prelaoder */

/*#preloader {position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden; background:#fff;}
#preloader:before {content:""; position:fixed; top:calc(50% - 30px); left:calc(50% - 30px); border:5px solid #f2f2f2; border-top:5px solid #d29f18; border-radius:50%; width:60px; height:60px; -webkit-animation:animate-preloader 1s linear infinite; animation:animate-preloader 1s linear infinite;}
@-webkit-keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes animate-preloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
*/

/*#preload{margin:auto;position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9999999;display:flex;align-content:center;justify-content:center}
.loaderImg{position:absolute; top:43%; width:60px; height:60px;}
.loaderImg img{width:100%;}
.loader{border-radius: 50%; border:4px solid #eee; border-top: 4px solid #6d1d10; width: 80px; height: 80px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; top:40%; position:absolute;
}


@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}*/




#BCT_Loader{margin:auto;position:fixed;width:100%;height:100%;background-color:#fff; z-index:9999999;display:flex;align-content:center;justify-content:center}
.loaderImg{position:absolute; top:43%; width:70px; height:70px;}
.loaderImg img{width:100%;}
.loader {border: 5px solid #f3f3f3; border-radius: 50%; border-top: 5px solid #6d1d10; width: 100px; height: 100px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; top:40%; position:absolute;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* End Prelaoder */

.header{background:rgba(0, 0, 0, 0.5); padding:5px 0;}
.header-upper{background:#35a2c6; height:35px;}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header{height:50px; transition: all 0.5s; z-index: 997; transition: all 0.5s; padding:0; border-bottom:1px solid #ccc;}
#header.header-scrolled, #header.header-pages {height:70px; padding: 10px 0;}
#header .logo h1{font-size: 36px; margin: 0; padding: 0; line-height: 1; font-weight: 400; letter-spacing: 3px; text-transform: uppercase; }
#header .logo h1 a, #header .logo h1 a:hover{color:#00366f; text-decoration:none;}
#header .logo img{padding:0; margin:0px 0; max-height:55px;}
	

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

/* Desktop Navigation */

.main-nav {
    /* Drop Down */
    /* Deep Drop Down */
}

    .main-nav,
    .main-nav * {
        margin:8px 0 0;
        padding: 0;
        list-style: none;
    }

        .main-nav > ul > li {
            position: relative;
            white-space: nowrap;
            float: left;
        }

        .main-nav a {
            display: block;
            position: relative;
            color: #fff;
			margin:0 1px;
            padding:5px 10px;
            transition: 0.3s;
            font-size: 14px;
            font-weight: 500;
			text-align: center;
			line-height: 20px;
        }

            .main-nav a:hover,
            .main-nav .active > a,
            .main-nav li:hover > a {
                color: #d39f18;
                text-decoration: none;
				font-weight: 600;
            }

        .main-nav .drop-down ul {
            display: block;
            position: absolute;
            left: 0;
            top: calc(100% + 30px);
            z-index: 99;
            opacity: 0;
            visibility: hidden;
            padding: 10px 0;
            background: #fff;
            box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
            transition: ease all 0.3s;
        }

        .main-nav .drop-down:hover > ul {
            opacity: 1;
            top: 100%;
            visibility: visible;
        }

        .main-nav .drop-down li {
            min-width: 180px;
            position: relative;
        }

        .main-nav .drop-down ul a {
            padding: 10px 20px;
            font-size: 13px;
            color: #004289;
        }

            .main-nav .drop-down ul a:hover,
            .main-nav .drop-down ul .active > a,
            .main-nav .drop-down ul li:hover > a {
                color: #007bff;
            }

        .main-nav .drop-down > a:after {
            content: "\f107";
            font-family: FontAwesome;
            padding-left: 5px;
        }

        .main-nav .drop-down .drop-down ul {
            top: 0;
            left: calc(100% - 30px);
        }

        .main-nav .drop-down .drop-down:hover > ul {
            opacity: 1;
            top: 0;
            left: 100%;
        }

        .main-nav .drop-down .drop-down > a {
            padding-right: 35px;
        }

            .main-nav .drop-down .drop-down > a:after {
                content: "\f105";
                position: absolute;
                right: 15px;
            }

/* Mobile Navigation */

.mobile-nav {
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 9999;
    overflow-y: auto;
    left: -260px;
    width: 260px;
    padding-top: 18px;
    background: rgba(19, 39, 57, 0.8);
    transition: 0.4s;
}

    .mobile-nav * {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .mobile-nav a {
        display: block;
        position: relative;
        color: #fff;
        padding:5px 10px;
        font-weight: 500;
		font-size:13px;
    }

        .mobile-nav a:hover,
        .mobile-nav .active > a,
        .mobile-nav li:hover > a {
            color: #d39f18;
            text-decoration: none;
        }

    .mobile-nav .drop-down > a:after {
        content: "\f078";
        font-family: FontAwesome;
        padding-left: 10px;
        position: absolute;
        right: 15px;
    }

    .mobile-nav .active.drop-down > a:after {
        content: "\f077";
    }

    .mobile-nav .drop-down > a {
        padding-right: 35px;
    }

    .mobile-nav .drop-down ul {
        display: none;
        overflow: hidden;
    }

    .mobile-nav .drop-down li {
        padding-left: 20px;
    }

.mobile-nav-toggle {
    position:fixed;
    right: 0;
	top:5px;
    z-index: 9998;
    border: 0;
    background: none;
    font-size: 24px;
    transition: all 0.4s;
    outline: none !important;
    line-height: 1;
    cursor: pointer;
    text-align: right;
}

    .mobile-nav-toggle i {
        margin: 18px 18px 0 0;
        color: #fff;
    }

.mobile-nav-overly {
    width: 100%;
    height: 100%;
    z-index: 9997;
    top: 0;
    left: 0;
    position: fixed;
    background: rgba(19, 39, 57, 0.8);
    overflow: hidden;
    display: none;
}

.mobile-nav-active {
    overflow: hidden;
}

    .mobile-nav-active .mobile-nav {
        left: 0;
    }

    .mobile-nav-active .mobile-nav-toggle i {
        color: #fff;
    }

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline:none;
    outline: none;
}
.btn-primary{background:#d29f18; color:#fff; padding:7px 15px; border-radius:0; border:none;}
.btn-primary:hover {color: #fff; background-color: #333; border-color: #333; }

.slider-wrapper.theme-custom{display: block; margin-bottom:0;}

.master-column-wrapper {margin:0px;}
.master-wrapper-content{margin:0;}

.GrayBg{background:#ddd; padding:30px 0; width:100%; float:left;}
.BlackBg{background:#4b515f; padding:40px 0; color:#fff; width:100%; float:left;}
.HeaderBg{width:100%; height:auto; text-align:center; color:#fff; font-size:25px; font-weight:500; background:url(../images/HeaderBg.jpg) repeat-x center; background-cover:cover; padding:45px 0; margin:0; float:left;}


/*-------------------- Start Ecotour Programmes CSS -----------------*/
.Ecotour-box{border:1px solid #ccc; margin:0 0 20px; padding:0 0 15px; background:#fff; color:#333;}
.Ecotour-box .image-cat {overflow: hidden; margin:0 0 10px;}
.Ecotour-box .image-cat img {border: none; width:100%;}
.Ecotour-box p{margin:0; line-height:22px;}

.Ecotour_Head{font-size:18px; font-weight:600; margin:0 0 10px; line-height:22px; height:45px; overflow:hidden;}
.Ecotour_Desc{margin:0 0 10px; height:85px; overflow:hidden;}
/*-------------------- End Ecotour Programmes CSS -----------------*/

/*---------------------- Start Activities CSS ------------------*/
.Activities_img{width:100%; height:auto; border:1px solid #ccc;}
.Activities_img img{width:100%;}
.Activities_head{font-size:18px; font-weight:600; margin:0 0 10px; line-height:22px;}
.Activities_Desc{margin:0 0 10px;}
/*---------------------- End Activities CSS ------------------*/

/*-------------------- Start Nearby Attractions CSS -----------------*/
.Nearby-box{border:1px solid #333; margin:0; padding:0; background:#fff; color:#333; margin:0 0 30px;}
.Nearby-box .Nearbyimg{overflow: hidden; width:100%}
.Nearby-box .Nearbyimg img {border: none; width:100%;}
.Nearby_Headsection{background:#28292c; padding:10px; color:#fff;}
.Nearby_Head{font-size:18px; font-weight:500; margin:0; float:left;}
.Nearby_km{font-size:15px; float:right;}
/*-------------------- End Nearby Attractions CSS -----------------*/

.popup_DetailsImg{width:100%; max-height:250px; margin:0 0 15px; border:2px solid #ccc; overflow:hidden;}
.popup_DetailsImg img{width:100%; height:100%;}

.MapSection{height:450px; width:100%; float:left;}

/*---------------- Start Inner Page CSS ------------------*/
.innercontent{padding:15px 0;}
.aboutImg_Section{width:400px; height:255px; border:5px solid #ccc; position:relative; padding:15px;}
.aboutImg_Section img{width:400px; height:255px; border:5px solid #ccc; position:absolute;}
.imgTitle{font-weight:bold; text-align:center; font-style:italic; margin:25px 0;}


.gallerytabHead{background:#d29f18; color:#fff; padding:5px; font-size:16px; font-weight:600; margin:0 0 5px 0;}
.gallery_caption{background:rgba(0, 0, 0, 0.5); color:#fff; text-align:center; width:95%; padding:3px; position:absolute; z-index:9; bottom:6px; margin:auto;}
/*---------------- End Inner Page CSS ------------------*/

.locationMap{border:5px solid #ccc; height:auto;}


.Dest-section{width:100%;}
.Dest-section .Dest-box{border:1px solid #ccc; margin:0 0 30px;}
.Dest-section .DestImg{width:100%; height:100%; overflow:hidden;}
.Dest-section .DestImg img{width:100%; height:100%;}
.Dest-section .DestTitle{font-size:18px; font-weight:600; margin:10px 0 0;}
.kms{font-size:15px; font-weight:600;}
.Dest-section .DestsDesc{margin:5px 0; height:70px; overflow:hidden;}

.ProgrammesHead{background:#ddd; color:#333; font-size:20px; padding:5px; margin:0 0 10px;}



.footer-container{background:#34373d; color:#fff; padding:40px 0 20px; width:100%; float:left;}
.FtHead{font-size:20px; font-weight:500; border-bottom:1px solid #fff; margin:0 0 10px;}

.Ftmenu{margin:0; padding:0;}
.Ftmenu li{padding-left:5pxpx; list-style-type:none; display:block;}
.Ftmenu li a{color:#fff; font-size:13px;}
.Ftmenu li a:hover{color:#d29f18;}
.Ftmenu li .fa{width:20px; text-align:center;}

.socials{margin:10px 0 0 23px; padding:0;}
.socials li {display: inline-block; margin-right:3px; list-style-type:none;}
.socials li:last-child {margin-right: 0px; }
.socials li a {width:25px; height:25px; background: #fff; text-align: center; line-height:30px; font-size: 15px; color: #34373d; display: block; border-radius:3px; }
.socials li a:hover {color: #fff !important; background:#d29f18 !important;}

.copyright{font-size:12px; color:#ccc; text-align:center; border-top:1px solid #5d5f64; padding:10px 0 0; margin:10px 0 0;}











@media (max-width: 767px) {
.aboutImg_Section{width:100%; height:255px; border:5px solid #ccc; position:relative; padding:15px;}
.aboutImg_Section img{width:92%; height:auto; border:5px solid #ccc; position:absolute;}
}
@media (max-width: 480px) {
.header-logo img{height:55px;}
.HeaderBg{padding:20px 0; font-size:20px;}
}

@media (min-width: 1001px){
}


/*------------------------ Start Categories Section CSS ----------------------------*/
.FlightOffers_Section{width:100%;}
.title.sub-title {text-align:center; padding: 0 5px; margin:0 0 20px; }
.title.sub-title strong {padding:5px 10px; font-weight: 700; font-size:30px; letter-spacing:0; text-align:center; line-height:22px; color:#35a2c6;}
.title.sub-title span{color:#333;}

.cat-layout{}
.cat-box{border:1px solid #ccc; margin:0 0 30px; background:#fff;}
.cat-box .parent-cat{max-width:90%; margin:5px auto; text-align:center;}
.cat-box .image-cat {overflow: hidden;}
.cat-box .image-cat img {border: none; width:100%;}
.cat-box .OfferLocaation{background:#35a2c6; padding:10px 5px 5px; color: #fff; font-size:30px; font-weight: bold; line-height: 20px;}
.cat-box .OfferLocaation span{font-size:13px; font-weight:normal; width:100%;}
.cat-box .locationIcon{font-size:40px; float:left; margin:0 10px 0 0;}
.cat-box .offerDatetime{font-size:12px; color:#999; font-weight:normal; width:100%; padding:5px;}
.cat-box .offerprice{width:100%; padding:5px;}
.cat-box .offerprice .newPrice{color:#35a2c6; font-size:20px; font-weight:bold;}
.cat-box .offerprice .oldPrice{color:#999; font-size:20px; font-weight:bold; text-decoration:line-through;}
.cat-box .offerprice .person{color:#999; font-size:13px;}
.cat-box .Booknow_btn{background:#35a2c6; color:#fff; width:100%; padding:5px; text-transform:uppercase; border-radius:0;}
/*------------------------ End Categories Section CSS ----------------------------*/

/*-------------------------- Simple Loader ----------------------*/
.BCT_simpleLoad{margin:auto;position:fixed;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9999999; display:flex; align-content:center; justify-content:center}
.BCT_simpleloaderImg{position:absolute; top:42%; width:60px; height:60px;}
.BCT_simpleloaderImg img{width:100%;}
.BCT_simpleloader {border-radius: 50%; border:4px solid #eee; border-top: 4px solid #6d1d10; width: 80px; height: 80px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; top:40%; position:absolute;}

 Safari 
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}