body {
}

.main .row {
    padding: 0px;
    margin: 0px;
}

/*Remove rounded coners*/

nav.sidebar.navbar {
    border-radius: 0px;
}

#clearAll {
    font-size: 12px !important;
    padding-left: 15px !important;
    cursor: pointer;
    color: #006699;
}

#clearAllPackageType {
    font-size: 12px !important;
    padding-left: 69px !important;
    cursor: pointer;
    color: #006699;
}

nav.sidebar, .main {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

/* Add gap to nav and right windows.*/
.main {
    padding: 10px 10px 0 10px;
}

/* .....NavBar: Icon only with coloring/layout.....*/

/*small/medium side display*/
@media (min-width: 768px) {

    /*Allow main to be next to Nav*/
    .main {
        position: absolute;
        width: calc(100% - 40px); /*keeps 100% minus nav size*/
        margin-left: 40px;
        float: right;
    }

    /*lets nav bar to be showed on mouseover*/
    nav.sidebar:hover + .main {
        margin-left: 200px;
    }

    /*Center Brand*/
    nav.sidebar.navbar.sidebar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }
    /*Center Brand*/
    nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    /*Center Icons*/
    nav.sidebar a {
        padding-right: 13px;
    }

    /*adds border top to first nav box */
    nav.sidebar .navbar-nav > li:first-child {
        border-top: 1px #e5e5e5 solid;
    }

    /*adds border to bottom nav boxes*/
    nav.sidebar .navbar-nav > li {
        border-bottom: 1px #e5e5e5 solid;
    }

    /* Colors/style dropdown box*/
    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    /*allows nav box to use 100% width*/
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding: 0 0px 0 0px;
    }

    /*colors dropdown box text */
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    /*gives sidebar width/height*/
    nav.sidebar {
        width: 200px;
        height: 100%;
        margin-left: -160px;
        float: left;
        z-index: 100;
        margin-bottom: 0px;
    }

        /*give sidebar 100% width;*/
        nav.sidebar li {
            width: 100%;
        }

        /* Move nav to full on mouse over*/
        nav.sidebar:hover {
            margin-left: 0px;
        }
    /*for hiden things when navbar hidden*/
    .forAnimate {
        opacity: 0;
    }
}

/* .....NavBar: Fully showing nav bar..... */

@media (min-width: 1330px) {

    /*Allow main to be next to Nav*/
    .main {
        width: calc(100% - 200px); /*keeps 100% minus nav size*/
        margin-left: 200px;
    }

    /*Show all nav*/
    nav.sidebar {
        margin-left: 0px;
        float: left;
    }
        /*Show hidden items on nav*/
        nav.sidebar .forAnimate {
            opacity: 1;
        }
}

@media screen and (min-width: 900px) {
    #poi {
        width: 100% !important;
    }
}

@media screen and (min-width: 1300px) {
    #poi {
        width: 50% !important;
    }
}

@media screen and (max-width: 1300px) {
    #poi {
        width: 50% !important;
    }
}

@media screen and (min-width: 768px) {
    #poi {
        width: 100% !important;
    }
}

nav.sidebar .navbar-nav .open .dropdown-menu > li > a:hover, nav.sidebar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #CCC;
    background-color: transparent;
}

nav:hover .forAnimate {
    opacity: 1;
}

section {
    padding-left: 15px;
}

#sidemenu {
    margin-top: 77px;
    margin-left: 15px;
}

.descript {
    text-align: justify;
}

.navbar-inverse .navbar-nav > li > a:hover {
    color: #dc3f45 !important;
    background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {
    color: #dc3f45 !important;
    background-color: #080808;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
    color: #dc3f45 !important;
    background-color: transparent;
}

ul.nav-pills {
    margin-left: 1%;
    position: relative;
    margin-top: 24%;
}

.scrolls {
    padding-top: 55px;
    padding-bottom: 30px;
}

@media screen and (max-width: 810px) {
    ul.nav-pills {
        margin-left: -10%;
        position: fixed;
    }
}




nav-pills > li > a {
    border-radius: 4px;
    color: white !important;
    background-color: #717171 !important;
}



.space {
    padding: 2%;
}

.destlogo {
    margin-top: 0px;
}

.panel-group {
    width: 85% !important;
}

#District {
    padding: 1%;
}

.modal-dialog {
    width: 900px !important;
    margin: 30px auto;
}

#poi {
    width: 50% !important;
}

modal-dialog {
    width: 600px;
    margin: 30px auto;
}

#disthead {
    background-color: #717171;
}

.tophead {
    padding: 50px;
    /*background-color: #717171;*/
}

#movhead::before, #movhead::after {
    content: none !important;
}

section {
    padding-left: 0px !important;
}

.tab-content > .active {
    display: block;
    background-color: #f8f3f3;
    padding: 11px;
}

#tabs, #panels {
    width: 100%;
}

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #CCCCCC !important;
    /*color: #dc3f45;*/
    color: #337ab7 !important;
}

.nav-tabs > li.active > a {
    color: #003366 !important;
    background-color: #FFF8DC !important;
}

.nav-tabs > li > a {
    color: #FFF8DC !important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #003366 !important;
    cursor: default;
    background-color: #CCCCCC !important;
    border: 1px solid #834C24;
    border-bottom-color: transparent;
}

.panels {
    padding: 0px !important;
}

#tabs {
    padding: 20px !important;
    width: 100% !important;
}



/*another*/
/* MENU-LEFT
-------------------------- */
/* layout */
#left ul.nav {
    margin-bottom: 2px;
    font-size: 12px; /* to change font-size, please change instead .lbl */
}

    #left ul.nav ul,
    #left ul.nav ul li {
        list-style: none !important;
        list-style-type: none !important;
        margin-top: 1px;
        margin-bottom: 1px;
    }

    #left ul.nav ul {
        padding-left: 0;
        width: auto;
    }

        #left ul.nav ul.children {
            padding-left: 12px;
            width: auto;
        }

            #left ul.nav ul.children li {
                margin-left: 0px;
            }

    #left ul.nav li a:hover {
        text-decoration: none;
    }

        #left ul.nav li a:hover .lbl {
            color: #999 !important;
        }

    #left ul.nav li.current > a .lbl {
        background-color: #999;
        color: #fff !important;
    }

    /* parent item */
    #left ul.nav li.parent a {
        padding: 0px;
        color: #ccc;
    }

    #left ul.nav > li.parent > a {
        border: solid 1px #999;
        text-transform: uppercase;
    }

    #left ul.nav li.parent a:hover {
        background-color: #fff;
        -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
        -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
        box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    }

    /* link tag (a)*/
    #left ul.nav li.parent ul li a {
        color: #222;
        border: none;
        display: block;
        padding-left: 5px;
    }

        #left ul.nav li.parent ul li a:hover {
            background-color: #fff;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

    /* sign for parent item */
    #left ul.nav li .sign {
        display: inline-block;
        width: 14px;
        padding: 5px 8px;
        background-color: transparent;
        color: #fff;
    }

    #left ul.nav li.parent > a > .sign {
        margin-left: 0px;
        background-color: #999;
    }

    /* label */
    #left ul.nav li .lbl {
        padding: 5px 12px;
        display: inline-block;
    }

    #left ul.nav li.current > a > .lbl {
        color: #fff;
    }

    #left ul.nav li a .lbl {
        font-size: 12px;
    }

    /* THEMATIQUE
------------------------- */
    /* theme 1 */
    #left ul.nav > li.item-1.parent > a {
        border: solid 1px #ff6307;
    }

        #left ul.nav > li.item-1.parent > a > .sign,
        #left ul.nav > li.item-1 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #ff6307;
        }

    #left ul.nav > li.item-1 .lbl {
        color: #ff6307;
    }

    #left ul.nav > li.item-1 li.current > a .lbl {
        background-color: #ff6307;
        color: #fff !important;
    }

    /* theme 2 */
    #left ul.nav > li.item-8.parent > a {
        border: solid 1px #51c3eb;
    }

        #left ul.nav > li.item-8.parent > a > .sign,
        #left ul.nav > li.item-8 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #51c3eb;
        }

    #left ul.nav > li.item-8 .lbl {
        color: #51c3eb;
    }

    #left ul.nav > li.item-8 li.current > a .lbl {
        background-color: #51c3eb;
        color: #fff !important;
    }

    /* theme 3 */
    #left ul.nav > li.item-15.parent > a {
        border: solid 1px #94cf00;
    }

        #left ul.nav > li.item-15.parent > a > .sign,
        #left ul.nav > li.item-15 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #94cf00;
        }

    #left ul.nav > li.item-15 .lbl {
        color: #94cf00;
    }

    #left ul.nav > li.item-15 li.current > a .lbl {
        background-color: #94cf00;
        color: #fff !important;
    }

    /* theme 4 */
    #left ul.nav > li.item-22.parent > a {
        border: solid 1px #ef409c;
    }

        #left ul.nav > li.item-22.parent > a > .sign,
        #left ul.nav > li.item-22 li.parent > a > .sign {
            margin-left: 0px;
            background-color: #ef409c;
        }

    #left ul.nav > li.item-22 .lbl {
        color: #ef409c;
    }

    #left ul.nav > li.item-22 li.current > a .lbl {
        background-color: #ef409c;
        color: #fff !important;
    }

#disthead, #footer, .header-animate {
    border: none !important;
    background-color: #006699 !important;
}

.top-navy {
    background-color: #003366;
    color: white;
}

#nabbtn {
    margin-top: 67px !important;
    margin-bottom: 0px !important;
    color: white;
    margin-right: -10px;
}
/*.nav-tabs > li > a:hover{
    color:#003366 !important;
}*/
#accordion li li > a:hover {
    color: white !important;
    background-color: #003366;
}

.bgimge {
    background-image: url(../Images/paragliding.jpg);
    background-repeat: no-repeat;
    background-size:100%;
}

.heights {
    height: 420px;
}

#fiels {
    margin-top: 15%;
    border: 1px solid #2c2b2b;
    padding: 2%;
    /*opacity: 0.6;*/
    background: linear-gradient(rgba(255,0,0,0),#303057);
    color: white;
}

fieldset {
    min-width: 0;
    padding: 15px 30px 15px 30px;
    margin: 0;
    border: 1px solid #2c2b2b;
    border-radius: 5px;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #F8F4F4 !important;
    border: 0;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 1px solid #2c2b2b;
    min-width: 0;
    padding: 15px 30px 15px 30px;
    margin: 0;
    border-radius: 5px;
}

#fielddetails, #fieldresult {
    background-color: #CCCCCC;
    border: 1px solid gray;
    padding: 1%;
}

@media (min-width: 900px) and (max-width: 1200px) {

    .heights {
        height: 400px;
    }

    fieldset {
        margin-top: 150px;
    }
}

@media screen and (max-width: 300px) {
    #searchh {
        margin-top: 1%;
    }
}

/*.nav-tabs {
    background-color: #006699;
}*/

.para {
    color: black;
}

tab-pane > p {
    color: black;
}

.tab-content > .active {
    background-color: #CCCCCC !important;
}

.space > .strip_all_tour_list {
    background-color: #CCCCCC;
}

.searchtop {
    margin-top: 4%;
}

@media screen and (max-width: 1200px) {
    #searchh {
        margin-top: 38%;
    }
}

@media screen and (max-width: 740px) {
    #searchh {
        margin-top: 38%;
    }
}

#searchh {
    margin-top: 38%;
}

#packagess {
    padding-top: 1%;
    padding-bottom: 1%;
    border-top: 1px solid #ccc;
}

#packdetails {
    background-color: #CCCCCC;
}

#lsttyp, #lsttyp > label {
    margin-left: 30px;
}

#bordercolor {
    border-bottom: 1px solid #ccc;
    margin-right: 11%;
}

#padTop {
    /*padding-top: 2.4%;*/
}

#padtopbtn, .padres {
    margin-top: 50%;
}

#cols {
    color: red;
}

#Detailspackage {
    display: none;
}

#goback {
    cursor: pointer;
    color: #069;
}

    #goback:hover {
        color: #27BB29;
    }

.nav-tabs > li > a {
    font: bold 16px Georgia, serif;
}

#hedign, #districtpoi {
    background-color: #069;
    color: white;
    /*text-align: center;*/
}

#selectedDistrictName {
    font: bold 28px Georgia, serif;
    margin-left: 11px;
}
/*for inside panel*/
#insidepanelheading > li > a {
    font: bold 16px Georgia, serif;
}

#hedign > h3 > strong, #districtpoi > h3 > strong {
    font: bold 20px/41px Georgia, serif;
    padding: 2%;
}

.modal-title {
    font: bold 20px Georgia, serif;
}
/*#hedign > h3 {
        margin:10px !important;
    }*/
.space > .strip_all_tour_list {
    margin-top: -10px;
}

.nav-tabs > li {
    background-color: #006699;
}
#sendEnqueryBtn, .btn-primary {
    color: #fff !important;
background-color: #51bce6 !important;
border-color: #51bce6 !important;
   
}
#sendEnqueryBtn:hover, .btn-primary:hover {
    color: #4d4c4c !important;
background-color: #51bce6;
border-color: #51bce6;
}
.searchpackage > #mnuTab{
    background-color: transparent !important;
padding-left: 29%
 /*background-color: #069;change color*/ 
}
.searchpackage > #mnuTab > li{
    margin-bottom: 0px !important;
}
#buttonallign{
    /*margin-right: -10px;*/
}
#searchresult {
    /*box-shadow: 0 0 6px 1px;*/
    border: 1px solid #ccc;
}

#topspace {
    margin-top: 12px;
}

.image {
    text-align: center;
    /*box-shadow: 0 0 5px 3px #CCC; remove background color and border
    background-color: whitesmoke;*/
}

.nav-tabs > li > a {
    text-transform: uppercase;
}

#topspace > p > a {
    margin-left: 1px;
}

#rightsidedisplay {
    text-align: right;
}

#DistrictDesc > p {
    color: black;
    text-align: justify;
    font-size: 18px;
}

#villagepadding > p {
    text-align: justify;
    font-size: 18px;
}

#villagepadding, #destinationDesc, #poipadding, #divspace {
    padding: 1% !important;
}

#DistrictImg, #destImage, #popupImage, #DestinationImage, #DistrictImg, #packagesimage {
    width: 100%;
}

#buttonallign, #padtopbtn {
    text-align: right;
}

#searchbordertop {
    border-top: 2px solid #515bdb;
}

#searchlist {
    text-align: center;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 70%;
    margin: auto;
}


/*Buddhist circuit inline css*/
@font-face {
    font-family: FuturaPT-Medium;
    src: url(../skins/futurabt-medium.otf);
}


#accordion li > div {
    font-family: FuturaPT-Medium;
}

#accordion {
    text-align: center;
}

    #accordion .top {
        width: 100%;
    }

#accordion {
    padding-right: 0px !important;
    visibility: inherit;
}

#top-nav {
    display: none;
}

@media only screen and (min-width:1000px) {
    #panel1 {
        position: absolute;
        /*top: 76px;*/
        top: 40px;
        /*left: 700px;*/
        width: 252px;
    }

    #top-nav {
        display: inline;
    }

    #accordion {
        text-align: left;
    }
}

@media only screen and (min-width:700px) {
    #panel1 {
        position: absolute;
        /*top: 76px;*/
        top: 40px;
        /*left: 700px;*/
        width: 100%;
    }

    #top-nav {
        display: inline;
    }

    #accordion {
        text-align: left;
    }
}
/* The following are for IE8 and below */
#panel1 {
    transition: all 200ms ease-in 0s;
    visibility: visible;
    opacity: 1000 !important;
    transform: translate(0px, 0px) translateZ(0px);
    display: block !important;
}

#top-nav {
    display: inline\9;
}

#accordion {
    text-align: left\9;
}

#destsearhcolor {
    background-color: #006699 !important;
}

#BCtopBanner {
    padding-top: 43px;
    padding-bottom: 6px;
    text-align: right;
    margin-right: 23px;
}

#searchtext {
    text-align: center;
}

#poipupop > .packages-content > #panl1 > #panels > #tabs {
    padding: 0px !important;
}

.modal-header {
    background-color: #006699 !important;
    color: #fff;
}

#BCtopBanner > .input-group, #generalSearchForm > .input-group {
    width: 35% !important;
}

.input-group-btn:last-child > .btn {
    margin-left: -16px !important;
}

.destinationsearchdesc, #destinationDesc > p, .tab-pane fade in active > p, #packagess {
    text-align: justify;
}

#generalSearchForm {
    margin-top: 53px;
    text-align: right;
}

#page-selection {
    text-align: center;
}
/*#destinationpopup{
    margin-top: 410px;
}*/

@media (min-width: 900px) and (max-width: 1200px) {
    #poiwidth {
        width: 1000px;
        margin-left: -191px;
    }
}

#poiwidth {
    width: 1000px;
    margin-left: -191px;
}

#poinsidepanelheading > li > a {
    font: bold 10px Georgia, serif;
    padding-left: 0px;
    padding-right: 0px;
}

.popupdest > #mnuTab > li > a {
    font: bold 10px Georgia, serif;
    padding: 10px 4px 10px 4px;
}
.searchpackagetab > li > a {
    font: bold 16px Georgia, serif !important;
}
.poptab > #tabs {
    padding: 0px !important;
}

.searchPIViewMoreBtn {
    color: white;
}

#sendEnquiryForm label.error {
    margin-left: 10px;
    width: auto;
    display: inline;
    color: red;
}

#buddhaCircuitDescription > p, #mnuTabBody > div > div > p,.MsoNormal, #TourismDescription > p, #destinationDesc > p, .strip_all_tour_list > .row > .col-lg-8 > .tour_list_desc > p, #descdist, #POI, .tab-content > .tab-pane > p, #DistrictDesc >p {
    text-align: justify;
    font-size:18px;
    font-family: 'Droid Sans';
    color: #333;
}

#explore {
    width: 335px !important;
}

    #explore > .item {
        width: 326px !important;
    }

.btn-popup {
    border: none;
    font-family: inherit;
    color: #fff;
    background: #51bce6;
    cursor: pointer;
    padding: 7px 20px;
    display: inline-block;
    outline: 0;
    font-size: 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-decoration: none;
}

@media (min-width: 1153px) and (max-width: 1214px) {
    #distpanel > li {
        width: 20% !important;
        text-align: center !important;
    }
}

@media (min-width: 1025px) and (max-width: 1152px) {
    #distpanel > li {
        width: 20% !important;
        text-align: center !important;
    }
}

@media (min-width: 400px) and (max-width: 700px) {
    #poinsidepanelheading > li {
        width: 100% !important;
        text-align: center !important;
    }
}

#distpanel > li {
    width: 20% !important;
    text-align: center !important;
}

#poinsidepanelheading > li {
    width: 20% !important;
    text-align: center !important;
}

#popUpMenu > li > .active > span {
    color: #d9534f;
}
#popUpMenu > li > .active {
    background-color: #337ab7 !important;
     color:white;
}
#accordion .active > div {
    background-color: #069 !important;
   
}

#specify{
    font-weight: 700;
    font-size:18px;
}
#mnuTab {
    background-color: #069;
}
.nav-tabs > li{
    margin-bottom:0px !important;
}
#popUpMenu > li {
    background-color: #069;
}
#popUpMenu > li > a {
    color: white;
}

.btn_1, a.btn_1, .POIViewMoreBtn{
    text-decoration:none !important;
}

#equalheight > a > #skmlogo {
    width: 50% !important;
}
#skmlogo{
      width: 50% !important;
}