@font-face {
  font-family: Houfy-OpenSans;
  src: url('./medfonts/OpenSans-Regular.ttf');
  font-display: swap;
}
.form-control,select {
    -webkit-appearance: none
}
.smalltextarea {
    height:60px;
	min-height:60px !important;
	color:#222;
	font-size:16px;
}

.leftlistingmenuulnew>li:hover *,
.listingmmenuul li a:hover {
    color: #407AAA !important
}
.pricingmobile{
    display:none;
}
.modal-dialog {
    margin: 0 auto
}

.logosmall{
	display:none;
	background:url('../img/h8logo.png');
	width:28px;
	height:28px;
    background-size: cover;
}
.houfy-works-td{
    padding:10px;
}
.logosmall1{
	display:none;
	background:url('../img/h8logo.png');
	width:28px;
	height:28px;
}
.home-bottom-addls{
    padding-top: 70px;
    padding-bottom: 60px;
    background: url('../img/ski-resort.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center !important;
}
.clhome-bottom-addls{
    padding-top: 70px;
    padding-bottom: 60px;
    background: url('../img/clanventure/new-listing-clanventure.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.home-bottom-addls-cl{
    padding-top: 120px;
    padding-bottom: 110px;
    background: url('../img/clanventure/clanventure-familybeach.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.btneditprofile {
    right: 40px
}

.btneditprofilehide {
    right: 100px;
    height: 26px
}

.label-notify,
.msgcount {
    display: block
}

.lodgingsearch-form {
    position: absolute;
    top: 0;
    z-index: 2;
    margin: 0 auto;
    width: 100%
}

#rheader {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0
}

.mblock {
    float: left
}

.margin-bottom0 {
    margin-bottom: 0
}
@media screen and (max-width:1180px) {
    .modal-open{
        height:100%;
        position:relative;
    }
}
#importcalmodal{
    position:fixed !important;
}
#importcalform .col-md-12.form-group{
    clear: both;
}
.m1-activelistingitem-pic-outer{
    display:none;
}
.import-calendar-url{
    z-index:10 !important;
    border:1px solid red !important;
}
.leftlistingmenuulnew {
    list-style: none;
    margin: 0;
    padding: 0
}

.leftlistingmenuulnew>li {
    padding:5px;text-align:center;
}
.listpages{
	margin:0;
    padding:0;
}
.location-outer {
    border: 1px solid #DDD;
    margin-bottom: 15px
}

#listingpreviewsubheader,
#subheader {
    z-index: 5;
    position: relative
}

.rooffypagination>li>a {
    margin-right: 10px
}

.bottommsglist {
    margin-right: 15px
}

.nwork-area,
.work-area {
    padding-bottom: 50px
}

.work-area {
    overflow: auto
}

.nwork-area {
    left: 0;
    height: 100%;
    height: calc(100% - 111px);
    background: #FFF;
}
.d-block {
    overflow: hidden;
    height: 24px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    float: left;
}
.nwork-area.active {
    right: 214px
}

.newlistingrblock {
    padding: 15px
}
.resdetailstab {
    float: left;
    width: 100%;
    margin-bottom: 10px
}

.calendarinfoblock {
    background: #FFF;
    position: relative;
    float: left;
    right: 0;
    max-width: 320px;
    border: 1px solid #DDD;
    bottom: 0;
    margin-left: 20px
}

.msgcount {
    width: 18px;
    height: 18px;
    padding: 3.5px 2.5px;
    margin-top: -28px;
    margin-left: 15px;
    font-size: 11px;
    background: #F93E41!important
}

.pricing-block-inner.fixed {
    position: fixed;
    top: 46px
}
.filters-checkboxes.more-checkboxes {
    display: none
}

.listingmmenuul {
    padding-left: 0;
    padding-right: 0
}
.hpage-loader{
    background: #FFF;
height: 100vh;margin-top: -57px;
    padding-top: 50px;
}
.logo-min {
    float: left;
    position: relative;
    top: 0
}

.hpricingtabs,
.hsearchtabs {
    margin: 0 auto;
    position: relative
}

.lmenu {
    display: block!important
}
#searchlisting{
    float: left !important;
}
.listingmobilemenu {
    margin-bottom: 10px!important;
    width: 100%;
	background:#FFF;
}
.leftlistingmenuulnew > li > a :hover{
	color: #407AAA !important;
	background:#FFF !important;
}
.btn-profile{
    font-size: 16px !important;
    padding: 6px 6px !important;
    border: 2px solid #F93E41;
    display: inline-block;
    margin-bottom: 10px;
    min-width: 100px;
    border-radius: 12px !important;
}
.postcategoriesarea{
    height:150px;
    overflow-y:auto;
    border-bottom:1px solid #DDD;
}
.postcategoriesarea a{
    color:#222;
}
.profile-footer {
    margin-top: 20px;
    margin-bottom: 60px;
    display: block
}

.footertext {
    font-size: 12px;
    color: #888
}

.viewmobileprice5 {
    display:none;
}
.viewmobileprice {
    padding: 0 15px;
    background-color: #393C3B;
    opacity: .9;
    min-width: 80px;
    color: #FFF;
    position: absolute;
    left: 20px;
    height: 41px;
    top: -90px;
    z-index:2;
    display: none;
    font-size: 28px
}
.viewmobilepriceout-sm{
    padding:5px;
}
.viewmobilepricing {
    width: 100%;
    position: fixed
}
.viewmobilepriceout{
    width: 100%;
    position: absolute;
}
.viewmobilepriceout.fixed{
    position:fixed !important;
}
.viewmobilepriceout1{
    width: 100%;
    position: fixed;
}
.topmargin {
    margin-top: 46px
}

.viewmobilepriceout {
    right: 0px;
    z-index: 9;
    bottom: 0px;
    background: #FFF;
    padding: 10px 5px;
    border-top: 1px solid #DDD;
}

.mobilefilter,
.viewmobilepricing {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 11;
    height: 100%;
    background: #FFF
}

.mobilefilter,
.viewmobilepriceout,
.viewmobilepricing {
    display: none
}

.signincontainer {
    padding: 5px;
    float: left;
    position: relative
}

.mobilefilter {
    width: 100%!important;
    position: fixed
}

.viewmobilepricinginner {
    padding: 20px
}
.mviewpricetext-price{
    font-size: 20px;
    font-weight: 600 !important;
    color: #222;
}
.mviewprice-out {
    padding: 0 15px;
    opacity: .9;
    width: 100%;
    position: absolute;
    z-index: 9
}

.mviewprice {
    font-size: 28px;
    float: left;
    padding-left: 15px
}

.viewlistingnavtitle {
    padding-left: 0!important;
    color: #777!important
}
.viewmenu-listing{
    border-bottom:1px solid #DDD;
}
.mviewpricetext {
    font-size: 14px;
    float: right;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
}


span.rmenulines {
    width:30px;
    background: #222;
    margin-bottom: 6px;
    height: 1px;
	position:relative;
	display: block;
}
.tabs-left-list{
    float:left !important;
}
.user_panel{
    float:right !important;
    padding-right:10px;
}
.hmobilemenu{
	position:relative;
    float:left;
    width:56px;
    height:57px;
	padding-left:10px;
	display:none;
	overflow:auto;
	z-index:10;
	cursor:pointer;
}
.hmobilemenu-r{
    float:right !important;
}
.hsearchblk{
    position: relative;
    float: left;
    padding:8.5px 5px 8.5px 0;
}
.sec-menu-li{
    width: 100px;
    float: left;
    line-height: 25px;
}
.sec-menu-ul{
    list-style: none;
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 25px;
}
.notification-txt{
	padding:0px;
	float: left;
    width: 100%;
}
.notification-lefttxt{
	padding:10px 5px !important;
	text-align:left;
	display:inline-block;
	width:50%;
	color: #222 !important;
    font-weight: 300 !important;
    opacity: 1 !important;
    display: block;
	width:100%;
}
.notification-lefttxt .dmmenu-icon1{
    float: right;
}
.notification-lefttxt .dmenu_nm{
    height: 36px;
    line-height: 36px;
    display: inline-block;
}
.notification-lefttxt span{
    font-weight:bold;color:#000;font-size:20px;
}.notification-lefttxt i{
    font-size:16px;
}
.notification-righttxt{
	text-align:right;
	display:inline-block !important;
	width:50%;
	font-size:13px !important;
	color: #222 !important;
    font-weight: 300 !important;
    opacity: 1 !important;
}
.notification-righttxt:hover{
	background:#FFF !important;
	text-decoration:underline !important;
}
.leftmenu{
	margin-top:22px;
    position:relative;
    float:left;
    width:18px;
    display:block;
    margin-left:35px;
    cursor:pointer;
	display:none;
}
.view-fixed-footer{
    position: fixed;
    bottom: 13px;
    right: 10px;
    background: #FFF;
    padding: 6px;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    z-index:9;
    border: 1px solid rgba(0, 0, 0, 0.16);
}
.view-fixed-footer.inactive{
    display:none;
}
.menulines-outer{
	display: block;
    float: right;
    padding-right: 15px;
    padding-top: 20px;
	display:none;
	cursor:pointer;
}
span.menulines {
    width:24px;
    background:#FFF;
    margin-bottom: 6px;
    height: 1px;
	display:block;
}
.btn-default1{
    padding: 6px 12px !important;
    border-radius: 6px !important;
}
.btn-n1{
    padding:5px 8px !important;
    border:1px solid #ce0058;
    border-radius:6px !important;
    font-size:15px;
    font-weight:500 !important;
    transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-webkit-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-moz-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
}
.btn-n2{
    padding:5px 8px !important;
    background:#ce0058 !important;
    color:#FFF !important;
    border:1px solid #ce0058;
    border-radius:6px !important;
    font-size:15px;
    font-weight:500 !important;
    transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-webkit-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-moz-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
}
.btn-n3{
    padding:5px 8px !important;
    background:#FFF !important;
    color:#222 !important;
    border:1px solid #222;
    border-radius:6px !important;
    font-size:15px;
    font-weight:500 !important;
    transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-webkit-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-moz-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
}
.btn-n4{
    padding:8px !important;
    background:#FFF !important;
    color:#222 !important;
    border:1px solid #222;
    border-radius:6px !important;
    font-size:15px;
    font-weight:500 !important;
    transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
}
.btn-n4:hover, .btn-n4:focus{
    border:1px solid #222;
    background:#EFF0F5 !important;
}
.btn-n1:hover, .btn-n1:focus{
    color: #FFF !important;
    background:#ce0058 !important;
    border-color: #ce0058 !important;
}
.btn-n2:hover, .btn-n2:focus, .btn-n2:active{
    color: #FFF !important;background:#ad044c !important;border-color: #ad044c !important;
}
.btn-n1p8{
    padding:8px !important;
}
.btn-dropdownlines{
	padding:6px 6px 2px 6px !important;
}
.btn-droplines{
	padding:2px 8px !important;
}
span.dropdownlines {
    width:14px;
    background:#929598;
    margin-bottom:3px;
    height:1px;
    display:block;
}
.mobilemenu{
    top: 57px;
    left: -1px;
    bottom: -1px;
    position: fixed;
    right: -1px;
    display: none;
    overflow: auto;
    background: #FFF;
    z-index: 99;
    list-style: none;
    padding: 0;
}
.filter-dates-row{
	float:left;
}
.messgeslist-mobile{
    display:none;
    padding:0px 10px;
}
.headersearch{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.headersearch:focus,.headersearch:active{
	transition: 0.2s ease all;
    border: 1px solid #4D90FE;
}
.searchwidget{
	float:left;
}
.searchhoufy{
    float: left;
    padding-left: 15px;
    border:1px solid #EEE;
}
.searchhoufy.active{
    width:100%;
}
.searchwidget-block{
	float:left;
	padding:12px 0px;
}
.hguestsdropdown{
	text-align:center;
	text-align-last:center;
	padding-right:20px !important;
	height:28px !important;border-left:1px solid #DDD !important;
}
.showlogo{
	display:none;
}
.showlogo-outer{
    position: relative;
    float: left;
    height: 57px;
    padding: 14.5px 14px 14.5px 15px;
    border-right: 1px solid #EEE;
}
.searchdropdown{
    margin-top: -1px;
	padding: 10px;
	max-width:300px;
    border-radius: 0px !important;

}
.postpicwrapper {
    display: block;
    height: 200px;
    overflow: hidden;
    position: relative;
    width: 100%;
    border: 1px solid #ddd
}
.typingamessage-block{
    border: 2px solid #222;
    min-height: 40px;
    border-radius: 6px;
    overflow: auto;
}
.jscolor1{
    float: left;
    width: 100px;
    height: 20px;
    border:none !important;
    outline:none !important;
}
.jscolor1:hover, .jscolor1:focus{
    border:none !important;
    outline:none !important;
}

.edit_mappic {
    height: 150px;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat;
}
.typingamessage-block-editor{
    min-height: 40px;
    max-height: 150px;
    padding-right: 50px;
}
.messageblkbtn{
    cursor:pointer;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    display: block;
    border: none;
}
.btn-messagen{
    background: #ce0058;
    color: #FFF;
    border-radius: 50%;
    font-size: 20px;
}
.btn-messagen i{
    color:#FFF;
}
.typingamessage-block{
    width: calc(100% - 62px) !important;
    margin-left:62px;
    background:#FFF;
}
.messageblk-b1{
    position: absolute;
    bottom: 8px;width: 62px;
}
.messageblk-b2{
    position: absolute;
    bottom: 10px;
    right:15px;
}
.guide-header1{
    display:none;
}
@media screen and (max-width:360px) {
	.searchdropdown{
		margin-left:0px;
		width: 100%;
	}
}
@media screen and (min-width:800px) and (max-width:1150px) {
	.signupmenu{
		display:none !important;
	}
}

.bottomcookiepmsg .container {
    background: #FFF;
    padding: 15px;
    border-radius: 16px;
    margin-bottom: 5px;
    box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px !important;
}
.bottomcookiepmsg{
    position: fixed;
    font-size: 14px;
    bottom: 20px;
    left:0;
    z-index: 8;
    width: 100%;
    color: #222;
}
.fa-cookies-close{
    position: absolute;
    right: 0px;
    top: -3px;
    font-size: 24px;
    cursor:pointer;
}
.bottomcookiepmsg a{
    color: #222;
    font-weight: bold;
    text-decoration: underline;
}
.btn-cookie-ok{
    margin-right: 15px;
    width: 80px;
    border-radius: 5px !important;
}
.btn-cookie-learnmore{
    border-radius: 5px !important;
}
.email_steps{
    margin-top:45px;
    margin-bottom:25px;
    padding:10px;
}
@media screen and (max-width:1320px) {
    .pricing-block-outer,.pricing-block-outer.sticky{
        max-width:374px;
    }.profileinformationblock.sticky{
        max-width:358px;
    }
}
@media screen and (min-width:1321px) {
    .pricing-block-outer,.pricing-block-outer.sticky{
        max-width:374px;
    }.profileinformationblock.sticky{
        max-width:358px;
    }
}

@media screen and (max-width:991px) {
    .pricing-block-outer {
        display: none
    }
	.pricing-block-outer.mfixed{
		display:block;
	}.messageblk-b2{
        right:5px;
    }.bottomcookiepmsg{
        bottom: 75px;
    }
    .viewmobileprice5{
        background-color: rgba(34, 34, 34, 0.66) !important;
        min-width: 60px;
        color: #FFF;
        height: 40px;
        font-size: 13px;
        line-height: 13px;
        border-radius: 4px !important;
        padding: 14px;
        text-align: center;
        font-weight: 600;
        display: block;
        position: absolute;
        bottom: 15px;
        z-index: 5;
        right: 15px
    }.msmmarg-15{
        margin-top:15px;
    }
}
@media screen and (max-width:992px) {
    .calendararea {
        float: left
    }
    .bedbathtable {
        width: 100%
    }
    .viewmobileprice,
    .viewmobilepriceout {
        display: block;
    }
    .amenities-tab,
    .editlisting-tab,
    .newlisting-tab {
        width: 100%;
        float: none
    }
    .rooffy-default-skin.fixed {
        position: relative;
        height: auto
    }
    .home-map {
        height: 400px
    }
    .summary-info-text {
        text-align: center
    }
    .top-menu li:last-child {
        display: inline-block;
        margin-top: 3px
    }.email_steps{
        margin-top:15px;
    }
}

@media screen and (max-width:767px) {
    .lastcalupdatedtime {
        width: 100%
    }
    .importexportbtn{
        width: 360px;
        margin: 10px auto;
        float: none !important;
        text-align: center;
        display: block;
    }
    .addreviewbtn{
        width: 105px;
        margin: 10px auto;
        float: none !important;
        text-align: center;
        display: block;
    }
    .user_panel>li {
        float: left
    }
    .user_panel {
        margin: 0;
        float: left
    }
    .user_panel>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 20px
    }
    div.bhoechie-tab-content {
        background-color: #fff;
        padding-left: 0
    }
    .calendararea,
    .monthtitle,
    .timecal {
        width: 100%;
        clear: both
    }
    .homeinfotextinner,
    .homeinfotextinner1,
    .homeinfotextinner11 {
        padding-left: 15px;
        padding-right: 15px
    }
    .search_top {
        margin-top: 6px!important
    }
    .resp-modal{
        position: fixed;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        width: 100%;
        overflow: scroll;
        height: calc(100% - 43px);
    }.resp-footer{
        position: fixed;
        bottom: 0px;
    }
}

@media screen and (max-width:500px) {
    .header-search {
        width: 100%
    }
    .header-search>button {
        top: -10px
    }
    .amenities-tab,
    .bhoechie-tab-content,
    .newlisting-tab {
        width: 100%;
        float: none
    }
    .location-outer {
        border: none;
        margin-left: auto;
        margin-right: auto
    }
    .btngr>a {
        width: 50%
    }

}
.lazyim{
    animation: 300ms linear 0s 1 normal none running animation-1ywcqpo;
    object-fit: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    top:0;
}
@media screen and (min-width:500px) {
    .btngr>a {
        width: 25%
    }
    .btnmsg>a {
        width: 33.33%
    }
    .blueimp-gallery {
        right: 360px
    }
    .fullcommentarea {
        position: fixed;
        right: 0;
        width: 360px;
        height: 100%;
        top: 0;
        z-index: 9999999;
        background: #EFF0F5;
        display: none;
        padding: 10px
    }
}

@media screen and (min-width:1200px) {
    #calendararea,
    .logo-min {
        padding-left: 10px
    }
    .rleftaddnewlisting {
        display: none
    }
    .elistingleft {
        width: 270px!important;
        max-width: 270px!important
    }
    .elistingright {
        width: calc(100% - 275px);
        position: absolute;
        left: 275px
    }
    .eprofleft {
        width: 420px!important;
        max-width: 420px!important
    }
    .eprofright {
        width: 887px!important;
        max-width: 887px!important
    }
}

@media screen and (min-width:992px) {
    .btneditprofile,
    .btneditprofilehide {
        display: block
    }
    .padright-15 {
        padding-right: 15px
    }
    .padleft-15 {
        padding-left: 15px
    }
    .padright-10 {
        padding-right: 10px
    }
    .padleft-10 {
        padding-left: 10px
    }
    .content {
        background-color: #eff0f5;
        overflow: hidden
    }
    .subheader-nav {
        position: absolute;
        left: 50%;
        margin-left: -220px;
        width: 560px
    }
    #map-canvas2 {
        position: fixed!important;
        top: 87px;
        right: 0;
        width: calc(70% - 270px);
        bottom: 0
    }
    .nearbyleft {
        padding: 15px;
        position: fixed;
        width: 30%;
        overflow-y: scroll;
        top: 88px;
        left: 270px;
        height: calc(100% - 88px);
        background: #FFF
    }
    .subheader-li {
        width: 150px;
        text-align: center
    }
    .pagecontent {
        padding-top: 0
    }
    .bhoechie-tab-content.active {
        min-height: 852px;
    }
    .tabs33 {
        width: 33.33% !important;
    }
    .maincdiv {
        margin-top: 50px
    }
    .listingmobilemenu {
        display: none
    }
    .messages-container {
        right: 0
    }
    .messages-container.short {
        right: 320px
    }
    .messagesallcontainer {
        position: fixed;
        left: 0;
        bottom: 0;
        top: 46px
    }
    .all-messages-contacts-container {
        background: #fff;
        min-width: 320px;
        max-width: 320px;
        left: 0;
        bottom: 0;
        border: 1px solid #DDD;
        position: fixed
    }
    .Active-Message-Thread-Container {
        position: fixed;
        bottom: 0;
        left: 320px;
        right: 0
    }
    .Active-Message-Thread-Container.left {
        right: 216px
    }
    .summary-owner-img {

    }
    .searchuser{
        width:580px;
        max-width:580px;
    }
	#searchlisting{
		width: 340px;
	}
    .houfycontainerpic{
        position:absolute;
    }
    .btn-cookie-ok,.btn-cookie-learnmore{
        margin-top:15px
    }
}
@media screen and (max-width:1240px) {
	.filter-dates-row{
		display:none;
	}
}
@media screen and (min-width:1241px) {
	.filter-dates-row{
		display:block;
	}
}
.houfy-search-outer{
    float: right;
    position: absolute;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    vertical-align: middle;
    right: 6px;
    background: #FBFAFA;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    top: 10px;
    border-left: 1px solid #DDD;
}
.houfy-search-outer i{
    color: #000;
}
.houfy-searchclose-outer{
    position: absolute;
    width: 20px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    cursor: pointer;
    vertical-align: middle;
    right: 15px;
}
.headersearch{
    padding-right:25px;
}
.houfy-search{
    color: #000;
font-size: 16px;
font-weight: 200;
display: block;
line-height: 34px;
display: block;
}
.houfy-search.yes{
    font-size: 20px;
    color: #333;
}
.social-home-leftmenu.fixed{
    position: fixed;
    max-width: 360px;
}
.home-filterarea{
    padding:80px;
}
.home-filterarea-inner{
    background:#FFF;
    box-shadow: rgba(0, 0, 0, 0.117647) 0px 16px 40px 0px;
    border-radius:4px;
    width:440px;
    float:left;
    position: relative;

}.home-filterarea-inner1{
    background:#FFF;
    padding: 15px;
    z-index: 9;
    border-radius: 10px;
}
.home-filterarea-inner-toptext{
    font-size: 26px;
    font-weight: 600;
    color: #222;
    line-height: 1.37em;
}
.home-filterarea-inner-toptextm{
    display:none;
}
.houfyswidget.home-filterarea{
    padding: 10px;
}
.houfyswidget .home-filterarea-inner{
    float:none;
    display: flex;margin: 10px auto;
}
.map-btn1{
    display:none;
}
.viewmobile_map{
    background: #013C5B;
    border: none !important;
    padding: 5px 10px !important;
    font-size: 16px;
    color: #FFF !important;
    border-radius: 6px !important;
    z-index: 9999999 !important;
    width: 120px;
}
.viewmobile_map:hover{
    color: #FFF !important;
}
.headersearch{height: 38px !important;
    border-radius: 4px;}
@media screen and (min-width:990px) {
	.headersearch{width:100%;border:none;}
	.hguestsdropdown{border:none;}
}
@media screen and (max-width:990px) {
	.searchresultsinput{
		border:1px solid #DDD;
	}
}
@media screen and (min-width:701px) and (max-width:767px) {
    .home-filterarea{
        padding:10px;
    }
}
@media screen and (min-width:767px) and (max-width:991px) {
    .home-filterarea{
        padding:20px;
    }
}
@media screen and (min-width:768px) and (max-width:990px) {
	.headersearch{width:100%;
    }
}
@media screen and (max-width:991px) {
    .viewmobile_map-out{
        display:block;
    }
    .map-btn1{
        display:none !important;
    }
}
@media screen and (min-width:991px) {
    .viewmobile_map-out{
        display:none;
    }
}
@media screen and (max-width:991px) {
    #searchlisting{
        width: calc(100% - 304px);
        max-width:340px;
        border-left:1px solid #DDD;
    }
    .reservations-left{
        padding:0px 15px;
    }.rcopy_btn{
        margin-top:15px;
    }.listings-sm{
        margin:0px;
    }
    .bottomcookiepmsg .btn{
        margin-top:15px;
        width:100%;
    }
    .suitlbl1{
        text-align:center;
        margin-bottom:10px !important;
    }.suitlbl2{
        margin: auto !important;
    }.suitlbl2 .fswitch{
        margin: auto !important;
    }.suitlbl3{
        margin-top:15px !important;
    }.nform-group{margin-bottom:15px;}.pricingmobile{display:block}.pricingsright{display:none;}
    .social-home-leftmenu{display:none;}
    .vfilters-bottom{display:none;}
    .viewmenu-outer5 .viewmenu{padding: 5px;}
    .home-filterarea-inner-toptext{
        font-size: 22px;
    }.view-fixed-footer{
        display:none;
    }
    .viewmobile_map-out{
        position: fixed;
        bottom: 70px;
        z-index: 9 !important;
        left: 0px;
        right: 0px;
        text-align:center;
    }
    .viewmobilepriceout.mobile-maphide,.nwork-area.mobile-maphide{
        display: none !important
    }
}
@media screen and (max-width:768px) {
	.home_text{padding-top:20px !important;}
	.headersearch{
        width:100%;
    }
	.hsearchblk{
        float:left;
        position:relative;
        /*width: calc(100% - 116px);*/
    }
    #searchlisting{
        width: calc(100% - 304px);
    }
	.searchwidget{
		width:100%;
		width: calc( 100% - 82px ) !important;
	}
	.searchwidget-block{
		width:33.33%;
	}
}
.searchw1.nonactive{
	width:150px !important;
}
.searchw3.nonactive{
	width:100px !important;
}
.searchw2.nonactive{
	width:190px !important;
}.create-top-btn-mobile{
    display:none;
}.msgsingleitem{
    margin-bottom:10px;
}
@media screen and (min-height:768px) {
    .cover-image {
        height: 500px;
        float: left
    }
    div.bhoechie-tab-content {
        background-color: #fff;
        padding-left: 20px
    }
}

@media screen and (min-width:520px) {
    .maincdiv.left {
        margin-right: 216px
    }
    .searchuser {
        min-width: 355px;
    }
    .btn-homemenudrop {
        padding: 3px 15px
    }
    #messages1>.msgsingleitem>.msgitem>.msg-bodyouter>.msg-header>.pull-left.msg-avatar {
        left: 20px!important
    }
    #messages1>.msgsingleitem>.msgitem>.msg-bodyouter>.msg-header>.pull-right.msg-avatar {
        right: 20px!important
    }
    #messages1>.msgsingleitem>.msgitem>.msg-bodyouter>.msg-header>.msgtextright {
        margin-left: 100px!important
    }
    #messages1>.msgsingleitem>.msgitem>.msg-bodyouter>.msg-header>.msgtextleft {
        margin-right: 100px!important
    }
}

@media screen and (max-width:992px) {
    .MessageContactName-container,
    .listingleftmenu,
    .message-content-container,
    .msgtabsouter,
    .name-container,
    .panel-profile,
    .profile-footer,
    .profileleftcontainer {
        display: none
    }
    .leftlistingmenuulnew li,
    .listingmmenu-header {
        width: 100%
    }
    .list-view-row {
        clear: both;
        width: 100%
    }
    .amenities-tab,
    .editlisting-tab,
    .newlisting-tab {
        width: 100%;
        float: none
    }
    .filter-dates-block {
        float: left;
        padding: 10px
    }
    .price-range-slider {
        padding: 0 10px
    }
    .filter-bedrooms {
        clear: both;
        padding: 10px
    }
    .leftlistingmenuulnew {
        width: 100%
    }
    .filter-show-result {
        margin: 10px 16.66%;
        padding-bottom: 40px
    }
    .filter-title {
        text-align: center
    }
    .rooffy-default-skin.fixed {
        position: relative;
        height: auto
    }
    .home-map {
        height: 400px
    }
    .listing-tn-container {
        width: 100%
    }
    .listing-title-outer {
        clear: both;
        width: 100%
    }
    .listing-facilities {
        width: 100%;
        /*margin-bottom: 20px;*/
        float: left
    }
    .listing-single {
        float: left
    }
    .filter-input {
        margin-bottom: 10px
    }
    .col-md-1.filter-angle-container,
    .filters-checkboxes {
        clear: both
    }
    .filter-bed-row {
        float: left;
        width: 100%;
        margin-bottom: 15px
    }
    .price-range-text {
        clear: both;
        width: 100%
    }
    .guestsblock {
        clear: both
    }
    .dates-block {
        padding: 10px
    }
    .ownerpicouter {
        width: 100%
    }
    .guide-owner-pic{
        margin-bottom:15px;
    }
    .btn-search {
        margin: 0;
        width: 100%
    }
    .guestsblockinner {
        margin-top: 0!important
    }
    .Active-Message-Thread-Container {
        position: fixed;
        bottom: 0;
        left: 90px;
        right: 0
    }
    .all-messages-contacts-container {
        background: #fff;
        position: fixed;
        width: 90px;
        left: 0;
        bottom: 0;
        border: 1px solid #DDD
    }
    .messages-container {
        right: 0
    }
    .message-info-container {
        left: 0
    }
}

@media screen and (max-width:865px) {
    .logo-min {
        display: none
    }
    .headerli {
        display: none!important
    }
    .header-search {
        width: 70%;
        float: left
    }
}

@media screen and (min-width:865px) {
    .header-search {
        position: relative;
        float: left;
        width: 345px
    }
    .headerli {
        display: block
    }
}

@media screen and (max-width:767px) {
    .user_panel>li {
        float: left
    }
    .navbar .navbar-right {
        float: right;
    }
    div.bhoechie-tab-content {
        background-color: #fff;
        padding-left: 0
    }
    .about-info {
        position: relative;
        clear: both
    }
    .homerightmenu {
        display: none
    }
}

@media screen and (max-width:480px) {
	.viewambtngroup{
		width:100%;
	}
}
@media screen and (max-width:768px) {
    .reviewsblock {
        width: 100%;
        margin-bottom: 5px
    }
    .namenities-tab,
    .rtab {
        padding: 4px 2px
    }
    .input-lodging {
        margin-top: 5px
    }
    .calmonthview {
        width: 100%;
        float: left
    }
    .summary-middle {
        text-align: center
    }
    .header-search {
        width: 65%
    }
    .home-header-search {
        width: 85%
    }
    .lisearchinput {
        width: 385px
    }
    .listforfreebtn {
        display: none
    }
    .signuptext {
        clear: both;
        width: 100%;
        display: block
    }
    .searchli {
        margin-top: 2px
    }
    .search_top {
        margin-top: 6px
    }
    .search_top_outer {
        position: absolute!important;
        right: 130px;
        width: 80%;
        width: calc(100% - 215px)
    }
    .rooffypagination>li>a {
        margin-right: 6px
    }
    .roofforu {
        top: 40px
    }
    .suitswitch {
        margin-right: 25px
    }
	.search-dates-row{
		position: absolute;
		top: 62px;
		left: 0px;
		z-index: 9999;
		right: 0px;
	}
	.user-menu:last-child > a{
		padding:0px 12.5px;
	}
	.postpicwrapper{
		height:150px;
	}
    .h-mobile-modal{
        background: #FFF !important;
        /*position: fixed !important;
        top: 0px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        overflow: auto;*/
    }
    .activelistingitem-pic{
        height: 150px !important;
    }
    .h-mobile-modal-header{
        background: #FFF;
        border-bottom: 1px solid #DDD;
        position: fixed !important;
        top: 0px;
        left: 0px;
        right: 0px;
    }.h-mobile-modal-body{
        position: fixed !important;
        top: 42px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        overflow: auto;
    }
    .h-mobile-modal-body.withstickyfooter{
        bottom: 59px;
    }
    .houfy-popupbtnarea.sticky{
        position: fixed;
        bottom: 0px;
        padding: 10px;
        left: 0px;
    }
    .h-mobile-modal .popupbtnarea{
        border-bottom:1px solid #DDD;
    }
}
.profile-top-left{
    width:40px !important;
}
.profile-post-sub{
    padding-left: 10px;
}
.profile-post-name strong,.profile-post-name{
    font-size:16px !important;
    color:#222 !important;
    cursor:pointer;
    font-weight:600;
    line-height: 18px;
    height: 18px;
    float: left;
    display: block;
}
.profile-post-name:hover, .profile-post-name:focus{
    text-decoration:underline;
}
.profile-top-right{
    width: calc(100% - 40px) !important;
    float: right;
}.profile-postnameblk{
    padding:2px 0;
}
@media screen and (max-width:520px) {
    .chatsidebar {
        display: none!important
    }
    .header-search {
        width: 65%;
        float: none;
        float: left
    }
    .home-header-search {
        width: 85%
    }
    .header-search>button {
        top: -10px
    }
    .amenities-tab,
    .bhoechie-tab-content,
    .newlisting-tab {
        width: 100%;
        float: none
    }
    .col-xs-1.tvh-user.pull-left,
    .tv-header>.col-xs-1 {
        min-width: 40px !important
    }
    .commentsli>.col-xs-10 {
        width: 75%
    }
    .rooffy-default-skin.fixed {
        position: relative
    }
    #results {
        clear: both;
        width: 100%
    }
    .listing-tn-container {
        width: 100%
    }
    .listing-title-outer {
        clear: both;
        width: 100%
    }
    .listing-facilities {
        float: left;
        width: 100%;
        /*margin-bottom: 20px;*/
    }
    .listing-single {
        width: 100%!important
    }
    .chat-global-container {
        display: none
    }
    .lisearchinput {
        width: 285px
    }
    .searchuser {
        left: 0;
        right: 0
    }
    .signincontainer {
        width: 100%;
        margin: 0;
        padding: 10px 20px
    }
}

@media screen and (min-width:520px) and (max-width:767px) {
    .signincontainer {
        width: 50%;
        margin-left: 25%;
        margin-right: 25%
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .signincontainer {
        width: 70%;
        margin-left: 15%;
        margin-right: 15%
    }

}

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

@media screen and (min-width:1200px) {
    .logo-min {
        padding-left: 10px
    }
}

@media screen and (min-width:992px) {
    .filtersbottom.fixed {
        position: fixed;
        top:106px;
        bottom:-80px;
        right: 0!important;
        z-index: 99;
        background: #fff;
        overflow-y: auto;
        left: 0px;
        padding: 15px;
        width: 58.33333333%
    }

    .filter-show-result {
        margin: 0 33.33%
    }
    .filters-checkboxes {
        padding: 7.5px
    }
    .filters-checkboxes.more-checkboxes {
        border-bottom: 1px solid #e8e8e8
    }
    .rooffy-default-skin.fixed {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        height: 100%
    }
    .content {
        background-color: #eff0f5;
        overflow: hidden
    }
    .subheader-nav {
        position: absolute;
        left: 50%;
        margin-left: -220px;
        width: 560px
    }
    .subheader-li {
        width: 150px;
        text-align: center
    }
    .pagecontent {
        padding-top: 0;
        padding-left:15px;
        padding-right:15px;
    }
    .bhoechie-tab-content.active,.h-tab-content.active {
        min-height: 852px
    }
    .tabs33 {
        width: 33.33%!important
    }
    .maincdiv {
        margin-top: 50px
    }
    .lodgingsearch-outer {
        position: absolute;
        top: 80px
    }
    .message-info-container {
        width: 320px
    }
    .show_exact{
        margin-bottom:2px;
    }
    .dform-group{
        margin-bottom:15px;
    }.nform-group1{
        padding: 0px 15px 0px 0px;
    }
}
.pagecontent {
	margin-bottom:40px;
}
.listing-add{border:1px solid #DDD;padding:20px 0px;}
.aboutinfo,
.discdiv,
.maindiv {
    border-bottom: 1px solid #ddd
}

@media screen and (min-height:500px) {
    .cover-image {
        height: 380px;
        float: left
    }
}

@media screen and (max-height:900px) {
    .rvalign-helper-center {
        vertical-align: middle
    }
}

@media screen and (min-height:900px) {
    .rvalign-helper-center {
        top: 30%
    }
}

@media (min-width:768px) {
    .homebtn {
        display: block
    }
    .listofusers li {
        padding: 0 14px 0 10px
    }
    .lmenuitems {
        display: none!important
    }
    .lodgingsearch-form {
        top: 50px
    }
    .homerightmenu {
        display: block
    }
    .about-info {
        position: absolute;
        bottom: 0
    }
    .homenameinputs-left {
        padding-left: 7px!important
    }
    .homenameinputs-right {
        padding-right: 7px!important
    }
    .verify-text {
        padding-left: 25px
    }
    .share-block-listing {
        margin-left: 10px;
        margin-right: 10px
    }
    .rleftaddnewlisting {
        padding-top: 5px
    }
    .modal-dialog.large {
        width: 500px!important;
        margin: 0 auto
    }
    .search_input_text {
        min-width: 385px
    }
    .search_top_outer {
        width: 320px
    }
    .namenities-tab,
    .rtab {
        padding: 5px 8.5px
    }
	.search-dates-row{
		display:block;
	}
	.searchwidget{
		width:590px;
	}
	#searchw1{
		width:180px;
	}
	#searchw2{
		width:220px;
	}
	#searchw3{
		width:140px;
	}
	.searchw1.active,.searchw2.active,.searchw3.active{
		width:300px !important;
	}
}
@media screen and (min-height:768px) {
    .cover-image {
        height: 500px;
        float: left
    }
    div.bhoechie-tab-content {
        background-color: #fff;
        padding-left: 20px
    }
    .workarea {
        overflow-y: scroll
    }
}
.homesearchblock{
    border: 1px solid #F7F7F7 !important;
    border-radius: 12px !important;
    background-color: #FFFFFF !important;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3) !important;
    color: #222222 !important;
}
.homesearchblockout{
    margin-bottom: 60px;
    padding-top:10px;
}
.homesearchblock1,.homesearchblock2,.homesearchblock3{
    width:30%;
}
.homesearchblock1,.homesearchblock2{
    border-right:1px solid #EEE;
}
.homesearchblock .DateInput.start{
    border-right:none;
}
.homesearchblock1 .search-input{
    border: none;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.homesearchblock1.rl{
    width:80%;
}
.homesearchblock4.rl{
    width:20%;
}
.homesearchblock4{
    width:10%;
    padding: 3.5px;
}
.tabhome {
    float: left;
    padding: 10px 0px 5px 0px;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    color: #FFF;
    margin-right: 30px;
}
.tabhome:hover,.tabhome:focus{
    opacity:0.8;
}
.tabhome.active:hover,.tabhome.active:focus{
    opacity:1;
}
.tabhome.active {
    border-color:#FFF;
}
.tabs-left{
    padding:11px 0px;
    float: left;
}
.user_panel > li > a,.tabs-left > a{
    font-size: 16px;
    line-height: 21px;
    padding: 0px 14px;
    cursor: pointer;
    letter-spacing: 0.2px;
    font-weight: normal;
    color: #000;
}
.lschoose-menu{font-size:14px !important;line-height:52px !important;font-weight:200 !important;padding:1px 2px!important;border:1px solid #FFF;display: block !important;float:right;}
.lschoose-menu1{font-size:15px !important;line-height:32px !important;padding:1px 5px!important;border:1px solid #FFF;display: block !important;float:right;color:#222;}
.lschoose-menu:hover{border-bottom:1px solid #0D679E;background:#F6F6F6;}
.lschoose-menu1:hover{background:#F6F6F6;}
.lschoosemenu-pic{display: block;background-size:cover !important;width:36px;height:36px;}
.houfylimenu-space{height:20px;}
.houfylimenu-line1{height:10px;border-bottom:1px solid #DCE0E0;}
.houfylimenu-line2{height:10px;}
.houfylimenu-inner a{display:block;}
.leftmenu-mobile a{font-size:14px;font-weight:normal;;color:#000;}
.step-progress{display:block !important;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #38c2e8; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background:#1387A7; border-radius: 50px; position: absolute; top: 8px; left: 8px; }
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;background:#EBEBEB;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background:#1387A7;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color:#EBEBEB;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
.btnlsfree {
    color: #FFF
}

.btn-group>a>.rtab {
    width: 100%
}

.nvd3-svg {
    margin: 0 auto
}

.about-info {
    width: 100%;
    padding: 15px 30px
}

.aboutnav>li {
    border-left: 2px solid #FFF
}

.aboutnav>li.active {
    border-left: 2px solid #407aaa
}

.followbtngrp {
    padding-top: 30px
}

.maindiv {
    padding: 20px
}

.sm-select:before {
    padding-top: .3em !important;
}
.discdiv {
    padding: 10px;
    text-align: left
}
.btn-group > .btn {
    padding: 6px;
    color: #222;
}
.pageinfodiv {
    padding: 15px;
    border-left: 1px solid #ddd
}

.aboutdetailsection {
    display: none
}

.abtlink:hover {
    text-decoration: underline
}

.panel-about {
    background: #EFF0F5;
    padding: 10px 10px 10px 15px;
    text-align: left;
    margin-bottom: 0;
    font-size: 14px!important
}

.socialconnect {
    background: #355A81;
    color: #FFF;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    float: left;
    text-align: center;
    padding-top: 5px;
    font-size: 22px
}

.btnlsfree,
.btnlsmfree {
    font-size: 18px!important
}

.aboutdetailsection.active {
    display: block
}

.aboutmenu.active {
    border-left: 2px solid #355a81
}

.btnlsfree {
    background: 0 0
}

.btnlsfree:hover,
.btnlsmfree:hover {
    color: #003c62;
    background: #FFF
}

.btnlsmfree {
    color: #003c62
}
.bluebackground {
    background: radial-gradient(circle at center, #0e3a51 0, #000 100%) 0 0/100% 100% no-repeat, #000;
    min-height: 580px
}

.aboutmenu {
    border: 2px solid #fff
}
.comments>.commentsli {
    float: left;
    padding:5px 5px 5px 10px;
    width: 100%;
	min-height:50px;
	text-overflow: ellipsis;
}
.commentsli{
    padding:0px 2px;
}
.commentsli-inside{
	min-height:50px;
}

.singlepostitem .commentsli-inside{
    min-height: 50px;
padding-bottom: 20px;
border-bottom: 1px solid #EEE;
}
.reply-comm{
    padding: 5px 0 5px 40px;width: calc(100% - 10px);
}
.comments.visible >.commentsli {
	position:relative;
}

.editcommentarea {
    display: none
}

.cancelcomment,
.cancelpost {
    color: #3071A9
}

.donepost {
    width: 100%;
    border: 2px solid #ddd
}

.editpostbtnarea {
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    float: left;
    width: 100%;
    padding: 5px
}

.editcommbtnarea {
    padding: 5px
}

.btn-homesmall,
.editpostbtncancel,
.editpostbtnsave {
    padding: 2px 4px
}
.editpostbtn{
    padding: 5px 10px !important;
    border-radius: 6px;
    font-size:16px !important;
    opacity:1 !important;
    display: block;
    width: 100%
}
.editpostbtn i{
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    background: #D8DADF;
    border-radius: 50%;
    color: #000;
}.editpostbtn span{
    padding-left:10px;font-size:16px !important;
    font-weight: 400;
    color: #222;
}
.editpostbtn:hover, .editpostbtn:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;

}
.postreview {
    border: 1px solid orange!important;
    color: orange
}

.editinfo {
    min-height: 30px;
    text-align: center
}

.edituserinfo {
    color: #3071A9
}

.savechanges {
    margin-right: 5px
}

.usertextarea {
    height: 100px;
    resize: none
}

.profilemenu {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.searchitem,
.searchlisting {
    border-bottom: 1px solid #ddd;
    padding: 5px 10px
}

.postmenu {
    border: 1px solid #ddd
}

.searchlistingimage,
.searchuserimage {
    border-radius: 50%;
    height: 40px;
    vertical-align: top
}
.lv-title{
    width:100%;
    display:block;
}.lv-title a{
    display:block;
    width:100%;
}
.searchuser {
    position: absolute;
    top:56px;
    background: #FFF;
    z-index: 10;
    max-height: 450px;
    overflow: auto;
    border:1px solid #DDD;
    border-radius:4px;
    box-shadow:0px 4px 8px rgba(0, 0, 0, 0.3) !important;
}
.searchuserabs{
    background: rgb(255, 255, 255);
    z-index: 8;
    overflow: auto;
    border: 1px solid #EEE;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.home-filterarea-inner .searchuserabs{
    border:1px solid #DDD;
}
.searchuserimage {
    width: 40px
}

.lv-small {
    color: #a9a9a9;
    display: block;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%
}
.searchitemauto1 {
    background:#FFF;
    cursor:pointer;
    text-align:left;
    min-height: 40px;
    overflow:hidden;
    padding:5px 10px;
}
.searchitemauto1 a, .searchitemauto a{
    display:block;
}
.searchitemauto {
    background:#FFF;
    cursor:pointer;
    text-align:left;
    min-height: 40px;
    line-height: 40px;
    overflow:hidden;
    padding:5px 10px;
    height: 50px;
    text-overflow: ellipsis;
}
.searchitemauto:hover,.searchitemauto1:hover{
    background:#F2F2F2;
}
.searchitem {
    text-align:left;
    border-bottom: 1px solid #ddd;
}
.marginright10{margin-right:10px;}.notifitab{box-shadow:inset 0 -2px 0 0 #eeeeee;}.listnone{list-style:none;}
.brblue-outer{background:#0D679E;color: #FFF;}
#pricing_table_msg, .pricing_table_msg,
.bottomsignupmsg,
.pmitem,
.popuptitle,
.select:before,
.share-block-listing,
.summary-owner-img,
.summary-right_0001,
.summary-right_0002,
.summary-right_0003 {
    text-align: center
}

.searchlistingimage {
    width: 40px
}

.category {
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
    float: left;
    width: 100%;
    padding: 5px 5px 0
}

.singlecategory {
    border-bottom: 1px solid #ececec;
    float: left;
    padding: 10px;
    width: 100%;
    border-left: 2px solid #FFF
}

.chatsidebar {
    background-color: #fff;
    border-left: 1px solid #DDD;
    height: 100%;
    position: fixed;
    top: 46px;
    right: 0;
    z-index: 19;
    width: 215px;
    display: none
}

.chatsidebar.active,
.singlefriend {
    display: block
}

.search_friends {
    border: none;
    border-bottom: 1px solid #ddd
}

.singlefriend:hover {
    border-bottom: none!important;
    background: #E1E2E5
}

.searchfriendinput {
    position: relative;
    vertical-align: top
}

.sidebarfriendstatus {
    padding: 5px
}
.singlefriend-wrapper {
    padding: 5px 10px
}
.reviews-profile{
    width: 60px;
}
.reviews-body{
    width:calc( 100% - 80px);
    padding-left:20px;
}
.friend-title {
    padding: 6px 5px;
    overflow: hidden
}

.signlefriend-name {
    display: block;
    float: left;
    height: 20px;
    overflow: hidden;
    width: 100px;
    font-size: 16px
}

html {
    background:#FFF;
}

body {
    color: #222;
    font-size: 16px;
	font-weight:400;
    overflow-x:hidden !important;
    -webkit-overflow-scrolling: touch
}
b, strong{
    color:#222;
}
.modal {
    padding: 0!important
}


.searchusers_outer {
    float: right;
    width: 100%
}

.search_outer {
    float: right;
    width: 90%;
    display: none
}

.headernavbar {
    background:#FFF;
    min-height:57px;
    height:57px;
    box-shadow:0 1px 2px #0000001a;
}
.headernavbar1{
    background:#FFF;
    min-height:57px;
    height:57px;box-shadow:0 1px 2px #0000001a;
}
.rheader-inner{
    /*border-bottom: 1px solid #DDD;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD;*/
}
.otherpage {
    padding: 10px 30px!important
}

.header-search>button {
    background: #EFF0F5;
    border: 1px solid #EFF0F5;
    color: #2e2e32;
    font-size: 14px;
    height: 28px;
    margin: 9px 0;
    position: absolute;
    right: 1px;
    top: 0;
    width: 30px
}
#msearchbtn {
    z-index: 10
}

.msearchbtn {
    padding: 5px 20px;
    border: none;
    float: left;
    padding-bottom: 4px!important
}

.searchusers_outer {
    display: none
}

.searchimage {
    width: 16.666%;
}
.searchpageimage{
    width:65px;
}
.searchpageimage-right{
    width:80%;
    width:calc(100% - 65px);
    float: right;
}
.search_input_text,
.search_location {
    line-height: normal;
    margin-top: 6px;
    width: 100%
}

.msgsearchbtn {
    padding: 5px 20px;
    border: none;
    float: left;
    padding-bottom: 4px!important
}

.search_input_text {
    background: #fff;
    border: 1px solid #bfbfbf!important;
    border-radius: 0;
    box-sizing: border-box;
    color: #404040;
    display: block;
    height: 30px;
    outline: 0;
    padding: 0 10px;
    font-weight: 400;
    margin-bottom: 4px
}

.search_top_outer {
    display: none;
    margin-right: 10px
}

.homebtn {
    float: left;
    padding: 7px 15px;
    display: block
}

.homebtn:hover {
    background: #FFF
}

.search_location {
    background: #fff;
    border: 1px solid rgb(221, 221, 221) !important;
    border-radius: 0;
    box-sizing: border-box;
    display: block;
    height: 34px;
    outline: 0;
    padding: 0 10px
}

#helpicon {
    padding: 6px 15px
}

.hnav-header,
.hnav-searchbar {
    padding-top: 3px;
    position: relative;
    float: left
}

.hnav-header a,
.logo-container a,
.rleftaddnewlisting a {
	color: #407AAA;
    font-size: 33px;
    font-weight: bold;
    font-family: Times new roman;
}

.lgooutheader {
    padding:9px 6px 9px 6px;
}.lgooutheader1{
    padding:11.5px 8px 15.5px 14px;
}
.pagelogouthead{
	width:auto;
}

.hnav-searchbar {
    padding-bottom: 3px;
    margin-left: 20px
}

.fa.fa-question {
    color: #888;
    font-size: 20px;
    margin-top: 2px
}
.user-menu:focus,
.user-menu:hover {
}

.subheader-nav li a {
    font-size: 13px
}

select::-ms-expand {
    display: none
}

.select {
    position: relative;
    display: inline-block;
    vertical-align: bottom
}

.selecttype1:before {
    top: 3px
}

.selecttype2:before {
    top: 5px
}

.selecttype3:before {
    top: 0
}

.select:before {
    content: '\25bc';
    position: absolute;
    pointer-events: none;
    color: #222;
    bottom: 1px;
    line-height:32px;
    right: 0;
    width: 2em;
    transform: scale(.84, .42);
    -webkit-transform: scale(.84, .42);
    -moz-transform: scale(.84, .42);
    -ms-transform: scale(.84, .42);
    -o-transform: scale(.84, .42);
    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.84, M12=0, M21=0, M22=0.42, SizingMethod='auto expand')";
}

.lselect,
.rselect,.filterselect,.input-overview-select{
    padding-left: 5px;
    color: #222!important;
    font-size: 16px !important;
}
.filterselect{
	height:28px;
}
.select-block {
    display: block;
    width: 100%
}
.tselect:before {
    line-height:unset;
    top:0px;
}
.select-large {
    font-size: 16px
}

.select-large select {
    padding-top: 10px;
    padding-bottom: 10px
}

@-moz-document url-prefix() {
    select {
        padding-top: 0px;
        padding-bottom: 0px
    }
}
select{
    color:#222;
    -moz-appearance:none;
}

.ie .select select {
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 0
}

.ie .select-large select {
    padding-top: 9px;
    padding-bottom: 9px
}

select {
    background: #fff !important;
    width: 100%;
    height: 38px;-webkit-appearance: none;
}

.guestselect {
    height:45px;
}
.smiles-popup{
	position:absolute;
    width:238px;
    height:200px;
    top:35px;
    background:#FFF;
    border:1px solid #DDD;
	display:none;padding:10px;
    border-radius: 4px;
	z-index:11;
}
.smilies-icon{font-size:16px !important;color:#222;}.btn-smilies{margin-left:5px;}
.smiley-large{width:32px;height:32px}.smiley-small{width:16px;height:16px;background-size:cover;display:inline-block;}
.emoji-iconpopup{font-style:normal;font-size: 24px;}
.emojis_outer{float:left;margin-right:1px;padding:1px;}

.smiles-popup.active{
	display:block;
}
.lselect {
    padding-top: 4px;
    padding-bottom: 4px
}

.rselect {
    padding-top: 8px;
    padding-bottom: 8px
}

#posttext {
    min-height: 80px;
    overflow: hidden;
    resize: none;
    font-size: 16px
}

.editcommenttextval {
    overflow: hidden;
    resize: none
}

#homenavbar {
    border-radius: 0;
    box-shadow: inset 0 -1px 0 0 #DDD
}

#profiletopnav {
    padding-left: 0
}

.profile-nav-right {
    padding-right: 5px
}

.homenav {
    padding: 10px 20px 0
}

.btn {
    border-radius: 2px
}

.navbar-white {
    background: #F5F5F5;
    border: none
}

.pmitem {
    min-width: 100px
}

.pmitem.active {
    border-bottom: 2px solid #003C62;
    background: #F5F5F5!important
}

.listingleftmenu {
    margin-bottom: 10px
}

.listingpriceblock-inner.mobilefixed {
    display: block;
    position: fixed;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    bottom: 0!important;
    margin: 0!important;
    overflow-y: scroll;
    background: #FFF;
    z-index: 99999999999999;
    -webkit-overflow-scrolling: touch;
    backface-visibility: hidden
}

.removebedicon,
.removebedroomicon {
    display: none
}

.datepicker.dropdown-menu {
    z-index: 99
}

body.overflowhidden {
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    max-height: 100%;
    position: fixed
}

.zoom-icon {
    font-size: 22px
}

.btn-homemenudrop {
    color: #929598;
    border-radius: 3px;
    border: 1px solid #EEE;
}

.dropdown-menu>li>a {
    font-size: 13px
}

.btn-homemenudrop:hover {
    background: #929598;
}
.msg-upload-filename{
    margin-top: 10px;
    width: 100px;
    height: 69px;
    overflow: hidden;
    text-overflow: ellipsis;
    float: left;
    border: 2px dashed #DDD;
}
.hdoc-icon{
	font-size:24px !important;
	color:#222;
}
.btn-homemenudrop:focus {
    outline: 0
}

.btn-homeprivacy {
    padding: 9.5px 15px !important;
    font-size: 16px;border-left: 1px solid #DDD;
    cursor:pointer;
}

.btn-xlg,
.post-dropdown-menu {
    min-width: 100px
}

.homemenudropright {
    padding: 5px
}

.subheader-li>a:hover {
    opacity: 1;
    color: #407AAA!important
}

.panel-default>.panel-heading .badge {
    background:#F5F5F5;
    color:#222;
    font-weight:normal;
	margin-top: 2px;
}

.subheader-nav>li>a::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    transform: scale(0);
    transition: all 250ms ease 0s;
    width: 100%
}

.subheader-li.active>a {
    color: #407AAA!important;
    background: #FFF!important
}

.bottomsignupmsg,
.btn-danger {
    background-color: #e50023;
}
.btneditlisting{
    background-color: red;
    border-color: red;
}
.btn-danger{
    font-size:18px;
}
.navbar {
    margin-bottom: 0
}

.label {
    border-radius: 50%
}

.text-color1 {
    color: #FE787C;
}
.fa-question-circle{
    font-size: 18px;
    color: #83898B;
    cursor: pointer;
}
.pricing-subtitle1{
	letter-spacing:1px;
	color:#FE787C;
	font-weight:500;
    font-size:16px;
}
.btnlight{
	font-size:14px;
    font-weight: 200 !important;
    margin-right: 15px;
}
.text-color3 {
	color:#1876f2;
    font-weight: 400;
}
.text-color4 {
	color:#000;
    font-weight:400;
}
.tab-default{
	background: #FFF !important;
    color:#222 !important;
    border-bottom:1px solid #DDD;
}
.tab-blue{
	background: #355A81 !important;
    color:#FFF !important;
    border-bottom:1px solid #DDD;
}
.tab-danger{
	background:#F93E41 !important;
	color:#FFF !important;
}
.popupbtnarea {
    float: right;
    background: #FFF;
}
.popupbtnarea a {
    padding: 10px 25px;
    display: block;
    float: right;
    cursor: pointer;
}
.hbtn-default{
    padding: 10px 25px;
    display: block;
    float: right;
    cursor: pointer;
    border: 1px solid #DDD;
    font-size: 18px;
    margin-right: 15px;
    border-radius: 4px;
}
.btn-sharehost{
    position: absolute;
    top: 12px;
    right: 8px;
    height: 46px;
    width: 92px;
    border-radius: 6px;
}
.btn-copysharehost{
    position: absolute;
    right: 120px;
    top: 12px;
    line-height: 46px;
    font-weight: bold;
    cursor: pointer;
}
.copy_text_mbtn1{
    border: 1px solid #013C5C !important;
    width: 92px;
    border-radius: 6px;
    display:inline-block;
    height:50px;
}
.btn-copysharehost:hover, .btn-copysharehost:focus{
    text-decoration: underline;
}
.fixed_invite_msg{
    display: none;
}
.fixed_invite_msg.active{
    position: fixed;
    left: 0px;
    right: 0px;
    border-bottom: 1px solid #DDD;
    z-index: 9;
    background: #FFF;
    padding: 10px;
    display: block;
}
.hbtn-primary{
    padding: 10px 25px;
    display: block;
    float: right;
    cursor: pointer;
    background: #3e98c7 !important;
    border: 1px solid #3e98c7;
    color: #FFF;
    font-size: 18px;
    border-radius: 4px;
}
.hbtn-default:hover,.hbtn-default:focus{
    background: #EFF0F5;
}
.hbtn-primary:hover,.hbtn-primary:focus{
    background: #3071a9;
}
.popupbtnarea a.primary {
    color: #fff;
    background: #013C5C !important;
    font-weight: bold;
}
.popupbtnarea a.primary:hover{
    background-color: #285e8e;
}
.popupbtnarea a.danger {
    color: #fff;
    font-weight: bold;
    background: #F93E41 !important;
}
.popupbtnarea a.danger:hover{
    background-color: #e56462;
}
.popupbtnarea a.danger.pull-left{
    border-left:none !important;
}
.pbtnarea a{
    padding: 10px 25px;
    display: block;
    background: #FFF;
    border: 1px solid #DDD;
    cursor: pointer;
    margin: 15px auto;
    width: 140px;
    border-radius: 6px;
    font-weight: bold;
}
.popupbtnarea.btnareainside{
    border:1px solid #DDD;
}
.text-color2 {
    color: #1876f2;
    font-weight: 400
}

.searchaddnew {
    display: block;
    line-height: 300px;
	color:#1876f2;
	text-align:center;
}

.txt-color1 {
    color: #FE787C
}
.txt-color2 {
    color: #587272!important
}
.txt-color3{
	color:#1387A7 !important;
}
.bottomsignupmsg {
    position: fixed;
    width: 100%;
    left: 0;
    padding:5px;
    color: #FFF;
    font-size: 16px;
    bottom: 0;
    z-index: 99999999999
}
.bottomsignupmsg span {
    font-size: 13px;
}

.msgloginbtn {
    margin-left: 15px;
    margin-right: 15px;
    background: #FFF;
    border-color: #FFF;
    color: #F93E41
}

.msgloginbtn:focus,
.msgloginbtn:hover {
    background: #FFF!important;
    border-color: #FFF!important;
    color: #F93E41!important
}

.msgsignupbtn {
    color:#F93E41;
	margin-right:20px;
}

.btn-lstype {
    height: 42px;
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    background: #EFF0F5!important;
    box-shadow: none!important
}

.btn-lstypeout {
    display: block;
    float: left
}

.btn-lstype.active {
    background: #FFF!important;
    border-bottom: 3px solid #407AAA
}

.msgsignupbtn:focus,
.msgsignupbtn:hover {
    background: #FFF!important;
    border-color: #FFF!important;
    color: #F93E41!important
}

.btn-danger:hover {
    background-color:#AD081A;
}

.margin-top-15 {
    margin-top: 13px
}

.pad5 {
    padding: 0 10px
}

.padding5 {
    padding: 10px
}

.padding10,
.padding15 {
    padding: 10px 20px
}

.pad-15 {
    padding: 15px 20px
}

.margin15 {
    margin: 15px 5px
}

.padding15 {
    padding: 0 15px
}

.margin-bottom-20 {
    margin-bottom: 20px!important
}

.margin-5 {
    margin-top: 5px!important;
    margin-bottom: 5px!important
}

.margin-bottom-10 {
    margin-bottom: 10px!important
}
.margin-bottom-5 {
    margin-bottom: 5px!important
}
#login {
    background: #FFF
}
.pricing-title{
	text-transform:uppercase;
	font-weight:200;
	letter-spacing: 2px;
    font-size: 28px;
    color: #000;
}
.commentsli.active{
    transition:0.4s;
}
.pricing-subtitle{
	letter-spacing:3px;
    color:#000;
}
.content {
    background: #eff0f5
}

.above-listings-and-map {
    background: #fff
}

.btn-edit-account,
.btn-sign-out {
    color: #000!important
}

.post-down-arrow {
    padding: 5px
}

.mb10 {
    margin-bottom: 10px
}

.suit-textarea {
    max-width: 100%;
    max-height: 52px;
    margin-top: 15px
}

.update-new-post {
    background: #fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}

.update-post-header {
    border-bottom: 1px solid #e5e5e5;
    height: 36px;
    margin: 0 12px;
    padding: 8px 0 2px;
    position: relative;
    z-index: 1
}

.update-post-header>li {
    margin-left: 5px;
    position: relative;
    vertical-align: top;
    padding-right: 0;
    display: inline-block
}

.update-post-header>li:first-child {
    padding-left: 0;
    border-width: 0
}

.update-post-header>li:last-child a:hover {
    background-color: #f2f2f2;
    -webkit-border-radius: 2px;
    cursor: pointer
}

.update-post-header>li:last-child {
    padding-left: 10px
}

.update-post-header>li:last-child:after {
    background: #e5e5e5;
    content: '';
    height: 16px;
    left: 1px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 1px
}

.update-post-header-li-a {
    line-height: 16px;
    padding: 5px 6px 5px 4px;
    position: relative;
    color: #333;
    cursor: default;
    text-decoration: none
}

.update-post-header .item1-text {
    color: #333
}

.update-post-header-item-text {
    padding-left: 22px;
    display: inline-block;
    position: relative;
    color: #3b5998;
    font-weight: 500;
    font-size: 12px
}

.update-post-header .item-icons {
    display: inline-block;
    height: 16px;
    width: 16px;
    left: 0;
    position: absolute;
    top: -1px;
    vertical-align: middle
}

.item1-icon {
    background-image: url(../images/update-status-icon.png);
    background-repeat: no-repeat
}

.vspriteico {
    background: url(../img/vspriteico.png) top left no-repeat;
    width: 32px;
    height: 32px;
    display: block
}

.corrico,
.fshareico,
.vspriteico11 {
    width: 12px;
    height: 12px
}

.vspriteico.vspriteico5 {
    background-position: 0 0
}

.vspriteico.vspriteico2 {
    background-position: 0 -42px
}

.vspriteico.vspriteico3 {
    background-position: 0 -84px
}

.vspriteico.vspriteico4 {
    background-position: 0 -126px
}

.vspriteico.vspriteico1 {
    background-position: 0 -168px
}

.vspriteico.vspriteico6 {
    background-position: 0 -210px
}

.vspriteico.vspriteico7 {
    background-position: 0 -252px
}

.viewlsicon {
    margin: 0 auto
}

.vspriteico11 {
    background: url(../img/info1.png) top left no-repeat;
    display: inline-block
}

.closeico,
.corrico,
.editico,
.fplusicon,
.fshareico,
.rchaticon,
.rnotifyicon,
.vmsgmenu {
    display: block
}

.vspriteico11.vcancel {
    background-position: 0 0
}

.vspriteico11.vcheck {
    background-position: 0 -26px
}
.corrico,
.fshareico{
	width:16px;
	height:16px;
}
.vspriteico11.vinfo {
        top: 2px;
		left:5px;
    position: relative;
}

.corrico {
    background: url(../img/corricons.png) top left no-repeat;
    clear:both;
}

.fshareico {
    background: url(../img/sharerightarrow.png) top left no-repeat
}

.fplusicon {
    background: url(../img/fplusicon.png) top left no-repeat;
    width: 12px;
    height: 12px
}

.popuptitle {
    padding: 5px;
    font-weight: 100;
    font-size: 20px;
    margin: 0!important
}

.popupcontent {
    padding: 0!important
}

.popupheader {
    padding: 0;
    margin: 0
}

.correct,
.suitscheck {
    margin-right: 10px
}

.fsharecat {
    position: absolute;
    right: 15px;
    bottom: 10px;
    z-index: 9;
    cursor: pointer
}

.btnsharedropdown {
    width: 100%;
    font-size: 16px;
    height: 62px;
    border: 1px solid #ddd!important
}

.btnsharedropdown:hover {
    background: #E6E6E6!important;
    color: #222
}

.navigation-text:hover {
    color: #222!important
}

.corrico.rcorrect {
    background-position: 0 0
}

.corrico.flag {
    background-position: 0 -26px
}

.del-icon {
    background-image: url(../img/del-icon.png);
    float: left;
    height: 16px;
    width: 16px;
    cursor: pointer
}
.syncicon {
    font-size:14px;
    cursor: pointer;color:#000;
}
.mtr>td {
    border-top: 0!important
}

.edit-icon {
    background-image: url(../img/edit-icon.png);
    height: 12px;
    width: 12px;
    cursor: pointer;
    background-size: cover;
    float: left
}

.home,
.rchaticon {
    height: 18px;
    width: 18px;
    cursor: pointer;
    background-size: cover
}

.rchaticon {
    background-image: url(../img/chat.png);
    margin-top: -2px
}

.home {
    background-image: url(../img/home.png);
    float: left
}

.rbookmark,
.rbookmark.active,
.rcomment,
.rcomment.active,
.rlike,
.rlike.active,
.rlike:hover,
.rshare.active {
    float: left;
    height: 20px;
    width: 20px
}

.correct,
.rbookmark,
.rbookmark.active,
.rcomment,
.rcomment.active,
.rlike,
.rlike.active,
.rlike:hover,
.rshare.active {
    cursor: pointer;
    background-size: contain
}

.rlike {
    background-image: url(../img/rlike.png)
}

.rlike.active,
.rlike:hover {
    background-image: url(../img/rlike1.png)
}

.rshare.active {
    background-image: url(../img/rshare.png)
}

.rbookmark {
    background-image: url(../img/bookmark.png)
}

.rbookmark.active {
    background-image: url(../img/bookmark1.png)
}

.rcomment {
    background-image: url(../img/rcomment.png)
}

.rcomment.active {
    background-image: url(../img/rcomment1.png)
}
.hcorrect{
    color:green;
}.hwrong{
    color:red;
}
.hcorrect,
.hwrong {
    font-size:18px;
}
.location-outer .gm-ui-hover-effect{
    display: none !important;
}
.videohome{
	display:block;
	margin:0 auto;
	vertical-align: middle;
	height:100%;
    height: calc(100% - 140px);
}
.profileinfo{
	height:150px;
}
.postcnt {
    padding: 1px 10px;
    position: relative;
    float: left;
	display:inline-block;
	line-height:31px;
    font-size: 13px;
    color: #96999C
}


.correct {
    background-image: url(../img/correct.png)
}

.wrong {
    background-image: url(../img/wrong.png);
    cursor: pointer;
    background-size: contain
}

.licon1,
.licon2,
.licon3,
.licon4 {
    height: 24px;
    width: 24px;
    cursor: pointer;
    margin-left: 14px;
    background-size: contain;
    float: left
}

.licon1 {
    background-image: url(../img/lcalendar.png)
}

.licon2 {
    background-image: url(../img/chat.png)
}

.licon3 {
    background-image: url(../img/lreviews.png)
}

.licon4 {
    background-image: url(../img/lreservations.png)
}

.closeico,
.editico,
.rsearchicon {
    cursor: pointer;
    background-size: cover
}

.rsearchicon {
    background-image: url(../img/search.png);
    height: 18px;
    width: 18px;
    float: left
}

.closeico {
    background-image: url(../img/closeico.png);
    height: 12px;
    width: 12px
}

.closeico:hover {
    background-image: url(../img/closeicoactive.png)
}

.editico {
    background-image: url(../img/editpen.png);
    height: 13px;
    width: 13px
}

.editico:hover {
    background-image: url(../img/editpenactive.png)
}

.vmsgmenu {
    background-image: url(../img/vmsgmenu.png);
    height: 24px;
    width: 24px;
    cursor: pointer;
    background-size: cover
}

.rhsearchicon,
.rnotifyicon {
    height: 18px;
    width: 18px;
    cursor: pointer;
    background-size: cover
}

.rhsearchicon {
    background-image: url(../img/search.png);
    float: left
}

.notifications-menu>a {
    padding-top: 10px!important;
    padding-bottom: 9px!important;
    float: left;
    padding-right: 20px!important
}

.displayfriends {
    padding-bottom: 4px!important;
    display: block;
    float: left
}

.msgitemimg {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
    border: 1px solid #ddd
}

.rnotifyicon {
    background-image: url(../img/notif.png)
}

.follow,
.follow:hover,
.followactive {
    height: 18px;
    width: 18px;
    display: inline-block;
    cursor: pointer;
    background-size: cover
}

.follow {
    background-image: url(../img/follow.png)
}

.follow:hover,
.followactive {
    background-image: url(../img/followactive.png)
}

.opennotifications {
    width: 58px;
    height: 37px
}

.headerchaticon {
    padding: 5px
}

.item2-icon {
    background-image: url(../images/add-photos-video.png);
    background-repeat: no-repeat
}

.update-post-arrow-up {
    background-image: url(../images/update-post-arrow-up.png);
    background-repeat: no-repeat;
    height: 7px;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    top: 19px;
    width: 11px;
    display: block
}

.update-post-header li:first-child .update-post-header-li-a {
    margin-left: -9px;
    padding-left: 4px
}

.update-new-post-input-container {
    -webkit-border-radius: 0 0 3px 3px;
    background-color: #fff;
    padding: 5px
}

.update-new-post-input-innercontainer {
    overflow: hidden
}

.update-new-post-input-innercontainer textArea {
    width: 100%;
    border: none;
    resize: none;
    color: #222;
    min-height: 36px;
    height: 36px;
    padding: 8px 7px 0;
    font-size: 14px;
    line-height: 18px
}

.update-new-post-input-innercontainer textArea::-webkit-input-placeholder{
    color: #9197a3
}

.update-new-post-input-innercontainer textArea:-moz-placeholder{
    color: #9197a3
}

.update-new-post-input-innercontainer textArea::-moz-placeholder{
    color: #9197a3
}

.update-new-post-input-innercontainer textArea:-ms-input-placeholder{
    color: #9197a3
}

.post-content-wrapper {
    display: inline-block;
    width: 100%
}

.post-content-container {
    background: #fff;
    padding: 12px 12px 3px;
    border-left: 1px solid #e5e6e9;
    border-top: 1px solid #dfe0e4;
    border-right: 1px solid #d0d1d5;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0
}

.post-details {
    margin-bottom: 11px;
    display: block
}

.profile-pic-post {
    position: relative;
    margin-right: 8px;
    float: left;
    text-decoration: none;
    display: block
}

.profile-pic-post:after {
    border: 1px solid rgba(0, 0, 0, .1);
    bottom: 0;
    content: '';
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.profileName-and-postTime-container {
    display: table-cell;
    vertical-align: top;
    vertical-align: middle
}

.profileName-and-postTime-container h5 {
    font-size: 14px;
    margin: 0 0 2px;
    padding-right: 22px;
    line-height: 1.38;
    font-weight: 700
}

.display-type,
.posttime {
    font-size: 12px;
    color: #9197a3
}

.profileName-and-postTime-container h5 a {
    color: #3b5998
}

.post-right-top-arrow-container {
    position: absolute;
    right: 0;
    top: 0
}

.post-right-top-arrow {
    color: #cfd2d6
}

.post-time-elements-container {
    color: #9197a3
}

.post-right-top-arrow-maincontainer {
    height: 0;
    left: 15px;
    margin-top: -5px;
    overflow: visible;
    position: absolute;
    right: 15px
}

.post-options {
    position: absolute;
    -webkit-background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .15);
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
    outline: 0;
    right: 7px;
    width: 245px;
    display: none
}

.post-options ul {
    padding: 5px 0
}

.post-options ul li {
    overflow: hidden;
    white-space: nowrap
}

.post-options ul li a {
    border: solid #fff;
    border-width: 1px 0;
    color: #141823;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'lucida grande', tahoma, verdana, arial, sans-serif;
    font-size: 12px;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    line-height: 22px;
    padding: 0 12px;
    display: block;
    text-decoration: none
}

.like-comment-share-buttons a:hover,
.likes-count:hover,
.posttime:hover {
    text-decoration: underline
}

.post-options ul li a:hover {
    background-color: #42599e;
    border-color: #30497a;
    color: #fff
}

.separator-post-options {
    border-bottom: 1px solid #e9eaed;
    margin: 5px 7px 6px;
    padding-top: 1px
}

.posttime-container {
    color: #999
}

.posttime:hover {
    color: #9197a3;
    cursor: pointer
}

.display-type-container {
    cursor: pointer
}

.post-content {
    margin: 15px 0
}

.post-image {
    margin: 0 -9px
}

.post-image a img {
    width: 100%
}

.comments-section {
    background: #fff;
    border-left: 1px solid #e5e6e9;
    border-right: 1px solid #d0d1d5;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px
}

.popover-title{
	display:none;
}
.popover-content{
	padding:3px;
}
.like-comment-share-container {
    line-height: 24px;
    background-color: #fafbfb;
    border-top: 1px solid #e9eaed;
    padding: 5px 12px;
    display: inline-block;
    width: 100%
}

.error-newlisting {
    float: left;
    font-size: 14px;
    display: block;
    width: 100%
}

.like-comment-share {
    overflow: hidden
}

.share-count a {
    color: #3b5998;
    font-size: 13px;
    padding-right: 8px
}

.like-comment-share-buttons a {
    color: #3b5998;
    font-size: 13px
}

.comment-list {
    background-color: #fafbfb;
    width: 100%;
    overflow: hidden;
    padding: 0 0 10px;
    margin: 0;
    border-bottom: 1px solid #d0d1d5;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px
}

.comment-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.comment-list ul .LikeSentence {
    border-top: 1px solid #e9eaed
}

.comment-list ul .commentRow {
    background-color: #fafbfb;
    margin: 1px 12px 0;
    padding: 9px 0 0;
    word-wrap: break-word
}

.likes-count {
    color: #3b5998;
    cursor: pointer;
    font-size: 13px
}

.likes-count:hover {
    color: #3b5998;
    cursor: pointer
}

.currently-showing-comments-count {
    color: #9197a3;
    font-size: 13px;
    margin-top: 2px
}

.comment-details {
    display: block
}

.profile-pic-comment {
    position: relative;
    margin-right: 8px;
    float: left;
    text-decoration: none;
    display: block
}

#showmoreabt,
.Like-this-comment:hover,
.commuttab,
.link-to-site:hover,
span.see-all-photos:hover {
    text-decoration: underline
}

.profileName-and-commentTime-container {
    display: table-cell;
    vertical-align: top;
    vertical-align: middle
}

.profileName-and-commentTime-container h5 {
    font-size: 13px;
    margin: 0;
    line-height: 1.38;
    font-weight: 700
}

.profileName-and-commentTime-container h5 a {
    color: #3b5998
}

.comment-time-elements-container {
    color: #9197a3
}

.commenttime-container {
    color: #999
}

.commenttime {
    font-size: 12px;
    color: #9197a3
}

.Like-this-comment {
    color: #3b5998;
    font-size: 12px
}

.Like-this-comment:hover {
    cursor: pointer
}

.comment-text {
    font-weight: 400
}

.ImageBlockContent {
    margin: 0;
    padding: 0 0 0 8px;
    overflow: hidden
}

.newcomment-container {
    position: relative
}

.comment-textBoxContainer {
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.newcomment-Typehead {
    -webkit-transition: border-color 1s ease-out;
    height: auto;
    background: #fff;
    border: solid #bdc7d8;
    border-width: 1px 0;
    cursor: default;
    position: relative
}
.google{background: url('../img/google.png');width:72px;height:72px;display:block;margin: 13px auto}
.direction, .paypal, .airbnb, .booking, .fb,
.flipkey, .homeaway, .tripadvisor1, .vrbo, .youtube,
.jcb, .discover, .american-express, .dinersclub, .mastercard,
.mastero, .visa, .house, .show-map, .correct,
.wrong, .loader-white
{ /*display: inline-block; background: url('../img/viewallico.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left;*/ }

.direction { background-position: -0px -0px; width: 100%; height: 4px; }
.paypal { background-position: -0px -4px; width: 75px; height: 19px; }
.airbnb { background-position: -75px -4px; width: 72px; height: 72px; }
.booking { background-position: -0px -23px; width: 72px; height: 72px; }
.fb { background-position: -72px -76px; width: 72px; height: 72px; }
.flipkey { background-position: -0px -95px; width: 72px; height: 72px; }
.homeaway { background-position: -72px -148px; width: 72px; height: 72px; }
.tripadvisor1 { background-position: -0px -167px; width: 72px; height: 72px; }
.vrbo { background-position: -72px -220px; width: 72px; height: 72px; }
.youtube { background-position: -0px -239px; width: 72px; height: 72px; }
.jcb { background-position: -147px -4px; width: 60px; height: 45px; }
.discover { background-position: -147px -49px; width: 46px; height: 29px; }
.american-express { background-position: -144px -78px; width: 45px; height: 29px; }
.dinersclub { background-position: -144px -107px; width: 45px; height: 29px; }
.mastercard { background-position: -144px -136px; width: 45px; height: 29px; }
.mastero { background-position: -144px -165px; width: 45px; height: 27px; }
.visa { background-position: -144px -192px; width: 45px; height: 29px; }
.house { background-position: -144px -221px; width: 32px; height: 30px; }
.show-map { background-position: -193px -49px; width: 19px; height: 23px; }
.correct { background-position: -193px -72px; width: 16px; height: 16px; }
.wrong { background-position: -189px -88px; width: 16px; height: 16px; }
.loader-white { background-position: -189px -104px; width: 15px; height: 15px; }
.commenttext,
.newcomment-Typehead .textInput {
    background-color: transparent;
    line-height: 1.28;
    outline: 0;
    overflow: hidden
}

.calenderday:hover,
.commuttab,
.nextmon:hover,
.previousmon,
.price_help,
.vertical-tab {
    cursor: pointer
}

.newcomment-Typehead .wrap {
    -webkit-transition: border-color 1s ease-out;
    border: solid #bdc7d8;
    border-width: 0 1px
}

.newcomment-Typehead .innerwrap {
    overflow: hidden;
    zoom: 1
}

.newcomment-Typehead .textInput {
    border: 0;
    -webkit-box-sizing: border-box;
    width: 100%;
    display: block;
    height: 20px;
    font-size: 12px;
    resize: none;
    color: #222;
    padding: 3px;
    -webkit-appearance: none;
    -webkit-border-radius: 0
}

.newcomment-Typehead .textInput::-webkit-input-placeholder {
    color: #222
}

.newcomment-Typehead .textInput:-moz-placeholder {
    color: #222
}

.newcomment-Typehead .textInput::-moz-placeholder {
    color: #222
}

.newcomment-Typehead .textInput:-ms-input-placeholder {
    color: #222
}
.color1{
	color:#222;
}
.single-post {
    padding: 5px 10px;
    margin: 0 10px 10px
}

.commenttext {
    color: #222;
    position: relative;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    max-height: 30px;
    min-height: 30px;
    width: 90%;
    max-width: 90%;
    padding: 3px;
    margin-left: 15px
}

.previouscomments {
    margin-left: 60px;
    border-left: 5px solid #5D76B0;
    padding-left: 10px
}

.comment_profilepic {
    width: 32px;
    height: 32px;
    vertical-align: top
}

.comment {
    background: #f6f7f8;
    margin-bottom: 10px
}

.usercomment_text {
    padding: 5px 10px
}

.search_item {
    border: 1px solid #407AAA;
    margin: 5px 10px;
    padding: 5px
}

.search_item_text1 {
    display: inline-block;
    font-size: 16px;
    font-weight: 700
}

#search_div {
    margin: 20px
}

#search_results {
    background: #f1f1f1;
    position: absolute;
    width: 50%;
    z-index: 99999999;
    overflow-y: auto
}

.searchloader {
    margin: 30px auto
}

.dropdown.filter-nav.open {
    background: #E1E1E1
}

.dropdown-menu {
    border-radius: 3px
}

.dropdown_n1>li>a:hover {
    background-color: #003C62;
    color: #fff
}

.dropdown-moremenu {
    padding: 13px;
    cursor: pointer
}

.dropdown-moremenutext {
    font-weight: 500;
    transition: all 250ms ease 0s;
    color: #7a7a7a
}

#places li {
    font-size: 14px;
    line-height: 24px;
    margin-left: 10px
}

.commuttab,
.nextmon,
.previousmon {
    font-size: 18px
}

.commuttab {
    margin-right: 10px
}

.calenderday {
    border: 3px solid #FFF;
    border-bottom: 1px solid #DDD;
    height: 100px
}

.days {
    border-bottom: 1px solid #DDD
}

.calenderday:hover {
    background: #E9EAED;
    border-top: 1px solid #EEE
}

.daysmonth.table.table td a {
    color: #407AAA
}

.navpanel {
    border-radius: 1px;
    min-height: 43px
}

.navtabs>li {
    display: inline
}

.navtabs>li a {
    border-bottom: 3px solid #FFF;
    font-size: 13px;
    padding: 10px 8px
}

.navtabs>li a.active,
.navtabs>li a:hover {
    border-bottom: 3px solid #407AAA
}

.inline-block {
    display: inline-block
}

.visualmonthyear {
    display: inline;
    margin-right: 30px
}

.next-monspan,
.pre-monspan {
    padding: 10px 15px
}

.listing-slide-header {
    background-color: #fff;
    border-right: 1px solid #e8e8e8;
    position: relative;
    width: 100%;
    z-index: 9
}

.summary-info {
    background: #FFF;
    /*margin: -40px auto 0;
    min-height: 110px;*/
    float: left;
    width: 100%;
    border-bottom:1px solid #DDD;
}
.sguide-cover {
    background: #FFF;
    min-height: 100px;
    float: left;
    width: 100%;
    padding:0px 15px;
    border-radius:6px;
}
.featuresugg-block-o{
	padding-left:10px;
}
.featuresugg-block-inner1{
	margin-top:10px;
	background:#FFF;
}
.featuresugg-block-outer{
	margin: -40px auto 0;
    float: left;
    position: relative;
    width: 100%;
}
.featuresugg-block-inner{
	background:#FFF;
	padding:10px;
}
.slide-first-row,
.slide-second-row {
    margin-top: 15px
}

.summary-right {
    margin-top: 5px
}

.listing-icons {
    padding:10px 0px;
}

.listing-host-avatar {
    top: -31px;
    right: 10px;
    margin-bottom: -52px;
    float: right!important;
    position: relative
}

.imglistinghost {
    height: 62px!important;
    width: 62px
}

.slide-about {
    margin-top: 10px
}

.pricing-block-outer {
    /*margin: -40px auto 0;*/
    float: none;
    margin:auto;
    position: relative;
    width: 100%
}

#nav-rooffy,
.slider-nav {
    margin: 0 auto
}

.summary-menu {
    background: #EFF0F5;
    width: 100%;
    box-sizing: border-box;
    clear: both
}
.resinfotxt{
    font-size: 16px;
    border-radius: 6px;
    padding: 10px 5px;
    background: #F7F7F7;
    border-radius: 12px;
    margin-bottom:20px;
}
.summary-menu.fixed {
    display: block
}

.summary.fixed>.summary-info-outer>.summary-info>.summary-menu {
    border-bottom: 1px solid #d7d7d7
}

.summary.fixed>.summary-info-outer {
    margin: 0 auto;
    width: 980px
}

.summary-info-outer {
    background: #FFF
}

#nav-rooffy {
    height: 60px;
    display: none;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.fixedmenu {
    padding: 12px 22px
}

.fixedmenu a {
    border-bottom: 3px solid #EFF0F5
}

.fixedmenu a.selected,
.fixedmenu a:hover {
    border-bottom: 3px solid #355a81;
    color: #000
}

.summary-left {
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px
}

.details {
    margin: 0 auto
}

.summary-owner-img {
    display: block;
    width: 90px;
    height: 74px;
    margin-top: 5px;
    cursor: pointer;
    z-index: 5;
}
.host-owner-img{
    display: block;
    width: 90px;
}
.host-owner-img-right{
    width:calc(100% - 90px);
}
.guide-owner-img{
    height: auto !important;
    float:left;
}#guide_location_lists{
    position: absolute;
    border: 1px solid #DDD;
    z-index: 8;
}
.summary-owner-img > a > i{
    margin: 0 auto;
}
.summary-info-text {
    padding: 10px 0px
}

.owner-pic {
    margin:auto;
	width:72px;
	height:72px;
	overflow:hidden;
}

#listing_name {
    display: inline
}

#location_name {
    margin: 10px 0
}

.verified {
    color: #1D9C73;
    font-size: 18px
}

.short-info-heighlight {
    background: #fff;
    border-radius: 0;
    margin: 5px 10px;
    padding: 10px;
    height: 88px
}

.price_box,
.share-block-listing,
.slide-row {
    background: #FFF;
    float: left
}

.short-info {
    padding: 5px 10px
}

.fixedmenu>a {
    font-size: 13px!important
}

.slide-row {
    margin-top: 15px;
    padding: 5px 0px 0px 0px;
    width: 100%
}

.pricing-block,
.profile-block {
    background: #FFF;
    float: left;
    width: 100%
}

.share-block-listing {
    padding: 5px;
    width: 100%;
    margin-top: 10px
}

.pricing_table {
    margin: 0;
    border:none !important;
}
.pricing_table .td-l1{
    border-top:none !important;
}
.pricing_table .td-l{
    border:none;
    padding: 6px !important;
}
.pricing_table .td-r1{
    border-top:none !important;
}
.pricing_table .td-r{
    border:none;
    padding: 6px !important;
}
.pricing_table .td-l2{
    border-bottom:none !important;
    border-right:none !important;
}
.pricing_table .td-r2{
    padding: 3px !important;
    border-bottom:none !important;
    border-left:none !important;
}
#galleryimgs {
    position: relative;
    width: 100%;
	/*margin-top:57px;*/
}

#pricing_table {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative
}
.hwithtooltips #pricing_table{
    overflow: unset;
}
#pricing_table_msg,.pricing_table_msg {
    color: #FF5B60;
    font-size: 20px;
    font-weight: 300;
}

.btn-area {
    width: 100%;
    margin: 0px auto 8px auto;
    display: block;
    float: left;
    text-align: center;
}

.btn-profile-area {
    width: 80%;
    margin: 7px auto
}

.price_box {
    border-radius: 0;
    font-size: 22px;
    font-weight: bold;
    margin: 2px 0;
    width: 100%;
    height: 33px
}

.btn-large,
.btn-search {
    border-radius: 0;
    width: 100%
}

.pricing-block2 {
    margin-top: 10px;
    text-align: left;
    padding: 0 10px
}

.amenities-tab,
.btn-newlisting,
.btn-search,
.btn-sendrequest,
.btnpricechoose,
.checkinout,
.profile-tab,
.vertical-tab {
    text-align: center
}

.inputcalc {
    height: 30px;
    color: #222!important;
    font-size: 16px!important
}

.viewinputgr-addon {
    padding: 5px!important
}

.calccircle {
    font-size: 13px;
    padding-right: 5px
}

.cirlecolor1 {
    color: #B0D269
}

.cirlecolor2 {
    color: #FF7F0E
}

.cirlecolor3 {
    color: #F93E41
}

.btn-large {
    font-size: 16px;
    padding: 5px 40px
}

.btn-newlisting,
.btn-sendrequest{
    font-size: 16px !important;
}
.sitemapli{
    margin-bottom:15px;
}
.btn-sendrequest,#btn_decline{
    font-size: 16px !important;
}
.search-input {
    font-size: 16px!important;
}
.homeploader{
    height:100vh;
}
.homesearchblock .search-input:focus{
    border: 2px solid #222 !important;
    border-radius: 12px;
}
.btn-lightweight{
    font-size: 16px !important;
    padding: 6px 15px !important;
    border-radius: 6px;
}
.share-map1{
    cursor:pointer;
    line-height: 37px;
}
.share-map1:hover{
    text-decoration: underline;
}
.btn-search {
    font-weight: 500;
    font-size: 18px;
    padding:10.5px 5px!important;
}

#myinputsearch-error {
    color: #FFF
}

.btn-search:focus,
.btn-search:hover {
    background: #AD081A;
    color: #FFF;
    border: 1px solid #AD081A;
}

.btn-sendrequest, .btn-successsmall,.viewmobilepricebtn,.btn-msendrequest,.btn-msendrequest {
    border: 1px solid #ce0058;
    color: #ce0058;
    background:#FFF;
    border-radius: 6px;
    padding:6px !important;
    transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-webkit-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-moz-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
}
.showmorepost{
    color: #498BB1;
    cursor:pointer;
}
.showmorepost:hover{
    text-decoration: underline;
}
.search-input {
    height: 45px;
    color: #222!important;
}

.btn-xssmall {
    padding: 2px 6px;
    min-width: 70px
}

.btn-small {
    padding: 10px 15px;
    border-radius: 0;
    border: none
}

.btn-contactdirect{
    background:#FFF;
    padding: 8px 0!important;
    width: 100%;
    font-size:18px;border:1px solid #DDD;
}
.btn-contactdirect:hover,.btn-contactdirect:focus{
    background:#EFF0F5;
}
.btn-sendrequest {
    padding: 8px 0!important;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.btn-sendrequest:focus,
.btn-sendrequest:hover,.btn-msendrequest:focus, .btn-msendrequest:hover, .btn-msendrequest:hover, .btn-msendrequest:focus,.viewmobilepricebtn:focus,.viewmobilepricebtn:hover,.tvb-stats .btn-sendrequest:hover{
    color: #FFF !important;
    background:#ce0058;
    border-color: #ce0058;
}
.viewmobilepricebtn-white{
    background:#FFF !important;
    color:#222 !important;
    border:1px solid #DDD !important;
}
.btn-successsmall {
    color: #FFF;
    padding: 8px 15px
}

.btn-successsmall:focus,
.btn-successsmall:hover {
    color: #FFF;
    background: #30d1ce
}

.btn-sendmsg {
    background: #538d9c;
    color: #FFF;
    width: 100%
}

.btn-sendmsg:focus,
.btn-sendmsg:hover {
    color: #FFF
}

.btn-instantrequest {
    border-radius: 0;
    font-size: 18px;
    background: #538D9C;
    color: #FFF;
    width: 100%;
    padding: 5px
}

.btn-instantrequest:focus,
.btn-instantrequest:hover {
    color: #FFF
}

.btn-reg {
    background: #FFFD94;
    color: #000;
    width: 100%;
    border: 2px solid #74A7FE
}

.checkinout {
    float: left;
    background: #fff;
    width: 100%
}

.checkinout.fixed {
    margin: 0 10px 10px;
    height: 66px;
    padding-top: 20px
}

.subsection-title,
.subtitle {
    padding-top: 5px;
    padding-bottom: 5px;
    float: left
}

.fixedmenu>a {
    padding-left: 0!important;
    padding-right: 5px!important
}

.checkoutrow {
    top: 50%;
    position: relative
}

.price_area {
    clear: both;
    margin: 10px
}

.price_help {
    height: 13px!important
}

.short-info-hname {
    margin-top: 10px;
    font-size: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
}

th {
    font-weight:400;
}
.tooltip-arrow{
    display:none;
}
.tooltip-inner {
    border-color: #163C59;
    background: #163C59;
    color: #FFF;
    padding: 8px;
    border-radius:8px;
    min-width: 70px;
    font-size: 13px;
}
#location,
.profile_row,
.reviews_left,
.reviews_right {
    background: #FFF
}

.short-info-img {
    width: 36px;
    height: 30px
}

.reviews_right {
    margin-left: 5px
}

.subsection-title {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
    color: #222;
}
h1, h2, h3, h4, h5, .property-slide h1, h2, h3, h4, h5{
    font-weight:400;
}
.btnrescal{
    padding:6px 12px !important;
}
.subsection-subtitle {
    color: #83898B;
    margin-top: 15px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    font-size: 13px
}

.subtitle {
    font-size: 16px;
    font-weight: 500;
    width: 100%
}

.ratetype {
    display: none
}

.star-rating {
    display: inline
}

.td-rating {
    padding: 2px!important
}

.reviewcomments {
    clear: both
}

.onereview {
    margin-bottom: 10px
}

@media only screen and (max-width:580px) {
    .pricing-block-outer {
        display: none
    }
}

@media (min-width:768px) {
    .mymodal-dialog,
    .summary-info.fixed {
        width: 500px
    }
    .pricing-block-inner.fixed {
        width: 250px
    }
    .suitsblock>.form-group,
    .tabblock>.form-group {
        padding-left: 5px
    }
    .suitswitch {
        margin-top: 36px;
        margin-right: 15px
    }
}
.smcontainer {
    background: #FFF;
}
@media (min-width:992px) {
    .mymodal-dialog,
    .summary-info.fixed {
        width: 646.66px
    }
    .pricing-block-inner.fixed {
        width: 323.23px
    }
    .hidemfilters {
        display: none
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1170px;
        width: 100%
    }
    .viewlisting .container, .smcontainer .container{
        /*max-width: 1150px;*/
    }
    .mymodal-dialog,
    .summary-info.fixed {
        width: 760px
    }
    .pricing-block-inner.fixed {
        width: 380px
    }
}
@media (min-width:1400px) {
    .container {
        max-width: 1320px;
        width: 100%
    }
    .hasmenu .posts-container{
        max-width: 1392px;
    }
    .viewlisting .container, .smcontainer .container{
        /*max-width: 1150px;*/
    }
}
@media (min-width:1700px) {
    .container {
        max-width: 1520px;
        width: 100%
    }
    .viewlisting .container, .smcontainer .container{
        /*max-width: 1150px;*/
    }
}
@media (min-width:991px) and (max-width:1300px){
	.resultdates1,.resultdates2{
		width:50%;
	}
	.filternrnightsblock{
		display:none;
	}
}
@media (min-width:1300px) {
	.resultdates1,.resultdates2{
		width:33.3333333%;
	}
	.filternrnightsblock{
		width:33.333333%;
		display:block;
	}
}
.pricing-block-inner {
    float: left;
    position: relative;
    background:#FFF;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    margin-top: 16px ;
    border-radius: 12px !important;
    padding: 8px 12px 12px !important;
}

.pricing-block-inner.fixedpos {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-y: scroll;
    background: #FFF;
    z-index: 12
}

#location {
    position: relative;
}
.locationvl{
    border-radius: 18px;
    margin-top:15px;
}
.viewdirections-sections{
    padding:10px;
}
#location-map {
    height: 100%;
	height:500px;

}
.dest-location-map{
    height: 350px;
}

.summary-middle {
    margin-top: 10px;
    padding-left: 20px
}

.profile_row {
    margin-bottom: 15px;
    padding: 10px;
}

.summary_header {
	display: inline-block;
    float: left;
    width: 100%;
    font-size: 20px;
}
.summary_header_title{
	font-size: 20px;
    font-weight: 400;
    display: inline-block;
    padding-right: 15px;
}
.summary_header h1{
    font-size: 26px !important;
    display: inline-block;
    margin-top: 0;
    margin-bottom: 5px;
    font-weight: 600;
    color: #222222;
}
.listingspecblock {
    width: 25%;
}

#myplaces {
    margin: 10px 10px 10px 20px
}

.placename {
    line-height: 20px
}

.row-title {
    font-size: 18px;
    margin-bottom: 12px
}

.inner-block {
    float: left;
    margin-top: 10px!important;
    position: relative;
    width: 100%
}

.vertical-tab {
    background-color: #eff0f5;
    border: 1px solid #eff0f5;
    height: 60px
}

.vertical-tab.active {
    background-color: #fff;
    border-bottom: 1px solid #FFF;
    border-left: 2px solid #355a81;
    border-right-color: #FFF;
    border-top-color: #FFF
}

.vertical-tab-content {
    background: #fff;
    clear: both;
    padding: 10px 20px;
    display: none;
    min-height: 200px
}

.icon-24 {
    width: 24px;
    height: 24px
}

.amenities-tab,
.map-tab,
.profile-tab {
    cursor: pointer;
    height: 60px
}

.vertical-tab-content.active {
    display: block
}

.amenities-tab {
    background-color: #eff0f5;
    width: 20%
}

.amenities-tab.active {
    background-color: #428BCA;
    border-bottom: 1px solid #FFF;
    border-bottom: 2px solid #355a81;
    border-left-color: #fff;
    border-right-color: #fff;
    color: #FFF;
    font-size: 13px
}

.namenities-tab,
.rtab {
    box-shadow: none!important;
    min-height: 34px;
    border: none;
    text-align:left;
    color: #050505 !important;
    font-weight: 500 !important;
    font-size: 18px !important;
}
.namenities-tab:hover,.namenities-tab:focus{
    background:#FFF !important;
    text-decoration:underline;
}
.btnchoose,
.gettingaround {
    min-height: 40px
}
.summary-info .subsection-title{
    font-size: 24px;
    line-height: 1.37em;
}
.namenities-tab:focus,
.rtab:focus {
    outline: 0!important
}

.btnchoose {
    border: 1px solid #e6e6e6!important;
    background: 0 0;
    box-shadow: none!important;
    line-height: 40px;
    vertical-align: middle;
    font-weight: 200;
    color: #FFF;
    float: left;
    cursor: pointer
}

.btnchoose.active,
.btnchoose:hover {
    background: #407AAA;
    color: #FFF
}

.btnpricechoose.active {
    background: #FFF;
    color: #222
}

.popovern {
    width: 300px
}

.popover-content {
    min-width: 250px
}
.sitemapli > a {
    color:#222;
}
.btnprchoose.active ,.btnprchoose:hover{
    color: #222;
    border-bottom: 2px solid #407aaa;
}
.btnprchooseli{
	padding:0px 5px;
}
.btnprchoose {
    font-size: 14px;
    letter-spacing: .12em;
    padding:1em 0px;
	width:100%;
    display: inline-block;
	text-align:center;
    border: 1px solid hsla(0, 0%, 100%, .15);
    transition: border-color .3s cubic-bezier(.694, .0482, .335, 1);
}
.btnpricechoose {
    float: left;
    font-size: 13px;
    letter-spacing: .12em;
    padding: 1.5em 0;
	color:#FFF;
    display: inline-block;
    border: 1px solid hsla(0, 0%, 100%, .15);
    transition: border-color .3s cubic-bezier(.694, .0482, .335, 1);
    font-weight:200;
}

.btnpricechoose:hover {
    border-color: hsla(0, 0%, 100%, .85)
}

.btnpricechoose2 {
    width: 50%
}

.namenities-tab.active,
.rtab.active {
    background: #FFF;
    text-decoration:underline;
}

.day-inner.blocked,
.day-scal.blocked {
    background: #F1F1F1
}

.btngr>a {
    display: block;
    float: left;
    margin-left: -1px
}

.amenities-tab-content {
    background: #fff;
    float: left;
    padding-top: 10px;
    display: none;
    width: 100%
}
.amenitiestabletd {
    border-top: none !important;
    padding:8px 0px 8px 10px;
}

.amenities-tab-content.active {
    display: block
}

.profile-tab {
    background-color: #eff0f5;
    border: 1px solid #eff0f5
}

.profile-tab.active {
    background-color: #fff;
    border-bottom: 1px solid #FFF;
    border-top: 2px solid #355a81;
    border-left-color: #fff;
    border-right-color: #fff
}

.profile-tab-content {
    background: #fff;
    clear: both;
    padding-top: 10px;
    display: none;
    min-height: 200px
}

.profile-tab-content.active {
    display: block
}

.map-tab {
    background-color: #eff0f5;
    border: 1px solid #eff0f5;
    text-align: center
}

.small-tab,
.small-tab1 {
    cursor: pointer;
    height: 40px;
    text-align: center
}

.map-tab.active {
    background-color: #fff;
    border-bottom: 1px solid #FFF;
    border-top: 2px solid #355a81;
    border-left-color: #fff;
    border-right-color: #fff
}

.map-tab-content {
    background: #fff;
    clear: both;
    padding-top: 10px;
    display: none;
    min-height: 400px
}

.map-tab-content.active {
    display: block
}

.small-tab {
    background-color: #eff0f5;
    border: 1px solid #eff0f5
}

.small-tab.active {
    background-color: #fff;
    border-bottom: 1px solid #FFF;
    border-top: 2px solid #355a81;
    border-left-color: #fff;
    border-right-color: #fff
}

.small-tab-content {
    background: #fff;
    clear: both;
    padding-top: 10px;
    display: none
}

.small-tab-content.active {
    display: block
}

.small-tab1 {
    background-color: #eff0f5;
    border: 1px solid #eff0f5
}

.small-tab1.active {
    background-color: #fff;
    border-bottom: 1px solid #FFF;
    border-top: 2px solid #355a81;
    border-left-color: #fff;
    border-right-color: #fff
}

.small-tab-content1 {
    background: #fff;
    clear: both;
    padding-top: 10px;
    display: none
}

.small-tab-content1.active {
    display: block
}

.td-left {
    text-align: left
}

.profile-tabs-row {
    line-height: 60px;
    background: #EFF0F5
}

.editlisting-tabs-row,
.newlisting-tabs-row {
    line-height: 40px;
    background: #EFF0F5
}

.editlisting-tabs-row {
    margin-bottom: 13px
}

.editlisting-tab,
.newlisting-tab {
    background-color: #FFF;
    border: 1px solid #eff0f5;
    text-align: center;
    cursor: pointer
}

.newlisting-tab {
    height: 70px
}

.editlisting-tab {
    height: 57px!important
}

.edit-tabs-title {
    padding-top: 5px
}

.editlisting-tab.active,
.newlisting-tab.active {
    background-color: #EA6F6B;
    color: #FFF;
}

.editlisting-tab-content,
.newlisting-tab-content {
    height: auto;
    width: 100%;
    background: #FFF;
    float: left;
    clear: both
}

.editlisting-tab.active::after,
.newlisting-tab.active::after {
    border-right: 13px solid transparent;
    border-top: 10px solid #EA6F6B;
    border-left: 13px solid transparent;
    content: "";
    left: 47%;
    position: absolute
}

.newlisting-tab.active::after {
    top: 68px
}

.editlisting-tab.active::after {
    top: 55px
}

.editlisting-tab-content {
    padding:0px 10px;
    display: none
}

.editlisting-tab-content.active {
    display: block
}

.newlisting-tab-content {
    display: none
}

.form-control.invalid,
.invalid {
    border-color:red;
}

.newlisting-tab-content.active {
    display: block;
}
.new-listing-form{
	padding:0px 15px;
}
.new-list-tab-title {
    font-size: 16px;
    text-align: center;
    margin-top: 10px
}

.guestlike,
.like {
    font-size: 24px
}

.block {
    padding: 20px 10px;
    float: left
}

.property-tabs {
    text-align: left;
    padding:10px 0px;
}
.smtextinput{
	font-size:16px !important;color: #222;font-weight:400;
}
.addabedroomform{
	padding: 10px;border-radius: 6px;box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
}
#listingloader,
.mymodal-header,
.nightsblockinner,
.stillloading,
.welcomemsg,
span.see-all-photos {
    text-align: center
}

.td-small {
    width: 33.33%
}

.special-suits {
    padding-left: 10px
}

.guestlike {
    padding: 10px;
    opacity: .3
}

.favlike,
.like {
    padding: 0;
}
.like.fa-heart{
    color: #FFF;
}
.view-like{
    color:#D8DADF !important;
    cursor: pointer;
    font-size:16px !important;
}
.guestlike:hover {
    cursor: pointer
}

.favlike {
    font-size: 20px
}

.btfav {
    margin-right: 15px;
    padding: 4px 8px
}

.mymodal-header,
.review {
    padding: 10px;
    float: left
}

.favlike.active,
.favlike:hover,
.like.active,
.like:hover {
    opacity: 1;
    color: #F93E41;
    cursor: pointer
}
.view-like.active{
    color:#F93E41 !important;
}
.view-like:hover{
    color: #F93E41 !important;;
}
.review {
    border: 1px solid #f1f1f1;
    margin: 5px 10px
}

.margin-top-10 {
    margin-top: 10px
}

.mymodal-header {
    background: #e46f61;
    color: #fff;
    width: 100%
}

.mymodal-body {
    float: left;
    width: 100%
}
.modal-body{
    padding: 10px !important;
    border-radius: 10px !important;
}
.modal-title{
    font-weight:bold !important;
}
.houfy-modal-body{
    padding:0 !important;
    border-radius:10px !important;
}
.houfy-modal-header{
    background:#FFF;
    padding: 10px 15px;
    border-bottom: 1px solid #DDD;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.houfy-modal-title{
    font-size:20px !important;
    font-weight:600 !important;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    white-space: nowrap;
    color:#222;
}
.hmodal-link{
    font-size:18px;
    cursor:pointer;
}
.hmodal-link:hover{
    text-decoration:underline;
}
.houfy-modal-title-outer{
    width: 100%;
    float:left;
    text-align: center;
}
.houfy-modal-header .col-xs-2{
    position: absolute;
    right: 0;
}
.houfy-modal-header a{
    text-align: center;
    background: #D7DADF;
    border-radius: 50%;
}
.houfy-modal-header a:hover,.houfy-modal-header a:focus{
    background:#f1f5fb;
}
.houfy-modal-insidebody{
    margin-top:15px;
    font-size:18px !important;
    padding: 10px 15px;
}.houfy-modal-bodyc{
    padding:0 !important;
}.houfy-modal-bodycfooter {
    padding: 10px;
}
.btnmodal-cancel{
    float: right;
    margin-right: 20px;
    cursor: pointer;
    font-size:18px !important;
}
.btn-modal-remove {
    border-radius: 6px !important;
}
.btnmodal-danger,.btnmodal-success{
    float: right;
    border-radius: 6px !important;
    padding: 6px 12px !important;
    min-width: 100px;
    font-size:18px !important;
}
.houfy-contact-form{
    background: #FFF;
    padding: 15px 5px;
    border-radius: 8px;
}
.gzoomplusminus{
    font-size:24px;
    text-align:center;
    line-height: 40px !important;
}
.btnmodal-primary{
    border-radius: 6px !important;
    padding: 6px 12px !important;
    min-width: 100px;
    font-size:18px !important;
}
.btnmodal-cancel {
    border-radius: 6px !important;
    padding: 5px 12px !important;
    border:none;color: #222 !important;
    text-decoration: underline;
}
.btnmodal-cancel:focus,.btnmodal-cancel:hover{
    background:#FFF !important;
    text-decoration:underline;
}
.houfy-popupbtnarea{
    background: #FFF;
    padding: 10px 15px;
    border-top: 1px solid #DDD;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.houfy-modal-close,.houfy-modal-close2{
    line-height:40px !important;
    cursor:pointer;
    font-size: 24px;
    width:40px;
    display: block;
    text-align: right;color: #222 !important;
}
.mnhoufy-modal-close{
    line-height:40px !important;
    cursor:pointer;
    font-size: 24px;
    width:40px;
    display: block;
    text-align: left;
    color:#222;
}
.mhoufy-modal-close{
    line-height: 40px !important;
    font-size: 20px;
    float: left !important;
    text-align: left;
    color:#222;
}

.modal-content{
    border: none !important;
}
.mymodal-footer {
    padding: 5px;
    border-top: 0
}

.edittab {
    cursor: pointer
}

.poptab {
    display: none;
    min-height: 400px;
    background: #FFF
}

.poptab.active {
    display: block
}

.profile-photos-container {
    display: inline-block;
    width: 200px;
    height: 200px;
    background-color: #fff;
    border: 1px solid #fff;
    vertical-align: top
}

span.see-all-photos {
    border: 1px solid #e8e8e8;
    display: block;
    padding: 10px;
    cursor: pointer;
    color: #355A81
}

.link-to-site:hover {
    color: #355A81
}

.navbar-collapse {
    border: none
}

.create-new-album {
    border: 1px solid #e8e8e8;
    cursor: pointer
}

.tab-content.active {
    display: block
}

.aboutmore,
.tab-content {
    display: none
}

.filter-contacts-container {
    line-height: 30px;
    padding-left: 10px;
    cursor: pointer
}

.dropdown-menu.filter-contacts-list {
    border-radius: 0;
}

.filter-by-item {
    padding-left: 10px;
    cursor: pointer;
    font-size: 12px
}

.filter-by-item.active,
.filter-by-item:hover {
    background-color: #428bca;
    color: #fff
}

.addlistingloader,
.maploader,
.stillloading {
    background: url(../images/loader.gif) no-repeat center;
}
.booking-loader-outer{
    padding: 25px;
    display:none;
}
.booking-loader-outer.active{
    display:block;
    min-height:300px;
}
.booking-loader{
    text-align:center;
    background: #fff;
    font-size: 18px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .14), 0 2px 4px 0 rgba(0, 0, 0, .24);
    height: 64px;
    padding: 0 50px;
    width: 200px;
    margin: 0 auto;
    line-height: 64px;
}
.booking-loader i{
    width: 21px;
    height: 15px;
    display: inline-block;
    line-height: 64px;
    margin-right: 10px;
    background: url(../images/loader.gif) no-repeat center;
}
.distanceselect {
    line-height: normal
}

.catching_text {
    font-size: 24px;
    font-weight: 500
}

.verified-tag {
    cursor: pointer
}

#btnsendrequest {
    padding: 6px 12px!important;
	overflow: hidden;
    width: 90%;
    text-overflow: ellipsis;
    margin: 0 auto;
}

.summary_small {
	list-style: none;
    padding: 0px;
    display: block;
    float: left;
    width: 100%;
    margin:0;
}
.summary_small li:after{
	padding: 0 5px;
    color: #000;
    content: ">";
    font-size: 13px;
}
.summary_small li:last-child:after
{
  content: '';
}
.summary_small a{
    font-size:15px;
    color: #222;
}
.summary_small li{
	display:inline-block;
}
#showmoreabt {
    color: #355A81;
    font-size: 14px;
    font-weight: 700
}

.stillloading {
    width: 20px;
    height: 20px;
    display: none;
    margin: 0px auto;
    text-align: center;
    padding: 125px 0px;
}
.DateInput.start {
    width:50%;
    width:calc(50% - 12px);
	float:left;
    padding:5px 2px !important;
}
.DateInput.end {
	width:50%;
    width:calc(50% - 9px);
	float:right;
    padding:5px 2px !important;
}

.maploader,
.stillloading.active {
    display: block
}

.datepicker-days {
    min-width: 277px
}

.addlistingloader {
    height: 20px;
    width: 20px;
    height: 20px;
}

.maploader {
    height: 100%;
    margin-left: 50%;
    margin-top: 50%;
    width: 100%;
    float: left
}

.profile-photo-wrapper {
    border: 1px solid #DDD;
    display: inline-block;
    height: 200px;
    width: 200px
}

.profile-photo-wrapper img {
    height: 100%;
    width: 100%
}

.modal {
    z-index: 99999999999;
}
.tooltip.fade.in{
    z-index: 999999999999999999;
}
.modal-backdrop {
    z-index: 10
}


div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

div.bhoechie-tab-menu div.list-group>a {
    font-weight: 200;
    font-size: 14px;
}

div.bhoechie-tab-menu div.list-group>a .fa,
div.bhoechie-tab-menu div.list-group>a .glyphicon {
    color: #5A55A3
}

div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0
}

div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .fa,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon {
    background-color: #FFF;
    border-color: #ddd;
    color: #000
}

div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #003c62
}

.bhoechie-tab-content {
    background: #FFF;
    float: left;
    border: 1px solid #DDD;
    border-radius: 3px;
    width: 100%
}
.h-tab-content {
    background: #FFF;
    float: left;
    border-radius: 3px;
    width: 100%
}
.color-overlay_5 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,.2);
    z-index:12;
}
.color-overlay,.color-overlay_2 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,.2);
    border-radius:10px;
}
.color-overlay_2{
    border-radius:0px !important;
}
.color-overlay3 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,.2);
}
.homebgside{
	position: absolute;
    left: 0;
    right: 0;
}
.pagewcontent {
    margin: 0 5px 10px;
    background: #FFF;
    float: left;
    border: 1px solid #DDD;
    border-radius: 3px;
    width: 100%
}

.pricing-form-group {
    float: left;
    margin-bottom: 15px;
    width: 100%
}

.panel-profile {
    margin-top:10px;
    margin-bottom:0px
}

.profile-sidemenu {
    list-style: none;
    padding: 0;
    margin-top: 10px
}

.profile-sidemenu>li>a {
    display: block;
    padding: 8px 10px;
    text-transform: uppercase
}
.profileinfo-header .category-desc{
    font-size:20px !important;
}
.category-desc{
    line-height:1.6;
}
.category-desc.showless{
	max-height:40px;
    overflow:hidden;
}
.category-desc.showless1{
	max-height:68px;
    overflow:hidden;
}
.category-desc strong, .category-desc b{
    font-weight: 300 !important;
    color: #000;
}
#msg,
.category-tab-content:not(.active),
.htype-finalblock,
.htype-finalblock1,
.htype-finalblock2,
.nightsblock,
.otype-finalblock,
.rtype-finalblock,
.rtype-finalblock1,
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none
}

#suggestions {
    float: left;
    width: 100%
}

#suggest-form {
    margin-bottom: 10px
}

.profile-sidemenu>li.active>a {
    font-weight: 700
}

div.bhoechie-tab-container {
    -moz-border-radius: 4px;
    margin-top: 10px;
    background-clip: padding-box
}

div.category-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}

div.category-menu div.list-group,
div.category-menu div.list-group>a {
    margin-bottom: 0
}

div.category-menu div.list-group>a .fa,
div.category-menu div.list-group>a .glyphicon {
    color: #5A55A3
}

div.category-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0
}

div.category-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0
}

div.category-menu div.list-group>a.active,
div.category-menu div.list-group>a.active .fa,
div.category-menu div.list-group>a.active .glyphicon,
div.category-menu div.list-group>a:hover {
    background-color: #355a81;
    color: #fff
}

div.category-menu div.list-group>a.active:after,
div.category-menu div.list-group>a:hover:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #355a81
}

.category-tab-content {
    padding: 10px 40px
}

.tabs-form {
    padding: 20px 25px
}

.tabspadding {
    padding: 5px 10px
}

.mylisting-td {
    margin-bottom: 20px;
    font-size: 16px;
    border-bottom: 1px solid #DDD
}

#msg {
    left: 30%;
    position: fixed;
    top: 55px
}

.success {
    color: #40D885;
    font-size: 20px
}

.rtexth {
    color: #FFF;
    margin-bottom: 20px
}
.home_search {
    margin-bottom: 15px;
    top:30px;
}
.home_search1{
	margin-bottom: 15px;
}
#vacationrentals {
    padding: 0 10px
}

.label-success {
    background: #40D885
}

.flname-block {
    padding-right: 10px
}

.lfname-block {
    padding-left: 10px
}

.nightsblock {
    margin-top: 0
}

.nightsblockinner {
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    font-size:16px !important;
    color: #222;
    background: #FFF;
    text-align:center;
    height: 45px;
    line-height: 45px;
}

.listingselect,
.searchselect {
    background: #fff!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0
}

.welcomemsg {
    position: absolute;
    bottom: 200px;
    font-size: 42px;
    left: 0;
    right: 0;
    width: 100%;
    color: #FFF
}

.btnprendt {
    font-size: 24px!important;
    padding: 0 10px;
    color: #bbb;
    font-weight: 400;
    height: 30px;
    width: 30px;
    line-height: 1
}

.error {
    color: #F93E41;
    line-height:1.4;
}

.cmessages {
    height: 20px
}

.mypanel {
    border: 1px solid #DDD!important;
    border-radius: 6px;
    margin-bottom: 10px;
    float: left;
    width: 100%
}

.photospanel {
    border: 1px solid #DDD!important;
    border-radius: 6px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px
}

.fselect {
    height: 30px!important
}

.listingselect {
    height: 40px;
    line-height: 40px;
    padding-left: 40%;
    color: #333;
    width: 100%;
    border: 1px solid #d5d5d5;
    font-size: 14px
}

.searchselect {
    height: 45px!important;
    line-height: 45px!important;
    padding-left: 20%;
    color: #000;
    width: 100%;
    border: 1px solid #d5d5d5;
    font-size: 14px
}

.editlistingselect20,
.editlistingselect40 {
    background: #fff!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: 0;
    color: #333;
    width: 100%;
    border: 1px solid #d5d5d5;
    font-size: 14px
}

.editlistingselect40 {
    height: 40px!important;
    line-height: 40px!important;
    padding-left: 40%
}

.editlistingselect20 {
    height: 38px!important;
    line-height: 38px!important;
    padding-left: 20%
}

.editlistingselect,
.simpleselect {
    padding-left: 10px;
    background: #fff!important;
    -moz-appearance: none;
    color: #333;
    font-size: 14px;
    border: 1px solid #d5d5d5;
    width: 100%;
    outline: 0;
    -webkit-appearance: none
}

.editlistingselect {
    height: 40px!important;
    line-height: 40px!important
}

.simpleselect {
    height: 34px!important;
    line-height: 34px!important
}

.pad-left40 {
    padding-left: 40%
}

.pad-left20 {
    padding-left: 20%
}

.hometypeselect,
.hoteltypeselect,
.sharedtselect {
    background: #fff!important;
    height: 38px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-left: 20%;
    outline: 0;
    color: #333;
    font-size: 14px;
    width: 100%;
    border: 1px solid #d5d5d5
}

.edit-hometypeselect {
    height: 62px!important
}

.input-overview-select {
    color: #222;
    padding-left: 12px;
    height: 38px!important;
    font-weight:400;
    border-radius:6px !important;
}
.input-overview-input{
    border-radius:6px !important;
}
.nrselect {
    padding-left: 40%
}

.selectlabel:before {
    content: '';
    right: 6px;
    top: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    pointer-events: none;
    display: block
}

.selectlabel {
    position: relative
}

.selectlabel:after {
    content: ' > ';
    font: 16px Consolas, monospace;
    color: #aaa;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 8px;
    top: -3px;
    padding: 0;
    border-bottom: 1px solid #ddd;
    position: absolute
}

.four-zero-content:before,
.listing-info-outer:after,
body.login-content:after,
body.login-content:before {
    content: ""
}

.conversation-list .chat-avatar i,
.conversation-list .ctext-wrap i {
    font-style: normal;
    font-size: 12px
}

.pageh1,
.white-button {
    -webkit-font-smoothing: antialiased
}

.category-item,
.helptip,
.info,
.profilepicsmall {
    position: relative
}

.betweendiv {
    font-size: 20px;
    padding: 20px
}

.btn-htype,
.btn-htype1,
.btn-htype2,
.btn-otype,
.btn-rtype,
.btn-rtype1 {
    padding: 7.5px 0!important;
    border-radius: 0;
    width: 100%;
    font-size: 16px!important;
	font-weight:400 !important;
    color: #222!important;
    text-align: center
}

.btn-ertype,
.btn-ntype {
    text-align: center!important;
    border-radius: 0;
    width: 100%
}

.btn-ertype {
    padding: 10px 0!important;
    font-size: 14px;
    display: none
}

.btn-ntype {
    padding: 20px 0;
    font-size: 16px
}
.connections{
	float:left;
    width:100%;
    height: 350px;
    text-align:center;
    color: #fff;
    background: url(../images/connection-background.jpg) no-repeat center;
    background-color: #5a5a5a;
    background-size: cover;
}#spiders {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
}.arrowhdown{
	bottom:80px;
    color: #CCC;
    font-size: 15px;
    border: 1px solid #EEE;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    vertical-align: middle;
    line-height: 32px;
    margin: 0 auto;
    left: calc( 50% - 20px);
    cursor: pointer;
    z-index: 2;
	background:#FFF;
}.arrowhdown:hover,.arrowhdown.active {
    background: #ccc;
    color: #FFF;
}
.btn-etype {
    padding: 8px 0!important;
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    text-align: center
}

.btnfinalblock {
    padding-left: 22px
}

.listing-label {
    padding-top: 5px;
    text-align: center;
    height: 40px;
    background: #FFF;
    color: #222;
    font-size: 14px
}

.edit-listing-label,
.pricinglabel {
    text-align: left;
    color: #222;
    font-size: 14px;
    background: #FFF
}

.edit-listing-label {
    padding-top: 10px;
    padding-left: 10px
}

.pricingtaxestext {
    padding-left: 20px;
    padding-right: 20px
}

.tabblock {
    float: left;
    width: 100%;
    padding: 5px
}

.removeprice {
    text-align: right;
    padding-right: 10px
}

.input-pricing {
    height: 38px!important
}

.overviewblock {
    float: left;
    width: 100%;
    padding:0px 15px;
	margin-bottom:30px;
}

.hiddencheckbox {
    visibility: hidden
}

.plheading {
    margin-left: -10px!important;
    margin-right: -10px
}

.checkboxprice {
    display: inline-block;
    margin-top: 5px
}

.label-right {
    padding-top: 10px;
    text-align: right;
    padding-right: 10px;
    color: #222;
    font-size: 14px
}

.edit-listing-label1 {
    padding-top: 21px;
    background: #FFF;
    color: #222;
    font-size: 14px
}

.list-label {
    text-align: center;
    font-size: 13px
}

.cal-label {
    font-size: 12px;
    font-weight: 700
}

.cal-mid-label {
    font-size: 13px;
    padding: 5px 8px
}

.retext {
    width: 100%;
    max-width: 100%;
    height: 100px!important
}

.search-label {
    color: #000;
    font-size: 12px
}

.li-label {
    font-size: 13px;
    color: #222!important;
    text-align: center
}

.help-remaining {
    text-align: right;
    font-size: 11px!important
}

#drop,
#fileloader,
.input-group-addon,
.lv-avatar,
.newlisting_div_1,
.preregister,
.social-links li a {
    text-align: center
}

.newlisting-form-group {
    float: left;
    width: 100%
}

.newlisting-block {
    padding: 10px
}
.ed-smtext{
    color:#222;
}
.font_13{
    font-size:13px;
}
.font_14{
    font-size:14px;
}
.font_18{
    font-size:18px;
}
.font10,
.font14 {
    font-size: 16px
}
.font13 {
    font-size: 13px!important
}
.font15{font-size:16px !important;}
.font12 {
    font-size: 12px!important
}

.newlisting-result-cotainer {
    padding-top: 10px
}

.list-group-item {
    padding: 20px
}

.category-item {
    padding: 20px;
    display: block;
    border: 1px solid #DDD
}

.listinginput {
    height: 38px;
	font-weight:200;
    color: #222!important
}

.gettingaround,
.listingtext,
.mlistingtext,
.slistingtext,.listinginput {
    font-size: 16px!important;
    color: #222;
	font-weight:400 !important;
}
.listingtext {
    height: 38px!important;
    resize: none
}

.slistingtext {
    height: 28px!important;
    padding: 2px 8px!important
}

.mlistingtext {
    height: 30px!important
}

.ta-listing {
    max-width: 100%;
    min-height: 150px!important
}

.newlisting_div_1 {
    background: #FFF;
    margin-bottom: 0;
    padding: 50px 0
}

.newlisting_div_111,
.newlisting_div_112 {
    font-size: 16px;
    padding: 20px 0;
    text-align: center
}

.profile-section-row {
    background: #FFF;
    display: block;
    margin: 20px 0;
    padding: 20px
}

#summary {
    margin-top: 10px
}

.input-overview {
    height: 60px
}

#housetype_outer-edit,
.htype-block-edit {
    display: none
}

.mymodalcontent {
    border-radius: 0
}

#bottom,
#footerlinks {
    padding-top: 20px
}

#bottom {
    padding-bottom: 10px
}

.list-inline li {
    padding: 0 15px
}
.input-filterposts{
	cursor:pointer;
}
.social-links,
.social-profiles {
    list-style: none;
    margin: 0;
    padding: 0
}

.social-links li,
.social-profiles li {
    box-shadow: none;
    display: inline-block;
    margin: 0 5px 0 0;
    transition: all .3s ease-out 0s
}

.social-links li a {
    background: #355a81;
    border-radius: 50%;
    color: #FFF;
    display: block;
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    transition: all .3s ease-out 0s;
    width: 25px
}

.social-links li a:hover {
    background: #23282e;
    color: #fff;
    text-decoration: none
}

.social-links.outline li a {
    border: 1px solid #80b959;
    color: #80b959
}

.social-links.outline li a:hover {
    background: #80b959;
    border-color: #80b959;
    color: #fff;
    text-decoration: none
}

.list-inline {
    display: inline
}

.modal-subtitle {
    margin: 15px 10px
}

.rhr {
    margin: 10px
}
.filternrguests label {
    text-align: left;
    padding-left: 5px;
}
.modal-title {
    margin: 0;
    font-size: 16px;
    line-height: 40px
}
.popup_a_left{
	border-left:none !important;
	border-right:1px solid #DDD;
}
.mymodalbody {
    padding: 10px;
    background: #FFF;
    font-size: 16px;
    border-bottom: none
}

.mymodalheader {
    padding: 0 15px
}

.calmodalheader {
    background: #f1f1f1;
    float: left;
    width: 100%
}

.icon60 {
    width: 72px;
    height: 72px;
    border: 2px solid #DDD;
    border-radius: 4px
}

.thumb-pro-pic {
    min-width: 72px;
    width: auto;
    border: none;
    margin-bottom: 0
}

.thumb-list-pic {
    height: 132px;
    min-width: 72px;
    padding-top: 10px;
    margin-bottom: 10px;
    width: auto;
    border: none;

}
.thumb-list-pic1 {
	float: left;
	height: 46px;
    width: 46px;
    width: auto;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px 10px 5px 0px;
}
.thumb-list-pic2 {
	float: left;
	height: 46px;
    width: 46px !important;
    width: auto;
    border: none;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px 10px 5px 0px;
}
.lsselectdropdown{
	margin-top: 30px;
    border: 1px solid #DDD;
    padding-top: 0px;
    padding-bottom: 0px;
    cursor: pointer;
    padding-left:5px;
}
.current-month{
    font-size: 18px;
    font-weight: bold;
}
.img-leftmenu,
.img-responsive.media-object.img-leftmenu {
    height: 100%;
    width: auto
}

.leftmenu-item p,
.media-heading a {
    color: #222
}

.profileleftcontainer {
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 3px;
    padding:10px;
}

.listingleftmenu {
    margin: 10px 0px;
    border-radius: 3px;
}
.bhoechie-tab-menu{
	padding:0px 7.5px !important;
}
.profilecontainer {
    background: #FFF;
    border: 1px solid #DDD;
    padding-left: 10px;
    margin: 0
}

.profile-media {
    padding-top: 0
}

.message-rlisting {
    display: none
}

.input-group-addon {
    background: #FFF;
    border-radius: 0
}

.info,
.lock {
    background-repeat: no-repeat
}

.lock {
    background-image: url(../img/lock107.png);
    background-size: cover;
    display: inline-block;
    width: 16px;
    height: 16px
}

.thumbsdown,
.thumbsup {
    background-size: cover;
    display: inline-block;
    height: 16px;
    margin-top: 2px!important;
    width: 20px;
    margin-left: 10px
}

.thumbsup {
    background-image: url(../img/up1.png)
}

.thumbsup.active {
    background-image: url(../img/up2.png)
}

.thumbsdown {
    background-image: url(../img/down1.png)
}

.rplus,
.share,
.thumbsupold {
    display: inline-block;
    height: 12px;
    margin-top: 3px!important;
    width: 12px
}

.thumbsdown.active {
    background-image: url(../img/down2.png)
}

.thumbsupold {
    background-image: url(../img/thumbsup.png);
    background-size: contain;
    clear: both
}

.share {
    background-image: url(../img/share.png);
    background-size: contain;
    clear: both
}

.rplus,
.rpplus {
    background-image: url(../img/plus.png);
    background-size: contain;
    clear: both
}

.info,
.posterror,
.posterror.active,
.rpplus {
    height: 16px;
    width: 16px;
    display: inline-block
}

.posterror {
    background-image: url(../img/error.png);
    background-size: contain;
    clear: both;
    cursor: pointer
}

.posterror.active {
    background-image: url(../img/error1.png);
    background-size: contain;
    clear: both;
    cursor: pointer
}

.info {
    background-image: url(../img/info.png);
    top: 4px
}

.preregister {
    font-weight: 400;
    font-size: 18px;
    cursor: pointer;
}

.layoutother {
    margin: 10px;
    background: #FFF;
    border: 1px solid #DDD;
    padding: 10px 20px;
    font-size: 14px;
    min-height: 400px
}

#upload {
    border-radius: 3px;
    min-height: 40px;
    margin: 0 10px
}

#upload.draggedpic {
    background: #40D885;
    border: 1px dotted;
    color: #FFF
}

.profilepicsmall {
    float: left;
    padding: 2px;
    display: block;
    float: left;
    margin-right: 10px;
}

#drop {
    padding: 10px;
    border-radius: 8px;
    border: 1px dashed #ddd
}

#drop a,
.addphotosbtn,
.linkbtn a {
    background-color: #F93E41;
    padding: 8.5px 26px;
    color: #fff;
    font-size: 18px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    line-height: 1
}.verrors{
    font-weight: 500;
    font-size: 18px;
}
#drop a,.addphotosbtn{
    font-size:18px !important;
}
#drop a:hover {
    background-color: #AD081A;
}

.chatpicout,
.chatpicouter,
.msgpicout,
.msgpicouter {
    background: #FFF;
    position: relative
}

#drop input {
    display: none
}

.fileuploadprogress {
    display: none;
    margin-bottom: 0;
    border-radius: 0
}

.category-dropdown.Y {
    color: #407aaa
}

.chatpicinner {
    position: relative;
    display: block;
    width: 100%
}

.chatpicloader,
.chatpicsend,
.msgpicloader {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: 0 auto
}

.chatpicsend {
    display: none
}

.chatpicloader,
.msgpicloader {
    width: 22px;
    display: none
}

.picsendico {
    font-size: 56px;
    color: green
}

.chatpicremove a,
.msgpicremove a{
    border: 0;
    font-size: 9px;
    color: #ACBCD7;
    padding: 2px 5px;
    background: 0 0
}

.chatpicsend {
    width: 20px;
    cursor: pointer
}

.chatpicremove,
.tools {
    top: 5px;
    position: absolute
}

.chatpicremove {
    right: 15px
}

.tools {
    right: 5px
}

.chatpicremove a,
.msgpicremove a {
    display: inline-block
}

.msgpicremove a {
    float: right;
    margin-right: 10px;
    position: absolute;
    right: 10px;
    top: 10px
}

.ajaxloader,
.commloader {
    right: 30px;
    display: none
}

.chatpicremove a:hover,
.msgpicremove a:hover{
    background: #ACBCD7;
    color: #fff
}
.tools a{
	cursor:pointer;
}

.imgcaption {
    margin-top: 10px
}

#fileloader {
    background: url(../img/loading.gif);
    background-size: contain;
    height: 100px;
    width: 100px
}

.photo-size,
.pic-size {
    height: 150px
}


.remove-img>.fa {
    font-size: 12px
}

.photosdiv {
    margin: 10px 15px
}


.single-img {
    background: #eff0f5;
    border: 1px solid #ddd;
    margin: 0 10px 20px
}

.profilesingle-img {
    border: 1px solid #ddd;
    margin: 2px
}

.profilepicsingle-img {
    border: 1px solid #ddd;
    margin: 0 10px 20px
}

.sortable-dragging,
.sortable-placeholder {
    border: 1px dashed #407AAA
}

.listingphoto-size,
.photo-size {
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%
}

.pic-size {
    width: 100%
}

.left-listingphoto-size {
    height: 100px;
    width: 100%
}

.listingphoto-size {
    height: 160px;
    padding: 5px;
    background: #EFF0F5
}

.singlelistingphoto,
.singlephoto {
    height: 100%;
    margin: 0 auto;
    width: auto
}

.imgcaption {
    max-width: 80%;
    margin: 5px auto;
    height: 52px;
    max-height: 52px
}

.sortable-placeholder {
    position: relative;
    width: 203px;
    float: left;
    padding: 5px;
    line-height: 274px;
    height: 274px
}
#category .sortable-placeholder{
    line-height: 255px;
    height: 255px
}
.fliter-dropdown {
    border-radius: 0;
    line-height: normal;
    margin: 0
}

#availability_calender {
    padding: 20px 15px
}

.popover {
    border-radius:4px;
}
.popover.top{
	left:10px !important;
}
.verify-icon {
    width: 24px;
    height: 24px
}
.cover-bg{
	background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center center !important;
	height:250px;
    border-radius: 8px;
}
.show_less_desc{
    max-height:105px !important;
    overflow:hidden !important;
}
.cover-bg-dest{
    height: 200px;
    border-radius: 6px;
}
.cover-bg-guide{
    height: 160px;
    border-radius: 6px;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}
.home-houses{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
	height:180px;
    border-radius:6px;
}
.cover-bk {
    background-image: url(../../assets/img/bg1.jpg);
    background-position: center center;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    width: auto
}

.pricing-cards {
    margin-top: 15px
}

.listing-info-outer:after {
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 10px solid #FFF;
    left: 127px;
    position: absolute;
    top: 208px
}

.carousel-control {
    top: 40%
}

.single-suggestion {
    border: 1px solid #DDD;
    padding: 5px 30px
}

.single-link {
    border: 1px solid #DDD;
    padding: 10px
}

.fa.fa-minus-square,
.fa.fa-plus-square {
    font-size: 22px
}

.suggestion_h1,
.suggestion_h2 {
    font-size: 14px;
    text-transform: capitalize;
    color: #355A81
}

.suggestion_h3 {
    font-size: 14px;
    color: #222
}

.link_h1,
.link_h2 {
    font-size: 14px;
    color: #355A81;
    margin-bottom: 0
}

.link_h1 {
    text-transform: capitalize
}

.block-header>h2,
.lv-avatar,
.p-menu>li>a {
    text-transform: uppercase
}

.link_h2 {
    word-wrap: break-word
}

.bhoechie-tab-content.active {
    padding: 0 10px;
    margin-bottom: 40px
}

.res_ratingres {
    background: #eff0f5;
    font-size: 20px;
    height: 34px;
    margin: 0 15%;
    padding: 4px 9px
}

.res_ratingres_label {
    margin-bottom: 0;
    font-size: 13px
}

.recommed_rating_div {
    line-height: 40px;
    padding: 0 15px
}

.ui-slider {
    height: 2px
}

.ui-slider:hover {
    cursor: pointer
}

.ui-slider .ui-slider-range {
    background: #355A81;
    height: 2px!important
}

.ajaxloader,
.commloader,
.majaxloader {
    background: url(../img/loader-blue.gif);
	background-repeat:no-repeat;
    height: 10px;
    width: 20px
}

.importcalloader.active {
    clear: both
}

.ajaxloader {
    position: absolute;
    top: 5px
}

.commloader {
   margin:0 auto;
}

.commloader.active {
    display: block
}

.fmsgloader,
.majaxloader {
    display: none
}

.fmsgloader,
.msgchatloader {
    background: url(../img/loader-blue.gif);
    height: 10px;
    width: 40px
}

.chat-linkpreviewloader {
    margin-bottom: 30px
}

.chat-linkpreview {
    overflow: hidden
}

.fmsgloader.active {
    display: block
}

.msgchatloader {
    display: none;
    margin: 10px 120px;
    position: absolute
}

.msgchatloader.active {
    display: block
}

ul.inbox-nav,
ul.inbox-nav li {
    display: inline-block;
    width: 100%
}

#postsloader {
    margin: 0 auto;
    position: relative
}

.loading.middleloader {
    position: absolute;
    left: 50%;
    margin-left: 7.5px;
    margin-top: 200px
}

.media-body,
.msgtextleft {
    position: relative
}

.slemailcontent {
    padding: 15px;
    min-height: 400px
}

.hr-nomargin {
    clear: both;
    margin-bottom: 5px;
    margin-top: 5px
}

.text-hoverunderline:hover {
    text-decoration: underline
}

.ahover:hover,
.clkshow:hover {
    text-decoration: underline !important
}

.form-block {
    padding: 10px
}
.form-block2{
    padding: 0px 10px 15px 10px;
}
.checksmspan{
    font-size: 14px;
    margin-left: 15px;
}
.aradioin1{
    margin-right: 15px !important;
    cursor:pointer;
}.aradioin1g{
    margin-right: 10px !important;
}
.aradiospan1{
    display: inline-block;
    margin-right: 15px;
}.aradiospang{
    margin-right:8px;
}
.custom-search-input {
    border: 1px solid #E4E4E4;
    border-radius: 0;
    background-color: #fff;
    font-size: 16px
}

.custom-search-input input {
    border: 0;
    box-shadow: none
}

.custom-search-input button {
    margin: 0;
    background: 0 0;
    box-shadow: none;
    border: 0;
    color: #666;
    border-left: solid 1px #ccc
}

.custom-search-input button:hover {
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc
}

.custom-search-input .glyphicon-search {
    font-size: 16px
}

ul.inbox-nav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    border-collapse: collapse
}

.inbox-divider {
    border-bottom: 1px solid #d5d8df
}

ul.inbox-nav li {
    line-height: 45px;
    border: 1px solid #DDD
}

ul.inbox-nav li a:hover {
    cursor: pointer;
    background: #F4F6F9
}

.user-head .inbox-avatar {
    float: left;
    width: 65px
}

.inbox-user-head {
    border-radius: 4px 0 0;
    color: #fff;
    min-height: 80px;
    padding: 10px;
    float: left
}

.lv-item.media {
    margin-top: 0
}

.msg-bodyouter {
    overflow: visible!important
}

.lv-message .lv-item {
    padding: 5px
}

.lv-message .lv-item.right .lv-avatar {
    margin-right: 0;
    margin-left: 15px
}

.lv-message .lv-item:not(.right) {
    background: #FFF;
    color: #000
}

.lv-message .lv-item.right .ms-item {
    background: #FFF;
    margin-right: 8px
}

.input-group .form-control {
    float: left;
    margin-bottom: 0;
    position: relative;
    width: 100%;
    z-index: 2
}

.input-group-addon {
    background-color: transparent;
    color: #222;
    font-size: 16px;
    line-height: 1;
    padding: 6px 12px
}

.input-group-addon,
.input-group-btn {
    vertical-align: middle;
    white-space: nowrap;
    width: 1%
}

.lv-avatar,
.lv-avatar>img {
    width: 35px;
    height: 35px;
    border-radius: 50%
}

.input-group .form-control,
.input-group-addon,
.input-group-btn {
    display: table-cell
}

.lv-avatar {
    color: #FFF;
    line-height: 34px;
    font-size: 15px;
    margin-right: 15px;
    padding: 0!important
}

.lv-avatar>img {
    vertical-align: top
}

.ms-item {
    padding: 13px 19px 15px;
    border-radius: 2px;
    display: inline-block
}

.chatmsgtext,
.msgtext {
    background: #FFF;
    min-height: 40px;
    padding: 0px;
    font-size: 16px !important;
    word-wrap: break-word
}

@media (min-width:768px) {
    .ms-item {
        max-width: 100%
    }
    .btnchoose {
        width: 160px
    }
}

@media (min-width:550px) {
    .hnav-searchbar {
        width: 350px
    }
}

@media (max-width:550px) {
    .hnav-searchbar {
        width: 200px;
        width: calc(100% - 123px)
    }
}

.msgtext {
    padding-left: 10px;
    padding-right: 10px;
}

.chatmsgtext {
    width: auto
}
.file_download{
    display: block;
    z-index: 8;
    cursor: pointer;
    float: left;
    position: relative;
    color: #1876f2;
    text-decoration: underline;
}
.click_here_pay{
    color: #1876f2 !important;
    cursor: pointer;
}
.click_here_pay:hover{
    text-decoration:underline !important;
}
.file_download:hover{
    text-decoration:underline;
}
.msgtextleft {
    margin-left: 10px;
    float: right;
    text-align: left;
    padding-right: 15px;
    background: #FFF;
    border-color: #EEE;
    border-radius: 7.5px;
}

.chatmsgpic>img,
.msg-avatar>img {
    border-radius: 50%;
    vertical-align: top
}

.four-zero,
.login-content .lc-block {
    box-shadow: 0 1px 11px rgba(0, 0, 0, .27)
}

.msgmenuli {
    padding: 10px 20px!important
}

.msgblocktime{
	color: rgba(0, 0, 0, .45);
    font-size: 13px;
    min-width: 92px;
    text-align: left;
    position: relative;
    bottom: -4px;
    display: block;
    float:left;
    width:100%;
}
.msgtext p{
    margin-bottom:0px !important;
    min-height:20px;
}
.chatmsgpic,
.four-zero {
    text-align: center
}

.pull-right.msg-avatar {
    position: absolute;
    right: 0
}

.pull-left.msg-avatar {
    position: absolute
}

.deletemessagebox {
    display: none
}

.ms-date,
.msg-header {
    display: block
}

.msg-avatar>img {
    height: 42px;
    width: 42px
}

.chatmsgpic>img {
    height: 42px;
    width: 42px
}

.ms-date {
    color: #B3B3B3
}

.msg-date {
    padding-top: 4px;
    padding-left: 4px
}

#listingmsg_user {
    padding: 14px 5px;
    float: left;
    font-size: 14px;
    font-weight: 700
}

#messages-container {
    position: absolute;
    top: 48px;
    bottom: 0;
    left: 0
}

.msgitem {
    clear: both;
    width: 100%;
    overflow: visible;
    padding-top: 5px
}

.chat-content-container>.chat-innercontainer>.msgitem {
    padding-top: 0
}

.msg-content-outer {
    position: relative;
    width: 100%;
    height: 100%
}

.ms-date>i {
    font-size: 14px;
    vertical-align: bottom;
    line-height: 100%
}

.ms-reply {
    position: relative
}

.lv-body {
    padding: 0 10px 5px;
    overflow-y: scroll
}

.ms-reply textarea {
    width: 100%;
    font-size: 13px;
    padding: 10px 8px;
    resize: none;
    height: 60px;
    border: none
}

.four-zero-content {
    background: #fff;
    padding: 20px
}

.four-zero-content:before {
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #EDECEC
}

.four-zero {
    background: #00bcd4;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    margin-top: -150px;
    color: #fff;
    padding: 15px;
    height: 300px;
    width: 500px;
    left: 50%;
    margin-left: -250px
}

.four-zero h2 {
    font-size: 130px;
    line-height: 100%;
    color: #fff;
    font-weight: 100
}

@media (max-width:767px) {
    .four-zero {
        width: calc(100% - 40px);
        left: 20px;
        margin-left: 0;
        height: 260px;
        margin-top: -130px
    }
    .four-zero h2 {
        font-size: 90px
    }
}

.four-zero small {
    display: block;
    font-size: 26px;
    margin-top: -10px
}

.four-zero footer {
    background: rgba(0, 0, 0, .13);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px
}

.four-zero footer>a {
    font-size: 21px;
    display: inline-block;
    color: #FFF;
    margin: 0 1px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, .09);
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.four-zero footer>a:hover {
    background: rgba(0, 0, 0, .2)
}

.login-content {
    overflow: hidden;
    height: 100%
}

.login-content .lc-block {
    background: #fff;
    border-radius: 2px;
    padding: 35px 55px;
    width: 500px;
    display: inline-block;
    margin-top: -60px;
    vertical-align: middle;
    position: relative
}

@media (max-width:767px) {
    .login-content .lc-block {
        padding: 15px 35px 25px 20px;
        width: calc(100% - 60px)
    }
}

.login-content .lc-block .checkbox {
    margin: 5px 0 0 42px;
    text-align: left
}

.login-content .lc-block .btn-login {
    position: fixed;
    top: 50%;
    margin-top: -25px;
    right: -25px;
    box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28)
}

.login-content .lc-block:not(.toggled) {
    display: none
}

.login-content .lc-block.toggled {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    z-index: 10
}

.login-content .login-navigation {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: -45px
}

.login-content .login-navigation>li {
    display: inline-block;
    margin: 0 2px;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 150ms;
    transition-duration: 150ms;
    cursor: pointer;
    vertical-align: top;
    color: #fff;
    line-height: 16px;
    min-width: 16px;
    min-height: 16px;
    text-transform: uppercase;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden
}

.contact-block,
.contact-block:last-child {
    margin-bottom: 20px
}

.login-content .login-navigation>li>span {
    opacity: 0;
    filter: alpha(opacity=0)
}

.login-content .login-navigation>li:not(:hover) {
    font-size: 0;
    border-radius: 100%
}

.login-content .login-navigation>li:hover {
    border-radius: 10px;
    padding: 0 5px;
    font-size: 8px
}

.login-content .login-navigation>li:hover>span {
    opacity: 1;
    filter: alpha(opacity=100)
}

body.login-content {
    text-align: center
}

body.login-content:after {
    vertical-align: middle;
    display: inline-block;
    width: 1px;
    height: 100%
}

body.login-content:before {
    height: 50%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #00bcd4;
    z-index: 0
}

#profile-main {
    min-height: 500px;
    position: relative
}

#profile-main .pm-overview {
    overflow-y: auto
}

.commentstext,
.pms-inner,
.postnhtml {
    overflow: hidden
}

@media (min-width:1200px) {
    #profile-main .pm-overview {
        width: 300px
    }
    .pm-body {
        padding-left: 300px
    }
}

@media (min-width:768px) and (max-width:1200px) {
    #profile-main .pm-overview {
        width: 250px
    }
    .pm-body {
        padding-left: 250px
    }
}



@media (max-width:1200px) {
    .calendarinfoblock {
        float: left;
        width: 100%;
        max-width: 400px
    }.privacy-menu{
        display:none;
    }

}

@media (max-width:767px) {
    .btnpricechoose {
        height: 60px
    }
}

@media (min-width:1200px) {
    .contact-block {
        padding: 10px
    }
}

@media (max-width:1199px) {
    .contact-block {
        padding: 30px 20px 0
    }
}

.contact-block .pmbb-header {
    margin-bottom: 25px;
    position: relative
}

.contact-block .pmbb-header .actions {
    position: absolute;
    top: -2px;
    right: 0
}

.contact-block .pmbb-header h2 {
    margin: 0;
    font-weight: 100;
    font-size: 20px
}

.contact-block .pmbb-edit {
    position: relative;
    z-index: 1;
    display: none
}

.contact-block .pmbb-edit,
.contact-block .pmbb-view {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.contact-block.toggled .pmbb-edit {
    display: block
}

.contact-block.toggled .pmbb-view {
    display: none
}

.pmo-block {
    padding: 25px
}

.pmo-block>h2 {
    font-size: 16px;
    margin: 0 0 15px
}

.pmo-items .pmob-body {
    padding: 0 10px
}

.pmo-items a {
    display: block;
    padding: 4px
}

.pmo-contact ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.pmo-contact ul li {
    position: relative;
    padding: 8px 0 8px 35px
}

.pmo-contact ul li i {
    font-size: 18px;
    vertical-align: top;
    line-height: 100%;
    position: absolute;
    left: 0
}

.pdrop,
.post-view,
.timeline {
    position: relative
}
.pdrop{
    outline:none;
}
.timeline {
    float: left;
    position: relative;
    width: 100%;
}

@media (min-width:768px) {
    .filtersshowbtn {
        width: 25%;
        margin-right: 20px
    }
}

@media (max-width:767px) {
    .c-timeline {
        background: #edecec;
        box-shadow: none
    }
    .c-timeline .tab-nav {
        background: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, .15)
    }
    .filtersshowbtn {
        width: 40%;
        margin-right: 10px
    }
}

.btnmed,
.filtersshowbtn {
    padding: 5px 10px
}

.post-view {
    float: left;
    width: 100%;
    color: #222
}

.post-view .tv-header {
    background: #FFF;
    min-height: 40px;
    width: 100%;
    position: relative;
    margin-bottom: 5px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}

.tv-header img {
    height: 50px
}

.post-view .tv-header .actions {
    position: absolute;
    top: 5px;
    right: 10px
}

.actions-left {
    position: absolute;
    right: 250px;
    top: 5px;
    list-style: none
}

.create_new_catshow {
    cursor: pointer
}

.cat_list_ul {
    list-style: none;
    padding: 0
}

.catlist_li {
    margin: 5px 15px
}

.catname,
.search_cat {
    height: 28px
}

.filter-categories {
    min-width: 20px;
    padding-right: 30px
}
.cimg-first{
	background-size:cover !important;
	background-position:50% 50% !important;
    border-radius: 10px !important;
    z-index:4;
}
.dropdown_n2 {
    min-width:200px;
	position: absolute;
    background: #FFF;
    border: 1px solid #DDD;
    top:26px;
    list-style: none;
    padding:0px;
    z-index: 8;
	right:0px;
	left:auto;width:200px;
}
.dropdown_n2 li {
    padding:4px 10px;
    margin: 0px;
	float:left;
    width:100%;
}
.comments>.media:first-child {
    margin-top: 10px
}

.post-view .tv-body {
    width: 100%;
    position: relative;
    padding: 0px 10px 15px 10px;
}
.link-embed-posts{
    margin-top:10px !important;
    margin-bottom:10px !important;
}
.preview_1{
	padding-right:15px;
}
.posthtml>div>a,
.preview_1,
.preview_2,
.preview_3 {
    float: left;
    width: 100%;
    position: relative;
	text-align:left;
}
.harrow-down-outer{
	position: fixed;
    width: 12px;
    height: 12px;
	left:42px;
    top: 21px;
    color: #FFF !important;
	transition-property:-ms-transform,-webkit-transform,transform !important;
    transition-duration: 250ms !important;
}
.harrow-mleft-menu{
	transition: -ms-transform 304ms ease-out,-webkit-transform 304ms ease-out,transform 304ms ease-out !important;
	position: fixed !important;
	top:57px !important;
	right: 0px !important;
	left: 0px !important;
    height:calc(100% - 57px);
	-webkit-transform: translateY(0) !important;
	-ms-transform: translateY(0) !important;
	transform: translateY(0) !important;
	z-index: 99;
    background: #FFF;
	overflow-y:auto;
    display:none;
}.harrow-mleft-menu-mo{
    padding:0 10px;
}
.harrow-mleft-menu.active{
    display:block;
}.hsearchblk-ico2{
    color:#000;
}
.hsearchblk-m{
    display:none;
}
.mleft-menu{
	list-style:none;
	padding:0;
	margin:0;
}
.privacybtn{
	float:left;
	margin-top:5px;
}
.comments {
    float: left;
    width: 100%;
	background:#FFF;
    height:50px;
	border-bottom:1px solid #EEE;
}
.comments-outer{
	overflow:hidden;
}
.commpreview-outer{
	background:#FFF;
	border-bottom:1px solid #EEE;
}
.comments.visible {
    height: auto;
    max-height: 360px;
    overflow-y: auto;
    overflow-x: hidden;
}
.commentfetchpreview{
	text-align: center;
    padding: 30px;
    font-size: 13px;
	border-bottom:1px solid #EEE;
}
.commpreview-left,.commpreview-right{
	padding:5px;
}.commpreview-title {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    color: #2962ff;
}.commpreview-link{
	color: #2962ff;
}
.commpreview-domain{
	overflow: hidden;
    text-overflow: ellipsis;
    height: 25px;
    white-space: nowrap;
    float: left;
    width: 100%;
    padding-top: 5px;
}
.commentstext:-input-placeholder, .rlstext:-input-placeholder {
    color: #a6a6a6!important;
    font-size: 16px
}

.commentstext::-webkit-input-placeholder, .rlstext::-webkit-input-placeholder {
    color: #a6a6a6!important;
    font-size: 16px
}

.commentstext:-moz-placeholder, .rlstext:-moz-placeholder {
    color: #a6a6a6!important;
    font-size: 16px
}
.homebluebottom{
	font-size:16px;
}
.commentstext:-ms-input-placeholder {
    color: #a6a6a6!important;
    font-size: 16px
}

.commentstext {
    word-wrap: break-word;
    height: 32px;
    font-size: 16px;
    color: #222;
    padding: 5px;
    width: 100%;
    border-color: #EEE!important
}

.commentstext:hover {
    border-color: #EEE
}
.post_btnarea{
	padding:0px;
    float: left;
    width: 100%;
	border:1px solid #EEE;
}
.comment_btnarea {
	padding:0px;
    float: left;
    width: 100%;
}
.reply_btnarea {
	padding:0px;
    float: left;
    width: 100%;
	border-top:none;
}
.reply_btnareaedit{
	border: 1px solid #EEE;
    padding: 5px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.post-view .tv-body .tvb-lightbox {
    margin: 0 -8px 15px
}

.post-view .tv-body .tvb-lightbox [data-src] {
    padding: 0 5px;
    margin-bottom: 5px
}

.post-view .tvh-user {
    display: block
}

.post-view .tvh-user img {
    width:36px;
    height:36px;
    border-radius: 50%
}
.postitem{
	margin-bottom:10px;
}
.dropdown-menu > li > a{
    font-weight: 400 !important;
    font-size: 16px !important;
    color: #222;
}
.user-menu-dropdown > li > a{
    opacity: 1 !important;
    font-weight:normal !important;
    font-size: 15px !important;
}
.post-view .tvb-stats {
    list-style: none;
    padding: 0;
	border-top:none !important;
}

.tvb-stats {
    float: left;
    width: 100%;
    padding: 0;margin-bottom: 10px;
}
.closepopup{
    font-size: 24px;
}
.closepopup:hover,.closepopup:focus{
    color:#FFF !important;
}
.joinbtn{
	width:100px;
	margin:0 auto;
}.close{
	opacity:0.4;
    text-align: center !important;
    line-height: 17.5px !important;
    font-size: 16px !important;
    border-radius: 50%;
    color: #FFF;
    opacity: 1;
    display: block !important;
    text-shadow: none;
    font-style: normal;
    font-weight: 500;
}.close:hover{
	opacity:0.8;
}
.closepopup.closepopupv2:hover,.closepopup.closepopupv2:focus{
    color:#222 !important;
}
.tvb-stats>li {
    display: block;
    padding:4px 8px;
    cursor: pointer;
    color: #888;
    float: left;
	border:1px solid #EEE;
	width:33.33%
}
.like-li, .likecnt-li{
	border-right:none !important;
    width: 40px !important;
    text-align: center;
}
.share-li{
    width: 40px !important;
    text-align: center;
}
.tvb-stats>li:last-child{
    float: right !important;
    border:none;
}
.share-postbtn{
    border-right: none;
}
.dropdown_n2 a,
.mcatname {
    color: #222 !important;

	display: inline-block;
    float: left;
    padding-left:0px;
	font-weight:300;
}
.mcatname {
    font-size:18px;
}
.btnaddto{
	padding:2.5px 8.25px 1.5px 8.25px !important;
    border: 1px solid #EEE;
}
.houfy-rbars{
    color: #929598 !important;
}
.addtoicons{
    font-size: 17px;
    color: #929598 !important;
}
.user-profile-img {
    padding: 0px 10.5px !important;
}
.tvb-stats>li>a {
    color: #222;
    display: block;
    float: left;
    position: relative
}

.tvb-stats>li i {
    line-height: 100%;
    vertical-align: top;
    margin-top: 4.5px
}

.tv-comments .tvc-lists {
    padding: 0;
    list-style: none;
    margin: 0
}

.tv-comments .tvc-lists>li {
    padding: 15px 20px;
    margin: 0;
    border-top: 1px solid #eee
}

.tvc-more {
    color: #333;
    display: block;
    margin-bottom: -10px
}

.tvc-more:hover {
    color: #000
}

.tvc-more i {
    vertical-align: middle;
    margin-right: 5px
}

.p-header {
    position: relative;
    margin: 0 -7px
}

.p-header .actions {
    position: absolute;
    top: -18px;
    right: 0
}

.p-menu {
    list-style: none;
    padding: 0 5px;
    margin: 10px 20px
}

.p-menu>li {
    display: inline-block;
    vertical-align: top
}

.p-menu>li>a {
    display: block;
    padding: 5px 20px 5px 0;
    font-size: 13px
}

.p-menu>li>a>i {
    margin-right: 4px;
    font-size: 20px;
    vertical-align: middle;
    margin-top: -5px
}

.p-menu>li:not(.active)>a,
.p-menu>li:not(.active)>a:hover {
    color: #333
}

.pagerforu,
.searchform-outerhome {
    color: #FFF
}

.p-menu>li.active>a {
    font-weight: 700
}
.tvh-edit {
    width: 30px;
    float: right;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}
.comment-body{
    padding-left: 0;
    width: calc(100% - 32px);
    background: #FFF;
    margin-bottom: 10px;
}
.btn-comm-reply{
    background: #FFF !important;
    color: #ce0058 !important;
    border: 1px solid #ce0058;
    border-radius: 6px;
    border-width: 1px !important;font-size: 14px !important;
}.btn-comm-reply:last-child{
    margin-right:15px;
}
.btn-comm-reply:hover, .btn-comm-reply:focus {
    background: #ce0058 !important;
    color: #FFF !important;
    border: 1px solid #ce0058 !important;
}
.comment-post-timeblk{
    padding:2px 5px;
}
.post-timeformat{
    color:#222;
    font-size:13px;font-weight:400;
    display: block;
    margin: 0;
    float: left;
    padding: 0;
    line-height: 18px;
}
.comment-body-inside{
    background: #FFF;
    border-radius: 10px;
    padding: 0px 5px;
}.comment-body-inside1{
    padding:0;
    border-radius: 8px;
    width: calc(100% - 30px);
    float: right;
    padding-right: 10px;
}
.comment-body1{
    background: #FFF;
    width: calc(100% - 32px);
    margin-left: 5px;
}
.comment-body1grey{
    background: #EFF2F5;
    padding: 5px 5px 5px 10px;
    border-radius: 10px;
    overflow:hidden;
}
.commentocomment .comment-body{
    width: calc(100% - 90px);
}
.btn-msendrequest,.viewmobilepricebtn{
    width:100%;}
.sharemenuitem{text-align:center;padding: 4px !important;}
.sharemenuitem i{
	vertical-align:middle !important;
	line-height:30px !important;
}
.sharemenuitems.rrssb-houfy {
    padding-top:8px;
}
.rrssb-houfy span{
	display:inline-block;
}
.sharemenu-outer > .rrssb-houfy span{
    height:27px;
}
.rrssb-houfy:hover .blueh{
	background-image: url('../img/houfy-h-white.png');
}
.rrssb-houfy:hover .sharemenuitem{
	background:#0077B2 !important;
	border-radius:4px;
}
.rrssb-houfy:hover{
	background:#0077B2 !important;
	border-radius:4px;
}
.houfy-sharep:hover{
    background:#FFF !important;
}

.houfy-fsharep .fbcolor{
    font-size: 26px;
}
.houfy-fsharep:hover .fbcolor{
    color:#325392 !important;
}
.rrssb-googleplus:hover{
	background:#D72B15 !important;
	border-color:#D72B15 !important;
	border-radius:4px;
}
.rrssb-googleplus:hover .sharemenuitem{
	background:#D72B15 !important;
	border-radius:4px;
}
.rrssb-googleplus:hover .gcolor{
	color:#FFF;
}
.rrssb-facebook:hover{
	background:#325392 !important;
	border-color:#325392 !important;
	border-radius:4px;
}
.houfy-fsharep{
    padding:0px !important;
}
.houfy-fsharep:hover{
    background:#FFF !important;
}
.rrssb-facebook:hover .sharemenuitem{
	background:#325392 !important;
	border-radius:4px;
}
.rrssb-facebook:hover .fbcolor{
	color:#FFF;
}
.rrssb-twitter:hover{
	background:#59ADEB !important;
	border-color:#59ADEB !important;
	border-radius:4px;
}
.rrssb-twitter:hover .sharemenuitem{
	background:#59ADEB !important;
	border-radius:4px;
}
.rrssb-twitter:hover .twittercolor{
	color:#FFF;
}
.rrssb-linkedin:hover{
	background:#0070AF !important;
	border-color:#0070AF !important;
	border-radius:4px;
}
.rrssb-linkedin:hover .sharemenuitem{
	background:#0070AF !important;
	border-radius:4px;
}
.rrssb-linkedin:hover .linkedincolor{
	color:#FFF;
}
.rrssb-pinterest:hover{
	background:#BD081C !important;
	border-color:#BD081C !important;
	border-radius:4px;
}
.rrssb-pinterest:hover .sharemenuitem{
	background:#BD081C !important;
	border-radius:4px;
}
.rrssb-pinterest:hover .pinterestcolor{
	color:#FFF;
}
.rrssb-linkedin:hover .embedcolor{
	color:#FFF;
}
.hmenulargeuser{
    padding: 10.5px 0px !important;
}
.folder-content-title{
    font-size: 24px !important;
    font-weight: bold !important;
    color: #222 !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
.menu-filter-dropdown1-cls,.mobile_visible{
    display:none;
}
.hsearchblk.help-search{
    display: block;
    position: relative;
    float: left;
    width: 100%;
    left: unset;z-index:8;padding:10px 0;
}
.hsearchblk.help-search .searchuser{
    position: absolute;
    top: 48px;left:0;height:auto;max-height:340px;overflow-y: auto;
}.hsearchblk.help-search.left-align .searchuser{
    left: 0;
}.social-home-lmenu-item:first-child{
    margin-top:10px !important;
}
@media (max-width:991px) {
    .btn-sendrequest, .btn-successsmall,.viewmobilepricebtn,.btn-msendrequest,.btn-msendrequest{
        background:#ce0058;
        color:#FFF;
        border:1px solid #ce0058;
        font-size: 16px;
    }
    .search {
        margin: 20px 2px 30px;
        display: block
    }
    .filternrnightsblock,
    .filtersrescnt-row,
    .nextmonthtable,
    .nmap-area {
        display: none
    }
    .nmap-area.mobile-active{
        display:block;
    }
	.vbtn-area{display:none;}
	.post-view {
        background: #fff;
        /*box-shadow: 0 1px 1px rgba(0, 0, 0, .15);
		border: 1px solid #EEE;*/
    }
	.m-margin-top-15{margin-top:15px;}
	.mobilecrequest{display:block;padding:5px 25px;}
	.btn-sendrequest{display:none;}
    .btn-bookct{display:block;}
    .btn-mapboxsendrequest{display:block;}
	.viewcheckdatesblock{padding:0px 5px;}
	.nlinkosites{
		width:33.33% !important;
	}
    .home-bottom-addls{
        padding-top:40px;
        padding-bottom:40px;
    }
    .mobilepriceblk a{
        color:#222 !important;
    }
	.pricing-block-inner.mfixed {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		z-index:90;
		background: #fff;
		bottom: 0px;
		display: block;
		height: 100%;
		overflow-x:hidden;
		overflow-y:auto;
        padding:0 !important;
	}
    .houfynav-right{
        float:none !important;
    }
    .bottomsignupmsgviewls{
        display:none;
    }
	.hmenularge{
		display:none;
	}.lrpagenav{display:none;}
    .thumb-list-pic1-outer{
        text-align:center;
        float: none !important;
        max-width: 300px;
        margin: 0 auto;
    }
    .navbar-nav {
        margin: 0
    }
    .menu-filter-dropdown1-cls{
        display: block;
    }
    .search input[type=text] {
        width: 100%;
        border: 1px solid #ccc
    }
    .bdatedd,
    .bdatemm,
    .bdateyyyy {
        padding-bottom: 15px
    }
    .editlisting-calcontent{
        padding:0px !important;
    }
    #calendararea{
        overflow:hidden !important;
    }
    .filter-dates-block,
    .viewdates-block {
        padding: 10px 5px!important;
        width: 50%!important
    }
    .filternrguests {
        width: 100%!important
    }
    .viewlsguests {
        padding: 5px;
    }
    .pricing-block-outer.mfixed .pblock{
        padding:5px 25px;
    }
    .pricing-block-outer.mfixed .viewlistingtab{
        padding:5px 25px;
    }
    .pricing-block-outer.mfixed .viewlsguests{
        padding:0px !important;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .maincdiv.blurred {
        opacity: .7
    }
    .headernavbar.blurred, .headernavbar1.blurred {
        opacity: .7;
        border-bottom: none
    }
    .mpaddl {
        padding-left: 5px
    }
    .mpaddr {
        padding-right: 5px
    }
    .datepicker.dropdown-menu {
        position: fixed!important;
        z-index: 99999999999999999999999!important;
        backface-visibility: hidden;
        margin: -126.5px -141px -141.5px -131px !important;
		top:50% !important;
		left:50% !important;
    }
    .datepicker:after,
    .datepicker:before {
        content: none
    }
    .priceslideout {
        padding: 0 20px;
    }
    #edate,#sdate {
        -webkit-appearance: none;
        appearance: none;
    }
    .nearbyleft {
        background: #FFF;
        float: left;
        padding: 15px
    }
    #map-canvas2 {
        position: relative;
        overflow: hidden;
        background-color: #e5e3df;
        float: left;
        height: 500px;
        width: 100%
    }
    .mhometabscontent {
        margin-top:40px
    }
    .nightsblock {
        display: none!important
    }
    .searchform-outerhome {
        padding-top: 60px
    }
    .share-block-listing,
    .viewlistingtab {
        padding: 15px
    }
	.leftmenu,.hmobilemenu{
		display:block;
	}.mobilemenuright{
		display:none !important;
	}
	.logosmall{
		display:block;
		position:fixed;
		margin-top:14px;
	}
	.logosmall1{
		display:block;
		position:fixed;
		margin-top:18px;
	}
	.showlogo{
		display:none !important;
	}
	.showlogo-outer{
		display:none !important;
	}
	#searchw1,#searchw2,#searchw3{
		display:none;
	}
	#searchw1.fixed{
		display: block;
	}
    .hpopup-bg{
        width:100%;
        position: fixed;
        top: 0px;
        bottom: 0px;
        height: 100%;
    }
    .hpopup-bg > .mymodalcontent > .popupbtnarea{
        position: fixed;
        bottom: -1px;
        background: #FFF;
        z-index: 5;
    }
	.mcatdropdown.fixed,.mfiltersdropdown.fixed{
		position:fixed !important;
		border:0px;
		width:100%;
		height:100%;
		z-index:999 !important;
		top:0px;
		left:0px;
		right:0px;
		bottom:0px;
		padding:0px;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.searchwidgettext {
		text-overflow: ellipsis;
		overflow: hidden;
		width: 100%;
		padding: 0px 10px;
        font-size:16px;
		white-space: nowrap;
		position: relative;
		float: left;
	}
	.spanwhere{
		position: absolute;
		left: 50%;
		margin-left: -24px;
	}
	.closeicon-outer.fixed{
		top:34px;
	}
    .guidelistings{
        float:none !important;
        width:100% !important;
        display:inline-block !important;
    }
	.searchwidget-mobile{
		float:left;
		position:relative;

	}
	.searchwidget-mobile-blk{
		float: left;
		position: relative;
		width: 33.33%;
		text-align:center;
		line-height:57px;
		border-right:1px solid #DDD;
		cursor:pointer;
	}
	.searchwidget-mobile-blk:last-child{
		border-right:none;
	}
	.searchwidget-mobile-blk.mactive{
		width:100%;
	}
	.searchwidget-mobile-blk.mactive{
		border: 1px solid #DDD;
		margin-bottom: 15px;
		padding: 0px;
	}
	.viewambtngroup{
		width:100%;
	}
	.namenities-tab{
		padding:4px 2px !important;
		width:20%;
		text-overflow:ellipsis;
		overflow:hidden;
	}
	.rnamenities-tab{
		padding:4px 2px !important;
		width:33.33%;
		text-overflow:ellipsis;
		overflow:hidden;
	}
    .ac_tab_btn{
        width:25%;
    }
	.DateInput--with-caret::before,
	.DateInput--with-caret::after {
		display:none !important;
	}.footerblast{margin-bottom:50px;}.folder-sidebar{display:none !important;}
	.postsfeed{border:none !important;}
	.commentarea{margin-top:10px;}
	.post-view .tv-body, .post-view .tv-header{
		border:none !important;
	}.comments{padding:0px !important}.menulines-outer{display:block;}.mobilemenu {
    top: 57px !important;
    left: -1px !important;
    bottom: -1px !important;
    position: fixed !important;
    right: -1px !important;
	z-index:99 !important;
	width:100% !important;
	}
    .listing-folder-content-title{
        display:none;
    }

    .lsselectdropdown{
        margin-top:15px;
    }
    .listidata-results{
        padding:5px !important;
    }
    .lscreenbtn{
        display:none !important;
    }
    .smscreenbtn{
        display:inline-block !important;
    }.backsyncbtn{
        margin:0 auto;
    }
    .myearview,.printcalbtn{
        display:none;
    }.exportcalbtn{
        border-left:1px solid #DDD;margin-left: 1px !important;
    }.profile-header{
        display:none !important;
    }
    .tabsm-left{
        display:none;
    }
    .headersearch{
        border:none;
    }.houfy-help-m .hsearchblk{
        margin-left:0;
    }.menu-top-p{
        margin:0 10px;
    }
    .user-profilephoto{
        padding:10px 0;
    }
    .user-profilephoto a{
        padding:0;
    }

    .has-topics .hsearchblk.help-search{
        padding:0 10px;
    }
    .reservations-desk{
        display:none;
    }
    .messgeslist-desktop{
        display:none;
    }
    .messgeslist-mobile{
        display:block;
    }
    .post-container-list a{
        padding: 1px 5px !important;
    }
    .btn-homeprivacy{
        padding:8.5px 5px !important;
    }
    .mobile-half-block{
        width:50% !important;
        text-align:center;
        padding:5px;
    }
    .profileinfo-list-d{
        display:none;
    }.profileinfo-list{
        margin: 10px auto;
        text-align: center;
    }.create-top-btn-mobile{
        display:block;
        margin-top:15px;
    }.btn-profile-outer{
        display: block;
        position: relative;
        text-align: center;
        margin: 0 auto;
        width: 100%;
        float: left;
    }
    .guide-header1{
        display:block;
    }
    .guide-header{
        display:none;
    }.reservations-h1{
        display: block !important;
    }.contact-form{
        margin-top:15px;
    }
    .overviewmblk{
        margin-top:15px;
    }.listing-single{
        padding-top:0px !important;
    }.searchuserabs{
        position: absolute;
        top: 50px;
        bottom: 0px;
        left: 0px;
        right: 0px;
        display: block;
        height: calc(100vh - 142px) !important;
        -webkit-overflow-scrolling: touch !important;
        overflow: auto;
    }.summary-info{
        margin: 0px;
        padding-bottom:15px;
    }
    .cover-bg-dest{
        height:160px;
    }.houfy-modal-body{
        padding: 10px 15px !important;
    }
    .summary_small{
        text-align:center;
    }
    .summary_small a{
        font-size:13px;
    }
    .summary_small li{
        padding-right:0px;
    }.home-bottom-addls-cl{
        padding-top: 60px;
        padding-bottom: 50px;
    }
    .short-info-hname{
        font-size: 12px;
    }.btn-copysharehost,.btn-sharehost{
        display: none;
    }.mobile_visible{
        display:block;
    }
    .summary_header h1{
        font-size:22px !important;
    }
    .summary-info .subsection-title{
        font-size: 20px;
        line-height: 1.37em;
    }.guide-owner-img{
        float:none;
    }.summary-owner-img {
        margin: 0 auto;
        height:auto;
    }.listing-icons{
        padding:5px 0px;
    }.reply-comm{
        padding:5px 0px 5px 20px;
    }.comment-body{
        padding-left:0px;
    }.commentocomment{padding:5px;}
}
@media (max-width:1300px) {
    .hsearchblk{
        display:none;
        float: left !important;
        position: absolute;
        background: #FFF;
        z-index: 11;
        width: 320px;
        left: 90px;
        margin-left:5px;
    }
    .hsearchblk-m{
        display:block;
        float: left;
        margin: 8.5px 1px 8.5px 1px;
        height: 38px;
        width: 38px;
        background: #D8DADF;
        color:#000;
        border-radius: 50%;
        line-height: 38px;
        text-align: center;
        cursor: pointer;
    }
    .hsearchblk.mactive{
        display:block;
    }
    .hsearchblk.help-search{
        display:block;
    }
    .social-left-menu4{
        display:none !important;
    }
    .social-left-menu4.active{
        display:block !important;
    }
}
@media (min-width:1301px) {
    .social-left-menu4{
        display:none !important;
    }
    .hlogolarge.flexlogo{
        float: left;
        background: url(../img/hlogos/15.png);
        display: block;
        height: 30px;
        width: 102px;
        background-size: cover;
    }
    .lgooutheader.flexlogoout1 {
        padding:11.5px 8px 15.5px 14px;
    }
    .hsearchblk.search-middle{
        position: absolute;
        left: 50%;
        margin-left: -160px;
    }
    .searchuser.search-middle {
        left: -130px;
    }
}


@media (max-width:600px) {
    .user-info-popover-outer{
        width:100%;
        max-width:600px;
    }.comment-d-block{
        width: calc(100% - 5px) !important;
    }
    .houfy-modal-close{
        text-align: right;
    }
}
@media (min-width:991px) and (max-width:1160px){
	.hmenularge3{
		display:none;
	}
}
.reservations-h1 {
    font-size: 28px !important;
    font-weight: 500 !important;
    color: rgba(0,0,0,0.75) !important;
    padding: 10px 15px;
}
.viewcomments{
	float: left;
	width: 100%;
	border-top: 1px solid #EEE;padding:15px 5px 0 10px;
}.viewcomments1{
    float: left;
	width: 100%;
}
.hlogolarge {
    float: left;
    background: url('../img/hlogos/smh4.png');
    display: block;
    height: 38px;
    width: 38px;
    background-size: cover;
}
.hlogolargefull {
    float: left;
    background: url(../img/hlogos/15.png);
    display: block;
    height: 30px;
    width: 102px;
    background-size: cover;
}
.slide-section-title a{
    color:#222;
    font-size:18px;
}
.invite-bg{
    background: url('../img/houfy-invite.jpg') !important;
    height: 435px !important;
    font-size: 14px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}
.hlogolarge1{
	float: left;
    background: url(../img/img/houfy_logo_sm5_n.png);
    display: block;
    height:26px;
    width: 26px;
}
.likeicons{
    padding-top:3px;
    font-size:16px !important;
    color:#222 !important;
}
.tvh-usercomm{
    width:32px;
}
.tvh-user {
    width:40px;
}
.tvh-user1{
    width:24px;
}
.like_count-ul{
	list-style: none;
    padding: 5px 10px;
    border-top:1px solid #EEE;
}
.li_social:hover{
	background:#EFF0F5 !important;
}
.likeicons.active{
	color:#1387A7;
}
.notifications_name{
    font-weight: 600;
    font-size: 15px;color:#222;
}
.notifications_time{
	padding-left:15px;
	font-size:13px;
}
.notification-outer{
	padding:5px;
    position: relative;
	float: left;
    width: 100%;
}.notifications_img-outer{
	float: left;
    width: 60px;
}.notifications_text {
    float: left;
    width: 100%;
	max-height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
}.notifications_text p{
    margin-bottom: 0px;
}
.close.notifications_cls{
	font-size:20px;
    position:absolute;
    right:-24px;
    top:3px;
	z-index: 4;
}
.notifications_item i{
    color:#222;
    font-size:20px !important;
}
.notifications_item span {
    display: inline-block;
}.notifications_item {
    float: left;
	z-index:4;
	margin-right: 10px;min-height: 62px;
    margin-bottom:5px;
    position:relative;width: 100%;
    border-radius:8px;padding: 5px;
}.notifications_item:hover,.notifications_item:focus{
    background:#F2F2F2;
}
.medal_notify {
    position: absolute;
    bottom: -8px;
    font-size: 16px !important;
    background: #02B1EB;
    display: block !important;
    width: 28px;
    height: 28px;
    line-height: 25px;
    border-radius: 50%;
    text-align: center;
    right: -10px;
    vertical-align: middle;
}
.medal_notify1{
    background:#22DA9B;
}
.medal_notify2{
    background:#FF6D66;
}
.medal_notify i {
    font-size: 13px !important;
    color: #FFF;
}
.notifications_top{
    width:85%;
    width:calc(100% - 60px);
    float: left;
    position: relative;
}
.notifications_item_link{
	display:block;
    float: left;
    width:100%;
}
.notifications_img{
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border-radius: 50%;
}
.hsocial-icons{
    padding:5px 10px;
}.hsocial-icons:first-child{
    padding-left: 0;
}.hsocial-icons i {
    font-size: 24px;
    color:#222;
}
.hsocial-icons .fa-facebook{
    color: #452D84;
}
.hsocial-icons .fa-twitter{
    color: #6AC7BE;
}
.hsocial-icons .fa-instagram{
    color: #000;
}
.hsocial-icons .fa-youtube{
    color: #E32668;
}
.hsocial-icons:hover,.hsocial-icons i:hover{
    color:#222;
}
.notification-lefttxt:hover, .notification-txt:focus {
    background:#FFF !important;
}
.searchw2{
	padding:5px 0px 1px 0px;
}
.searchw3{
	padding:5px 0px 1px 0px;
}
#searchw1.fixed,#searchw2.fixed,#searchw3.fixed{
	display:block;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 999;
	background: #FFF;
	width: 100% !important;
	padding:0px;
}
.searchwidget-mobile.active{
	position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    background: #FFF;
	z-index:99;
	padding:0px 15px;
}
.mobilemsgbtn {
    display: none;
    padding: 10px
}
.mcatdropdown,.mfiltersdropdown{
	background:#FFF;
	display:none;
	position:absolute;
	z-index:2;
	border:1px solid #EEE;
	border-top:none;
}
.pagerforu {
    margin-top: 60px
}

.bluebackground.secondbar,
.secondbar {
    margin-top: 46px
}

.pms-inner {
    margin: -3px 0 0;
    position: relative;
    top: -2px;
    white-space: nowrap
}

.pms-inner i {
    vertical-align: top;
    font-size: 20px;
    line-height: 100%;
    position: absolute;
    left: 9px;
    top: 7px
}

.pms-inner input[type=text] {
    height: 35px;
    border-radius: 2px;
    padding: 0 10px 0 40px
}

@media (min-width:768px) {
    .pms-inner input[type=text] {
        border: 1px solid #fff;
        width: 50px;
        background: 0 0;
        position: relative;
        z-index: 1;
        -webkit-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s
    }
    .pms-inner input[type=text]:focus {
        border-color: #DFDFDF;
        width: 200px
    }
	.comments{
		 padding:0px;
	}
}

.photos .p-item {
    margin-bottom: 24px;
    position: relative
}

.photos .p-item:before {
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transform: scale3d(0, 0, 0);
    -moz-transform: scale3d(0, 0, 0);
    -ms-transform: scale3d(0, 0, 0);
    -o-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .5);
    z-index: 0;
    border-radius: 0;
    opacity: 0;
    filter: alpha(opacity=0)
}

.photos .p-item:hover:before {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
    filter: alpha(opacity=100)
}

.photos .p-item img {
    width: 100%;
    border-radius: 2px
}

.photos .btn-float {
    z-index: 1;
    bottom: 40px;
    right: 40px;
    position: fixed!important
}

.contacts .c-item {
    border: 1px solid #e2e2e2;
    border-radius: 2px;
    margin: 5px
}

.contacts .c-item .ci-avatar {
    display: block
}

.contacts .c-item .ci-avatar img {
    width: 100%;
    border-radius: 2px 2px 0 0
}

.contacts .ci-avatar {
    margin: -1px -1px 0
}

.contacts .c-info {
    text-align: center;
    margin-top: 15px;
    padding: 0 5px
}

.contacts .c-info strong {
    color: #000;
    font-size: 14px;
    font-weight: 500
}

.contacts .c-info small {
    color: #999;
    margin-top: 3px
}

.contacts .c-info small,
.contacts .c-info strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block
}

.contacts .c-footer {
    border-top: 1px solid #e2e2e2;
    margin-top: 18px
}
.contacts .c-footer>button {
    padding: 4px 10px 3px;
    display: block;
    width: 100%;
    text-align: center;
    color: #333;
    font-weight: 500;
    border-radius: 2px;
    background: #fff;
    border: 0
}

.contacts .c-footer>button>i {
    font-size: 16px;
    vertical-align: middle;
    margin-top: -3px
}

.morephotos{
	position: absolute;
    top: 40%;
    color: #fFF;
    text-align: center;
    width: 100%;
	cursor:pointer;
}
.morephotos:hover{
	text-decoration:underline;
}
.post_pswp__counter{
	display:none !important;
}
.morephotos-overlay{
	position:absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: rgba(0,0,0,.4);
}
.block-header {
    margin-bottom: 25px;
    position: relative
}
.ccard-input{
}
.ccard_label{
	line-height:30px;
}
.payment-details-form{
	margin-bottom:40px;
    visibility:hidden;
}
.payment-details-form.active{
    display:block;
    visibility:visible;
}
#rheader.mheader {
    z-index: 0
}
.tagview1-outer{
    padding-right:10px;
}
.tagview1-outer-right{
    padding-left:10px;
}
.tagview1{
    padding-top:10px;background:#FFF;border: 1px solid #EEE;border-radius: 4px;
}
.profilepic_100{
    width: 100%;
    background-size: cover !important;
    display: block;
    background-position: center !important;
}.posts-sm-preview1{
    border-bottom: 1px solid #DDD;
}
.share-view-post{
    margin-top:5px;
}
.share-view-post-outer{
    padding:0px 15px;
}
.hcenter-main{
    min-height: calc(100vh - 400px );
}
.report-story{
    text-align:center;
    margin-top:15px;
    font-size:13px;
    cursor:pointer;
}
.report-story i{
    margin-right:10px;
}
.report-story span:hover{
    text-decoration:underline;
}
.folder-sidebar-link{
    border-radius: 4px;
}
@media screen and (min-width:768px) {
    .block-header {
        padding: 0 22px
    }
	.filter-dates-row{padding:13px 5px;}
}
.viewmenu-outer5.fixed .viewmenu{
    padding: 8px 10px 6px 10px;
    border-bottom: 1px solid #EEE;
    line-height: 1;
}
.viewmenu{
    background:#FFF;
}
.help-center{
    float: left;
    line-height: 57px;
    height: 57px;
    display: block;
    float: left;
    margin: 0;
    top: 0;
    color: #000;
    font-weight: bold;
    margin-right: 10px;
    margin-left: 0px;
}
@media screen and (min-width:991px) {
    .mhometabscontent,
    .nextfirstmon,
    .prevfirstmon,
    .setmprice {
        display: none
    }.post-view .tv-header {
		padding:5px 10px 0px 10px;
	}.hs-container{
        padding-left: 4% !important;
        padding-right: 4% !important;
    }.houfy-help-m{
        display:none;
    }
    .sendmsghost {
        position: absolute;
        top: 40px;
        left: 20px
    }.post-view {border-bottom:0px;}.listingnav-right{
        padding-top:5px;
    }
    .checkinout {
        padding-left: 10px;
        padding-right: 10px
    }
    .nhometabscontent.sticky > .nhometabsouter{
        padding-right:29px;
    }
	.mobilecrequest{display:none;}
    .bdatedd,
    .bdateyyyy {
        padding-left: 5px
    }
    .bdatedd,
    .bdatemm {
        padding-right: 5px
    }
    .rcalcalutions {
        margin-left: 8.33%;
        margin-right: 8.33%
    }
    .abtblock {
        padding: 10px 0
    }
    .hsearchblk{
        width:320px;
        /*border-left:1px solid #EEE;*/
    }
    .viewambtngroup button{
        margin-right:5px;
    }
    .hpopup-bg{
        width:800px;
    }
    .allbedrooms {
        padding: 5px
    }
    .accadults {
        padding-right: 10px
    }
    #requestform .pricing-block{
        margin-top:0px;
    }
    .showmresults{
        display:none;
    }
    .elistingleft.fixed {
        position: fixed;
        top: 88px;
        height: calc(100% - 97px);
        overflow-y: scroll;
        overflow-x: hidden;
        padding-right: 10px
    }
    .signinpagecontainer {
        margin-top:30px;
        margin-bottom:30px;
		min-height:500px;
    }
    .hidemfilters {
        display: none!important
    }
    .ncheckouter {
        padding: 7px 10px;
        background: #FFF
    }
    .reservationsbox{
        padding-left:15px;
    }
    .newdtblk {
        border-top: 1px solid #DDD;
        padding: 6px 10px;
        border-bottom: 1px solid #DDD;
    }
	.continueblk.sticky{
		display:block;
		position: fixed;
		top: 57px;
		width: 192px;
		z-index: 8;
		background: #FFF;
	}
    .guide_pic{
        float:right;
    }
    .pricing-subtitle1{
        padding-top:46px;
    }
    .ncheckin {
        border-color: #FFF!important;
        padding: 4px 10px;
        height: 31px;
        text-align: center;
        border-radius: 4px!important
    }
    .folder-sidebar-link {
        margin-bottom:15px
    }
    .ncheckin.current,
    .ncheckin:focus {
        background: #99ede6!important;
        color: #007a87!important;
        border-color: #99ede6
    }.lscreenbtn{
        display:block;
    }
    .smscreenbtn{
        display:none;
    }
    .followbtn{
        position: absolute;
        right: 10px;
    }
    .onlinestatviewlisting {
        margin-left: 15px;margin-top:-20px;
    }.sharecatblkinner{color:#498BB1;font-weight: 500;display:table-cell;vertical-align:middle;height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
	#departure{border:1px solid rgb(232,232,232);}
    .col-md-offset-1 {
        margin-left: 8.33333333%!important;
        margin-right: 8.33333333%!important
    }
    .col-md-offset-2 {
        margin-left: 16.66666667%!important;
        margin-right: 16.66666667%!important
    }
    .col-md-offset-3 {
        margin-left: 25%!important;
        margin-right: 25%!important
    }
    .col-md-offset-4 {
        margin-left: 33.33333333%!important;
        margin-right: 33.33333333%!important
    }
    .col-md-offset-5 {
        margin-left: 41.66666667%!important;
        margin-right: 41.66666667%!important
    }
    .col-md-offset-6 {
        margin-left: 50%!important;
        margin-right: 50%!important
    }
    .col-md-offset-7 {
        margin-left: 58.33333333%!important;
        margin-right: 58.33333333%!important
    }
    .col-md-offset-8 {
        margin-left: 66.66666667%!important;
        margin-right: 66.66666667%!important
    }
    .col-md-offset-9 {
        margin-left: 75%!important;
        margin-right: 75%!important
    }
    .col-md-offset-10 {
        margin-left: 83.33333333%!important;
        margin-right: 83.333333333%!important
    }
    .col-md-offset-11 {
        margin-left: 91.66666667%!important;
        margin-right: 91.66666667%!important
    }
    .col-md-offset-12 {
        margin-left: 100%!important;
        margin-right: 100%!important
    }

	.viewavailable{position:absolute;right:30px;bottom:50px;}
	/*.nwork-area{overflow-y:scroll}*/
	.bhoechie-tab-menu{margin-bottom:70px;}
	.filter-dates-row{padding:13px 5px;width:370px;}
	.mobilemenu,.hmobilemenu{
		    width: 320px;
    right: 0px;
    bottom: auto;
	    left: auto;
    border: 1px solid #EEE;
	}
	.viewmobilepriceout{display:none !important;}
	.showlogo{
		display:block;
	}
	.showlogo-outer{
		display:block;
	}
	.searchwidget-mobile{
		display:none;
	}
	.folder-sidebar.sticky{
		position: fixed;
		top: 80px;
		width: 285px;z-index:8;
		background: #FFF;
	}
	.folder-sidebar.listing-leftmenu.sticky{
		width: 188px;
	}
	.user-menu-dropdown{
        max-height: calc(100vh - 57px);
        overflow-y: auto;padding-bottom: 5px !important;
	}
    .notifications-dropdown{
		width:360px !important;
        left: auto !important;
        top: 58px !important ;
        border-radius:6px !important;
	}
    .tagview2{display:none;}
	.tagview1{
        display:block;
        margin-top:10px;
    }
    .tagview1.sticky{
        margin-top:10px;
        position:fixed;top:55px;
        width:273px;
    }
	.ccard_label{text-align:right;padding-right:10px;}
	.ccard_input{
		font-weight: 200;
		color: #222!important;
	}
    .viewmenu-outer5.fixed {
        padding: 0px;
        position: fixed;
        top: 57px;
        z-index: 5;
        background: #FFF;left: 0;
    }
    .editlistmenu{
        display: none !important;
    }
    .share-view-post.sticky{
        margin-top:0;
        position: fixed;
        top: 77px;
        max-width: 238px;
        z-index: 7;
        overflow-y: auto;
        max-height: calc(100% - 67px);
    }
    .singleviewpost .share-view-post.sticky{
        top: 127px;
    }
    .herror .share-view-post.sticky{
        top:115px;
    }
    .pricing-block-outer.sticky{
        position:fixed;
        top: 56px;
        z-index:9;
    }
    .herror .pricing-block-outer.sticky{
        top: 90px;
    }
    .searchdropdown{
        left:61px;
    }
    .dsearchouter{
        margin-top:80px !important;
    }
    .destnhometabscontent.sticky .dsearchouter{
        margin-top:30px !important;
    }.margin-bottom-25{
        margin-bottom:25px;
    }.mobile-half-block{
        padding:0px 5px;
    }.profile-item-right{
        text-align:right;
    }.sharesmbtn{
        top: 20px !important;
        position: absolute;
        right: 30px;
        z-index: 2;
    }
    .viewmorephotosbtn{
        bottom: 15px !important;
        position: absolute;
        right: 15px;
        z-index: 8;
    }
    .btn-reply-comm1{
        margin-right: 54px !important;
    }.newlisting-barea{
        line-height:124px;
    }
    .houfylimenu-inner.submenu{
        padding-left:40px !important;
    }.mobile-reblock{
        float: right;
        text-align: right;
    }
    .container-listidata-results{
        margin-top: 0px;
        padding: 15px 5px 0px 5px;
    }
    .nwork-area{
        position: fixed;
        overflow-y: auto;
        top: 106px;
        height: calc(100% - 106px);
        background: #FFF;
        left: 0;
    }
    .container-listidata-results-wish{
        padding: 0px 5px 0px 5px;
    }
    .searchuserabs{
        max-height:250px;
        position: absolute;
        top: 48px;border-radius: 4px;
    }
    .sguide-cover{
        margin: -80px auto 0;
    }.cover-bg-homepage{
        height:250px;
    }
    .posts-pic-modal{
        padding:0px 10px;
    }
    .summary-info .summary{
        width: 92px;
    }
    .listing-icons{
        width: calc(100% - 92px);
    }
    .am_tab_btn,.ac_tab_btn{
        padding:6px 15px 6px 0px !important;
    }
    .user-menu-dropdown{
        right:15px !important;
    }.hsearchblk.help-search .searchuser{
        width: 460px
    }.houfy-modal-bodyc .houfy-modal-insidebody{
        max-height:600px;
        overflow:auto;
    }
}
.stories_editarea{
    color:#000000d6;
}
.hosted_by_viewlisting{
    color: #222222;
    font-size: 16px;
    font-weight:600;
    margin-bottom: 5px;
}
.hosted_by_viewlisting2{
    color: #222222;
    font-size: 16px;
}
.hosted_by_viewdots{
    font-size: 18px;
    line-height: 16px;
    vertical-align: top;
    color: #222222;
}
.share-container{
    padding: 10px 20px;
}
.embed-ls-pic{
    height:250px;
}
.topic_slider{
    overflow-y: hidden;
    overflow-x: auto;
    margin-bottom: -40px;
    padding-bottom: 40px;
}
.searchmdates{
    padding:1px 0px;
    border: 1px solid #CCC;
    border-radius: 4px;
    margin-right: 15px;
}
.viewhost-mobile{
    display:none;
}
.houfy-searchclose-outer.no-searchbtn{
    right: 10px;
}
.pmain-title-sub{
    font-size: 18px;
    font-weight: 600;
    color: #222;
}
@media screen and (max-width:991px) {
    .block-header {
        padding: 0 18px
    }
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9 {
        float: left;
        position: relative;
        width: 100%
    }.post-view .tv-header {
		padding:0;
	}
    .post-view .tv-body{
        padding:0px 5px 15px 5px;
    }
    .stv-body{
        padding:0px !important;
    }
    .abtmblock {
        padding-bottom: 10px
    }
    .filters-show-map{
        display:none;
    }
    .showmresults{
        display: block;
        position: fixed;
        bottom: 0px;
        left: 0px;
        right: 0px;
        padding: 15px 40px;
        border-top: 1px solid #DDD;
        background: #FFF;
    }
    .filterstoparea{
        position: fixed;
        top: 0px;
        background: #FFFFFF;
        height: 57px;
        z-index:99999;
    }
	.msg-avatar>img {
		height:24px;
		width:24px
	}
    .followbtn{
        margin-bottom:15px;
    }
    .reservationstmenu{
        margin-bottom:15px;
    }
    .reservationstmenu li{
        width: 49%;
        text-align: center;
    }
    .headernavbar > .container,.headernavbar1 > .container{
        padding:0px;
    }
    .filtersmarea{
        height: calc( 100% - 129px );
        overflow: auto;
        position: fixed;
        left: 0px;
        right: 0px;
        padding: 0px 15px;
        top: 57px;
        z-index: 999;
        background: #FFF;
        bottom: 72px;
    }
    .overflowhidden .filtersmarea{
        overflow-y:scroll;
    }
    .hfilterarea .hidemfilters{
        display:block !important;
    }
    .filtersbottom.fixed {
        position: fixed;
        top:0px;
        bottom: 0;
        left: 0;
        right: 0!important;
        z-index: 99;
        background: #fff;
        width: 100%;
		height:100%;
        height: calc(100% - 57px);
    }
    .overflowhidden .filtersbottom.fixed{
        position:fixed;
    }
	.comments{
		margin-bottom:0px !important;
	}
    .signinpagecontainer {
        margin-top: 0px!important
    }
    .nhometabs,
    .nhometabscontent {
        display: none
    }
    .nhometabscontent.fixed {
        display: block;
        position: fixed;
        top: 0;
        background: #FFF;
        left: 0;
        bottom: 0;
        z-index: 99;
		height:100%;
        right: 0px !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    .home-right-area{
        margin-top:10px;
    }
    .bottommsglist,
    .checkinoutarrow,
    .nightsblockinner,.nightsblockouter {
        display: none
    }

    .minputhsearch {
        margin-bottom: 15px
    }
	.viewmorephotosbtn{display:none;}
	.viewavailable{position:absolute;right:15px;bottom:50px;}
	.msg-avatar {
		padding: 0 10px
	}
    .editlistmenu{
        display: block !important;
    }
    .btn-mcenter{
        text-align: center;
        float: none !important;
    }
    .userpprofile_info{
        text-align:center;
    }
    .ratings-stars-top{
        margin: 0 auto;
        width: 100%;
        margin-bottom: 5px;
    }
    .embed-container-2 .ratings-stars-top{
        width:auto;
    }
    .create-top-btn{
        display:none;
    }.embed-calendar{
        display:none;
    }
    .baseprice_desk{
        display:none;
    }
    .sharesmbtn{
        top: 20px !important;
        position: absolute;
        right: 10px;
        z-index: 6;
    }
    .viewmorephotosbtn{
        top: 20px !important;
        position: absolute;
        right: 50px;
        z-index: 6;
    }
    .sharesmbtn, .viewmorephotosbtn,.viewavailable{
        background:transparent !important;
        border:none !important;
    }
    .sharesmbtn span,.viewmorephotosbtn span,.viewavailable span{
        display: none !important;
    }
    .share-ls-icon{
        color: #FFF !important;
        font-size: 20px;
    }
    .fa-heart.share-ls-icon{
        font-size:20px !important
    }
    .fa-heart.active.share-ls-icon{
        color: #F93E41 !important;
    }
    .newlisting-barea{
        margin-bottom:15px;
    }.newlisting-barea1{
        margin-bottom:15px;
    }.amenities-menu-desk{
        display:none;
    }.pmain-title{
        font-size:20px !important;
    }.viewhost-top-title{
        display:none;
    }.houfy-searchclose-outer{
        right:10px;
    }.embed-ls-pic{
        height: 120px;
    }.viewmenu-outer5.fixed .viewmenu{
        padding: 8px 10px 8px 15px;
    }
    .container-listidata-results{
        padding-top:10px;
    }
    .tvh-user {
        width: 50px;
    }
    .notifications-dropdown{
        position:fixed !important;
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        top: 59px !important;
        box-shadow: none !important;
        border-radius: 0px !important;
        max-height: calc(100% - 57px) !important;
        overflow-y: auto;
    }.social-hsocial-icons{
        text-align:center;
    }
}
.tagview2{
	padding:5px 15px;
}
.tvh-user img{
	margin-right:10px;
	width:32px;
	height:32px;
}
.commto_tvh-user{
	margin-right:10px;
	width:22px;
	height:22px;
}
.listview .lv-title,
.lv-item .lv-small {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.hidemfilters {
    padding: 10px;
    display: none;
}

.block-header>h2 {
    font-size: 15px;
    color: #777;
    margin: 0;
    font-weight: 400
}
.vacationrentalsblk{
	height:230px;
	overflow:hidden;
}
.block-header>h2>small {
    display: block;
    text-transform: none;
    margin-top: 8px;
    margin-bottom: 20px;
    color: #9E9E9E;
    line-height: 140%
}

.block-header .actions {
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 3
}
.sm-number{
    font-size:13px;
}
.checkinoutarrow {
    font-size: 28px;
    color: #ccc;
    position: absolute;
    z-index: 9;
    top:14px;
    margin-left: -4px;
    left: 50%
}

.listview,
.lv-item {
    position: relative
}

.actions {
    list-style: none;
    padding: 0;
    z-index: 2;
    margin: 0
}

.actions>li {
    display: inline-block;
    vertical-align: baseline
}

.margin50 {
    margin-top: 50px
}

.pageh1 {
    font-size: 60px;
    font-weight: 100;
    line-height: 1
}
.h1rewards{font-size:36px;font-weight:300;line-height:1;-webkit-font-smoothing: antialiased;text-align:center;margin:50px 0px;}
.listview:not(.lv-lg):not(.lv-message) .lv-item {
    padding: 10px 15px
}
.viewmenu-outer1{padding:0px 5px;z-index:5;}
.viewmenu1{background:#EBEBEB;}
.viewmenu-outer{padding:10px 10px;z-index:5;background:#FFF;}
.viewmenu-outer.fixed{position:fixed;top:57px;}
.viewmenu-listing{
    /*display:none !important;*/
}
.viewmenu-listing{
    top: 0px !important;
    display:none !important;
    z-index: 8 !important;
    padding: 0px !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    min-height:57px !important;
}
.viewmenu-listing.fixed{
    display:block !important;
    z-index: 10 !important;
    left: 0;
}
.viewmenu-listing2{
    background: #FFF;
    width: 100%;
    z-index: 9;
}
.viewmenu-listing2.fixed{
    height: 57px !important;
    position: fixed;
    top: 57px !important;
    right: auto;
    left: 0;
    padding-left:15px;
    padding-right:15px;
}
.viewmenu-item2 {
    float: left;
    position: relative;
    padding: 9px;cursor:pointer;width:25%;
    border-bottom:2px solid transparent;
    display: flex;
    align-items: center;
    justify-content: center;
}
.viewmenu-item2.active{
    border-bottom:2px solid #CD0058;
    border-radius: 0px !important;
}
.viewmenu-item2 .viewmenu-name{
    display: block;
    float: left;
    line-height: 36px;
    height: 36px;
    font-size: 15px;
    color: #000;
    font-weight: 500;cursor:pointer;
}
.viewmenu-name-sm{
    display:block;
}
.viewmenu-item2:hover{
    background: #F5F5F5;
}
.viewmenu-item2.active:hover{
    background: #FFF;
}
.stories-row{
    background: #FBFAFA;
}
.viewmenu-listing .viewmenu{
    margin-left: -10px !important;
}
.viewmenu-item{
	padding:7px 10px;
    display:inline-block;
    cursor:pointer;
    font-weight: 500;
    font-size: 15px;color: #222;position:relative;
}
.viewmenu-listing .viewmenu-item{
    padding:16px 10px;
}

.viewmenu-item.active{border-bottom: 2px solid #1876f2;color:#1876f2;}
.viewmenu-item:hover{text-decoration:underline;}
.viewmenu-item1{
	padding:7px 10px;
    display:inline-block;
    cursor:pointer;
	opacity:0.9;
}
.dropdown-toggle{
    color:#222;
}
.ellipseloader{
    background: url('https://www.houfy.com/assets/img/loader-ellipse.gif');
    width: 100px;
    height: 40px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin:0 auto;
}
.ellipseloader.priceloader{
    float:right;
}
.viewmenu-item1.active{color:#000;}
.viewmenu-item1:hover{text-decoration:underline;}
.viewmenu-outer.sticky {
	display:block;
    left: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    z-index:10;
    position: fixed;
    background: #FFF;
    top:64px;
    right:auto !important;
    max-width:760px;
}
.private_lock{
    display:inline-block;
    margin-right:10px;
    color:#FFF;
    font-size:14px;
}
.private_lock_home{
    margin-left:10px;
}
.gallery_cover{height:288px !important;padding: 5px 0px 15px 0px;}
@media (min-height: 700px){.gallery_cover{height:368px !important;}}
@media (min-height: 850px){.gallery_cover{height:388px !important;}}
@media (min-height: 1000px){.gallery_cover{height:488px !important;}}
@media (min-height: 700px){
    .gallery_cover{height:268px !important;}
}
@media (min-width: 767px){
    .gallery_cover{height:368px !important;}
}
@media (min-height: 680px) and (min-width: 767px){
    .gallery_cover{
        height:380px !important;
    }
}
@media (min-height: 850px) and (min-width: 767px){
	.gallery_cover{
		height:430px !important;
	}
}
@media (min-height: 1000px) and (min-width: 767px){
	.gallery_cover{
		height:600px !important;
	}
}
@media (min-height: 700px) and (min-width: 767px){
    .gallery_cover{height:368px !important;}
}
@media (min-height: 850px) and (min-width: 767px){
	.gallery_cover{
		height:472px !important;
	}
}
@media (min-height: 1000px) and (min-width: 767px){
	.gallery_cover{
	height:622px !important;
	}
}
.gallery_cover1{height:320px !important;}
@media (min-height: 700px){.gallery_cover1{height:348px !important;}}
@media (min-height: 850px){.gallery_cover1{height:428px !important;}}
@media (min-height: 1000px){.gallery_cover1{height:468px !important;}}
@media (min-height: 700px){
.gallery_cover1{height:341.6px !important;}
}
@media (min-height: 850px){
	.gallery_cover1{
		height:421.6px !important;
	}
}
@media (min-height: 1000px){
	.gallery_cover1{
		height:541.6px !important;
	}
}
@media (min-height: 700px){
.gallery_cover1{height:552px !important;}
}
@media (min-height: 850px){
	.gallery_cover1{
		height:502px !important;
	}
}
@media (min-height: 1000px){
	.gallery_cover1{
	height:652px !important;
	}
}
@media (min-width:480px) {
    .listview.lv-lg .lv-item {
        padding: 17px 35px 17px 25px
    }
    .listview .lv-item .lv-actions {
        right: 15px;
        height: 30px;
        margin-top: -15px;
        top: 50%
    }
}

@media (max-width:767px) {
    .listview.lv-lg .lv-item {
        padding: 17px 35px 17px 20px
    }
}
.invite_cover .cimg-first{
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
.filterstext{
    display:none;
}
@media (max-width:991px) {
    .invite_cover{
        height:320px !important;
    }
    .invite_cover .cimg-first{
        background-repeat:no-repeat !important;
    }
    .filterstext{
        display: block;
    }
    .viewmenu-listing .viewmenu{
        padding-left: 15px;
    }
    .viewmenu-listing2.fixed{
        left:0;
        right: 0;
        max-width:100%;
        text-align:center;
    }
    .viewmenu-item2{
        width:25%;
    }.viewmenu-item2 .viewmenu-name,.viewmenu-name-sm{
        display:none;
    }
    .viewmenu-item2 .menu-iconscover{
        float: none;
        margin: auto;
        text-align: center;
        display: block;
    }
}
@media (max-width:400px) {
    .invite_cover{
        height:195px !important;
    }
}
@media (max-width:500px) {
    .invite_cover{
        height:180px !important;
    }
}
@media (max-width:620px) {
    .invite_cover{
        height:210px !important;
    }
}

.listview.lv-lg .lv-item:hover {
    background-color: #FFFFDB
}

.message-attachment {
    border-top: 1px solid #e7eaec;
    padding: 5px;
    font-size: 12px
}
.dgallery_cover{
    padding:0;
}
.dgallery_cover .cimg-first{
    border-radius:0 !important;
}
.dgallery_cover .color-overlay{
    border-radius:0 !important;
}
.lv-item {
    display: block;
    -webkit-transition: background-color;
    -o-transition: background-color;
    transition: background-color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    max-width: 100%
}

.lv-item .lv-small {
    font-size: 12px;
    color: #A9A9A9;
    display: block;
    width: 100%
}

.listview .lv-item .lv-actions {
    position: absolute
}

@media (max-width:767px) {
    .listview .lv-item .lv-actions {
        right: 7px;
        top: 10px
    }
    .blueimp-gallery.full {
        right: 0
    }
}

.blueimp-gallery.full {
    right: 0
}

.dragover {
    border: 2px dashed green!important
}

.lsdragged {
    border: 1px dashed #1876f2 !important;
}

.listview .lv-title {
    display: block
}

.listview a.lv-item:hover {
    background: #ECF9FF
}

.listview [class*=lv-img] {
    border-radius: 50%
}

.listview .lv-img {
    width: 50px;
    height: 50px
}

.listview .lv-img-sm {
    width: 35px;
    height: 35px
}

.listview .lv-header {
    text-align: center;
    padding: 15px 10px 13px;
    line-height: 100%;
    text-transform: uppercase;
    border-bottom: 1px solid #F0F0F0;
    font-weight: 500;
    color: #4C4C4C
}

.listview .lv-header .actions {
    position: absolute;
    top: 6px;
    right: 8px;
    z-index: 10
}

.listview .lv-header-alt {
    background: #FFF;
    padding: 3px 5px;
    border: 1px solid #EEE
}

.listview .lv-header-alt:after,
.listview .lv-header-alt:before {
    content: " ";
    display: table
}

.listview .lv-header-alt:after {
    clear: both
}

.listview .lv-header-alt .lv-actions {
    z-index: 3;
    float: right;
    margin-top: 3px;
    position: relative
}

.listview .lv-header-alt .lv-actions>li>a {
    margin: 0 3px
}

.listview .lvh-label {
    display: inline-block;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    line-height: 33px;
    vertical-align: middle
}

.listview .lv-footer {
    display: block;
    padding: 7px 10px 8px;
    border-top: 1px solid #F0F0F0;
    width: 100%
}

.listview a.lv-footer:hover {
    color: #050505
}

.listview.lv-bordered .lv-item:not(:last-child) {
    border-bottom: 1px solid #f0f0f0
}

.listview .lv-attrs {
    list-style: none;
    padding: 0;
    margin: 5px 0 0
}

.listview .lv-attrs>li {
    display: inline-block;
    padding: 2px 10px 3px;
    font-size: 12px;
    margin-top: 5px;
    margin-right: 2px
}

.listview .lv-attrs>li:not(.info):not(.primary):not(.warning):not(.danger) {
    border: 1px solid #dedede;
    background: #fff;
    color: #5e5e5e
}

.listview .lv-attrs>li.info {
    border: 1px solid #00bcd4;
    background: #00bcd4;
    color: #fff
}

.listview .lv-attrs>li.primary {
    border: 1px solid #2196f3;
    background: #2196f3;
    color: #fff
}

.listview .lv-attrs>li.warning {
    border: 1px solid #ff9800;
    background: #ff9800;
    color: #fff
}

.listview .lv-attrs>li.danger {
    border: 1px solid #f44336;
    background: #f44336;
    color: #fff
}

.listview .lv-attrs>li>a {
    display: block
}

.listview:not(.lv-message) .lv-title {
    color: #000
}

.btn-group.open .dropdown-toggle {
    box-shadow: none
}

.listview.lv-user {
    overflow-y: scroll
}

.tab-nav,
.tab-sub-nav {
    padding: 0;
    margin: 0;
    overflow: auto;
    white-space: nowrap;
    list-style: none
}

.conversation-bottom-controls-container {
    border-top: 1px solid #EEE;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0
}

#replyform {
    border: 1px solid #ddd
}

.conversation-bottom-controls-container li {
    display: inline-block
}

.tab-nav {
    box-shadow: inset 0 -2px 0 0 #eee
}

.tab-nav>li,
.tab-sub-nav>li {
    display: inline-block;
    vertical-align: top
}

.MessageTime,
.navbar-navigation,
.nomapresults,
.postpreviewpic,
.white-button {
    vertical-align: middle
}

.tab-nav>li>a,
.tab-sub-nav>li>a {
    display: inline-block;
    color: #7a7a7a;
    position: relative;
    width: 100%;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    font-weight: 500;
    font-size: 14px
}

.tab-nav>li>a:after {
    content: "";
    height: 2px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    -webkit-transition: all;
    -o-transition: all;
    transition: all;
    -webkit-transition-duration: 250ms;
    transition-duration: 250ms;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0)
}

@media (min-width:768px) {
    .hpricingtabs,
    .hpricingtabs2 {
        left: 50%
    }.share-postbtn{float: right !important;}
    .tab-nav>li>a {
        padding: 15px
    }
    .tab-sub-nav>li>a {
        padding: 5px 20px
    }
    .signinmodal {
        width: 400px!important;
        padding: 15px!important
    }
    .modallg {
        width: 680px!important
    }
    .signedoutmodal {
        width: 550px!important;
        padding: 15px!important
    }
    .hsearchtabs {
        width: 340px
    }
    .hpricingtabs {
        width: 500px;
        margin:5px auto 0 -250px
    }
    .hpricingtabs2 {
        width: 340px;
        margin: 0 auto 0 -170px
    }
}

@media (max-width:768px) {
    .tab-nav>li>a,
    .tab-sub-nav>li>a {
        padding: 15px 8px
    }
    .hpricingtabs,
    .hsearchtabs {
        width: 100%
    }
    .btnchoose {
        width: 50%
    }
    .rsearchblocks {
        padding: 15px
    }
	.comments{
		 padding:0px;
	}
	.commentocomment{
		padding-left:10px;
	}.tvb-stats>li{
		width:33.33%;
        padding:0px;
	}
    .listingspecblock:first-child {
        display:none;
    }
    .listingspecblock{
        width:33.333%;
    }
}

.signinmodal {
    z-index: 99
}

.tab-nav>li.active>a,
.tab-sub-nav>li.active>a {
    color: #000
}

.tab-nav>li.active>a:after,
.tab-sub-nav>li.active>a:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.tab-nav.tab-nav-right,
.tab-sub-nav.tab-nav-right {
    text-align: right
}

.tab-nav.tn-justified>li,
.tab-sub-nav.tn-justified>li {
    display: inline-block;
    min-width: 20%;
    text-align: center
}

.tab-nav.tn-prtabs>li {
    display: inline-block;
    min-width: 25%;
    text-align: center
}

.tab-nav.tn-icon>li .md,
.tab-sub-nav.tn-icon>li .md {
    font-size: 22px;
    line-height: 100%;
    min-height: 25px
}

.tab-nav:not([data-tab-color])>li>a:after,
.tab-sub-nav:not([data-tab-color])>li>a:after {
    background: #1876f2
}

.tabbable-line>.nav-tabs {
    border: none;
    margin: 0
}

.tabbable-line>.nav-tabs>li {
    margin-right: 2px
}

.tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #737373
}

.tabbable-line>.nav-tabs>li>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open,
.tabbable-line>.nav-tabs>li:hover {
    border-bottom: 2px solid #003C62
}

.tabbable-line>.nav-tabs>li.open>a,
.tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: 0 0!important;
    color: #333
}

.tabbable-line>.nav-tabs>li.open>a>i,
.tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6
}

.tabbable-line>.nav-tabs>li.open .dropdown-menu,
.tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0
}

.tabbable-line>.nav-tabs>li.active {
    border-bottom: 2px solid #003C62;
    position: relative
}

.tabbable-line>.nav-tabs>li.active>a {
    border: 0;
    color: #333
}

.tabbable-line>.nav-tabs>li.active>a>i {
    color: #404040
}

.tab-content {
    padding: 20px 0
}

.msg-userinfo {
    padding: 5px
}

.load-more {
    margin-top: 30px;
    text-align: center
}

.load-more a {
    background-color: #F93E41;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 5px 10px 3px;
    white-space: nowrap
}

.top-menu {
    list-style: none;
    padding: 0
}

.subheader-li a {
    text-transform: uppercase;
    transition: opacity .3s ease;
    opacity: .8
}

.nav-subheader {
    background: #FFF
}

.thumbnailimg {
    display: block;
    padding: 3px;
    margin: 0 auto 18px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ededed;
    border-radius: 2px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.photo-progress,
.rating-block {
    background: #3071a9
}

.thumbnail a>img,
.thumbnailimg>img {
    margin-left: auto;
    margin-right: auto
}

.thumbnail .caption {
    padding: 9px
}

.liptext {
    bottom: 30px;
    color: #fff;
    position: absolute
}

.listingreviews {
    padding: 0;
    margin-top: 10px
}

.singlelistingreview {
    padding: 0 10px;
    border: 1px solid #ddd
}

.listing-reviewtext {
    padding: 5px 0
}

.listing-reviewtitle {
    font-size: 16px
}

.listing-ratingvalue {
    margin: 10px 0
}
.notify-ico{
	font-size:16px !important;
    color:#222;
}
.rating-block {
    border-radius: 6px;
    color: #fff;
    font-size: 24px;
    margin: 10px auto;
    text-align: center;
    width: 60px
}

.progress {
    display: none
}

.progress.active {
    display: block
}
.lspicsprogress {
    position: absolute;
    bottom: 47px;
    left: 3px;
    right: 3px;
    height: 10px
}

.homenimgs-inner,
.homenimgs-outer {
    height: 100%!important;
    width: 100%!important
}

.homenimgs-outer {
    position: absolute!important;
    top: 0!important;
    bottom: 0!important;
    left: 0!important;
    right: 0!important
}

.ahover {
    position:relative;
	cursor:pointer;
    font-size:16px;
}

.homenimgs-inner {
    background-position: center center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important
}

.rating-bar {
    height: 5px;
    margin: 5px 0
}


.apanelheading {
    height: 38px;
    position: absolute;
    width: 100%
}

.listingsubmenus {
    margin: 5px 0;
    padding: 10px
}

.helppopover {
    width: 200px
}

.navbar-navigation {
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #DDD;
    border-radius: 2px
}

.md.icon.input-group-addon.fa.fa-search {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.btn-sendsmall {
    border-radius: 2px;
    float: right;
    margin-right: 10px;
    margin-top: 4px;
    padding: 3px 15px
}

.privacyblock {
    margin-right: 0
}

.privacyicon {
    padding-right: 15px
}

.privacy-dropdowntext {
    padding: 5px;
    font-size: 12px;
    text-align: center
}

.postform {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    border: 1px solid #EEE;
}
.posts-row{
    background:#FFF;
}
.post-textarea {
    width: 100%;
    padding: 10px 8px;
    resize: none;
    border: none
}

.post-textarea:focus {
    border: none
}

.post-textarea-bottomcontainer {
    background: #fff;
    border-top: 1px solid #eee;
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    clear: both;
    height:37px;
}

.singlepostext {
    font-size: 14px
}

#previewlink_outer {
    position: relative;
    width: 100%;
	padding:10px;
}
#previewlink{
	min-height:150px;
}
.msghtml{
	margin-top:10px;
}
.closePreview,
.closebtn,
.closepic {
    float: right;
    height: 15px;
    width: 15px;
    z-index: 8;
    background-image: url(../img/close1.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute
}.closePreview{top: 15px !important;
    right: 15px !important;}
.mfclose{
	line-height:25px;
	width:25px;
}
.del-sugg,
.edit-sugg,
.postpreviewpic,
.ricon,
.subli {
    display: inline-block
}

.closePreview,
.closebtn {
    background-position: left 0;
    top: -10px;
    right: 10px
}

.closePreview:hover,
.closebtn:hover {
    background-image: url(../img/close1.png);
    background-repeat: no-repeat;
    background-position: left -32px
}

.closePreview:active,
.closebtn:active {
    background-image: url(../img/close1.png);
    background-repeat: no-repeat;
    background-position: left -48px
}

.closepic {
    background-position: left 0;
    right: 0;
    top: 0
}
.close{
	font-size:28px;
}
.closebtn:hover,
.closepic:hover {
    background-image: url(../img/close1.png);
    background-repeat: no-repeat;
    background-position: left -32px
}

.photouploadprogressbar {
    height: 10px!important
}

.closebtn:active,
.closepic:active {
    background-image: url(../img/close1.png);
    background-repeat: no-repeat;
    background-position: left -48px
}

.photo-singlepost {
    overflow: hidden;
    height: 100px;
    line-height: 100px
}

.subli {
    float: none;
    text-align: center;
    width: 100px
}

.subli.active>a {
    border-bottom: 2px solid #1876f2;
    background: #FFF!important
}

.btn-commentdrop>.fa,
.del-sugg>.fa,
.edit-sugg>.fa,
.ricon>i {
    color: #adbdd6;
    padding: 3px 4px
}

.edit-sugg:hover,
.ricon>i:hover {
    background: #6585B3;
    color: #fff;
    cursor: pointer
}

#synced_cals {
    background: #EFF0F5;
    border: 1px solid #DDD;
    border-radius: 4px;
    padding: 5px 10px;
    display: none
}

.syncedcalname {
    font-size: 16px;
    text-transform: capitalize
}

.syncedcalname:hover {
    cursor: pointer
}
.previewimg-outer{
	width:100% !important;
    text-align:center !important;
}.vplayer.post_editor_image{
    height: 160px;
}
.previewimg {
    max-width:100%;
    width:100%;
    padding: 5px 10px
}
.postsinglephoto{
    width:100%;
}
.postsinglepic{
    width: 100%;
}
.ldropdown,
.pdropdown {
    height: 22px;
    width: 20px;
    background-image: url(../img/dropdown.png);
    background-repeat: no-repeat;
    cursor: pointer
}

.pdropdown {
    background-position: left 0;
    float: right
}

.pdropdown:active,
.pdropdown:hover {
    background-image: url(../img/dropdown.png);
    background-repeat: no-repeat;
    background-position: -42px 0
}

.ldropdown {
    background-position: left 0;
    position: absolute;
    margin-left: 10px
}

.ldropdown:active,
.ldropdown:hover {
    background-image: url(../img/dropdown.png);
    background-repeat: no-repeat;
    background-position: -42px 0
}

.post-textarea-bottomcontainer li:first-child {
    margin-right: -4px
}

.post-container-list {
    border-right: 1px solid #eee;
    border-width: 0 1px 0 0;
    display: inline-block
}

._previewsinglephoto,
.fliter-dropdown{
    border: 1px solid #DDD
}

.post-container-list a {
    display: inline-block;
    line-height: 35px;
    padding: 1px 10px;
    font-size: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-height: 33px;
}

.c-black {
    font-size: 15px
}

.btn {
    font-weight: 400
}

.media-post-userpic {
    padding: 0px 10px;
    overflow: visible!important
}

.commentarea {
    float: left;
    width: 100%;
    position: relative;
    font-size:14px;
    padding:15px 10px 10px 25px;
}
.replycommentarea {
    padding: 0;
    padding-left: 25px;padding-right:5px;
}
.commentarea .public-DraftEditorPlaceholder-root{
    font-size:18px !important;
}
.postprivacyoption {
    cursor: pointer
}

.commentdatetime {
    padding: 0 15px;
	display: inline-block;
    font-weight:normal;
    font-size:13px !important;
}

.comment-body p,.comment-body1 p{
    margin-bottom: 0px;
    min-height: 20px !important;
    font-size: 16px;
    color: #000000d6;
    font-weight:400;
}
.comment-body,.comment-body1{
    color: #000000d6;
}
.comment-body a,.comment-body1 a{
    color:#1876f2 !important;
}
.guide-profilename{
    font-size: 13px !important;
    font-weight: 400;
    float: left;
    display: block;
    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
}
.navbar-subheader {
    margin: 0;
    width: 100%;
    text-align: center;
    min-height: 40px
}

.navbar-subheader>li {
    float: none;
    display: inline-block
}

.post-container-list:hover {
    cursor: pointer;
    background: #EFF0F5
}

.dropdown.navbar-navigation.nav-rot-arrow.open {
    width: 100%
}

.hiddenpost {
    cursor: pointer
}

#post-container {
    float: left;
    width: 100%;
    position: relative
}

.singlepostitem {
    float: left;
    width: 100%;
    position: relative
}

._previewbpostsingle {
    width: 100px;
    height: 100px;
    margin: 2px;
    position: relative;
    float: left;
    background: #EFF0F5
}

.addnewphotolink {
    cursor: pointer;
    float: left;
    padding: 40px 35px;
    width: 100%
}

.morepics {
    cursor: pointer;
    float: left;
    padding: 40%;
    width: 100%
}

.favli {
    padding-top: 8px!important;
    padding-bottom: 8px!important
}
.favli.active{
    color:#1876f2;
}
.contactlistouter {
    margin: 10px 15px
}

.ctab,
.searchlist {
    margin-right: 10px;
    float: right
}

.blocktitle {
    font-size: 15px;
    margin-top: 10px
}

.singlecblock {
    padding: 10px
}

.cabouttext {
    margin-top: 15px
}
.postform.lsdragged,.typingamessage-block.lsdragged{
	border:1px dashed #1876f2;
}
.btn-blue {
    border: 1px solid #1876f2;
}

.btn-follow {
    height: 28px;
    min-width: 80px;
    color: #222
}

.btn-followlarge {
    height: 32px
}

.btn-follow:focus {
    border-color: #ccc
}

.btn-follow:hover {
    background: #EFF0F5;
    border-color: #adadad
}

.btn-followactive {
    background: #3071A9!important;
    color: #FFF!important;
    border-color: #3071A9!important
}

.btn-followactive:hover {
    color: #FFF!important;
    background: #F93E41!important;
    border-color: #F93E41!important
}

.btn-fact:hover {
    background: #3071A9!important;
    border-color: #3071A9!important;
    color: #FFF!important
}

.btn-blue:hover {
    border: 1px solid #1876f2;
}

.scontactdel {
    position: absolute;
    right: 10px;
    z-index: 4
}

.btncdropdown {
    padding: 6px 10px;
    margin-left: 10px;
    border: none
}

.csearchbtn {
    background: #FFF;
    border: none;
    position: relative;
    float: right;
    margin-top: 5px
}

.searchlist {
    list-style: none;
    padding: 5px 6px;
    height: 30px;
    width: 100%
}

.contactlist {
    border-left: 1px solid #ddd;
    padding: 15px;
    min-height: 880px
}

.menu {
    height: 300px
}

.menu.active {
    border-left: 2px solid #355a81
}

.menu>a {
    display: block;
    padding: 10px 15px;
    position: relative
}

.detailsection {
    clear: both;
    display: none
}

.detailsection.active {
    display: block
}

.commentppreview_a,
.fixedmsg,
.textvalinput {
    display: none
}

.contacts {
    box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 4px rgba(0, 0, 0, .24);
    float: left;
    width: 100%
}

.singlecontact {
    border-bottom: 1px solid #ececec;
    float: left;
    padding: 10px;
    width: 100%;
    border-left: 2px solid #FFF
}

.singlecontact.active {
    background: #E1F5FE;
    border-left: 2px solid #1876f2;
}

.commentppreview {
    float: left;
    margin-bottom: 15px;
    width: 100%
}

.reservationslist {
    font-size: 16px;
    margin-bottom:20px;
}
@media (min-width:650px) {
	.pac-container{
		width:550px !important;
	}
}
.btfilters {
    margin-right:5px;
    padding: 0px 16px!important;
    font-size: 15px;
    color: #222 !important;
    font-weight:400 !important;
    border-radius: 24px;
    background: #F0F2F5;
    height:32px;
    border: 1px solid #F0F2F5;
}
.btfilters.filtermactive{
    border:2px solid #153B59 !important;
}
.btfilters:hover, .btfilters:focus{
    background:#EEE;
    border:1px solid #EEE;
}
.signintxt{
    font-size: 32px;
    color: #222;
    font-weight: bold;
    margin-bottom: 20px;
}
.fixedmsg {
    background:green;
    border-radius: 3px;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    position: fixed;
    top:57px;
    z-index:999999;
}
.filtercnt{
	background: #013C5C;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-block;
    color: #FFF;
    line-height: 22px;
    text-align: center;
}
.profile-headertop1{
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 15px;
    width: calc( 100% - 100px );
    float: left;
    position: relative;
}
.profile-headertop2{
    font-size:16px;
    padding-bottom: 20px;
    margin-bottom: 15px;
}
.profile-headertop1_btn{
    color: #1876f2;
    position: relative;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
}
.profile-headertop1_btn:hover, .profile-headertop1_btn:focus{
    text-decoration: underline;
}
.fixedmsg.error {
    background: #F93E41
}

.maplistingloader {
    height: 10px;
    width: 40px;
    display: none;
    position: absolute;
    top: 100px
}

.listingpicwrapper,
.picwrapper {
    position: relative;
    width: 100%;
    height: 200px;
    overflow: hidden
}

.maplistingloader.active {
    display: block
}

.postimghidden,
.pthumbphoto {
    display: none
}

.btn-req {
    padding: 4px
}

ul#notifications li {
    padding: 10px;
    border-bottom: 1px solid #ddd
}

.leftsidepic,
.picmediathumb {
    position: absolute;
    background-position: center;
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 10px;
}

.contactimg {
    height: 72px;
    width: 72px;
    margin: 0 auto
}

.listingpicouter {
    margin: 10px
}

.picmediathumb {
    cursor: pointer
}

.leftsidepic-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100px
}

.leftsinglepic {
    padding: 2px
}
.btn-hmenu{padding-top:6px !important;padding-bottom:1px !important;background:#1387A7}
.btn-hmenu:hover,.btn-hmenu:focus{background:#127894 !important;}.btn-hmenu-outer{margin-top:20px;}
.leftsidepicspanel {
    position: relative
}
.homeh3text_l{color:#FFF !important;}
.leftsidecontactpic {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-repeat: no-repeat
}

.leftsidecontactpic-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 60px
}

.privacymenu {
    padding: 2px;
    font-size: 13px;
    text-align: center
}

.privacyoption {
    cursor: pointer;
    width:100%;
}
.post-profile{
	width:50px;
}
.post-time {
    position:relative;
    font-size:13px;
	display:block;
    float: left;
    padding: 0 10px;
    margin: 0;
}

.postsfile {
    margin: 5px 10px
}

.postfileico {
    font-size: 28px
}

.postmediathumb {
    background-position: center;
    background-size: cover;
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.postpicwrapper.hidden {
    display: none
}

.conversation-list {
    list-style: none;
    max-height: 330px;
    padding: 0 20px
}

.conversation-list .chat-avatar {
    display: inline-block;
    float: left;
    text-align: center;
    width: 40px
}

.conversation-list .chat-avatar img {
    border-radius: 100%;
    width: 100%
}

.conversation-list .conversation-text {
    display: inline-block;
    float: left;
    font-size: 12px;
    margin-left: 12px;
    width: 70%
}

.conversation-list .ctext-wrap {
    background: #f5f5f5;
    border-radius: 3px;
    display: inline-block;
    padding: 10px;
    position: relative
}

.conversation-window {
    width: 250px
}

.conversation-list .odd .ctext-wrap::after {
    border-color: rgba(238, 238, 242, 0) rgba(238, 238, 242, 0) rgba(238, 238, 242, 0) #e8e9ec!important;
    left: 100%!important;
    top: 20%!important
}

.conversation-list .odd .chat-avatar {
    float: right!important
}

.conversation-list .ctext-wrap::after {
    border: solid transparent;
    content: " ";
    height: 0;
    margin-top: -5px;
    pointer-events: none;
    position: absolute;
    right: 100%;
    top: 20%;
    width: 0
}

.conversation-list .odd .ctext-wrap {
    background: #e8e9ec!important
}

.all-messages,
.search-contacts-container {
    background-color: #fff
}

.conversation-list li {
    margin-bottom: 12px
}

.conversation-list .odd .ctext-wrap i {
    color: #acacac
}

.conversation-list .ctext-wrap i {
    color: #1a2942;
    display: block;
    font-weight: 700;
    position: relative
}

.cfriendtypes {
    padding: 11px!important
}

.price-event-label {
    font-size: 14px;
    padding: 5px
}

.price-event.m {
    padding-top: 12px
}

#total_fees {
    font-size: 16px;
}
.pricing_total{
    font-size: 16px;
}

#messages {
    min-height: 600px;
    max-height: 600px
}

.sidebarfriendstatus {
    font-size: 10px
}

.userlist,
.userslistmsg {
    display: none
}

.userlist.active,
.userslistmsg.active {
    display: block
}

.chatpreviewdesch1 {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 10px
}

.chatpreviewdesch2 {
    font-size: 10px;
    padding: 0 10px
}

.all-messages {
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px;
    position: relative;
    margin: 0
}

.all-messages-contacts-container .contacts-header {
    height: 60px;
    padding: 0 15px 0 5px;
    overflow: hidden;
    background: #fff;
    position: fixed
}

.contacts-header li {
    display: inline-block;
    border-width: 0
}

.contacts-header li:last-child {
    display: inline-block;
    float: right
}

.contacts-header li a {
    color: #aaa;
    display: block;
    font-size: 13px;
    line-height: 60px;
    padding: 0 6px
}

.search-box,
.search-box-inner {
    display: inline-block;
    width: 100%
}

.contacts-header li a:hover {
    color: gray;
    text-decoration: none
}

.contacts-header li a.selected {
    color: #333;
    font-weight: 700;
    margin-right: -1px
}

.search-contacts-container .innercontainer {
    border-bottom: 1px solid #e0e0e0;
    padding: 10px 12px 10px 10px;
    white-space: nowrap
}

.search-box {
    border: 1px solid #d1d1d1;
    background: #fff
}

.search-box-inner {
    border: 0;
    border-top: 1px solid #ededed;
    padding: 1px 0 2px;
    position: relative;
    margin: 0 0 -5px
}

#msglinkpreview>.chatpreviewimg,
.msgtext>.chatpreviewimg {
    width: 25%;
    position: relative;
    float: left
}

#msglinkpreview>.chatprevewdesc,
.msgtext>.chatprevewdesc {
    float: left;
    width: 75%
}

.chatprevewdesc {
    float: left;
    position: relative;
    width: auto
}

.msgtext>.chatpreviewdesch1 {
    font-weight: 400;
    font-size: 14px
}

.chatmsgtext {
    max-width: 194px
}

.msgtext>.chatpreviewdesch2 {
    font-weight: 400;
    font-size: 13px
}

.listofusers,
.notificationstabcontent {
    width: 100%;
    background: #fff;
    padding: 0;
    list-style: none;
    display: none
}

.listofusers li:hover,
.user-item.selected {
    background-color: #f4f6f9
}

.listofusers.active,
.notificationstabcontent.active {
    display: block
}

#topinquiries {
    padding: 3px;
    overflow: auto
}

.listofusers li {
    border-width: 0 0 1px;
    margin-top: 0;
    position: relative;
    border-color: #e8e8e8;
    border-style: solid;
    max-height: 60px
}

.listofusers li:hover {
    border-color: #e3e8f0;
    cursor: pointer
}

.listofusers li.selected {
    border-bottom: 2px solid #1876f2;
}

.listofusers li a {
    display: inline-block;
    width: 100%
}

.MessageContactImage {
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px
}

.message-contact-container {
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%
}

.MessageContactName {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.MessageTime {
    color: gray;
    display: block;
    float: right;
    margin-left: 2px;
    font-size: 12px
}

.MessageContactName-container {
    line-height: 16px
}

.message-content-container,
.name-container {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.message-contact-name {
    color: #222;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize
}

.message-contact-content {
    color: #9197a3;
    font-size: 12px;
    margin-top: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    height: 20px
}

.external-controls {
    position: absolute;
    top: 32px;
    right: 12px
}

.external-controls ul li {
    padding: 0;
    border: 0;
    display: none
}

.external-controls ul li:hover {
    background: 0 0
}

.external-controls ul li a {
    font-size: 9px;
    color: #ACBCD7;
    padding: 0 3px 0 2px
}

.external-controls ul li a:hover {
    background: #ACBCD7;
    color: #fff
}

.listofusers li:hover .external-controls ul li {
    display: inline-block
}


.vplayer {
    cursor: pointer;
	height:auto;
}
#showmoreres:hover,
.day.active,
.deletemessagesico:hover,
.dropdown-menu li:hover,
.fa-moreangle:hover,
.hideleftmsgblock:hover,
.input-group.dates .form-control,
.listingpicsmtext,
.menulistitem:hover,
.message-info:hover,
.moretext:hover,
.msgarrow,
.msgchat-smileys:hover,
.rleftmenu:hover,
.sendmsgbtn:hover,
.showmore:hover,
.stars i,
.userlisttab,
.white-button,
a.nav-expander:hover,
a[ng-click] {
    cursor: pointer
}

.listingpicsmtext,
.moretext:hover,
.previewspantitle_1:hover,
.showmore:hover,
a.morelink {
    text-decoration: underline
}


.extrapreviewtext,
.previewspantitle_3 {
    color: #9197a3;
    background-color: transparent;
    font-size: 12px
}

.previewspantitle_3 {
    text-transform: lowercase;
    width: 100%;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.previewspantitle_3 .ahover {
    font-size: 14px;
}
.extrapreviewtext {
    padding-left: 20px
}


.likepost.active,
.likepostactive.active {
    color:#1876f2 !important;
}

.messages-date {
    padding: 5px;
    color: #FF2600;
    font-size: 12px
}


.summarymenuleft li a {
    color: #FFF!important
}

.summarymenuleft li.active a {
    border-bottom: 2px solid #FFF
}

.summarymenuright.navbar-nav.navbar-right .liprice {
    margin-right: 80px;
    color: #fff;
    font-size: 16px;
    padding: 8px
}
.user-menu-dropdown{
    box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
    border: none;
    margin-top: -2px !important;
    padding:5px 10px !important;
}
.lieditbtn {
    color: #FFF!important
}

.checkdelete {
    float: left;
    padding: 5px;
    display: none
}

.checkdelete.active {
    display: block
}

.listingpicsmtext {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    left: 50%;
    margin-left: -45px;
    position: absolute;
    top: 80px;
    display: block
}

.link.hidden {
    display: none
}

.pageloader {
    background: url(../images/loader.gif) no-repeat;
    height: 100%;
    margin-left: 50%;
    margin-top: 50%;
    width: 100%;
    display: block;
    float: left
}

#requestfrm-inner {
    padding: 15px
}

#requestfrm-inner-loader {
    display: none
}
.usermsgtext {
    color: #565a5c;
    font-size: 16px;
    line-height: 1.2
}

.inquirypricetotal {
    color: #1876f2;
    font-weight: 700;
    font-size: 14px;
    text-align: right;
    padding-right: 10px
}

.inqnightstext,
.inquirydates,
.inquirytitle {
    font-size: 11px;
    font-weight: 700
}

.listingmmenu-header,
.listingnav-brand,
.listingnavtitle,
.loadpreviouscomments,
.rleftmenu {
    text-align: center
}

.listingchatpic {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 150px
}

.chattext>.msginquiryouter {
    width: 100%
}

.ltopmsgtext {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.pheading {
    margin: 10px 0
}

.stars {
    display: inline-block
}

.adp-summary,
.hiddenimg {
    display: none
}

.stars i {
    font-size: 18px;
    padding: 0 1px
}

.stars i.filled {
    color: #ffd119
}

.stars i.empty {
    color: #C4C4C4
}

.coverpage {
    min-width: 100%;
    min-height: 300px
}

#directionspanel {
    float: left;
    height: 500px;
    overflow: auto;
    width: 100%;
    display: none
}

.panelhelptext {
    font-size: 11px;
    margin-top: 10px;
    float: left;
    width: 100%
}
.houfy-hashtag,.houfy-mentiontag{
	background: rgb(163, 188, 234);
	border-radius: 2px;
    border:1px solid #1876f2;
}
.adp-directions {
    width: 100%
}

.adp-text {
    padding: 15px
}

table.adp-placemark {
    border-spacing: 5px;
    border-collapse: separate
}

.directiondistance,
.directionduration {
    font-weight: 700;
    font-size: 15px
}

.termstext {
    min-height: 120px;
    resize: none;
    font-size: 16px;
    color: #222!important
}
.round-termstextlbl{
    position: absolute;
    top: 0;
    font-size: 14px;
    padding: 5px 9px;
    width: 100%;
}
.round-termstext{
    min-height: 60px;
    resize: none;
    font-size: 16px;
    color: #222!important;
    border-radius: 8px !important;
    padding-top: 26px !important;
}
.round-termstext:focus,.round-termstext:hover{
    border:1px solid #4D90FE;
}
.round-termstext:focus + .round-termstextlbl,.round-termstext:hover + .round-termstextlbl{
    color:#4D90FE;
}
.loadpreviouscomments {
    padding: 5px 15px;
    display: block;
    color: #498BB1;
    font-weight: 400;
    font-size: 13px;
    text-align: right;

}
.draftJsLinkifyPlugin__link__2ittM, .draftJsLinkifyPlugin__link__2ittM:visited {
  color: #5e93c5;
  text-decoration: none;
}

.draftJsLinkifyPlugin__link__2ittM:hover, .draftJsLinkifyPlugin__link__2ittM:focus {
  color: #7eadda;
  outline: 0; /* reset for :focus */
  cursor: pointer;
}

.draftJsLinkifyPlugin__link__2ittM:active {
  color: #4a7bab;
}
.DraftEditor-editorContainer,.DraftEditor-root,.public-DraftEditor-content{height:inherit;text-align:initial}.public-DraftEditor-content[contenteditable=true]{-webkit-user-modify:read-write-plaintext-only}.DraftEditor-root{position:relative;padding:10px;}.DraftEditor-editorContainer{background-color:rgba(255,255,255,0);border-left:.1px solid transparent;position:relative;z-index:1}.public-DraftEditor-block{position:relative}.DraftEditor-alignLeft .public-DraftStyleDefault-block{text-align:left}.DraftEditor-alignLeft .public-DraftEditorPlaceholder-root{left:0;text-align:left}.DraftEditor-alignCenter .public-DraftStyleDefault-block{text-align:center}.DraftEditor-alignCenter .public-DraftEditorPlaceholder-root{margin:0 auto;text-align:center;width:100%}.DraftEditor-alignRight .public-DraftStyleDefault-block{text-align:right}.DraftEditor-alignRight .public-DraftEditorPlaceholder-root{right:0;text-align:right}.public-DraftEditorPlaceholder-root{color:#9197a3;position:absolute;z-index:0;font-size:16px;}.public-DraftEditorPlaceholder-hasFocus{color:#bdc1c9}.DraftEditorPlaceholder-hidden{display:none}.public-DraftStyleDefault-block{position:relative;white-space:pre-wrap}.public-DraftStyleDefault-ltr{direction:ltr;text-align:left}.public-DraftStyleDefault-rtl{direction:rtl;text-align:right}.public-DraftStyleDefault-listLTR{direction:ltr}.public-DraftStyleDefault-listRTL{direction:rtl}.public-DraftStyleDefault-ol,.public-DraftStyleDefault-ul{margin:16px 0;padding:0}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR{margin-left:1.5em}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL{margin-right:1.5em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR{margin-left:3em}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL{margin-right:3em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR{margin-left:4.5em}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL{margin-right:4.5em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR{margin-left:6em}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL{margin-right:6em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR{margin-left:7.5em}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL{margin-right:7.5em}.public-DraftStyleDefault-unorderedListItem{list-style-type:square;position:relative}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0{list-style-type:disc}.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1{list-style-type:circle}.public-DraftStyleDefault-orderedListItem{list-style-type:none;position:relative}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before{left:-36px;position:absolute;text-align:right;width:30px}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before{position:absolute;right:-36px;text-align:left;width:30px}.public-DraftStyleDefault-orderedListItem:before{content:counter(ol0) ". ";counter-increment:ol0}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before{content:counter(ol1) ". ";counter-increment:ol1}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before{content:counter(ol2) ". ";counter-increment:ol2}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before{content:counter(ol3) ". ";counter-increment:ol3}.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before{content:counter(ol4) ". ";counter-increment:ol4}.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset{counter-reset:ol0}.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset{counter-reset:ol1}.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset{counter-reset:ol2}.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset{counter-reset:ol3}.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset{counter-reset:ol4}
.stories-content .DraftEditor-root{
    padding:0px;
}
.posttxtarea .public-DraftEditorPlaceholder-root{font-size:20px;}
#calendarhelpback,
.calslider,
.hidden,
.morecontent span {
    display: none
}
.popup-primary-btn{
	color: #fff;
    background-color: #428bca;
}
.popupbtnarea .popup-primary-btn:hover{
    color:#fff !important;
    background:#3071a9 !important;
}
.previewspantitle_1 {
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    color:#222;
	display:inline-block;
}

.previewspantitle_1,
.previewspantitle_2 {
    padding: 0 5px 5px;
    float: left;
    width: 100%;display:inline-block;

}
.previewspantitle_1{
	overflow: hidden;
    max-height: 200px;
    text-overflow: ellipsis;
}
.previewspantitle_2{
    display:block;
	overflow: hidden;
	text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display:-webkit-box;
    line-height: 1.375em;max-height:70px;
}
.stories-content.previewspantitle_2{
    height:47px;
}
.policyinnerblock {
    margin-bottom: 10px!important
}

.previewspantitle_3 {
    padding: 0 5px;display:inline-block;
}

.previewspantitle_2 {
    background-color: transparent;
    font-size: 16px
}

.links_table {
    margin-bottom: 0
}

.links_table td {
    word-wrap: break-word
}

.sharemenu-outer {
    padding:0px;width:100%;
}

#calendarhelpslider>.carousel-indicators {
    position: relative!important
}

.header-search,
.new-caption-area {
    position: relative
}

.carousel-indicators li {
    background-color: #CACCCD;
    border-color: #CACCCD
}

.carousel-indicators li.active {
    background-color: #003C62;
    border-color: #003C62
}

.popuprow {
    margin-left: 0;
    margin-right: 0
}

.new-caption-area {
    float: left;
    width: 100%;
    min-height: 50px;
    font-size: 15px
}

.calendarslider-indicators {
    position: relative;
    left: 0;
    width: 100%;
    float: left;
    margin-left: 0
}

a.morelink {
    outline: 0
}

.comment.more {
    background: #FFF!important
}

.tablemonthview tbody tr td {
    border: 1px solid #DDD;
    padding: 5px 8px
}

.day.active {
    background: #30D3B6;
    border: 1px solid #30D3B6;
    color: #FFF
}

.main-menu a .caret,
.main-menu li.open>a>.caret {
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}
.tagname{
	color: #498BB1;
}
.vcategory-desc{
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: pre-wrap;
    height: 46px;
}
.summary_header .like {
    padding-left: 5px;
}
.showmore {
    color: #498BB1;
    position: absolute;
    bottom: -20px;
    right: 10px;
    font-size:18px;
    font-weight: 400;
    margin-top:15px
}
.showmore1,.clkshow{
	color: #222;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    margin-top: 10px;
    text-decoration: underline;
}
.delay-1 {
    animation-delay: .1s;
}
.showmore1:hover{
	text-decoration:underline;
}
.pagination{margin: 10px 0 0px 0px;}
.pagination > li > a, .pagination > li > span{
    color: #222;
    font-size: 15px;
}
.showmore2{
	text-align:right;
    color: #484848;
	font-size:12px;
	cursor:pointer;
    font-weight:600;
    margin-top: 15px;
}
.showmore2:hover{
	text-decoration:underline;
}
.expandabletext,
.overview-about-property,
.rleftmenu {
    float: left;
    position: relative
}

.moretext {
    color: #498BB1;
    padding: 10px 0px;
    clear: both;
	font-size:16px;
    font-weight: 400;
}

.shown {
    display: block
}

.overview-about-property {
    margin-top: 5px;
    margin-bottom: 15px
}

.subsection-history {
    margin-top: 10px
}

.expandabletext {
    width: 100%;
    font-size:17px;
}

.expandabletext.less {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height:180px;
}

.expandabletext.more {
    height: auto
}

.rleftmenu {
    color: #FFF;
    width: 55px
}

.offcanvasmenu,
a.nav-expander.fixed {
    position: fixed
}

#nav-expander:hover {
    color: #FFF;
    background: #FFF
}

.nav-expanded a.nav-expander.fixed {
    right: 20em
}

.fa-moreangle {
    font-size: 20px;
    width: 24px;
    padding: 0 5px
}

.fa-moreangle:hover {
    color:#000;
}

.offcanvasmenu {
    width: 14em;
    right: -14em;
    background: #003C62;
    display: block;
    height: 100%;
    overflow: auto;
    font-size: 15px;
    top: 0;
    z-index: 25;
    transition: right .3s ease-in-out 0s;
    -webkit-transition: right .3s ease-in-out 0s;
    -moz-transition: right .3s ease-in-out 0s;
    -o-transition: right .3s ease-in-out 0s
}

.nav-expanded nav {
    left: 0
}

body.nav-expanded {
    margin-left: 0;
    transition: right .4s ease-in-out 0s;
    -webkit-transition: right .4s ease-in-out 0s;
    -moz-transition: right .4s ease-in-out 0s;
    -o-transition: right .4s ease-in-out 0s
}

#nav-close {
    font-weight: 300;
    font-size: 24px;
    padding-right: 10px
}

.main-menu {
    padding-top: 12px
}

.main-menu li {
    padding-left: 20px!important
}

.main-menu li a {
    color: #FFF;
    text-decoration: none;
    padding: 6px;
    display: block
}

#showmoreres:hover,
.footernotification>a:hover,
.homesignuphere,
.lblocktab.active,
.listing-title h3:hover {
    text-decoration: underline
}

.main-menu li:first-child {
    margin-top: 50px
}

.menulistitem:hover {
    background: #1876f2;
}

.main-menu li .sub-nav {
    border-bottom: 0;
    padding: 4px
}

.main-menu a .caret {
    width: 0;
    height: 0;
    display: inline-block;
    vertical-align: top;
    border-top: 4px solid #4f5963;
    content: "";
    margin-top: 8px
}

.main-menu a:hover .caret {
    border-top-color: #4f5963
}

.main-menu li.open>a>.caret {
    border-top: none;
    border-bottom: 4px solid #4f5963
}

.main-menu li.open>a:hover>.caret {
    border-bottom-color: #4f5963
}

.icon:before {
    font-family: FontAwesome;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    content: '\f105'
}

.main-menu li>a>span.icon {
    float: right;
    margin: .1em 1.7em -.1em 0;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.main-menu li>a:hover>span.icon {
    float: right;
    margin: .1em .8em -.1em 0;
    opacity: 1
}

#subheader {
    background: #FFF
}

.maincdiv,.mainapp-content {
    margin-top:57px;
    clear: both
}
.mainapp-content.herror{
    margin-top:107px;
}
#subheaderbar {
    padding-left: 0;
    padding-right: 0
}

.dropdown-arrow {
    font-size: 16px;
    margin-top: 2px
}

.btn-dropdown {
    padding: 3px 15px;
    border: 1px solid #96999C
}

.btn-dropdown:hover {
    background: #96999C;
    color: #FFF
}

.homeimgslider,
.homeimgslidernew {
    background-position: center center;
    background-repeat: no-repeat
}


.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888
}

.checkinoutblock {
    padding: 0 8px 12px
}

#nrnights {
    padding: 5px;
    border: 1px solid #DDD
}

.checkinoutdates {
    padding: 0 4px
}

.inputdates {
    height: 36px;
    font-size: 14px!important;
    color: #222
}

.bedbathtable {
    margin-bottom: 10px
}

.bedbathblock {
    float: left;
    margin-top: 10px
}

.bedbathtd1 {
    width: 130px;
    height: 30px
}

.bedbathtd2 {
    font-size: 14px
}

.pricepernight {
    width: 50%
}
.table{
    font-size:16px;
}
.table td {
    border-top: none
}

.listingnav-brand {
    padding: 5px;
    float: none;
    display: block
}

.listingnav-brand img {
    width: 60px;
    height: 40px;
    float: left
}

.listingnavtitle {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 20px;
    margin-top: 8px;
    white-space: nowrap;
    width: auto;
    padding-left: 10px
}

.listingcontainer {
    padding-left: 15px;
    padding-right: 15px
}

.airbnbfeesrow,
.ccfeesrow {
    display: none
}

.redcolor,
.redcolorinput {
    color: red
}

.redcolorinput:-input-placeholder {
    color: red!important
}
.form-control::-webkit-input-placeholder {
    opacity:1;color: #2474de;font-size: 15px;
}
.form-control:-moz-placeholder {
    opacity:1;color: #2474de;font-size: 15px;
}
.form-control:-ms-input-placeholder {
    opacity:1;color:#2474de;font-size: 15px;
}
.redcolorinput::-webkit-input-placeholder {
    color: red!important
}

.redcolorinput:-moz-placeholder {
    color: red!important
}

.redcolorinput:-ms-input-placeholder {
    color: red!important
}

.headersearch:-input-placeholder {
    opacity:1;
    color: #222;
}

.headersearch::-webkit-input-placeholder {
    opacity:1;color: #222;
}

.headersearch:-moz-placeholder {
    opacity:1;color: #222;
}

.headersearch:-ms-input-placeholder {
    opacity:1;color: #222;
}
.headersearch{
    border-radius:10px;
    border: 1px solid transparent;
    background:#F0F2F5;border-radius:18px;color:#000 !important;
}
.headersearch:hover,.headersearch:focus{
    background:#F0F2F5;border: 1px solid transparent;
}
.highlightedtext {
    color: #FE787C;
    font-weight: 500;
    font-size: 14px;
    line-height: 2.5
}

.circle-info,
.circle-info-half,
.tt-hint {
    color: #999
}

.btn-commentdrop {
    padding: 2px
}

.circliful {
    position: relative;
    margin: 0 auto
}

.circle-info,
.circle-info-half,
.circle-text,
.circle-text-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block
}

.circliful .fa {
    margin: -10px 3px 0;
    position: relative;
    bottom: 4px
}

.circle-text {
    margin-top: -10px
}

.circle-info-half {
    margin-top: 5px
}

.tt-hint,
.tt-query {
    width: 150px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: 0
}

.tt-query {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
}

.tt-menu {
    width: 150px;
    margin-top: 6px;
    padding: 2px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2)
}

.tt-menu:hover {
    cursor: pointer
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px
}

.homeinfotextinner,
.homeinfotextinner1,
.homeinfotextinner11 {
    line-height: 1.7;
    margin: 0 auto
}

.tt-suggestion.tt-is-under-cursor {
    color: #fff;
    background-color: #0097cf
}

.tt-suggestion p {
    margin: 0
}

.homeimgslider-outer {
    height: 580px;
    width: 100%;
    position: relative
}

.homeimgslider,
.homeimgslidernew,
.homeimgslidernew1 {
    height: 100%;
    color: #fff;
    text-align: center;
    width: 100%
}

.homeimgslider {
    background-image: url(../images/slide1.jpg);
    background-size: cover
}

.homeimgslidernew {
    background: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url(../img/hometest.jpg);
    background-size: cover
}

.nrow {
    background: #FFF
}.nrow2{
    background: #F7F7F7;
}

.homeimgslidernew1 {
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../images/slide3.jpg);
    background-size: cover
}

@media (min-width:992px) {
    .bg-slider-wrapper {
        position: fixed
    }
    .mobilefilter,
    .viewmobilepricing {
        display: none!important
    }
    .newlistingrblock {
        padding-top: 373px
    }
    .rnewlistingrblock {
        padding-top: 233px
    }
    .reservations-mobile{
        display:none;
    }
}

.bg-slider-wrapper {
    content: "";
    position: relative;
    width: 100%;
    left: 0;
    height: 580px;
    background: #373737
}

.bg-slider-wrapper .flexslider {
    margin: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.bg-slider-wrapper .flexslider .slide {
    display: block;
    height: 580px
}

.bg-slider-wrapper .flexslider .slide.slide-1 {
    background: url(../images/mbackgrounds/bg2.jpg) center no-repeat #253340;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    opacity: .65
}
.featured-ls-item{padding:0px 10px;
    position: relative;
    display: inline-block;}.featured-block{
		position:relative;
		display:inline-block;
		width:33.33%;padding:0px 10px;
	}.featured-ls-5{
	padding:0px 10px;
    position: relative;
    display: inline-block;
}

.featured-arrow-left:hover,.featured-arrow-right:hover{
	opacity:0.9;
}
.featured-arrow-left{
	width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-left: -20px;
    border-radius: 50%;
    padding-top: 7px;
    margin-top: -30px;
    cursor: pointer;
}.featured-arrow-right{
	width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    z-index: 1;
    border-radius: 50%;
    padding-top: 7px;
    margin-top: -45px;
    cursor: pointer;
    right: -15px;
}
.featured-arrow-left.searches{
	margin-left:0px !important;
}
.featured-tab-title {
    padding: 0px 25px;
}
.featured-listings{
	max-width:1300px;
	margin-left:auto;
    margin-right:auto;
}.featured-ls{
	margin-left:auto;
    margin-right:auto;position:relative;
}.featured-tab-title{font-weight:500;font-size:16px;}.featured-ls{padding:4px 20px;}
.featured-slide-outer{position:relative;white-space:nowrap;height:100%;overflow:hidden;width:100%;}.featured-slide-inner{width:100%;}
@media (max-width:500px) {
	.featured-listing-item{
		width:100%;
	}.featured-ls-item{
		width:100%;
	}.featured-ls-5{width:100%;}.featured-block{width:100%;}.mlspic1{
		height:180px;
	}.featured-ls{height:245px;width:80%}.featured-tab-title{width:80%;margin:0 auto;}
}
@media (min-width:500px) and (max-width:700px) {
	.featured-listing-item{
		width:50%;
	}.featured-block{width:50%;}.featured-ls-item{
		width:50%;
	}.featured-ls-5{width:33.33%;}.mlspic1{
		height:180px;
	}.featured-ls{height:245px;width:520px}.featured-tab-title{width:520px;margin:0 auto;}
}
@media (min-width:700px) and (max-width:900px) {
	.featured-listing-item{
		width:33.33%;
	}.featured-ls-5{width:20%;}.featured-block{width:33.33%;}.featured-ls-item{
		width:33.333%;
	}.mlspic1{
		height:150px;
	}.featured-ls{height:215px;width:630px;}.featured-tab-title{width:630px;margin:0 auto;}
}
@media (min-width:900px) and (max-width:1100px) {
	.featured-listing-item{
		width:33.333%;
	}.featured-ls-5{width:20%;}.featured-block{width:33.33%;}.featured-ls-item{
		width:33.333%;
	}.mlspic1{
		height:150px;
	}.featured-ls{height:215px;width:810px;}.featured-tab-title{width:810px;margin:0 auto;}
}
@media (min-width:1100px) and (max-width:1300px) {
	.featured-listing-item{
		width:33.333%;
	}.featured-ls-5{width:20%;}.featured-block{width:33.33%;}.featured-ls-item{
		width:33.333%;
	}.mlspic1{
		height:200px;
	}.featured-ls{height:265px;width:810px;}.featured-tab-title{width:810px;margin:0 auto;}
}@media (min-width:1300px){
	.featured-block{width:33.33%;}.featured-ls-item{
		width:25%;
	}.mlspic1{
		height:200px;
	}.featured-ls-5{width:20%;}.featured-ls{height:265px;width:1000px;}.featured-tab-title{width:1000px;margin:0 auto;}
}
.featured-listing-item{padding:10px;background:#FFF;}
.featured-text{position:absolute;top: 190px;text-align: center;width: 100%;color:#FFF;z-index:1;font-size: 23px;}
.featured-s2{margin-top:15px;}
.featured-s3{margin-top:15px;}
.getstartedbtn{max-width:450px;padding:10px 30px;border-radius:0px; font-size:14px;}
.color-overlay1{position:absolute;height:100%;width:100%;background-color:rgba(0,0,0,0.2);z-index:1;}
.featured-title{font-size:14px;
    font-weight: 500;
    padding-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    height: 25px;}
.nhometabscontent.sticky{position:fixed;top:26px;z-index:5;}
.home_rsearch.sticky{position:fixed;top:47px;z-index:10;}
.destnhometabscontent.sticky{max-width:1140px;}
.bg-slider-wrapper .flexslider .slide.slide-2 {
    background: url(../images/mbackgrounds/rsearchbg.jpg) center no-repeat #253340;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.bg-slider-wrapper .flexslider .slide.slide-3 {
    background: url(../images/mbackgrounds/bg3.jpg) center no-repeat #253340;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}

.bg-slider-wrapper .flexslider .flex-control-nav {
    z-index: 30;
    bottom: 30px;
    position: relative
}

.bg-slider-wrapper .flexslider .flex-control-nav li a {
    background: #999
}

.bg-slider-wrapper .flexslider .flex-control-nav li a.flex-active {
    background: #bfbfbf
}

.headline-bg.pricing-headline-bg {
    background-image: url(../images/mbackgrounds/bg2.jpg) 50% 50%;
    background-repeat: no-repeat;
}

.headline-bg.contact-headline-bg {
    background-image: url(../images/mbackgrounds/bg1.jpg) 50% 50%;
    background-repeat: no-repeat;
}

.headline-bg.about-headline-bg {
    background-image: url(../images/mbackgrounds/bg3.jpg) 50% 50%;
    background-repeat: no-repeat;
}

#bg-slider-wrapper-outer-lg {
    height: 580px;
    position: relative;
    background: #FFF;
}

#bg-slider-wrapper-outer {
    height: 380px;
    position: relative;
    background: #FFF;
}

#footerlinks {
    margin-top: 20px;
    position: relative;
    clear: both
}

.nhometabsouter {
    padding:0;margin-top:30px;
}
.pricingblk{margin-top:25px;}.linkblue{cursor: pointer;
    color: #1876f2;}.linkblue:hover{text-decoration:underline;}
.commtabcontent {
    display: none
}

.commtabcontent.active {
    display: block
}

#deleteresbtn,
.checkdates,
.difffees {
    display: none
}

#reservationloader {
    clear: both
}

.difffees {
    border-right: 1px solid #DDD;
    text-align: center
}

.difffees.visible {
    display: table-cell
}

#restable {
    border-bottom: 1px solid #DDD
}

.restabletd {
    border: 1px solid #DDD
}

.restdleft {
    border-left: 1px solid #DDD
}

#totalval,
#totnights {
    font-size: 18px!important
}

.filter-show-result {
    padding-top: 10px;
    clear: both;
    padding-bottom: 80px
}

.dropdown-backdrop {
    position: static
}

.mylistingtitle {
    display: block;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.rleftaddnewlisting {
    float: left;
    position: relative;
    color: #FFF;
    text-align: center;
    margin-top: 5px
}

.homerow {
    position: relative
}

.naddlistingbtn,
.nnaddlistingbtn {
    border: 1px solid #fff;
    padding: 5px 15px;
    position: absolute;
    right: 10px;
    top: 10px
}

.naddlistingbtn {
    color: #fff;
    opacity: .5;
    z-index: 3
}

.naddlistingbtn:hover {
    background: #003c62;
    opacity: 1
}

.naddlistingbtn a {
    color: #fff
}

.nnaddlistingbtn {
    background: #FFF;
    z-index: 9;
    color: #000
}

.nnaddlistingbtn a {
    color: #EE362D
}

.nnaddlistingbtn:hover {
    background: #1876f2;
    color: #FFF
}

.homeinfotext {
    background: #FFF;
    padding: 40px;
    position: relative;
    clear: both;
    color: #003C62;
    text-align: center
}

.homeinfotextwelcome {
    position: absolute;
    text-align: center;
    width: 100%;
    color: #FFF;
    top: 40px
}

.homesignuphere {
    margin-top: 370px
}
.lodging_home_text{
    margin-top:60px;
    margin-bottom:60px;
    font-size:36px;
}
.homeh2text{
	position: relative;
    float: left;
    text-align: center;
    font-size:18px;
    width: 100%;padding-top:30px;
    padding-bottom:10px
}
.homeinfotextbottom,
.homeinfotextmiddle {
    color: #003C62;
    width: 100%;
    position: absolute;
    text-align: center
}

.homeinfotextinner {
    max-width: 1200px
}

.homeinfotextinner11 {
    max-width: 550px
}

.homeinfotextinner1 {
    max-width: 700px
}

.homeinfotextbottom {
    bottom: 0
}

.homeinfotextmiddle {
    top: 300px
}

.rvalign-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none
}

.rvalign-helper-center {
    display: table-cell;
    pointer-events: none
}

.editcommbtnarea,
.editcommenttextval,
.editpostbtnarea {
    display: none
}

.modal-content {
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all
}

.nv-distx,
.nv-disty,
.nv-noninteractive,
.nvd3 .nv-axis,
.nvd3.nv-pie .nv-label,
.nvd3.nv-sparklineplus g.nv-hoverValue {
    pointer-events: none
}

.exportcsvcal {
    position: absolute;
    right: 0;
    display: none!important
}

.reservationstab {
    padding-top: 0
}

.item-table-body.visible {
    display: block
}

#showmoreres,
.rcatsub {
    display: none
}

.recextratext {
    color: #498BB1;
    padding-top: 10px
}

#showmoreres {
    float: right;
    padding: 10px;
    color: #498BB1;
    font-weight: 700
}

.message-infoico {
    font-size: 22px
}

.message-info.active {
    color: #1876f2;
}

.message-info-container {
    display: none;
    background: #FFF;
    right: 0;
    height: 100%;
    top: 48px;
    position: absolute;
    border-left: 1px solid #DDD;
    text-align: center
}

.msgtextleft:before,
.msgtextright:after {
    content: none;
    top: 12px
}

.msgtabsouter,
.msgtextright {
    position: relative;
    float: left
}

.message-info-container.active {
    display: block
}

.msgtabsouter {
    padding: 5px 10px;
    width: 100%;
    border-bottom: 1px solid #DDD
}

.custom-pills>li>a {
    padding: 5px 10px;
    border-radius: 0;
    font-size: 16px
}

.custom-pills>li.active>a,
.custom-pills>li.active>a:focus,
.custom-pills>li.active>a:hover {
    color: #000;
    background: #FFF;
    border-bottom: 2px solid #1876f2;
}

.msgtextright {
    text-align: left;
    margin-right:10px;
    background: #FFF !important;
    border-radius: 7.5px;
}

.newmessageico,
.sendicon {
    background-repeat: no-repeat;
    display: inline-block
}

.chatmsgtext.msgtextleft,
.chatmsgtext.msgtextright {
    width: 70%;
    float: left
}

.msgtextright:before {
    content: none;
    display: inline-block;
    position: absolute;
    left: -16px;
    right: auto;
    border: 16px solid transparent;
    border-left: 0;
    border-right-color: #F1F0F0;
    top: 3px;
}

.chatmsgtext.msgtextright:before {
    left: -9px;
    border: 10px solid transparent
}

.msgtextright:after {
    display: inline-block;
	position: absolute;
    left: -9px;
    right: auto;
    border: 4px solid transparent;
    border-left: 0;
    border-right-color: #F1F0F0;
}

.msgtextleft:before {
    display: inline-block;
	position: absolute;
    right: -16px;
    left: auto;
    border: 16px solid transparent;
    border-right: 0;
    border-left-color: #F1F0F0;
    top: 2px;
}

.chatmsgtext.msgtextleft:before {
    top: 0;
    right: -9px;
    border-left-color: #DCF8C6
}

#replymsgbtn {
    padding: 6px 18px;
    border-radius: 4px
}

.newmessageico {
    background-image: url(../img/new1.png);
    height: 18px;
    min-width: 18px;
    width: 18px
}

.sendmsgbtn {
    position: absolute;
    right: 38px;
    top: 10px
}

.sendicon {
    background-image: url(../img/send.png);
    height: 22px;
    min-width: 22px;
    width: 2px
}

.hideleftmsgblockico {
    font-size: 24px;
    color: #1876f2;
    display: block;
    padding: 12px;
    float: left
}

.downarrow {
    font-size: 24px;
    color: #1876f2;
    display: inline-block
}

.deletemessagesico {
    font-size: 20px
}

.msg-onlinestat {
    padding: 20px 5px
}

.inboxblock {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px solid #DDD
}

.spinner {
    height: 22px;
    width: 22px;
    animation: rotate 2s infinite linear;
    border: 3px solid #1876f2;
    border-right-color: transparent;
    border-radius: 50%;
    display: none
}

.show-on-hover:hover>.rdropdown-menu,
.spinner.active {
    display: block;
	color:#929598;
}

#messsagesloader {
    left: 50%;
    margin-left: -16px;
    position: absolute;
    z-index: 10
}

.dropdown ul.ldropdown-menu:after,
.dropdown ul.ldropdown-menu:before {
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
    position: absolute;
    left: 22px;
    content: ""
}

.msginfoloader {
    margin: 60px auto
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}

.ldropdown-menu>li>a {
    color: #428bca
}

.dropdown ul.ldropdown-menu {
    border-radius: 4px;
    box-shadow: none;
    width: 180px;
    margin-left: -12px;
    z-index: 999999999
}

.lmenuitem>a {
    padding: 7px 20px 7px 30px!important;
    font-size: 13px
}

.dropdown ul.ldropdown-menu:before {
    border-bottom: 11px solid #FFF;
    top: -11px;
    z-index: 10
}

.dropdown ul.ldropdown-menu:after {
    border-bottom: 11px solid #DDD;
    top: -12px;
    z-index: 9
}

.subheader-li>a {
    padding-top: 9px!important;
    padding-bottom: 9px!important;
    font-size: 14px
}

.rdropdown-menu {
    margin-right: -11px;
    margin-top: 5px!important
}

.container-listing-results {
    background: #EFF0F5;
    float: left;
    width: 100%
}

#locationloader {
    margin: 200px auto
}

.lisearchinput {
    display: none!important
}

.signletopfriend {
    display: block
}

.signletopfriend-name {
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 700
}

.ltopmsgtime {
    font-size: 12px;
    float: right;
    margin-right: 12px
}

#topmessages {
    padding: 0
}

#topmessages>li {
    float: left;
    width: 100%;
    min-height: 58px;
    padding: 0 7px
}

#topmessages>li:hover {
    background: #EFF0F5
}

.notifications-outer {
    margin-top: 3px!important
}

.notificationstab {
    line-height: 28px
}

.footernotification {
    min-height: 40px;
    text-align: center;
    border-top: 1px solid #DDD;
    padding-top: 10px;
    background: #EFF0F5;
    position: relative;
    float: left;
    width: 100%
}

.dropdown-list-item {
    padding: 12px 20px!important
}

.loading {
    background: url(../img/loader-white.gif);
    height: 15px;
    display: none;
    margin: 15px auto;
    width: 15px
}
.loader-houfy {
    background: url(../img/loaderblue.gif);
    height: 82px;
    display: none;
    margin: 50px auto;
    width: 82px;
}
.spin-loader {
    background: url(../img/spin-loader.gif);
    height: 100px;
    display: none;
    width: 100px;
    background-size:contain;
}
.spin-loader.active{
    display:block;
}
.loader-houfy.active{
	display: block;
}
.loading.active {
    display: block
}

#savepostloader {
    position: absolute;
    left: 50%;
    margin-left: -7.5px
}

.loading-spiner-holder {
    width: 100%;
    clear: both;
    margin: 0 auto;
    position: relative
}

.loading-spiner {
    margin: 0 auto
}

.postphotopbar {
    height: 10px!important;
    position: relative;
    margin-top: -10px
}

@media screen and (min-width:960px) {
    .Active-Message-Thread-Container,
    .all-messages-contacts-container {
        top: 46px
    }
    .currpaddnew {
        padding-top: 23px
    }
    .formgr1 {
        padding: 0 10px
    }
    .msginbox {
        display: inline-block
    }
    .msgnew {
        float: right
    }
    .inboxblock {
        padding: 12px
    }
    .newmessageico {
        margin-top: 2px
    }
    .sendmsgbtn {
        display: none
    }
    .msgleftbtn {
        margin-left: 12px
    }
    .msgrightbtn {
        margin-top: 5px;
        margin-right: 12px
    }
    .paddlr {
        padding: 0 5px
    }
    .paddr {
        padding-right: 5px
    }
    .paddr-15 {
        padding-right: 15px;
    }.paddr-10 {
        padding-right: 15px;
    }
    .newlisting-form-group {
        padding: 5px;
    }
    .paddl {
        padding-left: 5px;
    }.paddl-10 {
        padding-left: 10px;
    }.paddl-15 {
        padding-left: 15px;
    }
    .trremoval {
        margin-top: 75px
    }
}

@media screen and (max-width:960px) {
    .Active-Message-Thread-Container,
    .all-messages-contacts-container {
        top: 46px
    }
    .formgr1 {
        padding: 15px 0
    }
    .msginbox {
        display: none
    }
    .msgnew {
        float:none;
    }
    .inboxblock {
        padding: 11.5px
    }
    .sendmsgbtn {
        display: block
    }
    .MessageContactImage {
        margin-left: auto;
        margin-right: auto;
        float: none
    }
    .mformgroup {
        margin-bottom: 15px;
        float: left;
        width: 100%
    }
    .newlisting-form-group {
        padding: 5px
    }
    .mnewlistinggroup {
        margin-bottom: 10px
    }
}

textarea.form-control{
	font-weight:400 !important;
	font-size:16px !important;
}
#txtmsg,
.hthiddenblock {
    display: none
}

.deletemessagebox {
    clear: both;
    padding: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    min-height: 45px;
    position: absolute;
    bottom: 45px;
    background: #FFF;
    width: 100%
}

.message-textbox {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #FFF;
    height: 40px
}

#txtmsg,
.msgtextarea {
    width: 100%;
    padding: 10px;
    resize: none;
    height: 120px;
    font-size: 16px;
    color: #222
}

.msgabtleft,
.msgabtright {
    width: 50%
}

.msgtextarea {
    border: 1px solid #CCC
}

#txtmsg:focus,
.msgtextarea:focus {
    border-color: #4D90FE;
    outline: 0
}

.msgsendpic {
    font-size: 20px;
    position: absolute;
    top: 10px
}

.msgsendsmiley {
    font-size: 20px;
    right: 10px;
    top: 10px
}

.msgchat-smileys {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 16px
}

.msginfotext {
    margin: 10px auto
}

.msgabtleftinner {
    float: right;
    margin-right: 10px
}

.msgabtrightinner {
    margin-left: 10px
}

.msgabtname {
    font-size: 16px;
    font-weight: 700;
    margin-top: 10px
}

.msgabtpic>img {
    margin: 0 auto
}

.overlayed {
    outline: rgba(0, 0, 0, .5) solid 9999px
}

.maindiv {
    min-height: 600px
}
#content{
    width: 100%;
    background: #FFF;
    position: relative;
    float: left;
}
.maincdiv.active ,.mainapp-content{
    display: block;
    clear: both;
    width: 100%;
    position: relative;
    /*max-width: 1680px;*/
    margin: auto;
    margin-top: 57px;
}
.editpages.mainapp-content{
    max-width: 100%;
}

.listofcontacts {
    margin: 0;
    padding-bottom: 10px
}

.twittercolor {
    color: #59ADEB
}
.whatsapp-color{
    color:#1CD741;
}
.fbcolor {
    color: #325392
}
.fabstayzcolor{
    color:#fa305f !important;
}
.pinterestcolor{
	color:#BD081C;
}
.embedcolor{
    color:#222;
}
.gcolor {
    color: #D72B15
}

.linkedincolor {
    color: #0070AF
}

.sharecnt {
    padding-left: 5px
}

.favcityname {
    font-size: 12px;
    margin-top: -10px
}

.btn-sharelisting {
    width: 48px;
    width: 100%;
    text-align: center;
    margin: 0 auto
}

.postedit {
    display: none;
    width: 100%;
    resize: none;
    padding: 10px 8px;
    max-width: 100%;
    min-height: 65px;
    font-size: 16px!important;
    color: #222!important
}
.editcomment,.deletecomment{
	padding-top:8px !important;
    padding-bottom:8px !important;
}
.editcommenttextval {
    font-size: 16px;
    color: #222
}

.msgarrow {
    display: none;
    margin-top: 15px;
    float: right;
    min-width: 92px;
    min-height: 31px;
    text-align: right
}

.blueicon {
    color: #1876f2;
    font-size: 24px
}
.hblue{
    color:#003C5B;
}
.badge-blue {
    background: #1876f2
}

.lfollow {
    width: 33%;
    display: block;
    float: left
}

.fullscreencomments,
.scommentfull {
    width: 100%;
    float: left
}

.lfollow11 {
    display: block;
    font-size: 12px
}

.lfollow12 {
    color: #333;
    font-size: 13px
}

.fullscreencomments {
    padding: 0;
    word-wrap: break-word;
    list-style: none
}

#posttext.hover {
    border: 1px dotted #0F0
}

.profilename {
    color: #222!important;
    font-size: 17px
}

.profilenamelower {
    color: #1876f2!important
}

.cploader {
    color: #333;
    text-align: center
}

.footer-links {
    padding: 0
}

.footer-links>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px
}

.bottom-footer>li>a,
.footer-links>li>a,
.footertext>a {
    color: #888;
    font-size: 12px
}

.search_category_outer {
    display: none;
    float: left;
    width: 80%;
    margin-right: 7.5%;
    position: absolute;
    right: 30px
}

.lspicwrapper,
.vmainimg {
    display: block
}

.cimg,
.lspicwrapper,
.lsprogresswrap,
.vmainimg {
    position: relative
}

.categorysearch {
    display: block;
    width: 12.5%;
    float: right
}

.lblocktab.active {
    color: #1876f2
}

.lspicwrapper {
    height: 200px;
    overflow: hidden;
    width: 100%;
    border: 1px solid #ddd
}

.cimg {
    height: 100%
}

.votherimg {
    display: none;
    height: 100%
}
.likepost{
    font-size: 15px !important;
	line-height:31px;
	text-align: center;
    margin: 0 auto;
	float: none !important;
}
.likepost,
.sharemenuitems,
uiload {
    display: inline-block
}

.lsprogresscompleted,
.lsprogresspercentage {
    position: absolute;
    width: 100%;
    text-align: center
}

.lsprogresspercentage {
    top: 50%;
    font-size: 28px;
    margin-top: -26px
}

.lsprogresscompleted {
    top: 60%;
    color: #999
}

.uil-ring-css,
uiload,
uiload>div {
    position: relative
}

.sharemenuitems {
    float: left;
    width:14.285%;
    text-align:center;
}
.closeicon{
	fill:#82888a;
    height: 12px;
    width: 15px;
    vertical-align: middle;
}
.closeicon-outer{
	line-height:49px;
	vertical-align:middle;
	position:absolute;
	right:10px;
	top:0px;
	cursor:pointer;
	display:none;
}.searchwidgettext{
	color:#222;
}.searchwidget-mobile-blk.mactive .searchwidgettext {
    color: #222;
}
.closeicon-outer.active{
	display:block;
}
@-webkit-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes uil-ring-anim {
    0% {
        -ms-transform: rotate(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.uil-ring-css {
    background: 0 0;
    top: 0;
    margin: 180px auto 0;
    width: 100px;
    height: 100px
}

.uil-ring-css>div {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 20px;
    left: 20px;
    border-radius: 40px;
    box-shadow: 0 6px 0 0 #fff;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite
}

.cal-row-fluid,
.cal-row-fluid .cal-cell7 {
    width: 100%
}

[class*=cal-cell] {
    float: left;
    margin-left: 0;
    min-height: 1px
}

.cal-row-fluid:after,
.cal-row-fluid:before {
    display: table;
    content: "";
    line-height: 0
}

.cal-row-fluid:after {
    clear: both
}

.cal-row-fluid [class*=cal-cell] {
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 0
}

.cal-row-fluid .controls-row [class*=cal-cell]+[class*=cal-cell],
.cal-row-fluid [class*=cal-cell]:first-child {
    margin-left: 0
}

.cal-row-fluid .cal-cell6 {
    width: 85.71428571428571%
}

.cal-row-fluid .cal-cell5 {
    width: 71.42857142857142%
}

.cal-row-fluid .cal-cell4 {
    width: 57.14285714285714%
}

.cal-row-fluid .cal-cell3 {
    width: 42.857142857142854%
}

.cal-row-fluid .cal-cell2 {
    width: 28.57142857142857%
}

.cal-row-fluid .cal-offset7,
.cal-row-fluid .cal-offset7:first-child,
.cal-week-box .cal-offset7 {
    margin-left: 100%
}

.cal-row-fluid .cal-offset6,
.cal-row-fluid .cal-offset6:first-child,
.cal-week-box .cal-offset6 {
    margin-left: 85.71428571428571%
}

.cal-row-fluid .cal-offset5,
.cal-row-fluid .cal-offset5:first-child,
.cal-week-box .cal-offset5 {
    margin-left: 71.42857142857142%
}

.cal-row-fluid .cal-offset4,
.cal-row-fluid .cal-offset4:first-child,
.cal-week-box .cal-offset4 {
    margin-left: 57.14285714285714%
}

.cal-row-fluid .cal-offset3,
.cal-row-fluid .cal-offset3:first-child,
.cal-week-box .cal-offset3 {
    margin-left: 42.857142857142854%
}

.cal-row-fluid .cal-offset2,
.cal-row-fluid .cal-offset2:first-child,
.cal-week-box .cal-offset2 {
    margin-left: 28.57142857142857%
}

.cal-row-fluid .cal-offset1,
.cal-row-fluid .cal-offset1:first-child,
.cal-week-box .cal-offset1 {
    margin-left: 14.285714285714285%
}

.cal-row-fluid .cal-cell1 {
    width: 14.285714285714285%
}

.cal-row-fluid [class*=cal-cell].hide,
[class*=cal-cell].hide {
    display: none
}

.cal-row-fluid [class*=cal-cell].pull-right,
[class*=cal-cell].pull-right {
    float: right
}

.cal-row-head [class*=cal-cell],
.cal-row-head [class*=cal-cell]:first-child {
    min-height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #83898B;
    font-size: 12px
}

.cal-events-num {
    margin-top: 20px
}

.events-list.reserved,
.reserved-block {
    background: #0F3C5C !important;
    -webkit-print-color-adjust: exact
}

.events-list.tentative,
.tentative-block {
    background: #ffe0c2;
    -webkit-print-color-adjust: exact
}

.blocked-block,
.events-list.blocked {
    background: #e0e0e0;
    -webkit-print-color-adjust: exact
}

#cal-day-box .cal-day-hour:nth-child(odd) {
    background-color: #fafafa;
    -webkit-print-color-adjust: exact
}

.event-important {
    background-color: #ad2121;
    -webkit-print-color-adjust: exact
}

.event-info {
    background-color: #1e90ff;
    -webkit-print-color-adjust: exact
}

.event-warning {
    background-color: #e3bc08;
    -webkit-print-color-adjust: exact
}

.event-inverse {
    background-color: #1b1b1b;
    -webkit-print-color-adjust: exact
}

.event-success {
    background-color: #006400;
    -webkit-print-color-adjust: exact
}

.event-special {
    background-color: purple;
    -webkit-print-color-adjust: exact
}

.day-highlight,
.day-highlight:hover {
    background-color: #ddd;
    -webkit-print-color-adjust: exact
}

.day-highlight.dh-event-important,
.day-highlight.dh-event-important:hover {
    background-color: #fae3e3;
    -webkit-print-color-adjust: exact
}

.day-highlight.dh-event-warning,
.day-highlight.dh-event-warning:hover {
    background-color: #fdf1ba;
    -webkit-print-color-adjust: exact
}

.day-highlight.dh-event-info,
.day-highlight.dh-event-info:hover {
    background-color: #d1e8ff;
    -webkit-print-color-adjust: exact
}

.day-highlight.dh-event-inverse,
.day-highlight.dh-event-inverse:hover {
    background-color: #c1c1c1;
    -webkit-print-color-adjust: exact
}

.day-highlight.dh-event-success,
.day-highlight.dh-event-success:hover {
    background-color: #caffca;
    -webkit-print-color-adjust: exact
}

.day-highlight.dh-event-special,
.day-highlight.dh-event-special:hover {
    background-color: #ffe6ff;
    -webkit-print-color-adjust: exact
}

.cal-row-head {
    border-bottom: none
}

.cal-year-box {
    border: 1px solid #DDD;
    margin-top: 5px;
    display: block;
    float: left
}

.calendar-cal-day-inmonth.cal-day-today span[data-cal-date] {
    background: #449D44;
    border-radius: 50%;
    color: #fff;
    height: 20px;
    text-align: center;
    width: 20px
}

.badge-important {
    background-color: #b94a48;
    -webkit-print-color-adjust: exact
}

.map-area,
.work-area {
    background-color: #fff
}

.start-half {
    left: 60%
}

.form-group {
    float: left;
    width: 100%;
    margin-bottom: 15px!important
}

.calendar-cal-day-inmonth {
    height: 40px
}

.year-month-name {
    font-weight: 500
}

.yearmonth {
    margin: 5px
}

.work-area {
    height: 100%
}

.more-filters-body {
    padding-top: 15px
}

.loadingmapresults {
    display: none;
    margin: 40px auto
}

.loadingmapresults.active {
    display: block
}

.map-area {
    height: 100%
}

.nmap-area {
    position: fixed;
    top:106px;
    right: 0;
    bottom: 0;
    height: 100%;
    height: calc(100vh - 106px);
}

.input-group.dates {
    display: inline-block;
    width: 95%
}

.input-group.dates .form-control {
    display: inline-block;
    height: 25px;
    width: 80%;
    vertical-align: middle;
    position: relative;
    top: 9px;
    border: 1px solid #e8e8e8;
    border-right: 0;
    font-size: 12px;
    opacity: 1;
    color: #000
}

.input-group.dates .input-group-addon {
    display: inline-block;
    height: 25px;
    width: 20%;
    padding: 0;
    margin: 0;
    line-height: 25px;
    vertical-align: middle;
    border: 1px solid #e8e8e8;
    border-left: 0;
    background-color: #eff0f5;
    opacity: .75;
    cursor: pointer
}

.filter-btn,
.inner-addon.dates input {
    cursor: pointer;
    opacity: 1;
    font-size: 12px
}

.inner-addon.dates {
    display: inline-block;
    vertical-align: middle;
    width: 95%
}

.inner-addon.dates input {
    line-height: normal;
    width: 100%;
    height: 30px;
    border-color: #e8e8e8;
    color: #000;
    text-transform: uppercase
}

.inner-addon.dates input::-webkit-input-placeholder,.search-input::-webkit-input-placeholder {
    color:#222;
    font-size:16px;
    opacity:1;
}

.inner-addon.dates input:focus {
    border-color: #e8e8e8
}

.inner-addon.dates i {
    position: absolute;
    color: #000;
    right: 5%;
    top: 10px;
    height: 25px;
    width: 20%;
    text-align: center;
    display: inline-block
}

.filter-btn {
    background-color: #fff;
    border: 1px solid #e8e8e8;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    text-align: left;
    padding: 3px;
}

.guests-number-item,
.sort-by-btn {
    padding-left: 5px;
    padding-right: 5px;
    cursor: pointer
}

.dropdown-menu.guests-number-list {
    line-height: 20px;
    margin: 0;
    width: 100%;
    min-width: 100%;
    border-radius: 0
}

.total-bathrooms,
.total-bedrooms,
.total-guests,
.total-sleeps {
    font-size: 12px;
    color: #000;
    position: relative;
    bottom: 3px
}

.guests-number-item {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    font-size: 12px;
    color: #000
}

.guests-number-item.active,
.guests-number-item:hover {
    background-color: #eff0f5;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.list-view-row {
    line-height: 60px
}

.listing-trigger,
.more-filters-btn-container,
.sort-by-container,
.sort-listings-trigger {
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    border-top: 1px solid #e8e8e8;
    height: 60px
}

.listing-trigger.active,
.listings-results-body,
.sort-by-btn:hover {
    background-color: #eff0f5
}

.listing-trigger.active {
    border-bottom: 1px solid #eff0f5;
    border-top: 2px solid #355A81
}
.lblfloating{
	position:absolute;
	display:none;
}
.lblfloating.active{
	display:block;
}
.floatinginput {
	margin:15px 0px 5px 0px;
	display: block;
	height:38px;
	border: none;
	padding: 10px 5px;
	width:100%;
	color: #32325d;
	font-size: 16px;
	line-height:normal !important;
}
.floatinginput:focus,.floatinginput:active{
	border-bottom: solid 1px #3071A9 !important;
	-webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
	transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 96%, #3071A9 4%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 96%, #3071A9 4%);
	background-repeat: no-repeat;
}
.floatinginput:focus,.floatinginput:active .floatinginput:valid {
	border:1px solid #DDD !important;
	width:100%;
	box-shadow: none;
	outline: none;
	background-position: 0 0;
}
.floatinginput:focus::-webkit-input-placeholder,.floatinginput:active::-webkit-input-placeholder{
	padding:5px 0px;
	color: #3071A9;
	font-size: 11px;
	-webkit-transform: translate(-5px,-28px);
	transform: translate(-5px,-28px);
	z-index:10;
	visibility: visible !important;
}
#card-element{
  border:1px solid #DDD;
  padding:5.5px;
}
#card-errors{
  color:#F93E41;
  font-size:11px;
}
.sort-by-btn {
    border: 1px solid #e8e8e8;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    line-height: 30px
}

.sort-by-text {
    line-height: normal;
    display: inline-block
}

.dropdown-menu.sort-by-list {
    width: 100%;
    margin: 0;
    font-size: 11px;
    padding: 5px 0;
    border-radius: 0
}

.sort-by-item {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 30px;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 5px
}

.sort-by-item.active,
.sort-by-item:hover {
    background-color: #eff0f5;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.sort-by-text {
    font-size: 10px
}

.navigation-title {
    font-size: 12px
}

.listings-results-header {
    background: #FFF
}

.main-filters-container {
    padding-top: 12px;
    padding-bottom: 15px
}

.searchdates {
    height: 34px;
    font-size: 16px!important;
    color: #222
}

.listing-row {
    padding: 10px 10px 0
}

.listing-title-outer {
    float: left;
    position: relative
}

.listing-details {
    float: left;
    position: relative;
    margin-top: 15px
}

.listing-single {
    height: auto;
    cursor: pointer;
    background-color: #fff;
    width: 49.5%;
    margin: 0 .25% .5%;
    padding: 0px 5px;
}

.listings-results-inner,
.more-filters-inner {
    width: 100%
}
.showresbtn.deactive{
	opacity:0.8;
}
.zoomplus{
	position: absolute;
    left: 0px;
    top: 0px;
    user-select: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
    max-width: none;
    width: 120px;
    height: 54px;
}
.zoomminus{
	position: absolute;
    left: 0px;
    top: -15px;
    user-select: none;
    border: 0px;
    padding: 0px;
    margin: 0px;
    max-width: none;
    width: 120px;
    height: 54px;
}
.listing-info {
    padding: 5px 10px 5px 5px;
    height: 100%
}

.user-input-title {
    text-transform: capitalize;
    font-size: 15px
}

.list-view-title,
.price-plan-feature-cta,
.price-plan-name,
.sort-btn-caption,
.weekday {
    text-transform: uppercase
}

.listing-controls {
    text-align: right;
    padding-right: 5px
}

.listing-price-container {
    position: absolute;
    bottom: 150px;
    top: auto;
    padding: 5px;
    background-color: #393C3B;
    right: 2%;
    opacity: .9
}

.filters-tab,
.listings-header-btn:hover,
.more-filters-btn:hover,
.rooffies-body {
    background-color: #eff0f5
}

.listing-control-icon {
    height: 18px;
    width: 18px;
    opacity: .6
}

.listing-control-icon:hover {
    opacity: 1
}

.listing-second-control-col {
    text-align: right
}

.listing-price {
    font-size: 14px;
    color: #fff;
    margin: 0;
    font-weight: 400
}

.listing-overview-icon {
    border: 1px solid #e8e8e8;
    display: inline-block;
    border-radius: 5px;
    line-height: 25px;
    padding: 5px;
    opacity: .7
}

.listing-overview-icon:hover {
    opacity: 1
}

.listing-amenities-overview {
    position: absolute;
    bottom: 5px
}

.filter-price-row,
.filter-rating-row {
    line-height: 20px;
    padding-left: 7.5px;
    padding-right: 7.5px;
    clear: both;
    width: 100%
}

.filter-control-item,
.filters-tab,
.filters-tabs,
.listings-header-btn,
.listings-header-row {
    padding-left: 10px;
    padding-right: 10px
}

.range-result {
    color: #222!important;
    font-size: 16px !important;
    opacity: 1;
    margin-top:10px;
}

.range-result.price {
    display: inline-block;
    width: 20%;
    float: left;
    margin-left: 10px
}

.listings-header-btn {
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    line-height: 30px;
    cursor: pointer;
    display: inline-block
}

.listings-header-btn.more-filters,
.listings-header-btn.sort-by {
    width: 100%;
    text-align: center;
    line-height: 45px;
    height: 45px;
    border-radius: 0
}

.sort-btn-caption {
    font-size: 12px;
    color: #000;
    opacity: 1
}

.filters-tab {
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 5px;
    border: 1px solid #e8e8e8
}

.filters-tab:hover {
    cursor: pointer
}

.filter-title {
    color: #222
}

.filter-control-item {
    display: inline-block;
    border-left: 1px solid #e8e8e8
}

.filter-check label {
    font-size: 12px;
    margin: 0;
    cursor: pointer
}

.filter-check {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.filters-checkboxes.more-filters-row,
.rooffies-body {
    display: none
}

.block-title,
.listing-title,
.lstitle {
    display: inline-block
}

.filters-tabs {
    line-height: 30px
}

.filter-check-new label,
input[type=checkbox] {
    margin: 0
}

.check-label-container label,.check-label-container-label {
    margin: 0;
    color: #222;
    font-size: 16px;
}

.more-filters-row {
    margin-bottom:12.5px
}
.list-rooffies {
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8
}

.listing-host {
    text-align: right
}

.listing-header {
    position: relative;
    bottom: 20px
}

.listing-title {
    font-size: 18px;
    color: #222;
    height: 32px;
    margin: 0px;
    overflow: hidden;
    font-weight: 600;
    white-space: nowrap;
    width: 100%;
    padding: 10px 10px;
    text-align: left;
    float: left;
    text-overflow: ellipsis;
}

.block-title {
    max-width: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 20px
}

.rlisting-title {
    width: 85%;
    float: left
}
.guide-profile-hleft{
    width:70px;
}
.guide-profile-hright{
    padding:10px 10px;
    width: calc(100% - 70px);
}
.guide-profile-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    float: left;
    line-height: 28px;
    font-weight: bold;
    font-size: 18px;
    height: 28px;color: #222;
}
.calbtn-group button{
    border-radius:0px;
}
.calbtn-group button:not(:last-child){
    border-right:0px;
}
.lstitle {
	text-align: left;
    padding: 0 5px;
    font-size: 16px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
    float: left;
    line-height: 46px;
}
.guide_list_title{
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 22px;
    margin-top: 10px;
    padding: 0px;
    font-size: 18px;
    width: 100%;
    color: #222;
}
.listing-facilities {
    float: left;
    padding: 5px;
    overflow: hidden;
    height: 28px;
}
.listing-facilities1{
    padding:0px 10px;
}

.listing-capacity {
    font-weight: 400;
    font-size: 11px
}

.listing-bedrooms-container,
.listing-beds-container,
.listing-guests-container {
    text-align: center;
    display: inline-block;
    padding: 5px
}

.listing-rating {
    position: absolute;
    top: -20px;
    left: 3px
}

.col-md-2.empty-space {
    width: 2%
}

.listing-overview-divs {
    position: absolute;
    top: 60px;
    padding-left: 5px
}

.listing-overview-div {
    background: #FFF;
    display: block;
    float: left;
    font-size: 12px;
    margin: 0 5px;
    position: relative;
    text-align: left;
    vertical-align: top;
}

.control-range,
.resize-thumbnail,
.select2-container.select2-container--default.select2-container--open,
.select2.select2-container.select2-container--default,
.show-results-btn,
.tab-results-container.sort-by {
    width: 100%
}

.listingfeaturestxt {
    font-size: 20px
}

.slidernext,
.sliderpre {
    font-size: 52px;
    color: #FFF
}

.quick-overview-container {
    text-align: right;
    position: relative;
    right: 5px
}

.verified-icon-container {
    position: absolute;
    bottom: 0;
    right: 50px;
    background-color: rgba(255, 255, 255, .75)
}

.ui-corner-all {
    border-radius: 0
}

.show-results-btn,
.ui-widget-content {
    border: 1px solid #e8e8e8
}

.control-range {
    background: 0 #eff0f5;
    height: 10px;
    display: inline-block
}

.control-range .ui-slider-range {
    height: 2px;
    background: 0 #355A81;
    position: absolute;
    top: 50%;
    margin-top: -1px
}

.control-range .ui-slider-handle {
    height: 20px;
    cursor: pointer;
}

.slider-selection {
    background: 0 0
}

.tab-results-container {
    line-height: normal;
    height: 50px;
    display: inline-block;
    vertical-align: middle
}

.roof-it {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index:2;
}

.showmlsbtn.active {
    color: #1876f2;
    box-shadow: none;
    background-color: #FFF;
    padding: 5px 12px
}

#rescalloader {
    position: absolute;
    left: 50%;
    margin-left: 7.5px;
    margin-top: 200px
}

.rescalinner.blur {
    opacity: .3
}

.show-results-btn {
    text-align: center;
    background-color: #30D3B6;
    cursor: pointer;
    position: relative;
    border-radius: 0;
    color: #fff;
    font-size: 14px!important;
    padding: 10px
}

.show-results-btn:hover {
    opacity: .75
}

.list-view-title {
    font-size: 10px
}

.filter-sizes-row {
    padding-left: 10px;
    padding-right: 10px;
    line-height: 30px
}

.bathrooms-list,
.bedrooms-list,
.sleeps-list {
    line-height: normal;
    margin: 0;
    border-radius: 0;
    min-width: 100%;
    width: 100%
}

.bathrooms-item,
.bedrooms-item,
.sleeps-item {
    padding-left: 5px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    cursor: pointer
}

.bathrooms-item.active,
.bathrooms-item:hover,
.bedrooms-item.active,
.bedrooms-item:hover,
.sleeps-item.active,
.sleeps-item:hover {
    background-color: #eff0f5;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.dropdown .filter-btn img {
    position: relative;
    bottom: 5px
}

.dropdown .col-md-2 i {
    position: relative;
    bottom: 3px
}

.select2-search.select2-search--dropdown {
    display: none
}

.select2-selection.select2-selection--single {
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0;
    -moz-box-shadow: 0;
    color: #333;
    border: 1px solid #e8e8e8;
    height: 30px;
    position: relative;
    top: 1px
}

.resize-thumbnail,
.ui-slider-handle:focus,
.ui-slider-handle:hover {
    background-color: #e8e8e8
}

.select2-selection.select2-selection--single:focus {
    outline: 0
}

.select2-dropdown {
    position: relative;
    top: 2px;
    border-top: 1px solid #e8e8e8
}

.ui-slider-handle:focus {
    outline: 0;
    border: 1px solid #eff0f5
}

.resize-thumbnail {
    height: 200px
}

.vertical-image {
    height: 200px;
    background: url(../images/properties/01/00.jpeg) 50% 50%;
    background-size: cover
}

@media only screen and (max-width:780px) {
    .img-item {
        height: 160px;
        width: auto;
        margin: 0 auto;
        background: 0 0
    }
    .img-item a{
        float: left;
        width: 100%;
        height: 160px;
    }
	.limg-nextbtn,.limg-prevbtn,.mlimg-nextbtn,.mlimg-prevbtn{
		padding-top:60px;
	}
}

@media only screen and (max-width:1100px) {
    .img-item {
        height: 180px;
        width: auto;
        margin: 0 auto;
        background: 0 0
    }
    .img-item a{
        float: left;
        width: 100%;
        height: 180px;
    }
	.limg-nextbtn,.limg-prevbtn,.mlimg-nextbtn,.mlimg-prevbtn{
		padding-top:70px;
	}
}

@media only screen and (max-width:1300px) {
    .img-item {
        height: 200px;
        width: auto;
        margin: 0 auto;
        background: 0 0
    }
    .img-item a{
        float: left;
        width: 100%;
        height: 200px;
    }
	.limg-nextbtn,.limg-prevbtn,.mlimg-nextbtn,.mlimg-prevbtn{
		padding-top:80px;
	}
}

@media only screen and (min-width:1300px) {
    .img-item {
        height: 260px;
        width: auto;
        margin: 0 auto;
        background: 0 0
    }
    .img-item a{
        float: left;
        width: 100%;
        height: 260px;
    }
	.limg-nextbtn,.limg-prevbtn,.mlimg-nextbtn,.mlimg-prevbtn{
		padding-top:110px;
	}
}
@media only screen and (min-width:1700px) {
    .img-item {
        height: 360px;
        width: auto;
        margin: 0 auto;
        background: 0 0
    }
    .img-item a{
        float: left;
        width: 100%;
        height: 360px;
    }
	.limg-nextbtn,.limg-prevbtn,.mlimg-nextbtn,.mlimg-prevbtn{
		padding-top:160px;
	}
}
.limg-prevbtn-map,.limg-nextbtn-map{
    padding-top: 80px;
}
.listing-result-img {
    width: auto;
    height: 100%;
    margin: 10px auto
}

.limgcontent {
    padding:5px 10px
}
.limgcontent-map{

}
.sendreqdiv{
	padding:0px 10px
}
.listing-tn-container {
    background:#F7F7F7;
    position: relative;
    float: left;
	overflow:hidden;
}

.resize-container {
    margin: auto
}

.limg-nextbtn,
.limg-prevbtn,
.mlimg-nextbtn,
.mlimg-prevbtn{
    position: absolute;
    width:25%;
    top:0px;
	bottom:0px;
    z-index: 1;
    display: block;
	cursor:pointer;
}
.pimg-nextbtn,.pimg-prevbtn{
	position: absolute;
    height:100%;
    width:50%;
	z-index:1;
	cursor:pointer;
}
.pimg-nextbtn > i ,.pimg-prevbtn > i {
	position: absolute;
    top: 50%;
    margin-bottom: -10px;
}
.limg-prevbtn,
.mlimg-prevbtn {
    cursor: pointer;
	padding-left:10px
}
.pimg-nextbtn{
	top:0px;
	cursor:pointer;
}
.limg-nextbtn,
.mlimg-nextbtn {
    right: 0px;
    cursor: pointer;
	float:right;
}
.map-prevbtn,.map-nextbtn{
    padding-top:75px;
}
.rphoto-right{
	margin-right:10px;
}

.pimg-prevbtn {
    left: 5px
}

.pimg-nextbtn {
    right: 5px
}
.pimg-prevbtn > i {
    left: 5px;
}
.pimg-nextbtn > i {
    right: 5px;
}
.leftsidepicmain {
    display: none
}
.harrow {
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    margin-left: -37px;
    width: 70px;
    height: 90px;
}

.hleft {
	left:42%;
	stroke-width:3;
	display: block;
	width: 20px;
	height: 34px;
}

.hright {
  left:68%;
  stroke-width:3;
   display: block;
	width: 20px;
	height: 34px;
	float:right;
}

.hleft:hover polyline,
.hleft:focus polyline {
  stroke-width: 3;
}

.hleft:active polyline {
  stroke-width: 3;
  transition: all 100ms ease-in-out;
}

.right:hover polyline,
.right:focus polyline {
  stroke-width:3;
}

.right:active polyline {
  stroke-width:3;
  transition: all 100ms ease-in-out;
}

polyline {
  transition: all 250ms ease-in-out;
  stroke-width:3;
}
.leftsidepicmain.active {
    display: block
}

.img-control-arrow {
    font-size: 28px !important;
    color: #FFF;
    display: none
}

.img-control-black {
    font-size: 28px;
    color: #777;
    cursor: pointer
}

.mapcentermarker,
.newmarker {
    color: #FFF;
    position: relative
}
.msgleftouter{
    padding-right:70px;
}
.msgrightouter{
    padding-left:50px;
}
#mapsearch {
    height: 100%;
    width: 100%
}

.zerocntmsg {
    text-align: center;
    vertical-align: middle;
    line-height: 200px
}
.msgtypeblock-outer{
    background:#FFF;
}
.msgtypeblock-outer-right{
    padding-right:15px;
	padding-left:15px;
}
.msgtypeblock-pic{
    position: absolute;
    right: 12px;
    top: 10px;
}
.mapcentermarker {
    background: red;
    font-size: 13px;
    border-radius: 20%;
    opacity: .75;
    padding: 1px;
    width: 1px;
    height: 1px;
    z-index: 9999999999
}

.newmarker {
    background: #407AAA;
    font-size: 14px;
    padding: 2px 4px;
    border-radius: 3px;
    height: auto;
    z-index: 9999
}

.newmarker.active {
    background: #F93E41;
    z-index: 99999999
}

.newmarker:before {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -6px;
    top: auto;
    border: 6px solid transparent;
    border-bottom: 0;
    border-top-color: #407AAA
}

.listinghoverinfobox {
    width: 280px;
    background: #FFF;
    border: 1px solid #DDD;
    border-radius: 8px;
    padding: 10px;
}

.listinghoverinfobox:after,
.listinghoverinfobox:before {
    border-style: solid;
    content: '';
    display: inline-block
}

.listinghoverinfobox:before {
    border-color: #DDD transparent transparent;
    border-width: 6px;
    position: absolute;
    bottom: -14px;
    margin: 0 0 0 118px
}

.listinghoverinfobox:after {
    border-color: #fff transparent transparent;
    border-width: 8px;
    position: absolute;
    bottom: -16px;
    margin: 0 0 0 -139px;
}

.cal-week-box .arrow-after:after,
.cal-week-box .arrow-before:before {
    content: "";
    top: 0;
    width: 0;
    height: 0;
    position: absolute
}

.newmarker:hover {
    background: #7A7C7C
}

.newmarker.active:hover:before,
.newmarker:hover:before {
    border-top-color: #7A7C7C
}

.newmarker.active:before {
    border-top-color: #F93E41
}
.cmapbox .listing-tn-container {
    width: 240px;
    background: #FFF;
    border-radius: 6px;
    float: left;
    position: relative;
}
.cmapbox .limgcontentsrc {
    max-width:100%;
}
.cmapbox .check_availability {
    cursor: pointer !important;
    display: inline-block !important;
    margin: 0px !important;
    text-align: center !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 18px !important;
    padding: 8px !important;
    border-width: 1px !important;
    border-style: solid !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    background: #ffffff;
    color: #484848 !important;
    border: 1px solid #DDD;
    width: 100% !important;
}
.cmapbox .limg-prevbtn-map, .cmapbox .limg-nextbtn-map{
    padding-top: 55px;
}
.check_availability-outer {
    padding: 10px;
}
.cmapbox .maplstitle {
    float: left;
    width: 100%;
    position: relative;
    font-size: 18px;
    font-weight: 500;
    padding: 5px 5px;
    overflow: hidden;
    height: 30px;
    text-overflow: ellipsis;
    width: 240px;
    white-space: nowrap;
}
.maplstitle {
    color: #222;
    font-size: 20px;
    padding: 10px;
    text-align: center;
    display: block;
    float: left;
    position: relative;
    width: 100%;
    height: 35px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.maplstitle.maplstitle2{
    color: #222;
    text-align:left;
    padding: 10px 0;
}
.filter-dates-block {
    padding: 0 5px
}

.filter-location-row {
    float: left;
    padding:0px 5px 0px 10px;
}

#cal-week-box {
    position: absolute;
    width: 70px;
    left: -71px;
    top: -1px;
    padding: 8px 5px;
    cursor: pointer
}

.cal-year-box #cal-day-tick {
    margin-right: -7px
}

.events-list {
    width: 100%
}

.revents-list {
    height: 25px
}
.rprice-info{
    z-index:9;
    width: 20px;
    display:inline-block;
}
.ebaseprice {
    position:absolute;
    bottom:5px;
    text-align:right;
    width:100%;
    font-size:16px;
    right:5px;
	color: #3071A9;
    font-weight: 500;
}
.cal-month-day,
.cal-week-box {
    position: relative
}

.cal-width-1 {
    z-index: 5
}

.cal-width-2 {
    width: 90%!important;
    z-index: 5
}

.cal-width-3 {
    width: 140%!important;
    z-index: 5
}

.cal-width-4 {
    width: 190%!important;
    z-index: 5
}

.cal-width-5 {
    width: 240%!important;
    z-index: 5
}

.cal-width-6 {
    width: 290%!important;
    z-index: 5
}

.cal-width-7 {
    width: 340%!important;
    z-index: 5
}

.cal-width-8 {
    width: 390%!important;
    z-index: 5
}

.cal-width-9 {
    width: 440%!important;
    z-index: 5
}

.cal-width-10 {
    width: 490%!important;
    z-index: 5
}

.cal-width-11 {
    width: 540%!important;
    z-index: 5
}

.cal-width-12 {
    width: 590%!important;
    z-index: 5
}

.events-list.m {
    height: 24px;
    top: 50px
}

.events-list.y {
    height: 24px;
    top: 13px
}

.cal-month-day {
    display: block;
    width: 100%
}

#cal-slide-content ul.unstyled {
    margin-bottom: 0
}

.cal-week-box [data-event-class] {
    white-space: nowrap;
    height: 30px;
    margin: 1px;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 10px
}

.cal-week-box .cal-column {
    position: absolute;
    height: 100%;
    z-index: -1
}

.cal-week-box .arrow-after,
.cal-week-box .arrow-before {
    position: relative
}

.cal-week-box .arrow-after:after {
    right: 0;
    border-top: 15px solid #fff;
    border-left: 8px solid;
    border-bottom: 15px solid #FFF
}

.cal-week-box .arrow-before:before {
    left: 1px;
    border-top: 15px solid transparent;
    border-left: 8px solid #FFF;
    border-bottom: 15px solid transparent
}

#cal-day-box .cal-day-hour-part {
    height: 30px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border-bottom: thin dashed #e1e1e1
}

#cal-day-box .cal-day-hour .day-highlight {
    height: 30px
}

#cal-day-box .cal-hours {
    font-weight: bolder
}

#cal-day-box #cal-day-panel {
    position: relative;
    padding-left: 60px
}

#cal-day-box #cal-day-panel-hour {
    position: absolute;
    width: 100%;
    margin-left: -60px
}

#cal-day-box .day-event {
    position: relative;
    max-width: 200px;
    overflow: hidden
}

#cal-day-box .day-highlight {
    line-height: 30px;
    padding-left: 8px;
    padding-right: 8px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #c3c3c3;
    margin: 1px;
    overflow: hidden;
    text-overflow: ellipsis
}

#cal-day-box .day-highlight.dh-event-important {
    border: 1px solid #ad2121
}

#cal-day-box .day-highlight.dh-event-warning {
    border: 1px solid #e3bc08
}

#cal-day-box .day-highlight.dh-event-info {
    border: 1px solid #1e90ff
}

#cal-day-box .day-highlight.dh-event-inverse {
    border: 1px solid #1b1b1b
}

#cal-day-box .day-highlight.dh-event-success {
    border: 1px solid #006400
}

#cal-day-box .day-highlight.dh-event-special {
    background-color: #ffe6ff;
    border: 1px solid purple;
    -webkit-print-color-adjust: exact
}

.event,
.event-block {
    display: block;
    background-color: #c3c3c3;
    -webkit-print-color-adjust: exact
}

.event {
    width: 12px;
    height: 12px;
    margin-right: 2px;
    margin-bottom: 2px;
    -webkit-box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .4);
    box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, .4);
    border-radius: 8px;
    border: 1px solid #fff
}

.event-block {
    width: 20px;
    height: 100%
}

.cal-event-list .event.pull-left {
    margin-top: 3px
}

.cal-row-head [class*=cal-cell],
.cal-row-head [class*=cal-cell]:first-child {
    text-align: center;
    border: 0 solid;
    padding: 5px 0
}

.cal-row-head [class*=cal-cell] small {
    font-weight: 400
}

.cal-month-box [class*=cal-cell],
.cal-year-box [class*=span] {
    min-height: 90px;
    border-right: 1px solid #e1e1e1;
    position: relative
}

.cal-year-box [class*=span] {
    min-height: 60px
}

.cal-month-box .cal-row-fluid [class*=cal-cell]:last-child,
.cal-year-box .row-fluid [class*=span]:last-child {
    border-right: 0
}

.cal-month-box .cal-row-fluid,
.cal-year-box .row-fluid {
    border-bottom: 1px solid #e1e1e1;
    margin-left: 0;
    margin-right: 0
}

.cal-month-box .cal-row-fluid:last-child,
.cal-year-box .row-fluid:last-child {
    border-bottom: 0
}

.cal-month-box,
.cal-week-box,
.cal-year-box {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-left: 1px solid #e1e1e1;
    border-radius: 2px
}

span[data-cal-date] {
    font-weight: 400;
    opacity: 1;
    cursor: pointer;
    position: relative;
    z-index: 6;
    margin-top: 15px;
    margin-right: 15px
}

.cal-day-outmonth span[data-cal-date] {
    opacity: .2;
    cursor: default
}

.cal-day-today span[data-cal-date] {
    background: #449D44;
    -webkit-print-color-adjust: exact;
    border-radius: 50%;
    color: #fff;
    height: 25px;
    text-align: center;
    width: 25px;
    padding-top: 3px
}

.end-half,
.start-half {
    background: #E56462!important;
    transform: skewX(-45deg)
}

.btn-calendar,
.btn-calendar1 {
    border-radius: 0;
    padding: 7px !important;
    color: #fff !important;
}

.cal-column {
    border-left: 1px solid #e1e1e1
}

a.cal-event-week {
    text-decoration: none;
    color: #151515
}

.msglink:hover,
.questitle:hover {
    text-decoration: underline
}

.btn-calendar1 {
    padding: 6px 25px
}

.btn-calendar-span {
    padding: 6px
}
.btn-embed{
    font-size: 16px;
    cursor: pointer;
    padding:8px !important;
    border-radius:6px !important;
    background:#FF9300;
    border:1px solid #ef8a01;
    width: 100%;
    color: #FFF !important;
}
.btn-embed-cal{
    width:160px;
    float:left;
}
.btn-embed:hover, .btn-embed:focus{
    background:#ef8a01 !important;
    border: 1px solid #ef8a01 !important;
}
.calendar-date {
    float: left;
    margin: 4px 12px
}

.start-half.m {
    left: 55%
}

.start-half.y {
    left: 60%
}

.end-half {
    right: 50%;
    margin-left: 40px
}

.booking-form-footer {
    border-top: 1px solid #ddd;
    float: left;
    padding: 10px 0;
    width: 100%
}

.start-half {
    margin-right: -40px;
    -webkit-print-color-adjust: exact;
    transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    -ms-transform-origin: left center;
    transform-origin: left center;
    -ms-transform: skew(-45deg);
    -webkit-transform-origin: left center
}

.cal-booking-form {
    padding: 10px;
    margin-bottom: 10px;
    height: 350px;
    max-height: 350px;
    overflow-y: scroll
}

.calendar-cal-day-inmonth {
    position: relative;
    width: 100%
}

.smonthview {
    margin: 10px
}

.year-month-name {
    font-size: 14px;
    padding: 5px 10px
}

.calendarloader {
    margin-top: 100px
}

.bformpopover,
.rdetailspopover {
    min-width: 350px;
    width: 350px
}

.label-status {
    display: inline-block;
    font-size: 12px
}

.calendar-square {
    height: 14px;
    width: 14px;
    margin: 3px;
    display: inline-block;
    top: 5px;
    position: relative
}

#calendar-status-bar {
    margin-top: 15px
}

.cal-cell1.cal-cell {
    overflow: hidden
}

.events-label1 {
    background: #e56462;
    -webkit-print-color-adjust: exact;
    height: 24px;
    margin-left: 85px;
    position: absolute;
    top: 50px;
    transform: skew(30deg)
}

#calendararea {
    width: 100%;
    position: relative;
    float: left
}

#lastcalupdateddate {
    float: right;
    font-size: 16px;
    font-weight: 500;
    padding-top: 5px
}

#lastcalupdatedtime {
    float: right
}

.calendarheadline {
    display: none
}

.draggedfiles ,.addcatphoto.lsdragged{
    border: 1px dashed #53A753!important;
    background: #EFF0F5!important
}

.chatdraggedfiles {
    border: 2px dotted #407AAA;
    opacity: .6
}

.chatpic {
    display: block
}

.chatpicimg {
    padding: 5px;
    max-height: 150px;
    margin: 0 auto
}
.arrows-help{
	color:#888;
	transition:.3s;
	float:right;
}
.hbasesection{
	float:left;
	width:100%;
	position:relative;
}
.accordion-bottom{
	    margin-bottom: 15px;
    float: left;
    width: 100%;
	display:none;
}.accordion-bottom.active{
	display:block;
}
.helptopic-title{
font-size: 16px !important;
font-weight:400;padding: 10px 0px;
cursor:pointer;
}.margin-top-0{margin-top:0px !important;}.helptopic-title:hover{text-decoration:underline;}
.helptopic-title a{
	padding-left:15px;
}
.accordion-top{
font-size: 16px;
font-weight:400;padding: 15px 0px;
cursor:pointer;
}.accordion-top:hover{
	text-decoration:underline;
}
.accordion-top > span{
	padding-left:15px;
}
.accordion-arrow{
	transition:.3s;
}
.accordion-top i {
    transition:.5s;
}
.arrows-help::after {
  content: '\25bc';
  color:#888;
}
.arrows-help.active::after {
  content: '\25b2';
  color:#888;
}
.accordion-arrow{
	font-size:16px !important;
}
.sidenav-accordion-content{
    padding:0px;
    width:100%;
    display:none;
}
.listing-sidemenu{
	padding-left:0px !important;
	text-align:left !important;
}
.sidenav-accordion-content.active{
	display:inline-block;
}
.arrows-help:hover,.arrows-help.active{
	color:#407AAA;
}
.borderbottom {
    width: 50%;
    margin: 0 auto;
    height: 1px;
    background: #CCC
}

.rdates,
.tag {
    background: #FFF!important
}

.cphotopreview {
    float: left;
    width: 100%
}

.commentpic {
    min-height: 100px
}

.ltopmsgtext>.chatpicinner>.chatpic {
    overflow: hidden;
    display: block;
    height: 23px
}

.message-contact-content>.chatpicinner>.chatpic {
    overflow: hidden;
    display: block;
    height: 32px
}

.picupr {
    position: absolute;
    top: 100px
}

.react-tags {
  position: relative;
  padding: 6px 0 0 6px;
  border-radius: 1px;
  font-size: 1em;
  line-height: 1.2;
  cursor: text;
}

.react-tags.is-focused {
  border-color: #B1B1B1;
}

.react-tags__selected {
  display: inline;
}

.react-tags__selected-tag {
  display: inline-block;
  box-sizing: border-box;
  margin: 0 6px 6px 0;
  padding: 6px 8px;
  border: 1px solid #D1D1D1;
  border-radius: 2px;
  background: #FFF;
}

.react-tags__selected-tag:after {
  content: '\2715';
  color: #AAA;
  margin-left: 8px;
}

.react-tags__selected-tag:hover,
.react-tags__selected-tag:focus {
  border-color: #B1B1B1;
}

.react-tags__search {
  display: inline-block;

  /* match tag layout */
  padding: 7px 2px;
  margin-bottom: 6px;

  /* prevent autoresize overflowing the container */
  max-width: 100%;
}

@media screen and (min-width: 30em) {

  .react-tags__search {
    /* this will become the offsetParent for suggestions */
    position: relative;
  }

}

.react-tags__search input {
  max-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
  font-size: inherit;
  line-height: inherit;
}

.react-tags__search input::-ms-clear {
  display: none;
}

.react-tags__suggestions {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

@media screen and (min-width: 30em) {

  .react-tags__suggestions {
    width: 240px;
  }
}
.react-tags__suggestions ul {
  margin: 4px -1px;
  padding: 0;
  list-style: none;
  background: white;
  border: 1px solid #D1D1D1;
  border-radius: 2px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.react-tags__suggestions li {
  border-bottom: 1px solid #ddd;
  padding: 6px 8px;
}

.react-tags__suggestions li mark {
  text-decoration: underline;
  background: none;
  font-weight: 600;
}

.react-tags__suggestions li:hover {
  cursor: pointer;
  background: #eee;
}

.react-tags__suggestions li.is-active {
  background: #b7cfe0;
}

.react-tags__suggestions li.is-disabled {
  opacity: 0.5;
  cursor: auto;
}
.rdates {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.rdates:hover {
    cursor: auto!important
}

.rdates:focus {
    border: 1px solid #4D90FE!important
}

.cleardates {
    position: absolute;
    display: block;
    top: 12px;
    right: 15px;
    border: 1px solid #DDD;
    height: 20px;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer
}

.chat-positioner,
.chat-window-wrapper {
    float: right;
    height: 100%
}

.cleardates>.fa {
    font-size: 11px;
    color: #8C9294
}

.cleardates:hover {
    background: #DCE0E0
}

.chat-global-container {
    position: fixed;
    right: 205px;
    bottom: 0;
    z-index: 5;
    max-height: 320px
}

.chat-window-wrapper {
    position: relative;
    width: 280px;
    margin-right: 10px;
    min-height: 24px
}

.chat-window-size-absolute {
    width: 230px;
    height: 336px;
    float: left
}

.chat-window-size-relative {
    width: 225px;
    position: relative;
    height: 336px
}

.chat-container {
    bottom: 0;
    margin-right: 10px;
    box-shadow: rgba(0, 0, 0, .2) 0 2px 6px;
    z-index: 71;
    width: 100%;
    position: absolute;
    min-height: 20px
}

.chat-container-wrapper {
    position: fixed;
    bottom: 0
}

.chat-header {
    background: #003B60;
    float: left;
    width: 100%;
    padding: 0 10px;
    max-height: 24px;
    height: 24px
}

.online-circle {
    font-size: 10px;
    color: #0F9D28!important
}

.offline-circle {
    font-size: 10px;
    color: #CC181E!important
}

.chat-header ul li {
    display: inline-block
}

.chat-options1 {
    margin-bottom: 0
}

.chat-header-right-controls {
    width: 24px;
    height: 24px;
    color: #fff;
    display: block;
    text-align: center;
    padding-top: 2px
}

.chat-header-right-controls:hover {
    background: #8D8B8B;
    color: #fff
}

.chat-header-topadjustment {
    height: 3px
}

.chat-personname {
    color: #fff;
    display: inline-block;
    margin-top: 3px
}

.chat-personname:hover {
    color: #fff
}

.chat-name {
    padding-left: 20px
}

.chat-underheader-controls-container {
    background: #f9f9f9;
    width: 100%;
    float: left;
    border-bottom: 1px solid #c9c9c9
}

.chat-underheader-controls-container ul li {
    float: left
}

.chat-underheader-controls-container ul li a {
    width: 30px;
    height: 24px;
    display: block;
    padding: 2px 4px;
    background: #f9f9f9;
    border: 1px solid #f9f9f9;
    border-top: 0;
    border-left-color: #fff;
    border-right-color: #c9c9c9;
    border-bottom: 0;
    text-align: center;
    color: #797979
}

#msgsmilescontainer,
.istyping {
    display: none
}

.chat-underheader-controls-container ul li a:hover {
    background: #f0f0f0
}

.chat-underheader-controls-container ul li a i {
    color: #797979
}

.chat-more-button a {
    width: auto!important;
    border-left: 1px solid transparent
}

.chat-more-button a:hover {
    border-left: 1px solid #c9c9c9
}

.chat-content-container {
    background-color: #ebebeb;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    clear: both;
    color: #222;
    position: relative
}

.istyping {
    position: absolute;
    bottom: 0;
    padding-left: 10px
}

.chat-innercontainer {
    height: 240px;
    width: 278px;
    background: #FFF;
    overflow-y: scroll;
    position: relative;
    padding: 10px 0
}


.chat-personname-contentsection {
    color: #222;
    font-size: 13px
}

.chattext {
    font-size: 13px;
    float: right;
    width: 100%;
    margin-bottom: 2px;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word
}

.chattext.left {
    text-align: left
}

.chatsmilescontainer {
    position: absolute;
    bottom: 44px;
    width: 280px;
    height: 150px;
    background: #FFF;
    border: 1px solid #DDD;
    left: 0;
    padding: 2px 5px;
    display: none
}

.smiliescontainer {
    display: inline-block;
    padding: 0
}

.chatInput,
.chatinputtext {
    width: 100%;
    padding: 11px 30px 9px
}

.smiliescontainer>li {
    display: inline-block;
    margin: 0;
    border: 1px solid #FFF
}

.smiliescontainer>li:hover {
    border: 1px solid #EEE
}

.chat-sent-on {
    color: #777;
    margin-top: 5px;
    font-size: 9px
}

.chat-input-container {
    position: relative
}

.chat-picsend,
.chat-smileys,
.smileys {
    position: absolute
}

.chatInput {
    resize: none;
    height: 40px;
    display: none
}

.chatinputtext {
    height: auto;
    min-height: 40px;
    background: #FFF;
    border: 1px solid #CCC;
    max-height: 140px;
    overflow-y: auto
}

.chatinputtext:focus {
    outline: 0;
    border-color: #4D90FE
}

.chat-picsend {
    right: 10px;
    bottom: 6px;
    font-size: 18px;
    cursor: pointer
}

.msg-picsend {
    bottom: 6px
}

.chatpicico,
.smileypicico {
    color: #666
}

.chat-smileys {
    left: 6px;
    bottom: 6px;
    font-size: 20px;
    cursor: pointer
}

.chat-smiley-dropdown,
.msg-smiley-dropdown {
    position: absolute;
    right: 15px;
    left: auto;
    cursor: pointer
}

.singlefriend-img {
    height: 32px!important;
    width: 32px!important
}

.msg-smiley-dropdown {
    top: 15px
}

.chat-header-inner {
    max-width: 180px;
    word-wrap: break-word
}

.chat-options1 {
    padding: 0
}

.chattext>.chattext_1>.chattext_1_1 {
    width: 100%;
    padding: 5px
}

.rmsgftd {
    border: none!important;
    padding: 10px
}

.chattext>.chattext_1>.chattext_1_1>table>tbody>tr>.rmsgftd {
    padding: 0;
    width: 40px
}

.rday,
.week,
.weekday,
body.lights-off {
    position: relative
}

.calendar {
    padding: 0;
    border: 1px solid #ddd;
    user-select: none;
    background-color: #fff
}

.week .rday:last-child,
.week .rday:nth-child(7) {
    border-right: 1px solid #e1e1e1
}

simple-calendar .move-month {
    cursor: pointer
}

simple-calendar .prev-month {
    float: left
}

simple-calendar .next-month {
    float: right
}

simple-calendar .current-month {
    padding: 16px 8px 6px;
    color: #222;
    font-size: 20px;
    font-weight: 400
}

.week {
    height:110px;
    float: left;
    width: 100%
}

.week:last-child .rday {
    height: inherit;
    border-bottom: 1px solid #e1e1e1
}

.weekday {
    text-align: center;
    padding-right: .9px
}

.week .rday:nth-child(1) {
    border-left: 1px solid #e1e1e1
}

.rday,
.weekday {
    display: block;
    float: left;
    width: 14.285%;
    cursor:pointer;
}

.mweekday {
    width: 14.285%!important
}

.rday {
    height: inherit;
    padding-bottom: 2px;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    border-left: none;
    float: left;
    cursor:pointer;
    -webkit-print-color-adjust: exact
}

.rcalslider {
    height: 0
}

.rcalsliderleft {
    top: 52px;
    position: absolute;
    left: -10%
}

.rcalsliderright {
    top: 52px;
    right: 18%;
    position: absolute
}

.pricingbtngrp {
    width: 100%
}

.avilbtn {
    height: 34px;
    width: 50%;
    background: #F5F5F5
}

.avilbtn.selected {
    border-bottom: 3px solid #407AAA;
    background: #FFF !important;
}

.day {
    cursor: pointer
}

.day-inner {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height:110px;
    cursor:pointer !important;
    -webkit-touch-callout: none;
   -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.eventscls{
	float:left;
	height:110px;
	width:100%;
	position:absolute;
	top:0px;
	cursor:pointer;
}

.nameviewdettd {
    cursor: pointer
}

.day-inner.blur {
    opacity: .32
}
.rday.highlighted{
    cursor:pointer;
}
.day-inner.highlighted {
    animation: .6s ease 0s normal none 1 running anim-cal-tile-raised-shadow;
    background: #fff;
    bottom: 5%;
    position: absolute;
    top: 0;
    cursor:pointer !important;
    width: 100%;
    opacity: 1;
    border-right: none !important;
    border-left: none !important;
    right: -1px;
    border: 2px solid;
    z-index: 8;

}
.day-inner.resstart.highlighted {
    border-left: 2px solid !important;
    border-right: 2px solid !important;
    right: -2px;
    width: auto !important;
}
.rday0 > .day-inner.highlighted{
    border-left: 2px solid !important;
    right: -1px;
    width: auto !important;
}
.rday6 > .day-inner.highlighted{
    border-right: 2px solid !important;
    left: -1px;
    width: auto !important;
}
.day-inner.highlighted.resend:first-child {
    border-right: 2px solid !important;
    left: -1px !important;
    right: -1px !important;
    width: auto !important;
}
.ui-slider .ui-slider-handle {
    z-index: 1!important;
    background-color: #f8f8f8;
    border: 1px solid;
    border-radius: 0;
    top: -6px;
    position: absolute;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.rcalsliderleftinner,
.rcalsliderrightinner {
    height: 25px!important;
    width: 25px!important;
    border-radius: 50%!important;
    background-color: #f8f8f8;
    border: 1px solid;
    position: absolute;
    z-index: 2;
    top: -6px;
    border-color: #4aa4ce!important;
    cursor: col-resize
}

.rcalsliderleftinner:after,
.rcalsliderleftinner:before,
.rcalsliderrightinner:after,
.rcalsliderrightinner:before {
    border-color: inherit;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    width: 4px;
    height: 15px;
    left: 9px
}

.day-number,
.day-numberspan,
.resevent {
    position: relative
}

.day-number {
    padding: 5px 10px;
    color: #222;
    font-size: 14px;
    text-align:center;
}

.day-number.calyear {
    z-index: 3;
}

.day-numberspan {
    z-index: 1;
    font-size: 16px;
    color: #222;
}
.msg-outer{
	height:calc( 100% - 148px);
}.msg-insider{
	overflow:auto;
}
.notifications-span{
    width: 19px;
    height: 19px;
    display: inline-block;
    background: green;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    text-align: center;
    vertical-align: middle;
    line-height: 20px;
    color: #FFF;
    right: -4px;
    font-size: 12px;
    font-weight: 600;
}
.notifications-span2{
    width: 19px;
    height: 19px;
    background: green;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 19px;
    color: #FFF;
    display: inline-block !important;
    font-size: 13px;
    margin-top: -1px;
}
.notifications-span1{
    background: green;
    border-radius: 50%;
    width: 19px;
    display: inline-block;
    text-align: center;
    color: #FFF;
    margin-left: 5px;
}
.notify1-span{
    position:absolute;
	right:10px;
}
.notify2-span{
	position:absolute;
	right:10px;
}
.notifications-outer,
.user-menu>.dropdown-menu {
    z-index: 10
}
.user-menu{
    padding: 18px 6px;
}
simple-calendar .rday:hover {
    cursor: pointer
}

simple-calendar .rday.disabled {
    cursor: default;
    color: silver;
    background-color: #fff
}

.control,
.droparrowouter,
.fswitch,
.fswitch_label,
.homenewimg,
.inquiryevent,
.msglink,
.rocker-switch__button,
.texpandmore {
    cursor: pointer
}

.msglink {
    color: #2095F2!important
}

.smileypicarr {
    font-size: 24px;
    color: #407aaa;
    display: none
}

.smileypicico.hide {
    display: none
}

.chatpictures,
.smileypicarr.active {
    display: block
}

.chatpictures {
    margin: 50px auto 0;
    text-align: center
}

.chatpicslinkimg {
    display: none
}

.chatpicslinkimg.selected {
    display: inline
}

.chatpicscount {
    position: absolute;
    bottom: 20px;
    background: #000;
    color: #FFF;
    padding: 10px;
    opacity: .8;
    width: 100%
}
.price-tab{
    font-weight:500;
}
.slabel{
    font-size: 16px;
    font-weight: 500;
}
.reslabel {
    font-size: 12px;
    color: #222 !important;
    font-weight: 600 !important;
}
.reslabel14 {
    font-size: 14px;
    color: #222 !important;
    font-weight: 600 !important;
}
.reslabel.red,.reslabel.reslabelerr{
    color:#FE787C !important
}
.reslabelv1{
    font-size: 14px;
    font-weight:600;
}
.reslabelv2{
    font-size: 14px;
}
.subsubtitle {
    color: #83898B;
    font-size: 13px;
    float: left;
    width: 100%
}

.abtlabel {
    color: #777;
    font-size: 13px;
    text-align: right;
    padding: 8px 10px 0 0
}

.abttext {
    color: #222 !important;
    font-size: 16px !important;
}
.reservations-left{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    padding: 0px 20px;
    border-radius: 12px;
}
.aboutblock {
    float: left;
    width: 100%
}
.print-only{
    display:none;
}
@media print {
    .footer, .rescalinner-top1, .cmobile-centered, .editlistmenu,.footer-sub, .thumb-list-pic1-outer,.importurls-list, .listing-folder-content-title, .listings-edit-left-block, .no-print{
        display:none !important;
    }.resprint1, .resprint2, .resprint3, .resprint4, .resprint5{
        border:1px solid #DDD !important;
    }
    .print-md-12{
        width:100% !important;
        white-space: wrap;
        clear:both;
    }
    .print-only{
        display:block !important;
    }
    .folder-content-title{
        margin-top:10px !important;
        margin-bottom:10px !important;
    }.print-no-padd{
        padding:0 !important;margin:0 !important;
    }.resdetailsall{
        font-size:14px !important;
    }
    .resdetails-blk{
        padding-bottom:5px !important;
        margin-bottom:5px !important;
    }.resdetails-blk table{
        margin:0 !important;
    }.resdetails-blk:last-child{
        border:none !important;
    }
    .resdetails-blk td,.resdetails-blk tr{
        border: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }.no-border{
        border:none !important;
    }
    html,body{
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .share-view-post-outer{
        display:none !important;
    }.single-postdet{
        width:100% !important;
    }
    .single-postdet .col-md-10{
        width:100%;
    }
    .menus-items-l{
        display:none !important;
    }.guide-top-hmenu-top1{
        display:none !important;
    }
    @page {
        margin: 0cm !important;
    }
    #restable{
        margin-top:10px !important;
    }
    .listingmenublock,.printsrow,.reservations-list-filter,.mprint-ex{
        display:none !important;
    }
    .events-list.revents-list.yearcal{
        background:#E56462 !important;
    }
    .mprintinfo, .printtitle{
        display:block !important;
    }
    .print-tiles-l{
        width: 66.666%;
    }
    .print-tiles-r{
        width: 33.333%;
    }
    .difffees{
        font-size:10pt !important;
    }
    .resprint6{
        display:none !important;
    }
}
.rescaldayname {
    color: #222;
    font-size: 11px;font-weight: 600;
}

.resdetailval {
    font-size: 17px;
    color: #565A5C;
    padding: 7.5px 0
}

.droparrow {
    font-size: 20px
}

.cal-day-today>span {
    padding-top: 1.2px!important
}

.tdnobottom {
    border-bottom-color: #FFF!important
}

.msgleftinfo {
    position: relative;
    padding: 11px;
    float: right;
    width: 100%
}

.droparrowouter {
    width: 24px;
    height: 24px
}

.inquiryevent.M {
    width: 102%
}

.inquiryevent {
    background: #3E84C0;
    overflow: hidden;
    position: absolute;
    height: 20px
}

.inquiryevent.S {
    left: 35%;
    margin-right: -40px;
    width: 90%;
    transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    -ms-transform-origin: left center;
    transform-origin: left center;
    -ms-transform: skew(-45deg);
    -webkit-transform-origin: left center
}

.inquiryevent.E {
    width: 90%;
    right: 75%;
    margin-left: 40px;
    background: #3E84C0;
    transform: skewX(-45deg)
}

.signupmsg {
    background: #ce0058;
    color: #fff;
}

.listingtextarea,
.lstextarea {
    min-height: 60px!important;
    resize: none;
    color: #222
}

.lstextarea {
    font-size: 15px
}

.listingtextarea {
    font-size: 16px
}

.ui-menu .ui-menu-item {
    padding: 5px;
    color: #222;
    font-size: 16px;
    font-weight: 400
}

#invalid-aboutwebsite {
    margin-top: 5px
}

.invalidinput {
    margin: 5px;
    float: left
}

.homenewimg {
    width: 50%;
    height: 50%;
    background-repeat: no-repeat;
    text-align: center;
    color: #fff;
    background-image: url(../images/flash.gif);
    background-size: contain;
    background-position: center center;
    background-color: #FFF;
    margin: 0 auto
}

.homenewimgouter {
    height: 780px;
    width: 100%;
    background: #FFF;
    padding-top: 130px;
    padding-bottom: 130px
}

.invalidlocation {
    width: 100%;
    display: none;
    text-align: center;
    padding: 5px
}

.hinputspan {
    border: 1px solid #DDD;
    width: 45px
}

.phoneblock {
    border: 1px solid #DDD;
    padding: 10px 5px
}

.hinput {
    height: 38px
}

.addphone {
    float: left;
    cursor: pointer;
    color: #222
}

.nclose {
    font-size: 24px;
    font-weight: 400
}

.nvd3 .nv-axis .nv-axisMaxMin text,
.texpandmore {
    font-weight: 700
}

.btneditlisting {
    position: fixed;
    top: 135px;
    z-index: 7;
    padding: 8px 20px;
    right: 35px
}

.fswitch {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 104px;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    font-size: 16px
}
.fwitchbtn-yes.deactivated,.switchbtn.fwitchbtn-yes{
    /*border-top-right-radius:3px;
    border-bottom-right-radius:3px;*/
}
.fswitchtable{
    border-collapse:unset;
}
.switchbtn.fwitchbtn-no{
    border-top-left-radius:12px;
    border-bottom-left-radius:12px;
    border:1px solid #F93E41 !important
}
.fswitchinner {
    margin: 0px;
    white-space: nowrap
}

.fwitchbtn-no {
    background-color: #F93E41;
    opacity: .9;
    color: #fff
}
.fwitchbtn-btn1{
    border: 1px solid #DDD;
    color:#CCC;
}
.fwitchbtn-btn1.fwitchbtn-deactive{
    border:1px solid green;
    background: green;
}
.fwitchbtn-btn1:first-child {
    border-right: none;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.fwitchbtn-btn1:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}
.fwitchbtn-deactive label{
    font-weight:500;
    color: #FFF;
}
.fwitchbtn-no.deactivated {
    border-right: 0;
    color: #cacccd;
    background: #fff
}

.fwitchbtn-yes {
    background-color: green;
    color: #fff;border: 1px solid green;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.fwitchbtn-yes.deactivated {
    background: #fff;
    border-left: 0;
    color: #cacccd;
    border: 1px solid #cacccd;
    border-left: none;
}
.switchbtn.fwitchbtn-no.deactivated{
    border: 1px solid #cacccd !important;
    border-right: none;
}
.fswitch_label>input {
    display: none
}

.rocker-switch__button {
    padding: 0;
    text-align: center;
    width: 50%
}
.settings-group{
    margin-bottom: 30px!important;
    padding-bottom: 25px;
}
.fswitch_label {
    padding: 6px 15px;
    line-height: 1.4;
    font-weight:500;
}

.fswitchnotext {
    position: relative;
    left: 5%
}

.langandcurrfixed {
    position: absolute;
    width: 100px;
    display: block;
    z-index: 9;
    left: 10px;
    top: 6px;
    padding: 4px 0
}

.mapsearchtext,
.roofforu {
    position: absolute;
    left: 50%
}

.vpriceselectout:before {
    padding-top: .3em
}

.mapsearchtext {
	display: block;
    z-index: 9;
    padding: 2px 6px;
    background: #FFF;
    top:4px;
    border-radius: 3px;
    border: 1px solid #DDD;
    color: #222;
    height: 26px;
    margin-left: -82.5px;
}

.roofforu {
    color: #FFF;
    font-size: 36px;
    margin-left: -105px
}

.mapresultextxt {
    font-size: 11px;
    margin-top: -2px
}

.rooffypagination>li>a {
    border-radius: 2px
}

.mapresultprice {
    font-size: 18px;
font-weight: 600;
color: #222;
}

.rfbglogin {
    display: block;
    clear: both;
    width: 100%
}
.postphoto-title{
	padding:10px;
}

.control-group {
    display: inline-block;
    vertical-align: top;
    background: #fff;
    text-align: left;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    padding: 30px;
    width: 200px;
    height: 210px;
    margin: 10px
}

.control {
    display: block;
    position: relative;
    font-size: 16px;
    min-width: 20px;
    float: left;
    height: 20px;
    margin-right: 5px;
    padding-left: 30px;
}
.changeoverdayblock .control{
    padding-left:5px;
}
.control--radio{
	padding-left:25px;
}
.control input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.checkradio_indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #FFF;
    border: 1px solid #407AAA !important;
}

.control--radio .checkradio_indicator {
    border-radius: 50%
}
.control--checkbox .checkradio_indicator {
	border-radius:2px !important
}
.control input:focus~.checkradio_indicator,
.control:hover input~.checkradio_indicator {
    background: #FFF;
}

.control input:checked~.checkradio_indicator {
    background: #FFF;
}

.control input:checked:focus~.checkradio_indicator,
.control:hover input:not([disabled]):checked~.checkradio_indicator {
    background: #FFF
}
.control input:focus~.checkradio_indicator,
.control:hover input~.checkradio_indicator {
    border-color: #407AAA !important;
}
.control input:disabled~.checkradio_indicator {
    background: #EFF0F5;
    opacity: .6;
    pointer-events: none
}

.checkradio_indicator:after {
    content: '';
    position: absolute;
    display: none
}

.viewrday,
.y.week {
    position: relative
}

.control input:checked~.checkradio_indicator:after {
    display: block
}

.control--checkbox .checkradio_indicator:after {
    left: 7px;
    top: 2px;
    width: 6px;
    height: 10px;
    border: solid #407AAA;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg)
}

.control--checkbox input:disabled~.checkradio_indicator:after {
    border-color: #7b7b7b
}

.control--radio .checkradio_indicator:after {
    left:6px;
    top: 6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #407AAA;
}

.texpandmore,
.y.week {
    width: 100%;
    float: left
}

.control--radio input:disabled~.checkradio_indicator:after {
    background: #7b7b7b
}

.utilitiesclose1 {
    padding-top: 26px;
    float: left;
    padding-left: 10px
}

.utilitiesclose2 {
    padding-top: 6px;
    float: left;
    padding-left: 10px
}

.addphoneouter {
    padding: 5px 0
}

.rrssb-buttons {
    list-style: none
}

.img-lthumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.homeuserdescription {
    margin-top: 20px;
    text-align: left
}

.texpandmore {
    padding: 10px 0;
    color: #407AAA;
    font-size: 14px;
    display: none
}

.texpandmore.active {
    display: block
}

.tshowlesstext {
    margin-top: 10px;
    text-align: left;
    height: 130px;
    overflow: hidden
}


.calyearmonth {
    padding: 5px;
    height: 320px;
    border: 1px solid #DDD
}

.calyearmonthfirst,
.calyearmonthsecond {
    border-right: none;
    border-bottom: none
}

.rday.y,
.week.y .rday:nth-child(1),
.week.y .rday:nth-child(7),
.week.y:last-child .rday {
    border: none
}

.calyearmonthfirstlast,
.calyearmonthsecondlast {
    border-right: none
}

.revents-list.yearcal {
    top: 6px
}

.y.week {
    height: 42px;
    overflow: hidden
}

.revents-list.monthcal {
    top:30px
}
.resevent-name{
	position: absolute;
    top: 32px;
    z-index: 7;
    color: #fff;
    display: none;
    width: 210px;
    font-size: 14px;
    left: 65%;
    font-weight: 400;
}
.resevent-name.monthcal{

	display:block;
}
.defaulttoday {
    background: green;
    color: #FFF;
    width: 25px;
    height: 25px;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    padding: 0;
    border-radius: 50%;
    z-index: 1;
    top: 3px;
    left: 50%;
    margin-left: -12.5px;
}

.defaulttoday .events-list.viewcal {
    top: 0
}
.defaulttoday5 .defaulttoday{
    position:absolute;
}

.viewrday {
    float: left
}

.revents-list.viewcal.yearcal {
    height: 24px;
    top: 3px
}

.viewcal.defaulttoday {
    top: 2px
}

.ingrright {
    float: right;
    width: 54%;
    margin-top: 2px
}

.reslabelprice {
    display: inline-block
}
.sortorder {
    margin-left: 10px
}

.sortorder:after {
    content: '\25b2';
    color: gray
}

.sortorder.active:after {
    color: #407AAA
}

.leftarrow:after {
    content: '\25C0';
    color: gray
}

.rightarrow:after {
    content: "\25b6";
    color: gray
}

.sortorder.reverse:after {
    content: '\25bc';
    color: gray
}

.sortorder.reverse.active:after {
    color: #407AAA
}

.input-sm-addon {
    padding: 5px 10px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#payeeinfo {
    padding: 10px;
    background: #FFF;
    position: relative
}

.eblockele {
    margin-bottom: 10px
}

.singleexpblock {
    border: 1px solid #DDD;
    padding: 10px 0;
    text-align: center
}

.singleexpblock.active {
    border: 2px solid #407AAA;
    background: #f9f9f9
}

.autocomplete-suggestions {
    text-align: left;
    cursor: default;
    border: 1px solid #ccc;
    border-top: 0;
    background: #fff;
    box-shadow: -1px 1px 3px rgba(0, 0, 0, .1);
    position: absolute;
    display: none;
    z-index: 9999;
    max-height: 254px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

#expmm,
#expyyyy,
.calprice,
.calth,
.dayinmonth.today,
.sharebottommsg {
    text-align: center
}

.autocomplete-suggestion {
    position: relative;
    padding: 0 .6em;
    line-height: 23px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.02em;
    color: #333
}

.autocomplete-suggestion b {
    font-weight: 400;
    color: #1f8dd6
}

.autocomplete-suggestion.selected {
    background: #f0f0f0
}

.exreportcatmain {
    font-weight: 500;
    padding-right: 30px
}

.calth,
.favsignmsgtitle {
    font-weight: 700
}

.chosen-drop {
    width: 230px!important;
    border: 1px solid #DDD!important
}

.signedoutmodal {
    height: 180px
}

.vacation-rentals {
    background: #FFF
}

.chosen-single {
    background: #FFF!important;
    box-shadow: none;
    border-radius: 2px!important;
    height: 36px!important;
    padding: 4px!important
}

.chosen-single span {
    margin-right: 6px!important
}

.mapsearchcheckbox {
    top: 0!important
}

.pageextended {
    background: #EFF0F5!important;
    border: none!important
}

.mpriceslide,
.priceslide {
    border-radius: 10px;
    width: 100%;
    height: 6px;
    background: #EFF0F5;
    position: relative
}

.is_clickable {
    cursor: pointer
}

.priceslide {
    cursor: pointer;
    margin-top: 15px
}

.mpriceslide {
    cursor: pointer
}

.events-list,
.exportcsvcal a:hover {
    cursor: pointer
}

.mpriceslide .mleftGrip.gripHighlighted,
.mpriceslide .mrightGrip.gripHighlighted,
.priceslide .leftGrip.gripHighlighted,
.priceslide .rightGrip.gripHighlighted {
    background: #134
}

.mpriceslide .mleftGrip,
.mpriceslide .mrightGrip,
.priceslide .leftGrip,
.priceslide .rightGrip {
    position: absolute;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    background: #FFF;
    border: 1px solid #AAA;
    top: -11px
}

#calendar,
#calendarexcelview,
#calendarouter,
.calrow,
.rescalmonth {
    width: 100%;
    float: left
}

.mpriceslide .mbar,
.priceslide .bar {
    border-radius: 10px;
    position: absolute;
    background: #407AAA;
    height: 3px;
    top: 1px
}

.mpriceslide .highlightPanel,
.priceslide .highlightPanel {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    position: absolute;
    background: #FFF;
    height: 20px;
    top: 0
}

.postspecialtext {
    background: #FFFCDE;
    font-size: 16px;
    padding: 5px
}

.filtersbottom {
    display: none;
    color: #222;
	margin-bottom:80px;
}

.bedtype {
    padding-top: 15px
}

.vrbrating>div>a>img {
    max-width: 100%
}

.vrbrating>div>div {
    display: none
}

.signinclsbtn {
    position: absolute;
    right: 10px;
    top: 0
}

.favbutton.active {
    background: #FFF!important;
    box-shadow: none!important
}

.nhometabs {
    padding: 0 10px
}

.dayoutsidemonth {
    opacity: .4
}

.rescalmonth {
    background: #FFF;
    border-collapse: collapse;
    border-bottom: 1px solid #e1e1e1
}

#calendarexcelview {
    margin: 15px 10px;
    display: none
}

#pricingsaveloader {
    margin-top: 100px
}

#calendar {
    clear: both
}

.monthtitle {
    font-size: 20px;
    margin: 15px 0;
    float: left
}

.calrow {
    overflow: hidden;
    position: relative;
    border-left: 1px solid #e1e1e1
}

#pricingsaveform,
#reservationdetail {
    background: #FFF;
    float: left;
    position: relative;
    width: 100%;
}

.clearfix:after,
.clearfix:before {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.calrowth {
    width: 100%;
    position: relative;
    float: left
}

#calendarloader {
    margin-top: 200px
}

#reservationdetail {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    padding-bottom: 20px;
}
.rtabletd {
    padding: 8px;
}
.rtabletd-2{
    padding: 0px;
}
.rtabletd-2-left{
	padding:6px 4px;
}
.rtabletd-2-right{
	padding:6px 4px;

}
#pricingsaveform {
    border-radius: 2px;
	margin-top:10px;
}

#inquirydetail {
    background: #FFF;
    padding: 0 10px 10px;
    float: left;
    position: relative;
    width: 100%;
    border: 1px solid #DDD
}


.events-list,
.events-list.E:after,
.events-list.S:before {
    background: #0F3C5C;
    position: absolute
}
.events-list.Blocked,
.events-list.Blocked.E:after,
.events-list.Blocked.S:before {
    background: #a8a8a8 !important;
    position: absolute
}
.caltd,
.calth {
    position: relative;
    width: 14.285714285714285%;
    float: left
}

.caltd {
    min-height: 90px;
    border-right: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1
}

.dayinmonth,
.dayoutsidemonth {
    padding: 5px 10px;
    float: left;
    font-size: 14px
}

.events-list.S {
    width: 30%;
    right: -1px
}
.events-list.S:before {
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    right: 40%;
    border-left: 10px solid #E56462;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg)
}
.events-list.S.Blocked:before {
    border-left: 10px solid #a8a8a8 !important;
}
.events-list.S.active.Blocked:before {
    border-left: 10px solid #428BCA !important;
}
.events-list.E {
    width: 33%;
    left: 0
}
.events-list.monthcal.E {
    width: 40%
}
.eventscls.E{
	width:40%;
}
.eventscls.E > .events-list.monthcal.E{
	width:100%;
}
.events-list.E:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 30%;
    border-right: 15px solid #F93E41;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg)
}
.events-list.E:after {
    border-right: 15px solid #E56462 !important;
}
.events-list.E.active:after {
    border-right: 15px solid #428BCA !important;
}
.events-list.E.Blocked:after {
    border-right: 15px solid #a8a8a8 !important;
}
.events-list.E.Blocked.active:after {
    border-right: 15px solid #428BCA !important;
}
.events-list {
    z-index: 1
}
#rescalinner .events-list.active {
    background: #428BCA !important;
}
.events-list.Blocked.active {
    background: #428BCA !important;
}
.events-list.E.active:after,
.events-list.S.active:before {
    background: #428BCA !important;
}
.events-list.Blocked.E.active:after,
.events-list.Blocked.S.active:before {
    background: #428BCA !important;
}
.events-list.Blocked.E.active, .events-list.Blocked.S.active{
    background: #428BCA !important;
}
.events-list.E.active:after {
    border-right-color: #428BCA;
}

.events-list.S.active:before {
    border-left-color: #428BCA;
}
.events-list.M {
    width: 101%
}
.events-list.eventspecial.M {
    width: 103%
}
.events-list.mon,
.reserved-block {
    height: 24px
}

.calprice {
    top: 45px;
    position: absolute;
    width: 100%;
    padding-top: 20px
}

.resvationdetailtable {
    margin-bottom: 0
}

.resvationdetailtable1 {
    border: 1px solid #DDD;
    margin-bottom: 10px
}

.resvationdetailtable1 td {
    border: 1px solid #FFF!important;
    width: 50%
}

.resvationcreditcardtable td,
.resvationdetailtable td {
    border: 1px solid #dce0e0
}

.resvationdetailtable td {
    width: 50%
}

#expmm,
#expyyyy {
    width: 45%;
    padding: 0 10%;
    float: left
}

.resvationdetailtabletop {
    margin-bottom: 0
}

.resvationdetailtabletop td {
    width: 50%;
    border-left: 1px solid #DDD;
    border-right: 1px solid #DDD
}

.editresinput {
    display: none;
    font-size: 16px
}

.caltd.firstday {
    overflow: hidden
}

.exportcsvcal a {
    font-size: 14px;
    color: #FE7D82!important
}

.dayinmonth.today {
    padding: 2px 0 0;
    background: #449D44;
    border-radius: 50%;
    color: #FFF;
    position: relative;
    z-index: 20;
    width: 25px;
    height: 25px
}

.mprintinfo,
.yprintinfo {
    display: none
}

.calsliderhandle {
    background-color: #f8f8f8;
    border: 1px solid;
    cursor: default;
    position: absolute;
    z-index: 2;
    top: 60px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border-color: #4aa4ce!important
}

.calsliderhandle:hover,
.likecomm {
    cursor: pointer
}

.calsliderhandle.left {
    left: -20px
}

.calsliderhandle.right {
    right: -20px
}

.calsliderhandle:after,
.calsliderhandle:before {
    border-color: inherit;
    border-image: none;
    border-style: solid;
    border-width: 0 1px;
    content: "";
    display: block;
    height: 10px;
    left: 5px;
    position: absolute;
    top: 4px;
    width: 8px
}

.dayselectioncontainer {
    left: -10px;
    right: -10px;
    bottom: -10px;
    top: -10px;
    position: absolute;
    animation: .4s ease 0s normal none 1 running anim-cal-tile-raised-shadow;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .12)
}

.listforfreebtn {
    position: absolute;
    right: 0;
    top:6.5px;
	color:#222;
    background: #FFF;
	padding:4.5px 10px !important;
	font-size: 11px;
    border-radius: 4px;
}

.listforfreebtn:hover {
    background: #0D679E;
	color:#222;
}

.btn {
    padding: 3px 8px
}

.btncomment,
.btncommentcancel,.btnpost,
.btnpostcancel {
    color: #222;
    padding: 10px;
    cursor: pointer;
    border-right: 1px solid #EEE;
    display: block;
    float: left;
}
.btncomment:hover,.btncommentcancel:hover,.btnpost:hover{
	color:#407AAA;
}
.btnreply,
.btnreplycancel {
    color: #222;
    padding:5px;
    cursor: pointer;
    display: block;
    float: left;
}
.commentocommenttext {
    display: none
}

.commentocomment {
    background:#FFF;
    border-radius: 10px;
    padding:0;
}

.likecomm {
    color: #1876f2;
    padding: 5px;
    display: block;
    font-size: 13px
}
.replycomm{
	color:#1876f2;
	display:block;
    font-size:12px;
	display:inline-block;
}
.comment-d-block{
	display:inline-block;
    width:auto;
    padding-right:10px;
    font-size:16px;
}
.ls_name{
    height: 46px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ls_name a{
    display: inline-block;
    max-width: 85%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ls_name .fa-check{
    display: inline-block;
    max-width: 10%;
}
.comment-d-block:hover{
    text-decoration:underline;
}
.modal-header {
    background: silver;
    color: #FFF
}

.modal-header .close {
    margin-top:8px;
}

.agreecheckls {
    border: 1px solid #777
}
.resprint3{
    text-align: center;
}
.rcaldaynames-print{
    display:none !important;
}
.printablecontent,
.resprint5 {
    display: none
}

.sharebottommsg {
    margin-bottom: 20px;
    margin-top: 20px
}

#rescalinner,
#yearcalendarfull {
    background: #FFF
}
.btnmodal-default {
    font-size: 18px !important;
    border-radius: 6px !important;
    padding: 6px 12px;
}
.subtitle_18{
    color: #222;
    font-size: 18px;
    font-weight: 500;
}
.btn-primary {
    font-size:18px !important;
    background:#013C5C !important;
	border:none !important;
}
.btn-primary:hover {
	background:#022e46 !important;
	border:none !important;
}
.btn-createg{
    height: 37px !important;
    border: none !important;
    padding: 3px 15px;
    font-size: 15px !important;
    font-weight:400 !important;
    color:#1876f2 !important;
}
.btn-createg:focus,.btn-createg:hover{
    text-decoration:underline;
    background-color:#FFF !important;
}
.margin-right-15{
    margin-right: 15px;
}
.margin-left-15{
    margin-left: 15px;
}
.folder-sidebar-link.submenu {
    padding-left: 20px;
}

.btn-postprivacy {
    padding: 0px 5px;
    font-size:14px;
}
.post-time-separator{
    line-height: 10px;
    font-size: 16px;
    vertical-align: middle;
    display: inline-block;
    padding-bottom: 10px;
    padding-right: 5px;
    font-weight: 700;
    padding-left: 5px;
    float: left;
}
.post-time-read{
    height:18px;
    line-height:18px;
    overflow: hidden;
    vertical-align: middle;float:left;color:#222;
}
.search_top {
    background: #fff;
    border: 1px solid #EEE!important;
    box-sizing: border-box;
    color: #404040;
    display: block;
    height: 30px;
    line-height: normal;
    margin-top: 3px;
    outline: 0;
    padding: 0 10px;
    width: 100%;
    font-weight: 400;
    margin-bottom: 4px
}
.sqs-block-content{
	line-height:2;
	font-size:16px;
    color: #000 !important;
}
.sqs-block,
.sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child,
.sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child {
    padding-bottom: 17px
}

#search_top {
    border-radius: 3px!important;
    font-size: 16px!important;
    box-shadow: inset 0 1px 1px rgba(200, 200, 200, .3)
}

.btnjoinn {
    color: #FFF;
    background: 0 0
}

.hhmsg {
    color: #407AAA;
    font-size: 28px
}

.hblkouter {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
    height: 500px
}

._54txt {
    background: #000;
    bottom: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .3s, bottom 0s .3s;
    z-index: 11
}

.folder-content-title {
    margin-top:15px;
    font-weight: 300;
    font-size: 21px;
    line-height: 1;
    color: #222
}
.signupbookmsg{
    background:#fa305f !important;
    padding: 4px;
    color: #FFF;
    font-size: 18px;
}
.signupbookmsg2{
    background:#89C6D0 !important;
    padding: 10px;
    color: #FFF;
    font-size: 18px;
}
.rtabletdbottom{
    border-bottom:1px solid #DDD;
}
@media all and (min-width:1024px) {
    .folder-content-title {
        font-size: 32px
    }
}

.folder-sidebar-link,.f-sidebar-link,
.policypages {
    font-size: 16px;
}
.htypenlisting{display:inline;height:40px;}.guestselect{padding-left:20px;}
.router-content.is-active {
    transition-delay: 0s;
    opacity: 1;
    visibility: visible;
    height: auto
}

.folder-wrapper.folder-fine-print .router-content.is-active .sqs-layout {
    display: block;
    margin-top: 0
}

.sqs-block-content b,
.sqs-block-content strong {
    font-weight:400;
    color: #222
}

.folder-wrapper.folder-fine-print .router-content .sqs-layout {
    display: none
}

.sqs-layout>.sqs-row {
    margin-left: -17px;
    margin-right: -17px
}

.sqs-row {
    width: auto!important
}

.sqs-col-12 {
    width: 100%
}

.sqs-layout:not(.sqs-editing) .sqs-row .sqs-block:not(.float):first-child {
    padding-top: 0
}

[class*=sqs-col] .sqs-block {
    padding-left: 17px;
    padding-right: 17px
}

.sqs-block-html {
    clear: none
}

.btn-default:focus,
.btn-default:hover {
    background-color: #EFF0F5
}

.sqs-block {
    position: relative;
    height: auto;
    padding-top: 17px;
    outline: 0;
    box-shadow: inset 0 0 0 1px rgba(128, 128, 128, 0);
    -webkit-transition: box-shadow .2s ease-in-out;
    -moz-transition: box-shadow .2s ease-in-out;
    -o-transition: box-shadow .2s ease-in-out;
    transition: box-shadow .2s ease-in-out
}

html .sqs-block.sqs-block-html .sqs-block-content {
    cursor: auto
}

.sqs-block-html .sqs-block-content {
    outline: 0;
	padding:15px;
}

.policypages {
    background: #FFF
}

.folder-sidebar {
    padding-bottom: 30px
}
.social-home-lmenu-footer{
    font-size:13px;
    padding:13px 15px;
    border-right:1px solid #EEE;
    left:0;
    position: fixed;
    bottom: 0px;max-width:360px;background:#FFF;z-index:8;
}
.social-home-lmenu-footer a {
    padding-right: 6px;
    font-size:13px;
}.social-home-lmenu-footer-links, .social-home-lmenu-footer-links a{
    margin:0;font-size: 13px;
}
.social-home-lmenu-footer-text{
    font-size:13px;
}

.folder-sidebar-link,.f-sidebar-link {
    display: block;
    margin-bottom: 0px;
    margin-top: 0px;
    color: #000;
    cursor: pointer;
    line-height: 1.42857143;
    font-size: 15px;
    padding: 7px 5px;
    font-weight: normal;
    float: left;
    width: 100%;
    position:relative;
}
.folder-sidebar-link:hover, .f-sidebar-link:hover {
    background: #F5F5F5;
}
.f-sidebar-link{
    margin-bottom: 0px;
}
.social-leftmenu{
    opacity:1 !important;
    color:#000 !important;
}
.tags-leftmenu{
    opacity:1 !important;
    color:#222 !important;
    font-size:14px !important;
}
.am-notavailable{
    text-decoration:line-through;
    padding-left:28px;
}
.share-garea{
    width:12.5%;
}
.posts-profile-name{
    overflow: hidden;
    height: 27px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.share-garea-sm{
    width:14.285%;
}
.share-garea-md{
    width:20%;
}
.guides-social-share .share-garea-md{
    width: 16.666%;
}
.viewmenu-home{
    opacity:1 !important;
}
.social-leftmenu.is-active.active,.viewmenu-home.active{
    font-weight:500 !important;
}
.editpageview{
	border-bottom:1px solid #DDD;
}
@media all and (min-width:1024px) {
    .folder-sidebar {
        padding-bottom: 0;
        text-align: right;
    }
    .folder-content {
        position: relative;
        width: 65%;
        margin-left: auto;
        padding-top: 80px
    }
}

.folder-sidebar-link:hover ,.f-sidebar-link:hover{
    opacity:1;
    color:#000;
}
.folder-sidebar-link.is-active,.f-sidebar-link.is-active{
    opacity:1;
    font-weight:normal;
    color:#1876f2;
    background: #E6F3FF;
}
.folder-sidebar-link.withsubmenu{
    line-height: 36px;
    cursor:pointer;
}
.folder-sidebar-link.withsubmenu.is-active{
    background:#FFFFFF;
}
.folder-sidebar-link:last-of-type {
    margin-bottom: 0
}
.social-homefeed {
    background: #F0F2F5;
}
.social-homefeed .tvb-stats{
    padding:0 10px;
}
.folder-content .sqs-layout[data-type=page] {
    width: auto;
    max-width: none;
    margin-right: 0;
    margin-left: 0
}

.btnnewls {
    width: 80%;
    height: 200px;
    border: 1px solid #DDD;
    color: #222;
    font-size: 28px;
    font-weight: 200
}

.btnnewls:hover {
    background: #EFF0F5
}

.brblue {
    padding-top:60px;
    padding-bottom:60px;
    margin: auto;
    text-align: center
}
.chatpropic{
	background-size:cover !important;
	display:block;
	background-position:center !important;
	height:42px;
	width:42px;
	border-radius:50%;
}
.friendpics{
	background-size:cover !important;
	display:block;
	background-position:center !important;
	height:140px;
}
.post_a103{
	padding:5px;
}
.mlspic{
	background-size:cover !important;
	display:block;
	background-position:center !important;
	height:200px;
}.mlspic1{
	background-size:cover !important;
	display:block;
	background-position:center !important;
	transition:transform .2s ease-in-out !important;
}.catpic{
	background-size:cover !important;
	display:block;
	background-position:center !important;
	height:120px;
}.listingopic{
	background-size:cover !important;
	display:block;
	background-position:center !important;
	height:180px;
}.listingopic-out{
	padding:5px;
}
.similarlistings{
    height:223px;
}
.viewlistingfeatured{
	width:100% !important;
	height:230px;
}
.viewlisting.isembed{
    margin-top: -57px;
}
.viewlisting,.smcontainer,.footerwithm{
    font-size: 17px !important;
    font-family: system-ui, -apple-system, system-ui, ".SFNSText-Regular", sans-serif;
    color: #050505;
    font-weight: 400;
}
.postitemview{
	border:1px solid #EEE;
}
.posttxtarea{
	min-height:76px;background:#FFF;font-size:20px;line-height: 30px;
        color: rgba(0,0,0);
        font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
}
.commenttxtarea{
	background:#FFF;font-size: 18px;
    color: rgba(0,0,0);
    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
}
.commenttxtarea .quill {
    border: 1px solid #EEE;
    border-radius: 8px;
}
.comment-body2 {
    width: calc(100% - 30px);
}
.commenttxteditarea{
	background:#FFF;
	margin-top:10px;
	border:1px solid #EEE;
	border-bottom:none;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.replytxteditarea{
	background:#FFF;
	margin-top:10px;
	border:1px solid #EEE;
    border-radius:8px;
}
.replytxtarea{
	border:1px solid #EEE;
	background:#FFF;border-radius: 10px;
    font-size: 18px;
}
.btn-commentdrop{
	border:none !important;
}
.btn-commentdrop:hover, .btn-commentdrop:focus, .btn-commentdrop:active{background:#F9F9F9 !important;outline:none !important;box-shadow:none !important}
.posteditarea{
	border:1px solid #EEE;
	margin-bottom:10px;
}
.writecomment{
	padding:10px;
	color:#9197a3;
	font-size:14px;
}
/*loader*/

.phloader{
	text-align:center;
    padding:25px;
}
.phloader span{
  display: inline-block;
  width: 5px;
  height: 20px;
  background-color: #3498db;
  margin-right:8px;
}

.phloader span:nth-child(1){
  animation: grow 1s ease-in-out infinite;
}

.phloader span:nth-child(2){
  animation: grow 1s ease-in-out 0.15s infinite;
}

.phloader span:nth-child(3){
  animation: grow 1s ease-in-out 0.30s infinite;
}

.phloader span:nth-child(4){
  animation: grow 1s ease-in-out 0.45s infinite;
}
select[disabled]{
    background:#eee !important;
    opacity:1 !important;
}
@keyframes grow{
  0%, 100%{
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
  }

  50%{
    -webkit-transform: scaleY(1.8);
    -ms-transform: scaleY(1.8);
    -o-transform: scaleY(1.8);
    transform: scaleY(1.8);
  }
}

#footermain {
    background: #FFF;
    float: left;
    width: 100%;
    position: relative;
    z-index:7;
}.footer-sub{
    z-index:7;position: relative;float: left;width: 100%;
}.footer-sublinks:not(:last-child):after {
    content: "\2219";
    font-size: 14px;
    font-weight: bold;
    padding-left: 6px;
    display: inline-block;
}
.footer-sublinks:hover::before {
    text-decoration:none !important;
}
.footer.fixedfoot{
    display:none;
}.footer.fixedfoot.active{
    display:block;
    position: fixed !important;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 9;
}
#footermain .only-tablet {
    display: none
}
@media all and (min-width:768px) {
    #footermain .only-tablet {
        display: block
    }
	.rpagenav > li > a{
		line-height:32px;
        padding-left: 15px;
        padding-right: 15px;
        margin-top:28px;
	}
}

#footermain .container {
    padding-top: 30px;
    padding-bottom: 30px
}

#footermain .footer-brand {
    position: relative;
    text-align: center
}

#footermain .footer-brand svg {
    vertical-align: middle
}

#footermain .footer-logo-full {
    display: block;
    max-width: 200px;
    margin-right: auto;
    margin-left: auto
}

#footermain .footer-logo-full svg {
    max-width: 100%
}

#footermain .footer-logo-mark {
    display: none
}

#footermain .footer-nav {
    margin-bottom: 60px;text-align: center;
}
.fixed-footer-close{
    position: absolute;
    right: 20px;
    font-weight: bold;
    font-size: 18px;
    bottom: 4px;
    border: 1px solid rgba(0, 0, 0, 0.16);
    padding: 6px 10px;
    border-radius: 4px;
    cursor: pointer;
}
.fixed-footer-close i{
    font-size: 20px;
    margin-right:4px;
}
#footermain .footer-nav-list {
    overflow: hidden;
    font-size: 14px
}
.homepouter{
	background:#0D679E;color:#FFF;position:relative;
}
.largeheading{
	font-weight:300;
}
@media all and (min-width:768px) {
    #footermain .container {
        padding-bottom: 40px;
        padding-left: 26px;
        padding-right: 26px;
    }
    .footer.fixedfoot.active .container{
        padding-bottom:60px;
    }
    #footermain .footer-brand {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
        text-align: left
    }
    #footermain .footer-logo-full {
        display: none
    }
    #footermain .footer-logo-mark {
        display: block
    }
    #footermain .footer-logo-mark svg {
        width: 30px;
        height: 24px
    }
    #footermain .footer-nav {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        margin-bottom: 0
    }
    #footermain .footer-nav-list {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        border-bottom: none
    }
}

#footermain .footer-nav-heading {
    z-index: 0;
    position: relative;
    display: block;
    margin: 0 0 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #222;
    text-decoration: underline;
}

#footermain .footer-nav-heading:after {
    content: url(../svg/arrow-down.svg);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    position: absolute;
    top: 50%;
    right: 0;
    width: 18px;
    height: 9px;
    margin-top: -9px
}
.footer-nav-heading:hover{
	text-decoration:underline;
	cursor:pointer;
}
@media all and (min-width:768px) {
    #footermain .footer-nav-heading {
        display: block;
        margin-bottom: 30px;
        padding-top: 0;
        padding-bottom: 0
    }
    #footermain .footer-nav-heading:after {
        content: none
    }
}

#footermain .is-active .footer-nav-heading:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

#footermain .footer-nav-content {
    transition: margin-top .3s ease;
}

@media all and (max-width:768px) {
    #footermain .footer-nav-content{
        display:none;
    }
    #footermain .footer-nav-content.active{
        display:block;margin-bottom: 15px;
    }#footermain .footer-nav-heading{
        padding-bottom:15px;
    }
    .social-hsocial-icons{
        display:block !important;
    }
}

#footermain .is-active .footer-nav-content {
    margin-top: 0
}

#footermain .footer-nav-link {
    transition: color .3s ease;
    margin-bottom: 15px;
    display: block;
    color:#222;
}
.houfyfootersub{
    font-size:14px;
    color: #222;
}
.reviews_topblk{margin-bottom:15px;}.review_tottext{font-size:16px;font-weight:400;}
.reviews_topblk_r{padding:5px;}
.mandatoryfield{color:#c00;font-size:16px;display:inline-block}
.reviewer_name{
    font-size: 13px;
    margin-top: 5px;
    overflow: hidden;
    height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;cursor:pointer;
}.reviewer_name:hover{text-decoration:underline;}
.reviewer_totalreviews{font-size:11px;margin-top:10px;cursor:pointer;}.reviewer_totalreviews:hover{text-decoration:underline;}
.reviewitem{
border:1px solid #e5e5e5;
padding:10px 20px;min-height:70px;
}
.reviewitem:after{
border-color: rgba(255,255,255,0) #fff;
    border-width: 13px 15px 13px 0;
    left: -14px;
    top: 13px;border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}
.reviewitem:before{
	border-color: transparent #e5e5e5;
    border-color: rgba(255,255,255,0) #e5e5e5;
    border-width: 13px 15px 13px 0;
    left: -15px;
    top: 13px;border-style: solid;
    content: "";
    display: block;
    position: absolute;
    width: 0;
}
.rating-text{
    display: inline-block;
    line-height: 24px;
    margin-left: 20px;
    float: left;
	position:relative;
    background: #ce0058;
    font-size: 14px;
    font-weight: 500;
    color: #FFF;
    border-radius:4px;
    padding: 2px 10px;min-width:150px;
    text-align:center;
}
.rating-text.rate_r{
	float:right;
	background:#FFF;
    color: #222;
    border: 1px solid gold;
}
.rating-text:before{
    border-style: solid;
    border-width: 14px 14px 15px 0;
    border-color: transparent gold transparent transparent;
    width: 0;
    height: 0;
    position: absolute;
    left: -15px;
    top: 0;
}
.reviewitem_pic{
	height:52px;width:52px;overflow:hidden;
}
.rating-text.rate_r:before{
	border-color:transparent gold transparent transparent;
}
.reviewitem_title{
	margin-bottom:10px;
}
.reviewitem_date{
    font-size: 12px;
    color: rgb(113, 113, 113) !important;
	line-height:22px;
}.reviewitem_desc{padding:10px 0px 0px 0px;}
#footermain .footer-nav-link:last-child {
    margin-bottom: 0
}

#footermain .footer-nav-link.is--hidden {
    display: none
}

@media all and (min-width:768px) {
    #footermain .contains-10 {
        margin-top: 0
    }
    #footermain .footer-nav-link {
        margin-bottom: 7px;
        font-size: 15px
    }
    #footermain .footer-nav-link.is--active,
    #footermain .footer-nav-link:hover {
        font-weight: 500;
    }
    #footermain .footer-nav-link.is--external {
        display: block !important;
    }
    #footermain .footer-nav-link.is--external:after {
        content: "";
        display: inline-block;
        font-size: .85em;
        padding-left: .35em;
        opacity: 0;
        -webkit-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        transform: translateX(-5px);
        transition: opacity .3s cubic-bezier(0, .25, .08, 1), -webkit-transform .3s cubic-bezier(0, .25, .08, 1);
        transition: transform .3s cubic-bezier(0, .25, .08, 1), opacity .3s cubic-bezier(0, .25, .08, 1);
        transition: transform .3s cubic-bezier(0, .25, .08, 1), opacity .3s cubic-bezier(0, .25, .08, 1), -webkit-transform .3s cubic-bezier(0, .25, .08, 1)
    }
    #footermain .footer-nav-link.is--external:hover:after {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        content: '\25BA';
        font-size: 11px;
        color: #888
    }
}

#footermain .footer-i18n-selection {
    width: 180px;
    display: inline-block;
    font-size: 10px;
    cursor: pointer;
    margin-top: 15px;
    margin-right: 10px;
    color: #666;
}

#footermain .footer-i18n-selection.is--hidden {
    display: none
}

#footermain .footer-i18n-selection .arrow-down-filled {
    width: .55em;
    vertical-align: middle;
    padding-bottom: .1em;
    margin-left: .55em
}

#footermain .footer-i18n-selection .currency-symbol {
    color: #000
}

#footermain .footer-i18n-selection .currency-name {
    letter-spacing: .05em
}

.newblockpad {
    padding: 5px;
    float: left;
    width: 100%
}

.questitle {
    padding: 10px 0;
    cursor: pointer;
    color: #1876f2
}
/*new posts */

@media all and (min-width:991px) and (max-width:1350px) {
	.post_a102{
		width:50%;
	}
}
.pagemainpart {
    font-size: 16px;
    font-weight: bold;
}

.pagesubmain {
    font-size: 13px
}
.clsdates{padding-bottom:10px;color:#498BB1;cursor:pointer;}
.clsdates:hover{text-decoration:underline}
.gclosebtn{float:right;margin-top:10px}
.pad10{
	padding:0px 10px;
}.pad5all{padding:5px}.pad10all{padding:10px}.pad15all{padding:15px;}.pad20all{padding:20px;}ghomeloginico{font-size:18px;position:absolute;left:10px;top:10px;}
.preregisternewls{font-weight:200 !important;border-radius:6px;padding:5.5px !important;}.margin-top-5{margin-top:5px;}.homeloggedinner{padding-top:20px;line-height:2}.h2home{margin-bottom:60px}.hometextp{margin-top:50px;}.margin-top-10{margin-top:10px;}.helpbirthdatelabel{display:block;padding:7.5px;float:left;width: 100%;cursor:pointer;}.margin-bottom0{margin-bottom:0px;}.fieldsets{padding:0px 15px;	}
.socializeplace{position:absolute;background:#407AAA;text-align:center;width:100%;bottom:-10px;padding:5px;color:#FFF;opacity:0.6;}
.houfyh4text{color:#222;text-align:center;padding: 5px 15px;}.inline-block{display:inline-block;}.margin-bottom-40{margin-bottom:40px;}
.whyback1{background-image:url(/assets/img/homeimages/homebottom2.jpg);}
.whyback2{background-image:url(/assets/img/homeimages/homebottom1.jpg);}
.whyback3{background-image:url(/assets/img/homeimages/homebottom3.jpg);}.hidenone{display:none;}.margin-bottom-20{margin-bottom:20px;}.margin-bottom-15{margin-bottom:15px;}
.whytext2{position:absolute;background:#407AAA;text-align:center;width:100%;bottom:-10px;padding:5px;color:#FFF;opacity:0.6}
.whyblock{padding:10px;height:320px;}.whytext3{color:#222;text-align:center;padding: 5px 15px;}.otherpagesrow{background:#FFF;color:#222;padding:0px 25px;min-height:600px}.pintented{margin-left:36pt}.pricingconnectblock{margin-top:150px;}.rewardsh1{margin-bottom:40px;}.rewardsh1text{font-family:Gotham,sans-serif;font-size:36px;font-weight:300;line-height:1;-webkit-font-smoothing: antialiased;text-align:center;margin:50px 0px;}.hpricingtabs2 > a{width:50% !important;}.forminputmd{font-size:16px;color:#222;height:38px;}.margin-top-25{margin-top:25px;}.vacationhome-outer{height:220px;}.vacationrentalbottom{padding:15px 0px;margin-top:80px;}.vabstext{position:absolute;text-align:center;width:100%;top:50%;color:#FFF;}.resultsfootertext{padding:10px;margin-bottom:80px;}.nearbycities{color:#222;font-size:13px;}.searchmovelbl{font-size:11px;}.searchmovespan{margin-top:2px;display:inline-block;}.hidefiltebtn{margin-top:-16px;font-size:32px;}
.showresultsarea{padding:15px 25px;}.showressbtn{margin-right:15px;padding:6px 12px;}.cancelresbtn{padding:6px 12px;}.searchcurrsel{height: 31px;padding:4px 8px;}.searchcurrselouter{width:100px;display:block;}.listingblock{position:relative;}.relative{position:relative;}
.vacationimg1{background-image:url(../img/homeimages/houfy_vacationrentals_riviera_maya.jpg);}
.vacationimg2{background-image:url(../img/homeimages/houfy_vacationrentals_breckenridge.jpg);}
.vacationimg3{background-image:url(../img/homeimages/houfy_vacationrentals_northcarolina.jpg);}
.realestimg1{background-image:url(../img/homeimages/florida.jpg);}.margin-right-15{margin-right:15px;}.margin-right-5{margin-right:5px;}
.realestimg2{background-image:url(../img/homeimages/marrakesh.jpg);}.sharebtn{width:14.28%;}
.realestimg3{background-image:url(../img/homeimages/tusknyrealestate.jpg);}.marginright15{margin-right:15px;}.marginright10{margin-right:10px;}
.searchfields{text-align:center;padding:0px 10px}.sleepingconf{margin-bottom:15px;float:left;width:100%;}.font500{font-weight:600;color:#222;}.streetviewcol{cursor:pointer;color:#222;}#streetview{display:none;height:500px}.sharedcatblock{border:1px solid #DDD;padding:5px;text-align:center;display:table;height:82px;}.reportlisting{margin:10px auto;display:block;width:100%;font-size: 12px;color:#888;cursor:pointer;}.tdprice-left{width:60%;}
#pricingloader{margin:100px auto;}
.hidepricingview{margin-top:-43px;font-size:32px;}.exfees{display:inline-block;padding-left:10px;}.currtd{width:60%;padding-top:15px;}.mpricinginner{background:#EFF0F5;padding:5px;}.login-form{padding:20px 0px;}.clearlbl{margin-top:10px;position:relative;}.fbloginouter{
    line-height: 35px;
    background: #395798;
    color: #FFF;
    position: relative;
    margin-bottom: 10px;
    border-radius: 6px;
    float: left;
    width: 100%;
    }.gloginouter{line-height: 35px;
    text-align: center;
    background: #F93E41;
    color: #FFF;
    position: relative;
    border-radius: 6px;}.orbtn{padding-top:10px;text-align:center;float:left;width: 13%;}.forgotform{padding:20px 0px;}.forgotcontinue{font-weight:normal;border-radius:6px;padding:10.5px;}.error-desc{padding:20px;}.taketohomebtn{margin-top:40px;}
.removelisting{cursor:pointer;color:#FE787C;}.removelisting:hover{text-decoration:underline;}
 .gicon{    font-size: 18px;
    padding-top: 8px;
    position: absolute;
    left: 10px;
    top: 0px;}
.fbicon{    font-size: 17px;
    position: absolute;
    left: 10px;
    top: 9px;}
.sharelsitem {
    display: block;
    width:100%;
    float:left;
    text-align:center;
	padding:5px;
	border-radius:4px;
}
.shareh-outer{
	padding:2px !important;
    display: block;
}
.sharebtn.rrssb-houfy span{
	padding-top:7px;
    padding-bottom:0px;
}
.sharemenu-outer > .rrssb-houfy{
    height:40px;
}
.blueh{
	background-image: url('../img/hlogos/smh4.png');
    width:22px;
    height:22px;
    background-size: cover;
    display:block;
    margin:auto;
}.bluew{
	background-image: url('../img/hsmall_1.jpg');
    width: 14px;
    height: 14px;
    background-size: cover;
    display: block;
}
.rating-circles{
	display:inline-block;
	margin:0;
	float:left;
	padding:0;
	cursor:pointer;
}
.rating-circles.rate_r{
    float:right;
}
.houfy-stars{
    font-size:11px;
    color:gold;
}
.houfy-stars-sm{
    font-size:11px;
}
.star_rate:before{
	margin:0px 3px;
    font-size:16px;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
	color:#CCC;
}
.star_rate.filled:before{
	color:#407AAA;
}
.rating{
	position:relative;
	float:left;
    display: inline-block;
    border-radius: 50%;
    list-style: none;
    border: 3px solid #ce0058;
    overflow: hidden;
    margin-right: 0px;
}
.ratingwidget_color1 .rating{
	border: 3px solid #ce0058;
}
._editable .rating{
	width:24px;
    height:24px;
	padding:4px;
}
._viewable .rating{
	width:20px;
    height:20px;
	padding:3px;
}
.rating:after{
  content:'';
  top:0;
  left:0;
  width:calc(100% - 4px);
  height:calc(100% - 4px);
  border-radius:50%;
}
.rv2 .rating:after{
	border:2px solid #FFF;
}
.rating.full:before{
  content:'';
  display:inline-block;
  background:#ce0058;
  width:100%;
  height:100%;
  border-radius:50%;
  vertical-align:top;
}
.ratingwidget_color1 .rating.full:before{
	background:#ce0058;
}
.rating.half:before{
  content:'';
  display:inline-block;
  background:#30D3B6;
  width:100%;
  height:100%;
  margin-left:-50%;
  vertical-align:top;
}

.rating.halfy:before {
    content:'';
    display:block;
    width: 5px;
    height: 7px;
    background-color:#30D3B6;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    border: 2px solid gray;
    border-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tab-chatbar{
	list-style:none;overflow:hidden;text-align:center;
}
.closechat{
	position:absolute;top:7px;left:10px;
}
.chatlist{
	position:relative;width:100%;overflow-y:auto;
}
.forminputsm{height:28px}
.h1blue {
    font-family: Gotham, sans-serif;
    font-size:36px;
	padding:12px 0px;
    font-weight: 100;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
	margin:-4px 0px 0px 0px;
}.homeblue{font-family: Gotham, sans-serif;
    font-size:24px;
    font-weight:300;
    line-height: 1;
    -webkit-font-smoothing: antialiased;}
.otherpagesouter{
	min-height:600px;
}
.marginbottom30{
	margin-bottom:30px
}
.homeloggedouter{margin-top:50px;margin-bottom:50px;}.forminput32{height:32px}
.fontsm13{
	font-size:13.3333px
}

.maininput {
    color: #222;
}
.arrowcheck{
	width: 11.5px;
    height:9px;
	margin-right:20px;
	margin-bottom:4px;
}
.sigunfbbtn {
    line-height: 35px;
    background: #395798;
    color: #FFF;
    position: relative;
    margin-bottom: 5px;
    border-radius: 6px
}
.container-listidata-results.loadingresults{
	opacity:0.2;
}
.tv-body p, .editposttext{
	margin:0px;
	min-height:22px !important;
    line-height:1.375em;
    /*font-family: "Houfy-OpenSans",Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;*/
}
.md-block-image-caption{
    padding: 5px 0;
    line-height: 1.4;
    color: #222;
    letter-spacing: 0;
    font-size: 16px;
    min-height: 32px;
}
.stories-content .tv-body p, .stories-content .editposttext{
    line-height: 1.375em;
    margin-bottom:10px;
}
.signupgbtn {
    line-height: 35px;
    text-align: center;
    background: #F93E41;
    color: #FFF;
    position: relative;
    border-radius: 6px
}.leftblockothers{border:1px solid #DDD;border-radius:3px;margin-top:10px;}
.viewpayment{margin-top:15px;margin-bottom:10px;}
.credit-card{margin: 0px 10px;font-size: 28px;color: #003C5D;}.paypal{width:75px;}
.hosttoptitle{padding:10px;float:left;}.viewhostname{
    font-weight: 500;
    color: #222;
    font-size: 18px;
    padding-top: 6px;
    display: block;
}.viewownerpic{height:72px;width:72px;overflow:hidden;}
.linkosites {padding:5px;vertical-align:middle;line-height:98px;}.nlinkosites{height:72px;padding:5px;vertical-align:middle;}.viewlistingfooter{font-size:12px;color:#888;text-align:center;background:#FFF;padding-top:25px;margin:0;line-height:1.5;}.linksharedcat{padding:5px;height:218px;vertical-align: middle;}
.imgspan{color:#498BB1;font-weight:500}.linksinner{line-height:56px;padding:5px;text-align:center;overflow:hidden;height:100%;text-overflow:ellipsis;white-space:nowrap;}.comparepr{line-height:25px;font-weight:500;font-size:16px;}.logomiddle{position:absolute;left:50%;width:340px;text-align:center;margin-left:-170px;top:14px;}.logomiddle > a{color:#407AAA;font-size:22px; font-weight: 400;}.prshare{padding:3px;width:16.66%;}.prhomepic{height:100px;width:100px;position:relative;margin:0 auto}.stitlef{width:100%;}.footertxtlg{font-weight:500;margin-bottom:30px;display:block;text-transform:uppercase;font-size:14px;letter-spacing:1px;}
.linksinner2{
    padding: 5px;
    text-align: center;
    overflow: hidden;
    height: 111px;
    vertical-align: middle;
    display: table-cell;
}
.linksinner2 .imgspan{
    position: relative;
    top: calc(50% - 10px);
    transform: translateY(-50%);
}
.btns-follow{
    font-size:15px;
    cursor:pointer;
}
.btns-follow i{
    margin-right:15px;
    font-weight:500;
}
.btn{outline:none !important;}.btn:hover,.btn:focus{box-shadow:none !important;}
.book-direct-listing{
    padding: 3px 5px;
    position: absolute;
    top: 5px;
    z-index: 2;
    border-radius: 4px;
    left: 8px;
    background: #FFF;
}.book-direct-listing i{
    color: gold;
    font-size: 16px;
}.view-sharem{display:none;}
@media all and (max-width:768px) {
.spageftleft{width: 100%;
    padding: 20px;
    text-align: center;}
}
@media all and (min-width:768px) {
.spageftleft{width: 75%;
    text-align: center;}
}.emailtext{color:#1876f2}
.emailtext:hover{text-decoration:underline;}
.picmediathumb{
	-webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.picmediathumb:hover{
	-webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.seasonblk:nth-child(odd) {
    background:#FFF;
}
.seasonblk:nth-child(even) {
    background:#F9F9F9;
}
.seasonblk:hover{
	background:#f5f5f5;
}
.directorypagination > li > a, .directorypagination > li > span {
    padding: 0px;
    width: 22px;
    height: 22px;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
}
.directorypagination > li > a:hover{
	background:#428bca;
	color:#FFF;
}
CircularProgressbar {
  width: 100%;
}
.CircularProgressbar .CircularProgressbar-path {
  stroke: #013C5C ;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s;
}
.circle_progress_complete, .circle_progress_incomplete{
    margin-top:20px;
}


.CircularProgressbar .CircularProgressbar-text {
  fill: #013C5C;
  font-size: 20px;
  transform: translate(0px,-7px);
  text-anchor: middle;
}
.circle_progress_complete .CircularProgressbar-path{
    stroke:green;
}
.circle_progress_incomplete .CircularProgressbar-path{
    stroke:red;
}
.circle_progress_complete .CircularProgressbar-text{
    fill:green;
}
.circle_progress_incomplete .CircularProgressbar-text{
    fill:red;
}
.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6;
}
.CalendarDay {
  padding: 0;
  box-sizing: border-box;
  color: #222;
  font-weight: 400;
  cursor: pointer;
  font-size:14px;
  width: 36px;
  height: 31px;
  z-index:99;
 }
  .CalendarDay:active {
    background: #f2f2f2;
}

.CalendarDay--highlighted-calendar {
  background: #ffe8bc;
  color: #565a5c;
  cursor: default; }
  .CalendarDay--highlighted-calendar:active {
    background: #007a87; }

.CalendarDay--outside {
  border: 0;
  cursor: default; }
  .CalendarDay--outside:active {
    background: #fff; }

.CalendarDay--hovered {
  background: #30D3B6;
  border: 1px double #30D3B6;
  color: #FFF; }

.CalendarDay--blocked-minimum-nights {
  color: #cacccd;
  background: #fff;
  cursor: default;
}
  .CalendarDay--blocked-minimum-nights:active {
    background: #fff; }

.CalendarDay--selected-span {
  background: #66e2da;
  color: #fff; }

.CalendarDay--hovered-span,
.CalendarDay--after-hovered-start {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87; }

.CalendarDay--selected-start,
.CalendarDay--selected-end,
.CalendarDay--selected {
  background: #00a699;
  color: #fff;
  border-radius:50%;
}

.CalendarDay--blocked-calendar {
  color: #DDD;
  cursor: default;
  text-decoration:line-through;
}
  .CalendarDay--blocked-calendar:active {
    background: #cacccd; }

.CalendarDay--blocked-out-of-range {
  color: #cacccd;
  background: #fff;
  cursor: default;
  text-decoration:line-through;
}
  .CalendarDay--blocked-out-of-range:active {
    background: #fff; }

.CalendarMonth {
  text-align: center;
  padding: 0 13px;
  vertical-align: top;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .CalendarMonth:first-of-type {
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none; }
  .CalendarMonth table {
    border-collapse: collapse;
    border-spacing: 0;}

.CalendarMonth--horizontal {
  display: inline-block;
  min-height: 100%; }

.CalendarMonth--vertical {
  display: block; }

.CalendarMonth__caption {
    color: #222222;
    margin-top: 8px;
    font-size: 16px;
    text-align: center;
    margin-bottom: 14px;
    caption-side: initial;
    font-weight: 400;
}
.vsearch-dates-block .CalendarMonth__caption{
    margin-top:11px;
}
.CalendarMonth__caption strong{
    font-size: 16px !important;
}
.CalendarMonth--horizontal .CalendarMonth__caption,
.CalendarMonth--vertical .CalendarMonth__caption {
  padding: 15px 0 35px; }

.CalendarMonth--vertical-scrollable .CalendarMonth__caption {
  padding: 5px 0; }

.CalendarMonthGrid {
  background: #fff;
  z-index: 0;
  text-align: left; }

.CalendarMonthGrid--animating {
  -webkit-transition: -webkit-transform 0.1s ease-in-out;
  -moz-transition: -moz-transform 0.1s ease-in-out;
  transition: transform 0.1s ease-in-out;
  z-index: 1; }

.CalendarMonthGrid--horizontal {
  position: absolute; left: 0px;
  transition:transform 1ms ease-in-out;
 }

.CalendarMonthGrid--vertical {
  margin: 0 auto; }

.CalendarMonthGrid--vertical-scrollable {
  margin: 0 auto;
  overflow-y: scroll; }

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left; }

.DayPicker--horizontal {
  background: #fff;
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);*/
  border-radius: 12px; }
  .DayPicker--horizontal.DayPicker--portal {
    box-shadow: none;
    position: absolute;
    left: 50%;
    top: 50%; }
.SingleDatePicker .DayPicker--horizontal{
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
    border-bottom: none !important;
    border: 1px solid #DDD;
    box-shadow:none !important;
}
.SingleDatePicker .CalendarMonthGrid{
    background:unset !important;
}
.DayPicker--vertical.DayPicker--portal {
  position: initial; }

.DayPicker__focus-region {
  outline: none; }

.DayPicker__week-headers {
  position: relative; }
.DayPicker__week-headers.isloading{
	display:none;
}
.DayPicker__focus-region.isloading{
	display:none;
}
.DayPicker--horizontal .DayPicker__week-headers {
  margin-left: 0px; }

.DayPicker__week-header {
  color: #757575;
  position: absolute;
  top: 62px;
  z-index: 2;
  padding: 0 0px 0px 13px;
  text-align: left;
}
.DayPicker__week-header:nth-child(2){
    /*left:320px !important;*/
}
.CalendarDay.CalendarDay--valid {
    font-weight: 500;
    font-size: 14px;
}
  .DayPicker__week-header ul {
    list-style: none;
    margin: 1px 0;
    padding-left: 0; }
.DayPicker__week-header li {
    display: inline-block;
    text-align: center;
}
.DayPicker__week-header small{
    color:#222 !important;
    font-size: 12px !important;
    font-weight: 600;
}

.DayPicker--vertical .DayPicker__week-header {
  left: 50%; }

.DayPicker--vertical-scrollable {
  height: 100%; }
  .DayPicker--vertical-scrollable .DayPicker__week-header {
    top: 0;
    display: table-row;
    border-bottom: 1px solid #dbdbdb;
    background: white; }
  .DayPicker--vertical-scrollable .transition-container--vertical {
    padding-top: 20px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    overflow-y: scroll; }
  .DayPicker--vertical-scrollable .DayPicker__week-header {
    margin-left: 0;
    left: 0;
    width: 100%;
    text-align: center; }

.transition-container {
  position: relative;
  overflow: hidden;
  border-radius: 12px; }

.transition-container--horizontal {
/*transition: height 0.2s ease-in-out;*/ }

.transition-container--vertical {
  width: 100%; }

.DayPickerNavigation__prev,
.DayPickerNavigation__next {
  cursor: pointer;
  line-height: 0.78;
  -webkit-user-select: none;
  /* Chrome/Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+ */
  user-select: none; }

.DayPickerNavigation__prev--default,
.DayPickerNavigation__next--default {
  background-color: #fff;
  color: #222;
}
.DayPickerNavigation__prev--default i,
.DayPickerNavigation__next--default i{
    font-size:30px;
    margin-top:0px;
}

.DayPickerNavigation--horizontal {
  position: relative; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev,
  .DayPickerNavigation--horizontal .DayPickerNavigation__next {
    border-radius: 3px;
    padding: 2px 9px;
    top: 18px;
    z-index: 2;
    position: absolute;
    height: 38px;
    display: block;
}
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev {
    left: 22px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__next {
    right: 40px; }
  .DayPickerNavigation--horizontal .DayPickerNavigation__prev--default svg,
  .DayPickerNavigation--horizontal .DayPickerNavigation__next--default svg {
    height: 19px;
    width: 19px;
    fill: #82888a; }
.caldayspan{
	display:block;
	width:100%;
    vertical-align: middle;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100%;
}
.DayPickerNavigation--vertical {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
  height: 52px;
  width: 100%;
  z-index: 2; }
  .DayPickerNavigation--vertical .DayPickerNavigation__prev,
  .DayPickerNavigation--vertical .DayPickerNavigation__next {
      display: block;
      position: relative;
    height: 100%;
}
  .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
    border-left: 0; }
  .DayPickerNavigation--vertical .DayPickerNavigation__prev--default,
  .DayPickerNavigation--vertical .DayPickerNavigation__next--default {
      text-align: center;
      font-size: 14px;
    padding: 5px;
    color: #222;
    font-weight: 600;
    }
    .DayPickerNavigation--vertical .DayPickerNavigation__prev--default svg,
    .DayPickerNavigation--vertical .DayPickerNavigation__next--default svg {
      height: 42px;
      width: 42px;
      fill: #484848; }

.DayPickerNavigation--vertical-scrollable {
  position: relative; }
  .DayPickerNavigation--vertical-scrollable .DayPickerNavigation__next {
    width: 100%; }

.DateInput {
  font-size: 16px;
  line-height: 16px;
  color: #222;
  margin: 0;
  padding:4px;
  position: relative;
  display: inline-block;
  width: 130px;
  vertical-align: middle; }

.DateInput--with-caret::before,
.DateInput--with-caret::after {
  content: none;
  display: inline-block;
  position: absolute;
  bottom: auto;
  border: 20px solid transparent;
  border-top: 0;
  left: 22px;
  z-index: 2; }

.DateInput--with-caret::before {
  top: 27px;
  border-bottom-color: #222; }

.DateInput--with-caret::after {
  top: 27px;
  border-bottom-color: #fff; }

.DateInput--disabled {
  background: #cacccd; }

.DateInput__input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  height: 100%;
  width: 100%; }
  .DateInput__input[readonly] {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none; }

.DateInput__display-text {
  padding: 11px 0px;
  white-space: nowrap;
  overflow: hidden;
  font-size:16px;
  text-align:center;
}
.SingleDatePickerInput .DateInput__display-text{
    padding: 8px 0px;
    border:2px solid transparent;
}
.SingleDatePicker .SingleDatePicker__picker{
    top: 37px;
}
.SingleDatePickerInput .DateInput__display-text--focused{
    border: 2px solid #222;
}
.vsearch-dates-block .DateInput__display-text{
    font-size:16px;
}
.viewcheckdatesblock .DateInput__display-text{
    text-align: left;
    padding-left: 8px;
}
.home-filterarea-inner .DateInput__display-text{
    text-align: left;
    padding-left: 12px;
}
.DateInput__display-text--has-input {
	color: #222;
    opacity: 1;
}

.DateInput__display-text--focused {
  border-radius: 4px;
  border:2px solid #222;
}

.DateInput__display-text--disabled {
  font-style: italic; }

.screen-reader-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.DateRangePicker {
  position: relative;
  display: inline-block;
  width:100%;}

.DateRangePicker__picker {
  z-index:99;
  background-color: #fff;
  position: absolute;
  top: 45px;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 10px 37px !important;
  border-radius: 12px !important;
}

.DateRangePicker__picker--direction-left {
  left: 0; }

.DateRangePicker__picker--direction-right {
  right: 0; }

.DateRangePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.DateRangePicker__picker--full-screen-portal {
  background-color: #fff; }

.DateRangePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }
  .DateRangePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd; }
  .DateRangePicker__close:hover, .DateRangePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none; }

.DateRangePickerInput {
  background-color: #fff;
  display: block;width:100%;border:1px solid #DDD;border-radius:4px;
  float: left;}
.editl_calendar .DateRangePickerInput{
    border-radius:0px;
}.editl_selectcal{
    height:40px !important;
}
 .DateRangePickerInput.withoutborder{
	border:none;
 }

.DateRangePickerInput--disabled {
  background: #cacccd; }

.DateRangePickerInput__arrow {
  display: inline-block !important;
  vertical-align: middle;position:relative;}

.DateRangePickerInput__arrow svg {
  vertical-align: middle;
  fill: #484848;
  height:27px;
  width: 21px; }

.DateRangePickerInput__clear-dates {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px; }

.DateRangePickerInput__clear-dates svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.DateRangePickerInput__clear-dates--hide {
  visibility: hidden; }

.DateRangePickerInput__clear-dates:focus,
.DateRangePickerInput__clear-dates--hover {
  background: #dbdbdb;
  border-radius: 50%; }

.DateRangePickerInput__calendar-icon {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 5px 0 10px; }
  .DateRangePickerInput__calendar-icon svg {
    fill: #82888a;
    height: 15px;
    width: 14px;
    vertical-align: middle; }

.SingleDatePicker {
  position: relative;
  display: inline-block; }

.SingleDatePicker__picker {
  z-index: 8;
  background-color: #fff;
  position: absolute;
  top:33px; }

.SingleDatePicker__picker--direction-left {
  left: 0; }

.SingleDatePicker__picker--direction-right {
  right: 0; }

.SingleDatePicker__picker--portal {
  background-color: rgba(0, 0, 0, 0.3);
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }

.SingleDatePicker__picker--full-screen-portal {
  background-color: #fff; }

.SingleDatePicker__close {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px;
  z-index: 2; }
  .SingleDatePicker__close svg {
    height: 15px;
    width: 15px;
    fill: #cacccd; }
  .SingleDatePicker__close:hover, .SingleDatePicker__close:focus {
    color: #b0b3b4;
    text-decoration: none; }

.SingleDatePickerInput {
  background-color: #fff;
  border: 1px solid #dbdbdb; }

.SingleDatePickerInput__clear-date {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  margin: 0 10px 0 5px; }

.SingleDatePickerInput__clear-date svg {
  fill: #82888a;
  height: 12px;
  width: 15px;
  vertical-align: middle; }

.SingleDatePickerInput__clear-date--hide {
  visibility: hidden; }

.SingleDatePickerInput__clear-date:focus,
.SingleDatePickerInput__clear-date--hover {
  background: #dbdbdb;
  border-radius: 50%; }
  .homesearchblock2 .DateInput__display-text{
      border: 2px solid transparent;
  }
  .homesearchblock2 .DateInput__display-text--focused{
      border:2px solid #222;
  }
  .homesearchblock2 .DateInput__display-text{
      padding: 12.5px 0px !important;
  }
  .homesearchblock2 .searchmdates{
      padding:0;
  }
  .home-block{height:300px;}
  .homeblock_mission{background:linear-gradient(0deg,#41C0FF 1%,#4697FF 99%);font-size:32px;color:#FFF;}
	#home_block2 {
		padding-top: 30px;
	}
  .homeblock2{
	  color:#222;
	  background:#FFF;}.seeallpr{font-size:13px;font-weight: normal;}
	  .homeblock3{background:#FFF;color:#222;}.home-stickyfooter{height:40px;padding-top:10px;}
  .home_text{padding-top:15px;padding-bottom:10px;color:#222;}.btn-homelodging{text-align: center;
    margin: 5px 10px 5px 10px;
    padding: 8px;
    font-size: 16px;
    display: inline-block;
    width: 130px;
    border: 1px solid #EEE;
    cursor: pointer;}.btn-home-area{margin-top:0px;z-index:6;}
	.btn-homelodging:hover,.btn-homelodging.active{
		background: #EBEBEB;
		border-color: #DDD;
	}.featured-lefttext{text-align:left;float:left;}
	.homebg1{background:#FFF;
			margin-bottom:20px}
	.homebg{
		background: url(../img/houfy-home.jpg);
		background-position: center;
		background-size: cover;
		height: 100%;
	}
    .cs1homebg{
        background: url(../img/book-direct-day-houfy.jpg);
		background-position: center;
		background-size: cover;
		height: 100%;
    }
    .cs2homebg{
        background: url(../img/home-realestate.jpg);
		background-position: center;
		background-size: cover;
		height: 100vh;
    }
	.h1text{
        color: #FFF;
        width: 100%;
        text-align: center;
        font-size: 64px;
        text-transform: uppercase;
        margin-top: 48px;
        line-height: 1;
        font-weight: 500;
	}
    .houfy-rbars{
        font-size:20px;
    }
	.homeh3text{
		color:#FFF;
	}
	.h2text{
        color: #FFF;
        width: 100%;
        text-align: center;
        font-weight: 500;
        font-size: 24px;
        margin-top: 0px;
        float: left;
	}
	.h3text{
		font-size: 24px;
		color: #FFF;
		width: 100%;
		text-align: center;
		font-weight:300;
		font-size:24px;
		text-transform:uppercase;
		letter-spacing:0.2em;
		margin-top:10px;
	}
    .pmain-title {
        font-size: 22px;
        font-weight: 600;
        color:#222;
    }
    .pmain-title-sub1{
        font-size: 14px;
    }
    .dest-page-row{
        margin-top:25px;
    }
    .fixed-login{
        position: fixed;
        background:#FFF;
        bottom: 0px;
        left: 0px;
        right: 0px;
        background: #FFF;
        border-top: 1px solid #DDD;
        z-index: 8;
        height: 55px;
    }
	.hdollar-outer {
		padding:16px 0px !important;
	}
	.hdollar-ico {
		font-size:20px !important;
		color:yellow;
	}
	@media screen and (max-width:600px){
        .post-container-list-right{
            width:66.66%;
            text-align:center;
        }
        .post-textarea-bottomcontainer #btn_post{
            width: 50%;
            text-align:center;
        }
        .post-textarea-bottomcontainer .btn-homeprivacy{
            border-left:none !important;
        }
        .post-textarea-bottomcontainer .privacyblock{
            width: 50%;
            text-align:center;
        }
        .post-textarea-bottomcontainer .post-container-list{
            width: 33%;
            margin-right:0px !important;
            text-align: center;
        }
        .post-textarea-bottomcontainer li:first-child{
            display:none;
        }
        .reply-comm .col-md-11{
            width:100%;
        }.comment-body{
            width:calc(100% - 32px);
        }.reply-comm .col-xs-11{
            width:100%;
        }.comment-body1{
            width:calc(100% - 50px);
        }
        .mprint-res1{
            display:none;
        }
        .mprint-ex{
            text-align: center;
        }
        .mprint-res2{
            margin: auto !important;
            display:block;
            text-align:center;
            float: none !important;
        }
        .linksinner2 .imgspan{
            position: relative;
            top: calc(50% - 20px);
        }.events-list.M{
            width:103%;
        }
    }
	@media screen and (max-width:500px) {
        .link-embed-posts .col-xs-3,.md-block-atomic-embed .col-xs-3{
            width:100%;
        }
        .link-embed-posts .col-xs-9,.md-block-atomic-embed .col-xs-9{
            width:100%;
        }
        .singlepostitem .md-block-atomic-embed{
            box-shadow:none !important;
            -webkit-box-shadow:none !important;
            margin-top:0px !important;
            margin-bottom:0px !important;
            min-height: 210px !important;
        }
    }
	@media screen and (min-width:501px) {
        .link-embed-posts .col-xs-3,.md-block-atomic-embed .col-xs-3{
            width:25%;
        }
        .link-embed-posts .col-xs-9,.md-block-atomic-embed .col-xs-9{
            width:75%;padding-left: 10px;
        }
        .post_a101 .link-embed-posts .col-xs-3,.post_a101 .md-block-atomic-embed .col-xs-3{
            width:35%;
        }
        .post_a101 .link-embed-posts .col-xs-9,.post_a101 .md-block-atomic-embed .col-xs-9{
            width:65%;
        }
        .msg-menu{
            text-align: center;
        }
        .singlepostitem .md-block-atomic-embed{
            box-shadow:none !important;
            -webkit-box-shadow:none !important;
            margin-top:0px !important;
            margin-bottom:0px !important;
            height: 130px !important;
        }
        .sguide-view .md-block-atomic-embed{
            height: 150px !important;
        }
    }
    @media screen and (max-width:600px) {
        .activelistingitem-pic-left{
            width:50%;
        }.activelistingitem-pic-outer{
            width:50%;
        }.activelistingitem-pic{
            width: 100%;
        }.ls_name{
            height:24px;
        }
        .hsearchblk{
            width: calc(100% - 90px);
		}
    }
    @media screen and (min-width:601px) {
        .activelistingitem-pic{
            width: 250px;
        }
    }
	@media screen and (max-width:700px) {
        .houfy-search-outer{
            display:none;
        }
        .searchuser{
            display: block;
            position: fixed;
            left: 0px;
            right: 0px;
            height: calc(100% - 57px);
            border-radius:0;
            padding:0 10px;
        }
        .searchitemauto,.searchitemauto1 {
            padding: 5px 10px;
            border-bottom: 1px solid #EEE;
        }.home-filterarea{
            padding: 0px;
        }.home-filterarea-inner-toptext{
            display:none;
        }.home-filterarea-inner1{
            padding:10px 15px;
        }
        .homebg,.cs1homebg{
            height:180px !important;
        }
        .destination-bg{
            height:180px !important;
        }
        .home-filterarea-inner-toptextm{
            display:block;
            position: absolute;
            top: 30px;
            color: #FFF;
            font-size: 28px;
            font-weight: 600;
            text-align: center;
            padding: 0px 10px;
        }.home-filterarea-inner-toptextm{
            top:50px;
        }
        .homespage-blk1 {
            margin-top: 120px;
        }
        .bottomcookiepmsg{
            max-width:100%;
            left: 15px;
            right: 15px;
            width: calc(100% - 30px);
        }
        .dest-back-img{
            height:180px;
        }
    }
	@media screen and (min-width:601px) {
        .searchuser_fixed {
            position: fixed;
            left: 0px;
        }
    }
	@media screen and (max-width:600px) {

        .headersearch{
            width:100%;
        }
        #searchlisting{
            width: calc(100% - 114px);
        }
        .searchuser{
            position: fixed;
            width: 100%;
        }
        .li_social span{
            /*display:none;*/
        }
        .m1-activelistingitem-pic-outer{
            display:block;
            width:100%;
        }.activelistingitem-pic-left{
            width:100%;
        }
        .m-activelistingitem-pic-outer{
            display:none;
        }
	}
    .embedr-top1{
        padding-top:15px;
    }
    .home_cover{
        border-radius:0px !important;
        padding:0px !important
    }
    .home_cover .dest-back-img{
        border-radius:0px !important;
        padding:0px !important;
    }
	@media screen and (min-width:1900px) {
        .home_cover{
            height:770px !important;
        }
    }
	@media screen and (min-width:601px) {
        .embedr-top{
            padding-top:15px;
        }
        .m1-activelistingitem-pic-outer{
            display:none;
        }
        .m-activelistingitem-pic-outer{
            display:block;
        }
        .write-reviewtext{
            text-align:right;
        }.write-reviewtext.col-md-12{
            padding-right:0;
        }
    }
	@media screen and (max-width:600px) {
        .rmobile-centered{
            text-align: center !important;
        }
        .embedrrt{
            width:100%;
        }
    }
	@media screen and (max-width:680px) {
        .calmonthy{
            width:100%;
        }
    }
	@media screen and (max-width:768px) {
		.h2text{
			font-size:20px;
		}
	}
	@media screen and (min-height:350px) {

	}
	@media screen and (max-width:650px) and (max-height:700px) {
		.h3text{
			top:315px;
		}
	}
	.h3text
	.homeh3text{
    bottom: 20px;
    padding: 15px;
    text-align: center;
    left: 0;
    right: 0;
    font-size: 14px;
	}.dates-searchclose{
        display:none;
    }
	@media screen and (max-height:778px) {
		.homeh3text,.arrowhdown{
			display:none;
		}
	}
	@media screen and (max-height:578px) {
		.homeh3text{
			position: relative;
			width: 100%;
			text-align: center;
            left:0px;
		}
		.nrcounter-outer{
			margin:10px auto;
		}
	}
	@media screen and (min-height:578px)  and (min-width:991px){
		.homeh3text{position:absolute;bottom: 40px;text-align: center;width:100%;left:0px;}
	}
	@media screen and (min-height:778px) {
		.homebg1{
			height:100vh;
			height:calc( 100vh - 62px);
		}
	}
	@media screen and (min-height:578px) {
		.cs2homebg{
			height:100vh;
			height:calc( 100vh - 62px);

		}
		.nrcounter-outer{
			margin: 105px auto 10px auto;
		}
	}
	@media screen and (min-width:578px) {

	}
	@media screen and (min-height:578px) {
		.arrowhdown{position:absolute;}
	}
	@media screen and (max-height:578px) {
		.arrowhdown{margin-top:340px;}
		.arrowhdown.arrow-lodging{margin-top:0px;}
	}
	@media screen and (max-width:991px){
		.arrowhdown{display:none;}
		.homeh3text{display:none;}
		.tagview2{display:block;}
		.tagview1{display:none;}
		.tagview1-outer{display:none;}
		.h1text{
			margin-top:20px;
            font-size:52px !important;
		}
        .lodging_home_text{
            margin-top: 30px !important;
            margin-bottom: 20px !important;
            font-size: 32px !important;
        }
        .homebgside .h2text{
            margin-top:20px;
        }
		.like_count-ul{
			border-bottom:1px solid #EEE;
		}
        .profiletmenu{
            display:none !important;
        }
        .profilemmenu{
            display:block !important;
            margin-bottom:10px;
        }
        #add_post_to_category .previewspantitle_1{
            white-space: unset;
        }
        .showresultsarea{
            display:none;
        }
        .showmresults{
            display:block;
        }
        .mposteditarea{
            position: fixed;
            top: 43px;
            bottom: 44px;
            overflow: auto;
        }
        .hrightnav{
            padding:21px 10px 15px 10px;
            float: right;
            position: relative;
        }
        .otherpagesrow{
            padding:0px 10px;
        }
        .posts-container{
            padding-left:0;
            padding-right:0;
        }
        .posts-containerg{
            padding-left:5px;
            padding-right:10px;
        }
        .cmobile-centered{
            text-align: center !important;
            width:100%;
        }.messages-top1{
            display:none;
        }
        .searchmdates .DayPickerNavigation--vertical{
            bottom: 90px !important;
            box-shadow: none;
            border: none;
            left: 0px;
            right: 0px;
        }
        .searchmdates .DateRangePickerInput{
            max-width:600px;
        }
        .searchmdates.opened{
            border:none !important;
        }
        .searchmdates.opened tr{
            width:100%;
        }
        .searchmdates.opened td{
            width:14.28%;
        }
        .searchmdates.opened table{
            width:100%;
            max-width: 540px;
            margin: auto !important;
        }
        .searchmdates .DateRangePicker__picker--vertical{
            width: 100%;
        }
        .CalendarMonthGrid--vertical{
            width: 100% !important;
        }
        .searchmdates .DayPicker__week-header li{
            width: 14.28% !important;
        }
        .searchmdates .DayPicker__week-header{
            width: 100% !important;
            margin-left:auto !important;
            left:auto !important;
        }
        .searchmdates .clsdates{
            display:none;
        }
        .searchmdates .DayPicker__week-header ul{
            max-width: 540px;
            margin: auto;
        }
        .vsearch-dates-block.opened .dates-searchclose{
            display:block !important;
        }
        .viewmenu-leftfilter{
            height:62px;
            overflow-x:scroll;
            overflow-y:hidden;
            margin-bottom:-30px;
            padding-bottom:30px;
            white-space: nowrap;
        }
        .viewmenu-leftfilter.unset{
            overflow-x:unset !important;
            overflow-y:unset !important;
        }.footer.fixedfoot.active{
            display:none !important;
        }
        .dest-page-row2{
            margin-top: 60px;
        }
        .dest-list-items,.guide-list-items{
            height: 254px;
            overflow-y: hidden;
            overflow-x: auto;
            white-space: nowrap;
            width: auto !important;
        }
        .home-list-items{
            height: 230px;
        }
        .home-list-itemst1{
            height:245px;
        }
        .dest-top-outer{
            margin-bottom:15px;
        }
        .guide-list-items{
            height: 282px;
        }
        .showmore-guides{
            margin-top:60px;
        }
        .destinations-item,.guide-item{
            float: none;
            clear: both;
            display: inline-block;
            width: 250px;
        }
        .pdestinations-items .destinations-item{
            width: 100%;
        }
        .dest-page-firstrow{
            margin-top:150px;
        }
        .fixedmodalbody{
            padding:0px;
        }.write-story-menubtns,.sthmenu01{
            display:none !important;
        }.viewhost-mobile{
            display:block;
            font-size:16px;
            text-align: center;
            margin-bottom: 15px;
        }
        .mviewpricetext-price{
            font-size: 18px;
        }.btn-createg{
            width: 100%;
        }.refer-host-info1{
            margin-bottom:20px;
        }
        .viewmenu-listing.fixed .container{
            padding-left: 0px !important;
            padding-right: 0px !important;
        }
        .vsearch-dates-block.opened .DateRangePickerInput{
            padding:0px 10px;
        }
        .vsearch-dates-block.opened .DateInput.start{
            border-right:none;
        }
        .vsearch-dates-block.opened .DateInput.start, .vsearch-dates-block.opened .DateInput.end {
            border: 1px solid #333;
            border-radius: 6px;
            height: 44px;
            line-height: 44px;
            width: calc( 50% - 5px) !important;
            padding: 0px !important;
        }.guide-profile-hleft{
            width:100%;
        }.btns-followls{
            text-align:center;
        }.view-sharem{
            display:block !important;
        }.btneditlisting{
            top:122px;
            right:15px;
        }.social-home-lmenu-footer{
            display:none;
        }.viewcomments{
            padding:5px 0;
        }.commentocomment{
            padding:5px;
        }.posts-menur{
            display:none;
        }
        .viewmenu-item {
            padding: 7px 0;
        }.profile-cover{
            padding:15px 0 !important;
        }
        .btn-editp-menu{
            width:25%;
            text-align:center;
        }.btn-edit_profile-out{
            float:left;
            width:100%;
            position:relative;
            text-align: center;margin-top:15px;
        }.btn-edit_profile-out button,.btn-edit_profile{
            float:none !important;
        }.social-homefooterl.active{
            display:block;
        }.listings-fleftmenu.active{
            width:100%;
        }.social-homefooterl.active{
            width:100%;max-width:100%;
        }
        .social-homefooterl{
            display:none;
        }
        .social-home-lmenu-footer{
            border-right:none;
            border-top:1px solid #EEE;
        }.commentarea{
            padding: 5px 0 5px 10px;
        }.replycommentarea{
            padding-left:0;
        }.footer_dropdown{
            text-align:center;
        }
        .DayPicker--vertical .clsdates{
            display:none;
        }
	}
	@media screen and (max-width:500px) {
		.home-stickyfooter{
			padding-top: 5px;
			height: 50px;
		}
		.home_text .homeblue {
			font-size:24px;
		}
	}
	@media screen and (max-width:500px) and (min-height:500px) {

	}
	@media screen and (max-width:768px) {
	.home_text{padding-top:15px !important;}}
.nr-counter {
    width: 100px;
    color: #FFF;
    font-size:58px;
    text-align:center;
	font-family:'Open Sans',sans-serif;
}
.nr-dd{
	font-size:14px;
	opacity:0.8;
	display:block;
}.nrcounter-outer {
    width: 400px;
}.signup-btn{
	margin-top:10px;
}
.btn-signup > a{
    color: #FFF;
    font-size: 14px;
    text-transform: uppercase;
}
.btn-signup{
	width: 200px;
    padding: 10px;
    color: #FFF;
    font-size:18px;
}
/* animate css start*/
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }

  25%,
  75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes headShake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  6.5% {
    -webkit-transform: translateX(-6px) rotateY(-9deg);
    transform: translateX(-6px) rotateY(-9deg);
  }

  18.5% {
    -webkit-transform: translateX(5px) rotateY(7deg);
    transform: translateX(5px) rotateY(7deg);
  }

  31.5% {
    -webkit-transform: translateX(-3px) rotateY(-5deg);
    transform: translateX(-3px) rotateY(-5deg);
  }

  43.5% {
    -webkit-transform: translateX(2px) rotateY(3deg);
    transform: translateX(2px) rotateY(3deg);
  }

  50% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.headShake {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-name: headShake;
  animation-name: headShake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }

  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes wobble {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes heartBeat {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  14% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  28% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  42% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }

  70% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.heartBeat {
  -webkit-animation-name: heartBeat;
  animation-name: heartBeat;
  -webkit-animation-duration: 1.3s;
  animation-duration: 1.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  50%,
  55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}

.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%,
  45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px)
      rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0)
      rotate3d(0, 1, 0, 0deg);
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%,
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%,
  80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

@-webkit-keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1) rotate(30deg);
    transform: scale(0.1) rotate(30deg);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
  }

  50% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  70% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.jackInTheBox {
  -webkit-animation-name: jackInTheBox;
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  to {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }

  to {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}

.animated.delay-2s {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.animated.delay-3s {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}

.animated.delay-4s {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.animated.delay-5s {
  -webkit-animation-delay: 5s;
  animation-delay: 5s;
}

.animated.fast {
  -webkit-animation-duration: 800ms;
  animation-duration: 800ms;
}

.animated.faster {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

.animated.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.slower {
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
}

@media (print), (prefers-reduced-motion: reduce) {
  .animated {
    -webkit-animation-duration: 1ms !important;
    animation-duration: 1ms !important;
    -webkit-transition-duration: 1ms !important;
    transition-duration: 1ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-iteration-count: 1 !important;
  }
}
/* animate css end*/
  /*photo-swipe*/
  .pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none; }
  .pswp * {
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
  .pswp img {
    max-width: none; }

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--open {
  display: block; }

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab; }

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing; }

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  opacity: 0;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
text-align:center;
  }

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none; }

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none; }

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden; }

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden; }

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0; }

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden; }

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222; }

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0; }

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC; }

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline; }
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
          transition: opacity 0.2s;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .pswp__button:focus, .pswp__button:hover {
    opacity:1;outline:none;}
  .pswp__button:active {
    outline: none;
    opacity: 0.9; }
  .pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0; }

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1; }
  .pswp__button{
  background: url(default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px; }
.photo-left-out{
	margin-left: 10px;
    float: left;
    width: 50px;
    height: 50px;
    border-radius: 50%;
	z-index:-1;
    position: relative;
    line-height: 50px;
    padding-top: 9px;
    padding-bottom: 9px;
}
.photo-left-out > i{
    color: #000;
    margin-top: 0px;
    display: block;
    font-size: 32px;
}
.photo-right-out{
	margin-right: 10px;
	float:right;
	width: 50px;
    height: 50px;
    border-radius: 50%;
	z-index:-1;
    position:relative;
    line-height: 50px;
    padding-top: 9px;
    padding-bottom: 9px;
}
.photo-right-out > i{
    color: #000;
    margin-top: 0px;
    display: block;
    font-size: 32px;
}
.pswp__button--close {
  background-position: 0 -44px; }

.pswp__button--share {
  background-position: -44px -44px; }

.pswp__button--fs {
  display: none; }

.pswp--supports-fs .pswp__button--fs {
  display: block; }

.pswp--fs .pswp__button--fs {
  background-position: -44px 0; }

.pswp__button--zoom {
  display: none;
  background-position: -88px 0; }

.pswp--zoom-allowed .pswp__button--zoom {
  display: block; }

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0; }

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden; }

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 50%;
  height: 100px;
  position: absolute;z-index:10; }
.pswp__button--arrow--left.smallbtn,.pswp__button--arrow--right.smallbtn {
	width:100px;
}
.pswp__button--arrow--left {
  left: 0; }

.pswp__button--arrow--right {
  right: 0; }

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  height: 30px;
  width: 32px;
  position: absolute; }

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px; }

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px; }

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity; }

.pswp__share-modal--hidden {
  display: none; }

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
      -ms-transform: translateY(6px);
          transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
          transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform; }
  .pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px; }
    .pswp__share-tooltip a:hover {
      text-decoration: none;
      color: #000; }
    .pswp__share-tooltip a:first-child {
      /* round corners on the first/last list item */
      border-radius: 2px 2px 0 0; }
    .pswp__share-tooltip a:last-child {
      border-radius: 0 0 2px 2px; }

.pswp__share-modal--fade-in {
  opacity: 1; }
  .pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0); }

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px; }

a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF; }
  a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A; }

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF; }

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D; }

a.pswp__share--download:hover {
  background: #DDD; }

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #222;
  padding:10px; }

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px; }
  .pswp__caption small {
    font-size: 11px;
    color: #BBB; }

.pswp__caption__center {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
  font-size: 15px;
  padding: 10px;
  line-height: 20px;
  color: #222; }

.pswp__caption--empty {
  display: none; }

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden; }

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
          transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr; }

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px; }

.pswp__preloader--active {
  opacity: 1; }
  .pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url(preloader.gif) 0 0 no-repeat; }

.pswp--css_animation .pswp__preloader--active {
  opacity: 1; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
            animation: clockwise 500ms linear infinite; }
  .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
            animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }

.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0; }

.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden; }

.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0; }

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right; } }

@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0); }
  50% {
    -webkit-transform: rotate(-140deg);
            transform: rotate(-140deg); }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0); } }

/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550; }

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%; }

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
          transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible; }

.pswp__top-bar,
.pswp__caption {
  background-color: #FFF; }
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: #FFF; }

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001; }

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none; }

.pswp__element--disabled {
  display: none !important; }

.pswp--minimal--dark .pswp__top-bar {
  background: none; }
.pswp123.pswp--open{
    position: relative !important;
    height: 400px;
}
.editpic{
    animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.npostitem{
	margin-bottom: 0px;
    background: #FFF;
    border-radius:8px;
    padding-top:5px;
}
.post_a101.highlighted .npostitem {
    border: 1px solid #407AAA;
}
.md-inline-link,.md-link{
    color:#1876f2 !important;
    text-decoration: underline;
}
blockquote {border-left: 5px solid #4ca8de;float:left;font-size:16px;font-weight: bold;}
.stories-content blockquote{
    background: #e2f2ff;
    width: 100%;
}
.md-inline-link:hover {
    text-decoration: underline;
}
.msinglelisting{
	border:1px solid #FFF;
}
.msinglelisting .color-overlay, .msinglelisting i, .msinglelisting .color-overlay3{
    border-radius:6px;
}.listings-sm{
    color:#222;
}
.activelistingitem{
    border: 1px solid #EEE !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 5px 0 #F2F2F2 !important;
    margin-bottom: 20px;
}
.activelistingitem-top1,.activelistingitem-top2{
    padding: 15px 20px;
}
.activelistingitem-top1:hover{
    background:#F6FAFD;
}
.activelistingitem-top2{
    border-top: 1px solid #EEE;
}
.activelistingitem-pic{
    height:200px;float:right;
    border-radius:6px;
}
.activelistingitem_cl1{
    border: 2px solid red !important;
    box-shadow: none;
}
.activelistingitem_cl2{
    border: 2px solid green !important;
    box-shadow: none;
}
.activelistingitem_cl3{
    border: 2px solid orange !important;
    box-shadow: none;
}
.activelistingitem_cl1 .activelistingitem-top1:hover,.activelistingitem_cl1 .activelistingitem-top1:focus{
    background:#fff0f0;
}
.activelistingitem_cl2 .activelistingitem-top1:hover,.activelistingitem_cl2 .activelistingitem-top1:focus{
    background:#ebffeb;
}
.activelistingitem_cl3 .activelistingitem-top1:hover,.activelistingitem_cl3 .activelistingitem-top1:focus{
    background:#fffaf0;
}
.sortable-ghost{
	border:1px dashed #407AAA !important;
}.md-block-unordered-list-item li {
    margin-bottom: 10px;
}
.md-inline-highlight{background-color:rgba(255,255,0,0.2);}
.md-inline-highlight1{
    background-color:rgba(255,255,0,0.2);
}
.md-inline-highlight2{
    background-color:rgba(255,192,203,0.2);
}
.md-inline-highlight3{
    background-color:rgba(12,242,143,0.2);
}
.md-inline-highlight4{
    background-color:rgba(0,0,255,0.2);
}
.md-inline-highlight5{
    background-color:rgba(255,165,0,0.2);
}
.md-inline-highlight6{
    background-color:rgba(255,0,0,0.2);
}
.md-inline-highlight1, .md-inline-highlight2, .md-inline-highlight3, .md-inline-highlight4, .md-inline-highlight5, .md-inline-highlight6{
    cursor:pointer;display:inline-block;
}
.md-inline-highlight1:hover, .md-inline-highlight:hover{
    background-color:rgba(255,255,0,1);
}
.md-inline-highlight2:hover{
    background-color:rgba(255,192,203,1);
}
.md-inline-highlight3:hover{
    background-color:rgba(12,242,143,1);
}
.md-inline-highlight4:hover{
    background-color:rgba(0,0,255,1);
}
.md-inline-highlight5:hover{
    background-color:rgba(255,165,0,1);
}
.md-inline-highlight6:hover{
    background-color:rgba(255,0,0,1);
}
.md-block-header-one, .md-block-header-two, .md-block-header-three, .md-block-header-four, .md-block-header-five, .md-block-header-six{
    font-weight: 600;
    line-height: 1.4;
    font-size: 24px;
}
.editlistmenu-item {
    padding:10px 15px;
    display: inline-block;
    position: relative;
    color: #050505 !important;
    font-weight: 500 !important;
    font-size: 18px !important;

}
.editlistmenu-inner{
    height: 100% !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    overflow-x: scroll !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    line-height: 28px;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style: none;
     scrollbar-width: none;
     border-bottom:1px solid #DDD;
}
.listings-editmenu{
    height: 53px !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
    overflow-x: auto !important;
}
.editlistmenu-inner::-webkit-scrollbar {
    display: none;
}
.editlistmenu-item.active{
    border-bottom:2px solid #013C5C;
}
.reditlistmenuitem{
    width:125px;
    text-align:center;
    padding:15px 0px;
}
.editlistmenu{
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 100% !important;
    width: 100% !important;
    overflow-y: hidden !important;
}
.reservation-info-details{
    position: absolute;
    right: 0px;
    width: 400px;
    z-index: 9;
    background: #FFF;
    height: 100%;
    top: 0px;
    border: 1px solid #DDD;
    padding: 7.5px;
    bottom: 0px;
}
.dcalday{
    width: 66px;
    border-right: 1px solid #DDD !important;
}
.dcalendardays{
    height:62px;
    overflow:hidden;
}
.dcaldayname{
   padding-bottom:0px !important;
}
.dashboard-reservation{
    top: 9px;
    height: 36px;
}
.addnewac > a{
    padding:0px 15px 0px 0px !important;
}
.addnewac > ul > li{
    padding:0px !important;
}
.btn-rescal{
    border-radius:4px !important;
}
span.dashboard-reservation.M {
    display: block;
    position: absolute;
    left: -1px;
    right: 0px;
    background: #008BB7;
    cursor: pointer;
}
span.dashboard-reservation.S {
    position: absolute;
    left: 40px;
    right: 0px;
    background: #008BB7;
    cursor: pointer;
}
span.dashboard-reservation.E {
    position: absolute;
    left: -1px;
    right: 45px;
    background: #008BB7;
    cursor: pointer;
}
.d-reservation-name {
    color: #FFF;
    position: absolute;
    width: auto;
    z-index: 5;
    margin-left: 40px;
    font-size: 14px;
    font-weight: 400;
    height: 16px;
    display: block;
    top: 13px;
    line-height: 1.2;
    overflow: hidden;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}
.d-reservation-name.M{
    margin-left: 8px;
}
.d-reservation-name.S{
    margin-left: 42px;
}
.d-reservation-name.width1 {
    width: 50px;
}
.d-reservation-name.width2 {
    width: 200px;
}
.d-reservation-name.width3 {
    width: 165px;
}
.d-reservation-name.width4 {
    width: 200px;
}
.d-reservation-name.S.width0 {
    width: 26px;
}
.d-reservation-name.E{
    margin-left: 0px;
    width: 26px;
}
.d-reservation-calname{
    top:30px;font-size: 11px;
    font-weight: 500;
}
.resmessagestab {
    height: 290px;
    overflow-y: auto;
    border-bottom: 1px solid #DDD;
}
.resinputs{
    border-radius: 4px;
    height: 35px !important;
}
.resinfo-guest{
    background: #EBEBEB;
    padding: 10px;
    color: #222;
}
.msgtext.msgtextleft.msg_sm {
    margin-right: 65px;
}
.resinfo-guest-container{

}
.resinfo-table th,.resinfo-table.active tr,.resinfo-table.active tr > td{
    background: #f3f5f9;
}

.resinfo-guest-img{
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.rescaltoday{
    background:#f3f5f9;
}
.resinfo-guest-name{
    font-size: 18px;
    font-weight: 500;
}
.msgtext.msgtextleft.msg_sm {
    margin-right: 65px !important;
}.msgtext.msgtextright.msg_sm {
    margin-left: 65px !important;
}
.search_cat {
    font-size: 16px !important;
    height: 34px !important;
    color: #222 !important;
}
.msgtext.msg_sm{
    width:80%;
}
resinfo-listing-name{
    font-size: 14px;
}
.resinfo-table{
    font-size: 15px;
}
.categorypagedesc{
    font-size:22px !important;
}
.resinfodata{
    min-height:400px;
}
@media screen and (max-width:600px) {
    .reservation-info-details{
        width:100%;
    }
}
.showmdropdownlist.active{
    display:block;
}.btn-nohover:hover{
    background:#FFF;
}
.lsaddmenu,.rsaddmenu,.vsaddmenu{
    padding:11px 7px;
}#btn_post{
    padding: 5.5px 15px;
    font-size: 17px !important;
    border-radius: 0px !important;
    background: #3e98c7 !important;
    color: #FFF;
}#btn_post:hover{
color:#fff !important;
background:#3071a9 !important;
}.cgitem:last-child{
    border:none;
}
.cgitem-inside{
    padding: 18px 10px;
}
.editpic_canvas.active{
    position: fixed;
    display: block;
    opacity: 1;
    z-index: 9999999;
    background: #FFF;
}
.editpic_canvas_bottom{
    position: absolute;
    bottom: 20px;
    text-align: center;
    width: 100%;
    left: 0px;
}
#pic_canvas{
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
}
.editpic_btn{
    display: inline-block;
    line-height: 40px;
    cursor: pointer;
    font-size: 20px;
    padding:20px;
}
.editpic_canvas_pic{
    position: absolute;
    top: 64px;
    left: 0px;
    right: 0px;
    bottom: 100px;
}
.picture_closebtn{
    font-weight:bold !important;
    float:right;
    background:#ce0058 !important;
    color:#FFF !important;
}
.editpic_canvas_pic.withinfo{
    left: 300px;
}
.edit_pic_information{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 300px;
    padding-top: 50px;
    border-right:1px solid #DDD;
}
.rotate_btn{
    margin-right:20px;
}.crop_btn{
    margin-right:20px;
}
.cguidefooter{
    position: absolute;
bottom: 0px;
}
.cguidebody{
    max-height:514px;
    overflow:auto;

}
.vsaddmenu, .vsaddmenu, .rsaddmenu,.lsaddmenu{
    /*border-left: 1px solid #EEE;*/
}
.lsaddmenu > a{
    padding: 6px 12px !important;
}
.lsaddmenu > a:hover,.lsaddmenu > a:focus{
    text-decoration: underline;
}
.rsaddmenu > a ,.vsaddmenu > a,.rsaddmenu > a, .lsaddmenu > a{
    padding: 7px 12px !important;
}
@media screen and (max-width:600px) {
    .droptarget{
        width:50% !important;
    }
}
@media screen and (max-width:600px) {
    .hsearchblk{
        margin-right:15px;
    }.searchwidget-mobile{
        width:100%;
        width:calc( 100% - 123px );
    }
}
@media screen and (min-width:701px) {
    .lsaddmenu,.rsaddmenu,.vsaddmenu{
        /*display:block;*/
    }.notifybellmenu{
        /*display:block;*/
    }
}
@media screen and (min-width:601px) {
    .createparea{
        width:600px;
        height:600px;
    }
}
@media screen and (min-width:601px) {
    .notifybellmenu > .signupmenuinner{
        padding:0px 15px 0px 15px !important;
        margin-top: 1px;
        line-height: 16px;
    }
}
@media screen and (min-width:601px) {
    .searchwidget-mobile{
        width: calc( 100% - 323px );
    }.exportseasonsbtns{
        text-align:right;
    }
}
@media screen and (max-width:600px) {
    .fixedmodaltop{
        position: fixed;
        top: 0px;
    }.fixedmodalbody{
        position: fixed;
        top: 42px;
        bottom: 42px;
        overflow: auto;
        max-height:none;
    }
    .fixedmodalfooter{
        position: fixed;
        bottom:0px;
    }
    .exportseasonsbtns{
        text-align:center;
    }
}
.slide_priceseasons > .col-md-12 > iframe{
    display: none;
}
.searchricon{
    font-size: 18px;
    margin-right: 8px;
}
.mmenu-icon{
    float: right;
    font-size:20px;
    line-height:52px !important;
    padding-right:10px;
}
.profilecheck{
    color: green;
    font-size: 16px;
    margin-right: 10px;
}
.profilecheckitem{
    margin-bottom:10px;
    display:block;
}
.pr-complete{
    text-decoration:line-through;
}
.panel-body-profile{
    font-size:14px;
}
.profilecheck-incomplete{
    color: #e1e1e1;
    font-size: 16px;
    margin-right: 10px;
}
.pr-incomplete{
    color:#000;
}
.panel-heading-other,.panel-body-other{
    border-top:1px solid #EEE;
}.panel-profile{
    border-color: #EEE !important;
}
.posts-sm-preview-outer{
    background: #FFF;
    padding: 10px 0px 100px 10px;
}
.profile-form-item{
    margin-bottom: 24px;
}
.profile-form-lbl{
    color: #83898B;
    font-size: 15px;
    line-height:34px;
    text-align:left;
    padding-right:15px;
}
.infotab-title{
    text-align: center;
    background: #FFF !important;
    font-size: 16px;
    border-bottom: none;
    border-color: #EEE !important;
    color: #000 !important;
    font-weight: 400;
    letter-spacing: 0.4px;
}
.editposttext{
    padding: 0px 0px 5px 0px;
}.story-title{
    font-size:26px;
    font-weight: 600;
    color: #222;
}
.stories-mtitle{
    line-height: 1.4;
}
.editgpic_canvas_pic {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}
.stories-content{
    font-size:17px !important;
    font-family: system-ui, -apple-system, system-ui, ".SFNSText-Regular", sans-serif;
    color: #050505;
    font-weight: 400;
    padding:0px;
    line-height:1.58;
}
.posts-content{
    font-size:16px !important;
    color: #000000d6;
    font-weight: 400;
    padding:0px;
    line-height:1.58;
}
.story-title, .stories-content h1,.stories-content h2,.stories-content h3,.stories-content h4,.stories-content h5,.stories-content h6,.stories-content .h1,.stories-content .h2,.stories-content .h3,.stories-content .h4,.stories-content .h5,.stories-content .h6, .menus-pages {
    font-family: system-ui, -apple-system, system-ui, ".SFNSText-Regular", sans-serif;
}
.stories-content1{
    padding:0px !important;
}
p.md-block-unstyled {
    display: block;
    float: left;
    width: 100%;
    line-height:1.375em;
}
.stories-content p{
    margin-bottom:30px;
    line-height:1.58;
}
.btn-homeprivacy i {
    color: #888;
}
.privacyblock .btn-homeprivacy{
    width: 120px !important;
}
ol.md-block-ordered-list-item li, ul.md-block-unordered-list-item li {
    margin: 5px 0px;
    line-height:30px;
    line-height:1.375em;
    float: left;width:100%;
}
.md-block-todo {
    font-size: 20px;
    line-height:30px;
    padding: 0px 20px;
}.md-block-todo p {
    padding-left: 20px;
}
ol.md-block-ordered-list-item, ul.md-block-unordered-list-item {
    float: left;
    position: relative;
    width: 100%;
    line-height:1.375em;
}
.comment-d-block strong{
    font-size:15px !important;
}
.navbar-header img{
    display:none !important;
}
.houfy-loading-bar.active{
    display:block !important;
}
.houfy-loading-bar {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 99999;
  background: #407AAA;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.houfy-loading-bar {
    display:none;
  -webkit-animation: shift-rightwards 1s ease-in-out infinite;
  -moz-animation: shift-rightwards 1s ease-in-out infinite;
  -ms-animation: shift-rightwards 1s ease-in-out infinite;
  -o-animation: shift-rightwards 1s ease-in-out infinite;
  animation: shift-rightwards 1s ease-in-out infinite;
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
  -o-animation-delay: .4s;
  animation-delay: .4s;
}

@-webkit-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-moz-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@-o-keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
@keyframes shift-rightwards {
  0% {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  40% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  60% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
}
.col-xs-3.control.control--checkbox{
    max-width: 40px;
}
.filter-section-title{
    font-size: 16px;
    font-weight: 600;
    width: 100%;
    color: #222;
}
.filtermore-plus{
    border-radius: 50%;
    border: 1px solid #407AAA;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    color: #407AAA;
    cursor: pointer;
    font-size: 14px;
    float:right;
}
.dest-h3 {
    font-size: 20px;
    line-height: 1.4;
}
.filtermore-plus-text{
    font-size:16px;
}.filtermore-plus-text {
    width: 50px;
    display: inline-block;
    text-align: center;
    font-size: 18px;
    float:right;line-height:30px;
}.bedrooms-filter-row{
    margin-bottom: 20px;
}.mfilter-more{
    display:none;
}
.home_slinks{
    margin-bottom:5px;
    width:20%;
}
.home_slinks a {
    font-size: 14px;
}
.home_slinks-outer.less{
    max-height:130px;
    overflow:hidden;
}.shareicons{
    font-size: 26px;
    color: #999;
}
.hfilterarea{
    height:100%;
}
.tools-photo a{
    color: #FFF;
    display: block;
    text-align: center;
    width: 100%;
    line-height: 26px;
    font-size: 18px;
}
.tools-photo{
    right: 20px;
    background-color: rgba(0,0,0,0.68);
    width: 28px;
    height: 28px;
    text-align: center;
    top: 20px;
    border-radius: 50%;
    cursor:pointer;
    border: 1px solid #484848;position: absolute;
}
.tools-photo.active, .tools-photo.active a{
    display: block !important;
}
.rflex-slider{
    display: flex;
    flex-wrap: nowrap;flex-flow:row;
    overflow-x: auto;padding-right: 15px;
}
.rflex-card {
    flex: 0 0 auto;
    border: 1px solid #DDD;
    width: 29.33%;
    margin: 10px;
    padding: 15px 10px;
    border-radius: 12px;
}
.flatbedicon {
    margin-right: 12px;font-size: 22px;margin-bottom: 10px;
}
.bedroomname{
    overflow: hidden;
    height: 22px;
    text-overflow: ellipsis;
    width: 100%;
    white-space: nowrap;
    font-weight:bold;
    text-decoration: underline;
    cursor: pointer;
}
.bedroom-comm{
    font-size:13px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.readmore1{
    font-size:14px;
    font-weight:600;
    color:#222;
    cursor:pointer;
    text-decoration:underline;
    text-align: right;
}
.readmore1:hover{
    text-decoration:underline !important;
}
.reviews_desc.less{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 54px;
    -webkit-box-orient: vertical;
}
.write-reviewtext{
    line-height: 42px;
    float: right;
    padding-right: 20px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    text-decoration: underline;color: #222;
}.write-reviewtext i{
    padding-right: 15px;
}
.viewhost_desc.less{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
}.viewhost_guide.less{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    max-height: 222px;
}
.profile_userdesc.less{
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 84px;
    margin-bottom: 10px;
}
.profile_more_info{
    color:#222;
    font-weight:500;
}
.dflex-outer{
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
}
.dflex-navigation{
    flex: 1 1 5%;
display: flex;
align-items: center;
cursor: pointer;
}
.dflex-navigation.left-arrow{
    justify-content: flex-end;
}
.dflex-navigation.right-arrow{
    justify-content: flex-start;
}
.dflex-wrapper{
    overflow:hidden;
}
.dflex-slider{
    transition: transform 0.5s ease-in-out;
    list-style-type: none;
    white-space: nowrap;
    margin: 0;
    padding: 0;

}
.dflex-item{
    display: inline-block;
    width: calc(50% - 10px);
    margin: 0 10px 0px 0px;
}
.arrowlnext{
    position: absolute;
    top: 80px;
    font-size: 38px;
    cursor: pointer;
    right:-18px;
}
.arrowlprev{
    position: absolute;
    top: 80px;
    font-size: 38px;
    cursor: pointer;
    left:-30px;
}
.mprverify{
    display:none;
}
.viewlisting-left{
    z-index:0;
}
.posts-right-area{
    background: #FFF;
    border-radius: 12px !important;
    padding: 5px;
}
.booking-tabs-price{
    padding:0px 5px;
}
.profile_nvpic{
    display:none;
}
@media screen and (min-width:991px) and (max-width:1150px) {
    .mapresultprice{
        font-size: 16px;
    }
}
@media screen and (max-width:600px) {
    .house-typename{
        font-size:13px !important;
    }
}
.profile-crtime {
    border-bottom: 1px solid #DDD;
    line-height: 0.1em;
    margin: 10px 0 20px;
    text-align: center;
}.profile-crtime1{
    display:none;
}
.profile-crtime span {
    background: #fff;
    padding: 0 10px;
}
.oinput-percentage1{
    width:45px !important;
    float:left !important;
}
.oinput-percentage2{
    width:calc( 100% - 45px) !important;
    margin-top: 31px !important;
    float:right;
}
@media screen and (max-width:991px) {
    .profileinformationblock{
        display:none !important;
    }
    .dflex-slider{
        overflow-x:auto;
    }.flexarrow{
        display:none !important;
    }.mprverify,.profile-crtime1{
        display:block;
    }
    .stories-content,.stories-content p{
        font-size:18px !important;
    }.stories-content p{
        margin-bottom: 20px;
    }
    .md-block-header-one, .md-block-header-two, .md-block-header-three, .md-block-header-four, .md-block-header-five, .md-block-header-six{
        font-size:20px !important;
    }
    .md-block-atomic .col-xs-9{
        padding-left:0px !important;
    }
    .filter-price-row{
        padding-left:0px;
        padding-right:0px;
        margin-top:15px;
    }
    .filter-angle-container{
        display:none;
    }.mfilter-more{
        display:block;
    }.flsblock1{
        width:50%;
    }
    .booking-tabs-price{
        padding:0px 5px;
    }
    .vsaddmenu, .rsaddmenu{
        display:none;
    }
    .sthmenu{
        display:block !important;
    }.profilepicsmall{
        width:100% !important;
        text-align: center;
        float: none;
    }.leftmenu-mobile a{
        font-size:18px;
        position: relative;
    }
    .home_slinks{
        width:50%;
    }.selc_tab{
        width:33.33%;
        text-align: center;
    }.rflex-card{
        width:200px;
    }.new-tls{
        display:none;
    }.signupmsg{
    	padding:5px;
    }.btn-with-iconname span{
        display:none;
    }.btn-with-iconname{
        width:50px;
    }.btn-with-iconname2{
        display:none;
    }
    .ereviewer_name{
        margin-bottom:15px;
    }.reviewitem:after{
        content:none;
    }
    .reviewitem:before{
        content:none;
    }.otherpageview .container{
        padding-left: 0;
        padding-right: 0;
    }.editpic{
        height:140px !important;
    }.droptarget{
        height:230px !important;
    }.continueblk {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 5;
        padding: 10px 5px;
        background: #FFF;
        border-top: 1px solid #DDD;
    }.rblock-bottom{
        margin-bottom:30px;
    }.viewls-photos{
        position: absolute;
        left: 15px;
    }
}
@media screen and (min-width:1100px) {
    .modal-embed{
        width:1000px;
    }.hsearchblk{
        width:320px;
    }
}
@media screen and (max-width:1150px) {
    .lodging-results .vsaddmenu, .lodging-results .rsaddmenu, .lodging-results .signupaddmenu{
        display:none;
    }
}
.help-remaining.errinvalid{
    color: red;
}
.help-remaining.errvalid{
    color:green;
}
.embed-container-outer{
    padding: 10px 20px 25px 20px;
}
.embed-container{
    background-color: rgb(255, 255, 255) !important;
    box-shadow: rgba(54, 77, 93, 0.12) 0px 5px 24px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(242, 242, 242) !important;
    border-image: initial !important;
}
.embed-container-1{
    padding: 0px 15px;
    margin-top: 10px;
}
.embed-container-2{
    padding: 0px 15px;
}
.embed-container-3{
    border-top: 1px solid #DDD;
    padding: 0px 15px;
}
.sthmenu{
    padding:13px 6px;
}
.post_a101{
    padding:0px 5px 5px 5px;
}
@media screen and (max-width: 400px){
    .iframe-table {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}
@media screen and (min-width:991px) {
    .requestfrm{
        padding:0 15px;
        margin-bottom:90px;
    }
    .btn-editp-menu {
        padding: 7px 20px;
        padding-bottom:14px;
    }
    .post_a105{
        padding-right:5px;
    }
    .stories-mtitle{
        padding: 0 8px;
    }
    .listing-single.listing-hidemap{
        width: 24.5%;
    }
    .viewlsguests > .checkinoutdates {
        padding-right:0px;
    }
    .profileinfo-header{
        padding-bottom: 15px;
        border-bottom: 1px solid #EEE;
        margin-bottom: 20px;
    }
    .profileinfo-header1{
        padding-bottom: 5px;
    }
    .folder-content-title{
        margin-top:25px;
        margin-bottom:25px;
    }
    .folder-content-title.folder-content-title-sm38{
        margin-top: 30px !important;
        margin-bottom: 30px !important;
    }
    .hfilterarea{
        height:100%;
    }
    .filtersmarea{
        position: absolute;
        top: 0px;
        right: 0px;
        left: 0px;
        height: calc( 100% - 70px);
        overflow: auto;
    }
    .showresultsarea{
        position: absolute;
        bottom: 0px;
        right: 0px;
        left: 0px;
        border-top: 1px solid #DDD;
    }
    .msgleftouter{
        padding-left:70px;
    }
    .msgrightouter{
        padding-right:50px;
    }
    .msgtextleft,.msgtextright{
        width:100%;
    }
    .explore-footer{
        padding:0px 30px;
    }
    .tools-photo{
        display:none;
    }
    .lodging_home_text{
        margin-top: 60px;
        font-size: 36px;
    }
    .btn-mobile-price{
        display:none !important;
    }.profile-item-right{
        float:right;
    }.npostitem{
    	border:1px solid #EEE;
    }.vcalendar-btns{
        float: right;
    }.profile_fname{
        width: 33.333%
    }.profile_fname-r{
        width:66.666%;
    }
    .profile-switch{
        width:100%;
    }
    .profile-switch .fswitchtable{
        float:right;
    }
    .ownlistings-top{
        margin-left: 8.33333333%!important;
        margin-right: 8.33333333%!important;
        width:83.33333333% !important;
    }.view-sharem{
        display:none !important;
    }.nlinkosites{
        width: 80px;
    }
    .msg-header:last-child {
        margin-bottom: 20px
    }.btn-edit_profile-out{
        display: inline-block;
        margin-top: 5px;
        float: right;
    }.viewmenu-item2 {
        width: 25%;
    }
    .signupmsg{
    	height: 50px;
    	line-height: 50px
    }.rflex-card{
        width:33.333%;
    }
}
.btnaddto i {
    color: #222 !important;
    font-size: 17px;
}
.posts-sm-preview{
    padding:10px;
    border: 1px solid #DDD;
    background:#FFF;
    margin-bottom: 5px;border-radius: 8px;
}
.posts-sm-preview1{
    margin-bottom: 10px;
}
.posts-sm-title{
    overflow: hidden;
    max-height: 200px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:400;
}
.link-embed-posts2{
    height:130px !important;
}
.post_pr_image{
    height:130px !important;
}
.story-preview-2{
    overflow: hidden;
    height: 70px !important;
    text-overflow: ellipsis;
    display: block;
    padding-left: 0px;
}
.comm-image{
    background-size: cover !important;
    display: block;
    background-position: center !important;
    height: 80px;
}
.preview-sm-title{
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px 5px;
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    height: 32px;
    white-space: nowrap;
    color:#222;

}.preview-sm-title2{
    float: left;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
}
.post-image-modal{
    background-position:center !important;
    background-size: cover !important;
    background-repeat:no-repeat !important;
    height: 100px !important;
    display:block;
}

.paddzero{
    padding:0px !important;
}
.fixed-share{
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 99;
    background: #FFF;
    border-top: 1px solid #DDD;
}
.addtags{
    display:inline-block;
    margin-left:5px;
    cursor:pointer;
}
.addtags:hover{
    text-decoration:underline;
}
.ninputsls{
    border-radius:6px !important;
}
.btnmhoufy{
    font-size:16px;
    font-weight:300;
    color:#222;
    padding:6px 15px !important;
    border-radius:6px;
}
.modaladdto{
    z-index: 999;
    padding: 0!important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.modaladdto-center{
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.modaladdto-dialog{
    display: table-cell;    position: relative;
    pointer-events: none;
    margin: 0 auto;vertical-align: middle;
}
@media (min-width: 991px) and (min-height:1180px){
    .footer-sub.fixed{
        position:fixed;
        bottom:0px;
        left:0px;
        right:0px;
    }
    .footer.fixed{
        position:fixed;
        bottom:50px;
        left:0px;
        right:0px;
    }
}
@media (min-width: 768px){
    .modaladdto-dialog {
        width: 450px;
    }
}
.houfylimenu-inner{font-size:14px !important;line-height:52px !important;font-weight:normal !important;padding: 0px 10px !important;border:1px solid #FFF;}
.houfylimenu-inner:hover{background:#FFF;border-radius: 6px;}
.profile_picmenu:hover{border-radius: 6px;}
.menu-opback{
    height: 36px;
width: 36px;
line-height: 36px !important;
text-align: center;
font-size: 30px;
border-radius: 50%;
color: #222;
display: block !important;
float: right !important;
margin-top: 9px;
}
.houfy-dropmenu{
    box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
    border: none;
    border-radius:6px !important;
    min-width:260px;
}.houfy-dropmenu2 {
    min-width: 180px;
}
.houfylimenu-inner .dmmenu-icon{
    height:36px;
    width:36px;
    line-height: 36px;
    text-align: center;
    background: #FFF;border-radius: 50%;
    border: 1px solid #D8DADF;
    color:#000;
}.dmmenu-icon1{
    height:36px;display:inline-block;cursor:pointer;
    width:36px;
    line-height: 36px !important;
    text-align: center;
    border-radius: 50%;
    color:#000;
}.dmmenu-icon1:hover, .dmmenu-icon1:focus{
    background: #D8DADF;
}.dmmenu-iconmname{
    font-size:20px;font-weight:600;
}
.houfylimenu-inner span{
    margin-left:5px;
}
.houfylimenu-inner3:hover, .houfylimenu-inner3:focus{
    background:#FFF !important;
}
.houfylimenu-inner4{
    padding:0 !important;
}
.modaladdto-content{
    width: inherit;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
    border-radius: 0;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
}
.profile_picmenuname{
    width: 100%;
    float: left;
    line-height: 28px;
    font-weight: bold;
    font-size: 18px;
    height: 28px;color: #222;
    overflow:hidden;
    text-overflow:ellipsis;
}
.profile_picmenu {
    float: left;
    width: 100%;padding: 10px 10px !important;
    border-bottom: 1px solid #EEE;
}
.profile_picmenusub{
    float: left;
    line-height: 20px;
    margin: 0;
    font-size: 14px;
}.profile_picmenusubf a{
    cursor:pointer;
}
.profile_picmenusubf a:hover{
    text-decoration:underline;
}
.input-overviewround-outer{
    border: 1px solid #DDD;
    border-radius: 6px;
    padding:5px 10px;
}.input-overviewround-outer:hover{
    border: 1px solid #888;
}
.input-overviewround-outer.with_err{
    border: 1px solid red;
}
.input-overviewround{
    border:none !important;
    margin-top:20px;
    padding:5px 0 !important;
}.input-overviewroundsel{
    border:none !important;
    padding:0;
}.input-overviewroundsel1{
    margin-top:20px;
}
.input-overviewround-outer > .reslabel{
    position: absolute;
    top: 5px;
    z-index:5;overflow: hidden;
    height: 22px;
}
.input-overviewround-outer.focused{
    border:1px solid #4D90FE;
}.input-overviewround-outer.focused .reslabel{
    color:#4D90FE !important;
}.input-overviewround-outer2 .input-group-addon{
    border: none;
    margin-top: 30px;
    display: inline-block;
    width: 20px;
    text-align: left !important;
    padding: 0;
}.input-overviewround-outer2 .input-overviewround{
    width: calc( 100% - 20px);
    float: right;
}.input-overviewround-outer2 .input-group{
    width: 100%;
}
.hsearch-autocomplete{
    position: absolute;
    background: #FFF;
    max-height: 265px;
    left: 0;
    top: 45px;
    overflow-y: auto;
    right: 0;box-shadow: 0 2px 6px rgba(0,0,0,0.3);z-index: 22;
    border-radius: 2px;
    cursor:pointer;
}
.hsearch-autocomplete.hsearch-autocomplete-topics{
    top: 0px;
}
.hsearch-autoitem{
    padding: 5px 10px;
    height: 32px;
    font-size: 16px;
    border-bottom: 1px solid #EEE;
    padding: 10px;
    height: 48px;
}
.hsearch-sugg{
    height: 32px;
    font-size: 16px;
    border-bottom: 1px solid #EEE;
    padding: 5px 10px;
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.hsearch-autoitem:hover, .hsearch-sugg:hover{
    background:#F5F5F5;
}
.tagitem-outer {
    padding: 8px;
}
.tagitem-left {
    padding: 6px 5px 6px 10px;
    cursor: pointer;color:#0072F5;
}
.tagitem {
    background: #E6F3FF;
    padding: 6px 10px;
    color:#0072F5;border-radius:6px;display: inline-block;margin-right: 15px;
    margin-bottom: 15px;
}
.groups-posts-sm-preview a{
    color:#0072F5;
}.groups-posts-sm-preview a:hover{
    text-decoration:underline;
}
.previewspantitle_3 a{
    color:#222;
}
.btn-cleardates1{
    padding:5px 0px;
}
.btn-smphotos{
    cursor: pointer !important;
    display: inline-block;
    text-align: center !important;
    border-radius: 8px !important;
    line-height: 18px !important;
    padding: 8px !important;
    border: 1px solid #222;
    font-size: 15px !important;
    font-weight: 500 !important;
    box-shadow: none !important;
    background: #ffffff;
    color: #222 !important;
}.btn-cleardates{
    float:right;
    border: none;
    font-size: 14px;
    font-weight: bold !important;
    text-decoration: underline;
    padding: 6px 8px;
    border-radius: 6px;
}.btn-cleardates:hover,.btn-cleardates:focus,.btn-cleardates:active{
    text-decoration: underline;
}
.md-inline-bold{
    font-weight:600;
}
.md-block-image-caption .md-inline-bold{
    color: #222;
}
.story_image_outer{
    cursor:pointer;
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
}
.story_image{
    height: auto;
    display: block;
    max-width: 100% !important;
    margin-left:auto;
    margin-right:auto;
}
.profile-header{
    min-height:50px;
    background:#127894;
}
.profile-header-li{
    padding: 15px 25px !important;
    background-color:#127894 !important;
    background:#127894 !important;
    color: #FFF !important;
    font-weight:500 !important;
    font-size: 14px !important;
    cursor:pointer;
}
.profile-header-li-sub{
    padding: 15px 25px !important;
    color: #FFF !important;
    font-weight: 500;
    font-size: 14px !important;
    cursor:pointer;
}
.profile-header-li:hover,.profile-header-li-sub:hover,.profile-header-li.active{
    background:#0f6b84 !important;
    background-color:#0f6b84 !important;
    color: #FFF !important;
    font-weight: 500 !important;
    opacity: 1 !important;
}
.btn-cont1{
    border-radius: 6px !important;
    padding: 8px !important;
}

.InputElement{
    color:#000 !important;
}
.bookings-tabs-h3{
    margin-top: 0px;
    margin-bottom: 0px;
    background: #FFF;
    color: #222;
    padding: 10px;
    font-weight: 600;
    font-size: 16px;
    border: 1px solid #ce0058;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.bookings-tabs-h3 span:first-child{
    width: 20px;
    color: #FFF;
    display:block;
    float:left;
    background: #ce0058;
    text-align: center;
    font-size: 14px;
    margin-right: 15px;
    vertical-align: middle;
    border-radius: 50%;
}
.bookings-tabs-h3 span{
    line-height: 20px;
    min-height: 20px;
    display: block;
    float: left;
    width: calc(100% - 35px);
}
.booking-tabs-active{
    background: #FFF;
    padding: 10px;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    margin-bottom: 10px;
}

.bookings-tabs-complete{
    padding: 10px;
    background: #FFF;
    font-weight: 400;
    margin-bottom:10px;
    border-radius: 6px;
    border: 1px solid green;
}
.bookings-tabs-complete-in{
    margin-top:10px;
    border: 1px solid #EEE;
}
.bookings-tabs-complete span:first-child{
    width: 20px;
    height: 20px;
    border-radius:50%;
    background: green;
    color: #FFF;
    display:block;
    float:left;
    text-align: center;
    font-size: 14px;
    margin-right: 15px;
    line-height: 20px;
    vertical-align: middle;
}
.bookings-tabs-complete-in span:first-child{
    background: #F7F7F7;
    color:#222;
}
.bookings-tabs-complete-in span{
    line-height: 20px;
    min-height: 20px;
    display: block;
    float: left;
    width: calc(100% - 35px);
}
.messenger-btn{
    background:#008CFF !important;
    width:100%;
    height:38px;
    border-radius:4px;
}
.messenger-btn:hover{
    background:#008CFF !important;
}
.fb-btn{
    background:#4361B8 !important;
    width:100%;
    height:38px;
    border-radius:4px;
}
.fb-btn:hover{
    background:#4361B8 !important;
}

.singlepostitem .post_editor_image{
    box-shadow:none;
    -webkit-box-shadow:none;
    height: 130px !important;
    background-size: cover !important;
    display: block;
    background-position: center !important;
    border-radius:6px !important;
}

.usernotify-outer {
    padding: 10px;
    font-size: 14px;
    cursor:pointer;
    border-bottom: 1px solid #DDD;
}
.usernotify-outer:hover {
    background:#F6FAFD;
}
.usernotify-left {
    width: 60px;
}
.usernotify-right {
    width: calc( 100% - 60px);
}
.SingleDatePickerInput .DateInput{
    padding:0px !important;
}
.changeoverdayblock{
    float:left;
    position:relative;
    width: 48px;
}
.changeoverdaylbl{
    margin-top:2px;
}
.discounts-row{
    position: absolute;
    bottom: 26px;
    font-size: 14px;
    text-align: right;
    width: 100%;
    color: green;
    font-weight: bold;
}
.btn-pricediscount{
    border-bottom: 2px solid #DDD !important;
}
.btn-pricediscount.ractive{
    border-bottom: 2px solid #407AAA !important;
}
.td-bold{
    font-weight: 500;
    color: #222;
}
.res-succ-info{
    color:green;
    font-weight:bold;
}
.res-succ-info-sm{
    color:green;
}
.res-error-info{
    color:#F93E41
}
.profileinfo-tab{
    display:none;
    word-break:break-word;
}
.profileinfo-tab.active{
    display: block;
}
.profileinfo-list{
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #EEE;
    padding: 0px;
}
.profileinfo-item{
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    cursor: pointer;
    font-weight: bold;
}
.profileinfo-item.active{
    border-bottom: 1px solid rgba(29,161,242,1.00);
}
#allpostsh{
    min-height:600px;
}
.modal-nheader{
    padding: 0px 20px;
    border-bottom: 1px solid #DDD;
}.modal-nheader h4{
    font-size: 24px;
}
.drafts-sm-preview{
    padding-top: 20px;
    padding-bottom:20px;
}
.drafts-arrow{
    margin-left: 11px;
    font-size: 14px;
}
.drafts-arrow-outer{
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    color: #222;
    position:relative;
}
.drafts-outer-items{
    font-size: 15px !important;
    font-weight: 400 !important;
    color: rgba(0,0,0,0.5) !important;
    padding: 5px 10px !important;
}
.drafts-arrow-outer .dropdown-menu{
    margin-left: -68px;
    text-align: center;
}
.overlay--white {
    background-color: #fff;
}
.overlay {
    display:none;
    position: fixed;
    overflow: auto;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 900;
    background-color: rgba(255,255,255,.97);
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    display:none;
}
.overlay.active{
    display:block;
}
.overlay-close{
    padding: 15px 0px;
}
.overlay-dialog--animate{
    -webkit-transform-origin:bottom center;
    transform-origin:bottom center;
    -webkit-animation:fade-in-pulse-08 .3s forwards cubic-bezier(.8,.02,.45,.91);
    animation:fade-in-pulse-08 .3s forwards cubic-bezier(.8,.02,.45,.91)
}
.overlay-dialog.overlay-dialog--form{overflow:visible}
.overlay-title{color:rgba(0,0,0);}
.mobiletextarea{
    width: 100%;
    resize: vertical;
    min-height: 84px;
    border: none;
    font-size: 16px;
    padding: 10px;
}
.mobiletextarea.reservationarea{
    min-height:40px;
    height:40px;
}
.mobiletextarea:focus{
    border:none;
}
.mobiletextarea2{
    width: 100%;
    resize: vertical;
    min-height: 84px;
    font-size: 16px;
    padding: 10px;
    min-height: 56px;
}
.mobiletextarea2:focus{
    border:1px solid #DDD;
}
.btn-reply-comm{
    font-size: 13px;
    font-weight: 500;
    margin-right: 10px;cursor:pointer;display:block;float: left;line-height:18px;height:18px;
}
.btn-reply-comm:hover, .btn-reply-comm:focus{
    text-decoration:underline;
}
.commentedit_blk{
    /*float:left !important;*/
}
.user-info-popover-outer{
    position: relative;
    float:left;
}
.popover-content{
    padding: 0px;
}
.popover-content-pic{
    margin:5px auto;
}
.popover-content-stext,.popover-content-ltext{
    font-size:14px !important;
}
.popover-content-marea{
    padding:10px;
}
.popover-content-name{
    margin-bottom: 10px;
}
.btn-popover-content{
    border-radius:4px !important;
    font-size: 16px !important;
    padding: 5px 10px !important;
}
.user-info-popover .arrow{
    top: 35px !important;
}
.popover-content-btnarea{
    border-top: 1px solid #DDD;
    margin-top:10px;
    padding: 20px;
}
.user-info-popover{
    display: none;
    position: absolute;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 7px;
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    left: 100%;
    width: 270px;
    top:-25px !important;
}
.ql-editor{
    min-height:160px;
}
.ql-container.ql-disabled .ql-editor ul[data-checked]>li::before,.ql-editor ul[data-checked=false],.ql-editor ul[data-checked=true]{pointer-events:none}.ql-container.ql-disabled .ql-tooltip,.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-container,.ql-editor,.ql-snow,.ql-snow *,.ql-toolbar.ql-snow{box-sizing:border-box}.ql-container{font-size:16px;height:100%;margin:0;position:relative}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{line-height:1.42;height:100%;outline:0;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6,.ql-editor ol,.ql-editor p,.ql-editor pre,.ql-editor ul{margin:0;padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol,.ql-editor ol li:not(.ql-direction-rtl),.ql-editor ul,.ql-editor ul li:not(.ql-direction-rtl){padding-left:15px}.ql-editor ol>li,.ql-editor ul>li{list-style-type:none}.ql-editor ul>li::before{content:'\2022'}.ql-editor ul[data-checked=false]>li *,.ql-editor ul[data-checked=true]>li *{pointer-events:all}.ql-editor ul[data-checked=false]>li::before,.ql-editor ul[data-checked=true]>li::before{color:#777;cursor:pointer;pointer-events:all}.ql-editor ul[data-checked=true]>li::before{content:'\2611'}.ql-editor ul[data-checked=false]>li::before{content:'\2610'}.ql-editor li::before{display:inline-block;white-space:nowrap;width:1.2em}.ql-editor li:not(.ql-direction-rtl)::before{margin-left:-1.5em;margin-right:.3em;text-align:right}.ql-editor li.ql-direction-rtl::before{margin-left:.3em;margin-right:-1.5em}.ql-editor ol li.ql-direction-rtl,.ql-editor ul li.ql-direction-rtl{padding-right:1.5em}.ql-editor ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.ql-editor ol li:before{content:counter(list-0,decimal) '. '}.ql-editor ol li.ql-indent-1{counter-increment:list-1;counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-1:before{content:counter(list-1,lower-alpha) '. '}.ql-editor ol li.ql-indent-2{counter-increment:list-2;counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-2:before{content:counter(list-2,lower-roman) '. '}.ql-editor ol li.ql-indent-3{counter-increment:list-3;counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-3:before{content:counter(list-3,decimal) '. '}.ql-editor ol li.ql-indent-4{counter-increment:list-4;counter-reset:list-5 list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-4:before{content:counter(list-4,lower-alpha) '. '}.ql-editor ol li.ql-indent-5{counter-increment:list-5;counter-reset:list-6 list-7 list-8 list-9}.ql-editor ol li.ql-indent-5:before{content:counter(list-5,lower-roman) '. '}.ql-editor ol li.ql-indent-6{counter-increment:list-6;counter-reset:list-7 list-8 list-9}.ql-editor ol li.ql-indent-6:before{content:counter(list-6,decimal) '. '}.ql-editor ol li.ql-indent-7{counter-increment:list-7;counter-reset:list-8 list-9}.ql-editor ol li.ql-indent-7:before{content:counter(list-7,lower-alpha) '. '}.ql-editor ol li.ql-indent-8{counter-increment:list-8;counter-reset:list-9}.ql-editor ol li.ql-indent-8:before{content:counter(list-8,lower-roman) '. '}.ql-editor ol li.ql-indent-9{counter-increment:list-9}.ql-editor ol li.ql-indent-9:before{content:counter(list-9,decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-embed-selected{border:1px solid #777;user-select:none}.ql-editor.ql-blank::before{color:rgba(0,0,0,.6);content:attr(data-placeholder);pointer-events:none;position:absolute}.ql-snow .ql-toolbar:after,.ql-snow.ql-toolbar:after{clear:both;content:'';display:table}.ql-snow .ql-toolbar button,.ql-snow.ql-toolbar button{background:0 0;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow .ql-hidden,.ql-snow .ql-toolbar input.ql-image[type=file],.ql-snow.ql-toolbar input.ql-image[type=file]{display:none}.ql-snow .ql-toolbar button svg,.ql-snow.ql-toolbar button svg{float:left;height:100%}.ql-snow .ql-toolbar button:active:hover,.ql-snow.ql-toolbar button:active:hover{outline:0}.ql-snow .ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar button.ql-active,.ql-snow .ql-toolbar button:focus,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar button.ql-active,.ql-snow.ql-toolbar button:focus,.ql-snow.ql-toolbar button:hover{color:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill{fill:#06c}.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow .ql-toolbar button:hover:not(.ql-active),.ql-snow.ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-stroke.ql-thin,.ql-snow .ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:20px;font-weight: bold;}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor pre{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor pre{white-space:pre-wrap;margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding-bottom:2px;padding-top:2px}.ql-snow .ql-editor code:after,.ql-snow .ql-editor code:before{content:"\A0";letter-spacing:-2px}.ql-snow .ql-editor pre.ql-syntax{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-item::before,.ql-snow .ql-picker.ql-header .ql-picker-label::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-item::before,.ql-snow .ql-picker.ql-font .ql-picker-label::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-item::before,.ql-snow .ql-picker.ql-size .ql-picker-label::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-toolbar.ql-snow{border-bottom:1px solid #EEE;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container strong{font-weight:bold;}
.groups_view h1{
    font-size:20px;font-weight:bold;
}
.msgtypeblock-outer .ql-editor{
    min-height:unset;
    max-height:150px;
    padding-right: 35px;
}
strong{
    font-weight:600;
}
.addlisting-container{
    padding-top: 70px;
    padding-bottom: 60px;
    background: #001b42;
}
.claddlisting-container{
    padding-top:40px;
    padding-bottom:40px;
}
.addlisting-container-inside{
    padding: 0px 5px 0px 10px;
}
.addlisting-container.fabstayz{
    background:#fa305f;
}
.addlisting-container.fabstayz1{
    background:#FFF;
}
.newls-tab-content{
    padding:20px;
    border-radius:4px;
}.addlstext1{
    font-size: 40px;
    color: #FFF;
    font-weight: 500;
    line-height: 44px;
}
.claddlstext1{
    color: #333;
    font-size: 30px;
    text-align: left;
    font-weight: normal;
    line-height: 1.4;
}
.cl-listitems{
    font-size: 18px;
    line-height: 1.6;
    color: #333;
}
.addlstext2{
    font-size: 22px;
    color: #FFF;
    line-height: 28px;
}
.addlstext1.fabstayz{
    color: #fa305f;
}
.addlstext2.fabstayz{
    color: #222;
}
.profile-panel .listingmenublock {
    margin-top: 10px;
}
.user-info-header {
    font-weight: 500;
}
.hfile-blk{
    padding:5px 10px;
}
.zaddlstext2_1{
    font-size: 32px;
    color: #222;
    font-weight: 600;
    margin-bottom: 20px;
    line-height:1.4;
}
.zaddlstext2_2_sinup{
    font-size:20px;
    margin-bottom: 20px;
    font-weight: 600;
    color:#222;
}
.zaddlstext2_2_sinup a{
    color: #1876f2 !important;
    text-decoration: underline;
}
.zaddlstext2_2{
    font-size:22px;
    margin-bottom: 20px;
}
.addlisting-container2{
    padding:50px 15px;
}
.newlisting-barea{
    padding:0px 10px;
}
.addlisting-container3{
    background:#fbfafa;padding: 40px;
}
.newlistingblk3{
    font-size: 20px;
    font-weight: bold;
    margin-bottom:15px;
}
.createnlisting{
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 8px;
}
@media screen and (max-width: 767px){
    .addlstext1{
        font-size:32px;
        text-align:center;
    }.addlstext2{
        text-align:center;
    }
    .addlisting-container{
        padding-top:10px;
        padding-bottom:10px;
    }.claddlisting-container{
        padding-top:10px;
        padding-bottom:10px;
    }
    .nlisting-animation__list__item{
        text-align:center;
    }.editpic_canvas_pic{
        bottom:195px;
    }
}
.addlisting-pic-text1{
    line-height: 1.4;
}
.btn-newlisting5{
    padding: 10px 10px !important;
    font-weight: bold !important;
    width: 100%;
}
.gen-hyperlink{
    color:#407AAA;
    cursor:pointer;
}
.gen-hyperlink:hover{
    text-decoration:underline;
}
.nlisting-animation {
  font-weight: 600;
  overflow: hidden;
  height: 62px;
  padding: 0;
}
.nlisting-animation:before {
  content: '';
  left: 0;
}
.nlisting-animation:after {
  content: '';
  position: absolute;
  right: 0;
}
.nlisting-animation:after, .nlisting-animation:before {
  position: absolute;
  top: 0;
  line-height: 62px;
  -webkit-animation-name: opacity;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-name: opacity;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}
.nlisting-animation__text {
  display: inline;
  float: left;
  margin: 0;
}
.nlisting-animation__list {
  margin: 0;
  padding-left: 0px;
  text-align: left;
  list-style: none;
  -webkit-animation-name: change;
  -webkit-animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-name: change;
  animation-duration: 10s;
  animation-iteration-count: infinite;
}
.nlisting-animation__list__item {
  line-height: 62px;
  margin: 0;
}
@-webkit-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-webkit-keyframes change {
  0%, 20%, 100% {
    transform: translate3d(0, 0, 0);
  }
  25%, 45% {
    transform: translate3d(0, -25%, 0);
  }
  50%, 70% {
    transform: translate3d(0, -50%, 0);
  }
  75%, 100% {
    transform: translate3d(0, -75%, 0);
  }
}
@-o-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-o-keyframes change {
  0%, 20%, 100% {
    transform: translate3d(0, 0, 0);
  }
  25%, 45% {
    transform: translate3d(0, -25%, 0);
  }
  50%, 70% {
    transform: translate3d(0, -50%, 0);
  }
  75%, 100% {
    transform: translate3d(0, -75%, 0);
  }
}
@-moz-keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@-moz-keyframes change {
  0%, 20%, 100% {
    transform: translate3d(0, 0, 0);
  }
  25%, 45% {
    transform: translate3d(0, -25%, 0);
  }
  50%, 70% {
    transform: translate3d(0, -50%, 0);
  }
  75%, 100% {
    transform: translate3d(0, -75%, 0);
  }
}
@keyframes opacity {
  0%, 100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes change {
  0%, 20%, 100% {
    transform: translate3d(0, 0, 0);
  }
  25%, 45% {
    transform: translate3d(0, -25%, 0);
  }
  50%, 70% {
    transform: translate3d(0, -50%, 0);
  }
  75%, 100% {
    transform: translate3d(0, -75%, 0);
  }
}
.profile-panel-header{
    padding: 10px 20px;
    border: 1px solid #DDD;
    border-bottom: none;
    font-weight: bold;
}
.profile-panel-body{
    border: 1px solid #DDD;
    padding: 20px;
}.gm-style-iw-d{
    z-index:9999;position: relative;
}.infowindow-lst{
    padding-bottom:5px;position: relative;
    min-width: 140px;text-align: center;
}
.profile-panel{
    padding: 25px 0px;
}
@media screen and (max-width:720px) {
    .res-chng-drop{
        display:none;
    }
}
@media screen and (min-width:1100px) {
    #searchlisting > input#input_location{
        width: 480px;
    }
}
.vsearch-dates-block.opened .DateRangePickerInput.withoutborder{
    display: block;
}
.filter-date-head,.filter-date-guest{
    display:none;

}.filter-date-head{
    display:none;
    font-size: 24px;
    font-weight: bold;
    padding: 0px 10px;
    color: rgb(51, 51, 51);
}.filterstext{
    font-size: 24px;
    font-weight: bold;
    padding: 10px 0px;
    color: rgb(51, 51, 51);
}
.filter-guest-head{
    font-size: 24px;
    font-weight: bold;
    padding: 0px 10px;
    color: rgb(51, 51, 51);
}
.view-photo-share{
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.summary-reviewtext{
    font-size:13px;
    color: #222;
}
.guide-item {
    margin-bottom: 15px;
}
.btn-viewls{
    float:right;
    cursor: pointer;
    margin-right: 15px;
    font-size: 15px;
}.btn-viewls i{
    margin-right:10px;
}
.btn-shareg1 {
    background: #FFF;
    border: 1px solid #DDD;
    padding: 5px 8px;
    border-radius: 6px;text-decoration: none !important;float:right !important;

}.btn-shareg1 span{
    text-decoration: none;
}
.btn-shareg2{
    background: #FFF;
padding: 5px 8px;
border-radius: 6px;
text-decoration: none !important;
position: absolute;
width: 140px;
right: 0;
bottom: 10px;text-align: center;
}
.profile_pic_cover{
    background-color:#F0F2F5;
    border-top-left-radius:0 !important;
    border-top-right-radius:0 !important;
}
.btn-viewls.btn-viewlsc{
    float:none;
    color: #222;
    font-weight: 500;
    font-size: 14px;
    text-decoration: underline;
}
.gallery-listr1{
    padding: 0px 10px 10px 10px;
    height: 50%;
}
.gallery-listr2{
    padding: 0px 10px 0px 10px;
    height: 50%;
}.search_fixedblk_se1{
    display:none;
}
.msearchblock .error{
    padding:0px 10px;
}

@media screen and (max-width:991px) {
    .gallery-listr{
        display:none;
    }
    .view-photo-share{
        display:none;
    }
    .folder-sidebar5{
        display:block !important;
    }
    .profile-panel{
        padding: 10px 0px;
    }
    .reservations-header{
        display:none;
    }.separator-vtext{
        display:none;
    }
    .addlisting-container2{
        padding:20px 15px;
    }
    .mobile-reblock{
        text-align:center;
    }
    p.md-block-unstyled{
        font-size:20px;
    }
    .story-title{
        font-size:26px;
    }
    .md-block-paragraph{
        font-size:18px;
        line-height:1.375em;
    }
    .hfilterarea .hidemfilters {
        display: block !important;
    }
    .menu-filter-dropdown1{
        position: fixed !important;
        top: 0px !important;
        z-index: 10 !important;
        left: 0px !important;
        right: 0px !important;
        width: 100% !important;
        bottom: 0px !important;
    }
    .vsearch-dates-block.opened{
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        width: 100%;
        z-index: 999999999999;
        background: #FFF;
        max-width: none !important;
    }.gallery_cover-contact{
        height:200px !important;
    }
    .vsearch-dates-block.opened .DateInput__input,.vsearch-dates-block.opened .DateInput.start, .vsearch-dates-block.opened .DateInput.end{
        border: none !important;
    }
    .vsearch-dates-block.opened .DateInput__display-text{
        height: 42px;
        line-height: 42px;
        padding: 0px;
        background: #FFF;
        border-color: none;
        border-radius: 6px;
        color: #333333;
        border: 2px solid #222;
    }
    .vsearch-dates-block.opened .filter-date-head{
        display:block;
    }
    .vsearch-dates-block{
        display:none;
    }
    .vsearch-dates-block.opened{
        display:block;
    }
    .searchmdates .DateRangePickerInput{
        border:none;
    }
    .vsearch-dates-block.opened .searchmdates .DayPicker__week-header{
        width: 100% !important;
        margin-left: auto !important;
        left: 0px !important;
        position: fixed;
        top: 140px;
        color: #333;
        font-size: 16px;
        border-bottom: 1px solid #333;
        background: #FFF;
        margin-top: 10px !important;
        right: 0px;
        z-index: 99;
        padding: 0px 13px 0px 13px;
    }
    .DayPickerNavigation--vertical{
        height:30px !important;
    }
    .DayPickerNavigation__next{
        color: #222;
        bottom: 0px;
        left: auto;
        padding: 0px;
        right: 0px;
    }
    .vsearch-dates-block.opened .CalendarMonthGrid--vertical{
        position: fixed;
        top: 170px;
        bottom: 125px;
        left:0px;
        right:0px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .vsearch-dates-block.opened .CalendarMonth__caption{
        color: #000;
        margin-bottom:7px;
    }
    .vsearch-dates-block.opened .CalendarDay{
        border : 0px
    }
    .vsearch-dates-block.opened .DateRangePicker__picker{
        top: 1px;
    }
    .vsearch-dates-block.opened .CalendarMonth--horizontal .CalendarMonth__caption, .CalendarMonth--vertical .CalendarMonth__caption{
        padding : 0px;
        margin-top: 25px;
    }
    .vsearch-dates-block.opened .DayPickerNavigation--vertical{
        position: fixed;
    }.summary-reviewtext{
        font-size:13px;
    }
    .msearchblock1.active .search_fixedblk_se1{
        display:block;
    }
    /*.houfy-plusmenusys{
        display:none;
    }*/
    .notifications_item{
        width:100%;
    }
    .user-profilemr{
        display:block;
    }
}
@media screen and (max-width:991px) {
    .vsearch-dates-block.opened .searchmdates .DayPicker__week-header{
        width:321px !important;
        margin:auto;
        border-bottom: none !important;
    }
}
.vsearch-dates-block .DateRangePickerInput.withoutborder{
    display:none;
}

.btn-newlisting {
    font-weight: 400;
    padding: 6px 12px !important;
    width: 100%;
    border-radius:6px;
}
.addalisting-top{
    height: 450px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.verify-code{
    position: relative;
    width: 68px;
    outline:none;
    float:left;
}
.verify-code:focus, .verify-code:active{
    outline:none;
    border:none;
}
.verify-code input:focus, .verify-code input:active{
    outline:none;
    border:none;
}
.verify-code input{
    width: 56px;
    display: inline-block;
    height: 68px;
    font-size: 32px !important;
    font-weight: bold !important;
    z-index: 2;
    position: relative;
    border: none;
}
.verify-code svg{
    height: 36px;
    width: 36px;
    display: block;
    fill: #407AAA;
    text-align: center;
    left: 8px;
    position: absolute;
    top: 18px;
    z-index: 2;
}
.booking-tabs-price .booking-tabs-active, .reservations-left{
    background:#FFF;
}
#airbnb_pricing_table{
    display:none;
}
.view-curr-select{
    text-align:right;
}
.share-ls-brand{
    padding-bottom: 5px;
    display: block;
    float: left;
    width: 100%;
}
.share-ls-brandname{
    float: left;
    line-height: 40px;
    vertical-align: middle;
    display: block;
    font-size: 16px;
    color: #008489;
    font-weight: bold;
    cursor: pointer;
    margin-left: 15px;
}
.share-ls-icon{
    margin-right:10px;
}.share-ls-icon2{
    font-size: 14px;color:#222;margin-right:10px;
}
.share-ls-brandname:hover{
    text-decoration:underline;
}
.share-ls-brandimg {
    width: 30px;
}
.embed-container-2 .ratings-info{
    text-align:left;
}
.nh-subheader{
    font-size:20px;
    font-weight:bold;
}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #F5F5F7;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #E0F0FE;
}
.menu-filter-dropdown {
    position: absolute;
    background: #FFF;
    border: 1px solid #DDD;
    width: 400px;
    left: auto;
    top: 38px;
    border-radius: 6px;
    display:none;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 14px 36px 2px !important;
}
.menu-filter-dropdowns{
    width: 100%;
    height: 100%;
    padding: 20px;
}
.vsearch-dates-block{
    max-width:195px;
}
.filters-clear:hover, .filters-save:hover{
    text-decoration: underline;
}
.vfilters-bottom{
    bottom: 0px;
}
.filters-clear{
    cursor: pointer;
}
.filters-save{
    cursor: pointer;
    text-align:right;
}
.filters-btns-area {
    position: relative;
    float:left;
    display: block;
    margin-right: 5px;
}
.viewmenu-leftfilter .btn-filters{
    position: relative;
    float:left;
    display: block;
}
.maps-vrentals.maphidden{
    opacity:0.1;
}
.menu-filter-dropdown.active{
    display:block;
}
.headersearch-place{
    border-radius: 18px;
    background: #F0F2F5;
    float: left;
    position: relative;
    padding-left: 15px;
    height: 38px;
    line-height: 38px;
    width: 100%;
    overflow: hidden;
}
.guests-drop-outer{
    display:none;
    position: absolute !important;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 6px, rgba(0, 0, 0, 0.07) 0px 0px 0px 1px !important;
    width: 100% !important;
    min-width: 280px !important;
    text-align: left !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    z-index: 5 !important;
    left: 0px !important;
    background: rgb(255, 255, 255) !important;
    border-radius: 3px !important;
    padding: 15px !important;
    top: 45px;
}
.guests-drop-outer.active{
    display:block;
}
.guests-drop-header1{
    font-weight: 600;
    font-size: 18px;
    color: #222;
}
.guests-btn-outer{
    height: 45px;
    border: 1px solid #DDD;
    line-height: 45px;
    text-align: left;
    padding-left: 11px;
    cursor:pointer;
    background: #FFF;
    font-size:16px;
    color:#222;border-radius: 3px;
}
.view-dates-guests .guests-btn-outer{
    height: 38px;
    line-height: 38px;
}
.guests-btn{
    width: calc(100% - 50px);
}
.guests-btn-outer i{
    font-size: 26px;
    line-height: 45px;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    width: 50px;
}
.view-dates-guests .guests-btn-outer i{
    line-height: 38px;
}
.DateRangePicker{
    max-height: 45px;
    display:block !important;
}
.DateInput.start{
    padding:0px !important;
    width:50% !important;
    border-right:1px solid #DDD;
}
 .DateInput.end{
    padding:0px !important;
    width:50% !important;
}
.vsearch-dates-block .DateInput.start,.vsearch-dates-block .DateInput.end{
    padding: 4px 2px !important;
}
.vsearch-dates-block .DateInput__display-text{
    padding: 2px 0px;
}
.DateRangePickerInput__arrow{
    display:none !important;
}

.reservationsbox{
    position:fixed;
    max-width: 800px;
    top: 57px;
    bottom: 0px;
}
.herror .reservationsbox{
    top:107px;
}
.msg_profilepic{
    width:50px;
    float:right;
    position: relative;
}
.msg_profilepicleft{
    width: calc( 100% - 50px);
}
.reservationbox-2{
    position: absolute;
    overflow: auto;
    top: 43px;
    bottom: 70px;
    padding-top:15px;
}
.reservationbox-3{
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0;
    max-height: 173px;
}
.reservationbox-3.true{
    max-height: 215px;
}
.reservationbox-3.with_photos{
    max-height:277px;
}
.reservationbox-3.with_photos.true{
    max-height:319px;
}

.dmenu-item{
    display: block;
    margin-top: 0px;
    letter-spacing: 0.2px;
    color: #222;
    cursor: pointer;
    line-height: 1.42857143;
    font-size: 18px;
    padding: 5px 10px;
    font-weight: bold;
}
.dmenu-item:hover, .dmenu-item:focus {
    background: #EAF5FE;
}
.dmenu-item.active{
    background: #EAF5FE;
}
.dest-facts-item{
    padding-bottom:10px;
    margin-bottom:10px;
    border-bottom:1px solid #DDD;
}
.section_tabs{
    display:none;
}
.section_tabs.active{
    display: block;
}
.dmobile-show i{
    text-align: right;
    float: right;
    line-height: 35px;
    display:none;
}
.dmobile-show{
    display: none;
}
.poi-item{
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 10px;
    transition: box-shadow .3s ease-out,transform .3s ease-out,opacity .2s ease-out;
}
.poi-item:hover,.poi-item:focus{
    border-radius: 6px;
    box-shadow: rgba(45,45,45,.05) 0 2px 2px,rgba(49,49,49,.05) 0 4px 4px,rgba(42,42,42,.05) 0 8px 8px,rgba(32,32,32,.05) 0 16px 16px,rgba(49,49,49,.05) 0 32px 32px,rgba(35,35,35,.05) 0 64px 64px!important;
        transform: translate(0,-4px);
}
.dmobile-show:hover, .dmobile-show:focus, .dmobile-show.active{
    background:#FFF;
}
.poi-title {
    margin-top: 10px;
    overflow: hidden;
    line-height: 35px;
    height: 35px;
    text-overflow: ellipsis;
    display: block;
}
.poi-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    display: -webkit-box;
    min-height: 88px;
    max-height: 88px;
}
.view-photos-pic {
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    float: left;
}
.view-photos-pic .postmediathumb{
    margin: 2.5px;
}

.view-photos-pic.fullw{
    height:542px;
}
.view-photos-pic.halfw{
    width:50%;
    height:542px;
}
.view-photos-pic.halfwh{
    width:50%;
    height:242px;
}
.caldayspan{
    border: 2px solid transparent;
    border-radius: 50%;
    width: 100%;
}
.caldayspan:hover{
    border-radius:50%;
    border: 2px solid #222;
}
.CalendarDay--selected-start .caldayspan,.CalendarDay--selected-start .caldayspan:hover,.CalendarDay--selected-end .caldayspan,.CalendarDay--selected-end .caldayspan:hover{
    border:none;
}
.CalendarDay--blocked .caldayspan:hover{
    border-color:red;
}
.CalendarDay--valid .caldayspan:not(.nochangeover), .CalendarDay--selected-start .caldayspan{
    color:green;
    font-weight:bold;
}
.CalendarDay--valid .caldayspan:hover {
    border-color: green;
}
.nochangeover:hover,.CalendarDay--selected-span .caldayspan:hover{
    border-color:#717171 !important;
}
.CalendarDay--valid .caldayspan.nochangeover {
    color: rgb(113, 113, 113) !important;
}
.viewdatescalpicker{
    display:block;
}
.viewdatescalpicker .CalendarMonthGrid--horizontal{
    position:relative;
}
.viewdatescalpicker .DateRangePicker__picker{
    z-index:9;
}
.CalendarDay--selected-start, .CalendarDay--selected-end, .CalendarDay--selected{
    background: #FFF;
    color: #fff;
    border-radius:0%;
}
.CalendarDay--selected-start span{
    border-radius: 50%;
    color: #FFF !important;
    background: green;
}
.SingleDatePicker__picker .CalendarDay--selected span{
    border-radius: 50%;
    color: #FFF;
    background: #222222;
}
.CalendarDay--selected-end .caldayspan,.CalendarDay--selected-end .caldayspan.nochangeover{
    background: green;
    border-radius: 50%;
    color: #FFF !important;
}
.CalendarDay--selected-start{
    background: #e7e7e7;
    border-top-left-radius:50%;
    border-bottom-left-radius:50%;
}
.CalendarDay--selected-end{
    background: #e7e7e7;
    border-top-right-radius:50%;
    border-bottom-right-radius:50%;
}
.CalendarDay--selected-span{
    background:#e7e7e7;color:#222;
}
.viewdatescalpicker-dates {
    min-height: 345px;
}
.viewdatescalpicker.sticky{
    display:block;
    position:fixed;
    top:0px;
    left:0px;
    right:0px;
    background:#FFF;
    z-index:12;
    min-height: 530px;
}
.viewdatescalpicker-dates-inner{
    /*width:618px;
    margin:0 auto;
    float: none;*/
}
.viewdatescalpicker .DateRangePickerInput{
    display:none;
}
.viewdatescalpicker .DateRangePicker__picker{
    top:0px;
}
.viewdatescalpicker .DateRangePicker__picker,.viewdatescalpicker .DayPicker--horizontal{
    box-shadow: none !important;
}
.viewdatescalpicker .start_date input, .viewdatescalpicker .end_date input{
    padding: 0px;
    border: 1px solid #DDD;
    border-radius: 6px;
}
.viewdatescalpicker .start_date input{
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    font-size:16px;
    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
    color: #222;
    font-weight: 400;
    padding: 21.5px 10px;
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
}
.viewdatescalpicker .end_date input{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-left: none;
    font-size:16px;
    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
    color: #222;
    font-weight: 400;
    padding: 21.5px 10px;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}
.viewdatescalpicker .start_date input:focus{
    border:1px solid #222;
    border-radius:6px !important;
}
.viewdatescalpicker .end_date input:focus{
    border:1px solid #222;
    border-radius:6px !important;
}
.closebtnv1{
    padding: 5px 0px;
}
.viewdatescalpicker .guests-btn-outer{
    border-radius: 6px;
}
.viewdatescalpicker .DateRangePicker__picker{
    position: relative;
    float: left;
}
.add_dateslbl{
    line-height: 41px;
    font-size: 18px;
    font-weight: 500;
}
.btn_edit-dates{
    cursor:pointer;
}
.dates_selected_block{
    padding-left: 10px;
    padding-right: 10px;
}
.date_pickerdates{
    padding: 22px 15px;
    font-size: 16px;
    border: none;
}
.date_pickerdates:focus{
    border: 1px solid #222;
}
.view_dates-btn{
    float: none !important;
    margin: auto;
    text-align: center;
    max-width: 618px;
}
.viewdatespricepr{
    float:right;
    line-height: 56px;
    display: block;
    margin-right: 20px;
    display:none;
}
.viewmenu-outer .btn-sendrequest{
    width:175px;
    float:right;
    margin-top: 12px;
    padding: 3px !important;
}
.dates_guests_m{
    display:none;
    padding: 15px 25px;
}
.btn_edit-dates1{
    float: right;
    font-weight: 600;
    cursor: pointer;
    display:none;
}
.save_guest-m{
    display:none;
}
.vdatesm{
    display:none;
}
.viewlscalendar .events-list, .viewlscalendar .events-list.E:after, .viewlscalendar .events-list.S:before{
    background: #bbb4b4;
    color: #d6d6d6;
}
.embeding-calendar .events-list, .embeding-calendar .events-list.E:after, .embeding-calendar .events-list.S:before{
    background: #E56462;
    color: #d6d6d6;
}
.viewlscalendar .events-list.M ~ .day-number{
    background: #bbb4b4;
    color: #d6d6d6;
    text-decoration: line-through;
}
.viewlscalendar .events-list.E:after{
    border-right: 15px solid #bbb4b4 !important;
}
.viewlscalendar .revents-list.viewcal{
    height: 32px;top:0px;
}
.viewlscalendar .events-list.E{
    width: 16%;
}
.viewlscalendar .events-list.S{
    width: 35%;
}
.viewlscalendar .events-list.E:after{
    transform: skew(-15deg, 0deg);
}
.viewlscalendar .events-list.S:before{
    transform: skew(-15deg, 0deg);
}
.viewlscalendar .events-list.S:before{
    border-left: 10px solid #bbb4b4;
}
.view-datescal .DateInput {
    padding: 0px !important;
}
.view-datescal .DateInput__display-text--focused {
    background: #FFF;
    color: #222;
    border-radius: 0px;
    border-bottom: 2px solid #407AAA !important;
}
.view-datescal .DateRangePicker__picker{
    top:44px;
}
.view-datescal .DateInput__display-text {
    padding: 12.5px 0px;
    border-bottom: 2px solid #FFF;
}

.hedit-calendar .eventscls.S > .events-list.monthcal{
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    width: 54%;
}
.hedit-calendar .revents-list.monthcal{
    height:15px;
}
.hedit-calendar .resevent-name{
    top:26px;
}
.hedit-calendar .eventscls.E > .events-list.monthcal{
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}
.hedit-calendar .events-list.S.monthcal:before{
    content:none;
}
.hedit-calendar .events-list.E.monthcal:after{
    content:none;
}
.btn_savelink{
    height: 38px;
    width: 80px;
    display: inline-block;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.btn_dellink{
    font-size: 18px;
    line-height: 38px !important;
    display: block;
    float: left;
    position: relative;
    cursor:pointer;
}
.pflex-container{
    justify-content: space-between;
    align-items: stretch;
    flex-direction: row;
}
.pflex-item{
    justify-content: center;
    flex-basis: 48%;
    text-align: center;
}
.listsarea{
    position: fixed;
    left: 0px;
    width: 408px;
    border: 1px solid #DDD;
    bottom: 0px;
    top: 56px;
    height: 100%;background: #FFF;
}
.map_name{
    padding: 15px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
}
.maparea {
    position: fixed;
    top: 57px;
    bottom: 0px;
    height: 400px;
    left: 408px;
    width: 100%;
}
.maps-guests{
    font-size:13px;
}
.maps-guests i{
    margin-right: 10px;
}
.map-popupitem{
    padding:0px 5px;
    margin-bottom:5px;
    position: relative;
    float: left;
    width: 100%;
}
.listitem-name {
    cursor: pointer;
    border-bottom: 1px solid #DDD;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: normal;
}
.listitem-name h3 {
    font-weight: 500;
    font-size: 16px;
    margin-top: 5px;
    margin-bottom: 0px;
}
.markers_list {
    height: 100%;
    height: calc(100% - 226px);
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid #DDD;
    margin-top: 15px;
    position: fixed;
    left: 0px;
    width: 400px;
}
.map_viewsave{
    position: fixed;
    bottom: 35px;
    padding: 5px 15px;
    right: 20px;
    z-index: 99;
    background: #FFF;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #DDD;
}
.cover-bg-dest-list {
    height: 80px;
    border-radius: 6px;
}
.destitems-outer{
    justify-content: space-between;
    flex-basis: 100%;
    margin-bottom: 30px;
}
.destitems{
    flex-basis: 18%;
    margin-bottom: 10px;
}
.destinations-item10{
    padding: 5px;
}.pagesli a {
    border-radius: 4px !important;
}.hpagination{
    margin:0px;
}
.pagination > li > a{
    padding:2px 9px;
    cursor:pointer;
}
.desk-section{
    display:none;
}.m-section{
    display:none;
}
.homesearchblock .guests-btn-outer{
    text-align: center;
    border:none !important;
}
.desitemname{
    margin:10px 0px;
    font-size:14px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 16px;
}
td.CalendarDay.CalendarDay--blocked:not(.CalendarDay--selected-start) {
    text-decoration: line-through;
    color: red;
}
.homesearchblock .btn-search,.msearchblockout .btn-search, .home-filterarea-inner .btn-search,.vsearch-dates-block.opened .btn-search, .searchresults-guests .btn-search,.btn-search-pink{
    font-size: 16px;
    font-weight: 500;border-radius:12px;
    padding:8.5px 5px!important;
    border-radius:12px !important;margin-top: 2px;
    background:#ce0058;
    color:#FFF !important;
}
.btn-search:hover,.btn-search:focus,.btn-search-pink:hover,.btn-search-pink:focus{
    background:#ad044c;
    color:#FFF;
}
.btn-searchhome,.homesearchblock4 .btn-search{
    padding: 5px !important;
}
.follow_link:hover,.follow_link:focus{
    text-decoration:underline;
}
.homesearchblock .DateRangePickerInput{
    border:none !important;
}.msearchblockout{
    display:none;
}.msearchblock2 {
    width: 50%;
    padding: 11px 15px;
    border-top: 1px solid #EEE;
}.msearchblock2d{
    border-right:1px solid #EEE;
}
.msearchblock{
    border: 1px solid #DDD !important;
    border-radius: 12px !important;
    background-color: #FFFFFF !important;
    /*box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3) !important;*/
    color: #222222 !important;
}.homeconnectmsg1{
    margin-left:10px;
    margin-bottom: 50px;text-align: center;
}
.homeconnectmsg2{
    color: #FFF;
    font-weight: 600;
    font-size: 38px;
    line-height: 1.5;
}
.seeall_lkm{
    display:none !important;
}
.seeall_lk{
    font-size: 16px;
    display: block;
    float: right;
    text-align: right;
    color: #1876f2;
    line-height: 49px;padding-right:15px;
}.seeall_lkm{
    display: block;
    float: left;
    padding-left: 10px;
    color: #1876f2;
    text-align: right;
}
.seeall_lk a,.seeall_lkm a{
    color: #1876f2;
    font-size:14px;
}
.singleviewpost{
    padding:0 10px;
}.friends-left{
    width:90px;
}
.friends-right{
    width: calc(100% - 90px);
}
.btn-stories{
    border-radius: 6px !important;
    background: #FFF;
    border-color: #ce0058;
    color: #ce0058;
    cursor: pointer;
    border-width: 1px;
    padding: 3px 5px;font-size: 16px;
}
.profile-postnameblk .btn-stories{
    margin-top: -4px;
}
.btn-stories1{
    cursor:pointer;
    background:#FFF;
    outline:none;
}
.btn-stories2{
    border-color: #EFF0F5;
}.btn-stories2:hover{
    background: #EFF0F5;
}
.btn-edit_profile{
    font-size: 14px;
    color: #222;
    font-weight: bold;
    border-radius: 8px !important;
    padding: 6px 8px;
    background: #D8DADF;
    border: none;
}
.btn-edit_profile.co-orange{
    background: #FF9300;border:1px solid #ef8a01;
}.btn-edit_profile.co-orange:hover, .btn-edit_profile.co-orange:focus{
    background:#ef8a01 !important;
    border:1px solid #ef8a01;
}
.btn-edit_profile.co-orange span,.btn-edit_profile.co-orange i{
    color:#FFF !important;
}
.btn-edit_profile i{
    margin-right: 5px;
    color: #222;
}.btn-edit_profile span{
    color: #222;
}
.posts-right-area .user-info-popover-outer{
    display: block;position: relative;width: 100%;
}
.posts-right-area .comment-d-block{
    margin: auto;float: none;
}.contentmenu-lmenulv2 {
    margin-bottom: 20px;
}
.btn-stories:hover,.btn-stories:focus{
    background: #ce0058;
    color: #FFF;
    border:1px solid #ce0058;
}.thelp_widget {
    margin-bottom: 15px;
}
.thelp_widget-inner:hover{
    border-color: #407AAA;

}
.thelp_widgeth {
    font-weight: 600 !important;
    font-size: 16px;color: #222;
    line-height: 24px;
}
.thelp_widget-inner {
    cursor:pointer;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
    padding: 25px 15px;
    border: 1px solid #e4e4e4;
    border-radius: 6px;
}
.thelp_widgetsect{
    padding: 0px 5px;
    width: calc(100% - 40px);
}.thelp_widgetsectleft{
    width:40px;
}.thelp_widgetsectleft i{
    font-size: 24px;
color: #222;
}
.houfy-help-home{
    padding-top: 10px;
    padding-bottom: 60px;
    background: url('../img/houfy-help-main2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height:550px;
    margin-bottom:30px;
}.houfy-help-home .color-overlay{
    border-radius:0;
}
.hpopitemsouter{
    margin-bottom:40px;
}
.hpopitems-left {
    line-height: 1.6;
    padding-top: 2px;
}.hpopitems-left i{
    font-size:18px;
}
.help-menuback{
    display:none;
}
.hpopitems{
    padding: 10px;
    height: 150px;
}
.topic-item{
    cursor:pointer;
    margin-bottom:18px;
    font-size: 17px !important;color:#050505 ;
}
.topic-item:hover{
    text-decoration:underline;
}
.menu_title{
    font-size: 38px;
    font-weight: 600;
    color: #222;margin-bottom: 30px;
}
.help_title{
    color:#003B5B;
}
.pricing-block-inner .guests-btn-outer, .embed_pricing-block .guests-btn-outer,.bviewcheckdatesblock .guests-btn-outer{
    border-top: none !important;
}
.slide-row{
    padding-bottom: 45px;
    border-bottom: 1px solid #DDD;
}
.btn_contact{
    border-radius: 6px;
    border: 1px solid #222;
    padding: 3px 6px;
    font-weight: 500 !important;
    color: #050505 !important;
    font-size: 17px;
}
.btn_contact:hover,.btn_contact:focus{
    border: 2px solid #222 !important;
}
.guest_dropdown_content-blk1{
    margin-bottom:30px;
}
.profileinformationblock{
    padding:15px 20px;
}
.profile-insideblock{
    box-shadow: rgba(0, 0, 0, 0.12) 0px 6px 16px;
    border-radius: 12px;
    padding: 15px 15px;
    max-height: calc(100vh - 90px);
    overflow-y: auto;
}

.hwithtooltips .profile-insideblock{
    max-height: none;
    overflow-y: unset;
}
.houfywithtips{
    position:relative;
    text-decoration:underline;
    cursor:pointer;
}
.houfytooltips.active{
    display:block;
}
.houfytooltips{
    display:none;
    position: absolute;
    right: 20px;
    width: 300px;
    z-index: 11;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px !important;
    background: #FFF;
    top: 35px;
    border: 1px solid #ebebeb;
    padding: 15px 10px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.5;
    text-align:left;
}
.houfytooltips.top_aligned{
    bottom: 36px;
    top: unset;
    right: 0;
    background: #000;
    color: #fff;
    border-radius: 6px;
}
.houfytooltips .tooltipstxt{
    width: 240px;
    float: left;
    cursor: text;
    color:#222;
}
.houfytooltips.top_aligned .tooltipstxt{
    color: #FFF;
    font-size: 15px;
}
.houfytooltips p:last-child {
    margin: 0;
}
.houfytooltips .tooltipscls {
    width: 28px;
    float: left;
    cursor: pointer;
    text-align: right;
}
.tooltipscls i {
    font-size: 18px;
    color: #222;padding-top: 3px;
}
.houfytooltips:before {
    position: absolute;
    top: -10px;
    right: 29px;
    display: inline-block;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #ebebeb;
    border-left: 10px solid transparent;
    border-bottom-color: #ebebeb;
    content: '';
}
.houfytooltips:after {
    position: absolute;
    top: -9px;
    right: 30px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #FFF;
    border-left: 9px solid transparent;
    content: '';
}
.houfytooltips.top_aligned:before{
    content:unset;
}
.houfytooltips.top_aligned:after{
    content:unset;
}
@media screen and (max-width:600px) {
    .houfytooltips.top_aligned{
        position: fixed;
        top: 126px;
        bottom: unset;
        right: 0;
        width: 290px;
        margin-left: auto;
        margin-right: auto;
    }.cal_minstay{
        display:none;
    }
}
.profile_vname{
    padding: 15px 0px 0px 0px;
}
.resdetails-blk{
    border-bottom:1px solid #EEE;
    padding-bottom:5px;
    margin-bottom:10px;
}.resdetails-blk-sm{
    border-bottom:1px solid #EEE;
    padding-bottom:20px;
    margin-bottom:15px;
}
.profile_vname h1,.profile_nvname h1,.profile_vname a,.h1_profilet,.profile_nvname1 h1{
    font-size: 26px !important;
    font-weight: 600;
    color: #222222;
    min-height: 30px;
    height: 30px;
}
.groups-settings-item{
    padding-top: 15px;
    padding-bottom:15px;
}
.groups-settings-item:not(:last-child){
    border-bottom:1px solid #EEE;
}
.h2_profilet{
    font-size: 20px;
    font-weight: 600;
    color: #222;
}
.profile_userdesc h4{
    line-height:1.6;
}
.medal-color{
    color: gold;
}
.member-medal {
    color: gold;
    position: absolute;
    bottom: 0;
    right: 0px;
    font-size: 24px;
}
.member-medal.sm{
    font-size: 20px;
}
.member-medal.with_penta{
    bottom: -1px;
    right: 5px;
}
.sthmenu1{
    padding:7px 8px !important;
}
.maplisting{
    padding:10px;
}
.menu-iconscoverarrow {
    font-size: 15px;
    width: 36px;
    text-align: center;
    height: 36px;
    float: right;
    margin-right: 10px;
    vertical-align: middle;
    display: table-cell;
    line-height: 36px;
}
.plusmenu-iconscover{
    background: #FFF;
    font-size: 16px;
    width: 40px;
    text-align: center;
    height: 38px;
    vertical-align: middle;
    display: table-cell;
    line-height: 38px;
    border-radius: 50%;
    color: #000;
    border: 1px solid #D8DADF;
}
.plusmenu-iconscover.active{
    background:#E7F3FF;
    color:#153C59;
}
.houfy-plusmenusys {
    padding: 8px 5px;
    text-align: center;cursor:pointer;
}

.res-infot1,.res-infot1 a{
    font-weight: 600;
    color: #222;
}
.menu-iconscover,.folder-sidebar-link .menu-iconscover,.social-home-lmenu-item .menu-iconscover{
    color: #000;
    font-size: 16px;
    width: 36px;
    text-align: center;
    height: 36px;
    float: left;
    margin-right: 10px;
    vertical-align: middle;
    display: table-cell;
    line-height: 36px;
    border-radius: 50%;
    border-color:#DDD;
    border-style:solid;
    border-width:1px;color: #DDD;
}
.viewmenu-center .menu-iconscover{
    color: #222;
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-color:transparent !important;
}.viewmenu-item2.active .menu-iconscover{
    color:#CD0058;
}.viewmenu-item2 .menu-iconscover{
    margin: 0;
}
.menu-iconscover i{
    color: #000;
    line-height: inherit!important;
}
.hmenucol2 .menu-iconscover{
    background: #FFF;
}
.folder-sidebar-link.is-active:not(.withsubmenu) .menu-iconscover{
    background:#103D5B;
    border-color:#103D5B;
}
.folder-sidebar-link.is-active:not(.withsubmenu) i{
    color:#FFF;
}

.menu-iconname{
    display: block;
    float: left;font-size:15px;color:#000;font-weight: 500;
    width: calc(100% - 46px);line-height:36px;
}
.notifications-dropdown .menu-iconname{
    line-height:unset;
}
.menu-iconname-withsm{
    line-height:unset !important;
}
.notifications-dropdown{
    max-height:calc(100vh - 77px);
    min-height:200px;
}
.menu-smtext{
    font-size: 12px;
    width: calc(100% - 46px);
    float: right;
}
.book_table {
    margin-bottom: 0px;
}
.book_table td{
    padding:4px !important;
    border-top:none !important;
    padding-left: 0px !important;
}
.book_table2 td{
    padding:6px 0 !important;
    border-top:none !important;
}
.btn-comment{
    height: auto;
    padding: 5px 15px !important;
    line-height: 16px;
    width: auto;
    border-width:1px !important;
    float: right !important;
    color: #ce0058 !important;
}.tvb-stats .btn-comment{
    margin-top: 3px;
}
.btn-comment32{
    padding: 7px 15px !important;
}
.notify-dropmenu {
    list-style: none;
    width: 100%;
    position: absolute;
    box-shadow: 0 0 15px 1px rgba(90,80,105,.2);
    background: #FFF;
    z-index: 9;
    right: 5px;
    border-radius: 6px;
    display:none;
}
.notify-dropmenu.active{
    display:block;
}.widget-blk{
    padding:10px;
    text-align:center;width:25%;
}
.promote-icons {
    padding: 5px 10px !important;
    border-radius: 6px;
    font-size: 16px !important;
    opacity: 1 !important;
    display: block;
    width: 100%;
}
.promote-icons i {
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    background: #D8DADF;
    border-radius: 50%;
    color: #000;
}
.widget-blk-main:hover, .widget-blk-main:focus, .widget-blk-main:hover .promote-icons i, .widget-blk-main:focus .promote-icons i{
    background:#f53a8a;color:#FFF;
}
.widget-blk-main2:hover, .widget-blk-main2:focus, .widget-blk-main2:hover .promote-icons i, .widget-blk-main2:focus .promote-icons i{
    background:#FFF;color:#222;
}
.listing_seldropdown .lstitle{
    line-height: 60px;
    font-weight:bold;
    color:#222 !important;
    width: calc(100% - 80px);
    padding-left: 15px;
}
.widget-blk-main {
    background: #FFF;color:#222;
    border-radius: 10px;
    padding: 10px;min-height:240px;
    border:1px solid #DDD;cursor:pointer;
}
.suitabilitytxt{
    color: #222;
    font-weight: 600;
}
.widget-blk-header{
    font-size:18px;
    font-weight:bold;
}
@media screen and (max-width:660px) {
    .DateRangePicker__picker,.DayPicker--horizontal{
        margin:auto;
        float:none !important;
    }.transition-container{
        float:none !important;
        margin: auto;
    }
}
.guests_mobileheader{
    display:none;
}
.lswith_error{
    margin-top:42px;
}
.reservations_right{
    background: #FFF;
    max-width: 390px;
    right: 0px;
    margin-right: 0px;
    top: 57px;
    height: 100%;
    height: calc(100% - 57px);
    bottom: 0px;
    padding: 25px 20px;
    border-left: 1px solid #EEE;
    float:right;
    position:fixed;
    overflow-y:auto;
    z-index:9;
}
.reservations_right.incalendar{
    position:fixed;
    top:57px;
    left:0;
    bottom:0;
    background: #FFF;
    padding:10px 20px 45px 20px;
    display:none;
    overflow:auto;
}.reservations_right.incalendar.active{
    display:block;
}
.reservations_right.sticky{
    display: block;
    position: fixed;
    left: 0px;
    z-index: 11;
    background: #FFF;
    right: 0px;
    width: 100%;
    max-width: 100%;
    overflow-y: auto;
    top:0px;
}

.reservationbox-1{
    padding: 10px;
    border-bottom: 1px solid #DDD;
    position: fixed;
    text-align: center;height: 43px;
    z-index: 8;left:0;right:0;background: #FFF;
}.reservationbox-1details{
    display: none;cursor: pointer;
}
.reservationbox-1details:hover{
    text-decoration:underline;
}.reservationbox-1name{
    font-weight:500;
    color:#222;left: 0;text-align: left;
}.msgtimeblock{
    font-size:13px;
    padding-left:10px;
    color:#00000073;
}
.reservations-list-item{
    padding:0px 10px;
}
.stories-edit{
    background: #FFF;
    margin-top: 10px;
    padding: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.stories-edit-comm{
    background: #FFF;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 10px;
    margin-bottom: 20px;
}.gg-block{
    background:#FFF;
    border-radius:8px;
    padding:15px 10px;
    border:1px solid #DDD;margin-bottom:15px;
}
.gg-block2{
    margin-bottom:5px;
    padding:5px 10px;
}
.channel_sync{
    background: #f53a8a;
    color: #FFF;
    padding: 5px 10px;
    border-radius: 6px;
}
.profile-cover {
    background: #FFF;
    padding: 15px;
    z-index:7;
}
.profile_avpic{
    position: absolute;
    bottom: -20px;
    z-index: 9;
    left: calc(50% - 60px);
}.for_molk{
    display:none;
}.story-savemsg{
    position: fixed;
    top: 50px;
    z-index: 8;
    font-weight: 600;
    background: #FFF;
    height: 40px;
    line-height: 40px;
    text-align: center;
    left: 0px;
    right: 0px;
    font-size: 20px;
}
@media screen and (min-width:800px) and (max-width:1200px) {
    .reservationsbox{
        width: 65%;
        max-width: 65%;
    }
    .reservations_right{
        width: 35%;
    }.reservationbox-2{
        right: 0;
        padding-right: 30px;
    }.reservationbox-1{
        right:35%;
    }
    .reservationbox-1name{
        padding-left:15px;
    }
}
@media screen and (max-width:800px) {
    .reservations_right{
        display:none;
    }.reservationbox-1details{
        display:block;
    }.reservationbox-1name{
        padding-left:20px;
    }
}
@media screen and (max-width:600px) {
    .user-profilephoto{
        display:none;
    }
}
@media screen and (max-width:1200px) {
    .reservationbox-1name{
        width: calc(100% - 120px);
        position: absolute;
    }.reservationbox-1details{
        width: 120px;
        position: absolute;
        right: 0px;
    }
}
@media screen and (min-width:1200px) {
    .reservations_right{
        height: 100%;
        height: calc(100% - 57px);
    }
    .reservationbox-1{
        right: 320px;
    }.reservationbox-1name{
        width: 100%;
        position: absolute;
    }.reservationbox-1details{
        display: none;
    }.reservationbox-1name{
        padding-left:80px;
    }.booking-tabs-price{
        padding:0 40px;
    }
}
@media screen and (min-width:1370px) {
    .reservations_right{
        max-width: 390px;
    }
    .reservationbox-1{
        right: 420px;
    }
}
@media screen and (min-width:1450px) {
    .reservationbox-1{
        right: 420px;
    }
}
@media screen and (max-width:991px) {
    .for_deskblk{
        display:none !important;
    }.for_molk{
        display:block;
    }
    .view_desk{
        display:none;
    }
    .profile-nheader{
        margin-top:15px !important;
        margin-bottom:0 !important;
        display: block;
    }
    .m-bottom-10{
        margin-bottom:10px;
    }.m-bottom-15{
        margin-bottom:15px;
    }
    .houfytooltips{
        left: 0;
        right:auto;
        position: fixed;
        right: 0;
        margin: auto;
        top: calc(50% - 150px);
    }.houfytooltips:before{
        left:29px;
        right:auto;content:none;
    }.houfytooltips:after{
        left:30px;
        right:auto;content:none;
    }
    .profileinformationblock{
        padding:0px;
    }
    .profile_nvname{
        width:calc(100% - 56px);
    }
    .profile_nvpic{
        width:56px;
        display:block;
    }
    .profile_nvname h1,.profile_nvname a{
        font-size: 38px;
    }
    .profile_nvpic .profilepic_100{
        width: 56px !important;
        height: 56px !important;
    }
    .houfy-help-home{
        height: 260px;margin-bottom:0;
    }
    .seeall_lkm{
        display:block !important;
    }.seeall_lk{
        display:none;
    }
    .thelp_widget-inner img {
        height: 50px;
        margin: 10px;
    }
    .msearchblock1.active{
        position: fixed;
        background: #FFF;
        z-index: 99;
        bottom: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        padding: 20px 10px;
    }
    .vsearch-dates-block.opened .CalendarMonth--vertical {
        display: block;
        width: 321px;
        margin: auto;
        float: none;
    }
    .guests-drop-outer.active .guests_mobileheader, .vguests-dropdown.mfixed .guests_mobileheader{
        display:block;
    }
    .searchresults-guests .guests_mobileheader{
        display: block;
    }
    .vguests-dropdown.mfixed{
        position: fixed;
        background: #FFF;
        z-index: 99999999 !important;
        bottom: 0px;
        top: 0px;
        left: 0px;
        right: 0px;
        padding: 0px;
    }.guests-drop-outer.vmobile{
        position:fixed !important;
        box-shadow:none !important;
        top:90px !important;
        overflow-x: hidden;
        overflow-y: auto;
        bottom: 73px;
    }
    .msearchblockrl .search-input{
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .msearchblock1 .search-input{
        border:none !important;
        border-radius: 12px;
    }
    .msearchblock1.active .search-input{
        border: 1px solid #F7F7F7 !important;
        border-radius: 12px !important;
        background-color: #FFFFFF !important;
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.08) !important;
        color: #222222 !important;
    }
    .vdatesdesk{
        display:none;
    }
    .m-section{
        display:block;
    }
    .homeconnectmsg1{
        margin-left:0px;
        margin-bottom: 0px;
    }
    .homeconnectmsg2{
        font-weight: 600;
        font-size: 22px;
    }
    .dates_selected_block {
    padding-left: 25px;
    padding-right: 25px;
    }
    .dmobile-show, .dmobile-show i{
        display: block;
    }
    .dest-sections{
        display: none;
    }
    .dest-sections.active{
        display: block;
    }
    .view-photos-pic.fullw{
        height:202px;
    }
    .view-photos-pic.halfw{
        width:50%;
        height:142px;
    }
    .sendreqbtndesk{
        display:none;
    }
    .dates_guests_m{
        display:block;
    }
    .viewdatescalpicker-dates .CalendarMonthGrid--vertical{
        position: fixed;
        top: 170px;
        bottom: 52px;
        left:0px;
        right:0px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }
    .viewdatescalpicker-dates .DayPickerNavigation--vertical{
        position:fixed;
        box-shadow: none;
    }
    .viewdatescalpicker.sticky{
        bottom:0px;
    }
    .viewdatescalpicker.viewguests .viewdatescalpicker-dates{
        display:none;
    }
    .viewdatescalpicker.viewguests .viewdatescalpicker-lblk{
        display:block;
    }
    .viewdatescalpicker.viewguests .viewdatescalpicker-dates{
        display:none;
    }
    .viewdatescalpicker.viewguests .pricing_results1{
        display:none;
    }
    .viewdatescalpicker .viewdatescalpicker-dates1{
        display:none;
    }
    .viewdatescalpicker.viewguests .viewdatescalpicker-dates1{
        display:block;
    }
    .viewdatescalpicker.viewguests .viewdatescalpicker-pets{
        display:none;
    }
    .view_dates-btn{
        display:none;
    }
    .viewdatescalpicker .CalendarMonth--vertical, .viewdatescalpicker .DayPicker__week-header{
        max-width: 308px;
        margin: auto;
    }
    .viewdatescalpicker-dates .DayPicker__week-header{
        max-width:100%;
    }
    .viewdatescalpicker .vcleardates{
        display:none;
    }.btn_edit-dates1{
        display:block;
    }.edit_datesd{
        display:none;
    }.save_guest-m{
        display:block;
    }
    .viewdatescalpicker-dates .form-group{
        margin-bottom:0px !important;
    }.save_mdates{
        margin-top: 5px;
        font-size: 16px;
        font-weight: 600;
    }.vdatesm{
        display:block;
    }
    .mobile-centered{
        text-align:center;
    }
    .bookings-tabs-h3{
        font-size:18px;
    }.tabhome{
        width: 33.33%;
        margin: 0px;
        text-align: center;
    }.homesearchblockout{
        display:none;
    }.msearchblockout{
        display:block;
        margin-bottom:15px;
    }
    .menus-content{
        margin-top:10px;
    }.menus-content{
        padding:0px !important;
    }
    .menu_title{
        font-size:28px;
    }
    .topic-item-lvl {
        padding-bottom: 10px;
    }.menu_topic_header,.menu_topic_header-outer{
        display:none;
    }
    .topic-item-lvl2 {
        margin-bottom: 20px;
        padding-bottom: 0px;
    }.help-menuback{
        display:block;text-align: center;margin-bottom: 15px;
    }
    .slide-row{
        padding-bottom: 20px;
        border-bottom: 1px solid #DDD;
    }.host-owner-img{
        text-align:center;
    }.host-owner-img-right{
        text-align:center;
    }
    .guest_dropdown_content{

    }
    .guest_dropdown_content-blk1{
        margin-bottom: 15px;
        border-bottom: 1px solid #DDD;
        padding-bottom: 15px;
    }.guest_dropdown_content-pets{
        border-bottom: none;
    }
    .filter-guest-head,.filter-date-head ,.filterstext{
        font-size: 18px;
        font-weight: bold;
        color:#222;
    }.searchmdates{
        border:none !important;
    }
    .clear_guest_mobile{
        font-size:14px;
        font-weight:600;
        line-height: 41px;
        cursor: pointer;
        color:#222;
    }
    .clear_guest_mobile:hover, .clear_guest_mobile:focus{
        text-decoration:underline;
    }
    .guest_dropdown_content-blk2:last-child{
        margin-bottom: 0px !important;
    }
    .search_fixedblk{
        position:fixed;
        bottom:0px;
        left:0px;
        right:0px;
        padding:15px 0px;
        box-shadow: rgba(0, 0, 0, 0.28) 0px 8px 28px !important;
    }
    .sskip_btn{
        font-size: 14px !important;
        font-weight: 600;
        display: block;
        line-height: 43px;
        color: #222;
        cursor:pointer;
    }
    .search_fixedblk .col-xs-6{
        padding:0px 15px;
    }
    .guest_dropdown_content-blk1 .control--radio span{
        display: block;
        margin-top: 4px;
    }
    .share-view-post{
        margin-top:0px !important;
    }.posts-right-area{
        box-shadow:none;
    }.posts-right-area .profileinfo-header1 .profilepic_100{
        margin:0px auto !important;
    }.share-view-post{
        margin-bottom:25px;
    }.tvb-stats .btn-sendrequest{
        color:#fff;
    }
    .lswith_error{
        margin-top:84px;
    }.msearchblock2{
        display:none;
    }.msgrightouter-editor{
        padding-left:0px;
    }
    .reservations-left{
        box-shadow:none;
    }.slide-nearbycities{
        margin-top:45px;
    }#footermain .container{
        padding-top:15px;padding-bottom:15px;
    }#footermain .footer-nav {
        margin-bottom: 0px;
    }#footermain .footer-brand{
        padding-bottom:20px;
    }
    .hasmenu .posts-right-area{
        padding:5px 30px;
    }.reservationsbox{
        left:0;
        right:0;
    }.messageblk-b1{
        padding-left:10px;
    }
    .resinfotxt-outer{
        padding-left:10px;
        padding-right:10px;
    }
    .reservationbox-3{
        padding-right:15px;
    }.reservations_right.incalendar.active{
        position: fixed;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 11;
        width: 100% !important;
        max-width: 100% !important;
        overflow-y: auto;
        height:100%;
    }.reservations-list-item{
        margin-bottom:10px;
    }.btn-comment{
        color:#FFF !important;
    }.widget-blk{
        width:50%;
    }.single_guide .profile-cover{
        border-radius:8px;
    }.help-pagesmain{
        padding-left:10px;
        padding-right:10px;
    }.btn-reservations{
        margin-right:10px;
    }.profile_picmenu{
        padding:10px 0 !important;
    }.gnotifications_img-outer{
        text-align: center;
        margin: auto;
        float: none;
    }.gnotifications_img-outer i{
        margin: 0px auto !important;
    }
    .flexvalign{
        width: 100%;
    }.gnotifications_text{
        text-align:center;
    }.gflexvalign{
        line-height: 50px;
        float: none !important;
        text-align: center;margin-bottom: 15px;
    }
    .gflexvalign .btn:first-child{
        margin-right:15px;
    }
    .gflexvalign .btn:last-child{
        margin-left:15px;
    }.listing-folder-content-title12{
        margin-left:10px;
        margin-right:10px;
        margin-bottom:15px;
    }
}
.searchresults-guests .guests-drop-outer.active{
    min-width:320px;
}.cate_desc{
    padding:0;
}
.listings-fleftmenu{
    position: fixed;
    width: 360px;
    left: 0px;
    top: 57px;
    overflow-y: auto;
    background:#FFF;
    z-index:8;
    border-right:1px solid #EEE;
    overflow-y: auto;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom:30px;
    height:calc(100% - 127px);
    display:none;
}
.listings-fleftmenu-e{
    bottom:70px;height:calc(100% - 57px);
}
.nnlistings-fleftmenu{
    display:none;
}.nnlistings-fleftmenu.active{
    display:block;
}.viewmenu-center {
    display:none;
    width: 408px;
    position: absolute;
    left: 50%;
    margin-left: -204px;
    padding:4px;
}.viewmenu-center .viewmenu-item2 {
    width: 100px;
    padding: 3.5px 9px;
    border-radius: 8px;
}
@media (min-width: 992px) and (max-width: 1350px){
    .widget-blk{
        width:33.333%;
    }
}
@media (max-width: 320px){
    .houfy-plusmenusys{
        padding: 10px 2px;
    }
}
@media (max-width: 991px){
    .h-tab-contentp{
        margin-top:15px;
    }.overviewblock{
        padding:10px 0px !important;
    }.filters-checkboxestitle{
        margin-bottom:5px !important;
    }.filters-checkboxesinside{
        margin-bottom:15px;
    }.filterstext{
        margin-bottom:0 !important;
    }.footer-nav-last{
        margin-bottom:50px !important;
    }.footer-subh1{
        padding-bottom:40px;
    }.footer-subh12{
        padding-bottom:100px !important;
    }
    .multicalendar-embed .multi-calendarright{
        margin-top:73px;
        width: calc(100% - 140px);
    }
    .multicalendar-embed .reseventcal{
        top: 11px;
        height: 17px;
    }.viewamenitiestab{
        max-height: 240px;
        overflow: hidden;
    }
}
.multicalendar-embed .multi-calendarleft{
    box-shadow:none;
    width:140px;
}
@media (min-width: 991px){
    .map-btn1{
        display:none !important;
    }
    .switchbtn1{
        margin-right: 15px;
        margin-top: 11px;
    }
    .pricing-cardscard{
        width:90px;
    }.viewmenu-center{
        display:block;
    }.reservations_right.isreservation-popup{
        max-width:540px;
    }.multicalendar-embed .multi-calendarleft{
        width:180px;
    }
}

@media (min-width: 1680px){
    .listings-fleftmenu{
        display: block;
    }
    .listings-mmenu{
        margin-left: auto;
        margin-right: auto;
        position: relative;
        width: auto;
        float: none !important;
    }
    .view_dates-btn{
        width: 618px;
    }
}
@media (min-width: 991px) and (max-width:1200px){
    .bottomcookiepmsg-text{
        width:66.666%;
    }.bottomcookiepmsg-textbtns{
        width:33.333%;
    }
}
@media (min-width: 991px){
    .viewmenu-profile{
        padding:0 30px;
    }
    .listings-fleftmenu{
        display:block;
    }
    .gg-block-rightside.fixed{
        position: fixed;
        max-width: 402px;
        top: 72px;
    }
    .destinations-item5{
        width:20%;
    }
    .profileinformationblock{
        margin-top: 15px;
    }
    .profile_vblk{
        min-height:100vh;
    }
    .searchresults-guests .guests-drop-outer.active{
        top: 4px;
    }
    .search_fixedblk{
        display:none;
    }
    .container .mobilemenuright{
        right: 0 !important;
        left: auto !important;
        position: absolute !important;
    }
    .thelp_widget-inner{
        padding:30px;
    }
    .thelp_widget{
        padding-right:10px;
    }
    .thelp_widget:last-child{
        padding-left:10px;
    }
    .destinations-item10{
        width: 20%;
    }
    .desk-section{
        display:block;
    }
    .destitems-outer{
        display:flex;
    }
    .maparea {
        width: calc(100% - 408px);
        right: 0px;
    }
    .pflex-container{
        display: flex;
        justify-content: space-between;
    }
    .pflex-item{
        border: 1px solid #DDD;
    }
    .listings-fleftmenu{
        position: fixed;
        width: 360px;
        left: 0px;
        top: 57px;
        background: #FFF;
        bottom: 70px;
        padding-top: 10px;
    }
    .social-msg-fixed{
        bottom: 70px;
        margin-bottom:0px !important;
    }
    .mainapp-content.herror .listings-fleftmenu {
        top: 107px;
    }
    .listings-mmenu{
        min-height:100vh;
    }
    .folder-sidebar-link,.f-sidebar-link {
        padding-left: 5px;
    }
    .folder-sidebar-link.withsubmenu{
        padding-left: 5px;
    }
    .folder-sidebar-link.submenu{
        padding-left: 25px;
    }
    .listing-leftmenu .btn-n1, .listings-fleftmenu .btn-createg{
        margin-left: 50px;
    }
    .listing-leftmenu .logopic1,.listing-leftmenu .btn-embed-cal-out{
        padding-left: 40px;
    }.listings-fleftmenu img{
        padding-left: 10px;padding-right: 5px;
    }
    .listings-fleftmenu .social-home-lmenu-footer{
        padding-left: 15px;
    }.searchmdates{
        border:none;
    }
    .vsearch-dates-block.opened .DateRangePicker__picker{
        top:0px;
    }
    .vsearch-dates-block.opened .filter-date-head{
        display:none;
    }
    .vsearch-dates-block.opened .DateRangePickerInput.withoutborder{
        display: none;
    }
    .viewdatespricepr{
        display:block;
    }
    .vcleardates{
        padding-left:30px;
        padding-bottom: 15px;
    }.addlisting-pic-text1{
        padding:0px 30px;
    }
    .addlisting-pic-text1_2{
        padding:0px 20px;
    }.desk-centered{
        text-align: center;
    }
    .multi-calendarblk{
        position: fixed;
        bottom: 0px;
        top: 110px;
        left:0px;
        right: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-bottom: 20px;
    }
    .multi-calendarleft{
        box-shadow: 0px 10px 16px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.06);
    }
    .menus-content{
        margin-bottom:30px;
        min-height:calc(100vh - 130px);
    }

    .pricing-block-inner .DateRangePicker__picker{
        right: 0px !important;
        left: auto !important;
    }.viewlisting-left{
        width:90%;
    }.btn-viewls.btn-viewlsc{
        float:right;
    }
    .viewhostblk1 {
        padding: 0px 30px 0px 0px;
    }
    .resdetails{
        width: 54% !important;
        margin-left: 23% !important;
        margin-right: 23% !important;
    }.reservations_right.incalendar{
        box-shadow:rgba(0, 0, 0, 0.12) 0px 6px 16px;
    }.resinfotxt-outer{
        padding-right:30px;
    }.reservations-list-item:first-child{
        padding-left:0px;
    }
    .reservations-list-item:last-child{
        padding-right:0px;
    }.gg-block-left{
        padding-right:5px;
    }
    .profile-cover {
        margin-left: 300px;
        width:calc(100% - 300px);
    }.cate_desc{
        height:70px;
    }.houfy-menu-barsl{
        display:none;
    }
    .btn-reservations{
        min-width:100px;
        margin-right:15px;
    }.flexvalign{
        display: flex;
        align-items: center;
    }.gflexvalign{
        padding:6.5px;
    }.gbtn-n2{
        float:right;
        margin-right:15px;
    }
}

.guests-btn-outer.active{
    border:2px solid #222 !important;
}
.filter-dates-btn{
    height: 32px;
    line-height: 1;
    padding: 0px 16px;
    border-radius: 24px;
    min-width: 75px;
    display: block;
    outline:none;
    font-size: 15px;
    color:#222 !important;
    font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif !important;
    background:#F0F2F5;
    border:1px solid #F0F2F5;
}
.filter-dates-btn.selected{
    border:2px solid #153B59 !important;
}.color-5{
    color:#222 !important;
}
.filter-dates-btn:hover, .filter-dates-btn:focus, .filter-dates-btn:active{
    background:#EEE !important;
    border:1px solid #EEE;
    outline: none !important;
    box-shadow: none !important;
}
.ask_ownerbtn{
    color: #1876f2;
    font-weight: normal;
    cursor: pointer;
    font-size: 16px;
}
.ask_ownerbtn:hover{
    text-decoration:underline;
}
.btn-filters:hover, .btn-filters:focus{
    background:#EEE !important;
    border:1px solid #EEE !important;
}
.search_map_input{
    border-radius:6px !important;
}
.praddafee{
    font-size: 16px;
    font-weight: 600;
    color: #1876f2;
    cursor: pointer;
}
.praddafee:hover, .praddafee:focus{
    text-decoration: underline;
}
.show_map_text{
    display:inline-block;
    float:left;
    margin-right:15px;
    line-height: 32px;
    height:32px;
    color:#222;
    font-size:15px;
}
.mcalendarmon,.mcalendarmonbookings{
    display: flex;
    flex-direction: row;
    text-align: center;
}
.mcalendarday{
    flex: 1;
    border: 1px solid #EEE;
    align-items: center;
    border-right:none;
    border-bottom:none;
}
.mcalendarday:last-child{
    border-right: 1px solid #EEE;
}
.mcalendarmonbookings:last-child .mcalendarday{
    border-bottom: 1px solid #EEE;
    height:41px;
}
.mcalendarday.holiday{
    background: #ECE7E9;
}
.mcalendarday.today{
    background: #FFFCD6;
}
.mcalendarmonbookings .mcalendarday{
    height: 40px;
    position: relative;
}
.mcalendardateday{
    padding:5px 0px;
    font-weight: 500;
    font-size: 14px;
    height:32px;
}
.reseventcal{
    position:absolute;
    top:7px;
    height:25px;
}
.resevent-m{
    background: #a8a8a8;
    width: calc(100% + 3px);
    left: -1px;
    z-index: 9;
}
.resevent-e{
    width: 47%;
    left: -1px;
    background: #a8a8a8;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.resevent-s{
    right: -1px;
    width: 47%;
    background: #a8a8a8;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    position: absolute;
}
.mcalendarmonbookings:first-child .resevent-m,.mcalendarmonbookings:first-child .resevent-s,.mcalendarmonbookings:first-child .resevent-e{
    background: #399A5D;
}
.mcalendarmonbookings:nth-child(2) .resevent-m,.mcalendarmonbookings:nth-child(2) .resevent-s,.mcalendarmonbookings:nth-child(2) .resevent-e{
    background: #373EAC;
}
.mcalendardate{
    padding:5px 0px;
    border-top: 1px solid #EEE;
    font-size: 14px;
    font-weight: 600;
    height:32px;
}
.mcalmonth{
    margin-top: 29px;
    border-top: 1px solid #EEE;
    height: 66px;
    min-height: 66px !important;
    border-bottom: 1px solid #EEE;
}
.mcalmonth-embed{
    margin-top: 20px;
}
.mcalmonth-mname{
    float: left;
    text-align: center;
    width: calc(100% - 80px);
    text-align: center;
    height: 64px !important;
    min-height: 64px;
    line-height: 64px;
    font-weight: 600;
    display:block;position:relative;
}.mcalmonth-left{
    font-size: 30px;
    float: left;
    width: 40px;
    text-align: center;
    height: 64px !important;
    line-height: 64px !important;
    cursor:pointer;
    display:block;position:relative;
}.mcalmonth-right{
    font-size: 30px;
    float: right;
    width: 40px;
    text-align: center;
    height: 64px;
    line-height: 64px !important;
    cursor:pointer;
    display:block;position:relative;
}
.mcalmonth-listingname{
    height: 40px;
    border-bottom: 1px solid #EEE;
    line-height: 40px;
    text-align: left;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:block;
    padding-left: 15px;
    padding-right: 30px;
    color:#1876f2;
}
.lists-item{
    background:#FFF;
}
.lists-item-placeholder{
    background:#FFF;
    height:40px;
}
.lists-item.dragmoveitem{
    display:none;
}
.lists-item.dragitem{
    border-bottom: 1px dashed #407AAA;
}
.mcalmonth-listingcolor{
    position: absolute;
    cursor:pointer;
    right: 0px;
    top: 0px;
    width: 30px;
    height: 40px;
    z-index: 6;
    line-height: 40px;
    text-align: center;
}
.mcalmonth-movable{
    cursor: move;
}
.colorlistinginput{
    color:#FFF !important;
}
.mcalmonth-listingcolor1{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 1px;
    height: 1px;
    z-index:5;
    border:none;
}
.mcalmonth-listsett{
    font-size:12px;
    color:#000;
}
.resevent-dname{
    position: absolute;
    color: #FFF;
    z-index: 10;
    font-size: 14px;
    top: 1px;
    font-weight: 500;
    left: 5px;
    overflow: hidden;
    height: 22px;
}
.resevent-dname1{
    width:30px;
}
.resevent-dname2{
    width:60px;
}
.resevent-dname3{
    width:90px;
}
.resevent-dname4{
    width:120px;
}
.resdetail-popup{
    position: absolute;
    border: 1px solid #DDD;
    width: 240px;
    z-index: 12;
    top: 32px;
    margin-left: -120px;
    background: #FFF;
    height: 200px;
    border-radius: 6px;
}
.hedit-calendar .eventscls.second {
    top: 20px;
}
.hedit-calendar .eventscls.third {
    top: 40px;
}
.hedit-calendar .eventscls.fourth {
    top: 60px;
}
.popay_line{
    cursor:pointer;
}
.popay_line:hover{
    text-decoration: underline;
}
.halertmsg{
    position: fixed;
    top: 0px;
    z-index: 9;
    left: 0;
    right: 0;
    top: 57px;
    height: 50px;
    font-weight: bold;
    border-radius: 0px;
}
.halertmsg a{
    display: block;
    height: 25px;
    vertical-align: 25px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.resblk1{
    padding: 10px;
}
.resblk2{
    border: 1px solid #DDD;
    padding: 15px;border-radius: 4px;
}
.resblk2_1{
    min-height:60px;
}
.btn-alt{
    margin-bottom: 15px;
    display: block;
    cursor:pointer;
}
.menuangle{
    transition: transform .3s cubic-bezier(.645,.045,.355,1);
    display: inline-block !important;
    width: 15px;
    color:#5C626A !important;
}
.hmenucol1 .menuangle{
    color:#5C626A !important;
}
.hmenucol2 .menuangle{
    color:#5C626A !important;
}
.menuangleo{
    display:none !important;
    width:20px;
}
.fsubmenu{
    display:none;
}
.fsubmenu.active{
    display:block;
}.edit-roomamblk{
    padding-left: 30px;
}
.fa-rguest{
    margin-right:4px;
}
.mroom_name {
    color: #1876f2;
    text-decoration: underline;
    cursor:pointer;
}
.selc_tab-out{
    border-bottom: 1px solid #1876f2;
    margin-bottom: 10px;
    margin-top: 10px;
}
.selc_tab_cont{
    display:none;
}
.selc_tab_cont.active{
    display: block;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control{
    color:#222 !important;
}
.selc_tab {
    float: left;
    padding: 5px 12px;
    cursor: pointer;
    font-size: 14px;
}
.guide-top-hmenu a{
    font-weight:400;
    font-size:14px;
}
.topic-item-header{
    cursor:pointer;
    margin-bottom:18px;
    font-weight:600 !important;
    font-size:18px !important;
    color:#222;
}
.hpopitems-header{
    font-weight:600 !important;
    font-size:18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    line-height: 1.4;
    margin-bottom: 8px;
}
.hpopitems-desc{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    margin-bottom: 6px;
}
.topic-item-header:hover{
    text-decoration: underline;
}

.selc_tab.active{
    background: #1876f2;
    color:#FFF;
}
.selc_tab:hover{
    color:#1876f2;
}
.selc_tab.active:hover{
    color:#FFF;
}
.btn-stories1 i{
    color: #222 !important;
    font-size: 16px !important;
    margin-right: 10px;
}
.btn-stories1 span {
    font-size: 16px;
    text-decoration: underline;
    font-weight: 500;
    color: #222;
}
.guide-lmenu a {
    display: table-cell;
}.guide-lmenu span{
    display: table-cell;
}
.guide-lmenu {
    padding: 0;
    cursor: pointer;
    border-left: 3px solid transparent;
    float: left;
    width: 100%;
    border-radius: 6px;
}
.guide-lmenulv1{
    padding-left:10px;
    display:none;
}.guide-lmenulv1.active,.guide-lmenulv2.active{
    display: block;
    border-left: 1px solid #DDD;
    margin-left: 35px;
    width: calc(100% - 35px);
    border-radius: 0px;
}
.togglekmenu{
    position:relative;
    float:left;
    width:100%;
}
.guide-lmenulv1.active .hguidemneu {
    padding: 10px;
    width: calc(100% - 50px);
    float: left;
    border-radius: 6px;
}
.guide-lmenulv2{
    display:none;
    padding-left:35px;
}.guide-lmenulv2.active{
    display: block;
}
.hguidemneu{
    padding-left: 5px;
    border-left: 3px solid transparent;
    padding: 10px;
    width: 100%;
    float: left;
    border-radius: 6px;
    color: #050505;
    font-size: 15px;
}
.hguidemneu:hover {
    background: #f5f5f5;
}
.guide-lmenulv0.active{
    margin-bottom: 5px;
}
.guide-lmenu.mactive .hguidemneu {
    background: #EAF3FF;
    color: #1876f2;
}
.guide-lmenulv2.mactive .hguidemneu{
    border-left:3px solid #222;font-weight:bold;
}
.guide-lmenulv3{
    display:none;
    padding-left:50px;
}.guide-lmenulv3.active{display:block;}
.guide-lmenulv4{
    display:none;
    padding-left:65px;
}.guide-lmenulv4.active{display:block;}
.guide-top-hmenu li:not(:last-child) > a {
    color: #222222;
    font-weight: 600;
    font-size: 14px;
}
.guide-top-hmenu li:after{
    color:#b0b0b0;
}.guide-top-hmenu-top1{
    margin-bottom:10px;
}
.menu-lmenulv2{
    padding-left:30px;
}
.menu-lmenulv3{
    padding-left:45px;
}
.menu-lmenulv4{
    padding-left:60px;
}
.menu-lmenulv5{
    padding-left:75px;
}
.guide-checkbox{
    width: 20px;
    display: block;
    float: left;
}
.list-guide {
    min-height: 25px;
    line-height: 25px;
}
.list-guidesel{
    min-height: 20px;
    line-height: 20px;
    padding: 6px 10px !important;
    border-collapse: collapse;
    cursor:pointer;
}
#savemstory {
    min-width: 100px;
}
.vprerror {
    background: red;
    color: #FFF;
    padding: 10px;
    font-size: 15px;
    position: fixed;
    top: 57px;
    left: 0px;
    right: 0;
    z-index: 7;
}.vprerror i{
    color:#FFF;
}
.vprerror_msg{
    width: calc(100% - 20px);
    float: left;
}
.dheader1{
    font-size:24px;
    color:#222;
    font-weight:bold;
    margin:0;
}
.dheader2{
    font-size: 22px;
    color: #222;
    line-height: 28px;
    font-weight: 400;
}.dheader3{
    font-size: 22px;
    color: #222;
    line-height: 28px;
    font-weight: 600;margin:5px 0;
}
.deals_subtitle{
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
    color: #222;
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #DDD;
    margin-bottom: 15px;
}
.deal_price{
    font-size: 36px;
    font-weight: bold;
    color: #222;
}.off_price{
    font-size:22px;
}
.off_discounts{
    font-size: 22px;
    font-weight: bold;
    color: #222;
}
.off_price .price{
    text-decoration: line-through;
}
.off_price.font18, .off_discounts.font18{
    font-size: 18px;
}.deal_price.font28{
    font-size: 28px;
}
.vprerror_cls{
    width: 20px;
    font-size: 18px;
    cursor: pointer;
    text-align: center;
}
.all-menus{
    border:1px solid #407AAA;
    border-bottom:none !important;
}
.menus-content {
    padding: 0px 15px;
}
.menu_topic_header{
    margin-top:0px;
    padding: 0px 8px;
}.menu_topic_header-outer{
    margin-bottom:40px;
}
.guide-top-hmenu-top1{
    margin-top: 10px;
}
.guide-top-hmenu-top_name{
    padding: 0px 10px;
    margin-top: 20px;
}
.menus-items-l{
    font-size:15px;
}
.menus-items-l .col-md-12{
    min-height:0px;
}
.guide-top-hmenu-top {
    margin-top: 10px;margin-bottom: 20px;
}
.help-pages{
    color:#484848;
}

.help_header2{
    font-weight: 600;
    color: #222;
    font-size: 26px;
    margin-bottom: 30px;
}
.sq-input:-webkit-input-placeholder, .sq-input::-moz-placeholder, .sq-input::-ms-input-placeholder{
    color:#a0a0a0 !important;font-size:16px !important;
}
.sq-input {
    height: 40px;
    font-size:16px !important;
    line-height: 40px;
    padding:0px 15px;
    box-sizing: border-box;
    border: 1px solid #E0E2E3;
    background-color: white;
    border-radius: 6px !important;
    width:100% !important;
    display: block;
    -webkit-transition: border-color .2s ease-in-out;
        -moz-transition: border-color .2s ease-in-out;
        -ms-transition: border-color .2s ease-in-out;
            transition: border-color .2s ease-in-out;
}
.payment-details-form input[type=text]{
    border-radius: 6px !important;
}
.btn-n3{
    padding:5px 8px !important;
    border:1px solid #222;
    border-radius:6px !important;
    font-size:15px;
    font-weight:400 !important;
    transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-webkit-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
	-moz-transition: background .15s linear, color .15s linear, border .15s linear, opacity .15s linear;
}
.plusmenu-iconscover ~ .dropdown-menu[display=block]{
    border:1px solid red !important;
}
.goal-menuleft{
    padding:0 10px;
    height:calc(100% - 127px);
}
.md-block-section {
    text-transform: uppercase;
    font-weight: bold !important;
    margin-bottom: 30px !important;
    float:left !important;
    width:100% !important;
    position:relative !important;
}.privacy-menu{
    z-index:9;
    background: #FFF;bottom:0;
    border-right: 1px solid #DDD;
}
.cutoff_expired-outer{
    border-top:2px solid red;
}
.cutoff_expired{
    float:right;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: right;
}
.cutoff_expired i{
    color:red;
    z-index: 8;
}
.cal_minstay{
    float:left;
}
.cal_minstay i{
    font-size:12px;
    padding-left:3px;
}
.houfy-menu-barsl{
    float:left;
}
.privacy-menu-item{
    cursor:pointer;
    text-transform:unset !important;
    padding:10px !important;
}.privacy-menu-item.mactive{
    color:#3367d6;
}
.hhome-left-title{
    font-size: 24px;
    font-weight: bold;
    color: #222;
}
.listinginput.disabled{
    background:#EEE !important;
}
.i-toggles{
    width:60px;
    text-align:center;
}
.ios-toggle,.ios-toggle:active{
    position:absolute;
    top:-5000px;
    height:0;
    width:0;
    opacity:0;
    border:none;
    outline:none;
}
.i-toggles .checkbox-label{
    display:block;
    position:relative;
    padding:10px;
    margin-bottom:20px;
    font-size:12px;
    line-height:16px;
    width:100%;
    height:30px;
    border-radius:16px;
    background:#f8f8f8;
    cursor:pointer;
}
.i-toggles .checkbox-label:before{
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    line-height:29px;
    text-indent:40px;
    height:29px;
    width:29px;
    border-radius:100%;
    top:0px;
    left:0px;
    right:auto;
    background:white;
    box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.i-toggles .checkbox-label:after{
    content:attr(data-off);
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    left:-300px;
    padding:10px;
    height:100%;
    text-align:right;
    color:#bfbfbf;
    white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
    box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px #003B5B;
}
.ios-toggle:checked + .checkbox-label:before{
    left:calc(100% - 32px);
    box-shadow:0 0 0 2px transparent,0 3px 3px #003B5B;

}
.ios-toggle:checked + .checkbox-label:after{
    content:attr(data-on);
    left:60px;
    width:32px;
}
.checkbox1 + .checkbox-label{
    box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #DDD;
}
.checkbox1:checked + .checkbox-label{
    box-shadow:inset 0 0 0 18px #003B5B,0 0 0 2px #003B5B;
}
.checkbox1:checked + .checkbox-label:after{
    color:#003B5B;
}
.checkbox1.disabled + .checkbox-label{
    box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #DDD;
}
.checkbox1.disabled:checked + .checkbox-label{
    box-shadow:inset 0 0 0 18px #DDD,0 0 0 2px #DDD;
}
.checkbox1.disabled:checked + .checkbox-label:after{
    color:#DDD;
}
.checkbox1.disabled:checked + .checkbox-label:before{
    left:calc(100% - 32px);
    box-shadow:0 0 0 2px transparent,0 3px 3px #DDD;

}
.msgtext a,.resinfotxt a{
    color:#1876f2 !important;
    text-decoration: underline;
}
.profile_homecover{
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
}
.profile_homecover-in{
    background-image:linear-gradient(to top, rgb(255, 255, 255), rgb(255, 255, 255), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
}
.search-widget{
    border: 1px solid #EBEBEB !important;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
    border-radius:4px;
}
.search-widget .DateRangePickerInput{
    border:none;
    border-bottom:2px solid transparent;
}
.search-widget .guests-btn-outer{
    border: none;
    height: 38px;
    line-height: 38px;
    color: #222;
    padding-left:10px;
}
.swidget-when, .swidget-guests{
    padding:10px;
}
.search-widget .DateInput.start{
    border-right:none;
}
.search-widget .DateInput__display-text--focused,.search-widget .guests-btn-outer.active{
    border:none !important;
    border-bottom:2px solid #222 !important;
}
.search-widget .DateInput__display-text{
    text-align: left;
    padding-left: 10px;color: #222;
}
.search-widget .btn-searchwidget{
    height: 38px;
    width: 38px;
}
.hharrow-1{
    position: absolute;
    box-shadow: transparent 0px 0px 0px 1px, transparent 0px 0px 0px 4px, rgb(0 0 0 / 18%) 0px 2px 4px !important;
    background: #FFF;
    width: 32px;
    height: 32px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    border-radius: 50%;
    line-height: 32px;
    cursor: pointer;
    top:5px;
}
.hharrow-1:hover{
    border-color: rgba(0, 0, 0, 0.08) !important;
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
    box-shadow: transparent 0px 0px 0px 1px, transparent 0px 0px 0px 4px, rgb(0 0 0 / 12%) 0px 6px 16px !important;
    transform: scale(1.04) !important;
}
.hharrow-left{
    right: 60px;
}
.hharrow-right{
    right: 20px;
}
.hflex-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
}
.flex-col-4{
    flex-basis: 25%;
    display: flex;
    padding: 5px;
}
@media (max-width: 991px){
    .flex-col-4{
        flex-basis: 100%;
    }.thelp_widget{
        margin:0;
    }
    .swidget-when{
        border-bottom: 1px solid #EBEBEB;
    }.lscontainer{
        padding:0;
    }.gg-block{
        border-radius:0;
    }.dgallery_cover{
        display:none;
    }
    .home-filterarea-inner{
        width:100% !important;
        box-shadow:none;
    }
    .destpagesectionin .DateRangePickerInput{
        border:1px solid #DDD;max-width:100%;
    }
    .destpagesectionin .home-filterarea-inner-toptext{
        text-align: center;
    }.multi-calendarleft{
        width: 180px;
    }
    .multi-calendarright{
        float: left;
        width: calc(100% - 180px);
        margin-top: 19px;
        overflow-x: auto;
    }.multi-calendarright .mcalendarday{
        min-width:40px;
    }.help-sectionmenu,.viewls-photos{
        display:none !important;
    }.hosted_by_viewlisting{
        text-align:center;
    }.hharrow-1{
        display:none;
    }.hpagination{
        padding-right:15px;
    }
}
.destpagesectionin .DateInput__display-text{
    padding-top:13.5px !important;
    padding-bottom:13.5px !important;
}.destpagesectionin .DateRangePicker__picker{
    top:48px;
}.destpagesectionin .search-input,.dest1-modal .search-input{
    border-radius:3px !important;
}
@media (min-width: 991px){
    .swidget-when{
        border-right: 1px solid #EBEBEB;
    }
    .search-widget .DateRangePickerInput__arrow{
        display:block !important;width:20px !important;float:left;
    }.search-widget .DateInput.start, .search-widget .DateInput.end{
        width: calc(50% - 10px) !important;
    }.editable-pages{
        margin-left: 360px;
    }.singpostdetailsnoth{
        margin-left: 12.5%;
        margin-right:12.5%;
    }.destpagesectionin{
        display: flex;
        margin-top: 15px;
        align-items: center;
        justify-content: center;
    }
    .destpagesectionin .home-filterarea{
        padding: 10px;
    }
    .destpagesectionin .home-filterarea-desk{
        width: 25%;
        justify-content: left;
    }
    .destpagesectionin .dgallery_cover{
        justify-content: right;width: 75%;padding-right: 30px;
    }.destpagesectionin .home-filterarea-inner{
        width: 420px;padding: 20px;z-index: 5;
    }.help-sectionmenu{
        position: fixed;
        width: 360px;
        left: 0px;
        top: 57px;
        background: #FFF;
        bottom: 0;
        padding-top: 10px;
        z-index: 8;
        border-right: 1px solid #EEE;
        overflow-y: auto;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 30px;
        box-shadow:3px 0 3px -2px #0000001a;
    }
    .dest-list-items12{
        height: 264px;
        overflow-y: hidden;
        overflow-x: hidden;
        width: auto !important;
    }.dest-list-items12 .destinations-item{
        float: none;
        clear: both;
        display: inline-block;
        width: 25%;
    }
    .pull-right-desk{
        float:right;
    }
    .selc_tab_cont{
        margin-bottom: 30px;
    }
}
@media (min-width: 1680px){
    .editable-pagesinside{
        /*border-radius: 8px;
        margin-top: 20px;*/
        margin-bottom: 20px;
    }
}
.modal-dialog .home-filterarea-inner{
    box-shadow:none;
}
.nrow3{
    min-height: 100vh;
}
.no-padding{
    padding:0;
}
.viewdatescalpicker-dates .DateRangePicker__picker{
    float:none;
}.viewdatescalpicker-dates .DayPicker--horizontal{
    margin: auto;
    float: none;
}
.slide-row2{
    padding-bottom:20px;
}.vfeature-item{
    padding: 10px 0;
}.vfeature-item i{
    font-size: 22px;
    margin-top: 5px;
}
.hnoicon i,.hno-ico{
    color: #717171;
}
.vfeature-item-header{
    font-weight:600;
    line-height:29px;margin-top: 2px;
}.vfeature-item-header.hno{
    text-decoration: line-through;
    color: #717171;
}.hnoicon{
    float: left;
    border-bottom: 1px solid #717171;
    width: 20px;
    height: 20px;
}
.vfeature-item-text{
    font-size: 12px;
    color: rgb(113, 113, 113) !important;
}.vfeature-item .col-xs-1{
    width:50px;
}.vfeature-item .col-xs-11{
    width:calc(100% - 50px);
}
.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em;
}
.spinner-border-left{
    margin-right:8px;
}
.spinner-border {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: text-bottom;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
}
@keyframes spinner-border {
  to { transform: rotate(360deg); }
}