:root {
   --primary : #ff5f03 ;
   --secondary: white;
   --tertiary: #00145f;
}

 @media screen and (min-width:992px) and (max-width: 3500px) {
	 .attrac_desc1{color:#fff !important;} 
	 .attrac_desc{color:#fff !important;} 
	 .attrac_para{color:#fff !important;}
}
/* primary-red : #d81537; */

/* NEW RED : #D63031 */
.slidertext-bg1 {display: block;}
.text-white {
    color: #fff;
}

.pl-0 {
    padding-left: 0;
}


.bar1 {
    background-color: var(--primary)!important;
}

.moreattraction{
   padding-top: 35px!important;
}
h3{
    font-weight: 600;
    font-size: 27px;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}

.fa-inverse {
    color: #fff !important;
}
@-moz-document url-prefix() {
    .paddingbut {
        padding: 5px 11px 7px !important;
    }
}

.px-0 {
    padding-left: 0;
    padding-right: 0;
}



@media (min-width: 1200px) {
    #no_of_rooms, #no_of_adult, #no_of_child, #no_of_room_mobile{    text-align: left;}
	.bookingbg{ padding-right: 0px}
    header {
        top: 0;
        width: 100%;
        transition: height 0.3s ease 0s;
        position: relative;
    }

    header.smaller .inner_res {
        height: 120px;
        position: fixed;
        top: 0;
        z-index: 999;
        background: #fff;
        border-bottom: 3px solid #2782bc;
        transition: height 0.3s ease 0s;
        width: 100%;
        box-sizing: border-box;
    }

    header.smaller .inn-vertmar {
        margin: 0;
    }

    header.smaller .bg_bar {
        visibility: hidden;
        margin: 0;
        width: 7%;
    }

    .home_collapse {
        top: 112px;
    }

    header.smaller .selectdiv {
        width: 100%;
        padding-left: 0px;
    }

    header.smaller .yelbors select {
        background: #fff !important;
        color: #657889 !important;
        width: 95px !important;
        border-radius: 4px !important;
        padding: 3px 10px !important;
        display: block;
        margin: 5px auto;
    }

    header.smaller .smallerhide {
        display: none
    }

    header.smaller .smallershow {
        display: inline;
    }

    header.smaller .res_bg {
        background: transparent;
        height: 100px;
    }

    header.smaller .inner_res .selectdiv:after {
        top: -30px;
        right: -25px;
    }
	header.smaller  .bar1{background: #fff;}
    header.smaller .home_res {
        height: 110px;
        position: fixed;
        top: 0;
        z-index: 0;
        background: var(--secondary);
        bottom: initial;
        border: none;
        /* border-bottom: 3px solid var(--primary); */
        border-bottom: 3px solid var(--tertiary);
        transition: height 0.3s ease 0s;
        width: 100%;
		max-width: 2000px;
		margin: 0 auto;
    }

    header.smaller .home_res .bookingbg {
        background-color: #fff;
    }

    header.smaller .home_res .res_bg {
        border: none;
        min-height: 118px !important;
    }

    header.smaller .room_home {
        color: #000  !important;    
        font-weight: 600;
        font-size: 14px;
        margin-left: 30px;
    }

    .logoDN {
        display: none;
    }

    .smaller .logoDN {
        display: block;
		top: 17px;
        
    }

    .smaller .checkDN {
        display: none;
    }

    .smaller .width16 {
        width: 16%;
    }

    .smaller .width25 {
        width: 25%;
    }

    .smaller .width15 {
        width: 18%;
   
    }

    .smaller .width30 {
        width: 30%;
    }

    /* .smaller .width70 {
        width: 78%;
    } */

    .smaller .width14 {
        width: 14%;
    }

    .smaller .width30-inn {
        width: 30%;
        margin-left: 0px;
    }

    header.smaller .yelname {
        color: #2782bc;
    }

    header.smaller .margin30 {
        margin-bottom: -3px !important;
    }

    header.smaller .MT50_new {
        margin-top: 30px;
    }

    header.smaller .bookingbg {
        height: auto;
        background-color: var(--tertiary);
    }

    header.smaller .checktxt {
        color: #cb650f;
    }

    header.smaller .customedeatetimesout,
    header.smaller .customedeatetimesin {
        border: 1px solid #000;
        color: #444;
		background: #fff;
    }

    header.smaller .monthcheck {
        color: #444;
    }

    header.smaller .F20_check {
        color: #444;
    }
    #no_of_adult{padding:0px 5px;}
    header.smaller #no_of_rooms,
    header.smaller #no_of_adult,
    header.smaller #no_of_child,
    header.smaller #no_of_room_mobile {
        color: #000;
    background: #fff;
line-height: 1.42857;
border: 1px solid #000;
    }
     header.smaller .reservation .btn-success {
        background: #ff5f03!important;
    color: #fff !important;}
        header.smaller .reservation .btn-success:hover {
            color: #fff !important;
            background: #ff5f03 !important;
        }
     header.smaller .bookingbg {
    display: flex;
    justify-content: center;
}
header.smaller .home_res {
    display: block;
    background: #fff;
}
.smaller .imgadj {
    margin-top: -10px;
    width:auto;
}
/* .smaller .dpos{
    display: none;
} */
.smaller .check_home_w{
        display: flex!important;
    background: #fff;
}
.smaller .logoDN {
    display: block;
    top: 17px;
    width: 15%;
}
 header.smaller {
    background: 0 0;
    height: auto;
    padding-top: 0;
    transition: padding 0s;
    overflow-x: visible;
}


    header.smaller .home_res select option {
        background-color: #fff;
        color: #000;
        text-align: left;
    }

    /* header.smaller select {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(../img/selarow.png) no-repeat center right;
        filter: invert(1);
    } */

    /*header.smaller .reservation #dpd1, header.smaller .reservation #dpd2{height:auto;}*/
    header.smaller .vertmar {
        margin: 15px 0 0 0;
    }

    header.smaller .reservation .btn-success {
        margin: 23px 0 0 0;
        padding: 9px 15px;
    }

    header.smaller .nopad {
        padding: 8px 0px 0px;
    }

    /* header.smaller .logo_inn{margin:12px 0 0 16px;} */
    header.smaller .add-on {
        background: url(../img/smallcal.png) no-repeat;
        width: 30px;
        height: 23px;
        right: 26px;
        bottom: 32px;
    }

    header.smaller .reservation {
        width: 100%;
        margin: 0 auto;
    }

    header.smaller .sign_bg {
        display: none;
    }

    header.smaller .innerhead {
        padding: 15px 0;
    }

    header.smaller .dropshadow {
        box-shadow: none;
    }

    header.smaller .MT20_new {
        margin-top: 10px !important;
    }

    header.smaller .home_res .selectdiv:after,
    header.smaller .inner_res .selectdiv:after {
        color: #2782bc;
    }

    .smaller .width33 {
        width: 33%;
    }

}



/*a:focus, a:hover{color:#fff !important;}*/

.common_hoteg a {
    color: #444 !important;
}

.common_hoteg a:focus,
.common_hoteg a:hover {
    color: #136613 !important;
}

.MR5 {
    margin-right: 5px;
}

.spantext-color a:focus
 {
    color: #fff !important;
}

.graybg {
    background-color: #fff !important;
    color: #000 !important;
}

.carousel-indicators {
    position: absolute;
    top: 0;
    bottom: 90px;
    margin: auto;
    height: 20px;
    right: 2% !important;
    left: auto;
    width: auto;
    z-index: 1 !important;
}

.carousel-indicators li {
    width: 15px;
    height: 30px;
    border: 0px;
    border-radius: 10px;
    margin: 5px 0;
    display: block;
    background: #b55300;
}

.carousel-indicators .active {
    width: 15px;
    height: 30px;
    margin: 5px 0;
    background: #fff;
}

/*div {transition-duration: 1s; transition-property: width;}*/
.circle-bg a {
    color: #719544 !important;
}

.checkbut {
    background: #6fa624 !important;
    font-size: 22px;
    position: fixed !important;
    bottom: 0px !important;
    z-index: 999;
    text-align: center;
    margin: auto;
    width: 100% !important;
    border-radius: 0px;
    left: 0
}

.colorgreen {
    color: #000;
}

.colorgreen a {
    color: #000;
}

body {
    font-family: 'Lato';
    font-size: 16px;
    color: #292929;
    font-weight: 300;
}

.header {
    position: absolute;
    left: 0%;
    right: 0;
    height: auto;
    z-index: 999;
    padding-top: 0px;
    width: 70%;
    margin: 0 auto;
    background: rgba(110, 96, 71, 0.7);
}

.bx-controls-direction a {
    z-index: 4 !important;
}

.bx-prev {
    left: -53px;
    background: url(../img/nextprev.png) 0px 0px no-repeat !important;
}

.cookiebg p {
    display: none;
}

.bx-next {
    right: -52px;
    background: url(../img/nextprev.png) -100px 0px no-repeat !important;
}

.bottomborder {
    border-bottom: 1px solid #267fbf;
}

.brownstripfooter {
    border-bottom: 1px solid #fff;
}

#myCarousel3 .carousel-control.right .fa {
    color: #fff;
    background-color: #2782bc;
    padding: 3px;
    border-radius: 19px;
    width: 70px;
    height: 40px;
}

#myCarousel3 .carousel-control.left .fa {
    color: #fff;
    background-color: #267fbf;
    padding: 3px;
    border-radius: 19px;
    width: 70px;
    height: 40px;
}

#myCarousel3 .carousel-control.left {
    background: transparent;
}

#myCarousel3 .carousel-control.right {
    background: transparent;
}

#myCarousel3 .carousel-control {
    top: 100%;
}

#myCarousel3 .carousel-control .fa {
    font-size: 35px;
}

#myCarousel3 .carousel-control.left {
    left: auto;
    right: 13%;
}

#myCarousel3 .carousel-control.right {
    right: 4%;
}

.review_sec {
    background-color: #fef6f0;
    padding: 40px 0 20px;
    margin-top: 30px;
}

#myCarousel3 .carousel-inner>.item.active {
    padding: 20px;
    color: #000;
    line-height: 2;
    font-weight: 500;
}

#myCarousel3 .carousel-inner .item,
#myCarousel3.carousel-inner .item div,
#myCarousel3.carousel-inner .item span,
#myCarousel3.carousel-inner .item p {
    text-transform: uppercase !important;
}

.MT20_new {
    margin-top: 20px;
}

.brownstrip {
    background-color: #267fbf;
    width: 80%;
    height: 10px;
    margin: 0 auto;
}

.seo_text {
    padding: 0px 0px 0px 20%;
}

.mybookcont {
    background-color: #2782bc;
    color: #fff;
    font-size: 19px;
    transform: rotate(270deg);
    position: relative;
    margin-top: 42px;
    margin-right: -44px;
    width: 132px;
    padding: 10px;
}

.carousel-control {
    width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.7);

    bottom: initial;
    border-radius: 0px;
    padding: 10px;
}

.carousel-control .fa {
    font-size: 40px;
    color: #fff;
}

.carousel-control.left {
    background-image: none;
    left: auto;
    top:40%;
}

.carousel-control.right {
    background-image: none;
    top:40%;
}

.slider {
    padding: 0;
    position: relative;
    /* z-index:1;*/
}

.welcometext {
    top: 0px;
    position: absolute;
    width: 45%;
    z-index: 9;
    height: 100.1%;
}

.welcometext_bg {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    height: 100%;
    padding: 40px 60px 40px 40px !important;
    width: 100%;
    display: table;
}

.recaptcha-holder {
    display: inline;
}

.imgadj {
    /* width: 250px; */
    margin-top: -10px;
}

.attachlogo {
    position: relative;
    padding: 2px 0px;
    top: 0;
    text-align: center;
    z-index: 2;
    left: 0;
    right: 0;
    border-bottom: 2px solid var(--tertiary);
    margin-right: 2%;
}

.attachlogo img {
    width: auto;
    padding: 8px 0px 1px;
 
}

.dbloc {
    display: block;
}

.dpos {
    position: absolute;
    top: 1px;
    left: 22px;


    /* width: 40%; */
    display: inline-block;
    width: auto;
    z-index: 99;
}

.dpos2 {
    position: absolute;
    top: 23px;
    z-index: 2;
    right: 30px;
}

#form_sixplusbooking select {
    background: #000 !important;
}

.btn-default:focus,
.btn-default:hover {
    background-position: 9px 12px !important;
}

.dealpopupbookingurl a {
    min-width: 36%;
}

.welcometablecell {
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.welconmuddlediv {
    width: 100%;
    display: inline-block;
}

.but_home {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    padding: 11px 35px;
    text-transform: uppercase;
}

.but_home.focus,
.but_home:focus,
.but_home:hover {
    background: #2782bc;
    color: #fff;
}

.welcometext h2,
.slider-subhead {
    margin: 3px 0 16px;
}

.welcometext h1,
.slider-head {
    margin: 9px 0 0;
}

.smallershow {
    display: none;
}

.site_ul_li>li>a {
    color: #444 !important;
}

.site_ul_li>li>a:focus {
    color: #D8282A !important;
}

.site_ul_li>li>a:hover {
    color: #D8282A !important;
}

.home_res select option {
    background-color: #fff !important;
    border: 1px solid #000;
    color: #000;
}

/*slider carousel-fade */
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.yellow-bg .col-lg-12 {
    margin-bottom: 10px;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

.mainmen {
    margin: 0;
}

@media screen and (min-width: 577px) and (max-width: 991px) {
	
    .white-box {
        padding: 10px !important;
    }
}

/* header.smaller .tm {
    width: 31.333333% !important;
} */

@media screen and (max-width: 1500px) and (min-width: 1401px) {
    .smaller .width70 {
        left: 85px !important
    }
}


@media screen and (max-width: 1500px) and (min-width: 1200px) {
    .dpos{    top: 6px;}.reserspl a{padding: 27px 0px 0px 35px !important;}
    /* #no_of_rooms, #no_of_adult, #no_of_child, #no_of_room_mobile {
        padding: 10px 15px 12px 12px !important;
    } */
   
    .smaller .toggle-button{margin: 25px 15px 8px -14px !important;}
	.bookingbg {
    padding-left: 40px !important;
}
    /* .smaller .logoDN {
        left: 85px !important;
    } */

    /* .smaller .tm {
        right: 2%;
    } */
    /* .imgadj {
        width: auto;
    } */
}
.logo_side_home{background: url(../img/logo-side-home.png) no-repeat;height: 3px; margin-top: 60px;}
@media screen and (min-width: 1500px) {
    .smaller .width70 {
        width: 82%;
    }

    .smaller .width16 {
        right:39px;
    }
}

@media screen and (max-width: 3500px) and (min-width:1200px) {
    .home_collapse {
        max-height: 250px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

.placeholder-fix:focus::-webkit-input-placeholder  {color:transparent !important;}
.placeholder-fix:focus::-moz-placeholder   {color:transparent !important;}
.placeholder-fix:-moz-placeholder   {color:transparent !important;}

header.smaller .tab_room .F14{font-size: 14px !important;}
.tab_room .F14 {font-size: 16px !important;}
.mainmen .bromenu {
    padding: 3px 0;
    margin: 0px 0;
    position: relative;
}

.socialA a {
    background-color: #444 !important;
    width: 43px !important;
    height: 43px !important;
}

.socialA {
    background: #fff !important;
}

/*slider carousel-fade */
/*********************************** slider************************************************/
/******* Sign In ********/


.sign_bg {
    display: inline-block;
    float: none;
    padding: 5px 0;
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
}

.sign_bg>a {
    color: #fff !important;
    display: inline-block;
    font-size: 16px;
    padding: 5px 0px;
    font-weight: 400;
    font-family: lato;
}

.sign_bg a:hover {
    color: #fff !important;
}

.sign_bg a:focus {
    color: #fff !important;
}

.sign_bg2 {
    display: inline-block;
    float: right;
    padding: 5px 0;
    position: relative;
}

.sign_bg2>a {
    color: #525d3f !important;
    display: inline-block;
    font-size: 16px;
    padding: 5px 5px;
}

.bggreen {
    background: #525d3f;
}

.colormegreen {
    color: #525d3f;
}

.equalpad a {
    background: none;
    font-weight: 400;
    padding: 1px 0px;
    color: #fff;
    display: inline-block;
    font-family: lato;
    text-align: center;
    margin: 0 6px;
    font-size: 20px;
}

.fontbg {
    background: #000;
    padding: 5px;
    margin: 0 3px;
    width: 30px;
    text-align: center;
    display: inline-block;
}

.equalpad a:hover {
    color: #fff !important;
}

.equalpad a:focus {
    color: #fff !important;
}

.giveblock img {
    width: 100%;
}

/* added by PKUMAR*/
.MT72 {
    margin-top: 72px;
}

.eventimg {
    box-shadow: 0px 4px 11px #211e1f;
    margin-bottom: 10px;
}

span.welcmtxt {
    color: #243007;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

.bxtsxt {
    float: right;
}

.welcomedropdowns {
    background: url(../images/welcomedropdown.png) no-repeat center center;
    float: left;
    width: 22px;
    height: 24px;
}

.userddbox {
    width: 250px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 10px;
    top: 35px;
    z-index: 9999;
    background: #e7e8e7;
    border: 0;
    border-top: none;
}

.userddbox li {
    width: 100%;
    float: left;
    border-top: 1px solid #cfcfcf;
    list-style: none;
}

.userddbox li a {
    color: #666666;
    text-decoration: none;
    line-height: 32px;
    display: block;
    padding: 0px 8px;
    font-family: Arial;
    font-size: 12px;
}

.home_res .bg_bar {
    background: url(../img/bg_bar.png) no-repeat center center;
    height: 70px;
    top: 43px;
}

.inner_res .bg_bar {
    background: url(../img/bg_bar.png) no-repeat center center;
    height: 70px;
    top: 43px;
}

li.user-header {
    height: 165px;
    padding: 10px;
    text-align: center;
    background: #487289;
}

.width100 {
    width: 100%;
}

.txtaln {
    text-align: center;
}

li.user-header>img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.3)
}

li.user-header>p {
    z-index: 5;
    color: #fff;
    font-size: 15px;
    margin-top: 10px;
    text-transform: capitalize;
}

li.user-header>p>small {
    display: block;
    font-size: 12px;
    padding-top: 3px;
}

.img-circle {
    border-radius: 50%;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

li.user-footer {
    background-color: #f9f9f9;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.userddbox .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 65px;
}

.userddbox .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.userddbox .btn:focus,
.btn:hover {
    color: #cb650f !important;
    text-decoration: none
}

.userddbox .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.userddbox .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc
}

.userddbox .btn-default:active,
.btn-default:focus,
.btn-default:hover {
    color: #333;
    background-color: #00ae34;
    border-color: #adadad
}

.userddbox .btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent
}

.userddbox .btn.uppercase {
    text-transform: uppercase
}

.userddbox .btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd
}

.userddbox .btn-default:hover,
.btn-default:active {
    background-color: #088e01 !important
}

.userddbox .btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.user-footer .btn-default {
    color: #666666
}

a.minwidthccmd {
    width: 150px;
}

a.minwidthsot {
    width: 65px;
}

a.disinlnblk {
    float: none;
    display: inline-block !important;
}

a.welcome_showhide span>img {
    z-index: 5;
    height: 28px;
    width: 28px;
    border: 2px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.3)
}

a.mobilecircleimg span>img {
    z-index: 5;
    height: 28px;
    width: 28px;
    border: 2px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
    float: none;
    text-decoration: none !important;
}

.img-circle2 {
    border-radius: 50%;
    float: left;
}

.welcometxtddp {
    float: left;
    font-size: 14px;
    color: #fff;
}

.sign_link {
    margin-right: 5px;
}

#cancel_reservation_link_user2 {
    display: block;
    padding: 5px 15px 5px 25px;
}

.bxtsxtmob {
    clear: both;
}

.bxtsxtmob span {
    display: inline-block;
    line-height: 28px;
}

a.mobilecircleimg {
    text-decoration: none !important;
}

a.mobilecircleimg:hover,
li.open a.mobilecircleimg:focus {
    text-decoration: none !important;
}

.MT72 {
    margin-top: 72px;
}

span.welcmtxt {
    color: #243007;
    font-size: 12px;
    font-weight: bold;
    line-height: 24px;
}

.bxtsxt {
    float: right;
}

.welcomedropdowns {
    background: url(../images/welcomedropdown.png) no-repeat center center;
    float: left;
    width: 22px;
    height: 24px;
}

.userddbox {
    width: 250px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    right: 0px;
    top: 35px;
    z-index: 9;
    background: #e7e8e7;
    border: 0;
    border-top: none;
}

.userddbox li {
    width: 100%;
    float: left;
    border-top: 1px solid #cfcfcf;
    list-style: none;
}

.userddbox li a {
    color: #666666;
    text-decoration: none;
    line-height: 32px;
    display: block;
    padding: 0px 8px;
    font-family: Arial;
    font-size: 12px;
}

li.user-header {
    height: 165px;
    padding: 10px;
    text-align: center;
    background: #525d3f;
}

.width100 {
    width: 100%;
}

.txtaln {
    text-align: center;
}

li.user-header>img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.3)
}

li.user-header>p {
    z-index: 5;
    color: #fff;
    font-size: 15px;
    margin-top: 10px;
    text-transform: capitalize;
}

li.user-header>p>small {
    display: block;
    font-size: 12px;
    padding-top: 3px;
}

.img-circle {
    border-radius: 50%;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

li.user-footer {
    background-color: #f9f9f9;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

#promo_code {
    background: none;
    border: 1px solid #fff;
    color: #fff;
    height: 44px;
}
#promo_code {
    padding: 5px;
    border: 1px solid #dbdbdb;
}

.specialcode {
    margin: 12px 0 0 0;
    padding: 23px 10px;
}

@media screen and (max-width: 991px) {
    .specialcode {
        margin: 0;
        padding: 15px 10px;
        margin-bottom: 10px;
    }
}


.userddbox .btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    min-width: 65px;
}

.userddbox .btn:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.userddbox .btn:focus,
.btn:hover {
    color: #cb650f !important;
    text-decoration: none
}

.userddbox .btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.userddbox .btn-default {
    color: #ffffff;
    background-color: #fff;
    border-color: #ccc
}

.userddbox .btn-default:active,
.userddbox .btn-default:focus,
.userddbox .btn-default:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad
}

.userddbox .btn {
    border-radius: 3px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid transparent
}

.userddbox .btn.uppercase {
    text-transform: uppercase
}

.userddbox .btn-default {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd
}

.userddbox .btn-default:hover,
.userddbox .btn-default:active {
    background-color: #e7e7e7 !important
}

.userddbox .btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px
}

.btn:active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.userddbox .user-footer .btn-default {
    color: #666666
}

a.minwidthccmd {
    width: 150px;
}

a.minwidthsot {
    width: 65px;
}

a.disinlnblk {
    float: none;
    display: inline-block !important;
}

.text1 {
    color: #272727;
    font-size: 30px;
    letter-spacing: 10px;
    font-family: 'PT serif';
}

.text2 {
    color: #272727;
    font-size: 10px;
    letter-spacing: 3px;
    font-weight: 600;
    font-family: 'PT serif';
}

.bottomborder {
    border-bottom: 1px solid #b7b7b7;
}

a.welcome_showhide span>img {
    z-index: 5;
    height: 28px;
    width: 28px;
    border: 2px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.3)
}

a.mobilecircleimg span>img {
    z-index: 5;
    height: 28px;
    width: 28px;
    border: 2px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.3);
    float: none;
    text-decoration: none !important;
}

.img-circle2 {
    border-radius: 50%;
    float: left;
}

.welcometxtddp {
    float: left;
    font-size: 14px;
    color: #fff;
}

.sign_link {
    margin-right: 5px;
}

#cancel_reservation_link_user2 {
    display: block;
    padding: 5px 15px 5px 25px;
}

.bxtsxtmob {
    clear: both;
}

.bxtsxtmob span {
    display: inline-block;
    line-height: 28px;
}

a.mobilecircleimg {
    text-decoration: none !important;
}

a.mobilecircleimg:hover,
li.open a.mobilecircleimg:focus {
    text-decoration: none !important;
}

.head-section{
    background: var(--secondary);
}

.Attrac_text {
    letter-spacing: 5px;
    text-transform: uppercase;
    font-family: lato;
    color: #2782bc;
}

.bookingbg {
    background: var(--primary);
	
}

.head-section{
    background: var(--secondary);
}

.Padding10 {
    padding-top: 10px;
}

/********* Sign In ******/
/******************************* CHECK AVAILABILITY  *********************************************/

.home_res {
    margin: 0 auto;
    background-size: cover;
    position: absolute;
    width: 65%;
    left: 0;
    right: 0;
    bottom: -50px;
    z-index: 1;
}

.wide_cal {
    background: none;
    display: inline-block;
    border-radius: 4px;
    width: 100%;
    position: relative;
    font-family: lato;
}

.checkbg {
    background: #91ced5;
    display: inline-block;
    width: 80%;
    position: relative;
    padding: 5px;
}

.datepicker.dropdown-menu {
    max-width: 230px;
    background: #fff !important;
}

.customedeatetimesout,
.customedeatetimesin {
    display: block;
    border: 1px solid #fff;
    color: #fff;
    line-height: 1.42857;
    padding: 10px 45px 10px 0px;
    width: 95%;
}

.reservation #dpd1,
.reservation #dpd2 {
    cursor: auto !important;
    width: 100%;
    background: none;
    position: relative;
    z-index: 9;
    height: 40px;
}

.checkincustometime {
    left: 0;
    opacity: 0 !important;
    position: absolute !important;
    top: 0px;
    z-index: 10 !important;
}

.add-on {
    background: url(../img/calendar.svg) no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 0 4px 4px 0;
    color: #fff;
    padding: 6px 7px;
    position: absolute;
    right: 7px;
    bottom: 23px;
}

.MT12 {
    margin-top: 5px;
}

.reservation label {
    color: #fff;
    font-weight: 100;
    padding-right: 10px;
    
    font-family: lato;
}

.btn_left {
    border-radius: 7px 0 0 7px !important;
    background:  url(../img/plus_minus.png) no-repeat 8px 11px #6aad2e;
    border: 0;
    float: left;
}

.btn_right {
    border-radius: 0px 7px 7px 0px !important;
    background:  url(../img/plus_minus.png) no-repeat -50px 10px #6aad2e;
    border: 0;
    float: left;
}

.btn_right:hover,
.btn_right:active,
.btn_right:focus {
    background: url(../img/plus_minus.png) no-repeat -50px 10px #00a651 !important;
    padding: 6px 11px !important;
    margin-left: 0px !important;
}

.btn_left:hover,
.btn_left:active,
.btn_left:focus {
    background: url(../img/plus_minus.png) no-repeat 8px 11px #00a651 !important;
    padding: 6px 11px !important;
    margin-left: 0px !important;
}

.room_count {
    float: left;
    width: 30%;
    border-radius: 0;
    height: 32px;
    text-align: center;
}

.roomsNumberOfRooms .room_count {
    width: 12%;
}

.home_collapse .room_count {
    padding: 0;
}

.best_rate {
    font-size: 20px;
    text-transform: uppercase;
    color: #200c12;
    letter-spacing: 3px;
    position: absolute;
    top: 45%;
    font-weight: 300;
    z-index: 1;
}

.best_rate p {
    border: 1px solid #fff;
    padding: 10px;
    display: inline-block;
}

.best_rate1 {
    color: #200c12;
    font-size: 55px;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: lato;
}

.home_collapse {
    position: absolute;
    background: rgba(0,0,0, 0.9)!important;
    z-index: 11;
    width: 102%;
    padding: 10px 0;
    color: white;
}

.MT20_new {
    margin-top: 20px;
}

.room_home {
    margin: 0;
    font-family: lato;
    display: inline-block;
    color: #fff;
    cursor: pointer;
}

.room_home .fa {
    font-size: 20px;
    position: relative;
    top: 3px;
}

.room_home:hover {
    color: #fff;
    text-decoration: none;
}
 .nav-tabs>li>a{
    border: 1px solid black !important;

    color: black !important;
}
.reservation .btn-success {
    background:#fff !important;
    border-radius: 2px;
    color: #cb650f;
    font-size: 20px;
    border: 0;
    text-shadow: none;
    box-shadow: none;
    padding: 9px 25px;
    margin: 24px 0 0px 0px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-weight: 600;
}

.reservation .btn-success:hover {
    color:var(--primary) !important;
    background: #fbe56d !important;}

#myCarousel3 .carousel-inner>.item {
    padding: 20px;
    color: #000;
    line-height: 2;
    font-weight: 500;
}

.reservation .btn-success:focus {
    /*color: #fff !important;*/
}

.myoverlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    background: #00145f !important;
    overflow-x: hidden;
    transition: 0.5s;
}

.myoverlay-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
}

.myoverlay ul li {
    list-style-type: none;
    display: block;
}

.botsbo {
    border-bottom: 1px dashed #9e9e9e;
    display: block;
    width: 50%;
    margin: 0 auto;
    padding-top: 10px;
}

.myoverlay ul li a {
    padding: 10px 5px 0px 8px;
    text-decoration: none;
    font-size: 30px;
    font-weight: 300;
    text-transform: uppercase;
    color: #fff;
    display: block;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}

.myoverlay ul li a:hover,
.myoverlay ul li a:focus {
    color: #fff !important;
}

.myoverlay ul li a span.fa {
    position: relative;
    top: -3px;
    font-size: 20px;
    margin-left: 5px;
}

.myoverlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    color: #fff;
}

.margcent {
    margin: 0 auto;
    float: none;
}

.myoverlay ul.desk-menu {
    display: none;
    padding: 0;
    text-align: left;
    width: 50%;
    margin: 0 auto;
}

.myoverlay ul.desk-menu li {
    padding: 0 10px;
}

.myoverlay ul.desk-menu li a {
    font-size: 18px;
    text-transform: capitalize;
}

.myoverlay ul li.active a {
    color:  var(--primary) !important;
    font-weight: 500;
}

.myoverlay ul.desk-menu li a em {
    margin-right: 10px;
}

.disinbloc {
    display: inline-block;
}

.barname {
    color: var(--primary);
    font-size: 25px;
    position: absolute;
    left: 65px;
    top: 28px;
    font-weight: 400;
    text-transform: uppercase;
}

.rightborder {
    /* border-right: 1px solid var(--tertiary); */
    height: 107px;
    position: relative;
    left: 117px;
    top: -65px;
}

.mobilenavtab ul li a span:first-child{width: 50px;}
@media screen and (max-width: 767px) and (min-width: 639px) {
    #frm_msg_box .add-on {

        bottom: -6px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .gaustroom .but_bg{margin: 10px 10px 20px!important;}
    /* .box-content p{
        text-align: justify !important;
    } */
   .bor_but{display: none;}
    .footerlinks {
        width: 95% !important;
        /*padding: 20px !important;*/
    }

    .home_collapse {
        position: inherit !important;
        top: 0 !important;
        background: none !important;
        margin-bottom: 0px;
    }

    .home_collapse {
        width: 100%;
    }

    .mycopycont {
        width: 100% !important;
    }

    .panel-body {
        color: #fff !important;
    }

    .reservation label {
        color: #fff !important;
		padding: 0px;
    }
}


@media screen and (max-width: 992px){
    .attrac_desc1,
    .attrac_desc {
        color: #000!important;
    }
    
   
}


@media screen and (min-width: 992px) and (max-width: 1199px) {
    .socialpos.home-socialpos {margin-top: 190px !important;}
.brownstripfooter {  margin-top: 34px !important; }
    .txts {
        max-width: 920px;
        margin-left: -456px !important;
        left: 50% !important;
        position: absolute;
        margin-top: -117px;
    }

    .subscribe_input {
        width: 71% !important;
    }

    a.carousel-control {
        bottom: 160px !important;
    }

    #carouselButtons {
        bottom: 15px !important;
    }

    .Explore {
        background: none !important;
    }

    .carousel-control.right {
        top: 50% !important;
    }

    #myCarouse2 .carousel-control {
        bottom: 66px !important;
    }

    .amenities_bg {
        min-height: 242px !important;
    }

    .graymainbg {
        background: url(../img/graymainbg.png) no-repeat 0px 305px !important;
        min-height: 490px !important;
        background-size: cover !important;
    }

}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .mycopycont {
        width: 70%;
    }

    .getincenter p {
        font-size: 30px !important;
    }

    .getincenter p:first-child {
        font-size: 20px !important;
    }


}

@media screen and (max-width:1499px) and (min-width:1301px) {
    .header {
        width: 80% !important;
    }

    .top_bg1 li a {
        padding: 5px 14px !important;
    }

   
    .dottedsquare2 {
        width: 93% !important;
    }

    .map {
        width: 95% !important;
    }

    .map li {
        padding: 0 20px !important;
    }

    
}

@media screen and (max-width: 3500px) and (min-width: 1200px) {.centermein {
        width: 225px !important;
    }}
@media screen and (max-width: 1400px) and (min-width: 1200px) {
    .smaller .width70 {
        left: 54px !important;
    }
    
    .pullme {
        margin-top: 0px !important ;
    }
    .messages_bar .home-mobileboxoverviews{
        padding-top: 0px;
    }
}

@media screen and (max-width: 3500px) and (min-width: 1500px) {
    .smaller .width70 {
        left: 46px !important;
    }
}

@media screen and (max-width:1300px) and (min-width:1200px) {
    
    .slidertext {
        top: 32% !important;
    }

    .header {
        width: 85% !important;
    }

    .top_bg1 li a {
        padding: 5px 18px !important;
    }

    .navbar-nav li a {
        font-size: 13px !important;
    }

    .map {
        width: 98% !important;
    }

    .map li {
        padding: 0px 20px !important;
    }
 

    .dottedsquare2 {
        width: 99% !important;
    }
}

@media screen and (max-width:1700px) and (min-width:1500px) {
    .top_bg1 li a {
        padding: 5px 14px !important;
    }

    .map li {
        padding: 0 20px !important;
    }

    .dottedsquare2 {
        width: 81% !important;
    }
    header.smaller .reservation {
        width: 88% !important;
    }
}

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

    .home_collapse,
    .roomsNumberOfRooms,
    #div_deal_step_1 .searchModule {
        width: 90%;
        margin-left: 10%;
    }
}

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

    .home_collapse,
    .roomsNumberOfRooms,
    #div_deal_step_1 .searchModule {
        width: 100%;
        margin-left: 10%;
    }

    .Deal_Rate_Image {
        margin: 10px 0 !important;
    }

    .col-lg-1.col-md-2.col-sm-2.col-xs-4.text-center.XP0 {
        width: 16.6667%;
    }

    .col-lg-3.col-md-4.col-sm-4.col-xs-4.text-center.col-md-offset-1.col-sm-offset-1.col-lg-offset-0.XP0 {
        width: 16.6667%;
        margin: 0 16%;
    }

    .wide_cal {
        position: relative;
    }

    #div_deal_step_1 .roomsNumberOfRooms {
        width: 100%;
        margin: 0;
    }

    .datepicker {
        /*left:355px !important;*/
    }
}

.text-cen {
    text-align: center !important;
}

@media screen and (min-width:320px) and (max-width: 1000px) {
    .dropdown-submenu .dropdown-menu {
        position: relative;
        float: none;
        left: 0;
    }

    ul.dropdown-menu-mobile li.active {
        background: #08557a none repeat scroll 0 0;
        color: #ffffff;
    }

    ul.dropdown-menu-mobile li.active a {
        color: #fff !important;
    }
}

@media screen and (min-width:320px) and (max-width: 1199px) {
    .homecontain {
        padding: 0px 20px 35px 20px !important;
    }
    .social-linkcss{    height: auto !important;     flex-direction: column !important;}
    .maintext_small {
        padding: 10px 20px !important;
    }

    .maintext {
        padding-top: 0px !important;
    }

    .guest_text {
        left: -9% !important;
    }

    .map {
        width: 100% !important;
    }

    .map li {
        padding: 0 10px !important;
        font-size: 14px;
    }

    /* #myCarousel3 .carousel-control { top: 130px !important;}*/
    .MT10_md {
        margin-top: 10px;
    }
}

@media screen and (min-width:401px) and (max-width: 600px) {
    .res_bg_web {
        margin: 0 auto !important;
        width: 95%;
        float: none !important;
    }
}

@media screen and (min-width:601px) and (max-width: 767px) {
    .res_bg_web {
        margin: 0 auto !important;
        width: 75%;
        float: none !important;
    }
}

@media screen and (min-width:768px) and (max-width: 991px) {
    .res_bg_web {
        margin: 0 auto !important;
        width: 60%;
        float: none !important;
    }
}

/***************************floating****************************************/
.wrapper {
    height: 100%;
}

#ecommercefrmReviews select {
    background: #ebebeb !important;
    color: #555 !important;
}

.promo-bor {
    border: 1px solid #444 !important;
}


/***************************floating****************************************/

/******************************************CHECK AVAILABILITY *******************************************************/
/********* home contain  ******/
.exterior h3{    line-height: 39px;}
.homecontain h1 {
    color: var(--primary);
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 6px; 
    margin-top: 15px;
    margin-bottom: 28px;
}

.animatedheight p {
    text-align: justify;
    margin: 0;
}

 .home-mobileboxoverviews {
    padding-bottom: 0px !important;
    padding-top: 0px;
}

.mobile0verviewinnwerdiv {
    min-height: 330px;
    height: 450px;
    overflow: hidden;
}

.animatedheight {
    width: 100%;
    color: #000;
}

.animatedheight a {
    color: #000;
}

.animatedheight a:hover {
    color: #000 !important;
}

.animatedheight h2 {
    color: #000;
    font-size: 20px;
    margin-bottom: 2px;
    text-align: justify;
    font-weight: bold;
    padding-left: 14px;
}

.colapsshoecontentlinkdiv2 {
    display: block;
}

.colapsshoecontentlinkdiv {
    /*background: rgba(0, 0, 0, 0) url("../img/pluss.png") no-repeat;*/
    bottom: -30px;
    cursor: pointer;
    /*font-size: 35px;*/
    height: 50px;
    margin: 0px auto;
    left: 44%;
    margin-left: -50px;
    position: absolute;
    z-index: 2;
}

#no_of_rooms,
#no_of_adult,
#no_of_child,
#no_of_room_mobile {
    border: 1px solid #fff;
    border-radius: 0px;
    height:46px;
    color: white;
    font-weight: 400;
    line-height: 1.42857;
}
.smaller #no_of_rooms,
.smaller #no_of_adult,
.smaller #no_of_child,
.smaller #no_of_room_mobile {
    border: 1px solid #fff;
    border-radius: 0px;
    height:46px;
    color: white;
    font-weight: 400;
    line-height: 1.42857;
}
.yelbors {
    border-right: 1px solid #fff;
}

.yelname {
    color: #fff;
}

#cis-style .add-on {
    background: none;
    color: #b62f33;
    top: -3px;
    right: -10px;
}

#cis-style1 .add-on {
    background: none;
    color: #b62f33;
    top: -3px;
    right: -10px;
}

.telephone:link,
.telephone:visited,
.telephone:hover,
.telephone:active {
    color: var(--primary) !important;
}


#cis-style .wide_cal {
    width: 80% !important;
}

#cis-style1 .wide_cal {
    width: 80% !important;
}

.colapsshoecontentlinkdiv2 {
    /*background: rgba(0, 0, 0, 0) url("../img/minuss.png") no-repeat;*/
    bottom: -30px;
    cursor: pointer;
    display: none;
    height: 50px;
    margin: 0px auto;
    left: 44%;
    margin-left: -50px;
    position: absolute;

    z-index: 2;
}

.f11 {
    font-size: 11px;
}

.pkg {
    text-transform: uppercase;
}


.MT50_new {
    margin-top: 48px;
}

@media screen and (max-width: 3500px) and (min-width: 767px) {
    .F13sm .bor {}

    .F13sm .bor1 {
        border-right: 1px solid #306c3d !important;
    }

    .bor {
        border-right: 1px solid #306c3d !important;
    }

    .bor1 {
        border-right: 1px solid #306c3d !important;
    }
}

.table_border {
    border-bottom: 1px solid var(--tertiary)!important;
}

.MT3 {
    margin-top: 3px;
}

/********* home contain  ******/    
/********* Map  ******/
.bg_color {
    background: rgba(0, 0, 0, 0) url("../img/map_home.jpg")  repeat scroll 0 0;
    height: 650px;
    margin-bottom: 55px;
	/* background-position: center; */
    background-size: cover;
}

.socialpos {
    margin-top: 20px;
}

.bg_color h2 span {
    background: rgba(0, 162, 56, 0.9) none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 21px;
    line-height: 20px;
    margin-top: 300px;
    padding: 10px 20px;
    text-transform: uppercase;
}

/********* Map  ******/
/********* SISTER PROPERTIES  ******/
.sisrer_bor {
    border: 2px solid #D0474A;
}

.sis_logo a {
    color: #697551;
    font-weight: bold;
}

.sis_logo a:hover {
    color: #2782bc;
    text-decoration: none;
    font-weight: bold;
}

.bar {
    background: rgba(0, 0, 0, 0) url("../img/line.png") no-repeat scroll center center;
    height: 32px;
    width: 100%;
}

.h1_sister {
    color:  var(--primary);
    font-size: 30px;
    font-weight: bold;
    margin-top: 20px;
}

/********* SISTER PROPERTIES  ******/

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxx subscribe_btn start xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/


.arow {
    background: #306c3d;
    border: medium none;
    position: absolute;
    right: 0;
    padding: 19px 30px;
    margin: 0px -30px 0px 0px;
    color: #fff;
    border-radius: 0px;
    font-weight: 400;
    font-size: 20px;
}

#addmyreviews:nth-child(3) {
    border-right: 0px solid #ccc !important;
}

.mob1 {

    border-radius: 0px;
    height: 65px;
}

.emailicon {
    background: url(../img/emailicon.png) no-repeat;
}

.subscribe_btn {
    background: #088e01 none repeat scroll 0 0 !important;
    padding: 1px 9px !important;
    margin: 6px 0 0 -8px !important;
}

.subscribe_input {
    margin: 0 !important;
    float: left;
   
    height: 65px !important;
    padding: 8px 15px 8px 75px;
    width: 77%;
    border-radius: 0px;
    border: 0;
    background: #fff;
    color: #2782bc;
}

.socialpos.home-socialpos {
    margin-top: 150px;
}
.home-socialpos{height: 100px;}
.subscribe_input[type=text]:focus {
    color: #000;
}

.bgicon {
    float: left;
    position: relative;
    bottom: -20px;
    left: 44px;
    opacity: 1;
    font-size: 30px;
    color: #b5c2d5;
}

.hotel_name {
    color: var(--primary);
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 6px;
}

/*xxxxxxxxxxxxxxxxxxxxxxxxxxxxx subscribe_btn end  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx*/

/*********footer  ******/
footer {
    background: var(--primary);
    color: #fff;
    padding: 10px;
    border-top: 3px solid var(--tertiary);
}

.blck li {
    display: inline-block;
    padding: 2px 8px;
    color: #fff;
}

.list li,
.list li a {
    color: #fff;
}

.footer_adress {
    color: #fff;
    border-bottom: 1px solid #7c7979;
    border-top: 1px solid #7c7979;
}

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

.green_footer {
    background: #81a043;
    color: #000;
    margin: 10px auto 0;
    padding: 12px 5px;
}

.list li {
    display: inline-block;
    padding: 2px 8px;
}

.padding-footer li {
    padding: 2px 18px;
}

.list li a {
    text-decoration: none;
}

.footer_adress h2,
.foot-name {
    margin-top: 15px;
}

.footer_adress li {
    list-style: none;
}

.subs_text {
    color: #6d6d6d;
    font-size: 20px;
    letter-spacing: 23px;
    text-transform: uppercase;
    font-family: lato;
}

.textacc {
    position: relative;
    top: -4px;
    font-weight: 400;
	left: 5px;
}

.F30wheel {
    font-size: 30px !important;
}

.fa-wheelchair {
    font-weight: 400 !important;
}

.inner_res .home_collapse {
    top: 67px;
}

.innsight_logo {
    border-radius: 5px;
    background: #ffffff none repeat scroll 0 0;
    padding: 0px 15px;
}

a:focus,
a:hover {
    text-decoration: none;
}

.whitebutton a {
    color: #000;
}

.whitebutton a:focus {
    color: #000 !important;
}

.whitebutton a:hover {
    color: #000 !important;
}

.sub_bg {
    background: url(../img/sub_bg.png) no-repeat;
    background-size: cover;
    min-height: 150px;
}

.attraction {
    border: 1px solid black !important;
}

/*********footer  ******/
/********* **************************Menu  ***************************************/
.social a {
    background: #fff url(../img/social_icon.png) no-repeat;
    width: 35px;
    height: 35px;
    display: inline-block;
    /*float:left;*/
    margin: 0 3px;
    border-radius: 6px;
    border: 1px solid #ccc;
}

.social a:hover {
    background: #96b558 url(../img/social_icon.png) no-repeat;
}

.yelp {
    background-position: -173px 0px !important;
}

.trip {
    background-position: -342px -1px !important;
}

.gplus {
    background-position: -90px -1px !important;
}

.fb {
    background-position: -11px -1px !important;
}

.yahoo {
    background-position: -130px 1px !important;
}

.tweet {
    background-position: -107px -2px !important;
}

.foursquare {
    background-position: -374px 2px !important;
}

.youtube {
    background-position: -215px -1px !important;
}

.pinterest {
    background-position: -761px 0px !important;
}

.inn_icon {
    background-position: -300px 0px !important;
}

.instagram {
    background-position: -414px -1px !important;
}

.linkedin {
    background-position: -453px -1px !important;
}

.social img {
    display: none;
}

.inner_res .home_collapse {
    top: 67px;
}




@media screen and (max-width: 3500px) and (min-width: 767px) {
    #frmReviews .bor {
        border-bottom: 0px solid #2782bc !important;

    }

    #frmReviews .bor1 {
        border-bottom: 0px solid #719544 !important;
        border-right: 1px solid #719544 !important;
    }

}

/*@media screen and (max-width: 3500px) and (min-width: 767px){
#ecommercefrmReviews .bor{
    border: 0 !important;
}
#ecommercefrmReviews .bor1 {
    border: 0 !important;
}

}*/
#fromAddress {
    border: 1px solid #306c3d;
}

.initialmapwd {
    border: 1px solid #f1df77;
}


.subscribe_pos {
    position: absolute;
    left: 5%;
    right: 0;
    bottom: 10%;
}

.forminnerbox {
    background-color: #635756;
}

#contact_us .form-group label {
    color: #fff;
    font-weight: 300;
}

.navbar-nav>li>a {
    line-height: 28px !important;
}

.att_bg {
    background: url(../img/attraction.png) no-repeat;
    background-size: cover;
    min-height: 600px;
    background-position: center;
    margin: 70px 0px 30px;
}

.dinnerbg {
    background: url(../img/dinnerbg.jpg) no-repeat center fixed;
    background-size: cover;
    min-height: 980px;
}

.newsbg {
    background: url(../img/newsbg.jpg) no-repeat center;
    position: relative;
    background-size: cover;
    min-height: 450px;
    z-index: 2;
}

.newsbg .maintext {
    text-align: right;
    padding: 10px;
    color: #000;
}

.newsbg .maintext_small {
    color: #000;
    font-weight: 400;
    text-transform: uppercase;
    top: -25px;
    font-size: 20px;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #000;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    border-color: #2782bc;
}
.moreDirection__btn{
    background-color: black !important;
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background: black;
    color: #fff !important;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover {
    background: none;
    box-shadow: none;
    color: #2782bc;
}

.nav>li>a:focus,
.nav>li>a:active,
.nav>li>a:hover {
    background: none;
    /* border-bottom: 2px solid #a00400; */
}

.top-nav-ul li.active a {
    border: 1px solid #fff;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: none;
}

.dropdown-menu li a {
    padding: 13px 11px !important;
    color: black !important;
}

.header_g {
    background: rgba(133, 1, 25, 0.5);
    height: 55px;
}

.top_bg1 a {
    color: #fff;
}

.top_bg1 li a {
    padding: 5px 24px;
    text-align: center;
}

/* footer social icons */
ul.social-icons {
    padding: 9px 15px 17px;
    display: inline-block;
}

.social-icons li {
    display: inline-block;
}

.social-icons a {
    text-decoration: none;
    font-size: 40px;
    padding: 0px 5px;
    color: #fff;
}

.fa-facebook {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-facebook.fa-facebook.fa-facebook.fa-facebook.fa-facebook:hover {
    color: #3d5b99 !important;
    background: transparent !important;
}

.fa-twitter1 {
    padding: 10px 12px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-twitter1:hover {
    color: #00aced !important;
}

.fa-youtube {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-youtube:hover {
    color: #c70a00 !important;
}

.fa-linkedin {
    padding: 10px 14px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-linkedin:hover {
    color: #0073a4 !important;
}

.fa-google-plus {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-google-plus:hover {
    color: #eb3131 !important;
}

.fa-yahoo {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-yahoo:hover {
    color: #5e166c !important;
}

.fa-yelp {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-yelp:hover {
    color: #df0101 !important;
}

.fa-tripadvisor {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-tripadvisor.fa-tripadvisor.fa-tripadvisor.fa-tripadvisor.fa-tripadvisor.fa-tripadvisor:hover {
    color: #569441 !important;
    background: transparent !important;
}

.fa-foursquare {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-foursquare:hover {
    color: #dc4373;
}

.fa-foursquare {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-foursquare:hover {
    color: #dc4373;
}

.fa-pinterest {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-pinterest:hover {
    color: #b52f30;
}

.fa-instagram {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323;
}

.fa-instagram:hover {
    color: #9b2190!important;
}

.fa-linkedin {
    padding: 10px 9px;
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    color: #232323
}

.fa-linkedin:hover {
    color: #005a87;
}

#innericons .fa-facebook,
#innericons .fa-youtube,
#innericons .fa-linkedin,
#innericons .fa-google-plus,
#innericons .fa-yahoo,
#innericons .fa-yelp,
#innericons .fa-tripadvisor,
#innericons .fa-foursquare,
#innericons .fa-pinterest,
#innericons .fa-instagram,
#innericons .fa-linkedin,
#innericons .fa-twitter1 {
    color: #fff;
}

/* footer social icons */

/**************************** menu ********************************* ******/

.lgo_here {
    padding: 0;
    position: relative;
    top: -22px;
    right: 60px;
    display: inline-block;
    float: left;
}

.reser_text {
    position: relative;
    text-transform: uppercase;
    letter-spacing: 1px;
    top: 0px;
    font-size: 11px;
    text-align: center;
    color: #fff;
}

.white {
    color: #fff;
}

.navbar-inverse {
    background: #fff !important;
    border-color: #fff;
}

.BB {
    border-bottom: 4px solid #363636 ;
}

.dipgreen {
    color: #363636 ;
}

.border_green {
    border: 3px solid #363636 ;
}

.bor_r {
    border-right: 1px solid #363636 ;
}

/*.but_green {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;border: 1px solid #2782bc;color: #2782bc;padding: 11px 35px; font-style:italic; display:inline-block;}     
.but_green.focus, .but_green:focus, .but_green:hover { background:#2782bc; color:#fff;}*/
.btn {
    padding: 6px 11px;
}

.logo_text {
    font-size: 25px;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 10px 7px 10px;
    bottom: 16px;
    height: 72px;
}

#carouselButtons button {
    background: rgba(0, 0, 0, 0.5) !important;
    font-size: 25px !important;
    color: #fff !important;
    text-shadow: none;
    border-radius: 0px;
    border: 0px !important;
    width: 45px;
    height: 45px;
}

.home {
    position: relative;
    bottom: 4px;
}

.brownme {
    position: absolute;
    bottom: 30px;
    padding: 10px;
    left: 0;
    right: -10%;
    font-size: 25px;
    color: #ffffff;
}

.roname {
    background: url(../img/eventborder.png) no-repeat;
    position: absolute;
    bottom: 70px;
    padding: 10px;
    left: 105px;
    right: 49%;
    font-size: 25px;
    color: #ffffff;
}

#myreviewgraphics .panel {
    min-height: 432px;
}
.accomodetion-content  span.sec-head{padding-bottom: 5px; line-height: 43px;}
@media screen and (min-width: 320px) and (max-width: 767px) {

    .home-mobileboxoverviews {
        padding-bottom: 0px !important;
        padding-top: 0px;
    }
   
    .cookietxt p{
        text-align: justify !important;
    }

    .subscribe_input {
        background: #e9e9e9;
		-webkit-box-shadow: 0px 3px 5px #8e8e8e;
        -moz-box-shadow: 0px 3px 5px #8e8e8e;
        box-shadow: 0px 3px 5px #8e8e8e;
        
    }
    span.sec-head{
        top:0px !important;
    }
    .reviews {
        font-size: 45px !important;
        font-size: 30px !important;
        letter-spacing: 15px !important;
    }

    /*.review_des{padding: 20px 5px;}*/

    .customedeatetimesout,
    .customedeatetimesin {
        padding: 8px 22px 8px 0px;
        width: 100%;
    }

    /*    .mobile0verviewinnwerdiv{font-size: 13px;}*/
    .MT17 {
        margin-top: 17px !important;
    }

    .MTB {
        margin: 20px 0 20px 0;
    }

    .MB20_mob {
        margin-bottom: 20px;
    }

    .bor_r {
        border: none;
    }

    .width_img {
        width: 100%;
    }

    .MT50_new {
        margin-top: 20px;
    }

    .about {
        margin-bottom: 0px !important;
    }

    .footer_last_b {
        width: 100%;
        font-size: 12px;
    }

    .checkbg {
        padding: 2px !important;
    }
}

@-moz-document url-prefix() {
    .connect {
        display: block;
    }
}


/****************new web***************/
@media screen and (max-width: 25em) {
	.codrops-header {
		font-size: 75%;
	}
	.codrops-icon span {
		display: none;
	}
}
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	
	max-width: 100%;
	list-style: none;
	text-align: center;
}
.pxs{padding: 4px;}
/* Common style */
.grid figure {
	    position: relative;
	    float: left;
	    overflow: hidden;
	    margin: 10px 5px;
	    /* min-width: 320px; */
	    /* max-width: 480px; */
	    /* max-height: 360px; */
	    width: 100%;
	    height: 350px;
	    background: #000000;
	    text-align: center;
	    cursor: auto;
}

.border-box .form-inline .form-group .promo-but-innsight, .btndefault1:focus, .btndefault1:hover, .btndefault1:active{
    background: var(--primary) !important;
}
.PT30{padding-top: 30px;}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}

.grid figure h2 span {
	font-weight: 800;
	
}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}

figure.effect-julia {
	background: #2f3238;
}

figure.effect-julia img {
	min-height: 100%;
	min-width: 100%;
	max-width: none;
	height: 400px;
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-julia figcaption {
	text-align: left;
}

figure.effect-julia h2 {
	position: relative;
	padding: 0.5em 0;
}

figure.effect-julia p {
	display: inline-block;
	margin: 0 0 0.25em;
	padding: 0.4em 1em;
	background: rgba(255,255,255,0.9);
	color: #2f3238;
	text-transform: none;
	font-weight: 500;
	font-size: 75%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-360px,0,0);
	transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-julia:hover img {
	opacity: 0.4;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


/******************end new web*********/
@media screen and (min-width: 768px) and (max-width: 1199px) {
   
    .social-icons li{    height: 65px;}
    .red-box{
        width:100%;
    }

    .W100_tab {
        width: 100%
    }

    .MB20_tab {
        margin-bottom: 20px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1500px) {
    .att_bg {
        outline-offset: 12px;
    }
    .smaller .imgadj {   margin-top: -10px;width:70px;   }
    .exterior h3{line-height: 35px; font-size: 21px;}
}

@media screen and (min-width: 1200px) and (max-width: 3500px) {
	.grid figure h2 span{margin-left: 10px;}
    .M55_web {margin: 0 0 0px; }

    .mobiletop-box-divs {
        display: none !important;
    }
}

.sort_bar select {
    background:#fff !important;
    padding: 0px;
}

/***********menu **************/
@media screen and (min-width: 320px) and (max-width: 1199px) {

    /*.map1{font-size:13px !important;}*/
    .home_res {}

    .bookingbg {
        height: auto;
    }

    .footul li a {
        padding: 5px 18px !important;
    }

    .mobiletop-box-divs {
        display: block !important;
        background: var(--primary);
    }

    .mobile_header {
        display: block !important;
    }

    .mobile0verviewinnwerdiv h2,
    .mobile0verviewinnwerdiv h3,
    .mobile0verviewinnwerdiv h4 {
        margin: 0px;
        font-size: 15px;
    }

    .mobilenavtab {
        position: absolute;
        left: 0px;
        top: 42px;
        z-index: 99;
        width: 300px;
        background: rgba(255, 255, 255, 1);
        padding-bottom: 10px;
        height: auto !important;
    }

    .mobilenavigations {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .mobilenavigations li {
        list-style: none;
    }

    .mobilenavigations li a {
        display: flex;
    justify-content: left;
    align-items: center;
        padding: 10px 5px 10px 0px;
        text-align: left;
        color: var(--primary);
        font-size: 16px;
        font-weight: 400;
    }

    .mobilenavigations li a span {
        padding: 0 10px 0 15px;
    }

    .mobilenavigations li a:hover,
    .mobilenavigations li a:focus {
        text-decoration: none;
    }

    .mobile-contentdiv {
        background: #363636  !important;
    }

    .home_bg .container {
        width: 100%;
    }

    .home_bg .MT100 {
        margin-top: 70px;
    }

    .mobiletop-box-divs {
        width: 100%;
        display: none;
        position: absolute;
        text-align: center;
        z-index: 9;
        height: 45px;
        background-color: rgba(0, 0, 0, 0.5);
    }

    .mobiletop-box-divs img {
        max-width: 90px;
        margin-top: 0px;
    }

    .mobile-phone-span {
        float: right;
        /* background: url('../img/mobilecalendar.svg') no-repeat center center; */
        /* width: 43px;
        height: 42px; */
        position: relative;
        z-index: 999;
        cursor: pointer;
        padding-left: 5px;
        margin-left: 8px;
        background: #00145f;
        color: #fff;
        padding: 10px;
        border-radius: 3px;
        font-weight: 500;
    }

    .mobile-phone-nav-dropdown {
        float: left;
        background: url('../img/humburger-icons.svg') no-repeat center center;
        color: #fff;
        width: 47px;
        height: 42px;
        position: relative;
        text-align: center;
        z-index: 999;
        cursor: pointer;
        padding-right: 5px;
    }
}

.dropdown-submenu a.active {
    background: #111c79 none repeat scroll 0 0 !important;
}

#frm_msg_box .add-on {
    background: none;
    color: #719544;
    bottom: -6px !important;
}

#diamond {
    background: #719544 !important;
}



.whiteshadow {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3) 63%, rgba(255, 255, 255, 0.1) 149%, rgba(255, 255, 255, 0.2) 152%);
}

@media screen and (max-width: 3500px) and (min-width: 639px) {
    #frm_msg_box .add-on {
        right: -6px !important;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1199px) {
    .mobiletop-box-divs img {
        max-width: 110px;
    }
}

.link-navmobile-box {
    width: 45px;
    height: 45px;
    display: block;
}

.avail {
    color: #000;
}

.caret {
    padding: 0 !important;
}

img {
    vertical-align: middle;
}

.mobile_header {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 9;
}

.mobilenavigations li.active a {
    background: var(--primary);
    color: #fff !important;
}

.DN {
    display: none;
}

.dropdown-menu-mobile li.active a {
    
    color: #fff;
}

.mobilenavigations>.destination-nav-tab-mobile a.active {
    background: #fe0000;
    color: #ffffff;
}

.dropdown-menu-mobile li a {
    padding-left: 50px !important;
}

.dropdown-menu-mobile {
    padding: 0px;
}

/***********menu**************/
/*********** Header all page **************/
.top_bg {
    color: #000;
    padding: 0;
}

.topbg_inner li a {
    padding: 30px 15px;
    color: #2782bc;
}

.dropdown-menu li a {
    padding: 10px 15px;
}

.topbg_inner li a:hover {
    color: #2782bc;
}

.topbg_inner {
    background: #fff;
}

.header_1 {
    background: #2782bc none repeat scroll 0 0;
    height: 60px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.header_1 .head_phone {
    padding: 13px 0 0px;
}

.pdr1 {
    padding: 10px 17px;
}

.res_cover {
    position: relative;
}

.wrapper {
    height: 100%;
}

.innerhead {
    padding: 18px 0;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    background: black;
    color: #fff !important;
}

.inner_res {
    background: #2782bc;
}

.PT3 {
    padding-top: 3px;
}

@media screen and (min-width: 1401px) and (max-width: 1500px) {
    .attrac_text {
        left: 16% !important;
    }
}

@media screen and (min-width: 1300px) and (max-width: 1400px) {

    .imgadj {
        width: 212px;
    }
    .topbg_inner li a {
        padding: 30px 9px;
        color: #2782bc;
    }

    .attrac_text {
        left: 16% !important;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .topbg_inner li a {
        padding: 30px 5px;
        color: #2782bc;
    }

    .attrac_text {
        left: 10% !important;
    }
}

@media screen and (max-width: 400px) and (min-width: 320px) {
    #myCarousel3 .carousel-control {
        top: 96px !important;
    }

    .grid1 figure {
        max-height: 250px;
    }

    .grid1 .sort_bar {
        height: 60px !important;
    }
}


@media screen and (min-width: 320px) and (max-width: 1000px) {
    .inner_res {
        background: #2782bc;
        padding-top: 80px;
    }

    .innerhead1 {
        padding: 7px 0;
    }

    .res_cover {
        position: inherit !important;
    }
}

/*.contact_btn{margin: -19px 0 0 10px !important;}*/
@media screen and (min-width: 200px) and (max-width: 1199px) {
    .contact_btn {
        margin: 18px 0 0 10px !important;
    }
}

.map_to_box .F16 {
    font-size: 15px !important;
}

.panel-body-innsight {
    color: #000 !important;
}

.show-more {
    background: #428c06 !important;
}

.list-group a {
    color: #000 !important;
}

.list-group {
    color: #000 !important;
}

.panel_icons span {
    background: url(../img/innsight_panel.png) no-repeat;
}

.logo_inn {
    display: block;
}

/*********** Header all page **************/
/*********** date picker **************/
.datepicker td.active,
.datepicker td.active:hover {
    background: #2782bc !important;
    color: #fff !important;
}

.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active:focus,
.datepicker td.active:hover:focus,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.active,
.datepicker td.active.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover,
.datepicker td.active[disabled],
.datepicker td.active[disabled]:hover {
    background:black!important;
}

.datepicker td.day:hover {
    background: black!important;
    color: #fff !important;
}

.datepicker td.day.disabled {
    color: #afafaf !important;
}

/*********** date picker **************/


/*********** button **************/
@media screen and (min-width: 320px) and (max-width: 767px) {

    /*.footerlinks{ padding: 20px 0px 20px 0px !important;width: 80% !important;}*/
    .dottedsquare {
        display: none;
    }

    .dottedsquare2 {
        display: none;
    }

    .form-control[disabled],
    .form-control[readonly],
    fieldset[disabled] .form-control {
        background: #fff;
    }
    .cookietxt p{
        text-align: justify !important;
    }
    .F13mob {
        font-size: 13px !important;
        color: #545454;
    }

    .about {
        margin-right: 0px !important;
    }

    .MT10_mobile {
        margin-top: 30px !important;
    }
}

.data_con a {
    color: #fff !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff !important;
}
.MT40{margin-top: 40px}
.PB30{padding-bottom: 30px;}
@media screen and (min-width: 320px) and (max-width: 991px) { .map-add h3 {
    font-size: 30px; text-transform: uppercase; margin: 30px 0px 20px;
} .hidden-lg.map-add a{color: #000;}
	.telephone:link, .telephone:visited, .telephone:hover, .telephone:active{color: #000 !important;}
	.MT70XS{margin-top: 70px}
	body.rct_wdgt .bookhead{margin:35px 0 10px !important;}
	
	.black-bg{background:none !important;}
    .MT20_new {
        margin-top: 0px;
    }

    .arow {
        margin: 0;
    }
    .hotel32one_DN.MB20 {
        margin-bottom: 0px;
    }
    .subscribe_input {
        width: 64% !important;
    }
    .review_sec {
        background-color: #fef6f0;
        padding: 5px 0 20px;
        margin-top: 30px;
    }

    
    .socialpos {
        margin-top: 15px!important;
    }

    .border_mobile {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 20px 0px 10px;
    }

    .attrac_text1 {
        color: var(--primary) !important;  
        font-weight: 600;        
        text-transform: uppercase;
        font-size: 30px !important;
        margin-top: 34px;
    }
   
    
    .attrac_desc1 {
        padding-top: 20px !important;
        font-size: 19px !important;
    }

    

    .bottomborder {
        border-bottom: 0px;
    }

    .seo_text {
        padding: 0px;
    }

    #myCarousel3 .carousel-control {
        top: 80%;
    }

    #myCarousel3 .carousel-control.left {
        left: 40%;
        right: 0;
    }

    #myCarousel3 .carousel-control.right {
        right: 42%;
    }

    .maintext {
        padding-top: 10px !important;
    }

    .viewmoretext {
        background: none !important;
        left: 0px !important;
    }

    .text-xs-center1 {
        text-align: center;
    }

    .img-responsive1 {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .grid1 figure {
        width: auto;
    }

    .height400 {
        height: auto;
    }

    .bg_color {
        margin-bottom: 10px;
    }

    #CDSSCROLLINGRAVE.narrow {
        width: 250px !important;
    }

    .roname {
        background: none;
    }

    .pullme {
        margin-top: 0 !important;
    }
}
@media screen and (max-width: 1023px){ .mobiletop-box-divs img{max-width: 80px !important;
    height: 60px !important;
    background: #fff;
    padding: 8px;} .well-appoint-text p { 
    
	} 
    .button_text, .button_text2
    {padding: 8px 20px !important}
}
@media screen and (min-width: 992px) and (max-width: 3500px) {
    .ML30-web {
        margin-left: 30px;
    }
}

.book_btn {
    color: #fff;
}

/*********** button **************/
.fotter_head p {
    color: #c0bab9;
    font-size: 20px;
    text-transform: uppercase;
    font-family: lato;
    font-weight: 400;
    letter-spacing: 5px;
    padding-bottom: 10px;
}

.button_new {
    background: #267fbf;
    padding: 10px 25px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
    /*border-bottom: 4px solid #D63031;*/
}

.button_new:hover {
    color: #fff;
}

.button_new:focus {
    color: #fff;
}

.guestbg .button_new {
    
    color: #267fbf;
}

.sub_text {
    border-bottom: 1px solid #2782bc;
    color: #343434;
    text-transform: uppercase;
    font-family: lato;
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 1px;
    padding-top: 10px;
    width: 60%;
    margin: 0 auto;
}

.hvr-sweep-to-right::before {
    background: #4d4c4b none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0 50% 0;
    transition-duration: 0.3s;
    transition-property: transform;
    transition-timing-function: ease-out;
    z-index: -1;
    color: #fff !important;
    border-radius: 4px;
}

.hvr-sweep-to-right {
    backface-visibility: hidden;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    display: inline-block;
    position: relative;
    transform: translateZ(0px);
    transition-duration: 0.3s;
    transition-property: color;
    vertical-align: middle;
}

/*.hvr-sweep-to-right:hover::before, .hvr-sweep-to-right:focus::before, .hvr-sweep-to-right:active::before{ transform: scaleX(1);}*/
.but_bg {
    background: #d81537;
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(153, 210, 87, 1) 0%, rgba(113, 180, 47, 1) 45%, rgba(102, 170, 46, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(153, 210, 87, 1) 0%, rgba(113, 180, 47, 1) 45%, rgba(102, 170, 46, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(153, 210, 87, 1) 0%, rgba(113, 180, 47, 1) 45%, rgba(102, 170, 46, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99d257', endColorstr='#66aa2e', GradientType=0);
    /* IE6-9 */
    ;
    color: #fff;
    cursor: pointer;
    margin: 0.4em;
    padding: 12px 28px;
    text-decoration: none;
    border-radius: 4px;
    border: none;
}

/*********** green button **************/

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d8524e+0,b0211c+48,b0211c+68 */
.red-but {
    background: #d81537;
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(216, 82, 78, 1) 0%, rgba(176, 33, 28, 1) 48%, rgba(176, 33, 28, 1) 68%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(216, 82, 78, 1) 0%, rgba(176, 33, 28, 1) 48%, rgba(176, 33, 28, 1) 68%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(216, 82, 78, 1) 0%, rgba(176, 33, 28, 1) 48%, rgba(176, 33, 28, 1) 68%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8524e', endColorstr='#b0211c', GradientType=0);
    /* IE6-9 */
    color: #fff;
    cursor: pointer;
    margin: 0.4em;
    padding: 12px 24px;
    text-decoration: none;
    border-radius: 4px;
    border: none;
}
.but_bg, .btn-success {
    background: black !important;
}

.addheight{
    background: #f4f4f4 !important;
    border-right: 1px solid gray !important;
}

/*********** red button **************/
/***************************country_currency ****************************************/
.country_currency_list {
    right: 0px !important;
    top: -372px !important;
}

.currency_h5heading {
    color: #000;
    font-weight: normal;
}

.guest_tab ul li a,
.guest_tab h2 a,
.guest_tab h2 span {
    background: #004991;
}

.current_currency_list {
    background: #fff none repeat scroll 0 0;
    border-radius: 3px;
    padding: 7px 8px;
    margin: auto;
    width: 100px;
    margin-top: 10px;
}

@media screen and (min-width: 320px) and (max-width: 500px) {
    .mob1 {
        height: 150px;
    }

    .arow {
        margin: 20px 0px;
        position: relative;
		  -webkit-box-shadow: 0px 3px 5px #8e8e8e;
        -moz-box-shadow: 0px 3px 5px #8e8e8e;
        box-shadow: 0px 3px 5px #8e8e8e;
      
    }

    .bgicon {
        bottom: -47px;
        left: 22px;
    }

    .subscribe_input {
        width: 100% !important;
        float: none !important;
    }

    .subscribe_pos {
        bottom: 40px !important;
    }

    .maintext {
        font-size: 30px !important;
    }

    .attrac_text1 {
        font-size: 30px;
    }

    .attrac_desc {
        font-size: 25px;
    }

    #myCarouse2 .carousel-control.left {
        left: 31% !important;
    }

    .country_currency_list {
        width: 293px !important;
    }

    .currency_listbox {
        width: 272px !important;
    }

    .country_currency_list {
        right: 0px !important;
        top: -456px !important;
    }

    /*.mob_usd{padding: 0 23% 0 36%}*/
}

@media screen and (min-width: 501px) and (max-width: 767px) {
    .country_currency_list {
        width: 293px !important;
    }

    .currency_listbox {
        width: 272px !important;
    }

    .country_currency_list {
        right: 0px !important;
        top: -370px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .country_currency_list {
        right: 0px !important;
        top: -333px !important;
    }

    .tableft {
        float: left;
    }

    .leavebottomspace {
        padding-bottom: 50px;
    }

    .gocentric {
        text-align: center;
    }
}

@media screen and (min-width: 501px) and (max-width: 767px) {
    .mob_usd {
        /*padding: 0 23% 0 42%*/
    }
}

.PL100 {
    padding-left: 150px;
}

@media screen and (min-width: 400px) and (max-width: 767px) {
    .inner_check_mob {
        width: 76%
    }
}

@media screen and (min-width: 1600px) and (max-width: 1800px) {
	.bookingbg {
    
    padding-right: 0px;
    padding-left: 30px !important;}
    .home_res {
        width: 80%;
        bottom: 0%;
    }
}

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

.bookingbg{padding-right: 0px;
    padding-left: 25px !important;}
    .home_res {
        width: 90%;
        /* bottom: 0%; */
    }

    .best_rate {
        bottom: 52px;
    }

    #carouselButtons {
        right: 9px !important;
        bottom: 33px !important;
    }

    .facilities {
        min-width: 82% !important;
    }

    .checkbg {
        width: 85% !important;
    }

    .wide_cal {
        width: 100% !important;
    }
}

.sort_bar a:hover {
    color: #fff !important;
}

.sort_bar a:focus {
    color: #fff !important;
}

/***************************country_currency ****************************************/
@media screen and (min-width: 320px) and (max-width: 767px) {

    .reviews_box h3{
        font-size: 23px;
    line-height: 1.5;
    }
	
	.well-appoint-text p{text-align: justify !important;}
    .fixcheck {
        padding-bottom: 50px
    }

    .att_bg {
        min-height: 500px;
        margin: 0;
    }

    .newsbg {
        background: none;
        min-height: 0px;
        margin-top: 0px;
    }

    .newsbg .maintext {
        text-align: center;
    }

    .newsbg .maintext_small {
        text-align: center !important;
        top: -17px;
        font-size: 16px;
    }

    .subscribe_pos {
        position: relative;
        left: 0;
        right: 0;
        bottom: 0;
    }

}

/*message center*/
.message_close {
    position: absolute;
    right: -8px;
    top: 8px;
    cursor: pointer;
}

.good_news {
    background: #9ac362;
    color: #ffffff;
    padding: 12px;
    border-radius: 3px;
    position: relative;
}

.attention {
    background: #f0ad4e;
    color: #ffffff;
    padding: 12px;
    border-radius: 3px;
    position: relative;
}

.bad_news {
    background: #d9534f;
    color: #ffffff;
    padding: 12px;
    border-radius: 3px;
    position: relative;
}

/*message center*/
.mail_boxask,
.mail_sucssesbx {
    overflow: hidden;
}

.alert-success {
    padding: 7px 3px;
    margin: 0 0 20px 0;
    border: 1px solid #58a406;
    color: #58a406;
    display: none;
}

.goog-te-gadget-simple {
    background: none !important;   
    border: none !important;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color: #000 !important;
    font-size: 18px;
}

.goog-te-gadget-icon {
    display: none !important;
    color: #fff !important;
}

.goog-te-gadget-simple {
    border-color: inherit !important;
}

.goog-te-gadget-simple .goog-te-menu-value span {
    color: #444;
    border: 1px solid #fff;
    padding: 16px 30px;background: #fff;
}

.res_heading {
    color: #fff;
    font-size: 19px;
    padding: 10px 0 10px;
}

.yosemite_tours p {
    text-align: justify;
}

.whitebg {
    background: #ffffff;
	opacity: 1;
}

.black-bg {
    background: #00000091;
	opacity: 1;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .home_collapse {
        margin-top: 20px !important;
    }
}

.newclass {
    margin: 80px 0 0 0;
}

.guest_title {
    font-weight: bold;
    font-size: 17px;
    padding: 20px 20px 20px 0px;
}

.justify {
    text-align: justify;
}

.MT75 {
    margin-top: 75px;
}

/* BackToTop button css */
#scroll {
    position: fixed;
    right: 10px;
    bottom: 55px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background-color: var(--tertiary);
    text-indent: -9999px;
    display: none;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    z-index: 999;
}

#scroll span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -12px;
    height: 0;
    width: 0;
    border: 8px solid transparent;
    border-bottom-color:#fff;
}

.FS15 {
    font-size: 15px;
}

.MT00 {
    margin-top: 0px !important;
}

/* BackToTop button css */
.wheelchair a{ padding: 10px 20px; display: block;}
.wheelchair { padding: 0px !important;
   
    font-size: 18px !important;
}

.wheelchair-links {
    display: block;
    
    color: #c1bab9;
    letter-spacing: 0px;
    margin-top: 0px;
    font-weight: 300;
}

.wheelchair-links:hover {
    color: #fff;
}

.wheelchair-links:focus {
    color: #fff;
}

.text_bg {
    background: #2782bc;
    border-radius: 10px;
    padding: 20px;
}

.color_g {
    color: #fff;
   
    text-transform: none;
    width: 80%;
    margin: 0 auto;
}

.red-box {
    color: #fff;
    font-size: 20px;
    border-radius: 0px;
    background: rgba(0, 0, 0, 0.8);
    background-size: cover;
    padding: 10px 40px;
    display: inline-block;
    font-weight: 400;
    line-height: 1.7;
    text-transform: uppercase;
}

.slidertext {
    position: absolute;
    left: 0;
    padding: 10px;
    right: 0;
    margin: 0 auto;
    top: 35%;
    background-image: linear-gradient(120deg, rgba(207, 142, 128, 0.5) 50%, rgba(9, 73, 103, 0.5) 100%);
}

.white-box {
    font-family: 'PT Serif';
    color: #fff;
    font-size: 75px;
    border-bottom: 1px solid #fff;
    text-transform: uppercase;
    text-shadow: 2px 2px #555050;
    letter-spacing: 15px;
    font-weight: 700;
}

.smalltext {
    font-family: 'PT Serif';
    letter-spacing: 25px;
    font-weight: 300;
    font-size: 35px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 2px #555050;
}

.smalltext1 {
    font-family: 'PT Serif';
    letter-spacing: 4px;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 2px 2px #555050;
}

.shadowboxdiv {
    left: 0;
    right: 0;
    position: absolute;
    bottom: 20%;
    width: auto;
    z-index: 8;
}

@media screen and (min-width: 1200px) and (max-width: 3500px) {
    .colapsshoecontentlinkdiv {
        /*background: rgb(255, 255, 255) url("../img/pluss.png") no-repeat scroll center 15px;*/
        bottom: -9px;
        cursor: pointer;
        /*font-size: 35px;*/
        height: 73px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        width: 100%;
        z-index: 2;
    }

    .colapsshoecontentlinkdiv2 {
        /*background: rgb(255, 255, 255) url("../img/minuss.png") no-repeat scroll center 10px;*/
        bottom: -15px;
        cursor: pointer;
        /*display: none;*/
        height: 73px;
        left: 0;
        margin: 0 auto;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: 2;
    }

    .animatedheight p {
        text-align: justify;
        padding: 0px 13px;
        color: #1d1e3b;
    }

    .mobile0verviewinnwerdiv {
        background: none;
        height: 194px;
        overflow: hidden;
        z-index: 9;
		min-height: 194px;
    }

    .slimScrollDiv h2,
    .animatedheight h2 {
        color: #000 !important;
    }

    .animatedheight {
        width: 100%;
        color: #000;
        overflow: hidden;
        font-weight: 300;
    }

}

.MT30_new {
    margin-top: 30px;
}

.exterior {
    background: url(../img/exteriorbg.jpg) no-repeat;
    background-size: cover;
	/*background: #a8c3aebd;*/

}
@media screen and (min-width: 1024px){ header.smaller .room_home{font-size: 14px;} .border_rightnew .add-on{bottom: 17px;} .bookingbg label{margin-bottom: 0px !important;}}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	
	.homecontain {
        padding: 0px 20px 0px 20px !important;
    }
    .mobile0verviewinnwerdiv {
        height: 277px;
        min-height: 308px !important
    }
}
.viewmore {
    background: #f58526;
}
.promo-but, .btn-default:focus, .btn-default:hover, .btn-default:active{
    background-color:black !important;
    color:white !important;
}
.userddbox .btn-default:active, .btn-default:focus, .btn-default:hover{
    background-color: black !important;
    color:white !important;
}
.arrowbg {
    color:var(--primary);
    background: #fbe56d;
}
@media screen and (min-width: 320px) and (max-width: 767px) {
   

    .container.text-left.acesssfour.main-bg-white p {
        text-align: justify !important;
    }
   #frmReviews .mobile_max > .add-on{
        right: 26px !important;
    }
    .MT30_new {
        margin-top: 0px;
    }

    .shadowboxdiv {
        height: auto;
        right: 0;
        position: absolute;
        bottom: 0;
        width: 100%;
        z-index: 9;
    }

    .color_g {
        margin: 0;
    }

    .mybtn {
        margin-top: 22px;
    }

    .viewmoretext {
        top: 0px !important;
    }

    .mobile0verviewinnwerdiv {
        min-height:344px !important;
    }
}
.dining_text{padding-top: 10px;}
.overlay-insta {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #ffffff;
    overflow: hidden;
    width: 99.5%;
    height: 0;
    transition: .5s ease;
}
.overlay-insta .text {
    text-align: center;
    width: 100%;
    font-size: 24px;
}

.overlay-insta > .text {
    font-size: 19px !important;
    letter-spacing: 1px;
	    padding: 0px 20px
}

.fadein:hover .overlay-insta {
    height: 100%;
    display: flex;
    vertical-align: middle;
    align-items: center;
}
.w100-rooms img{max-width: 100% !important;}
.flex-rooms{display: flex; align-items:center;}
.queen-m100 img{max-width: 100%;}
.two-rooms-space img{max-width: 99%;}
.well-appoint-text .title{    font-size: 21px;
    font-weight: bold;}
.well-appoint-text p{text-align: center;}

.LSB_footer {
    background: #444;
    color: #ffffff;
    padding: 10px;
}
.MT3 {margin-top: 3px;}
.LSB {
    border: 1px solid #ffffff;
    padding: 8px 19px;
    color: #ffffff !important;
    display: inline-block;
}

.LSB:hover {
    color: #fff !important;
}

/*roshan's edits dated 23 Oct 2017*/
.colapsshoecontentlinkdiv span,
.colapsshoecontentlinkdiv2 span {
    display: inline-block;
}

.location {
    background: url(../img/location.jpg) no-repeat fixed center center / cover;
    padding: 150px 0;
    cursor: pointer;
}

.location span {
    display: block;
    font-size: 36px;
}


.location_content {
    display: inline-block;
    padding: 0 0 36px 10px;
}

.location_content h2 {
    font-size: 30px;
    margin: 10px -25px;
    color: #000;
    display: inline-block;
    float: left;
    text-transform: uppercase;
}


.attrac_para {
    text-align: center;
    padding: 0px 30px;
    FONT-WEIGHT: 500;
    line-height: 1.9;
    margin: 20px 0 0;
    color: #000;
}

#ecommercefrmReviews {
    font-size: 14px !important;
}

#ecommercefrmReviews .bor {
    border-bottom: 0px !important;
}

/*Guestroom */


.PT100 {
    padding-top: 150px;
}

.maintext {
    font-family: lato;
    text-transform: uppercase;
    letter-spacing: 0px;
    font-size: 50px;
    text-align: center;
    font-weight:600;
    color: var(--primary);
    font-style: italic;
    margin: 0;
}

.maintext.attract-text {
    color: #ff5f03;
}

.maintext_small {
    font-size: 15px;
    font-weight: 600;
    color: black;
    letter-spacing: 2px;
    padding-bottom: 8px;
    top: -10px;
    position: relative;
}

.guest_para {
    padding: 10px 60px;
    font-style: italic;
}

.guestbg a {
    color: #3b3635;
}

.guestbg a:hover {
    color: #3b3635;
}

.guestbg a:focus {
    color: #3b3635;
}

.reviewbg a {
    color: #fff;
}

.reviewbg a:hover {
    color: #fff;
}

.reviewbg a:focus {
    color: #fff;
}

.att_bg a {
    color: #fff;
}

.att_bg a:hover {
    color: #fff;
}

.att_bg a:focus {
    color: #fff;
}

.Direction a {
    color: var(--tertiary);
    background: var(--primary) !important;
}

.Direction a:hover {
    color: var(--primary);
    background-color: var(--tertiary) !important;
    transition: 2s;
}

.Direction a:focus {
    color: var(--tertiary);
    background-color: var(--primary) !important;
}

.buttonpos {
    margin-top: -100px;
}

/*/Guestroom */

/*/imageeffect*/
.box {
    text-align: center;
    overflow: hidden;
    position: relative;
}

.box:before {
    content: "";
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to bottom, rgba(1, 131, 191, 0.2), rgba(0, 0, 0, 0.9));
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}

.box:hover:before {
    opacity: 1;
}

.box img {
    width: 100%;
    height: auto;
}

.box .box-content {
    width: 100%;
    padding: 0 30px;
    position: absolute;
    bottom: 30px;
    left: 0;
    opacity: 0;
    transform: scale(0.5) rotateX(360deg);
    transition: all 0.3s ease 0s;
}

.box:hover .box-content {
    opacity: 1;
    transform: scale(1) rotateX(0deg);
}

.box .title {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 10px;
}

@media (max-width: 450px) {
    .box .title {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .box .box-content {
        bottom: 10px;
    }
}

.box .text1 {
    font-size: 25px;
    letter-spacing: 2px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: left;
}

.box .text2 {
    font-size: 17px;
    font-weight: 300;
    text-align: left;
    margin-left: 30px;
}

.FI {
    font-style: italic;
}

.box .post {
    display: block;
    font-size: 15px;
    font-weight: 300;
    color: #fff;
    text-align: left;
    margin-bottom: 15px;
}

.best {
    background: url("../img/best_bg.jpg") no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.new_margin {
    margin-top: 50px;
}

.best span em {
    display: block;
    font-size: 50px;
    color: #fff;
}

.best {
    cursor: pointer;
}

.viewmoretext {
    top: -45px;
    position: relative;
    left: 50px;
    background: url(../img/straightline.png) no-repeat right;
}

.viewmoretext a {
    color: #2782bc;
    font-size: 25px;
    letter-spacing: 4px;
    font-family: lato;
}

.Explore {
    top: 40px;
    position: relative;
    background: url(../img/straightline1.png) no-repeat left;
}

.Explore a {
    color: #fff;
    font-size: 20px;
    letter-spacing: 4px;
    font-family: lato;
}

.Explore a:hover {
    color: #fff !important;
}

.Explore a:focus {
    color: #fff !important;
    ;
}

/*roshan's edits dated 23 Oct 2017 ends*/
.gocentric a {
    color: #2782bc;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    background: rgba(33, 181, 235, 0.7) none repeat scroll 0 0;
    padding: 10px;
}

.carousel-control {
    opacity: 1;
}

@media screen and (min-width: 200px) and (max-width: 500px) {

    .borderbottom1 {
        padding: 7px 5px !important;
    }

    .vibtn1 {
        padding: 10px 10px !important;
    }

    .Book_Special {
        left: 22% !important;
    }

    .mybtn {
        margin-top: 22px;
    }
}

.foot_top {
    background: #fff;
    padding: 10px 0;
    border-radius: 5px;
}

.foot_top a {
    padding: 0 5px;
    color: #ffffff;
    font-weight: 100;
}

.foot_top {
    color: #ffffff;
}

.black,
.black a {
    color: #000 !important;
}

.foot_top a:hover {
    color: #000 !important;
    text-decoration: underline;
}

.AAA {
    font-weight: 100;
    color: #fff;
}

.ADAwidth {
    width: 80%;
    margin: 0 auto;
}
.gallery .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    background: var(--primary) !important;
    color: white !important;
}
@media screen and (max-width:600px) {
    .social-icons a{
        padding: 8px;
    }
}

@media screen and (max-width: 1199px) and (min-width: 768px) {

    .guest_roomsh {
        background-attachment: scroll !important;
    }

    .best {
        background-attachment: scroll !important;
    }

    .map_data {
        left: 0px !important;
    }

    .gallery_text {
        margin-right: 0px !important;
    }

    .attrac_text {
        font-size: 45px;
        top: 75px;
        left: 10%;
    }

    .F22 {
        font-size: 20px;
    }

    .Direction a {
        font-size: 16px !important;
    }

    .social-mob a {
        margin: 0px -2px 0 2px !important;
    }

    .sub_bg {
        min-height: 124px;
    }

    .PT60 {
        padding-top: 30px;
    }

    .PT50 {
        padding-top: 50px;
    }
}



@media screen and (min-width: 768px) {

    .carousel-control .glyphicon-chevron-left,
    .carousel-control .glyphicon-chevron-right,
    .carousel-control .icon-next,
    .carousel-control .icon-prev {
        width: auto;
        height: auto;
        margin-top: -10px;
        font-size: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
    .inner_res .home_collapse {
        top: auto !important;
    }
}

@media screen and (max-width: 1200px) {
    .location {
        background: url(../img/location.jpg) no-repeat center center / cover;
    }

    .loct_text {
        left: auto !important;
    }
}

.MW100 {
    max-width: 100%;
}

.modal-dialog {
    padding-top: 40px;
}

/*aj edits*/
.scrollspy-example p {
    text-align: justify;
}

.good_news p {
    display: inline;
}



/*.mainmen{margin:5px 0;}*/

.effects2 {
    background-image: linear-gradient(to bottom, rgb(75, 67, 64) 0%, rgba(0, 0, 0, 0) 98%);
}

.reserspl {
    font-family: lato;
    height: 101px;
    display: inline-block;
    margin: -16px 11px;
    /* border-left: 1px solid var(--tertiary); */
}

.reserspl a {
    font-family: lato;
    display: block;
    color: var(--primary);
    text-transform: uppercase;
    padding: 22px 0px 0px 35px;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 1px;
}

.smaller .toggle-button {
    margin: 25px 15px 8px 0;
}

.reserspl a:hover {
    color:var(--tertiary);
    transition: 2s;
}

.reserspl a:focus {
    color:var(--tertiary);
}

.resertitle {
    font-size: 23px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.resersml {
    font-size: 14px;
    text-transform: capitalize;
}

.LFlight {
    font-weight: 300;
}

.LFregular {
    font-weight: 400;
}

.LFbold {
    font-weight: 700;
}



#carouselButtons {
    right: 4%;
    bottom: 46px;
    z-index: 1 !important;
}

#carouselButtons button .btn {
    padding: 5px 10px;
}

.bookhead {
    margin: 20px 0 10px;
    font-size: 25px;
    padding: 10px 30px !important;
    display: inline-block;
    font-family: lato;
    letter-spacing: 2px;   
    font-weight: bold;
}

.bookhead span {
    display: block;
    font-size: 28px;
    letter-spacing: 2px;
}

.darkbg {
    background: #2b3646;
}

.M0 {
    margin: 0;
}

.padup {
    padding: 10px 0;
}

.imgplace {
    display: inline-block;
}

.imgplace img {
    position: relative;
    top: 3px;
    vertical-align: text-bottom;
    width: auto;
}

.checktxt {
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    font-family: lato;
    letter-spacing: 1px;
    font-weight: 600;
}

.gocent {
    text-align: center;
}

.F20_check {
    margin: 0px 0%;
    color: #fff;
    font-family: lato;
}

.monthcheck {
    color: #fff;
    margin: 0px;
    font-family: lato;
}

.borlefty {
    border-right: 1px solid #fff;
    border-radius: 0;
}

.vertmar {
    margin: 75px 0 50px 0;
}

/* .centermein {
    float: right;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 22%;
    z-index: 3;
    background: rgba(59, 54, 53, 0.8);
    border-radius: 100px;
    width: 21%;
} */

.centermein {
    float: right;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 120px;
    z-index: 1;
    background: rgba(68,68,68,0.8);
    border-radius: 100px;
}


.nolook {
    display: none;
}

.look {
    display: inline-block;
}

.reservation:hover .nolook {
    display: inline-block;
}

.reservation:hover .look {
    display: none;
}

.dropshadow {
	
	-webkit-box-shadow: 0px 3px 5px #8e8e8e;
    -moz-box-shadow: 0px 3px 5px #8e8e8e;
    box-shadow: 0px 3px 5px #8e8e8e;
    
}

/* Underline Reveal */
.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

.hvr-underline-reveal:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    height: 4px;
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.reviews_text {
    color: #2782bc;
    letter-spacing: 10px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: lato;
    background: url(../img/straightline.png) no-repeat left;
}


.P50 {
    padding: 50px;
}

/*main */
.graymainbg {
    background: url(../img/graymainbg.png) no-repeat 0px 400px;
    min-height: 550px;
    background-size: cover;
}

.mainbg {
    background: url(../img/rightbg.png) no-repeat right bottom;
    min-height: 460px;
}

.googlelistsubs a:hover,
.googlelistsubs a.active {
    background: rgb(202, 93, 2) !important;
}

.trans-bg {
    background: rgba(68, 68, 68, 0.7) !important;
}

.guest_bg_new {
    background-color: #2782bc;
}

.guest_bg {
    background-color: #2782bc;
    min-height: 495px;
}

.guest_bg1 {
    background-color: #2782bc;
}

.MB60 {
    margin-bottom: 70px;
}

.about {
    color: #626262;
    font-size: 22px;
    text-transform: uppercase;
    margin-bottom: -34px;
    font-family: lato;
    letter-spacing: 3px;
}


.location_title {
    color: #5c5c5c;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: -23px;
    padding-top: 30px;
    font-family: lato;
}

.reviews {
	text-align: center !important;
    font-size: 35px;
    color: var(--primary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 30px;
    padding: 10px 0px 0px 0px;
}

.gallery_head {
    font-size: 45px;
    text-transform: uppercase;
    font-family: lato;
    color: #fff;
    position: absolute;
    top: 60%;
    z-index: 1;
}

.attrac_text {
   max-width: 625px;
    font-size: 42px;
    color: #306c3d;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 16px;
    top: 164px;
    position: absolute;
}

.attrac_desc1 {
        color: #fff;
        text-align: center;
        font-weight: 300;
        letter-spacing: 3px;
        font-size: 22px;
        padding-top: 20px;
}

.attrac_desc {
        color: #fff;
        text-align: center;
        font-weight: 600;
        letter-spacing: 2px;
        font-size: 27px;
        text-transform: uppercase;
}

.toggle-button {
    margin: 31px 15px 8px 0!important;
}

.att_bg .maintext_small {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.smallwhitestrip {
    background-color: #fff;
    width: 10%;
    height: 1px;
    margin: 0 auto;
    margin-top: -10px;
}

.redbg {
    background: #d81537;
    padding: 12px;
    display: inline-block;
}

.gallerybg {
    background: rgba(0, 0, 0, 0.7);
    padding: 7px 40px;
    display: inline-block;
    min-height: 70px;
}

.loc_text {
    font-size: 36px;
    text-transform: uppercase;
    color: #2782bc;
}

.location_bg {
    background: url(../img/location_bg.png) no-repeat;
    padding: 18px 96px;
    display: inline-block;
    min-height: 70px;
    font-family: lato;
}

.bgstyle {
    position: relative;
    top: -321px;
    background: #eee;
    min-height: 415px;
    z-index: -9;
}

.pushboth {
    padding: 10px 0;
}

.picholder {
    display: block;
    margin-top: 0px;
}

.picinbg {
    background: url(../img/aboutbg.jpg) no-repeat;
    min-height: 350px;
    background-position: top center;
}

.eventbg {
    background: url(../img/eventbg.jpg) no-repeat;
    max-height: 350px;
    background-position: center center;
    background-size: cover;
}

.dottedsquare2 {
    position: absolute;
    width: 71%;
    height: 400px;

    top: 65%;
    z-index: 0;
    right: 0px;
    left: 0;
    margin: 0 auto;
}

.fc a {
    color: #000;
}

.TP {
    top: 3px;
}

.PT35 {
    padding-top: 35px;
}

.myemail .TP {
    top: 0px;
}

.imgng {
    background: url(../img/imgng.jpg) no-repeat;
    background-position: center center;
}

.mybasichead {
    font-size: 40px;
    color: #fff;
}

.mysumm .picholder {
    padding: 62px 0 15px 0;
}

.mysumm p {
    padding-top: 120px;
    text-align: center;
    font-weight: 300;
    line-height: 28px;
    color: #fff;
}

.PB40 {
    padding-bottom: 40px;
}

.wraparound {
    display: block;
}

.bigboxy {
    cursor: pointer;
    margin: 40px 0;
	
	  -webkit-box-shadow: 0 3px 12px #555;
    -moz-box-shadow: 0 3px 12px #555;
    box-shadow: 0 3px 12px #555;
  
    position: relative;
}

.map {
    width: 80%;
    margin: 0 auto;
}

.map li {
    list-style: none;
    display: inline;
    padding: 0 50px;
    font-weight: 600;
}

.location_head {
    font-family: 'Berkshire Swash';
    color: #2a2a2a;
    font-size: 55px;
}

.map1 {
    background: #f4f4f4;
    background-size: cover;
    color: var(--primary);
    font-size: 18px;
    width: 95%;
    margin: 0 auto;
    letter-spacing: 1px;
    font-weight: 400;
    padding: 20px 0px 5px 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -29%;
}

.myemail {
    color: var(--primary);
}

.myemail:hover {
    color: var(--primary);
}

.myemail:focus {
    color: var(--primary);
}

.location_content1 {
    display: inline-block;
    padding: 0 0 0px 25px;
    min-height: 325px;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    margin-top: 30px;
}

.Direction a {
    color: var(--tertiary);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 3px;
    background: var(--primary) !important;
}

.Direction a:hover {
    color: var(--primary);
    background-color: var(--tertiary);
    transition: 2s;

}

.Direction a:focus {
    color: var(--primary);
    background-color: var(--tertiary);
}

/*attractions hover*/

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
    cursor: default;
    margin-top: 73px;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}


.hovereffect:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.att_text {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    padding: 15px;
}

.MTminus {
    position: absolute;
    top: 14%;
    left: 0;
    right: 0;
}

/* Dining Sure stay */
.MTminus1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 16%;
    background-color: rgba(0, 0, 0, 0.7);
}

.dining_text {
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 400;
}

.dining_title {
    font-size: 75px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: -30px;
}

.dining_para {
    color: #fff;
    font-size: 20px;
    padding: 0px 10px 20px 10px;
}

/*---------------*/
/***** Honey *****/
/*---------------*/
.grid1 {
    margin-top: -140px;
}

/* Common style */
.grid1 figure {
    position: relative;
    float: left;
    overflow: hidden;
    background: #3085a3;
    text-align: center;
    cursor: pointer;
}

.grid1 figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.8;
}

.grid1 figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid1 figure figcaption::before,
.grid1 figure figcaption::after {
    pointer-events: none;
}

.grid1 figure figcaption,
.grid1 figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.grid1 figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid1 figure h2 {
    font-weight: 300;
}

.grid1 figure h2 span {
    font-weight: 800;
}

.grid1 figure h2,
.grid1 figure p {
    margin: 0;
}

figure.effect-honey {
    background-image: linear-gradient(to bottom, rgba(1, 131, 191, 0.2), rgba(0, 0, 0, 0.9));
}

figure.effect-honey img {
    opacity: 0.9;
    -webkit-transition: opacity 0.35s;
    transition: opacity 0.35s;
}

figure.effect-honey:hover img {
    opacity: 0.5;
}

figure.effect-honey figcaption::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    background: #719544;
    content: '';
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
}

figure.effect-honey h2 {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 1em 0.5em;
    width: 100%;
    text-align: center;
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
}


figure.effect-honey figcaption::before,
figure.effect-honey h2 {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}

figure.effect-honey:hover figcaption::before,
figure.effect-honey:hover h2,
figure.effect-honey:hover h2 i {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.MLbutton {
    margin-left: 27%;
}

/*attractions hover*/
.loct_text {
    font-size: 45px;
    text-transform: uppercase;
    color: #2782bc;
    font-family: lato;
    top: 418px;
    position: relative;
    /*left: 50px;*/
}

.map1_head {
    background-color: #2782bc;
    padding: 17px 15px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    min-height: 160px;
    text-align: center;
}

.bigboxy img {
    width: 100%;
}

.roverlay {
    display: none;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    left: 15px;
    right: 15px;
    top: 15px;
    bottom: 15px;
    padding: 15px;
    outline: 1px solid #fff;
    outline-offset: -15px;
    z-index: 10;
}

.bigboxy:hover .roverlay {
    display: block;
}

.laywrap {
    font-size: 15px;
    color: #fff;
    line-height: 23px;
    padding: 10px;
    text-align: left;
    min-height: 100px;
}

.nearby {
    padding: 50px 0 70px 0;
}

.nearby .texwrap {
    margin: 0 0 10px 0;
}

.detbtnwrap {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
}

.detbtn {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.detbtn:hover {
    color: #fff;
}

.assignpos {
    position: relative;
    z-index: 5;
}

.button_text {
    color: white;
    padding: 8px 20px 8px 20px;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    text-align: right;
    background-color: var(--primary);
    position: relative;
    left: 10px;
}

.button_text2 {
    color: #fff;
    padding: 8px 20px 8px 20px;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    text-align: left;
    background: var(--tertiary);
}

/* room */

.stay_text {
    color: #000;
    text-transform: none;
    font-weight: 600;
    font-size: 14px;
    font-family: lato;

}

@media (min-width: 1200px) {
    .smaller .dpos {
        position: fixed;
        background: none;
        z-index: 9999;
        left: 24px;
        top: 10px;
        right: 22px;
        width: 10%;
    }

    .smaller .barname {
        display: none;
    }

    .smaller .rightborder {
        display: none;
    }

}

.galleryicon {
    background: url(../img/galleryicon.png) no-repeat;
    padding: 18px 90px;
    display: inline-block;
    min-height: 70px;
}

.gallery_text {
    color: #fff;
    letter-spacing: 8px;
    font-size: 20px;
    text-transform: uppercase;
    font-family: lato;
    padding: 15px 0px 0px 0px;
    position: relative;
    left: -19px;
}

.gallery_text1 {
    color: #2782bc;
    letter-spacing: 0px;
    font-size: 25px;
    text-transform: uppercase;
    font-family: lato;
    padding: 15px 0px 0px 0px;
    position: relative;
    left: 19px;
    font-weight: 600;
}

.Book_Special {
    padding: 45px 0;
    position: absolute;
    top: 200px;
    left: 25%;
}

.bluetrans {
    background: rgba(28, 41, 61, 0.6);
    padding: 45px 0;
}

.part2 {
    padding: 25px 0;
}

.midspace {
    padding: 400px 0 0 0;
}

.midspace1 {
    padding: 0px 0 230px 0;
}

.imagemarginnew {
    background: url(../img/design1.png) no-repeat left top, url(../img/design2.png)no-repeat right bottom;
    padding: 18px 18px;
    display: inline-block;
}

/* testimonial */

.testsec {
    padding: 60px 0;
}

.giveshadow {
	
	 -webkit-box-shadow: 0 2px 15px rgba(75, 75, 75, 0.4);
    -moz-box-shadow: 0 2px 15px rgba(75, 75, 75, 0.4);
    box-shadow: 0 2px 15px rgba(75, 75, 75, 0.4);
   
}

.pianohead {
    color: #2782bc;
    font-size: 40px;
    text-transform: uppercase;
}

.tsec {
    padding: 70px 0;
}

.revcont {
    padding: 20px 30px;
}

.revcont p {
    line-height: 30px;
    font-size: 18px;
    text-align: justify;
}

#myCarousel2 {
    min-height: 220px;
}

#myCarousel2 .carousel-control.left {
    left: 77% !important;
    bottom: 35px !important;
    top: inherit !important;
}

#myCarousel2 .carousel-control.right {
    right: 9% !important;
    bottom: 35px !important;
    top: inherit !important;
}

#myCarousel2 .carousel-control {
    width: 60px;
    height: 60px;
    background: #ebecf5;
}

#myCarousel2 .carousel-control .fa {
    color: #000;
}

/* gallery */

.gallmain {
    display: table;
    width: 100%;
    background: #2782bc;
    border-collapse: collapse;
}

.gallmain .picholder img {
    width: 100%;
}

.gallwrite {
    text-align: center;
    padding: 100px 20px;
    display: table-cell;
    height: 400px;
}

.gallwrite2 {
    display: table-cell;
}

.gallwrite .icon {
    font-size: 50px;
    color: #fff;
    display: block;
}

.gallbg {
    background: url(../img/gallery1.jpg) no-repeat;
    background-size: cover;
    min-height: 475px;
}

.gallbg2 {
    background: url(../img/gallery2.jpg) no-repeat;
    background-size: cover;
    min-height: 475px;
}

/*hover effect Attraction */

.hovereffect1 {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect1 .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hovereffect1:hover .overlay {
    background-color: rgba(48, 152, 157, 0.4);
}

.hovereffect1 img {
    display: block;
    position: relative;
}

.hovereffect1 h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    -webkit-transform: translateY(45px);
    -ms-transform: translateY(45px);
    transform: translateY(45px);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.hovereffect1:hover h2 {
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    transform: translateY(5px);
}

.hovereffect1 a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    text-transform: uppercase;
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    font-weight: normal;
    margin: -52px 0 0 0;
    padding: 62px 100px;
}

.hovereffect1:hover a.info {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.hovereffect1 a.info:hover {
    box-shadow: 0 0 5px #fff;
}

.socialpos {
    position: relative;
    background-color: #fff;
}

.connect {
    color: var(--primary);
    font-size: 25px;
    display: inline;
    padding: 0px;
    letter-spacing: 5px;
    font-weight: bold;
}

/*hover effect Attraction */

/* map */

.lightgraybg {
    background-color: #ebebeb;
}

.map_data {
    background-color: #fff;
    left: 50px;
    padding: 10px;
    position: absolute;
    bottom: 16px;
    border-radius: 6px;

}

.book a:focus {
    color: #fff;
}

.book a:hover {
    color: #fff;
}

.map_data .picholder {
    padding: 0;
}

.locimg {
    background: url(../img/locate.png) no-repeat center center;
    height: 100px;
}

.maphead {
    font-size: 40px;
    text-transform: uppercase;
}

.mapdet {
    display: block;
    padding-top: 20px;
    font-weight: 300;
    font-size: 18px;
}

.mapdet i {
    margin-right: 10px;
    font-size: 35px;
    vertical-align: top;
    display: inline-block;
}

.mapdet .basinfo {
    display: inline-block;
}

.map_data .vibtn {
    margin: 45px 0;
}

#cis-style label {
    display: block;
}

#cis-style1 label {
    display: block;
}

/* footer */

.mysocialsec {
    background: #2782bc;
    padding: 10px;
}

/* .modify {
    color: #2782bc;
    background: #fff;
    padding: 15px 34px;
    margin-left: -15px;
} */

.subsec {
    display: block;
    background: #6e7683;
    padding: 15px;
    margin-top: 0px;
	 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
   
}

.subsec em {
    font-size: 36px;
    vertical-align: top;
}

.subsec .subname {
    font-size: 22px;
    margin-top: 4px;
    display: inline-block;
    padding: 0 15px;
}

.rightspacy {
    text-align: right;
}

.rightleave {
    margin-right: 25px;
}

.jusblock {
    display: block;
}

.BR {
    border-right: 1px solid #fff;
}

.foopropname {
    display: block;
    /* text-transform: uppercase; */
    letter-spacing: 0.5px;
    font-size: 30px;
    border-bottom: 1px solid #baaaaa;
    padding-bottom: 10px;
}

.footul {
    display: inline;
    padding: 10px 0;
}

.footerlinks a {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.footerlinks a:hover {
    color: #fff !important;
}

.footerlinks a:focus {
    color: #fff !important;
}

.border_style {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0px;
}

.footul li {
    list-style-type: none;
    display: inline;
}

.footul li a {
    color: #fff;
    display: block;
    padding: 5px 30px;
    ;
    font-weight: 400;
    font-size: 18px;
    text-align: left;
}

.footul li a:hover {
    color: #fff !important;
    text-decoration: underline;
}

.footul li a:focus {
    color: #fff !important;
    text-decoration: underline;
}

.mysearchlee .footul {
    display: block;
    padding: 0;
}

.mysearchlee .footul li a {
    padding: 5px 5px 0 5px;
}

/*.topbots{padding:50px 0 0px 0;}*/
.mycopycont {
    padding: 10px 10px;
	    -webkit-border-radius: 10px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    width: 65%;
}

.mycopycont p {
    font-weight: 400;
    margin: 0;
    color: #fff;
    font-size: 18px;
}

.mycopycont p a {
    color: #fff;
}

.mycopycont p a:hover {
    text-decoration: underline;
    color: #fff !important;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    background: var(--primary) !important;
}

.bO1 {
    border: 1px solid #444;
}

.viewrooms {
    background: #2782bc !important;
    border: 2px solid #2782bc !important;
}

.bg_collapse {
    background: #5f6097 !important;
}

.panel-default .collapse>.panel-body {
    color: #2782bc !important;
}

/*.borderR {
    border-right: 2px solid #2782bc !important;}*/
.res-gray-box {
    border-top: 2px solid #2782bc !important;
}

/* innerpage */
.w3-btn,
.w3-btn-block {
    background-color: #2782bc !important;
}

.F18 {
    font-size: 18px !important;
}

.inn-vertmar {
    margin: 60px 0 0 0;
}

.myright {
    text-align: right;
}

.patobo {
    padding: 5px;
}

.nav-tabs {
    border: 0 !important;
}

.bar_overview,
.baroverview {
    background: url(../img/bar.png) no-repeat !important;
}

.text-primary {
    color: var(--tertiary);
}

li[role=presentation] > .text-primary {
    color: #e46900;
}

li[role=presentation] > .fa-caret-down {
    color: var(--primary);
}

.mobiletop-box-divs a img {
    height:100%;
}

.toggle-button.toggle-active .bar1{
    background-color:#fff!important;
}



.arrow-down{border-top: 20px solid #e46900  !important;}
.panelheading {
    background: var(--primary);
}

.panelsort {
    background: var(--primary)!important;
}

.sort_bar {
    background: var(--primary) ;
}

.bot_link {
    background:  #ce6206;
}

.bar_div {
    background: url(../img/barA.png) no-repeat;
}

#lostFound_box .add-on {
    color: #08115f !important;
}

.featured-ulabs-pos li a.active {
    color: black !important;
    border-bottom: 2px solid black;
    FONT-WEIGHT: 800;
}

.featured-ulabs-pos li a {
    color: black;
    padding: 6px 16px;
}

.featured-ulabs-pos li a:hover {
        border-bottom: 2px solid black !important;
    color: black !important;
}

.featured-ulabs-pos li a:focus {
    color: black !important;
}

.featured-ulabs-pos li:last-child a {
    padding: 6px 0 6px 16px;
}

.brdr {
    border:  2px solid black;
}

.events li {
    background: #444;
}

.events li:hover,
.events li.active {
    background: black ;
    color: #fff;
}

.events a:hover {
    color: #fff;
}

.strip,
.stripB,
.backg {
    background: var(--tertiary);
}

.stripA {
    background: #b55300;
}
.weather_txts .F12 {font-size: 10px;}
.pop_address {
    background:#000000a6;
}

.acessbg {
    background: var(--primary) !important;
}

.acesssfour a {
    color: #444 !important;
}

.acesssfour a.btn.btn-success.pdr.text-uppercase.MT15 {
    color: #cb650f !important;
}

.w130 {
    color: #000 !important;
    width: 19%;
}

.direction a {
    color: #b62f33 !important;
}

.home_res .selectdiv {
    margin-top: 26px;
}

.home_res .selectdiv:after {
    content: '\f0d7';
    font: normal normal normal 17px/1 FontAwesome;
    color: #fff;
    right: -20px;
    top: -30px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    position: relative;
    pointer-events: none;
    display: none;
}

/*.btn-default:focus, .btn-default:hover, .btn-default:active{background:#00a651 url("../img/plus_minus.png") no-repeat scroll -50px 10px !important;}*/

.cookietxt a {
    color: #306c3d !important;
}

@media screen and (min-width: 1200px) {
    .dts {
        margin-top: 2px !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    .dts {
        margin-top: 5px !important;
    }
    .goog-te-gadget-simple{
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }
   
}

@media screen and (max-width: 3500px) and (min-width: 768px) {
    .bor_right {
        border-right: medium none !important;
    }
}

.clildboxpolicy {
    font-size: 10px;
}

div.h6heading.active .listsubs a,
div.h6heading:hover .listsubs a {
    color: #000 !important;
}

.email-enter {
    color: #444 !important;
    font-size: 14px;
}

.bor_right {
    border-right: medium none !important;
}

.inner_res .selectdiv:after {
    content: '\f0d7';
    font: normal normal normal 17px/1 FontAwesome;
    color: #fff;
    right: -30px;
    top: -45px;
    height: 34px;
    padding: 15px 0px 0px 8px;
    position: relative;
    pointer-events: none;
}

.scrollspy-example a:hover {
    color: #306c3d !important;
}

.scrollspy-example a:focus {
    color: #306c3d !important;
}

select {
    background: url(../img/selarow.png) no-repeat ;
    background-position: center right -2% !important;
}

.inner_res .selectdiv {
    height: 70px;
}

.rightbor {
    border-right: 1px solid #fff;
}

.tbpcen {
    padding: 4px 0;
}

#frmReviews .form-control {
    background: #ebebeb !important;
    color: #515844 !important;
}

#frmReviews .add-on {
    background: none;
    color: #555;
}

.pop_text {
    z-index: 2 !important;
    font-size: 14px;
    border-bottom: 2px solid #f2e181 !important
}

#lostFound_box .selectdiv select {
    background-color: transparent !important;
    border-bottom: 1px solid #ccc;
    color: #555 !important;
}

.attention .glyphicon-warning-sign {
    width: 2%;
    display: inline-block;
    vertical-align: top;
    top: 2px;
}

.attention p {
    display: inline-block;
    width: 95%;
}

.attention .glyphicon-remove {
    width: 2%;
    display: inline-block;
    top: 10px;
    right: 5px;
}

/* Hawthorne */

.navbar-nav li a {
    text-shadow: none;
    color: #fff;
    font-size: 15px;
    text-align: center;
    text-transform: uppercase;
    font-family: lato;
    font-style: italic;
}

.navbar-nav li.logo_text a {
    font-family: 'Philosopher';
    font-size: 28px;
    text-transform: capitalize;
}

.link_CDG a {
    color: #2782bc !important;
}

.mytopmenu {
    height: 55px;
    padding: 7px 0;
}

#bgmslider {
    position: absolute;
    height: 72px !important;
    top: -9px;
    bottom: 16px;
    left: 0;
    height: 100%;
    width: 0;
    padding: 10px 10px 7px 10px;
    margin-left: 1px;
    background: rgba(23, 0, 0, 0.3);
    z-index: -1;
}

.getincenter {
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
    top: 25%;
    z-index: 99;
    color: #fff;
    text-align: center;
}

.getincenter p {
    font-size: 40px;
    margin: 0;
    font-style: italic;
}

.getincenter p:first-child {
    font-size: 30px;
}

/* Groups  and Events  */
.holdupbox {
    background: #fff;
    padding: 50px;
    border: 5px solid #2782bc;
    box-shadow: 0 0 3px #2782bc;
}

.duration{
	text-transform: capitalize!important;
}

.propcont {
    display: block;
    background: #2782bc;
    padding: 20px;
}

#meetingmain .wedfancy {
    margin: 10px 0;
}

.forow {
    display: block;
    margin: 25px 0;
    text-align: left;
}

.forow .ftxtbox {
    font-weight: 400;
    background: #fff;
    border: 1px solid #2782bc;
    padding: 5px;
    width: 100%;
	-webkit-border-radius: 3px;
    border-radius: 3px;
    
}

.adanoshow {
    display: none;
}

.scrollspy-example h2 {
    padding: 0 0 0px;
    position: relative;
    z-index: 0;
}

.prophead {
    font-size: 22px;
    color: #fff;
    border-bottom: 1px solid #fff;
    font-weight: 600;
    text-align: left;
    padding-bottom: 5px;
}

.footer_last_b {
    font-size: 14px;
    width: 100%;
    padding: 10px 25px 2px 20px;
    background: #968245;
    color: #fff;
    font-weight: 400;
}

.design.wedfonthead {
    font-size: 28px !important;
    padding: 20px 0 40px 0 !important;
}

.sign_text {
    font-size: 18px;
    color: #2782bc;
    font-family: lato;
    font-weight: bold;
}

.subname {
    font-size: 25px;
    text-transform: uppercase;
    color: #000;
}

.trip_t label span,
.about_h label span {
    font-size: 15px;
}

.homecontain {
    border: 6px solid #fff;
  
    
}

/* Groups  and Events  */
@media screen and (max-width:1199px) {
	.width20.gocent.pl-0{padding-left: 10px;}
    .mycopycont {
        width: 85%;
    }

    .carousel-control.left {
        top: 50% !important;
    }

    .slidertext {
        top: 40%;
    }

    /*.map1_head{left: auto !important;}*/
    .best_rate {
        display: none !important;
    }

    .gallery_desc {
        padding: 10px 30px 20px 0px !important;
    }

    .PL100 {
        padding-left: 0px;
    }

    .shadowboxdiv {
        bottom: 0px !important;
    }

    #myCarouse2 .carousel-control.left {
        left: 49%;
    }

    .home_res {
        position: relative;
        width: 100%;
        left: initial;
        right: initial;
        bottom: initial;
    }

    .res_bg {
        margin: 0;
        float: none;
    }

    /*.gocent{padding-top:10px;}*/
    .centermein {
        bottom: 0;
    }

    .pushboth {
        padding: 15px 0 25px 0;
    }

    .homecontain h1 {
        margin-top: 0px;
    }

    .text_mobile {
        background: #464646;
        color: #fff;
        padding: 10px 40px;
        position: relative;
        bottom: 0px;
        font-size: 20px;
    }

    #myCarousel2 {
        min-height: 250px;
    }

    #myCarousel2 .carousel-control.left {
        left: 0%;
    }

    #myCarousel2 .carousel-control.right {
        right: 0%;
    }

    #myCarousel2 .glyphicon {
        top: 0;
    }

    .tsec {
        padding: 0 0 50px 0;
    }

    .map_data .vibtn {
        padding: 15px 40px;
    }

    .subsec {
        padding: 15px 0;
    }

    .rightleave {
        margin-right: 15px;
    }

    .subsec .subname {
        font-size: 20px;
    }

    /*.home_res .pullme{padding-top:10px !important;}*/
    .home_res .bg_bar {
        top: 43px;
    }

    .inner_res .bg_bar {
        top: 43px;
    }

    .inner_res .pullinn {
        margin-top: 10px;
    }

    .inner_res .selectdiv:after {
        top: -40px;
    }

    /*.reservation .btn-success{margin: 13px 23px 15px -97px;}*/
    .tbpcen {
        padding: 45px 0 0 0;
    }

    .mobile0verviewinnwerdiv {
        padding: 0 15px;
    }

    .mobile0verviewinnwerdiv h2,
    .mobile0verviewinnwerdiv h3,
    .mobile0verviewinnwerdiv h4 {
        padding: 10px 0;
    }
}

.sochead1 {
    background: #2782bc;
    color: #fff;
    padding: 10px 15px;
    border-radius: 30px;
}

.posholder {
    display: block;
}

.innerheader {
    bottom: 20%;
    color: #fff;
    left: 0;
    padding: 10px 21px;
    position: absolute;
    right: 0;
    text-align: center;
}

@media screen and (min-width:1200px) {
	
	.attrac_text {   color: #ffffff;
    font-size: 60px;
    font-weight: 600;
    left: 23%;
    letter-spacing: 20px;
    max-width: 625px;
    position: absolute;
    text-transform: uppercase;
		top: 441px;}
    .txts {
  left: 50% !important;
    margin-left: -500px !important;
    margin-top: -65px;
    max-width: 1000px !important;
    position: absolute !important;
    }
}

.fwts{font-weight: 400;}
@media screen and (min-width: 768px) and (max-width:991px) { .mobile0verviewinnwerdiv {
    min-height: 354px !important;
    height: 366px;
    overflow: hidden;
} .width20.gocent.pl-0{padding-left: 15px;}
    .MB20_tab {
        margin-bottom: 30px !important;
        margin-top: 10px;
    }
    .att_bg{margin: 0px 0px 30px;}
    .attrac_text1 {font-size: 45px !important;}
    .attrac_para{max-width: 90% !important;}
    }


@media screen and (max-width: 767px) { .width20.gocent.pl-0{padding-left: 15px;}
    .MB20_tab {
        margin-bottom: 20px !important;
        margin-top: 10px;
    }
	
    .accomodetion-content {
        padding: 30px !important;
        height: auto !important;
    }

/* span.sec-head {border-bottom: none !important;} */



.img-left {
    height: 300px !important; }

}

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



    .w130 {
        width: 26%;
    }

    .ADAwidth {
        width: 100%;
    }

    .attrac_para {
        padding: 0 4px;
        text-align: justify !important;
    }
    .review_sec p {
        text-align: justify !important;
    }
    .trip_t label span,
    .about_h label span {
        font-size: 13px !important;
    }

    .innerheader p {
        margin: 0px !important;
    }

    .innerheader {
        bottom: 0 !important;
        padding: 0px !important;
    }

    .bigboxy:hover .roverlay {
        display: none;
    }

    .nearby {
        padding: 35px 0;
    }

    .nearby .mybtn {
        margin-top: 0;
    }

    .subsec {
        background: none !important;
    }

    .home_res {
        background-color: var(--primary);
        position: relative;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0px;
        z-index: 8;
        /* padding: 10px; */
    }

    .bookingbg {
        background: var(--primary);
    }

    .res_bg {
        background: transparent;
        height: auto;
    }

    .bookhead {
        padding: 0px;
    }

    #myCarousel .carousel-control {
        padding: 6px;
    }

    .carousel-control {
        bottom: 50%;
        width: 48px;
        padding: 0px;
        height: 48px;
    }

    .carousel-control .fa {
        font-size: 35px;
    }

    .carousel-control.left {
        left: 0px;
        top: 50%;
    }

    .carousel-control.right {
        right: 0px;
        top: 50%;
    }

    .foot_top a {
        display: inherit;
    }

    .Book_Special {
        left: 30%;
    }

    .borlefty {
        border: 1px solid #fff;
    }

    .vertmar {
        margin: 30px 0;
    }
  
    .reservation .btn-success {
        margin-top: 9px;
        padding: 10px 25px;
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-center {
        text-align: center;
    }

    .nofloats {
        float: none;
    }

    .pudon {
        padding-top: 30px;
    }

    .home_collapse {
        position: relative;
        width: 100%;
        margin: 0 0%;
    }

    /*.res_heading{margin-top:40px;}*/
    /*.gocent{padding-top:20px;}*/
    .shadowboxdiv {
        width: 100%;
        height: auto;
        bottom: 2%;
        left: 0;
        right: 0;
    }

    .color_g {
        width: 100%;
        margin: 0;
    }

    .white-box {
        font-size: 12px;
        display: inline-block;
        background-color: #0000008f;
        padding: 10px 10px;
        border-radius: 0px;
        border: 0px;
        text-shadow: none;
        letter-spacing: 0px;
        font-family: lato;
        font-weight: 400;
        color: white;
        width:100%;
        margin:0;
    }

    .picinbg {
        background: none;
    }

    .mysumm .picholder {
        padding: 95px 0 15px 0;
    }

    .maintext {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .makeup .container {
        padding-bottom: 40px;
    }

    .mysumm {
        padding: 0;
    }

    .mysumm p {
        padding: 25px;
    }

    .midspace {
        padding: 100px 0;
    }

    .midspace1 {
        padding: 100px 0;
    }

    .vibtn {
        padding: 11px 35px;
    }

    .posit {
        position: absolute;
        bottom: 0;
    }

    .posit .vibtn {
        background: #09a723;
        color: #fff;
    }

    .subsec em {
        font-size: 25px;
        padding-top: 5px;
    }

    .subsec .subname {
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        color: #fff;
    }

    .mysearchlee {
        text-align: right;
    }

    .inn-vertmar {
        margin: 20px 0 0 0;
    }

    .footul li {
        padding: 2px 0;
    }

    .dropshadow {
        box-shadow: none;
        margin-top: -32px;
    }

    .sub_text {
        width: 80%;
    }

    .home_res .selectdiv {
        padding-top: 10px;
    }

    .home_res .selectdiv:after {
        top: -45px;
        right: -55px;
    }

    .inner_res .selectdiv:after {
        top: -50px;
        right: -45px;
    }

    .bg_bar {
        display: none;
    }

    .inner_res .pullinn {
        margin-top: 25px;
    }

    .slick-slider {
        margin-bottom: 30px !important;
    }

    .slick-arrow {
        bottom: -10px !important;
    }

    .tbpcen {
        padding: 0;
    }

    .attention .glyphicon-warning-sign {
        width: 3%;
    }

    .attention .glyphicon-remove {
        width: 3%
    }

    .attention p {
        padding-left: 8px;
        width: 93%;
    }

    .mainbg {
        background: none;
    }

    .graymainbg {
        background: none;
        min-height: 0px;
    }

    .lightgraybg {
        background-color: #fff;
    }

    .lightgraybg1 {
        background-color: #ebebeb;
    }
}

/* #no_of_rooms {
    padding: 7px !important;
} */

@media screen and (max-width: 577px) {
    .red-box {
        font-size: 20px;
        padding: 10px;
        letter-spacing: 0px;
    }
}

@media screen and (max-width:388px) {
    .fc-toolbar .fc-right {
        margin-top: 10px !important;
    }
}

@media screen and (max-width: 475px) {
    .holdupbox {
        padding: 30px 5px;
    }
}

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

    .Padding10 {
        padding: 0px 10px 10px 10px;
        ;
    }

    .sub_text {
        width: 100%;
    }


    .zeropad {
        padding: 0;
    }

    .newclass {
        margin: 0px 0 0 0;
    }

    .text-xs-center {
        text-align: center;
    }

    .home_collapse {
        width: 85%;
        margin-left: 14%;
    }

    .vertmar {
        margin: 15px 0;
    }

    .reservation .btn-success {
        padding: 10px 35px;
    }

    .res_heading {
        margin-top: 0;
        padding: 5px;
    }

    .res_bg {
        padding-top: 0px !important;
    }

    .color_g {
        padding: 0px;
    }

    .pushboth {
        padding: 15px 0;
    }

    .gallmain {
        display: block;
        border-collapse: inherit;
    }

    .gallwrite {
        display: block;
        padding: 50px 20px;
    }

    .gallwrite2 {
        display: block;
    }

    .gallbg {
        background-position: 0 0;
        min-height: 335px;
    }

    .gallbg2 {
        background-position: 0 0;
        min-height: 335px;
    }

    .social li {
        display: inline-block;
        padding: 0 0px;
    }

    .social li.sochead {
        display: block;
        padding: 0 0 10px 0;
    }

    .mysocialsec .MT5 {
        margin-top: 0;
    }

    .rightspacy {
        text-align: center;
        margin-top: 20px;
    }

    .alignleft {
        text-align: center;
        margin: 0 0 10px 0;
    }

    .subsec {
        background: none;
    }

    .greyme {
        background: #6e7683;
        padding: 10px 15px 15px 15px;
        border-radius: 3px;
    }

    .mysearchlee {
        margin-top: 20px;
        text-align: center;
    }

    .gocentric {
        float: none;
        text-align: center;
    }

    .xs-nopad {
        padding-left: 0;
        padding-right: 0;
    }

    .inn-vertmar {
        margin: 0;
    }

    .mobile0verviewinnwerdiv {
        padding: 0 15px;
    }

}

.gallery_desc {
    color: #161631;
    font-size: 20px;
    text-align: left;
    padding: 10px 20px 20px 0px;
}

.bg-color h2 {
    background: #444 !important;
}

.fc-widget-content a {
    color: #000 !important;
}

.fc-widget-content a:hover {
    color: #000 !important;
}

.fc-widget-content a:focus {
    color: #000 !important;
}

.bgevents {
    border-bottom:2px solid #f1de72 !important
}

#myCarousel2 .carousel-inner {
    position: relative;
    /*width: 90%;*/
    overflow: hidden;
    margin: 0 auto;
}

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

    .borderbottom1 {
        min-height: auto !important;
    }

    .guest_text {
        font-size: 30px !important;
    }

    .attrac_text {
        font-size: 30px !important;
    }

    .res_bg {
        padding-top: 0 !important;
    }

    .homecontain h1 {
        font-size: 22px;
        margin: 10px;
		letter-spacing: 1px;
    }
.homecontain h1 .visible-xs{height: 1px;}
    .midspace {
        padding: 40px 0;
    }

    .midspace1 {
        padding: 40px 0;
    }

    .attention .glyphicon-warning-sign {
        width: 4%;
    }

    .attention .glyphicon-remove {
        width: 4%
    }

    .attention p {
        padding-left: 8px;
        width: 91%;
    }

    .fotter_head p {
        font-size: 22px !important;
    }
}
em.fa.fa-wheelchair.fa-stack-1x.fa-inverse {
    color: white !important;
}
@media screen and (min-width: 1024px) and (max-width:1199px) {
	.innerheader{bottom: -20px;}
	.MTminus{margin-top: -30px !important;} 
	.attrac_text {top: 151px !important;}
    .ipadt {
        margin-top: 15px;
    }
    .color_g{
        width:60%;
    }
    .att_bg{
        margin: 0px 0px 30px;
    }
    .attrac_para{
        max-width: 90% !important;
    }
}

@media screen and (min-width: 639px) and (max-width:767px) {
    .add-on {
        right: 7px !important;
        bottom: 22px !important;
    }
}

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

    /*.F20_check{font-size:30px;}*/
    .monthcheck {
        font-size: 16px;
        margin: 0 0px 0 0px !important;
    }

    .add-on {
        top: 7px;
        right: 0%;
        background-size: 64%;
    }

    .reservation #dpd1,
    .reservation #dpd2 {
        height: 55px;
    }

    .mysumm p {
        padding: 25px 0 10px 0;
    }

    #frm_msg_box .add-on {
        top: -2px;
    }

    .inner_res .selectdiv:after {
        top: -40px;
    }

    .home_res .selectdiv:after {
        top: -35px;
        right: -45px;
    }

    #lostFound_box .add-on {
        top: -3px;
    }

    .checktxt {
        font-size: 15px;
    }

    .sub_text {
        font-size: 12px;
    }

    .colapsshoecontentlinkdiv {
        left: 30%;
    }

    .colapsshoecontentlinkdiv2 {
        left: 30%;
    }
}

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

    .carousel-control {
        bottom: 158px !important;
    }

    .home_collapse {
        width: 100%;
        margin: 0;
    }

    .F20_check {
        font-size: 18px;
    }

    .add-on {
        top: 11px;
        background-size: 100%;
        width: 20px;
        height: 20px;
        right: 4%;
    }

    #cis-style1 .add-on,
    #cis-style .add-on {
        right: 4%;
    }

    #lostFound_box .add-on {
        top: -4px;
    }

    .reservation #dpd1,
    .reservation #dpd2 {
        height: 40px;
    }

    .reservation .btn-success {
        padding: 5px 25px;
    }

    .makeup .container {
        padding-bottom: 30px;
    }

    #myCarousel3 .carousel-control.left {
        left: -18% !important;
    }

    #myCarousel3 .carousel-control.right {
        right: -18% !important;
    }

    .home_res .selectdiv:after,
    .inner_res .selectdiv:after {
        top: -30px;
        right: -20px;
    }

    .inner_res .pullinn {
        margin-top: 15px;
    }

    .attention .glyphicon-warning-sign {
        width: 5%;
    }

    .attention .glyphicon-remove {
        width: 5%
    }

    .attention p {
        padding-left: 5px;
        width: 89%;
    }

    /*.bg_color{background-position:-590px 0;}*/
}

.mydiv h3,
.blogn_title {
    background: #719544;
}

div.mydiv a,
div.mydiv a:hover,
.empty-month,
.empty-month:hover {
    color: #444;
}

.mydiv li li:hover {
    background: none;
}

.mydiv li li:hover a {
    color: #2782bc;
}

div.mydiv a:focus {
    color: #0e4cc3 !important;
}



.mydiv li a:hover {
    color: #0e4cc3 !important;
}

.mydiv li a:hover span {
    color: #ffffff !important
}

.promo-but {
    background-image: none !important;
}

#promo_code::placeholder {
    color: #fff;
}

.promo-but:hover {
    background-image: none !important;
}

.checkavail:hover {
    color: #fff !important;
}

p.error {
    color: #ff0000;
    font-size: 14px;
    font-weight: normal;
    text-align: right;
    text-shadow: inherit
}

.doscal {
    position: absolute;
    border: 0;
    padding: 0;
    right: 20px;
    top: 9px;
    z-index: 9
}

.adasub .onlythis {
    color: #766640 !important;
}

@media screen and (max-width:767px) and (min-width:320px) {
    .footerlinks a {
        font-size: 15px;
    }
}

@media screen and (max-width:1500px) and (min-width:1200px) {
    .shadowboxdiv {
        bottom:15%;
    }
}

.but_bg {
    /*padding: 9px 20px !important;*/
    margin: 9px 28px 9px 28px !important;
}

.direction .book_btn .but_bg {
    padding: 8px 20px 10px 20px !important;
}

.yellow-bg .red-but {
    margin:0;
    padding: 10px 20px;
}


.pullme {
    margin-top: 9px;
}

.collapse.in {
    display: block;
}



.BGmodi {
    background: #358a00 none repeat scroll 0 0;
    display: inline-block;
    margin-top: 17px;
}

.BGmodi a {
    display: inline-block;
    padding: 15px 28px;
}


.indexing li a {
    color: #444 !important;
    text-transform: uppercase !important;
}


.attraction:hover, 
.attraction_active  {
    background-color: #f6f4ec;
}


.moreattraction__btn{
    background: var(--secondary);
}




@media screen and (min-width: 1200px)  {.slideout-content-right{top: 58%;}
	.map1{width: 60%;}
	.padd_adjust{padding-right: 50px;}
	.padd_adjust2 {
    padding-right: 37px;
}
	.mar-right-13{margin-right: 13.5%;}
	
	.MT10.MB20_mob.MB20_tab.width15{text-align: center; padding-left: 0px; padding-right: 0px;}
	.seo_text {
    padding: 0px 0px 0px 20%;
}
    header{top:0; width:100%; z-index: 11; transition: height 0.3s ease 0s; position:relative;} 
    
    header.smaller .inner_res{height: 120px; position: fixed;top: 0;z-index: 999; background:#fff;border-bottom:3px solid #2782bc; 
    transition: height 0.3s ease 0s; width:100%; box-sizing:border-box;}
    header.smaller .inn-vertmar{margin:0;}
    header.smaller .bg_bar{visibility:hidden; margin:0; width:7%;}
    header.smaller .selectdiv{width:100%;padding-left: 0px;}
   header.smaller .yelbors select {
   background: #fff !important;
   color: #657889 !important;
   width: 95px !important;
   border-radius: 4px !important;
   padding: 3px 10px !important;
   display: block;
   margin: 5px auto;}
   header.smaller .smallerhide{display:none}
   header.smaller .smallershow{display:inline;}

   header.smaller #no_of_adult{padding: 0px 5px;}
   header.smaller #promo_code{border: 1px solid #000; height:44px; color:#000; background: #fff;}
header.smaller #promo_code::-webkit-input-placeholder{color:#000;}
header.smaller #promo_code::-moz-placeholder{color:#000;}
header.smaller #promo_code::-ms-input-placeholder{color:#000;}
   header.smaller .width20{width:24%; padding:0 10px;}
   header.smaller .specialcode{margin:35px 0 0 0;}
   /* header.smaller .tm{width: 26% !important;} */
   header.smaller .home_collapse{width:125%; margin-top:8px;}
}
   

/*.scrollspy-example a{color: #786d47 !important;}*/



.barname {
    color: var(--primary);
    font-size: 25px;
    position: absolute;
    left: 65px;
    top: 33px;
    font-weight: 400;
    text-transform: uppercase;
}

span.sec-head {
    position: relative;
    border-bottom: 2px dashed var(--primary);
    padding-bottom: 10px;
    top: 20px;
    line-height:2;
}



.exterior {
    padding-bottom: 50px;
}



.exterior {
    padding-bottom: 50px;
}

.reviews-sec {
    padding: 0px 0;
}
.accomodetion-content {
    background: #f4f4f4;
    height: 530px;
    padding: 16% 10% 10%;
}

.box-content p {
    text-align: center;
    line-height: 1.63;
    margin: 40px 0 0 0;
    FONT-WEIGHT: 500;
}


.img-left {
    height: 530px;
    background: url(../img/abt-img.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    background-position: center;
}


.review-title-item {
    font-size: 20px;
    font-weight: 600;
    text-align:center;
    padding-bottom: 22px;
}

.review-clientname {
    font-weight: 700;
    font-style: italic;
    color: #000;
}

/*---------------*/
/***** Layla *****/
/*---------------*/


figure.effect-layla img {
	height: 390px;
}

figure.effect-layla figcaption {
	padding: 3em;
	z-index: 9;
}

figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after {
	position: absolute;
	content: '';
	opacity: 0;
}

figure.effect-layla figcaption::before {
	top: 50px;
	right: 30px;
	bottom: 50px;
	left: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}

figure.effect-layla figcaption::after {
	top: 30px;
	right: 50px;
	bottom: 30px;
	left: 50px;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
}

figure.effect-layla h2 {
	padding-top: 10%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-layla p {
	padding: 0.5em 2em;
	text-transform: none;
	opacity: 0;
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}

figure.effect-layla img,
figure.effect-layla h2 {
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-layla img,
figure.effect-layla figcaption::before,
figure.effect-layla figcaption::after,
figure.effect-layla p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-layla:hover img {
	opacity: 0.4;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::before,
figure.effect-layla:hover figcaption::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

figure.effect-layla:hover h2,
figure.effect-layla:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-layla:hover figcaption::after,
figure.effect-layla:hover h2,
figure.effect-layla:hover p,
figure.effect-layla:hover img {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

body.rct_wdgt .smaller .dpos{top: 56px;} 

section.bgcolor {
    padding-top:0px;
}

.reservation label {
	float: left;
}

/* slideoutn css */
.slideoutBtn-right {
    position: fixed;
    right: -37px;
    /* right: -36px; */
    top: 60%;
    color: #000;
    z-index: 1048;
    background-color: #fff;
    border: 8px double #444;
    padding: 5px 16px;
    font-weight: 700;
    text-transform: uppercase;
    transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transition: 0.3s;
}

.covid-btn-slideout {
    position: fixed;
    right: -37px;
    /* right: -36px; */
    top: 35%;
    color: #000;
    z-index: 1048;
    background-color: #fff;
    border: 8px double #444;
    padding: 5px 16px;
    font-weight: 700;
    text-transform: uppercase;
    transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transition: 0.3s;
}
.slideoutBtn-left {
    position: fixed;
    left: -47px;
    top: 46%;
    color: #000;
    z-index: 1048;
    background-color: #fff;
    border: 8px double #444;
    padding: 5px 20px;
    font-weight: 700;
    text-transform: uppercase;
    transform: rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transition: 0.3s;
}

.slideoutBtn-right:hover,
.covid-btn-slideout:hover,
.slideoutBtn-left:hover {
    background-color: #444;
    outline: none;
}

.slideout-content-right-covid {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 1049;
    top: 30%;
    right: 0;
    background-color: #944237;
    overflow-x: hidden;
    transition: 0.5s; border-radius:7px 0 0 7px;
    /*top: 32%; padding: 10px; */
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
.slideout-content-right-covid p {
    text-transform: uppercase;
}
.slideout-content-right {
    height: auto; border-radius:7px 0 0 7px;
    width: 0;
    position: fixed;
    z-index: 1049;
    top: 55%;
    right: 0;
    background-color: #231f20;
    overflow-x: hidden;
    transition: 0.5s;
    /*top: 32%; padding: 10px; */
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}

.slideout-content-left {
    height: auto;
    width: 0;
    position: fixed;
    z-index: 1049;
    top: 12%;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    /* padding: 10px; */
    box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 8px 17px 2px rgba(0,0,0,0.14), 0 3px 14px 2px rgba(0,0,0,0.12), 0 5px 5px -3px rgba(0,0,0,0.2);
}
  
.slideout-content-right a,
.slideout-content-left a {
    text-decoration: none;
    color: #000;
    /* color: #818181; */
    transition: 0.3s;
}
  
/* .slideout-content a:hover {
    color: #f1f1f1;
} */
  
.slideout-content-right .closebtn,  
.slideout-content-right-covid .closebtn,
.slideout-content-left .closebtn {
    position: absolute;
    top: 0px;
    right: 8px;
	color: #ffffff;
    font-size: 30px;
}

.slideout-data {
    /*padding-left: 15px;*/
    padding-right: 5px; margin:0 auto
}

.slideout-content-left .slideout-data {margin:0 auto;
    padding-left: 0;
    padding-right: 15px;
}

.slideOut__Main {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 10px;
	max-height: 228px;
    overflow: hidden;
	/* max-height: 385px; */
}

.slideout-content-left .slideOut__Main {
	max-height: 500px;
}

.slideOut-left {
    flex: 0 0 40%;
    max-width: 40%;
}

.slideOut__Main .slideOut-left img {
    width: 100%;
    height: 95%;
    object-fit: cover;
}

.slideOut-right {
    flex: 0 0 60%;
    max-width: 60%;
}

.slideOut-full {
	flex: 0 0 100%;
    max-width: 100%;
}

.slideOut-heading p { color:#ffffff;
    margin: 0;
	font-size: 18px;
    /*padding-right: 24px;*/
	text-align: center; margin:10px 0 0 0
} .slideOut-heading a{display:inline-block}
.slideOut-heading img{width:60px}
.slideout-content-right .slideOut-heading p {
	font-size: 18px;
	text-transform: uppercase;
}

.slideout-content-right .slideOut-body p {
	margin-top: 15px;
}

.slideOut-body {
    /* height: 186px;
    overflow: hidden;
    overflow-y: scroll; */
    text-align: center;
    font-size: 14px;
}

/* .slideOut-body p {
    padding-right: 5px;
} */

.slideOut-footer {
    margin-top: 10px;
    text-align: center;
}

.slideOut-link {
	text-transform: uppercase;
	font-weight: 700;
	text-decoration: underline;
}

.slideOut-link:hover {
	color: #3A9700;
}

.slideOut-btn {
    border: 1px solid #3A9700;
    padding: 8px 12px !important;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px !important;
    transition: .3s;
}

.slideOut-btn:hover,.slideOut-btn:focus {
    background-color: #3A9700;
    color: #fff !important;
}

.slideOut-btn span {
    margin-left: 20px;
}

.stay_safe-img {
	margin: 0 auto;
}

@media screen and (max-width: 991px) { .bookingbg .roomsNumberOfRooms label{padding-right: 15px;} .MT80.MB20{margin-top: 55px !important;}
.mycopycont p, .innerheader .red-box{text-align: center;}
.white.notranslate{bottom: -1px !important;}
	.slideoutBtn-left, .slideout-content-left { display: none; }
}
@media screen and (max-width: 991px) and (min-width: 768px){
    select {
        width: 126px;
        background: url(../img/selarow.png) no-repeat !important;
        background-position: center right -2% !important;
    }
    #no_of_rooms, #no_of_adult, #no_of_child, #no_of_room_mobile{padding: 0px 20px;}   
    .accomodetion-content {
        background: #f4f4f4;
        padding: 7% 10% 8%;
        height: auto;
    }
	.slideout-content-right-covid{
		top: 31%;
	}
	.slideout-content-right{
		top: 45%;
	}
	.slideoutBtn-right{
		top: 49%;
	}
}
@media screen and (max-width: 767px) {
    .slideoutBtn-right, .slideoutBtn-left, .slideout-content-right, .slideout-content-left { display: none; }
	.slideout-content-right-covid,.covid-btn-slideout{
		display:none;
	}
}

.mycopycont {
    padding: 12px 0;
}

.mycopycont p {
    font-weight: 400;
    margin: 0;
    color: #fff;
    font-size: 15px;
}

@media screen and (max-width: 767px){ .width20.gocent.px-0 {
    padding-right: 15px;
    padding-left: 15px;
}

	.get_dir .button_text{left: 0px;}
	.well-appoint-text .maintext{text-align: center !important;} .maintext_small.text-center.FI.sec-head{padding: 10px 4px !important;}

#myCarousel3 .carousel-inner>.item.active{min-height: 340px}
.gocentric, .mycopycont {
    padding-left: 15px;
    padding-right: 15px;
}}
@media (min-width: 768px) and (max-width: 991px){  .carousel-control .fa{top: 6px;} 
/* .mobiletop-box-divs img {
    max-width: auto !important;
} */
.width20.gocent.px-0{padding-right: 15px; padding-left: 15px;} .get_dir .button_text{left: 0px;} #myCarousel3 .carousel-inner>.item.active{min-height: 200px;} .padd_adjust {
    padding-right: 53px;
} .padd_adjust2 {
    padding-right: 40px;
} #myCarousel .red-box{font-size: 19px;} .homecontain h1{font-size: 28px;     margin-bottom: 36px;} .reviews_box .sort_bar{padding: 9px 10px !important}
	.F13-sm{font-size: 16px;}
	.sort_bar .F13-sm{font-size: 16px; top: 1px;}
.mycopycont.topbots11 {
    padding: 7px 0px 15px;
}
.goog-te-gadget-simple{
    padding-top: 13px !important;
    padding-bottom: 12px !important;
}


}
@media screen and (min-width: 992px){ .black-bg{top: 50%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 100%) !important;
    margin: 0 auto !important;
    position: absolute;
    width:750px;
    /* left: 0; */
    /* right: 0; */
    text-align: center;
    background: rgb(0 0 0 / 63%);}
.gocentric {
    display: flex;
    justify-content: space-around;
    align-items: center;
}}
@media screen and (max-width: 1199px) and (min-width: 992px){ .width20.gocent.px-0{padding-right: 15px; padding-left: 15px;} .mycopycont {
    padding: 12px 0 0px;
} .map1{width: 100%;} .tab_room.clearfix.pullme{margin-top: 9px;} .padd_adjust2 {
    padding-right: 34px;
} .padd_adjust {
    padding-left: 14px;
}.homecontain h1{font-size: 35px;     margin-bottom: 35px;} .bookhead{margin: 20px 0 0px; font-size: 17px;} .res_bg{background: var(--primary);} .reviews_box .sort_bar{padding: 9px 10px !important}
	
	.mycopycont {
    width: 100%;
}
/* #no_of_rooms, #no_of_adult, #no_of_child, #no_of_room_mobile{
    padding: 14px 0px 10px 0px !important; */
}
	.mycopycont.topbots11 {
    padding-top: 20px;
}
.gocentric.P0 {
    margin-top: 0px;
    padding: 0px 0px 7px !important;
}
/* slideout css */

@media screen and (min-width: 1801px){.bookingbg{padding-left: 30px !important;}}

@media screen and (max-width: 1599px) and (min-width: 1501px){.bookingbg{padding-left: 20px !important; padding-right: 10px;}}

@media screen and (min-width: 1400px) and (max-width: 1500px){
.bookingbg {
    padding-right: 0px;
    padding-left: 35px !important;
}}

#myreviews .notranslate .but_bg {
    padding: 9px 28px 9px 28px !important;
}
#myreviews .notranslate .but_bg { margin: 9px 5px 0 !important}
.yellow-bg .red-but {
    margin: 0px;
    padding: 9px 20px 8px 20px;
}.mobile_max > .add-on{top: 28.5px;}
.direction .book_btn .but_bg{margin: 0.4em !important;}
@media screen and (min-width: 1200px) and (max-width: 1550px){ 
.map1 {
    width: 81%;
}}
@media screen and (min-width: 1200px) and (max-width: 1499px){  .myoverlay ul.desk-menu{width: 66%;}}
@media screen and (min-width: 768px){.box-content p{text-align: left;}}
.review_sec p{text-align: center;}
.map_numbering{top: 3px;}

.bad_news.attentinada.W100.MT20 {
    font-size: 15px;
    padding-right: 30px;
}

.map1 {
    background-size: cover;
    color:var(--primary);
    font-size: 18px;
    margin: 0 auto;
    letter-spacing: 1px;
    font-weight: 400;
    padding: 20px 0px 5px 0px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -29%;
}
@media screen and (min-width: 1200px)  {.slideout-content-right{top: 63%;}}
@media screen and (min-width: 1311px) and (max-width: 1399px){#slideOutDivRight{top: 64%;}}
@media screen and (min-width: 2000px){
	.smaller .dpos{left: 6%;}
}
@media screen and (min-width: 2200px){
	.smaller .dpos{left: 7%;}
}

@media screen and (min-width: 2500px){
	.smaller .dpos{left: 14%;}
}

.reviews.text-center.F_1{text-align-last: center;}
figure.effect-layla h2{font-weight: 600;}

.mobilenavigations .glyphicon{top: 1px;}


.MT70{margin-top: 70px;}

.colapsshoecontentlinkdiv, .colapsshoecontentlinkdiv2{margin: 0px auto;
    /* left: 44%; */
    left: 0;
    position: absolute;
    z-index: 2;
    right: 0;
    background: #fff;
}
	
	.sort_bar .w130{width: 31%;}
	
	@media screen and (min-width: 2500px){
.smaller .dpos {
    left: 17%;
}}
.carousel-overlay{    position: absolute;
    background: #00000047;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 7;}
	.MT80{margin-top: 80px;}
	
	.attrac_para {
    font-size: 18px;
    color: #000 !important;
    max-width: 90%;
    text-align: justify;
    margin: 0 auto;
    margin-top: 30px;
}



@media screen and (max-width: 430px){
    .mobile0verviewinnwerdiv {  
        height: 318px;
        min-height: 288px !important;
    }   
}

@media screen and (max-width:400px){
	.mobile0verviewinnwerdiv {
        height: 286px;
        min-height: 286px !important;
    }
}

@media screen and (max-width: 395px){
    .mobile0verviewinnwerdiv {  
        height: 320px;
        min-height: 314px !important;
    }
}

@media screen and (max-width:375px){
    .mobile0verviewinnwerdiv {
        height: 365px;
        min-height: 310px !important;
    }
}


@media screen and (max-width: 360px) {
    /* .mobile0verviewinnwerdiv {
        min-height: 443px !important;
    } */
    ul.social-icons{padding: 9px 4px 0px 8px;}
}

@media screen and (max-width: 320px){
    .mobile0verviewinnwerdiv {
        min-height: 410px !important;
    }
}   
@media screen and (max-width: 340px){
    .mobile0verviewinnwerdiv {
        height: 388px;
        min-height: 310px !important;
    }
}  
.carousel-control1.left {
    background-image: none;
    top: 50% ;
    left: 20px;
}
 .carousel-control1.right {
    background-image: none;
    top: 50% ;
    right: 20px;
}
@media screen and (max-width: 992px){.carousel-control1.left {
    background-image: none;
    top: 46% !important;
    left: 12px;
}
 .carousel-control1.right {
    background-image: none;
    top: 46% !important;
    right: 12px;
}}

@media screen and (min-width: 1200px) {
    .homecontain h1 {
        width:100%;
        text-align: center !important;
    }
}


@media screen and (min-width:500px){
    .hotel_name {
        font-size: 33px;
    }
}
.site_ul_li li, .ulliacol li{display: flex; flex-direction: column; position: relative;} .ulliacol > li{margin-left: 40px}
.site_ul_li li::before, .ulliacol li::before{content: ""; list-style: disc inside; width: 5px; height: 5px; position: absolute; background: #000; border-radius: 100%; top: 8px; left: -17px;}


@media screen and (min-width: 3000px){
.smaller .dpos {
    left: 22%;
}}

@media screen and (min-width: 350px) and (max-width:370px){


.mobile0verviewinnwerdiv {
    min-height: 360px !important;
}}
@media screen and (min-width: 1200px) and (max-width:1480px){
    /* .attachlogo img{    margin-right: 56px;}*/
    } 
input[type=text]:focus, input[type=radio]:focus, textarea:focus, select:focus, .wide_cal:focus .customedeatetimesin {
    border: 1px solid #ccc!important;}
.bookingbg{
    display: flex;
    justify-content: center;
}
.reservation {
    display: block !important;
}
@media screen and (max-width:1000px) {
    .bookingbg {
        display: block;
    }
    
}
.checkbut.checkavail{
    background: #00145f !important;
    color: #fff !important;
}
@media screen and (min-width:1200px) and (max-width:1400px) {
    .home_res .selectdiv {
        margin-top: 34px ;
    }
    /* #no_of_rooms, #no_of_adult, #no_of_child, #no_of_room_mobile{
        padding: 14px 0px 10px 0px !important;
    } */
    .home_res{
        bottom: -7%;
    }
}
.social-linkcss{display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;}

    .gaustroom  .white:hover {
        color: #cb650f !important;
    }
    .fa-wheelchair .white:hover{color:white;}