/*ELAD-LAK CSS*/

/*---------------------------------------------HTML-BODY...*/
html, body { padding: 0; margin: 0; }
body { background-color:#f8f4f1; border: none; text-align: left; font-size: 14px; color: #000; font-weight: 400; font-family: 'PT Sans', sans-serif;
 }
h1, h2, h3, h4, h5 { font-weight: 700; line-height:120%; }
p { line-height:120%; }
a { color: #008196; text-decoration: none; transition: all ease-out .2s; }
a:active { opacity: .9; }
a.ghost { background: #fff; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); z-index: 99; }
.theotherfont { }
.blurred { -webkit-filter:blur(5px); }
/*-----------------------------------------------------------------wrapper*/
.wrapper { width: 1240px; position: relative; margin: 0 auto; box-sizing:border-box; }
/*------------------------------------------------------------------HEADER---*/
#top { line-height:40px; }
#menu-top-render li { margin:0 20px 0 10px; }
#menu-top-render a { color:#fff; }
#header { padding:30px 0; }
#brand li:first-child { padding:0; }
#brand li { padding:0 10px; }
#brand h1, #brand h2 { font-size:20px; line-height:100%; }
#call li { min-width:30px; height:60px; font-size:20px; vertical-align:middle; padding:0 5px; background-size:70%; }
.graphic.arrow-left { background-image:url(art/arrow-left.svg) }
.graphic.arrow-right { background-image:url(art/arrow-right.svg) }
/*------------------ ---------------------------------//////////////MAIN MENU\\\\\\\\\\\\\*/
.ico-box h1 { font-size:30px; line-height:20px }
.ico-box h1 small { font-size:18px; font-weight:400; opacity:.5; }
.ico-box p { padding:10px 0; }
#main-menu a { padding-top:13px; box-sizing:border-box; }
#menu-section { border-bottom:6px solid #008095; }
.menu.submenu li { margin-right:20px; }
.menu.submenu li:first-child { background:url(art/arrow-right-blue.svg) no-repeat left; background-size:12px; padding-left:20px; }
.menu.submenu a { font-size:16px; line-height:40px; text-transform:uppercase;  }
/*----------------------------------------------------//////////////CONTENT\\\\\\\\\\\\\*/
.pager { display:block; text-align:center; }
.item { position:relative; box-shadow:0 2px 10px rgba(0,0,0,.2); }
.item.w49:nth-child(odd) { margin-right:2%; }
.item.w49 { margin-bottom:20px; }
.item.w20.square { width:18%; margin:0 1%; /*padding-bottom:100px;*/ }
.item.w32.square { margin-left:1%; }
.item-thumb { position:relative; top:0; left:0; overflow:hidden; width:100%; height:auto; min-height:160px; /*padding-bottom:120px;*/ background-repeat:no-repeat; background-size:80%; background-position:center; background-color:#fff; }
.item-thumb img { width:100%; height:auto; }
.item-desc { position: relative; bottom:0; left:0; width:100%; height:auto; min-height:120px; background-color:#f8f4f1; padding:10px 140px 10px 10px; color:#fd6c33; transition:all ease-out .2s; }
.tv.item.w25 { width:23%; margin:0 1% 2%; }
.tv .item-desc { position:relative; height:140px; }
.tv .item-title { max-height:80px; position:relative; overflow:hidden; }
.tv .item-title h2 { font-size:16px; font-weight:500; }
.tv .right { position:relative; top:-30px; }
.tv .right .button { display:block; }
.item.normal .item-thumb { padding-bottom:0; }
.item.normal .item-desc { position:relative; }
.item-desc .right { position:absolute; bottom:0; right:0; padding:0 10px; width:120px; height:100%; box-sizing:border-box; }
.item-desc h2 { font-size:18px; /*word-wrap:break-word;*/ }
.item-desc p { font-size:16px; padding:10px 0; }
.item:hover .item-desc { background-color:#fe772f; }
.item:hover .item-desc h2 a { color:#fff; }
.item:hover .item-desc { color:#ffd1a9; }
.item:hover .button.grad-orange { background: #018ca1; background: linear-gradient(top, #018ca1, #018ca1); background: -webkit-linear-gradient(top, #018ca1, #018ca1); }
/*sections*/
.section-title { font-size:24px; font-weight:bold; }
.section-title.centered { margin-bottom:50px; font-size:30px; }
#main-content { border-top:6px solid #008095; }
/*property search*/
#find-property { color:#70ebff; }
#find-property .col.w30 { margin:0 2% 0 1%; }
.w400p #find-property .col.w30 { width:100%;  }
.w400p #find-property .input-title.w25 { }
.w400p #search-actions { display:block; }
.w400p #search-actions li { display:block; width:100%; margin:10px 0; }
/*article*/
.article h1 { padding-bottom:20px; color:#008398; font-size:30px; }
.article h2 { padding-bottom:15px; color:#008398; font-size:24px; }
.article h3 { padding-bottom:10px; color:#008398; font-size:20px; }
.article h4 { padding-bottom:10px; color:#008398; font-size:16px; }
.article p { padding-bottom:20px; line-height:150%; }
.article-contents ul, .article-contents ol { padding:20px 50px; }
.article-contents li { list-style:outside disc; margin:0 0; color:#008397;  }
.button-wrapper .button, .button-wrapper a { line-height:50px; }
/*slider*/
.slider-holder { position:relative; background:url(art/estate.png) no-repeat center; background-size:cover; padding:60px 0; border-bottom:6px solid #008095; }
.offers .slider-holder { padding:2% 0; }
.article-gallery { position:relative; }
.cycle-slide { width:100%; height:100%; overflow:hidden; }
.cycle-slide img { max-width:100%; height:auto; }
.cycle-slide .item-thumb { padding-bottom:0; }
.cycle-pager { color:#0291a6; font-size:60px; line-height:20px; padding-top:30px; text-align:center; }
.offers .cycle-pager { padding-top:0; }
.cycle-pager span { cursor:pointer; }
.cycle-pager .cycle-pager-active { color:#fe7d2d; }
.cycle-pager img { height:50px; opacity:.5; margin:0 5px 10px 0; transition:all ease-in .2s; }
.cycle-pager img:hover, .cycle-pager .cycle-pager-active img { opacity:1; }
.cycle-pager .cycle-pager-active img { box-shadow:0 0 0 2px #018a9f; }
.cycle-arrow { position:absolute; top:50%; margin-top:-33px; width:60px; height:72px; background-position:center; background-size:50%; background-repeat:no-repeat; background-color:rgba(0,0,0,.2); z-index:999; cursor:pointer; }
#prev-image { background-image:url(art/arrow-left-white.svg); left:0; }
#next-image { background-image:url(art/arrow-right-white.svg); right:0; }
/*------------------------------------------------------------------FOOTER----*/
#footer .menu.left li { margin-right:20px; }
#footer .menu.right li { margin-left:20px; }
/*-----------------------------------------------------------------COMMON----------------*/
/*popups*/
.popup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0,0,0,.5); z-index: 1300; }
.popup-content { width:360px; position:fixed; box-sizing:border-box; left:50%; top:25%; margin-left:-160px; padding:20px; background-color:#fff;  }
.popup .field { padding:10px; margin:10px 0; }
.close { display:block; cursor:pointer; padding:20px 20px 20px; position:absolute; right:0; top:0; background-color:#018da2; }
.close ul { position:relative; }
.close li { padding:0; margin:10px; height:1px; width:50px; background-color:#fff; position:relative; }
.close li:first-child { transform:rotate(45deg); }
.close li:last-child { transform:rotate(-45deg); top:-10px; }
.note-popup { }
/*column styles*/
.col { box-sizing:border-box; }
.w6 { width: 6%; }
.w10 { width: 10%; }
.w15 { width: 15%; }
.w20 { width: 20%; }
.w24 { width: 24%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w32 { width: 32%; }
.w33 { width: 33%; }
.w40 { width: 40%; }
.w42 { width: 42%; }
.w49 { width: 49%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w64 { width: 64%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w98 { width: 98%; }
.w100 { width: 100%; }
.w320p { width: 320px; }
.w360p { width: 360px; }
.w400p { width: 400px; }
.w770p { width: 770px; }
.w400p.left { margin-left:5px; margin-right:5px; }
.w920p { width: 920px; }
.w980p { width: 980px; }
.h540p { min-height:540px; }
.h260p { min-height:260px; }
.p5h { padding-left: 5px; padding-right: 5px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p10-20 { padding: 10px 20px; }
.m30 { margin-top:30px; }
.m40 { margin-top:40px; }
.m50 { margin-top:50px; }
.m60 { margin-top:60px; }
.m70 { margin-top:70px; }
.m20b { margin-bottom:20px; }
.m60b { margin-bottom:60px; }
.mauto { margin-left:auto; margin-right:auto; }
/*buttons*/
.button { display:inline-block; position: relative; font-size:16px; line-height:100%; color: #fff; box-sizing:border-box; box-shadow:inset 0 -3px 0 rgba(0,0,0,.33), inset 0 1px 0 rgba(255,255,255,.22); border-radius:5px; text-align:center; text-transform:uppercase; }
.button.grad-orange { color:#fff; }
.button:hover { animation-name: flick; animation-duration: 2s; animation-iteration-count: 10; animation-direction:normal; }
.button.big { font-size:24px; font-weight:bold; }
.button.big strong { font-size:30px; }
.button.big.weird { line-height:53px; }
.button.big small { font-size:15px; font-weight:400; }
input.button { padding:10px; }
.g-recaptcha { margin:0 auto; padding:10px 0; display:block; text-align:center; }
/*---------------------------------extra*/
/*css animations*/
@keyframes flick {
    0%   { background-color:rgba(255,255,255,0); }
    45%  { background-color:rgba(255,255,255,.1); }
	50%  { background-color:rgba(255,255,255,.2); }
    100% { background-color:rgba(255,255,255,0); }
}
@keyframes zoomIN {
    0%   { transform:scale(1,1); }
    25%  { transform:scale(1.1,1.1); }
    100% { transform:scale(1,1); }
}
/*border-radius*/
.b-rad-1 { border-radius:5px 5px 0 0; }
.b-rad-2 { border-radius:7px 7px 0 0; }
.b-rad-3 { border-radius:0 0 5px 5px; }
.b-rad-4 { border-radius:5px; }
/*gradients, colors*/
.white, .white a { color:#fff; }
.grey, .grey a { color:#a1a09f; }
.orange, .orange a { color:#fd6a33; }
.blue, .blue a { color:#0295aa; }
.poison, .poison a { color:#365558; }
.red-bg { background-color:#d21121; color:#fff; }
.white-bg { background-color:#fff; }
.white-bg.bordered { border:1px solid #e3dfdc; }
.teal-bg { background-color:#008398; color:#fff; }
.orange-bg { background-color:#fd6a33; color:#fff; }
.shade-bg { background-color:#f8f4f1; }
.grad-teal { background: #0a9caf; background: linear-gradient(top, #49ced8, #0a9caf); background: -webkit-linear-gradient(top, #49ced8, #0a9caf); }
.grad-blue { background: #018da2; background: linear-gradient(top, #0294a9, #008095); background: -webkit-linear-gradient(top, #0294a9, #008095); }
.grad-blue-2 { background: #018da2; background: linear-gradient(top, #008095, #0294a9); background: -webkit-linear-gradient(top, #008095, #0294a9); }
.grad-orange { background: #fe7c2e; background: linear-gradient(top, #ff8c29, #fd6e32); background: -webkit-linear-gradient(top, #ff8c29, #fd6e32); }
.grad-red { background: #f95a36; background: linear-gradient(top, #fd6833, #f1393c); background: -webkit-linear-gradient(top, #fd6833, #f1393c); }
/*effects*/
/*...common classes*/
img { border: none; vertical-align: middle; }
img table { text-align: left; }
img.fluid-img, .fluid-img img { max-width:100%; height:auto; }
.fluid-iframe iframe { width:100%; height:100%; border:none; }
hr { height: 1px; background-color:rgba(0,0,0,.2); margin: 10px 0; border: none; box-shadow: 0 1px 0 rgba(255,255,255,.2); }
h1, h2, h3, h4, h5, h6, p, ul, ol, li { margin: 0; padding: 0; list-style: none; }
p { }
i { }
.block { display:block; }
.quote { text-align:right; }
.quote em { padding-bottom:15px; display:block; text-align:justify; }
.ico, .graphic { background-repeat: no-repeat; background-position: center; background-size:60px; min-height:74px; }
.ico.left-ico { background-position:left; padding-left:80px; }
.ico.right-ico { background-position:right; padding-right:80px; }
.ico.house { background-image:url(art/ico-house.svg); }
.ico.secured { background-image:url(art/ico-secured.svg); }
.ico.money { background-image:url(art/ico-money.svg); }
.ico.magnif { background-image:url(art/ico-magnif.svg); background-size:40px; padding-left:50px; min-height:40px; }
.ico.message { background-image:url(art/ico-message.svg); background-size:40px; padding-left:50px; min-height:40px; }
.ico.tags { background-image:url(art/ico-tags.svg); background-size:40px; padding-left:50px; padding-top:10px; min-height:10px; }
.ico.details { background-image:url(art/ico-details.svg); background-size:40px; padding-left:50px; min-height:40px; }
.ico.more { background-image:url(art/ico-more.svg); background-size:40px; padding-left:50px; min-height:40px; }
.clear { clear: both; }
.clearfix::after { content: ''; clear: both; }
.hide-overflow { position:relative; overflow:hidden; }
.left { float: left; }
.right { float: right; }
.b-rad-50 { border-radius:50%; }
.menu ul { font-size: 0; }
.menu li { display: inline-block; font-size: 14px; vertical-align: top; }
.centered { text-align: center; }
span.centered { display:block; }
.left-aligned { text-align: left; }
.right-aligned { text-align: right; }
.menu.centered ul { text-align: center; }
.menu.centered ul li { display: inline-block; vertical-align: top; }
.hide { display: none; }
.spacer { padding: 0 5px; }
.inline-block { display:inline-block; }
input { font-family: 'PT Sans', sans-serif; }
input:focus, select:focus { outline: none; }
input.button { border:none; cursor:pointer; }
input::-webkit-input-placeholder, input::-moz-input-placeholder, input::-ms-input-placeholder { color:#535251; }
table { border-spacing: 0; }

/*table layout*/
.iam-a-table { display:table; }
.iam-a-table > li { display:table-cell; box-sizing:border-box; }
.iam-a-cell { display:table-cell; }
.iam-a-table.bordered { border-top:1px solid #e3dfdc; border-right:1px solid #e3dfdc; }
.iam-a-table.bordered li { border-left:1px solid #e3dfdc; box-shadow:0 1px 0 #e3dfdc; }

/*inputs*/
.fieldset li, .fieldset div { padding:1%; }
.input-title { font-size:14px; } 
.inputs { font-size:14px; }
.inputs select { width:100%; }
.inputs select, .inputs input, .inputs textarea { background-color:#f4f4f4; color:#535251; border:none; padding:6px; border-radius:3px; box-sizing:border-box; }
.inputs option { width:100%; }

.text-right {text-align: right;}
.text-bold {font-weight: 700;}
.pt-3 {padding-top:12px;}

/*RESPONSIVE*/
@media screen and (min-width: 1920px) {
/*	.item-thumb { max-height:200px; }*/
	.tv .item-title h2 { font-size:20px; }
}
@media screen and (max-width: 1280px) {
	.wrapper { width:98%; }
	.w400p { width:32%; }
	.w770p { width:66%; }
	.w400p.left { margin-left:1%; margin-right:0; }
	.ico-box { height:100px; }
	.item.w20.square, .item.w32.square { width:48%; padding-bottom:0; margin-bottom:2%; }
/*	.item.w20.square .item-thumb { height:400px; }	*/
}
@media screen and (max-width: 1040px) {
	.ico-box h1 { font-size:20px; }
	.ico-box h1 small { display:none; }
	.article h2 { font-size:14px; }
	.article p { font-size:12px; }
	.tv.item.w25 { width:48%; margin:0 1%; height:0; padding-top:40%; margin-bottom:20px; }
	.tv.item.w25 .item-thumb, .tv.item.w25 .item-desc { position:absolute; left:0; height:50%; }
	.tv.item.w25 .item-thumb { top:0; }
	.tv.item.w25 .item-desc { bottom:0; }
}
@media screen and (max-width: 768px) {
	#main-content .w400p { width:48%; }
	#main-content .w770p { width:48%; }
	.w770p .w49 { width:98%; }
	.item.w20.square, .item.w32.square { width:98%; }
	.item.w20.square .item-thumb { height:auto; }
	.item-desc { position:relative; }
}

@media screen and (max-width: 640px) {
	.ico-box h1 { font-size:0; }
	.w15, .w25, .w30, .w40, .w80 { width:98%; }
	.w15 .button, .w25 .button, .w30 .button, .w40 .button { margin-bottom:10px; }
	#main-content .w400p, #main-content .w770p { width:98%; }
	.iam-a-table, .iam-a-table > li { display:block; }
	#menu-top-render { text-align:center; float:none; }
	#social-menu { display:none; }
	.menu.submenu a { font-size:13px; }
	#header { text-align:center; }
	#header .left, #header .right { padding:10px 0; }
	#header .graphic { display:none; }
	#brand { float:none; }
	#brand img { padding:0 0 20px; }
	#brand .iam-a-table { float:none; margin:0 auto; }
	#call { float:none; }
	#call .right-aligned { text-align:center; }
	#search-actions p { padding:10px 0; }
}

/*----------------------------leftovers----------------------*/
/*div {
	outline:1px solid #000;
}*/

@media print {
    .wrapper { width: 1000px; }
    #top, #submenu, .slider-holder, #menu-section, #footer, .bread, #prev-image, #next-image, #erd-toggle, #print-email { display: none; }
    .button-wrapper { text-align: center; }
    .button.big { float: none; }
    #left-col { display: none; width: 0; }
    #right-col { width: 100%; }
    .cycle-slide img { max-height: 250px; }
    .button.big.weird, .button-wrapper .button, .button-wrapper a {  line-height: normal;}
}