/* RED #eb0028 */

@import url(chat-frontend.css);

body { font-family: "Lato", Helvetica, Arial, sans-serif; font-size:1rem; line-height: 1.5; }

h1, h2, h3, h4, h5, h6, ul { margin: 0; font-family: "Lato", Helvetica, Arial, sans-serif;  }

h1 { font-size:2.5rem; line-height:1.1; color:#eb0028; margin:0 0 1rem; }
h2 { font-size:2rem; color:#eb0028; margin:0 0 1rem; }
h3 { font-size:1.6rem; color:#eb0028; margin:0 0 1rem; }
h4 { font-size:1.3rem; margin:0 0 1rem; }
h5 { font-size:1.1rem; margin:0 0 1rem; }
h6 { font-size:1rem; margin:0 0 1rem; }

ul {
    list-style: none;
}

a { color:#222; transition:all .3s ease; }
a:hover { color:#eb0028; transition:all .3s ease; }

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}
.hidden {
    display: none;
}


/* ==========================================================================
   WordPress Core
   ========================================================================== */

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right:auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }



/* ==========================================================================
   Styles
   ========================================================================== */





.agent-block-big {
    position:absolute;
    top:auto;
    bottom:0;
    right:0;
    transition:all .4s ease-out;
}

.agent-block-big.hidden {
    top:120px;
    bottom:auto;
    right:0;
    transition:all .4s ease-out;
}

.agent-block-big a.close {
	position:absolute;
	top:-60px;
	right:0;
	color:#fff;
	font-size:4rem;
	background:rgba(217, 217, 217, 0.9);
	padding:1rem;
	height:60px;
	overflow:hidden;
	line-height:.6;
}



/* Logo */
.logo {
    display:inline-block;
    opacity:1;
    transition:all .3s .4s ease-out;
}

.page-scrolled .logo { opacity:0; transition:all .2s ease-out; }

.logo img { height:60px; }

header.align-center .logo {
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
/* project info */
.project-info {
    background: rgba(0,0,0,.5);
    padding: .7rem 1rem;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    display: none;
    top: 0;
    left: 0;
    position: absolute;
    font-weight:bold;
    z-index:3;
}



.project-info a { color:#fff; }


/* scroller */
.scroller {
    left: 50%;
    z-index: 20;
    position: fixed;
    bottom: 0;
    width: 30px;
    height: 67px;
    background-color: #f11022;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    cursor:pointer;
}
.scroller:before {
    content: " ";
    background: url("../img/scroll.png") no-repeat 0 0;
    width: 15px;
    height: 27px;
    display: block;
    position: absolute;
    top: 9px;
    left: 7px;
}
.scroller:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f078";
    color: #fff;
    font-size: 20px;
    bottom: 1px;
    left: 5px;
}

.development-subpage .scroller { display:none; }

/* header */
header {
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    height: 46px;
    transition:all .4s ease-out;
}

.page-scrolled header { transition:all .4s .2s ease-out; background-color: rgba(0,0,0,.8); }

header.white {
    background-color: rgba(255,255,255,.7);
}
header.align-center nav {
    text-align: center;
    -webkit-transform: translate(0);
    -moz-transform: translate(0);
    -o-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
}
header.centered nav ul {
    display: inline-block;
    margin: 0 auto;
}
header nav ul li a {
    transition:all .3s ease;
}
header nav ul li a:hover {
    transition:all .3s ease;
}




.page-scrolled header nav { top:45%; transition:all .2s ease-out; }
.page-scrolled header.align-center nav { right:0; top:5%; }

nav ul li {
    font-size: 0;

}
nav ul li a {
    padding: .5rem 2rem .5rem 0;
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
}
nav ul li.home a:after {
    font-family: FontAwesome;
    content: "\f015";
    font-size: 1.3rem;
    position: relative;
    top: 1px;
}
nav ul li a:hover {
    color: #fff;
    opacity: .5;
}
/* language */
.language-selector {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    z-index:3;
    background: rgba(0,0,0,.5);
}
.language-selector:after {
    font-family: FontAwesome;
    content: "\f0d7";
    color: #fff;
    position: absolute;
    right: 10px;
    top: 16px;
    font-size: 10px;
}
.language-selector ul {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    background: rgba(0,0,0,.5);
    margin: 0;
    line-height: 0;
    height: 30px;
    overflow: hidden;
    padding: 19px 10px 0 10px;
}
.language-selector:hover ul {
    height: auto;
}
.language-selector ul li {
    padding: 0;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    height: 10px;
    margin-bottom: 10px;
}
.language-selector ul li a {
    vertical-align: top;
    display: inline-block;
    font-size: 0;
    background-color: #fff;
    background-size:100%;
    width: 15px;
    height: 10px;
    margin: 0;
    line-height:0;
}

.print { position:absolute; bottom:-2.5rem; right:1rem; font-size:1.5rem; opacity:.3; }
.print:hover { opacity:.7; }

h1.printable { display:none; }







/* more stuff */
.more-projects {
    color: #000;
    text-decoration: none;
    line-height: 1;
    height: 46px;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 1rem 2rem 1rem 100px;
    background: url("../img/kinnisvaraekspert-logo.svg") no-repeat 0 0 #fff;
    background-size:auto 46px;
}
.more-projects:hover { color:#eb0028; }

/* agent corner */
.agent-corner {
    position: fixed;
    bottom: 0;
    right: 0;
    left:0;
    z-index: 999;
    cursor: pointer;
}
.agent-img {
    width: 105px;
    height: 105px;
    overflow: hidden;
    background: #c0c0c0;
    float: left;
    position: relative;
}

.agent-txt h3 {
    line-height: 1;
    font-size: 24px;
    font-weight: normal;
}
.agent-online-ico {
    display:none;
    position: absolute;
    bottom: 5px;
    right: 5px;
    color: #2cb36c;
}
.agent-online-ico:after {
    font-family: FontAwesome;
    content: "\f086";
    font-size: 24px;
    color: #2cb36c;
}
.agent-block-big {
    background: rgba(217, 217, 217, 0.9);
    padding: 1rem;
    font-size: 14px;
    font-weight: normal;
}

.dev-brokers-section { display:inline-block; }

.agent-info {
    float: left;
    margin-right: 10px;
}
.agent-block-big h1 {
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    padding: 7px 0;
    line-height: 1;
    letter-spacing: 0;
}
.agent-block-big h2 {
    font-weight: normal;
    font-size: 14px;
    padding: 0 0 10px 0;
    margin: 0;
    line-height: 1;
}
.agent-block-big .mobile {
    font-weight: normal;
    padding: 2px 0;
    color: #222;
}
.agent-block-big .mobile:hover {
    color: #f21b2c;
}
.agent-block-big .mobile::before, .dev-brokers-section .agent-info .mobile::before {
    font-family: FontAwesome;
    content: "\f10b";
    font-size: 20px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}
.agent-block-big .phone {
    font-weight: normal;
    padding: 2px 0;
    color: #222;
}
.agent-block-big .phone:hover {
    color: #f21b2c;
}
.agent-block-big .phone::before, .dev-brokers-section .agent-info .phone::before {
    font-family: FontAwesome;
    content: "\f095";
    font-size: 16px;
    position: relative;
    top: 2px;
    padding-right: 5px;
}
.agent-block-big .email {
    font-weight: normal;
    padding: 2px 0;
    color: #222;
}
.agent-block-big .email:hover {
    color: #f21b2c;
}
.agent-block-big .email::before, .dev-brokers-section .agent-info .email::before {
    font-family: FontAwesome;
    content: "\f0e0";
    font-size: 14px;
    position: relative;
    top: 1px;
    padding-right: 5px;
}
.dev-brokers-section .agent-info .email { font-size:.9rem; }

.agent-big-img { width: 260px; height:260px; overflow:hidden; position:relative; background:#c0c0c0; margin-bottom: 5px; }
.agent-big-img a { background-color:#eb0028; bottom: -3rem; color: white; left: 50%; padding: 0.75rem; position: absolute; text-transform: uppercase; transform: translate(-50%); transition: all .3s ease; white-space: nowrap; }

.is-online-block {
    display: inline-block;
    background: #2eb86a;
    padding: 10px 15px 15px 65px;
    position: relative;
    margin-top: 10px;
}
.is-online-block:before {
    font-family: FontAwesome;
    content: "\f086";
    font-size: 44px;
    color: #fff;
    position: absolute;
    left: 10px;
    top: 7px;
}
.is-online-block .info-msg {
    font-size: 18px;
    color: #fff;
    padding: 5px 0;
}
.is-online-block a {
    display: block;
    color: #fff;
    font-size: 12px;
    text-decoration: underline;
}






.people-block { display:inline-block; max-width:230px; width:230px; margin:0 auto; vertical-align:top; }
.people-block + .people-block { margin-left:1rem; }
.people-block .image-block { margin-bottom: 1rem; position: relative; overflow:hidden; cursor:pointer; }
.people-block .image-block .image-container { background-size:contain; background-position:center bottom; background-repeat:no-repeat; height:14.5rem; width:100%; transition:all 1s ease; }
.people-block:hover .image-block .image-container { -webkit-filter:brightness(.5); filter:brightness(.5); transition:all 1.5s ease; }
.people-block .image-block .image-container img { display:none; }
.people-block .image-block a.person-profile-link { background-color:#eb0028; bottom:-3rem; color:white; left:50%; padding:0.75rem; position:absolute; text-transform:uppercase; transform:translate(-50%); transition:all .3s ease; white-space:nowrap; }
.people-block .image-block a.person-profile-link :hover { background-color:#cc0011; transition:all .3s ease; }
.people-block:hover .image-block a.person-profile-link { bottom:1.5rem; transition:all .3s ease; }
.people-block .start-chat-button.online { background:#9eab05; color:#fff; }
.people-block .start-chat-button.offline { background:#ccc; color:#fff; }
.people-block .image-block a.start-chat-button { position:absolute; bottom:0; right:0; padding:.3rem .6rem; font-size:1.2rem; }
.people-block .name { text-transform:uppercase; transition:all .3s ease; margin-bottom:.2rem; }
.people-block:hover .name { color:#eb0028; transition:all .3s ease; }
.people-block .info { min-height:5.5rem; margin-bottom:1rem; overflow:hidden; }
.people-block .info .position { margin-bottom:.5rem; }
.people-block .info .city, .people-block .info .mobile, .people-block .info .phone, .people-block .info .email { white-space:nowrap; }
.people-block .info .email { font-size:.8rem; }
.people-block .info .city { display:none; }
.people-block .info .city::before, .people-block .info .mobile::before, .people-block .info .phone::before, .people-block .info .email::before  { display:inline-block; font-family:FontAwesome;  margin-right:.2rem; line-height:1; }
.people-block .info .city::before { content:""; font-size:1.25rem; }
.people-block .info .mobile::before { content:""; font-size:1.4rem; }
.people-block .info .phone::before { content:""; font-size:1.15rem; }
.people-block .info .email::before { content:""; font-size:.9rem; }
.people-block .info .start-chat-button { display:inline-block; padding:.3rem .3rem; margin:.3rem 0 0; }

.people-block .info .mobile, .people-block .info .phone, .people-block .info .email, .people-block .info .start-chat-button { display:none; }
.no-hover .people-block .info .mobile, .no-hover .people-block .info .phone, .no-hover .people-block .info .email { display:block; }
.no-hover .people-block .info .start-chat-button { display:inline-block; }
.people-block:hover .info .position { display:none; }
.people-block:hover .info .mobile, .people-block:hover .info .phone, .people-block:hover .info .email { display:block; }
.people-block:hover .info .start-chat-button { display:inline-block; }
.no-hover .people-block:hover .info .position { display:block; }








/* content */

.content-block .text-block {
    padding: 50px 0;
    width: 100%;
}

.content-block .text-block h1 { margin-bottom:2rem; }


.bg-grey {
    background: #e2e2e2;
}
.google-map {
	position:relative;
    height: 500px;
    width: 100%;
    background: gray;
}
.google-map .map-overlay {
	height:inherit;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	cursor:pointer;
}
.google-map .map-content {
	height:inherit;
}
.content h3 {
    /*font-size: 18px;*/
    /*font-weight: bold;*/
    margin: 0 0 20px;
}
.content h2 {
    /*font-size: 18px;*/
    margin: 0 0 20px;
}
.content p {
    margin: 0 0 .8rem;
    font-size: 1rem;
}
.wide-block {
    overflow: hidden;
    width: 100%;
}
.wide-block .images-roll {
    text-align: center;
    white-space: nowrap;
}
.wide-block .images-roll img {
    font-size: 0;
    display: inline-block;
    border: none;
}
.wide-block .images-roll.fullimage {
    overflow: hidden;
}
.wide-block h1 {
    font-size: 30px;
    width: 1000px;
    margin: 90px auto;
    font-weight: bold;
    text-align: center;
}

/* sections */
.section {
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
}
.section > img {
    width: 100%;
    height: auto;
}
.section-title {
    position: absolute;
    right: 0;
    bottom: 100px;
    color: #fff;
    text-align: right;
    padding: 10px 50px 10px;
}
.section-title * { color:#fff; }

.section .section-title.topleft {
    top: 250px;
    right: auto;
    left: 0;
    bottom: auto;
    text-align: left;
    padding: 10px 10px 10px 50px;
	max-width:60%;
}
.section .section-title.topcenter {
    top: 250px;
    text-align: center;
    padding: 10px;
    left: 50%;
    bottom: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.section .section-title.topright {
    top: 250px;
    right: 0;
    bottom: auto;
    text-align: left;
    padding: 10px 30px 10px 50px;
	max-width:60%;
}
.section .section-title.middleleft {
    top: 40%;
    right: auto;
    left: 0;
    bottom: auto;
    text-align: left;
    padding: 10px 30px 10px 50px;
	max-width:60%;
}
.section .section-title.middlecenter {
    top: 40%;
    text-align: center;
    padding: 10px;
    left: 50%;
    bottom: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.section .section-title.middleright {
    top: 40%;
    right: 0;
    bottom: auto;
    text-align: left;
    padding: 10px 10px 10px 50px;
	max-width:60%;
}
.section .section-title.bottomleft {
    bottom: 150px;
    left: 0;
    right: auto;
    text-align: left;
    padding: 10px 10px 10px 50px;
	max-width:60%;
}
.section .section-title.bottomcenter {
    text-align: center;
    padding: 10px;
    left: 50%;
    bottom: 150px;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.section .section-title.bottomright { bottom: 150px; right: 0; text-align: right; padding: 10px 50px 10px; max-width:60%; }

.section .section-title > *:last-child { margin-bottom:0; }

.section-title .big-title { font-size: 40px; color: #fff; text-transform: uppercase; display: block; }
.section-title.black-bg { background: rgba(0,0,0,.8); }
.section-title.red-bg { background: rgba(255, 0, 20, .8); }
.section-title.white-bg { background: rgba(255, 255, 255, .8); }
.section-title.black-text, .section-title.black-text .big-title { color: #222; }
.section-title.black-text * { color:#222; }


/* 1K */

.scroller { height:30px; -webkit-transition:all .5s .3s ease-out; transition:all .5s .3s ease-out; }
.scroller:before { opacity:0; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; }
.fp-viewing-0 .scroller { height:67px; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; }
.fp-viewing-0 .scroller:before { opacity:1; -webkit-transition:all .5s .3s ease-out; transition:all .5s .3s ease-out; }
.last-slide .scroller, .page-scrolled .scroller { bottom:-70px; -webkit-transition:all .5s ease-out; transition:all .5s ease-out; }


.agent-corner { bottom:-120px; transition:all .4s ease-out; }
.last-slide .agent-corner, .page-scrolled .agent-corner, .development-subpage.brokers-show .agent-corner { bottom:0; transition:all .4s ease-out; }

.section-title { opacity:0; transition:all .4s ease-out; }
.fp-section.active .section-title { opacity:1; transition:all 1s .5s ease-out; }

.overlay { background-color:transparent !important; position:absolute; left:0; top:0; right:0; bottom:0; }

.subnav { text-align:center; }
.subnav li { display:inline-block; padding:.5rem 1rem; }
.subnav li a { color:#000; }
.subnav li.active a { color:#f11022; }

.price-table { width:100%;  }
.price-table thead, .price-table tbody, .price-table tfoot { background:transparent; border:none; }
.price-table tbody tr:nth-child(even) { background:transparent; }
.price-table tr { margin-bottom:2rem; }
.price-table tr th, .price-table tr td { border-bottom:1px solid #d3d3d3; }
.price-table tr:hover td { cursor:pointer; background-color:#eaeaea; }
.price-table td::before { display:inline-block; width:50%; text-align:right; padding-right:1rem; }
.price-table td.name { font-weight:bold; font-size:1.5rem; }
.price-table td.name::before {  }


.owl-theme .owl-controls { position:absolute; left:0; right:0; top:100%; margin-top:-15px; }

.plan-row .plan-name { margin-bottom:1rem; }
.plan-row .columns { text-align:center; }
.plan-row img { margin:1rem 1rem 1rem; width:100%; max-width:300px; }

.reveal#apartement { padding-top:2.5rem; }
.reveal .plan-row { min-height:300px; } /* Pildi laadimise ajal Reveali positsioneerimiseks */
.reveal .plan-row img { margin-bottom:1rem; }
.reveal .plan-row .columns { text-align:center; }
.reveal .plan-row img { max-height:500px; }
.reveal .price-table tr:hover td { cursor:default; background-color:transparent; }
.reveal .content > div:last-child { padding-bottom:0 !important; }

.default-plan-pdf { background:#eaeaea; text-align:center; padding:8rem 0; color:#aaa; }

.agent-info a { /*color:#000;*/ }
.dev-brokers-section .agent-info h1 { width:auto; font-size:1.5rem; margin:1rem 0 .5rem; text-align:left; }







/*   SKINS   */

header.header-black { background-color:rgba(0,0,0,.7); }
.page-scrolled header.header-black { background-color:rgba(0,0,0,.9); }

header.header-white { background-color:rgba(255,255,255,.85); }
.page-scrolled header.header-white { background-color:rgba(255,255,255,.96); }

header.header-red {  }

header.header-blue {  }

header.header-gray {  }











/* Media queries */

/* Small */
@media screen {
  header { position:fixed; }
  header .top-bar { height:46px; }
  header .top-bar, header .top-bar ul { background-color:rgba(0,0,0,.91); }
  header .top-bar .top-bar-title { z-index:3; }
  header .top-bar #responsive-menu { position:absolute; left:0; right:0; top:46px; z-index:2; }
  header .top-bar nav { color:#ddd; }
  header .top-bar nav ul li { display:block; padding:.5rem 1rem .5rem 2rem; border-top:1px solid #222; }
  header .logo { position:absolute; top:55px; left:10px; z-index:1; }
  header.align-center .logo { top: 55px; }
  .logged-in header.align-center .logo { top:90px; }
  .page-scrolled header { height:40px; }
  .agent-block-small { position:absolute; bottom:0; left:0; right:0; }
  .agent-img { display:none; }
  .agent-txt-mob { padding:1rem; text-align:center; background:#eb0028; }
  .agent-txt-mob h3 { margin:0; }
  .agent-txt-mob h3 a { color:#fff; }
  .agent-txt { display:none; padding:1rem; text-align:center; background:#d9d9d8; }
  .admin-bar header { top:46px; }
  .wide-block .images-roll.fullimage { max-height: 500px; min-height:187px; }
  .wide-block .images-roll.fullimage-small { max-height: 250px; }
  .wide-block .images-roll.fullimage img { width:auto; height:100%; max-width:none; transform:translateX(-50%); }

  /* content */
  .content > div:last-child { padding-bottom:4rem; }
  .content-block .text-block { padding:2rem 1rem; }
  .content-block.imageleft img {  }
  .content-block.imageright img {  }
  .content-block.imageleft .text-block{ padding:2rem 1rem; }
  .content-block.imageright .text-block { padding:2rem 1rem; }
  .language-selector { height: 40px; }
  .agent-block-big { display: none; }
  .agent-block-big.hidden { display: none; }
  .section .section-title.topleft { padding: 10px; }
  .section .section-title.topright { padding: 10px; }
  .section .section-title.middleleft { padding: 10px; }
  .section .section-title.middleright { padding: 10px; }
  .section .section-title.bottomleft { padding: 10px; bottom: 200px;}
  .section .section-title.bottomcenter { bottom: 200px;}
  .section .section-title.bottomright { padding: 10px; bottom: 200px;}

  .section .section-title h1 { font-size:2rem; }
  .section .section-title h2 { font-size:1.8rem; }
  .section .section-title h3 { font-size:1.6rem; }
  .section .section-title h4 { font-size:1.4rem; }
  .section .section-title h5 { font-size:1.2rem; }
  .section .section-title h6 { font-size:1rem; }
  .dev-brokers-section { display:inline-block; width:295px; margin-left:50%; transform:translate(-50%); }
  .dev-brokers-section .agent-info { clear:both; position:relative; width:260px;  margin:1rem; }
  .dev-brokers-section .agent-info a { /*color:#000; text-decoration:underline;*/ }

  nav ul li a { color:#fff; }
  nav ul li.active a { font-weight:bold; color:#eb0028; }

}

@media screen and (max-width: 600px) {
  header { position:absolute; }
}

/* Small only */
@media screen and (max-width: 39.9375em) {
  .reveal .content .price-table { display:none; }
}

/* Medium and up */
@media screen and (min-width: 40em) {
  .top-bar-right { float:none; }

  .page-scrolled header { height:46px; }
  /*.agent-corner { left:auto; }*/
  .agent-block-small { left:auto; }
  .agent-img { display:inline-block; }
  .agent-txt { display:inline-block; width:240px; padding:30px 20px 15px; text-align:left; float:right; }
  .agent-txt-mob { display:none; }
  .admin-bar header { top:32px; }

  .wide-block .images-roll.fullimage {
      max-height: 500px;
  }
  .wide-block .images-roll.fullimage-small {
      max-height: 250px;
  }
  .wide-block .images-roll.fullimage img {
      width: 100%;
      height: auto;
      transform:none;
  }
  /* content */
  .content-block.imageleft img { width: 50%; height: auto; float: left; }
  .content-block.imageright img { width: 50%; height: auto; float: right; }
  .content-block.imageleft .text-block { width: 50%; float: right; padding: 50px 1rem 50px 60px; text-align: left; }
  .content-block.imageright .text-block { text-align: right; width: 50%; float: left; padding: 50px 60px 50px 1rem; }
  .language-selector { height: 40px; }
  .section-title { font-size: 1.5rem; }
  .agent-block-big { display: block; }
  .agent-block-big.hidden { display: block; }

  .section .section-title.topleft { padding: 10px 10px 10px 50px; }
  .section .section-title.topright { padding: 10px 30px 10px 50px; }
  .section .section-title.middleleft { padding: 10px 30px 10px 50px; }
  .section .section-title.middleright { padding: 10px 10px 10px 50px; }
  .section .section-title.bottomleft { padding: 10px 10px 10px 50px; }
  .section .section-title.bottomcenter { }
  .section .section-title.bottomright { padding: 10px 50px 10px; }
  .section .section-title h1 { font-size:2.5rem; }
  .section .section-title h2 { font-size:2rem; }
  .section .section-title h3 { font-size:1.6rem; }
  .section .section-title h4 { font-size:1.3rem; }
  .section .section-title h5 { font-size:1.1rem; }
  .section .section-title h6 { font-size:1rem; }

  .dev-brokers-section { display:inline-block; margin-left:50%; transform:translate(-50%); }
  .dev-brokers-section.broker-count-1 { width:230px; }
  .dev-brokers-section.broker-count-2 { width:480px; }
  .dev-brokers-section.broker-count-3 { width:750px; }
  .dev-brokers-section.broker-count-4 { width:480px; }
  .dev-brokers-section.broker-count-5 { width:750px; }
  .dev-brokers-section.broker-count-6 { width:750px; }
  .dev-brokers-section.broker-count-4 .people-block + .people-block + .people-block { margin-left:0; }
  .dev-brokers-section.broker-count-4 .people-block + .people-block + .people-block + .people-block { margin-left:1rem; }
  .dev-brokers-section .agent-info { clear:none; position:relative; width:260px;  margin:1rem; }

  .twocolumn { -webkit-column-count:2; -moz-column-count:2; column-count:2; }
}


@media screen and (max-width: 782px) {
  .admin-bar header { top:46px; }
  .language-selector { height: 40px; }
}

/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
  .reveal .content .price-table { display:none; }
}

/* Large and up */
@media screen and (min-width: 64em) {
  header { position:fixed; height:85px; }
  header.align-center { height:150px; }
  .page-scrolled  header { box-shadow:0 2px 20px rgba(0,0,0,.5); }
  .page-scrolled header.align-center { height:46px; }
  .page-scrolled .project-info { display:inline-block; }
  header .top-bar { height:100%; }
  header .top-bar, header .top-bar ul { background-color:transparent; }
  header .top-bar #responsive-menu { height:100%; top:0; }
  header .top-bar nav { position:absolute; top:47%; right:0; margin-left:10rem; margin-right:2rem; transform:translateY(-50%); transition:all .2s ease-out; text-align:right; }
  .page-scrolled header nav { right:42px; }
  header.align-center .top-bar nav { top:80%; width:100%; text-align:center; }
  .page-scrolled header.align-center .top-bar nav { top:47%; }

  header .top-bar nav ul li { display:inline-block; padding:0; border:none; }
  header .logo { position:absolute; top:12px; left:12px; z-index:2; }
  .logged-in header.align-center .logo { top:50px; }
  .top-bar-right { float:right; }
  .language-selector { height: 46px; }
  .agent-txt { padding:30px 20px 10px; }

  header.header-black {  }
  header.header-black nav ul li a { color:#fff; }
  header.header-black nav ul li.active a, header.header-black nav ul li a:hover { color:#eb0028; }

  header.header-white nav ul li a { color:#222; }
  header.header-white nav ul li.active a, header.header-white nav ul li a:hover { color:#eb0028; }

  header.header-red nav ul li a { color:#fff; }

  header.header-blue nav ul li a { color:#fff; }

  header.header-gray nav ul li a { color:#fff; }

  nav ul li.active a { font-weight:normal; color:#eb0028; }

  .google-map .map-overlay { margin:2.5rem; }

  .textalignleft { text-align:left; }
  .textaligncenter { text-align:center; }
  .textalignright { text-align:right; }

  .price-table tr { margin-bottom:0; }
  .price-table td::before { display:none; }
  .price-table td.name { /*font-weight:normal;*/ font-size:inherit; }

  .reveal .plan-row img { margin-bottom:2rem; }
  .plan-row .plan-name { margin-bottom:3rem; }

}

/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {

}







/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration:none;
    }

    a[href]:after {
        content:"" !important;
        display:none !important;
    }

    abbr[title]:after {
        content:"" !important;
        display:none !important;
    }

    /*a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }*/

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "" !important;
        display:none !important;
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    body { overflow:hidden; /*border:1px solid #ccc;*/ margin:0 !important; padding:0; top:0 !important; }
    .row { width:100%; }
    #wpadminbar { display:none; }
    .clearfix::before, .clearfix::after { display:none; height:0; border:1px solid #000; }
    .scroller { display:none !important; }

    header { position:relative !important; background-color:#fff !important; box-shadow:none !important; border:1px dashed #ddd; border-bottom:1px solid #ddd; height:2cm; overflow:hidden; top:auto; bottom:auto; left:auto; right:auto; }
    .page-scrolled header { height:2cm !important; box-shadow:none !important; background-color:#fff !important; }
    .admin-bar header { top:0px !important; margin:0 !important; }
    header .logo { position:absolute !important; display:block !important; top:0; left:0; width:2cm; }
    .page-scrolled .logo { opacity:1 !important; }
    header .logo img { display:inline-block !important; }
    header .top-bar #responsive-menu { display:none !important; position:relative; top:auto; left:auto; right:auto; }
    .print { display:none; }
    .project-info { position:relative !important; display:block !important; color:#000; margin-bottom:1rem; font-size:1.5rem; padding-left:3cm; }
    .language-selector { display:none; }
    nav { display:none; }
    .people-block .image-block .image-container img { display:inline; }
    h1.printable { display:block; clear:both; text-align:center; margin-top:1cm; }

  .content > div { /*border:1px solid dotted;*/ }

    .plan-row { width:100%; /*border:1px solid #eee;*/ }
    .plan-row .columns { width:100%; }
    .plan-row .large-4 { width:33%; }
    .plan-row .large-6 { width:50%; }

    .bg-grey { background:transparent; }

    .wide-block .columns {  }
    .wide-block .images-roll.fullimage { min-height:0; }

    .content-block { border:1px dotted #eee; }
    .content-block .text-block { /*padding:.5rem 0; overflow:hidden;*/ }
    .content-block.imageleft .text-block { float:right; width:50%; padding: 1cm 0 1cm 1cm; }
    .content-block.imageright .text-block { float:left; width:50%; padding: 1cm 1cm 1cm 0; }
    .content-block.imageleft img { float:left; width:50%; }
    .content-block.imageright img { float:right; width:50%; }

    .more-projects { display:none; }

    .google-map { height:200px; border:1px solid #ddd; }

    .agent-corner { position:relative; border-top:1px solid #ddd; margin:0; padding:1cm 0 0; break-inside:avoid; }
    .agent-block-small { display:block; position:relative !important; margin:0; }
    .agent-block-small .agent-img { display:none; }
    .agent-block-small .agent-txt-mob { display:none; }
    .agent-block-big { display:block; position:relative !important; top:auto; bottom:auto; margin:0; }
    .agent-block-big.hidden { top:0; }
    .agent-block-big .close { display:none; }
}