/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */progress,sub,sup{vertical-align:baseline}button,hr,input{overflow:visible}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,optgroup,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("assets/css/vendor/images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("assets/css/vendor/images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("assets/css/vendor/images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("assets/css/vendor/images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("assets/css/vendor/images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("assets/css/vendor/images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("assets/css/vendor/images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} .ui-timepicker-wrapper { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2); -moz-box-shadow:0 5px 10px rgba(0,0,0,0.2); box-shadow:0 5px 10px rgba(0,0,0,0.2); outline: none; z-index: 10001; margin: 0; } .ui-timepicker-wrapper.ui-timepicker-with-duration { width: 13em; } .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30, .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 { width: 11em; } .ui-timepicker-list { margin: 0; padding: 0; list-style: none; } .ui-timepicker-duration { margin-left: 5px; color: #888; } .ui-timepicker-list:hover .ui-timepicker-duration { color: #888; } .ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; } .ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; } li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; } li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; } .ui-timepicker-list li.ui-timepicker-disabled, .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; } .ui-timepicker-list li.ui-timepicker-disabled:hover, .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; } /*! nouislider - 10.1.0 - 2017-07-28 13:09:54 */.noUi-tooltip,.noUi-value{text-align:center;white-space:nowrap}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative;direction:ltr;background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-base{width:100%;height:100%;position:relative;z-index:1}.noUi-connect{position:absolute;right:0;top:0;left:0;bottom:0}.noUi-origin{position:absolute;height:0;width:0}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:top .3s,right .3s,bottom .3s,left .3s;transition:top .3s,right .3s,bottom .3s,left .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-base,.noUi-handle{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-connect{background:#3FB8AF;border-radius:4px;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{position:relative;z-index:1;border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-marker,.noUi-pips,.noUi-tooltip,.noUi-value{position:absolute}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{color:#999}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{background:#CCC}.noUi-marker-large,.noUi-marker-sub{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate3d(-50%,50%,0);transform:translate3d(-50%,50%,0)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);padding-left:25px}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%} .ps-container.ps-in-scrolling,.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container{-ms-touch-action:none;touch-action:none;overflow:hidden!important;-ms-overflow-style:none}@supports (-ms-overflow-style:none){.ps-container{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps-container{overflow:auto!important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:0;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999} /*! * jQuery UI CSS Framework 1.12.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ */.ui-helper-reset,.ui-menu{list-style:none;padding:0;outline:0}.ui-widget-content a,.ui-widget-header,.ui-widget-header a{color:#333}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;border:0;line-height:1.3;text-decoration:none;font-size:100%}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete,.ui-menu .ui-menu{position:absolute}/*! * jQuery UI Autocomplete 1.12.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/autocomplete/#theming */.ui-autocomplete{top:0;left:0;cursor:default}/*! * jQuery UI Menu 1.12.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/menu/#theming */.ui-menu{margin:0;display:block}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-widget,.ui-widget .ui-widget{font-size:1em}.ui-menu .ui-state-active,.ui-menu .ui-state-focus{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}/*! * jQuery UI CSS Framework 1.12.0 * http://jqueryui.com * * Copyright jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://api.jqueryui.com/category/theming/ * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&fwDefault=normal&cornerRadius=3px&bgColorHeader=e9e9e9&bgTextureHeader=flat&borderColorHeader=dddddd&fcHeader=333333&iconColorHeader=444444&bgColorContent=ffffff&bgTextureContent=flat&borderColorContent=dddddd&fcContent=333333&iconColorContent=444444&bgColorDefault=f6f6f6&bgTextureDefault=flat&borderColorDefault=c5c5c5&fcDefault=454545&iconColorDefault=777777&bgColorHover=ededed&bgTextureHover=flat&borderColorHover=cccccc&fcHover=2b2b2b&iconColorHover=555555&bgColorActive=007fff&bgTextureActive=flat&borderColorActive=003eff&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=fffa90&bgTextureHighlight=flat&borderColorHighlight=dad55e&fcHighlight=777620&iconColorHighlight=777620&bgColorError=fddfdf&bgTextureError=flat&borderColorError=f1a899&fcError=5f3f3f&iconColorError=cc0000&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=666666&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=5px&offsetTopShadow=0px&offsetLeftShadow=0px&cornerRadiusShadow=8px */.ui-widget{font-family:Arial,Helvetica,sans-serif}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;font-weight:700}.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:400;color:#454545}.ui-button,.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button{color:#454545;text-decoration:none}.ui-button:focus,.ui-button:hover,.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #ccc;background:#ededed;font-weight:400;color:#2b2b2b}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,a.ui-button:focus,a.ui-button:hover{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px #5e9ed6}.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{border:1px solid #003eff;background:#007fff;font-weight:400;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon,.ui-widget-header .ui-icon{background-image:url(assets/css/images/ui-icons_444444_256x240.png)}.ui-button .ui-icon{background-image:url(assets/css/images/ui-icons_777777_256x240.png)}.ui-button:focus .ui-icon,.ui-button:hover .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(assets/css/images/ui-icons_555555_256x240.png)}.ui-button:active .ui-icon,.ui-state-active .ui-icon{background-image:url(assets/css/images/ui-icons_ffffff_256x240.png)}.ui-button .ui-state-highlight.ui-icon,.ui-state-highlight .ui-icon{background-image:url(assets/css/images/ui-icons_777620_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(assets/css/images/ui-icons_cc0000_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-first,.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:3px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} .mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-arrow:after,.mfp-arrow:before,.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3F3F3F}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3F3F3F}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}} .ps-container.ps-in-scrolling,.ps-container:hover.ps-in-scrolling{pointer-events:none}.ps-container{-ms-touch-action:none;touch-action:none;overflow:hidden!important;-ms-overflow-style:none}@supports (-ms-overflow-style:none){.ps-container{overflow:auto!important}}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.ps-container{overflow:auto!important}}.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block;background-color:transparent}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:0;height:15px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps-container>.ps-scrollbar-x-rail:active>.ps-scrollbar-x,.ps-container>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{height:11px}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:0;width:15px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,-webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out;transition:background-color .2s linear,height .2s linear,width .2s ease-in-out,border-radius .2s ease-in-out,-webkit-border-radius .2s ease-in-out,-moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y,.ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{width:11px}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x{background-color:#999}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail{background-color:#eee;opacity:.9}.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y{background-color:#999}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999} .selectric-wrapper{position:relative;cursor:pointer}.selectric-responsive{width:100%}.selectric{border:1px solid #DDD;background:#F8F8F8;position:relative}.selectric .label{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 38px 0 10px;font-size:12px;line-height:38px;color:#444;height:38px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.selectric-disabled,.selectric-items .disabled{filter:alpha(opacity=50);opacity:.5;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.selectric .button{display:block;position:absolute;right:0;top:0;width:38px;height:38px;color:#BBB;text-align:center;font:0/0 a}.selectric .button:after{content:" ";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:0;height:0;border:4px solid transparent;border-top-color:#BBB;border-bottom:none}.selectric-focus .selectric{border-color:#AAA}.selectric-hover .selectric,.selectric-open .selectric{border-color:#C4C4C4}.selectric-hover .selectric .button{color:#A2A2A2}.selectric-hover .selectric .button:after{border-top-color:#A2A2A2}.selectric-open{z-index:9999}.selectric-open .selectric-items{display:block}.selectric-disabled{cursor:default;user-select:none}.selectric-hide-select{position:relative;overflow:hidden;width:0;height:0}.selectric-hide-select select{position:absolute;left:-100%;display:none}.selectric-input{position:absolute!important;top:0!important;left:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;margin:0!important;padding:0!important;width:1px!important;height:1px!important;outline:0!important;border:none!important;background:0 0!important}.selectric-temp-show{position:absolute!important;visibility:hidden!important;display:block!important}.selectric-items{display:none;position:absolute;top:100%;left:0;background:#F8F8F8;border:1px solid #C4C4C4;z-index:-1;box-shadow:0 0 10px -6px}.selectric-items .selectric-scroll{height:100%;overflow:auto}.selectric-above .selectric-items{top:auto;bottom:100%}.selectric-items li,.selectric-items ul{list-style:none;padding:0;margin:0;font-size:12px;line-height:20px;min-height:20px}.selectric-items li{display:block;padding:10px;color:#666;cursor:pointer}.selectric-items li.selected{background:#E0E0E0;color:#444}.selectric-items li:hover{background:#D5D5D5;color:#444}.selectric-items .disabled{cursor:default!important;background:0 0!important;color:#666!important;user-select:none}.selectric-items .selectric-group .selectric-group-label{font-weight:700;padding-left:10px;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:0 0;color:#444}.selectric-items .selectric-group.disabled li{filter:alpha(opacity=100);opacity:1}.selectric-items .selectric-group li{padding-left:25px} .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{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{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{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.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-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /* * Project: Homegather * File: Main styles */ /* ========================================================================== FONTS ========================================================================== */ /*** Open Sans ***/ /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTa-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTZX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTRWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTaaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTf8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTT0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(https://fonts.gstatic.com/s/opensans/v15/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNShWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzK-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzJX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzBWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzKaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzP8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzD0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v15/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hq-j2U0lmluP9RWlSytm3ho.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hpX5f-9o1vgP2EXwfjgl7AY.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hhWV49_lSm1NYrwo-zkhivY.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hqaRobkAwv3vxw3jMhVENGA.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hv8zf_FOSsgRmwsS7Aa9k2w.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hj0LW-43aMEzIO6XUTLjad8.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/EInbV5DfGHOiMmvb1Xr-hugdm0LZdjqr5-oayXSOefg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /*** Nunito ***/ /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v9/ZvK1I6E_n0tqLlSfX5iQtxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v9/Ve-3R8cx10m4Gk92esWKKhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 300; src: local('Nunito Light'), local('Nunito-Light'), url(https://fonts.gstatic.com/s/nunito/v9/1TiHc9yag0wq3lDO9cw0vltXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v9/4fsTWUM100DESRCrYMRNTfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v9/qEjAkCC_I8-NsX6aYiQHCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local('Nunito Regular'), local('Nunito-Regular'), url(https://fonts.gstatic.com/s/nunito/v9/cSNs3NwpEgPVRQzvkh3NeQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v9/jW9QvBetW8QNJxYXLrtuIRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v9/rHcc7iSXLXa-OOVBKYktohJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 600; src: local('Nunito SemiBold'), local('Nunito-SemiBold'), url(https://fonts.gstatic.com/s/nunito/v9/NcqjkPJTQZlJIFxZdZcTe1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* vietnamese */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v9/xcW9OnmNQS2wUr2mZnW3-BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v9/uGMHL94-PyB0HAplpWqScBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 700; src: local('Nunito Bold'), local('Nunito-Bold'), url(https://fonts.gstatic.com/s/nunito/v9/TttUCfJ272GBgSKaOaD7KltXRa8TVwTICgirnJhmVJw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /*** Lato ***/ /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/dPJ5r9gl3kK6ijoeP1IRsvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/EsvMC5un3kjyUhB9ZEPPwg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/ObQr5XYcoH0WBoUxiaYK3_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/H2DMvhDLycM56KNuAtbJYA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v14/R4a6fty3waPci7C44H8AjvY6323mHUZFJMgTvxaG2iE.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: local('Lato Black'), local('Lato-Black'), url(https://fonts.gstatic.com/s/lato/v14/tI4j516nok_GrVf4dhunkg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /*** Myriad Pro Regular ***/ @font-face { font-family: 'Myriad Pro'; src: url('/assets/fonts/myriadpro-regular-webfont.eot'); src: local('☺'), url('/assets/fonts/myriadpro-regular-webfont.woff') format('woff'), url('/assets/fonts/myriadpro-regular-webfont.ttf') format('truetype'), url('/assets/fonts/myriadpro-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /*** Neuron Regular ***/ @font-face { font-family: 'Neuron'; src: url('/assets/fonts/neuron-regular-webfont.eot'); src: local('☺'), url('/assets/fonts/neuron-regular-webfont.woff') format('woff'), url('/assets/fonts/neuron-regular-webfont.ttf') format('truetype'), url('/assets/fonts/neuron-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } /*** Neuron Bold ***/ @font-face { font-family: 'Neuron'; src: url('/assets/fonts/neuron-bold-webfont.eot'); src: local('☺'), url('/assets/fonts/neuron-bold-webfont.woff') format('woff'), url('/assets/fonts/neuron-bold-webfont.ttf') format('truetype'), url('/assets/fonts/neuron-bold-webfont.svg') format('svg'); font-weight: bold; font-style: normal; } /* ========================================================================== BASE STYLES ========================================================================== */ * { box-sizing: border-box; } html { width: 100%; height: 100%; font: 14px/18px 'Open Sans', sans-serif; color: #545454; overflow-x: hidden; background: #f5f5f5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } html.nav-visible { overflow: hidden; } body { width: 100%; min-width: 270px; padding-top: 44px; position: relative; overflow-x: hidden; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: 100%; } body.msie { padding-top: 0; } .nav-visible body { overflow: hidden; } body.fullbody { height: 100%; overflow: hidden; } body.fullheight { height: 100%; padding-top: 50px; } body.gray { background: #f6f6f6; } .body { width: 100%; padding-top: 70px; overflow: auto; overflow-x: hidden; } .fullbody .body, .fullheight .body { height: 100%; } /* ========================================================================== TEXT STYLES ========================================================================== */ p, ul, ol, dl { margin-top: 1em; margin-bottom: 1em; } ol { padding-left: 1.5em; } :focus { outline: -webkit-focus-ring-color auto 0; } a { color: #03dbee; outline: none; text-decoration: none; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } a:hover, a:focus { color: #00c2d3; outline: none; text-decoration: none; } figure { margin: 1em 0; } figure img { max-width: 100%; height: auto; display: block; } audio, canvas, img, video { vertical-align: middle; } /*** HEADINGS ***/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-top: 1.5em; margin-bottom: 1em; font-family: 'Open Sans', sans-serif; font-weight: normal; } h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p, .h1 + p, .h2 + p, .h3 + p, .h4 + p, .h5 + p, .h6 + p { margin-top: 0; } h4, h5, h6, .h4, .h5, .h6 { margin-bottom: .25em; font-weight: 900; text-transform: uppercase; } .darker { color: #303030; } /* ========================================================================== MISC CLASSES ========================================================================== */ .pseudo { display: block; content: ''; overflow: hidden; } .clearfix { display: table; content: ''; clear: both; } .no-margin { margin-top: 0 !important; margin-bottom: 0 !important; } .hidden { display: none; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .mobile-hidden { display: none; } /* ========================================================================== FORMS RESET ========================================================================== */ form, fieldset, legend { padding: 0; border: none; margin: 0; display: block; } input, button, textarea, select { -webkit-transform: translate3d(0, 0, 0); } /*** INPUTS & TEXTAREA ***/ input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=color], textarea { max-width: 300px; height: 45px; padding: 13px; border: 1px solid #ccc; border-radius: 2px; display: inline-block; vertical-align: middle; font: 16px 'Lato', sans-serif; color: #333; background: #fff; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=search]:focus, input[type=url]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=color]:focus, textarea:focus { border-color: #999; } .form-group input[type=text], .form-group input[type=password], .form-group input[type=email], .form-group input[type=search], .form-group input[type=url], .form-group input[type=tel], .form-group input[type=number], .form-group input[type=color], .form-group textarea { width: 100%; max-width: 100%; } input[type=text].big, input[type=password].big, input[type=email].big, input[type=search].big, input[type=url].big, input[type=tel].big, input[type=number].big, input[type=color].big, textarea.big { height: 50px; padding: 14px; line-height: 20px; } .has-success input[type=text], .has-success input[type=password], .has-success input[type=email], .has-success input[type=search], .has-success input[type=url], .has-success input[type=tel], .has-success input[type=number], .has-success input[type=color], .has-success textarea { border-color: #28cd06; } .has-success input[type=text]:focus, .has-success input[type=password]:focus, .has-success input[type=email]:focus, .has-success input[type=search]:focus, .has-success input[type=url]:focus, .has-success input[type=tel]:focus, .has-success input[type=number]:focus, .has-success input[type=color]:focus, .has-success textarea:focus { box-shadow: 0 0 5px #28cd06; } .has-warning input[type=text], .has-warning input[type=password], .has-warning input[type=email], .has-warning input[type=search], .has-warning input[type=url], .has-warning input[type=tel], .has-warning input[type=number], .has-warning input[type=color], .has-warning textarea { border-color: #ffdc5e; } .has-warning input[type=text]:focus, .has-warning input[type=password]:focus, .has-warning input[type=email]:focus, .has-warning input[type=search]:focus, .has-warning input[type=url]:focus, .has-warning input[type=tel]:focus, .has-warning input[type=number]:focus, .has-warning input[type=color]:focus, .has-warning textarea:focus { box-shadow: 0 0 5px #ffdc5e; } .has-error input[type=text], .has-error input[type=password], .has-error input[type=email], .has-error input[type=search], .has-error input[type=url], .has-error input[type=tel], .has-error input[type=number], .has-error input[type=color], .has-error textarea { border-color: #ff0300; } .has-error input[type=text]:focus, .has-error input[type=password]:focus, .has-error input[type=email]:focus, .has-error input[type=search]:focus, .has-error input[type=url]:focus, .has-error input[type=tel]:focus, .has-error input[type=number]:focus, .has-error input[type=color]:focus, .has-error textarea:focus { box-shadow: 0 0 5px #ff0300; } textarea { max-width: 550px; height: 200px; padding: 10px 13px; line-height: 21px; resize: none; } /* noinspection CssInvalidPseudoSelector */ ::-webkit-input-placeholder { color: #999; opacity: 1; } :-ms-input-placeholder { color: #999; opacity: 1; } ::placeholder { color: #999; opacity: 1; } /*** SELECTBOX ***/ .select { visibility: hidden; } .selectric { border-radius: 2px; border: 1px solid #ccc; background: #fff; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .selectric .label { height: 36px; padding: 9px 0; margin-right: 36px; margin-left: 14px; font-size: 14px; line-height: 20px; color: #545454; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .selectric .button { width: 36px; height: 36px; } .selectric .button:after { width: 7px; height: 7px; border-top: none; border-right: none; border-bottom: 1px solid #545454; border-left: 1px solid #545454; bottom: 2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .selectric-open .selectric .button:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); bottom: -4px; } .selectric-items { border-radius: 0 0 2px 2px; border: 1px solid #999; margin-top: -1px; background: #fff; box-shadow: none; } .selectric-items ul, .selectric-items li { font-size: 14px; } .selectric-items li { padding: 5px 14px; color: #666; transition: color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .selectric-open .selectric { border-color: #999; } .selectric-open .selectric .label { color: #545454; } /*** CHECKBOX ***/ .checkbox { height: 18px; padding: 1px 0 0 22px; display: inline-block; position: relative; overflow: hidden; font-size: 14px; line-height: 16px; color: #545454; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .msie .checkbox, .msedge .checkbox { padding-top: 0; } .checkbox > *:not(a) { pointer-events: none; } .checkbox input { position: absolute; top: -50px; left: -50px; } .checkbox input:checked + .square:before { opacity: 1; } .checkbox input:focus + .square { border-color: #999; } .checkbox input[type='radio'] + .square, .checkbox input[type='radio'] + .square:before { border-radius: 50%; } .checkbox .title { vertical-align: middle; display: inline-block; font-size: inherit; } .checkbox .square { width: 16px; height: 16px; border: 1px solid #ccc; border-radius: 2px; position: absolute; top: 1px; left: 0; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); background: #fff; } .checkbox .square:before { display: block; content: ''; overflow: hidden; width: 10px; height: 10px; margin: auto auto; border-radius: 1px; background: #0376d1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; } .has-success .checkbox { color: #28cd06; } .has-success .checkbox .square { border-color: #28cd06 !important; } .has-warning .checkbox { color: #ffdc5e; } .has-warning .checkbox .square { border-color: #ffdc5e !important; } .has-error .checkbox { color: #ff0300; } .has-error .checkbox .square { border-color: #ff0300 !important; } /*** BUTTONS ***/ [type=submit], [type=reset], [type=button], button, .button:not(b) { height: 38px; padding: 9px 14px; border: 1px solid #ccc; border-radius: 2px; display: inline-block; vertical-align: middle; font: bold 14px/24px 'Open Sans', sans-serif; color: #fff; text-align: center; white-space: nowrap; background: #129af8; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer; } [type=submit].button-big, [type=reset].button-big, [type=button].button-big, button.button-big, .button:not(b).button-big { height: 50px; padding: 14px; line-height: 20px; } [type=submit].button-green, [type=reset].button-green, [type=button].button-green, button.button-green, .button:not(b).button-green { background: #28cd06; } [type=submit].button-green:hover, [type=reset].button-green:hover, [type=button].button-green:hover, button.button-green:hover, .button:not(b).button-green:hover, [type=submit].button-green:focus, [type=reset].button-green:focus, [type=button].button-green:focus, button.button-green:focus, .button:not(b).button-green:focus { background: #608e1a; } [type=submit].button-malachite, [type=reset].button-malachite, [type=button].button-malachite, button.button-malachite, .button:not(b).button-malachite { background: #08d463; } [type=submit].button-malachite:hover, [type=reset].button-malachite:hover, [type=button].button-malachite:hover, button.button-malachite:hover, .button:not(b).button-malachite:hover, [type=submit].button-malachite:focus, [type=reset].button-malachite:focus, [type=button].button-malachite:focus, button.button-malachite:focus, .button:not(b).button-malachite:focus { background: #28cd06; } [type=submit]:hover, [type=reset]:hover, [type=button]:hover, button:hover, .button:not(b):hover, [type=submit]:focus, [type=reset]:focus, [type=button]:focus, button:focus, .button:not(b):focus { background: #00c2d3; } [type=submit].submit, [type=reset].submit, [type=button].submit, button.submit, .button:not(b).submit { width: 100%; height: 42px; padding-top: 11px; padding-bottom: 11px; border: none; display: block; font-size: 17px; line-height: 20px; font-weight: 400; letter-spacing: .0075em; background: #03dbee; transition: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } [type=submit].submit:hover, [type=reset].submit:hover, [type=button].submit:hover, button.submit:hover, .button:not(b).submit:hover, [type=submit].submit:focus, [type=reset].submit:focus, [type=button].submit:focus, button.submit:focus, .button:not(b).submit:focus { background: #00c2d3; } .help-block { padding: 4px 4px 0; display: block; font-size: 12px; line-height: 14px; cursor: default; } .has-success .help-block { color: #28cd06; } .has-warning .help-block { color: #ffdc5e; } .has-error .help-block { color: #ff0300; } /* ========================================================================== DEFAULT FORM ========================================================================== */ .form-group { margin: 0 0 10px; display: block; } .form-group:last-child { margin-bottom: 0; } .form-group:after { display: table; content: ''; clear: both; } .form-group-checkbox, .form-group-financial { margin: -2px 0 12px; } .form-group-checkbox .checkbox, .form-group-financial .checkbox { display: block; } .form-group-checkbox .financial-select, .form-group-financial .financial-select { margin: 11px 0 2px; position: relative; display: none; text-align: left; } .form-group-checkbox .financial-select.visible, .form-group-financial .financial-select.visible { display: block; } .form-group-submit { margin-top: 20px; margin-bottom: 0; } .form-sign-up .form-group { margin-bottom: 0; } .form-sign-up .form-group + .form-group { margin-top: 26px; } .form-sign-up .form-group + .form-group-financial { margin-top: 18px; } .form-sign-up .form-group.has-success input[type=text], .form-sign-up .form-group.has-success input[type=password], .form-sign-up .form-group.has-success input[type=email], .form-sign-up .form-group.has-success input[type=search], .form-sign-up .form-group.has-success input[type=url], .form-sign-up .form-group.has-success input[type=tel], .form-sign-up .form-group.has-success input[type=number], .form-sign-up .form-group.has-success input[type=color], .form-sign-up .form-group.has-success textarea { border-bottom-color: #28cd06; } .form-sign-up .form-group.has-success input[type=text]:focus, .form-sign-up .form-group.has-success input[type=password]:focus, .form-sign-up .form-group.has-success input[type=email]:focus, .form-sign-up .form-group.has-success input[type=search]:focus, .form-sign-up .form-group.has-success input[type=url]:focus, .form-sign-up .form-group.has-success input[type=tel]:focus, .form-sign-up .form-group.has-success input[type=number]:focus, .form-sign-up .form-group.has-success input[type=color]:focus, .form-sign-up .form-group.has-success textarea:focus { box-shadow: 0 2px 1px -2px #28cd06; } .form-sign-up .form-group.has-warning input[type=text], .form-sign-up .form-group.has-warning input[type=password], .form-sign-up .form-group.has-warning input[type=email], .form-sign-up .form-group.has-warning input[type=search], .form-sign-up .form-group.has-warning input[type=url], .form-sign-up .form-group.has-warning input[type=tel], .form-sign-up .form-group.has-warning input[type=number], .form-sign-up .form-group.has-warning input[type=color], .form-sign-up .form-group.has-warning textarea { border-bottom-color: #ffdc5e; } .form-sign-up .form-group.has-warning input[type=text]:focus, .form-sign-up .form-group.has-warning input[type=password]:focus, .form-sign-up .form-group.has-warning input[type=email]:focus, .form-sign-up .form-group.has-warning input[type=search]:focus, .form-sign-up .form-group.has-warning input[type=url]:focus, .form-sign-up .form-group.has-warning input[type=tel]:focus, .form-sign-up .form-group.has-warning input[type=number]:focus, .form-sign-up .form-group.has-warning input[type=color]:focus, .form-sign-up .form-group.has-warning textarea:focus { box-shadow: 0 2px 1px -2px #ffdc5e; } .form-sign-up .form-group.has-error input[type=text], .form-sign-up .form-group.has-error input[type=password], .form-sign-up .form-group.has-error input[type=email], .form-sign-up .form-group.has-error input[type=search], .form-sign-up .form-group.has-error input[type=url], .form-sign-up .form-group.has-error input[type=tel], .form-sign-up .form-group.has-error input[type=number], .form-sign-up .form-group.has-error input[type=color], .form-sign-up .form-group.has-error textarea { border-bottom-color: #ff0300; } .form-sign-up .form-group.has-error input[type=text]:focus, .form-sign-up .form-group.has-error input[type=password]:focus, .form-sign-up .form-group.has-error input[type=email]:focus, .form-sign-up .form-group.has-error input[type=search]:focus, .form-sign-up .form-group.has-error input[type=url]:focus, .form-sign-up .form-group.has-error input[type=tel]:focus, .form-sign-up .form-group.has-error input[type=number]:focus, .form-sign-up .form-group.has-error input[type=color]:focus, .form-sign-up .form-group.has-error textarea:focus { box-shadow: 0 2px 1px -2px #ff0300; } .form-sign-up .form-group-submit { margin-top: 26px; } .form-sign-up .form-group-submit input[type=submit].submit, .form-sign-up .form-group-submit input[type=reset].submit, .form-sign-up .form-group-submit input[type=button].submit, .form-sign-up .form-group-submit button.submit, .form-sign-up .form-group-submit .button:not(b).submit { height: 60px; padding-top: 20px; padding-bottom: 20px; font-size: 18px; line-height: 20px; font-weight: 600; text-transform: uppercase; } .form-sign-up .form-label { margin-bottom: 4px; display: block; font-weight: 600; color: #999; text-transform: uppercase; font-size: 16px; line-height: 20px; } .form-sign-up input[type=text], .form-sign-up input[type=password], .form-sign-up input[type=email], .form-sign-up input[type=search], .form-sign-up input[type=url], .form-sign-up input[type=tel], .form-sign-up input[type=number], .form-sign-up input[type=color], .form-sign-up textarea { height: 28px; padding: 0 0 8px; background-color: transparent; border-color: transparent; border-bottom-color: #ccc; border-radius: 0; box-shadow: none; font: 13px/20px 'Open Sans', sans-serif; } .form-sign-up input[type=text]:focus, .form-sign-up input[type=password]:focus, .form-sign-up input[type=email]:focus, .form-sign-up input[type=search]:focus, .form-sign-up input[type=url]:focus, .form-sign-up input[type=tel]:focus, .form-sign-up input[type=number]:focus, .form-sign-up input[type=color]:focus, .form-sign-up textarea:focus { border-bottom-color: #999; } .form-sign-up .selectric { background-color: transparent; border-color: transparent; border-bottom-color: #ccc; border-radius: 0; } .form-sign-up .selectric .label { height: 36px; margin-left: 0; padding: 8px 0; box-shadow: none; font: 13px/20px 'Open Sans', sans-serif; } .form-sign-up .selectric .button { width: 36px; height: 36px; } .form-sign-up .selectric-items li { min-height: 32px; padding: 6px 10px; font-size: 13px; line-height: 20px; } .selectric-above .form-sign-up .selectric-items { margin-bottom: 8px; } .form-sign-up .checkbox .square:before { background: #03dbee; } .form-sign-up .help { margin: 18px 0 0 0; display: block; font-size: 14px; line-height: 18px; } .form-sign-up .signup-link { margin: 16px 0 0 0; display: block; font-size: 14px; line-height: 18px; text-align: center; } .form-sign-up .terms { margin: 35px 0 0; font-size: 14px; line-height: 18px; } .form-sign-up .terms.red { color: #ff0300; font-weight: bold; } .form-sign-up .terms br { display: none; } .form-sign-up .terms .small { margin-top: 4px; display: block; font-size: 9px; line-height: 11px; } .form-sign-up .terms .powered { margin: 6px 0; display: block; font-size: 11px; line-height: 12px; text-align: center; } .form-sign-up .terms .powered img { margin-left: 5px; display: inline-block; vertical-align: middle; } /* ========================================================================== JQUERY UI AUTOCOMPLETE STYLES ========================================================================== */ .ui-autocomplete { border-color: #999 !important; border-top: none !important; z-index: 260; font: 14px 'Open Sans', sans-serif !important; color: #545454 !important; } .ui-autocomplete .ui-state-active { border-top-color: #ccc !important; border-left-color: #999 !important; border-bottom-color: #ccc !important; border-right-color: #999 !important; color: #545454 !important; background: #f9f9f9 !important; } /* ========================================================================== SELECTCHECK ========================================================================== */ .selectric-wrapper.selectcheck .selectric .label { padding-right: 36px; padding-left: 14px; margin-right: 0; margin-left: 0; position: relative; z-index: 10; } .selectric-wrapper.selectcheck .selectric-items { right: 0; } .selectric-wrapper.selectcheck .selectric-items li { padding: 0; } .selectric-wrapper.selectcheck .selectric-items .checkbox { height: auto; padding: 5px 14px 5px 40px; margin-right: 40px; display: block; } .selectric-wrapper.selectcheck .selectric-items .checkbox .square { top: 8px; left: 12px; } .svg-account-heart { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 45.45454545454545% 96.31147540983606%; } .svg-account-heart-dims { width: 17px; height: 15px; } .svg-account-heart-blue { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 39.015151515151516% 96.31147540983606%; } .svg-account-heart-blue-dims { width: 17px; height: 15px; } .svg-account-logout { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.24812030075188% 32.90905349794239%; } .svg-account-logout-dims { width: 15px; height: 16px; } .svg-account-logout-blue { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.24812030075188% 26.324691358024694%; } .svg-account-logout-blue-dims { width: 15px; height: 16px; } .svg-bargains-like { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 71.71314741035856% 89.51965065502183%; } .svg-bargains-like-dims { width: 30px; height: 30px; } .svg-bargains-name { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 59.7609561752988% 89.51965065502183%; } .svg-bargains-name-dims { width: 30px; height: 30px; } .svg-bargains-refresh { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 47.808764940239044% 89.51965065502183%; } .svg-bargains-refresh-dims { width: 30px; height: 30px; } .svg-bargains-share { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 39.301310043668124%; } .svg-bargains-share-dims { width: 30px; height: 30px; } .svg-bathroom { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 71.78423236514523% 0; } .svg-bathroom-dims { width: 40px; height: 30px; } .svg-bedroom { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 71.78423236514523% 13.100436681222707%; } .svg-bedroom-dims { width: 40px; height: 30px; } .svg-calc { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 0 61.15107913669065%; } .svg-calc-dims { width: 120px; height: 120px; } .svg-check { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 35.14644351464435%; } .svg-check-dims { width: 20px; height: 20px; } .svg-chevron-left { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 96.32856798826542% 45.148790322580645%; } .svg-chevron-left-dims { width: 6.938px; height: 11px; } .svg-chevron-right { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 98.75993292994096% 45.12695469933903%; } .svg-chevron-right-dims { width: 6.66px; height: 10.88px; } .svg-clock { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 100% 6.584362139917696%; } .svg-clock-dims { width: 17px; height: 16px; } .svg-clock-blue { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 100% 0; } .svg-clock-blue-dims { width: 17px; height: 16px; } .svg-contacts-address { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 13.100436681222707%; } .svg-contacts-address-dims { width: 30px; height: 30px; } .svg-contacts-email { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 35.85657370517928% 89.51965065502183%; } .svg-contacts-email-dims { width: 30px; height: 30px; } .svg-contacts-phone { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 26.200873362445414%; } .svg-contacts-phone-dims { width: 30px; height: 30px; } .svg-details-back { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 9.33852140077821% 100%; } .svg-details-back-dims { width: 24px; height: 24px; } .svg-details-hide { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 0 100%; } .svg-details-hide-dims { width: 24px; height: 24px; } .svg-details-print { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 82.03125% 87.23404255319149%; } .svg-details-print-dims { width: 25px; height: 24px; } .svg-details-save { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 67.84313725490196% 76.59574468085107%; } .svg-details-save-dims { width: 26px; height: 24px; } .svg-details-save-active { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 83.52941176470588% 76.59574468085107%; } .svg-details-save-active-dims { width: 26px; height: 24px; } .svg-details-share { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.46153846153847% 0; } .svg-details-share-dims { width: 21px; height: 24px; } .svg-edit { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 26.778242677824267%; } .svg-edit-dims { width: 20px; height: 20px; } .svg-eye { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 50.951997854652724% 76.92307692307692%; } .svg-eye-dims { width: 19.97px; height: 12px; } .svg-facebook { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 43.51464435146443%; } .svg-facebook-dims { width: 20px; height: 20px; } .svg-filter { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 55.18672199170125% 0; } .svg-filter-dims { width: 40px; height: 40px; } .svg-garage { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 55.18672199170125% 52.40174672489083%; } .svg-garage-dims { width: 40px; height: 30px; } .svg-google { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 85.35564853556485%; } .svg-google-dims { width: 20px; height: 20px; } .svg-heart { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 55.18672199170125% 36.529680365296805%; } .svg-heart-dims { width: 40px; height: 40px; } .svg-heart-blue { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 55.18672199170125% 18.264840182648403%; } .svg-heart-blue-dims { width: 40px; height: 40px; } .svg-heart-red { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 23.904382470119522% 89.51965065502183%; } .svg-heart-red-dims { width: 30px; height: 30px; } .svg-home { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 32.57575757575758% 96.69548329225489%; } .svg-home-dims { width: 17px; height: 15.969px; } .svg-home-blue { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 100% 13.167044533413433%; } .svg-home-blue-dims { width: 17px; height: 15.969px; } .svg-like { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 51.88284518828452%; } .svg-like-dims { width: 20px; height: 20px; } .svg-like-active { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 60.2510460251046%; } .svg-like-active-dims { width: 20px; height: 20px; } .svg-linkedin { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 65.50218340611353%; } .svg-linkedin-dims { width: 30px; height: 30px; } .svg-list { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 71.78423236514523% 27.397260273972602%; } .svg-list-dims { width: 40px; height: 40px; } .svg-map { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 55.18672199170125% 68.4931506849315%; } .svg-map-dims { width: 40px; height: 40px; } .svg-photo { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 18.39080459770115% 96.70781893004116%; } .svg-photo-dims { width: 20px; height: 16px; } .svg-photo-fill { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 25.85551330798479% 96.70781893004116%; } .svg-photo-fill-dims { width: 18px; height: 16px; } .svg-pin { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 0 89.51965065502183%; } .svg-pin-dims { width: 30px; height: 30px; } .svg-pin-blue { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 11.952191235059761% 89.51965065502183%; } .svg-pin-blue-dims { width: 30px; height: 30px; } .svg-pin-small { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 68.61924686192468%; } .svg-pin-small-dims { width: 20px; height: 20px; } .svg-ruler { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 0; } .svg-ruler-dims { width: 30px; height: 30px; } .svg-search { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 10.0418410041841%; } .svg-search-dims { width: 20px; height: 20px; } .svg-search-mobile { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 76.98744769874477%; } .svg-search-mobile-dims { width: 20px; height: 20px; } .svg-settings { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.62264150943396% 39.49341563786008%; } .svg-settings-dims { width: 16px; height: 16px; } .svg-settings-blue { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.62264150943396% 19.740329218106996%; } .svg-settings-blue-dims { width: 16px; height: 16px; } .svg-sign-in { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 71.78423236514523% 63.926940639269404%; } .svg-sign-in-dims { width: 40px; height: 40px; } .svg-sign-up { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 71.78423236514523% 45.662100456621005%; } .svg-sign-up-dims { width: 40px; height: 40px; } .svg-square { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 52.40174672489083%; } .svg-square-dims { width: 30px; height: 30px; } .svg-subscribe { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 0 0; } .svg-subscribe-dims { width: 133px; height: 85px; } .svg-twitter { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 18.410041841004183%; } .svg-twitter-dims { width: 20px; height: 20px; } /* ========================================================================== PAGE CONTAINERS ========================================================================== */ .page, .wrapper { padding: 0 20px; position: relative; } .page:after, .wrapper:after { display: table; content: ''; clear: both; } .page { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .page.fullpage { width: 100%; max-width: none; height: 100%; min-height: 450px; padding: 0 0 44px 0; } .page .wide { margin-right: -20px; margin-left: -20px; position: relative; } .page.page-content { padding-top: 20px; } .page.page-account { padding-top: 50px; } .content { width: 100%; } .content:after { display: table; content: ''; clear: both; } .fullpage .content { height: 100%; padding-top: 37px; display: none; float: none; position: relative; } .fullpage .content.active { display: block; } .sidebar:after { display: table; content: ''; clear: both; } .area { width: 100%; padding: 20px; position: relative; z-index: 5; } .area:after { display: table; content: ''; clear: both; } .area.scrollable { height: 100%; padding: 0 10px 0 0; position: relative; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: none; touch-action: none; } .area.scrollable.ps-container > .ps-scrollbar-y-rail { width: 10px !important; background: #e0e0e0; opacity: 1; } .area.scrollable.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 10px !important; right: 0; background: #acacac; } /* ========================================================================== NAV-TABS ========================================================================== */ .nav-tabs { padding: 0; margin: 0 -20px; list-style: none; line-height: 1.28em; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } .nav-tabs li a { height: 100%; padding: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #303030; } .nav-tabs li a:hover, .nav-tabs li a:focus { color: #129af8; } .nav-tabs li.active { background: #fff; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25); } .nav-tabs li.active a { color: #129af8; } /* ========================================================================== PANEL ========================================================================== */ .panel { border: 1px solid #d0d0d0; border-radius: 2px; background: #fff; color: #626262; padding: 30px 37px; margin-bottom: 30px; } .panel-header { font-size: 18px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 600; padding: 17px 0 15px 0; border-bottom: 1px solid #eee; } .panel-body { padding: 30px 0; } .panel-body:after { display: table; content: ''; clear: both; } .panel-body > *:first-child { margin-top: 0; } .panel-body > *:last-child { margin-bottom: 0; } /* ========================================================================== HEADER ========================================================================== */ .header { min-width: 320px; height: 44px; padding: 7px 20px; position: absolute; top: 0; right: 0; left: 0; z-index: 200; background: #fff; } .page-index .header { background: transparent; box-shadow: none; position: absolute; } .page-index .header:before { display: block; content: ''; overflow: hidden; width: 100vw; height: 60px; background: linear-gradient(to bottom, rgba(19, 41, 61, 0.9) 0%, rgba(19, 41, 61, 0) 100%); position: absolute; left: 0; top: 0; } .page-values .header { background: transparent; box-shadow: none; position: absolute; } .page-values .header:before { display: block; content: ''; overflow: hidden; width: 100vw; height: 50px; background: linear-gradient(to bottom, rgba(19, 41, 61, 0.9) 0%, rgba(19, 41, 61, 0) 100%); position: absolute; left: 0; top: 0; } .page-advertising .header { background: transparent; box-shadow: none; position: absolute; } .page-advertising .header:before { display: block; content: ''; overflow: hidden; width: 100vw; height: 50px; background: linear-gradient(to bottom, rgba(19, 41, 61, 0.9) 0%, rgba(19, 41, 61, 0) 100%); position: absolute; left: 0; top: 0; } .page-advertising .header .logo { margin-left: 0; } .page-pre-qualification .header { background: transparent; box-shadow: none; position: absolute; } .page-pre-qualification .header:before { display: block; content: ''; overflow: hidden; width: 100vw; height: 50px; background: linear-gradient(to bottom, rgba(19, 41, 61, 0.9) 0%, rgba(19, 41, 61, 0) 100%); opacity: .35; position: absolute; left: 0; top: 0; } .header .logo { width: 103px; height: 40px; padding: 5px; margin: 0 auto; position: absolute; top: 1px; left: 14px; right: 0; } .header .logo a { padding: 5px; margin: -5px; display: block; } .header .logo img { width: 100%; height: auto; display: block; } /* ========================================================================== SEARCH ========================================================================== */ .search { padding: 100px 0 50px; margin-top: -45px; position: relative; background: #f5f5f5 url('/assets/img/index-v2_1.jpg') top center; background-size: cover; cursor: default; height: 100vh; min-height: 600px; } .search:before { display: block; content: ''; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: #13293d; opacity: .4; } .search:after { display: table; content: ''; clear: both; } .search-alternative { background-image: url('/assets/img/advertise.jpg'); } .search-alternative .form-search .legend { padding-left: 0; } .search-alternative .form-search .text { margin-bottom: 36px; font-size: 22px; line-height: 24px; color: #fff; text-align: center; } .search-alternative .form-search .text p { margin: 0 0 15px; } .search-alternative .form-search .text p:last-of-type { margin-bottom: 0; } .search-alternative .form-search .form-group-pair .button { width: 160px; letter-spacing: .005em; } .search-alternative .info { width: 100vw; padding: 18px 0 16px; margin: 50px auto -50px; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; line-height: normal; text-align: center; position: relative; z-index: 10; } .search-alternative .info a[href^='tel'] { color: #fff; cursor: default; text-decoration: none; } .search-alternative .info .line { margin: 0; } .search-alternative .info .line + .line { margin-top: 10px; } /* ========================================================================== FORM-SEARCH ========================================================================== */ #find-help-nav .round-buttons a { width: 100%; text-align: center; } .form-search { max-width: 450px; margin: 0 auto; position: relative; z-index: 5; } .form-search:after { display: table; content: ''; clear: both; } .form-search .legend { width: 100%; margin-bottom: 25px; display: block; font-size: 32px; line-height: 36px; color: #fff; font-family: 'Nunito', sans-serif; font-weight: 300; text-align: center; } .form-search .legend-sm { font-size: 20px; line-height: 24px; margin-bottom: 20px; } .form-search .legend .line { margin-bottom: 10px; position: relative; z-index: 1; } .form-search .legend .line:after { display: block; content: ''; overflow: hidden; width: 80px; height: 10px; margin-top: -5px; background: url('/assets/img/temp/line.png') no-repeat center center; background-size: contain; position: absolute; top: 100%; left: 50%; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); z-index: -1; } .form-search .form-text { margin: 0 0 15px 0; font-size: 13px; line-height: 17px; color: #fff; font-weight: 300; text-align: center; } .form-search .form-subtext { color: #ccc; text-align: center; margin-top: 20px; font-size: 11px; } .form-search .form-text .form-covid-text { position: relative; font-size: 15px; top: 10px !important; margin-bottom: 30px !important; } .form-search .form-text p { margin: 0; display: inline; } .form-search .form-text .form-covid-icons { display: flex; align-items: center; max-width: 670px; margin: 0 auto 5px auto; } .form-search .form-text .form-covid-icon { text-align: center; margin-bottom: 10px; padding: 0 5px; } .form-search .form-text .form-covid-icon img { max-width: 100%; } .form-search .form-chat { position: relative; display: flex; flex-direction: column; margin: 80px auto 0 auto; max-width: 600px; align-items: center; } .form-search .form-chat-text { background: #fff; padding: 15px 15px; border-radius: 20px; font-size: 14px; line-height: 18px; animation: flipInX 1s; animation-delay: 0s; } .form-search .form-chat-text:after { content: ''; position: absolute; display: block; width: 0; z-index: 1; border-style: solid; border-color: #fff transparent; border-width: 15px 15px 0; bottom: -15px; left: 80%; margin-left: -15px; } .form-search .form-chat-text-author { text-align: right; padding-top: 5px; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); opacity: 1; } } .form-search .form-chat-logo { margin-top: 25px; width: 100%; animation: fadeIn ease 4s; } .form-search .form-chat-logo img { float: right; } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } .form-search .form-text-bold { font-weight: 400; } .form-search .form-group-type { width: 100%; } .form-search .form-group-type .select { width: 100%; height: 60px; } .form-search .form-group-type .selectric { width: 100%; border: none; } .form-search .form-group-type .selectric .label { height: 48px; margin-right: 36px; margin-left: 18px; font-size: 15px; line-height: 30px; color: #8e99a3; letter-spacing: 0.03em; } .form-search .form-group-type .selectric .button { width: 46px; height: 48px; } .form-search .form-group-type .selectric .button:after { width: 4px; height: 4px; border-bottom-color: #8e99a3; border-left-color: #8e99a3; } .form-search .form-group-type .selectric-items { border: none; } .form-search .form-group-type .selectric-items li { padding: 14px 19px; font-size: 15px; color: #8e99a3; } .form-search .form-group-type .selectric-items li:hover:not(.selected), .form-search .form-group-type .selectric-items li:focus:not(.selected) { color: #545454; background: transparent; } .form-search .form-group-type .selectric-items li.selected { pointer-events: none; } .form-search .form-group-pair { border-radius: 0 3px 3px 0; position: relative; overflow: hidden; z-index: 1; } .form-search .form-group-pair:after { display: block; content: ''; overflow: hidden; height: 48px; border-radius: 3px; position: absolute; top: 0; right: 0; left: 0; z-index: 0; background: #fff; } .form-search .form-group-pair .query { width: 100%; height: 48px; padding-left: 18px; display: block; position: relative; color: #8e99a3; font-size: 15px; z-index: 5; background: transparent; border: none; } .form-search .form-group-pair .button { width: 120px; height: 48px; border: none; margin: 16px auto 0; background-color: #03dbee; font-family: 'Myriad Pro', sans-serif; font-weight: normal; display: block; position: relative; z-index: 10; } .form-search .form-group-pair .button:hover, .form-search .form-group-pair .button:focus { background-color: #00c2d3; } /* ========================================================================== SEARCH-DROPDOWN ========================================================================== */ .search-dropdown { width: 100vw; display: none; overflow: hidden; position: fixed; top: 44px; left: 0; z-index: 2010; } .search-dropdown .form-group-pair { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-transform: translate3d(0, -44px, 0); transform: translate3d(0, -44px, 0); transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .page-index .search-dropdown .form-group-pair { box-shadow: none; } .search-dropdown .form-group-pair input[type="search"] { height: auto; padding-top: 10px; padding-bottom: 10px; border: none; border-radius: 0; font-size: 14px; line-height: 16px; } .search-dropdown .form-group-pair .button { width: 125px; height: 50px; display: none; margin: 0; padding-top: 5px; padding-bottom: 5px; border: none; border-radius: 0; background-color: #00c2d3; font-family: 'Myriad Pro', sans-serif; font-weight: normal; font-size: 16px; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; } .search-dropdown.open { display: block; } .search-dropdown.visible { padding-bottom: 3px; } .search-dropdown.visible .form-group-pair { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* ========================================================================== SECTIONS ========================================================================== */ .sections { padding: 25px 0; } .sections:after { display: table; content: ''; clear: both; } .sections .heading { margin: 0 0 15px; font: bold 24px/30px 'Nunito', sans-serif; color: #13293d; text-align: center; } .sections .heading strong { color: #f0a80d; } .sections .left { max-width: 450px; margin: 0 auto 20px; } .sections .left .item { border: 1px solid #e5e5e5; } .sections .right { max-width: 450px; margin: 0 auto 20px; } .sections .right-area .item-small { width: 100%; margin-top: 20px; } .sections .item { height: 180px; border-radius: 4px; display: block; position: relative; z-index: 1; background-position: center center; background-repeat: no-repeat; background-size: cover; background-color: #13293d; } .sections .item:before { display: block; content: ''; overflow: hidden; border-radius: 0 0 4px 4px; background: linear-gradient(to bottom, rgba(19, 41, 61, 0) 0%, rgba(19, 41, 61, 0.9) 100%); position: absolute; top: 40%; left: 0; right: 0; bottom: 0; z-index: -1; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .sections .item:hover:before, .sections .item:focus:before { opacity: .65; } .sections .item .space { padding: 10px; display: block; position: absolute; left: 0; bottom: 0; color: #fff; } .sections .item .space p { margin: 0; font: 200 20px 'Nunito', sans-serif; letter-spacing: .055em; } .sections .item .space p.title { font: 34px/36px 'Myriad Pro', sans-serif; letter-spacing: .04em; } .sections .item-wide { height: 180px; } .sections .item-wide .space { padding: 10px; } .sections .item-wide .space p { font-size: 20px; letter-spacing: .055em; } .sections .item-wide .space p.title { font-size: 34px; line-height: 36px; letter-spacing: .02em; text-transform: none; } .sections .item-small { height: 180px; } .sections .item-small .space { padding: 10px; } .sections .item-small .space p { font: 13px 'Open Sans', sans-serif; } .sections .item-small .space p.title { margin-bottom: 12px; font: bold 18px 'Neuron', sans-serif; text-transform: none; } .sections .item-small .space p.location { padding-left: 20px; margin-bottom: 10px; display: block; position: relative; color: #cbd7e2; } .sections .item-small .space p.location:before { display: block; content: ''; overflow: hidden; width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 68.61924686192468%; position: absolute; left: -4px; top: 1px; } .sections .item-small .space p.badge { padding: 4px 13px; border-radius: 4px; display: inline-block; font-size: 13px; line-height: 17px; background: #6dcd6d; } .sections .item-small .space p.badge-rent { background: #56ccf2; } .sections .item-small .space p.price { margin-top: 10px; font: bold 20px 'Neuron', sans-serif; white-space: nowrap; } .sections .item-small .space p.price .small { font-size: 13px; font-weight: normal; color: #a7b3be; position: relative; } /* ========================================================================== CTA ========================================================================== */ .cta { padding: 40px 0; font-size: 14px; line-height: 20px; color: #cbd7e2; position: relative; z-index: 1; } .cta:after { display: table; content: ''; clear: both; } .cta:before { display: block; content: ''; overflow: hidden; width: 100vw; background: #00c2d3; position: absolute; left: -20px; top: 0; bottom: 0; z-index: -1; } .cta .photo { width: 380px; height: 464px; margin: 40px auto -82px; background: url('/assets/img/cta/hand.png') no-repeat left bottom; background-size: contain; position: relative; left: -70px; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; } .cta .heading { margin-top: 0; margin-bottom: 14px; font-size: 26px; line-height: 32px; font-weight: normal; font-family: 'Myriad Pro', sans-serif; color: #fff; text-transform: uppercase; letter-spacing: .036em; } .cta p { letter-spacing: 0.005em; } .cta p:last-of-type { margin-bottom: 0; } .cta .buttons { max-width: 310px; margin: 25px auto 0; text-align: center; } .cta .buttons:after { display: table; content: ''; clear: both; } .cta .buttons .button { width: 186px; height: 60px; background-color: transparent; background-position: center center; background-repeat: no-repeat; background-size: 100% auto; border: none; border-radius: 4px; box-shadow: none; display: inline-block; vertical-align: middle; } .cta .buttons .button + .button { margin-top: 15px; } .cta .buttons .button.google-play { background-image: url('/assets/img/cta/google-play.jpg'); } .cta .buttons .button.app-store { background-image: url('/assets/img/cta/app-store.jpg'); } /* ========================================================================== LAUNCH ========================================================================== */ .launch { padding: 20px 0 14px; cursor: default; text-align: center; background: #e0e0e0; } .launch .heading { padding: 8px 0 8px 55px; margin: 0; position: relative; font-size: 17px; line-height: 32px; font-weight: normal; letter-spacing: .035em; text-align: right; display: inline-block; } .launch .heading:before { display: block; content: ''; overflow: hidden; width: 60px; height: 60px; margin: auto; position: absolute; top: -3px; left: -12px; bottom: 0; background: url('/assets/img/launch.png') no-repeat center center; background-size: 60px 60px; } .launch .heading small { margin-top: -10px; display: block; font-size: 12px; line-height: 14px; letter-spacing: -0.005em; } .launch .count { margin: 15px auto 0; overflow: hidden; text-align: center; } .launch .title { margin-right: 15px; margin-bottom: 5px; display: inline-block; vertical-align: middle; text-transform: uppercase; font-size: 14px; line-height: 14px; text-align: right; } .launch .title small { border-top: 1px solid #666; margin-top: 1px; display: block; font-size: 7px; } .launch .countdown { width: 210px; height: 60px; margin: 2px 0; display: inline-block; text-align: left; vertical-align: middle; position: relative; } /* ========================================================================== PRE-APPROVED ========================================================================== */ .pre-approved { padding: 50px 0 60px; text-align: center; } .pre-approved .heading { margin-top: 0; font-size: 22px; line-height: 24px; color: #333; } .pre-approved .subheading { font-size: 16px; line-height: 22px; color: #777; } .pre-approved .list { max-width: 400px; padding: 0; margin: 40px auto 0; list-style: none; font-size: 14px; line-height: 24px; font-weight: 300; color: #333; } .pre-approved .list:after { display: table; content: ''; clear: both; } .pre-approved .list li { margin-bottom: 25px; } .pre-approved .list li:last-of-type { margin-bottom: 0; } .pre-approved .list .icon { width: 70px; height: 70px; padding: 10px; margin: 0 auto 14px; border: 2px solid #00c2d3; border-radius: 50%; display: block; } .pre-approved .list .icon img { width: 100%; height: auto; margin: 0 auto; display: block; } .pre-approved .list .title { margin: 0 0 4px; font-weight: 600; color: #999; font-size: 18px; line-height: 24px; } .pre-approved .list p { margin: 0; } /* ========================================================================== STEPS ========================================================================== */ .form-steps { min-height: 100vh; margin: -44px -20px 0; padding: 60px 20px 20px; background: url('/assets/img/steps/bg.jpg') center center no-repeat; background-size: cover; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } .form-steps fieldset { position: relative; z-index: 300; } .form-steps:before { display: block; content: ''; overflow: hidden; background: #000; opacity: .18; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; } .form-steps .heading { width: 100%; margin-top: 0; margin-bottom: 20px; font-size: 22px; line-height: 26px; color: #fff; font-weight: bold; text-align: center; } .form-steps .progress { max-width: 854px; padding: 20px 0; margin: 0 auto; background: rgba(0, 0, 0, 0.4); border-radius: 10px; color: #fff; font-size: 14px; line-height: 20px; list-style: none; counter-reset: item; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; } .form-steps .progress:before { display: block; content: ''; overflow: hidden; height: 3px; background: #fff; position: absolute; top: 40px; left: 10%; right: 10%; z-index: -1; } .form-steps .progress li { width: 40px; height: 40px; counter-increment: item; text-align: center; -webkit-box-flex: 1; -webkit-flex: 1 0 20%; -ms-flex: 1 0 20%; flex: 1 0 20%; letter-spacing: .015em; position: relative; overflow: hidden; } .form-steps .progress li:before { content: ''; overflow: hidden; width: 40px; height: 40px; display: block; background: #fff; border: 3px solid #f0f9fb; border-radius: 50%; margin: 0 auto 10px; content: counter(item); color: #445865; text-align: center; box-sizing: border-box; font: bold 16px/34px Helvetica, Arial, sans-serif; } .form-steps[data-step="1"] .progress li:nth-child(1):before, .form-steps[data-step="2"] .progress li:nth-child(1):before, .form-steps[data-step="2"] .progress li:nth-child(2):before, .form-steps[data-step="3"] .progress li:nth-child(1):before, .form-steps[data-step="3"] .progress li:nth-child(2):before, .form-steps[data-step="3"] .progress li:nth-child(3):before, .form-steps[data-step="4"] .progress li:nth-child(1):before, .form-steps[data-step="4"] .progress li:nth-child(2):before, .form-steps[data-step="4"] .progress li:nth-child(3):before, .form-steps[data-step="4"] .progress li:nth-child(4):before, .form-steps[data-step="5"] .progress li:nth-child(1):before, .form-steps[data-step="5"] .progress li:nth-child(2):before, .form-steps[data-step="5"] .progress li:nth-child(3):before, .form-steps[data-step="5"] .progress li:nth-child(4):before, .form-steps[data-step="5"] .progress li:nth-child(5):before, .form-steps[data-step="6"] .progress li:nth-child(1):before, .form-steps[data-step="6"] .progress li:nth-child(2):before, .form-steps[data-step="6"] .progress li:nth-child(3):before, .form-steps[data-step="6"] .progress li:nth-child(4):before, .form-steps[data-step="6"] .progress li:nth-child(5):before, .form-steps[data-step="6"] .progress li:nth-child(6):before { background: #03dbee; text-indent: -1000px; overflow: hidden; } .form-steps[data-step="1"] .progress li:nth-child(1):after, .form-steps[data-step="2"] .progress li:nth-child(1):after, .form-steps[data-step="2"] .progress li:nth-child(2):after, .form-steps[data-step="3"] .progress li:nth-child(1):after, .form-steps[data-step="3"] .progress li:nth-child(2):after, .form-steps[data-step="3"] .progress li:nth-child(3):after, .form-steps[data-step="4"] .progress li:nth-child(1):after, .form-steps[data-step="4"] .progress li:nth-child(2):after, .form-steps[data-step="4"] .progress li:nth-child(3):after, .form-steps[data-step="4"] .progress li:nth-child(4):after, .form-steps[data-step="5"] .progress li:nth-child(1):after, .form-steps[data-step="5"] .progress li:nth-child(2):after, .form-steps[data-step="5"] .progress li:nth-child(3):after, .form-steps[data-step="5"] .progress li:nth-child(4):after, .form-steps[data-step="5"] .progress li:nth-child(5):after, .form-steps[data-step="6"] .progress li:nth-child(1):after, .form-steps[data-step="6"] .progress li:nth-child(2):after, .form-steps[data-step="6"] .progress li:nth-child(3):after, .form-steps[data-step="6"] .progress li:nth-child(4):after, .form-steps[data-step="6"] .progress li:nth-child(5):after, .form-steps[data-step="6"] .progress li:nth-child(6):after { display: block; content: ''; overflow: hidden; width: 5px; height: 10px; margin: 12px auto 0; border-top: 3px solid #fff; border-left: 3px solid #fff; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .form-steps .form-step { width: 280px; margin: 40px auto 0; padding: 20px 15px 25px; background: #fff; border-radius: 6px; font-size: 14px; line-height: 20px; color: #777; text-align: center; position: relative; } .form-steps .form-step, .form-steps .form-step-group { display: none; } .form-steps .form-step .form-area { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-steps .form-step .form-text { margin: -4px 0 18px; } .form-steps .form-step .form-text small { font-size: inherit; } .form-steps .form-step .form-title { margin: 0 0 10px; color: #05adb5; font-size: 18px; line-height: 24px; font-weight: 600; letter-spacing: .014em; cursor: default; } .form-steps .form-step .form-group { width: 250px; margin: 0 auto; } .form-steps .form-step .form-group:after { display: table; content: ''; clear: both; } .form-steps .form-step .form-group .checkbox { width: 250px; height: 40px; margin: 0 auto 10px; padding: 6px; display: block; border: 1px solid #e5e5e5; font-size: 16px; line-height: 24px; font-weight: 300; color: #596063; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); z-index: 1; cursor: pointer; } .form-steps .form-step .form-group .checkbox:last-of-type { margin-bottom: 0; } .form-steps .form-step .form-group .checkbox .square { width: auto; height: auto; border-radius: 0; border: none; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: -1; } .form-steps .form-step .form-group .checkbox .square:before { display: none; } .form-steps .form-step .form-group .checkbox input:checked + .square { background: #e5e5e5; } .form-steps .form-step .form-group .checkbox .title { font: inherit; color: inherit; } .form-steps .form-step .form-group-pair .query { width: 156px; min-width: 0; max-width: none; height: 40px; padding: 7px 16px; border-color: #ccc; border-radius: 0; color: #05adb5; font: 16px/24px 'Open Sans', sans-serif; float: left; } .form-steps .form-step .form-group-pair .button { width: 94px; min-width: 0; height: 40px; padding: 7px; border: 1px solid #ccc; background: #03dbee; border-radius: 0; font: 300 16px/24px 'Open Sans', sans-serif; float: right; } .form-steps .form-step .form-group-code .query { width: 50%; height: 46px; padding: 10px; border-radius: 23px 0 0 23px; border-color: #d0d0d0; box-shadow: inset 0 0 6px 0 rgba(58, 59, 58, 0.24); color: #777; float: left; font: 19px/24px 'Open Sans', sans-serif; text-align: center; } .form-steps .form-step .form-group-code .button { width: 50%; height: 46px; padding: 10px; background: #03dbee; border-radius: 0 23px 23px 0; float: right; font: 600 18px/24px 'Open Sans', sans-serif; } .form-steps .form-step .form-group-price { position: relative; } .form-steps .form-step .form-group-price:before { content: '$'; position: absolute; left: 12px; font-size: 16px; line-height: 40px; font-weight: 300; color: #596063; } .form-steps .form-step .form-group-price .query { font-weight: 600; padding-left: 36px; } .form-steps .form-step .form-group-down-payment { position: relative; } .form-steps .form-step .form-group-down-payment:after { content: '%'; position: absolute; right: 126px; font-size: 16px; line-height: 40px; font-weight: 300; color: #596063; } .form-steps .form-step .form-group-down-payment .query { width: 146px; font-weight: 600; padding-right: 36px; } .form-steps .form-step .form-group-down-payment .button { margin-left: 10px; } .form-steps .form-step .form-group-credit-score { margin: -4px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .form-steps .form-step .form-group-credit-score .checkbox:first-child { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .form-steps .form-step .form-group-credit-score .checkbox:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } .form-steps .form-step .form-group-credit-score .checkbox:nth-child(3) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .form-steps .form-step .form-group-credit-score .checkbox:nth-child(4) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .form-steps .form-step .form-group-tel { font-weight: 600; } .form-steps .form-step-group-6 .form-step .form-area { display: block; } .form-steps .form-step-group-6 .form-step .form-area:after { display: table; content: ''; clear: both; } .form-steps .form-step-group-6 .form-step .image { width: 92px; height: 82px; margin: 0 auto; } .form-steps .form-step-group-6 .form-step .text { margin: 15px 0 0 0; font-size: 14px; line-height: 20px; font-weight: 300; } .form-steps [data-step="1"] .form-step-inner-1, .form-steps [data-step="2"] .form-step-inner-2, .form-steps [data-step="3"] .form-step-inner-3, .form-steps [data-step="4"] .form-step-inner-4, .form-steps [data-step="5"] .form-step-inner-5, .form-steps [data-step="6"] .form-step-inner-6, .form-steps [data-step="7"] .form-step-inner-7, .form-steps [data-step="8"] .form-step-inner-8, .form-steps [data-step="9"] .form-step-inner-9 { display: block; } .form-steps[data-step="1"] .form-step-group-1, .form-steps[data-step="2"] .form-step-group-2, .form-steps[data-step="3"] .form-step-group-3, .form-steps[data-step="4"] .form-step-group-4, .form-steps[data-step="5"] .form-step-group-5, .form-steps[data-step="6"] .form-step-group-6 { display: block; } .shadow { display: block; content: ''; overflow: hidden; width: 100%; height: 100%; background-color: rgba(59, 59, 59, 0.7); position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; } /* ========================================================================== CALCULATOR ========================================================================== */ .calculator-header { padding: 0 0 20px; position: relative; cursor: default; color: #333; } .calculator-header .heading { margin: 0; font: bold 24px/32px 'Lato', sans-serif; letter-spacing: .02em; } .calculator-header .subheading { margin: 0; font: 16px/22px 'Lato', sans-serif; letter-spacing: .0175em; } .calculator .button-pre { width: 202px; height: 47px; padding: 10px; border-radius: 4px; border: none; margin: 15px auto 0; letter-spacing: -0.04em; display: block; position: relative; background: #03dbee; text-shadow: 1px 1px 3px #03dbee; transition: text-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .calculator .button-pre:hover, .calculator .button-pre:focus { text-shadow: 1px 1px 3px transparent; } .calculator-space { padding: 10px; border: 1px solid #d0d0d0; border-radius: 2px; color: #333; background: #fff; } .calculator-other { padding: 19px 9px 9px; border-top: 1px solid #d0d0d0; margin: 0 -10px; } .calculator-other .heading { margin: 0 0 30px; font-size: 24px; line-height: normal; font-weight: bold; letter-spacing: .015em; color: #333; text-align: center; } .calculator-other .options { padding: 0; font: 14px/24px 'Lato', sans-serif; letter-spacing: .01em; color: #626262; } .calculator-other .options .entry { width: 100%; max-width: 450px; padding: 0 0 20px; margin: 0 auto; text-align: center; } .calculator-other .options .pic { margin: 0 0 10px; display: block; } .calculator-other .options .pic img { width: 102px; height: 102px; border: 1px solid #ccc; border-radius: 50%; margin: 0 auto; display: block; box-sizing: content-box; } .calculator-other .options p { margin: 0; } .calculator-other .options p.title { margin-bottom: 5px; font-size: 18px; font-weight: bold; line-height: normal; color: #00c2d3; letter-spacing: -0.02em; } .calculator-other .options:after { display: block; overflow: hidden; display: table; content: ''; clear: both; } .calculator-form:after { display: block; overflow: hidden; display: table; content: ''; clear: both; } .calculator-form-input { max-width: 400px; padding-bottom: 48px; margin: 0 auto; } .calculator-form .form-group { border-bottom: 1px solid #eee; margin: 0; } .calculator-form .form-group .form-col { padding: 24px 13px 19px; } .calculator-form .form-group .form-col:after { display: block; overflow: hidden; display: table; content: ''; clear: both; } .calculator-form .form-group .form-col:nth-child(2) { padding-top: 0; } .calculator-form .form-label { display: block; color: #626262; font-size: 18px; line-height: normal; font-weight: bold; letter-spacing: -0.05em; } .calculator-form .form-label .i { width: 16px; height: 16px; border: 1px solid #999; border-radius: 50%; margin: 0 0 0 8px; display: inline-block; position: relative; color: #999; text-align: center; top: 1px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .calculator-form .form-label .i:before { width: 14px; height: 14px; font-size: 12px; line-height: 14px; font-weight: normal; overflow: hidden; display: block; content: 'i'; letter-spacing: 0; } .calculator-form .form-small { margin-top: 10px; display: block; font-size: 16px; line-height: 20px; color: #999; letter-spacing: -0.025em; } .calculator-form .form-input { height: 52px; padding: 14px 16px 16px; display: block; font-size: 20px; color: #333; } .calculator-form .form-input-price { padding-left: 55px; background: #fff url('/assets/img/icons/usd.png') no-repeat 15px center; background-size: auto 20px; } .calculator-form .form-input-down-payment { width: 72% !important; padding-right: 0; padding-left: 55px; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; display: block; float: left; background: #fff url('/assets/img/icons/usd.png') no-repeat 15px center; background-size: auto 20px; } .calculator-form .form-input-down-percent { width: 28% !important; padding-left: 0; padding-right: 30px; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; display: block; float: left; text-align: right; color: #999; background: #f6f6f6 url('/assets/img/icons/percent.png') no-repeat 100% center; background-size: auto 20px; } .calculator-form .form-input-interest-rate { width: 125px !important; padding-left: 5px; padding-right: 51px; float: right; text-align: right; background: #fff url('/assets/img/icons/percent.png') no-repeat 100% center; background-size: auto 20px; } .calculator-form .form-label-currently { width: 130px; padding-right: 20px; float: left; font-size: 20px; font-weight: bold; line-height: 50px; letter-spacing: -0.025em; text-align: right; color: #333; } .calculator-form .noUi-horizontal { height: 22px; } .calculator-form .noUi-target { margin-top: 10px; display: block; border-radius: 0; border: none; background: none; box-shadow: none; } .calculator-form .noUi-target:before { display: block; content: ''; overflow: hidden; height: 2px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #999; z-index: 0; } .calculator-form .noUi-handle { width: 22px; height: 22px; border: 2px solid #00c2d3; left: -11px; top: 0; border-radius: 50%; background: #fff; cursor: pointer; box-shadow: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .calculator-form .noUi-handle:before, .calculator-form .noUi-handle:after { display: none !important; } .calculator-form .noUi-connect { height: 2px; top: 0; bottom: 0; margin: auto 0; background: #00c2d3; border-radius: 0; box-shadow: none; } .calculator-form .selectric { text-align: left; } .calculator-form .selectric .label { height: 50px; margin-right: 42px; margin-left: 22px; font-size: 20px; line-height: 30px; display: block; } .calculator-form .selectric-items ul { font-size: 16px; } .calculator-form .selectric-items ul li { padding: 10px 21px; font-size: inherit; line-height: normal; } .calculator-form .selectric .button { width: 46px; height: 50px; } .calculator-form .advanced { margin: 37px 0 0 12px; font-size: 18px; line-height: normal; font-weight: bold; letter-spacing: -0.05em; } .calculator-form .advanced a { padding-right: 28px; position: relative; display: inline-block; } .calculator-form .advanced a:before { display: block; content: ''; overflow: hidden; width: 8px; height: 8px; border-top: 2px solid #00c2d3; border-left: 2px solid #00c2d3; margin: auto; position: absolute; top: 0; bottom: 1px; right: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .calculator-form .advanced a:hover:before, .calculator-form .advanced a:focus:before { border-color: #00c2d3; } .calculator-form-output { width: 300px; padding: 0 25px 0 20px; margin: 0 auto; } .calculator-form-output .diagram { width: 242px; height: 242px; margin: 5px auto 0; display: block; position: relative; z-index: 1; } .calculator-form-output .diagram canvas { width: 100%; height: 100%; display: block; } .calculator-form-output .price { width: 200px; height: 200px; padding: 75px 8px 0 0; border-radius: 50%; margin: auto; display: block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; font: bold 42px/38px 'Lato', sans-serif; color: #626262; text-align: center; background: #fff; cursor: default; } .calculator-form-output .price small { display: block; position: relative; left: 32px; font-size: 18px; } .calculator-form-output .legend { width: 272px; padding: 0; margin: 46px auto 0; overflow: hidden; font: bold 14px/20px 'Lato', sans-serif; } .calculator-form-output .legend dt { padding: 0 0 0 25px; margin: 0 0 20px; float: left; position: relative; clear: both; } .calculator-form-output .legend dt:before { display: block; content: ''; overflow: hidden; width: 14px; height: 14px; border-radius: 50%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; background-color: #53418b; } .calculator-form-output .legend dt:nth-child(1):before { background-color: #53418b; } .calculator-form-output .legend dt:nth-child(3):before { background-color: #10cbd7; } .calculator-form-output .legend dt:nth-child(5):before { background-color: #19a0d0; } .calculator-form-output .legend dt:nth-child(7):before { background-color: #de2517; } .calculator-form-output .legend dt:nth-child(9):before { background-color: #a9245b; } .calculator-form-output .legend dd { padding: 0; margin: 0; float: right; } /* ========================================================================== HOW TO USE ========================================================================== */ .how-to-use { margin-top: 30px; margin-bottom: 40px; color: #333; } .how-to-use .heading { margin: 0; font: bold 24px/32px 'Lato', sans-serif; letter-spacing: .025em; } .how-to-use .subheading { margin: 10px 0 0; font: 16px/22px 'Lato', sans-serif; letter-spacing: .0135em; } .how-to-use .subheading br { display: none; } .how-to-use .info { margin-top: 20px; border: 1px solid #d0d0d0; border-radius: 2px; font: 14px/22px 'Lato', sans-serif; color: #626262; background: #fff; } .how-to-use .info .entry { padding: 19px; border-top: 1px solid #d0d0d0; } .how-to-use .info .entry:first-child { border-top: none; } .how-to-use .info .title { margin-bottom: 10px; font-size: 18px; line-height: normal; display: block; } /* ========================================================================== NEWS ========================================================================== */ .news { margin-top: 40px; } .news .heading { margin: 0 0 20px 0; font-size: 28px; line-height: 34px; font-weight: 300; font-family: 'Nunito', sans-serif; color: #13293d; text-align: center; text-transform: uppercase; letter-spacing: .03em; } .news .heading strong { font-weight: bold; } .news .heading .color { color: #4c58a4; } .news .list:after { display: table; content: ''; clear: both; } .news .list .entry:not(:first-child) { display: none; } .news .list .item { max-width: 450px; padding: 20px; border: 1px solid #dfebee; border-radius: 3px; margin: 0 auto; } .news .list .item .photo { height: 210px; margin: -20px -20px 20px -20px; background-color: #dfebee; background-repeat: no-repeat; background-size: cover; background-position: center center; } .news .list .item .title { margin: 0 0 16px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 18px; line-height: 26px; color: #13293d; font-weight: bold; } .news .list .item .info { margin: 0; font-size: 11px; line-height: 16px; color: #8e99a3; letter-spacing: 0.04em; cursor: default; } .news .list .item .info .name { margin-bottom: 6px; padding: 4px 15px; background: #56ccf2; border-radius: 4px; display: inline-block; vertical-align: middle; font-weight: normal; color: #fff; } .news .list .item .info .time { margin-right: 16px; } .news .list .item .more { margin-top: 24px; padding-top: 16px; border-top: 1px solid #dfebee; display: block; color: #00c2d3; font-size: 14px; line-height: 18px; letter-spacing: .04em; position: relative; } .news .list .item .more:after { display: block; content: ''; overflow: hidden; width: 22px; height: 12px; background: url('/assets/img/icons/arrow.png') no-repeat center center; background-size: contain; position: absolute; right: 4px; top: 20px; } .news .list.slick-initialized .slick-slide:not(:first-child) { display: block; } .news .list.slick-initialized .slick-dots { margin: 30px 0 0 0; padding: 0; text-align: center; } .news .list.slick-initialized .slick-dots li { padding: 6px 5px; display: inline-block; vertical-align: middle; cursor: pointer; } .news .list.slick-initialized .slick-dots li .dots { width: 15px; height: 4px; background: #aec6cb; display: block; } .news .list.slick-initialized .slick-dots li.slick-active .dots { background: #2f80ed; } /* ========================================================================== SUBSCRIBE ========================================================================== */ .subscribe { max-width: 450px; padding: 20px; border: 1px solid #dfebee; border-radius: 3px; margin: 30px auto 0; overflow: hidden; position: relative; cursor: default; } .subscribe:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 0 0; width: 133px; height: 85px; display: none; content: ''; position: absolute; top: 36px; left: 20px; } .subscribe .head { font: 200 13px/16px 'Nunito', sans-serif; } .subscribe .heading { margin: 0; font: 600 25px 'Nunito', sans-serif; letter-spacing: .04em; color: #03dbee; } .subscribe .heading + p { margin-top: 8px; margin-bottom: 0; letter-spacing: .04em; } .subscribe .form-subscribe { padding: 14px 0 0; display: block; } .subscribe .form-subscribe .form-group { padding: 0; margin: 0; position: relative; } .subscribe .form-subscribe .input { width: 100%; height: 40px; padding: 10px 0; border: none; border-bottom: 1px solid #cae3e9; display: block; float: left; font-size: 13px; letter-spacing: .04em; } .subscribe .form-subscribe .submit { width: 30px; min-width: 0; height: 30px; border-radius: 0; position: absolute; top: 46px; right: -9px; z-index: 5; background: none; } .subscribe .form-subscribe .submit:before { width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 13.100436681222707%; margin: auto; display: block; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale(0.66); -ms-transform: scale(0.66); transform: scale(0.66); } /* ========================================================================== INFORMATION ========================================================================== */ .information { padding: 30px 0; margin-top: 30px; position: relative; clear: both; background: #f5f5f5; } .information.nomargin { margin-top: 0; } body.gray .information { border-top: 1px solid #ccc; background: #fff; } .information .cols:after { display: table; content: ''; clear: both; } .information .col { margin: 0 0 30px 0; text-align: center; } .information .col:nth-child(4) { padding-right: 0; margin-bottom: 0; } .information .heading { margin-top: 0; margin-bottom: 15px; font: 19px 'Nunito', sans-serif; color: #545454; text-transform: uppercase; letter-spacing: .015em; white-space: nowrap; } .information .links { padding: 0; margin: 0; list-style: none; font-size: 14px; line-height: normal; letter-spacing: normal; } .information .links li { margin-bottom: 10px; } .information .links li:last-child { margin-bottom: 0; } .information .links li a { color: #8e99a3; } .information .links li a.blue { color: #03dbee; } .information .links li a:hover, .information .links li a:focus { color: #545454; } .information .contacts { margin: 0; font-size: 13px; line-height: 24px; color: #8e99a3; text-align: left; } .information .contacts-logo { width: 220px; height: 72px; margin: 0 auto; display: block; overflow: hidden; text-indent: -1000px; white-space: nowrap; background: url('/assets/img/logo-dark.png') no-repeat center center; background-size: contain; } .information .contacts-list { padding: 0; margin: 20px 0 0 0; list-style: none; text-align: left; } .information .contacts-list li { padding: 7px 0 8px 40px; position: relative; } .information .contacts-list li:before { background: url("/assets/svg/sprite.svg") no-repeat; margin: auto; content: ''; display: block; position: absolute; top: 0; left: -3px; bottom: 0; } .information .contacts-list li.contacts-list-address:before { width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 13.100436681222707%; } .information .contacts-list li.contacts-list-phone:before { width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 26.200873362445414%; } .information .contacts-list li.contacts-list-email:before { width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 35.85657370517928% 89.51965065502183%; } .information .contacts-list li a { color: #8e99a3; } .information .contacts-list li a[href^='tel:'] { cursor: default; } .information .contacts-list li a[href^='tel:']:hover, .information .contacts-list li a[href^='tel:']:focus { color: #8e99a3; } .information .contacts-list li a[href^='mailto:']:hover, .information .contacts-list li a[href^='mailto:']:focus { color: #545454; } /* ========================================================================== FOOTER ========================================================================== */ .footer { padding: 20px 0; position: relative; font-size: 13px; line-height: 24px; color: #fff; background: #303030; cursor: default; } .footer-menu { width: 100%; padding: 0; margin: 0; list-style: none; font-family: 'Nunito', sans-serif; font-weight: 600; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-menu li { padding: 0; margin: 0 5px; display: inline-block; min-width: 80px; } .footer-menu a { color: #fff; text-decoration: none; } .footer-menu a:hover, .footer-menu a:focus { color: #03dbee; } .footer-social { padding: 0; margin: 15px 0 0; list-style: none; position: relative; line-height: 20px; text-align: center; cursor: default; } .footer-social:after { display: table; content: ''; clear: both; } .footer-social li { margin: 0 7px; display: inline-block; vertical-align: top; } .footer-social li a { background: url("/assets/svg/sprite.svg") no-repeat; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: -1000px; white-space: nowrap; color: #fff; background-color: #03dbee; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .footer-social li a:hover, .footer-social li a:focus { opacity: .85; } .footer-social li a.fb { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 43.51464435146443%; } .footer-social li a.tw { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 18.410041841004183%; } .footer-social li a.gp { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 85.35564853556485%; } .footer-copyright { margin: 15px 0 0; color: #03dbee; text-align: center; } .footer-index { height: 50px; position: relative; font-size: 15px; font-weight: 600; margin-top: -60px; margin-bottom: 10px; } .footer-index:after { display: table; content: ''; clear: both; } .footer-index .copy { text-align: center; color: #fff; padding: 3px 0; } .footer-index .footer-menu { text-align: center; padding: 3px 0; } /* ========================================================================== NAV ========================================================================== */ .nav { width: 100px; height: 44px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 600; } .nav-visible .nav { width: auto; height: auto; bottom: 0; right: 0; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav .menu { padding: 40px; margin: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-family: 'Nunito', sans-serif; font-size: 20px; line-height: 30px; font-weight: 300; color: #445865; text-align: center; letter-spacing: .005em; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; -webkit-transform: translate3d(0, -200%, 0); transform: translate3d(0, -200%, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav-visible .nav .menu { transition: -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); } .nav .menu.menu-login { display: none; } .nav .menu:after { display: table; content: ''; clear: both; } .nav .menu > li { padding: 10px 0; margin: 0 auto; max-width: 400px; } .nav .menu > li > a { padding: 0 15px; display: block; position: relative; color: #fff; } .nav .menu > li.sub.active .submenu { max-height: none; display: block; opacity: 1; } .nav .menu > li.sub.open .submenu { display: block; } .nav .menu > li.sub.animate > a { color: #00c2d3; } .nav .menu > li.sub.animate > a:after { background: #00c2d3; } .nav .menu > li.sub.animate .submenu { max-height: 200px; opacity: 1 !important; } .nav .menu > li.active > a:after { display: block; content: ''; overflow: hidden; height: 2px; background: #00c2d3; position: absolute; bottom: 0; left: 15px; right: 15px; } .nav .menu > li.active.animate a.sub:after { opacity: 1; } .nav .menu .submenu { max-height: 0; padding: 0; margin: 0; font-size: 16px; line-height: 20px; list-style: none; overflow: hidden; display: block; opacity: 0; transition: max-height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .nav .menu .submenu:before { display: block; content: ''; overflow: hidden; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #fff transparent; position: absolute; bottom: 100%; right: 30px; } .nav .menu .submenu:after { @include clearfix; } .nav .menu .submenu a { padding: 10px 15px; display: block; position: relative; color: #fff; transition: background-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .nav-open .nav .menu { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .nav .toggle { width: 60px; height: 44px; position: absolute; top: 0; left: 0; z-index: 50; } .nav .toggle span, .nav .toggle:before, .nav .toggle:after { display: block; content: ''; overflow: hidden; width: 20px; height: 2px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; border-radius: 2px; transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: width 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.4s 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .nav-open .nav .toggle span, .nav-open .nav .toggle:before, .nav-open .nav .toggle:after, .page-index .nav .toggle span, .page-index .nav .toggle:before, .page-index .nav .toggle:after { background-color: #fff; } .nav-open .nav .toggle span { opacity: 0; } .nav .toggle:before { -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); } .nav-open .nav .toggle:before { -webkit-transform: translate3d(0, 0, 0) rotate(-45deg); transform: translate3d(0, 0, 0) rotate(-45deg); } .nav .toggle:after { -webkit-transform: translate3d(0, 6px, 0); transform: translate3d(0, 6px, 0); } .nav-open .nav .toggle:after { -webkit-transform: translate3d(0, 0, 0) rotate(45deg); transform: translate3d(0, 0, 0) rotate(45deg); } .nav .overlay { display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #445865; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.4s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 0; } .nav-visible .nav .overlay { display: block; } .nav-open .nav .overlay { opacity: .99; } .nav .search-toggle { width: 44px; height: 44px; padding: 2px; font-size: 13px; line-height: 16px; text-transform: uppercase; white-space: nowrap; text-indent: -1000px; color: #fff; letter-spacing: .04em; overflow: hidden; position: absolute; top: 0; right: 8px; } .nav .search-toggle:before { content: ''; overflow: hidden; width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 76.98744769874477%; margin: auto; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; transition: -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .nav .search-toggle:after { display: block; content: ''; overflow: hidden; width: 46px; height: 46px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 50%; margin: auto; display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; transition: border .2s ease, background .2s ease; } .nav .search-toggle .close { width: 40px; height: 40px; margin: auto auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .nav .search-toggle .close:before, .nav .search-toggle .close:after { display: block; content: ''; overflow: hidden; margin: auto auto; background: #fff; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .nav .search-toggle .close:before { width: 2px; height: 20px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .nav .search-toggle .close:after { display: block; content: ''; overflow: hidden; width: 20px; height: 2px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nav .search-toggle.open:before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .nav .search-toggle.open .close { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .nav .login-links { position: absolute; top: 33px; right: 15px; display: none; color: rgba(255, 255, 255, 0.8); font-size: 15px; } .nav .login-links a { color: #fff; font-size: 15px; font-weight: 600; } .nav.nav-search .toggle span, .nav.nav-search .toggle:before, .nav.nav-search .toggle:after { background: #445865; } .nav-open .nav.nav-search .toggle span, .nav-open .nav.nav-search .toggle:before, .nav-open .nav.nav-search .toggle:after { background: #fff; } .nav-phone { position: absolute; top: 0; right: 0; z-index: 600; padding: 12px 10px 0 0; } .nav-phone:before { display: block; content: ''; overflow: hidden; background: url("/assets/img/advertising/phone-icon.png"); width: 27px; height: 28px; float: left; margin-right: 10px; } .nav-phone a { color: #fff; font-size: 24px; line-height: 27px; font-weight: 600; } /* ========================================================================== FILTER ========================================================================== */ .filter { min-width: 270px; height: 44px; position: fixed; bottom: 0; right: 0; left: 0; z-index: 210; background: #fff; cursor: default; } .filter:after { display: table; content: ''; clear: both; } .filter.filter-open { height: auto; z-index: 310; } /* ========================================================================== FORM-FILTER ========================================================================== */ .form-filter .filter-mobile .nav-mobile { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 14px; line-height: 24px; text-align: center; } .form-filter .filter-mobile .nav-mobile li { width: 33.3%; border-left: 1px solid #ccc; } .form-filter .filter-mobile .nav-mobile li:first-child { border: none; } .form-filter .filter-mobile .nav-mobile li a, .form-filter .filter-mobile .nav-mobile li span { padding: 9px; border: 1px solid transparent; display: block; color: #303030; } .form-filter .filter-mobile .nav-mobile li a.active, .form-filter .filter-mobile .nav-mobile li span.active { display: none; } .filter-open .form-filter .filter-mobile .nav-mobile li a, .filter-open .form-filter .filter-mobile .nav-mobile li span { border-bottom-color: #ccc; } .form-filter .filter-mobile .nav-mobile li a i, .form-filter .filter-mobile .nav-mobile li span i { padding-left: 30px; position: relative; font-style: normal; display: inline-block; } .form-filter .filter-mobile .nav-mobile li a i:before, .form-filter .filter-mobile .nav-mobile li span i:before { display: block; content: ''; overflow: hidden; width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 35.14644351464435%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; } .form-filter .filter-mobile .nav-mobile li.filter-save a, .form-filter .filter-mobile .nav-mobile li.filter-save span { display: none; } .form-filter .filter-mobile .nav-mobile li.filter-save a.active, .form-filter .filter-mobile .nav-mobile li.filter-save span.active { display: block; } .form-filter .filter-space { display: none; } .filter-open .form-filter .filter-space { display: block; } .form-filter .filter-basic { padding: 6px 50px 6px 6px; position: relative; } .form-filter .filter-advanced { padding: 6px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; display: none; background: #dfebee; } .form-filter .filter-advanced:after { display: table; content: ''; clear: both; } .filter-open .form-filter .filter-advanced { display: block; } .form-filter .filter-advanced .selectcheck { width: 100%; } .form-filter .filter-advanced .form-group-inline { margin-bottom: 10px; } .form-filter .filter-advanced .checkbox-color { margin-bottom: 5px; display: block; } .form-filter .filter-advanced .checkbox-color:last-child { margin-right: 0; } .form-filter .filter-advanced .checkbox-color-blue .square:before { background: #129af8; } .form-filter .filter-advanced .checkbox-color-red .square:before { background: #ff0300; } .form-filter .filter-advanced .checkbox-color-green .square:before { background: #28cd06; } .form-filter .filter-advanced .checkbox-color-purple .square:before { background: #c445d7; } .form-filter .filter-advanced .checkbox-color-yellow .square:before { background: #ffdc5e; } .form-filter .filter-advanced .submit { width: 100px; height: 32px; padding-top: 6px; padding-bottom: 6px; font-size: 15px; } .form-filter .query-input { width: 100%; display: block; position: relative; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; background: #fff; } .form-filter .query-input:before { display: block; content: ''; overflow: hidden; width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 0 89.51965065502183%; margin: auto; position: absolute; top: -1px; bottom: 0; left: 7px; z-index: 1; } .form-filter .query-input .query { width: 100%; max-width: none; height: 38px; padding: 10px 10px 10px 39px; display: block; position: relative; z-index: 2; background: none; } .form-filter .query-input .submit { width: 42px; min-width: 0; height: 37px; padding: 0; border: none; border-radius: 0; display: block; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; cursor: pointer; background: none; } .form-filter .query-input .submit:before { display: block; content: ''; overflow: hidden; width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 10.0418410041841%; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .form-filter .pair { max-width: 522px; margin: 6px -30px 0 0; display: none; position: relative; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .filter-open .form-filter .pair { display: block; } .form-filter .pair:after { display: table; content: ''; clear: both; } .form-filter .pair .select, .form-filter .pair .selectric-wrapper, .form-filter .pair .input-text { width: 50%; display: block; float: left; } .form-filter .pair .select .label, .form-filter .pair .selectric-wrapper .label, .form-filter .pair .input-text .label { color: #999; } .form-filter .pair .select-open .label, .form-filter .pair .selectric-wrapper-open .label, .form-filter .pair .input-text-open .label { color: #545454; } .form-filter .pair .select:first-of-type, .form-filter .pair .selectric-wrapper:first-of-type, .form-filter .pair .input-text:first-of-type { margin-right: -1px; } .form-filter .pair .select:first-of-type .selectric, .form-filter .pair .selectric-wrapper:first-of-type .selectric, .form-filter .pair .input-text:first-of-type .selectric { border-radius: 2px 0 0 2px; } .form-filter .toggle { width: 50px; height: 38px; margin: 0; display: none; overflow: hidden; position: absolute; top: 6px; right: 0; color: #00c2d3; white-space: nowrap; text-indent: -1000px; } .form-filter .toggle:after { display: block; content: ''; overflow: hidden; width: 7px; height: 7px; margin: auto; border-bottom: 1px solid #00c2d3; border-left: 1px solid #00c2d3; position: absolute; top: -1px; right: 0; bottom: 0; left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: border-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); transition: border-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), bottom 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .filter-open .form-filter .toggle:after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); bottom: -5px; } .form-filter .toggle:hover, .form-filter .toggle:focus { color: #666; } .form-filter .toggle:hover:after, .form-filter .toggle:focus:after { border-color: #666; } .form-filter .input-text { height: 38px; padding: 10px; } /* ========================================================================== PAGE-HEADER ========================================================================== */ .page-header { height: 36px; padding: 10px; font-size: 13px; position: absolute; top: 0; right: 0; left: 0; z-index: 6; background: #f5f5f5; } .page-header .heading { max-height: 36px; margin: 0; display: block; overflow: hidden; font: 600 15px/18px 'Nunito', sans-serif; color: #303030; text-align: center; } .page-header .sort { width: 70px; margin: 0; font-size: 13px; line-height: 38px; display: none; position: absolute; right: 15px; top: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; } .page-header .sort .title { margin-right: -10px; display: inline-block; vertical-align: middle; color: #445865; } .page-header .sort .selectric-wrapper { margin-right: -9px; display: inline-block; vertical-align: middle; } .page-header .sort .selectric-wrapper .selectric { border-color: transparent; background: transparent; } .page-header .sort .selectric-wrapper .selectric-items { width: auto !important; right: 0; left: auto; } .page-header .sort .selectric-wrapper .selectric-items li { padding-left: 32px; white-space: nowrap; position: relative; font-size: 13px; } .page-header .sort .selectric-wrapper .selectric-items li:before { display: block; content: ''; overflow: hidden; width: 16px; height: 16px; background-size: contain; background-position: center center; background-repeat: no-repeat; position: absolute; left: 8px; top: 10px; } .page-header .sort .selectric-wrapper .selectric-items li.select-relevance:before { background-image: url('/assets/img/icons/relevance.png'); } .page-header .sort .selectric-wrapper .selectric-items li.select-name:before { background-image: url('/assets/img/icons/name.png'); } .page-header .sort .selectric-wrapper .selectric-items li.select-price:before { background-image: url('/assets/img/icons/price.png'); } .page-header .sort .selectric-wrapper .selectric-items li.select-popularity:before { background-image: url('/assets/img/icons/popularity.png'); } .page-header .sort .selectric-wrapper .selectric .label { width: 16px; margin-right: 0; background: url('/assets/img/icons/sort.png') center center no-repeat; background-size: contain; text-indent: -1000px; overflow: hidden; } .page-header .sort .selectric-wrapper .selectric .label.select-relevance { background-image: url('/assets/img/icons/relevance.png'); } .page-header .sort .selectric-wrapper .selectric .label.select-name { background-image: url('/assets/img/icons/name.png'); } .page-header .sort .selectric-wrapper .selectric .label.select-price { background-image: url('/assets/img/icons/price.png'); } .page-header .sort .selectric-wrapper .selectric .label.select-popularity { background-image: url('/assets/img/icons/popularity.png'); } .page-header .sort .selectric-wrapper .selectric .button { display: none; } /* ========================================================================== BARGAINS ========================================================================== */ .bargains { margin: 30px 0 60px 0; } .bargains .heading { margin: 0 0 40px; font: 200 35px/48px 'Nunito', sans-serif; letter-spacing: .04em; text-align: center; color: #13293d; } .bargains .heading strong { font-weight: bold; } .bargains-list { margin: 0; } .bargains-list:after { display: table; content: ''; clear: both; } .bargains-list .item { max-width: 450px; margin: 0 auto; position: relative; } .bargains-list .item:not:first-child { display: none; } .bargains-list .link { display: block; position: relative; z-index: 1; color: #fff; } .bargains-list .link:hover .img:before, .bargains-list .link:focus .img:before { opacity: .65; } .bargains-list .img { width: 100%; height: 210px; border-radius: 4px 4px 0 0; display: block; overflow: hidden; position: relative; } .bargains-list .img:before { display: block; content: ''; overflow: hidden; background: linear-gradient(to bottom, rgba(19, 41, 61, 0) 0%, rgba(19, 41, 61, 0.9) 100%); position: absolute; top: 40%; left: 0; right: 0; bottom: 0; z-index: 0; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .bargains-list .space { padding: 10px 20px; display: block; position: absolute; left: 0; bottom: 0; z-index: 3; } .bargains-list .title { margin: 0; font: bold 18px 'Neuron', sans-serif; letter-spacing: .04em; text-transform: none; } .bargains-list .badge { padding: 4px 13px; border-radius: 4px; position: absolute; top: 20px; left: 20px; font-size: 13px; line-height: 17px; letter-spacing: .04em; background: #6dcd6d; } .bargains-list .badge.blue { background: #00c2d3; } .bargains-list .badge.red { background: #ff0030; } .bargains-list .badge.purple { background: #de11f0; } .bargains-list .price { margin: 10px 0 0; font: bold 20px 'Neuron', sans-serif; white-space: nowrap; } .bargains-list .price .small { font-size: 13px; font-weight: normal; color: #fff; position: relative; } .bargains-list .info { padding: 20px 19px 19px; border: 1px solid #dfebee; border-top: none; border-radius: 0 0 4px 4px; font-size: 12px; line-height: 18px; color: #8e99a3; } .bargains-list .info:after { display: table; content: ''; clear: both; } .bargains-list .info .location { padding: 8px 0 8px 20px; margin: 0 0 14px; font-size: 14px; line-height: 20px; letter-spacing: .04em; display: block; position: relative; } .bargains-list .info .location:before { display: block; content: ''; overflow: hidden; width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 68.61924686192468%; position: absolute; left: -4px; top: 8px; } .bargains-list .info .data { padding: 13px 0 0; border-top: 1px solid #dfebee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-content: space-between; -ms-flex-line-pack: justify; align-content: space-between; letter-spacing: .04em; } .bargains-list .info .data .col { width: 22%; } .bargains-list .info .data .col:first-child { width: 34%; } .bargains-list .info .data .col span { display: block; color: #13293d; } .bargains-list .info .name { padding-left: 33px; margin: 23px 3px 0; float: right; display: block; position: relative; line-height: 40px; color: #8e99a3; letter-spacing: .04em; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; transform-origin: 100% 50%; } .bargains-list .info .name:before { display: block; content: ''; overflow: hidden; width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 59.7609561752988% 89.51965065502183%; position: absolute; left: -4px; top: 6px; } .bargains-list .actions { padding: 0; margin: 0; list-style: none; position: absolute; left: 20px; bottom: 20px; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; z-index: 5; } .bargains-list .actions li { float: left; margin-right: 8px; } .bargains-list .actions li a { width: 40px; height: 40px; border-radius: 50%; display: block; position: relative; background: #deedf0; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .bargains-list .actions li a:hover, .bargains-list .actions li a:focus { background: #cbd7e2; } .bargains-list .actions li a:before { display: block; content: ''; overflow: hidden; background: url("/assets/svg/sprite.svg") no-repeat; width: 30px; height: 30px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .bargains-list .actions li.actions-refresh a:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 47.808764940239044% 89.51965065502183%; } .bargains-list .actions li.actions-share a:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 39.301310043668124%; } .bargains-list .actions li.actions-like a:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 71.71314741035856% 89.51965065502183%; } .bargains-list.slick-initialized .slick-slide:not:first-child { display: block; } .bargains-list.slick-initialized .slick-dots { margin: 30px 0 0 0; padding: 0; text-align: center; } .bargains-list.slick-initialized .slick-dots li { padding: 6px 5px; display: inline-block; vertical-align: middle; cursor: pointer; } .bargains-list.slick-initialized .slick-dots li .dots { width: 15px; height: 4px; background: #aec6cb; display: block; } .bargains-list.slick-initialized .slick-dots li.slick-active .dots { background: #2f80ed; } .bargains-list.slick-initialized .slick-arrow { width: 58px; height: 58px; margin: auto 0; border: 1px solid #00c2d3; border-radius: 50%; display: block !important; position: absolute; top: 0; bottom: 0; cursor: pointer; } .bargains-list.slick-initialized .slick-arrow:before { display: block; content: ''; overflow: hidden; width: 28px; height: 14px; margin: auto auto; background: url('/assets/img/icons/arrow.png') no-repeat center center; background-size: contain; position: absolute; right: 0; left: 0; top: 0; bottom: 0; } .bargains-list.slick-initialized .slick-arrow.slick-prev { left: 0; } .bargains-list.slick-initialized .slick-arrow.slick-prev:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .bargains-list.slick-initialized .slick-arrow.slick-next { right: 0; } /* ========================================================================== CATALOG ========================================================================== */ .catalog { max-width: 940px; margin: -10px -10px 10px; } .fullpage .catalog { margin: 0 -10px 0 0; } .catalog:after { display: table; content: ''; clear: both; } .catalog .item { max-width: 470px; padding: 5px; margin: auto; position: relative; } .fullpage .catalog .item + .item { margin-top: -5px; } .catalog .item-help .block:before { background: none; transition: none; } .catalog .item-help .help-content { position: absolute; top: 0px; left: 0; right: 0; bottom: 0px; z-index: 20; text-align: center; } .catalog .item-help h3 { font-size: 18px; font-weight: 600; color: #fff; margin: 45px 0 30px 0; } .catalog .item-help .button { font-size: 12px; font-weight: 700; border: 0; border-radius: 0; background: #fff; color: #494949; text-transform: uppercase; padding: 0 10px; line-height: 30px; height: 30px; } .catalog .item-help .button:hover, .catalog .item-help .button:focus, .catalog .item-help .button:focus { box-shadow: 0 0 3px #fff; } .catalog .space { position: relative; display: block; overflow: hidden; z-index: 1; background: #f5f5f5; box-shadow: none; transition: box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .fullpage .catalog .space { background: #fff; } .catalog .block { position: relative; overflow: hidden; } .catalog .block .photo { width: 100%; height: 52.6vw; min-height: 150px; max-height: 300px; padding: 0; margin: 0; display: block; position: relative; z-index: 1; background-size: cover; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .catalog .block .photo .img { width: 100%; height: auto; min-height: 150px; display: block; } .catalog .block:before { display: block; content: ''; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 5; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .catalog .block .text { padding: 7px 10px; position: absolute; right: 0; bottom: 0; left: 0; z-index: 10; font-size: 12px; line-height: 16px; color: #fff; } .catalog .block .text p { margin: 0; } .catalog .block .text .price { font-size: 24px; line-height: 34px; font-weight: 600; letter-spacing: .015em; } .catalog .block .badge { height: 16px; padding: 2px 6px; display: block; position: absolute; top: 11px; left: 11px; z-index: 12; font-size: 11px; line-height: 12px; letter-spacing: .04em; color: #fff; text-align: center; background: #129af8; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-radius: 3px; } .catalog .block .badge.orange { background: #ff0300; } .catalog .block .badge.green { background: #28cd06; } .catalog .block .badge.blue { background: #129af8; } .catalog .block .badge.purple { background: #c445d7; } .catalog .block .badge.yellow { background: #ffdc5e; color: #000; } .catalog .list { padding: 0; margin: 0; list-style: none; overflow: hidden; } .catalog .list li { padding: 0 8px; float: left; position: relative; } .catalog .list li:before { display: block; content: ''; overflow: hidden; width: 1px; height: 12px; margin: auto 0; background: #fff; position: absolute; right: 0; bottom: 0; top: 0; } .catalog .list li:first-child { padding-left: 0; } .catalog .list li:last-child { padding-right: 0; } .catalog .list li:last-child:before { display: none; } .catalog .more { padding: 6px 12px; border: 1px solid #fff; border-radius: 2px; text-transform: uppercase; font-weight: bold; position: absolute; right: 10px; bottom: 10px; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; letter-spacing: .01em; } .catalog .like { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 51.88284518828452%; border-radius: 50%; display: block; position: absolute; top: 19px; right: 18px; z-index: 5; opacity: .75; background-color: rgba(255, 255, 255, 0.75); -webkit-transform: scale(1.25); -ms-transform: scale(1.25); transform: scale(1.25); } .catalog .like:hover, .catalog .like.active, .catalog .like:focus { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 60.2510460251046%; opacity: 1; background-color: #ffffff; } .catalog .head { width: 100%; max-width: 1180px; margin: 0 auto 6px; position: relative; text-align: center; } .catalog .head:after { display: table; content: ''; clear: both; } .catalog .head .heading { margin: 0 0 5px; font-size: 36px; line-height: 36px; text-align: center; } .catalog .head .location { margin: 0; font-size: 12px; line-height: 16px; text-align: center; } .catalog .head .edit-location { padding-right: 25px; margin-top: 5px; display: inline-block; color: #303030; position: relative; font-size: 12px; line-height: 22px; letter-spacing: .015em; } .catalog .head .edit-location:after { display: block; content: ''; overflow: hidden; width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 26.778242677824267%; margin: auto; position: absolute; top: -2px; right: 1px; bottom: 0; } .catalog .head .edit-location:hover, .catalog .head .edit-location:focus { color: #4ac026; } /* ========================================================================== PAGER ========================================================================== */ .pager { padding: 12px 26px; margin: 0 auto; } .pager .list { margin: 0 auto; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; list-style: none; font-size: 12px; line-height: 12px; } .pager .list .item { margin: 0 5px; } .pager .list .item a { width: 28px; height: 28px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #626262; background-color: #f6f6f6; border: 1px solid #fff; border-radius: 2px; text-decoration: none; font-weight: bold; } .pager .list .item a:hover, .pager .list .item a:focus { color: #000; background-color: #dddfe2; } .pager .list .item.prev a { background-color: #fff; } .pager .list .item.prev a:before { display: block; content: ''; overflow: hidden; width: 6.938px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 96.32856798826542% 45.148790322580645%; width: 8px; height: 11px; } .pager .list .item.next a { background-color: #fff; } .pager .list .item.next a:before { display: block; content: ''; overflow: hidden; width: 6.66px; height: 10.88px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 98.75993292994096% 45.12695469933903%; width: 8px; height: 11px; } .pager .list .item.active a { color: #000; background-color: #dddfe2; } /* ========================================================================== MAP ========================================================================== */ .map { width: 100%; height: 100%; padding-top: 36px; left: -9999px; position: absolute; display: block; z-index: 1; background: #999; } .map.active { left: 0; position: relative; } .map .gm-style-pbc ~ * div[style]:not(.gm-style-iw):not(.gmap-tooltip-photo) { height: auto !important; border-color: transparent !important; background-color: transparent !important; box-shadow: none !important; } .map .gm-style .gm-style-iw { width: 200px !important; padding: 0 !important; margin: 40px auto 0 !important; display: block !important; top: 0 !important; left: 0 !important; right: 0 !important; overflow: visible !important; } .map .gm-style .gm-style-iw > div, .map .gm-style .gm-style-iw > div > div { overflow: visible !important; } .map .gm-style .gm-style-iw + div[style]:not(.gm-style-iw):not(.gmap-tooltip-photo) { width: 20px !important; height: 20px !important; border-radius: 50%; margin-right: -110px !important; top: 30px !important; right: 50% !important; background: #fff !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; opacity: 1 !important; } .map .gm-style .gm-style-iw + div[style]:not(.gm-style-iw):not(.gmap-tooltip-photo) img { display: none !important; } .map .gm-style .gm-style-iw + div[style]:not(.gm-style-iw):not(.gmap-tooltip-photo):before, .map .gm-style .gm-style-iw + div[style]:not(.gm-style-iw):not(.gmap-tooltip-photo):after { display: block; content: ''; width: 12px; height: 1px; border-radius: 1px; margin: auto; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #303030; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .map .gm-style .gm-style-iw + div[style]:not(.gm-style-iw):not(.gmap-tooltip-photo):before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .map .gm-style .gm-style-iw + div[style]:not(.gm-style-iw):not(.gmap-tooltip-photo):after { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .map .gmap { width: 100%; height: 100%; padding: 0; margin: 0; left: 0; position: relative; z-index: 1; } .map .gmap .gmap-tooltip { width: 200px; padding: 10px 15px; border-radius: 3px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5) !important; margin: 0; font-size: 14px; line-height: 20px; font-weight: normal; color: #666; overflow: hidden; position: relative; z-index: 500; background: #fff !important; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } .map .gmap .gmap-tooltip .gmap-tooltip-photo { height: 135px; border-radius: 3px 3px 0 0; margin: -10px -15px 10px; position: relative; z-index: 1; display: block; background-size: cover; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .map .gmap .gmap-tooltip .gmap-tooltip-photo:before { display: block; content: ''; overflow: hidden; position: absolute; top: 50%; right: 0; bottom: 0; left: 0; z-index: 5; background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0) 100%); } .map .gmap .gmap-tooltip .gmap-tooltip-price { margin: -44px 0 20px; font-size: 18px; line-height: 24px; font-weight: 900; color: #fff; position: relative; z-index: 5; } .map .gmap .gmap-tooltip .gmap-tooltip-specs { margin: 0; } .map .gmap .gmap-tooltip .gmap-tooltip-specs mark { display: block; font-weight: bold; color: #303030; background: none; } .map .gmap .map-label { color: #fff; padding: 11px 20px 12px 20px; text-align: center; font-family: 'Lato', sans-serif; font-weight: 900; font-size: 17px; line-height: 17px; cursor: pointer; } .map .gmap .map-label:before { display: block; content: ''; overflow: hidden; position: absolute; top: 2px; left: 5px; right: 5px; bottom: 2px; border: 5px solid #fff; border-radius: 10px; z-index: -1; box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.3); -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg); transform: skew(-15deg); } .map .gmap .map-label.orange:before { background: #ff0300 !important; } .map .gmap .map-label.green:before { background: #28cd06 !important; } .map .gmap .map-label.blue:before { background: #03dbee !important; } .map .gmap .map-label.purple:before { background: #c53cd9 !important; } .map .gmap .map-label.yellow:before { background: #d5a443 !important; } .map .map-button { height: 22px; margin: 0; padding-left: 28px; padding-right: 10px; display: none; font-size: 13px; line-height: 22px; position: absolute; z-index: 2; white-space: nowrap; color: #445865; border-radius: 2px; background-color: #fff; text-transform: lowercase; font-weight: 600; font-family: 'Myriad Pro', sans-serif; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.5); } .map .map-button:after { display: block; content: ''; overflow: hidden; background-size: contain; position: absolute; top: 5px; left: 8px; } .map .map-button.toggle-list { top: 65px; right: 70px; } .map .map-button.toggle-list:after { width: 14px; height: 13px; background: url('/assets/img/icons/map.png') center center no-repeat; } .map .map-button.toggle-satellite { bottom: 10px; right: 60px; } .map .map-button.toggle-satellite:after { top: 4px; width: 14px; height: 14px; background: url('/assets/img/icons/satellite.png') center center no-repeat; } .map-listings { position: absolute; top: 60px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); left: 50%; padding-left: 8px; padding-right: 8px; z-index: 2; height: 18px; line-height: 18px; color: #fff; font-size: 12px; font-weight: 600; background-color: rgba(84, 84, 84, 0.6); border-radius: 2px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.6); display: none; } .map-listings:hover, .map-listings:focus { color: #fff; } /* ========================================================================== MAP - format Google Map buttons ========================================================================== */ .map button[aria-label="Show street map"], .map button[aria-label="Show street map with terrain"], .map button[aria-label="Show satellite imagery"] { margin-top: 52px !important; } .map button[aria-label="Toggle fullscreen view"] { margin-top: 62px !important; } .map button[aria-label="Keyboard shortcuts"] { top: -12px !important; } .map div[aria-label="Keyboard shortcuts"] { top: -12px !important; } .map div[dir="ltr"]:has(button[aria-label="Exit the Street View"]) { left: 10px !important; top: 52px !important; } .map div[dir="ltr"]:has(div[class="gm-iv-address"]) { left: 37px !important; top: 52px !important; } .gm-compass-turn { cursor: pointer !important; background-color: transparent !important; border: 0 none !important; height: 48px !important; left: 0 !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: 0 !important; width: 14px !important; z-index: 1 !important; } .gm-compass-turn-opposite { -ms-transform: scaleX(-1) !important; -ms-transform-origin: 24px 0 !important; -moz-transform: scaleX(-1) !important; -moz-transform-origin: 24px 0 !important; -webkit-transform: scaleX(-1) !important; -webkit-transform-origin: 24px 0 !important; transform: scaleX(-1) !important; transform-origin: 24px 0 !important; } .gm-compass:hover .gm-compass-tooltip-text, .gm-compass:hover .gm-compass-arrow-right { opacity: 1 !important; -webkit-transition-delay: 1.5s !important; transition-delay: 1.5s !important; } .gm-compass-tooltip-text { opacity: 0 !important; background-color: #222 !important; width: 112px !important; height: 23px !important; line-height: 23px !important; right: 58px !important; top: 7px !important; position: absolute !important; border: 1px solid #ccc !important; text-align: center !important; color: #ccc !important; font-family: Roboto, Arial !important; font-size: 12px !important; font-weight: bold !important; } .gm-compass-arrow-right { opacity: 0 !important; width: 0 !important; height: 0 !important; border-top: 7px solid transparent !important; border-bottom: 7px solid transparent !important; top: 16px !important; position: absolute !important; } .gm-compass-arrow-right-outer { right: 52px !important; border-left: 7px solid #ccc !important; } .gm-compass-arrow-right-inner { right: 53px !important; border-left: 7px solid #222 !important; } .gm-style .gm-compass-icon { background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/sv9.png) !important; -webkit-background-size: 164px 175px !important; background-size: 164px 175px !important; } @media (-webkit-min-device-pixel-ratio:1.2), (-webkit-min-device-pixel-ratio:1.2083333333333333), (min-resolution:1.2dppx), (min-resolution:116dpi) { .gm-style .gm-compass-icon { background-image: url(https://maps.gstatic.com/mapfiles/api-3/images/sv9_hdpi.png) !important; } .gm-style.gm-china .gm-compass-icon { background-image: url(http://maps.gstatic.cn/mapfiles/api-3/images/sv9_hdpi.png) !important; } } .gm-compass-background { height: 48px !important; width: 48px !important; overflow: hidden !important; position: absolute !important; } .gm-compass { position: relative !important; width: 48px !important; height: 48px !important; } .gm-compass-needle { cursor: pointer !important; background-color: transparent !important; border: 0 none !important; height: 48px !important; left: 14px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; top: 0 !important; width: 20px !important; } .gm-control-active.gm-compass-needle { -webkit-transform: var(--gm-compass-control-rotation-degree, 0) !important; -ms-transform: var(--gm-compass-control-rotation-degree, 0) !important; transform: var(--gm-compass-control-rotation-degree, 0) !important; } .gm-iv-close { -webkit-box-align:center !important; -webkit-align-items:center !important; align-items:center !important; background:transparent !important; border:none !important; cursor:pointer !important; display:-webkit-box !important; display:-webkit-flex !important; display:flex !important; height:27px !important; -webkit-box-pack:center !important; -webkit-justify-content:center !important; justify-content:center !important; margin:0 !important; outline-offset:-2px !important; padding:0 !important; width:27px !important; } .gm-iv-close:focus > .gm-iv-back, .gm-iv-close:hover > .gm-iv-back { background-position-x:-39px !important; } .gm-iv-close > .gm-iv-back.gm-iv-back-rtl { background-position-x:-137px !important; } .gm-iv-close:focus > .gm-iv-back.gm-iv-back-rtl, .gm-iv-close:hover > .gm-iv-back.gm-iv-back-rtl { background-position-x:-100px !important; } /* ========================================================================== LOCATION ========================================================================== */ .location { margin: 10px -10px 10px -10px; display: none; } .popup-details .location.right { margin: 10px -10px 10px -10px; width: auto; max-width: 500px; } .location .pic .title { display: none !important; } .location .pic { margin: 0; display: block; position: relative; } .location .pic .image { width: 100%; height: auto; border: 1px solid #ccc; border-radius: 2px; overflow: hidden; display: block; position: relative; z-index: 1; } .location .pic .title { padding: 9px 12px; margin: 0; display: block; font: bold 24px/30px 'Lato', sans-serif; color: #fff; letter-spacing: 0; position: absolute; right: 0; bottom: 0; left: 0; z-index: 2; background: rgba(0, 0, 0, 0.5); } /* ========================================================================== PARAMETERS ========================================================================== */ .parameters .price-tag { margin: 0 0 25px; display: block; overflow: hidden; } .parameters .price-tag .badge { padding: 4px 12px; border-radius: 3px; margin-top: 7px; display: block; float: left; font: 14px/18px 'Lato', sans-serif; color: #fff; letter-spacing: .015em; background: #03dbee; cursor: default; } .parameters .price-tag .price { margin: 0; display: block; float: right; font: 900 30px/36px 'Lato', sans-serif; color: #03dbee; } .parameters .list { width: 100%; padding: 0; margin: 0 0 20px; list-style: none; overflow: hidden; clear: both; font: 18px/24px 'Lato', sans-serif; color: #999; white-space: nowrap; } .parameters .list li { width: 25%; padding: 0 8px 0 2px; float: left; } .parameters .list var { display: block; font-style: normal; font-size: 21px; line-height: 26px; font-weight: bold; color: #333; } /* ========================================================================== FORM REQUEST ========================================================================== */ .form-request { padding: 6px 8px 12px; border: 1px solid #e5e5e5; border-top: 4px solid #03dbee; margin-bottom: 20px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .form-request:after { display: table; content: ''; clear: both; } .form-request .title { margin: 0 0 15px; display: block; font: bold 20px/24px 'Lato', sans-serif; color: #03dbee; white-space: nowrap; cursor: default; } .wide.form-request .title { line-height: 22px; } .form-request .title .hidden { display: none; } .form-request .subheading { margin: 0 0 12px; font-size: 14px; line-height: 18px; color: #303030; position: relative; top: -4px; } .form-request .cols { margin-bottom: 14px; } .form-request .cols .photo { width: 100%; height: 250px; border-radius: 3px; margin-bottom: 14px; overflow: hidden; background-size: cover; } .form-request textarea { height: 73px; } .form-request .form-group-financial { margin-bottom: 8px; text-align: center; } .form-request .form-group-financial .checkbox { display: inline-block; } .form-request .form-group-financial .financial-select { margin-top: 6px; } .form-request .terms { margin: 10px 0; font-size: 14px; line-height: 17px; text-align: center; color: #999; } .wide.form-request .terms br { display: none; } .form-request .terms + hr { width: 100%; border: none; border-top: 1px solid #000; margin: 0; display: block; opacity: .25; background: none; } .form-request .want { margin: 10px 0 0; font-size: 14px; line-height: 17px; text-align: center; color: #303030; } .form-request .listed { margin: 9px 0 0; font-size: 15px; line-height: 19px; text-align: center; color: #999; } .form-request .listed mark { font-size: 14px; font-weight: bold; color: inherit; display: block; background: none; } .form-request .listed mark + br { display: none; } .form-request .listed a[href^='tel:'] { cursor: text; color: #999; } .form-request .listed a[href^='tel:']:hover, .form-request .listed a[href^='tel:']:focus { color: #999; } /* ========================================================================== SLIDESHOW ========================================================================== */ .slideshow { width: 100%; position: relative; } .slideshow .slideshow-image { width: 100%; overflow: hidden; background: #303030; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slideshow .slideshow-image .item { width: 100%; height: 65vw; float: left; background-repeat: no-repeat; background-size: cover; } .slideshow .slideshow-image .item:not(.slick-slide):nth-child(n+2) { display: none; } .slideshow .slideshow-image .slick-list { z-index: 1; } .slideshow .slideshow-image .slick-arrow { width: 30px; height: 30px; border-radius: 15px; margin: auto; display: block; position: absolute; top: 0; bottom: 0; z-index: 10; background: rgba(0, 0, 0, 0.5); transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); opacity: .5; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slideshow .slideshow-image .slick-arrow:before, .slideshow .slideshow-image .slick-arrow:after { display: block; content: ''; overflow: hidden; width: 2px; height: 13px; border-radius: 1px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slideshow .slideshow-image .slick-arrow:hover, .slideshow .slideshow-image .slick-arrow:focus { opacity: 1; } .slideshow .slideshow-image .slick-arrow.slick-disabled { cursor: default; background: #999; } .slideshow .slideshow-image .slick-arrow.slick-disabled:before, .slideshow .slideshow-image .slick-arrow.slick-disabled:after { background: #ccc; } .slideshow .slideshow-image .slick-arrow.slick-arrow-prev { left: 10px; } .slideshow .slideshow-image .slick-arrow.slick-arrow-prev:before { top: -8px; left: -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slideshow .slideshow-image .slick-arrow.slick-arrow-prev:after { top: 8px; left: -2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slideshow .slideshow-image .slick-arrow.slick-arrow-next { right: 10px; } .slideshow .slideshow-image .slick-arrow.slick-arrow-next:before { top: -8px; right: -2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slideshow .slideshow-image .slick-arrow.slick-arrow-next:after { top: 8px; right: -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slideshow .custom-paging { margin: 0; padding: 3px 4px; background: rgba(0, 0, 0, 0.3); border-radius: 2px; font: 12px/14px 'Lato', sans-serif; letter-spacing: .03em; position: absolute; top: 11px; left: 9px; z-index: 10; } .slideshow .custom-paging li { display: none; color: #fff; } .slideshow .custom-paging li.slick-active { display: block; } .slideshow .slideshow-nav-space { width: 102px; height: 72px; border: 1px solid #fff; overflow: hidden; display: none; position: absolute; bottom: 7px; right: 10px; z-index: 50; } .slideshow .slideshow-nav { width: 202px; height: 70px; padding: 0; margin: 0 0 0 -102px; list-style: none; position: relative; overflow: hidden; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slideshow .slideshow-nav.slick-initialized { overflow: visible; } .slideshow .slideshow-nav .item { width: 100px; height: 70px; float: left; position: relative; background-repeat: no-repeat; background-size: cover; background-color: #303030; cursor: pointer; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .slideshow .slideshow-nav .item:before { content: ''; overflow: hidden; font: 12px/14px 'Lato', sans-serif; color: #fff; text-align: center; display: block; content: 'Next Photo'; position: absolute; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); } .slideshow .slideshow-nav .item:hover, .slideshow .slideshow-nav .item.slick-current, .slideshow .slideshow-nav .item:focus { opacity: .9; } .slideshow .slideshow-nav .slick-list { z-index: 1; } .slideshow .slideshow-nav .slick-list:before { display: block; content: ''; overflow: hidden; width: 26px; position: absolute; top: 0; right: 0; bottom: 0; z-index: 10; opacity: .75; background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff); } .slideshow .slideshow-nav .slick-arrow { width: 34px; height: 94px; border: 2px solid #fff; display: block; position: absolute; top: 0; z-index: 10; background: #303030; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); cursor: pointer; } .slideshow .slideshow-nav .slick-arrow:before, .slideshow .slideshow-nav .slick-arrow:after { display: block; content: ''; overflow: hidden; width: 3px; height: 20px; border-radius: 2px; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #999; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .slideshow .slideshow-nav .slick-arrow:hover, .slideshow .slideshow-nav .slick-arrow:focus { background: #999; } .slideshow .slideshow-nav .slick-arrow:hover:before, .slideshow .slideshow-nav .slick-arrow:hover:after, .slideshow .slideshow-nav .slick-arrow:focus:before, .slideshow .slideshow-nav .slick-arrow:focus:after { background: #ccc; } .slideshow .slideshow-nav .slick-arrow.slick-disabled { cursor: default; background: #999; } .slideshow .slideshow-nav .slick-arrow.slick-disabled:before, .slideshow .slideshow-nav .slick-arrow.slick-disabled:after { background: #ccc; } .slideshow .slideshow-nav .slick-arrow.slick-arrow-prev { left: 0; } .slideshow .slideshow-nav .slick-arrow.slick-arrow-prev:before { top: -12px; left: -1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .slideshow .slideshow-nav .slick-arrow.slick-arrow-prev:after { top: 12px; left: -1px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slideshow .slideshow-nav .slick-arrow.slick-arrow-next { right: 0; } .slideshow .slideshow-nav .slick-arrow.slick-arrow-next:before { top: -12px; right: -2px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .slideshow .slideshow-nav .slick-arrow.slick-arrow-next:after { top: 12px; right: -2px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Magnific Popup CSS */ .slideshow-zoom { /* Main image in popup */ /* The shadow behind the image */ } .slideshow-zoom.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .slideshow-zoom.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .slideshow-zoom .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .slideshow-zoom .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .slideshow-zoom .mfp-align-top .mfp-container:before { display: none; } .slideshow-zoom .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .slideshow-zoom .mfp-inline-holder .mfp-content, .slideshow-zoom .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .slideshow-zoom .mfp-ajax-cur { cursor: progress; } .slideshow-zoom .mfp-zoom-out-cur, .slideshow-zoom .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer !important; } .slideshow-zoom .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: zoom-in; } .slideshow-zoom .mfp-auto-cursor .mfp-content { cursor: auto; } .slideshow-zoom .mfp-close, .slideshow-zoom .mfp-arrow, .slideshow-zoom .mfp-preloader, .slideshow-zoom .mfp-counter { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slideshow-zoom .mfp-loading.mfp-figure { display: none; } .slideshow-zoom .mfp-hide { display: none !important; } .slideshow-zoom .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .slideshow-zoom .mfp-s-ready .mfp-preloader { display: none; } .slideshow-zoom .mfp-s-error .mfp-content { display: none; } .slideshow-zoom button.mfp-close, .slideshow-zoom button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; } .slideshow-zoom button::-moz-focus-inner { padding: 0; border: 0; } .slideshow-zoom .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .slideshow-zoom .mfp-close-btn-in .mfp-close { color: #333; } .slideshow-zoom .mfp-image-holder .mfp-close, .slideshow-zoom .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .slideshow-zoom .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .slideshow-zoom .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .slideshow-zoom .mfp-arrow:active { margin-top: -54px; } .slideshow-zoom .mfp-arrow:hover, .slideshow-zoom .mfp-arrow:focus, .slideshow-zoom .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .slideshow-zoom .mfp-arrow:before, .slideshow-zoom .mfp-arrow:after, .slideshow-zoom .mfp-arrow .mfp-b, .slideshow-zoom .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .slideshow-zoom .mfp-arrow:after, .slideshow-zoom .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .slideshow-zoom .mfp-arrow:before, .slideshow-zoom .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .slideshow-zoom .mfp-arrow-left { left: 0; } .slideshow-zoom .mfp-arrow-left:after, .slideshow-zoom .mfp-arrow-left .mfp-a { border-right: 17px solid #FFF; margin-left: 31px; } .slideshow-zoom .mfp-arrow-left:before, .slideshow-zoom .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3F3F3F; } .slideshow-zoom .mfp-arrow-right { right: 0; } .slideshow-zoom .mfp-arrow-right:after, .slideshow-zoom .mfp-arrow-right .mfp-a { border-left: 17px solid #FFF; margin-left: 39px; } .slideshow-zoom .mfp-arrow-right:before, .slideshow-zoom .mfp-arrow-right .mfp-b { border-left: 27px solid #3F3F3F; } .slideshow-zoom .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .slideshow-zoom .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .slideshow-zoom .mfp-iframe-holder .mfp-close { top: -40px; } .slideshow-zoom .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .slideshow-zoom .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } .slideshow-zoom img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .slideshow-zoom .mfp-figure { line-height: 0; } .slideshow-zoom .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .slideshow-zoom .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .slideshow-zoom .mfp-figure figure { margin: 0; } .slideshow-zoom .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .slideshow-zoom .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-left: 70px; padding-right: 36px; font-weight: 600; font-size: 14px; margin-top: 3px; } .slideshow-zoom .mfp-title:before { display: block; content: ''; overflow: hidden; float: left; background: url('/assets/img/logo-xs.png') center center no-repeat; width: 57px; height: 18px; margin-left: -70px; margin-right: 15px; } .slideshow-zoom .mfp-image-holder .mfp-content { max-width: 100%; } .slideshow-zoom .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .slideshow-zoom .mfp-close { height: 30px; } .slideshow-zoom .mfp-close:before, .slideshow-zoom .mfp-close:after { height: 3px; background: #fff; } .slideshow-zoom .mfp-ie7 .mfp-img { padding: 0; } .slideshow-zoom .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .slideshow-zoom .mfp-ie7 .mfp-container { padding: 0; } .slideshow-zoom .mfp-ie7 .mfp-content { padding-top: 44px; } .slideshow-zoom .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover, .mfp-preloader a:focus { color: #FFF; } .mfp-close:hover, .mfp-close:focus, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .slideshow-zoom-btn { display: block; width: 60px; height: 60px; background: url(/assets/img/fullscreen.png) no-repeat; opacity: 0.6; position: absolute; bottom: 10px; right: 130px; z-index: 1000; } .slideshow-zoom-btn:hover, .slideshow-zoom-btn:focus { opacity: 1; } /* ========================================================================== DESCRIPTION ========================================================================== */ .description { width: 100%; margin-bottom: 20px; } .popup-details .description.left { margin-top: 0; } .description .listed { padding: 5px 0 0; margin: 0; display: block; cursor: default; font: 13px/18px 'Lato', sans-serif; color: #333; } .description .listed a { color: #333; text-decoration: none; cursor: default; white-space: nowrap; } .description .badges { margin: 0; overflow: hidden; } .description .badges .badge { padding: 4px 10px; border-radius: 3px; margin-right: 5px; margin-bottom: 4px; display: block; float: left; font: 14px/18px 'Lato', sans-serif; color: #fff; letter-spacing: .02em; background: #03dbee; cursor: default; } .description .badges .badge:last-child { margin-right: 0; } .description .badges .badge.green { background: #1fd241; } .description .badges .badge.purple { background: #e26eff; } .description .badges .badge.blue { background: #1fd2cc; } /* ========================================================================== TABS ========================================================================== */ .tab { padding: 15px; border: 1px solid #ccc; border-radius: 0 2px 2px 2px; margin-bottom: 20px; position: relative; z-index: 1; display: none; } .tab:after { display: table; content: ''; clear: both; } .tab * { margin-top: 0; } .tab *:last-child { margin-bottom: 0; } .tab .half { max-width: 590px; padding: 0; margin: 0; overflow: hidden; list-style: none; } .tab .half:after { display: table; content: ''; clear: both; } .tab .half li { padding: 0 0 0 20px; margin-bottom: 4px; position: relative; } .tab .half li:before { display: block; content: ''; overflow: hidden; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 9px; left: 10px; background: #999; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .tab .half li:nth-last-child(-n + 2) { margin-bottom: 0; } .tab-active { display: block; } .tabs { width: 100%; padding: 0; margin: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; list-style: none; overflow: hidden; position: relative; z-index: 5; font-size: 14px; line-height: 16px; font-weight: bold; } .tabs ~ .tab { margin-top: -1px; } .tabs li { min-width: 33.3%; } .tabs li a { height: 100%; padding: 8px 12px; border: 1px solid #ccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; overflow: hidden; color: #303030; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), border-color 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .tabs li:not(:first-child) a { border-left: none; } .tabs li.active a { border-bottom-color: #fff; color: #129af8; } .tabs li:first-child a { border-radius: 2px 0 0 0; } .tabs li:last-child a { border-radius: 0 2px 0 0; } /* ========================================================================== SOCIAL ========================================================================== */ .social { padding: 0; margin: 0 0 20px; list-style: none; cursor: default; } .social:after { display: table; content: ''; clear: both; } .social li { float: left; margin-right: 3px; } .social li:last-child { margin-right: 0; } .social li a { background: url("/assets/svg/sprite.svg") no-repeat; width: 20px; height: 20px; border-radius: 50%; display: block; overflow: hidden; text-indent: -1000px; white-space: nowrap; color: #fff; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .social li a:hover, .social li a:focus { opacity: .85; } .social li a.fb { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 43.51464435146443%; background-color: #38569a; } .social li a.tw { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 18.410041841004183%; background-color: #00abf0; } .social li a.gp { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 85.35564853556485%; background-color: #be3308; } .social li a.li { width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 65.50218340611353%; background-color: #0072a6; } /* ========================================================================== CARD ========================================================================== */ .card { padding: 10px 15px; border: 1px solid #ccc; margin-bottom: 20px; font-size: 16px; line-height: 20px; } .cards { width: 100%; } .cards:after { display: table; content: ''; clear: both; } .card .who { margin: 0 0 16px; font-size: 18px; line-height: 20px; font-weight: inherit; color: inherit; text-transform: none; text-align: left; color: #999; } .card .pic { margin: 0 0 -50px 0; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .card .pic img { width: 50px; height: 50px; border-radius: 50%; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .card .info { padding-left: 59px; margin: 0; letter-spacing: -0.01em; } .card .name { margin: 0 0 1px; display: block; position: relative; top: -4px; font-weight: normal; font-size: 19px; line-height: 22px; } .card .name + br { display: none; } .card a { color: #303030; } .card a:hover, .card a:focus { color: #129af8; } .card a[href^='tel:'] { cursor: text; } .card a[href^='tel:']:hover, .card a[href^='tel:']:focus { color: #303030; } .card a[href^='mailto:'] { width: 100%; font-size: 13px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ========================================================================== ESTIMATED ========================================================================== */ .estimated { width: 270px; margin: 0 auto 20px; position: relative; overflow: hidden; color: #333; font-family: 'Lato', sans-serif; } .estimated:after { display: table; content: ''; clear: both; } .estimated .status { color: #000; font-size: 16px; line-height: 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: 20px; } .estimated .status:after { display: table; content: ''; clear: both; } .estimated .status .pic { width: 100px; margin: 0; } .estimated .status .pic img { width: 64px; height: auto; margin: 0 auto; display: block; position: relative; left: 4px; } .estimated .status p { margin: 0; } .estimated .info { min-height: 56px; padding-right: 65px; padding-bottom: 25px; border-right: 16px solid transparent; background: url('/assets/img/icons/mortage.png') right 4px no-repeat; background-size: 50px 50px; border-bottom: 2px solid #f1f1f1; } .estimated .title { margin: 0; font-size: 16px; line-height: 20px; font-weight: normal; color: #000; font-family: inherit; text-transform: none; } .estimated .price { margin-top: 10px; margin-bottom: 0; display: block; font-size: 24px; line-height: 24px; font-weight: bold; color: #03dbee; } .estimated .button-request { width: 210px; height: 36px; margin: 5px 0 0 15px; display: block; padding-top: 6px; padding-bottom: 6px; background: #f5d000; color: #000; border-radius: 2px; font: 12px/24px 'Lato', sans-serif; letter-spacing: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 0; } .estimated .button-request:hover, .estimated .button-request:focus { background: #dfbd00; } .estimated .links { margin-top: 8px; margin-bottom: 0; font: 16px/20px 'Lato', sans-serif; } .estimated .links a { font-weight: 600; color: #03dbee; } .estimated .links a:after { display: block; content: ''; overflow: hidden; width: 13px; height: 13px; display: inline-block; margin-left: 3px; background: url('/assets/img/icons/go.png'); } /* ========================================================================== RELATED ========================================================================== */ .related { margin-bottom: 20px; position: relative; color: #211d13; font-family: 'Lato', sans-serif; } .related:after { display: table; content: ''; clear: both; } .related .list { margin: 0; font-size: 12px; line-height: 16px; color: #303030; position: relative; z-index: 1; } .related .list .item { margin-bottom: 10px; position: relative; } .related .list .item .link { min-height: 70px; padding: 0 0 0 120px; display: block; position: relative; color: inherit; z-index: 5; } .related .list .item .image { width: 100px; height: 70px; display: block; position: absolute; top: 0; left: 0; background: #303030 no-repeat top center; background-size: cover; } .related .list .item .info { margin: 0; } .related .list .price { margin-bottom: 4px; display: block; font-size: 18px; line-height: 24px; font-weight: 900; color: #333; } /* ========================================================================== RATING ========================================================================== */ .rating { width: 103px; height: 16px; display: block; position: relative; background: url('/assets/svg/rating.svg') no-repeat -105px 0; background-size: auto 16px; } .rating-0 { background-position: -105px 0; } .rating-1 { background-position: -84px 0; } .rating-2 { background-position: -63px 0; } .rating-3 { background-position: -42px 0; } .rating-4 { background-position: -21px 0; } .rating-5 { background-position: 0 0; } .rating-small { width: 70px; height: 12px; background-size: auto 11px; } /* ========================================================================== NEARBY ========================================================================== */ .nearby { padding: 15px 19px; border: 1px solid #ccc; border-radius: 2px; position: relative; color: #999; } .nearby:after { display: table; content: ''; clear: both; } .nearby .title { margin: 0; font-size: 21px; line-height: 28px; letter-spacing: -0.0065em; font-weight: inherit; color: inherit; text-transform: none; position: relative; z-index: 5; } .nearby .edit { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.86055776892431% 0; width: 30px; height: 30px; display: block; position: absolute; top: 21px; right: 21px; z-index: 10; opacity: .5; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .nearby .edit:hover, .nearby .edit:focus { opacity: 1; } .nearby .list { margin: -2px -20px -15px -20px; font-size: 16px; line-height: 24px; color: #303030; position: relative; z-index: 1; } .nearby .list .item { padding: 14px 90px 22px 20px; position: relative; } .nearby .list .item:after { display: block; content: ''; height: 1px; overflow: hidden; position: absolute; right: 0; top: 0; left: 0; background: #ccc; } .nearby .list .item:first-child:after { display: none; } .nearby .list .item .name { width: 100%; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .nearby .list .item .name a { color: #303030; } .nearby .list .item .name a:hover, .nearby .list .item .name a:focus { color: #129af8; } .nearby .list .item .grades { width: 60px; position: absolute; top: 14px; right: 20px; text-align: center; color: #999; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); cursor: default; } .nearby .list .item .grades mark { color: #303030; background: none; transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .nearby .list .item .rating { position: relative; top: 4px; } /* ========================================================================== FEATURES ========================================================================== */ .features { padding: 50px 0 68px; text-align: center; } .features .heading { margin-top: 0; font-size: 22px; line-height: 24px; } .features .text { max-width: 400px; margin-right: auto; margin-left: auto; font-size: 16px; line-height: normal; } .features .list { max-width: 400px; padding: 0; margin: 0 auto; list-style: none; font-size: 16px; line-height: 20px; } .features .list:after { display: table; content: ''; clear: both; } .features .list li { margin-bottom: 20px; } .features .list li:last-of-type { margin-bottom: 0; } .features .list .icon { width: 75px; height: 75px; margin: 0 auto; display: block; } .features .list .title { margin: 0; font-weight: bold; } .features .list p { margin: 0; } /* ========================================================================== PARTNERS ========================================================================== */ .partners { padding: 35px 0; background: url('/assets/img/partners.jpg') center center no-repeat; background-size: cover; position: relative; } .partners:before, .partners:after { display: block; content: ''; overflow: hidden; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 0; } .partners:before { background: #000; opacity: .61; } .partners:after { background: #464747; opacity: .5; } .partners .wrapper { position: relative; z-index: 2; } .partners .heading { margin-top: 0; margin-bottom: 60px; color: #fff; font-size: 30px; line-height: 34px; text-align: center; } .partners .list { padding: 0; margin: 0 -10px; list-style: none; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: wrap row; -ms-flex-flow: wrap row; flex-flow: wrap row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .partners .list li { margin: 0 10px 30px; display: inline-block; vertical-align: middle; } .partners .list li a { display: block; } .partners .list li a:hover, .partners .list li a:focus, .partners .list li a:focus { text-decoration: none; } .partners .list .logo { max-width: 80%; height: auto; } /* ========================================================================== ACCOUNT ========================================================================== */ .account { font-family: 'Lato', sans-serif; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .account-nav { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } .account-nav .panel-account-nav { margin-bottom: 15px; padding: 0; } .account-nav .panel-account-nav .panel-body { padding: 39px 10px; } .account-nav .pic { width: 200px; height: 200px; margin: 0 auto 25px auto; position: relative; } .account-nav .pic img { border-radius: 50%; width: 200px; height: 200px; display: block; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .account-nav .pic .change-avatar { display: block; width: 40px; height: 40px; position: absolute; right: 10px; bottom: 8px; border: 1px solid #ccc; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); } .account-nav .pic .change-avatar:before { display: block; content: ''; overflow: hidden; width: 18px; height: 16px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 25.85551330798479% 96.70781893004116%; margin: auto; position: absolute; top: 10px; left: 10px; cursor: pointer; } .account-nav .title { padding-left: 17px; font-size: 24px; font-weight: 600; font-family: 'Lato', sans-serif; } .account-nav .title .pro { background: url('/assets/img/icons/pro.png') center center no-repeat; margin: 2px 11px 0 0; display: block; float: right; width: 39px; height: 20px; } .account-nav nav .links { margin: 40px -10px 0 -10px; padding: 0; } .account-nav nav .links li { list-style: none; padding: 7px 0; } .account-nav nav .links li a { display: block; font-size: 18px; line-height: 26px; color: #626262; padding: 0px 17px; height: 26px; position: relative; } .account-nav nav .links li a.settings:before { display: block; content: ''; overflow: hidden; width: 16px; height: 16px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.62264150943396% 39.49341563786008%; margin: 0 10px; display: inline-block; } .account-nav nav .links li a.settings:hover:before, .account-nav nav .links li a.settings.active:before, .account-nav nav .links li a.settings:focus:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.62264150943396% 19.740329218106996%; } .account-nav nav .links li a.reports:before { display: block; content: ''; overflow: hidden; width: 17px; height: 15.969px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 32.57575757575758% 96.69548329225489%; margin: 0 10px; display: inline-block; } .account-nav nav .links li a.reports:hover:before, .account-nav nav .links li a.reports.active:before, .account-nav nav .links li a.reports:focus:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 100% 13.167044533413433%; } .account-nav nav .links li a.saved:before { display: block; content: ''; overflow: hidden; width: 17px; height: 15px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 45.45454545454545% 96.31147540983606%; margin: 0 10px; display: inline-block; } .account-nav nav .links li a.saved:hover:before, .account-nav nav .links li a.saved.active:before, .account-nav nav .links li a.saved:focus:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 39.015151515151516% 96.31147540983606%; } .account-nav nav .links li a.searches:before { display: block; content: ''; overflow: hidden; width: 17px; height: 16px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 100% 6.584362139917696%; margin: 0 10px; display: inline-block; } .account-nav nav .links li a.searches:hover:before, .account-nav nav .links li a.searches.active:before, .account-nav nav .links li a.searches:focus:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 100% 0; } .account-nav nav .links li a.logout:before { display: block; content: ''; overflow: hidden; width: 15px; height: 16px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.24812030075188% 32.90905349794239%; margin: 0 10px; display: inline-block; } .account-nav nav .links li a.logout:hover:before, .account-nav nav .links li a.logout.active:before, .account-nav nav .links li a.logout:focus:before { background: url("/assets/svg/sprite.svg") no-repeat; background-position: 99.24812030075188% 26.324691358024694%; } .account-nav nav .links li a:hover, .account-nav nav .links li a.active, .account-nav nav .links li a:focus { color: #03dbee; } .account-nav nav .links li a:hover:after, .account-nav nav .links li a.active:after, .account-nav nav .links li a:focus:after { display: block; content: ''; overflow: hidden; position: absolute; top: -2px; left: -1px; width: 2px; height: 27px; background-color: #03dbee; } .account-nav .pro-suite { border: 1px solid #d9d9d9; border-radius: 2px; background-color: #172935; height: 50px; position: relative; padding: 10px 20px; } .account-nav .pro-suite .logo { float: left; } .account-nav .pro-suite .label { float: left; margin-top: 7px; } .account-nav .pro-suite .icon { float: right; margin: 4px 4px 0 0; } .account-nav .pro-suite .count { position: absolute; top: -10px; right: -15px; width: 30px; height: 30px; border-radius: 50%; font-family: 'Myriad Pro', sans-serif; color: #fff; font-size: 18px; font-weight: 700; text-align: center; line-height: 30px; background: #ff0000; box-shadow: 0px 1px 6px 0px #d0d0d0; } .account-content { width: 100%; } .account-content .panel .panel-body { padding: 25px 0; } .account-content .account-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .account-content .account-form .form-group { width: 100%; min-height: 110px; } .account-content .account-form .form-group .form-label { display: block; font-size: 18px; font-weight: 600; padding: 0 0 15px 3px; } .account-content .account-form .form-group .form-input { font-size: 18px; font-style: italic; height: 52px; } .account-content .account-form .form-group.form-group-submit { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 10px; min-height: auto; } .account-content .account-form .form-group.form-group-submit .submit { float: right; } .account-content .account-form .form-group .submit { border-radius: 4px; background-color: #03dbee; width: 202px; height: 47px; font-size: 18px; font-weight: 600; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15); } .account-content .account-form .form-group .submit:hover, .account-content .account-form .form-group .submit:focus { background-color: #00c2d3; } .account-content .account-form-col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .account-content .account-form-col .form-group { width: 100%; } .account-content .account-form-col .form-group.form-group-submit > .submit { float: none; } .account-content .icon-settings { background: url('/assets/img/icons/settings.png') center center no-repeat; display: block; float: right; width: 18px; height: 18px; margin-top: 3px; } .account-content .icon-lock { background: url('/assets/img/icons/lock.png') center center no-repeat; display: block; float: right; width: 17px; height: 21px; } .account-content .icon-heart { background: url('/assets/img/icons/heart.png') center center no-repeat; display: block; float: right; width: 15px; height: 14px; margin-top: 5px; } .account-content .icon-search { background: url('/assets/img/icons/search.png') center center no-repeat; display: block; float: right; width: 20px; height: 20px; } /* ========================================================================== Saved Properties ========================================================================== */ .saved-properties-list { list-style: none; margin: 0; padding: 0; } .saved-properties-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border-bottom: 1px solid #eee; padding-top: 20px; } .saved-properties-list li:first-child { padding-top: 0; } .saved-properties-list li:last-child { border-bottom: 0; } .saved-properties-list li figure { margin: 0; width: 122px; } .saved-properties-list li figure img { border-radius: 3px; } .saved-properties-list li .props { padding-top: 10px; } .saved-properties-list li .props a { font-size: 18px; color: #626262; font-weight: 700; } .saved-properties-list li .props address { font-size: 16px; color: #999999; font-style: normal; } .saved-properties-list li .props date { display: block; font-size: 12px; color: #ccc; } .saved-properties-list li .props .price { margin: 11px 0; font-size: 22px; color: #00c2d3; font-weight: bold; } .saved-properties-list li .actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: 10px 0 20px 0; } .saved-properties-list li .actions .view { display: block; color: #00c2d3; width: 90px; font-size: 14px; font-weight: 600; } .saved-properties-list li .actions .view:before { display: block; content: ''; overflow: hidden; width: 19.97px; height: 12px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 50.951997854652724% 76.92307692307692%; float: left; margin: 4px 5px 0 0; } .saved-properties-list li .actions .delete { background: url('/assets/img/icons/close.png') center center no-repeat; display: block; float: right; width: 11px; height: 11px; margin-top: 6px; } /* ========================================================================== My Searches ========================================================================== */ .my-searches-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; } .my-searches-list li { -webkit-box-flex: 0; -webkit-flex: 0 0 162px; -ms-flex: 0 0 162px; flex: 0 0 162px; width: 162px; text-align: center; padding-top: 20px; margin-right: 20px; } .my-searches-list li .address { display: block; font-size: 16px; color: #626262; font-style: normal; font-weight: 700; } .my-searches-list li date { display: block; font-size: 12px; color: #ccc; } .my-searches-list li figure { margin: 0 0 5px 0; width: 162px; } .my-searches-list li figure img { border-radius: 2px; } /* ========================================================================== VALUES ========================================================================== */ .values { min-height: 100vh; margin: -44px -20px 0; padding: 60px 20px 20px; background: url('/assets/img/values/bg.jpg') center center no-repeat; background-size: cover; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .values.values-mortgage { background: url('/assets/img/values/bg_mortgage.jpg') no-repeat; background-size: cover; } .values.values-3 .step .form-search .legend { margin-bottom: 22px; } .values.values-3 .step .form-search .form-text { font-size: 13px; font-weight: 600; } .values.values-4 { height: auto; } .values:before { display: block; content: ''; overflow: hidden; background: #0d2336; opacity: .7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .values .step { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; z-index: 2; } .values .step .values-type { max-width: 900px; margin: 0 auto; padding: 24px 20px 40px; background-color: rgba(0, 0, 0, 0.3); border-radius: 6px; color: #fff; text-align: center; } .values .step .values-type .title { margin: 0; font-size: 20px; line-height: 26px; font-weight: bold; } .values .step .values-type .links { margin: 20px 0 0 0; padding: 0; list-style: none; } .values .step .values-type .links li { margin: 0 10px; } .values .step .values-type .links li + li { margin-top: 15px; } .values .step .values-type .links li a { min-width: 180px; padding: 5px 10px; border: 2px solid #fff; border-radius: 4px; display: block; color: #fff; font: bold 16px/32px 'Lato', sans-serif; transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .values .step .values-type .links li a:hover, .values .step .values-type .links li a:focus { border-color: #00c2d3; } .values .step .values-type-white { background-color: transparent; padding: 0; } .values .step .values-type-white .links li a { min-width: 140px; color: #303030; background-color: #fff; border: 0; } .values .step .values-type-white .links li a:hover, .values .step .values-type-white .links li a:focus { background-color: #2bd1dc; color: #fff; } .values .step .form-search .form-text { font-weight: normal; } .values .step .form-search .form-text small { font-size: inherit; } .values .step .form-search .form-group-pair { max-width: 720px; margin: 30px auto 0; padding-right: 60px; border-radius: 4px; } .values .step .form-search .form-group-pair .query { border-radius: 4px 0 0 4px; color: #333; } .values .step .form-search .form-group-pair .button { width: 60px; min-width: 0; margin: 0; border-radius: 0 4px 4px 0; position: absolute; right: 0; top: 0; } .values .step .form-search .form-group-pair .button:before { display: block; content: ''; overflow: hidden; width: 12px; height: 12px; margin: auto auto; border-left: 3px solid #fff; border-top: 3px solid #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .values .step .form-search .form-group-select { max-width: 720px; margin: 0 auto; float: none; } .values .step .form-search .form-group-select .selectric { width: 100%; border-radius: 4px; border: none; } .values .step .form-search .form-group-select .selectric-wrapper { width: 100%; } .values .step .form-search .form-group-select .selectric .label { height: 48px; padding: 0; margin-left: 18px; margin-right: 60px; font-size: 15px; line-height: 48px; color: #333; } .values .step .form-search .form-group-select .selectric .button { width: 60px; height: 48px; background: #00c2d3; border-radius: 0 4px 4px 0; } .values .step .form-search .form-group-select .selectric .button:after { display: block; content: ''; overflow: hidden; width: 12px; height: 12px; margin: auto auto; background: transparent; border: none; border-left: 3px solid #fff; border-top: 3px solid #fff; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); -webkit-transform-origin: 50% 40%; -ms-transform-origin: 50% 40%; transform-origin: 50% 40%; } .values .step .form-search .form-group-select .selectric-items { border: none; border-top: 1px solid #999; border-radius: 0 0 4px 4px; } .values .step .form-search .form-group-select .selectric-items li { padding: 15px 18px; color: #333; font-size: 15px; line-height: 18px; } .values .step .form-search .form-group-select .selectric-open .selectric { border-radius: 4px 4px 0 0; } .values .step .form-search .form-group-select .selectric-open .selectric .button { border-radius: 0 4px 0 0; } .values .step .form-search .form-group-select .selectric-open.selectric-above .selectric { border-radius: 0 0 4px 4px; } .values .step .form-search .form-group-select .selectric-open.selectric-above .selectric .button { border-radius: 0 0 4px 0; } .values .step .form-search .form-group-select .selectric-open.selectric-above .selectric-items { border-top: none; border-bottom: 1px solid #999; border-radius: 4px 4px 0 0; } .values .step .form-search .form-group-money { position: relative; } .values .step .form-search .form-group-money:before { content: '$'; position: absolute; left: 15px; top: 14px; font-size: 22px; line-height: 30px; color: #333; background: none; width: 20px; } .values .step .form-search .form-group-money .query { padding-left: 40px; } .values .step .form-search .form-group-percent { position: relative; } .values .step .form-search .form-group-percent:before { content: '%'; position: absolute; left: 15px; top: 14px; font-size: 22px; line-height: 30px; color: #333; background: none; width: 20px; } .values .step .form-search .form-group-percent .query { padding-left: 44px; } .values .step .form-report { max-width: 375px; margin: 0 auto; background: #fff; border-radius: 4px; } .values .step .form-report .legend { margin-top: 0; margin-bottom: 15px; font-size: 18px; line-height: normal; font-weight: 600; color: #333; } .values .step .form-report .adr { margin-bottom: 15px; font-size: 14px; } .values .step .form-report .adr .h { margin: 0 0 8px 0; font-size: 18px; line-height: 22px; font-weight: 600; } .values .step .form-report .adr-line { margin: 0; padding-right: 60px; position: relative; } .values .step .form-report .adr-line .edit { font-size: 12px; color: #545454; position: absolute; top: 0; right: 0; } .values .step .form-report .adr-line .edit:before { content: ''; overflow: hidden; width: 20px; height: 15px; display: block; float: left; background: url('/assets/img/icons/pencil.png') no-repeat; background-size: 15px 15px; } .values .step .form-report .thumb { width: 100%; margin-bottom: 28px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .values .step .form-report .thumb img { width: 100%; height: auto; margin: 0 auto; display: block; } .values .step .form-report .form-col { padding: 15px; } .values .step .form-report .form-col:first-of-type { border-radius: 4px 0 0 4px; background-color: #f5f5f5; } .values .step .form-report .form-group { margin-bottom: 25px; } .values .step .form-report .form-group:last-of-type { margin-bottom: 0; } .values .step .form-report .form-group-valuation { margin-bottom: 0; position: relative; z-index: 1; } .values .step .form-report .form-group-valuation.open { z-index: 1000; } .values .step .form-report .form-group-valuation + .form-group-valuation { margin-top: 16px; } .values .step .form-report .form-group-valuation .h { margin-bottom: 10px; display: block; font-size: 14px; line-height: 22px; color: #333; font-weight: 600; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .values .step .form-report .form-group-valuation .h + .selectric-wrapper { z-index: 1; } .values .step .form-report .form-group-valuation .h .small { display: block; font-size: 10px; line-height: 10px; font-weight: normal; color: #999; } .values .step .form-report .form-group-valuation .selectric { border-radius: 4px; border: none; box-shadow: 0 1px 3px 0 rgba(58, 58, 57, 0.32); } .values .step .form-report .form-group-valuation .selectric .label { height: 50px; padding-top: 0; padding-bottom: 0; margin-right: 52px; line-height: 50px; } .values .step .form-report .form-group-valuation .selectric .button { width: 46px; height: 50px; } .values .step .form-report .form-group-valuation .selectric .button:after { width: 6px; height: 6px; border-width: 2px; border-color: #777; bottom: 0; -webkit-transform-origin: 40% center; -ms-transform-origin: 40% center; transform-origin: 40% center; } .values .step .form-report .form-group-valuation .selectric-items { border-color: #e5e5e5; } .values .step .form-report .form-group-valuation .selectric-open .selectric { border-radius: 4px 4px 0 0; box-shadow: 0 0 1px 0 rgba(58, 58, 57, 0.32); } .values .step .form-report .form-group-valuation .selectric-open.selectric-above .selectric { border-radius: 0 0 4px 4px; } .values .step .form-report .form-label { margin: 0 0 2px; display: block; font-size: 14px; line-height: 22px; text-transform: uppercase; font-weight: 600; } .values .step .form-report .form-submit .submit { height: 60px; margin-top: 15px; padding-top: 18px; padding-bottom: 18px; font-size: 18px; line-height: 24px; font-weight: 600; text-transform: uppercase; } .values .step .form-report input[type=text], .values .step .form-report input[type=password], .values .step .form-report input[type=email], .values .step .form-report input[type=search], .values .step .form-report input[type=url], .values .step .form-report input[type=tel], .values .step .form-report input[type=number], .values .step .form-report input[type=color], .values .step .form-report textarea { height: 30px; padding: 0 0 6px 0; background: transparent; border-color: transparent; border-bottom-color: #ccc; font: 13px/22px 'Open Sans', sans-serif; } .values .step .form-report input[type=text]:focus, .values .step .form-report input[type=password]:focus, .values .step .form-report input[type=email]:focus, .values .step .form-report input[type=search]:focus, .values .step .form-report input[type=url]:focus, .values .step .form-report input[type=tel]:focus, .values .step .form-report input[type=number]:focus, .values .step .form-report input[type=color]:focus, .values .step .form-report textarea:focus { border-bottom-color: #999; } .values .step .form-report .terms { margin: 10px 0 0 0; font-size: 11px; line-height: 17px; } .values .step .form-report .terms .small { display: block; font-size: inherit; line-height: inherit; } .values .person-fields div:nth-child(-n+3) { -webkit-flex-basis: 27%; -ms-flex-preferred-size: 27%; flex-basis: 27%; } .values .person-fields div:nth-child(-n+3) input { width: 100%; max-width: 100%; border-radius: 3px; margin-bottom: 15px; } .values .person-fields div:last-child { -webkit-flex-basis: 19%; -ms-flex-preferred-size: 19%; flex-basis: 19%; } .values .person-fields div:last-child .button { height: 45px; border-radius: 3px; } .values .find-help-final { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .values .find-help-final .client { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; border-radius: 5px; color: #407db5; font-size: 13px; line-height: 16px; } .values .find-help-final .client .text { padding: 10px; } .values .find-help-final .client .text p:first-child { margin-top: 0; } .values .find-help-final .client .text p:last-child { margin-bottom: 0; } .values .find-help-final .client .avatar img { border-radius: 0 5px 5px 0; } .values .find-help-final .client .avatar-realpin { background-color: #2b2b2b; border-radius: 0 5px 5px 0; padding: 50px 30px 0 30px; } .values .find-help-final .client:after { content: ' '; position: absolute; width: 0; height: 0; left: 40px; right: auto; top: -25px; bottom: auto; border: 14px solid; border-color: transparent transparent #fff #fff; } .values .find-help-final .location-final { padding: 10px 30px; text-align: center; font-size: 20px; line-height: 24px; font-weight: 600; color: #fff; } .values .find-help-final .location-final p { margin: 0; padding: 0; } .values .find-help-final .location-final .button.submit { margin-top: 20px; width: auto; display: inline-block; } /* ========================================================================== LOGIN ========================================================================== */ .login { min-height: 100vh; max-width: 480px; padding: 60px 10px; margin: -70px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .login .left { display: none; text-align: center; } .login .left h2 { margin-bottom: 10px; } .login .left h3 { margin-top: 0; } .login .left .logo { opacity: .7; margin-bottom: 10px; } .login .left .brands { margin-top: 10px; } .login .right { width: 100%; display: block; } .login .right h1 { margin-top: 1em; } .login .right h2 { margin-top: 1em; } .login .right .form-group-submit { margin-top: -10px; } .login .right .forgot-link, .login .right .sign-in-link { vertical-align: middle; } .login .right .button { width: 100%; margin-top: 14px; display: block; } .login .right .terms { margin-top: 5px; float: right; } .login .right .terms.blue { color: #129af8; font-weight: bold; } .login:after { display: table; content: ''; clear: both; } /* ========================================================================== 404 ========================================================================== */ .page404 { min-height: 100vh; max-width: 480px; padding: 60px 10px; margin: -70px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; cursor: default; } .page404 h1 { margin: 0; font-size: 110px; line-height: 110px; font-weight: bold; color: #303030; } .page404 h2 { color: #303030; font-size: 25px; } .page404 .button.submit { width: 300px; margin: 0 auto; } .page404:after { display: table; content: ''; clear: both; } .round-buttons { margin: 40px 100px 0 100px; } .round-buttons a { -webkit-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; display: block; text-align: center; color: #fff; font-size: 18px; font-weight: 600; position: relative; margin-bottom: 40px; } .round-buttons a span { display: block; } .round-buttons a img { margin-bottom: 15px; z-index: 2; position: relative; } .round-buttons a:hover:after, .round-buttons a:focus:after { display: block; content: ''; overflow: hidden; position: absolute; top: -1px; left: 50%; margin-left: -64px; z-index: 1; border-radius: 50%; background-color: #2bd1dc; width: 128px; height: 128px; } .round-buttons-sm { margin: 0; } .round-buttons-sm a { -webkit-flex-basis: 33%; -ms-flex-preferred-size: 33%; flex-basis: 33%; } .round-buttons-sm a:hover:after, .round-buttons-sm a:focus:after { margin-left: -63px; width: 126px; height: 125px; top: -3px; } .loader { margin: 100px auto; font-size: 12px; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load5 1.1s infinite ease; animation: load5 1.1s infinite ease; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); } @-webkit-keyframes load5 { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } @keyframes load5 { 0%, 100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } /* ========================================================================== ABOUT US ========================================================================== */ .about-description { margin-bottom: 20px; } .about-description .photo { float: left; margin-bottom: 15px; margin-right: 15px; } .about-description .photo img { border: 4px solid #00c2d3; border-radius: 4px; } .about-images { text-align: right; } .about-images a { margin-right: 5px; } /* ========================================================================== MORTGAGE FORM ========================================================================== */ .form-mortgage { max-width: 320px; margin: 0 auto; display: block; cursor: default; } .form-mortgage .form-group-submit { margin-top: 20px; } .form-mortgage input[type]:not([type='submit']), .form-mortgage .selectric .label { font-size: 15px; } .form-mortgage .for { margin-bottom: 4px; display: block; line-height: 20px; color: #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form-mortgage .zip { display: block; position: relative; } .form-mortgage .zip:before { display: block; content: ''; overflow: hidden; width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 11.952191235059761% 89.51965065502183%; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; } .form-mortgage .zip input { position: relative; z-index: 5; background: transparent; } .form-mortgage .two { padding-right: 73px; display: block; position: relative; background: #fff; } .form-mortgage .two:before, .form-mortgage .two:after { height: 20px; margin: auto; font-size: 15px; line-height: 20px; color: #999; display: block; position: absolute; top: 0; bottom: 0; z-index: 1; } .form-mortgage .two:before { content: '$'; left: 10px; } .form-mortgage .two:after { content: '%'; right: 10px; } .form-mortgage .two .amount { padding-left: 22px; border-radius: 2px 0 0 2px; position: relative; z-index: 5; background-color: transparent; } .form-mortgage .two .percent { width: 74px; border-radius: 0 2px 2px 0; border-left-color: transparent; position: absolute; top: 0; right: 0; z-index: 5; background-color: transparent; } .form-mortgage .two .percent:focus { border-left-color: #999; } .form-mortgage:after { display: table; content: ''; clear: both; } /* ========================================================================== MORTGAGE ========================================================================== */ .mortgage { margin: -10px -5px !important; } .mortgage .head { padding-bottom: 10px; position: relative; color: #303030; font-size: 16px; line-height: 26px; } .mortgage .head:after { display: table; content: ''; clear: both; } .mortgage .heading { margin: 0 0 6px; font-size: 24px; line-height: 26px; } .mortgage .zip { max-width: 320px; margin: 14px 0 0; display: block; float: left; position: relative; } .mortgage .zip:before { display: block; content: ''; overflow: hidden; width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 11.952191235059761% 89.51965065502183%; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; } .mortgage .zip input { width: 100%; max-width: 320px; display: block; position: relative; z-index: 5; background: transparent; } .mortgage .sort { margin: 14px 0 0 0; float: right; } .mortgage .sort .selectric { border: none; } .mortgage .sort .selectric .label { font-size: 16px; color: #129af8; } .mortgage .sort .selectric .button:after { border-color: #129af8; } .mortgage .sort .selectric-items { margin-top: 0; } .mortgage p { margin: 0; } .mortgage .lenders { margin: 0 -25px; font-size: 14px; line-height: 25px; color: #303030; } .mortgage .lenders .item { padding: 20px 25px; border-top: 1px solid #f5f5f5; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; background-color: #fff; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .mortgage .lenders .item:hover, .mortgage .lenders .item:focus { background-color: #f9f9f9; } .mortgage .lenders .picture { width: 110px; padding: 14px 20px 0 0; float: left; } .mortgage .lenders .picture img { width: 76px; height: 76px; display: block; } .mortgage .lenders .info { -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mortgage .lenders .info .rating-space { overflow: hidden; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mortgage .lenders .info .rating-space .rating { float: left; } .mortgage .lenders .info .rating-space .n { margin-left: 6px; display: block; float: left; position: relative; top: 1px; font-size: 13px; line-height: 16px; } .mortgage .lenders .info .name { margin: 8px 0 2px; font-size: 26px; line-height: 30px; } .mortgage .lenders .info .nmls { margin-bottom: -6px; color: #999; } .mortgage .lenders .stats { margin: 12px 0 0 110px; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; } .mortgage .lenders .stats .id { margin-bottom: 10px; line-height: 14px; } .mortgage .lenders .stats .apr { margin: 8px 0 2px; font-size: 26px; line-height: 30px; } .mortgage .lenders .stats .region { margin-bottom: 0; color: #666; } .mortgage .lenders .actions { width: 100%; padding-top: 20px; text-align: center; } .mortgage .lenders .actions .submit { max-width: 200px; padding: 8px 9px; border: 1px solid #129af8; border-radius: 3px; margin: 0 auto 2px; font-size: 16px; color: #129af8; text-transform: none; background: none; } .mortgage .lenders .actions .submit:hover, .mortgage .lenders .actions .submit:focus { border-color: transparent; color: #fff; background: #129af8 linear-gradient(to bottom, #129af8 0%, #0d8ce9 40%, #0376d1 100%); } .mortgage .lenders .actions .get { font-size: 16px; } /* ========================================================================== EXPERTS ========================================================================== */ .experts { margin-bottom: 20px; color: #333; font-family: 'Lato', sans-serif; } .experts .list .entry:after { display: table; content: ''; clear: both; } .experts .list .entry + .entry { margin-top: 10px; } .experts .list .pic { margin: 0; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; } .experts .list .pic img { width: 50px; height: 50px; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .experts .list .info { margin: 0 0 0 60px; } .experts .list .name { margin: 0 0 1px; display: block; position: relative; top: -4px; font-weight: bold; font-size: 16px; line-height: 18px; } .experts .list .name + br { display: none; } .experts .list .position { display: block; font-size: 12px; line-height: 14px; color: #999; } .experts .list .position + br { display: none; } .experts .list a { color: #2991e2; } .experts .list a:hover, .experts .list a:focus { color: #1768a8; } .experts .list a[href^='tel:'] { margin-top: 3px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 14px; cursor: text; } .experts .list a[href^='tel:']:hover, .experts .list a[href^='tel:']:focus { color: #2991e2; } .experts .list a[href^='tel:']:focus { color: #1768a8; } .experts-ad .list .pic img { width: 129px; height: 86px; } .experts-ad .list .info { margin-left: 140px; } .experts-ad .list a { font-size: 12px; margin-top: 3px; display: inline-block; vertical-align: top; line-height: 14px; } .experts-ad .list strong { font-size: 18px; line-height: 24px; } .experts-ad .list .name { top: 0; font-size: 18px; } .experts-ad .list .dot { font-size: 12px; margin: 3px 5px 0; display: inline-block; vertical-align: top; line-height: 14px; } /* ========================================================================== AGENTS ========================================================================== */ .agents { margin-bottom: 20px; color: #333; font-family: 'Lato', sans-serif; } .agents:after { display: table; content: ''; clear: both; } .agents .entry { margin-bottom: 15px; } .agents .entry:after { display: table; content: ''; clear: both; } .agents .entry:last-of-type { margin-bottom: 0; } .agents .pic { margin: 0; display: block; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; } .agents .pic img { width: 50px; height: 50px; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .agents .info { margin: 0 0 0 60px; } .agents .name { margin: 0 0 1px; display: block; position: relative; top: -4px; font-weight: bold; font-size: 14px; line-height: 18px; } .agents .name + br { display: none; } .agents .company { display: block; font-size: 10px; line-height: 12px; color: #999; } .agents .company + br { display: none; } .agents .agent-rate { margin-top: -1px; display: block; font-size: 10px; line-height: 12px; } .agents .agent-rate .rating { display: inline-block; vertical-align: middle; } .agents .agent-rate + br { display: none; } .agents a { color: #2991e2; } .agents a:hover, .agents a:focus { color: #1768a8; } .agents a[href^='tel:'] { margin-top: 6px; display: inline-block; vertical-align: top; font-size: 12px; line-height: 12px; cursor: text; color: #03dbee; } .agents a[href^='tel:']:hover, .agents a[href^='tel:']:focus { color: #03dbee; } .agents a[href^='tel:']:focus { color: #0295a2; } /* ========================================================================== SCHOOLS ========================================================================== */ .schools { margin-bottom: 30px; } .schools-list { margin: 0; padding: 0; list-style: none; font-family: 'Lato', sans-serif; color: #333; } .schools-list li { min-height: 40px; padding: 8px 0 8px 65px; border-bottom: 1px solid #efefef; position: relative; } .schools-list .icon { background: url('/assets/img/icons/school.png') no-repeat; width: 40px; height: 40px; position: absolute; top: 18px; left: 8px; display: block; } .schools-list .icon + br { display: none; } .schools-list .rate { width: 40px; height: 40px; margin: auto 0; display: block; background: #495053; border-radius: 50%; text-align: center; font-size: 16px; line-height: 40px; font-weight: bold; color: #fff; position: absolute; top: 0; bottom: 0; left: 8px; } .schools-list .rate + br { display: none; } .schools-list .name { display: block; font-size: 16px; line-height: 24px; font-weight: bold; color: #211d13; } .schools-list .adr { display: block; font-size: 12px; line-height: 14px; color: #999; } .schools-list .adr + br { display: none; } .schools-list .grades { margin-top: 8px; display: block; font-size: 12px; line-height: 14px; clear: both; } .schools-list .grades .loc { display: block; float: right; } /* ========================================================================== INVESTMENT ========================================================================== */ .investment { margin-bottom: 20px; font: 14px/20px 'Lato', sans-serif; color: #666; } .investment .text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .investment .text p { margin: 0; } .investment .text .score { width: 130px; margin-right: 15px; text-align: center; } .investment .text .rating { width: 130px; height: 20px; background-size: auto 20px; } .investment .text .number { font-size: 42px; line-height: 40px; color: #211d13; } .investment .text .rating { margin: 12px auto 6px; } .investment .text .rating + br { display: none; } .investment .text a[href^="tel:"] { color: inherit; cursor: default; } /* ========================================================================== DEMOGRAPHICS ========================================================================== */ .demographics { max-width: 400px; margin: 0 auto 30px; font-family: 'Lato', sans-serif; } .demographics-tabs .tab-list { padding: 0; margin: 0 0 26px; list-style: none; text-align: right; font-size: 14px; line-height: 20px; } .demographics-tabs .tab-list li { margin-left: 4px; display: inline-block; vertical-align: middle; } .demographics-tabs .tab-list li a { display: block; padding: 3px 10px; border-radius: 4px; background: #ccc; color: #fff; } .demographics-tabs .tab-list li.active a { background-color: #03dbee; } .demographics-tabs .tab-hidden { display: none; } .demographics-tabs .tab-content:after { display: table; content: ''; clear: both; } .demographics-area { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .demographics-area .graph { /* width: 140px; height: 110px; margin: 0; padding: 0 15px; flex-grow: 0; @media @mobile-sm { width: 220px; height: 160px; padding: 0 30px; } @media @tablet-sm { margin-right: 15px; } @media @tablet-md { width: 160px; height: 135px; margin-right: 0; padding-left: 0; } @media @desktop-md { width: 220px; height: 160px; padding-left: 30px; } img { width: 100%; height: auto; display: block; } */ width: 100%; display: block; } .demographics-area .graph-legend { width: 126px; padding: 0; margin: 0; list-style: none; color: #333; font-size: 12px; line-height: 12px; position: relative; top: -2px; } .demographics-area .graph-legend li { min-height: 12px; margin-bottom: 10px; padding-left: 22px; position: relative; } .demographics-area .graph-legend li:last-child { margin-bottom: 0; } .demographics-area .graph-legend li:before { display: block; content: ''; overflow: hidden; width: 12px; height: 12px; position: absolute; left: 0; top: 0; } .demographics-area .graph-legend li.violet:before { background-color: #5e66af; } .demographics-area .graph-legend li.green:before { background-color: #3a9754; } .demographics-area .graph-legend li.blue:before { background-color: #2699d5; } .demographics-area .graph-legend li.orange:before { background-color: #f9a25e; } .demographics-area .graph-legend li.red:before { background-color: #ab4743; } /* ========================================================================== BANNER ========================================================================== */ .banner { margin-bottom: 0; padding: 40px 0; font-size: 14px; line-height: 20px; font-weight: 300; color: #fff; position: relative; text-align: center; z-index: 1; } .banner:after { display: table; content: ''; clear: both; } .banner + .information { margin-top: 0; } .banner:before { display: block; content: ''; overflow: hidden; width: 100vw; background: #01b5c2; position: absolute; left: -20px; top: 0; bottom: 0; z-index: -1; } .banner:after { display: block; content: ''; overflow: hidden; width: 100vw; background: url('/assets/img/temp/pattern.jpg') 0 0 repeat-x; position: absolute; left: -20px; top: 0; bottom: 0; z-index: -1; } .banner .heading { margin-top: 0; margin-bottom: 14px; font-size: 22px; line-height: 26px; font-weight: bold; color: #fff; position: relative; } .banner p:last-of-type { margin-bottom: 0; } .banner .big { margin: 20px 0 0 0; display: block; font-size: 22px; line-height: 26px; font-weight: 600; text-align: center; } /* ========================================================================== STATIC PAGE ========================================================================== */ .static-page { font-family: 'Lato', sans-serif; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .static-page-nav { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; } .static-page-nav .panel { padding: 20px 10px; margin-bottom: 20px; } .static-page-nav .panel .panel-body { padding: 0; } .static-page-nav .panel .panel-body h4 { text-transform: none; text-align: center; color: #000; font-size: 18px; font-weight: 600; margin-bottom: 20px; margin-top: 0; } .static-page-nav nav { margin-bottom: 40px; } .static-page-nav nav .links { margin: 0px -10px 0 -10px; padding: 0; } .static-page-nav nav .links li { list-style: none; padding: 7px 0; } .static-page-nav nav .links li a { display: block; font-size: 18px; line-height: 24px; color: #626262; padding: 0px 11px; height: 24px; position: relative; } .static-page-nav nav .links li a:hover, .static-page-nav nav .links li a.active, .static-page-nav nav .links li a:focus { color: #00c2d3; } .static-page-nav nav .links li a:hover:after, .static-page-nav nav .links li a.active:after, .static-page-nav nav .links li a:focus:after { display: block; content: ''; overflow: hidden; position: absolute; top: -2px; left: -1px; width: 2px; height: 27px; background-color: #00c2d3; } .static-page-nav nav .links li a:before { display: block; content: ''; overflow: hidden; width: 16px; height: 16px; margin: 0 10px; display: inline-block; } .static-page-nav nav .links li a.about:before { background: url('/assets/img/icons/menu/about.png') center center no-repeat; } .static-page-nav nav .links li a.terms:before { width: 18px; height: 18px; background: url('/assets/img/icons/menu/terms.png') center center no-repeat; } .static-page-nav nav .links li a.privacy-policy:before { width: 17px; height: 16px; background: url('/assets/img/icons/menu/privacy-policy.png') center center no-repeat; } .static-page-nav nav .links li a.disclaimer:before { width: 18px; height: 17px; background: url('/assets/img/icons/menu/disclaimer.png') center center no-repeat; } .static-page-nav nav .links li a.quality-policy:before { width: 15px; height: 15px; background: url('/assets/img/icons/menu/quality-policy.png') center center no-repeat; } .static-page-nav nav .links li a.press:before { background: url('/assets/img/icons/menu/press.png') center center no-repeat; } .static-page-nav nav .links li a.careers:before { width: 17px; height: 18px; background: url('/assets/img/icons/menu/careers.png') center center no-repeat; } .static-page-nav nav .links li a.advertising-link:before { width: 17px; height: 17px; background: url('/assets/img/icons/menu/advertiser-terms.png') center center no-repeat; } .static-page-nav nav .links li a.contact:before { width: 17px; height: 13px; background: url('/assets/img/icons/menu/contact.png') center center no-repeat; } .static-page-content { width: 100%; } .static-page-content .panel { padding: 0; } .static-page-content .panel .panel-body { padding: 20px; } .static-page-content .panel .panel-body h2 { text-align: center; font-size: 20px; } .static-page-content .panel .panel-body h4 { font-weight: 600; } .find-help { min-height: 100vh; margin: -44px -20px 0; padding: 60px 20px 20px; background: url('/assets/img/find-help/bg.jpg') center center no-repeat; background-size: cover; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .find-help:before { display: block; content: ''; overflow: hidden; background: #0d2336; opacity: .7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .find-help + .information { margin-top: 0; } .find-help .find-help-container .find-help-pic { margin-right: 30px; } .find-help .find-help-container .find-help-pic img { width: 160px; margin-bottom: 30px; } .find-help .find-help-container .find-help-title { font-size: 30px; font-weight: 600; color: #fff; line-height: 36px; } .find-help-lead .form-step { width: auto; margin: 20px auto 0 auto; } .advertising { min-height: 100vh; margin: -44px -20px 0; padding: 60px 20px 20px; background: url('/assets/img/advertising/bg.jpg') center center no-repeat; background-size: cover; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .advertising .form-search { padding: 0 10px; } .advertising .form-search legend { font-size: 24px; } .advertising .line:after { margin-top: -5px !important; } .advertising:before { display: block; content: ''; overflow: hidden; background: #0d2336; opacity: .7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; } .advertising + .information { margin-top: 0; } .advertising-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; max-width: 450px; margin: 70px auto 0 auto; } .advertising-form-item { padding: 0px 0 10px 0; width: 100%; } .advertising-form-item input[type=text] { width: 100%; max-width: 100%; background: rgba(255, 255, 255, 0.3); border: 0; font-size: 16px; color: #eee; padding: 15px 25px; height: 55px; border-radius: 3px; } .advertising-form-item input[type=text]::-webkit-input-placeholder { color: #eee; } .advertising-form-item input[type=text]:-ms-input-placeholder { color: #eee; } .advertising-form-item input[type=text]::placeholder { color: #eee; } .advertising-form-item.has-error input[type=text] { border: 1px solid #ff0300; } .advertising-form-item button[type=submit] { color: #fff; text-transform: uppercase; font-size: 14px; letter-spacing: 0.06em; font-weight: 400; border: 0; border-radius: 3px; background: linear-gradient(to right, #0ed7e4 0%, #b56dc2 100%); height: 55px; width: 100%; } .advertising-form-arrow { border: solid #fff; border-width: 0 1px 1px 0; display: inline-block; padding: 1px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 14px; height: 14px; position: absolute; bottom: 5vw; left: 50%; margin-left: -14px; } .advertising-brands { padding: 35px 20px; position: relative; clear: both; background: #f5f5f5; } .advertising-brands .advertising-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0 auto; } .advertising-brands .advertising-wrapper .col { padding: 20px 20px; } .advertising-details { padding: 55px 10px 40px 10px; } .advertising-details h2 { margin-top: 0; margin-bottom: 30px; font-size: 40px; color: #5a5a5a; line-height: 40px; text-align: center; } .advertising-details h4 { margin-top: 20px; font-size: 18px; color: #6f6f6f; text-align: center; text-transform: none; font-weight: 400; } .advertising-details-wrapper { margin: 85px auto 0 auto; max-width: 860px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .advertising-details-wrapper .details-item { width: 100%; margin-bottom: 50px; } .advertising-details-wrapper .details-item-icon { float: left; width: 100px; height: 95px; } .advertising-details-wrapper .details-item-title { font-size: 18px; color: #29abc8; font-weight: 600; margin-bottom: 8px; } .advertising-details .advertising-roi-button { background: linear-gradient(to right, #0ed7e4 0%, #b56dc2 100%); height: 56px; border-radius: 28px; display: inline-block; font-size: 18px; color: #fff; padding: 15px 65px; } .advertising-details .advertising-roi-button-wrapper { text-align: center; } .advertising-client .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 60px; margin-bottom: 60px; } .advertising-client .wrapper figure { margin: 0 auto; } .advertising-client-quote { padding: 40px 0 0 0; } .advertising-client-quote q { font-size: 22px; color: #999999; line-height: 1.8; } .advertising-client-quote .name { margin-top: 30px; font-size: 22px; color: #363636; } .advertising-client-quote .city { margin-top: 10px; font-size: 16px; color: #363636; } .advertising-client-quote .company { font-size: 12px; color: #999999; } .advertising-plans .wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .advertising-plans-description h4 { text-transform: none; color: #333; font-size: 30px; line-height: 38px; font-weight: 400; margin: 0 0 30px 0; } .advertising-plans-description p { font-size: 22px; line-height: 30px; color: #999; } .advertising-plans-description-big { font-size: 16px; line-height: 30px; color: #999; } .advertising-plans-description-big strong { color: #000; font-weight: 400; } .advertising-plans-description a { font-size: 13px; text-decoration: underline; color: #29abc8; } .advertising-plans-item { margin-top: 40px; } .advertising-plans-item.active .advertising-plans-item-wrapper { background-color: #fafafa; } .advertising-plans-item.active .advertising-plans-item-button { background: linear-gradient(to right, #0ed7e4 0%, #b56dc2 100%); height: 56px; border-radius: 28px; display: inline-block; font-size: 18px; text-transform: uppercase; color: #fff; padding: 15px 65px; border: 0; -webkit-background-clip: unset; -webkit-text-fill-color: unset; } .advertising-plans-item-wrapper { height: 100%; text-align: center; padding: 40px 20px; } .advertising-plans-item-label { font-size: 16px; color: #333333; text-transform: uppercase; font-weight: 600; line-height: 2; letter-spacing: 0.1em; } .advertising-plans-item-price { font-size: 108px; font-weight: 600; line-height: 108px; margin: 20px 0; background: linear-gradient(to bottom, #0ed7e4 0%, #b56dc2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .advertising-plans-item-price sup { top: -60px; font-size: 28px; background: linear-gradient(to bottom, #0ed7e4 0%, #b56dc2 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .advertising-plans-item-description { color: #999; font-size: 20px; line-height: 34px; margin-bottom: 30px; } .advertising-plans-item-button { background: linear-gradient(to right, #5f72bd 0%, #9b23ea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; border: 1px solid #9b23ea; height: 56px; border-radius: 28px; display: inline-block; font-size: 18px; text-transform: uppercase; padding: 15px 65px; white-space: nowrap; } .advertising-contact { background: linear-gradient(to right, #29abc8 0%, #e392f4 100%); } .advertising-contact .wrapper { padding: 100px 0; text-align: center; } .advertising-contact-title { color: #fff; font-weight: 700; font-size: 36px; line-height: 48px; text-align: center; margin-bottom: 30px; } .advertising-contact-text { color: #fff; font-weight: 600; font-size: 22px; line-height: 36px; text-align: center; padding: 0 10px; margin-bottom: 40px; } .advertising-contact-button { border: 1px solid #fff; color: #fff; height: 56px; border-radius: 3px; display: inline-block; font-size: 14px; text-transform: uppercase; padding: 15px 65px; white-space: nowrap; } .popup .legend.legend-advertising { margin-bottom: 10px; } .popup .legend.legend-advertising strong { font-size: 20px; margin-bottom: 4px; font-weight: normal; } .popup .legend.legend-advertising.legend-advertising-small { margin-bottom: 20px; } .popup .legend.legend-advertising.legend-advertising-small strong { font-size: 16px; } .button-advertising { background: linear-gradient(to right, #29abc8 0%, #e392f4 100%) !important; text-transform: none !important; } /* ========================================================================== MAGNIFIC POPUP STYLES ========================================================================== */ .mfp { /** Slide-in Effect */ } .mfp-slide-in .mfp-content { transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-transform: translate3d(0, -100vh, 0); transform: translate3d(0, -100vh, 0); } .mfp-slide-in.mfp-bg { opacity: 0; transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .mfp-slide-in.mfp-ready .mfp-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition-delay: .2s; } .mfp-slide-in.mfp-ready.mfp-bg { opacity: 1; } .mfp-slide-in.mfp-removing .mfp-content { -webkit-transform: translate3d(0, -100vh, 0); transform: translate3d(0, -100vh, 0); transition-delay: 0; } .mfp-slide-in.mfp-removing.mfp-bg { opacity: 0; transition-delay: .4s; } .mfp-wrap { min-width: 270px; -webkit-overflow-scrolling: touch; } .mfp-wrap .popup { display: block; } .mfp-container { padding-left: 20px; padding-right: 20px; } .mfp-bg { background: rgba(255, 255, 255, 0.65); } .mfp-bottom-bar, .mfp-title, .mfp-counter { color: #fff; cursor: default; } .mfp-close { width: 30px !important; height: 30px; padding: 0 !important; top: 10px !important; right: 10px !important; text-align: left !important; opacity: 1; cursor: pointer; } .mfp-close:before, .mfp-close:after { display: block; content: ''; overflow: hidden; width: 20px; height: 1px; border: none; margin: auto !important; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #03dbee; opacity: 1; transition: background-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .mfp-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .mfp-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .mfp-close:hover, .mfp-close:focus { opacity: 1; top: 0; } .mfp-close:hover:before, .mfp-close:hover:after, .mfp-close:focus:before, .mfp-close:focus:after { background: #999; } /* ========================================================================== DEFAULT POPUP ========================================================================== */ .popup { max-width: 400px; padding: 20px; border-radius: 3px; margin: auto; display: none; position: relative; color: #666; background: #fff; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.9); cursor: default; } .popup .logo { width: 141px; height: 45px; margin: 0 auto 20px; display: block; } .popup .logo img { width: 100%; height: auto; display: block; } .popup .legend { margin-bottom: 38px; font-size: 14px; line-height: 18px; display: block; text-align: center; } .popup .legend strong { margin-bottom: 12px; font-size: 20px; line-height: 24px; font-weight: 600; display: block; } .popup .legend br { display: none; } .popup .legend small { margin-top: 6px; font-size: 12px; display: block; } .popup .legend .color { color: #2991e2; } /* ========================================================================== DETAILS POPUP ========================================================================== */ .popup-details { min-width: 270px; padding: 0 10px; max-width: none; border-radius: 0; margin: auto; display: block; overflow: hidden; position: fixed; top: 44px; right: 0; bottom: 0; left: 0; z-index: 500; background: none; box-shadow: none; } .popup-details.popup-hidden { display: none !important; } .popup-details:before { display: block; content: ''; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background: #000; opacity: 0; transition: opacity 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .popup-visible.popup-details:before { opacity: .5; } .popup-details .popup-content { margin: auto; overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 50; background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); -webkit-transform: translate3d(0, -100vh, 0); transform: translate3d(0, -100vh, 0); transition: -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); transition: transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); } .popup-animate.popup-details .popup-content { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .popup-details .popup-content .scrollable { padding: 15px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -ms-touch-action: none; touch-action: none; } .popup-details .popup-content .scrollable.ps-container > .ps-scrollbar-y-rail { width: 10px !important; background: #e0e0e0; opacity: 1; } .popup-details .popup-content .scrollable.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y { width: 10px !important; right: 0; background: #acacac; } .popup-details .call-to-action { padding: 3px 10px; margin: auto; position: fixed; top: 0; right: 0; left: 0; z-index: 5; overflow: hidden; text-align: right; background: #f5f5f5; box-shadow: 3px 0 3px rgba(0, 0, 0, 0.5); -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .msie .popup-details .call-to-action { position: absolute; right: 18px; } .popup-details .call-to-action .link { width: 30px; height: 30px; min-width: 0; margin-left: 10px; position: relative; display: inline-block; vertical-align: top; color: #525252; letter-spacing: .005em; text-transform: none; overflow: hidden; font: 14px 'Lato', sans-serif; text-indent: -1000px; white-space: nowrap; text-align: left; } .popup-details .call-to-action .link:before { display: block; content: ''; overflow: hidden; background: url("/assets/svg/sprite.svg") no-repeat; margin: auto; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .popup-details .call-to-action .link.back { margin-left: 0; position: absolute; top: 3px; left: 10px; } .popup-details .call-to-action .link.back:before { width: 24px; height: 24px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 9.33852140077821% 100%; } .popup-details .call-to-action .link.share:before { width: 21px; height: 24px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.46153846153847% 0; } .popup-details .call-to-action .link.save:before { width: 26px; height: 24px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 67.84313725490196% 76.59574468085107%; } .popup-details .call-to-action .link.save.active:before { width: 26px; height: 24px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 83.52941176470588% 76.59574468085107%; } .popup-details .call-to-action .link.print:before { width: 25px; height: 24px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 82.03125% 87.23404255319149%; } .popup-details .call-to-action .link.close { padding-right: 0; } .popup-details .call-to-action .link.close:before { width: 24px; height: 24px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 0 100%; } .popup-details .head { height: 100px; margin-top: -100px; overflow: hidden; position: absolute; left: 0; right: 0; top: 350px; z-index: 20; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; color: #fff; font-size: 13px; line-height: 18px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .msie .popup-details .head { right: 0; } .popup-details .head mark { color: inherit; display: block; font-size: 16px; font-weight: normal; background: none; } .popup-details .head .name { width: 100%; height: 55px; padding: 10px 15px; margin: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; font-size: inherit; line-height: inherit; background: rgba(0, 0, 0, 0.5); } .popup-details .head .sale { width: 50%; height: 45px; padding: 5px 10px; display: block; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 900; text-align: center; white-space: nowrap; background: rgba(19, 155, 249, 0.7); } .popup-details .head .price { width: 50%; height: 45px; padding: 5px 10px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; font-weight: 900; text-align: center; white-space: nowrap; background: rgba(8, 212, 99, 0.7); } .popup-details .head .fullscreen { width: 30px; height: 30px; margin: auto; display: block; position: absolute; top: 10px; right: 10px; z-index: 20; background: url('/assets/img/fullscreen.png') no-repeat; background-size: 100% 100%; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .popup-details .head .fullscreen:hover, .popup-details .head .fullscreen:focus { opacity: .75; } .popup-details .container-address { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; margin-top: 32px; } .popup-details .container-address h1 { font-size: 16px; color: #158289; font-weight: 600; margin: 0; float: left; line-height: 20px; } .popup-details .container-address .button { background-color: #03dbee; float: right; border: 1px solid #e7e7e7; border-radius: 0; text-transform: uppercase; font-size: 14px; font-weight: normal; height: 43px; width: 100px; } .popup-details .slideshow { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: auto; margin: 10px -10px 10px -10px; position: relative; z-index: 5; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .popup-details .slideshow .slick-list:before { display: none; } .popup-details .slideshow .slick-slide { cursor: default; pointer-events: none; } .popup-details .slideshow .slick-slide.slick-current + .slick-slide { cursor: pointer; pointer-events: auto; } .popup-details .slideshow.left { margin-bottom: 10px; } .popup-details .container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; height: auto; } .popup-details .container:after { display: table; content: ''; clear: both; } .popup-details .right { max-width: 370px; } .popup-details .social { margin: 0 0 15px; float: right; position: relative; } .popup-details .heading { margin: 0 0 12px; padding-bottom: 7px; border-bottom: 2px solid #efefef; font: bold 18px/24px 'Lato', sans-serif; color: #333; text-transform: none; } .popup-details .form-request { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } .popup-details .details { max-width: 370px; -webkit-box-ordinal-group: 8; -webkit-order: 7; -ms-flex-order: 7; order: 7; } .popup-details .details-space:after { display: table; content: ''; clear: both; } .popup-details .details-space .col, .popup-details .details-space .col2 { margin: 0 0 12px; padding: 0; font: 16px/24px 'Myriad Pro', sans-serif; color: #333; list-style: none; } .popup-details .details-space .col:last-of-type, .popup-details .details-space .col2:last-of-type { margin-bottom: 0; } .popup-details .details-space .col li, .popup-details .details-space .col2 li { padding-left: 12px; position: relative; } .popup-details .details-space .col li:before, .popup-details .details-space .col2 li:before { display: block; content: ''; overflow: hidden; width: 4px; height: 4px; background: #333; border-radius: 2px; position: absolute; left: 0; top: 10px; } .popup-details .container-about { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } .popup-details .container-schools { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .popup-details .about { font: 16px/24px 'Lato', sans-serif; margin-bottom: 20px; color: #333; } .popup-details .about p:last-of-type { margin-bottom: 0; } .popup-details .schools .heading { margin-bottom: 0; } .popup-details .learn-more { max-width: 400px; margin: 0 auto 20px; -webkit-box-ordinal-group: 13; -webkit-order: 12; -ms-flex-order: 12; order: 12; } .popup-details .learn-more:after { display: table; content: ''; clear: both; } .popup-details .learn-more .heading { margin-bottom: 20px; } .popup-details .learn-more .heading .color { color: #25c5c7; } .popup-details .learn-more .form-request { max-width: 400px; margin: 0 auto 0; padding: 0; border: none; } .popup-details .learn-more .form-request textarea { height: 64px; } .popup-details .learn-more .form-request .button, .popup-details .learn-more .form-request .button:not(b).submit { height: 54px; padding-top: 14px; padding-bottom: 14px; font: 20px/24px 'Lato', sans-serif; letter-spacing: 0; } .popup-details .demographics .heading { margin-bottom: 7px; } .popup-details .viewing { width: 100%; max-width: 400px; padding: 12px 0; margin: 0 auto; font: 11px/15px 'Lato', sans-serif; color: #333; } .popup-details .viewing a { color: #03dbee; } .popup-details .viewing a:hover, .popup-details .viewing a:focus { color: #00c2d3; } .popup-details .location { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .popup-details .parameters { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } .popup-details .description { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } .popup-details .experts { -webkit-box-ordinal-group: 10; -webkit-order: 9; -ms-flex-order: 9; order: 9; } .popup-details .experts-ad { -webkit-box-ordinal-group: 9; -webkit-order: 8; -ms-flex-order: 8; order: 8; } .popup-details .related { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .popup-details .investment { -webkit-box-ordinal-group: 12; -webkit-order: 11; -ms-flex-order: 11; order: 11; } .popup-details footer { background-color: #f5f5f5; padding: 10px 10px 8px 10px; margin: -15px; } .popup-details footer .footer-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .popup-details footer .logo { width: 118px; height: 37px; margin: 0 10px 0 0; display: block; overflow: hidden; text-indent: -1000px; white-space: nowrap; background: url('/assets/img/logo-dark-sm.png') no-repeat center center; background-size: contain; } .popup-details footer .footer-menu a { color: #03dbee; font-size: 13px; } .popup-details footer .footer-menu li { margin-right: 10px; } .popup-details footer .footer-menu li:before { display: none; } .popup-details footer .footer-menu.copy-menu { margin: 0 auto; display: inline; } .popup-details footer .footer-menu.copy-menu:before { display: block; content: ''; overflow: hidden; } .popup-details footer .footer-menu.copy-menu a { color: #898989; font-size: 12px; } .popup-details footer .footer-menu.copy-menu li { margin: 0px; } .popup-details footer .footer-menu.copy-menu li:not(:first-child):before { margin-left: 6px; margin-right: 9px; display: inline-block; content: '-'; color: #898989; } .popup-details footer .copy { text-align: center; color: #898989; font-size: 12px; line-height: 16px; } .popup-details-fullscreen { position: absolute; top: 0; } .popup-details-fullscreen .call-to-action { position: relative; } .popup-details-fullscreen .popup-content { -webkit-transform: none; -ms-transform: none; transform: none; transition: none; } /* ========================================================================== POPUP MAP ========================================================================== */ .popup-map { max-width: 608px; padding: 4px !important; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .popup-map .popup-content { position: relative; z-index: 10; } .popup-map .mfp-close { width: 24px !important; height: 24px !important; top: 0 !important; right: 0 !important; z-index: 20; background: #fff; } .popup-map .mfp-close:before, .popup-map .mfp-close:after { width: 12px; } .popup-map .gmap { width: 600px; height: 300px; border: 1px solid #ddd; margin: 0; position: relative; display: block; z-index: 5; } .popup-map .gmap a[href^='https://maps.google.com/maps'], .popup-map .gmap .gm-style-cc { display: none !important; } .popup-map .title { padding: 10px; margin: 0; position: absolute; right: 6px; bottom: 6px; z-index: 15; font-size: 21px; line-height: 23px; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.4); } .listhub-details ul li { position: relative; overflow: hidden; white-space: nowrap; } .listhub-details ul li:after { content: ""; position: absolute; right: 0; top: 0; width: 25px; height: 20px; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .listhub-details ul li label, .more-details ul li label { color: grey; } /* ========================================================================== MEDIA QUERIES ========================================================================== */ @media (min-width: 320px) { [type=submit], [type=reset], [type=button], button, .button:not(b) { font-size: 18px; line-height: 24px; letter-spacing: -0.015em; } } @media (min-width: 375px) { .nav-tabs li a { padding: 15px 20px; } .footer-menu { display: block; } .nav .menu { font-size: 24px; line-height: 36px; } .bargains-list .info { font-size: 13px; } .bargains-list .info .name { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .bargains-list .actions { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .slideshow .custom-paging { padding: 6px 8px; font-size: 14px; line-height: 18px; } .slideshow .slideshow-nav-space { display: block; } .advertising .form-search legend { font-size: 28px; } } @media (min-width: 414px) { .cta:before { margin-left: -50vw; left: 50%; } .form-steps .form-step { width: 375px; } .form-filter .filter-basic { padding-right: 125px; } .form-filter .pair { margin-right: -105px; } .form-filter .toggle { width: auto; padding-right: 30px; font-size: 13px; line-height: 40px; letter-spacing: .0025em; text-indent: 0; } .form-filter .toggle:after { right: 10px; left: auto; } .popup-details .location.right { margin: 10px auto; width: 100%; max-width: none; } .popup-details .parameters.right { margin-top: 0; margin-bottom: 0; } .saved-properties-list li .props { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; padding: 0 20px; } .agents .entry { width: 50%; padding: 0 5px; float: left; } .banner:before { margin-left: -50vw; left: 50%; } .banner:after { margin-left: -50vw; left: 50%; } .advertising-client .wrapper figure { width: 400px; min-width: 400px; } .advertising-client .wrapper figure img { width: 400px; height: 400px; } .popup .logo { width: 188px; height: 60px; margin-bottom: 34px; } .popup .legend strong { font-size: 24px; line-height: 28px; } .popup-details .slideshow.left { width: 100%; margin: 10px auto 10px auto; } .popup-details .left { width: 370px; margin: 20px auto; } .popup-details .right { width: 370px; margin: 20px auto; } .popup-details .details-space .col, .popup-details .details-space .col2 { width: 100%; padding-right: 15px; margin-bottom: 15px; float: left; } } @media (min-width: 568px) { .nav-tabs { margin: 0; font-weight: 900; } .bargains-list .info .name { -webkit-transform: none; -ms-transform: none; transform: none; } .bargains-list .actions { -webkit-transform: none; -ms-transform: none; transform: none; } .popup-details footer { padding: 20px 40px 8px 40px; } .popup-details footer .logo { margin-right: 30px; } } @media (min-width: 667px) { .search { padding: 125px 0 100px; margin-top: -50px; } .cta .buttons { max-width: none; } .cta .buttons .button + .button { margin-top: 0; margin-left: 15px; } .launch { text-align: left; } .launch .heading { float: left; } .launch .count { margin: 0; float: right; } .launch .title { margin: 8px 10px 0 0; } .launch .countdown { margin-right: 25px; } .footer-index { margin: 20px 55px 0 55px; margin-top: -50px; margin-bottom: 0; } .footer-index .copy { float: left; } .footer-index .footer-menu { float: right; width: 340px; } .account-nav { width: 300px; -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; } .account-content { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; padding-left: 30px; } .saved-properties-list li { -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .saved-properties-list li .actions { padding-top: 35px; width: 135px; -webkit-box-flex: 0; -webkit-flex: 0 0 135px; -ms-flex: 0 0 135px; flex: 0 0 135px; } .values .step .form-report .form-group-valuation .h { max-width: 120px; max-height: 32px; margin-bottom: 0; overflow: hidden; position: absolute; left: 20px; top: 50%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .values .step .form-report .form-group-valuation .selectric .label { margin-left: 140px; text-align: right; } .static-page-nav { width: 300px; -webkit-box-flex: 0; -webkit-flex: 0 0 300px; -ms-flex: 0 0 300px; flex: 0 0 300px; } .static-page-content { -webkit-box-flex: 1; -webkit-flex: 1 1 0%; -ms-flex: 1 1 0%; flex: 1 1 0%; padding-left: 30px; } } @media (min-width: 740px) { html { font-size: 16px; line-height: 22px; } body { padding-top: 50px; } .body { padding-top: 80px; } .mobile-hidden { display: block; } input[type=text], input[type=password], input[type=email], input[type=search], input[type=url], input[type=tel], input[type=number], input[type=color], textarea { font-size: 14px; } .page, .wrapper { width: 740px; margin: 0 auto; } .page .wide { margin-left: -50vw; margin-right: -50vw; } .page .wide .wrapper { z-index: 5; } .fullpage .content { padding-top: 50px; } .panel { margin-left: 0; margin-right: 0; } .header { height: 50px; } .page-index .header:before { height: 120px; } .page-values .header:before { height: 60px; } .page-advertising .header:before { height: 60px; } .page-pre-qualification .header:before { height: 60px; } .header .logo { width: 124px; height: 46px; } .search:before { opacity: .4; } .search-alternative:before { opacity: .48; } .search-alternative .form-search .legend { margin-bottom: 15px; } .search-alternative .form-search .text { font-size: 28px; line-height: 32px; } .search-alternative .form-search .form-group-pair { max-width: 580px; padding-right: 160px; margin: 0 auto; } .search-alternative .info { padding: 30px 0 25px; margin: 125px auto -125px; font-size: 21px; } .form-search { max-width: none; } .form-search .legend { margin-bottom: 36px; font-size: 44px; font-weight: normal; line-height: 50px; } .form-search .legend-sm { margin-bottom: 20px; font-size: 26px; font-weight: normal; line-height: 30px; } .form-search .legend .line:after { width: 120px; height: 15px; margin-top: -10px; } .form-search .form-text { font-size: 24px; line-height: 32px; } .form-search .form-text p { display: block; } .form-search .form-subtext { font-size: 13px; } .form-search .form-text .form-covid-text { position: relative; font-size: 27px; top: -20px !important; margin-bottom: 10px !important; } .form-search .form-text .form-covid-icons { flex-wrap: nowrap; } .form-search .form-text .form-covid-icon { width: auto; padding: 0 10px; } .form-search .form-chat { flex-direction: row; } .form-search .form-chat-text:after { content: ''; border-width: 15px 0 15px 15px; border-color: transparent #fff; top: 50%; right: -15px; left: unset; bottom: unset; margin-top: -15px; } .form-search .form-chat-logo { width: auto; margin-top: 0; margin-left: 30px; } .form-search .form-group { margin: 0; float: left; } .form-search .form-group-type { width: 165px; } .form-search .form-group-type .selectric { border-radius: 3px 0 0 3px; } .form-search .form-group-type .selectric .label { height: 60px; line-height: 42px; } .form-search .form-group-type .selectric .button { height: 60px; } .form-search .form-group-pair { padding-right: 120px; margin-left: 165px; float: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-search .form-group-pair:before { display: block; content: ''; overflow: hidden; width: 1px; background: #d9d9d9; position: absolute; top: 8px; left: 0; bottom: 10px; z-index: 1; } .form-search .form-group-pair:after { height: 60px; border-radius: 0 3px 3px 0; bottom: 0; } .form-search .form-group-pair .query { height: 60px; padding: 15px 15px 15px 17px; border-right: none; border-radius: 0; font-size: 12px; line-height: 30px; letter-spacing: .04em; } .form-search .form-group-pair .button { width: 120px; height: 60px; margin: 0; padding-top: 18px; padding-bottom: 18px; border-radius: 0 3px 3px 0; font-size: 18px; line-height: 24px; position: absolute; top: 0; right: 0; } .search-dropdown { top: 50px; } .search-dropdown .form-group-pair { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } .search-dropdown .form-group-pair input[type="search"] { height: 50px; margin-right: 125px; padding: 17px; } .search-dropdown .form-group-pair .button { display: block; } .sections { padding: 35px 0 50px; } .sections .heading { margin-bottom: 26px; font-size: 35px; line-height: 52px; letter-spacing: .04em; } .sections .left { width: 340px; max-width: none; margin: 0; float: left; } .sections .right { width: 340px; max-width: none; margin: 0; float: right; } .sections .right-area { margin: 20px -10px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .sections .right-area .item-small { width: 50%; margin: 0 10px; } .sections .item { height: 380px; } .sections .item .space p { font-size: 25px; letter-spacing: .04em; } .sections .item .space p.title { font-size: 36px; line-height: 40px; text-transform: uppercase; } .sections .item-wide { height: 180px; } .sections .item-wide .space p { font-size: 25px; letter-spacing: .04em; } .sections .item-small { height: 180px; } .sections .item-small .space p { font-size: 14px; } .sections .item-small .space p.title { margin-bottom: 6px; font-size: 20px; line-height: normal; } .sections .item-small .space p.price { font-size: 20px; line-height: normal; } .cta .photo { width: 220px; height: 270px; margin: 0; display: block; position: absolute; left: -30px; bottom: 0; } .cta .text { margin-left: 200px; } .cta .buttons .button { width: 232px; height: 75px; } .pre-approved { padding: 122px 0; } .pre-approved .heading { font-size: 28px; line-height: 32px; } .pre-approved .subheading { font-size: 20px; line-height: 28px; } .pre-approved .list { max-width: 800px; margin-top: 80px; } .pre-approved .list li { width: 50%; padding: 0 25px; margin-bottom: 40px; float: left; } .pre-approved .list .icon { width: 106px; height: 106px; padding: 17px; margin-bottom: 21px; } .pre-approved .list .icon img { width: 70px; height: 70px; } .pre-approved .list .title { margin-bottom: 23px; font-size: 22px; line-height: 24px; } .form-steps { margin-top: -50px; padding: 100px 50vw 50px; margin-right: -50vw; margin-left: -50vw; display: block; } .form-steps .heading { font-size: 36px; line-height: 40px; } .form-steps .progress { padding-top: 26px; } .form-steps .progress:before { height: 5px; top: 48px; } .form-steps .progress li { width: auto; height: auto; } .form-steps .progress li:first-child { margin-left: -7px; } .form-steps .progress li:last-child { margin-right: -7px; } .form-steps .progress li:before { width: 48px; height: 48px; border-width: 5px; line-height: 38px; } .form-steps[data-step="1"] .progress li:nth-child(1):after, .form-steps[data-step="2"] .progress li:nth-child(1):after, .form-steps[data-step="2"] .progress li:nth-child(2):after, .form-steps[data-step="3"] .progress li:nth-child(1):after, .form-steps[data-step="3"] .progress li:nth-child(2):after, .form-steps[data-step="3"] .progress li:nth-child(3):after, .form-steps[data-step="4"] .progress li:nth-child(1):after, .form-steps[data-step="4"] .progress li:nth-child(2):after, .form-steps[data-step="4"] .progress li:nth-child(3):after, .form-steps[data-step="4"] .progress li:nth-child(4):after, .form-steps[data-step="5"] .progress li:nth-child(1):after, .form-steps[data-step="5"] .progress li:nth-child(2):after, .form-steps[data-step="5"] .progress li:nth-child(3):after, .form-steps[data-step="5"] .progress li:nth-child(4):after, .form-steps[data-step="5"] .progress li:nth-child(5):after, .form-steps[data-step="6"] .progress li:nth-child(1):after, .form-steps[data-step="6"] .progress li:nth-child(2):after, .form-steps[data-step="6"] .progress li:nth-child(3):after, .form-steps[data-step="6"] .progress li:nth-child(4):after, .form-steps[data-step="6"] .progress li:nth-child(5):after, .form-steps[data-step="6"] .progress li:nth-child(6):after { margin-top: 16px; border-top-width: 4px; border-left-width: 4px; } .form-steps .form-step { width: 574px; height: 190px; margin-top: 72px; padding: 65px 25px 30px; font-size: 19px; line-height: 23px; } .form-steps .form-step .form-title { margin: 0; font-size: 26px; line-height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: absolute; top: 25px; left: 25px; right: 25px; } .form-steps .form-step .form-group { width: auto; } .form-steps .form-step .form-group .checkbox { width: 152px; margin: 0 4px; display: inline-block; vertical-align: middle; } .form-steps .form-step .form-group-pair { width: 300px; } .form-steps .form-step .form-group-pair .query { width: 206px; } .form-steps .form-step .form-group-down-payment { width: 250px; } .form-steps .form-step .form-group-down-payment .query { width: 136px; } .form-steps .form-step .form-group-down-payment .button { margin-left: 20px; } .form-steps .form-step .form-group-expanded .checkbox { margin-right: 12px; margin-left: 12px; } .form-steps .form-step .form-group-credit-score { width: 350px; } .form-steps .form-step .form-group-credit-score .checkbox { margin: 4px 7px; } .form-steps .form-step-group-1 .form-step { width: 416px; } .form-steps .form-step-group-1 .form-step .form-group { width: 300px; } .form-steps .form-step-group-1 .form-step .form-text { margin: 5px 0 23px; } .form-steps .form-step-group-6 .form-step .image { margin: 0; float: left; position: relative; left: 30px; top: 14px; } .form-steps .form-step-group-6 .form-step .text { margin: 0 0 0 146px; padding: 12px 10px 0 0; text-align: left; font-size: 16px; line-height: 24px; } .calculator-header { padding: 25px 5px 14px; } .calculator-header .heading { font-size: 30px; line-height: 40px; } .calculator-header .subheading { font-size: 18px; line-height: 26px; } .calculator .button-pre { margin: 0; position: absolute; top: 22px; right: 22px; } .calculator-space { padding: 20px; } .calculator-other { padding: 29px 19px 19px; margin: 0 -20px; } .calculator-other .heading { margin-bottom: 59px; } .calculator-other .options .entry { width: 25%; padding: 0 5px; float: left; } .calculator-other .options .pic { margin-bottom: 15px; } .calculator-other .options p.title { margin-bottom: 14px; } .calculator-form-input { max-width: none; } .calculator-form .form-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .calculator-form .form-group .form-col:first-child { width: 100%; } .calculator-form .form-group .form-col:nth-child(2) { width: 500px; padding-top: 24px; } .how-to-use { margin-top: 34px; margin-bottom: 68px; } .how-to-use-header { padding: 0 4px; } .how-to-use .heading { font-size: 30px; line-height: 40px; } .how-to-use .subheading { font-size: 18px; line-height: 26px; } .how-to-use .info { margin-top: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .how-to-use .info .entry { width: 33.3%; padding: 25px 20px 25px 25px; border-top: none; border-left: 1px solid #d0d0d0; } .how-to-use .info .entry:first-child { border-left: none; } .how-to-use .info .title { margin-bottom: 18px; } .news { margin-top: 60px; } .news .heading { margin-bottom: 39px; font-size: 36px; line-height: 38px; } .news .list { margin: 0 -10px; } .news .list .entry { padding: 0 10px; float: left; } .news .list .entry:not(:first-child) { display: block; } .news .list .item { max-width: none; } .news .list .item .info { font-size: 13px; line-height: 18px; } .news .list.slick-initialized .slick-dots { margin-top: 39px; } .news .list.slick-initialized .slick-dots li { padding: 10px 8px; } .news .list.slick-initialized .slick-dots li .dots { width: 20px; } .subscribe { max-width: none; padding: 35px 40px 35px 168px; margin-top: 40px; } .subscribe:before { display: block; } .subscribe .head { float: left; } .subscribe .form-subscribe { float: right; } .subscribe .form-subscribe .input.zip { width: 102px; margin-right: 27px; } .subscribe .form-subscribe .input.tel { width: 360px; } .subscribe .form-subscribe .submit { top: 4px; } .information { margin-top: 40px; } .information .col { width: 33.3%; padding-right: 30px; margin-bottom: 0; float: left; text-align: left; } .information .col:nth-child(1) { display: none; } .information .col:nth-child(2) { width: 35%; } .information .col:nth-child(3) { width: 35%; } .information .col:nth-child(4) { width: 30%; } .information .contacts-logo { margin: -16px 0 0 -2px; } .information .contacts-list { margin: 42px 0 2px 0; } .footer-menu { text-align: left; } .footer-menu li { margin: 0; min-width: auto; } .footer-menu li:not(:first-child):before { margin-left: 9px; margin-right: 9px; display: inline-block; content: '-'; } .footer-social { margin: 0; position: absolute; top: 17px; right: 21px; text-align: left; } .footer-social li { float: left; margin: 0 22px 0 0; } .footer-social li:last-child { margin-right: 0; } .footer-copyright { margin-top: 4px; text-align: left; } .nav { width: 100vw; height: 50px; } .nav .menu { font-size: 28px; line-height: 40px; } .nav .menu .submenu { font-size: 20px; line-height: 24px; } .nav .toggle { height: 50px; } .nav .toggle span, .nav .toggle:before, .nav .toggle:after { width: 25px; } .nav .toggle:before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); } .nav .toggle:after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } .nav .search-toggle { width: 50px; height: 50px; padding: 5px; } .nav .search-toggle:hover:after, .nav .search-toggle:focus:after { border-color: #00c2d3; background-color: #00c2d3; } .nav-phone { width: auto; left: auto; right: 15px; } .nav-phone a { font-size: 31px; } .form-filter .filter-advanced .selectcheck { width: 260px; } .form-filter .filter-advanced .checkbox-color { margin-bottom: 0; margin-right: 25px; float: left; } .page-header { height: 50px; padding: 18px 110px 18px 10px; letter-spacing: -0.01em; text-align: left; background: #fff; } .page-header { padding-left: 5px; } .page-header .heading { width: 100%; margin: 0; font-size: 16px; max-height: 48px; text-align: left; white-space: nowrap; float: left; text-overflow: ellipsis; } .page-header .sort { display: block; right: 10px; } .bargains { margin: 55px 0 80px 0; } .bargains-list { margin: 0 -15px; } .bargains-list .entry { padding: 0 15px; float: left; } .bargains-list .img { height: 260px; } .bargains-list .title { font-size: 22px; line-height: normal; } .bargains-list .price { font-size: 20px; line-height: normal; } .bargains-list.slick-initialized .slick-dots { margin-top: 39px; } .bargains-list.slick-initialized .slick-dots li { padding: 10px 8px; } .bargains-list.slick-initialized .slick-dots li .dots { width: 20px; } .catalog { max-width: 1215px; margin: -10px -18px 50px -17px; } .fullpage .catalog { padding: 5px; margin: 0 auto; } .catalog .item { width: 33.3%; margin: 0; float: left; } .fullpage .catalog .item { width: 50%; margin-top: -5px; } .fullpage .catalog .item:nth-child(odd) { padding-left: 0; padding-right: 0; clear: left; } .fullpage .catalog .item:nth-child(even) { padding-right: 0; } .catalog .block .photo { height: 145px; } .fullpage .catalog .block .photo { height: 30vw; } .catalog .head .edit-location { margin: 0; display: block; position: absolute; top: 10px; right: 20px; } .map { padding-top: 50px; } .map { width: auto; padding-top: 0; margin-right: 358px; left: 0; position: relative; } .popup-details .location.right { margin: 0 0 10px 20px; display: block; width: 280px; max-width: none; } .location .pic .title { display: block !important; } .popup-details .parameters.right { margin-bottom: 20px; } .form-request .cols { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-request .cols .col-l { width: 50%; padding-right: 10px; } .form-request .cols .col-r { width: 50%; padding-left: 10px; } .form-request .cols .col-r .form-group:last-child { margin-bottom: 0; } .form-request .cols .photo { height: 100%; margin-bottom: 0; } .slideshow .slideshow-image .item { height: 450px; } .slideshow .slideshow-nav .item:before { font-size: 13px; line-height: 19px; } .description { margin-bottom: 27px; } .description .listed { padding: 1px 0; } .tab .half li { width: 50%; margin-bottom: 8px; float: left; } .tabs { font-size: 15px; line-height: 20px; } .tabs li { min-width: 0; } .tabs li a { padding-left: 21px; padding-right: 21px; } .cards { margin-bottom: 20px; } .card { width: 50%; border-radius: 0 2px 2px 0; margin-bottom: 0; float: left; font-size: 15px; line-height: 18px; } .card:first-child { border-right: none; border-radius: 2px 0 0 2px; } .card .who { font-size: 15px; line-height: 18px; } .card .name { margin: 0; font-size: 16px; line-height: 18px; font-weight: bold; top: 0; } .estimated { margin-right: 0; margin-left: 0; } .related .list .item .info { padding-top: 4px; } .features .heading { font-size: 28px; line-height: 32px; } .features .text { max-width: none; font-size: 18px; } .features .list { max-width: none; } .features .list li { width: 33.3%; padding: 0 15px; margin-bottom: 0; float: left; } .features .list .icon { width: 150px; height: 150px; } .partners .heading { font-size: 44px; line-height: 50px; } .partners .list .logo { max-width: 100%; } .account-content .account-form .form-group { -webkit-flex-basis: 48%; -ms-flex-preferred-size: 48%; flex-basis: 48%; } .values { height: 100vh; min-height: 600px; margin-top: -50px; padding: 100px 50vw 50px; margin-right: -50vw; margin-left: -50vw; } .values.values-mortgage { padding: 100px 10vw 50px; margin-right: -10vw; margin-left: -10vw; } .values.values-3 .step .form-search .form-text { margin-bottom: 28px; } .values.values-4 { height: 100vh; min-height: 850px; } .values .step .values-type .title { font-size: 24px; line-height: 32px; } .values .step .values-type .links { margin-top: 40px; } .values .step .values-type .links li { display: inline-block; vertical-align: middle; } .values .step .values-type .links li + li { margin-top: 0; } .values .step .values-type .links li a { font-size: 18px; } .values .step .form-search .legend { margin-bottom: 54px; } .values .step .form-search .legend-sm { margin-bottom: 34px; } .values .step .form-search .form-text { margin-bottom: 26px; font-size: 16px; } .values .step .form-search .form-group-pair { padding-right: 76px; } .values .step .form-search .form-group-pair .query { font-size: 18px; } .values .step .form-search .form-group-pair .button { width: 76px; } .values .step .form-search .form-group-pair .button:before { width: 14px; height: 14px; border-width: 4px; } .values .step .form-search .form-group-select .selectric .label { height: 60px; margin-left: 26px; margin-right: 76px; font-size: 18px; line-height: 60px; } .values .step .form-search .form-group-select .selectric .button { width: 76px; height: 60px; } .values .step .form-search .form-group-select .selectric .button:after { width: 14px; height: 14px; border-width: 4px; } .values .step .form-search .form-group-select .selectric-items li { padding: 16px 26px; font-size: 18px; line-height: 26px; } .values .step .form-report { max-width: 870px; padding: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .values .step .form-report .adr { margin-bottom: 25px; font-size: 16px; } .values .step .form-report .adr-line .edit:before { background-size: 10px 10px; background-position: center center; } .values .step .form-report .form-col { width: 50%; padding: 30px 24px; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .values .step .form-report .form-submit .submit { width: 100%; margin: 0; } .values .person-fields { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .values .person-fields div:nth-child(-n+3) { padding-right: 10px; } .values .find-help-final .client { font-size: 14px; line-height: 17px; } .values .find-help-final .client .text { padding: 25px; } .login { padding-top: 80px; padding-bottom: 160px; margin-top: -80px; margin-bottom: -95px; } .page404 { padding-top: 80px; padding-bottom: 160px; margin-top: -80px; margin-bottom: -95px; } .round-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 120px 0 0 0; } .round-buttons-sm { margin: 0; } .mortgage .sort { margin-right: -10px; } .mortgage .lenders .info { width: 200px; padding-right: 20px; } .mortgage .lenders .stats { padding-right: 20px; margin: 0; } .mortgage .lenders .actions { width: 140px; } .experts { margin-bottom: 28px; } .experts .list .name { margin: 0; font-size: 18px; line-height: 24px; top: 0; } .agents { margin: 0 -5px; } .agents .entry { margin-bottom: 10px; } .agents .name { margin: 0; top: -3px; } .schools { max-width: none; } .investment { margin-bottom: 36px; } .investment .text .score { margin-right: 30px; } .demographics { max-width: none; margin: 0 0 30px 0; } .demographics-area { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .banner { height: 196px; padding: 50px 0; font-size: 18px; line-height: 24px; text-align: left; } .banner:after { width: calc(50vw + 148px); background-position: 100% 0; } .banner .heading { max-width: 440px; margin-bottom: 18px; font-size: 24px; line-height: 30px; } .banner p { max-width: 440px; } .banner .big { width: 188px; height: 48px; margin: auto 0; font-size: 34px; line-height: 40px; position: absolute; right: 0; top: 0; bottom: 0; } .find-help { height: 100vh; min-height: 600px; margin-top: -50px; padding: 100px 50vw 50px; margin-right: -60vw; margin-left: -60vw; } .find-help .find-help-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .find-help .find-help-container .find-help-pic img { width: 230px; } .find-help .find-help-container .find-help-title { font-size: 50px; line-height: 60px; } .find-help-lead .form-step { width: 800px; } .advertising { height: 100vh; min-height: 600px; margin-top: -50px; padding: 100px 10vw 50px; } .advertising .form-search legend { font-size: 44px; } .advertising-details-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .advertising-details-wrapper .details-item { width: 50%; } .advertising-client .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .advertising-client-quote { padding: 40px 0 0 120px; } .popup { padding: 30px; } .popup-details { padding: 0 20px; top: 50px; } .popup-details .popup-content .scrollable { padding: 20px; padding-right: 30px; top: 50px; } .msie .popup-details .popup-content .scrollable { padding-right: 20px; } .popup-details .call-to-action { height: 50px; padding: 7px 20px; } .popup-details .call-to-action .link { width: auto; height: auto; padding-right: 20px; padding-left: 30px; line-height: 36px; text-indent: 0; overflow: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .popup-details .call-to-action .link:before { top: 01px; left: -2px; right: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .popup-details .call-to-action .link.back { left: 20px; top: 6px; } .popup-details .head { height: 70px; margin-top: -70px; top: 450px; font-size: 14px; line-height: 25px; } .popup-details .head mark { font-size: 20px; } .popup-details .head .name { width: auto; height: 100%; } .popup-details .head .sale { width: 140px; height: 100%; padding: 10px; } .popup-details .head .price { width: 140px; height: 100%; padding: 10px; } .popup-details .head .fullscreen { top: 22px; right: 300px; } .popup-details .container-address { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; display: none; } .popup-details .slideshow.left { max-width: none; width: calc(100% - 300px); margin: 0 0 10px 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .popup-details .slideshow.left:after { display: table; content: ''; clear: both; } .popup-details .slideshow.left > *:last-child { margin-bottom: 0; } .popup-details .slideshow { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; width: 100%; margin: 0 0 10px; } .popup-details .container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column wrap; -ms-flex-flow: column wrap; flex-flow: column wrap; height: 2000px; } .popup-details .left { max-width: none; width: calc(100% - 300px); margin: 0 0 20px 0; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .popup-details .left:after { display: table; content: ''; clear: both; } .popup-details .left > *:last-child { margin-bottom: 0; } .popup-details .right { width: 280px; max-width: none; margin: 0 0 27px 20px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; z-index: 10; } .popup-details .right:after { display: table; content: ''; clear: both; } .popup-details .right > *:last-child { margin-bottom: 0; } .popup-details .heading { font-size: 20px; } .popup-details .form-request { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; margin-bottom: 22px; } .popup-details .details { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; max-width: none; margin: 0 0 40px; } .popup-details .container-about { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .popup-details .container-schools { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; } .popup-details .learn-more { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; max-width: none; margin: 0; } .popup-details .learn-more .form-request { max-width: none; margin-top: 10px; margin-bottom: 10px; } .popup-details .investment .heading { margin-bottom: 20px; } .popup-details .viewing { max-width: none; margin: 0; } .popup-details .location { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; } .popup-details .parameters { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; } .popup-details .description { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; } .popup-details .experts { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; } .popup-details .experts-ad { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; } .popup-details .related { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; } .popup-details .investment { -webkit-box-ordinal-group: unset; -webkit-order: unset; -ms-flex-order: unset; order: unset; } .popup-details footer .footer-container { margin-bottom: 5px; } } @media (min-width: 950px) and (max-width: 1440px) { .popup-details .learn-more .agents { margin: 0; } .popup-details .learn-more .agents .entry { width: 100%; padding: 0; float: none; } } @media (min-width: 950px) { .page, .wrapper { width: 950px; } .search { padding-top: 170px; padding-bottom: 125px; } .search-alternative .form-search .text { font-size: 36px; line-height: 40px; } .search-alternative .info { margin: 170px auto -170px; } .search-alternative .info .line { padding-right: 14px; display: inline-block; vertical-align: top; } .search-alternative .info .line + .line { padding-left: 18px; margin-top: 0; position: relative; } .search-alternative .info .line + .line:before { display: block; content: ''; overflow: hidden; width: 1px; height: 15px; margin: auto; background: rgba(255, 255, 255, 0.5); position: absolute; top: 1px; left: 0; bottom: 0; } .form-search .legend { font-size: 56px; } .form-search .legend-md { font-size: 40px; } .form-search .legend-sm { font-size: 32px; } .form-search .legend .line:after { width: 142px; height: 18px; margin-top: -14px; } .sections .left { width: 440px; } .sections .right { width: 440px; } .sections .right-area { margin: 30px -15px 0; } .sections .right-area .item-small { margin: 0 15px; } .sections .item { height: 450px; } .sections .item .space { padding: 12px 20px; } .sections .item-wide { height: 210px; } .sections .item-wide .space { padding: 14px 18px; } .sections .item-small { height: 210px; } .sections .item-small .space { padding: 10px 15px; } .sections .item-small .space p.title { margin-bottom: 12px; } .sections .item-small .space p.location { margin-bottom: 15px; } .sections .item-small .space p.price { margin: 15px 0 0 1px; font-size: 25px; line-height: normal; letter-spacing: .04em; } .sections .item-small .space p.price .small { font-size: 14px; left: 5px; top: -4px; letter-spacing: .04em; } .cta { padding: 82px 0; min-height: 540px; font-size: 15px; line-height: 24px; } .cta .photo { width: 380px; height: 464px; } .cta .heading { font-size: 34px; line-height: 38px; } .cta .text { width: 520px; float: right; } .cta .buttons { margin: 42px 0 0; } .cta .buttons { text-align: left; } .cta .buttons .button { display: block; float: left; } .pre-approved .heading { margin-bottom: 16px; font-size: 36px; line-height: 40px; } .form-steps .heading { margin-bottom: 25px; font-size: 48px; line-height: 60px; } .calculator-space { padding: 70px 38px 38px; } .calculator-other { padding: 44px 37px 37px; margin: 0 -38px; } .calculator-other .options .pic { margin-bottom: 26px; } .calculator-form .form-group .form-col:nth-child(2) { width: 420px; } .how-to-use .info { margin-top: 54px; } .how-to-use .info .entry { padding: 33px 40px 42px; } .news { margin-top: 110px; } .news .list .item .photo { height: 310px; } .news .list .item .info .name { margin-bottom: 0; margin-right: 10px; } .news .list .item .info .name + br { display: none; } .information { padding-top: 65px; margin-top: 45px; } .information .col { width: 25%; } .information .col:nth-child(1) { width: 33%; display: block; } .information .col:nth-child(2) { width: 22%; } .information .col:nth-child(3) { width: 25%; } .information .col:nth-child(4) { width: 20%; } .information .links { font-size: 13px; line-height: 20px; } .footer { padding-top: 13px; padding-bottom: 30px; } .form-filter .filter-basic { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .form-filter .filter-advanced .form-group-inline { margin: 0 10px 0 0; display: inline-block; vertical-align: middle; } .form-filter .filter-advanced .form-group-inline:last-child { margin-right: 0; } .form-filter .query-input { width: 33.3%; max-width: 300px; } .form-filter .pair { width: 33.3%; max-width: 300px; margin: 0 0 0 15px; display: inline-block; } .bargains-list .price { font-size: 25px; line-height: normal; letter-spacing: .04em; } .bargains-list .price .small { font-size: 16px; left: 4px; top: -4px; letter-spacing: .04em; } .bargains-list.slick-initialized { max-width: 900px; padding: 0 80px; left: 50%; -webkit-transform: translate3d(-450px, 0, 0); transform: translate3d(-450px, 0, 0); } .catalog .block .photo { height: 195px; } .fullpage .catalog .block .photo { height: 30vw; } .form-request .title .hidden { display: inline; } .tabs { font-size: 16px; line-height: 22px; } .card { padding: 15px 20px; font-size: 16px; line-height: 23px; } .card .who { font-size: 18px; line-height: 22px; letter-spacing: .01em; } .card .pic { margin-bottom: -70px; } .card .pic img { width: 70px; height: 70px; } .card .info { padding-left: 79px; } .card .name { margin: 0 0 1px; top: -4px; font-size: 21px; line-height: 25px; font-weight: normal; } .card a[href^='mailto:'] { font-size: 14px; } .features .heading { margin-bottom: 23px; font-size: 36px; line-height: 40px; } .partners .heading { font-size: 47px; } .account-content .account-form-col .form-group { width: 48%; } .login { max-width: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: -104px; } .login .left { padding: 10px 40px 40px 0; display: block; } .login .right { width: 500px; padding: 40px 0 40px 40px; border-left: 1px solid #d6d6d6; } .login .right h1 { margin-bottom: 40px; text-align: center; } .login .right h2 { text-align: center; } .login .right .form-group-submit { margin-top: 14px; } .login .right .forgot-link, .login .right .sign-in-link { margin-top: 8px; float: left; } .login .right .button { width: 200px; margin: 0; float: right; } .page404 { max-width: none; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: -110px; } .mortgage .zip { width: 260px; margin: 0; position: absolute; top: 0; right: 0; } .mortgage .sort { margin-top: 0; } .experts .list .pic img { width: 70px; height: 70px; } .experts .list .info { margin-left: 80px; } .experts .list .name { margin: 0 0 1px; padding-top: 2px; } .agents .pic img { width: 60px; height: 60px; } .agents .info { margin-left: 70px; } .agents .name { margin: 0 0 1px; } .demographics { width: 50%; padding-left: 15px; float: right; } .demographics + * { clear: both; } .demographics-area { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .banner:after { width: calc(50vw + 240px); } .banner .heading { max-width: 600px; } .banner p { max-width: 600px; } .advertising .form-search legend { font-size: 56px; } .advertising-plans .wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .advertising-plans .wrapper > div { width: 30%; padding: 25px; } .advertising-plans .wrapper > div:first-child { width: 40%; padding: 160px 10px 10px 10px; } .advertising-plans-item { padding: 0 20px; } .popup-details .head { top: 500px; height: 90px; margin-top: -90px; font-size: 18px; line-height: 30px; letter-spacing: .01em; } .popup-details .head mark { font-size: 24px; } .popup-details .head .name { width: 640px; padding: 15px 20px; } .msie .popup-details .head .name { width: 633px; } .popup-details .head .sale { width: 170px; padding: 15px 20px; } .popup-details .head .price { width: 170px; padding: 15px 20px; } .popup-details .head .fullscreen { right: 370px; } .popup-details .social { top: 2px; z-index: 20; margin-bottom: -30px; } .popup-details .details-space .col { width: 33.3%; } .popup-details .details-space .col2 { width: 50%; } .popup-details .details-space .col:last-of-type, .popup-details .details-space .col2:last-of-type { padding-right: 0; } .popup-details .learn-more .agents { width: 50%; padding-right: 10px; margin-bottom: 20px; float: left; } .popup-details .learn-more .form-request { width: 50%; margin-bottom: 20px; float: left; } } @media (min-width: 1040px) { .popup-details .location.right { width: 320px; } .slideshow .slideshow-image .item { height: 374px; } .description { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .description .badges { -webkit-box-ordinal-group: 11; -webkit-order: 10; -ms-flex-order: 10; order: 10; } .popup-details .popup-content { width: 990px; } .popup-details .call-to-action { max-width: 990px; } .popup-details .head { top: 550px; right: 10px; } .popup-details .slideshow.left { width: 600px; padding-right: 0; } .popup-details .left { width: 600px; padding-right: 0; } .popup-details .right { width: 320px; position: relative; } .popup-details .container-about { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } .popup-details .container-schools { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row; -ms-flex-flow: row; flex-flow: row; } .popup-details .about { width: 330px; padding-right: 30px; float: left; } .popup-details .about + *:not(.estimated) { clear: both; } .popup-details .estimated { margin-top: 6px; float: right; } .popup-details .estimated + * { clear: both; } .popup-details .viewing { width: 50%; float: left; } } @media (min-width: 1180px) { body { padding-top: 80px; } .page, .wrapper { width: 1180px; } .page.fullpage { padding: 0; } .content { width: 860px; float: left; } .fullpage .content { width: 358px; display: block; float: right; z-index: 300; } .page-catalog-wide .content { width: 690px; } .sidebar { width: 300px; padding-top: 50px; float: right; } .area { padding-right: 30px; } .msie .area { padding-right: 20px; } .header { height: 80px; padding: 4px 15px; } .page-index .header:before { height: 220px; margin-left: -50vw; top: -26px; left: 50%; } .page-values .header:before { height: 100px; margin-left: -50vw; left: 50%; } .page-advertising .header:before { height: 100px; margin-left: -50vw; left: 50%; } .page-pre-qualification .header:before { height: 100px; margin-left: -50vw; left: 50%; } .header .logo { width: 198px; height: 70px; margin: 0; display: block; position: relative; right: auto; } .search { margin-top: -80px; padding-top: 100px; padding-bottom: 75px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .search-alternative { min-height: 538px; padding-top: 95px; } .search-alternative .info { margin: 0 auto; position: absolute; right: 0; bottom: 0; left: 0; } .form-search .form-group-type { width: 214px; } .form-search .form-group-type .selectric .label { margin-left: 30px; font-size: 16px; } .form-search .form-group-type .selectric-items li { padding-left: 30px; font-size: 16px; } .form-search .form-group-pair { padding-right: 260px; margin-left: 214px; } .form-search .form-group-pair .button { width: 260px; padding-top: 16px; padding-bottom: 10px; font-size: 24px; line-height: 34px; } .search-dropdown { top: 80px; } .page-index .search-dropdown { top: 106px; } .sections { padding-top: 50px; } .sections .heading { margin-bottom: 36px; } .sections .left { width: 555px; } .sections .right { width: 555px; } .cta { min-height: 560px; } .cta .photo { width: 426px; height: 520px; left: 5px; } .cta .text { width: 680px; margin-right: -28px; } .cta .buttons .button + .button { margin-left: 30px; } .pre-approved { padding-bottom: 128px; } .pre-approved .list { max-width: none; margin-right: -20px; margin-left: -20px; } .pre-approved .list li { width: 25%; padding: 0 15px; margin-bottom: 0; } .form-steps { margin-top: -80px; padding-top: 175px; padding-bottom: 144px; } .calculator-other .options { padding: 0 29px; } .calculator-form-input { width: 657px; float: left; } .calculator-form .form-group .form-col:first-child { width: 373px; } .calculator-form .form-group .form-col:nth-child(2) { width: 281px; } .calculator-form-output { width: 405px; float: right; } .how-to-use .subheading br { display: inline; } .news .list { margin: 0 -15px; } .news .list .entry { padding: 0 15px; } .subscribe { padding-top: 50px; padding-bottom: 43px; padding-left: 154px; margin-top: 83px; } .information { padding-bottom: 65px; margin-top: 56px; } .information .col { padding-right: 50px; } .information .col:nth-child(1) { width: 34%; } .information .col:nth-child(2) { width: 20.5%; } .information .col:nth-child(3) { width: 26%; } .information .col:nth-child(4) { width: 19.5%; } .nav { width: auto; height: 0; overflow: visible !important; right: 0; bottom: auto !important; z-index: 600; } .nav .menu.menu-login { display: block; right: 30px; left: auto; } .nav .menu { padding: 10px; display: block; position: absolute; left: 220px; right: auto; top: 20px; font-size: 15px; line-height: 30px; font-weight: normal; color: #545454; overflow: visible; bottom: auto; -webkit-transform: none; -ms-transform: none; transform: none; transition: none; } .nav .menu:after { display: table; content: ''; clear: both; } .nav .menu > li { padding: 0; margin: 0; max-width: none; float: left; position: relative; } .nav .menu > li.menu-mobile { display: none !important; } .nav .menu > li > a.sub:after { display: block; content: ''; height: 1px; margin: auto; overflow: hidden; opacity: 0; position: absolute; top: 50%; left: 19px; bottom: -1px; right: 19px; z-index: 1; background: #545454; transition: opacity 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } .nav .menu > li > a:hover, .nav .menu > li > a:focus { color: #00c2d3; } .nav .menu > li > a:hover:after, .nav .menu > li > a:focus:after { background: #00c2d3; } .page-index .nav .menu > li > a { color: #fff; } .page-index .nav .menu > li > a:hover, .page-index .nav .menu > li > a:focus { color: #00c2d3; } .nav .menu > li.sub { padding-bottom: 20px; margin-bottom: -20px; } .nav .menu > li.sub.active .submenu { display: none; opacity: 0; } .nav .menu > li.sub.open .submenu { display: block !important; } .nav .menu > li.sub.animate .submenu { max-height: none; } .nav .menu .submenu { max-height: none; padding: 10px 0; margin-top: -5px; font-size: 14px; line-height: 24px; font-weight: normal; color: #545454; overflow: visible; white-space: nowrap; text-align: left; position: absolute; top: 100%; right: 0; z-index: 1; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .nav .menu .submenu a { color: #445865; } .nav .menu .submenu a:hover, .nav .menu .submenu a:focus { background-color: #00c2d3; color: #fff; } .nav .toggle { display: none; } .nav .overlay { display: none; } .nav .search-toggle { padding: 0; top: 20px; right: 240px; } .nav .search-toggle:before { width: 20px; height: 20px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 93.10344827586206% 10.0418410041841%; } .nav .search-toggle:after { display: block; } .nav .search-toggle .close { width: 48px; height: 48px; margin: auto 0; } .nav .login-links { display: block; } .nav.nav-search .menu li > a { color: #445865; } .nav.nav-search .login-links { color: #445865; } .nav.nav-search .login-links a { color: #445865; } .nav-phone { right: 105px; top: 25px; } .filter { height: auto; top: 80px; right: 358px; bottom: auto; } .form-filter .filter-mobile { display: none; } .form-filter .filter-space { display: block; } .form-filter .filter-basic { padding-right: 130px; } .form-filter .filter-advanced .form-group-inline { margin-right: 10px; } .form-filter .filter-advanced .form-group-inline:last-child { margin-top: 3px; } .form-filter .toggle { display: block; right: 5px; } .page-header { width: 361px; left: unset; } .page-header .sort { right: 15px; } .bargains-list .info .data .col, .bargains-list .info .data .col:first-child { width: 25%; } .bargains-list .actions li { margin-right: 11px; } .fullpage .catalog { max-width: 348px; padding: 0; margin: 0; } .page-catalog-wide .catalog { max-width: 680px; padding: 5px; margin: 0; } .catalog .item { width: 405px; } .fullpage .catalog .item { width: 100%; margin-top: 0; } .fullpage .catalog .item:nth-child(odd) { padding-left: 5px; padding-right: 5px; clear: none; } .fullpage .catalog .item:nth-child(even) { padding-right: 5px; } .fullpage .catalog .item + .item { margin-top: -5px; } .page-catalog-wide .catalog .item { width: 50%; margin-top: -5px; } .page-catalog-wide .catalog .item:nth-child(odd) { padding-right: 0; clear: left; } .catalog .space:hover, .catalog .space:focus { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); background: #f9f9f9; } .catalog .space:hover .block:before, .catalog .space:focus .block:before { opacity: .8; } .catalog .space:hover .more, .catalog .space:focus .more { color: #303030; background-color: #fff; } .catalog .block .photo { height: 250px; } .fullpage .catalog .block .photo { height: 178px; } .catalog .block .text { padding: 8px 12px; } .catalog .block .text .price { font-weight: bold; letter-spacing: .02em; } .catalog .block .badge { top: 6px; left: 6px; letter-spacing: 0; } .catalog .more { right: 6px; bottom: 6px; } .catalog .like { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); top: 11px; right: 11px; } .page-catalog-wide .map { margin-right: 690px; } .map .page-header { display: none; } .map .map-button { display: block; } .map-listings { display: block; } .features .text { font-size: 21px; } .features .list { font-size: 18px; line-height: 24px; } .features .list li { padding: 0 40px; } .partners { padding-bottom: 70px; } .partners .list { margin: 0 -20px; } .partners .list li { margin: 0 20px 20px; } .values { margin-top: -80px; padding-top: 100px; } .values .step .values-type .links li { margin: 0 22px; } .values .step .values-type .links li a { min-width: 200px; } .values .step .values-type-white .links li a { min-width: 140px; } .values .step .form-report .legend { margin-top: 2px; margin-bottom: 28px; font-size: 21px; } .values .step .form-report .form-col { padding: 42px 34px 38px; } .values .find-help-final { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .values .find-help-final.form-step { width: 1000px; } .values .find-help-final .client { width: 60%; } .values .find-help-final .location-final { width: 40%; } .page-mortgage .content { width: 880px; } .page-mortgage .sidebar { width: 280px; } .form-mortgage { max-width: none; margin: -20px -15px -10px !important; } .form-mortgage .form-group { width: 280px; max-width: none; padding-left: 10px; padding-right: 10px; display: block; float: left; } .form-mortgage .form-group:nth-child(3n) { width: 280px; } .form-mortgage .form-group-submit { padding-top: 24px; margin-top: 0; } .mortgage .zip { top: -2px; right: -15px; } .mortgage .sort { margin-right: -25px; } .mortgage .lenders { margin-right: -30px; margin-left: -30px; } .mortgage .lenders .item { padding-right: 30px; padding-left: 30px; display: block; } .mortgage .lenders .info { width: 260px; float: left; } .mortgage .lenders .stats { width: 300px; float: left; } .mortgage .lenders .actions { float: right; } .mortgage .lenders .actions .submit { max-width: none; padding-right: 4px; padding-left: 4px; } .banner { padding: 60px 0; margin-right: -18px; margin-left: -18px; font-size: 20px; } .banner:after { width: calc(50vw + 308px); } .banner .heading { max-width: 840px; font-size: 28px; line-height: 32px; } .banner p { max-width: 840px; } .banner .big { width: 288px; font-size: 44px; line-height: 48px; } .find-help { margin-top: -80px; padding-top: 100px; } .advertising { margin-top: -80px; padding-top: 100px; } .advertising-form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; max-width: none; } .advertising-form-item { padding-left: 0; padding-right: 12px; } .popup-details { top: 0; } .popup-details .popup-content .scrollable { top: 60px; } .popup-details .call-to-action { height: 60px; max-width: 1230px; padding: 18px 30px; background: #efefef; } .popup-details .call-to-action .link { font-size: 20px; line-height: 24px; } .popup-details .call-to-action .link.back { left: 30px; top: 18px; } .popup-details .call-to-action .link.save { padding-left: 45px; margin-left: 23px; } .popup-details .call-to-action .link.print { padding-left: 40px; margin-left: 15px; } } @media (min-width: 1180px) and (min-width: 1180px) { .nav { z-index: 300; } } @media (min-width: 1279px) { .bargains-list.slick-initialized { max-width: none; padding: 0 20px; left: auto; -webkit-transform: none; -ms-transform: none; transform: none; } .bargains-list.slick-initialized .slick-arrow.slick-prev { left: -40px; } .bargains-list.slick-initialized .slick-arrow.slick-next { right: -40px; } } @media (min-width: 1440px) { .pre-approved .list { margin-right: -30px; margin-left: -30px; } .nav .menu > li > a { padding: 0 25px; } .nav .menu > li.active > a:after { left: 25px; right: 25px; } .nav .search-toggle { width: auto; height: auto; padding: 18px 0 16px 63px; text-indent: 0; } .nav .search-toggle:before { right: auto; left: 14px; } .nav .search-toggle:after { right: auto; } .filter { min-width: 1066px; } .bargains-list .item { width: 360px; } .bargains-list .img { width: 360px; } .bargains-list.slick-initialized { padding: 0; } .bargains-list.slick-initialized .slick-arrow.slick-prev { left: -88px; } .bargains-list.slick-initialized .slick-arrow.slick-next { right: -88px; } .popup-details .location.right { width: 370px; margin-left: 30px; } .location .pic .image { width: 370px; height: 292px; } .slideshow .slideshow-image .item { height: 480px; } .agents .entry { margin-bottom: 13px; } .advertising-brands .advertising-wrapper { width: 1440px; } .popup-details .popup-content { width: 1230px; } .popup-details .popup-content .scrollable { padding: 30px; } .popup-details .slideshow.left { width: 770px; } .popup-details .left { width: 770px; } .popup-details .right { width: 370px; margin-left: 30px; } .popup-details .details-space .col { width: 25%; } .popup-details .details-space .col2 { width: 50%; } .popup-details .about { width: 500px; } .popup-details .learn-more .agents { width: 410px; padding-right: 5px; } .popup-details .learn-more .form-request { width: 360px; margin-top: -5px; padding-right: 10px; float: right; } .popup-details .learn-more .form-request .form-group { margin-bottom: 8px; } .popup-details .viewing { width: 100%; clear: both; float: none; } } @media (min-width: 1680px) { .header { padding-right: 70px; padding-left: 70px; } .nav .menu { left: 335px; } .nav .search-toggle { right: 295px; } .nav .login-links { right: 57px; } .page-catalog-wide .filter { min-width: 990px; right: 690px; } .form-filter .filter-basic { padding-right: 230px; } .page-header { width: auto; left: 0; } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .slideshow-zoom {/** * Remove all paddings around the image on small screen */ } .slideshow-zoom .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .slideshow-zoom .mfp-img-mobile img.mfp-img { padding: 0; } .slideshow-zoom .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .slideshow-zoom .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .slideshow-zoom .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .slideshow-zoom .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .slideshow-zoom .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .slideshow-zoom .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .slideshow-zoom .mfp-arrow { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .slideshow-zoom .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; transform-origin: 0; } .slideshow-zoom .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; transform-origin: 100%; } .slideshow-zoom .mfp-container { padding-left: 6px; padding-right: 6px; } } @media (max-width: 950px) { .login .right h1 { font-size: 1.6em; } .login .right h2 { font-size: 1.2em; } } @media (min-width: 740px) { #find-help-nav .round-buttons a { width: 180px; text-align: center; } } @media (min-width: 940px) { #find-help-nav .round-buttons a { width: 220px; text-align: center; } } @media (min-width: 1140px) { #find-help-nav .round-buttons a { width: 280px; text-align: center; } } /*# sourceMappingURL=maps/main.css.map */ [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak { display: none !important; } .footer { padding: 15px 5px; } .form-sign-up .terms.blue { color: #0376d1; font-weight: bold; } .alert { padding:15px; margin-bottom:20px; border:1px solid transparent; border-radius:4px } .alert-success { color:#3c763d; background-color:#dff0d8; border-color:#d6e9c6 } .alert-success hr { border-top-color:#c9e2b3 } .alert-success .alert-link { color:#2b542c } .alert-danger { color:#a94442; background-color:#f2dede; border-color:#ebccd1 } .alert-danger hr { border-top-color:#e4b9c0 } .alert-danger .alert-link { color:#843534 } .alert-info { color:#31708f; background-color:#d9edf7; border-color:#bce8f1 } .alert-info hr { border-top-color:#a6e1ec } .alert-info .alert-link { color:#245269 } .alert-warning { color:#8a6d3b; background-color:#fcf8e3; border-color:#faebcc } .alert-warning hr { border-top-color:#f7e1b5 } .alert-warning .alert-link { color:#66512c } .form-request .form-group-financial { text-align: left; } .form-pre-approved .pre-approved-step2 .legend { margin-bottom: 0; } .pre-approved-step3 p { text-align: center; margin: 5px 0; } .pre-approved-step3 .button { font-size: 13px; width: 100%; } .form-pre-approved .pre-approved-step3 .legend { margin-bottom: 15px; } .form-pre-approved .pre-approved-step3 .legend strong { font-size: 16px; line-height: 20px; margin-bottom: 5px; } .help-lead-form .legend strong { font-size: 22px; } .help-form-client { margin-bottom: 15px; } .help-form-client .pic { float: left; margin: 0 10px 0 0; } .help-form-client .pic img { border-radius: 50%; } .help-form-client:after { content: ""; display: table; clear: both; } .help-form-client a { color: #666; } .help-form-client .info { padding-left: 75px; margin: 0; letter-spacing: -0.01em; } /* ========================================================================== FAVORITE ICON ========================================================================== */ .favorites .action .like, .favorites .action .like.like-active { width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; display: block; position: absolute; top: 7px; right: 150px; z-index: 5; } .favorites .action .like { background-position: 100% 0%; } .favorites .action .like.like-active { background-position: 50% 80%; } @media (min-width: 568px){ .favorites .action .like, .favorites .action .like.like-active { right: 0; top: 0; } } .selectric .label { white-space: normal; } .listing-labels { position: absolute; right: 20px; bottom: 85px; z-index: 5; } .listing-labels-inline { position: relative; display: inline-block; bottom: 0px; right: 0; } .listing-labels .label { display: inline-block; font-size: 12px; line-height: 12px; text-transform: uppercase; border-radius: 3px; padding: 3px 10px; background: #666; color: #fff; margin-left: 4px; } .listing-labels .label.green { background: #46af37; } .listing-labels .label.red { background: #c74402; } .listing-labels .label.orange { background: #d17b15; } .listing-labels .label.blue { background: #4c89e3; } @media (min-width: 950px) { .listing-labels-inline { top: -3px; } } .map .gmap .gmap-tooltip .gmap-tooltip-price a { color: #fff; } /* ========================================================================== ESTIMATED MORTGAGE ========================================================================== */ .estimated .price .note-mo { font-size: 22px; font-weight: normal; } [type=submit].button-malachite.button-malachite-blue:hover, [type=reset].button-malachite.button-malachite-blue:hover, [type=button].button-malachite.button-malachite-blue:hover, button.button-malachite.button-malachite-blue:hover, .button:not(b).button-malachite.button-malachite-blue:hover, [type=submit].button-malachite.button-malachite-blue:focus, [type=reset].button-malachite.button-malachite-blue:focus, [type=button].button-malachite.button-malachite-blue:focus, button.button-malachite.button-malachite-blue:focus, .button:not(b).button-malachite.button-malachite-blue:focus { background: #129af8; } /* ========================================================================== MORTGAGE ========================================================================== */ .values.mortgage-temp { background: url('/assets/img/mortgage/bg.jpg') center center no-repeat; } .values.mortgage-temp .form-search fieldset legend { padding-top: 20px; margin-bottom: 30px; text-align: center; } .values.mortgage-temp .form-search fieldset legend.available { padding-top: 0px; font-size: 28px; text-align: center; } @media (min-width: 950px){ .values.mortgage-temp .form-search .legend { padding-left: 0px; } .values.mortgage-temp .form-search fieldset legend { font-size: 44px; } } /* ========================================================================== RENTALS ========================================================================== */ .values.rentals { background: url('/assets/img/rentals-bg.jpg') top center no-repeat; } .values.rentals .form-search fieldset legend { padding-top: 20px; margin-bottom: 30px; text-align: center; } .values.rentals .form-search fieldset legend.available { padding-top: 0px; font-size: 28px; text-align: center; } @media (min-width: 950px){ .values.rentals .form-search .legend { padding-left: 0px; } .values.rentals .form-search fieldset legend { font-size: 44px; } } /* ========================================================================== */ .form-search .help-block { color: #ff5252; } .step-2 .form-search { height: auto; } .values .step .head .adr { width: auto!important; } .values .step .head .thumb { width: 200px; margin-top: -15px; } .values .selectric-items li, .values .selectric .label { color: #666; } .values .form-report-success { text-align: center; } .values .step .form-report-success .submit { float: none; margin: 12px auto 0 auto; } .values.values-marcoisland { background: url('/assets/img/values/bg-marco-island.jpg') center center no-repeat; } .values.values-naples { background: url('/assets/img/values/bg-naples.jpg') center center no-repeat; } .more-filters { cursor: pointer; } .popup-details .head .price { background: rgba(76, 137, 227, 0.7); } .popup-details .head .sale.orange { background: rgba(255, 82, 82, 0.8); } .popup-details .head .sale.green { background: rgba(125, 186, 33, 0.8); } .popup-details .head .sale.blue { background: rgba(18, 154, 248, 0.8); } .popup-details .head .sale.purple { background: rgba(196, 69, 215, 0.8); } .popup-details .head .sale.yellow { background: rgba(213, 164, 67, 0.8); } .catalog .like-active { opacity: .9; } .popup-details .call-to-action .button.favorite.like-active { font-weight: bold; } /* ========================================================================== INPUT PRICE ========================================================================== */ .input-price { display: block; position: relative; background: #fff; } .input-price:before { height: 20px; margin: auto; font-size: 15px; line-height: 20px; color: #999; display: block; position: absolute; top: 0; bottom: 0; z-index: 1; content: '$'; left: 10px; } .input-price input { padding-left: 22px; position: relative; z-index: 5; background-color: transparent; } /* ========================================================================== INPUT PERCENT ========================================================================== */ .input-percent { display: block; position: relative; background: #fff; } .input-percent:after { height: 20px; margin: auto; font-size: 15px; line-height: 20px; color: #999; display: block; position: absolute; top: 0; bottom: 0; z-index: 1; content: '%'; right: 10px; } .input-percent input { padding-right: 25px; position: relative; z-index: 5; background-color: transparent; } /* ========================================================================== INPUT PRICE & PERCENT ========================================================================== */ .form-mortgage .two { padding-right: 76px; } .form-mortgage .two .percent { width: 75px; right: 3px; } .form-mortgage-popup .zip { display: block; position: relative; } .form-mortgage-popup .zip:before { display: block; content: ''; overflow: hidden; width: 30px; height: 30px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 100% 45%; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; z-index: 1; } .form-mortgage-popup .zip input { position: relative; z-index: 5; background: transparent; } /* ========================================================================== INPUT YEARS ========================================================================== */ .input-years { display: block; position: relative; background: #fff; } .input-years:after { height: 20px; margin: auto; font-size: 15px; line-height: 20px; color: #999; display: block; position: absolute; top: 0; bottom: 0; z-index: 1; content: 'years'; right: 10px; } .input-years input { padding-right: 50px; position: relative; z-index: 5; background-color: transparent; } @media (min-width: 1220px){ .margin-top-15 { margin-top: 20px; } } .nav-tabs.mortgage-tabs { font-weight: normal; } .as-seen-on { display: none; position: absolute; font-size: 12px; top: 0; right: 0; text-align: center; } @media (min-width: 1400px) { .as-seen-on { display: inline-block; width: 30%; } } @media (min-width: 1500px) { .as-seen-on { width: 35%; } } @media (min-width: 1600px) { .as-seen-on { width: 40%; } } @media (min-width: 1800px) { .as-seen-on { width: 46%; } } .area.scrollable { -ms-touch-action: auto; touch-action: auto; } .popup-details .popup-content .scrollable { -ms-touch-action: auto; touch-action: auto; } #map_tooltip { display: none; position: absolute; padding: 4px; margin: 7px 0 0 5px; z-index: 1000; background-color: rgba(0, 0, 0, .5); color: #fff; font-size: 11px; line-height: 11px; font-weight: bold; border-radius: 2px; } .switch .switch-map:before { width: 40px; height: 40px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.21052631578948% 42.10526315789474%; } .switch .switch-content:before { width: 40px; height: 40px; background: url("/assets/svg/sprite.svg") no-repeat; background-position: 84.21052631578948% 21.05263157894737%; } #listing-streetview { height: 550px; } @media (max-width: 740px) { #listing-streetview { height: 350px; } } .page-header-container { overflow: hidden; } .page-header .subheading:before { content: ""; display: table; clear: both; } .page-header .subheading { margin: 0; display: block; overflow: hidden; font-size: 11px; line-height: 14px; font-weight: normal; color: #333; } .text-blue { color: #0376d1; } .gm-style-iw-parent > div:nth-child(2) { display: none; } .gm-style-iw-parent > div:nth-child(4) { display: none; } .map .gmap .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(2), .map .gmap .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(2) > div:nth-child(1) > div:nth-child(4) { display: none; } .map .gmap .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2), .map .gmap .gm-style > div:nth-child(1) > div:nth-child(4) > div:nth-child(4) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4) { display: none; } /* ========================================================================== CLIENT PROFILE ========================================================================== */ .page-client-profile .sidebar { padding-top: 0px; } .page-client-profile .content { width: 810px; } .panel-client-profile:after { display: table; content: ''; clear: both; } .page-client-profile .panel-body { padding: 0; } .panel-client-profile h1 { color: #3a3b3c; font-size: 20px; margin-bottom: 0; } .panel-client-profile h1 .icon-ok-circle { color: #1eb36f; font-size: 16px; } .panel-client-profile p { padding: 0 8px; color: #6f6f6f; line-height: 19px; } .client-profile { margin-bottom: 25px; } .client-profile-photo { float: left; margin-left: 10px; margin-right: 25px; } .client-company { color: #3a3b3c; font-size: 13px; } .client-specialities { margin-top: 10px; margin-bottom: 13px; color: #1eb36f; text-transform: uppercase; font-weight: 800; font-size: 12px; } .client-profile-info { margin-bottom: 5px; } .client-profile-info div { margin-bottom: 5px; } .client-profile-info div label { color: #6f6f6f; font-weight: 600; font-size: 16px; } .client-profile-info div label span { margin-right: 7px; } .client-profile-about-me h4 { margin: 20px -17px 10px -17px; padding: 0 25px 10px 25px; color: #3a3b3c; border-bottom: 2px solid #61a1cb; } .blog-item-figure img { width: 100% !important; } .panel h5.blog-item-header { font-size: 14px; color: #0088d0; text-transform: none; margin: 15px 0 5px 0; } .blog-item-date { color: #979797; font-size: 12px; margin-bottom: 5px; } .blog-item-body { color: #6f6f6f; line-height: 20px; } .blog-item-image-large { margin-left: 10px; margin-right: 15px; } /* ========================================================================== ICONS ========================================================================== */ @font-face { font-family: 'icon'; src:url('/assets/img/fonts/icon.eot?1o6mzu'); src:url('/assets/img/fonts/icon.eot?1o6mzy#iefix') format('embedded-opentype'), url('/assets/img/fonts/icon.ttf?1o6mzy') format('truetype'), url('/assets/img/fonts/icon.woff?1o6mzy') format('woff'), url('/assets/img/fonts/icon.svg?1o6mzy#icon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-paper:before { content: "\e905"; } .icon-ok-circle:before { content: "\e906"; } .icon-money-hand2:before { content: "\e900"; } .icon-percent:before { content: "\e904"; } .icon-movie-cam:before { content: "\e907"; } .icon-coins:before { content: "\e901"; } .icon-money-hand:before { content: "\e902"; } .icon-calc:before { content: "\e903"; } .icon-case:before { content: "\e908"; } .icon-comment2:before { content: "\e640"; } .icon-details:before { content: "\e63d"; } .icon-price-tag:before { content: "\e63e"; } .icon-price-tag2:before { content: "\e63f"; } .icon-gender:before { content: "\e909"; } .icon-calendar-2:before { content: "\e636"; } .icon-house-2:before { content: "\e637"; } .icon-house-3:before { content: "\e638"; } .icon-person-2:before { content: "\e639"; } .icon-remove:before { content: "\e63a"; } .icon-tag:before { content: "\e63b"; } .icon-verify:before { content: "\e635"; } .icon-at2:before { content: "\e63c"; } .icon-arrow-down:before { content: "\e62f"; } .icon-arrow-up:before { content: "\e630"; } .icon-refresh:before { content: "\e631"; } .icon-my-ad:before { content: "\e624"; } .icon-my-favorite:before { content: "\e625"; } .icon-my-notification:before { content: "\e626"; } .icon-my-message:before { content: "\e626"; } .icon-my-neighborhood:before { content: "\e627"; } .icon-my-search:before { content: "\e628"; } .icon-plus:before { content: "\e629"; } .icon-bell:before { content: "\e632"; } .icon-gears:before { content: "\e633"; } .icon-grocery:before { content: "\e623"; } .icon-golf:before { content: "\e622"; } .icon-cross:before { content: "\e90a"; } .icon-ok2:before { content: "\e90b"; } .icon-ok:before { content: "\e620"; } .icon-chevron-right:before { content: "\e600"; } .icon-chevron-left:before { content: "\e612"; } .icon-city:before { content: "\e62b"; } .icon-state:before { content: "\e62c"; } .icon-street:before { content: "\e62d"; } .icon-zip:before { content: "\e62e"; } .icon-search:before { content: "\e613"; } .icon-female:before { content: "\e61c"; } .icon-male:before { content: "\e61d"; } .icon-dollar:before { content: "\e621"; } .icon-calendar:before { content: "\e61e"; } .icon-person:before { content: "\e61f"; } .icon-at:before { content: "\e614"; } .icon-clock:before { content: "\e615"; } .icon-envelope:before { content: "\e616"; } .icon-facebook-point:before { content: "\e617"; } .icon-phone:before { content: "\e618"; } .icon-speaker:before { content: "\e619"; } .icon-star:before { content: "\e61a"; } .icon-stats:before { content: "\e61b"; } .icon-wind:before { content: "\e60a"; } .icon-humidity:before { content: "\e60b"; } .icon-restaurant:before { content: "\e611"; } .icon-school:before { content: "\e60c"; } .icon-comment:before { content: "\e60d"; } .icon-club:before { content: "\e60e"; } .icon-about:before { content: "\e60f"; } .icon-hospital:before { content: "\e610"; } .icon-sort-list:before { content: "\e609"; } .icon-sort:before { content: "\e608"; } .icon-chevron-down:before { content: "\e605"; } .icon-chevron-up:before { content: "\e606"; } .icon-bath:before { content: "\e602"; } .icon-like:before { content: "\e601"; } .icon-sqft:before { content: "\e603"; } .icon-house:before { content: "\e607"; } .icon-bed:before { content: "\e604"; } .icon-undo:before { content: "\e90d"; } .icon-redo:before { content: "\e90e"; } .icon-forward:before { content: "\e90f"; } .icon-reply:before { content: "\e910"; } .icon-remove2:before { content: "\e90c"; } .list-group { padding-left: 0; } .list-group-item { position: relative; display: block; background-color: #fff; } .sections .item-small .space p.title { font: 26px/28px 'Myriad Pro', sans-serif; margin-bottom: 5px; } .sections .item-small .space p.price { margin-top: 0px; font: 200 20px 'Nunito', sans-serif; } .description .badges .badge.orange { background: #ff5252; } .description .badges .badge.green { background: #7dba21; } .description .badges .badge.blue { background: #129af8; } .description .badges .badge.purple { background: #c445d7; } .description .badges .badge.yellow { background: #d5a443; } .parameters .price-tag .badge.orange { background: #ff5252; } .parameters .price-tag .badge.green { background: #7dba21; } .parameters .price-tag .badge.blue { background: #129af8; } .parameters .price-tag .badge.purple { background: #c445d7; } .parameters .price-tag .badge.yellow { background: #d5a443; } .lead-datetime .lead-datetime-label, .lead-datetime .lead-date { margin-bottom: 5px !important; } .lead-datetime .lead-date input { width: 54% !important; } .lead-datetime .label-day-of-week { padding-left: 5px !important; } .lead-datetime .lead-time input { width: 30% !important; } .values-4 .step-4 .home-value-valuation-type { z-index: 2 !important; } .text-center { text-align: center; } .error-big { font-size: 14px; padding-top: 20px; text-align: center; } /* ========================================================================== DEMOGRAPHICS ========================================================================== */ .demographics-area .graph canvas { width: 100% !important; padding-bottom: 20px; } .demographics-tabs .tab-content .demographic-population { text-align: center; } .demographics-tabs .tab-content .chart-title { text-align: center; font-size: 13px; font-weight: bold; padding: 0; margin: 0 0 5px 0; } /* ========================================================================== VALUES ========================================================================== */ .values .step .form-report .adr-line .submit-address { width: 40px; height: 40px; display: block; background: url('/assets/img/icons/check.png') right 10px no-repeat; background-size: 15px 15px; position: absolute; top: 0; right: 0; } .values .step .form-report .adr-line .spinner { width: 32px; height: 32px; display: block; background: url('/assets/img/icons/spinner.gif') right 10px no-repeat; background-size: 15px 15px; position: absolute; top: 0; right: 0; } .home-values + .information { margin-top: 0; } .values .step .form-report .thumb figure { width: 100%; height: auto; margin: 0 auto; display: block; } .stjr-widget, .stjr-widget2, .stjr-container, .stjr-review-checkout-widget-body { min-height: 300px !important; } .stjr-widget .stjr-review-checkout-widget__floating { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; margin-left: auto !important; margin-right: auto !important; min-height: 300px !important; } #search-homes-nearby .client-branding-legend { max-width: 1100px; } .home-value-client-branding-title { margin: 0 0 20px 0; color: #03dbee; text-align: center; font-size: 17px; font-weight: bold; } .home-value-client-branding { display: block; position: relative; width: fit-content; margin-left: auto; margin-right: auto; padding: 0; } .home-value-client-branding .client-branding-col { float: left; margin-bottom: 30px; color: white; font-size: 16px; font-weight: bold; text-align: left; } .home-value-client-branding .client-branding-col:last-child { padding-left: 20px; } .home-value-client-branding .client-branding-col div { margin-bottom: 7px; } @media (max-width: 740px) { .home-value-client-branding .client-branding-col { float: none; text-align: center; } #search-homes-nearby .button.submit.browse-homes { width: 320px !important; min-width: 320px !important; } } /* ========================================================================== RATING stars: 16px steps: 0.25, 0.50 and 0.75 ========================================================================== */ .rating-x-25 { width: 103px; height: 16px; display: block; position: relative; background: url('/assets/svg/rating-25.svg') no-repeat -105px 0; background-size: auto 16px; } .rating-0-25 { background-position: -84px 0; } .rating-1-25 { background-position: -63px 0; } .rating-2-25 { background-position: -42px 0; } .rating-3-25 { background-position: -21px 0; } .rating-4-25 { background-position: 0 0; } .rating-x-50 { width: 103px; height: 16px; display: block; position: relative; background: url('/assets/svg/rating-50.svg') no-repeat -105px 0; background-size: auto 16px; } .rating-0-50 { background-position: -84px 0; } .rating-1-50 { background-position: -63px 0; } .rating-2-50 { background-position: -42px 0; } .rating-3-50 { background-position: -21px 0; } .rating-4-50 { background-position: 0 0; } .rating-x-75 { width: 103px; height: 16px; display: block; position: relative; background: url('/assets/svg/rating-75.svg') no-repeat -105px 0; background-size: auto 16px; } .rating-0-75 { background-position: -84px 0; } .rating-1-75 { background-position: -63px 0; } .rating-2-75 { background-position: -42px 0; } .rating-3-75 { background-position: -21px 0; } .rating-4-75 { background-position: 0 0; } /* ========================================================================== INVESTMENT RATING stars: 20px steps: 0.25, 0.50 and 0.75 ========================================================================== */ .investment .rating { width: 130px; height: 20px; background: url('/assets/svg/rating.svg') no-repeat -130px 0; background-size: auto 20px; } .investment .rating, .investment .rating-x-25, .investment .rating-x-50, .investment .rating-x-75 { margin: 12px auto 6px; } .investment .rating + br, .investment .rating-x-25 + br, .investment .rating-x-50 + br, .investment .rating-x-75 + br { display: none; } .investment .rating-0 { background-position: -130px 0; } .investment .rating-1 { background-position: -104px 0; } .investment .rating-2 { background-position: -78px 0; } .investment .rating-3 { background-position: -52px 0; } .investment .rating-4 { background-position: -26px 0; } .investment .rating-5 { background-position: 0 0; } .investment .rating-x-25 { width: 130px; height: 20px; background: url('/assets/svg/rating-25.svg') no-repeat -130px 0; background-size: auto 20px; } .investment .rating-0-25 { background-position: -104px 0; } .investment .rating-1-25 { background-position: -78px 0; } .investment .rating-2-25 { background-position: -52px 0; } .investment .rating-3-25 { background-position: -26px 0; } .investment .rating-4-25 { background-position: 0 0; } .investment .rating-x-50 { width: 130px; height: 20px; background: url('/assets/svg/rating-50.svg') no-repeat -130px 0; background-size: auto 20px; } .investment .rating-0-50 { background-position: -104px 0; } .investment .rating-1-50 { background-position: -78px 0; } .investment .rating-2-50 { background-position: -52px 0; } .investment .rating-3-50 { background-position: -26px 0; } .investment .rating-4-50 { background-position: 0 0; } .investment .rating-x-75 { width: 130px; height: 20px; background: url('/assets/svg/rating-75.svg') no-repeat -130px 0; background-size: auto 20px; } .investment .rating-0-75 { background-position: -104px 0; } .investment .rating-1-75 { background-position: -78px 0; } .investment .rating-2-75 { background-position: -52px 0; } .investment .rating-3-75 { background-position: -26px 0; } .investment .rating-4-75 { background-position: 0 0; } /* ========================================================================== PAINLESS PRE-APPROVAL ========================================================================== */ .pre-approved-rp + .information { margin-top: 0; } .pre-approved-rp .painless-pre-approval .form-text.red small { color: #d9534f; } .pre-approved-rp .painless-pre-approval .form-text .spinner-gif { margin-left: auto; margin-right: auto; } .spinner-gif { width: 22px; height: 22px; display: block; background-image: url('/assets/img/icons/spinner.gif'); background-size: 22px 22px; } spinner-gif.big { width: 48px; height: 48px; background-size: 48px 48px; } .form-steps .form-step, .form-steps .form-step-group { display: block; } .form-steps .progress li.checked:before { background: #10cbd7; text-indent: -1000px; overflow: hidden; } .form-steps .progress li.checked:after { display: block; content: ''; overflow: hidden; width: 5px; height: 10px; margin: 15px auto 0; border-top: 3px solid #fff; border-left: 3px solid #fff; position: absolute; top: 0; left: 0; right: 0; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .slideshow-hide { display: none; } .location-show { display: block; } @media (min-width: 740px) { .slideshow-hide { display: block; } .location-show { display: block; width: 100%; } } .popup-sign-up-compact .logo { margin-bottom: 0; } .popup-sign-up-compact .legend { margin-bottom: 0; } /* ========================================================================== TERMS ========================================================================== */ .terms-privacy { font-size: 14px; color: #000000 } .terms-privacy a { color: #129af8; text-decoration: underline; } .terms-privacy .p-gray { color: #626262 } .terms-privacy .h4-contact-us { padding-bottom: 0px; margin-bottom: 1em; } .terms-privacy .p-small { font-size: 13px; } /* ========================================================================== */ .home-value-edit-address { margin-top: -27px; } .catalog .block { position: initial; } /* ========================================================================== EXPERTS ========================================================================== */ .experts .list .pic, .experts .list .info { float: left; } .experts .list .info { width: 250px; margin-left: 20px; } .experts .list .pic img { width: 100px; height: auto; display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .experts .list .info .remodeling-info-1 { float: left; display: inline-block; } .experts .list .info .remodeling-info-2 { float: right; display: inline-block; margin-top: 10px; } .experts .list .pic .remodeling-label { font-size: 16px; font-weight: 700; text-align: center; margin: 0; padding: 0 0 5px 0; } .experts-ad .list .remodeling-service-name { font-size: 18px; } .experts-ad .list a, .experts .list a[href^='tel:'], .experts-ad .list .dot { font-size: 17px; } .button-get-quote { padding: 5px 8px !important; font-size: 11px !important; line-height: 1.5 !important; border-radius: 2px !important; height: auto !important; min-width: 10px !important; } .button-get-quote:hover { background-color: #FF7733 !important; } .get-quote-modal .legend strong { font-size: 22px; } .get-quote-modal .legend small { font-size: 14px; margin-bottom: 3px; } .get-quote-modal .legend span { font-size: 16px; font-weight: 700; text-transform: uppercase; } .get-quote-modal label { font-size: 14px; } .form-sign-up .terms-link { margin-top: 5px; } .form-sign-up .terms-link a { color: #0376d1; } .form-group-financial label { font-weight: bold; } .show-overflow-y-scroll { overflow-y: auto !important; height: 410px; } .show-overflow-y-scroll2 { overflow-y: auto !important; } .show-overflow-y-scroll::-webkit-scrollbar, .show-overflow-y-scroll2::-webkit-scrollbar { -webkit-appearance: none; } .show-overflow-y-scroll::-webkit-scrollbar:vertical, .show-overflow-y-scroll2::-webkit-scrollbar:vertical { width: 11px; } .show-overflow-y-scroll::-webkit-scrollbar:horizontal, .show-overflow-y-scroll2::-webkit-scrollbar:horizontal { height: 11px; } .show-overflow-y-scroll::-webkit-scrollbar-thumb, .show-overflow-y-scroll2::-webkit-scrollbar-thumb { border-radius: 8px; border: 2px solid white; background-color: rgba(0, 0, 0, .5); } @media (pointer:none), (pointer:coarse) { .show-overflow-y-scroll { height: 140px !important; } .show-overflow-y-scroll2 { height: 95px !important; } }