@charset "utf-8";

/*responsiveslides css*/
body {
    margin: 0
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0 auto
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0
}

/*menu css*/
#cssmenu,
#cssmenu #menu-button,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

#cssmenu:after,
#cssmenu>ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

#cssmenu ul ul li.has-sub>a::after,
#cssmenu ul ul ul::after,
#cssmenu>ul>li.has-sub>a::after,
#cssmenu>ul>li>ul::after {
    content: "";
    position: absolute;
    height: 0
}

#cssmenu #menu-button {
    display: none
}

#cssmenu {
    width: auto;
    font-family: 'Open Sans', Helvetica, sans-serif; // background:rgba(0,0,0,.6)}#cssmenu>ul{//background:url(images/bg.png);box-shadow:inset 0 -3px 0 rgba(0,0,0,.05)}#cssmenu.align-right>ul>li{float:right}#cssmenu>ul>li{float:left;display:inline-block}#cssmenu.align-center>ul{float:none;text-align:center}#cssmenu.align-center>ul>li{float:none}#cssmenu.align-center ul ul{text-align:left}#cssmenu>ul>li>a{padding:15px 21px;border-right:1px solid rgba(80,80,80,.12);text-decoration:none;font-size:15px;font-weight:700;color:#fff}#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a,#cssmenu>ul>li>a:hover{color:#fff;background:#32a9c3;background:rgba(0,0,0,.1)}#cssmenu>ul>li.has-sub>a{padding-right:45px}#cssmenu>ul>li.has-sub>a::after{width:0;border:6px solid transparent;border-top-color:#d3eced;right:17px;top:22px}#cssmenu>ul>li.has-sub.active>a::after,#cssmenu>ul>li.has-sub:hover>a{border-top-color:#fff}#cssmenu ul ul{position:absolute;left:-9999px;top:146px!important;padding-top:6px;font-size:13px;opacity:0;-webkit-transition:top .2s ease,opacity .2s ease-in;-moz-transition:top .2s ease,opacity .2s ease-in;-ms-transition:top .2s ease,opacity .2s ease-in;-o-transition:top .2s ease,opacity .2s ease-in;transition:top .2s ease,opacity .2s ease-in}#cssmenu.align-right ul ul{text-align:right}#cssmenu>ul>li>ul::after{width:0;border:5px solid transparent;border-bottom-color:#fff;top:-4px;left:20px;display:block}#cssmenu.align-right>ul>li>ul::after{left:auto;right:20px}#cssmenu ul ul ul::after{width:0;border:5px solid transparent;border-right-color:#fff;top:11px;left:-4px}#cssmenu.align-right ul ul ul::after{border-right-color:transparent;border-left-color:#fff;left:auto;right:-4px}#cssmenu>ul>li>ul{top:120px}#cssmenu>ul>li:hover>ul{top:172px;left:315px;opacity:1}#cssmenu.align-right>ul>li:hover>ul{left:auto;right:0}#cssmenu ul ul ul{padding-top:0;padding-left:6px}#cssmenu.align-right ul ul ul{padding-right:6px}#cssmenu ul ul>li:hover>ul{left:180px;top:0;opacity:1}#cssmenu.align-right ul ul>li:hover>ul{left:auto;right:100%;opacity:1}#cssmenu ul ul li a{text-decoration:none;font-weight:400;padding:11px 25px;width:180px;color:#777;background:#fff;box-shadow:0 2px 2px rgba(0,0,0,.1),1px 1px 1px rgba(0,0,0,.1),-1px 1px 1px rgba(0,0,0,.1);border-bottom:1px dotted #ccc}#cssmenu ul ul li.active>a,#cssmenu ul ul li:hover>a{color:#333}#cssmenu ul ul li:first-child>a{border-top-left-radius:3px;border-top-right-radius:3px}#cssmenu ul ul li:last-child>a{border-bottom-left-radius:3px;border-bottom-right-radius:3px}#cssmenu ul ul li.has-sub>a::after{width:0;border:4px solid transparent;border-left-color:#777;right:17px;top:14px}#cssmenu.align-right ul ul li.has-sub>a::after{border-left-color:transparent;border-right-color:#777;right:auto;left:17px}#cssmenu ul ul li.has-sub.active>a::after,#cssmenu ul ul li.has-sub:hover>a::after{border-left-color:#333}#cssmenu.align-right ul ul li.has-sub.active>a::after,#cssmenu.align-right ul ul li.has-sub:hover>a::after{border-right-color:#333;border-left-color:transparent}@media all and (max-width:800px),only screen and (-webkit-min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min--moz-device-pixel-ratio:2) and (max-width:1024px),only screen and (-o-min-device-pixel-ratio:2/1) and (max-width:1024px),only screen and (min-device-pixel-ratio:2) and (max-width:1024px),only screen and (min-resolution:192dpi) and (max-width:1024px),only screen and (min-resolution:2dppx) and (max-width:1024px){#cssmenu{background:#39b1cc}#cssmenu>ul{display:none}#cssmenu>ul.open{display:block;border-top:1px solid rgba(0,0,0,.1)}#cssmenu.align-right>ul{float:none}#cssmenu.align-center>ul{text-align:left}#cssmenu.align-right>ul>li,#cssmenu>ul>li{float:none;display:block}#cssmenu>ul>li>a{padding:12px 25px 13px;border-right:0}#cssmenu>ul>li.active>a,#cssmenu>ul>li:hover>a{background:rgba(0,0,0,.1)}#cssmenu #menu-button{display:block;text-decoration:none;font-size:13px;font-weight:700;color:#d3eced;padding:18px 25px;text-transform:uppercase;letter-spacing:1px;background:url(images/bg.png);cursor:pointer}#cssmenu ul li:hover>ul,#cssmenu ul ul,#cssmenu ul ul li:hover>ul,#cssmenu ul ul ul,#cssmenu.align-right ul li:hover>ul,#cssmenu.align-right ul ul,#cssmenu.align-right ul ul li:hover>ul,#cssmenu.align-right ul ul ul,#cssmenu.align-right>ul>li>ul,#cssmenu>ul>li>ul{left:0;right:auto;top:auto;opacity:1;width:100%;padding:0;position:relative;text-align:left}#cssmenu #menu-button::after,#cssmenu #menu-button::before{display:block;content:'';position:absolute;height:3px;width:22px;border-top:2px solid #d3eced;right:25px}#cssmenu ul ul li{width:100%}#cssmenu ul ul li a{width:100%;box-shadow:none;padding-left:35px}#cssmenu ul ul ul li a{padding-left:45px}#cssmenu ul ul li:first-child>a,#cssmenu ul ul li:last-child>a{border-radius:0}#cssmenu #menu-button::after{border-bottom:2px solid #d3eced;top:18px}#cssmenu #menu-button::before{top:28px}#cssmenu ul ul li.has-sub>a::after,#cssmenu>ul>li.has-sub>a::after{display:none}}

    /*custom css*/
    body,
    h1,
    h2,
    h3,
    h4,
    li,
    p,
    ul {
        padding: 0;
        margin: 0
    }

    #pagewrap,
    .clr {
        clear: both
    }

    #header,
    .container,
    .container2,
    .our-team ul li {
        overflow: hidden
    }

    article,
    aside,
    audio,
    canvas,
    command,
    datalist,
    details,
    embed,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    keygen,
    meter,
    nav,
    output,
    progress,
    section,
    source,
    video {
        display: block
    }

    mark,
    rp,
    rt,
    ruby,
    summary,
    time {
        display: inline
    }

    ul {
        padding: 0
    }

    body {
        font-family: Lato, sans-serif;
        line-height: 1.5;
        font-weight: 400;
        background-color: #fff;
        color: #4b4b4b;
        text-decoration: none;
        text-align: left;
        font-size: 15px
    }

    a {
        text-decoration: underline;
        color: #000
    }

    a:active,
    a:hover {
        text-decoration: none !important
    }

    .topright ul li a,
    li,
    p,
    span.readmore a,
    ul {
        text-decoration: none
    }

    li,
    p,
    ul {
        list-style-type: none
    }

    h1,
    h2,
    h3,
    h4 {
        font-weight: 400 !important;
        line-height: normal
    }

    h1 {
        margin: 0 !important;
        font-size: 22px !important;
        color: #ff5800;
        border-bottom: 1px solid #b0b0b0;
        padding-bottom: 5px
    }

    p {
        text-align: justify;
        line-height: 21px
    }

    .FloatL {
        float: left
    }

    .FloatR {
        float: right
    }

    img {
        border: 0
    }

    .separator {
        height: 5px
    }

    #pagewrap {
        width: auto;
        margin: 0 auto
    }

    #header {
        padding: 10px 0 3px
    }

    .container {
        width: 85% !important;
        margin: 0 auto
    }

    .container2 {
        width: 70% !important;
        margin: 0 auto
    }

    .service-block {
        position: relative;
        z-index: 1000;
        bottom: 64px;
        background: rgba(0, 0, 0, .5);
        color: #fff;
        width: 100%;
        margin-bottom: 6px;
        text-transform: uppercase;
        font-size: 12px
    }

    .service-block span.bold {
        font-size: 14px;
        font-weight: 700;
        display: inline-block;
        text-align: center;
        line-height: 19px
    }

    .service-block ul li {
        width: 33%;
        float: left;
        padding: 15px 0 10px 10%
    }

    .service-block ul li.first {
        padding: 15px 0 10px
    }

    .service-block ul li.last {
        width: 10%;
        padding: 15px 0 10px 10%;
        border-right: none
    }

    .header {
        position: absolute;
        z-index: 100;
        width: 100%;
        top: 0;
        left: 0
    }

    .logo {
        width: 40%;
        float: left
    }

    .topright {
        width: 55%;
        float: right;
        text-align: right;
        color: #fff;
        margin-top: 18px
    }

    .topright ul {
        float: right;
        width: 250px;
    }

    .topright ul li {
        padding-bottom: 5px;
        padding-left: 23px;
    }

    .topright ul li.mail-icon {
        background: url(images/img-sprite.png) -4px 3px;
        width: 17px;
        height: 22px;
    }

    .topright ul li.contact-icon {
        background: url(images/img-sprite.png) 73px -19px;
        width: 204px;
        height: 22px;
    }

    .topright ul li a {
        color: #fff
    }

    .navigation {
        width: 100%;
        background: rgba(0, 0, 0, .3);
        font-size: 14px;
        color: #fff
    }

    .middle-section {
        margin: 40px 0 70px
    }

    .middle-section .intro-txt {
        width: 96%;
        padding: 10px 20px
    }

    .middle-section .promotional-tour {
        margin: 35px 0px 20px 0px;
        overflow: hidden
    }

    .national-park-detail ul,
    span.readmore {
        margin-top: 10px
    }

    .middle-section .promotional-tour span.yellow {
        color: #d09800
    }

    h2 {
        text-align: center;
        font-weight: bold !important;
        font-size: 22px;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #ff5800
    }

    .middle-section .promotional-tour ul li {
        width: 29%;
        float: left;
        background-color: #f5f5f5;
        border: 1px solid #d1d1d1;
        padding: 9px;
        margin: 0px 22px 22px 0px;
        border-radius: 4px;
        font-size: 13px;
        line-height: 19px
    }

    .middle-section .promotional-tour ul li span.bold {
        display: block;
        font-weight: 700;
        font-size: 17px;
        color: #ff5800;
        padding-bottom: 3px
    }

    .middle-section .promotional-tour ul li.last {
        margin-right: 0
    }

    .middle-section .promotional-tour ul li img {
        margin-bottom: 5px;
        width: 100%;
        height: auto
    }

    .middle-section .promotional-tour ul li div.details {
        width: 94px;
        padding: 3px 0;
        background-color: #ff5800;
        color: #fff;
        margin-top: 10px;
        font-weight: 700;
        text-align: center
    }

    .forward img {
        width: auto !important;
        float: right
    }

    #footer {
        background-color: #323232;
        padding: 20px 0 45px
    }

    #footer .footer-nav {
        width: 80%;
        float: left
    }

    #footer .footer-nav ul li {
        float: left;
        padding: 0 10px
    }

    #footer .footer-nav ul li a {
        text-decoration: none;
        color: #fff
    }

    #footer .footer-nav ul li.first {
        padding: 0 10px 0 0
    }

    #footer .social-media {
        width: 19%;
        float: right;
        color: #fff;
        vertical-align: top
    }

    #footer .social-media span.txt {
        display: block;
        font-weight: 700;
        margin-bottom: 4px
    }

    #footer .social-media img {
        margin-left: 2px
    }

    .wpcf7 form {
        font-size: 13px;
        font-weight: 700;
        color: #878787
    }

    .wpcf7 form input {
        width: 215px;
        border: 1px solid #ccc;
        height: 21px;
        margin-bottom: 5px
    }

    .wpcf7 form textarea {
        width: 212px;
        border: 1px solid #ccc;
        height: 70px
    }

    .wpcf7 form .wpcf7-submit {
        background-color: #ff5800;
        color: #fff;
        border: 1px solid #ff5800;
        padding: 8px 0;
        height: 32px;
        width: 218px
    }

    span.readmore {
        display: inline-block;
        padding: 2px 10px;
        background-color: #ff5800;
        color: #fff;
        text-align: center
    }

    .national-park-detail,
    .our-team {
        text-align: justify
    }

    span.readmore a {
        color: #fff
    }

    .national-park-detail p {
        margin-bottom: 20px
    }

    .national-park-detail ul li {
        list-style-type: circle;
        margin: 0 0 25px 20px
    }

    .responsible-tourism ol {
        padding: 0;
        margin: 22px
    }

    .responsible-tourism ol li {
        list-style-type: decimal;
        padding-bottom: 12px
    }

    .our-team ul li {
        border-bottom: 1px dotted #666;
        margin-bottom: 15px;
        padding-bottom: 5px
    }

    .our-team ul li.end {
        border-bottom: none
    }

    .our-team ul li img {
        float: left;
        margin: 0 20px 10px 0
    }

    .awards {
        background-color: #fff;
        padding: 20px 0 10px
    }

    .awards img {
        padding-right: 20px
    }

    .orgtxt-testimonials {
        color: #ff5800;
        font-weight: 700;
        font-size: 17px
    }

    .form-leftsection {
        width: 55%;
        float: left;
        border-right: 3px dotted #ccc;
        margin-right: 80px
    }

    .form-leftsection h2 {
        font-size: 17px;
        font-weight: 700 !important;
        color: #ff5800;
        margin-bottom: 15px
    }

    .form-leftsection p {
        font-weight: 400;
        color: #000
    }

    .form-leftsection input {
        width: 487px !important;
        height: 33px !important;
        border: 1px solid #d5d5d5 !important;
        margin-bottom: 10px !important;
        border-radius: 5px
    }

    .form-leftsection textarea {
        width: 480px !important;
        height: 150px !important;
        border: 1px solid #d5d5d5 !important;
        margin: 5px 0 !important;
        border-radius: 5px
    }

    .contactform,
    .form-rightsection ul {
        margin-top: 10px
    }

    .form-rightsection {
        width: 33%;
        float: right
    }

    .form-rightsection ul li {
        background-color: #c7c7c7;
        padding: 20px 0 20px 20px;
        margin-bottom: 10px
    }

    .form-rightsection ul li strong {
        text-decoration: underline
    }

    pre {
        display: none
    }

    .contactform {
        background-color: #c7c7c7;
        padding: 30px;
        margin-right: 45px
    }

    .bali-profile {
        background: url(images/bali-profile-photo.jpg) top center no-repeat;
        padding: 50px 0;
        margin-top: 35px;
        height: 219px;
        background-size: 100%
    }

    .bali-profile a {
        color: #fff;
        font-weight: bold;
    }

    .content-paragraph {
        width: 75%;
        color: #fff;
        padding: 0px 10px 0 25px
    }

    .content-paragraph span {
        font-size: 23px;
        font-weight: 700
    }

    .itinerary-img {
        display: block;
    }

    .itinerary-img img {
        float: right;
        margin: 0px 0px 5px 25px;
        border: 1px solid #ccc;
        padding: 5px;
    }

    .client-testimonials {
        margin-top: 35px;
        text-align: center;
        font-family: Lobster, cursive;
        font-size: 16px
    }

    .client-testimonials span.heading {
        display: block;
        text-align: center;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 22px;
        margin-bottom: 10px;
        color: #ff5800
    }

    .client-testimonials ul li {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc
    }

    .client-testimonials ul li.end {
        border-bottom: none
    }

    .copyright {
        border-top: 1px dashed #eaeaea;
        padding: 5px 0 20px;
        font-size: 13px
    }

    @media only screen and (min-width :801px) and (max-width :999px) {
        .container {
            width: 90% !important
        }

        .container2 {
            width: 95% !important
        }

        #cssmenu>ul>li>a {
            padding: 12px 18px 13px !important
        }
    }

    @media only screen and (min-width:768px) and (max-width:800px) {
        .container2 {
            width: 100% !important
        }

        h1 {
            font-size: 17px !important
        }

        .background-slider {
            margin-top: 250px
        }

        .header {
            background-color: #000
        }

        .landing-banner {
            margin-top: 280px
        }

        #cssmenu {
            background: 0 0 !important
        }

        #cssmenu>ul {
            display: block !important;
            text-align: center;
            border-top: 1px solid #6a6a6a !important
        }

        .service-block,
        pre {
            display: none
        }

        #cssmenu.align-right>ul>li,
        #cssmenu>ul>li {
            background-color: #3e3e3e;
            border-bottom: 1px solid #2f2f2f !important
        }

        #cssmenu>ul>li>a {
            padding: 7px 25px !important
        }

        .middle-section {
            margin: 10px 0 25px
        }

        .middle-section .promotional-tour ul li {
            width: 92%;
            float: none;
            margin-bottom: 20px
        }

        #footer .footer-nav,
        #footer .social-media {
            width: 100%;
            float: none;
            text-align: center
        }

        .middle-section .promotional-tour span.boldtxt {
            font-size: 17px
        }

        #footer .footer-nav ul li {
            float: none;
            padding: 0;
            line-height: 25px
        }

        #footer .footer-nav ul li.first {
            padding: 0
        }

        #footer .social-media {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #4d4d4d
        }

        .awards img {
            width: 42%;
            float: left;
            height: auto
        }

        .form-leftsection {
            width: 100%;
            float: none;
            border-right: none;
            margin-right: 0
        }

        .form-rightsection {
            width: 100%;
            float: none;
            margin-top: 30px
        }

        .form-rightsection ul li {
            padding: 20px 10px
        }

        .contactform {
            width: 90%;
            padding: 20px
        }

        .contactform input,
        .contactform textarea {
            width: 99% !important
        }
    }

    @media only screen and (min-width :320px) and (max-width :767px) {

        .logo,
        .topright {
            float: none;
            width: 100%
        }

        .container2 {
            width: 100% !important
        }

        h1 {
            font-size: 17px !important
        }

        .background-slider {
            margin-top: 250px
        }

        .header {
            background-color: #000
        }

        .logo img {
            width: 100%;
            height: auto
        }

        .topright {
            display: none;
            text-align: center;
            margin-top: 5px;
            padding-top: 5px;
            border-top: 1px dotted #ccc
        }

        #cssmenu {
            background: 0 0 !important
        }

        #cssmenu>ul {
            display: block !important;
            text-align: center;
            border-top: 1px solid #6a6a6a !important
        }

        .service-block,
        pre {
            display: none
        }

        #cssmenu.align-right>ul>li,
        #cssmenu>ul>li {
            background-color: #3e3e3e;
            border-bottom: 1px solid #2f2f2f !important
        }

        #cssmenu>ul>li>a {
            padding: 7px 25px !important
        }

        .middle-section {
            margin: 10px 0 25px
        }

        .middle-section .promotional-tour ul li {
            width: 92%;
            float: none;
            margin-bottom: 20px
        }

        #footer .footer-nav,
        #footer .social-media {
            width: 100%;
            float: none;
            text-align: center
        }

        .middle-section .promotional-tour span.boldtxt {
            font-size: 17px
        }

        #footer .footer-nav ul li {
            float: none;
            padding: 0;
            line-height: 25px
        }

        #footer .footer-nav ul li.first {
            padding: 0
        }

        #footer .social-media {
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #4d4d4d
        }

        .awards img {
            width: 42%;
            float: left;
            height: auto
        }

        .form-leftsection {
            width: 100%;
            float: none;
            border-right: none;
            margin-right: 0
        }

        .form-rightsection {
            width: 100%;
            float: none;
            margin-top: 30px
        }

        .form-rightsection ul li {
            padding: 20px 10px
        }

        .contactform {
            width: 90%;
            padding: 20px
        }

        .contactform input,
        .contactform textarea {
            width: 99% !important
        }

        .bali-profile {
            background: url(images/bali-profile-photo.jpg) top center no-repeat #000;
            background-size: 100%;
            height: auto
        }

        .content-paragraph {
            width: 84%
        }

        .content-paragraph span {
            font-size: 20px
        }

        .why-choose-us img {
            width: 100%;
            height: auto
        }
    }

    @media only screen and (min-width :320px) and (max-width :480px) {

        .background-slider,
        .landing-banner {
            margin-top: 260px
        }

        .our-team ul li img {
            float: none;
            width: 100%;
            height: auto
        }

        .contactform {
            width: 85%
        }
    }

    @media only screen and (min-width:481px) and (max-width:767px) {

        .background-slider,
        .landing-banner {
            margin-top: 300px
        }
    }

    @media (max-width:768px) {
        .itinerary-img {
            display: block;
        }
    }

    td {
        vertical-align: top;
    }

    @media screen and (max-width:768px) {
    .owl-carousel .owl-item img {
    height: auto !important;
}
}