/*
Theme Name: normandy
Theme URI: https://underscores.me/
Author: Automattic
Author URI: https://automattic.com/
Description: Hi. I'm a starter theme called normandy, or underscores, if you like. I'm a theme meant for hacking so don't use me as a Parent Theme. Instead try turning me into the next, most awesome, WordPress theme out there. That's what I'm here for.
Version: 1.0.6
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: normandy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.
normandy is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*----------------------------
1. Place holder
-----------*/
/*----------------------------
2. Mixins
-----------*/
* {
padding: 0px;
margin: 0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
body {
-webkit-text-size-adjust: none;
position: relative;
width: 100%;
min-height: 100vh;
padding-top: 84px;
}
@media (max-width: 1200px) {
body {
padding-top: 60px;
}
}
@media (max-width: 576px) {
body {
padding-top: 0px;
}
}
body.home {
padding-top: 0;
}
@media (max-width: 576px) {
body.home {
padding-top: 30px !important;
}
}
body.hidden-body {
overflow: hidden;
}
a {
color: #FF9270;
}
figure,
ul {
margin: 0;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
.container {
max-width: 1310px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
@media (max-width: 1439px) {
.container {
max-width: 1170px;
}
}
@media (max-width: 1200px) {
.container {
max-width: 970px;
}
}
@media (max-width: 1024px) {
.container {
max-width: 830px;
padding: 0 30px;
}
}
@media (max-width: 900px) {
.container {
max-width: 730px;
padding: 0 30px;
}
}
@media (max-width: 767px) {
.container {
padding: 0 20px;
max-width: 100%;
}
}
@media (max-width: 1024px) {
.touch-viewport-right {
margin-right: 0 !important;
}
}
@media (max-width: 1024px) {
.touch-viewport-left {
margin-left: 0 !important;
}
}
.banner .swiper-container,
.item,
.item__img,
.img-box,
[data-paroller-factor],
.slick-slider .slick-list,
.slick-slider .slick-track,
.swiper-slide,
.swiper-wrapper,
[data-aos],
[data-scroll] {
will-change: transform;
}
img {
max-width: 100%;
vertical-align: top;
}
img.fluid {
width: 100%;
}
iframe,
video {
max-width: 100%;
}
.color-white * {
color: #fff;
}
.bg-control {
background-size: cover;
background-repeat: no-repeat;
}
.slick-slide {
outline: none;
}
input[type=submit] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
button,
div,
a {
outline: 0px;
}
button:focus,
div:focus,
a:focus {
outline: 0px;
}
.slick-slider .slick-track,
[data-aos],
.slick-slider .slick-list,
.swiper-wrapper,
.swiper-slide,
.swiper-container {
will-change: transform;
}
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
button {
cursor: pointer;
-webkit-appearance: none;
}
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 0;
background: #FF9270;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: 0;
box-shadow: 0;
border-radius: 0;
background: #fff;
}
.grid-desc .grid-item-desc .review-cont {
font-size: 24px;
line-height: 40px;
}
@media (max-width: 1439px) {
.grid-desc .grid-item-desc .review-cont {
font-size: 22px;
}
}
@media (max-width: 1200px) {
.grid-desc .grid-item-desc .review-cont {
font-size: 20px;
}
}
@media (max-width: 400px) {
.grid-desc .grid-item-desc .review-cont {
font-size: 16px;
line-height: 30px;
}
}
.grid-desc .grid-item-desc .review-cont .readmore {
padding: 0px;
margin: 0px;
}
.grid-desc .grid-item-desc .review-cont .hidden-cont {
display: none;
}
@media (max-width: 400px) {
.register-form.consultation {
padding-right: 0;
padding-left: 0;
}
}
.register-form.consultation .section-title.left-border p {
padding-left: 25px;
}
@media (max-width: 576px) {
.register-form.consultation .section-title.left-border p {
padding-left: 0px;
}
}
.register-form.consultation form.wpcf7-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
margin-bottom: 15px;
}
.register-form.consultation .wpcf7-response-output {
color: #131414;
}
@media (max-width: 767px) {
.register-form.consultation .wpcf7-response-output {
margin: 0px;
}
}
.img-w-text-sec.ind-designer-sec.blog-detial-industrial .inner-wrap.flex.content-row {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 576px) {
.home .collab-design-sec .content-row .quick-links ul li a {
font-size: 18px;
}
}
@media (max-width: 355px) {
.home .collab-design-sec .content-row .quick-links ul li a {
font-size: 16px;
}
}
@media (max-width: 576px) {
.home .get-smart-sec .text-box p {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.home .feature-content-sec .feature-content {
padding-right: 28px;
padding-left: 37px;
}
}
@media (max-width: 365px) {
.home .feature-content-sec .feature-content {
padding-right: 20px;
padding-left: 32px;
}
}
@media (max-width: 345px) {
.home .feature-content-sec .feature-content {
padding-right: 9px;
padding-left: 25px;
}
}
@media (max-width: 576px) {
.home .feature-content-sec .feature-content .text-box .title {
font-size: 32px;
}
}
.home .project-loc-sec .location-list-box .list-box li a {
font-weight: 700;
}
.home .cust-reviews-sec .content-row .colm-6 .img-box {
height: 100%;
}
@media (max-width: 1024px) {
.home .cust-reviews-sec .content-row .colm-6 .img-box {
height: auto;
}
}
@media (max-width: 1024px) {
.home .collab-design-sec .content-row .quick-links {
padding-left: 0;
border-left: none;
}
}
@media (max-width: 1024px) {
.home .cust-reviews-sec .content-row .text-box {
padding-left: 0;
border-left: none;
}
}
.design-numbers .feature-content-sec.about-feature-sec .flex.content-row .feature-img .img-box .hover-box img {
max-height: 90vh;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 576px) {
.about-feature-sec .feature-content {
padding-bottom: 0;
}
}
.video-with-content .video-wrapper .custom-video {
padding: 0;
height: 400px;
}
@media (max-width: 1439px) {
.video-with-content .video-wrapper .custom-video {
height: 353px;
}
}
@media (max-width: 1200px) {
.video-with-content .video-wrapper .custom-video {
height: 288px;
}
}
@media (max-width: 1025px) {
.video-with-content .video-wrapper .custom-video {
height: 218px;
}
}
@media (max-width: 900px) {
.video-with-content .video-wrapper .custom-video {
height: 191px;
}
}
@media (max-width: 767px) {
.video-with-content .video-wrapper .custom-video {
height: 405px;
}
}
@media (max-width: 600px) {
.video-with-content .video-wrapper .custom-video {
height: 322px;
}
}
@media (max-width: 500px) {
.video-with-content .video-wrapper .custom-video {
height: 264px;
}
}
@media (max-width: 460px) {
.video-with-content .video-wrapper .custom-video {
height: 238px;
}
}
@media (max-width: 420px) {
.video-with-content .video-wrapper .custom-video {
height: 216px;
}
}
@media (max-width: 400px) {
.video-with-content .video-wrapper .custom-video {
height: 213px;
}
}
@media (max-width: 376px) {
.video-with-content .video-wrapper .custom-video {
height: 196px;
}
}
@media (max-width: 361px) {
.video-with-content .video-wrapper .custom-video {
height: 187px;
}
}
@media (max-width: 321px) {
.video-with-content .video-wrapper .custom-video {
height: 164px;
}
}
.video-with-content .video-wrapper .custom-video iframe {
-o-object-fit: unset;
object-fit: unset;
}
.video-with-content .video-group .custom-video {
padding: 0;
height: 333px;
}
@media (max-width: 1439px) {
.video-with-content .video-group .custom-video {
height: 306px;
}
}
@media (max-width: 1200px) {
.video-with-content .video-group .custom-video {
height: 240px;
}
}
@media (max-width: 1025px) {
.video-with-content .video-group .custom-video {
height: 218px;
}
}
@media (max-width: 900px) {
.video-with-content .video-group .custom-video {
height: 191px;
}
}
@media (max-width: 767px) {
.video-with-content .video-group .custom-video {
height: 405px;
}
}
@media (max-width: 600px) {
.video-with-content .video-group .custom-video {
height: 322px;
}
}
@media (max-width: 500px) {
.video-with-content .video-group .custom-video {
height: 264px;
}
}
@media (max-width: 460px) {
.video-with-content .video-group .custom-video {
height: 238px;
}
}
@media (max-width: 420px) {
.video-with-content .video-group .custom-video {
height: 216px;
}
}
@media (max-width: 400px) {
.video-with-content .video-group .custom-video {
height: 213px;
}
}
@media (max-width: 376px) {
.video-with-content .video-group .custom-video {
height: 196px;
}
}
@media (max-width: 361px) {
.video-with-content .video-group .custom-video {
height: 187px;
}
}
@media (max-width: 321px) {
.video-with-content .video-group .custom-video {
height: 164px;
}
}
.video-with-content .video-group .custom-video iframe {
-o-object-fit: unset;
object-fit: unset;
}
@media (max-width: 1200px) {
.newsletter-sec .section-title .desc p br {
display: none;
}
}
html.scroll-hide {
overflow: hidden;
}
html .mobile-menu {
z-index: 99;
}
@media screen and (min-width: 768px) and (max-height: 700px) {
.videobg-aspect {
padding-bottom: 66.25% !important;
bottom: -10202px !important;
}
}
@media screen and (min-width: 768px) and (max-height: 575px) {
.videobg-aspect {
padding-bottom: 69.25% !important;
top: -10100px !important;
}
}
@media screen and (min-width: 768px) and (max-height: 700px) {
.hero-banner {
height: 750px !important;
}
}
@media screen and (min-width: 768px) and (max-height: 575px) {
.hero-banner {
height: 680px !important;
}
}
@media screen and (min-width: 768px) and (max-height: 575px) {
.hero-banner .content-box.aos-animate .heading-box {
margin-bottom: 10px !important;
}
}
@media screen and (min-width: 768px) and (max-height: 575px) {
.hero-banner .content-box .bottom-text {
margin-top: -17px !important;
}
}
@media (max-width: 1200px) {
.cust-reviews-sec.project-desc-grid .section-title.text-center {
margin-bottom: 25px;
}
}
@media (max-width: 1200px) {
.cust-reviews-sec.project-desc-grid .grid-desc {
margin-top: 20px;
}
}
@media (max-width: 576px) {
.cust-reviews-sec.project-desc-grid .grid-desc .slick-list .slick-track {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media (max-width: 576px) {
.cust-reviews-sec.project-desc-grid .grid-desc .slick-list .slick-slide {
border-right: 0.75px solid #D6D6D6;
border-left: none;
position: relative;
left: -1px;
height: inherit;
}
}
@media (max-width: 767px) {
.prev-next-bar.award-prev-next.flex.align-center.space-between {
background-color: #4F616F;
}
}
@media (max-width: 767px) {
.prev-next-bar.award-prev-next.flex.align-center.space-between > span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 40px;
position: relative;
font-weight: 400;
}
}
.prev-next-bar.award-prev-next.flex.align-center.space-between > span:after {
content: "";
display: block;
background-image: url(../home_1.html);
background-repeat: no-repeat;
width: 15px;
height: 15px;
left: -20px;
top: 45%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
position: absolute;
}
@media (max-width: 767px) {
.prev-next-bar.award-prev-next.flex.align-center.space-between ul {
padding-right: 20px;
}
}
@media (max-width: 480px) {
.img-w-text-sec .inner-wrap .img-box a img {
height: 149px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 576px) {
.img-w-text-sec .inner-wrap .text-box.colm-7 {
margin-top: 30px;
}
}
@media (max-width: 576px) {
.img-w-text-sec .inner-wrap .text-box.colm-7 h3 {
margin-bottom: 22px;
}
}
.page-id-15 .bottom-paginatino.mb-100.blogpagination {
margin: 115px 0px;
}
@media (max-width: 1200px) {
.page-id-15 .bottom-paginatino.mb-100.blogpagination {
margin: 58px 0px 108px 0px;
}
}
@media (max-width: 767px) {
.inner-banner.contact-banner .register-form.contact-form .section-title {
margin-bottom: 30px;
}
}
.inner-banner.contact-banner .register-form.contact-form .section-title h2.bl-title {
font-weight: bold;
}
@media (max-width: 767px) {
.inner-banner.contact-banner .register-form.contact-form .section-title h2.bl-title {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.inner-banner.contact-banner .register-form.contact-form .section-title h2.bl-title::after {
height: 80%;
}
}
@media (max-width: 576px) {
.contact-feature .feature-img .img-box {
width: 100% !important;
}
}
@media (max-width: 1024px) {
.img-w-text-sec.about-us .inner-wrap.flex.content-row .img-box img {
height: 420px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 576px) {
.img-w-text-sec.about-us .inner-wrap.flex.content-row .img-box img {
height: 360px;
}
}
@media (max-width: 401px) {
.img-w-text-sec.about-us .inner-wrap.flex.content-row .img-box img {
height: 300px;
}
}
@media (max-width: 1024px) {
.page-id-36660 .container {
width: 100%;
max-width: 100%;
padding: 0px 50px;
}
}
@media (max-width: 767px) {
.page-id-36660 .container {
padding: 0px 20px;
}
}
@media (max-width: 576px) {
.collab-design-sec .why-normandy .wrapp-why-normandy .right-content h2.bl-title.title {
font-size: 32px;
}
}
@media (max-width: 370px) {
.collab-design-sec .why-normandy .wrapp-why-normandy .right-content h2.bl-title.title {
font-size: 24px;
}
}
@media (max-width: 480px) {
.collab-design-sec .why-normandy .wrapp-why-normandy .right-content p {
margin-bottom: 20px;
}
}
.collab-design-sec .why-normandy .wrapp-why-normandy .right-content ul {
padding-left: 35px;
}
@media (max-width: 370px) {
.collab-design-sec .why-normandy .wrapp-why-normandy .right-content ul {
padding-left: 20px;
}
}
@media (max-width: 400px) {
.collab-design-sec .normandy-process .process-slider .slick-slide .process-item {
margin-right: 30px !important;
}
}
@media (max-width: 400px) {
.collab-design-sec .normandy-process .process-slider .slick-slide .process-item h2.bl-title {
padding-left: 0;
border: none;
}
}
.collab-design-sec .normandy-process .process-slider .slick-slide .process-item h2.bl-title:after {
border: none;
}
@media (max-width: 340px) {
.collab-design-sec .normandy-process .process-slider .slick-slide .process-item p {
font-size: 14px;
}
}
@media (max-width: 480px) {
.page-id-36660 .collab-design-sec .feature-content-sec.about-feature-sec .flex.content-row {
margin: 54px 0px !important;
}
}
@media (max-width: 480px) {
.page-id-36660 .collab-design-sec .feature-content-sec.about-feature-sec .flex.content-row:nth-last-child(1) {
margin-bottom: 105px !important;
}
}
@media (max-width: 480px) {
.page-id-36660 .collab-design-sec .feature-content-sec.about-feature-sec .flex.content-row .feature-content {
padding-bottom: 25px;
}
}
.img-w-text-sec .enter-search-bar input {
border-radius: 0;
-webkit-appearance: none;
}
@media (max-width: 576px) {
.page-id-341 .collab-design-sec.search-city .flex.content-row .content-box {
margin-bottom: 35px !important;
}
}
@media (max-width: 767px) {
.mod-faq .faq-wrapper .faq-details .accordion-faq {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.mod-faq .faq-wrapper .faq-details .accordion-faq .sub-accordion {
margin-top: 30px;
}
}
@media (max-width: 576px) {
.page-id-9 .awards-sec .section-title h2 {
text-align: left;
}
}
@media (max-width: 576px) {
.page-id-9 .form-group .form-control {
display: block;
}
}
.page-id-36 .filter-awards.write-review .filter-award-item .button-group .button:nth-last-child(1) {
height: 39px;
}
@media (max-width: 767px) {
.page-id-36 .filter-awards.write-review .filter-award-item .button-group .button:nth-last-child(1) {
font-size: 16px;
}
}
@media (max-width: 576px) {
.page-id-76 .video-with-content .video-group {
margin-top: 25px !important;
}
}
@media (max-width: 576px) {
.page-id-76 .video-with-content .video-wrapper .colm-5 .video-content.border-heading h4 {
margin-bottom: 26px;
}
}
section.our-work-slider .white-kitchen.white-heading-desc.flex .kitchen-desc .prev-project ul.flex.space-between li {
position: relative;
}
section.our-work-slider .white-kitchen.white-heading-desc.flex .kitchen-desc .prev-project ul.flex.space-between li::after {
content: "";
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
section.our-work-slider .white-kitchen.white-heading-desc.flex .kitchen-desc .prev-project ul.flex.space-between li img.fluid {
height: 102px;
-o-object-fit: cover;
object-fit: cover;
}
section.our-work-slider .white-kitchen.white-heading-desc.flex .kitchen-desc .prev-project ul.flex.space-between li .project-link {
z-index: 2;
}
.our-work-slider .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-vertical.swiper-container-multirow.swiper-container-multirow-column.swiper-container-thumbs .swiper-button-prev::after,
.our-work-slider .swiper-container.gallery-thumbs.swiper-container-initialized.swiper-container-vertical.swiper-container-multirow.swiper-container-multirow-column.swiper-container-thumbs .swiper-button-next::after {
color: #ff9270;
font-weight: bold;
}
@media (max-width: 1024px) {
.feature-content-sec.empty-banner.color-grey-blue.category-banner-feature.color-bg-white.design-feature .flex.content-row.category-gallery .feature-img {
padding-right: 20px;
}
}
@media (max-width: 1024px) {
.filter-award-item .element-item.awards .group-award .img-box {
width: 160px;
}
}
@media (max-width: 400px) {
.filter-award-item .element-item.awards .group-award .img-box {
width: 100px;
}
}
@media (max-width: 1024px) {
.filter-award-item .element-item.awards .group-award .img-box img {
-o-object-fit: contain;
object-fit: contain;
}
}
@media (max-width: 1024px) {
.filter-award-item .element-item.awards .group-award .award-detail {
width: calc(100% - 160px);
}
}
@media (max-width: 400px) {
.filter-award-item .element-item.awards .group-award .award-detail {
width: calc(100% - 100px);
}
}
@media (max-width: 1439px) {
.filter-award-item .element-item.awards:nth-last-child(1) .group-award .img-box img {
-o-object-fit: contain;
object-fit: contain;
}
}
.blog-listing .menu-dropdown.active-dropdown .latest-post {
display: block;
}
.blog-listing .menu-dropdown .latest-post {
display: none;
}
.blog-listing .menu-dropdown .latest-post ul#cat-block {
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
}
.blog-listing .menu-dropdown .latest-post ul#cat-block li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: inherit;
}
.blog-listing .menu-dropdown .latest-post ul#cat-block li a {
color: #4f616f;
}
.blog-listing .menu-dropdown .latest-post ul#cat-block li span {
display: inline-block;
margin-top: 5px;
}
@media (max-width: 576px) {
.blog-listing.img-w-text-sec #blogs_data ul.flex.filter-sec li .blog-item .content p span {
display: block !important;
}
}
@media (max-width: 576px) {
.blog-listing.img-w-text-sec #blogs_data ul.flex.filter-sec li .blog-item .content a {
margin-top: 20px;
font-size: 14px;
font-weight: 400;
height: 38px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 125px;
}
}
.appointment-sec .content-row.flex .form-box .wpcf7 .wpcf7-form.init span {
line-height: 0;
}
.appointment-sec .content-row.flex .form-box .wpcf7 .wpcf7-form.init .form-group {
margin-top: 0;
margin-bottom: 0;
}
@media (max-width: 1024px) {
.hinsdale-contact .get-direction.flex.space-center > .btn.primary.alink-btn {
margin-top: 25px;
}
}
.img-w-text-sec .filter-awards.bottom-pagination .prev-next-bar.pagination.flex.align-center.space-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.img-w-text-sec .filter-awards.bottom-pagination .prev-next-bar.pagination.flex.align-center.space-between ul.flex.align-center {
background-color: transparent;
}
.prev-next-bar.flex.align-center.space-between .uppr-pagination > span > a {
position: relative;
margin-left: 15px;
}
.prev-next-bar.flex.align-center.space-between .uppr-pagination > span > a::after {
content: "";
display: block;
background-image: url(../home_1.html);
background-repeat: no-repeat;
width: 15px;
height: 15px;
left: -23px;
top: 44%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
position: absolute;
}
@media (max-width: 1024px) {
.contact-banner .register-form.contact-form .wpcf7 form.wpcf7-form.init .form-group {
margin-bottom: 15px;
}
}
@media (max-width: 900px) {
.contact-banner .register-form.contact-form .wpcf7 form.wpcf7-form.init .form-group {
margin-bottom: 0;
}
}
.img-w-text-sec .contact-group .mail-info a {
color: #4F616F;
}
@media (max-width: 576px) {
.single-locations .cust-reviews-sec.project-desc-grid .grid-desc .slick-list .slick-slide {
border-right: 0px;
}
}
body {
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
font-weight: 400;
font-size: 18px;
color: #4F616F;
line-height: 1.5;
letter-spacing: 1px;
-webkit-font-smoothing: antialiased;
}
button,
input,
select,
textarea {
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.h1, h1,
.h2, h2,
.h3, h3,
.h4, h4,
.h5, h5,
.h6, h6 {
color: #4F616F;
font-family: "Playfair Display", serif;
line-height: 1.5;
margin: 0 0 16px;
letter-spacing: 0px;
font-weight: 600;
}
.h1, h1 {
font-size: 48px;
}
@media (max-width: 1200px) {
.h1, h1 {
font-size: 36px;
}
}
@media (max-width: 1024px) {
.h1, h1 {
font-size: 27px;
}
}
.h2, h2 {
font-size: 32px;
}
@media (max-width: 1200px) {
.h2, h2 {
font-size: 27px;
}
}
@media (max-width: 1024px) {
.h2, h2 {
font-size: 22px;
}
}
@media (max-width: 767px) {
.h2, h2 {
font-size: 24px;
}
}
.h3, h3 {
font-size: 24px;
}
.h4, h4 {
font-size: 20px;
}
.h5, h5 {
font-size: 18px;
}
.h6, h6 {
font-size: 16px;
}
p {
line-height: 2;
margin-bottom: 10px;
font-size: 18px;
}
p:last-of-type {
margin-bottom: 0px;
}
@media (max-width: 576px) {
p {
line-height: 36px;
}
}
a {
text-decoration: none;
}
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex.nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.flex.column {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
}
.flex.space-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.flex.space-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flex.space-around {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex.space-evenly {
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.flex.space-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.flex.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex.align-stretch {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.flex.align-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.flex.align-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
button {
background-color: transparent;
border: 0;
cursor: pointer;
display: inline-block;
line-height: 1.5;
}
.btn {
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
cursor: pointer;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
font-weight: 600;
font-size: 18px;
letter-spacing: 1px;
padding: 12px 20px;
min-width: 180px;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 1200px) {
.btn {
min-width: 160px;
font-size: 16px;
}
}
.btn:hover {
background: #ff6b3d;
}
.btn.view-more-btn {
min-width: 300px;
}
.btn.secondary {
background-color: #548DA0;
color: #fff;
}
.btn.secondary:hover {
background: #ff6b3d;
}
.btn.primary {
background: #FF9270;
color: #fff;
}
.btn.primary:hover {
background: #ff6b3d;
}
.btn.trans {
background: transparent;
color: #FF9270;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0px;
margin-top: 30px;
}
.btn.trans:hover {
color: #fff;
padding-left: 3px;
}
.btn.trans i {
margin-left: 12px;
color: #4F616F;
}
.btn.read-more {
padding: 2px 22px;
}
.btn-arrow {
background: #F8F8F8;
color: #4F616F;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
display: block;
padding: 7px 20px;
line-height: 1.2;
text-align: left;
position: relative;
-webkit-transition: all .5s;
transition: all .5s;
}
.btn-arrow.primary {
background: #FF9270;
color: #fff;
}
.btn-arrow.primary:hover {
background: #ff6b3d;
}
.btn-arrow.primary:before {
display: none;
}
.btn-arrow.primary:after {
border-color: #fff;
}
.btn-arrow .text {
position: relative;
z-index: 2;
}
.btn-arrow:hover {
color: #fff;
}
.btn-arrow:hover:before {
width: 100%;
}
.btn-arrow:hover:after {
border-color: #fff;
}
.btn-arrow:before {
content: "";
background-color: #FF9270;
width: 6px;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: all .5s;
transition: all .5s;
}
.btn-arrow:after {
content: "";
border-width: 2px 2px 0 0;
border-style: solid;
border-color: #4F616F;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: calc(50% - 4px);
width: 6px;
height: 6px;
right: 15px;
z-index: 2;
-webkit-transition: all .5s;
transition: all .5s;
}
.two-col-field {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.two-col-field .form-group {
width: calc(50% - 12px);
}
@media (max-width: 767px) {
.two-col-field .form-group {
width: 100%;
}
}
.two-col-field .form-group .form-group {
margin-bottom: 0;
}
.two-col-field .form-group br {
display: none;
}
form select option {
color: #131414 !important;
}
.wpcf7-not-valid-tip {
margin-top: 5px;
display: block;
}
.wpcf7-response-output {
color: #fff;
border-color: #373737 !important;
}
.form-group {
width: 100%;
margin-bottom: 15px;
}
.form-group.inline-submit {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
}
.form-group.inline-submit .btn {
min-width: unset;
border: none;
width: auto;
}
.form-group.inline-submit .wpcf7-submit {
position: absolute;
right: 0;
top: 0;
font-size: 18px;
}
@media (max-width: 767px) {
.form-group.inline-submit .wpcf7-submit {
position: static;
width: 100%;
margin-top: 15px;
}
}
.form-group label {
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
font-weight: 700;
font-size: 16px;
margin-bottom: 10px;
text-transform: uppercase;
display: none;
}
.form-group textarea {
height: 185px;
}
.form-group .form-control {
width: 100%;
display: inline-block;
padding: 8px 30px;
border: 1px solid #fff;
outline: none;
color: #49494B;
background-color: #fff;
font-size: 16px;
line-height: 2;
letter-spacing: 1px;
resize: none;
-webkit-transition: .5s ease 0s;
transition: .5s ease 0s;
}
.form-group .form-control:focus {
background-color: #e6e6e6;
}
.form-group .form-control::-webkit-input-placeholder {
color: #49494B;
opacity: .4;
}
.form-group .form-control::-ms-input-placeholder {
color: #49494B;
opacity: .4;
}
.form-group .form-control:-ms-input-placeholder {
color: #49494B;
opacity: .4;
}
.form-group .form-control::placeholder {
color: #49494B;
opacity: .4;
}
.form-group select {
background-image: url(../dropdown-arrow.html);
background-repeat: no-repeat;
background-position: calc(100% - 15px) center;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.form-submit {
text-align: right;
padding-top: 20px;
position: relative;
}
.form-submit .ajax-loader {
position: absolute;
top: 38px;
margin: 0 7px;
width: 20px;
height: 20px;
}
.review-form form p br {
display: none;
}
.review-form form input, .review-form form textarea {
width: 100%;
height: 50px;
padding: 10px;
font-size: 16px;
border: 1px solid #D6D6D6;
margin-top: 20px;
border-radius: 0px;
}
.review-form form input::-webkit-input-placeholder, .review-form form textarea::-webkit-input-placeholder {
color: #49494B;
opacity: 1;
font-size: 16px;
}
.review-form form input::-ms-input-placeholder, .review-form form textarea::-ms-input-placeholder {
color: #49494B;
opacity: 1;
font-size: 16px;
}
.review-form form input:-ms-input-placeholder, .review-form form textarea:-ms-input-placeholder {
color: #49494B;
opacity: 1;
font-size: 16px;
}
.review-form form input::placeholder, .review-form form textarea::placeholder {
color: #49494B;
opacity: 1;
font-size: 16px;
}
.review-form form textarea {
height: 200px !important;
}
@media (max-width: 576px) {
.review-form form textarea {
height: 150px;
}
}
.review-form form input[type=submit] {
padding: 10px;
font-size: 18px;
font-weight: 700;
background-color: #FF9270;
border: none;
color: #fff;
border-radius: 10px;
cursor: pointer;
}
.hero-banner {
position: relative;
height: 900px;
}
@media (max-width: 1024px) {
.hero-banner {
height: 800px;
}
}
@media (max-width: 767px) {
.hero-banner {
height: auto;
padding-top: 95px;
}
}
@media (max-width: 576px) {
.hero-banner {
padding-top: 0px;
}
}
.hero-banner .content-box {
position: absolute;
max-width: 500px;
width: 100%;
height: calc(100% - 85px);
bottom: 0;
left: 0;
background: rgba(255, 255, 255, 0.7);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media (max-width: 1200px) {
.hero-banner .content-box {
max-width: 440px;
}
}
@media (max-width: 1024px) {
.hero-banner .content-box {
max-width: 350px;
height: calc(100% - 50px);
}
}
@media (max-width: 767px) {
.hero-banner .content-box {
position: static;
padding-top: 0px;
max-width: 100%;
}
}
.hero-banner .content-box.aos-animate .logo-box {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
}
.hero-banner .content-box.aos-animate .heading-box {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
text-align: left;
}
@media (max-width: 767px) {
.hero-banner .content-box.aos-animate .heading-box h2 {
font-size: 32px;
}
}
.hero-banner .content-box.aos-animate .btn-box ul li {
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.hero-banner .content-box.aos-animate .btn-box ul li:nth-child(2) {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.hero-banner .content-box.aos-animate .btn-box ul li:nth-child(3) {
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
}
.hero-banner .content-box.aos-animate .btn-box ul li:nth-child(4) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.hero-banner .content-box .logo-box {
margin-bottom: 40px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@media (max-width: 767px) {
.hero-banner .content-box .logo-box {
margin-top: -60px;
}
}
.hero-banner .content-box .heading-box {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
@media (max-width: 576px) {
.hero-banner .content-box .btn-box ul {
-webkit-column-count: 2;
column-count: 2;
}
}
.hero-banner .content-box .btn-box ul li {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.hero-banner .content-box .btn-box ul li:not(:last-of-type) {
margin-bottom: 12px;
}
@media (max-width: 576px) {
.hero-banner .content-box .btn-box ul li:not(:last-of-type) {
margin-bottom: 20px;
}
}
.hero-banner .content-box .btn-box ul li a {
font-weight: 700;
}
@media (max-width: 576px) {
.hero-banner .content-box .btn-box ul li a {
padding-left: 55px;
background-color: transparent;
}
}
@media (max-width: 400px) {
.hero-banner .content-box .btn-box ul li a {
padding-left: 40px;
}
}
@media (max-width: 576px) {
.hero-banner .content-box .btn-box ul li a:before {
display: none;
}
}
@media (max-width: 576px) {
.hero-banner .content-box .btn-box ul li a:after {
content: "\f105";
border: none;
width: 37px;
height: 37px;
font-family: 'FontAwesome';
color: #fff;
-webkit-transform: inherit;
transform: inherit;
transform: inherit;
position: absolute;
left: 0;
top: 5px;
background: #ff9270;
text-align: center;
line-height: 37px;
}
}
@media (max-width: 400px) {
.hero-banner .content-box .btn-box ul li a:after {
width: 30px;
height: 30px;
line-height: 30px;
}
}
.hero-banner .content-box .bottom-text {
background-color: #548DA0;
margin: auto -75px 0;
text-align: left;
}
@media (max-width: 1200px) {
.hero-banner .content-box .bottom-text {
margin: auto -60px 0;
}
}
@media (max-width: 1024px) {
.hero-banner .content-box .bottom-text {
margin: auto -40px 0;
}
}
@media (max-width: 576px) {
.hero-banner .content-box .bottom-text {
padding-left: 28px;
margin: inherit;
padding-top: 37px;
padding-bottom: 37px;
margin-top: 15px;
width: calc(100% + 50px);
margin-left: -25px;
}
}
.hero-banner .content-box .bottom-text p {
color: #fff;
font-weight: 600;
line-height: 1.3;
}
.hero-banner .hero-img img {
height: 900px;
-o-object-fit: cover;
object-fit: cover;
}
.inner-banner .hero-img img {
height: 400px;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1950px) {
.inner-banner .hero-img img {
height: 60vh;
}
}
@media (max-width: 767px) {
.inner-banner .hero-img img {
height: 325px;
}
}
.inner-banner.contact-banner {
position: relative;
height: auto;
background-image: url(../event-banner2x.html);
}
.inner-banner.contact-banner .hero-img {
display: none;
}
.inner-banner.contact-banner:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(79, 97, 111, 0.85);
}
.inner-banner.contact-banner .register-form {
padding: 78px 0px;
position: relative;
}
@media (max-width: 1024px) {
.inner-banner.contact-banner .register-form .form-group {
margin-bottom: 0px;
}
}
.inner-banner.contact-banner .register-form .form-group:after {
display: none;
}
.inner-banner.contact-banner .register-form .form-group select {
background-image: url(../select-arrow.html);
cursor: pointer;
background-repeat: no-repeat;
background-position: 98% 55%;
background-size: 10px;
}
.inner-banner.contact-banner .register-form h2 a {
color: #fff;
}
.videobg {
position: relative;
width: 100%;
/* Set video container element width here */
height: 100%;
/* Set video container element height here */
overflow: hidden;
background: #111;
/* bg color, if video is not high enough */
}
@media (max-width: 767px) {
.videobg {
height: 500px;
}
}
@media (max-width: 576px) {
.videobg {
height: 220px;
}
}
/* horizontally center the video */
.videobg-width {
position: absolute;
width: 100%;
/* Change width value to cover more area*/
height: 100%;
left: -9999px;
right: -9999px;
margin: auto;
}
/* set video aspect ratio and vertically center */
.videobg-aspect {
position: absolute;
width: 100%;
height: 0;
top: -9999px;
bottom: -9999px;
margin: auto;
padding-bottom: 56.25%;
/* 16:9 ratio */
overflow: hidden;
}
.videobg-make-height {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.videobg-hide-controls {
-webkit-box-sizing: content-box;
box-sizing: content-box;
position: relative;
height: 100%;
width: 100%;
/* Vimeo timeline and play button are ~55px high */
padding: 55px 97.7777px;
/* 16:9 ratio */
top: -55px;
left: -97.7777px;
/* 16:9 ratio */
}
.videobg iframe {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 0 none;
}
@media (max-width: 576px) {
.home .img-w-text-sec .section-title.left-border .bl-title.title {
font-size: 24px;
}
}
/* global classes */
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.color-grey-blue {
background-color: #4F616F;
}
.color-grey-blue * {
color: #fff;
}
.color-grey-blue .section-title .site-icon svg path {
fill: #fff;
}
.color-bg-white .content-row .feature-content .text-box h1 {
color: #4F616F;
}
.f-size-16 {
font-size: 16px;
}
.f-size-16 p,
.f-size-16 li {
font-size: 16px;
}
.ff-nhg {
font-family: "Neue Haas Grotesk Display Pro", sans-serif !important;
}
.ff-pfd {
font-family: "Playfair Display", serif !important;
}
/* colm width */
.colm-1 {
width: 8.33333%;
}
.colm-2 {
width: 16.66667%;
}
.colm-3 {
width: 25%;
}
@media (max-width: 1024px) {
.colm-3 {
width: 100%;
}
}
.colm-4 {
width: 33.33333%;
}
@media (max-width: 1024px) {
.colm-4 {
width: 100%;
}
}
.colm-5 {
width: 41.66667%;
}
@media (max-width: 1024px) {
.colm-5 {
width: 100%;
}
}
.colm-6 {
width: 50%;
}
@media (max-width: 1024px) {
.colm-6 {
width: 100%;
}
}
.colm-7 {
width: 58.33333%;
}
@media (max-width: 1024px) {
.colm-7 {
width: 100%;
}
}
.colm-8 {
width: 66.66667%;
}
@media (max-width: 1024px) {
.colm-8 {
width: 100%;
}
}
.colm-9 {
width: 75%;
}
@media (max-width: 1024px) {
.colm-9 {
width: 100%;
}
}
.colm-10 {
width: 83.33333%;
}
.colm-11 {
width: 91.66667%;
}
.colm-12 {
width: 91.66667%;
}
.bl-title {
position: relative;
padding-bottom: 10px;
}
@media (max-width: 767px) {
.bl-title {
padding-left: 25px;
}
}
.bl-title::after {
content: "";
border-left: 5px solid #FF9270;
left: -25px;
width: 5px;
height: 43px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.bl-title::after {
left: 0;
}
}
.feature-title {
background: rgba(248, 248, 248, 0.8);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
padding: 25px 65px;
position: relative;
display: table;
margin: 0;
}
@media (max-width: 767px) {
.feature-title {
font-size: 32px;
width: calc(100% - -50px);
margin-left: -25px;
padding: 25px 20px 25px 50px;
}
}
@media (max-width: 400px) {
.feature-title {
font-size: 24px;
}
}
.feature-title:before {
content: "";
background-color: #FF9270;
width: 5px;
height: 62px;
left: 35px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.feature-title:before {
left: 25px;
}
}
/* section title */
.section-title {
margin-bottom: 50px;
}
.section-title.left-border {
padding-left: 25px;
}
.section-title .site-icon {
position: relative;
width: 180px;
margin: 0 auto 24px;
}
.section-title .site-icon svg {
display: block;
margin: 0 auto;
}
.section-title .site-icon:before, .section-title .site-icon:after {
content: "";
-webkit-box-shadow: 0px 0.3px 0.5px;
box-shadow: 0px 0.3px 0.5px;
width: 65px;
height: 1px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background: #4f616f;
}
.section-title .site-icon:before {
left: 0;
}
.section-title .site-icon:after {
right: 0;
}
.section-title .title {
position: relative;
margin-bottom: 30px;
}
.section-title .desc {
max-width: 950px;
margin: 0 auto;
}
.inner-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.inner-box:before {
content: "";
position: absolute;
width: 1px;
height: 0px;
bottom: -25px;
left: -25px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
}
.inner-box:after {
content: "";
position: absolute;
height: 1px;
width: 0px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
right: -25px;
bottom: -25px;
}
@media (max-width: 1024px) {
.page-id-309 .feature-content-sec .feature-content {
background-color: #f8f8f8;
}
}
/* featured content section */
.feature-content-sec {
position: relative;
z-index: 2;
}
.feature-content-sec.category-banner-feature {
background-color: transparent;
}
@media (max-width: 576px) {
.feature-content-sec.category-banner-feature {
margin-top: 50px;
}
}
.feature-content-sec.category-banner-feature:before {
content: "";
position: absolute;
left: 0;
top: 150px;
background: #4F616F;
width: 100%;
height: 88%;
top: inherit;
bottom: 0;
}
@media (max-width: 767px) {
.feature-content-sec.category-banner-feature:before {
height: 85%;
}
}
.feature-content-sec.category-banner-feature .category-gallery {
margin-top: 0px !important;
}
@media (max-width: 767px) {
.feature-content-sec.category-banner-feature .category-gallery .feature-img.grid {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
padding-left: 0px;
padding-right: 0px !important;
}
}
@media (max-width: 576px) {
.feature-content-sec.category-banner-feature .category-gallery .feature-img .img-box {
width: calc(50% - 8px) !important;
}
}
@media (max-width: 400px) {
.feature-content-sec.category-banner-feature .category-gallery .feature-img .img-box {
width: 100% !important;
}
}
@media (max-width: 576px) {
.feature-content-sec.category-banner-feature .feature-content {
padding: 0px !important;
padding-left: 10px !important;
}
}
@media (max-width: 767px) {
.feature-content-sec.category-banner-feature .feature-content .text-box {
display: none !important;
}
}
@media (max-width: 767px) {
.feature-content-sec.category-banner-feature .feature-content .desc {
margin-top: 0px !important;
}
}
@media (max-width: 767px) {
.feature-content-sec.category-banner-feature .feature-content .desc a {
display: inline-block !important;
}
}
@media (max-width: 576px) {
.feature-content-sec.category-banner-feature .feature-content .desc a {
display: block !important;
min-width: 100%;
}
}
@media (max-width: 767px) {
.feature-content-sec.category-banner-feature .click-desc {
right: inherit;
left: 0px;
text-align: left;
}
}
@media (max-width: 767px) {
.feature-content-sec.category-banner-feature .text-box {
margin-bottom: 100px;
margin-top: 50px;
}
.feature-content-sec.category-banner-feature .text-box h1 {
color: #4F616F;
font-size: 32px;
}
.feature-content-sec.category-banner-feature .text-box h1 br {
display: none;
}
}
.feature-content-sec.bg-grey .content-row {
background-color: #f8f8f8;
}
@media (max-width: 1024px) {
.feature-content-sec.bg-grey .content-row {
background-color: transparent;
}
}
.feature-content-sec.bg-grey .content-row.aos-animate:after {
height: calc(100% + 0px);
}
.feature-content-sec.bg-grey .content-row.aos-animate .inner-box:before {
height: calc(100% + 0px);
}
.feature-content-sec.bg-grey .content-row:before {
top: 25px;
}
.feature-content-sec.bg-grey .content-row:after {
top: 25px;
}
.feature-content-sec .content-row {
position: relative;
}
.feature-content-sec .content-row .inner-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.feature-content-sec .content-row .inner-box:before {
content: "";
position: absolute;
width: 1px;
height: 0px;
bottom: -25px;
left: -25px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
}
@media (max-width: 767px) {
.feature-content-sec .content-row .inner-box:before {
display: none;
}
}
.feature-content-sec .content-row .inner-box:after {
content: "";
position: absolute;
height: 1px;
width: 0px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
right: -25px;
bottom: -25px;
}
@media (max-width: 767px) {
.feature-content-sec .content-row .inner-box:after {
display: none;
}
}
.feature-content-sec .content-row.reverse .feature-content {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
@media (max-width: 767px) {
.feature-content-sec .content-row.reverse .feature-content {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0;
}
}
@media (max-width: 767px) {
.feature-content-sec .content-row.reverse .feature-content .text-box .bl-title {
padding-left: 0px;
}
}
.feature-content-sec .content-row.aos-animate:before {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.feature-content-sec .content-row.aos-animate:after {
height: calc(100% + 25px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.feature-content-sec .content-row.aos-animate .inner-box:before {
height: calc(100% + 25px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
.feature-content-sec .content-row.aos-animate .inner-box:after {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.feature-content-sec .content-row:before {
content: "";
width: 0px;
height: 1px;
background-color: #D6D6D6;
left: -25px;
top: 0px;
position: absolute;
pointer-events: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.feature-content-sec .content-row:before {
display: none;
}
}
.feature-content-sec .content-row:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 0px;
right: -25px;
background-color: #D6D6D6;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.feature-content-sec .content-row:after {
display: none;
}
}
.feature-content-sec .feature-img {
margin: -20px 0 -50px;
}
@media (max-width: 1024px) {
.feature-content-sec .feature-img {
margin: 0px;
}
}
.feature-content-sec .feature-img.grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: inherit !important;
}
.feature-content-sec .feature-img.grid .img-box {
width: calc(50% - 12px);
}
@media (max-width: 576px) {
.feature-content-sec .feature-img.grid .img-box {
width: calc(50% - 8px);
}
}
.feature-content-sec .feature-img.grid .img-box:nth-child(-n+2) {
margin-bottom: 24px;
}
@media (max-width: 576px) {
.feature-content-sec .feature-img.grid .img-box:nth-child(-n+2) {
margin-bottom: 12px;
}
}
.feature-content-sec .feature-img.grid .img-box img {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.feature-content-sec .feature-img .img-box {
position: relative;
}
.feature-content-sec .feature-img .img-box:hover .img-overlay {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
}
.feature-content-sec .feature-img .img-box:hover .img-overlay ul li {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
.feature-content-sec .feature-img .img-box .caption {
background-color: rgba(84, 141, 160, 0.85);
font-size: 16px;
font-weight: 400;
color: #fff;
padding: 4px 21px;
position: absolute;
bottom: 21px;
right: 0;
}
@media (max-width: 576px) {
.feature-content-sec .feature-img .img-box .caption {
width: 100%;
text-align: center;
padding: 10px 20px;
bottom: 0;
font-size: 18px;
}
}
@media (max-width: 1024px) {
.feature-content-sec .feature-content {
background-color: #fff;
}
}
@media (max-width: 767px) {
.feature-content-sec .feature-content {
position: relative;
left: -10px;
padding-right: 20px;
padding-left: 32px;
background-color: #F8F8F8;
margin-top: 40px;
}
.feature-content-sec .feature-content:before {
content: "";
position: absolute;
left: 15px;
top: 15px;
width: 100%;
height: 100%;
border: 1px solid #D6D6D6;
}
}
.feature-content-sec .feature-content .text-box .title {
margin-bottom: 15px;
}
.feature-content-sec .feature-content .text-box .btn {
margin-top: 20px;
}
@media (max-width: 576px) {
.feature-content-sec .feature-content .text-box .btn {
min-width: 100%;
}
}
.feature-content-sec .feature-content .text-box .btn:not(:last-of-type) {
margin-right: 10px;
}
.feature-content-sec.design-feature .content-row {
margin-top: -260px;
}
.feature-content-sec.design-feature .content-row .inner-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 310px;
background: #F8F8F8;
}
.feature-content-sec.design-feature .content-row .inner-box:before {
content: "";
position: absolute;
width: 1px;
height: 0px;
bottom: -25px;
left: -25px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
}
.feature-content-sec.design-feature .content-row .inner-box:after {
content: "";
position: absolute;
height: 1px;
width: 0px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
right: -25px;
bottom: -25px;
}
.feature-content-sec.design-feature .content-row.aos-animate:before {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.feature-content-sec.design-feature .content-row.aos-animate:after {
height: 315px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.feature-content-sec.design-feature .content-row.aos-animate .inner-box:before {
height: calc(100% + 4px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s;
}
.feature-content-sec.design-feature .content-row.aos-animate .inner-box:after {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.feature-content-sec.design-feature .content-row:before {
content: "";
width: 0px;
height: 1px;
background-color: #D6D6D6;
left: -25px;
top: 20px;
position: absolute;
pointer-events: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
z-index: 1;
}
.feature-content-sec.design-feature .content-row:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 20px;
right: -25px;
background-color: #D6D6D6;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.feature-content-sec.design-feature .feature-img {
padding-left: 20px;
}
@media (max-width: 576px) {
.feature-content-sec.design-feature .feature-img {
padding-left: 0px;
}
}
.feature-content-sec.design-feature .feature-img.grid .img-box {
margin-bottom: 24px;
z-index: 1;
height: 244px;
}
@media (max-width: 576px) {
.feature-content-sec.design-feature .feature-img.grid .img-box {
width: 100%;
}
}
@media (max-width: 767px) {
.feature-content-sec.design-feature .inner-box {
display: none;
}
}
.feature-content-sec.design-feature .feature-content {
padding: 46px 40px 25px 50px;
}
@media (max-width: 767px) {
.feature-content-sec.design-feature .feature-content:before {
display: none;
}
}
@media (max-width: 1439px) {
.feature-content-sec.design-feature .feature-content {
padding: 46px 40px 25px 40px;
}
}
@media (max-width: 1200px) {
.feature-content-sec.design-feature .feature-content {
padding: 46px 20px 25px 20px;
}
}
@media (max-width: 1024px) {
.feature-content-sec.design-feature .feature-content {
background-color: transparent;
}
}
@media (max-width: 767px) {
.feature-content-sec.design-feature .feature-content {
padding-right: 0px;
}
}
.feature-content-sec.design-feature .feature-content .desc {
margin-top: 60px;
}
.feature-content-sec.design-feature .feature-content .desc a {
margin-top: 30px;
display: block;
}
@media (max-width: 767px) {
.feature-content-sec.design-feature .feature-content .desc a {
display: none;
}
}
.feature-content-sec.design-feature .feature-content .text-box {
min-height: 265px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.feature-content-sec.design-feature .feature-content .text-box {
min-height: auto;
padding: 30px;
background-color: #fff;
position: relative;
}
.feature-content-sec.design-feature .feature-content .text-box:before {
content: "";
position: absolute;
left: -20px;
top: 20px;
width: 100%;
height: 100%;
border: 1px solid #D6D6D6;
}
}
.feature-content-sec.recognition-feature .feature-content {
padding: 46px 0px 25px 50px;
}
@media (max-width: 1439px) {
.feature-content-sec.recognition-feature .feature-content {
padding: 46px 0px 25px 25px;
}
}
@media (max-width: 1024px) {
.feature-content-sec.recognition-feature .feature-content {
padding: 46px 0px 25px 50px;
}
}
.feature-content-sec.recognition-feature .feature-content .text-box h2 {
margin-bottom: 50px;
}
@media (max-width: 576px) {
.feature-content-sec.recognition-feature .feature-content .text-box h2::after {
display: none;
}
}
.feature-content-sec.recognition-feature .feature-content .text-box .desc .btn {
display: inline-block;
}
@media (max-width: 767px) {
.feature-content-sec.recognition-feature .feature-content .text-box .desc .btn {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
.feature-content-sec.recognition-feature .feature-content ul.insert-li {
height: 400px;
overflow-y: scroll;
}
.feature-content-sec.recognition-feature .feature-content ul li {
padding-left: 35px;
position: relative;
}
.feature-content-sec.recognition-feature .feature-content ul li a {
font-weight: 400;
font-size: 18px;
color: #4F616F;
line-height: 40px;
}
@media (max-width: 1439px) {
.feature-content-sec.recognition-feature .feature-content ul li a {
font-size: 16px;
}
}
@media (max-width: 1200px) {
.feature-content-sec.recognition-feature .feature-content ul li a {
font-size: 14px;
letter-spacing: 0px;
}
}
@media (max-width: 767px) {
.feature-content-sec.recognition-feature .feature-content ul li a {
line-height: 32px;
}
}
.feature-content-sec.recognition-feature .feature-content ul li a span {
width: 16px;
height: 16px;
display: inline-block;
background-color: #FF9270;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.feature-content-sec.recognition-feature .feature-content ul li a span {
top: 13px;
-webkit-transform: inherit;
transform: inherit;
}
}
.feature-content-sec.recognition-feature .feature-content ul li a span i {
color: #fff;
font-size: 15px;
margin-left: 3px;
}
.feature-content-sec.recognition-feature .colm-5 {
width: 45.666%;
}
.feature-content-sec.recognition-feature .colm-7 {
width: 54.333%;
}
.feature-content-sec.recognition-feature .content-row .feature-img {
margin: 0px;
}
.feature-content-sec.recognition-feature .content-row .feature-img .img-box {
left: 143px;
top: 60px;
}
@media (max-width: 1439px) {
.feature-content-sec.recognition-feature .content-row .feature-img .img-box {
left: 125px;
}
}
.feature-content-sec.recognition-feature .content-row .feature-img .img-box img {
height: 527px;
-o-object-fit: cover;
object-fit: cover;
}
.feature-content-sec.recognition-feature .content-row.aos-animate:after {
height: calc(100% + -20px);
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
@media (max-width: 1024px) {
.feature-content-sec.recognition-feature .content-row.aos-animate:after {
height: calc(55% + -22px);
}
}
.feature-content-sec.recognition-feature .content-row.aos-animate:before {
width: calc(100% + 30px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.feature-content-sec.recognition-feature .content-row.aos-animate .inner-box:after {
width: calc(100% + -5px);
-webkit-transition-delay: 2s;
transition-delay: 2s;
}
.feature-content-sec.recognition-feature .content-row.aos-animate .inner-box:before {
height: calc(90% + -10px);
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.feature-content-sec.recognition-feature .content-row .inner-box {
background: #F8F8F8;
left: -60px;
top: -15px;
z-index: -1;
height: 680px;
width: calc(100% - -35px);
}
.feature-content-sec.recognition-feature .content-row .inner-box:before {
left: 40px;
bottom: 40px;
}
.feature-content-sec.recognition-feature .content-row .inner-box:after {
right: -35px;
bottom: 40px;
}
.feature-content-sec.recognition-feature .content-row:before {
left: -20px;
top: 25px;
}
.feature-content-sec.recognition-feature .content-row:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 25px;
right: -10px;
background-color: #D6D6D6;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
z-index: -1;
}
.feature-content-sec.recent-feature .content-row.aos-animate:before {
width: calc(100% + 0px);
}
.feature-content-sec.recent-feature .content-row.aos-animate:after {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.feature-content-sec.recent-feature .content-row.aos-animate .inner-box:before {
height: calc(100% + 0px);
}
.feature-content-sec.recent-feature .content-row.aos-animate .inner-box:after {
width: calc(100% + 0px);
}
.feature-content-sec.recent-feature .content-row .inner-box {
background: #F8F8F8;
z-index: -1;
}
.feature-content-sec.recent-feature .content-row .inner-box:before {
left: 25px;
}
.feature-content-sec.recent-feature .content-row:before {
left: 25px;
top: 25px;
}
.feature-content-sec.recent-feature .content-row:after {
top: 25px;
right: -25px;
}
/* secondary banner section */
.secondary-banner-sec .img-box {
position: relative;
}
@media (max-width: 767px) {
.secondary-banner-sec .img-box img {
height: 386px;
-o-object-fit: cover;
object-fit: cover;
}
}
.collab-design-sec .feature-title {
margin-top: -60px;
}
.page-id-15 .bottom-paginatino .prev-next-bar ul li a {
color: #D6D6D6;
}
.page-id-15 .bottom-paginatino .prev-next-bar ul li a span {
color: #D6D6D6;
}
.prev-next-bar {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.prev-next-bar .uppr-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #4F616F;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 20px;
width: 395px;
}
@media (max-width: 576px) {
.prev-next-bar .uppr-pagination {
width: 100%;
}
}
.prev-next-bar .uppr-pagination span a {
color: #D6D6D6;
}
.prev-next-bar .uppr-pagination ul {
background-color: transparent;
padding: 0px;
}
.prev-next-bar.pagination {
padding-left: 0px;
}
.prev-next-bar.pagination ul li {
margin: 0px 10px;
}
@media (max-width: 576px) {
.prev-next-bar.pagination ul li {
margin: 0px 5px;
}
}
.prev-next-bar.pagination ul li:first-of-type {
margin-right: 10px;
}
@media (max-width: 576px) {
.prev-next-bar.pagination ul li:first-of-type {
margin-right: 5px;
}
}
.prev-next-bar.pagination ul li.active span {
color: #FF9270;
}
.prev-next-bar.pagination ul li a.prev i {
margin-right: 12px;
}
@media (max-width: 576px) {
.prev-next-bar.pagination ul li span {
font-size: 24px;
}
}
.prev-next-bar span {
color: #D6D6D6;
font-size: 18px;
letter-spacing: 1px;
font-weight: 600;
}
.prev-next-bar span img {
width: 15px;
vertical-align: revert;
margin-right: 10px;
position: relative;
top: 1px;
}
.prev-next-bar ul {
background-color: #4F616F;
padding: 15px 20px;
width: auto;
}
@media (max-width: 400px) {
.prev-next-bar ul {
padding: 15px 5px;
}
}
.prev-next-bar ul li:first-of-type {
margin-right: 40px;
}
.prev-next-bar ul li a {
color: #D6D6D6;
font-size: 18px;
letter-spacing: 1px;
}
.prev-next-bar ul li a.prev i {
margin-right: 20px;
}
.prev-next-bar ul li a.next i {
margin-left: 15px;
}
@media (max-width: 767px) {
.prev-next-bar.award-prev-next {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.bottom-paginatino {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.bottom-paginatino .prev-next-bar {
margin-left: inherit;
background-color: transparent;
}
.bottom-paginatino .prev-next-bar ul li a {
color: #4F616F;
font-weight: 600;
}
@media (max-width: 576px) {
.bottom-paginatino .prev-next-bar ul li a {
font-size: 24px;
}
}
.bottom-paginatino .prev-next-bar ul li a span {
color: #4F616F;
}
@media (max-width: 576px) {
.bottom-paginatino .prev-next-bar ul li a span {
font-size: 24px;
}
}
.bottom-paginatino .prev-next-bar ul li a span i {
color: #FF9270;
}
.bottom-paginatino .prev-next-bar ul li a span i.fa-angle-right {
position: relative;
left: 10px;
}
@media (max-width: 576px) {
.bottom-paginatino .prev-next-bar ul li a span i.fa-angle-right {
left: 5px;
}
}
.bottom-paginatino .prev-next-bar ul li a span i.fa-angle-left {
position: relative;
right: 10px;
}
@media (max-width: 576px) {
.bottom-paginatino .prev-next-bar ul li a span i.fa-angle-left {
right: 5px;
}
}
@media (max-width: 767px) {
.single-our-designers .custom-video {
top: 18px;
}
}
@media (max-width: 576px) {
.single-our-designers .custom-video {
height: 182px;
}
}
@media (max-width: 1024px) {
.single-our-designers .custom-video .videobg .videobg-aspect {
padding-bottom: 34.25%;
}
}
@media (max-width: 767px) {
.single-our-designers .custom-video .videobg .videobg-aspect {
padding-bottom: 16.25%;
}
}
@media (max-width: 576px) {
.single-our-designers .custom-video .videobg .videobg-aspect {
padding-bottom: 6.25%;
}
}
@media (max-width: 400px) {
.single-our-designers .custom-video .videobg .videobg-aspect {
padding-bottom: 3.25%;
}
}
.custom-video {
position: relative;
height: 300px;
}
@media (max-width: 767px) {
.custom-video .videobg {
height: 100%;
}
}
.custom-video .videobg .videobg-aspect {
bottom: -9999px;
top: -9999px;
}
@media (max-width: 767px) {
.custom-video .videobg .videobg-aspect {
padding-bottom: 27.25%;
}
}
.custom-video video {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.custom-video .video-poster {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.custom-video .video-poster img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.custom-video .video-poster img {
top: 0 !important;
}
}
.custom-video .play-button {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
background-color: #FF9270;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.custom-video .play-button i {
color: #fff;
}
.border-heading h4 {
font-size: 18px;
font-weight: 700;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
position: relative;
display: inline-block;
}
.border-heading h4:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 3px;
background-color: #FF9270;
}
.img-overlay {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(55, 55, 55, 0.9);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-line-pack: center;
align-content: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-transform: scale(0);
transform: scale(0);
}
.img-overlay ul li a {
font-size: 18px;
line-height: 36px;
color: #fff;
font-weight: 400;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.img-overlay ul li a:hover {
letter-spacing: 2px;
}
@media (max-width: 1024px) {
.category-feature-article .article-title {
margin-top: 154px;
}
}
@media (max-width: 767px) {
.category-feature-article .article-title {
margin-top: 90px;
}
}
.article-title {
margin-top: 200px;
}
@media (max-width: 767px) {
.article-title {
margin-top: 20px;
}
}
.article-title .feature-title {
padding: 25px 0px 25px 64px;
}
@media (max-width: 1024px) {
.article-title .feature-title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.article-title .feature-title {
font-size: 32px;
}
}
.article-title .feature-title:before {
height: 140px;
}
.article-title .desc {
padding: 25px 0px 25px 64px;
margin-top: 50px;
}
@media (max-width: 1024px) {
.article-title .desc {
padding: 25px 0px 25px 30px;
}
}
@media (max-width: 767px) {
.article-title .desc {
padding: 25px 0px 25px 0px;
}
}
.article-title .desc a {
display: inline-block;
}
.article-title .desc a:hover {
background-color: transparent;
color: #FF9270;
}
.full-image img {
width: 100%;
height: 400px;
-o-object-fit: cover;
object-fit: cover;
}
.full-image .jarallax {
height: 400px;
}
.recog-title {
font-size: 18px;
font-weight: 700;
color: #548DA0;
display: block;
margin-bottom: 15px;
margin-top: 30px;
}
.italic-title {
text-align: center;
font-style: italic;
display: block;
margin-top: 50px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.menu-dropdown {
text-align: center;
margin-top: -100px;
}
@media (max-width: 1024px) {
.menu-dropdown {
margin-top: -40px;
}
}
.menu-dropdown button {
width: 300px;
height: 50px;
text-align: center;
color: #fff;
background-color: #4F616F;
font-size: 18px;
font-weight: 700;
position: relative;
}
@media (max-width: 576px) {
.menu-dropdown button {
width: 100%;
}
}
.menu-dropdown button.active-menu i {
-webkit-transform: translateY(-50%) rotate(-180deg);
transform: translateY(-50%) rotate(-180deg);
}
.menu-dropdown button i {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.latest-post {
margin-top: 75px;
}
@media (max-width: 1024px) {
.latest-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
margin-top: 0;
}
}
.latest-post ul {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.latest-post ul li {
width: 16.6%;
padding: 0px 10px;
}
.latest-post ul li.active a {
color: #FF9270 !important;
}
@media (max-width: 1024px) {
.latest-post ul li {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px 0px;
}
}
@media (max-width: 1024px) {
.latest-post ul li br {
display: none;
}
}
.latest-post ul li:not(:last-of-type) {
border-right: 1px solid #D6D6D6;
}
@media (max-width: 1024px) {
.latest-post ul li:not(:last-of-type) {
border-right: none;
}
}
.latest-post ul li p {
font-size: 18px;
letter-spacing: 1px;
font-weight: 400;
text-align: center;
line-height: 24px;
}
@media (max-width: 1200px) {
.latest-post ul li p {
font-size: 16px;
}
}
@media (max-width: 576px) {
.latest-post ul li p {
font-size: 18px;
}
}
@media (max-width: 400px) {
.latest-post ul li p {
font-size: 14px;
}
}
.latest-post ul li span {
font-size: 14px;
color: #D6D6D6;
font-weight: 400;
}
.search-post {
margin-top: 75px;
}
@media (max-width: 1024px) {
.search-post {
margin: 15px 0px;
}
}
.search-post input {
width: 830px;
max-width: 100%;
height: 50px;
padding: 10px 20px 10px 50px;
background-image: url(../search.html);
background-repeat: no-repeat;
background-position: 16px 50%;
border: 1px solid #D6D6D6;
color: #4F616F;
font-size: 18px;
}
.search-post input:focus {
outline: none;
}
.search-post input::-webkit-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #4F616F;
font-size: 18px;
opacity: 1;
/* Firefox */
}
.search-post input:-ms-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #4F616F;
font-size: 18px;
opacity: 1;
/* Firefox */
}
.search-post input::-ms-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #4F616F;
font-size: 18px;
opacity: 1;
/* Firefox */
}
.search-post input::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #4F616F;
font-size: 18px;
opacity: 1;
/* Firefox */
}
.search-post input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #4F616F;
font-size: 18px;
}
.search-post input::-ms-input-placeholder {
/* Microsoft Edge */
color: #4F616F;
font-size: 18px;
}
.extarnal-link {
background: linear-gradient(135deg, #FDA589 0%, #FF9270 100%);
position: absolute;
width: 42px;
height: 42px;
right: 0;
bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
z-index: 9;
}
.extarnal-link:hover {
background: #4F616F;
}
.extarnal-link i {
color: #fff;
font-size: 37px;
}
.extarnal-link img {
width: 22px !important;
height: auto !important;
}
.wrap-both-img .colm-6 {
width: 49%;
}
.section-title:after {
content: "";
clear: both;
display: table;
}
@media (max-width: 767px) {
.bottom-paginatino {
margin-bottom: 100px;
}
}
.bottom-paginatino .prev-next-bar.paginationCover ul li a {
color: #D6D6D6;
}
@media (max-width: 576px) {
.bottom-paginatino .prev-next-bar.paginationCover ul li a {
font-size: 24px;
}
}
.bottom-paginatino .prev-next-bar.paginationCover ul li a span {
color: #D6D6D6;
}
@media (max-width: 576px) {
.bottom-paginatino .prev-next-bar.paginationCover ul li a span {
font-size: 24px;
}
}
@media (max-width: 767px) {
.bottom-paginatino .prev-next-bar {
display: block;
}
}
.hide-on-desktop {
display: none !important;
}
@media (max-width: 767px) {
.hide-on-desktop {
display: block !important;
}
}
@media (max-width: 1024px) {
.bg-layer:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 580px;
background-color: #4F616F;
}
}
@media (max-width: 1024px) and (max-width: 576px) {
.bg-layer:before {
height: 700px;
}
}
@media (max-width: 767px) {
.hide-on-mobile {
display: none !important;
}
}
.mobile-sm-logo {
display: none;
}
@media (max-width: 576px) {
.mobile-sm-logo {
display: block;
text-align: center;
margin-top: -50px;
}
.mobile-sm-logo img {
width: 130px;
}
}
.mobile-sm-logo.empty-banner {
margin-top: 50px;
}
.numbers {
font-weight: 700;
font-size: 250px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-text-fill-color: transparent;
-webkit-text-stroke-color: #fff;
-webkit-text-stroke-width: 4px;
}
@media (max-width: 576px) {
.numbers {
font-size: 160px;
}
}
.error-404 {
padding-top: 100px;
}
.error-404 .page-header {
text-align: center;
}
.error-404 .page-content {
max-width: 1310px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
.error-404 .page-content .search-form {
margin-top: 30px;
}
.error-404 .page-content .search-form label input[type=search] {
width: 500px;
padding: 10px;
border: none;
border: 1px solid #373737;
height: 50px;
}
@media (max-width: 767px) {
.error-404 .page-content .search-form label input[type=search] {
width: 300px;
}
}
@media (max-width: 576px) {
.error-404 .page-content .search-form label input[type=search] {
width: 100%;
}
}
.error-404 .page-content .search-form input[type=submit] {
padding: 10px;
height: 50px;
display: inline-block;
border: none;
font-size: 18px;
font-weight: 700;
background-color: #FF9270;
color: #fff;
}
@media (max-width: 576px) {
.error-404 .page-content .search-form input[type=submit] {
width: 100%;
text-align: center;
margin-top: 10px;
}
}
.error-404 .page-content .tagcloud {
margin-bottom: 50px;
}
.error-404 .page-content .widget h2 {
margin-top: 20px;
}
.error-404 .page-content .widget select {
width: 500px;
padding: 10px;
border: none;
border: 1px solid #373737;
height: 50px;
}
@media (max-width: 767px) {
.error-404 .page-content .widget select {
width: 300px;
}
}
@media (max-width: 576px) {
.error-404 .page-content .widget select {
width: 100%;
}
}
.at-share-btn-elements {
position: absolute;
left: -30px;
top: 4px;
}
.at-share-btn-elements .at-share-btn {
padding: 0px !important;
width: 20px;
height: 20px;
background-color: #FF9270 !important;
}
.at-share-btn-elements .at-share-btn .at-icon-wrapper svg {
width: 20px !important;
height: 20px !important;
}
.on-desktop-share {
position: relative;
padding-left: 30px;
}
@media (max-width: 767px) {
.on-desktop-share {
display: block;
}
}
@media (max-width: 767px) {
.on-mobile-share {
padding-left: 30px;
position: absolute;
left: 0;
top: 100%;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.single-awards-recognitions .celling-slider.award-slider {
padding-bottom: 70px;
}
}
.prev-next-bar.flex.align-center.space-between .uppr-pagination > span > a::after {
display: none;
}
.term-home-remodeling .category-feature-article .content-row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 900px) {
.term-home-remodeling .category-feature-article .content-row {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (max-width: 767px) {
.term-home-remodeling .category-feature-article .content-row {
margin-top: -150px;
}
}
@media (max-width: 900px) {
.term-home-remodeling .category-feature-article .content-row .article-title {
margin-top: 100px;
}
}
@media (max-width: 576px) {
.term-home-remodeling .category-feature-article .content-row .article-title .desc {
margin-top: 15px;
}
}
.custom-reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.custom-reverse .text-box {
padding-left: 0px !important;
padding-right: 46px;
}
@media (max-width: 767px) {
.custom-reverse .text-box {
padding-right: 0px;
}
}
.blog-content-gallery .gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-content-gallery .gallery .gallery-item {
margin-bottom: 20px;
margin-right: 20px;
}
@media (max-width: 767px) {
.blog-content-gallery .gallery .gallery-item {
margin-right: 0px;
}
}
.blog-content-gallery .gallery .gallery-item img {
width: 100%;
height: 345px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-content-gallery .gallery-columns-2 .gallery-item {
width: 48%;
}
@media (max-width: 1024px) {
.blog-content-gallery .gallery-columns-2 .gallery-item {
width: 47%;
}
}
@media (max-width: 767px) {
.blog-content-gallery .gallery-columns-2 .gallery-item {
width: 100%;
}
}
.blog-content-gallery .gallery-columns-3 .gallery-item {
width: 31%;
}
@media (max-width: 767px) {
.blog-content-gallery .gallery-columns-3 .gallery-item {
width: 100%;
}
}
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 23%;
}
@media (max-width: 1200px) {
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 30%;
}
}
@media (max-width: 1024px) {
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 47%;
}
}
@media (max-width: 767px) {
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 100%;
}
}
.blog-content-gallery {
/* == WEN 060322 */
}
.blog-content-gallery .c-list-item {
margin: 0 -12px;
margin-bottom: 60px;
}
.blog-content-gallery .c-list-item li {
padding: 0 12px;
width: 100%;
}
.blog-content-gallery .c-list-item li .wrapper {
position: relative;
display: block;
margin-bottom: 24px;
}
.blog-content-gallery .listing-list-1 li .btn-gallery img {
height: 564px;
}
@media (max-width: 1024px) {
.blog-content-gallery .listing-list-1 li .btn-gallery img {
height: auto;
}
}
@media (max-width: 576px) {
.blog-content-gallery .listing-list-2 {
margin-bottom: 36px;
}
}
.blog-content-gallery .listing-list-2 li {
width: 50%;
}
@media (max-width: 576px) {
.blog-content-gallery .listing-list-2 li {
margin-bottom: 24px;
width: 100%;
}
}
.blog-content-gallery .listing-list-2 li .btn-gallery img {
height: 364px;
}
@media (max-width: 767px) {
.blog-content-gallery .listing-list-2 li .btn-gallery img {
height: 264px;
}
}
@media (max-width: 576px) {
.blog-content-gallery .listing-list-2 li .btn-gallery img {
height: auto;
}
}
@media (max-width: 900px) {
.blog-content-gallery .listing-list-3 {
margin-bottom: 36px;
}
}
.blog-content-gallery .listing-list-3 li {
width: 33.33%;
}
@media (max-width: 900px) {
.blog-content-gallery .listing-list-3 li {
width: 50%;
margin-bottom: 24px;
}
}
@media (max-width: 576px) {
.blog-content-gallery .listing-list-3 li {
width: 100%;
}
}
@media (max-width: 1200px) {
.blog-content-gallery .listing-list-4 {
margin-bottom: 36px;
}
}
.blog-content-gallery .listing-list-4 li {
width: 25%;
}
@media (max-width: 1200px) {
.blog-content-gallery .listing-list-4 li {
width: 33.33%;
}
}
@media (max-width: 900px) {
.blog-content-gallery .listing-list-4 li {
width: 50%;
}
}
@media (max-width: 576px) {
.blog-content-gallery .listing-list-4 li {
width: 100%;
}
}
.blog-content-gallery .gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.blog-content-gallery .gallery .gallery-item {
margin-bottom: 20px;
margin-right: 20px;
}
@media (max-width: 767px) {
.blog-content-gallery .gallery .gallery-item {
margin-right: 0px;
}
}
.blog-content-gallery .gallery .gallery-item img {
width: 100%;
height: 345px;
-o-object-fit: cover;
object-fit: cover;
}
.blog-content-gallery .gallery-columns-2 .gallery-item {
width: 48%;
}
@media (max-width: 1024px) {
.blog-content-gallery .gallery-columns-2 .gallery-item {
width: 47%;
}
}
@media (max-width: 767px) {
.blog-content-gallery .gallery-columns-2 .gallery-item {
width: 100%;
}
}
.blog-content-gallery .gallery-columns-3 .gallery-item {
width: 31%;
}
@media (max-width: 767px) {
.blog-content-gallery .gallery-columns-3 .gallery-item {
width: 100%;
}
}
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 23%;
}
@media (max-width: 1200px) {
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 30%;
}
}
@media (max-width: 1024px) {
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 47%;
}
}
@media (max-width: 767px) {
.blog-content-gallery .gallery-columns-4 .gallery-item {
width: 100%;
}
}
section.image-width-controller .img-box {
width: 20%;
}
@media (max-width: 1024px) {
section.image-width-controller .img-box {
width: 100%;
}
}
section.image-width-controller .text-box {
width: 80%;
}
@media (max-width: 1024px) {
section.image-width-controller .text-box {
width: 100%;
}
}
.video-with-content .custom-video .play-button {
display: none;
}
@-webkit-keyframes contentFadeUp {
0% {
display: none;
opacity: 0;
top: 40px;
}
100% {
display: block;
opacity: 1;
top: 0px;
}
}
@keyframes contentFadeUp {
0% {
display: none;
opacity: 0;
top: 40px;
}
100% {
display: block;
opacity: 1;
top: 0px;
}
}
@-webkit-keyframes contentFade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes contentFade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes iconFadeInOut {
0% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
@keyframes iconFadeInOut {
0% {
opacity: 0.3;
}
100% {
opacity: 1;
}
}
.get-started-popup {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
z-index: 999;
display: none;
top: 0;
left: 0;
}
.get-started-popup .popup-container {
width: 730px;
padding: 40px 20px 70px 80px;
background-color: #fff;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 2;
}
@media (max-width: 1024px) {
.get-started-popup .popup-container {
width: 90%;
}
}
@media (max-width: 767px) {
.get-started-popup .popup-container {
padding: 40px 40px 40px 25px;
}
}
.get-started-popup .popup-container p {
margin-bottom: 0px;
}
.get-started-popup .popup-container .close-popup {
position: absolute;
right: 30px;
top: 30px;
}
.get-started-popup .popup-container .close-popup img {
width: 19px;
}
.write-a-review-popup {
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
position: fixed;
z-index: 999;
top: 0;
left: 0;
display: none;
}
.write-a-review-popup.active-review-popup {
display: block;
}
.write-a-review-popup .review-inner-popup {
width: 500px;
background-color: #fff;
padding: 20px;
border-radius: 10px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.write-a-review-popup .review-inner-popup {
width: 90%;
}
}
@media (max-width: 576px) {
.write-a-review-popup .review-inner-popup {
height: 63vh;
overflow-y: auto;
}
}
.write-a-review-popup .review-inner-popup .close-popup {
position: absolute;
right: 22px;
top: 12px;
position: absolute;
cursor: pointer;
}
.write-a-review-popup .review-inner-popup .close-popup img {
width: 17px;
}
.write-a-review-popup .wpcf7-response-output {
color: #131414;
margin-top: 0px;
}
.pb-50 {
padding-bottom: 50px !important;
}
@media (max-width: 767px) {
.pb-50 {
padding-bottom: 30px !important;
}
}
.mb-50 {
margin-bottom: 50px;
}
.mb-60 {
margin-bottom: 60px;
}
@media (max-width: 767px) {
.mb-60 {
margin-bottom: 30px;
}
}
.mt-100 {
margin-top: 100px;
}
@media (max-width: 576px) {
.mt-100 {
margin-top: 50px;
}
}
.mb-100 {
margin-bottom: 100px;
}
@media (max-width: 767px) {
.mb-100 {
margin-bottom: 70px;
}
}
.mt-60 {
margin-top: 60px !important;
}
@media (max-width: 767px) {
.mt-60 {
margin-top: 30px !important;
}
}
.mb-330 {
margin-bottom: 330px;
}
@media (max-width: 1024px) {
.mb-330 {
margin-bottom: 190px;
}
}
.pt-115 {
padding-top: 115px;
}
@media (max-width: 1024px) {
.pt-115 {
padding-top: 70px;
}
}
.pb-130 {
padding-bottom: 130px;
}
@media (max-width: 767px) {
.pb-130 {
padding-bottom: 90px;
}
}
.mb-40 {
margin-bottom: 40px;
}
.ptb-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.pt-80 {
padding-top: 80px;
}
.plr-75 {
padding-left: 75px;
padding-right: 75px;
}
@media (max-width: 1200px) {
.plr-75 {
padding-left: 60px;
padding-right: 60px;
}
}
@media (max-width: 1024px) {
.plr-75 {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 767px) {
.plr-75 {
padding-left: 25px;
padding-right: 25px;
}
}
.pl-80 {
padding-left: 80px;
}
@media (max-width: 767px) {
.pl-80 {
padding-left: 0px;
}
}
.mt-0 {
margin-top: 0px !important;
}
.pl-0 {
padding-left: 0px !important;
}
.mb-0 {
margin-bottom: 0px !important;
}
.mb-80 {
margin-bottom: 80px;
}
.mb-130 {
margin-bottom: 130px;
}
@media (max-width: 1024px) {
.mb-130 {
margin-bottom: 90px;
}
}
@media (max-width: 576px) {
.mb-130 {
margin-bottom: 50px;
}
}
.mt-150 {
margin-top: 150px;
}
@media (max-width: 1024px) {
.mt-150 {
margin-top: 100px;
}
}
.pt-35 {
padding-top: 35px;
}
.ptb-35 {
padding: 35px 0px;
}
.plr-50 {
padding-left: 50px;
padding-right: 50px;
}
.pb-25 {
padding-bottom: 25px;
}
.pt-260 {
padding-top: 260px;
}
.pb-145 {
padding-bottom: 145px;
}
@media (max-width: 767px) {
.pb-145 {
padding-bottom: 90px;
}
}
.pl-100 {
padding-left: 100px;
}
.pl-55 {
padding-left: 55px;
}
.pr-60 {
padding-right: 60px;
}
@media (max-width: 767px) {
.pr-60 {
padding-right: 0px;
}
}
.pl-70 {
padding-left: 70px;
}
.mt-180 {
margin-top: 180px;
}
@media (max-width: 767px) {
.mt-180 {
margin-top: 100px;
}
}
.pt-50 {
padding-top: 50px;
}
.ptb-60 {
padding: 60px 0px;
}
.mt-50 {
margin-top: 50px;
}
.mt-80 {
margin-top: 80px !important;
}
@media (max-width: 576px) {
.mt-80 {
margin-top: 50px !important;
}
}
.mt-350 {
margin-top: 350px;
}
@media (max-width: 767px) {
.mt-350 {
margin-top: 150px;
}
}
.pb-100 {
padding-bottom: 100px;
}
@media (max-width: 1024px) {
.pb-100 {
padding-bottom: 50px;
}
}
.pt-60 {
padding-top: 60px;
}
.pt-0 {
padding-top: 0px !important;
}
.pr-0 {
padding-right: 0px;
}
.mb-180 {
margin-bottom: 180px;
}
@media (max-width: 1024px) {
.mb-180 {
margin-bottom: 90px;
}
}
.pr-30 {
padding-right: 30px;
}
.ptb-75 {
padding: 75px 0px;
}
.mb-160 {
margin-bottom: 160px;
}
@media (max-width: 767px) {
.mb-160 {
margin-bottom: 90px;
}
}
@media (max-width: 576px) {
.mb-160 {
margin-bottom: 50px;
}
}
.mtb-40 {
margin: 40px 0px;
}
.plr-26 {
padding-left: 26px;
padding-right: 26px;
}
.ptb-30 {
padding-top: 30px;
padding-bottom: 30px;
}
.mtb-60 {
margin: 60px 0px;
}
.pt-100 {
padding-top: 100px;
}
@media (max-width: 767px) {
.pt-100 {
padding-top: 50px;
}
}
.pr-100 {
padding-right: 100px;
}
@media (max-width: 1024px) {
.pr-100 {
padding-right: 25px;
}
}
.mr-20 {
margin-right: 20px;
}
.pr-125 {
padding-right: 125px;
}
@media (max-width: 1024px) {
.pr-125 {
padding-right: 0px;
}
}
.pl-60 {
padding-left: 60px;
}
@media (max-width: 767px) {
.pl-60 {
padding-left: 25px;
}
}
.pb-0 {
padding-bottom: 0px !important;
}
.main-project-slider {
margin-top: -100px;
position: relative;
}
.main-project-slider:before {
content: "";
position: absolute;
left: -25px;
top: 50px;
width: calc(100% + 20px);
height: calc(100% - 100px);
border: 1px solid #D6D6D6;
}
.main-project-slider .full-img-slider {
width: 76%;
}
.main-project-slider .full-img-slider .slick-arrow {
position: absolute;
left: 0;
bottom: 72px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 0;
margin-left: -6px;
z-index: 9;
}
.main-project-slider .full-img-slider .slick-arrow:before {
content: "";
position: absolute;
font-size: 30px;
left: 0;
top: 0;
color: #D6D6D6;
font-family: 'FontAwesome';
}
.main-project-slider .full-img-slider .slick-arrow.slick-prev {
left: 30px;
}
.main-project-slider .full-img-slider .slick-arrow.slick-prev::before {
content: "\f104";
}
.main-project-slider .full-img-slider .slick-arrow.slick-next {
right: 30px;
left: inherit;
}
.main-project-slider .full-img-slider .slick-arrow.slick-next:before {
content: "\f105";
}
.main-project-slider .mini-slider {
width: 19%;
margin-left: 22px;
}
.main-project-slider .mini-slider .mini-slider-item {
margin-left: 8px;
position: relative;
}
.main-project-slider .mini-slider .slick-slide .mini-slider-item:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.7)), to(rgba(255, 255, 255, 0.7)));
background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7));
}
.main-project-slider .mini-slider .slick-slide.slick-current .mini-slider-item:before {
opacity: 0;
}
.main-project-slider .mini-slider .slick-arrow {
position: absolute;
left: 50%;
top: 0px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
font-size: 0;
margin-left: -6px;
z-index: 9;
}
.main-project-slider .mini-slider .slick-arrow:before {
content: "";
position: absolute;
font-size: 30px;
left: 0;
top: 0;
color: #D6D6D6;
font-family: 'FontAwesome';
}
.main-project-slider .mini-slider .slick-arrow.slick-prev {
top: -50px;
}
.main-project-slider .mini-slider .slick-arrow.slick-prev::before {
content: "\f106";
}
.main-project-slider .mini-slider .slick-arrow.slick-next {
bottom: 0px;
top: inherit;
}
.main-project-slider .mini-slider .slick-arrow.slick-next:before {
content: "\f107";
}
.our-work-slider {
margin-top: 200px;
padding-bottom: 100px;
position: relative;
}
@media (max-width: 576px) {
.our-work-slider {
padding-bottom: 30px;
}
}
.our-work-slider:before {
content: "";
position: absolute;
left: 0;
top: 200px;
width: 100%;
height: calc(100% - 200px);
background: #4F616F;
z-index: -1;
}
.kitchen-remodeling {
position: absolute;
right: 0;
top: -45px;
}
@media (max-width: 767px) {
.kitchen-remodeling {
position: relative;
top: -30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.kitchen-remodeling a {
display: block;
text-align: right;
font-size: 16px;
font-weight: 400;
color: #4F616F;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 400px) {
.kitchen-remodeling a {
font-size: 14px;
}
}
.kitchen-remodeling a:hover {
color: #FF9270;
}
.kitchen-remodeling a i {
margin-right: 8px;
}
@media (max-width: 400px) {
.kitchen-remodeling a i {
margin-right: 0px;
}
}
@media (max-width: 767px) {
.kitchen-remodeling span {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #FF9270;
color: #fff;
width: 92px;
}
.kitchen-remodeling span .at-icon-wrapper {
height: auto !important;
}
}
@media (max-width: 400px) {
.kitchen-remodeling span {
font-size: 15px;
width: 77px;
}
}
.kitchen-remodeling .at-share-btn-elements {
position: relative;
top: 2px;
left: 0;
}
.kitchen-remodeling .at-share-btn-elements .at-share-btn {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.celling-slider .img-w-text-sec .img-box {
height: 534px;
}
@media (max-width: 576px) {
.celling-slider .img-w-text-sec .img-box {
height: auto;
}
}
.celling-slider .img-w-text-sec .img-box img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.generic-single-post h1 {
font-size: 2.08em;
margin-top: 0;
}
.generic-single-post p {
margin: 15px 0 0;
font-size: 100%;
line-height: 1.5em;
}
.generic-single-post .alignright {
float: right;
margin: 5px 0 20px 20px;
}
@media (max-width: 767px) {
.generic-single-post .alignright {
display: block;
margin: 10px auto;
float: none;
}
}
.generic-single-post .alignleft {
float: left;
margin: 5px 20px 20px 0;
}
@media (max-width: 767px) {
.generic-single-post .alignleft {
display: block;
margin: 10px auto;
float: none;
}
}
.generic-single-post .aligncenter {
display: block;
margin: 10px auto;
}
.generic-single-post strong, .generic-single-post b {
font-weight: 700;
}
.home .site-header.fixed-header {
-webkit-transform: translateY(-42px);
transform: translateY(-42px);
}
@media (max-width: 576px) {
.home .site-header.fixed-header {
position: fixed;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.home .site-header.fixed-header .notice-bar {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
@media (max-width: 576px) {
.home .site-header.fixed-header .notice-bar {
position: fixed;
left: 0;
top: 0;
width: 100%;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
}
.home .site-header .notice-bar {
display: block;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 400px) {
.home .site-header .notice-bar p {
letter-spacing: 0px;
}
}
@media (max-width: 576px) {
.home .site-header .notice-bar {
position: fixed;
left: 0;
top: 0;
width: 100%;
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0%);
transform: translateY(0%);
background: #548DA0;
}
}
.home .site-header .site-logo {
display: none;
}
.home .site-header .btn-group .btn,
.home .site-header .btn-group .mega-menu-btn {
padding: 13px 20px;
}
.home .site-header .site-menu {
width: calc(100% - 415px);
}
.site-header {
background-color: #fff;
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 9;
}
@media (max-width: 576px) {
.site-header {
top: inherit;
bottom: 0;
position: fixed;
}
}
.site-header.fixed-header {
position: fixed;
-webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
z-index: 99;
}
@media (max-width: 576px) {
.site-header.fixed-header {
position: fixed;
}
}
.site-header .notice-bar {
background-color: #4F616F;
color: #fff;
text-align: center;
padding: 7px 10px;
display: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.site-header .notice-bar p {
font-size: 14px;
}
.site-header .content-row {
padding-left: 25px;
}
@media (max-width: 1200px) {
.site-header .content-row {
padding-left: 0px;
height: 60px;
background-color: #373737;
position: relative;
}
}
.site-header .site-logo img {
width: 100px;
}
@media (max-width: 1200px) {
.site-header .site-logo {
display: none;
}
}
.site-header .site-menu {
padding-left: 0px;
padding-right: 25px;
width: calc(100% - 510px);
}
@media (max-width: 1366px) {
.site-header .site-menu {
padding-right: 0px;
}
}
@media (max-width: 1200px) {
.site-header .site-menu {
display: none;
}
}
.site-header .site-menu .main-navigation ul.menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-header .site-menu .main-navigation ul.menu li {
font-size: 14px;
line-height: 1;
position: relative;
padding: 10px 0;
letter-spacing: 0.5px;
width: 20%;
text-align: center;
}
.site-header .site-menu .main-navigation ul.menu li.current-menu-item a {
color: #FF9270;
}
.site-header .site-menu .main-navigation ul.menu li:not(:last-of-type) a {
border-right: 1px solid #373737;
}
.site-header .site-menu .main-navigation ul.menu li a {
color: #4F616F;
display: block;
font-size: 14px;
font-weight: 600;
line-height: 1;
}
.site-header .site-menu .main-navigation ul.menu li a:hover {
color: #548DA0;
}
.site-header .site-menu .main-navigation ul.menu li.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
margin-top: 0;
}
.site-header .site-menu .main-navigation ul.menu li .sub-menu {
background: rgba(255, 255, 255, 0.92);
-webkit-backdrop-filter: blur(12px);
backdrop-filter: blur(12px);
position: absolute;
width: 200px;
left: 50%;
text-align: center;
padding: 14px 0;
opacity: 0;
visibility: hidden;
margin-top: 20px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .5s;
transition: all .5s;
}
.site-header .site-menu .main-navigation ul.menu li .sub-menu li {
margin: 0;
border: 0;
text-align: center;
padding: 12px;
position: relative;
width: auto;
}
.site-header .site-menu .main-navigation ul.menu li .sub-menu li:not(:last-of-type):after {
content: "";
background-color: #D6D6D6;
width: 100px;
height: 1px;
bottom: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translate(-50%);
}
.site-header .site-menu .main-navigation ul.menu li .sub-menu li a {
border: 0;
margin: 0;
padding: 0;
font-size: 16px;
font-weight: 300;
}
.site-header .btn-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1200px) {
.site-header .btn-group {
width: 100%;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.site-header .btn-group .btn {
padding: 30px 14px;
font-size: 16px;
min-width: 180px;
}
.site-header .btn-group .btn:hover {
background-color: #FF9270;
}
@media (max-width: 1200px) {
.site-header .btn-group .btn {
position: absolute;
right: 0;
padding: 17px 10px;
width: 100px;
font-size: 0px;
min-width: auto;
background-color: #FF9270;
height: 100%;
text-align: center;
display: inline-block;
}
}
.site-header .btn-group .btn img {
margin-right: 10px;
}
@media (max-width: 1200px) {
.site-header .btn-group .btn img {
width: 20px;
display: block;
margin: 0 auto;
margin-top: 7px;
}
}
.site-header .btn-group .mega-menu-btn {
background-color: #373737;
color: #fff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
padding: 30px 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media (max-width: 1200px) {
.site-header .btn-group .mega-menu-btn {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 17px 10px;
}
}
.site-header .btn-group .mega-menu-btn .icon-bar {
display: block;
margin-right: 12px;
}
@media (max-width: 1200px) {
.site-header .btn-group .mega-menu-btn .icon-bar {
position: absolute;
left: 20px;
margin-right: 0px;
}
}
.site-header .btn-group .mega-menu-btn .bar {
display: block;
width: 24px;
height: 1px;
background-color: #fff;
}
.site-header .btn-group .mega-menu-btn .bar:not(:last-of-type) {
margin-bottom: 8px;
}
.pre-loader {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #4F616F;
z-index: 9999;
}
.full-navigation {
width: 100%;
height: 100%;
background-color: #373737;
position: fixed;
left: 0;
top: 0;
z-index: 99;
padding: 85px 0px;
overflow-y: auto;
-webkit-transform: translateX(100%);
transform: translateX(100%);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s ease-in;
transition: 0.5s ease-in;
}
@media (max-width: 767px) {
.full-navigation {
display: none;
}
}
.full-navigation.active-nav {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
.full-navigation.active-nav .nav-item {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.full-navigation.active-nav .nav-item.logo-sec {
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.full-navigation.active-nav .nav-item.middle-sec {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.full-navigation.active-nav .nav-item.middle-sec:before, .full-navigation.active-nav .nav-item.middle-sec:after {
height: 100%;
-webkit-transition-delay: 0.9s;
transition-delay: 0.9s;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.full-navigation.active-nav .nav-item.right-sec {
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.full-navigation .nav-item {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(150px);
transform: translateX(150px);
-webkit-transition: 0.9s ease-in-out;
transition: 0.9s ease-in-out;
}
.full-navigation .nav-item.logo-sec {
width: 36%;
}
.full-navigation .nav-item.logo-sec .nav-logo {
margin-bottom: 130px;
}
@media (max-width: 1024px) {
.full-navigation .nav-item.logo-sec .nav-logo a img {
width: 185px;
}
}
.full-navigation .nav-item.logo-sec .menu-heading h3 {
font-size: 20px;
}
.full-navigation .nav-item.right-sec {
width: 30%;
padding-left: 94px;
}
@media (max-width: 1200px) {
.full-navigation .nav-item.right-sec {
padding-left: 30px;
}
}
.full-navigation .nav-item.right-sec ul li.current-menu-item a {
color: #FF9270;
}
.full-navigation .nav-item.right-sec ul li a {
font-size: 24px;
color: #fff;
letter-spacing: 1px;
display: block;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
line-height: 42px;
}
@media (max-width: 1024px) {
.full-navigation .nav-item.right-sec ul li a {
font-size: 18px;
}
}
.full-navigation .nav-item.right-sec ul li a:hover {
color: #FF9270;
}
.full-navigation .nav-item.middle-sec {
width: 34%;
position: relative;
}
.full-navigation .nav-item.middle-sec:before, .full-navigation .nav-item.middle-sec:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 0px;
background-color: #fff;
-webkit-transition: 0.9s ease-in-out;
transition: 0.9s ease-in-out;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
.full-navigation .nav-item.middle-sec:after {
right: 0;
left: inherit;
}
.full-navigation .nav-item.middle-sec .menu-heading {
padding-left: 64px;
}
@media (max-width: 1200px) {
.full-navigation .nav-item.middle-sec .menu-heading {
padding-left: 30px;
}
}
.full-navigation .nav-item.middle-sec .menu-heading h3 {
margin-bottom: 30px;
}
@media (max-width: 1024px) {
.full-navigation .nav-item.middle-sec .menu-heading h3 {
font-size: 18px;
}
}
.full-navigation .nav-item.middle-sec .menu-heading:last-child {
margin-top: 70px;
}
.full-navigation .menu-heading h3 {
font-size: 24px;
color: #fff;
margin-bottom: 20px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
line-height: 42px;
}
.full-navigation .menu-heading ul li a {
font-size: 16px;
line-height: 40px;
letter-spacing: 1px;
font-weight: 400;
display: block;
color: #fff;
opacity: 0.5;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.full-navigation .menu-heading ul li a:hover {
opacity: 1;
color: #FF9270;
}
.full-navigation .phone-numbers {
margin: 40px 0px 30px;
}
.full-navigation .phone-numbers a {
font-size: 24px;
letter-spacing: 1px;
color: #fff;
display: block;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.full-navigation .phone-numbers a:hover {
color: #FF9270;
}
.req-btn.btn {
min-width: 310px;
position: relative;
padding: 12px 20px 12px 50px;
}
@media (max-width: 1024px) {
.req-btn.btn {
padding: 12px 20px 12px 32px;
min-width: 228px;
font-size: 13px;
}
}
.req-btn.btn i {
position: absolute;
left: 13px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 22px;
}
.close-icon {
position: absolute;
right: 50px;
top: 50px;
cursor: pointer;
}
.mobile-menu {
width: 414px;
background-color: #fff;
padding: 30px 26px;
position: fixed;
left: 0;
top: 0;
z-index: 9;
overflow-y: auto;
height: 100%;
-webkit-box-shadow: 1px 20px 15px rgba(0, 0, 0, 0.1);
box-shadow: 1px 20px 15px rgba(0, 0, 0, 0.1);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.mobile-menu {
width: 100%;
}
.mobile-menu.active-mobile-nav {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.mobile-menu .logo-box img {
margin: 30px auto 50px;
display: block;
}
@media (max-width: 400px) {
.mobile-menu .logo-box img {
width: 40%;
}
}
.mobile-menu .menu-link {
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 30px;
column-gap: 30px;
}
.mobile-menu .menu-link li {
position: relative;
}
.mobile-menu .menu-link li.current-menu-item a {
color: #FF9270;
}
.mobile-menu .menu-link li a {
font-size: 16px;
color: #373737;
display: block;
border-bottom: 1px solid #373737;
padding: 10px 0px;
font-weight: 700;
letter-spacing: 0.5px;
}
@media (max-width: 400px) {
.mobile-menu .menu-link li a {
font-size: 15px;
}
}
.mobile-menu .menu-link li a span {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 99;
}
.mobile-menu .menu-link li a span i {
color: #373737;
font-weight: 700;
font-size: 20px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.mobile-menu .menu-link li .sub-menu {
position: absolute;
left: 0;
-webkit-box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 0.4);
background-color: #fff;
width: 100%;
padding: 14px;
opacity: 1;
z-index: 9;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
height: 0px;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
/* ____ WEN 060322 ____ */
z-index: 999;
}
.mobile-menu .menu-link li .sub-menu li a {
border: none;
padding: 5px 0px;
/* ____ WEN 060922 ____ */
border-bottom: 1px solid;
}
.mobile-menu .menu-link li.open-menu .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
transform: translateY(0);
height: auto;
}
.mobile-menu .menu-link li.open-menu a span i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mobile-menu .phone-group a {
font-size: 18px;
font-weight: 700;
color: #373737;
width: 50%;
}
.mobile-menu .phone-group a:nth-child(2) {
padding-left: 16px;
}
.mobile-menu .request-btn .btn {
min-width: auto;
width: 100%;
}
@media (max-width: 400px) {
.mobile-menu .request-btn .btn {
font-size: 15px;
padding: 12px 10px;
}
}
.mobile-menu .request-btn .btn i {
left: 26px;
font-size: 28px;
}
@media (max-width: 767px) {
.mobile-menu .request-btn .btn i {
margin-right: 15px;
}
}
@media (max-width: 400px) {
.mobile-menu .request-btn .btn i {
margin-right: 12px;
margin-left: -8px;
font-size: 25px;
}
}
.mobile-menu .close-mobile-menu {
text-align: center;
position: relative;
cursor: pointer;
color: #373737;
font-weight: 700;
font-size: 16px;
}
.mobile-menu .close-mobile-menu img {
position: absolute;
left: 0;
width: 16px;
}
.mobile-menu .close-mobile-menu span {
color: #373737;
font-size: 16px;
font-weight: 700;
cursor: pointer;
}
.site-footer {
background-color: #373737;
}
.site-footer .logo-box {
text-align: center;
}
.site-footer .logo-box img {
width: 148px;
}
.site-footer .social-links {
margin-top: 30px;
}
.site-footer .social-links ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.site-footer .social-links ul li:not(:last-of-type) {
margin-right: 20px;
}
.site-footer .social-links ul li a:hover svg path {
fill: #FF9270;
}
@media (max-width: 576px) {
.site-footer .social-links ul li a svg {
width: 25px;
height: 20px;
}
}
.site-footer .social-links ul li a svg path {
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.site-footer .colm-6 {
display: none;
}
}
.site-footer .menu-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 40px;
}
.site-footer .menu-box .footer-menu li {
margin-bottom: 8px;
}
.site-footer .menu-box .footer-menu li a {
color: #fff;
font-size: 14px;
}
.site-footer .menu-box .footer-menu li a:hover {
color: #FF9270;
}
.site-footer .info-box {
text-align: right;
}
@media (max-width: 1024px) {
.site-footer .info-box {
text-align: center;
margin-top: 30px;
}
}
.site-footer .info-box p {
font-size: 14px;
line-height: 1.8;
color: #fff;
}
.site-footer .info-box p:not(:last-of-type) {
margin-bottom: 20px;
}
.site-footer .info-box p a {
color: #fff;
}
.appointment-sec {
padding: 55px 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media (max-width: 767px) {
.appointment-sec {
padding: 0px 0px 50px;
}
}
.appointment-sec * {
color: #fff;
}
.appointment-sec .explore-box {
padding-right: 40px;
padding-top: 10px;
}
@media (max-width: 1200px) {
.appointment-sec .explore-box {
padding-right: 0px;
}
}
.appointment-sec .explore-box ul {
padding-top: 20px;
}
.appointment-sec .explore-box ul li:not(:last-of-type) {
margin-bottom: 50px;
}
.appointment-sec .explore-box ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px;
font-weight: 700;
}
.appointment-sec .explore-box ul li a .icon {
margin-right: 35px;
width: 47px;
}
.appointment-sec .explore-box ul li a .text {
margin-right: 30px;
}
.appointment-sec .explore-box ul li a .zmdi {
background-color: #FF9270;
color: #fff;
width: 30px;
height: 30px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto;
font-weight: 700;
font-size: 20px;
}
@media (max-width: 576px) {
.appointment-sec .explore-box h3 {
font-size: 32px;
}
}
@media (max-width: 1200px) {
.appointment-sec .colm-4,
.appointment-sec .colm-8 {
width: 100%;
margin-top: 50px;
}
}
.appointment-sec .form-box {
padding-top: 10px;
padding-left: 30px;
border-left: 1px solid #fff;
}
@media (max-width: 1200px) {
.appointment-sec .form-box {
border-left: none;
border-top: 1px solid #fff;
padding-left: 0px;
padding-top: 30px;
}
}
@media (max-width: 576px) {
.appointment-sec .form-box h3 {
font-size: 32px;
}
}
.appointment-sec .form-box form {
margin-top: 40px;
}
.appointment-sec .form-box .form-group {
margin-bottom: 12px;
}
@media (max-width: 767px) {
.appointment-sec .form-box .form-group {
margin-bottom: 0px;
}
}
.appointment-sec .form-box .form-group.inline-submit .btn {
padding: 5px 10px;
font-size: 16px;
margin-left: 10px;
height: 32px;
}
@media (max-width: 767px) {
.appointment-sec .form-box .form-group.inline-submit .btn {
margin-top: 30px;
margin-left: 0px !important;
}
}
@media (max-width: 576px) {
.appointment-sec .form-box .form-group.inline-submit .btn {
display: block;
min-width: 100%;
font-size: 18px;
}
}
.appointment-sec .form-box .form-group .form-control {
background-color: rgba(255, 255, 255, 0.5);
border: 0;
padding: 0px 10px;
color: #4F616F;
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
margin-bottom: 12px;
border-radius: 0px;
height: 32px;
}
@media (max-width: 767px) {
.appointment-sec .form-box .form-group .form-control {
display: block;
}
}
@media (max-width: 576px) {
.appointment-sec .form-box .form-group .form-control {
background-color: #fff;
}
}
.appointment-sec .form-box .form-group .form-control::-webkit-input-placeholder {
color: #4F616F;
opacity: 1;
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
@media (max-width: 1439px) {
.appointment-sec .form-box .form-group .form-control::-webkit-input-placeholder {
font-size: 14px;
}
}
.appointment-sec .form-box .form-group .form-control::-ms-input-placeholder {
color: #4F616F;
opacity: 1;
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
@media (max-width: 1439px) {
.appointment-sec .form-box .form-group .form-control::-ms-input-placeholder {
font-size: 14px;
}
}
.appointment-sec .form-box .form-group .form-control::-webkit-input-placeholder {
color: #4F616F;
opacity: 1;
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.appointment-sec .form-box .form-group .form-control:-ms-input-placeholder {
color: #4F616F;
opacity: 1;
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.appointment-sec .form-box .form-group .form-control::-ms-input-placeholder {
color: #4F616F;
opacity: 1;
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.appointment-sec .form-box .form-group .form-control::placeholder {
color: #4F616F;
opacity: 1;
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
@media (max-width: 1439px) {
.appointment-sec .form-box .form-group .form-control::-webkit-input-placeholder {
font-size: 14px;
}
.appointment-sec .form-box .form-group .form-control:-ms-input-placeholder {
font-size: 14px;
}
.appointment-sec .form-box .form-group .form-control::-ms-input-placeholder {
font-size: 14px;
}
.appointment-sec .form-box .form-group .form-control::placeholder {
font-size: 14px;
}
}
.appointment-sec .form-box .form-group textarea {
line-height: 32px;
}
.appointment-sec .form-box .two-col-field .form-group {
width: calc(50% - 6px);
}
@media (max-width: 1024px) {
.appointment-sec .form-box .two-col-field .form-group {
width: 100%;
}
}
.appointment-sec .form-box .two-col-field .form-group .wpcf7-form-control-wrap {
width: 100%;
}
.appointment-sec .form-box .two-col-field .form-group .form-group {
margin-bottom: 0;
}
.appointment-sec .form-box .two-col-field .form-group .two-col-field {
width: 100%;
}
@media (max-width: 1024px) {
.appointment-sec .form-box .two-col-field .form-group .two-col-field .form-group {
margin-bottom: 15px;
}
}
@media (max-width: 767px) {
.appointment-sec .form-box .two-col-field .form-group .two-col-field .form-group {
margin-bottom: 0px;
}
}
.appointment-sec .form-box .two-col-field .form-group.inline-submit select {
width: 76%;
}
@media (max-width: 1439px) {
.appointment-sec .form-box .two-col-field .form-group.inline-submit select {
width: 73%;
}
}
@media (max-width: 1200px) {
.appointment-sec .form-box .two-col-field .form-group.inline-submit select {
width: 79%;
}
}
@media (max-width: 1024px) {
.appointment-sec .form-box .two-col-field .form-group.inline-submit select {
width: 88%;
}
}
@media (max-width: 767px) {
.appointment-sec .form-box .two-col-field .form-group.inline-submit select {
width: 100%;
}
}
.wpcf7-not-valid-tip {
color: #dc3232 !important;
font-size: 14px;
}
.img-w-text-sec .section-title.left-border {
padding-left: 0px;
}
.img-w-text-sec .section-title.left-border .bl-title.title {
padding-left: 25px;
}
.img-w-text-sec .section-title.left-border .bl-title.title:after {
left: 0px;
}
@media (max-width: 767px) {
.img-w-text-sec .section-title.left-border .bl-title.title {
left: 25px;
}
}
.img-w-text-sec .section-title h2 {
padding-left: 25px;
}
.img-w-text-sec .section-title h2:after {
left: 0;
}
@media (max-width: 767px) {
.img-w-text-sec .section-title h2 {
font-size: 32px;
}
.img-w-text-sec .section-title h2:after {
height: 100%;
}
}
.img-w-text-sec .section-title p:not(:last-of-type) {
margin-bottom: 30px;
}
.img-w-text-sec.about-us .inner-wrap {
padding-left: 0px;
}
.img-w-text-sec.about-us .inner-wrap .text-box {
padding-left: 0px;
padding-right: 0px;
}
@media (max-width: 1024px) {
.img-w-text-sec.about-us .inner-wrap .text-box {
margin-bottom: 0px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.img-w-text-sec.about-us .inner-wrap .text-box h3 {
font-weight: 700;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
margin-bottom: 40px;
}
@media (max-width: 1024px) {
.img-w-text-sec.about-us .inner-wrap .text-box h3 {
margin-bottom: 20px;
}
}
@media (max-width: 576px) {
.img-w-text-sec.about-us .inner-wrap .text-box h3 {
font-size: 24px;
}
}
.img-w-text-sec.about-us .inner-wrap .text-box a {
margin-top: 30px;
padding: 12px 35px;
}
@media (max-width: 576px) {
.img-w-text-sec.about-us .inner-wrap .text-box a {
padding: 12px 20px;
}
}
.img-w-text-sec.about-us .inner-wrap .img-box {
padding-left: 15px;
}
@media (max-width: 1024px) {
.img-w-text-sec.about-us .inner-wrap .img-box {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.img-w-text-sec .inner-wrap {
padding: 0;
}
}
.img-w-text-sec .inner-wrap .img-box {
position: relative;
}
@media (max-width: 576px) {
.img-w-text-sec .inner-wrap .img-box img {
height: 360px;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 400px) {
.img-w-text-sec .inner-wrap .img-box img {
height: 300px;
}
}
.img-w-text-sec .inner-wrap .img-box .caption-text {
background-color: rgba(84, 141, 160, 0.85);
padding: 8px 30px 8px 10px;
position: absolute;
max-width: 440px;
width: 100%;
bottom: 50px;
right: 0;
text-align: right;
color: #fff;
font-style: italic;
}
@media (max-width: 576px) {
.img-w-text-sec .inner-wrap .img-box .caption-text {
bottom: 0;
text-align: left;
padding-right: 10px;
letter-spacing: 0;
}
}
.img-w-text-sec .inner-wrap .img-box .caption-text p {
font-weight: 600;
line-height: 1.6;
font-size: 16px;
}
@media (max-width: 576px) {
.img-w-text-sec .inner-wrap .img-box .caption-text p br {
display: none;
}
}
.img-w-text-sec .inner-wrap .img-box .caption-text .author {
font-family: "Playfair Display", serif;
font-weight: 700;
font-size: 16px;
letter-spacing: 1px;
margin-top: 10px;
}
.img-w-text-sec .inner-wrap .text-box {
padding-left: 46px;
}
@media (max-width: 1024px) {
.img-w-text-sec .inner-wrap .text-box {
margin-top: 30px;
padding-left: 0px;
}
}
@media (max-width: 767px) {
.img-w-text-sec .inner-wrap .text-box {
margin-top: 55px;
}
}
.img-w-text-sec .inner-wrap .text-box p span {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
padding-bottom: 0;
overflow: hidden;
}
@media (max-width: 400px) {
.img-w-text-sec .inner-wrap .text-box p span {
-webkit-line-clamp: 4;
}
}
.img-w-text-sec .inner-wrap .text-box .btn {
margin-top: 20px;
}
.img-w-text-sec.blog-text-sec {
padding-top: 0px;
}
.img-w-text-sec.blog-text-sec .inner-wrap {
padding-left: 0px;
}
.img-w-text-sec.blog-text-sec .inner-wrap .colm-5 {
width: 47.666%;
}
.img-w-text-sec.blog-text-sec .inner-wrap .colm-7 {
width: 52.333%;
padding-left: 44px;
}
.img-w-text-sec.blog-text-sec .inner-wrap .img-box {
height: 467px;
}
.img-w-text-sec.blog-text-sec .inner-wrap .text-box p {
position: relative;
}
.img-w-text-sec.blog-text-sec .inner-wrap .text-box p a {
position: absolute;
right: 0;
bottom: -10px;
}
.img-w-text-sec.ind-blog-text-sec {
padding-top: 0px;
}
.img-w-text-sec.ind-blog-text-sec .text-box p:not(:last-of-type) {
margin-bottom: 30px;
}
.img-w-text-sec.ind-blog-text-sec .img-box a img {
width: auto;
height: auto;
-o-object-fit: inherit;
object-fit: inherit;
}
.img-w-text-sec.ind-blog-text-sec .inner-wrap {
padding-left: 0px;
}
.img-w-text-sec.ind-blog-text-sec .desc p:not(:last-of-type) {
margin-bottom: 30px;
}
.img-w-text-sec.ind-blog-text-sec .wrap-both-img .img-box {
height: auto;
}
.img-w-text-sec.ind-award .inner-wrap .text-box {
padding-left: 24px;
}
@media (max-width: 767px) {
.img-w-text-sec.ind-award .inner-wrap .text-box {
padding-left: 0px;
}
}
.img-w-text-sec .feature-content-sec .feature-img .img-box {
height: auto;
}
.img-w-text-sec .feature-content-sec .content-row:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.img-w-text-sec .pagination {
margin-left: 27%;
background-color: transparent;
}
@media (max-width: 1024px) {
.img-w-text-sec .pagination {
margin-left: auto;
margin-right: auto;
}
}
.img-w-text-sec .pagination ul li a {
color: #4F616F;
}
.img-w-text-sec .pagination ul li a span {
color: #4F616F;
}
.img-w-text-sec .desc-box p:not(:last-of-type) {
margin-bottom: 40px;
}
@media (max-width: 576px) {
.img-w-text-sec h2.bl-title {
font-size: 32px;
line-height: 48px !important;
}
}
@media (max-width: 767px) {
.img-w-text-sec .placeholder-img img {
height: 200px;
}
}
@media (max-width: 1439px) {
.img-w-text-sec .contact-group .mail-info {
width: 350px;
}
}
@media (max-width: 1439px) and (max-width: 1200px) {
.img-w-text-sec .contact-group .mail-info a label {
font-size: 18px;
}
}
@media (max-width: 1439px) {
.img-w-text-sec .contact-group .mail-info a span {
font-size: 16px;
}
}
@media (max-width: 1439px) and (max-width: 1200px) {
.img-w-text-sec .contact-group .mail-info a span {
font-size: 14px;
}
}
@media (max-width: 1439px) and (max-width: 767px) {
.img-w-text-sec .contact-group .mail-info a span {
font-size: 18px;
}
}
@media (max-width: 1439px) and (max-width: 400px) {
.img-w-text-sec .contact-group .mail-info a span {
font-size: 13px;
}
}
@media (max-width: 1200px) {
.img-w-text-sec .contact-group .mail-info {
width: 285px;
}
}
@media (max-width: 1024px) {
.img-w-text-sec .contact-group .mail-info {
width: 100%;
margin-bottom: 30px;
}
}
.img-w-text-sec .contact-group .mail-info img {
margin-top: 3px;
}
@media (max-width: 1024px) {
.img-w-text-sec .contact-group .mail-info img {
width: 7%;
}
}
@media (max-width: 576px) {
.img-w-text-sec .contact-group .mail-info img {
width: 10%;
}
}
@media (max-width: 576px) {
.home .get-smart-sec {
padding-top: 220px;
}
}
@media (max-width: 576px) {
.home .get-smart-sec .section-title {
margin-bottom: 20px;
}
}
.get-smart-sec {
margin-top: -160px;
}
.get-smart-sec .img-box {
position: relative;
padding-top: 25px;
}
@media (max-width: 767px) {
.get-smart-sec .img-box {
border: 1px solid #D6D6D6;
padding: 0px 20px 0px;
margin-bottom: 50px;
}
.get-smart-sec .img-box img {
position: relative;
top: 20px;
}
}
.get-smart-sec .img-box.aos-animate:before {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
@media (max-width: 767px) {
.get-smart-sec .img-box.aos-animate:before {
display: none;
}
}
.get-smart-sec .img-box.aos-animate:after {
height: calc(100% + -25px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
@media (max-width: 767px) {
.get-smart-sec .img-box.aos-animate:after {
display: none;
}
}
.get-smart-sec .img-box.aos-animate .inner-box:before {
height: calc(100% + -25px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
.get-smart-sec .img-box.aos-animate .inner-box:after {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.get-smart-sec .img-box .inner-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.get-smart-sec .img-box .inner-box {
display: none;
}
}
.get-smart-sec .img-box .inner-box:before {
content: "";
position: absolute;
width: 1px;
height: 0px;
bottom: 25px;
left: -25px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
}
@media (max-width: 767px) {
.get-smart-sec .img-box .inner-box:before {
display: none;
}
}
.get-smart-sec .img-box .inner-box:after {
content: "";
position: absolute;
height: 1px;
width: 0px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
right: -25px;
bottom: 25px;
z-index: -1;
}
@media (max-width: 767px) {
.get-smart-sec .img-box .inner-box:after {
display: none;
}
}
.get-smart-sec .img-box:before {
content: "";
width: 0px;
height: 1px;
background-color: #D6D6D6;
left: -25px;
top: 0px;
position: absolute;
pointer-events: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.get-smart-sec .img-box:before {
display: none;
}
}
.get-smart-sec .img-box:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 0px;
right: -25px;
background-color: #D6D6D6;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.get-smart-sec .img-box:after {
display: none;
}
}
.get-smart-sec .text-box {
padding-left: 100px;
}
@media (max-width: 1200px) {
.get-smart-sec .text-box {
padding-left: 70px;
}
}
@media (max-width: 1024px) {
.get-smart-sec .text-box {
padding-left: 0px;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.get-smart-sec .text-box {
margin-top: 0px;
}
}
.get-smart-sec .text-box .btn {
margin-top: 20px;
}
@media (max-width: 767px) {
.get-smart-sec .text-box .btn {
min-width: 100%;
margin-top: 50px;
}
}
.get-smart-sec.ind-get-smart {
padding-top: 70px;
}
.get-smart-sec.ind-get-smart .text-box h3 {
font-size: 48px;
font-weight: 600;
color: #4F616F;
line-height: 64px;
}
.collab-design-sec .content-row .text-box {
margin-left: auto;
}
.collab-design-sec .content-row .text-box p:not(:last-of-type) {
margin-bottom: 30px;
}
.collab-design-sec .content-row .quick-links {
border-left: 1px solid #D6D6D6;
}
@media (max-width: 1366px) {
.collab-design-sec .content-row .quick-links {
padding-left: 40px;
}
}
@media (max-width: 1024px) {
.collab-design-sec .content-row .quick-links {
margin-top: 50px;
}
}
@media (max-width: 576px) {
.collab-design-sec .content-row .quick-links {
border-left: none;
border-top: 1px solid #D6D6D6;
padding-left: 25px;
padding-right: 50px;
padding-top: 40px;
}
}
@media (max-width: 400px) {
.collab-design-sec .content-row .quick-links {
padding-right: 0px;
padding-left: 20px;
}
}
.collab-design-sec .content-row .quick-links h3 {
color: #548DA0;
margin-bottom: 25px;
}
@media (max-width: 767px) {
.collab-design-sec .content-row .quick-links h3 {
margin-bottom: 40px;
}
}
.collab-design-sec .content-row .quick-links ul li:not(:last-of-type) {
margin-bottom: 16px;
}
.collab-design-sec .content-row .quick-links ul li a {
padding: 9px 20px;
}
@media (max-width: 576px) {
.collab-design-sec .content-row .quick-links ul li a {
position: relative;
padding-left: 55px;
}
}
@media (max-width: 576px) {
.collab-design-sec .content-row .quick-links ul li a:before {
display: none;
}
}
@media (max-width: 576px) {
.collab-design-sec .content-row .quick-links ul li a:after {
content: "\f105";
border: none;
width: 37px;
height: 100%;
font-family: "FontAwesome";
color: #fff;
-webkit-transform: inherit;
transform: inherit;
transform: inherit;
position: absolute;
left: 0;
top: 0px;
background: #ff9270;
text-align: center;
line-height: 37px;
}
}
.collab-design-sec .img-box img {
width: 100%;
}
.meet-designers-sec {
position: relative;
}
.meet-designers-sec.aos-animate .inner-content-box:before {
width: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.meet-designers-sec.aos-animate .inner-content-box:after {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.5s;
transition-delay: 1.5s;
}
.meet-designers-sec.aos-animate .inner-content-box .inner-box:before {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 2.5s;
transition-delay: 2.5s;
}
.meet-designers-sec.aos-animate .inner-content-box .inner-box:after {
width: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.9s;
transition-delay: 1.9s;
}
.meet-designers-sec .inner-content-box {
max-width: 520px;
width: 100%;
max-height: 80%;
right: 108px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media (max-width: 767px) {
.meet-designers-sec .inner-content-box {
position: static;
-webkit-transform: inherit;
transform: inherit;
margin: -75px auto 0px;
right: 0;
max-width: 100%;
width: 90%;
}
}
.meet-designers-sec .inner-content-box .inner-box:before {
left: 25px;
bottom: -25px;
background-color: #fff;
}
@media (max-width: 767px) {
.meet-designers-sec .inner-content-box .inner-box:before {
display: none;
}
}
.meet-designers-sec .inner-content-box .inner-box:after {
background-color: #fff;
}
@media (max-width: 767px) {
.meet-designers-sec .inner-content-box .inner-box:after {
display: none;
}
}
.meet-designers-sec .inner-content-box:before {
content: "";
width: 0px;
height: 1px;
background-color: #fff;
left: 25px;
top: 25px;
position: absolute;
pointer-events: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.meet-designers-sec .inner-content-box:before {
display: none;
}
}
.meet-designers-sec .inner-content-box:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 25px;
right: -25px;
background-color: #fff;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.meet-designers-sec .inner-content-box:after {
display: none;
}
}
.meet-designers-sec .inner-content-box .text-box {
background-color: rgba(248, 248, 248, 0.8);
padding: 45px 25px 25px 50px;
}
@media (max-width: 767px) {
.meet-designers-sec .inner-content-box .text-box {
padding: 20px;
}
}
@media (max-width: 767px) {
.meet-designers-sec .inner-content-box .text-box h1 {
font-size: 32px;
}
}
.meet-designers-sec .inner-content-box .btn {
margin-top: 26px;
}
.meet-designers-sec .img-box img {
height: 620px;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
@media (max-width: 767px) {
.meet-designers-sec .img-box img {
height: 300px;
}
}
.cust-reviews-sec {
padding: 65px 0;
}
.cust-reviews-sec .content-row {
padding-top: 30px;
}
@media (max-width: 767px) {
.cust-reviews-sec .content-row {
padding-top: 0px;
}
}
.cust-reviews-sec .content-row .colm-6 {
width: 50%;
}
@media (max-width: 1024px) {
.cust-reviews-sec .content-row .colm-6 {
width: 100%;
}
}
.cust-reviews-sec .content-row .colm-6:nth-child(2) {
padding-left: 60px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1024px) {
.cust-reviews-sec .content-row .colm-6:nth-child(2) {
padding-left: 0px;
margin-top: 30px;
}
}
.cust-reviews-sec .content-row .text-box {
border-left: 1px solid #D6D6D6;
padding-left: 26px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 767px) {
.cust-reviews-sec .content-row .text-box {
border-left: none;
border-top: 1px solid #D6D6D6;
padding-top: 50px;
}
}
.cust-reviews-sec .content-row .text-box p {
font-size: 24px;
letter-spacing: 0px;
}
.cust-reviews-sec .content-row .text-box .author {
display: block;
font-family: "Playfair Display", serif;
font-style: italic;
font-weight: 600;
margin-top: 20px;
font-size: 16px;
}
.cust-reviews-sec .content-row .text-box .btn {
margin: 40px auto 0 0;
}
@media (max-width: 767px) {
.cust-reviews-sec .content-row .text-box .btn {
min-width: 250px;
}
}
.cust-reviews-sec .content-row .img-box {
height: 255px;
}
@media (max-width: 576px) {
.cust-reviews-sec .content-row .img-box {
display: none;
}
}
.cust-reviews-sec .content-row .img-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.cust-reviews-sec .section-title h2 {
margin-top: 40px;
margin-bottom: 40px;
text-align: left;
}
}
@media (max-width: 767px) {
.cust-reviews-sec .section-title .desc p {
text-align: left;
}
}
.project-loc-sec {
position: relative;
}
@media (max-width: 767px) {
.project-loc-sec {
margin-top: 35px;
}
}
.project-loc-sec .feature-title {
margin-bottom: -60px;
position: relative;
z-index: 2;
}
@media (max-width: 1024px) {
.project-loc-sec .feature-title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.project-loc-sec .feature-title {
background-color: transparent;
}
.project-loc-sec .feature-title:before {
display: none;
}
}
@media (max-width: 576px) {
.project-loc-sec .feature-title {
background-color: transparent;
-webkit-backdrop-filter: inherit;
backdrop-filter: inherit;
margin-bottom: -130px;
}
}
.project-loc-sec .loca-img {
position: relative;
}
@media (max-width: 767px) {
.project-loc-sec .loca-img {
height: 730px;
}
}
.project-loc-sec .loca-img img {
height: 475px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.project-loc-sec .loca-img img {
height: 100%;
}
}
.project-loc-sec .loca-img:before {
content: "";
position: absolute;
left: 5%;
top: 50px;
width: 90%;
height: calc(100% - 75px);
background: #fff;
opacity: 0.8;
display: none;
}
@media (max-width: 576px) {
.project-loc-sec .loca-img:before {
display: block;
}
}
.project-loc-sec .map-box {
position: relative;
}
.project-loc-sec .map-box:before {
content: "";
background: -webkit-gradient(linear, left top, right top, color-stop(45.56%, rgba(255, 255, 255, 0.8)), color-stop(53.19%, rgba(255, 255, 255, 0)));
background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 45.56%, rgba(255, 255, 255, 0) 53.19%);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
@media (max-width: 576px) {
.project-loc-sec .map-box:before {
display: none;
}
}
.project-loc-sec .location-list-box {
position: absolute;
width: 100%;
top: 60px;
height: calc(100% - 60px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
left: 0;
z-index: 2;
}
@media (max-width: 767px) {
.project-loc-sec .location-list-box {
top: 100px;
}
}
@media (max-width: 576px) {
.project-loc-sec .location-list-box {
top: 80px;
width: 90%;
left: 5%;
}
}
.project-loc-sec .location-list-box.aos-animate .list-box li {
opacity: 1;
visibility: visible;
-webkit-transform: translateX(0px);
transform: translateX(0px);
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(2) {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(3) {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(4) {
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(5) {
-webkit-transition-delay: 0.8s;
transition-delay: 0.8s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(6) {
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(7) {
-webkit-transition-delay: 1.2s;
transition-delay: 1.2s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(8) {
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(9) {
-webkit-transition-delay: 1.6s;
transition-delay: 1.6s;
}
.project-loc-sec .location-list-box.aos-animate .list-box li:nth-child(10) {
-webkit-transition-delay: 1.8s;
transition-delay: 1.8s;
}
.project-loc-sec .location-list-box .list-box {
max-width: 492px;
width: 100%;
-webkit-column-count: 2;
column-count: 2;
-webkit-column-gap: 24px;
column-gap: 24px;
-webkit-column-break-inside: avoid;
break-inside: avoid;
}
@media (max-width: 767px) {
.project-loc-sec .location-list-box .list-box {
-webkit-column-count: 1;
column-count: 1;
max-width: 100%;
}
}
.project-loc-sec .location-list-box .list-box li {
margin-bottom: 10px;
-webkit-column-break-inside: avoid;
break-inside: avoid;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
@media (max-width: 767px) {
.project-loc-sec .location-list-box .list-box li {
margin-bottom: 20px;
}
}
.project-loc-sec .location-list-box .list-box li:nth-child(n+11) {
display: none;
}
@media (max-width: 767px) {
.project-loc-sec .location-list-box .list-box li a {
background: #4F616F;
color: #fff;
padding: 9px 20px;
padding-left: 70px;
}
.project-loc-sec .location-list-box .list-box li a:before {
display: none;
}
.project-loc-sec .location-list-box .list-box li a:after {
content: "\f105";
border: none;
width: 37px;
height: 37px;
font-family: "FontAwesome";
color: #fff;
-webkit-transform: inherit;
transform: inherit;
transform: inherit;
position: absolute;
left: 0;
top: 0;
background: #ff9270;
text-align: center;
line-height: 37px;
}
}
@media (max-width: 767px) and (max-width: 576px) {
.project-loc-sec .location-list-box .list-box li a:after {
height: 100%;
font-size: 25px;
}
}
@media (max-width: 576px) {
.project-loc-sec .location-list-box .list-box li a {
font-size: 15px;
}
}
.project-loc-sec .location-list-box .view-all {
margin-top: 35px;
}
@media (max-width: 767px) {
.project-loc-sec .location-list-box .view-all {
display: none;
}
}
.project-loc-sec .location-list-box .view-all .btn {
width: 260px;
}
.newsletter-sec {
position: relative;
}
.newsletter-sec .section-title .desc {
padding-top: 20px;
}
@media (max-width: 576px) {
.newsletter-sec .section-title h2 {
font-size: 32px;
}
}
@media (max-width: 400px) {
.newsletter-sec .section-title h2 {
font-size: 24px;
}
}
.newsletter-sec .form-box {
max-width: 1016px;
margin: 0 auto;
}
.newsletter-sec .form-box .wpcf7-form-control-wrap {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tab-sec .feature-img .img-box {
position: relative;
width: 615px;
height: 446px;
}
@media (max-width: 1366px) {
.tab-sec .feature-img .img-box {
width: 100%;
}
}
@media (max-width: 576px) {
.tab-sec .feature-img .img-box {
height: 220px;
}
}
.tab-sec .feature-img .img-box .hover-box {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.tab-sec .feature-img .img-box .hover-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.tab-sec.feature-content-sec .feature-content .text-box .bl-title {
font-size: 32px;
}
}
@media (max-width: 400px) {
.tab-sec.feature-content-sec .feature-content .text-box .bl-title {
font-size: 24px;
}
}
@media (max-width: 767px) {
.tab-sec.feature-content-sec .feature-content .text-box .bl-title:after {
display: none;
}
}
.tab-sec.feature-content-sec .feature-content .text-box a.btn {
min-width: 250px;
}
@media (max-width: 576px) {
.home .get-smart-sec .text-box {
text-align: center;
}
}
@media (max-width: 576px) {
.home .tab-sec .feature-content {
background-color: transparent;
padding-bottom: 50px;
}
}
@media (max-width: 576px) {
.home .tab-sec .feature-content:after {
content: "";
position: absolute;
left: 0px;
top: -130px;
background-color: #F8F8F8;
width: 100%;
height: 670px;
z-index: -1;
}
}
@media (max-width: 400px) {
.home .tab-sec .feature-content:after {
top: -115px;
}
}
@media (max-width: 767px) {
.event-blog.remodeling-blogs .event-blog-item::after {
display: block;
border: 1px solid #D6D6D6;
}
}
@media (max-width: 767px) {
.event-blog.remodeling-blogs .event-blog-item::before {
display: block;
border: 1px solid #D6D6D6;
}
}
.page-id-36688 .feature-content-sec.bg-grey .content-row::before {
top: -14px;
}
.page-id-36688 .feature-content-sec.bg-grey .content-row::after {
top: -14px;
}
.page-id-36688 .feature-content-sec.bg-grey .inner-box {
top: -39px;
}
@media (max-width: 1200px) {
.page-id-36688 .feature-content-sec.bg-grey .feature-content {
background: #F8F8F8 !important;
}
}
.page-id-36688 .feature-content-sec.bg-grey .feature-content .text-box h2.bl-title {
margin-bottom: 0 !important;
}
.page-id-36688 .feature-content-sec.bg-grey .feature-content .text-box .accordion-container .accordion-content {
border-bottom: 1px solid #D6D6D6;
}
@media (max-width: 576px) {
.page-id-36688 .feature-content-sec.bg-grey .feature-content .text-box .accordion-container .accordion-content p {
margin-top: 8px !important;
}
}
.page-id-36688 .feature-content-sec.bg-grey .feature-content .text-box .accordion-container .accordion-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0 !important;
padding: 12px 0px !important;
}
.page-id-36688 .feature-content-sec.bg-grey .feature-content .text-box .accordion-container .accordion-title span {
margin-top: 0 !important;
}
.page-id-36688 .feature-content-sec.bg-grey .feature-content .text-box .accordion-container .accordion-title.open {
margin: 0 !important;
padding: 12px 0px 0px 0px !important;
}
@media (max-width: 420px) {
.cust-reviews-sec .section-title.text-center .review-slider .slick-arrow.slick-next {
right: 25px;
}
}
@media (max-width: 420px) {
.cust-reviews-sec .section-title.text-center .review-slider .slick-arrow.slick-prev {
left: 10px;
}
}
.cust-reviews-sec .section-title.text-center .review-slider .desc {
max-width: 850px;
}
@media (max-width: 420px) {
.cust-reviews-sec .section-title.text-center .review-slider .desc {
max-width: 300px;
}
}
.cust-reviews-sec .section-title.text-center .review-slider .desc p {
font-size: 24px;
line-height: 40px;
}
@media (max-width: 420px) {
.cust-reviews-sec .section-title.text-center .review-slider .desc p {
padding: 0;
}
}
.cust-reviews-sec .section-title.text-center .review-slider .desc span {
margin-top: 10px;
font-size: 16px;
}
.cust-reviews-sec .section-title .btn.primary {
margin-top: 50px;
}
@media (max-width: 1200px) {
.cust-reviews-sec .section-title .btn.primary {
font-size: 18px;
}
}
@media (max-width: 1024px) {
.cust-reviews-sec .section-title .btn.primary {
margin-top: 35px;
}
}
@media (max-width: 767px) {
.cust-reviews-sec .section-title .btn.primary {
margin-top: 30px;
}
}
.cust-reviews-sec .section-title .site-icon {
margin-bottom: 50px;
}
@media (max-width: 767px) {
.home .cust-reviews-sec .content-row .text-box {
padding-left: 0px;
}
}
@media (max-width: 576px) {
.home .img-w-text-sec {
padding-top: 30px;
}
}
@media (max-width: 576px) {
.home .img-w-text-sec .section-title.left-border .bl-title.title {
margin-bottom: 20px;
}
}
.feature-content-sec .feature-img .img-box .default-img.none {
display: none;
}
.feature-content-sec .feature-img .img-box .hinsdale {
display: none;
}
.feature-content-sec .feature-img .img-box .hinsdale.block {
display: block;
}
.feature-content-sec .feature-img .img-box .evanston {
display: none;
}
.feature-content-sec .feature-img .img-box .evanston.block {
display: block;
}
@media (max-width: 576px) {
.page-id-36660 .normandy-process .process-item h2 {
border-left: none;
padding-left: 0px;
}
}
.normandy-process .slick-list.draggable {
padding-left: 0px !important;
}
@media (max-width: 767px) {
.normandy-process .process-item {
margin-right: 50px !important;
}
}
.normandy-process .process-item a {
margin-top: 30px;
}
.normandy-process .process-item h2 {
border-left: 5px solid #FF9270;
padding-left: 15px;
line-height: 30px;
}
.normandy-process .process-item h2:before {
content: "";
position: absolute;
right: 0;
top: 50%;
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #D6D6D6;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.normandy-process .process-item h2:after {
content: "";
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: calc(100% - 100px);
height: 1px;
background-color: #D6D6D6;
margin-left: 95px;
}
@media (max-width: 576px) {
.page-id-36660 .img-w-text-sec .section-title.left-border .bl-title.title {
padding-left: 0px;
}
}
@media (max-width: 576px) {
.page-id-36660 .img-w-text-sec .section-title.left-border .bl-title.title:after {
display: none;
}
}
@media (max-width: 576px) {
.page-id-36660 .why-normandy {
margin-top: 13px;
}
}
.page-id-36690 .about-feature-sec .feature-content .text-box a {
padding: 0px;
}
@media (max-width: 767px) {
.about-feature-sec .feature-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-top: 0px;
padding-right: 22px;
padding-left: 22px;
padding-top: 30px;
left: 0;
z-index: 9;
}
}
.about-feature-sec .feature-content .text-box p {
margin: 40px 0px 20px;
}
.about-feature-sec .feature-content .text-box a {
padding: 12px 43px;
}
@media (max-width: 1200px) {
.about-feature-sec .feature-content .text-box a {
padding: 12px 30px;
}
}
@media (max-width: 576px) {
.about-feature-sec .feature-content .text-box a {
padding: 12px 20px;
}
}
.about-feature-sec .feature-content .text-box h2.bl-title {
padding-left: 25px;
}
.about-feature-sec .feature-content .text-box h2.bl-title:after {
left: 0;
}
@media (max-width: 767px) {
.about-feature-sec .feature-content:before {
display: none;
}
}
@media (max-width: 767px) {
.about-feature-sec .inner-box {
border: 1px solid #D6D6D6;
display: block;
left: -12px !important;
width: calc(100% + 24px) !important;
top: 20px !important;
z-index: 1;
}
}
.about-feature-sec .feature-img .img-box {
position: relative;
z-index: 2;
}
@media (max-width: 1024px) {
.about-feature-sec .feature-img .img-box {
width: 65%;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.about-feature-sec .feature-img .img-box {
width: 100%;
}
}
@media (max-width: 576px) {
.about-feature-sec .feature-img .img-box img {
height: 200px;
-o-object-fit: cover;
object-fit: cover;
}
}
.wrapp-why-normandy .left-content img {
margin: 40px 0px;
}
.wrapp-why-normandy .left-content a {
padding: 12px 73px;
margin-top: 30px;
}
@media (max-width: 576px) {
.wrapp-why-normandy .left-content a {
padding: 12px 70px;
}
}
@media (max-width: 1024px) {
.wrapp-why-normandy .right-content {
margin-top: 30px;
}
}
.wrapp-why-normandy .right-content h2.bl-title {
padding-left: 25px;
}
.wrapp-why-normandy .right-content h2.bl-title:after {
left: 0;
}
.wrapp-why-normandy .right-content p {
margin-bottom: 40px;
}
.wrapp-why-normandy .right-content ul {
margin-top: 15px;
}
.wrapp-why-normandy .right-content ul li {
list-style-type: disc;
font-size: 18px;
line-height: 36px;
}
.normandy-process .slick-slide:last-of-type .process-item h2:before, .normandy-process .slick-slide:last-of-type .process-item h2:after {
display: none;
}
@media (max-width: 576px) {
.normandy-process .process-item h2 {
font-size: 32px;
}
}
@media (max-width: 576px) {
.meet-designer-sec {
margin-top: 40px;
}
}
.meet-designer-sec .content-row {
margin-left: -24px;
}
@media (max-width: 767px) {
.meet-designer-sec .content-row {
margin-left: 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.meet-designer-sec .member-card {
width: calc(50% - 24px);
margin-left: 24px;
margin-bottom: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #F8F8F8;
-webkit-transition: 0.8s ease-in-out;
transition: 0.8s ease-in-out;
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
position: relative;
}
@media (max-width: 767px) {
.meet-designer-sec .member-card {
border: 1px solid #D6D6D6;
width: calc(50% - 11px);
margin-left: 0px;
border: none;
}
}
.meet-designer-sec .member-card:hover {
z-index: 2;
}
.meet-designer-sec .member-card:hover .full-member-card {
opacity: 1;
visibility: visible;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.meet-designer-sec .member-card .full-member-card {
width: calc(200% + 24px);
margin-left: 0px;
position: absolute;
left: 0;
right: 0;
background-color: #fff;
z-index: 9;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
opacity: 0;
visibility: hidden;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
display: none;
}
.meet-designer-sec .member-card .full-member-card .text-box {
padding: 0px 0px 0px 35px;
border: 1px solid #D6D6D6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1024px) {
.meet-designer-sec .member-card .full-member-card .text-box {
width: 50%;
padding: 15px 20px;
}
}
@media (max-width: 767px) {
.meet-designer-sec .member-card .full-member-card .text-box {
width: 100%;
padding: 15px 50px 15px 20px;
}
}
.meet-designer-sec .member-card .full-member-card .text-box h3 {
margin-bottom: 12px;
}
.meet-designer-sec .member-card .full-member-card .text-box p {
font-size: 16px;
margin-bottom: 20px;
}
.meet-designer-sec .member-card .full-member-card .text-box:before {
display: none;
}
@media (max-width: 1024px) {
.meet-designer-sec .member-card .full-member-card .img-box {
width: 50%;
}
.meet-designer-sec .member-card .full-member-card .img-box img {
height: auto;
}
}
@media (max-width: 767px) {
.meet-designer-sec .member-card .full-member-card .img-box {
width: 100%;
}
}
.meet-designer-sec .member-card:nth-child(2n) .full-member-card {
left: -100%;
width: calc(200% - -24px);
margin-left: -24px;
}
.meet-designer-sec .member-card:nth-child(4n) .text-box, .meet-designer-sec .member-card:nth-child(4n-1) .text-box {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.meet-designer-sec .member-card:nth-child(4n) .text-box:before, .meet-designer-sec .member-card:nth-child(4n-1) .text-box:before {
left: auto;
right: -12px;
}
.meet-designer-sec .member-card .img-box {
width: 50%;
}
@media (max-width: 1024px) {
.meet-designer-sec .member-card .img-box {
width: 100%;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
}
.meet-designer-sec .member-card .img-box img {
width: 100%;
height: 218px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 576px) {
.meet-designer-sec .member-card .img-box img {
height: 176px;
}
}
.meet-designer-sec .member-card .text-box {
width: 50%;
padding: 20px 40px 20px 35px;
position: relative;
}
.meet-designer-sec .member-card .text-box:before {
content: "";
background-color: #F8F8F8;
width: 24px;
height: 24px;
left: -12px;
pointer-events: none;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
z-index: 1;
}
@media (max-width: 1024px) {
.meet-designer-sec .member-card .text-box:before {
display: none;
}
}
@media (max-width: 1200px) {
.meet-designer-sec .member-card .text-box {
padding-left: 20px;
}
}
@media (max-width: 1024px) {
.meet-designer-sec .member-card .text-box {
width: 100%;
}
}
@media (max-width: 767px) {
.meet-designer-sec .member-card .text-box {
position: relative;
padding: 15px 42px 15px 5px;
}
}
.meet-designer-sec .member-card .text-box h3 {
position: relative;
padding-left: 15px;
font-weight: 700;
}
.meet-designer-sec .member-card .text-box h3:before {
content: "";
width: 4px;
height: 100%;
background-color: #FF9270;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 1200px) {
.meet-designer-sec .member-card .text-box h3 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.meet-designer-sec .member-card .text-box h3 {
border-left: none;
font-size: 16px;
margin-bottom: 0px;
}
.meet-designer-sec .member-card .text-box h3:before {
display: none;
}
}
@media (max-width: 400px) {
.meet-designer-sec .member-card .text-box h3 {
font-size: 12px;
}
}
.meet-designer-sec .member-card .text-box h3 .name {
border-left: 3px solid #FF9270;
margin-bottom: 30px;
padding-left: 12px;
}
.meet-designer-sec .member-card .text-box .btn-arrow {
width: 184px;
font-weight: 700;
}
@media (max-width: 576px) {
.meet-designer-sec .member-card .text-box .btn-arrow {
font-size: 0px;
width: 27px;
height: 27px;
min-width: 27px;
display: inline-block;
padding: 0px;
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.meet-designer-sec .member-card .text-box .btn-arrow:after {
right: 12px;
}
}
.meet-designer-sec.ind-designer-sec p:not(:last-of-type) {
margin-bottom: 50px;
}
@media (max-width: 576px) {
.meet-designer-sec.ind-designer-sec p:not(:last-of-type) {
margin-bottom: 30px;
}
}
.meet-designer-sec.blog-detial-industrial {
padding-bottom: 0px;
}
.meet-designer-sec.blog-detial-industrial .section-title {
margin-bottom: 40px;
}
.meet-designer-sec .get-smart-sec {
margin-top: 0px;
padding: 0px;
}
.discover-home-sec .discover-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -24px;
}
@media (max-width: 767px) {
.discover-home-sec .discover-row {
margin-left: 0px;
}
}
.discover-home-sec .discover-row .card-box {
width: calc(26% - 37px);
margin-left: 24px;
text-align: center;
margin-bottom: 20px;
}
@media (max-width: 1024px) {
.discover-home-sec .discover-row .card-box {
margin-left: 29px;
}
}
@media (max-width: 767px) {
.discover-home-sec .discover-row .card-box {
margin-left: 0px;
width: 100%;
margin-bottom: 30px;
}
}
.discover-home-sec .discover-row .card-box figure {
position: relative;
}
@media (max-width: 767px) {
.discover-home-sec .discover-row .card-box figure img {
height: 225px;
-o-object-fit: cover;
object-fit: cover;
}
}
.discover-home-sec .discover-row .card-box .arrow-box {
background-color: #FF9270;
width: 38px;
height: 38px;
position: absolute;
bottom: 0;
right: 0;
}
@media (max-width: 767px) {
.discover-home-sec .discover-row .card-box .arrow-box {
display: none;
}
}
.discover-home-sec .discover-row .card-box .arrow-box:before {
content: "";
border-width: 3px 3px 0 0;
border-style: solid;
border-color: #fff;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 14px;
left: 12px;
}
.discover-home-sec .discover-row .card-box p {
color: #4F616F;
margin-top: 30px;
}
@media (max-width: 1024px) {
.discover-home-sec .discover-row .card-box p {
line-height: 27px;
}
}
@media (max-width: 767px) {
.discover-home-sec .discover-row .card-box p {
font-size: 24px;
text-align: left;
margin-top: 12px;
}
}
@media (max-width: 400px) {
.discover-home-sec .discover-row .card-box p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.discover-home-sec .discover-row .card-box p strong {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.discover-home-sec .discover-row .card-box p .arrow-box {
position: relative;
-webkit-transform: inherit;
transform: inherit;
margin-left: 30px;
}
.discover-home-sec .img-box .jarallax {
height: 530px;
}
@media (max-width: 767px) {
.awards-sec .section-title h2 {
font-size: 32px;
text-align: left;
}
}
@media (max-width: 400px) {
.awards-sec .section-title h2 {
font-size: 24px;
}
}
.awards-sec .section-title .site-icon {
margin-bottom: 50px;
}
.awards-sec .award-list ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 870px;
margin: 0 auto;
}
@media (max-width: 576px) {
.awards-sec .award-list ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
@media (max-width: 576px) {
.awards-sec .award-list ul li:nth-child(3) {
margin-right: 0px !important;
}
}
.awards-sec .award-list ul li:not(:last-of-type) {
margin-right: 55px;
}
@media (max-width: 1024px) {
.awards-sec .award-list ul li:not(:last-of-type) {
margin-right: 35px;
}
}
@media (max-width: 767px) {
.awards-sec .award-list ul li:not(:last-of-type) {
margin-right: 20px;
}
}
@media (max-width: 576px) {
.awards-sec .award-list ul li:not(:last-of-type) {
margin-right: 18px;
margin-bottom: 24px;
}
}
@media (max-width: 400px) {
.awards-sec .award-list ul li:not(:last-of-type) {
margin-left: 0px;
margin-right: 13px;
}
}
@media (max-width: 576px) {
.awards-sec .award-list ul li {
width: 30%;
}
}
@media (max-width: 576px) {
.awards-sec .award-list ul li img {
width: 100%;
}
}
.awards-sec .award-list .btn-box {
text-align: center;
margin-top: 35px;
}
@media (max-width: 767px) {
.awards-sec .award-list .btn-box {
text-align: left;
}
}
@media (max-width: 400px) {
.awards-sec .award-list .btn-box {
text-align: center;
}
}
.awards-sec .award-list .btn-box .btn {
width: 310px;
}
@media (max-width: 576px) {
.awards-sec .award-list .btn-box .btn {
width: 253px;
}
}
.feature-article .content-row {
margin-top: -273px;
}
@media (max-width: 767px) {
.feature-article .content-row {
margin-top: -65px;
}
}
.feature-article .content-row .colm-7 {
width: 54.333%;
}
@media (max-width: 767px) {
.feature-article .content-row .colm-7 {
width: 100%;
}
}
.feature-article .content-row .colm-5 {
width: 42.666%;
position: relative;
left: -50px;
}
@media (max-width: 767px) {
.feature-article .content-row .colm-5 {
width: 100%;
left: 0px;
}
}
@media (max-width: 1024px) {
.feature-article .article-title {
margin-left: 10px;
}
}
@media (max-width: 767px) {
.feature-article .article-title {
margin-left: 0px;
}
}
.feature-article .article-title .feature-title {
width: 100%;
}
@media (max-width: 767px) {
.feature-article .article-title .feature-title {
width: calc(100% + 50px);
}
}
.feature-article .article-title .feature-title:before {
height: 60px;
}
.feature-article .feature-content-sec .content-row {
margin-top: 0px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 1024px) {
.feature-article .feature-content-sec .content-row .colm-7 {
width: 100%;
}
}
@media (max-width: 1024px) {
.feature-article .feature-content-sec .content-row .colm-5 {
width: 100%;
left: 0;
}
}
@media (max-width: 1024px) {
.feature-article .feature-content-sec .content-row .colm-5 .img-box {
left: 0;
}
}
@media (max-width: 767px) {
.feature-article .feature-content-sec .content-row .colm-5 .img-box {
display: none;
}
}
@media (max-width: 767px) {
.feature-article .feature-content-sec .content-row .inner-box {
display: none;
}
}
@media (max-width: 767px) {
.feature-article .feature-content-sec .content-row .feature-content {
padding: 0px 15px;
background-color: transparent;
}
.feature-article .feature-content-sec .content-row .feature-content:before {
display: none;
}
}
.article-blog {
background: #F8F8F8;
padding: 57px 38px 40px;
position: relative;
}
@media (max-width: 1024px) {
.article-blog {
padding: 57px 20px 40px;
}
}
@media (max-width: 767px) {
.article-blog {
background: #F8F8F8;
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
left: 0;
width: calc(100% + 10px);
}
}
.article-blog .inner-box {
z-index: -1;
}
@media (max-width: 767px) {
.article-blog .inner-box {
border: 1px solid #D6D6D6;
left: -15px;
top: 25px;
}
}
.article-blog .inner-box:before {
content: "";
position: absolute;
width: 1px;
height: 0px;
bottom: -25px;
left: -25px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
}
.article-blog .inner-box:after {
content: "";
position: absolute;
height: 1px;
width: 0px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
right: -25px;
bottom: -25px;
}
.article-blog.aos-animate:before {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
@media (max-width: 767px) {
.article-blog.aos-animate:before {
display: none;
}
}
.article-blog.aos-animate:after {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
@media (max-width: 767px) {
.article-blog.aos-animate:after {
display: none;
}
}
.article-blog.aos-animate .inner-box:before {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
@media (max-width: 767px) {
.article-blog.aos-animate .inner-box:before {
display: none;
}
}
.article-blog.aos-animate .inner-box:after {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
@media (max-width: 767px) {
.article-blog.aos-animate .inner-box:after {
display: none;
}
}
.article-blog:before {
content: "";
width: 0px;
height: 1px;
background-color: #D6D6D6;
left: -25px;
top: 25px;
position: absolute;
pointer-events: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.article-blog:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 25px;
right: -25px;
background-color: #D6D6D6;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.article-blog .article-item:not(:last-of-type) {
margin-bottom: 40px;
}
.article-blog .article-item .img-box {
width: 141px;
height: 141px;
margin-right: 24px;
}
@media (max-width: 1024px) {
.article-blog .article-item .img-box {
width: 120px;
height: 120px;
}
}
@media (max-width: 767px) {
.article-blog .article-item .img-box {
width: 120px;
height: 120px;
}
}
@media (max-width: 576px) {
.article-blog .article-item .img-box {
width: 140px;
height: 140px;
margin-right: 12px;
}
}
@media (max-width: 400px) {
.article-blog .article-item .img-box {
width: 100%;
margin-bottom: 15px;
}
}
.article-blog .article-item .img-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.article-blog .article-item .article-blog-title {
width: 70%;
}
@media (max-width: 1439px) {
.article-blog .article-item .article-blog-title {
width: 65%;
}
}
@media (max-width: 1200px) {
.article-blog .article-item .article-blog-title {
width: 55%;
}
}
@media (max-width: 576px) {
.article-blog .article-item .article-blog-title {
width: 51%;
}
}
@media (max-width: 400px) {
.article-blog .article-item .article-blog-title {
width: 100%;
}
}
.article-blog .article-item .article-blog-title p {
margin-bottom: 15px;
font-weight: 700;
}
@media (max-width: 1024px) {
.article-blog .article-item .article-blog-title p {
font-size: 16px;
}
}
@media (max-width: 767px) {
.article-blog .article-item .article-blog-title p {
line-height: 22px;
letter-spacing: 0px;
}
}
.inner-item {
width: 46%;
background-color: #fff;
padding: 0px 20px 0px 10px;
height: 311px;
position: relative;
}
.inner-item:before {
content: "";
position: absolute;
left: -25px;
top: 35px;
width: calc(100% - -50px);
height: 300px;
border: 1px solid #D6D6D6;
}
.inner-item .img-content {
position: relative;
right: -20px;
top: -50px;
}
.inner-item .img-content figure {
overflow: hidden;
}
.inner-item .img-content figure img {
width: 100%;
height: 264px;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.inner-item .img-content figure img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.inner-item .img-content figcaption {
padding-top: 20px;
}
.inner-item .img-content figcaption p {
font-size: 32px;
line-height: 48px;
color: #4F616F;
font-weight: 600;
font-family: "Playfair Display", serif;
float: left;
}
.inner-item .img-content figcaption a {
float: right;
margin-right: 30px;
min-width: 125px;
font-weight: 700;
}
.what-we-grid {
position: relative;
}
.what-we-grid:before {
content: "";
position: absolute;
left: 0;
top: 35%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
height: 486px;
background: #4F616F;
}
@media (max-width: 1024px) {
.what-we-grid:before {
top: 80px;
-webkit-transform: unset;
transform: unset;
height: 50%;
}
}
@media (max-width: 576px) {
.what-we-grid:before {
height: 90%;
top: 50px;
}
}
@media (max-width: 400px) {
.what-we-grid:before {
height: 89%;
}
}
@media (max-width: 360px) {
.what-we-grid:before {
height: 84%;
}
}
.what-we-grid .inner-item {
background-color: #f8f8f8;
}
@media (max-width: 1024px) {
.what-we-grid .inner-item {
width: 45%;
height: 245px;
margin-bottom: 85px;
}
}
@media (max-width: 900px) {
.what-we-grid .inner-item {
width: 100%;
margin-bottom: 30px;
height: auto;
padding: 0;
}
}
@media (max-width: 1024px) {
.what-we-grid .inner-item::before {
height: 230px;
}
}
@media (max-width: 900px) {
.what-we-grid .inner-item::before {
display: none;
}
}
@media (max-width: 1024px) {
.what-we-grid .inner-item .img-content {
right: 0;
top: 0;
}
}
@media (max-width: 1024px) {
.what-we-grid .inner-item .img-content figure img {
height: auto;
}
}
@media (max-width: 1024px) {
.what-we-grid .inner-item .img-content figcaption {
padding: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 1439px) {
.what-we-grid .inner-item .img-content figcaption p {
font-size: 24px;
}
}
@media (max-width: 1200px) {
.what-we-grid .inner-item .img-content figcaption p {
font-size: 20px;
}
}
@media (max-width: 1024px) {
.what-we-grid .inner-item .img-content figcaption p {
font-size: 14px;
}
}
@media (max-width: 900px) {
.what-we-grid .inner-item .img-content figcaption p {
font-size: 20px;
}
}
@media (max-width: 1200px) {
.what-we-grid .inner-item .img-content figcaption a {
margin-right: 20px;
}
}
@media (max-width: 1024px) {
.what-we-grid .inner-item .img-content figcaption p,
.what-we-grid .inner-item .img-content figcaption a {
float: none;
margin: 0;
}
}
@media (max-width: 767px) {
.what-we-grid .inner-item .img-content figcaption p,
.what-we-grid .inner-item .img-content figcaption a {
font-size: 18px;
line-height: normal;
}
}
.blog-boxes ul li {
width: calc(50% - 22px);
margin-right: 44px;
}
.blog-boxes ul li:nth-child(2n) {
margin-right: 0;
}
@media (max-width: 1024px) {
.blog-boxes ul li {
width: 100%;
margin-right: 0;
}
}
.blog-listing .inner-wrap .text-box p a {
float: right;
margin-top: 0px;
}
.blog-boxes ul li .blog-item .img-item {
height: 244px;
}
@media (max-width: 767px) {
.blog-boxes ul li .blog-item .img-item {
height: 200px;
}
}
@media (max-width: 576px) {
.blog-boxes ul li .blog-item .img-item {
height: 125px;
}
}
.blog-boxes ul li .content p span span {
float: left;
}
.blog-boxes ul li .content a {
min-width: 125px;
float: right;
}
@media (max-width: 767px) {
.blog-boxes ul li .content a {
float: left;
}
}
.blog-item {
margin-bottom: 50px;
}
@media (max-width: 1024px) {
.blog-item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.blog-item {
margin-bottom: 20px;
}
}
@media (max-width: 1439px) {
.blog-item.align-center {
-webkit-box-align: unset;
-ms-flex-align: unset;
align-items: unset;
}
}
@media (max-width: 1024px) {
.blog-item.align-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.blog-item .img-item {
width: 45%;
}
@media (max-width: 576px) {
.blog-item .img-item {
width: 34%;
height: 123px;
}
}
.blog-item .img-item img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 576px) {
.blog-item .content {
width: 65% !important;
}
}
@media (max-width: 767px) {
.blog-item .content p {
display: none;
}
}
@media (max-width: 400px) {
.blog-item .img-item {
width: 125px;
}
}
@media (max-width: 400px) {
.blog-item .img-item img {
width: 125px;
height: 125px;
}
}
.blog-item .content {
width: 55%;
}
@media (max-width: 400px) {
.blog-item .content {
width: calc(100% - 125px) !important;
}
}
.blog-item .content {
padding-left: 24px;
}
.blog-item .content p {
position: relative;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 1024px) {
.blog-item .content p {
font-size: 16px;
line-height: 1.5;
}
}
@media (max-width: 400px) {
.blog-item .content p span {
display: none;
}
}
.blog-item .content p a {
min-width: 125px;
max-width: 126px;
display: inline-block;
font-size: 14px;
padding: 0px 22px;
margin-top: 10px;
line-height: 26px;
}
@media (max-width: 1024px) {
.blog-item .content p a {
line-height: 38px;
margin-top: 20px;
}
}
@media (max-width: 1439px) {
.blog-item .content h3 {
font-size: 20px;
}
}
@media (max-width: 1024px) {
.blog-item .content h3 {
font-size: 18px;
}
}
@media (max-width: 576px) {
.blog-item .content h3 {
font-size: 16px;
margin-bottom: 0px;
}
}
@media (max-width: 576px) {
.blog-item .content a {
line-height: 38px;
}
}
.page-id-38 .celling-slider.award-slider .inner-wrap .text-box p:last-of-type {
display: block;
}
.celling-slider .img-w-text-sec {
padding: 0px;
}
.celling-slider .slider-wrapper {
position: relative;
}
.celling-slider .slider-wrapper .slider-tab-button li a {
color: #4F616F;
font-size: 18px;
font-weight: 400;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.celling-slider .slider-wrapper .slider-tab-button li a:hover {
color: #FF9270;
}
.celling-slider .slider-wrapper .slider-tab-button li a.prev-tab-arrow {
margin-right: 50px;
}
.celling-slider .slider-wrapper .slider-tab-button li a.prev-tab-arrow i {
margin-right: 20px;
}
.celling-slider .slider-wrapper .slider-tab-button li a.next-tab-arrow i {
margin-left: 20px;
}
.celling-slider .cell-slider .img-w-text-sec .text-box p:not(:last-of-type) {
margin-bottom: 30px;
}
@media (max-width: 767px) {
.celling-slider.award-slider {
padding-bottom: 145px;
}
}
@media (max-width: 576px) {
.celling-slider.award-slider {
padding-bottom: 90px;
}
}
@media (max-width: 767px) {
.celling-slider.award-slider .slick-list.draggable {
padding-bottom: 100px;
}
}
.celling-slider.award-slider .slider-tab-button {
margin-right: 10px;
}
.celling-slider.award-slider .inner-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (max-width: 767px) {
.celling-slider.award-slider .inner-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.celling-slider.award-slider .inner-wrap .colm-4,
.celling-slider.award-slider .inner-wrap .colm-8 {
width: 100%;
}
}
.celling-slider.award-slider .inner-wrap .text-box {
padding-left: 0px;
padding-right: 20px;
}
@media (max-width: 767px) {
.celling-slider.award-slider .inner-wrap .text-box {
margin-bottom: 40px;
padding-right: 0px;
margin-top: 0px;
}
}
.celling-slider.award-slider .inner-wrap .text-box p {
margin-bottom: 30px;
}
@media (max-width: 576px) {
.celling-slider.award-slider .inner-wrap .text-box p:last-of-type {
display: none;
}
}
@media (max-width: 767px) {
.celling-slider.award-slider .inner-wrap .img-box .share {
position: absolute;
bottom: -75px;
}
}
.share {
display: block;
color: #4F616F;
font-weight: 700;
}
@media (max-width: 576px) {
.share {
margin-top: 40px;
}
}
.share span {
width: 20px;
height: 20px;
background-color: #FF9270;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 20px;
}
.share span i {
color: #fff;
font-size: 14px;
}
@media (max-width: 767px) {
.post-wrapper {
display: none;
}
}
.post-wrapper .left-search-post {
width: 27%;
padding: 60px 20px 50px;
margin-left: 60px;
}
@media (max-width: 1439px) {
.post-wrapper .left-search-post {
margin-left: 50px;
}
}
@media (max-width: 1024px) {
.post-wrapper .left-search-post {
width: 100%;
}
}
.post-wrapper .left-search-post ul {
margin-top: 30px;
}
.post-wrapper .left-search-post ul li a {
font-size: 14px;
color: #4F616F;
padding: 17px 0px;
border-bottom: 1px solid #D6D6D6;
display: block;
}
.post-wrapper .left-search-post ul li a span {
color: #D6D6D6;
}
.post-wrapper .left-search-post .search-post {
width: 100%;
margin-top: 0px;
}
.post-wrapper .left-search-post .search-post input {
width: 100%;
}
.post-wrapper .recent-post {
width: 68%;
padding-left: 84px;
padding-top: 72px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 1200px) {
.post-wrapper .recent-post {
width: 67%;
padding-left: 30px;
}
}
@media (max-width: 1024px) {
.post-wrapper .recent-post {
width: 100%;
padding-left: 60px;
padding-top: 0px;
}
}
.post-wrapper .recent-post h3 {
width: 100%;
}
.post-wrapper .recent-post p {
font-weight: 600;
color: #4F616F;
min-height: 75px;
}
.post-wrapper .recent-post a {
font-size: 18px;
color: #548DA0;
margin-top: 15px;
}
.post-wrapper .recent-post .desc {
margin-bottom: 50px;
min-height: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.post-wrapper .recent-post .post-right {
width: 50%;
padding-left: 40px;
}
.post-wrapper .recent-post .post-left {
width: 48%;
border-right: 1px solid #D6D6D6;
padding-right: 40px;
}
@media (max-width: 767px) {
.postid-34730 .share-with-buttons {
display: block;
}
}
@media (max-width: 767px) {
.postid-34730 .share-with-buttons .on-desktop-share {
display: block !important;
}
}
@media (max-width: 767px) {
.postid-34730 .share-with-buttons .slider-tab-button {
display: none;
}
}
.share-with-buttons {
margin-top: 60px;
}
@media (max-width: 767px) {
.share-with-buttons {
display: none;
}
}
.share-with-buttons ul li .prev-btn {
margin-right: 40px;
}
.hidden {
overflow: hidden;
display: none;
visibility: hidden;
}
.image-gallery-popup ul li {
width: 49%;
position: relative;
}
@media (max-width: 767px) {
.image-gallery-popup ul li {
width: 100%;
margin: 10px 0px;
}
}
.image-gallery-popup ul li .btn-gallery {
width: 100%;
height: 100%;
}
.image-gallery-popup ul li .btn-gallery img {
width: 100%;
height: 264px;
-o-object-fit: cover;
object-fit: cover;
}
.image-gallery-popup .desc p:not(:last-of-type) {
margin-bottom: 40px;
}
.page-id-15 .img-w-text-sec .section-title.left-border .bl-title.title {
margin-bottom: 16px;
}
@media (max-width: 576px) {
.blog-detial-industrial .inner-wrap .text-box p:not(:last-of-type) {
margin-bottom: 30px;
}
}
.page-id-15 .bottom-paginatino .prev-next-bar ul {
background-color: transparent;
}
.page-id-15 .bottom-paginatino .prev-next-bar ul li a {
color: #4F616F;
}
.page-id-15 .bottom-paginatino .prev-next-bar ul li a span {
color: #4F616F;
}
.click-desc {
text-align: right;
font-size: 14px;
letter-spacing: 1px;
color: #4F616F;
position: absolute;
right: 0;
top: -50px;
}
.taking-step {
background: #F8F8F8;
}
@media (max-width: 576px) {
.taking-step .contentwithimage .right-content-img {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin-bottom: 30px;
}
}
.taking-step .contentwithimage .right-content-img .img-box img {
height: 760px;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.taking-step .contentwithimage .right-content-img .img-box img {
height: 400px;
}
}
@media (max-width: 576px) {
.taking-step .contentwithimage .right-content-img .img-box img {
height: 200px;
}
}
@media (max-width: 767px) {
.spacial-container {
margin-left: 0 !important;
padding-left: 25px;
padding-right: 25px;
}
}
.contentwithimage .left-content {
width: 63%;
padding-right: 75px;
}
@media (max-width: 1024px) {
.contentwithimage .left-content {
width: 50%;
padding-right: 60px;
}
}
@media (max-width: 767px) {
.contentwithimage .left-content {
width: 100%;
padding-right: 0px;
}
}
.contentwithimage .left-content p:not(:last-child) {
margin-bottom: 40px;
}
.contentwithimage .right-content-img {
width: 31%;
}
@media (max-width: 1024px) {
.contentwithimage .right-content-img {
width: 45%;
}
}
@media (max-width: 767px) {
.contentwithimage .right-content-img {
width: 100%;
}
}
.contentwithimage .right-content-img .img-box {
position: relative;
margin-top: -125px;
}
@media (max-width: 767px) {
.contentwithimage .right-content-img .img-box {
margin-top: 30px;
}
}
.contentwithimage .right-content-img .img-box .inner-box:before {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 25px;
left: -25px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
}
.contentwithimage .right-content-img .img-box .inner-box:after {
content: "";
position: absolute;
height: 1px;
width: 0px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
background-color: #D6D6D6;
right: -25px;
bottom: -25px;
}
.contentwithimage .right-content-img .img-box.aos-animate:before {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
@media (max-width: 767px) {
.contentwithimage .right-content-img .img-box.aos-animate:before {
display: none;
}
}
.contentwithimage .right-content-img .img-box.aos-animate:after {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
@media (max-width: 767px) {
.contentwithimage .right-content-img .img-box.aos-animate:after {
display: none;
}
}
.contentwithimage .right-content-img .img-box.aos-animate .inner-box:before {
height: calc(100% + 0px);
-webkit-transition: 100ms height ease 300ms;
transition: 100ms height ease 300ms;
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
@media (max-width: 767px) {
.contentwithimage .right-content-img .img-box.aos-animate .inner-box:before {
display: none;
}
}
.contentwithimage .right-content-img .img-box.aos-animate .inner-box:after {
width: calc(100% + 50px);
-webkit-transition: 100ms width ease 200ms;
transition: 100ms width ease 200ms;
-webkit-transition-delay: 1.4s;
transition-delay: 1.4s;
}
@media (max-width: 767px) {
.contentwithimage .right-content-img .img-box.aos-animate .inner-box:after {
display: none;
}
}
.contentwithimage .right-content-img .img-box:before {
content: "";
width: 0px;
height: 1px;
background-color: #D6D6D6;
left: -25px;
top: 25px;
position: absolute;
pointer-events: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.contentwithimage .right-content-img .img-box:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 25px;
right: -25px;
background-color: #D6D6D6;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.contentwithimage .right-content-img .img-box img {
width: 100%;
height: auto;
}
@media (max-width: 576px) {
.contentwithimage .right-content-img .img-box img {
height: 200px;
}
}
@media (max-width: 1024px) {
.category-feature-article .content-row {
margin-top: -200px;
}
}
@media (max-width: 900px) {
.category-feature-article .content-row {
margin-top: -140px;
}
}
@media (max-width: 1024px) {
.page-id-34 .category-feature-article .content-row {
margin-top: -40px;
}
}
@media (max-width: 576px) {
.page-id-34 .section-title.left-border {
padding-left: 0px;
}
}
.filter-award-item {
/* ---- isotope ---- */
/* clear fix */
/* ---- .element-item ---- */
}
@media (max-width: 767px) {
.filter-award-item {
padding: 0 12px;
}
}
@media (max-width: 576px) {
.filter-award-item {
padding: 0px 0px;
}
}
.filter-award-item .button-group {
/* ____ WEN 060322 ____ */
width: 20%;
}
@media screen and (min-width: 1025px) {
.filter-award-item .button-group {
width: 26%;
}
}
@media screen and (min-width: 1200px) {
.filter-award-item .button-group {
width: 25%;
}
}
@media (max-width: 1024px) {
.filter-award-item .button-group {
width: 100%;
margin-bottom: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
}
@media (max-width: 400px) {
.filter-award-item .button-group {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.filter-award-item .button-group .button {
display: block;
padding: 6px 18px;
min-width: 184px;
margin-bottom: 20px;
background: #D6D6D6;
border: none;
color: #fff;
cursor: pointer;
font-size: 18px;
letter-spacing: 1px;
font-weight: 700;
text-align: center;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
/* == WEN 060322 __ */
}
@media screen and (min-width: 1025px) {
.filter-award-item .button-group .button {
font-size: 14px;
padding: 6px 10px;
}
}
@media screen and (min-width: 1199px) {
.filter-award-item .button-group .button {
font-size: 16px;
padding: 6px 12px;
}
}
.filter-award-item .button-group .button.active {
background-color: #FF9270;
}
.filter-award-item .button-group .button:hover {
background-color: #FF9270;
}
@media (max-width: 360px) {
.filter-award-item .button-group .button {
min-width: 90px;
padding: 7px 13px;
}
}
@media (max-width: 767px) {
.filter-award-item .button-group .button {
min-width: 32%;
font-size: 16px;
padding: 7px 8px;
}
}
@media (max-width: 400px) {
.filter-award-item .button-group .button {
min-width: 100%;
}
}
.filter-award-item .button-group .button.is-checked {
background-color: #FF9270;
}
.filter-award-item .grid {
width: 73%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1024px) {
.filter-award-item .grid {
width: 100%;
}
}
.filter-award-item .grid {
border: 0;
}
.filter-award-item .grid:after {
content: '';
display: block;
clear: both;
}
.filter-award-item .element-item {
position: relative;
width: 46%;
overflow: hidden;
background-color: #F8F8F8;
margin-bottom: 27px;
margin-right: 28px;
}
@media (max-width: 1200px) {
.filter-award-item .element-item {
margin-right: 20px;
}
}
@media (max-width: 1024px) {
.filter-award-item .element-item {
width: 100%;
margin-right: 0px;
}
}
.filter-award-item .element-item .group-award {
border: 0.5px solid #D6D6D6;
}
@media (max-width: 576px) {
.filter-award-item .element-item .group-award {
border: 0;
background: #fff;
}
}
.filter-award-item .element-item .group-award .img-box {
width: 41%;
height: 130px;
}
@media (max-width: 576px) {
.filter-award-item .element-item .group-award .img-box {
width: 125px;
height: 125px;
}
}
@media (max-width: 400px) {
.filter-award-item .element-item .group-award .img-box {
width: 100px;
height: 100px;
}
}
.filter-award-item .element-item .group-award .img-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.filter-award-item .element-item .group-award .award-detail {
width: 59%;
padding-left: 20px;
}
@media (max-width: 576px) {
.filter-award-item .element-item .group-award .award-detail {
width: 65%;
}
}
.filter-award-item .element-item .group-award .award-detail h4 {
font-size: 18px;
line-height: 24px;
font-weight: 700;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
margin-bottom: 8px;
}
@media (max-width: 400px) {
.filter-award-item .element-item .group-award .award-detail h4 {
font-size: 14px;
}
}
.filter-award-item .element-item .group-award .award-detail p {
font-size: 14px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
}
.filter-award-item .element-item > * {
margin: 0;
padding: 0;
}
.filter-award-item .review-filter .group-award {
padding: 18px;
}
.filter-award-item .review-filter .group-award h4, .filter-award-item .review-filter .group-award h5 {
font-size: 18px;
line-height: 24px;
font-weight: 700;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
margin-bottom: 8px;
}
.filter-award-item .review-filter .review-with-date {
margin-bottom: 30px;
}
.filter-award-item .review-filter .review-with-date .review-date {
font-size: 18px;
color: #4F616F;
}
.filter-award-item .review-filter .review-with-date .author-name {
width: 54px;
height: 54px;
border-radius: 50%;
padding: 11px;
border: 1px solid #D6D6D6;
display: inline-block;
margin-right: 10px;
}
.filter-award-item .review-filter .review-with-date ul li:not(:last-of-type) {
margin-right: 5px;
}
.filter-award-item .review-filter .review-with-date ul li i {
color: #548DA0;
}
.filter-awards.bottom-paginatino .prev-next-bar {
margin-left: 25%;
margin-top: 10px;
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
@media (max-width: 576px) {
.filter-awards.bottom-paginatino .prev-next-bar {
margin-left: 0px;
}
}
.filter-awards.bottom-paginatino .prev-next-bar ul {
background-color: transparent;
}
.filter-awards.bottom-paginatino .prev-next-bar ul li a i {
color: #4F616F;
}
@media (max-width: 1024px) {
.filter-awards.write-review .filter-award-item .button-group .button {
width: 24%;
height: 50px;
line-height: 37px;
}
}
@media (max-width: 900px) {
.filter-awards.write-review .filter-award-item .button-group .button {
width: 32%;
}
}
@media (max-width: 576px) {
.filter-awards.write-review .filter-award-item .button-group .button {
width: 100%;
}
}
.filter-awards.write-review .filter-award-item .button-group .button:last-of-type {
margin-top: 40px;
color: #4F616F;
font-size: 18px;
font-weight: 700;
background-color: #fff;
border: 1px solid #4F616F;
text-align: center;
}
@media (max-width: 1024px) {
.filter-awards.write-review .filter-award-item .button-group .button:last-of-type {
margin-top: 0px;
width: 24%;
height: 50px !important;
line-height: 37px;
}
}
@media (max-width: 900px) {
.filter-awards.write-review .filter-award-item .button-group .button:last-of-type {
width: 32%;
}
}
@media (max-width: 576px) {
.filter-awards.write-review .filter-award-item .button-group .button:last-of-type {
display: block;
width: 100%;
}
}
.filter-awards.write-review .filter-award-item .element-item {
height: 264px;
}
@media (max-width: 1200px) {
.filter-awards.write-review .filter-award-item .element-item {
height: 330px;
}
}
@media (max-width: 1024px) {
.filter-awards.write-review .filter-award-item .element-item {
height: auto;
}
}
.filter-awards.write-review .filter-award-item .element-item.active-element {
height: auto;
}
.filter-awards.write-review .filter-award-item .element-item.active-element .article .seemore {
display: none;
}
.filter-awards.write-review .filter-award-item .element-item.active-element .article .hidden-cont {
display: inline;
}
@media (max-width: 1200px) {
.filter-awards.write-review .filter-award-item .element-item:nth-child(2n+2) {
margin-right: 0px;
}
}
@media (max-width: 576px) {
.filter-awards.write-review .filter-award-item .element-item {
background-color: #F8F8F8;
}
}
.filter-awards.write-review .filter-award-item .element-item .group-award {
height: 100%;
}
.filter-awards.write-review .filter-award-item .element-item .group-award .article {
position: relative;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
@media (max-width: 1439px) {
.filter-awards.write-review .filter-award-item .element-item .group-award .article p {
font-size: 16px;
}
}
.filter-awards.write-review .filter-award-item .element-item .group-award .article p {
margin-bottom: 0px;
}
@media (max-width: 576px) {
.filter-awards.write-review .filter-award-item .element-item .group-award {
border: 0.5px solid #D6D6D6;
background: #F8F8F8;
}
}
.filter-awards.write-review .filter-award-item .element-item .group-award .review-with-date .author-review {
display: none;
}
.filter-awards.write-review .filter-award-item .element-item .hidden-cont {
display: none;
}
.filter-awards.write-review .filter-award-item .element-item .readmore {
margin: 0 5px;
}
@media (max-width: 767px) {
.filter-awards.write-review .prev-next-bar {
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
}
}
.moretext {
display: none;
}
.share-with-prev-next {
margin-top: 50px;
}
.pre-next-button li:not(:last-of-type) {
margin-right: 37px;
}
.pre-next-button li a {
font-size: 18px;
font-weight: 700;
color: #4F616F;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.pre-next-button li a:hover {
color: #FF9270;
}
.pre-next-button li a:hover i {
color: #FF9270;
}
.pre-next-button li a i {
margin-right: 20px;
color: #4F616F;
font-weight: 700;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.pre-next-button li:last-of-type a i {
margin-left: 20px;
}
.page-id-36 .filter-awards.bottom-paginatino .prev-next-bar ul li a i {
color: #FF9270;
}
.tax-award-recognition-type .img-w-text-sec .filter-awards.bottom-pagination .prev-next-bar.pagination.flex.align-center.space-between {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.award-ind-page .gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media (max-width: 576px) {
.award-ind-page .gallery {
display: block;
}
}
.award-ind-page .gallery figure {
margin-right: 20px;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.award-ind-page .gallery figure {
margin-right: 0px;
text-align: center;
}
}
@media (max-width: 576px) {
.award-ind-page .gallery figure img {
margin: 0 auto 20px;
}
}
@media (max-width: 767px) {
.video-content {
margin-top: 50px;
}
}
@media (max-width: 576px) {
.video-content {
margin-top: 30px;
}
}
.video-content h4 {
font-size: 18px;
font-weight: 700;
margin-bottom: 35px;
}
@media (max-width: 576px) {
.video-content h2 {
margin-bottom: 40px;
}
}
.video-with-content .custom-video {
height: 340px;
padding: 28% 0px;
width: 100%;
}
.video-with-content .custom-video iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
@media (max-width: 1024px) {
.video-with-content .video-wrapper .colm-7 {
width: 50%;
}
}
@media (max-width: 767px) {
.video-with-content .video-wrapper .colm-7 {
width: 100%;
}
}
@media (max-width: 1024px) {
.video-with-content .video-wrapper .colm-5 {
width: 50%;
}
}
@media (max-width: 767px) {
.video-with-content .video-wrapper .colm-5 {
width: 100%;
}
}
@media (max-width: 767px) {
.video-with-content .btn.view-more-btn {
font-size: 18px;
}
}
@media (max-width: 400px) {
.video-with-content .btn.view-more-btn {
min-width: 100%;
}
}
@media (max-width: 767px) {
.video-group {
margin-bottom: 40px;
}
}
.video-group .colm-6 {
width: 48.7%;
}
@media (max-width: 767px) {
.video-group .colm-6 {
width: 100%;
}
}
.video-group .colm-6:not(:nth-child(2n)) {
margin-right: 30px;
}
@media (max-width: 1439px) {
.video-group .colm-6:not(:nth-child(2n)) {
margin-right: 28px;
}
}
@media (max-width: 1200px) {
.video-group .colm-6:not(:nth-child(2n)) {
margin-right: 23px;
}
}
@media (max-width: 1024px) {
.video-group .colm-6:not(:nth-child(2n)) {
margin-right: 17px;
}
}
@media (max-width: 767px) {
.video-group .colm-6:not(:nth-child(2n)) {
margin-right: 0px;
}
}
.video-group .custom-video {
height: 264px;
padding: 28% 0px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.video-group .custom-video iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
.video-title h3 {
font-size: 24px;
margin-top: 20px;
}
@media (max-width: 576px) {
.video-title h3 {
font-size: 18px;
font-weight: 700;
}
}
@media (max-width: 1200px) {
.page-id-76 .view-more {
margin-top: 0px;
}
}
@media (max-width: 576px) {
.page-id-76 .view-more {
width: 100%;
min-width: 100%;
}
}
.view-more {
margin-top: 75px;
}
.videobg-aspect {
bottom: -10260px;
top: -10150px;
}
@media (max-width: 1200px) {
.videobg-aspect {
bottom: -10160px;
}
}
.placeholder-title {
padding-bottom: 0px;
}
.placeholder-title .section-title {
margin-bottom: 50px;
}
.date-with-time {
margin: 50px 0px;
}
@media (max-width: 767px) {
.date-with-time ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important;
}
}
@media (max-width: 767px) {
.date-with-time ul li {
position: relative;
padding-left: 75px;
}
.date-with-time ul li:not(:last-of-type) {
margin-bottom: 40px;
}
}
.date-with-time ul li a {
font-size: 24px;
color: #4F616F;
font-weight: 700;
}
.date-with-time ul li a img {
width: 55px;
margin-right: 20px;
vertical-align: middle;
}
@media (max-width: 1200px) {
.date-with-time ul li a img {
width: 35px;
margin-right: 10px;
}
}
@media (max-width: 1024px) {
.date-with-time ul li a img {
width: 20px;
margin-right: 5px;
}
}
@media (max-width: 767px) {
.date-with-time ul li a img {
width: 40px;
position: absolute;
left: 0;
}
}
@media (max-width: 1439px) {
.date-with-time ul li a {
font-size: 20px;
}
}
@media (max-width: 1200px) {
.date-with-time ul li a {
font-size: 18px;
}
}
@media (max-width: 1024px) {
.date-with-time ul li a {
font-size: 14px;
}
}
@media (max-width: 767px) {
.date-with-time ul li a {
font-size: 18px;
}
}
.date-with-time ul li:last-of-type a img {
width: 39px;
}
@media (max-width: 1024px) {
.date-with-time ul li:last-of-type a img {
width: 20px;
}
}
@media (max-width: 767px) {
.date-with-time ul li:last-of-type a img {
width: 40px;
}
}
.form-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.form-group:after {
content: "";
display: table;
clear: both;
}
.form-group input,
.form-group textarea,
.form-group select {
width: 100%;
border: 1px solid #4F616F;
padding: 5px 15px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
color: #4F616F;
}
.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus {
border-color: #FF9270;
outline: none;
}
.form-group input::-webkit-input-placeholder,
.form-group textarea::-webkit-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: #4F616F;
}
.form-group input:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: #4F616F;
}
.form-group input::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: #4F616F;
}
.form-group input::placeholder,
.form-group textarea::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: #4F616F;
}
.form-group input:-ms-input-placeholder,
.form-group textarea:-ms-input-placeholder {
/* Internet Explorer 10-11 */
font-size: 16px;
color: #4F616F;
}
.form-group input::-ms-input-placeholder,
.form-group textarea::-ms-input-placeholder {
/* Microsoft Edge */
font-size: 16px;
color: #4F616F;
}
.form-group textarea {
resize: none;
}
.form-group .colm-9 {
width: 73%;
}
.form-group .colm-8 {
width: 68%;
}
.form-group .colm-7 {
width: 58%;
}
.form-group .colm-6 {
width: 49%;
}
.form-group .colm-5 {
width: 40%;
}
.form-group .colm-4 {
width: 32%;
}
.form-group .colm-3 {
width: 25%;
}
.participent {
padding-top: 10px;
}
.participent a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
color: #4F616F;
}
.participent a span {
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
background-color: #FF9270;
border-radius: 50%;
margin-right: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.participent a span img {
width: 16px;
}
.share-event {
margin-top: 60px;
}
@media (max-width: 767px) {
.share-event {
margin-top: 20px;
}
.share-event.mb-100 {
margin-bottom: 40px;
}
}
.share-event button {
font-size: 16px;
color: #fff;
text-align: center;
min-width: 292px;
height: 50px;
background-color: #FF9270;
}
@media (max-width: 400px) {
.share-event button {
min-width: 100%;
}
}
@media (max-width: 767px) {
.share-event .share-icons {
margin-top: 60px;
}
}
.share-event .share-icons p {
font-size: 24px;
color: #4F616F;
font-weight: 700;
}
@media (max-width: 767px) {
.share-event .share-icons p {
line-height: 1;
}
}
.share-event .share-icons ul {
margin-top: 30px;
}
.share-event .share-icons ul li:not(:first-of-type) {
margin-left: 38px;
}
@media (max-width: 576px) {
.event-article .event-blog-item .event-content .img-box {
height: 150px;
}
}
.event-blog-item {
padding: 20px 30px 15px;
background: #F8F8F8;
position: relative;
}
@media (max-width: 767px) {
.event-blog-item.mb-80 {
margin-bottom: 69px;
}
}
.event-blog-item .inner-box:before {
bottom: -30px;
}
@media (max-width: 767px) {
.event-blog-item .inner-box:before {
display: none;
}
}
.event-blog-item .inner-box:after {
width: 0px;
bottom: -30px;
}
@media (max-width: 767px) {
.event-blog-item .inner-box:after {
display: none;
}
}
.event-blog-item.aos-animate:before {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1s;
transition-delay: 1s;
}
.event-blog-item.aos-animate:after {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.3s;
transition-delay: 1.3s;
}
.event-blog-item.aos-animate .inner-box:before {
height: calc(100% + 0px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 2.3s;
transition-delay: 2.3s;
}
.event-blog-item.aos-animate .inner-box:after {
width: calc(100% + 50px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
-webkit-transition-delay: 1.7s;
transition-delay: 1.7s;
}
.event-blog-item:before {
content: "";
width: 0px;
height: 1px;
background-color: #D6D6D6;
left: -25px;
top: 30px;
position: absolute;
pointer-events: none;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
z-index: -1;
}
@media (max-width: 767px) {
.event-blog-item:before {
display: none;
}
}
.event-blog-item:after {
content: "";
position: absolute;
width: 1px;
height: 0px;
top: 30px;
right: -25px;
background-color: #D6D6D6;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.event-blog-item:after {
display: none;
}
}
.event-blog-item .event-content {
position: relative;
}
@media (max-width: 767px) {
.event-blog-item .event-content {
padding-bottom: 80px;
margin-top: -50px;
}
}
.event-blog-item .event-content .img-box {
width: 332px;
height: 310px;
}
@media (max-width: 1439px) {
.event-blog-item .event-content .img-box {
width: 316px;
height: 304px;
}
}
@media (max-width: 1200px) {
.event-blog-item .event-content .img-box {
width: 100%;
}
}
.event-blog-item .event-content .img-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.event-blog-item .event-content .event-title {
position: relative;
padding: 55px 37px 0px 55px;
width: 550px;
}
@media (max-width: 1439px) {
.event-blog-item .event-content .event-title {
padding: 55px 21px 0px 36px;
width: 435px;
}
}
@media (max-width: 1200px) {
.event-blog-item .event-content .event-title {
width: 55%;
padding: 55px 8px 0px 15px;
}
}
@media (max-width: 767px) {
.event-blog-item .event-content .event-title {
padding: 35px 0 15px;
border-bottom: 1px solid #D6D6D6;
width: 100%;
position: static;
}
}
.event-blog-item .event-content .event-title:after {
content: "";
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-47%);
transform: translateY(-47%);
width: 1px;
height: 255px;
background-color: #D6D6D6;
}
@media (max-width: 767px) {
.event-blog-item .event-content .event-title:after {
display: none;
}
}
.event-blog-item .event-content .event-title h3 {
font-weight: 600;
font-size: 24px;
color: #4F616F;
}
.event-blog-item .event-content .event-title p {
line-height: 36px;
margin: 30px 0px 50px;
}
@media (max-width: 767px) {
.event-blog-item .event-content .event-title p {
margin-bottom: 10px;
}
}
.event-blog-item .event-content .event-title a {
min-width: 217px;
}
@media (max-width: 767px) {
.event-blog-item .event-content .event-title a {
position: absolute;
bottom: 0;
}
}
.event-blog-item .event-content .event-time {
padding: 44px 0px 15px 25px;
width: 260px;
}
@media (max-width: 1439px) {
.event-blog-item .event-content .event-time {
padding: 55px 17px 15px 25px;
}
}
@media (max-width: 1200px) {
.event-blog-item .event-content .event-time {
padding: 55px 15px 15px 15px;
width: 45%;
}
}
@media (max-width: 767px) {
.event-blog-item .event-content .event-time {
width: 100%;
padding-top: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media (max-width: 576px) {
.event-blog-item .event-content .event-time .inn-time:first-of-type {
width: 67% !important;
}
}
.event-blog-item .event-content .event-time .inn-time strong {
display: block;
margin-bottom: 5px;
}
.event-blog-item .event-content .event-time .inn-time:not(:last-child) {
margin-bottom: 20px;
}
@media (max-width: 767px) {
.event-blog-item .event-content .event-time .inn-time:not(:last-child) {
width: 50%;
}
}
@media (max-width: 576px) {
.event-blog-item .event-content .event-time .inn-time:not(:last-child) {
width: 33%;
}
}
.remodeling-blogs .event-blog-item {
padding: 60px 50px 15px;
}
@media (max-width: 767px) {
.img-w-text-sec .section-title.left-border {
margin-bottom: 50px;
padding-left: 0px;
padding-right: 0px;
}
}
.img-w-text-sec .section-title.left-border .bl-title.title {
padding-bottom: 0;
line-height: 1;
margin-bottom: 45px;
left: 0;
}
@media (max-width: 767px) {
.img-w-text-sec .section-title.left-border p {
padding-left: 26px;
padding-right: 15px;
}
}
@media (max-width: 576px) {
.img-w-text-sec .section-title.left-border p {
padding-left: 0px;
padding-right: 0px;
}
}
@media (max-width: 767px) {
.img-w-text-sec .event-blog .event-blog-item {
padding: 60px 13px 15px;
}
}
@media (max-width: 767px) {
.register-form {
padding-left: 13px;
padding-right: 13px;
}
}
@media (max-width: 767px) {
.register-form .section-title.left-border {
margin-bottom: 40px;
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 576px) {
.register-form .section-title.left-border h2 {
font-size: 24px;
}
}
@media (max-width: 400px) {
.register-form .form-group input,
.register-form .form-group select,
.register-form form.wpcf7-form.init input,
.register-form form.wpcf7-form.init select {
font-size: 14px;
}
}
@media (max-width: 400px) {
.register-form .form-group input::-webkit-input-placeholder,
.register-form form.wpcf7-form.init input::-webkit-input-placeholder {
font-size: 14px;
}
}
@media (max-width: 400px) {
.register-form .form-group input::-ms-input-placeholder,
.register-form form.wpcf7-form.init input::-ms-input-placeholder {
font-size: 14px;
}
}
@media (max-width: 400px) {
.register-form .form-group input::-webkit-input-placeholder,
.register-form form.wpcf7-form.init input::-webkit-input-placeholder {
font-size: 14px;
}
.register-form .form-group input:-ms-input-placeholder,
.register-form form.wpcf7-form.init input:-ms-input-placeholder {
font-size: 14px;
}
.register-form .form-group input::-ms-input-placeholder,
.register-form form.wpcf7-form.init input::-ms-input-placeholder {
font-size: 14px;
}
.register-form .form-group input::placeholder,
.register-form form.wpcf7-form.init input::placeholder {
font-size: 14px;
}
}
@media (max-width: 767px) {
.register-form .form-group,
.register-form form.wpcf7-form.init {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.register-form .form-group .participent,
.register-form form.wpcf7-form.init .participent {
padding-top: 0;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
}
}
@media (max-width: 1200px) {
.register-form .form-group .participent a,
.register-form form.wpcf7-form.init .participent a {
font-size: 14px;
}
}
@media (max-width: 1024px) {
.register-form .form-group .colm-9,
.register-form form.wpcf7-form.init .colm-9 {
width: 66%;
}
}
@media (max-width: 1024px) {
.register-form .form-group .colm-3,
.register-form form.wpcf7-form.init .colm-3 {
width: 32%;
}
}
@media (max-width: 1024px) {
.register-form .form-group .colm-5,
.register-form form.wpcf7-form.init .colm-5 {
width: 35%;
}
}
@media (max-width: 1024px) {
.register-form .form-group .colm-4,
.register-form form.wpcf7-form.init .colm-4 {
width: 32% !important;
}
}
@media (max-width: 900px) {
.register-form .form-group .colm-6,
.register-form .form-group .colm-4,
.register-form .form-group .colm-5,
.register-form .form-group .colm-3,
.register-form .form-group .colm-9,
.register-form .form-group .colm-3,
.register-form form.wpcf7-form.init .colm-6,
.register-form form.wpcf7-form.init .colm-4,
.register-form form.wpcf7-form.init .colm-5,
.register-form form.wpcf7-form.init .colm-3,
.register-form form.wpcf7-form.init .colm-9,
.register-form form.wpcf7-form.init .colm-3 {
width: 100% !important;
margin-bottom: 20px;
}
}
.register-form .form-group textarea,
.register-form form.wpcf7-form.init textarea {
line-height: 37px;
}
.page-id-307 .at-share-btn-elements, .events-template-default .at-share-btn-elements {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.page-id-307 .at-share-btn-elements .at-share-btn, .events-template-default .at-share-btn-elements .at-share-btn {
background-color: transparent !important;
overflow: inherit;
margin: 0px 14px;
}
.page-id-307 .at-share-btn-elements .at-share-btn svg, .events-template-default .at-share-btn-elements .at-share-btn svg {
width: 30px !important;
height: 30px !important;
}
.page-id-307 .share-event, .events-template-default .share-event {
position: absolute;
right: 10px;
bottom: 130px;
margin: 0px;
}
@media (max-width: 767px) {
.page-id-307 .share-event, .events-template-default .share-event {
position: static;
margin-top: 20px;
right: 0;
}
}
@media (max-width: 767px) {
.page-id-307 .share-event .share-icons, .events-template-default .share-event .share-icons {
margin-top: 20px;
}
}
@media (max-width: 767px) {
.page-id-307 .share-event .share-icons p, .events-template-default .share-event .share-icons p {
padding-bottom: 15px;
}
}
.page-id-307 .register-form, .events-template-default .register-form {
padding-bottom: 150px;
position: relative;
}
@media (max-width: 767px) {
.page-id-307 .register-form, .events-template-default .register-form {
padding-bottom: 50px;
}
}
.page-id-307 .register-form .wpcf7-response-output, .events-template-default .register-form .wpcf7-response-output {
position: absolute;
bottom: 25px;
color: #000;
margin-top: 0px;
}
@media (max-width: 767px) {
.page-id-307 .register-form .wpcf7-response-output, .events-template-default .register-form .wpcf7-response-output {
position: static;
margin-top: 30px;
}
}
@media (max-width: 767px) {
.page-id-307 .register-form, .events-template-default .register-form {
padding-left: 0px;
padding-right: 0px;
}
}
.page-id-307 .register-form form p input[type=submit], .events-template-default .register-form form p input[type=submit] {
min-width: 292px;
margin-top: 70px;
}
@media (max-width: 767px) {
.page-id-307 .register-form form p input[type=submit], .events-template-default .register-form form p input[type=submit] {
margin-top: 30px;
}
}
@media (max-width: 400px) {
.page-id-307 .register-form form p input[type=submit], .events-template-default .register-form form p input[type=submit] {
min-width: 100%;
}
}
@media (max-width: 900px) {
.page-id-307 .register-form form .form-group, .events-template-default .register-form form .form-group {
margin-bottom: 0px;
}
}
@media (max-width: 767px) {
.page-id-292 .faq-details {
padding-bottom: 0px !important;
}
}
.faq-wrapper .faq-details .tab-content > h2.bl-title {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.faq-wrapper .faq-details .tab-content > h2.bl-title {
margin-bottom: 25px;
}
}
.faq-wrapper .faq-sidebar {
position: relative;
}
.faq-wrapper .faq-sidebar .close-sidebar {
position: absolute;
right: 30px;
top: 30px;
cursor: pointer;
z-index: 9;
display: none;
}
.faq-wrapper .faq-sidebar {
width: calc(357px - 214px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.faq-wrapper .faq-sidebar {
width: 100%;
}
}
.faq-wrapper .faq-sidebar.slide-sidebar {
width: 357px;
}
@media (max-width: 1200px) {
.faq-wrapper .faq-sidebar.slide-sidebar {
width: 300px;
}
}
@media (max-width: 1024px) {
.faq-wrapper .faq-sidebar.slide-sidebar {
width: 270px;
padding: 24px 25px;
}
}
@media (max-width: 767px) {
.faq-wrapper .faq-sidebar.slide-sidebar {
width: 100%;
}
}
.faq-wrapper .faq-sidebar.slide-sidebar #tabs-nav {
opacity: 1;
visibility: visible;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.faq-wrapper .faq-sidebar.slide-sidebar .side-bar-heading {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
width: auto;
}
.faq-wrapper .faq-sidebar.slide-sidebar .close-sidebar {
display: block;
}
.faq-wrapper .faq-sidebar.slide-sidebar .faq-toggle {
opacity: 0;
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
.faq-wrapper .faq-sidebar.open-tab-mobile {
padding-bottom: 100px;
}
.faq-wrapper .faq-sidebar.open-tab-mobile #tabs-nav {
height: auto;
opacity: 1;
visibility: visible;
margin-top: 60px;
}
.faq-wrapper .faq-sidebar.open-tab-mobile .side-bar-heading h2 span img {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.faq-wrapper .faq-details {
width: calc(95% - 143px);
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.faq-wrapper .faq-details.active-side-content {
width: calc(100% - 357px);
}
.faq-wrapper .faq-details.active-side-content #tabs-content {
padding-right: 60px;
}
.faq-wrapper .faq-details.active-side-content .accordion-faq ul li .sub-accordion ul li {
width: 49%;
}
@media (max-width: 1200px) {
.faq-wrapper .faq-details.active-side-content .accordion-faq ul li .sub-accordion ul li {
width: 100%;
}
}
@media (max-width: 767px) {
.faq-wrapper .faq-details {
width: 100%;
padding-bottom: 40px;
}
}
.faq-wrapper .faq-details h2 {
padding-left: 25px;
}
@media (max-width: 576px) {
.faq-wrapper .faq-details h2 {
font-size: 32px;
}
}
@media (max-width: 400px) {
.faq-wrapper .faq-details h2 {
font-size: 24px;
}
}
.faq-wrapper .faq-details h2:after {
left: 0;
}
.faq-wrapper #tabs-content {
padding-right: 0px;
}
@media (max-width: 1439px) {
.faq-wrapper #tabs-content {
padding-right: 0px;
}
}
@media (max-width: 767px) {
.faq-wrapper #tabs-content {
padding-right: 25px;
}
}
.mod-faq {
overflow: hidden;
}
@media (max-width: 576px) {
.mod-faq {
margin-top: 60px;
}
}
.faq-sidebar {
padding: 24px 55px;
background: #4F616F;
}
@media (max-width: 767px) {
.faq-sidebar {
padding: 24px 25px;
}
}
.faq-toggle {
width: 25px;
margin-bottom: 60px;
margin-left: 6px;
cursor: pointer;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
@media (max-width: 767px) {
.faq-toggle {
margin: 0px;
display: none;
}
}
.faq-toggle span {
display: block;
width: 100%;
height: 2px;
background-color: #fff;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.faq-toggle span:not(:last-of-type) {
margin-bottom: 5px;
}
.faq-toggle span img {
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.side-bar-heading {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transform-origin: 30px 14px;
transform-origin: 30px 14px;
width: 300px;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
padding-right: 20px;
position: relative;
}
@media (max-width: 1024px) {
.side-bar-heading {
-webkit-transform-origin: 30px 5px;
transform-origin: 30px 5px;
}
}
@media (max-width: 767px) {
.side-bar-heading {
-webkit-transform: inherit;
transform: inherit;
width: auto;
text-align: center;
padding-right: 0px;
}
}
.side-bar-heading h2 {
color: #fff;
margin-bottom: 0px;
}
@media (max-width: 767px) {
.side-bar-heading h2 {
font-size: 16px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
letter-spacing: 1px;
}
}
#tabs-nav {
margin-top: 55px;
opacity: 0;
visibility: hidden;
}
@media (max-width: 767px) {
#tabs-nav {
height: 0px;
margin-top: 0px;
}
}
#tabs-nav li:not(:last-of-type) {
margin-bottom: 10px;
}
#tabs-nav li.active a {
background: #FF9270;
padding-left: 10px;
}
#tabs-nav li a {
font-size: 18px;
color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
#tabs-nav li a:hover {
background: #FF9270;
padding-left: 10px;
}
#tabs-nav li a span {
width: 31px;
height: 31px;
background-color: #FF9270;
text-align: center;
line-height: 31px;
}
#tabs-nav li a span i {
color: #fff;
}
.mobile-toggle {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
margin-top: 6px;
}
.mobile-toggle img {
width: 25px;
}
.accordion-faq {
margin-top: 28px;
}
.accordion-faq ul {
list-style: none;
padding: 0;
}
@media (max-width: 767px) {
.accordion-faq ul.accordion > li:nth-last-child(2) a.toggle {
margin-top: 50px;
}
}
.accordion-faq ul.accordion > li.active-toggle a span i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion-faq ul .inner {
padding-top: 25px;
overflow: hidden;
display: none;
}
.accordion-faq ul .inner p {
margin-bottom: 30px;
}
.accordion-faq ul li .inner.show .sub-accordion ul li.active-sub-toggle a span i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 767px) {
.accordion-faq ul li .inner.show .sub-accordion ul li a {
position: relative;
}
}
@media (max-width: 767px) {
.accordion-faq ul li .inner.show .sub-accordion ul li a span {
position: absolute;
right: 0;
left: unset;
top: 50%;
bottom: unset;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
}
}
.accordion-faq ul li .inner.show .sub-accordion ul li a span i {
-webkit-transform: inherit;
transform: inherit;
}
.accordion-faq ul li .inner.show .sub-accordion ul li a.toggle::after {
display: none;
}
.accordion-faq ul li:nth-child(even) a.toggle {
background: #F8F8F8;
position: relative;
}
.accordion-faq ul li:nth-child(even) a.toggle:after {
content: "";
display: block;
width: calc(100% + 26%);
height: 100%;
background: #F8F8F8;
top: 0;
left: -25px;
position: absolute;
z-index: -1;
}
@media (max-width: 1439px) {
.accordion-faq ul li:nth-child(even) a.toggle:after {
width: calc(100% + 32%);
}
}
@media (max-width: 1024px) {
.accordion-faq ul li:nth-child(even) a.toggle:after {
width: calc(100% + 50%);
}
}
.accordion-faq ul li:nth-child(even) a.toggle span {
margin-top: -2px;
}
.accordion-faq ul li a.toggle {
width: 100%;
display: block;
font-size: 24px;
color: #4F616F;
font-weight: 700;
letter-spacing: 0;
padding: 22px 40px 22px 60px;
}
@media (max-width: 1200px) {
.accordion-faq ul li a.toggle {
font-size: 20px;
}
}
@media (max-width: 767px) {
.accordion-faq ul li a.toggle {
font-size: 17px;
position: relative;
}
}
.accordion-faq ul li a.toggle:hover {
color: #FF9270;
}
.accordion-faq ul li a.toggle:after {
content: "";
display: table;
clear: both;
}
.accordion-faq ul li a.toggle span {
width: 31px;
height: 31px;
line-height: 31px;
text-align: center;
background-color: #FF9270;
float: right;
margin-top: 3px;
position: relative;
left: 40px;
}
@media (max-width: 767px) {
.accordion-faq ul li a.toggle span {
position: absolute;
left: unset;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
}
}
.accordion-faq ul li a.toggle span i {
color: #fff;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.accordion-faq ul li .sub-accordion {
margin-top: 50px;
margin-bottom: 50px;
}
.accordion-faq ul li .sub-accordion ul {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.accordion-faq ul li .sub-accordion ul.full li {
width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.accordion-faq ul li .sub-accordion ul li {
width: 45%;
}
@media (max-width: 1200px) {
.accordion-faq ul li .sub-accordion ul li {
width: 100%;
}
}
.accordion-faq ul li .sub-accordion ul li a.toggle {
font-size: 16px;
border-bottom: 1px solid #D6D6D6;
padding-bottom: 20px;
margin-bottom: 12px;
width: auto;
margin-left: 0px;
padding-left: 0px;
background: transparent;
position: relative;
}
.accordion-faq ul li .sub-accordion ul li a.toggle span {
margin-top: 0px;
}
@media (max-width: 1439px) {
.accordion-faq ul li .sub-accordion ul li a.toggle {
font-size: 14px;
}
}
@media (max-width: 767px) {
.accordion-faq ul li .sub-accordion ul li a.toggle {
margin-bottom: 0;
padding: 20px 35px 20px 0px;
}
}
.accordion-faq ul li .share {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 0px !important;
}
.accordion-faq ul li .share span {
margin-top: -1px;
}
.accordion-faq ul.accordion li a {
width: calc(100% - -60px);
margin-left: -60px;
}
.re-faq-share {
padding-left: 30px;
}
.at-resp-share-element .at-share-btn-elements a {
width: 20px !important;
margin-left: 0px !important;
}
.contact-form {
width: 100%;
}
@media (max-width: 576px) {
.contact-form .mobile-sm-logo {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
.contact-form {
padding-left: 0px;
padding-right: 0px;
}
}
.contact-form .form-group input,
.contact-form .form-group textarea,
.contact-form .form-group select {
background: rgba(255, 255, 255, 0.8);
}
.contact-form .form-group .colm-4 {
width: 36%;
}
@media (max-width: 767px) {
.contact-form .form-group .colm-4 {
width: 100%;
}
}
.contact-form .form-group input[type=submit] {
background-color: #FF9270;
}
.contact-form .form-group input[type=submit]:hover {
background: #ff6b3d;
}
.contact-form .section-title {
margin-bottom: 0px;
}
.contact-form .section-title h2 {
color: #fff;
margin-bottom: 30px;
}
@media (max-width: 767px) {
.contact-form .section-title h2 {
font-size: 18px !important;
letter-spacing: 1px;
line-height: 36px;
}
}
@media (max-width: 767px) {
.contact-feature .feature-content {
left: 0;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 220px;
margin-top: 0px;
}
}
@media (max-width: 767px) {
.contact-feature .feature-content:before {
left: -10px;
width: calc(100% + 17px);
}
}
@media (max-width: 767px) {
.contact-feature .feature-content .bl-title {
font-size: 24px !important;
}
}
@media (max-width: 767px) {
.contact-feature .feature-img .img-box {
width: 100%;
height: auto !important;
margin: -180px auto 0px;
}
.contact-feature .feature-img .img-box .hover-box {
width: 100%;
height: 100%;
}
.contact-feature .feature-img .img-box .hover-box img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
@media (max-width: 400px) {
.contact-feature .feature-img .img-box {
width: 100%;
}
}
@media (max-width: 576px) {
.contact-feature .feature-img .img-box {
width: 325px;
}
}
.mail-info {
width: 400px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
@media (max-width: 576px) {
.mail-info {
width: 100%;
}
}
.mail-info img {
width: 10%;
}
@media (max-width: 1024px) {
.mail-info img {
width: 7%;
}
}
@media (max-width: 767px) {
.mail-info img {
width: 5%;
}
}
@media (max-width: 576px) {
.mail-info img {
width: 10%;
}
}
.mail-info a {
width: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 20px;
}
.mail-info a:hover span {
color: #FF9270;
}
.mail-info a label {
padding: 0px 0px 5px 5px;
border: none;
border-bottom: 1px solid #4F616F;
font-size: 24px;
color: #4F616F;
font-weight: 700;
width: 100%;
cursor: pointer;
margin-bottom: 20px;
}
@media (max-width: 576px) {
.mail-info a label {
padding: 0px 0px 5px 0px;
margin-bottom: 15px;
}
}
.mail-info a span {
font-size: 18px;
color: #4F616F;
font-weight: 700;
}
.location-hours {
margin-bottom: 30px;
margin-top: 20px;
}
@media (max-width: 767px) {
.location-hours {
padding-left: 25px;
}
}
.location-hours a {
color: #4F616F;
}
.location-hours div strong {
font-size: 18px;
font-weight: 700;
background: #F8F8F8;
display: block;
margin-bottom: 20px;
}
.location-hours div p {
line-height: 36px;
color: #4F616F;
}
@media (max-width: 1200px) {
.location-hours div p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.location-hours div p {
font-size: 18px;
}
}
@media (max-width: 400px) {
.location-hours div p {
font-size: 16px;
}
}
.location-hours div.location-hour {
width: 55%;
}
@media (max-width: 1439px) {
.location-hours div.location-hour {
width: 48%;
}
}
@media (max-width: 767px) {
.location-hours div.location-hour {
width: 100%;
margin-top: 30px;
}
}
@media (max-width: 576px) {
.page-id-345 .hinsdale-contact .mail-info a span {
font-size: 18px;
}
}
.get-direction a {
min-width: 324px;
display: inherit;
}
@media (max-width: 576px) {
.get-direction a {
min-width: 100%;
}
}
.hinsdale-contact .mail-info {
margin-bottom: 50px;
}
@media (max-width: 1024px) {
.hinsdale-contact .mail-info {
width: 100%;
}
}
.hinsdale-contact .mail-info .contact-mail-info {
margin-left: 20px;
width: 80%;
}
.hinsdale-contact .mail-info .contact-mail-info label {
padding: 0px 0px 5px 5px;
border: none;
border-bottom: 1px solid #4F616F;
font-size: 18px;
color: #4F616F;
width: 100%;
font-weight: 700;
cursor: pointer;
margin-bottom: 20px;
display: block;
}
.hinsdale-contact .mail-info .contact-mail-info span {
font-size: 18px;
font-weight: 400;
display: block;
width: 100%;
}
@media (max-width: 576px) {
.hinsdale-contact .mail-info .contact-mail-info span {
font-size: 14px;
}
}
.hinsdale-contact .mail-info a .contact-mail-info {
margin-left: 0px;
width: 100%;
}
.hinsdale-contact .mail-info a label {
margin-left: 0px;
width: 100%;
}
.hinsdale-contact .mail-info a span {
margin-left: 0px;
}
.hinsdale-contact .right-map iframe {
width: 100%;
height: 520px;
}
.enter-search-bar {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.enter-search-bar input {
background: #fff;
border: 1px solid #4F616F;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
padding: 5px 15px;
height: 50px;
border-radius: 0;
}
.enter-search-bar input:focus {
outline: none;
}
@media (max-width: 767px) {
.enter-search-bar input {
margin-top: 20px;
}
}
.enter-search-bar button {
margin-top: 20px;
font-weight: 700;
}
.single-map {
width: 100%;
height: 490px;
}
.single-map iframe {
width: 100%;
height: 100%;
}
.link-slider ul li a {
font-size: 18px;
color: #4F616F;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.link-slider ul li a:hover {
color: #FF9270;
}
.link-slider .slick-arrow {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 0px;
}
@media (max-width: 400px) {
.link-slider .slick-arrow {
right: 50px;
}
}
.link-slider .slick-arrow.slick-prev {
display: none;
}
.link-slider .slick-arrow.slick-next:before {
content: "\f105";
position: absolute;
font-family: 'FontAwesome';
font-size: 40px;
color: #4F616F;
}
.city-links ul {
-webkit-column-count: 5;
column-count: 5;
}
@media (max-width: 767px) {
.city-links ul {
-webkit-columns: inherit;
columns: inherit;
}
}
.city-links ul li a {
font-size: 18px;
color: #4F616F;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
line-height: 36px;
}
@media (max-width: 1024px) {
.city-links ul li a {
font-size: 16px;
}
}
.city-links ul li a:hover {
color: #FF9270;
}
.remodeling-blogs {
position: relative;
}
.remodeling-blogs:before {
content: "";
position: absolute;
width: 100%;
height: calc(100% - 350px);
left: 0;
top: 200px;
background-color: #4F616F;
}
.remodeling-blogs .event-blog-item {
position: relative;
}
@media (max-width: 767px) {
.remodeling-blogs .event-blog-item:before {
content: "";
position: absolute;
left: -10px;
top: 13px;
width: calc(100% + 18px);
height: 100%;
background-color: #fff;
border: 1px solid #fff;
background-color: transparent;
}
}
@media (max-width: 576px) {
.remodeling-blogs .event-blog-item {
padding: 90px 20px 0px;
}
}
@media (max-width: 576px) {
.remodeling-blogs .event-blog-item .event-content {
padding-bottom: 30px;
}
}
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 316px;
height: 316px;
}
@media (max-width: 1439px) {
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 256px;
height: 256px;
}
}
@media (max-width: 1200px) {
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 212px;
height: 212px;
}
}
@media (max-width: 1024px) {
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 175px;
height: 175px;
}
}
@media (max-width: 900px) {
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 150px;
height: 150px;
}
}
@media (max-width: 767px) {
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 200px;
height: 200px;
margin: 0 auto;
}
}
@media (max-width: 576px) {
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 140px;
height: 140px;
}
}
@media (max-width: 400px) {
.remodeling-blogs .event-blog-item .event-content .img-box {
width: 100px;
height: 100px;
}
}
@media (max-width: 576px) {
.remodeling-blogs .event-blog-item .event-content .hinsdile-content {
padding: 0px 15px;
}
}
@media (max-width: 767px) {
.remodeling-blogs .event-blog-item .event-content .hinsdile-content h2 {
font-size: 32px;
}
}
@media (max-width: 400px) {
.remodeling-blogs .event-blog-item .event-content .hinsdile-content h2 {
font-size: 24px;
}
}
@media (max-width: 1024px) {
.page-id-338 .hinsdile-content {
width: 37%;
margin-right: 5%;
}
}
@media (max-width: 767px) {
.page-id-338 .hinsdile-content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
padding-top: 20px;
}
}
.hinsdile-content {
width: 30%;
margin-right: 12%;
}
@media (max-width: 767px) {
.hinsdile-content {
width: 100%;
margin-right: 0px;
margin-bottom: 30px;
}
}
.hinsdile-content .title {
font-size: 18px;
font-weight: 700;
color: #D6D6D6;
display: block;
}
.hinsdile-content h2 {
font-size: 48px;
font-weight: 600;
}
@media (max-width: 1439px) {
.hinsdile-content h2 {
font-size: 38px;
}
}
@media (max-width: 1200px) {
.hinsdile-content h2 {
font-size: 27px;
}
}
.hinsdile-content a {
margin-top: 20px;
min-width: 100%;
}
.hinsidle-right-image {
width: 58%;
}
@media (max-width: 767px) {
.hinsidle-right-image {
width: 100%;
}
}
.grid-desc {
margin-top: 60px;
margin-bottom: 40px;
}
.grid-desc .slick-slide:last-of-type .grid-item-desc {
border-right: none;
padding-right: 0px;
}
.grid-desc .slick-slide:last-of-type .grid-item-desc:after {
display: none;
}
.grid-desc .slick-slide.show-slide-item .grid-item-desc .review-cont .readmore {
display: none;
}
.grid-desc .slick-slide.show-slide-item .grid-item-desc .review-cont .hidden-cont {
display: inline;
}
@media (max-width: 576px) {
.grid-desc .slick-slide.slick-current .grid-item-desc {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.grid-desc .slick-slide.slick-current .grid-item-desc:after {
display: block;
}
}
.grid-desc .grid-item-desc {
width: 100%;
padding: 0px 13px;
position: relative;
}
.grid-desc .grid-item-desc:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0.75px;
height: 100%;
background-color: #D6D6D6;
}
@media (max-width: 767px) {
.grid-desc .grid-item-desc:after {
display: none;
}
}
.grid-desc .grid-item-desc p {
font-size: 24px;
line-height: 40px;
}
.grid-desc .grid-item-desc p a {
padding: 0px;
}
@media (max-width: 1439px) {
.grid-desc .grid-item-desc p {
font-size: 21px;
}
}
@media (max-width: 1200px) {
.grid-desc .grid-item-desc p {
font-size: 18px;
}
}
.grid-desc .grid-item-desc span {
font-style: italic;
font-size: 14px;
font-weight: 600;
color: #4F616F;
font-family: "Playfair Display", serif;
display: block;
margin-top: 10px;
}
@media (max-width: 767px) {
.grid-desc .slick-list.draggable {
padding-left: 0px !important;
padding-right: 60px !important;
}
}
@media (max-width: 400px) {
.grid-desc .slick-list.draggable {
padding-right: 30px !important;
}
}
.hinsidle-right-image .slick-arrow {
font-size: 0px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
font-family: 'FontAwesome';
color: #4F616F;
z-index: 1;
}
.hinsidle-right-image .slick-arrow:before, .hinsidle-right-image .slick-arrow:after {
position: absolute;
}
.hinsidle-right-image .slick-arrow.slick-prev {
left: -35px;
}
@media (max-width: 576px) {
.hinsidle-right-image .slick-arrow.slick-prev {
left: -12px;
}
}
.hinsidle-right-image .slick-arrow.slick-prev:before {
content: "\f104";
font-size: 20px;
}
.hinsidle-right-image .slick-arrow.slick-next {
right: -15px;
left: inherit;
}
@media (max-width: 576px) {
.hinsidle-right-image .slick-arrow.slick-next {
right: -8px;
}
}
.hinsidle-right-image .slick-arrow.slick-next:before {
content: "\f105";
font-size: 20px;
}
.term-3308 .feature-content-sec.category-banner-feature:before {
top: 150px;
height: calc(100% - 150px);
}
.prev-project {
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #FFFFFF;
margin-bottom: 50px;
}
.prev-project ul li {
width: 48%;
position: relative;
}
@media (max-width: 576px) {
.prev-project ul li {
width: 100%;
margin-bottom: 30px;
}
}
.prev-project ul li a {
position: relative;
display: block;
}
.prev-project ul li .project-link {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0px;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 30px;
padding-right: 10px;
}
@media (max-width: 1200px) {
.prev-project ul li .project-link {
max-width: 255px;
}
}
@media (max-width: 767px) {
.prev-project ul li .project-link {
left: 10px;
}
}
.prev-project ul li .project-link p:nth-last-child(1) {
line-height: 20px;
}
.prev-project ul li .project-link p:nth-child(1) {
font-size: 18px;
color: #fff;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
font-weight: 700;
margin-bottom: 0px;
}
.prev-project ul li .project-link p:nth-child(1):hover {
color: #FF9270;
}
.prev-project ul li .project-link p:nth-child(1) i {
margin-left: 10px;
}
.prev-project ul li .project-link p:nth-child(1) i.fa-angle-left {
margin-left: 0;
}
.prev-project ul li .project-link p:nth-child(1) i.fa-angle-left:before {
margin-right: 15px;
}
.prev-project ul li .project-link p {
font-size: 14px;
}
@media (max-width: 1200px) {
.prev-project ul li .project-link p {
font-size: 12px;
}
}
@media (max-width: 767px) {
.prev-project ul li .project-link p {
font-size: 11px;
}
}
.our-work-slider .contact-group {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding-left: 20px;
}
@media (max-width: 1200px) {
.our-work-slider .contact-group {
padding-left: 0px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.our-work-slider .contact-group .mail-info {
width: 320px;
}
@media (max-width: 1200px) {
.our-work-slider .contact-group .mail-info {
width: 290px;
}
}
@media (max-width: 1024px) {
.our-work-slider .contact-group .mail-info {
width: 100%;
margin-bottom: 40px;
padding-left: 50px;
position: relative;
}
}
@media (max-width: 900px) {
.our-work-slider .contact-group .mail-info {
position: relative;
}
}
@media (max-width: 576px) {
.our-work-slider .contact-group .mail-info {
padding-left: 35px;
}
}
.our-work-slider .contact-group .mail-info:not(:last-of-type) {
margin-right: 100px;
}
@media (max-width: 1439px) {
.our-work-slider .contact-group .mail-info:not(:last-of-type) {
margin-right: 50px;
}
}
@media (max-width: 1200px) {
.our-work-slider .contact-group .mail-info:not(:last-of-type) {
margin-right: 0px;
}
}
.our-work-slider .contact-group .mail-info img {
width: 9%;
}
@media (max-width: 1024px) {
.our-work-slider .contact-group .mail-info img {
position: absolute;
left: 0;
width: 4%;
}
}
@media (max-width: 1200px) {
.our-work-slider .contact-group .mail-info a {
margin-left: 10px;
}
}
@media (max-width: 1024px) {
.our-work-slider .contact-group .mail-info a {
width: 100%;
margin-left: 0px;
}
}
.our-work-slider .contact-group .mail-info ul {
width: 100%;
margin-left: 40px;
}
@media (max-width: 1024px) {
.our-work-slider .contact-group .mail-info ul {
margin-left: 0px;
}
}
.our-work-slider .contact-group .mail-info ul li {
margin-top: 8px;
}
@media (max-width: 576px) {
.our-work-slider .contact-group .mail-info ul li {
margin-top: 10px;
}
}
.our-work-slider .contact-group .mail-info ul li a {
font-size: 18px;
color: #fff;
display: block;
width: 88%;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.our-work-slider .contact-group .mail-info ul li a:hover {
color: #FF9270;
}
@media (max-width: 1200px) {
.our-work-slider .contact-group .mail-info ul li a {
font-size: 16px;
}
}
@media (max-width: 1024px) {
.our-work-slider .contact-group .mail-info ul li a {
width: 100%;
}
}
.our-work-slider .contact-group .mail-info ul li a span {
width: 24px;
height: 24px;
background-color: #FF9270;
text-align: center;
line-height: 24px;
display: inline-block;
float: right;
}
.our-work-slider .contact-group .mail-info ul li a span i {
color: #fff;
}
.our-work-slider .contact-group.white .mail-info a label {
color: #fff;
border-color: #fff;
font-size: 18px;
}
.white-kitchen {
margin-top: 60px;
}
.white-kitchen .left-item {
padding: 0px 30px 30px;
}
@media (max-width: 1024px) {
.white-kitchen .left-item {
padding-left: 0px;
}
}
.white-heading-desc h2,
.white-heading-desc p {
color: #fff;
}
.consultation .section-title {
padding-left: 0px;
}
.consultation .section-title h2 {
padding-left: 25px;
}
.consultation .section-title h2.bl-title:after {
left: 0;
}
.consultation .form-group:after {
display: none;
}
.consultation .form-group .colm-6 {
margin-bottom: 20px;
}
.consultation .form-group input,
.consultation .form-group select {
font-size: 16px;
color: rgba(73, 73, 75, 0.4);
border: 1px solid #D6D6D6;
font-weight: 400;
letter-spacing: 1px;
}
.consultation .form-group input::-webkit-input-placeholder,
.consultation .form-group select::-webkit-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: rgba(73, 73, 75, 0.4);
font-weight: 400;
letter-spacing: 1px;
}
.consultation .form-group input:-ms-input-placeholder,
.consultation .form-group select:-ms-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: rgba(73, 73, 75, 0.4);
font-weight: 400;
letter-spacing: 1px;
}
.consultation .form-group input::-ms-input-placeholder,
.consultation .form-group select::-ms-input-placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: rgba(73, 73, 75, 0.4);
font-weight: 400;
letter-spacing: 1px;
}
.consultation .form-group input::placeholder,
.consultation .form-group select::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
font-size: 16px;
color: rgba(73, 73, 75, 0.4);
font-weight: 400;
letter-spacing: 1px;
}
.consultation .form-group input:-ms-input-placeholder,
.consultation .form-group select:-ms-input-placeholder {
/* Internet Explorer 10-11 */
font-size: 16px;
color: rgba(73, 73, 75, 0.4);
font-weight: 400;
letter-spacing: 1px;
}
.consultation .form-group input::-ms-input-placeholder,
.consultation .form-group select::-ms-input-placeholder {
/* Microsoft Edge */
font-size: 16px;
color: rgba(73, 73, 75, 0.4);
font-weight: 400;
letter-spacing: 1px;
}
.consultation .form-group select {
cursor: pointer;
background-image: url(../arrow-fade.html);
background-size: 14px;
}
.consultation .form-group input[type=submit] {
min-width: inherit;
opacity: 1;
color: #fff;
border: none;
font-weight: 700;
}
.main-project-slider {
height: 676px;
}
@media (max-width: 767px) {
.main-project-slider:before {
left: 0;
width: 100%;
height: calc(100% - 25px);
}
}
@media (max-width: 1024px) {
.main-project-slider {
height: 500px;
}
}
@media (max-width: 900px) {
.main-project-slider {
height: 370px;
}
}
@media (max-width: 767px) {
.main-project-slider {
height: auto;
padding: 0px 20px;
}
}
.main-project-slider .swiper-container-wrapper {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100% !important;
}
@media (max-width: 767px) {
.main-project-slider .swiper-container-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.thumb-wrapper-slider {
width: 19%;
position: relative;
}
@media (max-width: 900px) {
.thumb-wrapper-slider {
width: 30%;
}
}
@media (max-width: 767px) {
.thumb-wrapper-slider {
width: 100%;
padding: 0px 40px;
}
}
.thumb-wrapper-slider .swiper-button-prev,
.thumb-wrapper-slider .swiper-button-next {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
margin-left: 25px;
}
@media (max-width: 1024px) {
.thumb-wrapper-slider .swiper-button-prev,
.thumb-wrapper-slider .swiper-button-next {
margin-left: 19px;
}
}
@media (max-width: 767px) {
.thumb-wrapper-slider .swiper-button-prev,
.thumb-wrapper-slider .swiper-button-next {
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
left: 0;
top: 50% !important;
margin-left: 0px;
margin-top: 12px;
}
}
.thumb-wrapper-slider .swiper-button-prev:after,
.thumb-wrapper-slider .swiper-button-next:after {
font-size: 20px;
color: #D6D6D6;
}
.thumb-wrapper-slider .swiper-button-prev {
top: -30px;
}
@media (max-width: 900px) {
.thumb-wrapper-slider .swiper-button-prev {
top: -20px;
}
}
.thumb-wrapper-slider .swiper-button-next {
bottom: -40px;
top: inherit;
}
@media (max-width: 1024px) {
.thumb-wrapper-slider .swiper-button-next {
bottom: -30px;
}
}
@media (max-width: 767px) {
.thumb-wrapper-slider .swiper-button-next {
right: 0;
bottom: inherit;
top: 50% !important;
left: inherit;
}
}
.swiper-container {
overflow: hidden;
width: 100%;
margin-left: inherit !important;
margin-right: inherit !important;
}
.swiper-container-wrapper {
height: 100vh;
}
@media (min-width: 480px) {
.swiper-container-wrapper {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
}
}
.swiper-container .swiper-button-next:after,
.swiper-container .swiper-button-prev:after {
color: #D6D6D6;
font-size: 23px;
}
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
top: inherit;
bottom: 26px;
}
@media (max-width: 767px) {
.swiper-container .swiper-button-next,
.swiper-container .swiper-button-prev {
bottom: inherit;
top: 50%;
}
}
.swiper-container.gallery-thumbs {
margin-left: 27px !important;
}
@media (max-width: 1024px) {
.swiper-container.gallery-thumbs {
margin-left: 19px !important;
}
}
@media (max-width: 767px) {
.swiper-container.gallery-thumbs {
margin-left: 0px !important;
margin-top: 25px;
}
}
@media (max-width: 576px) {
.swiper-container.gallery-thumbs {
width: 100%;
}
}
.swiper-button-next, .swiper-button-prev {
color: #000;
}
.swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
/* Slide content */
}
.swiper-slide .description,
.swiper-slide .title {
display: block;
opacity: 0;
-webkit-transition: 0.5s ease 0.5s;
transition: 0.5s ease 0.5s;
}
.swiper-slide-active .description,
.swiper-slide-active .title {
opacity: 1;
}
.swiper-slide-active .title {
margin-bottom: 0.5rem;
font-size: 24px;
color: #000;
-webkit-transition: opacity 0.5s ease 0.5s;
transition: opacity 0.5s ease 0.5s;
}
.swiper-slide-active .description {
font-size: 16px;
color: #777;
-webkit-transition: opacity 0.5s ease 0.75s;
transition: opacity 0.5s ease 0.75s;
}
.gallery-top {
position: relative;
width: 76%;
height: 100%;
margin-right: 10px;
}
@media (max-width: 900px) {
.gallery-top {
width: 65%;
}
}
@media (max-width: 767px) {
.gallery-top {
width: 100%;
height: 400px;
}
}
@media (max-width: 576px) {
.gallery-top {
height: 255px;
}
}
.gallery-top .swiper-slide {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.gallery-top .swiper-slide img {
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.gallery-thumbs {
width: 100%;
padding-top: 10px;
padding: 0;
height: 450px;
overflow: inherit;
}
@media (max-width: 1024px) {
.gallery-thumbs {
height: 276px;
}
}
@media (max-width: 900px) {
.gallery-thumbs {
height: 182px;
}
}
@media (max-width: 767px) {
.gallery-thumbs {
height: 150;
}
}
@media (max-width: 576px) {
.gallery-thumbs {
height: 80px;
}
}
.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-button-prev {
left: 50%;
-webkit-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
}
@media (max-width: 767px) {
.gallery-thumbs .swiper-button-next,
.gallery-thumbs .swiper-button-prev {
left: 0;
-webkit-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg);
top: 50% !important;
}
}
@media (max-width: 767px) {
.gallery-thumbs .swiper-button-next {
left: inherit;
right: 0;
}
}
.gallery-thumbs .swiper-button-prev {
top: 8px;
}
.gallery-thumbs .swiper-button-next {
bottom: -15px;
}
.gallery-thumbs .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: inherit !important;
-webkit-box-direction: inherit !important;
-ms-flex-direction: inherit !important;
flex-direction: inherit !important;
}
@media (max-width: 767px) {
.gallery-thumbs .swiper-wrapper {
-ms-flex-wrap: inherit !important;
flex-wrap: inherit !important;
}
}
.gallery-thumbs .swiper-wrapper .swiper-slide {
width: 47%;
margin-bottom: 0px !important;
height: 80px !important;
margin-left: 0px !important;
}
@media (max-width: 767px) {
.gallery-thumbs .swiper-wrapper .swiper-slide {
height: auto !important;
}
}
.gallery-thumbs .swiper-wrapper .swiper-slide img {
margin-left: 0px !important;
height: 80px !important;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.gallery-thumbs .swiper-wrapper .swiper-slide img {
height: 100% !important;
}
}
.gallery-thumbs .swiper-slide {
cursor: pointer;
position: relative;
}
.gallery-thumbs .swiper-slide:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.7);
}
.gallery-thumbs .swiper-slide-thumb-active {
opacity: 1;
}
.gallery-thumbs .swiper-slide-thumb-active.swiper-slide:before {
display: none;
}
.filter-awards.write-review .filter-award-item .element-item {
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.design-numbers .feature-content-sec .feature-img {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
@media (max-width: 767px) {
.design-numbers .feature-content .text-box .bl-title.title {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.design-numbers .feature-content .text-box .bl-title.title:after {
display: none;
}
}
@media (max-width: 767px) {
.design-numbers #accordion {
margin-left: 0px;
}
}
.design-numbers #accordion h4 {
cursor: pointer;
font-size: 18px;
font-family: "Neue Haas Grotesk Display Pro", sans-serif;
padding-bottom: 15px;
}
.design-numbers #accordion h4:not(:last-of-type) {
border-bottom: 1px solid #D6D6D6;
}
.design-numbers #accordion h4.open {
border-bottom: none;
}
.design-numbers #accordion h4.open span i {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.design-numbers #accordion h4 span {
width: 31px;
height: 31px;
line-height: 31px;
text-align: center;
background-color: #FF9270;
float: right;
margin-top: 3px;
position: relative;
left: 0px;
}
.design-numbers #accordion h4 span i {
color: #fff;
-webkit-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.design-numbers #accordion .accordion-content p {
margin-top: 20px;
}
.cust-reviews-sec a {
padding: 12px 65px;
margin-top: 30px;
}
@media (max-width: 576px) {
.cust-reviews-sec .review-slider .desc p {
text-align: center;
padding: 0px 35px;
}
}
.cust-reviews-sec .review-slider .slick-arrow {
font-size: 0;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.cust-reviews-sec .review-slider .slick-arrow:before, .cust-reviews-sec .review-slider .slick-arrow:after {
content: "";
position: absolute;
font-size: 40px;
color: #4F616F;
font-family: 'FontAwesome';
}
.cust-reviews-sec .review-slider .slick-arrow.slick-prev {
left: 0;
}
.cust-reviews-sec .review-slider .slick-arrow.slick-prev:before {
content: "\f104";
}
.cust-reviews-sec .review-slider .slick-arrow.slick-next {
right: 10px;
}
.cust-reviews-sec .review-slider .slick-arrow.slick-next:before {
content: "\f105";
}
/*# sourceMappingURL=style.css.map */