/* GOOGLE CDN ================================== */ @import url(http://fonts.googleapis.com/css?family=Raleway:400,700); @import url(http://fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700); /* CSS RESET ================================== */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0} .clearfix:after,.clearfix:before{content:" ";display:table}.clearfix:after{clear:both} /* MEDIA ================================== */ @media(max-width: 1199px){} @media(max-width: 991px){} @media(max-width: 767px){} @media(max-width: 575px){} /* BASIC ================================== */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { background-color: #e9e9e9; width: 100%; min-width: 1344px; height: 100%; position: absolute; } .clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; } .screen-reader-text { display: none; } .valignc { position: relative; top: 50%; transform: translateY(-50%); } img { height: auto; max-width: 100%; } /* LOADING ================================== */ #loading { position: fixed; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: #e9e9e9; z-index: 9999; display: block; } #loading-logo { display: none; width: 192px; height: 142px; background-image: url(../images/carlton-gate-on-site.png); background-position: 0 0; background-repeat: no-repeat; overflow: hidden; text-indent: -9999px; } #loading-menu { width: 192px; height: 24px; line-height: 24px; text-align: center; position: relative; z-index: 889; background-color: #f1f1f1; letter-spacing: 3px; } #loading-menu-bar {} #loading-menu-bar .wrap-left { display: none; } #loading-menu-bar .wrap-middle { display: none; width: 0; } #loading-menu-bar .wrap-right { display: none; width: 0; } #loading-loader { position: fixed; top: 166px; width: 100%; height: 320px; text-align: center; } #loading-loader #loader-title-wrap { position: relative; width: 500px; height: 34px; margin: 0 auto; overflow: hidden; margin-bottom: 50px; } #loading-loader #loader-title { width: 500px; height: 34px; font-weight: bold; color: #ccc; font-size: 34px; line-height: 34px; font-weight: bold; letter-spacing: 15px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-style: normal; position: absolute; left: 50%; margin-left: -250px; } #loading-loader #loader-text { font-size: 14px; color: #686868; height: 52px; } @media(max-width: 1199px){} @media(max-width: 991px){} @media(max-width: 767px){ #loading { display: none !important; } } @media(max-width: 575px){} /* ELEMENTS ================================== */ .button { font-size: 10px; display: inline-block; font-family: "Raleway", Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; height: 51px; line-height: 51px; padding: 0 25px; background-image: url(../images/bg-stripe.jpg); font-weight: bold; font-style: normal; border: none; cursor: pointer; } .button:hover { color: #fff; } .button.white { height: 41px; line-height: 41px; background: none; background-color: #fff; color: #363636; letter-spacing: 4px; } .button.red { height: 41px; line-height: 41px; background: none; background-color: #a57920; color: #fff; letter-spacing: 4px; cursor: default; } #nothing-found { padding: 100px 25px; text-align: center; text-transform: uppercase; font-size: 20px; line-height: 28px; letter-spacing: 5px; font-family: "Raleway", Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; } .page-content { padding: 30px 30px 8px 30px; background-color: #fff; min-height: 249px; } .page-content p { font-size: 10px; } .page-content p.fixed-title { font-size: 14px; margin-bottom: 14px; } .wrap-middle.top-content { background-color: #fff; padding: 24px 0 0 0; } .wrap-middle.bottom-content { border-bottom: 24px solid #fff; margin-bottom: 60px; } @media(max-width: 889px) { .wrap-middle.top-content { padding-top: 0; } } @media(max-width: 575px) { .wrap-middle.bottom-content { border: none; margin: 0; } } /* WRAP ================================== */ .wrap { width: 100%; position: relative; overflow: auto; overflow: hidden; } .wrap.bg-gradient { background: #e9e9e9; background: -moz-linear-gradient(top, #e9e9e9 0%, #d9d8d8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e9e9), color-stop(100%,#d9d8d8)); background: -webkit-linear-gradient(top, #e9e9e9 0%,#d9d8d8 100%); background: -o-linear-gradient(top, #e9e9e9 0%,#d9d8d8 100%); background: -ms-linear-gradient(top, #e9e9e9 0%,#d9d8d8 100%); background: linear-gradient(to bottom, #e9e9e9 0%,#d9d8d8 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#d9d8d8',GradientType=0 ); } .wrap .wrap-all { width: 1120px; float: left; position: relative; } .wrap .wrap-left { width: 192px; float: left; position: relative; } .wrap .wrap-middle { width: 678px; float: left; position: relative; } .wrap .wrap-right { width: 250px; float: left; position: relative; } .page-half-wrap { overflow: auto; position: relative; } .page-half-left { width: 50%; float: left; } .page-half-right { width: 50%; float: left; } @media(max-width: 1199px){} @media(max-width: 991px){} @media(max-width: 889px){ .wrap .wrap-left { display: none; } .wrap .wrap-middle { width: 100%; float: none; } .wrap .wrap-right { width: 100%; float: none; } } @media(max-width: 767px){} @media(max-width: 575px){ .page-half-left { width: 100%; float: none; } .page-half-right { width: 100%; float: none; } } /* HEADER ================================== */ #masthead { position: relative; } #masthead .header-main { height: 142px; position: relative; z-index: 999; } #masthead .header-main .site-title { } #masthead .header-main .site-title a { display: block; } .home-menu-bar { height: 24px; overflow: visible; } .home-menu-bar .wrap-left { background-color: #fff; height: 24px; } .home-menu-bar .wrap-middle { background-color: #fff; height: 24px; } .home-menu-bar .wrap-right { background-color: #363636; height: 24px; } #masthead #menu { width: 192px; height: 24px; position: absolute; bottom: -24px; left: 0px;} #masthead #menu-label { height: 24px; line-height: 24px; text-align: center; position: relative; z-index: 889; background-color: #f1f1f1; letter-spacing: 3px; } #masthead #menu-drop { position: absolute; display: none; top: -100%; width: 192px; z-index: 888; } #masthead #menu-drop ul { margin: 0; } #masthead #menu-drop ul li { list-style: none; } #masthead #menu-drop ul li a { display: block; text-decoration: none; height: 34px; line-height: 34px; border-top: 1px solid #f1f1f1; font-size: 15px; color: #747474; text-align: center; letter-spacing: 3px; background-color: #ededed; } #masthead .header-main .site-title a#logo-mobile { display: none; } #menu-toggle { display: none; } #menu-mobile { display: none; } #toggle-close { display: none; } @media(max-width: 1199px){} @media(max-width: 991px){} @media(max-width: 889px){ #masthead { background-color: #0e2c45; height: 60px; padding-top: 15px; } #masthead .header-main { height: auto; } .home-menu-bar { display: none; } #masthead #menu { display: none; } #masthead .header-main .site-title a#logo-desktop { display: none; } #masthead .header-main .site-title a#logo-mobile { display: block; margin: 0 0 0 15px; float: left; } #menu-mobile { display: none; } #menu-mobile ul { margin: 0; padding: 0; } #menu-mobile ul li { margin: 0; padding: 0; list-style: none; } #menu-mobile ul li a { display: block; text-align: center; border-bottom: 1px solid #fff; color: #666; font-size: 14px; padding: 10px 0; } #menu-mobile ul li.current-menu-item a { color: #e09705; } #menu-toggle { display: block; position: absolute; right: 20px; top: 20px; outline: none; } #menu-toggle a { outline: none; } #menu-toggle a img { outline: none; height: auto; max-width: 20px; } } @media(max-width: 575px){} /* HOMEPAGE ================================== */ #home-banner { height: 385px; width: 100%; background-image: url(../images/home-banner.jpg); background-size: cover; text-align: center; font-style: normal; font-family: "Raleway", Arial, Helvetica, sans-serif; } #home-banner-content {} #home-banner-content h1 { font-weight: bold; color: #fff; font-size: 34px; font-weight: bold; letter-spacing: 15px; margin-bottom: 50px; } /* MAP PAGE ================================== */ #map-content {} #map-content .wrap-middle { border: 35px solid #fff; background-color: #fff; } #map-content .wrap-middle img { max-width: 100%; } #map-content .wrap-middle .pin { background-image:url(../images/map-pointer-default.png); background-repeat: no-repeat; height: 62px; width: 32.5px; background-size: contain; position: absolute; } #map-content .wrap-middle .pin:hover { background-image:url(../images/map-pointer-hover.png); } #map-content .wrap-middle .pin div { display: none; position: absolute; width: 150px; height: 48px; line-height: 40px; margin-top: -42px; margin-left: -57px; text-align: center; z-index: 999; background-image: url(../images/map-pointer-pop.png); background-position: 0 0; background-repeat: no-repeat; } /*#map-content .wrap-middle .pin#pin-1 { top: 111px; left: 206px; } #map-content .wrap-middle .pin#pin-2 { top: 63px; left: 359px; } #map-content .wrap-middle .pin#pin-3 { top: 113px; left: 390px; } #map-content .wrap-middle .pin#pin-4 { top: 140px; left: 489px; } #map-content .wrap-middle .pin#pin-5 { top: 198px; left: 520px; } #map-content .wrap-middle .pin#pin-6 { top: 266px; left: 546px; } #map-content .wrap-middle .pin#pin-7 { top: 261px; left: 430px; } #map-content .wrap-middle .pin#pin-8 { top: 277px; left: 355px; } #map-content .wrap-middle .pin#pin-9 { top: 274px; left: 196px; } #map-content .wrap-middle .pin#pin-10 { top: 266px; left: 127px; } #map-content .wrap-middle .pin#pin-11 { top: 293px; left: 50px; } #map-content .wrap-middle .pin#pin-12 { top: 221px; left: 40px; } #map-content .wrap-middle .pin#pin-13 { top: 167px; left: 65px; } #map-content .wrap-middle .pin#pin-14 { top: 118px; left: 101px; } #map-content .wrap-middle .pin#pin-15 { top: 45px; left: 207px; } #map-content .wrap-middle .pin#pin-16 { top: 264px; left: 276px; } #map-content .wrap-middle .pin#pin-17 { top: 168px; left: 379px; } #map-content .wrap-middle .pin#pin-18 { top: 168px; left: 182px; } #map-content .wrap-middle .pin#pin-19 { top: 105px; left: 265px; } #map-content .wrap-middle .pin#pin-20 { top: 113px; left: 445px; } #map-content .wrap-middle .pin#pin-21 { top: 113px; left: 317px; }*/ #map-content .wrap-middle .pin#pin-1 { bottom: 63%; left: 28%; } #map-content .wrap-middle .pin#pin-2 { bottom: 75%; left: 53%; } #map-content .wrap-middle .pin#pin-3 { bottom: 63%; left: 59%; } #map-content .wrap-middle .pin#pin-4 { bottom: 55%; left: 74%; } #map-content .wrap-middle .pin#pin-5 { bottom: 41%; left: 80%; } #map-content .wrap-middle .pin#pin-6 { bottom: 25%; left: 84%; } #map-content .wrap-middle .pin#pin-7 { bottom: 25%; left: 65%; } #map-content .wrap-middle .pin#pin-8 { bottom: 25%; left: 52%; } #map-content .wrap-middle .pin#pin-9 { bottom: 25%; left: 27%; } #map-content .wrap-middle .pin#pin-10 { bottom: 25%; left: 14%;} #map-content .wrap-middle .pin#pin-11 { bottom: 19%; left: 3%; } #map-content .wrap-middle .pin#pin-12 { bottom: 37%; left: 1%; } #map-content .wrap-middle .pin#pin-13 { bottom: 52%; left: 6%; } #map-content .wrap-middle .pin#pin-14 { bottom: 62%; left: 12%; } #map-content .wrap-middle .pin#pin-15 { bottom: 79%; left: 28%; } #map-content .wrap-middle .pin#pin-16 { bottom: 26%; left: 40%; } #map-content .wrap-middle .pin#pin-17 { bottom: 50%; left: 56%; } #map-content .wrap-middle .pin#pin-18 { bottom: 50%; left: 24%; } #map-content .wrap-middle .pin#pin-19 { bottom: 63%; left: 36%; } #map-content .wrap-middle .pin#pin-20 { bottom: 63%; left: 68%; } #map-content .wrap-middle .pin#pin-21 { bottom: 60%; left: 47%; } #map-content .wrap-right { background-color: #363636; color: #fff; padding: 23px 25px 18px 25px; width:250px; } #map-content .wrap-right .totals-label { color: #9b9b9b; font-size: 14px; margin-bottom: 10px; } #map-content .wrap-right .totals-label span { color: #fff; } #map-content .wrap-right .totals-property { overflow: auto; padding-bottom: 10px; border-bottom: 1px solid #464646; margin-bottom: 10px; display: block; text-decoration: none; } #map-content .wrap-right .totals-property .totals-thumb { width: 65px; height: 43px; float: left; background-color: #fff; margin-right: 10px; } #map-content .wrap-right .totals-property .totals-data { color: #9b9b9b; padding-top: 4px; } #map-content .wrap-right .totals-property .totals-data span { color: #fff; } #map-content .wrap-right .totals-button { color: #fff; font-size: 10px; background-color: #626262; font-family: "Raleway", Arial, Helvetica, sans-serif; font-style: normal; letter-spacing: 1px; font-weight: bold; text-align: center; height: 26px; line-height: 26px; cursor: pointer; margin-bottom: 10px; text-decoration: none; display: block; } @media(max-width: 1140px){ #map-content .wrap-middle {} #map-content .wrap-right { clear: left; width: 678px; margin-left: 192px; } #map-content .wrap-right .map-list-sale { width: 48%; float: left; margin-right: 4%; } #map-content .wrap-right .map-list-let { width: 48%; float: left; } } @media(max-width: 889px){ #map-content .wrap-left { display: none; } #map-content .wrap-middle { clear:left; float: none; margin: 0 auto; max-width: 100%; } #map-content .wrap-right { float: none; margin: 0 auto; max-width: 100%; } } @media(max-width: 678px){ #map-content .wrap-middle { text-align: center; } #map-content .wrap-middle .pin {height: 31px; width: 16px;} #map-content .wrap-middle .pin div { width: 125px; height: 30px; line-height: 30px; margin-top: -35px; margin-left: -55px; background: #fff; font-size: 10px; } } @media(max-width: 600px) { #map-content .wrap-middle { border: 10px solid #ffffff; } } @media(max-width: 500px){ #map-content .wrap-right .map-list-sale { width: 100%; float: none; margin-right: 0; margin-bottom: 25px; } #map-content .wrap-right .map-list-let { width: 100%; float: none; } } @media(max-width: 1199px){} @media(max-width: 991px){} @media(max-width: 767px){} @media(max-width: 575px){ } /* PAGE TEMPLATE ================================== */ #page-content .wrap-middle .page-half-wrap { overflow: hidden; } #page-content .wrap-middle .page-half-wrap .page-half-left { background-color: #0e2c45; } #page-content .wrap-middle.content-right .page-half-left { background-color:#e9e9e9; position: absolute; height: 100%; left: 0; top: 0; bottom: 0; } #page-content .wrap-middle.content-right .page-half-right { float: right; } #page-content .wrap-middle.content-left .page-half-left { position: absolute; height: 100%; right: 0; top: 0; bottom: 0; } #page-content .wrap-middle.content-left .page-half-right {} #page-testimonial { background-color: #0e2c45; font-size: 16px; color: #9b9b9b; height: 287px; text-align: center; padding: 0 40px; line-height: 25px; } #page-bottom .wrap-middle { background-image:url(../images/bg-stripe.jpg); } #page-bottom .wrap-middle .bottom-block { text-align: center; height: 170px; } #page-bottom .wrap-middle .bottom-block.block-button {} #page-bottom .wrap-middle .bottom-block.block-image { text-align: left; } @media(max-width: 1199px){} @media(max-width: 991px){} @media(max-width: 767px){} @media(max-width: 575px){ #page-content .wrap-middle.content-left .page-half-left { position: static; height: auto; } #page-content .wrap-middle.content-right .page-half-left { position: static; height: auto; } #page-bottom .wrap-middle .bottom-block { position: static; height: auto; } #page-bottom .wrap-middle .bottom-block .valignc { position: static; top: unset; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #page-bottom .wrap-middle .bottom-block .button { margin: 25px 0; } #img-large { display: none; } #page-testimonial { height: auto; padding: 40px; } #page-testimonial .valignc { position: static; top: unset; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } #page-bottom .wrap-middle .bottom-block.block-blank { display: none; } } /* GENERIC LIST ================================== */ .list_item { margin-top: 2px; height: 144px; background-color: #0e2c45; position: relative; } .list_item:nth-child(2n+1) { background-color: #cac9c9; } .list_item:nth-child(2n+1) a.list_item-img .img { background-color: #bbb; } .list_item:nth-child(2n+1) .list_item-right .list_item-data { color: #363636; } .list_item a.list_item-img { float: left; width: 214px; } .list_item a.list_item-img img {} .list_item a.list_item-img .img { height: 144px; width: 214px; background-color: #0a2338; } .list_item .list_item-right { position: relative; float: left; height: 144px; width: 444px; padding-left: 20px; } .list_item .list_item-right .list_item-data { color: #7d7d7d; font-size: 12px; padding-top: 20px; margin-bottom: 3px; line-height: 20px; } .list_item .list_item-right .list_item-data div { width: 230px; } .list_item .list_item-right .list_item-data div p { font-size: 12px; } .list_item .list_item-right .list_item-data span { color: #fff; } .list_item .list_item-right .button { position: absolute; right: 24px; bottom: 20px; } .gone { position: absolute; top: 0; right: 0; font-family: "Raleway", Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; background-color: #EEAE30; height: 30px; line-height: 30px; padding: 0 20px; font-style: normal; letter-spacing: 3px; font-size: 12px; } .list_item-mobile .gone { top: unset; right: 0; left: 0; bottom: 0; width: 100%; padding: 0; height: 20px; line-height: 21px; font-size: 11px; text-align: center; } .property_list-mobile { display: none; padding-bottom: 10px; } .property_list-mobile.display-list .list_item-mobile { display: block; margin: 10px 10px 0 10px; height: 144px; overflow: hidden; background-color: #eee; position: relative; } .property_list-mobile.display-list .list_item-mobile .list_item-img { float: left; width: 214px; height: 144px; overflow: hidden; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; background-color: #ddd; } .property_list-mobile.display-list .list_item-mobile .list_item-right { position: relative; float: left; padding-left: 20px; } .property_list-mobile.display-list .list_item-mobile .list_item-right .list_item-data { color: #052C43; font-size: 16px; padding-top: 30px; margin-bottom: 3px; line-height: 25px; } .property_list-mobile.display-list .list_item-mobile .list_item-right .list_item-data div { width: 230px; } .property_list-mobile.display-list .list_item-mobile .list_item-right .list_item-data div p { font-size: 12px; } .property_list-mobile.display-list .list_item-mobile .list_item-right .button { position: absolute; right: 24px; bottom: 20px; } .property_list-mobile.display-block .list_item-mobile { display: block; margin: 3% 3% 0 3%; width: 94%; padding: 3%; height: auto; background-color: #eee; position: relative; } .property_list-mobile.display-block .list_item-mobile .list_item-img { position: relative; text-align: center; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 300px; background-color: #ddd; } .property_list-mobile.display-block .list_item-mobile .list_item-right { position: relative; } .property_list-mobile.display-block .list_item-mobile .list_item-right .list_item-data { text-align: center; color: #052C43; font-size: 16px; padding: 3% 0 0 0; line-height: 25px; } .property_list-mobile.display-block .list_item-mobile .list_item-right .list_item-data div {} .property_list-mobile.display-block .list_item-mobile .list_item-right .list_item-data div p { font-size: 12px; } .property_list-mobile.display-block .list_item-mobile .gone {} .property-type-nav-mobile { background-color: #0C2134; } .property-type-nav-mobile ul { padding: 0; margin: 0; } .property-type-nav-mobile ul li { list-style: none; padding: 0; margin: 0; width: 50%; display: inline-block; } .property-type-nav-mobile ul li a { color: #fff; display: block; text-align: center; font-size: 16px; padding: 20px 0; } .property-type-nav-mobile ul li.active a { background-image: url('../images/arrow-yellow-down.png'); background-repeat: no-repeat; background-position: center bottom 8px; } .property-type-view-mobile { background-color: #E9E9E9; font-size: 14px; color: #0C2134; padding: 15px; } .property-type-view-mobile .property-view-toggle { float: right; margin-top: -6px; } .property-type-view-mobile .property-view-toggle ul { margin: 0; padding: 0; } .property-type-view-mobile .property-view-toggle ul li { list-style: none; display: inline-block; margin: 0 0 0 10px; padding: 0; } .property-type-view-mobile .property-view-toggle ul li a {} .property-type-view-mobile .property-view-toggle ul li a img { max-height: 30px; width: auto; } @media(max-width: 889px){ .property_list { display: none; } .property_list-mobile { display: block; } } @media(max-width: 575px){ .property-type-view-mobile { font-size: 11px; } .property_list-mobile.display-list .list_item-mobile { height: 100px; } .property_list-mobile.display-list .list_item-mobile .list_item-img { width: 150px; height: 100px; } .property_list-mobile.display-list .list_item-mobile .list_item-right .list_item-data { font-size: 12px; line-height: 18px; padding-top: 25px; } .property_list-mobile.display-block .list_item-mobile .list_item-img { height: 200px; } .category .property_list-mobile.display-list .list_item-mobile { height: auto; } .category .property_list-mobile.display-list .list_item-mobile .list_item-img { display: none !important; } .category .property_list-mobile.display-list .list_item-mobile .list_item-right .list_item-data { padding: 25px 0; margin: 0; } } /* CATEGORY LIST ================================== */ .list_item .list_item-right .list_item-data h3 a { color: #7d7d7d; font-size: 16px; } #category-content .wrap-middle #category-head { background-image: url(../images/type-head.jpg); } #category-bottom .wrap-middle .inner { background-image:url(../images/bg-stripe.jpg); padding: 30px; } /* PROPERTY LIST ================================== */ #type-content .wrap-middle #type-head { background-image: url(../images/type-head.jpg); } #type-bottom .wrap-middle .inner { background-image:url(../images/bg-stripe.jpg); padding: 30px; } /* PROPERTY & PROPERTY LIST ================================== */ .wrap-middle .head { height: 194px; background-position: 0 0; background-repeat: no-repeat; color: #fff; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 30px; letter-spacing: 15px; font-weight: bold; font-style: normal; text-transform: uppercase; text-align: center; line-height: 30px; position: relative; background-size: cover;} .wrap-middle .head a { color: #fff; } .wrap-middle .head .head-overlay { background-image: url(../images/head-variable-overlay.png); position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; } @media(max-width: 889px) { } /* PROPERTY ================================== */ #property-content .wrap-middle #property-head { background-image: url(../images/property-head.jpg); } #property-content .wrap-middle .page-half-wrap { overflow: hidden; } /*#property-content .wrap-middle .page-half-right { background-color:#e9e9e9; position: absolute; height: 100%; right: 0; top: 0; bottom: 0; }*/ #property-content .wrap-middle .page-half-right { background-color:#e9e9e9; } .img-pair { overflow: auto; } .img-pair img { float: left; width: 50%; height: auto; } .img-pair .img { float: left; width: 50%; height: 170px; background-color: #e5e5e5; } #property-content .wrap-middle #property-data { background-color: #0e2c45; height: 287px; color: #7d7d7d; font-size: 14px; line-height: 22px; text-align: center; } #property-content .wrap-middle #property-data span { color: #fff; } #property-content .wrap-middle #property-data .button { margin-top: 25px; } #property-content .wrap-middle #property-data .request { background: none; background-color: #eeaf30; height: 40px; line-height: 40px; letter-spacing: 5px; } #property-content .wrap-middle #img-large {} #property-content .wrap-middle #img-large .img { background-color: #e5e5e5; height: 226px; } /*#property-content .wrap-middle #property-desc { min-height: 283px; }*/ #property-bottom {} #property-bottom .wrap-middle #property-back { height: 170px; text-align: center; background-image: url(../images/bg-stripe.jpg); } .property_document { padding: 10px 10px 10px 10px; } .property_document.property_document_fp { padding-top: 0; } .property_document a { border: 1px solid #ccc; display: block; color: #222; font-size: 14px; padding: 10px; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; transition: all 400ms; text-align: center; background-position: left 5px center; background-size: 30px 30px; background-repeat: no-repeat; } .property_document.property_document_epc a { background-image: url("../images/epc.png"); } .property_document.property_document_fp a { background-image: url("../images/floorplan.png"); } .property_document a:hover { background-color: #fff; } .property_gallery {} .property_gallery ul { margin: 0 20px 16px 20px; overflow: auto; } .property_gallery ul li { list-style: none; display: inline-block; float: left; width: 50%; margin-bottom: 4px; padding: 0 2px 0 0; } .property_gallery ul li:nth-child(2n) { padding: 0 0 0 2px; } .property_gallery ul li a {} .property_gallery ul li a img {} @media(max-width: 575px) { #property-content .wrap-middle .page-half-wrap { overflow: auto; } #property-content .wrap-middle .page-half-right { position: static; height: auto; right: unset; top: unset; bottom: unset; } } /* CONTACT FORM ================================== */ #contact-form { text-align: center; padding: 15px 0; } #contact-form textarea, #contact-form input[type=text] { background-color: #5b6169; border: none; height: 40px; line-height: 40px; font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif; color: #eeaf30; font-style: italic; padding: 0 15px; width: 280px; outline: none; margin-bottom: 10px; display: inline-block; } #contact-form textarea { height: 90px; line-height: 30px; padding-top: 4px; padding-bottom: 4px; resize: none; display: block; margin: 0 auto 10px auto; } #contact-form .button { display: inline-block; width: 310px; outline: none; } #contact-form .contact_checklabel { display: block; padding: 0 15px; color: #eee; text-align: left !important; cursor: pointer; margin-bottom: 10px; } .contact_form-message { display: none; height: 40px; line-height: 40px; color: #fff; width: 310px; margin: 0 auto 10px auto; font-size: 13px; } .contact_form-message#contact_form-error { background-color: #900; } .contact_form-message#contact_form-success { background-color: #090; } /* FOOTER ================================== */ #footer-linkbar { background-color: #0e2c45; min-height: 167px; border-left: 22px solid #5b6169; overflow: hidden; } #footer-linkbar .link-block { float: left; width: 215px; padding: 60px 47px 0 47px; text-align: center; height: 167px; font-size: 14px; line-height: 22px; color: #fff; text-decoration: none; position: relative; background-repeat: no-repeat; letter-spacing: 1px; } #footer-linkbar .link-block#link-block-one { background-image: url(../images/footer-link-block-one.png); background-position: center top 20px; } #footer-linkbar .link-block#link-block-two { background-image: url(../images/footer-link-block-two.png); background-position: center top 25px; } #footer-linkbar .link-block span.arrow { width: 8px; height: 7px; display: block; position: absolute; bottom: 23px; left: 50%; margin-left: -4px; background-image: url(../images/arrow-yellow.png); background-position: 0 0; background-repeat: no-repeat; } #footer-linkbar .img-block { float: left; } #property-alerts-block { float: left; padding: 30px 0 0 35px; position: relative; } #property-alerts-block #property-alerts-title { color: #fff; font-family: "Raleway", Arial, Helvetica, sans-serif; font-style: normal; font-size: 16px; font-weight: bold; letter-spacing: 5px; padding-bottom: 15px; } #property-alerts-block #property-alerts-form { width: 410px; padding-bottom: 30px; } #property-alerts-block #property-alerts-form #property-alerts-small { display: block; color: #ccc; line-height: 15px; margin: 10px 0; cursor: pointer; } #property-alerts-block #property-alerts-form #property-alerts-small input { } #property-alerts-block #property-alerts-form select { width: 48%; margin-right: 4%; float: left; background-color: #5b6169; border: none; height: 40px; line-height: 40px; font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #eeaf30; font-style: italic; outline: none; margin-bottom: 10px; padding: 0 10px; } #property-alerts-block #property-alerts-form select + select { margin-right: 0; } #property-alerts-block #property-alerts-form input[type=tel], #property-alerts-block #property-alerts-form input[type=email] { clear: both; display: block; background-color: #5b6169; border: none; height: 40px; line-height: 40px; font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #eeaf30; font-style: italic; padding: 0 15px; width: 100%; outline: none; margin-bottom: 10px; } #property-alerts-block #property-alerts-form #alerts_button { background-color: #5b6169; border: none; cursor: pointer; height: 40px; line-height: 40px; color: #fff; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; letter-spacing: 3px; outline: none; padding: 0 20px; } #property-alerts-block #property-alerts-success { height: 40px; width: 400px; line-height: 40px; color: #eeaf30; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 3px; font-style: normal; position: absolute; top: 83px; display: none; } #property-alerts-block #property-alerts-error, #property-alerts-block #property-alerts-checkbox-error { height: 40px; width: 400px; line-height: 40px; color: #d6374d; font-family: "Raleway", Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 3px; font-style: normal; position: absolute; top: 83px; display: none; } #footer { position: relative;} #footer-content { background-color: #fff; padding: 40px 0 0 0; font-size: 14px; line-height: 20px; color: #6b6b6b; } #footer-content a { color: #6b6b6b; text-decoration: none; } #footer-content .title { margin-bottom: 10px; } #footer-content #footer-left { width: 200px; float: left; padding: 0 20px 0 35px; } #footer-content #footer-left ul { margin: 0; } #footer-content #footer-left li { list-style: none; } #footer-content #footer-right { width: 368px; float: left; } #footer-content #footer-address { margin-bottom: 25px; } #footer-content #footer-contacts { margin-bottom: 25px; } #footer-content #footer-social {} #footer-content #footer-social .title { float: left; margin-right: 5px; } #footer-content #footer-social a { display: block; width: 22px; height: 22px; float: left; overflow: hidden; text-indent: -9999px; background-image: url(../images/footer-social.jpg); margin-right: 2px; outline: none; } #footer-content #footer-social a#footer-facebook { background-position: 0 0; } #footer-content #footer-social a#footer-twitter { background-position: -22px 0; } #footer-content #footer-social a#footer-gplus { background-position: -44px 0; } #footer-content #footer-tpo { clear: both; margin-bottom: 15px; } #footer-content #footer-tpo img { height: auto; max-width: 200px; display: inline-block; } #footer-content #footer-tpo img#footer-cmp { height: auto; max-width: 115px; margin-right: 10px; } #footer-content #footer-copyright { background-image: url(../images/bg-stripe.jpg); height: 30px; line-height: 30px; color: #fff; font-family: "Raleway", Arial, Helvetica, sans-serif; font-style: normal; text-align: center; font-size: 10px; font-weight: bold; margin-top: 40px; text-transform: uppercase; } #footer .wrap-right { width: 497px; height: 100%; position: absolute; left: 870px; background-image: url(../images/footer-bg.jpg); background-size: cover; } @media(max-width: 1367px){ body { min-width: unset; } #footer .wrap-left { display: none; } #footer .wrap-middle { width: 661px; } #footer .wrap-right { left: 661px; } } @media(max-width: 1199px) { #footer-linkbar { border: none; } #footer-linkbar .img-block { display: none; } #footer .wrap-middle { width: 100%; float: none; } #footer .wrap-right { width: 100%; position: static; float: none; left: unset; height: 100px; } #footer-content #footer-left { width: 40%; padding: 0 5%; } #footer-content #footer-right { width: 40%; padding: 0 5%; } } @media(max-width: 991px){ #footer-linkbar { height: auto; padding-top: 30px; } #property-alerts-block { float: none; padding: 30px 5% 90px 5%; clear: left; text-align: center; } #property-alerts-block #property-alerts-form { margin: 0 auto; } #footer-linkbar .link-block { float: none; display: block; width: 100%; height: auto; background-image: none !important; padding: 5px 0; } #footer-linkbar .link-block span.arrow { position: static; margin: 0; display: inline-block; } } @media(max-width: 767px){} @media(max-width: 575px){ #property-alerts-block #property-alerts-form { width: 100%; } #footer-content #footer-left { display: none; } #footer-content #footer-right { width: 90%; padding: 0 5%; text-align: center; } #footer-content #footer-tpo img#footer-cmp { margin: 0 0 15px 0; } #footer-content #footer-social .title { float: none; margin-right: 0; } #footer-content #footer-social a { float: none; margin: 0 auto; margin-bottom: 20px; } #footer-linkbar .link-block { font-size: 12px; } } #request-form-container { display: none; } #request-form-overlay { position: fixed; height: 100%; width: 100%; top: 0; right: 0; bottom: 0; left: 0; background-image: url(../images/head-variable-overlay.png); z-index: 9998; } #request-form-wrap { background-color: #fff; width: 400px; max-width: 100%; padding: 50px; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 9999; } #request-form-wrap #request-form {} #request-form-wrap #request_form-close { float: right; background-image: url(../img/close.png); width: 30px; height: 30px; text-indent: -999px; overflow: hidden; cursor: pointer; background-repeat: no-repeat; background-position: center; } #request-form-wrap h3 { margin-bottom: 30px; float: left; clear: none; margin-top: 10px; } #request-form-wrap #request-form .request_form-message { height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px; color: #fff; font-size: 15px; display: none; } #request-form-wrap #request-form .request_form-message#request_form-error { background-color: #a57920; } #request-form-wrap #request-form .request_form-message#request_form-success { background-color: #eeaf30; } #request-form-wrap #request-form input[type=text] { display: block; border: none; background-color: #eee; width: 100%; padding: 10px 12px; margin-bottom: 10px; font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; } #request-form-wrap #request-form input[type=submit] { letter-spacing: 5px; height: 40px; line-height: 40px; } #request-form .request_checklabel { display: block; cursor: pointer; margin-bottom: 10px; } @media(max-width: 575px) { #request-form-wrap { padding: 25px; } } #rtbf-form { padding: 50px 0;} #rtbf-form .rtbf_form-message { height: 40px; line-height: 40px; text-align: center; margin-bottom: 10px; color: #fff; font-size: 15px; display: none; } #rtbf-form .rtbf_form-message#rtbf_form-error { background-color: #a57920; } #rtbf-form .rtbf_form-message#rtbf_form-success { background-color: #eeaf30; } #rtbf-form input[type=text] { display: block; border: none; background-color: #eee; width: 414px; padding: 11px 12px; margin-bottom: 10px; font-family: "Libre Baskerville", Georgia, "Times New Roman", Times, serif; font-size: 14px; font-style: italic; display: inline-block; } #rtbf-form input[type=submit] { letter-spacing: 5px; height: 40px; line-height: 40px; background-color: #0e2c45 !important; color: #fff; display: inline-block; vertical-align: top; } #rtbf-form input[type=submit]:hover { background-color: #0a2338 !important; }