@charset "UTF-8";
.chosen-container{position:relative;display:inline-block;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container .chosen-single .group-name,.chosen-container .search-choice .group-name{margin-right:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:400;color:#999}.chosen-container .chosen-single .group-name:after,.chosen-container .search-choice .group-name:after{content:":";padding-left:2px;vertical-align:top}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;border:1px solid #aaa;border-radius:5px;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(//www.markenlofts.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover,.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(//www.markenlofts.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 0 2px no-repeat}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:url(//www.markenlofts.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) 100% -20px no-repeat;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{color:#444;position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;word-wrap:break-word;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{color:#777;display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-container .chosen-results li.group-option{padding-left:15px}.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;margin:0;padding:0 5px;width:100%;height:auto;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}.chosen-container-multi .chosen-choices li{float:left;list-style:none}.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;outline:0;border:0!important;background:0 0!important;box-shadow:none;font-size:100%;line-height:normal;border-radius:0}.chosen-container-multi .chosen-choices li.search-choice{position:relative;padding:3px 20px 3px 5px;border:1px solid #aaa;max-width:100%;border-radius:3px;background-color:#eee;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-size:100% 19px;background-repeat:repeat-x;background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}.chosen-container-multi .chosen-choices li.search-choice span{word-wrap:break-word}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(//www.markenlofts.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}.chosen-container-multi .chosen-results{margin:0;padding:0}.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}.chosen-container-active.chosen-with-drop .chosen-single div{border-left:none;background:0 0}.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#222!important}.chosen-disabled{opacity:.5!important;cursor:default}.chosen-disabled .chosen-choices .search-choice .search-choice-close,.chosen-disabled .chosen-single{cursor:default}.chosen-rtl{text-align:right}.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}.chosen-rtl .chosen-single div{right:auto;left:3px}.chosen-rtl .chosen-single abbr{right:auto;left:26px}.chosen-rtl .chosen-choices li{float:right}.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}.chosen-rtl .chosen-drop,.chosen-rtl.chosen-container-single-nosearch .chosen-search{left:9999px}.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:none}.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:url(//www.markenlofts.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite.png) -30px -20px no-repeat;direction:rtl}.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi),only screen and (min-resolution:1.5dppx){.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span,.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container-single .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-rtl .chosen-search input[type=text]{background-image:url(//www.markenlofts.co.uk/wp-content/plugins/search-filter-pro/public/assets/css/chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:#fff;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important}.select2-container--classic .select2-results>.select2-results__options,.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--default .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder{float:right}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:1px solid #000;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,.select2-container--default.select2-container--open.select2-container--below .select2-selection--single{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:0 0;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:#fff}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top,#fff 50%,#eee 100%);background-image:-o-linear-gradient(top,#fff 50%,#eee 100%);background-image:linear-gradient(to bottom,#fff 50%,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:700;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top,#eee 50%,#ccc 100%);background-image:-o-linear-gradient(top,#eee 50%,#ccc 100%);background-image:linear-gradient(to bottom,#eee 50%,#ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent;border-style:solid;border-width:5px 4px 0;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:4px 0 0 4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:0 0;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888;border-width:0 4px 5px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top,#fff 0,#eee 50%);background-image:-o-linear-gradient(top,#fff 0,#eee 50%);background-image:linear-gradient(to bottom,#fff 0,#eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top,#eee 50%,#fff 100%);background-image:-o-linear-gradient(top,#eee 50%,#fff 100%);background-image:linear-gradient(to bottom,#eee 50%,#fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:#fff;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice{float:right;margin-left:5px;margin-right:auto}.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}.searchandfilter-date-picker .ui-helper-hidden{display:none}.searchandfilter-date-picker .ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.searchandfilter-date-picker .ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.searchandfilter-date-picker .ui-helper-clearfix:after,.searchandfilter-date-picker .ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.searchandfilter-date-picker .ui-helper-clearfix:after{clear:both}.searchandfilter-date-picker .ui-helper-clearfix{min-height:0}.searchandfilter-date-picker .ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.searchandfilter-date-picker .ui-front{z-index:100}.searchandfilter-date-picker .ui-state-disabled{cursor:default!important}.searchandfilter-date-picker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.searchandfilter-date-picker .ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.searchandfilter-date-picker .ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{top:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev{left:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next{right:2px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev-hover{left:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next-hover{right:1px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-next span,.searchandfilter-date-picker .ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.searchandfilter-date-picker .ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month-year{width:100%}.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-month,.searchandfilter-date-picker .ui-datepicker select.ui-datepicker-year{width:49%}.searchandfilter-date-picker .ui-icon{width:16px;height:16px;background-position:16px 16px}.searchandfilter-date-picker .ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.searchandfilter-date-picker .ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.searchandfilter-date-picker .ui-datepicker td{border:0;padding:1px}.searchandfilter-date-picker .ui-datepicker td a,.searchandfilter-date-picker .ui-datepicker td span{display:block;text-align:center;text-decoration:none}.searchandfilter-date-picker .ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ll-skin-melon .ui-datepicker{padding:0}.ll-skin-melon .ui-datepicker-header{border:none;background:0 0;font-weight:400;font-size:15px}.ll-skin-melon .ui-datepicker-header .ui-state-hover{background:0 0;border-color:transparent;cursor:pointer;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}.ll-skin-melon .ui-datepicker .ui-datepicker-title{margin-top:.4em;margin-bottom:.3em;color:#e9f0f4}.ll-skin-melon .ui-datepicker .ui-datepicker-next,.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover,.ll-skin-melon .ui-datepicker .ui-datepicker-prev,.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{top:.9em;border:none}.ll-skin-melon .ui-datepicker .ui-datepicker-prev-hover{left:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next-hover{right:2px}.ll-skin-melon .ui-datepicker .ui-datepicker-next span,.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-image:url(//www.markenlofts.co.uk/wp-content/plugins/search-filter-pro/public/assets/img/ui-icons_ffffff_256x240.png);background-position:-32px 0;margin-top:0;top:0;font-weight:400}.ll-skin-melon .ui-datepicker .ui-datepicker-prev span{background-position:-96px 0}.ll-skin-melon .ui-datepicker table{margin:0}.ll-skin-melon .ui-datepicker th{padding:1em 0;color:#ccc;font-size:13px;font-weight:400;border:none;border-top:1px solid #3a414d}.ll-skin-melon .ui-state-disabled{opacity:1}.searchandfilter .disabled,.searchandfilter.search-filter-disabled .noUi-connect{opacity:.7}.ll-skin-melon .ui-state-disabled .ui-state-default{color:#fba49e}.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-user-select:none;-ms-touch-action:none;-ms-user-select:none;-moz-user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-base{width:100%;height:100%;position:relative}.noUi-origin{position:absolute;right:0;top:0;left:0;bottom:0;border-radius:2px}.noUi-handle{position:relative;z-index:1}.noUi-stacking .noUi-handle{z-index:10}.noUi-stacking+.noUi-origin{*z-index:-1}.noUi-state-tap .noUi-origin{-webkit-transition:left .3s,top .3s;transition:left .3s,top .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;left:-17px;top:-6px}.noUi-horizontal.noUi-extended{padding:0 15px}.noUi-horizontal.noUi-extended .noUi-origin{right:-15px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}.noUi-vertical.noUi-extended{padding:15px 0}.noUi-vertical.noUi-extended .noUi-origin{bottom:-15px}.noUi-background{background:#FAFAFA;box-shadow:inset 0 1px 1px #f0f0f0}.noUi-connect{background:#3FB8AF;box-shadow:inset 0 0 3px rgba(51,51,51,.45);-webkit-transition:background 450ms;transition:background 450ms}.noUi-target{border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-target.noUi-connect{box-shadow:inset 0 0 3px rgba(51,51,51,.45),0 3px 6px -5px #BBB}.noUi-dragable{cursor:w-resize}.noUi-vertical .noUi-dragable{cursor:n-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect,[disabled].noUi-connect{background:#B8B8B8}[disabled] .noUi-handle{cursor:not-allowed}.noUi-state-blocked .noUi-connect,.noUi-state-blocked.noUi-connect{background:#4FDACF}.searchandfilter p{margin-top:1em;display:block}.searchandfilter ul{display:block;margin-top:0;margin-bottom:0}.searchandfilter ul li{list-style:none;display:block;padding-right:10px;padding:10px 0;margin:0}.searchandfilter ul li li{padding:5px 0}.searchandfilter ul li ul li ul{margin-left:20px}.searchandfilter label{display:inline-block;margin:0;padding:0}.searchandfilter>ul>li[data-sf-combobox="1"] label{display:block}.searchandfilter li[data-sf-field-input-type=checkbox] label,.searchandfilter li[data-sf-field-input-type=radio] label,.searchandfilter li[data-sf-field-input-type=range-radio] label,.searchandfilter li[data-sf-field-input-type=range-checkbox] label{padding-left:10px}.searchandfilter .sf-date-prefix{padding-right:5px;display:inline-block}.searchandfilter .sf-count,.searchandfilter .sf-date-postfix{padding-left:5px;display:inline-block}.searchandfilter .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.searchandfilter h4{margin:0;padding:5px 0 10px;font-size:16px}.searchandfilter .sf-range-max,.searchandfilter .sf-range-min{max-width:80px}.searchandfilter .sf-meta-range-radio-fromto .sf-range-max,.searchandfilter .sf-meta-range-radio-fromto .sf-range-min{display:inline-block;vertical-align:middle}.searchandfilter .sf-meta-range-radio-fromto span.sf-range-values-seperator{vertical-align:middle;display:inline-block;margin:0 15px}.searchandfilter .datepicker{max-width:170px}.searchandfilter select.sf-input-select{min-width:170px}.searchandfilter select.sf-range-max.sf-input-select,.searchandfilter select.sf-range-min.sf-input-select{min-width:auto}.searchandfilter ul>li>ul:not(.children){margin-left:0}.searchandfilter .meta-slider{margin-top:10px;margin-bottom:10px;height:15px;max-width:220px}.searchandfilter .noUi-connect{background-color:#526E91}.searchandfilter .noUi-horizontal.noUi-extended{padding:0 10px}.searchandfilter .noUi-horizontal.noUi-extended .noUi-origin{right:-10px}.searchandfilter .noUi-handle{border-color:#ccc}.searchandfilter .noUi-horizontal .noUi-handle{width:24px;height:24px;top:-5px;border-radius:20px;left:-12px}.searchandfilter .noUi-horizontal .noUi-handle:after,.searchandfilter .noUi-horizontal .noUi-handle:before{height:9px;top:7px}.searchandfilter .noUi-horizontal .noUi-handle:before{left:9px}.searchandfilter .noUi-horizontal .noUi-handle:after{left:12px}.search-filter-scroll-loading{display:block;margin:20px 10px 10px;height:30px;width:30px;animation:search-filter-loader-rotate .7s infinite linear;border:5px solid rgba(0,0,0,.15);border-right-color:rgba(0,0,0,.6);border-radius:50%}@keyframes search-filter-loader-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.ll-skin-melon{font-size:90%}.ll-skin-melon .ui-datepicker td{background:#f7f7f7;border:none;padding:0}.ll-skin-melon .ui-datepicker th{border-color:#4D6077}.ll-skin-melon .ui-widget{font-family:inherit;background:#526E91;border:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-moz-box-shadow:0 0 3px rgba(0,0,0,.3);-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3)}.searchandfilter.horizontal ul>li{display:inline-block;padding-right:10px}.searchandfilter.horizontal ul>li li{display:block}.ll-skin-melon td .ui-state-default{background:0 0;border:none;text-align:center;padding:.3em;margin:0;font-weight:400;color:#6C88AC;font-size:14px}.ll-skin-melon td .ui-state-active{background:#526E91;color:#fff}.ll-skin-melon td .ui-state-hover{background:#C4D6EC}.searchandfilter li.hide,.searchandfilter select option.hide{display:none}.chosen-container-multi .chosen-choices li.search-field input[type=text]{height:auto;padding:5px;color:#666;font-family:inherit}.chosen-container{font-size:14px}.chosen-container-single .chosen-single{height:auto}.chosen-container-multi .chosen-choices li.search-choice{margin:3px 3px 3px 5px}.search-filter-results .sf-active{font-weight:700}.search-filter-results .sf-disabled{opacity:.5}@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin: 0 !important;
}
@media only screen and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: initial !important;
}
} body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).whyWorkWithUs, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-faq, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).processHome, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).getInTouch, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).loftConversionTypesInner, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).typesOfLoftsLanding, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-projects-loop, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-related-projects, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).mayBeInterested, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).areasWeWorkMainContainer, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).quoteForm, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull))#sb_instagram, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-quotes {
margin: 0 auto !important;
}
h1 {
font-size: 52px;
font-weight: 600;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h1 {
font-size: 44px;
}
}
@media only screen and (max-width: 1000px) {
h1 {
font-size: 37px;
}
}
@media only screen and (max-width: 950px) {
h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 780px) {
h1 {
font-size: 32px;
}
}
h2 {
font-size: 46px;
font-weight: 600;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1350px) {
h2 {
font-size: 41px;
}
}
@media only screen and (max-width: 1000px) {
h2 {
font-size: 36px;
}
}
@media only screen and (max-width: 950px) {
h2 {
font-size: 32px;
}
}
@media only screen and (max-width: 780px) {
h2 {
font-size: 28px;
}
}
h3 {
font-size: 30px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h3 {
font-size: 26px;
}
}
@media only screen and (max-width: 1000px) {
h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 950px) {
h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 780px) {
h3 {
font-size: 18px;
}
}
h4 {
font-size: 20px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h4 {
font-size: 18px;
}
}
@media only screen and (max-width: 1000px) {
h4 {
font-size: 16px;
}
}
@media only screen and (max-width: 950px) {
h4 {
font-size: 16px;
}
}
@media only screen and (max-width: 780px) {
h4 {
font-size: 16px;
}
}
h5 {
font-size: 18px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h5 {
font-size: 16px;
}
}
@media only screen and (max-width: 1000px) {
h5 {
font-size: 14px;
}
}
@media only screen and (max-width: 950px) {
h5 {
font-size: 12px;
}
}
@media only screen and (max-width: 780px) {
h5 {
font-size: 12px;
}
}
h6 {
font-size: 12px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
p {
font-size: 18px;
color: #232325;
}
@media only screen and (max-width: 780px) {
p {
font-size: 16px;
}
}
.wp-site-blocks p, .wp-site-blocks h1, .wp-site-blocks h2, .wp-site-blocks h3, .wp-site-blocks h4, .wp-site-blocks h5, .wp-site-blocks h6, .wp-site-blocks ul, .wp-site-blocks ol, .wp-site-blocks li, .wp-site-blocks dl, .wp-site-blocks dt, .wp-site-blocks dd, .wp-site-blocks blockquote, .wp-site-blocks pre, .wp-site-blocks figure, .wp-site-blocks figcaption, .wp-site-blocks hr, .wp-site-blocks address, .wp-site-blocks table, .wp-site-blocks caption, .wp-site-blocks tbody, .wp-site-blocks thead, .wp-site-blocks tfoot, .wp-site-blocks tr, .wp-site-blocks th, .wp-site-blocks td, .wp-site-blocks article, .wp-site-blocks aside, .wp-site-blocks details, .wp-site-blocks dialog, .wp-site-blocks summary, .wp-site-blocks abbr, .wp-site-blocks b, .wp-site-blocks strong, .wp-site-blocks em, .wp-site-blocks i, .wp-site-blocks u, .wp-site-blocks s, .wp-site-blocks small, .wp-site-blocks sub, .wp-site-blocks sup, .wp-site-blocks mark, .wp-site-blocks del, .wp-site-blocks ins, .wp-site-blocks code, .wp-site-blocks kbd, .wp-site-blocks samp, .wp-site-blocks var, .wp-site-blocks cite, .wp-site-blocks dfn, .wp-site-blocks time, .wp-site-blocks span, .wp-site-blocks div, .wp-site-blocks a, .wp-site-blocks img, .wp-site-blocks audio, .wp-site-blocks video, .wp-site-blocks canvas, .wp-site-blocks svg, .wp-site-blocks iframe, .wp-site-blocks embed, .wp-site-blocks object, .wp-site-blocks param, .wp-site-blocks source, .wp-site-blocks track, .wp-site-blocks map, .wp-site-blocks area, .wp-site-blocks form, .wp-site-blocks label, .wp-site-blocks input, .wp-site-blocks button, .wp-site-blocks select, .wp-site-blocks datalist, .wp-site-blocks optgroup, .wp-site-blocks option, .wp-site-blocks textarea, .wp-site-blocks fieldset, .wp-site-blocks legend, .wp-site-blocks progress, .wp-site-blocks meter, .wp-site-blocks menu, .wp-site-blocks menuitem {
margin: 0;
font-family: "DM Sans", sans-serif !important;
}
.wp-block-post-content .wp-block-columns {
margin: 0 auto !important;
} @media (min-width: 862px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block !important;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
} @media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
}
.wp-block-post-content h1, .wp-block-post-content h2, .wp-block-post-content h3, .wp-block-post-content h4, .wp-block-post-content h5, .wp-block-post-content h6, .wp-block-post-content a, .wp-block-post-content p {
margin-bottom: 18px !important;
}
@media only screen and (max-width: 861px) {
.wp-block-navigation__responsive-container {
padding-top: 50px !important;
}
}
@media only screen and (max-width: 861px) and (max-width: 1320px) {
.wp-block-navigation__responsive-container {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.projectsHero  .aStyle.cyan, #projLoop  .aStyle.cyan, .recentPHomeProj  .aStyle.cyan, .projLoopInner  .aStyle.cyan, .projectHero  .aStyle.cyan {
cursor: default;
}
.projectsHero  .aStyle.cyan:hover, #projLoop  .aStyle.cyan:hover, .recentPHomeProj  .aStyle.cyan:hover, .projLoopInner  .aStyle.cyan:hover, .projectHero  .aStyle.cyan:hover {
cursor: default;
background-color: #70FBFB !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.cyan:hover a, #projLoop  .aStyle.cyan:hover a, .recentPHomeProj  .aStyle.cyan:hover a, .projLoopInner  .aStyle.cyan:hover a, .projectHero  .aStyle.cyan:hover a {
color: #3143AF !important;
cursor: default;
}
.projectsHero  .aStyle.blue, #projLoop  .aStyle.blue, .recentPHomeProj  .aStyle.blue, .projLoopInner  .aStyle.blue, .projectHero  .aStyle.blue {
cursor: default;
}
.projectsHero  .aStyle.blue:hover, #projLoop  .aStyle.blue:hover, .recentPHomeProj  .aStyle.blue:hover, .projLoopInner  .aStyle.blue:hover, .projectHero  .aStyle.blue:hover {
cursor: default;
background-color: #3143AF !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.blue:hover a, #projLoop  .aStyle.blue:hover a, .recentPHomeProj  .aStyle.blue:hover a, .projLoopInner  .aStyle.blue:hover a, .projectHero  .aStyle.blue:hover a {
color: #ffffff !important;
cursor: default;
}
.projectsHero  .aStyle.grey, #projLoop  .aStyle.grey, .recentPHomeProj  .aStyle.grey, .projLoopInner  .aStyle.grey, .projectHero  .aStyle.grey {
cursor: default;
}
.projectsHero  .aStyle.grey:hover, #projLoop  .aStyle.grey:hover, .recentPHomeProj  .aStyle.grey:hover, .projLoopInner  .aStyle.grey:hover, .projectHero  .aStyle.grey:hover {
cursor: default;
background-color: #E3E3E3 !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.grey:hover a, #projLoop  .aStyle.grey:hover a, .recentPHomeProj  .aStyle.grey:hover a, .projLoopInner  .aStyle.grey:hover a, .projectHero  .aStyle.grey:hover a {
color: #000000 !important;
cursor: default;
}
.projectsHero  .aStyle.white, #projLoop  .aStyle.white, .recentPHomeProj  .aStyle.white, .projLoopInner  .aStyle.white, .projectHero  .aStyle.white {
cursor: default;
}
.projectsHero  .aStyle.white:hover, #projLoop  .aStyle.white:hover, .recentPHomeProj  .aStyle.white:hover, .projLoopInner  .aStyle.white:hover, .projectHero  .aStyle.white:hover {
cursor: default;
background-color: #ffffff !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.white:hover a, #projLoop  .aStyle.white:hover a, .recentPHomeProj  .aStyle.white:hover a, .projLoopInner  .aStyle.white:hover a, .projectHero  .aStyle.white:hover a {
color: #000000 !important;
cursor: default;
}
.aStyle {
padding: 14px 30px;
border-radius: 35px;
width: fit-content;
cursor: pointer;
}
@media only screen and (max-width: 960px) {
.aStyle {
padding: 14px 22px;
}
}
.aStyle a {
text-decoration: none;
font-weight: 600;
font-size: 16px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0px !important;
}
@media only screen and (max-width: 780px) {
.aStyle a {
font-size: 14px;
}
}
.aStyle.cyan {
background-color: #70FBFB !important;
border: 2px solid transparent !important;
}
.aStyle.cyan a {
color: #3143AF !important;
}
.aStyle.cyan:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
}
.aStyle.cyan:hover a {
color: #3143AF !important;
}
.aStyle.blue {
background-color: #3143AF !important;
border: 2px solid transparent !important;
}
.aStyle.blue a {
color: #ffffff !important;
}
.aStyle.blue:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
}
.aStyle.blue:hover a {
color: #3143AF !important;
}
.aStyle.grey {
background-color: #E3E3E3 !important;
border: 2px solid transparent !important;
}
.aStyle.grey a {
color: #000000 !important;
}
.aStyle.grey:hover {
background-color: transparent !important;
border: 2px solid #000000 !important;
}
.aStyle.grey:hover a {
color: #000000 !important;
}
.aStyle.white {
background-color: #ffffff !important;
border: 2px solid transparent !important;
}
.aStyle.white a {
color: #000000 !important;
}
.aStyle.white:hover {
background-color: transparent !important;
border: 2px solid #000000 !important;
}
.aStyle.white:hover a {
color: #000000 !important;
}
header {
margin: 0 auto;
margin: 0 auto;
height: auto !important;
max-width: 1300px;
}
@media only screen and (max-width: 861px) {
header {
padding-top: 30px !important;
padding-bottom: 30px !important;
position: sticky;
display: block;
z-index: 9999999 !important;
top: 0;
background-color: #ffffff;
max-width: 100% !important;
}
}
@media only screen and (max-width: 861px) and (max-width: 1320px) {
header {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
header .wrapperHeader {
display: flex;
justify-content: space-between;
align-items: center;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader {
border: none !important;
max-width: 1300px;
margin: 0 auto !important;
}
}
header .wrapperHeader figure {
width: auto;
padding-left: 20px;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader figure {
padding-left: 0px;
}
}
header .wrapperHeader .headerInner {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 15px;
flex-basis: 62%;
border-left: 1px solid #f0f0f0;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner {
border: none !important;
}
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner nav {
display: flex;
justify-content: flex-end;
}
}
header .wrapperHeader .headerInner nav ul {
justify-content: flex-end;
gap: 0;
}
header .wrapperHeader .headerInner nav ul li {
flex-grow: 1;
background-color: #f7f7f7;
padding: 0;
border-right: 1px solid #f0f0f0;
align-items: center;
justify-content: center;
color: #232325;
font-weight: 600;
border-top: 1px solid transparent;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner nav ul li {
border: none !important;
}
}
header .wrapperHeader .headerInner nav ul li:last-child {
border-right: none;
}
header .wrapperHeader .headerInner nav ul li:hover {
background-color: #ffffff;
border-top: 1px solid #f0f0f0;
}
header .wrapperHeader .headerInner nav ul li.active {
background-color: #ffffff;
border-top: 1px solid #f0f0f0;
}
header .wrapperHeader .headerInner nav ul li a {
height: 100%;
width: 100%;
padding: 15px 15px;
text-align: center;
}
header .wrapperHeader .headerInner nav ul li span {
height: 100%;
width: 100%;
display: block;
}
header .wrapperHeader .headerInner .topLinks {
display: flex;
justify-content: flex-end;
gap: 15px;
padding-right: 25px;
padding-top: 20px;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner .topLinks {
display: none;
}
}
header .wrapperHeader .headerInner .topLinks p {
display: flex;
align-items: center;
justify-content: center;
}
header .wrapperHeader .headerInner .topLinks a {
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
header .wrapperHeader .headerInner .topLinks .callUs {
cursor: pointer;
}
header .wrapperHeader .headerInner .topLinks .callUs a {
color: #3143AF;
font-weight: 600;
font-size: 14px;
border: 2px solid transparent;
}
header .wrapperHeader .headerInner .topLinks .git {
padding: 11px 30px;
background-color: #70FBFB;
border-radius: 35px;
border: 2px solid transparent;
cursor: pointer;
font-weight: 600;
color: #3143AF;
border: 2px solid transparent;
font-size: 14px;
}
@media only screen and (max-width: 960px) {
header .wrapperHeader .headerInner .topLinks .git {
padding: 11px;
}
}
header .wrapperHeader .headerInner .topLinks .git:hover {
background-color: transparent !important;
border: 2px solid #3143AF;
color: #3143AF;
}
header .wrapperHeader .headerInner .topLinks .fq {
cursor: pointer;
padding: 11px 30px;
background-color: #3143AF;
border-radius: 35px;
border: 2px solid transparent;
cursor: pointer;
}
@media only screen and (max-width: 960px) {
header .wrapperHeader .headerInner .topLinks .fq {
padding: 11px;
}
}
header .wrapperHeader .headerInner .topLinks .fq:hover {
background-color: transparent !important;
border: 2px solid #3143AF;
}
header .wrapperHeader .headerInner .topLinks .fq:hover a {
color: #3143AF;
}
header .wrapperHeader .headerInner .topLinks .fq a {
color: #ffffff;
}
footer {
margin: 0 auto;
max-width: 1300px;
height: 300px;
padding-top: 50px !important;
padding-bottom: 50px !important;
}
@media only screen and (max-width: 810px) {
footer {
height: auto;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
footer p {
color: #082C79;
font-size: 16px;
}
footer a {
color: #082C79;
text-decoration: none;
}
footer .footerWrap {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
@media only screen and (max-width: 1320px) {
footer .footerWrap {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 810px) {
footer .footerWrap .copyRight {
padding-top: 20px;
}
}
footer .footerWrap .wrapperOuter {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 810px) {
footer .footerWrap .wrapperOuter {
flex-direction: column;
gap: 20px;
}
}
footer .footerWrap .wrapperOuter figure img {
max-width: 260px;
}
footer .footerWrap .wrapperOuter .footerInner {
display: flex;
gap: 60px;
padding-top: 4px;
}
@media only screen and (max-width: 810px) {
footer .footerWrap .wrapperOuter .footerInner {
flex-direction: column;
}
}
@media only screen and (max-width: 1250px) {
footer .footerWrap .wrapperOuter .footerInner {
gap: 40px;
}
}
@media only screen and (max-width: 1000px) {
footer .footerWrap .wrapperOuter .footerInner {
gap: 25px;
}
}
footer .footerWrap .wrapperOuter .footerInner .callUs {
font-weight: 600;
}
@media only screen and (max-width: 1060px) {
footer .footerWrap .wrapperOuter .footerInner .callUs {
display: none;
}
}
.home .wp-block-post-content, .page-id-20 .wp-block-post-content, .page-id-18 .wp-block-post-content, .page-id-16 .wp-block-post-content, .page-id-22 .wp-block-post-content {
position: relative;
}
.home .wp-block-post-content::before, .page-id-20 .wp-block-post-content::before, .page-id-18 .wp-block-post-content::before, .page-id-16 .wp-block-post-content::before, .page-id-22 .wp-block-post-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: linear-gradient(to bottom, rgba(230, 230, 230, 0.5), rgba(255, 255, 255, 0));
border-radius: 5px 5px 0 0;
}
.heroHome {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.heroHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.heroHome {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.heroHome .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 45% !important;
}
@media only screen and (max-width: 1130px) {
.heroHome .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 1000px) {
.heroHome .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
.heroHome .col1 .titleTabsWrap .btnsWrap {
display: flex;
gap: 10px;
}
.heroHome .col1 .bottomGroup .exp {
color: #314A5A;
font-size: 25px;
font-weight: 600;
}
@media only screen and (max-width: 900px) {
.heroHome .col1 .bottomGroup .exp {
font-size: 18px;
}
}
.heroHome .col1 .bottomGroup .tabs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
.heroHome .col1 .bottomGroup .tabs a {
font-size: 14px;
}
}
.heroHome .col1 .bottomGroup .tabs figure {
display: flex;
align-items: center;
justify-content: center;
max-width: 120px;
}
@media only screen and (max-width: 1032px) {
.heroHome .col1 .bottomGroup .tabs figure {
max-width: 100px;
}
}
.heroHome .col2 {
height: 550px;
flex-basis: 55% !important;
}
@media only screen and (max-width: 1130px) {
.heroHome .col2 {
height: 500px;
}
}
@media only screen and (max-width: 1000px) {
.heroHome .col2 {
height: 440px;
}
}
@media only screen and (max-width: 550px) {
.heroHome .col2 {
height: 320px;
}
}
.heroHome .col2 .wp-block-lazyblock-small-slider {
width: 100%;
height: 100%;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider {
height: 100%;
width: 100%;
position: relative;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner {
height: 100%;
width: 100%;
margin-bottom: 0px !important;
position: relative;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list {
height: 100%;
width: 100%;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track {
height: 100%;
width: 100%;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide {
height: 100%;
width: 100%;
border-radius: 10px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide figure {
height: 100%;
width: 100%;
border-radius: 10px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide figure img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul li:before {
display: none;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: flex-end;
align-items: center;
width: 100%;
bottom: 20px;
right: 20px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots li {
margin: 0px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots li.slick-active button {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
opacity: 1;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.2;
border: none;
border-radius: 100%;
background-color: #6C6C6C;
text-indent: -9999px;
}
.projectHero {
position: relative;
background-color: #3143AF;
padding-top: 70px;
padding-bottom: 70px;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.projectHero {
margin-bottom: 50px !important;
}
}
.projectHero .absol1, .projectHero .absol2 {
position: absolute;
}
.projectHero .absol1 {
top: 20px;
left: 0;
display: none;
}
.projectHero .absol2 {
right: 0;
top: 30px;
z-index: 2;
}
@media only screen and (max-width: 780px) {
.projectHero .absol2 {
width: 120px;
}
}
.projectHero .projectHeroInner {
max-width: 1300px;
margin: 0 auto;
display: flex;
}
@media only screen and (max-width: 1320px) {
.projectHero .projectHeroInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 800px) {
.projectHero .projectHeroInner {
flex-direction: column;
}
}
.projectHero .projectHeroInner .col1 {
width: 100%;
padding-right: 0px;
flex-basis: 45%;
justify-content: center;
display: flex;
flex-direction: column;
}
.projectHero .projectHeroInner .col1 h4 {
color: #70FBFB;
z-index: 99;
position: relative;
}
.projectHero .projectHeroInner .col1 h1 {
color: #ffffff;
z-index: 99;
position: relative;
}
.projectHero .projectHeroInner .col1 .tags {
display: flex;
gap: 10px;
align-items: center;
z-index: 99;
position: relative;
}
.projectHero .projectHeroInner .col1 .tags a {
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
z-index: 99;
position: relative;
}
@media only screen and (max-width: 360px) {
.projectHero .projectHeroInner .col1 .tags a {
font-size: 12px;
}
}
.projectHero .projectHeroInner .col1 .projExcerpt {
color: #ffffff;
width: 80%;
z-index: 99;
position: relative;
font-size: 18px;
}
@media only screen and (max-width: 800px) {
.projectHero .projectHeroInner .col1 .projExcerpt {
font-size: 16px;
}
}
.projectHero .projectHeroInner .col2 {
width: 100%;
flex-basis: 55%;
padding-right: 60px;
}
@media only screen and (max-width: 1150px) {
.projectHero .projectHeroInner .col2 {
padding-right: 0px;
}
}
.projectHero .projectHeroInner .col2 img {
width: 100%;
height: 440px;
border-radius: 10px;
object-fit: cover;
z-index: 99;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 535px) {
.projectHero .projectHeroInner .col2 img {
height: 350px;
}
}
@media only screen and (max-width: 400px) {
.projectHero .projectHeroInner .col2 img {
height: 300px;
}
}
.contentColumn {
padding-bottom: 40px !important;
}
@media only screen and (max-width: 1320px) {
.contentColumn {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.contentColumn {
padding-bottom: 30px !important;
}
}
.contentColumn h1, .contentColumn h2, .contentColumn h3, .contentColumn h4, .contentColumn h5, .contentColumn h6 {
color: #232325;
font-weight: 600;
margin-bottom: 0px !important;
line-height: 1.1em;
}
.contentColumn p {
color: #232325;
font-size: 18px;
}
@media only screen and (max-width: 781px) {
.contentColumn p {
font-size: 16px;
}
}
.contentColumn ul {
margin-bottom: 24px;
padding-left: 24px;
}
.contentColumn ul li {
font-size: 18px;
color: #314A5A;
list-style: none;
}
.contentColumn ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 781px) {
.contentColumn ul li {
text-align: left;
}
}
.contentColumn .col1 {
padding-right: 100px !important;
}
.imageCols {
padding-bottom: 24px;
}
@media only screen and (max-width: 1320px) {
.imageCols {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.imageCols .wp-block-column figure {
height: 100% !important;
width: 100% !important;
}
.imageCols .wp-block-column figure img {
border-radius: 10px;
height: 100% !important;
width: 100% !important;
}
.imageTextCol {
gap: 90px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.imageTextCol {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.imageTextCol {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 800px) {
.imageTextCol {
flex-direction: column-reverse;
gap: 20px;
}
}
@media only screen and (max-width: 800px) {
.imageTextCol.flip {
flex-direction: column;
}
}
.imageTextCol .col1 {
height: 650px;
}
@media only screen and (max-width: 1250px) {
.imageTextCol .col1 {
height: 510px;
}
}
@media only screen and (max-width: 1000px) {
.imageTextCol .col1 {
height: 420px;
}
}
@media only screen and (max-width: 650px) {
.imageTextCol .col1 {
height: 340px;
}
}
.imageTextCol .col1 figure {
width: 100%;
height: 100%;
border-radius: 10px;
}
.imageTextCol .col1 figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
aspect-ratio: initial !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.imageTextCol .col2 {
display: flex;
flex-direction: column;
justify-content: center;
}
.imageTextCol .col2 p, .imageTextCol .col2 h2 {
color: #232325;
}
.imageTextCol .col2 p {
font-size: 18px;
}
.imageTextCol .col2 h2 {
font-weight: 600;
}
.projectsHero {
position: relative;
height: auto;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.projectsHero {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.projectsHero {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 781px) {
.projectsHero {
gap: 0px;
}
}
.projectsHero .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 45% !important;
}
@media only screen and (max-width: 1130px) {
.projectsHero .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 781px) {
.projectsHero .col1 {
padding-right: 0px;
}
}
@media only screen and (max-width: 1000px) {
.projectsHero .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 781px) {
.projectsHero .col1 .titleTabsWrap {
padding-bottom: 0px;
}
}
.projectsHero .col1 .titleTabsWrap h1, .projectsHero .col1 .titleTabsWrap h3 {
color: #232325;
}
.projectsHero .col1 .titleTabsWrap .bold {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.projectsHero .col1 .titleTabsWrap .bold {
font-size: 18px;
}
}
.projectsHero .col1 .titleTabsWrap .btnsWrap {
display: flex;
gap: 10px;
}
.projectsHero .col1 .bottomGroup .exp {
color: #314A5A;
font-size: 25px;
font-weight: 600;
}
.projectsHero .col1 .bottomGroup .tabs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
.projectsHero .col1 .bottomGroup .tabs a {
font-size: 14px;
}
}
.projectsHero .col2 {
flex-basis: 55% !important;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero {
width: 100%;
height: 100%;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider {
height: 100%;
width: 100%;
position: relative;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner {
height: 100%;
width: 100%;
margin-bottom: 0px !important;
position: relative;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list {
height: 100%;
width: 100%;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track {
height: 100%;
width: 100%;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide {
display: flex;
flex-direction: column;
height: 100%;
width: 75%;
border-radius: 10px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap {
margin-bottom: 0 !important;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure {
margin: 0;
height: 100%;
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 400px;
width: 100%;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
transition: transform 0.6s ease;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1200px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 360px;
}
}
@media only screen and (max-width: 1100px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 320px;
}
}
@media only screen and (max-width: 800px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 280px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails {
width: 100%;
padding: 20px 30px 20px 30px;
box-sizing: border-box;
background-color: #3143AF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 840px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails {
padding: 20px 20px 20px 20px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
color: #70FBFB;
margin-bottom: 0 !important;
display: none !important;
}
@media only screen and (max-width: 840px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: none;
}
}
@media only screen and (max-width: 781px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: block;
}
}
@media only screen and (max-width: 510px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: none;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top h2 {
color: #ffffff;
font-size: 26px;
margin-bottom: 0px !important;
}
@media only screen and (max-width: 950px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top h2 {
font-size: 22px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags {
display: flex;
gap: 10px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p a {
text-transform: uppercase;
}
@media only screen and (max-width: 950px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p a {
font-size: 14px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul li:before {
display: none;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: center;
align-items: center;
width: 100%;
bottom: -40px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots li {
margin: 0px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots li.slick-active button {
background-color: #082C79;
border: 1px solid #082C79;
opacity: 1;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.2;
border: none;
border-radius: 100%;
background-color: #6C6C6C;
text-indent: -9999px;
}
.blueFullWidth {
background-color: #3143AF;
border-radius: 30px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.blueFullWidth {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.blueFullWidth .wp-block-lazyblock-recent-projects-homepage {
margin: 0 auto !important;
}
.blueFullWidth #recentProjHome .top {
display: flex;
justify-content: space-between;
margin-bottom: 20px !important;
}
.blueFullWidth #recentProjHome .top p {
color: #70FBFB;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.blueFullWidth #recentProjHome .top p {
font-size: 18px;
}
}
.blueFullWidth #recentProjHome .top a {
color: #ffffff;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.blueFullWidth #recentProjHome .top a {
font-size: 18px;
}
}
@media only screen and (max-width: 840px) {
.blueFullWidth #recentProjHome .top a {
margin-top: 0px;
}
}
@media only screen and (max-width: 440px) {
.blueFullWidth #recentProjHome .top a {
display: none;
}
}
.blueFullWidth #recentProjHome h2 {
color: #ffffff;
width: 90%;
}
@media only screen and (max-width: 1049px) {
.blueFullWidth #recentProjHome h2 {
width: 75%;
}
}
@media only screen and (max-width: 1320px) {
.blueFullWidth #recentProjHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj {
position: relative;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev, .blueFullWidth #recentProjHome .recentPHomeProj .slick-next {
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
z-index: 9999 !important;
font-size: 0px !important;
color: transparent !important;
width: 45px;
height: 45px;
position: absolute;
top: -50px;
right: 0;
left: initial;
cursor: pointer;
}
@media only screen and (max-width: 440px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev, .blueFullWidth #recentProjHome .recentPHomeProj .slick-next {
top: -144px;
width: 40px;
height: 40px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev:before, .blueFullWidth #recentProjHome .recentPHomeProj .slick-next:before {
display: none;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-left-on.svg) !important;
right: 60px;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev.slick-disabled {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-left-off.svg) !important;
}
@media only screen and (max-width: 440px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev {
right: 50px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-next {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-right-on.svg) !important;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-next.slick-disabled {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-right-off.svg) !important;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item {
margin-right: 20px;
overflow: hidden;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
@media only screen and (max-width: 841px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item {
margin-right: 0px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item img {
width: 100%;
height: 100%;
object-fit: cover;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
height: 400px;
overflow: hidden;
transition: transform 0.6s ease;
}
@media only screen and (max-width: 1000px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item img {
height: 300px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item img:hover {
transform: scale(1.1);
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item .projDetails {
background-color: #ffffff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 20px 30px 20px 30px;
z-index: 999;
position: relative;
overflow: hidden;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item .tags {
display: flex;
gap: 10px;
}
.whyWorkWithUs {
margin: 0 auto !important;
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.whyWorkWithUs {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.whyWorkWithUs .wp-block-columns {
display: flex;
justify-content: space-between;
align-items: center;
}
.whyWorkWithUs .wp-block-columns .col1 h2 {
color: #232325;
font-weight: 600;
width: 70%;
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col1 h2 {
width: 100%;
}
}
.whyWorkWithUs .wp-block-columns .col1 p {
color: #232325;
}
.whyWorkWithUs .wp-block-columns .col1 p.bolder {
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col1 p.bolder {
font-size: 18px;
}
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col1 p:last-of-type {
margin-bottom: 0px !important;
}
}
.whyWorkWithUs .wp-block-columns .col2 {
justify-content: flex-end;
display: flex;
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col2 .aStyle {
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 782px) {
.whyWorkWithUs .wp-block-columns .col2 {
justify-content: flex-start;
}
}
.whyWorkWithUs .iconsGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 60px;
padding-top: 30px;
}
@media only screen and (max-width: 1230px) {
.whyWorkWithUs .iconsGrid {
gap: 40px;
}
}
@media only screen and (max-width: 1105px) {
.whyWorkWithUs .iconsGrid {
gap: 25px;
}
}
@media only screen and (max-width: 965px) {
.whyWorkWithUs .iconsGrid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .iconsGrid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 480px) {
.whyWorkWithUs .iconsGrid {
grid-template-columns: 1fr;
}
}
.whyWorkWithUs .iconsGrid .icon {
border-radius: 10px;
background-color: #3143AF;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0 4px 8px rgba(49, 67, 175, 0.6);
padding: 30px;
gap: 20px;
transition: transform 0.6s ease;
}
.whyWorkWithUs .iconsGrid .icon:hover {
transform: scale(1.02);
}
.whyWorkWithUs .iconsGrid .icon p {
color: #ffffff;
text-align: center;
margin-bottom: 0px !important;
}
.wp-block-lazyblock-faq {
padding-top: 70px !important;
padding-bottom: 70px !important;
max-width: 1300px;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-faq {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}
.wp-block-lazyblock-faq .accordion .accor-title h2 {
color: #232325;
text-align: center;
}
.wp-block-lazyblock-faq .accordion strong {
font-weight: 500 !important;
}
.wp-block-lazyblock-faq .accordion .accordion-title-head {
margin-bottom: 0;
color: #232325;
font-size: 26px;
width: 85%;
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion .accordion-title-head {
width: 80%;
font-size: 18px;
}
}
.wp-block-lazyblock-faq .accordion p {
margin-bottom: 20px;
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion {
flex-direction: column;
}
}
.wp-block-lazyblock-faq .accordion .wrapper-div {
width: 100%;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordions:last-of-type {
border-bottom: none !important;
margin-bottom: 0px !important;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordions, .wp-block-lazyblock-faq .accordion .wrapper-div .accordion-list {
border-bottom: 1px solid #232325;
margin-bottom: 30px;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-title {
background-color: transparent;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: 0.4s;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content {
display: none;
background-color: transparent;
padding: 0px 40px 30px 0px;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content p {
font-size: 18px;
width: 85%;
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content p {
width: 100%;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content {
padding: 0px 20px 20px 0px;
}
}
.processHomeOuter {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.processHomeOuter {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.processHomeOuter .processHome {
max-width: 1300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
@media only screen and (max-width: 1320px) {
.processHomeOuter .processHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.processHomeOuter .processHome .titleOne {
color: #232325;
font-weight: 600;
font-size: 22px;
text-align: center;
}
.processHomeOuter .processHome .titleTwo {
color: #232325;
font-weight: 600;
font-size: 50px;
text-align: center;
width: 60%;
}
@media only screen and (max-width: 1050px) {
.processHomeOuter .processHome .titleTwo {
width: 80%;
}
}
@media only screen and (max-width: 780px) {
.processHomeOuter .processHome .titleTwo {
width: 95%;
font-size: 35px;
}
}
.processHomeOuter .processHome .items {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 90px;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 900px) {
.processHomeOuter .processHome .items {
gap: 50px;
}
}
@media only screen and (max-width: 780px) {
.processHomeOuter .processHome .items {
grid-template-columns: 1fr 1fr;
}
}
.processHomeOuter .processHome .items .item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.processHomeOuter .processHome .items .item p {
color: #082C79;
font-size: 24px;
margin-top: 12px !important;
font-weight: 600;
}
.getInTouch {
padding-top: 70px !important;
padding-bottom: 70px !important;
max-width: 1300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
@media only screen and (max-width: 1320px) {
.getInTouch {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.getInTouch {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.getInTouch .titleOne {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.getInTouch .titleOne {
font-size: 18px;
}
}
.getInTouch .titleTwo {
text-align: center;
width: 60%;
}
@media only screen and (max-width: 1050px) {
.getInTouch .titleTwo {
width: 80%;
}
}
@media only screen and (max-width: 780px) {
.getInTouch .titleTwo {
width: 95%;
}
}
.getInTouch .aStyle {
font-weight: 600;
}
.areasWorkInHome {
gap: 70px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.areasWorkInHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.areasWorkInHome {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 945px) {
.areasWorkInHome {
flex-direction: column;
gap: 20px;
}
}
.areasWorkInHome .col1 {
flex-basis: 40% !important;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col1 {
flex-basis: 100%;
}
}
.areasWorkInHome .col2 {
display: flex;
flex-direction: column;
justify-content: center;
flex-basis: 60% !important;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 {
align-items: center;
}
}
.areasWorkInHome .col2 p {
font-size: 18px;
color: #232325;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 p {
text-align: center;
}
}
.areasWorkInHome .col2 h2 {
color: #232325;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 h2 {
text-align: center;
}
}
.areasWorkInHome .col2 ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
padding-left: 5px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1246px) {
.areasWorkInHome .col2 ul {
width: 100%;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 ul {
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 870px) {
.areasWorkInHome .col2 ul {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 629px) {
.areasWorkInHome .col2 ul {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 433px) {
.areasWorkInHome .col2 ul {
grid-template-columns: 1fr;
}
}
.areasWorkInHome .col2 ul li {
font-size: 18px;
color: #314A5A;
list-style: none;
}
.areasWorkInHome .col2 ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 781px) {
.areasWorkInHome .col2 ul li {
text-align: left;
}
}
.areasWorkInHome .col2 .buttonWrap {
display: flex;
gap: 10px;
align-items: center;
}
.heroGeneral {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
padding-bottom: 0px !important;
}
@media only screen and (max-width: 1320px) {
.heroGeneral {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.heroGeneral {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.heroGeneral.extraP {
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.heroGeneral.extraP {
padding-bottom: 40px !important;
}
}
@media only screen and (max-width: 780px) {
.heroGeneral {
padding-bottom: 0px !important;
}
}
.heroGeneral .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 45% !important;
}
@media only screen and (max-width: 1130px) {
.heroGeneral .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 1000px) {
.heroGeneral .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 780px) {
.heroGeneral .col1 .titleTabsWrap {
padding-bottom: 0px;
}
}
.heroGeneral .col1 .titleTabsWrap .btnsWrap {
display: flex;
gap: 10px;
}
.heroGeneral .col1 .titleTabsWrap .bold {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.heroGeneral .col1 .titleTabsWrap .bold {
font-size: 18px;
}
}
.heroGeneral .col2 {
height: 550px;
flex-basis: 55% !important;
}
@media only screen and (max-width: 1130px) {
.heroGeneral .col2 {
height: 500px;
}
}
@media only screen and (max-width: 1000px) {
.heroGeneral .col2 {
height: 440px;
}
}
@media only screen and (max-width: 550px) {
.heroGeneral .col2 {
height: 320px;
}
}
.heroGeneral .col2 figure {
width: 100%;
height: 100%;
border-radius: 10px;
}
.heroGeneral .col2 figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.loftHome {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.loftHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.loftHome {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.loftHome .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 40% !important;
}
@media only screen and (max-width: 1130px) {
.loftHome .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 1000px) {
.loftHome .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 780px) {
.loftHome .col1 .titleTabsWrap {
padding-bottom: 0px;
}
}
.loftHome .col1 .titleTabsWrap p {
color: #232325;
}
.loftHome .col2 {
flex-basis: 60% !important;
}
.loftHome .col2 .items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
}
@media only screen and (max-width: 781px) {
.loftHome .col2 .items {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 400px) {
.loftHome .col2 .items {
grid-template-columns: 1fr;
}
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block {
margin-bottom: 0px !important;
text-decoration: none;
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px 20px;
height: 100%;
width: 100%;
transition: transform 0.4s ease;
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item:hover {
transform: scale(1.02);
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
color: #082C79;
font-weight: 600;
margin-top: 10px !important;
text-align: center;
text-decoration: none;
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p a, .loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p span {
text-decoration: none;
}
@media only screen and (max-width: 1170px) {
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
}
}
@media only screen and (max-width: 1050px) {
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 16px;
}
}
.loftConversionTypes {
position: relative;
background-color: #3143AF;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin-top: 70px !important;
border-radius: 30px;
}
@media only screen and (max-width: 1320px) {
.loftConversionTypes {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.loftConversionTypes {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 780px) {
.loftConversionTypes {
margin-top: 50px !important;
}
}
.loftConversionTypes .loftConversionTypesInner {
margin: 0 auto !important;
max-width: 1300px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
color: #ffffff;
font-size: 26px;
text-align: center;
font-weight: 600;
width: 70%;
padding-bottom: 30px;
}
@media only screen and (max-width: 850px) {
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
width: 90%;
font-size: 20px;
}
}
@media only screen and (max-width: 780px) {
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
font-size: 18px;
}
}
@media only screen and (max-width: 600px) {
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
padding-bottom: 10px;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns {
gap: 50px;
width: 100% !important;
}
@media only screen and (max-width: 1010px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns {
flex-direction: column;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 510px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 {
grid-template-columns: 1fr;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 .item {
color: #082C79;
background-color: #ffffff;
width: 100%;
padding: 20px 50px;
border-radius: 15px;
font-size: 18px;
font-weight: 600;
height: fit-content;
text-align: center;
min-height: 100px;
margin-bottom: 0px !important;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1255px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 .item {
padding: 20px 40px;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
@media only screen and (max-width: 510px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 {
grid-template-columns: 1fr;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure {
width: 100%;
height: 100%;
height: 260px;
}
@media only screen and (max-width: 1255px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure {
height: 230px;
}
}
@media only screen and (max-width: 1145px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure {
height: 220px;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure img {
width: 100%;
height: 100%;
object-fit: cover;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.typesOfLoftsLanding {
position: relative;
margin: 0 auto !important;
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.typesOfLoftsLanding {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.typesOfLoftsLanding {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 1400px) {
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 1050px) {
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 750px) {
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr;
}
}
.typesOfLoftsLanding.tweaks .lofts .item .loftName {
font-size: 18px !important;
font-weight: 600 !important;
padding-left: 30px !important;
padding-right: 30px !important;
margin-bottom: 14px !important;
line-height: 1em !important;
}
.typesOfLoftsLanding.tweaks .lofts .item img {
width: 100px;
}
.typesOfLoftsLanding h2 {
color: #232325;
}
.typesOfLoftsLanding p {
color: #232325;
font-size: 18px;
}
.typesOfLoftsLanding .lofts {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
}
@media only screen and (max-width: 1048px) {
.typesOfLoftsLanding .lofts {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 750px) {
.typesOfLoftsLanding .lofts {
grid-template-columns: 1fr;
}
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block {
text-decoration: none !important;
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block a, .typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block p {
text-decoration: none !important;
margin: 0;
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px 20px;
height: 100%;
width: 100%;
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .loftName {
font-size: 24px;
font-weight: 600;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 14px !important;
}
@media only screen and (max-width: 790px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .loftName {
padding-right: 0px;
padding-left: 0px;
}
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
color: #232325;
font-weight: 500;
margin-top: 10px !important;
text-align: center;
text-decoration: none !important;
}
@media only screen and (max-width: 1170px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
}
}
@media only screen and (max-width: 1050px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 16px;
}
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .aStyle {
text-decoration: none;
font-weight: 600;
font-size: 16px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0px !important;
color: #3143AF;
}
@media only screen and (max-width: 780px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .aStyle {
font-size: 14px;
}
}
.loftHero {
position: relative;
background-color: #3143AF;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.loftHero {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 780px) {
.loftHero {
margin-bottom: 50px !important;
}
}
.loftHero .absol1, .loftHero .absol2 {
position: absolute;
}
@media only screen and (max-width: 1150px) {
.loftHero .absol1, .loftHero .absol2 {
display: none;
}
}
.loftHero .absol1 {
top: 20px;
left: 0;
display: none;
}
.loftHero .absol2 {
right: 0;
top: 30px;
z-index: 2;
}
.loftHero .loftHeroInner {
max-width: 1300px;
margin: 0 auto;
display: flex;
}
@media only screen and (max-width: 1320px) {
.loftHero .loftHeroInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 800px) {
.loftHero .loftHeroInner {
flex-direction: column;
}
}
.loftHero .loftHeroInner .col1 {
width: 100%;
padding-right: 0px;
flex-basis: 45%;
justify-content: center;
display: flex;
flex-direction: column;
}
.loftHero .loftHeroInner .col1 h4 {
color: #70FBFB;
z-index: 99;
position: relative;
}
.loftHero .loftHeroInner .col1 h1 {
color: #ffffff;
z-index: 99;
position: relative;
}
.loftHero .loftHeroInner .col1 .loftExcerpt {
color: #ffffff;
width: 80%;
z-index: 99;
position: relative;
font-size: 18px;
}
@media only screen and (max-width: 800px) {
.loftHero .loftHeroInner .col1 .loftExcerpt {
font-size: 16px;
}
}
.loftHero .loftHeroInner .col2 {
width: 100%;
flex-basis: 55%;
padding-right: 60px;
}
@media only screen and (max-width: 1150px) {
.loftHero .loftHeroInner .col2 {
padding-right: 0px;
}
}
.loftHero .loftHeroInner .col2 img {
width: 100%;
height: 440px;
border-radius: 10px;
object-fit: cover;
z-index: 99;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 535px) {
.loftHero .loftHeroInner .col2 img {
height: 350px;
}
}
@media only screen and (max-width: 400px) {
.loftHero .loftHeroInner .col2 img {
height: 300px;
}
}
.wp-block-lazyblock-projects-loop {
margin: 0 auto !important;
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-projects-loop {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-projects-loop {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop .titleFilter {
flex-direction: column;
align-items: flex-start;
padding-bottom: 20px;
}
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter h2 {
color: #232325;
width: 50%;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop .titleFilter h2 {
width: 100%;
}
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter ul li label select {
padding: 10px 20px;
padding-left: 0px !important;
border: none !important;
cursor: pointer;
border-bottom: 2px solid #314A5A !important;
font-size: 16px !important;
outline: none !important;
font-weight: 600;
font-family: "DM Sans", sans-serif;
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter ul li label select option {
font-size: 16px !important;
font-family: "DM Sans", sans-serif;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop {
padding-top: 40px;
padding-bottom: 40px;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
row-gap: 40px;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner {
grid-template-columns: 1fr;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px !important;
overflow: hidden;
margin-right: 20px !important;
}
@media only screen and (max-width: 841px) {
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item {
margin-right: 0px !important;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item img {
width: 100%;
height: 100%;
object-fit: cover;
height: 400px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
transition: transform 0.6s ease;
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1000px) {
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item img {
height: 300px;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item .projDetails {
background-color: #ffffff;
padding: 20px 30px 20px 30px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 9999;
position: relative;
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item .tags {
display: flex;
gap: 10px;
}
.trustedPartner {
background-color: #3143AF;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.trustedPartner {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.trustedPartner .trustedPartnerInner {
max-width: 1300px;
margin: 0 auto !important;
}
@media only screen and (max-width: 1320px) {
.trustedPartner .trustedPartnerInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.trustedPartner .trustedPartnerInner h2 {
color: #ffffff;
text-align: center;
}
.trustedPartner .trustedPartnerInner p {
color: #ffffff;
font-size: 25px;
text-align: center;
}
@media only screen and (max-width: 780px) {
.trustedPartner .trustedPartnerInner p {
font-size: 18px;
}
}
.trustedPartner .trustedPartnerInner .iconsGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 60px;
padding-top: 30px;
}
@media only screen and (max-width: 1230px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
gap: 40px;
}
}
@media only screen and (max-width: 1105px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
gap: 25px;
}
}
@media only screen and (max-width: 965px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 780px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 480px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
grid-template-columns: 1fr;
}
}
.trustedPartner .trustedPartnerInner .iconsGrid .icon {
border-radius: 10px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1);
padding: 30px;
gap: 20px;
transition: transform 0.6s ease;
}
.trustedPartner .trustedPartnerInner .iconsGrid .icon:hover {
transform: scale(1.06);
}
.trustedPartner .trustedPartnerInner .iconsGrid .icon p {
color: #314A5A;
text-align: center;
font-size: 18px;
font-weight: 600;
margin-bottom: 0px !important;
}
.contactForm {
background-color: #3143AF;
border-radius: 30px;
padding-top: 70px;
padding-bottom: 70px;
position: relative;
}
.contactForm .absol1, .contactForm .absol2 {
position: absolute;
}
.contactForm .absol1 {
right: 0;
top: 50px;
}
@media only screen and (max-width: 1845px) {
.contactForm .absol1 {
display: none !important;
}
}
.contactForm .absol2 {
left: 0;
bottom: -75px;
}
@media only screen and (max-width: 781px) {
.contactForm .absol2 {
display: none !important;
}
}
.contactForm .contactFormInner {
margin: 0 auto !important;
gap: 160px;
}
@media only screen and (max-width: 1320px) {
.contactForm .contactFormInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1000px) {
.contactForm .contactFormInner {
gap: 80px;
}
}
@media only screen and (max-width: 781px) {
.contactForm .contactFormInner {
gap: 0px;
}
}
.contactForm .contactFormInner .col1 h2 {
color: #ffffff;
font-weight: 600;
margin-bottom: 14px;
}
.contactForm .contactFormInner .col1 p {
color: #ffffff;
font-size: 18px;
margin-bottom: 24px;
}
.contactForm .contactFormInner .col1 a {
color: #ffffff;
font-size: 18px;
text-decoration: none;
}
.contactForm .contactFormInner .col1 img {
margin-bottom: 14px;
}
.contactForm .contactFormInner .col2 {
padding-top: 60px;
}
@media only screen and (max-width: 781px) {
.contactForm .contactFormInner .col2 {
padding-top: 24px;
}
}
.contactForm .contactFormInner .col2 .gform-theme #gform_confirmation_message_2 {
color: #ffffff;
font-size: 18px;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_fields {
grid-row-gap: 24px !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors {
border: 1px solid #ffffff !important;
border-radius: 10px !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors h2 {
color: #ffffff !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors ol li {
color: #ffffff !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors ol li a {
color: #ffffff !important;
text-decoration: none;
}
.contactForm .contactFormInner .col2 .gform-theme legend, .contactForm .contactFormInner .col2 .gform-theme .gform_required_legend, .contactForm .contactFormInner .col2 .gform-theme .gfield_label, .contactForm .contactFormInner .col2 .gform-theme .gform-field-label, .contactForm .contactFormInner .col2 .gform-theme .gfield_description, .contactForm .contactFormInner .col2 .gform-theme #gform-ajax-spinner {
display: none !important;
}
.contactForm .contactFormInner .col2 .gform-theme input, .contactForm .contactFormInner .col2 .gform-theme textarea {
background-color: transparent !important;
border: 1px solid white !important;
border-radius: 10px !important;
font-size: 18px !important;
}
.contactForm .contactFormInner .col2 .gform-theme .ginput_address_zip {
width: 100% !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_footer input {
background-color: #70FBFB !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 15px 40px !important;
border-radius: 25px !important;
box-shadow: none !important;
outline: none !important;
border: 2px solid transparent !important;
transition: 0s !important;
}
@media only screen and (max-width: 780px) {
.contactForm .contactFormInner .col2 .gform-theme .gform_footer input {
font-size: 14px !important;
}
}
.contactForm .contactFormInner .col2 .gform-theme .gform_footer input:hover {
border: 2px solid #70FBFB !important;
color: #70FBFB !important;
background-color: transparent !important;
}
.mayBeInterested {
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto;
max-width: 1300px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
padding-top: 100px !important;
}
@media only screen and (max-width: 1320px) {
.mayBeInterested {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.mayBeInterested {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 926px) {
.mayBeInterested {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 510px) {
.mayBeInterested {
grid-template-columns: 1fr;
}
}
.mayBeInterested .item {
border-radius: 10px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
height: 220px;
overflow: hidden;
transition: transform 0.6s ease;
}
@media only screen and (max-width: 1070px) {
.mayBeInterested .item {
height: 180px;
}
}
.mayBeInterested .item:hover img {
transform: scale(1.1);
}
.mayBeInterested .item figure {
height: 100%;
width: 100%;
transition: transform 0.6s ease;
position: relative;
}
.mayBeInterested .item figure img {
border-radius: 10px;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.mayBeInterested .item figure::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.mayBeInterested .item p {
position: absolute;
top: 20px;
color: #ffffff;
font-size: 18px;
left: 20px;
font-weight: 500;
z-index: 1;
}
.areasWeWorkInHero {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.areasWeWorkInHero {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.areasWeWorkInHero {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.areasWeWorkInHero .col1 {
display: flex;
flex-direction: column;
justify-content: center;
}
.areasWeWorkInHero .col1 h3 {
color: #232325;
}
.areasWeWorkInHero .col1 .bold {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.areasWeWorkInHero .col1 .bold {
font-size: 18px;
}
}
.areasWeWorkInHero .col2 figure {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.areasWeWorkInHero .col2 figure img {
border-radius: 10px;
}
.areasWeWorkMainContainer {
margin: 0 auto;
max-width: 1300px;
}
@media only screen and (max-width: 1320px) {
.areasWeWorkMainContainer {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.areasWeWorkMainContainer .areasWeWorkMain {
display: flex;
flex-direction: column;
border-radius: 10px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
padding: 40px;
margin-top: 70px !important;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.areasWeWorkMainContainer .areasWeWorkMain {
margin-top: 20px !important;
margin-bottom: 50px !important;
}
}
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
padding-left: 5px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1246px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 721px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
width: 100%;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 489px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
grid-template-columns: 1fr;
}
}
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul li {
font-size: 18px;
color: #314A5A;
list-style: none;
}
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 781px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul li {
text-align: left;
}
}
.wp-block-lazyblock-related-projects {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-related-projects {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-related-projects {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop h3 {
margin-bottom: 24px !important;
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 40px;
gap: 20px;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner {
grid-template-columns: 1fr;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item {
margin-right: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px !important;
overflow: hidden;
}
@media only screen and (max-width: 841px) {
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item {
margin-right: 0px;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item img {
width: 100%;
height: 100%;
object-fit: cover;
height: 400px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
transition: transform 0.6s ease;
overflow: hidden;
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1000px) {
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item img {
height: 300px;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item .projDetails {
background-color: #ffffff;
padding: 20px 30px 20px 30px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 9999;
position: relative;
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item .tags {
display: flex;
gap: 10px;
padding-top: 20px !important;
}
.loftConversionProcess {
background-color: #F4F4F4;
border-radius: 30px;
position: relative;
margin-top: 70px !important;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.loftConversionProcess {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
}
.loftConversionProcess .absol1, .loftConversionProcess .absol2 {
position: absolute;
display: block;
z-index: 10;
}
.loftConversionProcess .absol1 {
right: 0;
top: 20%;
}
.loftConversionProcess .absol2 {
left: 0;
bottom: 20%;
}
.loftConversionProcess .loftConversionProcessInner {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 100px;
padding-bottom: 70px;
}
@media only screen and (max-width: 1320px) {
.loftConversionProcess .loftConversionProcessInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.loftConversionProcess .loftConversionProcessInner {
padding-top: 50px;
padding-bottom: 30px;
}
}
.loftConversionProcess .loftConversionProcessInner h2, .loftConversionProcess .loftConversionProcessInner p {
text-align: center;
color: #232325;
}
.loftConversionProcess .loftConversionProcessInner p {
font-size: 18px;
width: 70%;
margin: 0 auto !important;
}
@media only screen and (max-width: 900px) {
.loftConversionProcess .loftConversionProcessInner p {
width: 100%;
}
}
.loftConversionProcess .columnsInner {
gap: 100px;
}
@media only screen and (max-width: 1320px) {
.loftConversionProcess .columnsInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1305px) {
.loftConversionProcess .columnsInner {
gap: 70px;
}
}
@media only screen and (max-width: 900px) {
.loftConversionProcess .columnsInner {
flex-direction: column;
gap: 50px;
}
}
.loftConversionProcess .columnsInner .col1 {
height: 500px;
}
@media only screen and (max-width: 1221px) {
.loftConversionProcess .columnsInner .col1 {
height: 440px;
}
}
@media only screen and (max-width: 1100px) {
.loftConversionProcess .columnsInner .col1 {
height: 380px;
}
}
.loftConversionProcess .columnsInner .col1 figure {
height: 100%;
width: 100%;
border-radius: 10px;
}
.loftConversionProcess .columnsInner .col1 figure img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
display: block;
position: relative;
z-index: 9999;
}
.loftConversionProcess .columnsInner .col2 {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.loftConversionProcess .columnsInner .col2 .absol {
position: absolute;
left: -50px;
top: -40px;
}
.loftConversionProcess .columnsInner .col2 .absol img {
height: 600px !important;
}
@media only screen and (max-width: 1305px) {
.loftConversionProcess .columnsInner .col2 .absol {
left: -35px;
}
}
@media only screen and (max-width: 900px) {
.loftConversionProcess .columnsInner .col2 .absol {
display: none;
}
}
.loftConversionProcess .columnsInner .col2 h3, .loftConversionProcess .columnsInner .col2 p {
width: 80%;
display: block;
position: relative;
z-index: 9999;
color: #232325;
}
@media only screen and (max-width: 1305px) {
.loftConversionProcess .columnsInner .col2 h3, .loftConversionProcess .columnsInner .col2 p {
width: 90%;
}
}
.loftConversionProcess .processSteps {
max-width: 1300px;
margin: 0 auto !important;
padding-bottom: 100px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 1320px) {
.loftConversionProcess .processSteps {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 925px) {
.loftConversionProcess .processSteps {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 670px) {
.loftConversionProcess .processSteps {
grid-template-columns: 1fr;
}
}
.loftConversionProcess .processSteps .item {
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: #ffffff;
padding: 30px 50px;
display: block;
position: relative;
z-index: 9999;
}
@media only screen and (max-width: 1280px) {
.loftConversionProcess .processSteps .item {
padding: 30px 30px;
}
}
.loftConversionProcess .processSteps .item p, .loftConversionProcess .processSteps .item h4 {
color: #232325;
text-align: center;
display: block;
position: relative;
z-index: 9999;
}
.loftConversionProcess .processSteps .item h4 {
font-weight: 600;
}
.quoteForm {
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media only screen and (max-width: 1320px) {
.quoteForm {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.quoteForm {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.quoteForm .wp-block-columns {
margin: 0 !important;
width: 100%;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-top: 24px !important;
overflow: hidden;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns {
margin-top: 13px !important;
}
}
.quoteForm .wp-block-columns .gform_submission_error {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .gform_submission_error .gform-icon {
display: none !important;
}
}
.quoteForm .wp-block-columns #gform_confirmation_message_1 {
font-weight: 600 !important;
color: #232325 !important;
font-size: 18px !important;
}
.quoteForm .wp-block-columns .gform_wrapper .gfield_required {
display: none !important;
}
.quoteForm .wp-block-columns .gform_wrapper .textarea {
min-block-size: 8rem !important;
}
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 p {
font-size: 14px !important;
}
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 .gfield_radio {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
}
@media only screen and (max-width: 550px) {
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 .gfield_radio {
grid-template-columns: 1fr 1fr !important;
}
}
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 img {
max-width: 80px !important;
}
.quoteForm .wp-block-columns .gform_wrapper .gform_title {
text-align: left;
font-size: 18px;
font-weight: 600;
margin-bottom: 18px !important;
}
.quoteForm .wp-block-columns .gform_wrapper .gfield_label {
font-size: 18px;
font-weight: 600;
color: #232325;
}
.quoteForm .wp-block-columns .gform_wrapper .gf_progressbar {
height: 15px;
}
.quoteForm .wp-block-columns .gform_wrapper .gf_progressbar_percentage {
background-color: #70FBFB !important;
height: 100%;
}
.quoteForm .wp-block-columns .gform_wrapper .gform_next_button, .quoteForm .wp-block-columns .gform_wrapper .gform_previous_button, .quoteForm .wp-block-columns .gform_wrapper .gform_button {
background-color: #70FBFB !important;
font-size: 16px !important;
color: #3143AF !important;
font-weight: 600 !important;
padding: 15px 40px !important;
border-radius: 25px !important;
box-shadow: none !important;
outline: none !important;
border: 2px solid transparent !important;
transition: 0s !important;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .gform_wrapper .gform_next_button, .quoteForm .wp-block-columns .gform_wrapper .gform_previous_button, .quoteForm .wp-block-columns .gform_wrapper .gform_button {
font-size: 14px !important;
}
}
.quoteForm .wp-block-columns .gform_wrapper .gform_next_button:hover, .quoteForm .wp-block-columns .gform_wrapper .gform_previous_button:hover, .quoteForm .wp-block-columns .gform_wrapper .gform_button:hover {
border: 2px solid #3143AF !important;
background-color: transparent !important;
}
.quoteForm .wp-block-columns .col1 {
padding: 50px;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .col1 {
padding: 20px;
}
}
@media only screen and (max-width: 1077px) {
.quoteForm .wp-block-columns .col2 {
display: none !important;
}
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .col2 {
max-height: 300px;
}
}
.quoteForm .wp-block-columns .col2 figure {
width: 100%;
height: 100%;
}
.quoteForm .wp-block-columns .col2 figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.quoteForm h2 {
text-align: center;
}
#sb_instagram {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
#sb_instagram {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
#sb_instagram {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
#sb_instagram .sbi_header_img {
background: #3143AF !important;
}
#sb_instagram .sbi_follow_btn a {
background: #3143AF !important;
padding: 14px 22px;
border-radius: 35px;
width: fit-content;
cursor: pointer;
font-size: 16px !important;
font-weight: 600 !important;
border: 2px solid transparent !important;
box-shadow: none !important;
transition: ease 0s !important;
}
#sb_instagram .sbi_follow_btn a:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
box-shadow: none !important;
color: #3143AF !important;
}
#sb_instagram .sbi_load_btn {
background: #70FBFB !important;
color: #3143AF !important;
padding: 14px 22px !important;
border-radius: 35px !important;
width: fit-content;
cursor: pointer;
font-size: 16px !important;
font-weight: 600 !important;
border: 2px solid transparent !important;
box-shadow: none !important;
transition: ease 0s !important;
}
#sb_instagram .sbi_load_btn:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
box-shadow: none !important;
}
#quotes3 {
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
}
@media only screen and (max-width: 780px) {
#quotes3 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 1320px) {
#quotes3 {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
#quotes3 h2 {
text-align: center;
}
#quotes3 #slider6 {
position: relative;
padding-top: 20px;
}
@media only screen and (max-width: 780px) {
#quotes3 #slider6 {
width: 100%;
}
}
#quotes3 #slider6 ul li:before {
display: none;
}
#quotes3 #slider6 ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: center;
align-items: center;
width: 100%;
}
#quotes3 #slider6 ul.slick-dots li {
margin: 0px;
}
#quotes3 #slider6 ul.slick-dots li.slick-active button {
background-color: #3143AF !important;
border: 1px solid #3143AF !important;
opacity: 1;
}
#quotes3 #slider6 ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.2;
border: none;
border-radius: 100%;
background-color: #3143AF !important;
text-indent: -9999px;
}
#quotes3 #slider6 .slide-item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
margin-right: 20px;
padding: 80px 30px;
position: relative;
margin-bottom: 30px;
background-color: #ffffff;
}
@media only screen and (max-width: 780px) {
#quotes3 #slider6 .slide-item {
margin-right: 0px;
}
}
#quotes3 #slider6 .slide-item .absol, #quotes3 #slider6 .slide-item .absol2 {
position: absolute;
width: auto;
height: auto;
top: 30px;
left: 30px;
}
#quotes3 #slider6 .slide-item .absol {
display: none;
}
#quotes3 #slider6 .slide-item .quote-text {
color: #232325 !important;
font-weight: 400 !important;
}
#quotes3 #slider6 .slide-item .cit {
margin-bottom: 24px !important;
}
#quotes3 #slider6 .slide-item .cit p {
color: #082C79;
margin-bottom: 8px !important;
}
#quotes3 #slider6 .slide-item .cit {
display: flex;
gap: 3px;
justify-content: flex-start;
width: 100%;
font-weight: 600;
flex-direction: column;
padding-top: 0px;
}
#quotes3 #slider6 .slide-item .cit p {
margin-bottom: -5px !important;
}
.qualityService {
width: 100%;
max-width: 100%;
}
.qualityService .titleTop {
max-width: 1300px;
padding-top: 70px;
margin: 0 auto !important;
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 780px) {
.qualityService .titleTop {
padding-top: 50px;
}
}
@media only screen and (max-width: 1320px) {
.qualityService .titleTop {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.qualityService .inner {
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
padding-top: 20px !important;
}
@media only screen and (max-width: 780px) {
.qualityService .inner {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 1320px) {
.qualityService .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1290px) {
.qualityService .inner {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 900px) {
.qualityService .inner {
grid-template-columns: 1fr 1fr;
padding-top: 0px !important;
}
}
@media only screen and (max-width: 600px) {
.qualityService .inner {
grid-template-columns: 1fr;
}
}
.qualityService .inner .item {
background-color: white;
border-radius: 10px;
padding: 30px;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.qualityService .inner .item p:first-of-type {
font-weight: 600;
}
.colsbg {
display: flex;
padding-bottom: 18px !important;
gap: 8px;
}
.colsbg .wp-block-column {
background-color: #e9f7f7 !important;
padding: 2em 1em 1em 2em;
border-radius: 10px;
width: 100%;
}
.loftContentColumns {
padding-bottom: 40px !important;
}
@media only screen and (max-width: 1320px) {
.loftContentColumns {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 960px) {
.loftContentColumns {
padding-bottom: 30px !important;
flex-direction: column !important;
}
}
.loftContentColumns h1, .loftContentColumns h2, .loftContentColumns h3, .loftContentColumns h4, .loftContentColumns h5, .loftContentColumns h6 {
color: #232325;
font-weight: 600;
line-height: 1.1em;
}
.loftContentColumns h3:not(:first-of-type) {
margin-top: 2em !important;
font-weight: 500;
}
.loftContentColumns p, .loftContentColumns ul li, .loftContentColumns ol, .loftContentColumns ol li {
color: #232325;
font-size: 18px;
}
@media only screen and (max-width: 781px) {
.loftContentColumns p, .loftContentColumns ul li, .loftContentColumns ol, .loftContentColumns ol li {
font-size: 16px;
}
}
.loftContentColumns ol {
margin-bottom: 24px;
padding-left: 24px;
}
.loftContentColumns ol li {
padding-left: 6px;
font-size: 18px;
color: #232325;
margin-bottom: 18px;
}
@media only screen and (max-width: 960px) {
.loftContentColumns ol li {
text-align: left;
}
}
.loftContentColumns ul {
margin-bottom: 24px;
padding-left: 24px;
}
.loftContentColumns ul li {
font-size: 18px;
color: #232325;
list-style: none;
}
.loftContentColumns ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 960px) {
.loftContentColumns ul li {
text-align: left;
}
}
.loftContentColumns .col1 {
padding-right: 70px !important;
}
@media only screen and (max-width: 1090px) {
.loftContentColumns .col1 {
padding-right: 50px !important;
}
}
@media only screen and (max-width: 960px) {
.loftContentColumns .col1 {
padding-right: 0px !important;
}
}@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
margin: 0 !important;
}
@media only screen and (max-width: 781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
flex-basis: initial !important;
}
} body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).whyWorkWithUs, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-faq, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).processHome, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).getInTouch, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).loftConversionTypesInner, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).typesOfLoftsLanding, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-projects-loop, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-related-projects, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).mayBeInterested, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).areasWeWorkMainContainer, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).quoteForm, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull))#sb_instagram, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-quotes, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-quotes-block-with-dots-smaller-text, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-blog-loop, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).blogContent, body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)).wp-block-lazyblock-blog-hero {
margin: 0 auto !important;
}
h1 {
font-size: 52px;
font-weight: 600;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h1 {
font-size: 44px;
}
}
@media only screen and (max-width: 1000px) {
h1 {
font-size: 37px;
}
}
@media only screen and (max-width: 950px) {
h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 780px) {
h1 {
font-size: 32px;
}
}
h2 {
font-size: 38px;
font-weight: 600;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1350px) {
h2 {
font-size: 41px;
}
}
@media only screen and (max-width: 1000px) {
h2 {
font-size: 36px;
}
}
@media only screen and (max-width: 950px) {
h2 {
font-size: 32px;
}
}
@media only screen and (max-width: 780px) {
h2 {
font-size: 28px;
}
}
h3 {
font-size: 30px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h3 {
font-size: 26px;
}
}
@media only screen and (max-width: 1000px) {
h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 950px) {
h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 780px) {
h3 {
font-size: 21px;
}
}
h4 {
font-size: 20px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h4 {
font-size: 18px;
}
}
@media only screen and (max-width: 1000px) {
h4 {
font-size: 16px;
}
}
@media only screen and (max-width: 950px) {
h4 {
font-size: 16px;
}
}
@media only screen and (max-width: 780px) {
h4 {
font-size: 16px;
}
}
h5 {
font-size: 18px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
h5 {
font-size: 16px;
}
}
@media only screen and (max-width: 1000px) {
h5 {
font-size: 14px;
}
}
@media only screen and (max-width: 950px) {
h5 {
font-size: 12px;
}
}
@media only screen and (max-width: 780px) {
h5 {
font-size: 12px;
}
}
h6 {
font-size: 12px;
font-weight: 500;
line-height: 1em;
color: #232325;
}
p {
font-size: 18px;
color: #232325;
}
@media only screen and (max-width: 780px) {
p {
font-size: 16px;
}
}
.wp-site-blocks p, .wp-site-blocks h1, .wp-site-blocks h2, .wp-site-blocks h3, .wp-site-blocks h4, .wp-site-blocks h5, .wp-site-blocks h6, .wp-site-blocks ul, .wp-site-blocks ol, .wp-site-blocks li, .wp-site-blocks dl, .wp-site-blocks dt, .wp-site-blocks dd, .wp-site-blocks blockquote, .wp-site-blocks pre, .wp-site-blocks figure, .wp-site-blocks figcaption, .wp-site-blocks hr, .wp-site-blocks address, .wp-site-blocks table, .wp-site-blocks caption, .wp-site-blocks tbody, .wp-site-blocks thead, .wp-site-blocks tfoot, .wp-site-blocks tr, .wp-site-blocks th, .wp-site-blocks td, .wp-site-blocks article, .wp-site-blocks aside, .wp-site-blocks details, .wp-site-blocks dialog, .wp-site-blocks summary, .wp-site-blocks abbr, .wp-site-blocks b, .wp-site-blocks strong, .wp-site-blocks em, .wp-site-blocks i, .wp-site-blocks u, .wp-site-blocks s, .wp-site-blocks small, .wp-site-blocks sub, .wp-site-blocks sup, .wp-site-blocks mark, .wp-site-blocks del, .wp-site-blocks ins, .wp-site-blocks code, .wp-site-blocks kbd, .wp-site-blocks samp, .wp-site-blocks var, .wp-site-blocks cite, .wp-site-blocks dfn, .wp-site-blocks time, .wp-site-blocks span, .wp-site-blocks div, .wp-site-blocks a, .wp-site-blocks img, .wp-site-blocks audio, .wp-site-blocks video, .wp-site-blocks canvas, .wp-site-blocks svg, .wp-site-blocks iframe, .wp-site-blocks embed, .wp-site-blocks object, .wp-site-blocks param, .wp-site-blocks source, .wp-site-blocks track, .wp-site-blocks map, .wp-site-blocks area, .wp-site-blocks form, .wp-site-blocks label, .wp-site-blocks input, .wp-site-blocks button, .wp-site-blocks select, .wp-site-blocks datalist, .wp-site-blocks optgroup, .wp-site-blocks option, .wp-site-blocks textarea, .wp-site-blocks fieldset, .wp-site-blocks legend, .wp-site-blocks progress, .wp-site-blocks meter, .wp-site-blocks menu, .wp-site-blocks menuitem {
margin: 0;
font-family: "DM Sans", sans-serif !important;
}
.cky-consent-container p, .cky-consent-container button, .cky-consent-container a, .cky-consent-container div, .cky-consent-container li, .cky-consent-container span, .cky-modal p, .cky-modal button, .cky-modal a, .cky-modal div, .cky-modal li, .cky-modal span {
font-family: "DM Sans", sans-serif !important;
}
.wp-block-post-content .wp-block-columns {
margin: 0 auto !important;
} @media (min-width: 862px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: block !important;
width: 100%;
position: relative;
z-index: auto;
background-color: inherit;
}
} @media (min-width: 600px) {
.wp-block-navigation__responsive-container-open:not(.always-shown) {
display: flex;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
display: none;
}
}
.wp-block-post-content h1, .wp-block-post-content h2, .wp-block-post-content h3, .wp-block-post-content h4, .wp-block-post-content h5, .wp-block-post-content h6, .wp-block-post-content a, .wp-block-post-content p {
margin-bottom: 18px !important;
}
@media only screen and (max-width: 861px) {
.wp-block-navigation__responsive-container {
padding-top: 50px !important;
}
}
@media only screen and (max-width: 861px) and (max-width: 1320px) {
.wp-block-navigation__responsive-container {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.projectsHero  .aStyle.cyan, #projLoop  .aStyle.cyan, .recentPHomeProj  .aStyle.cyan, .projLoopInner  .aStyle.cyan, .projectHero  .aStyle.cyan, .blogsHero  .aStyle.cyan, .singleBlogHero  .aStyle.cyan {
cursor: default;
}
.projectsHero  .aStyle.cyan:hover, #projLoop  .aStyle.cyan:hover, .recentPHomeProj  .aStyle.cyan:hover, .projLoopInner  .aStyle.cyan:hover, .projectHero  .aStyle.cyan:hover, .blogsHero  .aStyle.cyan:hover, .singleBlogHero  .aStyle.cyan:hover {
cursor: default;
background-color: #70FBFB !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.cyan:hover a, #projLoop  .aStyle.cyan:hover a, .recentPHomeProj  .aStyle.cyan:hover a, .projLoopInner  .aStyle.cyan:hover a, .projectHero  .aStyle.cyan:hover a, .blogsHero  .aStyle.cyan:hover a, .singleBlogHero  .aStyle.cyan:hover a {
color: #3143AF !important;
cursor: default;
}
.projectsHero  .aStyle.blue, #projLoop  .aStyle.blue, .recentPHomeProj  .aStyle.blue, .projLoopInner  .aStyle.blue, .projectHero  .aStyle.blue, .blogsHero  .aStyle.blue, .singleBlogHero  .aStyle.blue {
cursor: default;
}
.projectsHero  .aStyle.blue:hover, #projLoop  .aStyle.blue:hover, .recentPHomeProj  .aStyle.blue:hover, .projLoopInner  .aStyle.blue:hover, .projectHero  .aStyle.blue:hover, .blogsHero  .aStyle.blue:hover, .singleBlogHero  .aStyle.blue:hover {
cursor: default;
background-color: #3143AF !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.blue:hover a, #projLoop  .aStyle.blue:hover a, .recentPHomeProj  .aStyle.blue:hover a, .projLoopInner  .aStyle.blue:hover a, .projectHero  .aStyle.blue:hover a, .blogsHero  .aStyle.blue:hover a, .singleBlogHero  .aStyle.blue:hover a {
color: #ffffff !important;
cursor: default;
}
.projectsHero  .aStyle.grey, #projLoop  .aStyle.grey, .recentPHomeProj  .aStyle.grey, .projLoopInner  .aStyle.grey, .projectHero  .aStyle.grey, .blogsHero  .aStyle.grey, .singleBlogHero  .aStyle.grey {
cursor: default;
}
.projectsHero  .aStyle.grey:hover, #projLoop  .aStyle.grey:hover, .recentPHomeProj  .aStyle.grey:hover, .projLoopInner  .aStyle.grey:hover, .projectHero  .aStyle.grey:hover, .blogsHero  .aStyle.grey:hover, .singleBlogHero  .aStyle.grey:hover {
cursor: default;
background-color: #E3E3E3 !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.grey:hover a, #projLoop  .aStyle.grey:hover a, .recentPHomeProj  .aStyle.grey:hover a, .projLoopInner  .aStyle.grey:hover a, .projectHero  .aStyle.grey:hover a, .blogsHero  .aStyle.grey:hover a, .singleBlogHero  .aStyle.grey:hover a {
color: #000000 !important;
cursor: default;
}
.projectsHero  .aStyle.white, #projLoop  .aStyle.white, .recentPHomeProj  .aStyle.white, .projLoopInner  .aStyle.white, .projectHero  .aStyle.white, .blogsHero  .aStyle.white, .singleBlogHero  .aStyle.white {
cursor: default;
}
.projectsHero  .aStyle.white:hover, #projLoop  .aStyle.white:hover, .recentPHomeProj  .aStyle.white:hover, .projLoopInner  .aStyle.white:hover, .projectHero  .aStyle.white:hover, .blogsHero  .aStyle.white:hover, .singleBlogHero  .aStyle.white:hover {
cursor: default;
background-color: #ffffff !important;
border: 2px solid transparent !important;
}
.projectsHero  .aStyle.white:hover a, #projLoop  .aStyle.white:hover a, .recentPHomeProj  .aStyle.white:hover a, .projLoopInner  .aStyle.white:hover a, .projectHero  .aStyle.white:hover a, .blogsHero  .aStyle.white:hover a, .singleBlogHero  .aStyle.white:hover a {
color: #000000 !important;
cursor: default;
}
.aStyle {
padding: 14px 30px;
border-radius: 35px;
width: fit-content;
cursor: pointer;
}
@media only screen and (max-width: 960px) {
.aStyle {
padding: 14px 22px;
}
}
.aStyle a {
text-decoration: none;
font-weight: 600;
font-size: 16px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0px !important;
}
@media only screen and (max-width: 780px) {
.aStyle a {
font-size: 14px;
}
}
.aStyle.cyan {
background-color: #70FBFB !important;
border: 2px solid transparent !important;
}
.aStyle.cyan a {
color: #3143AF !important;
}
.aStyle.cyan:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
}
.aStyle.cyan:hover a {
color: #3143AF !important;
}
.aStyle.blue {
background-color: #3143AF !important;
border: 2px solid transparent !important;
}
.aStyle.blue a {
color: #ffffff !important;
}
.aStyle.blue:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
}
.aStyle.blue:hover a {
color: #3143AF !important;
}
.aStyle.grey {
background-color: #E3E3E3 !important;
border: 2px solid transparent !important;
}
.aStyle.grey a {
color: #000000 !important;
}
.aStyle.grey:hover {
background-color: transparent !important;
border: 2px solid #000000 !important;
}
.aStyle.grey:hover a {
color: #000000 !important;
}
.aStyle.white {
background-color: #ffffff !important;
border: 2px solid transparent !important;
}
.aStyle.white a {
color: #000000 !important;
}
.aStyle.white:hover {
background-color: transparent !important;
border: 2px solid #000000 !important;
}
.aStyle.white:hover a {
color: #000000 !important;
}
.wp-block-navigation-submenu {
z-index: 999999 !important;
}
header {
margin: 0 auto;
margin: 0 auto;
height: auto !important;
max-width: 1300px;
}
@media only screen and (max-width: 861px) {
header {
padding-top: 30px !important;
padding-bottom: 30px !important;
position: sticky;
display: block;
z-index: 9999999 !important;
top: 0;
background-color: #ffffff;
max-width: 100% !important;
}
}
@media only screen and (max-width: 861px) and (max-width: 1320px) {
header {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
header .wrapperHeader {
display: flex;
justify-content: space-between;
align-items: center;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader {
border: none !important;
max-width: 1300px;
margin: 0 auto !important;
}
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .wp-block-navigation-submenu {
text-align: left !important;
padding: 0 !important;
}
header .wrapperHeader .wp-block-navigation-submenu .wp-block-navigation-item__content {
text-align: left !important;
margin-bottom: 10px;
}
}
header .wrapperHeader figure {
width: auto;
padding-left: 20px;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader figure {
padding-left: 0px;
}
}
header .wrapperHeader .headerInner {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 15px;
flex-basis: 62%;
border-left: 1px solid #f0f0f0;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner {
border: none !important;
}
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner nav {
display: flex;
justify-content: flex-end;
}
}
header .wrapperHeader .headerInner nav ul {
justify-content: flex-end;
gap: 0;
}
header .wrapperHeader .headerInner nav ul li {
flex-grow: 1;
background-color: #f7f7f7;
padding: 0;
border-right: 1px solid #f0f0f0;
align-items: center;
justify-content: center;
color: #232325;
font-weight: 600;
border-top: 1px solid transparent;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner nav ul li {
border: none !important;
}
}
header .wrapperHeader .headerInner nav ul li:last-child {
border-right: none;
}
header .wrapperHeader .headerInner nav ul li:hover {
background-color: #ffffff;
border-top: 1px solid #f0f0f0;
}
header .wrapperHeader .headerInner nav ul li.active {
background-color: #ffffff;
border-top: 1px solid #f0f0f0;
}
header .wrapperHeader .headerInner nav ul li a {
height: 100%;
width: 100%;
padding: 15px 15px;
text-align: center;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner nav ul li a {
font-size: 18px !important;
}
}
header .wrapperHeader .headerInner nav ul li button {
display: none;
}
header .wrapperHeader .headerInner nav ul li span {
height: 100%;
width: 100%;
display: block;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner nav ul li .wp-block-navigation__submenu-container {
padding-left: 20px !important;
}
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner nav ul li .wp-block-navigation__submenu-container li {
margin-top: 6px !important;
}
}
header .wrapperHeader .headerInner nav ul li .wp-block-navigation__submenu-container li a {
text-align: left;
}
header .wrapperHeader .headerInner .topLinks {
display: flex;
justify-content: flex-end;
gap: 15px;
padding-right: 25px;
padding-top: 20px;
}
@media only screen and (max-width: 861px) {
header .wrapperHeader .headerInner .topLinks {
display: none;
}
}
header .wrapperHeader .headerInner .topLinks p {
display: flex;
align-items: center;
justify-content: center;
}
header .wrapperHeader .headerInner .topLinks a {
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
header .wrapperHeader .headerInner .topLinks .callUs {
cursor: pointer;
}
header .wrapperHeader .headerInner .topLinks .callUs a {
color: #3143AF;
font-weight: 600;
font-size: 20px;
border: 2px solid transparent;
}
header .wrapperHeader .headerInner .topLinks .git {
padding: 11px 30px;
background-color: #70FBFB;
border-radius: 35px;
border: 2px solid transparent;
cursor: pointer;
font-weight: 600;
color: #3143AF;
border: 2px solid transparent;
font-size: 14px;
}
@media only screen and (max-width: 960px) {
header .wrapperHeader .headerInner .topLinks .git {
padding: 11px;
}
}
header .wrapperHeader .headerInner .topLinks .git:hover {
background-color: transparent !important;
border: 2px solid #3143AF;
color: #3143AF;
}
header .wrapperHeader .headerInner .topLinks .fq {
cursor: pointer;
padding: 11px 30px;
background-color: #3143AF;
border-radius: 35px;
border: 2px solid transparent;
cursor: pointer;
}
@media only screen and (max-width: 960px) {
header .wrapperHeader .headerInner .topLinks .fq {
padding: 11px;
}
}
header .wrapperHeader .headerInner .topLinks .fq:hover {
background-color: transparent !important;
border: 2px solid #3143AF;
}
header .wrapperHeader .headerInner .topLinks .fq:hover a {
color: #3143AF;
}
header .wrapperHeader .headerInner .topLinks .fq a {
color: #ffffff;
}
footer {
margin: 0 auto;
max-width: 1300px;
height: 300px;
padding-top: 50px !important;
padding-bottom: 50px !important;
}
@media only screen and (max-width: 810px) {
footer {
height: auto;
padding-top: 60px !important;
padding-bottom: 60px !important;
}
}
footer p {
color: #082C79;
font-size: 16px;
}
footer a {
color: #082C79;
text-decoration: none;
}
footer .footerWrap {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
@media only screen and (max-width: 1320px) {
footer .footerWrap {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 810px) {
footer .footerWrap .copyRight {
padding-top: 20px;
}
}
footer .footerWrap .wrapperOuter {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 810px) {
footer .footerWrap .wrapperOuter {
flex-direction: column;
gap: 20px;
}
}
footer .footerWrap .wrapperOuter figure img {
max-width: 260px;
}
footer .footerWrap .wrapperOuter .footerInner {
display: flex;
gap: 60px;
padding-top: 4px;
}
@media only screen and (max-width: 810px) {
footer .footerWrap .wrapperOuter .footerInner {
flex-direction: column;
}
}
@media only screen and (max-width: 1250px) {
footer .footerWrap .wrapperOuter .footerInner {
gap: 40px;
}
}
@media only screen and (max-width: 1000px) {
footer .footerWrap .wrapperOuter .footerInner {
gap: 25px;
}
}
footer .footerWrap .wrapperOuter .footerInner .callUs {
font-weight: 600;
}
@media only screen and (max-width: 1060px) {
footer .footerWrap .wrapperOuter .footerInner .callUs {
display: none;
}
}
.single-projects .wp-block-post-content, .single-loft-conversions .wp-block-post-content, .single-blog .wp-block-post-content {
position: relative;
}
.single-projects .wp-block-post-content::before, .single-loft-conversions .wp-block-post-content::before, .single-blog .wp-block-post-content::before {
content: "";
position: absolute;
display: none !important;
}
.wp-block-post-content {
position: relative;
}
.wp-block-post-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 50px;
background: linear-gradient(to bottom, rgba(230, 230, 230, 0.5), rgba(255, 255, 255, 0));
border-radius: 5px 5px 0 0;
}
.heroHome {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.heroHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.heroHome {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.heroHome .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 45% !important;
}
@media only screen and (max-width: 1130px) {
.heroHome .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 1000px) {
.heroHome .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
.heroHome .col1 .titleTabsWrap .btnsWrap {
display: flex;
gap: 10px;
}
.heroHome .col1 .icons {
display: flex;
align-items: center;
margin-top: 20px !important;
}
.heroHome .col1 .icons figure:last-of-type img {
height: 140px;
}
.heroHome .col1 .icons img {
height: 100px;
width: auto;
}
.heroHome .col1 .bottomGroup .exp {
color: #314A5A;
font-size: 23px;
font-weight: 600;
}
@media only screen and (max-width: 900px) {
.heroHome .col1 .bottomGroup .exp {
font-size: 18px;
}
}
.heroHome .col1 .bottomGroup .tabs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
.heroHome .col1 .bottomGroup .tabs a {
font-size: 14px;
}
}
.heroHome .col1 .bottomGroup .tabs figure {
display: flex;
align-items: center;
justify-content: center;
max-width: 120px;
}
@media only screen and (max-width: 1032px) {
.heroHome .col1 .bottomGroup .tabs figure {
max-width: 100px;
}
}
.heroHome .col2 {
height: 550px;
flex-basis: 55% !important;
}
@media only screen and (max-width: 1130px) {
.heroHome .col2 {
height: 500px;
}
}
@media only screen and (max-width: 1000px) {
.heroHome .col2 {
height: 440px;
}
}
@media only screen and (max-width: 550px) {
.heroHome .col2 {
height: 320px;
}
}
.heroHome .col2 .wp-block-lazyblock-small-slider {
width: 100%;
height: 100%;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider {
height: 100%;
width: 100%;
position: relative;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner {
height: 100%;
width: 100%;
margin-bottom: 0px !important;
position: relative;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list {
height: 100%;
width: 100%;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track {
height: 100%;
width: 100%;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide {
height: 100%;
width: 100%;
border-radius: 10px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide figure {
height: 100%;
width: 100%;
border-radius: 10px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner .slick-list .slick-track .slide figure img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul li:before {
display: none;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: flex-end;
align-items: center;
width: 100%;
bottom: 20px;
right: 20px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots li {
margin: 0px;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots li.slick-active button {
background-color: #FFFFFF;
border: 1px solid #FFFFFF;
opacity: 1;
}
.heroHome .col2 .wp-block-lazyblock-small-slider .small-slider .small-slider-inner ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.2;
border: none;
border-radius: 100%;
background-color: #6C6C6C;
text-indent: -9999px;
}
.projectHero {
position: relative;
background-color: #3143AF;
padding-top: 70px;
padding-bottom: 70px;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.projectHero {
margin-bottom: 50px !important;
}
}
.projectHero .absol1, .projectHero .absol2 {
position: absolute;
}
.projectHero .absol1 {
top: 20px;
left: 0;
display: none;
}
.projectHero .absol2 {
right: 0;
top: 30px;
z-index: 2;
}
@media only screen and (max-width: 780px) {
.projectHero .absol2 {
width: 120px;
}
}
.projectHero .projectHeroInner {
max-width: 1300px;
margin: 0 auto;
display: flex;
}
@media only screen and (max-width: 1320px) {
.projectHero .projectHeroInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 800px) {
.projectHero .projectHeroInner {
flex-direction: column;
}
}
.projectHero .projectHeroInner .col1 {
width: 100%;
padding-right: 0px;
flex-basis: 45%;
justify-content: center;
display: flex;
flex-direction: column;
}
.projectHero .projectHeroInner .col1 h4 {
color: #70FBFB;
z-index: 99;
position: relative;
}
.projectHero .projectHeroInner .col1 h1 {
color: #ffffff;
z-index: 99;
position: relative;
margin-right: 10%;
}
.projectHero .projectHeroInner .col1 .tags {
display: flex;
gap: 10px;
align-items: center;
z-index: 99;
position: relative;
}
.projectHero .projectHeroInner .col1 .tags a {
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
z-index: 99;
position: relative;
}
@media only screen and (max-width: 360px) {
.projectHero .projectHeroInner .col1 .tags a {
font-size: 12px;
}
}
.projectHero .projectHeroInner .col1 .projExcerpt {
color: #ffffff;
width: 80%;
z-index: 99;
position: relative;
font-size: 18px;
}
@media only screen and (max-width: 800px) {
.projectHero .projectHeroInner .col1 .projExcerpt {
font-size: 16px;
}
}
.projectHero .projectHeroInner .col2 {
width: 100%;
flex-basis: 55%;
padding-right: 60px;
}
@media only screen and (max-width: 1150px) {
.projectHero .projectHeroInner .col2 {
padding-right: 0px;
}
}
.projectHero .projectHeroInner .col2 img {
width: 100%;
height: 440px;
border-radius: 10px;
object-fit: cover;
z-index: 99;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 535px) {
.projectHero .projectHeroInner .col2 img {
height: 350px;
}
}
@media only screen and (max-width: 400px) {
.projectHero .projectHeroInner .col2 img {
height: 300px;
}
}
.singleBlogHero {
position: relative;
background-color: #3143AF;
padding-top: 70px;
padding-bottom: 70px;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.singleBlogHero {
margin-bottom: 50px !important;
}
}
.singleBlogHero .absol1, .singleBlogHero .absol2 {
position: absolute;
}
.singleBlogHero .absol1 {
top: 20px;
left: 0;
display: none;
}
.singleBlogHero .absol2 {
right: 0;
top: 30px;
z-index: 2;
}
@media only screen and (max-width: 780px) {
.singleBlogHero .absol2 {
width: 120px;
}
}
.singleBlogHero .projectHeroInner {
max-width: 1300px;
margin: 0 auto;
display: flex;
}
@media only screen and (max-width: 1320px) {
.singleBlogHero .projectHeroInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 800px) {
.singleBlogHero .projectHeroInner {
flex-direction: column;
}
}
.singleBlogHero .projectHeroInner .col1 {
width: 100%;
padding-right: 0px;
flex-basis: 45%;
justify-content: center;
display: flex;
flex-direction: column;
}
.singleBlogHero .projectHeroInner .col1 h4 {
color: #70FBFB;
z-index: 99;
position: relative;
}
.singleBlogHero .projectHeroInner .col1 h1 {
color: #ffffff;
z-index: 99;
position: relative;
margin-right: 10%;
}
.singleBlogHero .projectHeroInner .col1 .tags {
display: flex;
gap: 10px;
align-items: center;
z-index: 99;
position: relative;
}
.singleBlogHero .projectHeroInner .col1 .tags a {
text-transform: uppercase;
text-decoration: none;
font-size: 14px;
z-index: 99;
position: relative;
}
@media only screen and (max-width: 360px) {
.singleBlogHero .projectHeroInner .col1 .tags a {
font-size: 12px;
}
}
.singleBlogHero .projectHeroInner .col1 .projExcerpt {
color: #ffffff;
width: 80%;
z-index: 99;
position: relative;
font-size: 18px;
}
@media only screen and (max-width: 800px) {
.singleBlogHero .projectHeroInner .col1 .projExcerpt {
font-size: 16px;
}
}
.singleBlogHero .projectHeroInner .col2 {
width: 100%;
flex-basis: 55%;
padding-right: 60px;
}
@media only screen and (max-width: 1150px) {
.singleBlogHero .projectHeroInner .col2 {
padding-right: 0px;
}
}
.singleBlogHero .projectHeroInner .col2 img {
width: 100%;
height: 440px;
border-radius: 10px;
object-fit: cover;
z-index: 99;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 535px) {
.singleBlogHero .projectHeroInner .col2 img {
height: 350px;
}
}
@media only screen and (max-width: 400px) {
.singleBlogHero .projectHeroInner .col2 img {
height: 300px;
}
}
#gform_wrapper_6 {
background-color: #ffffff !important;
box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.15);
padding: 30px;
border-radius: 10px;
position: sticky;
top: 50px;
}
#gform_wrapper_6 .gform_title {
color: #3143AF;
font-size: 20px;
}
#gform_wrapper_6 .gform_required_legend, #gform_wrapper_6 .gfield_label, #gform_wrapper_6 .gform_validation_errors {
display: none;
}
#gform_wrapper_6 .gform_fields {
row-gap: 10px !important;
}
#gform_wrapper_6 input, #gform_wrapper_6 textarea {
border-radius: 10px !important;
border: 1px solid #d5d5d5 !important;
font-size: 18px !important;
}
#gform_wrapper_6 .gform_footer {
display: flex;
justify-content: flex-end;
}
#gform_wrapper_6 .gform_footer input {
padding: 11px 30px;
background-color: #70FBFB;
border-radius: 35px !important;
border: 2px solid transparent;
cursor: pointer;
font-weight: 600;
color: #3143AF;
border: 2px solid transparent;
font-size: 14px;
}
@media only screen and (max-width: 960px) {
#gform_wrapper_6 .gform_footer input {
padding: 11px;
}
}
#gform_wrapper_6 .gform_footer input:hover {
background-color: transparent !important;
border: 2px solid #3143AF;
color: #3143AF;
}
.loftContentColumns {
padding-bottom: 40px !important;
}
@media only screen and (max-width: 1320px) {
.loftContentColumns {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 960px) {
.loftContentColumns {
padding-bottom: 30px !important;
flex-direction: column !important;
}
}
.loftContentColumns h1, .loftContentColumns h2, .loftContentColumns h3, .loftContentColumns h4, .loftContentColumns h5, .loftContentColumns h6 {
color: #232325;
font-weight: 600;
line-height: 1.1em;
}
.loftContentColumns h3:not(:first-of-type) {
margin-top: 2em !important;
font-weight: 600;
}
.loftContentColumns p {
color: #232325;
font-size: 18px;
}
@media only screen and (max-width: 781px) {
.loftContentColumns p {
font-size: 16px;
}
}
.loftContentColumns ol {
margin-bottom: 24px;
padding-left: 24px;
}
.loftContentColumns ol li {
font-size: 18px;
color: #232325;
padding-left: 6px;
margin-bottom: 18px;
}
@media only screen and (max-width: 960px) {
.loftContentColumns ol li {
text-align: left;
}
}
@media only screen and (max-width: 781px) {
.loftContentColumns ol li {
font-size: 16px !important;
}
}
.loftContentColumns ul {
margin-bottom: 24px;
padding-left: 24px;
}
.loftContentColumns ul li {
font-size: 18px;
color: #232325;
list-style: none;
}
@media only screen and (max-width: 781px) {
.loftContentColumns ul li {
font-size: 16px !important;
}
}
.loftContentColumns ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 960px) {
.loftContentColumns ul li {
text-align: left;
}
}
.loftContentColumns .col1 {
padding-right: 100px !important;
}
@media only screen and (max-width: 1090px) {
.loftContentColumns .col1 {
padding-right: 60px !important;
}
}
@media only screen and (max-width: 960px) {
.loftContentColumns .col1 {
padding-right: 0px !important;
}
}
.colsbg {
display: flex;
padding-bottom: 18px !important;
gap: 8px;
}
.colsbg .wp-block-column {
background-color: #e9f7f7 !important;
padding: 2em 1em 1em 2em;
border-radius: 10px;
width: 100%;
}
.contentColumn {
padding-bottom: 40px !important;
}
@media only screen and (max-width: 1320px) {
.contentColumn {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.contentColumn {
padding-bottom: 30px !important;
}
}
.contentColumn h1, .contentColumn h2, .contentColumn h3, .contentColumn h4, .contentColumn h5, .contentColumn h6 {
color: #232325;
font-weight: 600;
margin-bottom: 0px !important;
line-height: 1.1em;
}
.contentColumn p {
color: #232325;
font-size: 18px;
}
@media only screen and (max-width: 781px) {
.contentColumn p {
font-size: 16px;
}
}
.contentColumn ul {
margin-bottom: 24px;
padding-left: 24px;
}
.contentColumn ul li {
font-size: 18px;
color: #314A5A;
list-style: none;
}
.contentColumn ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 781px) {
.contentColumn ul li {
text-align: left;
}
}
.contentColumn .col1 {
padding-right: 70px !important;
}
@media only screen and (max-width: 1090px) {
.contentColumn .col1 {
padding-right: 50px !important;
}
}
@media only screen and (max-width: 960px) {
.contentColumn .col1 {
padding-right: 0px !important;
}
}
.imageCols {
padding-bottom: 24px;
}
@media only screen and (max-width: 1320px) {
.imageCols {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.imageCols .wp-block-column figure {
height: 100% !important;
width: 100% !important;
}
.imageCols .wp-block-column figure img {
border-radius: 10px;
height: 100% !important;
width: 100% !important;
}
.imageTextCol {
gap: 90px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.imageTextCol {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.imageTextCol {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 800px) {
.imageTextCol {
flex-direction: column-reverse;
gap: 20px;
}
}
@media only screen and (max-width: 800px) {
.imageTextCol.flip {
flex-direction: column;
}
}
.imageTextCol h2:not(:first-of-type) {
margin-top: 1em !important;
font-weight: 600;
}
.imageTextCol .col1 {
height: 650px;
}
@media only screen and (max-width: 1250px) {
.imageTextCol .col1 {
height: 510px;
}
}
@media only screen and (max-width: 1000px) {
.imageTextCol .col1 {
height: 420px;
}
}
@media only screen and (max-width: 650px) {
.imageTextCol .col1 {
height: 340px;
}
}
.imageTextCol .col1 figure {
width: 100%;
height: 100%;
border-radius: 10px;
}
.imageTextCol .col1 figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
aspect-ratio: initial !important;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.imageTextCol .col2 {
display: flex;
flex-direction: column;
justify-content: center;
}
.imageTextCol .col2 ul {
margin-left: 38px;
margin-bottom: 18px;
}
.imageTextCol .col2 ul li {
text-decoration: none;
color: #232325;
font-size: 18px;
}
.imageTextCol .col2 ul li a {
color: #232325;
font-size: 18px;
}
.imageTextCol .col2 ul li a:hover {
text-decoration: underline;
}
.imageTextCol .col2 p, .imageTextCol .col2 h2 {
color: #232325;
}
.imageTextCol .col2 p {
font-size: 18px;
}
.imageTextCol .col2 h2 {
font-weight: 600;
}
ul.tickList {
list-style: none;
padding-left: 0;
margin-left: 0px !important;
}
ul.tickList li {
padding-left: 2em;
margin-bottom: 0.5em;
position: relative;
}
ul.tickList li:before {
content: "";
position: absolute;
left: 0;
top: 3px;
width: 1em;
height: 1em;
background-repeat: no-repeat;
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/08/tick.svg);
background-size: contain;
}
.goldBox {
padding: 10px;
border-radius: 10px;
background-color: #f5edd0;
border: 1px solid #dbcba8;
}
.goldBox p {
margin-bottom: 0 !important;
}
.projectsHero {
position: relative;
height: auto;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.projectsHero {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.projectsHero {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 781px) {
.projectsHero {
gap: 0px;
}
}
.projectsHero .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 45% !important;
}
@media only screen and (max-width: 1130px) {
.projectsHero .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 781px) {
.projectsHero .col1 {
padding-right: 0px;
}
}
@media only screen and (max-width: 1000px) {
.projectsHero .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 781px) {
.projectsHero .col1 .titleTabsWrap {
padding-bottom: 0px;
}
}
.projectsHero .col1 .titleTabsWrap h1, .projectsHero .col1 .titleTabsWrap h3 {
color: #232325;
}
.projectsHero .col1 .titleTabsWrap .bold {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.projectsHero .col1 .titleTabsWrap .bold {
font-size: 18px;
}
}
.projectsHero .col1 .titleTabsWrap .btnsWrap {
display: flex;
gap: 10px;
}
.projectsHero .col1 .bottomGroup .exp {
color: #314A5A;
font-size: 25px;
font-weight: 600;
}
.projectsHero .col1 .bottomGroup .tabs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
.projectsHero .col1 .bottomGroup .tabs a {
font-size: 14px;
}
}
.projectsHero .col2 {
flex-basis: 55% !important;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero {
width: 100%;
height: 100%;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider {
height: 100%;
width: 100%;
position: relative;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner {
height: 100%;
width: 100%;
margin-bottom: 0px !important;
position: relative;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list {
height: 100%;
width: 100%;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track {
height: 100%;
width: 100%;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide {
display: flex;
flex-direction: column;
height: 100%;
width: 75%;
border-radius: 10px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap {
margin-bottom: 0 !important;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure {
margin: 0;
height: 100%;
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 400px;
width: 100%;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
transition: transform 0.6s ease;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1200px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 360px;
}
}
@media only screen and (max-width: 1100px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 320px;
}
}
@media only screen and (max-width: 800px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 280px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails {
width: 100%;
padding: 20px 30px 20px 30px;
box-sizing: border-box;
background-color: #3143AF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 840px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails {
padding: 20px 20px 20px 20px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
color: #70FBFB;
margin-bottom: 0 !important;
display: none !important;
}
@media only screen and (max-width: 840px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: none;
}
}
@media only screen and (max-width: 781px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: block;
}
}
@media only screen and (max-width: 510px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: none;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top h2 {
color: #ffffff;
font-size: 26px;
margin-bottom: 0px !important;
}
@media only screen and (max-width: 950px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top h2 {
font-size: 22px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags {
display: flex;
gap: 10px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p a {
text-transform: uppercase;
}
@media only screen and (max-width: 950px) {
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p a {
font-size: 14px;
}
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul li:before {
display: none;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: center;
align-items: center;
width: 100%;
bottom: -40px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots li {
margin: 0px;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots li.slick-active button {
background-color: #082C79;
border: 1px solid #082C79;
opacity: 1;
}
.projectsHero .col2 .wp-block-lazyblock-slider-projects-hero .projectSlider .projectSliderInner ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.2;
border: none;
border-radius: 100%;
background-color: #6C6C6C;
text-indent: -9999px;
}
.blogsHero {
position: relative;
height: auto;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.blogsHero {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.blogsHero {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 781px) {
.blogsHero {
gap: 0px;
}
}
.blogsHero .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 45% !important;
}
@media only screen and (max-width: 1130px) {
.blogsHero .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 781px) {
.blogsHero .col1 {
padding-right: 0px;
}
}
@media only screen and (max-width: 1000px) {
.blogsHero .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 781px) {
.blogsHero .col1 .titleTabsWrap {
padding-bottom: 0px;
}
}
.blogsHero .col1 .titleTabsWrap h1, .blogsHero .col1 .titleTabsWrap h3 {
color: #232325;
}
.blogsHero .col1 .titleTabsWrap .bold {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.blogsHero .col1 .titleTabsWrap .bold {
font-size: 18px;
}
}
.blogsHero .col1 .titleTabsWrap .btnsWrap {
display: flex;
gap: 10px;
}
.blogsHero .col1 .bottomGroup .exp {
color: #314A5A;
font-size: 25px;
font-weight: 600;
}
.blogsHero .col1 .bottomGroup .tabs {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
@media only screen and (max-width: 900px) {
.blogsHero .col1 .bottomGroup .tabs a {
font-size: 14px;
}
}
.blogsHero .col2 {
flex-basis: 55% !important;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero {
width: 100%;
height: 100%;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider {
height: 100%;
width: 100%;
position: relative;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner {
height: 100%;
width: 100%;
margin-bottom: 0px !important;
position: relative;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list {
height: 100%;
width: 100%;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track {
height: 100%;
width: 100%;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide {
display: flex;
flex-direction: column;
height: 100%;
width: 75%;
border-radius: 10px;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap {
margin-bottom: 0 !important;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure {
margin: 0;
height: 100%;
width: 100%;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
overflow: hidden;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 400px;
width: 100%;
object-fit: cover;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
transition: transform 0.6s ease;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1200px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 360px;
}
}
@media only screen and (max-width: 1100px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 320px;
}
}
@media only screen and (max-width: 800px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .imgWrap figure img {
height: 280px;
}
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails {
width: 100%;
padding: 20px 30px 20px 30px;
box-sizing: border-box;
background-color: #3143AF;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
@media only screen and (max-width: 840px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails {
padding: 20px 20px 20px 20px;
}
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
color: #70FBFB;
margin-bottom: 0 !important;
display: none !important;
}
@media only screen and (max-width: 840px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: none;
}
}
@media only screen and (max-width: 781px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: block;
}
}
@media only screen and (max-width: 510px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top a {
display: none;
}
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top h2 {
color: #ffffff;
font-size: 26px;
margin-bottom: 0px !important;
}
@media only screen and (max-width: 950px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .top h2 {
font-size: 22px;
}
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags {
display: flex;
flex-direction: column;
gap: 10px;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p {
color: white;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p.date {
margin-top: 0px;
margin-bottom: 12px;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p a {
color: white;
text-decoration: none;
}
@media only screen and (max-width: 950px) {
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner .slick-list .slick-track .slide .projDetails .tags p a {
font-size: 14px;
}
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner ul li:before {
display: none;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: center;
align-items: center;
width: 100%;
bottom: -40px;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner ul.slick-dots li {
margin: 0px;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner ul.slick-dots li.slick-active button {
background-color: #082C79;
border: 1px solid #082C79;
opacity: 1;
}
.blogsHero .col2 .wp-block-lazyblock-slider-blogs-hero .projectSlider .projectSliderInner ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.2;
border: none;
border-radius: 100%;
background-color: #6C6C6C;
text-indent: -9999px;
}
.blueFullWidth {
background-color: #3143AF;
border-radius: 30px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.blueFullWidth {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.blueFullWidth .wp-block-lazyblock-recent-projects-homepage {
margin: 0 auto !important;
}
.blueFullWidth #recentProjHome .top {
display: flex;
justify-content: space-between;
margin-bottom: 20px !important;
}
.blueFullWidth #recentProjHome .top p {
color: #70FBFB;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.blueFullWidth #recentProjHome .top p {
font-size: 18px;
}
}
.blueFullWidth #recentProjHome .top a {
color: #ffffff;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.blueFullWidth #recentProjHome .top a {
font-size: 18px;
}
}
@media only screen and (max-width: 840px) {
.blueFullWidth #recentProjHome .top a {
margin-top: 0px;
}
}
@media only screen and (max-width: 440px) {
.blueFullWidth #recentProjHome .top a {
display: none;
}
}
.blueFullWidth #recentProjHome h2 {
color: #ffffff;
width: 90%;
}
@media only screen and (max-width: 1049px) {
.blueFullWidth #recentProjHome h2 {
width: 75%;
}
}
@media only screen and (max-width: 1320px) {
.blueFullWidth #recentProjHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj {
position: relative;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev, .blueFullWidth #recentProjHome .recentPHomeProj .slick-next {
background-repeat: no-repeat !important;
background-size: contain !important;
background-position: center !important;
z-index: 9999 !important;
font-size: 0px !important;
color: transparent !important;
width: 45px;
height: 45px;
position: absolute;
top: -50px;
right: 0;
left: initial;
cursor: pointer;
}
@media only screen and (max-width: 440px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev, .blueFullWidth #recentProjHome .recentPHomeProj .slick-next {
top: -144px;
width: 40px;
height: 40px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev:before, .blueFullWidth #recentProjHome .recentPHomeProj .slick-next:before {
display: none;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-left-on.svg) !important;
right: 60px;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev.slick-disabled {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-left-off.svg) !important;
}
@media only screen and (max-width: 440px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slick-prev {
right: 50px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-next {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-right-on.svg) !important;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slick-next.slick-disabled {
background-image: url(//www.markenlofts.co.uk/wp-content/uploads/2024/04/icon-arrow-right-off.svg) !important;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item {
margin-right: 20px;
overflow: hidden;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
}
@media only screen and (max-width: 841px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item {
margin-right: 0px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item img {
width: 100%;
height: 100%;
object-fit: cover;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
height: 400px;
overflow: hidden;
transition: transform 0.6s ease;
}
@media only screen and (max-width: 1000px) {
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item img {
height: 300px;
}
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item img:hover {
transform: scale(1.1);
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item .projDetails {
background-color: #ffffff;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
padding: 20px 30px 20px 30px;
z-index: 999;
position: relative;
overflow: hidden;
}
.blueFullWidth #recentProjHome .recentPHomeProj .slide-item .tags {
display: flex;
gap: 10px;
}
.whyWorkWithUs {
margin: 0 auto !important;
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.whyWorkWithUs {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.whyWorkWithUs .wp-block-columns {
display: flex;
justify-content: space-between;
align-items: center;
}
.whyWorkWithUs .wp-block-columns .col1 h2 {
color: #232325;
font-weight: 600;
width: 70%;
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col1 h2 {
width: 100%;
}
}
.whyWorkWithUs .wp-block-columns .col1 p {
color: #232325;
}
.whyWorkWithUs .wp-block-columns .col1 p.bolder {
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col1 p.bolder {
font-size: 18px;
}
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col1 p:last-of-type {
margin-bottom: 0px !important;
}
}
.whyWorkWithUs .wp-block-columns .col2 {
justify-content: flex-end;
display: flex;
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .wp-block-columns .col2 .aStyle {
margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 782px) {
.whyWorkWithUs .wp-block-columns .col2 {
justify-content: flex-start;
}
}
.whyWorkWithUs .iconsGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 60px;
padding-top: 30px;
}
@media only screen and (max-width: 1230px) {
.whyWorkWithUs .iconsGrid {
gap: 40px;
}
}
@media only screen and (max-width: 1105px) {
.whyWorkWithUs .iconsGrid {
gap: 25px;
}
}
@media only screen and (max-width: 965px) {
.whyWorkWithUs .iconsGrid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 780px) {
.whyWorkWithUs .iconsGrid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 480px) {
.whyWorkWithUs .iconsGrid {
grid-template-columns: 1fr;
}
}
.whyWorkWithUs .iconsGrid .icon {
border-radius: 10px;
background-color: #3143AF;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0 4px 8px rgba(49, 67, 175, 0.6);
padding: 30px;
gap: 20px;
transition: transform 0.6s ease;
}
.whyWorkWithUs .iconsGrid .icon:hover {
transform: scale(1.02);
}
.whyWorkWithUs .iconsGrid .icon p {
color: #ffffff;
text-align: center;
margin-bottom: 0px !important;
}
.wp-block-lazyblock-faq {
padding-top: 70px !important;
padding-bottom: 70px !important;
max-width: 1300px;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-faq {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
}
.wp-block-lazyblock-faq .accordion .accor-title h2 {
color: #232325;
text-align: center;
}
.wp-block-lazyblock-faq .accordion strong {
font-weight: 500 !important;
}
.wp-block-lazyblock-faq .accordion .accordion-title-head {
margin-bottom: 0;
color: #232325;
font-size: 20px;
width: 85%;
font-weight: 500;
margin-bottom: 0 !important;
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion .accordion-title-head {
width: 80%;
font-size: 18px;
}
}
.wp-block-lazyblock-faq .accordion p {
margin-bottom: 20px;
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion {
flex-direction: column;
}
}
.wp-block-lazyblock-faq .accordion .wrapper-div {
width: 100%;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordions:last-of-type {
border-bottom: none !important;
margin-bottom: 0px !important;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordions, .wp-block-lazyblock-faq .accordion .wrapper-div .accordion-list {
border-bottom: 1px solid #b5cbcb;
margin-bottom: 10px;
background-color: #e9f7f7;
padding: 1em;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-title {
background-color: transparent;
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: 0.4s;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content {
display: none;
background-color: transparent;
padding: 0px 40px 30px 0px;
}
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content p {
font-size: 18px;
width: 95%;
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content p {
width: 100%;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-faq .accordion .wrapper-div .accordion-content {
padding: 0px 20px 20px 0px;
}
}
.processHomeOuter {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.processHomeOuter {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.processHomeOuter .processHome {
max-width: 1300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
@media only screen and (max-width: 1320px) {
.processHomeOuter .processHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.processHomeOuter .processHome .titleOne {
color: #232325;
font-weight: 600;
font-size: 22px;
text-align: center;
}
.processHomeOuter .processHome .titleTwo {
color: #232325;
font-weight: 600;
font-size: 50px;
text-align: center;
width: 60%;
}
@media only screen and (max-width: 1050px) {
.processHomeOuter .processHome .titleTwo {
width: 80%;
}
}
@media only screen and (max-width: 780px) {
.processHomeOuter .processHome .titleTwo {
width: 95%;
font-size: 35px;
}
}
.processHomeOuter .processHome .items {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 90px;
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (max-width: 900px) {
.processHomeOuter .processHome .items {
gap: 50px;
}
}
@media only screen and (max-width: 780px) {
.processHomeOuter .processHome .items {
grid-template-columns: 1fr 1fr;
}
}
.processHomeOuter .processHome .items .item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
.processHomeOuter .processHome .items .item p {
color: #082C79;
font-size: 24px;
margin-top: 12px !important;
font-weight: 600;
}
.getInTouch {
padding-top: 70px !important;
padding-bottom: 70px !important;
max-width: 1300px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
}
@media only screen and (max-width: 1320px) {
.getInTouch {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.getInTouch {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.getInTouch .titleOne {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.getInTouch .titleOne {
font-size: 18px;
}
}
.getInTouch .titleTwo {
text-align: center;
width: 60%;
}
@media only screen and (max-width: 1050px) {
.getInTouch .titleTwo {
width: 80%;
}
}
@media only screen and (max-width: 780px) {
.getInTouch .titleTwo {
width: 95%;
}
}
.getInTouch .aStyle {
font-weight: 600;
}
.areasWorkInHome {
gap: 70px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.areasWorkInHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.areasWorkInHome {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 945px) {
.areasWorkInHome {
flex-direction: column;
gap: 20px;
}
}
.areasWorkInHome .col1 {
flex-basis: 40% !important;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col1 {
flex-basis: 100%;
}
}
.areasWorkInHome .col2 {
display: flex;
flex-direction: column;
justify-content: center;
flex-basis: 60% !important;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 {
align-items: center;
}
}
.areasWorkInHome .col2 p {
font-size: 18px;
color: #232325;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 p {
text-align: center;
}
}
.areasWorkInHome .col2 h2 {
color: #232325;
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 h2 {
text-align: center;
}
}
.areasWorkInHome .col2 ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
padding-left: 5px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1246px) {
.areasWorkInHome .col2 ul {
width: 100%;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 945px) {
.areasWorkInHome .col2 ul {
width: 100%;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 870px) {
.areasWorkInHome .col2 ul {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 629px) {
.areasWorkInHome .col2 ul {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 433px) {
.areasWorkInHome .col2 ul {
grid-template-columns: 1fr;
}
}
.areasWorkInHome .col2 ul li {
font-size: 18px;
color: #314A5A;
list-style: none;
}
.areasWorkInHome .col2 ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 781px) {
.areasWorkInHome .col2 ul li {
text-align: left;
}
}
.areasWorkInHome .col2 .buttonWrap {
display: flex;
gap: 10px;
align-items: center;
}
.heroGeneral {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
padding-bottom: 0px !important;
}
@media only screen and (max-width: 1320px) {
.heroGeneral {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.heroGeneral {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.heroGeneral.extraP {
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.heroGeneral.extraP {
padding-bottom: 40px !important;
}
}
@media only screen and (max-width: 780px) {
.heroGeneral {
padding-bottom: 0px !important;
}
}
.heroGeneral h2 {
font-weight: 600 !important;
}
.heroGeneral .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 45% !important;
}
.heroGeneral .col1 .icons {
display: flex;
align-items: center;
margin-top: 20px !important;
}
.heroGeneral .col1 .icons figure:last-of-type img {
height: 140px;
}
.heroGeneral .col1 .icons img {
height: 100px;
width: auto;
}
@media only screen and (max-width: 1130px) {
.heroGeneral .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 1000px) {
.heroGeneral .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 780px) {
.heroGeneral .col1 .titleTabsWrap {
padding-bottom: 0px;
}
}
.heroGeneral .col1 .titleTabsWrap .btnsWrap {
display: flex;
gap: 10px;
}
.heroGeneral .col1 .titleTabsWrap .bold {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.heroGeneral .col1 .titleTabsWrap .bold {
font-size: 18px;
}
}
.heroGeneral .col2 {
height: 550px;
flex-basis: 55% !important;
}
@media only screen and (max-width: 1130px) {
.heroGeneral .col2 {
height: 500px;
}
}
@media only screen and (max-width: 1000px) {
.heroGeneral .col2 {
height: 440px;
}
}
@media only screen and (max-width: 550px) {
.heroGeneral .col2 {
height: 320px;
}
}
.heroGeneral .col2 figure {
width: 100%;
height: 100%;
border-radius: 10px;
}
.heroGeneral .col2 figure img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
.loftHome {
position: relative;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.loftHome {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.loftHome {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.loftHome .col1 {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 50px;
flex-basis: 40% !important;
}
@media only screen and (max-width: 1130px) {
.loftHome .col1 {
padding-right: 25px;
}
}
@media only screen and (max-width: 1000px) {
.loftHome .col1 .titleTabsWrap {
padding-bottom: 25px;
}
}
@media only screen and (max-width: 780px) {
.loftHome .col1 .titleTabsWrap {
padding-bottom: 0px;
}
}
.loftHome .col1 .titleTabsWrap p {
color: #232325;
}
.loftHome .col2 {
flex-basis: 60% !important;
}
.loftHome .col2 .items {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
}
@media only screen and (max-width: 781px) {
.loftHome .col2 .items {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 400px) {
.loftHome .col2 .items {
grid-template-columns: 1fr;
}
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block {
margin-bottom: 0px !important;
text-decoration: none;
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px 20px;
height: 100%;
width: 100%;
transition: transform 0.4s ease;
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item:hover {
transform: scale(1.02);
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
color: #082C79;
font-weight: 600;
margin-top: 10px !important;
text-align: center;
text-decoration: none;
}
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p a, .loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p span {
text-decoration: none;
}
@media only screen and (max-width: 1170px) {
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
}
}
@media only screen and (max-width: 1050px) {
.loftHome .col2 .items .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 16px;
}
}
.loftConversionTypes {
position: relative;
background-color: #3143AF;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin-top: 70px !important;
border-radius: 30px;
}
@media only screen and (max-width: 1320px) {
.loftConversionTypes {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.loftConversionTypes {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 780px) {
.loftConversionTypes {
margin-top: 50px !important;
}
}
.loftConversionTypes .loftConversionTypesInner {
margin: 0 auto !important;
max-width: 1300px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
color: #ffffff;
font-size: 26px;
text-align: center;
font-weight: 600;
width: 70%;
padding-bottom: 30px;
}
@media only screen and (max-width: 850px) {
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
width: 90%;
font-size: 20px;
}
}
@media only screen and (max-width: 780px) {
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
font-size: 18px;
}
}
@media only screen and (max-width: 600px) {
.loftConversionTypes .loftConversionTypesInner .titleLoftConversion {
padding-bottom: 10px;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns {
gap: 50px;
width: 100% !important;
}
@media only screen and (max-width: 1010px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns {
flex-direction: column;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 510px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 {
grid-template-columns: 1fr;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 .item {
color: #082C79;
background-color: #ffffff;
width: 100%;
padding: 20px 50px;
border-radius: 15px;
font-size: 18px;
font-weight: 600;
height: fit-content;
text-align: center;
min-height: 100px;
margin-bottom: 0px !important;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 1255px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col1 .item {
padding: 20px 40px;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 15px;
}
@media only screen and (max-width: 510px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 {
grid-template-columns: 1fr;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure {
width: 100%;
height: 100%;
height: 260px;
}
@media only screen and (max-width: 1255px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure {
height: 230px;
}
}
@media only screen and (max-width: 1145px) {
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure {
height: 220px;
}
}
.loftConversionTypes .loftConversionTypesInner .wp-block-columns .col2 figure img {
width: 100%;
height: 100%;
object-fit: cover;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.typesOfLoftsLanding {
position: relative;
margin: 0 auto !important;
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.typesOfLoftsLanding {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.typesOfLoftsLanding {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
@media only screen and (max-width: 1400px) {
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 1050px) {
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 750px) {
.typesOfLoftsLanding.tweaks .lofts {
grid-template-columns: 1fr;
}
}
.typesOfLoftsLanding.tweaks .lofts .item .loftName {
font-size: 18px !important;
font-weight: 600 !important;
padding-left: 0px !important;
padding-right: 0px !important;
margin-bottom: 14px !important;
line-height: 1em !important;
}
.typesOfLoftsLanding.tweaks .lofts .item img {
width: 100px;
}
.typesOfLoftsLanding h2 {
color: #232325;
}
.typesOfLoftsLanding p {
color: #232325;
font-size: 18px;
}
.typesOfLoftsLanding .lofts {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
}
@media only screen and (max-width: 1048px) {
.typesOfLoftsLanding .lofts {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 750px) {
.typesOfLoftsLanding .lofts {
grid-template-columns: 1fr;
}
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block {
text-decoration: none !important;
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block a, .typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block p {
text-decoration: none !important;
margin: 0;
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 20px 20px;
height: 100%;
width: 100%;
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .loftName {
font-size: 24px;
font-weight: 600;
padding-left: 30px;
padding-right: 30px;
margin-bottom: 14px !important;
}
@media only screen and (max-width: 790px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .loftName {
padding-right: 0px;
padding-left: 0px;
}
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
color: #232325;
font-weight: 500;
margin-top: 10px !important;
text-align: center;
text-decoration: none !important;
}
@media only screen and (max-width: 1170px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 18px;
}
}
@media only screen and (max-width: 1050px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item p {
font-size: 16px;
}
}
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .aStyle {
text-decoration: none;
font-weight: 600;
font-size: 16px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0px !important;
color: #3143AF;
}
@media only screen and (max-width: 780px) {
.typesOfLoftsLanding .lofts .wp-block-tiptip-hyperlink-group-block .item .aStyle {
font-size: 14px;
}
}
.loftHero {
position: relative;
background-color: #3143AF;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.loftHero {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 800px) {
.loftHero {
background-image: none !important;
}
}
@media only screen and (max-width: 780px) {
.loftHero {
margin-bottom: 50px !important;
}
}
.loftHero .absol1, .loftHero .absol2 {
position: absolute;
}
@media only screen and (max-width: 1150px) {
.loftHero .absol1, .loftHero .absol2 {
display: none;
}
}
.loftHero .absol1 {
top: 20px;
left: 0;
display: none;
}
.loftHero .absol2 {
right: 0;
top: 30px;
z-index: 2;
}
.loftHero .loftHeroInner {
max-width: 1300px;
margin: 0 auto;
display: flex;
}
@media only screen and (max-width: 1320px) {
.loftHero .loftHeroInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 800px) {
.loftHero .loftHeroInner {
flex-direction: column;
}
}
.loftHero .loftHeroInner .col1 {
width: 100%;
padding-right: 0px;
flex-basis: 45%;
justify-content: center;
display: flex;
flex-direction: column;
}
.loftHero .loftHeroInner .col1 h4 {
color: #70FBFB;
z-index: 99;
position: relative;
}
.loftHero .loftHeroInner .col1 h1 {
color: #ffffff;
z-index: 99;
position: relative;
}
.loftHero .loftHeroInner .col1 .loftExcerpt {
color: #ffffff;
width: 80%;
z-index: 99;
position: relative;
font-size: 18px;
}
@media only screen and (max-width: 800px) {
.loftHero .loftHeroInner .col1 .loftExcerpt {
font-size: 16px;
width: 95%;
}
}
.loftHero .loftHeroInner .col2 {
width: 100%;
flex-basis: 55%;
padding-right: 60px;
}
@media only screen and (max-width: 1150px) {
.loftHero .loftHeroInner .col2 {
padding-right: 0px;
}
}
.loftHero .loftHeroInner .col2 img {
width: 100%;
height: 440px;
border-radius: 10px;
object-fit: cover;
z-index: 99;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 535px) {
.loftHero .loftHeroInner .col2 img {
height: 350px;
}
}
@media only screen and (max-width: 400px) {
.loftHero .loftHeroInner .col2 img {
height: 300px;
}
}
.wp-block-lazyblock-projects-loop {
margin: 0 auto !important;
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-projects-loop {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-projects-loop {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter {
display: flex;
justify-content: space-between;
align-items: center;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop .titleFilter {
flex-direction: column;
align-items: flex-start;
padding-bottom: 20px;
}
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter h2 {
color: #232325;
width: 50%;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop .titleFilter h2 {
width: 100%;
}
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter ul li label select {
padding: 10px 20px;
padding-left: 0px !important;
border: none !important;
cursor: pointer;
border-bottom: 2px solid #314A5A !important;
font-size: 16px !important;
outline: none !important;
font-weight: 600;
font-family: "DM Sans", sans-serif;
}
.wp-block-lazyblock-projects-loop #projLoop .titleFilter ul li label select option {
font-size: 16px !important;
font-family: "DM Sans", sans-serif;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop {
padding-top: 40px;
padding-bottom: 40px;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
row-gap: 40px;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner {
grid-template-columns: 1fr;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px !important;
overflow: hidden;
margin-right: 20px !important;
}
@media only screen and (max-width: 841px) {
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item {
margin-right: 0px !important;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item img {
width: 100%;
height: 100%;
object-fit: cover;
height: 400px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
transition: transform 0.6s ease;
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1000px) {
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item img {
height: 300px;
}
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item .projDetails {
background-color: #ffffff;
padding: 20px 30px 20px 30px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 9999;
position: relative;
}
.wp-block-lazyblock-projects-loop #projLoop .projLoopInner .item .tags {
display: flex;
gap: 10px;
}
.trustedPartner {
background-color: #3143AF;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.trustedPartner {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.trustedPartner .trustedPartnerInner {
max-width: 1300px;
margin: 0 auto !important;
}
@media only screen and (max-width: 1320px) {
.trustedPartner .trustedPartnerInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.trustedPartner .trustedPartnerInner h2 {
color: #ffffff;
text-align: center;
}
.trustedPartner .trustedPartnerInner p {
color: #ffffff;
font-size: 25px;
text-align: center;
}
@media only screen and (max-width: 780px) {
.trustedPartner .trustedPartnerInner p {
font-size: 18px;
}
}
.trustedPartner .trustedPartnerInner .iconsGrid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 60px;
padding-top: 30px;
}
@media only screen and (max-width: 1230px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
gap: 40px;
}
}
@media only screen and (max-width: 1105px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
gap: 25px;
}
}
@media only screen and (max-width: 965px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 780px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 480px) {
.trustedPartner .trustedPartnerInner .iconsGrid {
grid-template-columns: 1fr;
}
}
.trustedPartner .trustedPartnerInner .iconsGrid .icon {
border-radius: 10px;
background-color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
box-shadow: 0 4px 6px rgba(255, 255, 255, 0.1);
padding: 30px;
gap: 20px;
transition: transform 0.6s ease;
}
.trustedPartner .trustedPartnerInner .iconsGrid .icon:hover {
transform: scale(1.06);
}
.trustedPartner .trustedPartnerInner .iconsGrid .icon p {
color: #314A5A;
text-align: center;
font-size: 18px;
font-weight: 600;
margin-bottom: 0px !important;
}
.page-id-1060 .contactForm {
display: none !important;
}
.contactForm {
background-color: #3143AF;
border-radius: 30px;
padding-top: 70px;
padding-bottom: 70px;
position: relative;
}
.contactForm .absol1, .contactForm .absol2 {
position: absolute;
}
.contactForm .absol1 {
right: 0;
top: 50px;
}
@media only screen and (max-width: 1845px) {
.contactForm .absol1 {
display: none !important;
}
}
.contactForm .absol2 {
left: 0;
bottom: -75px;
}
@media only screen and (max-width: 781px) {
.contactForm .absol2 {
display: none !important;
}
}
.contactForm .contactFormInner {
margin: 0 auto !important;
gap: 160px;
}
@media only screen and (max-width: 1320px) {
.contactForm .contactFormInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1000px) {
.contactForm .contactFormInner {
gap: 80px;
}
}
@media only screen and (max-width: 781px) {
.contactForm .contactFormInner {
gap: 0px;
}
}
.contactForm .contactFormInner .col1 h2 {
color: #ffffff;
font-weight: 600;
margin-bottom: 14px;
}
.contactForm .contactFormInner .col1 p {
color: #ffffff;
font-size: 18px;
margin-bottom: 24px;
}
.contactForm .contactFormInner .col1 a {
color: #ffffff;
font-size: 18px;
text-decoration: none;
}
.contactForm .contactFormInner .col1 img {
margin-bottom: 14px;
}
.contactForm .contactFormInner .col2 {
padding-top: 60px;
}
@media only screen and (max-width: 781px) {
.contactForm .contactFormInner .col2 {
padding-top: 24px;
}
}
.contactForm .contactFormInner .col2 .gform-theme #gform_confirmation_message_2 {
color: #ffffff;
font-size: 18px;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_fields {
grid-row-gap: 24px !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors {
border: 1px solid #ffffff !important;
border-radius: 10px !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors h2 {
color: #ffffff !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors ol li {
color: #ffffff !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_validation_errors ol li a {
color: #ffffff !important;
text-decoration: none;
}
.contactForm .contactFormInner .col2 .gform-theme legend, .contactForm .contactFormInner .col2 .gform-theme .gform_required_legend, .contactForm .contactFormInner .col2 .gform-theme .gfield_label, .contactForm .contactFormInner .col2 .gform-theme .gform-field-label, .contactForm .contactFormInner .col2 .gform-theme .gfield_description, .contactForm .contactFormInner .col2 .gform-theme #gform-ajax-spinner {
display: none !important;
}
.contactForm .contactFormInner .col2 .gform-theme input, .contactForm .contactFormInner .col2 .gform-theme textarea {
background-color: transparent !important;
border: 1px solid white !important;
border-radius: 10px !important;
font-size: 18px !important;
}
.contactForm .contactFormInner .col2 .gform-theme .ginput_address_zip {
width: 100% !important;
}
.contactForm .contactFormInner .col2 .gform-theme .gform_footer input {
background-color: #70FBFB !important;
font-size: 16px !important;
font-weight: 600 !important;
padding: 15px 40px !important;
border-radius: 25px !important;
box-shadow: none !important;
outline: none !important;
border: 2px solid transparent !important;
transition: 0s !important;
}
@media only screen and (max-width: 780px) {
.contactForm .contactFormInner .col2 .gform-theme .gform_footer input {
font-size: 14px !important;
}
}
.contactForm .contactFormInner .col2 .gform-theme .gform_footer input:hover {
border: 2px solid #70FBFB !important;
color: #70FBFB !important;
background-color: transparent !important;
}
.mayBeInterested {
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto;
max-width: 1300px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 1320px) {
.mayBeInterested {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.mayBeInterested {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 926px) {
.mayBeInterested {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 510px) {
.mayBeInterested {
grid-template-columns: 1fr;
}
}
.mayBeInterested .item {
border-radius: 10px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
height: 220px;
overflow: hidden;
transition: transform 0.6s ease;
}
@media only screen and (max-width: 1070px) {
.mayBeInterested .item {
height: 180px;
}
}
.mayBeInterested .item:hover img {
transform: scale(1.1);
}
.mayBeInterested .item figure {
height: 100%;
width: 100%;
transition: transform 0.6s ease;
position: relative;
}
.mayBeInterested .item figure img {
border-radius: 10px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s ease;
}
.mayBeInterested .item figure::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.2);
}
.mayBeInterested .item p {
position: absolute;
top: 20px;
color: #ffffff;
font-size: 18px;
left: 20px;
font-weight: 500;
z-index: 1;
}
.areasWeWorkInHero {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.areasWeWorkInHero {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.areasWeWorkInHero {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.areasWeWorkInHero .col1 {
display: flex;
flex-direction: column;
justify-content: center;
}
.areasWeWorkInHero .col1 h3 {
color: #232325;
}
.areasWeWorkInHero .col1 .bold {
color: #232325;
font-weight: 600;
font-size: 25px;
}
@media only screen and (max-width: 780px) {
.areasWeWorkInHero .col1 .bold {
font-size: 18px;
}
}
.areasWeWorkInHero .col2 figure {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
}
.areasWeWorkInHero .col2 figure img {
border-radius: 10px;
}
.areasWeWorkMainContainer {
margin: 0 auto;
max-width: 1300px;
}
@media only screen and (max-width: 1320px) {
.areasWeWorkMainContainer {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.areasWeWorkMainContainer .areasWeWorkMain {
display: flex;
flex-direction: column;
border-radius: 10px;
position: relative;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
padding: 40px;
margin-top: 70px !important;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.areasWeWorkMainContainer .areasWeWorkMain {
margin-top: 20px !important;
margin-bottom: 50px !important;
}
}
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%;
padding-left: 5px;
margin-bottom: 30px;
}
@media only screen and (max-width: 1246px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
width: 100%;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 721px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
width: 100%;
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 489px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul {
grid-template-columns: 1fr;
}
}
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul li {
font-size: 18px;
color: #314A5A;
list-style: none;
}
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul li:before {
content: "";
display: inline-block;
width: 7px;
height: 7px;
border-radius: 50%;
background-color: #3143AF;
margin-right: 14px;
margin-bottom: 3px;
}
@media only screen and (max-width: 781px) {
.areasWeWorkMainContainer .areasWeWorkMain .listInner ul li {
text-align: left;
}
}
.wp-block-lazyblock-related-projects {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-related-projects {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-related-projects {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop h3 {
margin-bottom: 24px !important;
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner {
display: grid;
grid-template-columns: 1fr 1fr;
row-gap: 40px;
gap: 20px;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner {
grid-template-columns: 1fr;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item {
margin-right: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px !important;
overflow: hidden;
}
@media only screen and (max-width: 841px) {
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item {
margin-right: 0px;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item img {
width: 100%;
height: 100%;
object-fit: cover;
height: 400px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
transition: transform 0.6s ease;
overflow: hidden;
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1000px) {
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item img {
height: 300px;
}
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item .projDetails {
background-color: #ffffff;
padding: 20px 30px 20px 30px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 9999;
position: relative;
}
.wp-block-lazyblock-related-projects .relatedProjLoop .projLoopInner .item .tags {
display: flex;
gap: 10px;
padding-top: 20px !important;
}
.loftConversionProcess {
background-color: #F4F4F4;
border-radius: 30px;
position: relative;
margin-top: 70px !important;
margin-bottom: 70px !important;
}
@media only screen and (max-width: 780px) {
.loftConversionProcess {
margin-top: 50px !important;
margin-bottom: 50px !important;
}
}
.loftConversionProcess .absol1, .loftConversionProcess .absol2 {
position: absolute;
display: block;
z-index: 10;
}
.loftConversionProcess .absol1 {
right: 0;
top: 20%;
}
.loftConversionProcess .absol2 {
left: 0;
bottom: 20%;
}
.loftConversionProcess .loftConversionProcessInner {
max-width: 1300px;
margin: 0 auto !important;
padding-top: 100px;
padding-bottom: 70px;
}
@media only screen and (max-width: 1320px) {
.loftConversionProcess .loftConversionProcessInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.loftConversionProcess .loftConversionProcessInner {
padding-top: 50px;
padding-bottom: 30px;
}
}
.loftConversionProcess .loftConversionProcessInner h2, .loftConversionProcess .loftConversionProcessInner p {
text-align: center;
color: #232325;
}
.loftConversionProcess .loftConversionProcessInner p {
font-size: 18px;
width: 70%;
margin: 0 auto !important;
}
@media only screen and (max-width: 900px) {
.loftConversionProcess .loftConversionProcessInner p {
width: 100%;
}
}
.loftConversionProcess .columnsInner {
gap: 100px;
}
@media only screen and (max-width: 1320px) {
.loftConversionProcess .columnsInner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1305px) {
.loftConversionProcess .columnsInner {
gap: 70px;
}
}
@media only screen and (max-width: 900px) {
.loftConversionProcess .columnsInner {
flex-direction: column;
gap: 50px;
}
}
.loftConversionProcess .columnsInner .col1 {
height: 500px;
}
@media only screen and (max-width: 1221px) {
.loftConversionProcess .columnsInner .col1 {
height: 440px;
}
}
@media only screen and (max-width: 1100px) {
.loftConversionProcess .columnsInner .col1 {
height: 380px;
}
}
.loftConversionProcess .columnsInner .col1 figure {
height: 100%;
width: 100%;
border-radius: 10px;
}
.loftConversionProcess .columnsInner .col1 figure img {
height: 100%;
width: 100%;
object-fit: cover;
border-radius: 10px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
display: block;
position: relative;
z-index: 9999;
}
.loftConversionProcess .columnsInner .col2 {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.loftConversionProcess .columnsInner .col2 .absol {
position: absolute;
left: -50px;
top: -40px;
}
.loftConversionProcess .columnsInner .col2 .absol img {
height: 600px !important;
}
@media only screen and (max-width: 1305px) {
.loftConversionProcess .columnsInner .col2 .absol {
left: -35px;
}
}
@media only screen and (max-width: 900px) {
.loftConversionProcess .columnsInner .col2 .absol {
display: none;
}
}
.loftConversionProcess .columnsInner .col2 h3, .loftConversionProcess .columnsInner .col2 p {
width: 80%;
display: block;
position: relative;
z-index: 9999;
color: #232325;
}
@media only screen and (max-width: 1305px) {
.loftConversionProcess .columnsInner .col2 h3, .loftConversionProcess .columnsInner .col2 p {
width: 90%;
}
}
.loftConversionProcess .processSteps {
max-width: 1300px;
margin: 0 auto !important;
padding-bottom: 100px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 20px;
}
@media only screen and (max-width: 1320px) {
.loftConversionProcess .processSteps {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 925px) {
.loftConversionProcess .processSteps {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width: 670px) {
.loftConversionProcess .processSteps {
grid-template-columns: 1fr;
}
}
.loftConversionProcess .processSteps .item {
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: #ffffff;
padding: 30px 50px;
display: block;
position: relative;
z-index: 9999;
}
@media only screen and (max-width: 1280px) {
.loftConversionProcess .processSteps .item {
padding: 30px 30px;
}
}
.loftConversionProcess .processSteps .item p, .loftConversionProcess .processSteps .item h4 {
color: #232325;
text-align: center;
display: block;
position: relative;
z-index: 9999;
}
.loftConversionProcess .processSteps .item h4 {
font-weight: 600;
}
.quoteForm {
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
@media only screen and (max-width: 1320px) {
.quoteForm {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.quoteForm {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.quoteForm .wp-block-columns {
margin: 0 !important;
width: 100%;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px;
margin-top: 24px !important;
overflow: hidden;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns {
margin-top: 13px !important;
}
}
.quoteForm .wp-block-columns .gform_submission_error {
margin-bottom: 0px !important;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .gform_submission_error .gform-icon {
display: none !important;
}
}
.quoteForm .wp-block-columns #gform_confirmation_message_1 {
font-weight: 600 !important;
color: #232325 !important;
font-size: 18px !important;
}
.quoteForm .wp-block-columns .gform_wrapper .gfield_required {
display: none !important;
}
.quoteForm .wp-block-columns .gform_wrapper .textarea {
min-block-size: 8rem !important;
}
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 p {
font-size: 14px !important;
}
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 .gfield_radio {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr !important;
}
@media only screen and (max-width: 550px) {
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 .gfield_radio {
grid-template-columns: 1fr 1fr !important;
}
}
.quoteForm .wp-block-columns .gform_wrapper #field_1_14 img {
max-width: 80px !important;
}
.quoteForm .wp-block-columns .gform_wrapper .gform_title {
text-align: left;
font-size: 18px;
font-weight: 600;
margin-bottom: 18px !important;
}
.quoteForm .wp-block-columns .gform_wrapper .gfield_label {
font-size: 18px;
font-weight: 600;
color: #232325;
}
.quoteForm .wp-block-columns .gform_wrapper .gf_progressbar {
height: 15px;
}
.quoteForm .wp-block-columns .gform_wrapper .gf_progressbar_percentage {
background-color: #70FBFB !important;
height: 100%;
}
.quoteForm .wp-block-columns .gform_wrapper .gform_next_button, .quoteForm .wp-block-columns .gform_wrapper .gform_previous_button, .quoteForm .wp-block-columns .gform_wrapper .gform_button {
background-color: #70FBFB !important;
font-size: 16px !important;
color: #3143AF !important;
font-weight: 600 !important;
padding: 15px 40px !important;
border-radius: 25px !important;
box-shadow: none !important;
outline: none !important;
border: 2px solid transparent !important;
transition: 0s !important;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .gform_wrapper .gform_next_button, .quoteForm .wp-block-columns .gform_wrapper .gform_previous_button, .quoteForm .wp-block-columns .gform_wrapper .gform_button {
font-size: 14px !important;
}
}
.quoteForm .wp-block-columns .gform_wrapper .gform_next_button:hover, .quoteForm .wp-block-columns .gform_wrapper .gform_previous_button:hover, .quoteForm .wp-block-columns .gform_wrapper .gform_button:hover {
border: 2px solid #3143AF !important;
background-color: transparent !important;
}
.quoteForm .wp-block-columns .col1 {
padding: 50px;
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .col1 {
padding: 20px;
}
}
@media only screen and (max-width: 1077px) {
.quoteForm .wp-block-columns .col2 {
display: none !important;
}
}
@media only screen and (max-width: 781px) {
.quoteForm .wp-block-columns .col2 {
max-height: 300px;
}
}
.quoteForm .wp-block-columns .col2 figure {
width: 100%;
height: 100%;
}
.quoteForm .wp-block-columns .col2 figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.quoteForm h2 {
text-align: center;
}
#sb_instagram {
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
#sb_instagram {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
#sb_instagram {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
#sb_instagram .sbi_header_img {
background: #3143AF !important;
}
#sb_instagram .sbi_follow_btn a {
background: #3143AF !important;
padding: 14px 22px;
border-radius: 35px;
width: fit-content;
cursor: pointer;
font-size: 16px !important;
font-weight: 600 !important;
border: 2px solid transparent !important;
box-shadow: none !important;
transition: ease 0s !important;
}
#sb_instagram .sbi_follow_btn a:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
box-shadow: none !important;
color: #3143AF !important;
}
#sb_instagram .sbi_load_btn {
background: #70FBFB !important;
color: #3143AF !important;
padding: 14px 22px !important;
border-radius: 35px !important;
width: fit-content;
cursor: pointer;
font-size: 16px !important;
font-weight: 600 !important;
border: 2px solid transparent !important;
box-shadow: none !important;
transition: ease 0s !important;
}
#sb_instagram .sbi_load_btn:hover {
background-color: transparent !important;
border: 2px solid #3143AF !important;
box-shadow: none !important;
}
#quotes3 {
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
}
@media only screen and (max-width: 780px) {
#quotes3 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 1320px) {
#quotes3 {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
#quotes3 h2 {
text-align: center;
}
#quotes3 #slider6 {
position: relative;
padding-top: 20px;
}
@media only screen and (max-width: 780px) {
#quotes3 #slider6 {
width: 100%;
}
}
#quotes3 #slider6 ul li:before {
display: none;
}
#quotes3 #slider6 ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: center;
align-items: center;
width: 100%;
}
#quotes3 #slider6 ul.slick-dots li {
margin: 0px;
}
#quotes3 #slider6 ul.slick-dots li.slick-active button {
background-color: #3143AF !important;
border: 1px solid #3143AF !important;
opacity: 1;
}
#quotes3 #slider6 ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
opacity: 0.2;
border: none;
border-radius: 100%;
background-color: #3143AF !important;
text-indent: -9999px;
}
#quotes3 #slider6 .slide-item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border-radius: 20px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
margin-right: 20px;
padding: 80px 30px;
position: relative;
margin-bottom: 30px;
background-color: #ffffff;
}
@media only screen and (max-width: 780px) {
#quotes3 #slider6 .slide-item {
margin-right: 0px;
}
}
#quotes3 #slider6 .slide-item .absol, #quotes3 #slider6 .slide-item .absol2 {
position: absolute;
width: auto;
height: auto;
top: 30px;
left: 30px;
}
#quotes3 #slider6 .slide-item .absol {
display: none;
}
#quotes3 #slider6 .slide-item .quote-text {
color: #232325 !important;
font-weight: 400 !important;
}
#quotes3 #slider6 .slide-item .cit {
margin-bottom: 24px !important;
}
#quotes3 #slider6 .slide-item .cit p {
color: #082C79;
margin-bottom: 8px !important;
}
#quotes3 #slider6 .slide-item .cit {
display: flex;
gap: 3px;
justify-content: flex-start;
width: 100%;
font-weight: 600;
flex-direction: column;
padding-top: 0px;
}
#quotes3 #slider6 .slide-item .cit p {
margin-bottom: -5px !important;
}
.heroSinglePage {
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
}
@media only screen and (max-width: 780px) {
.heroSinglePage {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 1320px) {
.heroSinglePage {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.heroSinglePage .wp-block-columns {
gap: 40px;
}
.heroSinglePage .wp-block-columns .gform_fields {
row-gap: 20px !important;
}
@media only screen and (max-width: 930px) {
.heroSinglePage .wp-block-columns {
flex-direction: column !important;
}
.heroSinglePage .wp-block-columns .gform_fields {
row-gap: 20px !important;
}
}
.heroSinglePage .wp-block-columns .col1 {
display: flex;
flex-direction: column;
justify-content: center;
gap: 20px;
}
.heroSinglePage .wp-block-columns .col1 h1, .heroSinglePage .wp-block-columns .col1 p {
color: #ffffff;
}
.heroSinglePage .wp-block-columns .col1 p {
font-size: 30px;
letter-spacing: 1px;
}
@media only screen and (max-width: 1240px) {
.heroSinglePage .wp-block-columns .col1 p {
font-size: 28px;
}
}
@media only screen and (max-width: 1093px) {
.heroSinglePage .wp-block-columns .col1 p {
font-size: 26px;
}
}
@media only screen and (max-width: 960px) {
.heroSinglePage .wp-block-columns .col1 p {
font-size: 24px;
}
}
@media only screen and (max-width: 423px) {
.heroSinglePage .wp-block-columns .col1 p {
font-size: 22px;
}
}
.heroSinglePage .wp-block-columns .col1 h1 {
font-size: 80px;
}
@media only screen and (max-width: 1240px) {
.heroSinglePage .wp-block-columns .col1 h1 {
font-size: 70px;
}
}
@media only screen and (max-width: 1093px) {
.heroSinglePage .wp-block-columns .col1 h1 {
font-size: 60px;
}
}
@media only screen and (max-width: 960px) {
.heroSinglePage .wp-block-columns .col1 h1 {
font-size: 50px;
}
}
@media only screen and (max-width: 423px) {
.heroSinglePage .wp-block-columns .col1 h1 {
font-size: 44px;
}
}
.heroSinglePage .wp-block-columns .col2 .textAfterForm {
margin-bottom: 0px !important;
}
.heroSinglePage .wp-block-columns .col2 .textAfterForm, .heroSinglePage .wp-block-columns .col2 .seePrivacy {
color: #ffffff;
margin-top: 24px;
}
.heroSinglePage .wp-block-columns .col2 .textAfterForm a, .heroSinglePage .wp-block-columns .col2 .seePrivacy a {
color: #46AFF6;
}
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .address_zip {
width: 100%;
}
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .address_zip input {
width: 100%;
}
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .gform_heading, .heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .gform-field-label, .heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .gfield_description, .heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .gform_validation_errors {
display: none !important;
}
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .gfield_validation_message {
display: block !important;
color: #70FBFB !important;
}
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 .gfield_label {
display: none !important;
}
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 input, .heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 textarea {
background-color: rgba(255, 255, 255, 0.8) !important;
border-radius: 10px;
border: none !important;
font-size: 20px !important;
color: #000000 !important;
padding: 10px 20px !important;
}
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 #gform_submit_button_4 {
background-color: #70FBFB !important;
color: #3143AF !important;
font-weight: 600 !important;
padding: 20px 38px !important;
border-radius: 35px;
width: fit-content;
cursor: pointer;
}
@media only screen and (max-width: 960px) {
.heroSinglePage .wp-block-columns .col2 #gform_wrapper_4 #gform_submit_button_4 {
padding: 14px 22px;
}
}
.wp-block-lazyblock-quotes-block-with-dots-smaller-text {
width: 100% !important;
}
#quotes4 {
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
background-color: #3143AF;
border-radius: 20px;
}
@media only screen and (max-width: 780px) {
#quotes4 {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 1320px) {
#quotes4 {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
#quotes4.quoteTextSmaller {
width: 100% !important;
}
#quotes4.quoteTextSmaller .slide-item {
padding-left: 25px;
padding-right: 25px;
}
#quotes4 .wrapper {
max-width: 1300px;
margin: 0 auto !important;
}
#quotes4 .wrapper .titleSlider {
color: #70FBFB;
text-align: center;
font-weight: 600;
}
#quotes4 .wrapper h2 {
color: #ffffff;
width: 70%;
line-height: 1.3em;
}
@media only screen and (max-width: 980px) {
#quotes4 .wrapper h2 {
width: 100%;
}
}
#quotes4 .wrapper h3 {
color: #ffffff;
}
#quotes4 .wrapper p {
margin-bottom: 0;
font-size: 20px;
color: #ffffff;
}
@media only screen and (max-width: 980px) {
#quotes4 .wrapper p.grey {
width: 60%;
}
}
#quotes4 .wrapper #sliderrr {
position: relative;
}
@media only screen and (max-width: 780px) {
#quotes4 .wrapper #sliderrr {
width: 100%;
}
}
#quotes4 .wrapper #sliderrr ul li:before {
display: none;
}
#quotes4 .wrapper #sliderrr ul.slick-dots {
padding: 0px;
list-style: none;
display: flex;
overflow: hidden;
margin: 0;
justify-content: center;
align-items: center;
width: 100%;
}
#quotes4 .wrapper #sliderrr ul.slick-dots li {
margin: 0px;
}
#quotes4 .wrapper #sliderrr ul.slick-dots li.slick-active button {
background-color: #70FBFB !important;
border: 1px solid #6C6C6C;
}
#quotes4 .wrapper #sliderrr ul.slick-dots li button {
display: block;
width: 12px;
height: 12px;
padding: 0;
border: none !important;
border-radius: 100%;
background-color: #6C6C6C;
text-indent: -9999px;
}
#quotes4 .wrapper #sliderrr .slide-item {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#quotes4 .wrapper #sliderrr .slide-item .cit {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 0px;
margin-bottom: 20px !important;
}
#quotes4 .wrapper #sliderrr .slide-item .cit p {
margin-bottom: 0px !important;
font-weight: 600;
}
#quotes4 .wrapper #sliderrr .slide-item .quote-text {
padding-bottom: 20px;
text-align: center;
font-size: 48px;
letter-spacing: 1px;
}
#quotes4 .wrapper #sliderrr .slide-item .quote-text.tweaks {
font-size: 22px;
}
@media only screen and (max-width: 1230px) {
#quotes4 .wrapper #sliderrr .slide-item .quote-text.tweaks {
font-size: 20px;
}
}
@media only screen and (max-width: 780px) {
#quotes4 .wrapper #sliderrr .slide-item .quote-text.tweaks {
font-size: 18px !important;
}
}
@media only screen and (max-width: 1230px) {
#quotes4 .wrapper #sliderrr .slide-item .quote-text {
font-size: 42px;
}
}
@media only screen and (max-width: 780px) {
#quotes4 .wrapper #sliderrr .slide-item .quote-text {
font-size: 24px !important;
}
}
.page-id-1060 .wrapperHeader {
padding-top: 30px;
padding-bottom: 30px;
}
@media only screen and (max-width: 780px) {
.page-id-1060 .wrapperHeader {
padding-top: 15px;
padding-bottom: 15px;
}
}
.page-id-1060 .flip .col2 {
flex-basis: 40% !important;
}
.page-id-1060 .flip .col1 {
flex-basis: 60% !important;
}
.page-id-1060 .imageTextCol:not(.flip) .col2 {
flex-basis: 40% !important;
}
.page-id-1060 .imageTextCol:not(.flip) .col1 {
flex-basis: 60% !important;
}
.page-id-1060 .imageTextCol img {
max-height: 500px;
}
.page-id-1060 .imageTextCol figure {
display: flex;
justify-content: center;
align-items: center;
}
.page-id-1060 nav, .page-id-1060 .goContact, .page-id-1060 .goQuote {
display: none !important;
}
.page-id-1060 .topLinks {
padding-top: 0px !important;
}
.page-id-1060 h2 {
font-size: 3em;
font-weight: 600;
line-height: 1em;
color: #232325;
}
@media only screen and (max-width: 1200px) {
.page-id-1060 h2 {
font-size: 2.8em;
}
}
@media only screen and (max-width: 1000px) {
.page-id-1060 h2 {
font-size: 2.5em;
}
}
@media only screen and (max-width: 950px) {
.page-id-1060 h2 {
font-size: 2.2em;
}
}
@media only screen and (max-width: 780px) {
.page-id-1060 h2 {
font-size: 2em;
}
}
.page-id-1060 p {
font-size: 18px !important;
color: #232325;
}
@media only screen and (max-width: 780px) {
.page-id-1060 p {
font-size: 18px !important;
}
}
.page-id-1060 figcaption.wp-element-caption {
margin-top: 10px;
color: #999;
text-align: center;
}
.page-id-1060 .subHead {
font-size: 24px !important;
font-weight: 500;
letter-spacing: 0 !important;
}
.wp-block-lazyblock-blog-loop {
margin: 0 auto !important;
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
}
@media only screen and (max-width: 1320px) {
.wp-block-lazyblock-blog-loop {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 780px) {
.wp-block-lazyblock-blog-loop {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
.wp-block-lazyblock-blog-loop .blogLoop {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
row-gap: 40px;
}
@media only screen and (max-width: 800px) {
.wp-block-lazyblock-blog-loop .blogLoop {
grid-template-columns: 1fr;
padding-top: 40px;
padding-bottom: 40px;
}
}
.wp-block-lazyblock-blog-loop .blogLoop .blog-item {
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
border-radius: 10px !important;
overflow: hidden;
margin-right: 20px !important;
}
@media only screen and (max-width: 841px) {
.wp-block-lazyblock-blog-loop .blogLoop .blog-item {
margin-right: 0px !important;
}
}
.wp-block-lazyblock-blog-loop .blogLoop .blog-item img {
width: 100%;
height: 100%;
object-fit: cover;
height: 400px;
border-top-right-radius: 10px !important;
border-top-left-radius: 10px !important;
transition: transform 0.6s ease;
}
.wp-block-lazyblock-blog-loop .blogLoop .blog-item img:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 1000px) {
.wp-block-lazyblock-blog-loop .blogLoop .blog-item img {
height: 300px;
}
}
.wp-block-lazyblock-blog-loop .blogLoop .blog-item .blog-content {
background-color: #ffffff;
padding: 20px 30px 20px 30px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
z-index: 9999;
position: relative;
}
.wp-block-lazyblock-blog-loop .blogLoop .blog-item .blog-content h2 {
margin-bottom: 10px;
}
.wp-block-lazyblock-blog-loop .blogLoop .blog-item .blog-content .excerpt {
font-size: 16px;
line-height: 1.5;
color: #666;
}
.blogContent {
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
}
@media only screen and (max-width: 780px) {
.blogContent {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 1320px) {
.blogContent {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.qualityService {
width: 100%;
max-width: 100%;
}
.qualityService .titleTop {
max-width: 1300px;
padding-top: 70px;
margin: 0 auto !important;
max-width: 100%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
@media only screen and (max-width: 780px) {
.qualityService .titleTop {
padding-top: 50px;
}
}
@media only screen and (max-width: 1320px) {
.qualityService .titleTop {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
.qualityService .inner {
max-width: 1300px;
padding-top: 70px !important;
padding-bottom: 70px !important;
margin: 0 auto !important;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 20px;
padding-top: 20px !important;
}
@media only screen and (max-width: 780px) {
.qualityService .inner {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
}
@media only screen and (max-width: 1320px) {
.qualityService .inner {
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media only screen and (max-width: 1290px) {
.qualityService .inner {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media only screen and (max-width: 900px) {
.qualityService .inner {
grid-template-columns: 1fr 1fr;
padding-top: 0px !important;
}
}
@media only screen and (max-width: 600px) {
.qualityService .inner {
grid-template-columns: 1fr;
}
}
.qualityService .inner .item {
background-color: white;
border-radius: 10px;
padding: 30px;
text-align: center;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.qualityService .inner .item p:first-of-type {
font-weight: 600;
}
figcaption.wp-element-caption {
margin-top: 10px;
font-size: 0.9em;
}
.callOut {
-webkit-box-shadow: 1px 2px 15px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 1px 2px 15px 0px rgba(0, 0, 0, 0.25);
box-shadow: 1px 2px 15px 0px rgba(0, 0, 0, 0.25);
}
.imgTextbox img {
border-radius: 15px;
}
.imgTextbox img:hover {
opacity: 0.8;
}
.accordion-list {
border-radius: 10px;
}
.wp-block-lazyblock-faq {
padding-top: 20px !important;
}
div#gform_confirmation_message_6 {
border: 2px solid #46bdbd;
padding: 1em;
border-radius: 10px;
font-size: 1.3em;
background-color: #70fbfb;
}
 .slick-loading .slick-list {
background: #fff url(https://www.markenlofts.co.uk/wp-content/themes/MarkenLofts/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: "slick";
src: url(https://www.markenlofts.co.uk/wp-content/themes/MarkenLofts/fonts/slick.eot);
src: url(https://www.markenlofts.co.uk/wp-content/themes/MarkenLofts/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://www.markenlofts.co.uk/wp-content/themes/MarkenLofts/fonts/slick.woff) format("woff"), url(https://www.markenlofts.co.uk/wp-content/themes/MarkenLofts/fonts/slick.ttf) format("truetype"), url(https://www.markenlofts.co.uk/wp-content/themes/MarkenLofts/fonts/slick.svg#slick) format("svg");
font-weight: normal;
font-style: normal;
} .slick-prev, .slick-next {
position: absolute;
display: block;
height: 20px;
width: 20px;
line-height: 0px;
font-size: 0px;
cursor: pointer;
background: transparent;
color: transparent;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
padding: 0;
border: none;
outline: none;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
outline: none;
background: transparent;
color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
opacity: 0.25;
}
.slick-prev:before, .slick-next:before {
font-family: "slick";
font-size: 20px;
line-height: 1;
color: white;
opacity: 0.75;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: -25px;
}
[dir="rtl"] .slick-prev {
left: auto;
right: -25px;
}
.slick-prev:before {
content: "←";
}
[dir="rtl"] .slick-prev:before {
content: "→";
}
.slick-next {
right: -25px;
}
[dir="rtl"] .slick-next {
left: -25px;
right: auto;
}
.slick-next:before {
content: "→";
}
[dir="rtl"] .slick-next:before {
content: "←";
} .slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
list-style: none;
display: block;
text-align: center;
padding: 0;
margin: 0;
width: 100%;
}
.slick-dots li {
position: relative;
display: inline-block;
height: 20px;
width: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
border: 0;
background: transparent;
display: block;
height: 20px;
width: 20px;
outline: none;
line-height: 0px;
font-size: 0px;
color: transparent;
padding: 5px;
cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
content: "•";
width: 20px;
height: 20px;
font-family: "slick";
font-size: 6px;
line-height: 20px;
text-align: center;
color: black;
opacity: 0.25;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 0.75;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}