/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
  font-family: 'BerlingskeSerif-Lt';
  src: url('../fonts/BerlingskeSerif-Lt.eot?#iefix') format('embedded-opentype'),  
      url('../fonts/BerlingskeSerif-Lt.otf')  format('opentype'),
      url('../fonts/BerlingskeSerif-Lt.woff') format('woff'), 
      url('../fonts/BerlingskeSerif-Lt.ttf')  format('truetype'), 
      url('../fonts/BerlingskeSerif-Lt.svg#BerlingskeSerif-Lt') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'berlingske_serifdemibold';
    src: url('../fonts/berlingskeserif-dbd-webfont.eot');
    src: url('../fonts/berlingskeserif-dbd-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/berlingskeserif-dbd-webfont.woff2') format('woff2'),
         url('../fonts/berlingskeserif-dbd-webfont.woff') format('woff'),
         url('../fonts/berlingskeserif-dbd-webfont.ttf') format('truetype'),
         url('../fonts/berlingskeserif-dbd-webfont.svg#berlingske_serifdemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'berlingske_serifmedium';
    src: url('../fonts/berlingskeserif-md-webfont.eot');
    src: url('../fonts/berlingskeserif-md-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/berlingskeserif-md-webfont.woff2') format('woff2'),
         url('../fonts/berlingskeserif-md-webfont.woff') format('woff'),
         url('../fonts/berlingskeserif-md-webfont.ttf') format('truetype'),
         url('../fonts/berlingskeserif-md-webfont.svg#berlingske_serifmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
  font-family: 'BerlingskeSerif-LtItalic';
  src: url('../fonts/BerlingskeSerif-LtItalic.eot?#iefix') format('embedded-opentype'),  
      url('../fonts/BerlingskeSerif-LtItalic.otf')  format('opentype'),
      url('../fonts/BerlingskeSerif-LtItalic.woff') format('woff'), 
      url('../fonts/BerlingskeSerif-LtItalic.ttf')  format('truetype'), 
      url('../fonts/BerlingskeSerif-LtItalic.svg#BerlingskeSerif-LtItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'BerlingskeSerif-Lt';
  src: url('../fonts/BerlingskeSerif-Lt.eot?#iefix') format('embedded-opentype'),  
      url('../fonts/BerlingskeSerif-Lt.otf')  format('opentype'),
      url('../fonts/BerlingskeSerif-Lt.woff') format('woff'), 
      url('../fonts/BerlingskeSerif-Lt.ttf')  format('truetype'), 
      url('../fonts/BerlingskeSerif-Lt.svg#BerlingskeSerif-Lt') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
    font-family: 'ne_estrellaregular-hairline';
    src: url('../fonts/neestrella-hairline-webfont.eot');
    src: url('../fonts/neestrella-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neestrella-hairline-webfont.woff2') format('woff2'),
         url('../fonts/neestrella-hairline-webfont.woff') format('woff'),
         url('../fonts/neestrella-hairline-webfont.ttf') format('truetype'),
         url('../fonts/neestrella-hairline-webfont.svg#ne_estrellaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ne_estrellaregular';
    src: url('../fonts/neestrella-regular-webfont.eot');
    src: url('../fonts/neestrella-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/neestrella-regular-webfont.woff2') format('woff2'),
         url('../fonts/neestrella-regular-webfont.woff') format('woff'),
         url('../fonts/neestrella-regular-webfont.ttf') format('truetype'),
         url('../fonts/neestrella-regular-webfont.svg#ne_estrellaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'BrandonGrotesqueWeb-Italic';
    src: url('../fonts/brandon_reg_it-webfont.eot');
    src: url('../fonts/brandon_reg_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_reg_it-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg_it-webfont.woff') format('woff'),
         url('../fonts/brandon_reg_it-webfont.ttf') format('truetype'),
         url('../fonts/brandon_reg_it-webfont.svg#BrandonGrotesqueWeb-Italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BrandonGrotesqueWeb-Regular';
    src: url('../fonts/brandon_reg-webfont.eot');
    src: url('../fonts/brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/brandon_reg-webfont.woff2') format('woff2'),
         url('../fonts/brandon_reg-webfont.woff') format('woff'),
         url('../fonts/brandon_reg-webfont.ttf') format('truetype'),
         url('../fonts/brandon_reg-webfont.svg#BrandonGrotesqueWeb-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/


@font-face {
  font-family: 'BerlingskeSerif-BoldItalic';
  src: url('../fonts/BerlingskeSerif-BoldItalic.eot?#iefix') format('embedded-opentype'),  
    url('../fonts/BerlingskeSerif-BoldItalic.otf')  format('opentype'),
    url('../fonts/BerlingskeSerif-BoldItalic.woff') format('woff'), 
    url('../fonts/BerlingskeSerif-BoldItalic.ttf')  format('truetype'), 
    url('../fonts/BerlingskeSerif-BoldItalic.svg#BerlingskeSerif-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */
   
input,textarea {
    -webkit-appearance: none;
    border-radius: 0;
}
  
  
input[type="search"] {box-sizing: border-box;} 
.container { margin: 0 auto; position: relative; width: 1000px; }
.container:before, .container:after { content: " "; display: table; }
.container:after { clear: both; }
.container { *zoom: 1; }
.container-fluid { width: 100%; padding: 0 15px; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

img { max-width: 100%; height: auto; }
ul, li { list-style: none; padding: 0; margin: 0; }
p { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; margin: 0; line-height: 1em; padding: 0; }
p { color: #382F2D; font-size: 18px; line-height: 1.18em; }
a { text-decoration: none; color: #000000; }

/* ==========================================================================
   Responsive helpers
   ========================================================================== */

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*
 * Grid helpers inspired from Twitter Bootstrap
 */
.row { margin: 0 -10px;  position: relative;}
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row { *zoom: 1; }
.row>div { padding: 0 10px; }

.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col20{width:20%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}
.col-offset-2{ margin-left: 16.666666666667%; }
.col-offset-4{ margin-left: 33.333333333333%; }

.hidden-desktop { display: none; }


/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html { }
body { font-family: 'BerlingskeSerif-Lt'; font-size: 18px; color: #000; }


/* ==========================================================================
   Agent login styles
   ========================================================================== */

.forgot-password, .cancel-forgot-password{
	float: right;
    font-family: 'BerlingskeSerif-Lt';
    font-size: 14px;
    border: none;
    padding: 5px 0;
    text-decoration: underline;
}

/* ==========================================================================
   Header
   ========================================================================== */
header{ padding: 21px 0; background: #ffffff; }
.logo{ display: block; width: 182px; height: 36px; margin: 0 auto; }

header .btn-menu{ float: left; font-size: 15px; margin-top: 15px;  line-height: 1; }

.right-menu{ float: right; margin-top: 13px; }
.right-menu li{ float: left; }
.right-menu li + li{ margin-left: 15px; }
.right-menu li a{ display: block; font-size: 14px; line-height: 18px; }
.right-menu li.search-btn a{ padding-left: 18px; background: url(../images/icon-search.png) left center no-repeat; }

header .menu-container{ display: none; }
header .menu-container.open{ display: block; }
header .menu{ margin: 15px 0 0; display: none; font-size: 15px; line-height: 1em; }
header .menu.open{ display: block; }
header .menu li{ display: inline-block; }
header .menu li + li:before{ content: "|"; font-size: 15px; font-family: 'BerlingskeSerif-Lt'; display: inline-block; margin: 0 12px;  margin: 0 10px;}
header .menu li a{ font-size: 15px; font-family: 'BerlingskeSerif-Lt'; display: inline-block; font-weight: 600; position: relative; }
header .menu li a:hover{ color: #B3B3B3; }
header .menu li.hover a{ color: #B3B3B3; }
header .menu li.with-submenu a:after{ content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000000; position: absolute; bottom: -8px; left: 50%; margin-left: -4px; }
header .menu li.with-sub-submenu a:after{ content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000000; position: absolute; bottom: -8px; left: 50%; margin-left: -4px; }
header .menu li.sub-menu-absolute > a:after{ content: ""; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #000000; position: absolute; bottom: -8px; left: 50%; margin-left: -4px; z-index: 999999; z-index: 2000;}
header .menu .dropdown{ position: absolute; left: 0; top: 100%; }

header .search-container{ display: block; }
header .search-container.open{ display: block; }
header .search-container form{ margin: 10px 0; width: 50%; position: relative; }
header .search-container .input{ display: block; width: 100%; outline: none; font-size: 15px; font-family: 'BerlingskeSerif-Lt'; font-weight: 600; color: #000000; border: none; height: 36px; padding-right: 50px; }
header .search-container .input::-webkit-input-placeholder{ color: #000000; }
header .search-container .input:-moz-placeholder{ color: #000000; }
header .search-container .input::-moz-placeholder{ color: #000000; }
header .search-container .input:-ms-input-placeholder{ color: #000000; }
header .search-container input[type="submit"]{ display: block; width: 36px; height: 36px; background: url(../images/icon-search-black.jpg) center no-repeat; position: absolute; top: 0; right: 0; text-indent: -99999px; border: none; }

header .dropdown{ display: none; }
header .sub-dropdown{ display: none; }
header .dropdown .menu{ margin-top: 12px; }

header .sub-menu-absolute{ position: relative; }
header .sub-menu-absolute .sub-menu{ position: absolute; top: 100%; left: 30px; right: 0; display: none; background: #ffffff; z-index: 999; padding: 5px 10px; }
header .sub-menu-absolute .properties.sub-menu{ left: 0; padding: 0; }
header .sub-menu-absolute .sub-menu li{ float: none; display: block; }
header .sub-menu-absolute .sub-menu li + li:before{ content: none; display: none; margin: 0; }
header .sub-menu-absolute .sub-menu a{ color: #B3B3B3; position: relative; }
header .sub-menu-absolute .sub-menu a:hover{ color: #000000; }
header .sub-menu-absolute .properties.sub-menu li:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon.png) center no-repeat; margin-right: 5px; }
header .sub-menu-absolute .properties.sub-menu li:hover:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon-active.png) center no-repeat; margin-right: 5px; }

header .sub-menu-absolute:hover .sub-menu{ display: block; }

.results-nav{ display: none; }
.results-nav .menu{}
.results-nav .menu li{ position: relative; }
.results-nav .menu ul{ display: none; position: absolute; top: 0; left: 81px; background: #ffffff; width: 150px; z-index: 999; }
.results-nav .menu li:hover ul{ display: block; }
.results-nav .menu ul li{ float: none; display: block; }
.results-nav .menu ul li + li:before{ content: none; display: none; margin: 0; }


header .prop-search {display: block;}
header .prop-search .menu {display: block;}
header .prop-search .sub-menu {min-width: 150px;}
header .prop-search .sub-menu, header .prop-search .properties.sub-menu {    padding: 15px 10px 5px 10px;}
header .prop-search .sub-menu{    max-height: 200px;    overflow-y: scroll;}
header .prop-search .sub-menu li.selected, header .prop-search .sub-menu li.selected a {    color: #000000;}
header .prop-search .sub-menu.properties li.selected:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon-active.png) center no-repeat; margin-right: 5px; }

.places_dropdown ul li { line-height: 150%; }


.sub_sub_nav .menu {    margin: 15px 0 0;    display: none;    font-size: 15px;    line-height: 1em;}
.sub_sub_nav .menu li {    display: inline-block;}
/* .sub_sub_nav .menu li + li:before {    content: "|";    font-size: 15px;    font-family: 'BerlingskeSerif-Lt';    display: inline-block;    margin: 0 12px;} */

.sub_sub_nav .search-container{ display: block; }
.sub_sub_nav .search-container.open{ display: block; }
.sub_sub_nav .search-container form{ margin: 10px 0; width: 50%; position: relative; }
.sub_sub_nav .search-container .input{ display: block; width: 100%; outline: none; font-size: 15px; font-family: 'BerlingskeSerif-Lt'; font-weight: 600; color: #000000; border: none; height: 36px; padding-right: 50px; }
.sub_sub_nav .search-container .input::-webkit-input-placeholder{ color: #000000; }
.sub_sub_nav .search-container .input:-moz-placeholder{ color: #000000; }
.sub_sub_nav .search-container .input::-moz-placeholder{ color: #000000; }
.sub_sub_nav .search-container .input:-ms-input-placeholder{ color: #000000; }
.sub_sub_nav .search-container input[type="submit"]{ display: block; width: 36px; height: 36px; background: url(../images/icon-search-black.jpg) center no-repeat; position: absolute; top: 0; right: 0; text-indent: -99999px; border: none; }

.sub_sub_nav .dropdown{ display: none; }
.sub_sub_nav .sub-dropdown{ display: none; }
.sub_sub_nav .dropdown .menu{ margin-top: 12px; }

.sub_sub_nav .sub-menu-absolute{ position: relative; }
.sub_sub_nav .sub-menu-absolute .sub-menu{ position: absolute; top: 100%; left: 30px; right: 0; display: none; background: #ffffff; z-index: 999; padding: 5px 10px; }
.sub_sub_nav .sub-menu-absolute .properties.sub-menu{ left: 0; padding: 0; }
.sub_sub_nav .sub-menu-absolute .sub-menu li{ float: none; display: block; }
.sub_sub_nav .sub-menu-absolute .sub-menu li + li:before{ content: none; display: none; margin: 0; }
.sub_sub_nav .sub-menu-absolute .sub-menu a{ color: #B3B3B3; position: relative; }
.sub_sub_nav .sub-menu-absolute .sub-menu a:hover{ color: #000000; }
.sub_sub_nav .sub-menu-absolute .properties.sub-menu li:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon.png) center no-repeat; margin-right: 5px; }
.sub_sub_nav .sub-menu-absolute .properties.sub-menu li:hover:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon-active.png) center no-repeat; margin-right: 5px; }

.sub_sub_nav .sub-menu-absolute:hover .sub-menu{ display: block; }


.sub_sub_nav .prop-search {display: block;     padding: 0 10px 10px;}
.sub_sub_nav .prop-search .menu {display: block; margin-left: -10px;}
.sub_sub_nav .prop-search .sub-menu {min-width: 150px;}
.sub_sub_nav .prop-search .sub-menu, header .prop-search .properties.sub-menu {    padding: 15px 10px 5px 10px;}
.sub_sub_nav .prop-search .sub-menu{    max-height: 200px;    overflow-y: scroll;}
.sub_sub_nav .prop-search .sub-menu li.selected, header .prop-search .sub-menu li.selected a {    color: #000000;}
.sub_sub_nav .prop-search .sub-menu.properties li.selected:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon-active.png) center no-repeat; margin-right: 5px; }


/* ==========================================================================
   Top Banner
   ========================================================================== */
.top_banner{ margin-bottom: 20px; }
.top_banner img{ display: block; margin: 0 auto; }

/* ==========================================================================
   Space Ad
   ========================================================================== */
.space_ad{ background: url(../images/etc/ad-bg.jpg) center top no-repeat; min-height: 370px; margin-bottom: 20px; text-align: center; padding-top: 240px; }
.alt_space_ad{  margin-bottom: 20px; text-align: center; padding-top: 240px; background-image: none!important; min-height: 10px; padding-top: 14px;  }
.alt_space_ad p {
    font-family: 'BerlingskeSerif-LtItalic';
    margin-bottom: 15px;
    line-height: 1.4;
}
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .space_ad{ background: url(../images/etc/ad-bg@2x.jpg) center top no-repeat;background-size: 1000px 370px; }
}
.space_ad p{ font-family: 'BerlingskeSerif-LtItalic'; margin-bottom: 15px; line-height: 1.4; }
.space_ad .btn{ display: inline-block; text-decoration: underline; font-family: 'berlingske_serifdemibold'; margin-bottom: 15px; }
.space_ad .btn-subscribe{ display: inline-block; text-decoration: none; font-family: 'berlingske_serifdemibold'; margin-bottom: 15px; border: 1px solid #000; font-size: 15px; padding: 1px 25px; }

/* ==========================================================================
   Boxes
   ========================================================================== */
.boxes{  }
.boxes .box{ margin-bottom: 30px; text-align: center; }
.boxes .box img{ display: block; margin: 0 auto 20px; width: 100%; }
.boxes .box h3{ font-size: 24px; font-family: 'BerlingskeSerif-Lt'; }

/* ==========================================================================
   Featured Article
   ========================================================================== */
.featured_article{ margin-bottom: 30px; }
.featured_article img{ display: block; }
.featured_article h2{ font-size: 18px; font-family: 'berlingske_serifdemibold'; margin-bottom: 2px; }
.featured_article .date{ font-size: 14px; font-family: 'berlingske_serifdemibold'; margin-bottom: 15px; }
.featured_article p{ font-family: 'BerlingskeSerif-Lt'; font-size: 14px; margin-bottom: 15px; line-height: 1.2; }
.featured_article .btn-read{ display: inline-block; font-size: 10px; font-family: 'berlingske_serifdemibold'; border: 1px solid #000; line-height: 1.4; padding: 0 7px; }

/* ==========================================================================
   Instagram Section
   ========================================================================== */
.instagram_section{ padding-bottom: 30px; padding-top: 20px;}
.instagram_section .inst_box{ margin-bottom: 15px; }
.instagram_section h2{ font-family: 'BerlingskeSerif-Lt'; font-size: 18px; letter-spacing: 0.75px; }
.instagram_section hr{ display: block; height: 0; border: none; border-top: 1px solid #000; margin: 5px 0 20px; }
.instagram_section img{ display: block; margin: 0 auto 15px; width: 100%; }
.instagram_section .icon-fav{ display: inline-block; font-family: 'BerlingskeSerif-Lt'; font-size: 12px; line-height: 18px; padding-left: 38px; background: url(../images/icon-fav.png) 8px center no-repeat; margin-right: 35px; }
.instagram_section .icon-comment{ display: inline-block; font-family: 'BerlingskeSerif-Lt'; font-size: 12px; line-height: 18px; padding-left: 38px; background: url(../images/icon-comment.png) 8px center no-repeat; }

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .instagram_section .icon-fav{ background: url(../images/icon-fav@2x.png) 8px center no-repeat; margin-right: 35px; background-size: 18px 18px }
	.instagram_section .icon-comment{ background: url(../images/icon-comment@2x.png) 8px center no-repeat;  background-size: 18px 18px}

}
/* ==========================================================================
   Featured Properties
   ========================================================================== */
.feature_properties{ margin-bottom: 20px; }
.feature_properties .col6{ margin-bottom: 20px; }
.feature_properties h2{ font-family: 'BerlingskeSerif-Lt'; font-size: 18px; }
.feature_properties h2 img{ vertical-align: middle; margin-left: 5px; }
.feature_properties hr{ display: block; height: 0; border: none; border-top: 1px solid #000; margin: 5px 0 20px; }
.feature_properties .property_img{ position: relative; margin-bottom: 25px; margin-bottom: 21px; overflow: hidden; background-position: center center; background-position: right top; background-repeat: no-repeat; background-size: cover;}
.feature_properties .property_img img{ display: block; width: 100%; }
.feature_properties .property_img .label{ position: absolute; left: -42px; top: -9px; display: block; background: #000; color: #ffffff; font-family: 'berlingske_serifdemibold'; font-size: 14px; width: 120px; padding: 25px 0px 5px; text-align: center; transform: rotate(-45deg); }
.feature_properties .property_img .icon-fav{ display: block; width: 40px; height: 40px; position: absolute; left: 0; bottom: 0; background: rgba(255,255,255,0.5) url(../images/icon-fav-white.png) center no-repeat; text-indent: -99999px; }
.feature_properties .price{ font-family: 'BerlingskeSerif-Lt'; font-size: 20px; margin-bottom: 8px; }
.feature_properties .meta{ font-family: 'BerlingskeSerif-Lt'; font-size: 20px; margin-bottom: 4px; }
.feature_properties .icon-bedroom{ display: inline-block; padding-right: 30px; margin-right: 15px; background: url(../images/icon-bedroom.png) right center no-repeat; }
.feature_properties .icon-bathroom{ display: inline-block; padding-right: 30px; margin-right: 20px; background: url(../images/icon-bathroom.png) right center no-repeat; }
.feature_properties .icon-parking{ display: inline-block; padding-right: 30px; margin-right: 20px; background: url(../images/icon-parking.png) right center no-repeat; }
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	.feature_properties .icon-bedroom{ background: url(../images/icon-bedroom@2x.png) right center no-repeat; background-size: 18px 18px; }
	.feature_properties .icon-bathroom{  background: url(../images/icon-bathroom@2x.png) right center no-repeat; background-size: 18px 18px; }
	.feature_properties .icon-parking{  background: url(../images/icon-parking@2x.png) right center no-repeat; background-size: 18px 18px; }

}


.feature_properties h3{ font-size: 18px; font-family: 'berlingske_serifdemibold'; line-height: 1.1;  margin-bottom: 0.4em; }
.feature_properties h4{ font-size: 14px; font-family: 'berlingske_serifdemibold'; line-height: 1.1; margin-bottom: 12px; }
.feature_properties p, .blue_section .feature_properties p{ font-family: 'BerlingskeSerif-Lt'; font-size: 14px; line-height: 1.2; margin-bottom: 15px; }
.feature_properties .btn-read{ display: inline-block; font-size: 10px; font-family: 'berlingske_serifdemibold'; border: 1px solid #000; line-height: 1.4; padding: 0 7px; margin-bottom: 20px; }

.ad-col{ text-align: center; position: relative; }
.ad-col img{ display: block; margin: 20px auto; }
 
.feature_properties .col4 .price{ margin-bottom: 10px; margin-bottom: 0;}
.feature_properties .col4 h3{ font-size: 14px; }
.feature_properties .col4 h4{ font-size: 10px; }
.feature_properties .col4 p{ font-size: 10px; }

/* ==========================================================================
   Bottom Banner
   ========================================================================== */
.bottom_banner{}
.bottom_banner.mv{ margin: 40px 0; }
.bottom_banner img{ display: block; width: 100%; height: auto; }

/* ==========================================================================
   Footer
   ========================================================================== */
footer{ margin-top: 40px; background: #F2F2F2; margin-top: 0px;}
footer .container{ background: #F2F2F2; padding: 25px 80px; } 
footer p{ font-size: 10px; margin-bottom: 20px; line-height: 1.4; }
footer a{ text-decoration: underline; }

body.template_brompton footer{margin-top: 0px;}
body.template_brompton .blue_section.clear{margin-bottom: 0px;}
/* ==========================================================================
   Communities Section
   ========================================================================== */
.communities_section{}
.communities_section h2{ font-family: 'BerlingskeSerif-Lt'; font-size: 18px; }
.communities_section hr{ display: block; height: 0; border: none; border-top: 1px solid #000; margin: 5px 0 20px; }
.communities_section .box{ margin-bottom: 30px; text-align: center; }
.communities_section .box img{ display: block; margin: 0 auto 20px; width: 100%; }
.communities_section .box h3{ font-size: 24px; font-family: 'BerlingskeSerif-Lt'; }

/* ==========================================================================
   About Page
   ========================================================================== */
.green_bg{ background: #e9f6e8; }
.yellow_bg{ background: #fffef0; }
.inner_page{ text-align: center; }
.inner_page .container{ width: 660px; }
.inner_page h1{ font-family: 'berlingske_serifdemibold'; font-size: 40px; line-height: 1.2; margin: 70px 0 15px; }
.inner_page img{ display: block; margin: 0 auto 40px; }
.inner_page h2{ font-family: 'berlingske_serifdemibold'; font-size: 40px; line-height: 1.2; margin-bottom: 15px; }
.inner_page p{ margin-bottom: 25px; font-size: 18px; letter-spacing: 0.75px }
.inner_page .btn{ display: inline-block; font-size: 10px; font-family: 'berlingske_serifdemibold'; border: 1px solid #000; line-height: 1.4; padding: 0 7px; margin-bottom: 20px; }

/* ==========================================================================
   News Section
   ========================================================================== */
.news_section{ margin-bottom: 20px; }
.news_section h2{ font-family: 'BerlingskeSerif-Lt'; font-size: 18px; letter-spacing: 0.75px; }
.news_section hr{ display: block; height: 0; border: none; border-top: 1px solid #000; margin: 5px 0 20px; }
.news_section .news_item{ margin-bottom: 20px; }
.news_section .news_item p{ font-size: 14px; }
.news_item img{ display: block; margin: 0 auto 18px; width: 100%; }
.news_item h3{ font-family: 'berlingske_serifdemibold'; font-size: 18px; margin-bottom: 12px; letter-spacing: 0.75px; }
.news_item h4{ font-family: 'berlingske_serifdemibold'; font-size: 14px; margin-top: -12px; margin-bottom: 12px; }
.news_item p{ font-size: 16px; font-family: 'BerlingskeSerif-Lt'; line-height: 1.125; margin-bottom: 10px; }
.news_item .btn{ display: inline-block; font-size: 10px; font-family: 'berlingske_serifdemibold'; border: 1px solid #000; line-height: 1.4; padding: 0 7px; }

.alt_font_size .news_item p{ font-size: 14px; line-height: 1.15; }

/* ==========================================================================
   Built Product Section
   ========================================================================== */
.built_product_section{ margin-bottom: 20px; }
.built_product_section h2{ font-family: 'BerlingskeSerif-Lt'; font-size: 18px; }
.built_product_section hr{ display: block; height: 0; border: none; border-top: 1px solid #000; margin: 5px 0 20px; }
.built_product_section .row{ margin-bottom: 20px; }
.built_product_section img{ display: block; width: 100%; }
.built_product_section h3{ font-family: 'BerlingskeSerif-Lt'; font-size: 32px; margin-bottom: 10px; letter-spacing: 7px; }
.built_product_section p{ font-family: 'BerlingskeSerif-Lt'; font-size: 14px; margin-bottom: 15px; letter-spacing: 0.5px; }
.built_product_section .btn-read{ display: inline-block; font-size: 10px; font-family: 'berlingske_serifdemibold'; border: 1px solid #000; line-height: 1.4; padding: 0 7px; }


/* ==========================================================================
   Article video 
   ========================================================================== */
.video-thumb {position: absolute; width: 100%;height: 100%;z-index: 0;top: 0;left: 0;}

.slide-item.video .play-btn{z-index: 10;}
.video .play-btn {display: block; width: 100px;
      height: 100px;
      background: #FFFFFF url("../images/play-btn.png") no-repeat;
      background-position: 60% 50%;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -50px;
      margin-left: -50px; }
      
.cycle-slideshow .slide-item{
	display: none;
}

.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.placeholder-pager{
	background:#e9f6e8;
}




/* ==========================================================================
   Property Single
   ========================================================================== */
.property_slideshow{ margin-bottom: 20px; } 
.property_slideshow .slide-item{ width: 100%; background-position: center center; background-size: contain; background-repeat: no-repeat; height: 100%; max-height: 600px;}
.property_slideshow .slide-item img{ display: block; margin: 0 auto; }
.property_slideshow .controls{}
.property_slideshow .prevControl{ display: block; width: 40px; height: 40px; background: url(../images/arrow-left.png) center  no-repeat; position: absolute; top: 50%; left: 0; margin-top: -20px; text-indent: -99999px; z-index: 99999; cursor: pointer; }
.property_slideshow .nextControl{ display: block; width: 40px; height: 40px; background: url(../images/arrow-right.png) center  no-repeat; position: absolute; top: 50%; right: 0; margin-top: -20px; text-indent: -99999px; z-index: 99999; cursor: pointer; }

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
.property_slideshow .prevControl{ background: url(../images/arrow-left@2x.png) center  no-repeat;  background-size: 40px 40px;}
.property_slideshow .nextControl{ background: url(../images/arrow-right@2x.png) center  no-repeat; background-size: 40px 40px; }
}


.property_slideshow_pager{ text-align: center; margin-bottom: 25px; }
.property_slideshow_pager img{ display: inline-block; margin: 0 12px; cursor: pointer;     max-height: 100px;}

.property_content{}
.property_content .price{ font-family: 'BerlingskeSerif-Lt'; font-size: 20px; }
.property_content .meta{ font-family: 'BerlingskeSerif-Lt'; font-size: 20px; margin-bottom: 0; }
.property_content .icon-bedroom{ display: inline-block; padding-right: 30px; margin-right: 20px; background: url(../images/icon-bedroom.png) right center no-repeat; }
.property_content .icon-bathroom{ display: inline-block; padding-right: 30px; margin-right: 20px; background: url(../images/icon-bathroom.png) right center no-repeat; }
.property_content .icon-parking{ display: inline-block; padding-right: 30px; margin-right: 20px; background: url(../images/icon-parking.png) right center no-repeat; }

@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	.property_content .icon-bedroom{ background: url(../images/icon-bedroom@2x.png) right center no-repeat; background-size: 18px 18px; }
	.property_content .icon-bathroom{  background: url(../images/icon-bathroom@2x.png) right center no-repeat; background-size: 18px 18px; }
	.property_content .icon-parking{  background: url(../images/icon-parking@2x.png) right center no-repeat; background-size: 18px 18px; }

}


.property_main{}
.property_main h2{ font-size: 18px; font-family: 'berlingske_serifdemibold'; letter-spacing: 0.75px;  margin-bottom: 10px }
.property_main h3{ font-size: 14px; font-family: 'berlingske_serifdemibold'; margin-bottom: 10px;    margin-top:-6px; }
.property_main h3.mb{ margin-bottom: 0; }
.property_main p{ font-family: 'BerlingskeSerif-Lt'; font-size: 14px; line-height: 1.2; margin-bottom: 15px; }

.description-single {    font-family: 'BerlingskeSerif-Lt';    font-size: 14px;    line-height: 1.2;    margin-bottom: 15px;}

.property_main .current-event{ font-family: 'BerlingskeSerif-Lt'; font-size: 18px; margin-bottom: 15px; }
.property_main .current-event img{ vertical-align: middle; margin-left: 5px; }
.property_main ul{ margin-bottom: 10px; }
.property_main ul li{ font-family: 'BerlingskeSerif-Lt'; font-size: 14px; list-style-type: disc; list-style-position: inside; line-height: 1.3; }
.property_main p small{ font-size: 10px; }
.property_main p.mn{ margin-bottom: 35px; }
.times-table{ border-top: 1px solid #000; font-family: 'BerlingskeSerif-Lt'; font-size: 14px; margin-top: 6px;     margin-bottom: 12px; }
.times-table > div{ border-bottom: 1px solid #000; padding: 6px 0; }
.times-table img{ vertical-align: middle; margin-left: 5px; }

.collaps_area{ display: none;}
.clear_margin {margin-bottom: 0;}
.add_bottom_margin {margin-bottom: 25px;}

.row > .property_sidebar{ padding-top: 24px; }
.property_sidebar h2{ font-size: 18px; font-family: 'berlingske_serifdemibold'; letter-spacing: 0.75px; }
.property_sidebar ul{ margin-bottom: 18px; }
.property_sidebar ul li{ font-size: 14px; font-family: 'BerlingskeSerif-Lt'; }
.property_sidebar ul li strong{ font-family: 'berlingske_serifdemibold'; }
.property_sidebar ul li a{ text-decoration: underline; }

.related_properties{ margin: 35px 0; }
.related_properties h3{ font-size: 18px; font-family: 'berlingske_serifdemibold'; margin-bottom: 5px; letter-spacing: 0.75px; }
.related_properties img{ display: block; }

.property_single_bottom{ max-width: 660px; width: 100%; margin: 0 auto; }
.property_single_bottom h2{ font-size: 18px; font-family: 'berlingske_serifdemibold'; margin-bottom: 8px; letter-spacing: 0.75px; }
.property_single_bottom .map{ display: block; width: 100%; margin-bottom: 35px; }
.property_single_bottom .half_width_center{ width: 50%; margin: 0 auto; }
.property_single_bottom .table_wrapper{ margin-bottom: 40px; }
.property_single_bottom .table_wrapper.mn{ margin-bottom: 10px; }
.property_single_bottom .table_wrapper table{ width: 100%; border-top: 1px solid #000; }
.property_single_bottom .table_wrapper table tr td{ border-bottom: 1px solid #000; font-family: 'BerlingskeSerif-Lt'; font-size: 14px; padding: 7px 0; letter-spacing: 0.75px; }
.property_single_bottom .table_wrapper table tr td:last-child{ text-align: right; }
.property_single_bottom .btn{ float: right; display: inline-block; font-size: 10px; font-family: 'berlingske_serifdemibold'; border: 1px solid #000; line-height: 1.4; padding: 0 9px; }


.calc_result{       font-family: 'BerlingskeSerif-Lt';
    font-size: 14px;
    padding: 7px 0;
    letter-spacing: 0.75px;
    }
    
 .show-mobile-only{display: none; }
 
 .mobile .show-mobile-only,
 .tablet .show-mobile-only {display: block;}   
 
 
 /* ==========================================================================
   Place Template reg
   ========================================================================== */
 
 .overlay {position: fixed; z-index: 1000; top:0; right: 0; left:0; bottom:0; width: 100%;    height: 100%; background-image: url(../images/bg-grey.png); background-position: center center; background-repeat: repeat;}
.reg-popup-wrapper {padding:26px 36px; width: 370px; height: 266px;     height: 300px;  position: fixed; top:50%; left:50%; margin-left: -185px; margin-top: -133px; margin-top: -150px; display: block; background-color: #fff; position: absolute; z-index: 1001;}
.reg-popup-wrapper input, .reg-popup-wrapper label { font-family: 'BerlingskeSerif-Lt';    font-size: 14px; border: none; background-color: transparent;}
.reg-popup-wrapper input.fw {width: 100%;    height: 2.3em;} 
.reg-popup-wrapper .line-top {border-top:1px solid #000;}
.reg-popup-wrapper label[for=reg_sub]{

	line-height: 1.5em!important;
    padding-left: 20px!important;
    display: inline-block;
    margin-top: .5em!important;
    
}

.reg-popup-wrapper #reg_sub.error+label{color:red;}

.reg-popup-wrapper textarea { font-family: 'BerlingskeSerif-Lt';    font-size: 14px; border: none; background-color: transparent;     padding-top: 6px;}
.reg-popup-wrapper textarea.fw {width: 100%;    height: 4em;} 
.reg-popup-wrapper textarea.line-top {border-top:1px solid #000;}

.reg-popup-wrapper input::-webkit-input-placeholder {   color: #000; opacity:1}
.reg-popup-wrapper input:-moz-placeholder {   color:  #000;  opacity:1 }
.reg-popup-wrapper input::-moz-placeholder {     color:  #000;  opacity:1 }
.reg-popup-wrapper input:-ms-input-placeholder {     color:  #000;  opacity:1 }

.reg-popup-wrapper textarea::-webkit-input-placeholder {   color: #000; opacity:1}
.reg-popup-wrapper textarea:-moz-placeholder {   color: #000;  opacity:1 }
.reg-popup-wrapper textarea::-moz-placeholder {     color: #000;  opacity:1 }
.reg-popup-wrapper textarea:-ms-input-placeholder {     color: #000;  opacity:1 }

.reg-popup-wrapper .is-checkbox label { font-family: 'BerlingskeSerif-Lt';    font-size: 10px; border: none; background-color: transparent;     padding-left: 20px;     padding-left: 15px;
    line-height: 3.3em; cursor: pointer;}
.reg-popup-wrapper input[type=submit] {font-family: 'berlingske_serifdemibold'; font-size: 10px; border: 1px solid #000; float: right;     margin-right: -10px;     line-height: 1em;
        margin-top: 0.8em; width: 100%; text-align: center;}
    
.reg-popup-wrapper .close {width: 16px; height: 17px; display: block; background-image: url(../images/popup-close.png); position: absolute; top: 5px; right: 5px; cursor: pointer;}

.reg-popup {cursor: pointer;}
.overlay, .reg-popup-wrapper {display: none;}

input.error, textarea.error, select.error{
    outline: 1px solid red;   
}

input.error,
textarea.error,
select.error{
	border: 1px solid red;
}


html.boxshadow input.error,
html.boxshadow textarea.error,
html.boxshadow select.error{
	outline: none;
	border: none;
-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255,0,0,1);
-moz-box-shadow: inset 0px 0px 0px 1px rgba(255,0,0,1);
box-shadow: inset 0px 0px 0px 1px rgba(255,0,0,1);


	 
}






@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .reg-popup-wrapper .close { background-image: url(../images/popup-close@2x.png); background-size: 16px 17px; }
}

.is-checkbox {position: relative;]}

.reg-popup-wrapper .is-checkbox input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.reg-popup-wrapper .is-checkbox input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
}

.reg-popup-wrapper .is-checkbox label{top:2px;}

.reg-popup-wrapper .is-checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
/*     margin-left: -20px; */
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        top: 6px;
}
.reg-popup-wrapper .is-checkbox label::before {
    border-radius: 50%;
}

.reg-popup-wrapper .is-checkbox input[type="checkbox"]:checked + label::before, .reg-popup-wrapper .is-checkbox input[type="radio"]:checked + label::before {
    background-color: #000;
    border-color: #000;
    -webkit-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 4px rgba(255,255,255,1);
}



/* ==========================================================================
   Signup
   ========================================================================== */


 .overlay-signup {position: fixed; z-index: 1000; top:0; right: 0; left:0; bottom:0; width: 100%;    height: 100%; background-image: url(../images/bg-grey.png); background-position: center center; background-repeat: repeat;}
.signup-popup-wrapper {padding:26px 36px; width: 370px; height: 266px; position: fixed; top:50%; left:50%; margin-left: -185px; margin-top: -133px; display: block; background-color: #fff; position: absolute; z-index: 1001;}
.signup-popup-wrapper input, .reg-popup-wrapper label { font-family: 'BerlingskeSerif-Lt';    font-size: 14px; border: none; background-color: transparent;}
.signup-popup-wrapper input.fw {width: 100%;    height: 2.3em;} 
.signup-popup-wrapper .line-top {border-top:1px solid #000;}


.signup-popup-wrapper textarea { font-family: 'BerlingskeSerif-Lt';    font-size: 14px; border: none; background-color: transparent;     padding-top: 6px;}
.signup-popup-wrapper textarea.fw {width: 100%;    height: 4em;} 
.signup-popup-wrapper textarea.line-top {border-top:1px solid #000;}

.signup-popup-wrapper input::-webkit-input-placeholder {   color: #000; opacity:1}
.signup-popup-wrapper input:-moz-placeholder {   color:  #000;  opacity:1 }
.signup-popup-wrapper input::-moz-placeholder {     color:  #000;  opacity:1 }
.signup-popup-wrapper input:-ms-input-placeholder {     color:  #000;  opacity:1 }

.signup-popup-wrapper textarea::-webkit-input-placeholder {   color: #000; opacity:1}
.signup-popup-wrapper textarea:-moz-placeholder {   color: #000;  opacity:1 }
.signup-popup-wrapper textarea::-moz-placeholder {     color: #000;  opacity:1 }
.signup-popup-wrapper textarea:-ms-input-placeholder {     color: #000;  opacity:1 }

.signup-popup-wrapper .is-checkbox label { font-family: 'BerlingskeSerif-Lt';    font-size: 10px; border: none; background-color: transparent;     padding-left: 20px;     padding-left: 15px;
    line-height: 3.3em; cursor: pointer;     padding-left: 20px;    line-height: 1em; font-size: 14px;}
.signup-popup-wrapper input[type=submit] {font-family: 'berlingske_serifdemibold'; font-size: 10px; border: 1px solid #000; float: right;     margin-right: -10px;     line-height: 1em;
        margin-top: 0.8em; width: 100%; text-align: center;}
    
.signup-popup-wrapper .close {width: 16px; height: 17px; display: block; background-image: url(../images/popup-close.png); position: absolute; top: 5px; right: 5px; cursor: pointer;}

.signup-popup {cursor: pointer;}
.overlay-signup, .signup-popup-wrapper {display: none;}
.signup-popup-wrapper .is-checkbox{
    padding-top: 3px;
        padding-bottom: 4px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
    .signup-popup-wrapper .close { background-image: url(../images/popup-close@2x.png); background-size: 16px 17px; }
}

.is-checkbox {position: relative;]}

.signup-popup-wrapper .is-checkbox input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
}
.signup-popup-wrapper .is-checkbox input[type="checkbox"]{
    opacity: 0;
    z-index: 1;
}

.signup-popup-wrapper .is-checkbox label{top:2px;}

.signup-popup-wrapper .is-checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
/*     margin-left: -20px; */
    border: 1px solid #000;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
        top: 3px;
        
        
}
.signup-popup-wrapper .is-checkbox label::before {
    border-radius: 50%;
}

.signup-popup-wrapper .is-checkbox input[type="checkbox"]:checked + label::before, .signup-popup-wrapper .is-checkbox input[type="radio"]:checked + label::before {
    background-color: #000;
    border-color: #000;
    -webkit-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
-moz-box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
box-shadow: inset 0px 0px 0px 2px rgba(255,255,255,1);
}

.signup-popup-wrapper p.title{     font-family: 'berlingske_serifdemibold';    font-size: 18px;    padding-top: 0.3em;    padding-bottom: 1.4em;    letter-spacing: 0.02em;}
.signup-popup-wrapper p.p-norm {font-family: 'BerlingskeSerif-Lt';    font-size: 14px;     margin-left: -10px;     padding-top: 7px;}
/* ==========================================================================
   Place Template Base
   ========================================================================== */
.yellow_section{ background: #FEDE00; margin-bottom: 20px; }
.yellow_section h1{ color: #fff; }
blockquote{ color: #fff; font-family: 'berlingske_serifdemibold'; font-size: 40px; font-style: italic; margin: 40px 0; line-height: 1.1; }
blockquote p{ font-size: 12px; font-style: normal; color: #fff; }
blockquote.style-normal{ font-style: normal; }
.yellow_section blockquote p{ color: #fff; font-size: 12px; line-height: 1.1; font-family: 'BerlingskeSerif-Lt'; }
.yellow_section blockquote{ color: #fff; font-family: 'BerlingskeSerif-BoldItalic'; }
.yellow_section p{ color: #231F9F; color: inherit; font-size: 20px; letter-spacing: 0.3px }
.yellow_section .font_blue{ color: #231F9F; }

.btn_clip{ width: 100px; 
   height: 100px; 
   background: #ffffff;
   margin: 0;
   /* Rotate */
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
   /* Rotate Origin */
   -webkit-transform-origin: 0 100%;
   -moz-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   -o-transform-origin: 0 100%;
   transform-origin: 0 100%;
  display: block;
  position: fixed;
  right: 0;
  top: 130px;
  z-index: 999;
  font-size: 18px;
  color: #FF00FF;
  color: #000;
 }
 .btn_clip span{
  text-align: center;
  display: block;
  padding-top: 20px;
  /* Rotate */
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(45deg);
   /* Rotate Origin */
   -webkit-transform-origin: 50px 50px;
   -moz-transform-origin: 50px 50px;
   -ms-transform-origin: 50px 50px;
   -o-transform-origin: 50px 50px;
   transform-origin: 50px 50px;

 }

.main.pad_top{ padding-top: 25px }

.images-row img{ display: block; width: 100%;     margin-bottom: 25px;}

.centered_cols{}
.centered_cols.mbb{  margin-bottom: 30px; }
.centered_cols h2{ font-family: 'BerlingskeSerif-Lt'; font-size: 18px; letter-spacing: 0.75px; }
.centered_cols h2 img{ vertical-align: middle; margin-left: 5px; }
.centered_cols hr{ display: block; height: 0; border: none; border-top: 1px solid #000; margin: 5px 0 20px; }
.centered_cols .row{ text-align: center; }
.centered_cols .col3{ float: none; display: inline-block; width: 24%; }
.centered_cols .col2{ float: none; display: inline-block; }
.centered_cols h3{ text-align: left; font-size: 18px; font-family: 'BerlingskeSerif-Lt'; margin-bottom: 7px; margin-top: 10px; }
.centered_cols h4{ text-align: center; font-size: 18px; font-family: 'berlingske_serifdemibold'; margin-bottom: 7px; margin-top: -20px; }
.centered_cols .image-holder{ display: block; position: relative; margin-bottom: 30px; }
.centered_cols .image-holder img{ display: block; width: 100%; }
.centered_cols .image-holder .icon-plus{ display: block; width: 40px; height: 40px; background: rgba(255,255,255,0.5) url(../images/icon-plus-white.png) center no-repeat; position: absolute; bottom: 0; left: 0; text-indent: -99999px; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
	.centered_cols .image-holder .icon-plus{  background: rgba(255,255,255,0.5) url(../images/icon-plus-white@2x.png) center no-repeat; background-size: 16px 16px;}
}

.centered_cols table{ width: 100%; margin-bottom: 30px; }
.centered_cols table tr th{ text-align: left; font-family: 'BerlingskeSerif-Lt'; font-size: 10px; }
.centered_cols table tr td{ text-align: left; font-family: 'berlingske_serifdemibold'; font-size: 14px; }



.blue_section .centered_cols table tr th, .blue_section .centered_cols table tr td {font-family: 'BrandonGrotesqueWeb-Regular';}

.centered_cols.alt_text h4{ font-size: 14px; line-height: 16px; }

.page_subnav{ margin-bottom: 10px; /* margin-top: -10px;  */}
.page_subnav a{ font-size: 20px; font-size: 15px;}
.page_subnav a.left-link{ float: left; }
.page_subnav a.right-link{ float: right; }

/* ==========================================================================
   Press Page
   ========================================================================== */
.press-row{ margin-bottom: 20px; }
.press-row img{ display: block; width: 100%; }
.press-row h3{ font-family: 'berlingske_serifdemibold'; font-size: 18px; }
.press-row .date{ font-family: 'berlingske_serifdemibold'; font-size: 14px; margin-bottom: 18px; }
.press-row p{ font-family: 'BerlingskeSerif-Lt'; font-size: 14px; margin-bottom: 18px; }
.press-row .btn-read{ display: inline-block; font-size: 10px; font-family: 'berlingske_serifdemibold'; border: 1px solid #000; line-height: 1.4; padding: 0 7px; }

/* ==========================================================================
   Lovethy Feed
   ========================================================================== */
.filtered_nav{ border-top: 1px solid #000; border-bottom: 1px solid #000; padding: 7px 0; }
.filtered_nav li{ float: left; font-family: 'BerlingskeSerif-Lt'; font-size: 14px; }
.filtered_nav li + li{ border-left: 1px solid #000; margin-left: 15px; padding-left: 15px; }
.filtered_nav li a{ display: block; font-family: 'BerlingskeSerif-Lt'; font-size: 14px; }

.feed_page{}
.feed_page h1{ font-family: 'berlingske_serifdemibold'; font-size: 40px; line-height: 1.2; margin: 70px 0; text-align: center;     margin: 70px 0 35px; }

.feed_page img{ display: block; margin: 0 auto 40px; }
.feed_page h2{ font-family: 'berlingske_serifdemibold'; font-size: 40px; line-height: 1.2; margin-bottom: 15px; }
.feed_page p{ margin-bottom: 25px; }

/* ==========================================================================
   Place Template Base
   ========================================================================== */
.blue_section{ background: #9BDAF7; background-color: #8ed8f8; margin-bottom: 20px; }
.blue_section.pad_vert{ padding: 30px 0; }
.blue_section h1{ color: #fff; }
.blue_section blockquote p{ color: #fff; font-family: 'BrandonGrotesqueWeb-Regular'; }
.blue_section blockquote{ color: #fff; font-family: 'BrandonGrotesqueWeb-Regular'; }
.blue_section p{ color: #0B3B59; font-size: 21px; font-family: 'BrandonGrotesqueWeb-Regular'; }

.blue_section blockquote .top-quote, blockquote .top-quote{display: block;    margin-bottom: -1.6em; font-family: "BerlingskeSerif-Lt"; font-size: 38px;}
.blue_section blockquote .bottom-quote, blockquote .bottom-quote{font-family: "BerlingskeSerif-Lt";font-size: 38px;}    
.brompton_page{}
.brompton_page blockquote{ text-align: center; }
.brompton_page h1{ font-family: 'berlingske_serifdemibold'; font-size: 40px; line-height: 1.2; margin: 70px 0; text-align: center; }
.brompton_page img{ display: block; margin: 0 auto 40px; }
.brompton_page h2{ font-family: 'berlingske_serifdemibold'; font-size: 40px; line-height: 1.2; margin-bottom: 15px; }
.brompton_page p{ margin-bottom: 25px; }
.template_brompton .stav p{ color: #fff;margin-bottom: 20px; }


.blue_section .news_section h2{ font-family: 'ne_estrellaregular-hairline'; color: #0B3B59; }
.blue_section .news_item h3{ font-family: 'ne_estrellaregular-hairline'; color: #0B3B59; }
.blue_section .instagram_section h2{ font-family: 'ne_estrellaregular-hairline'; color: #0B3B59; }
.blue_section .centered_cols h2{ font-family: 'ne_estrellaregular-hairline'; color: #0B3B59; }
.blue_section .centered_cols h3{ font-family: 'ne_estrellaregular-hairline'; color: #0B3B59; font-size: 20px; }
.blue_section .feature_properties h2{ font-family: 'ne_estrellaregular-hairline'; color: #0B3B59; }



.centered_cols table tr th{ color: #000000; }
.centered_cols table tr td{ font-family: 'berlingske_serifdemibold'; color: #000000; }

.brompton_page .font-estrella{ font-family: 'ne_estrellaregular'; }

.brompton_location { text-align: center; margin: 30px 0; font-family: 'BrandonGrotesqueWeb-Regular'; }
#map, .map{ width: 100%; height: 444px; margin: 0 auto 40px; }

.icon-acc{ cursor: pointer; }

.icon-acc {width: 20px; height: 20px; background-image: url(../images/expand-close-btn@2x.png); background-position: center top; background-size: 20px auto;   margin-bottom: -3px; display: inline-block;}
.opened .icon-acc {background-position: center bottom;}

.csv_download{
    display: inline-block;
    font-size: 10px!important;
    font-family: 'berlingske_serifdemibold';
    border: 1px solid #000;
    line-height: 1.4;
    padding: 0 7px;
    vertical-align: inherit!important;
    background: transparent;
    margin-top: 25px;
}

/*======================================
  Selectric v1.9.3
======================================*/

.select-style select {       font-size: 15px;    font-family: 'BerlingskeSerif-Lt';    font-weight: 600; margin: 0 10px;   border-right: 1px solid black;}
.select-style  {    padding: 0 10px;   border-right: 1px solid black;}

.selectric-wrapper {
  position: relative;
  cursor: pointer;
}

.selectric-responsive {
  width: 100%;
}

.selectric {
/*   border: 1px solid #DDD; */
  background: #F8F8F8;
  border: none;

  background:transparent;
  position: relative;
}
.selectric .label {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
/*   margin: 0 38px 0; */
  font-size: 12px;
  line-height: 38px;
  color: #444;
/*   height: 38px; */
  height: auto;
  line-height: 1em;
 
  
  font-size: 15px;
    font-family: 'BerlingskeSerif-Lt';

    font-weight: 600;
    text-align: center;

    
}
/*
.selectric-wrapper:before {
    content: "|";
    font-size: 15px;
    font-family: 'BerlingskeSerif-Lt';
    display: inline-block;
    margin: 0 12px;
}
*/


/* .selectric-wrapper {margin: 0 10px;   border-right: 1px solid black;} */
.selectric .label:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000000;
    position: absolute;
    bottom: -6px;
    left: 50%;
    margin-left: -4px;
    z-index: 999999;
    z-index: 1;
}
.selectric-open .label:after {
display: none;
}

.last-select {border: none;]}

.selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #BBB;
  text-align: center;
display: none;

}
/*


.select-style2 .selectric .button {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 38px;
  height: 38px;
  color: #BBB;
  text-align: center;


}
*/

.selectric .button:after {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top-color: #BBB;
  border-bottom: none;
}

.selectric-hover .selectric {
  border-color: #C4C4C4;
}
.selectric-hover .selectric .button {
  color: #A2A2A2;
}
.selectric-hover .selectric .button:after {
  border-top-color: #A2A2A2;
}

.selectric-open {
  z-index: 9999;
}
.selectric-open .selectric {
  border-color: #C4C4C4;
}
.selectric-open .selectric-items {
  display: block;
}

.selectric-disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.selectric-hide-select {
  position: relative;
  overflow: hidden;
  width: 0;
  height: 0;
}
.selectric-hide-select select {
  position: absolute;
  left: -100%;
  display: none;
}

.selectric-input {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 1px !important;
  height: 1px !important;
  outline: none !important;
  border: none !important;
  *font: 0/0 a !important;
  background: none !important;
}

.selectric-temp-show {
  position: absolute !important;
  visibility: hidden !important;
  display: block !important;
}

/* Items box */
.selectric-items {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #C4C4C4;
  border: none;
  z-index: -1;
/*   box-shadow: 0 0 10px -6px; */
}
.selectric-items .selectric-scroll {
  height: 100%;
  overflow: auto;
}
.selectric-above .selectric-items {
  top: auto;
  bottom: 100%;
}
.selectric-items ul, .selectric-items li {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
    font-size: 13px;
    font-family: 'BerlingskeSerif-Lt';

    font-weight: 600;
/*
  line-height: 20px;
  min-height: 20px;
*/
  line-height: 1em;
}
.selectric-items li {
  display: block!important;
  padding: 8px;
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #EEE;
  border: none;
      color: #B3B3B3;
  cursor: pointer;
      padding: 5px 8px;

    
}

.prop-style .selectric-items li:before {
content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon.png) center no-repeat; margin-right: 5px; 

}
.prop-style .selectric-items li.selected:before {
content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon-active.png) center no-repeat; margin-right: 5px; 

}
.prop-style .selectric-items li:hover:before {
content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon-active.png) center no-repeat; margin-right: 5px; 

}

.prop-style .selectric-items disabled li:hover:before {display: none;}
.prop-style .selectric-items disabled li.selected:before  {display: none;}
.prop-style .selectric-items disabled li:before {display: none;}

/*
.sub_sub_nav .sub-menu-absolute .properties.sub-menu li:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon.png) center no-repeat; margin-right: 5px; }
.sub_sub_nav .sub-menu-absolute .properties.sub-menu li:hover:before{ content: ""; display: inline-block; width: 8px; height: 8px; background: url(../images/polygon-active.png) center no-repeat; margin-right: 5px; }
*/


.selectric-items li.selected {
  background: #EFEFEF;
  background-color: #fff;
  color: #000;
}
.selectric-items li:hover {
  background: #F0F0F0;
  background-color: #fff;
  color: #000;
}
.selectric-items .disabled {
  filter: alpha(opacity=50);
  opacity: 0.5;
  cursor: default !important;
  background: none !important;
  color: #666 !important;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.selectric-items .selectric-group .selectric-group-label {
  font-weight: bold;
  padding-left: 10px;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: none;
  color: #444;
}
.selectric-items .selectric-group.disabled li {
  filter: alpha(opacity=100);
  opacity: 1;
}
.selectric-items .selectric-group li {
  padding-left: 25px;
}

.tablet .select-style2 .selectric-wrapper , .mobile .select-style2 .selectric-wrapper {width: 100%!important;}




.tablet .prop-search select, .mobile .prop-search select {
	width: 100%;
	text-align: center;
	margin: 0;
	border: none;
/* 	-webkit-appearance: none; */
	background-color: #fff;
}
/* ==========================================================================
   Media Queries for Responsive Design.
   Modify as content requires.
   ========================================================================== */
/*
 * Tablet
 */
@media only screen and (max-width: 1030px) {
    /* Tablet grid */
    .col-md-12{width:100%;}
    .col-md-11{width:91.666666666667%;}
    .col-md-10{width:83.333333333333%;}
    .col-md-9{width:75%;}
    .col-md-8{width:66.666666666667%;}
    .col-md-7{width:58.333333333333%;}
    .col-md-6{width:50%;}
    .col-md-5{width:41.666666666667%;}
    .col-md-4{width:33.333333333333%;}
    .col-md-3{width:25%;}
    .col-md-2{width:16.666666666667%;}
    .col-md-1{width:8.3333333333333%;}

    .col-offset-4,.col-offset-2{ margin-left: auto; }

    /* Helpers */
    .hidden-tablet { display: none; }
    .visible-tablet { display: block; }

    .container{ width: auto; padding: 0 15px; }

    .property_slideshow .prevControl{ left: 15px; }
    .property_slideshow .nextControl{ right: 15px; }

}

/*
 * Mobile
 */
@media only screen and (max-width: 768px) {
    /* Mobile grid */
    .col-sm-12{width:100%;}
    .col-sm-11{width:91.666666666667%;}
    .col-sm-10{width:83.333333333333%;}
    .col-sm-9{width:75%;}
    .col-sm-8{width:66.666666666667%;}
    .col-sm-7{width:58.333333333333%;}
    .col-sm-6{width:50%;}
    .col-sm-5{width:41.666666666667%;}
    .col-sm-4{width:33.333333333333%;}
    .col-sm-3{width:25%;}
    .col-sm-2{width:16.666666666667%;}
    .col-sm-1{width:8.3333333333333%;}

    /* Helpers */
    .hidden-mobile { display: none; }
    .visible-mobile { display: block; }

    header .btn-menu{ position: absolute; left: 15px; top: 15px; margin-top: 0; }
    header .menu li{ display: block; }
    header .menu li + li:before{ content: none; display: none; }
    header .menu li a{ display: block; }
    
    
    
    


    .space_ad{ background-size: contain; /* padding-top: 35%; */ min-height: inherit; }
    .space_ad p{ font-size: 16px; }
    .space_ad .btn{ font-size: 16px; }

    .featured_article img{ margin-bottom: 20px; }

    footer .container{ padding: 15px 10px; text-align: center; }

    .inner_page .container{ width: auto; }

    .inner_page h1{ font-size: 20px; margin: 30px 0; }
    .inner_page h2{ font-size: 16px; }

    .inner_page p{ font-size: 14px; }

    .built_product_section img{ margin-bottom: 20px; }
    .press-row img{ margin-bottom: 20px; }

    header .search-container form{ width: 100%; }
    
    .btn_clip {
	    width: 100%;
	        height: auto;
	    top: inherit;
	    font-size: 14px;
	    background-color: transparent;
	        -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
        position: fixed;
            background-color: #fff;
        
        

    bottom: 0px;
        height: 40px;
	}
	
	.btn_clip span br {display: none;}
	
	.btn_clip span {
	    padding-top: 0px;
	        -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
    
	    -webkit-transform-origin: 40px 40px;
	    -moz-transform-origin: 40px 40px;
	    -ms-transform-origin: 40px 40px;
	    -o-transform-origin: 40px 40px;
	    transform-origin: 40px 40px;
	    line-height: 40px;
	}
	
	
	.reg-popup-wrapper {
	    height: 304px;
	    height: 324px;
	    margin-top: -162px;
	
	}
	
	.signup-popup-wrapper {
	    height: 304px;
	    margin-top: -152px;
	
	}
	
	.reg-popup-wrapper input[type=submit] {   float: none; padding: 5px 0;}
	.signup-popup-wrapper input[type=submit] {   float: none; padding: 5px 0;}
	
	.brompton_page h1 {font-size: 30px;}
	blockquote {    font-size: 30px;}
	
	header {
	    background: #ffffff;
	    position: fixed;
	    width: 100%;
	    z-index: 900;
	    top: 0;
	    left: 0;
	}
	body{padding-top: 78px;}
	
	
	header .menu li.with-submenu a:after {
	    bottom: 8px;
	    left: inherit;
	    right: -15px;
	    margin-left: -4px;
    }
    
    header .menu li a {
	    display: inline-block;
	        line-height: 1.4em;
	}
	
	.footer-reg-pad {padding-bottom: 30px!important;}
	
	header .input, header select{ font-size: 16px;}
	
	.sub_sub_nav .menu li{ display: block; }
    .sub_sub_nav .menu li + li:before{ content: none; display: none; }
    .sub_sub_nav .menu li a{ display: block; }
    .sub_sub_nav .search-container form{ width: 100%; }
    .sub_sub_nav  .input, .sub_sub_nav select{ font-size: 16px;}
    .sub_sub_nav  .menu li a {	    display: inline-block;	        line-height: 1.4em;	}
	.sub_sub_nav  .menu li.with-submenu a:after {	    bottom: 8px;	    left: inherit;	    right: -15px;	    margin-left: -4px;    }

.select-style {
    padding:0px;
    border: none;
    margin-bottom: 1em;
}

.selectric-items ul, .selectric-items li {
    text-align: center;
}

.sub_sub_nav .prop-search .menu {
    margin-left: 0px;
}


}


@media only screen and (max-width: 480px) {
	.property_single_bottom .half_width_center {
	    width: 70%;
	    margin: 0 auto;
	}
	
	.logo img {width: 130px; height: auto;}
	.logo {    text-align: center;    padding-top: 5px;}
	
	.reg-popup-wrapper {
	    width: 300px;
	    margin-left: -150px;
	
	}
	
	.signup-popup-wrapper {
	    width: 300px;
	    margin-left: -150px;
	
	}
	
	
	.signup-popup-wrapper {
	    height: 334px;
	    margin-top: -167px;
	
	}
	.signup-popup-wrapper p br{display: none;}
	
	.centered_cols .lots-container .col3 {width: 45%;}
	

}

@media only screen and (max-width: 320px) {
	.logo img {width: 130px; height: auto;}
	.logo {    text-align: center;    padding-top: 5px;}
	
	.instagram_section .icon-fav {	    margin-right: 32px;	}
	
	.property_single_bottom .half_width_center {
	    width: 80%;
	    margin: 0 auto;
	    max-width: 300px;
	}

/* 	.centered_cols .lots-container  .col3 {width: 100%;} */
}







