body {margin:0; padding:0; font-family: 'Roboto', sans-serif; font-weight: 300; color:#747474; font-size:14px; line-height: 22px}

.font {font-family: 'Roboto', serif;}
.anim { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
.radius0 { -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px;}

/* GENERAL */
h1,h2,h3,h4,h5,h6 {color:#1b1b1b; font-family: 'Roboto', serif; text-transform: uppercase; font-weight:400}
h2 {font-size:28px}
section {padding:25px 0px;}
.bgGrey {background-color:#f8f8f8}
.bgGradient { background-image: url("../images/bg-gradient.png"); background-position: bottom center; background-repeat:no-repeat; padding:0}


 



@media screen and (max-width: 468px) {
.mobileWelcome {text-align:left;font-size:12pt;padding-left:10px;padding-right:10px}  
}
@media screen and (min-width: 468px) {
.desktopWelcome {text-align:left;font-size:12pt}  
}




.introText {line-height:22px; text-align: center; margin-top: 20px; display:block; }
.btn-lg {border: 2px solid #1b1b1b; color:#1b1b1b; font-size:11px; font-weight:700; text-transform: uppercase; padding: 16px 30px; margin:10px 0px }
.btn-default.btn-lg {background-color: transparent}
.btn-default.btn-lg:hover {border-color:#fff; background-color: transparent}
.btn-primary.btn-lg {background-color: #1b1b1b; color:#fff; }
.btn-primary.btn-lg:hover {background-color:transparent; color:#1b1b1b; border-color:#1b1b1b}
.btnIcoContact { background-image: url("../images/icon-phone-white.svg"); background-repeat:no-repeat; background-position: left 15px center; -webkit-background-size: 14px; -moz-background-size: 14px; -ms-background-size: 14px; -o-background-size: 14px; background-size: 14px; padding-left:45px;}
.btnIcoContact:hover { background-image: url("../images/icon-phone-black.svg"); border-color: #fff !important; background-position: left 22px center;padding-left:52px;}

.btn-md {border: 2px solid #ccc; color:#1b1b1b; font-size:11px; font-weight:400; text-transform: uppercase; padding: 14px 24px; margin:10px 0px }
.btn-default.btn-md {background-color: transparent}
.btn-default.btn-md:hover {border-color:#fff; background-color: transparent}

.btn-sm {border: 0px; color:#1b1b1b; font-size:11px; font-weight:400; text-transform: uppercase; padding: 14px 24px; margin:10px 0px }
.btn-default.btn-sm {background-color: transparent}
.btn-default.btn-sm:hover {border-color:#fff; background-color: transparent}

.sectionBtnWrap {display:block; min-height:100px; position: relative}
.readMore { display:inline-block; position: absolute; margin:30px 0px; top:0; left:50%; min-width:130px ; margin-left: -65px; background-repeat:no-repeat; background-position: center center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; -o-background-size: 20px; background-size: 20px;}

a.btnBack { background-color: #2a2a2a; text-align: center; display:block; text-transform: uppercase; color:#c4c4c4; font-size:12px; }
a.btnBack:hover {background-color: #1a1a1a; color:#fff}
a.btnBack span {display:inline-block; padding:12px 25px 12px 35px;  background-image: url("../images/icon-close.svg");background-repeat:no-repeat; background-position: left center; -webkit-background-size: 16px; -moz-background-size: 16px; -ms-background-size: 16px; -o-background-size: 16px; background-size: 16px;}

/* HEADER */
header { position: absolute; top:0; left:0; right:0}


/* SLIDER */
.sliderMainWrap {height:800px; position: relative; z-index:1000;}
#sliderMain {width:100% !important; height:100% !important}
#sliderMain .infoBlockLeftBlack { position: absolute; top: auto; right: 0; left: 0; bottom:0; max-width: 100%; background: #FFF; background: transparent; text-align: center; background-image: url("../images/bg-white-gradijent.png"); background-position: top center; background-repeat:repeat-y; overflow: hidden; padding: 20px; padding-bottom:35px;}

h2.sliderSubtitle {font-size:10px;}
h1.welcomeTitle {margin-top:5px; font-size:24px;}
.sliderMainWrap p {color:#747474; font-size:15px}

ul.toolsWrap {position:absolute; list-style:none; margin:0; padding:0; top:0; left:0;background-color: #1c1c1c; z-index:10000;}
ul.toolsWrap li {float:left;}
ul.toolsWrap li a {display:block; width:50px; height:50px;  color:#fff; text-align: center;}

.menuCall { background-image: url("../images/icon-phone-white.svg"); background-repeat:no-repeat; background-position: center center; -webkit-background-size: 14px; -moz-background-size: 16px; -ms-background-size: 16px; -o-background-size: 16px; background-size: 16px; }
.menuCall:hover {  }

    /* FROM */
form.formContact {margin-top:35px; margin-bottom: 45px}
.modal form.formContact { margin: 0 !important;}
form.formContact label {font-size:11px;}
form.formContact .form-control {background-color: #f1f1f1; border-color:#f2f2f2; height:45px}
h3.contactTitle {margin-top:15px; margin-bottom: 25px;}
.textArea {height:123px !important;}
.btnSend {border:1px solid #1a1a1a; text-transform: uppercase; font-size:11px; padding:12px 24px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out;    transition: all 0.2s ease-in-out;}
.btnSend:hover { background-color: #000; color:#fff;}


/* SECTION ABOUT */
.aboutWrap {margin-bottom: 25px }
.aboutWrap p {line-height:24px;}
.imgLogo {width:250px; margin: 30px 0px}
.bgNeighborhood { background-image: url("../../../../agent-photo.png"); background-repeat:no-repeat; background-position:bottom left -180px; padding-bottom: 50px}

/* SLICK CUSTOM */
.slick-next {right:0;}
.slick-prev {left:0}
.slick-dots li { margin:0; height:15px;}

.slick-dots li button:before {font-size:12px}

.tabMessage { text-align: center; padding:80px 0px; background-color: #f8f8f8}
.tabMessageTitle {font-weight:700; font-size:16px; margin-bottom: 15px;}

/* DIVIDERS */
.dividerLogo { text-align: center; position: relative}
.dividerImageWrap { display:inline-block; background-color: #fff; padding:0 15px}
.dividerImageWrap::before{ position:absolute; content: ''; left:0; top:50%; right:0; height:1px; background-color: #d6d6d6; z-index:-10;}

/* SLIDER TABS */
ul.sliderTabs {list-style:none; margin:25px 0 30px 0; padding:0; text-align: center;}
ul.sliderTabs li {display:inline-block; border-right:1px solid #e4e4e4}
ul.sliderTabs li a {display:block; padding:5px 20px; text-transform: uppercase; font-weight:700; color:#c5c5c5; text-decoration: none;}
ul.sliderTabs li.active a {color:#1b1b1b; position:relative}
ul.sliderTabs li.active a::after {content:""; background-image: url("../images/icon-arrow.svg"); position:absolute; top:-10px; left:50%; width:12px; height:7px; margin-left:-6px}
ul.sliderTabs li:last-child {border: 0}

/* GALLERY */
.heroSlider .rsOverflow, .royalSlider.heroSlider {height:600px}

.galleryWrap { height:600px; overflow: hidden; position: relative; }
.sliderGallery {height:100%; width:100%;}

.residenceTitleWrap {position:absolute; z-index:1000; bottom:0; left:0; right:0; top:auto; padding:20px; text-align: center; background-image: url("../images/bg-white-gradijent.png"); background-position: top center; background-repeat:repeat-y;}
.residenceType { color:#9f9e9e; font-size:12px; text-transform: uppercase}

/* GALLERY NAV */
.rsArrow, .rsSlideCount, .galleryClose, .galleryShowInfo {left:auto; right:0; top:0; bottom:auto; background-color: #fff; float:none; height:50px; width:50px; z-index: 10000; position: absolute; background-repeat:no-repeat; background-position: center; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; -o-background-size: 20px; background-size: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: center; vertical-align: middle; font-size:12px; line-height:40px}
.rsSlideCount {line-height: 50px}

.galleryClose {background-color: #000; top:0; background-image: url("../images/icon-close.svg"); }
.rsArrowLeft {right:100px; background-image: url("../images/icon-arrow-left.svg");}
.rsArrowRight {right:50px;background-image: url("../images/icon-arrow-right.svg");}
.rsSlideCount {right:150px; background-color: #f1f1f1}
.galleryShowInfo {right:160px; background-color: #fff; background-image: url("../images/icon-info.svg");}
.galleryShowInfo.active {background-color: #000000; background-image: url("../images/icon-info-white.svg");}
.galleryShowInfo.active:hover, .galleryClose:hover { background-color: #1c1c1c}
.rsArrowLeft:hover, .rsArrowRight:hover, .galleryShowInfo:hover { background-color: #f1f1f1}

.sliderMainWrap .rsArrowLeft {left:0; top:50%; width:30px; margin-top: -20px; background-position: right 8px center; -moz-border-radius: 0 25px 25px 0; -webkit-border-radius: 0 25px 25px 0; -khtml-border-radius: 0 25px 25px 0; border-radius: 0 25px 25px 0;}
.sliderMainWrap .rsArrowRight {right:0; top:50%;width:30px; margin-top: -20px; background-position: left 8px center; -moz-border-radius: 25px 0 0 25px; -webkit-border-radius: 25px 0 0 25px; -khtml-border-radius: 25px 0 0 25px; border-radius: 25px 0 0 25px;}

/* LISTING CLOSED */
ul.listingClosed {padding:0 !important}
ul.listingClosed li {}
ul.listingClosed li a {display:block; position:relative}
ul.listingClosed li a img {width:100%}

.itemDescription {position:absolute; bottom:0; left:0; right:0; top:auto; padding:15px; background-image: url("../images/item-overlay.png"); background-repeat:repeat-x; background-position: top left; padding-top:50px;}
.itemDescription h3 {color:#fff; font-size:16px; margin-bottom:4px}
.closedItemPrice {color:#a5a4a3; font-size:14px; padding-right:40px}
.tagSold {position:absolute; right:15px; bottom:15px; text-transform: uppercase; font-size:12px; font-weight:700; color:#c92b2b}
.itemDescription p { color:#787878; font-size:11px; margin-bottom: 0; margin-top:8px }

    /* LISTING ACTIVE */
ul.listingActive {padding:0 !important}
ul.listingActive li a {display:block; position:relative}
ul.listingActive li a img {width:100%}
ul.listingActive li a .itemDescription { text-align: center; }
ul.listingActive li a .closedItemPrice {padding-right:0px; font-size:16px}
ul.listingActive li a .itemDescription h3 {font-size:20px; margin-bottom:6px; margin: 10px 0}
.listingType { text-transform: uppercase; color:#fff; font-size:13px}

.listingBtn { display:inline-block; color:#fff; font-size:10px; text-transform: uppercase; display:inline-block; border:1px solid #fff; padding:7px 16px; margin:15px 0px}

/* ABOUT OTO */
h2.title { text-align: center; font-size:30px; margin-top:5px}
.introText.welcome {margin-bottom: 0px;}
.welcomeText { text-align: center; text-transform: uppercase; font-size:12px}
.infoBlock .introText {display:none;}
p.specs { font-size: 18px; font-weight: 400; margin: 30px 0;}

/* AMENITIES */
.aboutTitle { position: relative; text-transform: none; font-size:22px; text-align:center; margin-bottom: 40px;}
.aboutTitle::after {content:""; background-image: url("../images/icon-arrow.svg"); position:absolute; bottom:-20px; left:50%; width:12px; height:7px; margin-left:-6px}

.amenitiesList ul {list-style:none; margin:25px 40px; padding:0; text-align: center;}
.amenitiesList ul li {font-size:15px; line-height:24px; margin-bottom: 10px; position: relative; display:inline-block}
.amenitiesList ul li::before {color:#747474; content: '- '; position: absolute; left:-16px}
    /* PLAN SLIDER */
ul.planSlider {margin:0; padding:0; list-style: none}
ul.planSlider li a {display:block; padding:10px; margin:0 15px; background-color: #fff; border:1px solid #e7e7e7; font-size:13px; color:#747474; text-transform: none}
ul.planSlider li a:hover {border-color:#1b1b1b}
ul.planSlider li a h3 {margin-top:10px; font-size:18px}

.floorPlanWrap {display:block; position: relative;}
.floorPlanWrap img {width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.planOverlay {position:absolute; zoom: 1;  filter: alpha(opacity=0); opacity: 0; background-color:#fff; left:0; padding-top: 15px; top:0; bottom:0; right:0; text-align: center; vertical-align: middle; text-transform: uppercase; font-size:12px; font-weight:700; background-image: url("../images/icon-floorplan.svg"); background-repeat:no-repeat; background-position: center; -webkit-background-size: 35px; -moz-background-size: 35px; -ms-background-size: 35px; -o-background-size: 35px; background-size: 35px;}
ul.planSlider li a:hover .planOverlay { visibility: visible; filter: alpha(opacity=90); opacity: 0.9;}

.sliderPrice {color:#1b1b1b; font-size:15px; margin-bottom: 10px}
.statItem {color:#8e8e8e}

/* RESIDNCE / LISTING PREVIEW */
h2.infoTitle {font-size:20px; text-align: center;}
a.slideDown { display:inline-block; margin-bottom: -15px; width:30px; height:18px; background-image: url("../images/icon-arrow-down-light.svg"); background-repeat:no-repeat; background-position: center; -webkit-background-size: 30px 18px; -moz-background-size: 30px 18px; -ms-background-size: 30px 18px; -o-background-size: 30px 18px; background-size: 30px 18px; margin-top: 20px; position: relative; z-index: 2000}

.bottomGradijent { display:block; z-index:1000; height:25px;  position:absolute; bottom:0; left:0; right:0; top:auto; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10 preview */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */}

.listingInfo {font-size:13px; margin: 30px 0px;}
.infoStat div:first-child{color:#b6b6b6}
.infoStat .active {color:#309e30; font-weight:700}

.infoTextLeft { text-align: center;}

ul.listingOptions {list-style:none; margin:0; padding:0;}
ul.listingOptions li {float:left}
ul.listingOptions li a {height:50px; display:block; text-transform: uppercase;}
ul.listingOptions li a.btnPlan {width:50px; background-color: #ededed; margin-right: 15px; background-image: url("../images/icon-plan.svg"); background-position: center; background-repeat:no-repeat; -webkit-background-size: 25px; -moz-background-size: 25px; -ms-background-size: 25px; -o-background-size: 25px; background-size: 25px;}
ul.listingOptions li a.btnPlan:hover { background-color: transparent;background-image: url("../images/icon-plan-dark.svg");}

ul.listingOptions li a.btnExternal {width:50px; background-color: #ededed; margin-right: 15px; background-image: url("../images/icon-url.svg"); background-position: center; background-repeat:no-repeat; -webkit-background-size: 25px; -moz-background-size: 25px; -ms-background-size: 25px; -o-background-size: 25px; background-size: 25px;}
ul.listingOptions li a.btnExternal:hover { background-color: transparent;background-image: url("../images/icon-url-dark.svg");}


ul.listingOptions li a.btnCallAgent { line-height:50px; background-color: #1b1b1b; color:#fff; padding:0 24px; background-image: url("../images/icon-phone-white.svg"); background-repeat:no-repeat; background-position: left 15px center; -webkit-background-size: 14px; -moz-background-size: 14px; -ms-background-size: 14px; -o-background-size: 14px; background-size: 14px; padding-left:45px;}
ul.listingOptions li a.btnCallAgent:hover { background-image: url("../images/icon-phone-black.svg"); border-color: #fff !important; background-position: left 22px center; padding-left:52px; background-color: transparent; color:#1b1b1b; text-decoration: none;}
ul.listingOptions li::before { display:none}

/* LISTING DETAILS */
ul.listingDetails {list-style:none; margin:0; padding:0; margin-bottom: 25px}
ul.listingDetails li {width:50%; float:left; margin-bottom: 15px }
ul.listingDetails li span { display: block; font-size:18px; font-weight:400; color:#3a3a3a;}
ul.listingDetails li::before { display:none}

.listingPrice {display:block;color:#3a3a3a; font-weight:700; font-size:24px}
.listingDescription { text-align: center;}
h2.descriptionTitle {margin-bottom: 35px; margin-top: 0}
.disclaimer { text-transform: uppercase; margin-top:40px; font-size:12px; padding:0px 20px;}
.disclaimer strong { color:#747474 }

.property-video { position: relative; display: block;}
.property-video .icon_play { position: absolute; left: 50%; top: 50%; margin-left: -64px; margin-top: -64px; width: 128px; height: 128px; background: url("../images/icon_play.svg");}

article {background-color: #fff; padding:50px 0px}
article strong {color:#3a3a3a; font-weight:700}
article a {font-weight:400;color:#3a3a3a;}
article a:hover {color:#3a3a3a;}

article ul {list-style:none}
article ul li { position: relative;}
article ul li::before {color:#747474; content: '— '; position: absolute; left:-24px}

    /* FOOTER */
footer { background-color: #1a1a1a; color:#888888; padding:40px 0; font-size:12px}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {color:#fff}
.footer strong {color:#fff; text-transform: uppercase}
footer h4 {font-size:12px;}
footer a { color:#fff; }
footer a:hover {color:#c4c4c4;text-decoration: none;}

.credits {display:block; font-size:12px; text-align: center; margin-top: 25px;}
.fBorder { border-top:1px solid #2a2a2a; padding-top:35px; margin-top: 35px}
.contactInfo { text-align: center;}

.footer_logo_wrap { text-align: center;}
a.footer_logo {width:220px; height:360px; margin-bottom: 0px; display:inline-block; background-image: url("../../../../../logo.png"); -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center; background-repeat: no-repeat;}

a.footer_logo_de {width:0px; height:0px; margin-bottom: 0px; display:inline-block; background-image: url("../images/logo_de.svg"); -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; background-position: center;
    clear: both;}

/* FOOTER EMNU */
ul.menu_footer {list-style: none; margin:0; padding:0; text-align: center;}
ul.menu_footer li {display:block;}
ul.menu_footer li a {display:block;font-size:11px; color:#888888; padding:5px 15px; text-decoration: none; text-transform:uppercase; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
ul.menu_footer li a:hover {color:#c4c4c4;}
ul.menu_footer li a.active {color:#fff}

/* MODAL */
.modal-backdrop {background-color: #fff}
.modal-content  { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important;}
h4.modal-title {position:relative; margin-top: 10px; font-size:24px}

.line {width:80px; height:2px; background-color: #151515; margin-top: 10px}

.modal-header {border:0; padding:30px 30px 0px 30px}
.modal-header, .modal-body, .modal-footer {padding:20px 30px;}
.modal-body article {font-size:13px; line-height:20px}

.modal-content {border:0; -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.2); box-shadow: 0 5px 15px rgba(0,0,0,0.2);}
.modal-body {position: relative}
.modal article { position: relative; padding:0 35px 0 0; margin:0; color:#1a1a1a }
.modal-header .close {margin-top: 12px; font-size: 30px; font-weight:300; position: relative; z-index: 5000}
.modal .bottomGradijent {bottom:20px; height:35px;}

/* SCROLLER */
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #969696 !important; width:3px}
.mCSB_scrollTools .mCSB_draggerRail { background-color: #f3f3f3 !important}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical { margin-top:0}

/* TOOLTIP */
.tooltip-inner {text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; -khtml-border-radius: 0px; border-radius: 0px; white-space: nowrap; padding:10px; font-family: 'Roboto', serif; font-size:10px;}

/* MODAL CENTER
.modal-dialog { position:absolute; top:50% !important; transform: translate(0, -50%) !important; -ms-transform: translate(0, -50%) !important; -webkit-transform: translate(0, -50%) !important; margin:auto 5%; width:90%; height:80%;}
.modal-content { min-height:100%; position:absolute; top:0; bottom:0; left:0; right:0;}
.modal-body { position:absolute; top:45px; bottom:45px; left:0; right:0; overflow-y:auto;}
.modal-footer { position:absolute; bottom:0; left:0; right:0;}*/

.swipebox-container {font-family: 'Roboto', serif;}


/* LOGO LIST */
.logo_list {list-style: none; padding:0; margin:0}
.logo_list li{ max-height: 52px; }
.logo_list li.slick-slide{ margin:0 40px; }
.logo_item{ display: block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.logo_item:hover{  -webkit-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; }
.logo_item img{ width: 100%; display: block; }

.logoShort { background-image: url("../images/logo-sm.png"); background-repeat:no-repeat; background-position: center; -webkit-background-size: 50px; -moz-background-size: 50px; -ms-background-size: 50px; -o-background-size: 50px; background-size: 50px;}

.wrapGradient { position: relative;}
.wrapGradient::before {position:absolute; width:30px !important; z-index: 1; height:50px !important; content: ''; left:15px; top:0; bottom:0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* IE10 preview */
    background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-8 */}

.wrapGradient::after { position:absolute; width:30px !important; z-index: 1; height:50px !important; content: ''; right:15px; top:0; bottom:0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome4-9,Safari4-5 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10-11.50 */
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10 preview */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-8 */}


/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane { display: block; height: 0; overflow-y: hidden; }
.tab-content > .active,
.pill-content > .active { height: auto;}

.messageSent {font-weight: 700; display: block; text-align: center;padding: 25px 0;}
.loading { background-image: url("../images/loading.gif"); background-repeat: no-repeat; background-position: right 5px center; padding-right:30px; background-color: #fff !important}
.loading:hover {background-color: #fff; color: #1a1a1a !important;}
.loading:focus {background-color: #000; color: #FFF;}
.no-listing {margin-bottom: 35px}
.preview .scroll-btn { display: none}
.residenceTitleWrap { border-bottom: 1px solid #d6d6d6 !important;}
.borderTop { border-top: 1px solid #d6d6d6; padding-top:25px}
.buttonControls { text-align: right;}

/* EXTERNAL */

#external p { line-height: 18px; margin-bottom: 25px;}
#external p a { display: block;}

/* FORM VALIDATION */

label.error { color: #F00;}

.Neighborhood_info_modal{ padding: 0; margin: 20px 0 0 0; text-align: center; }
.Neighborhood_info_modal > li{ display: inline-block; }
.Neighborhood_info_modal > li:before{ display: none; }
.Neighborhood_info_modal > li a{ display: block; width: 30px; height: 30px; margin: 0 3px; -webkit-opacity: 0.45; -moz-opacity: 0.45; -ms-opacity: 0.45; -o-opacity: 0.45; opacity: 0.45; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border: 1px solid #000; }
.Neighborhood_info_modal > li a:hover{ -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.Neighborhood_info_modal > li a img{ width: 20px; height: auto; margin: 3px auto 0 auto; }


/* EXTERNAL LINKS */
ul.linksList {list-style:none; padding:0; margin:0}
ul.linksList li { margin-bottom: 20px;}
ul.linksList li a {display:block; text-decoration: none;}
ul.linksList li a span.linkClick { font-size:13px; font-weight:700; color:#000; display:inline-block; padding-top:6px;}

ul.linksList li a p { margin:0; background-color: #f3f3f3; color:#000; padding:20px 35px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
.iconNeighborhoodBubble { background-image: url("../images/s-bublle-logo.svg"); padding-left: 70px !important; background-repeat:no-repeat; background-position: left 15px center; -webkit-background-size: 35px; -moz-background-size: 35px; -ms-background-size: 35px; -o-background-size: 35px; background-size: 40px; }

ul.linksList li:hover a p { background-image: url("../images/s-bublle-logo-hover.svg"); background-color: #262623; color:#fff}

ul.linksList li div {display:block; padding:0px 25px; background-repeat:no-repeat; -webkit-background-size: 20px; -moz-background-size: 20px; -ms-background-size: 20px; -o-background-size: 20px; background-size: 20px;}
ul.linksList li:nth-child(odd) div {text-align: right; background-image: url("../images/s-bubble-pin-right.svg"); background-position: right 30px top; padding-right: 65px !important}
ul.linksList li:nth-child(even) div {text-align: left; background-image: url("../images/s-bubble-pin-left.svg"); background-position: left 30px  top; padding-left: 65px !important}

ul.linksList li:nth-child(odd):hover div {background-image: url("../images/s-bubble-pin-right-hover.svg");}
ul.linksList li:nth-child(even):hover div {background-image: url("../images/s-bubble-pin-left-hover.svg");}




@media (min-width : 480px) {

    .btn-lg {padding: 16px 30px; margin:25px 0px }
    .btnIcoContact { padding-left:45px;}
    .infoBlock p.introText {display:block;}

    /* SECTION ABOUT  */
    .bgNeighborhood {  background-position:bottom left -140px; }

    /* DIVIDERS */
    .dividerImageWrap {  padding:0 25px}

    .buttonControls { text-align: left;}


}
@media (min-width : 768px) {

    /* GENERAL */
    section {padding:30px 0px;}
    .disclaimer {padding:0 35px;}

    /* SLICK CUSTOM */
    .tabMessage { padding:100px 0px;}

    /* SLIDER */
    h1.welcomeTitle {font-size:24px;}
    h2.sliderSubtitle {font-size:12px;}

    /* SECTION ABOUT  */
    .imgLogo {margin: 35px 0px}
    .bgNeighborhood {  background-position:bottom left 0px; }

    /* AMENITIES */
    .amenitiesList ul {margin:35px 100px; text-align: left;}
    .amenitiesList ul li {width:50%; float:left; padding-right:40px; display: block; }

    /* LISTING DETAILS */
    ul.listingDetails li {width:25%;  }

    /* EXTERNAL LINKS */
    ul.linksList { margin:0 80px}
}
@media (min-width : 992px) {

    /* GENERAL */
    section {padding:35px 0px;}
    .disclaimer {padding:0 50px;}
    .introText {padding:0px 100px;line-height:24px;}
    .readMore:hover {background-image: url("../images/icon-more.svg");background-position: top center;  padding:25px 24px; font-size:9px}

    /* SECTION ABOUT  */
    .imgLogo {margin: 45px 0px}

    /* SLIDER */
    h1.welcomeTitle {font-size:30px;}
    h2.sliderSubtitle {font-size:14px;}

    /* AMENITIES */
    .amenitiesList ul {margin-left:150px}
    .amenitiesList ul li {width:33.3333%; float:left}

    /* RESIDENCE / LISTING PREVIEW */
    h2.infoTitle {text-align: left;}
    .infoTextLeft { text-align: left;}
    .borderRight {border-right:1px solid #d6d6d6;}

    .listingDescription p {padding-left:60px; padding-right:60px;}

    /* FOOTER Menu */
    ul.menu_footer {text-align: right;}
    ul.menu_footer li {display:inline-block;}
    ul.menu_footer li a {padding:0px 15px;}

    .credits { text-align: left; margin-top: 0px;}
    
    .footer_logo_wrap { text-align: left; margin-top: 5px}

    /* FROM */
    form.formContact {margin-left:100px; margin-right:100px}

    .preview .scroll-btn { display: block}
    .borderTop {border:0}


    /* LISTING DETAILS */
    ul.listingDetails li {width:25%;  }

}
@media (min-width : 1200px) {

    /* GENERAL */
    .introText {padding:0px 150px;}
    .disclaimer {padding:0 150px !important;}

    /* SLIDER */
    h1.welcomeTitle {font-size:36px;}
    h2.sliderSubtitle {font-size:16px;}

    /* AMENITIES */
    .amenitiesList ul {margin-left:200px}

    /* SECTION ABOUT  */
    .bgNeighborhood {  background-position:bottom left 50px; }

    /* RESIDNCE / LISTING PREVIEW */
    .listingDescription p {padding-left:80px; padding-right:80px;}
    .listingInfo {font-size:14px;}

    /* FROM */
    form.formContact {margin-left:130px; margin-right:130px}

    /* FOOTER */
    .contactInfo { text-align: left;}

    /* EXTERNAL LINKS */
    ul.linksList { margin:0 120px}
}
@media (min-width : 1600px) {
    .container { width: 1400px}

    /* RESIDNCE / LISTING PREVIEW */
    .listingDescription p {padding-left:100px; padding-right:100px;}

    /* EXTERNAL LINKS */
    ul.linksList { margin:0 280px}
}

input:-webkit-autofill { -webkit-box-shadow: 0px white inset; }
form * { border-radius:0px !important; box-shadow:none;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .poruka_input:focus, .form-control:focus, input[select] {
    border-color: rgba(184, 184, 184, 0.8); color:#000; /*box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);*/ outline: 0 none;}
input[type="text"], input[type="email"], textarea {	resize:none; outline: none; box-shadow:none !important;}