/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} /* JT Slider | klik.net.au */.slider{position:relative}.slider .slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;background-size:cover;background-position:center center;visibility:hidden;opacity:0;transition:opacity 0s 0.5s,visibility 0s 0.5s}.slider .slide.show{visibility:visible;opacity:1;transition:opacity 0.5s,visibility 0s;z-index:1500}.slider .slider_controls{position:absolute;z-index:2000;bottom:16px;text-align:right;right:16px}.slider .slider_controls.left{text-align:left;left:16px}.slider .slider_controls.right{text-align:right;right:16px}.slider .slider_controls .dot{display:inline-block;vertical-align:bottom;width:12px;height:12px;border-radius:50%;margin-left:8px;background-color:#fff;opacity:0.5;cursor:pointer;transition:opacity 0.2s}.slider .slider_controls .dot.active{opacity:1}.slider .slider_controls.left .dot{margin-right:8px}.slider .slider_controls.right .dot{margin-left:8px} /* NoUI Slider */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-handle{position:relative;z-index:1}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;transition:top 0.3s, right 0.3s, bottom 0.3s, left 0.3s}.noUi-state-drag *{cursor:inherit !important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB}.noUi-connect{background:#3FB8AF;border-radius:4px;box-shadow:inset 0 0 3px rgba(51, 51, 51, 0.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB}.noUi-handle:before,.noUi-handle:after{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:before,.noUi-vertical .noUi-handle:after{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled].noUi-target,[disabled].noUi-handle,[disabled] .noUi-handle{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%, 50%, 0);transform:translate3d(-50%, 50%, 0)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0, 50%, 0);transform:translate3d(0, 50%, 0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0, -50%);transform:translate(0, -50%);top:50%;right:120%} /* Fancybox Core and Thumbs */ .fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:rgba(0,0,0,0);backface-visibility:hidden;transform:translateZ(0)}.fancybox-container ~ .fancybox-container{z-index:99992}.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-infobar,.fancybox-toolbar,.fancybox-caption-wrap{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0 linear .25s;box-sizing:border-box}.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption-wrap{opacity:1;visibility:visible;transition:opacity .25s,visibility 0}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,0.7);pointer-events:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translate3d(0,0,0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;backface-visibility:hidden;transition-property:transform,opacity;transform-style:preserve-3d}.fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image::before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#E5E3DF}.fancybox-slide--next{z-index:99995}.fancybox-slide > *{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;margin:0;padding:0;border:0;width:100%;height:100%;background:#fff}.fancybox-error{margin:0;padding:40px;width:100%;max-width:380px;background:#fff;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:'×';position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,"Helvetica Neue",Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 20%,rgba(0,0,0,0.2) 40%,rgba(0,0,0,0.6) 80%,rgba(0,0,0,0.8) 100%);pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid rgba(255,255,255,0.4);font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-infobar__body,.fancybox-button{background:rgba(30,30,30,0.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,0.8)}.fancybox-button::before,.fancybox-button::after{content:'';pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]::before,.fancybox-button[disabled]::after{opacity:.3}.fancybox-button--left::after,.fancybox-button--right::after{top:18px;width:6px;height:6px;background:transparent;border-top:solid 2px currentColor;border-right:solid 2px currentColor}.fancybox-button--left::after{left:20px;transform:rotate(-135deg)}.fancybox-button--right::after{right:20px;transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close::before,.fancybox-button--close::after{content:'';display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close::before{transform:rotate(45deg)}.fancybox-button--close::after{transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;user-select:none;transition:opacity .25s}.fancybox-arrow::after{content:'';position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,0.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:center center;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;transform:scaleX(-1)}.fancybox-arrow--right::after,.fancybox-arrow--left::after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid rgba(100,100,100,.4);border-top:6px solid rgba(255,255,255,.6);border-radius:100%;height:50px;width:50px;animation:fancybox-rotate .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@keyframes "fancybox-rotate"{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,0.25,1)}.fancybox-fx-slide.fancybox-slide--previous{transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{transform:translate3d(0,0,0);opacity:1}.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{transform:scale3d(0.5,0.5,0.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{transform:scale3d(1,1,1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{transform:rotate(-360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{transform:rotate(360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translate3d(0,0,0) scale(1)}@media all and (max-width: 800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none !important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-thumbs{display:none}.fancybox-button--thumbs{display:none}@media all and (min-width: 800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs::before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,0 0 0 32px inset,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs > ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs > ul > li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,0.1)}.fancybox-thumbs > ul > li > img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;user-select:none}.fancybox-thumbs > ul > li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs > ul > li.fancybox-thumbs-active:before{opacity:1}} /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media screen { /* ---------------- overall style ---------------- */ body { background-color:#fff; color:#444; font-size:16px; font-family:proxima-nova,arial,sans-serif; line-height:130%; } .site_maxwidth { width:100%; max-width:1920px; margin:0 auto; overflow:hidden; } .panel_maxwidth { width:90%; max-width:1472px; margin:0 auto; } a span { display:inline; } p { margin:0.75em 0; font-size:1em; } h1,h2,h3,h4,h5,h6 { line-height:120%; margin:0.7em 0 0.5em 0; font-weight:700; } h1 { font-size:2em; } h2 { font-size:1.8em; } h3 { font-size:1.4em; } h4 { font-size:1.2em; } ul,ol { margin:0.5em 0; } a { text-decoration:underline; color:#1F3953; color:#4074a4; } strong { color:inherit; } em { color:inherit; } .fh_button { position:relative; display:inline-block; line-height:100%; /*height:40px; line-height:40px;*/ padding:12px; text-transform:uppercase; text-decoration:none; background-color:#1F3953; color:#fff; font-weight:600; letter-spacing:0.05em; font-size:14px; border-radius:0; } input.fh_button { border:none; } .fh_button[data-size='small'] { /*height:32px;line-height:32px;*/padding:13px 16px;font-size:14px; } .fh_button[data-size='medium'] { /*height:40px;line-height:40px;*/padding:20px;font-size:14px; } .fh_button[data-size='large'] { /*height:48px;line-height:48px;*/padding:24px;font-size:16px; } .fh_button[data-color='red'] { background-color:#b83c3c;background:linear-gradient(135deg, #ca4b4b 0%, #a62d2d 100%); } .fh_button[data-color='darkblue'] { background-color:#1F3953;background:linear-gradient(135deg, #294a6a 0%, #1a2f44 100%); } .fh_button[data-color='medblue'] { background-color:#287397;background:linear-gradient(135deg, #287397 0%, #1e567d 100%); } .fh_button[data-color='grey'] { background-color:#aaa;background:linear-gradient(135deg, #bbb 0%, #aaa 100%); } .fh_button[data-color='white'] { background-color:#f5f5f5;background:linear-gradient(135deg, #f5f5f5 0%, #eee 100%);color:#1F3953; } .fh_button[data-arrow='true']:after { display:inline-block; width:14px; height:14px; background-image:url('/images/icons/arrow_white.svg'); background-size:contain; background-position:center center; background-repeat:no-repeat; content:''; margin-left:12px; vertical-align:middle; } .fh_button[data-arrow='true'][data-color='red']:after { background-image:url('/images/icons/arrow_lightred.svg'); } .fh_button[data-arrow='true'][data-color='grey']:after { background-image:url('/images/icons/arrow_lightgrey.svg'); } .fh_button[data-arrow='true'][data-color='darkblue']:after { background-image:url('/images/icons/arrow_medblue.svg'); } .fh_button[data-arrow='true'][data-color='medblue']:after { background-image:url('/images/icons/arrow_lightblue.svg'); } .fh_button[data-arrow='true'][data-color='white']:after { background-image:url('/images/icons/arrow_darkblue.svg'); } .fh_button[data-block='true'] { display:block; text-align:left; } .fh_button[data-block='true'][data-arrow='true'][data-size='small'] { padding-right:42px; } .fh_button[data-block='true'][data-arrow='true'][data-size='medium'] { padding-right:46px; } .fh_button[data-block='true'][data-arrow='true'][data-size='large'] { padding-right:50px; } .fh_button[data-block='true'][data-arrow='true']:after { position:absolute; top:50%; right:12px; transform:translateY(-50%); } .fh_button[data-block='true'][data-arrow='true'][data-size='small']:after { right:16px; } .fh_button[data-block='true'][data-arrow='true'][data-size='medium']:after { right:20px; } .fh_button[data-block='true'][data-arrow='true'][data-size='large']:after { right:24px; } .fh_button .icon { display:inline-block; width:auto; height:auto; max-width:16px; max-height:12px; margin-right:8px; vertical-align:middle; transform:translateY(-1px); } br.tablet_break { display:none; } br.desktop_break { display:none; } .vertical_padding { padding:32px 0; } input[type='submit'] { cursor:pointer; } /* ---------------- header ---------------- */ #header { position:relative; z-index:9000; } #header .header_top { background-color:#fff; } #header .header_top .header_top_logo { position:relative; background-color:#fff; z-index:25; border-bottom:1px solid #ccc; } #header .header_top .header_top_logo .inner { display:table; width:90%; margin:0 auto; } #header .header_top .header_top_logo .left { display:table-cell; vertical-align:middle; text-align:left; padding:16px 0; } #header .header_top .header_top_logo .left a { } #header .header_top .header_top_logo .left a img { width:128px; height:auto; } #header .header_top .header_top_logo .right { display:table-cell; vertical-align:middle; text-align:right; padding:16px 0; } #header .header_top .header_top_logo .right a { } #header .header_top .header_top_logo .right a img { width:32px; height:auto; } #header .header_top .header_top_links { position:relative; padding:16px 0; z-index:20; background-color:#fff; display:none; } #header .header_top .header_top_links .inner { width:90%; margin:0 auto; } #header .header_top .header_top_links .advantage_link { display:inline-block; vertical-align:middle; color:#999; text-decoration:none; font-size:14px; font-weight:500; text-transform:uppercase; margin-right:16px; } #header .header_top .header_top_links .advantage_link img { width:auto; height:auto; max-width:16px; max-height:16px; display:inline-block; margin-right:4px; vertical-align:middle; margin-top:-2px; } #header_fav_link { margin:0 16px 0 0; text-decoration:none; } #header_fav_link.active { } #header_fav_link svg { width:auto; height:auto; max-width:20px; max-height:20px; vertical-align:middle; display:inline-block; margin-top:-2px; } #header_fav_link path { fill:#ccc; } #header_fav_link.active path { fill:#287397; } #header_fav_link #header_fav_count { font-weight:700; text-decoration:none; display:inline-block; vertical-align:baseline; margin-left:2px; font-size:18px; color:#ccc; } #header_fav_link.active #header_fav_count { color:#287397; } #header .header_top .header_top_links a.icon { display:inline-block; vertical-align:middle; padding:4px; margin-left:4px; } #header .header_top .header_top_links a img { display:inline-block; width:auto; height:auto; max-width:22px; max-height:20px; vertical-align:middle; } #header .header_top .header_top_links .phone_number { display:inline-block; vertical-align:middle; text-decoration:none; color:#1a2f44; font-weight:600; font-size:20px; letter-spacing:0.05em; margin-left:8px; } #header .header_bot { position:relative; z-index:15; background-color:#1F3953; color:#fff; display:none; } #header #nav { opacity:0; visibility:hidden; transform:translateY(-16px); transition:opacity 0.4s, visibility 0s 0.4s, transform 0.4s; } #nav { margin:0; padding:16px 0; /*text-transform:uppercase;*/ font-weight:600; color:#fff; } #nav a { color:#fff; } #nav > li { list-style:none; font-size:20px; } #nav > li > a { display:block; text-decoration:none; padding:8px 5%; color:#63c5df; } #nav > li > a > img { display:none; } #nav > li > .dropdown { padding:8px 5%; margin:0; } #nav > li > .dropdown .dropdown_subheading { font-size:16px; padding:8px 16px; color:#63c5df; } /*#nav > li > .dropdown .dropdown_section:first-child .dropdown_subheading { padding-top:0; }*/ #nav > li > .dropdown ul { padding:0; margin:0; } #nav > li > .dropdown ul li { list-style:none; font-weight:500; font-size:16px; text-transform:none; } #nav > li > .dropdown ul li a { display:block; text-decoration:none; padding:4px 16px; } /* ---------------- footer ---------------- */ #footer { background-color:#213b55; color:#fff; } #footer a { color:#fff; text-decoration:none; } #footer .footer_col { margin-bottom:16px; } #footer .footer_col > ul { padding:0; margin:0; } #footer .footer_col > ul > li { list-style:none; /*text-transform:uppercase;*/ font-weight:600; } #footer .footer_col > ul > li > a { display:inline-block; padding:2px 0; } #footer .footer_col > ul > li > ul { padding:0 0 0 16px; margin:8px 0; } #footer .footer_col > ul > li > ul > li { list-style:disc; font-size:14px; font-weight:500; color:#63c5df; } #footer .footer_col > ul > li > ul > li > a { display:inline-block; color:#63c5df; color:#63c5df; } #footer .footer_top { display:flex; flex-flow:row wrap; } #footer .footer_top .footer_col { flex:1 1 160px; margin-right:24px; } #footer .footer_bot { padding-top:24px; font-weight:300; font-size:14px; } #footer .footer_bot a { color:#63c5df; } #footer .footer_bot .divider { color:#3290b1; } #footer .social_links { margin-bottom:8px; } #footer .social_links .icon { display:inline-block; margin-right:8px; vertical-align:middle; } #footer .social_links img { width:auto; height:auto; max-width:40px; max-height:32px; vertical-align:middle; } /* -- chat bar -- */ #chat_bar { display:none; position:fixed; right:18px; bottom:18px; padding:18px; background-color:#287397; color:#fff; text-decoration:none; font-size:16px; line-height:16px; transition:opacity 1s; z-index:9000; } #chat_bar.faded { opacity:0.4; } #chat_bar img { display:inline-block; width:auto; height:auto; max-width:16px; max-height:16px; padding-left:8px; } /* ---------------- home ---------------- */ #home_slider { height:320px; line-height:320px; text-align:right; background-color:#eee; position:relative; z-index:7000; } #home_slider .overlay { position:absolute; z-index:75; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.25); } #home_slider .panel_maxwidth { position:relative; text-align:center; z-index:80; } #home_slider .slide_text { display:inline-block; line-height:110%; vertical-align:middle; color:#fff; padding-right:0; max-width:640px; } #home_slider .upgrades_2019 .slide_text { max-width:none; } #home_slider .upgrades_2019 h2 img { } #home_slider .slide.dream_big { background-position:54% center; } #home_slider .dream_big .slide_text { max-width:400px; padding-left: 12px; text-align:center; width:100%; box-sizing: border-box; padding-right:0; } #home_slider .dream_big .buttons { padding:20px 30px 0 0; } #home_slider .dream_big .fh_button { padding:0.6em 1.1em 0.65em 1.1em; background-color:transparent; border:1px solid #1f3953; color:#1f3953; transition:all 0.35s; } #home_slider .dream_big .fh_button:hover { background-color:#1f3953; color:#FFF; } #home_slider .upgrades_2019 h2 img { width:90%; height:auto; max-width:420px; max-height:90%; } #home_slider .slide_text h2 { color:#fff; line-height:100%; font-size:36px; margin:0; opacity:0; transform:translateY(16px); } #home_slider .slide_text p { font-size:18px; line-height:120%; font-weight:300; margin:12px 0 16px 0; opacity:0; transform:translateY(16px); } #home_slider .slide_text .buttons { opacity:0; } #home_slider .slide.show .slide_text h2 { opacity:1; transform:translateY(0); transition:opacity 0.5s 0.2s, transform 0.5s 0.2s; } #home_slider .slide.show .slide_text p { opacity:1; transform:translateY(0); transition:opacity 0.5s 0.3s, transform 0.5s 0.3s; } #home_slider .slide.show .slide_text .buttons { opacity:1; transition:opacity 1s 0.4s; } #home_slider .slide[data-text='dark'] .overlay { background-color:rgba(255,255,255,0.85); } #home_slider .slide[data-text='dark'] .slide_text h2 { color:#1a2f44; text-shadow:0 0 2px rgba(255,255,255,0.75); } #home_slider .slide[data-text='dark'] .slide_text p { color:#1a2f44; } #home_slider #slider_arrow { position:relative; display:none; z-index:9999; top:0; bottom:0; padding:0 16px; } #home_slider #slider_arrow .circle { display:inline-block; line-height:100%; padding:8px; background-color:#1a2f44; border-radius:50%; vertical-align:middle; text-align:center; } #home_slider #slider_arrow img { width:16px; height:16px; display:inline-block; vertical-align:middle; } #home_slider .slide { background-color:#fcfcfc; background-size:cover; background-position:center center; } #home_buttons { background-color:#eeeded; padding:32px 0; text-align:center; } #home_buttons .fh_button { display:block; margin:8px 0; } #home_intro .intro_box { padding:24px 0; border-bottom:1px solid #ddd; } #home_intro .intro_box:last-child { border-bottom:0; } #home_intro .intro_box .image img { width:100%; height:auto; } #home_intro .intro_box .text { padding-top:12px; } #home_intro .intro_box .text h2 { font-size:16px; margin:0 0 12px 0; color:#1a2f44; letter-spacing:0.05em; } #home_intro .intro_box .text h2 a { text-decoration:none; color:#294a6a; } #home_intro .intro_box .text .excerpt { color:#999; margin:12px 0; font-weight:300; letter-spacing:0.01em; } #home_intro .intro_box .text .link { margin:0; } #home_intro .intro_box .text .link a { display:inline-block; text-decoration:none; color:#294a6a; font-weight:600; vertical-align:middle; } #home_intro .intro_box .text .link a:after { content:''; display:inline-block; vertical-align:middle; width:12px; height:12px; margin-left:8px; background-image:url('/images/icons/arrow_darkblue.svg'); background-size:contain; background-position:center center; background-repeat:no-repeat; } #home_intro .panel_maxwidth { } /* ---------------- back pages ---------------- */ /* -- general house list style -- */ .house_list { display:-ms-flexbox; display:-webkit-flex; display:flex; flex-flow:row wrap; padding:8px; margin:-16px; justify-content:left; } .house_list .house_item { display:block; position:relative; box-sizing:border-box; background-color:#fff; -ms-flex:1 1 100%; -webkit-flex:1 1 100%; flex:1 1 100%; max-width:100%; margin:8px 0.5%; box-shadow:1px 1px 4px rgba(0,0,0,0.2); text-decoration:none; } .house_list .house_item .image { position:relative; display:block; padding-bottom:53%; background-color:#ddd; } .house_list .house_item .image img { position:absolute; top:0; right:0; bottom:0; left:0; vertical-align:top; color:#ddd; } .house_list .house_item .details { border-left:8px solid #ccc; padding:16px; min-height:50px; } /* .house_list .house_item[data-collection='Courtyard and Villa'] .details { border-color:#F57C13; } .house_list .house_item[data-collection='Conventional'] .details { border-color:#ACC600; } .house_list .house_item[data-collection='Affordable'] .details { border-color:#FF0000; } .house_list .house_item[data-collection='Two Storey'] .details { border-color:#EC33A4; } .house_list .house_item[data-collection='Split Level'] .details { border-color:#0E93D8; } .house_list .house_item[data-collection='Rear Access'] .details { border-color:#2259AB; } */ .house_list .house_item[data-collection='Courtyard and Villa'] .details { border-color:#97c2d3; } .house_list .house_item[data-collection='Conventional'] .details { border-color:#708370; } .house_list .house_item[data-collection='Affordable'] .details { border-color:#e4bbbf; } .house_list .house_item[data-collection='Two Storey'] .details { border-color:#e7b19a; } .house_list .house_item[data-collection='Split Level'] .details { border-color:#9e948e; } .house_list .house_item[data-collection='Rear Access'] .details { border-color:#c7e3d9; } .house_list .house_item .details .name { font-size:22px; font-weight:600; color:#1F3953; margin:0 0 4px 0; line-height:105%; } .house_list .house_item .details .name a { color:#1F3953; text-decoration:none; } .house_list .house_item .details .bot { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6, BB7 */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */ display: flex; flex-flow:row wrap; } .house_list .house_item .details .bot .rooms { flex:1 1 auto; color:#777; } .house_list .house_item .details .bot .rooms .room { display:inline-block; margin-right:0; width:23%; font-weight:300; } .house_list .house_item .details .bot .rooms .number { display:inline-block; vertical-align:middle; } .house_list .house_item .details .bot .rooms .icon { display:inline-block; width:auto; height:auto; max-width:16px; max-height:16px; vertical-align:middle; margin-left:8px; } .house_list .house_item .details .bot .area { text-align:right; color:#999; font-size:20px; font-weight:300; -webkit-box-flex: 1 1 auto; /* OLD - iOS 6-, Safari 3.1-6 */ -webkit-flex: 1 1 auto; /* Safari 6.1+. iOS 7.1+, BB10 */ -ms-flex: 1 1 auto; /* IE 10 */ flex: 1 1 auto; } .house_list .house_item .fav_link { display:none; position:absolute; right:8px; top:-8px; background-color:#1F3953; line-height:16px; width:32px; height:32px; background-image:url('/images/icons/icon_star.svg'); background-repeat:no-repeat; background-size:16px auto; background-position:center center; } .house_list .house_item .fav_link[data-favourite-status='none'] { display:block; background-color:#ccc; } .house_list .house_item .fav_link[data-favourite-status='none']:hover { background-image:url('/images/icons/icon_plus.svg'); } .house_list .house_item .fav_link[data-favourite-status='favourite'] { display:block; background-color:#1F3953; } .house_list .house_item .fav_link[data-favourite-status='favourite']:hover { background-image:url('/images/icons/icon_x.svg'); } .house_list .house_item .fav_link[data-favourite-status='saving'], .house_list .house_item .fav_link[data-favourite-status='saving']:hover { display:block; background-image:url('/images/icons/icon_loading.gif'); } .house_list .house_item .fav_link[data-favourite-status='saved'] { display:block; background-image:url('/images/icons/icon_tick.svg'); } .house_list .house_item .fav_link[data-favourite-status='saved']:hover { background-image:url('/images/icons/icon_x.svg'); } .house_list .house_item .fav_link img { width:auto; height:auto; max-width:16px; max-height:16px; vertical-align:top; } /* -- general style photo gallery -- */ .photo_gallery { } .photo_gallery { display:none; text-align:center; } .photo_gallery.show { display:block; } .photo_gallery .gallery_headline { margin-bottom:24px; } .photo_gallery .gallery_headline h2 { font-weight:600; margin:0 0 4px 0; font-size:24px; } .photo_gallery .gallery_headline p { margin:0; color:#999; } .photo_gallery .gallery_images { display: -ms-flexbox; display: -webkit-flex; display:flex; flex-flow:row; justify-content:center; } .photo_gallery .gallery_images a { display:inline-block; -webkit-flex:0 1 128px; -ms-flex:0 1 128px; flex:0 1 128px; margin:2px; } .photo_gallery[gallery-type='small'] .gallery_images a:nth-child(n+4) { display:none; } .photo_gallery .gallery_images a img { width:100%; height:auto; vertical-align:top; display:inline-block; } .photo_gallery .gallery_images a.viewmore { position:relative; display:inline-block; background-color:#eee; background: linear-gradient(135deg, #eee 0%, #e5e5e5 100%); } .photo_gallery .gallery_images a.viewmore:active { box-shadow:inset 1px 1px 16px rgba(0,0,0,0.1); } .photo_gallery .gallery_images a.viewmore img { position:absolute; width:auto; height:32px; top:50%; left:50%; transform:translate(-50%,-50%); } .photo_gallery[data-gallery-type='slider'] .gallery_images { display:block; position:relative; width:100%; height:60vw; max-width:768px; max-height:512px; margin:0 auto; } .photo_gallery[data-gallery-type='slider'] .gallery_images .slide { position:absolute; top:0; right:0; bottom:0; left:0; z-index:800; overflow:hidden; } .photo_gallery[data-gallery-type='slider'] .gallery_images .slide img { position:absolute; width:100%; height:auto; min-width:100%; min-height:100%; max-width:none; max-height:none; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#eee; } .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow { position:absolute; top:50%; right:16px; transform:translateY(-50%); z-index:900; } .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle { display:inline-block; background-color:#213B55; width:32px; height:32px; line-height:32px; text-align:center; border-radius:50%; } .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle img { width:auto; height:auto; max-width:16px; max-height:16px; vertical-align:middle; text-align:center; line-height:16px; transform:translateY(-2px); } /* -- news items -- */ .news_list .news_item { display:block; background-color:#fff; box-shadow:1px 1px 4px rgba(0,0,0,0.1); margin:0 0 8px 0; } .news_list .news_item .left { text-align:center; } .news_list .news_item .left a { display:block; position:relative; width:100%; height:60vw; background-size:cover; background-position:center center; background-color:#d5d5d5; } .news_list .news_item .left .advantage_club_lock { position:absolute; top:0; left:0; width:64px; height:auto; } .news_list .news_item .right { padding:16px; } .news_list .news_item h1 { margin:0 0 8px 0; font-size:1.3em; font-weight:600; } .news_list .news_item h1 a { text-decoration:none; color:#1F3953; } .news_list .news_item p { font-size:14px; margin:8px 0; } .news_list .news_item .buttons { margin:16px 0 0 0; } .news_list ul.pagination { padding:0; margin-top:32px; } .news_list ul.pagination li { list-style:none; display:inline-block; font-weight:700; } .news_list ul.pagination li.pag-current, .news_list ul.pagination li a { display:inline-block; padding:8px 16px; min-width:16px; height:24px; line-height:24px; text-align:center; } .news_list ul.pagination li.pag-current { background-color:#ddd; color:#999; } .news_list ul.pagination li a { background-color:#fff; text-decoration:none; } /* -- resource list -- */ .resource_list { font-size:14px; } .resource_list .item { display:block; text-decoration:none; color:#444; border-bottom:1px solid #ddd; padding-bottom:24px; margin-bottom:24px; } .resource_list .item:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; } .resource_list .item .table_div { display:table; width:100%; } .resource_list .item .left { display:table-cell; width:32px; vertical-align:top; } .resource_list .item .left .icon { width:auto; height:auto; max-width:20px; max-height:20px; } .resource_list .item .right { display:table-cell; padding-right:16px; vertical-align:top; } .resource_list .item h3, .resource_list .item h4 { font-size:1.2em; color:#444; font-weight:600; line-height:105%; margin:0 0 4px 0; } .resource_list .item h3 .type, .resource_list .item h4 .type{ color:#287397; } .resource_list .item p { color:#666; margin:4px 0 0 0; } /* -- house and land list -- */ .houseland_list { } .houseland_list .houseland_item { display:block; box-shadow:1px 1px 4px rgba(0,0,0,0.1); background-color:#fff; margin-bottom:16px; } .houseland_list .houseland_item .left { } .houseland_list .houseland_item .left a { } .houseland_list .houseland_item .left a img { vertical-align:top; width:100%; height:auto; } .houseland_list .houseland_item .right { padding:16px; } .houseland_list .houseland_item .right h1 { margin:0 0 8px 0; font-size:1.3em; } .houseland_list .houseland_item .right h1 a { text-decoration:none; color:#1F3953; } .houseland_list .houseland_item .right .rooms { display:inline-block; margin-bottom:8px; margin-right:24px; } .houseland_list .houseland_item .right .rooms .room { display:inline-block; vertical-align:middle; margin-right:12px; color:#777; } .houseland_list .houseland_item .right .rooms .room img { display:inline-block; vertical-align:middle; margin-left:8px; width:auto; height:auto; max-width:16px; max-height:16px; } .houseland_list .houseland_item .right .price { display:inline-block; margin-right:24px; color:#999; } .houseland_list .houseland_item .right .fh_button { margin-top:16px; } /* -- general feature panel style -- */ .fh_feature { display:block; position:relative; background-color:#999; color:#fff; background-size:cover; background-position:75% center; padding:64px 0; font-size:14px; } .fh_feature:after { /*display:block; position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.25); background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.25) 100%); content:' '; z-index:100;*/ } .fh_feature[data-text-color='blue'] { background-color:#eee; } .fh_feature[data-text-color='blue']:after { /*background-color:rgba(256,256,256,0.25); background: linear-gradient(to right, rgba(256,256,256,0.8) 0%, rgba(256,256,256,0.25) 100%);*/ } .fh_feature h1 { position:relative; z-index:200; color:#fff; line-height:100%; text-shadow:1px 1px 4px rgba(0,0,0,0.25); margin:0 0 16px 0; font-size:2.5em; width:75%; max-width:512px; } .fh_feature[data-text-color='blue'] h1 { color:#1F3953; text-shadow:1px 1px 2px rgba(255,255,255,0.5); } .fh_feature p { position:relative; z-index:200; color:#fff; font-size:1.2em; max-width:700px; margin:0; text-shadow:1px 1px 2px rgba(0,0,0,0.25); line-height:120%; width:75%; max-width:512px; } .fh_feature[data-text-color='blue'] p { color:#1F3953; text-shadow:1px 1px 2px rgba(255,255,255,0.25); } .fh_feature .buttons { position:relative; z-index:200; margin:24px 0 0 0; } /* -- calculators -- */ .calculator_form { background-color:#f5f5f5; padding:24px; } .calculator_form .table_div { display:block; } .calculator_form .calculator_heading { margin-bottom:24px; } .calculator_form h1 { margin:0; font-size:32px; color:#1F3953; } .calculator_form h2 { margin:0 0 16px 0; font-weight:500; font-size:24px; color:#287397; } .calculator_form .left_input { margin-bottom:24px; padding-bottom:24px; border-bottom:1px solid #ccc; } .calculator_form .row { margin-bottom:12px; } .calculator_form label { display:block; margin-bottom:2px; } .calculator_form input[type='text'], .calculator_form input[type='email'], .calculator_form input[type='number'], .calculator_form input[type='tel'], .calculator_form input[type='password'] { font-family:roboto-mono,monospace; box-sizing:border-box; width:100%; height:40px; line-height:40px; padding:0 12px; border:1px solid #ccc; } .calculator_form select { box-sizing:border-box; width:100%; height:40px; border:1px solid #ccc; padding:0 8px; } .calculator_form .inline_field input { display:inline-block; width:128px; height:24px; line-height:24px; padding:0 4px; background-color:#f5f5f5; border:none; border-bottom:1px solid #ccc; font-weight:700; font-size:22px; } .calculator_form .inline_field.smaller input { font-size:18px; font-weight:500; width:160px; } /* -- design list page -- */ #design_filter { position:relative; padding:32px 0; box-shadow:1px 1px 8px rgba(0,0,0,0.1); z-index:300; text-align:center; } #design_filter .filter_item { display:inline-block; margin:4px; vertical-align:middle; } #design_filter .filter_item .selected { display:inline-block; border:1px solid #ddd; line-height:14px; padding:12px 27px 12px 16px; position:relative; } #design_filter .filter_item .selected:after { display:inline-block; content:"\25BC"; font-size:0.6em; vertical-align:middle; margin-left:0; color:#999; position:absolute; right:10px; } #design_filter .filter_item .options { width:100%; min-width:192px; } #design_filter .filter_item a[data-collection] { position:relative; padding-left:16px; } #design_filter .filter_item a[data-collection]:before { display:block; position:absolute; top:0; bottom:0; left:0; width:8px; content:' '; background-color:#444; } /* #design_filter .filter_item a[data-collection="new"]:before { background-color:#ccc; } #design_filter .filter_item a[data-collection="courtyard"]:before { background-color:#F57C13; } #design_filter .filter_item a[data-collection="conventional"]:before { background-color:#ACC600; } #design_filter .filter_item a[data-collection="affordable"]:before { background-color:#FF0000; } #design_filter .filter_item a[data-collection="twostorey"]:before { background-color:#EC33A4; } #design_filter .filter_item a[data-collection="splitlevel"]:before { background-color:#0E93D8; } #design_filter .filter_item a[data-collection="rearaccess"]:before { background-color:#2259AB; } */ #design_filter .filter_item a[data-collection="new"]:before { background-color:#ccc; } #design_filter .filter_item a[data-collection="courtyard"]:before { background-color:#97c2d3; } #design_filter .filter_item a[data-collection="conventional"]:before { background-color:#708370; } #design_filter .filter_item a[data-collection="affordable"]:before { background-color:#e4bbbf; } #design_filter .filter_item a[data-collection="twostorey"]:before { background-color:#e7b19a; } #design_filter .filter_item a[data-collection="splitlevel"]:before { background-color:#9e948e; } #design_filter .filter_item a[data-collection="rearaccess"]:before { background-color:#c7e3d9; } #design_filter .fh_button { cursor:pointer; vertical-align:middle; margin:4px; } #design_list { position:relative; box-sizing:border-box; width:100%; background-color:#f5f5f5; padding:32px 0; z-index:200; } #popular_design_list { position:relative; box-sizing:border-box; width:100%; background-color:#eee; background:-webkit-linear-gradient(#f5f5f5 0%, #eee 100%); background:-o-linear-gradient(#f5f5f5 0%, #eee 100%); background:linear-gradient(#f5f5f5 0%, #eee 100%); padding:32px 0; z-index:200; } #design_list.display_house_list { padding:48px 0; } #design_list .design_list_heading, #popular_design_list .design_list_heading { margin:0 0 24px 0; } #design_list .design_list_heading h2, #popular_design_list .design_list_heading h2, #houseland_content .houseland_list_heading { color:#1F3953; font-weight:500; } #design_list h2, #popular_design_list h2 { margin:0 0 4px 0; } #design_list.display_house_list h2 { margin:0 0 16px 0; } #houseland_content .houseland_list_heading { margin:0 0 19px 0; } #design_list .design_list_heading .filtered_by, #popular_design_list .design_list_heading .filtered_by { display:inline-block; font-size:16px; color:#287397; font-style:italic; margin-right:4px; line-height:100%; vertical-align:middle; } #design_list .design_list_heading .filtered_count, #popular_design_list .design_list_heading .filtered_count { display:inline-block; font-size:16px; color:#999; font-style:italic; margin-right:8px; line-height:100%; vertical-align:middle; } /* -- design detail page -- */ #design_detail { padding:32px 0; } #design_detail .layout_top .design_name { background-color:#f5f5f5; margin-bottom:16px; padding:32px 16px; border-top:8px solid #ccc; text-align:center; } /* #design_detail[data-collection='Courtyard and Villa'] .layout_top .design_name { border-color:#F57C13; } #design_detail[data-collection='Conventional'] .layout_top .design_name { border-color:#ACC600; } #design_detail[data-collection='Affordable'] .layout_top .design_name { border-color:#FF0000; } #design_detail[data-collection='Two Storey'] .layout_top .design_name { border-color:#EC33A4; } #design_detail[data-collection='Split Level'] .layout_top .design_name { border-color:#0E93D8; } #design_detail[data-collection='Rear Access'] .layout_top .design_name { border-color:#2259AB; } */ #design_detail[data-collection='Courtyard and Villa'] .layout_top .design_name { border-color:#97c2d3; } #design_detail[data-collection='Conventional'] .layout_top .design_name { border-color:#708370; } #design_detail[data-collection='Affordable'] .layout_top .design_name { border-color:#e4bbbf; } #design_detail[data-collection='Two Storey'] .layout_top .design_name { border-color:#e7b19a; } #design_detail[data-collection='Split Level'] .layout_top .design_name { border-color:#9e948e; } #design_detail[data-collection='Rear Access'] .layout_top .design_name { border-color:#c7e3d9; } #design_detail .layout_top .design_name h1 { margin:0 0 8px 0; text-transform:uppercase; letter-spacing:0.1em; color:#213b55; font-size:1.5em; line-height:105%; } #design_detail .layout_top .design_name .line { width:128px; margin:16px auto; border-top:1px solid #ccc; } #design_detail .layout_top .design_name .rooms { color:#777; font-size:16px; margin-bottom:12px; } #design_detail .layout_top .design_name .rooms .room { display:inline-block; margin-right:12px; } #design_detail .layout_top .design_name .rooms .room:last-child { margin:0; } #design_detail .layout_top .design_name .rooms .number { display:inline-block; vertical-align:middle; } #design_detail .layout_top .design_name .rooms .icon { display:inline-block; vertical-align:middle; margin-left:8px; width:auto; height:auto; max-width:16px; max-height:16px; } #design_detail .layout_top .design_name .dimensions { color:#444; margin-bottom:8px; } #design_detail .layout_top .design_name .dimensions .area { display:inline-block; margin-right:16px; } #design_detail .layout_top .design_name .dimensions .width { display:inline-block; } #design_detail .layout_top .design_name .ondisplay { font-size:14px; } #design_detail .layout_top .design_images { background-color:#f5f5f5; margin-bottom:16px; position:relative; } #design_detail .layout_top .design_images > img { z-index:5; } #design_detail .layout_top .media_links { display:none; position:relative; z-index:10; padding:8px; } #design_detail .layout_top .media_links .media_link { vertical-align:middle; margin-left:4px; } #design_detail .layout_top .media_links .media_link:active { transform:scale(0.95); } #design_detail .layout_top .media_links .media_link img { width:auto; height:auto; max-width:12px; max-height:10px; display:inline-block; vertical-align:middle; margin-right:4px; } #design_detail .layout_top .media_links .media_link.favourite_link img { max-width:16px; max-height:12px; } #design_detail .layout_top .media_links .media_link.gallery_link { display:none; } #design_detail .layout_top .media_links .media_link.gallery_link.show { display:inline-block; } #design_detail .layout_bot > .panel_maxwidth { display:-webkit-flex; display:-ms-flexbox; display:flex; flex-direction:column-reverse; } #design_detail .layout_bot .design_specs { margin-bottom:16px; padding:16px; } #design_detail .layout_bot .design_specs .spec_links { margin-bottom:32px; } #design_detail .layout_bot .design_specs .spec_links .fh_button { margin-bottom:8px; } #design_detail .layout_bot .design_specs .spec_table table { width:100%; } #design_detail .layout_bot .design_specs .spec_table td, #design_detail .layout_bot .design_specs .spec_table th { padding:8px 0; border-bottom:1px dotted #ccc; } #design_detail .layout_bot .design_specs .spec_table td:nth-child(2), #design_detail .layout_bot .design_specs .spec_table th:nth-child(2) { text-align:right; padding-left:8px; text-transform:none; } #design_detail .layout_bot .design_specs .spec_table td:nth-child(2) { font-family:roboto-mono,monospace; font-size:14px; } #design_detail .layout_bot .design_specs .spec_table tr:last-child td { border:none; } #design_detail .layout_bot .design_specs .spec_table th { text-align:left; padding:24px 0 8px 0; font-size:18px; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:#213b55; } #design_detail .spec_table em.light { font-size:14px; color:#999; } #design_detail .design_display { padding:16px; background-color:#f5f5f5; margin-top:32px; } #design_detail .design_display h2 { margin:0 0 8px 0; font-size:20px; text-transform:uppercase; letter-spacing:0.05em; color:#287397; } #design_detail .design_display .village_name { font-size:18px; font-weight:600; color:#1F3953; } #design_detail .design_display .village_open { margin-bottom:16px; color:#666; } #design_detail .layout_bot .design_customer { margin:48px auto 0 auto; max-width:420px; box-shadow:2px 2px 8px rgba(0,0,0,0.1); } #design_detail .layout_bot .design_customer .image { width:100%; height:auto; vertical-align:top; } #design_detail .layout_bot .design_customer .text { padding:24px; border:1px solid #ddd; border-top:none; } #design_detail .layout_bot .design_customer .quote_text { font-weight:500; font-size:20px; font-style:italic; color:#1F3953; margin-bottom:12px; line-height:110%; } #design_detail .layout_bot .design_customer .quote_subline { font-weight:500; color:#666; font-size:16px; margin-bottom:16px; } #design_detail .layout_bot .design_floorplan { padding:16px; position:relative; z-index:100; } #design_detail #floorplan_image { display:block; max-width:700px; width:100%; height:auto; margin:0 auto; max-height:1024px; } #design_detail .design_floorplan .floorplan_buttons { position:absolute; top:16px; right:0; z-index:200; } #design_detail .design_floorplan .floorplan_buttons a { display:block; width:32px; height:32px; line-height:32px; text-align:center; background-color:#1F3953; margin-bottom:2px; } #design_detail .design_floorplan .floorplan_buttons a:first-child { background-color:#287397; } #design_detail .design_floorplan .floorplan_buttons a img { width:auto; height:auto; max-width:20px; max-height:16px; vertical-align:middle; } #design_detail .photo_gallery { padding:16px; } #design_detail .photo_gallery .line { display:block; height:1px; border-top:1px solid #ddd; margin:0 auto 16px auto; max-width:512px; } #design_detail .photo_gallery .line2 { display:block; height:1px; border-bottom:1px solid #ddd; margin:32px auto 0 auto; max-width:512px; } /* -- compare designs -- */ #compare_container { } #compare_container h1 { margin:0 0 16px 0; } #compare_container .compare_intro { margin-bottom:32px; font-size:18px; } .compare_table { position:relative; } .compare_table .scroll_box { margin-left:144px; overflow-x:scroll; overflow-y:hidden; } .compare_table .header_row { width:1300px; } .compare_table .header_stat { display:inline-block; height:64px; line-height:64px; padding:0 16px; border-right:2px solid #999; margin-bottom:2px; width:126px; vertical-align:bottom; text-align:center; background-color:#666; color:#fff; } .compare_table .header_stat:last-child { border-right:none; } .compare_table .home_names { position:absolute; width:144px; background-color:#f5f5f5; top:0; left:0; border-top:66px solid #fff; } .compare_table .home_names:after { display:block; position:absolute; top:-66px; bottom:0; left:144px; width:8px; background: linear-gradient(to right, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); content:' '; } .compare_table .home_names .home_item { display:block; background-color:#1F3953; color:#fff; font-weight:700; text-decoration:none; border-bottom:2px solid #fff; overflow:hidden; } .compare_table .home_names .home_item .image { height:70px; } .compare_table .home_names .home_item .name { padding:0 16px; height:30px; line-height:30px; } .compare_table .home_stats { width:1300px; font-family:roboto-mono,monospace; } .compare_table .home_stats .stat_row { display:block; /*height:42px; line-height:42px;*/ height:100px; line-height:100px; border-bottom:2px solid #fff; } .compare_table .home_stats .stat_row .stat_item { display:inline-block; /*height:40px; line-height:40px;*/ height:100px; line-height:100px; padding:0 16px; margin-right:2px; width:126px; vertical-align:top; text-align:center; background-color:#f5f5f5; } .compare_table .home_stats .stat_row .stat_item .empty { color:#ccc; } .compare_table .home_stats .stat_row .stat_item.largest { font-weight:700; color:#455a2c; background-color:#d1e8b6; background-color:#e3eed5; } .compare_table .home_stats .stat_row .stat_item.higher { font-weight:700; color:#455a2c; background-color:#d1e8b6; background-color:#e3eed5; } .compare_table .home_stats .stat_row .stat_item.lower { color:#5b2f2f; background-color:#e5c6c6; } .compare_table .home_stats .stat_row.selected .stat_item { background-color:#1F3953; color:#fff; } .compare_table .home_stats .stat_row .stat_item.same { } /* -- display detail -- */ #display_detail { } #display_detail .display_feature { position:relative; text-align:center; background-color:#ccc; background-image:url('/images/villages/village_banner.jpg'); background-size:cover; background-position:center center; } #display_detail .display_feature .overlay { position:absolute; z-index:10; top:0; right:0; bottom:0; left:0; } #display_detail .display_feature .panel_maxwidth { position:relative; z-index:20; color:#fff; color:#666; } #display_detail .display_feature h1 { margin:0 0 8px 0; color:#fff; color:#1F3953; line-height:100%; } #display_detail .display_feature .feature_open { line-height:110%; } #display_detail .display_house_list { position:relative; z-index:20; background-color:#fff; text-align:center; } #display_detail .display_house_list .house_list { justify-content:center; } #display_contact { position:relative; background-color:#eee; z-index:30; } #display_contact .panel_maxwidth { position:relative; } #display_contact .block { position:relative; margin-bottom:16px; } #display_contact .details_right .block { margin-bottom:0; } #display_contact h2 { font-size:1.8em; color:#213B55; margin:0 0 8px 0; } #display_contact h2.red { color:#b83c3c; } #display_contact h3 { margin:0 0 4px 0; font-weight:600; font-size:1.4em; } #display_contact p { margin:8px 0; font-size:16px; line-height:130%; } #display_contact p.contact_info { margin-top:16px; } #display_contact .consultant_photo { display:none; } #display_contact .phone { font-weight:600; color:#1F3953; text-decoration:none; font-size:1.2em; } #display_contact .email { color:#287397; text-decoration:none; } #display_contact [data-consultants='2'] { } #display_contact [data-consultants='2'] .table_div { display:table; width:100%; } #display_contact [data-consultants='2'] .table_div .left { display:table-cell; vertical-align:top; width:50px; } #display_contact [data-consultants='2'] .table_div .left img { width:auto; height:auto; max-width:40px; max-height:96px; } #display_contact [data-consultants='2'] .table_div .right { display:table-cell; vertical-align:top; } #display_contact .details_right[data-consultants='2'] .block { margin-bottom:16px; width:auto; } #display_contact .details_right .block.inline_block { display:inline-block; vertical-align:top; margin-right:32px; } #display_contact [data-consultants='2'] .block:last-child { margin-bottom:0; } #display_contact [data-consultants='2'] .contact_info { margin-top:0; } #display_contact [data-consultants='2'] .phone { font-size:1em; color:#4074a4; font-weight:500; } #new_village_form { padding-top:24px; } #new_village_form .field { display:table; width:100%; margin-bottom:0; } #new_village_form .field .left { display:table-cell; } #new_village_form .field .left input { border-right:none; } #new_village_form .field .right { display:table-cell; width:64px; } #new_village_form input[type='submit'] { background-color:#287397; border:1px solid #287397; color:#fff; } #new_village_form input[type='submit']:active { box-shadow:inset 2px 2px 8px rgba(0,0,0,0.5); } .head_office_content { } .head_office_content .panel_maxwidth { max-width:1024px; } .head_office_content .text { font-size:18px; line-height:130%; } .head_office_content .text h2 { color:#1F3953; font-weight:500; } .head_office_content .people .person { position:relative; margin:32px 0; } .head_office_content .people .person .inner { padding:16px; background-color:#eee; } .head_office_content .people .person .image_box { text-align:right; } .head_office_content .people .person .image { display:inline-block; height:128px; width:auto; margin:0 16px; vertical-align:top; } .head_office_content .people .person h2 { margin:0 0 8px 0; color:#b83c3c; font-size:1.6em; } .head_office_content .people .person .phone { font-size:1.2em; font-weight:600; color:#1F3953; text-decoration:none; } .head_office_content .people .person .email { color: #287397; text-decoration: none; } /* -- favourite popup -- */ #favourite_popup { background-color:#f5f5f5; } #favourite_popup > .inner { max-width:440px; margin:0 auto; } #favourite_popup .fav_screenshot { margin:32px 0; } #favourite_popup .fav_screenshot img { width:100%; max-width:100%; } #display_actions { text-align:center; } #display_actions .fh_button { display:block; margin:4px 0; } /* -- village list page -- */ #village_list_feature { position: relative; text-align: center; background-color: #ccc; background-image: url('/images/villages/village_banner.jpg'); background-size: cover; background-position: center center; } #village_list_page { background-color:#f5f5f5; } #village_list_page .village_list_section { margin-bottom:50px; } #village_list_page h2 { font-size:1.8em; font-weight:300; color:#999; text-transform:uppercase; margin:0 0 24px 0; line-height:34px; letter-spacing:0.05em; } #village_list_page .village_list_item { display:block; padding:16px; background-color:#fff; box-shadow:2px 2px 8px rgba(0,0,0,0.1); text-decoration:none; margin-bottom:8px; } #village_list_page .village_list_item h3 { margin:0 0 4px 0; color:#1F3954; } #village_list_page .village_list_item h3 [data-status] { display:inline-block; font-size:12px; line-height:12px; padding:4px; background-color:#1F3954; color:#fff; text-transform:uppercase; vertical-align:middle; transform:translateY(-2px); } #village_list_page .village_list_item h3 [data-status='coming soon'] { background-color:#E1BB18; } #village_list_page .village_list_item h3 [data-status='new'] { background-color:#b83c3c; } #village_list_page .village_list_item p { color:#666; margin:0; } #village_list_page .village_list_item p [data-village-open] { font-weight:700; color:#287397; } #village_list_subscribe { text-align:center; } #village_list_subscribe .panel_maxwidth { max-width:512px; } #village_list_subscribe h2 { text-transform:uppercase; font-weight:500; color:#287397; margin:0; } #village_list_subscribe p { margin:0 0 16px 0; color:#666; } /* -- advantage club dashboard -- */ #dashboard { background-color:#f5f5f5; padding:24px 0; } #dashboard h2 { color:#1F3953; font-size:1.5em; margin:0 0 24px 0; } #dashboard .dashboard_main_left { margin-bottom:32px; } #dashboard .dashboard_preference_bar { background-color:#e9e9e9; padding:16px; margin-bottom:32px; } #dashboard .dashboard_preference_bar .step_1, #dashboard .dashboard_preference_bar .step_2 { display:block; } #dashboard .dashboard_preference_bar .step_1.hide, #dashboard .dashboard_preference_bar .step_2.hide { display:none; } #dashboard .dashboard_preference_bar label { display:block; } #dashboard .dashboard_preference_bar .right { margin-top:8px; } #dashboard .dashboard_large_buttons { margin:0 0 32px 0; } #dashboard .dashboard_large_buttons .large_button { display:block; background-color:#fff; padding:32px; margin-bottom:8px; box-shadow:1px 1px 4px rgba(0,0,0,0.1); text-align:center; text-decoration:none; box-sizing:border-box; } #dashboard .dashboard_large_buttons .large_button:active { box-shadow:inset 2px 2px 8px rgba(0,0,0,0.25); } #dashboard .dashboard_large_buttons .large_button .image { margin:0 0 16px 0; } #dashboard .dashboard_large_buttons .large_button .image .circle { display:inline-block; width:96px; height:96px; border-radius:50%; background-color:#287397; text-align:center; line-height:96px; } #dashboard .dashboard_large_buttons .large_button .image .circle img { width:auto; height:auto; max-width:40px; max-height:40px; vertical-align:middle; transform:translateY(-5%); } #dashboard .dashboard_large_buttons .large_button h3 { margin:0 0 8px 0; text-transform:uppercase; color:#287397; color:#1F3953; font-size:20px; } #dashboard .dashboard_large_buttons .large_button p { color:#666; font-size:14px; line-height:120%; margin:0; } #dashboard .dashboard_blog { } /*#dashboard .dashboard_blog h2 { font-weight:500; color:#999; font-size:1.5em; margin:0 0 8px 0; }*/ #dashboard .dashboard_main_right { } /* -- dashboard preferences -- */ #dashboard .dashboard_preferences { padding-bottom:32px; } #dashboard .dashboard_preferences h2.intro_message { font-size:1.3em; margin:0 0 16px 0; color:#1F3953; } #dashboard .dashboard_preferences #dashboard_preference_form { margin-top:48px; } #dashboard_preference_form input[type='submit'] { position:relative; } #dashboard_preference_form input[type='submit']:disabled { opacity:0.75; } #dashboard_preference_form .field { margin-bottom:32px; } #dashboard_preference_form .checkbox_group { margin-bottom:24px; padding:24px; background-color:#eee; } #dashboard_preference_form .checkbox_group p { margin:0 0 8px 0; } /* -- system pages - logins, secure zones etc -- */ #login_error h1 { font-size:2em; color:#1F3953; } #login_error .error_message { font-size:1.2em; } #login_error .login_panel { margin-top:32px; max-width:512px; } /* -- house and land list page -- */ #houseland_content { background-color:#f5f5f5; } /* -- house and land detail page -- */ #houseland_detail { padding:32px 0; } #houseland_gmap_container { width:90%; height:90%; } #houseland_detail .package_name { background-color:#f5f5f5; margin-bottom:16px; padding:32px 16px; text-align:left; border-top:8px solid #287397; } #houseland_detail .package_name h1 { margin:0; color:#213b55; font-size:1.5em; line-height:105%; } #houseland_detail .package_name .price { margin:16px 0 16px 0; font-weight:500; font-size:20px; color:#287397; } #houseland_detail .package_name .rooms { color:#777; font-weight:600; } #houseland_detail .package_name .rooms .room { display:inline-block; margin-right:20px; } #houseland_detail .package_name .rooms .number { display:inline-block; font-size:18px; vertical-align:middle; margin-right:8px; } #houseland_detail .package_name .rooms .icon { display:inline-block; vertical-align:middle; width:auto; height:auto; max-width:20px; max-height:20px; } #houseland_detail .package_image { margin-bottom:16px; background-color:#e4e4e4; } #houseland_detail .package_image img { width:100%; height:auto; vertical-align:top; } #houseland_detail .layout_mid .panel_maxwidth { display:-ms-flexbox; display:-webkit-flex; display:flex; flex-direction:column-reverse; } #houseland_detail .layout_mid .consultant { margin-bottom:24px; font-size:18px; color:#1F3953; font-weight:700; } #houseland_detail .layout_mid .consultant a { color:#1F3953; text-decoration:none; } #houseland_detail .layout_mid .consultant .small { font-size:16px; font-weight:500; } #houseland_detail .layout_mid .buttons { margin-bottom:16px; } #houseland_detail .layout_mid .buttons .fh_button { margin-bottom:8px; } #houseland_detail .layout_mid .price { margin:32px 0 16px 0; font-weight:500; font-size:20px; color:#287397; } #houseland_detail .layout_mid .rooms { color:#777; font-weight:600; margin:0 0 16px 0; } #houseland_detail .layout_mid .rooms .room { display:inline-block; margin-right:20px; } #houseland_detail .layout_mid .rooms .number { display:inline-block; font-size:18px; vertical-align:middle; margin-right:8px; } #houseland_detail .layout_mid .rooms .icon { display:inline-block; vertical-align:middle; width:auto; height:auto; max-width:20px; max-height:20px; } #houseland_detail .layout_mid .detail_table { } #houseland_detail .layout_mid .detail_table table { width:100%; } #houseland_detail .layout_mid .detail_table td, #houseland_detail .layout_mid .detail_table th { padding:8px 0; border-bottom:1px dotted #ccc; } #houseland_detail .layout_mid .detail_table td:nth-child(2), #houseland_detail .layout_mid .detail_table th:nth-child(2) { text-align:right; padding-left:8px; text-transform:none; } #houseland_detail .layout_mid .detail_table td:nth-child(2) { font-family:roboto-mono,monospace; font-size:14px; } #houseland_detail .layout_mid .detail_table tr:last-child td { border:none; } #houseland_detail .layout_mid .detail_table th { text-align:left; padding:24px 0 8px 0; font-size:18px; font-weight:600; text-transform:uppercase; letter-spacing:0.1em; color:#213b55; } #houseland_detail .layout_mid .detail_table em.light { font-size:14px; color:#999; } #houseland_detail .layout_mid .package_floorplan { text-align:center; margin-bottom:24px; } #houseland_detail .layout_mid .package_floorplan img { width:100%; max-width:700px; } #houseland_detail .layout_mid .package_floorplan img.wide { max-width:90%; } #houseland_detail .layout_bot .panel_maxwidth { padding:32px 0; border-top:1px solid #eee; } #houseland_detail .layout_bot .land_agent_text { font-size:14px; color:#666; margin:0; } #houseland_detail .layout_bot .small_print { font-size:12px; color:#999; margin:0; } /* -- hub pages -- */ .hub_page .hub_feature { background-color:#999; color:#fff; background-size:cover; background-position:center center; padding:64px 0; } #investor_hub.hub_page .hub_feature { background-image:url('/images/investment/investor_feature_mobile.jpg'); } .hub_page .hub_feature h1 { color:#fff; line-height:100%; text-shadow:1px 1px 4px rgba(0,0,0,0.25); margin:0 0 16px 0; font-size:2.5em; } .hub_page .hub_feature p { color:#fff; font-size:18px; max-width:700px; margin:0; text-shadow:1px 1px 2px rgba(0,0,0,0.25); line-height:120%; } .hub_page .hub_items { background-color:#f5f5f5; } .hub_page .hub_item { display:block; margin-bottom:8px; text-align:center; box-sizing:border-box; text-decoration:none; padding:16px 0; } .hub_page .hub_item .image { margin:0 0 16px 0; padding:0 32px; } .hub_page .hub_item .circle { display:inline-block; width:96px; height:96px; text-align:center; line-height:96px; } .hub_page .hub_item .circle img { width:auto; height:auto; max-width:64px; max-height:64px; vertical-align:middle; transform:translateY(-5%); } .hub_page .hub_item h3 { margin:0 0 8px 0; text-transform:uppercase; color:#287397; font-size:20px; padding:0 32px; } .hub_page .hub_item p { color:#666; font-size:14px; line-height:120%; margin:0; padding:0 32px; } .hub_page .hub_content h2 { margin:0 0 32px 0; color:#213B55; line-height:110%; } .hub_page .news_list .news_item { box-shadow:none; border-bottom:1px solid #ddd; padding-bottom:16px; margin-bottom:32px; } .hub_page .hub_news { margin-bottom:32px; } .hub_page .hub_tools .hub_tools_intro { margin-bottom:24px; } .hub_page .hub_tools .hub_tools_intro h3 { color:#287397; margin:0 0 8px 0; } .hub_page .hub_tools .hub_tools_intro p { margin:0; } .hub_page .hub_tools .resource_list { margin-top:0; } .hub_page .hub_contact { background-color:#f5f5f5; } .hub_page .hub_contact .col { margin-bottom:32px; } .hub_page .hub_contact h2 { margin:0 0 8px 0; } .hub_page .hub_contact p { margin:8px 0; } .hub_page .hub_contact .col.experience h2 { color:#213B55; } .hub_page .hub_contact .col.contact h2 { color:#B83C3C; } /* -- testimonial panel -- */ #testimonial_panel { position:relative; background-color:#f5f5f5; background-image:url('/images/customers/testimonial_panel_bg_4.jpg'); background-size:cover; background-position:80% 30%; text-align:center; padding:48px 0; } #testimonial_panel .overlay { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#fff; background: linear-gradient(to right, rgba(245,245,244,1) 40%, rgba(245,245,244,0) 100%); } #testimonial_panel .panel_maxwidth { position:relative; width:80%; } #testimonial_panel .panel_maxwidth .text_box { max-width:600px; } #testimonial_panel .testimonial_text { color:#287397; color:#1F3953; font-size:1.4em; line-height:130%; font-weight:600; font-style:italic; margin-bottom:16px; } #testimonial_panel .testimonial_person { color:#666; color:#287397; font-size:1.1em; margin-bottom:24px; line-height:120%; } #testimonial_panel .testimonial_person .person_name { font-weight:700; } #testimonial_panel .testimonial_person .design a { color:#666; color:#287397; text-decoration:underline; } #testimonial_panel .testimonial_button a { display:inline-block; line-height:100%; padding:8px; border:1px solid #213B55; color:#213B55; text-decoration:none; text-transform:uppercase; font-size:0.8em; } /* -- fairmont difference -- */ #fairmont_difference .feature { background-color:#999; color:#fff; } #fairmont_difference .feature h1 { color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.1); } #fairmont_difference .icon_grid { } #fairmont_difference .icon_grid .panel_maxwidth { max-width:1280px; } #fairmont_difference .icon_grid .item { box-sizing:border-box; text-align:center; padding:24px; } #fairmont_difference .icon_grid .item:last-child { margin-bottom:0; } #fairmont_difference .icon_grid .item .icon { font-size:1.5em; margin:0 0 12px 0; height:128px; line-height:128px; } #fairmont_difference .icon_grid .item .icon img { width:100%; height:auto; max-width:128px; max-height:128px; vertical-align:middle; } /* -- advantage club header -- */ #advantage_header { position:relative; background-color:#287397; background: linear-gradient(135deg, #328fb0 0%,#287397 100%); box-shadow:2px 2px 8px rgba(0,0,0,0.1); z-index:10; } #advantage_header .advantage_header_main { } #advantage_header .advantage_header_main .logo_container { display:table; width:100%; margin:0 auto; } #advantage_header .advantage_header_main .logo_container .logo { display:table-cell; vertical-align:middle; text-align:left; padding:8px 16px 16px 5%; } #advantage_header .advantage_header_main .logo_container .logo img { vertical-align:middle; width:auto; height:40px; } #advantage_header .advantage_header_main .logo_container .nav_button { display:table-cell; vertical-align:middle; text-align:right; padding:0 5% 0 0; } #advantage_header .advantage_header_main .logo_container .nav_button img { vertical-align:middle; width:auto; height:24px; } #advantage_header .advantage_header_main .nav { display:none; border-top:1px solid #ddd; padding:16px 5%; } #advantage_header.open .advantage_header_main .nav { display:block; } #advantage_header .advantage_header_main .nav ul { margin:0; padding:0; } #advantage_header .advantage_header_main .nav ul li { list-style:none; } #advantage_header .advantage_header_main .nav ul li a { display:block; padding:4px 0; text-decoration:none; color:#fff; } #advantage_header .advantage_header_main .nav ul li a img { display:inline-block; vertical-align:middle; width:auto; height:auto; max-width:16px; max-height:12px; margin-right:4px; } #advantage_header .advantage_header_main .nav ul li a span { display:inline-block; vertical-align:middle; } /* -- news detail layout -- */ #news_detail { } #news_detail .panel_maxwidth { max-width:1024px; } #news_detail > .top { padding:48px 0 32px 0; } #news_detail h1 { margin:0; margin-bottom:24px; color:#1F3953; } #news_detail > .mid { } #news_detail > .mid .left { padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #ccc; } #news_detail .description { position:relative; } #news_detail .description.truncated:after { display:block; position:absolute; content:' '; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); top:0; right:0; bottom:0; left:0; } #news_detail p { margin:24px 0; } #news_detail p:first-child { margin-top:0; } #news_detail p img { width:auto; height:auto; max-width:100%; } #news_detail figure { margin:24px 0; } #news_detail figure img { vertical-align:top; } #news_detail figure figcaption { font-size:14px; color:#666; padding:8px 0; border-bottom:1px dotted #ddd; } #news_detail .find_out_more { background-color:#eee; padding:24px; } #news_detail .find_out_more p:first-child { margin-top:0; } #news_detail .find_out_more p:last-child { margin-bottom:0; } #news_detail .advantage_link { padding:24px; background-color:#f5f5f5; margin:32px 0 0 0; } #news_detail .advantage_link h3 { margin:0 0 16px 0; } #news_detail .advantage_link p { margin:16px 0; } #news_detail .sidebar_box { background-color:#f5f5f5; padding:24px; } #news_detail .sidebar_box :last-child { margin-bottom:0; } #news_detail .sidebar_box h3 { margin:0 0 8px 0; color:#666; font-weight:500; } #news_detail .sidebar_box ul { padding:0; margin:12px 0; } #news_detail .sidebar_box ul li { list-style:none; border-bottom:1px dotted #ddd; } #news_detail .sidebar_box ul li:last-child { border:none; } #news_detail .sidebar_box ul li a { display:block; padding:8px 0; text-decoration:none; } /* -- news page -- */ #news_page { background-color:#f5f5f5; } /* -- advantage club - locked feature -- */ #advantage_locked_feature { background-color:#f5f5f5; } #advantage_locked_feature .panel_maxwidth { max-width:600px; } #advantage_locked_feature .table_div { } #advantage_locked_feature .left { } #advantage_locked_feature .left img { width:auto; height:auto; max-width:64px; max-height:64px; } #advantage_locked_feature .right { } #advantage_locked_feature h2 { font-weight:500; color:#1F3953; margin:0 0 16px 0; } #advantage_locked_feature h2 .fav_count_inline { font-weight:700; } #advantage_locked_feature p.bigger { font-size:18px; } #advantage_locked_feature ul { padding:0 0 0 16px; } #advantage_locked_feature ul li { list-style:disc; } #advantage_locked_feature .button { margin-top:24px; } /* -- advantage club pre-footer -- */ #advantage_prefooter { background-color:#287397; background:linear-gradient(135deg, #328fb0 0%,#287397 100%); color:#fff; text-align:center; } #advantage_prefooter .panel_maxwidth { max-width:768px; } #advantage_prefooter .left { margin-bottom:24px; } #advantage_prefooter .left img { width:200px; height:auto; } #advantage_prefooter h2 { color:#fff; line-height:110%; margin:0 0 12px 0; } /* -- 50 years of Fairmont -- */ .fifty_years { } .fifty_years .fy_item { background-color:#eee; border-bottom:2px solid #fff; display:flex; flex-direction:column-reverse; } .fifty_years .fy_item:nth-child(2n){ } .fifty_years .fy_item .text { padding:32px 24px; } .fifty_years .fy_item .text h2 { font-size:1.2em; color:#1F3953; margin:0 0 8px 0; } .fifty_years .fy_item .text h2 .year { font-size:1.6em; display:block; margin-bottom:8px; font-weight:500; color:#287397; } .fifty_years .fy_item .text h2 .label { display:block; } .fifty_years .fy_item .text p { margin:0; } .fifty_years .fy_item .image { width:100%; height:192px; background-size:cover; background-position:center center; float:left; } /* -- video tours -- */ .video_tours_outer { background-color:#f5f5f5; } .video_tours_outer h2 { color:#287397; font-weight:500; } .video_tours { } .video_tours .video_item { display:block; background-color:#fff; box-shadow:2px 2px 8px rgba(0,0,0,0.1); margin-bottom:16px; text-decoration:none; text-align:center; color:#444; } .video_tours .video_item .image { position:relative; color:#fff; background-color:#ccc; } .video_tours .video_item .image img { width:100%; height:auto; vertical-align:top; } .video_tours .video_item .overlay { position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0,0,0,0.25); } .video_tours .video_item .overlay .play_text { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); vertical-align:middle; text-transform:uppercase; font-weight:700; font-size:24px; letter-spacing:0.1em; } .video_tours .video_item .overlay .play_text i { display:inline-block; vertical-align:middle; margin-right:8px; } .video_tours .video_item .text { padding:16px; } .video_tours .video_item .text h2 { font-size:20px; margin:0 0 8px 0; } .video_tours .video_item .text h2 .top { display:block; font-weight:500; color:#287397; } .video_tours .video_item .text h2 .bot { display:block; color:#1F3953; } .video_tours .video_item .text p { margin:0; color:#999; } /* -- careers -- */ .careers_intro h2, .careers_jobs h2 { font-weight:500; color:#287397; } .careers_intro { } .careers_intro p { font-size:18px; } .careers_jobs { background-color:#f5f5f5; } .job_list .job_list_item { background-color:#fff; padding:16px; box-shadow:2px 2px 8px rgba(0,0,0,0.1); max-width:768px; margin-bottom:16px; } .job_list .job_list_item h3 { margin:0 0 16px 0; color:#1F3953; } .job_list .job_list_item .description { } .job_list .job_list_item .contact { } /* -- energy efficiency -- */ .energy_efficiency .fh_feature { background-image:url('https://media.istockphoto.com/photos/couple-relaxing-on-a-couch-at-home-picture-id621586416?s=2048x2048'); background-size:cover; background-position:center center; } .energy_efficiency .six_star { background-color:#f5f5f5; background-image:url('/images/energy_efficiency/tech_bg.jpg'); background-size:cover; background-position:center center; text-align:center; } .energy_efficiency .six_star .panel_maxwidth { max-width:512px; width:80%; } .energy_efficiency .panel_graph .panel_maxwidth { max-width:600px; } .energy_efficiency .six_star h2 { font-weight:500; text-transform:uppercase; letter-spacing:0.05em; color:#4074a4; } .energy_efficiency .panel_graph h2 { text-align:center; margin:0 0 24px 0; font-weight:500; color:#1a2f44; } .energy_efficiency .energy_usage_graph { max-width:768px; } .energy_efficiency .energy_usage_graph table { width:100%; } .energy_efficiency .energy_usage_graph .graph_heading { padding:16px 0; font-weight:700; text-align:center; } .energy_efficiency .energy_usage_graph .label { width:160px; font-size:16px; font-weight:500; text-align:right; padding-right:8px; vertical-align:middle; } .energy_efficiency .energy_usage_graph .bar { vertical-align:middle; padding:2px 0; } .energy_efficiency .energy_usage_graph .bar span { display:inline-block; height:24px; background-color:#999; background-color:#287397; vertical-align:middle; } .energy_efficiency .energy_usage_graph .bar.heating span { background-color:#b83c3c; } .energy_efficiency .energy_usage_graph .small_print { font-size:14px; color:#999; padding:16px 0; text-align:center; } .energy_efficiency .rob_quote { background-color:#f5f5f5; background-color:#287397; color:#fff; text-align:center; } .energy_efficiency .rob_quote .panel_maxwidth { width:80%; } .energy_efficiency .rob_quote .image { margin-bottom:24px; } .energy_efficiency .rob_quote .image .circle { display:inline-block; width:160px; height:160px; border-radius:50%; background-color:#fff; overflow:hidden; box-shadow:2px 2px 16px rgba(0,0,0,0.15); } .energy_efficiency .rob_quote .image .circle img { width:auto; height:auto; max-width:100%; max-height:100%; vertical-align:top; } .energy_efficiency .rob_quote .text { } .energy_efficiency .rob_quote .quote_text { font-size:18px; font-style:italic; } .energy_efficiency .insulation { background-color:#f5f5f5; } .energy_efficiency .small_items { text-align:center; } .energy_efficiency .small_items .panel_maxwidth { width:80%; max-width:1024px; } .energy_efficiency .small_items .small_item { padding-bottom:32px; margin-bottom:32px; border-bottom:1px solid #ddd; } .energy_efficiency .small_items .small_item:last-child { border:none; margin-bottom:0; padding-bottom:0; } .energy_efficiency .small_items .small_item .image { margin-bottom:16px; } .energy_efficiency .small_items .small_item .image .circle { display:inline-block; width:160px; height:160px; line-height:160px; text-align:center; } .energy_efficiency .small_items .small_item .image .circle img { display:inline-block; vertical-align:middle; height:128px; width:auto; } .energy_efficiency .small_items .small_item .text { } .energy_efficiency .small_items .small_item .text h2 { font-weight:500; color:#287397; } .energy_efficiency .small_items .small_item .text p { font-size:14px; } .energy_efficiency .insulation { background-image:url('/images/energy_efficiency/nature_bg.jpg'); background-size:cover; background-position:center center; color:#fff; text-shadow:1px 1px 4px rgba(0,0,0,0.25); } .energy_efficiency .insulation .panel_maxwidth { width:80%; max-width:1024px; } .energy_efficiency .insulation .top { padding:0 0 8px 0; } .energy_efficiency .insulation .big { font-size:2em; padding:12px 8px 12px 0; font-weight:700; } .energy_efficiency .insulation .med { font-size:1.2em; width:100%; font-weight:700; } .energy_efficiency .contact .panel_maxwidth { width:80%; max-width:1024px; } .energy_efficiency .contact .panel_maxwidth p { font-size:18px; color:#666; max-width:320px; line-height:130%; } /* -- current offers -- */ .current_offers_feature .panel_maxwidth { max-width:1024px; } .current_offer { border-bottom:1px solid #ddd; } .current_offer .panel_maxwidth { max-width:1024px; } .current_offer .image { margin-bottom:24px; } .current_offer .image img { width:auto; height:auto; max-width:100%; max-height:192px; vertical-align:top; } .current_offer h1 { margin:0 0 12px 0; font-size:1.7em; color:#1F3A53; } .current_offer .intro { font-size:1.1em; line-height:120%; font-weight:700; color:#287397; } .current_offer .intro p { margin:0.8em 0; } .current_offer .details { } .current_offer .details p { margin:0.6em 0; } .current_offer .details ul, .current_offer .details ol{ padding:0 0 0 16px; margin:0.6em 0; } .current_offer .details li { padding:2px 0; line-height:120%; } .current_offer .details ul li { list-style:disc; } .current_offer .small_print { font-size:0.8em; line-height:110%; color:#999; } .current_offer .small_print p { margin:0.5em 0; } .current_offer .small_print a { color:#999; text-decoration:underline; } /* ---- new contact forms 2018 -- */ .fancybox-close-small:after { content:'×'; } .popup_form { background-color:#fff; padding:24px; max-width:512px; margin:16px auto; } .popup_form .invalid:invalid { border-color:#c00; box-shadow:0 0 1px #c00; animation-name:invalidfield; animation-duration:1s; animation-iteration-count:1; } .popup_form .invalid:valid { border-color:#287397; box-shadow:0 0 1px #287397; animation-name:validfield; animation-duration:1s; animation-iteration-count:1; } .popup_form .field { margin-bottom:32px; } .popup_form .field label { color:#999; } .popup_form .field.focused label { color:#444; } .popup_form .field.checkbox_list label { position:relative; display:block; padding:4px; margin:4px 0; top:auto; left:auto; font-size:18px; } .popup_form .field.checkbox_list input { width:auto; display:inline-block; margin-right:8px; } .popup_form .select_field label { position:relative; display:block; padding:4px; margin:4px 0; top:auto; left:auto; font-size:16px; } .popup_form .step_container { display:none; } .popup_form .step_container.open { display:block; } .popup_form .form_heading { padding:0 0 12px 0; margin:0 0 24px 0; border-bottom:1px solid #ddd; } .popup_form .form_heading h2, .popup_form .form_heading .h2 { font-size:16px; font-weight:700; color:#666; margin:0; } .popup_form .form_heading p { font-size:16px; font-weight:300; color:#999; margin:0; } .popup_form .step_heading { margin:0 0 32px 0; } .popup_form .step_heading h3, .popup_form .step_heading .h3 { font-size:24px; font-weight:700; color:#174765; margin:0 0 8px 0; } .popup_form .step_heading p { margin:0; color:#666; } .popup_form .step_nav { display:flex; justify-content:space-between; margin:48px 0 0 0; } .popup_form .step_nav a, .popup_form .step_nav input[type='submit'] { } .popup_form .step_nav a.empty { background-color:#fff; color:#fff; } /* ---- finance ---- */ #finance_feature .panel_maxwidth, #finance_intro .panel_maxwidth, #finance_partners .panel_maxwidth, #finance_calculators .panel_maxwidth, #finance_contact .panel_maxwidth { max-width:1366px; } #finance_feature { background-color:#eee; background-image:url('/images/finance/finance_feature_mobile.jpg'); background-size:cover; background-position:center top; padding:48px 0; } #finance_feature .text { max-width:512px; } #finance_feature h1 { color:#1f3953; margin:0 0 16px 0; line-height:110%; font-weight:900; } #finance_intro { } #finance_intro .top { max-width:768px; margin:0 auto; margin-bottom:32px; } #finance_intro .top_text { margin:-0.75em 0; } #finance_intro .top_text p { color:#116d8e; } #finance_intro .action_items { display:flex; flex-direction:column; margin:-8px; } #finance_intro .action_items .item { margin:8px; background-color:#f5f5f5; } #finance_intro .action_items .item .image { display:block; } #finance_intro .action_items .item .image img { width:100%; height:auto; vertical-align:top; } #finance_intro .action_items .item .text { padding:16px; } #finance_intro .action_items .item h2 { margin:0 0 12px 0; font-size:1.4em; } #finance_intro .action_items .item h2 a { color:#1f3953; text-decoration:none; } #finance_intro .action_items .item p { margin:8px 0; } #finance_intro .action_items .item .button { margin:12px 0 0 0; } #finance_partners { background-color:#f5f5f5; } #finance_partners .items { display:flex; flex-direction:column; margin:-32px; } #finance_partners .item { margin:32px; } #finance_partners .item .logo { margin:0 0 16px 0; } #finance_partners .item .logo img { width:auto; height:auto; max-width:160px; max-height:96px; } #finance_partners .item .actions { margin:16px 0 0 0; } #finance_partners .item .actions a { display:block; background-color:#fff; margin:8px 0 0 0; padding:12px; color:#222; text-decoration:none; border-left:8px solid #0e6b8d; line-height:110%; } #finance_calculators { } #finance_calculators h2 { text-align:center; margin-bottom:32px; } #finance_calculators .items { display:flex; flex-direction:column; margin:-8px; } #finance_calculators .item { position:relative; height:70vw; margin:8px; background-color:#444; color:#fff; text-decoration:none; text-align:center; } #finance_calculators .item.repayment { background-color:#E68500; } #finance_calculators .item.borrow { background-color:#1F3953; } #finance_calculators .item.homestart { background-color:#2EA9BF; } #finance_calculators .item.repayment:hover { background-color:#F69D21; } #finance_calculators .item.borrow:hover { background-color:#0F6195; } #finance_calculators .item.homestart:hover { background-color:#3EB8DB; } #finance_calculators .item .icon { position:absolute; top:35%; left:50%; transform:translate(-50%,-50%); width:auto; height:auto; max-width:96px; max-height:96px; vertical-align:middle; } #finance_calculators .item h3 { position:absolute; right:24px; bottom:24px; left:24px; margin:0; } #finance_contact { background-color:#f5f5f5; } #finance_contact .panel_maxwidth { max-width:768px; } #finance_contact .intro_text { margin:0 auto; margin-bottom:24px; text-align:center; max-width:512px; } #finance_contact .form .form_row { display:flex; flex-direction:column; margin:0 -8px; } #finance_contact .form .form_field { margin:8px; } #finance_contact .form label { display:inline-block; margin:0 0 2px 0; } #finance_contact .form .req { color:#ccc; } #finance_contact .form input[type='text'], #finance_contact .form input[type='email'], #finance_contact .form input[type='tel'] { box-sizing:border-box; width:100%; padding:0 12px; height:40px; line-height:40px; border:1px solid #ccc; } #finance_contact .form input[type='text']:focus, #finance_contact .form input[type='email']:focus, #finance_contact .form input[type='tel']:focus { border-color:#444; } #finance_contact .form textarea { box-sizing:border-box; width:100%; min-height:160px; padding:12px; border:1px solid #ccc; resize:vertical; } #finance_contact .form textarea:focus { border-color:#444; } #finance_contact .form .recaptcha_wrap { display:inline-block; background-color:#fcfcfc; } #popup_map { width:90%; height:90%; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 380px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_slider .dream_big .fh_button { font-size:17px; } #home_slider .slide.dream_big { background-position: 43% center; } /* ---------------- back pages ---------------- */ } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 480px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_slider .dream_big .fh_button { font-size:20px; } /* ---------------- back pages ---------------- */ .head_office_content { } .head_office_content .people .person { padding:24px; background-color:#eee; background:linear-gradient(135deg, #f5f5f5 0%, #eee 100%); } .head_office_content .people .person .inner { padding:0; width:75%; background-color:transparent; } .head_office_content .people .person .image_box { position:absolute; top:-32px; right:0; bottom:0; } .head_office_content .people .person .image { width:128px; height:auto; max-width:100%; max-height:100%; vertical-align:bottom; margin:0; } /* -- current offers -- */ .current_offer .image img { max-height:300px; } /* -- legal stuff -- */ .legal_content { font-size:14px; } .legal_content .panel_maxwidth { max-width:768px; } .legal_content h1 { font-size:2em; } .legal_content h2 { font-size:1.6em; } .legal_content ul { padding:0 0 0 16px; } .legal_content ul li { list-style:disc; } .legal_content li { list-style:disc; margin:4px 0; } .legal_content p { margin:0.8em 0; } /* ---- finance ---- */ #finance_feature { padding:64px 0; } #finance_intro { } #finance_intro .action_items .item .text { padding:24px; } #finance_partners { } #finance_calculators { } #finance_calculators .items { flex-direction:row; flex-wrap:wrap; } #finance_calculators .item { flex:0 0 calc( 50% - 16px ); width:100%; height:40vw; } #finance_calculators .item .icon { max-width:64px; max-height:64px; } #finance_calculators .item h3 { right:16px; bottom:16px; left:16px; } #finance_contact { } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 680px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_slider .slide.dream_big { background-position: 37% center; } #home_intro .panel_maxwidth { } /* ---------------- back pages ---------------- */ /* -- general house list style -- */ .house_list .house_item { -ms-flex:1 1 49%; -webkit-flex:1 1 49%; flex:1 1 49%; max-width:49%; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 760px) { /* ---------------- overall style ---------------- */ br.tablet_break { display:inline; } .vertical_padding { padding:48px 0; } /* ---------------- header ---------------- */ #header .header_top .header_top_logo .left { padding:32px 0; } #header.compact .header_top .header_top_logo .left { padding:16px 0; } #header .header_top .header_top_logo .left a img { width:192px; } #header.compact .header_top .header_top_logo .left a img { width:160px; } #header .header_top .header_top_links a.icon img { max-width:28px; max-height:24px; } #header .header_top .header_top_links .phone_number { font-size:24px; } #nav { padding:24px 0; } /* ---------------- footer ---------------- */ #footer { } #footer .footer_bot { padding-top:32px; font-size:16px; } /* ---------------- home ---------------- */ #home_slider { height:480px; line-height:480px; } #home_slider .overlay { background: linear-gradient(to right, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 50%); } #home_slider .slide[data-text='dark'] .overlay { background: linear-gradient(to right, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 50%); } #home_slider #slider_arrow { padding:0 24px; display:inline-block; } #home_slider #slider_arrow .circle { padding:16px; } #home_slider #slider_arrow img { width:24px; height:24px; } #home_slider .slide_text { padding-right:128px; } #home_slider .slide_text h2 { font-size:48px; } #home_slider .slide_text p { font-size:20px; margin:16px 0 24px 0; } #home_slider .upgrades_2019 h2 img { max-width:384px; } #home_slider .panel_maxwidth { text-align:left; } #home_buttons { padding:48px 0; } #home_buttons .fh_button { display:inline-block; margin:8px; } #home_intro .intro_box { padding:40px 0; } #home_intro .intro_box .text { padding-top:24px; } #home_intro .intro_box .text h2 { font-size:18px; } #home_intro .intro_box .text .excerpt { font-size:16px; } #home_slider .dream_big .slide_text { max-width: 100%; width: 61%; } #home_slider .dream_big.slide { background-position: center center; } /* ---------------- back pages ---------------- */ /* -- general house list style -- */ .house_list .house_item { -ms-flex:1 1 32%; -webkit-flex:1 1 32%; flex:1 1 32%; max-width:32%; } /* -- news items -- */ .news_list .news_item { display:table; width:100%; } .news_list .news_item .left { position:relative; display:table-cell; vertical-align:top; width:192px; height:100%; background-size:cover; background-position:center center; overflow:hidden; } .news_list .news_item .left a { position:absolute; top:0; left:0; bottom:0; right:0; display:block; background-size:cover; background-position:center center; background-color:transparent; background-color:transparent !important; z-index: 10; text-decoration: none; content:""; } .news_list .news_item .right { display:table-cell; vertical-align:top; padding:24px; } /* -- house and land list -- */ .houseland_list .houseland_item { display:table; width:100%; } .houseland_list .houseland_item .left { display:table-cell; width:160px; vertical-align:top; } .houseland_list .houseland_item .right { position:relative; display:table-cell; vertical-align:middle; padding:32px; } .houseland_list .houseland_item .right .buttons { position:absolute; right:16px; bottom:16px; } .houseland_list .houseland_item .right .buttons .fh_button { margin-left:8px; } /* -- general feature panel style -- */ .fh_feature { padding:96px 0; font-size:16px; } /* -- calculators -- */ .calculator_form { padding:32px; } /* -- design list page -- */ #design_filter { padding:64px 0; } #design_list, #popular_design_list { padding:64px 0; } #design_list.display_house_list { padding:72px 0; } /* -- design detail page -- */ #design_detail .layout_top .media_links { display:block; position:absolute; right:0; bottom:0; } /* -- compare designs -- */ /* .compare_table_wrap { overflow:auto; } */ /* -- display detail -- */ #display_detail { } #display_detail .display_feature h1 { font-size:3em; margin-bottom:16px; } #display_detail .display_feature .feature_open { font-size:1.2em; } #display_contact .panel_maxwidth { display:table; } #display_contact .details_left { display:table-cell; width:50%; padding-right:64px; vertical-align:top; } #display_contact .details_left .block:last-child { margin-bottom:0; } #display_contact .details_right { display:table-cell; width:50%; vertical-align:top; } #display_contact [data-consultants='2'] .table_div .left { width:72px; } #display_contact [data-consultants='2'] .table_div .left img { max-width:60px; } #display_actions .fh_button { display:inline-block; margin:0 4px; } .head_office_content .panel_maxwidth { display:table; } .head_office_content .panel_maxwidth > .text { display:table-cell; padding-right:32px; } .head_office_content .panel_maxwidth > .people { display:table-cell; width:430px; } /* -- village list page -- */ #village_list_page .village_list_item { font-size:18px; } /* -- advantage club dashboard -- */ #dashboard { padding:32px 0; } #dashboard .dashboard_preference_bar .step_1 { display:table; width:100%; } #dashboard .dashboard_preference_bar .step_1 .left { display:table-cell; vertical-align:middle; } #dashboard .dashboard_preference_bar .step_1 .right { display:table-cell; vertical-align:middle; text-align:right; } #dashboard .dashboard_preference_bar .step_1 strong { display:inline-block; } #dashboard .dashboard_preference_bar .step_1 label { display:inline-block; margin-left:16px; } #dashboard .dashboard_large_buttons { display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; } #dashboard .dashboard_large_buttons .large_button { -webkit-flex:0 0 49.5%; -ms-flex:0 0 49.5%; flex:0 0 49.5%; } /* -- dashboard preferences -- */ #dashboard_preference_form .form_row_2col { display:table; width:100%; } #dashboard_preference_form .form_row_2col .half_col { display:table-cell; width:50%; vertical-align:top; box-sizing:border-box; } #dashboard_preference_form .form_row_2col .half_col:first-child { padding-right:4px; } #dashboard_preference_form .form_row_2col .half_col:last-child { padding-left:4px; } /* -- hub pages -- */ .hub_page .hub_feature { padding:128px 0; } .hub_page .hub_feature h1 { width:60%; font-size:2.2em; } .hub_page .hub_feature p { width:60%; font-size:1.2em; } #investor_hub.hub_page .hub_feature { background-image:url('/images/investment/investor_feature.jpg'); } .hub_page .hub_items .panel_maxwidth { display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1088px; } .hub_page .hub_item { -ms-flex:0 1 49.5%; -webkit-flex:0 1 49.5%; flex:0 1 49.5%; } /* -- testimonial panel -- */ #testimonial_panel { padding:64px 0; font-size:18px; } #testimonial_panel .panel_maxwidth { width:70%; } #testimonial_panel .overlay { } #testimonial_panel .text_box { width:65%; } /* -- fairmont difference -- */ #fairmont_difference .icon_grid .panel_maxwidth { display:-ms-flexbox; display:-webkit-flex; display:flex; flex-wrap:wrap; } #fairmont_difference .icon_grid .panel_maxwidth .item { -ms-flex:0 0 50%; -webkit-flex:0 0 50%; flex:0 0 50%; } /* -- advantage club header -- */ #advantage_header .advantage_header_main .inner { display:table; width:90%; max-width:1472px; margin:0 auto; } #advantage_header .advantage_header_main .logo_container { display:table-cell; vertical-align:middle; text-align:left; padding:12px 24px 24px 0; width:auto; } #advantage_header .advantage_header_main .logo_container .logo { display:inline-block; padding:0; } #advantage_header .advantage_header_main .logo_container .logo img { height:48px; } #advantage_header .advantage_header_main .logo_container .nav_button { display:none; } #advantage_header .advantage_header_main .nav { display:table-cell; padding:0; text-align:right; border:none; vertical-align:middle; } #advantage_header.open .advantage_header_main .nav { display:table-cell; } #advantage_header .advantage_header_main .nav ul li { display:inline-block; margin-left:16px; } #advantage_header .advantage_header_main .nav ul li a { padding:0; } /* -- advantage club - locked feature -- */ #advantage_locked_feature { } #advantage_locked_feature .table_div { display:table; } #advantage_locked_feature .left { display:table-cell; vertical-align:top; padding-right:32px; } #advantage_locked_feature .left img { max-width:96px; max-height:96px; } #advantage_locked_feature .right { display:table-cell; vertical-align:top; } /* -- advantage club pre-footer -- */ #advantage_prefooter { text-align:left; } #advantage_prefooter .panel_maxwidth { display:table; width:80%; } #advantage_prefooter .left { display:table-cell; vertical-align:middle; margin:0; text-align:right; } #advantage_prefooter .right { display:table-cell; vertical-align:middle; padding-left:32px; } #advantage_prefooter .left img { width:200px; height:auto; } #advantage_prefooter h2 { color:#fff; line-height:110%; margin:0 0 12px 0; } /* -- 50 years of Fairmont -- */ .fifty_years { } .fifty_years .fy_item { display:flex; flex-direction:row; } .fifty_years .fy_item .text { padding:64px 32px; max-width:512px; } .fifty_years .fy_item .image { height:auto; } /* -- video tours -- */ .video_tours { display:flex; flex-wrap:wrap; justify-content:left; } .video_tours .video_item { flex:0 0 49%; margin:4px 0.5%; } /* -- careers -- */ .job_list .job_list_item { padding:32px; } /* -- energy efficiency -- */ .energy_efficiency .rob_quote .panel_maxwidth { display:table; max-width:768px; } .energy_efficiency .rob_quote .panel_maxwidth .image { display:table-cell; vertical-align:middle; } .energy_efficiency .rob_quote .panel_maxwidth .text { display:table-cell; vertical-align:middle; text-align:left; padding-left:32px; } .energy_efficiency .small_items .panel_maxwidth { display:table; } .energy_efficiency .small_items .small_item { display:table-cell; padding:0; margin:0; border:none; padding:0 24px; width:33.33%; } .energy_efficiency .small_items .small_item .image .circle { width:128px; height:128px; } .energy_efficiency .small_items .small_item .image .circle img { height:96px; } .energy_efficiency .small_items .small_item h2 { font-size:1.3em; } .energy_efficiency .small_items .small_item p { } .energy_efficiency .insulation { font-size:20px; } .energy_efficiency .insulation .big { font-size:2em; padding:12px 8px 12px 0; font-weight:700; } .energy_efficiency .insulation .med { font-size:1.2em; width:100%; font-weight:700; } /* -- current offers -- */ .current_offer .panel_maxwidth { display:table; } .current_offer .image { display:table-cell; vertical-align:top; width:30%; } .current_offer .image img { width:auto; height:auto; max-width:100%; max-height:350px; vertical-align:top; } .current_offer .text { display:table-cell; vertical-align:top; padding-left:32px; } /* ---- new contact forms 2018 -- */ .popup_form { padding:48px; } /* ---- finance ---- */ #finance_feature { padding:128px 0; } #finance_feature h1 { margin-bottom:24px; font-size:2.4em; } #finance_feature p { font-size:1.2em; line-height:140%; } #finance_intro { } #finance_intro .top { text-align:center; } #finance_intro .action_items { flex-direction:row; } #finance_intro .action_items .item { flex:0 0 calc( 33.333% - 16px ); } #finance_intro .action_items .item .text { padding:16px; } #finance_partners { } #finance_partners .items { flex-direction:row; } #finance_calculators { } #finance_calculators .items { } #finance_calculators .item { flex:0 0 calc( 33.333% - 16px ); height:25vw; } #finance_contact { } #finance_contact .form .form_row { flex-direction:row; justify-content:space-between; margin:8px -8px; } #finance_contact .form .form_field { width:100%; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1024px) { /* ---------------- overall style ---------------- */ .vertical_padding { padding:64px 0; } /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_slider .slide_text h2 { font-size:64px; } #home_intro .inner { display:table; } #home_intro .intro_box { display:table-cell; width:33.333%; padding:58px 32px; border:none; border-right:1px solid #eee; } #home_intro .intro_box:last-child { border:none; } #home_intro .intro_box .text .excerpt { margin:20px 0; line-height:140%; letter-spacing:0.05em; } #home_intro .panel_maxwidth { } /* ---------------- back pages ---------------- */ /* -- general style photo gallery -- */ .photo_gallery .gallery_headline { margin-bottom:32px; } /* -- resource list -- */ .resource_list { margin-top:32px; } /* -- design detail page -- */ #design_detail { padding:64px 0; } #design_detail .layout_top { margin-bottom:16px; } #design_detail .layout_top .panel_maxwidth { display:table; } #design_detail .layout_top .design_name { display:table-cell; margin:0; padding:32px; text-align:center; vertical-align:middle; width:30%; max-width:300px; } #design_detail .layout_top .design_name h1 { margin:0 0 12px 0; } #design_detail .layout_top .design_images { display:table-cell; margin:0; border-left:16px solid #fff; vertical-align:top; } #design_detail .layout_bot .panel_maxwidth { display:table; } #design_detail .layout_bot .left_panel { display:table-cell; margin:0; width:30%; max-width:300px; vertical-align:top; } #design_detail .layout_bot .design_specs { padding:24px; } #design_detail .layout_bot .right_panel { display:table-cell; margin:0; border-left:16px solid #fff; vertical-align:top; } #design_detail .layout_bot .design_floorplan { padding:32px; } #design_detail .design_floorplan .floorplan_buttons { top:32px; } #design_detail .design_floorplan .floorplan_buttons a { width:40px; height:40px; line-height:40px; } #design_detail .design_gallery .line { margin-bottom:32px; } #design_detail .design_gallery .line2 { display:none; } /* -- village list page -- */ #village_list_page .panel_maxwidth { display:table; } #village_list_page .column { display:table-cell; vertical-align:top; width:50%; } #village_list_page .column:first-child { padding-right:16px; } #village_list_page .column:last-child { padding-left:16px; } /* -- display village detail -- */ .head_office_content .panel_maxwidth > .text { padding-right:64px; } .head_office_content .panel_maxwidth > .people { width:512px; } /* -- advantage club dashboard -- */ #dashboard .dashboard_large_buttons { flex-wrap:nowrap; } #dashboard .dashboard_large_buttons .large_button { -ms-flex:0 0 24.5%; -webkit-flex:0 0 24.5%; flex:0 0 24.5%; } /* -- house and land detail page -- */ #houseland_detail { padding:64px 0; } #houseland_detail .layout_top { margin-bottom:16px; } #houseland_detail .layout_top .panel_maxwidth { display:table; } #houseland_detail .layout_top .package_name { display:table-cell; vertical-align:middle; margin:0; width:30%; max-width:300px; padding:32px; } #houseland_detail .layout_top .package_image { display:table-cell; vertical-align:top; border-left:16px solid #fff; } #houseland_detail .layout_mid .panel_maxwidth { display:table; } #houseland_detail .layout_mid .package_details { display:table-cell; vertical-align:top; width:30%; max-width:300px; padding:24px; } #houseland_detail .layout_mid .package_floorplan { display:table-cell; vertical-align:top; border-left:16px solid #fff; text-align:center; padding:32px; } #houseland_detail .layout_mid .package_floorplan img { } /* -- hub pages -- */ .hub_page .hub_feature { background-color:#999; color:#fff; background-size:cover; background-position:center center; padding:160px 0; } .hub_page .hub_feature h1 { font-size:2.4em; } .hub_page .hub_feature p { font-size:1.2em; } .hub_page .hub_items .panel_maxwidth { flex-wrap:nowrap; } .hub_page .hub_item { -webkit-flex:0 1 24.5%; -ms-flex:0 1 24.5%; flex:0 1 24.5%; } .hub_page .news_list .news_item { padding-bottom:32px; } .hub_page .hub_contact .panel_maxwidth { display:table; } .hub_page .hub_contact { padding:0; } .hub_page .hub_contact .col { display:table-cell; position:relative; margin:0; vertical-align:top; } .hub_page .hub_contact .col.experience, .hub_page .hub_contact .col.contact { width:33.333%; padding:48px 40px 48px 0; } .hub_page .hub_contact .col.photo img { position:absolute; right:0; bottom:0; width:auto; height:110%; } .hub_page .hub_contact .col:last-child { padding:0; vertical-align:bottom; } /* -- testimonial panel -- */ #testimonial_panel { padding:96px 0; } /* -- fairmont difference -- */ #fairmont_difference .icon_grid .panel_maxwidth .item { -ms-flex:0 0 33.333%; -webkit-flex:0 0 33.333%; flex:0 0 33.333%; } /* -- news detail layout -- */ #news_detail > .top { padding:64px 0 32px 0; } #news_detail > .mid .table_div { display:table; } #news_detail > .mid .table_div .left { display:table-cell; padding-right:64px; vertical-align:top; } #news_detail > .mid .table_div .right { display:table-cell; width:256px; vertical-align:top; } /* -- calculators -- */ .calculator_form .table_div { display:table; width:100%; } .calculator_form .left_input { display:table-cell; vertical-align:top; width:50%; padding-right:16px; margin-bottom:0; padding-bottom:0; border:none; } .calculator_form .right_output { display:table-cell; vertical-align:top; width:50%; padding-left:16px; } /* -- advantage club pre-footer -- */ #advantage_prefooter .right { padding-left:48px; } /* -- video tours -- */ .video_tours .video_item { flex:0 0 32.333%; margin:4px 0.333%; } /* -- energy efficiency -- */ .energy_efficiency .small_items .small_item .text p { font-size:16px; } /* -- current offers -- */ .current_offer h1 { font-size:2em; } .current_offer .text { padding-left:48px; } .current_offer .intro { font-size:1.2em; } /* ---- finance ---- */ #finance_feature { background-image:url('/images/finance/finance_feature_desktop.jpg'); background-position:center center; } #finance_intro { } #finance_intro .top { margin-bottom:48px; } #finance_intro .action_items .item .text { padding:24px; } #finance_partners { } #finance_partners .item .actions a { padding:16px; } #finance_calculators { } #finance_calculators .item { flex:0 0 calc( 25% - 16px ); height:20vw; } #finance_calculators .item .icon { } #finance_calculators .item h3 { } #finance_contact { } } @media only screen and (min-width: 1150px) { /* ---------------- overall style ---------------- */ #home_slider .dream_big .slide_text { width: 58%; } /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ /* ---------------- back pages ---------------- */ } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1280px) { /* ---- new contact forms 2018 -- */ .popup_form { padding:64px; } /* ---- finance ---- */ #finance_feature { padding:192px 0; } #finance_feature h1 { font-size:2.8em; } #finance_feature p { font-size:1.4em; font-weight:300; } #finance_intro { } #finance_intro .top_text p { font-size:1.2em; font-weight:300; line-height:140%; margin-right:48px; } #finance_intro .top_logos img { max-width:192px; margin-left:48px; } #finance_intro .action_items .item .image { position:relative; } #finance_intro .action_items .item .image:after { position:absolute; display:block; content:''; top:0; right:0; bottom:0; left:0; background-color:#fff; opacity:0; mix-blend-mode:overlay; } #finance_intro .action_items .item .image:hover:after { opacity:0.1; } #finance_intro .action_items .item .text { padding:32px; } #finance_intro .action_items .item h2 { font-size:1.6em; } #finance_intro .action_items .item h2 a:hover { text-decoration:underline; } #finance_intro .action_items .item p { font-size:1.2em; font-weight:300; line-height:130%; } #finance_partners { } #finance_partners .items { margin:-48px; } #finance_partners .item { margin:48px; } #finance_partners .item .logo { margin-bottom:32px; } #finance_partners .item .logo img { max-width:192px; } #finance_partners .item .text { font-size:1.1em; line-height:130%; font-weight:300; } #finance_partners .item .actions { margin-top:32px; font-size:1.1em; } #finance_partners .item .actions a:hover { border-color:#2198c3; } #finance_calculators { } #finance_calculators .items { justify-content:center; } #finance_calculators .item .icon { max-width:96px; max-height:96px; } #finance_calculators .item h3 { right:24px; bottom:24px; left:24px; font-size:1.6em; } #finance_contact { } } @media only screen and (min-width: 1366px) { /* ---------------- overall style ---------------- */ h1 { font-size:2.5em; } h2 { font-size:2em; } h3 { font-size:1.5em; } h4 { font-size:1.2em; } .fh_button { font-size:16px; } .fh_button:active { box-shadow: inset 2px 2px 8px rgba(0,0,0,0.25); } .fh_button[data-size='small'] { /*height:40px;line-height:40px;*/padding:12px 20px;font-size:14px; } .fh_button[data-size='medium'] { /*height:48px;line-height:48px;*/padding:16px 24px;font-size:16px; } .fh_button[data-size='large'] { /*height:64px;line-height:64px;*/padding:24px 32px;font-size:16px; } .fh_button[data-color='red']:hover { background-color:#ca4b4b;background: linear-gradient(135deg, #d75e5e 0%,#a62d2d 100%); } .fh_button[data-color='darkblue']:hover { background-color:#294a6a;background:linear-gradient(135deg, #335d85 0%, #1a2f44 100%); } .fh_button[data-color='medblue']:hover { background-color:#3290b1;background:linear-gradient(135deg, #3290b1 0%, #1e567d 100%); } .fh_button[data-color='grey']:hover { background-color:#bbb;background:linear-gradient(135deg, #ccc 0%, #aaa 100%); } .fh_button[data-color='white']:hover { background-color:#fff;background:linear-gradient(135deg, #fff 0%, #f5f5f5 100%); } .fh_button[data-color='red']:active { background-color:#b83c3c;background:linear-gradient(135deg, #ca4b4b 0%, #a62d2d 100%); } .fh_button[data-color='darkblue']:active { background-color:#1F3953;background:linear-gradient(135deg, #294a6a 0%, #1a2f44 100%); } .fh_button[data-color='medblue']:active { background-color:#287397;background:linear-gradient(135deg, #287397 0%, #1e567d 100%); } .fh_button[data-color='grey']:active { background-color:#aaa;background:linear-gradient(135deg, #bbb 0%, #aaa 100%); } .fh_button[data-block='true'][data-arrow='true'][data-size='small']:after { right:20px; } .fh_button[data-block='true'][data-arrow='true'][data-size='medium']:after { right:24px; } .fh_button[data-block='true'][data-arrow='true'][data-size='large']:after { right:32px; } br.desktop_break { display:inline; } .vertical_padding { padding:96px 0; } .vertical_padding.less_padding { padding:64px 0; } /* ---------------- header ---------------- */ #header .header_top > .inner { display:table; width:90%; margin:0 auto; max-width:1472px; } #header .header_top .header_top_logo { display:table-cell; vertical-align:middle; text-align:left; border:none; } #header .header_top .header_top_logo .inner { width:100%; } #header .header_top .header_top_logo .right { display:none; } #header .header_top .header_top_links { display:table-cell; vertical-align:middle; text-align:right; visibility:visible; opacity:1; padding:0; height:auto; transition:all 0s; } #header .header_top .header_top_links .inner { width:100%; } #header .header_top .header_top_logo .left { padding:48px 0 40px 0; } #header.compact .header_top .header_top_logo .left { padding:24px 0 24px 0; } #header .header_top .header_top_logo .left a img { width:220px; } #header.compact .header_top .header_top_logo .left a img { width:160px; } #header .header_bot { display:block; opacity:1; visibility:visible; height:auto; padding:0; transform:none; } #header .header_bot .inner { width:90%; margin:0 auto; max-width:1472px; text-align:right; } #header #nav { transform:none; opacity:1; visibility:visible; } #nav { padding:0; display:table; width:100%; } #nav > li { display:table-cell; font-size:18px; position:relative; text-align:center; } #nav > li > a { display:block; padding:0 16px; height:64px; line-height:64px; color:#fff; } #nav > li.menu_contact > a { background-color:#287397; background:linear-gradient(135deg, #3290b1 0%, #287397 100%); } #header.compact #nav > li.menu_contact > a { background-color:#1F3953; background:#1F3953; } #nav > li:hover > a { background-color:#1e567d; background:linear-gradient(135deg, #287397 0%, #1e567d 100%); } #nav > li.menu_contact:hover > a { background-color:#3290b1; background:linear-gradient(135deg, #3facc5 0%, #3290b1 100%); } #header.compact #nav > li.menu_contact:hover > a { background-color:#1e567d; background:linear-gradient(135deg, #287397 0%, #1e567d 100%); } #nav > li:active > a { background:#287397; } #nav > li > a > img { display:inline-block; width:auto; height:auto; max-width:10px; max-height:10px; vertical-align:middle; margin-left:4px; } #nav > li > .dropdown { display:none; position:absolute; background-color:#f5f5f5; color:#444; color:#1F3953; text-align:left; width:360px; padding:16px; margin:0; } #nav > li > .dropdown[data-columns='2'] { width:640px; columns:2; column-gap:16px; height:auto; } #nav > li.displays > .dropdown { height:440px; } #nav > li > .dropdown.right_aligned { right:0; } #nav > li:hover > .dropdown { display:block; box-shadow:2px 2px 8px rgba(0,0,0,0.2); } #nav > li > .dropdown .dropdown_section { display:inline-block; width:100%; } #nav > li > .dropdown .dropdown_subheading { font-size:16px; padding:20px 8px 12px 8px; line-height:20px; color:#B83C3C; font-weight:600; } #nav > li > .dropdown .dropdown_subheading:first-child { padding-top:20px; } #nav > li > .dropdown > ul { background-color:transparent; } #nav > li > .dropdown ul > li { color:#1F3953; font-weight:600; /*text-transform:uppercase;*/ font-size:16px; } #nav > li > .dropdown ul li a { display:block; position:relative; text-decoration:none; padding:12px; line-height:20px; background-color:#ececec; color:#1F3953; border-bottom:4px solid #f5f5f5; } #nav > li > .dropdown ul li a:hover { background-color:#1F3953; color:#fff; } #nav > li > .dropdown ul li:last-child a { border-bottom:none; } #nav > li > .dropdown ul li.no_box a { background-color:transparent; } #nav > li > .dropdown ul li.no_box a:hover { background-color:transparent; color:#b83c3c; } /* #nav > li > .dropdown ul li a:after { display:inline-block; position:absolute; content:''; width:20px; height:20px; top:12px; right:12px; bottom:12px; background-image:url('/images/icons/arrow_darkblue.svg'); background-size:16px; background-position:center center; background-repeat:no-repeat; } #nav > li > .dropdown ul li a:hover:after { background-image:url('/images/icons/arrow_white.svg'); } #nav > li > .dropdown ul li.no_box a:hover:after { background-image:url('/images/icons/arrow_red.svg'); } */ #nav > li > .dropdown ul li[data-collection] a { padding:8px 16px 8px 20px; } #nav > li > .dropdown ul li[data-collection] a:before { display:block; position:absolute; content:' '; top:0; bottom:0; left:0; width:4px; background-color:#ccc; } /* #nav > li > .dropdown ul li[data-collection='new'] a:before { background-color:#ccc; } #nav > li > .dropdown ul li[data-collection='courtyard'] a:before { background-color:#F57C13; } #nav > li > .dropdown ul li[data-collection='conventional'] a:before { background-color:#ACC600; } #nav > li > .dropdown ul li[data-collection='affordable'] a:before { background-color:#FF0000; } #nav > li > .dropdown ul li[data-collection='twostorey'] a:before { background-color:#EC33A4; } #nav > li > .dropdown ul li[data-collection='splitlevel'] a:before { background-color:#0E93D8; } #nav > li > .dropdown ul li[data-collection='rearaccess'] a:before { background-color:#2259AB; } #nav > li > .dropdown ul li[data-collection='new'] a:hover { background-color:#ccc;color:#444; } #nav > li > .dropdown ul li[data-collection='courtyard'] a:hover { background-color:#F57C13; } #nav > li > .dropdown ul li[data-collection='conventional'] a:hover { background-color:#ACC600; } #nav > li > .dropdown ul li[data-collection='affordable'] a:hover { background-color:#FF0000; } #nav > li > .dropdown ul li[data-collection='twostorey'] a:hover { background-color:#EC33A4; } #nav > li > .dropdown ul li[data-collection='splitlevel'] a:hover { background-color:#0E93D8; } #nav > li > .dropdown ul li[data-collection='rearaccess'] a:hover { background-color:#2259AB; } */ #nav > li > .dropdown ul li[data-collection='new'] a:before { background-color:#ccc; } #nav > li > .dropdown ul li[data-collection='courtyard'] a:before { background-color:#97c2d3; } #nav > li > .dropdown ul li[data-collection='conventional'] a:before { background-color:#708370; } #nav > li > .dropdown ul li[data-collection='affordable'] a:before { background-color:#e4bbbf; } #nav > li > .dropdown ul li[data-collection='twostorey'] a:before { background-color:#e7b19a; } #nav > li > .dropdown ul li[data-collection='splitlevel'] a:before { background-color:#9e948e; } #nav > li > .dropdown ul li[data-collection='rearaccess'] a:before { background-color:#c7e3d9; } /* #nav > li > .dropdown ul li[data-collection='new'] a:hover { background-color:#ccc;color:#444; } #nav > li > .dropdown ul li[data-collection='courtyard'] a:hover { background-color:#97c2d3; } #nav > li > .dropdown ul li[data-collection='conventional'] a:hover { background-color:#708370; } #nav > li > .dropdown ul li[data-collection='affordable'] a:hover { background-color:#e4bbbf; } #nav > li > .dropdown ul li[data-collection='twostorey'] a:hover { background-color:#e7b19a; } #nav > li > .dropdown ul li[data-collection='splitlevel'] a:hover { background-color:#9e948e; } #nav > li > .dropdown ul li[data-collection='rearaccess'] a:hover { background-color:#c7e3d9; } */ /* ---------------- footer ---------------- */ #footer { } #footer a:hover { text-decoration:underline; } #footer .footer_bot { padding-top:48px; text-align:center; } #footer .footer_bot a:hover { } #footer .footer_bot .left { display:inline-block; margin-right:4px; } #footer .footer_bot .right { display:inline-block; } #footer .social_links .south_australia img { max-width:48px; max-height:40px; } /* -- chat bar -- */ #chat_bar { display:block; } #chat_bar:hover { background-color:#3290B1; transition:opacity 0s; } #chat_bar:active { transform:scale(0.98); transform-origin:50% 100%; background-color:#287397; } /* ---------------- home ---------------- */ #home_slider { height:640px; line-height:640px; } #home_slider #slider_arrow { opacity:0.5; transition:opacity 0.2s; padding:0 40px; } #home_slider #slider_arrow:hover { opacity:1; } #home_slider .slide_text h2 { font-size:72px; } #home_slider .slide_text p { font-size:24px; margin:24px 0 32px 0; } #home_slider .slide[data-text='dark'] .overlay { background: linear-gradient(to right, rgba(255,255,255,0.75) 0%, rgba(255,255,255,0) 60%); } #home_buttons { padding:64px 0; } #home_buttons .fh_button { margin:0 16px; } #home_intro .intro_box { text-align:center; padding:58px 40px; } #home_intro .intro_box .text h2 { } #home_slider .dream_big .slide_text { max-width: 738px; } /* ---------------- back pages ---------------- */ /* -- general house list style -- */ .house_list .house_item { -ms-flex:1 1 24%; -webkit-flex:1 1 24%; flex:1 1 24%; max-width:24%; } .house_list .house_item .details .name a:hover { text-decoration:underline; } .house_list .house_item:hover .fav_link { display:block; } .house_list .house_item .fav_link[data-favourite-status='none'] { display:none; background-color:#1F3953; } .house_list .house_item:hover .fav_link { display:block; } .house_list .house_item .fav_link:hover { background-color:#287397; } #design_list .design_list_heading .filtered_by, #popular_design_list .design_list_heading .filtered_by, #design_list .design_list_heading .filtered_count, #popular_design_list .design_list_heading .filtered_count { font-size:18px; } #design_list.display_house_list { padding:96px 0; } /* -- general style photo gallery -- */ .photo_gallery .gallery_images a { margin:4px; } .photo_gallery[gallery-type='small'] .gallery_images a:nth-child(4) { display:inline-block; } .photo_gallery[gallery-type='small'] .gallery_images a:nth-child(n+5) { display:none; } .photo_gallery .gallery_images a.viewmore { display:inline-block; } .photo_gallery .gallery_images a.viewmore:hover { background-color:#f5f5f5; background: linear-gradient(135deg, #f5f5f5 0%, #eee 100%); } .photo_gallery .gallery_images a.viewmore:active { background-color:#eee; background: linear-gradient(135deg, #eee 0%, #eee 100%); } .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow { right:32px; } .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle { width:48px; height:48px; line-height:48px; } .photo_gallery[data-gallery-type='slider'] .gallery_images #slider_arrow .circle img { max-width:24px; max-height:24px; line-height:24px; } /* -- news items -- */ .news_list .news_item .right { padding:32px; } .news_list .news_item p { font-size:16px; } .news_list ul.pagination li a:hover { text-decoration:underline; } /* -- resource list -- */ .resource_list { font-size:16px; } .resource_list .item:hover h3, .resource_list .item:hover h4 { text-decoration:underline; } /* -- house and land list -- */ .houseland_list .houseland_item .left { width:220px; } .houseland_list .houseland_item .right { padding:48px; } .houseland_list .houseland_item .right h1 { margin:0 0 12px 0; font-size:1.5em; } .houseland_list .houseland_item .right .rooms { font-size:1.2em; } .houseland_list .houseland_item .right .rooms .room { margin-right:16px; } .houseland_list .houseland_item .right .rooms .room img { max-width:20px; max-height:20px; } .houseland_list .houseland_item .right .price { font-size:1.2em; letter-spacing:0.05em; } .houseland_list .houseland_item .right .buttons { right:24px; bottom:24px; } /* -- general feature panel style -- */ .fh_feature { padding:160px 0; font-size:18px; } .fh_feature h1 { font-size:2.75em; } /* -- calculators -- */ .calculator_form { padding:48px; } .calculator_form .left_input { width:30%; } /* -- design list page -- */ #design_filter .filter_item .selected:hover { border-color:#999; color:#444; box-shadow:inset 0 0 4px #f5f5f5; } /* -- design detail page -- */ #design_detail .layout_top { margin-bottom:32px; } #design_detail .layout_top .panel_maxwidth { } #design_detail .layout_top .design_name { padding:48px; max-width:400px; } #design_detail .layout_top .design_name h1 { font-size:1.8em; letter-spacing:0.15em; } #design_detail .layout_top .design_name .line { margin:24px auto; } #design_detail .layout_top .design_name .rooms { font-size:20px; margin-bottom:24px; } #design_detail .layout_top .design_name .dimensions { letter-spacing:0.05em; } #design_detail .layout_top .design_name .ondisplay { letter-spacing:0.05em; } #design_detail .layout_top .design_name .rooms .room { margin-right:20px; } #design_detail .layout_top .design_name .rooms .icon { max-width:20px; max-height:20px; margin-left:12px; } #design_detail .layout_top .design_images { border-left-width:32px; } #design_detail .layout_top .media_links .media_link:hover { background-color:#287397; } #design_detail .layout_bot .panel_maxwidth { } #design_detail .layout_bot .design_specs { padding:48px; max-width:400px; } #design_detail .design_display { padding:24px; } #design_detail .layout_bot .design_floorplan { padding:48px 96px; border-left-width:32px; } #design_detail .design_floorplan .floorplan_buttons { top:48px; } /* -- compare designs -- */ #compare_container h1 { margin-bottom:32px; } /* -- display detail -- */ #display_detail { } #display_detail .display_feature h1 { font-size:3.5em; } #display_contact p { font-size:18px; } #display_contact .block { margin-bottom:32px; } #display_contact .details_left { width:40%; } #display_contact .details_right { width:60%; } #display_contact .details_right .block { width:55%; } #display_contact .details_right[data-consultants='2'] .block:first-child { margin-bottom:32px; } #display_contact [data-consultants='2'] .table_div { font-size:16px; } #display_contact .details_right .consultant_photo { display:block; position:absolute; height:125%; right:0; bottom:0; text-align:right; } #display_contact .details_right .consultant_photo img { vertical-align:bottom; height:100%; width:auto; max-width:none; } #display_contact .phone:hover, #display_contact .email:hover { text-decoration:underline; } #new_village_form input[type='submit']:hover { background-color:#3290b1; } .head_office_content .people .person .phone:hover, .head_office_content .people .person .email:hover { text-decoration:underline; } /* -- display village list page -- */ #village_list_page .village_list_item:hover h3 { text-decoration:underline; } #village_list_page .village_list_item:active { box-shadow:inset 2px 2px 8px rgba(0,0,0,0.2); } /* -- advantage club dashboard -- */ #dashboard { padding:64px 0; } #dashboard .dashboard_main { display:table; width:100%; } #dashboard .dashboard_main_left { display:table-cell; vertical-align:top; } #dashboard .dashboard_main_right { display:table-cell; vertical-align:top; width:320px; padding-left:64px; } #dashboard .dashboard_preference_bar { margin-bottom:48px; } #dashboard .dashboard_large_buttons .large_button:hover .image .circle { transition:transform 0.2s; } #dashboard .dashboard_large_buttons .large_button:hover .image .circle { animation-name:blip; animation-duration:0.2s; animation-iteration-count:1; } /* -- house and land detail page -- */ #houseland_detail .layout_top { margin-bottom:32px; } #houseland_detail .layout_top .package_name { padding:48px; max-width:400px; } #houseland_detail .layout_top .package_name h1 { font-size:1.8em; letter-spacing:0.05em; } #houseland_detail .package_name .price { font-size:24px; letter-spacing:0.05em; } #houseland_detail .layout_top .package_image { border-left-width:32px; } #design_detail .layout_mid { max-width:400px; } #houseland_detail .layout_mid .package_details { padding:48px; } #houseland_detail .layout_mid .consultant { line-height:130%; } #houseland_detail .layout_mid .consultant a:hover { text-decoration:underline; } #houseland_detail .layout_mid .price { font-size:24px; } #design_detail .layout_mid .package_floorplan { border-left-width:32px; } /* -- hub pages -- */ .hub_page .hub_feature { padding:192px 0; } .hub_page .hub_feature h1 { font-size:3em; max-width:700px; } .hub_page .hub_feature p { font-size:1.4em; } .hub_page .hub_content h2 { text-align:center; margin-bottom:64px; font-size:2.5em; } .hub_page .hub_content .panel_maxwidth > .table_div { display:table; width:100%; } .hub_page .hub_content .hub_news { display:table-cell; vertical-align:top; } .hub_page .hub_content .hub_news .news_item:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; } .hub_page .hub_content .hub_tools { display:table-cell; vertical-align:top; width:320px; padding-left:64px; } .hub_page .hub_content .hub_tools .hub_tools_intro { margin-bottom:32px; } .hub_page .hub_contact .col.experience, .hub_page .hub_contact .col.contact { width:38%; padding:64px 64px 64px 0; } .hub_page .hub_contact .col.photo img { height:120%; } /* -- testimonial panel -- */ #testimonial_panel { padding:128px 0; } #testimonial_panel .testimonial_text { font-size:1.6em; } #testimonial_panel .testimonial_person { margin-bottom:32px; } #testimonial_panel .testimonial_button a { padding:16px; } #testimonial_panel .testimonial_button a:hover { color:#287397; border-color:#287397; } /* -- fairmont difference -- */ #fairmont_difference .icon_grid .panel_maxwidth .item { padding:32px; } /* -- advantage club header -- */ #advantage_header .advantage_header_main .logo_container { padding:48px 32px 64px 0; } #advantage_header .advantage_header_main .logo_container .logo img { height:64px; } #advantage_header .advantage_header_main .nav ul li { margin-left:24px; } #advantage_header .advantage_header_main .nav ul li a { font-size:18px; } #advantage_header .advantage_header_main .nav ul li a:hover { } #advantage_header .advantage_header_main .nav ul li a:hover .text { text-decoration:underline; } #advantage_header .advantage_header_main .nav ul li a img { max-width:20px; max-height:16px; margin-right:8px; } /* -- news detail layout -- */ #news_detail > .top { padding:96px 0 32px 0; } #news_detail > .mid .table_div .left { padding-right:96px; } #news_detail > .mid .table_div .right { width:384px; } #news_detail .sidebar_box ul li a:hover { text-decoration:underline; } /* -- calculators -- */ .calculator_form .table_div { } .calculator_form .left_input { padding-right:32px; } .calculator_form .right_output { padding-left:32px; } /* -- advantage club pre-footer -- */ #advantage_prefooter .left img { width:256px; } /* -- 50 years of Fairmont -- */ .fifty_years { } .fifty_years .fy_item { } .fifty_years .fy_item .text { padding:160px 64px; } .fifty_years .fy_item .image { } /* -- video tours -- */ .video_tours .video_item { flex:0 0 24%; margin:4px 0.25%; } .video_tours .video_item .image .overlay { opacity:0; } .video_tours .video_item:hover .image .overlay { opacity:1; transition:opacity 0.1s; } /* -- energy efficiency -- */ .energy_efficiency .six_star p { font-size:18px; line-height:140%; } .energy_efficiency .rob_quote .panel_maxwidth .text { padding-left:48px; } .energy_efficiency .rob_quote .panel_maxwidth .quote_text { font-size:20px; line-height:120%; } .energy_efficiency .small_items .small_item { padding:0 40px; } .energy_efficiency .small_items .small_item .image { margin-bottom:32px; } .energy_efficiency .small_items .small_item .image .circle { width:160px; height:160px; } .energy_efficiency .small_items .small_item .image .circle img { height:128px; } .energy_efficiency .small_items .small_item h2 { font-size:1.4em; } .energy_efficiency .small_items .small_item .text p { font-size:16px; } .energy_efficiency .contact .panel_maxwidth p { font-size:20px; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1380px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ #home_intro .intro_box { padding:68px 40px; } /* ---------------- back pages ---------------- */ } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1600px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ #nav > li { font-size:18px; } #nav > li > a { height:72px; line-height:72px; } /* ---------------- footer ---------------- */ #footer { } #footer .footer_bot { padding-top:64px; } /* ---------------- home ---------------- */ #home_slider { height:768px; line-height:768px; } #home_slider .slide_text h2 { font-size:90px; margin-bottom:32px; } #home_slider .slide_text p { font-size:30px; margin:32px 0 40px 0; } #home_slider #slider_arrow { padding:0 48px; } #home_slider .dream_big .buttons { padding-top: 4px; } #home_slider .dream_big .fh_button { font-size: 22px; } #home_slider .upgrades_2019 h2 img { max-width:1280px; } /* ---------------- back pages ---------------- */ /* -- house and land list -- */ .houseland_list .houseland_item .left { width:256px; } /* -- advantage club dashboard -- */ #dashboard { padding:96px 0; } #dashboard .dashboard_main_right { width:420px; } /* -- hub pages -- */ .hub_page .hub_feature h1 { font-size:4.5em; } .hub_page .hub_feature p { font-size:1.6em; } .hub_page .hub_content .table_div .hub_tools { width:420px; } .hub_page .hub_contact .col { font-size:18px; line-height:130%; } .hub_page .hub_contact .col.experience, .hub_page .hub_contact .col.contact { padding:96px 96px 96px 0; } /* -- general feature panel style -- */ .fh_feature { padding:192px 0; font-size:20px; } .fh_feature h1 { font-size:3em; } /* -- fairmont difference -- */ #fairmont_difference .icon_grid .panel_maxwidth .item { padding:48px; } /* -- 50 years of Fairmont -- */ .fifty_years { } .fifty_years .fy_item { } .fifty_years .fy_item .text { padding:192px 64px; } .fifty_years .fy_item .image { } /* ---- finance ---- */ #finance_feature { padding:192px 0; } #finance_intro { } #finance_intro .top_text p { font-size:1.3em; } #finance_partners { } #finance_partners .items { margin:-64px; } #finance_partners .item { margin:64px; } #finance_calculators { } #finance_calculators .item { flex:0 0 calc( 20% - 16px ); height:256px; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (min-width: 1900px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ /* ---------------- back pages ---------------- */ /* ---- finance ---- */ #finance_feature { padding:256px 0; } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ @media only screen and (max-width: 768px) { /* ---------------- overall style ---------------- */ /* ---------------- header ---------------- */ /* ---------------- footer ---------------- */ /* ---------------- home ---------------- */ /* ---------------- back pages ---------------- */ } .clearfix:before, .clearfix:after, .clear:before, .clear:after{ display:table; content:''; clear:both; } @keyframes blip { 0% { transform:scale(1); } 50% { transform:scale(1.1); } 100% { transform:scale(1); } } /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ================================================================================================================================ */ /* ---------------- crazy backwards style ------------------------ */ button, select, input, textarea { font-family: proxima-nova,arial,sans-serif; } button { cursor: pointer; } #modal_blanket, #nav_blanket { position: fixed; z-index: 10000; width: 100%; top: 0; left: 0; height: 100%; background-color: rgba(204, 218, 240, 0.8); background-color:rgba(63,70,77,0.9); } #nav_blanket { z-index: 999; background-color:rgba(255,255,255,0.85); } .modal_ui { position: absolute; z-index: 10001; left: 50%; margin-left: -340px; width: 680px; top: 10%; box-sizing:border-box; text-align: center; background-color: #FFF; padding: 20px 20px 40px 20px; font-size: 18px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.12); } .modal_ui .form_area { width: 400px; max-width: 100%; margin: 0 auto; padding-top: 24px; } .modal_ui h3, .modal_ui .h3 { font-size: 28px; } .modal_ui .info { padding-bottom: 10px; } .modal_ui .info p { font-size: 20px; max-width: 440px; margin: 0 auto; line-height:1.3; } .modal_ui .close { display: block; position: absolute; z-index: 10; right: 5px; top: 5px; color: #c7c7c7; border: 1px solid #eaeaea; text-decoration: none; padding: 5px; } .modal_ui .close .material-icons { display: block; } .modal_ui .button_row { padding: 20px 0 15px 0; } .modal_ui .back { font-size: 16px; } .modal_ui .step_2 .button_row { padding-top: 30px; } .modal_ui.info_modal .inner { width:524px; max-width: 100%; margin: 0 auto; padding-top: 20px; padding-bottom: 15px; } @media screen and (max-width:800px) { .modal_ui { width:90%; margin-left:0; left:5%; } } @media screen and (max-width:680px) { .modal_open .site_maxwidth { height:100vh; position:relative; } .modal_open #design_detail { display:none; } .modal_ui { position:absolute; top:0 !important; width:100%; margin-left:0; left:0; height:100%; padding:50px 9% 60px 9%; overflow:auto; } .modal_ui .close { right: 10px; top: 10px; background: transparent; color: #AAA; border-radius: 0; box-shadow: none; border: 1px solid #efefef; } .modal_ui .info { padding-bottom:20px; } .modal_ui .info p { color:#777; font-size:18px; } .modal_ui form .submit { padding-top:10px; } .modal_ui h3 { font-size: 26px; font-weight: 400; color:#000; } } button { border: 0; } .padbottom { padding-bottom: 20px; } .padtop { padding-top: 20px; } .select-ui { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; position: relative; } .select-ui a { text-decoration: none; transition: all 0.35s; } .select-ui .selected { color: #777; border-bottom: 1px solid #dadada; padding-bottom: 3px; } .select-ui .overlay { z-index: 5; position: relative; } .select-ui .overlay .inner { position: fixed; top: 0; left: 0; height: 100%; width: 100%; } .select-ui .options { display: -ms-flexbox; display: -webkit-flex; display: flex; min-width: 136px; min-height: 48px; max-height: 316px; overflow-y: auto; text-align: left; flex-wrap: wrap; transform: translate(-50%); position: absolute; left: 50%; top: 0; background-color: #FFF; border-radius: 2px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); z-index: 10; } .select-ui .options a { width: 100%; display: block; padding: 10px 12px 11px 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #444; } .select-ui .options a:hover { background-color: #f1f1f1; } .select-ui .options a.active { background-color: #f1f1f1; color: #4074a4; } .select-ui .options a.sub-item { padding-left:21px; } .select-ui .options .subhead { padding: 10px 12px 11px 12px; color: #999; text-transform: uppercase; font-size: 15px; width:100%; } .select-ui.error { border: 0; margin-bottom: 0; background-color: transparent; } .select-ui.error .selected { color: #b83c3c; border-bottom-color: #b83c3c; } .step .back { padding-top: 20px; } .step .back a { text-decoration: none; } .material-icons.inline { position: relative; top: 0.25em; } .button_row { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; } .button_row .fh_button { margin-right: 6px; margin-left: 6px; } .basic_heading { padding: 85px 0 107px 0; } .basic_heading h1 { font-size: 60px; margin: 0; } .basic_heading p { font-size: 22px; width: 620px; max-width: 100%; color: #555; background-color: rgba(255, 255, 255, 0.85); padding: 12px 20px 14px 20px; line-height: 1.35; margin: 15px 0 25px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form .field { position: relative; margin-bottom: 25px; } form .field input { font-size: 20px; line-height: 1.1; } form .field label { font-size: 20px; line-height: 1.1; position: absolute; z-index: 10; left: 12px; top: 12px; font-weight: 400; transition: all 0.35s; } form .field input, form .field textarea { padding: 9px 10px 10px 10px; width: 100%; border: 1px solid #dadada; border-radius:0; box-shadow:none; -ms-transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="text"], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } form .field input:focus, form .field textarea:focus { border-color: #999; } form .field input:focus { outline: none !important; } form .field textarea { height: 120px; line-height: 1.35; } form .field textarea:focus { outline: none !important; } form .field.focused label { font-size: 14px; top: -17px; left: 6px; } form .field.focused.file_field, form .field.file_field{ margin-top:40px; } form .field.focused.file_field label, form .field.file_field label{ font-size:18px; top:-20px; left: 6px; } form .field.error input, form .field.error textarea { border:2px solid #F0272A; color:#F0272A; } form .field.error label { color:#F0272A; } form .submit { padding-top: 4px; } form .field #cons_msg { height:200px; } form .field .g-recaptcha > div { margin:0 auto; } .field .suggestions { position:absolute; z-index: 100; left:0; top:100%; width:100%; box-sizing: border-box; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada; } .field .suggestions ul { list-style-type:none; padding:0; margin:0; } .field .suggestions li { display:block; } .field .suggestions a { display:block; padding:10px; background-color:#f5f5f5; color:#444; text-align: left; border-bottom:1px solid #FFF; text-decoration: none; } .field .suggestions a:hover { background-color:#eaeaea; color:#222; } .field .suggestions a:last-child { border-bottom:0; } @media screen and (max-width:680px) { form .field { margin-bottom: 28px; } } body h2.smart { color:#6d8611 !important; } h2.smart img { display:inline-block; width:100px; vertical-align: bottom; } .flexbox { display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-around; } .button_panel { text-align: center; } .button_panel .fh_button { margin: 0 16px; } .grey_panel { padding: 30px 0 31px 0; background-color: #ededed; } .contact_locations { padding: 0 0 0 0; } .contact_locations h2 { margin: 0 0 20px 0; color: #AF845A; font-size: 40px; } .contact_locations .location_item { width: 33.33%; } .contact_locations h4 { color: #294a6a; } #contact_banner { background: #f9f4ee url("../images/contact_bg.jpg") no-repeat center center scroll; background-size: cover; } .has_left_button_panel { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-justify-content: left; justify-content: left; } .left_button_panel { width: 280px; padding-top: 8px; margin-right: 60px; box-sizing: border-box; -webkit-flex: 0 0 280px; -ms-flex: 0 0 280px; flex: 0 0 280px; } .left_button_panel .fh_button { width: 100%; margin-bottom: 20px; box-sizing: border-box; } #contact_main { padding: 54px 0 42px 0; } .contact_locations .items { display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; } #consultants_section { background-color: #f1f1f1; text-align: center; } #consultants_section .panel_maxwidth { padding: 55px 0 40px 0; } #consultants_section h2 { text-align: center; } h2.navy, h3.navy, h4.navy { color: #1F3953; } .consultants { display:-ms-flex; display: -webkit-flex; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -ms-justify-content: left; justify-content: left; text-align: center; padding: 45px 0 0 0; } .consultants .consultant { -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; padding: 0 0 40px 0; } .consultants .consultant .img { padding:0 10px 0 10px; } .consultants .consultant a { text-decoration: none; -ms-transition: all 0.35s; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; transition: all 0.35s; } .consultants .consultant .email { padding-top: 10px; } .consultants .consultant .email .material-icons { font-size: 30px; } .consultants .consultant .email a:hover { color: #5494d0; } .consultants .consultant h4 { font-weight: 500; font-size: 24px; margin-top: 13px; } .consultants .consultant .tel a { color: #444; } #contact_consultant .img { position: relative; overflow: hidden; border-radius: 50%; height: 140px; width: 140px; margin: -90px auto 0 auto; border: 2px solid #FFF; box-shadow: 0 3px 4px rgba(0,0,0,0.15); } #contact_consultant .img img { position: absolute; left: 50%; margin-left: -90px; width: 180px; max-width: none; } #contact_consultant[data-consultant="daniel"] .img img, #contact_consultant[data-consultant="stephen"] .img img, #contact_consultant[data-consultant="shane"] .img img { margin-left: -82px; } #contact_consultant[data-consultant="paul"] .img img, #contact_consultant[data-consultant="peter"] .img img { margin-left: -97px; } #quick_contact .img { position: relative; overflow: hidden; border-radius: 50%; height: 140px; width: 140px; margin: -90px auto 0 auto; border: 2px solid #FFF; box-shadow: 0 3px 4px rgba(0,0,0,0.15); } #quick_contact .img img { position: absolute; left: 0; top:0; width: 100%; max-width: none; } @media screen and (max-width:680px) { #contact_consultant .img, #quick_contact .img { margin-top:-20px; } } ._2017_advantage #advantage_prefooter, ._advantage #advantage_prefooter, .hide_signup #advantage_prefooter { display:none; } #advantage_intro { background:#287397 url('/images/advantage/blue_background_3.jpg') no-repeat center center scroll; background-size:cover; color:#fff; height:572px; position: relative; z-index: 1; } #advantage_intro .panel_maxwidth { position: relative; } #advantage_intro .heading { width:50%; margin:0; } #advantage_intro h1 { color:#fff; font-size: 66px; line-height: 1.1; margin: 0; padding:100px 0 10px 0; } #advantage_intro h1 span { font-size: 1.11em; display:block; position: relative; top:-8px; } #advantage_intro .heading p { font-size:23px; color:#fff; width:583px; max-width:100%; margin:0; padding:6px 0 38px 0; line-height: 1.3; } #advantage_intro .heading .fh_button { font-size:20px; background-color:transparent; border:2px solid #FFF; white-space: nowrap; } #advantage_intro .heading .fh_button:hover { background-color:#FFF; color:#2a82a5; } #advantage_intro .login_panel { position: absolute; z-index: 1000; top:91px; right:4%; width:450px; box-sizing:border-box; max-width:100%; background-color:#FFF; color:#444; box-shadow:0 3px 6px rgba(0,0,0,0.1); padding:35px 35px 46px 35px; text-align: center; } #advantage_intro .login_panel h3 { margin-top:0; font-weight: 600; font-size:24px; margin-bottom:22px; } #advantage_intro .login_panel input, #advantage_intro .login_panel label { font-size: 18px; } #advantage_intro .login_panel label { top:11px; } #advantage_intro .login_panel .focused label { top:-16px; font-size:14px; } #advantage_intro .form_area { padding:10px 0 0 0; } #advantage_intro .submit button { width:100%; box-sizing:border-box; } #advantage_benefits { background-color:#f4f4f4; background-image:url('/images/advantage/advantage_club_background.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative; z-index: 2; box-shadow:0 -4px 12px rgba(0,0,0,0.1); } #advantage_benefits .panel_maxwidth { padding:80px 0 90px 0; } #advantage_benefits h2 { margin:0; padding-bottom:40px; font-size: 40px; font-weight: 400; color:#1f587f; } #advantage_benefits h2 span { display:block; font-size: 1.25em; font-weight: 700; color:#000; } #advantage_signup { text-align: center; background-color: #1e567d; background: linear-gradient(135deg, #3290b1 0%, #1e567d 100%); } #advantage_signup .panel_maxwidth { padding:50px 0 70px 0; position: relative; } #advantage_signup.signed .panel_maxwidth { padding-bottom:40px; } #advantage_signup .panel_maxwidth:before { content:""; display:block; position: absolute; left:50%; margin-left:-25px; top:-1px; z-index: 100; width: 0; height: 0; border-style: solid; border-width: 15px 25px 0 25px; border-color: #f4f4f4 transparent transparent transparent; } #advantage_signup .form_area { width:420px; margin:0 auto; max-width:100%; } #advantage_signup h2 { color:#fff; } #advantage_signup .intro { padding-bottom:30px; } #advantage_signup .intro p { color:#FFF; font-size: 18px; width:500px; max-width:100%; margin:20px auto 20px auto; } #advantage_signup form .suggestion { color:#FFF; opacity:0.5; } #advantage_signup form .field.focused label { color:#FFF; } #advantage_signup form .field input { background-color:rgba(255,255,255,0.85); border-color:#FFF; } #advantage_signup form .field input:focus { background-color:rgba(255,255,255,1); } #advantage_signup_dialogue .join p { width:480px; max-width:100%; margin: 0 auto; } #review_banner { background-image: url('/images/reviews/reviews_feature.jpg'); } #reviews .table_div { width:100%; } .stories .story { width:100%; padding-bottom:44px; max-width:840px; } .stories .story h3 { color:#2e779c; } .stories .story p { color:#777; font-size:18px; line-height: 1.35; } .stories .story .img { border-radius:50%; overflow:hidden; float:left; width:180px; margin-right:30px; margin-bottom:40px; } .stories .story:nth-child(even) .img { margin-left:30px; float:right; margin-right:0; } .stories .story .img img { border-radius:50%; display:block; } .stories .quoted { font-size: 18px; font-weight: 600; color: #333; } @media screen and (max-width:1600px) { .reviews_feature p { font-size: 1.4em; } .reviews_feature h1 { font-size:3em; } } @media screen and (max-width:1360px) { .reviews_feature p { font-size: 1.2em; } .reviews_feature h1 { font-size: 2.4em; } } body .noUi-target { background: rgba(0, 0, 0, 0.05); border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; } body .noUi-horizontal { height: 7px; } body .noUi-handle:before, body .noUi-handle:after { display:none; } body .noUi-horizontal .noUi-handle { width: 26px; height: 26px; left: -13px; top: -10px; border: 6px solid #c64948; border-radius: 20px; background: #FFF; box-shadow: none; outline:none !important; } body .noUi-connect { background:#aa3131; box-shadow:none; border-radius: none; } body .houseland_item.price_no, body .houseland_item.location_no, body .houseland_item.bed_no, body .house_item.price_no, body .house_item.bed_no, body .house_item.width_no{ display:none; } .houseland_item .deposit, .no_smart .houseland_item .low_notice { font-weight: 700; font-size: 1.2em; color: #f8540d; display:inline-block; } .no_smart .houseland_item .low_notice a { color:#f8540d; text-decoration: none; } .no_smart .houseland_item .low_notice .material-icons { position:relative; font-size: 1em; top:2px; } .no_smart .houseland_item .deposit, .houseland_item .low_notice { display:none; } p.news_bigger { font-size: 1.3em; line-height: 1.3; } blockquote { margin:0; padding:0.9em; border-left:4px solid #287397; } blockquote, blockquote p { color:#287397; } #news_detail blockquote p:last-child { margin-bottom:0; } #design_filter .slider_container { width:24.5%; float:left; padding-top: 14px; position: relative; margin-right:5%; } #price_slider_container { margin-right:4%; } #design_filter .select_filters { width:41%; float:left; text-align: left; } .filter_title { display:none; } .done_filtering { display:none; } a.filter_trigger { display:none; } .right_filter, .design_list_heading .right { float:right; text-align: right; top:-6px; position: relative; } .houseland_list_heading, .design_list_heading .left { float:left; } #design_filter #collection_filter.filter_item .selected { min-width: 126px; } #design_filter #design_bed_filter.filter_item .selected { min-width: 72px; } #design_filter #design_sort_filter.filter_item .selected { min-width: 99px; } #stop_renting { background:#f75c26 url('../images/stop_renting_bg.jpg') no-repeat center center scroll; background-size:cover; } #stop_renting .box { position: relative; padding:110px 0 100px 0; } #stop_renting .box:after { content:""; display:block; position: absolute; z-index: 100; right:-5%; bottom:-40px; width:41.3%; height:100%; background:url('../images/couple_barefoot_sitting.png') no-repeat center bottom scroll; background-size:contain; } #stop_renting .text { width:66.6%; } #stop_renting h2, #stop_renting p { color:#FFF; } #stop_renting h2 { font-size: 50px; font-weight: 800; margin-top:0; } #stop_renting p { font-size: 20px; line-height: 1.38; } #stop_renting p a { color:#ffc851; display:block; margin-top:14px; } #stop_renting p a:hover { text-decoration:none; } @media screen and (max-width:1600px) { #stop_renting h2 { font-size: 42px; } } @media screen and (max-width:1400px) { #stop_renting .box { padding:71px 0 70px 0; } } @media screen and (max-width:1280px) { #stop_renting .text { width:55.6%; } #stop_renting .box:after { bottom:-33px; right: -2%; width:43.3%; } #stop_renting h2 { font-size: 38px; line-height: 1.1; } #stop_renting h2 span { display:block; /* font-size: 1.1em; */ } #stop_renting p { font-size: 18px; } } @media screen and (max-width:1100px) { #stop_renting .text { width:50.6%; } #stop_renting .box:after { width:54.3%; } } @media screen and (max-width:980px) { #stop_renting .text { width:auto; } #stop_renting .box:after { display:none; content:""; background-image:none; } #stop_renting h2 span { display:inline-block; } } @media screen and (max-width:800px) { #stop_renting h2 span { display:block; } } @media screen and (max-width:520px) { #stop_renting h2 span { display:inline-block; } } @media screen and (max-width:460px) { #stop_renting h2 { font-size: 32px; } } .slider_container .title { position: absolute; z-index: 10; left:0; top:-16px; width:100%; text-align: center; color:#999; } .slider_container .amounts { color: #9a9a9a; padding-top: 10px; } .slider_container .amounts span { display:inline-block; } .slider_container .amounts .low { margin-right:5px; } .slider_container .amounts .high { margin-left:5px; } .star_ui { text-align:left; position:relative; margin-bottom: 20px; } .star_ui label { display:block; padding-bottom: 4px; } .star_ui .material-icons { font-size:46px; color:#ecb64b; float:left; display:block; } .star_ui.error { background-color:transparent; border:0; } .star_ui.error .material-icons { color:#C71F21; } .star_ui .stars { float:left; cursor:default; transition:all 0.35s; } .ticks > li { font-size:21px; padding-bottom:25px; line-height: 1.3; list-style-type: none; font-weight:700; position:relative; color:#1f3953; } .ticks > li:last-child { padding-bottom:0; } .ticks > li .sub { display:block; font-size:0.75em; padding-top:5px; font-weight:400; color:#000; } .ticks > li .material-icons { display: block; position: absolute; left: -40px; top: -3px; font-size: 32px; color: #49a1b7; } .pw_strength { width: 100%; height: 5px; position: relative; background-color: rgba(0,0,0,0.05); } .pw_strength span { display: block; position: absolute; width: 50%; height: 100%; top: 0; left: 0; } .pw_strength.strong span { background-color:#078231; } .pw_strength.good span { background-color:#54b151; } .pw_strength.halfway span { background-color:#D87923; } .pw_strength.weak span { background-color:#CE2427; } .package_details .consultant_phone { white-space:nowrap; } .toggle_pw { text-decoration: none; position:absolute; display: block; right:10px; top:50%; transform: translate(0, -50%); line-height: 1.1; } .toggle_pw .material_icons { display:block; } .toggle_pw .obscure { display:none; } .toggle_pw.exposed .obscure { display:block; } .toggle_pw.exposed .show { display:none; } #hl_dialogue h3 small { } #hl_package_name { display:block; } form .suggestion { font-size: 14px; color:#999; margin-top: -20px; padding-bottom: 26px; text-align: center; } .checkbox_ui { display:inline-block; text-decoration: none; line-height: 1.3; } .checkbox_ui .on { display:none; } .checkbox_ui.checked .on { display:inline-block; } .checkbox_ui.checked .off { display:none; } .checkbox_ui i { position: relative; top: 0.28em; } .checkbox.field { text-align:left; } .remember_me { text-align: left; padding-bottom: 20px; position: relative; margin-top: -15px; } .login_panel .forgot { padding-top:32px; } h2.headline { margin: 0 0 32px 0; color: #213B55; line-height: 110%; font-size: 2.5em; } .main_cell { display:table-cell; } .basic_sidebar { width:420px; display:table-cell; padding-left: 64px; } .basic_sidebar h3 { color: #287397; margin: 0 0 8px 0; font-size: 1.5em; } .star_rating .material-icons { color:#e8bb63; } .table_div { display:table; } .basic_sidebar .tell_us, .star_reviews { padding-bottom: 28px; border-bottom: 1px solid #eaeaea; margin-bottom: 23px; } .star_reviews .item { padding-bottom:10px; } .star_reviews .item p { margin-top:5px; } .basic_sidebar .tell_us p, .basic_sidebar .prompt_review p { font-size: 18px; padding-bottom:10px; } img { max-width: 100%; } button:focus, a:focus, input:focus, textarea:focus, select:focus { outline: none; } .white #header .header_top { position: relative; z-index: 50; } .white #header .header_bot { background-color:#ffffff; border-top:1px solid #eaeaea; box-shadow:0 3px 16px rgba(0,0,0,0.1); } .white #header .header_bot .inner { margin-top:-1px; } .white #nav > li > a { color:#174765; background:none; } .white #nav > li:hover > a { color:#1ba5c4; } #nav li a .darr { color:#63d1df; vertical-align:middle; font-size: 1.1em; padding-top:1px; } #nav li a .rarr { color:#b1b1b1; position:absolute; z-index: 2; right:8px; top:0; bottom:0; line-height: 100%; display:block; font-family:proxima-nova,sans-serif; } #nav li a .rarr:after { } #nav .dropdown li a:hover .rarr { color:#FFF; } .white #nav > li.menu_contact > a { color:#FFF; background-color: #287397; background: linear-gradient(135deg, #3290b1 0%, #287397 100%); } .white #nav > li.menu_contact:hover > a { background-color: #3290b1; background: linear-gradient(135deg, #3facc5 0%, #3290b1 100%); } .white ._2017_advantage #nav > li.menu_contact > a, .white ._advantage #nav > li.menu_contact > a { color:#174765; background: inherit; } .white ._2017_advantage #nav > li.menu_contact:hover > a, .white ._advantage #nav > li.menu_contact:hover > a { color:#1ba5c4; background: inherit; } #nav > li > .dropdown ul li.no_box a:hover .rarr { color:#b83c3c; } #header .header_top .header_top_logo .left a { display:block; padding-top: 4px; float:left; } #header .header_top .header_top_logo .right a { display:block; } #header i.material-icons.phone { font-size: 28px; color: #1f3a53; } #header i.material-icons.mail { font-size: 32px; color: #1f3a53; } #header i.material-icons.star { vertical-align: bottom; color:#ccc; } #header .icon.active i.material-icons.star { color:#287397; } #header i.material-icons.person { vertical-align: bottom; } #mobile_nav { position: absolute; z-index: 1000; left: 0; width: 100%; top: 100%; background-color: #FFF; padding:37px 0 20px 0; -webkit-box-sizing: border-box; box-sizing: border-box; overflow:auto; min-height:94vh; min-height:calc(100vh - 67px); } #mobile_nav .main_buttons { padding-bottom:40px; width:90%; margin:0 auto; } #mobile_nav .main_buttons .item { width:33.33%; float:left; text-align: center; } #mobile_nav .main_buttons a { width:80%; display:block; margin:0 auto; text-decoration: none; } #mobile_nav .main_buttons span { display:block; } #mobile_nav .main_buttons .icon { width:120px; height:120px; max-width:100%; margin:0 auto; background-color:#287397; color:#FFF; border-radius:50%; position:relative; } #mobile_nav .main_buttons .icon img { display: block; width: 60px; max-width:55%; margin: auto; position: relative; top: 48%; transform: translate(0,-50%); } #mobile_nav .main_buttons .label { padding-top:20px; font-size: 16px; color:#808080; } #mobile_nav .main_buttons .material-icons { font-size: 52px; position: absolute; z-index: 10; top:50%; width:100%; display:block; left:0; -webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); } #mobile_nav .contact_zone { background-color:#f1f1f1; padding:24px 0 22px 0; } #mobile_nav .contact_zone .inner { width:580px; max-width:90%; margin:0 auto; } #mobile_nav .contact_zone .phone { float:left; width:185px; } #mobile_nav .contact_zone .send_msg { float:right; width:152px; } #mobile_nav .contact_zone a { font-size: 20px; text-decoration: none; } #mobile_nav .contact_zone span, #mobile_nav .contact_zone strong { display:block; } #mobile_nav .contact_zone .phone .icon, #mobile_nav .contact_zone .send_msg .icon { display:block; float:left; } #mobile_nav .contact_zone .send_msg .icon { margin-right: 17px; border: 2px solid #1a4367; border-radius: 50%; width: 46px; height: 46px; text-align: center; box-sizing: border-box; padding-top: 4px; } #mobile_nav .contact_zone .phone .icon { padding-right:9px; } #mobile_nav .contact_zone .material-icons { color:#1a4267; } #mobile_nav .contact_zone .phone .material-icons { font-size: 48px; } #mobile_nav .contact_zone .send_msg .material-icons { font-size: 32px; } #mobile_nav .contact_zone a .text { float:left; } #mobile_nav .contact_zone .phone .text { padding-top:4px; } #mobile_nav .contact_zone .send_msg .text { font-size:16px; line-height: 1.1; padding-top:6px; } #mobile_nav .site_links, #mobile_nav .site_links ul { padding:0; margin:0; } #mobile_nav .site_links .subnav { display:none; } #mobile_nav .site_links a { display:block; width:850px; max-width:100%; margin:0 auto; text-decoration: none; background-color:#FFF; padding:20px 20px 20px 60px; line-height: 1.2; font-size:20px; text-align: left; position:relative; border-bottom: 1px solid #f1f1f1; position: relative; box-sizing:border-box; } #mobile_nav .site_links .material-icons { display:block; position:absolute; z-index: 10; left:20px; top:50%; transform:translate(0, -50%); transition: all 0.35s; font-size:28px; } #mobile_nav .site_links .open .material-icons { transform:translate(0, -50%) rotate(180deg); } #mobile_nav .site_links ul a { padding-left:90px; color:#10436f; background-color: #f9f9f9; border-bottom: 1px solid #dadada; } #mobile_nav .site_links ul .material-icons { left:53px; } #ruler { position:fixed; z-index:9999999; background-color:rgba(0,0,0,0.5); top:50%; left:0; height:1px; width:100%; } a.white_link { color:#FFF; } .login_trigger { text-transform: uppercase; margin-left:30px; padding-bottom:2px; border-bottom:2px solid #FFF; text-decoration: none; display:none; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; } .loader { background: url('../images/loader.gif') no-repeat center center scroll; height:80px; width:80px; background-size:200%; } .smart_intro { max-width: 630px; margin-top: 0px; color: #777; margin-bottom: 20px; } #construction_notice { background-color: #f24f51; color: #FFF; text-align: center; padding: 30px; box-sizing:border-box; } #design_detail .layout_top .design_images .boxed { position:relative; height:0; box-sizing:border-box; overflow:hidden; padding-bottom:60%; } #design_detail .layout_top .design_images .boxed img { display:block; position: absolute; width:100%; height:auto; max-width:none; top: 50%; left: 50%; z-index: 5; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #design_detail .layout_top .design_images .boxed img.skinny { height:100%; width:auto; } body #testimonial_panel .testimonial_text { margin-bottom: 11px; } .testimonial_avatar { width: 70px; height: 70px; margin: 0 auto; margin-bottom: 15px; } .testimonial_avatar img { display:block; border-radius:50%; } .fh_feature.slim_feature { padding:72px 0 77px 0; background:linear-gradient(130deg,#1e7598,#154e69); } .fh_feature.slim_feature h1 { font-size:2.5em; max-width:780px; margin:0; } .resource_content { padding:70px 0 100px 0; } p.bigger { font-size:1.5em; line-height: 1.3; } .resource_content .img_section { padding:10px 0 10px 0; } .resource_content .img_section figcaption { color:#777; font-style:italic; padding:10px; text-align:center; border-bottom:1px solid #dadada; border-top:1px solid #dadada; } #header .header_top .header_top_logo .right a#mobile_advantage_club { display:none; } .pin_section { } .pin_section.filtered_out { display:none !important; } .pin_section h2 { padding:30px 0 20px 0; font-weight:400; color:#888; } .pin_section .pins { } .pin_section .pins .item { float:left; width:25%; } .pin_section .pins a { display:block; position:relative; width:90%; padding-bottom:67.5%; overflow: hidden; margin:0 0 30px 0; } .pin_section .pins a img { display:block; position:absolute; z-index: 1; left:50%; top:50%; width:auto; max-width:none; height:100%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); } .pin_section .pins a img.taller { width:100%; height:auto; } #inspiration_content .panel_maxwidth { padding-top:40px; padding-bottom: 100px; position:relative; } .fh_feature.inspiration_feature { background:#f1f1f1 url('/images/inspiration_background.jpg') no-repeat center center scroll; background-size:cover; } #inspiration_content .filter_selection { position: absolute; top:88px; right:4%; } #inspiration_content .select-ui .options { left:100%; width:200px; -webkit-transform:translate(-100%, 0); -ms-transform:translate(-100%, 0); transform:translate(-100%, 0); -webkit-transition:none; -ms-transition:none; transition:none; } #inspiration_content .select-ui .selected { min-width:100px; display: inline-block; border: 1px solid #ddd; line-height: 14px; padding: 12px 27px 12px 16px; position: relative; -webkit-transition:none; -ms-transition:none; transition:none; } #inspiration_content .select-ui .selected:after { display: inline-block; content: "\25BC"; font-size: 0.6em; vertical-align: middle; margin-left: 0; color: #999; position: absolute; right: 10px; } .current_offers_list .urgency { color: #ca1342; padding-bottom: 10px; padding-top: 20px; font-size: 18px; } .current_offers_list .cta { padding-top:20px; } .countdown_timer { padding-top:5px; padding-bottom:30px; } .countdown_timer .digits span { display:block; font-size:38px; float:left; line-height:1.1; width:56px; text-align: center; font-family: roboto-mono,monospace; } .countdown_timer span.colon { width:auto; color:#999; } .countdown_timer .legend { width:296px; max-width:100%; } .countdown_timer .legend:after, .countdown_timer .digits:after { content:""; display:table; clear:both; } .countdown_timer .legend span { float:left; display:block; width:25%; text-align:center; color:#999; } @media screen and (max-width:1400px) { .pin_section .pins .item { width:33.3%; } } @media screen and (max-width:1000px) { .pin_section .pins .item { width:50%; } } @media screen and (max-width:600px) { .pin_section .pins .item, .pin_section .pins a { width:100%; } #inspiration_content .filter_selection { position: static; top: auto; right: auto; text-align: left; } #inspiration_filter.select-ui { justify-content: left; } .pin_section.first h2 { padding-top:10px; } #inspiration_content .select-ui .options { left:0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (max-width: 1370px) { .contact_locations .location_item { width: 50%; padding-bottom: 24px; } } @media screen and (max-width:1365px) { .basic_sidebar { width:320px; } #nav_button { position:relative; width:32px; height:23px; float:right; } #nav_button .bar { position: absolute; display:block; width:100%; height:5px; left:0; background-color:#999; -webkit-transition:all 0.35s; transition:all 0.35s; } #nav_button .top, #nav_button .bottom { z-index: 10; } #nav_button .top { top:0; } #nav_button .middle { z-index: 9; top:50%; margin-top:-3px; opacity:1; } #nav_button .bottom { bottom:0; } #nav_button .label { font-size:14px; position:absolute; z-index: 8; display:block; color:#BBB; right:127%; top:3px; line-height: 1.1; } .open #nav_button .top { -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); transform:rotate(45deg); top:39%; } .open #nav_button .middle { opacity:0; } .open #nav_button .bottom { -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); transform:rotate(-45deg); bottom:39%; } .open #nav_button .label { } #header .header_top .header_top_logo .left { padding:12px 0; } #header .header_top .header_top_logo .right a#mobile_advantage_club { display: block; text-decoration: none; color: #1ba5c4; float: right; margin-right: 65px; position: relative; top: -1px; } #header #mobile_advantage_club i.material-icons.star { color: #1ba5c4; } #mobile_fav_count { display: inline-block; top: -1px; position: relative; font-size: 16px; font-weight: 600; } } @media screen and (max-width: 1330px) { #advantage_intro { height:462px; } #advantage_intro .login_panel { width:350px; padding-left:30px; padding-right: 30px; right:0; top:88px; } #advantage_intro h1 { font-size: 52px; padding-top: 85px; } #advantage_intro .heading { width:600px; max-width:100%; } #advantage_intro .heading p { font-size: 19px; width:510px; } #advantage_intro .heading .fh_button { font-size: 18px; } #advantage_benefits { position:static; z-index: auto; } .ticks > li .sub { width:304px; } #advantage_benefits { background-position:74% center; background-size:140% auto; } #advantage_benefits h2 { font-size: 36px; } body #design_filter { display:none; background-color:rgba(255,255,255,0.95); width: 100%; left:0; top: 0; z-index: 1000; height: 100%; position:fixed; padding-top: 70px; } #design_filter .slider_container { width:400px; max-width:90%; margin:0 auto; float:none; } #design_filter .select_filters { width: 100%; float: none; text-align: center; padding-top: 33px; } .filter_title { display: block; padding: 20px 0 20px; font-size: 24px; color: #777; font-weight: 400; } .done_filtering { display:block; padding-top:50px; } a.filter_trigger { display:inline-block; } #design_filter #width_slider_container { margin-top:46px; } } @media screen and (max-width: 1200px) { .consultants .consultant { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; } } @media screen and (max-width: 1100px) { .contact_locations { -ms-order: 1; order: 1; } .contact_locations .location_item { width: 100%; } .contact_locations h2 { color: #000; margin-top: 0; } .left_button_panel { -ms-order: 2; order: 2; margin-right: 0; } .basic_sidebar { width:320px; } #reviews .table_div { display:block; } .main_cell, .basic_sidebar { display:block; width:100%; padding-left:0; } .basic_sidebar { padding-top:120px; } } @media screen and (max-width: 960px) { #advantage_intro { height:auto; } #advantage_intro .heading { width:320px; padding-bottom: 97px; } #advantage_intro h1 { font-size: 38px; } #advantage_intro .heading .fh_button { font-size: 16px; } #advantage_intro .login_panel { width: 280px; right: -3%; top: 15px; } #advantage_intro .login_panel h3 { font-size: 22px; } } @media screen and (max-width: 920px) { #contact_banner p { width:400px; max-width:100%; } #contact_banner { background-position:left center; } } @media screen and (max-width: 900px) { .consultants .consultant { -webkit-box-flex: 0 0 33.33%; -moz-box-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; } } @media screen and (max-width: 800px) { .stories .story h3, .stories .quoted { text-align: center; } .stories .story h3 { margin-bottom:20px; } .stories .quoted { padding-top:12px; } .stories .story .img, .stories .story:nth-child(even) .img { margin:0 auto 40px auto; float:none; } #reviews h2.headline { text-align: center; margin:20px 0 62px 0; } .stories .story { padding-bottom:94px; } #advantage_benefits { background-image:none; } #advantage_benefits .graphic { height:260px; width:100%; background: url('/images/advantage/advantage_club_background_mobile.png') no-repeat center center scroll; background-size:contain; } ol.ticks, ul.ticks { box-sizing:border-box; } #advantage_benefits .ticks { width: 340px; margin: 44px auto 20px auto; padding-left: 30px; max-width:90%; } #advantage_benefits h2 { padding-bottom: 30px; text-align: center; } .ticks > li .sub { width:auto; } } @media screen and (max-width: 767px) { #contact_banner p { width:330px; } } @media screen and (max-width: 680px) { .contact_locations { -ms-order: 2; order: 2; padding: 10px 0 0 0; width: 100%; } .contact_locations h2 { display: none; } .left_button_panel { -ms-order: 1; order: 1; } #contact_main { flex-wrap: wrap; -ms-flex-wrap: wrap; } #advantage_intro .panel_maxwidth { padding-bottom: 46px; } #advantage_intro .heading { width:100%; padding-bottom: 42px; } #advantage_intro .login_panel { position: static; top:auto; left:auto; right:auto; bottom:auto; width:100%; z-index: auto; display:none; } .login_trigger { display:inline-block; } } @media screen and (max-width: 600px) { .consultants .consultant { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media screen and (max-width: 580px) { #mobile_nav .main_buttons .icon { width:80px; height:80px; } #mobile_nav .main_buttons .material-icons { font-size: 42px; } #mobile_nav .contact_zone .inner { width:400px; } #mobile_nav .main_buttons .item:first-child a { float:left; } #mobile_nav .main_buttons .item:last-child a { float:right; } } @media screen and (max-width: 530px) { #contact_banner { background-image:url('/images/contact_bg_mobile.jpg'); background-position:70% center; } .right_filter .filter_trigger { display:block; width:100%; box-sizing:border-box; position: fixed; z-index: 999; left:0; bottom:0; text-align: center; } .right_filter .filter_trigger, .design_list_heading .filter_trigger { display:block; width:100%; box-sizing:border-box; position: fixed; z-index: 999; left:0; bottom:0; text-align: center; } #nav_button .label { display:none !important; } #header .header_top .header_top_logo .right a#mobile_advantage_club { margin-right: 29px; } } @media screen and (max-width: 500px) { #mobile_nav .main_buttons .label { width:90px; max-width:100%; margin:0 auto; padding-top: 10px; } #mobile_nav .site_links a { font-size: 17px; } #advantage_benefits h2 { font-size: 32px; } #review_banner { background-image: url('/images/reviews/reviews_feature_mobile.jpg'); } } @media screen and (max-width: 410px) { #mobile_nav .main_buttons { padding-bottom: 35px; } #mobile_nav .contact_zone .phone, #mobile_nav .contact_zone .send_msg { width:50%; } #mobile_nav .contact_zone .send_msg { padding-top: 1px; } #mobile_nav .contact_zone strong { font-size: 18px; text-align:center; } #mobile_nav .contact_zone .phone .text { padding-top: 12px; } #mobile_nav .contact_zone .phone .icon { padding-right: 3px; } #mobile_nav .contact_zone .send_msg .icon, #mobile_nav .contact_zone .phone .icon { float:none; text-align: center; margin-right:auto; margin-left:auto; } #mobile_nav .contact_zone .phone .text, #mobile_nav .contact_zone .send_msg .text { float:none; margin:0 auto; text-align: center; padding-left:0; padding-right:0; } #mobile_nav .contact_zone .send_msg .text { padding-top: 17px; font-size: 18px; line-height: 118%; } #mobile_nav .contact_zone .send_msg .text span { font-size: 86%; } } @media screen and (max-width: 400px) { .consultants .consultant { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } #home_buttons .fh_button:after { display:none; } #advantage_intro h1 { font-size: 36px; } #advantage_intro .heading p { font-size: 18px; } #advantage_benefits h2 { font-size: 29px; } } @media screen and (max-width: 340px) { #advantage_intro h1 { font-size: 33px; } } @keyframes invalidfield { 0% { box-shadow:0 0 2px #c00; } 10% { box-shadow:0 0 8px #c00; } 100% { box-shadow:0 0 2px #c00; } } @keyframes validfield { 0% { box-shadow:0 0 2px #287397; } 10% { box-shadow:0 0 4px #287397; } 100% { box-shadow:0 0 2px #287397; } } /* Browsehappy */ #browsehappy { margin: 0; background: #000; background:rgba(0,0,0,0.85); width: 100%; top:0; left:0; height: 100%; position: fixed; z-index: 9999; text-align: center; } #browsehappy .inner { padding-top: 60px; width: 720px; margin: 0 auto; } #browsehappy .innerbox { position: relative; width: 100%; background-color: #F1F1F1; padding: 40px 0 20px 0; } #browsehappy p { font-size: 18px; color: #333; padding-bottom: 20px; } #browsehappy p a.button { color: #FFF; background-color: #2962A0; font-size: 24px; font-weight: 700; display: block; line-height: 1; padding: 20px 0; width: 360px; margin: 0 auto; text-decoration: none; } #browsehappy p a.button:hover { background-color: #113D6D; text-decoration: none; } #browsehappy p a.idiot { color: #666; font-size: 14px; text-decoration: none; margin-top: 20px; display: block; } #browsehappy p a.idiot:hover { text-decoration: underline; } .idiot #browsehappy { display: none !important; visibility: hidden; }