/* 

 1.* Default
 2.* Navbar
 3.* Header
 4.* Slider/Banner
 5.* Popular
 6.* countdown
 7.* deal
 8.* bucket List
 9.* Top Destination
 10.* Testimonial
 11.* Blog
 12.* Partners
 13.* Footer
 14.* On sale
 15.* Destination innerpage
 16.* Detail page 
 17.* Detail Tab page
 18.* Destination fullwidth
 19.* Destination 2 cols
 20.* Trekking page
 21.* Blog Innerpage,
 22.* Error page
 23.* Pricing Page
 24.* About us
 25.* Shop Page
 26.* Home style 1
 27.* Home style 2
 28.* Responsive

*/


@import url('https://fonts.googleapis.com/css?family=Poppins');
@import url('https://fonts.googleapis.com/css?family=Poppins:700&display=swap');

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
    box-sizing: border-box; 
}

ol, ul {
    list-style: none;
}

:focus {
    outline: 0; 
}

.clear {
    clear: both;
    line-height: 0;
    font-size: 0; 
}

.clearfix:after {
    clear: both;
    content: '.';
    display: block;
    visibility: hidden;
    height: 0; 
}
.clearfix:after .test {
    color: red; 
}
.error{
    color: red;
}
#contactform-error-msg{
    margin-top: 20px;
}
.clearfix {
    display: inline-block; 
}

* html .clearfix {
    height: 1%; 
}

.clearfix {
    display: block; 
}

header,
nav,
section,
article,
aside,
footer {
    display: block; 
}

* {
    margin: 0;
    padding: 0; 
}

body {
    margin: 0;
    padding: 0;
    font-size: 15px;
    background:#fff;
    font-family: 'Poppins', sans-serif;
    line-height: 1.5;
    color: #6e8292;
    font-weight: 300; 
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    margin-bottom: 15px;
    color: #170d65;
    margin-top: 0; 
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}
h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{
    color: #5bc504 !important;
}
h1{
    font-size: 36px;
}
h2 {
    font-size: 28px; 
}

h3 {
    font-size: 24px; 
}

h4 {
    font-size: 18px; 
}

h5 {
    font-size: 16px; 
}

h6 {
    font-size: 14px; 
}

hr {
    border:  solid 0.5px #5bc504; 
}

p {
    margin-bottom: 16px;
    color: #6e8292;
    line-height: 1.8;
}

ul {
    margin: 0;
    padding: 0; 
}
ul li {
    margin-bottom: 15px;
    color: #777;
    position: relative; 
}
a {
    color: #170d65; 
    transition: all ease-in-out 0.3s;
}
a:hover {
    text-decoration: none;
    color: #5bc504;
}

body  [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
    margin-left: 0;
    font-size: 26px;
}

input[type=text],
input[type=email],
input[type=number],
input[type=search],
input[type=password],
input[type=tel],
input[type=date],
textarea,
select,
.form-control {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    background-color: #fff;
    border: 1px solid #c6c4c4;
    border-radius:0px;
    padding: 10px 25px;
    width: 100%;
    color: #444444;
    height: auto;
    margin-bottom: 0px; 
    box-shadow: none;
}
select{
    padding: 10px 20px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=date]:focus,
textarea:focus,
select:focus {
    border-color: #66afe9;
    transition: all 0.5s ease; 
}
textarea {
    resize: vertical;
    height: 200px; 
}

img {
    max-width: 100%; 
}

section{
    padding: 80px 0 80px;
    position: relative;
}

label{
    font-weight: 500;
    margin-bottom: 5px;
}

.btn-red{
    border: 1px solid #5bc504;
    padding: 9px 24px;
    display: inline-block;
    background: #5bc504;
    color: #fff;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
}
.btn-red:hover{
    background: #a50a35;
    color: #fff;
    border-color: #5bc504;
}
.btn-violet{
    border: 1px solid #170d65;
    padding: 9px 24px;
    display: inline-block;
    background: #170d65;
    color: #fff;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
}
.btn-violet:hover{
    background: #1b0a9b;
    color: #fff;
    border-color: #170d65;
}
a [class^="flaticon-"]::before{
    font-size: 16px;
}
.btn-green{
    border: 1px solid #5bc504;
    padding: 9px 24px;
    display: inline-block;
    background: #5bc504;
    color: #fff;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
}
.btn-green:hover{
    background: #449303;
    color: #fff;
    border-color: #449303;
}
.btn-white{
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.color1{
    color: #170d65 !important;
}
.color2{
    color: #5bc504 !important;
}
.text-uppercase{text-transform: uppercase;}

.slider-content p{
    color:#fff !important;
    font-size: 18px;
    line-height: 35px
}
/*color*/
.white{color: #fff!important;}

/*margin none*/

.mar-0{margin:0 }

/*margin top*/

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

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

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

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

.mar-top-25{margin-top:25px}

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

.mar-top-40{margin-top:40px}

.mar-top-50{margin-top:50px}

.mar-top-60{margin-top:60px}

.mar-top-70{margin-top:70px}

/*margin bottom*/

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

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

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

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

.mar-bottom-25{margin-bottom:25px}

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

.mar-bottom-35{margin-bottom:35px}

.mar-bottom-40{margin-bottom:40px}

.mar-bottom-50{margin-bottom:50px}

.mar-bottom-60{margin-bottom:60px}


/*padding*/

.pad-0{padding: 0!important;}

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

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

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

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

.pad-top-25{padding-top:25px}

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

.pad-top-40{padding-top:40px}

.pad-top-50{padding-top:50px}

.pad-top-60{padding-top:60px}

.pad-top-70{padding-top:70px}

.pad-top-80{padding-top:80px}


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

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

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

.pad-bottom-25{padding-bottom:25px}

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

.pad-bottom-40{padding-bottom:40px}

.pad-bottom-50{padding-bottom:50px}

.pad-bottom-60{padding-bottom:60px}

.pad-bottom-70{padding-bottom:70px}

.pad-bottom-80{padding-bottom:80px}

#preloader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999999;
    opacity: 0.8;
    display: none;
}
#status{
    position: fixed;
    content: '';
    display: block;
    top: 28%;
    left: 0;
    right: 0;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background: url(../images/loader.gif);
    background-size: cover;
    background-position: center;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 9999999999;
    text-align: center;
    font-size: 28px;
    color:#170d65;
}


/* Section Head */
.section-title{
    position: relative;
    width: 100%;
    margin-bottom: 35px;
    z-index: 1;
}
.section-title h2{
    position: relative;
    padding-left: 20px;
    text-transform: uppercase;
    border-left: 3px solid #1b0a9b;
}
.section-title p{
    margin-bottom: 0;
}
header.head-style-1 {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    background: rgba(255,255,255,0.1);
    width: 100%;
    border-bottom: 1px solid #ffffff2e;
}
.head-style-1 .nav.navbar-nav > li > a {
    color: #fff;
}
.head-style-1.navbar-sticky .nav.navbar-nav > li > a{
    color: #777;
}
@media(max-width: 991px){
    .section-title{width: 100%;}
}

.row.slick-slider{margin: 0 -15px;}

/*
breadcrumb*/
section.breadcrumb-outer{
    background: url(../images/breadcrumb.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    padding: 150px 0 0px;
}
.section-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.2);
}
.breadcrumb-outer h2 {
    color: #fff;
    margin: 0;
    font-size: 36px;
    padding: 10px 0 35px;
}
.breadcrumb-content{
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
.breadcrumb-content:before {
    position: absolute;
    content: '';
    height: 2px;
    background: #fff;
    width: 50px;
    top: 0px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.breadcrumb-content nav{
    display: inline-block;
}

.breadcrumb-content ul {
    margin-bottom: 0;
    background-color:#fff;
    padding: 12px 30px;
    box-shadow: 0 0 10px #ccc;
    position: absolute;
    left: 0;
    right: 0;
    width: 40%;
    margin: 0 auto;
    bottom: -23px;
    border-radius: 0;
}
.breadcrumb-content li{
    margin-bottom: 0;
}
.breadcrumb-content li a{
    transition: all ease-in-out 0.3s;
    color: #666;
}
.breadcrumb-content li a:hover{
    color: #5bc504;
}
.breadcrumb-content .breadcrumb>.active{
    color: #5bc504;
}
.breadcrumb>li+li:before{
    padding: 0 10px 0 5px;
    content: '|'
}

@media(max-width: 991px){
    .breadcrumb-content ul {
        width: 80%;
    }
}

/*pagination*/
ul.pagination{
    margin: 0;
}
.pagination-content{
    margin-top: 50px;
    text-align: center;
}
.pagination>li>a, .pagination>li>span{
    height: 36px;
    width: 36px;
    line-height: 2;
    font-size: 18px;
    padding: 0;
    border-color:#f1f1f1;
    margin: 0 5px;
    border-radius: 50%;
    background: #fbfbfb;
    color: #999;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover,.pagination>li.active>a{
    background: #005294;
    color: #fff;
    border-color: #005294;
}

.pagination>li:first-child>a, .pagination>li:first-child>span,
.pagination>li:last-child>a, .pagination>li:last-child>span{border-radius: 50%;}


/* ====================== */
/*         Header         */
/* ====================== */


.navbar {
    border-bottom: 0;
    padding: 0;
    -webkit-transition: all 0.1s ease-in-out 0s;
    -moz-transition: all 0.1s ease-in-out 0s;
    -ms-transition: all 0.1s ease-in-out 0s;
    -o-transition: all 0.1s ease-in-out 0s;
    transition: all 0.1s ease-in-out 0s;
    min-height: 60px;
}

.navbar.navbar-default {
    margin:0;
    padding: 0;
    height: auto;
    background: transparent;
    border:none;
}

.logo {
    padding:8px 0;
}

.logo a{font-size: 28px; text-transform: uppercase; font-weight: bold;}

.bg-color-header .navbar-default {
    background: #FE8800;
}


/* Main Menu Dropdown */

.logo-wrapper,
.navbar-nav-wrapper,
.nav-mini-wrapper {
    float: left;
}

.logo-wrapper {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
}

ul.nav-mini{
    padding-top: 3px;
    padding-right: 13px;
}

ul.nav-mini li {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    background: #00bcd4;
    border-radius: 5px;
    padding: 2px 10px;
}

ul.nav-mini li:last-child{margin-right: 0px;}

ul.nav-mini li i{color: #fff; padding-right: 5px;}
.nav.navbar-nav {
    float: left;
    transition: all ease-in-out 0.3s;
}

.nav.navbar-nav>li {
    position: relative;
    float: left;
    display: inline-block;
    margin: 10px 13px;
}
.nav.navbar-nav li:last-child{
    margin-right: 0;
}

.nav.navbar-nav li a {
    color: #FFF;
}
.nav.navbar-nav li.has-child i{
    display: inline-block;
}

.nav.navbar-nav > li > a {
    line-height: 3.5;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding:0;
    color: #333;
    position: relative;
    font-weight: 600;
}

.nav.navbar-nav > li > a:hover, .nav.navbar-nav > li.active > a,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #5bc504;
    background: none;
    text-decoration: none;
}

.nav.navbar-nav > li:last-child > a:after {
    display: none;
}

.nav.navbar-nav li ul {
    z-index: 99999;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 59px;
    left: 0;
    width: 200px;
    display: none;
    background-color: #fff;
    border: 1px solid #EEE;
    border-top: 2px solid #5bc504;
    -webkit-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 12px -3px rgba(0, 0, 0, 0.4);
}

/*.nav.navbar-nav li:last-child ul, .nav.navbar-nav li:nth-last-child(2) ul  { left: auto; right:0; } */

.nav.navbar-nav li ul li a {
    border-bottom: 1px solid #E6E6E6;
    display: block;
    padding: 14px 20px;
    font-size: 13px;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    color: #333;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 1.25;
}

.nav.navbar-nav li > ul > li:last-child > a,
.navbar-nav li > ul > li > ul > li:last-child > a {
    border-bottom: 0;
}

.nav.navbar-nav li ul li:hover a {
    padding-left: 25px;
    padding-right: 15px;
}
.nav.navbar-nav li ul li a:hover{
    color: #5bc504;
} 

.nav.navbar-nav li ul li ul {
    position: absolute;
    left: 199px;
    top: -2px;
}

.nav.navbar-nav li ul li:hover ul li a {
    padding-left: 15px;
    padding-right: 15px;
}

.nav.navbar-nav li ul li ul li:hover a {
    padding-left: 20px;
    padding-right: 10px;
}

.nav.navbar-nav li ul li {
    display: block;
    text-align: left;
    margin: 0;
}


/* Mega Menu */

.navbar-nav > li.mega-menu {
    position: inherit;
    left: 0;
}

.navbar-nav > li.mega-menu ul {
    left: 0%;
    width: 100%;
    top: 36px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.navbar-nav > li.mega-menu:hover > a,
.navbar-nav > li.mega-menu > a:hover,
.navbar-nav > li.dropdown:hover > a,
.navbar-nav > li.dropdown > a:hover,
.navbar-nav > li.dropdown.active > a,
.navbar-nav > li.dropdown.active > a:hover,
.navbar-nav > li:hover > a,
.navbar-nav > li.active > a {
    color: #5bc504;
    background: transparent;
}

.mega-menu-inner {
    padding: 0 20px;
}

.bg-color-header .navbar-nav > li.dropdown:hover > a,
.bg-color-header .navbar-nav > li.dropdown > a:hover,
.bg-color-header .navbar-nav > li.dropdown.active > a,
.bg-color-header .navbar-nav > li.dropdown.active > a:hover,
.bg-color-header .navbar-nav > li:hover > a,
.bg-color-header .navbar-nav > li.active > a {
    color: #FFF;
}
.nav.navbar-nav > li > a:hover {
    color: #5bc504;
}

.navbar-arrow > ul > li .arrow-indicator {
    margin-left: 7px;
    color: #333;
}

.navbar-arrow ul ul > li .arrow-indicator {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    font-size: 16px;
    color: #333;
}
.nav.navbar-nav li ul li a:hover .navbar-arrow ul ul > li .arrow-indicator{
    color: #5bc504;
}

.megamenu-container .arrow-indicator {
    display: none;
}


@media only screen and (max-width: 1100px) {
    .nav.navbar-nav>li{padding: 10px 4px;}
}

@media only screen and (max-width: 991px) {
    .logo-wrapper {
        width: 50%;
    }
    .navbar-nav-wrapper {
        width: 0%;
    }
    .navbar {
        margin: 0;
        padding: 0;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .navbar-brand {
        line-height: 30px;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }
    .navbar-arrow > ul > li .arrow-indicator,
    .navbar-arrow ul ul > li .arrow-indicator {
        display: none;
    }

    ul.nav-mini{padding-right: 0;}

    ul.nav-mini li{margin-right: 5px; padding: 2px 6px;}
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu > li > a {
        line-height: 23px;
    }
    .navbar.navbar-default {
        padding: 0;
    }

    #sp-top-bar{top: 95px;}

    #sp-top-bar, #sp-top2{text-align: center;}

    #sp-top1 .nav-mini-wrapper{display: inline-block; float: none!important; margin:10px 0;}

    #sp-top-bar .sp-contact-info{display: inline-block;}

}

@media (min-width: 768px) {
    .navbar-nav {
        margin: 0;
    }

}

/**
 * Sticky Header
 */

.navbar-sticky {
    background: #fff;
    z-index: 99999;
    box-shadow: 0px 0px 5px #ccc;
    position: fixed !important;
    left: 0;
    top: 0;
    width: 100%;
}

.navbar-sticky.navbar-default {
    padding: 10px 0 8px;
}

.navbar-sticky .navbar-nav > li > ul {
    top: 59px;
}

.navbar-sticky .navbar-nav > li.mega-menu ul {
    top: 60px;
}


.transparent-header .navbar-sticky {
    padding:0;
    background-color: rgba(0, 0, 0, 0.9);
    margin: 0px;
    border: none;
}

.navbar.navbar-sticky .logo {padding: 5px 0 5px;}

.navbar.navbar-sticky .logo img{width: 85%;}

.navbar.navbar-sticky .nav.navbar-nav > li > a{line-height: 1.5;}


@media only screen and (max-width: 1199px) {}

@media only screen and (max-width: 991px) {

    #sp-top2.col-sm-9{padding-right: 0;}

    .sp-contact-info li{font-size: 12px; padding: 6px 4px;}

    .navbar-fixed-top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        clear: both;
    }

    .transparent-header .navbar-sticky{padding: 10px 0; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2);}

    .slicknav_btn{top: 22px!important;}

    .slicknav_nav{top: 60px!important;}

    .slicknav_btn.slicknav_open:before, .slicknav_btn.slicknav_collapsed:before{font-size: 21px;}


}

@media (max-width: 767px) {}

@media (max-width: 479px) {}


/* Header */
.logo img{
    width: 120px;
}
.logo h1{
    margin-bottom: 0;
    color: #005294;
    font-size: 40px;
}
.upper-head{
    background: #005294;
    padding: 10px 0;
}
.header-menu{
    padding: 10px 0;
    background: #fff;
}
.contact-info{
    display: inline-block;
}
.upper-head p{
    margin-bottom: 0;
    display: inline-block;
    font-size: 14px;
    color: #fff;
    margin-right: 15px;
    font-weight: 400;
}
.upper-head i{
    padding-right: 5px;
}
.upper-head [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
    font-size: 15px;
    margin-left: 0;
    font-weight: 600;
}
.login-btn a{
    color: #fff;
    font-size: 14px;
    margin-left: 15px;
    font-weight: 400;
}

@media(max-width: 1100px){
    .upper-head{display: none;}
}

/* ====================== */
/*         Banner         */
/* ====================== */

#home_banner{
    position: relative;
    padding: 0;
    z-index: 3;
}

#home_banner .kenburns_061_slide{width: 50%;}

.slide-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: center; }

.slide-inner:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.2);
}

.home_banner_text{
    position: absolute;
    z-index: 1;
    top: 40%;
    left: 12%;
}
.home_banner_text p{
    font-size: 20px;
    color: #fff;
}
.home_banner_text h2, .home_banner_text span, .home_banner_text a{
    color: #fff;
    background: #005294;
    padding: 5px 15px;
    font-size: 33px;
}
.home_banner_text h2{
    margin-bottom: 3px;
}
.home_banner_text span{
    background: #017ebb;
}
.home_banner_text a{
    background: #036d9f;
    margin-left: -5px;
    transition: all ease-in-out 0.3s;
}
.home_banner_text a:hover{
    color: #036d9f;
    background: #fff;
}
@media(max-width: 639px){
    #home_banner .kenburns_061_slide {
        width: 90%;
        text-align: center;
        margin: 0 auto;
    }
}

/*search box*/
.search-box {
    right: 10%;
    padding: 30px;
    position: absolute;
    width: 28%;
    bottom: 47px;
    background: #170d65;
    box-shadow: 0 0 20px #ccc;
}
.search-box h3{
    text-transform: uppercase;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #fff;
}

.table_item .form-group{
    position: relative;
    margin-right: 0px;
}

.table_item .form-group i{
    position: absolute;
    top: 2px;
    left: 5px;
    z-index: 9;
}
.table_item .input-group-addon i{
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    left: 0;
}

.search-ad{  background: #005294;
             position: relative;
             padding: 26px 20px;
}
.search-ad p{
    font-size: 20px;
    color: #fff;
    margin-bottom: 0;
}
.search-ad p span{
    display: block;
    font-size: 50px;
    font-weight: 600;
}
.search-ad [class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after{
    font-size: 50px;
    color: #fff;
}
.search-ad i{
    position: absolute;
    top: 10px;
    right: 30px;
}
.search-form{
    padding: 20px;
}

.search-content.table_item a.btn-red {
    width: 100%;
    text-align: center;
}

.table_item .bootstrap-select>.dropdown-toggle{
    padding: 11px 40px;
    border-radius: 0px;
    border: 1px solid #eceaea;
    background: #fff;
    font-size: 14px;
    font-weight: 300;
    color: #444;
}

.table_item .bootstrap-select .dropdown-menu{border-radius: 0px;}

.table_item .bootstrap-select .dropdown-menu li{margin-bottom: 5px;}

.table-item-slider{
    padding-right: 30px;
}
.table_item input[type=text], 
.table_item input[type=email], 
.table_item input[type=number], 
.table_item input[type=search], 
.table_item input[type=password],
.table_item input[type=tel], 
.table_item input[type=date],
.table_item textarea, 
.table_item select,
.table_item .form-control{
    padding: 11px 40px;
}
input[type=date].form-control, 
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control{
    line-height: 1.42857143;
    padding: 9px 25px;
}
.date .form-control{
    padding: 10px 40px !important;
}
.table_item a.btn-blue{
    width: 100%;
    text-align: center;
    padding: 9px 25px 8px;
    font-weight: 600;
}
.table_item .input-group-addon{
    border-radius: 0;
    border-left: 1px solid #ccc;
}
td.day{
    cursor: default;
}

@media(max-width: 991px){
    .search-box{padding: 20px; width: 32%;}
}

@media(max-width:811px){
    .search-box{width: 36%; right: 5%;}
}

@media(max-width: 767px){
    .search-box{width: 96%; position: inherit; bottom: inherit; right: inherit; margin: 30px auto 0;}
}

/*====================== */
/*         About          */
/* ====================== */

#mt_about{padding-top: 100px;}

#mt_about .about_services{padding:35px 0 0 30px;}

#mt_about .about_services p{line-height: 2;}

#mt_about .about_services h4 {
    font-weight: 300;
    text-transform: uppercase;
}
#mt_about .about_services h2{font-size:3.4rem; }


.image-rev{
    padding: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 5px 10px 0px rgba(113, 62, 90, 0.0);
    z-index: 1;
}

.image-rev img {
    display: block;
    position: relative;
    background: 50% no-repeat;
    background-size: cover;
    z-index: 1;
}    

.image-rev .blur-img {
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: 50% no-repeat;
    background-size: cover;
    opacity: .5;
    -webkit-filter: blur(1.5px);
    -moz-filter: blur(1.5px);
    -ms-filter: blur(1.5px);
    -o-filter: blur(1.5px);
    filter: blur(1.5px);
}

#mt_about a{margin-top: 10px;}


@media(max-width: 991px){
    #mt_about .about_services{margin-top: 30px;}
}


.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

.funkyradio input[type="radio"]:empty ~ label,
.funkyradio input[type="checkbox"]:empty ~ label {
    position: relative;
    line-height: 2.5em;
    text-indent: 3.25em;
    margin-top: 2em;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.funkyradio input[type="radio"]:empty ~ label:before,
.funkyradio input[type="checkbox"]:empty ~ label:before {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    content: '';
    width: 2.5em;
    background: #D1D3D4;
    border-radius: 3px 0 0 3px;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #C2C2C2;
}

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {
    content: '\2714';
    text-indent: .9em;
    color: #333;
    background-color: #ccc;
}

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before {
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

/* ====================== */
/*    Popular Package     */
/* ====================== */


.popular-packages{
    background-color: #f4f5f0;
}
.popular-packages .package-item{
    background: #fff;
    transition: all ease-in-out 0.3s;
    box-shadow: 0 0 10px #ccccccb0;
    margin: 20px 0;
}

.popular-packages .section-title{margin-bottom: 15px;}

.popular-packages .package-content{
    padding:30px 20px;
    text-align: center;
}
.popular-packages .package-content h3 a{
    display: inline-block;
    color: #dc355a;
}

.popular-packages .package-content p{margin-bottom: 0;}

.popular-packages .package-image{
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    cursor: default;
    background: linear-gradient(45deg, #5bc504 0%,#046b8c 100%) ;
    margin-bottom: 22px;
}
.popular-packages .package-image img{
    display: block;
    position: relative;
    max-width: none;
    width: calc(100% + 60px) !important;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.45s;
    transition: opacity 0.35s, transform 0.45s;
    -webkit-transform: translate3d(-40px,0,0);
    transform: translate3d(-40px,0,0);
}
.popular-packages .package-item:hover{
    transition: all ease-in-out 0.3s;
    transform: translateY(-5px);
}
.popular-packages .package-item:hover img{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

section.popular-packages .slick-prev, section.popular-packages .slick-next{
    left: 15px;
    background: #fff;
    height: 50px;
    width: 50px;
    margin-top: 0;
}
section.popular-packages .slick-next{
    right: 15px;
    left: inherit;
}

section.popular-packages .slick-prev:before, section.popular-packages .slick-next:before{
    color: #dc355a;
}

/*innerpage*/

.popular-packages.package-inner .section-title{margin-bottom: 35px;}

section.popular-packages .room-item {
    border: 1px solid #f1f1f1;
    padding: 20px;
    transition: all ease-in-out 0.3s;
    box-shadow: 0px 0px 10px #cccccc67;
}

section.popular-packages .fw-price span.bold {
    display: block;
    font-size: 30px;
    color: #5bc504;
}

section.popular-packages .fw-btns{
    background: #fbfbfb;
    border: 1px solid #f1f1f1;
    padding: 20px 0;
}

@media(max-width: 991px){
    .room-content{padding: 20px 0}
}

/* ====================== */
/*    Services     */
/* ====================== */

.services{padding-bottom: 80px;}

.services .package-item{
    background: #fff;
    transition: all ease-in-out 0.3s;
    box-shadow: 0 0 10px #ccccccb0;
}

.services .package-content{
    padding: 20px;
    width: 90%;
    position: relative;
    z-index: 1;
    margin: 0 auto;
    text-align: center;
    background: #fff;
}

.services .package-content p{margin-bottom: 0;}

.services .package-item img{
    margin-top: -30px;
}

.services .sml-services .package-item img{
    margin-top: 0px;
}
.services .package-item:hover{
    transition: all ease-in-out 0.3s;
    transform: translateY(-5px);
}
.services .package-item:hover img{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.services .package-item.package-item1 .package-content{margin-top: -30px;}

.services .package-item.package-item1 img{margin: 0;}

section.services .col-sm-4, section.services .col-sm-6{padding: 0 10px;}

.services .package-position{
    position: absolute;
    top: 30%;
    left: 20%;
    right: 20%;
    margin: 0 auto;
    text-align: center;
    background: #ffffff;
    padding: 5px 0;
}

@media(max-width: 767px){
    section.services .col-sm-4, section.services .col-sm-6{padding: 0 15px; margin-bottom: 15px;}
}

/*===================================== */
/*           Call TO Action           */
/* ===================================== */

section.cta{
    padding: 80px 0;
    background-repeat: no-repeat;
    background-image: url(../images/hotel/cta.jpg);
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 100%;
}

section.cta:before{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
}

section.cta .cta-content{
    width: 60%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

section.cta .cta-content h2{font-size: 36px;}

@media(max-width: 767px){
    section.cta .cta-content{width: 80%;}
}

@media(max-width: 567px){
    section.cta .cta-content{width:100%;}
}

/*===================================== */
/*           Countdown Section           */
/* ===================================== */

section.countdown-section{
    background: #141a29 url(../images/hotel/slider2.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 80px;
}

section.countdown-section:before {
    background: #252c41;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 50%;
    height: 100%;
    z-index: 1;
}

section.countdown-section:after {
    background: #0000008c;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.countdown-title{
    position: relative;
    z-index: 1;
    padding: 0 20px;
}
.countdown-title h2{
    font-size: 45px;
}
.countdown-title h2 span{
    color: #e6b500;
}
.countdown-title p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    margin: 30px 0;
}
.countdown-container {
    position: relative;
    z-index: 1;
    padding: 0 0 0 40px;
}
p#demo{
    color: #fff;
    font-size: 62px;
    font-weight: 700;
    margin-bottom: 0;
}
p#demo span{
    font-size: 40px;
    color: #e6b500;
    margin-left: 10px;
}

@media(max-width: 767px){

    section.countdown-section{background-size: cover;}

    section.countdown-section:before{height: 52%; width: 100%;}

    .countdown-container {
        padding: 82px 0 0 40px;
    }
}

@media(max-width: 640px){
    p#demo{font-size: 60px;}

    .countdown-title h2{font-size: 36px;}
}

@media(max-width: 567px){
    section.countdown-section:before{display: none; }

    .countdown-container{padding-left: 0; text-align: center;}

    .countdown-title{padding: 0; text-align: center;}
}


/*===================================== */
/*           Deal Section           */
/* ===================================== */

section.deals-on-sale{

    padding-bottom: 80px;
}

.sale-item{position: relative; overflow: hidden;}

.sale-overlay{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, #040404a1 1%, #ffad0000 100%);
}

.sale-content{
    padding: 20px 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
}

.sale-item .sale-image{
    transition: all ease-in-out 0.5s;
    overflow:hidden;
}

.sale-item:hover .sale-image{
    transition: all ease-in-out 0.5s;
    transform: scale(1.1);
}

.deals-on-sale .slick-prev, .deals-on-sale  .slick-next{background: #fff;}

.deals-on-sale  .slick-prev:before, .deals-on-sale .slick-next:before{color:#5bc504; }

.deals-on-sale  .slick-prev{left: 0px;}

.deals-on-sale .slick-next{right: 0px;}

.deals-on-sale .slick-prev:hover, .deals-on-sale .slick-prev:focus, 
.deals-on-sale .slick-next:hover, .deals-on-sale .slick-next:focus{
    background: #5bc504;
}

.deals-on-sale .slick-prev:hover:before, .deals-on-sale .slick-prev:focus:before, 
.deals-on-sale .slick-next:hover:before, .deals-on-sale .slick-next:focus:before{color: #fff;}




section.trip-ad{
    position: relative;
    background: url(../../images/rionegro.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
    overflow: hidden;
    text-align: center;
    padding: 150px 0;
}

section.trip-ad .container{position: relative; z-index: 2;}

/*.trip-ad:before{
  position: absolute;
  content: '';
  top: 0;
  left: -12%;
  height: 100%;
  width: 65%;
  background: #fff;
  transform: skew(15deg);
  z-index: 1;
}*/
.trip-ad:after{
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.3);
}
.ad-title h2{
    text-transform: uppercase;
    font-size: 52px;
}
.ad-title span{
    display: block;
    font-size: 40px;
    color: #005294;
}
.trip-ad-btn{
    margin-top: 32px;
}
.ad-price-outer{
    position: relative;
}
.ad-price{
    padding:5px; 
    background: #170d65;
    border-radius: 50%;
    box-shadow: 1px 1px 5px #000000;
    text-align: center;
    height: 200px;
    width: 200px;
    z-index: 1;
    margin: 13% auto 0;
}
.ad-price-inner{
    height: 190px;
    width: 190px;
    border: 1px dashed #fff;
    border-radius: 50%;
    padding: 45px 0;
    background: #99062f;
}
.ad-price span{
    color: #fff;
    font-size: 25px;
}
span.rate{
    display: block;
    font-size: 50px;
    font-weight: 600;
}
.trip-ad p{
    color: white;
}

/* ====================== */
/*         Testimonial         */
/* ====================== */

section.testimonials{
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 80px; 
    background: #fbfbfb;
}

section.testimonials .testimonial-image{
    height: 120px;
    width: 120px;
    margin: 0 auto;
    border-radius: 50%;
    margin-bottom: 15px;
    overflow: hidden;
}

section.testimonials #testimonial_095 > .carousel-inner{width: 60%;}

section.testimonials .testimonial_095_slide{
    width: 100%;
    background: #fff;
    padding: 40px 30px;
}

section.testimonials .testimonial_095_slide > p{
    color: #6e8292;
    font-size: 16px;
    margin-top: 0;
}

section.testimonials .testimonial_095_slide > p:before{
    content: '\f10d';
    font-size: 40px;
    padding-right: 15px;
    font-family: 'fontawesome';
    color: #6e829260;
}

section.testimonials .testimonial_095_slide h5{font-weight: 300; }

section.testimonials .testimonial_095_slide h5 a{color: #1690c0;}

section.testimonials .testimonial_095_control_button .carousel-control{
    border: none;
    background: #252c41;
    width: 40px;
    height: 80px;
    border-radius: 10px;
    line-height: 8.5;
}

section.testimonials .testimonial_095_control_button .carousel-control span {
    font-size: 16px;
    line-height: 2.6;
}

section.testimonials .testimonial_095_control_button .carousel-control.left{left: 18.4%;}

section.testimonials .testimonial_095_control_button .carousel-control.right{right: 18.4%;}

section.testimonials .testimonial_095_control_button .carousel-control.left:hover, 
section.testimonials .testimonial_095_control_button .carousel-control.right:hover{
    border: none;
}

.deal-rating span{
    color: #5bc504;
    font-size: 16px;
}
@media(max-width: 767px){
    section.testimonials #testimonial_095 > .carousel-inner{width: 80%;}
}

@media(max-width: 567px){
    section.testimonials #testimonial_095 > .carousel-inner{width: 100%;}
}

/* ====================== */
/*         Blog         */
/* ====================== */

section.blog{padding-bottom: 80px;}

.blog-image {
    border: 15px solid #fff;
    background: #fff;
    margin: 0;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    margin: 0 0 -45px 0;
    overflow:hidden;
}

.blog-image img{
    transition: all ease-in-out 0.3s;
}

.blog-content{    
    background: #fff;
    position: relative;
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    width: 92%;
    margin: 0 auto;
}
.blog-content h3{
    text-transform: capitalize;
    margin-bottom: 10px;
}
.blog-item:hover img{
    transform: rotate(5deg) scale(1.2);
    transition: all ease-in-out 0.3s;
}
.blog-content i{
    padding-right: 5px;
}

.blog-date p {
    color: #4aa9cf;
}

.blog-date-icon p{
    padding-left: 10px;
    margin-bottom: 0;
    display: inline-block;
}
.blog-author{
    display: inline-block;
    width: 100%;
    border-top: 1px dashed #ccc;
    padding-top: 15px;
}
.blog-author p{
    margin-bottom: 0px;
}
.blog-wrapper .blog-item{
    margin-bottom: 30px;
}

@media(max-width: 991px){
    section.blog .col-md-4.col-sm-12{margin-bottom: 30px;}
}

@media(max-width: 767px){
    section.blog .col-md-4.col-sm-6.col-xs-12{margin-bottom: 30px;}
    .mar-top-70{
        margin-top: 0;
    }
}


/* ====================== */
/*         Partners         */
/* ====================== */

section.trusted-partners{
    background: #222935;
    text-align: center;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.trusted-partners:before{
    position: absolute;
    content: '';
    left: -5%;
    top: 0;
    height: 100%;
    width: 35%;
    background: #191e27;
    z-index: 1;
}
.partners-logo li{
    padding: 0 30px;
    margin-bottom: 0;
    transition: all ease-in-out 0.3s;
}
.partners-logo li:hover{
    opacity: 0.7;
}
.partners-title h3{
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: right;
}
.partners-title span{
    display: block;
    font-size: 32px;
}
.partners-title{
    padding: 30px 30px 25px;
    position: relative;
    z-index: 2;
}
.partners-logo{
    padding: 37px 0 0;
}

@media(max-width: 991px){
    .trusted-partners:before{
        width: 40%;
    }

    .partners-title h3 {
        text-align: left;
    }

    .partners-title span {
        font-size: 21px;
    }
}

@media(max-width: 567px){

    section.trusted-partners{padding-bottom: 30px;}

    .trusted-partners:before{display: none;}

    .partners-title span{display: inline-block;}

    .partners-title h3{text-align: center;}

    .trusted-partners .col-md-3.col-xs-4, .trusted-partners .col-md-9.col-xs-8{width: 100%;}
} 

/* ====================== */
/*         Footer         */
/* ====================== */

footer{
    background: #170d65;
    position: relative;
}

footer .section-title-white h2, 
footer .section-title-white p{color: #fff;}

footer .section-title [class^="flaticon-"]:before, footer [class*=" flaticon-"]:before {
    font-size: 36px;
    color: #fff;
}

footer .section-title {
    position: relative;
    padding: 0 20%;
    margin-bottom: 40px;
    z-index: 1;
    width: auto;
}


footer  .section-title h2{
    border: none;
    padding: 0;
}

footer .section-icon {
    display: inline-block;
    background: transparent;
    z-index: 1;
    position: relative;
    padding: 0 20px;
    margin-bottom: 15px;
}


footer .section-icon:before {
    position: absolute;
    width: 100px;
    height: 1px;
    background: #fff;
    content: '';
    left: -100px;
    top: 50%;
}

footer .section-icon:after {
    position: absolute;
    width: 100px;
    height: 1px;
    background: #fff;
    content: '';
    right: -100px;
    top: 50%;
}

.newsletter{
    padding: 55px 0 35px;
    position: relative;
    z-index: 1;
}

.newsletter form {
    position: relative;
    width: 45%;
    margin: 0 auto;
}

.newsletter a{
    /* position: absolute;
     right: 0;
     top: 0;
     padding: 10px;
     background: #5bc504;*/
    color: #fff;
}
.social-icon img{
    height: 50px;
    width: auto;
}
.newsletter input[type=text]{
    padding-right: 115px;
    margin-bottom: 0;
}
.footer-links{
    padding: 45px 0 41px;
    border-bottom:  1px dashed #cccccc;
    position: relative;
    z-index: 1;
}
.footer-links h3{
    color: #fff;
    margin-bottom: 20px;
}
.footer-links li{
    padding: 0 0 10px 0px;
    position: relative;
    margin-bottom: 5px
}
.footer-links li a{
    color: #fff;
    opacity: 0.8;
}
.footer-links li a:hover{
    opacity: 1;
}
.footer-links li a i{
    padding-left: 5px;
    transition: all ease-in-out 0.3s;
}
.footer-links-list li a:hover i{
    padding-left: 10px;
}
.footer-links li:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
}
.copyright{
    position: relative;
    z-index: 1;
    padding: 30px 0 30px;
    background:rgba(0,0,0,.2);
}

.copyright-content p{
    margin-bottom: 0;
    display: inline-block;
    color: #fff;
}
.copyright-content a{
    color: #5bc504;
}
.footer-recent-post li{
    padding: 0;
    margin-bottom: 15px;
}
.footer-recent-post li:last-child{
    margin-bottom: 0;
}
.footer-recent-post li:before,
.footer-social-links li:before{
    display: none;
}
.recent-post-item{
    display: flex;
}
.recent-post-image{
    width: 27%;
}
.recent-post-content{
    flex: 1 auto;
    padding-left: 15px;
}
.recent-post-content h4{
    color: #fff;
    margin-bottom: 5px;
    font-weight: 300;
}
.recent-post-content p{
    color: #5bc504;
    margin-bottom: 0;
    font-size: 13px;
}
.footer-social-links li{
    padding: 0;
    display: inline-block;
    margin: 0px 20px 0 0;
}
.footer-instagram li{
    padding: 0;
    display: inline-block;
    width: 32.33%;
    margin: 0 0 4px 0;
}
li.social-icon{
    margin-right: 15px;
    font-size: 20px;
}
li.social-icon a i{
    padding: 0;
}
.footer-about p{
    color: #fff;
    margin: 20px 0;
}
.about-logo img{
    width: auto;
    margin-bottom: 20px;
}
.about-location li{
    color: #fff;
}
.about-location li i{
    color: #5bc504;
    padding-right: 10px;
}
.footer-social-links{
    margin-top: 20px;
}
.payment-content{
    text-align: right;
}
.payment-content li{
    display: inline-block;
    margin: 0 0px 0 10px;
    color: #fff;
}
.payment-content li img{
    width: 30px;  
}

@media(max-width: 991px){

    .newsletter form{width: 60%;}

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

    .footer-instagram li {
        width: 31.33%;
    }

    .recent-post-content{padding-left: 6px;}
}

@media(max-width: 640px){
    footer .section-title{padding: 0;}

    .newsletter form{width: 100%;}
}

@media(max-width: 479px){
    .copyright .col-xs-6{width: 100%; text-align: center;}

    .footer-links{text-align: center;}

    .payment-content{text-align: center;}

    .payment-content li{margin: 0;}

    .copyright-content {margin-bottom: 10px;}
}

#back-to-top {
    position: fixed;
    z-index: 1000;
    bottom: 20px;
    right: 20px;
    display: none;
}
#back-to-top a {
    display: block;
    width: 40px;
    height: 40px;
    border:1px solid #1b0a9b;
    background: #fff;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    -o-transition: 0.2s all linear;
    transition: 0.2s all linear;
}
#back-to-top a:after{
    position: absolute;
    content: '\f176';
    font-family: 'fontawesome';
    font-size: 20px;
    color: #1b0a9b;
    top: 5px;
    left: 15px;
    z-index: 1;
    font-weight: 500;
}


/* ====================== */
/*  Detail page */
/* ====================== */
.detail-info-content{
    margin-bottom: 20px;
}

.detail-content .in_th_brdr_img_030 > .carousel-indicators li img{height: 100%;}

.detail-info span.bold{
    font-size: 40px;
    color: #5bc504;
}
.detail-info-content .deal-rating{
    margin: 0px
}
.detail-info-content p.detail-info-price{
    display: inline-block;
    float: right;
    margin: 0;
}
.detail-info-content h2{
    margin-bottom: 0px;
    display: inline-block;
    text-transform: uppercase;
}
.detail-info-content table{
    margin-bottom: 21px;
}
.detail-title{
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}
.detail-title h3,
.detail-title h4{
    display: inline-block;
    margin: 0;
    padding-right: 20px;
    border: 1px solid #f1f1f1;
    padding: 8px 16px;
    background: #fbfbfb;
}
.sidebar-item .detail-title h3{
    padding: 5px 15px;
}
.sidebar-item-dark .detail-title h3{
    background: #005294;
    color: #fff;
    border: none;
}
.detail-title:after{
    position: absolute;
    top: 51%;
    content: '';
    background: #f1f1f1;
    height: 1px;
    width: 100%;
}
.detail-box{
    margin-bottom: 30px;
}
.detail-box:last-child{
    margin: 0;
}
.description-content {
    border: 1px solid #f1f1f1;
    padding: 15px;
}
.description-content p:last-child{
    margin-bottom: 0;
}
.detail table{
    width: 100%;
    margin-top: 10px;
}
.detail table td{
    padding: 10px;
}
td.title{
    font-weight: 500;
}
.detail table tr{
    margin-bottom: 10px;
    border: 1px solid #f1f1f1;
}
.detail table tr:last-child{
    margin-bottom: 0;
}
.detail table td ul li{
    margin-bottom: 5px;
    width: 49%;
    display: inline-block;
}
.detail table td ul li:last-child{
    margin-bottom: 0;
}
.detail table td i{
    width: 20px;
    color: #005294;
}
.detail table tr:nth-child(even){
    background: #fbfbfb;
}
td.excludes ul li i{
    color: #5bc504; 
}

.flag-wrapper {
    margin-bottom: 10px;
    margin-top: 15px;
}
.flag{
    font-size: 18px;
    color: #333;
    font-weight: 600;
    transition : all ease-in-out 0.3s;
}
.day-wrapper {
    position: absolute;
    height: 100%;
    width: 60px;
    background: #f1f1f1;
    left: 0;
    z-index: 1;
    text-align: center;
    transition: all ease-in-out 0.3s;
    top: 0;
}
.timeline li:hover .day-wrapper{
    background: #5bc504;
}
.timeline li:hover .flag{
    color: #5bc504;
}
.day-wrapper span {
    color: #005294;
    font-weight: 600;
    font-size: 32px;
    line-height: 2;
    background: #fff;
    width: 100%;
    display: inline-block;
}
.desc p:last-child{
    margin-bottom: 0;
}
.map-frame{
    background: #ffff;
    padding: 15px 15px 10px;
    border: 1px solid #f1f1f1;
}
.map-frame iframe{
    height: 350px;
    width: 100%;
    frameborder: 0;
}
/*
sidebar*/
#sidebar-sticky{
    margin-bottom: 70px;
}
.detail-tabs #sidebar-sticky{
    margin-bottom: 0;
}
.sidebar-item{
    border: 0;
    box-shadow: 0px 0px 20px rgba(0,0,0,0);
    margin-bottom: 30px;
    padding: 15px;
    text-align: left;
}
.popular-item {
    padding: 10px 0 10px 70px;
    border-bottom: 1px dashed  #f1f1f1;
    position: relative;
}
.popular-item span.item-no {
    position: absolute;
    top: 15px;
    left: 0;
    font-size: 23px;
    color:#5bc504;
    border: solid 3px #5bc504;
    border-radius: 50%;
    padding: 0;
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 46px;
    font-weight: 300;
}
.popular-item h4{
    margin: 0;
    font-size: 24px;
    font-weight: 600;
}
.sidebar-item-dark{
    background: #333;
}
.sidebar-item-dark .detail-title h4{
    color: #fff;
    background: #333;
}
.sidebar-content li:last-child{
    margin-bottom: 0;
}
.sidebar-item .detail-title{
    margin-bottom: 15px;
}
.tour-details ul li span{
    color: #5bc504;
    font-weight: 600;
}
.sidebar-socialicon{
    padding-bottom: 5px;
}
.share-links li{
    display: inline-block;
    margin-bottom: 0;
    float: left;
    width: 50%;
    margin: 0 0 10px 0;
}
.share-links li span{
    font-size: 15px;
}
.share-links li.social-icon a i{
    font-size: 15px;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    border: 1px solid #ccc;
    line-height: 2;
    margin-right: 5px;
    text-align: center;
    color: #fff;
    background: #38A1F3;
}
.share-links li.social-icon a i.fa-facebook{
    background: #3C5A99;
}
.share-links li.social-icon a i.fa-instagram{
    background: #F77737;
}
.share-links li.social-icon a i.fa-youtube{
    background: #FF0000;
}
.support-content h4{
    margin-bottom: 0px;
}
.support-content p{
    margin: 0;
    color: #5bc504;
}
.sidebar-package-content{
    background: inherit;
    padding: 15px 0 0 0;
    text-align: center;
}

.sidebar-package-content p{
    display: block;
    margin:8px 0px 15px;
}

.sidebar-item input,
.sidebar-item textarea,
.sidebar-item input .form-control{
    padding: 10px !important;
    font-size: 13px;
}
.sidebar-item textarea{
    height: 100px;
}
.sidebar-item .comment-btn .btn-blue{
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
}
.sidebar-helpline{
    background: url(../images/adbg.jpg) no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px;
}
.sidebar-helpline:after{
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
}
.sidebar-helpline-content{
    position: relative;
    z-index: 1;
}
.sidebar-helpline-content h3,
.sidebar-helpline-content p{
    color: #fff;
}
.sidebar-helpline-content p:last-child{
    margin-bottom: 0;
}
.sidebar-helpline-content i{
    margin-right: 5px;
}
.sidebar-content .range-slider{
    margin: 20px 0 0;
}
.range-slider .ui-slider-range.ui-widget-header.ui-corner-all.whole{
    background: #ccc;
}
.comment-item{
    display: flex;
    border: 1px solid #f1f1f1;
    padding: 20px;
    margin-bottom: 30px;
}
.comment-image {
    flex: 0 1 75px;
    padding: 0 20px 0 0;
}
.detail-content .comment-image{
    padding: 0;
}
.comment-item:last-child{
    margin-bottom: 0;
}
.comment-image{
    text-align: center;
}
.comment-image img{
    overflow: hidden;
    border-radius: 50%;
    width: 75px;
    height: 75px;
}
.comment-reply .comment-image img{
    height: 50px;
    width: 50px;
}
.comment-image h4{
    margin: 10px 0 0 0;
}
.comment-desc{
    margin-bottom: 20px;
}
.comment-reply .comment-desc{
    margin-bottom: 0;
}
.comment-desc h4{
    display: inline-block;
}
.comment-desc p{
    margin: 0;
}
span.comment-date{
    display: block;
    font-size: 12px;
    margin-bottom: 7px;
}
.comment-image a.btn-blue{
    font-size: 12px;
    padding: 5px 15px;
}
.comment-desc .deal-rating{
    display: inline-block;
    margin: 0 0 15px 0;
}
span.travel-date{
    float: right;
    font-size: 12px;
}
span.bold{
    font-weight: 500;
}
.comment-btn{
    margin-top: 10px;
}
.comments-form textarea,
.comments-form input{
    background: #fff;
}
.sidebar-slider .slick-prev{
    left: 0;
}
.sidebar-slider .slick-next{
    right: 0;
}
.event-list li{
    border-bottom: 1px dashed #eee;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.event-list li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
.event-list li a{
    color: #555;
}
.event-list li a:hover{
    color: #0D74BA;
}
.comment-reply{
    background: #fff;
    margin-bottom: 10px;
}

@media(max-width: 991px){
    #sidebar-sticky{margin: 30px 0 0;}
}

@media (max-width: 567px){

    .comment-image {
        margin-bottom: 10px;
    }

    .comment-item {
        display: block;
        text-align: center;
    }

    span.travel-date, .comment-desc .deal-rating {
        float: none;
        display: block;
        text-align: center;
    }
}

.details-banner {
    background: #170d65;
    padding: 165px 0 50px 0;
    overflow: hidden;
    position: relative;
}
.banner-overlay {
    content: '';
    background: radial-gradient(circle farthest-side at center bottom,#170d65,#5bc504 110%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.banner-desc {
    width: 70%;
    margin: 0 auto;
}
.details-banner h1 {
    color: 
        #fff;
    margin: 0 0 10px;
}
.banner-desc .breadcrumb {
    background: 
        transparent;
    border: none;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
}
.banner-desc .breadcrumb ol {
    margin: 0;
    padding: 0;
}
.banner-desc .breadcrumb ol li {
    display: inline-block;
    position: relative;
    color: 
        #fff;
}
.banner-desc .breadcrumb ol li a {
    color: 
        #fff;
}
h1.error_number {
    text-align: center;
    font-size: 200px;
    line-height: .7;
    margin-bottom: 50px;
}
h1.error_number span {
    color: 
        #eaa200;
    font-size: 250px;
    position: relative;
}
.main_title.text-center {
    margin-bottom: 15px;
}

.breadcrumb li + li::before {
    padding: 0 5px;
    content: "/";
    color: 
        #fff;
}

#accordion .panel{
    border: none;
    border-radius: 0;
    box-shadow: none;
    /* margin: 0 30px 10px 30px;*/
    overflow: hidden;
    position: relative;
}
#accordion .panel-heading{
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}
#accordion .panel-title a{
    display: block;
    padding: 15px 20px;
    margin: 0;
    background:#170d65;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 1px;
    color:#fff;
    border-radius: 0;
    position: relative;
    border:solid 1px #170d65;
    text-decoration: none;
}
#accordion .panel-title a.collapsed{ background: #fff; color: #626262;}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
    content: "\f068";
    font-family: fontawesome;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border-radius: 50%;
    background: #170d65;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-align: center;
    border: 3px solid #fff;
    position: absolute;
    top: 10px;
    right: 14px;
}
#accordion .panel-title a.collapsed:before{
    content: "\f067";
    background:#fff;
    border: 4px solid#5bc504;
    color:#5bc504;
}
#accordion .panel-title a:after,
#accordion .panel-title a.collapsed:after{
    content: "";
    width: 17px;
    height: 7px;
    background: #fff;
    position: absolute;
    top: 22px;
    right: 0;
}
#accordion .panel-title a.collapsed:after{
    width: 17px;
    background: #5bc504;
}
#accordion .panel-body{
    border-left: 1px solid #170d65;
    border-top: none;
    background: #fff;
    /*font-size: 15px;*/
    color: #1c2336;
    line-height: 27px;
    position: relative;
}
#accordion .panel-body:before{
    content: "";
    height: 1px;
    width: 50%;
    background: #170d65;
    position: absolute;
    bottom: 0;
    left: 0;
}
#accordion .panel-body p{
    padding: 10px;
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 300;
}
.navbar.steps-progress li a {
    color:#170d65;
    border-bottom: solid 3px #170d65;
    line-height: 2.5;
}
.navbar.steps-progress  li  a:hover, .navbar.steps-progress li.active a{
    color:#170d65;
    border-color: #5bc504;
}
.navbar.steps-progress  li .c-separator-steps {
    position: relative;
    margin: 0 2rem;
    display: initial !important;
}
.navbar-nav.navbar-center {
    position: absolute;
    left: 50%;
    transform: translatex(-50%);
}
.navbar.steps-progress li .c-separator-steps::before {
    background:#fff;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: -13px;
    width: 0.1rem;
}
.navbar.steps-progress .navbar-nav {
    width: 100%;
    text-align: center;
}
.navbar.steps-progress .navbar-nav > li {
    float: none;
    display: inline-block;
}
#cart_container{
    background: #170d65;
    padding: 0px 13px;
    font-size: 20px;
}
#cart_container *{
    display: inline-block;
    color: #fff;
}
.menu-fixed {
    position: fixed;
    z-index: 1000;
    top: 70px;
    width: 100%;
    box-shadow: 0px 4px 3px rgba(0,0,0,.5);
    background:#fff !important;
    border-top: solid 1px #170d65;
}
.slicknav_menu {
    background: 
        transparent;
    padding: 0;
    margin-top: 0;
}
@media(max-width: 1100px){
    .navbar.steps-progress .navbar-nav > li {
        float: none;
        display: none;
    }
    #cart_container {
        display: block;
    }
    .navbar.steps-progress .navbar-nav {
        width: 100%;
        text-align: center;
        float: none;
        left: 0;
        margin: 0px;
    }
}
.mb50{
    margin-bottom: 100px !important;
}
.number-title::after{
    content: ' ';
}
.number-title::before{
    content: ' ';
}
.number-title span{
    width: 50px;
    display: inline-block;
    height: 50px;
    border: solid 5px#5bc504;
    border-radius: 50%;
    line-height: 40px;
    font-size: 30px;
}
h3{
    text-transform: uppercase;
}
.box {
    width: 100%;
    float: left;
    margin: 1em 0;
    border-top: solid 10px #fff;
}
#msgholder .box{
    border: solid 1px #aaa;
    border-radius: 4px;
    box-shadow: 0px 1px 15px rgba(0,0,0,.5);
}
.box .box-header {
    text-align: center;
    font-weight: 400;
}
.box .box-body {
    position: relative;
    padding: 10px;
    text-align: center;
}
.box select {
    width: 120px;
    margin: 10px auto 0 auto;
    display: block;
    font-size: 16px;
}
.text-white{
    color:white !important;
}
.box-large .box-body {
    padding-top: 2em;
    height: 120px;
}
.box-orange .box-header {
    background-color: #edb867;
    color: white;
}
.box-orange .box-body {
    background-color: white;
    border: 2px solid #f5d8ab;
    border-top: 0;
}
.box-green .box-header {
    background-color: #5bc504;
    color: white;
}
.box-green .box-body {
    background-color: white;
    border: 2px solid #5bc504;
    border-top: 0;
}
.box-blue .box-header {
    background-color: #4278f5;
    color: white;
}
.box-red .box-header {
    background-color:#a94442;
    color: white;
}
.box-blue .box-body {
    background-color: white;
    border: 2px solid #8bacf9;
    border-top: 0;
}

#msgholder .list-group-item span{
    margin-right: 10px;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: transparent;
    border: 1px solid #ddd;
    color:#1a1a1a;
}

.clona >div{
    margin-bottom: 2rem;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    background-color:    #5bc504;
    outline: 0;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #fff;
    text-decoration: none;
    background-color:    #5bc504;
}



/* Rating Star Widgets Style */
.rating-stars ul {
    list-style-type:none;
    padding:0;

    -moz-user-select:none;
    -webkit-user-select:none;
}
.rating-stars ul > li.star {
    display:inline-block;

}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
    font-size:2.5em; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
    color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
    color:#FF912C;
}