/*------------------------------------------------------------------------------
Project:         City Listing (HTML Version)
Version:         1.21
Author:          Webdesign Trade
Author URI:      https://themeforest.net/user/webdesigntrade
Author Website:  http://wt.ax
--------------------------------------------------------------------------------
[ CSSLint Rules ]
Notice: All CSS code already properly cleaned to perform on modern browsers (CSS3).
Reactivate (true) or delete the rules below if you need to alter/debug the
CSS with your editor.
More info and other useful rules: https://github.com/CSSLint/csslint/wiki/Rules
--------------------------------------------------------------------------------
/*csslint
adjoining-classes: false,
fallback-colors: false,
important: false,
box-model: false,
known-properties: false,
universal-selector: false,
qualified-headings: false,
unique-headings: false,
unqualified-attributes: false,
regex-selectors: false,
ids: false,
font-sizes: false,
outline-none: false,
duplicate-background-images: false,
floats: false,
box-sizing: false,
overqualified-elements: false
--------------------------------------------------------------------------------
[ Color Scheme ]
------------------------------------------------------------------------------*/
:root {
    --primary-color: #003882;
    --primary-color-rgb: 0, 56, 130;
    --fluo-pink: #ff1493;
}
#cityListing .color_skin {
    /*background-color: rgb(38,163,135);*/
    background-color: var(--primary-color);
    display: none !important;
} 
/*------------------------------------------------------------------------------
[ General Styles ]
------------------------------------------------------------------------------*/
#cityListing html {
    height: 100%;
    position: relative;
} 
#cityListing body{
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    font-family: 'Roboto';
    position: absolute;
    top: 0;
    color: #202020;
    font-weight: normal;
    font-size: 15px;
} 
#cityListing body.slide-active {
    overflow-x: hidden
} 
#cityListing .body-wrapper{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
} 
#cityListing .body-wrapper.is-mobile{
    overflow-x: hidden;
}
#cityListing h1, #cityListing h2, #cityListing h3, #cityListing h4, #cityListing h5, #cityListing h6 {
    font-family: 'Capriola', sans-serif;
    color: var(--primary-color);
    text-align: center;
} 
#cityListing h5{
    line-height: 24px;
} 
#cityListing a{
    color: var(--primary-color);
}
    #cityListing a, #cityListing a:hover, #cityListing a:focus {
        text-decoration: none;
        color: var(--primary-color);
    } 
#cityListing a.button:focus{
    color: #fff;
} 
#cityListing span{
    color: var(--primary-color);
} 
#cityListing img{
    max-width: 100%;
} 
#cityListing p{
    font-size: 15px;
} 
#cityListing blockquote{
    position: relative;
    color: var(--primary-color);
    font-family: 'Capriola', sans-serif;
    border: 0;
    padding: 20px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
} 
#cityListing blockquote:before{
    content: "\"";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
} 
#cityListing blockquote:after{
    content: "\"";
    position: absolute;
    bottom: -10px;
    right: 0;
    font-size: 25px;
} 
#cityListing .row{
    margin: 0;
} 
#cityListing .container-fluid{
    position: relative;
} 
#cityListing .no-margin{
    margin: 0 !important;
} 
#cityListing .no-padding{
    padding: 0 !important;
} 
#cityListing .light-blue-bg{
    box-shadow: 0 10000px rgba(38,163,135,0.12) inset;
} 
#cityListing .grey-bg{
    box-shadow: 0 10000px #333 inset;
} 
#cityListing .color{
    color: var(--primary-color);
} 
#cityListing .grey{
    color: #202020;
} 
#cityListing .light-grey{
    color: #bbb;
} 
#cityListing .color-bg{
    box-shadow: 0 10000px var(--primary-color) inset;
} 
#cityListing .white-space-60{
    display: block;
    height: 80px;
} 
#cityListing .button{
    position: relative;
    display: inline-block;
    padding: 12px 10px 12px 10px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 10px;
} 
#cityListing .button.grey{
    background: #bbb;
} 
#cityListing .button.grey:hover{
    background: var(--primary-color);
} 
#cityListing .button.big{
    padding: 18px 20px 18px 20px;
    border-radius: 10px;
    font-size: 18px;
    font-family: 'Capriola', sans-serif;
} 
#cityListing .button:hover{
    color: #fff;
} 
#cityListing .strong{
    font-weight: bold;
} 
#cityListing .no-bg{
    background: none !important;
} 
#cityListing .color-bg{
    background: rgba(38,163,136,1);
background: -moz-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(38,163,136,1)), color-stop(100%, rgba(71,112,206,1)));
background: -webkit-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
background: -o-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
background: -ms-linear-gradient(top, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
background: linear-gradient(to bottom, rgba(38,163,136,1) 0%, rgba(71,112,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a388', endColorstr='#4770ce', GradientType=0 );
} 
#cityListing .transparent{
    background-color: transparent !important;
} 
#cityListing .capitalize-initial:first-letter{
    text-transform: uppercase;
    font-size: 40px;
    line-height: 40px;
    float: left;
    color: var(--primary-color);
    padding-left: 15px;
    padding-right: 15px;
} 
#cityListing .pull-left{
    margin: 0 15px 8px 0;
} 
#cityListing .pull-right{
    margin: 0 0 8px 15px;
} 
#cityListing .stop-scrolling {
  height: 100%;
  overflow: hidden;
} 
/*------------------------------------------------------------------------------
[ Header (topbar) ]
------------------------------------------------------------------------------*/
#cityListing header {
    background: #3f4257;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9996;
    box-shadow: 2px 2px 16px rgba(0,0,0,0.2);
} 
#cityListing header.light{
    background: #fff;
} 
#cityListing header.no-shadow{
    box-shadow: none;
} 
#cityListing header.transparent{
    position: absolute;
    background: none;
} 
#cityListing header .logo{
    top: 5px;
    left: 5px;
    position: absolute;
} 
#cityListing .h-video.landing .trending .logo{
    margin-bottom: 20px;
} 
#cityListing .logo a{
    position: relative;
    display: inline-block;
} 
#cityListing .logo-color-bg:before{
    content: "";
    position: absolute;
    top: 10px;
    left: 12px;
    z-index: -5;
    background-color: var(--primary-color);
    display: block;
    width: 60%;
    height: 66%;
    border-radius: 15px;
} 
#cityListing .logo-color-bg:after{
    content: "";
    position: absolute;
    top: 10px;
    right: 16px;
    z-index: -5;
    background-color: var(--primary-color);
    display: block;
    width: 60%;
    height: 66%;
    border-radius: 15px;
} 
#cityListing .logo img{
    max-width: 9999px;
} 
#cityListing header .logo img{
    max-height: 48px;
} 
#cityListing header .hero-search{
    display: none;
} 
#cityListing header .navbar{
    position: relative;
    float: right;
    right: 0;
    top: 0;
    margin-right: 10px;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
} 
#cityListing header .navbar-inverse .navbar-nav>li:hover>a{
    color: rgba(255,255,255,0.7);
    background: var(--primary-color);
} 
#cityListing header.light .navbar-inverse .navbar-nav>li:hover>a{
    color: rgba(255,255,255,1);
} 
#cityListing header.transparent .navbar-inverse .navbar-nav>li:hover>a{
    color: var(--primary-color);
    background: #fff;
} 
#cityListing header .navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 6px;
    border-top-right-radius: 0;
    margin-top: 0;
    top: 59px;
    border: 0;
} 
#cityListing header .user-buttons{
    position: relative;
    float: right;
    top: 0;
    right: 0;
    height: 60px;
    border-radius: 0;
    margin-left: 3px;
} 
#cityListing .header-search-button{
    text-align: center;
    font-size: 24px;
    line-height: 52px;
    color: #fff;
    z-index: 10000;
    position: relative;
    float: right;
    top: 4px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
} 
#cityListing .header-search-button:before,
.hero-search-icon:before{
    font-family: 'icon';
    content: "\ec22";
    display: inline-block;
    font-size: 24px;
    margin-top: 0;
    margin-left: 3px;
} 
/*------------------------------------------------------------------------------
[ Navbar ]
------------------------------------------------------------------------------*/
#cityListing .navbar {
    position: absolute;
    top: 0;
    right: 50%;
    width: auto;
    z-index: 999998;
    font-size: 15px;
    font-family: 'Capriola', sans-serif;
    -webkit-transform: translate(50%,0);
    -moz-transform: translate(50%,0);
    -ms-transform: translate(50%,0);
    -o-transform: translate(50%,0);
    transform: translate(50%,0);
} 
#cityListing .navbar-inverse {
    background-color: transparent;
    border-color: transparent;
} 
#cityListing .navbar .container {
    width: 100%;
    padding: 0;
} 
#cityListing .nav>li>a{
    padding-left: 10px;
    padding-right: 10px;
} 
#cityListing .no-margin-top {
    margin-top: 0 !important
} 
#cityListing #page-content {
    position: relative;
    padding-top: 70px;
    left: 0;
} 
#cityListing #page-content.slide-active {
    padding-top: 0
} 
#cityListing #slide-nav .navbar-toggle {
    cursor: pointer;
    position: relative;
    line-height: 0;
    float: left;
    margin: 0;
    width: 30px;
    height: 40px;
    padding: 10px 0 0 0;
    border: 0;
    background: transparent;
} 
#cityListing #slide-nav .navbar-toggle > .icon-bar {
    width: 100%;
    display: block;
    height: 2px;
    margin: 6px 0 0 0;
} 
#cityListing .light #slide-nav .navbar-toggle > .icon-bar,
#slide-nav .navbar-toggle.slide-active .icon-bar {
    background: var(--primary-color);
} 
#cityListing .navbar-header {
    position: relative
} 
#cityListing .navbar.navbar-fixed-top.slide-active {
    position: relative
} 
#cityListing .navbar-inverse .navbar-nav>li>a {
    font-family: "Roboto";
    font-size: 16px;
    text-shadow: 0 0 6px rgba(0,0,0,0.3);
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
    top: -1px;
} 
#cityListing .light .navbar-inverse .navbar-nav>li>a {
    color:  var(--primary-color);
    text-shadow: none;
} 
#cityListing .navbar-inverse .navbar-nav>li:hover>a {
    color: rgba(255,255,255,0.7);
    text-shadow: none;
} 
#cityListing .caret{
    margin-left: 5px;
}
#cityListing .navbar-inverse .navbar-nav > .active > a,
#cityListing .navbar-inverse .navbar-nav > .active > a:focus,
#cityListing .navbar-inverse .navbar-nav > .active > a:hover {
    color: var(--primary-color);
    background-color: transparent;
} 
#cityListing .navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
} 
#cityListing header .navbar-inverse .navbar-nav>li:hover>.dropdown-menu {
    border-top-left-radius: 20px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 20px;
} 
#cityListing header.light .navbar-inverse .navbar-nav>li:hover>.dropdown-menu {
    border-radius: 0 0 8px 8px !important;
}
#cityListing .navbar-inverse .navbar-nav > .open > a,
#cityListing .navbar-inverse .navbar-nav > .open > a:focus,
#cityListing .navbar-inverse .navbar-nav > .open > a:hover {
    background-color: rgba(0,0,0,0.1);
    color: rgba(255,255,255,0.8);
}
#cityListing .dropdown-menu > li > a:focus,
#cityListing .dropdown-menu > li > a {
    color: #666;
}
    #cityListing .dropdown-menu > li > a:focus,
    #cityListing .dropdown-menu > li > a:hover {
        color: var(--primary-color);
    } 
#cityListing .full-dimming-overlay{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--primary-color);
    z-index: 9997;
    display: none;
    opacity: 0;
} 
/*------------------------------------------------------------------------------
[ User Buttons ]
------------------------------------------------------------------------------*/
#cityListing .user-buttons {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 5000;
} 
#cityListing header .user-buttons {
    padding: 0;
    background: transparent;
} 
#cityListing header.light .user-buttons{
    background: #fff;
} 
#cityListing header.transparent .user-buttons{
    background: transparent;
} 
#cityListing .add-listing{
    position: relative;
    display: inline-block;
    overflow: hidden;
    line-height: 12px;
    font-family: 'Capriola', sans-serif;
    font-size: 16px;
    margin-left: 0;
    box-shadow: 2px 2px 16px rgba(0,0,0,0.3);
    white-space: nowrap;
    height: 100%;
    padding: 26px 23px 0 54px;
    color: #fff;
    background: rgba(0,0,0,0.10);
    border-radius: 0;
    border-left: 1px dashed rgba(255,255,255,0.5);
} 
#cityListing .light .add-listing{
    background: var(--primary-color);
    border-left: 0;
} 
#cityListing header.transparent .user-buttons:hover .add-listing{
    border-left: 1px dashed transparent;
} 
#cityListing .add-listing:before{
    font-family: 'icon';
    content: "\ea7c";
    position: absolute;
    font-size: 25px;
    left: 12px;
} 
#cityListing header.transparent .add-listing{
    background: none;
} 
#cityListing header .add-listing:before{
    left: 18px;
} 
#cityListing header .add-listing:hover{
    color: #fff;
    opacity: 0.8;
} 
#cityListing header.light .add-listing:hover{
    opacity: 1;
} 
#cityListing header.transparent .add-listing:hover{
    opacity: 1;
    background: var(--primary-color);
    border-radius: 20px 0;
} 
#cityListing .user-login{
    position: relative;
    display: inline-block;
    text-align: center;
    top: -15px;
    padding-right: 12px;
} 
#cityListing .user-login:before{
    font-family: 'icon';
    content: "\ea1e";
    display: block;
    font-size: 20px;
    color: #fff;
    position: relative;
    width: 100%;
} 
#cityListing .light .user-login:before{
    color: var(--primary-color);
} 
#cityListing .user-login:hover:before{
    color: rgba(255,255,255,0.7);
} 
#cityListing header.transparent .user-login:hover:before{
    color: #fff;
} 
#cityListing .light .user-login:hover{
    background: var(--primary-color);
} 
#cityListing .light .user-login:hover:before{
    color: #fff;
} 
#cityListing header .user-login{
    position: relative;
    float: left;
    text-align: center;
    top: 0;
    height: 100%;
    padding-right: 15px;
    padding-left: 21px;
} 
#cityListing header .user-login:before{
    position: relative;
    top: 16px;
    left: -2px;
} 
#cityListing header.transparent .user-login:hover{
    background: var(--primary-color);
    border-radius: 20px 0;
} 
/*------------------------------------------------------------------------------
[ Hero Header ]
------------------------------------------------------------------------------*/
#cityListing .hero-header {
    height: 100%;
    min-height: 460px;
    padding: 0;
    z-index: 0;
} 
#cityListing .hero-header.landing .header-centralizer{
    height: 500px;
    z-index: 6000;
}
#cityListing .hero-image,
#cityListing .hero-mask {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    background-image: url(../images/backgrounds/6.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-color: #000;
} 
#cityListing .h-video .hero-image{
    background-image: url(../images/backgrounds/3.jpg);
} 
#cityListing .hero-mask{
    z-index: 0;
    background-image: url(../images/backgrounds/polygons.jpg);
} 
#cityListing .hero-texture{
    position: absolute;
    z-index: 2;
    background-image: url(https://www.transparenttextures.com/patterns/black-lozenge.png);
    background-repeat: repeat;
    background-position: center center;
} 
#cityListing .hero-video{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    opacity: 0;
} 
#cityListing .hero-video .screen {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -2;
  margin: auto;
  opacity: 0;
  transition: opacity .5s;
} 
#cityListing .hero-video .screen.active {
  opacity: 1;
} 
#cityListing .fullvid {
  width: 1280px;
  height: 720px;
  position: absolute;
  bottom: 50%;
  left: 50%;
  z-index: -2;
  -webkit-transform: translate(-50%, 50%);
  -moz-transform: translate(-50%, 50%);
  -ms-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
} 
#cityListing .h-video .hero-image{
    display: none !important;
} 
#cityListing .is-mobile .h-video .hero-image{
    display: block !important;
} 
#cityListing .is-mobile .hero-video{
    display: none !important;
} 
#cityListing .hero-header.with-topbar .hero-image{
    -webkit-transform: translate(0,30px);
    -moz-transform: translate(0,30px);
    -ms-transform: translate(0,30px);
    -o-transform: translate(0,30px);
    transform: translate(0,30px);
}
#cityListing .hero-header .canvas-bg,
#cityListing .hero-header .overlay,
#cityListing .hero-header .dot-overlay,
#cityListing .search-magnifier,
#cityListing .header-centralizer,
#cityListing .hero-mask,
#cityListing .hero-texture {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    height: 100%;
} 
#cityListing .header-centralizer{
    position: relative;
    text-align: center;
    white-space: nowrap;
    font-size: 0;
    z-index: 3;
} 
#cityListing .header-centralizer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
 } 
#cityListing .content-centralized{
    width: 100%;
    top: 20px;
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    font-size: 14px;
} 
#cityListing .hero-header .canvas-bg{
    z-index: -1;
} 
#cityListing .hero-header .overlay{
    display: none;
    height: 99.99%;
    background: rgba(38,163,135,0.8);
} 
#cityListing .hero-header.light .overlay{
    background: rgba(255,255,255,0.80);
} 
#cityListing .hero-header.dark .overlay{
    background: rgba(50,50,50,0.8);
} 
#cityListing .hero-header.in-color .overlay{
    background: var(--primary-color);
} 
#cityListing .hero-header.transparent .overlay{
    background: rgba(0,0,0,0.4) !important;
} 
#cityListing .hero-header .dot-overlay{
    background: url(../images/miscellaneous/dot-overlay.png);
    height: 99.99%;
} 
#cityListing .search-magnifier{
    text-align: left;
    margin-left: 180%;
    z-index: 2;
} 
#cityListing .search-magnifier img{
    position: absolute;
    top: 0;
    height: 100%;
    width: auto;
} 
#cityListing .hero-search{
    width: 50%;
    position: relative;
    left: 25%;
    display: block;
    padding: 15px;
    background-color: #fff;
    border-radius: 5px 0 5px;
    height: 78px;
    text-align: center;
    z-index: 10;
    box-shadow: -8px -8px 0px var(--primary-color), 0 0 30px rgba(0,0,0,0.15);
} 
#cityListing .hero-search.hide-feat{
    width: 80% !important;
    left: 10% !important;
} 
#cityListing .hero-search form{
    position: relative;
    text-align: center;
    white-space: nowrap;
    display: table;
    width: 100%;
} 
#cityListing .hero-search form fieldset{
    position: relative;
    display: table-cell;
}
    #cityListing .hero-search form input,
    #cityListing .typingEffect {
        padding-left: 10px;
        height: 50px;
        border: 0;
        position: relative;
        color: var(--primary-color);
        font-size: 18px;
        letter-spacing: 1px;
        z-index: 1;
        background: transparent;
        box-shadow: none;
    }
    #cityListing .hero-search.color-bg form input,
    #cityListing .color-bg .typingEffect {
        color: #fff !important;
    } 
#cityListing .typingEffect{
    float: left;
    top: -52px;
    left: 0;
    z-index: 0;
    font-weight: normal;
    text-align: left;
    padding-top: 17px;
    padding-left: 58px;
} 
#cityListing .typingEffect:before{
    font-family: "icon";
    content: "\e98c";
    display: inline-block;
    font-style: normal;
    position: absolute;
    left: 14px;
    top: 12px;
    font-size: 23px;
} 
#cityListing .typed-cursor{
    position: relative;
    top: -39px;
    float: left;
    opacity: 1;
    font-size: 22px;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    -o-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
} 
#cityListing .h-video.landing .trending .typed-cursor{
    float: none;
    top: 0;
} 
#cityListing .color-bg .typed-cursor{
    color: #fff;
} 
@keyframes blink{
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    } 
} 
@-webkit-keyframes blink{
    0% { opacity:1; } 
    50% { opacity:0; } 
    100% { opacity:1; } 
} 
@-moz-keyframes blink{
    0% { opacity:1; } 
    50% { opacity:0; } 
    100% { opacity:1; } 
} 
#cityListing 
.hero-search .search-submit{
    display: inline-block;
    width: 50px;
} 
#cityListing input[type="submit" ] {
    font-family: 'Capriola', sans-serif;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer;
} 
#cityListing .hero-header .search-submit {
    position: absolute;
    width: 50px;
    height: 100%;
    border: 0;
    text-align: right;
    top: 0;
    right: -5px;
    vertical-align: top;
    font-size: 18px;
    font-weight: 700;
    border-radius: 5px;
    z-index: 12;
} 
#cityListing .open-cities-list .search-cities .search-submit {
    z-index: -2;
} 
#cityListing .hero-header .search-submit input[type="submit" ] {
    background-color: transparent;
    width: 100%;
    height: 100%;
    border: 0;
} 
#cityListing .hero-search-icon{
    width: 100%;
    height: 100%;
    text-align: right;
    position: absolute;
    padding-top: 6px;
    padding-right: 12px;
    right: 0;
    color: var(--primary-color);
    font-size: 30px;
    cursor: pointer;
    font-style: normal;
    font-weight: normal;
} 
#cityListing .hero-search-icon:before{
    text-shadow: -1px -1px 0px rgba(255,255,255,1), -1px 1px 0px rgba(255,255,255,1), 1px 1px 0px rgba(255,255,255,1), 1px -1px 0px rgba(255,255,255,1),
    0px -1px 0px rgba(255,255,255,1), 0px 1px 0px rgba(255,255,255,1), 1px 0px 0px rgba(255,255,255,1), -1px 0px 0px rgba(255,255,255,1);
} 
#cityListing .color-bg .hero-search-icon{
    color: #fff;
} 
/* Hero Search Categories */
#cityListing .search-categories {
    width: 50%;
    position: relative;
    margin-top: 12px;
    left: 25%;
    display: block;
    padding: 15px;
    color: #fff;
    max-height: 93px;
    text-align: center;
    z-index: 4;
    border-radius: 5px;
    overflow: hidden;
    font-size: 0;
    opacity: 1;
} 
#cityListing .open-cities-list .search-categories{
    opacity: 0;
    top: -6000px;
} 
#cityListing .search-categories.hide-feat{
    width: 80% !important;
    left: 10% !important;
} 
#cityListing .search-categories .categories{
    margin-top: 0;
    overflow: hidden;
    width: 100%;
    padding: 0 10px 0 10px;
} 
#cityListing .search-categories .categories a{
    text-transform: uppercase;
    display: inline-block;
    min-width: 100px;
    font-size: 13px;
    text-shadow: 0 0 6px rgba(0,0,0,0.3);
    margin: 3px 1px;
    padding: 8px 12px 10px 12px;
    font-weight: normal;
    color: #fff;
    width: auto;
    font-family: 'Roboto';
} 
#cityListing .light .search-categories .categories a{
    color: var(--primary-color);
    text-shadow: 0 0 40px #fff, 0 0 40px #fff, 0 0 20px #fff;
} 
#cityListing .search-categories .categories a:before{
    display: block;
    font-size: 25px;
    padding: 6px;
    padding-bottom: 10px;
} 
#cityListing .search-categories .categories a:hover{
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 15px 0;
}
#cityListing .search-categories .more-categories,
#cityListing .search-categories .minus-categories {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    display: none;
    cursor: pointer;
    color: var(--primary-color);
    background: #fff;
    width: 28px;
    height: 28px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
}
#cityListing .light .search-categories .more-categories,
#cityListing .light .search-categories .minus-categories {
    color: var(--primary-color);
    text-shadow: none;
}
#cityListing .search-categories .more-categories:hover,
#cityListing .search-categories .minus-categories:hover {
    opacity: 0.6;
} 
#cityListing .show-categories{
    position: relative;
    left: 25%;
    display: block;
    width: 33px;
    text-align: left;
    color: #fff;
    font-family: 'Capriola', sans-serif;
    margin-top: 10px;
} 
#cityListing .show-categories:before{
    font-family: "FontAwesome";
    content: "\f00d";
    position: relative;
    background: rgba(255,255,255,0.2);
    padding: 7px 1px 4px 2px;
    border-radius: 5px;
    font-size: 14px;
    width: 26px;
    display: block;
    margin-top: 8px;
    text-align: center;
    cursor: pointer;
} 
#cityListing .show-categories:hover:before{
    background: var(--primary-color);
    color: #fff;
} 
/* Hero Search Cities */
#cityListing .search-cities {
    position: absolute;
    margin-top: 0px;
    right: 0;
    top: 0;
    display: block;
    padding: 0px;
    text-align: center;
    z-index: 4;
    overflow: hidden;
    font-size: 0;
    border-radius: 8px;
    max-height: 70px;
    margin-right: -10px;
    background: #fff;
    margin-top: -12px;
} 
#cityListing .open-cities-list .search-cities{
    margin-top: -16px;
    max-height: 1000px;
    z-index: 30;
    background: rgba(255,255,255,1);
    margin-top: -288px;
    margin-right: -16px;
} 
#cityListing .search-cities.hide-feat{
    width: 80% !important;
    left: 10% !important;
} 
#cityListing .search-cities .cities-list{
    padding: 2px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 0 20px 0 rgba(255,255,255,0.3);
} 
#cityListing .search-cities .cities-list a{
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 1px;
    margin: 6px 6px;
    padding: 25px 0 25px 0;
    font-weight: normal;
    color: var(--primary-color);
    width: auto;
    font-family: 'Roboto';
    border-radius: 8px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-shadow: 0 10000px rgba(255,255,255,1) inset;
    display: none;
    float: right;
    clear: right;
} 
#cityListing .search-cities .cities-list a.current{
    display: inline-block;
    padding: 10px 50px 10px 0px;
    margin: 17px 6px;
} 
#cityListing .open-cities-list .search-cities .cities-list a{
    width: 225px;
    padding: 25px 15px 25px 15px;
    box-shadow: 0 10000px rgba(0,0,0,0.5) inset;
    display: block;
    float: none;
} 
#cityListing .open-cities-list .search-cities .cities-list a.current{
    box-shadow: 0 0 10000px rgba(255,255,255,1) inset;
    cursor: default;
    padding: 25px 15px 25px 15px;
    margin: 6px 6px;
} 
#cityListing .search-cities .cities-list a span{
    background:  #fff;
    color: var(--primary-color);
    padding: 4px 8px 3px 8px;
    border-radius: 6px;
} 
#cityListing .search-cities .cities-list a:hover{
    opacity: 0.7;
} 
#cityListing .open-cities-list .search-cities .cities-list a:hover{
    opacity: 1;
} 
#cityListing .search-cities .cities-list a.current span{
    background:  var(--primary-color);
    color: #fff;
} 
#cityListing .search-cities .cities-list a:hover span{
    background:  var(--primary-color);
    color: #fff;
}
#cityListing .search-cities .more-cities,
#cityListing .search-cities .minus-cities {
    position: absolute;
    right: 8px;
    color: #fff;
    font-size: 12px;
    display: none;
    cursor: pointer;
}
#cityListing .search-cities .more-cities,
#cityListing .search-cities .minus-cities {
    bottom: 0;
}
    #cityListing .search-cities .more-cities:hover,
    #cityListing .search-cities .minus-cities:hover {
        color: rgba(255,255,255,0.6);
    } 
#cityListing .show-cities{
    position: relative;
    left: 25%;
    display: block;
    width: 33px;
    text-align: left;
    color: #fff;
    font-family: 'Capriola', sans-serif;
    margin-top: 10px;
} 
#cityListing .show-cities:before{
    font-family: "FontAwesome";
    content: "\f00d";
    position: relative;
    background: rgba(255,255,255,0.2);
    padding: 7px 1px 4px 2px;
    border-radius: 5px;
    font-size: 14px;
    width: 26px;
    display: block;
    margin-top: 8px;
    text-align: center;
    cursor: pointer;
} 
#cityListing .show-cities:hover:before{
    background: var(--primary-color);
    color: #fff;
} 
#cityListing .search-cities-toggle{
    position: absolute;
    top: 0;
    margin-top: -59px;
    right: -8px;
    background: var(--primary-color);
    color: #fff;
    width: 56px;
    height: 44px;
    text-align: center;
    padding-top: 6px;
    border-radius: 6px 6px 0 0;
    cursor: pointer;
    font-size: 26px;
    box-shadow: 0px -20px 20px rgba(0,0,0,0.2) inset, 0 0 120px rgba(255,255,255,0.75);
    opacity: 0;
} 
#cityListing .light .search-cities-toggle{
    box-shadow: none;
} 
#cityListing .search-cities-toggle:before{
    font-family: 'icon';
    content: "\e90b";
} 
#cityListing .search-cities-toggle:hover{
    margin-top: -64px;
    height: 48px;
} 
/* Hero Feat Posts */
#cityListing .analogue-2-bg-a4 {
    position: absolute;
    top: 15%;
    margin-top: -10px;
    right: 3%;
    width: 20%;
    height: 74%;
    border-radius: 8px;
    padding: 15px;
} 
#cityListing .analogue-2-color-a2 .analogue-2-bg-a4{
    position: relative;
    top: auto;
    right: 0;
    width: 290px;
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    z-index: 0;
} 
#cityListing .analogue-2-bg-a4.hide-feat{
    width: 0 !important;
    height: 0 !important;
    right: 30px !important;
} 
#cityListing .analogue-2-bg-a4 .toggle{
    position: absolute;
    top: 2px;
    left: 14px;
    display: block;
    z-index: 2;
    color: var(--primary-color);
    background: #fff;
    width: 28px;
    height: 28px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
} 
#cityListing .light .analogue-2-bg-a4 .toggle{
    color: var(--primary-color);
    text-shadow: none;
    cursor: pointer;
} 
#cityListing .analogue-2-bg-a4 .toggle:before{
    font-family: "FontAwesome";
    content: "\f068";
    background: transparent;
    display: inline-block;
    font-size: 12px;
} 
#cityListing .analogue-2-bg-a4.hide-feat .toggle:before{
    content: "\f067";
} 
#cityListing .analogue-2-color-a2 .analogue-2-bg-a4 .toggle:before{
    display: none;
} 
#cityListing .toggle:hover{
    opacity: 0.6;
} 
#cityListing .analogue-2-bg-a4 .helper{
    position: relative;
    width: 100%;
    height: 100%;
    right: 0;
} 
#cityListing .analogue-2-bg-a4.hide-feat .helper{
    right: -1000px !important;
} 
#cityListing .analogue-2-bg-a4-title{
    position: absolute;
    top: 8px;
    left: 0;
    line-height: 100%;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-shadow: 0 0 6px rgba(0,0,0,0.7);
    color: #fff;
    margin-top: -13px;
    font-family: 'Capriola', sans-serif;
} 
#cityListing .light .analogue-2-bg-a4-title{
    color: var(--primary-color);
    text-shadow: 0 0 50px #fff, 0 0 50px #fff, 0 0 30px #fff, 0 0 20px #fff;
} 
#cityListing .analogue-2-border-color-a2{
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
    height: 90%;
    background: #fff;
    border-radius: 6px;
    z-index: 3;
    padding: 5px 2px 5px 5px;
    overflow-x: hidden;
    overflow-y: auto;
    box-shadow: 0 0 30px rgba(0,0,0,0.15)
} 
#cityListing .analogue-2-color-a2 .analogue-2-border-color-a2{
    border-top: 1px solid #ddd;
} 
#cityListing .hero-header .down-page:hover{
    color: var(--primary-color);
} 
#cityListing .hero-arrow{
    position: absolute;
    bottom: 45px;
    left: 10px;
    z-index: 15;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    font-smoothing: antialiased !important;
    -webkit-font-smoothing: subpixel-antialiased;
} 
#cityListing .analogue-2-color-a5{
    position: relative;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #ddd;
} 
#cityListing .analogue-2-color-a5 a{
    width: 100%;
    height: 100%;
    display: block;
    background: #fff;
    padding: 42px 5px 20px 5px;
    color: #202020;
    border-radius: 5px;
} 
#cityListing .analogue-2-color-a5 a:hover{
    background: rgba(var(--primary-color-rgb), 0.10);
} 
#cityListing .analogue-2-color-a5 a:hover *{
    color: var(--primary-color);
}
    #cityListing
    #cityListing .analogue-2-color-a4,
    #cityListing .analogue-2-color-a5 .map-icon {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 24px;
        color: #ccc;
        width: 38px;
        height: 44px;
        line-height: 48px;
        text-align: center;
        border-bottom-right-radius: 10px;
    } 
#cityListing .analogue-2-color-a5:hover .analogue-2-color-a4{
    color: var(--primary-color);
    background: transparent;
} 
#cityListing .analogue-2-color-a5 .map-icon{
    top: 35px;
    left: 0;
    color: #bbb;
    font-size: 18px;
    cursor: pointer;
} 
#cityListing .analogue-2-color-a5:hover .map-icon{
    display: none;
} 
#cityListing .analogue-2-color-a5-rating{
    position: absolute;
    top: 6px;
    right: 8px;
    font-size: 9px;
    color: var(--primary-color);
} 
#cityListing .analogue-2-border-color-a4{
    position: relative;
    display: inline-block;
    border: 0;
    background: #fff;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    padding: 3px;
} 
#cityListing .analogue-2-color-a5 a:hover .analogue-2-border-color-a4{
    background-image: url(../images/miscellaneous/spiral.gif);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-shadow: 0 10000px rgba(var(--primary-color-rgb), 0.9) inset;
    padding: 6px;
} 
#cityListing .squared .analogue-2-color-a5 a:hover .analogue-2-border-color-a4{
    display: none;
} 
#cityListing .analogue-2-border-color-a4 div{
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: 2px 2px 20px rgba(0,0,0,0.7) inset, -2px -2px 20px rgba(0,0,0,0.7) inset;
} 
#cityListing .analogue-2-border-color-a4 img{
    width: 100%;
    border-radius: 50%;
} 
#cityListing .analogue-2-bg-a5{
    display: block;
    width: 100%;
} 
#cityListing .analogue-2-bg-a3{
    font-family: 'Capriola', sans-serif;
    color: var(--primary-color);
    margin-top: 10px;
    margin-bottom: 2px;
    font-size: 14px;
    line-height: 15px;
} 
#cityListing .analogue-2-color-a2 .analogue-2-bg-a3{
    margin-top: 3px;
    line-height: 12px;
}
#cityListing .analogue-2-color-a3,
#cityListing .analogue-2-border-color-a3 {
    line-height: 11px;
    padding: 1px 3px 1px 3px;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    font-size: 11px;
    margin-top: 0;
}
#cityListing .analogue-2-color-a2 .analogue-2-color-a3,
#cityListing .analogue-2-color-a2 .analogue-2-border-color-a3 {
    margin-top: 0;
    padding: 0 3px 1px 3px;
}
#cityListing .analogue-2-color-a5 a:after {
    /*font-family: "FontAwesome";*/
    /*content: "\f054";*/
    content: "\27e9";
    position: absolute;
    z-index: 10;
    top: 78px;
    right: 10px;
    background: #fff;
    color: var(--primary-color);
    display: inline-block;
    width: 23px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 50%;
    text-align: center;
    padding: 5px 4px 4px 5px;
} 
#cityListing .analogue-2-color-a5 a:hover:after{
    display: block;
} 
#cityListing .background-caption{
    position: absolute;
    bottom: 20px;
    left: 30px;
    z-index: 16;
} 
#cityListing .background-caption:hover .bg-title{
    color: #ddd;
} 
#cityListing .background-caption .bg-title{
    color: var(--primary-color);
    font-size: 15px;
    font-weight: bold;
} 
#cityListing .background-caption .bg-title span{
    color: var(--primary-color);
    font-size: 16px;
} 
#cityListing .background-caption .bg-text{
    color: #bbb;
    font-size: 12px;
    font-style: italic;
} 
#cityListing .featured-header-buttons{
    position: absolute;
    width: 100%;
    height: 70px;
    bottom: 0;
    left: 0;
    font-size: 0;
} 
#cityListing .feat-header-button{
    cursor: pointer;
    border-top: 3px solid rgba(0,0,0,0.12);
    position: relative;
    display: inline-block;
    z-index: 10;
    width: 33.30%;
    height: 100%;
    color: #fff;
    font-size: 15px;
    font-family: 'Capriola', sans-serif;
    border-radius: 20px 20px 0 0;
    overflow: hidden;
    background: var(--primary-color);
    background: -webkit-gradient(left top, right top, color-stop(0%, var(--primary-color)), color-stop(100%, rgba(38,163,135,0.1)));
    background: -webkit-linear-gradient(left, var(--primary-color) 0%, rgba(38,163,135,0.1) 100%);
    background: -moz-linear-gradient(left, var(--primary-color) 0%, rgba(38,163,135,0.1) 100%);
    background: -ms-linear-gradient(left, var(--primary-color) 0%, rgba(38,163,135,0.1) 100%);
    background: -o-linear-gradient(left, var(--primary-color) 0%, rgba(38,163,135,0.1) 100%);
    background: linear-gradient(to right, var(--primary-color) 0%, rgba(38,163,135,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a587', endColorstr='#26a587', GradientType=1 );
} 
#cityListing .feat-header-button:hover{
    background: transparent;
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
} 
#cityListing .feat-header-button.central{
    font-size: 18px;
    z-index: 10;
}
#cityListing .feat-img,
#cityListing .feat-text {
    position: relative;
    height: 100%;
    top: 0;
    left: 0;
    line-height: 100%;
    vertical-align: middle;
    display: inline-block;
    text-transform: uppercase;
    width: 20%;
    padding: 10px;
    text-align: center;
    box-shadow: inset 0 9px 20px 0 rgba(0,0,0,0.2), inset 0 -9px 20px 0 rgba(0,0,0,0.2);
    opacity: 0.7;
} 
#cityListing .feat-header-button:hover .feat-img{
    box-shadow: inset 0 9px 20px 0 rgba(0,0,0,0.06), inset 0 -9px 20px 0 rgba(0,0,0,0.06);
}
#cityListing .feat-img:before,
#cityListing .feat-text:before {
    font-size: 0;
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} 
#cityListing .feat-img:after{
    font-family: "FontAwesome";
    content: "\f0da";
    font-size: 15px;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: -6px;
    color: #fff;
    display: none;
} 
#cityListing .feat-header-button:hover .feat-img:after{
    display: block;
} 
#cityListing .feat-text{
    width: 74%;
    height: auto;
    background: none;
    box-shadow: none;
    opacity: 1;
} 
#cityListing .feat-img img{
    margin-top: -1%;
    margin-left: -3px;
    max-height: 95%;
    max-width: 95%;
} 
#cityListing .feat-header-button:hover{
    border-top: 3px solid #fff;
    color: #fff;
}
    #cityListing .feat-header-button:hover .feat-img,
    #cityListing .feat-header-button:hover .feat-text {
        opacity: 1;
    }
#cityListing .login-popup,
#cityListing .search-popup,
#cityListing .review-popup,
#cityListing .pm-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    top: -30000px;
    left: -200%;
    z-index: 999;
    opacity: 0.99;
}
#cityListing .showing-login,
#cityListing .showing-search,
#cityListing .showing-review,
#cityListing .showing-pm {
    top: 0 !important;
}
#cityListing .review-popup,
#cityListing .pm-popup {
    z-index: 997;
}
#cityListing .hero-header.login-popup .overlay,
#cityListing .hero-header.search-popup .overlay,
#cityListing .hero-header.review-popup .overlay,
#cityListing .hero-header.pm-popup {
    display: block;
    background-color: rgba(38,163,135,0.85);
} 
#cityListing .login-popup .hero-image{
    background-image: url(../images/backgrounds/10.jpg);
} 
#cityListing .search-popup .hero-image{
    background-image: url(../images/backgrounds/11.jpg);
} 
#cityListing .review-popup .hero-image{
    background-image: url(../images/backgrounds/12.jpg);
} 
#cityListing .pm-popup .hero-image{
    background-image: url(../images/backgrounds/13.jpg);
} 
#cityListing .back-site{
    position: absolute;
    top: 70px;
    left: 16px;
    display: inline-block;
    color: #fff;
    cursor: pointer;
    font-size: 30px;
    z-index: 1010;
} 
#cityListing .back-site:hover{
    color: rgba(255,255,255,0.7);
} 
/*------------------------------------------------------------------------------
[ Hero Video ]
------------------------------------------------------------------------------*/
#cityListing #video-container {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
} 
#cityListing #background_video {
  object-fit: cover;
  font-family: 'object-fit: cover;';
} 
#cityListing #background_video {
    position: absolute;
    top: 0;
    left: 0%;
	-webkit-transform: translate(0,0);
	-moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
	-o-transform: translate(0,0);
	transform: translate(0,0);
    height: 100%;
    width: 100%;
} 
#cityListing #video_cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url('../images/backgrounds/10.jpg') no-repeat;
    background-size: cover;
    background-position: center;
    opacity: 0;
} 
@media (min-width: 768px) {
    #cityListing #video_controls {
        display: none;
    } 
}  
/*------------------------------------------------------------------------------
[ Hero Slideshow ]
------------------------------------------------------------------------------*/
#cityListing .h-slideshow .hero-image {
    display: none !important;
} 
#cityListing .is-mobile .h-slideshow .hero-image{
    display: block !important;
} 
#cityListing .is-mobile .hero-slideshow {
    display: none !important;
} 
#cityListing .hero-slideshow{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: -1;
} 
#cityListing .h-slideshow .hero-image{
    background-image: url(../images/backgrounds/19.jpg);
} 
#cityListing .hero-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: all 6s ease-in-out;
  -moz-transition: all 6s ease-in-out;
  -ms-transition: all 6s ease-in-out;
  -o-transition: all 6s ease-in-out;
  transition: all 6s ease-in-out;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
} 
#cityListing .current-slide {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
} 
/*------------------------------------------------------------------------------
[ Hero Mouseover Effect ]
------------------------------------------------------------------------------*/
#cityListing .bg-container.bg-media {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-image: none;
    overflow: hidden;
    z-index: 2;
} 
#cityListing .bg-container video {
    background-size: cover;
    background-position: 50% 50%;
    position: absolute;
    right: -100%;
    bottom: -100%;
    top: -100%;
    left: -100%;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    z-index: -100;
}
#cityListing .bg-container.bg-media audio,
#cityListing .bg-container.bg-media canvas,
#cityListing .bg-container.bg-media progress,
#cityListing .bg-container.bg-media video {
    display: inline-block;
    vertical-align: baseline;
} 
#cityListing .w-background-video {
    position: relative;
    overflow: hidden;
    height: 500px;
    color: white;
} 
#cityListing .bg-container.bg-media .clear-image {
    display: none;
    width: 12000px;
    height: 12000px;
} 
#cityListing .bg-container.bg-media img {
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
/*------------------------------------------------------------------------------
[ Search popup on short screen heights ]
------------------------------------------------------------------------------*/
#cityListing .hero-header.search-popup.search-short-height {
    height: 100% !important;
    padding-bottom: 70px !important;
} 
#cityListing .search-short-height .header-centralizer{
    display: block !important;
    max-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding-top: 30px !important;
    padding-bottom: 60px !important;
    margin-top: 60px !important;
} 
/*------------------------------------------------------------------------------
[ Map Listing ]
------------------------------------------------------------------------------*/
#cityListing .map-listing {
    /*top: 60px;*/
    padding: 0;
    width: 100%;
    overflow: hidden;
} 
#cityListing .map-listing.map-hidden{
    height: 250px;
} 
#cityListing .close-map-listing{
    position: absolute;
    top: 0;
    left: -36px;
    width: 36px;
    height: 36px;
    line-height: 35px;
    font-size: 14px;
    text-align: center;
    background: var(--primary-color);
    color: #fff;
    border-bottom-left-radius: 8px;
    cursor: pointer;
} 
#cityListing .close-map-listing.icon-map-marker{
    font-size: 22px;
    padding-top: 3px;
} 
#cityListing .close-map-listing:hover{
    background: var(--primary-color);
    color: rgba(255,255,255,0.7);
} 
#cityListing .page-head{
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    font-family: 'Capriola', sans-serif;
    font-size: 16px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background: rgba(255,255,255,0.75);
    color: var(--primary-color);
} 
#cityListing .map-view .page-head{
    display: none;
}
#cityListing .current-page-info,
#cityListing .map-buttom {
    width: 50%;
    position: absolute;
    display: table;
    right: 0;
    top: 0;
    height: 250px;
    line-height: 250px;
    white-space: nowrap;
    font-size: 0;
} 
#cityListing .current-page-info{
    display: inline-block;
}
    #cityListing .current-page-info:before,
    #cityListing .map-buttom:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    } 
#cityListing .map-buttom{
    right: auto;
    left: 50%;
    cursor: pointer;
}
#cityListing .current-page-info {
    right: auto;
    left: 0;
    /*background-image: url(../images/backgrounds/8.jpg);*/
    background-image: url(../../static/img/foto/saleComuniHeroImg.webp); 
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    text-align: center;
    border-bottom-right-radius: 30px;
    overflow: hidden;
    z-index: 10;
    cursor: default;
    line-height: normal;
    box-shadow: 0 10000px rgba(0,0,0,0.6) inset;
} 
#cityListing .current-page-info.hide-page-info{
    left: -50%;
    margin-left: -25px;
} 
#cityListing .breadcrumbs{
    color: var(--primary-color);
    position: absolute;
    top: 12px;
    left: 15px;
    padding-right: 15px;
    z-index: 4;
} 
#cityListing .listing-title .breadcrumbs{
    left: 70px;
} 
#cityListing .breadcrumbs ul{
    position: relative;
    margin: 0;
    padding: 0;
} 
#cityListing .breadcrumbs li{
    display: inline-block;
} 
#cityListing .breadcrumbs li:before{
    font-family: 'icon';
    content: "\ec3c";
    font-size: 10px;
    font-weight: bold;
} 
#cityListing .breadcrumbs li:first-child:before{
    display: none;
} 
#cityListing .breadcrumbs a{
    font-family: 'Capriola', sans-serif;
    color: #fff;
    font-size: 14px;
    text-shadow: 0 0 6px rgba(0,0,0,0.7);
} 
#cityListing .listing-title .breadcrumbs a{
    color: #404040;
    text-shadow: none;
} 
#cityListing .breadcrumbs a:hover{
    color: rgba(255,255,255,0.8);
} 
#cityListing .listing-title .breadcrumbs a:hover{
    color: var(--primary-color);
} 
#cityListing .current-page-icon{
    display: block;
    position: relative;
    top: 4px;
    font-size: 55px;
    width: 100%;
    height: 65px;
    line-height: 65px;
    text-align: center;
} 
#cityListing .listing-flag{
    position: absolute;
    bottom: 0;
    left: 12px;
    width: 50px;
    height: 40px;
    line-height: 50px;
    text-align: center;
    color: var(--primary-color);
    background:#fff;
    z-index: 10;
    font-size: 26px;
    border-radius: 8px 8px 0 0;
}
#cityListing .current-category,
#cityListing .map-button-text {
    vertical-align: middle;
    width: 100%;
    text-align: center;
    color: var(--primary-color);
    display: inline-block;
    white-space: normal;
    font-size: 16px;
} 
#cityListing .current-category a{
    color: #fff;
} 
#cityListing .map-button{
    height: 200px;
    vertical-align: middle;
    position: relative;
    float: right;
} 
#cityListing .map-button-text{
    height: auto;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
} 
#cityListing .map-button-text:before{
    font-family: 'icon';
    content: "\ea81";
    display: inline-block;
    position: relative;
    top: 0;
    font-size: 45px;
    height: 70px;
    line-height: 70px;
    width: 100%;
    text-align: center;
} 
#cityListing .map-buttom.hover{
    width: 100%;
    height: 100%;
    left: 0;
    display: table;
    text-align: center;
    font-family: 'Capriola', sans-serif;
    font-size: 16px;
    position: absolute;
    top: 0;
    z-index: 1;
    color: var(--primary-color);
} 
#cityListing #map{
    position: relative;
    z-index: 0;
} 
#cityListing #map.in-color{
    background: var(--primary-color);
} 
#cityListing #map.in-color .leaflet-tile-pane{
    opacity: 0.75;
}
    #cityListing #map.in-color .leaflet-tile-pane {
        opacity: 0.6;
    } 
#cityListing .back-listing-button{
    background:  var(--primary-color);
    color: #fff;
    height: 42px;
    line-height: 36px;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 20000;
    padding: 2px 10px 0px 10px;
    font-size: 20px;
    cursor: pointer;
    border-top-right-radius: 8px;
    font-family: "Capriola";
    font-size: 16px;
} 
#cityListing .map-and-page .back-listing-button{
    display: none;
} 
#cityListing .back-listing-button:before{
    position: relative;
    margin-right: 8px;
    font-size: 30px;
    top: 6px;
} 
#cityListing .back-listing-button:hover{
    color: rgba(255,255,255,0.7);
} 
#cityListing .map-listing .analogue-2-border-color-a2{
    top: 0;
    height: 100%;
} 
#cityListing .map-listing .analogue-2-color-a5:first-child {
    margin-top: 80px;
    border-top: 1px solid #ddd;
} 
#cityListing .leaflet-control{
    opacity: 0.7;
    color: #000;
} 
#cityListing .leaflet-top{
    z-index: 900;
} 
#cityListing .leaflet-control a{
    color: #000;
} 
#cityListing .leaflet-touch .leaflet-bar{
    border: none;
    opacity: 1;
} 
#cityListing .leaflet-control-zoom{
    box-shadow: none !important;
}
#cityListing .leaflet-control-zoom-out,
#cityListing .leaflet-control-zoom-in {
    border-radius: 50% !important;
    overflow: hidden !important;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2), -2px -2px 2px 0 rgba(0,0,0,0.2) !important;
    color: var(--primary-color) !important;
    display: inline-block !important;
} 
#cityListing .leaflet-control-zoom-out{
    margin-left: 8px;
} 
#cityListing .analogue-2-border-color-a7{
    z-index: 900;
}
#cityListing .leaflet-popup-tip,
#cityListing .leaflet-popup-content-wrapper {
    background: var(--primary-color);
    color: #ffffff;
} 
#cityListing .leaflet-popup-content{
    margin: 0;
    width: auto !important;
    padding: 0;
} 
#cityListing .leaflet-popup-content .maplink{
    display: block;
    padding: 8px;
    max-width: 236px;
    cursor: pointer;
} 
#cityListing .map-contact .leaflet-popup-content .maplink{
    cursor: default;
}
#cityListing .leaflet-popup-content .maplink:before {
    font-family: 'icon';
    content: "\ea86";
    position: absolute;
    top: 10px;
    left: 100px;
    width: 42px;
    height: 42px;
    line-height: 40px;
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.9);
    text-align: center;
    border-radius: 50%;
    z-index: 100;
    font-size: 28px;
    opacity: 0;
} 
#cityListing .leaflet-popup-content .maplink.no-hover:before{
    content: none;
} 
#cityListing .leaflet-popup:hover .leaflet-popup-content .maplink:before{
    opacity: 1;
    top: 40px;
} 
#cityListing .analogue-2-border-color-a8{
    position: relative;
    width: 220px;
    height: 100px;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 8px;
    margin-bottom: 10px;
    box-shadow: 0 10000px rgba(0,0,0,0.3) inset;
}
#cityListing .pop-rating,
#cityListing .leaflet-container a.leaflet-popup-close-button,
#cityListing .pop-coor-icon:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 4px;
    padding-right: 4px;
    background: var(--primary-color);
    color: #fff;
    font-family: 'Capriola', sans-serif;
    font-size: 15px;
    border-bottom-right-radius: 10px;
    z-index: 2;
} 
#cityListing .pop-coor-icon:before{
    font-family: 'icon';
    content: "\ea7c";
    position: absolute;
    display: inline-block;
    top: auto;
    bottom: 0;
    left: 0;
    border-radius: 0 10px 0 0;
    width: 26px;
    height: 28px;
    line-height: 30px;
    text-align: left;
    font-size: 20px;
    z-index: 15;
    padding-right: 0;
    padding-top: 1px;
    cursor: pointer;
} 
#cityListing .pop-coor-icon:hover:before{
    color: rgba(255,255,255,0.7);
}
#cityListing .leaflet-container a.leaflet-popup-close-button,
#cityListing .leaflet-container a.leaflet-popup-close-button:hover {
    left: auto;
    right: 5px;
    padding-right: 0;
    padding-left: 4px;
    padding-top: 6px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 0;
    font-size: 22px;
    color: var(--primary-color);
} 
#cityListing .leaflet-container a.leaflet-popup-close-button:before{
    font-family: 'icon';
    content: "\ec35";
    color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 10px;
    padding-left: 4px;
    line-height: 27px;
} 
#cityListing .leaflet-container a.leaflet-popup-close-button:hover:before{
    color: rgba(255,255,255,0.7);
} 
#cityListing .analogue-2-border-color-a9{
    position: relative;
    width: 100%;
    text-align: center;
    background: rgba(0,0,0,0.07);
    border: 1px dashed rgba(255,255,255,0.7);
    color: #fff;
    border-radius: 8px;
    padding: 10px 6px 8px 6px;
    cursor: text;
    display: none;
} 
#cityListing .analogue-2-border-color-a9 *{
    color: #fff;
} 
#cityListing .analogue-2-border-color-a9:hover{
    background: #fff;
    border: 1px dashed rgba(0,0,0,0.7);
    color: var(--primary-color);
} 
#cityListing .analogue-2-border-color-a9:hover *{
    color: var(--primary-color);
} 
#cityListing .analogue-2-border-color-a9 div{
    display: inline-block;
    width: 100%;
    text-align: center;
} 
#cityListing .analogue-2-border-color-a9 div span{
    font-weight: bold;
    font-size: 13px;
    padding-right: 4px;
}
#cityListing .analogue-2-bg-a9,
#cityListing .pop-category,
#cityListing .analogue-2-color-a9 {
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: 'Capriola', sans-serif;
    font-size: 15px;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 3px;
} 
#cityListing .pop-category{
    font-family: 'Roboto';
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 0px;
    color: rgba(255,255,255,0.8);
    line-height: 15px;
    margin-bottom: 12px;
} 
#cityListing .analogue-2-color-a9{
    font-family: 'Roboto';
    font-size: 13px;
    margin-top: 0;
    color: rgba(255,255,255,1);
    line-height: 15px;
    margin-bottom: 15px;
} 
#cityListing .analogue-2-bg-a6{
    font-size: 30px;
    display: table;
    text-align: center;
    border-radius: 50%;
    border: 0;
    /*background: #fff;*/
    background: var(--fluo-pink);
    color: #ffffff;
    box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.08), -1px -1px 10px 2px rgba(0,0,0,0.08);
} 
#cityListing .analogue-2-bg-a6:hover{
    background: var(--primary-color);
    color: #fff;
} 
#cityListing .analogue-2-bg-a6.selected{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background: var(--primary-color);
    color: #fff;
} 
#cityListing .analogue-2-bg-a6.highZ{
    z-index: 11999 !important;
} 
#cityListing .analogue-2-bg-a6 i{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
} 
#cityListing .analogue-2-bg-a6 i:before{
    height: 50px;
    line-height: 50px;
} 
#cityListing .leaflet-popup{
    margin-bottom: 20px;
} 
#cityListing .leaflet-popup-tip-container{
    display: none;
} 
#cityListing .analogue-2-color-a2{
    display: none;
    position: absolute;
    top: 0;
    right: -350px;
    padding-right: 3px;
    background: #fff;
}
#cityListing .more-listing,
#cityListing .more-map-listing {
    display: block;
    width: 100%;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 42px;
    padding-top: 3px;
    color: var(--primary-color);
    cursor: pointer;
} 
#cityListing .more-listing{
    position: relative;
    height: 145px;
    line-height: 120px;
    font-size: 42px;
    width: 150%;
    left: -25%;
    padding-top: 15px;
}
    #cityListing .more-listing:before,
    #cityListing .more-map-listing:before {
        display: inline-block;
    }
    #cityListing .more-listing:hover,
    #cityListing .more-map-listing:hover {
        display: block;
        color: var(--primary-color);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(150,150,150,0.17)), color-stop(100%, rgba(150,150,150,0)));
        background: -webkit-linear-gradient(top,rgba(150,150,150,0.17) 0%,rgba(150,150,150,0) 100%);
        background: -moz-linear-gradient(top,rgba(150,150,150,0.17) 0%, rgba(150,150,150,0) 100%);
        background: -o-linear-gradient(top,rgba(150,150,150,0.17) 0%, rgba(150,150,150,0) 100%);
        background: linear-gradient(to bottom, rgba(150,150,150,0.17) 0%,rgba(150,150,150,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b969696', endColorstr='#00969696',GradientType=0 );
    }
/*------------------------------------------------------------------------------
[ General Content ]
------------------------------------------------------------------------------*/
#cityListing .row-title {
    margin-top: 150px;
    margin-bottom: 100px;
    text-align: center;
    color: var(--primary-color);
    font-family: 'Capriola', sans-serif;
} 
#cityListing .row-title h1{
    position: relative;
    margin-top: 0;
    border-bottom: 1px dashed  rgba(160,160,160,0.4);
    padding-bottom: 18px;
    width: 100%;
    left: 65px;
    padding-right: 130px;
} 
#cityListing .row-title h4{
    color: #555555;
    position: relative;
    margin: -11px 65px 0 65px;
    padding-top: 15px;
    line-height: 30px;
    display: inline-block;
    border-top: 1px dashed  var(--primary-color);
    opacity: 0.6;
} 
#cityListing .front-categories .row-title h1:before{
    font-family: 'icon';
    content: "\ea7a";
    position: absolute;
    top: 100%;
    left: -65px;
    margin-top: -28px;
    font-size: 45px;
    width: 60px;
    padding-right: 16px;
    text-align: center;
    border-right: 1px dashed var(--primary-color);
} 
#cityListing .cat-itens{
    width: 100%;
    text-align: center;
    margin: 0;
} 
#cityListing .cat-item{
    position: relative;
    display: inline-block;
    font-size: 0;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 25px;
    width: 17%;
    height: 220px;
    background: #000;
    border-radius: 5px;
    padding: 0;
    z-index: 2;
} 
#cityListing .leaf .cat-item{
    border-radius: 5px 25%;
}
    #cityListing .leaf .cat-overlay,
    #cityListing .leaf .cat-item a,
    #cityListing .leaf .cat-item .cat-image {
        border-radius: 5px 25%;
        overflow: hidden;
    } 
#cityListing .vertical .cat-item{
    height: 360px;
} 
#cityListing .vertical.leaf .cat-item{
    border-radius: 5px 70px;
}
    #cityListing .vertical.leaf .cat-overlay,
    #cityListing .vertical.leaf .cat-item a,
    #cityListing .vertical.leaf .cat-item .cat-image {
        border-radius: 5px 70px;
        overflow: hidden;
    } 
#cityListing .horizontal .cat-item{
    width: 45%;
} 
#cityListing .horizontal .cat-item.horizontal-full{
    width: 95%;
    height: 120px;
} 
#cityListing .cat-item a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    line-height: 220px;
    vertical-align: middle;
} 
#cityListing .vertical .cat-item a{
    line-height: 360px;
} 
#cityListing .horizontal .cat-item.horizontal-full a{
    line-height: 120px;
} 
#cityListing .cat-text{
    font-size: 28px;
    text-shadow: 0 0 10px #000;
    color: #fff;
    word-spacing: 9999999px;
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'Capriola', sans-serif;
} 
#cityListing .cat-overlay{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    border-radius: 5px;
    z-index: 10;
} 
#cityListing .cat-item:hover .cat-overlay{
    background: rgba(38,163,135,0.7);
} 
#cityListing .cat-icon{
    position: absolute;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    padding-top: 3px;
    padding-left: 3px;
    top: -20px;
    left: -20px;
    border-radius: 50%;
    border-bottom-right-radius: 50%;
    z-index: 15;
    color: #bbb;
    background: #fff;
} 
#cityListing .cat-icon.dark{
    color: #fff;
    background: #333;
} 
#cityListing .cat-icon.icon-bus{
    padding-top:0;
} 
#cityListing .cat-icon.icon-bus:before{
    position: relative;
    top: -2px;
} 
#cityListing .cat-icon.icon-graduation-hat{
    font-size: 42px;
    padding-top: 5px;
}
#cityListing .cat-item:hover .cat-icon,
#cityListing .cat-item:hover .cat-icon.dark {
    background: var(--primary-color);
    color: #fff;
} 
#cityListing .cat-counter{
    position: absolute;
    width: 65px;
    height: 65px;
    bottom: -32px;
    right: -32px;
    background: #fff;
    border-radius: 50%;
    z-index: 15;
    font-size: 14px;
    font-weight: bold;
    padding-top: 15px;
    padding-right: 10px;
    color: #202020;
} 
#cityListing .cat-item:hover .cat-counter{
    color: var(--primary-color);
} 
#cityListing .cat-image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    overflow: hidden;
    z-index: 1;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
} 
#cityListing .cat-image img{
    display: block;
    height: auto;
    width: auto;
    min-height: 100%;
    max-height: 100%;
    min-width: 100%;
    position: relative;
    left: 55%;
    top: 55%;
} 
#cityListing .pg-header{
    position: relative;
    display: table;
    width: 100%;
    height: 330px;
    margin-top: 60px;
    text-align: center;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff;
    box-shadow: 0 10000px rgba(0,0,0,0.6) inset;
} 
#cityListing .pg-header-content{
    display: table-cell;
    position: relative;
    z-index: 3;
    color: #fff;
    width: 100%;
    text-align: center;
    vertical-align: middle;
} 
#cityListing .pg-header-content *{
    color: #fff;
}
#cityListing .pg-title,
#cityListing .pg-subtitle {
    display: block;
    text-align: center;
} 
#cityListing .pg-title{
    font-size: 50px;
    margin-top: 10px;
} 
#cityListing .pg-subtitle{
    margin-top: 10px;
} 
#cityListing .pg-content{
    margin-top: 90px;
    margin-bottom: 120px;
} 
#cityListing .page-intro{
    width: 100%;
    padding: 80px 15px;
    text-align: center;
    font-size: 17px;
    background: #ededed;
} 
#cityListing .img-left{
    position: relative;
    display: inline-block;
    margin-right: 5%;
    max-width: 200px;
    top: 0;
    vertical-align: top;
} 
#cityListing .img-left.with-icon:before{
    position: absolute;
    top: 50%;
    margin-top: -30px;
    left: 0;
    width: 100%;
    font-size: 52px;
    text-align: center;
    color: #fff;
    z-index: 15;
} 
#cityListing .img-left.with-icon:after{
    content: "";
    position: absolute;
    top: 5%;
    left: 5%;
    width: 90%;
    height: 90%;
    box-shadow: 0 10000px rgba(38,163,135,0.6) inset;
    z-index: 10;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    overflow: hidden;
} 
#cityListing .img-left img{
    border-radius: 50%;
    position: relative;
    z-index: -6;
    width: 100%;
    top: 0;
} 
#cityListing .text-inline{
    position: relative;
    top: 50%;
    display: inline-block;
    max-width: 480px;
} 
#cityListing .text-inline:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
} 
#cityListing .text-inline h2{
    color:  rgb(38,163,135 );
} 
/*------------------------------------------------------------------------------
[ Separators ]
------------------------------------------------------------------------------*/
#cityListing .separator,
#cityListing .separator-short,
#cityListing .separator-medium,
#cityListing .separator-large {
    position: relative;
    display: block;
    width: 100%;
    height: 20px;
    margin-top: 60px;
    margin-bottom: 60px;
} 
#cityListing .separator-short{
    margin-top: 20px;
    margin-bottom: 20px;
} 
#cityListing .separator-medium{
    margin-top: 40px;
    margin-bottom: 40px;
} 
#cityListing .separator-large{
    margin-top: 80px;
    margin-bottom: 80px;
} 
#cityListing .s-dots{
    background-image: url(../images/miscellaneous/dot-overlay.png);
} 
#cityListing .s-line{
    border-top: 1px solid rgba(38,163,135,0.4);
    top: 15px;
} 
#cityListing .s-line-dashed{
    border-top: 1px dashed var(--primary-color);
    top: 15px;
} 
#cityListing .iconized-separator {
    margin-top: 60px;
    margin-bottom: 60px;
    position: relative;
} 
#cityListing .iconized-separator .mask {
    overflow: hidden;
    height: 20px;
} 
#cityListing .iconized-separator .mask:after {
    content: '';
    display: block;
    margin: -25px auto 0;
    width: 100%;
    height: 25px;
    border-radius: 125px / 12px;
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
} 
#cityListing .iconized-separator span {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 100%;
    margin-bottom: -25px;
    left: 50%;
    margin-left: -25px;
    border-radius: 100%;
    box-shadow: 0 2px 4px #999;
    background: white;
} 
#cityListing .iconized-separator span i {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    border-radius: 100%;
    border: 1px dashed #aaa;
    text-align: center;
    line-height: 40px;
    font-style: normal;
    color: var(--primary-color);
    font-size: 25px;
    height: 42px;
    padding-top: 2px;
} 
#cityListing .iconized-separator-vertical {
    display: inline-block;
    margin-top: 100px;
    margin-left: 100px;
    width: 100px;
    position: relative;
} 
#cityListing .iconized-separator-vertical .mask {
    overflow: hidden;
    width: 20px;
    height: 200px;
} 
#cityListing .iconized-separator-vertical.left .mask:after {
    content: '';
    display: block;
    margin-left: -20px;
    width: 20px;
    height: 100%;
    border-radius: 12px / 125px;
    box-shadow: 0 0 8px black;
} 
#cityListing .iconized-separator-vertical.right .mask:before {
    content: '';
    display: block;
    margin-left: 20px;
    width: 20px;
    height: 100%;
    border-radius: 12px / 125px;
    box-shadow: 0 0 8px black;
} 
/*------------------------------------------------------------------------------
[ Trending Section ]
------------------------------------------------------------------------------*/
#cityListing .trending {
    position: relative;
    background-image: url(../images/backgrounds/16.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000;
    margin-top: 120px;
    text-align: center;
    padding-bottom: 50px;
    box-shadow: 0 10000px rgba(0,0,0,0.75) inset;
} 
#cityListing .trending.light{
    box-shadow: 0 10000px rgba(255,255,255,0.85) inset;
} 
#cityListing .is-mobile .trending{
    background-attachment: scroll;
} 
#cityListing .h-video.landing .trending{
    background: none;
    box-shadow: none;
    margin:0;
} 
#cityListing .trending.landing{
    background: none;
    box-shadow: none;
    margin-top: -150px;
} 
#cityListing .trending .row-title{
    top: 0;
    margin-top: 50px;
    margin-bottom: 80px;
    position: relative;
    z-index: 2;
} 
#cityListing .h-video.landing .trending .row-title{
    margin: 0;
} 
#cityListing .trending .row-title h1{
    left: 0;
    padding-right: 0;
} 
#cityListing .trending .row-title h4{
    color: rgba(255,255,255,0.9);
} 
#cityListing .trending.light .row-title h4{
    color: #555;
} 
#cityListing .h-video.landing .trending h4{
    margin: -11px 0px 0 0px;
    display: inline-block;
} 
#cityListing .trending .row-title{
    color: #fff;
} 
#cityListing .trending .row-title:before{
    font-family: "FontAwesome";
    content: "\f0e7";
    font-size: 55px;
    color: var(--primary-color);
    width: 100%;
    padding-top: 80px;
    display: block;
} 
#cityListing .hero-header .trending .row-title:before{
    display: none;
} 
#cityListing .listing{
    width: 100%;
}
    #cityListing .listing,
    #cityListing .listing .col-md-9 {
        text-align: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 
#cityListing .listing.grid2 .col-md-9{
    display: block;
} 
#cityListing .listing.grid6 .col-md-9{
    padding: 0;
} 
#cityListing .listing .col-md-9 .col-sm-4{
    margin-bottom: 30px;
} 
#cityListing .trending.landing .listing{
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
} 
#cityListing .listing-item{
    width: 100%;
    max-width: 320px;
    position: relative;
    display: inline-block;
    margin-bottom: 60px;
} 
#cityListing .grid4 .listing-item{
    margin-bottom: 0;
} 
#cityListing .grid6 .listing-item{
    margin-bottom: 10px;
    max-width: 99999px;
} 
#cityListing .listing-item-date{
    position: absolute;
    top: -5px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    padding: 6px 0 6px 0;
    text-align: center;
    font-size: 16px;
    font-family: 'Capriola', sans-serif;
    background: #fff;
    color: var(--primary-color);
    border-radius: 50%;
    border: 0 solid #ccc;
    z-index: 50;
} 
#cityListing .listing-item-date .month{
    font-size: 12px;
    margin-top: -3px;
}
#cityListing .listing-item .listing-item-link,
#cityListing .listing-item .listing-item-link img {
    width: 100%;
    display: inline-block;
    border-radius: 50%;
}
#cityListing .squared .listing-item .listing-item-link,
#cityListing .squared .listing-item .listing-item-link img {
    width: 100%;
    display: inline-block;
    border-radius: 20px;
}
#cityListing .grid6 .listing-item .listing-item-link,
#cityListing .grid6 .listing-item .listing-item-link img {
    border-radius: 8px;
} 
#cityListing .grid6.rounded-pic .listing-item .listing-item-link{
    border-radius: 85px 8px 8px 85px;
} 
#cityListing .grid6.rounded-pic .listing-item .listing-item-link img{
    border-radius: 50%;
} 
#cityListing .grid6 .listing-item .listing-item-link img{
    display: table-cell;
    width: 150px;
    max-width: 99999px;
} 
#cityListing .listing-item .listing-item-link{
    box-shadow: 12px 12px 12px 0 rgba(0,0,0,0.2), -12px -12px 12px 0 rgba(0,0,0,0.2);
    position: relative;
    background: rgba(255,255,255,0.1);
    margin-bottom: 10px;
} 
#cityListing .grid6 .listing-item .listing-item-link{
    display: table;
    position: relative;
    padding: 10px;
}
#cityListing .listing-item .listing-item-link:before,
#cityListing .listing-item-rating {
    font-family: "FontAwesome";
    content: "\f0e7";
    position: absolute;
    z-index: 20;
    display: block;
    width: 38px;
    padding: 4px;
    top: -12px;
    left: 50%;
    margin-left: -19px;
    font-size: 22px;
    color: #fff;
    background: #333;
    border-radius: 50%;
} 
#cityListing .listing-item-rating{
    top: 12%;
    left: auto;
    right: 26%;
    margin-right: -20px;
    margin-top: -20px;
    width: 32px;
    height: 32px;
    line-height: 22px;
    text-align: center;
    font-family: 'Capriola', sans-serif;
    font-size: 15px;
    background: var(--primary-color);
} 
#cityListing .squared .listing-item-rating{
    left: auto;
    right: 8%;
    top: 6%;
} 
#cityListing .grid6 .listing-item-rating{
    top: 6px;
    left: auto;
    right: 5px;
    margin-right: 0;
    margin-top: 0;
} 
#cityListing .grid6.rounded-pic .listing-item-rating{
    top: -8px;
    right: auto;
    left: 85px;
} 
#cityListing .analogue-2-color-a5 .listing-item-rating{
    width: 28px;
    height: 28px;
    line-height: 18px;
    font-size: 15px;
    text-shadow: none;
    top: 40px;
    left: auto;
    right: 50%;
    margin-right: -36px;
    margin-top: 0;
    color: var(--primary-color);
    background: #fff;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2), -2px -2px 2px 0 rgba(0,0,0,0.2);
} 
#cityListing .analogue-2-color-a5:hover .listing-item-rating{
    color: #fff;
    background: var(--primary-color);
    top: 49px;
    margin-right: -50px;
} 
#cityListing .listing-item .listing-item-link:hover:before{
    color: var(--primary-color);
    background: #fff;
} 
#cityListing .listing-black-overlay{
    position: absolute;
    display: block;
    border-radius: 50%;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: url(../images/miscellaneous/black-overlay.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 1;
} 
#cityListing .grid6 .listing-black-overlay{
    display: none;
} 
#cityListing .squared .listing-black-overlay{
    border-radius: 20px;
} 
#cityListing .listing-item .listing-item-link:hover{
    background: var(--primary-color);
} 
#cityListing .grid6 .listing-item .listing-item-link:hover{
    background: rgba(var(--primary-color-rgb), 0.10);
} 
#cityListing .listing-item-title-centralizer{
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0 15px 8px 15px;;
    overflow: visible;
    border-radius: 50%;
    font-size: 0;
} 
#cityListing .grid6 .listing-item-title-centralizer{
    display: table-cell;
    position: relative;
    vertical-align: top;
} 
#cityListing .grid6.rounded-pic .listing-item-title-centralizer{
    padding-right: 0;
} 
#cityListing .squared .listing-item-title-centralizer{
    border-radius: 0;
} 
#cityListing .listing-item-title-centralizer:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
} 
#cityListing .listing-item-title{
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'Capriola', sans-serif;
    white-space: pre-line;
    padding-left: 15px;
    padding-right: 15px;
}
#cityListing .grid2 .listing-item-title,
#cityListing .grid3 .listing-item-title {
    white-space: normal;
    padding: 0;
    text-shadow: none;
    letter-spacing: 0;
} 
#cityListing .grid6 .listing-item-title{
    white-space:normal;
    padding-left: 0;
} 
#cityListing .blog .grid6 .listing-item-title{
    padding-right: 0;
} 
#cityListing .ribbon{
    color: #fff;
    background: var(--primary-color);
    position: relative;
    z-index: 600;
    height: 22px;
    margin-top: 6px;
    padding: 2px 5px 0 5px;
    font-family: 'Roboto';
    font-size: 14px;
    display: inline-block;
    white-space: nowrap;
    text-align: center;
} 
#cityListing .listing-item .ribbon{
    position: relative;
    margin-left: 15px;
    margin-right: 15px;
} 
#cityListing .listing-item .amenities{
    text-align: left;
    margin-top: 15px;
} 
#cityListing .grid6 .listing-item .ribbon{
    display: table-cell;
    top: 0;
    left: 8px;
    line-height: 20px;
} 
#cityListing .grid6.rounded-pic .listing-item .ribbon{
    border-top-right-radius: 6px;
}
#cityListing .grid2 .ribbon,
#cityListing .grid3 .ribbon {
    position: absolute;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    text-shadow: none;
    box-shadow: none;
    top: -17px;
    right: 0;
    border-top-right-radius: 6px;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
} 
#cityListing .claimed .ribbon{
    padding: 2px 10px 0 10px;
}
#cityListing .ribbon:before,
#cityListing .ribbon:after {
    content: '';
    position: absolute;
    height: 0;
    border: 11px solid transparent;
    top: 0;
    width: 0;
    border-top-color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    z-index: -1;
} 
#cityListing .ribbon:before{
    left: -11px;
} 
#cityListing .ribbon:after{
    right: -11px;
}
#cityListing .grid2 .ribbon:after,
#cityListing .grid3 .ribbon:after,
#cityListing .analogue-2-color-a5 .ribbon:after,
#cityListing .leaflet-popup .ribbon:after,
#cityListing .grid6.rounded-pic .ribbon:after {
    display: none;
}
#cityListing .analogue-2-color-a5 .ribbon,
#cityListing .leaflet-popup .ribbon {
    position: absolute;
    top: -6px;
    right: 0;
    padding: 3px 5px 0 5px;
    height: 24px;
    font-size: 14px;
    text-shadow: none;
    background: #fff;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: var(--primary-color);
    border-bottom-left-radius: 6px;
} 
#cityListing .leaflet-popup .ribbon{
    top: auto;
    bottom: 0;
    border-radius: 6px 0;
    background: rgba(0,0,0,0.5);
    color: rgba(255,255,255,0.9);
    border: 0;
}
#cityListing .analogue-2-color-a2 .analogue-2-color-a5 .ribbon,
#cityListing .leaflet-popup .ribbon {
    padding: 3px 5px 0 5px;
    text-shadow: none;
} 
#cityListing .analogue-2-color-a5:hover .ribbon{
    display: none;
}
#cityListing .analogue-2-color-a5 .ribbon:before,
#cityListing .leaflet-popup .ribbon:before {
    display: none;
    border: 9px solid transparent;
    border-top-color: #fff;
    border-bottom-color: #fff;
    left: -9px;
} 
#cityListing .fixed-pricing-button .ribbon{
    font-family: 'Capriola', sans-serif;
    border-radius: 0 5px 5px 0;
    font-size: 16px;
    margin: 0;
    padding: 0 0 0 8px;
    height: 44px;
    line-height: 46px;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.20), -1px -1px 8px rgba(0,0,0,0.20);
} 
#cityListing .fixed-pricing-button .ribbon:before{
    left: -22px;
    border: 22px solid transparent;
    border-top-color: var(--primary-color);
    border-bottom-color: var(--primary-color);
    z-index: -1000;
} 
#cityListing .fixed-pricing-button .ribbon:after{
    font-family: 'icon';
    content: "\ea89";
    border: 0;
    right: auto;
    position: relative;
    font-size: 24px;
    width: 54px;;
    height: 44px;
    float: right;
    text-align: center;
    background: rgba(0,0,0,0.10);
    border-left: 1px dashed rgba(255,255,255,0.5);
    margin-left: 10px;
} 
#cityListing .listing-item .category-icon{
    position: absolute;
    width: 44px;
    height: 44px;
    line-height: 44px;
    font-size: 30px;
    padding-top: 3px;
    text-align: center;
    color: #fff;
    background: #333;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.10), -2px -2px 5px 0 rgba(0,0,0,0.10);
    border-radius: 50%;
    z-index: 15;
    top: 12%;
    left: 30%;
    margin-left: -36px;
    margin-top: -26px;
} 
#cityListing .grid6 .listing-item .category-icon{
    top: 6%;
    left: 25px;
} 
#cityListing .grid6.rounded-pic .listing-item .category-icon{
    top: 35px;
    left: 40px;
} 
#cityListing .squared .listing-item .category-icon{
    top: 6%;
    left: 11%;
} 
#cityListing .listing-item .category-icon.fa{
    font-size: 21px;
    padding-top: 2px;
} 
#cityListing .listing-item .category-icon:hover{
    background: var(--primary-color);
    color: #fff;
} 
#cityListing .listing.white .listing-item .category-icon{
    background: #fff;
    color: var(--primary-color);
} 
#cityListing .listing.white .listing-item .category-icon:hover{
    color: #fff;
    background: var(--primary-color);
} 
#cityListing .listing-item-author{
    position: relative;
    display:inline-block;
    z-index: 30;
    top: -50px;
    border-radius: 50%;
} 
#cityListing .grid6 .listing-item-author{
    position: relative;
    display:inline-block;
    z-index: 30;
    top: -50px;
    left: 0;
    border-radius: 50%;
} 
#cityListing .listing-item-author img{
    width: 45px;
    border-radius: 50%;
} 
#cityListing .listing-item-data{
    margin-top: 30px;
} 
#cityListing .grid6 .listing-item-data{
    margin-top: 10px;
} 
#cityListing .trending.landing .listing-item-data{
    margin:15px;
    z-index: -10;
    position: relative;
}
#cityListing .grid2 .listing-item-data,
#cityListing .blog-home .listing-item-data,
#cityListing .blog .listing-item-data {
    margin-top: 0;
} 
#cityListing .grid5 .listing-item-data{
    margin-top: -20px;
} 
#cityListing .listing-item-data:before{
    font-family: "FontAwesome";
    content: "\f041";
    position: relative;
    display: block;
    width: 100%;
    margin-top: -35px;
    font-size: 22px;
    color: #fff;
} 
#cityListing .grid6 .listing-item-data:before{
    display: none;
} 
#cityListing .listing.white .listing-item-data:before{
    color: var(--primary-color);
}
#cityListing .listing-item-excerpt,
#cityListing .listing-item-address {
    color: #fff;
    display: block;
}
#cityListing .light .listing-item-address,
#cityListing .light .listing-item-excerpt {
    color: #555;
    text-shadow: none;
} 
#cityListing .light .listing-item-excerpt{
    border-top: 1px dashed rgba(0,0,0,0.6);
}
    #cityListing .listing-item-address:hover,
    #cityListing .listing.white .listing-item-address:hover,
    #cityListing .light .listing-item-address:hover,
    #cityListing .light .listing-item-excerpt:hover,
    #cityListing .grid6 .listing-item:hover .listing-item-address {
        color: var(--primary-color);
    } 
#cityListing .listing-item-address{
    font-family: 'Capriola', sans-serif;
    font-size: 13px;
    padding-bottom: 4px;
    width: 100%;
    text-align: center;
} 
#cityListing .listing-item-excerpt{
    text-shadow: 0 0 6px rgba(0,0,0,0.7);
    padding-top: 4px;
    border-top: 1px dashed rgba(255,255,255,0.6);
    width: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
    opacity: 0.8;
} 
#cityListing .grid6 .listing-category-name{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 100;
    padding: 2px 5px 0 8px;
    border-top-left-radius: 0px;
} 
#cityListing .listing-category-name a{
    display: inline-block;
    color: var(--primary-color);
    margin-top: 3px;
    text-transform: uppercase;
    font-size: 13px;
    text-shadow: 0 0 6px rgba(0,0,0,0.7);
} 
#cityListing .light .listing-category-name a{
    text-shadow: none;
} 
#cityListing .listing-category-name a:hover{
    color:rgba(38,163,135,0.7);
} 
#cityListing .listing.white .listing-category-name a{
    text-shadow: none;
    color: var(--primary-color);
} 
/*------------------------------------------------------------------------------
[ How it Works Section ]
------------------------------------------------------------------------------*/
#cityListing .color-bg {
    color: #fff;
} 
#cityListing .color-bg .row-title{
    color: #fff;
} 
#cityListing .color-bg .row-title h1{
    border-bottom: 1px dashed  rgba(255,255,255,0.3);
    color: #fff;
} 
#cityListing .color-bg .row-title h1:before{
    border-right: 1px dashed #fff;
} 
#cityListing .color-bg .row-title h4 {
    color: rgba(255,255,255,0.9);
    border-top: 1px dashed #fff;
} 
#cityListing .how{
    position: relative;
    text-align: center;
    padding-bottom: 100px;
} 
#cityListing .how .row-title{
    top: 0;
    padding-top: 100px;
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
    z-index: 2;
} 
#cityListing .how .row-title h1:before{
    font-family: 'icon';
    content: "\ea46";
    position: absolute;
    top: 100%;
    left: -65px;
    margin-top: -28px;
    font-size: 45px;
    width: 60px;
    padding-right: 16px;
    text-align: center;
} 
#cityListing .how-item{
    border: 1px solid transparent;
    border-top: 2px solid transparent;
    margin-top: 40px;
    border-radius: 15px;
} 
#cityListing .how-item:hover{
    border: 1px dashed rgba(255,255,255,0.5);
    box-shadow: 0 0 50px rgba(0,0,0,0.12);
} 
#cityListing .how-item a{
    display: block;
    color: #fff;
} 
#cityListing .how-item img{
    position: relative;
    max-height: 120px;
    padding-top: 30px;
    padding-bottom: 30px;
    top: 0;
} 
#cityListing .how-item:hover img{
    top: 11px;
} 
#cityListing .how-item h3{
    border-top: 1px dashed rgba(255,255,255,0.4);
    border-bottom: 1px dashed rgba(255,255,255,0.4);
    margin-top: -5px;
    padding-top: 10px;
    padding-bottom: 9px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
} 
#cityListing .how-item:hover h3{
    border-top: 1px dashed rgba(255,255,255,1);
    border-bottom: 1px dashed rgba(255,255,255,1);
} 
#cityListing .how-item-excerpt{
    font-size: 15px;
    padding: 12px;
    color: rgba(255,255,255,0.8);
    padding-bottom: 20px;
    position: relative;
    top: 0;
} 
#cityListing .how-item:hover .how-item-excerpt{
    color: rgba(255,255,255,1);
    top: -8px;
} 
#cityListing .how-item a:after{
    font-family: 'icon';
    content: "\ec36";
    font-size: 16px;
    color: rgba(255,255,255,0.5);
    position: absolute;
    display: inline-block;
    bottom: -16px;
    left: 50%;
    margin-left: -16px;
    border: 1px dashed transparent;
    padding: 4px;
    width: 32px;
    border-radius: 50%;
    background: var(--primary-color);
} 
#cityListing .how-item:hover a:after{
    color: rgba(255,255,255,1);
    border: 1px dashed rgba(255,255,255,1);
} 
/*------------------------------------------------------------------------------
[ Newsletter ]
------------------------------------------------------------------------------*/
#cityListing .newsletter {
    background: rgba(var(--primary-color-rgb), 0.10);
    position: relative;
    text-align: center;
    padding: 115px 0 85px 0;
    font-size: 14px;
    font-family: 'Capriola', sans-serif;
    overflow: hidden;
} 
#cityListing .newsletter:before{
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 300px;
} 
#cityListing .newsletter-label{
    color: var(--primary-color);
    text-transform: uppercase;
    display: inline-block;
    font-size: 15px;
    position: relative;
    margin-right: 10px;
    padding-bottom: 30px;
    top: -4px;
} 
#cityListing .newsletter-label:before{
    font-family: "FontAwesome";
    content: "\f2b7";
    font-size: 20px;
    color: rgba(255,255,255,0.5);
    position: relative;
    display: inline-block;
    margin-right: 5px;
    opacity: 0;
} 
#cityListing .newsletter .col-sm-12 #email{
    width: 400px;
    max-width: 75%;
} 
#cityListing .newsletter input[type="text" ]{
    position: relative;
    border: 0;
    color: #aaa;
    padding-left: 8px;
    font-size: 14px;
    top: -5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed rgba(38,163,135,0.50);
    background: none;
} 
#cityListing .newsletter input:focus {
    outline: none !important;
    border: 0;
    border-bottom: 1px solid #ddd;
    box-shadow: none;
} 
#cityListing .newsletter .btn{
    padding: 0;
    font-size: 25px;
    color: var(--primary-color);
    height: 0;
    line-height: 0;
    border: 0;
    position: relative;
    margin-top: 3px;
    margin-left: 5px;
} 
#cityListing .newsletter .btn:hover{
    color: rgba(255,255,255,1);
} 
#cityListing .newsletter .btn:before{
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    margin-top: -7px;
    font-size: 20px;
} 
#cityListing .newsletter-explanation{
    position: absolute;
    bottom: 15px;
    right: 15px;
    color: rgba(38,163,135,0.7);
    font-family: 'Roboto';
    font-size: 13px;
    padding: 0 15px 0 15px;
}
#cityListing .newsletter:hover,
#cityListing .newsletter.onFocus {
    background: var(--primary-color);
}
    #cityListing .newsletter:hover .newsletter-label,
    #cityListing .newsletter.onFocus .newsletter-label {
        color: #fff;
    }
        #cityListing .newsletter:hover .newsletter-label:before,
        #cityListing .newsletter.onFocus .newsletter-label:before {
            opacity: 1;
        }
    #cityListing .newsletter:hover input[type="text" ],
    #cityListing .newsletter.onFocus input[type="text" ] {
        color: #fff;
        border-bottom: 1px solid rgba(255,255,255,0.2);
    }
    #cityListing .newsletter:hover .btn,
    #cityListing .newsletter.onFocus .btn {
        color: rgba(255,255,255,0.7);
    }
        #cityListing .newsletter .btn:hover,
        #cityListing .newsletter.onFocus .btn:hover {
            color: rgba(255,255,255,1);
        }
    #cityListing .newsletter:hover .newsletter-explanation,
    #cityListing .newsletter.onFocus .newsletter-explanation {
        color: rgba(255,255,255,0.7);
    } 
/*------------------------------------------------------------------------------
[ Form Placeholders ]
Notice: Cross browser placeholders need to be declared separately
------------------------------------------------------------------------------*/
#cityListing .form-control::-webkit-input-placeholder {
    color: #202020;
} 
#cityListing .form-control:-moz-placeholder{
    color: #202020;
} 
#cityListing .form-control::-moz-placeholder{
    color: #202020;
} 
#cityListing .form-control:-ms-input-placeholder{
    color: #202020;
} 
#cityListing .hero-search input[type="text" ]::-webkit-input-placeholder{
    color: rgba(var(--primary-color-rgb), 0.9);
    display: none;
    position: relative;
} 
#cityListing .hero-search input[type="text" ]:-moz-placeholder{
    color: rgba(var(--primary-color-rgb), 0.9);
    position: relative;
} 
#cityListing .hero-search input[type="text" ]::-moz-placeholder{
    color: rgba(var(--primary-color-rgb), 0.9);
    position: relative;
} 
#cityListing .hero-search input[type="text" ]:-ms-input-placeholder{
    color: rgba(var(--primary-color-rgb), 0.9);
    position: relative;
} 
#cityListing .newsletter *::-webkit-input-placeholder {
    color: rgba(38,163,135,0.6);
} 
#cityListing .newsletter *:-moz-placeholder {
    color: rgba(38,163,135,0.6);
} 
#cityListing .newsletter *::-moz-placeholder {
    color: rgba(38,163,135,0.6);
} 
#cityListing .newsletter *:-ms-input-placeholder {
    color: rgba(38,163,135,0.6);
}
#cityListing .newsletter:hover *::-webkit-input-placeholder,
#cityListing .newsletter.onFocus *::-webkit-input-placeholder {
    color: #202020;
}
#cityListing .newsletter:hover *:-moz-placeholder,
#cityListing .newsletter.onFocus *:-moz-placeholder {
    color: #202020;
}
#cityListing .newsletter:hover *::-moz-placeholder,
#cityListing .newsletter.onFocus *::-moz-placeholder {
    color: #202020;
}
#cityListing .newsletter:hover *:-ms-input-placeholder,
#cityListing .newsletter.onFocus *:-ms-input-placeholder {
    color: #202020;
} 
#cityListing .contact-form .form-control::-webkit-input-placeholder{
    font-family: 'Roboto';
    color: #202020;
} 
#cityListing .contact-form .form-control:-moz-placeholder{
    font-family: 'Roboto';
    color: #202020;
} 
#cityListing .contact-form .form-control::-moz-placeholder{
    font-family: 'Roboto';
    color: #202020;
} 
#cityListing .contact-form .form-control:-ms-input-placeholder{
    font-family: 'Roboto';
    color: #202020;
} 
#cityListing .search-field input::-webkit-input-placeholder{
    color: var(--primary-color);
} 
#cityListing .search-field input:-moz-placeholder{
    color: var(--primary-color);
} 
#cityListing .search-field input::-moz-placeholder{
    color: var(--primary-color);
} 
#cityListing .search-field input:-ms-input-placeholder{
    color: var(--primary-color);
} 
/*------------------------------------------------------------------------------
[ Home Blog Posts ]
------------------------------------------------------------------------------*/
#cityListing .blog-home {
    margin-bottom: 60px;
} 
#cityListing .listing.white{
    padding-bottom: 0;
} 
#cityListing .listing.white .row-title{
    margin-top: 100px;
    margin-bottom: 80px;
} 
#cityListing .blog-home .row-title h1:before{
    font-family: 'icon';
    content: "\e91c";
    position: absolute;
    top: 100%;
    left: -65px;
    margin-top: -28px;
    font-size: 45px;
    width: 60px;
    padding-right: 16px;
    text-align: center;
    border-right: 1px dashed var(--primary-color);
} 
#cityListing .listing.white .listing-item .listing-item-link:before{
    content: none;
}
#cityListing .listing-item .listing-item-link:hover:before,
#cityListing .listing.white .listing-item .listing-item-link:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../images/miscellaneous/spiral.gif);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: -1;
    margin: 0;
    opacity: 0.14;
}
#cityListing .squared .listing-item .listing-item-link:hover:before,
#cityListing .listing.white.squared .listing-item .listing-item-link:hover:before {
    display: none !important;
}
#cityListing .listing.grid3 .listing-item-link:hover:before,
#cityListing .listing.grid6 .listing-item-link:hover:before {
    content: none !important;
}
#cityListing .grid2 .listing-item .listing-item-link:hover:before,
#cityListing .grid2 .listing.white .listing-item .listing-item-link:hover:before {
    background-image: none !important;
} 
#cityListing 
.listing.white .listing-item-address,
.listing.white .listing-item-excerpt{
    color: #202020;
    text-shadow: none;
    letter-spacing: 0;
}
#cityListing .grid6 .listing-item-address,
#cityListing .grid6 .listing-item-excerpt {
    text-align: left;
} 
#cityListing .listing.white .listing-item-excerpt{
    border-top: 1px dashed rgba(150,150,150,1);
    max-height: 100px;
    line-height: 16px;
} 
#cityListing .grid6 .listing-item-excerpt{
    max-height: 99999px !important;
} 
#cityListing .listing.white .listing-item .listing-item-link {
    box-shadow: 8px 8px 12px 0 rgba(0,0,0,0.12), -8px -8px 12px 0 rgba(0,0,0,0.12);
} 
#cityListing .blog .listing.white .listing-item-data:before{
    content: none;
} 
/*------------------------------------------------------------------------------
[ Single Listing ]
------------------------------------------------------------------------------*/
#cityListing .quick-menu {
    position: fixed;
    background: var(--primary-color);
    width: 50px;
    text-align: center;
    top: 70px;
    left: 10px;
    border-radius: 5px;
    z-index: 33;
    padding: 6px 0 4px 0;
    box-shadow: 1px 1px 8px rgba(0,0,0,0.20), -1px -1px 8px rgba(0,0,0,0.20);
} 
#cityListing .quick-menu:before{
    content: "";
    position: absolute;
    display: inline-block;
    top: -5px;
    bottom: -5px;
    left: -5px;
    right: -5px;
    border: 0 solid rgba(130,130,130,0.3);
    z-index: -1;
    border-radius: 12px;
} 
#cityListing .quick-menu a{
    display: inline-block;
    color: #fff;
    font-size: 26px;
    height: 45px;
    line-height: 45px;
} 
#cityListing .quick-menu.hidden-menu a{
    height: 34px;
    line-height: 36px;
} 
#cityListing .quick-menu a:hover:before{
    opacity: 0.6;
} 
#cityListing .pvt{
    position: relative;
    width: 100%;
    background: rgba(0,0,0,0.10);
    border-top: 1px dashed rgba(255,255,255,0.5);
    bottom: -4px;
    border-radius: 0 0 5px 5px;
} 
#cityListing .fixed-pricing-button{
    position: fixed;
    top: 70px;
    right: 10px;
    z-index: 32;
} 
#cityListing .fixed-pricing-button .pricing-data{
    display: inline-block;
    float: left;
} 
#cityListing .fixed-pricing-button .pricing-data-hover{
    display: none;
    float: left;
} 
#cityListing .fixed-pricing-button:hover .pricing-data{
    display: none;
} 
#cityListing .fixed-pricing-button:hover .pricing-data-hover{
    display: inline-block;
} 
#cityListing .listing-title{
    margin-top: 60px;
    padding: 95px 60px 80px 60px;
} 
#cityListing .listing-title .pg-header-icon{
    bottom: -45px;
} 
#cityListing .listing-title h2{
    position: relative;
    display: inline-block;
    width: auto;
    border-bottom: 2px dashed #ddd;
    border-top: 2px dashed #ddd;
    padding-top: 8px;
} 
#cityListing .listing-title .listing-item-rating{
    position: relative;
    display: inline-block;
    right: auto;
    top: -8px;
    margin: 0;
}
    #cityListing .listing-title a.listing-item-rating:hover,
    #cityListing .listing-title a.listing-item-rating:focus {
        color: #fff;
        opacity: 0.8;
    } 
#cityListing .rating-count{
    font-family: 'Roboto';
    position: relative;
    font-size: 13px;
    display: inline-block;
    width: 0;
    height: 0;
    top: -18px;
    left: -5px;
    color: #404040;
} 
#cityListing .gallery{
    position: relative;
    width: auto !important;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    font-size: 0;
    margin: 0;
    padding: 0;
} 
#cityListing .gallery-item{
    position: relative;
    display: inline-block;
    overflow: hidden;
    cursor: w-resize;
} 
#cityListing .gallery-item:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: inline-block;
    box-shadow: 0 10000px rgba(0,0,0,0.0) inset;
    z-index: 3;
} 
#cityListing .gallery-item.dark-overlay:before{
    box-shadow: 0 10000px rgba(38,163,135,0.5) inset;
} 
#cityListing .gallery-item-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 80px 150px 12px 12px;
    width: 100%;
    color: #ddd;
    text-shadow: 0 0 6px rgba(0,0,0,0.7);
    white-space: normal;
    font-size: 14px;
    z-index: 0;
    text-align: left;
    line-height: 18px;
    background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.85)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0%, rgba(0,0,0,0.85) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.85) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );
    font-style: italic;
} 
#cityListing .gallery a{
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
    opacity: 0.6;
} 
#cityListing .gallery a:before{
    font-family: 'icon';
    content: "\ec36";
    color: #fff;
    display: inline-block;
    font-size: 18px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: var(--primary-color);
    border-radius: 50%;
    z-index: 10;
    text-align: center;
} 
#cityListing .gallery a:after{
    content: "";
    position: absolute;
    width: 130%;
    height: 130%;
    top: -15%;
    left: -15%;
    display: inline-block;
    background: rgba(255,255,255,0.25);
    border-radius: 50%;
    z-index: -100;
} 
#cityListing .gallery a:hover{
    opacity: 1;
} 
#cityListing .gallery a:hover:after{
    opacity: 1;
    background: rgba(255,255,255,0.15);
} 
#cityListing .gallery img{
    display: inline-block;
    cursor: w-resize;
    height: 430px;
} 
#cityListing .lightbox{
    margin-left: -60000px;
} 
#cityListing .lightbox .lb-image{
    border: 0;
} 
#cityListing #lightboxOverlay {
    position: fixed !important;
    top: 0;
    left: 0;
    height: 100% !important;
    width: 100% !important;
} 
#cityListing #lightbox {
    position: fixed !important;
    top: 52% !important;
    -webkit-transform: translate(0,-50%);
	-moz-transform: translate(0,-50%);
    -ms-transform: translate(0,50%);
	-o-transform: translate(0,-50%);
	transform: translate(0,-50%);
} 
#cityListing .lb-dataContainer{
    min-height: 47px;
    display: block !important;
} 
#cityListing .listing-avatar{
    width: 100%;
    max-width: 220px;
    position: relative;
    display: inline-block;
} 
#cityListing .listing-avatar img{
    width: 100%;
    max-width: 220px;
    border-radius: 50%;
    padding: 8px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15), -2px -2px 2px 0 rgba(0,0,0,0.15);
} 
#cityListing .listing-avatar .listing-item-author{
    position: absolute;
    left: 50%;
    top: auto;
    bottom: 0;
    margin-left: -23px;
} 
#cityListing .listing-avatar .listing-item-author img{
    padding: 0;
    max-width: 46px;
    opacity: 0.7;
} 
#cityListing .listing-avatar .listing-item-author img:hover{
    opacity: 1;
} 
#cityListing .claimed{
    font-family: 'Capriola', sans-serif;
    color: var(--primary-color);
    margin-top: 30px;
    margin-bottom: 40px;
} 
#cityListing .claimed a:hover{
    opacity: 0.8;
} 
#cityListing .listing-social{
    border-top: 2px dashed #dfdfdf;
    border-bottom: 2px dashed #dfdfdf;
    margin-top: 30px;
    padding: 10px 0 10px 0;
}
#cityListing .listing-description,
#cityListing .listing-map,
#cityListing .listing-review,
#cityListing .related {
    position: relative;
    margin-top: 120px;
    padding: 80px 0 0;
    border-top: 2px dashed #dfdfdf;
} 
#cityListing .listing-map{
    padding: 0;
    z-index: 0;
    margin-top: 0;
} 
#cityListing .listing-map .leaflet-container{
    z-index: 0;
} 
#cityListing .listing-block.related{
    margin-top: 120px;
    border: 0;
} 
#cityListing .related h2{
    margin-top: 0;
    margin-bottom: 80px;
}
#cityListing .listing-description .pg-header-icon,
#cityListing .listing-map .pg-header-icon,
#cityListing .listing-review .pg-header-icon,
#cityListing .related .pg-header-icon {
    bottom: auto;
    top: -32px;
} 
#cityListing .listing-subtitle{
    margin-bottom: 30px;
    font-style: italic;
}
    #cityListing .listing-subtitle:before,
    #cityListing .listing-subtitle:after {
        content: "\"";
    }
#cityListing .listing-description .col-sm-3,
#cityListing .listing-description .col-sm-9 {
    padding: 20px;
} 
#cityListing .listing-description .col-sm-3:after{
    content: "";
    border-right: 2px dashed #dfdfdf;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
} 
#cityListing .description-text.table>tbody>tr>td{
    border: 0;
} 
#cityListing .description-text.table>tbody>tr>td.description{
    padding-right: 30px;
} 
#cityListing .description-text.table>tbody>tr>td.listing-opening{
    max-width: 150px;
    padding-left: 30px;
    border-left: 2px dashed #dfdfdf;
} 
#cityListing .listing-opening span{
    white-space: nowrap;
} 
#cityListing .listing-amenities{
    width: 100%;
    border-top: 2px dashed #dfdfdf;
    margin-top: 30px;
    padding-top: 30px;
}
    #cityListing .listing-amenities .amenities-title,
    #cityListing .listing-opening .opening-title {
        margin-bottom: 30px;
    } 
#cityListing .pm-popup .panel-form {
    width: 350px;
} 
#cityListing .pm-popup .submit{
    background: var(--primary-color);
    color: #fff;
} 
/*------------------------------------------------------------------------------
[ Single Blog ]
------------------------------------------------------------------------------*/
#cityListing .blog .contact-form {
    margin-bottom: 100px;
} 
#cityListing .single-block{
    margin-top: 140px;
} 
#cityListing .post-content{
    margin-bottom: 90px;
} 
#cityListing .single-block .thumbnail{
    max-width: 250px;
    padding: 0;
    opacity: 0.8;
    border: 10px solid rgba(150,150,150,0.25);
    border-radius: 50%;
} 
#cityListing .single-block .thumbnail:hover{
    opacity: 0.5;
} 
#cityListing .single-block blockquote{
    background: rgba(150,150,150,0.16);
    border-radius: 8px;
    margin: 45px 0;
    padding-top: 60px;
    padding-bottom: 60px;
} 
#cityListing .single-block p:first-child:first-letter{
    text-transform: uppercase;
    font-size: 40px;
    line-height: 40px;
    float: left;
    color: var(--primary-color);
    padding-left: 15px;
    padding-right: 15px;
} 
#cityListing .single-block img{
    z-index: 1;
    position: relative;
} 
#cityListing .author-block{
    margin-top: 60px;
} 
#cityListing .author-avatar{
    position: relative;
    margin-bottom: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: inline-block;
} 
#cityListing .author-name{
    font-family: 'Capriola', sans-serif;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 5px;
    margin-left: 7px;
}
    #cityListing .author-avatar:hover,
    #cityListing .author-name:hover {
        opacity: 0.8;
    } 
#cityListing .data{
    position: relative;
    font-weight: normal;
    font-family: 'Roboto';
    top: -2px;
} 
#cityListing .data:before{
    position: relative;
    font-size: 16px;
    padding: 0 6px 0 2px;
    top: 2px;
} 
#cityListing .author-stats{
    position: absolute;
    width: 100%;
    top: 78px;
    z-index: 2;
    text-align: center;
    color: var(--primary-color);
} 
#cityListing .author-stats .post-counter{
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    background: #fff;
    top: 5px;
} 
#cityListing .post-data{
    font-size: 14px;
    padding-left: 0;
    font-family: 'Capriola', sans-serif;
    color: var(--primary-color);
    margin: 80px 0 70px;
} 
#cityListing .post-data span{
    font-size: 30px;
    padding-right: 6px;
} 
#cityListing .single-block img{
    border-radius: 8px;
} 
/*------------------------------------------------------------------------------
[ Blog Comments ]
------------------------------------------------------------------------------*/
#cityListing .comm * {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
} 
#cityListing .comm a {
    color: var(--primary-color);
    text-decoration: none;
} 
#cityListing .comm ul {
    list-style-type: none;
} 
#cityListing .comment-form {
    margin-bottom: 15px;
} 
#cityListing .comments-container {
    margin: 60px auto 15px;
} 
#cityListing .comments-container h1 {
    font-size: 36px;
    color: #283035;
    font-weight: 400;
} 
#cityListing .comments-container h1 a {
    font-size: 18px;
    font-weight: 700;
}
    #cityListing .comments-container h2,
    #cityListing .feedback h2 {
        margin: 80px 0 80px;
    } 
#cityListing .comments-list {
    margin-top: 30px;
    position: relative;
} 
/*** Details-----------------------*/
    #cityListing .comments-list:before {
        content: '';
        width: 1px;
        height: 100%;
        background: #ddd;
        position: absolute;
        left: 32px;
        top: 0;
    } 
#cityListing .comments-list:after {
    content: '';
    position: absolute;
    background: #ddd;
    bottom: 0;
    left: 27px;
    width: 7px;
    height: 7px;
    border: 3px solid #eee;
    border-radius: 50%;
}
#cityListing .reply-list:before,
#cityListing .reply-list:after {
    display: none;
} 
#cityListing .reply-list li:before {
    content: '';
    width: 60px;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 25px;
    left: -55px;
} 
#cityListing .comments-list li {
    margin-bottom: 15px;
    display: block;
    position: relative;
} 
#cityListing .comments-list li:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    width: 0;
} 
#cityListing .reply-list {
    padding-left: 88px;
    clear: both;
    margin-top: 15px;
} 
/*** Avatar ---------------------------*/
#cityListing .comments-list .comment-avatar {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 99;
    float: left;
    border: 3px solid #FFF;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    overflow: hidden;
    border-radius: 50%;
    display: block;
} 
#cityListing .comments-list .comment-avatar img {
    width: 100%;
    height: 100%;
} 
#cityListing .reply-list .comment-avatar {
    width: 50px;
    height: 50px;
} 
#cityListing .comment-main-level:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
} 
/*** Comment Box ---------------------------*/
#cityListing .comments-list .comment-box {
    width: 90%;
    float: right;
    position: relative;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15);
}
    #cityListing .comments-list .comment-box:before,
    #cityListing .comments-list .comment-box:after {
        content: '';
        height: 0;
        width: 0;
        position: absolute;
        display: block;
        border-width: 10px 12px 10px 0;
        border-style: solid;
        border-color: transparent #FCFCFC;
        top: 8px;
        left: -11px;
    } 
#cityListing .comments-list .comment-box:before {
    border-width: 11px 13px 11px 0;
    border-color: transparent rgba(0,0,0,0.05);
    left: -12px;
} 
#cityListing .reply-list .comment-box {
    width: 90%;
} 
#cityListing .comment-box .comment-head {
    background: #FCFCFC;
    padding: 10px 12px;
    border-bottom: 1px solid #E5E5E5;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
} 
#cityListing .comment-box .comment-head i {
    float: right;
    margin-left: 14px;
    position: relative;
    top: 2px;
    color: #A6A6A6;
    cursor: pointer;
} 
#cityListing .comment-box .comment-head i:hover {
    color: var(--primary-color);
} 
#cityListing .comment-box .comment-name {
    color: #283035;
    font-size: 14px;
    font-weight: 700;
    float: left;
    margin-right: 10px;
} 
#cityListing .comment-box .comment-name a {
    color: #283035;
} 
#cityListing .comment-box .comment-name a:hover {
    opacity: 0.8;
} 
#cityListing .comment-box .comment-head span {
    float: left;
    color: #999;
    font-size: 13px;
    position: relative;
    top: 1px;
} 
#cityListing .comment-box .comment-content {
    text-align: left;
    background: #FFF;
    padding: 12px;
    font-size: 15px;
    color: #202020;
    border-radius: 0 0 4px 4px;
}
#cityListing .comment-box .comment-name.by-author,
#cityListing .comment-box .comment-name.by-author a {
    color: var(--primary-color);
} 
#cityListing .comment-box .comment-name.by-author a:hover{
    opacity: 0.8;
} 
#cityListing .comment-box .comment-name.by-author:after {
    content: 'autor';
    background: var(--primary-color);
    color: #FFF;
    font-size: 12px;
    padding: 3px 5px;
    font-weight: 700;
    margin-left: 10px;
    border-radius: 3px;
} 
/*------------------------------------------------------------------------------
[ App Section ]
------------------------------------------------------------------------------*/
#cityListing .app .row-title {
    margin-top: 0;
    margin-bottom: 80px;
    padding-top: 100px;
} 
#cityListing .app .row-title h1:before{
    font-family: 'icon';
    content: "\ea81";
    position: absolute;
    top: 100%;
    left: -65px;
    margin-top: -28px;
    font-size: 45px;
    width: 60px;
    padding-right: 16px;
    text-align: center;
    border-right: 1px dashed var(--primary-color);
} 
#cityListing .app-version{
    position: absolute;
    left: 50%;
	-webkit-transform: translate(-50%,0);
	-moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,-0);
	transform: translate(-50%,0);
    padding: 15px 22px 12px 22px;
    background: var(--primary-color);
    color: #fff;
    border-radius: 0 0 12px 12px;
    font-family: 'Capriola', sans-serif;
    font-size: 16px;
    z-index: 10;
    text-align: center;
} 
#cityListing .app-img{
    position: relative;
    display: inline-block;
    left: 50%;
    bottom: -6px;
    margin-left: -350px;
    width: 700px;
    border-top-left-radius: 10%;
    border-top-right-radius: 10%;
    overflow: hidden;
    box-shadow: 0 10000px rgba(0,0,0,0.5) inset;
} 
#cityListing .light .app-img{
    box-shadow: 0 10000px rgba(255,255,255,0.75) inset;
} 
#cityListing .app-img:after{
    content: " ";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -350px;
    width: 100%;
    height: 100%;
    display: inline-block;
    background-image: url(../images/backgrounds/7.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
    z-index: -2;
} 
#cityListing .is-mobile .app-img:after{
    background-attachment: scroll;
} 
#cityListing .app-links{
    position: absolute;
    width: 180px;
    left: 50%;
    margin-left: -90px;
    top: 50%;
    margin-top: -40px;
} 
#cityListing .app-links a{
    display: inline-block;
    opacity: 0.5;
} 
#cityListing .light .app-links a{
    opacity: 0.30;
} 
#cityListing .app-links a:hover{
    opacity: 1;
} 
#cityListing .light .app-links a:hover{
    opacity: 0.7;
} 
#cityListing .app-links a img{
    width: 180px;
    border-radius: 5px;
} 
#cityListing .app-links a:hover img{
    background: var(--primary-color);
} 
#cityListing .light .app-links a:hover img{
    background: rgba(255,255,255,1);
} 
/*------------------------------------------------------------------------------
[ Accordion ]
------------------------------------------------------------------------------*/
#cityListing .accordion {
    width: 90%;
    display: inline-block;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 100px rgba(0,0,0,0.2) inset;
}
#cityListing [id*="open-accordion" ], #cityListing [id*="close-accordion" ] {
    background: var(--primary-color);
    background: -webkit-gradient(linear,top,from(var(--primary-color)),to(rgba(var(--primary-color-rgb), 0.9)));
    background: -moz-linear-gradient(top, var(--primary-color) 0%, rgba(var(--primary-color-rgb), 0.9) 100%);
    background: -o-linear-gradient(top, var(--primary-color) 0%, rgba(var(--primary-color-rgb), 0.9) 100%);
    background: -webkit-linear-gradient(top, var(--primary-color) 0%,rgba(var(--primary-color-rgb), 0.9) 100%);
    background: linear-gradient(to bottom, var(--primary-color) 0%,rgba(var(--primary-color-rgb), 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-color)', endColorstr='rgba(var(--primary-color-rgb), 0.9)',GradientType=0 );
    border-bottom: 1px solid #fff;
    line-height: 25px;
    height: 40px;
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
} 
#cityListing .accordion-item{
    position: relative;
} 
#cityListing .accordion-order{
    position: absolute;
    top: 8px;
    left: 10px;
    color: rgba(255,255,255,0.5);
    font-size: 14px;
    z-index: 5;
} 
#cityListing [id*="close-accordion" ] {
    display: none;
} 
#cityListing .accordion a {
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    padding: 20px 35px 20px 35px;
    text-decoration: none;
    text-shadow: none;
    height: auto;
} 
#cityListing .accordion a:hover {
    color: rgba(255,255,255,0.8);
}
#cityListing [id*="open-accordion" ]:after, #cityListing [id*="close-accordion" ]:after {
    font-family: 'icon';
    content: "\ec36";
    position: absolute;
    right: 8px;
    top: 19px;
    z-index: 2;
} 
#cityListing .target-fix {
    display: block;
    top: 0;
    left: 0;
    position: fixed;
} 
#cityListing .accordion-content {
    height: 0;
    margin: -1px auto 0;
    padding: 0 2.5%;
    position: relative;
    overflow: hidden;
    width: 90%;
} 
#cityListing .accordion span:target ~ .accordion-content {
    display: block;
    height: auto;
    padding: 25px 0 15px 0;
} 
#cityListing .accordion span:target ~ [id*="close-accordion" ] {
    display: block;
} 
#cityListing .accordion span:target ~ [id*="open-accordion" ] {
    display: none;
} 
#cityListing .accordion span:target ~ [id*="close-accordion" ]:after {
    font-family: 'icon';
    content: "\ec37";
} 
#cityListing .accordion p{
    text-align: left;
} 
/*------------------------------------------------------------------------------
[ Listings Page ]
------------------------------------------------------------------------------*/
#cityListing .current-page-info.hide-page-info {
    left: -50%;
    margin-left: -25px;
} 
#cityListing .header-search-button.hide-page-info{
    left: 0;
    margin-left: -50px;
} 
#cityListing .pg-header-icon{
    position: absolute;
    width: 60px;
    height: 60px;
    line-height: 65px;
    background: #fff;
    color: rgba(38,163,135,0.85);
    bottom: -25px;
    left: 50%;
    margin-left: -30px;
    padding-left: 2px;
    z-index: 18;
    border-radius: 50%;
    font-size: 30px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2), -2px -2px 2px 0 rgba(0,0,0,0.2);
    text-align: center;
} 
#cityListing .listing-block{
    margin-top: 40px;
} 
#cityListing .map-view .listing-block{
    display: none;
} 
/* GRID 2 */
#cityListing .listing.grid2 .listing-item {
    max-width: 100%;
    margin-bottom: 20px;
}
#cityListing .listing.grid2 .listing-item-title,
#cityListing .listing.grid3 .listing-item-title {
    position: initial;
    color: var(--primary-color);
    height: 18px;
    overflow: hidden;
    vertical-align: top;
    margin-top: 5px;
} 
#cityListing .listing.grid6 .listing-item-title{
    color: var(--primary-color);
    text-align: left;
    display: block;
    margin-top: 10px;
} 
#cityListing .listing.grid6.rounded-pic .listing-item-title{
    padding-right: 0;
} 
#cityListing .grid6 .feat-data{
    margin-top: 10px;
    margin-bottom: 12px;
} 
#cityListing .grid6.rounded-pic .feat-data{
    position: absolute;
    top: -30px;
    right: -2px;
} 
#cityListing .listing.grid2 .listing-item:hover .listing-item-link{
    background: rgba(var(--primary-color-rgb), 0.10);
} 
#cityListing .listing.grid2 .col-sm-3{
    width: 49.94%;
} 
#cityListing .listing.grid2 .listing-item-link{
    border-radius: 65px 0 0 65px;
    width: 100%;
    text-align: left;
} 
#cityListing .listing.grid2 .listing-item-link img{
    width: 130px;
} 
#cityListing .listing.grid2 .listing-black-overlay{
    opacity: 0;
} 
#cityListing .listing.grid2 .listing-item .category-icon{
    left: 0;
    top: 25px;
    margin-left: -2px;
} 
#cityListing .listing.grid2 .listing-item-rating{
    top: 10px;
    right: auto;
    left: 62px;
} 
#cityListing .listing.grid2 .listing-item-author{
    position: absolute;
    top: 84px;
    bottom: auto;
    left: 84px;
} 
#cityListing .listing.grid2 .listing-item-author img{
    border: 3px solid #fff;
} 
#cityListing .listing.grid2 .listing-item-title-centralizer{
    text-align: left;
    padding-left: 140px;
    padding-top: 15px;
    overflow: visible;
}
#cityListing .listing.grid2 .listing-item-data,
#cityListing .listing.grid2 .listing-item-address,
#cityListing .listing.grid2 .listing-item-excerpt {
    text-align: left;
} 
#cityListing .listing.grid2 .listing-item-data{
    padding-left: 140px;
    position: absolute;
    z-index: -15;
    top: auto;
    bottom: 38px;
} 
#cityListing .listing.grid2 .listing-item-data:before{
    position: absolute;
    margin-top: -8px;
} 
#cityListing .listing.grid2 .listing-item-address{
    padding-left: 18px;
    margin-bottom: 2px;
    font-size: 14px;
    max-height: 18px;
    position: relative;
    top: -2px;
    overflow: hidden;
} 
#cityListing .listing.grid2 .listing-item-excerpt{
    height: 22px;
    overflow: hidden;
    padding-right: 10px;
}
#cityListing .blog .listing.grid2 .listing-item-excerpt,
#cityListing .blog .listing.grid3 .listing-item-excerpt {
    position: relative;
    height: 54px !important;
    overflow: hidden;
    top: 0;
} 
#cityListing .listing.grid2 .listing-category-name{
    position: absolute;
    right: 8px;
    bottom: 12px;
} 
/* GRID 3 */
#cityListing .listing.grid3 .listing-item {
    max-width: 100%;
    margin-bottom: 20px;
} 
#cityListing .listing.grid3 .listing-item:hover .listing-item-link{
    background: rgba(var(--primary-color-rgb), 0.10);
} 
#cityListing .listing.grid3 .col-sm-3{
    width: 49.94%;
} 
#cityListing .listing.grid3 .listing-item-link{
    border-radius: 14px 0 0 14px;
    width: 100%;
    text-align: left;
} 
#cityListing .listing.grid3 .listing-item-link img{
    width: 130px;
    border-radius: 15px;
} 
#cityListing .listing.grid3 .listing-black-overlay{
    opacity: 0;
} 
#cityListing .listing.grid3 .listing-item .category-icon{
    left: 0;
    top: 12%;
    margin-left: -4px;
} 
#cityListing .listing.grid3 .listing-item-rating{
    top: 6%;
    right: auto;
    left: 70px;
} 
#cityListing .listing.grid3 .listing-item-author{
    position: absolute;
    top: 94px;
    bottom: auto;
    left: 94px;
} 
#cityListing .listing.grid3 .listing-item-author img{
    border: 3px solid #fff;
} 
#cityListing .listing.grid3 .listing-item-title-centralizer{
    text-align: left;
    padding-left: 140px;
    padding-top: 15px;
    overflow: visible;
}
#cityListing .listing.grid3 .listing-item-data,
#cityListing .listing.grid3 .listing-item-address,
#cityListing .listing.grid3 .listing-item-excerpt {
    text-align: left;
} 
#cityListing .listing.grid3 .listing-item-data{
    padding-left: 140px;
    position: absolute;
    z-index: -15;
    top: auto;
    bottom: 38px;
} 
#cityListing .listing.grid3 .listing-item-data:before{
    position: absolute;
    margin-top: -7px;
} 
#cityListing .listing.grid3 .listing-item-address{
    padding-left: 18px;
    padding-right: 10px;
    font-size: 12px;
    max-height: 36px;
    overflow: hidden;
} 
#cityListing .listing.grid3 .listing-item-excerpt{
    height: 22px;
    overflow: hidden;
    padding-right: 10px;
} 
#cityListing .listing.grid3 .listing-category-name{
    position: absolute;
    right: 8px;
    bottom: 12px;
} 
#cityListing .listing-results{
    position: relative;
    margin-bottom: 0;
    padding-bottom: 15px;
    padding-top: 30px;
} 
#cityListing .front-page .map-and-page .listing-results{
    display: none;
} 
#cityListing .results-count{
    text-align: left;
    font-size: 15px;
    font-family: 'Capriola', sans-serif;
    color: var(--primary-color);
    padding-left: 0;
    display: inline-block;
} 
#cityListing .analogue-2-bg-a4 .results-count{
    display: block;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    border-bottom: 1px solid #ddd;
} 
#cityListing .results-count.user-listing{
    position: relative;
    top: -60px;
    left: 6px;
} 
#cityListing .listing-results .counter{
    font-size: 35px;
    padding-right: 6px;
} 
#cityListing .listing-filter{
    position: absolute;
    right: 0;
    top: 30px;
    width: 100%;
    text-align: right;
    font-size: 20px;
} 
#cityListing .grid-icon{
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;
    width: 42px;
    height: 42px;
    line-height: 45px;
    text-align: center;
    top: 3px;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    color: var(--primary-color);
    margin-bottom: 8px;
} 
#cityListing .grid-icon:hover{
    color: #fff;
    background: var(--primary-color);
} 
#cityListing .listing-filter form{
    max-width: 100%;
    text-align: right;
    display: inline-block;
} 
#cityListing .listing-filter .dropdown-menu{
    max-width: 350px;
    min-width: 260px !important;
    float: right;
    left: auto;
    right: 0;
} 
#cityListing .bootstrap-select.btn-group .dropdown-menu{
    min-width: auto;
} 
#cityListing .nothing-selected:before{
    font-family: 'icon';
    content: "\e9f2";
    position: absolute;
    left: 8px;
    padding-top: 6px;
    float: left;
    top: -1px;
    font-size: 22px;
    padding-right: 8px;
} 
#cityListing .btn-info{
    background: var(--primary-color);
    color: rgba(255,255,255,1);
} 
#cityListing .dropdown-header{
    padding-left: 10px;
    color: var(--primary-color);
} 
#cityListing .bootstrap-select.btn-group .dropdown-menu li a.opt{
    padding-left: 12px;
} 
#cityListing .bootstrap-select.btn-group .dropdown-menu li a.opt .child{
    padding-left: 20px;
    width: 42px;
} 
#cityListing .bootstrap-select.order.btn-group .dropdown-menu li a{
    padding-left: 12px;
}
#cityListing .btn-default:hover,
#cityListing .bootstrap-select .dropdown-toggle:focus {
    background: rgba(38,163,135,0.12);
}
#cityListing .open > .dropdown-toggle.btn-default,
#cityListing .open > .dropdown-toggle.btn-default:hover {
    background: var(--primary-color);
    height: 42px;
}
    #cityListing .open > .dropdown-toggle.btn-default span,
    #cityListing .open > .dropdown-toggle.btn-default:hover span,
    #cityListing .open > .dropdown-toggle.btn-default:before,
    #cityListing .open > .dropdown-toggle.btn-default:before {
        color: #fff;
    } 
#cityListing .btn-group>.btn:first-child{
    height: 42px;
} 
#cityListing .listing-filter input[type="submit" ]{
    font-family: "FontAwesome";
    display: none;
    height: 42px;
    position: relative;
    width: 42px;
    top: 1px;
    border: 0;
    border-radius: 4px;
    background: var(--primary-color);
    color: #fff;
} 
#cityListing .order .bs-searchbox{
    display: none;
} 
#cityListing .bootstrap-select:not([class*=col- ]):not([class*=form-control ]):not(.input-group-btn){
    width: auto;
    min-width: auto;
    height: 42px;
	top: -1px;
}
#cityListing .listing-filter a .glyphicon,
#cityListing .filter-option .glyphicon {
    font-size: 20px;
    width: 22px;
    overflow: hidden;
    position: relative;
    top: 3px;
} 
#cityListing .filter-option .glyphicon{
    margin-left: 5px;
} 
#cityListing .filter-option .glyphicon:first-child{
    margin-left: 0;
} 
#cityListing .bootstrap-select.btn-group .dropdown-toggle .filter-option{
    line-height: 32px;
} 
#cityListing .bootstrap-select.btn-group .dropdown-toggle.nothing-selected .filter-option{
    padding-left: 25px;
}
#cityListing .dropdown-menu > li > a:focus,
#cityListing .dropdown-menu > li > a {
    color: #404040;
    font-size: 15px;
    font-family: "Roboto";
} 
#cityListing .bootstrap-select .btn-default{
    color: var(--primary-color);
    border: 1px solid #ddd;
} 
#cityListing .bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a .check-mark{
    color: var(--primary-color);
    right: 8px;
}
#cityListing .bootstrap-select.btn-group .dropdown-menu li.selected a,
#cityListing .bootstrap-select.btn-group .dropdown-menu li a:hover {
    background: #ededed;
    color: var(--primary-color);
} 
/*------------------------------------------------------------------------------
[ Pricing ]
------------------------------------------------------------------------------*/
#cityListing .pricing-text {
    margin-bottom: 25px;
} 
#cityListing .capt {
    display: none;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 15px;
    background: #e1e1e1;
    margin-bottom: 10px;
    border-radius: 8px;
} 
#cityListing .pricing {
    vertical-align: top;
    text-align: center;
    position: relative;
    z-index: 5;
} 
#cityListing .pricing .price{
    margin-bottom: 60px;
} 
#cityListing .pricing .price .content{
    padding-bottom: 5px;
    display: block;
    border-radius: 7px;
} 
#cityListing .pricing .price .content .title {
    font-family: 'Capriola', sans-serif;
    font-size: 20px;
    color: #404040;
    padding-top: 18px;
} 
#cityListing .pricing .price.feat .content .title{
    color: var(--primary-color);
} 
#cityListing .pricing .price .content .subtitle {
    color: #404040;
} 
#cityListing .pricing .price .content .circle {
    position: relative;
    width: 110px;
    height: 110px;
    left: 50%;
    margin-left: -55px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 55px;
    border: 1px dashed #ccc;
} 
#cityListing .pricing .price .the-price {
    font-size: 30px;
    padding-top: 35px;
} 
#cityListing .pricing .included .item {
    color: #404040;
    margin-bottom: 5px;
} 
#cityListing .pricing .included .preview {
    color: #404040;
    margin-top: 20px;
    margin-bottom: 15px;
    display: inline-block;
    cursor: pointer;
} 
#cityListing .pricing .included .preview i {
    font-size: 20px;
    padding-bottom: 5px;
} 
#cityListing .pricing .price .sign-in-button {
    position: relative;
    display: inline-block;
    min-width: 160px;
    margin-top: 15px;
    height: 50px;
    background: #bbb;
    border-radius: 5px;
} 
#cityListing .pricing .price.feat .circle {
    border: 1px dashed var(--primary-color);
} 
#cityListing .pricing .price.feat .the-price {
    color: var(--primary-color);
} 
#cityListing .price .hot-label{
    position: absolute;
    top: 12px;
    right: -25px;
    padding: 3px 6px 2px 6px;
    background:  var(--primary-color);
    color: #fff;
    font-family: 'Capriola', sans-serif;
    font-size: 12px;
    border-radius: 6px;
} 
#cityListing .pricing .price.feat .sign-in-button:hover {
    background: var(--primary-color);
} 
#cityListing .pricing .price.feat .sign-in-button {
    background: var(--primary-color);
} 
#cityListing .pricing .price:hover .title {
    color: var(--primary-color);
} 
#cityListing .pricing .price:hover .preview {
    color: var(--primary-color);
} 
#cityListing .pricing .included .preview:hover {
    color: var(--primary-color);
} 
#cityListing .pricing .price:hover .circle {
    border: 1px dashed var(--primary-color);
} 
#cityListing .pricing .price:hover .circle .the-price {
    color: var(--primary-color);
} 
#cityListing .pricing .price:hover .sign-in-button {
    background: var(--primary-color);
} 
#cityListing .pricing .price .sign-in-button:hover {
    background: var(--primary-color);
} 
#cityListing .pricing .price .sign-in-button a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 14px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
} 
#cityListing .price .button {
    margin-top: -15px;
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30px;
    left: 0;
} 
#cityListing .price .button .saudation {
    margin-left: -25px;
    color: #fff;
}
    #cityListing .price .button .the-button,
    #cityListing .price .button .the-button-clicked {
        text-align: center;
        display: inline-block;
        background: #fff;
        padding: 10px;
        padding-top: 5px;
        padding-bottom: 5px;
        margin-top: 140px;
        border-radius: 11px;
        color: var(--primary-color);
        text-decoration: none;
        font-size: 15px;
        text-transform: uppercase;
    } 
#cityListing .price .button .the-button-clicked {
    display: none;
    margin-top: 20px;
    background: #ffff00;
} 
/*------------------------------------------------------------------------------
[ Not Found ]
------------------------------------------------------------------------------*/
#cityListing .not-found-image {
    margin-top: 20px;
    max-height: 280px;
    max-width: 100%;
} 
/*------------------------------------------------------------------------------
[ Tags and Amenities ]
------------------------------------------------------------------------------*/
#cityListing .listing-item-data ul {
    text-align: left;
    padding: 0;
    margin-top: 15px;
    margin-bottom: 0;
}
#cityListing .amenities a,
#cityListing .amenities span,
#cityListing .tags a,
#cityListing .listing-item-data li {
    position: relative;
    display: inline-block;
    border: 2px solid transparent;
    padding: 3px 8px 2px 35px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15), -2px -2px 2px 0 rgba(0,0,0,0.15);
    border-radius: 12px;
    margin-right: 6px;
    margin-bottom: 7px;
    color: #202020;
    font-size: 15px;
    background: #fff;
}
    #cityListing .amenities a:hover,
    #cityListing .tags a:hover {
        display: inline-block;
        border: 2px solid var(--primary-color);
        color: var(--primary-color);
    }
    #cityListing .amenities a:before,
    #cityListing .amenities span:before,
    #cityListing .tags a:before,
    #cityListing .listing-item-data li:before {
        position: absolute;
        font-size: 18px;
        float: left;
        height: 28px;
        line-height: 28px;
        top: -1px;
        left: 2px;
        width: 30px;
        text-align: center;
        color: var(--primary-color);
    }
    #cityListing .tags a:before,
    #cityListing .listing-item-data li:before {
        font-family: 'icon';
        content: "\ea56";
    } 
#cityListing .amenities .icon-bicycle:before{
    top: -5px;
} 
/*------------------------------------------------------------------------------
[ User Forms (Login, Register...) ]
------------------------------------------------------------------------------*/
#cityListing .bg-login {
    background-image: url(../images/backgrounds/1.jpg);
} 
#cityListing .bg-reset-pass{
    background-image: url(../images/backgrounds/8.jpg);
}
#cityListing .bg-login,
#cityListing .bg-reset-pass {
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
    #cityListing .bg-login:before,
    #cityListing .bg-login:after,
    #cityListing .bg-reset-pass:before,
    #cityListing .bg-reset-pass:after {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
    }
    #cityListing .bg-login:before,
    #cityListing .bg-reset-pass:before {
        background-color: rgba(var(--primary-color-rgb), 0.9);
        z-index: -1;
    }
    #cityListing .bg-login:after,
    #cityListing .bg-reset-pass:after {
        background-image: url(../images/miscellaneous/dot-overlay.png);
        z-index: -2;
    } 
#cityListing .panel-form {
    position: relative;
	border-color: #ccc;
	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);
    width: 260px;
    max-width: 100%;
    display: block;
    top: 50%;
    opacity: 0;
} 
#cityListing #register-form{
    display: none;
} 
#cityListing .panel-form>.panel-heading {
	color: var(--primary-color);
	background-color: #fff;
	border-color: #fff;
	text-align:center;
} 
#cityListing .panel-form>.panel-heading a{
    font-family: 'Capriola', sans-serif;
	text-decoration: none;
	color: #aaa;
	font-size: 15px;
    display: inline-block;
    height: 50px;
    line-height: 50px;
} 
#cityListing .panel-form>.panel-heading a.active{
	color: var(--primary-color);
	font-size: 18px;
} 
#cityListing .panel-form>.panel-heading hr{
	margin-top: 10px;
	margin-bottom: 0;
	clear: both;
	border: 0;
	height: 1px;
    background: -webkit-gradient(linear,top,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.15)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
	background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
} 
#cityListing .panel-form h4{
    margin: 16px 0 16px 0;
}
#cityListing .panel-form input[type="text" ],
#cityListing .panel-form input[type="email" ],
#cityListing .panel-form input[type="password" ] {
    font-family: 'Capriola', sans-serif;
    height: 45px;
    border: 1px solid #ddd;
    font-size: 14px;
}
#cityListing .panel-form input:hover,
#cityListing .panel-form input:focus {
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-color: #ccc;
} 
#cityListing .btn-login {
	background-color: var(--primary-color);
	outline: none;
	color: #fff;
	font-size: 14px;
	height: auto;
	font-weight: normal;
	padding: 14px 0;
	text-transform: uppercase;
	border-color: var(--primary-color);
}
    #cityListing .btn-login:hover,
    #cityListing .btn-login:focus {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    } 
#cityListing .forgot-password {
	color: #202020;
}
#cityListing .btn-submit {
    background-color: var(--primary-color);
    outline: none;
    color: #fff;
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: var(--primary-color);
}
    #cityListing .btn-submit:hover,
    #cityListing .btn-submit:focus {
        color: #fff;
        background-color: var(--primary-color);
        border-color: var(--primary-color);
    } 
#cityListing #remember{
    position: relative;
    top: 2px;
} 
#cityListing label{
    font-weight: normal;
} 
#cityListing textarea.form-control{
    font-family: 'Capriola', sans-serif;
    border: 1px solid #ddd;
} 
/*------------------------------------------------------------------------------
[ Contact ]
------------------------------------------------------------------------------*/
#cityListing .map-contact {
    padding: 0;
}
#cityListing .address,
#cityListing .list-block {
    text-align: left;
    margin-bottom: 60px;
    padding-left: 10px;
} 
#cityListing .address h4{
    text-align: left;
    padding-bottom: 45px;
} 
#cityListing .line {
    margin-bottom: 5px;
} 
#cityListing .data.name {
    font-family: 'Capriola', sans-serif;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 16px;
    color: var(--primary-color);
} 
#cityListing .line div {
    display: inline-block;
} 
#cityListing .line {
    margin-bottom: 8px;
} 
#cityListing .line .data {
    vertical-align: middle;
    padding-left: 5px;
    max-width: 75%;
    line-height: 20px;
    text-align: left;
} 
#cityListing .line .icon {
    vertical-align: middle;
    width: 38px;
    height: 34px;
    line-height: 34px;
    background: #eee;
    color: var(--primary-color);
    text-align: center;
    font-size: 18px;
} 
#cityListing .support-description{
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 45px;
} 
#cityListing .contact-form:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -30px;
    height: 100%;
    border-left: 1px dashed rgba(38,163,135,0.7);
} 
#cityListing .blog .contact-form:before{
    content: none;
} 
#cityListing .contact-form.support:before{
    border: 0;
} 
#cityListing .contact-form.user-form:before{
    content: none;
} 
#cityListing .contact-icon-back {
    font-size: 250px;
    color: #eaeaea;
    top: 0;
    z-index: -1;
    text-align: right;
    width: 90%;
    height: 100%;
    right: 7%;
    position: absolute;
} 
#cityListing .contact-icon-back i {
    vertical-align: top;
}
#cityListing #success_message, #cityListing .alert-success, #cityListing .alert-error {
    display: none;
} 
#cityListing .alert-error {
    background-color: #f0d9ca;
    border-color: #eec4b6;
    color: #832506;
}
#cityListing .inputGroupContainer,
#cityListing .input-group {
    width: 100%
} 
#cityListing .contact-form textarea.form-control {
    height: 150px;
    border-left: 1px dashed rgba(38,163,135,0.7) !important;
} 
#cityListing .user-form textarea.form-control {
    height: 100px;
} 
#cityListing .submit {
    font-family: 'Capriola', sans-serif;
    width: 100%;
    background-color: #eee;
    outline: none;
    color: var(--primary-color);
    font-size: 14px;
    height: auto;
    font-weight: normal;
    padding: 14px 0;
    text-transform: uppercase;
    border-color: #eee;
}
    #cityListing .submit:active,
    #cityListing .submit:visited,
    #cityListing .submit:focus,
    #cityListing .submit:active:focus,
    #cityListing .submit:link {
        background: rgba(38,163,135,0.8);
        border-color: rgba(38,163,135,0.8);
    } 
#cityListing .btn-warning:active:focus {
    background:  rgba(38,163,135,0.8);
    border-color:rgba(38,163,135,0.8);
} 
#cityListing .submit:hover {
    width: 100%;
    background: rgba(38,163,135,0.8);
    border-color: rgba(38,163,135,0.8);
} 
#cityListing .submit:focus {
    background:  rgba(38,163,135,0.8);
    border-color: rgba(38,163,135,0.8);
} 
#cityListing .form-horizontal {
    padding: 8px;
    margin-bottom: 0;
} 
#cityListing .form-horizontal .form-group {
    margin-bottom: 8px;
} 
#cityListing .form-group.sub {
    margin-bottom: 0;
} 
#cityListing textarea {
    width: 100%;
    color: var(--primary-color) !important;
}
#cityListing .input-group-addon,
#cityListing .input-group .form-control {
    color: var(--primary-color);
    border: 0;
    border-bottom: 1px dashed rgba(38,163,135,0.7);
    border-right: 1px dashed rgba(38,163,135,0.7);
    font-size: 15px;
} 
#cityListing .form-control{
    font-size: 15px;
} 
/*------------------------------------------------------------------------------
[ User Page Header ]
------------------------------------------------------------------------------*/
#cityListing .pg-header.pg-user {
    padding-bottom: 110px;
    box-shadow: 0 10000px rgba(0,0,0,0.8) inset;
} 
#cityListing .user-avatar{
    display: inline-block;
    padding: 8px;
    border-radius: 50%;
    background: rgba(38,163,135,0.5);
    position: absolute;
    bottom: -83px;
    left: 50%;
    margin-left: -83px;
    z-index: 1;
} 
#cityListing .verified-data{
    position: absolute;
    display: inline-block;
    top: -12px;
    left: 50%;
    margin-left: -18px;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.15), -2px -2px 2px 0 rgba(0,0,0,0.15);
    text-align: center;
}
#cityListing .listing-description .verified-data {
    top: -14px;
} 
#cityListing .verified-data:before{
    font-family: "FontAwesome";
    content: "\f00c";
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    right: 0;
    color: var(--primary-color);
} 
#cityListing .avatar-image{
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#cityListing .pg-user .col-sm-3,
#cityListing .pg-user .col-sm-4,
#cityListing .pg-user .col-sm-5,
#cityListing .pg-user .col-sm-6 {
    position: relative;
    margin-top: 60px;
    z-index: 1;
} 
#cityListing .pg-user h3{
    height: 100px;
    color: #fff;
    margin-top: 18px;
    border-bottom: 1px dashed var(--primary-color);
    position: relative;
    font-size: 20px;
    margin-bottom: 90px;
    z-index: 2;
}
#cityListing .user-name:before,
#cityListing .user-about:before,
#cityListing .user-message:before,
#cityListing .user-social:before {
    font-family: 'icon';
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    line-height: 51px;
    border-radius: 50%;
    background: var(--primary-color);
    color: #fff;
    font-size: 29px;
}
#cityListing .user-name:after,
#cityListing .user-about:after,
#cityListing .user-message:after,
#cityListing .user-social:after {
    content: "";
    position: absolute;
    top: 68px;
    left: 50%;
    margin-left: -32px;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: rgba(255,255,255,0.15);
    z-index: -1;
} 
#cityListing .user-name:before{
    content: "\ea1b";
} 
#cityListing .user-about:before{
    content: "\e9d4";
    padding-left: 3px;
} 
#cityListing .user-message:before{
    content: "\ead7";
    padding-left: 2px;
    line-height: 45px;
} 
#cityListing .user-social:before{
    content: "\ec20";
    padding-right: 1px;
    line-height: 53px;
} 
#cityListing .pg-user blockquote{
    border-bottom: 1px dashed rgba(255,255,255,0.3);
    padding-bottom: 30px;
    margin-bottom: 32px;
    margin-top: -12px;
} 
#cityListing .user-about-text p{
    color: #fff;
    text-align: justify;
} 
#cityListing .pg-user .social-networks a{
    color: #fff;
    background: var(--primary-color);
    border: 0;
    width: 36px;
    margin-top: 60px;
}
#cityListing .pg-user .input-group-addon,
#cityListing .pg-user .input-group .form-control,
#cityListing .pg-user textarea.form-control {
    border: 0 !important;
} 
#cityListing .pg-user .input-group textarea.form-control:last-child{
    border-radius: 4px;
} 
#cityListing .pg-user h3.user-social{
    display: none;
} 
/*------------------------------------------------------------------------------
[ Contact Data List ]
------------------------------------------------------------------------------*/
#cityListing .list-address,
#cityListing .list-phones,
#cityListing .list-online-data {
    display: block !important;
    margin-bottom: 18px;
    background: rgba(0,0,0,0.3);
    border-radius: 5px;
    padding: 16px 6px 10px 10px;
    border: 1px dashed rgba(255,255,255,0.3);
    color: #fff;
} 
#cityListing .listing-description .list-data{
    margin-top: 30px;
}
#cityListing .listing-description .list-address,
#cityListing .listing-description .list-phones,
#cityListing .listing-description .list-online-data {
    background: #fff;
    color: #202020;
    margin-bottom: 0;
}
#cityListing div.list-address:hover,
#cityListing div.list-phones:hover,
#cityListing div.list-online-data:hover {
    background: #fff;
    color: var(--primary-color);
}
#cityListing .list-address div,
#cityListing .list-phones div,
#cityListing .list-online-data div {
    margin-top: 12px;
}
    #cityListing .list-address div:first-child,
    #cityListing .list-phones div:first-child,
    #cityListing .list-online-data div:first-child {
        margin-top: 0;
    } 
#cityListing .list-address{
    position: relative;
    padding-bottom: 10px;
    overflow: hidden;
    min-height: 68px;
}
#cityListing .list-address,
#cityListing .list-phone,
#cityListing .list-mobile,
#cityListing .list-fax,
#cityListing .list-email,
#cityListing .list-website {
    display: inline-block;
    text-align: left;
    width: 100%;
}
#cityListing .list-email,
#cityListing .list-website {
    word-break: break-all;
}
    #cityListing .list-address:before,
    #cityListing .list-phone:before,
    #cityListing .list-mobile:before,
    #cityListing .list-fax:before,
    #cityListing .list-email:before,
    #cityListing .list-website:before {
        font-family: 'icon';
        color: var(--primary-color);
        font-size: 20px;
        width: 40px;
        text-align: center;
        position: relative;
        float: left;
        top: -9px;
        left: -3px;
        line-height: 8px;
        padding-top: 13px;
    } 
#cityListing .list-address:before{
    content: "\ea7a";
} 
#cityListing .list-phone:before{
    content: "\ea77";
} 
#cityListing .list-mobile:before{
    content: "\eaa8";
} 
#cityListing .list-fax:before{
    content: "\e9d7";
} 
#cityListing .list-email:before{
    content: "\e995";
} 
#cityListing .list-website:before{
    content: "\ec17";
} 
/*------------------------------------------------------------------------------
[ Tooltips ]
------------------------------------------------------------------------------*/
#cityListing .tooltip {
    min-width: 110px;
} 
#cityListing .tooltip-inner{
    padding-top: 4px;
    font-size: 15px;
} 
#cityListing .pg-user .tooltip-inner{
    box-shadow: 1px 1px #555, -1px -1px #555, -1px 1px #555, 1px -1px #555;
}
#cityListing .pg-user .tooltip.top .tooltip-arrow,
#cityListing .listing-block .tooltip.top .tooltip-arrow,
#cityListing .analogue-2-border-color-a2 .tooltip.top .tooltip-arrow,
#cityListing .template-colors .tooltip.top .tooltip-arrow {
    border-top-color: var(--primary-color);
}
#cityListing .pg-user .tooltip-inner,
#cityListing .listing-block .tooltip-inner,
#cityListing .analogue-2-border-color-a2 .tooltip-inner,
#cityListing .template-colors .tooltip-inner {
    background-color: var(--primary-color);
}
#cityListing .pg-user .tooltip.left .tooltip-arrow,
#cityListing .listing-block .tooltip.left .tooltip-arrow,
#cityListing .analogue-2-border-color-a2 .tooltip.left .tooltip-arrow,
#cityListing .template-colors .tooltip.left .tooltip-arrow {
    border-left-color: var(--primary-color);
} 
/*------------------------------------------------------------------------------
[ Sidebar & Widgets ]
------------------------------------------------------------------------------*/
#cityListing .sidebar-right {
    position: relative;
    z-index: 5;
    margin-top: -11px;
    margin-bottom: 90px;
    text-align: left;
} 
#cityListing .sidebar-right .widget-area {
    padding: 10px 10px 0 10px;
    background: #eaeaea;
    border-radius: 5px;
    overflow: hidden;
} 
#cityListing .sidebar-right .widget {
    margin-bottom: 10px;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
}
    #cityListing .sidebar-right .widget.news-categories li a:before,
    #cityListing .sidebar-right .widget.news-archive li a:before {
        font-family: "FontAwesome";
        margin-left: 5px;
        margin-right: 5px;
        font-size: 18px;
        display: inline-block;
        padding-right: 3px;
        width: 21px;
    } 
#cityListing .sidebar-right .widget.news-categories li a:before{
    content: "\f08a";
    color: var(--primary-color);
} 
#cityListing .sidebar-right .widget.news-archive li a:before{
    content: "\f073";
    color: var(--primary-color);
} 
#cityListing .listings-has-sidebar .sidebar-right .widget.news-archive li a:before{
    content: "\f278";
    width: 26px;
} 
#cityListing .sidebar-right li.more-widget-item a:before{
    font-family: "icon" !important;
    content: "\ec36" !important;
} 
#cityListing .widget .widget-title .the-title {
    font-family: "Capriola";
    padding: 20px;
    text-align: center;
    font-size: 16px;
    color: var(--primary-color);
    padding-bottom: 0;
} 
#cityListing .widget .widget-content {
    position: relative;
    margin-top: 20px;
    padding: 0 10px 10px 10px;
} 
#cityListing .widget .widget-content ul{
    margin: 0;
    padding: 0;
} 
#cityListing .widget .widget-content li{
    list-style-type: none;
} 
#cityListing .widget.news-search .widget-content {
    padding: 0;
} 
#cityListing .widget .widget-content.search {
    margin-top: 0;
} 
#cityListing .widget .widget-content.list {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
}
#cityListing .widget .widget-content .title,
#cityListing .widget .widget-content .icon {
    display: inline-block;
} 
#cityListing .widget .widget-content .icon {
    margin-left: 5px;
    margin-right: 5px;
    font-size: 18px;
} 
#cityListing .widget .widget-content .title {
    max-width: 70%;
    vertical-align: top;
    margin-top: 3px;
    text-transform: uppercase;
} 
#cityListing .widget .widget-content .item a {
    display: block;
    padding: 6px;
    color: #202020;
    text-transform: uppercase;
} 
#cityListing .widget .widget-content .item a .date{
    text-transform: none;
    font-size: 12px;
    text-align: left;
} 
#cityListing .widget .widget-content .item a:hover {
    background: #ececec;
    text-decoration: none;
} 
#cityListing .widget .widget-content .item a:hover .icon {
    color: var(--primary-color);
} 
#cityListing .widget .widget-content .item a:hover {
    color: var(--primary-color);
} 
#cityListing .widget .search {
    position: relative;
} 
#cityListing .widget .search form {
    margin-right: 30px;
} 
#cityListing .widget .search-field {
    padding: 10px;
} 
#cityListing .widget .search-field input {
    font-family: 'Capriola', sans-serif;
    border: none;
    font-size: 15px;
    width: 100%;
} 
#cityListing .widget .search-field input:focus {
    outline: none !important;
} 
#cityListing .widget .search-submit {
    position: absolute;
    top: 9px;
    right: 10px;
    font-size: 20px;
    color: #ccc;
    cursor: pointer;
} 
#cityListing .widget .search-submit:hover {
    color: var(--primary-color);
} 
#cityListing .widget.newest-posts .widget-content .item a {
    position: relative;
    height: 70px;
    overflow: hidden;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 8px;
} 
#cityListing .widget.newest-posts .text .title {
    max-width: 100%;
    text-transform: none;
    max-height: 36px;
    padding-top: 2px;
    overflow: hidden;
    margin-bottom: 2px;
    color: var(--primary-color);
    line-height: 16px;
} 
#cityListing .sidebar-right .widget.newest-posts .text {
    position: absolute;
    left: 0;
    padding-left: 75px;
    width: 100%;
    max-height: 56px;
} 
#cityListing .sidebar-right .widget.newest-posts img {
    width: 56px;
    height: 56px;
    vertical-align: middle;
    border-radius: 50%;
    overflow: hidden;
}
#cityListing .widget.newest-posts .img,
#cityListing .widget.newest-posts .text {
    display: inline-block;
} 
#cityListing .sidebar-social{
    text-align: center;
    padding-bottom: 10px;
}
    #cityListing .widget.newest-posts .text .date,
    #cityListing .social.default,
    #cityListing .sidebar-social .social,
    #cityListing .complete-contact-data .social,
    #cityListing .announcer-social .social {
        position: relative;
        right: 0;
        left: 0;
        text-align: center;
    } 
#cityListing .widget.tags ul {
    list-style: none;
    text-align: center;
    padding: 0;
} 
#cityListing .widget.tags ul li {
    display: inline-block;
} 
/*------------------------------------------------------------------------------
[ City Listing ]
------------------------------------------------------------------------------*/
#cityListing .cities {
    margin-top: 130px;
}
    #cityListing .cities .col-sm-3,
    #cityListing .cities .col-sm-4,
    #cityListing .cities .col-sm-6,
    #cityListing .cities .col-sm-12 {
        position: relative;
        height: 250px;
        margin-bottom: 30px;
    } 
#cityListing .cities a{
    display: block;
    width: 100%;
    height: 100%;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-shadow: 0 10000px rgba(0,0,0,0.6) inset;
    border-radius: 15px;
} 
#cityListing .cities.leaf a{
    border-radius: 30px 0;
} 
#cityListing .cities a:hover{
    box-shadow: 0 10000px rgba(0,0,0,0.8) inset;
} 
#cityListing .city-data{
    display: inline-block;
    position: relative;
    margin-top: 35px;
    width: 90%;
    height: 180px;
    line-height: 180px;
    color: #fff;
}
    #cityListing .city-data .centralizer,
    #cityListing .city-name,
    #cityListing .city-listings {
        line-height: normal;
    } 
#cityListing .city-data .centralizer{
    display: inline-block;
    vertical-align: middle;
} 
#cityListing .city-name{
    font-family: 'Capriola', sans-serif;
    font-size: 25px;
    color: #fff;
} 
#cityListing .city-listings{
    display: inline-block;
    background: var(--primary-color);
    border-radius: 8px;
    padding: 3px 8px 3px 8px;
} 
#cityListing .city-rounded{
    margin-top: 90px;
    margin-bottom: 60px;
} 
#cityListing .city-rounded .listing-item{
    margin-bottom: 30px;
} 
#cityListing .city-rounded .listing-item-title{
    font-size: 20px;
} 
/*------------------------------------------------------------------------------
[ Reviews ]
------------------------------------------------------------------------------*/
#cityListing .listing-review {
    padding-bottom: 120px;
}
    #cityListing .listing-review .col-sm-3,
    #cityListing .listing-description .col-sm-9 {
        padding: 20px;
    } 
#cityListing .listing-review .col-sm-3:after {
    content: "";
    border-right: 2px dashed #dfdfdf;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
} 
#cityListing .average-review{
    background: var(--primary-color);
    width: 100%;
    max-width: 220px;
    position: relative;
    display: inline-block;
} 
#cityListing .average-review:before{
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    top: 5%;
    left: 5%;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 3px 3px 0 0 rgba(0,0,0,0.26), -2px -2px 2px 0 rgba(0,0,0,0.26);
} 
#cityListing .average-review img{
    width: 100%;
}
    #cityListing .rating,
    #cityListing .mood-icon,
    #cityListing .average-review .stars,
    #cityListing .review-stats {
        position: absolute;
        width: 100%;
        text-align: center;
        top: 50%;
        margin-top: -48px;
        font-size: 60px;
        color: #fff;
    } 
#cityListing .mood-icon{
    top: -10px;
    margin-top: 0;
    font-size: 33px;
    width: 44px;
    height: 44px;
    line-height: 50px;
    background: #fff;
    color: var(--primary-color);
    border-radius: 50%;
    text-align: center;
    left: 50%;
    margin-left: -22px;
    padding-left: 2px;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2), -2px -2px 2px 0 rgba(0,0,0,0.2);
} 
#cityListing .average-review .stars{
    margin-top: 24px;
    font-size: 13px;
}
    #cityListing .average-review .rating,
    #cityListing .average-review .stars i {
        text-shadow: 4px 4px 2px rgba(0,0,0,0.26);
    } 
#cityListing .review-stats{
    position: absolute;
    z-index: 2;
    color: var(--primary-color);
    font-size: 14px;
    top: auto;
    margin-top: 0;
    bottom: -42px;
} 
#cityListing .review-counter{
    position: relative;
    display: inline-block;
    width: 44px;
    height: 44px;
    line-height: 50px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2), -2px -2px 2px 0 rgba(0,0,0,0.2);
    top: -8px;
} 
#cityListing .review-reputation{
    position: relative;
    display: block;
    margin-top: 60px;
} 
#cityListing .review-reputation div{
    position: relative;
    display: inline-block;
    background: #fff;
    border-radius: 8px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.14), -2px -2px 8px 0 rgba(0,0,0,0.14);
} 
#cityListing .review-reputation div:before{
    font-family: 'icon';
    content: "\eafc";
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
    font-size: 25px;
    color: var(--primary-color);
    margin: 18px 0 0 0;
    padding: 0;
    line-height: 25px;
} 
#cityListing .review-reputation div:after{
    font-family: "FontAwesome";
    content: "\f0d8";
    position: absolute;
    top: -27px;
    left: 50%;
    margin-left: -9px;
    font-size: 30px;
    color: #fff;
    text-shadow: 0 -2px 2px rgba(0,0,0,0.16);
} 
#cityListing .review-reputation h4{
    color: var(--primary-color);
    margin: 0;
    padding: 15px 15px 12px 15px;
    text-transform: uppercase;
} 
#cityListing .write-review{
    margin-top: 30px;
} 
#cityListing .write-review .button{
    font-size: 15px;
    padding: 12px 13px 11px 50px;
    overflow: hidden;
} 
#cityListing .write-review .button:before{
    font-family: 'icon';
    content: "\e98c";
    display: inline-block;
    background: rgba(0,0,0,0.1);
    height: 45px;
    line-height: 45px;
    width: 40px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px;
} 
#cityListing .author-vote-mood{
    position: relative;
    display: inline-block;
    color: var(--primary-color);
    font-size: 22px;
    top: 3px;
    margin-right: 1px;
} 
#cityListing .author-vote{
    position: relative;
    font-family: 'Capriola', sans-serif;
    display: inline-block;
    background: var(--primary-color);
    border-radius: 5px;
    padding: 3px 7px 2px 7px;
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    top: -2px;
    margin-right: 2px;
} 
#cityListing .author-vote .stars{
    display: inline-block;
    padding-left: 3px;
} 
#cityListing .listing-review .more-listing{
    height: 145px;
    top: 60px;
} 
#cityListing .listing-review .author-title{
    display: block;
    padding-left: 120px;
    font-style: italic;
    font-weight: bold;
    color: #404040;

}
    #cityListing .listing-review .author-title:before,
    #cityListing .listing-review .author-title:after {
        content: "\"";
    } 
#cityListing .author-description{
    font-size: 15px;
    padding-left: 122px;
    padding-top: 2px;
} 
#cityListing .author-description h5{
    margin: 0;
} 
/*------------------------------------------------------------------------------
[ Review Form ]
------------------------------------------------------------------------------*/
#cityListing .review-popup .panel-form {
    width: 450px;
} 
#cityListing .review-form textarea.form-control{
    height: 100px;
} 
#cityListing .star-rating {
  font-family: 'FontAwesome';
  margin: 0;
} 
#cityListing .star-rating > fieldset {
  border: none;
  display: inline-block;
} 
#cityListing .star-rating label{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 0;
} 
#cityListing .star-rating > fieldset:not(:checked) > input {
  position: absolute;
  top: -9999px;
  clip: rect(0,0,0,0);
} 
#cityListing .star-rating > fieldset:not(:checked) > label {
  float: right;
  width: 1em;
  padding: 0 .05em;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 150%;
  color: rgba(38,163,135,0.8);
} 
#cityListing .star-rating > fieldset:not(:checked) > label:before {
  content: '\f006  ';
}
    #cityListing .star-rating > fieldset:not(:checked) > label:hover,
    #cityListing .star-rating > fieldset:not(:checked) > label:hover ~ label {
        color: var(--primary-color);
        text-shadow: 0 0 3px var(--primary-color);
    }
        #cityListing .star-rating > fieldset:not(:checked) > label:hover:before,
        #cityListing .star-rating > fieldset:not(:checked) > label:hover ~ label:before {
            content: '\f005  ';
        } 
#cityListing .star-rating > fieldset > input:checked ~ label:before {
  content: '\f005  ';
} 
#cityListing .star-rating > fieldset > label:active {
  position: relative;
  top: 2px;
} 
/*------------------------------------------------------------------------------
[ 360 Rotation, Zoom, Transitions and Other Effects ]
------------------------------------------------------------------------------*/
/* Transitions to Rotations */
#cityListing .how-item a:after,
#cityListing .analogue-2-color-a5 a .analogue-2-border-color-a4,
#cityListing .search-magnifier img,
#cityListing .social-networks a,
#cityListing .map-button-text:before,
#cityListing .hero-search-icon:before,
#cityListing .search-categories .categories a:before,
#cityListing .hero-arrow,
#cityListing .more-listing:before,
#cityListing .header-search-button:before,
#cityListing .more-map-listing:before,
#cityListing [id*="open-accordion" ]:after,
#cityListing [id*="close-accordion" ]:after,
#cityListing .gallery a,
#cityListing .listing-title a.listing-item-rating,
#cityListing .comment-avatar {
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -ms-transform-property: -ms-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
} 
/* 360 HOVER */
    #cityListing .how-item:hover a:after,
    #cityListing .search-categories .categories a:hover:before,
    #cityListing .hero-search-icon.hover:before,
    #cityListing .search-magnifier .typing,
    #cityListing .social-networks a:hover,
    #cityListing .map-button-text:hover:before,
    #cityListing .more-listing:hover:before,
    #cityListing .header-search-button:hover:before,
    #cityListing .more-map-listing:hover:before,
    #cityListing [id*="open-accordion" ]:hover:after,
    #cityListing [id*="close-accordion" ]:hover:after,
    #cityListing .gallery a:hover,
    #cityListing .listing-title a.listing-item-rating:hover,
    #cityListing .comment-avatar:hover {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    } 
/* 60 */
    #cityListing .hero-arrow.hover {
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    } 
/* 90 */
#cityListing .some-element {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
} 
/* Background and Color Transitions */
#cityListing .hero-header .down-page {
    -webkit-transition: background-color 600ms linear, color 600ms linear;
    -moz-transition: background-color 600ms linear, color 600ms linear;
    -ms-transition: background-color 600ms linear, color 600ms linear;
    -o-transition: background-color 600ms linear, color 600ms linear;
    transition: background-color 600ms linear, color 600ms linear;
}
    #cityListing .search-categories:hover,
    #cityListing .hero-header .down-page:hover {
        -webkit-transition: background-color 600ms linear, color 600ms linear;
        -moz-transition: background-color 600ms linear, color 600ms linear;
        -ms-transition: background-color 600ms linear, color 600ms linear;
        -o-transition: background-color 600ms linear, color 600ms linear;
        transition: background-color 600ms linear, color 600ms linear;
    } 
#cityListing .comment-box .comment-head i {
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
} 
/* General Transitions */
#cityListing header .add-listing {
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    -ms-transition: all 0s;
    -o-transition: all 0s;
    transition: all 0s;
    box-shadow: none;
}
#cityListing
#cityListing .accordion-content,
#cityListing .panel-form > .panel-heading a,
#cityListing .panel-form input[type="text" ],
#cityListing .panel-form input[type="email" ],
#cityListing .panel-form input[type="password" ] {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
#cityListing .search-cities-toggle,
#cityListing .open-cities-list .search-cities .cities-list a,
#cityListing .analogue-2-bg-a6,
#cityListing .template-colors a {
    -webkit-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
#cityListing .cat-text,
#cityListing .cat-icon,
#cityListing .cat-image img,
#cityListing .listing-item .category-icon,
#cityListing .listing-item-author,
#cityListing .how-item h3 {
    -webkit-transition: 1s -webkit-transform;
    -moz-transition: 1s -moz-transform;
    -ms-transition: 1s -moz-transform;
    -o-transition: 1s -o-transform;
    transition: 1s transform;
}
    #cityListing .navbar-inverse .navbar-nav > li > a,
    #cityListing header.transparent .user-login,
    #cityListing header.transparent .add-listing,
    #cityListing .light .user-login,
    #cityListing .add-listing,
    #cityListing .button,
    #cityListing .analogue-2-bg-a4,
    #cityListing .search-categories .categories a,
    #cityListing .header-search-button,
    #cityListing .back-site,
    #cityListing .page-head,
    #cityListing .current-page-info,
    #cityListing .map-buttom,
    #cityListing .current-category,
    #cityListing .map-button-text,
    #cityListing .map-listing #map,
    #cityListing .cat-overlay,
    #cityListing .cat-icon.dark,
    #cityListing .listing-item .listing-item-link,
    #cityListing .listing-item .listing-item-link img,
    #cityListing .analogue-2-color-a5 .listing-item-rating,
    #cityListing .listing-black-overlay,
    #cityListing .fixed-pricing-button .pricing-data,
    #cityListing .how-item,
    #cityListing .app-img img,
    #cityListing .submit,
    #cityListing .cities a,
    #cityListing .leaflet-popup-content .maplink:before,
    #cityListing .gallery-item:before,
    #cityListing .analogue-2-bg-a4 .helper,
    #cityListing .listing-black-overlay,
    #cityListing .single-block .thumbnail,
    #cityListing .hero-header.landing .header-centralizer {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
        #cityListing .how-item img,
        #cityListing .how-item-excerpt,
        #cityListing .newsletter,
        #cityListing .newsletter-label,
        #cityListing .newsletter input[type="text" ],
        #cityListing .newsletter input:focus,
        #cityListing .newsletter .btn,
        #cityListing .newsletter-explanation {
            -webkit-transition: all 2s;
            -moz-transition: all 2s;
            -ms-transition: all 2s;
            -o-transition: all 2s;
            transition: all 2s;
        } 
/* Zoom and Scale */
#cityListing .cat-text {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
} 
#cityListing .how-item h3{
    -webkit-transform: scale(0.9);
  	-moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
  	-o-transform: scale(0.9);
  	transform: scale(0.9);
}
#cityListing .current-category,
#cityListing .map-button-text,
#cityListing .listing-item .listing-item-link,
#cityListing .listing-item .listing-item-link img,
#cityListing .listing-black-overlay {
    -webkit-transform: scale(0.92);
    -moz-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
}
#cityListing .grid6 .listing-item .listing-item-link,
#cityListing .grid6 .listing-item .listing-item-link img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
} 
#cityListing .button{
    -webkit-transform: scale(0.95);
  	-moz-transform: scale(0.95);
    -ms-transform: scale(0.95);
  	-o-transform: scale(0.95);
  	transform: scale(0.95);
}
    #cityListing .add-listing,
    #cityListing .search-cities .cities-list a,
    #cityListing .button:hover,
    #cityListing .map-buttom .map-button-text:hover,
    #cityListing .map-listing #map,
    #cityListing header .add-listing:hover,
    #cityListing #map.mapHidden,
    #cityListing .cat-item:hover .cat-text,
    #cityListing .listing-item .listing-item-link:hover,
    #cityListing .app-img img,
    #cityListing .listing.grid2 .listing-item .listing-item-link,
    #cityListing .listing.grid3 .listing-item .listing-item-link,
    #cityListing .template-colors a {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    } 
#cityListing .open-cities-list .search-cities .cities-list a:hover{
    -webkit-transform: scale(1.02);
  	-moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
  	-o-transform: scale(1.02);
  	transform: scale(1.02);
} 
#cityListing .open-cities-list .search-cities .cities-list a.current:hover{
    -webkit-transform: scale(1);
  	-moz-transform: scale(1);
    -ms-transform: scale(1);
  	-o-transform: scale(1);
  	transform: scale(1);
}
#cityListing .add-listing:hover,
#cityListing .app-img img.hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
} 
#cityListing .how-item:hover h3{
  	-webkit-transform: scale(1.1);
  	-moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
  	-o-transform: scale(1.1);
  	transform: scale(1.1);
} 
#cityListing .template-colors a:hover{
  	-webkit-transform: scale(1.2);
  	-moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
  	-o-transform: scale(1.2);
  	transform: scale(1.2);
} 
/* Joined Transform Effects */
#cityListing .listing-item-author {
    -webkit-transform: rotate(0deg) scale(0.8);
    -moz-transform: rotate(0deg) scale(0.8);
    -ms-transform: rotate(0deg) scale(0.8);
    -o-transform: rotate(0deg) scale(0.8);
    transform: rotate(0deg) scale(0.8);
}
#cityListing .cat-icon,
#cityListing .listing-item .category-icon {
    -webkit-transform: rotate(0deg) scale(0.9);
    -moz-transform: rotate(0deg) scale(0.9);
    -ms-transform: rotate(0deg) scale(0.9);
    -o-transform: rotate(0deg) scale(0.9);
    transform: rotate(0deg) scale(0.9);
}
    #cityListing .cat-item:hover .cat-icon,
    #cityListing .cat-item:hover .cat-icon.dark,
    #cityListing .listing-item .category-icon:hover {
        -webkit-transform: rotate(-45deg) scale(1);
        -moz-transform: rotate(-45deg) scale(1);
        -ms-transform: rotate(-45deg) scale(1);
        -o-transform: rotate(-45deg) scale(1);
        transform: rotate(-45deg) scale(1);
    } 
#cityListing .cat-image img{
  	-webkit-transform: scale(1.1) translate(-50%,-50%);
  	-moz-transform: scale(1.1) translate(-50%,-50%);
    -ms-transform: scale(1.1) translate(-50%,-50%);
  	-o-transform: scale(1.1) translate(-50%,-50%);
  	transform: scale(1.1) translate(-50%,-50%);
} 
#cityListing .cat-item:hover .cat-image img{
  	-webkit-transform: scale(1) translate(-55%,-55%);
  	-moz-transform: scale(1) translate(-55%,-55%);
    -ms-transform: scale(1) translate(-55%,-55%);
  	-o-transform: scale(1) translate(-50%,-50%);
  	transform: scale(1) translate(-55%,-55%);
} 
#cityListing .listing-item-author:hover{
    -webkit-transform: rotate(360deg) scale(1);
    -moz-transform: rotate(360deg) scale(1);
    -ms-transform: rotate(360deg) scale(1);
    -o-transform: rotate(360deg) scale(1);
    transform: rotate(360deg) scale(1);
} 
/*--------------------------------------------------------------------------
[ Wave Finishing ]
--------------------------------------------------------------------------*/
#cityListing .hero-header:after,
#cityListing .pg-header:after,
#cityListing .app:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: url(../images/miscellaneous/wave.png) top center;
    z-index: 4;
} 
#cityListing .trending:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(../images/miscellaneous/wave2.png) top center;
    z-index: 15;
}
#cityListing .hero-header .trending:after,
#cityListing .trending.landing:after {
    display: none;
} 
#cityListing .app:after{
    bottom: auto;
    top: -18px;
    height: 18px;
} 
#cityListing .footer-logo:after{
    content: "";
    position: absolute;
    top: -18px;
    left: 0;
    width: 100%;
    height: 18px;
    background: url(../images/miscellaneous/wave3.png) top center;
    z-index: 50;
} 
#cityListing .app-img:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: url(../images/miscellaneous/wave.png) top center;
    z-index: 30;
} 
#cityListing .wave-top-gallery{
    position: absolute;
    width: 100%;
    height: 18px;
    z-index: 10;
    background: url(../images/miscellaneous/wave2.png) top center;
}
#cityListing .is-mobile .hero-header:after,
#cityListing .is-mobile .pg-header:after,
#cityListing .is-mobile .app:after,
#cityListing .is-mobile .trending:after,
#cityListing .is-mobile .footer-logo:after,
#cityListing .is-mobile .app-img:before,
#cityListing .is-mobile .wave-top-gallery {
    display: none !important;
} 
/*------------------------------------------------------------------------------
[ Template Colors Container ]
------------------------------------------------------------------------------*/
#cityListing .template-colors {
    position: relative;
    margin: 0 100px;
    color: #fff;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(5,-50%);
    -o-transform: translate(5,-50%);
    transform: translate(5,-50%);
} 
#cityListing .template-colors a{
    position: relative;
    display: inline-block;
    margin: 8px 12px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid #fff;
} 
#cityListing .template-colors a:before{
    content: "";
    position: absolute;
    top: -7px;
    left: -7px;
    display: block;
    width: 26px;
    height: 26px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
    border-radius: 50%;
    z-index: -1;
} 
#cityListing .template-colors a.current-color:before{
    box-shadow: 0 0 5px rgba(0,0,0,1), 0 0 100px rgba(255,255,0,1), 0 0 50px rgba(255,255,0,1), 0 0 20px rgba(255,255,0,1);
} 
#cityListing .change-color-button{
    overflow: hidden;
} 
#cityListing .change-color-button:before{
    display: inline-block;
    margin-right: 20px;
    font-size: 30px;
    border-right: 1px dashed #fff;
    padding-right: 20px;
} 
#cityListing .logo-landing{
    cursor: default;
} 
/*------------------------------------------------------------------------------
[ Responsive ]
------------------------------------------------------------------------------*/
@media (min-width:768px) {
    /* Fixing Bootstrap cols, mainly to MAC */
    #cityListing .col-sm-3 {
        width: 24.98%;
    } 
#cityListing .col-sm-4 {
        width: 33.30%;
    } 
#cityListing .col-sm-6 {
        width: 49.94%;
    }  
    /* End Fix */
    #cityListing header.transparent .navbar-inverse .navbar-nav > li:hover > a {
        border-radius: 20px 0 25px 0;
    } 
#cityListing .hero-search{
        margin-top: 100px;
    } 
#cityListing .search-short-height .hero-search{
        margin-top: 40px;
    } 
#cityListing .dropdown-menu>li>a{
        padding: 5px 20px;
        background-color: transparent !important;
    } 
#cityListing .dropdown-menu li:hover .sub-menu {
        visibility: visible;
    } 
#cityListing .navbar-nav>li>.dropdown-menu {
        display: block;
        visibility: hidden;
        opacity: 0;
        margin-top: 50px;
        right: 25px;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
    } 
#cityListing .light .navbar-nav>li>.dropdown-menu {
        right: 0;
    } 
#cityListing .navbar-nav>li:hover>.dropdown-menu {
        margin-top: 0;
        opacity: 1;
        visibility: visible;
        padding: 14px 0;
    } 
#cityListing #page-content {
	    left: 0!important
	} 
#cityListing .navbar.navbar-fixed-top.slide-active {
	    position: fixed
	} 
#cityListing .navbar-header {
	    left: 0!important
	} 
#cityListing .full-dimming-overlay{
        display: none !important;
    } 
#cityListing .pg-title{
        padding-left: 40px;
        padding-right: 40px;
    } 
} 
@media (max-width:1080px){
    #cityListing .hero-search {
        left: 5%;
        width: 60%;
    } 
#cityListing .search-categories{
        left: 5%;
        width: 60%;
    } 
#cityListing .search-popup .hero-search{
        left: 15%;
        width: 70%;
    } 
#cityListing .search-popup .search-categories{
        left: 15%;
        width: 70%;
    } 
#cityListing .search-categories .categories a{
        min-width: 55px;
        font-size: 12px;
        margin: 3px 1px;
        padding: 8px 6px 10px 6px;
    } 
#cityListing .analogue-2-bg-a4{
        width: 30%;
    } 
#cityListing .cat-item{
        width: 22%;
    } 
#cityListing .vertical .cat-item:last-child{
        display: block;
        width: 95%;
        left: 1.5%;
        height: 200px;
    } 
#cityListing .vertical .cat-item:last-child a{
        line-height: 200px;
    } 
#cityListing .listings-has-sidebar .listing.grid2 .col-sm-3{
        width: 100%;
    } 
#cityListing .listing-block .col-sm-3{
        width: 33.30%;
    } 
#cityListing .grid4 .col-sm-4{
        width: 49.94%;
        float: left !important;
    } 
}  
@media (max-width:980px){
    #cityListing .cat-item {
        width: 30%;
    } 
#cityListing .vertical .cat-item{
        display: block;
        width: 95%;
        left: 1.5%;
        height: 200px;
    } 
#cityListing .vertical .cat-item a{
        line-height: 200px;
    }
    #cityListing .vertical .cat-item:first-child,
    #cityListing .vertical .cat-item:first-child + div,
    #cityListing .vertical .cat-item:first-child + div + div {
        display: inline-block;
        width: 30%;
        left: 0;
        height: 360px;
    }
        #cityListing .vertical .cat-item:first-child a,
        #cityListing .vertical .cat-item:first-child + div a,
        #cityListing .vertical .cat-item:first-child + div + div a {
            line-height: 360px;
        } 
#cityListing .listing .col-sm-3{
        width: 48%;
        display: inline-block;
        float: none;
    } 
#cityListing .listing-social .social-networks a{
        margin: 10px 2px 10px 2px;
    } 
}  
@media (max-width:850px){
    #cityListing header .user-login {
        padding-right: 12px;
        padding-left: 12px;
    } 
#cityListing .user-buttons .add-listing{
        width: 52px;
        overflow: hidden;
        margin-right: 0;
        font-size: 0;
        padding-right: 0;
    } 
#cityListing .add-listing:before {
        margin-left: 2px;
    } 
#cityListing header .user-buttons .add-listing{
        margin-right: -39px;
        padding: 26px 26px 0 76px
    } 
#cityListing header .add-listing:before {
        margin-left: 2px;
    } 
}  
@media (max-width:767px) {
    #cityListing .body-wrapper {
        overflow-x: hidden;
        height: auto;
    } 
#cityListing .container{
        width: 100%;
    } 
#cityListing .col-sm-12{
        padding: 0;
    } 
#cityListing header{
        text-align: center;
    } 
#cityListing header .navbar {
        z-index: 999999;
        right: auto;
        left: -30px;
        float: none;
        width: auto;
        top: 0;
        margin-right: 0;
        -webkit-transform: translate(50%,0);
        -moz-transform: translate(50%,0);
        -ms-transform: translate(50%,0);
        -o-transform: translate(50%,0);
        transform: translate(50%,0);
        text-align: left;
    } 
#cityListing #slide-nav .navbar-toggle{
        padding: 15px 0 0 0;
    } 
#cityListing header .user-buttons{
        display: block;
        position: absolute;
    } 
#cityListing .header-search-button{
        position: absolute;
        left: auto;
        left: 50px;
        z-index: 100;
    } 
#cityListing #slide-nav .container {
	    margin: 0!important;
	    padding: 0!important;
      height:100%;
	} 
#cityListing #slide-nav .navbar-header {
	    margin: 0 auto;
	    padding: 0 15px;
        z-index: 60;
	} 
#cityListing #slide-nav .navbar.slide-active {
	    position: absolute;
	    width: 300px;
	    top: -1px;
	    z-index: 1000;
	} 
#cityListing #slide-nav #slidemenu {
	    background: #f7f7f7;
	    left: -300px;
	    width: 297.5px;
	    min-width: 0;
	    position: absolute;
	    padding-left: 0;
	    z-index: 2;
	    top: 2px;
	    margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
	} 
#cityListing #slide-nav #slidemenu .navbar-nav {
	    min-width: 0;
	    width: 100%;
	    margin: 0;
	}
    #cityListing .navbar-inverse .navbar-nav > .open > a,
    #cityListing .navbar-inverse .navbar-nav > .open > a:focus,
    #cityListing .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: rgba(0,0,0,0.3);
    } 
#cityListing #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
        color: #fff;
	    min-width: 0;
	    width: 300px;
	    white-space: normal;
        padding: 15px 15px 15px 25px;
	} 
#cityListing #slide-nav #slidemenu .navbar-nav .dropdown-menu li a:hover {
        color: rgba(255,255,255,0.7);
	} 
#cityListing #slide-nav {
	    border-top: 0;
        position: absolute;
        z-index: 999999;
	} 
#cityListing #slide-nav.navbar-inverse #slidemenu {
	    background: #333
	} 
#cityListing #navbar-height-col {
	    position: fixed;
	    top: 0;
	    height: 100%;
      bottom:0;
	    width: 300px;
	    left: -300px;
	    background: #f7f7f7;
	} 
#cityListing #navbar-height-col.inverse {
	    background: #333;
	    z-index: 999998;
	    border: 0;
	} 
#cityListing #slide-nav .navbar-form {
	    width: 100%;
	    margin: 8px 0;
	    text-align: center;
	    overflow: hidden;
	} 
#cityListing #slide-nav .navbar-form .form-control {
	    text-align: center
	} 
#cityListing #slide-nav .navbar-form .btn {
	    width: 100%
	} 
#cityListing header .logo{
        position: relative;
        display: inline-block;
        width: 100%;
        text-align: center;
        z-index: 10;
    } 
#cityListing .logo img{
        height: 50px;
    } 
#cityListing .hero-header{
        height: auto;
        padding-bottom: 150px;
    } 
#cityListing .hero-header.search-popup{
        height: 100%;
        padding-bottom: 0;
    }
    #cityListing .hero-search,
    #cityListing .search-popup .hero-search {
        width: 90%;
        left: 5%;
    } 
#cityListing .hero-search{
        margin-top: 40px;
    } 
#cityListing .search-popup .hero-search{
        margin-top: 80px;
    } 
#cityListing .header-centralizer{
        margin-top: 150px;
    } 
#cityListing .search-popup .header-centralizer{
        margin-top: 0;
    } 
#cityListing .analogue-2-bg-a4{
        position: relative;
        height: 458px;
        width: 90%;
        left: 5%;
        margin-top: 60px;
    } 
#cityListing .show-categories{
        left: 5%;
    }
    #cityListing .search-categories,
    #cityListing .search-popup .search-categories {
        width: 90%;
        left: 5%;
    } 
#cityListing .feat-img{
        width: 30%;
    } 
#cityListing .feat-text{
        width: 64%;
    } 
#cityListing .feat-header-button{
        font-size: 12px;
    } 
#cityListing .feat-header-button.central{
        font-size: 12px;
    } 
#cityListing .feat-img{
        width: 30%;
    } 
#cityListing .feat-text{
        width: 64%;
    }
    #cityListing .vertical .cat-item:first-child,
    #cityListing .vertical .cat-item:first-child + div {
        width: 45%;
        margin-left: 2%;
        margin-right: 2%;
    } 
#cityListing .vertical .cat-item:first-child + div + div{
        display: block;
        width: 95%;
        left: 1.5%;
        height: 200px;
    } 
#cityListing .vertical .cat-item:first-child + div + div a{
        line-height: 200px;
    } 
#cityListing .breadcrumbs{
        display: none;
    } 
#cityListing .footer-info{
        display: block;
        width: 100%;
        font-size: 0;
        margin: 0;
    } 
#cityListing .footer-col{
        display: block;
        width: 100%;
        background: var(--primary-color);
        padding: 30px 5px 30px 5px;
        font-size: 14px;
        border-radius: 0;
    } 
#cityListing .footer-col:nth-child(odd){
        background: rgba(38,163,135,0.97);
    }
    #cityListing .footer-links,
    #cityListing .footer-contact {
        display: none;
    } 
#cityListing .listing{
        display: inline-block;
    } 
#cityListing .listing .col-sm-3{
        width: 70%;
        display: inline-block;
    } 
#cityListing .listing.grid2 .col-sm-3{
        width: 100%;
        display: inline-block;
    } 
#cityListing .listing-flag{
        display: none;
    } 
#cityListing .img-left{
        margin: 0;
    } 
#cityListing .not-found-image{
        margin-bottom: 60px;
    } 
#cityListing .pg-header.pg-user{
        padding-top: 230px;
        padding-bottom: 100px;
    } 
#cityListing .user-avatar{
        bottom: auto;
        top: 70px;
    } 
#cityListing .pg-user blockquote {
        border: 0;
    } 
#cityListing .pg-user h3.user-social{
        margin-top: 70px;
        display: block;
    } 
#cityListing .pg-user .social-networks a{
        margin-top: 0;
    } 
#cityListing .reply-list {
        padding-left: 0;
    }
    #cityListing .comments-list:before,
    #cityListing .reply-list li:before {
        display: none;
    } 
#cityListing .comments-list .comment-avatar {
        float: none;
        text-align: center;
        left: 50%;
        margin-left: -32.5px;
    } 
#cityListing .comments-list.reply-list .comment-avatar {
        margin-left: -25px;
    } 
#cityListing .comment-box .comment-content {
        padding-left: 0;
        padding-right: 0;
    } 
#cityListing .comments-list .comment-box {
        width: 100%;
    } 
#cityListing .listing-social .social-networks a{
        margin: 10px;
    } 
#cityListing .listing-description .col-sm-3{
        padding-top: 0;
    } 
#cityListing .listing-description .col-sm-3:after{
        border: 0;
    } 
#cityListing .description-container{
        border-top: 2px dashed #ddd;
        padding-top: 30px;
    }
    #cityListing .description-text.table > tbody > tr > td.description,
    #cityListing .description-text.table > tbody > tr > td.listing-opening {
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0;
        border-left: 0;
    } 
#cityListing .description-text.table>tbody>tr>td.listing-opening{
        padding-top: 30px;
        margin-top: 30px;
        border-top: 2px dashed #ddd;
    } 
#cityListing .reply-list {
        padding-left: 0;
    }
    #cityListing .comments-list:before,
    #cityListing .reply-list li:before {
        display: none;
    } 
#cityListing .comments-list .comment-avatar {
        float: none;
        text-align: center;
        left: 50%;
        margin-left: -32.5px;
    } 
#cityListing .comments-list.reply-list .comment-avatar {
        margin-left: -25px;
    } 
#cityListing .comment-box .comment-content {
        padding-left: 0;
        padding-right: 0;
    } 
#cityListing .comments-list .comment-box {
        width: 100%;
    } 
#cityListing .listing-review .col-sm-3:after {
        content: none;
    } 
#cityListing .listing.grid3 .col-sm-3 {
        width: 100%;
    } 
#cityListing .sidebar-right{
        padding: 0;
    } 
#cityListing .front-page .map-and-page .listing-results{
        display: block;
    } 
} 
@media only screen and (max-width: 600px) {
    #cityListing .row-title h1 {
        font-size: 35px !important;
    } 
#cityListing .cat-item{
        width: 90%;
    }
    #cityListing .horizontal .cat-item,
    #cityListing .vertical .cat-item:first-child,
    #cityListing .vertical .cat-item:first-child + div,
    #cityListing .vertical .cat-item:first-child + div + div {
        width: 95%;
        left: 1.5%;
        height: 200px;
    }
        #cityListing .horizontal .cat-item a,
        #cityListing .vertical .cat-item:first-child a,
        #cityListing .vertical .cat-item:first-child + div a,
        #cityListing .vertical .cat-item:first-child + div + div a {
            line-height: 200px;
        } 
#cityListing header .user-buttons{
        margin-right: 0;
    } 
#cityListing .featured-header-buttons{
        position: relative;
        height: 180px;
        margin-top: -60px;
    } 
#cityListing .feat-header-button{
    	width: 100%;
        height: 60px;
        border-radius: 0;
    }
    #cityListing .feat-header-button,
    #cityListing .feat-header-button:hover {
        background: var(--primary-color);
        border-top: 0;
    } 
#cityListing .listing .col-sm-3{
        width: 100%;
        display: inline-block;
    } 
#cityListing .pg-header{
        height: 250px;
    } 
#cityListing .pg-title{
        font-size: 35px;
    } 
#cityListing .pg-subtitle{
        font-size: 15px;
    } 
#cityListing .listing-title h2{
        font-size: 24px;
    } 
#cityListing .listing-title .listing-item-rating {
        top: -5px;
    } 
#cityListing .rating-count {
        top: -5px;
        left: 0;
    } 
#cityListing .author-block .text-left{
        text-align: center;
    }
    #cityListing .pull-left,
    #cityListing .pull-right {
        display: block !important;
        float: none !important;
        margin: 0 auto;
        margin-bottom: 8px;
    } 
#cityListing .author-avatar.pull-left{
        float:none !important;
        display: block;
        left: 50%;
        margin-left: -50px;
        margin-bottom: 40px;
    }
    #cityListing .author-vote-mood,
    #cityListing .author-name,
    #cityListing .data,
    #cityListing .author-title,
    #cityListing .author-description {
        display: block;
        text-align: center;
        margin: 0;
        padding: 0 !important;
    } 
#cityListing .author-title{
        margin-bottom: 15px;
    } 
#cityListing .line .data{
        padding-left: 5px !important;
    }
    #cityListing .author-vote-mood,
    #cityListing .data {
        margin-bottom: 15px;
    } 
#cityListing .data{
        margin-top: 15px;
    }
    #cityListing .panel-form,
    #cityListing .review-popup .panel-form,
    #cityListing .pm-popup .panel-form {
        width: 80%;
        left: 0;
    } 
#cityListing .blog .listing-item-author{
        display: none;
    } 
#cityListing .template-colors{
        margin: 0;
    } 
#cityListing .grid4 .col-sm-4{
        width: 90%;
        left: 5%;
        float: none !important;
    } 
#cityListing .grid5 .listing-item-data{
        margin-top: 0;
    } 
    /* Squared Mobile */
    #cityListing .squared-mobile .listing-item-rating {
        left: auto;
        right: 8%;
        top: 6%;
    } 
#cityListing .squared-mobile .listing-black-overlay{
        border-radius: 20px;
    } 
#cityListing .squared-mobile .listing-item-title-centralizer{
        border-radius: 0;
    } 
#cityListing .squared-mobile .listing-item .category-icon{
        top: 6%;
        left: 11%;
    }
    #cityListing .squared-mobile .listing-item .listing-item-link:hover:before,
    #cityListing .listing.white.squared-mobile .listing-item .listing-item-link:hover:before {
        display: none;
    } 
#cityListing .squared-mobile .analogue-2-color-a5 a:hover .analogue-2-border-color-a4{
        display: none;
    }
    #cityListing .squared-mobile .listing-item .listing-item-link,
    #cityListing .squared-mobile .listing-item .listing-item-link img {
        width: 100%;
        display: inline-block;
        border-radius: 20px;
    } 
#cityListing .grid6.rounded-pic .listing-item .listing-item-link{
        border-radius: 68px 8px 8px 68px
    } 
#cityListing .grid6 .listing-item .listing-item-link img{
        width: 120px;
    } 
#cityListing .grid6 .listing-item-data {
        margin-top: 8px;
    } 
#cityListing .grid6 .listing-item-excerpt{
        border: 0 !important;
        padding-top: 0;
    } 
#cityListing .grid6 .listing-item-excerpt{
        max-height: 95px !important;
        overflow: hidden;
    } 
#cityListing .grid6.rounded-pic .listing-item-rating{
        left: 72px;
    } 
#cityListing .grid6.rounded-pic .listing-item .category-icon{
        left: 35px;
    } 
#cityListing .no-addr-on-mobile .listing-item-address{
        display: none;
    } 
#cityListing .no-exp-on-mobile .listing-item-excerpt{
        display: none;
    } 
#cityListing .listing-item .amenities{
        margin-bottom: 10px;
    } 
#cityListing .grid6 .listing-category-name{
        bottom: 6px;
        right: 4px;
    } 
} 
@media only screen and (max-width: 480px) {
    #cityListing header .user-buttons {
        margin-right: -64px;
    } 
#cityListing header .user-login{
        display: none;
    } 
#cityListing header .user-buttons{
        margin-right: 0;
    } 
#cityListing .search-cities{
        margin-top: -78px;
        right: 54px;
        background: transparent;
    } 
#cityListing .open-cities-list .search-cities{
        right: 0;
    } 
#cityListing .search-cities .cities-list a{
        box-shadow: none;
    } 
#cityListing .search-cities .cities-list a.current{
        padding: 2px 0 2px 0;
        margin: 28px 10px;
    } 
#cityListing .row-title h1{
        font-size: 20px !important;
    }
    #cityListing .typingEffect,
    #cityListing .typed-cursor {
        display: none;
    } 
#cityListing .h-video.landing .trending .typed-cursor{
        display: inline-block;
    } 
#cityListing .hero-search{
        box-shadow: -6px -6px 0px var(--primary-color);
    } 
#cityListing .hero-search input[type="text" ]::-webkit-input-placeholder{
        top: 0;
    } 
#cityListing .hero-search input[type="text" ]:-moz-placeholder{
        top: 0;
    } 
#cityListing .hero-search input[type="text" ]::-moz-placeholder{
        top: 0;
    } 
#cityListing .hero-search input[type="text" ]:-ms-input-placeholder{
        top: 0;
    } 
#cityListing .featured-header-buttons{
        position: relative;
        height: 180px;
        margin-top: -60px;
    } 
#cityListing .feat-header-button{
    	width: 100%;
        height: 60px;
    }
    #cityListing .feat-header-button,
    #cityListing .feat-header-button:hover {
        background: var(--primary-color);
        border-top: 0;
    } 
#cityListing .listing-block {
        margin-top: 5px;
    } 
#cityListing .listing-item-title{
        font-size: 15px;
        line-height: 19px;
    } 
#cityListing .listing-item-address{
        font-size: 14px;
        line-height: 18px;
    } 
#cityListing .listing-results{
        text-align: center;
        padding-bottom: 0;
        padding-top: 90px;
    } 
#cityListing .blog .listing-results{
        padding-bottom: 30px;
    } 
#cityListing .results-count{
        padding-left: 0;
        text-align: center;
        margin-bottom: 10px;
    } 
#cityListing .listing-filter .dropdown-menu{
        position: relative;
        top: 0;
    } 
#cityListing .listing-filter{
        position: relative;
        right: auto;
        left: 0;
        top: 10px;
        margin-bottom: 70px;
    } 
#cityListing .listing-filter form{
        text-align: center;
        width: 100%;
    } 
#cityListing .pg-header{
        height: 200px;
    } 
#cityListing .pg-title{
        font-size: 20px;
        line-height: 26px;
    } 
#cityListing .pg-subtitle{
        font-size: 14px;
    } 
#cityListing .listing-block .results-count.user-listing{
        top: 0;
        margin-top: 30px;
        margin-bottom: 60px;
        left: auto;
    } 
#cityListing .gallery img{
        height: 260px;
    } 
#cityListing .gallery-item-caption{
        padding: 80px 80px 12px 12px;
    }
    #cityListing .listing .col-sm-3,
    #cityListing .col-md-9 {
        padding: 0;
    } 
#cityListing .grid4 .col-sm-4{
        width: 100%;
        left: 0;
        padding: 0;
    } 
#cityListing .listing.grid6 .listing-item-title{
        font-size: 14px !important;
        line-height: 17px;
    } 
#cityListing .listing.grid6 .feat-data{
        margin-top: 6px;
        margin-bottom: 0;
    } 
#cityListing .listing.grid6.rounded-pic .feat-data{
        margin-top: 9px;
    }
    #cityListing .listing-item .amenities span,
    #cityListing .listing-item .tags li {
        font-size: 12px
    }
        #cityListing .listing-item .amenities span:before,
        #cityListing .listing-item .tags li:before {
            top: -3px;
        } 
#cityListing .listing-item .amenities .icon-bicycle:before {
        top: -6px;
    } 
}  
@media only screen and (max-width: 450px) {
    #cityListing header .logo img {
        height: 40px;
        margin-top: 4px;
    }
    #cityListing .change-color-button:before {
        display: none;
    } 
}  
@media only screen and (max-width: 380px) {
    #cityListing h1,
    #cityListing h2,
    #cityListing h3 {
        font-size: 16px !important;
    }
    #cityListing header .user-buttons {
        display: none;
    } 
#cityListing .front-page header .user-buttons{
        display: inline-block;
    } 
#cityListing .front-page header .logo{
        left: -4px;
    } 
#cityListing .front-page header .add-listing{
        margin-right: -48px !important;
    } 
#cityListing .front-page header .add-listing:before{
        left: 14px;
    } 
#cityListing .header-search-button{
        left: auto;
        right: 0;
    }
    #cityListing .hero-search form input,
    #cityListing .button.big,
    #cityListing .listing-item-title,
    #cityListing .city-name {
        font-size: 14px !important;
    } 
#cityListing .listing-filter .dropdown-menu{
        max-width: 280%;
        min-width: 215px !important;
        left: auto;
        right: -40px;
        float: right;
    } 
#cityListing .listing-filter{
        right: auto;
        left: 0;
        top: 10px;
    } 
#cityListing .quick-menu{
        padding: 0;
    } 
#cityListing .quick-menu a{
        display: none;
    } 
#cityListing .quick-menu a.pvt{
        display: block;
        border: 0;
        bottom: 0;
        border-radius: 5px;
    } 
#cityListing .listing-title{
        padding: 80px 10px 60px 10px;
    } 
#cityListing .listing-title h2{
        font-size: 25px;
        line-height: 25px;
    }
    #cityListing .panel-form,
    #cityListing .review-popup .panel-form,
    #cityListing .pm-popup .panel-form {
        width: 90%;
    } 
#cityListing .pg-title{
        font-size: 16px;
    } 
#cityListing .single-block .thumbnail{
        max-width: 100%;
    } 
#cityListing .form-horizontal{
        padding: 0;
    }
    #cityListing .listing-item-title,
    #cityListing .listing-item-address {
        font-size: 13px;
        line-height: 17px;
    }
    #cityListing .hero-search form input,
    #cityListing .typingEffect {
        letter-spacing: 0;
    }
    #cityListing .front-categories .row-title h1:before,
    #cityListing .how .row-title h1:before,
    #cityListing .app .row-title h1:before,
    #cityListing .blog-home .row-title h1:before {
        display: none;
    } 
#cityListing .row-title h1{
        left: auto;
        padding-right: 0;
    } 
#cityListing .row-title h4{
        margin: -11px 0 0 0;
    } 
#cityListing .cat-text{
        font-size: 22px;
    } 
#cityListing .listing-title .listing-item-rating{
        top: -4px;
    } 
#cityListing .rating-count{
        top: -4px;
    } 
#cityListing .listing-item .ribbon{
        width: auto;
        min-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    #cityListing .grid2 .listing-item .ribbon,
    #cityListing .grid3 .listing-item .ribbon {
        min-width: 0;
    } 
#cityListing .grid6 .listing-item .listing-item-link img {
        width: 100px;
    } 
#cityListing .grid6.rounded-pic .listing-item-rating {
        left: 62px;
    } 
#cityListing .listing.grid6 .feat-data{
        display: none;
    } 
#cityListing .grid6 .listing-item-excerpt{
        max-height: 48px !important;
    } 
#cityListing .grid6 .listing-item-title-centralizer{
        padding-left: 10px;
    }
    #cityListing .blog .grid6 .listing-item-title-centralizer,
    #cityListing .blog .grid6 .listing-item-title {
        padding-bottom: 0;
        padding-right: 0;
    } 
}  
@media only screen and (max-height: 400px) {
    #cityListing .quick-menu {
        padding: 0;
    } 
#cityListing .quick-menu a{
        display: none;
    } 
#cityListing .quick-menu a.pvt{
        display: block;
        border: 0;
        bottom: 0;
        border-radius: 5px;
    } 
}


#cityListing .well-social-post {
    border-radius: 0;
    background-color: #ffffff;
    border: 1px solid #ddd;
    padding: 0;
    width: 100%;
}
    #cityListing .well-social-post .glyphicon,
    #cityListing .well-social-post .fa,
    #cityListing .well-social-post [class^='icon-'],
    #cityListing .well-social-post [class*='icon-'] {
        font-weight: bold;
        color: #999999;
    }
    #cityListing .well-social-post a,
    #cityListing .well-social-post a:hover,
    #cityListing .well-social-post a:active,
    #cityListing .well-social-post a:focus {
        text-decoration: none;
    } 
#cityListing .well-social-post .list-inline {
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
    } 
#cityListing .well-social-post .list-inline li {
            position: relative;
        } 
#cityListing .well-social-post .list-inline li.active::after {
                position: absolute;
                display: block;
                width: 0;
                height: 0;
                content: "";
                top: 30px;
                left: 50%;
                left: -webkit-calc(50% - 5px);
                left: -moz-calc(50%-5px);
                left: calc(50% - 5px);
                border-left: 5px solid transparent;
                border-right: 5px solid transparent;
                border-top: 5px solid #dddddd;
            } 
#cityListing .well-social-post .list-inline li.active a {
                color: #222222;
                font-weight: bold;
            } 
#cityListing .well-social-post .form-control {
        width: 100%;
        min-height: 100px;
        border: none;
        border-radius: 0;
        box-shadow: none;
    } 
#cityListing .well-social-post .list-inline {
        padding: 10px;
    } 
#cityListing .well-social-post .list-inline li + li {
            margin-left: 10px;
        } 
#cityListing .well-social-post .post-actions {
        margin: 0;
        background-color: #f6f7f8;
        border-top-color: #e9eaed;
    } 
#cityListing .page-has-left-panels {
    padding-left: 70px;
} 
#cityListing .page-has-right-panels {
    padding-right: 70px;
} 
#cityListing .page-has-right-panels .header {
        padding-right: 70px;
    } 
#cityListing .header {
    height: 70px;
    background-color: #3f4257;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 21;
} 
#cityListing .header .page-title {
        padding: 26px 50px 26px 100px;
        text-transform: uppercase;
        float: left;
        height: 100%;
        min-width: 170px;
    } 
#cityListing .header .page-title > * {
            color: #fff;
            margin: 0;
        } 
#cityListing .header.header--logout {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-right: 0;
    } 
#cityListing .header.header--logout .page-title {
            padding: 26px;
        } 
#cityListing .header.header--logout .header-content-wrapper {
            width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        } 
#cityListing .header.header--logout .logo {
            min-height: 70px;
            min-width: 70px;
            height: 70px;
            width: 70px;
            background-color: #ff5e3a;
            padding: 15px;
        } 
#cityListing .header-content-wrapper {
    height: 100%;
} 
#cityListing .header-spacer {
    display: block;
    height: 110px;
} 
#cityListing .header-spacer-small {
    height: 70px;
} 
#cityListing .header-spacer--standard {
    height: 143px;
} 
#cityListing .search-bar {
    float: left;
    width: 500px;
    height: 70px;
    background-color: #494c62;
    position: relative;
} 
#cityListing .search-bar.w-search {
        width: 500px;
        min-height: 70px;
        background-color: #494c62;
    } 
#cityListing .search-bar .form-group {
        margin-bottom: 0;
        height: 70px;
    } 
#cityListing .search-bar .form-control {
        border: none;
        padding: 0;
    } 
#cityListing .search-bar .selectize-control {
        position: relative;
        z-index: 20;
        height: 70px;
    } 
#cityListing .search-bar .selectize-dropdown {
        background-color: #fff;
        z-index: 50;
        border: 1px solid #e6ecf5;
        box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    } 
#cityListing .search-bar .selectize-input {
        height: 70px;
    } 
#cityListing .search-bar .selectize-input.has-items input {
            background-color: transparent;
        } 
#cityListing .search-bar .selectize-input.has-items > * {
            padding: 3px 10px;
            border-radius: 3px;
            background-color: #9a9fbf;
            color: #fff;
            display: inline-block;
            margin-right: 3px;
        } 
#cityListing .search-bar .selectize-input.has-items > *:first-child {
                margin-left: 15px;
            } 
#cityListing .search-bar .form-group.with-button button {
        color: #696d87;
        fill: #696d87;
        background-color: #494c62;
        width: 50px;
    } 
#cityListing .search-bar .form-group.with-button button svg {
            height: 22px;
            width: 22px;
        } 
#cityListing .search-bar .form-group.with-button input {
        height: 100%;
        border: none;
        color: #9a9fbf;
    } 
#cityListing .search-bar .notification-list {
        position: absolute;
        top: -100%;
        visibility: hidden;
        opacity: 0;
        transition: all .3s ease;
        z-index: 50;
        background: #fff;
        width: 100%;
        box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
        border-right: 1px solid #e6ecf5;
        border-left: 1px solid #e6ecf5;
    } 
#cityListing .search-bar .notification-list .notification-icon svg {
            width: 20px;
            height: 20px;
        } 
#cityListing .control-block {
    float: right;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 15px;
} 
#cityListing .control-block .author-thumb {
        margin-right: 8px;
        position: unset;
    } 
#cityListing .control-block .author-title {
        font-weight: 700;
        font-size: 12px;
        color: #fff;
    } 
#cityListing .control-block .author-title > svg {
            margin-left: 15px;
            fill: #fff;
            width: 6px;
            height: 4px;
        } 
#cityListing .control-block .author-subtitle {
        display: block;
        font-weight: 700;
        color: #9a9fbf;
        font-size: 8px;
    } 
#cityListing .link-find-friend {
    padding: 25px 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
} 
#cityListing .control-icon {
    margin-right: 29px;
    fill: #9a9fbf;
    margin-top: 8px;
} 
#cityListing .control-icon > svg {
        height: 20px;
    } 
#cityListing .control-icon.has-items {
        fill: #fff;
    } 
#cityListing .control-icon .label-avatar {
        width: 19px;
        height: 19px;
        line-height: 19px;
        top: -12px;
        right: -9px;
    } 
#cityListing .control-icon .more-dropdown {
        width: 380px;
        top: 35px;
        right: -180px;
        padding: 0 0 70px 0;
    } 
#cityListing .control-icon .more-dropdown .view-all {
            padding: 20px;
            color: #fff;
        } 
#cityListing .control-icon .more-dropdown .view-all:hover {
                color: #fff;
            } 
#cityListing .control-icon .more-dropdown .notification-list {
            padding: 0;
        } 
#cityListing .control-icon .ui-block-title a {
        display: inline-block;
        float: right;
        margin-left: 20px;
        text-transform: uppercase;
        font-size: 9px;
        padding: 0;
    } 
#cityListing .control-icon .accept-request {
        padding: 0.5rem;
        font-size: 0.688rem;
        color: #fff;
        display: inline-block;
    } 
#cityListing .control-icon .accept-request:hover {
            color: #fff;
        } 
#cityListing .control-icon .notification-list .author-thumb {
        height: 34px;
        width: 34px;
        margin-right: 0;
        overflow: hidden;
    } 
#cityListing .control-icon .notification-list .notification-friend {
        padding: 0;
        font-size: 14px;
    } 
#cityListing .control-icon .notification-list .notification-link {
        padding: 0;
        display: inline-block;
    } 
#cityListing .control-icon .notification-list .notification-event {
        width: 75%;
    } 
#cityListing .control-icon .notification-list.friend-requests .accepted .notification-link {
        padding: 0;
        display: inline-block;
    } 
#cityListing .control-icon .notification-list.friend-requests .accepted .notification-icon {
        margin-top: 0;
    } 
#cityListing .control-icon .notification-list.friend-requests .notification-event {
        width: 60%;
    } 
#cityListing .control-icon .notification-list .comment-photo {
        margin-top: 15px;
        max-width: 215px;
    } 
#cityListing .control-icon .notification-list .comment-photo span {
            font-size: 11px;
        } 
#cityListing .control-icon .notification-list li > * {
        vertical-align: top;
    } 
#cityListing .control-icon .notification-list .notification-icon {
        margin-top: 0;
    } 
#cityListing .control-icon .notification-list .notification-icon svg {
            height: 20px;
            width: 20px;
        } 
#cityListing .control-icon .chat-message li.chat-group .author-thumb {
        width: 36px;
    } 
#cityListing .control-icon .notification-list.chat-message .notification-icon svg {
        height: 24px;
        width: 24px;
    } 
#cityListing .control-icon .mCustomScrollbar {
        overflow: hidden;
        max-height: 300px;
    } 
#cityListing .control-icon .ps > .ps__scrollbar-y-rail, .control-icon .ps:hover > .ps__scrollbar-y-rail {
        left: 0;
        top: 40px !important;
    } 
#cityListing .view-all {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 20;
    padding: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: block;
    text-align: center;
    border-radius: 0 0 5px 5px;
} 
#cityListing .view-all:hover {
        color: #fff;
    } 
#cityListing .author-page {
    margin-left: 50px;
} 
#cityListing .author-page .more-dropdown {
        width: 230px;
        top: calc(100% + 5px);
        right: -30px;
        padding: 0;
    } 
#cityListing .author-page .chat-settings {
        padding: 15px 40px;
    } 
#cityListing .author-page .chat-settings a {
            color: #888da8;
        } 
#cityListing .author-page .chat-settings a:hover {
                color: #515365;
            } 
#cityListing .author-page .chat-settings .icon-status {
            margin-right: 20px;
            position: relative;
            border: none;
        } 
#cityListing .author-page .account-settings {
        padding: 15px 25px;
        margin-bottom: 0;
    } 
#cityListing .author-page .account-settings a {
            padding: 13px 0;
        } 
#cityListing .author-page .mCustomScrollbar {
        max-height: calc(100vh - 40px);
    } 
#cityListing .account-settings {
    padding: 15px 25px;
    margin-bottom: 0;
} 
#cityListing .account-settings a {
        padding: 13px 0;
        font-size: 12px;
        color: #515365;
        display: block;
        font-weight: 700;
    } 
#cityListing .account-settings a:hover {
            color: #ff5e3a;
        } 
#cityListing .account-settings a > * {
            display: inline-block;
            vertical-align: middle;
        } 
#cityListing .custom-status {
    margin: 15px 25px;
} 
#cityListing .custom-status input {
        padding: 0.5rem 1.1rem;
        font-size: 12px;
    } 
#cityListing .custom-status.form-group.with-button button {
        border-radius: 0 5px 5px 0;
        background-color: #7c5ac2;
        overflow: hidden;
    } 
#cityListing .custom-status.form-group.with-button button svg {
            fill: #fff;
            width: 14px;
            height: 12px;
        } 
#cityListing .account-settings a {
    padding: 13px 0;
} 
#cityListing .account-settings svg {
    margin-right: 15px;
    fill: #9a9fbf;
    width: 20px;
    height: 20px;
} 
/*--------TOP-HEADER--------*/
#cityListing .top-header {
    position: relative;
} 
#cityListing .top-header.top-header-favorit .top-header-author {
        -webkit-transform: translate(0);
        transform: translate(0);
        left: 100px;
        bottom: -40px;
        z-index: 5;
        max-width: unset;
    } 
#cityListing .top-header.top-header-favorit .author-thumb {
        float: left;
        margin-right: 30px;
    } 
#cityListing .top-header.top-header-favorit .author-content {
        text-align: left;
        margin-top: 20px;
        float: left;
        color: #fff;
    } 
#cityListing .top-header.top-header-favorit .author-name {
        color: #fff;
    } 
#cityListing .top-header-thumb {
    position: relative;
} 
#cityListing .top-header-thumb img {
        display: block;
        width: 100%;
        border-radius: 5px 5px 0 0;
        overflow: hidden;
    } 
#cityListing .top-header-thumb:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: inset 0px -120px 55px -30px rgba(0, 0, 0, 0.5);
    } 
#cityListing .profile-menu {
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
} 
#cityListing .profile-menu li > div, .profile-menu li a {
        font-size: 14px;
        font-weight: 700;
        color: #9a9fbf;
        display: block;
    } 
#cityListing .profile-menu li > div:hover, .profile-menu li a:hover {
            color: #515365;
        } 
#cityListing .profile-menu li > div.active, .profile-menu li a.active {
            color: #515365;
        } 
#cityListing .profile-menu .more-dropdown {
        width: 230px;
        top: calc(100% + 10px);
        right: -25px;
    } 
#cityListing .profile-menu .more-dropdown li {
            display: block;
        } 
#cityListing .profile-menu li .more-dropdown a {
        padding: 10px 0;
        font-size: 13px;
    } 
#cityListing .profile-menu .friend-count-item {
        text-align: center;
    } 
#cityListing .profile-menu .friend-count-item .title {
            font-weight: 400;
            font-size: 12px;
        } 
#cityListing .top-header-author {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: 15px;
    text-align: center;
    max-width: 200px;
    z-index: 4;
} 
#cityListing .top-header-author .author-thumb {
        border-radius: 100%;
        border: 6px solid #fff;
        margin: 0 auto;
        overflow: hidden;
        width: 132px;
        height: 132px;
        background-color: #FDFBEE;
    } 
#cityListing .top-header-author .author-thumb img {
            border-radius: 0;
            display: block;
        } 
#cityListing .top-header-author .author-name {
        font-weight: 700;
    } 
#cityListing .profile-section {
    position: relative;
    padding: 38px 0;
    z-index: 3;
} 
#cityListing .profile-section .control-block-button {
        position: absolute;
        right: 38px;
        top: -31px;
    } 
#cityListing .profile-section.with-social-menu-tabs {
        padding: 0;
    } 
#cityListing .admin-bar #analogue-1-bg-a7 {
    top: 46px;
}
@media screen and (min-width: 783px) {
    #cityListing .admin-bar #analogue-1-bg-a7 {
        top: 32px;
    } 
} 
#cityListing #analogue-1-bg-a7 .header-menu {
    top: 46px;
}
@media screen and (min-width: 783px) {
    #cityListing #analogue-1-bg-a7 .header-menu {
        top: 32px;
    } 
}
/*------------- #Styles for svg-icons --------------*/
#cityListing [class^="olymp-"], #cityListing [class*=" -icon"] {
    height: 26px;
    width: 26px;
    display: inline-block;
} 
#cityListing .post__likes-small {
    width: 16px;
    height: 14px;
} 
#cityListing .post__shared-small {
    width: 24px;
    height: 21px;
} 
#cityListing .post__comments-small {
    width: 18px;
    height: 16px;
} 
#cityListing .post__likes {
    width: 20px;
    height: 18px;
} 
#cityListing .post__comments {
    width: 22px;
    height: 20px;
} 
#cityListing .post__shared {
    width: 26px;
    height: 21px;
} 
#cityListing .fav-icon {
    width: 20px;
    height: 20px;
} 
#cityListing .arrow-down-icon {
    width: 6px;
    height: 4px;
} 
#cityListing .olymp-three-dots-icon {
    width: 16px;
    height: 4px;
} 
#cityListing .olymp-little-delete {
    width: 8px;
    height: 8px;
} 
#cityListing .olymp-trophy-icon {
    width: 18px;
    height: 16px;
} 
#cityListing .header-responsive {
    display: none;
} 
#cityListing .header-responsive .header-content-wrapper {
        z-index: 5;
    } 
#cityListing .tab-content-responsive {
    display: none;
} 
#cityListing .tab-content-responsive .tab-pane {
        background-color: #fff;
    } 
#cityListing .tab-content-responsive .search-bar.w-search {
        background-color: #494c62;
    } 
#cityListing .tab-content-responsive .mCustomScrollbar {
        max-height: calc(100vh - 140px);
        overflow-y: auto !important;
    } 
#cityListing .header-menu {
    float: left;
    height: 100%;
    transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    background-color: #fff;
} 
#cityListing .header-menu ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        margin-bottom: 0;
        height: 100%;
    } 
#cityListing .header-menu a {
        font-weight: 700;
        font-size: 13px;
        position: relative;
        color: #515365;
        padding: 30px;
        display: block;
        line-height: 1;
    }
    #cityListing .header-menu .nav-link.active,
    #cityListing .header-menu .nav-item.show .nav-link {
        background-color: transparent;
        cursor: pointer;
        color: inherit;
    } 
#cityListing .header-menu .nav-link:hover {
        color: #ff5e3a;
    } 
#cityListing .header-menu .dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
    } 
#cityListing .header-menu .dropdown-menu {
        visibility: hidden;
        opacity: 0;
        display: block;
        transition: all .3s ease;
        margin: 0;
        padding: 0;
        background-color: #3f4257;
        border-color: #e6ecf5;
        box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    } 
#cityListing .header-menu .dropdown-item:focus, .header-menu .dropdown-item:hover {
        color: #ff5e3a;
        background-color: transparent;
    } 
#cityListing .header-menu.open {
        -webkit-transform: translateX(70px);
        transform: translateX(70px);
    } 
#cityListing .header-menu .dropdown-toggle::after {
        right: 0;
        top: auto;
    } 
#cityListing .header-menu .menu-search-item a {
        padding-left: 30px;
    } 
#cityListing .header--standard-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
} 
#cityListing .header--standard {
    background-color: #fff;
    width: calc(100% - 140px);
    position: fixed;
    left: 70px;
    padding: 35px 55px;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    z-index: 19;
    transition: all .3s ease;
} 
#cityListing .header--standard .logo {
        color: #515365;
    } 
#cityListing .header--standard .logo .img-wrap {
            margin-right: 13px;
        } 
#cityListing .header--standard .logo:hover {
            color: #515365;
        } 
#cityListing .header--standard .header-menu {
        margin-left: auto;
    } 
#cityListing .header--standard .header-menu .dropdown-item {
            padding: 10px 20px;
            font-weight: 500;
        } 
#cityListing .header--standard .header-menu .dropdown-item:hover {
                background-color: #edf2f6;
            } 
#cityListing .header--standard .header-menu .shoping-cart {
            visibility: visible;
            opacity: 1;
        } 
#cityListing .header--standard .dropdown-menu {
        background-color: #fff;
    } 
#cityListing .header--standard.headroom--not-top {
        padding: 0 55px;
    } 
#cityListing .header--standard .ps {
        -ms-touch-action: unset;
        touch-action: unset;
        overflow: unset !important;
        -ms-overflow-style: unset;
    } 
#cityListing .header--standard .ps:hover > .ps__scrollbar-x-rail, .header--standard .ps:hover > .ps__scrollbar-y-rail {
            display: none;
        } 
#cityListing .header--standard.header--standard-landing {
        width: 100%;
        left: auto;
        top: 0;
    } 
#cityListing .header--standard.header--standard-full-width {
        width: 100%;
        left: auto;
        top: 0;
    } 
#cityListing .header--standard .header-menu .close-responsive-menu {
        display: none;
    } 
#cityListing .header--standard.header-bg-light {
        background-color: #fff;
    } 
#cityListing .header--standard-dark {
    background-color: #3f4257;
} 
#cityListing .header--standard-dark .logo {
        color: #fff;
    } 
#cityListing .header--standard-dark .logo .logo-title {
            color: #fff;
        } 
#cityListing .header--standard-dark .logo:hover {
            color: #fff;
        } 
#cityListing .header--standard-dark .column-tittle {
        color: #fff;
    } 
#cityListing .header--standard-dark .header-menu {
        background-color: #3f4257;
    } 
#cityListing .header--standard-dark .header-menu a {
            color: #fff;
        } 
#cityListing .header--standard-dark .header-menu .dropdown-item:hover {
            background-color: #545875;
        } 
#cityListing .header--standard-dark .dropdown-menu {
        background-color: #3f4257;
        border-color: #4a4d66;
    } 
#cityListing .open-responsive-menu {
    margin-left: auto;
    display: none;
    fill: #9a9fbf;
} 
#cityListing .open-responsive-menu:hover {
        fill: #ff5e3a;
    } 
#cityListing .close-responsive-menu {
    position: absolute;
    top: 20px;
    left: 25px;
    fill: #9a9fbf;
    display: none;
    cursor: pointer;
    transition: all .3s ease;
} 
#cityListing .close-responsive-menu svg {
        width: 16px;
        height: 16px;
    } 
#cityListing .close-responsive-menu:hover {
        fill: #ff5e3a;
    } 
#cityListing .dropdown-has-megamenu {
    position: static;
} 
#cityListing .dropdown-menu.megamenu {
    width: 100%;
    padding: 40px;
} 
#cityListing .dropdown-menu.megamenu .dropdown-item {
        border-radius: 5px;
        overflow: hidden;
        background-color: transparent;
    } 
#cityListing .dropdown-menu.megamenu .dropdown-item:hover {
            padding-left: 25px;
            background-color: transparent;
        } 
#cityListing .column-tittle {
    padding-left: 20px;
    padding-bottom: 15px;
    position: relative;
    overflow: hidden;
    display: inline-block;
} 
#cityListing .column-tittle:after {
        content: "";
        display: block;
        height: 2px;
        background-color: #ff5e3a;
        width: 15%;
        position: absolute;
        bottom: 0;
        left: 20px;
        transition: width .3s ease;
    } 
#cityListing .column-tittle:hover:after {
        width: 100%;
    } 
#cityListing .header--standard .mCustomScrollbar {
    max-height: calc(100vh - 70px);
}
/*--------HEADER-LANDING--------*/
#cityListing .header--standard-landing {
    width: 100%;
    background-color: transparent;
    box-shadow: none;
    color: #fff;
} 
#cityListing .header--standard-landing svg {
        width: 18px;
        height: 18px;
    } 
#cityListing .header--standard-landing .logo {
        float: left;
        background-color: transparent;
        padding: 0;
        color: #fff;
    } 
#cityListing .header--standard-landing .logo .img-wrap {
            margin-right: 13px;
            transition: opacity .3s ease;
        } 
#cityListing .header--standard-landing .logo .logo-colored {
            position: absolute;
            left: 0;
            top: 0;
            opacity: 0;
        } 
#cityListing .header--standard-landing .logo .logo-title {
            color: #fff;
        } 
#cityListing .header--standard-landing .logo:hover {
            color: inherit;
        } 
#cityListing .header--standard-landing .dropdown-toggle::after {
        border-top-color: #fff;
    } 
#cityListing .header--standard-landing .dropdown-menu {
        background-color: #fff;
    } 
#cityListing .header--standard-landing .dropdown-menu.megamenu .dropdown-item:hover {
            color: #ff5e3a;
        } 
#cityListing .header--standard-landing .header-menu {
        float: right;
        background-color: transparent;
    } 
#cityListing .header--standard-landing .header-menu .js-expanded-menu .olymp-close-icon {
            position: absolute;
            right: 30px;
            top: 0;
            opacity: 0;
            visibility: hidden;
        } 
#cityListing .header--standard-landing .header-menu.expanded-menu .nav-item {
            visibility: visible;
            opacity: 1;
        } 
#cityListing .header--standard-landing .header-menu.expanded-menu .olymp-menu-icon {
            opacity: 0;
            visibility: hidden;
        } 
#cityListing .header--standard-landing .header-menu.expanded-menu .olymp-close-icon {
            opacity: 1;
            visibility: visible;
        } 
#cityListing .header--standard-landing .header-menu.open {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        } 
#cityListing .header--standard-landing .header-menu .nav-item {
            display: block;
            visibility: hidden;
            opacity: 0;
        } 
#cityListing .header--standard-landing .header-menu .nav-item a, .header--standard-landing .header-menu li a {
                color: #fff;
                fill: #fff;
                display: block;
            } 
#cityListing .header--standard-landing .header-menu .nav-item.js-expanded-menu, .header--standard-landing .header-menu li.js-expanded-menu {
                visibility: visible;
                opacity: 1;
                position: relative;
            } 
#cityListing .header--standard-landing .header-menu .nav-item.js-expanded-menu a, .header--standard-landing .header-menu li.js-expanded-menu a {
                    padding: 0 30px;
                } 
#cityListing .header--standard-landing .header-menu .nav-item .nav-link:hover, .header--standard-landing .header-menu li .nav-link:hover {
                color: #fff;
            } 
#cityListing .header--standard-landing .header-menu .nav-item .dropdown-item, .header--standard-landing .header-menu li .dropdown-item {
                color: #888da8;
            } 
#cityListing .header--standard-landing .header-menu .nav-item .dropdown-item:hover, .header--standard-landing .header-menu li .dropdown-item:hover {
                    color: #ff5e3a;
                } 
#cityListing .header--standard-landing .header-menu li:first-child > a {
            padding-left: 0;
        } 
#cityListing .header--standard-landing .header-menu li:last-child > a {
            padding-right: 0;
        }
    #cityListing .header--standard-landing .open-responsive-menu,
    #cityListing .header--standard-landing .close-responsive-menu {
        fill: #fff;
    } 
#cityListing .header--standard-landing.headroom--not-top {
        background-color: #fff;
        box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.2);
    } 
#cityListing .header--standard-landing.headroom--not-top .logo {
            color: #515365;
        } 
#cityListing .header--standard-landing.headroom--not-top .open-responsive-menu {
            fill: #9a9fbf;
        } 
#cityListing .header--standard-landing.headroom--not-top .open-responsive-menu:hover {
                fill: #ff5e3a;
            } 
#cityListing .header--standard-landing.headroom--not-top .logo .logo-colored {
            opacity: 1;
        } 
#cityListing .header--standard-landing.headroom--not-top .logo .logo-title {
            color: #515365;
        }
    #cityListing .header--standard-landing.headroom--not-top .header-menu .nav-item a,
    #cityListing .header--standard-landing.headroom--not-top .header-menu li .nav-link {
        color: #515365;
        fill: #9a9fbf;
    }
        #cityListing .header--standard-landing.headroom--not-top .header-menu .nav-item a:hover,
        #cityListing .header--standard-landing.headroom--not-top .header-menu li .nav-link:hover {
            color: #515365;
            fill: #9a9fbf;
        } 
#cityListing .header--standard-landing.headroom--not-top .header-menu li .dropdown-item {
            color: #888da8;
        } 
#cityListing .header--standard-landing.headroom--not-top .shoping-cart .count-product {
            color: #9a9fbf;
        } 
#cityListing .landing-page {
    position: relative;
    min-height: 100vh;
} 
#cityListing .landing-page .content-bg-wrap {
        background-image: url("../img/landing-users.png");
        background-position: 0 0;
        background-repeat: repeat;
        -webkit-animation: sidedownscroll 30s linear infinite;
        animation: sidedownscroll 30s linear infinite;
        background-size: auto;
    } 
#cityListing .landing-page .content-bg-wrap:before {
            background-color: rgba(255, 94, 58, 0.95);
        }

@-webkit-keyframes sidedownscroll {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: -2000px 2000px;
    }  
} 

@keyframes sidedownscroll {
    0% {
        background-position: 0 0;
    } 
    100% {
        background-position: -2000px 2000px;
    }  
} 
#cityListing .landing-page .header-spacer--standard {
    margin-bottom: 40px;
} 
#cityListing .content-bg-wrap {
    background-position: 0 0;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: center;
    box-sizing: border-box;
    -webkit-animation: slide 50s linear infinite;
    animation: slide 50s linear infinite;
    will-change: background-position;
    background-size: auto;
} 
#cityListing .content-bg-wrap:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
        z-index: auto;
    } 
#cityListing .content-bg-wrap.bg-landing:before {
        background-color: rgba(255, 94, 58, 0.95);
    } 

@keyframes sidedownscroll {
    0% {
        background-position: 0 0;
    } 
    100% {
        background-position: -2000px 2000px;
    } 
} 
#cityListing .content-bg-wrap.without-animation {
    -webkit-animation: none;
    animation: none;
} 

@-webkit-keyframes slide {
    from {
        background-position: 0 0;
    } 
    to {
        background-position: -4000px 0;
    } 
} 
#cityListing .tag-label {
    display: inline-block;
    border-radius: 3px;
    padding: 4px;
    color: #fff;
    font-size: 8px;
    text-transform: uppercase;
    font-weight: 800;
    margin-left: 12px;
    top: -3px;
    position: relative;
} 
/*================= Styles for sticky-Header =========*/
#cityListing .animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    will-change: transform,opacity;
} 

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
    }  
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
    }  
}  

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg);
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    } 
} 
#cityListing .animated.swingInX {
    -webkit-transform-origin: top;
    -ie-transform-origin: top;
    transform-origin: top;
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: swingInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: swingInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: swingInX;
    backface-visibility: visible !important;
    animation-name: swingInX;
} 

@-webkit-keyframes swingOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
    } 
} 

@keyframes swingOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg);
    } 
} 
#cityListing .animated.swingOutX {
    -webkit-transform-origin: top;
    -webkit-animation-name: swingOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: swingOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: swingOutX;
    -o-backface-visibility: visible !important;
    animation-name: swingOutX;
    backface-visibility: visible !important;
} 

@-webkit-keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
    } 
    100% {
        -webkit-transform: translateY(0);
    }  
} 

@keyframes slideDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    } 
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    } 
} 
#cityListing .animated.slideDown {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
} 

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
    } 
    100% {
        -webkit-transform: translateY(-100%);
    } 
} 

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    } 
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    } 
} 
#cityListing .animated.slideUp {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
} 

@-webkit-keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
    } 
} 

@keyframes swingInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(-90deg);
        transform: perspective(400px) rotateX(-90deg);
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
    } 
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    } 
} 

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    } 
} 
#cityListing .animated.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    -moz-backface-visibility: visible !important;
    -moz-animation-name: flipInX;
    -o-backface-visibility: visible !important;
    -o-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;
} 

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
} 

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    } 
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    } 
} 
#cityListing .animated.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    -moz-animation-name: flipOutX;
    -moz-backface-visibility: visible !important;
    -o-animation-name: flipOutX;
    -o-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;
} 

@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
    } 
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
    } 
    80% {
        -webkit-transform: translateY(-10px);
    } 
    100% {
        -webkit-transform: translateY(0);
    } 
} 

@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    } 
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    } 
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    } 
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    } 
} 
#cityListing .animated.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
} 

@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
    } 
    30% {
        opacity: 1;
        -webkit-transform: translateY(20px);
    } 
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
    } 
} 

@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    } 
    30% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    } 
    100% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
        transform: translateY(-200px);
    } 
} 
#cityListing .animated.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
} 
#cityListing .headers-demonstration .header--standard {
    margin-bottom: 50px;
    position: relative;
} 
#cityListing .headers-demonstration .footer {
    margin-bottom: 50px;
} 
#cityListing .has-standard-header .fixed-sidebar.right {
    top: 0;
} 
#cityListing .has-standard-header .fixed-sidebar-right {
    bottom: 0;
} 

/*------------- Responsive mode styles --------------*/
@media (max-width: 1350px) {
    #cityListing .search-bar.w-search {
        max-width: 300px;
    } 
} 

@media (max-width: 1200px) {
    #cityListing .header-menu a {
        padding: 30px 15px;
    } 
#cityListing .top-header.top-header-favorit .top-header-author {
        bottom: 0;
        top: auto;
        position: absolute;
    } 
} 

@media (max-width: 1150px) {
    #cityListing .author-page .author-name {
        display: none;
    } 
#cityListing .author-page .more-dropdown {
        right: -8px;
        top: calc(100% + 10px);
    } 
} 

@media (max-width: 1080px) {
    #cityListing .control-icon .more-dropdown {
        width: 320px;
        right: -140px;
    } 
#cityListing .control-icon .notification-list .notification-icon {
        float: none;
        margin-top: 10px;
    } 
#cityListing .control-icon .notification-list.friend-requests .accepted .notification-icon {
        float: right;
    } 
#cityListing .header .page-title {
        display: none;
    } 
#cityListing .page-has-left-panels .header {
        padding-left: 70px;
    } 
#cityListing .header.header--logout {
        padding-left: 0;
    } 
#cityListing .header-content-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    } 
} 

@media (max-width: 1024px) {
    #cityListing .control-icon {
        margin-right: 20px;
    } 
#cityListing .author-page {
        margin-left: 10px;
    } 
#cityListing .header--standard > .container {
        width: 100%;
        max-width: unset;
    } 
#cityListing .header-menu a {
        padding: 30px 10px;
    } 
} 

@media (max-width: 960px) {
    #cityListing .header--standard-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
#cityListing .header--standard .logo {
        margin-top: 10px;
    } 
#cityListing .header--standard {
        padding: 10px 0;
    } 
#cityListing .header--standard .header-menu {
            margin-left: 0;
        } 
} 

@media (max-width: 880px) {
    #cityListing .header.header--logout .search-bar.w-search {
        display: none;
    } 
} 

@media (max-width: 801px) {
    #cityListing .search-bar.w-search {
        max-width: 200px;
    } 
#cityListing .top-header-author {
        position: relative;
        bottom: 20px;
        color: #888da8;
    } 
#cityListing .top-header-author .author-name {
            color: #515365;
        } 
#cityListing .top-header-author .author-name:hover {
                color: #ff5e3a;
            } 
#cityListing .top-header-author {
        margin-top: 20px;
    } 
#cityListing .profile-section .control-block-button {
        right: auto;
        top: -30px;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        bottom: auto;
        width: 100%;
        text-align: center;
    } 
#cityListing .top-header.top-header-favorit .profile-section .control-block-button {
        right: 38px;
        top: -31px;
        left: auto;
        -webkit-transform: none;
        transform: none;
        width: auto;
    } 
} 

@media (max-width: 768px) {
    #cityListing .page-has-left-panels {
        padding-left: 0;
    } 
#cityListing .page-has-right-panels {
        padding-right: 0;
    } 
#cityListing .header, .fixed-sidebar {
        display: none;
    } 
#cityListing .header--standard-landing .header-menu li:last-child > a {
        padding-left: 25px;
    } 
#cityListing .header--standard.headroom--not-top {
        padding: 10px 0;
    } 
#cityListing .header-responsive {
        display: block;
    } 
#cityListing .header-responsive .mobile-app-tabs .nav-link {
            padding: 0 5px;
        } 
#cityListing .search-bar.w-search {
        width: 100%;
    } 
#cityListing .tab-content-responsive {
        width: 100%;
        left: 0;
        display: block;
        position: absolute;
        z-index: -1;
    } 
#cityListing .tab-content-responsive .ps > .ps__scrollbar-y-rail, .tab-content-responsive .ps:hover > .ps__scrollbar-y-rail {
            display: none;
        } 
#cityListing .view-all {
        position: relative;
    } 
#cityListing .search-bar.w-search {
        max-width: 100%;
    } 
#cityListing .fixed-sidebar-left.sidebar--small {
        height: 70px;
    } 
#cityListing .control-block {
        float: none;
        display: block;
        height: auto;
        padding: 15px 20px 0;
    } 
#cityListing .author-page .author-name {
        display: inline-block;
    } 
#cityListing .control-block .author-title {
        color: #515365;
    } 
#cityListing .control-block .author-thumb {
        position: relative;
    } 
#cityListing .author-thumb .icon-status {
        border-color: #fff !important;
    } 
#cityListing .notification-list .notification-event {
        padding-left: 10px;
    } 
#cityListing .friend-requests .chat-message-item {
        font-size: 10px;
    } 
#cityListing .notification-list .notification-friend {
        font-size: 13px;
    } 
#cityListing .notification-list.chat-message .notification-event {
        width: auto;
    } 
#cityListing .notification-list.chat-message.chat-message-field .notification-event {
        max-width: 82%;
    } 
#cityListing .popup-chat .notification-list.chat-message .notification-event {
        width: 75%;
    } 
#cityListing .popup-chat2 .notification-list.chat-message .notification-event {
        width: 75%;
    } 
#cityListing .tab-content-responsive .ui-block-title a {
        color: #515365;
    } 
#cityListing .tab-content-responsive .notification-list.friend-requests .selectize-dropdown .notification-icon {
        display: inline-block;
        float: right;
    } 
#cityListing .profile-section {
        padding: 30px 0;
        z-index: 5;
    } 
#cityListing .header--standard-landing .header-menu {
        background-color: #ff5e3a;
    } 
#cityListing .header--standard-landing .header-menu .nav-item {
            display: inline-block;
            visibility: visible;
            opacity: 1;
        } 
#cityListing .header--standard-landing .logo {
        float: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 0;
    } 
#cityListing .header--standard-landing .header-menu .nav-item:first-child a {
        padding-left: 25px;
    } 
#cityListing .header--standard-landing .header-menu .nav-item.js-expanded-menu {
        display: none;
    } 
#cityListing .header-menu .shoping-cart a .count-product {
        top: 10px;
    } 
#cityListing .header--standard-wrap {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    } 
#cityListing .header--standard .logo {
        margin-top: 0;
    } 
#cityListing .header-menu {
        margin: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: fixed;
        height: 100vh;
        width: 270px;
        -webkit-transform: translateX(calc(100% + 70px));
        transform: translateX(calc(100% + 70px));
        right: 0;
        top: 0;
        text-align: left;
        -webkit-box-pack: baseline;
        -ms-flex-pack: baseline;
        justify-content: baseline;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        padding-top: 50px;
        border-left: 1px solid #e6ecf5;
        box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    } 
#cityListing .header-menu a {
            padding: 15px 25px;
            color: #888da8;
        } 
#cityListing .header-menu ul {
            display: block;
        } 
#cityListing .header-menu .show .dropdown-menu {
            opacity: 1;
            visibility: visible;
            position: relative !important;
            margin-bottom: 15px;
            display: block;
            -webkit-transform: none !important;
            transform: none !important;
        } 
#cityListing .header-menu > * {
            width: 100%;
        } 
#cityListing .open-responsive-menu > svg {
        width: 20px;
        height: 20px;
    } 
#cityListing .header--standard-dark .header-menu {
        border-left: 1px solid #545875;
    } 
#cityListing .header-menu .dropdown:hover > .dropdown-menu {
        opacity: 0;
        visibility: hidden;
    } 
#cityListing .header-menu .show.dropdown:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
    } 
#cityListing .dropdown-menu {
        width: 100%;
        top: auto;
    } 
#cityListing .header--standard .header-menu .dropdown-item {
        padding: 10px 30px;
    } 
#cityListing .nav-item {
        width: 100%;
    } 
#cityListing .open-responsive-menu {
        display: block;
    } 
#cityListing .header--standard .header-menu .close-responsive-menu {
        display: block;
    } 
#cityListing .header--standard {
        z-index: 31;
        height: 70px;
        -webkit-animation: none;
        animation: none;
    } 
#cityListing .header--standard .ps {
            -ms-touch-action: auto;
            touch-action: auto;
            overflow: hidden !important;
            -ms-overflow-style: none;
        } 
#cityListing .header--standard .ps:hover > .ps__scrollbar-x-rail, .header--standard .ps:hover > .ps__scrollbar-y-rail {
                display: block;
            } 
#cityListing .header--standard > .container {
            height: 100%;
        } 
#cityListing .header--standard > .container > .header--standard-wrap {
                height: 100%;
            } 
#cityListing .megamenu .row > * {
        width: 100%;
        max-width: 100%;
    } 
#cityListing .megamenu .row > * + * {
            margin-top: 15px;
        } 
#cityListing .header--standard.headroom--not-top .header-menu .nav-link {
        padding: 15px 25px;
    } 
#cityListing .dropdown-menu.megamenu {
        padding: 10px;
    } 
#cityListing .dropdown-menu.megamenu .dropdown-item:hover {
            padding-left: 35px;
        } 
#cityListing .header-spacer--standard {
        height: 70px;
    }
    #cityListing .header--standard-landing.headroom--not-top .header-menu li .nav-link,
    #cityListing .header--standard-landing.headroom--not-top .header-menu li .nav-link:hover {
        color: #fff;
        fill: #fff;
    } 
} 

@media (max-width: 570px) {
    #cityListing .top-header.top-header-favorit .top-header-author {
        left: 20px;
    } 
} 

@media (max-width: 460px) {
    #cityListing .tab-content-responsive .notification-list .notification-event {
        width: 50%;
    } 
#cityListing .tab-content-responsive .notification-list .selectize-dropdown .notification-event {
        width: auto;
    } 
#cityListing .top-header.top-header-favorit .top-header-author {
        bottom: auto;
        top: 0;
        margin-top: 5px;
    } 
#cityListing .top-header.top-header-favorit .top-header-author .author-thumb {
            width: 60px;
            height: 60px;
            border-width: 2px;
        } 
#cityListing .top-header.top-header-favorit .author-content {
        margin-top: 0;
    } 
#cityListing .top-header.top-header-favorit .profile-menu {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
#cityListing .top-header.top-header-favorit .profile-menu li {
            margin-bottom: 5px;
        } 
#cityListing .control-icon .mCustomScrollbar {
        max-height: 150px;
    } 
} 

@media (max-width: 420px) {
    #cityListing .top-header.top-header-favorit .author-name {
        font-size: 18px;
    } 
} 

/*------------- #FOOTER --------------*/
#cityListing .footer {
    width: 100%;
    margin: 0 auto;
    padding: 70px 55px 0;
    background-color: #fff;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    position: relative;
} 
#cityListing .footer .widget .title {
        margin-bottom: 25px;
    } 
#cityListing .footer.footer-full-width {
        width: 100%;
    } 
#cityListing .footer.has-not-copyright {
        padding: 70px 55px;
    } 
#cityListing .footer--dark {
    background-color: #3f4257;
} 
#cityListing .footer--dark .w-about .logo {
        color: #fff;
    } 
#cityListing .footer--dark .w-about .logo .logo-title {
            color: #fff;
        } 
#cityListing .footer--dark .w-about .logo:hover {
            color: #fff;
        } 
#cityListing .footer--dark .widget .title {
        color: #fff;
    } 
#cityListing .footer--dark .socials i, .footer--dark .socials svg {
        color: #fff;
    } 
#cityListing .footer--dark .socials i:hover, .footer--dark .socials svg:hover {
            color: #ff5e3a;
        } 
#cityListing .sub-footer-copyright {
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid #e6ecf5;
    margin-top: 60px;
} 
#cityListing .sub-footer-copyright span {
        font-size: 12px;
    } 
#cityListing .sub-footer-copyright a {
        color: #ff5e3a;
        opacity: .7;
        font-weight: 500;
    } 
#cityListing .sub-footer-copyright a:hover {
            opacity: 1;
        } 

/*------------- Responsive mode styles --------------*/
@media (max-width: 1024px) {
    #cityListing .footer .widget {
        margin-bottom: 40px;
    } 
#cityListing .footer {
        padding: 40px 15px;
        width: 100%;
    } 
}

@media (max-width: 768px) {
    #cityListing .footer {
        text-align: center;
    } 
#cityListing .footer .w-about .logo {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-bottom: 10px;
        } 
#cityListing .sub-footer-copyright {
        margin-top: 0;
        padding-bottom: 0;
    } 
}

/*------------- #SECTION --------------*/
#cityListing .bg-section1 {
    background-image: url("../img/bg-section1.png");
} 
#cityListing .bg-section2 {
    background-image: url("../img/bg-section2.png");
} 
#cityListing .bg-section3 {
    background-image: url("../img/bg-section3.png");
} 
#cityListing .bg-section4 {
    background-image: url("../img/bg-section4.png");
} 
#cityListing .bg-section5 {
    background-image: url("../img/bg-section5.png");
} 
#cityListing section {
    position: relative;
} 
#cityListing .section-move-bg .content-bg-wrap {
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 100% 100%;
} 
#cityListing .section-move-bg .container {
    z-index: 5;
    position: relative;
} 
#cityListing .section-move-bg-top .content-bg-wrap {
    background-position: top;
    background-repeat: repeat-x;
    bottom: auto;
    top: 0;
} 
#cityListing .section-move-bg-top .container {
    z-index: 5;
    position: relative;
} 
#cityListing .call-to-action-animation .first-img {
    position: absolute;
    left: 15%;
    opacity: 0;
    transition: all .3s ease;
    bottom: -100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 5;
} 
#cityListing .call-to-action-animation .second-img {
    position: absolute;
    right: 80%;
    opacity: 0;
    transition: all .3s ease;
    bottom: -100%;
    z-index: 5;
} 
#cityListing .img-scale-animation img {
    position: absolute;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    display: block;
} 
#cityListing .img-scale-animation img.main-img {
        position: relative;
        box-shadow: none;
    } 
#cityListing .img-scale-animation img.first-img1 {
        left: 2%;
        top: 5%;
    } 
#cityListing .img-scale-animation img.second-img1 {
        left: 12%;
        top: 50%;
    } 
#cityListing .img-scale-animation img.third-img1 {
        right: 2%;
        top: 8%;
    } 
#cityListing .subscribe-animation {
    position: relative;
} 
#cityListing .subscribe-animation .plane {
        opacity: 0;
        position: absolute;
        bottom: -100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        left: 5%;
    } 
#cityListing .planer-animation {
    position: relative;
    background-position: bottom;
} 
#cityListing .planer-animation .planer {
        position: absolute;
        top: 10%;
        left: 0;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    } 
#cityListing .contact-form-animation {
    position: relative;
} 
#cityListing .contact-form-animation .crew {
        opacity: 0;
        position: absolute;
        bottom: 20%;
        -webkit-transform: scale(0);
        transform: scale(0);
        left: 0;
    } 
#cityListing .block-action {
    padding: 60px 70px 40px;
    border-radius: 5px;
    min-height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} 
#cityListing .block-action > * {
        margin-top: auto;
        min-width: 100%;
    } 

/* Text meant only for screen readers. */
#cityListing .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
} 
#cityListing .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
        /* Above WP toolbar. */
    } 

/* Do not show the outline on the skip link target. */
#cityListing #content[tabindex="-1"]:focus {
    outline: 0;
}
#cityListing .call-to-action-animation,
#cityListing .planer-animation {
    overflow: hidden;
} 

/*------------- #Styles for preloader --------------*/
#cityListing #hellopreloader {
    display: block;
    position: fixed;
    text-align: center;
    z-index: 9999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-width: 100%;
    background: #ff886d;
    background-size: 41px;
    opacity: 1;
} 
#cityListing .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} 
#cityListing .preloader .text {
        width: 100%;
        color: #fff;
        font-size: 14px;
        margin-top: 10px;
    } 

/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
    #cityListing .call-to-action-animation .first-img,
    #cityListing .call-to-action-animation .second-img {
        max-width: 50%;
        max-height: 50%;
    } 
} 

@media (max-width: 860px) {
    #cityListing .img-scale-animation img.first-img1 {
        top: 0;
        max-height: 100%;
    } 
#cityListing .img-scale-animation img.second-img1 {
        top: 0;
        max-height: 100%;
    } 
#cityListing .img-scale-animation img.third-img1 {
        top: 0;
        max-height: 100%;
    } 
#cityListing .subscribe-animation .plane {
        max-width: 200px;
        max-height: 100%;
    } 
} 

@media (max-width: 460px) {
    #cityListing .block-action {
        padding: 60px 50px 10px;
    } 
#cityListing .subscribe-animation .plane {
        max-width: 100px;
    } 
} 

/*------------- #STUNNING-HEADER --------------*/
#cityListing .stunning-header {
    padding-bottom: 50px;
    position: relative;
    color: #fff;
} 
#cityListing .stunning-header .stunning-header-title {
        color: inherit;
        font-size: 24px;
    } 
#cityListing .stunning-header + * {
        margin-top: 0px;
    } 
#cityListing .stunning-header .content-bg-wrap {
        z-index: -1;
    } 
#cityListing .stunning-header-content {
    z-index: 5;
    text-align: center;
    position: relative;
    padding: 0 10px;
} 
#cityListing .bg-primary-opacity {
    background-color: rgba(255, 94, 58, 0.95);
} 
#cityListing .bg-purple-dark-opacity {
    background-color: rgba(98, 54, 178, 0.95);
} 
#cityListing .stunning-header-bg1 {
    background-image: url("../img/landing-users.png");
} 
#cityListing .breadcrumbs-item {
    display: inline-block;
    margin-bottom: 0;
} 
#cityListing .breadcrumbs-item a {
        margin-right: 6px;
        color: inherit;
        opacity: .7;
    } 
#cityListing .breadcrumbs-item a:hover {
            color: #fff;
            opacity: 1;
        } 
#cityListing .breadcrumbs-item.active span {
        font-weight: 700;
    } 
#cityListing .breadcrumbs-item .icon {
        margin-right: 6px;
    } 
#cityListing .breadcrumbs-item:last-child .icon {
        display: none;
    }

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
    #cityListing .stunning-header {
        padding-bottom: 60px;
    } 
#cityListing .stunning-header .stunning-header-title {
            font-size: 24px;
        } 
} 

@media (max-width: 460px) {
    #cityListing .stunning-header {
        padding-bottom: 60px;
    } 
} 

/*------------- #Mobile APP --------------*/
#cityListing .mobile-app .chat-settings {
    padding: 15px 40px;
} 
#cityListing .mobile-app .chat-settings a {
        color: #888da8;
        padding: 7px 0;
        display: block;
    } 
#cityListing .mobile-app .chat-settings a:hover {
            color: #515365;
        } 
#cityListing .mobile-app .chat-settings .icon-status {
        margin-right: 20px;
        position: relative;
        border: none;
    } 
#cityListing .mobile-app .olympus-chat {
    position: relative;
    display: block;
} 
#cityListing .mobile-app .sidebar--large .olympus-chat {
    padding: 25px 15px 25px 50px;
} 
#cityListing .mobile-app .search-friend {
    position: relative;
    bottom: auto;
    box-shadow: none;
} 
#cityListing .mobile-app .fixed-sidebar {
    position: fixed;
    float: none;
    min-height: 70px;
} 
#cityListing .mobile-app .fixed-sidebar.open {
        min-height: 1000vh;
    } 
#cityListing .mobile-app .fixed-sidebar-right.sidebar--large {
    width: 260px;
    position: absolute;
} 
#cityListing .mobile-app .fixed-sidebar .search-friend svg {
    width: 16px;
    height: 16px;
} 
#cityListing .mobile-app .fixed-sidebar-right {
    padding-bottom: 0;
    border-left: none;
    bottom: auto;
} 
#cityListing .mobile-app .header {
    padding-left: 70px;
} 

@media (max-width: 768px) {
    #cityListing .mobile-app .header {
        min-width: 300px;
    } 
}

#cityListing .mobile-app .fixed-sidebar.right {
    top: 0;
    z-index: 30;
    min-height: 70px;
} 
#cityListing .mobile-app .fixed-sidebar.right.open {
        min-height: 1000vh;
    } 

@media (max-width: 768px) {
    #cityListing .mobile-app .fixed-sidebar.right {
        display: block;
    } 
}

#cityListing .mobile-app .fixed-sidebar.right .mCustomScrollbar {
    max-height: calc(100vh - 140px);
} 
#cityListing .mobile-app .fixed-sidebar .mCustomScrollbar {
    max-height: calc(100vh - 70px);
} 
#cityListing .mobile-app .fixed-sidebar {
    transition: all .3s ease;
} 
#cityListing .mobile-app .fixed-sidebar .ui-block-title:first-child {
        border-top: 1px solid #e6ecf5;
    } 
#cityListing .mobile-app .fixed-sidebar-left .ui-block-title:first-child {
    border-top: none;
} 
#cityListing .mobile-app .fixed-sidebar-left.sidebar--small {
    height: auto;
    position: absolute;
} 
#cityListing .mobile-app .left-menu {
    padding: 0;
} 
#cityListing .mobile-app .left-menu a {
        color: #515365;
    } 
#cityListing .mobile-app .left-menu a:hover {
            color: #ff5e3a;
        } 
#cityListing .mobile-app .fixed-sidebar-left.sidebar--large {
    width: 260px;
    position: absolute;
} 
#cityListing .mobile-app .fixed-sidebar-right.sidebar--small {
    position: absolute;
} 
#cityListing .mobile-app .search-bar.w-search {
    width: 100%;
    max-width: 100%;
} 
#cityListing .mobile-app .top-header-author {
    position: relative;
    bottom: auto;
    margin-top: -20px;
    color: #888da8;
} 
#cityListing .mobile-app .top-header-author .author-name {
        color: #515365;
    } 
#cityListing .mobile-app .comment-form .form-group {
    width: 80%;
} 
#cityListing .mobile-app .ui-block {
    margin-bottom: 40px;
} 
#cityListing .mobile-app .profile-section .control-block-button {
    right: auto;
    top: auto;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -22px;
    width: 100%;
    text-align: center;
    z-index: 5;
} 
#cityListing .mobile-app .post-control-button .btn-control {
    display: inline-block;
} 
#cityListing .mobile-app .post .control-block-button {
    right: 20px;
    top: -13px;
} 
#cityListing .mobile-app .post-additional-info .comments-shared {
    margin-top: 0;
} 
#cityListing .mobile-app .post__author .more {
    margin-right: 0;
} 
#cityListing .mobile-app .post-video .video-content {
    padding: 4px 12px;
} 
#cityListing .mobile-app .view-all {
    position: relative;
    bottom: auto;
} 
#cityListing .mobile-app .ui-block-title a {
    color: #515365;
} 
#cityListing .mobile-app .ui-block-title .items-round-little {
    color: #fff;
} 
#cityListing .mobile-app .notification-list .notification-event {
    padding-left: 10px;
} 
#cityListing .mobile-app .friend-requests .chat-message-item {
    font-size: 10px;
} 
#cityListing .mobile-app .notification-list .notification-friend {
    font-size: 13px;
} 
#cityListing .mobile-app .notification-list.chat-message .notification-event {
    width: auto;
} 
#cityListing .mobile-app .icon-close {
    right: 50%;
    margin-right: -9px;
} 
#cityListing .mobile-app .main-header {
    max-width: 100%;
    padding: 40px 15px 90px;
} 
#cityListing .mobile-app .img-bottom {
    max-height: 80px;
} 
#cityListing .mobile-app .choose-photo-item {
    padding: 0 5px 5px 0;
} 
#cityListing .mobile-app .choose-from-my-photo .btn + .btn {
    margin-left: 5px;
} 
#cityListing .mobile-app .profile-settings-responsive {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
} 
#cityListing .mobile-app.page-has-left-panels {
    padding-left: 0;
} 
#cityListing .mobile-app.page-has-right-panels {
    padding-right: 0;
} 
#cityListing .about-olympus {
    padding: 0 25px;
    margin-bottom: 15px;
} 
#cityListing .about-olympus a {
        padding: 7px 0;
        font-size: 12px;
        color: #515365;
        display: block;
        font-weight: 700;
    } 
#cityListing .about-olympus a:hover {
            color: #ff5e3a;
        } 
#cityListing .mobile-app-tabs {
    background-color: #3f4257;
    border-bottom-color: transparent;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7px;
    height: 70px;
    padding: 0 13px;
    position: relative;
    width: 100%;
} 
#cityListing .mobile-app-tabs .nav-link {
        height: 100%;
        border-color: transparent;
        padding: 0 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border-bottom: 3px solid transparent;
    } 
#cityListing .mobile-app-tabs .nav-link:hover, .mobile-app-tabs .nav-link:focus {
            border-color: transparent;
        } 
#cityListing .mobile-app-tabs .olymp-close-icon {
        display: none;
    } 
#cityListing .mobile-app-tabs .olymp-magnifying-glass-icon {
        width: 18px;
    } 
#cityListing .mobile-app-tabs .nav-link.active {
        background-color: transparent;
        border-color: transparent;
        border-bottom-color: #ff5e3a;
    } 
#cityListing .mobile-app-tabs .nav-link.active svg {
            fill: #fff;
        } 
#cityListing .mobile-app-tabs .nav-link.active .olymp-close-icon {
            display: block;
            width: 18px;
            height: 18px;
        } 
#cityListing .mobile-app-tabs .nav-link.active .olymp-magnifying-glass-icon {
            display: none;
            width: 18px;
        } 
#cityListing .mobile-app-tabs .nav-item {
        margin-bottom: 0;
        height: 70px;
    } 
#cityListing .mobile-app-tabs svg {
        fill: #9a9fbf;
        height: 20px;
        width: 24px;
    } 
#cityListing .mobile-app-tabs .control-icon {
        position: relative;
        margin-right: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    } 
#cityListing .nav-tabs .app-tabs-close {
    position: absolute;
    bottom: -55px;
    left: 50%;
    margin-left: -33px;
    z-index: 20;
} 
#cityListing .nav-tabs .app-tabs-close:hover svg {
        fill: #ff5e3a;
    } 

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
    #cityListing body.mobile-app {
        min-width: 300px;
        overflow-x: hidden;
    } 
#cityListing .mobile-app .container {
        min-width: 300px;
    } 
#cityListing .mobile-app .notification-list.friend-requests .selectize-dropdown .notification-icon {
        float: right;
    } 
#cityListing .mobile-app-tabs .nav-item {
        width: auto;
    } 
#cityListing .mobile-app-tabs .nav-link {
        padding: 0 5px;
    } 
} 

@media (max-width: 480px) {
    #cityListing .mobile-app .choose-photo-item {
        width: 50%;
    } 
#cityListing .mobile-app .upload-photo-item {
        padding: 10px;
    } 
#cityListing .mobile-app .choose-from-my-photo .btn {
        width: 100%;
    } 
#cityListing .mobile-app .upload-photo-item svg {
        margin-bottom: 10px;
    } 
#cityListing .mobile-app .remember a {
        float: none;
        display: block;
    } 
#cityListing .mobile-app .page-link {
        padding: 10px;
    } 
#cityListing .mobile-app .notification-list.friend-requests .notification-icon {
        float: none;
        display: block;
        margin-top: 10px;
    } 
}

@media (max-width: 460px) {
    #cityListing .mobile-app .notification-list .notification-event {
        width: 50%;
    } 
}

/*------------- #SHOP-CART --------------*/
#cityListing .shoping-cart a {
    position: relative;
    padding: 10px 0;
} 
#cityListing .shoping-cart svg {
    height: 22px;
    width: 22px;
} 
#cityListing .shoping-cart .count-product {
    position: absolute;
    color: #fff;
    font-size: 10px;
    top: 0;
    right: -5px;
} 
#cityListing .rait-stars {
    transition: all .3s ease;
} 
#cityListing .rait-stars .star-icon {
        font-size: 9px;
    } 
#cityListing .rait-stars li {
        display: inline-block;
        color: #d1d8de;
    } 
#cityListing .rait-stars li + li {
            margin-left: 2px;
        } 
#cityListing .rait-stars li.numerical-rating {
            margin-left: 10px;
            font-weight: 700;
            font-size: 12px;
            color: #515365;
        } 
#cityListing .shop-popup-cart.more-dropdown {
    width: 340px;
    right: -70px;
    padding: 0;
} 
#cityListing .shop-popup-cart.more-dropdown > ul {
        padding: 0;
        display: block;
    } 
#cityListing .shop-popup-cart.more-dropdown .rait-stars {
        padding: 0;
        display: block;
        height: auto;
        margin-bottom: 5px;
        line-height: 1;
    } 
#cityListing .shop-popup-cart.more-dropdown a.btn {
        display: inline-block;
    }

/*------------- cart-products --------------*/
#cityListing .cart-product-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    border-bottom: 1px solid #e6ecf5;
    padding: 25px;
    position: relative;
} 
#cityListing .cart-product-item .more {
        position: absolute;
        top: 10px;
        right: 10px;
    } 
#cityListing .cart-product-item .more svg {
            height: 8px;
            width: 8px;
        } 
#cityListing .product-thumb2 {
    width: 60px;
    height: 60px;
    background-color: #f2f4f8;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} 
#cityListing .product-thumb2 img {
        margin: auto;
        max-height: 100%;
    } 
#cityListing .product-thumb {
    width: 60px;
    height: 60px;
    background-color: #f2f4f8;
    margin-right: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} 
#cityListing .product-thumb img {
        margin: auto;
        max-height: 100%;
    } 
#cityListing .product-content .title {
    font-size: 12px;
} 
#cityListing .product-content .counter {
    font-size: 12px;
    font-weight: 700;
    color: #515365;
} 
#cityListing .product-price {
    margin-left: auto;
    font-size: 12px;
    color: #888da8;
    font-weight: 700;
    margin-right: 20px;
} 
#cityListing .cart-subtotal {
    font-size: 12px;
    font-weight: 700;
    color: #515365;
    padding: 25px 45px 25px 25px;
    border-bottom: 1px solid #e6ecf5;
    text-align: right;
} 
#cityListing .cart-subtotal > span {
        margin-left: 25px;
        color: #888da8;
    } 
#cityListing .cart-btn-wrap {
    padding: 25px;
    text-align: center;
} 
#cityListing .cart-btn-wrap .btn + .btn {
        margin-left: 12px;
    } 
#cityListing .cart-main table {
    width: 100%;
} 
#cityListing .cart-main tr > *, .cart-main th > * {
    padding: 25px 35px;
    text-align: center;
    border-bottom: 1px solid #e6ecf5;
} 
#cityListing .cart-main tr > *:first-child, .cart-main th > *:first-child {
        padding-left: 0;
        text-align: left;
    } 
#cityListing .cart-main tr > *:last-child, .cart-main th > *:last-child {
        padding-right: 50px;
    } 
#cityListing .cart-main th {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
} 
#cityListing .cart-main td > * {
    margin-bottom: 0;
} 
#cityListing .cart-main .product-price .price {
    color: #888da8;
} 
#cityListing .cart-main .product-quantity .form-control {
    width: auto;
    max-width: 110px;
} 
#cityListing .cart-main .product-quantity .form-group {
    display: inline-block;
} 
#cityListing .cart-main .product-del svg {
    width: 18px;
    height: 18px;
    fill: #9a9fbf;
} 
#cityListing .cart-main .product-del svg:hover {
        fill: #ff5e3a;
    } 
#cityListing .cart-main .form-inline > * + * {
    margin-left: -5px;
} 
#cityListing .cart-main .form-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
} 
#cityListing .cart-main .form-inline .btn {
        border-radius: 0 5px 5px 0;
    } 
#cityListing .cart-main .form-inline .form-group {
        margin-bottom: 0;
    } 
#cityListing .cart-main .cart-subtotal {
    padding: 18px 0 18px 25px;
    border-bottom: none;
    float: right;
} 
#cityListing .cart-product__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
} 
#cityListing .cart-product__item .product-thumb {
        width: 80px;
        height: 80px;
    } 
#cityListing .cart-product__item .product-thumb2 {
        width: 80px;
        height: 80px;
    } 
#cityListing .cart-product__item .rait-stars {
        margin-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    } 
#cityListing .cart-product__item .cart-product-title {
        display: block;
    } 
#cityListing .cart-product__item .product-category {
        font-size: 9px;
    } 
#cityListing .order-totals-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e6ecf5;
} 
#cityListing .order-totals-list li span {
        font-weight: 700;
        color: #515365;
    } 
#cityListing .order-totals-list li.total {
        color: #515365;
        font-weight: 700;
    } 
#cityListing .payment-methods-list {
    border-bottom: 1px solid #e6ecf5;
    margin-bottom: 30px;
} 
#cityListing .payment-methods-list li {
        padding-bottom: 10px;
    } 
#cityListing .payment-methods-list li p {
            font-size: 13px;
        } 
#cityListing .payment-methods-list .radio label span {
        left: 0;
    } 
#cityListing .payment-methods-list .radio label {
        padding-left: 25px;
    } 

/*------------- Responsive mode styles --------------*/
@media (max-width: 1200px) {
    #cityListing .shoping-cart a {
        padding: 0;
    } 
} 

@media (max-width: 1024px) {
    #cityListing .shoping-cart a {
        padding: 0;
    } 
} 

@media (max-width: 768px) {
    #cityListing .shop-popup-cart.more-dropdown {
        display: none;
    } 
#cityListing .shoping-cart a {
        padding: 15px 25px;
    } 
#cityListing .cart-main tr > *, .cart-main th > * {
        padding: 20px 10px;
    } 
#cityListing .cart-main tr > :last-child, .cart-main th > :last-child {
        padding-right: 10px;
    } 
} 

@media (max-width: 540px) {
    #cityListing .cart-main .cart-subtotal {
        float: none;
        text-align: left;
        padding-left: 0;
    } 
} 

@media (max-width: 420px) {
    #cityListing .cart-main tr > *, #cityListing .cart-main th > * {
        padding: 20px 5px;
    } 
#cityListing .cart-product__item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    } 
#cityListing .cart-product__item .product-thumb {
            width: 40px;
            height: 40px;
            margin-right: 0;
            margin-bottom: 10px;
        } 
#cityListing .cart-product__item .product-thumb2 {
            width: 40px;
            height: 40px;
            margin-right: 0;
            margin-bottom: 10px;
        } 
#cityListing .cart-main .form-inline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    } 
#cityListing .cart-main .form-inline .btn {
            margin-left: 0;
            margin-top: 10px;
            border-radius: 5px;
        } 
} 

/*------------- #BOOTSTRAP-CUSTOMIZATION --------------*/
#cityListing ul {
    list-style: none;
    padding: 0;
} 
#cityListing a {
    transition: all .15s ease;
} 
#cityListing a:hover {
        color: #ff5e3a;
    }
#cityListing select,
#cityListing input,
#cityListing .form-control {
    background-color: transparent;
}
#cityListing select, #cityListing input {
    display: block;
    width: 100%;
    padding: 1.1rem 1.1rem;
    font-size: .875rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: transparent;
    background-image: none;
    background-clip: padding-box;
    border: 1px solid #e6ecf5;
    border-radius: 0.25rem;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
} 
#cityListing p {
    font-size: .875rem;
}
#cityListing .h1, #cityListing .h2, #cityListing .h3, #cityListing .h4, #cityListing .h5, #cityListing .h6 {
    color: #515365;
} 
#cityListing .nav-tabs .nav-item {
    position: relative;
} 
#cityListing .form-group {
    position: relative;
    margin-bottom: 1.4rem;
} 
#cityListing .form-group textarea {
        resize: none;
    }
    #cityListing .form-group.label-floating label.control-label,
    #cityListing .form-group.label-placeholder label.control-label {
        top: 18px;
        font-size: 14px;
        line-height: 1.42857;
        left: 20px;
    }
    #cityListing .form-group.label-static label.control-label,
    #cityListing .form-group.label-floating.is-focused label.control-label,
    #cityListing .form-group.label-floating:not(.is-empty) label.control-label,
    #cityListing .form-group.has-bootstrap-select label.control-label {
        top: 10px;
        font-size: 11px;
        line-height: 1.07143;
    }
    #cityListing .form-group.label-static label.control-label,
    #cityListing .form-group.label-placeholder label.control-label,
    #cityListing .form-group.label-floating label.control-label {
        position: absolute;
        pointer-events: none;
        transition: 0.3s ease all;
    } 
#cityListing .card {
    border: none;
} 
#cityListing .card-header a {
    color: #515365;
    display: block;
} 
#cityListing .card-header a:hover, .card-header a:focus {
        color: #515365;
    }
#cityListing .card-header i, #cityListing .card-header svg {
    float: right;
    transition: all .3s ease;
    margin-top: 4px;
}
#cityListing .card-header .collapsed i, #cityListing .card-header .collapsed svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
} 
#cityListing .card-header .collapsed .event-status-icon i, .card-header .collapsed .event-status-icon svg {
    -webkit-transform: rotate(0);
    transform: rotate(0);
} 
#cityListing blockquote {
    margin: 3em 0;
    padding: 15px 80px 15px 80px;
    position: relative;
} 
#cityListing blockquote h6 {
        font-size: 11px;
        font-weight: 400;
        color: #888da8;
    } 
#cityListing blockquote h6 span {
            font-weight: 700;
            display: block;
            color: #515365;
        } 
#cityListing blockquote p {
        margin: 0 0 15px !important;
        font-size: 22px;
        line-height: 1.3em;
        font-weight: 300;
        position: relative;
        color: #515365;
    } 
#cityListing blockquote p:before {
            content: "";
            width: 4px;
            height: 100%;
            position: absolute;
            top: 0;
            left: -80px;
            display: block;
            background-color: #ff5e3a;
        }

@media (max-width: 640px) {
    #cityListing blockquote p {
        font-size: 16px;
    } 
}

#cityListing a > svg {
    transition: all .15s ease;
} 
#cityListing svg {
    transition: all .3s ease;
    vertical-align: unset;
} 
#cityListing button.btn {
    padding: .5rem 1rem;
} 
#cityListing button.btn-md {
    padding: 1rem 3.5rem;
    font-size: 0.75rem;
    border-radius: 0.3rem;
} 
#cityListing button.btn-md-2 {
    padding: .8rem 2.1rem;
    font-size: 0.688rem;
    border-radius: 0.3rem;
} 
#cityListing button.btn-lg {
    padding: 1rem 3rem;
} 
#cityListing .form-inline .btn {
    margin-bottom: 0;
} 
#cityListing .form-inline > * + * {
    margin-left: 16px;
}
#cityListing .h1, #cityListing .h2, #cityListing .h3, #cityListing .h4, #cityListing h1, #cityListing h2, #cityListing h3, #cityListing h4 {
    font-weight: 300;
} 
#cityListing img {
    vertical-align: unset;
    max-width: 100%;
    height: auto;
    display: inline-block;
} 
#cityListing .modal-dialog {
    pointer-events: auto;
} 
#cityListing .was-validated .form-control:valid ~ .invalid-feedback, .was-validated .form-control:valid ~ .invalid-tooltip {
    display: none;
} 
#cityListing .was-validated .form-control:valid ~ .material-input:after {
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    font-size: 9px;
    background-color: #08ddc1;
    color: #fff;
    text-align: center;
    right: 20px;
    top: 50%;
    margin-top: -10px;
} 

/*================= Styles for custom input type="number" ============*/
#cityListing .number-spinner.input-group .form-group {
    margin-bottom: 0;
} 
#cityListing .number-spinner.input-group .form-control {
    width: 100%;
    padding: .5rem 1.1rem;
    max-width: 80px;
} 
#cityListing .number-spinner.input-group .input-group-btn > .btn {
    margin-bottom: 0;
    height: 100%;
    background-color: #ff5e3a;
    z-index: 5;
} 
#cityListing .number-spinner.input-group .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
} 
#cityListing .number-spinner.input-group .glyphicon:before {
        content: "\2212";
    } 
#cityListing .number-spinner.input-group .glyphicon-plus::before {
    content: "\2b";
} 
#cityListing .number-spinner.input-group.number-spinner--secondary .input-group-btn > .btn {
    background-color: #3f4257;
} 
#cityListing .number-spinner.input-group.number-spinner--breez .input-group-btn > .btn {
    background-color: #08ddc1;
} 
#cityListing .number-spinner.input-group.number-spinner--green .input-group-btn > .btn {
    background-color: #1ed760;
} 
#cityListing .btn-secondary:not([disabled]):not(.disabled):active {
    background-color: #fff;
    border-color: #e6ecf5;
    color: #515365;
    box-shadow: none;
} 
#cityListing .modal-content {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
} 
#cityListing .modal-header {
    line-height: 1;
} 
#cityListing .modal-header > * {
        margin-bottom: 0;
    } 

/*================= Responsive Mode ============*/
@media (max-width: 1024px) {
    #cityListing .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
        left: 15px;
    } 
}

@media (max-width: 600px) {
    #cityListing .card-header a {
        font-size: 18px;
    }

    #cityListing .modal-dialog {
        margin: 30px auto;
    }
}

@media (max-width: 360px) {
    #cityListing .card-header a {
        font-size: 14px;
    } 
#cityListing .form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
        font-size: 12px;
    } 
} 

/*------------- #BLOCKS --------------*/
/*------------- #UI-BLOCK --------------*/
#cityListing .ui-block {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e6ecf5;
    margin-bottom: 15px;
} 
#cityListing .ui-block .ui-block-title:last-child {
        border-bottom: 0;
    } 
#cityListing .ui-block-title {
    padding: 23px 25px 18px;
    line-height: 1;
    border-bottom: 1px solid #e6ecf5;
    border-top: 1px solid #e6ecf5;
    display: table;
    width: 100%;
    position: relative;
    border-radius: 5px 5px 0 0;
} 
#cityListing .ui-block-title .more {
        padding-left: 25px;
        text-align: right;
        width: 16px;
    } 
#cityListing .ui-block-title > * {
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
    } 
#cityListing .ui-block-title.ui-block-title-small {
        padding: 10px 25px;
    } 
#cityListing .ui-block-title.ui-block-title-small .title {
            font-size: 9px;
            text-transform: uppercase;
            color: #9a9fbf;
        } 
#cityListing .ui-block-title:first-child {
        border-top: none;
    } 
#cityListing .ui-block-title .btn {
        display: inline-block;
        margin-bottom: 0;
    } 
#cityListing .ui-block-title .btn + * {
            margin-left: 20px;
        } 
#cityListing .ui-block-title.inline-items .more {
        float: right;
        margin-top: 6px;
        padding-left: 0;
    } 
#cityListing .ui-block-title + .ui-block-title {
        border-bottom: none;
    } 
#cityListing .ui-block-title .icon-add {
        margin-right: 0;
    } 
#cityListing #accordion + .ui-block-title {
    border-top: none;
    border-bottom: none;
} 
#cityListing .ui-block-content {
    padding: 24px 23px 23px;
} 

/*------------- Responsive mode styles --------------*/
@media (max-width: 1200px) {
    #cityListing .responsive-flex1200 .ui-block-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
#cityListing .responsive-flex1200 .ui-block-title > * {
            margin-bottom: 10px;
        } 
#cityListing .responsive-flex1200 .ui-block-title .points {
            text-align: left;
        } 
#cityListing .responsive-flex1200 .btn + * {
        margin-left: 0;
    } 
#cityListing .responsive-flex1200 .w-search {
        width: auto;
    } 
#cityListing .responsive-flex1200 .w-select {
        padding: 0;
    } 
} 

@media (max-width: 860px) {
    #cityListing .responsive-flex .w-search {
        width: auto;
    } 
}

@media (max-width: 768px) {
    #cityListing .responsive-flex .ui-block-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
#cityListing .responsive-flex .ui-block-title > * {
            margin-bottom: 10px;
        } 
#cityListing .responsive-flex .ui-block-title .points {
            text-align: left;
            margin-bottom: 10px;
        } 
#cityListing .responsive-flex .ui-block-title .points span {
                display: inline-block;
            } 
#cityListing .responsive-flex .ui-block-title .points span + span {
                    margin-top: 0;
                } 
#cityListing .responsive-flex .block-btn {
        text-align: left;
        padding-right: 0;
    } 
#cityListing .responsive-flex .more {
        padding-left: 0;
    } 
#cityListing .responsive-flex .photo-gallery {
        position: relative;
        right: auto;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        left: auto;
        bottom: auto;
        top: auto;
        margin: 0 -26px -18px;
    } 
#cityListing .responsive-flex .photo-gallery.nav-tabs .nav-item {
            border-top: 1px solid #e6ecf5;
            text-align: center;
        } 
#cityListing .responsive-flex .photo-gallery.nav-tabs .nav-item:last-child a {
                border-right: 0;
            } 
#cityListing .responsive-flex .w-search {
        width: auto;
    } 
#cityListing .responsive-flex .bootstrap-select.without-border.btn-group .dropdown-toggle .filter-option {
        text-align: left;
    } 
#cityListing .responsive-flex .align-right {
        text-align: left;
    } 
#cityListing .responsive-flex .align-right * {
            display: block;
        } 
#cityListing .responsive-flex .align-right > * + * {
            margin-top: 15px;
        } 
#cityListing .responsive-flex .align-right .btn {
            margin-left: 0;
        } 
#cityListing .responsive-flex .ui-block-title .btn + * {
        margin-left: 0;
    } 
} 

@media (max-width: 480px) {
    #cityListing .ui-block-content.display-flex.content-around {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    } 
#cityListing .ui-block-content.display-flex.content-around > * {
            margin-bottom: 15px;
        } 
} 

@media (max-width: 320px) {
    #cityListing .ui-block-title .btn + .btn {
        margin-left: 0;
        margin-top: 15px;
    } 
} 

/*------------- #BUTTONS --------------*/
#cityListing .btn {
    color: #fff;
    margin-bottom: 15px;
    position: relative;
} 
#cityListing .btn:hover {
        opacity: .8;
        color: #fff;
    } 
#cityListing .btn:focus {
        box-shadow: none;
    } 
#cityListing .btn.c-grey {
        border-color: #d8dbe6;
    } 
#cityListing .btn.c-grey:hover {
            color: inherit;
        }
    #cityListing .btn.disabled, #cityListing .btn:disabled {
        background-color: #9a9fbf;
        border-color: #9a9fbf;
    } 
#cityListing .btn-transparent {
    background-color: transparent;
} 
#cityListing button:hover {
    cursor: pointer;
}
#cityListing .btn-icon-left i, #cityListing .btn-icon-left svg {
    font-size: 12px;
    margin-right: 10px;
}
#cityListing .btn-lg i, #cityListing .btn-lg svg {
    font-size: 16px;
} 

@media (max-width: 1080px) {
    #cityListing .btn-lg {
        padding: 1rem;
    } 
}

#cityListing .btn-md {
    padding: 1rem 3.5rem;
    font-size: 0.75rem;
    border-radius: 0.3rem;
} 

@media (max-width: 1080px) {
    #cityListing .btn-md {
        padding: .6rem .5rem;
    } 
}

#cityListing .btn-md-2 {
    padding: .8rem 2.1rem;
    font-size: 0.688rem;
    border-radius: 0.3rem;
} 

@media (max-width: 1080px) {
    #cityListing .btn-md-2 {
        padding: .6rem .5rem;
    } 
}

#cityListing .btn-control {
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 54px;
    padding: 0;
    fill: #fff;
    font-size: 20px;
} 
#cityListing .btn-control:hover {
        opacity: 1;
    } 
#cityListing .btn-control .more-dropdown {
        top: auto;
        bottom: 100%;
    } 
#cityListing .btn-control .more-dropdown li {
            line-height: 1.3;
            font-size: 12px;
        }
    #cityListing .btn-control > i, #cityListing .btn-control svg {
        font-size: 20px;
        width: 20px;
        height: 20px;
    } 
#cityListing .btn-control.has-i {
        font-size: unset;
    } 
#cityListing .btn-control.has-i > i, .btn-control.has-i svg {
            font-size: 15px;
            width: 15px;
            height: 15px;
        } 
#cityListing .btn-control.btn-more {
        line-height: 54px;
    } 
#cityListing .btn-control-small {
    width: 34px;
    height: 34px;
    line-height: 34px;
} 
#cityListing .btn-control-small > i, .btn-control-small svg {
        font-size: 16px;
        width: 16px;
        height: 16px;
    } 
#cityListing .btn-more {
    background-color: #ccd1e0;
    margin: 40px auto;
    text-align: center;
    display: block;
    line-height: 40px;
    transition: all .3s ease;
} 
#cityListing .btn-more:hover {
        fill: #ff5e3a;
    } 
#cityListing .btn-border {
    border: solid 2px;
} 
#cityListing .btn-border-think {
    border: solid 1px;
} 
#cityListing .control-block-button {
    position: absolute;
} 
#cityListing .control-block-button .btn-control {
        margin-right: 20px;
        margin-bottom: 0;
        fill: #fff;
    } 
#cityListing .control-block-button .btn-control:last-child {
            margin-right: 0;
        } 
#cityListing .control-block-button .btn-control .olymp-settings-icon {
            width: 17px;
            height: 21px;
        } 
#cityListing .control-block-button .btn-control .olymp-happy-face-icon {
            width: 21px;
            height: 21px;
        } 
#cityListing .control-block-button .btn-control .olymp-chat---messages-icon {
            width: 23px;
            height: 20px;
        } 
#cityListing .control-block-button .btn-control .olymp-star-icon {
            height: 20px;
            width: 20px;
        } 
#cityListing .control-block-button .btn-control .olymp-happy-faces-icon {
            height: 22px;
            width: 22px;
        } 
#cityListing .btn-primary:hover {
    background-color: #ff763a;
    border-color: #ff763a;
    opacity: 1;
} 
#cityListing .btn-secondary:hover {
    background-color: #ff5e3a;
    border-color: #ff5e3a;
    opacity: 1;
} 
#cityListing .btn-purple {
    background-color: #7c5ac2;
} 
#cityListing .btn-blue {
    background-color: #38a9ff;
} 
#cityListing .btn-breez {
    background-color: #08ddc1;
} 
#cityListing .btn-green {
    background-color: #1ed760;
} 
#cityListing .btn-grey {
    background-color: #515365;
} 
#cityListing .btn-grey-light {
    background-color: #888da8;
} 
#cityListing .btn-grey-lighter {
    background-color: #9a9fbf;
} 
#cityListing .btn-breez-light {
    background-color: #2aebcb;
} 
#cityListing .btn-yellow {
    background-color: #ffdc1b;
} 
#cityListing .btn-smoke {
    background-color: #e6ecf5;
} 
#cityListing .btn-bg-secondary {
    background-color: #3f4257;
} 
#cityListing .btn-light-bg {
    color: #515365;
} 
#cityListing .btn-light-bg:hover {
        color: #515365;
    } 
#cityListing .btn-light-bg:focus {
        color: #515365;
    } 
#cityListing .btn-market {
    text-transform: none;
    text-align: left;
    padding: 13px 23px;
    background-color: #000;
} 
#cityListing .btn-market .icon {
        margin-right: 5px;
        height: 35px;
        width: 35px;
    } 
#cityListing .btn-market > * {
        display: inline-block;
        vertical-align: middle;
    } 
#cityListing .btn-market .text {
        overflow: hidden;
    } 
#cityListing .btn-market span {
        display: block;
    } 
#cityListing .btn-market .sup-title {
        font-size: 9px;
        font-weight: 700;
    } 
#cityListing .btn-market .title {
        font-size: 18px;
        font-weight: 500;
    } 
#cityListing .btn-market:after {
        box-shadow: 10px 0 15px 0 rgba(18, 25, 33, 0.3);
    } 
#cityListing .btn-market + .btn-market {
        margin-left: 20px;
    } 
#cityListing .with--icon {
    text-align: left;
} 
#cityListing .with--icon .icon {
        margin-right: 12px;
        height: 35px;
        width: 35px;
        fill: #fff;
    } 
#cityListing .with--icon > * {
        display: inline-block;
        vertical-align: middle;
    } 
#cityListing .with--icon .text {
        overflow: hidden;
    } 
#cityListing .with--icon span {
        display: block;
    } 
#cityListing .with--icon .sup-title {
        font-size: 8px;
        font-weight: 700;
    } 
#cityListing .with--icon .title {
        font-size: 14px;
        font-weight: 700;
    } 
#cityListing .with--icon:after {
        box-shadow: 10px 0 15px 0 rgba(18, 25, 33, 0.3);
    } 
#cityListing .with--icon.btn-md .icon {
        margin-right: 15px;
        height: 22px;
        width: 22px;
    } 

/*------------- #BUTTONS-action with icons --------------*/
#cityListing .icon-add {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    vertical-align: middle;
} 
#cityListing .icon-add:after {
        content: '\f067';
        display: block;
        position: absolute;
        right: -4px;
        top: -4px;
        color: inherit;
        font-size: 7px;
        font-family: 'Font Awesome 5 Pro';
    } 
#cityListing .icon-add.without-text {
        margin-right: 0;
    } 
#cityListing .icon-minus {
    position: relative;
    display: inline-block;
    vertical-align: middle;
} 
#cityListing .icon-minus:after {
        content: '\f068';
        display: block;
        position: absolute;
        right: -4px;
        top: -4px;
        color: inherit;
        font-size: 7px;
        font-family: 'Font Awesome 5 Pro';
    } 
#cityListing .accept-request {
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.5rem;
    font-size: 0.688rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
    background-color: #38a9ff;
    color: #fff;
    fill: #fff;
} 
#cityListing .accept-request:hover, .accept-request:focus {
        color: #fff;
        fill: #fff;
        opacity: .9;
    } 
#cityListing .accept-request + .accept-request {
        margin-left: 8px;
    } 
#cityListing .accept-request svg {
        width: 20px;
        height: 20px;
    } 
#cityListing .request-del {
    background-color: #9a9fbf;
} 
#cityListing .fav-pages {
    background-color: #ff5e3a;
} 
#cityListing .chat-message {
    background-color: #7c5ac2;
} 
#cityListing .btn--half-width {
    width: 48%;
} 

/*------------- #Button back-to-top --------------*/
#cityListing .back-to-top {
    position: fixed;
    z-index: 19;
    width: 50px;
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    fill: #fff;
    stroke: inherit;
    transition: all .3s ease;
    bottom: 10px;
    right: 85px;
    cursor: pointer;
    box-shadow: 0 0 10px 0 rgba(63, 66, 87, 0.4);
    border-radius: 100%;
    background-color: #ff5e3a;
} 
#cityListing .back-to-top.hidden {
        opacity: 0;
    } 
#cityListing .back-to-top .back-icon {
        height: 20px;
        width: 20px;
        margin: auto;
    } 

/*================= Responsive Mode ============*/
@media (max-width: 768px) {
    #cityListing .back-to-top {
        width: 40px;
        height: 40px;
        line-height: 40px;
        right: 10px;
    } 
#cityListing .back-to-top .back-icon {
            height: 15px;
            width: 15px;
        } 
} 

@media (max-width: 410px) {
    #cityListing .btn-market + .btn-market {
        margin-left: 0;
    } 
} 

@media (max-width: 360px) {
    #cityListing .btn-control .more-dropdown {
        top: 100%;
        bottom: auto;
    } 
} 

/*------------- #FORMS --------------*/
#cityListing label.control-label {
    color: #888da8;
} 
#cityListing textarea {
    min-height: 132px;
} 
#cityListing .form-group.label-floating textarea {
    padding: 1.3rem 1.1rem .2rem;
} 
#cityListing input, .form-control {
    color: #515365;
    line-height: inherit;
    font-size: .875rem;
} 
#cityListing .label-floating.has-success:after {
    content: '\f00c';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 100%;
    font-size: 9px;
    background-color: #08ddc1;
    color: #fff;
    text-align: center;
    right: 20px;
    top: 50%;
    margin-top: -10px;
}
#cityListing .has-success .form-control-success,
#cityListing .has-error .form-control-danger {
    background-image: none;
}
#cityListing .form-group.with-icon-right .form-control, #cityListing .form-group.with-icon-right input, #cityListing .form-group.with-icon-right textarea {
    padding-right: 60px;
}
#cityListing .label-floating .form-control, #cityListing .label-floating input, #cityListing .label-floating select {
    padding: 1.5rem 1.1rem .5rem;
    line-height: 1.75;
} 
#cityListing .label-floating textarea.form-control {
    padding: 1.5rem 1.1rem .2rem;
}
#cityListing .label-floating.with-icon .form-control, #cityListing .label-floating.with-icon input, #cityListing .label-floating.with-icon textarea {
    padding-left: 70px;
} 
#cityListing .form-group.has-error:after {
    content: '\f00d';
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 100%;
    background-color: #f92552;
    color: #fff;
    font-size: 9px;
    right: 20px;
    top: 19px;
} 
#cityListing select.form-control {
    padding-left: .875rem;
} 
#cityListing .form-group.with-icon:after {
    content: '';
    position: absolute;
    display: block;
    height: 100%;
    width: 1px;
    background-color: #e6ecf5;
    top: 0;
    left: 50px;
} 
#cityListing .form-group.with-icon i, .form-group.with-icon svg {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 50px;
    text-align: center;
    line-height: 3.5rem;
    font-size: 20px;
} 
#cityListing .form-group.with-icon input {
    padding-left: 70px;
} 
#cityListing .form-group.with-button button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 35px;
    text-align: center;
    line-height: 100%;
    color: #fff;
    fill: #fff;
    background-color: #d7d9e5;
    border: none;
} 
#cityListing .form-group.with-button input {
    padding-right: 50px;
    padding-left: 15px;
}
#cityListing .label-floating.with-icon label.control-label,
#cityListing .label-placeholder.with-icon label.control-label {
    left: 70px;
} 
#cityListing .date-time-picker input {
    position: relative;
    z-index: 5;
} 
#cityListing .input-group-addon {
    position: absolute;
    right: 0;
    top: 0;
    background-color: transparent;
    border: none;
    height: 100%;
    padding: 1.1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
} 
#cityListing .input-group-addon svg {
        fill: #9a9fbf;
        width: 22px;
    } 
#cityListing .custom-control-description {
    padding-left: 7px;
    color: #888da8;
    line-height: 2;
} 
#cityListing .tooltip-inner {
    font-size: 9px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #3f4257 !important;
} 
#cityListing .tooltip-secondary .tooltip-inner {
    background-color: #3f4257;
} 
#cityListing .tooltip-primary .tooltip-inner {
    background-color: #ff5e3a;
} 
#cityListing .tooltip-completed .tooltip-inner {
    background-color: #08ddc1;
} 

/*------------- Toggle Button --------------*/
#cityListing .togglebutton {
    vertical-align: middle;
    margin-bottom: 20px;
}
    #cityListing .togglebutton, #cityListing .togglebutton label, #cityListing .togglebutton input, #cityListing .togglebutton .toggle {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    } 
#cityListing .togglebutton label {
            cursor: pointer;
            color: rgba(0, 0, 0, 0.26);
        }
#cityListing .form-group.is-focused .togglebutton label, #cityListing .form-group.has-bootstrap-select .togglebutton label {
    color: rgba(0, 0, 0, 0.26);
}
    #cityListing .form-group.is-focused .togglebutton label:hover, #cityListing .form-group.is-focused .togglebutton label:focus {
        color: rgba(0, 0, 0, 0.54);
    } 
#cityListing fieldset[disabled] .form-group.is-focused .togglebutton label {
    color: rgba(0, 0, 0, 0.26);
} 
#cityListing .togglebutton label input[type=checkbox] {
    opacity: 0;
    width: 0;
    height: 0;
} 
#cityListing .togglebutton label .toggle {
    text-align: left;
    margin-left: 5px;
}
#cityListing .togglebutton label .toggle,
#cityListing .togglebutton label input[type=checkbox][disabled] + .toggle {
    content: "";
    display: inline-block;
    width: 66px;
    height: 30px;
    background-color: rgba(80, 80, 80, 0.7);
    border-radius: 15px;
    margin-right: 0;
    transition: background 0.3s ease;
    vertical-align: middle;
} 
#cityListing .togglebutton label .toggle:after {
        content: "";
        display: inline-block;
        width: 24px;
        height: 24px;
        line-height: 26px;
        background-color: #FFFFFF;
        border-radius: 20px;
        position: relative;
        left: 3px;
        top: 3px;
        transition: left 0.3s ease, background 0.3s ease, box-shadow 0.1s ease;
        text-align: center;
    }
    #cityListing .togglebutton label input[type=checkbox][disabled] + .toggle:after, #cityListing .togglebutton label input[type=checkbox][disabled]:checked + .toggle:after {
        background-color: #BDBDBD;
    }
    #cityListing .togglebutton label input[type=checkbox] + .toggle:active:after, #cityListing .togglebutton label input[type=checkbox][disabled] + .toggle:active:after {
        box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
    } 
#cityListing .togglebutton label input[type=checkbox]:checked + .toggle:after {
    left: 39px;
} 
#cityListing .togglebutton label input[type=checkbox]:checked + .toggle {
    background-color: #ff5e3a;
} 
#cityListing .togglebutton.blue label input[type=checkbox]:checked + .toggle {
    background-color: #38a9ff;
} 
#cityListing .togglebutton label input[type=checkbox]:checked + .toggle:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(156, 39, 176, 0.1);
} 
#cityListing .description-toggle {
    display: table;
    width: 100%;
    margin-bottom: 30px;
} 
#cityListing .description-toggle > * {
        display: table-cell;
        vertical-align: middle;
    } 
#cityListing .description-toggle .togglebutton {
        text-align: right;
    } 
#cityListing .description-toggle p {
        margin-bottom: 0;
    } 
#cityListing .add-field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #888da8;
    fill: #888da8;
    margin-bottom: 1rem;
    line-height: 100%;
} 
#cityListing .add-field svg {
        margin-right: 10px;
        width: 12px;
        height: 12px;
    } 
#cityListing .add-field > * {
        display: table-cell;
        vertical-align: middle;
    } 
#cityListing .switcher-block {
    margin: 19px 0;
    display: table;
    width: 100%;
} 
#cityListing .switcher-block .title {
        font-size: 13px;
    } 
#cityListing .switcher-block > * {
        margin-bottom: 0;
        display: table-cell;
        vertical-align: middle;
    } 
#cityListing .switcher-block > *:last-child {
            text-align: right;
        }

/*****************************************
  upload button styles
******************************************/
#cityListing .file-upload {
    position: relative;
    display: inline-block;
} 
#cityListing .file-upload:hover {
        cursor: pointer;
    } 
#cityListing .file-upload__label {
    background-color: #3f4257;
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 1.25;
    text-align: center;
    padding: 0.5rem 1rem;
    font-size: 0.812rem;
    border-radius: 0.25rem;
    transition: all 0.2s ease-in-out;
} 
#cityListing .file-upload__label:hover {
        cursor: pointer;
        background-color: #ff5e3a;
    }
    #cityListing .file-upload__label.bg-green:hover, #cityListing .file-upload__label.bg-blue:hover, #cityListing .file-upload__label.bg-breez:hover {
        background-color: #ff5e3a;
    } 
#cityListing .file-upload__input {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    font-size: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    padding: 0;
} 
#cityListing .file-upload__input:hover {
        cursor: pointer;
    } 
#cityListing .subscribe-form {
    margin: 40px 0 20px;
} 
#cityListing .subscribe-form .form-group {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-bottom: 0;
    } 
#cityListing .subscribe-form .form-control {
        width: 100%;
    } 
#cityListing .list--styled {
    margin: 35px 0;
} 
#cityListing .list--styled li {
        color: #515365;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    } 
#cityListing .list--styled li + li {
            margin-top: 30px;
        }
    #cityListing .list--styled i, #cityListing .list--styled svg {
        color: #ff5e3a;
        font-size: 20px;
        margin-right: 17px;
    }
    #cityListing .list--styled.small-icon i, #cityListing .list--styled.small-icon svg {
        font-size: 8px;
    }
    #cityListing .list--styled.smallest-icon i, #cityListing .list--styled.smallest-icon svg {
        font-size: 6px;
    }
    #cityListing .list--styled.icon-blue i, #cityListing .list--styled.icon-blue svg {
        color: #38a9ff;
    } 
#cityListing .search-form {
    padding: 50px 40px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
} 
#cityListing .search-form .form-group {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-bottom: 0;
    } 
#cityListing .search-form .form-control {
        width: 100%;
    } 
#cityListing .search-form > * + * {
        margin-left: -5px;
    } 
#cityListing .search-form .btn {
        border-radius: 0 5px 5px 0;
    } 
#cityListing .radio {
    margin-bottom: 1rem;
} 
#cityListing .radio label {
        cursor: pointer;
        padding-left: 35px;
        position: relative;
    } 
#cityListing .radio label span {
            display: block;
            position: absolute;
            left: 10px;
            top: 0;
            transition-duration: 0.2s;
        } 
#cityListing .radio label .circle {
            border: 1px solid #dde0e9;
            height: 18px;
            width: 18px;
            border-radius: 100%;
        } 
#cityListing .radio label .check {
            height: 18px;
            width: 18px;
            border-radius: 100%;
            background-color: #ff5e3a;
            -webkit-transform: scale3d(0, 0, 0);
            transform: scale3d(0, 0, 0);
        } 
#cityListing .radio label .check:after {
                display: block;
                position: absolute;
                content: "";
                background-color: rgba(0, 0, 0, 0.87);
                left: -18px;
                top: -18px;
                height: 50px;
                width: 50px;
                border-radius: 100%;
                z-index: 1;
                opacity: 0;
                margin: 0;
                -webkit-transform: scale3d(1.5, 1.5, 1);
                transform: scale3d(1.5, 1.5, 1);
            } 
#cityListing .radio input[type=radio] {
        opacity: 0;
        height: 0;
        width: 0;
        overflow: hidden;
        display: none;
    }
    #cityListing .radio input[type=radio]:checked ~ .check, #cityListing .radio input[type=radio]:checked ~ .circle {
        opacity: 1;
    } 
#cityListing .radio input[type=radio]:checked ~ .check {
            background-color: #ff5e3a;
        } 
#cityListing .radio input[type=radio]:checked ~ .circle {
            border-color: #ff5e3a;
        } 
#cityListing .radio input[type=radio]:checked ~ .check {
            -webkit-transform: scale3d(0.45, 0.45, 1);
            transform: scale3d(0.45, 0.45, 1);
        }
    #cityListing .radio input[type=radio][disabled] ~ .check, #cityListing .radio input[type=radio][disabled] ~ .circle {
        opacity: 0.26;
    } 
#cityListing .radio input[type=radio][disabled] ~ .check {
            background-color: #000000;
        } 
#cityListing .radio input[type=radio][disabled] ~ .circle {
            border-color: #000000;
        } 

@-webkit-keyframes rippleOn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.2;
    } 
    100% {
        opacity: 0;
    } 
} 

@keyframes rippleOn {
    0% {
        opacity: 0;
    } 
    50% {
        opacity: 0.2;
    } 
    100% {
        opacity: 0;
    } 
} 

@-webkit-keyframes rippleOff {
    0% {
        opacity: 0;
    } 
    50% {
        opacity: 0.2;
    } 
    100% {
        opacity: 0;
    } 
} 

@keyframes rippleOff {
    0% {
        opacity: 0;
    } 
    50% {
        opacity: 0.2;
    } 
    100% {
        opacity: 0;
    }  
} 
#cityListing .checkbox {
    margin-bottom: 1rem;
} 
#cityListing .checkbox label {
        cursor: pointer;
        padding-left: 0;
        margin-bottom: 0;
    } 
#cityListing .form-group.is-focused .checkbox label {
    color: rgba(0, 0, 0, 0.26);
}
    #cityListing .form-group.is-focused .checkbox label:hover, #cityListing .form-group.is-focused .checkbox label:focus {
        color: rgba(0, 0, 0, 0.54);
    } 
#cityListing fieldset[disabled] .form-group.is-focused .checkbox label {
    color: rgba(0, 0, 0, 0.26);
} 
#cityListing .checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
} 
#cityListing.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 1px;
    padding-right: 5px;
    display: inline-block;
} 
#cityListing .checkbox .checkbox-material:before {
        display: block;
        position: absolute;
        left: 0;
        content: "";
        background-color: rgba(0, 0, 0, 0.84);
        height: 20px;
        width: 20px;
        border-radius: 100%;
        z-index: 1;
        opacity: 0;
        margin: 0;
        top: 0;
        -webkit-transform: scale3d(2.3, 2.3, 1);
        transform: scale3d(2.3, 2.3, 1);
    } 
#cityListing .checkbox .checkbox-material .check {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        border: 1px solid #e6ecf5;
        overflow: hidden;
        z-index: 1;
    } 
#cityListing .checkbox .checkbox-material .check:before {
            position: absolute;
            content: "";
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            display: block;
            margin-top: -3px;
            margin-left: 7px;
            width: 0;
            height: 0;
            background: red;
            box-shadow: 0 0 0 0 inset;
            -webkit-animation: checkbox-off 0.3s forwards;
            animation: checkbox-off 0.3s forwards;
        } 
#cityListing .checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
    opacity: 0.2;
} 
#cityListing .checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background: #ff5e3a;
} 
#cityListing .checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
        color: #FFFFFF;
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
        -webkit-animation: checkbox-on 0.3s forwards;
        animation: checkbox-on 0.3s forwards;
    } 
#cityListing .checkbox.clicked input[type=checkbox]:checked + .checkbox-material:before {
    -webkit-animation: rippleOn 500ms;
    animation: rippleOn 500ms;
} 
#cityListing .checkbox.clicked input[type=checkbox]:checked + .checkbox-material .check:after {
    -webkit-animation: rippleOn 500ms forwards;
    animation: rippleOn 500ms forwards;
} 
#cityListing .checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material:before {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
} 
#cityListing .checkbox.clicked input[type=checkbox]:not(:checked) + .checkbox-material .check:after {
    -webkit-animation: rippleOff 500ms;
    animation: rippleOff 500ms;
}
#cityListing fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
#cityListing .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
#cityListing .checkbox input[type=checkbox][disabled] + .circle {
    opacity: 0.5;
} 
#cityListing .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
    border-color: #000000;
    opacity: .26;
} 
#cityListing .checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
    background-color: rgba(0, 0, 0, 0.87);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
} 
#cityListing .was-validated .checkbox input[type="checkbox"]:invalid + .checkbox-material {
    color: #dc3545;
} 
#cityListing .was-validated .checkbox input[type="checkbox"]:invalid + .checkbox-material .check {
        border-color: #dc3545;
    } 
#cityListing .was-validated .checkbox input[type="checkbox"]:invalid + .checkbox-material + .invalid-feedback {
        display: block;
    } 

@-webkit-keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    } 
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    } 
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    } 
} 

@keyframes checkbox-on {
    0% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 15px 2px 0 11px;
    } 
    50% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px 2px 0 11px;
    } 
    100% {
        box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
    } 
} 

@keyframes rippleOn {
    0% {
        opacity: 0;
    } 
    50% {
        opacity: 0.2;
    } 
    100% {
        opacity: 0;
    } 
} 

@keyframes rippleOff {
    0% {
        opacity: 0;
    } 
    50% {
        opacity: 0.2;
    } 
    100% {
        opacity: 0;
    } 
}

#cityListing .error-box {
    position: relative;
    color: #f92552;
    font-size: 13px;
} 
#cityListing .error-box .danger {
        margin: 0 auto 20px;
        display: block;
        width: 34px;
        height: 34px;
        line-height: 37px;
        text-align: center;
        border-radius: 100%;
        background-color: #f92552;
    } 
#cityListing .error-box .danger svg {
            fill: #fff;
            width: 12px;
            height: 12px;
        } 
#cityListing .error-box .title {
        margin-bottom: 13px;
    } 

/*================= Responsive Mode ============*/
@media (max-width: 1199px) {
    #cityListing .form-group.has-error:after {
        top: 14px;
    } 
} 

@media (max-width: 860px) {
    #cityListing .search-form {
        padding: 25px;
    } 
} 

@media (max-width: 360px) {
    #cityListing .subscribe-form .btn {
        margin-left: -5px;
        border-radius: 0 5px 5px 0;
    } 
#cityListing .search-form {
        padding: 0;
    } 
}  

/*------------- #FIXED-SIDEBAR-LEFT --------------*/
#cityListing .fixed-sidebar {
    position: fixed;
    z-index: 22;
    width: 70px;
    min-height: 1000vh;
    left: 0;
} 
#cityListing .fixed-sidebar .logo {
        height: 70px;
        background-color: #ff5e3a;
        padding: 15px;
    } 
#cityListing .fixed-sidebar .ui-block-title {
        margin: 15px 0;
    } 
#cityListing .fixed-sidebar .ui-block-title:first-child {
            margin-top: 0;
        } 
#cityListing .fixed-sidebar .search-friend svg {
        height: 20px;
        width: 20px;
    } 
#cityListing .fixed-sidebar .search-friend svg:hover {
            fill: #ff5e3a;
        } 
#cityListing .fixed-sidebar .ui-block-title a {
        margin-left: 20px;
        text-transform: uppercase;
        font-size: 9px;
        padding: 0;
    } 
#cityListing .fixed-sidebar .ui-block-title a + a {
            float: right;
            color: #515365;
        } 
#cityListing .fixed-sidebar .mCustomScrollbar {
        max-height: calc(100vh - 70px);
        overflow: hidden;
    }
    #cityListing .fixed-sidebar .ps > .ps__scrollbar-y-rail, #cityListing .fixed-sidebar .ps:hover > .ps__scrollbar-y-rail {
        opacity: 0;
        z-index: -1;
        visibility: hidden;
    } 
#cityListing .fixed-sidebar.open .fixed-sidebar-left {
        transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    } 
#cityListing .fixed-sidebar.open .fixed-sidebar-left.sidebar--small {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
        } 
#cityListing .fixed-sidebar.open .fixed-sidebar-left.sidebar--large {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            transition-delay: .3s;
        } 
#cityListing .fixed-sidebar.open .fixed-sidebar-right {
        transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    } 
#cityListing .fixed-sidebar.open .fixed-sidebar-right.sidebar--small {
            -webkit-transform: translateX(100%);
            transform: translateX(100%);
        } 
#cityListing .fixed-sidebar.open .fixed-sidebar-right.sidebar--large {
            -webkit-transform: translateX(0);
            transform: translateX(0);
            transition-delay: .3s;
        } 
#cityListing .fixed-sidebar.right {
        top: 70px;
        z-index: 20;
        right: 0;
        left: auto;
        min-height: 100%;
    } 
#cityListing .fixed-sidebar.right .mCustomScrollbar {
            max-height: calc(100vh - 210px);
        }

@supports (-ms-overflow-style: none) {
    #cityListing .fixed-sidebar .ps {
        overflow: hidden !important;
    }
} 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #cityListing .fixed-sidebar .ps {
        overflow: hidden !important;
    } 
} 
#cityListing .fixed-sidebar-left {
    position: absolute;
    height: 100%;
    background-color: #fff;
    transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
} 
#cityListing .fixed-sidebar-left.sidebar--small {
        width: 70px;
        transition-delay: .3s;
    } 
#cityListing .fixed-sidebar-left.sidebar--small .left-menu a {
            padding: 14px 0 14px 25px;
            display: block;
        } 
#cityListing .fixed-sidebar-left.sidebar--large {
        width: 270px;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    } 
#cityListing .sidebar--large .logo .img-wrap {
    margin-right: 20px;
} 
#cityListing .sidebar--large .search-friend {
    padding: 0;
    border-top: 1px solid #e6ecf5;
} 
#cityListing .sidebar--large .olympus-chat {
    padding: 15px 15px 15px 30px;
} 
#cityListing .sidebar--large .olympus-chat .olymp-chat---messages-icon {
        margin-right: unset;
    } 
#cityListing .sidebar--large .chat-users li {
    padding: 13px 25px;
} 
#cityListing .sidebar--large .chat-users .more-icons li {
    padding: 0;
} 
#cityListing .fixed-sidebar-right {
    position: absolute;
    border-left: 1px solid #e6ecf5;
    z-index: 20;
    right: 0;
    top: 0;
    bottom: 70px;
    background-color: #fff;
    transition: -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    transition: transform 0.5s cubic-bezier(0.55, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.55, 0, 0.1, 1);
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
} 
#cityListing .fixed-sidebar-right.sidebar--small {
        width: 70px;
        transition-delay: .3s;
    } 
#cityListing .fixed-sidebar-right.sidebar--large {
        width: 270px;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive {
    display: none;
    height: auto;
    min-height: 70px;
    transition: all .3s ease;
} 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.open {
        min-height: 1000vh;
    } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right {
        z-index: 30;
        top: 0;
    } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right .sidebar--small {
            width: 70px;
            height: 70px;
            background-color: #ff5e3a;
            transition-delay: .3s;
            padding-bottom: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right .sidebar--small svg {
                fill: #fff;
                width: 22px;
                height: 22px;
            } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right.open .fixed-sidebar-right.sidebar--small {
            -webkit-transform: translateX(0);
            transform: translateX(0);
        } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right .fixed-sidebar-right.sidebar--large {
            position: absolute;
            top: 70px;
            min-height: calc(100vh - 70px);
            background-color: #fff;
        } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right .js-sidebar-open.active .olymp-close-icon {
            visibility: visible;
            opacity: 1;
        } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right .js-sidebar-open.active .olymp-menu-icon {
            visibility: hidden;
            opacity: 1;
        } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive.right .olymp-close-icon {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            opacity: 0;
            visibility: hidden;
            fill: #fff;
            transition: all .3s ease;
        } 
#cityListing .logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
} 
#cityListing .logo img {
        transition: opacity .3s ease;
        display: block;
    } 
#cityListing .logo .logo-title {
        text-transform: uppercase;
        margin: 0;
        color: inherit;
        transition: all .3s ease;
    } 
#cityListing .logo .sub-title {
        font-size: 7px;
        text-transform: uppercase;
    } 
#cityListing .logo:hover {
        color: #fff;
    } 
#cityListing .logo .img-wrap {
        position: relative;
    } 
#cityListing .left-menu {
    padding: 20px 0;
} 
#cityListing .left-menu .left-menu-title {
        transition: all .3s ease;
        font-weight: 700;
    } 
#cityListing .left-menu .left-menu-icon {
        fill: #9A9FBF;
        transition: all .3s ease;
        margin-right: 25px;
    } 
#cityListing .left-menu .olymp-weather-icon {
        width: 26px;
    } 
#cityListing .left-menu .olymp-happy-faces-icon {
        width: 23px;
    } 
#cityListing .left-menu svg {
        width: 20px;
    } 
#cityListing .left-menu a {
        padding: 16px 0 16px 25px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #9a9fbf;
    } 
#cityListing .left-menu a:hover {
            color: #515365;
        } 
#cityListing .left-menu a:hover svg {
                fill: #ff5e3a;
            } 
#cityListing .profile-completion {
    padding: 15px 25px 25px;
    transition: all .3s ease;
} 
#cityListing .profile-completion .skills-item-info {
        font-size: 14px;
    } 
#cityListing .chat-users {
    margin-bottom: 0;
} 
#cityListing .chat-users li {
        padding: 13px 20px;
        cursor: pointer;
    } 
#cityListing .chat-users .author-thumb {
        margin-right: 8px;
    } 
#cityListing .chat-users .author-thumb .icon-status {
            border-color: #fff;
        } 
#cityListing .chat-users .author-name {
        font-size: 12px;
    } 
#cityListing .chat-users .status {
        text-transform: uppercase;
        font-size: 8px;
        font-weight: 700;
        display: block;
    } 
#cityListing .chat-users .more {
        float: right;
        margin-top: 7px;
    } 
#cityListing .chat-users .more:hover .more-icons {
            visibility: visible;
            opacity: 1;
            right: 100%;
        } 
#cityListing .more-icons {
    position: absolute;
    right: -100%;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    transition: all .3s ease;
    padding: 10px 25px 10px 10px;
    width: 160px;
    bottom: -17px;
} 
#cityListing .more-icons li {
        display: inline-block;
        fill: #c2c5d9;
        padding: 0;
    } 
#cityListing .more-icons li:hover {
            fill: #9a9fbf;
        } 
#cityListing .more-icons li + li {
            margin-left: 20px;
        } 
#cityListing .more-icons svg {
        width: 22px;
        height: 20px;
    } 
#cityListing .olympus-chat {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #7c5ac2;
    fill: #fff;
    height: 70px;
} 
#cityListing .olympus-chat .olymp-chat---messages-icon {
        margin: auto;
    } 
#cityListing .olympus-chat .olympus-chat-title {
        text-transform: uppercase;
        color: #fff;
        margin-bottom: 0;
    } 
#cityListing .search-friend {
    position: relative;
    box-shadow: 0 -50px 45px -3px rgba(255, 255, 255, 0.7);
    padding: 25px;
    background-color: #fff;
    height: 70px;
    margin-top: auto;
} 
#cityListing .search-friend input {
        padding: .5rem 1.1rem;
        font-size: 12px;
    } 
#cityListing .search-friend .form-group {
        margin: 15px 20px;
        max-width: 150px;
    } 
#cityListing .search-friend a {
        fill: #9a9fbf;
    } 
#cityListing .search-friend a + a {
            margin-left: 13px;
        } 
#cityListing .accordion-menu .card-header {
    padding: 0;
} 
#cityListing .accordion-menu .card-header a > .olymp-dropdown-arrow-icon {
        margin-left: 15px;
        margin-top: 4px;
    } 
#cityListing .accordion-menu .card-header svg {
        margin-top: 0;
    } 
#cityListing .accordion-menu .card-header a {
        color: inherit;
        font-size: 13px;
    }

/*------------- Styles For left and right sticky-sidebars --------------*/
#cityListing .crumina-sticky-sidebar {
    will-change: min-height;
} 
#cityListing .sidebar__inner {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    /* For browsers don't support translate3d. */
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    will-change: position, transform;
}

/*------------- Responsive mode styles --------------*/
@media (max-width: 768px) {
    #cityListing .fixed-sidebar.right {
        display: none;
    } 
#cityListing .fixed-sidebar.right.fixed-sidebar-responsive {
            display: block;
        } 
#cityListing .fixed-sidebar.fixed-sidebar-responsive {
        display: block;
    } 
#cityListing .fixed-sidebar-right {
        position: relative;
        bottom: auto;
        box-shadow: none;
        border-left: none;
    } 
#cityListing .fixed-sidebar .mCustomScrollbar {
        max-height: calc(100vh - 70px);
    } 
} 

/*------------- #FOOTER --------------*/
#cityListing .footer {
    width: 100%;
    margin: 0 auto;
    padding: 70px 55px 0;
    background-color: #fff;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    position: relative;
} 
#cityListing .footer .widget .title {
        margin-bottom: 25px;
    } 
#cityListing .footer.footer-full-width {
        width: 100%;
    } 
#cityListing .footer.has-not-copyright {
        padding: 70px 55px;
    } 
#cityListing .footer--dark {
    background-color: #3f4257;
} 
#cityListing .footer--dark .w-about .logo {
        color: #fff;
    } 
#cityListing .footer--dark .w-about .logo .logo-title {
            color: #fff;
        } 
#cityListing .footer--dark .w-about .logo:hover {
            color: #fff;
        } 
#cityListing .footer--dark .widget .title {
        color: #fff;
    } 
#cityListing .footer--dark .socials i, .footer--dark .socials svg {
        color: #fff;
    } 
#cityListing .footer--dark .socials i:hover, .footer--dark .socials svg:hover {
            color: #ff5e3a;
        } 
#cityListing .sub-footer-copyright {
    padding: 40px 0;
    text-align: center;
    border-top: 1px solid #e6ecf5;
    margin-top: 60px;
} 
#cityListing .sub-footer-copyright span {
        font-size: 12px;
    } 
#cityListing .sub-footer-copyright a {
        color: #ff5e3a;
        opacity: .7;
        font-weight: 500;
    } 
#cityListing .sub-footer-copyright a:hover {
            opacity: 1;
        } 

/*------------- Responsive mode styles --------------*/
@media (max-width: 1024px) {
    #cityListing .footer .widget {
        margin-bottom: 40px;
    } 
#cityListing .footer {
        padding: 40px 15px;
        width: 100%;
    } 
} 

@media (max-width: 768px) {
    #cityListing .footer {
        text-align: center;
    } 
#cityListing .footer .w-about .logo {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            margin-bottom: 10px;
        } 
#cityListing .sub-footer-copyright {
        margin-top: 0;
        padding-bottom: 0;
    } 
} 


/*------------- #W-POOL --------------*/
#cityListing .w-pool {
    margin-bottom: 40px;
} 
#cityListing .w-pool .skills-item-info {
        margin-bottom: 0;
    } 
#cityListing .w-pool .radio {
        color: #515365;
        display: inline-block;
        margin-bottom: 5px;
    } 
#cityListing .w-pool .radio label {
            padding-left: 30px;
        } 
#cityListing .w-pool .radio label span {
                left: 0;
            } 
#cityListing .w-pool .counter-friends {
        margin: 10px 0;
    } 

/*------------- #W-BADGES --------------*/
#cityListing .w-badges {
    display: inline-block;
    margin: 0 0 -20px -18px;
} 
#cityListing .w-badges li {
        margin: 0 0 20px 15px;
        float: left;
        width: 38px;
        height: 38px;
        border-radius: 100%;
        position: relative;
    } 

/*------------- #W-BLOG-POSTS --------------*/
#cityListing .w-blog-posts {
    margin-bottom: 0;
} 
#cityListing .w-blog-posts .post p {
        margin: 10px 0 15px 0;
    } 
#cityListing .w-blog-posts .post__date {
        font-size: 12px;
    } 
#cityListing .w-blog-posts li:last-child .post {
        border-bottom: none;
    } 

/*------------- #W-ABOUT --------------*/
#cityListing .w-about .logo {
    color: inherit;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    padding: 0;
} 
#cityListing .w-about ul {
    margin-bottom: 0;
} 
#cityListing .w-about img {
    margin-right: 17px;
} 
#cityListing .w-about .logo-title {
    color: #515365;
} 

/*------------- #W-LIST --------------*/
#cityListing .w-list a {
    color: #888da8;
    padding: 8px 0;
    display: block;
    font-weight: 500;
    position: relative;
} 
#cityListing .w-list a:hover {
        color: #ff5e3a;
    } 
#cityListing .w-list ul {
    margin-bottom: 0;
} 

/*------------- #W-FEATURED-TOPICS --------------*/
#cityListing .w-featured-topics li + li {
    margin-top: 20px;
} 
#cityListing .w-featured-topics .icon {
    float: left;
    margin-right: 10px;
    font-size: 15px;
    color: #ffdc1b;
} 
#cityListing .w-featured-topics .content {
    overflow: hidden;
} 
#cityListing .w-featured-topics .title {
    font-size: 13px;
    display: block;
    margin-bottom: 5px;
} 
#cityListing .w-featured-topics .title:hover {
        color: #ff5e3a;
    } 
#cityListing .w-featured-topics time {
    font-size: 11px;
    margin-bottom: 5px;
    display: block;
} 
#cityListing .w-featured-topics .forums {
    font-size: 11px;
    color: #ff5e3a;
}

/*------------- #W-BUILD-FAV --------------*/
#cityListing .w-build-fav {
    padding: 25px;
    color: #fff;
    position: relative;
    background: url(../img/bg-birthdays.jpg) no-repeat;
    background-size: cover;
    border-radius: 5px;
} 
#cityListing .w-build-fav .more {
        position: absolute;
        right: 25px;
        top: 20px;
    } 
#cityListing .w-build-fav .widget-thumb {
        margin: 20px auto 30px;
        text-align: center;
    } 
#cityListing .w-build-fav .content * > span {
        font-size: 10px;
        margin-bottom: 4px;
        display: block;
    } 
#cityListing .w-build-fav .content .title {
        line-height: 1.3;
        font-weight: 400;
        color: inherit;
        margin-bottom: 20px;
        font-size: 24px;
        display: block;
    } 
#cityListing .w-build-fav .content p {
        font-size: 12px;
    } 
#cityListing .w-build-fav .content p a {
            color: #fff;
        } 
/*------------- #SOCIALS --------------*/
#cityListing .socials i, #cityListing .socials svg {
    font-size: 15px;
    transition: all .3s ease;
} 
#cityListing .socials li {
    display: inline-block;
} 
#cityListing .socials li a {
        color: #9a9fbf;
    } 
#cityListing .socials li a:hover {
            color: #ff5e3a;
        } 
#cityListing .socials li + li {
        margin-left: 20px;
    } 
#cityListing .socials--round .social-item {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    fill: #fff;
    display: block;
    position: relative;
    opacity: .9;
} 
#cityListing .socials--round .social-item:hover {
        opacity: 1;
    } 
#cityListing .socials--round .social-item.olympus {
        background-color: #ff5e3a;
    } 
#cityListing .socials--round .social-item.rss {
        background-color: #f4b459;
    } 
#cityListing .socials--round .social-item.mail {
        background: #996DD1;
    } 
#cityListing .socials--round .social-item.pinterest {
        background: #cc2127;
    } 
#cityListing .socials--round .social-item.googleplus {
        background: #dd4b39;
    } 
#cityListing .socials--round .social-item.google {
        background: #dd4b39;
    } 
#cityListing .socials--round .social-item.facebook {
        background: #3b5998;
    } 
#cityListing .socials--round .social-item.twitter {
        background: #55acee;
    } 
#cityListing .socials--round .social-item.amazon {
        background-color: #F69B06;
    } 
#cityListing .socials--round .social-item.behance {
        background-color: #2D2D2D;
    } 
#cityListing .socials--round .social-item.bing {
        background-color: #FFA616;
    } 
#cityListing .socials--round .social-item.creative-market {
        background-color: #8DA741;
    } 
#cityListing .socials--round .social-item.deviantart {
        background-color: #1B1B1B;
    } 
#cityListing .socials--round .social-item.dribble {
        background-color: #f74881;
    } 
#cityListing .socials--round .social-item.dropbox {
        background-color: #0BA4E0;
    } 
#cityListing .socials--round .social-item.envato {
        background-color: #6D9C3E;
    } 
#cityListing .socials--round .social-item.flickr {
        background-color: #26A9E1;
    } 
#cityListing .socials--round .social-item.instagram {
        background-color: #E75351;
    } 
#cityListing .socials--round .social-item.kickstarter {
        background-color: #14E06E;
    } 
#cityListing .socials--round .social-item.linkedin {
        background-color: #4A8F9E;
    } 
#cityListing .socials--round .social-item.medium {
        background-color: #00E56B;
    } 
#cityListing .socials--round .social-item.periscope {
        background-color: #3FA4C4;
    } 
#cityListing .socials--round .social-item.quora {
        background-color: #F85F62;
    } 
#cityListing .socials--round .social-item.reddit {
        background-color: #F05825;
    } 
#cityListing .socials--round .social-item.shutterstock {
        background-color: #008EC0;
    } 
#cityListing .socials--round .social-item.skype {
        background-color: #00AAF1;
    } 
#cityListing .socials--round .social-item.snapchat {
        background-color: #FFED45;
    } 
#cityListing .socials--round .social-item.soundcloud {
        background-color: #FF3300;
    } 
#cityListing .socials--round .social-item.spotify {
        background-color: #1ED760;
    } 
#cityListing .socials--round .social-item.trello {
        background-color: #0079BF;
    } 
#cityListing .socials--round .social-item.tumblr {
        background-color: #36465D;
    } 
#cityListing .socials--round .social-item.vimeo {
        background-color: #1AB7EA;
    } 
#cityListing .socials--round .social-item.vk {
        background-color: #6383A8;
    } 
#cityListing .socials--round .social-item.whatsapp {
        background-color: #25D366;
    } 
#cityListing .socials--round .social-item.wikipedia {
        background-color: #000000;
    } 
#cityListing .socials--round .social-item.wordpress {
        background-color: #21759B;
    } 
#cityListing .socials--round .social-item.youtube {
        background-color: #CD201F;
    } 
#cityListing .socials--round svg {
    height: 15px;
    width: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
} 
#cityListing .socials-shared {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 60px;
} 
#cityListing .socials-shared .social-item {
        width: 100%;
        padding: 15px 30px;
        margin-bottom: 0;
    } 
#cityListing .socials-shared .social-item i, .socials-shared .social-item svg {
            font-size: 15px;
            margin-right: 0;
        } 
#cityListing .socials-shared .social-item + .social-item {
            margin-left: 15px;
        } 

/*================= Responsive Mode ============*/
@media (max-width: 560px) {
    #cityListing .socials-shared {
        padding: 20px;
    } 
} 


/*------------- #SECTION --------------*/
#cityListing .bg-section1 {
    background-image: url("../img/bg-section1.png");
} 
#cityListing .bg-section2 {
    background-image: url("../img/bg-section2.png");
} 
#cityListing .bg-section3 {
    background-image: url("../img/bg-section3.png");
} 
#cityListing .bg-section4 {
    background-image: url("../img/bg-section4.png");
} 
#cityListing .bg-section5 {
    background-image: url("../img/bg-section5.png");
} 
#cityListing section {
    position: relative;
} 
#cityListing .section-move-bg .content-bg-wrap {
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 100% 100%;
} 
#cityListing .section-move-bg .container {
    z-index: 5;
    position: relative;
} 
#cityListing .section-move-bg-top .content-bg-wrap {
    background-position: top;
    background-repeat: repeat-x;
    bottom: auto;
    top: 0;
} 
#cityListing .section-move-bg-top .container {
    z-index: 5;
    position: relative;
} 
#cityListing .call-to-action-animation .first-img {
    position: absolute;
    left: 15%;
    opacity: 0;
    transition: all .3s ease;
    bottom: -100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    z-index: 5;
} 
#cityListing .call-to-action-animation .second-img {
    position: absolute;
    right: 80%;
    opacity: 0;
    transition: all .3s ease;
    bottom: -100%;
    z-index: 5;
} 
#cityListing .img-scale-animation img {
    position: absolute;
    box-shadow: 0 0 34px 0 rgba(63, 66, 87, 0.1);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
    display: block;
} 
#cityListing .img-scale-animation img.main-img {
        position: relative;
        box-shadow: none;
    } 
#cityListing .img-scale-animation img.first-img1 {
        left: 2%;
        top: 5%;
    } 
#cityListing .img-scale-animation img.second-img1 {
        left: 12%;
        top: 50%;
    } 
#cityListing .img-scale-animation img.third-img1 {
        right: 2%;
        top: 8%;
    } 
#cityListing .subscribe-animation {
    position: relative;
} 
#cityListing .subscribe-animation .plane {
        opacity: 0;
        position: absolute;
        bottom: -100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        left: 5%;
    } 
#cityListing .planer-animation {
    position: relative;
    background-position: bottom;
} 
#cityListing .planer-animation .planer {
        position: absolute;
        top: 10%;
        left: 0;
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    } 
#cityListing .contact-form-animation {
    position: relative;
} 
#cityListing .contact-form-animation .crew {
        opacity: 0;
        position: absolute;
        bottom: 20%;
        -webkit-transform: scale(0);
        transform: scale(0);
        left: 0;
    } 
#cityListing .block-action {
    padding: 60px 70px 40px;
    border-radius: 5px;
    min-height: 260px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
} 
#cityListing .block-action > * {
        margin-top: auto;
        min-width: 100%;
    } 

/* Text meant only for screen readers. */
#cityListing .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
} 
#cityListing .screen-reader-text:focus {
        background-color: #f1f1f1;
        border-radius: 3px;
        box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
        clip: auto !important;
        color: #21759b;
        display: block;
        font-size: 14px;
        font-size: 0.875rem;
        font-weight: bold;
        height: auto;
        left: 5px;
        line-height: normal;
        padding: 15px 23px 14px;
        text-decoration: none;
        top: 5px;
        width: auto;
        z-index: 100000;
        /* Above WP toolbar. */
    } 

/*------------- #HELPERS --------------*/

#cityListing .flip-button {
    box-sizing: content-box;
    cursor: pointer;
    outline: none;
    padding: 0;
    position: relative;
    -webkit-transform: scale(1) rotate(360deg);
    transform: scale(1) rotate(360deg);
    transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 1, 1);
    transition: transform 150ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 1, 1);
} 
#cityListing .flip-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    position: relative;
} 
#cityListing .flip-icon > * {
        left: 0;
        position: absolute;
        top: -3px;
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    #cityListing .flip-icon svg:last-of-type, #cityListing .flip-button.active .flip-icon svg:first-of-type {
        opacity: 0;
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
    } 
#cityListing .flip-button.active .flip-icon svg:last-of-type {
    opacity: 1;
    visibility: visible;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
} 
#cityListing .medium-padding80 {
    padding: 80px 0;
} 

@media (max-width: 1024px) {
    #cityListing .medium-padding80 {
        padding: 45px 0;
    } 
} 

@media (max-width: 800px) {
    #cityListing .medium-padding80 {
        padding: 35px 0;
    } 
} 

#cityListing .medium-padding100 {
    padding: 100px 0;
} 

@media (max-width: 1024px) {
    #cityListing .medium-padding100 {
        padding: 50px 0;
    } 
} 

@media (max-width: 800px) {
    #cityListing .medium-padding100 {
        padding: 35px 0;
    } 
}

#cityListing .medium-padding120 {
    padding: 120px 0;
} 

@media (max-width: 1024px) {
    #cityListing .medium-padding120 {
        padding: 50px 0;
    } 
} 

@media (max-width: 800px) {
    #cityListing .medium-padding120 {
        padding: 35px 0;
    } 
}

#cityListing .medium-padding180 {
    padding: 180px 0;
} 

@media (max-width: 1024px) {
    #cityListing .medium-padding180 {
        padding: 60px 0;
    } 
} 

@media (max-width: 800px) {
    #cityListing .medium-padding180 {
        padding: 40px 0;
    } 
}

#cityListing .pb100 {
    padding-bottom: 100px;
} 

@media (max-width: 1024px) {
    #cityListing .pb100 {
        padding-bottom: 50px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pb100 {
        padding-bottom: 35px;
    } 
}

#cityListing .pt80 {
    padding-top: 80px;
} 

@media (max-width: 1024px) {
    #cityListing .pt80 {
        padding-top: 45px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pt80 {
        padding-top: 35px;
    } 
}

#cityListing .pt100 {
    padding-top: 100px;
} 

@media (max-width: 1024px) {
    #cityListing .pt100 {
        padding-top: 50px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pt100 {
        padding-top: 35px;
    } 
}

#cityListing .pb120 {
    padding-bottom: 120px;
} 

@media (max-width: 1024px) {
    #cityListing .pb120 {
        padding-bottom: 50px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pb120 {
        padding-bottom: 35px;
    } 
}

#cityListing .pt120 {
    padding-top: 120px;
} 

@media (max-width: 1024px) {
    #cityListing .pt120 {
        padding-top: 50px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pt120 {
        padding-top: 35px;
    } 
} 
#cityListing .pb160 {
    padding-bottom: 160px;
} 

@media (max-width: 1024px) {
    #cityListing .pb160 {
        padding-bottom: 60px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pb160 {
        padding-bottom: 35px;
    } 
}

#cityListing .pt160 {
    padding-top: 160px;
} 

@media (max-width: 1024px) {
    #cityListing .pt160 {
        padding-top: 60px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pt160 {
        padding-top: 35px;
    } 
} 
#cityListing .pb80 {
    padding-bottom: 80px;
} 

@media (max-width: 1024px) {
    #cityListing .pb80 {
        padding-bottom: 45px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pb80 {
        padding-bottom: 35px;
    } 
}

#cityListing .pb60 {
    padding-bottom: 60px;
} 

@media (max-width: 1024px) {
    #cityListing .pb60 {
        padding-bottom: 40px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pb60 {
        padding-bottom: 20px;
    } 
}

#cityListing .pt60 {
    padding-top: 60px;
} 

@media (max-width: 1024px) {
    #cityListing .pt60 {
        padding-top: 40px;
    } 
} 

@media (max-width: 800px) {
    #cityListing .pt60 {
        padding-top: 20px;
    } 
}

#cityListing .pb30 {
    padding-bottom: 30px;
} 
#cityListing .pt30 {
    padding-top: 30px;
} 
#cityListing .mt60 {
    margin-top: 60px;
} 

@media (max-width: 800px) {
    #cityListing .mt60 {
        margin-top: 35px;
    } 
} 
#cityListing .mb30 {
    margin-bottom: 30px;
} 
#cityListing .mb60 {
    margin-bottom: 60px;
} 

@media (max-width: 800px) {
    #cityListing .mb60 {
        margin-bottom: 35px;
    } 
} 
#cityListing .half-height-bg {
    position: absolute;
    height: 50%;
    left: 0;
    right: 0;
    bottom: 0;
} 
#cityListing .withripple {
    position: relative;
} 
#cityListing .ripple-container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: inherit;
    pointer-events: none;
} 
#cityListing .ripple {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    margin-top: -10px;
    border-radius: 100%;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    opacity: 0;
    pointer-events: none;
} 
#cityListing .ripple.ripple-on {
        transition: opacity 0.15s ease-in 0s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
        transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
        transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s, -webkit-transform 0.5s cubic-bezier(0.4, 0, 0.2, 1) 0.1s;
        opacity: 0.1;
    } 
#cityListing .ripple.ripple-out {
        transition: opacity 0.1s linear 0s !important;
        opacity: 0;
    } 
#cityListing .half-width {
    width: 50%;
} 
#cityListing .col-3-width {
    width: 33.33%;
} 
#cityListing .col-4-width {
    width: 25%;
} 
#cityListing .body-bg-white {
    background-color: #ffffff;
} 
#cityListing .bg-body {
    background-color: #edf2f6;
} 
#cityListing .background-contain {
    background-size: contain;
    background-repeat: no-repeat;
} 
#cityListing .background-cover {
    background-size: cover;
} 
#cityListing .icon-demonstration {
    text-align: center;
    margin-bottom: 30px;
    padding: 20px;
    background-color: rgba(255, 94, 58, 0.15);
    border-radius: 20px;
} 
#cityListing .icon-demonstration svg {
        width: 60px;
        height: 60px;
        fill: #ff5e3a;
    } 
#cityListing .icon-demonstration pre {
        font-size: 12px;
        color: red;
    } 
#cityListing .icon-demonstration code {
        white-space: initial;
        line-height: 2;
    } 

@media (max-width: 1200px) {
    #cityListing .col-4-width {
        width: 33%;
    } 
} 

@media (max-width: 840px) {
    #cityListing .col-3-width {
        width: 50%;
    } 
#cityListing .col-4-width {
        width: 50%;
    } 
#cityListing .half-width {
        width: 100%;
    } 
} 

@media (max-width: 480px) {
    #cityListing .col-3-width {
        width: 100%;
    } 
#cityListing .col-4-width {
        width: 100%;
    } 
#cityListing .inline-items > *.friends-harmonic-wrap + .comments-shared {
        margin-top: 15px;
    } 
}