body {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    color: #000;
    font-weight: 400;
}

.mainwrapper {
    font-family: 'Roboto', sans-serif;
    margin: 0px 0px;
    padding: 0px 0px;
}

.right-mob-left {
    text-align: right;
}

.right-mob-center {
    text-align: right;
}

.left-mob-center {
    text-align: left;
}

.left-mob-right {
    text-align: left;
}

.center-mob-left {
    text-align: center;
}

.center-mob-right {
    text-align: center;
}

.right-mobtab-left {
    text-align: right;
}

.nopaddingarea {
    padding: 0px 15px;
}

.nopadding {
    padding: 0px;
}

.nopaddingarea1 {
    padding: 0px 14px;
}

.nopadding1 {
    padding: 1px;
}

.nopaddingarea2 {
    padding: 0px 13px;
}

.nopadding2 {
    padding: 2px;
}

.padding5pxarea {
    padding: 0px 10px;
}

.padding5px {
    padding: 0px 5px;
}

.topmargin5 {
    margin-top: 5px;
}

.topmargin10 {
    margin-top: 10px;
}

.topmargin15 {
    margin-top: 15px;
}

.topmargin20 {
    margin-top: 20px;
}

.topmargin25 {
    margin-top: 25px;
}

.topmargin30 {
    margin-top: 30px;
}

.topmargin35 {
    margin-top: 35px;
}

.topmargin40 {
    margin-top: 40px;
}

.topmargin45 {
    margin-top: 45px;
}

.topmargin50 {
    margin-top: 50px;
}

.topmargin60 {
    margin-top: 60px;
}

.rowmargindesk30 {
    margin-top: 30px;
}

.hidemob {
}

/****************************************************************************************************
Topband Css Start here
****************************************************************************************************/
.topbandoverlay {
    min-height: 150px;
    position: absolute;
    width: 100%;
    z-index: 999;
    background: rgba(50,36,14,1);
    background: -moz-linear-gradient(top, rgba(50,36,14,0.3) 0%, rgba(50,36,14,0) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,36,14,1)), color-stop(100%, rgba(50,36,14,0)));
    background: -webkit-linear-gradient(top, rgba(50,36,14,0.3) 0%, rgba(50,36,14,0) 100%);
    background: -o-linear-gradient(top, rgba(50,36,14,0.3) 0%, rgba(50,36,14,0) 100%);
    background: -ms-linear-gradient(top, rgba(50,36,14,0.3) 0%, rgba(50,36,14,0) 100%);
    background: linear-gradient(to bottom, rgba(50,36,14,0.3) 0%, rgba(50,36,14,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32240e', endColorstr='#32240e', GradientType=0 );
}

.topband {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 5px 0px;
    z-index: 10000;
    margin: 0px !important;
    transition: all 0.2s ease-in-out;
    border-bottom: solid 1px rgba(255,255,255,0.3);
}

    .topband.active {
        background: #fff;
        -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    }

    .topband .logo {
        background: url(../img/logo.png) no-repeat left top;
        width: 138px;
        height: 90px;
        position: relative;
        z-index: 99;
    }

    .topband.active .logo {
        background: url(../img/logomo.png) no-repeat left top;
        width: 103px;
        height: 79px;
    }

    .topband.active .nav-menu > li > a {
        color: #30210a;
    }

    .topband.active .nav-dropdown > .nav-submenu-open > a,
    .topband.active .nav-dropdown > li > ul > li:hover > a,
    .topband.active .nav-menu > .nav-submenu-open > a,
    .topband.active .nav-menu > li > ul > li.active > a,
    .topband.active .nav-menu > li > ul > li:hover > a {
        color: #fff;
    }

    .topband.active .submenu-indicator-chevron {
        border-color: transparent #000 #000 transparent;
    }

    .topband.active .currencydropdown {
        background: url(../img/currencyselectarroactive.png) no-repeat right center;
        background-color: none;
        color: #58606c;
    }

    .topband.active .userloginbtn {
        background-color: #be9d44;
        color: #fff;
    }

.topmenu {
    text-align: right;
    margin-top: 24px;
}

    .topmenu ul {
        margin: 0px 0px;
        padding: 0px 0px;
    }

        .topmenu ul li {
            list-style-type: none;
            display: inline-block;
            margin: 0px 0px 0px 10px;
            padding: 0px 0px;
        }

.menu {
    margin-top: 0px;
}

.dropdowncontarea {
    border-top: solid 0px #d5d2d2;
    padding: 15px 15px;
}

.toursmenu {
    margin-bottom: 10px;
}

    .toursmenu h3 {
        font-size: 16px;
        color: #be9d44;
        line-height: 16px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: 10px;
        padding-bottom: 10px;
        border-bottom: solid 1px #e2e4e9;
    }

        .toursmenu h3 a {
            color: #be9d44;
            text-decoration: none;
        }

            .toursmenu h3 a:hover {
                color: #071f45;
                text-decoration: none;
            }

    .toursmenu ul {
        margin: 0px;
        padding: 0px;
    }

        .toursmenu ul li {
            list-style-type: none;
            margin: 0px;
            padding: 5px 0px;
            font-size: 13px;
            color: #000;
            line-height: 16px;
        }

            .toursmenu ul li a {
                color: #000;
                text-decoration: none;
                fill: #000;
            }

                .toursmenu ul li a:hover {
                    color: #be9d44;
                    text-decoration: none;
                    fill: #be9d44;
                }

.thememenu {
    margin-bottom: 0px;
}

    .thememenu ul {
        margin: 0px;
        padding: 0px;
    }

        .thememenu ul li {
            list-style-type: none;
            margin: 0px;
            padding: 5px 0px;
            font-size: 13px;
            color: #000;
            line-height: 16px;
        }

            .thememenu ul li a {
                color: #000;
                text-decoration: none;
            }

                .thememenu ul li a:hover {
                    color: #be9d44;
                    text-decoration: none;
                }

.dots {
    color: #ee303c;
    font-size: 18px;
    line-height: 13px;
    font-weight: 600;
    letter-spacing: -0.03em;
}

/****************************************************************************************************
Collage Css Start here
****************************************************************************************************/

.collage {
    margin: 0px;
    padding: 0px;
}

.tagline {
    position: absolute;
    width: 100%;
    z-index: 98;
    margin-top: 200px;
    font-size: 45px;
    color: #fff;
    line-height: 45px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.2);
    font-weight: 700;
    text-align: center;
}

.collageform {
    position: absolute;
    z-index: 11;
    margin-top: -325px;
    min-height: 325px;
    width: 100%;
    padding-top: 30px;
    background: rgba(7,31,69,0);
    background: -moz-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,31,69,0)), color-stop(29%, rgba(7,31,69,0.66)), color-stop(100%, rgba(7,31,69,1)));
    background: -webkit-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: -o-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: linear-gradient(to bottom, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071f45', endColorstr='#071f45', GradientType=0 );
}

.collageformarea {
    margin-top: 10px;
}

.formsearchfieldbg {
    background: #fff;
    border-radius: 25px 5px 5px 25px;
    padding: 0px 20px;
}

.formdividerborder {
    border-left: solid 1px #d0ccc7;
}

.formpopup {
    background-color: #fff;
    position: absolute;
    z-index: 11;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.40);
    width: 290px;
    border-radius: 5px;
    margin-top: 1px;
    /*right:0px;*/
}

.ArrowSelectionUp2 {
    width: 0;
    height: 0;
    margin-top: -15px;
    margin-left: 30px;
    position: absolute;
    z-index: -99999;
}

    .ArrowSelectionUp2 span {
        display: inline-block;
        transform: scaleX(2.0);
        color: #fff;
        text-shadow: 0px -2px 3px rgba(0,0,0,0.40);
        font-size: 15px;
    }

.formpopupheading {
    font-size: 16px;
    color: #2b2f2b;
    line-height: 20px;
    font-weight: 400;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #cbcbcb;
}

.formpopupcontent {
    margin: 15px 15px;
}

.textgray13 {
    font-size: 13px;
    color: #727272;
    line-height: 18px;
}

.textblack13 {
    font-size: 13px;
    color: #000;
    line-height: 18px;
}

.txtblack13pxbold {
    font-size: 13px;
    color: #000;
    line-height: 18px;
    font-weight: 700;
}

.textblack14 {
    font-size: 14px;
    color: #000;
    line-height: 22px;
}

.textblack14bold {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    font-weight: 700;
}

.addroombox {
    margin-bottom: 10px;
}

.flightradiobtnarea {
    text-align: center;
}

    .flightradiobtnarea ul {
        padding: 0px 0px;
        margin: 0px 0px;
    }

        .flightradiobtnarea ul li {
            list-style-type: none;
            display: inline-block;
            padding: 0px 0px;
            margin-right: 30px;
        }

            .flightradiobtnarea ul li label {
                font-size: 13px !important;
                color: #fff !important;
            }

.collagepointers {
    text-align: center;
    margin-bottom: 30px;
    font-size: 13px;
    color: #fff;
    line-height: 20px;
    font-weight: 300;
}

    .collagepointers h6 {
        font-size: 15px;
        color: #fff;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 5px;
    }





/****************************************************************************************************
Toggle css start here
****************************************************************************************************/

.slider {
    display: none;
}

.slider2 {
    display: none;
}

.collapseSlider {
    display: none;
}

.sliderExpanded .collapseSlider {
    display: block;
    clear: both;
}

.sliderExpanded .expandSlider {
    display: none;
}

.slideropen {
    display: block;
}

.slideropen2 {
    display: none;
}

/****************************************************************************************************
Others Css Start here
****************************************************************************************************/
.featuredpackagesarea {
    background: #fff;
    padding-top: 60px;
}

.mainheading {
    font-size: 30px;
    color: #071f45;
    line-height: 30px;
}

    .mainheading h1 {
        font-size: 30px;
        color: #d4b768;
        line-height: 30px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 20px;
    }

        .mainheading h1 span {
            font-size: 15px;
            color: #000;
            vertical-align: middle;
        }

    .mainheading h2 {
        font-size: 30px;
        color: #071f45;
        line-height: 30px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .mainheading h3 {
        font-size: 30px;
        color: #fff;
        line-height: 30px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .mainheading h4 {
        font-size: 26px;
        color: #071f45;
        line-height: 30px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .mainheading h5 {
        font-size: 20px;
        color: #071f45;
        line-height: 22px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: 10px;
    }

.textgray14 {
    font-size: 14px;
    color: #58606c;
    line-height: 18px;
}

.textwhite14 {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
}

.viewalltext {
    font-size: 13px;
    color: #be9d44;
    line-height: 18px;
    font-weight: 500;
}

    .viewalltext a {
        color: #be9d44;
        text-decoration: none;
    }

        .viewalltext a:hover {
            color: #071f45;
            text-decoration: none;
        }

.viewalltextwhite {
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    font-weight: 500;
}

    .viewalltextwhite a {
        color: #fff;
        text-decoration: none;
    }

        .viewalltextwhite a:hover {
            color: #000;
            text-decoration: none;
        }

.featuredpackagesbox {
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 15px 15px;
}

    .featuredpackagesbox h3 {
        font-size: 18px;
        color: #071f45;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 0px;
        min-height: 50px;
    }

        .featuredpackagesbox h3 a {
            color: #071f45;
            text-decoration: none;
        }

            .featuredpackagesbox h3 a:hover {
                color: #be9d44;
                text-decoration: none;
            }

.featuredpackagesimg {
    background: url(../img/noimage.png) no-repeat center center #ecf5f4;
    width: 100%;
    height: 250px;
    border-radius: 10px;
    margin-bottom: 15px;
}

    .featuredpackagesimg img {
        width: 100%;
        height: 250px;
        border-radius: 10px;
        object-fit: cover;
        object-position: 50% 50%;
    }

.price_txthome {
    font-size: 17px;
    color: #be9d44;
    font-weight: 700;
}

.pricehome {
    font-size: 21px;
    color: #be9d44;
    line-height: 21px;
    font-weight: 700;
}

.middlesectionimg {
    background: url(../img/middlesectionimg.jpg) no-repeat center top;
    background-size: cover;
    height: 513px;
    margin-top: -200px;
}

.mostpopulardestarea {
    margin-top: -250px;
}

.hover, .hover .overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

    .hover, .hover h3 {
        text-align: center;
    }

.destination_overlay h3::after {
    content: '';
}

.hover {
    float: left;
    position: relative;
    cursor: default;
    border: solid 15px #fff;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    margin-bottom: 30px;
}

    .hover .overlay {
        position: absolute;
        top: 0;
        left: 0;
    }

    .hover img {
        display: block;
        position: relative;
        opacity: 0.9;
    }

.destination_overlay {
    background: #000;
}

    .destination_overlay img {
        max-width: none;
        width: calc(100% + 0px);
        -webkit-transition: opacity .35s, -webkit-transform .35s;
        transition: opacity .35s, transform .35s;
        -webkit-transform: translate3d(-0px, 0, 0);
        transform: translate3d(-0px, 0, 0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .destination_overlay:hover img {
        opacity: 0.9;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .destination_overlay .overlay {
        padding: 0px 15px;
        width: 100%;
        height: 280px;
        display: table;
    }

.overlaycontent {
    display: table-cell;
    vertical-align: middle;
}

.destination_overlay h3 {
    position: relative;
    overflow: hidden;
    background-color: transparent;
    font-size: 13px;
    color: #fff;
    line-height: 18px;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 5px;
}

    .destination_overlay h3 span {
        font-size: 25px;
        color: #fff;
        font-weight: 700;
    }

.destination_overlay button {
    color: #FFF;
    opacity: 0;
    background: none;
    border: 0px;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    font-size: 14px;
}

.destination_overlay:hover button {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.destination_overlay button a {
    color: #FFF;
    text-decoration: none;
}

.destination_overlay {
    width: 100%;
    height: 280px;
    position: relative;
}

    .destination_overlay img {
        width: 100%;
        height: 280px;
        object-fit: cover;
        object-position: 50% 50%;
    }

.themedealarea {
    margin-top: 30px;
    margin-bottom: 30px;
}

.themeboxarea {
    margin-bottom: 30px;
    text-align: center;
}

    .themeboxarea a {
        outline: none;
    }

        .themeboxarea a:hover {
            outline: none;
        }

    .themeboxarea h4 {
        font-size: 17px;
        color: #071f45;
        line-height: 20px;
        font-weight: 500;
        margin-top: 12px;
        margin-bottom: 0px;
    }

        .themeboxarea h4 a {
            color: #071f45;
            text-decoration: none;
        }

.themebox {
    background: #fbf8ee;
    border-radius: 10px;
    width: 105px;
    height: 105px;
    display: table;
    margin: 0 auto;
}

.themeicon {
    display: table-cell;
    vertical-align: middle;
}

.dealsbox {
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 15px 15px;
}

    .dealsbox img {
        width: 100%;
        height: 250px;
        border-radius: 10px;
        object-fit: cover;
        object-position: 50% 50%;
    }

.footer {
    background: #071f45;
}

.newsletterarea {
    border-bottom-style: double;
    border-bottom-color: #394c6a;
    padding: 30px 0px 20px 0px;
}

    .newsletterarea h4 {
        font-size: 18px;
        color: #fff;
        line-height: 22px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .newsletterarea h5 {
        font-size: 14px;
        color: #be9d44;
        line-height: 18px;
        font-weight: 500;
        text-transform: uppercase;
        margin-top: 0px;
        margin-bottom: 5px;
    }

.newsletter {
    margin-top: 20px;
    border-bottom: solid 1px #394c6a;
}

.socialiconarea {
    margin-top: 30px;
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    font-weight: 500;
}

.faicon {
    color: #be9d44;
    font-size: 22px !important;
    vertical-align: text-top;
}

.footercontarea {
    padding: 40px 0px;
}

    .footercontarea h5 {
        font-size: 18px;
        color: #be9d44;
        line-height: 20px;
        font-weight: 500;
        margin-top: 0px;
        margin-bottom: 10px;
    }

.footertext {
    font-size: 14px;
    color: #dedfe2;
    line-height: 22px;
}

    .footertext a {
        color: #dedfe2;
        text-decoration: none;
    }

        .footertext a:hover {
            color: #fff;
            text-decoration: none;
        }

    .footertext ul {
        margin: 0px 0px;
        padding: 0px 0px;
    }

        .footertext ul li {
            list-style-type: none;
            margin: 0px 0px;
            padding: 0px 0px 3px 0px;
        }

.copyrightarea {
    border-top-style: double;
    border-top-color: #394c6a;
    padding: 20px 0px;
    font-size: 14px;
    color: #dedfe2;
    line-height: 18px;
}

.tooltip_listing2 {
	position: relative;
	display: inline-block;
    font-size: 13px;
    color: #0e4cca;
    line-height: 16px;
    font-weight: 400;
}
.tooltip_listing2 a {
	color: #0e4cca;
    text-decoration: none;
}
.tooltip_listing2 a:hover {
	color: #86aa32;
    text-decoration: none;
}
.tooltip_listing2 .tooltiptext2 {
	visibility: hidden;
	width: 280px;
	background-color: #fff;
	font-size: 13px;
	color: #58606c;
	line-height: 16px;
	font-weight: 400;
	border-radius: 3px;
    text-align: center;
	padding: 10px 10px;
	position: absolute;
	z-index: 1;
	top: 120%;
	left: 50%;
	margin-left: -140px;
    border: solid 1px #538bc9;
}

.tooltip_listing2 .tooltiptext2::after {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 6px;
	border-style: solid;
	border-color: transparent transparent #538bc9 transparent;
}

.tooltip_listing2:hover .tooltiptext2 {
	visibility: visible;
}


/****************************************************************************************************
Inner pages css start here
****************************************************************************************************/
.innercollage {
    margin: 0px;
    padding: 0px;
    position: relative;
}

    .innercollage img {
        width: 100%;
        height: 310px;
        object-fit: cover;
        object-position: 50% 50%;
    }

.innercollageheadingbg {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 220px;
    display: table;
    background: rgba(7,31,69,0);
    background: -moz-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.9) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,31,69,0)), color-stop(100%, rgba(7,31,69,0.9)));
    background: -webkit-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.9) 100%);
    background: -o-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.9) 100%);
    background: linear-gradient(to bottom, rgba(7,31,69,0) 0%, rgba(7,31,69,0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071f45', endColorstr='#071f45', GradientType=0 );
}

.innercollageheading {
    display: table-cell;
    vertical-align: middle;
}

    .innercollageheading h2 {
        font-size: 28px;
        color: #fff;
        line-height: 28px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 5px;
    }

.searchreulttext {
    font-size: 13px;
    color: #fff;
    line-height: 18px;
}

.contentarea {
    padding: 40px 0px;
}

.forndhotelarea {
    margin-bottom: 15px;
}

    .forndhotelarea h3 {
        font-size: 20px;
        color: #071f45;
        line-height: 22px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .forndhotelarea h3 span {
            font-size: 14px;
            color: #58606c;
            font-weight: 400;
        }

.listbox {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    border: solid 1px #eeeeee;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
}

    .listbox:hover {
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
    }

.listarea {
    background: #fff;
    margin: 15px 15px;
    border-right: solid 1px #e8e8e8;
}

    .listarea h3 {
        font-size: 20px;
        color: #071f45;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }

        .listarea h3 a {
            color: #071f45;
            text-decoration: none;
        }

            .listarea h3 a:hover {
                color: #000;
                text-decoration: none;
            }

.listimg {
    background: url(../img/noimage.png) no-repeat center center #f3f3f3;
    height: 135px;
    width: 100%;
}

    .listimg img {
        height: 135px;
        width: 100%;
        object-fit: cover;
        object-position: 50% 50%;
    }

.featuredlabel {
    background: #eb1b24;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    position: absolute;
    padding: 5px 5px;
    z-index: 1;
    margin-left: -5px;
    margin-top: 12px;
}

    .featuredlabel:after {
        content: "\f0da";
        font-family: FontAwesome;
        bottom: -7px;
        margin-left: 2px;
        color: #a40007;
        padding: 0 0;
        font-size: 13px;
        position: absolute;
        transform: rotate(-45deg);
        left: 0;
    }

.locationtext {
    font-size: 13px;
    color: #58606c;
    line-height: 16px;
}

    .locationtext span {
        font-size: 14px;
        color: #58606c;
    }

.pricearea {
    margin: 15px 15px 15px 0px;
}

.price_txt {
    font-size: 14px;
    color: #071f45;
    font-weight: 700;
}

.price {
    font-size: 22px;
    color: #071f45;
    line-height: 22px;
    font-weight: 700;
}

.pricefromtext {
    font-size: 13px;
    color: #58606c;
    line-height: 18px;
    font-weight: 400;
}

.num_nts {
    color: #58606c;
    font-size: 13px;
    line-height: 16px;
}

.category_list {
    font-size: 13px;
    color: #2a2d2e;
    font-weight: 400;
}

    .category_list a {
        color: #2a2d2e;
        text-decoration: none;
    }

        .category_list a:hover {
            color: #06a2f0;
            text-decoration: none;
        }

    .category_list span {
        font-size: 13px;
        color: #2a2d2e;
        font-weight: 500;
    }

.fixednavbar {
    background: #d4b768;
    position: relative;
    z-index: 99;
}

.navbar-fixed {
    top: 0;
    z-index: 99;
    position: fixed;
    width: 100%;
    background: #d4b768;
}

#nav_barfixed {
    padding: 0;
    margin-bottom: 0;
    overflow-x: none;
    top: 90px;
    padding: 5px 0px;
}

    #nav_barfixed ul {
        padding: 0;
    }

.nav_linksfixed {
    margin: 0;
}

    .nav_linksfixed ul {
        margin: 0;
        padding: 0;
    }

    .nav_linksfixed li {
        display: inline-table;
        margin: 0;
        padding: 0;
        margin-left: -3px;
    }

        .nav_linksfixed li a {
            padding: 7px 20px;
            font-size: 15px;
            color: #30210a;
            text-decoration: none;
            display: inline-flex;
            outline: 0;
            font-weight: 700;
        }

            .nav_linksfixed li a:visited {
                color: #30210a !important;
            }

            .nav_linksfixed li a:hover {
                background: #ecd69a;
                color: #30210a;
                border-radius: 3px;
            }

            .nav_linksfixed li a:focus {
                background: #ecd69a !important;
                color: #30210a !important;
                border-radius: 3px !important;
            }

.packagedetailsbox {
    background: url(../img/packagedetborder.png) repeat-x center bottom;
    padding-bottom: 40px;
    margin-bottom: 50px;
}

    .packagedetailsbox h2 {
        color: #071f45;
        font-size: 26px;
        line-height: 26px;
        font-weight: 700;
        margin-bottom: 20px;
        margin-top: 0;
    }

.packagegalleryarea {
    margin-bottom: 30px;
}

.itineraryconbox {
    margin-bottom: 40px;
}

.day_location {
    color: #000;
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
}

    .day_location span {
        color: #000;
        font-size: 25px;
        font-weight: 700;
    }

.itinerarycontarea {
    border-left: solid 2px #d4b768;
    padding-left: 20px;
}

    .itinerarycontarea h3 {
        color: #071f45;
        font-size: 16px;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }

.itinerarytext {
    font-size: 14px;
    color: #000;
    line-height: 22px;
}

.rating_option {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    margin-bottom: 10px;
}

    .rating_option h5 {
        background-color: #d4b768;
        font-size: 14px;
        color: #30210a;
        font-weight: 400;
        padding: 7px 10px;
        border-radius: 3px;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
    }

.pricingmainbox {
    background: #fff;
    border-radius: 5px;
    padding: 15px 15px;
    margin-bottom: 15px;
    border: solid 1px #d6d6d6;
    -webkit-box-shadow: 1px 2px 0px 0px rgba(225,225,225,1);
    -moz-box-shadow: 1px 2px 0px 0px rgba(225,225,225,1);
    box-shadow: 1px 2px 0px 0px rgba(225,225,225,1);
}

    .pricingmainbox a {
        color: #000;
        text-decoration: none;
    }

        .pricingmainbox a:hover {
            color: #29337e;
            text-decoration: none;
        }

.tourdate {
    font-size: 13px;
    color: #000;
    font-weight: 700;
}

.tourcostbox {
    width: 100%;
    padding: 0 0;
    margin-top: 15px;
    background: #f8f8f8;
    padding: 10px 10px;
}

    .tourcostbox h4 {
        font-size: 15px;
        padding: 0;
        margin: 20px 0 10px 0;
        color: #343434;
    }

.tourcostcontarea {
    padding: 0 0;
}

.text11gray {
    color: #666666;
    font-size: 11px;
}

.hotelname {
    font-size: 13px;
    color: #000;
    font-weight: 700;
}

    .hotelname a {
        color: #000;
        text-decoration: none;
    }

        .hotelname a:hover {
            color: #29337e;
            text-decoration: none;
        }

.detail_price_box {
    background: #fff;
    border: solid 1px #f0ece2;
    border-radius: 5px;
    margin-bottom: 30px;
}

.detail_price_box_area {
    padding: 15px;
}

.detail_price_box_btnarea {
    background: #f8f5ed;
    padding: 10px 15px;
    border-radius: 0 0 5px 5px;
}

.incl_excl_box {
    background-color: #f8f5ed;
    border: solid 1px #f0ece2;
    border-radius: 5px;
    padding: 15px 15px;
    margin-bottom: 30px;
    min-height: auto;
}

    .incl_excl_box h4 {
        font-size: 18px;
        color: #000;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }

.infotxt {
    color: #000;
    font-size: 14px;
    line-height: 22px;
}

    .infotxt a {
        color: #000;
        text-decoration: none;
    }

        .infotxt a:hover {
            color: #d4b768;
            text-decoration: none;
        }

    .infotxt ul {
        margin: 0 0 0 13px;
        padding: 0;
    }

        .infotxt ul li {
            list-style-type: disc;
            margin: 0 0;
            padding: 5px 0;
            line-height: 18px;
            text-align: left;
        }

            .infotxt ul li:lang(en) {
                text-align: left;
            }

            .infotxt ul li:lang(ar) {
                text-align: right;
            }

.infolinks {
    font-size: 13px;
    color: #0e4cca;
    line-height: 16px;
    font-weight: 400;
}

    .infolinks a {
        color: #0e4cca;
        text-decoration: none;
    }

        .infolinks a:hover {
            color: #000;
            text-decoration: none;
        }

.featuredhotel {
    background: #eb1b24;
    padding: 5px 10px;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    border-radius: 3px;
}

.hotelsearcleftarea {
    padding: 15px 12px;
    border-bottom: solid 1px #e8e8e8;
}

.starrating {
    margin: 0;
}

.selectroomarea {
    background: #f7f4ea;
    border-radius: 15px;
    padding: 30px 30px;
}

.roomtypebox {
    background: #fff;
    border-radius: 10px;
    margin-top: 15px;
    padding: 15px 15px;
    border: solid 1px #e3decf;
}

    .roomtypebox h4 {
        color: #071f45;
        font-size: 16px;
        line-height: 18px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }

.flighttab {
    margin-bottom: 20px;
}

    .flighttab ul {
        padding: 0 0;
        margin: 0 0;
    }

        .flighttab ul li {
            list-style-type: none;
            display: inline-block;
            padding: 5px 0;
            margin-right: 10px;
            background: 0 0;
            text-align: center;
            border-radius: 5px;
        }

            .flighttab ul li a {
                background: #fff;
                padding: 8px 20px;
                font-size: 14px;
                color: #30210a;
                text-decoration: none;
                border-radius: 5px;
                border: solid 1px #d4b768;
            }

                .flighttab ul li a:hover {
                    background: #d4b768;
                    font-size: 14px;
                    color: #30210a;
                    text-decoration: none;
                    border-radius: 5px;
                    border: solid 1px #d4b768;
                }

.flighttabselected {
    background: #fff8da !important;
    color: #30210a !important;
    border: solid 1px #d4b768 !important;
}

.count {
    background-color: #ececec;
    border-radius: 2px;
    padding: 0 0;
    text-align: center;
    color: #5c5d5e;
    font-weight: 700;
    width: 30px;
    display: inline-block;
    float: right;
    margin: 0 0;
}

.count1 {
    background-color: #fff;
    border-radius: 2px;
    padding: 0 0;
    text-align: center;
    font-size: 12px;
    color: #5c5d5e;
    font-weight: 500;
    width: 55px;
    display: inline-block;
    float: right;
    margin: 0 0;
}

.count2 {
    background-color: #ececec;
    border-radius: 2px;
    padding: 0px 0px;
    text-align: center;
    font-size: 12px;
    color: #5c5d5e;
    font-weight: 500;
    width: 30px;
    display: inline-block;
    float: right;
    margin: 2px 0px;
}

.sort_box {
    background-color: #fff;
    border: solid 1px #e8e8e8;
    border-radius: 5px;
    padding: 0 0;
    font-size: 13px;
    color: #000;
    line-height: 16px;
}

    .sort_box ul {
        padding: 0;
        margin: 0;
    }

    .sort_box li {
        list-style: none;
        display: inline-block;
        padding: 10px 25px;
        border-right: 1px solid #dedede;
    }

        .sort_box li a {
            color: #000;
            text-decoration: none;
        }

            .sort_box li a:hover {
                color: #071f45;
                text-decoration: none;
            }

.flightlistbox {
    background: #fff;
    border-radius: 4px;
    margin-top: 30px;
    border: solid 1px #eeeeee;
    transition: .4s;
    padding: 15px 15px;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
}

    .flightlistbox:hover {
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
    }

.flightvertdivider {
    border-right: solid 1px #e8e8e8;
    padding-right: 15px;
}

.flightcontdivider {
    border-top: solid 1px #e8e8e8;
    padding-top: 15px;
    margin-top: 15px;
}

.flightlogo {
    margin: 0px;
}

    .flightlogo img {
        width: 40px;
        height: 40px;
    }

.flightname {
    font-size: 16px;
    color: #071f45;
    line-height: 18px;
    font-weight: 500;
}

    .flightname span {
        font-size: 13px;
        color: #58606c;
        font-weight: 400;
    }

.flightdeparturearea {
    text-align: right;
    margin-top: 11px;
}

.flightarrivalarea {
    text-align: left;
    margin-top: 11px;
}

.flighttimingblack {
    font-size: 20px;
    color: #071f45;
    line-height: 20px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.airporttextsmall {
    font-size: 14px;
    color: #58606c;
    line-height: 15px;
    text-transform: uppercase;
}

.flightdistanceborder {
    border-bottom: dashed 1px #c2c2c2;
    margin-top: 0px;
}

.flightstopcirclearea {
    position: relative;
    margin-bottom: -5px;
}

.flightstopcircle_left {
    background: #c2c2c2;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.flightstopcircle_right {
    background: #c2c2c2;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    float: right;
}

.flightdurationtime {
    font-size: 14px;
    color: #000;
    line-height: 16px;
    text-align: center;
}

.flightstop {
    font-size: 13px;
    color: #58606c;
    line-height: 16px;
    text-align: center;
    position: absolute;
    width: 100%;
}

.refundabletext {
    font-size: 12px;
    color: #439120;
    margin-top: 10px;
}

.nonrefundabletext {
    font-size: 12px;
    color: #bc2e31;
    margin-top: 10px;
}

.flightmoreoptions {
    background: #f8f5ed;
    font-size: 13px;
    line-height: 13px;
    color: #2b2729;
    position: relative;
    padding: 8px 0px 10px 0px;
    margin: 0px auto;
    width: 250px;
    text-align: center;
}

    .flightmoreoptions:before {
        content: url(../img/flightmoreoptions_shapeleft.png);
        left: -35px;
        top: 0px;
        padding: 0px 0px;
        position: absolute;
    }

    .flightmoreoptions:after {
        content: url(../img/flightmoreoptions_shaperight.png);
        right: -35px;
        top: 0px;
        padding: 0px 0px;
        position: absolute;
    }

    .flightmoreoptions a {
        color: #2b2729;
        text-decoration: none;
    }

        .flightmoreoptions a:hover {
            color: #000;
            text-decoration: none;
        }

.flightbox {
    border: solid #dedad1 1px;
    margin-top: 15px;
    padding: 0px;
}

.flightboxheading {
    background: #dedad1;
    padding: 10px 15px;
    font-size: 16px;
    color: #000;
    font-weight: 500;
    line-height: 18px;
}

    .flightboxheading img {
        vertical-align: top;
    }

.texttourduration14 {
    font-size: 13px;
    color: #000;
    line-height: 18px;
    font-weight: 400;
}

    .texttourduration14 span {
        background: #fff;
        font-size: 13px;
        color: #3b3e3b;
        padding: 2px 10px;
        margin-left: 5px;
        border-radius: 20px;
    }

.flightboxcont {
    background: #fff;
    padding: 15px 15px;
}

.departurearea {
    text-align: right;
}

.arrivalarea {
    text-align: left;
}

.flighttiming {
    font-size: 18px;
    color: #071f45;
    line-height: 18px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.airporttext {
    font-size: 13px;
    color: #58606c;
    line-height: 16px;
}

.flightdate {
    font-size: 13px;
    color: #000;
    line-height: 14px;
    margin-top: 5px;
}

.distanceborder {
    border-bottom: dashed 1px #c2c2c2;
    margin-top: 28px;
}

.distancecircle {
    position: relative;
    margin-bottom: -5px;
}

.distancecircle_left {
    background: #c2c2c2;
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

.distancecircle_right {
    background: #c2c2c2;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    float: right;
}

.airlineclass {
    font-size: 13px;
    color: #000;
    line-height: 16px;
    margin-top: 10px;
}

    .airlineclass span {
        color: #58606c;
    }

.flightstopline {
    border-bottom: 1px solid #e8e8e8;
    margin-top: 25px;
    margin-bottom: 33px;
    height: 10px;
    text-align: center;
}

    .flightstopline span {
        background: #be9d44;
        font-size: 13px;
        color: #fff;
        padding: 8px 20px;
        border-radius: 20px;
    }

.textblue15bold {
    font-size: 15px;
    color: #071f45;
    line-height: 20px;
    font-weight: 700;
}

.transferlistbox {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    border: solid 1px #eeeeee;
    transition: .4s;
    padding: 15px 15px;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
}

    .transferlistbox:hover {
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
    }

.listboxheading {
    font-size: 20px;
    color: #071f45;
    line-height: 20px;
    font-weight: 700;
}

    .listboxheading h3 {
        font-size: 20px;
        color: #071f45;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }

        .listboxheading h3 a {
            color: #071f45;
            text-decoration: none;
        }

            .listboxheading h3 a:hover {
                color: #000;
                text-decoration: none;
            }

.sidesubheading {
    font-size: 16px;
    color: #c8a335;
    line-height: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}

    .sidesubheading h3 {
        font-size: 22px;
        color: #071f45;
        line-height: 22px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 15px;
    }

    .sidesubheading h4 {
        font-size: 16px;
        color: #be9d44;
        line-height: 18px;
        font-weight: 500;
        margin-top: 0;
        margin-bottom: 0;
    }

.flightreviewbox {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    border: solid 1px #eeeeee;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 1px 15px 15px 15px;
}

.reviewbox {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    border: solid 1px #eeeeee;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 15px 15px;
}

.listboxreviwarea {
    padding: 15px 15px;
}

    .listboxreviwarea h3 {
        font-size: 20px;
        color: #071f45;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0;
        margin-bottom: 10px;
    }

        .listboxreviwarea h3 a {
            color: #071f45;
            text-decoration: none;
        }

            .listboxreviwarea h3 a:hover {
                color: #000;
                text-decoration: none;
            }

.loginbox {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    border: solid 1px #eeeeee;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
}

    .loginbox h3 {
        font-size: 18px;
        color: #071f45;
        line-height: 22px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 10px;
    }

.loginformbg {
    background: #fbf8ee;
    padding: 15px 20px;
    border-radius: 4px 0px 0px 4px;
}

.guestloginbg {
    padding: 15px 20px;
}

.faresummaryheading {
    background: #be9d44;
    border-radius: 5px 5px 0px 0px;
    padding: 15px 15px;
}

    .faresummaryheading h3 {
        font-size: 20px;
        color: #fff;
        line-height: 20px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 0px;
    }

.faresummarytotal {
    background: #f8f5ed;
    padding: 15px 15px;
    border-radius: 0 0 5px 5px;
}

.textblue17bold {
    font-size: 17px;
    color: #071f45;
    line-height: 22px;
    font-weight: 700;
}

.note_box {
    background: #fbf8ee;
    padding: 15px 15px;
    color: #000;
    font-size: 13px;
    line-height: 20px;
    margin-top: 15px;
}

.paymentsuccesstext {
    font-size: 22px;
    color: #000;
    line-height: 30px;
    font-weight: 500;
}

.thankyoutext {
    font-size: 30px;
    color: #071f45;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}

.innercollageform {
    position: absolute;
    z-index: 11;
    margin-top: -190px;
    min-height: 190px;
    width: 100%;
    padding-top: 30px;
    background: rgba(7,31,69,0);
    background: -moz-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,31,69,0)), color-stop(29%, rgba(7,31,69,0.66)), color-stop(100%, rgba(7,31,69,1)));
    background: -webkit-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: -o-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: -ms-linear-gradient(top, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    background: linear-gradient(to bottom, rgba(7,31,69,0) 0%, rgba(7,31,69,0.66) 29%, rgba(7,31,69,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071f45', endColorstr='#071f45', GradientType=0 );
}

    .innercollageform h2 {
        text-align: center;
        font-size: 28px;
        color: #fff;
        line-height: 28px;
        font-weight: 700;
        margin-top: 0px;
        margin-bottom: 15px;
    }

.topdestinationbox {
    background: #fff;
    border-radius: 4px;
    margin-bottom: 15px;
    border: solid 1px #eeeeee;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
}

    .topdestinationbox a {
        background: #fff;
        border-radius: 5px;
        padding: 10px 15px;
        font-size: 16px;
        color: #071f45;
        font-weight: 500;
        text-decoration: none;
        display: block;
        transition: 0.4s;
    }

        .topdestinationbox a:hover {
            background: #071f45;
            border-radius: 5px;
            padding: 10px 15px;
            color: #fff;
            text-decoration: none;
            display: block;
        }

.loginbox1 {
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 10px 10px;
}

.loginarea {
    background: #8e773b;
    border-radius: 10px 0px 0px 10px;
    padding: 20px 30px 20px 30px;
    min-height: 375px;
}

.loginheading {
    margin-bottom: 15px;
}

.newuserarea {
    border-radius: 0px 12px 12px 0px;
    padding: 20px 30px 10px 0px;
}

.loginheading h2 {
    font-weight: 700;
    font-size: 22px;
    color: #fff;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.loginheading h3 {
    font-weight: 700;
    font-size: 22px;
    color: #071f45;
    line-height: 24px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.textwhite13 {
    font-size: 13px;
    color: #fff;
}

    .textwhite13 a {
        color: #fff;
        text-decoration: none;
    }

        .textwhite13 a:hover {
            color: #fff;
            text-decoration: underline;
        }

.myaccountmenu {
    display: inline-block;
    background: #fff;
    border-radius: 4px;
    margin-bottom: 30px;
    border: solid 1px #eeeeee;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 5px 5px;
}

    .myaccountmenu li {
        width: 100%;
        color: #000;
        font-size: 14px;
        border-bottom: dotted 1px #7c91a0;
        list-style: none;
        margin-bottom: -2px;
    }

        .myaccountmenu li a {
            width: 100%;
            color: #000;
            font-size: 14px;
            text-decoration: none;
            padding: 9px 10px;
            display: block;
        }

            .myaccountmenu li a:hover {
                text-decoration: none;
                background-color: #fbf8ee;
            }

.myaccountmenuactive {
    text-decoration: none;
    background-color: #fbf8ee !important;
}

.mytripbox {
    background-color: #fff;
    border: solid 1px #eeeeee;
    transition: .4s;
    -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.1);
    margin-top: 20px;
    border-radius: 4px;
    padding: 15px 10px;
}

    .mytripbox:hover {
        -webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
        box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
    }

.refundbox {
    background-color: #d9d9d9;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #676d73;
    text-align: center;
    width: 70px;
}

.cancelbox {
    background-color: #529bc8;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.canceledbox {
    background-color: #E8050C;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 62px;
}

.confirmedbox {
    background-color: #4CA316;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.notpaidbox {
    background-color: #a20300;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.holdingbox {
    background-color: #f36519;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.finalizedbox {
    background-color: #576c11;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.pendingbox {
    background-color: #d14e54;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.rejectedbox {
    background-color: #ff0000;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.expiredbox {
    background-color: #380001;
    border-radius: 3px;
    padding: 2px 0px;
    font-weight: 500;
    font-size: 13px;
    color: #fff;
    text-align: center;
    width: 70px;
}

.moreoptionbg {
    font-size: 13px;
    color: #000;
    background-color: #f8f5ed;
    padding: 7px;
    margin-top: 30px;
    border: solid 1px #f0ece2;
    border-radius: 5px;
    text-align: center;
}

    .moreoptionbg a {
        color: #000;
        text-decoration: none;
    }

        .moreoptionbg a:hover {
            color: #071f45;
            text-decoration: none;
        }

.printbutton {
    font-size: 13px;
    color: #2C9BE1;
}

.printbutton {
    font-size: 13px;
    color: #071f45;
    background-color: #fff;
    border-radius: 30px;
    border: 1px solid #D0D0D0;
    padding: 7px 9px;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(209,209,209,1);
    -moz-box-shadow: 0px 1px 2px 0px rgba(209,209,209,1);
    box-shadow: 0px 1px 2px 0px rgba(209,209,209,1);
    margin: 0 2px;
    width: auto;
    display: inline-block;
    margin-bottom: 5px;
}

    .printbutton a {
        text-decoration: none;
        padding-left: 3px;
        color: #071f45;
    }

.mytripbox2 {
    background-color: #eeeff0;
    padding: 10px 10px;
    margin-bottom: 5px;
}

.mytripbox2selected {
    background-color: #071f45;
    padding: 10px 10px;
    margin-bottom: 5px;
}

    .mytripbox2selected div {
        color: #fff;
    }

.textblue14 {
    font-size: 13px;
    color: #be9d44;
    font-weight: 500;
}

    .textblue14 a {
        color: #be9d44;
        text-decoration: none;
    }

        .textblue14 a:hover {
            color: #071f45;
            text-decoration: none;
        }

.loadingbox {
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 15px 15px;
}

.testimonialsboxmar {
    margin-bottom: 40px;
}

.testimonialsbox {
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
    padding: 50px 20px 20px 20px;
}

.testimonialsqoute {
    position: absolute;
    margin-left: 30px;
    background: #d4b768;
    padding: 8px 12px 12px 12px;
    margin-top: -7px;
    border-radius: 0px 0px 5px 5px;
}

.testimonialsshape {
    position: absolute;
    margin-left: 23px;
    margin-top: -13px;
}

.testimonialstext {
    font-size: 14px;
    color: #000;
    line-height: 22px;
    margin-bottom: 20px;
}

.testimonialsname {
    font-size: 14px;
    color: #071f45;
    line-height: 18px;
    font-weight: 700;
}

    .testimonialsname span {
        font-size: 13px;
        color: #58606c;
        font-weight: 400;
    }

.contactbox {
    background: #fff;
    -webkit-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
    box-shadow: 5px 5px 15px 0px rgba(0,0,0,0.1);
    border-radius: 10px;
    padding: 30px 20px;
    margin-bottom: 30px;
    border: solid 1px #eeeeee;
}

    .contactbox h4 {
        color: #071f45;
        font-size: 20px;
        font-weight: 700;
        margin-top: 15px;
        margin-bottom: 15px;
        min-height: 45px;
    }

.textblack16 {
    color: #000;
    font-size: 16px;
    line-height: 24px;
}

.contcontareabg {
    background: #f8f5ed;
}

.contcontarea {
    padding: 50px;
    color: #000;
    font-size: 16px;
}

    .contcontarea span {
        color: #d4b768;
        font-size: 20px;
    }

    .contcontarea a {
        color: #000;
        text-decoration: none;
    }
    .packagedethotelarea {
	margin-bottom:30px;	
}
.packagedethotelarea h3 {
	font-size: 20px;
	color: #d4b768;
	line-height: 22px;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 10px;
}
.packagedethotelarea h3 span {
	font-size:13px;
	color:#080b01;
    font-weight: 400;
    line-height: 24px;
    margin-left: 10px;
    vertical-align: text-top;
}
.packagedethotellist {
    background: #fff;
    border-radius: 8px;
    padding: 15px 15px;
    border: solid 1px #edeeef;
    transition: .4s;
    -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05);
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.05);
}
.packagedethotellist h3 {
    font-size: 16px;
    color: #080b01;
    line-height: 20px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 10px;
}
.packagedethotellist h3 a {
    color: #080b01;
    text-decoration: none;
}
.packagedethotellist h3 a:hover {
    color: #a0c141;
    text-decoration: none;
}
.packagedethotellistimg {
    background: url(../img/noimage.png) no-repeat center center #ecf5f4;
    height: 100px;
    width: 100%;
}
.packagedethotellistimg img {
    height: 100px;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
.textgreen13italic {
    font-size: 13px;
    color: #d4b768;
    font-style: italic;
}
/****************************************************************************************************
Media Query css start here
****************************************************************************************************/

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

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

    .rowmargintabmob30 {
        margin-top: 30px;
    }

    .rowmargintabmob20 {
        margin-top: 20px;
    }

    .rowmargintabmob10 {
        margin-top: 10px;
    }

    .topband {
        background: #32230d;
        border-bottom: none;
    }

        .topband.active {
            background: #fff;
        }

    .menu {
        margin-top: 3px;
    }

    .topmenu {
        margin-top: 25px;
        margin-right: 40px;
    }

    .collage {
        margin: 0px;
        padding-top: 89px;
    }

    .topbandoverlay {
        min-height: auto;
    }

    .collageform {
        position: relative;
        margin-top: 0px;
        min-height: auto;
        background: rgba(7,31,69,1);
        background: -moz-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,31,69,1)), color-stop(100%, rgba(7,31,69,1)));
        background: -webkit-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: -o-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: -ms-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: linear-gradient(to bottom, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071f45', endColorstr='#071f45', GradientType=0 );
    }

    .tagline {
        margin-top: 250px;
    }

    .formsearchfieldbg {
        border-radius: 25px 25px 5px 5px;
        padding: 0px 15px;
    }

    .formdividerborder {
        border-left: solid 0px #d0ccc7;
        border-top: solid 1px #d0ccc7;
    }

    .innercollage {
        margin: 0px;
        padding-top: 89px;
    }

    .innercollageheadingbg {
        height: 310px;
    }

    #nav_barfixed {
        top: 89px;
    }

    .hotelsearcleftarea {
        padding: 0px 12px 15px 12px;
        border-bottom: solid 1px #e8e8e8;
    }

    .selectroomarea {
        background: #f7f4ea;
        border-radius: 15px;
        padding: 20px 15px;
    }

    .loginformbg {
        border-radius: 4px 4px 0px 0px;
    }

    .innercollageform {
        position: relative;
        margin-top: 0px;
        min-height: auto;
        background: rgba(7,31,69,1);
        background: -moz-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(7,31,69,1)), color-stop(100%, rgba(7,31,69,1)));
        background: -webkit-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: -o-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: -ms-linear-gradient(top, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        background: linear-gradient(to bottom, rgba(7,31,69,1) 0%, rgba(7,31,69,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#071f45', endColorstr='#071f45', GradientType=0 );
        padding-bottom: 30px;
    }

    .contcontarea {
        padding: 30px;
    }
}

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

    .rowmargin40 {
        margin-top: 40px;
    }

    .rowmargin30 {
        margin-top: 30px;
    }

    .rowmargin20 {
        margin-top: 20px;
    }

    .rowmargin10 {
        margin-top: 10px;
    }

    .rowmarginbotm20 {
        margin-bottom: 20px;
    }

    .rowmargindesk30 {
        margin-top: 0px;
    }

    .right-mob-left {
        text-align: left;
    }

    .right-mob-center {
        text-align: center;
    }

    .left-mob-center {
        text-align: center;
    }

    .left-mob-right {
        text-align: right;
    }

    .center-mob-left {
        text-align: left;
    }

    .center-mob-right {
        text-align: right;
    }

    .hidemob {
        display: none;
    }

    .listarea {
        margin: 0px 0px;
        padding: 15px 15px;
        border-right: solid 0px #e8e8e8;
        border-bottom: solid 1px #e8e8e8;
    }

    .pricearea {
        margin: 15px 15px 15px 15px;
    }

    .itinerarycontarea {
        border-left: solid 0px #d4b768;
        border-top: solid 2px #d4b768;
        padding-left: 0px;
        margin-top: 15px;
        padding-top: 20px;
    }

    .nav_linksfixed li a {
        padding: 7px 10px;
        font-size: 15px;
    }

    .refundabletext {
        margin-top: 5px;
    }

    .nonrefundabletext {
        margin-top: 5px;
    }

    .flightvertdivider {
        border-right: none;
        border-bottom: solid 1px #e8e8e8;
        padding-right: 0px;
        padding-bottom: 15px;
    }

    .texttourduration14 {
        margin-top: 5px;
    }

    .flightboxcont {
        padding: 15px 10px;
    }

    .loginarea {
        border-radius: 10px 10px 0px 0px;
        padding: 20px 15px 20px 15px;
        min-height: auto;
    }

    .newuserarea {
        border-radius: 0px 0px 10px 10px;
        padding: 20px 10px 10px 10px;
    }
}

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

    .tagline {
        margin-top: 140px;
        font-size: 30px;
        line-height: 30px;
    }

    .innercollageheading h2 {
        margin-bottom: 10px;
    }

    #nav_barfixed {
        overflow-x: auto;
        white-space: nowrap;
    }

    .innercollage img {
        height: 200px;
    }

    .innercollageheadingbg {
        height: 200px;
    }
}

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


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