@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;
}
.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;
}
.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 {
text-decoration: none;
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;
}