/*!
Theme Name: syntez
Theme URI: #
Author: Syntez
Author URI: #
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: syntez
*/

*{
  outline:0;
  padding: 0;
  margin:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;

}

html,
body {
  margin: 0;
  padding: 0;
  font-family: 'Gilroy-Regular', sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #000;
  min-width: 320px;
  min-height: 100%;
  height: 100%;
  position: relative;
  width: 100%;
  background: #F3F3F3;
}
body.hidden {overflow: hidden;}
@media only screen and (min-width:1051px) {
body {
	 -moz-transform: scale(0.8, 0.8); /* Moz-browsers */
    zoom: 0.8; /* Other non-webkit browsers */
    zoom: 80%; /* Webkit browsers */
}
}
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.preloader img {
    width: 100%; 
    height: 100%;
}
/*links*/
a{
  color: #404040;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  cursor: pointer;
}
p {
  font-family: 'Helvetica Neue', sans-serif;
  font-weight: normal;
  font-size: 16px;
  line-height: normal;
  color: #000000;
}
p:not(:last-child) {margin-bottom: 20px;}
ul {
  list-style: none;
  display: block;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
li {
  list-style-type:none;
  font-size: 16px;
  line-height: 24px;
  color: #fff;;
}
li:not(:last-child) {margin-bottom: 15px;}
h1, h2, h3, h4, h5, h6 {text-rendering: optimizelegibility;line-height: 2em;font-weight: 400;}
b {font-weight: bold;}
img {width: 100%;height: auto;}
.container {
  width: 100%;
  max-width: 1800px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.full_container {max-width: 90%;}
.min_container {max-width: 1350px;}
.clear:before,
.clear:after,
.row:before,
.row:after,
.container:before,
.container:after{
  content: " ";
  display: table;
}
.clear:after,
.row:after,
.container:after{
  clear:both;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.wh-20 {width: 20%}
.wh-30 {width: 30%}
.wh-40 {width: 40%}
.wh-50 {width: 50%}
.wh-60 {width: 60%}
.wh-70 {width: 70%}
.wh-80 {width: 80%}
.wh-100 {width: 100%}
.ht {height: 100%;}
.tx-right {text-align: right;}
.tx-left {text-align: left;}
.tx-center {text-align: center;}
.pd-50 {padding-right: 50px}
.pd-lf-50 {padding-left: 50px}
.align-items-end {align-items: end;}
.align-items-center {align-items:center;}
.align-items-stretch {align-items: stretch;}
.align-items-flex {align-items: flex-end;}
.align-items-flex-start {align-items: flex-start;}
.align-items-baseline {align-items: baseline;}
.justify-content-center {justify-content: center;}
.justify-content-end {justify-content: end;}
.relative {position: relative;}
.d_flex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/****/

/** Page Top **/
.page__top {padding: 80px 0 0 0;}
.page__top .items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page__top .items .title {}
.page__top .items .title h1 {
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -0.01em;

}
#breadcrumbs {margin-left: auto;}
#breadcrumbs span {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #010000;
  padding-bottom: 5px;
}
#breadcrumbs span .breadcrumb_last,
#breadcrumbs a:hover {
  color: #7F7F7D;
  border-bottom: solid 1px #7F7F7D;
  padding-bottom: 5px;
}

/** Simple block 1 **/
.simple_block_1 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.simple_block_1 .left {flex-basis: 30%;}
.simple_block_1 .left {}
.simple_block_1 .left .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #7F7F7D;
}
.simple_block_1 .left .title sup {}

.simple_block_1 .right {flex-basis: 70%;}
.simple_block_1 .right .content {}
.simple_block_1 .right .content p {
  font-family: 'HelveticaNeueCyr';
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
}
.simple_block_1 .right .content p:not(:last-child) {margin-bottom: 20px;}


/* */
.home_3 .border-top {
  border-top: solid 1px hwb(0deg 0% 100% / 25%);
  border-bottom: solid 1px hwb(0deg 0% 100% / 25%);
}
.simple_blocks_1 {
  flex-wrap: inherit;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.simple_blocks_1:not(:last-child) {}
.simple_blocks_1 .right .info .center {
  transition: height 0.5s ease, opacity 0.5s ease; /* Smooth transition */
}
.simple_blocks_1.active .right .info .center {
  overflow: hidden;
  opacity: 0;
  animation: shrinkHeight 1s forwards;
  margin-top: 0;
}
@keyframes shrinkHeight {
        0% {
            height: auto;
        }
        100% {
            height: 0;
        }
    }


.simple_blocks_1 .left {
  border-right: solid 1px hwb(0deg 0% 100% / 25%);
  padding: 40px 0;
  position: relative;
  flex-basis: calc(30% - 50px);
}
.simple_blocks_1 .left .stamp {
  position: absolute;
  bottom: 40px;
}

.simple_blocks_1 .right {
  padding: 40px 0 40px  50px;
  flex-basis: calc(70% + 50px);
}
.simple_blocks_1 .right .info {}
.simple_blocks_1 .right .info .top {
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.simple_blocks_1 .right .info .top .name {min-width: 180px;}
.simple_blocks_1 .right .info .top .name h4 {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
}
.simple_blocks_1 .right .info .top .name .details {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: grey;
}
.simple_blocks_1 .right .info .top .action {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.simple_blocks_1 .right .info .top .show {
  position: relative;
  margin-left: auto;
  cursor: pointer;
}
.simple_blocks_1 .right .info .top .show:before {
  content: '-';
  font-size: 32px;
  color: hwb(0deg 0% 100% / 25%);
  border: solid 1px hwb(0deg 0% 100% / 25%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
}
.simple_blocks_1 .right .info .top .show:hover:before {
  color: #010000;
  border: solid 1px #010000;
}




.simple_blocks_1 .right .info .center {
  display: -ms-flexbox;
  display: flex;
  margin-top: 48px;
}
.simple_blocks_1 .right .info .center .img {
  position: relative;
  cursor: pointer;
}
.simple_blocks_1 .right .info .center .img img {
  display: block;
  height: 100%;
  object-fit: cover;
}
.simple_blocks_1 .right .info .center .img:first-child {
  width: 65%;
  margin-right: 24px;
}
.simple_blocks_1 .right .info .center .img:last-child {
  width: 35%;
}
.simple_blocks_1 .right .info .center .img a:last-child:after {
	content: url(https://syntez.design/wp-content/uploads/2024/04/icon-hover.png);
	width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	opacity: 0;
	
}
.simple_blocks_1 .right .info .center .img a:last-child:hover:after {
	opacity: 1;
}
.simple_blocks_1 .right .info .center .img a:last-child:hover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  background: #EC6F23;
}

.simple_blocks_1 .right .info .top .action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: black;
  cursor: pointer;
  position: relative;
}
.simple_blocks_1 .right .info .top .action:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: black;
  bottom: -4px;
}
.simple_blocks_1 .right .info .top .action svg {}
.simple_blocks_1 .right .info .top .action:hover {
  color: grey;
}
.simple_blocks_1 .right .info .top .action:hover:after {background: grey;}
.simple_blocks_1 .right .info .top .action:hover svg path {stroke: grey;}


/** Section Title **/

/** Header **/
header {
  width: 100%;
  position: relative;
  z-index: 9;
}
.header-home {
  position: absolute;
  top: 0;
  z-index: 11;
}
.header-page {background: #fff;}
.header-page .main-head {padding: 24px 0;}
.header-page .main-head .logo svg path {fill: #010000;}
.header-page .main-head .action svg path {stroke: #010000;}
.header-page .main-head .menu ul li a,
.header-page .main-head .action {color: #010000;}
.header-page .main-head .action:after {background: #010000;}

.main-head {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  padding: 56px 0;
}
.main-head .logo {}
.main-head .logo a:hover {}
.main-head .logo svg {}
.main-head .lang {}
.main-head .menu {margin-left: auto;}
.main-head .menu ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
.main-head .menu ul li {}
.main-head .menu ul li:not(:last-child) {margin-bottom: 0;}
.main-head .menu ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #FFFFFF;
  position: relative;
}
.main-head .menu ul li a:after,
.home_1 .home_1_bottom .socia ul li a:after {

}
.main-head .menu ul li a:hover {color: #7F7F7D;}
.main-head .menu ul li a:hover:after,
.home_1 .home_1_bottom .socia ul li a:hover:after {;}
.main-head .action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: 88px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #fff;
  cursor: pointer;
  position: relative;
}
.main-head .action:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: -4px;
}
.main-head .action svg {}
.main-head .action:hover {
  color: grey;
}
.main-head .action:hover:after {background: grey;}
.main-head .action:hover svg path {stroke: grey;}

/* Fix Header */
header.fixed-header {
  position: fixed;
  background: #F3F3F3;
  border-bottom: solid 1px rgb(1 0 0 / 25%);
  z-index: 25;
}
header.fixed-header .main-head {padding: 24px 0;}
header.fixed-header .mob svg path {stroke: #010000;fill: #010000;}
header.fixed-header .logo svg path {fill: #010000;}
header.fixed-header .main-head .menu ul li a,
header.fixed-header .main-head .action {color: #010000;}
header.fixed-header .main-head .action:after {background: #010000;}
header.fixed-header .main-head .action svg path {stroke: #010000;}

.menu_a a {position: relative;}
.menu_a a:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 1px;
  width: 0;
  background: #7F7F7D;
  transition: all 0.25s linear;
}

.menu_a a:hover:after {width: 100%;}
.menu_a .mob {display: none;}


/** Home Page - Section 1 **/
.home_1 {
  height: 100%;
  max-height: 1080px;
  background-image: url('assets/img/home/section-1/section-1.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.home_1 .home_1_center {
  text-align: center;
  margin-top: 200px;
  position: relative;
  z-index: 9;
}
.home_1 .home_1_center .sub-title {
  font-family: HelveticaNeueCyr;
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -0.01em;
  color: #fff;
  max-width: 930px;
  margin: 0 auto;
}
.home_1 .home_1_center .sub-title sup {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
}
.home_1 .home_1_center h1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  margin-bottom: 24px;
  color: #fff;
}

.home_1 .home_1_gif {
  position: absolute;
  top: 200px;
  bottom: 0;
  left: 0;
  right: 0;
}
.home_1 .home_1_gif img {}

.home_1 .home_1_bottom {
  position: absolute;
  bottom: 56px;
  padding: 0 15px;
  left: 0;
  right: 0;
  width: 100%;
}
.home_1 .home_1_bottom .socia {}
.home_1 .home_1_bottom .socia ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
.home_1 .home_1_bottom .socia ul li {}
.home_1 .home_1_bottom .socia ul li:not(:last-child) {margin-bottom: 0;}
.home_1 .home_1_bottom .socia ul li a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #fff;
  position: relative;
}
.home_1 .home_1_bottom .socia ul li a:hover {}
.home_1 .home_1_bottom .stamp {margin-left: auto;}
.home_1 .home_1_bottom .stamp svg {}


/** Home Page - Section 2 **/
.home_2 {padding: 80px 0;}


/** Home Page - Section 3 **/
.home_3 {}
.home_3 .container {
  border-top: solid 1px hwb(0deg 0% 100% / 25%);
}
.home_3 .container:not(:last-child) {
  border-bottom: solid 1px hwb(0deg 0% 100% / 25%);
  border-top: 0;
}
.home_3 .relative .container:first-child {
  border-top: solid 1px hwb(0deg 0% 100% / 25%);
}
.home_3 .relative .container:last-child {
  border-top: 0;
}
.home_3 .simple_blocks_1 .right .info .top .action a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}

.more_block {padding: 80px 0;}
#load-more {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  color: #010000;
  cursor: pointer;
  position: relative;
  max-width: max-content;
}
.more_project {}
.more_project .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  margin-bottom: 14px;
}
.more_project .title sup {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.01em;
}

.more_project a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #010000;
  cursor: pointer;
  position: relative;
  max-width: max-content;
}
.more_project a:after,#load-more:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #010000;
  bottom: -4px;
}
.more_project a:hover {color: #7F7F7D}
.more_project a:hover:after {background: #7F7F7D}
.more_project a:hover svg path {stroke: #7F7F7D}

/** Home Page - Section 4 **/
.home_4 {}
.home_4 .home_4_catalog {
  display: -ms-flexbox;
  display: flex;
}
.home_4 .home_4_catalog .item {
  flex-basis: calc(100%/3);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.home_4 .home_4_catalog .item a {position: relative;z-index: 9;}
.home_4 .home_4_catalog .item .background {
  position: relative;
  height: 1000px;
  padding: 80px 48px;
  cursor: pointer;
}
.home_4 .home_4_catalog .item:hover:before {
	content: '';
  background: #EC6F23;
	position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
	opacity: 1;
}
.home_4 .home_4_catalog .item:after {
	content: url(https://syntez.design/wp-content/uploads/2024/04/icon-hover.png);
	position: absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	opacity: 0;
	width: max-content;
    height: max-content;
}
.home_4 .home_4_catalog .item:hover:after {
	opacity: 1;
}
.home_4 .home_4_catalog .item:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #010000;
  left: 0;
  top: 0;
  opacity: 0.45;
}
.home_4 .home_4_catalog .item .background .name {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  color: #fff;
  position: relative;
  z-index: 9;
}
.home_4 .home_4_catalog .item .background .count {
  position: absolute;
  z-index: 9;
  bottom: 80px;
  right: 80px;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: #fff;
}

/** Home Page - Section 5 **/
.home_5 {
  padding: 160px 0 0px 0;
  border-top: solid 1px hwb(0deg 0% 100% / 25%);
}
.home_5 .simple_block_1 {
  border-bottom: solid 1px hwb(0deg 0% 100% / 25%);
  padding-bottom: 80px;
}
.home_5 .simple_block_1:last-child {}
.home_5 .more_project {}

/** Home Page - Section 6 **/
.home_6 {
  background: #DCD5CD;
  position: relative;
}
.simple_block_2 {
  display: -ms-flexbox;
  display: flex;
}
.simple_block_2 .left .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  max-width: 550px;
}
.simple_block_2 .left,.simple_block_2 .right {
  flex-basis: 50%;
  padding: 56px 0;
}
.simple_block_2 .left {
  border-right: solid 1px hwb(0deg 0% 100% / 25%);
  padding-right: 40px;
  position: relative;
}
.simple_block_2 .left:after {
  content: '';
  width: 200%;
  height: 1px;
  background: hwb(0deg 0% 100% / 25%);
  position: absolute;
  bottom: 133px;
  left: -100%;
}
.simple_block_2 .more_project {
  position: absolute;
  bottom: 56px;
}
.simple_block_2 .more_project a {
  font-size: 36px;
  line-height: normal;
}
.simple_block_2 .more_project svg {
  width: 40px;
  height: 40px;
}
.simple_block_2 .right {
  padding: 172px 0 172px 40px;
}
.simple_block_2 .right .clients {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 32px 0;
}
.simple_block_2 .right .clients .img {
  display: block;
  flex-basis: 50%;
}
.simple_block_2 .right .clients .img img {
  max-width: 296px;
  object-fit: cover;
  margin-left: auto;
  display: block;
}

/** Home Page - Section 7 **/
.home_7 {
  height: 100%;
  max-height: 1000px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/** Home Page - Section 8 **/
.home_8 {
  padding: 200px 0;
}
.simple_block_3 {
  display: -ms-flexbox;
  display: flex;
}
.simple_block_3 .left,
.simple_block_3 .right {flex-basis: 50%;}
.simple_block_3 .left .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  max-width: 550px;
}

.contact-form {}
.contact-form form {
  width: 100%;
  max-width: 736px;
  margin-left: auto;
}
.contact-form .item {position: relative;}
.contact-form .item input {
  font-family: 'HelveticaNeueCyr';
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.01em;
  background: transparent;
  border: 0;
  border-bottom: solid 1px hwb(0deg 0% 100% / 25%);
  padding: 24px 0 16px;
  resize: none;
  width: 100%;
	-webkit-appearance: none;
}
.contact-form .item input::placeholder {
	-webkit-appearance: none;
}
textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}
.contact-form .item textarea {
  font-family: 'HelveticaNeueCyr';
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.01em;
  background: transparent;
  border: 0;
  border-bottom: solid 1px hwb(0deg 0% 100% / 25%);
  padding: 24px 0 16px;
  resize: none;
  width: 100%;
  height: 85px;
	-webkit-appearance: none;
}

.contact-form .item input:placeholder,
.contact-form .item textarea:placeholder {
  color: #7F7F7D;
  font-family: 'HelveticaNeueCyr';
	-webkit-appearance: none;
}
.contact-form .item span {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  height: 15px;
  margin: auto;
  display: block;
  color: #7F7F7D;
}
.contact-form .item:not(:last-child) {margin-bottom: 40px;}
.contact-form .submit {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #010000;
  cursor: pointer;
  position: relative;
  max-width: max-content;
	background: transparent;
    border: none;
}
.wpcf7 form.sent .wpcf7-response-output {display: none!important;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	margin: 0;
    position: absolute;
    bottom: -85px;
}
.contact-form .submit svg {}
.contact-form .submit:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #010000;
  bottom: -4px;
}
.contact-form .submit:hover {color: #7F7F7D}
.contact-form .submit:hover:after {background: #7F7F7D}
.contact-form .submit:hover svg path {stroke: #7F7F7D}


/** Service Page - Section 1 **/
.service_1 {}
.service_1 img {
  display: block;
  margin: 140px 0 0 0;
}

/** Service Page - Section 2 **/
.service_2 {padding-top: 0;}
.service_2 img {
  display: block;
  margin: 80px 0 0 0;
}
.service_2 .simple_block_1 .left .title-2 {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  max-width: 400px;
}
.service_2 .simple_block_1 .right .more_project {margin-top: 140px;}
.service_2 .simple_block_1 .right .popup-back-style {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  cursor: pointer;
}
.service_2 .simple_block_1 .right .popup-back-style svg {width: 24px;height: 24px;}
.service_2 .simple_block_1 .right .content p {font-weight: 300;}

/** Service Page - Section 5 **/
.service_5 {
  background: #010000;
  color: #fff;
}
.service_5 .simple_block_2 .left {
  border-right: solid 1px #fff;
}
.service_5 .simple_block_2 .left:after {background: #fff;}
.service_5 .simple_block_2 .more_project a {color: #fff;}
.service_5 .simple_block_2 .more_project svg path {stroke: #fff;}
.service_5 .more_project a:after {background: #fff;}
.service_5 .more_project a:hover {color: grey;}
.service_5 .simple_block_2 .left .sub-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  margin-bottom: 40px;
}

/** Service Page - Section 6 **/
.service_6 {}
.service_6 .container:first-child .simple_block_1 {
  padding: 160px 0 80px 0;
}
.service_6 .container:first-child .title,
.service_8 .simple_block_1 .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
}
.service_6  .simple_block_1 .right .more_project {margin-top: 0;}

/** Service Page - Section 7 **/
.service_7 {
  height: 100%;
  max-height: 1000px;
  background-image: url('assets/img/service/section-7.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

/** Service Page - Section 8 **/
.service_8 {
  overflow: hidden;
  padding-bottom: 160px;
}
.service_8 .simple_block_8 {padding: 160px 0 80px 0;}

.faq-block {
  position: relative;
}
.faq-block:before,.cw-accordion__item:not(:last-child):after {
  content: '';
  position: absolute;
  width: 300%;
  left: -100%;
  height: 1px;
  bottom: 0;
  background: #7F7F7D;
}
.faq-block:after {
  content: '';
  position: absolute;
  width: 300%;
  left: -100%;
  height: 1px;
  top: 0;
  background: #7F7F7D;
}

.cw-accordion {
 width: 100%;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.cw-accordion__item {
 position: relative;
 width: 100%;
 cursor: pointer;
 padding: 40px 0;
}
.cw-accordion__item:hover,.cw-accordion__item.cw-open {
  background: #3C6B80;
}
.cw-accordion__item.cw-open:after,.cw-accordion__item:hover:after  {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3C6B80;
  left: -100%;
  top: 0;
}
.cw-accordion__item.cw-open:before,.cw-accordion__item:hover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #3C6B80;
  right: -100%;
  top: 0;
}

.cw-accordion__item:not(:last-child):after {

}
.cw-accordion__item .cw-label {position: relative;}
.cw-accordion__item .cw-label .name {
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: #7F7F7D;
  display: block;
  width: 90%;
  position: relative;
	font-family: 'HelveticaNeueCyr';
}
.cw-accordion__item:hover .cw-label,
.cw-accordion__item:hover .left,
.cw-accordion__item.cw-open .left,
.cw-accordion__item.cw-open .cw-label,
.cw-accordion__item.cw-open .cw-label .name,
.cw-accordion__item:hover .cw-label .name {
  color: #fff;
}

.cw-accordion__item .cw-label:after {
  position: absolute;
  right: 0;
  content: "+";
  font-size: 32px;
  top: 0;
  bottom: 0;
  margin: auto;
  color: #7F7F7D;
  border: #7F7F7D 1px solid;
  width: 56px;
  height: 56px;
  border-radius: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cw-accordion__item.cw-open .cw-label:after {
  content: "-";
}
.cw-accordion__item:hover .cw-label:after,
.cw-accordion__item.cw-open .cw-label:after {
  color: #fff;
  border: #fff 1px solid;
}
.cw-accordion__item .left {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #7F7F7D;
}

.cw-accordion__item .cw-acordion-cont {
 height: 0px;
 overflow: hidden;
 transition: 0.4s;
 -webkit-transition: .5s;
 max-width: 1040px;
}
.cw-accordion__item .cw-acordion-cont p {
  font-family: 'HelveticaNeueCyr';
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #fff;
}
.cw-accordion__item.cw-open .cw-acordion-cont {
  height: 100%;
  overflow: visible;
  padding-top: 40px;
  max-width: 90%;
}

.cw-accordion__item .cw-open + .cw-acordion-cont {
 height: auto;
 padding-top: 15px;
 padding-bottom: 15px;
}

/** Service Page - Section 9 **/
.service_9 {}
.service_9_items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.service_9_items .item {
  flex-basis: 50%;
  background: #EC6F23;
  padding: 56px 0;
  position: relative;
}
.service_9_items .item .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  color: #fff;
}
.service_9_items .item  .more_project {
  position: absolute;
  bottom: 56px;
}
.service_9_items .item-img {flex-basis: 50%;}
.service_9_items .item-img img {
  display: block;
  height: 100%;
  object-fit: cover;
}
.service_9_items .more_project a,.service_9_items .more_project  {color: #fff;}
.service_9_items .more_project a svg path,service_9_items .more_project svg path {stroke: #fff;}
.service_9_items .more_project a:after,.service_9_items .more_project:after {background: #fff;}

/** Contact Page **/
/** Contact Page - Section 1 **/
.contact_1 {
  background: #010000;
  padding-bottom: 80px;
  overflow: hidden;
}
.contact_1 .page__top {padding: 80px 0;}
.contact_1 .page__top .items .title h1,
.contact_1 #breadcrumbs span,
.contact_1 #breadcrumbs span a {color: #fff;}

.contact_info {
  align-items: center;
  padding: 38px 15px 38px 15px;
  position: relative;
  cursor: pointer;
  width: 100%;
  max-width: 1800px;
  margin-right: auto;
  margin-left: auto;
}
.contact_info:hover {
  background: rgb(255 255 255 / 25%);
}

.contact_1 .contact_info:not(:last-child) {border-bottom: solid 1px rgb(255 255 255 / 25%);}

.contact_info .left .title {
  color: #7F7F7D;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  transition: 1s;
}
.contact_info:hover .left .title {
  color: #fff;
  padding-left: 15px;
}
.contact_info .center {
  flex-basis: 50%;
  display: flex;
  align-items: center;
  gap: 24px;
}
.contact_info .center a {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #fff;
}
.contact_info .right {flex-basis: 20%;text-align: right;}



/** Contact Page - Section 2 **/
.service_9 {}
.contact_2_items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.contact_2_items .items {
  flex-basis: 50%;
  padding: 56px 0;
  height: 650px;
  max-width: 903px;
  margin-left: auto;
  position: relative;
}
.contact_2_items .contact-form form {
  position: absolute;
  bottom: 56px
}
.contact_2_items .items .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  color: #010000;
}

.contact_2_items .item-img {flex-basis: 50%;}
.contact_2_items .item-img img {
  display: block;
  height: 100%;
  object-fit: cover;
}


/** About Page - Section 1 **/
.about_1 {
  background: #010000;
  padding-bottom: 80px;
  overflow: hidden;
}
.about_1 .page__top {padding: 80px 0;}
.about_1 .page__top .items .title h1,
.about_1 #breadcrumbs span,
.about_1 #breadcrumbs span a {color: #fff;}

.about_1 .simple_block_1 {
  padding: 56px 0 200px 0;
  margin-bottom: 28px;
  border-bottom: solid 1px rgb(255 255 255 / 25%);
}
.about_1 .simple_block_1 .right .content p {color: #fff;}

.simple_block_4 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
}
.simple_block_4:not(:last-child) {margin-bottom: 80px;} 
.simple_block_4 .item {width: calc(100%/3 - 24px);}
.simple_block_4 .item .title,.simple_block_4 .item .title a {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #fff;
  position: relative;
}
.simple_block_4 .item:last-child .title {
	text-align: right;
	display: flex;
    align-items: center;
    gap: 5px;
	justify-content: end;
}
.simple_block_4 .item:last-child .title div {
	position: relative;
	display: flex;
	align-items: center;
}
.simple_block_4 .item:last-child .title div:after {
	content: '';
	height: 1px;
	background: #fff;
    width: 100%;
    position: absolute;
    bottom: -3px;
}
.simple_block_4 .item:last-child .title div svg {}
.simple_block_4 .item .title sup {
  position: absolute;
  top: -7px;
}
.simple_block_4 .item .title a {}
.simple_block_4 .left {}
.simple_block_4 .center {}
.simple_block_4 .right {}

.simple_block_4 .item-2 {
  background: #121212;
  padding: 32px 24px;
  position: relative;
  height: 480px;
}
.simple_block_4 .item-2-1,
.simple_block_4 .item-2-2,
.simple_block_4 .item-2-3 {
  height: 480px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;
  transition: 1s;
}
.simple_block_4 .item-2-1:hover {
  background: url('assets/img/about/section-1-1.jpg');
}
.simple_block_4 .item-2-2:hover {
  background: url('assets/img/about/section-1-2.jpg');
}
.simple_block_4 .item-2-2:hover .title-2,
.simple_block_4 .item-2-2:hover .bottom .text {color: #000;}
.simple_block_4 .item-2-3:hover {
  background: url('assets/img/about/section-1-3.jpg');
}
.simple_block_4 .item-2:hover .bottom svg {display: none;}

.simple_block_4 .item-2 .title-2 {
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: #fff;
}
.simple_block_4 .item-2 .bottom {
  position: absolute;
  bottom: 24px;
  left: 0;
  right: 0;
  padding: 0 24px;
  display: flex;
  align-items: end;
  width: 100%;
}
.simple_block_4 .item-2 .bottom .text {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #fff;

}
.simple_block_4 .item-2 .bottom svg {margin-left: auto;}

/** About Page - Section 2 **/
.about_2 {padding-top: 160px;}
.about_2 .simple_block_1 {border-top: solid 1px hwb(0deg 0% 100% / 25%);}
.teams {
  padding-bottom: 80px;
}
.teams,
.teams .item,
.teams .item .info,
.teams .item .info .socia ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
.teams .item {
  flex-basis: calc(25% - 24px);
}
.teams .item .position {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #7F7F7D;
}
.teams .item .image {
  position: relative;
}
.teams .item:last-child {align-items: end;}
.teams .item:last-child .image:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background: #121212;
  opacity: 0.55;
}
.teams .item:last-child .image .text {
  max-width: 208px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: flex;
  align-items: center;
  width: 100%;
  height: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;
}
.teams .item:last-child .image {
  height: calc(100% - 104px);
  margin-bottom: 57px;
}
.teams .item .image img {
  display: block;
  height: 100%;
  object-fit: cover;
}
.teams .item .info {
  width: 100%;
  align-items: center;
  height: 32px;
}
.teams .item .info .name {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #010000;
  margin-right: auto;
}
.teams .item .info .socia {}
.teams .item .info .socia ul {gap: 16px;}
.teams .item .info .socia ul li {line-height: 0;}
.teams .item .info .socia ul li:not(:last-child) {margin-bottom: 0;}
.teams .item .info .socia ul li a {
  cursor: pointer;
}
.teams .item .info .socia ul li a:hover svg path {}


/** About Page - Section 3 **/
.about_3 {
  height: 100vh;
  max-height: 1000px;
  background-image: url('assets/img/about/section-3.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}

/** About Page - Section 4 **/
.about_4 {}
.about_4 .service_9_items .item {flex-basis: 100%;height: 400px;}
.about_4 .more_project a {color: #fff}
.about_4 .more_project a:after {background: #fff;}
.about_4 .more_project a svg path {stroke: #fff;}


/** 404 Page **/
.page404 {
  height: calc(100vh - 87px);
  max-height: 1000px;
  background-image: url('assets/img/404/page404.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
}
.block404 {
  margin-bottom: 100px;
}
.block404 h1 {
  font-size: 72px;
  font-weight: 400;
  line-height: 80px;
  letter-spacing: -0.01em;
  margin-bottom: 24px;
  color: #fff;
}
.block404 .sub-title {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
  color: #fff;
}
.block404 a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #fff;
  margin-top: 80px;
  display: block;
}


/** Catalog Page - Section 1 **/
.catalog_1 {padding: 80px 0;}
.catalog_1 .container {padding: 0;}
.catalog_1 .filter {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  padding: 0 15px;
}

.catalog_1 .filter .title {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  color: #7F7F7D;
}
.catalog_1 .filter .items {
  display: -ms-flexbox;
  display: flex;
  gap: 48px;
  margin-left: auto;
  padding-bottom: 0;
  align-items: center;
}
/* width */
.catalog_1 .filter .items::-webkit-scrollbar {
  width: 0px;
}

/* Track */
.catalog_1 .filter .items::-webkit-scrollbar-track {
  background: transparent;
}

/* Handle */
.catalog_1 .filter .items::-webkit-scrollbar-thumb {
  background: transparent;
}

/* Handle on hover */
.catalog_1 .filter .items::-webkit-scrollbar-thumb:hover {
  background: transparent;
}
.catalog_1 .filter .items .item a {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  position: relative;
  color: #010000;
}
.catalog_1 .filter .items .item a:before {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  height: 1px;
  width: 0;
  background: #7F7F7D;
  transition: all 0.25s linear;
}

.catalog_1 .filter .items .item:hover a:before,
.catalog_1 .filter .items .item a.active:before {width: 100%;}

.catalog_1 .filter .items .item sup {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #7F7F7D;
  position: absolute;
  top: -7px;
}

/** Catalog Page - Section 2 **/
.catalog_2 {margin-bottom: 80px;}
.catalog_items {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}
.catalog_items .catalog_item {
  flex-basis: calc(100%/3 - 16px);
  cursor: pointer;
  overflow: hidden;
}
.catalog_items .catalog_item .image {margin-bottom: 24px;overflow: hidden;}
.catalog_items .catalog_item .image img {
  display: block;
  transition: 1s;
  height: 400px;
  max-height: 400px;
  object-fit: cover;
}
.catalog_items .catalog_item:hover .image img {transform: scale(1.1);}
.catalog_items .catalog_item .name {
  font-size: 24px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.01em;
  color: #010000;
  margin-bottom: 4px;
}
.catalog_items .catalog_item .info {
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #7F7F7D;
  position: relative;
}
.catalog_items .catalog_item .info sup {
  position: absolute;
  top: -7px;
}

/** Catalog Page - Section 3 **/
.catalog_3 {
  border-top: solid 1px hwb(0deg 0% 100% / 25%);
}

/** Single Project **/
.project-1 {padding: 80px 0;}

.project-3 {margin-bottom: 40px;}
.project-3 .project_gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 12px;
}
.project-3 .project_gallery .image {}
.project-3 .project_gallery .image:nth-child(4n+2),
.project-3 .project_gallery .image:nth-child(4n+3),
.project-3 .project_gallery .image:last-child,
.project-3 .project_gallery .image:nth-last-child(2){
  width: calc(50% - 6px);
}
.project-3 .project_gallery .image img {
  height: 100%;
  object-fit: cover;
}

.project-2 {padding-bottom: 80px;}
.project-2 .info {
  display: -ms-flexbox;
  display: flex;
  gap: 150px
}
.project-2 .info .left {
  width: 30%;
  background: #fff;
  padding: 48px 40px;
}
.project-2 .info .left .top {
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  margin-bottom: 80px;
}
.project-2 .info .left .top .title {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: -0.01em;
}
.project-2 .info .left .top .brend {
  margin-left: auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.01em;
  color: #7F7F7D;
}
.project-2 .info .left .center {}
.project-2 .info .left .center .item {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 5px;
}
.project-2 .info .left .center .item:not(:last-child) {margin-bottom: 8px;}
.project-2 .info .left .center .item .name,
.project-2 .info .left .center .item .value {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
}
.project-2 .info .left .center .item .value {color: #7F7F7D;position: relative;}
.project-2 .info .left .center .item .value sup {position: absolute;top: -5px;}

.project-2 .info .right {width: 70%;}
.project-2 .info .right p {
  font-family: 'HelveticaNeueCyr';
  font-size: 16px;
    line-height: 24px;;
  letter-spacing: -0.01em;
}

.project-4 {margin-bottom: 80px;}
.simple_project_1,.simple_project_2 {
  display: -ms-flexbox;
  display: flex;
  gap: 150px;
}
.simple_project_2 {margin-bottom: 80px;}
.simple_project_1 .left,.simple_project_2 .left {width: 30%;}
.simple_project_1 .left .title, .simple_project_2 .right .title,
.project-3-3 .project_template_2 .item-2 .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
}
.simple_project_2 .right .title {margin-bottom: 24px;}
.project-3-3 .project_template_2 .item-2 .title,
.project-3-3 .project_template_2 .item-2 .text {margin-bottom: 44px;}
.project-3-3 .project_template_2 .item-2 .image img {display: block;}
.project-3-3 .project_template_2 .item-2 {text-align: center;}
.project-3-3 .project_template_2 .item-2:not(:last-child) {margin-bottom: 80px;}


.simple_project_1 .right,.simple_project_2 .right {width: 70%;}
.simple_project_1 .right .content,.simple_project_2 .right .content {margin-bottom: 80px;}
.simple_project_1 .right .content p,.simple_project_2 .right .content p,
.project-3-3 .project_template_2 .item-2 .text p {
  font-size: 16px;
  line-height: 24px;
      font-family: 'HelveticaNeueCyr';
  letter-spacing: -0.01em;
}
.project-3-3 .project_template_2 .item-2 .text {
	    width: 100%;
    max-width: 1200px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.simple_project_1 .right .more_project,.simple_project_2 .right .more_project {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
}
.simple_project_1 .right .more_project svg,.simple_project_2 .right .more_project svg {
  width: 24px;
  height: 24px;
}

.simple_project_2 {gap: 0 24px;}
.simple_project_2 .right {position: relative;}
.simple_project_2 .right .more_project {position: absolute;bottom: 10px;}

.simple_project_2:nth-child(1) .left {order: 2;width: 55%;}
.simple_project_2:nth-child(1) .right {width: 45%;}

.simple_project_2:nth-child(2) .left {width: 70%;}
.simple_project_2:nth-child(2) .right {width: 30%;}
.simple_project_2:nth-child(1) .right.full,
.simple_project_2:nth-child(2) .right.full,
.simple_project_2:nth-child(3) .right.full {width: 100%;}

.simple_project_2:nth-child(3) .left {order: 2;width: 45%;}
.simple_project_2:nth-child(3) .right {width: 55%;}

.simple_project_2 .image {height: 100%;}
.simple_project_2 .image img {height: 100%;object-fit: cover;}
.simple_project_2:nth-child(3) .image img {    
  max-height: 800px;
  object-fit: cover;
}

.project-6 .container:first-child .simple_block_1 {padding: 80px 0!important;}

/** Popup menu **/
.popup-menu {
  background-image: url('assets/img/popup-menu.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  /* text-align: center; */
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  visibility: hidden; /* Initially hidden */
  opacity: 0; /* Initially transparent */

}
.popup-menu.active {animation: slideFromTop 1s forwards; /* Animation duration and timing */}
@keyframes slideFromTop {
  0% {
    visibility: visible;
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
.close-icon {margin: auto;}
.popup-menu .main-head .action {margin-left: 0!important;}

/** Popup Call **/
.popup-call,.popup-thanks {
  overflow: hidden;
  opacity: 0;
}
.popup-call.active,.popup-thanks.active {
  overflow: visible;
  opacity: 1;
}
.popup-call.active .popup-content,.popup-thanks.active .popup-content {
  animation: popupcallTop 1.5s forwards; /* Animation duration and timing */
	    top: 0;
    margin: auto;
}
.popup-thanks.active .popup-content {
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 880px;
	padding: 0 80px;
}
.popup-thanks-partners.active .popup-content {
	background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
    background-color: #000;
}
.popup-thanks .popup-content .left .title {
	font-size: 48px;
	font-weight: 400;
	line-height: 56px;
	letter-spacing: -0.01em;
	text-align: left;
	max-width: 584px;
}
.popup-thanks-partners .popup-content .left .title {color: #fff;}
.popup-thanks .popup-content .close {
  position: absolute;
  top: 80px;
  right: 80px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.popup-thanks .popup-content .close:hover {transform: scale(1.1);}
@keyframes popupcallTop {
  0% {
    visibility: visible;
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
}
.popup-call:before,.popup-thanks:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgb(0 0 0 / 29%);
  visibility: hidden; /* Initially hidden */
  opacity: 0; /* Initially transparent */
  z-index: 50;

}
.popup-call.active:before,.popup-thanks.active:before {
  visibility: visible; /* Initially hidden */
  opacity: 1; /* Initially transparent */
}
.popup-before {height: 100%;}

.popup-call .popup-content,.popup-thanks .popup-content {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  z-index: 11;
  background: #fff;
  position: fixed;
  width: 100%;
  max-width: 90%;
  height: 100%;
  max-height: 90%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 999;
  background: #fff;
  visibility: hidden; /* Initially hidden */
  opacity: 0; /* Initially transparent */
  animation: popupcallTop2 1s forwards;
}
@keyframes popupcallTop2 {
  0% {
    visibility: visible;
    opacity: 1;
    transform: translateY(0%);
  }
  100% {
    visibility: visible;
    opacity: 0;
    transform: translateY(-100%);
  }
}

.popup-call .popup-content .left {
  width: 50%;
  padding: 80px;
}
.popup-call .popup-content .left .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  margin-bottom: 56px;
}
.popup-call .popup-content .contact-form .submit {margin-top: 80px;}
.popup-call .popup-content .right {
  width: 50%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  transition: all 1.5s ease; /* Smooth transition */
}
.popup-call .popup-content .right .close {
  position: absolute;
  top: 80px;
  right: 80px;
  cursor: pointer;
  transition: all .3s ease-in-out;
}
.popup-call .popup-content .right .close:hover {transform: scale(1.1);}
.popup-call .popup-content .right .close svg {}

.popup-call.done .popup-content .right {margin-left: auto;}
.popup-call.done .popup-content .left {flex-basis: 0%;opacity: 0;display: none;}

.popup-back-style {
  position: relative;
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: -0.01em;
  color: #000;
  display: flex;
  align-items: center;
  gap: 5px;
  width: max-content;
}
.popup-back-style:after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #010000;
}
.popup-back-style svg {width: 40px;height: 40px;}
.service_9_items .item .popup-back-style {color: #fff;}
.service_9_items .item .popup-back-style:after {background: #fff;}
.service_9_items .item .popup-back-style svg path {stroke: #fff;}

/** Footer **/
footer {
  height: auto;
  background-image: url('assets/img/home/footer/footer.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-bottom: 56px;
}
.footer-2 {
  height: auto;
  padding-bottom: 56px;
  background-image: url('assets/img/home/footer/footer-2.jpg');
}
.footer-3 {
  height: auto;
  padding-bottom: 56px;
  background-image: url('assets/img/home/footer/footer-3.jpg');
}

footer .center {}
footer .center .title {
  font-size: 48px;
  font-weight: 400;
  line-height: 56px;
  letter-spacing: -0.01em;
  max-width: 620px;
  color: #FFFFFF;
  margin: 220px auto 140px auto;
}
footer .center .address {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  max-width: 214px;
  margin: 0 auto 24px auto;
  color: #fff;
}
footer .center a {}
footer .center a:hover {}

footer .bottom {
  display: -ms-flexbox;
  display: flex;
  margin-top: 172px;
}
footer .bottom .footer_menu {width: 20%;}
footer .bottom .footer_menu-2 {width: 60%;margin: 0 auto;}
footer .bottom .footer_menu-2 ul {justify-content: center;}
footer .bottom .footer_menu:first-child {margin-left: 0;}
footer .bottom .footer_menu ul {
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}
footer .bottom .footer_menu ul li {}
footer .bottom .footer_menu ul li:not(:last-child) {margin-bottom: 0;}
footer .bottom .footer_menu ul li a, footer .center a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #fff;
}
footer .bottom .footer_menu ul li a:hover {}

footer .copyright {}

footer .copyright {
  margin-top: 32px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #fff;
}
footer .page_top {
  cursor: pointer;
  margin-top: 32px;
}
footer .page_top a {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.01em;
  color: #fff;
}


/** Media queries **/

@media only screen and (min-width:1440px){

}

@media only screen and (max-width:1660px){

}

@media only screen and (max-width:1440px){
/** Popup Call **/
.popup-call .popup-content .left {padding: 64px;}
.popup-call .popup-content {max-height: 720px;}
/** Page Top **/
.page__top {padding: 68px 0 0 0;}
.contact_1 .page__top {padding: 68px 0 64px 0;}
.page__top .items .title h1 {
  font-size: 64px;
  line-height: 72px;
}
.about_1 #breadcrumbs span, .about_1 #breadcrumbs span a {font-size: 14px;}

/** Simple block 1 **/
.simple_block_1 .left .title {
  font-size: 16px;
  line-height: 24px;
}
.simple_block_1 .right .content p {
  font-size: 24px;
  line-height: 32px
}
.simple_blocks_1 .right .info .top .name h4 {
  font-size: 20px;
  line-height: 28px;
}
.simple_blocks_1 .right .info .top .name .details {}
.more_project .title,
.simple_block_2 .left .title,
.simple_block_3 .left .title {
  font-size: 40px;
  line-height: 48px;
}
.simple_block_2 .right .clients .img img {
  max-width: 224px;
  margin-right: auto;
}
.simple_block_2 .more_project a {
  font-size: 24px;
  line-height: 32px;
}
.simple_block_2 .more_project svg {width: 32px;height: 32px;}

/** Header **/
.main-head {padding: 32px 0;}
.main-head .logo svg {max-width: 186px;}
.main-head .menu ul li a,
.home_1 .home_1_bottom .socia ul li a,
.main-head .action,
footer .bottom .footer_menu ul li a,
footer .center a,
footer .copyright,
footer .page_top a {
  font-size: 14px;
  line-height: 18px;
}
.main-head .action {}

/** Home Page - Section 1 **/
.home_1 .home_1_bottom {bottom: 32px;}

/** Home Page - Section 2 **/
.home_2 {padding: 64px 0;}

/** Home Page - Section 4 **/
.home_4 .home_4_catalog .item .background {height: 900px;}
.home_4 .home_4_catalog .item .background .name {
  font-size: 40px;
  line-height: 48px;
}
.home_4 .home_4_catalog .item .background .count {
  font-size: 24px;
  line-height: 32px;
}
/** Home Page - Section 5 **/
.home_5 .simple_block_1 .right .content p {margin-bottom: 64px;}

/** Home Page - Section 7 **/
.home_7 {max-height: 828px;}

/** Home Page - Section 8 **/
.home_8 {padding: 140px 0;}

.contact-form .item input, 
.contact-form .item input::placeholder,
.contact-form .item textarea {
  font-size: 24px;
  line-height: 24px;
  padding: 18px 0 14px;
	-webkit-appearance: none;
}
.contact-form .item:not(:last-child) {margin-bottom: 24px;}
.contact-form .submit {
  font-size: 24px;
  line-height: 32px;
}
.contact-form .submit svg {width: 32px;height: 32px;}


/** About Page - Section 1 **/
.about_1 .page__top {padding: 68px 0 64px;}
.about_1 .simple_block_1 {padding: 56px 0 140px 0}

/** About Page - Section 2 **/
.simple_block_4 .item .title, .simple_block_4 .item .title a {
  font-size: 14px;
  line-height: 14px;
}
.simple_block_4:not(:last-child){margin-bottom: 66px;}
.simple_block_4 .item-2 .title-2 {font-size: 24px;line-height: 32px;}
.simple_block_4 .item-2 .bottom .text {font-size: 20px;line-height: 28px;}

.teams, .teams .item, .teams .item .info {gap: 22px;}
.teams .item .info .name {font-size: 20px;line-height: 28px;}

/** About Page - Section 3 **/
.about_3 {max-height: 900px;}
.service_9_items .item .title {font-size: 40px;line-height: 48px;}
.service_9_items .more_project a,.service_9_items .more_project  {font-size: 24px;line-height: 32px;}
.service_9_items .more_project svg {width: 32px;height: 32px;}
.service_9_items .item {height: 400px;}

/** Catalog Page - Section 1 **/
.catalog_1 {padding: 64px 0;}
.catalog_1 .filter .title {font-size: 16px;line-height: 24px;}
.catalog_1 .filter .items .item a {font-size: 32px;line-height: 40px;}

/** Catalog Page - Section 3 **/
.catalog_2 {margin-bottom: 64px;}
.catalog_3 .more_block {padding: 64px 0;}

/** Contact Page **/
/** Contact Page - Section 1 **/
.contact_1 {padding-bottom: 64px;}
.contact_info {padding: 28px 15px;}
.contact_info .center a {
  font-size: 16px;
  line-height: 24px;
}
/** Contact Page - Section 2 **/
.contact_2_items .items {height: 600px;}
.contact_2_items .items .title {
  font-size: 40px;
  line-height: 48px;
}
.contact_2_items .contact-form form {max-width: 450px;}
.contact_2_items .contact-form .submit {margin-top: 64px;}

/** Service Page - Section 2 **/
.service_2 .simple_block_1 .left .title-2 {
  font-size: 40px;
  line-height: 48px;
}
.service_2 .simple_block_1 .right .more_project {margin-top: 80px;}
/** Service Page - Section 7 **/
.service_7 {max-height: 900px;}

/** Footer **/
footer {padding-bottom: 32px;}

}

@media only screen and (max-width:1280px){
/** Single Project **/
	.project-2 .info {gap: 75px;}
}

@media only screen and (max-width:1150px){

}

@media only screen and (max-width:1050px) {
	.header-page .mob svg path {stroke: #010000;
    fill: #010000;}
.menu_a .mob {display: block;}
/** Popup Call **/
.popup-thanks {}
	.popup-thanks.active .popup-content {background-position: right;align-items: baseline;padding: 48px 40px;max-height: 512px;}
	.popup-thanks .popup-content .left .title {
		    font-size: 24px;
    line-height: 32px;
    max-width: 257px;
	}
	.popup-thanks .popup-content .close {top: 40px;right: 40px;}
.popup-call .popup-content {
  flex-wrap: wrap;
  max-width: 360px;
  max-height: 512px;
	top: -100%;
    margin: 0;
}
.popup-call .popup-content .left {width: 100%;order: 2;padding: 0 16px 14px 16px;margin-bottom: auto;}
.popup-call .popup-content .left .title {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
  max-width: 102px;

}
	.popup-partners .popup-content .left .title {color: #fff;max-width: 202px;}
	.popup-partners .popup-content .right {background-position: top;}
	.popup-partners .popup-content .contact-form .submit {margin-top: 30px;}
.popup-call .popup-content .right {height: 200px;width: 100%;margin-bottom: auto;}
.popup-call .popup-content .right .close {top: 16px;right: 16px;}
.popup-call .popup-content .right .close svg {width: 32px;height: 32px;}
.popup-call .contact-form .item input,
.popup-call .contact-form .item input::placeholder,
.popup-call .contact-form .item textarea {
  font-size: 14px;
  line-height: 14px;
  padding: 18px 0 6px;
  max-height: 50px;
	-webkit-appearance: none;
}
.popup-call .contact-form .item:not(:last-child) {margin-bottom: 8px;}
.popup-call .popup-content .contact-form .submit {
  margin-top: 16px;
  font-size: 14px;
  line-height: 14px;
}
.popup-call .popup-content .contact-form .submit svg {width: 16px;height: 16px;}
.popup-call.done .popup-content .right {background-position: center;}
/** Page Top **/
.page__top .items .title h1 {
  font-size: 40px;
  line-height: 48px;
}
.about_1 #breadcrumbs span, .about_1 #breadcrumbs span a {font-size: 12px;}

/** Simple block 1 **/
.simple_block_1 .left .title,
.simple_blocks_1 .right .info .top .name .details {
  font-size: 12px;
  line-height: 16px;
}
.simple_block_1 .right .content p,
.simple_blocks_1 .right .info .top .name h4 {
  font-size: 16px;
  line-height: 24px
}

.more_project .title,
.simple_block_2 .left .title,
.simple_block_3 .left .title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 8px;
}
.more_project a {
  font-size: 14px;
  line-height: 18px;
}
.more_project a svg {width: 16px;height: 16px;}
.simple_block_2 .right .clients .img img {
  max-width: 224px;
  margin-right: auto;
}
.simple_block_2 .more_project a {
  font-size: 24px;
  line-height: 32px;
}
.simple_block_2 .more_project svg {width: 32px;height: 32px;}
.simple_blocks_1 .right {padding: 24px 0 24px  50px}
.simple_blocks_1 .right .info .center {margin-top: 32px;}
.simple_blocks_1 .right .info .top .action {font-size: 14px;line-height: 18px;margin-left: auto;}
.simple_blocks_1 .right .info .top .action svg {width: 16px;}
.simple_blocks_1 .right .info .top .show:before {width: 40px;height: 40px;}
.more_block {padding: 32px 0;}

/** Header **/
.main-head {padding: 24px 0;}
.main-head .menu nav {display: none;}
.main-head .action {margin-left: auto;}

/** Home Page - Section 4 **/
.home_4 .home_4_catalog .item .background {
  height: 432px;
  padding: 40px 32px;
}
.home_4 .home_4_catalog .item .background .name {
  font-size: 24px;
  line-height: 32px;
}
.home_4 .home_4_catalog .item .background .count {
  font-size: 16px;
  line-height: 24px;
  right: 32px;
  bottom: 40px;
}

/** About Page - Section 1 **/
.simple_block_4 .item {width: auto;margin-left: auto;}
.simple_block_4 .left {margin-left: 0;}
.simple_block_4 .item-2-1, 
.simple_block_4 .item-2-2, 
.simple_block_4 .item-2-3 {height: 320px;}
.about_1 .simple_block_4:last-child .item {
  width: calc(100% / 3 - 17px);
  background-size: contain;
  background-position: center;
}
.simple_block_4 .item-2 {
  padding: 24px 16px;
}
.simple_block_4 .item-2 .title-2 {
  font-size: 16px;
  line-height: 24px;
}
.simple_block_4 .item-2 .bottom {
  bottom: 20px;
  padding: 0 16px;
}
.simple_block_4 .item-2 .bottom .text {
  font-size: 14px;
  line-height: 18px;
}
.simple_block_4 .item-2 .bottom svg {display: none;}
.simple_block_4 .item-2-1 {
  background: url('assets/img/about/section-1-1.jpg');
}
.simple_block_4 .item-2-2 {
  background: url('assets/img/about/section-1-2.jpg');
}
.simple_block_4 .item-2-2.title-2,
.simple_block_4 .item-2-2.bottom .text {color: #000;}
.simple_block_4 .item-2-3 {
  background: url('assets/img/about/section-1-3.jpg');
}

/** Catalog Page - Section 1 **/
.catalog_1 {padding: 48px 0;}
.catalog_1 .filter .title {
  font-size: 12px;
  line-height: 14px;
}
.catalog_1 .filter .items .item a {font-size: 24px;line-height: 32px;}
.catalog_1 .filter .items .item sup {font-size: 12px;line-height: 14px;}
.catalog_items .catalog_item {flex-basis: calc(100%/2 - 12px)}
.catalog_items .catalog_item .name {font-size: 20px;line-height: 28px;}
.catalog_items .catalog_item .info {font-size: 14px;line-height: 18px;}

/** Catalog Page - Section 1 **/
.catalog_2 {margin-bottom: 48px;}
.catalog_3 .more_block {padding: 41px 0;}

/** Contact Page **/
/** Contact Page - Section 1 **/
.contact_1 .page__top {padding: 50px 0 48px 0;}
.contact_info {padding: 23px 15px;}
.contact_1 .simple_block_1 .left .title, .contact_info .center a {
 font-size: 14px;
 line-height: 18px;
}

/** Contact Page - Section 2 **/
.contact_2_items .items {padding: 48px 0;height: 430px;}
.contact_2_items .items .title {font-size: 24px;line-height: 32px;}
.contact_2_items .contact-form .item input, 
.contact_2_items .contact-form .item input::placeholder, 
.contact_2_items .contact-form .item textarea {
  font-size: 16px;
  line-height: 16px;
  padding: 16px 0 8px 0;
}
.contact_2_items .contact-form .item:not(:last-child) {margin-bottom: 16px;}
.contact_2_items .contact-form .submit {margin-top: 48px;}

/** Service Page - Section 2 **/
.home_2 {padding: 48px 0;}
.service_1 img {margin: 120px 0 0 0;}
.service_2 img {margin-top: 64px;}
.home_2 .container {padding: 0;}
.home_2 .simple_block_1 {padding: 0 15px;}
.service_2 .simple_block_1 .left .title-2 {
  max-width: 144px;
  font-size: 24px;
  line-height: 32px;
}
.service_2 .simple_block_1 .right .more_project {margin-top: 24px;}

.service_6 .container:first-child .simple_block_1 {padding: 120px 0 64px;}
.service_6 .container:first-child .title, .service_8 .simple_block_1 .title {
  font-size: 24px;
  line-height: 32px;
}
.service_7 {max-height: 432px;}
.service_8 {padding-bottom: 120px;}
.service_8 .simple_block_8 {padding: 120px 0 64px;}

/** Popup menu **/
.popup-menu .main-head .menu {margin: 0 auto;padding-top: 200px;}
.popup-menu .main-head .menu ul {padding: 0;}
.popup-menu .main-head .menu nav {display: flex;}
.popup-menu .main-head .menu ul li {width: 100%;text-align: center;}
.popup-menu .main-head .menu ul li a {
  font-size: 24px;
  line-height: 32px;
}
.popup-menu .bottom {
  position: absolute;
  width: 100%;
  bottom: 24px;
  left: 0;
  display: flex;
  align-items: center;
  padding: 0 15px;
}
.popup-menu .copyright,.popup-menu .bottom .menu_a a {
  margin-left: auto;
  color: #fff;
  font-size: 14px;
  line-height: 18px;
}
	
/** Single Project **/
	.project-2 .info {flex-wrap: wrap;gap: 48px;}
	.project-2 .info .left {
		width: 100%;
    	padding: 24px;
	}
	.project-2 .info .left .top {margin-bottom: 48px;}
	.project-2 .info .left .top .title {
		font-size: 20px;
    	line-height: 28px;
	}
	.project-2 .info .right {
		width: 100%;
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.01em;
	}
	.project-2 .info .right p {
		font-size: 14px;
		font-weight: 400;
		line-height: 18px;
		letter-spacing: 0.01em;
	}
	.simple_project_1 .left .title, .simple_project_2 .right .title,
	.project-3-3 .project_template_2 .item-2 .title, .project-3-3 .project_template_2 .item-2 .text {
		font-size: 24px;
    	line-height: 32px;
	}
	.project-3-3 .project_template_2 .item-2 .title {margin-bottom: 24px;}
	.simple_project_1 .right .content p, .simple_project_2 .right .content p,
	.project-3-3 .project_template_2 .item-2 .text p {
		font-size: 14px;
		line-height: 18px;
	}
	.simple_project_1 .right .more_project, .simple_project_2 .right .more_project {
		font-size: 12px;
    	line-height: 14px;
	}
	.simple_project_1 .right .more_project svg, .simple_project_2 .right .more_project svg {
		width: 14px;
		height: 14px;
	}
	.simple_project_1 {gap: 24px;}
	


}

@media only screen and (max-width:768px){
.simple_blocks_1 .right .info .center .img:first-child {width: 100%;margin-right: 0;}
.simple_blocks_1 .right .info .center .img:last-child {display: none;}
	

/** Home Page - Section 6 **/
.home_6 .simple_block_2 .left {padding: 40px 0;}
.home_6 .simple_block_2 .left .title {font-size: 22px;}
.home_6 .simple_block_2 .right .clients {gap: 16px;}
.home_6 .simple_block_2 .right {padding: 56px 25px;}
.home_6 .simple_block_2 .right .clients {justify-content: center;}
.home_6 .simple_block_2 .right .clients .img {flex-basis: calc(50% - 16px);}
.home_6 .simple_block_2 .more_project a, .home_6 .simple_block_2 .more_project {
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.01em;
	color: #000;
	position: relative!important;
}
	.service_5 .simple_block_2 .more_project {color: #fff;}
.service_5 .simple_block_2 .popup-back-style:after {background: #fff;}
.home_6 .simple_block_2 .popup-back-style:after {background: #000;}
.home_6 .simple_block_2 .more_project svg {width: 16px;height: 16px;}
.home_6 .simple_block_2 .more_project {bottom: 22px;}
.home_6 .simple_block_2 .left:after {bottom: 58px;}
	.cw-accordion__item {padding: 16px 0;}
	.cw-accordion__item.cw-open .cw-acordion-cont {padding-top: 16px;}

	.popup-thanks.active .popup-content {padding: 16px;}
	.popup-thanks .popup-content .left .title {font-size: 20px;line-height: 28px;}
	.popup-thanks .popup-content .close {right: 16px;top: 16px;}
	.popup-thanks .popup-content .close svg {width: 32px;height: 32px;}
/** Home Page - Section 7 **/
.home_7 {max-height: 432px;}

/** Home Page - Section 8 **/
.home_8 {padding: 80px 0;}
.simple_block_3 .left .title {margin-bottom: 64px;}
.simple_block_3 {flex-wrap: wrap;}
.simple_block_3 .left, .simple_block_3 .right {flex-basis: 100%;}

.contact-form .item input, 
.contact-form .item input::placeholder, 
.contact-form .item textarea {
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.01em;
  padding: 8px 0;
}
.contact-form .item:not(:last-child) {margin-bottom: 16px;}
.contact-form .submit {
  margin-top: 30px;
  font-size: 14px;
  line-height: 18px;
  gap: 4px;
}
.contact-form .submit svg {
  width: 16px;
  height: 16px;
}

/** About Page - Section 1 **/
.about_1 .simple_block_4:last-child {
	flex-wrap: inherit;
	overflow: scroll;
    width: 100vh;
}
.about_1 .simple_block_4:last-child .item {width: calc(100% / 2 - 17px);}

/** About Page - Section 2 **/
.teams {padding-bottom: 48px;}
.teams .item {flex-basis: calc(100%/3 - 24px);gap: 14px;}
.teams .item:last-child {flex-basis: 100%;    align-items: flex-start;}
.teams .item:last-child .image {width: 100%;margin-bottom: 0;height: 100%;}
.teams .item:last-child .image .text {
  max-width: 219px;
  font-size: 14px;
  line-height: 18px;
}
.teams .item .position {
  font-size: 12px;
  line-height: 14px;
}
.teams .item .info {height: auto;}
.teams .item .info .name {font-size: 14px;line-height: 18px;}
.teams .item .info .socia ul li a svg {width: 14px;line-height: 14px;}

/** About Page - Section 3 **/
.about_3 {max-height: 432px;}
.about_4 .service_9_items .item	{height: 200px;}
.service_9_items .item .more_project {bottom: 30px;}
.service_9_items .item .title {font-size: 24px;line-height: 32px;}
.service_9_items .more_project a,.service_9_items .more_project  {font-size: 14px;line-height: 18px;}
.service_9_items .more_project svg {width: 16px;height: 16px;}
.service_9_items .item {height: 280px;}


/** Footer **/
footer .center .title {
  font-size: 44px;
  font-weight: 400;
  line-height: 44px;
  margin: 140px auto;
}
footer .center .address {
  font-size: 14px;
  line-height: 18px;
}
footer .bottom {flex-wrap: wrap;gap: 14px;}
footer .bottom .footer_menu {width: 100%;}
footer .bottom .footer_menu ul {justify-content: center;}
	
/** Single Project **/
	.project-1 {padding: 24px 0;}
	.project-2 {padding-bottom: 24px;}
	.project-2 .info {gap: 24px;}
	.project-2 .info .left .top {margin-bottom: 32px;}
	
	.project-3 .project_gallery {gap: 24px 12px;}
	
	.simple_project_1, .simple_project_2 {flex-wrap: wrap;}
	
	.simple_project_1 .left, .simple_project_2 .left,
	.simple_project_1 .right, .simple_project_2 .right,
	.simple_project_2:nth-child(1) .right,
	.simple_project_2:nth-child(1) .left,
	.simple_project_2:nth-child(3) .right,
	.simple_project_2:nth-child(3) .left,
	.simple_project_2:nth-child(2) .right, 
	.simple_project_2:nth-child(2) .left {width: 100%;}
	
	.simple_project_2:nth-child(2) .left {order: 2;margin-top: 32px;}
	
	.simple_project_1 .right .content, .simple_project_2 .right .content,
	.simple_project_2:nth-child(1) .right,
	.simple_project_2:nth-child(3) .right,
	.simple_project_2 {margin-bottom: 32px;}
	
	.simple_project_2 .right .more_project {position: relative;}
	
	.project-6 .container:first-child .simple_block_1 {
		gap: 0;
    	padding: 24px 0 !important;
	}
	.project-6 .container:first-child .simple_block_1 .title {
		font-size: 20px;
    	line-height: 28px;
	}

}

@media only screen and (max-width: 556px){
	.preloader img {object-fit: cover;}
	html, body {overflow-x: hidden;}
	.popup-menu .main-head .menu {padding-top: 170px;}
	.popup-menu .main-head .menu ul {padding: 0;gap: 12px;}
.popup-menu .bottom .footer_menu {display:none;}
.popup-menu .copyright {margin: auto;}
	.close-icon {
		margin: auto;
    position: absolute;
    width: max-content;
    right: 15px;
	}
	..close-icon svg {width: 24px;height: 24px;}
	.popup-menu .main-head .menu ul li a {font-size: 20px;line-height: 28px;}
/** Page Top **/
.about_1 .page__top,.page__top {padding: 44px 0 32px;}
.page__top .items .title h1 {
  font-size: 32px;
  line-height: 40px;
}
.page__top .items .title h1 br {display: none;}
.page__top .items .title {width: 100%;}
#breadcrumbs {margin-left: 0;margin-top: 16px;}
.about_1 #breadcrumbs span, .about_1 #breadcrumbs span a {font-size: 12px;}

/**  **/
.more_project .title, 
.simple_block_2 .left .title, 
.simple_block_3 .left .title {
  font-size: 20px;
  line-height: 28px;
}
.more_project .title sup,
.more_project a {
  font-size: 12px;
  line-height: 14px;
}
.simple_block_1 .left .title br {display: none;}

/** Header **/
.main-head .action {display: none;}
.popup-menu .main-head .action {
	display: flex;
	    position: absolute;
    bottom: 150px;
    right: 0;
    left: 0;
    width: max-content;
    margin-right: auto;
    margin-left: auto !important;
}
header.fixed-header .main-head {padding: 16px 0;}
.main-head .logo svg {max-width: 146.12px;display: block;}

/** Home Page - Section 1 **/
	.home_1 {background-image: url(https://syntez.design/wp-content/uploads/2024/04/home_1_mob.png);}
.home_1 .home_1_center h1 {
  font-size: 12px;
  line-height: 14px;
}
.home_1 .home_1_center {margin-top: 131px;}
.home_1 .home_1_center .sub-title {
font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: -0.01em;
    text-align: center;
}
.home_1 .home_1_center .sub-title sup {
  font-size: 24px;
line-height: 24px;
}
	.home_1 .home_1_gif {top: 300px;}
	.home_1 .home_1_gif img {
		width: 200%;
    margin-left: -50%;
	}

/** Home Page - Section 2 **/
.home_2 {
  padding: 24px 0;
}
.simple_block_1 {gap: 24px 0;}
.simple_block_1 .left,
.simple_block_1 .right {flex-basis: 100%;}
.simple_blocks_1,
.simple_blocks_1 .right .info .top {flex-wrap: wrap;}
.simple_blocks_1 .left {
  border-right: 0;
  padding: 21px 0 0;
}
.simple_blocks_1 .left .stamp {display: none;}
.simple_blocks_1 .right {padding: 0;}
.simple_blocks_1 .right .info .top div {width: 100%;}
.simple_blocks_1 .right .info .top {gap: 24px 0;}
.simple_blocks_1 .right .info .top .action {
  width: auto;
  margin-left: 0;
}
.simple_blocks_1 .right .info .top .show {
  position: absolute;
  top: 16px;
  right: 7px;
  width: auto;
}
.simple_blocks_1 .right .info .top .show:before {
  width: 24px;
  height: 24px;
  font-size: 20px;
  line-height: 0;
}
.simple_blocks_1 .right .info .center {
  margin-top: 24px;
  margin-bottom: 24px;
}
.home_3 .container {position: relative;}
.more_block {gap: 0!important;}

/** Home Page - Section 4 **/
.home_4 .home_4_catalog {flex-wrap: wrap;}
.home_4 .home_4_catalog .item {flex-basis: 100%;}
	.home_4 .home_4_catalog .item:after {opacity: 1;}
.home_4 .home_4_catalog .item .background {
  height: 240px;
  padding: 8px;
}
.home_4 .home_4_catalog .item .background .name {
  font-size: 20px;
  line-height: 28px;
}
.home_4 .home_4_catalog .item .background .count {
  bottom: 8px;
  right: 8px;
  font-size: 14px;
  line-height: 18px;
}

/** Home Page - Section 5 **/
.home_5 {
  padding: 80px 0 0 0;
}
.home_5 .simple_block_1 {padding-bottom: 48px;}
.home_5 .container:last-child .simple_block_1 {border-bottom: 0;}

/** Home Page - Section 6 **/
.home_6 .simple_block_2 {flex-wrap: wrap;}
.home_6 .simple_block_2 .left,.home_6  .simple_block_2 .right {flex-basis: 100%;}
.home_6 .simple_block_2 .left {
  border-right: 0;
  order: 2;
  padding: 24px 0 48px 0;
}
.home_6 .simple_block_2 .left .title {
  margin-bottom: 80px;
  font-size: 20px;
  line-height: 28px;
}
.home_6 .simple_block_2 .more_project {position: initial;}
.home_6 .simple_block_2 .right {padding: 48px 0;}
.home_6 .simple_block_2 .left:after {bottom: 194px;}
	.service_5 .simple_block_2 .left:after {bottom: 250px;}
	.service_5 .simple_block_2 .left .title {margin-bottom: 68px;}
.home_6 .simple_block_2 .right .clients {gap: 8px;}

/** Home Page - Section 7 **/
.home_7 {max-height: 400px;}

/** About Page - Section 1 **/
.about_1 .simple_block_4:last-child {flex-wrap: inherit;}
.about_1 .simple_block_4:last-child .item {width: calc(100% / 2 - 17px);}
.about_1 .simple_block_4:not(:last-child) {align-items: baseline;margin-bottom: 48px;}
.simple_block_4 .left {width: 20%;}
.simple_block_4 .center {width: 20%;}
.simple_block_4 .right {width: 40%;}
.simple_block_4 .item:last-child .title {flex-wrap: wrap;}
.simple_block_4 .item:last-child .title div {gap:3px;}
.simple_block_4 .item:last-child .title svg {width: 14px;
    height: 14px;}

/** About Page - Section 2 **/
.about_2 {padding-top: 80px}
.teams {padding-bottom: 48px;}
.teams .item {flex-basis: calc(100%/2 - 11px);gap: 12px;}
.teams .item:last-child {flex-basis: calc(100%/2 - 11px);    align-items: center;}
.teams .item:last-child .image {width: 100%;margin-bottom: 6px;height: calc(100% - 54px);}
.teams .item:last-child .image .text {
  max-width: 219px;
  font-size: 14px;
  line-height: 18px;
}
.teams .item .position {
  font-size: 10px;
  line-height: 12px;
}
.teams .item .info {height: auto;}
.teams .item .info .name {font-size: 14px;line-height: 18px;}
.teams .item .info .socia ul li a svg {width: 14px;line-height: 14px;}

/** About Page - Section 3 **/
.about_3 {max-height: 400px;}
.service_9_items .item .title {font-size: 20px;line-height: 28px;}
.service_9_items .more_project a,.service_9_items .more_project  {font-size: 14px;line-height: 18px;}
.service_9_items .more_project svg {width: 16px;height: 16px;}
.service_9_items .item {height: 206px;padding: 24px 0;}

/** Catalog Page - Section 1 **/
.catalog_1 {padding: 0 0 13px 0;}
.catalog_1 .filter .items .item a {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.01em;
}
.catalog_1 .filter .items {
  padding-bottom: 0;
  gap: 25px;
  overflow-x: scroll;
  height: 60px;
  align-items: center;
  width: 100%;
}
.catalog_items .catalog_item {flex-basis: 100%;}
.catalog_items .catalog_item .image {margin-bottom: 16px;}
.catalog_items .catalog_item .image img {height: 208px;}

/** Catalog Page - Section 3 **/
#load-more {
  margin: 0 auto;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.01em;
}
.catalog_3 .more_block {padding: 25px 0;}
.catalog_3 .more_project a {
  margin: 0 auto;
  font-size: 14px;
  line-height: 18px;
}

/** Contact Page **/
/** Contact Page - Section 1 **/
.contact_1 {padding-bottom: 48px;}
.contact_1 .page__top {padding: 44px 0 48px 0;}
.contact_1 .simple_block_1 {gap: 16px;}
.contact_info {padding: 16px 15px;}
.contact_1 .simple_block_1 .left .title, .contact_info .center a {}
.contact_info .right {
  position: absolute;
  right: 15px;
  bottom: 11px;
}
.contact_info .right svg {
  width: 18px;
  height: 13.5px;
}

/** Contact Page - Section 2 **/
.contact_2_items .items {padding: 80px 0;height: 400px;}
.contact_2_items .items .title {
  font-size: 20px;
  line-height: 28px;
}
.contact_2_items .items .title br {display: none;}
.contact_2_items .items .title br:first-child {display: block;}
.contact_2 .contact_2_items .items,
.contact_2 .contact_2_items .item-img {flex-basis: 100%;}


/** Service Page **/
.service_2 {padding: 16px 0 28px;}
.service_1 img,.service_2 img {
  margin-top: 80px;
  height: 240px;
  object-fit: cover;
}
.service_2 img {margin-top: 56px;}
.service_2 .simple_block_1 .left .title-2 {
  font-size: 20px;
  line-height: 28px;
  max-width: 100%;
}
.service_2 .simple_block_1 .right .content p {font-size: 14px;line-height: 18px;}
	.service_2 .simple_block_1 .right .more_project {font-size: 14px;line-height: 18px;margin-top: 16px;}
	.service_2 .simple_block_1 .right .more_project svg {width: 16px;height: 16px;}
.service_5 .simple_block_2 .left .sub-title {margin-bottom: 8px;}
.service_6 .container:first-child .simple_block_1,
.service_8 .simple_block_8 {padding: 80px 0 48px;}
.service_7 {max-height: 400px;}
.service_8 {padding-bottom: 80px;}
.service_8 .simple_block_1 .left {flex-basis: 70px;}
.service_8 .simple_block_1 .right {flex-basis: calc(100% - 70px);position: relative;}
.cw-accordion__item .cw-label,.cw-accordion__item .cw-label .name {
  font-size: 20px;
  line-height: 28px;
	
}
	.cw-accordion__item .cw-label .name {width: 85%;}
	.cw-accordion__item:hover .cw-label:after, .cw-accordion__item.cw-open .cw-label:after {
		font-size: 17px;
	}
.cw-accordion__item .left {
  font-size: 12px;
  line-height: 28px;
  z-index: 9;
}
.cw-accordion__item .cw-label:after {
  width: 24px;
  height: 24px;
  font-size: 16px;
  z-index: 9;
}
.cw-accordion__item .cw-acordion-cont p {
  font-size: 14px;
  line-height: 18px;
  position: relative;
  z-index: 9;
  max-width: 282px;
}
.cw-accordion__item.cw-open:after, .cw-accordion__item:hover:after {left: -90%;}
.cw-accordion__item.cw-open:before, .cw-accordion__item:hover:before {right: -90%;}
.service_9_items .item,
.service_9_items .item-img {flex-basis: 100%;}


/** Footer **/
footer .center .title {
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
  margin: 80px 0;
}
footer .bottom .footer_menu ul {gap: 0 16px;}
 footer .bottom .footer_menu ul li a, 
 footer .center a, footer .copyright, 
 footer .page_top a {
  font-size: 12px;
  line-height: 14px;
 }

}

@media only screen and (max-width: 375px){
	.home_1 .home_1_gif {top: 220px;}
}

@media only screen and (max-height: 850px){

}

@media only screen and (max-height: 606px){

}

@media only screen and (max-height: 506px){

}

@media only screen and (max-height: 406px){

}