@font-face{
    font-family: "OpenSans";
    src: url("fonts/OpenSans-Regular.ttf");
}
@font-face{
    font-family: "OpenSans";
    src: url("fonts/OpenSans-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "OpenSans";
    src: url("fonts/OpenSans-Italic.ttf");
    font-style: italic;
}
@font-face {
    font-family: "OpenSans";
    src: url("fonts/OpenSans-BoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Raspoutine";
    src: url("fonts/RaspoutineClassic_TB.otf");
}

body{
    font-family: "OpenSans", "OpenSans";
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.6em;
    padding-top: 10px;
    background: #006666;
}   

table tr td{
    text-align: left !important;
}

table.with-background tr td, table.with-background tr th{
    padding: 3px 7px;
    background: #fff;
}

.mobile-header{
    display: none;
}

.text-left{
    text-align: left !important;
}

.text-right{
    text-align: right !important;
    display: block;
}

.text-rata{
    text-align: justify !important;
}

.blue-text{
    color: #00FFFF;
}

a{
    color: #02a6d4;
    font-weight: bold;
}

.title-sub-content{
    margin-top: 0;
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline;
    color: #3e4258;
    margin-bottom: 10px;
}

.list-tour{
    min-height: 900px;
}

.btn-dark{
    background: #2b2e3f;
    border: none;
    color: #fff;
    font-weight: bold;
    padding: 10px 20px;
}

.wrapper{
    background: #fff;
}

.divider{
    border-bottom: 1px solid #ddd;
    margin: 20px 0;
}

.content{
    padding: 20px 20px 0;
}

    .header img{
        width: 100%;
		height: 200px;
    }

    .header-title{
        padding: 15px 0;
        background: #212430;
    }
    .header-title ul{
        width: 100%;
        display: table;
        padding: 0;
        margin: 0;
    }
    .header-title ul li{
        display: table-cell;
        width: auto;
        font-size: 16px;
        font-weight: bold;
        padding: 0 10px;
        text-align: center;
        font-family: "times new roman";
        border-right: 2px solid #fff;
        color: #ffdd00;
    }
    .header-title ul li:last-child{
        border-right: 0;
    }

    .menu{
        background: #2b2e3f;
    }
    .menu ul{
        display: table;
        padding: 0;
        margin: 0;
        width: 100%;
        vertical-align: middle;
        list-style: none;
        border-top: 1px solid #212430;
    }
    .menu ul li{
        display: table-cell;
        width: auto;
        border-right: 1px solid #212430;
        vertical-align: middle;
    }
    .menu ul li.last{
        border-right: none;
    }
    .menu ul li a{
        display: block;
        padding: 10px 15px;
        text-align: center;
        color: #fff;
        font-weight: bold;
        cursor: pointer;
        text-transform: capitalize;
    }

    .welcome{
        padding: 10px;
    }
    .welcome h5{
        color: #3e4258;
        font-weight: bold;
        line-height: 1.6em;
        font-size: 18px;
    }

    .content-menu img{
        height: 185px;
    }
    .content-menu .img-culture{
        margin-top: 80px;
    }
    .content-menu .img-culture p{
        text-align: center;
    }

    .title-content{
        background: #003333;
        padding: 15px;
        margin: 15px 0;
    }
    .title-content h3{
        margin: 0;
        color: #FFFF00;
        font-weight: bold;
        font-size: 16px;
    }

    .title-content h3.small{
        font-size: 17px;
    }

    .profile{
        margin: 20px 10px;
    }
    .profile-content p{
        text-align: justify;
        margin-top: 10px;
    }
    .profile-content span{
        text-align: center;
        display: block;
    }

    .about-bali{
        margin: 0 10px 20px 10px;
    }
    .about-bali p{
        text-align: justify;
        margin: 0;
    }
    .list-img-about-bali{
        background: #999966;
        padding: 30px 20px 20px;
        margin: 10px 0;
    }
    .list-img-about-bali.small-padding{
        padding: 10px;
    }
    .list-img-about-bali img{
        display: block;
        margin: 0 auto;
        width: 160px;
        height: 120px;
    }
    .list-img-about-bali img.landscape{

    }
    .list-img-about-bali p{
        text-align: center;
    }

    .bali-tour-program{
        padding: 0 10px 40px;
    }
    .bali-tour-program table{
        width: 100%;
    }
    .bali-tour-program table tr td{
        border: 2px solid #ccc;
        padding: 3px 5px;
        background: #fff;
    }
    .bali-tour-program table tr td a{
        color: #02a6d4;
        font-weight: bold;
    }
    .category-tour{
        margin-top: 20px;
    }
    .category-tour h3{
        font-size: 16px;
        font-weight: bold;
        margin: 30px 0 5px;
        padding: 0;
        color: #3e4258;
    }
    .category-tour ul{
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .category-tour ul li{
        padding: 3px 10px;
        /*border-right: 1px solid #aaa;*/
        display: block;
    }
    .category-tour ul li:last-child{
        border-right: 0;
    }
    .category-tour ul li a{
        color: #02a6d4;
        font-weight: bold;
    }
    .category-tour .small{
        font-size: 10px;
        color: #02a6d4;
        margin-top: 30px;
        display: inline-block;
    }

    .content-detail img{
        display: block;
        margin: 0 auto;
    }
    .content-detail .tour-information h4{
        margin-top: 20px;
        font-weight: bold;
        font-style: 18px;
        color: #3e4258;
        margin-bottom: 10px;
    }
    table tr td{
        vertical-align: top;
    }
    .content-detail .ayung-info{
        background: #f1f1f1;
        text-align: center;
        padding: 40px;
    }
    .content-detail-container{
        text-align: justify;
        background: #f1f1f1;
        padding: 40px;
    }
    .content-detail .ayung-info h1{
        padding: 0;
        margin: 0 0 20px;
        font-weight: bold;
        font-size: 24px;
        color: #3e4258;
    }
    .content-detail .ayung-info p{
        margin: 0;
    }
    .list-adventure-tour h4{
        font-size: 18px;
        font-weight: bold;
        color: #3e4258;
        margin: 0;
        margin-bottom: 10px;
    }
    .content-detail .booking-form{
        background: #fff;
        padding: 20px;
        text-align: left !important;
    }
    .content-detail .booking-form .form-control{
        margin-bottom: 10px;
        font-family: "calibri";
    }

    .content-detail .booking-form button.btn-dark{
        margin-top: 20px;
        display: inline-block;
    }
    .content-detail .booking-form img{
        display: inline-block;
        margin: 10px 0;
        width: 200px;
        height: 70px;
    }
    .content-detail .contact-form{
        text-align: justify !important;
    }
    .list-tour-container img{
        margin-bottom: 20px;    
        height: 250px !important;
    }
    .photos img{
        width: 100%;
        height: 150px;
    }
    .photos .row{
        margin-bottom: 20px;
    }
    .contact{
        text-align: center !important;
    }
    .text-small{
        font-size: 12px;
    }
    .testimonials .row{
        margin-bottom: 20px;
    }

    .footer{
        text-align: center;
        padding: 40px 10px;
    }
    .footer span.blue{
        color: #02a6d4;
        font-weight: bold;
    }
    .footer p {
        text-align: center;
    }

@media (min-width: 768px) and (max-width: 992px) {
    .container{
        width: 100%;
    }
}

@media (max-width: 767px) {

    .header img{
        height: 150px;
    }

    .menu{
        display: none;
    }

    .mobile-header{
        display: block;
    }

    .mobile-navigation .navbar{
        margin-bottom: 0;
    }

    .navbar-default {
        background-color: #669966;
        color: #fff;
        border-color: #547f54;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
        background-color: #547f54;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-default .navbar-toggle{
        border-color: #547f54;
        margin-top: 10px;
    }

    .navbar-header h3{
        font-size: 18px;
        font-weight: bold;
        margin: 17px 20px;
        font-style: italic;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form{
        border-color: #547f54;
    }

    .navbar-default .navbar-nav>li>a{
        color: #fff;
        font-weight: bold;
    }

    .content-menu .col-md-9{
        padding-left: 15px !important;
    }

    .content-menu .img-culture{
        margin-top: 20px;
    }

    .header-title ul{
        display: block;
    }

    .header-title ul li{
        display: block;
        border-right: none;
        margin-bottom: 20px;
    }

    .header-title ul li:last-child{
        margin-bottom: 0;
    }
    
    .list-adventure-tour img{
        margin-bottom: 20px;
    }
    .content-detail .ayung-info{
        padding: 20px;
    }
}
    
.testimonials .row{
    border-bottom: 1px solid #ddd;
}

h5{
    font-weight: bold;
    text-decoration: underline;
    margin: 20px 0 10px;
}

@media (max-width: 475px) {
    #FSCForm1{
        width: 100% !important;
    }
    .booking-form input[type=email]{
        width: 100% !important;
    }
    .booking-form textarea{
        width: 100% !important;
    }
    .booking-form input[type=text]{
        width: 100% !important;
    }
}