@charset "UTF-8";body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.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:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"}.fancybox-bg,.fancybox-inner,.fancybox-outer,.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(0.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(0.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translate3d(0,0,0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:0;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide::before{content:'';display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{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>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:0 0;cursor:default;overflow:visible;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:-webkit-zoom-out;cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:-webkit-zoom-in;cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;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;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:0}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0 0;z-index:99997;background:0 0;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;background:0 0;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-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:0}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:0 0}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.1)20%,rgba(0,0,0,.2)40%,rgba(0,0,0,.6)80%,rgba(0,0,0,.8)100%);pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid rgba(255,255,255,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.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;-webkit-animation:fancybox-rotate .8s infinite linear;animation:fancybox-rotate .8s infinite linear;background:0 0;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fancybox-rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(0.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(0.5,.5,.5);transform:scale3d(0.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-360deg);-ms-transform:rotate(-360deg);transform:rotate(-360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(0.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(0.1) skew(10deg);transform:translate3d(100%,0,0) scale(0.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translate3d(0,0,0) scale(1);transform:translate3d(0,0,0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:33px;font-weight:700;text-align:center}.fancybox-share p{margin:0;padding:0;text-align:center}.fancybox-share p:first-of-type{margin-right:-10px}.fancybox-share_button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:10px 20px;border:0;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,.16);background:#fff;white-space:nowrap;font-size:16px;line-height:23px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;min-width:140px;color:#707070;transition:all .2s}.fancybox-share_button:focus,.fancybox-share_button:hover{text-decoration:none;color:#333;box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.fancybox-share_button svg{margin-right:5px;width:20px;height:20px;vertical-align:text-bottom}.fancybox-share input{box-sizing:border-box;width:100%;margin:5px 0 0;padding:10px 15px;border:1px solid #d7d7d7;border-radius:3px;background:#ebebeb;color:#5d5b5b;font-size:14px;outline:0}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.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;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(0.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media all and (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}@charset 'UTF-8';.slick-loading .slick-list{background:#fff url(./ajax-loader.gif) center center no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(./fonts/slick.eot);src:url(./fonts/slick.eot?#iefix) format('embedded-opentype'),url(./fonts/slick.woff) format('woff'),url(./fonts/slick.ttf) format('truetype'),url(./fonts/slick.svg#slick) format('svg')}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0;background:0 0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0;background:0 0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'←'}[dir=rtl] .slick-prev:before{content:'→'}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:'→'}[dir=rtl] .slick-next:before{content:'←'}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000} @charset "UTF-8"; /* * Font-faces */ .TwoColumnSection { /*.TwoColumnSection__Content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } */ } .TwoColumnSection .TwoColumnSection__Content iframe, .TwoColumnSection .TwoColumnSection__Content object, .TwoColumnSection .TwoColumnSection__Content embed { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/ width: 100%; min-height: 422px; } .column-4 a { text-decoration: none; } .column-4 a strong { font-family: 'intro_condbold'; font-size: 21px; display: block; text-decoration: none; margin-top: 45px; margin-bottom: 30px; } .column-4 a strong .text { vertical-align: middle; } .column-4 a strong:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: sub; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; } .skinny-hero .input-wrapper input[type="text"] { width: 50% !important; } .brokerBlock .button { margin-right: 10px; width: 100%; text-align: center; } .TwoColumnSection { /*.TwoColumnSection__Content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } */ } .TwoColumnSection .TwoColumnSection__Content iframe, .TwoColumnSection .TwoColumnSection__Content object, .TwoColumnSection .TwoColumnSection__Content embed { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/ width: 100%; min-height: 422px; } .column-4 a { text-decoration: none; } .column-4 a strong { font-family: 'intro_condbold'; font-size: 21px; display: block; text-decoration: none; margin-top: 45px; margin-bottom: 30px; } .column-4 a strong .text { vertical-align: middle; } .column-4 a strong:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: sub; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; } .skinny-hero .input-wrapper input[type="text"] { width: 50% !important; } .brokerBlock .button { margin-right: 10px; width: 100%; text-align: center; } .TwoColumnSection { /*.TwoColumnSection__Content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } */ } .TwoColumnSection .TwoColumnSection__Content iframe, .TwoColumnSection .TwoColumnSection__Content object, .TwoColumnSection .TwoColumnSection__Content embed { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/ width: 100%; min-height: 422px; } .column-4 a { text-decoration: none; } .column-4 a strong { font-family: 'intro_condbold'; font-size: 21px; display: block; text-decoration: none; margin-top: 45px; margin-bottom: 30px; } .column-4 a strong .text { vertical-align: middle; } .column-4 a strong:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: sub; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; } .skinny-hero .input-wrapper input[type="text"] { width: 50% !important; } .brokerBlock .button { margin-right: 10px; width: 100%; text-align: center; } .TwoColumnSection { /*.TwoColumnSection__Content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } */ } .TwoColumnSection .TwoColumnSection__Content iframe, .TwoColumnSection .TwoColumnSection__Content object, .TwoColumnSection .TwoColumnSection__Content embed { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/ width: 100%; min-height: 422px; } .column-4 a { text-decoration: none; } .column-4 a strong { font-family: 'intro_condbold'; font-size: 21px; display: block; text-decoration: none; margin-top: 45px; margin-bottom: 30px; } .column-4 a strong .text { vertical-align: middle; } .column-4 a strong:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: sub; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; } .skinny-hero .input-wrapper input[type="text"] { width: 50% !important; } .brokerBlock .button { margin-right: 10px; width: 100%; text-align: center; } @font-face { font-family: 'lf_rubrikregular'; src: url("../fonts/lfrubrik-regular-webfont.eot"); src: url("../fonts/lfrubrik-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/lfrubrik-regular-webfont.woff2") format("woff2"), url("../fonts/lfrubrik-regular-webfont.woff") format("woff"), url("../fonts/lfrubrik-regular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'intro_cond_regularregular'; src: url("../fonts/introcondregular-webfont.eot"); src: url("../fonts/introcondregular-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/introcondregular-webfont.woff2") format("woff2"), url("../fonts/introcondregular-webfont.woff") format("woff"), url("../fonts/introcondregular-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'intro_condbold'; src: url("../fonts/introcondbold-webfont.eot"); src: url("../fonts/introcondbold-webfont.eot?#iefix") format("embedded-opentype"), url("/Content/fonts/introcondbold-webfont.woff2") format("woff2"), url("../fonts/introcondbold-webfont.woff") format("woff"), url("../fonts/introcondbold-webfont.ttf") format("truetype"); font-weight: normal; font-style: normal; } /* * Responsive widths */ /* *Screen sizes */ /* * Includes */ /*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */ /** * 1. Change the default font family in all browsers (opinionated). * 2. Correct the line height in all browsers. * 3. Prevent adjustments of font size after orientation changes in * IE on Windows Phone and in iOS. */ /* Document ========================================================================== */ html { font-family: sans-serif; /* 1 */ line-height: 1.15; /* 2 */ -ms-text-size-adjust: 100%; /* 3 */ -webkit-text-size-adjust: 100%; /* 3 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /** * Add the correct display in IE 9-. */ article, aside, footer, header, nav, section { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in IE. */ figcaption, figure, main { /* 1 */ display: block; } /** * Add the correct margin in IE 8. */ figure { margin: 1em 40px; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the gray background on active links in IE 10. * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ a { background-color: transparent; /* 1 */ -webkit-text-decoration-skip: objects; /* 2 */ color: #005aa0; } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Add the correct display in IE 9-. */ audio, video { display: inline-block; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers (opinionated). * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: sans-serif; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS and Safari. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * 1. Add the correct display in IE 9-. * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. */ details, menu { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Scripting ========================================================================== */ /** * Add the correct display in IE 9-. */ canvas { display: inline-block; } /** * Add the correct display in IE. */ template { display: none; } /* Hidden ========================================================================== */ /** * Add the correct display in IE 10-. */ [hidden] { display: none; } /* Group ========================================================================== */ .group:after { content: ""; display: table; clear: both; } /* ------------------------------------------------------------- Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets List of CSS3 Sass Mixins File to be @imported and @included as you need The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER ENDING css files note: All CSS3 Properties are being supported by Safari 5 more info: http://www.findmebyip.com/litmus/#css3-properties ------------------------------------------------------------- */ /* * Page Header */ @media (min-width: 1px) and (max-width: 640px) { .page-header { background-color: white; } } .page-header.sticky { position: fixed; top: 0; width: 100%; background-color: rgba(255, 255, 255, 0.9); z-index: 18; } .page-header.fixed-header .top-list { display: none; } .page-header.fixed-header .logo { margin: 18px 6% 18px 0; } @media screen and (max-width: 1310px) and (min-width: 1200px) { .page-header.fixed-header .logo { margin: 18px 0 18px 0; } } .page-header.fixed-header .main-navigation { margin-top: 25px; } .page-header.fixed-header .utility { margin-top: 21px; } .page-header .container { max-width: 1430px; } .page-header .container.bottom { padding: 30px 0; } .page-header .logo { display: inline-block; vertical-align: top; margin: 35px 6% 29px 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; /*@include phone { background-color: yellow; } @include desktop { background-color: blue; }*/ } @media screen and (max-width: 1250px) and (min-width: 1200px) { .page-header .logo { margin: 35px 4% 29px 0; } } @media screen and (max-width: 1310px) and (min-width: 1200px) { .page-header .logo { margin: 35px 0 29px 0; } } .page-header .logo img { min-height: 45px; display: block; } @media (max-width: 1199px) { .page-header { text-align: center; } .page-header .logo { margin: 27px 0 15px 0; } } @media (min-width: 1px) and (max-width: 640px) { .page-header .logo { overflow: hidden; width: 46px; margin: 15px 0 15px 0; /*float: left;*/ } } .page-header .top-list { background: #eff4f9; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .page-header .top-list .container { padding-left: 8px; padding-right: 8px; } .page-header .top-list .top-list-navigation { float: right; } .page-header .top-list .top-list-navigation ul { margin: 0; padding: 0; } .page-header .top-list .top-list-navigation ul li { list-style: none; display: inline-block; } .page-header .top-list .top-list-navigation ul li a { text-decoration: none; color: #005aa0; padding: 7px 10px 3px 10px; display: block; border-bottom: 4px solid rgba(255, 255, 255, 0); font-family: "intro_cond_regularregular"; } .page-header .top-list .top-list-navigation ul li.selected a, .page-header .top-list .top-list-navigation ul li:hover a { border-color: white; } @media (min-width: 1px) and (max-width: 640px) { .page-header .top-list { opacity: 0; overflow: hidden; max-height: 0px; } .page-header .top-list.active { -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; max-height: initial; opacity: 1; max-height: 80px; z-index: 3001; position: relative; text-align: left; } .page-header .top-list .top-list-navigation { float: none; } .page-header .top-list .top-list-navigation ul li { margin: 4px 2px; } .page-header .top-list .top-list-navigation ul li a { font-size: 12px; padding: 5px 5px 1px 5px; background: rgba(255, 255, 255, 0.7); } .page-header .top-list .top-list-navigation ul li.selected a, .page-header .top-list .top-list-navigation ul li:hover a, .page-header .top-list .top-list-navigation ul li .active a { border-color: rgba(255, 255, 255, 0); } } .page-header .nav-toggle { /*width: 50px; height: 49px;*/ /*background: $blue;*/ display: none; padding: 20px 13px 0 0; margin: 16px 0; font-size: 14px; text-decoration: none; color: #eff4f9; line-height: 38px; position: relative; z-index: 3002; float: left; min-height: 45px; min-width: 61px; } @media (min-width: 1px) and (max-width: 640px) { .page-header .nav-toggle { min-width: 49px; float: left; margin: 16px 0; } } @media (max-width: 1199px) { .page-header .nav-toggle { display: block; } } .page-header .nav-toggle p { margin: 10px 0 0 0; } @media (min-width: 1px) and (max-width: 640px) { .page-header .nav-toggle p { display: none; } } .page-header .nav-toggle span, .page-header .nav-toggle span:before, .page-header .nav-toggle span:after { cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: #222; position: absolute; display: block; content: ''; } @media (min-width: 1px) and (max-width: 640px) { .page-header .nav-toggle span, .page-header .nav-toggle span:before, .page-header .nav-toggle span:after { width: 22px; } } .page-header .nav-toggle span:before { top: -10px; } .page-header .nav-toggle span:after { bottom: -10px; } .page-header .nav-close { display: none; } @media (max-width: 1199px) { .page-header .nav-close { position: absolute; z-index: 14; top: 0; text-align: center; z-index: 6000; display: block; right: 0; } .page-header .nav-close button { color: #eff4f9; font-size: 38px; width: 44px; height: 44px; line-height: 40px; background: #005aa0; padding: 0; cursor: pointer; font-weight: 400; border-color: transparent; box-shadow: none; -webkit-box-shadow: none; border: none; } } @media (max-width: 1199px) and (min-width: 1px) and (max-width: 640px) { .page-header .nav-close button { transition: all 0.2s; position: fixed; right: 0px; top: -40px; width: 40px; height: 40px; font-size: 34px; } } .page-header .nav-mobile-wrapper { display: inline-block; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; } @media (max-width: 1199px) { .page-header .nav-mobile-wrapper { position: absolute; z-index: 5000; top: 0; bottom: 0; width: 100%; right: 180%; } .page-header .nav-mobile-wrapper.active { right: 0; } .page-header .nav-mobile-wrapper.active .nav-close button { -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26) 2px 5px rgba(0, 0, 0, 0.4); -khtml-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26) 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26) 2px 5px rgba(0, 0, 0, 0.4); -ms-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26) 2px 5px rgba(0, 0, 0, 0.4); -o-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26) 2px 5px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26) 2px 5px rgba(0, 0, 0, 0.4); } } .page-header .main-navigation { display: inline-block; margin-top: 40px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .page-header .main-navigation ul { margin: 0; padding: 0; } .page-header .main-navigation ul li { list-style: none; float: left; z-index: 100; position: relative; } .page-header .main-navigation ul li a, .page-header .main-navigation ul li .drop-down-button { display: block; height: 40px; line-height: 40px; color: #4a4a4a; margin: 0 10px; text-decoration: none; cursor: pointer; /*border-bottom: rgba(255, 255, 255, 0.00) solid 3px;*/ font-family: "intro_condbold"; } .page-header .main-navigation ul li .drop-down-button { display: inline-block; } .page-header .main-navigation ul li .drop-down-button:after { background: url("/content/images/small-arrow-down-gray.png") bottom center no-repeat; cursor: pointer; border-radius: 1px; height: 9px; width: 15px; display: inline-block; margin-left: 13px; content: ''; } .page-header .main-navigation ul li .drop-down-button.active:after { height: 12px; } .page-header .main-navigation ul li .drop-down { /*max-height:0;*/ width: 490px; padding: 25px 70px; right: 0px; opacity: 0; position: absolute; background: rgba(255, 255, 255, 0.95); overflow: hidden; -webkit-transition: all 0.15s ease-in-out 0s; -moz-transition: all 0.15s ease-in-out 0s; -ms-transition: all 0.15s ease-in-out 0s; -o-transition: all 0.15s ease-in-out 0s; } .page-header .main-navigation ul li .drop-down .column { display: none; width: 42%; vertical-align: top; } @media (min-width: 1px) and (max-width: 640px) { .page-header .main-navigation ul li .drop-down .column { width: 100%; } } .page-header .main-navigation ul li .drop-down .column:first-child { margin-right: 16%; } .page-header .main-navigation ul li .drop-down .column h4 { margin: 0 0 10px; font-family: "intro_condbold"; } .page-header .main-navigation ul li .drop-down .column .category li { float: none; } .page-header .main-navigation ul li .drop-down .column .category li a { margin: 0 0 5px; height: auto; display: block; border-bottom: rgba(255, 255, 255, 0) solid 3px; line-height: initial; color: #222; font-family: Arial; font-weight: 100; } .page-header .main-navigation ul li .drop-down.active { max-height: initial; margin-top: 21px; opacity: 1; } .page-header .main-navigation ul li .drop-down.active .column { display: inline-block; display: block; float: left; } .page-header .main-navigation ul li.selected > a, .page-header .main-navigation ul li:hover > a { border-bottom: #005aa0 solid 3px; } @media (max-width: 1199px) { .page-header .main-navigation { background: #fff; /*margin-right: 44px;*/ margin-top: 0px; overflow: auto; -webkit-overflow-scrolling: touch; height: 100%; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.26); /*padding-bottom: 60px;*/ display: block; /*position: relative;*/ position: fixed; width: calc(100% - 44px); z-index: 7000; } .page-header .main-navigation ul li { float: none; } .page-header .main-navigation ul li a, .page-header .main-navigation ul li .drop-down-button { display: block; padding: 0 15px; position: relative; border-bottom: 1px solid #badaf3; text-decoration: none; } .page-header .main-navigation ul li .drop-down-button { padding: 0 15px 0 47px; } .page-header .main-navigation ul li.selected > a, .page-header .main-navigation ul li:hover > a { border-bottom: #badaf3 solid 1px; } .page-header .main-navigation ul li .drop-down { width: auto; padding: 0; left: 0px; margin-left: 10px; margin-right: 10px; margin-top: 0px !important; position: relative; display: block !important; } .page-header .main-navigation ul li .drop-down .column { padding: 0 15px; min-width: 100%; float: none; width: auto; border-bottom: 1px solid #badaf3; display: block !important; } } @media (max-width: 1199px) and (min-width: 1px) and (max-width: 640px) { .page-header .main-navigation ul li .drop-down .column { width: 100%; } } @media (max-width: 1199px) { .page-header .main-navigation ul li .drop-down .column h4 { height: 40px; line-height: 40px; margin: 0; padding-left: 27px; cursor: pointer; font-size: 16px; } .page-header .main-navigation ul li .drop-down .column h4:after { cursor: pointer; border-radius: 1px; height: 9px; width: 15px; display: inline-block; margin-left: 13px; font-size: 30px; content: '+'; font-weight: normal; vertical-align: top; } .page-header .main-navigation ul li .drop-down .column .category { opacity: 0; margin-left: 10px; overflow: hidden; height: 0; -webkit-transition: all 0.15s ease-in-out 0.1s; -moz-transition: all 0.15s ease-in-out 0.1s; -ms-transition: all 0.15s ease-in-out 0.1s; -o-transition: all 0.15s ease-in-out 0.1s; } .page-header .main-navigation ul li .drop-down .column .category li a { margin: 0; padding: 0; } .page-header .main-navigation ul li .drop-down .column .category.active { opacity: 1; margin-left: 0px; } .page-header .main-navigation ul li .drop-down .column.active h4:after { content: "-"; } .page-header .main-navigation ul li .drop-down .column.active .category { height: auto; opacity: 1; margin-left: 0px; } .page-header .main-navigation ul li .drop-down .column.active .category li a { margin: 7px 0 10px; } .page-header .main-navigation ul li .drop-down .column.no-children { cursor: default; } .page-header .main-navigation ul li .drop-down .column.no-children h4 { cursor: default; } .page-header .main-navigation ul li .drop-down .column.no-children h4:after { opacity: 0; } } @media (min-width: 1px) and (max-width: 640px) { .page-header .main-navigation { width: 100%; margin-top: 8px; } } .page-header .login { position: relative; margin-left: 16px; } .page-header .login:before { position: absolute; width: 13px; height: 13px; top: 11px; left: -9px; background-image: url("/Content/Images/lock.png"); background-size: 13px 13px; display: inline-block; content: ""; } @media (min-width: 1px) and (max-width: 640px) { .page-header .login:before { display: none; } } .page-header .utility { float: right; margin-top: 35px; position: relative; z-index: 10; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .page-header .utility .estate-button { padding: 11px 28px 11px 18px; border: 2px solid #005aa0; background-color: transparent; color: #005aa0; } @media (min-width: 1px) and (max-width: 640px) { .page-header .utility .estate-button { padding: 11px 0 0; /*margin-right: 10px;*/ border: none; } } @media (min-width: 1px) and (max-width: 640px) { .page-header .utility .estate-button span { display: none; } } .page-header .utility .magnifier { background: url(/Content/Images/magnifier.png) center center no-repeat; height: 23px; width: 23px; /*display: inline-block;*/ float: left; vertical-align: middle; margin-right: 12px; } .page-header .utility .login { display: inline-block; } @media (max-width: 1199px) { .page-header .utility { margin-top: 26px; } .page-header .utility .magnifier { margin-right: 10px; } .page-header .utility .login { font-size: 12px; } } @media (min-width: 1px) and (max-width: 640px) { .page-header .utility { margin-top: 16px; } } .page-header .loginHeader .searchLogin { width: 44px; height: 44px; padding: 11px; } .page-header .loginHeader .magnifier { margin: 0; float: none; display: inline-block; -webkit-transform: translate(0px, -3px); -ms-transform: translate(0px, -3px); transform: translate(0px, -3px); } .TvInterestForm { background-color: #eff4f9; } .TvInterestForm #startInterestForm { width: 100% !important; } .TvInterestForm #startInterestForm .leadform-input { width: 18%; margin-left: 1%; margin-right: 1%; background: #ffffff; color: #005aa0; } .TvInterestForm #startInterestForm .leadform-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #005aa0; opacity: 1; /* Firefox */ } .TvInterestForm #startInterestForm .leadform-input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #005aa0; } .TvInterestForm #startInterestForm .leadform-input::-ms-input-placeholder { /* Microsoft Edge */ color: #005aa0; } .TvInterestForm #startInterestForm input[type=submit] { margin-right: 40px; } .TvInterestForm #startInterestForm .checkboxContainer { float: right; } /* * Page Content */ * { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .spinner { animation-name: ThreeSixtyZRotation; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes ThreeSixtyZRotation { from { transform: rotateZ(0deg); } to { transform: rotateZ(360deg); } } #page-body-doctype-startpage .page-content { margin-top: 0; } .page-content { margin-top: 150px; } #page-body-doctype-estates-object .page-content { margin-top: 0; } #page-body-doctype-office .page-content { margin-top: 0; } .page-content { /*margin-top: 150px; @include tablet { margin-top: 136px; } @include phone { margin-top: 80px; }*/ } /*container*/ body { background: #fff; -webkit-font-smoothing: antialiased; } body .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 1200px; } @media (max-width: 1799px) { body .container { max-width: 1200px; } } @media (max-width: 1199px) { body .container { max-width: 970px; } } @media (min-width: 1px) and (max-width: 640px) { body .container { max-width: 750px; } } /*Simple grid*/ .column-2 { width: 48%; margin: 0 2% 0 0; display: inline-block; vertical-align: top; } .column-2:nth-child(n+2) { margin-right: 0; } @media (max-width: 1199px) { .column-2 h2 { font-size: 28px; line-height: 38px; } } @media (min-width: 1px) and (max-width: 640px) { .column-2 { width: 100%; margin: 10px 0; display: block; } } .column-3 { width: 32%; margin: 0 1% 10px 0; display: inline-block; vertical-align: top; } .column-3:nth-child(3n) { margin-right: 0; } @media (min-width: 1px) and (max-width: 640px) { .column-3 { width: 100%; margin: 10px 0; display: block; } } .column-4 { width: 23.6%; margin: 0 1% 0 0; display: inline-block; vertical-align: top; } .column-4:nth-child(n+4) { margin-right: 0; } @media (min-width: 1px) and (max-width: 640px) { .column-4 { width: 100%; margin: 10px 0; display: block; } } /*main content*/ .main-content { padding-bottom: 80px; } @media (min-width: 1px) and (max-width: 640px) { .main-content { padding-bottom: 40px; } } .main-content .has-sidebar { width: 60%; display: inline-block; vertical-align: top; } .main-content #sidebar { width: 37%; margin-left: 2%; display: inline-block; border: 5px solid #eff4f9; padding: 25px 30px; vertical-align: top; } .main-content #sidebar h2 { font-size: 42px; } .main-content .special-menu .children { display: inline-block; padding-right: 0.5%; } .main-content .special-menu .children a { text-decoration: none; color: #005aa0; text-align: left; } .main-content .special-menu .children .header { font-family: "intro_condbold"; font-size: 34px; padding-bottom: 30px; width: 100%; display: block; border-bottom: 20px solid; border-color: #d9d9d9; } .main-content .special-menu .children .sub-header { font-family: "intro_cond_regularregular"; font-size: 16px; float: left; margin-right: 10px; } .main-content .special-menu .children.active .header { border-color: #badaf3; } @media (max-width: 1199px) { .main-content .special-menu .children { width: initial; width: 32%; } .main-content .special-menu .children .sub-header { display: inline-block; display: none; } } @media (min-width: 1px) and (max-width: 640px) { .main-content .special-menu .arrow-right::after { display: none; } } @media (min-width: 1px) and (max-width: 640px) { .main-content .has-sidebar { width: 100%; display: block; } .main-content #sidebar { width: 100%; margin-left: 0%; display: block; } } .text-align-center { text-align: center; } .text-align-left { text-align: left; } .hidden { display: none !important; } .show { display: block !important; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } /*umbraco section*/ .umbraco-section { padding: 90px 0; } @media (min-width: 1px) and (max-width: 640px) { .umbraco-section { padding: 40px 0; } } .umbraco-section.ServicesSection { padding: 20px 0 50px; } /*Page loader*/ .no-js #loader { display: none; } .js #loader { display: block; position: absolute; left: 100px; top: 0; } .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url("/Content/Images/Preloader_2.gif") center no-repeat #fff; display: none; } /*Fade background to gray*/ .bg-fade { content: ''; width: 100%; height: 200%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); opacity: .5; z-index: 14; display: none; } .bg-fade.active { opacity: 1; display: block; } /*Breadcrumbs*/ .breadcrumbs { width: 100%; line-height: 50px; height: 50px; font-size: 16px; margin-bottom: 20px; } @media (min-width: 1px) and (max-width: 640px) { .breadcrumbs { padding-top: 10px; padding-bottom: 10px; } } .breadcrumbs ul { width: 100%; margin: 0; padding: 0; list-style: none; height: 100%; } .breadcrumbs ul li { display: inline-block; vertical-align: top; -webkit-font-smoothing: antialiased; } .breadcrumbs ul li:after { content: ''; margin: 0 5px 0 10px; color: #b1b3b6; height: 15px; width: 9px; display: inline-block; background: url(/Content/Images/gray-arrow-right-small.png) center center no-repeat; vertical-align: middle; } .breadcrumbs ul li a { text-decoration: none; color: #b1b3b6; } .breadcrumbs ul li a:hover { color: #77787b; } .breadcrumbs ul li:last-of-type a { color: #005aa0; } .breadcrumbs ul li:last-of-type:after { display: none; } @media (min-width: 1px) and (max-width: 640px) { .breadcrumbs { width: 100%; line-height: 30px; height: 100%; color: white; border-bottom: 1px solid #ddd; } .breadcrumbs a { font-size: 1.2rem; font-size: 12px; } } .news-list { list-style: none; padding: 0; margin: 0; padding-bottom: 80px; } @media (min-width: 1px) and (max-width: 640px) { .news-list { padding-bottom: 40px; } } .news-list li { padding: 40px 0; border-top: 2px solid #d9d9d9; width: 100%; overflow: hidden; position: relative; } .news-list li:first-child { border-top: 0px solid #d9d9d9; } .news-list li h2 { font-size: 38px; line-height: 42px; margin-bottom: 10px; } .news-list li h2 a { text-decoration: none; } @media (min-width: 1px) and (max-width: 640px) { .news-list li h2 { overflow: visible; margin-top: 20px; } } .news-list li .date { font-size: 16px; font-weight: bold; text-transform: capitalize; } .news-list li .newsImg { width: 31%; padding-bottom: 20%; /*height:200px;*/ float: left; margin-right: 5%; background-size: cover !important; } @media (min-width: 1px) and (max-width: 640px) { .news-list li .newsImg { width: 100%; padding-bottom: 60%; float: none; } } .news-list li .newsText { overflow: hidden; } .news-list li .newsText article { max-height: 300px; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .news-list li .newsText { overflow: visible; margin-top: 10px; } } .news-list li .newsText.active .overlay-gradient { display: none; } .news-list li .newsText.active article { max-height: 3000000px; } .news-list li p { line-height: 26px; font-size: 14px !important; margin: 0; } .news-list li .button { position: relative; z-index: 10; margin-top: 10px; } .colored-list { list-style: none; padding: 0; margin: 0; } .colored-list li { padding: 40px 0; border-top: 2px solid #d9d9d9; width: 100%; overflow: hidden; position: relative; } .colored-list li:first-child { border-top: 0px solid #d9d9d9; } .colored-list li .image { width: 31%; padding-bottom: 20%; /*height:200px;*/ float: left; margin-right: 5%; background-size: contain; background-position: center center; background-repeat: no-repeat; } @media (min-width: 1px) and (max-width: 640px) { .colored-list li .image { width: 100%; padding-bottom: 100%; float: none; } } .colored-list li .text-wrapper { overflow: hidden; } .colored-list li .text-wrapper h2 { font-size: 38px; line-height: 40px; margin-bottom: 10px; } .colored-list li .text-wrapper h2 a { text-decoration: none; } @media (min-width: 1px) and (max-width: 640px) { .colored-list li .text-wrapper h2 { overflow: visible; margin-top: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .colored-list li .text-wrapper { overflow: visible; margin-top: 10px; } } .overlay-gradient { display: none; position: absolute; bottom: 100px; width: 100%; height: 100px; background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-linear-gradient(bottom, #fff 0%, rgba(255, 255, 255, 0) 100%); display: block; } .paging-pages { text-align: center; font-size: 20px; font-family: "intro_condbold"; color: #005aa0; padding-bottom: 80px; } @media (min-width: 1px) and (max-width: 640px) { .paging-pages { padding-bottom: 40px; } } .paging-pages a { text-decoration: none; } .paging-pages .pagingNavigation { width: 36px; height: 21px; display: inline-block; } .paging-pages .pagingPrevious { background: url("/Content/Images/blue-arrow-left.png") top left no-repeat; margin-right: 10px; cursor: pointer; vertical-align: bottom; } .paging-pages .pagingNext { background: url("/Content/Images/blue-arrow-right.png") top left no-repeat; margin-left: 10px; cursor: pointer; vertical-align: bottom; } .singleNewsSection { padding: 80px 0; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .singleNewsSection { padding: 40px 0; } } .singleNewsSection h1 { font-size: 38px; margin-bottom: 40px; line-height: 45px; } .singleNewsSection p:first-child { margin-top: 0; } .singleNewsSection .button { margin-top: 20px; } .singleNewsSection .button:hover { background: #004c87; } .singleNewsSection .newsText { width: 100%; line-height: 24px; } .singleNewsSection .newsText.width-70 { width: 70%; float: left; } @media (max-width: 1199px) { .singleNewsSection .newsText.width-70 { width: 55%; } } .singleNewsSection .contactBlock { font-size: 20px; width: 25%; margin-left: 5%; display: inline-block; vertical-align: top; float: right; background: #76bbe7; padding: 30px 20px; text-align: center; } @media (max-width: 1199px) { .singleNewsSection .contactBlock { width: 40%; } } @media (min-width: 1px) and (max-width: 640px) { .singleNewsSection .contactBlock { width: 100%; } } .singleNewsSection .contactBlock .contactImg { width: 50%; padding-bottom: 50%; margin: 0 auto; border-radius: 50%; background: #005aa0; } .singleNewsSection .contactBlock h3 { font-size: 28px; margin-top: 20px; margin-bottom: 5px; font-family: Arial, "ArialMTStd", sans-serif; font-weight: 100; } .singleNewsSection .contactBlock p { font-size: 14px; line-height: initial; } .singleNewsSection .contactBlock p.title { margin-bottom: 20px; } .singleNewsSection .contactBlock p.phone { margin-bottom: 5px; } .singleNewsSection .contactBlock p.tel { margin-bottom: 20px; margin-top: 0; } .singleNewsSection .contactBlock a { font-size: 15px; width: 100%; font-weight: 600; display: block; margin-bottom: 10px; } .checkboxes { width: 100%; overflow: hidden; margin-bottom: 30px; } .checkboxes .checkboxContainer { float: left; width: auto; margin-right: 2%; margin-top: 30px; } @media (max-width: 919px) { .checkboxes .checkboxContainer { font-size: 12px; } } .checkboxes input[type="checkbox"] { display: none !important; position: absolute; left: -1000px; z-index: -100; } .checkboxes input[type="checkbox"] ~ label { width: 100%; /*margin: 0 0 20px 0;*/ vertical-align: top; display: inline-block !important; line-height: 30px; position: static !important; pointer-events: all; } .checkboxes input[type="checkbox"] ~ label:before { content: ''; width: 30px; height: 28px; background-color: white; border: 1px solid #ccc; display: block; float: left; margin: 0 5px 0 0; padding-top: 2px; } .checkboxes input[type="checkbox"]:checked ~ label:before { content: url("/Content/Images/checked.png"); background: #005aa0; text-align: center; color: white; } #object-seeker-target, #edit-object-seeker-target, #delete-object-seeker-target, .edit-object-seeker-target { background-color: #76bbe7; } #delete-object-seeker-target { padding: 40px; } #delete-object-seeker-target .delete-object-seeker-heading { color: #fff; font-size: 40px; } #delete-object-seeker-target .delete-button { display: inline-block; } #delete-object-seeker-target .delete-button-button { height: 44px; } #delete-object-seeker-target .delete-center { text-align: center; } .object-seeker-container { /*position: absolute;*/ width: 100%; /*top: 200px; left: 0; right: 0;*/ background-color: rgba(0, 0, 0, 0.4); color: white; } .object-seeker-container .object-seeker-modal { max-width: 800px; width: 100%; margin: 0 auto; background-color: #76bbe7; padding: 20px; } .object-seeker-container .object-seeker-modal .object-seeker-heading { text-align: center; color: white; } .object-seeker-container .object-seeker-modal .object-seeker-text { text-align: center; color: white; } .object-seeker-container .object-seeker-modal select { padding-left: 2%; color: #005aa0; font-family: "intro_cond_regularregular"; font-size: 15px; } .object-seeker-container .object-seeker-modal .checkboxContainer { margin-top: 7px; } .object-seeker-container .object-seeker-modal input { padding: 15px 0 0 15px; border: none; } .object-seeker-container .object-seeker-modal .tags { border: none; } .object-seeker-container .filterContainer, .object-seeker-container .infoContainer, .object-seeker-container .hiddenVardekollenContainer { width: 100%; margin-bottom: 30px; overflow: hidden; } .object-seeker-container .filterContainer select, .object-seeker-container .infoContainer select, .object-seeker-container .hiddenVardekollenContainer select { width: 47.5%; margin-right: 2%; height: 50px; margin-bottom: 20px; font-size: 15px; font-family: "intro_cond_regularregular"; } @media (min-width: 1px) and (max-width: 640px) { .object-seeker-container .filterContainer select, .object-seeker-container .infoContainer select, .object-seeker-container .hiddenVardekollenContainer select { width: 100%; } } .object-seeker-container .filterContainer .cancel-button, .object-seeker-container .infoContainer .cancel-button, .object-seeker-container .hiddenVardekollenContainer .cancel-button { padding: 9px 28px; } .object-seeker-container .infoContainer { margin-bottom: 10px; } .object-seeker-container .hiddenVardekollenContainer { display: none; } .inputBlock { width: 50%; float: left; position: relative; margin-bottom: 10px; } @media (min-width: 1px) and (max-width: 640px) { .inputBlock { width: 100%; } } .inputBlock input { height: 50px; width: 95%; padding-left: 15px; padding-top: 13px; } @media (min-width: 1px) and (max-width: 640px) { .inputBlock input { width: 100%; } } .inputBlock label { position: absolute; top: 15px; color: #005aa0; left: 15px; pointer-events: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .inputBlock label.smaller { top: 0; left: 15px; font-size: 12px; } .inputBlockMessage { float: left; position: relative; width: 100%; } @media (min-width: 1px) and (max-width: 640px) { .inputBlockMessage { width: 100% !important; margin-left: 0; margin-top: 4%; } } .inputBlockMessage .input { padding-top: 20px; padding-left: 15px; } .inputBlockMessage label { position: absolute; top: 10px; color: #005aa0; left: 15px; pointer-events: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .inputBlockMessage label.smaller { top: 5px; left: 15px; font-size: 12px; } #showings-registration-form, #showings-registration-form-0, #showings-registration-form-1, #showings-registration-form-2, #showings-registration-form-3, #showings-registration-form-4, #showings-registration-form-5 { max-width: 800px; width: 100%; padding: 20px; margin: 44px auto; 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; } #showings-registration-form select, #showings-registration-form-0 select, #showings-registration-form-1 select, #showings-registration-form-2 select, #showings-registration-form-3 select, #showings-registration-form-4 select, #showings-registration-form-5 select { -moz-appearance: menulist; } #showings-registration-form h2, #showings-registration-form-0 h2, #showings-registration-form-1 h2, #showings-registration-form-2 h2, #showings-registration-form-3 h2, #showings-registration-form-4 h2, #showings-registration-form-5 h2 { text-align: center; margin-bottom: 40px; margin-top: 20px; } #showings-registration-form input[type=text], #showings-registration-form input[type=email], #showings-registration-form-0 input[type=text], #showings-registration-form-0 input[type=email], #showings-registration-form-1 input[type=text], #showings-registration-form-1 input[type=email], #showings-registration-form-2 input[type=text], #showings-registration-form-2 input[type=email], #showings-registration-form-3 input[type=text], #showings-registration-form-3 input[type=email], #showings-registration-form-4 input[type=text], #showings-registration-form-4 input[type=email], #showings-registration-form-5 input[type=text], #showings-registration-form-5 input[type=email] { height: 50px; } #showings-registration-form input[type=text], #showings-registration-form input[type=email], #showings-registration-form textarea, #showings-registration-form-0 input[type=text], #showings-registration-form-0 input[type=email], #showings-registration-form-0 textarea, #showings-registration-form-1 input[type=text], #showings-registration-form-1 input[type=email], #showings-registration-form-1 textarea, #showings-registration-form-2 input[type=text], #showings-registration-form-2 input[type=email], #showings-registration-form-2 textarea, #showings-registration-form-3 input[type=text], #showings-registration-form-3 input[type=email], #showings-registration-form-3 textarea, #showings-registration-form-4 input[type=text], #showings-registration-form-4 input[type=email], #showings-registration-form-4 textarea, #showings-registration-form-5 input[type=text], #showings-registration-form-5 input[type=email], #showings-registration-form-5 textarea { border: 1px solid #ccc; } #showings-registration-form textarea, #showings-registration-form-0 textarea, #showings-registration-form-1 textarea, #showings-registration-form-2 textarea, #showings-registration-form-3 textarea, #showings-registration-form-4 textarea, #showings-registration-form-5 textarea { width: 98%; } #showings-registration-form .text-size-lower, #showings-registration-form-0 .text-size-lower, #showings-registration-form-1 .text-size-lower, #showings-registration-form-2 .text-size-lower, #showings-registration-form-3 .text-size-lower, #showings-registration-form-4 .text-size-lower, #showings-registration-form-5 .text-size-lower { float: left; width: 100%; overflow: hidden; } .jobContainer { margin-top: 30px; } .jobBlock { width: 100%; padding: 20px 0; border-top: 2px solid #eff4f9; overflow: hidden; font-size: 14px; } .jobBlock:last-child { border-bottom: 2px solid #eff4f9; } .jobBlock .jobPreamble { float: left; width: 30%; } .jobBlock .jobTitle { float: left; width: 30%; } .jobBlock .jobDeadline { float: left; width: 20%; } .jobBlock .jobUrl { float: left; width: 20%; } select { border-radius: 0 !important; -webkit-appearance: none; -moz-appearance: none; background-position: 96% 50%; background-repeat: no-repeat; background-image: url("/Content/Images/small-arrow-down.png"); } select.citySelector { padding-top: 4px !important; } .name-list { font-size: 0; } .name-list.name-list-top { margin-top: 30px; } .name-list .brokerBlock { font-size: 14px; width: 31%; display: inline-block; margin-right: 2%; margin-top: 15px; background-color: #ddd; vertical-align: top; padding: 7px; height: 210px; } @media (max-width: 1199px) { .name-list .brokerBlock { width: 48%; } } @media (min-width: 1px) and (max-width: 640px) { .name-list .brokerBlock { width: 100%; height: auto; } } .name-list .brokerBlock .brokerBlockImg { height: 100%; width: 45%; float: left; background-size: cover !important; background-repeat: no-repeat !important; } @media (min-width: 1px) and (max-width: 640px) { .name-list .brokerBlock .brokerBlockImg { height: auto; padding-bottom: 52%; } } .name-list .brokerBlock .brokerText { float: right; width: 55%; } .name-list .brokerBlock .brokerText ul { margin-top: 10px; } .name-list .brokerBlock .brokerText li { list-style: none; font-size: 14px; } @media (max-width: 1199px) { .name-list .brokerBlock .brokerText li { font-size: 13px; } } .name-list .brokerBlock .brokerText .title, .name-list .brokerBlock .brokerText .phone, .name-list .brokerBlock .brokerText .mail { margin-bottom: 8px; } @media (max-width: 1199px) { .name-list .brokerBlock .brokerText .title, .name-list .brokerBlock .brokerText .phone, .name-list .brokerBlock .brokerText .mail { margin-bottom: 2px; } } .name-list .brokerBlock .brokerText .mail { margin-bottom: 12px; } @media (max-width: 1199px) { .name-list .brokerBlock .brokerText .mail { margin-bottom: 2px; } } .name-list .brokerBlock .brokerText .name { font-family: "lf_rubrikregular"; color: #005aa0; font-size: 17px; } @media (max-width: 1199px) { .name-list .brokerBlock .brokerText .name { font-size: 15px; } } .name-list .brokerBlock .brokerText .button { line-height: 1.1; } .page-body-name-fritidshus .splashImg { height: 600px; background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; background-color: #efefef; } @media (max-width: 1199px) { .page-body-name-fritidshus .splashImg { height: 450px; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .splashImg { height: 230px; } } @media (max-width: 1199px) { .page-body-name-fritidshus h1 { font-size: 34px; line-height: 40px; } } @media (max-width: 1199px) { .page-body-name-fritidshus h2 { font-size: 34px; line-height: 40px; } } @media (max-width: 1199px) { .page-body-name-fritidshus .objectSection h2 { text-align: left; } } .page-body-name-fritidshus .cottageSection { padding: 50px 0; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageSection { position: relative; } } .page-body-name-fritidshus .cottageSection .preamble { position: relative; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageSection .preamble { position: static; } } .page-body-name-fritidshus .cottageSection .preamble p { color: #006db2; font-family: "intro_condbold"; font-size: 20px; display: inline-block; margin-right: 40px; } @media (max-width: 1199px) { .page-body-name-fritidshus .cottageSection .preamble p { width: 50%; margin-right: 0; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageSection .preamble p { width: 100%; } } .page-body-name-fritidshus .cottageSection .preamble .iconContainer { display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageSection .preamble .iconContainer { position: absolute; top: 40px; right: 10px; } } @media screen and (max-width: 400px) { .page-body-name-fritidshus .cottageSection .preamble .iconContainer { top: 50px; } } .page-body-name-fritidshus .cottageSection .preamble .icon { display: inline-block; width: 150px; height: auto; margin-top: -100px; } @media (max-width: 1199px) { .page-body-name-fritidshus .cottageSection .preamble .icon { margin-top: 0; margin-bottom: -60px; width: 180px; } } @media screen and (max-width: 780px) { .page-body-name-fritidshus .cottageSection .preamble .icon { width: 145px; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageSection .preamble .icon { width: 90px; margin-bottom: 0; } } @media screen and (max-width: 400px) { .page-body-name-fritidshus .cottageSection .preamble .icon { width: 60px; } } .page-body-name-fritidshus .cottageSection .text { font-size: 20px; font-family: "intro_cond_regularregular"; } @media (max-width: 1199px) { .page-body-name-fritidshus .cottageSection .text { width: 50%; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageSection .text { width: 100%; } } .page-body-name-fritidshus .cottageFormSection { margin-top: 30px; padding: 60px 0 40px; overflow: hidden; background-size: cover; background-position: 0px -560px; background-repeat: no-repeat; } @media (max-width: 1199px) { .page-body-name-fritidshus .cottageFormSection { padding: 80px 0 60px; background-size: cover; background-position: 0px -300px; background-repeat: no-repeat; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageFormSection { padding: 80px 0 0; background-size: contain; background-position: 0px -110px; background-repeat: no-repeat; } } @media screen and (max-width: 400px) { .page-body-name-fritidshus .cottageFormSection { background-size: contain; background-position: 0px 0px; background-repeat: no-repeat; } } .page-body-name-fritidshus .cottageFormSection .interestedSection { padding: 10px 10px; } .page-body-name-fritidshus .cottageFormSection .heading { text-align: center; } .page-body-name-fritidshus .cottageFormSection .heading .formHeading { position: relative; text-align: center; display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageFormSection .heading .formHeading { display: block; margin-left: 5%; text-align: left; margin-bottom: 50px; } } .page-body-name-fritidshus .cottageFormSection .heading .formHeading .whiteIcon { position: absolute; top: -40px; right: -200px; width: 140px; } @media (max-width: 1199px) { .page-body-name-fritidshus .cottageFormSection .heading .formHeading .whiteIcon { top: -52px; right: -170px; } } @media screen and (max-width: 750px) { .page-body-name-fritidshus .cottageFormSection .heading .formHeading .whiteIcon { top: -35px; right: -140px; width: 110px; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageFormSection .heading .formHeading .whiteIcon { right: 20px; top: -12px; width: 120px; } } .page-body-name-fritidshus .cottageFormSection .heading .formHeading h2 { color: white; text-align: center; margin-bottom: 30px; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-fritidshus .cottageFormSection .heading .formHeading h2 { text-align: left; width: 50%; } } .page-body-name-fritidshus .cottageFormSection .formText { color: white; font-size: 24px; text-align: center; font-family: "intro_cond_regularregular"; line-height: 1.4; } @media (max-width: 1199px) { .page-body-name-fritidshus .cottageFormSection .formText { display: none; } } .leftSki { width: 65%; float: left; margin-top: 30px; } @media screen and (max-width: 800px) { .leftSki { width: 100% !important; float: none !important; } .rightSki { width: 100% !important; float: none !important; } } .rightSki { width: 35%; float: right; } .servicesSection { /*padding: 0 0 50px;*/ overflow: hidden; } @media (max-width: 1199px) { .servicesSection .column-4 { width: 48%; padding-bottom: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .servicesSection .column-4 { width: 100%; } } .servicesSection h2 { font-size: 34px; text-align: center; margin-bottom: 50px; } @media (min-width: 1px) and (max-width: 640px) { .servicesSection h2 { margin-bottom: 30px; font-size: 24px; } } .servicesSection img { margin: 0 auto; display: block; } .servicesSection h3 { margin: 15px auto 0; font-size: 24px; text-align: center; } .servicesSection p { text-align: center; font-family: "intro_cond_regularregular"; font-size: 17px; line-height: 1.5; padding: 0 25px; margin: 10px 0; } @media (min-width: 1px) and (max-width: 640px) { .servicesSection p { padding: 0 5px; } } .servicesSection a { display: block; text-align: center; margin-top: 10px; font-family: "intro_condbold"; color: #005aa0; font-size: 17px; } .imageWithTextSection { padding: 80px 0 70px; overflow: hidden; background-size: cover; background-repeat: no-repeat; background-position: center center; text-align: center; } @media (min-width: 1px) and (max-width: 640px) { .imageWithTextSection { padding: 50px 0; } } .imageWithTextSection h2 { text-align: center; color: white; font-size: 36px; } @media (min-width: 1px) and (max-width: 640px) { .imageWithTextSection h2 { font-size: 26px; } } .imageWithTextSection p { text-align: center; margin: 0; font-size: 22px; line-height: 1.4; margin: 20px 0 45px; color: white; font-family: "intro_cond_regularregular"; } @media (min-width: 1px) and (max-width: 640px) { .imageWithTextSection p { font-size: 18px; } } .imageWithTextSection .skiImage { vertical-align: top; display: inline-block; width: 100px; margin-right: 3%; margin-top: -20px; } @media (min-width: 1px) and (max-width: 640px) { .imageWithTextSection .skiImage { display: none; } } .imageWithTextSection .button { display: inline-block; background-color: transparent; border: 2px solid white; font-size: 21px; margin-right: 3%; padding: 16px 45px; } @media (min-width: 1px) and (max-width: 640px) { .imageWithTextSection .button { font-size: 19px; padding: 14px 45px; width: 80%; } } .imageWithTextSection .button:hover { color: #005aa0; background-color: white; } .InterestFormSection { font-size: 0; padding: 0 0 40px; overflow: hidden; } .InterestFormSection input:focus { outline: none; border-bottom: 2px solid #244663; } .InterestFormSection .heading { vertical-align: top; width: 30%; display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection .heading { width: 100%; } } .InterestFormSection .heading .houseIcon { display: inline-block; margin-right: 3%; width: 112px; } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection .heading .houseIcon { display: none; } } .InterestFormSection .heading .houseIcon.house2 { width: 80px; } .InterestFormSection .heading h2 { display: inline-block; font-size: 34px; width: 55%; line-height: 1.25; vertical-align: top; } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection .heading h2 { width: 100%; font-size: 26px; text-align: center; } } .InterestFormSection #startInterestForm { display: inline-block; width: 70%; } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection #startInterestForm { width: 100%; } } .InterestFormSection .checkboxContainer { font-size: 14px; } .InterestFormSection .leadform-input { width: 47%; background-color: #f3f3f3; margin-left: 3%; margin-bottom: 25px; height: 57px; border: none; padding: 0 15px; font-family: "intro_condbold"; font-size: 16px; } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection .leadform-input { width: 100%; margin-bottom: 10px; } } .InterestFormSection .leadform-input.inputLabelForFile { padding: 17px 55px; cursor: pointer; } .InterestFormSection .leadform-input::placeholder { color: #444; } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection label { display: none; } } .InterestFormSection .interestSubmitButtonContainer { text-align: center; width: 50%; margin: 40px 7% 10px; overflow: hidden; } @media (max-width: 1199px) { .InterestFormSection .interestSubmitButtonContainer { margin: 40px 8% 10px; } } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection .interestSubmitButtonContainer { width: 100%; margin: 0; } } .InterestFormSection .interestSubmitButtonContainer .interestSubmitButton { display: inline-block; float: right; color: white; background-color: #005aa0; border: none; padding: 16px 57px; font-family: "intro_condbold"; font-size: 21px; } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection .interestSubmitButtonContainer .interestSubmitButton { width: 100%; } } .InterestFormSection .checkboxContainer { /*width: 45%;*/ margin-left: 3%; /*margin-top: 8px;*/ display: inline-block; text-align: left; /*margin-left: 15%;*/ } @media (max-width: 919px) { .InterestFormSection .checkboxContainer { font-size: 12px; margin-left: 0; } } @media (max-width: 1199px) { .InterestFormSection .checkboxContainer { margin-left: 3%; } } @media screen and (max-width: 720px) { .InterestFormSection .checkboxContainer { width: 40%; } } @media (min-width: 1px) and (max-width: 640px) { .InterestFormSection .checkboxContainer { width: 100%; margin: 20px 0 20px 3%; } } .InterestFormSection .button { margin-left: 3%; padding: 18px 48px; float: right; } @media (max-width: 1199px) { .InterestFormSection .button { padding: 18px 30px; } } .InterestFormSection a { color: #222; } .InterestFormSection input[type="checkbox"] { display: none !important; position: absolute; left: -1000px; z-index: -100; } .InterestFormSection input[type="checkbox"] ~ label { width: 100%; min-width: 220px; /*margin: 0 0 20px 0;*/ vertical-align: top; display: inline-block !important; line-height: 1; } @media (max-width: 1199px) { .InterestFormSection input[type="checkbox"] ~ label { min-width: initial; } } .InterestFormSection input[type="checkbox"] ~ label:before { content: ''; width: 31px; height: 25px; background-color: white; border: 1px solid #005aa0; border-radius: 4px; display: block; float: left; margin: 0 5% 0 0; padding-top: 6px; } .InterestFormSection input[type="checkbox"]:checked ~ label:before { content: url("/Content/Images/checked.png"); background: #005aa0; text-align: center; color: white; } .TextOnBackgroundImage { padding: 0; } .evaluateYourResidence, .formToMail { padding: 0; background-color: white !important; } #page-body-doctype-tvlandingpage h1, #page-body-doctype-campaignvilla h1, #page-body-doctype-campaignpage h1 { margin-top: 60px; margin-bottom: 0; font-size: 42px; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage h1, #page-body-doctype-campaignvilla h1, #page-body-doctype-campaignpage h1 { margin-top: 40px; margin-bottom: 20px; } } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .page-content, #page-body-doctype-campaignvilla .page-content, #page-body-doctype-campaignpage .page-content { margin-top: 77px; } } #page-body-doctype-tvlandingpage h4, #page-body-doctype-campaignvilla h4, #page-body-doctype-campaignpage h4 { width: 70%; /*float: left;*/ margin-top: 30px; font-family: "intro_condbold"; font-size: 22px; line-height: 1.2em; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage h4, #page-body-doctype-campaignvilla h4, #page-body-doctype-campaignpage h4 { width: 100%; margin-top: 10px; margin-bottom: 20px; } } #page-body-doctype-tvlandingpage .happy-customers, #page-body-doctype-campaignvilla .happy-customers, #page-body-doctype-campaignpage .happy-customers { width: 25%; margin-left: 2.5%; margin-right: 2.5%; float: left; margin-bottom: 10px; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .happy-customers, #page-body-doctype-campaignvilla .happy-customers, #page-body-doctype-campaignpage .happy-customers { width: 100%; max-width: 250px; display: table; margin-left: auto; margin-right: auto; float: none; } } #page-body-doctype-tvlandingpage .TvInterestForm, #page-body-doctype-campaignvilla .TvInterestForm, #page-body-doctype-campaignpage .TvInterestForm { margin-top: 40px; margin-bottom: 80px; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .TvInterestForm, #page-body-doctype-campaignvilla .TvInterestForm, #page-body-doctype-campaignpage .TvInterestForm { margin-bottom: 60px; } } #page-body-doctype-tvlandingpage .TvInterestForm h4, #page-body-doctype-campaignvilla .TvInterestForm h4, #page-body-doctype-campaignpage .TvInterestForm h4 { width: 100%; padding-left: 3%; margin-top: 0; margin-bottom: 20px; font-family: "intro_condbold"; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .TvInterestForm h4, #page-body-doctype-campaignvilla .TvInterestForm h4, #page-body-doctype-campaignpage .TvInterestForm h4 { padding-left: 3%; } } #page-body-doctype-tvlandingpage .TvInterestForm input, #page-body-doctype-campaignvilla .TvInterestForm input, #page-body-doctype-campaignpage .TvInterestForm input { font-size: 20px; } @media (max-width: 1199px) { #page-body-doctype-tvlandingpage .TvInterestForm input, #page-body-doctype-campaignvilla .TvInterestForm input, #page-body-doctype-campaignpage .TvInterestForm input { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .TvInterestForm input, #page-body-doctype-campaignvilla .TvInterestForm input, #page-body-doctype-campaignpage .TvInterestForm input { font-size: 20px; } } #page-body-doctype-tvlandingpage .TvInterestForm .button, #page-body-doctype-campaignvilla .TvInterestForm .button, #page-body-doctype-campaignpage .TvInterestForm .button { padding: 12px 60px; font-size: 18px; float: left !important; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .TvInterestForm .button, #page-body-doctype-campaignvilla .TvInterestForm .button, #page-body-doctype-campaignpage .TvInterestForm .button { width: 94%; margin-left: 3% !important; margin-right: 3% !important; } } #page-body-doctype-tvlandingpage .TvInterestForm .leadform-input, #page-body-doctype-campaignvilla .TvInterestForm .leadform-input, #page-body-doctype-campaignpage .TvInterestForm .leadform-input { font-size: 20px; } @media (max-width: 1199px) { #page-body-doctype-tvlandingpage .TvInterestForm .leadform-input, #page-body-doctype-campaignvilla .TvInterestForm .leadform-input, #page-body-doctype-campaignpage .TvInterestForm .leadform-input { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .TvInterestForm .leadform-input, #page-body-doctype-campaignvilla .TvInterestForm .leadform-input, #page-body-doctype-campaignpage .TvInterestForm .leadform-input { font-size: 20px; width: 94%; margin-left: 3%; margin-right: 3%; } } #page-body-doctype-tvlandingpage .TvInterestForm .float-form-container, #page-body-doctype-campaignvilla .TvInterestForm .float-form-container, #page-body-doctype-campaignpage .TvInterestForm .float-form-container { float: right; margin-right: 30px; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .TvInterestForm .float-form-container, #page-body-doctype-campaignvilla .TvInterestForm .float-form-container, #page-body-doctype-campaignpage .TvInterestForm .float-form-container { float: none; margin: 0; } } #page-body-doctype-tvlandingpage .TvInterestForm .float-form-container .checkboxContainer, #page-body-doctype-campaignvilla .TvInterestForm .float-form-container .checkboxContainer, #page-body-doctype-campaignpage .TvInterestForm .float-form-container .checkboxContainer { float: left; margin: 0; padding-right: 20px; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .TvInterestForm .float-form-container .checkboxContainer, #page-body-doctype-campaignvilla .TvInterestForm .float-form-container .checkboxContainer, #page-body-doctype-campaignpage .TvInterestForm .float-form-container .checkboxContainer { float: none; margin: 20px 0 20px 3%; } } #page-body-doctype-tvlandingpage .TvInterestForm .float-form-container .button, #page-body-doctype-campaignvilla .TvInterestForm .float-form-container .button, #page-body-doctype-campaignpage .TvInterestForm .float-form-container .button { margin: 0; margin-left: 30px; } #page-body-doctype-tvlandingpage .main-content p, #page-body-doctype-campaignvilla .main-content p, #page-body-doctype-campaignpage .main-content p { clear: both; font-size: 18px; } #page-body-doctype-tvlandingpage .type-of-interest-picker, #page-body-doctype-campaignvilla .type-of-interest-picker, #page-body-doctype-campaignpage .type-of-interest-picker { /*clear:both;*/ float: left !important; display: block; width: 30%; margin-bottom: 20px; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .type-of-interest-picker, #page-body-doctype-campaignvilla .type-of-interest-picker, #page-body-doctype-campaignpage .type-of-interest-picker { width: 100%; float: none !important; margin-bottom: 15px; } } #page-body-doctype-tvlandingpage .type-of-interest-picker.type-of-interest-picker-50, #page-body-doctype-campaignvilla .type-of-interest-picker.type-of-interest-picker-50, #page-body-doctype-campaignpage .type-of-interest-picker.type-of-interest-picker-50 { width: 45%; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-tvlandingpage .type-of-interest-picker.type-of-interest-picker-50, #page-body-doctype-campaignvilla .type-of-interest-picker.type-of-interest-picker-50, #page-body-doctype-campaignpage .type-of-interest-picker.type-of-interest-picker-50 { width: 100%; float: none !important; margin-bottom: 10px; } } #page-body-doctype-tvlandingpage .type-of-interest-picker input[type="checkbox"] ~ label:before, #page-body-doctype-campaignvilla .type-of-interest-picker input[type="checkbox"] ~ label:before, #page-body-doctype-campaignpage .type-of-interest-picker input[type="checkbox"] ~ label:before { width: 22px; height: 14px; margin: 0 3% 0 0; background-size: contain; padding-top: 2px; padding-bottom: 6px; } #page-body-doctype-tvlandingpage .type-of-interest-picker input[type="checkbox"] ~ label, #page-body-doctype-campaignvilla .type-of-interest-picker input[type="checkbox"] ~ label, #page-body-doctype-campaignpage .type-of-interest-picker input[type="checkbox"] ~ label { font-size: 20px; /*color: #005aa0;*/ color: #222; } /*.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-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; }*/ .alert-box { font-size: 26px; font-family: "lf_rubrikregular"; color: red; float: right; } .interestedSection { padding: 10px; } .interestedSection h4 { margin-top: 0 !important; margin-left: 3%; color: #222; } .differentImagesForm { margin-top: 40px; } .referenceObjectSection { margin-top: 70px; } .page-body-name-forsprang .interestedSection, .page-body-name-fritidshus .interestedSection { overflow: hidden; text-align: center; padding: 30px 0; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-forsprang .interestedSection, .page-body-name-fritidshus .interestedSection { padding: 20px 0; } } .page-body-name-forsprang .interestedSection h2, .page-body-name-fritidshus .interestedSection h2 { text-align: center; font-size: 40px; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-forsprang .interestedSection h2, .page-body-name-fritidshus .interestedSection h2 { font-size: 28px; } } .page-body-name-forsprang .interestedSection .container, .page-body-name-fritidshus .interestedSection .container { padding: 30px 0; background: #eff4f9; } .page-body-name-forsprang .interestedSection .container .inputContainer, .page-body-name-fritidshus .interestedSection .container .inputContainer { display: inline-block; width: 100%; margin-top: 30px; text-align: left; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-forsprang .interestedSection .container .inputContainer, .page-body-name-fritidshus .interestedSection .container .inputContainer { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } } .page-body-name-forsprang .interestedSection .container .inputContainer input[type=text], .page-body-name-forsprang .interestedSection .container .inputContainer input[type=email], .page-body-name-forsprang .interestedSection .container .inputContainer input[type=password], .page-body-name-forsprang .interestedSection .container .inputContainer select, .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=text], .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=email], .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=password], .page-body-name-fritidshus .interestedSection .container .inputContainer select { border: none; height: 55px; width: 18%; margin-left: 1%; font-size: 21px; font-family: "intro_condbold"; color: #005aa0; padding-left: 15px; margin-bottom: 25px; } @media (max-width: 1199px) { .page-body-name-forsprang .interestedSection .container .inputContainer input[type=text], .page-body-name-forsprang .interestedSection .container .inputContainer input[type=email], .page-body-name-forsprang .interestedSection .container .inputContainer input[type=password], .page-body-name-forsprang .interestedSection .container .inputContainer select, .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=text], .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=email], .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=password], .page-body-name-fritidshus .interestedSection .container .inputContainer select { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-forsprang .interestedSection .container .inputContainer input[type=text], .page-body-name-forsprang .interestedSection .container .inputContainer input[type=email], .page-body-name-forsprang .interestedSection .container .inputContainer input[type=password], .page-body-name-forsprang .interestedSection .container .inputContainer select, .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=text], .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=email], .page-body-name-fritidshus .interestedSection .container .inputContainer input[type=password], .page-body-name-fritidshus .interestedSection .container .inputContainer select { width: 100%; margin-bottom: 10px; } } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer { text-align: center; width: 50%; margin: 40px 7% 10px; overflow: hidden; } @media (max-width: 1199px) { .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer { margin: 40px 8% 10px; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer { width: 100%; margin: 0; } } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer .interestSubmitButton, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer .interestSubmitButton { display: inline-block; float: right; color: white; background-color: #005aa0; border: none; padding: 16px 57px; font-family: "intro_condbold"; font-size: 21px; } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer .interestSubmitButton, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer .interestSubmitButton { width: 100%; } } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer .checkboxContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { width: 50%; margin-right: 2%; /*margin-top: 8px;*/ display: inline-block; text-align: left; float: left; margin-left: 15%; } @media (max-width: 919px) { .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer .checkboxContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { font-size: 12px; margin-left: 0; } } @media (max-width: 1199px) { .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer .checkboxContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { margin-left: 0; } } @media screen and (max-width: 720px) { .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer .checkboxContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { width: 40%; } } @media (min-width: 1px) and (max-width: 640px) { .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer .checkboxContainer, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { width: 90%; margin: 20px 0; } } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer a, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer a { color: #222; } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"], .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] { display: none !important; position: absolute; left: -1000px; z-index: -100; } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] ~ label, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] ~ label { width: 100%; /*margin: 0 0 20px 0;*/ vertical-align: top; display: inline-block !important; line-height: 1; } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] ~ label:before, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] ~ label:before { content: ''; width: 31px; height: 25px; background-color: white; border: 1px solid #005aa0; border-radius: 4px; display: block; float: left; margin: 0 5% 0 0; padding-top: 6px; } .page-body-name-forsprang .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"]:checked ~ label:before, .page-body-name-fritidshus .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"]:checked ~ label:before { content: url("/Content/Images/checked.png"); background: #005aa0; text-align: center; color: white; } .page-body-name-forsprang .interestedSection ::-webkit-input-placeholder, .page-body-name-fritidshus .interestedSection ::-webkit-input-placeholder { color: #005aa0; } .page-body-name-forsprang .interestedSection :-moz-placeholder, .page-body-name-fritidshus .interestedSection :-moz-placeholder { color: #005aa0; } .page-body-name-forsprang .interestedSection ::-moz-placeholder, .page-body-name-fritidshus .interestedSection ::-moz-placeholder { color: #005aa0; } .page-body-name-forsprang .interestedSection :-ms-input-placeholder, .page-body-name-fritidshus .interestedSection :-ms-input-placeholder { color: #005aa0; } /*text box*/ .text-box { width: 51%; background: rgba(255, 255, 255, 0.9); border: 5px solid #fff; float: right; padding: 55px 55px; text-align: center; } .text-box h2 { margin-bottom: 45px; font-size: 40px; line-height: 45px; } .text-box p { font-size: 18px; } @media (min-width: 1px) and (max-width: 640px) { .text-box { padding: 35px 15px; float: none !important; width: 80%; margin-left: auto; margin-right: auto; } } .js-estates-container { min-height: 200px; position: relative; clear: both; } .loading-spinner { width: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; } .loading-spinner--hide { display: none; } /*hero*/ .hero { background-position: center top; background-repeat: no-repeat; background-size: cover; background-color: #efece7; width: 100%; padding-top: 140px; min-height: 600px; padding-bottom: 290px; } @media (min-width: 1px) and (max-width: 640px) { .hero { min-height: 350px; padding-top: 25px; padding-bottom: 130px; } } .hero .quick-search { padding-top: 60px; } .hero .text-box { float: left; } @media (max-width: 1199px) { .hero .text-box { width: 75%; } } @media (max-width: 919px) { .hero .text-box { width: 85%; } } @media (min-width: 1px) and (max-width: 640px) { .hero .text-box { width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .hero .text-box h2 { margin-bottom: 25px; } } .hero .text-box p { font-family: "intro_cond_regularregular"; } @media (min-width: 1px) and (max-width: 640px) { .hero .text-box p { font-size: 16px; } } .hero .header-text { line-height: 62px; text-align: center; margin: 80px 0 20px 0; font-size: 45px; } @media (min-width: 1px) and (max-width: 640px) { .hero .header-text { font-size: 26px; line-height: 42px; margin: 60px 0 20px 0; padding: 0 10px; } } .hero .input-wrapper { margin: 0 auto; position: relative; max-width: 790px; border: 1px solid #999; border-radius: 2px; } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper { width: 92%; } } .hero .input-wrapper .search-image { position: absolute; right: 20px; top: 24px; width: 22px; /*height: 22px;*/ pointer-events: none; z-index: 17; } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .search-image { top: 18px; } } @media (min-width: 1px) and (max-width: 480px) { .hero .input-wrapper .search-image { background: white; right: 10px; } } .hero .input-wrapper input[type="text"] { width: 100%; height: 69px; border: 0px; margin: 0; padding: 0 0 0 20px; display: inline-block; position: relative; z-index: 16; border-radius: 2px; background-color: #eaeaeb; font-size: 19px; } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper input[type="text"] { height: 55px; font-size: 15px; padding-right: 40px; } } .hero .input-wrapper input[type="text"]:focus { outline: none; } .hero .input-wrapper input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #555; } .hero .input-wrapper input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: #555; } .hero .input-wrapper input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: #555; } .hero .input-wrapper input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: #555; } .hero .input-wrapper .button { display: inline-block; width: 145px; padding: 23px 0; font-size: 20px; margin-left: 20px; cursor: pointer; } .hero .input-wrapper .button:hover { background: #004c87; } @media (max-width: 1199px) { .hero .input-wrapper { width: 95%; } .hero .input-wrapper input[type="text"] { width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper { width: 95%; } .hero .input-wrapper input[type="text"] { width: 100%; } .hero .input-wrapper .button { width: initial; padding: 23px 22px; margin-left: 0px; } } .hero .input-wrapper .searchField { position: absolute; top: 84px; left: -15%; right: 0; height: 400px; width: 130%; background: white; padding-top: 25px; /*display: block;*/ z-index: 15; display: none; } .hero .input-wrapper .searchField ::-ms-clear { display: none; } @media (max-width: 1199px) { .hero .input-wrapper .searchField { left: 0; width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .searchField { height: auto; padding: 15px 15px; } } .hero .input-wrapper .searchField .resultBlock { overflow: hidden; padding: 0 25px; } @media (max-width: 1199px) { .hero .input-wrapper .searchField .resultBlock { padding: 0; } } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .searchField .resultBlock { padding: 0; } } .hero .input-wrapper .searchField .resultBlock .field { width: 20%; float: left; padding: 0 15px 20px; } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .searchField .resultBlock .field { width: 100%; } } .hero .input-wrapper .searchField .resultBlock .field ul { list-style: none; padding-left: 0; } .hero .input-wrapper .searchField .resultBlock .field h4 { margin: 0; color: black; } @media (max-width: 1199px) { .hero .input-wrapper .searchField .resultBlock .field h4 { font-size: 17px; } } .hero .input-wrapper .searchField .resultBlock .field a { text-decoration: none; } .hero .input-wrapper .searchField .resultBlock .searchNumber { width: 20%; float: left; } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .searchField .resultBlock .searchNumber { width: 100%; padding: 0 15px; } } .hero .input-wrapper .searchField .resultBlock .searchNumber p { margin-left: 13%; } @media (max-width: 1199px) { .hero .input-wrapper .searchField .resultBlock .searchNumber p { margin-left: 18%; } } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .searchField .resultBlock .searchNumber p { margin-left: 0; } } .hero .input-wrapper .searchField .resultBlock .searchNumber h4 { font-size: 26px; color: #005aa0; margin-bottom: 17px; } .hero .input-wrapper .searchField .openResidenceBlock { padding: 20px 15px; overflow: hidden; width: 100%; background: #d9d9d9; cursor: pointer; } .hero .input-wrapper .searchField .openResidenceBlock p { font-size: 18px; margin: 0; } .hero .input-wrapper .searchField .openResidenceBlock .plus { float: right; margin-right: 15px; font-size: 32px; } .hero .input-wrapper .searchField .residenceBlock { width: 100%; padding: 25px 15px; overflow: hidden; background: #f3f3f3; } .hero .input-wrapper .searchField .residenceBlock .residence { width: 31.333%; margin-right: 1%; margin-bottom: 20px; display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .searchField .residenceBlock .residence { width: 100%; } } .hero .input-wrapper .searchField .residenceBlock .residence .residenceType { color: #005aa0; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg { display: inline-block; width: 50%; height: 112px; padding-bottom: 35%; background-size: cover; background-color: grey; overflow: hidden; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg .overlay { background: transparent; pointer-events: none; position: absolute; width: 100%; height: 100%; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg:hover .overlay { background: rgba(0, 0, 0, 0.5); } .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg .link { display: block; height: 167px; position: relative; } @media only screen and (min-width: 641px) { .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg .link { height: 112px; } } .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg img { position: absolute; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg .topleft { right: 0; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceImg .--center { width: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .hero .input-wrapper .searchField .residenceBlock .residence .residenceText { width: 48%; padding-left: 10px; display: inline-block; vertical-align: top; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceText .residenceName { margin: 0; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceText h4 { margin-bottom: 5px; line-height: 20px; color: #222; } .hero .input-wrapper .searchField .residenceBlock .residence .residenceText p { color: #222; } .hero .input-wrapper .searchField .openBrokerBlock { padding: 15px 15px; overflow: hidden; width: 100%; background: #d9d9d9; cursor: pointer; } .hero .input-wrapper .searchField .openBrokerBlock p { font-size: 18px; margin: 0; font-weight: bold; } .hero .input-wrapper .searchField .openBrokerBlock .plus { float: right; margin-right: 15px; font-size: 32px; } .hero .input-wrapper .searchField .brokerBlock { width: 100%; padding: 25px 15px; overflow: hidden; background: #f3f3f3; font-size: 0; } .hero .input-wrapper .searchField .brokerBlock .broker { float: none; width: 20.5%; margin-right: 4.5%; margin-bottom: 20px; display: inline-block; vertical-align: top; } @media (min-width: 1px) and (max-width: 640px) { .hero .input-wrapper .searchField .brokerBlock .broker { width: 47%; margin-right: 3%; } } @media (min-width: 1px) and (max-width: 480px) { .hero .input-wrapper .searchField .brokerBlock .broker { width: 100%; } } .hero .input-wrapper .searchField .brokerBlock .broker .brokerImg { width: 154px; height: 165px; background-size: cover; background: grey; } .hero .input-wrapper .searchField .brokerBlock .broker .brokerImg img { -webkit-filter: grayscale(1); filter: grayscale(1); } .hero .input-wrapper .searchField .brokerBlock .broker .brokerText { float: left; width: 100%; } .hero .input-wrapper .searchField .brokerBlock .broker .brokerText .brokerName { margin-bottom: 10px; margin-top: 5px; font-weight: bold; } .hero .input-wrapper .searchField .brokerBlock .broker .brokerText h4 { margin-bottom: 5px; line-height: 20px; color: #222; } .hero .input-wrapper .searchField .brokerBlock .broker .brokerText p { color: #222; margin: 0; font-size: 16px; } .hero .input-wrapper .searchField .brokerBlock .broker .brokerText a { text-decoration: none; color: #005aa0; } .hero .input-wrapper .searchField .brokerBlock .broker .brokerText a p { color: #005aa0; } .hero .input-wrapper .searchField .searchMoreContainer { width: 100%; float: left; text-align: center; } .hero .input-wrapper .searchField .searchMoreContainer .searchMoreButton { display: inline-block; margin: 0 auto; background: #005aa0; padding: 13px 38px; color: white; font-size: 16px; text-decoration: none; } .hero .input-wrapper .searchField .searchMoreContainer .searchMoreButton:hover { background: #004c87; } /*Full Width Image With Text box*/ .fullWidthImageWithText { padding-top: 65px; position: relative; background-position: top left; background-repeat: no-repeat; background-size: cover; background-color: #77787b; overflow: hidden; } .fullWidthImageWithText .bg-image { position: absolute; left: 0; top: 0; min-width: 100%; min-height: 100%; } .fullWidthImageWithText .text-box { float: right; } .fullWidthImageWithText .text-box.full-size { float: none; width: 100%; } @media (max-width: 1199px) { .fullWidthImageWithText .text-box { float: none; width: 100%; } } .fullWidthImageWithText .text-wrapper-doctype-fullwidthimagewithtext { position: relative; overflow: hidden; } /*Slick Block Carousel*/ .blockCarousel { background: #eff4f9; /*.bg-image { position: absolute; left: 0; top: 0; width: 100%; }*/ } .blockCarousel .container { padding-left: 0; padding-right: 0; } .blockCarousel h2 { text-align: center; margin-bottom: 36px; } .blockCarousel .slide { position: relative; background-position: top left; background-repeat: no-repeat; background-size: cover; background-color: #77787b; min-height: 545px; /*margin: 0 15px;*/ } .blockCarousel .text-box { width: 80%; padding: 45px 7px 35px; text-align: center; bottom: 10px; margin: 30px 10%; position: absolute; } .slick-arrow { position: absolute; top: 50%; margin-top: -22px; cursor: pointer; } @media (max-width: 1199px) { .slick-arrow { display: none !important; } } .slick-arrow.prev { left: -50px; } .slick-arrow.next { right: -50px; } .slick-dots { list-style: none; text-align: center; padding: 0; } .slick-dots li { display: inline-block; } .slick-dots li button { background: #badaf3; font-size: 0; margin: 0 4px; height: 8px; width: 8px; border: 4px solid #eff4f9; border-radius: 50%; display: block; padding: 4px; cursor: pointer; outline: none; } .slick-dots li.slick-active button { cursor: default; border: 4px solid #badaf3; background: #005aa0; } /*Forms*/ .evaluateYourResidence { background: #dcecf7; } .contact-form .inputBlock { width: 50%; float: left; position: relative; } @media (min-width: 1px) and (max-width: 640px) { .contact-form .inputBlock { width: 100%; } } .contact-form a { font-family: Arial; font-size: 16px; } .contact-form a:after { content: ""; } .contact-form label { position: absolute; top: 30px; color: #005aa0; left: 30px; pointer-events: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } @media (min-width: 1px) and (max-width: 640px) { .contact-form label { left: 20px; top: 25px; } } .contact-form label.smaller { top: 20px; left: 30px; font-size: 12px; } @media (min-width: 1px) and (max-width: 640px) { .contact-form label.smaller { left: 20px; top: 10px; } } .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form select { height: 60px; width: 92%; margin: 4%; border: none; padding-left: 20px; padding-top: 13px; font-size: 17px; color: #005aa0; background-color: white; } @media (min-width: 1px) and (max-width: 640px) { .contact-form input[type=text], .contact-form input[type=email], .contact-form input[type=password], .contact-form select { margin: 5px 0; width: 100%; } } .contact-form input[type=text].select, .contact-form input[type=email].select, .contact-form input[type=password].select, .contact-form select.select { border-bottom: 2px solid #005aa0; } .contact-form input[type=text]:focus, .contact-form input[type=email]:focus, .contact-form input[type=password]:focus, .contact-form select:focus { outline: none; } .contact-form select { font-family: "intro_cond_regularregular"; } .contact-form .inputBlockMessage { float: left; position: relative; width: 100%; } .contact-form .inputBlockMessage label { position: absolute; top: 15px; color: #005aa0; left: 30px; pointer-events: none; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } @media (min-width: 1px) and (max-width: 640px) { .contact-form .inputBlockMessage label { left: 20px; } } .contact-form .inputBlockMessage label.smaller { top: 15px; left: 30px; font-size: 12px; } .contact-form textarea { height: 200px; width: 96%; margin: 0 2%; margin-top: 10px; border: none; padding-top: 30px; padding-left: 20px; } @media (min-width: 1px) and (max-width: 640px) { .contact-form textarea { width: 100%; margin: 0; padding-top: 40px; } } .contact-form textarea:focus { outline: none; border-bottom: 2px solid #005aa0; } .contact-form .checkboxLabel { position: static; margin-top: 30px; margin-left: 2%; float: left; pointer-events: all; } .contact-form .checkboxLabel a.integrity { font-size: 15px; font-family: Arial; text-decoration: underline; padding-left: 17px; } .contact-form .checkboxLabel a.integrity:after { background: none; content: ""; } .contact-form .button { float: right; padding: 20px 50px; margin-right: 2%; margin-top: 20px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .contact-form .button:hover { background: #004c87; } .text-section { /*@include desktop { .column-2 { width: 42%; margin: 0 7% 0 0; } }*/ } .text-section a { font-family: "intro_condbold"; font-size: 20px; display: block; text-decoration: none; color: #005aa0; } .text-section a:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: middle; background: url(/Content/Images/blue-arrow-right.png) right center no-repeat; } @media (min-width: 1px) and (max-width: 640px) { .text-section a:after { width: 29px; height: 16px; margin-top: -2px; } } @media (min-width: 1px) and (max-width: 640px) { .text-section a { font-size: 15px; } } .text-section .preamble { margin: 0; } .text-section .link { margin: 20px 0 0 0; } /*Text Section*/ .textSection { background: #badaf3; } .textSection .preamble { margin: 0; font-size: 18px; } .textSection .link { margin: 20px 0 0 0; } .page-body-name-innehallssida .hero, #page-body-doctype-estates .hero { height: 660px; padding-top: 50px; } .page-body-name-innehallssida .text-box, #page-body-doctype-estates .text-box { text-align: left; line-height: 28px; margin-left: 8%; padding: 25px 65px; } .page-body-name-innehallssida .text-box h2, #page-body-doctype-estates .text-box h2 { margin-bottom: 30px; font-size: 54px; } .page-body-name-innehallssida .contentpage-content p, #page-body-doctype-estates .contentpage-content p { font-size: 20px; line-height: 26px; } .page-body-name-innehallssida .blurbsX3, #page-body-doctype-estates .blurbsX3 { padding: 0 0 90px; } /*Documents and links*/ .links-wrapper-doctype-documentsandlinks h2 { text-align: center; margin-bottom: 40px; } .links-wrapper-doctype-documentsandlinks .row { border: 5px solid #eff4f9; } .links-wrapper-doctype-documentsandlinks .row article { width: 50%; padding: 25px 30px; margin: 0px 0 0 -3px; } .links-wrapper-doctype-documentsandlinks .row article p { margin-top: 0; } .links-wrapper-doctype-documentsandlinks .row article:nth-child(1) { border-top: 0px solid #eff4f9; border-right: 5px solid #eff4f9; } .links-wrapper-doctype-documentsandlinks .row article a { font-size: 18px; text-decoration: none; font-family: "intro_condbold"; } .links-wrapper-doctype-documentsandlinks .row article a:before { content: ''; margin: 2px 25px 2px 0; height: 29px; width: 26px; display: inline-block; vertical-align: middle; } .links-wrapper-doctype-documentsandlinks .row article.documents-wrapper a:before { background: url(/Content/Images/pdf-icon.png) center center no-repeat; } .links-wrapper-doctype-documentsandlinks .row article.link-wrapper a:before { background: url(/Content/Images/url-icon.png) center center no-repeat; } @media (min-width: 1px) and (max-width: 640px) { .links-wrapper-doctype-documentsandlinks .row article.column-2 { border-right: 0px solid #eff4f9; border-top: 5px solid #eff4f9; width: 100%; } .links-wrapper-doctype-documentsandlinks .row article.column-2:nth-child(1) { border-top: 0px solid #eff4f9; } } /*Blurbs*/ .blurbsX3 { padding: 40px 0 30px; } @media (min-width: 1px) and (max-width: 640px) { .blurbsX3 { padding: 30px 0; } } .blurb-x-3 { /*specific blurbs*/ } .blurb-x-3 h2 { text-align: center; margin: 0; font-size: 36px; } @media (min-width: 1px) and (max-width: 640px) { .blurb-x-3 h2 { font-size: 22px; } } .blurb-x-3 a { text-decoration: none; } .blurb-x-3 article { display: inline-block; margin-top: 40px; vertical-align: top; } .blurb-x-3 article img { width: 100%; } .blurb-x-3 article .preamble { font-size: 18px; color: #555; line-height: 1.5; padding-right: 10px; font-family: "intro_cond_regularregular"; } .blurb-x-3 article .arrow-right { display: none; } .blurb-x-3.blurb-wrapper-doctype-blurbsx3 h3 { text-align: left; margin: 20px 0 0; font-family: "lf_rubrikregular"; font-size: 24px; /*&:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: baseline; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; }*/ } @media (max-width: 919px) { .blurb-x-3.blurb-wrapper-doctype-blurbsx3 h3 { font-size: 26px; } } @media (min-width: 1px) and (max-width: 640px) { .blurb-x-3.blurb-wrapper-doctype-blurbsx3 h3 { font-size: 22px; } } .blurb-x-3.blurb-wrapper-doctype-blurbsx3 article { margin-bottom: 20px; } @media (min-width: 1px) and (max-width: 640px) { .blurb-x-3.blurb-wrapper-doctype-blurbsx3 article { margin-bottom: 0; } } .blurb-x-3.blurb-wrapper-doctype-newsarchive .archive-button, .blurb-x-3.blurb-wrapper-doctype-newswidget .archive-button { text-align: right; } .blurb-x-3.blurb-wrapper-doctype-newsarchive .arrow-right, .blurb-x-3.blurb-wrapper-doctype-newswidget .arrow-right { margin: 8px 0 4px; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article, .blurb-x-3.blurb-wrapper-doctype-newswidget article { width: 33.8%; border: 5px solid #eff4f9; padding: 50px 30px; min-height: 540px; margin: 10px 0 40px -9px; } @media (min-width: 1px) and (max-width: 640px) { .blurb-x-3.blurb-wrapper-doctype-newsarchive article, .blurb-x-3.blurb-wrapper-doctype-newswidget article { min-height: initial; } } .blurb-x-3.blurb-wrapper-doctype-newsarchive article .image, .blurb-x-3.blurb-wrapper-doctype-newswidget article .image { display: inline-block; vertical-align: top; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article .image img, .blurb-x-3.blurb-wrapper-doctype-newswidget article .image img { width: 86px; height: auto; -webkit-border-radius: 50%; -khtml-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article h3, .blurb-x-3.blurb-wrapper-doctype-newswidget article h3 { font-size: 18px; display: inline-block; margin: 20px 0; font-family: "intro_cond_regularregular"; /*wrong font*/ color: #222; line-height: 22px; margin: 18px 0 0 0; width: 71%; vertical-align: top; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article .preamble, .blurb-x-3.blurb-wrapper-doctype-newswidget article .preamble { margin: 30px 0 40px; display: block; font-family: "intro_cond_regularregular"; font-size: 21px; line-height: 1.2; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article .date, .blurb-x-3.blurb-wrapper-doctype-newswidget article .date { font-size: 16px; font-weight: bold; color: #222; text-transform: capitalize; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article .link, .blurb-x-3.blurb-wrapper-doctype-newswidget article .link { font-family: "intro_condbold"; /*wrong font*/ font-size: 20px; display: block; margin-bottom: 30px; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article .link:after, .blurb-x-3.blurb-wrapper-doctype-newswidget article .link:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: middle; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article.no-image h3, .blurb-x-3.blurb-wrapper-doctype-newswidget article.no-image h3 { width: 100%; } @media (max-width: 1199px) { .blurb-x-3.blurb-wrapper-doctype-newsarchive article h3, .blurb-x-3.blurb-wrapper-doctype-newswidget article h3 { width: 60%; } } @media (min-width: 1px) and (max-width: 640px) { .blurb-x-3.blurb-wrapper-doctype-newsarchive article h3, .blurb-x-3.blurb-wrapper-doctype-newswidget article h3 { width: 100%; } .blurb-x-3.blurb-wrapper-doctype-newsarchive article .image, .blurb-x-3.blurb-wrapper-doctype-newswidget article .image { text-align: center; } } @media (max-width: 1199px) { .blurb-x-3.blurb-wrapper-doctype-newsarchive article h3, .blurb-x-3.blurb-wrapper-doctype-newswidget article h3 { font-size: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .blurb-x-3.blurb-wrapper-doctype-newsarchive article, .blurb-x-3.blurb-wrapper-doctype-newswidget article { width: 100%; margin: 0; } } .blurb-x-3 .current-page-doctype-contentpage h3 { /*font-size:20px;*/ text-align: left; } .blurb-x-3 .current-page-doctype-contentpage h3:after { background: none; } .blurb-x-3 .current-page-doctype-contentpage .preamble { font-size: 20px; display: block; color: #222; } .blurb-x-3 .current-page-doctype-contentpage .arrow-right { display: block; } .ContactsX3 h2 { text-align: center; } .ContactsX3 p { text-align: center; width: 50%; margin: 0 auto; font-size: 20px; line-height: 28px; } @media (max-width: 1199px) { .ContactsX3 p { width: 80%; } } @media (min-width: 1px) and (max-width: 640px) { .ContactsX3 p { width: 95%; } } .ContactsX3 .contactBlockContainer { margin-top: 50px; font-size: 0; } .ContactsX3 .contactBlockContainer .contactBlock { font-size: 20px; width: 31%; display: inline-block; vertical-align: top; background: #76bbe7; margin-right: 3.5%; margin-bottom: 40px; padding: 30px 20px; text-align: center; } .ContactsX3 .contactBlockContainer .contactBlock:nth-child(3n) { margin-right: 0; } @media (max-width: 1199px) { .ContactsX3 .contactBlockContainer .contactBlock { width: 48%; margin-right: 2%; } .ContactsX3 .contactBlockContainer .contactBlock:nth-child(3n) { margin-right: 2%; } } @media (min-width: 1px) and (max-width: 640px) { .ContactsX3 .contactBlockContainer .contactBlock { width: 100%; } } .ContactsX3 .contactBlockContainer .contactBlock .contactImg { width: 50%; padding-bottom: 50%; margin: 0 auto; border-radius: 50%; background: #005aa0; } .ContactsX3 .contactBlockContainer .contactBlock h3 { font-size: 28px; margin-top: 20px; margin-bottom: 5px; font-family: Arial, "ArialMTStd", sans-serif; font-weight: 100; } .ContactsX3 .contactBlockContainer .contactBlock p { font-size: 14px; line-height: initial; } .ContactsX3 .contactBlockContainer .contactBlock p.title { margin-bottom: 20px; } .ContactsX3 .contactBlockContainer .contactBlock p.phone { margin-bottom: 5px; } .ContactsX3 .contactBlockContainer .contactBlock p.tel { margin-bottom: 20px; margin-top: 0; } .ContactsX3 .contactBlockContainer .contactBlock a { font-size: 15px; width: 100%; font-weight: 600; display: block; margin-bottom: 10px; } .page-body-name-kopa-bostad .main-content, .page-body-name-salja-bostad .main-content { padding-bottom: 0; } .TwoColumnSection { background-color: #d9d9d9; } .TwoColumnSection__Header { text-align: center; } .TwoColumnSection__Content { font-family: Arial; } .mypages-textbox { display: block; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); padding: 35px 65px; min-width: 80%; } @media only screen and (min-width: 641px) { .mypages-textbox { top: 50%; } } @media only screen and (min-width: 825px) { .mypages-textbox { width: 660px; min-width: 0; } } .mypages-textbox a { color: #fff; display: inline-block; width: 220px; } .mypages-textbox a:after { display: none; } select { -moz-appearance: none; } select::-ms-expand { display: none; } .estateContainer .prev { position: absolute; left: -50px; top: 50%; transform: translateY(-47%); } .estateContainer .next { position: absolute; right: -50px; top: 50%; transform: translateY(-47%); } .estateContainer .slide { outline: none !important; } .slick-dots li button:before { /*font-size: 55px;*/ font-size: 0; /*margin-top: 30px;*/ } .careerVideo { max-width: 100%; } .fancybox-container .error { color: red; font-size: 18px; font-weight: bold; text-align: left; padding-left: 0; } .estate .estateImg { background-color: #badaf3 !important; width: 90%; display: block; padding-bottom: 70%; background-size: cover !important; } .estate .estateType { font-family: "intro_condbold"; font-size: 18px; margin-bottom: 5px; margin-top: 8px; color: #005aa0; text-decoration: none; display: block; } .estate .estateAddress { font-family: "intro_cond_regularregular"; font-size: 16px; margin-bottom: 10px; color: #005aa0; text-decoration: none; display: block; } .estate .estateText { font-size: 14px; } .estate .estatePrice { font-size: 14px; font-weight: bold; } .estate p { margin: 2px 0; } .tagsdiv .tags { display: inline-block; background-color: #fff; width: 100%; border-style: solid; border-color: #222; border-width: 0.5px; } .tagsdiv .tags .js-searchquery-container { display: none; } .tagsdiv .tags .js-searchquery-container .js-searchquery { display: inline-block; background-color: #005aa0; color: #fff; padding: 10px; border-radius: 10px; margin-top: 20px; margin-right: 10px; margin-left: 10px; width: auto; } .tagsdiv .tags .js-searchquery-container .js-searchquery:last-child { margin-right: 0; } .tagsdiv .tags .js-searchquery-container .js-searchquery .searchquery-remove { margin-left: 8px; cursor: pointer; } .tagsdiv .tags input { border-style: none; } .tagsdiv .autocomplete-container { position: relative; background-color: #fff; border-radius: 5px; padding-left: 10px; padding-right: 10px; width: 100%; } .tagsdiv .autocomplete-container .autocomplete-wrap .autocomplete { list-style: none; color: #222; } .tagsdiv .autocomplete-container .autocomplete-wrap .autocomplete .autocomplete-header { font-weight: bold; } .tagsdiv .autocomplete-container .autocomplete-wrap .autocomplete .autocomplete-item { cursor: pointer; padding-left: 15px; } .tagsdiv .autocomplete-container .autocomplete-wrap .autocomplete .autocomplete-item:hover { background: #f4f3f0; } .searchSection { background: #badaf3; padding: 40px 0; margin-top: 150px; } @media (min-width: 1px) and (max-width: 640px) { .searchSection { padding: 40px 0; margin-top: 80px; } } .searchSection h2 { color: #005aa0; text-align: center; } .searchSection .searchBlock { margin-top: 35px; } @media (max-width: 919px) { .searchSection .searchBlock { margin-top: 30px; } } @media (max-width: 919px) { .searchSection .searchBlock .minRoom { margin-top: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .searchSection .searchBlock .minRoom { margin-top: 0; } } @media (max-width: 919px) { .searchSection .searchBlock .minLotSize { margin-top: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .searchSection .searchBlock .minLotSize { margin-top: 0; } } .searchSection .searchBlock .search-container { width: 100%; position: relative; display: inline-block; margin-right: 2%; } @media only screen and (min-width: 640px) { .searchSection .searchBlock .search-container { width: 30%; } } @media (min-width: 1px) and (max-width: 640px) { .searchSection .searchBlock .search-container { margin-bottom: 20px; } } .searchSection .searchBlock .search-container div { display: inline-block; background-color: #fff; width: 100%; } .searchSection .searchBlock .search-container div .js-searchquery-container { display: none; } .searchSection .searchBlock .search-container div .js-searchquery-container .js-searchquery { display: inline-block; background-color: #005aa0; color: #fff; padding: 10px; border-radius: 10px; margin-top: 13px; margin-right: 10px; margin-left: 10px; width: auto; } .searchSection .searchBlock .search-container div .js-searchquery-container .js-searchquery:last-child { margin-right: 0; } .searchSection .searchBlock .search-container div .js-searchquery-container .js-searchquery .searchquery-remove { margin-left: 8px; cursor: pointer; } .searchSection .searchBlock .search-container .autocomplete-container { position: absolute; background-color: #fff; padding-left: 10px; padding-right: 10px; left: 0; top: 75px; z-index: 2; width: 100%; } .searchSection .searchBlock .search-container .autocomplete-container .autocomplete-wrap .autocomplete { list-style: none; } .searchSection .searchBlock .search-container .autocomplete-container .autocomplete-wrap .autocomplete .autocomplete-header { font-weight: bold; } .searchSection .searchBlock .search-container .autocomplete-container .autocomplete-wrap .autocomplete .autocomplete-item { cursor: pointer; padding-left: 15px; } .searchSection .searchBlock .search-container .autocomplete-container .autocomplete-wrap .autocomplete .autocomplete-item:hover { background: #f4f3f0; } .searchSection .searchBlock .search-container .search-input { display: inline-block; width: 100%; } .searchSection .searchBlock .search-container .search-input input { outline: none; } .searchSection .searchBlock .searchResidence { height: 60px; width: 85%; padding-left: 15px; font-size: 15px; margin-right: 2%; border: none; } @media (max-width: 919px) { .searchSection .searchBlock .searchResidence { width: 98%; } } @media (min-width: 1px) and (max-width: 640px) { .searchSection .searchBlock .searchResidence { width: 100%; } } .searchSection .searchBlock select { height: 60px; width: 14.5%; margin-right: 2%; border: none; padding-left: 15px; color: #005aa0; font-size: 17px; background: url("/Content/Images/small-arrow-down.png") white 136px 27px no-repeat; -webkit-appearance: none; vertical-align: top; } @media (max-width: 1199px) { .searchSection .searchBlock select { font-size: 14px; background: url("/Content/Images/small-arrow-down.png") white 114px 27px no-repeat; } } @media (max-width: 919px) { .searchSection .searchBlock select { width: 30%; background: url("/Content/Images/small-arrow-down.png") white 165px 27px no-repeat; } } @media screen and (max-width: 750px) { .searchSection .searchBlock select { background: url("/Content/Images/small-arrow-down.png") white 185px 27px no-repeat; } } @media (min-width: 1px) and (max-width: 640px) { .searchSection .searchBlock select { width: 100%; margin-bottom: 20px; background: url("/Content/Images/small-arrow-down.png") white 90% 27px no-repeat; } } .searchSection .searchBlock .monitorSearchButton { float: right; clear: left; margin-top: 20px; margin-right: 2%; } @media (min-width: 1px) and (max-width: 640px) { .searchSection .searchBlock .monitorSearchButton { float: left; margin-top: 20px; } } .searchSection .searchBlock .monitorSearchButton p { float: left; margin: 0; font-family: "intro_condbold"; color: #005aa0; font-size: 20px; } .searchSection .searchBlock .monitorSearchButton img { float: right; margin-left: 20px; } .searchSection .searchBlock .checkboxes { width: 100%; overflow: hidden; } .searchSection .searchBlock .checkboxContainer { float: left; width: auto; margin-right: 2%; margin-top: 30px; } @media (max-width: 919px) { .searchSection .searchBlock .checkboxContainer { font-size: 12px; } } .searchSection .searchBlock input[type="checkbox"] { display: none !important; position: absolute; left: -1000px; z-index: -100; } .searchSection .searchBlock input[type="checkbox"] + label { width: 100%; /*margin: 0 0 20px 0;*/ vertical-align: top; display: inline-block !important; line-height: 30px; } .searchSection .searchBlock input[type="checkbox"] + label:before { content: ''; width: 30px; height: 28px; background-color: white; display: block; float: left; margin: 0 5px 0 0; padding-top: 2px; } .searchSection .searchBlock input[type="checkbox"]:checked + label:before { /*font-family: 'Flaticon';*/ /*content: '\f101';*/ content: url("/Content/Images/checked.png"); background: #005aa0; text-align: center; color: white; } .objectsSection { padding: 30px 0 60px; } @media (min-width: 1px) and (max-width: 640px) { .objectsSection { padding: 30px 0 30px; } } .objectSection { padding: 80px 0; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .objectSection { padding: 40px 0; } } .objectSection.objectSingleSection { padding: 0; } .objectSection h2 { text-align: center; font-size: 36px; } @media (min-width: 1px) and (max-width: 640px) { .objectSection h2 { font-size: 28px; } } .objectSection select { display: inline-block; height: 60px; /*float: left;*/ width: 15%; margin: 0 1%; border: none; padding-left: 15px; color: #222; font-family: "intro_cond_regularregular"; border: none; font-size: 15px; background: url("/Content/Images/small-arrow-down.png") white 90% 26px no-repeat; -webkit-appearance: none; border-bottom: 3px solid #5992c2; } @media (max-width: 1199px) { .objectSection select { font-size: 14px; background: url("/Content/Images/small-arrow-down.png") white 116px 27px no-repeat; } } @media (max-width: 919px) { .objectSection select { margin-top: 20px; width: 23%; } } @media (min-width: 1px) and (max-width: 640px) { .objectSection select { width: 47%; margin-top: 0; background: url("/Content/Images/small-arrow-down.png") white 90% 27px no-repeat; } } .objectSection select:focus { outline: none; } .objectSection select option { background-color: #dcddde; } .objectSection select option:hover { background: orange; } .objectSection .filterContainer { margin-top: 20px; margin-bottom: 0; overflow: hidden; text-align: center; } @media (max-width: 919px) { .objectSection .filterContainer { margin-bottom: 30px; } } @media (max-width: 1199px) { .objectSection .filterContainer { margin-top: 0; } } @media (min-width: 1px) and (max-width: 640px) { .objectSection .filterContainer { margin-top: 10px; margin-bottom: 30px; } } .objectSection .object-arrow { float: right; margin: -25px 0 35px; font-family: "intro_condbold"; font-size: 19px; } @media (max-width: 919px) { .objectSection .object-arrow { margin: 25px 0; text-align: center; float: none; } } @media (min-width: 1px) and (max-width: 640px) { .objectSection .object-arrow { margin: 25px 0; text-align: center; float: none; } } .objectSection .object-arrow:after { content: ">"; background: none; width: auto; } .objectSection .resultContainer { width: 80%; float: left; color: #77787b; font-size: 13px; } .objectSection .changeViewContainer { float: right; height: 40px; width: 20%; } @media (min-width: 1px) and (max-width: 640px) { .objectSection .changeViewContainer { width: auto; display: inline-block; margin-left: 0; float: left; margin-bottom: 10px; } } .objectSection .changeViewContainer .viewIcon { float: right; margin-left: 10px; opacity: 0.5; cursor: pointer; } @media (min-width: 1px) and (max-width: 640px) { .objectSection .changeViewContainer .viewIcon.boxViewIcon { margin-left: 0; } } .objectSection .changeViewContainer .viewIcon:hover { opacity: 1; } .objectSection .changeViewContainer .viewIcon img { height: 100%; } .objectSection .changeViewContainer .viewIcon.active { opacity: 1; } .objectSection .boxViewContainer { width: 100%; overflow: hidden; font-size: 0; } .objectSection .boxViewContainer .residence { width: 32%; display: inline-block; vertical-align: top; text-decoration: none; margin-bottom: 25px; margin-right: 2%; color: #222; } .objectSection .boxViewContainer .residence:nth-child(3n) { margin-right: 0; } @media (max-width: 919px) { .objectSection .boxViewContainer .residence { width: 48%; margin-right: 4%; } .objectSection .boxViewContainer .residence:nth-child(2n) { margin-right: 0; } .objectSection .boxViewContainer .residence:nth-child(3n) { margin-right: 4%; } .objectSection .boxViewContainer .residence:nth-child(6n) { margin-right: 0; } } @media (min-width: 1px) and (max-width: 640px) { .objectSection .boxViewContainer .residence { width: 100%; } } .objectSection .boxViewContainer .residence .isSold { cursor: default; } .objectSection .boxViewContainer .residence .residenceImg { /*height: 220px;*/ padding-bottom: 56%; position: relative; /*height: 247px;*/ /*overflow: hidden;*/ } .objectSection .boxViewContainer .residence .residenceImg .overlay { background: transparent; pointer-events: none; position: absolute; width: 100%; height: 100%; transition: .2s; z-index: 3; } .objectSection .boxViewContainer .residence .residenceImg:hover .overlay { background: rgba(0, 0, 0, 0.4); } .objectSection .boxViewContainer .residence .residenceImg img { width: 100%; position: absolute; } @media only screen and (min-width: 640px) { .objectSection .boxViewContainer .residence .residenceImg img { /*width: auto;*/ } } .objectSection .boxViewContainer .residence .residenceImg img.no-estate-image { width: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .objectSection .boxViewContainer .residence .residenceImg img.headstarthome-image { position: absolute; bottom: -26px; right: 10px; display: block; width: auto; z-index: 4; } .objectSection .boxViewContainer .residence .residenceImg .icon-container { position: absolute; top: 15px; left: 15px; } .objectSection .boxViewContainer .residence .residenceImg .icon-container .icon { width: 52px !important; height: 52px !important; z-index: 1; position: relative; } .objectSection .boxViewContainer .residence .residenceImg .icon-sold { right: 0; width: auto !important; } .objectSection .boxViewContainer .residence .residentInfo { padding-left: 15px; } .objectSection .boxViewContainer .residence h3 { margin: 10px 0 0; font-family: "intro_condbold"; font-size: 17px; text-transform: uppercase; } .objectSection .boxViewContainer .residence h3 a { text-decoration: none; } .objectSection .boxViewContainer .residence p { font-size: 16px; margin: 3px 0; font-family: Arial; } .objectSection .boxViewContainer .residence .streetName { color: #222; font-size: 16px; margin: 0 0 10px; font-weight: 600; font-family: "intro_cond_regularregular"; font-weight: 100; } .objectSection .boxViewContainer .residence .streetName a { color: #222; text-decoration: none; } .objectSection .boxViewContainer .residence .streetName .streetAdress { font-family: "intro_condbold"; } .objectSection .boxViewContainer .residence .price { margin: 0; font-family: "intro_condbold"; font-size: 18px; } .objectSection .boxViewContainer .residence .price .red { color: #ed1c24; } .objectSection .boxViewContainer .residence .exhibition { color: #222; font-size: 15px; font-family: "intro_cond_regularregular"; } .objectSection .boxViewContainer .residence .iconContainer { margin-top: 10px; display: none; } .objectSection .boxViewContainer .residence .iconContainer .icon { cursor: pointer; width: 55px; height: 55px; display: inline-block; margin: 0 5px 0 0; opacity: 0.5; } .objectSection .boxViewContainer .residence .iconContainer .icon:hover { opacity: 1; } .objectSection .boxViewContainer .residence .iconContainer .icon.compare { opacity: 0.5; } .objectSection .boxViewContainer .residence .iconContainer .icon.compare:hover, .objectSection .boxViewContainer .residence .iconContainer .icon.compare.active { opacity: 1; } .objectSection .boxViewContainer .residence .iconContainer .icon img { width: 100%; } .objectSection .listViewContainer { display: none; } .objectSection .listViewContainer .residence { width: 100%; text-decoration: none; margin-bottom: 25px; border-bottom: 2px solid #eff4f9; color: #222; overflow: hidden; padding: 30px 0; } .objectSection .listViewContainer .residence .residenceImg { width: 45%; float: left; padding-bottom: 30%; background-color: #ddd; position: relative; margin-right: 5%; height: 100%; overflow: hidden; /*@media only screen and (min-width:$tiny-screen) { height: 342px; }*/ } @media (max-width: 1199px) { .objectSection .listViewContainer .residence .residenceImg { width: 47%; margin-right: 3%; padding-bottom: 32%; } } @media (min-width: 1px) and (max-width: 640px) { .objectSection .listViewContainer .residence .residenceImg { width: 100%; padding-bottom: 60%; } } .objectSection .listViewContainer .residence .residenceImg .overlay { background: transparent; pointer-events: none; position: absolute; width: 100%; height: 100%; } .objectSection .listViewContainer .residence .residenceImg:hover .overlay { background: rgba(0, 0, 0, 0.5); } .objectSection .listViewContainer .residence .residenceImg img { width: 100%; position: absolute; } .objectSection .listViewContainer .residence .residenceImg img.no-estate-image, .objectSection .listViewContainer .residence .residenceImg img.headstarthome-image { width: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); } .objectSection .listViewContainer .residence .residenceImg .icon-container { position: absolute; top: 15px; left: 15px; } .objectSection .listViewContainer .residence .residenceImg .icon-container .icon { width: 60px !important; height: 60px !important; z-index: 1; position: relative; } .objectSection .listViewContainer .residence .residenceImg .icon-sold { right: 0; width: auto !important; } .objectSection .listViewContainer .residence .residenceInfo { width: 50%; padding-right: 10px; float: left; } @media (min-width: 1px) and (max-width: 640px) { .objectSection .listViewContainer .residence .residenceInfo { width: 100%; } } .objectSection .listViewContainer .residence .infoText { font-size: 14px; margin-top: 20px; } .objectSection .listViewContainer .residence h3 { margin: 10px 0 0; font-family: "intro_condbold"; font-size: 30px; } @media (min-width: 1px) and (max-width: 640px) { .objectSection .listViewContainer .residence h3 { margin: 20px 0 0; } } .objectSection .listViewContainer .residence h3 a { text-decoration: none; } .objectSection .listViewContainer .residence p { font-size: 16px; margin: 3px 0; font-family: Arial; } .objectSection .listViewContainer .residence .streetName { color: #005aa0; font-size: 22px; margin: 5px 0 20px; font-weight: 600; font-family: "intro_cond_regularregular"; } .objectSection .listViewContainer .residence .streetName a { text-decoration: none; } .objectSection .listViewContainer .residence .price { margin: 0; font-family: "intro_condbold"; } .objectSection .listViewContainer .residence .price .red { color: #ed1c24; } .objectSection .listViewContainer .residence .exhibition { color: #ed1c24; font-size: 15px; } .objectSection .listViewContainer .residence .iconContainer { margin-top: 10px; display: none; } .objectSection .listViewContainer .residence .iconContainer .icon { width: 55px; height: 55px; display: inline-block; margin: 0 5px 0 0; cursor: pointer; opacity: 0.5; } .objectSection .listViewContainer .residence .iconContainer .icon:hover { opacity: 1; } .objectSection .listViewContainer .residence .iconContainer .icon.compare { opacity: 0.5; } .objectSection .listViewContainer .residence .iconContainer .icon.compare:hover, .objectSection .listViewContainer .residence .iconContainer .icon.compare.active { opacity: 1; } .objectSection .listViewContainer .residence .iconContainer .icon img { width: 100%; } .objectSection .mapViewContainer { display: none; } .objectSection .mapViewContainer .map { width: 100%; height: 700px; } @media (max-width: 1199px) { .objectSection .mapViewContainer .map { height: 500px; } } @media (min-width: 1px) and (max-width: 640px) { .objectSection .mapViewContainer .map { height: 360px; } } /*ObjectDetails*/ .handScroll { width: 30px; height: 30px; position: fixed; top: 50px; right: 0; opacity: .4; display: none; z-index: 10; } .handScroll img { width: 100%; } .object-details .container { position: relative; } .object-details p { font-family: "intro_cond_regularregular"; white-space: pre-line; text-align: left; width: 100%; } @media (min-width: 1px) and (max-width: 640px) { .object-details p { width: 100%; } } .object-details .object-overview-sellingDescription { margin-top: -20px; } .object-details h1 { width: 100%; margin-bottom: 20px; font-family: "intro_condbold"; font-size: 20px; line-height: 1.3; } @media (min-width: 1px) and (max-width: 640px) { .object-details h1 { margin-bottom: 15px; } } .object-details h2 { text-align: center; margin-bottom: 80px; } .object-details .object-tuple { display: block; margin-bottom: 10px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-tuple { font-size: 17px; line-height: 20px; } } .object-details .object-tuple:first-child { margin-top: 10px; } .object-details .object-tuple p { margin-top: 0px; margin-bottom: 0px; display: inline-block; vertical-align: top; } .object-details .object-tuple.inner { font-weight: 100 !important; } .object-details .object-tuple.inner:before { content: "-"; width: auto; height: auto; display: inline-block; } .object-details .object-tuple --preserveNewLines { white-space: pre-line; } .object-details .object-buttongroup { margin-top: 35px; /*text-align: center;*/ padding: 0; text-align: center; } .object-details .object-buttongroup.center-button { text-align: center; } .object-details .object-buttongroup .object-button-1 { width: 48%; margin-right: 2% !important; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-buttongroup .object-button-1 { margin-right: 1%; } } .object-details .object-buttongroup .object-button-1 a { display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-buttongroup .object-button-1 a { padding: 13px 5px; width: 100%; } } .object-details .object-buttongroup .object-button-2 { width: 49%; } @media (max-width: 1199px) { .object-details .object-buttongroup .object-button-2 { width: 48%; } } .object-details .object-buttongroup a { text-decoration: none; display: block; padding: 14px 28px; width: 100%; } .object-details .object-buttongroup span { text-align: center; display: block; font-family: "intro_condbold"; font-size: 19px; } .object-details .object-buttongroup div { border-style: solid !important; border-color: #005aa0 !important; text-decoration: none; display: inline-block; } @media only screen and (min-width: 641px) { .object-details .object-buttongroup div { width: 230px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-buttongroup div { /*width: 230px;*/ width: 100%; } } .object-details .object-buttongroup div:nth-child(odd) { padding: 0px; background: #005aa0; } .object-details .object-buttongroup div:nth-child(odd) a { color: #fff; } .object-details .object-buttongroup div:nth-child(even) { margin: 0px; padding: 0px; background: #fff; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-buttongroup div:nth-child(even) { margin: 10px 0; } } .object-details .object-buttongroup div:nth-child(even) a { color: #005aa0; } .object-details .invertedbuttongroup { margin-top: 30px; } .object-details .invertedbuttongroup a { text-decoration: none; display: block; } .object-details .invertedbuttongroup span { text-align: center; padding: 14px 28px; display: block; font-family: "intro_condbold"; font-size: 19px; } .object-details .invertedbuttongroup div { border-style: solid !important; border-color: #005aa0 !important; text-decoration: none; } .object-details .invertedbuttongroup div:nth-child(even) { padding: 0px; background: #005aa0; } .object-details .invertedbuttongroup div:nth-child(even) a { color: #fff; } .object-details .invertedbuttongroup div:nth-child(odd) { margin: 0px; padding: 0px; background: #fff; } .object-details .invertedbuttongroup div:nth-child(odd) a { color: #005aa0; } .object-details section.object-details-section { padding-bottom: 95px; overflow: auto; } @media (min-width: 1px) and (max-width: 640px) { .object-details section.object-details-section { padding-bottom: 40px; } } .object-details section.object-details-section.object-overview { padding-bottom: 15px; } .object-details section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section { background-color: #fff; } .object-details section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section, .object-details section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section ~ section.object-details-section { background-color: #eff4f9; } .object-details .hero { /*min-height: 660px;*/ min-height: 500px; height: auto !important; background-position: 50%; background-size: contain; background-position: center; background-color: #f7f7f7; padding-top: 0; overflow: hidden; position: relative; } @media (max-width: 1199px) { .object-details .hero { min-height: 400px; } } @media (max-width: 919px) { .object-details .hero { background-size: cover; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .hero { min-height: 200px; /*overflow: visible;*/ background-size: cover; } } @media screen and (max-width: 450px) { .object-details .hero { min-height: 150px; padding-bottom: 90px; } } .object-details .hero.no-image { background-size: initial; } .object-details .hero .heroImg { /*width: 110%;*/ width: 100%; position: absolute; top: 0; /*left: -5%;*/ left: 0; } @media (max-width: 1199px) { .object-details .hero .heroImg { left: 0; width: 100%; } } .object-details .hero .object-hero-infobox { background-color: #fff; opacity: 0.9; margin-top: 65px; padding-top: 30px; padding-bottom: 45px; padding-left: 55px; display: inline-block; padding-right: 55px; max-width: 70%; margin-bottom: 30px; float: right; margin-right: -15px; /*@media screen and (max-width:460px) { margin-top: 70%; } @media screen and (max-width:350px) { margin-top: 72%; }*/ } @media (max-width: 1199px) { .object-details .hero .object-hero-infobox { margin-top: 180px; } } @media (max-width: 919px) { .object-details .hero .object-hero-infobox { margin-top: 59%; width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .hero .object-hero-infobox { margin-bottom: 0; min-height: 200px; margin-top: 0; max-width: 100%; padding: 20px 0; /*margin-top: 67%;*/ margin-top: 57%; margin-right: 0; width: 100%; } } @media (min-width: 1px) and (max-width: 480px) { .object-details .hero .object-hero-infobox { margin-top: 58%; } } .object-details .hero .object-hero-infobox h1, .object-details .hero .object-hero-infobox h2 { width: 100%; margin-left: 0px; text-align: left; margin-bottom: 0px; font-size: 40px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .hero .object-hero-infobox h1, .object-details .hero .object-hero-infobox h2 { font-size: 30px; line-height: 35px; } } .object-details .hero .object-hero-infobox p { margin-top: 15px; font-family: "intro_condbold"; font-size: 20px; white-space: normal; } .object-details .hero .object-hero-infobox .object-hero-infobox-specs { color: #005aa0; } @media (min-width: 1px) and (max-width: 640px) { .object-details .hero .object-hero-infobox .object-hero-infobox-specs { font-size: 19px; } } .object-details .hero .object-hero-infobox .blue-price { color: #005aa0; } .object-details .hero .object-hero-infobox .bidOngoing { color: #e30613; cursor: pointer; } .object-details .hero .object-hero-infobox .object-hero-infobox-price { color: #005aa0; margin-left: 2px; display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .object-details .hero .object-hero-infobox .object-hero-infobox-price { font-size: 16px; display: block; } } .object-details .hero .object-hero-infobox .seeImages { display: inline-block; margin-left: 20px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .hero .object-hero-infobox .seeImages { margin-left: 20px; } } @media screen and (max-width: 345px) { .object-details .hero .object-hero-infobox .seeImages { margin-left: 0; width: 100%; margin-top: 10px; } } .object-details .hero .object-hero-infobox .seeImages:before { background-image: url("/Content/Images/picture-icon.png"); width: 24px; height: 24px; content: " "; margin-right: 10px; display: inline-block; vertical-align: bottom; } .object-details .hero .object-hero-infobox a { font-family: "intro_condbold"; text-decoration: none; font-size: 20px; } .object-details .hero .object-hero-infobox a:before { background-image: url("/Content/Images/location1-icon.png"); width: 21px; height: 26px; content: " "; margin-right: 10px; display: inline-block; vertical-align: bottom; } .object-details .object-menu { background-color: #294f6e !important; display: flex; width: 100%; overflow: auto; white-space: nowrap; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-menu { /*overflow-x: auto; overflow-y: visible;*/ /*display: none;*/ } } .object-details .object-menu .container { width: 100%; } .object-details .object-menu .logoToTop { cursor: pointer; width: 32px; /*margin-left: 15%;*/ margin-right: 20px; margin-top: 15px; height: 32px; float: left; background: url("/Content/Images/no-image-logo.png"); background-size: cover; background-repeat: no-repeat; display: none; } .object-details .object-menu a.object-menu-element { font-family: "intro_condbold"; font-size: 18px; display: inline-block; margin: 16px 0; margin-right: 2%; text-decoration: none; cursor: pointer; color: white; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-menu a.object-menu-element { font-size: 15px; } } .object-details .object-menu a.object-menu-element.selected, .object-details .object-menu a.object-menu-element:hover { text-decoration: underline; } .object-details .object-menu a.object-menu-element:first-child { margin-left: 15%; border-bottom: #005aa0 solid 3px; } .object-details .object-menu a.object-menu-element:last-child { margin-right: 9%; } .object-details .ldplus-section.ldplus-section__image, .object-details .ldplus-section .headstarthome-section__image, .object-details .ldplus-section.ldplus-section__image, .object-details .ldplus-section .headstarthome-section__image { vertical-align: top; margin-top: 25px; margin-right: 12px; } .object-details .ldplus-section.ldplus-section__text, .object-details .ldplus-section .headstarthome-section__text, .object-details .ldplus-section.ldplus-section__text, .object-details .ldplus-section .headstarthome-section__text { width: 70%; display: inline-block; margin-top: 0; } .object-details .ldplus-section.ldplus-section__link, .object-details .ldplus-section.ldplus-section__link { text-decoration: none; } .object-details .headstarthome-section.headstarthome-section__image { vertical-align: top; margin-top: 25px; margin-right: 12px; } .object-details .headstarthome-section.headstarthome-section__text { width: 70%; display: inline-block; margin-top: 0; } .object-details .headstarthome-section.headstarthome-section__link { text-decoration: none; } .object-details .object-overview { padding-top: 40px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview { padding-top: 0; } } .object-details .object-overview .object-overview-sellingDescription { font-size: 17px; width: 95%; overflow: auto; } .object-details .object-overview .searchSection .estateDescriptionsText { width: 95%; } .object-details .object-overview .searchSection .estateDescriptionsText h3 { margin-top: 25px; font-size: 30px !important; line-height: 35px !important; } .object-details .object-overview .searchSection .estateDescriptionsText p { font-size: 16px; overflow: auto; } .object-details .object-overview table.object-overview-infotable { border-collapse: collapse; width: 100%; overflow: auto; } @media (max-width: 1199px) { .object-details .object-overview table.object-overview-infotable { font-size: 13px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview table.object-overview-infotable { font-size: 13px; margin-top: 20px; } } .object-details .object-overview table.object-overview-infotable a { float: right; font-family: "intro_cond_regularregular"; } .object-details .object-overview table.object-overview-infotable tr { background-color: white; } .object-details .object-overview table.object-overview-infotable tr:nth-child(odd) { background-color: #dae0e6; } .object-details .object-overview table.object-overview-infotable th, .object-details .object-overview table.object-overview-infotable td { width: 50%; /*border: solid $cloud;*/ padding: 10px 20px 10px 15px; vertical-align: top; /*.bidContainer { overflow: hidden; display: inline-block; text-align: right; float: right; margin: 10px 0; &.cancelled { text-decoration: line-through; color: $red; } .object-overview-infotable-bid-container { &:nth-child(odd) { .object-overview-infotable-bid { background-color: $newGray; } } } }*/ } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview table.object-overview-infotable th, .object-details .object-overview table.object-overview-infotable td { padding: 7px; } } .object-details .object-overview table.object-overview-infotable th:first-child, .object-details .object-overview table.object-overview-infotable td:first-child { font-family: "intro_cond_regularregular"; color: #222; font-size: 16px; } @media (max-width: 1199px) { .object-details .object-overview table.object-overview-infotable th:first-child, .object-details .object-overview table.object-overview-infotable td:first-child { font-size: 14px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview table.object-overview-infotable th:first-child, .object-details .object-overview table.object-overview-infotable td:first-child { font-size: 15px; } } .object-details .object-overview table.object-overview-infotable th:last-child p, .object-details .object-overview table.object-overview-infotable td:last-child p { font-family: "intro_cond_regularregular"; color: #222; font-size: 16px; float: right; display: block; margin-top: 0px; margin-bottom: 0px; clear: both; text-align: right; white-space: normal; width: 100%; /*&.object-overview-infotable-startingprice-mini { font-size: 13px; } &.object-overview-infotable-bid { color: $black; margin-bottom: 3px; padding: 10px 0; background-color: white; &.current-bid { color: $black; margin-bottom: 0; } .bidder { font-family: $fontHeaderBold; } }*/ } @media (max-width: 1199px) { .object-details .object-overview table.object-overview-infotable th:last-child p, .object-details .object-overview table.object-overview-infotable td:last-child p { font-size: 14px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview table.object-overview-infotable th:last-child p, .object-details .object-overview table.object-overview-infotable td:last-child p { font-size: 15px; } } .object-details .object-overview table.object-overview-infotable th:last-child p.object-overview-infotable-viewing, .object-details .object-overview table.object-overview-infotable td:last-child p.object-overview-infotable-viewing { color: black; } .object-details .object-overview table.object-overview-infotable th:last-child p.object-overview-infotable-bid-mini, .object-details .object-overview table.object-overview-infotable td:last-child p.object-overview-infotable-bid-mini { /*color: $red;*/ color: #222; font-size: 13px; } .object-details .object-overview table.object-overview-infotable th:last-child .object-overview-infotable-bid-showall, .object-details .object-overview table.object-overview-infotable td:last-child .object-overview-infotable-bid-showall { cursor: pointer; color: #005aa0; } .object-details .object-overview table.object-overview-infotable th:last-child .object-overview-infotable-bid-showall:after, .object-details .object-overview table.object-overview-infotable td:last-child .object-overview-infotable-bid-showall:after { background-image: url("/Content/Images/small-arrow-down.png"); width: 15px; height: 9px; content: " "; margin-left: 11px; display: inline-block; vertical-align: baseline; transition: 2s; } .object-details .object-overview table.object-overview-infotable th:last-child .object-overview-infotable-bid-showall.animation-arrow:after, .object-details .object-overview table.object-overview-infotable td:last-child .object-overview-infotable-bid-showall.animation-arrow:after { transform: rotateZ(180deg); } .object-details .object-overview table.object-overview-infotable th:last-child .object-overview-infotable-bid-container, .object-details .object-overview table.object-overview-infotable td:last-child .object-overview-infotable-bid-container { display: none; } .object-details .object-overview .object-overview-icons { text-align: right; } .object-details .object-overview .object-overview-icons .icon { opacity: 0.5; cursor: pointer; display: none; } .object-details .object-overview .object-overview-icons .icon:hover, .object-details .object-overview .object-overview-icons .icon.active { opacity: 1; } .object-details .object-overview .object-overview-icons .icon-link { text-decoration: none; } .object-details .object-overview .object-overview-icons img { margin-top: 20px; margin-bottom: 20px; margin-right: 9px; width: 36px; height: 36px; } .object-details .object-overview .object-overview-icons img:last-child { margin-right: 0px; } .object-details .object-overview .object-overview-container-contactcards { overflow: auto; } .object-details .object-overview .object-overview-contactcard { clear: both; width: 100%; background-color: #eff4f9; padding-top: 30px; padding-bottom: 30px; padding-left: 40px; margin-bottom: 20px; } @media (max-width: 1199px) { .object-details .object-overview .object-overview-contactcard { padding-left: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview .object-overview-contactcard { text-align: center; padding-top: 20px; overflow: hidden; } } .object-details .object-overview .object-overview-contactcard a { display: block; font-family: "intro_cond_regularregular"; font-size: 17px; margin-bottom: 5px; /*&:first-child { margin-top: 23px; }*/ } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview .object-overview-contactcard .column-2 { width: 50%; float: left; } } .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-picture { padding-top: 10px; padding-left: 45px; margin: 0 auto; } @media (max-width: 1199px) { .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-picture { padding-left: 0; } } .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-picture img { width: 180px; height: 180px; border-radius: 50%; filter: grayscale(1); } @media (max-width: 1199px) { .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-picture img { width: 100%; height: auto; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-picture img { width: 80%; height: auto; display: block; margin: 0 auto; } } .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-contact { margin-top: 10px; margin-bottom: 17px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-contact p { text-align: center; } } .object-details .object-overview .object-overview-contactcard .object-overview-contactcard-contact a { color: #222; text-decoration: none; } .object-details .object-overview .object-overview-contactcard p { margin-top: 0; margin-bottom: 0; font-size: 15px; } .object-details .object-overview .object-overview-contactcard p.object-overview-contactcard-title { margin-top: 5px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-overview .object-overview-contactcard p.object-overview-contactcard-title { text-align: center; } } .object-details .object-overview .object-overview-contactcard h3 { font-size: 26px; font-weight: 200; margin-bottom: 0px; font-family: "intro_cond_regularregular"; } @media (max-width: 1199px) { .object-details .object-overview .object-overview-contactcard h3 { font-size: 24px; line-height: 1.2; } } .object-details .object-canceled { text-decoration: line-through; color: #e30613 !important; margin-top: 10px !important; } .object-details .object-estates { padding-top: 60px; } .object-details .object-estates .changeViewContainer { height: 40px; width: 100%; display: block; text-align: right; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-estates .changeViewContainer { display: none; } } .object-details .object-estates .changeViewContainer .viewIcon { float: right; margin-left: 10px; opacity: 0.5; cursor: pointer; } .object-details .object-estates .changeViewContainer .viewIcon:hover { opacity: 1; } .object-details .object-estates .changeViewContainer .viewIcon.active { opacity: 1; } .object-details .object-estates .changeViewContainer .viewIcon img { height: 100%; } .object-details .object-estates .card-container { display: none; clear: both; } .object-details .object-estates .card-container .card { display: inline-block; background-color: #fff; padding-left: 35px; padding-right: 35px; padding-top: 15px; padding-bottom: 15px; min-height: 240px; width: 100%; min-width: 250px; margin-top: 10px; vertical-align: top; text-decoration: none; } @media only screen and (min-width: 720px) { .object-details .object-estates .card-container .card { width: 23%; margin-right: 19px; } .object-details .object-estates .card-container .card:last-child { margin-right: 0; } } .object-details .object-estates .card-container .card .card-title { font-family: "intro_condbold"; } .object-details .object-estates .card-container .card .tuple { margin: 0; white-space: normal; } .object-details .object-estates .card-container .card .tuple .key { font-family: "intro_cond_regularregular"; } .object-details .object-estates .card-container .card .tuple .value.--sold { color: #e30613; } .object-details .object-estates .card-container .card .tuple .value.--available { color: #95c11f; } .object-details .object-estates .card-container .card .interestForm { color: #76bbe7; font-weight: bold; cursor: pointer; } .object-details .object-estates .table { width: 100%; text-align: left; border-collapse: collapse; /* border-style: solid; border-color: $blue; border-width: 1px; */ } .object-details .object-estates .table .header { background-color: #005aa0; } .object-details .object-estates .table .header .headerRow .headerCell { font-family: "intro_condbold"; padding-top: 10px; font-weight: normal; padding-bottom: 10px; color: #fff; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .object-details .object-estates .table .header .headerRow .headerCell:hover { color: #e6e5e5; } .object-details .object-estates .table .header .headerRow .headerCell:first-child { padding-left: 10px; } .object-details .object-estates .table .header .headerRow .headerCell:last-child { padding-right: 10px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-estates .table .header .headerRow .headerCell { font-size: 10px; } } .object-details .object-estates .table .body .bodyRow .bodyCell { padding-top: 5px; padding-bottom: 5px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-estates .table .body .bodyRow .bodyCell { font-size: 10px; } } .object-details .object-estates .table .body .bodyRow .bodyCell a { text-decoration: none; } .object-details .object-estates .table .body .bodyRow .bodyCell:first-child { padding-left: 10px; } .object-details .object-estates .table .body .bodyRow .bodyCell:first-child a { color: #95c11f; } .object-details .object-estates .table .body .bodyRow .bodyCell:last-child { padding-right: 10px; } .object-details .object-estates .table .body .bodyRow .bodyCell.green { color: #95c11f; } .object-details .object-estates .table .body .bodyRow .bodyCell.red { color: #e30613; } .object-details .object-estates .table .body .bodyRow:nth-child(even) { background-color: #fff; } .object-details .object-surrounding { padding: 60px 0; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-surrounding { padding: 40px 0; } } .object-details .object-surrounding .header { margin-bottom: 0; } .object-details .object-surrounding p { width: 100%; } .object-details .object-surrounding .item-container .item { margin-bottom: 60px; } .object-details .object-surrounding .item-container .item:last-child { margin-bottom: 0; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-surrounding .item-container .item { margin-bottom: 40px; } } .object-details .object-surrounding .item-container .item .header { padding-top: 60px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-surrounding .item-container .item .header { padding-top: 40px; } } .object-details .object-surrounding .item-container .item .divider { color: #b1b3b6; margin-top: 35px; } .object-details .object-showing { width: 49%; display: inline-block; vertical-align: top; padding-top: 20px; overflow: auto; padding-bottom: 20px !important; } @media (max-width: 1199px) { .object-details .object-showing { padding-bottom: 20px; padding-top: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing { padding-top: 10px; width: 100%; } } .object-details .object-showing.fullWidth { width: 100%; float: none; overflow: visible; } .object-details .object-showing.fullWidth .viewingBlock { max-width: 420px; } .object-details .object-showing p { font-family: "intro_condbold"; font-size: 20px; } .object-details .object-showing h1 { padding-top: 60px; } .object-details .object-showing h2 { padding-bottom: 40px; margin-bottom: 0; font-size: 32px; } @media (max-width: 1199px) { .object-details .object-showing h2 { margin-bottom: 0; padding-bottom: 30px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing h2 { font-size: 26px; } } .object-details .object-showing span { font-size: 17px; } .object-details .object-showing .addeventatc, .object-details .object-showing .signup { border-radius: 0; border-width: 3px; line-height: normal !important; min-height: 46px; width: 44%; } @media (max-width: 1199px) { .object-details .object-showing .addeventatc, .object-details .object-showing .signup { margin-top: 10px !important; } } .object-details .object-showing .addeventatc_dropdown { width: 222px; top: 50px !important; } .object-details .object-showing .addeventatc_icon.atc_node { display: none; } .object-details .object-showing .nocustomradiobutton { margin-left: 30px; } .object-details .object-showing .customRadioButton { display: inline-block; width: 30px; height: 30px; cursor: pointer; vertical-align: middle; top: -4px; position: relative; } .object-details .object-showing .customRadioButton.disabled { cursor: not-allowed !important; } .object-details .object-showing .customRadioButton .disabledButton { cursor: not-allowed !important; } .object-details .object-showing .customRadioButton input[type=radio], .object-details .object-showing .customRadioButton input[type=text] { opacity: 0; width: 30px; height: 30px; z-index: 2; cursor: pointer; position: relative; } .object-details .object-showing .customRadioButton > div { background-color: white; width: 30px; height: 30px; line-height: 100px; color: white; text-align: center; border-radius: 50%; top: -35px; position: relative; border-style: solid; border-width: 3px; border-color: #005aa0; } .object-details .object-showing .customRadioButton input[type=radio] + div > div { background-color: #e30613; width: 18px; height: 18px; display: none; text-align: center; border-radius: 50%; margin-top: 3px; margin-left: 3px; } .object-details .object-showing .customRadioButton input[type=radio]:checked + div > div { display: block; } .object-details .object-showing .customRadioButton input[type=radio]:hover + div > div { display: block; opacity: 0.8; } .object-details .object-showing .customRadioButton input[type=radio]:disabled + div > div { display: block; } .object-details .object-showing .customRadioButton input.disabled + div > div { background-color: #77787b; width: 18px; height: 18px; text-align: center; border-radius: 50%; margin-top: 3px; margin-left: 3px; cursor: not-allowed; } .object-details .object-showing .object-showing-container { min-height: 285px; display: flex; display: -webkit-flex; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-container { display: block; padding: 0; } } .object-details .object-showing .--aligncenter { text-align: center; } .object-details .object-showing .object-showing-left { padding-top: 0; padding-left: 25px; padding-bottom: 35px; padding-right: 15px; left: 1.5px; position: relative; /*min-height: 320px;*/ /*height: 100%;*/ flex: 1; -webkit-flex: 1; } @media (max-width: 1199px) { .object-details .object-showing .object-showing-left { padding-bottom: 0; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-left { padding: 0; /*padding-left: 15px;*/ } } .object-details .object-showing .object-showing-left .viewingInterestText { text-align: center; } .object-details .object-showing .object-showing-left .viewing--center { width: auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #005aa0; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-left .viewing--center { position: static; transform: none; } } .object-details .object-showing .object-showing-left .coordinates-container { display: none; } .object-details .object-showing .object-showing-left.column-2 { margin: 0px; } .object-details .object-showing .object-showing-left .object-showing-descriptionContainer { margin-top: -5px; margin-left: 10px; display: inline-block; width: 80%; vertical-align: middle; } .object-details .object-showing .object-showing-left .object-showing-descriptionContainer label { vertical-align: middle; } .object-details .object-showing .object-showing-left .object-showing-descriptionContainer p { font-family: "intro_cond_regularregular"; font-size: 16px; vertical-align: middle; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-left .object-showing-descriptionContainer { width: 70%; } } .object-details .object-showing .object-showing-left .form-group { margin-bottom: 15px; } .object-details .object-showing .object-showing-left .form-group:last-child { margin-bottom: 0; } .object-details .object-showing .object-showing-left .object-showing-formContainer { /*margin-top: 30px;*/ } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-left .object-showing-formContainer { margin-top: 20px; } } .object-details .object-showing .object-showing-left label { color: #005aa0; font-family: "intro_cond_regularregular"; font-size: 18px; position: relative; width: 100%; display: block; } .object-details .object-showing .object-showing-left label.--gray { color: #77787b; cursor: not-allowed; } .object-details .object-showing .object-showing-left p { margin: 0px; } .object-details .object-showing .object-showing-left p.--gray { color: #77787b; cursor: not-allowed; } .object-details .object-showing .object-showing-right { right: 1.5px; position: relative; flex: 1; display: block; background-color: #badaf3; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-right { display: block; /*height: 320px;*/ height: auto; } } .object-details .object-showing .object-showing-right .object-hero-infobox { /*background-color: $white;*/ /*opacity: 0.9;*/ /*margin-left: 23.4%;*/ padding-top: 24px; padding-bottom: 45px; padding-left: 40px; display: inline-block; padding-right: 56px; max-width: 100%; margin-bottom: 30px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-right .object-hero-infobox { margin-bottom: 0; min-height: 200px; margin-top: 0; max-width: 100%; padding: 20px; /*margin-top: 67%;*/ /*padding-left: 30px;*/ /*padding-right: 30px;*/ padding-left: 15px; padding-right: 15px; width: 100%; overflow: auto; } } .object-details .object-showing .object-showing-right .object-hero-infobox h1, .object-details .object-showing .object-showing-right .object-hero-infobox h2 { width: 100%; margin-left: 0px; text-align: left; margin-bottom: 0px; font-size: 34px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-right .object-hero-infobox h1, .object-details .object-showing .object-showing-right .object-hero-infobox h2 { font-size: 30px; line-height: 35px; } } .object-details .object-showing .object-showing-right .object-hero-infobox p { margin-top: 15px; font-family: "intro_condbold"; font-size: 21px; white-space: normal; } .object-details .object-showing .object-showing-right .object-hero-infobox .object-hero-infobox-specs { color: #005aa0; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-right .object-hero-infobox .object-hero-infobox-specs { font-size: 19px; } } .object-details .object-showing .object-showing-right .object-hero-infobox .object-hero-infobox-price { color: #005aa0; margin-left: 2px; display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-showing .object-showing-right .object-hero-infobox .object-hero-infobox-price { font-size: 16px; display: block; } } .object-details .object-showing .object-showing-right .object-hero-infobox a { font-family: "intro_condbold"; text-decoration: none; font-size: 21px; } .object-details .object-showing .object-showing-right .object-hero-infobox a:before { background-image: url("/Content/Images/location1-icon.png"); width: 21px; height: 26px; content: " "; margin-right: 10px; display: inline-block; vertical-align: bottom; } .object-details .object-showing .object-showing-right #map { /*width: 100%; height: 100%;*/ position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .object-details .object-services { background-color: #badaf3; padding-top: 90px; padding-bottom: 90px; font-family: "intro_condbold"; } .object-details .object-services h3 { font-size: 25px; font-family: "intro_condbold"; } .object-details .object-services p { line-height: 1.3; font-size: 18px; } .object-details .object-services .column-3 { text-align: center; } @media only screen and (min-width: 640px) { .object-details .object-services .column-3 { margin: 0; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-services .column-3 { margin-bottom: 55px; } .object-details .object-services .column-3:last-child { margin-bottom: 0; } } .object-details .object-services .column-3 p { margin-left: 15%; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-services .column-3 p { margin-left: 0; font-size: 15px; } } .object-details .object-services .column-3 .readMoreArrow { margin-left: 15%; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-services .column-3 .readMoreArrow { margin-left: 0; } } .object-details .object-services img { /*width: 159px; height: 159px;*/ margin-bottom: 15px; } .object-details .object-services a, .object-details .object-services div { text-align: left; font-size: 20px; } .object-details .object-services a { text-decoration: none; } .object-details .object-services a::after { background-image: url("/Content/Images/blue-arrow-right.png"); width: 36px; height: 21px; content: " "; margin-left: 11px; display: inline-block; vertical-align: bottom; } .object-details .object-images { padding-top: 70px; margin-bottom: 2px; } .object-details .object-images h1 { margin-bottom: 0; } .object-details .object-images h2 { margin-bottom: 0; } .object-details .object-images hr { color: #b1b3b6; display: block; height: 1px; border: 0; border-top: 1px solid #b1b3b6; margin: 1em 0; padding: 0; width: 98.5%; } .object-details .object-images p { font-family: "intro_condbold"; } .object-details .object-images a { text-decoration: none; float: right; font-family: "intro_condbold"; font-size: 20px; } .object-details .object-images a::after { background-image: url("/Content/Images/blue-arrow-right.png"); width: 36px; height: 21px; content: " "; margin-left: 11px; display: inline-block; vertical-align: bottom; } .object-details .object-images a.nofloat { float: none !important; } .object-details .object-images a.nofloat::after { display: none !important; } .object-details .object-images a.nofloat:after { display: none !important; } .object-details .object-images .object-images-main-header { margin-top: 10px; margin-bottom: 10px; overflow: hidden; } .object-details .object-images .object-images-main-header p { margin: 0px; color: #b1b3b6; } .object-details .object-images .object-images-main-header a { margin-right: 18px; } .object-details .object-images .object-images-main-header .go-to-blueprint { margin-right: 0; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-header .go-to-blueprint { margin-bottom: 12px; } } .object-details .object-images .object-images-main-left .image { margin-bottom: 25px; /*width: 253px;*/ height: 243px; width: 47.5%; /*padding-bottom: 46%;*/ margin-right: 0; float: left; overflow: hidden; } @media (max-width: 1199px) { .object-details .object-images .object-images-main-left .image { height: auto; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-left .image { height: auto; } } .object-details .object-images .object-images-main-left .image img { width: 100%; } .object-details .object-images .object-images-main-left .image::after { display: none; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-left .image { width: 100%; margin: 10px auto; margin-bottom: 15px; float: none; display: block; overflow: hidden; } } @media (min-width: 1px) and (max-width: 480px) { .object-details .object-images .object-images-main-left .image { width: 100%; } } .object-details .object-images .object-images-main-left .image:first-child { margin-right: 5%; } @media (max-width: 1199px) { .object-details .object-images .object-images-main-left .image:first-child { height: auto; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-left .image:first-child { width: 100%; margin: 10px auto; float: none; display: block; overflow: hidden; } } .object-details .object-images .object-images-main-left .image:nth-child(3) { margin-bottom: 0px; width: 100%; height: 543px; } @media (max-width: 1199px) { .object-details .object-images .object-images-main-left .image:nth-child(3) { height: auto; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-left .image:nth-child(3) { width: 100%; margin: 10px auto; float: none; height: auto; display: block; overflow: hidden; } } .object-details .object-images .object-images-main-right .image { margin-top: 25px; /*width: 253px; height: 243px;*/ height: 243px; width: 47.5%; margin-right: 0; float: left; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-right .image { height: auto; } } .object-details .object-images .object-images-main-right .image img { width: 100%; } .object-details .object-images .object-images-main-right .image::after { display: none; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-right .image { width: 100%; margin: 10px auto; float: none; display: block; overflow: hidden; } } .object-details .object-images .object-images-main-right .image:first-child { margin-top: 0px; width: 100%; height: 543px; } @media (max-width: 1199px) { .object-details .object-images .object-images-main-right .image:first-child { height: auto; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-right .image:first-child { width: 100%; margin: 10px auto; float: none; display: block; height: auto; overflow: hidden; } } .object-details .object-images .object-images-main-right .image:nth-child(2) { margin-right: 5%; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-images .object-images-main-right .image:nth-child(2) { width: 100%; margin: 10px auto; float: none; overflow: hidden; display: block; } } .object-details .object-images .object-images-count p { color: #b1b3b6; } .object-details .object-images .object-images-container { text-align: center; overflow: hidden; width: 98.5%; } .object-details .object-images .object-images-container p { text-align: left; margin-top: 0 !important; white-space: normal !important; } .object-details .object-images .object-images-container .image { width: 100%; } .object-details .object-images .object-images-container .image img { width: 100%; } .object-details .object-images .object-images-container .image::after { display: none; } .object-details .object-map { text-align: center; padding-top: 50px; padding-bottom: 0 !important; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-map { padding-top: 40px; } } .object-details .object-map h2 { margin-bottom: 30px; } .object-details .object-map .object-map-buttongroup p { width: auto; } .object-details .object-map .object-map-buttongroup div { display: inline-block; border-style: solid; border-radius: 30px; border-color: #eff4f9; padding-left: 15px; padding-right: 14px; margin-right: 30px; cursor: pointer; -webkit-user-select: none; /* Chrome, Opera, Safari */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ } .object-details .object-map .object-map-buttongroup div:last-child { margin-right: 0px; } .object-details .object-map .object-map-buttongroup div.active { border-color: #005aa0 !important; } .object-details .object-map .object-map-buttongroup div.hover { border-color: #0077d3; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-map .object-map-buttongroup div { margin-top: 10px; margin-left: 30px; } .object-details .object-map .object-map-buttongroup div:last-child { margin-right: 30px; } } .object-details .object-map .object-map-buttongroup div p { display: inline-block; color: #005aa0; margin-top: 8px; margin-bottom: 8px; font-family: "intro_condbold"; } .object-details .object-map .object-map-buttongroup div img { vertical-align: middle; margin-left: 12px; } .object-details .object-map .object-map-mapContainer { margin-top: 26px; background-color: #005aa0; height: 660px; margin-bottom: 40px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-map .object-map-mapContainer { height: 300px; } } .object-details .object-schematic { text-align: center; padding-top: 20px; overflow: hidden; width: 50%; display: inline-block; vertical-align: top; background-color: white !important; padding-bottom: 10px !important; } @media (max-width: 1199px) { .object-details .object-schematic { padding-top: 20px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-schematic { width: 100%; padding-top: 20px; } } .object-details .object-schematic.fullWidth { width: 100%; float: none; } .object-details .object-schematic h2 { margin-bottom: 50px; font-size: 32px; } @media (max-width: 1199px) { .object-details .object-schematic h2 { margin-bottom: 30px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-schematic h2 { font-size: 26px; margin-bottom: 20px; } } .object-details .object-schematic img { width: 100%; } .object-details .object-factsanddocuments { background-color: #fff !important; padding-top: 10px; padding-bottom: 10px !important; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments { padding-top: 20px; overflow: auto; } } .object-details .object-factsanddocuments h2 { margin-bottom: 50px; font-size: 34px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments h2 { font-size: 26px; } } .object-details .object-factsanddocuments .element h2 { cursor: pointer; } .object-details .object-factsanddocuments p { line-height: 1.4; font-size: 18px; white-space: pre-line; } .object-details .object-factsanddocuments .left { width: 100%; /*display: -webkit-flex;*/ font-size: 0; /*@media only screen and (min-width:640px) { width: 68%; }*/ /*display: inline-block;*/ } .object-details .object-factsanddocuments .left .container .element { font-size: 16px; width: 47%; /*float: left;*/ display: inline-block; vertical-align: top; /*border-bottom-style: solid;*/ border-color: #eff4f9; border-width: 2px; padding-top: 21px; padding-bottom: 21px; flex: 1; margin-right: 3%; -webkit-flex: 1; border-top-style: solid; } @media (max-width: 1199px) { .object-details .object-factsanddocuments .left .container .element { width: 100%; margin-right: 0; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments .left .container .element { width: 100%; margin-right: 0; } } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button { -webkit-user-select: none; /* Chrome, Opera, Safari */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ display: inline-block; color: #005aa0; font-family: "intro_condbold"; font-size: 35px; cursor: pointer; padding-top: 1px; padding-left: 5px; padding-right: 5px; padding-bottom: 1px; width: 27px; position: relative; margin-top: 8px; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.plusMan { top: 1px; left: 1px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.plusMan { top: 5px; } } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.plusMan:after { content: "-" !important; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.plus { top: 1px; left: 1px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.plus { top: 5px; } } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.plus:after { content: "-"; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.minus { border-style: solid; border-color: #005aa0; border-width: 1px; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-button.minus:after { content: "+"; } .object-details .object-factsanddocuments .left .container .element h2 { font-family: "intro_condbold"; display: inline-block; font-size: 26px; margin-left: 10px; margin-bottom: 5px; margin-top: 5px; vertical-align: top; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments .left .container .element h2 { font-size: 30px; } } .object-details .object-factsanddocuments .left .container .element p { width: auto; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-description { margin-left: 40px; display: block; font-family: Arial !important; display: none; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-description.activeFact { display: block !important; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-description a { font-size: 16px; margin-right: 10px; } .object-details .object-factsanddocuments .left .container .element .object-factsanddocuments-description p { font-size: 16px; } .object-details .object-factsanddocuments .left .invertedbuttongroup { vertical-align: bottom; width: 50%; } @media (max-width: 1199px) { .object-details .object-factsanddocuments .left .invertedbuttongroup { width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments .left .invertedbuttongroup { width: 100%; } } .object-details .object-factsanddocuments .left .invertedbuttongroup .button { margin-top: 10px; border-width: 3px; display: block; } .object-details .object-factsanddocuments .left .invertedbuttongroup .button:first-child { margin-top: 0px; } .object-details .object-factsanddocuments .doc { width: 100%; margin-top: 15px; } .object-details .object-factsanddocuments .doc img { vertical-align: middle; } .object-details .object-factsanddocuments .doc a { font-family: "intro_condbold"; font-size: 17px; text-decoration: none; vertical-align: middle; margin-left: 15px; } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments .doc a { margin-left: 5px; margin-right: 0; } } .object-details .object-factsanddocuments .right { width: 100%; border-top: 3px solid #eff4f9; border-bottom: 3px solid #eff4f9; /*@media only screen and (min-width:640px) { width: 29%; margin-left: 2%; } */ display: inline-block; vertical-align: top; } .object-details .object-factsanddocuments .right h2 { font-family: "intro_cond_regularregular"; display: inline-block; font-size: 34px; margin-left: 10px; margin-bottom: 5px; margin-top: 5px; } .object-details .object-factsanddocuments .right .documents-container { /*border-style: solid;*/ /*border-color: $cloud;*/ /*border-width: 5px;*/ /*border-top: 2px solid $cloud; border-bottom: 2px solid $cloud;*/ } @media (min-width: 1px) and (max-width: 640px) { .object-details .object-factsanddocuments .right .documents-container { margin-top: 20px; margin-left: 0; } } .object-details .object-factsanddocuments .right .documents-container .element { padding-bottom: 20px; padding-left: 20px; padding-right: 20px; width: 100%; border: none !important; } .object-details .object-factsanddocuments .right .documents-container .element:first-child { padding-top: 20px; } .object-details .object-factsanddocuments .right .documents-container .element img { vertical-align: middle; } .object-details .object-factsanddocuments .right .documents-container .element a { font-family: "intro_condbold"; font-size: 20px; text-decoration: none; vertical-align: middle; margin-left: 10px; } .object-details .object-factsanddocuments .right .documents-downloadAllContainer { text-align: right; } .object-details .object-factsanddocuments .right .documents-downloadAllContainer .documents-downloadAll { font-family: "intro_condbold"; font-size: 20px; text-decoration: none; vertical-align: middle; } .object-pdf .object-pdf-header { font-family: Intro, "intro_condbold"; color: #005aa0; font-size: 20px; font-weight: bold; margin: 0; padding: 0; } .object-pdf .object-pdf-header .object-pdf-subHeader { font-family: "intro_condbold"; color: #005aa0; font-size: 18px; margin: 0; padding: 0; } .object-pdf .object-pdf-header .object-pdf-subHeader .object-pdf-price { font-family: "intro_condbold"; color: #e30613; font-size: 18px; margin: 0; padding: 0; } .object-pdf .object-pdf-warningText { font-family: Arial; font-size: 10px; color: #d9d9d9; } .object-pdf .object-pdf-contactcards { background-color: #badaf3; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard { clear: both; width: 100%; background-color: #badaf3; padding-top: 30px; padding-bottom: 30px; padding-left: 40px; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard a { display: block; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard a:first-child { margin-top: 23px; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard .object-pdf-contactcard-picture { padding-top: 10px; padding-left: 45px; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard .object-pdf-contactcard-picture img { width: 165px; height: 165px; border-radius: 50%; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard .object-pdf-contactcard-contact { margin-top: 10px; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard p { margin-top: 0; margin-bottom: 0; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard p.object-pdf-contactcard-title { margin-top: 5px; } .object-pdf .object-pdf-contactcards .object-pdf-contactcard h3 { font-size: 30px; font-weight: 200; margin-bottom: 0px; } .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .share-this { display: inline-block; } .share-this .icon { display: inline-block; } .share-this .social-icons { /*display: none;*/ } .share-this .social-icons a { opacity: 0.5; } .share-this .social-icons a:hover { opacity: 1; } .share-this a { text-decoration: none; } .share-this.active .icon { opacity: 1 !important; } .share-this.active .social-icons { display: inline-block; } @media (max-width: 1199px) { .object-overview-mainheader { font-size: 40px; line-height: 50px; } } @media (min-width: 1px) and (max-width: 640px) { .object-overview-mainheader { width: 100% !important; font-size: 30px; margin-left: 0 !important; line-height: 35px; padding: 0 5px; } } .showImages { cursor: pointer; } @media (min-width: 1px) and (max-width: 640px) { .showImages { display: none; } } .responsibleBroker { width: 100% !important; font-size: 16px !important; background: #dce7f2; margin: 0 !important; font-family: "intro_cond_regularregular" !important; padding: 13px 0 13px 40px; } .phoneNr { margin-top: 0 !important; display: inline !important; color: #222; text-decoration: none; } .estateDescriptionsText { overflow: auto; } .estateDescriptionsText h3 { font-size: 20px !important; line-height: 1.3 !important; font-family: "intro_condbold"; } .estateDescriptionsText h4 { font-family: "intro_condbold"; font-size: 18px !important; line-height: 1.3 !important; } .estateDescriptionsText h5 { font-family: "intro_condbold"; font-size: 16px !important; line-height: 1.3 !important; } .hero-logo-container { /*position: absolute;*/ z-index: 1; width: 1200px; margin: 0 auto; padding-left: 20px; } .ld-hero { z-index: 2; } @media (min-width: 1px) and (max-width: 640px) { .ld-hero { width: 31px; margin-right: 4px; } } .headstart-hero { width: 51px; margin-top: 25px; z-index: 1; } @media (min-width: 1px) and (max-width: 640px) { .headstart-hero { width: 51px; } } .schematic { width: 60%; margin: 0 auto; margin-bottom: 20px; cursor: pointer; } @media (min-width: 1px) and (max-width: 640px) { .schematic { width: 100%; } } .schematic p { font-family: "intro_cond_regularregular"; color: #005aa0; font-size: 18px; margin-bottom: 7px; } .object-images-container p { white-space: normal !important; margin-top: 0; } .object-details-section .textColumn { width: 54%; margin: 65px 5% 0 0; vertical-align: top; display: inline-block; } @media (max-width: 1199px) { .object-details-section .textColumn { margin: 95px 5% 0 0; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .textColumn { width: 100%; margin: 20px 0; /*height: 200px;*/ overflow: hidden; } } .object-details-section .tableColumn { width: 40%; margin: 0; display: inline-block; float: right; vertical-align: top; } @media (max-width: 1199px) { .object-details-section .tableColumn { overflow: auto; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .tableColumn { width: 100%; } } .object-details-section .brokerBlock { width: 70%; margin: 40px 0 0 0; overflow: hidden; border-top: 5px solid #005aa0; border-bottom: 5px solid #005aa0; } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock { margin: 20px 0 0; width: 100%; } } .object-details-section .brokerBlock h4 { margin: 5px 0; font-family: "intro_condbold"; font-size: 18px; } .object-details-section .brokerBlock .broker { width: 100%; border-top: 5px solid #005aa0; padding: 10px 0; } .object-details-section .brokerBlock .broker .brokerImg { background-color: #005aa0; width: 30%; padding-bottom: 35%; float: left; margin-right: 5%; -webkit-filter: grayscale(100%); filter: grayscale(100%); background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1199px) { .object-details-section .brokerBlock .broker .brokerImg { width: 35%; padding-bottom: 45%; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock .broker .brokerImg { width: 40%; height: 195px; } } .object-details-section .brokerBlock .broker .brokerInfo { width: 65%; float: right; } @media (max-width: 1199px) { .object-details-section .brokerBlock .broker .brokerInfo { width: 60%; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock .broker .brokerInfo { width: 55%; } } .object-details-section .brokerBlock .broker .name { font-size: 20px; font-family: "intro_condbold"; color: #005aa0; margin-bottom: 10px; } @media (max-width: 1199px) { .object-details-section .brokerBlock .broker .name { font-size: 18px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock .broker .name { font-size: 18px; } } .object-details-section .brokerBlock .broker .title { font-size: 16px; font-family: "intro_condbold"; color: #005aa0; margin-bottom: 10px; margin-top: 0; } @media (max-width: 1199px) { .object-details-section .brokerBlock .broker .title { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock .broker .title { font-size: 15px; } } .object-details-section .brokerBlock .broker .phone { margin-top: 15px; } .object-details-section .brokerBlock .broker .phone, .object-details-section .brokerBlock .broker .mail { font-size: 17px; font-family: "intro_cond_regularregular"; color: #005aa0; width: 100%; clear: right; display: block; } @media (max-width: 1199px) { .object-details-section .brokerBlock .broker .phone, .object-details-section .brokerBlock .broker .mail { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock .broker .phone, .object-details-section .brokerBlock .broker .mail { font-size: 15px; } } .object-details-section .brokerBlock .broker .readMore { margin-top: 23px; display: block; float: left; font-family: "intro_cond_regularregular"; font-size: 17px; } @media (max-width: 1199px) { .object-details-section .brokerBlock .broker .readMore { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock .broker .readMore { font-size: 15px; } } .object-details-section .brokerBlock .broker .linkedin { padding: 4px; width: 30px; height: 30px; border: 2px solid #005aa0; float: left; margin-left: 10px; margin-top: 7px; } @media (max-width: 1199px) { .object-details-section .brokerBlock .broker .linkedin { float: left; padding: 4px; width: 30px; height: 30px; margin-top: 5px; } } @media (min-width: 1px) and (max-width: 640px) { .object-details-section .brokerBlock .broker .linkedin { float: right; padding: 2px; width: 23px; height: 23px; margin-left: 0; margin-top: 10px; } } .object-details-section .mobileSocialShare { position: relative; } .object-details-section .mobileSocialShare .socialIcons { position: absolute; right: 0; /*width: 100%;*/ min-width: 290px; padding: 15px; background-color: white; display: none; margin-top: 15px; } .object-details-section .mobileSocialShare .socialIcons .socialIcon { width: 23%; max-width: 50px; float: right; margin-left: 1.5%; padding: 10px; border: 3px solid #006db2; } .object-details-section .mobileSocialShare .socialIcons .socialIcon:hover { border-color: #005aa0; } .object-details-section .mobileSocialShare .socialIcons .socialIcon img { width: 100%; display: block; } .object-details-section .mobileSocialShare .shareButtonMobile { /*background-color: $blue;*/ /*padding: 10px;*/ /*overflow: hidden;*/ /*display: block;*/ cursor: pointer; } .object-details-section .mobileSocialShare .shareButtonMobile img { float: left; width: 31px; height: 31px; } @media (max-width: 1199px) { .object-details-section .mobileSocialShare .shareButtonMobile img { width: 20px; height: 20px; } } .object-details-section .mobileSocialShare .shareButtonMobile p { margin: 4px 0 0 20px; font-size: 20px; font-family: "intro_condbold"; float: initial; margin: 10px 0 0 16px; color: white; font-size: 20px; display: inline; line-height: 22px; } @media (max-width: 1199px) { .object-details-section .mobileSocialShare .shareButtonMobile p { margin: 0 0 0 20px; font-size: 17px; } } .object-details-section .socialIconContainer { margin-bottom: 20px; overflow: hidden; width: 60%; float: right; } @media screen and (max-width: 920px) { .object-details-section .socialIconContainer { display: none; } } .object-details-section .socialIconContainer .socialIcon { width: 15%; float: left; margin-right: 1.5%; padding: 10px; border: 3px solid #006db2; } .object-details-section .socialIconContainer .socialIcon:hover { border-color: #005aa0; } .object-details-section .socialIconContainer .socialIcon img { width: 100%; display: block; } .object-details-section .socialIconContainer .shareButton { background-color: #005aa0; padding: 9px 9px 9px 30px; overflow: hidden; display: block; cursor: pointer; } .object-details-section .socialIconContainer .shareButton img { float: left; width: 31px; height: 31px; } @media (max-width: 1199px) { .object-details-section .socialIconContainer .shareButton img { width: 20px; height: 20px; } } .object-details-section .socialIconContainer .shareButton p { font-family: "intro_condbold"; float: initial; margin: 10px 0 0 16px; color: white; font-size: 20px; display: inline; line-height: 28px; } @media (max-width: 1199px) { .object-details-section .socialIconContainer .shareButton p { margin: 0 0 0 20px; font-size: 17px; line-height: 22px; } } .streetSection { padding: 17px 0; overflow: hidden; } .streetSection h2 { text-align: left; font-size: 32px; line-height: 1.3; margin: 0; display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .streetSection h2 { font-size: 24px; } } .streetSection .startingPrice { float: right; text-align: right; font-family: "intro_condbold"; } @media (min-width: 1px) and (max-width: 640px) { .streetSection .startingPrice { float: left; text-align: left; width: 100%; margin-top: 10px; } } .anchorButtons { display: flex; justify-content: center; margin-bottom: 15px; width: 100%; } @media (min-width: 1px) and (max-width: 640px) { .anchorButtons { margin-top: 15px; } } .anchorButtons .anchorButton { width: 31%; float: left; margin-right: 3.5%; background-color: #294f6e; color: white; text-align: center; padding: 13px 10px 13px 10px; cursor: pointer; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } @media (max-width: 1199px) { .anchorButtons .anchorButton { padding: 10px 0; } } .anchorButtons .anchorButton:hover { background-color: #1f3c54; } .anchorButtons .anchorButton.sharingButton { margin-right: 0; } .anchorButtons .anchorButton .buttonContent { display: inline-block; } .anchorButtons .anchorButton p { vertical-align: middle; white-space: normal; display: inline; font-size: 15px; font-family: "intro_condbold"; } @media (max-width: 1199px) { .anchorButtons .anchorButton p { font-size: 15px; } } .anchorButtons .anchorButton img { width: 25px; float: left; text-align: center; display: inline-block; margin-right: 10px; } @media (max-width: 1199px) { .anchorButtons .anchorButton img { display: none; } } #page-body-doctype-estates-object .projectImageSection { padding: 0 0 40px 0; overflow: hidden; } #page-body-doctype-estates-object .projectImageSection h2 { font-size: 34px; margin-bottom: 25px; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection h2 { font-size: 24px; } } #page-body-doctype-estates-object .projectImageSection .leftImage { width: 50%; float: left; padding-right: 0.5%; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection .leftImage { display: none; } } #page-body-doctype-estates-object .projectImageSection .leftImage img { width: 100%; } #page-body-doctype-estates-object .projectImageSection .rightImage { float: left; width: 25%; margin-bottom: 7px; padding-right: 0.5%; position: relative; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection .rightImage { display: none; } } #page-body-doctype-estates-object .projectImageSection .rightImage img { display: block; width: 100%; } #page-body-doctype-estates-object .projectImageSection .rightImage .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 48, 117, 0.6); pointer-events: none; } #page-body-doctype-estates-object .projectImageSection .rightImage .overlay p { color: white; margin: 0; text-decoration: none; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0; font-family: "intro_condbold"; font-size: 25px; } @media (max-width: 1199px) { #page-body-doctype-estates-object .projectImageSection .rightImage .overlay p { font-size: 18px; } } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection .rightImage .overlay p { font-size: 20px; padding: 0 5px; } } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection .rightImage.showAllImage { display: block; width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection .rightImage.showAllImage.desktopShowAll { display: none; } } #page-body-doctype-estates-object .projectImageSection .rightImage.showAllImage.mobileShowAll { display: none; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection .rightImage.showAllImage.mobileShowAll { display: block; width: 100%; } } #page-body-doctype-estates-object .projectImageSection .all-images-container { overflow: hidden; display: block; margin: 0 auto; width: 100%; } @media (min-width: 1px) and (max-width: 640px) { #page-body-doctype-estates-object .projectImageSection .all-images-container img { width: 100%; } } @media (max-width: 1199px) { .all-images-container img { width: 100%; } } .readMoreText { padding: 10px 0; text-align: center; width: 100%; color: #005aa0; font-size: 20px; text-decoration: none; overflow: hidden; display: none; font-family: "intro_condbold"; margin-top: -28px; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.9); position: relative; z-index: 2; } @media (min-width: 1px) and (max-width: 640px) { .readMoreText { display: inline-block; } } .viewingBlock { margin: 20px auto; background-color: #005aa0; height: 210px; width: 50%; min-width: 340px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1199px) { .viewingBlock { width: 100%; min-width: unset; } } @media (min-width: 1px) and (max-width: 640px) { .viewingBlock { width: 100%; } } .viewingBlock.viewingBlock1 { z-index: 3; } .viewingBlock.viewingBlock2 { z-index: 2; } .viewingBlock .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 48, 117, 0.6); } .viewingBlock .viewingContent { position: absolute !important; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); text-align: center; color: white; } .viewingBlock .viewingContent h3 { color: white; font-size: 28px; } @media (min-width: 1px) and (max-width: 640px) { .viewingBlock .viewingContent h3 { font-size: 23px; } } .viewingBlock .viewingContent .date { color: white !important; margin: 16px 0 6px; } .viewingBlock .viewingContent .addeventatc, .viewingBlock .viewingContent .signup { background-color: transparent; border: 2px solid white !important; color: white !important; font-family: "intro_condbold"; padding: 10px; text-align: center; margin-top: 15px; } @media (min-width: 1px) and (max-width: 640px) { .viewingBlock .viewingContent .addeventatc, .viewingBlock .viewingContent .signup { width: 80%; } } .viewingBlock .viewingContent .addeventatc span, .viewingBlock .viewingContent .signup span { font-size: 14px !important; } .viewingBlock .viewingContent .addeventatc a, .viewingBlock .viewingContent .signup a { text-decoration: none; color: white; } .documentObjectSection { padding: 30px 0 40px; overflow: hidden; } @media (max-width: 1199px) { .documentObjectSection { padding: 20px 0 20px; } } @media (min-width: 1px) and (max-width: 640px) { .documentObjectSection { padding: 10px 0 10px; } } .documentObjectSection h2 { text-align: center; font-size: 34px; margin-bottom: 40px; } @media (min-width: 1px) and (max-width: 640px) { .documentObjectSection h2 { font-size: 26px; margin-bottom: 20px; } } .documentObjectSection .documentContainer .documentBlock { width: 20%; margin: 0 0 100px 3.5%; display: inline-block; vertical-align: top; text-decoration: none; position: relative; } @media (max-width: 1199px) { .documentObjectSection .documentContainer .documentBlock { margin: 0 0 30px 3.5%; } } @media (min-width: 1px) and (max-width: 640px) { .documentObjectSection .documentContainer .documentBlock { width: 40%; margin-bottom: 30px; } } .documentObjectSection .documentContainer .documentBlock img { width: 30%; display: inline-block; } @media (min-width: 1px) and (max-width: 640px) { .documentObjectSection .documentContainer .documentBlock img { margin: 0 auto; display: block; } } .documentObjectSection .documentContainer .documentBlock p { font-size: 16px; font-family: "lf_rubrikregular"; width: auto; display: inline-block; vertical-align: top; margin-top: 25px; margin-left: 2px; } @media (max-width: 1199px) { .documentObjectSection .documentContainer .documentBlock p { font-size: 13px; margin-top: 18px; } } @media (min-width: 1px) and (max-width: 640px) { .documentObjectSection .documentContainer .documentBlock p { /*margin-top: 20px;*/ font-size: 13px; } } .currentBidsContainer { font-family: "intro_cond_regularregular"; position: relative; margin-top: 40px; } @media (min-width: 1px) and (max-width: 640px) { .currentBidsContainer { margin-top: 15px; } } .currentBidsContainer .infoBiddingLink { float: right; color: #777; font-family: "intro_cond_regularregular"; font-size: 14px; margin-bottom: 20px; } .currentBidsContainer .current-bid-td { font-family: "intro_cond_regularregular"; font-size: 22px; } .currentBidsContainer .current-bid { float: right; text-align: right; color: #e30613; font-size: 28px; font-family: "intro_condbold"; top: 0; right: 0; position: absolute; margin: 0; } .currentBidsContainer .current-bid.showHighest { position: static; width: 100%; margin-bottom: 30px; } .currentBidsContainer .bidder { text-align: left; float: left; } .currentBidsContainer .bid-info { float: right; text-align: right; } .currentBidsContainer .bidContainer { margin-top: 12px; } .currentBidsContainer .bidContainer .object-overview-infotable-bid-container { background-color: white; display: none; } .currentBidsContainer .bidContainer .object-overview-infotable-bid-container:nth-child(odd) { background-color: #dae0e6; } .currentBidsContainer .bidContainer .object-overview-infotable-bid-container p { padding: 8px 10px; margin: 0; overflow: hidden; white-space: normal; } .currentBidsContainer .object-overview-infotable-bid-showall { text-align: right; font-family: "intro_condbold"; color: #294f6e; cursor: pointer; } .currentBidsContainer .object-overview-infotable-bid-showall:after { background-image: url("/Content/Images/small-arrow-down.png"); width: 15px; height: 9px; content: " "; margin-left: 11px; display: inline-block; vertical-align: baseline; transition: .1s; } .currentBidsContainer .object-overview-infotable-bid-showall.animation-arrow:after { transform: rotateZ(180deg); } .currentBidsContainer .startingPriceBid { overflow: hidden; padding: 20px 0 0; font-family: "intro_condbold"; } .currentBidsContainer .startingPriceBid .startingBidText { float: left; } .currentBidsContainer .startingPriceBid .startingPriceBidPrice { float: right; } .roomSection { padding: 40px 0 80px; overflow: hidden; } @media (max-width: 1199px) { .roomSection { padding: 20px 0 10px; } } @media (min-width: 1px) and (max-width: 640px) { .roomSection { padding: 20px 0; } } .roomSection h2 { text-align: center; font-size: 34px; line-height: 1; margin-bottom: 45px; } @media (min-width: 1px) and (max-width: 640px) { .roomSection h2 { font-size: 26px; margin-bottom: 25px; } } .roomSection h3 { font-size: 22px; line-height: 1.6; } .roomSection .roomBlock { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-fill: auto; column-gap: 30px; font-family: "intro_cond_regularregular"; font-size: 17px; line-height: 1.6; /*white-space: pre-line;*/ } @media (min-width: 1px) and (max-width: 640px) { .roomSection .roomBlock { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; column-gap: normal; height: 200px; overflow: hidden; } } .roomSection .roomBlock section { -webkit-column-break-inside: avoid; break-inside: avoid; } .roomSection .roomBlock h3 { font-size: 22px; line-height: 1.6; } .roomSection .roomBlock h4 { font-family: "intro_condbold"; font-size: 19px; line-height: 1.6; color: #006db2; } .roomSection .roomBlock h5 { font-family: "intro_condbold"; margin: 14px 0 0; font-size: 17px; line-height: 1.6; /*&:first-child { margin: 0; }*/ } .roomSection .roomBlock p { font-size: 17px; line-height: 1.6; white-space: pre-line; display: inline; } .bidFlagContainer { z-index: 1; width: 1200px; margin: 0 auto; } @media (max-width: 1199px) { .bidFlagContainer { width: auto; } } .bidFlag { position: relative; float: right; right: 0; top: 50px; } @media (min-width: 1px) and (max-width: 640px) { .bidFlag { top: auto; bottom: -10px; } } .bidFlag img { width: 280px; } @media (max-width: 1199px) { .bidFlag img { width: 200px; } } .bidFlag p { position: absolute; margin: 0; top: 21px; left: 17%; font-size: 17px; max-width: 145px; font-family: "intro_condbold"; color: #a5131a; } @media (max-width: 1199px) { .bidFlag p { margin: 0; top: 10px; font-size: 14px; } } .signup { margin: 0 auto; margin-right: auto !important; } .signup a { color: white; text-align: center; /*margin: 10px 0;*/ text-decoration: none; display: inline-block; font-family: "intro_condbold"; color: #005aa0; } .movieSection { padding: 20px 0; overflow: hidden; width: 100%; display: none; } .movieSection.show { display: block; } .movieSection .movieLink { margin: 0 auto; display: block; position: relative; cursor: pointer; } .movieSection .movieLink .firstImg { display: block; } @media (max-width: 1199px) { .movieSection .movieLink .firstImg { width: 100%; } } .movieSection .overlay { position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); max-width: 1123px; left: 0; } @media (max-width: 1199px) { .movieSection .overlay { width: 100%; margin: 0; } } .movieSection .play { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; } .movieSection .play img { width: 70px; display: block; margin: 0 auto; } @media (min-width: 1px) and (max-width: 640px) { .movieSection .play img { width: 50px; } } .movieSection .play p { text-align: center; font-size: 24px; font-family: "intro_condbold"; color: white; margin-bottom: 0; } @media (min-width: 1px) and (max-width: 640px) { .movieSection .play p { font-size: 20px; } } .hittaMap { height: 600px; overflow: hidden; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width: 1199px) { .hittaMap { height: 400px; } } @media (max-width: 1199px) { .hittaMap { height: 330px; } } .hittaMap img { width: 100%; } .mapWithPins { height: 600px; overflow: hidden; width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; } @media (max-width: 1199px) { .mapWithPins { height: 400px; } } @media (max-width: 1199px) { .mapWithPins { height: 330px; } } .object-compare { clear: both; } .object-compare .hero { padding: 0; background-color: #fff; } .object-compare .hero .default { background-color: #fff; } .object-compare .hero .default .descriptionText-container { margin-left: 345px; width: 21%; } .object-compare .hero .default .heroImage { width: 100%; } .object-compare .hero #HeroMap { height: 600px; width: 100%; position: absolute; } @media (max-width: 1199px) { .object-compare .hero #HeroMap { height: 400px; } } @media (min-width: 1px) and (max-width: 640px) { .object-compare .hero #HeroMap { height: 300px; } } .object-compare .hero #HeroMap .map-infowindow .left { display: inline-block; vertical-align: middle; } .object-compare .hero #HeroMap .map-infowindow .left img { width: 150px; height: 100px; } .object-compare .compare-header { font-family: "intro_condbold"; margin-bottom: 0; color: #005aa0; font-size: 1.5rem; } .object-compare .compare-streetaddress { font-family: "intro_cond_regularregular"; font-style: italic; margin: 0; border-bottom-style: solid; border-color: #eff4f9; border-width: 2px; padding-bottom: 10px; } .object-compare .compare-image { /*width: 256px;*/ /*height: 152px;*/ width: 100%; height: auto; } .object-compare .compare-description { /*background: linear-gradient(black,transparent); background: -webkit-linear-gradient(black,transparent);*/ /*background-clip: text;*/ color: #222; /*height: 100px;*/ overflow: hidden; min-height: 140px; } @media (max-width: 919px) { .object-compare .compare-description { min-height: 100px; } } @media (min-width: 1px) and (max-width: 640px) { .object-compare .compare-description { min-height: 100%; } } .object-compare .compare-estates .markerdescription-container { text-align: center; } .object-compare .compare-estates .markerdescription-container .marker-image { width: 29px; height: 35px; display: inline-block; vertical-align: middle; } .object-compare .compare-estates .markerdescription-container .marker-description { display: inline-block; vertical-align: middle; margin-right: 25px; } .object-compare .compare-estates .markerdescription-container .marker-description:last-child { margin-right: 0; } .object-compare .compare-estates .column-4 { margin-top: 20px; } @media (max-width: 919px) { .object-compare .compare-estates .column-4 { width: 48%; } } .object-compare .compare-estates .column-4 .compare-list .compare-element { border-bottom-style: solid; border-color: #eff4f9; border-width: 2px; display: block; margin: 0; text-decoration: none; padding: 13px 0; } .object-compare .compare-estates .column-4 .compare-list .compare-element strong { font-family: "intro_condbold"; font-weight: 100; } .object-compare .compare-estates .column-4 .compare-list .compare-element .compare-gotobidding-container { width: 79%; display: inline-block; text-align: left; } .object-compare .compare-estates .column-4 .compare-list .compare-element .compare-remove-container { display: inline-block; text-align: right; width: 19%; } .object-compare .compare-estates .column-4 .compare-list .compare-element .compare-remove-container .compare-remove { color: #e30613; cursor: pointer; margin: 0; } #page-body-doctype-officelist .skinny-hero { background-image: url("/Content/Images/fallback1.jpg"); padding-bottom: 140px; } #page-body-doctype-officelist .skinny-hero .input-wrapper { background-color: #eaeaeb; } .skinny-hero { min-height: 220px; } .skinny-hero .input-wrapper .button { padding: 24px 0; float: right; } .brokerScrollContainer { background: white; overflow: hidden; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; } .brokerScrollContainer ul { margin: 0; } .brokerScrollContainer ul li { display: inline-block; padding: 20px 10px; color: #005aa0; } .brokerScrollContainer ul li a { text-decoration: none; text-transform: uppercase; } .brokerScrollContainer ul li a:hover { text-decoration: underline; } .office-list { font-size: 0; margin: 40px 0; } .office-list .office-list-block { width: 18%; display: inline-block; vertical-align: top; font-size: 13px; margin-right: 2.5%; margin-bottom: 35px; } .office-list .office-list-block:nth-child(5n) { margin-right: 0; } @media (max-width: 1199px) { .office-list .office-list-block { width: 30.8%; margin-right: 2%; } .office-list .office-list-block:nth-child(3n) { margin-right: 0; } .office-list .office-list-block:nth-child(5n) { margin-right: 2%; } } @media (min-width: 1px) and (max-width: 640px) { .office-list .office-list-block { width: 100%; } } .office-list .office-list-block .map-image { width: 100%; display: block; } .office-list .office-list-block p { margin: 0; font-size: 14px; } .office-list .office-list-block p.name { text-transform: capitalize; font-size: 16px; margin-top: 12px; } .office-list .office-list-block p.phone { margin-top: 12px; margin-bottom: 12px; } .office-list .office-list-block p.phone a { color: #222; } .office-list .office-list-block a { text-decoration: none; } .office-list .office-list-block .button { margin-top: 10px; width: 100%; font-size: 14px; text-align: center; } /*.page-body-name-maklare { .breadcrumbs { margin-bottom: 0; } .searchSection { input[type=text] { width: 70%; height: 40px; padding: 10px; border: none; } } }*/ .brokerMenu { background: #eff4f9; overflow: hidden; width: 100%; overflow: auto; white-space: nowrap; } .brokerMenu ul { margin-top: 0; margin-bottom: 0; text-align: center; } .brokerMenu ul li { display: inline-block; color: #005aa0; padding: 20px 20px 20px 0; float: left; } @media (min-width: 1px) and (max-width: 640px) { .brokerMenu ul li { padding-right: 2%; float: none; padding: 20px 2% 20px 0; } } .brokerMenu ul li a { text-decoration: none; font-family: "intro_condbold"; font-size: 18px; } @media (min-width: 1px) and (max-width: 640px) { .brokerMenu ul li a { font-size: 15px; } } .brokerMenu ul li a.active, .brokerMenu ul li a:hover { text-decoration: underline; } .handScroll { width: 30px; height: 30px; position: fixed; top: 50px; right: 0; opacity: .4; display: none; } .handScroll img { width: 100%; } .office-section { padding: 60px 0; } @media (min-width: 1px) and (max-width: 640px) { .office-section { padding: 40px 0; } } .office-section .personalPreamble { text-align: center; } .office-section .brokerTextSection { width: 55%; float: left; margin-right: 5%; } @media (max-width: 919px) { .office-section .brokerTextSection { width: 45%; } } @media (min-width: 1px) and (max-width: 640px) { .office-section .brokerTextSection { width: 100%; } } .office-section .brokerTextSection h2 { margin-top: 40px; } .office-section .brokerTextSection h2:first-child { margin-top: 0; } .office-section .brokerTextSection p { /*font-size: 21px; line-height: 27px;*/ } .office-section .generic-list li { margin-bottom: 40px; } @media (min-width: 1px) and (max-width: 640px) { .office-section .generic-list li { margin-bottom: 10px; } } .office-section .generic-list li p { padding-right: 15px; } .office-section .button { margin-top: 30px; padding: 17px 35px; } .office-section .office-info-column { width: 40%; float: right; } @media (max-width: 919px) { .office-section .office-info-column { width: 50%; /*margin-top: 20px;*/ } } @media (min-width: 1px) and (max-width: 640px) { .office-section .office-info-column { margin-top: 20px; width: 100%; } } .office-section .office-info-column .random-broker { background: #dcecf7; padding: 30px; text-align: center; } .office-section .office-info-column .random-broker .random-broker-image { border-radius: 50%; width: 60%; padding-bottom: 60%; margin: 0 auto 20px; background: #badaf3; -webkit-filter: grayscale(100%); filter: grayscale(100%); background-size: cover !important; background-repeat: no-repeat !important; background-position: center top !important; } .office-section .office-info-column .random-broker .brokerName { font-size: 29px; line-height: 1; color: #005aa0; font-family: "intro_cond_regularregular"; } .office-section .office-info-column .random-broker .title { margin-top: 0; } .office-section .office-info-column .random-broker .preamble { font-size: 16px; line-height: 19px; } .office-section .office-info-column .random-broker .arrow-right { font-weight: 700; font-family: "intro_condbold"; } @media (min-width: 1px) and (max-width: 640px) { .office-section .office-info-column .random-broker .arrow-right { margin-bottom: 0; margin-top: 25px; } } .office-section .office-info-column .office-contact-info-box { border: 4px solid #dcecf7; padding: 5px 5px 40px; margin-top: 15px; text-align: center; } .office-section .office-info-column .office-contact-info-box .map { width: 94%; background: #005aa0; height: 250px; border: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; } .office-section .office-info-column .office-contact-info-box .visitHeading { font-size: 32px; color: #005aa0; font-family: "intro_cond_regularregular"; margin: 20px 0; } .office-section .office-info-column .office-contact-info-box p { margin: 0; } .office-section .office-info-column .office-contact-info-box .openHours { margin-top: 10px; } .office-section .office-info-column .gradeContainer p { font-size: 18px; text-align: center; } .office-section .office-info-column .gradeContainer .gradeImg { background: orange; width: 80%; margin: 0 auto; padding-bottom: 20%; background-size: contain; } .office-section .office-info-column .customerSingleReviewContainer { margin-top: 30px; } .office-section .office-info-column .customerSingleReviewContainer .customerImg { border-radius: 50%; width: 28%; padding-bottom: 28%; margin-right: 2%; float: left; background-color: orange; } .office-section .office-info-column .customerSingleReviewContainer .customerText { width: 70%; float: right; padding-left: 5%; } .office-section .office-info-column .customerSingleReviewContainer .customerHeading { font-size: 23px; margin-bottom: 10px; margin-top: 0; color: #005aa0; font-family: "intro_cond_regularregular"; } .office-section .office-info-column .customerSingleReviewContainer .customerQuote { font-size: 18px; line-height: 24px; } .personalContainer { font-size: 0; margin-top: 50px; } .personalContainer .personalPreamble { margin: 10px 0 30px; } .personalContainer .personal { padding-bottom: 30px; vertical-align: top; text-align: center; background: #eff4f9; } @media (min-width: 1px) and (max-width: 640px) { .personalContainer .personal { padding-top: 10px; } } .personalContainer .personal .personalImg { max-width: 165px; max-height: inherit; display: block; margin: 30px auto 20px; /*padding-bottom: 165px;*/ background-color: #badaf3; background-position: center top; background-repeat: no-repeat; background-size: cover; border-radius: 50%; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } .personalContainer .personal p { margin: 0; font-size: 14px; font-family: Arial; } .personalContainer .personal .name { font-size: 26px; font-family: "intro_cond_regularregular"; margin: 10px 0 5px; color: #005aa0; } .personalContainer .personal .name a { text-decoration: none; font-size: 26px; font-family: "intro_cond_regularregular"; } @media (max-width: 919px) { .personalContainer .personal .name a { font-size: 24px; } } .personalContainer .personal .tel a, .personalContainer .personal .phone a { color: #222; text-decoration: none; } .personalContainer .personal .title { margin: 10px 0; } .personalContainer .personal .mail { margin: 10px 0 0 0; } @media (max-width: 919px) { .personalContainer .personal .mail a { font-size: 11px; } } @media (min-width: 1px) and (max-width: 640px) { .personalContainer .personal .mail a { font-size: 14px; } } .find-and-book-wrapper { text-align: right; width: 98%; } .find-and-book-wrapper .find-us { text-decoration: none; font-family: "intro_condbold", sans-serif; margin-right: 20px; } .find-and-book-wrapper .find-us:before { content: ''; width: 21px; height: 26px; background: url(/Content/Images/location1-icon.png) center center no-repeat; display: inline-block; } /*SINGLEBROKER*/ .broker-image { width: 40%; float: left; /*padding-bottom: 40%;*/ background-color: #badaf3 !important; background-size: cover; background-repeat: no-repeat; -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); } @media (min-width: 1px) and (max-width: 640px) { .broker-image { width: 100%; /*padding-bottom: 100%;*/ margin-bottom: 30px; } } .broker { width: 60%; float: right; padding-left: 5%; } @media (min-width: 1px) and (max-width: 640px) { .broker { width: 100%; } } .broker p { margin: 5px 0; } .broker .introText { white-space: pre-line; margin-top: 40px; } .singleBrokerEstates { width: 100%; float: left; margin-top: 60px; } .singleBrokerEstates h2 { text-align: center; margin-bottom: 20px !important; } .singleBrokerEstates .buttonContainer { text-align: center; margin-bottom: 40px; } .singleBrokerEstates .buttonContainer .button { display: inline-block; padding: 17px 55px; margin: 0 5px 0 5px; /*&.active { background: darken($blue, 10%); }*/ } .personalBlockContainer { width: 100%; overflow: hidden; padding: 70px 0 0; } .generic-list { list-style: none outside; margin: 0; padding: 0; vertical-align: top; } .generic-list .sub-header { font-style: italic; font-size: 1.42857rem; } .generic-list .text-wrapper { width: 57%; vertical-align: top; display: inline-block; } .generic-list .text-wrapper p { margin: 0 0 10px; } .generic-list .area-wrapper { width: 40%; margin-left: 2%; display: inline-block; } /*kopierad skit från gamla sidan*/ .eao-area { padding-top: 40px; padding-bottom: 40px; } .eao-area:first-child { padding-top: 20px; } .eao-area .area-description { height: 410px; padding-right: 20px; } .eao-area .area-images { height: auto; width: 305px; /*box-sizing: border-box;*/ margin: 10px 0 0 20px; float: right; clear: right; } .eao-area .area-spacer { height: calc(100% - 310px); width: 0px; float: right; } .eao-area .area-img-box { float: right; margin-bottom: 20px; } .eao-area .area-img-box a { float: left; width: 150px; margin-bottom: 5px; } .eao-area .area-img-box a:nth-child(even) { margin-left: 5px; } .eao-area:last-of-type { margin-bottom: 40px; } .eao-area:nth-child(even) { background-color: #77787b; } .eao-area:nth-child(even) .eao-map-holder { background-color: #fff; } .eao-map-holder { padding: 5px; background-color: #77787b; } .eao-area-map { width: 100%; min-height: 400px; } @media (max-width: 1199px) { .eao-area .area-description { height: 100%; padding-right: 0; } .eao-area .area-images { height: auto; width: 100%; /*box-sizing: border-box;*/ margin: 0; float: left; } .eao-area .area-spacer { display: none; } .eao-area .area-img-box { float: none; margin-bottom: 0; } .eao-area .area-img-box a { float: left; width: 49%; padding: 0; margin-bottom: 2%; } .eao-area .area-img-box a:nth-child(even) { margin-left: 2%; } .eao-area-map { min-height: 300px; } } @media (min-width: 1px) and (max-width: 640px) { .eao-area .area-description { height: 100%; padding-right: 0; } .eao-area .area-images { height: auto; width: 100%; /*box-sizing: border-box;*/ margin: 0; float: left; padding-bottom: 20px; } .eao-area .area-spacer { display: none; } .eao-area .area-img-box { float: left; margin-bottom: 0; } .eao-area .area-img-box a { float: left; width: 49%; padding: 0; margin-bottom: 2%; } .eao-area .area-img-box a:nth-child(even) { margin-left: 2%; } .eao-area-map { min-height: 300px; } } .officePhone { color: #222; text-decoration: none; } .officeBackgroundImage { width: 100%; display: block; } .page-body-doctype-office .hero .text-wrapper-doctype-office { position: absolute; } .projectPage .page-header .container { max-width: 1170px; } .projectPage .page-header .nav-mobile-wrapper { display: none; } @media (max-width: 1199px) { .projectPage .page-header .nav-mobile-wrapper { display: inline-block; } } .projectPage .page-header .nav-close { z-index: 7001; top: 0; } .projectPage .page-header .main-navigation { padding-top: 40px; } .projectPage .page-header .nav-toggle { min-height: 56px; padding: 24px 13px 0 13px; float: left; margin: 22px 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .page-header .nav-toggle { min-width: 54px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .page-header .nav-toggle span { width: 29px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .page-header .nav-toggle span:after { width: 29px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .page-header .nav-toggle span:before { width: 29px; } } .projectPage .page-header.fixed-header .projectMenu { margin: 10px 0 0; } .projectPage .page-header.fixed-header .projectMenu li a { /*line-height: 50px;*/ line-height: 64px; } .projectPage .page-header.fixed-header h2 { margin: 18px 5% 0 0; } .projectPage .page-header.fixed-header .logo { margin: 25px 0 25px 0; } .projectPage .page-header .logo { float: right; transition: .2s; margin: 40px 0 29px 0; } @media (max-width: 1199px) { .projectPage .page-header .logo { overflow: hidden; width: 38px; display: none; margin: 32px 0 15px 0; } } .projectPage .page-header .logo img { width: 220px; min-height: unset; } .projectPage .page-header .logo2 { float: right; display: none; } @media (max-width: 1199px) { .projectPage .page-header .logo2 { display: block; width: 50px; margin: 25px 0 15px 0; } } .projectPage .page-header .logo2 img { width: 50px; } .projectPage .page-header h2 { margin: 31px 5% 0 0; float: left; font-size: 31px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } @media screen and (max-width: 1350px) { .projectPage .page-header h2 { margin: 35px 2% 0 0; } } @media screen and (max-width: 1220px) { .projectPage .page-header h2 { margin: 35px 1% 0 0; } } @media (max-width: 1199px) { .projectPage .page-header h2 { margin: 25px 5% 0 5%; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .page-header h2 { font-size: 26px; margin: 30px 5% 0 5%; } } @media (min-width: 1px) and (max-width: 480px) { .projectPage .page-header h2 { font-size: 22px; } } .projectPage .page-header .projectMenu { display: inline-block; margin: 7px 0 0; } @media (max-width: 1199px) { .projectPage .page-header .projectMenu { display: none; } } .projectPage .page-header .projectMenu li { display: inline-block; } .projectPage .page-header .projectMenu li a { line-height: 100px; font-family: "intro_condbold"; color: #005aa0; text-decoration: none; padding: 0 10px; font-size: 17px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .projectPage .page-header .projectMenu li a:hover { text-decoration: underline; } .projectPage .page-header .projectMenu li a.selected { text-decoration: underline; } .projectPage .page-content { margin-top: 0; } @media (max-width: 1199px) { .projectPage .page-content { /*margin-top: 100px;*/ } } .projectPage#page-body-doctype-ourprojects-object .page-content { margin-top: 0; } @media (max-width: 1199px) { .projectPage#page-body-doctype-ourprojects-object .page-content { margin-top: 100px; } } .projectPage .splashImgContainer { margin-top: 114px; } @media (max-width: 1199px) { .projectPage .splashImgContainer { margin-top: 100px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .splashImgContainer { margin-top: 100px; } } .projectPage .splashImgContainer .slick-dots { position: absolute; bottom: 20px; margin: 0 auto; left: 0; right: 0; } .projectPage .splashImgContainer .slick-dots li .button:before { font-size: 0 !important; } .projectPage .splashImgContainer .slick-arrow.next { right: 20px !important; margin-top: 0 !important; top: 50% !important; transform: translateY(-50%); } .projectPage .splashImgContainer .slick-arrow.prev { left: 20px !important; margin-top: 0 !important; z-index: 3; top: 50% !important; transform: translateY(-50%); } .projectPage .splashImg { height: 500px; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1199px) { .projectPage .splashImg { height: 350px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .splashImg { height: 250px; } } .projectPage .splashImg .splashHeading { position: absolute; text-align: center; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; font-size: 40px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .splashImg .splashHeading { font-size: 34px; padding: 0 10px; } } .projectPage .splashImg h2 { color: white; } .projectPage .toBuyProjectIntroSection { padding: 40px 0; overflow: hidden; background-color: #f3f3f3; } .projectPage .toBuyProjectIntroSection p { font-family: "intro_cond_regularregular"; margin-top: 5px; } .projectPage .toBuyProjectIntroSection .introText { width: 50%; float: left; margin-right: 10%; } @media (min-width: 1px) and (max-width: 720px) { .projectPage .toBuyProjectIntroSection .introText { width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .toBuyProjectIntroSection .introText { width: 100%; margin-right: 0; } } .projectPage .toBuyProjectIntroSection .introText h1 { font-size: 32px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .toBuyProjectIntroSection .introText h1 { font-size: 26px; } } .projectPage .toBuyProjectIntroSection .introText .subHeading { color: #005aa0; font-family: "intro_condbold"; margin: 0; } .projectPage .toBuyProjectIntroSection .introInterestBlock { width: 40%; float: right; } @media (min-width: 1px) and (max-width: 720px) { .projectPage .toBuyProjectIntroSection .introInterestBlock { width: 100%; } } .projectPage .toBuyProjectIntroSection .introInterestBlock h2 { font-size: 26px; margin-bottom: 0; } .projectPage .toBuyProjectIntroSection .introInterestBlock p { margin-top: 0; } .projectPage .toBuyProjectIntroSection .introInterestBlock .builder { float: left; width: 100px; height: 140px; background-color: orange; margin: 15px 20px 0 0; } .projectPage .flowSection { padding: 0 0 40px; overflow: hidden; background-color: #f3f3f3; } .projectPage .flowSection h2 { text-align: center; font-size: 36px; margin-top: 30px; } .projectPage .backtoTopContainer { width: 100%; overflow: hidden; text-align: center; margin-top: 40px; } .projectPage .backtoTopContainer .backToTop { font-size: 22px; color: #005aa0; display: inline-block; cursor: pointer; } .projectPage .backtoTopContainer .backToTop p { font-family: "intro_condbold"; display: inline-block; font-size: 20px; } .projectPage .backtoTopContainer .backToTop .topArrow { margin-left: 10px; display: inline-block; vertical-align: middle; width: 18px; } .projectPage .referenceSection { padding: 50px 0; overflow: hidden; background-color: #f3f3f3; } .projectPage .referenceSection .textBlock { width: 50%; float: left; padding: 0 7% 0 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .referenceSection .textBlock { width: 100%; height: 200px; overflow: hidden; margin-bottom: 30px; } } .projectPage .referenceSection .textBlock .brokerBlock .brokerImg { background-position: top; } .projectPage .referenceSection .textBlock h2 { font-size: 22px; color: #005aa0; margin-bottom: 0; line-height: 1; font-family: 'intro_condbold'; } .projectPage .referenceSection .textBlock p { margin-top: 5px; margin-bottom: 15px; font-family: "intro_cond_regularregular"; } .projectPage .referenceSection .textBlock h3 { font-size: 18px; color: #005aa0; line-height: 1; margin-bottom: 0; font-family: 'intro_condbold'; } .projectPage .referenceSection .referenceBlockContainer { width: 46%; float: right; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .referenceSection .referenceBlockContainer { width: 100%; float: none; } } .projectPage .referenceSection .referenceBlockContainer h2 { font-size: 28px; margin-top: 0; margin-bottom: 10px; line-height: 1; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .referenceSection .referenceBlockContainer h2 { font-size: 24px; margin-bottom: 20px; } } .projectPage .referenceSection .referenceBlockContainer .referenceBlock { padding-bottom: 60%; width: 100%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 15px; } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock { position: absolute; padding: 12px 5px; background-color: rgba(255, 255, 255, 0.9); width: 98%; margin: 0 auto; bottom: 1.5%; left: 0; right: 0; } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock .cityAndStreet { width: 40%; float: left; } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock .referenceInfo { width: 50%; float: right; text-align: center; font-family: "intro_cond_regularregular"; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock .referenceInfo { font-size: 13px; width: 60%; } } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock .referenceInfo .referenceDeveloper { color: #222; margin: 10px 0 0; text-align: center; font-family: "intro_condbold"; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock .referenceInfo .referenceDeveloper { margin: 0 0 0 10px; } } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock .referenceInfo .referenceNumberOfApartments { margin: 0 10px 0 0; /*float: left;*/ display: inline-block; } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock .referenceInfo .referenceCompleted { margin: 0; /*float: left;*/ display: inline-block; } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock h3 { font-size: 26px; line-height: 1; margin: 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock h3 { font-size: 16px; } } .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock h4 { font-size: 18px; font-family: "intro_cond_regularregular"; color: #222; margin: 10px 0 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .referenceSection .referenceBlockContainer .referenceBlock .referenceNameBlock h4 { font-size: 16px; } } .projectPage .readMoreText { padding: 10px 0; text-align: center; width: 100%; color: #222; text-decoration: none; overflow: hidden; display: none; margin-top: -40px; margin-bottom: 20px; background-color: rgba(255, 255, 255, 0.9); } @media (min-width: 1px) and (max-width: 640px) { .projectPage .readMoreText { display: inline-block; } } .projectPage .projectSection { padding: 50px 0 70px; overflow: hidden; background-color: #f3f3f3; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection { padding: 20px 0 30px; /*margin-top: 100px;*/ } } .projectPage .projectSection h1 { text-align: center; margin-bottom: 25px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection h1 { font-size: 28px; line-height: 1; } } .projectPage .projectSection .projectSorting { margin-bottom: 5px; /*display: none;*/ text-align: center; } .projectPage .projectSection .projectSorting select { display: inline-block; height: 60px; width: 15%; margin: 0 1% 30px 1%; border: none; padding-left: 15px; color: #222; font-family: "intro_cond_regularregular"; font-size: 15px; background: url(/Content/Images/small-arrow-down.png) #f3f3f3 90% 26px no-repeat; -webkit-appearance: none; border-bottom: 3px solid #5992c2; } .projectPage .projectSection .projectSorting p { font-family: "intro_cond_regularregular"; font-size: 18px; display: inline-block; /*margin-right: 20px;*/ margin-bottom: 10px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectSorting p { margin-right: 1px; font-size: 13px; } } .projectPage .projectSection .projectSorting .sortProjectButton { background-color: #005aa0; padding: 10px 20px; font-size: 18px; margin-right: 10px; display: inline-block; color: white; font-family: "intro_condbold"; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; cursor: pointer; text-decoration: none; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectSorting .sortProjectButton { padding: 5px 10px; font-size: 13px; margin-right: 0; } } .projectPage .projectSection .projectSorting .sortProjectButton:hover { background-color: #004c87; } .projectPage .projectSection .projectSorting .sortProjectButton .magnifier { background-image: url(/Content/Images/magnifier-white.png); background-size: cover; background-position: center; background-repeat: no-repeat; height: 18px; width: 18px; float: left; vertical-align: middle; margin-top: 2px; margin-right: 12px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectSorting .sortProjectButton .magnifier { margin-right: 5px; } } .projectPage .projectSection .projectBlock { padding-bottom: 30%; width: 49%; margin-right: 2%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; margin-bottom: 20px; display: block; float: left; background-color: #005aa0; } .projectPage .projectSection .projectBlock:nth-child(even) { margin-right: 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectBlock { width: 100%; margin-right: 0; padding-bottom: 60%; } } .projectPage .projectSection .projectBlock .showingBlock { position: absolute; top: 15px; right: 0; } @media screen and (max-width: 760px) { .projectPage .projectSection .projectBlock .showingBlock { top: 10px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectBlock .showingBlock { top: 20px; } } @media screen and (max-width: 400px) { .projectPage .projectSection .projectBlock .showingBlock { top: 7px; } } .projectPage .projectSection .projectBlock .showingBlock img { width: 200px; } @media (max-width: 1199px) { .projectPage .projectSection .projectBlock .showingBlock img { width: 150px; } } @media screen and (max-width: 760px) { .projectPage .projectSection .projectBlock .showingBlock img { width: 120px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectBlock .showingBlock img { width: 150px; } } @media screen and (max-width: 400px) { .projectPage .projectSection .projectBlock .showingBlock img { width: 120px; } } .projectPage .projectSection .projectBlock .showingBlock p { position: absolute; top: -2px; right: 45px; font-size: 18px; font-family: "intro_cond_regularregular"; } @media (max-width: 1199px) { .projectPage .projectSection .projectBlock .showingBlock p { font-size: 15px; top: -5px; } } @media screen and (max-width: 760px) and (min-width: 641px) { .projectPage .projectSection .projectBlock .showingBlock p { font-size: 13px; top: -7px; right: 25px; } } @media screen and (max-width: 400px) { .projectPage .projectSection .projectBlock .showingBlock p { font-size: 13px; top: -7px; right: 25px; } } .projectPage .projectSection .projectBlock .projectNameBlock { position: absolute; padding: 12px 5px; background-color: rgba(255, 255, 255, 0.9); top: 50%; width: 75%; margin: 0 auto; text-align: center; transform: translateY(-50%); left: 0; right: 0; } .projectPage .projectSection .projectBlock .projectNameBlock h3 { font-size: 26px; line-height: 1; margin: 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectBlock .projectNameBlock h3 { font-size: 20px; } } .projectPage .projectSection .projectBlock .projectNameBlock h4 { font-size: 18px; font-family: "intro_cond_regularregular"; color: #222; margin: 10px 0 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSection .projectBlock .projectNameBlock h4 { font-size: 16px; } } .projectPage .brokerBlock { width: 100%; margin: 50px 0 80px 0; overflow: hidden; border-top: 5px solid #005aa0; border-bottom: 5px solid #005aa0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock { margin: 50px 0 0; } } .projectPage .brokerBlock h4 { margin: 5px 0; font-family: "intro_condbold"; font-size: 18px; } .projectPage .brokerBlock .broker { width: 100%; border-top: 5px solid #005aa0; padding: 10px 0; } .projectPage .brokerBlock .broker .brokerImg { background-color: #005aa0; width: 30%; /*height: 195px;*/ padding-bottom: 35%; float: left; margin-right: 5%; background-size: cover; background-position: center; background-repeat: no-repeat; } @media (max-width: 1199px) { .projectPage .brokerBlock .broker .brokerImg { width: 35%; padding-bottom: 45%; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock .broker .brokerImg { width: 40%; height: 195px; } } .projectPage .brokerBlock .broker .brokerInfo { width: 65%; float: right; } @media (max-width: 1199px) { .projectPage .brokerBlock .broker .brokerInfo { width: 60%; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock .broker .brokerInfo { width: 55%; } } .projectPage .brokerBlock .broker .name { font-size: 22px; font-family: "intro_condbold"; color: #005aa0; margin-bottom: 10px; } @media (max-width: 1199px) { .projectPage .brokerBlock .broker .name { font-size: 18px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock .broker .name { font-size: 18px; } } .projectPage .brokerBlock .broker .title { font-size: 18px; font-family: "intro_condbold"; color: #005aa0; margin-bottom: 10px; } @media (max-width: 1199px) { .projectPage .brokerBlock .broker .title { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock .broker .title { font-size: 15px; } } .projectPage .brokerBlock .broker .phone, .projectPage .brokerBlock .broker .mail { font-size: 18px; font-family: "intro_cond_regularregular"; color: #005aa0; width: 100%; clear: right; display: block; } @media (max-width: 1199px) { .projectPage .brokerBlock .broker .phone, .projectPage .brokerBlock .broker .mail { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock .broker .phone, .projectPage .brokerBlock .broker .mail { font-size: 15px; } } .projectPage .brokerBlock .broker .readMore { margin-top: 10px; display: block; float: left; font-family: "intro_cond_regularregular"; font-size: 18px; } @media (max-width: 1199px) { .projectPage .brokerBlock .broker .readMore { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock .broker .readMore { font-size: 15px; } } .projectPage .brokerBlock .broker .linkedin { padding: 4px; width: 30px; height: 30px; border: 2px solid #005aa0; float: left; margin-left: 10px; margin-top: 7px; } @media (max-width: 1199px) { .projectPage .brokerBlock .broker .linkedin { float: left; padding: 4px; width: 30px; height: 30px; margin-top: 5px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlock .broker .linkedin { float: right; padding: 2px; width: 23px; height: 23px; margin-left: 0; margin-top: 10px; } } .projectPage .projectSplash { min-height: 500px; height: auto; background-size: contain; background-position: center; background-repeat: no-repeat; position: relative; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSplash { min-height: 260px; } } .projectPage .projectSplash .container { position: relative; height: 100%; } .projectPage .projectSplash .nextShowing { position: absolute; right: 0; top: 20px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSplash .nextShowing { top: 30px; } } @media (max-width: 1199px) { .projectPage .projectSplash .nextShowing img { width: 200px; } } .projectPage .projectSplash .nextShowing p { position: absolute; top: 10px; left: 17%; font-size: 20px; font-family: "intro_condbold"; color: #005aa0; } @media (max-width: 1199px) { .projectPage .projectSplash .nextShowing p { margin: 0; font-size: 17px; } } .projectPage .projectSplash .splashAddress { position: absolute; top: 350px; /*bottom: 40px;*/ left: 15px; padding: 20px; background-color: rgba(255, 255, 255, 0.9); } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSplash .splashAddress { padding: 12px; top: 120px; } } .projectPage .projectSplash .splashAddress h2 { display: inline-block; margin: 0; line-height: 1; font-size: 40px; } @media (max-width: 1199px) { .projectPage .projectSplash .splashAddress h2 { font-size: 32px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSplash .splashAddress h2 { font-size: 24px; } } .projectPage .projectSplash .splashAddress p { display: inline-block; margin: 0 0 0 15px; font-family: "intro_cond_regularregular"; font-size: 20px; color: #005aa0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSplash .splashAddress p { font-size: 16px; } } .projectPage .projectSubMenu { background-color: #cfdce7; overflow: hidden; width: 100%; white-space: nowrap; } @media (max-width: 1199px) { .projectPage .projectSubMenu { overflow-x: auto; overflow-y: visible; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSubMenu { display: none; } } .projectPage .projectSubMenu a { padding: 15px 40px 15px 0; display: inline-block; color: #005aa0; font-family: "intro_condbold"; text-decoration: none; font-size: 20px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectSubMenu a { font-size: 15px; padding: 15px 20px 15px 0; } } .projectPage .projectSubMenu a.selected { text-decoration: underline; } .projectPage .projectSubMenu a:hover { text-decoration: underline; } .projectPage .handScroll { width: 30px; height: 30px; position: fixed; top: 50px; right: 0; opacity: .4; display: none; z-index: 10; } .projectPage .handScroll img { width: 100%; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .handScroll { display: none; } } .projectPage .projectIntroSection { padding: 30px 0; overflow: hidden; } .projectPage .projectIntroSection .projectIntroTextSection { width: 70%; float: left; font-family: "intro_cond_regularregular"; font-size: 19px; line-height: 1.4; padding-right: 5%; } @media (max-width: 1199px) { .projectPage .projectIntroSection .projectIntroTextSection { /*width: 100%;*/ /*padding-right: 0;*/ } } @media screen and (max-width: 920px) { .projectPage .projectIntroSection .projectIntroTextSection { width: 100%; padding-right: 0; position: relative; } } @media (max-width: 1199px) { .projectPage .projectIntroSection .projectIntroTextSection h1 { font-size: 28px; line-height: 1.2; display: inline-block; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectIntroSection .projectIntroTextSection h1 { display: inline-block; font-size: 22px; width: 65%; } } .projectPage .projectIntroSection .projectIntroTextSection .projectIntroText { white-space: pre-line; } .projectPage .projectIntroSection .mobileSocialShare { display: none; float: right; } @media screen and (max-width: 920px) { .projectPage .projectIntroSection .mobileSocialShare { display: inline-block; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectIntroSection .mobileSocialShare { display: inline-block; } } .projectPage .projectIntroSection .mobileSocialShare .mobileIcons { position: absolute; left: 0; width: 100%; padding: 30px 0; background-color: white; display: none; } .projectPage .projectIntroSection .mobileSocialShare .mobileIcons .socialIcon { width: 15%; max-width: 50px; float: right; margin-left: 1.5%; padding: 10px; border: 3px solid #006db2; } .projectPage .projectIntroSection .mobileSocialShare .mobileIcons .socialIcon:hover { border-color: #005aa0; } .projectPage .projectIntroSection .mobileSocialShare .mobileIcons .socialIcon img { width: 100%; display: block; } .projectPage .projectIntroSection .mobileSocialShare .shareButtonMobile { background-color: #005aa0; padding: 10px; overflow: hidden; display: block; cursor: pointer; } @media screen and (max-width: 920px) { .projectPage .projectIntroSection .mobileSocialShare .shareButtonMobile { /*width: 100%;*/ } } .projectPage .projectIntroSection .mobileSocialShare .shareButtonMobile img { float: left; width: 31px; height: 31px; } @media (max-width: 1199px) { .projectPage .projectIntroSection .mobileSocialShare .shareButtonMobile img { width: 20px; height: 20px; } } .projectPage .projectIntroSection .mobileSocialShare .shareButtonMobile p { float: left; margin: 4px 0 0 20px; font-family: "intro_condbold"; color: white; font-size: 20px; } @media (max-width: 1199px) { .projectPage .projectIntroSection .mobileSocialShare .shareButtonMobile p { margin: 0 0 0 20px; font-size: 17px; } } .projectPage .projectIntroSection .projectIntroTableSection { width: 30%; float: right; } @media (max-width: 1199px) { .projectPage .projectIntroSection .projectIntroTableSection { /*width: 100%;*/ } } @media screen and (max-width: 920px) { .projectPage .projectIntroSection .projectIntroTableSection { width: 100%; } } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer { margin-bottom: 30px; overflow: hidden; } @media screen and (max-width: 920px) { .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer { display: none; } } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .socialContain { float: right; } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .socialIcon { width: 15%; float: left; margin-right: 1.5%; padding: 10px; border: 3px solid #006db2; } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .socialIcon:hover { border-color: #005aa0; } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .socialIcon img { width: 100%; display: block; } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .shareButton { background-color: #005aa0; padding: 10px; overflow: hidden; display: block; cursor: pointer; } @media screen and (max-width: 920px) { .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .shareButton { /*width: 100%;*/ } } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .shareButton img { float: left; width: 31px; height: 31px; } @media (max-width: 1199px) { .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .shareButton img { width: 20px; height: 20px; } } .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .shareButton p { float: left; margin: 4px 0 0 20px; font-family: "intro_condbold"; color: white; font-size: 20px; } @media (max-width: 1199px) { .projectPage .projectIntroSection .projectIntroTableSection .socialIconContainer .shareButton p { margin: 0 0 0 20px; font-size: 17px; } } .projectPage .projectIntroSection .projectIntroTableSection table { width: 100%; font-family: "intro_cond_regularregular"; color: #222; border-spacing: 0; } @media screen and (max-width: 920px) { .projectPage .projectIntroSection .projectIntroTableSection table { margin-top: 20px; } } .projectPage .projectIntroSection .projectIntroTableSection table tr:nth-child(odd) { background-color: #cfdce7; } .projectPage .projectIntroSection .projectIntroTableSection table tr td { margin: 5px 0; padding-left: 5px; font-size: 19px; min-width: 130px; } .projectPage .projectIntroSection .projectIntroTableSection table tr p { text-align: left; padding-right: 3%; margin: 9px 0; } .projectPage .projectIntroSection .projectIntroTableSection table tr .object-overview-infotable-startingprice-mini { font-size: 15px; margin-top: -7px; } .projectPage .brokerAndIntestedButtonSection { padding: 60px 0; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerAndIntestedButtonSection { padding: 20px 0; } } .projectPage .brokerAndIntestedButtonSection .interestedBlock { width: 50%; float: left; text-align: center; margin-top: 20px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerAndIntestedButtonSection .interestedBlock { width: 100%; margin: 20px 0; } } .projectPage .brokerAndIntestedButtonSection .interestedBlock h3 { font-size: 40px; line-height: 1; color: #006db2; } @media (max-width: 1199px) { .projectPage .brokerAndIntestedButtonSection .interestedBlock h3 { font-size: 34px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerAndIntestedButtonSection .interestedBlock h3 { font-size: 30px; } } .projectPage .brokerAndIntestedButtonSection .interestedBlock p { font-family: "intro_condbold"; font-size: 22px; line-height: 1.4; color: #006db2; width: 60%; margin: 35px auto; } @media (max-width: 1199px) { .projectPage .brokerAndIntestedButtonSection .interestedBlock p { width: 70%; font-size: 18px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerAndIntestedButtonSection .interestedBlock p { margin: 25px auto; } } .projectPage .brokerAndIntestedButtonSection .interestedBlock .button { font-size: 20px; padding: 20px 100px; } @media (max-width: 1199px) { .projectPage .brokerAndIntestedButtonSection .interestedBlock .button { font-size: 18px; padding: 20px 80px; } } .projectPage .brokerBlockContainer { width: 50%; float: right; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlockContainer { width: 100%; } } .projectPage .brokerBlockContainer.brokerBlockFull { width: 100%; font-size: 0; } .projectPage .brokerBlockContainer.brokerBlockFull .brokerBlock { width: 49%; display: inline-block; vertical-align: top; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .brokerBlockContainer.brokerBlockFull .brokerBlock { width: 100%; } } .projectPage .brokerBlockContainer.brokerBlockFull .brokerBlock:nth-child(2) { margin-left: 2%; } .projectPage .brokerBlockContainer .brokerBlock { margin: 10px 0; /*&:nth-child(2) { margin-top: 20px; }*/ } .projectPage .projectImageSection { padding: 0 0 40px 0; overflow: hidden; } .projectPage .projectImageSection .leftImage { width: 60%; float: left; padding-right: 1%; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectImageSection .leftImage { display: none; } } .projectPage .projectImageSection .leftImage img { width: 100%; } .projectPage .projectImageSection .rightImage { float: right; width: 40%; margin-bottom: 5px; position: relative; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectImageSection .rightImage { display: none; } } .projectPage .projectImageSection .rightImage img { display: block; width: 100%; } .projectPage .projectImageSection .rightImage .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(14, 48, 117, 0.6); } .projectPage .projectImageSection .rightImage .overlay p { color: white; margin: 0; text-decoration: none; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; left: 0; right: 0; font-family: "intro_condbold"; font-size: 25px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectImageSection .rightImage .overlay p { font-size: 20px; padding: 0 5px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectImageSection .rightImage.showAllImage { display: block; width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectImageSection .rightImage.showAllImage.desktopShowAll { display: none; } } .projectPage .projectImageSection .rightImage.showAllImage.mobileShowAll { display: none; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectImageSection .rightImage.showAllImage.mobileShowAll { display: block; width: 100%; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .projectImageSection .all-images-container img { width: 100%; } } .projectPage .materialSection { padding: 40px 0; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .materialSection { padding: 20px 0; } } .projectPage .materialSection h2 { text-align: center; font-size: 42px; line-height: 1; margin-bottom: 30px; } @media (max-width: 1199px) { .projectPage .materialSection h2 { font-size: 28px; } } .projectPage .materialSection .materialBlock { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-fill: auto; column-gap: 30px; font-family: "intro_cond_regularregular"; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .materialSection .materialBlock { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; column-gap: normal; height: 200px; overflow: hidden; } } .projectPage .materialSection .materialBlock h4 { margin-bottom: -15px; font-family: "intro_condbold"; font-size: 17px; line-height: 1; color: #006db2; } .projectPage .materialSection .materialBlock p { font-size: 17px; line-height: 1.6; } .projectPage .estateSection { padding: 30px 0; overflow: hidden; } .projectPage .estateSection h2 { text-align: center; margin-bottom: 30px; } .projectPage .estateSection .table { width: 100%; text-align: left; border-collapse: collapse; font-family: "intro_cond_regularregular"; /* border-style: solid; border-color: $blue; border-width: 1px; */ } .projectPage .estateSection .table .header { border-top: 5px solid #005aa0; border-bottom: 5px solid #005aa0; } .projectPage .estateSection .table .header .headerRow { font-size: 18px; } .projectPage .estateSection .table .header .headerRow .headerCell { font-family: "intro_cond_regularregular"; font-weight: normal; padding: 5px 0; color: #005aa0; cursor: pointer; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .projectPage .estateSection .table .header .headerRow .headerCell:hover { color: #e6e5e5; } .projectPage .estateSection .table .header .headerRow .headerCell:first-child { padding-left: 10px; } .projectPage .estateSection .table .header .headerRow .headerCell:last-child { padding-right: 10px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .estateSection .table .header .headerRow .headerCell { font-size: 10px; } } .projectPage .estateSection .table .header .headerRow .headerCell.sorting-asc { position: relative; } .projectPage .estateSection .table .header .headerRow .headerCell.sorting-asc:after { content: url("/Content/Images/small-arrow-down.png"); position: absolute; left: 60px; } .projectPage .estateSection .table .header .headerRow .headerCell.sorting-desc { position: relative; } .projectPage .estateSection .table .header .headerRow .headerCell.sorting-desc:after { content: url("/Content/Images/small-arrow-up.png"); position: absolute; left: 60px; } .projectPage .estateSection .table .body .bodyRow:nth-child(even) { background-color: #cfdce7; } .projectPage .estateSection .table .body .bodyRow .bodyCell { padding: 6px 0; font-size: 18px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .estateSection .table .body .bodyRow .bodyCell { font-size: 10px; } } .projectPage .estateSection .table .body .bodyRow .bodyCell a { text-decoration: none; } .projectPage .estateSection .table .body .bodyRow .bodyCell:first-child { padding-left: 10px; } .projectPage .estateSection .table .body .bodyRow .bodyCell:last-child { padding-right: 10px; } .projectPage .estateSection .table .body .bodyRow .bodyCell.yellow a { color: #f7bc37; } .projectPage .estateSection .table .body .bodyRow .bodyCell.green a { color: #95c11f; } .projectPage .estateSection .table .body .bodyRow .bodyCell.red a { color: #e30613; } .projectPage .mapSection { padding: 40px 0; overflow: hidden; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .mapSection { padding: 10px 0 20px; } } .projectPage .mapSection #ShowingMap { /*height: 550px;*/ width: 100%; background-color: #eff4f9; padding-bottom: 50%; } @media (max-width: 1199px) { .projectPage .mapSection #ShowingMap { /*height: 400px;*/ } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .mapSection #ShowingMap { /*height: 220px;*/ } } .projectPage .surroundingSection { padding: 40px 0; overflow: hidden; } .projectPage .surroundingSection h2 { text-align: center; font-size: 42px; line-height: 1; margin-bottom: 30px; } @media (max-width: 1199px) { .projectPage .surroundingSection h2 { font-size: 28px; } } .projectPage .surroundingSection .surroundingBlock { -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; column-fill: auto; column-gap: 30px; font-family: "intro_cond_regularregular"; font-size: 17px; line-height: 1.6; /*white-space: pre-line;*/ } @media (min-width: 1px) and (max-width: 640px) { .projectPage .surroundingSection .surroundingBlock { -moz-column-count: auto; -webkit-column-count: auto; column-count: auto; column-gap: normal; height: 200px; overflow: hidden; } } .projectPage .surroundingSection .surroundingBlock h4 { margin-bottom: -15px; font-family: "intro_condbold"; font-size: 17px; line-height: 1; color: #006db2; } .projectPage .surroundingSection .surroundingBlock p { font-size: 17px; line-height: 1.6; white-space: pre-line; } .projectPage .interestedSection { overflow: hidden; text-align: center; padding: 30px 0; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .interestedSection { padding: 20px 0; } } .projectPage .interestedSection h2 { text-align: center; font-size: 40px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .interestedSection h2 { font-size: 28px; } } .projectPage .interestedSection .container { padding: 30px 0; background: #eff4f9; } .projectPage .interestedSection .container .inputContainer { display: inline-block; width: 100%; margin-top: 30px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .interestedSection .container .inputContainer { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } } .projectPage .interestedSection .container .inputContainer input[type=text], .projectPage .interestedSection .container .inputContainer input[type=email], .projectPage .interestedSection .container .inputContainer input[type=password] { border: none; height: 55px; width: 20%; margin-right: 1%; font-size: 21px; font-family: "intro_condbold"; color: #005aa0; padding-left: 15px; } @media (max-width: 1199px) { .projectPage .interestedSection .container .inputContainer input[type=text], .projectPage .interestedSection .container .inputContainer input[type=email], .projectPage .interestedSection .container .inputContainer input[type=password] { font-size: 16px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .interestedSection .container .inputContainer input[type=text], .projectPage .interestedSection .container .inputContainer input[type=email], .projectPage .interestedSection .container .inputContainer input[type=password] { width: 100%; margin-bottom: 10px; } } .projectPage .interestedSection .container .interestSubmitButtonContainer { text-align: center; width: 50%; margin: 40px 7% 10px; overflow: hidden; } @media (max-width: 1199px) { .projectPage .interestedSection .container .interestSubmitButtonContainer { margin: 40px 8% 10px; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .interestedSection .container .interestSubmitButtonContainer { width: 100%; margin: 0; } } .projectPage .interestedSection .container .interestSubmitButtonContainer .interestSubmitButton { display: inline-block; float: right; color: white; background-color: #005aa0; border: none; padding: 16px 57px; font-family: "intro_condbold"; font-size: 21px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .interestedSection .container .interestSubmitButtonContainer .interestSubmitButton { width: 100%; } } .projectPage .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { width: 50%; margin-right: 2%; /*margin-top: 8px;*/ display: inline-block; text-align: left; float: left; margin-left: 15%; } @media (max-width: 919px) { .projectPage .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { font-size: 12px; margin-left: 0; } } @media (max-width: 1199px) { .projectPage .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { margin-left: 0; } } @media screen and (max-width: 720px) { .projectPage .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { width: 40%; } } @media (min-width: 1px) and (max-width: 640px) { .projectPage .interestedSection .container .interestSubmitButtonContainer .checkboxContainer { width: 90%; margin: 20px 0; } } .projectPage .interestedSection .container .interestSubmitButtonContainer a { color: #222; } .projectPage .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] { display: none !important; position: absolute; left: -1000px; z-index: -100; } .projectPage .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] ~ label { width: 100%; /*margin: 0 0 20px 0;*/ vertical-align: top; display: inline-block !important; line-height: 1; } .projectPage .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"] ~ label:before { content: ''; width: 31px; height: 25px; background-color: white; border: 1px solid #005aa0; border-radius: 4px; display: block; float: left; margin: 0 5% 0 0; padding-top: 6px; } .projectPage .interestedSection .container .interestSubmitButtonContainer input[type="checkbox"]:checked ~ label:before { content: url("/Content/Images/checked.png"); background: #005aa0; text-align: center; color: white; } .projectPage .interestedSection ::-webkit-input-placeholder { color: #005aa0; } .projectPage .interestedSection :-moz-placeholder { color: #005aa0; } .projectPage .interestedSection ::-moz-placeholder { color: #005aa0; } .projectPage .interestedSection :-ms-input-placeholder { color: #005aa0; } .projectPage .documentSection { padding: 30px 0; overflow: hidden; } .projectPage .documentSection h2 { text-align: center; font-size: 40px; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .documentSection h2 { font-size: 28px; } } .projectPage .documentSection .documentContainer { width: 80%; margin: 50px auto 30px; /*text-align: center;*/ } @media (max-width: 1199px) { .projectPage .documentSection .documentContainer { width: 100%; } } .projectPage .documentSection .documentContainer .documentBlock { width: 17%; margin: 0 3.5% 50px 3.5%; display: inline-block; /*float: left;*/ vertical-align: top; text-decoration: none; position: relative; } @media (min-width: 1px) and (max-width: 640px) { .projectPage .documentSection .documentContainer .documentBlock { width: 40%; } } .projectPage .documentSection .documentContainer .documentBlock img { width: 50%; margin: 0 auto; display: block; } .projectPage .documentSection .documentContainer .documentBlock p { font-size: 24px; position: relative; width: 100%; left: 50%; transform: translateX(-50%); margin: 0 auto; margin-top: 20px; text-align: center; font-family: "intro_cond_regularregular"; } @media (max-width: 1199px) { .projectPage .documentSection .documentContainer .documentBlock p { font-size: 20px; } } .projectPage .projectDetailsBackToTop .backtoTopContainer { margin-top: 0; margin-bottom: 50px; } .projectPage .object-images-container img { width: 100%; } .projectPage .object-images-container p { margin: 10px 0 5px; } .error { list-style: none; text-align: center; } .estateIframeContainer { overflow: hidden; background-color: white; padding: 20px 0; } .estateIframeContainer .iframeBox { width: 100%; height: 690px; border: none; } @media (max-width: 1199px) { .estateIframeContainer .iframeBox { height: 560px; } } @media (min-width: 1px) and (max-width: 640px) { .estateIframeContainer .iframeBox { height: 370px; } } .cd-timeline-content { position: relative; margin-left: 60px; display: inline-block; display: block; } .cd-timeline-content h3 { font-size: 18px; font-family: "intro_condbold"; line-height: 1; margin: 8px 0; } .cd-timeline-content p { font-family: "intro_cond_regularregular"; } .cd-timeline-content:after { content: ""; display: table; clear: both; } .cd-timeline-content:before { content: ''; position: absolute; top: 16px; right: 100%; height: 0; width: 0; } .cd-timeline-content p { font-size: 13px; } #cd-timeline { position: relative; padding: 0; margin-top: 50px !important; margin-bottom: 2em; } #cd-timeline:before { content: ''; position: absolute; top: 0; left: 18px; height: 100%; width: 0px; border-right: 2px solid #005aa0; background: white; left: 50%; margin-left: -2px; } @media screen and (max-width: 768px) { #cd-timeline:before { left: 18px; } } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 30px; margin-bottom: 0; } #cd-timeline:before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 40px 0; } .cd-timeline-block:after { content: ""; display: table; clear: both; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 40px 0; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: 5px; width: 40px; height: 40px; border-radius: 50%; width: 25px; height: 25px; left: 50%; -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; margin-left: -13px; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } @media screen and (max-width: 768px) { .cd-timeline-img { left: 18px; } } .cd-timeline-img.bigger { width: 33px; height: 33px; margin-left: -4px; top: -6px; } @media screen and (max-width: 1170px) { .cd-timeline-img.bigger { margin-left: -17px; } } @media screen and (max-width: 768px) { .cd-timeline-img.bigger { margin-left: -17px; } } .cd-timeline-img p { font-size: 39px; color: #222; margin-top: -9px; font-weight: bold; text-align: center; } .cd-timeline-img img { display: block; width: auto; height: 44px; position: relative; left: 44%; top: 30%; margin-left: -12px; margin-top: -12px; } .cd-timeline-img.cd-picture { background: #005aa0; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 20px; height: 20px; left: 50%; margin-left: -11px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .cd-timeline-img.bigger { width: 33px; height: 33px; margin-left: -17px; top: -6px; } } @media only screen and (min-width: 768px) { .cd-timeline-content { /*margin: 0 auto 50px;*/ } .cd-timeline-content h2 { font-size: 18px; margin: 10px 0; line-height: 1; } .cd-timeline-content p { font-size: 16px; margin: 0; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; } } @media only screen and (min-width: 768px) { .cd-timeline-content { margin-left: 0; /*padding: 20px;*/ width: 46%; text-align: right; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: white; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; text-align: left; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: white; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } } .hittaMapProject { height: 500px; background-size: cover; background-position: center center; } @media (min-width: 1px) and (max-width: 640px) { .hittaMapProject { height: 300px; } } /* * Page Footer */ .page-footer { /*border-top: 5px solid $cloud;*/ padding: 40px 0 0; width: 100%; overflow: hidden; float: left; background-color: #244663; font-size: 16px; } .page-footer * { font-size: 16px; color: white; font-family: "intro_cond_regularregular"; } .page-footer a:hover { text-decoration: underline; } .page-footer .column-4 { display: inline-block; vertical-align: top; } .page-footer .column-4 h4 { font-size: 18px; font-family: "intro_condbold"; margin-bottom: 35px; color: white; } .page-footer .column-4 ul { padding-left: 0; } .page-footer .column-4 ul li { list-style: none outside; } .page-footer .column-4 ul li a { text-decoration: none; /*color: $black;*/ color: white; } .page-footer .column-4 ul li a:hover { text-decoration: underline; } .page-footer .column-4.left-content a { /*color: $black;*/ color: white; } .page-footer .disclaimer { margin: 40px 0 0 0; padding: 10px 0; background: #eff4f9; text-align: right; } .page-footer .disclaimer a { margin: 0 0 0 20px; text-decoration: none; color: #222; font-size: 14px; } .page-footer .disclaimer a:nth-child(1) { margin-left: 0; } .cookie-information { background: rgba(0, 90, 160, 0.9); color: #fff; padding: 5px 20px; font-size: 12px; position: fixed; width: 100%; bottom: -100px; @transition (bottom 0.8s); z-index: 99; } @media (min-width: 1px) and (max-width: 640px) { .cookie-information { padding: 75px 20px; } } .cookie-information.show { bottom: 0; } .cookie-information .cookie-information-text { text-align: center; padding: 5px 10px; color: white; font-size: 14px; } @media (min-width: 1px) and (max-width: 640px) { .cookie-information .cookie-information-text { font-size: 11px; line-height: 1.4; } } .cookie-information .cookie-information-text a { display: inline-block; padding: 6px 31px; color: #eee; font-size: 14px; } .cookie-information .cookie-information-text a.accept-cookie { background: #004c87; color: #eee; margin-left: 5px; cursor: pointer; } .importantMessage { background: rgba(222, 17, 17, 0.9); color: #fff; padding: 5px 20px; font-size: 12px; position: fixed; width: 100%; bottom: -100px; @transition (bottom 0.8s); z-index: 99999; } @media (min-width: 1px) and (max-width: 640px) { .importantMessage { padding: 10px; } } .importantMessage.show { bottom: 0; } @media (min-width: 1px) and (max-width: 640px) { .importantMessage.show { top: 77px; bottom: auto; } } .importantMessage .ImportantMessageText { text-align: center; padding: 5px 10px; color: white; font-size: 14px; } @media (min-width: 1px) and (max-width: 640px) { .importantMessage .ImportantMessageText { font-size: 11px; line-height: 1.4; } } .importantMessage .ImportantMessageText a { display: inline-block; padding: 6px 31px; color: #eee; font-size: 14px; } .importantMessage .ImportantMessageText a.acceptImportant { background: #af0d0d; color: #eee; margin-left: 5px; cursor: pointer; } .TwoColumnSection { /*.TwoColumnSection__Content { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } */ } .TwoColumnSection .TwoColumnSection__Content iframe, .TwoColumnSection .TwoColumnSection__Content object, .TwoColumnSection .TwoColumnSection__Content embed { /*position: absolute; top: 0; left: 0; width: 100%; height: 100%;*/ width: 100%; min-height: 422px; } .column-4 a { text-decoration: none; } .column-4 a strong { font-family: 'intro_condbold'; font-size: 21px; display: block; text-decoration: none; margin-top: 45px; margin-bottom: 30px; } .column-4 a strong .text { vertical-align: middle; } .column-4 a strong:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: sub; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; } .skinny-hero .input-wrapper input[type="text"] { width: 50% !important; } .brokerBlock .button { margin-right: 10px; width: 100%; text-align: center; } .MinaSidor-Content { background-color: transparent; } .MinaSidor-Content .loginNavMenu { display: table; margin: 0 auto; text-align: center; width: 100%; background-color: #badaf3; } .MinaSidor-Content .projectSubMenu { background-color: #badaf3; overflow: hidden; white-space: nowrap; list-style: none; display: table; margin: 0 auto; padding-left: 0px; } @media (min-width: 1px) and (max-width: 640px) { .MinaSidor-Content .projectSubMenu { overflow-x: auto; overflow-y: visible; } } .MinaSidor-Content .projectSubMenu a { padding: 15px 40px 15px 40px; display: inline-block; color: #005aa0; font-family: "intro_condbold"; text-decoration: none; font-size: 20px; float: left; text-align: center; } @media (min-width: 1px) and (max-width: 640px) { .MinaSidor-Content .projectSubMenu a { font-size: 15px; padding: 15px 20px 15px 0; } } .MinaSidor-Content .projectSubMenu a.selected { text-decoration: underline; } .MinaSidor-Content .projectSubMenu a:hover { text-decoration: underline; } .MinaSidor-Content .projectSubMenu li { text-decoration: none; text-align: center; margin: 0 auto; display: table; } .MinaSidor-Content .SubMenu { width: 25%; min-width: 200px; background-color: #76bbe7; padding: 0; margin: 0; list-style: none; float: left; overflow: hidden; } .MinaSidor-Content .SubMenu a { text-decoration: none; } .MinaSidor-Content .SubMenu a li { padding-left: 25px; border-bottom: solid 1px #005aa0; overflow: hidden; padding-top: 25px; padding-bottom: 25px; line-height: 25px; } .MinaSidor-Content .SubMenu a span { background: url(/content/images/down-arrow.png) bottom center no-repeat; cursor: pointer; border-radius: 1px; height: 25px; width: 25px; display: inline-block; margin-left: 13px; margin-right: 25px; content: ''; text-align: right; float: right; transform: translate(0px, 3px); } .MinaSidor-Content .SubMenu a:hover { text-decoration: underline; } .MinaSidor-Content .SubSubMenu { background-color: #badaf3; margin: 0; padding: 0; list-style: none; } .MinaSidor-Content .SubContent { width: 75%; padding-left: 25px; overflow: hidden; float: left; } .MinaSidor-Content .SubContent table { width: 100%; border: 2px solid #badaf3; border-collapse: collapse; } .MinaSidor-Content .SubContent table tr { border-bottom: 2px solid #badaf3; border-collapse: collapse; line-height: 60px; } .MinaSidor-Content .SubContent table tr td { float: left; margin-left: 10px; width: 13%; font-size: 18px; color: black; } .MinaSidor-Content .SubContent table tr td input:disabled { background: transparent; border: none; } .MinaSidor-Content .SubContent table tr td:first-child { font-family: "intro_condbold"; color: #005aa0; } .MinaSidor-Content .ButtonRow ul { list-style: none; } .MinaSidor-Content .ButtonRow ul li { float: right; margin-left: 15px; } .MinaSidor-Content .Mina-sidor-selectEstate { margin: 0 auto; display: table; width: 100%; } .MinaSidor-Content .Mina-sidor-selectEstate .EstateCard { float: left; width: 50%; padding: 30px; overflow: hidden; margin: 0 auto; display: table; } .MinaSidor-Content .Mina-sidor-selectEstate .EstateCard img { width: 100%; } .ghostButton { padding: 11px 28px; margin: 0; max-height: 44px; line-height: 22px; border: #005aa0 3px solid; text-decoration: none; font-family: "intro_condbold", sans-serif; background-color: transparent; cursor: pointer; display: inline-block; -webkit-transition: 0.2s; color: #005aa0; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ } .loginContainer { background-color: white; } .loginContainer h3 { margin-top: 23px; } .loginContainer .loginContainer-Window { width: 90%; margin: 0 auto; position: relative; height: 250px; padding: 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .loginContainer .loginContainer-Window .closeButton { outline: none; border: none; color: #005aa0; background: #005aa0 none; color: white; padding: 10px 15px; font-size: 32px; position: absolute; top: 0; right: 0; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; transition: .2s; } .loginContainer .loginContainer-Window .closeButton:hover { background-color: #003d6d; } .loginContainer h3 { font-family: "lf_rubrikregular", sans-serif; } #BankIdOption .inputBlock { width: 100%; } #BankIdOption .inputBlock input { width: 100%; } #BankIdOption .inputBlock label { left: 15px; } #registerform { background-color: white; padding: 20px; } #registerform .inputBlock input, #registerform .inputBlock select { appearance: none; height: 50px; width: 95%; padding-left: 15px; padding-top: 13px; border: 1px solid black; } #registerform .inputBlock label { left: 25px; } #registerform .inputBlock label.smaller { left: 25px; } #registerform .checkboxContainer { padding-left: 20px; } .loginContainer ul { border-bottom: 1px solid lightgray; padding: 0; overflow: hidden; list-style: none; } .loginContainer ul li { text-align: center; height: 45px; line-height: 45px; color: #005aa0; cursor: pointer; float: left; width: 50%; font-family: "intro_condbold"; } .loginContainer ul .selected { border-bottom: 3px solid #005aa0; } .loginContainer ul li:hover { border-bottom: 3px solid #005aa0; } /* *Site mixins */ /* *Site normalize */ body, input { /*@include font-family($fontNormal);*/ font-weight: normal; font-size: 16px; line-height: 22px; color: #222; font-family: Arial, sans-serif; } input, label { font-family: "intro_cond_regularregular", sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: "lf_rubrikregular", sans-serif; font-weight: normal; margin: 0 0 39px; margin: 0 0 10px; color: #005aa0; } h1.lff-rubrik, h2.lff-rubrik, h3.lff-rubrik, h4.lff-rubrik, h5.lff-rubrik, h6.lff-rubrik { font-family: "lf_rubrikregular", sans-serif; font-weight: normal; } h1 { font-size: 40px; line-height: 50px; } @media (min-width: 1px) and (max-width: 640px) { h1 { font-size: 40px; line-height: 45px; } } h2 { font-size: 36px; line-height: 1.3; } @media (min-width: 1px) and (max-width: 640px) { h2 { font-size: 35px; line-height: 35px; } } h3 { font-size: 23px; line-height: 32px; font-size: 34px; line-height: 34px; } @media (min-width: 1px) and (max-width: 640px) { h3 { font-size: 25px; line-height: 25px; } } h4 { font-size: 20px; line-height: 24px; } @media (min-width: 1px) and (max-width: 640px) { h4 { font-size: 20px; line-height: 20px; } } h5 { font-size: 18px; line-height: 23px; } @media (min-width: 1px) and (max-width: 640px) { h5 { font-size: 16px; line-height: 16px; } } h6 { font-size: 12px; line-height: 18px; color: #b1b3b6; } ul { padding-left: 17px; } .header-text { font-size: 53px; font-family: "lf_rubrikregular"; color: white; } .red-text { color: #e30613; } .preamble { font-size: 24px; line-height: 27px; } .button { padding: 11px 28px; margin: 0; /*background: $btnLogin;*/ background: #005aa0; text-decoration: none; color: #fff; font-family: "intro_condbold", sans-serif; border: 0; cursor: pointer; display: inline-block; -webkit-transition: 0.2s; -moz-transition: 0.2s; -ms-transition: 0.2s; -o-transition: 0.2s; } .button:hover { background: #004c87; } .arrow-right { font-family: "intro_condbold"; /*wrong font*/ font-size: 20px; display: block; text-decoration: none; margin-top: 45px; margin-bottom: 30px; color: #005aa0; } .arrow-right .text { vertical-align: middle; } .arrow-right:after { content: ''; width: 36px; margin-left: 10px; height: 21px; display: inline-block; vertical-align: middle; background: url("/Content/Images/blue-arrow-right.png") right center no-repeat; }