.flex-display{display:flex;flex-wrap:wrap;width:100%}.flex-display-align{display:flex;flex-wrap:wrap;align-items:center;width:100%}.flex-align-center{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width:100%}.flex-align-between{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:100%}.flex-align-around{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-around;width:100%}.flex-align-evenly{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-evenly;width:100%}.flex-align-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;width:100%}.flex-align-start{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;width:100%}.flex-justify-center{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.flex-justify-space-between{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%}.flex-justify-space-around{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.flex-justify-space-evenly{display:flex;flex-wrap:wrap;justify-content:space-evenly;width:100%}.flex-justify-end{display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%}.flex-justify-start{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.flex-col-full{flex-basis:0;flex-grow:1}.flex-10-full{width:10%}.flex-20-full{width:20%}.flex-30-full{width:30%}.flex-40-full{width:40%}.flex-50-full{width:50%}.flex-60-full{width:60%}.flex-70-full{width:70%}.flex-80-full{width:80%}.flex-90-full{width:90%}.flex-container{padding:0 10px}@media screen and (min-width:768px){.flex-container{width:750px;margin:0 auto}.flex-col-sm{flex-basis:0;flex-grow:1}.flex-sc-sm{flex-basis:0;flex-grow:1}.flex-2-col-sm{flex:1 1 50%}.flex-3-col-sm{flex:1 1 33.3%}.flex-4-col-sm{flex:1 1 25%}.flex-5-col-sm{flex:1 1 20%}.flex-6-col-sm{flex:1 1 16.6%}.flex-2-sc-sm{flex:1 1 50%}.flex-3-sc-sm{flex:1 1 33.3%}.flex-4-sc-sm{flex:1 1 25%}.flex-5-sc-sm{flex:1 1 20%}.flex-6-sc-sm{flex:1 1 16.6%}.flex-2-col-shrink-sm{flex:0 1 50%;max-width:50%}.flex-3-col-shrink-sm{flex:0 1 33.3%;max-width:33.3%}.flex-4-col-shrink-sm{flex:0 1 25%;max-width:25%}.flex-5-col-shrink-sm{flex:0 1 20%;max-width:20%}.flex-6-col-shrink-sm{flex:0 1 16.6%;max-width:16.6%}.flex-2-sc-shrink-sm{flex:0 1 50%;max-width:50%}.flex-3-sc-shrink-sm{flex:0 1 33.3%;max-width:33.3%}.flex-4-sc-shrink-sm{flex:0 1 25%;max-width:25%}.flex-5-sc-shrink-sm{flex:0 1 20%;max-width:20%}.flex-6-sc-shrink-sm{flex:0 1 16.6%;max-width:16.6%}.flex-10-sm{flex:1 1 10%;max-width:10%}.flex-20-sm{flex:1 1 20%;max-width:20%}.flex-30-sm{flex:1 1 30%;max-width:30%}.flex-40-sm{flex:1 1 40%;max-width:40%}.flex-50-sm{flex:1 1 50%;max-width:50%}.flex-60-sm{flex:1 1 60%;max-width:60%}.flex-70-sm{flex:1 1 70%;max-width:70%}.flex-80-sm{flex:1 1 80%;max-width:80%}.flex-90-sm{flex:1 1 90%;max-width:90%}}@media screen and (min-width:992px){.flex-container{width:970px;margin:0 auto}.flex-col{flex-basis:0;flex-grow:1}.flex-sc{flex-basis:0;flex-grow:1}.flex-2-col{flex:1 1 50%}.flex-3-col{flex:1 1 33.3%}.flex-4-col{flex:1 1 25%}.flex-5-col{flex:1 1 20%}.flex-6-col{flex:1 1 16.6%}.flex-2-sc{flex:1 1 50%}.flex-3-sc{flex:1 1 33.3%}.flex-4-sc{flex:1 1 25%}.flex-5-sc{flex:1 1 20%}.flex-6-sc{flex:1 1 16.6%}.flex-2-col-shrink{flex:0 1 50%;max-width:50%}.flex-3-col-shrink{flex:0 1 33.3%;max-width:33.3%}.flex-4-col-shrink{flex:0 1 25%;max-width:25%}.flex-5-col-shrink{flex:0 1 20%;max-width:20%}.flex-6-col-shrink{flex:0 1 16.6%;max-width:16.6%}.flex-2-sc-shrink{flex:0 1 50%;max-width:50%}.flex-3-sc-shrink{flex:0 1 33.3%;max-width:33.3%}.flex-4-sc-shrink{flex:0 1 25%;max-width:25%}.flex-5-sc-shrink{flex:0 1 20%;max-width:20%}.flex-6-sc-shrink{flex:0 1 16.6%;max-width:16.6%}.flex-10{flex:1 1 10%;max-width:10%}.flex-20{flex:1 1 20%;max-width:20%}.flex-30{flex:1 1 30%;max-width:30%}.flex-40{flex:1 1 40%;max-width:40%}.flex-50{flex:1 1 50%;max-width:50%}.flex-60{flex:1 1 60%;max-width:60%}.flex-70{flex:1 1 70%;max-width:70%}.flex-80{flex:1 1 80%;max-width:80%}.flex-90{flex:1 1 90%;max-width:90%}}@media screen and (min-width:1201px){.flex-container{width:1170px;margin:0 auto}.flex-col-lg{flex-basis:0;flex-grow:1}.flex-sc-lg{flex-basis:0;flex-grow:1}.flex-2-col-lg{flex:1 1 50%}.flex-3-col-lg{flex:1 1 33.3%}.flex-4-col-lg{flex:1 1 25%}.flex-5-col-lg{flex:1 1 20%}.flex-6-col-lg{flex:1 1 16.6%}.flex-2-sc-lg{flex:1 1 50%}.flex-3-sc-lg{flex:1 1 33.3%}.flex-4-sc-lg{flex:1 1 25%}.flex-5-sc-lg{flex:1 1 20%}.flex-6-sc-lg{flex:1 1 16.6%}.flex-2-col-shrink-lg{flex:0 1 50%;max-width:50%}.flex-3-col-shrink-lg{flex:0 1 33.3%;max-width:33.3%}.flex-4-col-shrink-lg{flex:0 1 25%;max-width:25%}.flex-5-col-shrink-lg{flex:0 1 20%;max-width:20%}.flex-6-col-shrink-lg{flex:0 1 16.6%;max-width:16.6%}.flex-2-sc-shrink-lg{flex:0 1 50%;max-width:50%}.flex-3-sc-shrink-lg{flex:0 1 33.3%;max-width:33.3%}.flex-4-sc-shrink-lg{flex:0 1 25%;max-width:25%}.flex-5-sc-shrink-lg{flex:0 1 20%;max-width:20%}.flex-6-sc-shrink-lg{flex:0 1 16.6%;max-width:16.6%}.flex-10-lg{flex:1 1 10%;max-width:10%}.flex-20-lg{flex:1 1 20%;max-width:20%}.flex-30-lg{flex:1 1 30%;max-width:30%}.flex-40-lg{flex:1 1 40%;max-width:40%}.flex-50-lg{flex:1 1 50%;max-width:50%}.flex-60-lg{flex:1 1 60%;max-width:60%}.flex-70-lg{flex:1 1 70%;max-width:70%}.flex-80-lg{flex:1 1 80%;max-width:80%}.flex-90-lg{flex:1 1 90%;max-width:90%}}@media screen and (max-width:1200px){.flex-10-lg,.flex-2-col-lg,.flex-2-col-shrink-lg,.flex-20-lg,.flex-3-col-lg,.flex-3-col-shrink-lg,.flex-30-lg,.flex-4-col-lg,.flex-4-col-shrink-lg,.flex-40-lg,.flex-5-col-lg,.flex-5-col-shrink-lg,.flex-50-lg,.flex-6-col-lg,.flex-6-col-shrink-lg,.flex-60-lg,.flex-70-lg,.flex-80-lg,.flex-90-lg,.flex-col-lg{flex:1 1 100%}.stack-column-lg{flex-direction:column;flex:1 1 100%}}@media screen and (max-width:991px){.flex-10,.flex-2-col,.flex-2-col-shrink,.flex-20,.flex-3-col,.flex-3-col-shrink,.flex-30,.flex-4-col,.flex-4-col-shrink,.flex-40,.flex-5-col,.flex-5-col-shrink,.flex-50,.flex-6-col,.flex-6-col-shrink,.flex-60,.flex-70,.flex-80,.flex-90,.flex-col{flex:1 1 100%}.stack-column{flex-direction:column;flex:1 1 100%}}@media screen and (max-width:767px){.flex-10-sm,.flex-2-col-shrink-sm,.flex-2-col-sm,.flex-20-sm,.flex-3-col-shrink-sm,.flex-3-col-sm,.flex-30-sm,.flex-4-col-shrink-sm,.flex-4-col-sm,.flex-40-sm,.flex-5-col-shrink-sm,.flex-5-col-sm,.flex-50-sm,.flex-6-col-shrink-sm,.flex-6-col-sm,.flex-60-sm,.flex-70-sm,.flex-80-sm,.flex-90-sm,.flex-col-sm{flex:1 1 100%}.stack-column-sm{flex-direction:column;flex:1 1 100%}}a.btn {
border: 1px solid var(--color_1);
border-radius: 15px;
color: var(--color_1);
padding: 10px 40px;
text-transform: none;
letter-spacing: 0;
font-size: 24px;
font-weight: 600;
box-shadow: none;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
width:auto !important;
}
a.btn:hover,
a.btn:focus {
background-color: var(--color_1);
color: var(--color_6);
} .primary-header {
background-color: var(--color_6);
color: var(--color_7);
padding: 10px 0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
position: fixed;
}
body {
margin-top: var(--headerHeight);
transition: margin ease 0.3s;
}
body.scrolled {
margin-top: calc(var(--headerHeight) - 45px);
}
[id] {
scroll-margin-top: var(--headerHeight);
}
.primary-header .logo-col {
flex: 0 0 400px;
}
.primary-header .logo-col img {
max-height: 100px;
}
.primary-header .logo-col img.center-block {
margin: 0;
}
.primary-header a {
color: var(--color_4);
font-weight: 600;
}
.primary-header a:hover,
.primary-header a:focus,
.primary-header a:hover,
.primary-header li.current-menu-item a {
color: var(--color_1);
}
.primary-header li ul.sub-menu {
background-color: var(--color_6);
} .primary-footer {
background-color: var(--color_1);
}
.form-section {
border-top: 1px solid var(--color_3);
}
.form-section .footer-form {
column-gap: 50px;
align-items: center;
}
.form-section .footer-form .content-col {
color: var(--color_7);
flex: 1 1 calc(40% - 50px);
}
.form-section .footer-form .content-col h2 {
color: var(--color_1);
font-weight: 600;
}
.form-section .footer-form .form-col {
background-color: var(--color_3);
color: var(--color_6);
border-radius: 15px;
padding: 30px;
flex: 1 1 calc(55% - 50px);
}
.form-section .footer-form .form-col label,
.form-section .footer-form .form-col legend {
color: var(--color_6);
}
.form-section .footer-form .form-col form .gform_footer input[type="submit"] {
background-color: var(--color_1) !important;
}
.form-section .footer-form .form-col form .gform_footer input[type="submit"]:hover {
background-color: var(--color_6) !important;
color: var(--color_1) !important;
}
.form-section h2 {
margin-bottom: 30px;
}
.gform-body h3 {
margin: 0;
}
.gform-theme--foundation .gform_fields {
row-gap: 20px !important;
} .carousel.fade .item {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.content-section.full-width {
padding-top: 60px;
}
.feature-section {
padding-top: 30px;
padding-bottom: 100px;
}
.content-section.full-width .content-row {
background-color: var(--color_9);
margin: 0 auto;
width: 1170px;
}
.carousel-inner .item {
background-color: var(--color_3);
flex-wrap: wrap;
column-gap: 0;
row-gap: 30px;
align-items: center;
}
.carousel-inner .image-col {
flex: 0 0 calc(55% - 50px);
}
.content-section.right .content-row {
flex-direction: row-reverse;
}
.content-section.full-width .content-col {
padding: 30px;
}
.carousel-inner .content-col {
color: var(--color_6);
padding: 30px 70px;
flex: 0 0 calc(45% - 50px);
}
.carousel-inner .content-col h2,
.form-section .footer-form .content-col h2 {
line-height: 150%;
font-weight: 600;
margin-bottom: 40px;
}
.carousel-inner .content-col h2 {
color: var(--color_6);
}
.carousel-inner .content-col a.btn {
border: 1px solid var(--color_6);
border-radius: 15px;
color: var(--color_6);
font-size: 24px;
font-weight: 600;
margin: 40px 0 0 0;
padding: 10px 40px;
text-align: center;
width: 70%;
}
.carousel-inner .content-col a.btn:hover,
.carousel-inner .content-col a.btn:focus {
background-color: var(--color_6);
color: var(--color_1);
}
.content-section.intro {
border-top: 0;
border-bottom: 0;
}
.content-section.intro .content-col {
padding: 75px 75px 0 75px;
}
body.home .feature-section {
padding: 0;
}
body.home .feature-section {
padding: 0;
text-align: center;
}
body.home .feature-section .features {
flex-wrap: wrap;
column-gap: 0;
row-gap: 0;
justify-content: center;
}
body.home .feature-section .feature {
position: relative;
flex: 33%;
}
body.home .col.feature.item-1 {
transform: translate(26.7%, 27%);
}
body.home .col.feature.item-2 {
transform: translate(-8.5%, 26.9%);
}
body.home .col.feature.item-3 {
transform: translate(-35.4%, 27%);
}
body.home .col.feature.item-4 {
transform: translateX(35.1%);
}
body.home .col.feature.item-6 {
transform: translateX(-43.8%);
}
body.home .col.feature.item-7 {
transform: translate(35%, -42%);
}
body.home .col.feature.item-8 {
transform: translateY(-42%);
}
body.home .col.feature.item-9 {
transform: translate(-35.4%, -20.5%);
}
body.home .col.feature {
cursor: pointer;
transition: opacity ease 0.3s;
}
body.home .col.feature:hover {
opacity: 0.4;
}
body.home .feature-section .feature h2 {
position: absolute;
top: 0;
left: 0;
color: #fff;
letter-spacing: 0.5px;
font-size: 17px;
font-weight: 300;
margin-top: 50%;
margin-left: 50%;
z-index: 5;
text-align: center;
}
body.home .col.feature.item-1 h2 {
transform: translate(-54%, -217%);
max-width: 70px;
}
body.home .col.feature.item-2 h2 {
transform: translate(-50%, -172%);
}
body.home .col.feature.item-3 h2 {
transform: translate(-75%, -217%);
max-width: 120px;
}
body.home .col.feature.item-4 h2 {
transform: translate(-67%, -75%);
}
body.home .col.feature.item-5 h2 {
transform: translate(-65%, -70%);
max-width: 170px;
}
body.home .col.feature.item-6 h2 {
transform: translate(-51%, -60%);
max-width: 150px;
}
body.home .col.feature.item-7 h2 {
transform: translate(-65%, -65%);
}
body.home .col.feature.item-8 h2 {
transform: translate(-63%, -60%);
}
body.home .col.feature.item-9 h2 {
transform: translate(-72%, -165%);
max-width: 120px;
}
body.home .feature-section .feature .image {
margin: auto;
max-width: max-content;
}
body.home .feature-section .feature.interior img {
width: 100%;
height: auto;
object-fit: cover;
}
body.home .feature .icon span {
color: var(--color_1);
font-size: 90px;
margin-bottom: 30px;
}
body.home .feature-section .feature a.btn {
background: none;
border: none;
border-radius: 0;
color: var(--color_1);
padding: 0;
white-space: break-spaces;
display: flex;
}
.cta-section {
background-color: var(--color_3);
margin-bottom: 100px;
}
.cta-section .ctas {
flex-direction: column;
column-gap: 20px;
transform: translateY(50px);
}
.cta-section .cta-box {
background-color: var(--color_6);
color: var(--color_1);
border: 1px solid var(--color_7);
font-size: 24px;
font-weight: 600;
margin: 0 0 30px 0;
padding: 45px;
text-align: center;
}
.cta-section .cta-box a.btn {
background-color: var(--color_1);
color: var(--color_6);
border-radius: 15px;
padding: 10px 40px;
white-space: break-spaces;
}
.cta-section .cta-box a.btn:hover,
.cta-section .cta-box a.btn:focus {
background-color: var(--color_3);
}
.review-section {
background-color: var(--color_5);
color: var(--color_6);
}
.owl-carousel.owl-drag .owl-item {
width: 500px;
}
.review-section .owl-carousel .owl-dots .owl-dot {
background-color: transparent;
border: 2px solid var(--color_6);
margin: 0 7px;
width: 20px;
height: 20px;
}
.review-section .owl-carousel .owl-dots .owl-dot:hover,
.review-section .owl-carousel .owl-dots .owl-dot:focus,
.review-section .owl-carousel .owl-dots .owl-dot.active {
background-color: var(--color_1);
border: 2px solid var(--color_1);
} .heading-underline h2,
h2.heading-underline,
.content-section h1 {
position: relative;
padding-bottom: 20px;
margin-bottom: 50px;
font-size: 50px;
color: var(--color_1);
font-weight: 600;
}
.content-section h1 {
font-size: 40px;
}
.heading-underline h2:after,
h2.heading-underline:after,
.content-section h1:after {
content: "";
width: 150px;
height: 4px;
background-color: var(--color_4);
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.heading-underline.heading-underline_left h2:after {
left: 0;
transform: none;
}
.services-section {
padding: 85px 0;
}
.services-section .services {
flex-wrap: wrap;
column-gap: 45px;
row-gap: 30px;
}
.services-section .service {
flex: 1 1 calc(33.33% - 30px);
box-shadow: 2px 2px 4px 0 #1e1e1e;
background-color: var(--color_3);
transition: transform ease 0.3s;
}
.services-section .service .image img {
width: 100%;
}
.services-section .service:hover {
transform: translateY(-15px);
}
.services-section .service .content {
padding: 25px;
}
.services-section .service .content p:last-child {
margin-bottom: 0;
}
.services-section .service h3 {
font-size: 25px;
font-weight: 600;
}
.services-section .service a {
font-weight: 400;
color: var(--color_1);
}
.service-section {
background-color: var(--color-4);
}
.service-section h2 {
font-size: 42px;
}
.service-section.img-left .content-row {
flex-direction: row-reverse;
}
.service-section .content-row {
flex-wrap: wrap;
}
.service-section .content-row > .col {
flex: 1 1 50%;
}
.service-section .content-row .content-col {
align-self: center;
padding: 65px;
}
.service-section .content-row .image-col {
position: relative;
min-height: 350px;
}
.service-section .content-row .image-col .inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.service-section .content-row .image-col .inner img {
height: 100%;
width: 100%;
object-fit: cover;
}
ul.checks li {
list-style-type: none;
list-style-image: none;
}
ul.checks li:before {
content: "\2714\0020";
}
.content-section {
background-color: var(--color_6);
border-top: 1px solid var(--color_3);
border-bottom: 1px solid var(--color_3);
}
.page-id-116 #content-section-1.content-section {
border-bottom: none;
padding-bottom: 0;
}
.page-id-116 #content-section-1.content-section .content-col {
padding: 75px 75px 0 75px;
}
.page-id-116 #content-section-1.content-section .content-col h1 {
margin-bottom: 0;
}
.page-id-116 .content-section.content-callout {
border-top: none;
}
.content-section.content-bg {
background-color: var(--color_3);
color: var(--color_6);
}
.content-section .image-col img {
box-shadow: none;
}
.content-section.img-left .content-row {
flex-direction: row-reverse;
}
.content-section .content-row {
flex-wrap: wrap;
column-gap: 50px;
}
.content-section .content-row > .col {
flex: 1 1 calc(50% - 25px);
}
.content-section .content-col {
padding: 75px;
}
body.page-template-default .content-section,
body.page-template-page-blog .content-section {
border-bottom: 1px solid var(--color_3);
}
body.page-template-default .content-section .content-col,
body.page-template-page-blog .content-section .content-col {
padding: 0;
}
.content-section .image-col {
position: relative;
}
.content-section .image-col .image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.content-section .image-col .image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.content-section.content-bg a.btn {
border: 1px solid var(--color_6);
border-radius: 15px;
color: var(--color_6);
}
.content-section.content-bg a.btn:hover,
.content-section.content-bg a.btn:focus {
background-color: var(--color_6);
color: var(--color_1);
}
.content-section.content-callout .content-row > .col.image-col {
flex: 1 1 calc(35% - 25px);
}
.content-section.content-callout .content-row > .col.content-col {
flex: 1 1 calc(65% - 25px);
}
.content-section.content-callout a {
color: var(--color_1);
text-decoration: underline;
}
.content-section.content-bg p {
font-size: 120%;
}
.content-section.content-bg h3 {
line-height: 150%;
font-size: 150%;
}
.content-section.content-bg em {
font-size: 140%;
}
.content-section.industries-section .content-section-inner .content-row .content-col {
border: 20px solid var(--color_1);
}
.content-section.industries-section .content-section-inner .content-row .content-col h2 {
font-size: 50px;
font-weight: 100;
}
.content-section.industries-section .content-section-inner .content-row .content-col h2 strong {
font-weight: 700;
}
.content-section.industries-section .content-section-inner .content-row .content-col .industries-lists {
display: flex;
padding: 30px 0;
align-items: center;
justify-content: center;
}
.content-section.industries-section .content-section-inner .content-row .content-col ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0 50px;
}
.content-section.industries-section .content-section-inner .content-row .content-col ul.industry-column-2 {
border-left: 5px solid var(--color_3);
border-right: 5px solid var(--color_3);
}
.content-section.industries-section .content-section-inner .content-row .content-col ul h3 {
font-size: 40px;
font-weight: 100;
margin: 0;
}
.content-section.industries-section .content-section-inner .content-row .content-col ul li {
margin: 10px 0;
}
.content-section.industries-section .content-section-inner .content-row .content-col a.btn {
background-color: var(--color_4);
color: var(--color_6);
border: none;
font-size: 20px;
font-weight: 400;
}
.content-section.industries-section .content-section-inner .content-row .content-col a.btn:hover,
.content-section.industries-section .content-section-inner .content-row .content-col a.btn:focus {
background-color: var(--color_1);
}
.content-section h3.large {
font-size: 27px;
}
.page-id-208 .content-section.content-bg {
background-color: var(--color_5);
}
.service-section h2.no-underline {
font-size: 30px;
margin-bottom: 0;
}
.service-section h2.no-underline:after {
background-color: none;
height: 0;
}
.service-section a {
color: var(--color_4);
}
.service-section a:hover,
.service-section a:focus {
color: var(--color_1);
}
.service-section a.btn,
.service-section a.btn {
color: var(--color_1);
}
.service-section a.btn:hover,
.service-section a.btn:focus {
color: var(--color_6);
}
.blog-section {
border-bottom: 1px solid var(--color_3);
padding: 60px 0;
}
.blog-section .blogs {
display: flex;
column-gap: 50px;
}
.blog-section .blogs .blog {
flex: 1 1 calc(33% - 33px);
}
.brands-section {
border-top: 1px solid var(--color_3);
border-bottom: 1px solid var(--color_3);
padding: 85px 0;
}
.owl-carousel .owl-stage {
display: flex;
align-items: center;
}
.blog-section {
background-color: var(--color_6);
}
.blog-section .search {
text-align: right;
margin-bottom: 50px;
}
.blog-section .search form {
position: relative;
width: 250px;
margin-left: auto;
}
.blog-section .search form input {
width: 100%;
background: none;
border: none;
border-bottom: 1px solid var(--color_1);
padding: 6px 35px 6px 6px;
outline-color: var(--color_1);
}
.blog-section .search form button {
position: absolute;
right: 0;
top: 0;
bottom: 0;
background: none;
border: none;
color: var(--color_1);
}
.blog-section .posts {
flex-wrap: wrap;
column-gap: 75px;
row-gap: 75px;
}
.blog-section .post {
flex: 0 1 calc(50% - 37.5px);
position: relative;
box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.25);
}
.blog-section .post .image {
background-color: var(--color_1);
}
.blog-section .post .image img {
opacity: 0.5;
transition: all ease 0.3s;
width: 100%;
}
.blog-section .post a {
color: #fff;
}
.blog-section .post .heading {
position: absolute;
bottom: 50px;
left: 15px;
right: 15px;
font-weight: 300;
border-bottom: 2px solid #fff;
padding-bottom: 20px;
margin-bottom: 0;
}
.blog-section .post .date {
position: absolute;
top: 15px;
right: 15px;
font-weight: 400;
font-size: 20px;
letter-spacing: 2px;
}
.blog-section .post:hover .image img,
.blog-section .post:focus .image img {
opacity: 0.35;
}
.blog-section .posts-navigation {
margin-top: 65px;
}
.blog-section .posts-navigation .nav-links {
display: flex;
justify-content: center;
}
.blog-section .posts-navigation .nav-links > * {
margin: 0 20px;
}
.blog-section .posts-navigation .nav-links > *:not(:last-child) {
position: relative;
}
.blog-section .posts-navigation .nav-links > *:not(:last-child):after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 2px;
background-color: var(--color-1);
right: -23px;
}
.blog-section .posts-navigation .nav-links a {
font-weight: 300;
font-size: 30px;
display: flex;
column-gap: 0.5em;
align-items: center;
}
.mobile-logo img {
width: auto;
}
.banner-section .image img {
min-height: 150px;
}
.banner-section .content-col h2 {
font-size: 50px;
font-weight: 200;
text-align: center;
}
.banner-section .content-col h2 strong {
font-size: 70px;
font-weight: 200;
}
.content-section.content-bg {
background-color: var(--color_2);
}
.content-section.content-bg h2 {
text-transform: uppercase;
font-size: 42px;
font-weight: 700;
color: #fff;
}
.content-section.content-bg .content-col *:last-child {
margin-bottom: 0;
}
.content-section h2,
.content-section h3 {
color: var(--color_1);
}
.list-columns-3 {
column-count: 3;
column-gap: 50px;
}
.list-columns-3 > li {
flex: 0 1 calc(33.33% - 20px);
}
.list-columns-3 ul {
display: inline-block;
}
.industries-section {
background-color: var(--color_4);
}
.industries-section .content-col {
padding: 40px;
margin: 75px 0;
background-color: white;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.industries-section ul:last-child {
margin-bottom: 0;
}
.content-section h1 {
color: var(--color_1);
}
.list-center {
width: fit-content;
margin: 0 auto 20px;
}
.menu-item-has-children .sub-menu {
top: calc(100% + 35px);
}
.menu-item-has-children .sub-menu:before {
top: -45px;
}
.readmore {
padding-bottom: 30px;
}
.btn-info {
background: var(--color_4) !important;
color: #fff !important;
border: 1px solid var(--color_4) !important;
}
.btn-info:hover {
background: #fff !important;
color: var(--color_4) !important;
}
.btn-info::after {
content: "Read More";
}
.btn-info[aria-expanded="true"]::after {
content: "Close";
}
.cols {
display: flex;
flex-wrap: wrap;
}
.colscol {
flex: 1 1 50%;
padding: 0 30px;
}
.page-id-206 #content-section-1:nth-of-type(1) .container {
width: 1600px;
max-width: 100%;
}
.page-id-218 #service-section-9 .content-row .image-col .inner img {
object-fit: contain;
}
.page-id-218 #service-section-9 .btn {
white-space: pre-wrap;
}
.home .carousel-inner .item {
background-color: var(--color_1);
}
.cta-section {
background-color: var(--color_2);
margin-bottom: 0;
padding-bottom: 30px;
}
.cta-section .ctas {
transform: none;
}
.cta-section .cta-box {
margin: 30px 0 0 0;
}
body.page-id-218 .content-section.content-callout a {
background-color: transparent;
color: var(--color_1);
}
.content-section.content-callout .btn {
text-decoration: none;
color: #fff;
background-color: var(--color_1);
}
.content-section.content-callout .btn:hover {
color: var(--color_1);
background-color: #fff;
}
.red-heading {
font-size: 36px;
color: var(--color_4) !important;
} @media (min-width: 992px) {
.container.feature-section-inner {
width: 1170px;
}
}
@media screen and (max-width: 1440px) {
.carousel-inner .content-col {
padding: 30px;
flex: 0 0 calc(50% - 50px);
}
}
@media screen and (max-width: 1200px) {
.content-section.industries-section .content-section-inner .content-row .content-col .industries-lists {
flex-direction: column;
padding: 0 0 30px 0;
}
.content-section.industries-section .content-section-inner .content-row .content-col .industries-lists ul li {
text-align: center;
}
.content-section.industries-section .content-section-inner .content-row .content-col ul.industry-column-2 {
border-left: none;
border-right: none;
}
}
@media screen and (max-width: 991px) {
.page-id-114 .list-columns-3 {
column-count: 1;
}
.page-id-114 .list-columns-3 ul {
display: block;
}
.cols {
flex-direction: column;
}
.mobile-header .mobile-c2a {
background-color: var(--color_1);
}
.mobile-header .mobile-nav,
.mobile-header .nav-more {
background-color: var(--color_6);
}
.mobile-header .mobile-nav a,
.mobile-header .nav-toggler {
color: var(--color_7);
}
.mobile-header .mobile-nav .current_page_item > a,
.mobile-header .mobile-nav a:hover,
.mobile-header .mobile-nav a:focus,
.mobile-header .nav-toggler .toggle-less,
.mobile-header .nav-toggler.active .icon {
color: var(--color_1);
}
.carousel-inner .image-col,
.carousel-inner .content-col {
flex: 100%;
}
.cta-section .ctas {
flex-direction: column;
}
.cta-section .cta-box {
margin-bottom: 20px;
}
.content-section.img-left .content-row {
flex-direction: column-reverse;
}
.content-section.content-callout .content-row > .col.image-col {
flex: 100%;
padding: 60px 30px 0 30px;
}
.content-section.content-callout .content-row > .col.content-col {
flex: 100%;
padding: 30px 30px 75px 30px;
}
.blog-section .blogs {
flex-direction: column;
}
.blog-section .blogs .blog {
flex: 100%;
margin: 0 0 30px 0;
}
.form-section .footer-form {
flex-direction: column;
}
.form-section .footer-form .content-col,
.form-section .footer-form .form-col {
flex: 100%;
}
.primary-footer .logo img {
width: 33.33%;
height: auto;
}
.service-section .content-row .content-col {
padding: 65px 35px;
}
body.home .feature-section .features {
flex-direction: column;
margin-top: 0;
margin-bottom: 0;
padding: 0 0 60px 0;
}
body.home .feature-section .features .col.feature.item-1,
body.home .feature-section .features .col.feature.item-2,
body.home .feature-section .features .col.feature.item-3,
body.home .feature-section .features .col.feature.item-4,
body.home .feature-section .features .col.feature.item-5,
body.home .feature-section .features .col.feature.item-6,
body.home .feature-section .features .col.feature.item-7,
body.home .feature-section .features .col.feature.item-8,
body.home .feature-section .features .col.feature.item-9 {
position: relative;
transform: none;
}
body.home .feature-section .features .col.feature.item-3 .image,
body.home .feature-section .features .col.feature.item-4 .image,
body.home .feature-section .features .col.feature.item-5 .image,
body.home .feature-section .features .col.feature.item-7 .image,
body.home .feature-section .features .col.feature.item-8 .image,
body.home .feature-section .features .col.feature.item-9 .image {
position: relative;
transform: translateX(33px);
}
body.home .col.feature.item-1 h2,
body.home .col.feature.item-2 h2,
body.home .col.feature.item-3 h2,
body.home .col.feature.item-4 h2,
body.home .col.feature.item-5 h2,
body.home .col.feature.item-6 h2,
body.home .col.feature.item-7 h2,
body.home .col.feature.item-8 h2,
body.home .col.feature.item-9 h2 {
position: relative;
color: var(--color-1);
margin-top: 20px;
margin-bottom: 45px;
margin-left: 0;
transform: none;
max-width: none;
}
body.home .feature-section .features .col.feature:hover {
opacity: 1;
}
}
@media screen and (max-width: 767px) {
.blog-section .blogs {
max-width: 500px;
margin: 0 auto;
}
.blog-section .blog:nth-child(odd) .image-col {
order: 0;
}
.main-section.single .image.pull-left {
float: none !important;
margin: 0 auto 20px;
}
.content-section .content-row > .col {
padding: 75px 0;
}
.content-section.content-callout .content-row > .col.image-col {
flex: 100%;
padding: 45px 15px 0 15px;
}
.content-section.content-callout .content-row > .col.content-col {
flex: 100%;
padding: 30px 15px 60px 15px;
}
.service-section .content-row .content-col {
padding: 65px 15px;
}
body.home .feature-section .features {
column-gap: 20px;
row-gap: 20px;
}
body.home .feature-section .feature {
flex-basis: calc(50% - 10px);
}
body.home .feature-section .feature h2 {
font-size: 18px;
}
.service-section .content-row > .col {
flex-basis: 100%;
}
}
@media screen and (max-width: 450px) {
.heading-underline h2,
h2.heading-underline,
.content-section h1 {
font-size: 42px;
}
body.home .feature-section .feature .image {
margin: 30px;
}
}