/* Global Font */
body { font-family: 'Nato', sans-serif; overflow-x: hidden; /*overflow-y: scroll !important;*/ }
html, body { height: 100%; }

/* Heading */
h1, h2, h3, h4, h5, h6, .nivo-caption .slide-head, .services .nav-tabs > li > a, .lead { font-family: 'Nato', sans-serif; }

.ui.button, textarea { font-family: 'Nato', sans-serif; }

textarea, input[type="text"], input[type="password"], select { background-image: none; }

input[readonly], input[readonly='readonly'] {
    pointer-events: none;
    opacity: .45 !important;
}

.ui-tooltip { z-index: 1050 !important; }

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none;
}

/****************************
         Generic Classes
*****************************/

::selection { background: #749BA5; color: #fff; }
*:focus { outline: none; }
a { color: #E42128; -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); text-decoration: underline; }
a, a:link, a:visited { text-decoration: none; }


/* Transitions */
ul, ol { list-style-position: inside; padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; color: #555; line-height: normal; margin-top: 20px; margin-bottom: 10px; }
img { border: 0; height: auto; width: auto; }
strong { font-weight: 700; }
p { color: #515a5f; font-size: 15px; }
blockquote { margin: 0; padding: 0; border: 0; }
.img-inner { width: 100%; }
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 300; }

.pull-left { float: left; }
.pull-right { float: right; }

.clearfix::after { content: ""; clear: both; display: table; }

.align-center { text-align: center !important; }
.no-margin { margin: 0 !important; }
/*.ui.button { background-color: #2693d3; color: #FFF; } */
/*.ui.button:hover, .ui.button:active, .ui.button:focus { opacity: 0.8; color: #FFF; } */

.ui.form input.form-control:not([type]), .ui.form input.form-control[type=date], .ui.form input.form-control[type=datetime-local], .ui.form input.form-control[type=email], .ui.form input.form-control[type=file], .ui.form input.form-control[type=number], .ui.form input.form-control[type=password], .ui.form input.form-control[type=search], .ui.form input.form-control[type=tel], .ui.form input.form-control[type=text], .ui.form input.form-control[type=time], .ui.form input.form-control[type=url] { color: #83a7a5; border-radius: 0; border-color: #c1d3d2; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); padding: 0.857em 1em; }
.ui.form textarea.form-control { font-size: 14px; color: #83a7a5; border-radius: 0; border-color: #c1d3d2; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); }
.ui.form select.form-control { font-size: 14px; color: #83a7a5; height: 43px; border-radius: 0; border-color: #c1d3d2; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); box-shadow: 0 1px 2px 0 rgba(0,0,0,0.12); }

.ui.form .form-control::-webkit-input-placeholder { color: #83a7a5; }
.ui.form .form-control:-moz-placeholder { /* Firefox 18- */ color: #83a7a5; }
.ui.form .form-control::-moz-placeholder { /* Firefox 19+ */ color: #83a7a5; }
.ui.form .form-control:-ms-input-placeholder { color: #83a7a5; }
/*
.ui.primary.button, .ui.primary.buttons .button { background-color: #2693d3; color: #fff; text-shadow: none; background-image: none; }
*/

/*    Richfaces CALENDAR styles   */
.rf-cal > span > .rf-cal-btn {
    content:url(/img/new/calendar.png);
    width: 20px;
    margin-left: -30px;
}

.rf-cal .rf-cal-popup {
    width: 337px;
    background: transparent;
    background-color: #fff;
    margin: 1em 0;
    border: 1px solid rgba(34,36,38,.15);
    box-shadow: none;
    color: rgba(0,0,0,.87);
    border-collapse: separate;
    border-spacing: 0;
    line-height: 1.4285em;
    font-weight: 400;
    font-style: normal;
}

.rf-cal .rf-cal-popup .rf-cal-hdr, .rf-cal .rf-cal-popup .rf-cal-hdr .rf-cal-tl, .rf-cal .rf-cal-popup .rf-cal-hdr .rf-cal-hdr-month,
.rf-cal .rf-cal-popup .rf-cal-hdr .rf-cal-hdr-month .rf-cal-tl-btn, .rf-cal .rf-cal-popup .rf-cal-hdr .rf-cal-hdr-month .rf-cal-tl-btn-hov
.rf-cal .rf-cal-popup .rf-cal-hdr .rf-cal-tl-btn, .rf-cal .rf-cal-popup .rf-cal-hdr .rf-cal-tl-btn-hov {
    background: transparent;
    color: inherit;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    text-transform: none;
    border: none;
    padding: 2px 3px 2px 3px;
}

.rf-cal .rf-cal-popup .rf-cal-day-lbl {
    cursor: auto;
    text-align: center;
    background: transparent;
    vertical-align: inherit;
    font-style: none;
    font-weight: 700;
    text-transform: none;
}

.rf-cal .rf-cal-popup .rf-cal-c {
	width: 36px;
	height: 34px;
	padding: .5em, .1em;
	white-space: nowrap;
	cursor: pointer;
	border-left: 1px solid rgba(34,36,38,.1);
	border-top: 1px solid rgba(34,36,38,.1);
	font-size: 14px;
	background-color: inherit;
}

.rf-cal .rf-cal-popup .rf-cal-holiday {
	background-color: inherit;
	color: inherit;
}

.rf-cal .rf-cal-popup .rf-cal-today {
    background-color: inherit;
    color: inherit;
    font-weight: 700;
    opacity: .75;
}

.rf-cal .rf-cal-popup .rf-cal-ftr {
	background: transparent;
	background-color: inherit;
	border-top: 1px solid rgba(34,36,38,.1);
}

.rf-cal .rf-cal-popup .rf-cal-ftr .rf-cal-tl-ftr {
	background: transparent;
	background-color: inherit
}

.rf-cal .rf-cal-popup .rf-cal-sel,
.rf-cal .rf-cal-popup .rf-cal-hov {
    background-color: inherit;
    color: inherit;
    font-weight: 700;
}

.rf-cal .rf-cal-popup .rf-cal-boundary-day {
    pointer-events: none;
    color: rgba(40,40,40,.3);
}

.rf-cal .rf-cal-popup .rf-cal-hov {
	background-color: inherit;
	border-color: #85b7d9;
}

.rf-cal .rf-cal-popup .rf-cal-tl-btn {
    font-weight: 700;
    line-height: 1.4285em;
    font-size: 14px;
}

.rf-cal .rf-cal-popup .rf-cal-tl-btn-hov {
	background-color: inherit;
	color: inherit;
	font-weight: 700;
	border: none;
	padding: 2px 3px 2px 3px;
}

.rf-cal .rf-cal-monthpicker-cnt {
	background: transparent;
	background-color: #FFF;
}

.rf-cal .rf-cal-monthpicker-cnt .rf-cal-edtr-btn {
    width: 69px;
    height: 34px;
    padding: 6px;
    margin: 0px;
    white-space: nowrap;
    cursor: pointer;
    border-left: 1px solid rgba(34,36,38,.1);
    border-top: 1px solid rgba(34,36,38,.1);
    font-size: 14px;
}

.rf-cal .rf-cal-monthpicker-cnt .rf-cal-edtr-btn-sel {
    background: transparent;
    color: inherit;
    font-weight: 700;
}

.rf-cal .rf-cal-monthpicker-cnt .rf-cal-edtr-btn-over {
    background: transparent;
    color: inherit;
    font-weight: 700;
    border-color: #85b7d9;
}

.rf-cal .rf-cal-monthpicker-cnt .rf-cal-monthpicker-ok,
.rf-cal .rf-cal-monthpicker-cnt .rf-cal-monthpicker-cancel,
.rf-cal .rf-cal-monthpicker-cnt .rf-cal-time-btn {
	border-top: 1px solid rgba(34,36,38,.1); */
	background: transparent;
	background-color: inherit;
}

.rf-cal .rf-cal-monthpicker-cnt .rf-cal-time-btn {
    border:none;
}
/***************************************/

.ui-selectcheckboxmenu { min-height: 38px; }


/*** Page Color ***/
/* You can change the main colors of the Web site from here */
/* Web sitesinin ana renklerini buradan de�i�tirebilirsiniz. */

/* Background Color */ .main-color-bg,.mobile-dropdown h4, .detail-tab .item.active, .give-offer-tab a, .quick-search-heading, .give-offer { background-color: #2693d3; }
/* Text Color */ .main-color,.signin-mobile-trigger, .rezi-tabs a.active, .give-offer-right-heading:before, .residence-item .body .timer .bid-end, .login-left-heading:before, .detail-slider-table tbody tr td.bid, .detail-slider-table thead tr th.bid-head { color: #2693d3 !important; }

/* Secondary Background Color */ .secondary-color-bg, .residence-item .image .new { background-color: #2693d3 !important; }
/* Secondary Text Color */ .secondary-color, .residence-item .price-wrap .last-bid, .residence-item .body .timer .have-bid, .residence-item .price-wrap .first-bid, .residence-item .price-wrap .time-up { color: #2693d3 !important; }

/* Buttons Color */ .ui.button, .ui.quick-search-form .ui.button, .residence-item .price-wrap .bidding-button, .pagination .item.active { background-color: #2693d3; color: #FFF; }
                    .ui.button:hover { background-color: #2693d3; color: #FFF; opacity: 0.8; }

.quick-search-heading:after { border-top-color: #2693d3 !important; }
/*** Page Color End***/

body { background: #e2e2e2; }
.page-wrapper { }

#header { position: relative; height: 60px; font-size: 14px;}

.content-wrapper { background: url(/img/new/residence-bg-line.jpg) top left repeat-x #fff; -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.2); }
.ui.grid.content-wrapper { margin-top: 0px; margin-bottom: 0px; }
.ui.grid.content-wrapper .row.login-wrapper { padding-bottom: 0px; }
#breadcrumb { position: relative; }
.header-silhouette { background: url(/img/new/header-bottom-silhouette.png) #2693d3; height: 85px; padding: 32px 0; }
.header-silhouette-text { text-align: center; font-size: 1.625em; font-weight: bold; color: #fff; letter-spacing: 1px; }
.header-login { font-size: 1.625em; font-weight: bold; color: #fff; letter-spacing: 1px; padding-left: 240px; margin: 0 auto; display: table; position: relative; }
.header-login:before { content: ""; display: inline-block; background: url(/img/new/breadcrumb-icon.png); width: 215px; height: 85px; position: absolute; top: -32px; left: 0; background-position: 0 -50px; }

#breadcrumb .predefined-filters { text-align: center; }
#breadcrumb .predefined-filters a { margin-left: 15px; margin-right: 15px; color: #4183c4; font-weight: bold;}

.site-map { }
.site-map:after { content: ""; clear: both; display: table; }
.site-map a { padding: 10px 2px; color: #7b7b7b; font-size: 11px; float: left; }
.site-map a:after { content: "/"; display: inline-block; padding-left: 2px; }
.site-map a:last-child { font-weight: bold; }
.site-map a:last-child:after { display: none; }

.white-popup { position: relative; background: #FFF; padding: 40px; border-radius: 10px; width: auto; max-width: 685px; margin: 20px auto; }

/*** Header ***/
.main-logo { position: absolute; left: 0; padding-left: 1rem; display: block; top: 50%; max-width: 1142px; overflow: hidden; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.main-logo img { max-height: 60px; }
.top-links { background-color: #22364b; padding: 12px 0; border-bottom: 1px solid #000; height: 60px; position: relative; }
.top-nav { list-style-type: none; position: absolute; right: 1rem; top: 0; }
.top-nav > li { float: left; position: relative; }
.top-nav > li > a { /*color: #fff;*/ color: #666666; padding-left: 15px; display: block; padding-right: 15px; padding-top: 22px; padding-bottom: 20px; position: relative; }
.top-nav > li > a > span { position: relative; z-index: 3; }
.top-nav > li > a:after { content: ""; display: inline-block; height: 18px; width: 1px; background: #000; position: absolute; right: 0; z-index: 1; }
.top-nav > li > a em { padding-right: 5px; }
.top-nav > li:last-child a { }
.top-nav > li:last-child a::after { display: none; }
.top-nav .mobile-home { display: none; }
.top-links .column { height: 62px; }

.top-nav ul { display: none; /*background: #22364b;*/ list-style-type: none; width: 185px; position: absolute; top: 100%; right: -1px; z-index: 9; padding: 10px; -webkit-box-shadow: 0 0 6px 0px rgba(24, 24, 24, 0.4); box-shadow: 0 0 6px 0px rgba(24, 24, 24, 0.4); }

.top-nav ul li { }
.top-nav ul li a { /*background: #22364b;*/ display: block; padding: 12px 15px; border-bottom: 1px solid #0d243b; width: 100%; color: #fff; font-size: 13px; }
.top-nav ul li:last-child a { border-bottom: 0; }
.top-nav ul li:hover a { color: #fb8e0b; }

.top-nav > li:hover > a:before { content: ""; display: inline-block; /*background: #22364b;*/ -webkit-box-shadow: 0 0 6px 0px rgba(24, 24, 24, 0.4); box-shadow: 0 0 6px 0px rgba(24, 24, 24, 0.4); position: absolute; top: 0; bottom: 0; left: -1px; right: 0px; z-index: 2; }
.top-nav > li:hover:after { content: ""; width: 100%; height: 10px; display: block; /*background: #22364b;*/ position: absolute; bottom: 0; left: -1px; z-index: 9; }
.top-nav li:hover ul { display: block; }


.ui.button.login-btn, .ui.button.logout-btn { background: url(/img/new/icon-1.png) 15px 11px no-repeat #0d243b !important; background-color: #0d243b !important; color: #fff; padding: 1.1em 2.4em 1.1em 3.5em; position: absolute; right: 1rem; margin: 0; top: 1px; }
.ui.button.login-btn:hover, .ui.button.logout-btn:hover,
.ui.button.login-btn:active, .ui.button.logout-btn:active,
.ui.button.login-btn:focus, .ui.button.logout-btn:focus { background: url(/img/new/icon-1.png) 15px 11px no-repeat #315172; color: #fff; }

.ui.button.logout-btn, .ui.button.logout-btn:hover, .ui.button.logout-btn:active, .ui.button.logout-btn:focus { background-image: url(/img/new/icon-2.png) !important; }
/*** Header End ***/

/*** Quick Search ***/
.quick-search-heading { text-align: center; padding: 1.2em 0; font-size: 1.286em; font-weight: bold; color: #fff; margin-bottom: 15px !important; position: relative; }
.quick-search-heading:after { position: absolute; bottom: -10px; left: 50%; display: inline-block; margin-left: -10px; border-right: 10px solid transparent; border-top: 10px solid #fca70f; border-left: 10px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; }

.quick-search-form { padding: 15px; }
.ui.quick-search-form .field > label { font-weight: normal; color: #1f3143; font-size: 1.071em; }
.ui.quick-search-form select, .ui.quick-search-form input[type=text] { background: #e2e2e2; border-radius: 0; border: 1px solid #e2e2e2; padding: 0.8em 1em; height: 42px; }
.ui.quick-search-form input[type=text]:focus { background: #e2e2e2; border: 1px solid #ccc; }
/*** Quick Search End ***/


/*** Residence View ***/
.residence-wrapper { padding-right: 1.429em; }

.residence-item { border: 1px solid #e2e2e2; padding: 12px; margin-bottom: 20px; position: relative; min-height: 190px; }
.residence-item:after { content: ""; clear: both; display: table; }
.residence-item .image { width: 235px; max-height: 167px; overflow: hidden; float: left; margin-right: 15px; position: relative; display: flex; align-items: center; justify-content: center; }
.residence-item .image a { width: 100%; }
.residence-item .image img { width:100%; max-width: 100%; }

.residence-item .image .is { position: absolute; font-size: 10px; padding: 1px 6px; line-height: 18px; top: 15px; }
.residence-item .image .opportunity { background: #0d243b; color: #fff; }
.residence-item .image .sold { background: #000; color: #a9a9a9; }
.residence-item .image .new { background: #1d79c9; color: #fff; }
.residence-item .image .cheap { background: #fff; color: #01823b; }

.residence-item .body { float: left; /*padding-right: 175px;*/ max-width: 360px; }
.residence-item .body .rs { color: #666666; font-size: 13px; position: relative; padding-right: 10px; }
.residence-item .body .rs:before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url(/img/new/residence-icons.png); }
.residence-item .body .title { color: #000000; font-size: 14px; font-weight: bold; padding-top: 10px; display: block; max-width: 360px; }
.residence-item .body .city { padding-left: 20px; display: block; margin-bottom: 3px; }
.residence-item .body .city:before { background-position: 0 0; position: absolute; left: 0; }
.residence-item .body .type { padding-left: 20px; }
.residence-item .body .type:before { background-position: -15px 0; position: absolute; left: 0; }
.residence-item .body .area { padding-left: 20px; }
.residence-item .body .area:before { background-position: -45px 0; position: absolute; left: 0; }
.residence-item .body .serial-number { padding-left: 20px; padding-right: 0px; }
.residence-item .body .serial-number:before { background-position: -30px 0; position: absolute; left: 0; }

/*
.residence-item .body .timer { margin-top: 17px; }
.residence-item .body .timer .ts { width: 65px; height: 65px; display: block; float: left; position: relative; text-align: center; padding: 12px 5px; }
.residence-item .body .timer .ts em { font-size: 24px; color: #000; font-weight: bold; font-style: normal; display: block; margin-bottom: 5px; }
.residence-item .body .timer .remaining-time { font-size: 11px; padding: 27px 10px 0 10px; text-align: center; line-height: 15px; }
.residence-item .body .timer .remaining-time:before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(/img/new/residence-icons.png); background-position: -54px 23px; position: absolute; left: 24px; top: 6px; }
.residence-item .body .timer .day { background-color: #f4f4f4; color: #828282; font-size: 11px; }
.residence-item .body .timer .hour { background-color: #f4f4f4; color: #828282; font-size: 11px; }
.residence-item .body .timer .min { background-color: #f4f4f4; color: #828282; font-size: 11px; }
.residence-item .body .timer .sec { background-color: #f4f4f4; color: #828282; font-size: 11px; }
.residence-item .body .timer .bid-end { display: none; font-size: 11px; padding: 17px 5px 0 5px; text-align: center; line-height: 15px; width: 42px; height: 65px; float: left; color: #fca70f; position: relative; }
.residence-item .body .timer .bid-end:before { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; width: 17px; height: 16px; position: absolute; left: 13px; top: 0; }
.residence-item .body .timer .have-bid { font-size: 11px; padding: 27px 5px 0 5px; text-align: center; line-height: 15px; width: 42px; height: 65px; display: block; float: left; color: #147ea9; position: relative; }
.residence-item .body .timer .have-bid:before { content: "\f0f3"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; width: 16px; height: 16px; position: absolute; left: 13px; top: 7px; }
*/

.residence-item .body .timer { margin-top: 17px; }
.residence-item .body .timer .ts { width: 62px; height: 65px; display: block; float: left; position: relative; text-align: center; padding: 12px 5px; }
.residence-item .body .timer .ts em { font-size: 24px; color: #000; font-weight: bold; font-style: normal; display: block; margin-bottom: 5px; }
.residence-item .body .timer .remaining-time { font-size: 11px; padding: 27px 8px 0 8px; text-align: center; line-height: 15px; }
.residence-item .body .timer .remaining-time:before { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(/img/new/residence-icons.png); background-position: -54px 23px; position: absolute; left: 24px; top: 6px; }

.residence-item .body .timer .homepage-list-countdown-item { float: left; }
/*
.residence-item .body .timer .countdown-section { background-color: #f4f4f4; color: #828282; font-size: 11px; }
.residence-item .body .timer .countdown-section .countdown-amount { font-size: 24px; color: #000; font-weight: bold; font-style: normal; display: block; margin-bottom: 5px; }
*/
.residence-item .body .timer .bid-end { display: none; font-size: 11px; padding: 17px 5px 0 5px; text-align: center; line-height: 15px; width: 42px; height: 65px; float: left; color: #fca70f; position: relative; }
.residence-item .body .timer .bid-end:before { content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; width: 17px; height: 16px; position: absolute; left: 13px; top: 0; }
.residence-item .body .timer .have-bid { font-size: 11px; padding: 27px 5px 0 5px; text-align: center; line-height: 15px; width: 42px; height: 65px; display: block; float: left; color: #147ea9; position: relative; }
.residence-item .body .timer .have-bid:before { content: "\f0f3"; font: normal normal normal 14px/1 FontAwesome; display: inline-block; width: 16px; height: 16px; position: absolute; left: 13px; top: 7px; }

.residence-item.bid-over .timer .bid-end { display: block; }
.residence-item.bid-over .timer .have-bid { display: none; }

.residence-item .price-wrap { position: absolute; right: 12px; width: 175px; }
.residence-item .price-wrap .starting-price { font-size: 22px; font-weight: bold; color: #1f3143; text-align: center; }
.residence-item .price-wrap .starting-price span { font-size: 11px; font-weight: bold; color: #828282; display: block; text-align: center; }

.residence-item .price-wrap .bidding-button { /*background-color: #fca70f;*/ display: block; line-height: 1.15; text-align: center; cursor: pointer; font-size: 20px; color: #fff; width: 100%; padding: 9px; border-radius: 5px 5px 0 0; border: 0; }
.residence-item .price-wrap .bidding-button:hover { opacity: 0.8; }

.residence-item .price-wrap .last-bid { background: #f4f4f4; font-size: 22px; font-weight: bold; color: #147ea9; text-align: center; padding: 12px; height: 65px; }
.residence-item .price-wrap .last-bid span { font-size: 11px; font-weight: bold; color: #828282; display: block; text-align: center; margin-top: 3px; }

.residence-item .price-wrap .first-bid { background: #f4f4f4; font-size: 17px; font-weight: bold; color: #147ea9; text-align: center; padding: 12px; height: 65px; position: relative; padding-left: 25px; }
.residence-item .price-wrap .first-bid:before { content: "\f251"; font: normal normal normal 16px/1 FontAwesome; display: inline-block; width: 16px; height: 16px; position: absolute; left: 15px; top: 23px; }

.residence-item .price-wrap .time-up { display: none; color: #147ea9; padding: 10px; text-align: center; position: relative; margin-bottom: 1px; padding-left: 25px; }
.residence-item .price-wrap .time-up:before { content: "\f017"; font: normal normal normal 22px/1 FontAwesome; display: inline-block; width: 20px; height: 23px; position: absolute; left: 0; top: 6px; }

.residence-item.bid-over .price-wrap .last-bid { color: #828282; }
.residence-item.bid-over .price-wrap .time-up { display: table; margin: 0 auto; }
.residence-item.bid-over .price-wrap .bidding-button { display: none; }

.rezi-des p { padding-right: 20px; text-align: center; color: #000; padding-bottom: 50px; }

.pagination { padding: 25px 0; display: table; margin: 0 auto; }
.pagination .item { font-size: 12px; color: #383737; font-weight: bold; padding: 8px 14px; margin: 0 2px; border-radius: 4px; border: 1px solid transparent; }
.pagination .item.active {/* background: #fca70f; */ background: #2693d3; color: #fff; }
.pagination .item:not(.active):not(.icon):hover { border-color: #ced3d8; }
.pagination .icon { border-color: transparent; }
.pagination .icon:first-child em { margin-right: 5px; }
.pagination .icon:last-child em { margin-left: 5px; }

.rezi-tabs { min-height: 20px; }
.rezi-tabs::after { content: ""; display: table; clear: both; }
.rezi-tabs a { font-size: 13px; font-weight: bold; color: #000; display: block; padding: 20px 15px; float: left; position: relative; }
.rezi-tabs a.active { color: #fb8e0b; }
.rezi-tabs a:after { content: ""; display: block; position: absolute; height: 25px; width: 1px; background: #e2e2e2; top: 50%; margin-top: -12.5px; right: 0; }
.rezi-tabs a:last-child:after { display: none; }
/*** Residence View End ***/

/*** Footer ***/
.footer { background: #151f2c; padding: 12px 0px; text-align: center; }
.footer img { /*max-width: 170px;*/ max-height: 65px; max-width: 240px; }
.copyright { background: #151922; padding: 15px 0; text-align: center; }
.copyright p, .copyright p a { font-size: 12px; color: #7b7b7b; }
/*** Footer End ***/


/*** Login ***/
#forgot-password-form .ui.form .field:last-child, .ui.form .fields:last-child .field { margin-bottom: 1.5em; }

.login-wrapper { background: url(/img/new/login-patern.png); /* border-top: 1px solid #f3f3f3; margin-top: -1rem; */ }
.login-left { padding: 50px 75px; margin-top: -1rem; }
.login-left p { color: #000; }
.login-left a { font-weight: bold; font-size: 15px; color: #000; text-decoration: underline; }

.login-left-heading { position: relative; color: #000; font-size: 16px; font-weight: bold; }
.login-left-heading:before { content: "\f129"; font: normal normal normal 22px/1 FontAwesome; display: inline-block; width: 15px; height: 26px; position: absolute; left: -20px; top: 0; }

.login-right { margin-top: -1rem; margin-right: -1rem; margin-left: -1rem; padding: 50px 200px 50px 75px; background-color: rgba(0,0,0,0.05); }
.login-right-heading { color: #000; font-size: 16px; font-weight: bold; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; }
/*** Login End ***/


/*** Form ***/
.page-form { }
.ui.page-form .field > label { font-size: 16px; margin-bottom: 10px; }

.ui.page-form input:not([type]), .ui.page-form input[type=date], .ui.page-form input[type=datetime-local], .ui.page-form input[type=email], .ui.page-form input[type=file], .ui.page-form input[type=number], .ui.page-form input[type=password], .ui.page-form input[type=search], .ui.page-form input[type=tel], .ui.page-form input[type=text], .ui.page-form input[type=time], .ui.page-form input[type=url] { padding: 1em; border: 2px solid #c6ccd2; }
.ui.page-form .field { margin-bottom: 1.5em; }
.ui.page-form .field p { font-size: 11px; color: #000; padding: 5px; }
.ui.page-form .field a { font-size: 11px; color: #000; padding: 5px; display: block; }
.ui.page-form input:not([type]):focus, .ui.page-form input[type=date]:focus, .ui.page-form input[type=datetime-local]:focus, .ui.page-form input[type=email]:focus, .ui.page-form input[type=file]:focus, .ui.page-form input[type=number]:focus, .ui.page-form input[type=password]:focus, .ui.page-form input[type=search]:focus, .ui.page-form input[type=tel]:focus, .ui.page-form input[type=text]:focus, .ui.page-form input[type=time]:focus, .ui.page-form input[type=url]:focus { border-color: #23364b; }

.ui.page-form textarea { border: 2px solid #c6ccd2; }
.ui.page-form textarea:focus { border-color: #fb8f0b; }

.ui.page-form .ui.checkbox input[type=checkbox], .ui.page-form .ui.checkbox input[type=radio] { width: 25px; height: 25px; }
.ui.page-form .ui.checkbox .box, .ui.page-form .ui.checkbox label { padding-top: 0.3em; color: #b4bbc2; padding-left: 2.45714em; padding-right: 0.3em; }

.ui.page-form .ui.checkbox { margin-top: 10px; }

.ui.page-form .ui.checkbox .box:before, .ui.page-form .ui.checkbox label:before { width: 25px; height: 25px; border-radius: 0.614286rem; }
.ui.page-form .ui.checkbox .box:after, .ui.page-form .ui.checkbox label:after { left: 0; width: 25px; height: 25px; color: #fff; line-height: 25px; }

.ui.page-form .ui.checkbox input:checked ~ .box:before, .ui.page-form .ui.checkbox input:checked ~ label:before { background-color: #23364b; border-color: #23364b; }
.ui.page-form .ui.checkbox input:checked ~ .box:after, .ui.page-form .ui.checkbox input:checked ~ label:after { color: #fff; }
.ui.page-form .ui.radio.checkbox input:checked ~ .box:after, .ui.page-form .ui.radio.checkbox input:checked ~ label:after { background-color: #fff; }
.ui.page-form .ui.radio.checkbox input:checked ~ .box:after, .ui.page-form .ui.radio.checkbox input:checked ~ label:after { background-color: #fff; }
.ui.page-form .ui.radio.checkbox .box:after, .ui.page-form .ui.radio.checkbox label:after { background-color: #fff; }

.ui.page-form select.ui.dropdown { border: 2px solid #c6ccd2; padding: 1em; height: 50px; }

.ui.page-form .ui.selection.dropdown { border: 2px solid #c6ccd2; line-height: 1.21428571em; padding: 1em 2.1em 1em 1em; width: 100%; font-family: Nato, sans-serif; font-size: 14px; min-width: 75px; }

#searchForm .ui.selection.dropdown { width: 100% }
#searchForm .ui.button { padding-left: 1em; padding-right: 1em; }

/*.ui.selection.dropdown.currency-dropdown { width: 85px; min-width: 85px; max-width: 85px; } */

.no-wrap { white-space: nowrap; overflow: visible; }

#searchForm .field:last-child { margin-bottom: 14px; }
/*
.ui.page-form .ui.selection.dropdown option {
    background: rgba(0,0,0,.05);
    color: rgba(0,0,0,.95);
    border-top: 1px solid #fafafa;
    padding: .78571429rem 1.14285714rem!important;
    white-space: normal;
    word-wrap: normal;
    cursor: pointer;
    line-height: 1em;
        font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    font-family: Nato, sans-serif
}
*/
.ui-selectoneradio { cursor: pointer; margin-top: 10px; position: relative; line-height: 17px; min-width: 17px; }
.ui-selectoneradio .ui-state-default { width: 25px; height: 25px; border-radius: 0.614286rem; content: ''; transform: none; top: 0px; left: 0; background: #fff; -webkit-transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease; transition: border .1s ease,opacity .1s ease,box-shadow .1s ease,-webkit-transform .1s ease; transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease; transition: border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease; border: 1px solid #d4d4d5; -webkit-box-shadow: none; }
.ui-selectoneradio .ui-state-default.ui-state-active { background-color: #23364b !important; border-color: #23364b; }
.ui-selectoneradio .ui-state-default .ui-radiobutton-icon { display: none; }
.ui-selectoneradio .ui-state-active .ui-radiobutton-icon { display: block; margin-top: -1px; margin-left: -1px; width: 25px; height: 25px; border-radius: 500rem; -webkit-transform: scale(.46666667); transform: scale(.46666667); background-color: #fff; background-image: none;}
.ui-selectoneradio label { padding-top: 0em; color: #b4bbc2; /* color: rgba(0,0,0,.87);*/ padding-left: 1em; padding-right: 0.3em; font-size: 14px; }
/*** Form End ***/

/*** Detail ***/
.detail-slider-content { height: 85px; margin-top: -85px; position: relative; z-index: 9; margin-bottom: 25px; }
.detail-slider-content .heading { color: #fff; font-size: 20px; font-weight: bold; padding: 0 0 15px 30px; max-width: 50%; line-height: 30px; margin-top: 0; }
.detail-slider-table { float: right; background-color: #ebe9e9; height: 85px; padding: 5px; }

.detail-slider-table thead { }
.detail-slider-table thead tr { }
.detail-slider-table thead tr th { color: #000; font-weight: bold; font-size: 11px; }
.detail-slider-table thead tr th.bid-head { color: #fca70f; }

.detail-slider-table tbody tr td { text-align: center; padding: 0 10px; }
.detail-slider-table tbody tr td span { display: block; color: #4f4f4f; font-size: 11px; padding-top: 3px; }
.detail-slider-table tbody tr td.time { border-right: 1px solid #acacac; font-size: 22px; font-weight: bold; }

.detail-slider-table tbody tr td .timer { }
.detail-slider-table tbody tr td .timer span { padding: 0px; }
.detail-slider-table tbody tr td .timer .countdown-row { padding: 0px; }
.detail-slider-table tbody tr td .timer .countdown-row .countdown-section { padding: 3px 0px; width: auto; height: auto; text-align: center; border-right: 1px solid #acacac; background-color: transparent;}
.detail-slider-table tbody tr td .timer .countdown-row .countdown-section .countdown-amount { font-size: 22px; font-weight: bold; padding: 0 10px; margin: 0px;}
.detail-slider-table tbody tr td .timer .countdown-row .countdown-section .countdown-period { color: #4f4f4f; font-size: 11px; padding-top: 3px; }

.detail-slider-table tbody tr td.bid { color: #fca70f; font-size: 24px; font-weight: bold; }
.detail-slider-table tbody tr td.bid span { color: #828282; font-weight: normal; }

.owl-carousel.detail-slider .owl-stage > .owl-item { height: 240px; display: flex; align-items: center; justify-content: center; }
.owl-carousel.detail-slider .owl-stage > .owl-item > .item { width: 100%; }
/*.owl-stage > .owl-item > .item > img { width: 100%;	max-width: 100%; } */

.owl-nav { position: absolute; top: 50%; margin-top: -30px; width: 100%; }
.owl-nav .owl-prev { text-indent: -9999px; position: absolute; left: 0; }
.owl-nav .owl-prev:before { content: "\f104"; display: inline-block; font: normal normal normal 60px/1 FontAwesome; color: #fff; position: absolute; left: 15px; width: 20px; text-indent: 0; }

.owl-nav .owl-next { text-indent: -9999px; position: absolute; right: 0; }
.owl-nav .owl-next:before { content: "\f105"; display: inline-block; font: normal normal normal 60px/1 FontAwesome; color: #fff; position: absolute; right: 15px; width: 20px; text-indent: 0; }

.give-offer { float: right; padding: 0 50px; color: #fff; background: #fca70f; font-size: 16px; font-weight: bold; height: 85px; /*line-height: 85px;*/ border: 2px solid #ebe9e9; cursor: pointer; white-space: nowrap; display: table; }
.give-offer:hover { opacity: 0.95; color: #fff; }
.give-offer .give-offer-content { vertical-align:middle; display:table-cell; text-align:center; }

.hidden.detail-tab { display: block; visibility: visible; }
.detail-tab .item { width: 20%; border-right: 2px solid #fff; background: #ebe9e9; padding: 15px 0; display: block; font-size: 16px; color: #010126; text-align: center; float: left; }
.detail-tab .item.active { background: #ffffff; color: #000; }
.detail-tab .item:hover { background: #dcdcdc; }

.detail-table { width: 100%; }
.detail-table tr { }
.detail-table tr td { color: #000; font-weight: bold; font-size: 11px; padding: 2px 4px; border-bottom: 1px solid #e2e2e2; }

.detail-tab-wrapper { margin-bottom: 25px; }
.detail-tab-wrapper .ui.tab { padding-top: 15px; }
.detail-tab-wrapper .ui.tab:before { content: ""; display: table; clear: both; }

.detail-heading { font-size: 16px; color: #010126; padding: 10px 15px; background: #ebe9e9; font-weight: bold; }
.detail-content, .detail-content p { padding: 5px 15px; color: #000031; font-size: 12px; }

.detail-footer-icons { }
.detail-footer-icons a { display: block; background: #ebe9e9; width: 33.333333%; float: left; border-right: 2px solid #fff; color: #010126; font-size: 16px; line-height: 85px; text-align: center; font-weight: bold; position: relative; margin-bottom: 25px; }
.detail-footer-icons span { position: relative; padding-left: 50px; }
.detail-footer-icons span:before { content: ""; display: inline-block; background: url(/img/new/detail-footer-icon.png); width: 40px; height: 40px; position: absolute; left: 0; top: -10px; }
.detail-footer-icons .call-me span:before { background-position: 0 0; }
.detail-footer-icons .view span:before { background-position: -40px 0; }
.detail-footer-icons .footer-give-offer span:before { background-position: -80px 0; }

.content-des p { font-size: 12px; color: #7b7b7b; text-align: center; padding: 25px 100px; }
.contract p, .contract div { font-size: 12px; color: #7b7b7b; text-align:justify; padding: 0px 0px; margin-bottom: 12px; }
.contract h1 { font-size: 13px; font-weight: bold; margin-bottom: 0px;}

.owl-carousel.photo-galery .owl-stage > .owl-item { height:/*380px; 500px*/ 618px; display: flex; align-items: center; justify-content: center; }
.owl-carousel.photo-galery .owl-stage > .owl-item > .item { width: 100%;}

.owl-dots { position: absolute; bottom: 25px; width: 100%; text-align:center; /*left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);*/  }
.owl-dots .owl-dot { width: 15px; height: 15px; border: 2px solid #fca70f; border-radius: 50%; /*float: left;*/ display: inline-block; margin: 0 4px; }
.owl-dots .owl-dot.active { background: #fca70f; }
.owl-dots .owl-dot span { }

.owl-thumbnails-wrapper { margin-left: -5px; margin-right: -5px; }
.owl-thumbnails-wrapper:after { content: ""; clear: both; display: table; }
.owl-thumbnails { width: 75px; height: 65px; display: block; /*float: left;*/ margin: 5px; display: inline-block; }
.owl-thumbnails img { max-width: 100%; }

.detail-form-wrapper { background: #f2f5f8; }

.detail-form-des { float: right; width: 50%; }
.detail-form-des p { color: #878787; font-size: 11px; }

.detail-form-head { border-bottom: 1px solid #c6ccd2; padding-bottom: 15px; margin-bottom: 25px; }
/*** Detail End ***/

/*** Give Offer ***/
.give-offer-wrapper { background: url(/img/new/login-patern.png) rgba(0,0,0,0.05);; border-top: 1px solid #f3f3f3; margin-top: 0rem; }

.give-offer-left { margin-top: -1rem; margin-left: -1rem; margin-right: -1rem; }
.give-offer-right { margin-top: -1rem; margin-right: -1rem; margin-left: -1rem; padding: 50px 100px 50px 150px; }

.give-offer-tab { }
.give-offer-tab a { /*background: #fdb814;*/ display: block; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
.give-offer-tab a.active { background: transparent !important; color: #6a7ea9; }
.give-offer-tab a span.got-icon { display: block; text-align: center; padding: 25px 0 15px 0; }
.give-offer-tab a span.got-name { display: block; padding: 15px 15px 25px 15px; color: #fff; }
.give-offer-tab a span.got-name strong { color: #6a7ea9; font-size: 27px; vertical-align: middle; padding-right: 10px; }
.give-offer-tab a.active span.got-name { color: #6a7ea9; }

.give-offer-right-heading { position: relative; color: #000000; font-weight: bold; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e2e2e2; }
.give-offer-right-heading:before { content: "\f129"; font: normal normal normal 22px/1 FontAwesome; display: inline-block; width: 15px; height: 26px; position: absolute; left: -25px; top: 0; }

.orange { color: #fdb814; }

.ui.large.loader:before { margin-top: 50%; }

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    background-color: #000;
    opacity: 0.57;
    filter: "alpha(opacity=57)";
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=57)";
    z-index: 10;
    display: none;
}
/*** Give Offer End ***/

.contact-popup { padding: 0; }
.contact-popup .grid .row { padding-top: 0; padding-bottom: 0; }

.contact-popup-left { padding: 35px !important; }
.contact-heading { font-size: 23px; color: #000; font-weight: bold; margin: 0; }
.contact-small { font-size: 16px; color: #000; font-weight: bold; margin: 0 0 50px 0; }

.contact-tel { font-size: 16px; font-weight: bold; color: #000; }
.contact-tel a { color: #000; }
.contact-popup-right { border-radius: 0 16px 10px 0; background: #f0f1f2; /* Old browsers */ background: -moz-linear-gradient(top, #f0f1f2 0%, #b0b1b2 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f0f1f2 0%,#b0b1b2 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f0f1f2 0%,#b0b1b2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f1f2', endColorstr='#b0b1b2',GradientType=0 ); /* IE6-9 */ }
.contact-popup-right .body { position: absolute; top: 50%; left: 50%; height: 170px; width: 180px; margin-left: -90px; margin-top: -85px; text-align: center; }

.contact-popup-right .body img { margin-bottom: 15px; max-width: 100%; }
.contact-popup-right .body p { font-size: 12px; font-weight: bold; color: #000; margin-bottom: 0; }
.contact-popup-right .body a { font-size: 12px; font-weight: bold; color: #fb8f0b; }

.nav-mobil-bg { -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1); background: rgba(0,0,0,0.3); position: fixed; top: 0; top: 0; right: 0; bottom: 0; left: -100%; z-index: 998; width: 100%; height: 100%; }
.nav-mobil-bg.opened { left: 0; }

.signin-mobile-trigger { display: none; font-size: 28px; color: #fbfbfb; float: right; }

.nav-mobile-trigger { display: none; font-size: 34px; color: #2693d3; float: right; position: absolute; bottom: 15px; right: 15px; }
.mobile-login { display: none; }


.mobile-dropdown h4 { display: none; padding: 15px;  color: #fff; margin-bottom: 0; cursor: pointer; border-radius: 5px;  }
.mobile-dropdown h4 i{font-size:25px;}

#personal-details-form .ui.grid { margin-top: 0px; margin-bottom: 0px; }

#personal-details-form .sms-code .code-lbl { padding-top: 15px; }
#personal-details-form .sms-code .code-btn { padding-top: 5px; }
#personal-details-form .sms-code a { color: #2693d3; padding-top: 15px; }

#personal-details-form input[type=checkbox] { margin-top: 3px; }
#personal-details-form .wizard-checkbox-label { font-size: 12px; color: #000; padding: 0px 5px; display: inline; }
#personal-details-form .wizard-checkbox-label a { font-size: 12px; display: inline; margin: 0px; padding: 0px; }

.quickly-search { text-align: center; width: 50px;display:none; color: #2693d3;}
#messages-pnl { position: absolute; top: 10px; right: 10px; max-width: 500px; overflow: visible; z-index: 2005; }

@media (max-width:1400px) { }

@media (max-width:1200px) {
    .residence-item .image { width: 400px; margin: 0 auto; position: relative; display: table; float: none; }
    .residence-item .body { width: 400px; margin: 0 auto; position: relative; display: table; float: none; }
    .residence-item .price-wrap { width: 400px; margin: 0 auto; position: relative; display: table; float: none; right: 0px; }
    .rezi-tabs a { font-size: 11px; padding: 20px 12px; }
}

@media (max-width:992px) {
    .nav-mobile-trigger,.signin-mobile-trigger { display: block; }
    .nav-mobil-bg { display: block; }
    .main-nav-wrapper { position: fixed; width: 240px; -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); left: 0; top: 0; margin: 0; height: 100%; height: calc(100% + 60px); height: -moz-calc(100%); padding-bottom: 60px; background-color: #fff; z-index: 999; overflow-y: auto; will-change: left; -moz-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); -o-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1); }
    .main-nav-wrapper.opened { -moz-transform: translateX(0%); -ms-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%); }

    .main-nav-wrapper ul { list-style-type: none; }
    .main-nav-wrapper ul li { float: none; position: relative; }
    .main-nav-wrapper > ul > li { border-bottom: 1px solid #e2e2e2; }
    .main-nav-wrapper ul li a { color: #323232; display: block; font-size: 14px; font-weight: 600; padding: 15px; }
    .main-nav-wrapper > ul > li.dropdown { cursor: copy; }
    .main-nav-wrapper ul li.dropdown a { display: inline-block; }
    .main-nav-wrapper ul li:hover > a { color: #323232; }
    .main-nav-wrapper ul li.dropdown:after { content: "+"; display: inline-block; position: absolute; right: 15px; top: 7px; font-size: 25px; }


    .main-nav-wrapper ul ul { border-top: 1px solid #e2e2e2; }
    .main-nav-wrapper ul ul li { }
    .main-nav-wrapper ul ul li a { font-size: 12px; font-weight: 400; padding: 8px 20px; }

    body{padding-top:60px;}
    #header { position: fixed; height: 60px; left: 0; top: 0; right: 0; z-index: 99; }

    .residence-item .price-wrap .first-bid:before { display: none; }
    .residence-item .price-wrap .first-bid { height: auto; }

    .residence-wrapper { padding-right: 0; padding-left: 0; }
    .header-silhouette { display: none; }

    .contact-popup-left { text-align: center; }
    .login-right, .login-left { padding: 50px; }

    .detail-footer-icons a { font-size: 14px; }

    .detail-slider-content { margin-top: 0; height: auto; }
    .detail-slider-content .heading { padding: 15px; max-width: 100%; color: #000; }
    .detail-slider-table { width: 75%; float: none; }
    .give-offer { width: 25%; }
    .detail-tab .item { font-size: 13px; }

    .give-offer-tab a { width: 50%; float: left; }
    .give-offer-tab a span.got-icon { display: none; }
    .give-offer-tab a span.got-name { padding: 10px; }

    .give-offer-right { padding: 50px; }
    .mobile-login { display: block; }
    .rezi-des p { padding-left: 20px; }
    .content-des p, .contract p { padding: 0px; }

    /* New 31.05.2018  */ .quickly-search{display:block;}
    /* New 31.05.2018 */ #quickly-search { position: relative; background: #FFF; padding: 0; border-radius: 10px; width: auto; max-width: 685px; margin: 20px auto; }
}


@media (max-width:768px) {
    body { font-size: 13px; }

    .ui.content-wrapper { margin-left: 0 !important; margin-right: 0 !important; }
    .ui.grid{margin-left:0;margin-right:0;}

    .residence-item .image { width: 100%; }
    .residence-item .body { width: 100%; }
    .residence-item .price-wrap { width: 100%; }
    .residence-item .body .rs { display: block; margin-bottom: 5px; }
    .residence-item .body .timer .day { font-size: 11px; }
    .residence-item .body .timer .ts em { font-size: 18px; }
    .residence-item .body .timer .remaining-time { font-size: 10px; padding: 25px 0 0 0; line-height: 12px; }

    .residence-item .body .timer .remaining-time:before { left: 13px; }

    .residence-item .body .timer .ts { width: 40px; height: 55px; }
    .residence-item .body .timer .have-bid { width: 40px; height: 55px; padding: 24px 5px 0 5px; }
    .residence-item .body .timer .bid-end { font-size: 10px; line-height: 12px; width: 40px; height: 55px; }

    .rezi-tabs { padding: 10px 0; }
    .rezi-tabs a { display: block; text-align: center; width: 50%; padding: 10px 12px; }

    .rezi-des { font-size: 13px; padding: 15px; }
    .pagination .icon { display: none; }
    .pagination .item { font-size: 12px; padding: 5px 10px; }
    .main-logo { display: block; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
    .main-logo img { width: 200px; vertical-align: middle; }
    .nav-mobile-trigger { font-size: 28px; }

    .login-right, .login-left { padding: 30px; }

    .detail-footer-icons a { width: 100%; }
    .content-des, .contract p { clear: both; width: 100%; padding: 25px 0; }

    .give-offer { width: 100%; height: 40px; line-height: 40px; border: 0; text-align: center; }
    .detail-slider-table { width: 100%; }
    .detail-slider-table tbody tr td { padding: 0 7px; }
    .site-map { display: none; }
    .detail-slider { margin-top: 15px; }
    .detail-slider-content .heading { font-size: 16px; padding: 10px; }
    .detail-tab .item { width: 100% !important; }
    .detail-tab .item.active { background: #fca70f; color: #fff; }

    .detail-tab-wrapper iframe { height: 200px !important; }

    .ui.page-form .fields { margin-bottom: 1.5em; }
    .ui.page-form .field > label { margin-top: 10px; }

    .detail-form-des { float: none; width: 100%; margin-bottom: 25px; }

    .ui.form.page-form .pull-right { float: none !important; margin-top: 25px; }

    .mobile-dropdown h4 { display: block; }
    .detail-tab { display: none; }
    .rezi-des p { padding-left: 20px; }
    .content-des p, .contract p { padding: 0px; }
    .top-nav .mobile-home { display: block; }
}

@media (max-width:480px) {
    .rezi-tabs a { width: 100%; }
    .rezi-tabs a:after { display: none; }
    .give-offer-tab a { width: 100%; }
    .give-offer-right { padding: 30px; }
    .rezi-des p { padding-left: 20px; }
    .content-des p, .contract p { padding: 0px; }
    .top-nav .mobile-home { display: block; }
}
.head-line2{
    display: none;
}

@media (max-width: 1023px) {
    .head-line2{display:flex; align-items:center; justify-content:space-between; width: 100%; margin-top: 40px; padding: 10px 0; }
    .top-links {height: 100px !important;}
    .head-line2 a {font-size: 17px; float: left; color: #2693d3;}
    .head-line2 a i {font-size: 16px; float: left; margin-right: 5px}
    .head-line2 .signin-mobile-trigger { margin-left: 15px}
    body {padding-top: 100px}
}
.breadcrumb-home-page { margin-left: 288px;text-align: center; position:absolute ;background-color: #0d243b !important; height: 44px; top:1px; border-radius: 2px; }
.breadcrumb-home-page a {font-family: 'Nato', sans-serif;font-size: 15px; padding: 0 5px;  float: left; color: #fff; margin-right: 5px;margin-top: 12px;font-weight: bold;  letter-spacing: 1px; }
.breadcrumb-home-page a i {font-size: 13px; float: left; margin-right: 5px}

#header{position: fixed; top: 0; left: 0; right: 0; z-index: 9;}
#breadcrumb{position: fixed; top: 0; left: 0; right: 0; margin-top: 60px; z-index: 9;}
#content{margin-top: 145px;}
#quickly-search{position: fixed; width: 280px!important;top: 145px;background-color: #fff;margin-left: 14px; z-index: 8;}

.contentRight{margin-left: 280px;}


.quick-search-close-btn{
    position:absolute;
    right:10px;
    top:21px;
    font-size:32px;
    color:#fff;
    cursor:pointer;
    display: none;
}

@media only screen and (min-width: 992px){
    .contentRight{width: calc(100% - 250px)!important;}
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .contentRight{margin-left:0;}
}

@media (max-width: 996px) {
    #content{margin-top:145px;}
}
@media (max-width: 992px) {
    #content{margin-top:15px;}
}

@media (max-width: 1023px) {
    .contentRight{margin-left:0;}
    #content{margin-top:15px;}
    #quickly-search{position: relative; width: auto!important;}
    .quick-search-close-btn{display: block}
    #content .content-wrapper .quickly-search-open{
        display: block !important;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0 !important;
        background: #fff;
        z-index: 9999;
        height: 100%;
        margin-top: 0;
        max-width: 100%;
        margin-left: 0;
    }
}

@media (max-width: 768px){
    .ui.content-wrapper {
        width: 100%;
    }
    #quickly-search{height:100%; overflow-y:scroll !important}
}

@media (max-height:800px) {
    #quickly-search{max-height:500px; overflow-y: scroll;}
}

@media (max-width: 768px){
    #quickly-search{max-height: 100% !important;}
}