@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
*{
    outline:none;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 12pt;
    padding: 0;
    margin: 0;
    direction: ltr;
    line-height: 28px;
    
}
.baseback {
    background-color: #051036;
}
.basefront {
    color: #00a651;
}
.floatright{
    float:right;
}
input[type=submit], input[type=text] {
    -webkit-appearance: none;
}
.whole {
    width: 100%;
    display: inline-block;
    text-align: center;
}
.bgwhite {
    background-color: white;
}
.vg10 {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
    color: gray;
    font-size: 9pt;
    font-style: italic;
    text-align: left;
}
.bookid {
    display: none;
}
.carrate img{
    width:14px;
}
::placeholder {
    color: #e3e3e3;
}
.refund {
    background-color: #f53f3f;
    font-size: 9pt;
    color: white;
    padding: 4px;
    border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
}
.green {
    color: #00a651;
}
.internal {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    max-width: 1200px;
    display: inline-block;
    text-align: left;
}
.internal1400 {
    width: 100%;
   display:inline-block;
    max-width: 1400px;
}
.internal2000 {
    width: 100%;
    display: inline-block;
    max-width: 2000px;
}
.bar {
    width: 100%;
    float: left;
    
    padding-top:5px;height:38px;
    overflow:hidden;text-align:center;
    font-size:10pt;color:white;
}
.white{
    color:white;text-decoration:none;
}
.white:hover{
    text-decoration:underline;
}
.bar img{
    height:20px;margin-bottom:-6px;
    padding-left:10px;
    padding-right:5px;
}
.tbright {
  
    text-align: right;
}
.search {
    font-family: "Roboto";font-size:10pt; border:none;
    border-radius: 15px;
    padding: 3px;
    padding-left: 8px;
    width: 250px;
    height: 26px;
    background-image: url('search.png');
    background-repeat: no-repeat;
    background-position: 234px center;
}
.table{
    width:100%;
    border-collapse:collapse;border-spacing:0;
}
.logo{
    width:160px;
}
.menu{
    padding:0;margin:0;float:right;font-size:14pt;
    padding-top:22px;
}
.menu li{
    display:inline-block;
    list-style:none;
    padding-left:25px;
}
    .menu a {
        color: #072547;text-decoration:none;
    }
    .menu a:hover{
        text-decoration:underline;
    }
    .menu img{
        margin-bottom:-4px;padding-left:5px;
        width:24px;
        
    }
.menuicon {
    width: 32px;
    padding-right: 10px;
    cursor: pointer;
    float: right;
    padding-top: 20px;
    display: none;
}
.menuicon:hover{
    opacity:0.9;
}
.header {
    background-color: #fbfbfb;
    padding-bottom: 5px;
    border-bottom: solid 1px #efefef;
    padding-top: 8px;
}
.content{
    min-height:525px;
}
.nlt {
    background-color: #0d2857;color:white;
}
.nletter {
    width: 60%;
    float: left;
    padding-top: 37px;
    padding-bottom: 20px;
    
}

.social {
    width: 40%;
    float: left;
   
    padding-bottom: 20px;
    text-align: right;
    padding-top: 52px;
}
.nltxt {
    max-width: 70%;
    width: 300px;
    padding: 3px;
    height: 26px;
    background-color: #e6e6e6;
    font-family: "Roboto"; font-size: 10pt;
    border: solid 1px #e0dfdf;
}
.SUBSCRIBE{
    color:white;border:none;max-width:27%;
    width:120px;
    height:34px;cursor:pointer;
    padding-bottom:1px;
}
    .SUBSCRIBE:hover{
        opacity:0.8;
    }
    .red {
        color: #920000;
    }
    .social ul{
        padding:0;margin:0;
    }
    .social li{
        list-style:none;display:inline-block;
    }
    .social img{
        width:24px;height:24px;
        padding:6px;
        border-radius:18px;
        
    }

        .social img:hover {
            background-color: #e5ad00;
        }
.thisfoot {
    background-color: #ffffff;
}
.footer {
    padding-top: 30px;
    padding-bottom: 40px;
    line-height: 26px;
    color: black;
    
}
.footer li{
    line-height:36px;
}
a {
    color: #3554d1;
    text-decoration: none;
}
a:hover{
    text-decoration:underline;
}
.footer a {
    color: #051036;
}
    .footer a:hover {
        color: black;text-decoration:none;
    }
.footerdiv{
    width:24%;float:left;
}
.footer h3, .footer h2 {
    font-weight: normal;
    font-size: 18pt;
    color: white;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}
.footerH {
    padding-left: 0;
    font-weight: normal;
    font-size: 18pt;
    color: white;
    width: 97% !important;
    display: block;
    padding-bottom:10px;
   
}
.th2, .tabc h1 {
    font-weight: normal;
    font-size: 18pt;
    color: #e3ad02;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

.ptours li{
    list-style:none;

}
.ptours img{
    padding-right:8px;
}
.ptours ul{
    padding:0;margin:0;
}
#contactus img, .contactimg{
    width:20px;padding-right:8px;margin-bottom:-4px;
}
#contactus{
    line-height:30px;
}
.last {
    padding-top: 0px;
    padding-bottom: 20px;
    line-height: 28px;
    background-color: white;
    color: #b3ced9;
    border-top: solid 1px #020a23;
}
.last ul{
    padding:0;margin:0;float:right;text-align:right;
    margin-top:32px;
    
}
    .last li {
        list-style: none;
        padding-right: 25px;
        display: inline;
    }
        .last li a, .last li a:hover {
            color: black;
        }
.top{
    width:32px;float:right;margin-top:30px;cursor:pointer;
}
.bgk{
    width:100%;height:100%;background-color:white;opacity:0.95;
    position:fixed;top:0;left:0;z-index:103;
}
.wait{
    position:fixed;top:50%;left:50%;
    margin-top:-100px;margin-left:-100px;z-index:104;
}
.dis{
    display:none;
}
.default {
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom:50px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 20px;
    
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
        
    }
    .rpanel{
        display:none;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #009f8b;
    -webkit-transition: .4s;
    transition: .4s;
    
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 4px;
        bottom: 3px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        
    }

input:checked + .slider {
    background-color: #009f8b;
}

input:focus + .slider {
    box-shadow: 0 0 1px #009f8b;
}

input:checked + .slider:before {
    -webkit-transform: translateX(17px);
    -ms-transform: translateX(17px);
    transform: translateX(17px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
    
}

    .slider.round:before {
        border-radius: 50%;

    }

.tabh {
    width: 100%;
    text-align: left;
    display: inline-block;
    padding-top: 65px;
}
.tabh ul{
    padding:0;margin:0;
}
    .tabh li {
        list-style: none;
        display: inline;
        background: rgba(10, 49, 82, 0.5);
        color: white;
        font-weight: bold;
        padding: 13px;
        padding-left: 12px;
        padding-right: 12px;
        cursor: pointer;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        letter-spacing: 2px;
    }
#tabh1 {
    background-color: #2c2c2c;
}
.tabh li img{
    margin-bottom:-6px;
}

.tabh li:hover {
    background-color: #2c2c2c;
}
.tabs {
    width: 96%;
    max-width: 700px;
    background-color: white;
    margin-top: 10px;
    padding-left: 2%;
    padding-right: 2%;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: box-shadow 0.3s ease-in-out;float:left;
    padding-top:15px;padding-bottom:15px;
}
.shadow {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: box-shadow 0.3s ease-in-out;
    
}
.tabc{
    width:100%;float:left;display:none;
}
#tab1{
    display:block;
}
.tform{
    width:48%;float:left;
    padding:10px;text-align:left;
    padding-left:1%;padding-right:1%;
    line-height:28px;
   
}
.tform2 {
    width: 98%;
    padding: 10px;
    text-align: left;
    padding-left: 1%;
    padding-right: 1%;
    
    line-height: 28px;float:left;
}
.tform3 {
    width: 31%;
    float: left;
    padding: 10px;
    text-align: left;
    padding-left: 1%;
    padding-right: 1%;
    line-height: 28px;
}
.multiform{
    width:100%;float:left;background-color:#f1f1f1;
}
.ttxt {
    width: 98%;
    padding: 5px;
    padding-left: 1%;
    padding-right: 1%;
    height: 28px;
    border: solid 1px #c9d4dd;
    font-family: "Roboto";
    font-size: 12pt;
    background-color: white;
    background-repeat: no-repeat;
    background-position: 98% center;
    border-radius: 2px;
    outline: none;
}
    .ttxt:focus {
        border-color: #40a9ff;
    }
.validfail {
    border: solid 1px #fd3100;
}
.ttxt1{
    background-image:url('location.jpg');
}
.ttxt2 {
    background-image: url('calendar.jpg');
}
.ttxt22 {
    background-image: url('calendar.jpg');
}

.ttxt3 {
    background-image: url('child.jpg');
    background-repeat: no-repeat;
    background-position: 98% center;
}
.sstar {
    background-image: url('star.png');
    background-repeat: no-repeat;
    background-position: 98% right;
    background-size:20px;
    padding-left:10px;
    
}
.stardiv {
    padding-top:10px;
    float: right;
    width: 330px
}
.hsearch{
    width:190px !important;
}
.ttxt4 {
    background-image: url('adult.jpg');
    background-repeat: no-repeat;
    background-position: 98% center;
}
.ttxt5 {
    background-image: url('bed.jpg');
    background-repeat: no-repeat;
    background-position: 98% center;
}
.ttxt6 {
    background-image: url('class.jpg');
    background-repeat: no-repeat;
    background-position: 98% center;
}
.ttxt7 {
    background-image: url('room.jpg');
    background-repeat: no-repeat;
    background-position: 98% center;
}

    .txt50{
        width:49%;float:left;
    }
.tnum {
    width: 98%;
    padding: 5px;
    padding-left: 1%;
    padding-right: 1%;
    border: solid 1px #d4d2d2;
    height: 28px;
    border-radius: 5px;
}
.tspace{
    width:2%;float:left;opacity:0;
}
.minus{
    float:left;
    margin-top:4px;cursor:pointer;
}
.plus {
    float: right;
    margin-top: 4px;cursor:pointer;
}
.tdis {
    width:40px;
    padding: 5px;
    padding-left: 5px;
    padding-right: 5px;
    height: 20px;
   margin-top:-5px;
    font-family: "Roboto";
    font-size: 12pt;
    background-color: white;
    border:none
}
.vtxt {
    width: 100%;
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border-radius: 5px;
    border: solid 1px #d4d2d2;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: "Roboto";
    font-size: 12pt;
    font-weight: normal;
    height: 40px;
    line-height: 40px;
    outline: none;
    padding-left: 3%;
    padding-right: 1%;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 96%;
    -webkit-appearance: none;
    color: #4c5568
}

    .nice-select.open .list {
        opacity: 1;
        pointer-events: auto;
        -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
        transform: scale(1) translateY(0);
    }

    .nice-select .list {
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
        box-sizing: border-box;
        margin-top: 4px;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        pointer-events: none;
        position: absolute;
        top: 100%;
        right: 0;
        -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
        transform-origin: 50% 0;
        -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
        transform: scale(0.75) translateY(-21px);
        -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
        z-index: 9;
        width: 100%;
    }

        .nice-select .list:hover .option:not(:hover) {
            background-color: transparent !important;
        }

    .nice-select .option {
        cursor: pointer;
        font-weight: 400;
        line-height: 40px;
        list-style: none;
        min-height: 40px;
        outline: none;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        border-bottom: solid 1px #eaeaea;
    }

        .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
            background-color: #f6f6f6;
        }

.no-csspointerevents .nice-select .list {
    display: none;
}

.no-csspointerevents .nice-select.open .list {
    display: block;
}
.tbut {
    width: 160px;
    height: 40px;
    border: none;
    color: white;
    background-color: #3554d1;
    cursor: pointer;
    font-family: 'Roboto';
    font-size: 12pt;
    border-radius: 5px;
    text-align: center;
}
.tbut:hover{
    opacity:0.9;
}
.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell {
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

    .datepicker--cell.-focus- {
        background: #f0f0f0
    }

    .datepicker--cell.-current- {
        color: #4EB5E6
    }

        .datepicker--cell.-current-.-focus- {
            color: #4a4a4a
        }

        .datepicker--cell.-current-.-in-range- {
            color: #4EB5E6
        }

    .datepicker--cell.-in-range- {
        background: rgba(92,196,239,.1);
        color: #4a4a4a;
        border-radius: 0
    }

        .datepicker--cell.-in-range-.-focus- {
            background-color: rgba(92,196,239,.2)
        }

    .datepicker--cell.-disabled- {
        cursor: default;
        color: #aeaeae
    }

        .datepicker--cell.-disabled-.-focus- {
            color: #aeaeae
        }

        .datepicker--cell.-disabled-.-in-range- {
            color: #a1a1a1
        }

        .datepicker--cell.-disabled-.-current-.-focus- {
            color: #aeaeae
        }

    .datepicker--cell.-range-from- {
        border: 1px solid rgba(92,196,239,.5);
        background-color: rgba(92,196,239,.1);
        border-radius: 4px 0 0 4px
    }

    .datepicker--cell.-range-to- {
        border: 1px solid rgba(92,196,239,.5);
        background-color: rgba(92,196,239,.1);
        border-radius: 0 4px 4px 0
    }

    .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
        color: #fff;
        background: #5cc4ef
    }

    .datepicker--cell.-range-from-.-range-to- {
        border-radius: 4px
    }

    .datepicker--cell.-selected- {
        border: none
    }

        .datepicker--cell.-selected-.-focus- {
            background: #45bced
        }

    .datepicker--cell:empty {
        cursor: default
    }

.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name {
    color: #FF9A19;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.-only-timepicker- .datepicker--content, .datepicker--body, .datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years, .datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    box-shadow: 0 4px 12px rgba(0,0,0,.15);
    border-radius: 4px;
    box-sizing: content-box;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s;
    transition: opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;
    z-index: 100
}

    .datepicker.-from-top- {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    .datepicker.-from-right- {
        -webkit-transform: translateX(8px);
        transform: translateX(8px)
    }

    .datepicker.-from-bottom- {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    .datepicker.-from-left- {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px)
    }

    .datepicker.active {
        opacity: 1;
        -webkit-transform: translate(0);
        transform: translate(0);
        transition: opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;
        transition: opacity .3s ease,transform .3s ease,left 0s 0s;
        transition: opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease
    }

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker--content {
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.datepicker--nav-action:hover, .datepicker--nav-title:hover {
    background: #f0f0f0
}

.-top-center- .datepicker--pointer, .-top-left- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-top- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer, .-bottom-left- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-top- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer, .-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer, .-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer, .-top-center- .datepicker--pointer {
    left: calc(50% - 10px / 2)
}

.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2)
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action, .datepicker--nav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .datepicker--nav-action.-disabled- {
        visibility: hidden
    }

    .datepicker--nav-action svg {
        width: 32px;
        height: 32px
    }

    .datepicker--nav-action path {
        fill: none;
        stroke: #9c9c9c;
        stroke-width: 2px
    }

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--buttons, .datepicker--time {
    border-top: 1px solid #efefef;
    padding: 4px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.datepicker--button {
    color: #4EB5E6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 32px
}

    .datepicker--button:hover {
        color: #4a4a4a;
        background: #f0f0f0
    }

.datepicker--time {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

    .datepicker--time.-am-pm- .datepicker--time-sliders {
        -webkit-flex: 0 1 138px;
        -ms-flex: 0 1 138px;
        flex: 0 1 138px;
        max-width: 138px
    }

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours, .datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: 'Roboto'
    position: relative;
    z-index: 1
}

    .datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
        content: '';
        background: #f0f0f0;
        border-radius: 4px;
        position: absolute;
        left: -2px;
        top: -3px;
        right: -2px;
        bottom: -2px;
        z-index: -1;
        opacity: 0
    }

    .datepicker--time-current-hours.-focus-:after, .datepicker--time-current-minutes.-focus-:after {
        opacity: 1
    }

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat
}

    .datepicker--time-row:first-child {
        margin-bottom: 4px
    }

    .datepicker--time-row input[type=range] {
        background: 0 0;
        cursor: pointer;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        padding: 0;
        margin: 0;
        -webkit-appearance: none
    }

        .datepicker--time-row input[type=range]::-ms-tooltip {
            display: none
        }

        .datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
            border-color: #b8b8b8
        }

        .datepicker--time-row input[type=range]:hover::-moz-range-thumb {
            border-color: #b8b8b8
        }

        .datepicker--time-row input[type=range]:hover::-ms-thumb {
            border-color: #b8b8b8
        }

        .datepicker--time-row input[type=range]:focus {
            outline: 0
        }

            .datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
                background: #5cc4ef;
                border-color: #5cc4ef
            }

            .datepicker--time-row input[type=range]:focus::-moz-range-thumb {
                background: #5cc4ef;
                border-color: #5cc4ef
            }

            .datepicker--time-row input[type=range]:focus::-ms-thumb {
                background: #5cc4ef;
                border-color: #5cc4ef
            }

        .datepicker--time-row input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            box-sizing: border-box;
            height: 12px;
            width: 12px;
            border-radius: 3px;
            border: 1px solid #dedede;
            background: #fff;
            cursor: pointer;
            transition: background .2s;
            margin-top: -6px
        }

        .datepicker--time-row input[type=range]::-moz-range-thumb {
            box-sizing: border-box;
            height: 12px;
            width: 12px;
            border-radius: 3px;
            border: 1px solid #dedede;
            background: #fff;
            cursor: pointer;
            transition: background .2s
        }

        .datepicker--time-row input[type=range]::-ms-thumb {
            box-sizing: border-box;
            height: 12px;
            width: 12px;
            border-radius: 3px;
            border: 1px solid #dedede;
            background: #fff;
            cursor: pointer;
            transition: background .2s
        }

        .datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
            border: none;
            height: 1px;
            cursor: pointer;
            color: transparent;
            background: 0 0
        }

        .datepicker--time-row input[type=range]::-moz-range-track {
            border: none;
            height: 1px;
            cursor: pointer;
            color: transparent;
            background: 0 0
        }

        .datepicker--time-row input[type=range]::-ms-track {
            border: none;
            height: 1px;
            cursor: pointer;
            color: transparent;
            background: 0 0
        }

        .datepicker--time-row input[type=range]::-ms-fill-lower {
            background: 0 0
        }

        .datepicker--time-row input[type=range]::-ms-fill-upper {
            background: 0 0
        }

    .datepicker--time-row span {
        padding: 0 12px
    }

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

    .datepicker--time-icon:after, .datepicker--time-icon:before {
        content: '';
        background: currentColor;
        position: absolute
    }

    .datepicker--time-icon:after {
        height: .4em;
        width: 1px;
        left: calc(50% - 1px);
        top: calc(50% + 1px);
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    .datepicker--time-icon:before {
        width: .4em;
        height: 1px;
        top: calc(50% + 1px);
        left: calc(50% - 1px)
    }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: #dedede
}

    .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
        color: #c5c5c5
    }

.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92,196,239,.2)
}

.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.orange {
    color: #e5ad00;
}
.checkdis, .checkdis2 {
    display: none;
}

.ui-autocomplete {
    font-family: 'Roboto', sans-serif;
    font-size: 10pt !important;
}
h1{
    color:#e5ad00;font-size:24pt;font-weight:normal;
}
h3{
    font-weight:normal;padding:5px;margin:0;
}
.div50{
    width:48%;float:left;
    padding-right:1%;padding-left:1%;
}
.div35 {
    width: 33%;
    float: left;
    padding-right: 1%;
    padding-left: 1%;
    padding-top: 40px;
    padding-bottom: 40px;
}
.div65 {
    width: 62%;
    float: left;
    padding-right: 1%;
    padding-left: 1%;
   
}
fieldset{
    border:solid 1px #eaeaea;border-radius:10px;
}
legend{
    font-size:14pt;color:#e5ad00;
}
.form{
    width:98%;padding-left:1%;padding-right:1%;
    padding-top:10px;padding-bottom:10px;text-align:left;
    line-height:32px;
}
.cform {
    width: 31%;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: left;
    line-height: 32px;float:left;
}
.txt {
    width: 98%;
    padding-right: 1%;
    padding-left: 1%;
    height: 32px;
    font-family: 'Roboto', sans-serif;
    font-size: 12pt;
    border: solid 1px #c9d4dd;
    border-radius: 2px;
    text-align: left;
    outline: none;
   
}
    .txt:focus {
        border: solid 1px #40a9ff;
        
    }
.form select{
    height:36px !important;
}
.but {
    width: 120px;
    height: 30px;
    color: white;
    cursor: pointer;
    background-color: #3554d1;
    border: none;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12pt;
}
.cancel {
    width: 120px;
    height: 30px;
    color: white;
    cursor: pointer;
    background-color: #b60000;
    border: none;
    border-radius: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 12pt;
}
.cancel:hover{
    opacity:0.85;
}
.but:hover{
    opacity:0.9;
}
.form textarea{
    height:80px;
}
.copyright{
    float:left;padding-top:32px;
}
.how1 {
    width: 25%;
    padding: 2%;
    display: inline-block;
    font-size: 16pt;
    line-height: 36px;
    
    vertical-align: top;
}

.center{
    width:100%;text-align:center;float:left;
}
.how2 hr {
    margin-top: -70px;
    border: none;
    border: solid 1px #009f8b;
}

.how1 div{
    font-size:11pt;color:gray;font-style:italic;line-height:30px;
}
.topd {
    background-image: url('/images/files/top.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment:fixed;
}
.topc {
    background-image: url('/images/topc.png');
    padding-top: 50px;
    padding-bottom: 50px;
    color: white !important;
}
.toptitle {
    font-size: 20pt;
    font-weight: bold;
    letter-spacing: 6px;
    font-family: 'Roboto', sans-serif;
    ;
    padding-bottom: 15px;
}
.topdesc {
    line-height: 28px;
    font-style: italic;
    font-family: 'Roboto', sans-serif;
    
}
.tholder{
    width:100%;float:left;padding-top:40px;
}
.holder {
    width: 470px;
    height: 386px;
    display: inline-block;
    line-height: 30px;
    background-position: center center;
    opacity: 0;
}

    .holder div {
        background-image: url('/images/topc.png');
        text-align: center;
        width: 430px;
        height: 286px;opacity:0;
        padding-top:100px;cursor:pointer;
        padding-left:20px;padding-right:20px;
    }
    .holder u{
        font-size:20pt;padding-bottom:10px;
    }
    .holder span{
        padding:10px;color:white;
        background-color:#e5ad00;
        padding-right:30px;padding-left:30px;border-radius:2px;text-decoration:none;
        border:solid 1px #e5ad00;
    }

        .holder span:hover {
          
            color: #e5ad00;
            background-color: transparent;
           
        }

.nothing, .nothing:hover{
    color:black;text-decoration:none;
}
    .nothingw, .nothingw:hover {
        color: white;
        text-decoration: none;
    }

    .why{
        padding-top:40px;padding-bottom:40px;
    }
.whytitle {
    font-size: 20pt;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 10px;
}

.whyholder {
    width: 80%;
    text-align: center;
    float: left;
    padding-top: 25px;
    padding-left: 10%;
    padding-right: 10%;
   
   
}
.whyanimate {
    width: 100%;
    margin-top: 600px;
    
}
.why1 {
    width: 29%;
    padding-left: 2%;
    padding-right: 2%;
    display: inline-block;
}
.why2{
    width:96%;padding-left:2%;padding-right:2%;
    padding-top:55px;padding-bottom:40px;
    border:solid 1px #dcdcdc;
}
.why3{
    font-size:18pt;padding-bottom:15px;
}
.why4{
    text-align:center;color:#353535;font-style:italic;
    padding-left:2%;padding-right:2%;width:96%;padding-bottom:30px;line-height:26px;
    
}
.why5{
    background-color:#009f8b;padding:8px;
   padding-left:25px;padding-right:25px;
    color:white;border-radius:2px;display:inline;
    border: solid 1px #009f8b;font-size:10pt;
}
    .why5:hover{
        color:#009f8b;background-color:white;
    }
.why1 img{
    margin-bottom:-47px;
}

.accept {
    width: 100%;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 16pt;
    float: left;
    padding-bottom: 30px;
}
.accept img{
    width:300px;padding-top:8px;
    max-width:96%;
}
.login{
    background-image:url('/images/login-back.png');
    background-repeat:repeat-x;
    background-position:center top;
   
}


.loginbox {
    width: 90%;
    max-width: 350px;
    background-color: white;
    border-radius: 10px;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: 10px;
    padding-bottom: 30px;
    display: inline-block;
  
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    transition: box-shadow 0.3s ease-in-out;
    
}
.umenu{
    cursor:pointer;
}
.userm {
    width: 240px;
    padding-right: 15px;
    padding-left: 15px;
    position: fixed;
    top: 43px;
    right: 0;
    background-color: #f7f7f7;
    color: white;
    border: solid 1px #767676; z-index: 102;
    display: none;
}
.userm ul{
    padding:0;margin:0;padding-top:5px;float:left;width:100%;
    padding-bottom:5px;text-align:left;

}
    .userm li {
        list-style: none;
        padding-top: 2px;
        padding-bottom: 2px;
        border-bottom: solid 1px #dddddd;
        font-weight: bold;font-size:10pt;
    }
.userm li img{
    width:16px;margin-bottom:-3px;padding-right:4px;
}
        .userm li:hover {
            background-color: #fafafa;
        }
    
.userm li a, .userm li a:hover {
    color: #051036;
    text-decoration: none;
}
.internalform {
    width: 98%;
    padding-left: 1%;
    padding-right: 1%;
    max-width: 450px;
    display: inline-block;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
}
.gray{
    color:gray;font-size:10pt;
}
.grh {
    text-align: left;
    color: white;
    font-weight: normal;
    font-size: 10pt;
    background-color: #341c38;
    color: white;
    line-height: 26px;
}
.grh a{
    color:white;
}
.grr {
    text-align: left;
    font-size: 10pt;
    background-color: #f9f9f9;
    border-bottom: solid 1px #dbdbdb;
    line-height:34px;
}

.grr2 {
    text-align: left;
    font-size: 10pt;
    background-color: white;
    border-bottom: solid 1px #dbdbdb;
    line-height: 34px;
}

    .grr:hover, .grr2:hover {
        background-color: #f3f3f3;
    }

    .grr td, .grr2 td, .grh th {
        padding: 3px;
    }

    .grr a, .grr2 a {
        color: black;
        text-decoration: none;
    }

        .grr a:hover, .grr2 a:hover {
            color: black;
            text-decoration: none;
        }

.bin{
    width:20px;margin-bottom:-3px;
}
.stabs {
    padding: 0;
    margin: 0;
    padding-top: 30px;
    padding-bottom: 6px;
    text-align: left;
}

    .stabs li {
        display: inline-block;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 3%;
        padding-left: 3%;
        border: solid 2px #e6f6ee;
        border-spacing: 0;
        border-collapse: collapse;
        cursor: pointer;
        border-top: solid 4px #919dcb;
        color: #919dcb;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom: none;
    }

.stabc {
    padding: 0;
    margin: 0;
    border: solid 2px #e6f6ee;
    padding: 10px;
    margin-top: -7px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

    .stabc li {
        list-style: none;
        display: none;
    }
        .stabc li ul {
            display: block !important;
            padding: 0;
            margin: 0;
        }

            .stabc li ul li {
                display: block !important;
                list-style: circle !important;
                line-height: 28px;
            }
#stab1 {
    display: block;
}

#sftab {
    color: #051036;
    border-top: solid 4px #051036;
}

.stabs li:hover {
    background-color: #fbfbfb;
}
.simple li {
    display: block;
}
.note{
   
    border-radius:7px;
   
    width:96%;padding:2%;
    padding-top:30px;padding-bottom:15px;
}

.note img{
    width:100%;
}
.listitem1, .listitem2, .listitem4{
    width: 13%;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
   
   
}
    
    .listitem1 img {
        max-width: 50px;
    }

.listitem3 {
    width: 28%;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
  font-size:10pt;
    
}
.back3 {
    width: 100%;
    height: 30px;
    float: left;
    background-image: url('plane.png');
    background-repeat: no-repeat;
    background-position:left center;
}
.listitem5 {
    width: 23%;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
   line-height:26px;font-size:12pt;
   
}
    .listitem5 img{
        margin-bottom:-3px;
    }
    .listitem table {
        width: 100%;
    }
.listitem td{
    height:120px;vertical-align:middle;text-align:center;width:100%;
    overflow-y:hidden;
}
.listitem {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #5c5d57;
}
.listitemm {
    width: 100%;
   
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: white;
    border: solid 1px #e0e0e0;float:left;
}
.listitem1{
    font-size:9pt;line-height:20px;
}
.listitem2, .listitem4{
    font-size:18pt;line-height:26px;
}
    .listitem2 span, .listitem4 span {
        font-size: 11pt;
        color: #898989;
    }
.gspan {
    font-size: 10pt;
    color: #898989;
}
.price{
    color:#00a651;font-size:14pt;
}
.select {
    width: 160px;
    padding: 6px;
    padding-left: 30px;
    padding-right: 30px;
    color: white;
    background-color: #0178dc;
    text-decoration: none;
    border-radius: 5px;
}
.reserve{
    width:100%;text-align:center;
    padding-top:8px;padding-bottom:8px;
}

.select:hover {
    text-decoration: none;
    background-color: #1989e8;
}
.details  {
    width: 100%;
    text-align: center;
    font-size: 8pt;
    cursor: pointer;
    background-color: #f9fafe;
    float: left;
    line-height: 20px;
    border-top: solid 1px #eeeff1;
    padding-top: 2px;
}
    .details img{
        height: 7px;
    }

.mmore{
    width:96%;float:left;
    padding-left:2%;padding-right:2%;
    border-bottom:dashed 1px #eaeaea;padding-bottom:10px;
}
.more2{
    float:left;
}
.more2 img{
    width:30px;height:30px;margin-bottom:-8px;
}
.more3{
    float:right;padding-top:7px;
}
.more1{
    padding-left:1%;padding-right:1%;width:31%;display:inline-block;
    padding-top:15px;
    padding-bottom:15px;line-height:26px;
    vertical-align:top;
}
.more1 td{
    height:unset;text-align:left;vertical-align:top;
}
.moredetails{
    font-size:10pt;display:none;

}
.time{
    font-size:14pt;
}
.cform select{
    height:36px !important;
}
.fixed{
    width:100%;float:left;top:0;left:0;position:fixed;z-index:101;
}
.drop {
    height: 40px;
    -webkit-appearance: none;
}
.hotel1{
    width:100%;float:left;padding-top:6px;padding-bottom:6px;
}
.hotel2{
    width:96%;padding:2%;padding-top:10px;padding-bottom:7px;
    border:solid 1px #eaeaea;border-radius:2px;float:left;background-color:white;
}
.hotel3{
    width:20%;float:left;text-align:center;

}
    .hotel3 img {
        width: 100%;
        border-radius: 5px;
       
    }
.hotel4{
    width:78%;padding-left:1%;float:left;line-height:28px;
}
.hotel5{
    float:left;
}
.hotel6{
    font-size:13pt;color:#004675;font-weight:bold;
}
    .hotel6 h3, .hotel6 h1 {
        padding: 0;
        margin: 0;
        font-weight: bold;
        font-size: 13pt;
        color: #004675;
    }
    .hotel7 {
        font-size: 11pt;
        font-style: italic;
        color: #009f8b;
    }
.hotel8{
    float:right;text-align:right;
    padding-bottom:15px;
}
.hotel8 img{
    width:18px;
}
.hotel9 {
    font-size: 11pt;
    color: #484848;
}
.hotel10{
    color:gray;font-size:10pt;font-style:italic;
}
.hotel11{
    font-size:16pt;
    position:relative;
    padding-bottom:10px;
    
}
.hotel12 {
    padding: 4px;
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    background-color: #009f8b;border-radius:2px;cursor:pointer;text-align:center;
}
.whitenoline, .whitenoline:hover{
    color:white;text-decoration:none;
}
.hotel13 {
    padding-top: 55px;
    font-size: 11pt;
    color: gray;
}
.transferpax{
    height:15px;width:unset !important;margin-bottom:-2px;
}
.hotel14 {
    padding-top: 10px;
}
.hmored{
    width:98%;float:left;padding:1%;padding-top:5px;padding-bottom:5px;
    background-color:#f5f2f2;font-size:10pt;font-style:italic;text-align:left;font-family:Georgia;

}
.hmored a{
    color:#009f8b;text-decoration:none;
}
.money, .lang {
    width: 50px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    background-color: #0d2857;
    border-radius: 7px;
    user-select: none;
}
.lang{
    background-color:transparent;
}
    .money ul, .lang ul {
        position: fixed;
        width: 300px;
        padding: 3px;
        margin: 0;
        columns: 2;
        padding-right: 15px;
        padding-left: 15px;
        position: absolute;
        top: 43px;
        right: 50px;
        background-color: rgb(47, 47, 47);
        color: white;
        box-shadow: 0 5px 15px rgba(0,0,0,0.3);
        transition: box-shadow 0.3s ease-in-out;
        z-index: 102;
        max-width: 95%;
        display: none;
    }
    .lang ul {
        columns: 1 !important;
        width: 100px;padding:5px;
    }
.money li, .lang li {
    text-align: left;
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;font-family:Tahoma;
}
.lang li{
    padding:0;padding-top:3px;padding-bottom:3px;
}
    .money a,.lang a {
        color: #d3d3d3;
        text-decoration: none;
    }
    .money a:hover, .lang a:hover{
        color:white;
    }
    .lang img{
        width:24px;height:16px;margin-bottom:-4px;
    }
    .box3{
        width:100%;padding-top:5px;padding-bottom:5px;float:left;
       font-size:10pt;
    }
.box1 {
    width: 100%;
    
    float: left;
    background-color: #fafafa;
    border:solid 1px #eaeaea;border-radius:2px;
}
.box2 {
    width:31% ;padding: 1%;
    padding-top: 5px;
    padding-bottom: 5px;display:inline-block;vertical-align:top;
}
.result{
    width:98%;padding-left:1%;padding-right:1%;
    background-color:#fafafa;border:solid 1px #eaeaea;
    padding-top:7px;padding-bottom:7px;
    font-size:12pt;float:left
}

    .result h2{
        color:#096693;padding:0;margin:0;font-size:13pt;font-weight:normal;
    }
.tposter{
    height:25px !important;width:unset !important;border-radius:0px !important;cursor:pointer;padding-right:2px;padding-left:2px;
}
.iti3 {
    font-size: 14pt;
    color: white;
    background-color: #004675;
    text-align: center;
    line-height: 30px;
    font-weight: normal;
}
.iti1{
    background-color:#f4f4f4;font-size:10pt;line-height:22px;
}
.iti2 {
    background-color: #eaeaea;
    font-size: 10pt;
    line-height: 22px;
}
.iti4{
    padding-right:5px;font-weight:bold;
    padding-left:5px;
}
.iti5 {
    padding-right: 5px;
 
    padding-left: 5px;
}
.iti4 span{
    font-style:italic;
}
.backto{
    color:white;
    background-color:#067da4;padding:7px;border-radius:2px;
    padding-left:10px;padding-right:10px;
}
    .backto:hover {
        text-decoration: none;
        background-color: #07759a;
    }
.backto img{
    padding-right:6px;margin-bottom:-1px;width:24px;
}
.gp1 {
    width: 300px;
    padding: 5px;
    display: inline-block;
    height: 430px;
}

.gp2 {
    width: 300px;
    float: left;
    border: solid 1px #eaeaea;
    text-align: left;
}
    .gp2:hover {
        box-shadow: 0 10px 15px #e9e9e9;
        transition: box-shadow 0.3s ease-in-out;
    }

.gp3 {
    width: 300px;
    height: 150px;
}

.gp4 {
    font-size: 16pt;
    width: 100%;
    float: left;
    text-align: center;
    color: #003b68;
    padding-bottom: 5px;
}

.gp5 {
    float: left;
    font-size: 13pt;
}

.gp6 {
    float: right;
    font-size: 13pt;
}

    .gp5 img, .gp6 img {
        height: 18px;
        margin-bottom: -3px;
    }

.gp7 {
    width: 100%;
    float: left;
    text-align: left;
    height: 150px;
    overflow-y: hidden;
    color: gray;
    font-size: 10pt;
    line-height: 15px;
    font-style: italic;
}

.gp8 {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 10px;
}

.gp9 {
    color: white;
    background-color: #00a651;
    padding: 0px;
    border-radius: 5px;
    cursor: pointer;
    width: 120px;
    display: inline-block;
}

    .gp9:hover {
        opacity: 0.9;
    }

.gp10 {
    width: 290px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 15px;
    float: left;
}
.gp11{
    display:none;
}
.moreoptions{
    display:none;
}
.moreoption, .moreoption3 {
    font-size: 9pt;
    cursor: pointer;
    color: gray;
}

.blog{
    padding-top:50px;text-align:center;padding-bottom:50px;
}
.blogtitle{
    font-size:30pt;padding-bottom:30px;
}
.blogbody{
    font-size:13pt;padding-bottom:25px;
}
.blog1 {
    width: 32%;
    padding-left: 0.5%;
    padding-right: 0.5%;
    display: inline-block;
    height: 250px;
    padding-bottom: 15px;
    vertical-align: top;
}
.blog2 {
    width: 100%;
    height: 250px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.blog3{
    font-size:22pt;color:white;text-align:left;padding-left:25px;padding-top:70px;height:30px;overflow:hidden;
}
.blog4 {
    color: #f9d742;font-size:12pt;text-align:left;padding-left:25px;padding-right:25px;
    padding-top:10px;padding-bottom:10px;height:60px;overflow:hidden;
}
.blog5 {
    float: left;
    padding: 3px;
    background-color: #f9d742;color:black;border-radius:2px;
    padding-left:15px;padding-right:15px;margin-left:25px;
}

.blog1:hover{
    opacity:0.95;
}
.blogh2{
    font-weight:normal;text-decoration:underline;
}.blogbb img{
     max-width:90%;padding-top:5px;padding-bottom:5px;
 }

.blogimg{
    float:right;max-width:35%;padding-left:5px;
}
.chat {
    width: 40%;
    float: left;
    padding-bottom: 20px;
    text-align: right;
    padding-top: 32px;
}
    .chat img {
        width: 35px;
        transition: all 0.3s ease-in-out 0s;
        padding-right: 5px;
        filter:grayscale(60%);
    }
        .chat img:hover {
            transform: rotate(360deg);
            transition: all 0.3s ease-in-out 0s;
        }

.chat li{
    display:inline;
}
.chatT{
    padding-bottom:4px;padding-right:10px;
}
.chat ul{
    padding:0;margin:0;display:flex;float:right;
}
.fsc{
    padding:0;margin:0;padding-top:15px;display:flex;
}
.fsc li{
    display:inline;
}

.fsc img{
    width:35px !important;
}
    .fsc img:hover {
       opacity:0.9;
    }
    .div75{
        width:70%;float:left;vertical-align:top;text-align:justify;
    }
    .div25{
        width:28%;float:left;vertical-align:top;padding-left:2%;
    }
.blog11 {
    width: 99%;
    padding-left: 0.5%;
    padding-right: 0.5%;
    display: inline-block;
    height: 250px;
    padding-bottom: 15px;
}
.printvoucher{
    width:20px;padding-right:4px;margin-bottom:-4px;
}
.xdsoft_autocomplete,
.xdsoft_autocomplete div,
.xdsoft_autocomplete span {
    /*	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;*/
}

.xdsoft_autocomplete {
    display: inline;
    position: relative;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align: start;font-size:10pt;
    
}

    .xdsoft_autocomplete .xdsoft_input {
        position: relative;
        z-index: 2;
    }

    .xdsoft_autocomplete .xdsoft_autocomplete_dropdown {
        position: absolute;
        border: 1px solid #ccc;
        border-top-color: #d9d9d9;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.2);
        cursor: default;
        display: none;
        z-index: 1001;
        margin-top: -1px;
        background-color: #fff;
        min-width: 100%;
        overflow: auto;
    }

    .xdsoft_autocomplete .xdsoft_autocomplete_hint {
        position: absolute;
        z-index: 1;
        color: #ccc !important;
        -webkit-text-fill-color: #ccc !important;
        
        overflow: hidden !important;
        white-space: pre !important;
    }

        .xdsoft_autocomplete .xdsoft_autocomplete_hint span {
            color: transparent;
            opacity: 0.0;
        }

    .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > .xdsoft_autocomplete_copyright {
        color: #ddd;
        font-size: 10px;
        text-decoration: none;
        right: 5px;
        position: absolute;
        margin-top: -15px;
        z-index: 1002;
    }

    .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div {
        background: #fff;
        white-space: nowrap;
        cursor: pointer;
        line-height: 1.5em;
        padding: 2px 0px 2px 0px;
    }

        .xdsoft_autocomplete .xdsoft_autocomplete_dropdown > div.active {
            background: #0097CF;
            color: #FFFFFF;
        }
.direct{
    float:right;font-size:11pt;padding-right:5px;
}
.credit{
    max-width:80%;
}
.facview{
    width:32px;display:inline;
}
.hotelist{
    background-color:#fafafa;width:96%;padding-left:2%;padding-right:2%;
    padding-top:10px;padding-bottom:10px;border-radius:4px;
}
    .hotelist img{
        padding-right:4px;
        margin-bottom:-4px;
    }
    .passport1{
        display:inline-block;padding:3px;
    }
.passport2 {
    display: block;
    background-color: #a81b1b;
    color: white;
   
    border-radius: 5px;padding-left:10px;padding-right:10px;
}
    .passport2 a{
        color:white;text-decoration:none;
    }
.phoneltr{
    width:94% !important;direction:ltr;
    padding-bottom:5px !important; padding-left:0 !important;
}


.moreinfo {
    display: none;
}

.showmoreinfo {
    padding-top: 2px;
    padding-bottom: 2px;
    color: gray;
    text-align: right;
    font-size: 10pt;
    cursor: pointer;
}
.visaul {
    margin: 0;
    padding: 0;
    padding-top: 5px;
   
  
  
}
    .visaul li {
        display: inline-block;
        color: white;
        background-color: #22aec7;
        border-radius: 5px;
        padding-left: 10px;
        margin-left: 5px;
        padding-right: 10px;
        margin-top: 6px;
        font-size: 10pt;
    }
.visaimg {
    float: right;
    display: inline;
    width:400px;
  
}

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssora106 {
    display: block;
    position: absolute;
    cursor: pointer;
}

    .jssora106 .c {
        fill: #fff;
        opacity: .3;
    }

    .jssora106 .a {
        fill: none;
        stroke: #000;
        stroke-width: 350;
        stroke-miterlimit: 10;
    }

    .jssora106:hover .c {
        opacity: .5;
    }

    .jssora106:hover .a {
        opacity: .8;
    }

    .jssora106.jssora106dn .c {
        opacity: .2;
    }

    .jssora106.jssora106dn .a {
        opacity: 1;
    }

    .jssora106.jssora106ds {
        opacity: .3;
        pointer-events: none;
    }

.jssort101 .p {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    background: #000;
}

    .jssort101 .p .cv {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #eaeaea;
        box-sizing: border-box;
        z-index: 1;
    }

.jssort101 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
    visibility: hidden;
}

.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
    border: none;
    border-color: transparent;
}

.jssort101 .p:hover {
    padding: 2px;
}

    .jssort101 .p:hover .cv {
        background-color: rgba(0,0,0,6);
        opacity: .35;
    }

    .jssort101 .p:hover.pdn {
        padding: 0;
    }

        .jssort101 .p:hover.pdn .cv {
            border: 2px solid #fff;
            background: none;
            opacity: .35;
        }

.jssort101 .pav .cv {
    border-color: #fff;
    opacity: .35;
}

.jssort101 .pav .a, .jssort101 .p:hover .a {
    visibility: visible;
}

.jssort101 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    opacity: .6;
}

.jssort101 .pav .t, .jssort101 .p:hover .t {
    opacity: 1;
}
.gbk {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.85;
    z-index: 104;
    display: none;
}

.gbv {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    color: white;
    z-index: 105;
    display: none;
}

    .gbv iframe {
        width: 90%;
        height: 90%;
        display: inline-block;
        border: none;
        background-color: transparent;
        padding-top: 40px;
    }

.gclose {
    position: fixed;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 105;
    height: 30px;
    display: none;
}

    .gclose:hover {
        opacity: 0.9;
    }
.ts35 {
    width: 27%;
    float: left;
    padding-right: 0.5%;
    padding-left: 0.5%;
    vertical-align: top;
}

.ts65 {
    width: 70%;
    float: left;
    padding-right: 0.5%;
    padding-left: 0.5%;
    vertical-align: top;
}

.tgal {
    width: 100%;
    height: 500px;
    border: none;
    overflow: hidden;
}

.tit0 {
    width: 100%;
    text-align: left;
    line-height: 28px;
}

.tit1 {
    font-weight: bold;
    font-size: 14pt;
    color: #00744c;
}

.tit2 {
    color: #9b0774
}

.tit3 {
    margin-bottom: 15px;
}

.tursabRight {
    width: 96%;
    float: left;
    border: solid 1px #eaeaea;
    border-radius: 4px;
    padding: 7px;
    padding-left: 2%;
    padding-right: 2%;
}

.include {
    width: 100%;
}

.includeT {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    color: #2196f3;
    padding-top: 12px;
}

.ticon {
    width: 20px;
    margin-bottom: -4px;
    margin-right: 5px;
}

.tinfo {
    width: 100%;
    text-align: center;
    line-height: 30px;
}

.tprice {
    font-size: 18pt;
    color: #e42525;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

.toptions {
    width: 100%;
    line-height: 22px;
    background-color: #fafafa;
    border: solid 1px #eaeaea;
    margin-bottom: 7px;
    font-size: 10pt;
    padding-bottom: 6px;
}

.tscroll {
    width: 98%;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 1%;
    padding-right: 1%;
}

.tbox1 {
    width: 23%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    display: inline-block;
    border: solid 1px #eaeaea;
    margin-bottom: 10px;
    text-align: center;
    background-color: white;
}

    .tbox1 img {
        width: 100%;
    }

.tbox2 {
    width: 96%;
    padding: 10px;
    padding-left: 2%;
    padding-right: 2%;
    font-weight: bold;height:45px;overflow-y:hidden;
}

.tbox3 {
    color: #ed1c24;
    font-size: 14pt;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tbox4 {
    color: white;
    border: solid 1px #00744c;
    border-radius: 20px;
    padding: 5px;
    background-color: #00744c;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    width: 130px;
    display: inline-block;
}
.flightfilter1 {
    width: 18%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1%;
    text-align: left;
    line-height: 27px;
   background-color:white;border:solid 1px #eaeaea;
   margin-top:10px;
    padding: 5px;
    padding-left: 0.5%;
    padding-right: 0.5%;
    font-size: 10pt;
}

.flightfilter2 {
    width: 79%;
    display: inline-block;
    vertical-align: top;
}

.flightfilter3 {
    color: #a2afb9;
    font-size: 14pt;
    margin-top: 5px;
}
    
.flightfilter4 {
    float: right;
    cursor: pointer;
    width: 24px;
    margin-top: -37px;
    display: none;
}
.flightfilter3 img {
    width: 18px;
}

.sgay {
  filter:grayscale(100%);opacity:0.6;
}

.panel2f{
    float:left;

}


.flightmore {
    background-color: #f6f6f6;
    line-height: 35px;
    padding-left: 15px;
    padding-right: 15px;
    width: 200px;
    position: absolute;
    display: none;color:black;padding-top:7px;padding-bottom:20px;
}

    .flightmore img {
        cursor: pointer;
    }

.moretxt {
    border: none;
    background-color: transparent;
    width: 25px;
    color: black;
    font-family: 'Fira Sans Condensed', sans-serif;
    font-size: 14pt;
    text-align: center;
}

.moreright {
    text-align: right;
    display: flex;
    float: right;
}

.moreclass {
    padding-top: 10px;
    padding-bottom: 5px;
    border-top: solid 1px #dfe5ec;
}

.fpassengers {
    cursor: pointer;
    background-image: url('adult.jpg');
    background-color: white;
    background-repeat: no-repeat;
    background-position: 98% center;
}
.clog1 {
    width: 31%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    display: inline-block;
    border: solid 1px #d0d0d0;
    margin-bottom: 20px;
    padding-bottom: 30px;
    text-align: center;
}
.clog11 {
    width: 99%;
    margin-right: 0.5%;
    margin-left: 0.5%;
    display: inline-block;
    border: solid 1px #d0d0d0;
    margin-bottom: 20px;
    padding-bottom: 30px;text-align:center;
}
.clog2 {
    width:100%;height:200px;background-position:center center;
    background-size:cover;

}
.clog3 {
    margin-top:10px;padding-bottom:0px;
    font-size:13pt;height:85px;overflow:hidden;
}
.clog4 {
    font-size:11pt;color:gray;
}
.clog5 {
    width:120px;color:#ffffff;background-color:#009f8b;border-radius:2px;display:inline-block;
    margin-top:15px;
}
.tpop{
    font-size:18pt;font-weight:bold;margin-bottom:25px;margin-top:25px;
}
.popular{
    width:98%;padding-top:40px;text-align:center;display:inline-block;
}
.pop1 {
    width: 18%;
    margin-left: 0.5%;
    margin-right: 0.5%;
    display: inline-block;
    text-align: center;
    margin-bottom: 25px;
    border: solid 1px #eaeaea;
    padding-bottom: 20px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
}
.pop4{
    width:100%;
}
.pop1 img{
    max-width:100%;
}
.pop2{
    font-size:11pt;font-weight:bold;margin-top:-5px;
    margin-bottom:5px;height:45px;overflow:hidden;
}
.pop3 {
    
    padding: 1px;
    display: inline-block;border-radius:4px;
    background-color: #f91e1e;color:white;font-size:11pt;padding-left:8px;padding-right:8px;
}
.pop1:hover {
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}

.wt1{
    width:100%;text-align:center;display:inline-block;
    height:100%;position:fixed;z-index:104;top:0;left:0;
}
.wt5{
    width:90%;margin-top:100px;max-width:800px;
    display:inline-block;
}
.wt2{
    width:65%;
    display:inline-block;vertical-align:middle;
    
}
.wt2 img{
    width:100%;
}
.wt3{
    width:29%;display:inline-block;
    text-align:center;vertical-align:middle;
   
}
.wt3 img{
    max-width:100%;
}
.wt6{
    text-align:center;background-color:#009f8b;color:white;
    padding-top:3px;padding-bottom:3px;
    border-radius:4px;margin-top:20px;display:inline-block;
    padding-left:20px;padding-right:20px;
}
.fareprice{
    font-size:8pt;color:gray;line-height:18px;
}
.farediv{
    display:inline-block;padding-top:5px;padding-bottom:5px;text-align:left;width:96%;
    padding-left:2%;padding-right:2%;direction:ltr;
}
    .farediv a {
        color:#00425e;text-decoration:none;
    }
    .farediv a:hover{
        text-decoration:underline;
    }


    @media screen and (max-width:1100px) {
        .flightfilter1 {
        display: none;
        width: 98%;
        margin-right: 0px;
    }

    .flightfilter2 {
        width: 100%;
    }

    .flightfilter4 {
        display: block;
    }
}




    @media screen and (max-width:1020px) {
        .why1 {
        width: 30%;
        padding-left: 1%;
        padding-right: 1%;
    }
    .blog3{
        font-size:18pt;
    }
    .pop1{
        width:31%;
    }
}
@media screen and (max-width:1000px) {
   

  
    .how1 {
        width: 44%;
    }

    .holder {
        width: 329px;
        height: 270px;
    }

        .holder div {
            width: 289px;
            height: 220px;
            padding-top: 50px;
        }

    .whyholder {
        width: 94%;
        padding-left: 3%;
        padding-right: 3%;
    }
}

@media screen and (max-width:900px) {
    .div75 {
        width: 65%;
    }
    .div25 {
        width: 33%;
    }

    .ts65 {
        width: 55%;
    }

    .ts35 {
        width: 42%;
    }

    .tbox1 {
        width: 31%;
    }
    .hotel3{
        width:30%;
    }
    .hotel4{
        width:68%;
    }
    .hotel8 {
        display: none;
    }
}
@media screen and (max-width:830px) {
    .blog1{
        width:48%;
    }
    .clog1{
        width:47%;
    }
    
   
}
    @media screen and (max-width:800px) {


        .holder {
            width: 470px;
            height: 386px;
        }

            .holder div {
                width: 430px;
                height: 306px;
                padding-top: 80px;
            }

        .topdesc {
            display: none;
        }
        .cform{
            width:48%;
        }
        .fsc img {
            width: 30px !important;
        }
    }

    @media screen and (max-width:740px) {
        .menu {
            position: absolute;
            background-color: #fafafa;
            top: 130px;
            left: 0;
            width: 100%;
            display: none;
            z-index: 2;
        }

            .menu li {
                padding-top: 6px;
                padding-bottom: 6px;
                border-bottom: dashed 1px #eaeaea;
                display: inline-block;
                width: 94%;
                text-align: left;
                padding-left: 6%;
            }

        .menuicon {
            display: block;
        }

        .search {
            display: none;
        }

        .bar {
            padding-top: 6px;
            height: 37px;
        }

        .footerdiv {
            width: 96%;
            padding-bottom: 30px;
            padding-left: 4%;
           
        }
        .footerH {
            padding-bottom: 10px !important;
            padding-left: 0 !important;
            width: 100% !important;
            float: left;
            
        }
        .last ul {
            margin-top: 0;
            padding-bottom: 0px;
            padding-top: 18px;
        }
        .top {
            margin-top: 0;
            padding-bottom: 0px;
            padding-top: 14px;
        }
        .copyright{
            padding-top:18px;
        }
        .last li {
            padding-right: 18px;
        }

        .div50, .div35, .div65 {
            width: 98%;
            padding-top: 5px;
            padding-bottom: 25px;
        }
        .flightnote,.listitem3{
            display:none;
        }
        .listitem5{
            width:32%;
        }
        .listitem1,.listitem2, .listitem4{
            width:20%;
        }
        .more1{
            width:47%;float:left;
        }
        .box2{
            width:98%;
        }
        .tposter{
            display:none;
        }
        .tabh li {
            padding: 3px;
            font-size: 10pt;
            font-weight: normal;
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .fsc img {
            width: 35px !important;
        }
    }

    @media screen and (max-width:690px) {
        .why1 {
            width: 96%;
            padding-right: 2%;
            padding-left: 2%;
            padding-bottom: 20px;
        }
        .gp11 {
            display: inline-block;
        }
        .gp12{
            display:none;
        }
        .copyright {
            padding-top: 5px;
        }
        .div75 {
            width: 60%;
        }

        .div25 {
            width: 38%;
        }
        .ts65 {
            width: 99%;
        }

        .ts35 {
            width: 99%;
        }
        .pop1{
            width:47%;
        }
    }

    @media screen and (max-width:580px) {
        .how1 {
            width: 90%;
        }

        .holder {
            width: 280px;
            height: 220px;
        }

            .holder div {
                width: 260px;
                height: 190px;
                padding-top: 30px;
                padding-left: 10px;
                padding-right: 10px;
            }
        .more1 {
            width: 98%;
           
        }
        .hotel13 {
            padding-top: 10px;
           
        }
        .chat {
            width: 100%;
            padding-bottom: 5px;
        }

        .chat {
            padding-top: 0px;
            text-align: center;
        }
            .chat ul {
                float:unset;display:block;
            }
        .social, .nletter {
            width: 100%;
            padding-bottom: 5px;
        }

        .social {
            padding-top: 10px;
            text-align: center;
        }
        .chatT {
            padding-right: 0px;
        }
        .visaimg {
            width: 100%;
        }
        .tbox1 {
            width: 47%;
        }
    }


@media screen and (max-width:560px) {
    .blog1 {
        width: 98%;
    }
    .div75 {
        width: 100%
    }

    .div25 {
        width: 100%;padding-left:0;padding-top:20px;
    }
    #tabh6 {
        display: none;
    }
   
}

    @media screen and (max-width:510px) {
        .hotel3 {
            width: 100%;margin-bottom:15px;
        }

        .hotel4 {
            width: 100%;
        }
        .cform{
            width:98%;
        }

        .hotel8 {
            display: block;
        }

        

        .tabs {
            margin-top: 4px;
        }

        .last li {
            padding-right: 12px;
        }
    }
@media screen and (max-width:500px) {
    .gclose {
        height: 20px;
    }
    .clog1{
        width:98%;
    }
}
    @media screen and (max-width:475px) {
        .tbleft {
            display: none;
        }
    }

    @media screen and (max-width:465px) {
        .tform,.tform3 {
            width: 98%;
        }
        .listitem1{width:98%;}
        .listitem2, .listitem4 {
            width: 48%;
        }
        .listitem5{
            width:98%
        }
        .listitem td {
            height: 90px;
        }
    }


@media screen and (max-width:495px) {
  
    .tabh img {
        display: none;
    }

    .blogimg {
       
        max-width: 100%;padding-left:0;
        
    }
}
@media screen and (max-width:400px) {
    .tbox1 {
        width: 47%;
    }
    .pop1{
        width:98%;
    }
}
@media screen and (max-width:360px) {

    
    .stardiv {
     
        width: 280px
    }

    .hsearch {
        width: 140px !important;
    }
}
    @media screen and (max-width:330px) {
        .bar img {
            padding-left: 1px;
            padding-right: 3px;
        }

       
    }