/*--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
--*/

body {
    margin: 0;
    font-family: 'DM Sans', sans-serif;
    background-color: #fff;
}

.weekend-grid-info p span {
        font-size: 17px;
    line-height: 25px;
    color: #f44336;
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
}

body a {
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
    text-decoration: none;
}

span.damt {
    font-size: 12px;
}


.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
   color: #292929;
    background-color: #f5f5f5;
    border-color: #d3bb1c;
    box-shadow: 0px 2px 6px 1px #fadd46;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

.mt-3 {
    margin-top: 2rem;
}

h2,
.h2 {
    font-size: 24px;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #c7d0d9;
}

.flexslider .slides img {
    width: 100%;
    display: block;
    border-radius: 4px;
    height: 500px;
}

#cur-form {
    display: flex;
}

.flex-control-thumbs img {
    width: 100%;
    display: block;
    opacity: 0.7;
    cursor: pointer;
    height: 80px;
}

.single-pg-hdr hr {
    margin: 5px 0;
}

.tags {
    margin: 2rem 0;
    padding: 2rem 2rem;
    box-shadow: -2px 0px 6px #e0e0e0;
    /* border-radius: 21px; */
    background: white;
    border: 1px solid #c8c8c8;
}

.single-gd-lt .flexslider {
    border: none;
}
.sub-menu li{
    display: block!important;
}
.check {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* Hide the browser's default checkbox */

.check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}


/* Create a custom checkbox */

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}


/* On mouse-over, add a grey background color */

.check:hover input~.checkmark {
    background-color: #ccc;
}


/* When the checkbox is checked, add a blue background */

.check input:checked~.checkmark {
    background-color: #0a7bbd;
}


/* Create the checkmark/indicator (hidden when not checked) */

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}


/* Show the checkmark when checked */

.check input:checked~.checkmark:after {
    display: block;
}


/* Style the checkmark/indicator */

.check .checkmark:after {
    left: 9px;
    top: 4px;
    width: 8px;
    height: 13px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.list-xr {
        margin-bottom: 5px;
    color: #0e0e0e;
    background: #fcf8e3;
    border: 1px solid #f0f0f1;
    border-radius: 2px;
    font-weight: 500;
    outline: none;
}

p {
    margin: 0;
}
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    margin-left: 0px;
    border-radius: 4px;
    margin: 1rem;
}
.breadcrumb a {
        font-size: 18px;
    font-weight: 800;
    color: black;
}

.w3l-products-page .map-single.product-details-top {
    margin: 2em 0;
}
.w3l-products-page .map-single {
    background: #fff;
    padding: 20px;
    box-shadow: 0 3px 18px 0 rgb(17 17 17 / 6%);
    border: 2px solid #eee;
}
.w3l-products-page .d-grid.some-text-spe {
    grid-template-columns: 1.2fr 0fr;
}
.d-grid {
    display: grid;
}

.w3l-products-page .map-single.product-details-top h4 {
    font-weight: normal;
    display: flex;
    margin-bottom: 10px;
}
.w3l-products-page span.w3layouts-agileinfo {
    width: 170px;
    font-weight: 600;
}
.w3l-products-page .map-single.product-details-top h4 p {
    margin-left: 10px;
}

.w3l-blog-single .blog aside {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px;
    border: 2px solid #eee;
}
.w3l-blog-single ul.category li a, .w3l-blog-single ul.category li {
    margin-bottom: 10px;
    color: var(--para-color);
    font-size: 16px;
    line-height: 25px;
    display: flex;
    align-items: baseline;
    width: 100%;
}
.w3l-products-page ul.category.product-page li {
    padding-bottom: 1em;
}
.w3l-blog-single ul.category li {
    list-style: none;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.w3l-blog-single h3.aside-title {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.w3l-products-page ul.category.product-page li {
    padding-bottom: 1em;
}

.w3l-blog-single ul.category li {
    list-style: none;
    border-bottom: 1px solid #fff;
    margin-bottom: 20px;
}
.w3l-blog-single .blog aside {
    background: #fff;
    margin-bottom: 30px;
    padding: 20px;
    border: 2px solid #eee;
}
.w3l-post-sec-main .post-cont {
       
    margin: auto;
    padding: 20px 20px;
}
.w3l-post-sec-main .grid-col-2 {
    grid-template-columns: 1fr 1fr;
    align-items: end;
    grid-gap: 20px;
}
.d-grid {
    display: grid;
}
.w3l-post-sec-main .ele-9its_grid select {
    background: url(../images/down.png) no-repeat 96% 52%;
    width: 100%;
}

.w3l-post-sec-main .ele-9its_grid h5 {
        color: #333;
    font-size: 15px;
    margin-bottom: 7px;
    font-weight: 800;
}
.heading-title
{
    text-align: center;
    position: relative;
    display: inline-block;
   color: #ffffff!important;
    line-height: 30px;
    padding: 5px 30px 6px 15px;
    background: #2681ff;
    text-transform: uppercase;
    font-weight: 800;
        margin-bottom: 15px;
}
a {
    color: #fff;
    text-decoration: none;
}
.heading-title:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 0px;
    width: 20px;
    height: 100%;
    background: #e5d546;
    transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
}
.w3l-post-sec-main .ele-9its_grid input, .w3l-post-sec-main .ele-9its_grid select {
        width: 100%;
    margin-bottom: 15px;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    border: none;
    
    height: 45px;
    
    border-radius: 7px;
    font-weight: 400;
    font-size: 16px;
    background: #fff;
    color: #696969;
    box-shadow: 0 4px 14px 0 rgb(0 0 0 / 10%);
    transition: background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;
}

.w3l-ecom-cart .product {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    display: flex;
    align-items: center;
}
.w3l-ecom-cart .group, .w3l-ecom-cart .shopping-cart, .w3l-ecom-cart .column-labels, .w3l-ecom-cart .product, .w3l-ecom-cart .totals-item {
    zoom: 1;
}
.w3l-products-4 .product {
    position: relative;
}
.w3l-ecom-cart .product-quantity {
    float: left;
    width: 25%;
    text-align: center;
}
.w3l-ecom-cart .column-labels label {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
    color: #333;
    font-weight: 600;
}
.w3l-ecom-cart .product-price {
    float: left;
    width: 28%;
    color: #2C3038;
    font-weight: bold;
}
.w3l-ecom-cart label {
    color: #aaa;
}

.w3l-ecom-cart .covers-main {
    padding: 40px 0;
}

.wrapper {
    max-width: 1140px;
}

.w3l-ecom-cart .group:before, .w3l-ecom-cart .shopping-cart:before, .w3l-ecom-cart .column-labels:before, .w3l-ecom-cart .product:before, .w3l-ecom-cart .totals-item:before, .w3l-ecom-cart .group:after, .w3l-ecom-cart .shopping-cart:after, .w3l-ecom-cart .column-labels:after, .w3l-ecom-cart .product:after, .w3l-ecom-cart .totals-item:after {
    content: '';
    display: table;
}
.w3l-ecom-cart .group:after, .w3l-ecom-cart .shopping-cart:after, .w3l-ecom-cart .column-labels:after, .w3l-ecom-cart .product:after, .w3l-ecom-cart .totals-item:after {
    clear: both;
}


ul,
label {
    margin: 0;
    padding: 0;
}

.flexslider .slides.indc img {
    height: 150px;
    -moz-user-select: none;
}

.ads-h2 {
    font-size: 48px;
    padding: 40px 26px 32px 39px;
}

body a:hover {
    text-decoration: none;
}


/*--header--*/

.header {
    padding: 0em 0 0 0;
    position: relative;
    background-color: #ffffff;
}

nav.navbar.navbar-default {
    background: none;
}

.book-left-form1 label {
    color: #353331;
    font-weight: 500;
    font-weight: 400;
}

.book-left-form1 h5 {
    color: #2753d7;
    font-weight: 600;
    font-size: 1.7rem;
}

.book-left-form1 p {
    font-size: 1.3rem;
    color: #584f4f;
}

.book-left-form1 .form-control:focus {
    border: 1px solid #c7d0d9 !important;
}

.footer1-fixed {
    position: fixed;
    padding: 12px;
    height: 75px;
    background-color: white;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
    box-shadow: 0px 1px 5px #3e3e3e;
    z-index: 1000;
}

.type-search {
    color: #353030;
}

.img-user {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 7px;
}

.review-div {
    border: 1px solid #c7d0d9;
    border-radius: 10px;
    display: flex;
    padding: 22px;
}

.due-div {
    padding: 5rem 4rem;
    border: 1px solid #ccc;
}

.due-div .nodes {
    margin-bottom: 2rem;
}

.due-div .nodes h4 {
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
}

.due-div .nodes p {
    font-size: 1.6rem;
}

.due-div .table td {
    text-align: right !important;
}

.due-div .table td h4 {
    font-size: 1.9rem;
}

.due-div .table td p {
    font-size: 1.6rem;
}

.due-div .table td p.total {
    color: #2330ca;
}

.due-div .table td p.bal {
    color: red;
}

.due-div .table td p.Old {
    color: red;
}

.due-div .table td p.paid {
    color: green;
}

.due-div .table td p.Upcomming {
    color: green;
}

.due-div .info {
    text-align: center;
    font-weight: bold;
}

.due-div .btn-pay {
    border-radius: 0;
    padding: 1rem 4rem;
    font-size: 2rem;
    outline: none !important;
}
.single-title
{
	font-size: 23px;
    line-height: 25px;
    font-weight: 600;
    margin: 15px 0px;
    text-transform: uppercase;
}

.due-div .table td p.due {
    color: green;
}

.review-div textarea {
    border-radius: 8px;
    margin-top: 5px;
    width: 100%;
    padding: 12px 14px;
    background-color: #efefef;
}

.inline-flex {
    display: inline-flex;
}

.m1-rem {
    margin: 0.7em 0;
}

.rating-div1 {
    margin-top: 7px;
    margin-left: 5px;
    background-color: #157619;
    color: white;
    padding: 4px 7px;
    border-radius: 6px;
    width: fit-content;
    height: 28px;
}

.rating-div1 span {
    color: white;
}

.review-div div {
    width: 100%;
}

.review-div div>p {
    color: grey;
    padding-left: 6px;
    padding-top: 5px;
}

.review-div textarea:focus {
    border: 1px solid #c7d0d9;
    box-shadow: none;
}

.review-div a>button {
    outline: none;
    border: none;
}

.review-div a {
    position: absolute;
    bottom: 77px;
    right: 39px;
}

.about-info1 {
    margin-bottom: 2rem;
}

.deal-div {
    margin-bottom: 1rem;
}

button.btn-type {
    border: none;
    background: transparent;
    outline: none;
}

button.btn-type:hover {
    color: blue;
}

.deal-div img {
    width: 100%;
    
    margin: auto;
    display: block;
}


.w3l-pricing-7-main .pricing-7-sec {
    background: #fff;
    padding: 80px 0;
}
.w3l-pricing-7-main .pricing-sec-7 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 80px auto 0;
    width: 90%;
}
.w3l-pricing-7-main .pric-7-1 {
    padding: 5em 2.5em;
    border: 2px solid #e6e6e6;
    border-right: 0;
}



.w3l-pricing-7-main .pricing-gd-left.active {
    border: 2px solid #e6e6e6;
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
    -o-transform: scale(1.06);
    -ms-transform: scale(1.06);
    z-index: 1;
    margin: 0 8px;
    box-shadow: 0 10px 30px 0 rgb(17 17 17 / 9%);
}
.w3l-pricing-7-main .pricing-gd-left {
    padding: 2em 2.5em 3em;
    border: 2px solid #e6e6e6;
}
.w3l-pricing-7-main h6 {
    font-size: 16px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding: 12px;
    background: var(--main-bg-color);
}
.w3l-pricing-7-main h4 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 30px;
    text-align: center;
}
.w3l-pricing-7-main h4 label {
    font-size: 25px;
    vertical-align: text-top;
}
.w3l-pricing-7-main h4 span {
    font-size: 16px;
    line-height: 25px;
    color: #c3cac3;
    font-weight: 400;
}
.w3l-pricing-7-main ul.links {
    min-height: 120px;
}
.w3l-pricing-7-main ul.links li {
    list-style: none;
    margin-bottom: 14px;
    color: #304659;
}
.w3l-pricing-7-main ul.links li {
    display: grid;
    grid-template-columns: 1fr 5fr;
    grid-gap: 10px;

}
.w3l-pricing-7-main .tick-mark {
    text-align: center;
}

.w3l-pricing-7-main ul.links li span {
    color: #4c4c4c;
}
.fa-check:before {
    content: "\f00c";
}
.w3l-pricing-7-main p.tick-info {
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
}
.w3l-pricing-7-main .buy-button {
    margin-top: 3.5em;
}
.footer1-fixed button.ques {
    background-color: white;
    border: 3px solid #0d47a1;
    color: #0d47a1;
    font-weight: 600;
    box-shadow: none;
    border-radius: 24px;
}

.img-icon1 {
    width: 40px;
    height: 30px;
    padding: 0;
    padding-right: 8px;
}

.footer1-fixed button {
    float: right;
    height: 100%;
    margin: 0px 5px;
    white-space: nowrap;
    background-color: #0d47a1;
    color: white;
    border: 1px solid #0f408c;
    border-radius: 2px;
    outline: none;
}

.state-div {
    padding: 2rem;
    border: 1px solid #c7d0d9;
    text-align: center;
    margin-bottom: 5px;
    background: #806f6f;
    height: 35rem;
    width: 34.8rem;
    margin: auto;
    background-size: cover!important;
    display: table;
    border-radius: 0;
    box-shadow: 0 0 0px black;
    background-image: linear-gradient( 109.6deg, rgba(31, 179, 237, 1) 11.2%, rgba(17, 106, 197, 1) 91.1%);
}

.state-div h3 {
    color: white;
    text-shadow: 0 0 5px #000000;
    font-size: 2.5rem;
    text-transform: capitalize;
    text-align: left;
}

.div-price p {
    color: #006708;
    font-weight: 500;
    text-shadow: 0 0 0px white;
    padding-left: 4px !important;
}

.info-div h2 {
    font-size: 24px;
}

.info-div p {
    padding-left: 4px !important;
}

.div-price span.big {
    font-size: 26px;
    font-weight: 500;
    color: black;
}

.div-price span.small {
    font-size: 18px;
    font-weight: 500;
}

.footer1-fixed button img {
    width: 20px;
    height: 20px;
}

.state-div h6 {
    color: white;
    text-shadow: 0 0 5px #000000;
    font-size: 1.2rem;
    text-transform: capitalize;
    text-align: left;
    margin-top: 8px;
}

nav.navbar.navbar-default {
    background: none;
    border: none;
    margin: 0;
}

.logo {
    float: left;
    display: inline-block;
}

.logo h1 {
    margin: 0;
    margin-top: 4px;
}

.logo h1 a {
    color: #292929;
    padding: 0.2em 0;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 1em;
}

.logo h1 a span {
    color: #2681ff;
}


/*-- top-nav --*/

.nav-top {
    margin: 4px 0em 0em 0;
    background-color: #2681ff;
    padding: 16px;
    margin: auto;
}

.top-nav {
    margin: 0 auto 0 0;
    width: auto;
    float: left;
}

.top-nav ul {
    padding: 0;
    margin: 0;
}

.top-nav ul li {
    display: inline-block;
    text-decoration: none;
}

.top-nav ul li.active a {
    color: #ffff01;
}
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    color: white;
}

.top-nav ul li a:hover {
    color: #ffff01;
}

.mt-25 {
    margin-top: 25px;
}

.img-acc {
    height: 150px;
    width: 100%;
    display: block;
    margin: auto;
    box-shadow: 0 0 4px black;
    border-radius: 8px;
}

.img-icon3 {
    width: 24px;
    height: 24px;
    margin-top: -4px;
    margin-right: 5px;
}

.my-15 {
    margin: 15px 0;
}

.holidays-grids {
    background-color: #2681ff;
    padding: 15px 16px 15px 38px;
    text-align: center;
    margin-bottom: 26px;
    color: whitesmoke;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 26px;
    border-radius: 5px;
    box-shadow: 0 0 6px #c5b6b6;
}

.top-nav ul li a {
    display: block;
    padding: 0.2em 1em;
    position: relative;
    cursor: pointer;
  
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}

.header-dropdown {
    float: right;
}

.dropdown-grids {
    float: right;
}


/*--Login --*/

#loginContainer {
        position: relative;
    padding: 0.6em 1em;
    
    background:yellow;
    box-shadow: -2px 1px 18px 0px #aaa;
}

#loginContainer a span {
    padding: 0.5em 2em;
    color: #292929;
    font-weight: 800;
}

#loginButton {
    position: relative;
    z-index: 30;
    outline: none !important;
    background-color: transparent !important;
    cursor: pointer;
}

#loginBox {
    position: absolute;
    top: 45px;
    left: -258px;
    display: none;
    z-index: 99999;
}

.login-error {
    text-align: center;
    color: rgb(235, 41, 41);
    font-weight: 400;
}

.trips .nav-tabs {
    border: none;
}

.trips .nav-tabs li img {
    width: 22px;
    height: 26px;
    margin-right: 6px;
}

.trips .nav-tabs li {
    display: inline-flex;
}

.tab-content thead td {
    font-weight: 500;
    font-size: 14px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
    color: #2196F3;
}

.nav-tabs li a {
    font-size: 16px;
    cursor: pointer !important;
    color: #616161;
    font-weight: 500;
}

.trips .nav-tabs li a {
    border-top-right-radius: 0;
   
    cursor: pointer !important;
}

.trips .nav-tabs li.active a {
    font-weight: 600;
    cursor: pointer !important;
    border-bottom: 2px solid #d71b1b !important;
}

.trips .nav-tabs>li>a,
.trips .nav-tabs>li>a:hover,
.trips .nav-tabs>li>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    padding-left: 15px;
    font-size: 1.6rem;
}

.trips .nav-tabs>li.active>a,
.trips .nav-tabs>li.active>a:hover,
.trips .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: none;
    padding-left: 15px;
}

.loginForm:after {
    content: "";
    position: absolute;
    right: 25px;
    top: -9px;
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid #b8bec7;
}

.pay-by-card {
    width: 24px;
    height: 23px;
    vertical-align: bottom;
}

#loginForm.signup1 {
    width: 100%;
    background: white !important;
    border: none !important;
    border-radius: 15px;
}

#loginForm {
    width: 375px;
    background: #FFF;
    box-shadow: 0 0 8px 0 rgb(161 161 161 / 50%);
}

#loginForm fieldset {
    margin: 0 0 15px 0;
    display: block;
    border: 0;
    padding: 0;
}

fieldset#body {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    margin: 0 0 1em 0;
}

#loginForm #checkbox {
    width: auto;
    margin: 3px 6px 0 0;
    float: left;
    padding: 0;
    border: 0;
    *margin: -3px 9px 0 0;
}

#body label {
    color: #251e19;
    margin: 10px 0 0 0;
    display: block;
    float: left;
    font-size: 0.9em;
}

#loginForm #body fieldset label {
    display: block;
    float: none;
    margin: 0 0 6px 0;
    font-weight: 400;
}

#body label i {
    color: #9e9e9e;
    font-size: 1em;
    font-weight: 400;
    padding-left: 5px;
}

#loginForm input {
    background: #fff;
    display: inline-block;
    padding: 10px 15px 10px 15px;
    font-weight: 400;
    box-shadow: none !important;
    color: #333;
    border: 1px solid #ccc;
    font-size: 15px;
    width: 100%;
    text-transform: capitalize;
    outline: none;   
    -webkit-transition: 0.5s all;
}

#loginForm #login {
    color: #fff;
    font-size: 1.2em;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    background-image: linear-gradient( 109.2deg, rgb(52, 86, 255) 16.5%, rgba(51, 159, 247, 1) 81%);
    border-radius: 8px;
}

#loginForm #login:hover {
    background: #ffffff;
    color: #777;
    border: 1px solid #777;
}

#loginForm span {
    display: block;
    padding-bottom: 15px;
}

.about-right1 img {
    margin: 0px;
    width: 100%;
    border-bottom: 4px solid #f44336;
    border-top: 4px solid #333533;
    box-shadow: -1px 0px 3px #e4e3e3;
}

.about-right12 img {
    margin: 0px;
    width: 100%;
    padding: 50px;
    border-bottom: 4px solid #f44336;
    border-top: 4px solid #333533;
    box-shadow: -1px 0px 3px #e4e3e3;
}

#loginForm span a {
    color: #0c0b0b !important;
    padding: 0 !important;
    font-size: 0.9em;
}

#loginForm span a:hover {
    text-decoration: none;
    color: #2b2b2b !important;
}

input:focus {
    outline: none;
}

.login-grid-left {
    float: none;
    width: 100%;
    padding: 2em;
    z-index: 10001;
}

.or-grid {
    margin: 1em 0;
    position: relative;
    text-align: center;
}

.or-grid p {
    color: #777;
    font-size: 1em;
    margin: 0;
}

.or-grid p:before {
    content: "";
    background: #777;
    padding: 0.4px;
    position: absolute;
    width: 43%;
    top: 47%;
    left: 1%;
}

.or-grid p:after {
    content: "";
    background: #777;
    padding: 0.4px;
    position: absolute;
    width: 43%;
    top: 47%;
    right: 1%;
}

.social-sits {
    margin: 2em 0 0 0;
}

.facebook-button {
    margin-bottom: 2em;
}

.button-bottom {
    margin-top: 1em;
}

.bk-signup {
    background: url(../images/asas1.svg) no-repeat;
    background-size: 100% 100%;
    border: 1px solid #efeaea;
    border-right-color: transparent;
}

.facebook-button a {
    background: url(../images/fb1.png) no-repeat 14px 9px #3b5998;
    color: #fff;
    padding: 0.5em 1em 0.5em 3em;
    text-decoration: none;
    font-size: 14px;
}

.chrome-button a {
    background: url(../images/ch1.png) no-repeat 14px 9px #dd4b39;
    color: #fff;
    font-size: 14px;
    padding: 0.5em 1em 0.5em 3em;
    text-decoration: none;
}

.social-sits p {
    color: #777;
    font-size: 0.9em;
}

.button-bottom p a {
    color: #df2229;
}

.emergency-grid {
    float: right;
}

.emergency-grid ul {
    padding: 0;
    margin: 0;
}

.emergency-grid ul li {
    display: inline-block;
    color: #5a5656;
    margin: 0;
    font-size: 16px;
}

.emergency-grid ul li.call {
    color: #292929!important;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 15px;
    margin-right: 11px;
}

.emergency-grid ul li a {
    color: #292929!important;
}

.img-testi {
    height: 100px!important;
    width: 100px!important;
    border-radius: 50%!important;
    margin: auto;
}
h3.title-main:before {
    left: -20px;
    bottom: -8px;
}
h3.title-main:before, h3.title-main:after {
    content: "";
    background: #333;
    width: 60px;
    height: 2px;
    position: absolute;
    right: 0;
    margin: 0 auto;
}
h3.title-main:after {
    left: 20px;
    bottom: -15px;
}

h3.title-main {
    font-size: 35px;
    line-height: 40px;
    color: var(--title-color);
    text-align: center;
    margin-bottom: 1.6em;
    font-weight: 600;
    position: relative;
    font-family: 'DM Sans', sans-serif;
}

.top-clip-offer {
    position: absolute;
    width: 54px;
    height: 54px;
    top: 0;
    right: 0;
    color: #fff;
    background: linear-gradient(45deg,rgba(231,76,60,0),rgba(231,76,60,0) 50%,#e74c3c 51%,#dfbc04);
}

.p-left-deals {
    float: left;
    width: 20%;
}
.recommended {
    position: relative;
    z-index: 5;
    left: -8px;
    bottom: 165px;
    background-image: linear-gradient(to right,#c1a40a,#2681ff);
    height: 20px;
    line-height: 20px;
    padding: 0;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
}
.recommended {
    width: 75px;
}
.recommended span {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
    width: 1px;
}
.recommended::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 0;
    height: 0;
    border-bottom: 0;
    border-top: 7px solid #021432;
    border-right: 0 solid transparent;
    border-left: 8px solid transparent;
    z-index: 0;
}
.p-right-deals {
    float: left;
    width: 80%;
    padding: 0.8em 0;
}

.top-clip-text {
    position: relative;
    top: 7px;
    left: 9px;
    width: 45px;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-weight: 700;
}

/*--//Login --*/


/*-- banner --*/

.img-slider {
    width: 100%;
    
    
}

@keyframes example {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}

.banner {
    background-size: cover;
    padding: 2em 0;
}

.offer {
    margin: 1em 0 0 0;
    border: solid 1px #fff;
    padding: 1em;
    background: rgba(0, 0, 0, 0.57);
}

.offer-left {
    float: left;
    width: 70%;
}

.offer-left h5 {
    color: #fff;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}

.offer-left p {
    color: #fff;
    font-size: 0.9em;
    margin: 0;
}

.offer-right {
    float: right;
    margin: 0.5em 0 0 0;
}

.offer-right a {
    background: #2681ff;
    text-shadow: none;
    color: #ffffff;
    font-size: 0.9em;
    padding: 0.5em 1em;
    border: solid 1px #2681ff;
}

.offer-right a:hover {
    border: solid 1px #fff;
    background: none;
}

.mb-0 {
    margin-bottom: 0;
}

.search-div
/*----sap-----*/

.sap_tabs {
    background: #F5F5F5;
    border-radius: 4px;
    /* border: 5px solid #c7d0d9; */
    box-shadow: -1px 1px 6px #b1acac;
}

.noUi-horizontal .noUi-handle {
    outline: none;
}

.noUi-connect {
    background: #0a7bbd !important;
}

.slider-div {
    margin-bottom: 2rem;
}

.slider-div input {
    width: 17px;
    border: none;
    text-align: right;
}

.btn-menu {
    float: right;
    margin: 1.4rem;
    margin-right: 0;
}

.btn-filter {
    border: none;
    background-color: transparent;
    width: 100%;
    text-align: left;
    outline: none;
    padding: 0;
    font-size: 1.9rem;
    font-weight: 600;
}

.filter-div {
    padding: 15px 20px;
    border: 1px solid #adb2b7;
    border-top: none;
}

.filter-div.top {
    padding: 15px 20px;
    border: 1px solid #adb2b7;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.filter-div.bottom {
    padding: 15px 20px;
    border: 1px solid #adb2b7;
    border-top: none;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.filter-div>div {
    margin-top: 2rem;
}

div.search-div {
    position: absolute;
    top: 65%;
    left: 15%;
}

div.search-div .form-group {
    margin: 18px 0px;
}

div.search-div .form-control {
    height: 55px;
    /* font-weight: 800; */
    font-size: 16px;
    box-shadow: 2px 1px 5px #dcd2d2;
}

.facts {
    padding: 2em 0 0 0;
}

.top1 {
    margin-top: 2%;
}

.tab-text h3 a {
    color: #918d8d;
    font-size: 1.4em;
    text-decoration: none;
}

.resp-tab-item:first-child {
    border-left: none;
    margin-right: 1em;
}

i.resp-tab-item.lost {
    margin: 0;
}

.resp-tab-item {
    border: none;
    color: #2b2b2b;
    font-size: 1em;
    background: #ffffff;
    cursor: pointer;
    padding: 0.5em 1em;
    display: inline-block;
    text-align: center;
    list-style: none;
    float: left;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    font-weight: 600;
}

.resp-tab-item:hover {
    background: #f9f9f9;
    text-shadow: none;
    color: #2b2b2b;
}

.resp-tab-active {
    background: #2681ff;
    text-shadow: none;
    color: #ffffff;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
}

.resp-content-active,
.resp-accordion-active {
    display: block;
}

.tab-text {
    float: right;
    width: 68.5%;
    position: relative;
}

.post-meta {
    margin-top: 1em;
}

.link1 {
    font-size: 0.9em;
    color: #918a8a;
    font-style: italic;
    font-weight: 600;
}

.post-meta a:hover {
    color: red;
}

.tab-left {
    margin-bottom: 5%;
}

li.resp-tab-item.lost {
    margin: 0;
}


/*---------*/

.register input[type="text"],
.register input[type="password"] {
    outline: none;
    font-size: 1em;
    font-weight: 400;
    color: #b4b4b4;
    padding: 15px 10px 15px 15px;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 95%;
    margin: 0em 0em 0em 0em;
    background: #f4f4f4;
}

.sign-up input[type="submit"] {
    background: #f7f7f7;
    color: #333;
    border: 1px solid #ccc;
    font-size: 1.1em;
    font-weight: 600;
    padding: 15px 10px 15px 15px;
    width: 100%;
    cursor: pointer;
    outline: none;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    margin-top: 1.5em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.sign-up input[type="submit"]:hover {
    color: #fff;
    background: #d7634d;
}


/* start booking_room */

.booking-info h2 {
    color: #fff;
    font-size: 2em;
    margin: 0 0 1em 0;
    font-weight: 700;
}

.booking-form {
    padding: 1em 0 0em 0;
}

.booking_room h4 {
    font-size: 1.5em;
    color: #202020;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
}

.booking_room p {
    font-size: 0.8725em;
    color: #6b6b6b;
    line-height: 1.8em;
}

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

.reservation ul li {
    list-style: none;
    display: inline-block;
}

.img-cur {
    height: 20px;
    width: 20px;
    margin-bottom: 3px;
}

.cur-contents>div.active {
    background: #eeee;
}

.reservation ul li.left {
    margin-left: 2em;
}

.reservation ul li.span1_of_1 {
    margin-bottom: 1.5em;
}

li.span1_of_1.left.h-child {
    margin-right: 2em;
}

li.span1_of_1.left.w-child {
    margin-right: 2em;
}

li.span1_of_1.left.tab-children {
    margin-right: 13em;
}

.reservation ul li.span1_of_2 {
    width: 9.33333%;
}

.reservation ul li.desti {
    width: 28%;
    margin-left: 2em;
}

.reservation ul li.desti:nth-child(1) {
    margin-left: 0;
}

.reservation h5 {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 15px;
    font-weight: 600;
}

select {
    color: #2d2b2b !important;
    font-size: 12px;
    padding: 7px 33px 7px 7px;
    outline: none;
    border: 1px solid #c7d0d9;
    background: url(../images/arrow.png) no-repeat 96% center #ffffff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -webkit-appearance: none;
    border-radius: 5px;
}

table h4 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

table .border {
    border-top: 1px solid black;
}

select option {
    border: 1px solid #dfdfdf;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.book_date input[type="text"] {
    width: 100% !important;
    color: #9f9f9f;
    font-size: 14px;
    padding: 8px 23px;
    outline: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    position: relative;
}

.book_date input[type="date"] {
    width: 100% !important;
    color: #9f9f9f;
    font-size: 14px;
    padding: 8px 0 8px 23px;
    outline: none;
    border: none;
    -webkit-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    position: relative;
    line-height: 1;
}

.book_date {
    position: relative;
}

.book_date span.glyphicon-calendar,
.book_date span.glyphicon-map-marker {
    color: #192436;
    position: absolute;
    z-index: 999;
    top: 25%;
    left: 3%;
    font-size: 1em;
}

.book_date span.glyphicon-map-marker {
    font-size: 1.2em;
    left: 1%;
}

.glyphicon-calendare,
.glyphicon-map-marker {
    font-size: 13px;
    margin-right: 5px;
    color: #000;
}

.date_btn {
    margin: 1em 0 0 0;
}

.date_btn form input[type="submit"] {
    text-transform: capitalize;
    border: none;
    outline: none;
    min-width: 120px;
    padding: 11px 24px;
    line-height: 18px;
    border-radius: 4px;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #2681ff;
}

.date_btn form input[type="submit"]:hover {
    background: #337ab7;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.radio-dates:hover {
    background: #eee8e8;
}

.radio-dates {
    padding: 1rem;
    cursor: pointer;
    border-bottom: 1px solid #c7d0d9;
}

.dates123-div h4 {
    font-size: 15px;
    font-weight: 600;
}

span.available {
    color: green!important;
        font-weight: 800;
}

.dates123-div span {
    font-size: 14px;
    color: #7b7070;
    font-weight: 500;
}

.daterangepicker td.in-range {
    background-color: #397dbd;
    border-color: transparent;
    color: #fff;
    border-radius: 0;
}

.dates123-div {
    border: 1px solid #c7d0d9;
    padding: 0;
    border-bottom: 0;
    margin: 5px;
}

.align-center {
    align-items: center;
}

.booking-grids h3 {
    font-size: 18px;
    margin: 0;
    color: #323232;
    font-weight: 600;
}

.booking-grid-left {
    padding: 0 !important;
    margin-top: 2em;
}

.booking-grid-left h4 {
    font-size: 16px;
    margin: 0;
    line-height: 1.7em;
    color: #616060;
    font-weight: 500;
}

.booking-grid-left p {
    color: #8c8c8c;
    font-size: 14px;
    line-height: 1.7em;
    margin: 1em 0 0 0;
}

.booking-grid-right img {
    width: 100%;
}

.red {
    text-align: left;
    margin-top: 2em;
}

.red a {
    padding: 0.8em 1em;
    font-size: 16px;
}

.how-to {
    margin-top: 3em;
    background: url(../images/12.jpg) no-repeat 0px -157px;
    min-height: 400px;
    padding: 2em 0;
    background-size: cover;
}

.how-to-info h3 {
    font-size: 18px;
    margin: 0;
    color: #fff;
    font-weight: 600;
}

.how-to-info h4 {
    font-size: 16px;
    margin: 1em 0;
    color: #fff;
    font-weight: 500;
    line-height: 1.5em;
    text-transform: uppercase;
}

.how-to-info p {
    color: #fff;
    font-size: 16px;
    margin: 0.5em 0 0 0;
}

.how-grids {
    margin-top: 3em;
}

.how-grid span {
    padding: 0.5em 0.8em;
    background: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    color: #a1a0a0;
    font-size: 20px;
}

.how-grid a {
    color: #fff;
    font-size: 18px;
    margin: 0 0 0 1em;
}

.how-grid a:hover {
    color: #a1a0a0;
    text-decoration: none;
}

.how-grid p {
    color: #fff;
    font-size: 14px;
    margin: 0 0 0 4em;
    line-height: 1.7em;
}

.visiting-info h3 {
    color: #323232;
    margin: 2em 0 0 0;
    font-size: 18px;
    font-weight: 600;
}

.visiting-grid {
    padding: 1em 0.5em;
}


/*-- banner-bottom --*/

.banner-bottom {
    padding: 4em 0 0 0;
}

.pt-2 {
    padding-top: 2rem;
}

.p-0 {
    padding: 0;
}

.banner-bottom-grid a {
    text-decoration: none;
    display: block;
    box-shadow: 0 0px 1px #cecece;
}

.banner-bottom-info h3 {
   color: #292929;
    font-family: 'DM Sans', sans-serif;
    font-size: 35px;
    margin: 0;
    font-weight: 600;
}

.banner-bottom-grids {
    margin: 2em 0 0 0;
}

.body.payment .box.plans .badge {
    position: relative;
    display: inline-block;
    min-width: 200px;
    height: 24px;
    margin: 1.5em 0 0;
    padding: 0 0 0 1.5em;
    border: none;
    border-radius: 0;
    background: #006df0;
    font-size: 0.875em;
    font-weight: 400;
    line-height: 24px;
}

.banner-bottom-grid img,
.weekend-grid a img {
    width: 100%;
    height: 300px;
    display: block;
    box-shadow: 0 0 4px black;
    transition: transform 0.3s ease;
}

.banner-bottom-grid:hover img,
.weekend-grid:hover a img {
    transform: scale(1.1);
}

.destinations ul li {
    list-style: none;
    text-align: left;
    border-bottom: 1px ridge #dfdfdf;
}

.destinations li.dropdown.active {
    display: block;
}

.destinations ul li:nth-child(6) {
    border-bottom: none;
}

.destinations ul li.button a {
    padding: 17px 20px;
    margin: 0;
    display: block;
    background: url(../images/arrow.png) no-repeat 322px 24px #ffffff;
    box-shadow: 0 0px 1px #cecece;
    color: #337ab7;
    font-size: 1em;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}

.destinations ul li a:hover {
    background: url(../images/arrow.png) no-repeat 322px 24px #ffffff;
}

.destinations ul li a:focus {
    outline: none;
    text-decoration: none;
}

li.button {
    list-style: none;
    text-align: left;
}

li.menu {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid#CD5F4A;
    margin: 0;
}

li.menu:hover {
    background: #c6533d;
}

.rating-div {
    display: inline-flex;
}

.rating-div .rate {
    font-size: 35px;
    width: 179.781px;
}

.rating-div input {
    border: none;
    padding: 13px 3px;
    padding-top: 11px;
    padding-bottom: 0;
    max-width: 27px;
    text-align: right;
}

.rating-div span {
    border: none;
    padding-top: 20px;
    color: #e08644;
}

li.button a:hover {
    text-decoration: none;
}

li.button a span {
    margin-right: 22px;
}

.dropdown {
    padding: 0;
}

.error-alert li:before {
    content: "";
    display: inline-block;
    height: 21px;
    width: 21px;
    background-image: url(../images/icon/alert.svg);
    margin-right: 9px;
    background-size: cover;
}

.error-alert li {
    display: flex;
    margin-bottom: 10px;
    font-size: 18px;
}

.otp-span {
    font-weight: 500;
}

.error-alert {
    list-style: none;
    padding: 10px;
    font-size: 19px;
    text-align: left;
    margin: auto;
    width: fit-content;
}

.m-0 {
    margin: 0!important;
}

.open>.dropdown-menu {
    display: block;
    left: auto;
}

.rate-base-layer {
    color: #aaa;
}

div.home-marquee {
    max-width: 540px;
    margin: 19px 10px;
    overflow: hidden;
}

div.home-marquee p {
    font-size: 16px;
    white-space: nowrap;
    color: #114ead;
    font-weight: 400;
    left: 100%;
    animation: marquee 25s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translate(100%, 0);
    }
    100% {
        transform: translate(-200%, 0);
    }
}

.rate-hover-layer {
    color: orange;
}

.rate2 {
    font-size: 35px;
}

.rate2 .rate-hover-layer {
    color: pink;
}

.rate2 .rate-select-layer {
    color: red;
}

.dropdown-grids {
    padding: 3px;
    margin-top: 5px;
}

.dropdown-grids ul {
    list-style: none;
    cursor: pointer;
}

.dropdown li a {
    border: 6px solid #1a2c4d;
    display: block;
}

.destinations-grid imag {
    width: 100%;
}

.destinations-grid-info {
    padding: 1em;
    background: #ececec;
}

.destinations-hotel {
    float: left;
    width: 60%;
}

.destinations-star {
    float: left;
    width: 27%;
    color: #fdd000;
}

.destinations-price {
    float: left;
    width: 13%;
}

.glyphicon-star {
    color: #f99603;
    font-size: 0.9em;
}

.tours {
    background: #fff;
}

.destinations-grid-info h5 {
    color: #337ab7;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}

.destinations-grid-info p {
    color: #777;
    font-size: 0.9em;
    margin: 1em 0 0 0;
    line-height: 1.8em;
}

.top-destinations-info {
    margin-top: 3px;
}

.destinations-grid-info p.b-period {
    color: #464646;
}


/*-- choose --*/

.choose,
.top-destinations-grids,
.news-grids {
    margin: 1em 0;
    border: 1px solid #c7d0d9;
    padding-left: 10px;
    padding-top: 10px;
    border-radius: 5px;
}

.choose-info h4,
.top-destinations-info h4,
.news-grids-info h4,
.holidays-info h4 {
    color: #383737;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 21px;
    margin: 0;
}

.choose-grids,
.top-destinations-bottom,
.news-grids-bottom,
.customer-grid {
    padding: 2em;
    background: #fff;
    margin: 1em 0;
    box-shadow: 0 0px 1px #cecece;
}

.choose-left {
    float: left;
    width: 20%;
}

.choose-left h5 {
    font-size: 3em;
    margin: 0;
    color: #2681ff;
}

.choose-left p {
    font-size: 0.9em;
    line-height: 1.8em;
    margin: 0;
    color: #777;
}

.choose-right {
    float: right;
    width: 78%;
}

.choose-right a {
    font-size: 0.9em;
    margin: 0;
    color: #337ab7;
    text-decoration: none;
    box-shadow: 0 0 0;
    font-weight: 600;
}

.choose-right a:hover {
    color: #2681ff;
}

.choose-right p,
.td-middle p,
.date-text p {
    font-size: 0.9em;
    line-height: 1.8em;
    margin: 0.5em 0 0 0;
    color: #777;
}

.choose-grids-info:nth-child(2) {
    margin: 2em 0;
}

.glyphicon-globe {
    font-size: 3em;
    color: #2681ff;
}

.box1 {
    border: 1px solid #dcdcdc;
    border-top: 0;
    padding: 0 3rem;
}

.choose-left h6 {
    font-size: 1.8em;
    margin: 0;
    color: #ffffff;
    text-align: center;
    line-height: 1.6em;
    width: 45px;
    height: 45px;
    background: #2681ff;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}


/*-- top-destinations-grids --*/

.top-destinations-bottom {
    padding: 1em;
}

.td-left {
    padding: 0;
}

.td-left img {
    width: 100%;
    margin-top: 6px;
    padding: 1px;
    /* background-color: white; */
    box-shadow: 0 0 1px black;
}

.see-all {
    width: 40%;
    margin-left: 30%;
    margin-right: 30%;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    text-decoration: underline;
}

.td-middle a {
    font-size: 0.9em;
    margin: 0;
    color: #337ab7;
    text-decoration: none;
    box-shadow: 0 0 0;
    font-weight: 600;
}

.td-middle a:hover {
    color: #2681ff;
}

.td-right p {
    color: #2681ff;
    font-size: 12px;
    margin: 1em 0 0 0;
    font-weight: 600;
    white-space: nowrap;
}

.td-grids {
    margin-bottom: 1em;
}

.td-grids:nth-child(4) {
    margin-bottom: 0;
}


/*-- news --*/

.date-text {
    margin-bottom: 1em;
}

.cur-div {
    padding: 5px 8px;
    background: #ffffff;
    cursor: pointer;
    margin-left: 5px;
    position: relative;
    border: 1px solid #dcdcdc;
    font-size: 13px;
    text-transform: uppercase;
    box-shadow: 0px 1px 2px 0px #e3f2fd;
}

.cur-div.lang:hover .cur-section {
    z-index: 10000;
    right: -66%;
    margin-top: -10px;
    position: absolute;
}

.img-div-lang {}

.img-div-lang img {
    width: 18px;
    height: 18px;
    margin-right: 4px;
    margin-bottom: 2px;
}

.cur-contents.cur:before {
    left: 46%;
}

.login-error h2 {
    font-size: 14px
}

.cur-contents:before {
    content: "";
    border-bottom: 14px solid #e5e5e55e;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    top: 18px;
    position: absolute;
    left: 29%;
}

.cur-contents>div span {
    padding-left: 5px;
}

.cur-contents>div {
    margin: 1px 0px;
    cursor: pointer;
    padding: 5px;
}

.cur-contents>div:hover {
    background: #f1f1f1;
}

.cur-div:hover .cur-section {
    z-index: 10000;
    right: -135%;
    margin-top: -10px;
    position: absolute;
}

.cur-div:hover .cur-contents {
    z-index: 10000;
    background: white;
    box-shadow: 0 0 3px #dcdcdc;
    margin-top: 33px;
    padding: 10px;
    display: grid;
    white-space: nowrap;
}

.cur-contents {
    display: none;
}

.date-text a {
    font-size: 0.9em;
    margin: 0;
    color: #337ab7;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 0 0;
}

.date-text a:hover {
    color: #2681ff;
}

.news-grids {
    min-height: 510px;
}

.move-text {
    padding: 5px 0;
}

.marquee {
    width: 100%;
    margin: 0 auto;
    color: #777;
    font-size: 1.1em;
    height: 20px;
    color: #2196f3;
    overflow: hidden;
    font-weight: 800;
}

.marquee a {
    color: #e33735;
    text-decoration: underline;
}


/*-- popular-grids --*/

.popular-info h3 {
    color: #292929;
    font-family: 'DM Sans', sans-serif;
    font-weight: 300;
    font-size: 2em;
    margin: 0;
}


/*-- slider --*/

.slider {
    margin: 3em 0 0 0;
}

#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3 {
    display: none;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}

.nbs-flexisel-inner {
    overflow: hidden;
    margin-top: 0;
}

.nbs-flexisel-item {
    float: left;
    margin: 0px;
    padding: 0 9px;
    cursor: pointer;
    position: relative;
}

ul#flexiselDemo1 li a {
    text-decoration: none;
    display: block;
}

ul#flexiselDemo1 li a h4 {
    text-align: left;
    padding-left: 14px;
    color: #478d06;
    font-family: "Exo2-Medium";
    font-size: 1.2em;
    margin-top: 0.5em;
}

ul#flexiselDemo1 li a h4:hover {
    color: #dbc585;
}

.nbs-flexisel-item>a img {
    cursor: auto;
    position: relative;
    width: 100%;
    margin: 0;
   
    padding: 0px;
    border-radius: 15px;
    margin: 0px 35px;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 45px;
    height: 45px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    margin-top: 0em;
}

.nbs-flexisel-nav-left {
    left: 1%;
    background: url(../images/s-arrow.png) no-repeat 0px 0px;
}

.nbs-flexisel-nav-right {
    right: 1%;
    background: url(../images/s-arrow.png) no-repeat -51px 0px;
}


/*-- footer --*/

.footer {
    padding: 2em 0;
    border-top: 1px solid #dcdcdc;
}

.package-img-div {
    overflow: hidden;
    position: relative;
    
}

.footer-top-grids {
    background: #ffffff;
    padding: 2em 0 0 0;
}

.footer-grid h4 {
    color: #070808;
    font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 1.5em;
    margin: 0;
}

.footer-grid ul {
    padding: 0;
    margin: 1.5em 0 0 0;
}

.footer-grid ul li {
    display: block;
    margin: 0.5em 0;
}

.footer-grid ul li a {
    color: #505458;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
}

.footer-grid ul li a:hover {
    color: #000;
}

.news-letter {
    padding: 2em 0;
    margin-top: 2em;
}

.news-letter-grid p {
    color: in;
    font-size: 1.5em;
    margin: 0.5em 0 0 0;
   font-family: 'DM Sans', sans-serif;
    font-weight: 300;
}

.banner-bottom.ss {
    padding-top: 1rem;
}

.btn-book-now {
    width: fit-content;
    margin-top: 5px;
}

.headroom
{
    margin: 3px 0px;
    color: #2681ff;
    text-align: center;
    display: inline-block;
    outline: 0;
    cursor: pointer;
    border: none;
    
    height: 45px;
    line-height: 45px;
    border-radius: 7px;
    font-weight: 800;
    font-size: 16px;
    background: #fff;
    
    transition: background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;
}

.btn-book-now2 {
    margin-top: 10px;
    text-transform: uppercase;
    display: inline-block;
    cursor: pointer;
    border: none;
    padding: 0 56px;
    height: 45px;
    line-height: 45px;
    border-radius: 7px;
    background-color: #0070f3;
    color: white;
    font-weight: 800;
    font-size: 16px;
    box-shadow: 0 4px 14px 0 rgb(0 118 255 / 39%);
    transition: background 0.2s ease,color 0.2s ease,box-shadow 0.2s ease;
}

a.btn.btn-success.mt-5 {
    margin-top: 8px;
    background-color: #2196F3;
    width: 100%;
    color: white;
    background: #1f62bf;
    border-radius: 2px;
    font-size: 14px;
    height: 40px;
    outline: none;
    border: none;
    padding: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.news-letter-grid p span {
    color: inherit;
}

.price-div-package a.fav-btn {
    width: fit-content;
}

.price-div-package {
    display: grid;
    justify-items: end;
}

div.heart.single {
    font-size: 24px;
    display: table;
    padding: 6px;
    width: 35px;
    height: 35px;
    right: 0;
    position: relative;
    color: #867e7e;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    float: right;
    outline: none;
}

.weekend-grid-info a.fav-btn .heart {
    background: white;
    /* box-shadow: none; */
    box-shadow: 0 0 2px black;
}

.user-menu img {
    width: 20px;
    height: 20px;
    margin-right: 15px;
    margin-bottom: 2px;
}

.weekend-grid-info a.fav-btn {
    position: absolute;
    top: -22px;
    right: 3%;
}

.fav-btn {
    cursor: pointer;
}

div.heart {
    font-size: 24px;
    display: table;
    padding: 12px;
    width: 50px;
    height: 50px;
    right: 0;
    position: relative;
    color: #867e7e;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    float: right;
    outline: none;
}

div.heart span {
    display: table-cell;
    width: 21px;
    height: 21px;
    transition-duration: 1s;
    background: url(../images/icon/fav.svg) no-repeat;
    background-size: 100%;
}

div.heart:hover span {
    transition-duration: 1s;
    background: url(../images/icon/fav-hover.svg) no-repeat;
    background-size: 100%;
}

.fav-btn.active div.heart span {
    transition-duration: 1s;
    background: url(../images/icon/fav-active.svg) no-repeat;
    background-size: 100%;
}

.fav-btn.loading div.heart span {
    transition-duration: 1s;
    background: url(../images/icon/fav-hover.svg) no-repeat;
    background-size: 100%;
}

button.list-xr.products1 {
    font-size: 12px;
    padding: 5px 9px;
}

.news-letter-grid p.mail {
    font-size: 1.4em;
    text-align: left;
}

.news-letter-grid p a {
    color: inherit;
}

.news-letter-grid p a:hover {
    color: #2681ff;
}

.news-letter-grid input[type="text"] {
    background: none;
    outline: none;
    font-size: 0.9em;
    padding: 0.8em;
    margin-bottom: 14px;
    border: solid 1px #23429c;
    border-right: 0;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -webkit-appearance: none;
    border-radius: 0px;
    max-height: 38px;
    background: white;
    color: #686161;
    width: 55%;
}

.news-letter-grid input[type="submit"] {
    padding: 0.8em 1.5em;
    display: inline-block;
    vertical-align: bottom;
    width: 100px;
    position: relative;
    box-sizing: border-box;
    padding: 0 16px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-weight: 500;
    height: 38px;
    cursor: pointer;
    border-radius: 2px;
    background: #112254;
    border: none;
    margin-bottom: 1.4rem;
}


/*-- footer-bottom-grids --*/

.footer-bottom-grids {
    padding: 0 0 2em 0;
    background: #103cbf;
    text-shadow: 0 0 1px #112254;
}

.footer-bottom-top-grids {
    color: white;
    padding: 0 0 2em 0;
}

.footer-bottom-left h4 {
    color: inherit;
   font-family: 'DM Sans', sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    margin: 0;
}

.d-apps,
.a-cards {
    margin: 1em 0 0 0;
}

.d-apps ul,
.a-cards ul {
    padding: 0;
    margin: 0;
}

.d-apps ul li,
.a-cards ul li {
    display: inline-block;
    margin: 0;
}

.d-apps ul li a,
.a-cards ul li a {
    display: block;
}

.d-apps ul li a img,
.a-cards ul li a img {
    width: 100%;
}

.social {
    margin: 1em 0 0 0;
}

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

.social ul li {
    display: inline-block;
    margin: 0;
}

.social ul li a.facebook {
    background: url(../images/social.png) no-repeat 0px 0px;
    width: 30px;
    height: 30px;
    display: block;
    transition: none;
}

.social ul li a.twitter {
    background: url(../images/social.png) no-repeat -30px 0px;
}

.social ul li a.chrome {
    background: url(../images/social.png) no-repeat -60px 0px;
}

.social ul li a.dribbble {
    background: url(../images/social.png) no-repeat -90px 0px;
}

.social ul li a.facebook:hover {
    background: url(../images/social.png) no-repeat 0px -32px;
}

.social ul li a.twitter:hover {
    background: url(../images/social.png) no-repeat -30px -32px;
}

.social ul li a.chrome:hover {
    background: url(../images/social.png) no-repeat -60px -32px;
}

.social ul li a.dribbble:hover {
    background: url(../images/social.png) no-repeat -90px -32px;
}

.a-cards ul li:nth-child(2) {
    margin: 0 1em;
}

.copyright {
    padding: 2em 0 0 0;
    text-align: center;
}

.copyright p {
    font-size: 0.9em;
    margin: 0;
}

.copyright p a {
    text-decoration: none;
}

.copyright p a:hover {
    color: #2681ff;
}

.form-control {
    border: 1px solid #c7d0d9;
}

.xr-packages-slide .nbs-flexisel-nav-left {
    left: 1%;
    background: url(../images/icon/left-arrow.svg) no-repeat 0px 0px;
    background-size: 3rem;
    opacity: 0.7;
}

.xr-packages-slide .nbs-flexisel-nav-right {
    right: 1%;
    background: url(../images/icon/right-arrow.svg) no-repeat 0px 0px;
    background-size: 3rem;
    opacity: 0.7;
}

.mb-40 {
    margin-bottom: 40px;
}

.search-div.filter {
    position: sticky !important;
    top: 0;
    z-index: 100;
}

.search-div.filter .sap_tabs {
    box-shadow: -1px 1px 17px #b1acac;
    box-shadow: none;
    background-color: white;
}

.reservation .control-label {
    margin: 12px 0;
    font-size: 16px;
    font-weight: 700;
}

div.search-div.filter .form-group {
    margin: 13px 0px;
}

div.search-div.filter .xr-search-btn {
    padding: 0px;
    margin-top: 14px !important;
    border-radius: 5px;
}

.animation-div {
    position: absolute;
    left: 15%;
    right: 15%;
    top: 30%;
    padding: 3rem;
    background: #e3f2fd3d;
    border-radius: 15px;
    text-align: center;
}

.animation-delay-300ms {
    animation-delay: 300ms;
}

.animation-delay-600ms {
    animation-delay: 600ms;
}

.animation-delay-900ms {
    animation-delay: 900ms;
}

.animation-delay-1200ms {
    animation-delay: 1200ms;
}

.animation-delay-1500ms {
    animation-delay: 1500ms;
}

.animation-delay-1800ms {
    animation-delay: 1800ms;
}

.animation-div h2 {
    color: #191918;
    font-size: 4.5rem;
    font-weight: 800;
    text-transform: capitalize;
}

.animation-div p {
    color: #4e4e4a;
    font-size: 1.5rem;
    white-space: pre-wrap;
}


/*-- about --*/

.about-facts {
    padding: 1em 0 0 0;
}

.reservation ul li.about-desti {
    width: 80%;
}


/*-- hotels --*/

.hotels-banner {
    background-size: cover;
}


/*-- holidays --*/

.holidays-banner {
    background-size: 100%;
    
    margin-bottom: 3rem;
}

.holidays-grid {
    margin: 1em 0;
}

.holidays-grid a img {
    width: 100%;
}

.holidays-top-grid a img {
    width: 100%;
}

.holidays-top-grids {
    margin-bottom: 1em;
}

.holidays-top-grid {
    padding-left: 0;
}

.holidays-top-grid img {
    width: 100%;
}

.b_room h3 {
    font-size: 2em;
    color: #ffffff;
    margin-bottom: 6px;
}

.fh-banner {
    background: url(../images/banner1.jpg) no-repeat 0px 0px;
    background-size: cover;
}


/*-- bus --*/

.bus-banner {
    background: url(../images/b1.jpg) no-repeat 0px 0px;
    background-size: cover;
}

.customer-left-grid {
    float: left;
    width: 50%;
}

.c-left-grids {
    margin: 1em 0;
}

.c-left {
    float: left;
    width: 15%;
}

.glyphicon-print,
.glyphicon-road,
.glyphicon-lock,
.glyphicon-list-alt,
.glyphicon-phone-alt,
.glyphicon-envelope,
.glyphicon-question-sign,
.glyphicon-remove-circle {
    color: #292929;
    z-index: 999;
    font-size: 1em;
}

.c-right {
    float: left;
}

.c-right a {
    font-size: 0.9em;
    line-height: 1.8em;
    margin: 0;
    color: #777;
    text-decoration: none;
    box-shadow: 0 0 0;
}

.c-right a:hover {
    color: #337ab7;
}

.c-left-grids:nth-child(1) {
    margin-top: 0;
}

.c-left-grids:nth-child(4) {
    margin-bottom: 0;
}


/*-- trains --*/

.trains-banner {
    background: url(../images/banner4.jpg) no-repeat 0px 0px;
    background-size: cover;
}

.train-facts {
    padding: 0;
}

.train-form {
    padding: 0;
}

.customer-grid ul {
    padding: 0;
    margin: 0;
}

.customer-grid ul li {
    display: block;
    margin: 0.5em 0;
}

.customer-grid ul li:nth-child(1) {
    margin-top: 0;
}

.customer-grid ul li:nth-child(6) {
    margin-bottom: 0;
}

.customer-grid ul li a {
    font-size: 0.9em;
    line-height: 1.8em;
    padding-left: 1.5em;
    margin: 0;
    color: #777;
    text-decoration: none;
    box-shadow: 0 0 0;
    background: url(../images/arrow-s.png) no-repeat 0px 8px;
}

.customer-grid ul li a:hover {
    color: #337ab7;
}


/*-- weekend --*/

.weekend-facts {
    padding: 0em 0 0 0;
}

.weekend-grid a {
    text-decoration: none;
    display: block;
}

.weekend-grid {
    height: 100%;
    padding: 10px;
    box-shadow: 0 0 8px 0 rgb(161 161 161 / 50%);
}

.weekend-grid1 {
    height: 150px;
    width: 160px;
    border: 1px solid #c7d0d9;
    border-radius: 10px;
    padding: 51px 30px;
    background-size: cover;
    margin-bottom: 15px;
}

.weekend-grid1 h5 {
    font-size: 20px;
    text-align: center;
    font-weight: 800;
    color: #fbfbfb;
}

.privacy-div1 p {
    margin-top: 5rem !important;
    text-align: center;
    font-weight: 500;
}

.emi-div>div {
    width: 100%;
    border: 1px solid #c7d0d9;
    margin: 15px 0;
    padding-left: 3rem !important;
}

.emi-div>div button {
    width: 100%;
    padding: 20px;
    border: none;
    background: none;
    margin-left: -3rem;
    padding-right: 3rem;
    outline: none;
    text-align: left;
    background-color: #f6f7f9;
}

.emi-div .emi-table thead td {
    font-weight: bold;
}

.emi-table {
    max-height: 25rem;
    overflow-y: scroll;
}

.emi-div input[type="radio"],
input[type="checkbox"] {
    margin-right: 12px !important;
    height: 18px;
    vertical-align: sub;
    width: 18px;
}

.emi-div p {
    padding-bottom: 3rem;
}

.emi-div>div .collapse {
    transition: 1s all;
}

.weekend-grid-info {
    background: #fff;
    padding: 1em 0.2em;
    position: relative;
}

.noUi-horizontal {
    height: 10px !important;
}

.noUi-horizontal .noUi-handle {
    width: 21px !important;
    height: 21px !important;
    border: 2px solid #0a7bbd;
    border-radius: 50%;
    left: -17px;
    top: -6px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] .type-search {
    color: white!important;
}

.noUi-handle:after,
.noUi-handle:before {
    background: none !important;
}

@media (min-width: 1200px) {
    .bk-signup {
        height: 53rem;
    }
    .sign-ip-tabs {
        
    }
    .col-md-6 .state-div {
        height: 25rem;
        width: 63.5rem;
    }
    .col-md-3 .state-div {
        height: 25rem;
        width: 31.7rem;
    }
    .md-d-flex {
        display: flex;
    }
    .container.nav12 {
        width: 1300px;
    }
    .d-flex {
        display: flex;
    }
    .nav-top {
        position: sticky;
        top: 0px;
        z-index: 102;
        height: 65px;
    }
    .home1234 {
        margin-top: 3rem;
    }
    .banner-bottom.home123 {
        padding: 1em 0 0 0;
    }
    .book-left-form1 .form-control {
        
    }
    .search-div.filter .sap_tabs.shadow {
        box-shadow: 0px 1px 2px #b1acac;
    }
    .container.products {}
}

@media (min-width: 768px) {
    .md-pl-0 {
        padding-left: 0;
    }
    .faqs-top-grids,
    .c-rooms {
        background: #fff;
    }
    .md-mb-0 {
        margin-bottom: 0;
    }
    .row1.equal {
        display: flex;
        flex-wrap: wrap;
    }
}

.weekend-grid-info h5 {
    color: #333;
    margin: 0;
    font-size: 20px;
    line-height: 25px;
    font-weight: 800;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.weekend-grid-info h4 {
    color: #464646;
    font-size: 1em;
    margin: 0.5em 0;
}

.deals-search-div {}

.input-group-search input,
.input-group-search select {
    border-radius: 0;
    box-shadow: none!important;
    height: auto!important;
    border-top: 0;
    padding-top: 0;
    height: 3rem!important;
}
.drp-calendar.left,.drp-calendar.right {
    display: none!important;
}
.input-group-search span:not(.not) {
    font-size: 13px;
    font-style: oblique;
    text-transform: uppercase;
    border: 1px solid #dcdcdc;
    width: 100%;
    display: block;
    border-bottom: 0;
    padding: 6px 12px;
    padding-bottom: 0;
    border-radius: 3px 3px 0 0;
}

.weekend-grid-info h6 {
    color: #000000;
    font-size: 1em;
    margin: 0em 0;
}

.weekend-grid-info p {
    color: #174788;
    font-size: 18px;
    margin: 0;
    font-weight: 500;
}

.weekend-grid:nth-child(2) {
    margin: 2em 0 0 0;
}


/*-- deals --*/

.deals-info h2 {
    color: #fff;
    font-size: 2em;
    margin: 0;
    font-weight: 100;
}

.deals-info-grid {
    background: #fff;
    padding: 1em;
}

.adsclassified {
    text-align: center;
    margin: 25px 5px;
    max-height: 250px;
    max-width: 100%;
    padding-right: 15px;
}

.adsclassified>a>img {
    margin: auto;
    max-height: 250px;
    max-width: 100%;
}

.deals-rating h3 {
    color: #337ab7;
    font-size: 1em;
    font-weight: 600;
}

.deals-price p.now {
    color: #c1c1c1;
    font-size: 0.9em;
    margin: 0;
    text-decoration: line-through;
}

.deals-price p {
    color: #2681ff;
    font-size: 1.5em;
    margin: 0;
}


/*-- about --*/

.about-info h2 {
font-family: 'DM Sans', sans-serif;
    margin: 10px 0 15px 0;
    text-align: center;
    font-size: 40px;
    line-height: 45px;
    font-weight: 600;
}

.about-left h3 {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    line-height: 1.7em;
}

.about-left p {
    color: #292626;
    font-size: 16px;
    margin: 1em 0 0 0;
    line-height: 1.8em;
    text-align: justify;
}

.about-right img {
    margin: 0px;
    width: 100%;
    padding: 33%;
    box-shadow: -1px 1px 8px #f3f2f2;
    border-radius: 74px;
}


/*-- faqs --*/

.faqs-top-grids,
.c-rooms {
    background: #fff;
    margin-top: 1rem;
}

.about-info1 h2 {
    font-size: 18px;
}

.faqs-grids:nth-child(2) {
    margin: 2em 0;
}

.faqs-left h3 {
    color: #4c4c4c;
   font-family: 'DM Sans', sans-serif;
    font-size: 2em;
}

.faqs-left ol {
    margin: 2em 0 0 0;
}

.faqs-left ol li {
    margin: 0.5em 0;
}

.faqs-left ol li a {
    color: #777;
    font-size: 1em;
    text-decoration: none;
}

.faqs-left ol li a:hover {
    color: #337ab7;
}


/*-- terms --*/

.terms-grids h5 {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
    line-height: 1.8em;
}

.terms-grids p,
.terms-bottom-grids p,
.contact-info p {
    color: #777;
    font-size: 0.9em;
    margin: 1em 0 0 0;
    line-height: 1.8em;
}

.terms-bottom-grids {
    margin: 2em 0 0 0;
}

.terms-bottom-grids h6 {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}


/*-- privacy --*/

.terms-bottom-grids p.terms-info-text {
    margin: 1em 0 0 1em;
}


/*-- contact --*/

.contact-info h4 {
    color: #2c302f;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 0 1em;
}

.contact-grids {
    margin: 3em 0 0 0;
}

.contact-para h5,
.contact-map h5 {
    margin: 0 0 1em 0;
    font-size: 1.4em;
    color: #555;
    font-weight: 600;
}

.contact-map h5 {
    margin: 0 0 1em;
}

.contact-grid input[type="text"] {
    outline: none;
    -webkit-appearance: none;
    background: none;
    padding: 12px;
    color: #495057;
    border: 1px solid #d2d6da;
    border-radius: 0px;
    font-size: 16px;
    width: 100%;
}

.weekend-grids {
    margin-bottom: 3rem;
}

.contact-grid p {
    margin: 0.8em 0;
    font-size: 0.9em;
    color: #777;
}

.contact-para textarea {
        resize: none;
    margin: 0 0;
    background: none;
    outline: none;
    -webkit-appearance: none;
    padding: 12px;
    color: #495057;
    border: 1px solid #d2d6da;
    border-radius: 0px;
    font-size: 16px;
    width: 100%;
}

.contact-para input[type="submit"] {
    font-size: 1em;
    background: #2681ff;
    padding: 0.7em 3em;
    text-align: center;
    color: #fff;
    border: none;
    outline: none;
    margin: 0 auto;
    -webkit-appearance: none;
    font-weight: 700;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    -moz-transition: 0.5s all;
    font-weight: 100;
}

p.your-para {
    margin: 0.8em 0;
    font-size: 0.9em;
    color: #777;
}

.contact-para input[type="submit"]:hover {
    background: #2c302f;
}

.send {
    margin: 2em 0 0 0;
}

.map iframe {
    width: 100%;
    min-height: 440px;
    border: none;
}

.contact-grid {
    padding: 0 2em 0 0;
}


/*-- blog --*/

.blog-left-grid {
    margin: 0em 0 2em 0;
}

.blog-left-grid p {
    margin: 0 0 1em;
    font-size: 0.9em;
    color: #555555;
}

.blog-left-grid p a {
    color: #2681ff;
    text-decoration: none;
}

.blog-left-grid a img {
    width: 100%;
    display: block;
}

.blog-left-right {
    margin-top: 1em;
}

.blog-left-right a {
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
    color: #000000;
    text-decoration: none;
    font-weight: 600;
}

.blog-left-right p {
    font-size: 0.9em;
    margin: 0.5em 0;
    color: #777;
    line-height: 1.8em;
}

.blog-left-right a:hover {
    text-decoration: none;
    color: #2681ff;
}

.Categories h3,
.comments h3,
.response h3,
.book-left-info h3,
.opinion h3 {
    padding-bottom: 0.5em;
    color: #292929;
    font-family: 'DM Sans', sans-serif;
    font-weight: 300;
    font-size: 2em;
    margin: 0;
}

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

.Categories ul li {
    display: block;
    background: url(../images/arrow-s.png) no-repeat 0px 7px;
    margin-bottom: 1em;
}

.Categories ul li a {
    font-size: 0.9em;
    margin: 0;
    color: #777;
    padding-left: 2em;
}

.Categories ul li a:hover {
    color: #337ab7;
}

.comments {
    margin: 4em 0;
}

.comments-text {
    padding: 1.5em 0;
    border-bottom: 1px solid #868686;
}

.comments-left {
    padding: 0.5em;
    border: 1px solid #000000;
}

.comments-left img {
    width: 100%;
}

.comments-right h5 {
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
    color: #000000;
    font-weight: 600;
}

.comments-right a {
    font-size: 1em;
    margin: 0;
    color: #777;
    text-decoration: none;
}

.comments-right p {
    display: block;
    color: #b1b1b1;
    margin: 0.3em 0 0 0;
    font-size: 0.8em;
}


/*-- single --*/

.single-left-grid img {
    width: 100%;
}

.response {
    margin-bottom: 3em;
}

.media.response-info {
    margin-top: 1em;
}

.media-left.response-text-left {
    width: 13%;
    float: left;
}

.response-text-right p {
    color: #777;
    font-size: 0.9em;
    margin: 0 0 1em;
    line-height: 1.8em;
}

.response-text-right ul {
    padding: 0;
    text-align: right;
}

.response-text-right ul li {
    display: inline-block;
    color: #afafaf;
    font-size: 0.9em;
    margin-right: 1em;
}

.response-text-right ul li a {
    color: #2681ff;
    font-size: 0.9em;
    text-decoration: none;
}

.response-text-left h5 {
    font-size: 1em;
    margin: 1em 0 0 0;
    color: #000;
}

.opinion form input[type="text"] {
    width: 100%;
    color: #898888;
    outline: none;
    font-size: 1em;
    padding: 0.5em;
    margin: 0 0.5em 1em 0;
    border: solid 1px #d5d4d4;
    -webkit-appearance: none;
}

.opinion form textarea {
    resize: none;
    width: 100%;
    color: #898888;
    font-size: 1em;
    outline: none;
    resize: none;
    padding: 0.5em;
    border: solid 1px #d5d4d4;
    min-height: 125px;
    -webkit-appearance: none;
}

.opinion form input[type="submit"] {
    border: none;
    outline: none;
    color: #a8a8a8;
    background: none;
    font-size: 1em;
    margin: 0.6em 0;
    -webkit-appearance: none;
}

.opinion form input[type="submit"]:hover {
    color: #337ab7;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}


/*-- book --*/

.book-left-info h3 {
    font-size: 21px;
    font-weight: 600;
    margin-bottom:5px;
}

.book-left-form {
    margin: 2em 0 0 0;
}

.book-left-form p {
    color: #464d50;
    font-size: 1.5rem;
    margin: 0 0 1em 0;
}

.book-left-form .color-red {
    color: #464d50;
}

.book-left-form .color-green {
    color: #000000;
    font-weight: 500;
    font-size: 2rem;
}

.book-left-form input[type="text"],
.book-left-form input[type="password"] {
    display: inline-block;
    padding: 10px 15px 10px 15px;
    font-weight: 400;
    box-shadow: none !important;
    color: #333;
    border: 1px solid #ccc;
    font-size: 15px;
    width: 100%;
    background: rgba(229, 143, 230, 0);
    outline: none;
    letter-spacing: 1px;
    -webkit-transition: 0.5s all;
}

.book-left-form a {
    color: #777 !important;
    padding: 0 !important;
    font-size: 0.9em;
}

.book-left-form input[type="submit"] {
    background: #2681ff;
    color: #fff;
    font-size: 1em;
    margin-bottom: 1em;
    padding: 5px 20px;
    border: 1px solid #2681ff;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.book-left-form input[type="submit"]:hover {
    background: #337ab7;
    border: 1px solid #337ab7;
    transition: 0.5s all ease;
    -webkit-transition: 0.5s all ease;
    -moz-transition: 0.5s all ease;
    -o-transition: 0.5s all ease;
    -ms-transition: 0.5s all ease;
}

.book-left-bottom {
    margin: 2em 0 0 0;
}

.book-left-facebook {
    margin-bottom: 2em;
}

.book-left-facebook a {
    background: url(../images/fb1.png) no-repeat 14px 9px #3b5998;
    color: #fff;
    padding: 0.5em 1em 0.5em 3em;
    text-decoration: none;
    font-size: 14px;
}

.grid-contact {
    margin-bottom: 8px;
}

.grid-contact input,
.grid-contact textarea {
    border-radius: 5px;
}

.image-logo-round {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.img-profile {
    border-radius: 50%;
    margin-right: 5px;
}

input[type="file"] {
    display: none;
}

.book-left-chrome a {
    background: url(../images/ch1.png) no-repeat 14px 9px #dd4b39;
    color: #fff;
    font-size: 14px;
    padding: 0.5em 1em 0.5em 3em;
    text-decoration: none;
}

.book-left {
    border-right: solid 1px #e6e6e6;
}

.book-right {
    border-right: none;
}

.p-0 {
    padding: 0;
}

.img-icon {
    width: 19px;
    height: 19px;
    padding-bottom: 2px;
}


/*-- signup --*/

.book-left-form label {
    color: #454140;
    margin: 0 0 1em 0;
    display: block;
    float: left;
    font-size: 15px;
    white-space: nowrap;
    font-weight: 500;
}

.loggin {
    height: 4rem;
}

.div-signup {
    padding: 3rem;
    padding-top: 0.8rem;
    background: white !important;
    border-radius: 15px;
}

.div-signup .input-group {
    width: 100%;
}

.div-signup label {
    color: #454140;
    margin: 0 0 0.5rem 0px;
    display: block;
    float: left;
    font-size: 14px;
    white-space: nowrap;
    font-weight: 400;
}

.div-signup button.btn {
    width: 100%;
    height: 4rem;
    font-weight: 400;
}

.sign-ip-tabs input {
    height: auto !important;
}

.input-group-addon {
    background-color: #fff;
}

.sign-ip-tabs .input-group-addon {
    background-color: #fff;
}

.sign-ip-tabs .book-left-form {
    margin: 0.5em 0 0 0;
}

.sign-ip-tabs .login-grid-left {
    padding: 0.5em 3rem;
}

.sign-ip-tabs {
    padding: 2rem 0rem;
    border: 1px solid #efeaea;
    box-shadow: -2px 1px 18px 0px #dcdcdc;
    margin-bottom: 2em;
}

.sign-ip-tabs ul {
    width: fit-content;
    margin: auto;
    border: none !important;
    background: #f0f0f7;
    color: white;
}

.btn-grad {
    background-image: linear-gradient( 109.2deg, rgb(52, 86, 255) 16.5%, rgba(51, 159, 247, 1) 81%);
}

.sign-ip-tabs li img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

.sign-ip-tabs li {
    padding: 0.2rem 3rem;
}

.sign-ip-tabs li.active {
    background-image: linear-gradient( 109.2deg, rgb(52, 86, 255) 16.5%, rgba(51, 159, 247, 1) 81%);
}

#loginForm.signup1 input {
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
}

.sign-ip-tabs li.active a {
    color: white !important;
}

.sign-ip-tabs .nav-tabs li a {
    border-radius: 0;
    border: none !important;
    color: black;
    background: transparent;
}

.sign-ip-tabs .nav-tabs li a:focus {
    border-radius: 0;
    border: none !important;
    color: inherit !important;
    background: transparent;
}

.sign-ip-tabs .nav-tabs li a:hover {
    border-radius: 0;
    border: none !important;
    background: transparent;
}

.book-right ul {
    padding: 0;
    margin: 2em 0 0 0;
}

.book-right ul li {
    display: block;
    margin: 1em 0;
    color: #777;
    font-size: 0.9em;
    margin: 0 0 1em 0;
}


/*-- products --*/

.h-class h5 {
    padding-bottom: 0.5em;
    color: #292929;
font-family: 'DM Sans', sans-serif;
    font-size: 1.2em;
    margin: 0;
}

span.starTextLabel {
    color: #777;
    font-size: 1em;
    font-weight: 400;
}

.check input[type="radio"],
.check input[type="checkbox"] {
    width: 19px;
    height: 19px;
    vertical-align: top;
}

.hotel-price {
    margin: 0em 0 1rem 0;
}

.details-block {
    padding: 20px 15px;
    margin-top: 15px;
    box-shadow: -2px 0px 6px #e0e0e0;
    border: 1px solid #c8c8c8;
}

.details-div {
    width: 48%;
    display: inline-block;
}

p.notes {
    white-space: pre-wrap;
    font-size: 16px;
}

.product-right {
    padding: 0;
}

.product-right-grids {
    margin-bottom: 6px;
    border-radius: 0px;
    padding: 6px;
    border: 1px solid #eee;
    box-shadow: 0 3px 18px 0 rgb(17 17 17 / 6%);
}

.product-right-grids:hover {
    margin-bottom: 6px;
    box-shadow: 0px 1px 8px 0px #827d7d;
    padding: 0;
    border-radius: 0px;
    padding: 6px;
}

.product-right-grids:hover .img-package-product {
    transform: scale(1.05);
}

.p-day {
    margin: 2em 0;
}

.hotel-price span.p-day-grid {
    color: #403c3c;
    font-size: 1.2em;
    font-weight: 400;
    padding-left: 1rem;
}

.p-left {
    float: left;
    width: 30%;
}

.p-right {
    float: left;
    width: 70%;
    padding: 0.8em 0;
}

.p-right-img a {
    background-size: cover;
    display: block;
    height: 175px;
    overflow: hidden;
}

.flex-center {
    align-items: center;
}

.img-package-product {
    height: 175px;
    width: 100%;
    margin: auto;
    display: block;
    transition: transform 0.4s ease;
}

.p-right-img1 a {
    background: url(../images/p2.jpg) no-repeat 0px 0px;
    background-size: cover;
    display: block;
}

.p-right-img2 a {
    background: url(../images/p3.jpg) no-repeat 0px 0px;
    background-size: cover;
    display: block;
}

.p-right-img3 a {
    background: url(../images/p4.jpg) no-repeat 0px 0px;
    background-size: cover;
    display: block;
}

input[type="radio"],
input[type="checkbox"] {
    margin: 1px 0 0 !important;
}

.p-right-left a {
    color: #1d1d1f;
    font-size: 21px;
    font-weight: 800;
    margin: 0;
    text-decoration: none;
    text-transform: capitalize;
}

.p-right-left h5 {
    margin: 5px 0px;
}

.p-right-left h6 {
    margin-top: 14px;
    font-size: 15px;
}

.p-right-left p {
    color: #777;
    font-size: 0.9em;
    margin: 0.5em 0 0 0;
    line-height: 1.8em;
}

.p-right-left p.p-call {
    font-size: 1.2em;
    font-weight: 600;
    color: #000;
    margin: 0;
}

.p-right-right {
    text-align: right;
}

.p-right-right h6 {
    color: #2681ff;
    font-weight: 600;
    font-size: 1.2em;
    margin: 0;
}

.p-right-right p {
    color: #777;
    font-size: 0.9em;
    margin: 0.5em 0 0 0;
    line-height: 1.8em;
}

.p-right-right span.p-offer {
    font-size: 1.5em;
    font-weight: 600;
    color: #e2151b;
}

.p-right-right span.p-last-price {
    text-decoration: line-through;
    color: #777;
    font-size: 1.2em;
    display: block;
}


/*-- single-page --*/

.single-pg-hdr h2 {
    color: #292929;
    font-size: 2em;
    font-family: 'DM Sans', sans-serif;
}

.single-pg-hdr p {
    font-size: 1em;
    color: #777;
    margin: 11px 0 0px 8px;
}

.single-pg-hdr a {
    color: #337ab7;
    margin: 0 0px;
}

.single-pg-hdr {
    padding: 2px 0;
    padding-bottom: 5px;
}

.spl-btn-bor p {
    color: #fff;
    font-size: 1.2em;
    display: inline-block;
}

.spl-btn-bor {
    padding: 8px 20px;
}

.spl-btn-bor span {
    margin-right: 10px;
    color: #fff;
    font-size: 20px;
    top: 0;
}

.btn {
    outline: none;
}

.dates-div {
    margin-bottom: 2rem;
}

.dates-p {
        display: inline-table;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 5px;
    color: #333;
    font-weight: 600;
    padding: 10px;
    box-shadow: 0 4px 14px 0 rgb(0 0 0 / 10%);
    
}

.dates-p .available {
    color: green;
}

.dates-p .unavailable {
    color: red;
}

.dates-p.disabled {
    cursor: no-drop;
    background-color: #d8d8d8;
}

.dates-p.active {
    background-color: #c5d9ff !important;
    border-color: #ffffff !important;
    box-shadow: 0 0 5px #aba6a6;
}

.dates-p:hover:not(.disabled) {
    cursor: pointer;
    border: 1px solid #ffffff;
    box-shadow: 0 4px 14px 0 rgb(0 0 0 / 10%);
}

.spl-btn h4 {
    text-align: left;
    font-size: 26px;
    line-height: 25px;
    color: #f44336;
    font-weight: 700;
    font-family: 'DM Sans', sans-serif;
}

.spl-btn h4 span {
    text-decoration: line-through;
    color: #777;
    padding-left: 5px;
    font-size: 18px;
}

.sticky-div {
    position: sticky;
    top: 5px;
}

h2.aside-title {
    font-size: 19px;
    line-height: 25px;
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
}



p.best-pri {
    text-align: left;
    margin: 0px 0 24px 0;
    color: #006708;
    font-weight: 500;
    text-align: left;
    text-shadow: 0 0 0px white;
    padding-left: 4px !important;
}

a.best-btn {
    text-decoration: none;
    color: #fff;
    background-color: #0d47a1;
    font-size: 18px;
    padding: 13px 16px;
    display: block;
    text-align: center;
}

.sp-bor-btn {
    padding: 20px;
    margin-top: 0;
    border: 2px solid #eee;
}

.map-gd iframe {
    width: 100%;
    height: 300px;
    border: none;
}

.map-gd {
    margin: 30px 0;
}

.other-comments {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}

.comments-head {
    padding: 10px;
}

.comments-head h3 {
    float: left;
    color: #292929;
    font-family: 'DM Sans', sans-serif;
    font-weight: 500;
    font-size: 2.2rem;
    margin: 0;
}

.comments-head p {
    color: #464646;
    font-size: 1.5em;
    float: right;
    font-weight: 600;
}

.comments-bot {
    padding: 12px;
    border-top: 1px solid #d5d5d5;
}

.comments-bot p {
    font-size: 1em;
    line-height: 1.8em;
    color: #777;
}

.comments-bot h4 {
    margin-top: 0.5em;
    font-size: 1em;
    color: #337ab7;
    font-weight: 600;
    text-align: right;
}

.comments-bot .glyphicon-minus {
    font-size: 9px;
    top: 0;
}


/*-- //single-page --*/


/*-- p-single --*/

.c-rooms {
    margin: 2em 0 0 0;
}

.p-table-grids {
    border: solid 1px #e1e7ea;
}

.p-table:nth-child(2) {
    margin: 2em 0;
}

.p-table-grad-heading h6 {
    padding: 1em;
    border-right: solid 1px #e1e7ea;
    font-size: 1em;
    font-weight: 600;
    color: #292929;
}

.p-table-grid-info {
    padding: 1em;
}

.p-table-grid-info a img {
    width: 100%;
}

.room-basic-info {
    padding: 1em 0;
}

.room-basic-info a {
    color: #337ab7;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}

.room-basic-info h6 {
    color: #292929;
   font-family: 'DM Sans', sans-serif;
    font-weight: 600;
    font-size: 1em;
    margin: 0.5em 0;
}

.room-basic-info p {
    color: #777;
    font-size: 0.9em;
    margin: 0;
    line-height: 1.8em;
}

.p-table-grid {
    padding: 0;
}

.rate-features {
    padding: 1em;
}

.rate-features ul {
    padding: 0;
    margin: 0;
}

.rate-features ul li {
    display: block;
    margin: 0.5em 0;
    font-size: 0.9em;
    line-height: 1.8em;
    color: #777;
    padding-left: 1em;
    background: url(../images/arrow-s.png) no-repeat 0px 6px;
}

.avg-rate {
    padding: 1em;
}

.avg-rate h5 {
    color: #337ab7;
    font-size: 1em;
    font-weight: 600;
    margin: 0;
}

.avg-rate p {
    color: #777;
    font-size: 0.9em;
    margin: 0.5em 0 0 0;
    line-height: 1.8em;
}

.avg-rate span.p-offer {
    color: #000;
    font-size: 2.3em;
}

.avg-rate span.p-last-price {
    text-decoration: line-through;
    color: #777;
    font-size: 1.4em;
    display: block;
}

.book-button-column {
    padding: 4em 2em 0;
}

.secure-line {
    width: 100%;
    background-color: rgba(65, 196, 171, 0.1);
    border: 1px solid #41c4ab;
    border-radius: 3px;
    color: #206054;
    position: relative;
    padding: 8px 40px;
    line-height: 29px;
    margin-bottom: 20px;
}

.secure-line:before {
    content: "";
    left: 12px;
    top: 10px;
    position: absolute;
    width: 14px;
    height: 20px;
    background-image: url(../images/icon/lock.svg);
    background-repeat: no-repeat;
    background-size: cover;
}

.paypal-div {
    margin-top: 3rem;
}

.privacy-div1 {
    padding: 3rem;
}

.privacy-div1 input {
    margin-right: 7px !important;
}

.privacy-div1 button {
    margin-top: 7px !important;
}

.paypal-div label.control-label {
    text-align: left !important;
}

.pay-card {
    border: 1px solid #c7d0d9;
    padding: 2rem;
    margin-top: 2rem;
    border-radius: 10px;
}

.book-left-form h4 {
    
    font-size: 16px;
    color: black;
    font-weight: 800;
}

.user-menu li>a {
    padding: 8px 12px;
}

.table-input.color-green {
    color: green !important;
    font-weight: 500 !important;
    font-size: 2rem !important;
}

.table-input {
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    padding: 0 !important;
    color: #464d50 !important;
    font-size: 1.7rem !important;
    padding-right: 3px !important;
}

.pd {
    padding: 8px;
}

.verical-align-middle {
    vertical-align: middle;
}

.verical-align-middle input {
    padding-left: 3px;
}

.btn-single {
    width: fit-content;
    margin: auto
}

table.travellers td {
    vertical-align: middle !important;
}

button.link-btn {
    background-color: #2196F3;
    padding: 11px 24px;
    border: 1px solid #dcdcdc;
    box-shadow: 0px 1px 2px #f3eaea;
    border-radius: 43px;
    color: white;
    outline: none;
}

.booking-form-div {
    border: 1px solid #c7d0d9;
    padding: 2rem 3rem;
    background: white;
    margin-bottom: 2rem;
}

blockquote {
    border-left: none;
}

.booking-form-div h1 {
    font-size: 2.3rem;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
}

.testimonial {
    padding-bottom: 1em;
    
  
}

#main .testimonial {
    margin-right: 40px;
}

.testimonial+.testimonial {
    padding-top: 1.5em;
    border-top: 1px dotted #aaa;
}

.about123 {
    margin-bottom: 4rem;
    border: 1px solid #dcdcdc;
    display: flex;
    padding: 2rem 3rem;
    padding-left: 0;
}

.about123 .about-left {
    padding: 2rem 0;
}

.about123 p {
    line-height: 1.3;
    font-size: 14px;
}

.about123 .button-group {
    margin-top: 15px;
}

.about123 button {
    outline: none;
}

.about123 a.btn-register {
    color: #287dfa;
    background: white;
    border: 1px solid;
}

.about123 input {
    height: 38px;
    border: 1px solid #dcdcdc;
    padding: 12px;
}

.mr-30 {
    margin-right: 30px;
}

.about123 img {
    padding: 1px;
    width: auto;
    height: 100px;
    margin: auto;
    display: block;
    margin-top: 21px;
}

.about123 button,
.about123 a {
    display: inline-block;
    vertical-align: bottom;
    min-width: 120px;
    position: relative;
    box-sizing: border-box;
    padding: 0 16px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 38px;
    font-weight: 500;
    height: 38px;
    cursor: pointer;
    border-radius: 2px;
    background: #287dfa;
    border: none;
}

.bg-grey {
    background: #e5e5e5;
}

.booking-info-div {
    border: 1px solid #c7d0d9;
    background: white;
    /* border-radius: 10px; */
}

.footer-table {
    width: 100%;
    /* background-color: #1888e0; */
    background: #2681ff;
    color: white;
}

.color-white {
    color: white !important;
    box-shadow: none !important;
}

.footer-table td:not(:nth-child(2)) {
    padding: 15px 30px;
}

.footer-table td:not(:nth-child(1)) {
    padding: 15px 30px;
    padding-left: 0;
}

.book-left-info.pp1 {
    padding: 30px;
    padding-bottom: 0;
}

.booking-info-div div.pp {
    padding: 30px;
    padding-top: 0;
    /* border-radius: 10px; */
}

.flexslider.container {
    margin-top: 2rem;
}

blockquote {
    background: url(images/Blockquote_03.png) no-repeat bottom right;
    margin: 0;
    color: #650000;
    padding-bottom: 40px;
}

blockquote p {
    padding-top: 0.9em;
    padding-left: 50px;
    color: #101010;
    font-size: 1.6rem !important;
    /* font-weight: 500;*/
}

blockquote .first {
    background: url(images/Blockquote_01.png) no-repeat top left;
    padding: 11px;
}

.heading-h3 h3,
.heading-h3 h2 {
    margin-top: 30px;
    text-align: center;
	margin-bottom: 1.6em;
}

.credit {
    text-align: center;
    /* padding-right: 55px; */
    /* margin-top: -34px; */
    margin-top: 10px;
    color: #3F51B5;
}

.credit .name {
    font-weight: bold;
}

.flexslider {
    overflow: hidden;
}

.book-button-column a {
    text-transform: capitalize;
    background: #2681ff;
    color: #ffffff;
    padding: 0.5em 1em;
    border: none;
    font-size: 1em;
    outline: none;
}

.book-button-column a:hover {
    background: #337ab7;
}

span.menu {
    display: none;
}


/*-- responsive-start-here --*/

@media (max-width: 1080px) {
    .p-right-right span.p-last-price {
        font-size: 1.2em;
    }
    .p-right-right span.p-offer {
        font-size: 1.5em;
    }
    .weekend-grid1 {
        height: 140px;
        width: 150px;
    }
    .top-nav ul li a {
        padding: 0.5em 1em;
    }
    .top-nav {
        width: 50.8%;
    }
    .booking-info h2 {
        font-size: 1.7em;
    }
    .reservation ul li.desti {
        margin-left: 1em;
    }
    .reservation ul li.left {
        margin-left: 1em;
    }
    .news-letter-grid input[type="text"] {
        width: 63%;
    }
    .d-apps ul li,
    .a-cards ul li {
        width: 32.33%;
    }
    .a-cards ul li {
        width: 100% !important;
    }
    .td-right p {
        font-size: 1em;
    }
    .td-middle {
        width: 51%;
    }
    .c-right a {
        font-size: 0.8em;
    }
    li.span1_of_1.left.children {
        margin-left: 0;
    }
    li.span1_of_1.left.adult {
        margin-right: 1em;
    }
    li.span1_of_1.left.tab-children {
        margin-right: 1em;
    }
    li.span1_of_1.left.h-child {
        margin-right: 1em;
        margin-left: 0;
    }
    li.span1_of_1.left.f-adult {
        margin-right: 1em;
    }
    li.span1_of_1.left.f-child {
        margin-left: 0;
    }
    li.span1_of_1.left.w-child {
        margin-right: 1em;
        margin-left: 0;
    }
}

@media (min-width: 991px) {
    .col-md-offset-3 {
        margin-left: 25% !important;
    }
    span.tags {
        width: 9.666667% !important;
    }
}

@media (max-width: 991px) {
    .nav-top {
        margin: 0em 0 0 0;
    }
    span.menu {
        display: block;
        padding: 0em 0;
        cursor: pointer;
        position: relative;
        width: 6%;
    }
    ul.nav1 {
        display: none;
    }
    .top-nav {
        padding: 0;
    }
    .top-nav ul {
        padding: 0;
        margin: 0;
        z-index: 999;
        width: 100%;
        border-bottom: none;
        left: 0;
    }
    .top-nav ul.nav1 li {
        display: block;
        text-align: left;
        margin: 0;
        float: none;
    }
    .top-nav ul li a:hover {
        color: #fff;
    }
    .top-nav ul li a {
        font-size: 1em;
        padding: .5em 1rem;
        color: #fff;
        display: block;
    }
    .banner-left {
        float: left;
        width: 40%;
    }
    .banner-right {
        float: left;
        width: 60%;
    }
    .booking-info h2 {
        font-size: 1.4em;
    }
    .reservation ul li.desti {
        width: 47%;
    }
    .reservation ul li.adult {
        margin-left: 0;
    }
    .sap_tabs {
        padding: 1em;
        display: none;
    }
    .banner-bottom-grid {
        float: left;
        width: 33.33%;
    }
    .destinations ul li.button a {
        background: url(../images/arrow.png) no-repeat 181px 18px #ffffff;
        padding: 11px;
    }
    .choose-left h5 {
        font-size: 2em;
    }
    .glyphicon-globe {
        font-size: 2em;
    }
    .choose-left h6 {
        font-size: 1.3em;
        width: 30px;
        height: 30px;
    }
    .td-left {
        padding: 0;
        float: none;
        width: 36%;
        margin: 0 auto;
    }
    .td-middle {
        width: 100%;
        text-align: center;
        margin: 1em 0;
        float: none;
    }
    .td-right {
        float: none;
        width: 100%;
        text-align: center;
    }
    .d-apps ul li,
    .a-cards ul li {
        width: 11.33%;
    }
    .a-cards ul li {
        width: 60% !important;
    }
    .footer-bottom-left {
        margin-bottom: 1em;
    }
    li.span1_of_1.desti.about-desti {
        width: 100%;
    }
    .holidays-bottom-grid {
        width: 66.67%;
    }
    .customer-left-grid {
        float: none;
        width: 100%;
    }
    .customer-left-grid:nth-child(2) {
        margin: 1em 0 0 0;
    }
    .weekend-grids {
        float: left;
    }
    .news-letter-grid p.mail {
        margin: 1em 0;
        text-align: left;
    }
    .p-right-left {
        float: left;
        width: 70%;
        padding: 0 0 0 1em;
    }
    .p-right-right {
        text-align: right;
        float: left;
        width: 30%;
        padding: 0 1em 0 0;
    }
    .p-right-right span.p-offer {
        font-size: 1.5em;
    }
    .p-right-right span.p-last-price {
        font-size: 1em;
    }
    .about-right {
        margin: 1em 0 0 0;
    }
    .contact-map {
        margin: 1em 0 0 0;
    }
    .book-right {
        margin: 2em 0 0 0;
    }
    .holidays-top-grid {
        padding: 0.5em 0;
    }
    .destinations-hotel {
        float: none;
        width: 100%;
    }
    .destinations-star {
        float: none;
        width: 100%;
        color: #fdd000;
    }
    .destinations-price {
        float: none;
        width: 100%;
    }
    .comments-left {
        float: left;
    }
    .comments-right {
        float: left;
    }
    .book-left {
        border-right: none;
    }
    li.span1_of_1.left.tab-children {
        margin-left: 0;
    }
    li.span1_of_1.left.f-adult {
        margin-left: 0;
    }
    li.span1_of_1.left.t-men {
        margin: 0 1em 0 0;
    }
    li.span1_of_1.left.w-adult {
        margin: 0 1em 0 0;
    }
    .book-button-column {
        padding: 2em;
    }
}

@media (min-width: 640px) {
    .md-inline-flex {
        display: inline-flex;
    }
    .animation-div h2 {
        font-size: 3.5rem;
    }
    .animation-div p {
        font-size: 2rem;
    }
    .flex-center {
        display: flex;
    }
    .booking-info-div {
        position: sticky;
        top: 2rem;
    }
    .info-div p {
        padding-left: 4px !important;
        margin-top: 5px;
    }
    .sticky {
        position: sticky;
        top: 5px;
    }
    .footer1-fixed {
        display: flex;
    }
    .footer1-fixed button {
        width: 160px;
        font-size: 17px;
    }
    .md-inline-flex {
        display: inline-flex;
    }
    .div-price {
        margin: 0.4rem 5rem;
    }
}

@media (min-width: 800px) {
    .book-grids {
        display: flex;
    }
}


/* ipad */

@media (max-width: 1080px) and (min-width: 1020px) {
    div.home-marquee {
        max-width: 540px;
    }
    .search-div.filter .sap_tabs.shadow {
        box-shadow: -1px 1px 17px #b1acac;
    }
    .col-md-2.td-right {
        padding: 0;
    }
    .col-md-6.td-middle {
        padding: 0;
        padding-left: 5px;
    }
    .book-grids .col-md-4.col-xs-12 {
        padding-left: 0;
    }
    .open>.dropdown-menu {
        top: inherit;
    }
    .banner-bottom.pt-20.home123 {
        padding: 12em 0 0 0;
    }
    .faqs-top-grids {
        padding: 0;
    }
    .iphone-hide {
        display: none;
    }
    .footer1-fixed {
        height: 100px;
    }
    .container {
        width: 1010px;
    }
    .booking-form-div {
        padding: 4rem 2rem;
    }
    .faqs-top-grids1 {
        overflow: hidden;
    }
    .top-nav {
        width: 60.8%;
    }
    .footer-xr-fixed {
        width: 35%;
        padding: 0;
    }
    .book-left-form1 label {
        font-size: 1.2rem;
    }
    .booking-info-div div.pp {
        padding: 2rem;
        /* border-radius: 10px; */
    }
}

@media (max-width: 800px) and (min-width: 766px) {
    .open>.dropdown-menu {
        top: inherit;
    }
    div.home-marquee {
        max-width: 290px;
    }
    .col-md-3.product-left {
        padding: 0;
    }
    .nbs-flexisel-item {
        width: 200px !important;
    }
    .footer1-fixed {
        height: 100px;
    }
    .footer1-fixed button {
        height: 48%;
        margin: 2px 5px;
    }
    .banner-bottom-grid img,
    .weekend-grid a img {
        height: 13rem;
    }
    .package-img-div {
        overflow: hidden;
        height: 13rem;
    }
    .banner-bottom.pt-20 {
        padding: 4em 0 0 0;
        margin-top: 34rem;
    }
    div.search-div.filter .xr-search-btn {
        padding: 0px;
        margin: 0 15px !important;
    }
    .search-div.filter {
        position: relative !important;
        left: 0;
    }
    .price-div-package a {
        /* right: 0; */
        left: 58%;
    }
    .faqs-top-grids,
    .c-rooms {
        padding: 1rem;
    }
    .product-right {
        padding: 0;
        margin-top: 3rem;
    }
}

@media (max-width: 800px) {
    .banner-bottom.mt-20 {
        padding: 4em 0 0 0;
        margin-top: 20rem;
    }
    .table.travellers tbody tr {
        display: grid;
    }
    .submit_btn {
        width: 100%;
    }
    .table.travellers select {
        width: 100%;
    }
    .table.travellers .btn {
        width: 100%;
    }
    .sm-d-grid {
        display: grid;
    }
    .booking-form-div {
        padding: 3rem 1.5rem;
        /* border-radius: 10px; */
    }
    .form-horizontal .form-group {
        margin-right: 0;
        margin-left: 0;
    }
    .pay-card {
        padding: 1rem 0.5rem;
    }
    .book-left-form1 p {
        margin-bottom: 1rem;
    }
    .footer1-fixed {
        padding: 8px 5px;
    }
    .sm-d-none {
        display: none;
    }
    .single-pg-hdr {
        padding: 5px;
        padding-bottom: 5px;
    }
    .dates-p.col-md-2.col-xs-6 {
        width: 45%;
    }
    .sm-p-lr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 670px) {
    div.home-marquee {
        max-width: 220px;
    }
    .table.travellers tbody tr {
        display: grid;
    }
    .home1234 {
        margin-top: 4rem;
    }
    .submit_btn {
        width: 100%;
    }
    .table.travellers select {
        width: 100%;
    }
    .table.travellers .btn {
        width: 100%;
    }
    .sm-d-grid {
        display: grid;
    }
    .booking-form-div {
        padding: 3rem 1.5rem;
        /* border-radius: 10px; */
    }
    .form-horizontal .form-group {
        margin-right: 0;
        margin-left: 0;
    }
    .pay-card {
        padding: 1rem 0.5rem;
    }
    .book-left-form1 p {
        margin-bottom: 1rem;
    }
    .footer1-fixed {
        padding: 8px 5px;
    }
    .sm-d-none {
        display: none;
    }
    .single-pg-hdr {
        padding: 5px;
        padding-bottom: 5px;
    }
    .dates-p.col-md-2.col-xs-6 {
        width: 45%;
    }
    .sm-p-lr-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .search-div.filter {
        position: relative !important;
        left: 0 !important;
        margin-bottom: 2rem;
        margin-top: 2rem;
        z-index: 100;
    }
    .ads-h2 {
        font-size: 18px;
        padding: 40px 26px 32px 39px;
    }
    .dropdown-grids {
        margin: 10px 0;
    }
    .animation-div {
        top: 15%;
    }
    .xr-packages-slide .nbs-flexisel-inner li {
        width: 37.2rem !important;
    }
    .nbs-flexisel-inner li {
        width: 16rem !important;
    }
    .nbs-flexisel-item>a img {
        height: 10rem !important;
    }
    .xr-search-btn {
        /* font-size: 12px; */
        padding: 5px;
    }
    .img-slider {
        width: auto;
        height: 227px !important;
    }
    .product-right-grids {
        margin: 15px 0px;
    }
    .product-left {
        padding: 0;
        margin-bottom: 15px;
    }
    div.search-div .form-group {
        padding: 5px;
    }
    div.search-div {
        top: 97%;
        position: absolute;
        bottom: 28%;
        left: 15%;
        left: 8%;
        right: 7%;
    }
    .xr-recommentation {
        width: auto;
    }
    .div-price p {
        font-size: 10px;
    }
    .footer1-fixed button {
        width: 100%;
        padding: 2px 0;
        margin-bottom: 4px;
    }
    .div-price span.big {
        font-size: 16px;
    }
    .div-price span.small {
        font-size: 11px;
    }
    .info-div h2 {
        font-size: 13px;
    }
    .info-div p {
        font-size: 9px;
    }
    .banner-left {
        float: none;
        width: 100%;
    }
    .banner-right {
        float: none;
        width: 100%;
        margin: 1em 0 0 0;
    }
    .reservation ul li.adult {
        margin-left: 1em;
    }
    .reservation h5 {
        font-size: 0.9em;
    }
    .banner-bottom {
        padding: 0em 0 0 0;
        margin-top: 0rem;
    }
    .banner-bottom-grid {
        float: none;
        width: 100%;
    }
    .destinations ul li.button a {
        background: url(../images/arrow.png) no-repeat 535px 18px #ffffff;
    }
    .choose-left h5 {
        font-size: 3em;
    }
    .glyphicon-globe {
        font-size: 3em;
    }
    .choose-left h6 {
        font-size: 1.7em;
        width: 40px;
        height: 40px;
    }
    .td-left {
        width: 21%;
    }
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        margin-top: 3em;
    }
    .d-apps ul li,
    .a-cards ul li {
        width: 15.33%;
    }
    .news-grids {
        min-height: 404px;
    }
    #loginBox {
        top: 56px;
    }
    .weekend-grids {
        width: 100%;
        float: none;
        margin-bottom: 1em;
    }
    .weekend-grids12 {
        margin-bottom: 1em;
    }
    .header-dropdown {
        width: 49%;
    }
    .emergency-grid ul li.call {
        font-size: 16px;
    }
    li.span1_of_1.left.tab-children {
        margin-left: 1em;
    }
    li.span1_of_1.left.f-adult {
        margin-left: 1em;
    }
    li.span1_of_1.left.w-adult {
        margin: 0 1em 0 1em;
    }
}

@media (max-width: 480px) {
    .price-div-package a {
        left: 0;
    }
    .top-nav ul li a {
        font-size: 20px;
        font-weight: 500;
    }
    .animation-div h2 {
        font-size: 12px;
    }
    .animation-div p {
        font-size: 8px;
    }
    .cur-div.lang:hover .cur-section {
        right: -21%;
    }
    .logo h1 a {
        font-size: 21px;
    }
    .logo h1 img {
        width: 100px !important;
    }
    .logo h1 a {
        text-align: center;
    }
    .d-flex .about123 button,
    .about123 a {
        margin-top: 5px;
        width: 100%;
    }
    .d-flex input {
        margin-top: 5px;
        width: 100%;
    }
    .about123 img {
        margin-right: 10px;
        margin-left: 10px;
    }
    .xr-recommentation {
        width: auto;
    }
    .header-dropdown {
        width: 51%;
    }
    .marquee {
        width: 100%;
    }
    .header-dropdown {
        width: 100%;
        margin: 5px 0px !important;
    }
    .news-grids {
        min-height: 450px;
    }
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        margin-top: 0em;
    }
    .d-apps ul li,
    .a-cards ul li {
        width: 23.33%;
    }
    .a-cards ul li {
        width: 100% !important;
    }
    .reservation ul li.adult {
        margin-left: 0;
    }
    .p-right-img a {
        min-height: 176px;
    }
    .p-right {
        float: none;
        width: 100%;
    }
    .privacy-div1 {
        padding: 10px;
    }
    .dropdown-menu {
        top: inherit;
    }
    .nav-top {
        position: sticky;
        top: 0!important;
        z-index: 102;
    }
    div.home-marquee {
        max-width: 160px;
    }
    .p-right-left {
        width: 100%;
    }
    .p-left-deals {
    float: none;
    width: 100%;
}
    .p-right-right {
        text-align: left;
        float: none;
        width: 100%;
        padding: 2em 1em 0;
        display: block;
    }
    .p-left {
        float: none;
        width: 100%;
    }
    td.room-info {
        padding: 0.5em;
    }
    td.room-info {
        padding: 0.5em;
        vertical-align: top;
    }
    .room-thumbnail a img {
        width: 66%;
    }
    .room-basic-info a {
        font-size: 0.8em;
    }
    .about-info h2 {
        font-size: 1.5em;
    }
    .faqs-left h3 {
        font-size: 1.5em;
    }
    .comments-left {
        width: 20%;
    }
    .single-pg-hdr h2 {
        font-size: 1.5em;
    }
}

@media (max-width: 320px) {
    .emergency-grid ul li.call {
        font-size: 1em;
    }
    .logo h1 a {
        font-size: 0.8em;
    }
    .emergency-grid ul li {
        font-size: 0.8em;
    }
    .header-dropdown {
        width: 59%;
        margin: 1em 0 0 0;
    }
    span.menu {
        width: 15%;
    }
    .top-nav {
        width: 63.8%;
    }
    .top-nav ul li a {
        padding: 0.5em 0;
    }
    #loginContainer a span {
        padding: 0.3em 1em;
        color: #fff;
        font-size: 0.9em;
    }
    #loginForm {
        width: 290px;
    }
    #loginBox {
        left: -222px;
    }
    .nav-top {
        margin: 0.5em 0 0 0;
    }
    #loginContainer {
        padding: 0.3em 0em;
    }
    .dropdown-grids {
        margin-top: 0.5em;
    }
    .booking-info h2 {
        font-size: 1.2em;
    }
    .resp-tab-item {
        font-size: 0.8em;
    }
    .facts {
        padding: 1em 0 0 0;
    }
    .reservation ul li.desti {
        width: 100%;
        margin: 0.5em 0;
    }
    .reservation ul li.left {
        margin-left: 0;
    }
    .banner-bottom-info h3 {
        font-size: 1.5em;
    }
    .banner-bottom {
        padding: 1em 0 0 0;
    }
    .banner-bottom-grids {
        margin: 1em 0 0 0;
    }
    .banner-bottom-grid {
        padding: 0;
    }
    .choose-left h5 {
        font-size: 2em;
    }
    .glyphicon-globe {
        font-size: 2em;
    }
    .choose-left h6 {
        font-size: 1.5em;
        width: 35px;
        height: 35px;
    }
    .news-grids {
        min-height: 540px;
    }
    .popular-info h3 {
        font-size: 1.5em;
    }
    .slider {
        margin: 2em 0 0 0;
    }
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        margin-top: 4em;
    }
    .footer-top-grids {
        padding: 1em 0 0 0;
    }
    .footer-grid ul {
        margin: 1em 0 0 0;
    }
    .news-letter-grid p {
        font-size: 1em;
    }
    .news-letter-grid input[type="text"] {
        width: 100%;
        padding: 0.5em;
    }
    .news-letter-grid input[type="submit"] {}
    .footer-bottom-top-grids {
        padding: 1em 0;
    }
    .d-apps ul li,
    .a-cards ul li {
        width: 31.33%;
    }
    .a-cards ul li {
        width: 100% !important;
    }
    .reservation ul li.span1_of_1 {
        margin-bottom: 0.8em;
        width: 100%;
    }
    select {
        width: 100%;
        background: url(../images/arrow.png) no-repeat 95% center #ffffff;
    }
    li.span1_of_1.left.tab-children {
        margin-left: 0;
    }
    .date_btn form input[type="submit"] {
        font-size: 0.9em;
    }
    .about-booking-info h2 {
        margin: 0;
    }
    li.span1_of_1.left.f-adult {
        margin-left: 0;
    }
    li.span1_of_1.left.w-adult {
        margin: 0 0 0.8em 0;
    }
    .weekend-grid-info h5 {
        font-size: 1.2em;
    }
    .weekend-grid-info h6 {
        font-size: 0.9em;
    }
    .weekend-grid-info p {
        font-size: 1.5em;
    }
    .deals-info h2 {
        font-size: 1.5em;
    }
    .faqs-top-grids,
    .c-rooms {
        padding: 1em;
    }
    .h-class h5 {
        padding-bottom: 0;
    }
    .p-right-img a {
        min-height: 140px;
    }
    .p-right-right {
        padding: 1em 1em 0;
    }
    .single-pg-hdr h2 {
        font-size: 1.2em;
    }
    .single-pg-hdr p {
        font-size: 0.9em;
    }
    .single-gd-lt {
        padding: 0;
    }
    .single-gd-rt {
        padding: 0;
        margin: 1em 0;
    }
    .spl-btn-bor p {
        font-size: 1em;
    }
    .spl-btn-bor span {
        font-size: 1em;
    }
    a.best-btn {
        font-size: 1em;
    }
    .map-gd {
        margin: 22px 0;
    }
    .map-gd iframe {
        height: 160px;
    }
    .comments-bot p {
        font-size: 0.9em;
    }
    .about-info h2 {
        font-size: 1.2em;
    }
    .faqs-left ol li a {
        font-size: 0.9em;
    }
    .faqs-left ol {
        margin: 1em 0 0 0;
    }
    .faqs-left {
        padding: 0;
    }
    .faqs-left h3 {
        font-size: 1.2em;
    }
    .footer-grid h4 {
        font-size: 1.2em;
    }
    .terms-grids h5 {
        font-size: 0.9em;
    }
    .contact-grids {
        margin: 1em 0 0 0;
    }
    .contact-para {
        padding: 0;
    }
    .contact-grid input[type="text"] {
        padding: 6px;
    }
    .contact-grid {
        padding: 0;
    }
    .contact-para input[type="submit"] {
        padding: 0.5em 3em;
    }
    .map iframe {
        min-height: 175px;
    }
    .contact-map {
        padding: 0;
    }
    .blog-left {
        padding: 0;
    }
    .Categories h3,
    .comments h3,
    .response h3,
    .book-left-info h3,
    .opinion h3 {
        font-size: 1.5em;
    }
    .comments-left {
        width: 40%;
        margin: 0 auto;
        float: none;
    }
    .comments-right {
        float: none;
        text-align: center;
        margin: 1em 0 0 0;
    }
    .media-left.response-text-left {
        width: 26%;
        float: left;
    }
    .single-pg-hdr {
        padding: 12px;
    }
    .book-button-column a {
        font-size: 0.9em;
    }
    .avg-rate span.p-offer {
        font-size: 2em;
    }
    .book-button-column {
        padding: 2em 0 2em 1em;
    }
    .book-left {
        padding: 0;
    }
}

.accordion {
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: 2px solid #dcdcdc;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-radius: 19px;
    margin-bottom: 5px;
}

.accordion1 {
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    background-color: transparent;
    /* background-color: #e8dcdc; */
    /* border-radius: 19px; */
    /* box-shadow: 0 0 4px #00000099; */
    margin-bottom: 5px;
}

.feature-div {
    border-bottom: 1px solid #c7d0d9;
	width: 65%;
}

.img-icon2 {
    width: 19px;
    height: 19px;
    margin-top: 8px;
    margin-right: 10px;
    padding-bottom: 2px;
}

.my-bookings {
    display: block;
    margin: auto;
    font-size: 17px;
    margin-top: 15px;
    text-decoration: underline;
}

.active,
.accordion:hover {
    background-color: transparent;
}

.color-green {
    color: green;
}

.color-red {
    color: red;
}

.color-orange {
    color: orange;
}

.panel {
    padding: 10px 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    padding-left: 22px;
    margin: 0;
}

.panel1 {
    padding: 10px 18px;
    display: none;
    background-color: white;
    overflow: hidden;
    padding-left: 22px;
    margin: 0;
}

.panel .xr-div1::before {
    content: "";
    max-width: 3px;
    min-width: 3px;
    background-color: #314a34;
}

.panel .xr-div1 {
    display: flex;
}

.div-gallery {
    overflow: hidden;
}

.div-gallery>ul {
    display: inline-flex;
    list-style: none;
    animation: slide 50s linear infinite;
}

.div-gallery>ul:hover {
    animation-play-state: paused;
}

.div-gallery img {
    width: 500px;
}

@keyframes slide {
    0% {
        transform: translate(0, 0);
    }
    25% {
        transform: translate(-500px, 0);
    }
    50% {
        transform: translate(0px, 0px);
    }
    75% {
        transform: translate(-500px, 0px);
    }
    100% {
        transform: translate(0px, 0px);
    }
}

#gallery {
    display: grid;
    height: calc(100vh - 10px);
    grid-template: repeat(6, 1fr) / repeat(6, 1fr);
    grid-gap: 0.5em;
}

@media (max-width: 800px) {
    #gallery {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        overflow: scroll;
    }
    #gallery>div {
        width: 48%;
        margin: 1%;
    }
}

@media (max-width: 800px) and (max-width: 350px) {
    #gallery>div {
        width: 98%;
    }
}

#gallery>div:nth-child(6n + 1) {
    grid-column: span 3;
    grid-row: span 2;
}

#gallery>div:nth-child(2) {
    grid-column: span 3;
    grid-row: span 3;
}

#gallery>div:nth-child(4) {
    grid-column: span 1;
    grid-row: span 2;
}

#gallery>div>a {
    opacity: 0;
    position: absolute;
    color: #ffffff;
    /* background-color: #000; */
    font: bold 2em "Helvetica";
    /* text-shadow: 0 -1px 5px #fff, -1px 0px 5px #fff, 0 1px 5px #fff, 1px 0px 5px #fff; */
    padding: 2rem;
    /* mix-blend-mode: difference; */
    width: 100%;
    height: 100%;
    transition: all ease 1s;
    text-shadow: 0 0 4px black;
}

#gallery>div>img {
    width: 100%;
    min-height: 100%;
    transition: all ease 1s;
}

#gallery>div:hover img {
    /* filter: blur(4px); */
    transform: scale(1.1);
}

.xr-search-btn {
    margin: 0 !important;
    color: white;
    height: 100%;
    padding: 20px;
}

.xr-search-btn .btn {
    color: white;
    background-color: #2196F3;
    font-size: 16px;
    outline: none !important;
    border: none !important;
    padding: 14px;
}

#gallery>div:hover a {
    opacity: 1;
}

#gallery>div {
    overflow: hidden;
    position: relative;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2), 0 3px 20px 0 rgba(0, 0, 0, 0.19);
}

#gallery div,
#gallery a {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

a.edit-email {
    margin-left: 7px;
    color: #1c64d0 !important;
    text-decoration: underline;
    cursor: pointer;
}


/* ribbon */


/* common */

.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #a33326;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #e74c3c;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 700 18px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
}


/* top left*/

.ribbon-top-left {
    top: -10px;
    left: -10px;
}

.p-relative {
    position: relative;
}

.ribbon-top-left::before,
.ribbon-top-left::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.img-icon-svg {
    width: 50px;
    height: 50px;
}

.div-booking-price {
    display: grid;
}

.link-svg span {
    padding-left: 1rem;
}

.link-svg {
    color: #393434;
    font-weight: bold;
}

.img-iternity-full {
    width: 100%;
    margin: auto;
    display: block;
}

.ribbon-top-left::before {
    top: 0;
    right: 0;
    z-index: 1;
}

.ribbon-top-left::after {
    bottom: 0;
    left: 0;
    z-index: 1;
}

.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
    z-index: 1;
}