.font-white{
	color: #fff;
}
@media (min-width: 1200px){
	.contact-block__email {
		margin-bottom: 30px;
	}
	.contact-block__phone a {
		font-size: 16px;
	}
}
@media (min-width: 992px){
	.menu {
		max-width: 100vw;
	}
}
@media (min-width: 576px){
	.menu {
		width: 100%;
	}
}
.menu__right_content{
	height: 100%;
    display: grid;
}
.h-100vh{
	height: 100vh;
}

.menu__close{
	z-index: 999;
}
.homepage-parallax .contacts-parallax__field input, .homepage-parallax .contacts-parallax__field textarea{
	background-color: transparent;
}
.field--bordered input, .field--bordered textarea{
	border: unset;
	border-bottom: solid 1px #dadada;
}

.thm_mono{
	filter: invert(1);
	vertical-align: text-top;
}
.thm_mono_dark{
	filter: invert(0);
	vertical-align: text-top;
}
.menu__copy a,
.menu__address a,
.menu__contact_us a{
	color: #666;
}
.menu__copy a:hover,
.menu__contact_us a:hover,
.menu__address a:hover{
	color: #000;
}
.footer-3--dark .footer-3__copyrights .thm_mono{
	filter: invert(0);
}
.footer-3--dark .footer-3__copyrights .font-white{
	color: #000;
}
.partners__item{
	text-align: left;
}
.type-service--parallax .type-service__heading.heading,
.latest--new .article-list__heading,
.works--parallax .type-service__heading{
	font-weight: 600;
}
.menu__social_sidebar{
	display: block;
}
.menu__social_sidebar .social__item+.social__item{
	margin-left: 0;
}
.article-preview__content{
	padding: 40px;
	border: 5px solid #004a4d;
}
.header-3.header-3--dark .light-logo,
.header-3 .dark-logo{
	display: none;
}
.header-3 .light-logo,
.header-3.header-3--dark .dark-logo{
	display: block;
}
.first-scroll-wrap{
	padding: 0px 0 !important;
}
.first-scroll-wrap .latest-projects__inner{
	max-width: 100vw !important;
}
.home-main-slider .work-card img,
.home-main-slider .work-card{ 
	height: 100vh;
	width: 100vw !important;
}
.home-main-slider .work-card__content {
    position: absolute;
    top: 25%;
    bottom: 0;
    left: 15%;
}
.home-main-slider .work-card__content .work-card__tags {
    margin: 0;
    padding-bottom: 20px;
	line-height: 28px;
}
.home-main-slider .work-card__heading {
    padding-bottom: 30px;
    text-transform: unset;
    width: 100%;
    max-width: 100%;
}
.home-main-slider p {
    padding-bottom: 100px;
}
.home-main-slider .work-card__heading a {
    font-size: 60px;
}
.home-main-slider.slider .swiper-pagination{
	position: fixed;
    transform: rotate(90deg);
    left: -49.1%;
    bottom: 50%;
}
.approach__card{
	transition: transform .3s ease;
	border: 5px solid #fff;
}
.approach__card:hover {
    border: 5px solid #004a4d;
	transition: transform .3s ease;
}
.works--parallax .slide-counter-2{
	top: 100px;
}



/* testimonials  */
.testimonials_scroll-wrap{
	padding: 0 !important;
}

.testimonial p {
	font-size: 28px;
	letter-spacing: 0.02em;
	line-height: 35px;
}
.testimonial .name {
	font-weight: bold;
	font-size: 18px;
	letter-spacing: 0.04em;
	line-height: 35px;
	text-align: left;
}
.testimonial .designation {
	font-size: 14px;
	letter-spacing: 0.04em;
	text-align: left;
	color: #000;
	opacity: 0.65;
}
.unt {
	margin-bottom: 20px;
	margin-top: 60px;
}
.hero-text {
	font-size: 30px;
	letter-spacing: 0.02em;
	color: #000;
}
.gallery-thumbs {
	height: 100%;
}
.gallery-thumbs .swiper-wrapper {
	align-items: center;
}
.gallery-thumbs .swiper-slide {
	background-position: center;
	background-size: cover;
	width: 250px !important;
	height: 330px;
	position: relative;
}
.gallery-thumbs .swiper-slide img {
	filter: contrast(0.5) blur(1px);
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 10px;
}
.gallery-thumbs .swiper-slide-active img {
	filter: contrast(1) blur(0px) !important;
}
.flex-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.flex-row .flex-col {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.gallery-thumbs .swiper-wrapper {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
}


.testimonial-section .quote {
   width: 75%;
   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: 100px;
   padding-right: 100px;
}
.swiper-container.testimonial {
   height: 100vh;
}
.testimonial-section .user-saying {
   background: url('../img/bg-our-story-2.jpg');
   width: 60%;
   color: #000;
   height: 100%;
   background-position-x: center;
}
.testi-user-img {
   width: 40%;
}
.testimonial-section {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   width: 100%;
   height: 100%;
}
.testimonial-section .quote p {
   font-size: 20px;
   font-weight: 300;
   line-height: 1.8;
   font-style: italic;
   margin: 0;
}
.quote-icon {
   width: 38px;
   display: block;
   margin-bottom: 30px;
}
@media (min-width: 768px){
	.works--parallax .slide__content {
		padding: 28px 28px 20px;
	}
}
/* Floating btn start*/
.fab-wrapper {
	position: fixed;
	bottom: 7rem;
	right: 3rem;
	z-index: 5;
  }
  .fab-checkbox {
	display: none;
  }
  .icon{
	  width: 1.2em;
	  height: 1.2em;
	  display: inline-block;
	  fill: currentColor;
  }
  .fab {
	  position: absolute;
	  bottom: -1rem;
	  right: -1rem;
	  width: 4rem;
	  height: 4rem;
	  border-radius: 50%;
	  background: #4cae35;
	  box-shadow: 0px 5px 20px #94c93b;
	  transition: all 0.3s ease;
	  z-index: 1;
	  border-bottom-right-radius: 6px;
	  border: 1px solid #026b58;
  }
  .fab:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
  }
  .fab-checkbox:checked ~ .fab:before {
	width: 90%;
	height: 90%;
	left: 5%;
	top: 5%;
	background-color: rgba(255, 255, 255, 0.2);
  }
  .fab:hover {
	  background: #026b58;
	  box-shadow: 0px 5px 20px #94c93b;
  }
  .fab-dots {
	position: absolute;
	height: 8px;
	width: 8px;
	background-color: white;
	border-radius: 50%;
	top: 50%;
	transform: translateX(0%) translateY(-50%) rotate(0deg);
	opacity: 1;
	animation: blink 3s ease infinite;
	transition: all 0.3s ease;
  }
  .fab-dots-1 {
	left: 15px;
	animation-delay: 0s;
  }
  .fab-dots-2 {
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	animation-delay: 0.4s;
  }
  .fab-dots-3 {
	right: 15px;
	animation-delay: 0.8s;
  }
  .fab-checkbox:checked ~ .fab .fab-dots {
	height: 6px;
  }
  .fab .fab-dots-2 {
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  .fab-checkbox:checked ~ .fab .fab-dots-1 {
	width: 32px;
	border-radius: 10px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
  }
  .fab-checkbox:checked ~ .fab .fab-dots-3 {
	width: 32px;
	border-radius: 10px;
	right: 50%;
	transform: translateX(50%) translateY(-50%) rotate(-45deg);
  }
  @keyframes blink {
	50% {
	  opacity: 0.25;
	}
  }
  .fab-checkbox:checked ~ .fab .fab-dots {
	animation: none;
  }
  .fab-wheel {
	position: absolute;
	bottom: 0;
	right: 0;
	border: none;
	width: 10rem;
	height: 10rem;
	transition: all 0.3s ease;
	transform-origin: bottom right;
	transform: scale(0);
  }
  .fab-checkbox:checked ~ .fab-wheel {
	transform: scale(1);
  }
  .fab-action {
	  position: absolute;
	  background: #026b58;
	  width: 3rem;
	  height: 3rem;
	  border-radius: 50%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  color: #fff !important; 
	  transition: all 1s ease;
	  opacity: 0;
  }
  .fab-checkbox:checked ~ .fab-wheel .fab-action {
	opacity: 1;
  }
  .fab-action:hover {
	  background-color: #4cae35;
	  color: #fff;
  }
  .fab-wheel .fab-action-1 {
	right: -1rem;
	top: 0;
  }
  .fab-wheel .fab-action-2 {
	right: 3.4rem;
	top: 0.5rem;
  }
  .fab-wheel .fab-action-3 {
	left: 0.5rem;
	bottom: 3.4rem;
  }
  .fab-wheel .fab-action-4 {
	left: 0;
	bottom: -1rem;
  }
  /* Floating btn end*/
  .homepage-parallax .contacts-parallax__field input::placeholder, 
  .homepage-parallax .contacts-parallax__field textarea::placeholder{
color: #fff;
  }
  .ptb-120{
	  padding: 120px 0;
  }
  @media screen and (min-width:1440px) and (max-width:1441px) {
	.projects-section .slider--single .slider__item {
		width: 80%;
	}
	.projects-section .scroll-wrap {
		padding: 110px 40px!important;
	}
  }
 


  /* gallery css */
  .magnific-img img {
	width: 100%;
	height: auto;
  }
  
  .magnific-img {
	display: inline-block;
	width: 32.3%;
	padding-bottom: 5px;
  }
  a.image-popup-vertical-fit {
	cursor: -webkit-zoom-in;
  }
  .mfp-with-zoom .mfp-container,
  .mfp-with-zoom.mfp-bg {
	opacity: 0;
	-webkit-backface-visibility: hidden;
	/* ideally, transition speed should match zoom duration */
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
  }
  
  .mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1;
  }
  .mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 0.98;
  }
  
  .mfp-with-zoom.mfp-removing .mfp-container,
  .mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0;
  }
  .mfp-arrow-left:before {
	border-right: none !important;
  }
  .mfp-arrow-right:before {
	border-left: none !important;
  }
  button.mfp-arrow,
  .mfp-counter {
	opacity: 0 !important;
	transition: opacity 200ms ease-in, opacity 2000ms ease-out;
  }
  .mfp-container:hover button.mfp-arrow,
  .mfp-container:hover .mfp-counter {
	opacity: 1 !important;
  }
  
  /* Magnific Popup CSS */
  .mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
  }
  
  .mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
  }
  
  .mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	box-sizing: border-box;
  }
  
  .mfp-container:before {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
  }
  
  .mfp-align-top .mfp-container:before {
	display: none;
  }
  
  .mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
  }
  
  .mfp-inline-holder .mfp-content,
  .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
  }
  
  .mfp-ajax-cur {
	cursor: progress;
  }
  
  .mfp-zoom-out-cur,
  .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
  }
  
  .mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
  }
  
  .mfp-auto-cursor .mfp-content {
	cursor: auto;
  }
  
  .mfp-close,
  .mfp-arrow,
  .mfp-preloader,
  .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
  }
  
  .mfp-loading.mfp-figure {
	display: none;
  }
  
  .mfp-hide {
	display: none !important;
  }
  
  .mfp-preloader {
	color: #ccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
  }
  .mfp-preloader a {
	color: #ccc;
  }
  .mfp-preloader a:hover {
	color: #fff;
  }
  
  .mfp-s-ready .mfp-preloader {
	display: none;
  }
  
  .mfp-s-error .mfp-content {
	display: none;
  }
  
  button.mfp-close,
  button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	box-shadow: none;
	touch-action: manipulation;
  }
  
  button::-moz-focus-inner {
	padding: 0;
	border: 0;
  }
  
  .mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	padding: 0 0 18px 10px;
	color: #fff;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
  }
  .mfp-close:hover,
  .mfp-close:focus {
	opacity: 1;
  }
  .mfp-close:active {
	top: 1px;
  }
  
  .mfp-close-btn-in .mfp-close {
	color: #333;
  }
  
  .mfp-image-holder .mfp-close,
  .mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	width: 100%;
  }
  
  .mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #ccc;
	font-size: 12px;
	line-height: 18px;
	white-space: nowrap;
  }
  
  .mfp-arrow {
	position: absolute;
	opacity: 0.65;
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
  }
  .mfp-arrow:active {
	margin-top: -54px;
  }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
	opacity: 1;
  }
  .mfp-arrow:before,
  .mfp-arrow:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
  }
  .mfp-arrow:after {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
  }
  .mfp-arrow:before {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
  }
  
  .mfp-arrow-left {
	left: 0;
  }
  .mfp-arrow-left:after {
	border-right: 17px solid #fff;
	margin-left: 31px;
  }
  .mfp-arrow-left:before {
	margin-left: 25px;
	border-right: 27px solid #3f3f3f;
  }
  
  .mfp-arrow-right {
	right: 0;
  }
  .mfp-arrow-right:after {
	border-left: 17px solid #fff;
	margin-left: 39px;
  }
  .mfp-arrow-right:before {
	border-left: 27px solid #3f3f3f;
  }
  
  .mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
  }
  .mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
  }
  .mfp-iframe-holder .mfp-close {
	top: -40px;
  }
  
  .mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
  }
  .mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
  }
  
  /* Main image in popup */
  img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	box-sizing: border-box;
	padding: 40px 0 40px;
	margin: 0 auto;
  }
  
  /* The shadow behind the image */
  .mfp-figure {
	line-height: 0;
  }
  .mfp-figure:after {
	content: "";
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #444;
  }
  .mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
  }
  .mfp-figure figure {
	margin: 0;
  }
  
  .mfp-bottom-bar {
	margin-top: -36px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
  }
  
  .mfp-title {
	text-align: left;
	line-height: 18px;
	color: #f3f3f3;
	word-wrap: break-word;
	padding-right: 36px;
  }
  
  .mfp-image-holder .mfp-content {
	max-width: 100%;
  }
  
  .mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
  }
  
  @media screen and (max-width: 800px) and (orientation: landscape),
	screen and (max-height: 300px) {
	/**
		 * Remove all paddings around the image on small screen
		 */
	.mfp-img-mobile .mfp-image-holder {
	  padding-left: 0;
	  padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
	  padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
	  top: 0;
	  bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
	  display: inline;
	  margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
	  background: rgba(0, 0, 0, 0.6);
	  bottom: 0;
	  margin: 0;
	  top: auto;
	  padding: 3px 5px;
	  position: fixed;
	  box-sizing: border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
	  padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
	  right: 5px;
	  top: 3px;
	}
	.mfp-img-mobile .mfp-close {
	  top: 0;
	  right: 0;
	  width: 35px;
	  height: 35px;
	  line-height: 35px;
	  background: rgba(0, 0, 0, 0.6);
	  position: fixed;
	  text-align: center;
	  padding: 0;
	}
  }
  
  @media all and (max-width: 900px) {
	.mfp-arrow {
	  -webkit-transform: scale(0.75);
	  transform: scale(0.75);
	}
	.mfp-arrow-left {
	  -webkit-transform-origin: 0;
	  transform-origin: 0;
	}
	.mfp-arrow-right {
	  -webkit-transform-origin: 100%;
	  transform-origin: 100%;
	}
	.mfp-container {
	  padding-left: 6px;
	  padding-right: 6px;
	}
  }
  
  /* gallery css close */


.footer .font-grey {
    color: #999;
}
.thm {
    vertical-align: baseline;
}

@media (max-width: 1440px){
	.works-page {
		padding: 40px 0;
	}
}

@media (min-width: 1024px){
	.statistics__item {
		margin: 0px auto;
		width: 50%;
	}
	.bg-wrapper {
		padding: 60px 0px 60px;
	}
}

@media (width: 1024px){
	#exTab2 .panel-title {
		left: 35%;
	}
}

@media (max-width: 767px){
	.header__nav {
		display: none;
	}
	.our-story--parallax .row {
		display: inline-block;
	}
	.statistics__item {
		float: left;
		text-align: left;
		width: 33.33%;
	}
	.statistics__item+.statistics__item {
		margin-top: 0;
	}
	.our-story--parallax .our-story__buttons {
		flex-direction: unset;
	}
	.menu, 
	.menu.menu--opened {
		background-image: unset;
	}
	.panel-title {
		left: 25% !important;	
	}
	.archive-responsive {
		border-right: none !important;
	}
	.archive-responsive1 {
		border-bottom: 1px solid #cccccc96;
	}
}
@media (width: 768px){
	.panel-title {
		left: 25% !important;	
	}
}
@media (width: 425px){
	.panel-title {
		left: 5% !important;
	}
}

@media (max-width: 768px){
	#exTab2 {
		padding: 150px 0 150px 0 !important;
	}	
	.webpage .pb-100 {
		padding-bottom: 50px;
	}
}

@media (max-width: 767px){
	.footer__address svg,
	.footer__phone svg, 
	.footer__phone svg {
		width: 15px;
		height: 15px;
	}
	.footer__column {
		margin-bottom: 24px;
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.archive-responsive {
		margin: 15px 0px !important;
	}
	.footer__middle {
		margin: 0 auto;
		margin-left: 20%;
	}
}

@media (min-width: 576px){
	.statistics__item {
		margin: 0px auto;
		width: 30%;
	}
	.statistics__item:last-child {
		margin-top: 0px;
	}
}

@media (max-width: 425px){
	.home-main-slider .work-card__content {
		left: 0%;
	}
	.footer__middle {
		margin: 0 auto;
		margin-left: 0 !important;
	}
	.simplicity__phone {
		margin-bottom: 0px;
	}
	.panel-title {
		left: 7% !important;
	}
}


.webpage--beige .type-service__item a img:hover {
	filter: invert(1);
}

.page-loaded .preloader {
	height: 0;
}

.page-loaded .preloader .loadbar {
	max-height: 100%;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
	transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
	-webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}

.page-loaded .preloader figure {
	transform: translateY(50px);
	opacity: 0;
}

.page-loaded .navbar {
	transform: translateY(0);
}

.page-loaded .slider .main-slider {
	transform: scale(1);
}

.page-loaded .page-header {
	transform: scale(1);
}

.contact-banner-bg {
	background-image: url('../img/contact-banner.png');
	background-color: #f2f2f2;
	background-position: top center;
	background-repeat: no-repeat;
}

.height-100-vh {
	height: 100vh;
}

.page-header {
	width: 100%;
	height: 940px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-size: cover !important;
	position: relative;
	z-index: 9;
}

.page-header .container {
	position: relative;
	z-index: 1;
	color: #fff;
}

@media (min-width: 1170px) {
	.container {
		max-width: 1100px;
	}
}
.contact-banner-bg.page-header .container h1 {
    font-size: 4vw;
    margin-bottom: 10px;
    color: #0056b3;
    margin-top: 100px;
}
.page-header .container h1 {
	width: 100%;
	display: block;
	font-size: 5vw;
	font-family: "Argesta Display";
	text-indent: -5px;
}

.contact-form-page h2 {
	padding: 20px 0;
	color: #141414;
}

.contact-form-page .input-group {
	align-items: unset;
	float: left;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

.input-group {
	position: relative;
	flex-wrap: wrap;
}

.contact-form-page .input-group label {
	float: left;
	display: unset;
	margin: 0;
	width: 20%;
	font-size: 20px;
	color: #141414;
}

.contact-form-page input[type="text"] {
	width: 80%;
	height: 50px;
	padding: 0;
	float: left;
	background: transparent;
	text-align: center;
	font-size: 18px;
}

input[type="text"] {
	max-width: 100%;
	border: none;
	border-bottom: 1px solid #7c7c7c;
}

.contact-form-page .input-group label {
	float: left;
	display: unset;
	margin: 0;
	width: 20%;
	font-size: 20px;
	color: #141414;
}

.contact-form-page .input-group textarea {
	background: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	width: 100%;
	text-align: center;
	font-size: 18px;
	height: 100px;
}

textarea {
	width: 520px;
	max-width: 100%;
	height: 140px;
	padding: 30px;
	border: 1px solid #7c7c7c;
}

.contact-form-page .input-group {
	align-items: unset;
	float: left;
	display: flex;
	width: 100%;
	margin-bottom: 20px;
}

#error_data {
	color: red;
	font-size: 16px;
	margin: 0px 0px 10px;
	line-height: normal;
	letter-spacing: 0.5px;
	font-weight: 600;
	display: block;
	width: 100%;
}

[type=submit]:not(:disabled),
button:not(:disabled) {
	cursor: pointer;
}

.contact-btn[type="submit"] {
	height: 60px;
	display: inline-block;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
	background: #31bcc9;
	border: none;
	padding: 0 50px;
}

[type=submit],
button {
	-webkit-appearance: button;
}

button,
select {
	text-transform: none;
}

button,
input {
	overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button {
	border-radius: 0;
}

button,
input {
	overflow: visible;
}

button,
input,
optgroup,
select,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

.contact-form-page input[type="text"] {
	width: 80%;
	height: 50px;
	padding: 0;
	float: left;
	background: transparent;
	text-align: center;
	font-size: 18px;
}



#form_process {
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 1.1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spinnerRotate;
	-moz-animation-duration: 1.1s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spinnerRotate;
	-ms-animation-duration: 1.1s;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	visibility: hidden;
}

#contact .services-one {
	padding: 100px 0 100px;
}

#contact .section-title {
	margin-bottom: 50px;
}

#contact .page-header {
	padding: 0px 0 100px;
}

#contact button.button {
	background: #0056b3;
	border: solid 1px #0056b3;
	padding: 10px 50px 10px;
	border-radius: 5px;
	color: #fff;
}
.md-block{
	display: block;
}
.mm-block{
	display: none;
}
.field--bordered input, .field--bordered textarea{
	color: #fff;
}
footer.footer-3.footer-3--dark .footer-3__copyrights img {
    filter: invert(1);
}
.pb100{
	padding-bottom: 100px;
}
.header {
    border-top: none;
}
.studio-hero__heading.heading.sec-h1 {
    font-size: 18px;
}
.d-none{
	display: none !important;
}

  @media screen and (min-width:1600px) and (max-width:1601px) {
	.menu {
		background-position: 135% 100%;
		background-size: auto;
		background-image: url(../img/menu-bg.png);
	}
	.our-experts__item {
		margin: 60px 80px 0 0;
	}
	.archive-text-project {
		width: 50% !important;
	}
  }
  @media screen and (min-width:1440px) and (max-width:1441px) {
	.menu {
		background-position: 155% 100%;
		background-size: auto;
		background-image: url(../img/menu-bg.png);
	}
	.our-experts__item {
		margin: 60px 80px 0 0;
	}
	.archive-text-project {
		width: 60% !important;
	}
  }
  @media screen and (min-width:1366px) and (max-width:1367px) {
	.menu {
		background-position: 155% 100%;
		background-size: auto;
		background-image: url(../img/menu-bg.png);
	}
	.our-experts__item {
		margin: 50px 80px 0 0;
	}
	.archive-text-project {
		width: 60% !important;
	}
  }
@media screen and (max-width:767px) {
	.studio-hero__heading.heading.sec-h1 {
		font-size: 14px;
	}
	.md-block{
		display: none;
	}
	.mm-block{
		display: block;
	}
	.work-card--compact .work-card__tags{
		font-size: 15px;
	}
	.home-main-slider .work-card__heading a {
		font-size: 40px;
	}
	.home-main-slider p {
		padding-bottom: 30px;
		font-size: 15px;
		line-height: 25px;
	}
	.logo__image,
	.header--fixed .logo__image {
		width: 60%;
	}
	.header-3 .light-logo,
	.header-3.header-3--dark .dark-logo {
		width: 100%;
	}
	.menu__bottom h5 {
		font-size: 20px;
		margin-bottom: 5px !important;
	}
	
	.menu__bottom a {
		font-size: 15px;
		line-height: 25px;
	}
	.menu__social_sidebar .social__item {
		float: left;
		margin: 0 20px 0 0;
	}
	.menu__copy p {
		font-size: 12px;
	}
	.menu__item {
		margin-bottom: 0;
	}
	.menu__link {
		font-size: 22px;
		line-height: 32px;
	}
	.menu__wrapper {
		margin-top: 50px;
		margin-bottom: 0;
		padding: 0;
		overflow: auto;
	}
	.an-awards--parallax .an-awards__buttons a {
		font-size: 14px;
		padding: 15px 15px;
		border-radius: 0;
		font-weight: 500;
	}
	.footer-3__socials li a svg {
		width: 16px;
		height: 16px;
	}
	.footer-3__copyrights {
		font-size: 10px;
		line-height: 21px;
		text-transform: unset;
		letter-spacing: 0;
		text-align: right;
	}
	.footer-3__copyrights img {
		vertical-align: baseline;
		width: 20px;
	}
	.our-story--parallax .our-story__intro,
	.our-story--parallax .our-story__content {
		padding: 0;
	}
	.our-story--parallax .our-story__image img {
		max-width: 45%;
		height: auto;
		object-fit: contain;
		object-position: bottom;
	}
	.our-story__heading {
		margin-bottom: 10px;
	}
	.statistics__item-value {
		font-size: 30px;
	}
	.our-story--parallax .our-story__buttons {
		margin-top: 20px;
	}
	.our-story--parallax .our-story__btn {
		font-size: 15px;
		padding: 10px;
		margin-top: 20px;
	}
	.video-btn__btn {
		width: 40px;
		height: 40px;
	}
	.video-btn__text {
		max-width: 100%;
	}
	.homepage-parallax section .scroll-wrap {
		padding: 100px 0 50px 0;
		justify-content: unset;
	}
	.contact-block__title {
		margin-bottom: 5px;
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 0;
		font-weight: 500;
	}
	.contact-block__address {
		margin-bottom: 10px;
		font-size: 12px;
		line-height: 22px;
	}
	.contact-block__email {
		margin-bottom: 15px;
	}
	.contact-block__phone {
		margin-bottom: 10px;
	}
	.homepage-parallax .contact-block__phone .contact-block__hint {
		font-size: 14px;
	}
	.contact-block__phone a {
		font-size: 18px;
		line-height: 28px;
		letter-spacing: 0;
	}
	.feedback-form__title {
		font-size: 26px;
		letter-spacing: 0;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.homepage-parallax .contacts-parallax__field textarea{
		height: 50px;
	}
	.homepage-parallax .contacts-parallax__btn {
		font-size: 14px;
		border-radius: 0;
		text-transform: uppercase;
		margin-top: 0;
		padding: 10px;
	}
	.works--parallax .slide-counter-2 {
		opacity: 0;
	}
	.works--parallax .works-arrow--prev,
	.works--parallax .works-arrow--next {
		bottom: -80px;
	}
	.works--parallax .slide__content {
		bottom: 50px;
		right: 0;
		max-width: 100%;
		min-height: 60px;
		padding: 16px 24px;
		top: unset;
	}
	.works--parallax .slide-content__detail {
		font-size: 14px;
		color: #666;
		letter-spacing: 0;
		line-height: 24px;
	}
	.works--parallax .works__all {
		bottom: -150px;
	}
	.contact-block {
		max-width: 100%;
		width: 50%;
		float: left;
	}
	.our-story__heading.heading {
		font-size: 28px;
		line-height: 38px;
	}
	.field--bordered input, .field--bordered textarea {
		padding: 10px 10px;
		font-size: 14px;
		line-height: 24px;
	}
	.homepage-parallax .contacts-parallax__field {
		margin-bottom: 0;
	}
	.light-logo {
		width: 100%;
	}
	.webpage--beige .header--fixed .light-logo {
		width: 100%;
	}
	.approach__card {
		padding: 20px;
	}
	.approach__card-text {
		font-size: 14px;
		line-height: 24px;
	}
	.menu.menu--opened .menu__inner {
		flex-direction: unset;
		display: block;
	}
	.menu.menu--opened .menu__inner .menu__wrapper {
		margin-bottom: 30px;
	}
	.menu__bottom .menu__copy {
		font-size: 12px;
	}
	.webpage--beige .menu__copy span {
		color: unset;
	}
	.archive-text-project {
		width: 100%;
	}
	.archive-text-project {
		width: 100% !important;
		font-size: 25px;
	}
	.header__menu-toggle.menu-toggle {
		position: absolute;
		right: 20px;
	}
	main#contact footer.footer {
		position: relative !important;
	}
	main#contact .contact-form-page .input-group label {
		width: 100%;
	}
	main#contact .contact-form-page input[type="text"] {
		width: 100%;
		text-align: left;
	}
	main#contact .contact-form-page .input-group textarea {
		text-align: left;
		height: 100px;
		padding: 0;
	}
	main#contact section.content-section.pb100 {
		padding: 0;
	}
	.footer__column {
		padding: 0;
	}
	.footer__copyright {
		margin-bottom: 0;
		line-height: 22px;
	}
	.footer__copyright p {
		margin: 0;
	}
}