/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.1
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
/*Add your own styles here:*/
/* Base */
.title-underline {
  border-image: linear-gradient(270deg, #1E407C -80%, #FFFFFF 100%) 10/0px 0px 4px 0px;
}

.blur {
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

/* Layouts */
/* HEADER */
.l-header {
  padding: 12px;
  background: transparent;
}
.l-header .l-subheader-cell.at_center {
  height: 100%;
}
.l-header .l-subheader-cell.at_center .w-nav.type_desktop {
  height: 100%;
  display: flex;
}
.l-header .l-subheader-cell.at_center .w-nav.type_desktop .menu-item {
  height: 100%;
  display: flex;
  align-items: center;
}
.l-header .l-subheader-cell.at_center .w-nav.type_desktop .current-menu-item {
  position: relative;
}
.l-header .l-subheader-cell.at_center .w-nav.type_desktop .current-menu-item:after {
  content: "";
  position: absolute;
  top: 0;
  width: 70%;
  left: 50%;
  transform: translateX(-50%);
  height: 3px;
  background: #007093;
}
.l-header .l-subheader.at_middle {
  background: #ffffff;
  color: #007093;
  border-radius: 8px;
  overflow: visible;
}
.l-header .support-agent .w-text-h {
  display: flex;
  align-items: center;
}
.l-header .support-agent .material-icons {
  color: #1E407C;
  font-size: 23px;
}
.l-header .header-btn {
  background: transparent;
}
.l-header .logo-wrap .main-logo {
  line-height: normal;
}
.l-header .logo-wrap .main-logo img {
  width: 60px;
  height: auto;
  object-fit: contain;
}
.l-header .logo-wrap .text-logo img {
  width: 94px;
  height: auto;
}

@media (max-width: 767px) {
  .mobile-menu-support {
    display: flex;
    flex-direction: column !important;
  }
  .l-subheader-cell.at_right {
    justify-content: unset !important;
  }
}
#footer-main .vc_column-inner {
  width: 100% !important;
}
#footer-main .footer-inner {
  width: 100% !important;
  justify-content: space-between !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
@media (max-width: 768px) {
  #footer-main .footer-inner {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    flex-wrap: wrap !important;
  }
  #footer-main .footer-inner .footer-logo {
    order: 1;
    flex-basis: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  #footer-main .footer-inner .footer-social-links {
    order: 2;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
  }
  #footer-main .footer-inner .footer-social-links .w-socials-list {
    width: fit-content !important;
  }
  #footer-main .footer-inner .footer-contacts {
    order: 3;
    flex-basis: 100%;
    display: none !important;
  }
  #footer-main .footer-inner .footer-first-menu {
    order: 4;
    flex-basis: 30%;
  }
  #footer-main .footer-inner .footer-second-menu {
    order: 5;
    flex-basis: 30%;
  }
}
#footer-main .vc_column_container {
  align-items: flex-end !important;
  justify-content: flex-end !important;
}

/* MAIN PAGE */
body {
  scroll-behavior: smooth;
}

/* Hero section */
#hero-section .hero-title-wrp {
  display: flex;
  flex-direction: column;
}
#hero-section .hero-title-wrp .hero-title-h1 {
  opacity: 0.46;
}

/* Logo section */
#logo-section .logo-white {
  position: relative;
  animation: moveUpDown 3s ease-in-out infinite;
}
#logo-section .logo-white:after {
  content: "";
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at center, rgb(0, 0, 0) -80%, rgb(255, 249, 249) 100%);
  position: absolute;
  border-radius: 50%;
  bottom: -60%;
  left: 50%;
  opacity: 0.6;
  transform: translateX(-50%) rotateX(-70deg);
  filter: blur(10px);
  animation: scaleShadow 3s ease-in-out infinite;
  z-index: -1;
}
@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
@keyframes scaleShadow {
  0%, 100% {
    transform: translateX(-50%) rotateX(-70deg) scale(1);
  }
  50% {
    transform: translateX(-50%) rotateX(-70deg) scale(1.2);
  }
}
#logo-section .logo-white img {
  width: 204px;
  height: auto;
  object-fit: contain;
}

#about-section #first-about-img, #about-section #second-about-img, #about-section #third-about-img {
  transition: translateY 0.2s ease-in-out;
}
@media (max-width: 1400px) {
  #about-section .l-section-h .g-cols.cols_2 {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 767px) {
  #about-section #first-about-img, #about-section #second-about-img, #about-section #third-about-img {
    transform: translateY(0);
  }
  #about-section #about-image-box {
    order: 2;
  }
}

/* Grid section */
#grid-section .grid-title {
  border-image: linear-gradient(270deg, #1E407C 0%, #FFFFFF 100%) 10/0px 0px 4px 0px;
}
#grid-section .grid-title-text {
  max-width: 830px;
}

@media (max-width: 767px) {
  #project-section-first .project-item-content, #project-section-second .project-item-content, #project-section-third .project-item-content {
    order: 2;
  }
}

.read-more-btn {
  gap: 10px;
}

/* Grid projects */
@media (max-width: 767px) {
  #grid-section .project-grid .owl-stage {
    justify-content: center;
  }
}
#grid-section .project-grid .w-grid-list, #grid-section .project-grid .owl-stage-outer, #grid-section .project-grid .owl-stage, #grid-section .project-grid .w-grid-item-h {
  height: 100% !important;
}
/* @media (min-width: 767px) {
  #grid-section .project-grid .owl-item {
    min-width: 541px !important;
  }
} */
@media (max-width: 767px) {
  #grid-section .project-grid .owl-item .w-grid-item {
    padding: 2.5px !important;
  }
}
#grid-section .project-grid .grid-project-logo {
  width: 83px;
  height: 83px;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}
#grid-section .project-grid .grid-project-logo>.post_custom_field {
  margin: 0 !important;
}
#grid-section .project-grid .grid-project-logo img {
  width: auto !important;
  max-width: 80% !important;
  min-width: 60% !important;
  height: auto !important;
  max-height: 80% !important;
  object-fit: contain !important;
}
@media (max-width: 767px) {
  #grid-section .project-grid .grid-project-logo {
    width: 63px;
    height: 63px;
  }
}
#grid-section .project-grid .project-grid-status {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 18px 100%, 0 0%);
}
#grid-section .project-grid .project-grid-main-title {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
#grid-section .project-grid .grid-project-hover-box:hover ~ .project-grid-main-title {
  display: none !important;
}
#grid-section .project-grid .grid-project-hover-box:hover ~ .w-grid-item-h {
  transition: background-size 0.5s ease;
}
#grid-section .project-grid .grid-project-hover-box:hover ~ .w-grid-item-h:hover {
  background-size: 150%;
}
#grid-section .project-grid .grid-project-hover-box {
  transition: none !important;
}
#grid-section .project-grid .grid-project-hover-box .grid-projects-meta {
  justify-content: space-between;
  transition: none !important;
}
@media (max-width: 767px) {
  #grid-section .project-grid .grid-project-hover-box .grid-projects-meta {
    /* justify-content: center; */
    gap: 10px;
  }
}
#grid-section .project-grid .grid-project-hover-box .grid-projects-meta:after {
  content: "";
  background-color: #00000052;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  /* opacity: 0.5; */
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  transition: none !important;
  transition-delay: 0s !important;
  will-change: backdrop-filter;
  transform: translateZ(0);
}
#grid-section .project-grid .grid-project-hover-box:hover .grid-projects-meta:after {
  transition: none !important;
  transition-delay: 0s !important;
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

#form-section .wpcf7-form {
  display: flex;
  justify-content: center;
}
#form-section .contact-form-custom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: fit-content;
}
@media (max-width: 767px) {
  #form-section .contact-form-custom {
    width: 100% !important;
  }
}
#form-section .contact-form-custom .form-inner {
  display: flex;
  column-gap: 21px;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
}
@media (max-width: 767px) {
  #form-section .contact-form-custom .form-inner {
    flex-direction: column;
    width: 100%;
    gap: 16px;
  }
  #form-section .contact-form-custom .form-inner .wpcf7-form-control-wrap {
    width: 100% !important;
  }
}
#form-section .contact-form-custom .form-inner p {
  width: 100%;
}
#form-section .contact-form-custom input {
  height: 63px;
  margin-top: 0 !important;
  max-width: 327px !important;
}
@media (max-width: 767px) {
  #form-section .contact-form-custom input:not([type=checkbox]) {
    width: 100% !important;
    max-width: 100% !important;
  }
  #form-section .contact-form-custom input {
    height: 50px;
  }
}
#form-section .contact-form-custom .wpcf7-checkbox {
  padding: 0;
}
#form-section .contact-form-custom .wpcf7-checkbox label {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap: 10px;
  margin-top: 13px;
}
#form-section .contact-form-custom .wpcf7-checkbox input {
  margin: 0;
  width: 16px;
  height: 16px;
}
#form-section .contact-form-custom p:has(.wpcf7-submit) {
  width: fit-content;
}
@media (max-width: 767px) {
  #form-section .contact-form-custom p:has(.wpcf7-submit) {
    width: 100% !important;
  }
}
#form-section .contact-form-custom .wpcf7-submit {
  border-radius: 0 !important;
  min-width: 187px;
  transition: all 0.2s ease-in-out;
}
#form-section .contact-form-custom .wpcf7-submit:hover {
  background-color: #ffffff;
  color: #007093;
}
#form-section .contact-form-custom .wpcf7-spinner {
  display: none;
}
#form-section .contact-form-custom .wpcf7-list-item {
  margin: 0 !important;
  color: white;
  font-size: 16px;
}
@media (max-width: 767px) {
  #form-section .wpcf7-checkbox {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  #form-section .wpcf7-checkbox input {
    height: auto;
    margin: 0;
  }
  #form-section p:has(.wpcf7-submit) {
    width: 100%;
  }
  #form-section .wpcf7-submit {
    width: 100%;
  }
}

.project-item-content {
  height: fit-content !important;
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.project-item-img img {
  object-fit: cover !important;
  width: 100% !important;
}

/* Project page */
#map .location-list {
  backdrop-filter: blur(31px);
  display: flex;
  flex-direction: column !important;
}
#map .location-list .w-iconbox-icon {
  width: 24px !important;
  height: 24px !important;
}
#map .location-list .w-iconbox-icon .material-icons {
  font-size: 12px !important;
}

#project-hero-section .l-section-h:has(.project-nav) {
  width: 100% !important;
  height: 100% !important;
}
#project-hero-section .l-section-h:has(.project-nav) .vc_row {
  width: 100% !important;
  height: 100% !important;
}
#project-hero-section .project-meta {
  backdrop-filter: blur(30px);
  background: #ffffff42;
}
#project-hero-section .project-meta .project-meta-item {
  display: flex;
}
#project-hero-section .project-meta .project-meta-item .material-icons {
  margin-right: 0;
  margin-left: 10px;
}

.projects_sticky.is_sticky {
  padding: 12px !important;
}
@media screen and (min-width: 600px) {
  .projects_sticky.is_sticky {
    top: calc(var(--header-sticky-height) - 10px) !important;
  }
}
.projects_sticky.is_sticky .project-nav {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 0 0 8px 8px !important;
  height: 70px !important;
}
.projects_sticky .project-nav {
  display: flex;
  justify-content: center;
  align-items: center;
}
.projects_sticky .project-nav .current-menu-item {
  position: relative;
}
.projects_sticky .project-nav .current-menu-item:after {
  content: "";
  display: block;
  height: 7px;
  width: 100%;
  margin: 0 auto;
  background: #007093;
  bottom: -17.5px;
  position: absolute;
}

@media screen and (max-width: 760px) {
  #project .project-img {
    order: 2 !important;
  }
}

#project-form {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  align-items: center;
  justify-content: center;
}
#project-form .wpcf7-form-control-wrap {
  width: 100%;
}
#project-form input, #project-form textarea {
  margin-top: 0;
  width: 100%;
}
#project-form .form-group {
  display: flex;
  column-gap: 19px;
}
#project-form input[type=submit] {
  width: 187px;
  background-color: #000000;
  border-radius: 0;
  font-size: 24px;
  font-weight: 400;
  padding: 18px 0;
  margin-top: 70px;
}
#project-form input[type=submit]:hover {
  background-color: #ffffff;
  color: #007093;
}

@media (max-width: 767px) {
  #project-form input[type=submit] {
    margin-top: 30px;
  }
  #project-form .form-group {
    flex-direction: column;
  }
}

#gallery .project-grid .w-grid-list {
  --grid-height: 1fr; /*calc((min(100vw - 5rem,var(--site-content-width))) / 4 - var(--gap,0px) * 2);*/
  grid-row-gap: var(--gap) !important;
}
#gallery .project-grid .w-grid-item {
  height: fit-content;
}
#gallery .project-grid .w-grid-item:nth-child(6n-3), #gallery .w-grid.type_metro .w-grid-item:nth-child(6n-2) {
  grid-row-end: span 1 !important;
}
#gallery .project-grid .w-grid-item:nth-child(6n-3) .post_image > div,
#gallery .project-grid .w-grid-item:nth-child(6n-2) .post_image > div {
  padding-bottom: calc(50% - var(--gap)) !important;
}
#gallery .project-grid .w-grid-item-h:before {
  padding-bottom: 50% !important;
}
#gallery .project-grid .g-loadmore:not(.done) {
  margin-top: 2rem;
}
#gallery .project-grid .g-loadmore .w-btn {
  font-size: 22px;
  padding: 10px 67px;
}

/* Gallery page */
@media (max-width: 767px) {
  #projects-page-grid .project-grid .owl-stage {
    justify-content: center;
  }
}
#projects-page-grid .project-grid .w-grid-item {
  min-height: 616px;
}
#projects-page-grid .project-grid .w-grid-list, #projects-page-grid .project-grid .owl-stage-outer, #projects-page-grid .project-grid .owl-stage, #projects-page-grid .project-grid .w-grid-item-h {
  height: 100% !important;
}
@media (min-width: 767px) {
  #projects-page-grid .project-grid .owl-item {
    min-width: 541px !important;
  }
}
@media (max-width: 767px) {
  #projects-page-grid .project-grid .owl-item .w-grid-item {
    padding: 2.5px !important;
  }
}
#projects-page-grid .project-grid .grid-project-logo {
  width: 83px;
  height: 83px;
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}
/* #projects-page-grid .project-grid .grid-project-logo img {
  width: 43px !important;
  height: auto !important;
} */
@media (max-width: 767px) {
  #projects-page-grid .project-grid .grid-project-logo {
    width: 63px;
    height: 63px;
  }
}
#projects-page-grid .project-grid .project-grid-status {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 18px 100%, 0 0%);
}
#projects-page-grid .project-grid .project-grid-main-title {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  text-align: center;
}
#projects-page-grid .project-grid .grid-project-hover-box:hover ~ .project-grid-main-title {
  display: none !important;
}
#projects-page-grid .project-grid .grid-project-hover-box:hover ~ .w-grid-item-h {
  transition: background-size 0.5s ease;
}
#projects-page-grid .project-grid .grid-project-hover-box:hover ~ .w-grid-item-h:hover {
  background-size: 150%;
}
#projects-page-grid .project-grid .grid-project-hover-box {
  transition: none !important;
}
#projects-page-grid .project-grid .grid-project-hover-box .grid-projects-meta {
  justify-content: space-between;
  transition: none !important;
}
@media (max-width: 767px) {
  #projects-page-grid .project-grid .grid-project-hover-box .grid-projects-meta {
    /* justify-content: center; */
    gap: 10px;
  }
}
#projects-page-grid .project-grid .grid-project-hover-box .grid-projects-meta:after {
  content: "";
  background-color: #00000052;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  /* opacity: 0.5; */
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
  transition: none !important;
  transition-delay: 0s !important;
  will-change: backdrop-filter;
  transform: translateZ(0);
}
#projects-page-grid .project-grid .grid-project-hover-box:hover .grid-projects-meta:after {
  transition: none !important;
  transition-delay: 0s !important;
  backdrop-filter: blur(11px);
  -webkit-backdrop-filter: blur(11px);
}

.contact_us_form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
}

.contact_us_form .row {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.contact_us_form .wpcf7-form-control-wrap {
  width: 100% !important;
}

.contact_us_form input {
  margin: 0 !important;
}

.contact_us_form .wpcf7-spinner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -30px;
  margin: auto;
}

.contact_us_form .wpcf7-submit {
  margin-top: 50px !important;
}

@media (max-width: 1400px) {
  .contact_us_page_row .upb_row_bg {
    background-size: cover !important;
  }
  .contact_us_page_row .l-section-h>.vc_row {
    grid-gap: 50px !important;
  }
}

.project_status {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 18px 0%);
}



.single-projects #project:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  margin: auto;
  background: linear-gradient(180deg, #FFFFFF 46%, #ffffff26 100%);
  width: 100%;
  height: 100%;
  z-index: 0;
}

.single-projects #contacts:before {
  content: '';
  display: block;
  position: absolute;
  top: 0px;
  right: 0;
  margin: auto;
  background: linear-gradient(180deg, #FFFFFF 38%, #ffffff26 100%);
  width: 100%;
  height: 100%;
  z-index: 0;
}

@media (max-width: 767px) {
  .single-projects #project:before {
    background: linear-gradient(180deg, #FFFFFF 62%, #ffffff26 100%);
  }
  
  .single-projects #contacts:before {
    background: linear-gradient(180deg, #FFFFFF 42%, #ffffff26 100%);
  }
}

.single_project_slider_item {
  background: #F5F5F5;
  padding: 0 24px 24px;
}

.single_project_slider_item>.ult-item-wrap:first-child {
  margin-right: -24px;
  width: calc(100% + 48px);
}

.single_project_slider_title {
  text-align: right;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.3;
  color: #000000;
  margin-bottom: 14px !important;
  margin-top: 15px;
}

.single_project_slider_title a {
  color: #000;
}

.single_project_slider_list .icon_list_icon {
  display: none !important;
}

.single_project_slider_list .icon_description {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 10px;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
}

.single_project_slider_list .smile_icon_list li.icon_list_item {
  min-height: auto !important;
}

.single_project_slider_list .smile_icon_list {
  display: flex !important;
  flex-direction: column !important;
  gap: 15px !important;
}

.single_project_slider_list .smile_icon_list li .icon_description .info-list-heading {
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #000 !important;
  min-width: 100px !important;
}

.single_project_slider_list .smile_icon_list li .icon_description_text {
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  color: #7E7E7E !important;
}

.single_project_slider_item .w-btn-wrapper {
  width: 100% !important;
  margin-top: 20px !important;
}

.single_project_slider_img .royalSlider {
  height: auto !important;
  aspect-ratio: 1.3;
}

.single_project_slider .slick-prev {
  left: -30px !important;
  transition: .3s;
}

.single_project_slider .slick-next {
  right: -30px !important;
  transition: .3s;
}

.single_project_slider button.slick-disabled {
  opacity: 0 !important;
  pointer-events: none !important;
}

@media (max-width: 600px) {
  .single_project_slider .slick-prev,
  .single_project_slider .slick-next {
    display: none !important;
  }
}