@charset "UTF-8";
  @import url(http://fast.fonts.net/t/1.css?apiType=css&projectid=7e160f4d-e219-4abf-bf76-6a61bd71fb03);
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;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;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.chocolat-zoomable.chocolat-zoomed{cursor:zoom-out;}
.chocolat-open{overflow:hidden;}
.chocolat-overlay{height:100%;width:100%;position:fixed;left:0;top:0;z-index:10;background-color:#fff;display:none;opacity:0.8;}
.chocolat-wrapper{height:100%;width:100%;position:fixed;display:none;left:0;top:0;z-index:16;color:#fff;}
.chocolat-zoomable .chocolat-img{cursor:zoom-in;}
.chocolat-loader{height:32px;width:32px;position:absolute;left:50%;top:50%;margin-left:-16px;margin-top:-16px;z-index:11;background:url(//blockpol.pl/wp-content/themes/blockpol/assets/images/loader.gif);display:none;}
.chocolat-content{position:fixed;width:0px;height:0px;left:50%;top:50%;z-index:14;text-align:left;}
.chocolat-content .chocolat-img{position:absolute;width:100%;height:100%;}
.chocolat-wrapper .chocolat-left{position:absolute;left:10px;width:30px;height:30px;top:50%;margin-top:-50px;cursor:pointer;background:url(//blockpol.pl/wp-content/themes/blockpol/assets/images/left.svg) 50% 50% no-repeat;z-index:17;display:none;}
.chocolat-wrapper .chocolat-right{position:absolute;right:10px;width:30px;height:30px;top:50%;margin-top:-50px;cursor:pointer;background:url(//blockpol.pl/wp-content/themes/blockpol/assets/images/right.svg) 50% 50% no-repeat;z-index:17;display:none;}
.chocolat-wrapper .chocolat-right.active{display:block;}
.chocolat-wrapper .chocolat-left.active{display:block;}
.chocolat-wrapper .chocolat-top{position:absolute;top:0px;right:0;left:0;line-height:50px;height:50px;overflow:hidden;z-index:17;margin-bottom:10px;}
.chocolat-wrapper .chocolat-close{width:30px;height:30px;cursor:pointer;position:absolute;top:10px;right:10px;background:url(//blockpol.pl/wp-content/themes/blockpol/assets/images/close.svg) 50% 50% no-repeat;}
.chocolat-wrapper .chocolat-bottom{position:absolute;bottom:0;left:0;right:0;line-height:40px;height:40px;font-size:12px;z-index:17;padding-left:15px;padding-right:15px;background:rgba(0, 0, 0, 0.2);text-align:right;margin-top:10px;}
.chocolat-wrapper .chocolat-set-title{display:inline-block;padding-right:15px;line-height:1;border-right:1px solid rgba(255, 255, 255, 0.3);}
.chocolat-wrapper .chocolat-pagination{float:right;display:inline-block;padding-left:15px;padding-right:15px;margin-right:15px;}
.chocolat-wrapper .chocolat-fullscreen{width:16px;height:40px;background:url(//blockpol.pl/wp-content/themes/blockpol/assets/images/fullscreen.svg) 50% 50% no-repeat;display:block;margin:auto;cursor:pointer;float:right;}
.chocolat-wrapper .chocolat-description{display:inline-block;float:left;}
body.chocolat-open>.chocolat-overlay{z-index:15;}
body.chocolat-open>.chocolat-loader{z-index:15;}
body.chocolat-open>.chocolat-content{z-index:17;}
.chocolat-in-container .chocolat-wrapper,
.chocolat-in-container .chocolat-content,
.chocolat-in-container .chocolat-overlay{position:absolute;}
.chocolat-in-container{position:relative;}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
box-sizing: border-box;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
color: inherit;
text-decoration: inherit;
}
input:focus,
select:focus,
textarea:focus,
button:focus,
body * {
outline: none;
}
input::-ms-clear {
display: none;
} @-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.col,
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0%;
}
@media (min-width: 768px) {
.col,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 992px) {
.col,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0%;
}
}
@media (min-width: 1200px) {
.col,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0%;
}
}
.clearfix,
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
content: " ";
display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
*,
*:before,
*:after {
box-sizing: border-box;
}
@font-face {
font-family: "Harmonia Sans";
font-weight: 300;
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/badec438-184a-4722-b6b5-27161b30b52c.eot?#iefix);
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/badec438-184a-4722-b6b5-27161b30b52c.eot?#iefix) format("eot"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/2289bd19-6b1a-4de4-8c8d-04b1624f0f52.woff2) format("woff2"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/59c563fb-a3a9-44ae-a18b-b1ae2fa11644.woff) format("woff"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/9839a236-80ef-423c-a029-db5c4fc1d6bd.ttf) format("truetype"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/baba9ca8-e537-419f-9334-b270ddeef6af.svg#baba9ca8-e537-419f-9334-b270ddeef6af) format("svg");
}
@font-face {
font-family: "Harmonia Sans";
font-weight: 400;
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/e048affc-431d-4a34-8354-95bf77980524.eot?#iefix);
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/e048affc-431d-4a34-8354-95bf77980524.eot?#iefix) format("eot"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/a2704c78-40c2-48e6-be60-e8c69b98b3a8.woff2) format("woff2"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/f7fe53a8-6bb7-4a74-8035-6037ca032dae.woff) format("woff"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/13572ed5-3afa-444d-811f-31cecef749f9.ttf) format("truetype"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/6ea4c030-eaeb-4d8f-be5f-836c38b0b496.svg#6ea4c030-eaeb-4d8f-be5f-836c38b0b496) format("svg");
}
@font-face {
font-family: "Harmonia Sans";
font-weight: 500;
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/9ad7f3ab-733c-412a-8253-9f60e724f2ff.eot?#iefix);
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/9ad7f3ab-733c-412a-8253-9f60e724f2ff.eot?#iefix) format("eot"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/ef8e69b1-3ad5-48ca-bf3f-700772e1fc9a.woff2) format("woff2"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/85757b72-744c-412a-8ae0-914b3e7ad674.woff) format("woff"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/5342ef4c-d3a6-421b-a241-a2034b77d33b.ttf) format("truetype"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/88a20b43-84b7-401f-a31f-3c05903b0ae2.svg#88a20b43-84b7-401f-a31f-3c05903b0ae2) format("svg");
}
@font-face {
font-family: "Harmonia Sans";
font-weight: 600;
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/c79712e5-cb83-4ce5-a81e-af7d5e0d6acf.eot?#iefix);
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/c79712e5-cb83-4ce5-a81e-af7d5e0d6acf.eot?#iefix) format("eot"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/6715517f-7f01-450b-90f6-2f22e2a7604e.woff2) format("woff2"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/8db1a098-0880-4cc9-a664-3dfd08033690.woff) format("woff"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/50a9b845-5e61-4458-8e5c-12c45a4f6b92.ttf) format("truetype"), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/dc775a7d-1a20-425d-b034-6426b746d851.svg#dc775a7d-1a20-425d-b034-6426b746d851) format("svg");
}
@font-face {
font-family: 'DOND';
src: url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/dond.woff2) format('woff2'), url(//blockpol.pl/wp-content/themes/blockpol/assets/fonts/dond.woff) format('woff');
font-weight: normal;
font-style: normal;
}
.select-box--filled.select-box--small .select-box__label {
top: 10px !important;
}
.transition {
transition: all 0.2s;
}
.select-box {
border-radius: 3px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
background-color: white;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
color: rgba(117, 116, 116, 0.6);
display: inline-block;
vertical-align: top;
height: 58px;
position: relative;
cursor: pointer;
text-align: left;
font-size: 14px;
margin: 0;
z-index: 1;
transform: translate3d(0, 0, 0);
}
.select-box__ext-info {
display: block;
font-size: 11px;
}
.select-box__value {
display: block;
color: #be1e2d;
}
.select-box__label {
color: rgba(117, 116, 116, 0.6) !important;
transition: all 0.2s;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
display: block;
}
.select-box--filled .select-box__label {
position: absolute;
top: 14px;
transform: translateY(0);
font-size: 12px;
}
.select-box--filled .select-box__value {
position: relative;
top: 7px;
}
.select-box--invest ul li.active:after {
content: "" !important;
}
.select-box--marker:before {
content: "";
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 13px;
height: 18px;
background: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/icon-location.svg) no-repeat center;
pointer-events: none;
z-index: 3;
}
.select-box--marker .select-box__field {
padding-left: 42px;
}
.select-box--small {
height: 47px;
}
.select-box--small .select-box__field {
padding: 17px 46px 17px 20px;
}
.select-box--small .select-box__content {
min-height: 47px;
margin-top: 44px;
}
.select-box--small ul li {
min-height: 47px !important;
padding: 17px 46px 17px 20px !important;
}
.select-box--area .range-data::after {
content: " m2";
}
.select-box--price .range-data::after {
content: " PLN";
}
.select-box--urls .select-box__content li {
padding: 0;
}
.select-box--urls .select-box__content li a {
padding: 17px 46px 17px 20px;
display: block;
}
.select-box--urls .select-box__content li.active:after {
content: "";
display: none;
}
.select-box--range .select-box__content {
padding: 6px 20px 20px 20px;
}
.select-box--range .range-data {
font-size: 13px;
color: #be1e2d;
padding-bottom: 15px;
display: inline-block;
}
.select-box--range .range-data--max {
float: right;
}
.select-box.active {
z-index: 5;
}
.select-box.active::after {
transform: translateY(-50%) rotate(-90deg);
}
.select-box::after {
content: "";
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.92 9.6"><path d="M1.12 0L0 1.12 3.68 4.8 0 8.48 1.12 9.6l4.8-4.8L1.12 0z" style="fill:%23be1e2d;"/></svg>');
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 8px;
height: 14px;
position: absolute;
top: 51%;
right: 20px;
transform: translateY(-50%) rotate(90deg);
z-index: 2;
pointer-events: none;
}
.select-box__field {
border-radius: 3px;
background-color: white;
display: block;
width: 100%;
height: 100%;
padding: 23px 46px 23px 20px;
position: relative;
z-index: 2;
overflow: hidden;
}
.select-box__field::after {
content: "";
width: 50px;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 30%, #ffffff 100%);
position: absolute;
top: 0;
right: 0;
}
.select-box__field-inner {
width: 200%;
height: 100%;
}
.select-box__field span {
color: #be1e2d;
}
.select-box__value--meters::after {
content: " m2";
}
.select-box__value--thousand::after {
content: " tyś";
}
.select-box__content {
border-radius: 0 0 3px 3px;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
background: white;
display: none;
position: absolute;
top: 0;
left: 0;
right: 0;
min-height: 58px;
margin-top: 55px;
overflow: hidden;
z-index: 1;
}
.select-box ul li {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
display: block;
min-height: 47px;
line-height: 1.2;
border-bottom: 1px solid #eaeaea;
padding: 17px 46px 17px 20px;
position: relative;
}
.select-box ul li.active {
color: #be1e2d;
}
.select-box ul li.active:hover {
color: #be1e2d;
}
.select-box ul li.active:hover:after {
visibility: visible;
opacity: 1;
}
.select-box ul li.active:after {
content: "Usuń";
display: inline-block;
position: absolute;
text-align: right;
top: 50%;
right: 20px;
transform: translateY(-50%);
visibility: hidden;
opacity: 0;
}
.select-box ul li:last-of-type {
border-bottom: 0;
}
.select-box ul li:hover {
background-color: #eaeaea;
color: #303339;
}
.transition {
transition: all 0.2s ease-in-out;
}
.radius {
border-radius: 3px;
}
.section-header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.section-header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.section-header {
font-size: 40px;
}
}
.flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
margin-right: -15px;
margin-left: -15px;
}
.section-separator {
border-top: 1px solid #eaeaea;
}
@media screen and (max-width: 520px) {
.xs-half-to-full {
width: 100%;
}
}
.featured {
font-weight: 500;
}
.btn {
border-radius: 3px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2em;
color: white;
background: #be1e2d;
text-transform: uppercase;
padding: 20px 30px;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.btn:hover {
background-color: #b11c2a;
}
.btn-gray {
border-radius: 3px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
color: #727e90;
border: 2px solid #727e90;
display: inline-block;
min-width: 150px;
line-height: 47px;
text-align: center;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 0 15px;
}
.btn-gray:hover {
background-color: #727e90;
color: white;
}
.border-btn {
color: #be1e2d;
border-radius: 3px;
border: solid 2px #be1e2d;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
height: 42px;
line-height: 38px;
padding: 0 16px;
display: inline-block;
cursor: pointer;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.border-btn {
font-size: 14px;
height: 52px;
line-height: 48px;
min-width: 150px;
padding: 0 18px;
}
}
.border-btn:hover {
background-color: #be1e2d;
color: white;
}
.home-more-btn {
display: inline-block;
font-size: 14px;
line-height: 1.71;
letter-spacing: 0.2em;
color: #303339;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
} input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.hide {
display: none;
}
body {
font-family: "Harmonia Sans", serif;
font-weight: 400;
}
html.blocked,
body.blocked {
overflow: hidden;
}
.header {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
position: relative;
color: white;
text-align: left;
z-index: 20;
}
@media only screen and (min-width: 768px) {
.header {
background: none;
margin-bottom: 15px;
}
}
.header--blank {
background: transparent !important;
}
.header--blank .header__logo,
.header--blank .header__content {
opacity: 0;
}
.header--sticky {
position: fixed;
background-color: #282a2d;
top: 0;
left: 0;
right: 0;
transform: translateY(-100%);
transition: all 0.2s;
z-index: 20;
}
.header--sticky.active {
transform: translateX(0);
}
.header .container {
position: relative;
z-index: 5 !important;
}
.header__logo {
height: 32px;
display: inline-block;
max-width: 100%;
margin: 13px 0;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.header__logo {
height: 45px;
margin: 21px 0 0 0;
}
}
@media only screen and (min-width: 992px) {
.header__logo {
margin: 26px 0 0 0;
}
}
.header__content {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
text-align: right;
}
.header__bar {
color: rgba(255, 255, 255, 0.6);
padding: 12px 0;
}
.header__contact {
font-size: 0;
}
.header__contact li {
display: inline-block;
font-size: 11px;
letter-spacing: 0.7px;
}
.header__contact li a {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.header__contact li a:hover {
color: white;
}
.header__contact li::after {
content: "•";
display: inline-block;
padding: 0 10px;
}
.header__contact li:last-of-type::after {
display: none;
}
.header__nav {
border-top: 1px solid rgba(255, 255, 255, 0.2);
position: relative;
display: inline-block;
vertical-align: top;
font-size: 0;
width: 100%;
transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 768px) {
.header__nav {
padding: 25px 0;
}
}
@media only screen and (min-width: 992px) {
.header__nav {
width: auto;
padding: 15px 0 18px 0;
}
}
.header__nav > ul > li a {
margin: 0 23px;
}
@media only screen and (min-width: 1200px) {
.header__nav > ul > li a {
margin: 0 31px;
}
}
.header__nav > ul > li:last-of-type a {
padding-right: 0;
margin-right: 0;
}
.header__nav > ul > li:first-of-type a {
padding-left: 0;
margin-left: 0;
}
.header__nav li {
display: inline-block;
vertical-align: top;
color: white;
position: relative;
}
.header__nav li .sub-menu {
width: 250px;
position: absolute;
top: 0;
padding-top: 49px;
left: -20px;
display: none;
}
.header__nav li .sub-menu__more {
display: block;
font-size: 12px;
margin-top: 5px;
opacity: 0.5;
}
.header__nav li .sub-menu li {
background-color: #3b3e43;
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
display: block;
text-align: left;
padding: 10px 20px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.header__nav li .sub-menu li.sub-menu__flat i {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/icon-home.svg);
}
.header__nav li .sub-menu li.sub-menu__local i {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/icon-local.svg);
}
.header__nav li .sub-menu li:hover {
background-color: #323438;
}
.header__nav li.current-menu-item {
color: white;
}
.header__nav li a {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
font-weight: 500;
font-size: 15px;
line-height: 1;
padding: 8px;
display: block;
position: relative;
}
.header__nav li a i {
display: block;
width: 24px;
height: 24px;
position: absolute;
top: 50%;
right: -30px;
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: center;
opacity: 0.2;
}
.top {
background-color: black;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
color: white;
position: relative;
}
.top::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/top-before.png);
background-position: top center;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1;
}
.top::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/top-after.png);
background-position: bottom center;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1;
}
.top .container {
position: relative;
z-index: 3;
}
.top .container .row {
position: relative;
z-index: 4;
}
.top__header {
color: white;
font-size: 32px;
font-weight: 300;
text-align: center;
text-transform: uppercase;
margin-top: 34px;
}
@media only screen and (min-width: 768px) {
.top__header {
font-size: 52px;
margin-top: 93px;
}
}
@media only screen and (min-width: 992px) {
.top__header {
font-size: 60px;
}
}
.top__header--subnav {
margin-top: 40px !important;
}
@media only screen and (min-width: 768px) {
.top__header--subnav {
margin-top: 63px !important;
}
}
.top--home {
height: 80vh;
min-height: 600px;
max-height: 790px;
text-align: center;
}
.top--home::before {
opacity: 0.85;
}
.top--home::after {
display: none;
}
.top--home .header {
position: absolute;
}
.top--home .top__header,
.top--home .top__desc {
text-shadow: 2px 2px 30px rgba(0, 0, 45, 0.6);
}
.top--home .top__desc {
font-size: 16px;
font-size: 19px;
line-height: 1.5;
margin-top: 16px;
}
@media only screen and (min-width: 768px) {
.top--home .top__desc {
max-width: 80%;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width: 992px) {
.top--home .top__desc {
max-width: 100%;
}
}
.top--home .top__header {
margin-top: 40px;
}
.top--home .top__wrapper {
position: relative;
z-index: 2;
}
@media only screen and (min-width: 768px) {
.top--home .top__wrapper {
position: absolute;
top: 46%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
}
.top--searchPage {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-contact.jpg);
padding-bottom: 50px;
}
@media only screen and (min-width: 768px) {
.top--searchPage {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 992px) {
.top--searchPage {
min-height: 695px;
padding-bottom: 60px;
}
}
.top--searchPage .top__header {
text-align: left;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.top--searchPage .top__header {
font-size: 32px;
}
}
@media only screen and (min-width: 768px) {
.top--searchPage .top__header {
margin-top: 72px;
}
}
.top--searchPage .top__desc {
color: white;
font-size: 16px;
line-height: 1.4;
margin-top: 14px;
}
.top--searchPage .subnav {
text-align: left !important;
margin-top: 100px !important;
}
.top--offer {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-contact.jpg);
padding-bottom: 70px;
}
@media only screen and (min-width: 768px) {
.top--offer {
padding-bottom: 90px;
}
}
@media only screen and (min-width: 992px) {
.top--offer {
min-height: 500px;
padding-bottom: 60px;
}
}
.top--offer .top__header {
text-align: left;
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.top--offer .top__header {
font-size: 32px;
}
}
@media only screen and (min-width: 768px) {
.top--offer .top__header {
margin-top: 72px;
}
}
.top--offer .top__desc {
color: white;
font-size: 16px;
line-height: 1.4;
margin-top: 14px;
}
.top--offer .subnav {
text-align: left !important;
}
@media only screen and (min-width: 768px) {
.top--offer .subnav {
margin-top: 100px !important;
}
}
.top--subpage {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-subpage.jpg);
padding-bottom: 34px;
}
@media only screen and (min-width: 768px) {
.top--subpage {
padding-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.top--subpage {
min-height: 394px;
}
}
.top--contact {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-contact.jpg);
padding-bottom: 34px;
}
@media only screen and (min-width: 768px) {
.top--contact {
padding-bottom: 50px;
min-height: 0px;
}
}
@media only screen and (min-width: 992px) {
.top--contact {
min-height: 850px;
}
}
.top--contact .top__header {
margin-bottom: 50px;
}
@media only screen and (min-width: 992px) {
.top--contact .top__header {
margin-bottom: 0;
}
}
.top--single {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-home.jpg);
padding-bottom: 34px;
}
@media only screen and (min-width: 768px) {
.top--single {
padding-bottom: 175px;
}
}
.top .subnav {
font-size: 0;
text-align: center;
z-index: auto;
margin-top: 45px;
}
.top .subnav li {
display: inline-block;
margin-bottom: 15px;
}
@media only screen and (min-width: 992px) {
.top .subnav li {
margin-right: 30px;
}
}
.top .subnav li a {
padding: 16px 20px;
display: block;
height: 47px;
line-height: 1;
font-size: 14px;
letter-spacing: 0.8px;
color: #eeeeee;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
border: solid 2px #eeeeee;
border-radius: 2.5px;
text-align: center;
min-width: 220px;
margin: 0 5px 0px 5px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.top .subnav li a {
min-width: 200px;
}
}
@media only screen and (min-width: 992px) {
.top .subnav li a {
min-width: 110px;
margin: 0;
}
}
.top .subnav li a:hover {
color: #3f3f3f;
background-color: white;
}
.top .subnav li:last-of-type {
margin-right: 0;
}
.top .subnav li.active a {
color: #3f3f3f;
background-color: white;
}
.menu-button {
cursor: pointer;
height: 25px;
width: 25px;
position: absolute;
bottom: 50%;
transform: translateY(50%);
right: 15px;
z-index: 10;
}
@media only screen and (min-width: 768px) {
.menu-button {
bottom: 14px;
transform: none;
}
}
@media only screen and (min-width: 992px) {
.menu-button {
bottom: 0;
}
}
.menu-button.active span {
background: white;
}
.menu-button.active span:nth-of-type(2) {
transform: rotate(45deg);
}
.menu-button.active span:nth-of-type(3) {
transform: rotate(-45deg);
}
.menu-button.active span:first-of-type,
.menu-button.active span:last-of-type {
opacity: 0;
}
.menu-button span {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
height: 2px;
background: white;
position: absolute;
left: 0;
bottom: 11px;
}
@media only screen and (max-width: 767px) {
.menu-button span {
background: #bfc0c0;
}
}
.menu-button span:first-of-type {
bottom: 19px;
}
.menu-button span:last-of-type {
bottom: 3px;
}
.top__headline {
width: 100%;
height: 100%;
margin: 0 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.top__headline-container {
width: 100%;
height: 100%;
}
.top__headline-title {
color: #fff;
font-size: 32px;
font-weight: 300;
margin-bottom: 30px;
letter-spacing: 2.1px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.top__headline-title {
font-size: 52px;
}
}
.top__headline-slide {
height: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
@media only screen and (min-width: 768px) {
.top__headline-slide--left .top__headline-title {
text-align: left;
}
.top__headline-slide--left .top__headline-content {
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
margin: 0;
}
}
.top__headline-content {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-direction: column;
flex-direction: column;
margin: 0 auto;
}
@media only screen and (min-width: 992px) {
.top__headline-content {
width: 74%;
}
}
@media only screen and (min-width: 1200px) {
.top__headline-content {
width: 64%;
}
}
.top__headline-text {
font-weight: 400;
margin-bottom: 40px;
line-height: 1.7;
letter-spacing: 0.66px;
font-size: 13px;
}
@media only screen and (min-width: 768px) {
.top__headline-text {
font-size: 15px;
}
}
@media only screen and (min-width: 1200px) {
.top__headline-text {
font-size: 19px;
}
}
.top__headline .swiper-pagination-bullets {
position: absolute;
z-index: 9;
}
.top__headline .swiper-pagination-bullets .swiper-pagination-bullet {
height: 4px !important;
width: 80px !important;
border-radius: 0 !important;
background: #fff;
opacity: 1;
}
.top__headline .swiper-pagination-bullets .swiper-pagination-bullet-active {
background: #be1e2d !important;
}
.top__buttons {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.top__buttons {
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 0;
}
}
.top__link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
min-height: 54px;
background-color: #be1e2d;
color: #fff;
letter-spacing: 0.2em;
line-height: 1.5;
padding: 0 15px;
margin-bottom: 15px;
font-size: 13px;
text-transform: uppercase;
text-align: center;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.top__link {
height: 54px;
margin-right: 30px;
margin-bottom: 0;
white-space: nowrap;
}
}
@media only screen and (min-width: 992px) {
.top__link {
font-size: 16px;
}
}
.top__link:hover {
background-color: #b11c2a;
}
.top__link:last-child {
margin-right: 0;
margin-bottom: 0;
}
.top__link--alt {
color: #be1e2d;
background-color: #fff;
}
.top__link--alt:hover {
background-color: #ededed;
}
.top__bg {
width: 100%;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
}
.top__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top__bg::before {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
top: 0;
background-color: rgba(0, 0, 0, 0.2);
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/top-before.png);
background-position: top center;
background-repeat: no-repeat;
background-size: 100% 100%;
z-index: 1;
transform: scale(1.3);
}
.top--home {
overflow: hidden;
}
.top__content {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
}
.footer {
border-top: 1px solid #eaeaea;
text-align: center;
}
@media only screen and (min-width: 768px) {
.footer {
text-align: left;
}
}
.footer-main {
border-top: 1px solid #eaeaea;
padding: 23px 0 26px 0;
}
.footer-panel {
padding: 50px 0;
}
.footer-panel p {
color: rgba(48, 51, 57, 0.6);
line-height: 1.7;
}
.footer-panel p a {
text-decoration: underline;
font-style: italic;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.footer-panel p a:hover {
color: #303339;
}
.footer-panel__header {
color: #303339;
font-size: 14px;
line-height: 1.71;
letter-spacing: 0.3em;
text-align: left;
text-transform: uppercase;
margin-bottom: 12px;
}
.footer-panel__menu {
color: rgba(48, 51, 57, 0.6);
font-size: 14px;
line-height: 1.7;
}
.footer-panel__menu li a {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.footer-panel__menu li a:hover {
color: #303339;
}
.footer__social {
text-align: left;
font-size: 0;
}
@media only screen and (min-width: 768px) {
.footer__social {
margin-top: 20px;
}
}
@media only screen and (min-width: 992px) {
.footer__social {
margin-top: 0;
}
}
.footer__social li {
display: inline-block;
margin-right: 24px;
}
.footer__social li:last-of-type {
margin-right: 0;
}
.footer__social li a {
display: block;
}
.footer__social svg {
height: 23px;
}
.footer__social svg path {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
fill: #838588;
}
.footer__social svg:hover path {
fill: #be1e2d !important;
}
.footer__social img {
height: 23px;
}
.footer__logo {
display: block;
}
@media only screen and (min-width: 768px) {
.footer__logo {
display: inline-block;
}
}
.footer__logo img {
height: 24px;
opacity: 0.6;
display: inline-block;
vertical-align: middle;
}
@media only screen and (min-width: 768px) {
.footer__logo img {
height: 30px;
}
}
.footer__txt {
font-size: 11px;
line-height: 2.18;
letter-spacing: 0.2em;
color: rgba(48, 51, 57, 0.6);
display: block;
}
.footer__copyrights {
display: inline-block;
vertical-align: middle;
margin-top: 7px;
}
@media only screen and (min-width: 992px) {
.footer__copyrights {
margin: 0 0 0 51px;
}
}
.footer__info {
font-size: 10px;
line-height: 1.4;
color: rgba(48, 51, 57, 0.3);
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.footer__info {
margin-top: 0;
text-align: right;
}
}
.twoheads {
text-align: left;
letter-spacing: 1px;
color: rgba(48, 51, 57, 0.3);
font-size: 11px;
}
.twoheads span {
color: #be1e2d;
}
.twoheads a {
color: rgba(48, 51, 57, 0.6);
text-decoration: underline;
}
.twoheads a:hover {
color: #303339;
}
.article {
padding: 0;
height: 100%;
position: relative;
border-radius: 3px;
background-color: white;
box-shadow: -13px 7px 30px 0 rgba(0, 0, 0, 0.15);
margin-bottom: 20px;
text-align: left;
display: block;
-webkit-transform: translate3d(0, 0, 0);
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (max-width: 767px) {
.article {
max-width: 360px;
margin: 0 auto;
}
}
@media only screen and (min-width: 768px) {
.article {
margin-bottom: 23px;
}
}
.article--without-photo .article__photo {
display: none;
}
.article:hover .article__button {
width: 150px;
height: 40px;
bottom: -20px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.article:hover .article__button {
width: 172px;
height: 46px;
bottom: -23px;
}
}
.article:hover .article__button span {
visibility: visible;
opacity: 1;
transition: all 0.16s ease-in-out;
transition-delay: 0.12s;
}
.article:hover .article__button img {
visibility: hidden;
opacity: 0;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.article:hover .article__photo img {
transform: scale(1.03);
}
.article__photo {
margin: 0;
padding: 0;
height: 200px;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.article__photo {
height: 270px;
}
}
.article__photo img {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 3px 3px 0 0;
}
.article__content {
padding: 25px 30px 30px 30px;
}
@media only screen and (min-width: 768px) {
.article__content {
padding: 40px 30px;
}
}
.article__date {
color: #be1e2d;
font-size: 11px;
font-weight: bold;
font-family: "Harmonia Sans", serif;
}
.article__title {
color: #3f3f3f;
font-size: 18px;
line-height: 1.35;
margin-top: 8px;
}
@media only screen and (min-width: 768px) {
.article__title {
font-size: 22px;
line-height: 1.72;
margin-top: 20px;
padding-bottom: 70px;
}
}
.article__title--noPadding {
padding-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.article__title--noPadding {
padding-bottom: 0 !important;
}
}
.article__author {
width: 100%;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 16px;
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.article__author {
position: absolute;
left: 30px;
bottom: 30px;
margin-top: 30px;
margin-bottom: 0;
}
}
.article__author-image {
width: 60px;
height: 60px;
}
.article__author-image img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 50%;
}
.article__author-text {
padding-left: 20px;
}
.article__author-name {
font-size: 14px;
color: black;
}
.article__author-profession {
margin-top: 5px;
font-size: 11px;
color: black;
}
.article__button {
position: absolute;
left: 50%;
bottom: -17px;
width: 34px;
height: 34px;
color: white;
padding: 10px;
background: #be1e2d;
text-align: center;
border-radius: 5px;
text-transform: uppercase;
transform: translateX(-50%);
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.article__button {
bottom: -19px;
width: 38px;
height: 38px;
}
}
.article__button span {
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
top: 50%;
min-width: 200px;
transform: translate(-50%, -50%);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.2em;
transition: all 0.12s ease-in-out;
}
@media only screen and (min-width: 768px) {
.article__button span {
font-size: 14px;
}
}
.article__button img {
top: 50%;
left: 50%;
width: 12px;
height: 12px;
position: absolute;
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%);
transition: all 0.2s ease-in-out;
transition-delay: 0.2s;
}
.news {
border-radius: 4px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
position: relative;
overflow: hidden;
height: 400px;
background-position: center center;
background-repeat: no-repeat;
}
.news:before {
content: "";
background: rgba(255, 255, 255, 0.7);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.news:hover .news__content {
padding-top: 100%;
padding-bottom: 70px;
box-shadow: inset 0px 0px 80px 0px rgba(9, 16, 14, 0.03);
}
.news:hover .news__more {
transition: all 0.2s ease-in-out;
bottom: 26px;
opacity: 1;
visibility: visible;
transition-delay: 0.15s;
border-radius: 3px;
}
@media only screen and (max-width: 767px) {
.news {
max-width: 360px;
margin: 0 auto;
}
}
.news__link {
position: relative;
display: block;
height: 100%;
width: 100%;
z-index: 4;
transform: translate3d(0, 0, 0);
}
.news__date {
transform: translate(-50%);
letter-spacing: 0.3em;
transition-delay: 0s;
position: absolute;
color: #686868;
font-size: 12px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
opacity: 1;
top: 30px;
left: 50%;
}
@media only screen and (min-width: 768px) {
.news__date {
font-size: 14px;
}
}
.news__content {
transition: all 0.4s ease-in-out;
padding: 24px 42px 22px 42px;
text-align: center;
position: absolute;
width: 100%;
bottom: 0;
left: 0;
}
@media only screen and (min-width: 768px) {
.news__content {
padding: 32px 50px 26px 50px;
}
}
.news__header {
font-weight: 500;
line-height: 1.2;
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.news__header {
font-size: 20px;
}
}
.news__desc {
font-style: italic;
line-height: 1.28;
margin-top: 14px;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.news__desc {
margin-top: 20px;
}
}
.news__more {
transition: all 0.3s ease-in-out;
letter-spacing: 0.2em;
position: absolute;
font-size: 14px;
bottom: -10px;
opacity: 0;
visibility: hidden;
left: 50%;
transform: translateX(-50%);
transition-delay: 0s;
}
.news-section {
text-align: center;
padding: 20px 0 0 0;
}
@media only screen and (min-width: 768px) {
.news-section {
padding: 70px 0 0 0;
}
}
.news-section .flex-row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.news-section__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.news-section__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.news-section__header {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) {
.news-section__header {
margin-bottom: 58px !important;
}
}
.news-section__more-btn {
display: inline-block;
font-size: 14px;
line-height: 1.71;
letter-spacing: 0.2em;
color: #303339;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
margin: 20px 0 20px 0;
}
@media only screen and (min-width: 768px) {
.news-section__more-btn {
margin: 40px 0 57px 0;
}
}
.news-section__more-btn:hover {
color: #be1e2d;
}
.banner {
background-color: #f3f3f3;
padding: 18px 0 30px 0;
text-align: center;
font-size: 0;
}
@media only screen and (min-width: 768px) {
.banner {
padding: 20px 0 40px 0;
}
}
@media only screen and (min-width: 992px) {
.banner {
padding: 34px 0 54px 0;
}
}
@media only screen and (min-width: 1200px) {
.banner {
padding: 48px 0 68px 0;
min-height: 178px;
}
}
.banner__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
margin-bottom: 0 !important;
display: block;
vertical-align: middle;
margin-top: 12px;
}
@media only screen and (min-width: 768px) {
.banner__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.banner__header {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.banner__header {
font-size: 22px;
}
}
@media only screen and (min-width: 768px) {
.banner__header {
margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
.banner__header {
display: inline-block;
}
}
.banner__btn {
color: #be1e2d;
border-radius: 3px;
border: solid 2px #be1e2d;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
text-transform: uppercase;
height: 42px;
line-height: 38px;
padding: 0 16px;
display: inline-block;
cursor: pointer;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
vertical-align: middle;
margin-top: 12px;
}
@media only screen and (min-width: 768px) {
.banner__btn {
font-size: 14px;
height: 52px;
line-height: 48px;
min-width: 150px;
padding: 0 18px;
}
}
.banner__btn:hover {
background-color: #be1e2d;
color: white;
}
@media only screen and (min-width: 768px) {
.banner__btn {
margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
.banner__btn {
margin-left: 38px;
}
}
.single-investment {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
padding: 0;
height: 100%;
cursor: pointer;
position: relative;
border-radius: 3px;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.05);
display: block;
max-width: 360px;
margin: 0 auto;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.single-investment {
margin-bottom: 23px;
}
}
.single-investment:hover .single-investment__button {
width: 150px;
height: 40px;
bottom: -20px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.single-investment:hover .single-investment__button {
width: 172px;
height: 46px;
bottom: -23px;
}
}
.single-investment:hover .single-investment__button span {
visibility: visible;
opacity: 1;
transition: all 0.16s ease-in-out;
transition-delay: 0.12s;
}
.single-investment:hover .single-investment__button img {
visibility: hidden;
opacity: 0;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.single-investment:hover .single-investment__photo img {
transform: scale(1.03);
}
.single-investment__type {
display: block;
width: 30px;
height: 30px;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.05);
border-radius: 9999px;
background-color: #282a2d;
background-repeat: no-repeat;
background-size: 14px auto;
background-position: center;
position: absolute;
top: 10px;
right: 10px;
}
.single-investment__type--flat {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/icon-home.svg);
}
.single-investment__type--local {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/icon-local.svg);
}
.single-investment__photo {
margin: 0;
padding: 0;
height: 250px;
overflow: hidden;
position: relative;
}
@media only screen and (min-width: 768px) {
.single-investment__photo {
height: 270px;
}
}
.single-investment__photo img {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
border-radius: 2.5px 2.5px 0 0;
}
.single-investment__content {
padding: 25px 30px 30px 30px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.single-investment__content {
padding: 35px 30px 50px 30px;
}
}
.single-investment__header {
font-size: 16px;
font-weight: 500;
line-height: 1.41;
text-transform: uppercase;
color: #303339;
}
.single-investment__subheader {
color: #be1e2d;
font-size: 14px;
line-height: 1.72;
}
.single-investment__info {
margin-top: 30px;
}
.single-investment__info-icon,
.single-investment__info-desc {
vertical-align: middle;
}
.single-investment__info tr > td {
padding-bottom: 12px;
}
.single-investment__info tr:last-of-type > td {
padding-bottom: 0;
}
.single-investment__info-icon {
text-align: center;
}
.single-investment__info-icon img {
max-width: 22px;
max-height: 24px;
width: 22px;
height: auto;
}
.single-investment__info-desc {
color: rgba(48, 51, 57, 0.6);
font-size: 14px;
line-height: 1.72;
text-align: left;
padding-left: 24px;
}
.single-investment__info-desc .highlighted {
color: #be1e2d;
display: inline-block;
}
.single-investment__button {
position: absolute;
left: 50%;
bottom: -17px;
width: 34px;
height: 34px;
color: white;
padding: 10px;
background: #be1e2d;
text-align: center;
border-radius: 5px;
text-transform: uppercase;
transform: translateX(-50%);
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.single-investment__button {
bottom: -19px;
width: 38px;
height: 38px;
}
}
.single-investment__button span {
opacity: 0;
visibility: hidden;
position: absolute;
left: 50%;
top: 50%;
min-width: 200px;
transform: translate(-50%, -50%);
font-size: 12px;
font-weight: 500;
letter-spacing: 0.2em;
transition: all 0.12s ease-in-out;
}
@media only screen and (min-width: 768px) {
.single-investment__button span {
font-size: 14px;
}
}
.single-investment__button img {
top: 50%;
left: 50%;
width: 12px;
height: 12px;
position: absolute;
visibility: visible;
opacity: 1;
transform: translate(-50%, -50%);
transition: all 0.2s ease-in-out;
transition-delay: 0.2s;
}
.news-gallery {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.news-gallery {
width: 285px;
margin-left: auto;
margin-right: auto;
margin-bottom: -15px;
}
}
@media only screen and (min-width: 768px) {
.news-gallery {
margin-bottom: -20px;
}
}
@media only screen and (min-width: 1200px) {
.news-gallery {
margin-bottom: -30px;
}
}
.news-gallery__single {
border-radius: 3px;
overflow: hidden;
background-color: black;
cursor: pointer;
position: relative;
display: inline-block;
min-width: 135px;
min-height: 135px;
width: 135px;
height: 135px;
margin-bottom: 15px;
margin-right: 11px;
font-size: 0;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.news-gallery__single:nth-of-type(2n) {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.news-gallery__single {
min-width: 225px;
min-height: 225px;
width: 225px;
height: 225px;
margin-bottom: 20px;
margin-right: 19px;
}
.news-gallery__single:nth-of-type(2n) {
margin-right: 19px;
}
.news-gallery__single:nth-of-type(3n) {
margin-right: 0px !important;
}
}
@media only screen and (min-width: 992px) {
.news-gallery__single {
min-width: 200px;
min-height: 200px;
width: 200px;
height: 200px;
margin-right: 18px;
}
.news-gallery__single:nth-of-type(2n) {
margin-right: 18px;
}
}
@media only screen and (min-width: 1200px) {
.news-gallery__single {
min-width: 236px;
min-height: 236px;
width: 236px;
height: 236px;
margin-bottom: 30px;
margin-right: 30px;
}
.news-gallery__single:nth-of-type(2n) {
margin-right: 30px;
}
}
.news-gallery__single::after {
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/eye.svg);
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.news-gallery__single:hover {
text-align: center;
}
.news-gallery__single:hover::after {
opacity: 1;
visibility: visible;
}
.news-gallery__single:hover img {
transform: scale(1.05);
opacity: 0.6;
}
.news-gallery__single img {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.fixed-nav {
background-color: white;
position: relative;
z-index: 4;
pointer-events: auto;
}
@media only screen and (min-width: 768px) {
.fixed-nav {
min-width: 300px;
max-width: 350px;
}
}
.fixed-nav::before {
content: "";
background-color: white;
position: absolute;
bottom: 0;
right: -49vw;
width: 50vw;
height: 100%;
}
.fixed-nav__wrapper {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
z-index: 15;
pointer-events: none;
position: fixed;
top: 20%;
left: auto;
right: 0;
transform: translateX(100%);
min-width: 220px;
max-width: 90%;
padding-right: 40px;
}
.fixed-nav__wrapper.active {
transform: translateX(0);
}
@media only screen and (min-width: 768px) {
.fixed-nav__wrapper {
min-width: 300px;
max-width: 350px;
padding-right: 0;
}
}
@media only screen and (min-width: 992px) {
.fixed-nav__wrapper {
transition: none;
position: absolute;
top: 360px;
left: 0;
right: 0;
width: 100%;
max-width: 100%;
overflow: hidden;
transform: translateX(0);
z-index: 5;
}
.fixed-nav__wrapper .container {
padding: 15px;
}
.fixed-nav__wrapper .info-btn {
display: none;
}
}
.fixed-nav__wrapper .container {
padding: 0;
}
.fixed-nav__wrapper .info-btn {
content: "";
display: block;
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/info.svg);
width: 46px;
height: 47px;
position: absolute;
cursor: pointer;
top: 0;
left: -46px;
z-index: 5;
pointer-events: auto;
}
@media only screen and (min-width: 992px) {
.fixed-nav__wrapper--bottom {
position: absolute;
top: auto;
bottom: 0;
}
.fixed-nav__wrapper--sticky {
position: fixed;
top: 100px;
z-index: 5;
}
}
.fixed-nav__section {
border-left: 7px solid #d5d5d5;
padding-top: 15px;
}
.fixed-nav__section-content {
position: relative;
left: -7px;
}
.fixed-nav__header {
border-left: 7px solid #be1e2d;
color: #303339;
font-size: 17px;
line-height: 1.41;
text-transform: uppercase;
padding: 8px 20px 8px 30px;
}
.fixed-nav__btn {
border-radius: 3px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
color: #727e90;
border: 2px solid #727e90;
display: inline-block;
min-width: 150px;
line-height: 47px;
text-align: center;
font-size: 13px;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 0 15px;
margin: 30px 0 0 10px;
}
.fixed-nav__btn:hover {
background-color: #727e90;
color: white;
}
@media only screen and (min-width: 992px) {
.fixed-nav__btn {
min-width: 206px;
}
}
@media only screen and (min-width: 1200px) {
.fixed-nav__btn {
margin: 30px 0 0 37px;
}
}
.fixed-nav__table {
width: 100%;
color: #303339;
font-size: 14px;
text-align: left;
letter-spacing: 0.06em;
}
.fixed-nav__table-wrapper {
padding: 15px 10px 10px 30px;
}
.fixed-nav__table tr td {
text-align: left;
padding: 9px 0;
}
.fixed-nav__table tr td:nth-child(2) {
text-align: right;
}
.fixed-nav__table tr.separators {
border-bottom: 1px solid #eaeaea;
}
.fixed-nav__table tr.separators td {
padding-bottom: 9px !important;
}
.fixed-nav__table tr.total {
font-weight: 500;
}
.fixed-nav__table tr:first-of-type td {
padding-top: 0;
}
.fixed-nav__table tr:last-of-type td {
padding-bottom: 0;
}
.fixed-nav__list {
border-left: 7px solid transparent;
padding: 15px 10px 10px 30px;
}
.fixed-nav__list li {
color: #303339;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.1em;
display: block;
margin-bottom: 20px;
}
.fixed-nav__list li:last-child {
margin-bottom: 0;
}
.fixed-nav__list li a {
font-weight: 500;
text-decoration: underline;
display: block;
}
@media only screen and (min-width: 1200px) {
.fixed-nav__list li a {
display: inline;
}
}
.fixed-nav__list .price {
color: #44ad32;
font-size: 18px;
font-weight: 500;
margin: 25px 0 20px 0;
}
.fixed-nav__list .price:first-child {
margin-top: 0;
}
.fixed-nav__list .price-tag {
color: #303339;
display: block;
font-size: 12px;
letter-spacing: 0.12em;
}
.fixed-nav__list .price-val {
color: #303339;
font-size: 14px;
text-decoration: line-through;
padding-left: 4px;
}
.fixed-nav__menu li {
display: block;
}
.fixed-nav__menu li.active a {
border-left-color: #be1e2d;
}
.fixed-nav__menu li a {
color: #303339;
font-size: 14px;
letter-spacing: 0.1em;
padding: 26px 0 26px 29px;
border-bottom: 1px solid #eaeaea;
border-left: 7px solid #d5d5d5;
position: relative;
display: block;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media screen and (max-height: 700px) {
.fixed-nav__menu li a {
padding: 20px 0px 20px 29px;
}
}
.fixed-nav__menu li a::after {
content: "";
width: 200px;
height: 1px;
position: absolute;
bottom: -1px;
right: 0;
background-image: linear-gradient(to right, #eaeaea, #ffffff);
}
.fixed-nav__menu li a:hover {
color: #be1e2d;
cursor: pointer;
}
.fixed-nav__contact {
display: none;
}
@media only screen and (min-width: 768px) {
.fixed-nav__contact {
margin-top: 50px;
padding: 0 10px;
}
}
@media only screen and (min-width: 992px) {
.fixed-nav__contact {
display: block;
}
}
@media only screen and (min-width: 1200px) {
.fixed-nav__contact {
padding: 0 36px;
}
}
.fixed-nav__contact-header {
max-width: 160px;
font-size: 14px;
line-height: 1.43;
letter-spacing: 0.1em;
color: #303339;
}
.fixed-nav__contact-header span {
font-weight: 600;
line-height: 2.2;
letter-spacing: 1.1px;
display: block;
}
.fixed-nav__contact-header--reversed span {
line-height: 1.43;
}
.fixed-nav__contact .contact-person {
margin-top: 40px;
}
.fixed-social {
display: none;
z-index: 4;
}
@media only screen and (min-width: 768px) {
.fixed-social {
display: block;
position: fixed;
bottom: 40px;
right: 30px;
}
}
@media only screen and (min-width: 992px) {
.fixed-social {
z-index: 10;
}
}
.fixed-social__single {
background-color: white;
border-radius: 9999px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.15);
display: block;
width: 45px;
height: 45px;
position: relative;
margin-bottom: 19px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.fixed-social__single:hover {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.3);
}
.fixed-social__single:hover svg path {
fill: #be1e2d !important;
}
.fixed-social__single svg {
max-width: 17px;
max-height: 17px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.fixed-social__single svg path {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
fill: #838588;
}
.fixed-social__single:last-of-type {
margin-bottom: 0;
}
.fixed-social__single img {
max-width: 17px;
max-height: 17px;
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
}   .ui-state-disabled {
cursor: default !important;
pointer-events: none;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-slider {
border-radius: 999px;
background: #cacaca;
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 9px;
height: 9px;
border-radius: 999px;
cursor: pointer;
-ms-touch-action: none;
touch-action: none;
outline: 0;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
display: block;
border: 0;
background-position: 0 0;
background-color: #be1e2d;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
height: 2px;
}
.ui-slider-horizontal .ui-slider-handle {
top: 50%;
transform: translateY(-50%) translateX(-50%);
}
.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: -0.3em;
margin-left: 0;
margin-bottom: -0.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-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 {
background-color: #505359;
border: none;
font-weight: normal;
color: #454545;
}  .single {
padding: 0 0 35px 0;
}
.single strong,
.single b {
font-weight: bold;
}
.single ol,
.single ul {
margin-left: 30px;
margin-bottom: 20px;
}
.single ol {
list-style-type: decimal;
}
.single ul {
list-style-type: circle;
}
@media only screen and (min-width: 768px) {
.single {
padding: 0px 0 60px 0;
}
}
.single__container {
z-index: 1;
border-radius: 3px;
background: white;
padding-top: 35px;
}
@media only screen and (min-width: 768px) {
.single__container {
padding-top: 60px;
margin-top: -80px;
}
}
.single__heading h2 {
text-align: center;
font-weight: 500;
font-size: 30px;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.single__heading h2 {
font-size: 24px;
}
}
.single__info {
font-size: 15px;
margin-left: 25px;
}
@media only screen and (max-width: 767px) {
.single__info {
margin-top: 10px;
font-size: 13px;
}
}
.single__info strong {
font-weight: 500;
}
.single__info:first-of-type {
margin-left: 0;
}
.single__info__wrapper {
display: block;
text-align: center;
padding: 30px 0;
}
@media only screen and (min-width: 768px) {
.single__info__wrapper {
padding: 50px 0;
}
}
.single__thumbnail {
border-radius: 3px;
position: relative;
width: auto;
height: auto;
overflow: hidden;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.single__thumbnail {
max-width: 736px;
max-height: 509px;
margin-bottom: 30px;
}
}
@media only screen and (min-width: 768px) {
.single__thumbnail {
max-width: 750px;
max-height: 414px;
}
}
@media only screen and (min-width: 992px) {
.single__thumbnail {
max-width: 668px;
max-height: 374px;
}
}
@media only screen and (min-width: 1200px) {
.single__thumbnail {
max-width: 807px;
max-height: 450px;
}
}
.single__thumbnail img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media only screen and (max-width: 767px) {
.single__thumbnail img {
max-width: 736px;
max-height: 509px;
}
}
@media only screen and (min-width: 768px) {
.single__thumbnail img {
max-height: 414px;
max-width: 750px;
}
}
@media only screen and (min-width: 992px) {
.single__thumbnail img {
max-height: 374px;
max-width: 668px;
}
}
@media only screen and (min-width: 1200px) {
.single__thumbnail img {
max-height: 450px;
max-width: 807px;
}
}
.single__content {
color: #303339;
font-size: 14px;
line-height: 2.0;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.single__content {
margin-bottom: 60px;
}
}
.single__content h3,
.single__content h4,
.single__content h5,
.single__content h6 {
margin-bottom: 30px;
}
.single__content h3,
.single__content h4,
.single__content h5,
.single__content h6 {
line-height: 1.4;
font-weight: 500;
color: #be1e2d;
}
.single__content h3 {
font-size: 20px;
}
.single__content h4 {
font-size: 18px;
}
.single__content h5,
.single__content h6 {
font-size: 16px;
}
.single__content p {
margin-bottom: 30px;
}
.single__content p img {
max-width: 100%;
height: auto;
}
.single .back-button {
position: relative;
padding-left: 30px;
color: #303339;
font-size: 15px;
line-height: 1.6;
letter-spacing: 0.04em;
}
.single .back-button:after {
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.92 9.6"><path d="M1.12 0L0 1.12 3.68 4.8 0 8.48 1.12 9.6l4.8-4.8L1.12 0z" style="fill: #303339;"/></svg>') no-repeat center;
content: '';
width: 7px;
height: 11px;
position: absolute;
transform: rotate(180deg) translateY(-50%);
left: 0;
bottom: 50%;
}
.log-page {
margin: 0 0 45px 0;
}
@media only screen and (min-width: 768px) {
.log-page {
margin: 0 0 75px 0;
}
}
.log-page .log {
font-size: 0;
}
@media only screen and (max-width: 767px) {
.log-page .log {
max-width: 500px;
margin: 0 auto;
}
}
.log-page .log__title {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
margin: 30px 0 !important;
}
@media only screen and (min-width: 768px) {
.log-page .log__title {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.log-page .log__title {
font-size: 40px;
}
}
.log-page .log__content {
margin-bottom: -15px;
}
.log-page .log__single {
background-color: black;
display: inline-block;
position: relative;
overflow: hidden;
width: 48%;
height: 160px;
margin-right: 4%;
margin-bottom: 4%;
}
.log-page .log__single:nth-of-type(2n) {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.log-page .log__single {
width: 32%;
height: 165px;
margin-right: 2%;
margin-bottom: 2%;
}
.log-page .log__single:nth-of-type(2n) {
margin-right: 2%;
}
.log-page .log__single:nth-of-type(3n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.log-page .log__single {
width: 200px;
height: 150px;
margin-right: 15px;
margin-bottom: 15px;
}
.log-page .log__single:nth-of-type(3n) {
margin-right: 15px;
}
.log-page .log__single:nth-of-type(4n) {
margin-right: 0;
}
}
.log-page .log__single img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.log-page .log__single::after {
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/eye.svg);
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.log-page .log__single:hover {
text-align: center;
}
.log-page .log__single:hover::after {
opacity: 1;
visibility: visible;
}
.log-page .log__single:hover img {
transform: scale(1.05);
opacity: 0.6;
}
.home-page .investments-section {
text-align: center;
padding: 20px 0 10px 0;
}
@media only screen and (min-width: 768px) {
.home-page .investments-section {
padding: 60px 0 22px 0;
}
}
.home-page .investments-section__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.home-page .investments-section__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.home-page .investments-section__header {
font-size: 40px;
}
}
.home-page .investments-section .single-investment {
margin-bottom: 35px;
-webkit-transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 768px) {
.home-page .investments-section .single-investment {
margin-bottom: 55px;
}
}
@media only screen and (min-width: 992px) {
.home-page .investments-section .single-investment {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) {
.home-page .investments-section .single-investment {
margin-bottom: 74px;
}
}
.home-page .search-filters__checkbox {
padding-left: 24px;
}
.home-page .search-filters__checkbox-wrapper {
margin-bottom: 20px;
width: 48%;
margin-right: 4%;
}
.home-page .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.home-page .search-filters__checkbox-wrapper {
width: 32%;
margin-right: 2%;
}
.home-page .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 2%;
}
.home-page .search-filters__checkbox-wrapper:nth-of-type(3n) {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
.home-page .search-filters__checkbox-wrapper {
width: 48%;
margin-right: 4%;
}
.home-page .search-filters__checkbox-wrapper:nth-of-type(3n) {
margin-right: 4%;
}
.home-page .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.home-page .search-filters__checkbox-wrapper {
width: 32%;
margin-right: 2%;
}
.home-page .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 2%;
}
.home-page .search-filters__checkbox-wrapper:nth-of-type(3n) {
margin-right: 0;
}
}
.home-page .search-filters__checkbox-wrapper input {
width: 14px;
height: 14px;
margin: 0;
}
.home-page .find {
position: relative;
}
.home-page .find::before,
.home-page .find__after-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
content: "";
position: absolute;
}
@media only screen and (min-width: 992px) {
.home-page .find::before {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-home-form.jpg);
top: 0;
left: 0%;
width: 50%;
height: 550px;
z-index: -1;
}
}
.home-page .find__after-bg {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-home-form2.jpg);
top: 0;
width: 100%;
right: 0;
height: 75%;
z-index: -1;
}
.home-page .find__after-bg::after {
content: "";
background-color: black;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0.3;
}
@media only screen and (min-width: 992px) {
.home-page .find__after-bg {
right: 0%;
width: 50%;
height: 100%;
}
}
@media only screen and (min-width: 992px) {
.home-page .find-info {
padding-top: 430px;
}
}
@media only screen and (min-width: 1200px) {
.home-page .find-info {
width: 500px;
}
}
.home-page .find-info__contact,
.home-page .find-info__finance {
box-shadow: -13px 8px 30px 0 rgba(0, 0, 0, 0.15);
}
.home-page .find-info__contact {
border-radius: 3px;
background-color: white;
padding: 32px 36px 30px 36px;
}
.home-page .find-info__contact-header {
font-size: 20px;
line-height: 1.53;
letter-spacing: 1.6px;
letter-spacing: 0.08em;
color: black;
}
@media only screen and (max-width: 767px) {
.home-page .find-info__contact .col-xs-12 {
margin-top: 20px;
}
}
.home-page .find-info__contact .col-xs-12:first-of-type {
margin-top: 0;
}
.home-page .find-info__contact .contact-person__subheader {
text-transform: none;
font-size: 12px;
}
.home-page .find-info__consultants {
margin-top: 35px;
}
.home-page .find-info__finance {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-home-finance.jpg);
background-size: cover;
background-repeat: no-repeat;
min-height: 171px;
padding: 30px 35px 20px 35px;
border-radius: 3px;
margin-top: 20px;
display: block;
}
.home-page .find-info__finance-icon {
height: 58px;
display: inline-block;
margin-bottom: 10px;
}
.home-page .find-info__finance-header {
color: white;
font-size: 20px;
font-weight: 500;
line-height: 1.2;
}
.home-page .find-info__finance-desc {
font-size: 14px;
font-style: italic;
line-height: 1.5;
margin-top: 6px;
color: #707271;
}
.home-page .find-info .highlighted {
font-weight: 500;
}
.home-page .find-form {
font-size: 0;
max-width: 560px;
margin-top: 70px;
margin: 40px auto  0 auto;
}
@media only screen and (min-width: 992px) {
.home-page .find-form {
max-width: 500px;
margin-top: 70px;
margin-left: 20px;
}
}
@media only screen and (min-width: 1200px) {
.home-page .find-form {
margin-left: 55px;
}
}
.home-page .find-form form {
margin-bottom: 30px;
}
@media only screen and (min-width: 992px) {
.home-page .find-form form {
margin-bottom: 60px;
}
}
@media only screen and (min-width: 1200px) {
.home-page .find-form form {
margin-bottom: 75px;
}
}
.home-page .find-form__header {
color: white;
font-weight: 600;
letter-spacing: 0.06em;
}
@media only screen and (min-width: 992px) {
.home-page .find-form__header {
line-height: 1.1;
font-size: 72px;
}
}
@media only screen and (min-width: 1200px) {
.home-page .find-form__header {
font-size: 87px;
line-height: 1.3;
}
}
.home-page .find-form .select-box {
height: 58px;
width: 100%;
margin-bottom: 3%;
}
@media only screen and (min-width: 768px) {
.home-page .find-form .select-box {
width: 48%;
margin-bottom: 4%;
}
.home-page .find-form .select-box:nth-of-type(odd) {
margin-right: 4%;
}
}
@media only screen and (min-width: 1200px) {
.home-page .find-form .select-box {
width: 240px;
margin: 0 0 20px 0;
}
.home-page .find-form .select-box:nth-of-type(odd) {
margin-right: 20px;
}
}
.home-page .find-form .input-wrap {
display: inline-block;
font-size: 0;
vertical-align: top;
width: 240px;
color: #3f3f3f;
margin-bottom: 20px;
}
.home-page .find-form .input-wrap:nth-of-type(odd) {
margin-right: 20px;
}
.home-page .find-form .input-wrap input {
border-radius: 3px;
background-color: white;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
color: #3f3f3f;
opacity: 1;
height: 58px;
width: 240px;
font-size: 14px;
padding: 0 46px 0 20px;
display: block;
}
.home-page .find-form .input-wrap input:-ms-input-placeholder {
opacity: 1;
}
.home-page .find-form .input-wrap input::placeholder {
opacity: 1;
}
.home-page .find-form .input-wrap input[type="submit"] {
background-color: #be1e2d;
color: white;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
letter-spacing: 0.2em;
text-transform: uppercase;
padding: 0;
width: 100%;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.home-page .find-form .input-wrap input[type="submit"]:hover {
background-color: #b11c2a;
}
.home-page .find-form .input-wrap--arrow {
position: relative;
cursor: pointer;
}
.home-page .find-form .input-wrap--arrow::after {
content: "";
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.92 9.6"><path d="M1.12 0L0 1.12 3.68 4.8 0 8.48 1.12 9.6l4.8-4.8L1.12 0z" style="fill: #be1e2d;"/></svg>');
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 8px;
height: 14px;
position: absolute;
top: 51%;
right: 20px;
transform: translateY(-50%) rotate(90deg);
}
.home-page .find-form .input-wrap--submit {
width: 100%;
margin-bottom: 0;
}
.home-page .find-form .input-wrap--marker:before {
content: "";
cursor: default;
position: absolute;
left: 20px;
top: 50%;
transform: translateY(-50%);
width: 13px;
height: 18px;
background: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/icon-location.svg) no-repeat center;
}
.home-page .find-form .input-wrap--marker input {
padding-left: 46px;
max-width: 250px;
}
.home-page .find-form .input-wrap:last-of-type {
margin-right: 0;
}
@media only screen and (min-width: 992px) {
.home-page .find--alt {
min-height: 916px;
}
.home-page .find--alt::before {
height: 100%;
}
}
.home-page .about-section {
padding-top: 10px;
}
.home-page .about-section__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 46px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.home-page .about-section__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.home-page .about-section__header {
font-size: 40px;
}
}
.blog-section {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-home-blog.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
text-align: center;
position: relative;
padding: 20px 0 0 0;
overflow: hidden;
}
@media only screen and (min-width: 768px) {
.blog-section {
padding: 90px 0 0 0;
}
}
.blog-section::after {
content: "";
background-color: black;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.3;
z-index: 1;
}
.blog-section .container {
position: relative;
z-index: 2;
}
.blog-section .flex-row {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.blog-section .slide-fix {
height: unset;
}
.blog-section__more-btn {
display: inline-block;
font-size: 14px;
line-height: 1.71;
letter-spacing: 0.2em;
color: #303339;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
font-weight: 500;
color: white;
margin: 25px 0 20px 0;
}
@media only screen and (min-width: 768px) {
.blog-section__more-btn {
margin: 25px 0 40px 0;
}
}
.reviews__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
font-weight: 500;
letter-spacing: 0.06em;
text-transform: none;
margin: 0 !important;
padding: 30px 0 10px 0;
text-align: center;
}
@media only screen and (min-width: 768px) {
.reviews__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.reviews__header {
font-size: 40px;
}
}
@media only screen and (min-width: 992px) {
.reviews__header {
position: relative;
top: 110px;
padding: 0;
text-align: left;
}
}
.reviews__slider {
position: relative;
}
.reviews__slider .prev,
.reviews__slider .next {
z-index: 20;
cursor: pointer;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 30px;
height: 100px;
}
.reviews__slider .prev::after,
.reviews__slider .next::after {
content: '';
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.92 9.6"><path d="M1.12 0L0 1.12 3.68 4.8 0 8.48 1.12 9.6l4.8-4.8L1.12 0z" style="fill: #be1e2d;"/></svg>') no-repeat center;
width: 10px;
height: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.reviews__slider .prev {
left: 0;
}
.reviews__slider .prev::after {
transform: rotate(180deg);
left: 5px;
}
.reviews__slider .next {
right: 0;
}
.reviews__slider .next::after {
right: 5px;
}
.reviews .review {
padding: 25px 0;
}
@media only screen and (min-width: 992px) {
.reviews .review {
padding: 50px 0 50px 0;
}
}
.reviews .review__frame {
background: white;
box-shadow: -16px 9px 40px 0px rgba(0, 0, 0, 0.15);
display: inline-block;
width: 240px;
transform: rotate(-10deg);
margin: 0 0 20px 85px;
padding: 12px;
}
@media only screen and (min-width: 992px) {
.reviews .review__frame {
width: 270px;
margin-left: 65px;
}
}
@media only screen and (min-width: 1200px) {
.reviews .review__frame {
width: 300px;
min-height: 360px;
margin: 0 0 20px 85px;
}
}
.reviews .review__frame-pic {
width: 100%;
height: 78%;
}
.reviews .review__frame-desc {
color: rgba(48, 51, 57, 0.6);
font-size: 24.1px;
line-height: 0.73;
letter-spacing: 0.04em;
text-align: center;
margin-top: 16px;
font-family: 'DOND', sans-serif;
transform: rotate(1deg);
}
.reviews .review__content {
color: #303339;
font-style: italic;
text-align: left;
padding-right: 40px;
padding-left: 40px;
}
@media only screen and (min-width: 992px) {
.reviews .review__content {
margin-top: 110px;
padding-left: 0;
}
}
.reviews .review__author {
font-size: 26px;
letter-spacing: 1.6px;
}
.reviews .review__txt {
font-size: 14px;
letter-spacing: 0.8px;
margin-top: 25px;
line-height: 1.3;
}
@media only screen and (min-width: 768px) {
.reviews .review__txt {
margin-top: 40px;
line-height: 1.38;
}
}
.about-box {
border-top: 1px solid #eaeaea;
text-align: left;
margin-bottom: 0;
}
.about-box__txt {
color: rgba(48, 51, 57, 0.6);
font-size: 14px;
font-style: italic;
line-height: 2.0;
margin: 25px 0;
padding: 0 15px;
}
@media only screen and (min-width: 768px) {
.about-box__txt {
padding: 0 30px;
margin: 50px 0;
}
}
@media only screen and (min-width: 992px) {
.about-box__txt {
padding: 0 40px;
}
}
@media only screen and (min-width: 1200px) {
.about-box__txt {
padding: 0 70px;
}
}
.about-box__txt p {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.about-box__txt p {
margin-bottom: 20px;
}
}
.about-box__content {
display: none;
}
.about-box__content.active {
display: block;
}
.about-box__more-btn {
color: #303339;
font-size: 14px;
line-height: 1.71;
letter-spacing: 0.2em;
font-style: normal;
font-weight: 500;
}
.about-box__list {
border-right: 1px solid #eaeaea;
height: 100%;
}
.about-box__list li {
border-bottom: 1px solid #eaeaea;
color: rgba(48, 51, 57, 0.4);
display: block;
font-size: 14px;
line-height: 1.2;
letter-spacing: 0.1em;
position: relative;
}
.about-box__list li:hover a {
padding-left: 10px;
}
.about-box__list li a {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
padding: 21px 0;
display: block;
}
.about-box__list li::before {
content: "";
border-bottom: 1px solid #eaeaea;
position: absolute;
bottom: -1px;
left: -50vw;
width: 50vw;
height: 100%;
}
.about-box__list li.active {
color: #303339;
}
.about-box__list li.active:hover a {
padding-left: 0;
}
.about-box__list li.active::after {
content: "";
position: absolute;
top: 0;
right: -2px;
width: 3px;
height: 100%;
background-color: white;
}
.search-form {
font-size: 0;
margin: 30px 0 0 0;
}
@media only screen and (min-width: 768px) {
.search-form {
margin: 40px auto 0 auto;
max-width: 90%;
}
}
@media only screen and (min-width: 992px) {
.search-form {
max-width: 70%;
}
}
@media only screen and (min-width: 1200px) {
.search-form {
max-width: none;
}
}
.search-form__btns {
display: inline-block;
margin-top: 10px;
min-width: 250px;
}
@media only screen and (min-width: 768px) {
.search-form__btns {
width: 48%;
}
}
@media only screen and (min-width: 1200px) {
.search-form__btns {
width: auto;
}
}
.search-form__btns input {
border-radius: 3px;
background-color: white;
height: 47px;
font-size: 14px;
display: block;
background-color: #be1e2d;
color: white;
min-width: 250px;
width: 100%;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
letter-spacing: 0.2em;
text-transform: uppercase;
padding: 0;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.search-form__btns input:hover {
background-color: #b11c2a;
}
@media only screen and (min-width: 768px) {
.search-form__btns {
margin-top: 0;
}
}
.search-form .select-box {
display: block;
margin: 0 auto 6px auto;
width: 250px;
}
@media only screen and (min-width: 768px) {
.search-form .select-box {
display: inline-block;
margin: 0 3% 10px 0;
width: 48%;
}
.search-form .select-box:nth-child(even) {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.search-form .select-box {
width: 250px;
margin: 0 20px 10px 0;
}
.search-form .select-box:nth-child(even) {
margin-right: 20px;
}
}
.search-form .select-box.active::after {
transform: translateY(-50%) rotate(180deg);
}
.search-form .select-box::after {
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/arrow-input.svg);
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
width: 8px;
height: 10px;
position: absolute;
top: 51%;
right: 20px;
transform: translateY(-50%);
z-index: 2;
pointer-events: none;
}
.search-form .select-box__field span {
color: inherit;
}
.search-form__adv-btn {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
border-radius: 3px;
background-color: #303339;
color: white;
font-size: 11px;
letter-spacing: 0.2em;
text-align: center;
text-transform: uppercase;
line-height: 30px;
height: 30px;
display: block;
margin-top: 6px;
}
@media only screen and (min-width: 1200px) {
.search-form__adv-btn {
margin-top: 10px;
}
}
.search-form__adv-btn:hover {
background-color: #222428;
}
.about-page {
padding: 40px 0 30px 0;
}
.about-page strong,
.about-page b {
font-weight: 600;
}
.about-page ul {
list-style: square;
line-height: 1.9;
margin: 15px 0 20px 20px;
}
@media only screen and (min-width: 768px) {
.about-page ul {
line-height: 2.2;
margin: 20px 0 30px 30px;
}
}
@media only screen and (min-width: 768px) {
.about-page {
padding: 120px 0 100px 0;
}
}
.about-page__header,
.about-page h2 {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.about-page__header,
.about-page h2 {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.about-page__header,
.about-page h2 {
font-size: 40px;
}
}
.about-page__content {
color: #303339;
font-size: 14px;
letter-spacing: 0.01em;
line-height: 1.8;
}
@media only screen and (min-width: 768px) {
.about-page__content {
line-height: 2;
}
}
@media only screen and (min-width: 992px) {
.about-page__content {
padding: 0 0 0 18px;
}
}
@media only screen and (min-width: 1200px) {
.about-page__content {
padding: 0 50px 0 18px;
}
}
.about-page__content p {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.about-page__content p {
margin-bottom: 30px;
}
}
.about-page__content h1,
.about-page__content h2,
.about-page__content h3,
.about-page__content h4,
.about-page__content h5 {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.about-page__content h1,
.about-page__content h2,
.about-page__content h3,
.about-page__content h4,
.about-page__content h5 {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.about-page__content h1,
.about-page__content h2,
.about-page__content h3,
.about-page__content h4,
.about-page__content h5 {
font-size: 40px;
}
}
.about-page__content h2 {
font-size: 22px;
}
@media only screen and (min-width: 768px) {
.about-page__content h2 {
font-size: 28px;
margin-bottom: 32px;
}
}
@media only screen and (min-width: 992px) {
.about-page__content h2 {
font-size: 32px;
}
}
.about-page__content h3,
.about-page__content h4,
.about-page__content h5 {
font-size: 17px;
}
@media only screen and (min-width: 768px) {
.about-page__content h3,
.about-page__content h4,
.about-page__content h5 {
font-size: 21px;
margin-bottom: 28px;
}
}
@media only screen and (min-width: 992px) {
.about-page__content h3,
.about-page__content h4,
.about-page__content h5 {
font-size: 24px;
}
}
.about-page__content ul,
.about-page__content ol {
margin-left: 35px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.about-page__content ul,
.about-page__content ol {
margin-left: 50px;
margin-bottom: 30px;
}
}
.about-page__content ol {
list-style-type: decimal;
}
.about-page__content ul {
list-style-type: circle;
}
.about-page__content .highlighted {
color: #be1e2d;
}
@media only screen and (max-width: 767px) {
.about-page__sidebar {
margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
.about-page__sidebar {
margin: 0 30px 0 40px;
}
}
.about-page__sidebar-content {
padding: 0 9px;
}
@media only screen and (min-width: 992px) {
.about-page__sidebar-content {
padding: 0 11px;
}
}
.about-page__sidebar p {
font-size: 14px;
line-height: 2.0;
color: #303339;
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.about-page__sidebar p {
margin-bottom: 30px;
}
}
.about-page__sidebar p:last-of-type {
margin-bottom: 0;
}
.about-page__sidebar p.highlighted {
font-weight: 500;
color: #be1e2d;
}
.about-page__gallery {
font-size: 0;
margin-top: 30px;
}
.about-page__gallery-item {
display: inline-block;
vertical-align: top;
border-radius: 4px;
overflow: hidden;
position: relative;
background-color: black;
width: 46.9%;
height: 44vw;
margin-right: 3%;
margin-bottom: 3%;
}
@media only screen and (max-width: 767px) {
.about-page__gallery-item:nth-child(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 768px) {
.about-page__gallery-item {
height: 221px;
}
}
@media only screen and (min-width: 992px) {
.about-page__gallery-item {
width: 31.9%;
height: 192px;
margin-right: 2%;
}
.about-page__gallery-item:nth-child(3n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.about-page__gallery-item {
height: 218px;
}
}
.about-page__gallery-item:after {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/eye.svg);
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
}
.about-page__gallery-item:hover img {
opacity: 0.6;
}
.about-page__gallery-item:hover:after {
opacity: 1;
visibility: visible;
}
.about-page__gallery-item img {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about-page .sidebar-featured {
background-color: #fafafa;
padding: 24px 18px 40px 18px;
margin-bottom: 25px;
}
@media only screen and (min-width: 768px) {
.about-page .sidebar-featured {
margin-bottom: 50px;
}
}
@media only screen and (min-width: 992px) {
.about-page .sidebar-featured {
padding: 29px 32px 60px 32px;
}
}
.about-page .sidebar-featured__header {
font-size: 18px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.04em;
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.about-page .sidebar-featured__header {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 992px) {
.about-page .sidebar-featured__header {
font-size: 20px;
}
}
.about-page .sidebar-featured p {
font-size: 14px;
line-height: 2.0;
color: #303339;
}
.info-boxes {
margin-top: 40px;
}
@media only screen and (min-width: 768px) {
.info-boxes {
margin-top: 80px;
}
}
.info-box {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.info-box {
margin-bottom: 45px;
padding-right: 5px;
}
}
@media only screen and (min-width: 992px) {
.info-box {
padding-right: 25px;
}
}
@media only screen and (min-width: 1200px) {
.info-box {
padding-right: 30px;
}
}
.info-box__icon {
height: 30px;
}
@media only screen and (min-width: 768px) {
.info-box__icon {
height: 35px;
}
}
.info-box__icon img {
height: 100%;
}
.info-box__header {
font-size: 16px;
font-weight: 500;
line-height: 1.4;
letter-spacing: 0.04em;
margin-top: 25px;
}
@media only screen and (min-width: 768px) {
.info-box__header {
font-size: 18px;
}
}
@media only screen and (min-width: 992px) {
.info-box__header {
font-size: 20px;
}
}
.info-box__content {
color: #303339;
font-size: 12px;
line-height: 2.0;
margin-top: 25px;
margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
.info-box__content {
font-size: 14px;
}
}
.blog-page {
margin-bottom: 30px;
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.blog-page {
margin-bottom: 60px;
margin-top: 0;
}
}
.blog-page .flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
margin-left: -15px;
margin-right: -15px;
}
.blog-page .article {
margin-top: 25px;
height: calc(100% - 105px);
}
@media only screen and (min-width: 768px) {
.blog-page .article {
margin-top: 82px;
}
}
.pagination {
font-size: 0;
text-align: center;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.pagination {
margin-top: 60px;
}
}
.pagination .prev,
.pagination .next {
position: relative;
}
.pagination .prev::after,
.pagination .next::after {
content: "";
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5.92 9.6"><path d="M1.12 0L0 1.12 3.68 4.8 0 8.48 1.12 9.6l4.8-4.8L1.12 0z" style="fill: #303339;"/></svg>') no-repeat center;
background-size: 100%;
width: 7px;
height: 11px;
position: absolute;
top: 52%;
transform: translateY(-50%);
}
.pagination .prev::after {
top: 33%;
right: 10px;
transform: rotate(180deg);
}
.pagination .next::after {
left: 10px;
}
.pagination a.page-numbers {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.pagination a.page-numbers:hover {
color: #be1e2d;
}
.pagination .page-numbers {
color: #303339;
height: 26px;
border: solid 2px transparent;
border-radius: 2.5px;
font-size: 15px;
line-height: 1.6;
text-align: center;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
padding: 0 3px;
}
.pagination .page-numbers:last-child {
margin-right: 0 !important;
}
.pagination .page-numbers.current {
border: solid 2px #eaeaea;
}
.blog-page {
margin-bottom: 30px;
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.blog-page {
margin-bottom: 60px;
margin-top: 0;
}
}
.blog-page .flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
}
.blog-page .article {
margin-top: 25px;
height: calc(100% - 35px);
}
@media only screen and (min-width: 768px) {
.blog-page .article {
margin-top: 82px;
height: calc(100% - 105px);
}
}
.news-page {
margin-top: 10px;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.news-page {
margin-top: 50px;
margin-bottom: 60px;
}
}
.news-page .news {
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.news-page .news {
margin-top: 30px;
}
}
.finance-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
.finance-row {
margin-bottom: 60px;
}
}
.finance-row__col {
margin-top: 40px;
}
.finance-page__header {
text-align: center;
margin-top: 65px;
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.finance-page__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.finance-page__header {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.finance-page__header {
margin: 40px 0 20px 0 !important;
}
}
.finance-page__subheader {
text-align: center;
margin-top: 14px;
margin-bottom: 10px;
font-size: 14px;
line-height: 2;
letter-spacing: 0.01em;
}
.finance-card {
height: 100%;
position: relative;
background-color: #fafafa;
padding: 20px 20px;
}
@media only screen and (min-width: 768px) {
.finance-card {
padding: 40px 30px;
}
}
.finance-card--noPerson .finance-card__desc {
margin-bottom: 0;
}
.finance-card h2 {
font-size: 22px;
line-height: 1.72;
margin-bottom: 20px;
}
.finance-card__object {
width: 190px;
height: 140px;
margin: 0px auto 30px auto;
}
@media only screen and (min-width: 768px) {
.finance-card__object {
margin: 0px auto 40px auto;
}
}
.finance-card__image {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.finance-card__desc {
margin-bottom: 100px;
text-align: left;
font-size: 14px;
line-height: 2;
}
@media screen and (max-width: 1199px) {
.finance-card__desc {
margin-bottom: 125px;
}
}
@media screen and (max-width: 991px) {
.finance-card__desc {
margin-bottom: 220px;
text-align: center;
}
}
.finance-card__author {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: absolute;
bottom: 40px;
}
@media screen and (max-width: 991px) {
.finance-card__author {
transform: translateX(-50%);
left: 50%;
-ms-flex-direction: column;
flex-direction: column;
}
}
.finance-card__person {
width: 70px;
height: 70px;
overflow: hidden;
}
.finance-card__person-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 50%;
}
@media screen and (max-width: 767px) {
.finance-card__info {
text-align: center;
margin-top: 20px;
}
}
@media only screen and (min-width: 768px) {
.finance-card__info {
text-align: center;
margin-top: 20px;
}
}
@media only screen and (min-width: 992px) {
.finance-card__info {
text-align: left;
margin-left: 20px;
margin-top: 0px;
}
}
.finance-card__name {
font-weight: bold;
}
@media screen and (max-width: 991px) {
.finance-card__name {
text-align: center !important;
}
}
.finance-card__profession {
text-align: left !important;
font-size: 11px !important;
margin: 0 !important;
line-height: 2;
}
@media screen and (max-width: 1199px) {
.finance-card__profession {
line-height: 1.4 !important;
padding: 5px 0;
}
}
@media screen and (max-width: 991px) {
.finance-card__profession {
text-align: center !important;
}
}
.finance-card__phone {
text-align: left !important;
margin: 0 !important;
font-size: 14px;
}
@media screen and (max-width: 991px) {
.finance-card__phone {
text-align: center !important;
}
}
.finance-card__email {
text-align: left;
}
@media screen and (max-width: 991px) {
.finance-card__email {
text-align: center;
}
}
.finance-card__email a {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
font-weight: 500;
font-size: 11px;
}
.finance-card__email a:hover {
color: #be1e2d;
}
.contact-page {
position: relative;
min-height: 570px;
padding-bottom: 380px;
}
@media only screen and (min-width: 992px) {
.contact-page {
padding-bottom: 0;
}
}
.contact-page .wpcf7-recaptcha {
margin-top: 10px;
}
.contact-page #map {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
right: 0;
height: 300px;
}
@media only screen and (min-width: 992px) {
.contact-page #map {
top: 0;
height: 100%;
}
}
.contact-page .contact__col,
.contact-page .form__col {
pointer-events: auto;
}
.contact-page .contact {
margin-top: 0;
position: relative;
z-index: 4;
pointer-events: none;
}
@media only screen and (min-width: 992px) {
.contact-page .contact {
margin-top: -560px;
}
}
.contact-page .contact .checkbox {
font-size: 12px;
line-height: 1.2;
color: #303339;
margin-bottom: 20px;
position: relative;
}
@media only screen and (min-width: 992px) {
.contact-page .contact .checkbox {
color: #fff;
}
}
.contact-page .contact .checkbox .wpcf7-form-control-wrap {
display: inline-block;
}
.contact-page .contact .checkbox .wpcf7-form-control-wrap span {
display: inline-block !important;
}
.contact-page .contact .checkbox .wpcf7-list-item {
margin-left: 0;
margin-right: 3px;
}
.contact-page .contact .checkbox a {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
text-decoration: underline;
}
.contact-page .contact .checkbox a:hover {
text-decoration: none;
}
.contact-page .contact .checkbox input {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: #fff;
border-radius: 999px;
position: relative;
z-index: 10;
cursor: pointer;
border: 2px solid #be1e2d;
box-shadow: 0px 0px 60px 0 rgba(6, 6, 6, 0.7);
}
@media only screen and (min-width: 992px) {
.contact-page .contact .checkbox input {
box-shadow: none;
}
}
.contact-page .contact .checkbox input:checked {
background-color: #be1e2d;
border: 4px solid #fff;
}
.contact-page .contact__row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
margin: 30px 0 0 -15px;
padding-bottom: 30px;
border-bottom: 1px solid #eaeaea;
}
@media only screen and (min-width: 768px) {
.contact-page .contact__row {
padding-left: 75px;
padding-right: 75px;
}
}
@media only screen and (min-width: 992px) {
.contact-page .contact__row {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width: 520px) {
.contact-page .contact__row {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.contact-page .contact__row:last-of-type {
border-bottom: 0;
padding-bottom: 0px;
}
@media screen and (max-width: 520px) {
.contact-page .contact__place {
width: 100%;
}
.contact-page .contact__place:first-of-type {
margin-bottom: 35px;
}
}
.contact-page .contact__box {
background-color: white;
border-radius: 3px;
padding: 50px 15px 50px 30px;
}
@media only screen and (min-width: 992px) {
.contact-page .contact__box {
padding-top: 26px;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
padding-bottom: 30px;
}
}
@media only screen and (min-width: 1200px) {
.contact-page .contact__box {
padding-right: 25px;
}
}
.contact-page .contact__box .contact-person:first-of-type {
margin-bottom: 20px;
}
.contact-page .contact__header {
text-transform: uppercase;
letter-spacing: 0.04em;
font-weight: bold;
font-size: 20px;
color: #be1e2d;
}
@media only screen and (min-width: 768px) {
.contact-page .contact__header {
padding-left: 75px;
padding-right: 75px;
}
}
@media only screen and (min-width: 992px) {
.contact-page .contact__header {
padding-left: 0;
padding-right: 0;
}
}
.contact-page .contact__sub-header {
margin-bottom: 13px;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: bold;
font-size: 14px;
color: #be1e2d;
}
.contact-page .contact__text {
font-size: 14px;
}
.contact-page .contact__phone {
font-size: 14px;
margin: 6px 0 5px 0;
}
.contact-page .contact__hours {
margin-top: 18px;
line-height: 1.3;
font-size: 14px;
}
.contact-page .contact__hours span {
margin-left: 20px;
}
.contact-page .contact-form__btn {
border-radius: 3px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2em;
color: white;
background: #be1e2d;
text-transform: uppercase;
padding: 20px 30px;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
transition: all 0.2s;
transition: all 0.2s ease-in-out;
display: inline-block;
}
.contact-page .contact-form__btn:hover {
background-color: #b11c2a;
}
.contact-page .contact-form__btn:disabled {
background-color: gray;
opacity: 0.9;
}
.contact-page .contact-form__input,
.contact-page .contact-form__message {
color: #3f3f3f;
font-size: 14px;
font-family: "Harmonia Sans", serif;
letter-spacing: 0.06em;
}
.contact-page .contact-form__input {
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
color: #3f3f3f;
letter-spacing: 0.06em;
width: 100%;
height: 45px;
border: 0;
margin-top: 20px;
border-radius: 3px;
padding-left: 20px;
padding-right: 20px;
height: 57px;
display: block;
}
@media only screen and (min-width: 992px) {
.contact-page .contact-form__input {
box-shadow: 0;
margin-top: 0;
}
.contact-page .contact-form__input--last {
margin-top: 20px;
}
}
@media only screen and (min-width: 1200px) {
.contact-page .contact-form__input--last {
margin-top: 0;
}
}
.contact-page .contact-form__input:-ms-input-placeholder {
opacity: 1;
}
.contact-page .contact-form__input::placeholder {
opacity: 1;
}
.contact-page .contact-form__message {
border-radius: 3px;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
padding: 20px;
margin: 20px 0;
border: 0;
resize: none;
width: 100%;
height: 238px;
}
@media only screen and (min-width: 992px) {
.contact-page .contact-form__message {
box-shadow: 0;
}
}
@media screen and (max-width: 1199px) {
.contact-page .contact-form__message {
height: 170px;
}
}
.contact-page .contact-form__message:-ms-input-placeholder {
opacity: 1;
}
.contact-page .contact-form__message::placeholder {
opacity: 1;
}
.contact-person {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-align: center;
align-items: center;
}
.contact-person--single {
margin-top: 35px;
margin-bottom: 0 !important;
}
.contact-person__photo {
border-radius: 50%;
width: 60px;
height: 60px;
min-width: 60px;
overflow: hidden;
}
.contact-person__photo img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.contact-person__info {
margin-left: 15px;
}
@media screen and (max-width: 767px) {
.contact-person__info {
max-width: 125px;
}
}
@media only screen and (min-width: 768px) {
.contact-person__info {
max-width: 165px;
}
}
@media only screen and (min-width: 992px) {
.contact-person__info {
max-width: 145px;
}
}
@media only screen and (min-width: 1200px) {
.contact-person__info {
max-width: 150px;
}
}
.contact-person__header {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.1em;
}
.contact-person__subheader {
margin-top: 7px;
margin-bottom: 5px;
letter-spacing: 0.1em;
text-transform: lowercase;
font-size: 12px;
margin-top: 6px;
}
.contact-person__phone {
display: block;
font-size: 14px;
margin: 0 0 5px 0;
font-weight: 500;
letter-spacing: 0.12em;
margin: 6px 0 0 0;
}
div.wpcf7-validation-errors,
.wpcf7-mail-sent-ok {
border: none !important;
display: inline-block !important;
background-color: #303339 !important;
color: white !important;
padding: 8px 10px !important;
border-radius: 3px;
margin: 10px 0 0 15px !important;
}
.wpcf7-form-control-wrap span {
display: none !important;
}
.wpcf7-not-valid {
color: #be1e2d !important;
}
.wpcf7-not-valid:-ms-input-placeholder {
color: #be1e2d !important;
opacity: 1 !important;
}
.wpcf7-not-valid::placeholder {
color: #be1e2d !important;
opacity: 1 !important;
}
.wpcf7-response-output:before {
content: "";
clear: both;
}
.wpcf7 .ajax-loader {
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/ajax-loader.svg) !important;
background-repeat: no-repeat;
background-size: cover;
width: 26px !important;
height: 26px !important;
}
.mobile-nav {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
z-index: 16;
background: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/mobile-menu-bg.png) no-repeat left;
background-size: cover;
transition: all 0.4s ease-in-out;
overflow: scroll;
visibility: hidden;
opacity: 0;
}
.mobile-nav.active {
visibility: visible;
opacity: 1;
}
.mobile-nav__content {
margin: 80px 0 40px 0;
text-align: right;
}
@media only screen and (min-width: 768px) {
.mobile-nav__content {
margin-top: 120px;
}
}
.mobile-nav__invest {
padding-bottom: 30px;
margin-bottom: 35px;
font-size: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.mobile-nav__invest li {
display: block;
margin-bottom: 20px;
}
.mobile-nav__invest li:last-of-type {
margin-bottom: 0;
}
.mobile-nav__single-invest {
border-radius: 3px;
background-color: #be1e2d;
padding: 4px 8px;
font-size: 14px;
color: white;
letter-spacing: 0.2em;
line-height: 1.35;
text-transform: uppercase;
display: inline-block;
}
.mobile-nav__list {
color: white;
font-size: 16px;
line-height: 1.5;
letter-spacing: 3.2px;
text-transform: uppercase;
}
.mobile-nav__list li {
display: block;
margin-bottom: 32px;
}
.investment {
margin: 0 0 40px 0;
}
@media only screen and (min-width: 768px) {
.investment {
margin: 0 0 75px 0;
}
}
.investment strong,
.investment b {
font-weight: 500;
}
.investment__content {
margin-top: -30px;
position: relative;
z-index: 2;
overflow: hidden;
}
.investment__content .info-boxes {
margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
.investment__content {
margin-top: -80px;
}
}
.investment__title {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.investment__title {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.investment__title {
font-size: 40px;
}
}
.investment__desc {
font-size: 14px;
line-height: 2.0;
letter-spacing: 0.1px;
text-align: left;
color: #303339;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.investment__desc {
margin-top: 40px;
}
}
.investment__desc p {
margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
.investment__desc p {
margin-bottom: 25px;
}
}
.investment__desc ol,
.investment__desc ul {
margin-left: 50px;
margin-bottom: 30px;
}
.investment__desc ol {
list-style-type: decimal;
}
.investment__desc ul {
list-style-type: circle;
}
.investment .info-boxes {
margin-top: 10px;
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.investment .info-boxes {
margin-top: 40px;
margin-left: 10px;
margin-bottom: 68px;
}
}
.investment .info-boxes .info-box {
padding: 0;
}
@media only screen and (min-width: 768px) {
.investment .info-boxes .info-box {
padding-left: 60px;
padding-right: 0;
}
}
.investment .investment-gallery {
position: relative;
font-size: 0;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.investment .investment-gallery {
margin-bottom: 70px;
}
}
@media only screen and (min-width: 992px) {
.investment .investment-gallery {
max-width: 680px;
}
}
@media only screen and (min-width: 1200px) {
.investment .investment-gallery {
max-width: 830px;
}
}
.investment .investment-gallery .prev,
.investment .investment-gallery .next {
z-index: 15;
cursor: pointer;
position: absolute;
bottom: 0;
width: 56px;
height: 60px;
}
@media only screen and (max-width: 767px) {
.investment .investment-gallery .prev,
.investment .investment-gallery .next {
display: none;
}
}
.investment .investment-gallery .prev img,
.investment .investment-gallery .next img {
width: 13px;
position: absolute;
top: 50%;
}
.investment .investment-gallery .prev {
left: -56px;
}
.investment .investment-gallery .prev img {
left: 50%;
transform: rotate(90deg) translate(-3px, 6px);
}
.investment .investment-gallery .next {
right: -55px;
}
.investment .investment-gallery .next img {
left: 50%;
transform: rotate(270deg) translate(3px, -6px);
}
.investment .investment-gallery__single {
width: 100%;
height: 120px;
display: inline-block;
background-color: black;
overflow: hidden;
text-align: center;
cursor: pointer;
position: relative;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
@media only screen and (min-width: 768px) {
.investment .investment-gallery__single {
height: 140px;
}
}
.investment .investment-gallery__single::after {
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/eye.svg);
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.investment .investment-gallery__single:hover {
text-align: center;
}
.investment .investment-gallery__single:hover::after {
opacity: 1;
visibility: visible;
}
.investment .investment-gallery__single:hover img {
transform: scale(1.05);
opacity: 0.6;
}
.investment .investment-gallery__single img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.investment .investment-search {
border-top: 1px solid #eaeaea;
position: relative;
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.investment .investment-search {
margin-bottom: 80px;
min-height: 680px;
}
}
.investment .investment-search__bg {
position: absolute;
top: -25px;
right: -15px;
width: 100%;
height: 100%;
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/bg-offer.png);
background-repeat: no-repeat;
background-size: 100% auto;
background-position: top right;
z-index: -1;
}
@media only screen and (max-width: 767px) {
.investment .investment-search__bg {
right: -220px;
}
}
@media only screen and (min-width: 768px) {
.investment .investment-search__bg {
right: -38px;
}
}
.investment .investment-search .select-box {
width: 100%;
margin-bottom: 3%;
}
@media only screen and (min-width: 768px) {
.investment .investment-search .select-box {
margin-bottom: 20px;
}
}
.investment .investment-search .search-filters,
.investment .investment-search .select-buildings {
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.investment .investment-search .search-filters,
.investment .investment-search .select-buildings {
margin-bottom: 3%;
}
}
.investment .investment-search .search-filters__checkbox {
padding-left: 24px;
}
.investment .investment-search .search-filters__checkbox-wrapper {
margin-bottom: 20px;
width: 48%;
margin-right: 4%;
}
.investment .investment-search .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.investment .investment-search .search-filters__checkbox-wrapper {
width: 32%;
margin-right: 2%;
}
.investment .investment-search .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 2%;
}
.investment .investment-search .search-filters__checkbox-wrapper:nth-of-type(3n) {
margin-right: 0;
}
}
@media only screen and (min-width: 992px) {
.investment .investment-search .search-filters__checkbox-wrapper {
width: 48%;
margin-right: 4%;
}
.investment .investment-search .search-filters__checkbox-wrapper:nth-of-type(3n) {
margin-right: 4%;
}
.investment .investment-search .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.investment .investment-search .search-filters__checkbox-wrapper {
width: 32%;
margin-right: 2%;
}
.investment .investment-search .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 2%;
}
.investment .investment-search .search-filters__checkbox-wrapper:nth-of-type(3n) {
margin-right: 0;
}
}
.investment .investment-search .search-filters__checkbox-wrapper input {
width: 14px;
height: 14px;
margin: 0;
}
.investment .investment-search__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
max-width: 360px;
padding: 30px 0 0 0;
}
@media only screen and (min-width: 768px) {
.investment .investment-search__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.investment .investment-search__header {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) {
.investment .investment-search__header {
margin-bottom: 52px;
padding: 46px 0 0 0;
}
}
.investment .investment-search__form {
max-width: 500px;
}
@media only screen and (min-width: 768px) {
.investment .investment-search__form {
margin-left: 80px;
}
}
.investment .investment-featuredText {
text-align: left;
margin: 60px 0;
display: block;
border-left: 4px solid #be1e2d;
padding-left: 30px;
}
@media only screen and (min-width: 768px) {
.investment .investment-featuredText {
padding-left: 66px;
}
}
.investment .investment-featuredText h1,
.investment .investment-featuredText h2,
.investment .investment-featuredText h3,
.investment .investment-featuredText h4,
.investment .investment-featuredText h5 {
font-size: 20px;
font-weight: 500;
line-height: 1.5;
letter-spacing: 0.06em;
margin-bottom: 30px;
}
.investment .investment-featuredText p {
color: #303339;
font-size: 14px;
line-height: 2.0;
}
.investment-map__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
display: inline-block;
margin-bottom: 0 !important;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.investment-map__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.investment-map__header {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) {
.investment-map__header {
margin-top: 50px;
}
}
.investment-map__header-wrapper {
border-top: 1px solid #eaeaea;
}
.investment-map__content {
margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
.investment-map__content {
margin-bottom: 60px;
}
}
.investment-map__map-wrapper {
border-radius: 3px;
background-color: rgba(48, 51, 57, 0.6);
position: relative;
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.investment-map__map-wrapper {
margin-top: 50px;
height: 460px;
}
}
@media only screen and (min-width: 992px) {
.investment-map__map-wrapper {
margin-right: 51px;
}
}
@media only screen and (min-width: 1200px) {
.investment-map__map-wrapper {
margin-right: 60px;
}
}
.investment-map__map-wrapper #map {
width: 100%;
height: 100%;
}
@media only screen and (max-width: 767px) {
.investment-map__map-wrapper #map {
height: 260px;
}
}
.investment-map__dot {
width: 20px;
height: 20px;
border-radius: 999px;
background-color: #a9a9a9;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-top: -4px;
}
@media only screen and (min-width: 768px) {
.investment-map__dot {
margin-right: 15px;
}
}
.investment-map__dot--five {
background-color: #be1e2d;
}
.investment-map__dot--ten {
background-color: rgba(190, 30, 45, 0.4);
}
.investment-map__legend {
background-color: white;
font-size: 0;
padding: 22px 0px 20px 0px;
text-align: center;
}
@media only screen and (min-width: 768px) {
.investment-map__legend {
padding: 22px 20px 20px 20px;
text-align: left;
}
}
.investment-map__legend li {
display: inline-block;
font-size: 13px;
color: #303339;
line-height: 20px;
margin: 0 20px 4px 0;
}
@media only screen and (min-width: 768px) {
.investment-map__legend li {
margin-right: 40px;
}
}
.investment-map__legend li:last-of-type {
margin-right: 0;
}
.investment-map__filters {
width: 100%;
background-color: white;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
padding: 20px;
text-align: left;
}
@media only screen and (min-width: 768px) {
.investment-map__filters {
width: 270px;
position: absolute;
bottom: -60px;
right: 30px;
padding: 30px;
z-index: 10;
}
}
.investment-map__filters-header {
color: #303339;
font-size: 25px;
line-height: 1.2;
font-weight: 500;
}
.investment-map__filters-list {
margin-top: 15px;
}
@media only screen and (min-width: 768px) {
.investment-map__filters-list {
margin-top: 32px;
}
}
.investment-map__filters-list li {
display: block;
}
.investment-map__filters-list li.active span::before,
.investment-map__filters-list li.active span:hover::before {
background-color: #be1e2d;
}
.investment-map__filters-list li span {
color: #303339;
font-size: 16px;
line-height: 1.2;
display: block;
padding: 10px 0;
cursor: pointer;
}
.investment-map__filters-list li span:hover::before {
background-color: #949494;
}
.investment-map__filters-list li span:active::before {
background-color: #be1e2d;
}
.investment-map__filters-list li span::before {
content: "";
width: 12px;
height: 12px;
border-radius: 9999px;
background-color: #e1e1e1;
display: inline-block;
margin-right: 20px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.tooltip-span {
color: #be1e2d;
}
.search-page__content {
margin-bottom: 10px;
margin-top: -30px;
}
@media only screen and (min-width: 992px) {
.search-page__content {
margin-bottom: 70px;
margin-top: -335px;
position: relative;
z-index: 1;
}
}
.search-page__noResults {
text-align: center;
padding: 100px 0 30px 0;
opacity: 0.35;
}
@sm {
padding: 150px 0 80px 0;
}
.search-page .search-visualization {
width: 100%;
margin-top: 40px;
overflow: hidden;
}
.search-page .search-visualization img,
.search-page .search-visualization map {
width: 100%;
}
.search-page__form .select-box {
width: 100%;
margin-bottom: 3%;
}
@media only screen and (min-width: 768px) {
.search-page__form .select-box {
margin-bottom: 20px;
}
}
.search-page__form .search-filters,
.search-page__form .select-buildings {
position: relative;
z-index: 1;
}
@media only screen and (max-width: 767px) {
.search-page__form .search-filters,
.search-page__form .select-buildings {
margin-bottom: 3%;
}
}
.search-page__form-btn {
border-radius: 3px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2em;
color: white;
background: #be1e2d;
text-transform: uppercase;
padding: 20px 30px;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
transition: all 0.2s;
transition: all 0.2s ease-in-out;
display: block;
height: 58px;
line-height: 58px;
background-color: #be1e2d;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
font-weight: 300;
padding: 0 30px;
text-align: center;
margin-top: 20px;
border: none;
width: 100%;
cursor: pointer;
}
.search-page__form-btn:hover {
background-color: #b11c2a;
}
.search-page__form-btn--noMargin {
margin-top: 0;
}
@media only screen and (min-width: 992px) {
.search-page__form-btn--noMargin {
margin-bottom: 43px;
}
}
.search-page__form-btn span {
font-weight: 600;
}
.search-page .search-filters__checkbox {
padding-left: 24px;
}
.search-page .search-filters__checkbox-wrapper {
width: 48%;
margin-right: 4%;
}
.search-page .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 0;
}
@media only screen and (min-width: 992px) {
.search-page .search-filters__checkbox-wrapper {
width: 100%;
}
.search-page .search-filters__checkbox-wrapper:nth-of-type(3n) {
margin-right: 4%;
}
.search-page .search-filters__checkbox-wrapper:nth-of-type(2n) {
margin-right: 0;
}
}
.search-page .search-filters__checkbox-wrapper input {
width: 14px;
height: 14px;
margin: 0;
}
.select-buildings {
min-height: 57px;
border-radius: 2.5px;
background-color: white;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
padding: 0 24px;
}
.select-buildings__list li,
.select-buildings__label {
font-size: 14px;
letter-spacing: 0.8px;
color: #3f3f3f;
}
.select-buildings__label {
display: inline-block;
margin-top: 20px;
margin-right: 36px;
vertical-align: top;
}
.select-buildings__list {
font-size: 0;
display: inline-block;
padding: 13px 0;
}
.select-buildings__list li {
border-radius: 3px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
height: 30px;
min-width: 30px;
padding: 0 4px;
line-height: 28px;
text-align: center;
border: solid 2px white;
margin-right: 13px;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.select-buildings__list li:hover {
color: #be1e2d;
}
.select-buildings__list li.active {
border: solid 2px #e3e3e3;
color: #be1e2d;
}
.search-results__sort {
border-bottom: 1px solid #eaeaea;
text-align: right;
position: relative;
}
.search-results__sort:after {
content: "";
width: 10px;
height: 6px;
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/arrow-drop.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 50%;
right: 0;
}
.search-results__sort-header {
color: #303339;
font-size: 14px;
display: inline-block;
padding: 24px 0 16px 0;
}
.search-results__sort select {
color: #303339;
font-size: 14px;
border: 0;
padding: 0;
margin: 0;
-webkit-border-radius: 0px;
-webkit-appearance: none;
padding-right: 18px;
}
.flat-box {
position: relative;
}
.flat-box--disabled {
pointer-events: none;
opacity: 0.35;
}
.search-result {
padding: 17px 0;
border-bottom: 1px solid #eaeaea;
-ms-flex-align: top;
align-items: top;
display: -ms-flexbox;
display: flex;
position: relative;
}
@media only screen and (min-width: 768px) {
.search-result {
-ms-flex-align: center;
align-items: center;
padding: 30px 0;
}
}
.search-result__3d {
width: 30px;
height: auto;
display: inline-block;
position: absolute;
top: 50%;
right: 100px;
z-index: 1;
transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
.search-result__3d {
right: 150px;
}
}
.search-result__thumb {
display: none;
}
@media only screen and (min-width: 768px) {
.search-result__thumb {
display: block;
width: 200px;
height: 140px;
}
}
.search-result__thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.search-result__content {
padding: 0 30px 0 0;
}
@media only screen and (min-width: 768px) {
.search-result__content {
padding: 0 30px;
}
}
.search-result__header {
color: #303339;
line-height: 1.2;
text-transform: uppercase;
font-size: 15px;
}
@media only screen and (min-width: 768px) {
.search-result__header {
font-size: 17px;
line-height: 1.41;
}
}
.search-result__size {
color: #303339;
font-size: 15px;
font-weight: 500;
margin-top: 6px;
}
@media only screen and (min-width: 768px) {
.search-result__size {
font-size: 17px;
}
}
.search-result__price {
color: #303339;
margin-top: 20px;
font-size: 19px;
}
@media only screen and (min-width: 768px) {
.search-result__price {
font-size: 21px;
}
}
.search-result__price-tag {
text-transform: lowercase;
font-size: 13px;
color: rgba(48, 51, 57, 0.6);
margin-left: 8px;
}
.search-result__info {
font-size: 0;
}
.search-result__info li {
color: #686868;
letter-spacing: 0.03em;
margin-top: 6px;
display: none;
font-size: 13px;
}
@media only screen and (min-width: 768px) {
.search-result__info li {
font-size: 14px;
display: inline-block;
margin-right: 20px;
margin-top: 10px;
}
}
@media only screen and (max-width: 767px) {
.search-result__info li {
display: none;
}
}
.search-result__info li:last-of-type {
margin-right: 0;
}
.search-result__info .flat-status {
display: inline-block;
}
.search-result__info .flat-status--available span {
font-weight: 500;
color: #44ad32;
}
.search-result__info .flat-status--reserved span {
background: #ffc000;
color: #fff;
padding: 3px 8px;
border-radius: 4px;
}
.search-result__info .flat-status--sold span {
color: #e20000;
}
.search-result__preview {
width: 90px;
height: 90px;
min-width: auto;
margin-left: auto;
background: black;
padding: 0;
}
@media only screen and (min-width: 768px) {
.search-result__preview {
width: 140px;
height: 140px;
min-width: 140px;
}
}
.search-result__preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
opacity: 0.95;
}
.search-result__preview-popup {
width: 280px;
height: 280px;
position: absolute;
top: 50%;
right: 144px;
background: black;
z-index: 2;
transform: translateY(-50%);
border: 1px solid #eaeaea;
display: none;
}
@media only screen and (min-width: 768px) {
.search-result__preview-popup.active {
display: block;
}
}
.search-result__preview-popup:before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: #eaeaea;
position: absolute;
top: 50%;
right: -3px;
transform: rotate(45deg) translate(0, -50%);
z-index: -1;
}
.search-result__preview-popup img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.search-filters {
font-size: 0;
width: 100%;
padding: 20px 25px 0px 25px;
background-color: white;
border-radius: 3px;
box-shadow: 0 20px 60px 0 rgba(6, 6, 6, 0.07);
color: #3f3f3f;
margin-bottom: 20px;
}
.search-filters__checkbox {
color: #3f3f3f;
font-size: 14px;
letter-spacing: 0.06em;
padding-left: 20px;
display: block;
}
.search-filters__checkbox-wrapper {
display: inline-block;
vertical-align: top;
position: relative;
min-height: 20px;
font-size: 0;
width: 100%;
margin-bottom: 10px;
}
.search-filters__checkbox-wrapper:hover input {
background-color: #bbbbbb;
}
.search-filters__checkbox-wrapper input {
background: #e1e1e1;
border-radius: 50%;
cursor: pointer;
transition: 0.1s all;
width: 10px;
height: 10px;
margin-top: 2px;
float: left;
display: block;
}
.search-filters__checkbox-wrapper input:checked {
background: #be1e2d;
}
.search-filters__checkbox-wrapper label {
cursor: pointer;
}
.flat-card {
color: #303339;
display: block;
margin: 0 auto 20px auto;
}
@media only screen and (max-width: 767px) {
.flat-card {
max-width: 300px;
}
}
@media only screen and (min-width: 768px) {
.flat-card {
margin: 0 0 20px 0;
}
}
.flat-card__content {
padding: 18px 0 0 0;
}
.flat-card__header {
font-size: 17px;
line-height: 1.41;
margin-bottom: 8px;
}
.flat-card:hover .flat-card__thumbnail::after {
opacity: 1;
visibility: visible;
}
.flat-card:hover .flat-card__thumbnail img {
opacity: 0.6;
}
.flat-card__thumbnail {
height: 190px;
background-color: #303339;
position: relative;
overflow: hidden;
}
.flat-card__thumbnail::after {
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/eye.svg);
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.flat-card__thumbnail img {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.flat-card__size,
.flat-card__price {
font-size: 17px;
font-weight: 500;
text-align: left;
}
.flat-card__price {
color: #44ad32;
line-height: 2.0;
}
.flat-card__price--before {
color: #303339;
font-size: 14px;
text-decoration: line-through;
padding-left: 6px;
}
.flat-card__info {
font-size: 0;
margin-top: 7px;
}
.flat-card__info li {
color: #686868;
display: inline-block;
font-size: 14px;
line-height: 2.14;
letter-spacing: 1.1px;
margin-right: 14px;
}
.flat-card__info li:last-of-type {
margin-right: 0;
}
.flats-list__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
text-align: center;
margin-top: 20px;
}
@media only screen and (min-width: 768px) {
.flats-list__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.flats-list__header {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) {
.flats-list__header {
margin-top: 45px;
}
}
.flat-contact {
background-color: white;
padding: 20px 0;
margin-top: 30px;
}
@media only screen and (min-width: 768px) {
.flat-contact {
text-align: center;
}
}
@media only screen and (min-width: 992px) {
.flat-contact {
padding: 18px 15px;
margin-bottom: 20px;
margin-top: 0;
text-align: center;
border-radius: 4px;
}
}
.flat-contact__header {
color: #3f3f3f;
font-size: 14px;
letter-spacing: 0.04em;
}
@media only screen and (min-width: 768px) {
.flat-contact__header {
font-size: 18px;
}
}
@media only screen and (min-width: 992px) {
.flat-contact__header {
margin-bottom: 10px;
}
}
@media only screen and (min-width: 1200px) {
.flat-contact__header {
float: left;
margin-top: 7px;
line-height: 2;
margin-bottom: 0;
}
}
.flat-contact__header span {
color: #be1e2d;
}
.flat-contact__btn {
border-radius: 3px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2em;
color: white;
background: #be1e2d;
text-transform: uppercase;
padding: 20px 30px;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
transition: all 0.2s;
transition: all 0.2s ease-in-out;
padding-left: 20px;
padding-right: 20px;
margin-top: 10px;
display: inline-block;
font-size: 12px;
}
.flat-contact__btn:hover {
background-color: #b11c2a;
}
@media only screen and (min-width: 1200px) {
.flat-contact__btn {
margin-top: 0;
float: right;
}
}
.flat-popup {
background-color: rgba(48, 51, 57, 0.4);
opacity: 0;
visibility: hidden;
pointer-events: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
}
.flat-popup .checkbox {
font-size: 12px;
line-height: 1.2;
color: #303339;
margin-top: 20px;
position: relative;
}
.flat-popup .checkbox .wpcf7-form-control-wrap {
display: inline-block;
}
.flat-popup .checkbox .wpcf7-form-control-wrap span {
display: inline-block !important;
}
.flat-popup .checkbox .wpcf7-list-item {
margin-left: 0;
margin-right: 3px;
}
.flat-popup .checkbox a {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
text-decoration: underline;
}
.flat-popup .checkbox a:hover {
text-decoration: none;
}
.flat-popup .checkbox input {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: #fff;
border-radius: 999px;
position: relative;
z-index: 10;
cursor: pointer;
border: 2px solid #c8c8c8;
box-shadow: 0px 0px 60px 0 rgba(6, 6, 6, 0.7);
margin: 0;
padding: 0;
}
@media only screen and (min-width: 992px) {
.flat-popup .checkbox input {
box-shadow: none;
}
}
.flat-popup .checkbox input:checked {
background-color: #303339;
border: 4px solid #c8c8c8;
}
.flat-popup .recaptcha-wrapper {
margin-top: 8px;
}
@media only screen and (min-width: 768px) {
.flat-popup .recaptcha-wrapper {
float: right !important;
margin-top: 2% !important;
}
}
.flat-popup.active {
opacity: 1;
visibility: visible;
pointer-events: auto;
}
.flat-popup.active .flat-popup__mask {
cursor: pointer;
}
.flat-popup__mask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flat-popup__inner {
position: absolute;
top: 50%;
left: 50%;
width: 100%;
transform: translateX(-50%) translateY(-50%);
pointer-events: none;
}
.flat-popup__box {
background-color: #fff;
width: 100%;
padding: 30px 20px;
position: relative;
pointer-events: auto;
}
@media only screen and (min-width: 768px) {
.flat-popup__box {
padding: 50px;
}
}
.flat-popup__header {
color: #303339;
font-size: 18px;
font-weight: 400;
text-align: left;
text-transform: uppercase;
margin-bottom: 26px;
display: block;
}
@media only screen and (min-width: 768px) {
.flat-popup__header {
font-size: 20px;
letter-spacing: 0.2em;
margin-bottom: 48px;
}
}
.flat-popup__header span {
color: #be1e2d;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.flat-popup__header span {
display: block;
margin-top: 3px;
}
}
.flat-popup__close {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 26px;
height: 26px;
position: absolute;
top: 12px;
right: 12px;
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/close2.svg);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.flat-popup__close {
width: 32px;
height: 32px;
top: 20px;
right: 20px;
}
}
.flat-popup__close:hover {
transform: rotate(90deg);
}
.flat-popup input,
.flat-popup textarea {
border-radius: 3px;
background-color: #ffffff;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
color: #3f3f3f;
font-size: 14px;
letter-spacing: 0.8px;
}
.flat-popup input:-ms-input-placeholder,
.flat-popup textarea:-ms-input-placeholder {
color: #3f3f3f;
opacity: 0.6;
}
.flat-popup input::placeholder,
.flat-popup textarea::placeholder {
color: #3f3f3f;
opacity: 0.6;
}
.flat-popup input {
height: 58px;
padding: 0 15px;
margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
.flat-popup input {
padding: 0 20px;
margin-bottom: 4%;
}
}
.flat-popup input[type="submit"] {
border-radius: 3px;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.2em;
color: white;
background: #be1e2d;
text-transform: uppercase;
padding: 20px 30px;
box-shadow: 0px 20px 60px 0 rgba(6, 6, 6, 0.07);
transition: all 0.2s;
transition: all 0.2s ease-in-out;
margin-top: 8px;
margin-bottom: 0;
}
.flat-popup input[type="submit"]:hover {
background-color: #b11c2a;
}
.flat-popup input[type="submit"]:disabled {
background-color: gray;
opacity: 0.9;
}
@media only screen and (max-width: 767px) {
.flat-popup input[type="submit"] {
width: 100%;
}
}
@media only screen and (min-width: 768px) {
.flat-popup input[type="submit"] {
margin-top: 2%;
}
}
.flat-popup textarea {
width: 100%;
padding: 15px;
height: 130px;
resize: vertical;
}
@media only screen and (min-width: 768px) {
.flat-popup textarea {
height: 250px;
resize: none;
padding: 20px;
}
}
.flat-popup .wpcf7-response-output {
margin-left: 0 !important;
}
.flat-popup .ajax-loader {
border-radius: 9999px;
background-color: rgba(0, 0, 0, 0.22);
}
.flat-popup .double-input {
font-size: 0;
}
.flat-popup .double-input span {
display: inline-block;
width: 100%;
margin-right: 0;
}
.flat-popup .double-input span:nth-child(2n) {
margin-right: 0;
}
@media only screen and (min-width: 768px) {
.flat-popup .double-input span {
width: 49%;
margin-right: 2%;
}
}
.flat-popup .double-input input {
display: inline-block;
width: 100%;
}
.more-info__section {
margin-bottom: 20px !important;
}
@media only screen and (min-width: 768px) {
.more-info__section {
margin-top: 10px !important;
margin-bottom: 30px !important;
}
}
.more-info__section .fixed-nav__header,
.more-info__section .fixed-nav__list {
padding-left: 15px !important;
}
.more-info__section .fixed-nav__table-wrapper {
padding-left: 25px !important;
}
.flat-page {
margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
.flat-page {
margin-bottom: 70px;
}
}
.flat-page__content {
margin-top: -30px;
position: relative;
z-index: 2;
}
@media only screen and (min-width: 992px) {
.flat-page__content {
margin-top: -140px;
}
}
@media only screen and (min-width: 768px) {
.flat-page .investment-desc {
display: -ms-flexbox;
display: flex;
-ms-flex-align: top;
align-items: top;
}
}
@media only screen and (min-width: 1200px) {
.flat-page .investment-desc {
display: -ms-flexbox;
display: flex;
-ms-flex-align: top;
align-items: top;
}
}
.flat-page .investment-desc__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.flat-page .investment-desc__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.flat-page .investment-desc__header {
font-size: 40px;
}
}
@media only screen and (min-width: 768px) {
.flat-page .investment-desc__content {
margin-right: 20px;
}
}
@media only screen and (min-width: 992px) {
.flat-page .investment-desc__content {
margin-right: 0;
}
}
@media only screen and (min-width: 1200px) {
.flat-page .investment-desc__content {
margin-right: 20px;
}
}
.flat-page .investment-desc__desc {
color: #303339;
font-size: 14px;
line-height: 2.0;
letter-spacing: 0.01em;
}
.flat-page .investment-desc__desc .highlighted {
color: #be1e2d;
}
.flat-page .investment-desc__gallery {
min-width: 400px;
width: 400px;
height: 289px;
background-color: #303339;
}
.flat-page .investment-desc__gallery img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.flat-page .investment-desc__gallery-wrapper {
position: relative;
min-width: 400px;
width: 400px;
height: 289px;
}
.garage-info {
background-color: white;
box-shadow: -13px 7.5px 30px 0 rgba(0, 0, 0, 0.15);
padding: 20px 15px;
opacity: 0.8;
text-align: center;
margin: 25px 0 25px 0;
-webkit-transform: translate3d(0, 0, 0);
}
@media only screen and (min-width: 768px) {
.garage-info {
padding: 30px 25px;
margin: 80px 0 30px 0;
}
}
@media only screen and (min-width: 1200px) {
.garage-info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
text-align: left;
}
.garage-info__content {
max-width: 50%;
}
}
.garage-info__header {
color: #303339;
font-size: 28px;
font-weight: 300;
line-height: 1.25;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 20px;
margin-bottom: 0 !important;
}
@media only screen and (min-width: 768px) {
.garage-info__header {
font-size: 36px;
margin-bottom: 36px;
}
}
@media only screen and (min-width: 992px) {
.garage-info__header {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.garage-info__header {
font-size: 24px;
margin-top: 10px;
}
}
.garage-info__desc {
color: #303339;
font-size: 14px;
line-height: 1.4;
margin-top: 5px;
}
@media only screen and (min-width: 768px) {
.garage-info__desc {
line-height: 2.0;
letter-spacing: 1.7px;
margin-top: 10px;
}
}
@media only screen and (min-width: 1200px) {
.garage-info__desc {
margin-top: 14px;
}
}
.garage-info__pic {
position: relative;
display: inline-block;
}
@media only screen and (min-width: 768px) {
.garage-info__pic {
margin-right: 20px;
}
}
.garage-info__pic:hover::after {
transform: translateX(-50%) translateY(-60%) scale(0.9);
}
.garage-info__pic img {
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.garage-info__pic img {
max-width: 510px;
}
}
.garage-info__pic::after {
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/zoom.svg);
background-repeat: no-repeat;
width: 72px;
height: 75px;
position: absolute;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-60%);
z-index: 3;
}
.flat-gallery {
margin-bottom: 20px;
}
@media only screen and (min-width: 992px) {
.flat-gallery {
margin-bottom: 60px;
}
}
.flat-gallery__single {
background-color: #303339;
box-shadow: -13px 7.5px 30px 0 rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
float: left;
width: 30%;
margin: 0 5% 0 0;
height: 0;
padding-bottom: 30%;
text-align: center;
}
@media only screen and (min-width: 768px) {
.flat-gallery__single {
height: 192px;
padding: 0;
}
}
@media only screen and (min-width: 1200px) {
.flat-gallery__single {
width: 192px;
height: 192px;
margin: 0 0 23px 0;
}
}
.flat-gallery__single:last-of-type {
margin-bottom: 0;
margin-right: 0;
}
.flat-gallery__single::after {
content: "";
background-image: url(//blockpol.pl/wp-content/themes/blockpol/assets/images/eye.svg);
background-size: 36px auto;
background-repeat: no-repeat;
background-position: center;
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.flat-gallery__single:hover {
text-align: center;
}
.flat-gallery__single:hover::after {
opacity: 1;
visibility: visible;
}
.flat-gallery__single:hover img {
transform: scale(1.05);
opacity: 0.6;
}
.flat-gallery__single img {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.flat-gallery__single--big {
width: 100%;
height: 0;
margin: 0 0 20px 0;
padding-bottom: 100%;
}
@media only screen and (min-width: 768px) {
.flat-gallery__single--big {
width: 100%;
height: 600px;
padding: 0;
}
}
@media only screen and (min-width: 1200px) {
.flat-gallery__single--big {
width: 629px;
height: 622px;
margin-right: 26px;
}
}
.flat-gallery__single--more {
background-color: white;
color: rgba(48, 51, 57, 0.2);
font-size: 100px;
line-height: 192px;
font-weight: 300;
text-align: center;
pointer-events: none;
}
@media only screen and (max-width: 767px) {
.flat-gallery__single--more {
font-size: 30px;
line-height: 1;
position: relative;
}
.flat-gallery__single--more span {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
}
.flat-gallery__single--more::after {
display: none;
}
input[type="submit"] {
cursor: pointer;
}
input,
textarea {
-webkit-appearance: none;
border: none;
border-radius: 0;
margin: 0;
}
sup {
font-size: 75%;
vertical-align: super;
}
.chocolat-wrapper {
z-index: 20;
}
.chocolat-overlay {
background-color: #282a2d;
}
.chocolat-bottom {
display: none;
}
.chocolat-left,
.chocolat-right,
.chocolat-close {
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.chocolat-left:hover {
transform: translateX(-2px);
}
.chocolat-right:hover {
transform: translateX(2px);
}
.chocolat-close:hover {
transform: rotate(90deg);
}
.mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
opacity: 0;
visibility: hidden;
z-index: 4;
transition: all 0.2s;
transition: all 0.2s ease-in-out;
}
.mask.active {
opacity: 0.6;
visibility: visible;
z-index: 10;
}
@media only screen and (min-width: 992px) {
.mask.active {
display: none;
}
}