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

Project:         City Listing (HTML Version)

Version:         1.21

Author:          Webdesign Trade

Author URI:      https://themeforest.net/user/webdesigntrade

Author Website:  http://webdesigntrade.net

--------------------------------------------------------------------------------

[ 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 ]

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

.color_skin {

    background-color: rgb(38,163,135);

    display: none !important;

}

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

[ General Styles ]

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

html{

    height: 100%;

	position: relative;

}

body{

    width: 100%;

    height: 100%;

    overflow-x: hidden;

    font-family: 'Roboto';

    position: absolute;

    top: 0;

    color: #202020;

    font-weight: normal;

    font-size: 15px;

}

body.slide-active {

    overflow-x: hidden

}

.body-wrapper{

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 1;

}

.body-wrapper.is-mobile{

    overflow-x: hidden;

}

h1, h2, h3, h4, h5, h6{

    font-family: 'Capriola', sans-serif;

    color: rgb(38,163,135);

    text-align: center;

}

h5{

    line-height: 24px;

}

a{

    color: rgb(38,163,135);

}

a, a:hover, a:focus{

    text-decoration: none;

    color: rgb(38,163,135);

}

a.button:focus{

    color: #fff;

}

span{

    color: rgb(38,163,135);

}

img{

    max-width: 100%;

}

p{

    font-size: 15px;

}

blockquote{

    position: relative;

    color: rgb(38,163,135);

    font-family: 'Capriola', sans-serif;

    border: 0;

    padding: 20px;

    font-size: 16px;

    line-height: 26px;

    text-align: center;

}

blockquote:before{

    content: "\"";

    position: absolute;

    top: 0;

    left: 0;

    font-size: 20px;

}

blockquote:after{

    content: "\"";

    position: absolute;

    bottom: -10px;

    right: 0;

    font-size: 25px;

}

.row{

    margin: 0;

}

.container-fluid{

    position: relative;

}

.no-margin{

    margin: 0 !important;

}

.no-padding{

    padding: 0 !important;

}

.light-blue-bg{

    box-shadow: 0 10000px rgba(38,163,135,0.12) inset;

}

.grey-bg{

    box-shadow: 0 10000px #333 inset;

}

.color{

    color: rgb(38,163,135);

}

.grey{

    color: #202020;

}

.light-grey{

    color: #bbb;

}

.color-bg{

    box-shadow: 0 10000px rgb(38,163,135) inset;

}

.white-space-60{

    display: block;

    height: 80px;

}

.button{

    position: relative;

    display: inline-block;

    padding: 12px 10px 12px 10px;

    background: rgb(38,163,135);

    color: #fff;

    border-radius: 10px;

}

.button.grey{

    background: #bbb;

}

.button.grey:hover{

    background: rgb(38,163,135);

}

.button.big{

    padding: 18px 20px 18px 20px;

    border-radius: 10px;

    font-size: 18px;

    font-family: 'Capriola', sans-serif;

}

.button:hover{

    color: #fff;

}

.strong{

    font-weight: bold;

}

.bg-pattern{

    background-image: url(../img/pattern.png);

    background-position: top center;

}

.no-bg{

    background: none !important;

}

.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 );

}

.transparent{

    background-color: transparent !important;

}

.capitalize-initial:first-letter{

    text-transform: uppercase;

    font-size: 40px;

    line-height: 40px;

    float: left;

    color: rgb(38,163,135);

    padding-left: 15px;

    padding-right: 15px;

}

.pull-left{

    margin: 0 15px 8px 0;

}

.pull-right{

    margin: 0 0 8px 15px;

}

.stop-scrolling {

  height: 100%;

  overflow: hidden;

}

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

[ Header (topbar) ]

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

header{

    background: rgb(38,163,135);

    height: 60px;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9996;

    box-shadow: 2px 2px 16px rgba(0,0,0,0.2);

}

header.light{

    background: #fff;

}

header.no-shadow{

    box-shadow: none;

}

header.transparent{

    position: absolute;

    background: none;

}

header .logo{

    top: 5px;

    left: 5px;

    position: absolute;

}

.h-video.landing .trending .logo{

    margin-bottom: 20px;

}

.logo a{

    position: relative;

    display: inline-block;

}

.logo-color-bg:before{

    content: "";

    position: absolute;

    top: 10px;

    left: 12px;

    z-index: -5;

    background-color: rgb(38,163,135);

    display: block;

    width: 60%;

    height: 66%;

    border-radius: 15px;

}

.logo-color-bg:after{

    content: "";

    position: absolute;

    top: 10px;

    right: 16px;

    z-index: -5;

    background-color: rgb(38,163,135);

    display: block;

    width: 60%;

    height: 66%;

    border-radius: 15px;

}

.logo img{

    max-width: 9999px;

}

header .logo img{

    max-height: 48px;

}

header .hero-search{

    display: none;

}

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);

}

header .navbar-inverse .navbar-nav>li:hover>a{

    color: rgba(255,255,255,0.7);

    background: rgb(38,163,135);

}

header.light .navbar-inverse .navbar-nav>li:hover>a{

    color: rgba(255,255,255,1);

}

header.transparent .navbar-inverse .navbar-nav>li:hover>a{

    color: rgb(38,163,135);

    background: #fff;

}

header .navbar-nav>li>.dropdown-menu {

    border-top-left-radius: 6px;

    border-top-right-radius: 0;

    margin-top: 0;

    top: 59px;

    border: 0;

}

header .user-buttons{

    position: relative;

    float: right;

    top: 0;

    right: 0;

    height: 60px;

    border-radius: 0;

    margin-left: 3px;

}

.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;

}

.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 ]

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

.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);

}

.navbar-inverse {

    background-color: transparent;

    border-color: transparent;

}

.navbar .container {

    width: 100%;

    padding: 0;

}

.nav>li>a{

    padding-left: 10px;

    padding-right: 10px;

}

.no-margin-top {

    margin-top: 0 !important

}

#page-content {

    position: relative;

    padding-top: 70px;

    left: 0;

}

#page-content.slide-active {

    padding-top: 0

}

#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;

}

#slide-nav .navbar-toggle > .icon-bar {

    width: 100%;

    display: block;

    height: 2px;

    margin: 6px 0 0 0;

}

.light #slide-nav .navbar-toggle > .icon-bar,

#slide-nav .navbar-toggle.slide-active .icon-bar {

    background: rgb(38,163,135);

}

.navbar-header {

    position: relative

}

.navbar.navbar-fixed-top.slide-active {

    position: relative

}

.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;

}

.light .navbar-inverse .navbar-nav>li>a {

    color:  rgb(38,163,135);

    text-shadow: none;

}

.navbar-inverse .navbar-nav>li:hover>a {

    color: rgba(255,255,255,0.7);

    text-shadow: none;

}

.caret{

    margin-left: 5px;

}

.navbar-inverse .navbar-nav>.active>a,

.navbar-inverse .navbar-nav>.active>a:focus,

.navbar-inverse .navbar-nav>.active>a:hover {

    color: rgb(38,163,135);

    background-color: transparent;

}

.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;

}

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;

}

header.light .navbar-inverse .navbar-nav>li:hover>.dropdown-menu {

    border-radius: 0 0 8px 8px !important;

}

.navbar-inverse .navbar-nav>.open>a,

.navbar-inverse .navbar-nav>.open>a:focus,

.navbar-inverse .navbar-nav>.open>a:hover {

    background-color: rgba(0,0,0,0.1);

    color: rgba(255,255,255,0.8);

}

.dropdown-menu>li>a:focus,

.dropdown-menu>li>a {

    color: #666;

}

.dropdown-menu>li>a:focus,

.dropdown-menu>li>a:hover {

    color: rgb(38,163,135);

}

.full-dimming-overlay{

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: rgb(38,163,135);

    z-index: 9997;

    display: none;

    opacity: 0;

}

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

[ User Buttons ]

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

.user-buttons{

    position: absolute;

    top: 10px;

    right: 10px;

    z-index: 5000;

}

header .user-buttons{

    padding: 0;

    background: rgb(38,163,135);

}

header.light .user-buttons{

    background: #fff;

}

header.transparent .user-buttons{

    background: transparent;

}

.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);

}

.light .add-listing{

    background: rgb(38,163,135);

    border-left: 0;

}

header.transparent .user-buttons:hover .add-listing{

    border-left: 1px dashed transparent;

}

.add-listing:before{

    font-family: 'icon';

    content: "\ea7c";

    position: absolute;

    font-size: 25px;

    left: 12px;

}

header.transparent .add-listing{

    background: none;

}

header .add-listing:before{

    left: 18px;

}

header .add-listing:hover{

    color: #fff;

    opacity: 0.8;

}

header.light .add-listing:hover{

    opacity: 1;

}

header.transparent .add-listing:hover{

    opacity: 1;

    background: rgb(38,163,135);

    border-radius: 20px 0;

}

.user-login{

    position: relative;

    display: inline-block;

    text-align: center;

    top: -15px;

    padding-right: 12px;

}

.user-login:before{

    font-family: 'icon';

    content: "\ea1e";

    display: block;

    font-size: 20px;

    color: #fff;

    position: relative;

    width: 100%;

}

.light .user-login:before{

    color: rgb(38,163,135);

}

.user-login:hover:before{

    color: rgba(255,255,255,0.7);

}

header.transparent .user-login:hover:before{

    color: #fff;

}

.light .user-login:hover{

    background: rgb(38,163,135);

}

.light .user-login:hover:before{

    color: #fff;

}

header .user-login{

    position: relative;

    float: left;

    text-align: center;

    top: 0;

    height: 100%;

    padding-right: 15px;

    padding-left: 21px;

}

header .user-login:before{

    position: relative;

    top: 16px;

    left: -2px;

}

header.transparent .user-login:hover{

    background: rgb(38,163,135);

    border-radius: 20px 0;

}

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

[ Hero Header ]

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

.hero-header{

    height: 100%;

    min-height: 460px;

    padding: 0;

    z-index: 0;

}

.hero-header.landing .header-centralizer{

    height: 500px;

    z-index: 6000;

}

.hero-image,

.hero-mask{

    position: absolute;

    z-index: -1;

    width: 100%;

    height: 100%;

    background-image: url(../img/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;

}

.h-video .hero-image{

    background-image: url(../img/backgrounds/3.jpg);

}

.hero-mask{

    z-index: 0;

    background-image: url(../img/backgrounds/polygons.jpg);

}

.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;

}

.hero-video{

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    overflow: hidden;

    opacity: 0;

}

.hero-video .screen {

  position: absolute;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: -2;

  margin: auto;

  opacity: 0;

  transition: opacity .5s;

}

.hero-video .screen.active {

  opacity: 1;

}

.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%);

}

.h-video .hero-image{

    display: none !important;

}

.is-mobile .h-video .hero-image{

    display: block !important;

}

.is-mobile .hero-video{

    display: none !important;

}

.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);

}

.hero-header .canvas-bg,

.hero-header .overlay,

.hero-header .dot-overlay,

.search-magnifier,

.header-centralizer,

.hero-mask,

.hero-texture{

    position: absolute;

    top: 0;

    left: 0;

    padding: 0;

    width: 100%;

    height: 100%;

}

.header-centralizer{

    position: relative;

    text-align: center;

    white-space: nowrap;

    font-size: 0;

    z-index: 3;

}

.header-centralizer:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

 }

.content-centralized{

    width: 100%;

    top: 20px;

    display: inline-block;

    vertical-align: middle;

    white-space: normal;

    font-size: 14px;

}

.hero-header .canvas-bg{

    z-index: -1;

}

.hero-header .overlay{

    display: none;

    height: 99.99%;

    background: rgba(38,163,135,0.8);

}

.hero-header.light .overlay{

    background: rgba(255,255,255,0.80);

}

.hero-header.dark .overlay{

    background: rgba(50,50,50,0.8);

}

.hero-header.in-color .overlay{

    background: rgb(38,163,135);

}

.hero-header.transparent .overlay{

    background: rgba(0,0,0,0.4) !important;

}

.hero-header .dot-overlay{

    background: url(../img/miscellaneous/dot-overlay.png);

    height: 99.99%;

}

.search-magnifier{

    text-align: left;

    margin-left: 180%;

    z-index: 2;

}

.search-magnifier img{

    position: absolute;

    top: 0;

    height: 100%;

    width: auto;

}

.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 rgb(38,163,135), 0 0 30px rgba(0,0,0,0.15);

}

.hero-search.hide-feat{

    width: 80% !important;

    left: 10% !important;

}

.hero-search form{

    position: relative;

    text-align: center;

    white-space: nowrap;

    display: table;

    width: 100%;

}

.hero-search form fieldset{

    position: relative;

    display: table-cell;

}

.hero-search form input,

.typingEffect{

    padding-left: 10px;

    height: 50px;

    border: 0;

    position: relative;

    color: rgb(38,163,135);

    font-size: 18px;

    letter-spacing: 1px;

    z-index: 1;

    background: transparent;

    box-shadow: none;

}

.hero-search.color-bg form input,

.color-bg .typingEffect{

    color: #fff !important;

}

.typingEffect{

    float: left;

    top: -52px;

    left: 0;

    z-index: 0;

    font-weight: normal;

    text-align: left;

    padding-top: 17px;

    padding-left: 58px;

}

.typingEffect:before{

    font-family: "icon";

    content: "\e98c";

    display: inline-block;

    font-style: normal;

    position: absolute;

    left: 14px;

    top: 12px;

    font-size: 23px;

}

.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;

}

.h-video.landing .trending .typed-cursor{

    float: none;

    top: 0;

}

.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; }

}

.hero-search .search-submit{

    display: inline-block;

    width: 50px;

}

input[type="submit" ] {

    font-family: 'Capriola', sans-serif;

    -webkit-appearance: button;

    -moz-appearance: button;

    appearance: button;

    cursor: pointer;

}

.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;

}

.open-cities-list .search-cities .search-submit {

    z-index: -2;

}

.hero-header .search-submit input[type="submit" ] {

    background-color: transparent;

    width: 100%;

    height: 100%;

    border: 0;

}

.hero-search-icon{

    width: 100%;

    height: 100%;

    text-align: right;

    position: absolute;

    padding-top: 6px;

    padding-right: 12px;

    right: 0;

    color: rgb(38,163,135);

    font-size: 30px;

    cursor: pointer;

    font-style: normal;

    font-weight: normal;

}

.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);

}

.color-bg .hero-search-icon{

    color: #fff;

}

/* Hero Search Categories */

.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;

}

.open-cities-list .search-categories{

    opacity: 0;

    top: -6000px;

}

.search-categories.hide-feat{

    width: 80% !important;

    left: 10% !important;

}

.search-categories .categories{

    margin-top: 0;

    overflow: hidden;

    width: 100%;

    padding: 0 10px 0 10px;

}

.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';

}

.light .search-categories .categories a{

    color: rgb(38,163,135);

    text-shadow: 0 0 40px #fff, 0 0 40px #fff, 0 0 20px #fff;

}

.search-categories .categories a:before{

    display: block;

    font-size: 25px;

    padding: 6px;

    padding-bottom: 10px;

}

.search-categories .categories a:hover{

    background-color: rgb(38,163,135);

    color: #fff;

    border-radius: 15px 0;

}

.search-categories .more-categories,

.search-categories .minus-categories{

    position: absolute;

    right: 0;

    bottom: 0;

    font-size: 12px;

    display: none;

    cursor: pointer;

    color: rgb(38,163,135);

    background: #fff;

    width: 28px;

    height: 28px;

    line-height: 30px;

    text-align: center;

    border-radius: 50%;

}

.light .search-categories .more-categories,

.light .search-categories .minus-categories{

    color: rgb(38,163,135);

    text-shadow: none;

}

.search-categories .more-categories:hover,

.search-categories .minus-categories:hover{

    opacity: 0.6;

}

.show-categories{

    position: relative;

    left: 25%;

    display: block;

    width: 33px;

    text-align: left;

    color: #fff;

    font-family: 'Capriola', sans-serif;

    margin-top: 10px;

}

.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;

}

.show-categories:hover:before{

    background: rgb(38,163,135);

    color: #fff;

}

/* Hero Search Cities */

.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;

}

.open-cities-list .search-cities{

    margin-top: -16px;

    max-height: 363px;

    z-index: 30;

    background: rgba(255,255,255,1);

    margin-top: -158px;

    margin-right: -16px;

}

.search-cities.hide-feat{

    width: 80% !important;

    left: 10% !important;

}

.search-cities .cities-list{

    padding: 2px;

    overflow: hidden;

    border-radius: 6px;

    box-shadow: 0 0 20px 0 rgba(255,255,255,0.3);

}

.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: rgb(38,163,135);

    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,0.8) inset;

    display: none;

    float: right;

    clear: right;

}

.search-cities .cities-list a.current{

    display: inline-block;

    padding: 10px 50px 10px 0px;

    margin: 17px 6px;

}

.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;

}

.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;

}

.search-cities .cities-list a span{

    background:  #fff;

    color: rgb(38,163,135);

    padding: 4px 8px 3px 8px;

    border-radius: 6px;

}

.search-cities .cities-list a:hover{

    opacity: 0.7;

}

.open-cities-list .search-cities .cities-list a:hover{

    opacity: 1;

}

.search-cities .cities-list a.current span{

    background:  rgb(38,163,135);

    color: #fff;

}

.search-cities .cities-list a:hover span{

    background:  rgb(38,163,135);

    color: #fff;

}

.search-cities .more-cities,

.search-cities .minus-cities{

    position: absolute;

    right: 8px;

    color: #fff;

    font-size: 12px;

    display: none;

    cursor: pointer;

}

.search-cities .more-cities,

.search-cities .minus-cities{

    bottom: 0;

}

.search-cities .more-cities:hover,

.search-cities .minus-cities:hover{

    color: rgba(255,255,255,0.6);

}

.show-cities{

    position: relative;

    left: 25%;

    display: block;

    width: 33px;

    text-align: left;

    color: #fff;

    font-family: 'Capriola', sans-serif;

    margin-top: 10px;

}

.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;

}

.show-cities:hover:before{

    background: rgb(38,163,135);

    color: #fff;

}

.search-cities-toggle{

    position: absolute;

    top: 0;

    margin-top: -59px;

    right: -8px;

    background: rgb(38,163,135);

    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;

}

.light .search-cities-toggle{

    box-shadow: none;

}

.search-cities-toggle:before{

    font-family: 'icon';

    content: "\e90b";

}

.search-cities-toggle:hover{

    margin-top: -64px;

    height: 48px;

}

/* Hero Feat Posts */

.feat-posts{

    position: absolute;

    top: 15%;

    margin-top: -10px;

    right: 3%;

    width: 20%;

    height: 74%;

    border-radius: 8px;

    padding: 15px;

}

.mapList .feat-posts{

    position: relative;

    top: auto;

    right: 0;

    width: 290px;

    height: 100%;

    margin: 0;

    padding: 0;

    text-align: center;

    z-index: 0;

}

.feat-posts.hide-feat{

    width: 0 !important;

    height: 0 !important;

    right: 30px !important;

}

.feat-posts .toggle{

    position: absolute;

    top: 2px;

    left: 14px;

    display: block;

    z-index: 2;

    color: rgb(38,163,135);

    background: #fff;

    width: 28px;

    height: 28px;

    line-height: 29px;

    text-align: center;

    border-radius: 50%;

    cursor: pointer;

}

.light .feat-posts .toggle{

    color: rgb(38,163,135);

    text-shadow: none;

    cursor: pointer;

}

.feat-posts .toggle:before{

    font-family: "FontAwesome";

    content: "\f068";

    background: transparent;

    display: inline-block;

    font-size: 12px;

}

.feat-posts.hide-feat .toggle:before{

    content: "\f067";

}

.mapList .feat-posts .toggle:before{

    display: none;

}

.toggle:hover{

    opacity: 0.6;

}

.feat-posts .helper{

    position: relative;

    width: 100%;

    height: 100%;

    right: 0;

}

.feat-posts.hide-feat .helper{

    right: -1000px !important;

}

.feat-posts-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;

}

.light .feat-posts-title{

    color: rgb(38,163,135);

    text-shadow: 0 0 50px #fff, 0 0 50px #fff, 0 0 30px #fff, 0 0 20px #fff;

}

.feat-posts-list{

    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)

}

.mapList .feat-posts-list{

    border-top: 1px solid #ddd;

}

.hero-header .down-page:hover{

    color: rgb(38,163,135);

}

.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;

}

.feat-post{

    position: relative;

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #ddd;

}

.feat-post a{

    width: 100%;

    height: 100%;

    display: block;

    background: #fff;

    padding: 42px 5px 20px 5px;

    color: #202020;

    border-radius: 5px;

}

.feat-post a:hover{

    background: rgba(38,163,135,0.10);

}

.feat-post a:hover *{

    color: rgb(38,163,135);

}

.feat-post-icon,

.feat-post .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;

}

.feat-post:hover .feat-post-icon{

    color: rgb(38,163,135);

    background: #fff;

}

.feat-post .map-icon{

    top: 35px;

    left: 0;

    color: #bbb;

    font-size: 18px;

    cursor: pointer;

}

.feat-post:hover .map-icon{

    display: none;

}

.feat-post-rating{

    position: absolute;

    top: 6px;

    right: 8px;

    font-size: 9px;

    color: rgb(38,163,135);

}

.feat-post-pic{

    position: relative;

    display: inline-block;

    border: 0;

    background: #fff;

    width: 90px;

    height: 90px;

    border-radius: 50%;

    padding: 3px;

}

.feat-post a:hover .feat-post-pic{

    background-image: url(../img/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(38,163,135,0.9) inset;

    padding: 6px;

}

.squared .feat-post a:hover .feat-post-pic{

    display: none;

}

.feat-post-pic 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;

}

.feat-post-pic img{

    width: 100%;

    border-radius: 50%;

}

.feat-post-data{

    display: block;

    width: 100%;

}

.feat-post-title{

    font-family: 'Capriola', sans-serif;

    color: rgb(38,163,135);

    margin-top: 10px;

    margin-bottom: 2px;

    font-size: 14px;

    line-height: 15px;

}



.mapList .feat-post-title{

    margin-top: 3px;

    line-height: 12px;

}

.feat-post-category,

.feat-post-city{

    line-height: 11px;

    padding: 1px 3px 1px 3px;

    border-radius: 5px;

    text-transform: uppercase;

    display: inline-block;

    font-size: 11px;

    margin-top: 0;

}

.mapList .feat-post-category,

.maplist .feat-post-city{

    margin-top: 0;

    padding: 0 3px 1px 3px;

}

.feat-post a:after{

    font-family: "FontAwesome";

    content: "\f054";

    position: absolute;

    z-index: 10;

    top: 78px;

    right: 10px;

    background: #fff;

    color: rgb(38,163,135);

    display: inline-block;

    width: 23px;

    font-size: 14px;

    line-height: 14px;

    border-radius: 50%;

    text-align: center;

    padding: 5px 4px 4px 5px;

}

.feat-post a:hover:after{

    display: block;

}

.background-caption{

    position: absolute;

    bottom: 20px;

    left: 30px;

    z-index: 16;

}

.background-caption:hover .bg-title{

    color: #ddd;

}

.background-caption .bg-title{

    color: rgb(38,163,135);

    font-size: 15px;

    font-weight: bold;

}

.background-caption .bg-title span{

    color: rgb(38,163,135);

    font-size: 16px;

}

.background-caption .bg-text{

    color: #bbb;

    font-size: 12px;

    font-style: italic;

}

.featured-header-buttons{

    position: absolute;

    width: 100%;

    height: 70px;

    bottom: 0;

    left: 0;

    font-size: 0;

}

.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: rgb(38,163,135);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(38,163,135)), color-stop(100%, rgba(38,163,135,0.1)));

    background: -webkit-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.1) 100%);

    background: -moz-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.1) 100%);

    background: -ms-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.1) 100%);

    background: -o-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.1) 100%);

    background: linear-gradient(to right, rgb(38,163,135) 0%, rgba(38,163,135,0.1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a587', endColorstr='#26a587', GradientType=1 );

}

.feat-header-button:hover{

    background: transparent;

    text-shadow: 2px 2px 0 rgba(0,0,0,0.5);

}

.feat-header-button.central{

    font-size: 18px;

    z-index: 10;

}

.feat-img,

.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;

}

.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);

}

.feat-img:before,

.feat-text:before {

    font-size: 0;

    content: "";

    display: inline-block;

    height: 100%;

    vertical-align: middle;

}

.feat-img:after{

    font-family: "FontAwesome";

    content: "\f0da";

    font-size: 15px;

    position: absolute;

    top: 50%;

    margin-top: -8px;

    right: -6px;

    color: #fff;

    display: none;

}

.feat-header-button:hover .feat-img:after{

    display: block;

}

.feat-text{

    width: 74%;

    height: auto;

    background: none;

    box-shadow: none;

    opacity: 1;

}

.feat-img img{

    margin-top: -1%;

    margin-left: -3px;

    max-height: 95%;

    max-width: 95%;

}

.feat-header-button:hover{

    border-top: 3px solid #fff;

    color: #fff;

}

.feat-header-button:hover .feat-img,

.feat-header-button:hover .feat-text{

    opacity: 1;

}

.login-popup,

.search-popup,

.review-popup,

.pm-popup{

    position: fixed;

    width: 100%;

    height: 100%;

    top: -30000px;

    left: -200%;

    z-index: 999;

    opacity: 0.99;

}

.showing-login,

.showing-search,

.showing-review,

.showing-pm{

    top: 0 !important;

}

.review-popup,

.pm-popup{

    z-index: 997;

}

.hero-header.login-popup .overlay,

.hero-header.search-popup .overlay,

.hero-header.review-popup .overlay,

.hero-header.pm-popup{

    display: block;

    background-color: rgba(38,163,135,0.85);

}

.login-popup .hero-image{

    background-image: url(../img/backgrounds/10.jpg);

}

.search-popup .hero-image{

    background-image: url(../img/backgrounds/11.jpg);

}

.review-popup .hero-image{

    background-image: url(../img/backgrounds/12.jpg);

}

.pm-popup .hero-image{

    background-image: url(../img/backgrounds/13.jpg);

}

.back-site{

    position: absolute;

    top: 70px;

    left: 16px;

    display: inline-block;

    color: #fff;

    cursor: pointer;

    font-size: 30px;

    z-index: 1010;

}

.back-site:hover{

    color: rgba(255,255,255,0.7);

}

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

[ Hero Video ]

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

#video-container {

    overflow: hidden;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    opacity: 0;

}

#background_video {

  object-fit: cover;

  font-family: 'object-fit: cover;';

}

#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%;

}

#video_cover {

    position: absolute;

    width: 100%;

    height: 100%;

    background: url('../img/backgrounds/10.jpg') no-repeat;

    background-size: cover;

    background-position: center;

    opacity: 0;

}

@media (min-width: 768px) {

    #video_controls {

    display: none;

    }

}

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

[ Hero Slideshow ]

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

.h-slideshow .hero-image{

    display: none !important;

}

.is-mobile .h-slideshow .hero-image{

    display: block !important;

}

.is-mobile .hero-slideshow {

    display: none !important;

}

.hero-slideshow{

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  overflow: hidden;

  z-index: -1;

}

.h-slideshow .hero-image{

    background-image: url(../img/backgrounds/19.jpg);

}

.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);

}

.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 ]

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

.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;

}

.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;

}

.bg-container.bg-media audio,

.bg-container.bg-media canvas,

.bg-container.bg-media progress,

.bg-container.bg-media video {

    display: inline-block;

    vertical-align: baseline;

}

.w-background-video {

    position: relative;

    overflow: hidden;

    height: 500px;

    color: white;

}

.bg-container.bg-media .clear-image {

    display: none;

    width: 12000px;

    height: 12000px;

}

.bg-container.bg-media img {

    max-width: 100%;

    vertical-align: middle;

    display: inline-block;

}

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

[ Search popup on short screen heights ]

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

.hero-header.search-popup.search-short-height{

    height: 100% !important;

    padding-bottom: 70px !important;

}

.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 ]

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

.map-listing{

    top: 60px;

    padding: 0;

    width: 100%;

    overflow: hidden;

}

.map-listing.map-hidden{

    height: 250px;

}

.close-map-listing{

    position: absolute;

    top: 0;

    left: -36px;

    width: 36px;

    height: 36px;

    line-height: 35px;

    font-size: 14px;

    text-align: center;

    background: rgb(38,163,135);

    color: #fff;

    border-bottom-left-radius: 8px;

    cursor: pointer;

}

.close-map-listing.icon-map-marker{

    font-size: 22px;

    padding-top: 3px;

}

.close-map-listing:hover{

    background: rgb(38,163,135);

    color: rgba(255,255,255,0.7);

}

.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: rgb(38,163,135);

}

.map-view .page-head{

    display: none;

}

.current-page-info,

.map-buttom{

    width: 50%;

    position: absolute;

    display: table;

    right: 0;

    top: 0;

    height: 250px;

    line-height: 250px;

    white-space: nowrap;

    font-size: 0;

}

.current-page-info{

    display: inline-block;

}

.current-page-info:before,

.map-buttom:before {

    content: '';

    display: inline-block;

    height: 100%;

    vertical-align: middle;

 }

.map-buttom{

    right: auto;

    left: 50%;

    cursor: pointer;

}

.current-page-info{

    right: auto;

    left: 0;

    background-image: url(../img/backgrounds/4.jpg);

    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;

}

.current-page-info.hide-page-info{

    left: -50%;

    margin-left: -25px;

}

.breadcrumbs{

    color: rgb(38,163,135);

    position: absolute;

    top: 12px;

    left: 15px;

    padding-right: 15px;

    z-index: 4;

}

.listing-title .breadcrumbs{

    left: 70px;

}

.breadcrumbs ul{

    position: relative;

    margin: 0;

    padding: 0;

}

.breadcrumbs li{

    display: inline-block;

}

.breadcrumbs li:before{

    font-family: 'icon';

    content: "\ec3c";

    font-size: 10px;

    font-weight: bold;

}

.breadcrumbs li:first-child:before{

    display: none;

}

.breadcrumbs a{

    font-family: 'Capriola', sans-serif;

    color: #fff;

    font-size: 14px;

    text-shadow: 0 0 6px rgba(0,0,0,0.7);

}

.listing-title .breadcrumbs a{

    color: #404040;

    text-shadow: none;

}

.breadcrumbs a:hover{

    color: rgba(255,255,255,0.8);

}

.listing-title .breadcrumbs a:hover{

    color: rgb(38,163,135);

}

.current-page-icon{

    display: block;

    position: relative;

    top: 4px;

    font-size: 55px;

    width: 100%;

    height: 65px;

    line-height: 65px;

    text-align: center;

}

.listing-flag{

    position: absolute;

    bottom: 0;

    left: 12px;

    width: 50px;

    height: 40px;

    line-height: 50px;

    text-align: center;

    color: rgb(38,163,135);

    background:#fff;

    z-index: 10;

    font-size: 26px;

    border-radius: 8px 8px 0 0;

}

.current-category,

.map-button-text{

    vertical-align: middle;

    width: 100%;

    text-align: center;

    color: rgb(38,163,135);

    display: inline-block;

    white-space: normal;

    font-size: 16px;

}

.current-category a{

    color: #fff;

}

.map-button{

    height: 200px;

    vertical-align: middle;

    position: relative;

    float: right;

}

.map-button-text{

    height: auto;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    line-height: normal;

}

.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;

}

.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: rgb(38,163,135);

}

#map{

    position: relative;

    z-index: 0;

}

#map.in-color{

    background: rgb(38,163,135);

}

#map.in-color .leaflet-tile-pane{

    opacity: 0.75;

}

#map.in-color .leaflet-tile-pane{

    opacity: 0.6;

}

.back-listing-button{

    background:  rgb(38,163,135);

    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;

}

.map-and-page .back-listing-button{

    display: none;

}

.back-listing-button:before{

    position: relative;

    margin-right: 8px;

    font-size: 30px;

    top: 6px;

}

.back-listing-button:hover{

    color: rgba(255,255,255,0.7);

}

.map-listing .feat-posts-list{

    top: 0;

    height: 100%;

}

.map-listing .feat-post:first-child {

    margin-top: 80px;

    border-top: 1px solid #ddd;

}

.leaflet-control{

    opacity: 0.7;

    color: #000;

}

.leaflet-top{

    z-index: 900;

}

.leaflet-control a{

    color: #000;

}

.leaflet-touch .leaflet-bar{

    border: none;

    opacity: 1;

}

.leaflet-control-zoom{

    box-shadow: none !important;

}

.leaflet-control-zoom-out,

.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: rgb(38,163,135) !important;

    display: inline-block !important;

}

.leaflet-control-zoom-out{

    margin-left: 8px;

}

.leaflet-pane{

    z-index: 900;

}

.leaflet-popup-tip,

.leaflet-popup-content-wrapper {

    background: rgb(38,163,135);

    color: #ffffff;

}

.leaflet-popup-content{

    margin: 0;

    width: auto !important;

    padding: 0;

}

.leaflet-popup-content .maplink{

    display: block;

    padding: 8px;

    max-width: 236px;

    cursor: pointer;

}

.map-contact .leaflet-popup-content .maplink{

    cursor: default;

}

.leaflet-popup-content .maplink:before{

    font-family: 'icon';

    content: "\ec15";

    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;

}

.leaflet-popup-content .maplink.no-hover:before{

    content: none;

}

.leaflet-popup:hover .leaflet-popup-content .maplink:before{

    opacity: 1;

    top: 40px;

}

.pop-img{

    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;

}

.pop-rating,

.leaflet-container a.leaflet-popup-close-button,

.pop-coor-icon:before{

    position: absolute;

    top: 5px;

    left: 5px;

    width: 30px;

    height: 30px;

    text-align: center;

    padding-top: 4px;

    padding-right: 4px;

    background: rgb(38,163,135);

    color: #fff;

    font-family: 'Capriola', sans-serif;

    font-size: 15px;

    border-bottom-right-radius: 10px;

    z-index: 2;

}

.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;

}

.pop-coor-icon:hover:before{

    color: rgba(255,255,255,0.7);

}

.leaflet-container a.leaflet-popup-close-button,

.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: rgb(38,163,135);

}

.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;

}

.leaflet-container a.leaflet-popup-close-button:hover:before{

    color: rgba(255,255,255,0.7);

}

.pop-coors{

    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;

}

.pop-coors *{

    color: #fff;

}

.pop-coors:hover{

    background: #fff;

    border: 1px dashed rgba(0,0,0,0.7);

    color: rgb(38,163,135);

}

.pop-coors:hover *{

    color: rgb(38,163,135);

}

.pop-coors div{

    display: inline-block;

    width: 100%;

    text-align: center;

}

.pop-coors div span{

    font-weight: bold;

    font-size: 13px;

    padding-right: 4px;

}

.pop-title,

.pop-category,

.pop-address{

    width: 100%;

    text-align: center;

    color: #fff;

    font-family: 'Capriola', sans-serif;

    font-size: 15px;

    line-height: 18px;

    margin-top: 20px;

    margin-bottom: 3px;

}

.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;

}

.pop-address{

    font-family: 'Roboto';

    font-size: 13px;

    margin-top: 0;

    color: rgba(255,255,255,1);

    line-height: 15px;

    margin-bottom: 15px;

}

.leaflet-div-icon{

    font-size: 30px;

    display: table;

    text-align: center;

    border-radius: 50%;

    border: 0;

    background: #fff;

    color: rgb(38,163,135);

    box-shadow: 1px 1px 10px 2px rgba(0,0,0,0.08), -1px -1px 10px 2px rgba(0,0,0,0.08);

}

.leaflet-div-icon:hover{

    background: rgb(38,163,135);

    color: #fff;

}

.leaflet-div-icon.selected{

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    background: rgb(38,163,135);

    color: #fff;

}

.leaflet-div-icon.highZ{

    z-index: 11999 !important;

}

.leaflet-div-icon i{

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}

.leaflet-div-icon i:before{

    height: 50px;

    line-height: 50px;

}

.leaflet-popup{

    margin-bottom: 20px;

}

.leaflet-popup-tip-container{

    display: none;

}

.mapList{

    display: none;

    position: absolute;

    top: 0;

    right: -350px;

    padding-right: 3px;

    background: #fff;

}

.more-listing,

.more-map-listing{

    display: block;

    width: 100%;

    height: 80px;

    line-height: 80px;

    text-align: center;

    font-size: 42px;

    padding-top: 3px;

    color: rgb(38,163,135);

    cursor: pointer;

}

.more-listing{

    position: relative;

    height: 145px;

    line-height: 120px;

    font-size: 42px;

    width: 150%;

    left: -25%;

    padding-top: 15px;

}

.more-listing:before,

.more-map-listing:before{

    display: inline-block;

}

.more-listing:hover,

.more-map-listing:hover{

    display: block;

    color:  rgb(38,163,135);

    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 ]

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

.row-title{

    margin-top: 150px;

    margin-bottom: 100px;

    text-align: center;

    color: rgb(38,163,135);

    font-family: 'Capriola', sans-serif;

}

.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;

}

.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  rgb(38,163,135);

    opacity: 0.6;

}

.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 rgb(38,163,135);

}

.cat-itens{

    width: 100%;

    text-align: center;

    margin: 0;

}

.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;

}

.leaf .cat-item{

    border-radius: 5px 25%;

}

.leaf .cat-overlay,

.leaf .cat-item a,

.leaf .cat-item .cat-image {

    border-radius: 5px 25%;

    overflow: hidden;

}

.vertical .cat-item{

    height: 360px;

}

.vertical.leaf .cat-item{

    border-radius: 5px 70px;

}

.vertical.leaf .cat-overlay,

.vertical.leaf .cat-item a,

.vertical.leaf .cat-item .cat-image {

    border-radius: 5px 70px;

    overflow: hidden;

}

.horizontal .cat-item{

    width: 45%;

}

.horizontal .cat-item.horizontal-full{

    width: 95%;

    height: 120px;

}

.cat-item a{

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 20;

    line-height: 220px;

    vertical-align: middle;

}

.vertical .cat-item a{

    line-height: 360px;

}

.horizontal .cat-item.horizontal-full a{

    line-height: 120px;

}

.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;

}

.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;

}

.cat-item:hover .cat-overlay{

    background: rgba(38,163,135,0.7);

}

.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;

}

.cat-icon.dark{

    color: #fff;

    background: #333;

}

.cat-icon.icon-bus{

    padding-top:0;

}

.cat-icon.icon-bus:before{

    position: relative;

    top: -2px;

}

.cat-icon.icon-graduation-hat{

    font-size: 42px;

    padding-top: 5px;

}

.cat-item:hover .cat-icon,

.cat-item:hover .cat-icon.dark{

    background: rgb(38,163,135);

    color: #fff;

}

.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;

}

.cat-item:hover .cat-counter{

    color: rgb(38,163,135);

}

.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;

}

.cat-image img{

    display: block;

    height: auto;

    width: auto;

    min-height: 100%;

    max-height: 100%;

    min-width: 100%;

    position: relative;

    left: 55%;

    top: 55%;

}

.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;

}

.pg-header-content{

    display: table-cell;

    position: relative;

    z-index: 3;

    color: #fff;

    width: 100%;

    text-align: center;

    vertical-align: middle;

}

.pg-header-content *{

    color: #fff;

}

.pg-title,

.pg-subtitle{

    display: block;

    text-align: center;

}

.pg-title{

    font-size: 50px;

    margin-top: 10px;

}

.pg-subtitle{

    margin-top: 10px;

}

.pg-content{

    margin-top: 90px;

    margin-bottom: 120px;

}

.page-intro{

    width: 100%;

    padding: 80px 15px;

    text-align: center;

    font-size: 17px;

    background: #ededed;

}

.img-left{

    position: relative;

    display: inline-block;

    margin-right: 5%;

    max-width: 200px;

    top: 0;

    vertical-align: top;

}

.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;



}

.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;

}

.img-left img{

    border-radius: 50%;

    position: relative;

    z-index: -6;

    width: 100%;

    top: 0;

}

.text-inline{

    position: relative;

    top: 50%;

    display: inline-block;

    max-width: 480px;

}

.text-inline:before {

  content: "";

  display: inline-block;

  vertical-align: middle;

  height: 100%;

}

.text-inline h2{

    color:  rgb(38,163,135 );

}

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

[ Separators ]

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

.separator,

.separator-short,

.separator-medium,

.separator-large{

    position: relative;

    display: block;

    width: 100%;

    height: 20px;

    margin-top: 60px;

    margin-bottom: 60px;

}

.separator-short{

    margin-top: 20px;

    margin-bottom: 20px;

}

.separator-medium{

    margin-top: 40px;

    margin-bottom: 40px;

}

.separator-large{

    margin-top: 80px;

    margin-bottom: 80px;

}

.s-dots{
    background-color: rgba(38,163,135,0.5);
    background-image: url(../img/separators/dot.png);
}

.s-line{
    border-top: 1px solid rgba(38,163,135,0.4);
    top: 15px;
}

.s-line-dashed{

    border-top: 1px dashed rgb(38,163,135);

    top: 15px;

}

.iconized-separator {

    margin-top: 60px;

    margin-bottom: 60px;

    position: relative;

}

.iconized-separator .mask {

    overflow: hidden;

    height: 20px;

}

.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);

}

.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;

}

.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: rgb(38,163,135);

    font-size: 25px;

    height: 42px;

    padding-top: 2px;

}

.iconized-separator-vertical {

    display: inline-block;

    margin-top: 100px;

    margin-left: 100px;

    width: 100px;

    position: relative;

}

.iconized-separator-vertical .mask {

    overflow: hidden;

    width: 20px;

    height: 200px;

}

.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;

}

.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 ]

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

.trending{

    position: relative;

    background-image: url(../img/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;

}

.trending.light{

    box-shadow: 0 10000px rgba(255,255,255,0.85) inset;

}

.is-mobile .trending{

    background-attachment: scroll;

}

.h-video.landing .trending{

    background: none;

    box-shadow: none;

    margin:0;

}

.trending.landing{

    background: none;

    box-shadow: none;

    margin-top: -150px;

}

.trending .row-title{

    top: 0;

    margin-top: 50px;

    margin-bottom: 80px;

    position: relative;

    z-index: 2;

}

.h-video.landing .trending .row-title{

    margin: 0;

}

.trending .row-title h1{

    left: 0;

    padding-right: 0;

}

.trending .row-title h4{

    color: rgba(255,255,255,0.9);

}

.trending.light .row-title h4{

    color: #555;

}

.h-video.landing .trending h4{

    margin: -11px 0px 0 0px;

    display: inline-block;

}

.trending .row-title{

    color: #fff;

}

.trending .row-title:before{

    font-family: "FontAwesome";

    content: "\f0e7";

    font-size: 55px;

    color: rgb(38,163,135);

    width: 100%;

    padding-top: 80px;

    display: block;

}

.hero-header .trending .row-title:before{

    display: none;

}

.listing{

    width: 100%;

}

.listing,

.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;

}

.listing.grid2 .col-md-9{

    display: block;

}

.listing.grid6 .col-md-9{

    padding: 0;

}

.listing .col-md-9 .col-sm-4{

    margin-bottom: 30px;

}

.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;

}

.listing-item{

    width: 100%;

    max-width: 320px;

    position: relative;

    display: inline-block;

    margin-bottom: 60px;

}

.grid4 .listing-item{

    margin-bottom: 0;

}

.grid6 .listing-item{

    margin-bottom: 10px;

    max-width: 99999px;

}

.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: rgb(38,163,135);

    border-radius: 50%;

    border: 0 solid #ccc;

    z-index: 50;

}

.listing-item-date .month{

    font-size: 12px;

    margin-top: -3px;

}

.listing-item .listing-item-link,

.listing-item .listing-item-link img{

    width: 100%;

    display: inline-block;

    border-radius: 50%;

}

.squared .listing-item .listing-item-link,

.squared .listing-item .listing-item-link img{

    width: 100%;

    display: inline-block;

    border-radius: 20px;

}

.grid6 .listing-item .listing-item-link,

.grid6 .listing-item .listing-item-link img{

    border-radius: 8px;

}

.grid6.rounded-pic .listing-item .listing-item-link{

    border-radius: 85px 8px 8px 85px;

}

.grid6.rounded-pic .listing-item .listing-item-link img{

    border-radius: 50%;

}

.grid6 .listing-item .listing-item-link img{

    display: table-cell;

    width: 150px;

    max-width: 99999px;

}

.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;

}

.grid6 .listing-item .listing-item-link{

    display: table;

    position: relative;

    padding: 10px;

}

.listing-item .listing-item-link:before,

.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%;

}

.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: rgb(38,163,135);

}

.squared .listing-item-rating{

    left: auto;

    right: 8%;

    top: 6%;

}

.grid6 .listing-item-rating{

    top: 6px;

    left: auto;

    right: 5px;

    margin-right: 0;

    margin-top: 0;

}

.grid6.rounded-pic .listing-item-rating{

    top: -8px;

    right: auto;

    left: 85px;

}

.feat-post .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: rgb(38,163,135);

    background: #fff;

    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2), -2px -2px 2px 0 rgba(0,0,0,0.2);

}

.feat-post:hover .listing-item-rating{

    color: #fff;

    background: rgb(38,163,135);

    top: 49px;

    margin-right: -50px;

}

.listing-item .listing-item-link:hover:before{

    color: rgb(38,163,135);

    background: #fff;

}

.listing-black-overlay{

    position: absolute;

    display: block;

    border-radius: 50%;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

    background-image: url(../img/miscellaneous/black-overlay.png);

    background-repeat: no-repeat;

    background-size: 100% 100%;

    opacity: 1;

}

.grid6 .listing-black-overlay{

    display: none;

}

.squared .listing-black-overlay{

    border-radius: 20px;

}

.listing-item .listing-item-link:hover{

    background: rgb(38,163,135);

}

.grid6 .listing-item .listing-item-link:hover{

    background: rgba(38,163,135,0.10);

}

.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;

}

.grid6 .listing-item-title-centralizer{

    display: table-cell;

    position: relative;

    vertical-align: top;

}

.grid6.rounded-pic .listing-item-title-centralizer{

    padding-right: 0;

}

.squared .listing-item-title-centralizer{

    border-radius: 0;

}

.listing-item-title-centralizer:before {

  content: '';

  display: inline-block;

  height: 100%;

  vertical-align: middle;

  margin-right: -0.25em;

}

.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;

}

.grid2 .listing-item-title,

.grid3 .listing-item-title{

    white-space: normal;

    padding: 0;

    text-shadow: none;

    letter-spacing: 0;

}

.grid6 .listing-item-title{

    white-space:normal;

    padding-left: 0;

}

.blog .grid6 .listing-item-title{

    padding-right: 0;

}

.ribbon{

    color: #fff;

    background: rgb(38,163,135);

    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;

}

.listing-item .ribbon{

    position: relative;

    margin-left: 15px;

    margin-right: 15px;

}

.listing-item .amenities{

    text-align: left;

    margin-top: 15px;

}

.grid6 .listing-item .ribbon{

    display: table-cell;

    top: 0;

    left: 8px;

    line-height: 20px;

}

.grid6.rounded-pic .listing-item .ribbon{

    border-top-right-radius: 6px;

}

.grid2 .ribbon,

.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);

}

.claimed .ribbon{

    padding: 2px 10px 0 10px;

}

.ribbon:before,

.ribbon:after {

    content: '';

    position: absolute;

    height: 0;

    border: 11px solid transparent;

    top: 0;

    width: 0;

    border-top-color: rgb(38,163,135);

    border-bottom-color: rgb(38,163,135);

    z-index: -1;

}

.ribbon:before{

    left: -11px;

}

.ribbon:after{

    right: -11px;

}

.grid2 .ribbon:after,

.grid3 .ribbon:after,

.feat-post .ribbon:after,

.leaflet-popup .ribbon:after,

.grid6.rounded-pic .ribbon:after{

    display: none;

}

.feat-post .ribbon,

.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: rgb(38,163,135);

    border-bottom-left-radius: 6px;

}

.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;

}

.mapList .feat-post .ribbon,

.leaflet-popup .ribbon{

    padding: 3px 5px 0 5px;

    text-shadow: none;

}

.feat-post:hover .ribbon{

    display: none;

}

.feat-post .ribbon:before,

.leaflet-popup .ribbon:before{

    display: none;

    border: 9px solid transparent;

    border-top-color: #fff;

    border-bottom-color: #fff;

    left: -9px;

}

.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);

}

.fixed-pricing-button .ribbon:before{

    left: -22px;

    border: 22px solid transparent;

    border-top-color: rgb(38,163,135);

    border-bottom-color: rgb(38,163,135);

    z-index: -1000;

}

.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;

}

.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;

}

.grid6 .listing-item .category-icon{

    top: 6%;

    left: 25px;

}

.grid6.rounded-pic .listing-item .category-icon{

    top: 35px;

    left: 40px;

}

.squared .listing-item .category-icon{

    top: 6%;

    left: 11%;

}

.listing-item .category-icon.fa{

    font-size: 21px;

    padding-top: 2px;

}

.listing-item .category-icon:hover{

    background: rgb(38,163,135);

    color: #fff;

}

.listing.white .listing-item .category-icon{

    background: #fff;

    color: rgb(38,163,135);

}

.listing.white .listing-item .category-icon:hover{

    color: #fff;

    background: rgb(38,163,135);

}

.listing-item-author{

    position: relative;

    display:inline-block;

    z-index: 30;

    top: -50px;

    border-radius: 50%;

}

.grid6 .listing-item-author{

    position: relative;

    display:inline-block;

    z-index: 30;

    top: -50px;

    left: 0;

    border-radius: 50%;

}

.listing-item-author img{

    width: 45px;

    border-radius: 50%;

}

.listing-item-data{

    margin-top: 30px;

}

.grid6 .listing-item-data{

    margin-top: 10px;

}

.trending.landing .listing-item-data{

    margin:15px;

    z-index: -10;

    position: relative;

}

.grid2 .listing-item-data,

.blog-home .listing-item-data,

.blog .listing-item-data{

    margin-top: 0;

}

.grid5 .listing-item-data{

    margin-top: -20px;

}

.listing-item-data:before{

    font-family: "FontAwesome";

    content: "\f041";

    position: relative;

    display: block;

    width: 100%;

    margin-top: -35px;

    font-size: 22px;

    color: #fff;

}

.grid6 .listing-item-data:before{

    display: none;

}

.listing.white .listing-item-data:before{

    color: rgb(38,163,135);

}

.listing-item-excerpt,

.listing-item-address{

    color: #fff;

    display: block;

}

.light .listing-item-address,

.light .listing-item-excerpt{

    color: #555;

    text-shadow: none;

}

.light .listing-item-excerpt{

    border-top: 1px dashed rgba(0,0,0,0.6);

}

.listing-item-address:hover,

.listing.white .listing-item-address:hover,

.light .listing-item-address:hover,

.light .listing-item-excerpt:hover,

.grid6 .listing-item:hover .listing-item-address{

    color: rgb(38,163,135);

}

.listing-item-address{

    font-family: 'Capriola', sans-serif;

    font-size: 13px;

    padding-bottom: 4px;

    width: 100%;

    text-align: center;

}

.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;

}

.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;

}

.listing-category-name a{

    display: inline-block;

    color: rgb(38,163,135);

    margin-top: 3px;

    text-transform: uppercase;

    font-size: 13px;

    text-shadow: 0 0 6px rgba(0,0,0,0.7);

}

.light .listing-category-name a{

    text-shadow: none;

}

.listing-category-name a:hover{

    color:rgba(38,163,135,0.7);

}

.listing.white .listing-category-name a{

    text-shadow: none;

    color: rgb(38,163,135);

}

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

[ How it Works Section ]

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

.color-bg{

    color: #fff;

}

.color-bg .row-title{

    color: #fff;

}



.color-bg .row-title h1{

    border-bottom: 1px dashed  rgba(255,255,255,0.3);

    color: #fff;

}

.color-bg .row-title h1:before{

    border-right: 1px dashed #fff;

}

.color-bg .row-title h4 {

    color: rgba(255,255,255,0.9);

    border-top: 1px dashed #fff;

}

.how{

    position: relative;

    text-align: center;

    padding-bottom: 100px;

}

.how .row-title{

    top: 0;

    padding-top: 100px;

    margin-bottom: 30px;

    margin-top: 0;

    position: relative;

    z-index: 2;

}

.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;

}

.how-item{

    border: 1px solid transparent;

    border-top: 2px solid transparent;

    margin-top: 40px;

    border-radius: 15px;

}

.how-item:hover{

    border: 1px dashed rgba(255,255,255,0.5);

    box-shadow: 0 0 50px rgba(0,0,0,0.12);

}

.how-item a{

    display: block;

    color: #fff;

}

.how-item img{

    position: relative;

    max-height: 120px;

    padding-top: 30px;

    padding-bottom: 30px;

    top: 0;

}

.how-item:hover img{

    top: 11px;

}

.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;

}

.how-item:hover h3{

    border-top: 1px dashed rgba(255,255,255,1);

    border-bottom: 1px dashed rgba(255,255,255,1);

}

.how-item-excerpt{

    font-size: 15px;

    padding: 12px;

    color: rgba(255,255,255,0.8);

    padding-bottom: 20px;

    position: relative;

    top: 0;

}

.how-item:hover .how-item-excerpt{

    color: rgba(255,255,255,1);

    top: -8px;

}

.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: rgb(38,163,135);

}

.how-item:hover a:after{

    color: rgba(255,255,255,1);

    border: 1px dashed rgba(255,255,255,1);

}

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

[ Newsletter ]

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

.newsletter{

    background: rgba(38,163,135,0.10);

    position: relative;

    text-align: center;

    padding: 115px 0 85px 0;

    font-size: 14px;

    font-family: 'Capriola', sans-serif;

    overflow: hidden;

}

.newsletter:before{

    position: absolute;

    top: 0;

    left: 0;

    width: 6px;

    height: 300px;

}

.newsletter-label{

    color: rgb(38,163,135);

    text-transform: uppercase;

    display: inline-block;

    font-size: 15px;

    position: relative;

    margin-right: 10px;

    padding-bottom: 30px;

    top: -4px;

}

.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;

}

.newsletter .col-sm-12 #email{

    width: 400px;

    max-width: 75%;

}

.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;

}

.newsletter input:focus {

    outline: none !important;

    border: 0;

    border-bottom: 1px solid #ddd;

    box-shadow: none;

}

.newsletter .btn{

    padding: 0;

    font-size: 25px;

    color: rgb(38,163,135);

    height: 0;

    line-height: 0;

    border: 0;

    position: relative;

    margin-top: 3px;

    margin-left: 5px;

}

.newsletter .btn:hover{

    color: rgba(255,255,255,1);

}

.newsletter .btn:before{

    height: 0;

    line-height: 0;

    margin: 0;

    padding: 0;

    position: relative;

    display: block;

    margin-top: -7px;

    font-size: 20px;

}

.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;

}



.newsletter:hover,

.newsletter.onFocus{

    background: rgb(38,163,135);

}

.newsletter:hover .newsletter-label,

.newsletter.onFocus .newsletter-label{

    color: #fff;

}

.newsletter:hover .newsletter-label:before,

.newsletter.onFocus .newsletter-label:before{

    opacity: 1;

}

.newsletter:hover input[type="text" ],

.newsletter.onFocus input[type="text" ]{

    color: #fff;

    border-bottom: 1px solid rgba(255,255,255,0.2);

}

.newsletter:hover .btn,

.newsletter.onFocus .btn{

    color: rgba(255,255,255,0.7);

}

.newsletter .btn:hover,

.newsletter.onFocus .btn:hover{

    color: rgba(255,255,255,1);

}

.newsletter:hover .newsletter-explanation,

.newsletter.onFocus .newsletter-explanation {

    color: rgba(255,255,255,0.7);

}

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

[ Form Placeholders ]

Notice: Cross browser placeholders need to be declared separately

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

.form-control::-webkit-input-placeholder{

    color: #202020;

}

.form-control:-moz-placeholder{

    color: #202020;

}

.form-control::-moz-placeholder{

    color: #202020;

}

.form-control:-ms-input-placeholder{

    color: #202020;

}

.form-control:focus {
    border-color: rgba(38,163,135,0.9);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(38,163,135,0.6);
    outline: 0 none;
}

.hero-search input[type="text" ]::-webkit-input-placeholder{

    color: rgba(38,163,135,0.9);

    display: none;

    position: relative;

}

.hero-search input[type="text" ]:-moz-placeholder{

    color: rgba(38,163,135,0.9);

    position: relative;

}

.hero-search input[type="text" ]::-moz-placeholder{

    color: rgba(38,163,135,0.9);

    position: relative;

}

.hero-search input[type="text" ]:-ms-input-placeholder{

    color: rgba(38,163,135,0.9);

    position: relative;

}

.newsletter *::-webkit-input-placeholder {

    color: rgba(38,163,135,0.6);

}

.newsletter *:-moz-placeholder {

    color: rgba(38,163,135,0.6);

}

.newsletter *::-moz-placeholder {

    color: rgba(38,163,135,0.6);

}

.newsletter *:-ms-input-placeholder {

    color: rgba(38,163,135,0.6);

}

.newsletter:hover *::-webkit-input-placeholder,

.newsletter.onFocus *::-webkit-input-placeholder {

    color: #202020;

}

.newsletter:hover *:-moz-placeholder,

.newsletter.onFocus *:-moz-placeholder {

    color: #202020;

}

.newsletter:hover *::-moz-placeholder,

.newsletter.onFocus *::-moz-placeholder {

    color: #202020;

}

.newsletter:hover *:-ms-input-placeholder,

.newsletter.onFocus *:-ms-input-placeholder {

    color: #202020;

}

.contact-form .form-control::-webkit-input-placeholder{

    font-family: 'Roboto';

    color: #202020;

}

.contact-form .form-control:-moz-placeholder{

    font-family: 'Roboto';

    color: #202020;

}

.contact-form .form-control::-moz-placeholder{

    font-family: 'Roboto';

    color: #202020;

}

.contact-form .form-control:-ms-input-placeholder{

    font-family: 'Roboto';

    color: #202020;

}

.search-field input::-webkit-input-placeholder{

    color: rgb(38,163,135);

}

.search-field input:-moz-placeholder{

    color: rgb(38,163,135);

}

.search-field input::-moz-placeholder{

    color: rgb(38,163,135);

}

.search-field input:-ms-input-placeholder{

    color: rgb(38,163,135);

}

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

[ Home Blog Posts ]

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

.blog-home{

    margin-bottom: 60px;

}

.listing.white{

    padding-bottom: 0;

}

.listing.white .row-title{

    margin-top: 100px;

    margin-bottom: 80px;

}

.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 rgb(38,163,135);

}

.listing.white .listing-item .listing-item-link:before{

    content: none;

}

.listing-item .listing-item-link:hover:before,

.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(../img/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;

}

.squared .listing-item .listing-item-link:hover:before,

.listing.white.squared .listing-item .listing-item-link:hover:before{

    display: none !important;

}

.listing.grid3 .listing-item-link:hover:before,

.listing.grid6 .listing-item-link:hover:before{

    content: none !important;

}

.grid2 .listing-item .listing-item-link:hover:before,

.grid2 .listing.white .listing-item .listing-item-link:hover:before{

    background-image: none !important;

}

.listing.white .listing-item-address,

.listing.white .listing-item-excerpt{

    color: #202020;

    text-shadow: none;

    letter-spacing: 0;

}

.grid6 .listing-item-address,

.grid6 .listing-item-excerpt{

    text-align: left;

}

.listing.white .listing-item-excerpt{

    border-top: 1px dashed rgba(150,150,150,1);

    max-height: 100px;

    line-height: 16px;

}

.grid6 .listing-item-excerpt{

    max-height: 99999px !important;

}

.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);

}

.blog .listing.white .listing-item-data:before{

    content: none;

}

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

[ Single Listing ]

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

.quick-menu{

    position: fixed;

    background: rgb(38,163,135);

    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);

}

.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;

}

.quick-menu a{

    display: inline-block;

    color: #fff;

    font-size: 26px;

    height: 45px;

    line-height: 45px;

}

.quick-menu.hidden-menu a{

    height: 34px;

    line-height: 36px;

}

.quick-menu a:hover:before{

    opacity: 0.6;

}

.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;

}

.fixed-pricing-button{

    position: fixed;

    top: 70px;

    right: 10px;

    z-index: 32;

}

.fixed-pricing-button .pricing-data{

    display: inline-block;

    float: left;

}

.fixed-pricing-button .pricing-data-hover{

    display: none;

    float: left;

}

.fixed-pricing-button:hover .pricing-data{

    display: none;

}

.fixed-pricing-button:hover .pricing-data-hover{

    display: inline-block;

}

.listing-title{

    margin-top: 60px;

    padding: 95px 60px 80px 60px;

}

.listing-title .pg-header-icon{

    bottom: -45px;

}

.listing-title h2{

    position: relative;

    display: inline-block;

    width: auto;

    border-bottom: 2px dashed #ddd;

    border-top: 2px dashed #ddd;

    padding-top: 8px;

}

.listing-title .listing-item-rating{

    position: relative;

    display: inline-block;

    right: auto;

    top: -8px;

    margin: 0;

}

.listing-title a.listing-item-rating:hover,

.listing-title a.listing-item-rating:focus{

    color: #fff;

    opacity: 0.8;

}

.rating-count{

    font-family: 'Roboto';

    position: relative;

    font-size: 13px;

    display: inline-block;

    width: 0;

    height: 0;

    top: -18px;

    left: -5px;

    color: #404040;

}

.gallery{

    position: relative;

    width: auto !important;

    overflow-x: scroll;

    overflow-y: hidden;

    white-space: nowrap;

    font-size: 0;

    margin: 0;

    padding: 0;

}

.gallery-item{

    position: relative;

    display: inline-block;

    overflow: hidden;

    cursor: w-resize;

}

.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;

}

.gallery-item.dark-overlay:before{

    box-shadow: 0 10000px rgba(38,163,135,0.5) inset;

}

.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;

}

.gallery a{

    position: absolute;

    bottom: 20px;

    right: 20px;

    z-index: 10;

    opacity: 0.6;

}

.gallery a:before{

    font-family: 'icon';

    content: "\ec36";

    color: #fff;

    display: inline-block;

    font-size: 18px;

    width: 40px;

    height: 40px;

    line-height: 40px;

    background: rgb(38,163,135);

    border-radius: 50%;

    z-index: 10;

    text-align: center;

}

.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;

}

.gallery a:hover{

    opacity: 1;

}

.gallery a:hover:after{

    opacity: 1;

    background: rgba(255,255,255,0.15);

}

.gallery img{

    display: inline-block;

    cursor: w-resize;

    height: 430px;

}

.lightbox{

    margin-left: -60000px;

}

.lightbox .lb-image{

    border: 0;

}

#lightboxOverlay {

    position: fixed !important;

    top: 0;

    left: 0;

    height: 100% !important;

    width: 100% !important;

}

#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%);

}

.lb-dataContainer{

    min-height: 47px;

    display: block !important;

}

.listing-avatar{

    width: 100%;

    max-width: 220px;

    position: relative;

    display: inline-block;

}

.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);

}

.listing-avatar .listing-item-author{

    position: absolute;

    left: 50%;

    top: auto;

    bottom: 0;

    margin-left: -23px;

}

.listing-avatar .listing-item-author img{

    padding: 0;

    max-width: 46px;

    opacity: 0.7;

}

.listing-avatar .listing-item-author img:hover{

    opacity: 1;

}

.claimed{

    font-family: 'Capriola', sans-serif;

    color: rgb(38,163,135);

    margin-top: 30px;

    margin-bottom: 40px;

}

.claimed a:hover{

    opacity: 0.8;

}

.listing-social{

    border-top: 2px dashed #dfdfdf;

    border-bottom: 2px dashed #dfdfdf;

    margin-top: 30px;

    padding: 10px 0 10px 0;

}

.listing-description,

.listing-map,

.listing-review,

.related{

    position: relative;

    margin-top: 120px;

    padding: 80px 0 0;

    border-top: 2px dashed #dfdfdf;

}

.listing-map{

    padding: 0;

    z-index: 0;

    margin-top: 0;

}

.listing-map .leaflet-container{

    z-index: 0;

}

.listing-block.related{

    margin-top: 120px;

    border: 0;

}

.related h2{

    margin-top: 0;

    margin-bottom: 80px;

}

.listing-description .pg-header-icon,

.listing-map .pg-header-icon,

.listing-review .pg-header-icon,

.related .pg-header-icon{

    bottom: auto;

    top: -32px;

}

.listing-subtitle{

    margin-bottom: 30px;

    font-style: italic;

}

.listing-subtitle:before,

.listing-subtitle:after{

    content: "\"";

}

.listing-description .col-sm-3,

.listing-description .col-sm-9{

    padding: 20px;

}

.listing-description .col-sm-3:after{

    content: "";

    border-right: 2px dashed #dfdfdf;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

}

.description-text.table>tbody>tr>td{

    border: 0;

}

.description-text.table>tbody>tr>td.description{

    padding-right: 30px;

}

.description-text.table>tbody>tr>td.listing-opening{

    max-width: 150px;

    padding-left: 30px;

    border-left: 2px dashed #dfdfdf;

}

.listing-opening span{

    white-space: nowrap;

}

.listing-amenities{

    width: 100%;

    border-top: 2px dashed #dfdfdf;

    margin-top: 30px;

    padding-top: 30px;

}

.listing-amenities .amenities-title,

.listing-opening .opening-title{

    margin-bottom: 30px;

}

.pm-popup .panel-form {

    width: 350px;

}

.pm-popup .submit{

    background: rgb(38,163,135);

    color: #fff;

}

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

[ Single Blog ]

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

.blog .contact-form{

    margin-bottom: 100px;

}

.single-block{

    margin-top: 140px;

}

.post-content{

    margin-bottom: 90px;

}

.single-block .thumbnail{

    max-width: 250px;

    padding: 0;

    opacity: 0.8;

    border: 10px solid rgba(150,150,150,0.25);

    border-radius: 50%;

}

.single-block .thumbnail:hover{

    opacity: 0.5;

}

.single-block blockquote{

    background: rgba(150,150,150,0.16);

    border-radius: 8px;

    margin: 45px 0;

    padding-top: 60px;

    padding-bottom: 60px;

}

.single-block p:first-child:first-letter{

    text-transform: uppercase;

    font-size: 40px;

    line-height: 40px;

    float: left;

    color: rgb(38,163,135);

    padding-left: 15px;

    padding-right: 15px;

}

.single-block img{

    z-index: 1;

    position: relative;

}

.author-block{

    margin-top: 60px;

}

.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;

}

.author-name{

    font-family: 'Capriola', sans-serif;

    display: inline-block;

    font-size: 18px;

    margin-bottom: 5px;

    margin-left: 7px;

}

.author-avatar:hover,

.author-name:hover{

    opacity: 0.8;

}

.data{

    position: relative;

    font-weight: normal;

    font-family: 'Roboto';

    top: -2px;

}

.data:before{

    position: relative;

    font-size: 16px;

    padding: 0 6px 0 2px;

    top: 2px;

}

.author-stats{

    position: absolute;

    width: 100%;

    top: 78px;

    z-index: 2;

    text-align: center;

    color: rgb(38,163,135);

}

.author-stats .post-counter{

    position: relative;

    display: inline-block;

    width: 32px;

    height: 32px;

    line-height: 32px;

    border-radius: 50%;

    background: #fff;

    top: 5px;

}

.post-data{

    font-size: 14px;

    padding-left: 0;

    font-family: 'Capriola', sans-serif;

    color: rgb(38,163,135);

    margin: 80px 0 70px;

}

.post-data span{

    font-size: 30px;

    padding-right: 6px;

}

.single-block img{

    border-radius: 8px;

}

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

[ Blog Comments ]

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

.comm * {

    margin: 0;

    padding: 0;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

}

.comm a {

    color: rgb(38,163,135);

    text-decoration: none;

}

.comm ul {

    list-style-type: none;

}

.comment-form {

    margin-bottom: 15px;

}

.comments-container {

    margin: 60px auto 15px;

}

.comments-container h1 {

    font-size: 36px;

    color: #283035;

    font-weight: 400;

}

.comments-container h1 a {

    font-size: 18px;

    font-weight: 700;

}

.comments-container h2,

.feedback h2{

    margin: 80px 0 80px;

}

.comments-list {

    margin-top: 30px;

    position: relative;

}

/*** Details-----------------------*/

.comments-list:before {

    content: '';

    width: 1px;

    height: 100%;

    background: #ddd;

    position: absolute;

    left: 32px;

    top: 0;

}

.comments-list:after {

    content: '';

    position: absolute;

    background: #ddd;

    bottom: 0;

    left: 27px;

    width: 7px;

    height: 7px;

    border: 3px solid #eee;

    border-radius: 50%;

}

.reply-list:before,

.reply-list:after {

    display: none;

}

.reply-list li:before {

    content: '';

    width: 60px;

    height: 1px;

    background: #ddd;

    position: absolute;

    top: 25px;

    left: -55px;

}

.comments-list li {

    margin-bottom: 15px;

    display: block;

    position: relative;

}

.comments-list li:after {

    content: '';

    display: block;

    clear: both;

    height: 0;

    width: 0;

}

.reply-list {

    padding-left: 88px;

    clear: both;

    margin-top: 15px;

}

/*** Avatar ---------------------------*/

.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;

}

.comments-list .comment-avatar img {

    width: 100%;

    height: 100%;

}

.reply-list .comment-avatar {

    width: 50px;

    height: 50px;

}

.comment-main-level:after {

    content: '';

    width: 0;

    height: 0;

    display: block;

    clear: both;

}

/*** Comment Box ---------------------------*/

.comments-list .comment-box {

    width: 90%;

    float: right;

    position: relative;

    box-shadow: 0 1px 1px rgba(0,0,0,0.15);

}

.comments-list .comment-box:before,

.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;

}

.comments-list .comment-box:before {

    border-width: 11px 13px 11px 0;

    border-color: transparent rgba(0,0,0,0.05);

    left: -12px;

}

.reply-list .comment-box {

    width: 90%;

}

.comment-box .comment-head {

    background: #FCFCFC;

    padding: 10px 12px;

    border-bottom: 1px solid #E5E5E5;

    overflow: hidden;

    border-radius: 4px 4px 0 0;

}

.comment-box .comment-head i {

    float: right;

    margin-left: 14px;

    position: relative;

    top: 2px;

    color: #A6A6A6;

    cursor: pointer;

}

.comment-box .comment-head i:hover {

    color: rgb(38,163,135);

}

.comment-box .comment-name {

    color: #283035;

    font-size: 14px;

    font-weight: 700;

    float: left;

    margin-right: 10px;

}

.comment-box .comment-name a {

    color: #283035;

}

.comment-box .comment-name a:hover {

    opacity: 0.8;

}

.comment-box .comment-head span {

    float: left;

    color: #999;

    font-size: 13px;

    position: relative;

    top: 1px;

}

.comment-box .comment-content {

    text-align: left;

    background: #FFF;

    padding: 12px;

    font-size: 15px;

    color: #202020;

    border-radius: 0 0 4px 4px;

}

.comment-box .comment-name.by-author,

.comment-box .comment-name.by-author a {

    color: rgb(38,163,135);

}

.comment-box .comment-name.by-author a:hover{

    opacity: 0.8;

}

.comment-box .comment-name.by-author:after {

    content: 'autor';

    background: rgb(38,163,135);

    color: #FFF;

    font-size: 12px;

    padding: 3px 5px;

    font-weight: 700;

    margin-left: 10px;

    border-radius: 3px;

}

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

[ App Section ]

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

.app .row-title{

    margin-top: 0;

    margin-bottom: 80px;

    padding-top: 100px;

}

.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 rgb(38,163,135);

}

.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: rgb(38,163,135);

    color: #fff;

    border-radius: 0 0 12px 12px;

    font-family: 'Capriola', sans-serif;

    font-size: 16px;

    z-index: 10;

    text-align: center;

}

.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;

}

.light .app-img{

    box-shadow: 0 10000px rgba(255,255,255,0.75) inset;

}

.app-img:after{

    content: " ";

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -350px;

    width: 100%;

    height: 100%;

    display: inline-block;

    background-image: url(../img/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;

}

.is-mobile .app-img:after{

    background-attachment: scroll;

}

.app-links{

    position: absolute;

    width: 180px;

    left: 50%;

    margin-left: -90px;

    top: 50%;

    margin-top: -40px;

}

.app-links a{

    display: inline-block;

    opacity: 0.5;

}

.light .app-links a{

    opacity: 0.30;

}

.app-links a:hover{

    opacity: 1;

}

.light .app-links a:hover{

    opacity: 0.7;

}

.app-links a img{

    width: 180px;

    border-radius: 5px;

}

.app-links a:hover img{

    background: rgb(38,163,135);

}

.light .app-links a:hover img{

    background: rgba(255,255,255,1);

}

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

[ Accordion ]

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

.accordion {

    width: 90%;

    display: inline-block;

    border-radius: 8px;

    overflow: hidden;

    box-shadow: 0 0 100px rgba(0,0,0,0.2) inset;

}

[id*="open-accordion" ], [id*="close-accordion" ] {

    background: rgb(38,163,135);

    background: -webkit-gradient(linear,top,from(rgb(38,163,135)),to(rgba(38,163,135,0.9)));

    background: -moz-linear-gradient(top, rgb(38,163,135) 0%, rgba(38,163,135,0.9) 100%);

    background: -o-linear-gradient(top, rgb(38,163,135) 0%, rgba(38,163,135,0.9) 100%);

    background: -webkit-linear-gradient(top, rgb(38,163,135) 0%,rgba(38,163,135,0.9) 100%);

    background: linear-gradient(to bottom, rgb(38,163,135) 0%,rgba(38,163,135,0.9) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(38,163,135)', endColorstr='rgba(38,163,135,0.9)',GradientType=0 );

    /*border-bottom: 1px solid #fff;*/

    line-height: 25px;

    height: 40px;

    display: block;

    margin: 0 auto;

    position: relative;

    width: 100%;

}

.accordion-item{

    position: relative;

}

.accordion-order{

    position: absolute;

    top: 8px;

    left: 10px;

    color: rgba(255,255,255,0.5);

    font-size: 14px;

    z-index: 5;

}

[id*="close-accordion" ] {

    display: none;

}

.accordion a {

    color: #fff;

    font-size: 16px;

    font-weight: normal;

    padding: 20px 35px 20px 35px;

    text-decoration: none;

    text-shadow: none;

    height: auto;

}

.accordion a:hover {

    color: rgba(255,255,255,0.8);

}

[id*="open-accordion" ]:after, [id*="close-accordion" ]:after {

    font-family: 'icon';

    content: "\ec36";

    position: absolute;

    right: 8px;

    top: 19px;

    z-index: 2;

}

.target-fix {

    display: block;

    top: 0;

    left: 0;

    position: fixed;

}

.accordion-content {

    height: 0;

    margin: -1px auto 0;

    padding: 0 2.5%;

    position: relative;

    overflow: hidden;

    width: 90%;

}

.accordion-content a{
    color: rgb(38,163,135);
    padding: 0;
    margin: 0;
}
.accordion-content a:hover{
    color: rgba(38,163,135,0.6);
    padding: 0;
    margin: 0;
}

.accordion span:target ~ .accordion-content {

    display: block;

    height: auto;

    padding: 25px 0 15px 0;

}

.accordion span:target ~ [id*="close-accordion" ] {

    display: block;

}

.accordion span:target ~ [id*="open-accordion" ] {

    display: none;

}

.accordion span:target ~ [id*="close-accordion" ]:after {

    font-family: 'icon';

    content: "\ec37";

}

.accordion p{

    text-align: left;

}

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

[ Listings Page ]

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

.current-page-info.hide-page-info{

    left: -50%;

    margin-left: -25px;

}

.header-search-button.hide-page-info{

    left: 0;

    margin-left: -50px;

}

.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;

}

.listing-block{

    margin-top: 40px;

}

.map-view .listing-block{

    display: none;

}

/* GRID 2 */

.listing.grid2 .listing-item{

    max-width: 100%;

    margin-bottom: 20px;

}

.listing.grid2 .listing-item-title,

.listing.grid3 .listing-item-title{

    position: initial;

    color: rgb(38,163,135);

    height: 18px;

    overflow: hidden;

    vertical-align: top;

    margin-top: 5px;

}

.listing.grid6 .listing-item-title{

    color: rgb(38,163,135);

    text-align: left;

    display: block;

    margin-top: 10px;

}

.listing.grid6.rounded-pic .listing-item-title{

    padding-right: 0;

}

.grid6 .feat-data{

    margin-top: 10px;

    margin-bottom: 12px;

}

.grid6.rounded-pic .feat-data{

    position: absolute;

    top: -30px;

    right: -2px;

}

.listing.grid2 .listing-item:hover .listing-item-link{

    background: rgba(38,163,135,0.10);

}

.listing.grid2 .col-sm-3{

    width: 49.94%;

}

.listing.grid2 .listing-item-link{

    border-radius: 65px 0 0 65px;

    width: 100%;

    text-align: left;

}

.listing.grid2 .listing-item-link img{

    width: 130px;

}

.listing.grid2 .listing-black-overlay{

    opacity: 0;

}

.listing.grid2 .listing-item .category-icon{

    left: 0;

    top: 25px;

    margin-left: -2px;

}

.listing.grid2 .listing-item-rating{

    top: 10px;

    right: auto;

    left: 62px;

}

.listing.grid2 .listing-item-author{

    position: absolute;

    top: 84px;

    bottom: auto;

    left: 84px;

}

.listing.grid2 .listing-item-author img{

    border: 3px solid #fff;

}

.listing.grid2 .listing-item-title-centralizer{

    text-align: left;

    padding-left: 140px;

    padding-top: 15px;

    overflow: visible;

}

.listing.grid2 .listing-item-data,

.listing.grid2 .listing-item-address,

.listing.grid2 .listing-item-excerpt{

    text-align: left;

}

.listing.grid2 .listing-item-data{

    padding-left: 140px;

    position: absolute;

    z-index: -15;

    top: auto;

    bottom: 38px;

}

.listing.grid2 .listing-item-data:before{

    position: absolute;

    margin-top: -8px;

}

.listing.grid2 .listing-item-address{

    padding-left: 18px;

    margin-bottom: 2px;

    font-size: 14px;

    max-height: 18px;

    position: relative;

    top: -2px;

    overflow: hidden;

}

.listing.grid2 .listing-item-excerpt{

    height: 22px;

    overflow: hidden;

    padding-right: 10px;

}

.blog .listing.grid2 .listing-item-excerpt,

.blog .listing.grid3 .listing-item-excerpt{

    position: relative;

    height: 54px !important;

    overflow: hidden;

    top: 0;

}

.listing.grid2 .listing-category-name{

    position: absolute;

    right: 8px;

    bottom: 12px;

}

/* GRID 3 */

.listing.grid3 .listing-item{

    max-width: 100%;

    margin-bottom: 20px;

}

.listing.grid3 .listing-item:hover .listing-item-link{

    background: rgba(38,163,135,0.10);

}

.listing.grid3 .col-sm-3{

    width: 49.94%;

}

.listing.grid3 .listing-item-link{

    border-radius: 14px 0 0 14px;

    width: 100%;

    text-align: left;

}

.listing.grid3 .listing-item-link img{

    width: 130px;

    border-radius: 15px;

}

.listing.grid3 .listing-black-overlay{

    opacity: 0;

}

.listing.grid3 .listing-item .category-icon{

    left: 0;

    top: 12%;

    margin-left: -4px;

}

.listing.grid3 .listing-item-rating{

    top: 6%;

    right: auto;

    left: 70px;

}

.listing.grid3 .listing-item-author{

    position: absolute;

    top: 94px;

    bottom: auto;

    left: 94px;

}

.listing.grid3 .listing-item-author img{

    border: 3px solid #fff;

}

.listing.grid3 .listing-item-title-centralizer{

    text-align: left;

    padding-left: 140px;

    padding-top: 15px;

    overflow: visible;

}

.listing.grid3 .listing-item-data,

.listing.grid3 .listing-item-address,

.listing.grid3 .listing-item-excerpt{

    text-align: left;

}

.listing.grid3 .listing-item-data{

    padding-left: 140px;

    position: absolute;

    z-index: -15;

    top: auto;

    bottom: 38px;

}

.listing.grid3 .listing-item-data:before{

    position: absolute;

    margin-top: -7px;

}

.listing.grid3 .listing-item-address{

    padding-left: 18px;

    padding-right: 10px;

    font-size: 12px;

    max-height: 36px;

    overflow: hidden;

}

.listing.grid3 .listing-item-excerpt{

    height: 22px;

    overflow: hidden;

    padding-right: 10px;

}

.listing.grid3 .listing-category-name{

    position: absolute;

    right: 8px;

    bottom: 12px;

}

.listing-results{

    position: relative;

    margin-bottom: 0;

    padding-bottom: 15px;

    padding-top: 30px;

}

.front-page .map-and-page .listing-results{

    display: none;

}

.results-count{

    text-align: left;

    font-size: 15px;

    font-family: 'Capriola', sans-serif;

    color: rgb(38,163,135);

    padding-left: 0;

    display: inline-block;

}

.feat-posts .results-count{

    display: block;

    width: 100%;

    padding-top: 30px;

    padding-bottom: 30px;

    text-align: center;

    border-bottom: 1px solid #ddd;

}

.results-count.user-listing{

    position: relative;

    top: -60px;

    left: 6px;

}

.listing-results .counter{

    font-size: 35px;

    padding-right: 6px;

}

.listing-filter{

    position: absolute;

    right: 0;

    top: 30px;

    width: 100%;

    text-align: right;

    font-size: 20px;

}

.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: rgb(38,163,135);

    margin-bottom: 8px;

}

.grid-icon:hover{

    color: #fff;

    background: rgb(38,163,135);

}

.listing-filter form{

    max-width: 100%;

    text-align: right;

    display: inline-block;

}

.listing-filter .dropdown-menu{

    max-width: 350px;

    min-width: 260px !important;

    float: right;

    left: auto;

    right: 0;

}

.bootstrap-select.btn-group .dropdown-menu{

    min-width: auto;

}

.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;

}

.btn-info{

    background: rgb(38,163,135);

    color: rgba(255,255,255,1);

}

.dropdown-header{

    padding-left: 10px;

    color: rgb(38,163,135);

}

.bootstrap-select.btn-group .dropdown-menu li a.opt{

    padding-left: 12px;

}

.bootstrap-select.btn-group .dropdown-menu li a.opt .child{

    padding-left: 20px;

    width: 42px;

}

.bootstrap-select.order.btn-group .dropdown-menu li a{

    padding-left: 12px;

}

.btn-default:hover,

.bootstrap-select .dropdown-toggle:focus{

    background: rgba(38,163,135,0.12);

}

.open>.dropdown-toggle.btn-default,

.open>.dropdown-toggle.btn-default:hover{

    background: rgb(38,163,135);

    height: 42px;

}

.open>.dropdown-toggle.btn-default span,

.open>.dropdown-toggle.btn-default:hover span,

.open>.dropdown-toggle.btn-default:before,

.open>.dropdown-toggle.btn-default:before{

    color: #fff;

}

.btn-group>.btn:first-child{

    height: 42px;

}

.listing-filter input[type="submit" ]{

    font-family: "FontAwesome";

    display: none;

    height: 42px;

    position: relative;

    width: 42px;

    top: 1px;

    border: 0;

    border-radius: 4px;

    background: rgb(38,163,135);

    color: #fff;

}

.order .bs-searchbox{

    display: none;

}

.bootstrap-select:not([class*=col- ]):not([class*=form-control ]):not(.input-group-btn){

    width: auto;

    min-width: auto;

    height: 42px;

	top: -1px;

}

.listing-filter a .glyphicon,

.filter-option .glyphicon{

    font-size: 20px;

    width: 22px;

    overflow: hidden;

    position: relative;

    top: 3px;

}

.filter-option .glyphicon{

    margin-left: 5px;

}

.filter-option .glyphicon:first-child{

    margin-left: 0;

}

.bootstrap-select.btn-group .dropdown-toggle .filter-option{

    line-height: 32px;

}

.bootstrap-select.btn-group .dropdown-toggle.nothing-selected .filter-option{

    padding-left: 25px;

}

.dropdown-menu>li>a:focus,

.dropdown-menu>li>a{

    color: #404040;

    font-size: 15px;

    font-family: "Roboto";

}

.bootstrap-select .btn-default{

    color: rgb(38,163,135);

    border: 1px solid #ddd;

}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a .check-mark{

    color: rgb(38,163,135);

    right: 8px;

}

.bootstrap-select.btn-group .dropdown-menu li.selected a,

.bootstrap-select.btn-group .dropdown-menu li a:hover{

    background: #ededed;

    color: rgb(38,163,135);

}

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

[ Pricing ]

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

.pricing-text {

    margin-bottom: 25px;

}

.capt {

    display: none;

    width: 98%;

    margin-left: 1%;

    margin-right: 1%;

    padding: 15px;

    background: #e1e1e1;

    margin-bottom: 10px;

    border-radius: 8px;

}

.pricing {

    vertical-align: top;

    text-align: center;

    position: relative;

    z-index: 5;

}

.pricing .price{

    margin-bottom: 60px;

}

.pricing .price .content{

    padding-bottom: 5px;

    display: block;

    border-radius: 7px;

}

.pricing .price .content .title {

    font-family: 'Capriola', sans-serif;

    font-size: 20px;

    color: #404040;

    padding-top: 18px;

}

.pricing .price.feat .content .title{

    color: rgb(38,163,135);

}

.pricing .price .content .subtitle {

    color: #404040;

}

.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;

}

.pricing .price .the-price {

    font-size: 30px;

    padding-top: 35px;

}

.pricing .included .item {

    color: #404040;

    margin-bottom: 5px;

}

.pricing .included .preview {

    color: #404040;

    margin-top: 20px;

    margin-bottom: 15px;

    display: inline-block;

    cursor: pointer;

}

.pricing .included .preview i {

    font-size: 20px;

    padding-bottom: 5px;

}

.pricing .price .sign-in-button {

    position: relative;

    display: inline-block;

    min-width: 160px;

    margin-top: 15px;

    height: 50px;

    background: #bbb;

    border-radius: 5px;

}

.pricing .price.feat .circle {

    border: 1px dashed rgb(38,163,135);

}

.pricing .price.feat .the-price {

    color: rgb(38,163,135);

}

.price .hot-label{

    position: absolute;

    top: 12px;

    right: -25px;

    padding: 3px 6px 2px 6px;

    background:  rgb(38,163,135);

    color: #fff;

    font-family: 'Capriola', sans-serif;

    font-size: 12px;

    border-radius: 6px;

}

.pricing .price.feat .sign-in-button:hover {

    background: rgb(38,163,135);

}

.pricing .price.feat .sign-in-button {

    background: rgb(38,163,135);

}

.pricing .price:hover .title {

    color: rgb(38,163,135);

}

.pricing .price:hover .preview {

    color: rgb(38,163,135);

}

.pricing .included .preview:hover {

    color: rgb(38,163,135);

}

.pricing .price:hover .circle {

    border: 1px dashed rgb(38,163,135);

}

.pricing .price:hover .circle .the-price {

    color: rgb(38,163,135);

}

.pricing .price:hover .sign-in-button {

    background: rgb(38,163,135);

}

.pricing .price .sign-in-button:hover {

    background: rgb(38,163,135);

}

.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;

}

.price .button {

    margin-top: -15px;

    position: absolute;

    width: 100%;

    text-align: center;

    top: 30px;

    left: 0;

}

.price .button .saudation {

    margin-left: -25px;

    color: #fff;

}

.price .button .the-button,

.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: rgb(38,163,135);

    text-decoration: none;

    font-size: 15px;

    text-transform: uppercase;

}

.price .button .the-button-clicked {

    display: none;

    margin-top: 20px;

    background: #ffff00;

}

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

[ Not Found ]

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

.not-found-image{

    margin-top: 20px;

    max-height: 280px;

    max-width: 100%;

}

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

[ Tags and Amenities ]

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

.listing-item-data ul{

    text-align: left;

    padding: 0;

    margin-top: 15px;

    margin-bottom: 0;

}

.amenities a,

.amenities span,

.tags a,

.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;

}

.amenities a:hover,

.tags a:hover{

    display: inline-block;

    border: 2px solid rgb(38,163,135);

    color: rgb(38,163,135);

}

.amenities a:before,

.amenities span:before,

.tags a:before,

.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: rgb(38,163,135);

}

.tags a:before,

.listing-item-data li:before{

    font-family: 'icon';

   /* content: "\ea56";*/

}

.amenities .icon-bicycle:before{

    top: -5px;

}

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

[ User Forms (Login, Register...) ]

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

.bg-login{

    background-image: url(../img/backgrounds/1.jpg);

}

.bg-reset-pass{

    background-image: url(../img/backgrounds/8.jpg);

}

.bg-login,

.bg-reset-pass{

    background-position: center center;

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

.bg-login:before,

.bg-login:after,

.bg-reset-pass:before,

.bg-reset-pass:after{

    content: "";

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 0;

}

.bg-login:before,

.bg-reset-pass:before{

    background-color: rgba(38,163,135,0.9);

    z-index: -1;

}

.bg-login:after,

.bg-reset-pass:after{

    background-image: url(../img/miscellaneous/dot-overlay.png);

    z-index: -2;

}

.panel-form {

    position: relative;

	border-color: #ccc;

	box-shadow: 0 2px 3px 0 rgba(0,0,0,0.2);

    width: 40%; /*360px;*/

    max-width: 100%;

    display: block;

    /*top: 50%;*/
    top: 40%;

    opacity: 0;

}

#register-form{

    display: none;

}

.panel-form>.panel-heading {

	color: rgb(38,163,135);

	background-color: #fff;

	border-color: #fff;

	text-align:center;

}

.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;

}

.panel-form>.panel-heading a.active{

	color: rgb(38,163,135);

	font-size: 18px;

}

.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));

}

.panel-form h4{

    margin: 16px 0 16px 0;

}

.panel-form input[type="text" ],

.panel-form input[type="email" ],

.panel-form input[type="password" ] {

    font-family: 'Capriola', sans-serif;

	height: 45px;

	/*border: 1px solid #ddd;*/

	font-size: 14px;

}

.panel-form input:hover,

.panel-form input:focus {

    /*outline:none;

  /*-webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    border-color: #ccc;*/

}

.btn-login {

	background-color: rgb(38,163,135);

	outline: none;

	color: #fff;

	font-size: 14px;

	height: auto;

	font-weight: normal;

	padding: 14px 0;

	text-transform: uppercase;

	border-color: rgb(38,163,135);

}

.btn-login:hover,

.btn-login:focus {

	color: #fff;

	background-color: rgb(38,163,135);

	border-color: rgb(38,163,135);

}

.forgot-password {

	color: #202020;

}



.btn-submit {

	background-color: rgb(38,163,135);

	outline: none;

	color: #fff;

	font-size: 14px;

	height: auto;

	font-weight: normal;

	padding: 14px 0;

	text-transform: uppercase;

	border-color: rgb(38,163,135);

}

.btn-submit:hover,

.btn-submit:focus {

	color: #fff;

	background-color: rgb(38,163,135);

	border-color: rgb(38,163,135);

}

#remember{

    position: relative;

    top: 2px;

}

label{

    font-weight: normal;

}

textarea.form-control{

    font-family: 'Capriola', sans-serif;

    border: 1px solid #ddd;

}

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

[ Contact ]

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

.map-contact{

    padding: 0;

}

.address,

.list-block {

    text-align: left;

    margin-bottom: 60px;

    padding-left: 10px;

}

.address h4{

    text-align: left;

    padding-bottom: 45px;

}

.line {

    margin-bottom: 5px;

}

.data.name {

    font-family: 'Capriola', sans-serif;

    margin-bottom: 10px;

    font-weight: bold;

    font-size: 16px;

    color: rgb(38,163,135);

}

.line div {

    display: inline-block;

}

.line {

    margin-bottom: 8px;

}

.line .data {

    vertical-align: middle;

    padding-left: 5px;

    max-width: 75%;

    line-height: 20px;

    text-align: left;

}

.line .icon {

    vertical-align: middle;

    width: 38px;

    height: 34px;

    line-height: 34px;

    background: #eee;

    color: rgb(38,163,135);

    text-align: center;

    font-size: 18px;

}

.support-description{

    display: block;

    width: 100%;

    text-align: center;

    padding-bottom: 45px;

}

.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);

}

.blog .contact-form:before{

    content: none;

}

.contact-form.support:before{

    border: 0;

}

.contact-form.user-form:before{

    content: none;

}

.contact-icon-back {

    font-size: 250px;

    color: #eaeaea;

    top: 0;

    z-index: -1;

    text-align: right;

    width: 90%;

    height: 100%;

    right: 7%;

    position: absolute;

}

.contact-icon-back i {

    vertical-align: top;

}

#success_message,.alert-success,.alert-error {

    display: none;

}

.alert-error {

    background-color: #f0d9ca;

    border-color: #eec4b6;

    color: #832506;

}

.inputGroupContainer,

.input-group {

    width: 100%

}

.contact-form textarea.form-control {

    height: 150px;

    border-left: 1px dashed rgba(38,163,135,0.7) !important;

}

.user-form textarea.form-control {

    height: 100px;

}

.submit {

    font-family: 'Capriola', sans-serif;

    width: 100%;

    background-color: #eee;

    outline: none;

    color: rgb(38,163,135);

    font-size: 14px;

    height: auto;

    font-weight: normal;

    padding: 14px 0;

    text-transform: uppercase;

    border-color: #eee;

}

.submit:active,

.submit:visited,

.submit:focus,

.submit:active:focus,

.submit:link {

    background:  rgba(38,163,135,0.8);

    border-color: rgba(38,163,135,0.8);

}

.btn-warning:active:focus {

    background:  rgba(38,163,135,0.8);

    border-color:rgba(38,163,135,0.8);

}

.submit:hover {

    width: 100%;

    background: rgba(38,163,135,0.8);

    border-color: rgba(38,163,135,0.8);

}

.submit:focus {

    background:  rgba(38,163,135,0.8);

    border-color: rgba(38,163,135,0.8);

}

.form-horizontal {

    padding: 8px;

    margin-bottom: 0;

}

.form-horizontal .form-group {

    margin-bottom: 8px;

}

.form-group.sub {

    margin-bottom: 0;

}

textarea {

    width: 100%;

    color: rgb(38,163,135) !important;

}

.input-group-addon,

.input-group .form-control{

    color: rgb(38,163,135);

    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;

}

.input-error{

    color: rgba(214,13,36,0.9);

    border: 0;

    border-bottom: 1px dashed rgba(214,13,36,0.9);

    border-right: 1px dashed rgba(214,13,36,0.9);

    font-size: 15px;

}

.form-control{

    font-size: 15px;

}

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

[ User Page Header ]

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

.pg-header.pg-user{

    padding-bottom: 110px;

    box-shadow: 0 10000px rgba(0,0,0,0.8) inset;

}

.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;

}

.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;

}



.listing-description .verified-data{

    top: -14px;

}

.verified-data:before{

    font-family: "FontAwesome";

    content: "\f00c";

    width: 36px;

    height: 36px;

    line-height: 36px;

    font-size: 18px;

    text-align: center;

    right: 0;

    color: rgb(38,163,135);

}

.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;

}

.pg-user .col-sm-3,

.pg-user .col-sm-4,

.pg-user .col-sm-5,

.pg-user .col-sm-6{

    position: relative;

    margin-top: 60px;

    z-index: 1;

}

.pg-user h3{

    height: 100px;

    color: #fff;

    margin-top: 18px;

    border-bottom: 1px dashed rgb(38,163,135);

    position: relative;

    font-size: 20px;

    margin-bottom: 90px;

    z-index: 2;

}

.user-name:before,

.user-about:before,

.user-message:before,

.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: rgb(38,163,135);

    color: #fff;

    font-size: 29px;

}

.user-name:after,

.user-about:after,

.user-message:after,

.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;

}

.user-name:before{

    content: "\ea1b";

}

.user-about:before{

    content: "\e9d4";

    padding-left: 3px;

}

.user-message:before{

    content: "\ead7";

    padding-left: 2px;

    line-height: 45px;

}

.user-social:before{

    content: "\ec20";

    padding-right: 1px;

    line-height: 53px;

}

.pg-user blockquote{

    border-bottom: 1px dashed rgba(255,255,255,0.3);

    padding-bottom: 30px;

    margin-bottom: 32px;

    margin-top: -12px;

}

.user-about-text p{

    color: #fff;

    text-align: justify;

}

.pg-user .social-networks a{

    color: #fff;

    background: rgb(38,163,135);

    border: 0;

    width: 36px;

    margin-top: 60px;

}

.pg-user .input-group-addon,

.pg-user .input-group .form-control,

.pg-user textarea.form-control{

    border: 0 !important;

}

.pg-user .input-group textarea.form-control:last-child{

    border-radius: 4px;

}

.pg-user h3.user-social{

    display: none;

}

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

[ Contact Data List ]

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

.list-address,

.list-phones,

.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;

}

.listing-description .list-data{

    margin-top: 30px;

}

.listing-description .list-address,

.listing-description .list-phones,

.listing-description .list-online-data{

    background: #fff;

    color: #202020;

    margin-bottom: 0;

}

div.list-address:hover,

div.list-phones:hover,

div.list-online-data:hover{

    background: #fff;

    color: rgb(38,163,135);

}

.list-address div,

.list-phones div,

.list-online-data div{

    margin-top: 12px;

}

.list-address div:first-child,

.list-phones div:first-child,

.list-online-data div:first-child{

    margin-top: 0;

}

.list-address{

    position: relative;

    padding-bottom: 10px;

    overflow: hidden;

    min-height: 68px;

}

.list-address,

.list-phone,

.list-mobile,

.list-fax,

.list-email,

.list-website{

    display: inline-block;

    text-align: left;

    width: 100%;

}

.list-email,

.list-website{

    word-break: break-all;

}

.list-address:before,

.list-phone:before,

.list-mobile:before,

.list-fax:before,

.list-email:before,

.list-website:before{

    font-family: 'icon';

    color: rgb(38,163,135);

    font-size: 20px;

    width: 40px;

    text-align: center;

    position: relative;

    float: left;

    top: -9px;

    left: -3px;

    line-height: 8px;

    padding-top: 13px;

}

.list-address:before{

    content: "\ea7a";

}

.list-phone:before{

    content: "\ea77";

}

.list-mobile:before{

    content: "\eaa8";

}

.list-fax:before{

    content: "\e9d7";

}

.list-email:before{

    content: "\e995";

}

.list-website:before{

    content: "\ec17";

}

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

[ Tooltips ]

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

.tooltip{

    min-width: 110px;

}

.tooltip-inner{

    padding-top: 4px;

    font-size: 15px;

}

.pg-user .tooltip-inner{

    box-shadow: 1px 1px #555, -1px -1px #555, -1px 1px #555, 1px -1px #555;

}

.pg-user .tooltip.top .tooltip-arrow,

.listing-block .tooltip.top .tooltip-arrow,

.feat-posts-list .tooltip.top .tooltip-arrow,

.template-colors .tooltip.top .tooltip-arrow{

    border-top-color: rgb(38,163,135);

}

.pg-user .tooltip-inner,

.listing-block .tooltip-inner,

.feat-posts-list .tooltip-inner,

.template-colors .tooltip-inner {

    background-color: rgb(38,163,135);

}

.pg-user .tooltip.left .tooltip-arrow,

.listing-block .tooltip.left .tooltip-arrow,

.feat-posts-list .tooltip.left .tooltip-arrow,

.template-colors .tooltip.left .tooltip-arrow {

    border-left-color: rgb(38,163,135);

}

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

[ Sidebar & Widgets ]

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

.sidebar-right {

    position: relative;

    z-index: 5;

    margin-top: -11px;

    margin-bottom: 90px;

    text-align: left;

}

.sidebar-right .widget-area {

    padding: 10px 10px 0 10px;

    background: #eaeaea;

    border-radius: 5px;

    overflow: hidden;

}

.sidebar-right .widget {

    margin-bottom: 10px;

    background: #fff;

    border-radius: 8px;

    overflow: hidden;

}

.sidebar-right .widget.news-categories li a:before,

.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;

}

.sidebar-right .widget.news-categories li a:before{

   /* content: "\f08a";*/

    color: rgb(38,163,135);

}

.sidebar-right .widget.news-archive li a:before{

    content: "\f073";

    color: rgb(38,163,135);

}

.listings-has-sidebar .sidebar-right .widget.news-archive li a:before{

    content: "\f278";

    width: 26px;

}

.sidebar-right li.more-widget-item a:before{

    font-family: "icon" !important;

    content: "\ec36" !important;

}

.widget .widget-title .the-title {

    font-family: "Capriola";

    padding: 20px;

    text-align: center;

    font-size: 16px;

    color: rgb(38,163,135);

    padding-bottom: 0;

}

.widget .widget-content {

    position: relative;

    margin-top: 20px;

    padding: 0 10px 10px 10px;

}

.widget .widget-content ul{

    margin: 0;

    padding: 0;

}

.widget .widget-content li{

    list-style-type: none;

}

.widget.news-search .widget-content {

    padding: 0;

}

.widget .widget-content.search {

    margin-top: 0;

}

.widget .widget-content.list {

    padding-left: 10px;

    padding-right: 10px;

    margin-bottom: 10px;

}

.widget .widget-content .title,

.widget .widget-content .icon {

    display: inline-block;

}

.widget .widget-content .icon {

    margin-left: 5px;

    margin-right: 5px;

    font-size: 18px;

}

.widget .widget-content .title {

    max-width: 70%;

    vertical-align: top;

    margin-top: 3px;

    text-transform: uppercase;

}

.widget .widget-content .item a {

    display: block;

    padding: 6px;

    color: #202020;

    text-transform: uppercase;

}

.widget .widget-content .item a .date{

    text-transform: none;

    font-size: 12px;

    text-align: left;

}

.widget .widget-content .item a:hover {

    background: #ececec;

    text-decoration: none;

}

.widget .widget-content .item a:hover .icon {

    color: rgb(38,163,135);

}

.widget .widget-content .item a:hover {

    color: rgb(38,163,135);

}

.widget .search {

    position: relative;

}

.widget .search form {

    margin-right: 30px;

}

.widget .search-field {

    padding: 10px;

}

.widget .search-field input {

    font-family: 'Capriola', sans-serif;

    border: none;

    font-size: 15px;

    width: 100%;

}

.widget .search-field input:focus {

    outline: none !important;

}

.widget .search-submit {

    position: absolute;

    top: 9px;

    right: 10px;

    font-size: 20px;

    color: #ccc;

    cursor: pointer;

}

.widget .search-submit:hover {

    color: rgb(38,163,135);

}

.widget.newest-posts .widget-content .item a {

    position: relative;

    height: 70px;

    overflow: hidden;

    padding-top: 7px;

    padding-bottom: 7px;

    margin-bottom: 8px;

}

.widget.newest-posts .text .title {

    max-width: 100%;

    text-transform: none;

    max-height: 36px;

    padding-top: 2px;

    overflow: hidden;

    margin-bottom: 2px;

    color: rgb(38,163,135);

    line-height: 16px;

}

.sidebar-right .widget.newest-posts .text {

    position: absolute;

    left: 0;

    padding-left: 75px;

    width: 100%;

    max-height: 56px;

}

.sidebar-right .widget.newest-posts img {

    width: 56px;

    height: 56px;

    vertical-align: middle;

    border-radius: 50%;

    overflow: hidden;

}

.widget.newest-posts .img,

.widget.newest-posts .text {

    display: inline-block;

}

.sidebar-social{

    text-align: center;

    padding-bottom: 10px;

}

.widget.newest-posts .text .date,

.social.default,

.sidebar-social .social,

.complete-contact-data .social,

.announcer-social .social {

    position: relative;

    right: 0;

    left: 0;

    text-align: center;

}

.widget.tags ul {

    list-style: none;

    text-align: center;

    padding: 0;

}

.widget.tags ul li {

    display: inline-block;

}

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

[ City Listing ]

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

.cities{

    margin-top: 130px;

}

.cities .col-sm-3,

.cities .col-sm-4,

.cities .col-sm-6,

.cities .col-sm-12{

    position: relative;

    height: 250px;

    margin-bottom: 30px;

}

.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;

}

.cities.leaf a{

    border-radius: 30px 0;

}

.cities a:hover{

    box-shadow: 0 10000px rgba(0,0,0,0.8) inset;

}

.city-data{

    display: inline-block;

    position: relative;

    margin-top: 35px;

    width: 90%;

    height: 180px;

    line-height: 180px;

    color: #fff;

}

.city-data .centralizer,

.city-name,

.city-listings{

    line-height: normal;

}

.city-data .centralizer{

    display: inline-block;

    vertical-align: middle;

}

.city-name{

    font-family: 'Capriola', sans-serif;

    font-size: 25px;

    color: #fff;

}

.city-listings{

    display: inline-block;

    background: rgb(38,163,135);

    border-radius: 8px;

    padding: 3px 8px 3px 8px;

}

.city-rounded{

    margin-top: 90px;

    margin-bottom: 60px;

}

.city-rounded .listing-item{

    margin-bottom: 30px;

}

.city-rounded .listing-item-title{

    font-size: 20px;

}

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

[ Reviews ]

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

.listing-review{

    padding-bottom: 120px;

}

.listing-review .col-sm-3,

.listing-description .col-sm-9 {

    padding: 20px;

}

.listing-review .col-sm-3:after {

    content: "";

    border-right: 2px dashed #dfdfdf;

    position: absolute;

    top: 0;

    right: 0;

    height: 100%;

}

.average-review{

    background: rgb(38,163,135);

    width: 100%;

    max-width: 220px;

    position: relative;

    display: inline-block;

}

.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);

}

.average-review img{

    width: 100%;

}

.rating,

.mood-icon,

.average-review .stars,

.review-stats{

    position: absolute;

    width: 100%;

    text-align: center;

    top: 50%;

    margin-top: -48px;

    font-size: 60px;

    color: #fff;

}

.mood-icon{

    top: -10px;

    margin-top: 0;

    font-size: 33px;

    width: 44px;

    height: 44px;

    line-height: 50px;

    background: #fff;

    color: rgb(38,163,135);

    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);

}

.average-review .stars{

    margin-top: 24px;

    font-size: 13px;

}

.average-review .rating,

.average-review .stars i{

    text-shadow: 4px 4px 2px rgba(0,0,0,0.26);

}

.review-stats{

    position: absolute;

    z-index: 2;

    color: rgb(38,163,135);

    font-size: 14px;

    top: auto;

    margin-top: 0;

    bottom: -42px;

}

.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;

}

.review-reputation{

    position: relative;

    display: block;

    margin-top: 60px;

}

.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);

}

.review-reputation div:before{

    font-family: 'icon';

    content: "\eafc";

    position: relative;

    display: block;

    width: 100%;

    text-align: center;

    font-size: 25px;

    color: rgb(38,163,135);

    margin: 18px 0 0 0;

    padding: 0;

    line-height: 25px;

}

.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);

}

.review-reputation h4{

    color: rgb(38,163,135);

    margin: 0;

    padding: 15px 15px 12px 15px;

    text-transform: uppercase;

}

.write-review{

    margin-top: 30px;

}

.write-review .button{

    font-size: 15px;

    padding: 12px 13px 11px 50px;

    overflow: hidden;

}

.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;

}

.author-vote-mood{

    position: relative;

    display: inline-block;

    color: rgb(38,163,135);

    font-size: 22px;

    top: 3px;

    margin-right: 1px;

}

.author-vote{

    position: relative;

    font-family: 'Capriola', sans-serif;

    display: inline-block;

    background: rgb(38,163,135);

    border-radius: 5px;

    padding: 3px 7px 2px 7px;

    color: #fff;

    text-transform: uppercase;

    font-size: 11px;

    top: -2px;

    margin-right: 2px;

}

.author-vote .stars{

    display: inline-block;

    padding-left: 3px;

}

.listing-review .more-listing{

    height: 145px;

    top: 60px;

}

.listing-review .author-title{

    display: block;

    padding-left: 120px;

    font-style: italic;

    font-weight: bold;

    color: #404040;



}

.listing-review .author-title:before,

.listing-review .author-title:after{

    content: "\"";

}

.author-description{

    font-size: 15px;

    padding-left: 122px;

    padding-top: 2px;

}

.author-description h5{

    margin: 0;

}

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

[ Review Form ]

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

.review-popup .panel-form {

    width: 350px;

}

.review-form textarea.form-control{

    height: 100px;

}

.star-rating {

  font-family: 'FontAwesome';

  margin: 0;

}

.star-rating > fieldset {

  border: none;

  display: inline-block;

}

.star-rating label{

    margin-left: 5px;

    margin-right: 5px;

    margin-bottom: 0;

}

.star-rating > fieldset:not(:checked) > input {

  position: absolute;

  top: -9999px;

  clip: rect(0,0,0,0);

}

.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);

}

.star-rating > fieldset:not(:checked) > label:before {

  content: '\f006  ';

}

.star-rating > fieldset:not(:checked) > label:hover,

.star-rating > fieldset:not(:checked) > label:hover ~ label {

  color: rgb(38,163,135);

  text-shadow: 0 0 3px rgb(38,163,135);

}

.star-rating > fieldset:not(:checked) > label:hover:before,

.star-rating > fieldset:not(:checked) > label:hover ~ label:before {

  content: '\f005  ';

}

.star-rating > fieldset > input:checked ~ label:before {

  content: '\f005  ';

}

.star-rating > fieldset > label:active {

  position: relative;

  top: 2px;

}

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

[ Footer ]

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

footer{

    text-align: center;

    width: 100%;

}

.map-view footer{

    display: none;

}

footer *{

    font-size: 15px;

    color: #fff;

}

footer.fixed{

    position: fixed;

    bottom: 0;

}

.footer-info{

    position: relative;

    display: table;

    table-layout: fixed;

    width: 100.4%;

    margin: 0;

    margin-left: -1px;

    padding-bottom: 18px;

}

.footer-info:after{

    content: "";

    background: rgb(38,163,135);

    position: absolute;

    width: 100%;

    height: 20px;

    bottom: 0;

    left: 0;

    z-index: 2;

}

.footer-col{

    position: relative;

    display: table-cell;

    float: none;

    border-radius: 15px 15px 0 0;

    vertical-align: middle;

    padding: 50px 5px 35px 5px;

    width: 20%;

    background: rgb(38,163,135);

    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(38,163,135)), color-stop(100%, rgba(38,163,135,0.95)));

    background: -webkit-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.95) 100%);

    background: -moz-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.95) 100%);

    background: -ms-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.95) 100%);

    background: -o-linear-gradient(left, rgb(38,163,135) 0%, rgba(38,163,135,0.95) 100%);

    background: linear-gradient(to right, rgb(38,163,135) 0%, rgba(38,163,135,0.95) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26a587', endColorstr='#26a587', GradientType=1 );

}

.footer-col:before{

    content: "";

    position: absolute;

    display: inline-block;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

}

.social-networks{

    position: relative;

    height: 120%;

    text-align: center;

}

.social-networks a{

    position: relative;

    z-index: 2;

    display: inline-block;

    font-size: 20px;

    color: rgb(38,163,135);

    background: #fff;

    padding: 8px;

    margin: 4px;

    width: 44px;

    border: 4px solid rgba(38,163,135,0.7);

    border-radius: 50%;

    text-align: center;

}

.sidebar-social .social-networks a{

    border: 0;

}

.listing-social .social-networks a{

    border: 0;

    font-size: 24px;

    width: 28px;

    height: 28px;

    line-height: 24px;

    padding: 2px;

    margin: 10px;

    border-radius: 28px;

}

.footer-links a{

    position: relative;

    display: inline-block;

    margin-left: 8px;

    margin-right: 8px;

    margin-bottom: 0;

    text-align: center;

    color: rgba(255,255,255,0.7);

}

.footer-links a,

.footer-terms a,

.footer-privacy a,

.footer-address,

.footer-contact-data{

    color: rgba(255,255,255,1);

}

.footer-links a:hover,

.footer-terms a:hover,

.footer-privacy a:hover{

    color: rgba(255,255,255,0.7);

}

.footer-terms:before,

.footer-privacy:before,

.footer-links:before,

.footer-contact:before{

    font-family: "FontAwesome";

    content: "\f0c9";

    font-size: 20px;

    margin-bottom: 0;

    width: 40px;

    position: relative;

    left: 50%;

    margin-left: -20px;

    display: block;

    word-spacing: 9999999px;

}

.footer-terms:before{

    content: "\f0f6";

}

.footer-privacy:before{

    content: "\f132";

}

.footer-contact:before{

    content: "\f041";

}

.footer-logo{

    position: relative;

    padding-top: 40px;

    background: #333;

    box-shadow: 1px 1px 0 #333;

}

.footer-logo img{

    max-height: 30px;

}

footer .footer-credits{

    background-color: #333;

    color: #202020;

    line-height: 25px;

    padding: 30px 20px 40px 20px;

}

footer *.footer-credits *{

    color: #888;

    font-size: 14px;

}

footer .developer{

    color: #aaa;

}

footer .developer a{

    color: #fff;

    white-space: nowrap;

}

footer .developer a:hover{

    color: rgb(38,163,135);

}

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

[ 360 Rotation, Zoom, Transitions and Other Effects ]

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

/* Transitions to Rotations */

.how-item a:after,

.feat-post a .feat-post-pic,

.search-magnifier img,

.social-networks a,

.map-button-text:before,

.hero-search-icon:before,

.search-categories .categories a:before,

.hero-arrow,

.more-listing:before,

.header-search-button:before,

.more-map-listing:before,

[id*="open-accordion" ]:after,

[id*="close-accordion" ]:after,

.gallery a,

.listing-title a.listing-item-rating,

.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 */

.how-item:hover a:after,

.search-categories .categories a:hover:before,

.hero-search-icon.hover:before,

.search-magnifier .typing,

.social-networks a:hover,

.map-button-text:hover:before,

.more-listing:hover:before,

.header-search-button:hover:before,

.more-map-listing:hover:before,

[id*="open-accordion" ]:hover:after,

[id*="close-accordion" ]:hover:after,

.gallery a:hover,

.listing-title a.listing-item-rating:hover,

.comment-avatar:hover  {

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    transform: rotate(360deg);

}

/* 60 */

.hero-arrow.hover {

    -webkit-transform: rotate(60deg);

    -moz-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    -o-transform: rotate(60deg);

    transform: rotate(60deg);

}

/* 90 */

.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 */

.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;

}

.search-categories:hover,

.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;

}

.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 */

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;

}

.accordion-content,

.panel-form>.panel-heading a,

.panel-form input[type="text" ],

.panel-form input[type="email" ],

.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;

}

.search-cities-toggle,

.open-cities-list .search-cities .cities-list a,

.leaflet-div-icon,

.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;

}

.cat-text,

.cat-icon,

.cat-image img,

.listing-item .category-icon,

.listing-item-author,

.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;

}

.navbar-inverse .navbar-nav>li>a,

header.transparent .user-login,

header.transparent .add-listing,

.light .user-login,

.add-listing,

.button,

.feat-posts,

.search-categories .categories a,

.header-search-button,

.back-site,

.page-head,

.current-page-info,

.map-buttom,

.current-category,

.map-button-text,

.map-listing #map,

.cat-overlay,

.cat-icon.dark,

.listing-item .listing-item-link,

.listing-item .listing-item-link img,

.feat-post .listing-item-rating,

.listing-black-overlay,

.fixed-pricing-button .pricing-data,

.how-item,

.app-img img,

.submit,

.cities a,

.leaflet-popup-content .maplink:before,

.gallery-item:before,

.feat-posts .helper,

.listing-black-overlay,

.single-block .thumbnail,

.hero-header.landing .header-centralizer{

    -webkit-transition: all 1s;

    -moz-transition: all 1s;

    -ms-transition: all 1s;

    -o-transition: all 1s;

    transition: all 1s;

}

.how-item img,

.how-item-excerpt,

.newsletter,

.newsletter-label,

.newsletter input[type="text" ],

.newsletter input:focus,

.newsletter .btn,

.newsletter-explanation{

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    -ms-transition: all 2s;

    -o-transition: all 2s;

    transition: all 2s;

}

/* Zoom and Scale */

.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);

}

.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);

}

.current-category,

.map-button-text,

.listing-item .listing-item-link,

.listing-item .listing-item-link img,

.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);

}

.grid6 .listing-item .listing-item-link,

.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);

}

.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);

}

.add-listing,

.search-cities .cities-list a,

.button:hover,

.map-buttom .map-button-text:hover,

.map-listing #map,

header .add-listing:hover,

#map.mapHidden,

.cat-item:hover .cat-text,

.listing-item .listing-item-link:hover,

.app-img img,

.listing.grid2 .listing-item .listing-item-link,

.listing.grid3 .listing-item .listing-item-link,

.template-colors a{

    -webkit-transform: scale(1);

  	-moz-transform: scale(1);

    -ms-transform: scale(1);

  	-o-transform: scale(1);

  	transform: scale(1);

}

.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);

}

.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);

}

.add-listing:hover,

.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);

}

.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);

}

.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 */

.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);

}

.cat-icon,

.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);

}

.cat-item:hover .cat-icon,

.cat-item:hover .cat-icon.dark,

.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);

}

.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%);

}

.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%);

}

.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 ]

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

.hero-header:after,

.pg-header:after,

.app:after{

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 8px;

    background: url(../img/miscellaneous/wave.png) top center;

    z-index: 4;

}

.trending:after{

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 18px;

    background: url(../img/miscellaneous/wave2.png) top center;

    z-index: 15;

}

.hero-header .trending:after,

.trending.landing:after{

    display: none;

}

.app:after{

    bottom: auto;

    top: -18px;

    height: 18px;

}

.footer-logo:after{

    content: "";

    position: absolute;

    top: -18px;

    left: 0;

    width: 100%;

    height: 18px;

    background: url(../img/miscellaneous/wave3.png) top center;

    z-index: 50;

}

.app-img:before{

    content: "";

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 8px;

    background: url(../img/miscellaneous/wave.png) top center;

    z-index: 30;

}

.wave-top-gallery{

    position: absolute;

    width: 100%;

    height: 18px;

    z-index: 10;

    background: url(../img/miscellaneous/wave2.png) top center;

}

.is-mobile .hero-header:after,

.is-mobile .pg-header:after,

.is-mobile .app:after,

.is-mobile .trending:after,

.is-mobile .footer-logo:after,

.is-mobile .app-img:before,

.is-mobile .wave-top-gallery{

    /*display: none !important;*/

}

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

[ Template Colors Container ]

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

.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%);

}

.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;

}

.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;

}

.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);

}

.change-color-button{

    overflow: hidden;

}

.change-color-button:before{

    display: inline-block;

    margin-right: 20px;

    font-size: 30px;

    border-right: 1px dashed #fff;

    padding-right: 20px;

}

.logo-landing{

    cursor: default;

}

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

[ Responsive ]

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

@media (min-width:768px) {

    /* Fixing Bootstrap cols, mainly to MAC */

    .col-sm-3 {

        width: 24.98%;

    } 

    .col-sm-4 {

        width: 33.30%;

    } 

    .col-sm-6 {

        width: 49.94%;

    } 

    /* End Fix */

    header.transparent .navbar-inverse .navbar-nav>li:hover>a{

        border-radius: 20px 0 25px 0;

    }

    .hero-search{

        margin-top: 100px;

    }

    .search-short-height .hero-search{

        margin-top: 40px;

    }

    .dropdown-menu>li>a{

        padding: 5px 20px;

        background-color: transparent !important;

    }

    .dropdown-menu li:hover .sub-menu {

        visibility: visible;

    }

    .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;

    }

    .light .navbar-nav>li>.dropdown-menu {

        right: 0;

    }

    .navbar-nav>li:hover>.dropdown-menu {

        margin-top: 0;

        opacity: 1;

        visibility: visible;

        padding: 14px 0;

    }

	#page-content {

	    left: 0!important

	}

	.navbar.navbar-fixed-top.slide-active {

	    position: fixed

	}

	.navbar-header {

	    left: 0!important

	}

    .full-dimming-overlay{

        display: none !important;

    }

    .pg-title{

        padding-left: 40px;

        padding-right: 40px;

    }

}

@media (max-width:1080px){

    .hero-search{

        left: 5%;

        width: 60%;

    }

    .search-categories{

        left: 5%;

        width: 60%;

    }

    .search-popup .hero-search{

        left: 15%;

        width: 70%;

    }

    .search-popup .search-categories{

        left: 15%;

        width: 70%;

    }

    .search-categories .categories a{

        min-width: 55px;

        font-size: 12px;

        margin: 3px 1px;

        padding: 8px 6px 10px 6px;

    }

    .feat-posts{

        width: 30%;

    }

    .cat-item{

        width: 22%;

    }

    .vertical .cat-item:last-child{

        display: block;

        width: 95%;

        left: 1.5%;

        height: 200px;

    }

    .vertical .cat-item:last-child a{

        line-height: 200px;

    }

    .listings-has-sidebar .listing.grid2 .col-sm-3{

        width: 100%;

    }

    .listing-block .col-sm-3{

        width: 33.30%;

    }

    .grid4 .col-sm-4{

        width: 49.94%;

        float: left !important;

    }

}

@media (max-width:980px){

    .cat-item{

        width: 30%;

    }

    .vertical .cat-item{

        display: block;

        width: 95%;

        left: 1.5%;

        height: 200px;

    }

    .vertical .cat-item a{

        line-height: 200px;

    }

    .vertical .cat-item:first-child,

    .vertical .cat-item:first-child + div,

    .vertical .cat-item:first-child + div + div{

        display: inline-block;

        width: 30%;

        left: 0;

        height: 360px;

    }

    .vertical .cat-item:first-child a,

    .vertical .cat-item:first-child + div a,

    .vertical .cat-item:first-child + div + div a{

        line-height: 360px;

    }

    .listing .col-sm-3{

        width: 48%;

        display: inline-block;

        float: none;

    }

    .listing-social .social-networks a{

        margin: 10px 2px 10px 2px;

    }

}

@media (max-width:850px){

    header .user-login {

        padding-right: 12px;

        padding-left: 12px;

    }

    .user-buttons .add-listing{

        width: 52px;

        overflow: hidden;

        margin-right: 0;

        font-size: 0;

        padding-right: 0;

    }

    .add-listing:before {

        margin-left: 2px;

    }

    header .user-buttons .add-listing{

        margin-right: -39px;

        padding: 26px 26px 0 76px

    }

    header .add-listing:before {

        margin-left: 2px;

    }

}

@media (max-width:767px) {

    .body-wrapper{

        overflow-x: hidden;

        height: auto;

    }

    .container{

        width: 100%;

    }

    .col-sm-12{

        padding: 0;

    }

    header{

        text-align: center;

    }

    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;

    }

    #slide-nav .navbar-toggle{

        padding: 15px 0 0 0;

    }

    header .user-buttons{

        display: block;

        position: absolute;

    }

    .header-search-button{

        position: absolute;

        left: auto;

        left: 50px;

        z-index: 100;

    }

	#slide-nav .container {

	    margin: 0!important;

	    padding: 0!important;

      height:100%;

	}

	#slide-nav .navbar-header {

	    margin: 0 auto;

	    padding: 0 15px;

        z-index: 60;

	}

	#slide-nav .navbar.slide-active {

	    position: absolute;

	    width: 300px;

	    top: -1px;

	    z-index: 1000;

	}

	#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;

	}

	#slide-nav #slidemenu .navbar-nav {

	    min-width: 0;

	    width: 100%;

	    margin: 0;

	}

    .navbar-inverse .navbar-nav>.open>a,

    .navbar-inverse .navbar-nav>.open>a:focus,

    .navbar-inverse .navbar-nav>.open>a:hover {

        color: #fff;

        background-color: rgba(0,0,0,0.3);

    }

	#slide-nav #slidemenu .navbar-nav .dropdown-menu li a {

        color: #fff;

	    min-width: 0;

	    width: 300px;

	    white-space: normal;

        padding: 15px 15px 15px 25px;

	}

    #slide-nav #slidemenu .navbar-nav .dropdown-menu li a:hover {

        color: rgba(255,255,255,0.7);

	}

	#slide-nav {

	    border-top: 0;

        position: absolute;

        z-index: 999999;

	}

	#slide-nav.navbar-inverse #slidemenu {

	    background: #333

	}

	#navbar-height-col {

	    position: fixed;

	    top: 0;

	    height: 100%;

      bottom:0;

	    width: 300px;

	    left: -300px;

	    background: #f7f7f7;

	}

	#navbar-height-col.inverse {

	    background: #333;

	    z-index: 999998;

	    border: 0;

	}

	#slide-nav .navbar-form {

	    width: 100%;

	    margin: 8px 0;

	    text-align: center;

	    overflow: hidden;

	}

	#slide-nav .navbar-form .form-control {

	    text-align: center

	}

	#slide-nav .navbar-form .btn {

	    width: 100%

	}

    header .logo{

        position: relative;

        display: inline-block;

        width: 100%;

        text-align: center;

        z-index: 10;

    }

    .logo img{

        height: 50px;

    }

    .hero-header{

        height: auto;

        padding-bottom: 150px;

    }

    .hero-header.search-popup{

        height: 100%;

        padding-bottom: 0;

    }

    .hero-search,

    .search-popup .hero-search{

        width: 90%;

        left: 5%;

    }

    .hero-search{

        margin-top: 40px;

    }

    .search-popup .hero-search{

        margin-top: 80px;

    }

    .header-centralizer{

        margin-top: 150px;

    }

    .search-popup .header-centralizer{

        margin-top: 0;

    }

    .feat-posts{

        position: relative;

        height: 458px;

        width: 90%;

        left: 5%;

        margin-top: 60px;

    }

    .show-categories{

        left: 5%;

    }

    .search-categories,

    .search-popup .search-categories {

        width: 90%;

        left: 5%;

    }

    .feat-img{

        width: 30%;

    }

    .feat-text{

        width: 64%;

    }

    .feat-header-button{

        font-size: 12px;

    }

    .feat-header-button.central{

        font-size: 12px;

    }

    .feat-img{

        width: 30%;

    }

    .feat-text{

        width: 64%;

    }

    .vertical .cat-item:first-child,

    .vertical .cat-item:first-child + div{

        width: 45%;

        margin-left: 2%;

        margin-right: 2%;

    }

    .vertical .cat-item:first-child + div + div{

        display: block;

        width: 95%;

        left: 1.5%;

        height: 200px;

    }

    .vertical .cat-item:first-child + div + div a{

        line-height: 200px;

    }

    .breadcrumbs{

        display: none;

    }

    .footer-info{

        display: block;

        width: 100%;

        font-size: 0;

        margin: 0;

    }

    .footer-col{

        display: block;

        width: 100%;

        background: rgb(38,163,135);

        padding: 30px 5px 30px 5px;

        font-size: 14px;

        border-radius: 0;

    }

    .footer-col:nth-child(odd){

        background: rgba(38,163,135,0.97);

    }

    .footer-links,

    .footer-contact{

        display: none;

    }

    .listing{

        display: inline-block;

    }

    .listing .col-sm-3{

        width: 70%;

        display: inline-block;

    }

    .listing.grid2 .col-sm-3{

        width: 100%;

        display: inline-block;

    }

    .listing-flag{

        display: none;

    }

    .img-left{

        margin: 0;

    }

    .not-found-image{

        margin-bottom: 60px;

    }

    .pg-header.pg-user{

        padding-top: 230px;

        padding-bottom: 100px;

    }

    .user-avatar{

        bottom: auto;

        top: 70px;

    }

    .pg-user blockquote {

        border: 0;

    }

    .pg-user h3.user-social{

        margin-top: 70px;

        display: block;

    }

    .pg-user .social-networks a{

        margin-top: 0;

    }

    .reply-list {

        padding-left: 0;

    }

    .comments-list:before,

    .reply-list li:before {

        display: none;

    }

    .comments-list .comment-avatar {

        float: none;

        text-align: center;

        left: 50%;

        margin-left: -32.5px;

    }

    .comments-list.reply-list .comment-avatar {

        margin-left: -25px;

    }

    .comment-box .comment-content {

        padding-left: 0;

        padding-right: 0;

    }

    .comments-list .comment-box {

        width: 100%;

    }

    .listing-social .social-networks a{

        margin: 10px;

    }

    .listing-description .col-sm-3{

        padding-top: 0;

    }

    .listing-description .col-sm-3:after{

        border: 0;

    }

    .description-container{

        border-top: 2px dashed #ddd;

        padding-top: 30px;

    }

    .description-text.table>tbody>tr>td.description,

    .description-text.table>tbody>tr>td.listing-opening{

        display: block;

        width: 100%;

        max-width: 100%;

        padding: 0;

        border-left: 0;

    }

    .description-text.table>tbody>tr>td.listing-opening{

        padding-top: 30px;

        margin-top: 30px;

        border-top: 2px dashed #ddd;

    }

    .reply-list {

        padding-left: 0;

    }

    .comments-list:before,

    .reply-list li:before {

        display: none;

    }

    .comments-list .comment-avatar {

        float: none;

        text-align: center;

        left: 50%;

        margin-left: -32.5px;

    }

    .comments-list.reply-list .comment-avatar {

        margin-left: -25px;

    }

    .comment-box .comment-content {

        padding-left: 0;

        padding-right: 0;

    }

    .comments-list .comment-box {

        width: 100%;

    }

    .listing-review .col-sm-3:after {

        content: none;

    }

    .listing.grid3 .col-sm-3 {

        width: 100%;

    }

    .sidebar-right{

        padding: 0;

    }

    .front-page .map-and-page .listing-results{

        display: block;

    }

}

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

    .row-title h1{

        font-size: 35px !important;

    }

    .cat-item{

        width: 90%;

    }

    .horizontal .cat-item,

    .vertical .cat-item:first-child,

    .vertical .cat-item:first-child + div,

    .vertical .cat-item:first-child + div + div{

        width: 95%;

        left: 1.5%;

        height: 200px;

    }

    .horizontal .cat-item a,

    .vertical .cat-item:first-child a,

    .vertical .cat-item:first-child + div a,

    .vertical .cat-item:first-child + div + div a{

        line-height: 200px;

    }

    header .user-buttons{

        margin-right: 0;

    }

    .featured-header-buttons{

        position: relative;

        height: 180px;

        margin-top: -60px;

    }

    .feat-header-button{

    	width: 100%;

        height: 60px;

        border-radius: 0;

    }

    .feat-header-button,

    .feat-header-button:hover{

        background: rgb(38,163,135);

        border-top: 0;

    }

    .listing .col-sm-3{

        width: 100%;

        display: inline-block;

    }

    .pg-header{

        height: 250px;

    }

    .pg-title{

        font-size: 35px;

    }

    .pg-subtitle{

        font-size: 15px;

    }

    .listing-title h2{

        font-size: 24px;

    }

    .listing-title .listing-item-rating {

        top: -5px;

    }

    .rating-count {

        top: -5px;

        left: 0;

    }

    .author-block .text-left{

        text-align: center;

    }

    .pull-left,

    .pull-right{

        display: block !important;

        float: none !important;

        margin: 0 auto;

        margin-bottom: 8px;

    }

    .author-avatar.pull-left{

        float:none !important;

        display: block;

        left: 50%;

        margin-left: -50px;

        margin-bottom: 40px;

    }

    .author-vote-mood,

    .author-name,

    .data,

    .author-title,

    .author-description{

        display: block;

        text-align: center;

        margin: 0;

        padding: 0 !important;

    }

    .author-title{

        margin-bottom: 15px;

    }

    .line .data{

        padding-left: 5px !important;

    }

    .author-vote-mood,

    .data{

        margin-bottom: 15px;

    }

    .data{

        margin-top: 15px;

    }

    .panel-form,

    .review-popup .panel-form,

    .pm-popup .panel-form{

        width: 80%;

        left: 0;

    }

    .blog .listing-item-author{

        display: none;

    }

    .template-colors{

        margin: 0;

    }

    .grid4 .col-sm-4{

        width: 90%;

        left: 5%;

        float: none !important;

    }

    .grid5 .listing-item-data{

        margin-top: 0;

    }

    /* Squared Mobile */

    .squared-mobile .listing-item-rating{

        left: auto;

        right: 8%;

        top: 6%;

    }

    .squared-mobile .listing-black-overlay{

        border-radius: 20px;

    }

    .squared-mobile .listing-item-title-centralizer{

        border-radius: 0;

    }

    .squared-mobile .listing-item .category-icon{

        top: 6%;

        left: 11%;

    }

    .squared-mobile .listing-item .listing-item-link:hover:before,

    .listing.white.squared-mobile .listing-item .listing-item-link:hover:before{

        display: none;

    }

    .squared-mobile .feat-post a:hover .feat-post-pic{

        display: none;

    }

    .squared-mobile .listing-item .listing-item-link,

    .squared-mobile .listing-item .listing-item-link img{

        width: 100%;

        display: inline-block;

        border-radius: 20px;

    }

    .grid6.rounded-pic .listing-item .listing-item-link{

        border-radius: 68px 8px 8px 68px

    }

    .grid6 .listing-item .listing-item-link img{

        width: 120px;

    }

    .grid6 .listing-item-data {

        margin-top: 8px;

    }

    .grid6 .listing-item-excerpt{

        border: 0 !important;

        padding-top: 0;

    }

    .grid6 .listing-item-excerpt{

        max-height: 95px !important;

        overflow: hidden;

    }

    .grid6.rounded-pic .listing-item-rating{

        left: 72px;

    }

    .grid6.rounded-pic .listing-item .category-icon{

        left: 35px;

    }

    .no-addr-on-mobile .listing-item-address{

        display: none;

    }

    .no-exp-on-mobile .listing-item-excerpt{

        display: none;

    }

    .listing-item .amenities{

        margin-bottom: 10px;

    }

    .grid6 .listing-category-name{

        bottom: 6px;

        right: 4px;

    }

}

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

    header .user-buttons{

        margin-right: -64px;

    }

    header .user-login{

        display: none;

    }

    header .user-buttons{

        margin-right: 0;

    }

    .search-cities{

        margin-top: -78px;

        right: 54px;

        background: transparent;

    }

    .open-cities-list .search-cities{

        right: 0;

    }

    .search-cities .cities-list a{

        box-shadow: none;

    }

    .search-cities .cities-list a.current{

        padding: 2px 0 2px 0;

        margin: 28px 10px;

    }

    .row-title h1{

        font-size: 20px !important;

    }

    .typingEffect,

    .typed-cursor{

        display: none;

    }

    .h-video.landing .trending .typed-cursor{

        display: inline-block;

    }

    .hero-search{

        box-shadow: -6px -6px 0px rgb(38,163,135);

    }

    .hero-search input[type="text" ]::-webkit-input-placeholder{

        top: 0;

    }

    .hero-search input[type="text" ]:-moz-placeholder{

        top: 0;

    }

    .hero-search input[type="text" ]::-moz-placeholder{

        top: 0;

    }

    .hero-search input[type="text" ]:-ms-input-placeholder{

        top: 0;

    }

    .featured-header-buttons{

        position: relative;

        height: 180px;

        margin-top: -60px;

    }

    .feat-header-button{

    	width: 100%;

        height: 60px;

    }

    .feat-header-button,

    .feat-header-button:hover{

        background: rgb(38,163,135);

        border-top: 0;

    }

    .listing-block {

        margin-top: 5px;

    }

    .listing-item-title{

        font-size: 15px;

        line-height: 19px;

    }

    .listing-item-address{

        font-size: 14px;

        line-height: 18px;

    }

    .listing-results{

        text-align: center;

        padding-bottom: 0;

        padding-top: 90px;

    }

    .blog .listing-results{

        padding-bottom: 30px;

    }

    .results-count{

        padding-left: 0;

        text-align: center;

        margin-bottom: 10px;

    }

    .listing-filter .dropdown-menu{

        position: relative;

        top: 0;

    }

    .listing-filter{

        position: relative;

        right: auto;

        left: 0;

        top: 10px;

        margin-bottom: 70px;

    }

    .listing-filter form{

        text-align: center;

        width: 100%;

    }

    .pg-header{

        height: 200px;

    }

    .pg-title{

        font-size: 20px;

        line-height: 26px;

    }

    .pg-subtitle{

        font-size: 14px;

    }

    .listing-block .results-count.user-listing{

        top: 0;

        margin-top: 30px;

        margin-bottom: 60px;

        left: auto;

    }

    .gallery img{

        height: 260px;

    }

    .gallery-item-caption{

        padding: 80px 80px 12px 12px;

    }

    .listing .col-sm-3,

    .col-md-9{

        padding: 0;

    }

    .grid4 .col-sm-4{

        width: 100%;

        left: 0;

        padding: 0;

    }

    .listing.grid6 .listing-item-title{

        font-size: 14px !important;

        line-height: 17px;

    }

    .listing.grid6 .feat-data{

        margin-top: 6px;

        margin-bottom: 0;

    }

    .listing.grid6.rounded-pic .feat-data{

        margin-top: 9px;

    }

    .listing-item .amenities span,

    .listing-item .tags li{

        font-size: 12px

    }

    .listing-item .amenities span:before,

    .listing-item .tags li:before{

        top: -3px;

    }

    .listing-item .amenities .icon-bicycle:before {

        top: -6px;

    }

}

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

    header .logo img{

        height: 40px;

        margin-top: 4px;

    }

    .change-color-button:before{

        display: none;

    }

}

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

    h1,

    h2,

    h3{

        font-size: 16px !important;

    }

    header .user-buttons{

        display: none;

    }

    .front-page header .user-buttons{

        display: inline-block;

    }

    .front-page header .logo{

        left: -4px;

    }

    .front-page header .add-listing{

        margin-right: -48px !important;

    }

    .front-page header .add-listing:before{

        left: 14px;

    }

    .header-search-button{

        left: auto;

        right: 0;

    }

    .hero-search form input,

    .button.big,

    .listing-item-title,

    .city-name{

        font-size: 14px !important;

    }

    .listing-filter .dropdown-menu{

        max-width: 280%;

        min-width: 215px !important;

        left: auto;

        right: -40px;

        float: right;

    }

    .listing-filter{

        right: auto;

        left: 0;

        top: 10px;

    }

    .quick-menu{

        padding: 0;

    }

    .quick-menu a{

        display: none;

    }

    .quick-menu a.pvt{

        display: block;

        border: 0;

        bottom: 0;

        border-radius: 5px;

    }

    .listing-title{

        padding: 80px 10px 60px 10px;

    }

    .listing-title h2{

        font-size: 25px;

        line-height: 25px;

    }

    .panel-form,

    .review-popup .panel-form,

    .pm-popup .panel-form{

        width: 90%;

    }

    .pg-title{

        font-size: 16px;

    }

    .single-block .thumbnail{

        max-width: 100%;

    }

    .form-horizontal{

        padding: 0;

    }

    .listing-item-title,

    .listing-item-address {

        font-size: 13px;

        line-height: 17px;

    }

    .hero-search form input,

    .typingEffect{

        letter-spacing: 0;

    }

    .front-categories .row-title h1:before,

    .how .row-title h1:before,

    .app .row-title h1:before,

    .blog-home .row-title h1:before{

        display: none;

    }

    .row-title h1{

        left: auto;

        padding-right: 0;

    }

    .row-title h4{

        margin: -11px 0 0 0;

    }

    .cat-text{

        font-size: 22px;

    }

    .listing-title .listing-item-rating{

        top: -4px;

    }

    .rating-count{

        top: -4px;

    }

    .listing-item .ribbon{

        width: auto;

        min-width: 100%;

        margin-left: 0;

        margin-right: 0;

    }

    .grid2 .listing-item .ribbon,

    .grid3 .listing-item .ribbon{

        min-width: 0;

    }

    .grid6 .listing-item .listing-item-link img {

        width: 100px;

    }

    .grid6.rounded-pic .listing-item-rating {

        left: 62px;

    }

    .listing.grid6 .feat-data{

        display: none;

    }

    .grid6 .listing-item-excerpt{

        max-height: 48px !important;

    }

    .grid6 .listing-item-title-centralizer{

        padding-left: 10px;

    }

    .blog .grid6 .listing-item-title-centralizer,

    .blog .grid6 .listing-item-title{

        padding-bottom: 0;

        padding-right: 0;

    }

}

@media only screen and (max-height: 400px) {

    .quick-menu{

        padding: 0;

    }

    .quick-menu a{

        display: none;

    }

    .quick-menu a.pvt{

        display: block;

        border: 0;

        bottom: 0;

        border-radius: 5px;

    }

}