body, a:visited, a:hover, a:focus {
	font-family: 'Arial',Arial,sans-serif;
	color: #ff5c17;
}
body, html {
	overflow-x: hidden;
}
.h-1 {
	font-size: 150px;
	line-height: 152px;
	letter-spacing: -3px;
}
.h-2 {
	font-size: 110px;
	letter-spacing: -3px;
	line-height: 115px;
}
.h-3 {
	font-size: 30px;
	line-height: 35px;
}
.p-1 {
	line-height: 33px;
	font-size: 22px;
}
.p-2 {

}
.p-3 {

}
.strong {
	font-size: 32px;
	letter-spacing: -1px;
	line-height: 32px;
}
.page {
	margin-bottom: 0;
}
.howwework-items__container .desctop-hidden {
	display: none;
}
a {
	cursor: poiner;
	color: #ff5c17;
}
a::hover, a::visited, .ff-default .ff-el-form-control {
	color: #ff5c17;
}
/* ------------------------------------------------------------------------- Cookie Consent */
.cookie-banner {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	text-align: center;
	padding: 1rem 1rem;
	background: #000;
	transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
	-moz-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
	-ms-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
	-o-transition: all 5s cubic-bezier(0.19, 1, 0.22, 1);
}
.cookie-banner--hide {
	display: none;
	bottom: -100%;
}
.cookie-banner .cookie-banner-button {
	display: inline-block;
	cursor: pointer;
	padding: 0.85rem 1rem;
	margin-left: 0.45rem;
	color: #000;
	font-size: 0.75rem;
	text-decoration: none;
	letter-spacing: 1px;
	background: #fff;
}
@media only screen and (max-width: 600px) {
	.cookie-banner span {
		display: inline-block;
		padding: 10px;
	}
}

/* ------------------------------------------------------------------------- /Cookie Consent */


/* -------------------------------------------------------------------animations----------------------------------------------------------------------- */

.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.animated {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

//IMPORTANT
.cssanimations .animated {
	opacity:0;
}

@media screen and (max-width:1200px) {
	.animated {
		opacity: 1;
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInRight {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(100%,0,0);
		-ms-transform: translate3d(100%,0,0);
		transform: translate3d(100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}



@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%,0,0);
		transform: translate3d(-100%,0,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}




@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}



@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-100%,0);
		transform: translate3d(0,-100%,0)
	}

	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
/* -------------------------------------------------------------------/animations----------------------------------------------------------------------- */
.site-header {
	display: flex;
	align-items: center;
}
.section-heading {
	position: relative;
}
.main-header {
	width: 50%;
	margin-top: 378px;
	margin-bottom: 38px;
}
.firstscreen-header__before, .firstscreen-header__after {
	position: absolute;
	width: 61px;
}
.firstscreen-header__before {
	top: 257px;
}
.firstscreen-header__after {
	top: 295px;
}
.section {
	padding: 0 33px;
	position: relative;
}
.site-header {
	display: flex;
	align-items: center;
	padding: 16px 34px;
	/* 	margin-top: 70px; */
}
.navbar-fixed-top {
	top: 0;
	position: fixed;
	z-index: 99;
	background: #fff;
	width: 100%;
	z-index: 3;
}
.logged-in .navbar-fixed-top {
	margin-top: 32px;
}
.main-navigation ul {
	justify-content: end;
	column-gap: 66px;
}
.main-navigation a {
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	color: #ff5c17;
	position: relative;
}
.main-navigation a::before {
	content: '';
	border-style: solid;
	border-width: 2px 2px 0 0;
	display: inline-block;
	height: 6px;
	position: absolute;
	top: 10px;
	width: 6px;
	left: -16px;
	transform: rotate(45deg);
	color: transparent;
}
.main-navigation a:hover:before {
	color: #ff5c17;
}
.main-navigation .contact-us_btn a:hover:before {
	color: transparent;
}

.main-navigation li {
	position: relative;
	align-items: center;
	display: flex;
}
.contact-us_btn {
	margin-left: 46px;
}
.pseudo {
	position: absolute;
}
.contact-us_btn a{
	color: #fff;
	border: 2px solid #ff5c17;
	background: #ff5c17;
	padding: 4px 26px;
	border-radius: 30px;
	transition: .2s ease-in-out;
}
.contact-us_btn:hover a{
	color: #ff5c17;
	background: #fff;
}

.top-stripe {
	display: flex;
	width: 97%;
	margin: auto;
	background: #ff5c17;
	height: 5px;
}
.container {
	display: flex;
	position: relative;
}
.first-ponts {
	margin-top: auto;
	display: flex;
	width: 46%;
	margin-left: auto;
	justify-content: space-between;
	margin-right: 30px;
	position: relative;
}
.section-about .container {
	flex-direction: column;
}
.first-ponts p {
	width: 44%;
	margin-top: 0;
}
.bg-image {
	color: #f3f3f3;
	font-size: 300px;
	line-height: 0.78;
	font-weight: 700;
	letter-spacing: -4px;
	position: absolute;
	z-index: -1;
}
.bg1 {
	top: -13%;
	left: 10%;
}
.bg2 {
	right: 1%;
	top: 13%;
}
.bg3 {
	font-size: 93px;
	bottom: 170%;
	right: 8%;
	line-height: 100%;
}
.about .section-heading {
	text-align: right;
	margin-right: 31%;
	margin-top: 89px;
	margin-bottom: 40px;
}
.bg-art {
	top: 65%;
	right: 20%;
}
.bg-power {
	top: 95%;
	right: 39%;
}
.icon-anim {
	position: absolute;
	animation: eh2cUy701v52_tr__tr 8500ms linear infinite normal forwards;
}
.firstscreen-anim {
	width: 60px;
	right: 55%;
	top: -42px;
}
.about-anim {
	width: 60px;
	right: 75%;
	top: 10%;
}

@keyframes eh2cUy701v52_tr__tr { 
	0% {
		transform: translate(76.1709px,71.66381px) rotate(0deg);animation-timing-function: cubic-bezier(0.42,0,1,1)
	} 
	20% {
		transform: translate(76.1709px,71.66381px) rotate(360deg);animation-timing-function: cubic-bezier(0,0,0.58,1)
	} 
	40% {
		transform: translate(76.1709px,71.66381px) rotate(720deg)
	}
	60% {
		transform: translate(76.1709px,71.66381px) rotate(360deg);animation-timing-function: cubic-bezier(0.42,0,1,1)
	} 
	80% {
		transform: translate(76.1709px,71.66381px) rotate(600deg);animation-timing-function: cubic-bezier(0,0,0.58,1)
	} 
	100% {
		transform: translate(76.1709px,71.66381px) rotate(720deg)
	}
}
@keyframes showline {
	0% {
		width: 0;
	}
	100% {
		width: 177px;
	}
}
.hinview:before {
	content: "";
	display: block;
	position: absolute;
	height: 11px;
	width: 177px;
	background: #ff5c17;
}
.about .hinview:before {
	top: 53%;
	left: 103%;
	animation: 1s linear showline;
}
.about-top {
	display: flex;
	max-width: 53.5%;
	margin-left: auto;
	margin-right: 381px;
	justify-content: space-between;
}
.about-top .about-item{
	width: 51%;
}
.about-item strong {
	font-size: 32px;
	letter-spacing: -1px;
	line-height: 32px;
}
.about-top .about-item__strong {
	width: 40%;
}
.about-bot {
	margin-top: 136px;
	max-width: 74%;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
}
.about-bot .about-item {
	width: 30%;
}
.about {
	margin-bottom: 360px;
	position: relative;
}
.facts {
	display: flex;
}
.facts-container {
	display: flex;
	flex-wrap: wrap;
	color: #fff;
	background: #ff5c17;
	align-self: center;
	margin: auto;
	width: 56%;
	font-size: 22px;
	padding: 71px;
	column-gap: 50px;
	row-gap: 106px;
	margin-top: 92px;
	margin-left: 160px;
	position: relative;
}
.facts-number {
	font-weight: 700;
	font-size: 30px;
}
.facts-item {
	display: flex;
	width: 44%;
	align-items: center;
}
.facts-text {
	margin-left: 24px;
}
.facts .hinview:before {
	top: 135%;
	left: 0;
	animation: 1s linear showline;
}
.facts .pseudo {
	width: 58px;
	right: -28%;
}
.facts__before {
	top: 18px;
}
.facts__after {
	bottom: 12px;
}
.facts__after-bot {
	bottom: -21px;
}
.whyus {
	margin-top: 111px;
	position: relative;
}
.whyus .section-heading {
	margin-left: 477px;
	margin-bottom: 31px;
}
.whyus .hinview:before {
	top: 50%;
	left: 45%;
	animation: 1s linear showline;
}
.whyus-items {
	margin-left: 481px;
	display: flex;
	width: 54%;
}
.whyus-text {
	margin-top: 48px;
	width: 82%;
}
.whyus-items__bot {
	margin-left: auto;
	width: 48%;
	justify-content: space-between;
	margin-top: 85px;
}
.whyus-items__bot .whyus-item {
	width: 46%;
}
.bg-bene {
	bottom: 285px;
	left: -35px;
	letter-spacing: -9px;
	font-size: 350px;
}
.bg-fits {
	bottom: 6px;
	left: 391px;
	letter-spacing: -9px;
	font-size: 350px;
}
.why-anim {
	width: 47px;
	left: -4%;
	bottom: 5%;
}
.contactus {
	color: #fff;
	background: #ff5c17;
	margin: 207px 0;
	position: relative;
}
.contactus .container {
	flex-direction: column;
	margin: auto;
	width: 48%;
	padding-top: 391px;
	padding-bottom: 444px;
}
.contactus .section-heading {
	margin-bottom: 7px;
	z-index: 1;
}
.contactus p {
	width: 40%;
	margin-top: 8px;
	margin-left: 8px;
	margin-bottom: 45px;
	z-index: 1;
}
.contactus .bg-image {
	z-index: 0;
	opacity: 0.25;
	font-size: 350px;
	letter-spacing: -9px;
}
.contactus .btn {
	z-index: 1;
}
.contactus-anim {
	width: 60px;
	right: 6%;
	top: 16%;
	filter: brightness(10);
}
.contactus .hinview::before {
	top: 54%;
	left: 80%;
	animation: 1s linear showline;
	background: #fff;
}
.btn {
	display: flex;
	width: fit-content;
	background: #fff;
	border: 1px solid #ff5c17;
	color: #ff5c17;
	border-radius: 30px;
	align-items: center;
	font-weight: 700;
	font-size: 20px;
	padding: 15px 46px;
	cursor: pointer;
}
.bg-get {
	top: 200px;
	left: 18px;
}
.bg-in {
	bottom: 216px;
	left: 82px;
}
.bg-touch {
	bottom: 332px;
	right: 26px;
}
.projects .section-heading {
	margin-top: 0;
	text-align: center;
	margin-left: 441px;
	position: relative;
	margin-bottom: 68px;
}
.projects .section-heading:before {
	top: 51%;
	left: 0;
	animation: 1s linear showline;
}
.projects-list {
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 20px;
	position: relative;
}
.bg-since, .bg-2010 {
	right: 0;
	font-size: 8vw;
}
.bg-2010 {
	top: 17%;
}
.project-item {
	width: 25%;
	background: #ff5c17;
	color: #fff;
	position: relative;
	padding: 46px 46px 6px 38px;
}
.project-item:hover .project-image__container {
	opacity: 1;
}
.project-image {
	margin: auto;
	display: flex;
	max-height: 455px;
}
.project-image__container {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 2;
	left: 0;
	width: 100%;
	opacity: 0;
	background: #ff5c17;
	transition: .5s ease-in-out;
}
.project-header {
	margin-top: 200px;
	margin-bottom: 8px;
}
.project-text {
	margin-top: 8px;
}
.projects-aside {
	width: 21%;
	display: flex;
	flex-direction: column;
	justify-content: end;
}
.projects-aside__plus {
	background: #ff5c17;
	display: flex;
	color: #fff;
	font-size: 30px;
	border-radius: 50%;
	width: 43px;
	height: 43px;
	justify-content: center;
	align-items: center;
	margin: 0;
}
.projects-aside__text {
	margin-bottom: 0;
	margin-top: 34px;
}
.project-separator {
	background: transparent;
}
.project-separator {
	background: transparent;
	display: flex;
	align-items: center;
	padding-left: 0;
}
.project-separator .project-text {
	color: #ff5c17;
	max-width: 90%;
}
.project-separator-anim {
	width: 60px;
	bottom: 15%;
	left: -18%;
}
.services {
	display: flex;
	width: 100%;
}
.section-services {
	margin-top: 136px;
}
.bg-we {
	bottom: -23px;
	left: 42px;
}
.bg-do {
	right: 22px;
	bottom: -23px;
}
.services-list {
	width: 100%;
	margin-top: 120px;
	margin-left: 91px;
}
.services .section-heading::before {
	top: 48%;
	left: 0;
	animation: 1s linear showline;
}
.services-item {
	display: flex;
	justify-content: space-between;
	width: 70%;
	padding: 30px 0px;
	cursor: context-menu;
	border-bottom: 7px solid #f3f3f3;
	/* 	position: relative; */
}
.services-item__img {
	position: absolute;
	top: 20%;
	right: 35%;
	opacity: 0;
	max-width: 375px;
}
.services-item:hover .services-item__img {
	opacity: 1;
}
.services-item__header {
	margin: auto 0;
}
.services-item__text {
	margin: auto 0;
	text-align: right;
}
.section-howwework {
	margin-top: 164px;
}
.howwework {
	width: 100%;
}
.howwework .section-heading {
	text-align: center;
	margin-left: -15%;
	margin-bottom: 100px;
}
.howwework .section-heading::before {
	top: 52%;
	left: 75%;
	animation: 1s linear showline;
}
.howwework-items__container {
	display: flex;
	flex-direction: column;
}
.howwework-items__container > div {
	display: flex;
	gap: 72px;
}
.howwework-items__top {
	width: 48%;
	margin: 45px auto 50px;
}
.howwework-item-num {
	font-weight: 600;
	margin-bottom: 0;
	display: flex;
}
.howwework-item__header {
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 34px;
}

.howwework .icon-anim {
	width: 60px;
	top: 26%;
}
.howwework-anim-l {
	left: -4%;
}
.howwework-anim-r {
	left: -1%;
	animation-direction: reverse;
}
.bg-just {
	top: -59px;
	left: -78px;
}
.bg-doit {
	left: 6px;
	top: -38px;
}
.howwework-item {
	position: relative;
}
.howwework-items__mid > div {
	width: 22%;
}
.howwework-items__bot {
	margin-top: 73px;
	justify-content: flex-end;
}
.howwework-items__bot > div {
	width: 22%;
}
.howwework-items__bot .howwework-separator {
	width: 48%;
}
.section-reviews {
	margin-top: 91px;
}
.section-reviews .section-heading {
	text-align: right;
	margin-right: 27%;
	margin-bottom: 106px;
}
.review-item {
	width: 22%;
	position: relative;
}
.review-item::before , .review-item::after  {
	content: url(../img/52df5f39-2ed0-4d13-b.svg);
	position: absolute;
	top: -11%;
	display: flex;
	transform: scale(.8);
}
.review-item::before {
	left: 0;
}
.review-item::after {
	left: 16px;
}
.reviews-bot, .reviews-top {
	display: flex;
	gap: 74px;
}
.reviews-top {
	justify-content: center;
}
.review-name {
	margin-bottom: 0;
} 
.review-company {
	margin-top: 0;
	position: relative;
}
.review-text {
	margin-top: 70px;
}
.review-company:after {
	content: "";
	height: 7px;
	position: absolute;
	background: #f3f3f3;
	width: 100%;
	bottom: -120%;
	left: 0;
}
.reviews-bot {
	margin-top: 50px;
	justify-content: end;
}
.section-reviews .section-heading::before {
	top: 53%;
	left: 103%;
	animation: 1s linear showline;
}
.bg-thankyou {
	bottom: 4%;
}


.site-footer {
	margin-top: 98px;
}
.section-contacts {
	margin-top: 80px;
}
.section-contacts .container {
	flex-direction: column;
}
.section-contacts .section-heading {
	max-width: 59%;
	margin-bottom: 58px;
}
.section-contacts .section-heading::before {
	display: none;
}
.contacts-anim {
	width: 60px;
	left: -4%;
	bottom: -9%;
}
.strong {
	font-size: 32px;
	letter-spacing: -1px;
	line-height: 32px;
}
.footer-form__container {
	display: flex;
	justify-content: space-between;
}
.footer-form__container .strong {
	max-width: 35%;
}
.footer-form__container .fluentform {
	width: 100%;
	max-width: 65%;
}
.ff-default .ff-el-form-control::placeholder {
	color: #ff5c178f !important;
}

.ff-default .ff-el-form-control::-ms-input-placeholder { /* Edge 12 -18 */
	color: #ff5c178f !important;
}
.footer-form__container .frm-fluent-form .ff-t-container {
	gap: 38px;
}
.footer-form__container .fluentform {
	width: 100%;
	max-width: 65%;
}
.footer-form__container .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
	color: #fff;
	border: 2px solid #ff5c17;
	background: #ff5c17;
	padding: 12px 26px;
	border-radius: 40px;
	transition: .2s ease-in-out;
	font-size: 22px;
	font-weight: bold;
	height: 100%;
}
.ff-default .ff-el-form-control {
	border-radius: 0 !important;
	color: #ff5c17 !important;
	border: 1px solid #ff5c17 !important;
}
.footer-form__container .ff-default .ff-el-form-control {
	border: 2px solid #ff5c17 !important;
	font-size: 24px;
	padding: 22px 30px !important;
}
.section-contacts .p-2 {
	font-size: 26px;
}
.section-contacts .address-container {
	margin-top: 168px;
	flex-direction: row;
	justify-content: space-between;
}
.legal-address {
	width: 33%;
}
.office {
	width: 40%;
}
.office .p-2 {
	max-width: 63%;
}
.site-footer .custom-logo-link {
	max-width: 190px;
}
.footer-copyright {
	margin: 0;
	font-size: 19px;
}
.footer-privacy {
	color: #ff5c17;
	text-decoration: none;
	font-size: 18px;
}
.address-container .strong {
	font-size: 26px;
	letter-spacing: -.5px;
	line-height: 26px;
}
.footer-links {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 106px;
	padding: 0 33px;
	margin-bottom: 30px;
}
.footer-line {
	width: 97%;
	display: flex;
	height: 14px;
	margin-top: 14px;
	background: #ff5c17;
	margin: 0 auto;
	margin-top: 10px;
}
@keyframes slideInTopPopup {
	0% {
		transform: translateY(100%) translateX(-50%);
	}
	100% {
		transform: translateY(0) translateX(-50%);
	}
}
.popup-form__container {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	z-index: 3;
	right: 0;
	overflow: auto;
	display: none;
	background-color: rgba(0,0,0,.8);
}
.slideInTopPopup {
	animation: .5s ease-out 0s 1 slideInTopPopup, .5s ease-out 0s 1 fadeIn;
}
.popup-close:hover {
	opacity: 1;
}
.popup-form__inner {
	background: #fff;
	width: 30%;
	max-height: unset;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	top: 15%;
	padding: 40px;
	z-index: 3;
}
.popup-close {
	position: absolute;
	right: 32px;
	top: 32px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
	cursor: pointer;
	z-index: 2;
}
.popup-close::before, .popup-close::after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #fff;
}
.popup-close::before {
	transform: rotate(45deg);
}
.popup-close::after {
	transform: rotate(-45deg);
}
.darken {
	width: 100vw;
	height: 100vh;
	position: fixed;
	right: 0;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	/* 	background-color: rgba(0,0,0,.8); */
	z-index: 2;
}
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
	color: #fff;
	border: 1px solid #ff5c17;
	background: #ff5c17;
	padding: 4px 26px;
	border-radius: 30px;
	transition: .2s ease-in-out;
}
.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style:hover {
	opacity: 1;
	color: #ff5c17;
	background: #fff;
}
.custom-logo-link {
	display: flex;
}
.mobilemenu-header {
	display: none;
}
.popup-form__head {
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 16px;
}
.popup-form__text, .popup-form__privacy {
	text-align: center;
}
.page-template-privacypolicy-page h1{
	text-align: center;
}
.privacy-items__list {
	max-width: 900px;
	margin: 0 auto;
	list-style: none;
	padding: 0 15px;
}
.privacy-item-head {
	font-size: 32px;
}
.bg3-mob {
	display: none;
}
@media(max-width: 1800px) {
	.services-item {
		width: 90%;
	}
	.services-item__img {
		right: 22%;
		max-width: 333px;
	}
}
@media(max-width: 1500px) {
	.popup-form__inner {
		width: 40%;
	}
	.main-header {
		font-size: 110px;
		line-height: 120px;
	}
	.bg2 {
		top: 10%;
	}
	.bg-image, .contactus .bg-image {
		font-size: 14vw;
	}
	.bg1 {
		left: 17%;
	}
	.bg3 {
		bottom: 56%;
		right: 0;
		font-size: 8vw;
	}
	.bg-power {
		top: 106%;
	}
	.about {
		margin-bottom: 200px;
	}
	.section-contacts .section-heading {
		max-width: 100%;
	}
	.services-item {
		width: 100%;
	}
	.services-item__img {
		top: 31%;
		right: 17%;
		max-width: 250px;
	}
}

@media(max-width: 1400px) {
	.p-1 {
		line-height: 28px;
		font-size: 18px;
	}
	.h-2 {
		font-size: 80px;
		line-height: 80px;
	}
	.footer-form__container {
		flex-wrap: wrap;
		row-gap: 35px;
	}
	.footer-form__container .strong {
		max-width: 100%;
	}
	.footer-form__container .fluentform {
		max-width: 100%;
	}
}
@media(max-width: 1300px) {
	.legal-address, .office {
		width: 45%;
	}
	.office .p-2 {
		max-width: 100%;
	}
	.main-navigation a {
		font-size: 14px;
	}
	.contact-us_btn {
		margin-left: 0;
	}
	.site-header {
		/* 		margin-top: 20px; */
	}
	.custom-logo {
		max-width: 170px;
	}
	.main-navigation ul {
		gap: 40px;
	}

	.firstscreen-header__before, .firstscreen-header__after {
		width: 42px;
	}
	.firstscreen-header__after {
		top: 163px;
	}
	.firstscreen-header__before {
		top: 136px;
	}
	.bg1 {
		top: -2%;
	}
	.firstscreen-anim {
		width: 50px;
	}
	.main-header {
		font-size: 96px;
		line-height: 96px;
	}
	.main-header {
		margin-top: 200px;
	}
	.bg3 {
		font-size: 5vw;
		bottom: 133%;
		top: unset;
	}
	.about-item strong {
		font-size: 24px;
		line-height: 26px;
		width: 91%;
		display: flex;
		margin-bottom: 8px;
	}
	.about-top {
		margin-right: 249px;
	}
	.footer-links {
		flex-wrap: wrap;
		row-gap: 30px;
	}
	.footer-copyright {
		width: 100%;
		order: 3;
	}
}
@media(max-width: 1200px) {
	.services .section-heading::before {
		left: 34%;
	}
	.whyus .hinview::before {
		left: 50%;
	}
	.projects .section-heading::before {
		left: -6%;
	}
	.services-list {
		margin: 0;
		display: flex;
		flex-wrap: wrap;
		gap: 32px;
	}
	.services-item {
		width: 47%;
		flex-direction: column;
		border: none;
		padding: 20px 0px;
		justify-content: unset;
	}
	.services-item__img {
		position: relative;
		opacity: 1;
		top: unset;
		right: unset;
		max-width: 79%;
		max-height: 57%;
		object-fit: cover;
		order: 1;
	}
	.services-item__header {
		order: 2;
		margin: 20px 0;
	}
	.services-item__text {
		order: 3;
		text-align: left;
		margin: 10px 0;
	}
	.services {
		flex-direction: column;
	}
}
@media(max-width: 1100px) {
	.popup-form__inner {
		width: 50%;
		padding: 20px;
	}
	.main-header {
		font-size: 80px;
		line-height: 80px;
	}
	.section-firstscreen .container {
		flex-direction: column;
	}
	.first-ponts {
		margin-left: 0;
		width: 73%;
	}
	.about-list .about-item {
		width: 47%;
	}
	.about-top, .about-bot {
		margin: 0;
		width: 100%;
		max-width: 100%;
	}
	.about-list {
		gap: 32px;
		display: flex;
		flex-direction: column;
	}
	.about {
		margin-bottom: 160px;
	}
	.bg-art {
		top: 105%;
	}
	.bg-power {
		top: 126%;
	}
	.facts {
		flex-direction: column;
	}
	.facts-container {
		width: 100%;
		margin: 0;
		padding: 37px;
		column-gap: 50px;
		row-gap: 50px;
	}
	.whyus {
		margin-top: 90px;
	}
	.whyus .section-heading {
		margin: 0;
	}
	.whyus-items {
		margin: 0;
		width: 100%;
	}
	.whyus-items__bot .whyus-item {
		width: unset;
	}
	.whyus-text {
		margin-top: 26px;
	}
	.contactus {
		margin: 71px 0;
	}
	.contactus .container {
		padding-top: 199px;
		padding-bottom: 242px;
		width: 80%;
	}
	.contactus .bg-image {
		font-size: 20vw;
	}
	.bg-get {
		top: 66px;
	}
	.bg-touch {
		bottom: 86px;
	}
	.bg-in {
		bottom: 243px;
		right: 82px;
	}
	.projects .section-heading::before {
		left: -75%;
	}
	.section {
		padding: 0 20px;
	}
	.project-item {
		width: 48%;
	}
	.project-item {
		width: 48%;
		padding: 31px 38px 6px 31px;
	}
	.project-header.h-3 {
		margin-top: 120px;
	}
	.projects-aside {
		width: 48%;
	}
	.section.section-howwework {
		margin-top: 20px;
	}
	.howwework .section-heading {
		margin: 0;
		text-align: left;
	}
	.howwework .icon-anim {
		display: none;
	}
	.howwework-items__top {
		width: 100%;
	}
}
@media(max-width: 900px) {
	.services .section-heading::before {
		left: 47%;
	}
	.popup-form__inner {
		width: 70%;
	}
	.main-header {
		width: 70%;
	}
	.menu-toggle {
		display: block;
		border: none;
		background: #ff5c17;
		color: #fff;
		text-transform: uppercase;
		border-radius: 50%;
		font-size: 11px;
		cursor: pointer;
		width: 60px;
		height: 60px;
		margin-right: 10px;
	}
	.main-navigation {
		width: auto;
	}
	.site-header {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		width: 100%;
	}

	.menu-index-menu-container{
		position: fixed;
		right: -100%;
		top: 0;
		z-index: 999;
		width: 100%;
		transition: transform .7s;
		height: calc(100% - 100px);
		background: #fff;
	}
	.toggled .menu-index-menu-container {
		transform: translateX(-100%);
		overflow: auto;
		height: 100vh;
	}
	.main-navigation a {
		font-size: 48px;
		padding: 3px 20px;
	}
	.contact-us_btn a {
		padding: 4px 26px;
		font-size: 18px;
		margin-left: 16px;
		margin-top: 16px;
	}
	.main-navigation ul {
		display: flex;
		flex-direction: column;
	}
	.logged-in .menu-index-menu-container {
		top: 32px;
	}
	.mobilemenu-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 16px 20px;
	}
	.mobilemenu-header .custom-logo-link {
		display: flex;
		padding: 0;
	}
	#mobilemenu-close {
		width: 20px;
		height: 20px;
		display: block;
		cursor: pointer;
		position: relative;
	}
	#mobilemenu-close::before, #mobilemenu-close::after {
		content: "";
		width: 2px;
		height: 25px;
		background: #ff5c17;
		display: flex;
		position: absolute;
		right: 50%;
	}
	#mobilemenu-close::before {
		transform: rotate(-45deg);
	}
	#mobilemenu-close::after {
		transform: rotate(45deg);
	}
	.contactus-anim {
		right: 17%;
	}
}


@media(max-width: 768px) {
	.services .section-heading::before {
		left: 57%;
	}
	@keyframes showline {
		0% {
			width: 0;
		}
		100% {
			width: 110px;
		}
	}
	.section-firstscreen {
		margin-top: 18px;
	}
	.p-1 {
		line-height: 27px;
		font-size: 18px;
	}
	.section, .footer-links {
		padding: 0 10px;
	}
	.first-ponts {
		margin: 0;
	}
	.bg3 {
		display: none;
	}
	.firstscreen-anim {
		width: 40px;
		right: 22%;
		top: 40%;
	}
	.hinview::before {
		height: 9px;
		width: 110px;
	}
	.firstscreen-header__before, .firstscreen-header__after {
		width: 53px;
	}
	.firstscreen-header__before {
		top: 90px;
	}
	.firstscreen-header__after {
		top: 123px;
	}
	.about {
		margin-bottom: 80px;
	}
	.main-header {
		font-size: 60px;
		line-height: 70px;
		margin-top: 186px;
		width: 100%;
		margin-bottom: 24px;
	}
	.about-anim {
		width: 40px;
		left: 0;
		top: 8%;
	}
	.bg-power {
		top: 117%;
	}
	.facts-item{
		width: 90%;
	}
	.facts-number {
		width: 25%;
	}
	.whyus .hinview::before {
		left: 74%;
	}
	.h-3 {
		font-size: 26px;
		line-height: 30px;
	}
	.services-item__header {
		margin-bottom: 0;
	}
	.whyus-items {
		column-gap: 30px;
	}
	.whyus-text {
		width: 93%;
	}
	.why-anim {
		width: 31px;
		right: 23%;
		bottom: 7%;
	}
	.bg-bene {
		bottom: 29%;
		right: 6%;
		letter-spacing: 0;
		font-size: 24vw;
	}
	.bg-fits {
		bottom: -2%;
		right: 0;
		letter-spacing: 0;
		font-size: 24vw;
	}
	.contactus .bg-image {
		font-size: 24vw;
		letter-spacing: 0;
	}
	.contactus .container {
		padding-top: 134px;
		padding-bottom: 190px;
		width: 80%;
	}
	.contactus .hinview::before {
		right: 0;
	}
	.bg-in {
		right: 5%;
		text-align: right;
	}
	.project-item {
		padding: 20px 15px 6px 15px;
	}
	.project-header.h-3 {
		margin-top: 60px;
	}
	.project-image__container {
		display: none;
	}
	.project-separator-anim {
		width: 40px;
		bottom: 24%;
		right: 50%;
	}
	.projects .section-heading {
		margin-left: 0;
	}
	.projects .section-heading::before {
		left: 0;
	}
	.section-services {
		margin-top: 50px;
	}
	.services-list {
		row-gap: 60px;
		column-gap: 30px;
		align-items: center;
	}
	.services-item__img {
		max-width: unset;
	}
	.services-item {
		padding: 0;
	}
	.bg-we {
		top: 0;
		right: 10%;
		left: unset;
	}
	.bg-do {
		top: 7%;
		right: 10%;
		left: unset;
	}
	.howwework .section-heading::before {
		left: 77%;
	}
	.howwework-items__container .howwework-items__top, .howwework-items__container .howwework-items__mid, .howwework-items__container .howwework-items__bot {
		display: none;
	}
	.desctop-hidden {
		display: flex;
	}
	.howwework-items__container .desctop-hidden {
		flex-wrap: wrap;
		gap: 20px;
		justify-content: space-between;
		margin-top: 30px;
		display: flex;
	}
	.desctop-hidden .howwework-item {
		width: 46%;
	}
	.review-item {
		width: 47%;
	}
	.review-text {
		margin-top: 50px;
	}
	.p-2 {
		font-size: 22px;
	}
	.footer-form__container .ff-default .ff-el-form-control {
		font-size: 18px;
		padding: 16px !important;
	}
	.site-header {
		padding: 12px 10px;
	}
}
@media(max-width: 600px) {
	.reviews-container {
  padding-top: 32px;
}
	.services .section-heading::before {
		left: 0;
		top: 130%;
	}
	.bg3-mob {
		display: flex;
		position: absolute;
		font-size: 10vw;
		top: 17%;
		right: 11%;
	}
	.bg1 {
		font-size: 17vw;
		top: -12%;
		left: 39%;
	}
	.bg2 {
		font-size: 17vw;
		top: 3%;
		right: 9%;
	}
	.footer-form__container .ff-default .ff-el-form-control {
		border: 1px solid #ff5c17 !important;
	}
	.footer-copyright {
		font-size: 17px;
	}
	.services-item__img {
		max-width: 100%;
		max-height: 350px;
	}
	.why-anim {
		width: 36px;
		right: 19%;
		bottom: unset;
		top: -6%;
		left: unset;
	}
	.whyus {
		margin-top: 148px;
	}
	.facts-container {
		margin-top: 30px;
		padding: 70px 20px 70px 45px;
		row-gap: 59px;
	}
	.facts .pseudo {
		width: 31px;
		right: 2%;
		top: -34%;
	}
	.facts .facts__after {
		bottom: unset;
		top: -19%;
	}
	.facts .facts__after-bot {
		bottom: unset;
		top: -15%;
	}
	.facts {
		margin-top: 64px;
	}
	.about-list {
		gap: 20px;
	}
	.section-about {
		margin-top: 92px;
	}
	.section-contacts .p-2 {
		font-size: 20px;
	}

	.contactus .hinview::before {
		left: 84%;
	}
	.popup-form__inner {
		width: 90%;
	}
	.first-ponts p {
		width: 100%;
	}
	.first-ponts {
		flex-wrap: wrap;
	}
	.about .section-heading {
		margin: 50px auto;
		text-align: left;
		margin-bottom: 100px;
	}
	.about .hinview::before {
		top: unset;
		left: unset;
		bottom: -52%;
	}
	.about-top, .about-bot {

		flex-wrap: wrap;
		row-gap: 24px;
	}
	.about-list .about-item {
		width: 79%;
	}
	.whyus .hinview::before {
		bottom: -50%;
		left: 0;
		top: unset;
	}
	.whyus-items {
		margin-top: 76px;
		flex-wrap: wrap;
	}
	.whyus-items__bot {
		margin-top: 0;
	}
	.contactus {
		margin-top: 0;
	}
	.projects .section-heading {
		text-align: left;
	}
	.projects .section-heading::before {
		left: 0;
		bottom: -51%;
		top: unset;
	}
	.projects-list {
		margin-top: 96px;
	}
	.services-item {
		width: 100%;
	}
	.section-about {
		margin-top: 92px;
	}
	.about-anim {
		width: 40px;
		right: 19%;
		top: 0%;
		left: unset;
	}
	.contactus .container {
		padding-top: 72px;
		padding-bottom: 380px;
		width: unset;
		margin-left: 0;
	}
	.contactus .hinview::before {
		bottom: -53%;
		left: 0%;
		top: unset;
	}
	.contactus-anim {
		right: 21%;
		width: 40px;
		top: -2%;
	}
	.contactus p {
		margin-top: 83px;
		width: 79%;
		margin-left: 0;
		margin-bottom: 34px;
	}
	.contactus .bg-image {
		font-size: 28vw;
	}
	.bg-get {
		top: 41%;
		right: 4%;
		left: unset;
	}
	.bg-in {
		right: 30%;
		text-align: right;
		top: 58%;
		bottom: unset;
	}
	.bg-touch {
		top: 71%;
		bottom: unset;
	}
	.section-projects {
		margin-top: 164px;
	}
	.project-item, .projects-aside{
		width: 100%;
	}
	.project-separator-anim {
		width: 40px;
		bottom: 55%;
		right: 22%;
		left: unset;
	}
	.section-services {
		margin-top: 124px;
	}
	.services .section-heading {
		margin-bottom: 135px;
	}
	.bg-we {
		right: unset;
		left: unset;
		top: -3%;
		font-size: 28vw;
	}
	.bg-do {
		right: 5%;
		left: unset;
		top: 5%;
		font-size: 28vw;
	}
	.services-item__text br {
		display: none;
	}
	.section.section-howwework {
		margin-top: 180px;
	}
	.desctop-hidden .howwework-item {
		width: 100%;
	}
	.howwework .section-heading {
		margin-bottom: 77px;
	}
	.howwework .section-heading::before {
		top: unset;
		bottom: -31%;
		left: 0;
	}
	.reviews-bot, .reviews-top {
		flex-wrap: wrap;
	}
	.review-item {
		width: 100%;
	}
	.section-reviews .section-heading {
		margin-right: 0;
		text-align: left;
		margin-bottom: 100px;
		margin-top: 40px;
	}
	.section-reviews .section-heading::before {
		top: unset;
		left: 103%;
		left: 0;
		bottom: -42%;
	}
	.review-item::before, .review-item::after {
		transform: scale(.7);
		top: -16%;
	}
	.review-text {
		margin-top: 78px;
	}
	.review-name {
		font-size: 23px;
		font-weight: bold;
		line-height: 34px;
	}
	.site-footer {
		margin-top: 60px;
	}
	.section-contacts .section-heading {
		margin: 0;
	}
	.section-contacts {
		margin-top: 90px;
	}
	.footer-form__container .strong {
		font-size: 24px;
		line-height: 26px;
	}
	.contacts-anim {
		width: 40px;
		left: unset;
		bottom: unset;
		right: 21%;
		top: 19%;
	}
	.section-contacts .address-container {
		margin-top: 49px;
		flex-direction: column-reverse;
	}
	.address-container .strong {
		font-size: 20px;
	}
	.section-contacts .p-2 {
		font-size: 20px;
		margin-bottom: 12px;
	}
	.footer-links {
		margin-top: 86px;
	}
	.legal-address, .office {
		width: 100%;
	}
}
@media(max-width: 450px) {

	.project-separator-anim {
		width: 40px;
		bottom: 56%;
		right: 0;
	}
	.section-contacts .address-container {
		flex-direction: column-reverse;
	}

	.h-3 {
		font-size: 22px;
		line-height: 28px;
	}
	.desctop-hidden .howwework-item {
		width: 100%;
	}
	.strong {
		font-size: 22px;
		letter-spacing: 0;
		line-height: 26px;
	}
	.footer-form__container .ff-default .ff-el-form-control {
		font-size: 18px;
		padding: 16px !important;
	}
}
@media(max-width: 400px) {
	.services-item {
		width: 100%;
		height: fit-content;
		margin-top: 30px;
	}
	.services-item__img {
		max-height: 250px;
	}

}