@media (max-width: 1500px) {}
@media (max-width: 1199px) {
[class^='container'] {
padding-left: 30px;
padding-right: 30px;
}
body {
font-size: 16px;
}
h2, .txt--lg {
font-size: 26px;
}
p:not(:last-child) {
margin-bottom: 20px;
}
h1,
.txt--xl,
.section-title {
font-size: 38px;
}
.section-padding {
padding: 120px 0;
}
.site-header .title-area {
width: 55px;
top: 40px;
left: 30px;
}
.loader-logo svg {
width: 165%;
margin-left: -20px;
}
.menu-primary {
position: fixed;
bottom: 40px;
padding: 0 30px;
}
.menu-primary li {
font-size: 25px;
}
@-moz-keyframes slideUpLogo {0% {top: 40px;opacity: 1;}25% {top: -100px;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 122px);opacity: 1;}}
@-webkit-keyframes slideUpLogo {0% {top: 40px;opacity: 1;}25% {top: -100px;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 122px);opacity: 1;}}
@keyframes slideUpLogo {0% {top: 40px;opacity: 1;}25% {top: -100px;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 122px);opacity: 1;}}
@-moz-keyframes slideDownLogo {0% {top: calc(100% - 122px);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -100px;opacity: 0;}100% {top: 40px;opacity: 1;}}
@-webkit-keyframes slideDownLogo {0% {top: calc(100% - 122px);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -100px;opacity: 0;}100% {top: 40px;opacity: 1;}}
@keyframes slideDownLogo {0% {top: calc(100% - 122px);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -100px;opacity: 0;}100% {top: 40px;opacity: 1;}}
@-moz-keyframes slideUpMenu {0% {bottom: 40px;opacity: 1;}25% {bottom: -100px;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 65px);opacity: 1;}}
@-webkit-keyframes slideUpMenu {0% {bottom: 40px;opacity: 1;}25% {bottom: -100px;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 65px);opacity: 1;}}
@keyframes slideUpMenu {0% {bottom: 40px;opacity: 1;}25% {bottom: -100px;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 65px);opacity: 1;}}
@-moz-keyframes slideDownMenu {0% {bottom: calc(100% - 65px);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -100px;opacity: 0;}100% {bottom: 40px;opacity: 1;}}
@-webkit-keyframes slideDownMenu {0% {bottom: calc(100% - 65px);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -100px;opacity: 0;}100% {bottom: 40px;opacity: 1;}}
@keyframes slideDownMenu {0% {bottom: calc(100% - 65px);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -100px;opacity: 0;}100% {bottom: 40px;opacity: 1;}}
.projects-section .project-filters-wrapper {
top: 40px;
}
.project-post .project__info,
.news-post .news__info,
.team-member .team-member__info {
opacity: 1;
visibility: visible;
bottom: 20px;
padding: 0 30px;
}
.project-post::before,
.news-post::before,
.team-member::before {
opacity: 1;
visibility: visible;
}
.project-post .project__info .project__title,
.news-post .news__info .news__title,
.team-member .team-member__info .team-member__title {
margin-bottom: 20px;
line-height: 1;
}
.info-devider:not(:last-child) {
margin-bottom: 20px;
}
.hero-slider-section .hero-carousel .slick-dots {
top: 40px;
right: 30px;
overflow: hidden;
}
.hero-slider-section .hero-carousel .slick-dots li {
width: 10px;
height: 10px;
}
.hero-slider-section .hero-carousel .slick-dots li:not(:last-child) {
margin-bottom: 15px;
}
.hero-slider-section .hero-carousel .slick-dots li .hero-slider-dot {
width: 10px;
height: 10px;
}
.slide-down {
max-width: 40px;
}
.hero-slider-section .slide-down {
bottom: 40px;
}
.footer-widgets .widget-area {
max-width: 100%;
flex: 0 0 100%;
padding-left: 0;
padding-right: 0;
}
.footer-widgets > .wrap {
flex-wrap: wrap;
}
.footer-widgets-small {
text-align: center;
}
.footer-widgets-small .contact-info {
margin-bottom: 30px;
}
.footer-widgets-small .social-media-links {
font-size: 28px;
}
.footer-widgets-small .legal-info {
text-align: center;
margin-bottom: 30px;
}
.mobile-col-margin:not(:last-child) {
margin-bottom: 20px;
}
.main-carousel .js-scroll-slide {
overflow: hidden;
flex: 0 0 50%;
max-width: 50%;
}
.awards-carousel .awards__info {
padding: 0 30px 0 30px;
}
.client-carousel .client-logo {
height: 200px;
}
.single-post-hero-section {
padding: 40px 0;
}
.single-post-hero-section .fixed-bg {
padding: 40px 0;
}
.closeBtn {
position: fixed;
top: 40px;
left: 30px;
width: 40px;
height: 25px;
}
.single-project-info {
padding: 30px;
}
.single-project-info .single-project-info__margin:not(:nth-last-child(-n+1)) {
margin-bottom: 20px;
}
}
@media (max-width: 991px)  {
.section-padding {
padding: 80px 0;
}
.projects__page .post-navigation {
padding: 80px 0;
font-size: 14px;
}
.single-post-content-section {
padding: 80px 0;
}
.single-post-content-section .post-navigation {
padding-top: 100px;
}
.project-post.large-project {
padding-bottom: 100%;
}
.filter-select-wrap {
position: relative;
}
.filters-select {
padding-bottom: 15px;
border: none;
border-bottom: 2px solid #ffffff!important;
transition: all 0.3s;
display: block;
width: 100%;
font-weight: 500;
color: #fff;
background-color: transparent;
outline: 0;
-webkit-appearance: auto;
-moz-appearance: auto;
text-transform: uppercase;
}
.filters-select option {
color: #000;
}
}
@media (max-width: 767px)  {
.hero-slider-section .slide-down {
display: none;
}
.main-carousel .js-scroll-slide {
flex: 0 0 100%;
max-width: 100%;
}
.main-carousel .main-carousel__slide {
padding-bottom: clamp(100%, 100%, 100vh);
}
}
@media (max-width: 575px)  {
.hero-slider-section {
height: calc(100vh + 120px);
}
.hero-slider-section .slick-track {
display: flex;
}
.hero-slider-section .slick-track .slick-slide {
display: flex;
height: auto;
}
.hero-slider-section .slick-list,
.hero-slider-section .slick-track {
height: 100%;
}
.hero-slider-section .hero-carousel .hero-image {
height: calc(100vh + 120px);
}
}
@media (min-width: 1200px) {
[class^='container'] {
width: 100%;
padding-left:  3.125vw;
padding-right: 3.125vw;
margin-left:  auto;
margin-right: auto;
} .row {
margin-left:  -1.5625vw;
margin-right: -1.5625vw;
}
.row [class*=col-] {
padding-left:  1.5625vw;
padding-right: 1.5625vw;
}
.no-gutters {
margin-right: 0!important;
margin-left: 0!important;
}
.no-gutters>.col, .no-gutters>[class*=col-] {
padding-right: 0!important;
padding-left: 0!important;
}   body {
font-size: 1.0416666666666667vw;
}
h1:not(:last-child),
h2:not(:last-child),
h3:not(:last-child),
h4:not(:last-child),
h5:not(:last-child),
h6:not(:last-child) { 
margin-bottom: 2.6041666666666665vw;
}
h1 { font-size: 2.5vw; }
h2 { font-size: 1.875vw; }
h3 { font-size: 1.5625vw; }
h4 { font-size: 1.3541666666666667vw; }
h5 { font-size: 1.1458333333333333vw; }
h6 { font-size: 1.0416666666666667vw; }
.txt--xl { font-size: 2.5vw; }
.txt--lg { font-size: 1.875vw; }
.txt--md { font-size: 1.5625vw; }
.txt--sm { font-size: 1.0416666666666667vw; }
.txt--xs { font-size: 0.7291666666666666vw; }
p:not(:last-child) {
margin-bottom: 2.6041666666666665vw;
}
small { font-size: 0.7291666666666666vw; }
.small { font-size: 0.7291666666666666vw; }
.section-title {
font-size: 2.5vw;
}
.section-padding {
padding: 12.5vw 0;
}    .site-header .title-area {
width: 5.104166666666667vw;
top: 3.75vw;
left: 3.125vw;
}
.loader-logo svg {
margin-left: -1.9791666666666667vw;
}
.menu-primary {
bottom: 3.75vw;
padding: 0 3.125vw;
}
.menu-primary li {
font-size: 2.5vw;
}
@-moz-keyframes slideUpLogo {0% {top: 3.75vw;opacity: 1;}25% {top: -10.416666666666666vw;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 11.302083333333334vw);opacity: 1;}}
@-webkit-keyframes slideUpLogo {0% {top: 3.75vw;opacity: 1;}25% {top: -10.416666666666666vw;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 11.302083333333334vw);opacity: 1;}}
@keyframes slideUpLogo {0% {top: 3.75vw;opacity: 1;}25% {top: -10.416666666666666vw;opacity: 0;}50% {top: 100%;opacity: 0;}100% {top: calc(100% - 11.302083333333334vw);opacity: 1;}}
@-moz-keyframes slideDownLogo {0% {top: calc(100% - 11.302083333333334vw);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -10.416666666666666vw;opacity: 0;}100% {top: 3.75vw;opacity: 1;}}
@-webkit-keyframes slideDownLogo {0% {top: calc(100% - 11.302083333333334vw);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -10.416666666666666vw;opacity: 0;}100% {top: 3.75vw;opacity: 1;}}
@keyframes slideDownLogo {0% {top: calc(100% - 11.302083333333334vw);opacity: 1;}25% {top: 100%;opacity: 0;}50% {top: -10.416666666666666vw;opacity: 0;}100% {top: 3.75vw;opacity: 1;}}
@-moz-keyframes spin {from {-moz-transform: rotate(0deg);}to {-moz-transform: rotate(360deg);}}
@-webkit-keyframes spin {from {-webkit-transform: rotate(0deg);}to {-webkit-transform: rotate(360deg);}}
@keyframes spin {from {transform:rotate(0deg);}to {transform:rotate(360deg);}}
@-moz-keyframes slideUpMenu {0% {bottom: 3.75vw;opacity: 1;}25% {bottom: -10.416666666666666vw;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 6.25vw);opacity: 1;}}
@-webkit-keyframes slideUpMenu {0% {bottom: 3.75vw;opacity: 1;}25% {bottom: -10.416666666666666vw;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 6.25vw);opacity: 1;}}
@keyframes slideUpMenu {0% {bottom: 3.75vw;opacity: 1;}25% {bottom: -10.416666666666666vw;opacity: 0;}50% {bottom: 100%;opacity: 0;}100% {bottom: calc(100% - 6.25vw);opacity: 1;}}
@-moz-keyframes slideDownMenu {0% {bottom: calc(100% - 6.25vw);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -10.416666666666666vw;opacity: 0;}100% {bottom: 3.75vw;opacity: 1;}}
@-webkit-keyframes slideDownMenu {0% {bottom: calc(100% - 6.25vw);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -10.416666666666666vw;opacity: 0;}100% {bottom: 3.75vw;opacity: 1;}}
@keyframes slideDownMenu {0% {bottom: calc(100% - 6.25vw);opacity: 1;}25% {bottom: 100%;opacity: 0;}50% {bottom: -10.416666666666666vw;opacity: 0;}100% {bottom: 3.75vw;opacity: 1;}}  .hero-slider-section .hero-carousel .slick-dots {
top: 3.75vw;
right: 3.125vw;
}
.hero-slider-section .hero-carousel .slick-dots li {
line-height: 0;
width: 0.78125vw;
height: 0.78125vw;
}
.hero-slider-section .hero-carousel .slick-dots li:not(:last-child) {
margin-bottom: 0.9166666666666667vw;
}
.hero-slider-section .hero-carousel .slick-dots li .hero-slider-dot {
width: 0.78125vw;
height: 0.78125vw;
}
.hero-slider-section .slide-down {
bottom: 3.75vw;
}  .main-carousel .slick-slide {
border: 1px solid black;
}
.awards-carousel .awards__info {
padding: 0 2.6041666666666665vw 0 3.125vw;
}  .team-member .team-member__info {
bottom: 4.166666666666667vw;
padding: 0 3.125vw;
}
.info-devider {
width: 2.7083333333333335vw;
}
.info-devider:not(:last-child) {
margin-bottom: 2.34375vw;
}
.team-member .team-member__info .team-member__title {
margin-bottom: 2.34375vw;
}  .news-post .news__info {
bottom: 4.166666666666667vw;
padding: 0 3.125vw;
}
.news-post .news__info .news__title {
margin-bottom: 2.34375vw;
}  .slide-down {
max-width: 3.6458333333333335vw;
}
@-webkit-keyframes mover {
0% { transform: translateY(0); }
50% { transform: translateY(-0.5208333333333334vw); }
100% { transform: translateY(0); }
}
@keyframes mover {
0% { transform: translateY(0); }
50% { transform: translateY(-0.5208333333333334vw); }
100% { transform: translateY(0); }
}
.single-post-hero-section {
padding: 3.75vw 0;
}
.single-post-hero-section .fixed-bg {
padding: 3.75vw 0;
}
.single-post-content-section {
padding: 6.25vw 0;
}
.single-post-content-section .post-navigation {
padding-top: 10.416666666666666vw;
}
.projects__page .post-navigation {
padding: 10.416666666666666vw;
}  .footer-widgets {
padding: 6.770833333333333vw 0;
}
.footer-widgets > .wrap { padding: 0 1.5625vw;
}
.footer-widgets .widget-area {
padding-left: 1.5625vw;
padding-right: 1.5625vw;
}
.footer-widgets .footer-widgets-1 h4 {
font-size: 2.5vw;
}
.footer-widgets-small .social-media-links {
font-size: 1.4583333333333333vw;
}
.footer-widgets-small .social-media-links a:not(:last-child) {
margin-right: 1.3020833333333333vw;
}  .projects-section{
position: relative;
}
.projects-section .project-filters-wrapper {
top: 9.895833333333334vw;
}
.projects-section .project-filters .category-item:not(:last-child) {
margin-right: 3.125vw;
}
.project-post .project__info {
bottom: 4.166666666666667vw;
padding: 0 3.125vw;
}
.project-post .project__info .project__title {
margin-bottom: 2.34375vw;
}
.closeBtn {
top: 3.75vw;
left: 3.125vw;
width: 3.6458333333333335vw;
height: 2.6041666666666665vw;
}
.single-project-info {
padding: 1.5625vw 5.208333333333333vw 1.5625vw 3.125vw;
}
.single-project-info .single-project-info__margin:not(:nth-last-child(-n+1)) {
margin-bottom: 1.0416666666666667vw;
}
.single-project-info .project_team-info {
font-size: 0.78125vw;
}
.related-projects-section .related-projects-title {
padding: 5.208333333333333vw 0;
}  .client-carousel .client-logo {
height: 16.666666666666668vw;
}  .legal-section {
padding: 15.625vw 0 5.208333333333333vw 0;
} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {}