:root {
--dark-grey: #292b2e;
--medium-grey: #4d5156;
--light-grey: #b2b2b2;
--orange: #f05123;
--background-grey: #51565b;
--white: white;
--tan: #ece6ce;
--form-grey: #889199;
--black: black;
}
a { 
color: var(--orange);
}
body {
background-color: var(--dark-grey);
color: var(--medium-grey);
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 400;
line-height: 30px;
}
h1 {
margin-top: 0;
margin-bottom: 10px;
font-size: 39px;
font-weight: 700;
line-height: 46px;
}
h2 {
margin-top: 0;
margin-bottom: 10px;
font-size: 27px;
font-weight: 700;
line-height: 38px;
}
h3 {
margin-top: 0;
margin-bottom: 10px;
font-size: 17px;
font-weight: 700;
line-height: 29px;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
p {
margin-bottom: 10px;
font-size: 17px;
line-height: 30px;
}
a {
text-decoration: none;
}
blockquote {
border-top: 1px solid var(--light-grey);
border-bottom: 1px solid var(--light-grey);
color: var(--orange);
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/bg-quote.svg);
background-position: 50px 34px;
background-repeat: no-repeat;
background-size: 30px;
border-left: 0 solid #000;
margin: 20px -10px;
padding: 30px 60px 30px 100px;
font-size: 18px;
font-style: italic;
font-weight: 700;
line-height: 22px;
}
.footer-top {
background-color: var(--background-grey);
color: #f0f0f0;
padding-top: 60px;
padding-bottom: 60px;
}
.footer-top a {
color: #fff;
opacity: 1;
transition: opacity .5s;
}
.footer-top a:hover {
opacity: .5;
}
.footer-bottom {
background-color: var(--dark-grey);
color: #889199;
letter-spacing: 1px;
text-transform: uppercase;
padding-top: 40px;
padding-bottom: 40px;
font-size: 10px;
}
.container {
z-index: 2;
width: 1220px;
max-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: relative;
}
.container.flex-ends {
justify-content: space-between;
align-items: center;
display: flex;
}
.container.flex-ends.align-top {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: flex-start;
}
.container.centered {
text-align: center;
}
.container.blog-content, .container.blog-bottom, .container.case-studies-content {
width: 900px;
padding-left: 20px;
padding-right: 20px;
}
.social-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: center;
display: flex;
}
.social-icon {
height: 23px;
transition: opacity .5s;
}
.social-icon:hover {
opacity: .5;
}
.grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.logo-footer {
width: 185px;
}
.navbar {
background-color: var(--dark-grey);
padding-top: 40px;
padding-bottom: 40px;
}
.logo {
height: 45px;
}
.nav-link {
color: var(--white);
text-align: center;
text-transform: lowercase;
padding: 0;
font-weight: 700;
transition: color .5s;
}
.nav-link:hover, .nav-link.w--current {
color: var(--orange);
}
.nav-menu {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.nav-contact {
width: 40px;
height: 40px;
transition: transform .5s;
text-indent: -9999999px;
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/icon-contact.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.nav-contact:hover {
transform: scale(1.15);
}
.home-hero {
background-color: #51565b;
justify-content: center;
align-items: center;
min-height: 900px;
display: flex;
position: relative;
}
.hero-image {
opacity: .1;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
top: 0%;
bottom: 0%;
left: 0%;
right: 0%;
}
.hero-overlay {
z-index: 3;
width: 100%;
position: absolute;
}
.hero-overlay-image {
z-index: 2;
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.hero-text {
color: var(--white);
text-align: right;
width: 50%;
margin-left: 50%;
}
.home-intro {
background-color: #fff;
}
.home-intro-divider {
background-color: #35383b;
width: 100%;
height: 170px;
}
.divider-top {
background-color: var(--white);
border-bottom-right-radius: 40px;
border-bottom-left-radius: 40px;
width: 100%;
height: 100%;
}
.home-services {
background-color: var(--background-grey);
}
.case-studies {
background-color: var(--tan);
}
.case-studies .section-heading {
color: var(--medium-grey);
}
.services-gradient {
background-image: linear-gradient(180deg, #35383b, var(--background-grey));
width: 100%;
height: 170px;
}
.services-gradient.page-header {
height: 110px;
}
.case-studies-header {
background-image: linear-gradient(180deg, #c2bcaa, var(--tan));
}
.home-intro-wrapper {
z-index: 5;
background-color: var(--tan);
border-radius: 10px;
margin-top: -40px;
margin-bottom: 40px;
padding: 80px;
position: relative;
box-shadow: 0 30px 15px -15px rgba(0, 0, 0, .2);
}
.grid-2 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-2.align-center {
align-items: center;
justify-items: center;
}
.grid-2.process-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
}
.intro-heading {
text-align: right;
}
.intro-text {
padding: 0 40px;
}
.h1 {
margin-bottom: 10px;
font-size: 39px;
font-weight: 700;
line-height: 46px;
}
.h2 {
margin-bottom: 10px;
font-size: 27px;
font-weight: 700;
line-height: 38px;
}
.h3 {
margin-bottom: 10px;
font-size: 17px;
font-weight: 700;
line-height: 29px;
}
.h4 {
font-size: 15px;
font-weight: 700;
line-height: 20px;
}
.h5 {
font-size: 14px;
font-weight: 700;
line-height: 20px;
}
.newsletter-wraper {
width: 33.333%;
}
.spacer {
height: 80px;
}
.spacer.spacer-small {
height: 50px;
}
.spacer.spacer-large {
height: 120px;
}
.intro-image {
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 15px -15px;
}
.btn {
border: none;
background-color: var(--orange);
border-radius: 10px;
padding: 15px 35px;
font-weight: 700;
transition: background-color .5s;
}
.btn:hover {
background-color: var(--medium-grey);
}
.btn.news-btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn.btn-margin {
margin-top: 20px;
}
.section-heading {
color: var(--white);
text-align: center;
letter-spacing: 4px;
text-transform: lowercase;
font-weight: 200;
}
.section-heading.grey {
color: var(--background-grey);
}
.grid-4 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.grid-4.brand-grid {
align-items: center;
justify-items: center;
}
.brand-logo {
object-fit: contain;
width: 160px;
height: 90px;
}
.home-testimonials {
background-color: var(--white);
position: relative;
}
.home-contact {
background-color: var(--white);
}
.form-control {
background-color: var(--form-grey);
border: 0 solid #000;
border-radius: 10px;
height: auto;
padding: 15px 35px;
font-size: 17px;
line-height: 30px;
}
.form-control.news-form {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-bottom: 0;
}
.div-block {
color: var(--white);
}
.form-text {
padding-right: 60px;
}
.form-wrapper {
margin-top: 10px;
}
.home-blogs {
background-color: var(--dark-grey);
position: relative;
}
.home-quote {
background-color: var(--background-grey);
}
.quote-icon-wrapper {
justify-content: center;
align-items: flex-start;
display: flex;
}
.quote-wrapper {
padding-right: 100px;
}
.image {
width: 105px;
}
.quote-text {
color: var(--white);
font-size: 37px;
font-weight: 300;
line-height: 60px;
}
.home-blogs-top {
z-index: 0;
background-color: var(--background-grey);
width: 100%;
height: 300px;
position: absolute;
top: 0%;
bottom: auto;
left: 0%;
right: 0%;
}
.case-studies-top {
background-color: var(--tan);
}
.grid-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.blog-card {
background-color: var(--white);
border: 4px solid #000;
border-radius: 10px;
flex-flow: column;
display: flex;
overflow: hidden;
}
.blog-thumb-link {
transition: opacity .5s;
}
.blog-thumb-link:hover {
opacity: .75;
}
.blog-thumb {
object-fit: cover;
width: 100%;
}
.blog-card-body {
background-color: var(--white);
flex: 1;
padding: 35px 30px;
}
.date {
letter-spacing: 4px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 10px;
line-height: 20px;
}
.blog-card-link {
color: var(--black);
transition: color .5s;
display: block;
}
.blog-card-link:hover {
color: var(--light-grey);
}
.read-more-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: var(--orange);
justify-content: flex-start;
align-items: center;
font-size: 14px;
font-weight: 700;
display: flex;
}
.read-more-arrow {
width: 22px;
margin-left: 0;
transition: margin-left .5s;
}
.process-number {
color: var(--orange);
letter-spacing: 2px;
margin-bottom: 10px;
font-size: 46px;
font-weight: 700;
line-height: 54px;
}
.testimonials-top {
flex-flow: column;
width: 100%;
height: 725px;
display: flex;
position: absolute;
overflow: hidden;
}
.testimonials-divider-grow {
background-color: var(--background-grey);
flex: 1;
}
.testimonials-divider {
width: 103vw;
max-width: none;
height: auto;
margin-top: -1px;
margin-left: -1vw;
}
.testimonials-wrapper {
z-index: 2;
position: relative;
}
.swiper.is-testimonials {
cursor: grab;
padding-bottom: 60px;
position: relative;
}
.swiper-slide {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--tan);
text-align: center;
border-radius: 10px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 600px;
height: 560px;
margin-top: 40px;
padding: 65px 40px;
transition: box-shadow .5s, margin-top .5s;
display: flex;
box-shadow: 0 0 rgba(0, 0, 0, .2);
}
.testimonial-icon {
width: 74px;
}
.case-studies-content .testimonial-icon {
margin-bottom: 20px;
}
.test-name {
color: var(--orange);
font-weight: 700;
}
.test-company {
letter-spacing: 4px;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.accordion-item {
border-bottom: 1px solid #b2b2b2;
}
.accordion-header {
color: #b2b2b2;
cursor: pointer;
padding: 40px 80px 30px 40px;
position: relative;
}
.accordion-body {
padding-bottom: 50px;
padding-left: 50px;
padding-right: 50px;
display: none;
}
.service-image {
aspect-ratio: 2.2;
object-fit: cover;
border-radius: 10px;
width: 100%;
margin-bottom: 30px;
}
.service-item {
color: var(--white);
}
.tan {
color: var(--tan);
}
.blog-topics {
background-color: var(--form-grey);
border-radius: 10px;
justify-content: flex-end;
align-items: center;
padding: 20px 60px;
display: flex;
}
.blog-select-wrapper {
width: 300px;
height: 40px;
}
.blog-select-wrapper select {
appearance: none;
-webkit-appearance: none;
background: none;
border: none;
color: var(--white);
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/arrow-select.svg);
background-position: 95%;
background-repeat: no-repeat;
background-size: 12px;
border-bottom: 1px solid #fff;
padding-left: 20px;
padding-right: 40px;
line-height: 40px;
width: 100%;
cursor: pointer;
}
.pagination-wrapper ul.page-numbers {
grid-column-gap: 26px;
grid-row-gap: 26px;
justify-content: center;
align-items: center;
display: flex;
list-style: none;
padding: 0;
margin: 0;
}
.pagination-wrapper ul.page-numbers li .page-numbers {
border: 4px solid var(--background-grey);
color: var(--background-grey);
border-radius: 50px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-weight: 700;
display: flex;
}
.pagination-wrapper ul.page-numbers li .page-numbers.current {
border-color: var(--orange);
color: var(--white);
}
.pagination-item.arrow {
border-width: 0;
padding: 10px;
}
.icon-next {
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/arrow-right-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
}
.icon-prev {
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/arrow-left-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 20px;
height: 20px;
}
.arrow-left {
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/arrow-left-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 15px;
display: inline-block;
}
.arrow-right {
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/arrow-right-white.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 15px;
height: 15px;
display: inline-block;
}
.swiper-button {
opacity: 1;
cursor: pointer;
width: 40px;
height: 40px;
transition: opacity .5s;
position: absolute;
bottom: 0;
left: 50%;
}
.swiper-button:hover {
opacity: .5;
}
.swiper-button.swiper-prev {
margin-left: -45px;
}
.swiper-button.swiper-next {
margin-left: 5px;
}
.newsletter-form nf-fields-wrap {
display: flex;
}
.btn.news-btn {
height: 60px;
}
.blog-title {
color: var(--white);
font-weight: 300;
}
.blog-header-left {
color: var(--white);
width: 66.666%;
}
.blog-header-right {
justify-content: space-between;
align-items: center;
width: 16.666%;
display: flex;
}
.blog-arrow {
width: 18px;
}
.blog-arrow.prev {
width: 15px;
margin-right: 5px;
}
.blog-arrow.next {
margin-left: 5px;
}
.blog-nav-link {
color: var(--white);
font-size: 13px;
display: flex;
}
.blog-nav-link a {
color: #fff;
display: flex;
align-items: center;
gap: 7px;
}
.blog-nav-link.bottom a {
color: var(--background-grey);
}
.blog-nav-link.bottom .arrow-left {
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/arrow-left-grey.svg);
}
.blog-nav-link.bottom .arrow-right {
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/arrow-right-grey.svg);
}
.blog-body {
background-color: var(--white);
position: relative;
}
.blog-featured-image {  border-radius: 20px;
width: 100%;
}
.block-quote {
background-position: 50px 31px;
}
.blog-bottom-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
border-top: 1px solid var(--light-grey);
justify-content: center;
align-items: center;
width: 100%;
margin-left: -10px;
margin-right: -10px;
padding-top: 60px;
display: flex;
}
.home-hero { 
height: calc(100vh - 125px);
}
.underlined {
position: relative;
z-index: 1;
display: inline-block;
}
.underlined::before {
left: -2px;
right: -2px;
bottom: 1px;
height: 8px;
background: #f05023;
content: '';
position: absolute;
z-index: -1;
}
.home-intro .underlined::before {
bottom: -2px;
}
::placeholder {
color: #fff !important;
opacity: 1 !important;
}
::-ms-input-placeholder { 
color: #fff !important;
}
.read-more-link:hover .read-more-arrow {
margin-left: 5px;
}
.swiper.is-testimonials .swiper-slide.swiper-slide-active {
margin-top: 0px;
box-shadow: 0 25px 10px -10px rgba(0, 0, 0, .2);
transition: box-shadow .5s, margin-top .5s;
}
.accordion-header:after {
content: '';
float: right;
position: absolute;
right: 40px;
top: calc(50% - 20px);
width: 40px;
height: 40px;
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/icon-expand.svg);
background-size: cover;
}
.accordion-item.open .accordion-header:after {
background-image: url(//theconcept4.com/wp-content/themes/concept4-2024/images/icon-close.svg);
}
.accordion-item.open .accordion-header {
color: #fff;
}
.accordion-item.open .accordion-body {
display: block;
}
.swiper-slide {
width: 600px !important;
height: 560px !important;
}
.blog-content img {
margin-left: -10px;
margin-right: -10px;
margin-top: 10px;
margin-bottom: 20px;
width: calc(100% + 20px);
max-width: calc(100% + 20px);
}
.case-studies-content h2 {
color: var(--orange);
text-align: center;
}
.blog-bottom-wrapper {
width: calc(100% + 20px);
max-width: calc(100% + 20px);
}
.cs-featured-image {
width: 100%;
aspect-ratio: 16 / 9;
border-radius: 20px;
object-fit: cover;
}
.services-rendered {
width: 100%;
border-radius: 10px;
background: rgba(178,178,178,.5);
padding: 20px;
}
.service-items {
display: flex;
justify-content: center;
gap: 10px;
}
.service-rendered {
padding-right: 10px;
border-right: 2px solid var(--medium-grey);
font-weight: bold;
}
.service-rendered:last-child {
border-right: none;
padding-right: 0px;
}
.case-studies-testimonial {
background: var(--tan);
text-align: center;
padding: 40px;
border-radius: 10px;
}
.cs-full, .cs-half, .cs-video {
margin-bottom: 10px;
}
.cs-full img, .cs-masonry img {
width: 100%;
}
.cs-half {
display: grid;
gap: 10px;
grid-template-columns: 1fr 1fr;
}
.cs-half img {
width: 100%;
height: 100%;
object-fit: cover;
}
.cs-masonry {
column-count: 2;
column-gap: 10px;
row-gap: 10px;
}
.cs-masonry img {
margin-bottom: 10px;
}
.cs-video {
aspect-ratio: 16 / 9;
overflow: hidden;
}
.cs-video iframe {
width: 100%;
aspect-ratio: 16 / 9;
} #ninja_forms_required_items, .nf-field-container {
margin-bottom: 10px !important;
}
.nf-form-fields-required {
display: none !important;
} .nf-response-msg {color:var(--dark-grey) !important;} .interior-header {
position: absolute;
color: #fff;
text-align: center;
width: calc(100% - 40px);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
z-index: 2;
padding: 40px 100px;
background: rgba(0,0,0,.7);
border-radius: 10px;
}
.interior-header-image {
width: 100%;
position: relative;
height: 480px;
object-fit: cover;
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 15px -15px;
}
.intro-text.first {
order: -1;
}
.why-grid {
align-items: center;
color: #fff;
}
.why-image {
border-radius: 10px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 30px 15px -15px;
}
.resources-text {
color: #fff;
}
.resources-wrapper {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.resource-item {
background-color: var(--tan);
text-align: center;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
width: 32%;
padding: 60px;
gap: 35px;
font-weight: 700;
}
.interior-header span {
position: relative;
display: inline-block;
}
.interior-header span::before {
bottom: 0px;
left: -2px;
right: -2px;
height: 8px;
background: #f05023;
content: '';
position: absolute;
z-index: -1;
}
.branding-content {
color: #fff;
}
.benefits-wrapper {
border-top: 2px dashed rgba(136,145,153,.5);
text-align: center;
}
.benefits {
margin-top: 40px;
}
.benefits-item {
display: inline;
font-size: 44px;
line-height: 70px;
padding-right: 10px;
font-weight: 700;
}
.benefits-item::after {
content: "•";
color: var(--orange);
margin-right: 10px;
margin-left: 10px;
}
.benefits-item:nth-child(even) {
color: var(--form-grey);
}
.benefits-item:last-child {
padding-right: 0px;
}
.benefits-item:last-child::after {
content: "";
margin-right: 0px;
margin-left: 0px;
}
.testimonials-top.is-case-studies {
height: 630px;
}
.is-case-studies .swiper-wrapper {
width: 100%;
}
.case-studies-slide {
width: 454px !important;
height: auto !important;
position: relative;
padding: 0;
}
.case-study-slider-image {
position: relative;
z-index: 1;
border-radius: 10px;
width: 100%;
}
.case-study-slider-overlay {
position: absolute;
top: 0;
left: 0;
right:0;
bottom: 0;
z-index: 2;
padding: 40px 35px;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left;
color: #fff;
opacity: 0;
transition: opacity 500ms;
border-radius: 10px;
background: rgba(0,0,0,.75);
}
.case-study-slider-overlay:hover {
opacity: 1;
}
.project-type {
color: var(--form-grey);
font-weight: 700;
}
.project-card-link {
color: var(--white);
}
.project-card-link h2 {
font-size: 48px;
line-height: 56px;
}
.project-more-link {
color: var(--orange);
}
.case-studies-buttons {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 40px;
margin-top: 40px;
}
.case-studies-buttons .swiper-button {
position: relative !important;
left: auto !important;
}
.case-studies-buttons .swiper-button.swiper-next {
margin-left: 0 !important;
}
.case-studies-buttons .swiper-button.swiper-prev {
margin-right: 0 !important;
}
.scroller-wrapper {
aspect-ratio: 1 / 1;
border-radius: 10px;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.web-scroller-image {
width: 100%;
animation-name: webScroller;
animation-duration: 30s;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes webScroller {
0%, 10% {transform: translateY(0%);}
100% {transform: translateY(-75%);}
}
.wp-block-group.has-background {
padding: 20px 30px;
border-radius: 10px;
}
.why-item {
padding-bottom: 120px;
color: #fff;
}
.why-item:nth-child(2n) .why-text {
order: -1;
}
@media screen and (max-width: 1500px) {
.is-testimonials .swiper-slide {
width: 550px !important;
height: 620px !important;
}
}
@media screen and (max-width: 991px) {
h1, .h1 {
font-size: 32px;
line-height: 42px;
}
.footer-top, .footer-bottom {
text-align: center;
}
.container {
padding-left: 20px;
padding-right: 20px;
}
.container.flex-ends {
flex-flow: column;
}
.container.flex-ends.align-top {
justify-content: space-between;
align-items: center;
}
.container.flex-ends.nav-container {
flex-flow: row;
}
.navbar {
padding: 20px 10px;
}
.nav-link {
margin-top: 15px;
margin-bottom: 15px;
font-size: 30px;
}
.nav-menu {
background-color: var(--medium-grey);
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding-top: 30px;
padding-bottom: 30px;
box-shadow: 0 10px 5px rgba(0, 0, 0, .2);
}
.home-hero {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
min-height: auto;
}
.hero-overlay {
width: 100%;
}
.hero-text {
text-align: center;
flex-flow: column;
width: 100%;
margin-left: 0%;
display: flex;
}
.home-intro-divider, .services-gradient {
height: 150px;
}
.grid-2 {
grid-template-columns: 1fr;
}
.intro-heading {
text-align: center;
}
.intro-text {
padding-left: 0;
padding-right: 0;
}
.newsletter-wraper {
width: 75%;
}
.spacer {
height: 50px;
}
.spacer.spacer-small {
height: 30px;
}
.spacer.spacer-large {
height: 80px;
}
.brand-logo {
width: 130px;
height: 70px;
}
.form-text {
padding-right: 0;
}
.quote-text {
font-size: 35px;
line-height: 50px;
}
.home-blogs-top {
height: 150px;
}
.grid-3 {
grid-template-columns: 1fr;
}
.is-testimonials .swiper-slide {
width: 560px;
}
.accordion-header {
padding: 30px 100px 30px 30px;
}
.blog-header-left, .blog-header-right {
width: 100%;
}
.menu-btn.w--open {
background-color: var(--background-grey);
border-radius: 5px;
}
.resource-item {
flex-grow: 1;
}
.intro-text.first {
order: 2;
}
.interior-header {
padding: 20px;
}
.benefits-item {
display: inline;
font-size: 28px;
line-height: 50px;
}
.testimonials-top.is-case-studies {
height: 460px;
}
.why-item:nth-child(2n) .why-text {
order: 2;
}
}
@media screen and (max-width: 767px) {
h1, .h1 {
font-size: 28px;
line-height: 32px;
}
h2, .h2 {
font-size: 26px;
line-height: 34px;
}
.container.flex-ends.nav-container {
padding-left: 20px;
padding-right: 20px;
}
.grid {
grid-template-columns: 1fr;
}
.navbar {
padding-left: 0;
padding-right: 0;
}
.logo {
height: 35px;
}
.nav-link {
font-size: 24px;
}
.nav-contact {
width: 36px;
height: 36px;
}
.home-intro-wrapper {
padding: 60px 40px;
}
.quote-wrapper {
padding-right: 0;
}
.blog-select-wrapper {
width: 100%;
}
.menu-btn {
padding: 10px;
}
.home-hero {
aspect-ratio: 1 / 1;
}
.accordion-header {
padding: 30px 60px 20px 20px;
}
.accordion-header::after {
right: 15px;
top: calc(50% - 15px);
width: 30px;
height: 30px;
}
.benefits-item {
font-size: 20px;
line-height: 40px;
}
}
@media screen and (max-width: 580px) {
.is-testimonials .swiper-slide {
width: 400px !important;
height: 570px !important;
grid-row-gap: 20px;
}
.is-testimonials. swiper-slide p, .test-name, .test-company {
font-size: 14px;
line-height: 24px;
}
.test-company {
font-size: 12px;
line-height: 16px;
}
.testimonials-top {
height: 570px;
}
.newsletter-form nf-fields-wrap {
flex-wrap: wrap;
width: 100%;
}
.newsletter-form nf-field {
width: 100%;
}
.form-control.news-form {
border-top-right-radius: 10px;
border-bottom-left-radius: 0px;
width: 100% !important;
}
.btn.news-btn {
border-top-right-radius: 0;
border-bottom-left-radius: 10px;
width: 100% !important;
margin-top: -5px;
}
.newsletter-form .nf-field-container {
margin: 0 !important;
}
}
@media screen and (max-width: 479px) {
.container {
padding-left: 20px;
padding-right: 20px;
}
.logo {
height: 30px;
}
.nav-link {
font-size: 20px;
}
.services-gradient.page-header {
height: 70px;
}
.newsletter-wraper {
width: 100%;
}
.spacer.spacer-small {
height: 30px;
}
.spacer.spacer-large {
height: 80px;
}
.btn.news-btn {
border-top-right-radius: 0;
border-bottom-left-radius: 10px;
}
.form-control.news-form {
text-align: center;
border-top-right-radius: 10px;
border-bottom-left-radius: 0;
}
.home-blogs-top {
height: 60px;
}
.date {
font-size: 8px;
}
.blog-topics {
padding: 10px 15px;
}
.pagination-wrapper {
grid-column-gap: 15px;
grid-row-gap: 15px;
}
.pagination-item {
width: 40px;
height: 40px;
}
.newsletter-form {
flex-flow: column;
}
.blog-featured-image {
aspect-ratio: 1.5;
}
blockquote {
background-position: 20px 34px;
padding-left: 60px;
padding-right: 20px;
}
.process-number {
font-size: 40px;
line-height: 40px;
}
.quote-text {
font-size: 32px;
line-height: 50px;
}
.grid-4 {
grid-template-columns: 1fr 1fr;
}
}
#w-node-_554bb5b6-2d2a-36cd-17dd-9831522897ad-b60ed15a {
grid-area: span 1 / span 5 / span 1 / span 5;
}
@media screen and (max-width: 991px) {
#w-node-b39c0fd9-158e-dde7-7c82-1c1e8c0c10b6-b60ed15a {
grid-area: span 1 / span 1 / span 1 / span 1;
}
}
@media screen and (max-width: 767px) {
#w-node-_554bb5b6-2d2a-36cd-17dd-9831522897ad-b60ed15a {
grid-column: span 1 / span 1;
}
}.ninja-forms-form-wrap *,.ninja-forms-form-wrap :after,.ninja-forms-form-wrap :before{-ms-box-sizing:border-box;box-sizing:border-box}.nf-response-msg{display:none}#ninja_forms_required_items,.nf-field-container{clear:both;margin-bottom:25px;position:relative}#ninja_forms_required_items:after,.nf-field-container:after{clear:both;content:"";display:block}#ninja_forms_required_items.hidden-container,#ninja_forms_required_items.hr-container,.nf-field-container.hidden-container,.nf-field-container.hr-container{height:auto;margin:0}#ninja_forms_required_items.hidden-container .nf-field-label,#ninja_forms_required_items.hr-container .nf-field-label,#ninja_forms_required_items.html-container .nf-field-label,.nf-field-container.hidden-container .nf-field-label,.nf-field-container.hr-container .nf-field-label,.nf-field-container.html-container .nf-field-label{display:none}.nf-field-label .nf-label-span,.nf-field-label label{font-weight:700;margin:0;padding:0}.nf-field-element{position:relative}.nf-field-element input,.nf-field-element select,.nf-field-element textarea{height:auto;margin:0;vertical-align:inherit;width:auto}.nf-field-element textarea{height:200px}.nf-field-description p:last-child{margin:0}.nf-help{background:url(//theconcept4.com/wp-content/plugins/ninja-forms/assets/img/help-info.png) no-repeat;display:inline-block;height:16px;width:16px}.nf-input-limit{font-size:12px;margin-top:5px}.nf-static{padding:0 10px}.nf-after-field .nf-error-msg{margin-right:10px}.nf-sr-only{clip:rect(0,0,0,0);border:0;clip-path:inset(50%);height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.nf-field-element .time-wrap{padding:1px}.list-checkbox-wrap .nf-field-element li,.list-checkbox-wrap .nf-field-element ul,.list-image-wrap .nf-field-element li,.list-image-wrap .nf-field-element ul,.list-radio-wrap .nf-field-element li,.list-radio-wrap .nf-field-element ul{list-style:none!important;margin:0!important;padding:0!important}.list-checkbox-wrap .nf-field-element li input,.list-checkbox-wrap .nf-field-element ul input,.list-image-wrap .nf-field-element li input,.list-image-wrap .nf-field-element ul input,.list-radio-wrap .nf-field-element li input,.list-radio-wrap .nf-field-element ul input{margin-right:5px}.rtl .list-checkbox-wrap .nf-field-element li input,.rtl .list-checkbox-wrap .nf-field-element ul input,.rtl .list-image-wrap .nf-field-element li input,.rtl .list-image-wrap .nf-field-element ul input,.rtl .list-radio-wrap .nf-field-element li input,.rtl .list-radio-wrap .nf-field-element ul input{margin-left:5px;margin-right:0}.list-checkbox-wrap .nf-field-element li,.list-image-wrap .nf-field-element li,.list-radio-wrap .nf-field-element li{margin:0 0 5px!important;padding-left:10px;text-indent:0!important}.list-checkbox-wrap .nf-field-element li label,.list-image-wrap .nf-field-element li label,.list-radio-wrap .nf-field-element li label{display:block;float:none;margin-left:1.5em;width:auto}.list-checkbox-wrap .nf-field-element li input,.list-image-wrap .nf-field-element li input,.list-radio-wrap .nf-field-element li input{float:left;margin-top:.25em;width:auto!important}.rtl .list-checkbox-wrap .nf-field-element li,.rtl .list-image-wrap .nf-field-element li,.rtl .list-radio-wrap .nf-field-element li{padding-left:0;padding-right:10px}.rtl .list-checkbox-wrap .nf-field-element li label,.rtl .list-image-wrap .nf-field-element li label,.rtl .list-radio-wrap .nf-field-element li label{margin-left:0;margin-right:1.5em}.rtl .list-checkbox-wrap .nf-field-element li input,.rtl .list-image-wrap .nf-field-element li input,.rtl .list-radio-wrap .nf-field-element li input{float:right}.listimage-wrap li{display:inline-grid;height:100%;width:100%}.listimage-wrap li label{border:2px solid transparent;padding:5px}.listimage-wrap li label.nf-checked-label{border:2px solid #007acc;transition:all .5s}.listimage-wrap li label img{display:block}.listimage-wrap li input:focus+label{outline:2px solid}.product-wrap>div input{width:80px!important}.product-wrap>div .nf-product-field span{padding:0 5px}.starrating-wrap .star{border-bottom:0}.nf-form-hp{position:absolute;visibility:hidden}.list-select-wrap div div{display:none}.nf-error-msg,.ninja-forms-req-symbol{color:#e80000}.nf-error .ninja-forms-field,.nf-error.listimage-wrap .nf-field-element ul{border:1px solid #e80000}.nf-field-submit-error{padding:15px}.ninja-forms-noscript-message{background:#f1f1f1;border:4px dashed #ccc;color:#333;display:block;font-size:20px;margin:20px 0;padding:40px;text-align:center}.two-col-list ul li{float:left;width:50%}.three-col-list ul li{float:left;width:33.33%}.four-col-list ul li{float:left;width:25%}.five-col-list ul li{float:left;width:20%}.six-col-list ul li{float:left;width:16.66%}body .pika-label{background:transparent}.nf-form-cont .five-sixths,.nf-form-cont .four-sixths,.nf-form-cont .one-fourth,.nf-form-cont .one-half,.nf-form-cont .one-sixth,.nf-form-cont .one-third,.nf-form-cont .three-fourths,.nf-form-cont .three-sixths,.nf-form-cont .two-fourths,.nf-form-cont .two-sixths,.nf-form-cont .two-thirds{clear:none;float:left;margin-left:2.5641025641%}.nf-form-cont .five-sixths .inside,.nf-form-cont .four-sixths .inside,.nf-form-cont .one-fourth .inside,.nf-form-cont .one-half .inside,.nf-form-cont .one-sixth .inside,.nf-form-cont .one-third .inside,.nf-form-cont .three-fourths .inside,.nf-form-cont .three-sixths .inside,.nf-form-cont .two-fourths .inside,.nf-form-cont .two-sixths .inside,.nf-form-cont .two-thirds .inside{padding:20px}.nf-form-cont .five-sixths:after,.nf-form-cont .four-sixths:after,.nf-form-cont .one-fourth:after,.nf-form-cont .one-half:after,.nf-form-cont .one-sixth:after,.nf-form-cont .one-third:after,.nf-form-cont .three-fourths:after,.nf-form-cont .three-sixths:after,.nf-form-cont .two-fourths:after,.nf-form-cont .two-sixths:after,.nf-form-cont .two-thirds:after{clear:both;content:"";display:block}.nf-form-cont .one-half,.nf-form-cont .three-sixths,.nf-form-cont .two-fourths{width:48.7179487179%}.nf-form-cont .one-third,.nf-form-cont .two-sixths{width:31.6239316239%}.nf-form-cont .four-sixths,.nf-form-cont .two-thirds{width:65.811965812%}.nf-form-cont .one-fourth{width:23.0769230769%}.nf-form-cont .three-fourths{width:74.358974359%}.nf-form-cont .one-sixth{width:14.5299145299%}.nf-form-cont .five-sixths{width:82.905982906%}.nf-form-cont .first{clear:both;margin-left:0}.nf-form-wrap .ql-toolbar.ql-snow{background-color:#f9f9f9;border:1px solid #ccc;padding:8px 5px}.nf-form-wrap .ql-toolbar.ql-snow:after{clear:both;content:"";display:block}.nf-form-wrap .ql-toolbar.ql-snow .dashicons{width:auto}.nf-form-wrap .ql-container.ql-snow{border:1px solid #ccc;border-top:0}.nf-form-wrap .ql-editor{background:#fff;min-height:150px}.nf-form-wrap .ql-editor p{font-size:16px}.nf-form-wrap .ql-editor ul{list-style-type:disc;margin-left:2em}.nf-form-wrap .ql-editor table td{border:1px solid #ccc;width:auto}.nf-form-wrap .ql-toolbar button{background:#f9f9f9;border:1px solid #ccc;border-radius:4px;color:#444;cursor:pointer;height:auto;margin-right:2px;min-height:28px;min-width:28px;padding:4px;width:auto}.nf-form-wrap .ql-toolbar button:hover{background:#e6e6e6;border-color:#adadad}.nf-form-wrap .ql-toolbar button.ql-active{background:#e0e0e0;border-color:#adadad}.nf-form-wrap .ql-toolbar button svg .ql-stroke{stroke:#444}.nf-form-wrap .ql-toolbar button svg .ql-fill{fill:#444}.nf-form-wrap .ql-toolbar .ql-picker{background:#f9f9f9;border:1px solid #ccc;border-radius:4px;color:#444}.nf-form-wrap .ql-toolbar .ql-picker .ql-picker-label{color:#444}.nf-form-wrap .ql-toolbar .ql-picker .ql-picker-label:hover{background:#e6e6e6}.nf-form-wrap .ql-toolbar .ql-picker .ql-picker-label svg .ql-stroke{stroke:#444}.nf-form-wrap .ql-toolbar .ql-picker-options{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15)}.nf-form-wrap .tooltip{word-wrap:normal;display:block;filter:alpha(opacity=0);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;letter-spacing:normal;line-break:auto;line-height:1.42857143;opacity:0;position:absolute;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;white-space:normal;word-break:normal;word-spacing:normal;z-index:1070}.nf-form-wrap .tooltip.in{filter:alpha(opacity=90);opacity:.9}.nf-form-wrap .tooltip.top{margin-top:-3px;padding:5px 0}.nf-form-wrap .tooltip.right{margin-left:3px;padding:0 5px}.nf-form-wrap .tooltip.bottom{margin-top:3px;padding:5px 0}.nf-form-wrap .tooltip.left{margin-left:-3px;padding:0 5px}.nf-form-wrap .tooltip-inner{background-color:#000;border-radius:4px;color:#fff;max-width:200px;padding:3px 8px;text-align:center}.nf-form-wrap .tooltip-arrow{border-color:transparent;border-style:solid;height:0;position:absolute;width:0}.nf-form-wrap .tooltip.top .tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;left:50%;margin-left:-5px}.nf-form-wrap .tooltip.top-left .tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;margin-bottom:-5px;right:5px}.nf-form-wrap .tooltip.top-right .tooltip-arrow{border-top-color:#000;border-width:5px 5px 0;bottom:0;left:5px;margin-bottom:-5px}.nf-form-wrap .tooltip.right .tooltip-arrow{border-right-color:#000;border-width:5px 5px 5px 0;left:0;margin-top:-5px;top:50%}.nf-form-wrap .tooltip.left .tooltip-arrow{border-left-color:#000;border-width:5px 0 5px 5px;margin-top:-5px;right:0;top:50%}.nf-form-wrap .tooltip.bottom .tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;left:50%;margin-left:-5px;top:0}.nf-form-wrap .tooltip.bottom-left .tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;margin-top:-5px;right:5px;top:0}.nf-form-wrap .tooltip.bottom-right .tooltip-arrow{border-bottom-color:#000;border-width:0 5px 5px;left:5px;margin-top:-5px;top:0}.nf-form-wrap .dropdown-menu{-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,.175);display:none;float:left;font-size:14px;list-style:none;margin:2px 0 0;min-width:160px;padding:5px 0;position:absolute;text-align:left;z-index:1000}.nf-form-wrap .dropdown-menu.pull-right{left:auto;right:0}.nf-form-wrap .dropdown-menu .divider{background-color:#e5e5e5;height:1px;margin:9px 0;overflow:hidden}.nf-form-wrap .dropdown-menu>li>a{clear:both;color:#333;display:block;font-weight:400;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.nf-form-wrap .dropdown-menu>li>a:focus,.nf-form-wrap .dropdown-menu>li>a:hover{background-color:#f5f5f5;color:#262626;text-decoration:none}.nf-form-wrap .dropdown-menu>.active>a,.nf-form-wrap .dropdown-menu>.active>a:focus,.nf-form-wrap .dropdown-menu>.active>a:hover{background-color:#337ab7;color:#fff;outline:0;text-decoration:none}.nf-form-wrap .dropdown-menu>.disabled>a,.nf-form-wrap .dropdown-menu>.disabled>a:focus,.nf-form-wrap .dropdown-menu>.disabled>a:hover{color:#777}.nf-form-wrap .dropdown-menu>.disabled>a:focus,.nf-form-wrap .dropdown-menu>.disabled>a:hover{background-color:transparent;background-image:none;cursor:not-allowed;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);text-decoration:none}.nf-form-wrap .open>.dropdown-menu{display:block}.nf-form-wrap .open>a{outline:0}.nf-form-wrap .dropdown-menu-right{left:auto;right:0}.nf-form-wrap .dropdown-menu-left{left:0;right:auto}.nf-form-wrap .dropdown-header{color:#777;display:block;font-size:12px;line-height:1.42857143;padding:3px 20px;white-space:nowrap}.nf-form-wrap .dropdown-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:990}.nf-form-wrap .pull-right>.dropdown-menu{left:auto;right:0}.nf-form-wrap .dropup .caret,.nf-form-wrap .navbar-fixed-bottom .dropdown .caret{border-bottom:4px dashed;border-bottom:4px solid\9;border-top:0;content:""}.nf-form-wrap .dropup .dropdown-menu,.nf-form-wrap .navbar-fixed-bottom .dropdown .dropdown-menu{bottom:100%;margin-bottom:2px;top:auto}@media (min-width:768px){.nf-form-wrap .navbar-right .dropdown-menu{left:auto;right:0}.nf-form-wrap .navbar-right .dropdown-menu-left{left:0;right:auto}}.nf-form-wrap .btn-group-justified>.btn-group .dropdown-menu{left:auto}.nf-form-wrap .nav-justified>.dropdown .dropdown-menu,.nf-form-wrap .nav-tabs.nav-justified>.dropdown .dropdown-menu{left:auto;top:auto}.nf-form-wrap .nav-tabs .dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:-1px}@media (max-width:767px){.nf-form-wrap .navbar-nav .open .dropdown-menu{background-color:transparent;border:0;box-shadow:none;float:none;margin-top:0;position:static;width:auto}.nf-form-wrap .navbar-nav .open .dropdown-menu .dropdown-header,.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px}.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a{line-height:20px}.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-nav .open .dropdown-menu>li>a:hover{background-image:none}}.nf-form-wrap .navbar-nav>li>.dropdown-menu{border-top-left-radius:0;border-top-right-radius:0;margin-top:0}.nf-form-wrap .navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:4px;margin-bottom:0}@media (max-width:767px){.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{background-color:transparent;color:#333}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{background-color:#e7e7e7;color:#555}.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.nf-form-wrap .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{background-color:transparent;color:#ccc}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{background-color:transparent;color:#fff}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{background-color:#080808;color:#fff}.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.nf-form-wrap .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{background-color:transparent;color:#444}}.nf-loading-spinner{animation:nf-scaleout 1s ease-in-out infinite;background-color:hsla(0,0%,82%,.5);border-radius:100%;height:40px;margin:100px auto;width:40px}@keyframes nf-scaleout{0%{transform:scale(0)}to{opacity:0;transform:scale(1)}}.field-wrap{display:flex}.field-wrap>label{display:block}.field-wrap .pikaday__container,.field-wrap .pikaday__display,.field-wrap select,.field-wrap textarea,.field-wrap>div input{width:100%}.field-wrap button,.field-wrap input[type=button],.field-wrap input[type=submit],.field-wrap>div input[type=checkbox]{width:auto}.nf-field-label{order:5}.nf-field-description{order:10;width:100%}.nf-field-element{order:15}.label-above .nf-field-label{margin-bottom:10px}.label-below .nf-field-label{margin-top:10px;order:15}.label-below .nf-field-element{order:5}.label-hidden .field-wrap{flex-wrap:wrap}.label-hidden .nf-field-label{height:0;margin:0!important;visibility:hidden;width:100%}.label-hidden .nf-field-description{order:20;width:100%}.label-hidden .nf-field-element{width:100%}.label-left .field-wrap{flex-direction:row;flex-wrap:wrap}.label-left .nf-field-label{align-items:center;display:flex;flex-direction:row;order:5;padding-right:2%;text-align:right;width:35%}.label-left .nf-field-label label{width:100%}.label-left .nf-field-description{margin-left:35%}.label-left .nf-field-element{display:inline-block;order:10;width:65%}.label-left .nf-after-field{margin-left:36.5%}.label-right .field-wrap{flex-direction:row}.label-right .nf-field-label{align-items:center;display:flex;flex-direction:row;order:10;padding-left:2%;width:35%}.label-right .nf-field-description{margin-right:35%;order:15}.label-right .nf-field-element{display:inline-block;order:5;width:65%}.label-right .checkbox-wrap .nf-field-label{width:auto}.label-right .checkbox-wrap .nf-field-element{width:20px}.label-right .nf-after-field{width:65%}.label-above .field-wrap,.label-below .field-wrap{flex-direction:column;flex-flow:wrap}.label-above .nf-field-element,.label-below .nf-field-element{margin:0;width:100%}.label-left .listcheckbox-wrap .nf-field-label,.label-left .listradio-wrap .nf-field-label,.label-left .textarea-wrap .nf-field-label,.label-right .listcheckbox-wrap .nf-field-label,.label-right .listradio-wrap .nf-field-label,.label-right .textarea-wrap .nf-field-label{align-items:flex-start}.label-left .textarea-wrap .nf-field-label,.label-right .textarea-wrap .nf-field-label{margin-top:5px}.label-left .hr-wrap,.label-left .html-wrap,.label-right .hr-wrap,.label-right .html-wrap{display:block}.label-left .hr-wrap .nf-field-element,.label-left .html-wrap .nf-field-element,.label-right .hr-wrap .nf-field-element,.label-right .html-wrap .nf-field-element{display:block;margin:0;width:100%}.nf-repeater-fieldsets fieldset{margin-bottom:1em}.nf-remove-fieldset{background-color:transparent;border:thin solid red;color:red;float:right;font-size:1.5em;margin-top:-1em;padding:.1em .4em}.repeater-container .nf-field-description{margin-top:.5em}.repeater-container .nf-field-description p{font-size:120%}