/*
@font-face {
    font-family: 'Arsenal';
    src: url('..templates/shaper_helix3/fonts/arsenal-regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Arsenal';
    src: url('..templates/shaper_helix3/fonts/arsenal-italic.ttf');.sppb-section.main-goal .sppb-row-column
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Arsenal';
    src: url('..templates/shaper_helix3/fonts/arsenal-bold.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Arsenal';
    src: url('..templates/shaper_helix3/fonts/fonts/arsenal-bolditalic.ttf');
    font-weight: 700;
    font-style: italic;
}
*/

body,p,h1,h2,h3,h4,a,section,div {font-family: 'Arsenal';}

p {
    margin-top: 0;
    margin-bottom: 0;
}

h2 {
	font-size: 50px;
	line-height: 60px;
	font-weight: 400;
}

dl, ol, ul {
	margin-top: 0px;
    margin-bottom: 0px !important;
}

a,
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li:hover > a {
	color: #433B33;
}

#sp-header {
	box-shadow: none;
    background: rgba(245, 235, 219, 0.26);
    backdrop-filter: blur(2px);
}

body {
	background: #E4D4BC;
}

#main-goal-id{
	display: none;
}

#sp-main-body {
	margin-top: -90px;
}

.sppb-btn-custom {
	border-radius: 7px;
}

.sppb-addon-title {
	text-transform: uppercase;
    font-style: normal;
	font-weight: 400;
}

.sppb-section.main-goal {
	
}

.sppb-section.main-goal .sppb-row-column:nth-child(1) {
	padding-left: 280px;
}

.sppb-section.main-goal .sppb-addon-title {
    padding-right: 210px;
}

.sppb-section.main-goal .sppb-addon-title:after {
	content: "";
    position: relative;
    top: -36px;
    left: 329px;
    right: 0;
    border-top: 2px solid black;
    z-index: -1;
    width: 110%;
    display: block;
}

.sppb-section.main-goal .main-goal__desc{
	padding-left: 250px;
}

.sppb-section.main-goal .main-goal__desc:before {
	content: "";
    position: relative;
    top: 17px;
    left: -1597px;
    border-top: 2px solid black;
    z-index: -1;
    width: 200%;
    display: block;
}

.sppb-section.main-goal .hyper-cube {
	box-shadow: inset 7px 9px 14px rgba(0, 0, 0, 0.32);
	border-radius: 32px;
}

.main-functions .main-functions__column {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 40px 52px;
	border-radius: 23px;
	background: #666952;
	box-shadow: 0px 0px 54px rgba(0, 0, 0, 0.45);
	gap: 27px 10px;
	margin-left: 390px;
	color: #FFFFFF;
}

.main-functions .main-functions__column .main-functions__icon {
	display: flex;
    align-items: center;
	width: 45%;
    gap: 0px 17px;
	font-weight: 300;
	font-size: 18px;
	line-height: 130.5%;
}

.main-functions .main-functions__column .main-functions__icon:nth-last-child(1) {
	width: 55%;
}

.main-functions .main-functions__column .main-functions__icon {
	display: flex;
    align-items: center;
	width: 45%;
    gap: 0px 17px;
	font-weight: 300;
	font-size: 18px;
	line-height: 130.5%;
}

.main-functions .main-functions__column .main-functions__icon img {
	width: 56px;
}

.main-functions .main-advantages .main-advantages__icon p {
	font-weight: 300;
	font-size: 18px;
}

.main-advantages .main-advantages__column {
	display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 37px 70px;
	box-shadow: 0px 0px 54px rgba(82, 58, 29, 0.45);
	border-radius: 23px;
	background: #F9EFE0;
	gap: 45px 27px;
	color: #000000;
}

.main-advantages .main-advantages__column .main-advantages__icon {
	display: flex;
    align-items: center;
    gap: 0px 17px;
}

.main-advantages .main-advantages__column .main-advantages__icon img {
	width: 67px;
}

.main-advantages .main-advantages__column .main-advantages__icon p {
	font-weight: 300;
	font-size: 18px;
}
	
.main-goal .sppb-row-container .sppb-row-column:nth-child(2){
	display: flex;
    align-items: center;
    justify-content: center;
}

	
.hyper-cube {
	width: 500px;
}

.hyper-cube strong {
	color: #FFF;
	font-weight: 600;
}

#sp-header.menu-fixed {
	/*background: #e4d4bc none repeat scroll 0 0;*/
	z-index: 999;
}

.main-advantages .sppb-addon-content .custom {
	padding-right: 300px;
}

.sppb-section.main-funct .sppb-addon-text-block .sppb-addon-content{
	 line-height: 20px !important;
}

.main-goal__desc {
	/*
	content: "";
    position: absolute;
    top: 162px;
    left: -1520px;
    border-top: 2px solid black;
    z-index: -1;
    width: 200%;
	*/
}

	
.main-fuct__text .sppb-addon-title:after {
	content: "";
    position: relative;
    top: -108px;
    left: -1096px;
    border-top: 2px solid black;
    z-index: -1;
    width: 200%;
    display: block;
}

.sppb-section.main-advantages .sppb-addon-title:after {
	content: "";
    position: relative;
    top: -42px;
    left: 500px;
    border-top: 2px solid black;
    z-index: -1;
    width: 400%;
    display: block;
}


.main-design__column {
	
}

.main-design__column .sppb-addon-title{
	margin-bottom: 56px;
}

.main-design__column .sppb-addon-title:after {
	content: "";
    position: relative;
    top: -151px;
    left: -871px;
    border-top: 2px solid black;
    z-index: -1;
    width: 200%;
    display: block;
}

.main-design__column .sppb-addon-content:after {
	content: '';
    width: 0;
    height: 75px;
    position: relative;
    border: 1.5px solid #ec4426;
    top: -76px;
    left: -8px;
    display: block;
	margin-bottom: -75px;
}

.sppb-section.creating-main .creating-block {
	background: #F5B251;
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.2);
	border-radius: 20px;
	padding: 20px 22px;
}
.sppb-section.creating-main .creating-block .sppb-addon-title {
    min-height: 66px;
	margin-bottom: 41px;
}

.sppb-section.creating-main .creating-block .sppb-addon-title:after {
	content: "";
    position: absolute;
    top: 102px;
    left: 24px;
    border-top: 2px solid #FFF;
    z-index: 5;
    width: 33%;
}

.sppb-section.creating-main .creating-block .sppb-addon-content {
    min-height: 100px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
}

.creating-main .sppb-title-heading:before {
	content: "";
    position: relative;
    top: 31px;
    left: -109px;
    border-top: 2px solid black;
    z-index: -6;
    width: 47%;
    display: block;
}

.creating-main .sppb-title-heading:after {
	content: "";
    position: relative;
    top: -33px;
	left: 793px;
    border-top: 2px solid black;
    z-index: -1;
    width: 100%;
    display: block;
}

.design-advantages .sppb-title-heading:after{
	content: "";
    position: relative;
    top: -33px;
    left: -1011px;
    border-top: 2px solid black;
    z-index: -1;
    width: 100%;
    display: block;
}

.design-advantages .sppb-row-container {
	padding: 0px 200px;
}

.design-advantages__elem .title {
	background: #FFF8EB;
	box-shadow: 0px 4px 13px rgba(135, 126, 110, 0.21);
	border-radius: 20px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 20px;
	padding: 32px 58px;
}

.design-advantages__column {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 0px 100px;
}


.design-advantages__column .advantages__img {
	position: relative;
    top: -146px;
    left: -45px;
}

.design-advantages__column .advantages__img img {
	border: 2px solid #FFF8EB;
	border-radius: 21px;
	padding: 6px;
}

.design__form {
	width: 595px;
    text-align: center;
	background: #E6D6B6;
	padding: 61px 92px 100px;
	border-radius: 80px 80px 0px 0px;
}

.design__form .convertforms .cf-input {
	background: #FFF8EB;
    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 9px;
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	line-height: 20px;
	color: #433B33;
    letter-spacing: 0.02em;
}

.convertforms .cf-one-third, .convertforms .cf-two-sixths {
   width: 50%;
}


#sp-footer {
	background: #523727;
}

.vacancy__col {
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: column;
}

.vacancy__col .vacancy__item a {
	display: flex;
    align-content: center;
    flex-direction: row;
    align-items: center;
	background: #FFF9F0;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 29px;
	margin-bottom: 14px;
	color: #433B33;
}

.vacancy__col .vacancy__item a:hover {
	cursor: pointer;
	background: #FBEDD8;
}

.vacancy__col .vacancy__item div {
	display: flex;
	font-style: normal;
	align-items: center;
	font-weight: 600;
	font-size: 19px;
	line-height: 20px;
	margin-left: 17px;
	margin-right: 15px;
	
}

.vacancy__col .vacancy__item div::after {
	content: url(/images/icons/vacancy/arrow-right.png);
	margin-left: 10px;
	padding-top: 10px;
}

h2.vacancy__title-main {
	margin-bottom: 63px;
}

h3.vacancy__title {
	font-weight: 400;
	font-size: 50px;
	line-height: 60px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #433B33;
	margin-bottom: 55px;
}

h3.vacancy__title:before {
	/*
	content: "";
    position: absolute;
    top: 493px;
    left: -1142px;
    border-top: 2px solid black;
    z-index: -1;
    width: 200%;
	*/
}

.vacancy__title-list {
	display: inline-block;
	border-bottom: 2px solid #433B33;
	padding-bottom: 10px; /* Расстояние от текста до линии */
	font-style: normal;
	font-weight: 600;
	font-size: 21px;
	line-height: 20px;
	letter-spacing: 0.02em;
	color: #433B33;
	margin-left: 15px;
    margin-bottom: 32px;
}

.vacancy__list {
	font-size: 16px;
    line-height: 21px;
}

ul.vacancy__list li {
	margin-bottom: 5px;
}

.vacancy__title.left-line:before {
	content: "";
    position: relative;
    top: 31px;
    left: -1300px;
    border-top: 2px solid black;
    z-index: -1;
    width: 200%;
    display: block;
} 

.vacancy__title.right-line:after {
	content: "";
    position: relative;
    top: -28px;
    left: 440px;
    border-top: 2px solid black;
    z-index: -1;
    width: 200%;
    display: block;
}

.conditions__list {
	font-style: normal;
	font-weight: 400;
	font-size: 21px;
	line-height: 29px;
	letter-spacing: 0.02em;
	color: #000000;
	
}
ul.conditions__list li {
	display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
    flex-direction: column;
}

.conditions__list li a {
	cursor: pointer;
}

.conditions__list li a:hover {
	color: #926260;
}

.conditions__list li a:after {
	content: url(/images/icons/vacancy/arrow-down.png);
	position: relative;
    top: 6px;
    left: 6px;
	display: inline-block;
	transform: rotate(269deg) translateX(25%) translateY(10%);
}
  
.conditions__list li a.active:after {
    transform: rotate(0deg);    
}
  
.conditions__list li p {
	display: none;
	margin: 10px 0px 10px 20px;
}

.empty-main {
    height: 595px;
}

.vacancy__button {
	
}

a.vacancy__button {
    display: flex;
    cursor: pointer;
	padding: 10px 18px;
    background: #6F544D;
    border-radius: 7px;
    font-size: 14px;
    color: #FFF9F0;
	margin-top:40px;

	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
	margin-left: 20px;
}

.vacancy-main__block, .vacancy-second__block, .vacancy-third__block {
	background-size: 100% 100% !important;
}

span.sp-copyright {
	grid-column: 2 / -1;
	
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 54px;
}

span.sp-copyright:before {
	content: "";
    position: relative;
    top: -20px;
    left: -326px;
    border-top: 1px solid #FFFFFF;
    width: 192%;
    display: block;
}

#sp-footer1 .sp-column {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    justify-content: start;
    justify-items: start;
    align-items: start;
}


.sp-module ul > li {
	border-bottom: none;
}

.left-spheroid {
	height: 500px;
	z-index: 4 !important;
}

.right-spheroid {
	height: 550px;
	z-index: 4 !important;
}

.map-section .sppb-row-overlay{
	backdrop-filter: blur(7px);
}

.left-background {
	height: 970px;
	z-index: -1!important;
}

.right-background {
	height: 1440px;
    z-index: -1!important;
}

.main-goal-text {
	margin-top: 237px!important;
	margin-bottom: 329px!important;
}


.our-portfolio .sppb-addon-wrapper:first-child {
	margin-bottom:44px;
}

.sp-module .sp-module-title,
.footer-contacts__title {
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 60px;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
	
	display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
	margin-bottom: 32px;

}

.footer-contacts__title img {
	margin-left: 24px;}

.footer-logo {
	margin-top: 50px;
}

.sp-module ul > li {
	border-bottom: none;
}

.sp-module ul > li > a:before {
	content: "";
}

.nav.menu {
	text-align: start;
	
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
}

.footer-contacts__col {
	display: flex;
    flex-direction: column;
    align-items: flex-start;
}
	
.footer-contacts__col a {
	display: flex;
    justify-content: space-around;
    flex-direction: row;
    align-items: center;
	margin-bottom: 16px;
	
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	color: #FFFFFF;
}

.footer-contacts__col a img {
	margin-right: 24px;
}

.contact-main__map-wrapper iframe {
	border-radius: 9px;
}

#sp-menu {
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 26px;
	color: #433B33;
}

#sp-menu .sp-column {
	display: flex;
    align-items: center;
    justify-content: flex-end;
}

ul.sp-contact-info {
	display: flex;
    flex-direction: column;
}

.sp-megamenu-parent {
	display: none!important;
}

.design__form .sppb-addon-content {
	font-size: 16px!important;
}

.flip-card {
	background-color: transparent;
	width: 300px;
	height: 300px;
	perspective: 1000px;
}

.flip-card-inner {
	position: relative;
	border-radius: 20px;
	width: 357px;
	height: 400px;
	margin: 40px auto;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.flip-card-front {
	background-color: #FFF8EB;
	box-shadow: 0px 4px 13px rgba(135, 126, 110, 0.21);
	border-radius: 20px;
}

.flip-card-back {
	color: white;
	transform: rotateY(180deg);
}

.flip-card__col {
	padding: 25px 30px;
}

.flip-card__col .description {
	font-family: 'Helvetica';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 19px;
	/* or 106% */
	letter-spacing: 0.02em;
	color: #000000;
    text-align: left;
}

.flip-card__icon {
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
	margin-bottom: 20px;
}

.flip-card__icon img.logo {
	margin-right: 18px;
	
}

.flip-card__icon img.eye {
	position: relative;
    bottom: 42px;
    left: 10px;
}


.flip-card-back img {
	margin-top: -10px;
}

.icon-text {
	text-align: left;
}

.icon-text .f-name {
	font-family: 'Arsenal';
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 26px;
	/* or 100% */

	letter-spacing: 0.02em;

	color: #433B33;
}

.icon-text .project-name {
	font-family: 'Arsenal';
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 19px;
	/* or 106% */

	letter-spacing: 0.02em;

	color: rgba(67, 59, 51, 0.71);
}

/* popup styles */
.popup {
  display: none;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 10;
}
.popup-overlay {
	background: rgba(0,0,0,0.9);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
.popup-content {
	position: absolute;
  background: #fff;
	width: 500px;
	margin: -58px 0 0 -264px;
	left: 50%;
	top: 50%;
	z-index: 11;
  padding: 14px;
}
.close-popup {
  display: inline-block;
  position: absolute;
  top: -8px;
  right: -30px;
  font-size: 42px;
}

/* Animations */
.fadeIn {
  animation: fadeIn 0.5s ease-in both;
  -webkit-animation: fadeIn 0.5s ease-in both;
}
@keyframes fadeIn {
  from { opacity: 0; }
}
@-webkit-keyframes fadeIn {
  from { opacity: 0; }
}

.fadeOut {
  animation: fadeOut 0.5s ease-out both;
  -webkit-animation: fadeOut 0.5s ease-out both;
}
@keyframes fadeOut {
  to { opacity: 0; }
}
@-webkit-keyframes fadeOut {
  to { opacity: 0; }
}

.scaleIn {
  animation: scaleIn 0.5s ease-in both;
  -webkit-animation: scaleIn 0.5s ease-in both;
}
@keyframes scaleIn {
  from { opacity: 0; transform: scale(0.5); }
}
@-webkit-keyframes scaleIn {
  from { opacity: 0; -webkit-transform: scale(0.5); }
}

.scaleOut {
  animation: scaleOut 0.5s ease-out both;
  -webkit-animation: scaleOut 0.5s ease-out both;
}
@keyframes scaleOut {
  to { opacity: 0; transform: scale(0.5); }
}
@-webkit-keyframes scaleOut {
  to { opacity: 0; -webkit-transform: scale(0.5); }
}

.scaleUpIn {
  animation: scaleIn 0.5s ease-in both;
  -webkit-animation: scaleIn 0.5s ease-in both;
}
.scaleUpOut {
  animation: scaleUpOut 0.5s ease-in both;
  -webkit-animation: scaleUpOut 0.5s ease-in both;
}
@keyframes scaleUpOut {
  to { opacity: 0; transform: scale(1.2); }
}
@-webkit-keyframes scaleUpOut {
  to { opacity: 0; -webkit-transform: scale(1.2); }
}

.scaleDownIn {
  animation: scaleDownIn 0.5s ease-in both;
  -webkit-animation: scaleDownIn 0.5s ease-in both;
}
.scaleDownOut {
  animation: scaleOut 0.5s ease-in both;
  -webkit-animation: scaleOut 0.5s ease-in both;
}
@keyframes scaleDownIn {
  from { opacity: 0; transform: scale(1.2); }
}
@-webkit-keyframes scaleDownIn {
  from { opacity: 0; -webkit-transform: scale(1.2); }
}

.slideIn {
  animation: slideIn 0.5s ease-in both;
  -webkit-animation: slideIn 0.5s ease-in both;
}
@keyframes slideIn {
  from { opacity: 0; transform: translateY(-50%); }
}
@-webkit-keyframes slideIn {
  from { opacity: 0; -webkit-transform: translateY(-50%); }
}

.slideOut {
  animation: slideOut 0.5s ease-out both;
  -webkit-animation: slideOut 0.5s ease-out both;
}
@keyframes slideOut {
  to { opacity: 0; transform: translateY(50%); }
}
@-webkit-keyframes slideOut {
  to { opacity: 0; -webkit-transform: translateY(50%); }
}

.slideLeftIn {
  animation: slideLeftIn 0.5s ease-in both;
  -webkit-animation: slideLeftIn 0.5s ease-in both;
}
@keyframes slideLeftIn {
  from { opacity: 0; transform: translateX(-50%); }
}
@-webkit-keyframes slideLeftIn {
  from { opacity: 0; -webkit-transform: translateX(-50%); }
}

.slideLeftOut {
  animation: slideLeftOut 0.5s ease-out both;
  -webkit-animation: slideLeftOut 0.5s ease-out both;
}
@keyframes slideLeftOut {
  to { opacity: 0; transform: translateX(50%); }
}
@-webkit-keyframes slideLeftOut {
  to { opacity: 0; -webkit-transform: translateX(50%); }
}

.flipLeftIn {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipLeftIn .5s both ease-out;
    -moz-animation: flipLeftIn .5s both ease-out;
    animation: flipLeftIn .5s both ease-out;
}
@-webkit-keyframes flipLeftIn {
    from {-webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: .2;}
}
@keyframes flipLeftIn {
    from {transform: translateZ(-1000px) rotateY(90deg);opacity: .2;}
}

.flipLeftOut {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipLeftOut .5s both ease-in;
    -moz-animation: flipLeftOut .5s both ease-in;
    animation: flipLeftOut .5s both ease-in;
}

@-webkit-keyframes flipLeftOut {
    to {-webkit-transform: translateZ(1000px) rotateY(-90deg); opacity: 0;}
}
@keyframes flipLeftOut {
    to {transform: translateZ(1000px) rotateY(-90deg); opacity: 0;}
}

.flipRightIn {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipRightIn .5s both ease-out;
    -moz-animation: flipRightIn .5s both ease-out;
    animation: flipRightIn .5s both ease-out;
}
@-webkit-keyframes flipRightIn {
    from {-webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: .2;}
}
@keyframes flipRightIn {
    from {transform: translateZ(-1000px) rotateY(-90deg);opacity: .2;}
}

.flipRightOut {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: flipRightOut .5s both ease-in;
    -moz-animation: flipRightOut .5s both ease-in;
    animation: flipRightOut .5s both ease-in;
}

@-webkit-keyframes flipRightOut {
    to {-webkit-transform: translateZ(1000px) rotateY(90deg); opacity: 0;}
}
@keyframes flipRightOut {
    to {transform: translateZ(1000px) rotateY(90deg); opacity: 0;}
}


.rotateIn {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: rotateIn .5s both ease-out;
    -moz-animation: rotateIn .5s both ease-out;
    animation: rotateIn .5s both ease-out;
}
@-webkit-keyframes rotateIn {
    from { -webkit-transform: translateZ(-3000px) rotateZ(-360deg); opacity: 0;}
}
@-moz-keyframes rotateIn {
    from {-moz-transform: translateZ(-3000px) rotateZ(-360deg);opacity: 0;}
}
@keyframes rotateIn {
    from {transform: translateZ(-3000px) rotateZ(-360deg);opacity: 0;}
}

.rotateOut {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: rotateOut .5s both ease-in;
    -moz-animation: rotateOut .5s both ease-in;
    animation: rotateOut .5s both ease-in;
}
@-webkit-keyframes rotateOut {
    to {-webkit-transform: translateZ(-3000px) rotateZ(360deg);opacity: 0;}
}
@-moz-keyframes rotateOut {
    to {-moz-transform: translateZ(-3000px) rotateZ(360deg);opacity: 0;}
}
@keyframes rotateOut {
    to { transform: translateZ(-3000px) rotateZ(360deg); opacity: 0;}
}

.rotateCubeIn {
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: rotateCubeIn .6s both ease-in;
    -moz-transform-origin: 50% 100%;
    -moz-animation: rotateCubeIn .6s both ease-in;
    transform-origin: 50% 100%;
    animation: rotateCubeIn .6s both ease-in;
}
@-webkit-keyframes rotateCubeIn {
    0% {opacity: .3;
        -webkit-transform: translateY(-100%) rotateX(90deg);}
    50% {-webkit-animation-timing-function: ease-out;
        -webkit-transform: translateY(-50%) translateZ(-200px) rotateX(45deg); }
}
@-moz-keyframes rotateCubeIn {
    0% {opacity: .3;
        -moz-transform: translateY(-100%) rotateX(90deg); }
    50% {-moz-animation-timing-function: ease-out;
        -moz-transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}
}
@keyframes rotateCubeIn {
    0% {opacity: .3;
        transform: translateY(-100%) rotateX(90deg);}
    50% {animation-timing-function: ease-out;
        transform: translateY(-50%) translateZ(-200px) rotateX(45deg);}
}

.rotateCubeOut {
    -webkit-transform-origin: 50% 0;
    -webkit-animation: rotateCubeOut .6s both ease-in;
    -moz-transform-origin: 50% 0;
    -moz-animation: rotateCubeOut .6s both ease-in;
    transform-origin: 50% 0;
    animation: rotateCubeOut .6s both ease-in;
}
@-webkit-keyframes rotateCubeOut {
    50% {-webkit-animation-timing-function: ease-out;-webkit-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);  }
    100% { opacity: .3; -webkit-transform: translateY(100%) rotateX(-90deg); }
}
@-moz-keyframes rotateCubeOut {
    50% { -moz-animation-timing-function: ease-out;-moz-transform: translateY(50%) translateZ(-200px) rotateX(-45deg);  }
    100% { opacity: .3;-moz-transform: translateY(100%) rotateX(-90deg); }
}
@keyframes rotateCubeOut {
    50% {animation-timing-function: ease-out;
        transform: translateY(50%) translateZ(-200px) rotateX(-45deg); }
    100% { opacity: .3; transform: translateY(100%) rotateX(-90deg);}
}

.btn {
  background: rgb(0, 159, 211);
  color: #fff;
  border: 1px solid;
  display: inline-block;
  padding: 5px 20px;
}
.btn:hover {
  background: #fff;
  color: rgb(0, 159, 211);
}

.popup-testimonial,
.popup-vacancy {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9997;
}

.popup-testimonial__content_wrapper,
.popup-vacancy__content_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 560px;
  background: #fff8eb;
  z-index: 9999;
  transform: translate(-50%, -50%);
  border-radius: 10px;
}

.popup-testimonial__content,
.popup-vacancy__content {
  padding: 40px;
  position: relative;
  border-radius: 0 0 10px 10px;
}

.popup-testimonial__overlay,
.popup-vacancy__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  z-index: 9998;
}

.popup-testimonial .close,
.popup-vacancy .close {
  position: absolute;
  top: 22px;
  right: 23px;
  font-size: 29px;
  font-weight: bold;
  margin-left: auto;
  color: #000000;
  opacity: 1;
  cursor: pointer;
}

.popup-testimonial .convertforms .cf-content-wrap,
.popup-testimonial .convertforms .cf-form-wrap,
.popup-vacancy .convertforms .cf-content-wrap,
.popup-vacancy .convertforms .cf-form-wrap {
  padding: 0;
}

.popup-testimonial h3,
.popup-vacancy h3 {
  font-size: 40px;
  line-height: 45px !important;
  text-transform: none !important;
  margin-bottom: 39px !important;
  color: #000000;
  letter-spacing: 3px;

  text-align: center;
}

.testimonial__row {
	display: flex;
    justify-content: center;
}

.btn-testimonial {
	background-color: #fdf2e1;
    color: #2f2722;
    padding-top: 10px;
    padding-right: 20px;
    padding-bottom: 10px;
    padding-left: 20px;
    border-radius: 7px;
    font-weight: 600;
    font-size: 14px;
}

.convertforms {
	margin: 0 auto;
}

#sp-top-bar {
	padding: 0;
}

.main-first__wrap {
	display: grid;
    grid-template-columns: 1fr 1fr;
	gap: 300px;
}

.main-first__item:first-child {
	display: flex;
	justify-content: flex-start;
    align-items: center;
	margin-left: 50px;
}

.main-first__item:nth-child(2) {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}


/*
.main-first__item:nth-child(2) .text::after {
	content: '';
    width: 0;
    height: 56px;
    position: relative;
    border: 1.5px solid #E74326;
    top: -60px;
    left: -8px;
    display: block;
}
*/

.main-first__item .circle {
	display: grid;
    justify-content: center;
    align-items: center;
    justify-items: center;
    align-content: center;
	
	border-radius: 50%;
	background: #E2CBA7;
	box-shadow: 8px 5px 35px 0px #A0824E inset, 9px -1px 33px 0px rgba(0, 0, 0, 0.25);
	
	color: #433B33;
	text-align: center;
	font-family: Arsenal;
	font-size: 45px;
	font-style: normal;
	font-weight: 400;
	line-height: 51.096px; /* 113.547% */
	letter-spacing: 0.9px;
	text-transform: uppercase;
	
	width: 450px;
    height: 450px;
	
	transition: transform 1s;
	transform-style: preserve-3d;	
}

.main-first__item .text {
	color: #221F20;
	font-family: Helvetica;
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	
	margin-bottom: 36px;
	transition: transform 1s ease-in-out;
	border-left: 2px solid #EA7C37;
	padding-left: 10px;
	padding-right: 45%;
}

.main-first__item .button,
.main-design__column .button {
	border-radius: 7px;
    padding: 5px 20px !important;
	background-color: #fdf2e1;
    color: #000000;
	text-align: center;
	font-family: Inter;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 21.008px; /* 150.057% */
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.15));
}

.main-first__item .button:hover,
.main-design__column .button:hover {
	background-color: #fee5b5 !important;
}

.main-first__item .button a {
	color: #FFF;
}

.sppb-section.main-section {
	padding-top: 60px !important;
	padding-bottom: 60px !important;
}

.sppb-section.main-section .section-bg-video {
	width: 100% !important;
}

#sp-logo img{
	width: 200px;
}

.slick-prev:before,
.slick-next:before {
	font-size: 40px !important;
	color: #331d1d !important;;
}



/*----------------------------*\
      Coverflow Album Slider 
\*-----------------------------*/

.our-portfolio .sppb-addon-title {
	text-align: center;
}

.coverflow {
  position: relative;
  height: 360px;
  padding: 30px;
  overflow: hidden;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.coverflow .next-arrow,
.coverflow .prev-arrow {
	color: #ffffff94;
	background: rgba(0, 0, 0, 0.1);
	z-index: 20;
}

.coverflow__image {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 400px;
  height: 250px;
  -webkit-transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 350ms cubic-bezier(0.215, 0.61, 0.355, 1);
  border-radius: 7px;
  box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.coverflow__image[data-coverflow-index] {
  position: absolute;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.coverflow__image[data-coverflow-index]:before {
  content: " ";
  z-index: 1;
  position: absolute;
  top: 300px;
  width: 100%;
  height: 10%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 3;
  -webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 2;
  -webkit-transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="1"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 1;
  -webkit-transform: translateX(730px) scale(-0.55) rotateY(-45deg);
  transform: translateX(730px) scale(-0.55) rotateY(-45deg);
  opacity: -0.83333;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 3;
  -webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="2"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 2;
  -webkit-transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  transform: translateX(640px) scale(-0.4) rotateY(-45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="3"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 3;
  -webkit-transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  transform: translateX(550px) scale(-0.25) rotateY(-45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="4"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 4;
  -webkit-transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  transform: translateX(460px) scale(-0.1) rotateY(-45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="5"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 5;
  -webkit-transform: translateX(370px) scale(0.05) rotateY(-45deg);
  transform: translateX(370px) scale(0.05) rotateY(-45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="6"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 6;
  -webkit-transform: translateX(280px) scale(0.2) rotateY(-45deg);
  transform: translateX(280px) scale(0.2) rotateY(-45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="7"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 7;
  -webkit-transform: translateX(190px) scale(0.35) rotateY(-45deg);
  transform: translateX(190px) scale(0.35) rotateY(-45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 3;
  -webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="8"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 8;
  -webkit-transform: translateX(100px) scale(0.5) rotateY(-45deg);
  transform: translateX(100px) scale(0.5) rotateY(-45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 2;
  -webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 3;
  -webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.coverflow[data-coverflow-position="9"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 9;
  -webkit-transform: translateX(10px) scale(0.65) rotateY(-45deg);
  transform: translateX(10px) scale(0.65) rotateY(-45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="1"] {
  z-index: 1;
  -webkit-transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
  transform: translateX(-1130px) scale(-0.55) rotateY(45deg);
  opacity: -0.83333;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="2"] {
  z-index: 2;
  -webkit-transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  transform: translateX(-1040px) scale(-0.4) rotateY(45deg);
  opacity: -0.66667;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="3"] {
  z-index: 3;
  -webkit-transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  transform: translateX(-950px) scale(-0.25) rotateY(45deg);
  opacity: -0.5;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="4"] {
  z-index: 4;
  -webkit-transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  transform: translateX(-860px) scale(-0.1) rotateY(45deg);
  opacity: -0.33333;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="5"] {
  z-index: 5;
  -webkit-transform: translateX(-770px) scale(0.05) rotateY(45deg);
  transform: translateX(-770px) scale(0.05) rotateY(45deg);
  opacity: -0.16667;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="6"] {
  z-index: 6;
  -webkit-transform: translateX(-680px) scale(0.2) rotateY(45deg);
  transform: translateX(-680px) scale(0.2) rotateY(45deg);
  opacity: 0;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="7"] {
  z-index: 7;
  -webkit-transform: translateX(-590px) scale(0.35) rotateY(45deg);
  transform: translateX(-590px) scale(0.35) rotateY(45deg);
  opacity: 0.16667;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="8"] {
  z-index: 8;
  -webkit-transform: translateX(-500px) scale(0.5) rotateY(45deg);
  transform: translateX(-500px) scale(0.5) rotateY(45deg);
  opacity: 0.33333;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="9"] {
  z-index: 9;
  -webkit-transform: translateX(-410px) scale(0.65) rotateY(45deg);
  transform: translateX(-410px) scale(0.65) rotateY(45deg);
  opacity: 0.5;
}

.coverflow[data-coverflow-position="10"] .coverflow__image[data-coverflow-index="10"] {
  z-index: 10;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
  box-shadow: 0 1px 25px 10px rgba(0, 0, 0, 0.6);
}

.prev-arrow,
.next-arrow {
  cursor: pointer;
  z-index: 10;
  position: absolute;
  top: 50%;
  padding: 1.5rem 2rem;
  color: rgba(255, 255, 255, 0.5);
  font-size: 3rem;
  line-height: 3rem;
  background: transparent;
  border-radius: 1rem;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: color 200ms, background 200ms;
  transition: color 200ms, background 200ms;
}

.prev-arrow:hover,
.next-arrow:hover,
.prev-arrow:focus,
.next-arrow:focus {
  color: rgba(255, 255, 255, 0.9);
  background: rgba(0, 0, 0, 0.5);
}

.prev-arrow {
  left: 0%;
}

.prev-arrow:before {
  content: "❮";
}

.next-arrow {
  right: 0%;
}

.next-arrow:after {
  content: "❯";
}

.stages-work__wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 52px;
	justify-content: center;
	
	background-image: url(/images/curved_line.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    background-size: 104%;
    background-position: -129px 114px;
}


/*
.stages-work__item:nth-child(n)::after {
	content: "";
    display: inline-block;
    align-self: self-end;
    margin-top: auto;
    margin-bottom: -1px;
    height: 2px;
    border-top: 3px solid #fff8eb;
    width: 327%;
    position: relative;
    top: -35px;
    z-index: -1;
}
*/
.stages-work__item .text {
	border-radius: 10px;
	background: #FFF8EB;
	box-shadow: 0px 4px 13px 0px rgba(135, 126, 110, 0.21);
	
	color: #000;
	font-family: Helvetica;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 20.1px; /* 111.667% */
	letter-spacing: 0.36px;
	
	padding: 20px 55px;
	height: 82px;
	display: flex;
    align-items: center;
    justify-content: center;
}

.stages-work__item .number {
	color: #FFF;
	text-align: center;
	font-family: Open Sans;
	font-size: 23px;
	font-style: normal;
	font-weight: 600;
	line-height: 36px;
	letter-spacing: 0.46px;
	
	border-radius: 50%;
	background: #5F4546;
	width: 40px;
	height: 40px;
	margin: 0 auto;
	margin-top: 15px;
}
/*
.stages-work-col1{
	grid-area: first-col;
}

.stages-work-col2{
	grid-area: second-col;
}

.stages-work-col3{
	grid-area: third-col;
}
*/

.stages-work-col1,
.stages-work-col3 {
	width: 29%;
	content: "";
    display: inline-block;
}

.stages-work-col2{
	width: 33%;
}

/*
.stages-work__right-circle {
	width: 700px;
    height: 500px;
    border-right: 7px solid #fff8eb;
    border-radius: 60%;
    position: absolute;
    top: 50px;
    right: -40px;
    width: 40rem;
    height: 10rem;
    border-radius: 0 10rem 10rem 0;
}

	background-image: url(images/curved_line.png);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: contain;
    background-size: 100%;

*/

#sp-section-7 {
	height: 0px;
}

.popup-testimonial h3, .popup-vacancy h3 {
	font-size: 25px;
    line-height: 25px !important;
}


.sppb-section.map-main__section .sppb-row-overlay {
	backdrop-filter: blur(7px);
}


.contact-main-2__map-wrapper iframe {
	height: 600px;
	border-radius: 33px;
	width: 100%;
}

.address__col {
	
}

.address__item {
	background: #F9EFE0;
	border-radius: 23px;
	padding: 12px 25px;
	margin-bottom: 24px;
}


.address__item .title {
	
	display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
	
	font-family: 'Arsenal';
	font-style: normal;
	font-weight: 400;
	font-size: 26px;
	line-height: 22px;
	/* or 85% */
	text-align: center;
	color: #000000;
	
	margin-bottom: 10px;
}

.address__item .title img {
	margin-right: 10px;
}

.address__item .description {
	font-family: 'Helvetica';
	font-style: normal;
	font-weight: 300;
	font-size: 16px;
	line-height: 22px;
	/* or 138% */
	color: #000000;
}

.contact-main__map-wrapper iframe {
	width: 100%;
    
}


/* Add Responsiveness */
.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}

/* The Modal (background) */
.modal {
  display: none;
  /* Hidden by default */
  position: fixed;
  /* Stay in place */
  z-index: 1;
  /* Sit on top */
  padding-top: 100px;
  /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  /* Full width */
  height: 100%;
  /* Full height */
  overflow: auto;
  /* Enable scroll if needed */
  background-color: black;
  /* Fallback color */
  background-color: rgba(0, 0, 0, 0.9);
  /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation */
.modal-content, #caption {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}
@keyframes zoom {
  from {
    transform: scale(0.1);
  }
  to {
    transform: scale(1);
  }
}
/* The Close Button */
.close {
	position: absolute;
	top: 0px;
	right: -1305px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}


/* картинка на странице */

.minimized {
	cursor: pointer;
}

.sertifikats-box__frame .minimized {
	width: 300px;
  cursor: pointer;
  border: 1px solid #FFF;
}

.sertifikats-box__frame .minimized:hover {
  border: 1px solid #ef7622;
}

/* увеличенная картинка */
#magnify {
  display: none;

  /* position: absolute; upd: 24.10.2016 */
  position: fixed;
  width: 55vw;
  height: auto;
  z-index: 9999;
}

#magnify img {
  width: 100%;
}

/* затемняющий фон */
#overlay {
  display: none;

  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.7;
  z-index: 9990;
}

/* кнопка закрытия */
#close-popup {
  width: 30px;
  height: 30px;

  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}

#close-popup i {
  width: 30px;
  height: 30px;
  background: url(https://codernote.ru/files/cross.png) no-repeat center center;
  background-size: 16px 16px;
  display: block;
}
/*
@keyframes rota {
 25% { transform: rotate(360deg); }
}

#close-popup:hover {
  animation: rota 0.3s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
*/

#section-id-1686147335281 {
	display: none;
}

@media (max-width: 1900px) {
	.main-design {
		
	}	
}

@media (max-width: 1400px) {

	.sppb-section.main-goal .main-goal__desc:before {
		left: -1221px;
	}
	
	.sppb-section.main-section {
		padding-top: 0px !important;
		padding-bottom: 0px !important;
	}

	#sppb-addon-1691735988810 {
		padding-top: 150px !important;
		padding-left: 150px !important;
	}
	
	.main-first__wrap {
		gap: 100px;
	}
	
	.main-first__item .circle {
		width: 350px;
		height: 350px;
	}
	
	.stages-work__wrap {
		background-size: 119%;
	}
	
	.design-advantages .sppb-row-container {
		padding: 0px 200px;
	}
}

@media (max-width: 1300px) {

	.main-section {
		background-size: contain !important;

	}
	
	.main-design {
		background-size: 70% 100%!important;
	}
	
	.creating-main .sppb-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 20px 0px;
	}
	
	.creating-main .sppb-row-column {
		max-width: 100%!important;
	}
}

@media (max-width: 1200px) {
  
	.main-design {
		padding-left: 200px;
	}
  
	.main-section {
		padding-top: 30%!important;
	}
	
	.main-functions .main-functions__column {
	    margin: 0px;
	}
	
	.main-advantages .sppb-addon-content .custom {
		padding-right: 200px;
	}
	
	.main-design {
		background-size: 70% 100%!important;
	}
	
	#sp-footer1 .sp-column {
		grid-template-columns: 1fr 1fr;
	}
	
	span.sp-copyright {
		grid-column: 1 / -1;
	}
	
	.sppb-section.main-goal .main-goal__desc:before {
		left: -921px;
	}
	
	.qa-specialist-id {
		padding: 0px!important;
	}
	
	.qa-specialist {
		margin-top: 0px!important;
	}
	
	.main-first__item:first-child {
		margin-left: 0px;
	}
	
	#sppb-addon-1691735988810 {
		padding-left: 50px !important;
	}
	
	.stages-work__wrap {
		background-image: none;
	}
	
	.stages-work-col1,
	.stages-work-col2,
	.stages-work-col3 {
		width: 45%;
	}
	
	.stages-work__item .text {
		padding: 10px;
	}
	
	.main-first__item .text {
		padding-right: 30%;
	}
	
	.design-advantages .sppb-row-container {
		padding: 0px 50px;
	}
}

@media (max-width: 1000px) {
  
	.main-goal {
		
	}
  
	.main-goal-text {
		margin-top: 100px!important;
		margin-bottom: 100px!important;
		
	}
	
	.sppb-section.main-goal .sppb-row-column:nth-child(1) {
		padding-left: 0px;
	}
	
	.main-advantages .sppb-addon-content .custom {
		padding-right: 0px;
	}
	
	.design-advantages__column {
		grid-template-columns: 1fr;
	}

	.design-advantages__elem {
		margin-bottom: -30px;
		margin-left: 40px;
	}
	
	.main-advantages .main-advantages__column {
		grid-template-columns: 1fr;
	}
	
	.popup-testimonial__content_wrapper {
		width: 60%;
	}
	
	#sppb-addon-1691735988810 {
		padding-left: 0px !important;
	}
	
	.main-first__item .text {
		padding-right: 0%;
	}
	
	.design-advantages .sppb-row-container {
		padding: 0px 100px;
	}
}

@media (max-width: 800px) {
		
	h2,
	h3.vacancy__title{
	    font-size: 45px;
		line-height: 45px;
		font-weight: 600;
	}
	
	
	.sppb-section.main-goal .sppb-addon-title {
		padding-left: 0px;
	}

	.main-design__column .sppb-addon-title	{
	    font-size: 45px;
		line-height: 45px;
		font-weight: 600;
	}
	
	.main-goal-text .sppb-addon-text-block {
		text-align: center;
	}
	
	.main-goal__desc {
		text-align: center;
	}

	.main-functions .main-functions__column {
		flex-direction: column;
	}
	
	.main-functions .main-functions__column .main-functions__icon,
	.main-functions .main-functions__column .main-functions__icon:nth-last-child(1)	{
		width: 100%;
	}
	
	.main-advantages__column {
		grid-template-columns: 1fr;
	}
	
	.main-design {
		padding-top: 130px!important;
		background-image: none!important;
		padding-bottom: 0px!important;
		padding-left: 0px!important;
	}
	
	.our-portfolio {
		margin-top: 50px !important;
	}
	
	.our-portfolio .sppb-addon-wrapper:nth-child(2) {
		margin-top: 75px;
		margin-bottom:44px;
	}
	
	.vacancy-main__block {
		background-size: contain!important;
	}
	
	.vacancy-third__block {
		background-image: none!important;
	}
	
	.main-section {
		padding-top: 20%!important;
	}
	
	ul.sp-contact-info {
		display: none;
	}
	
	.main-fuct__text .sppb-addon-title {
		font-size: 45px!important;
	}
	
	.main-fuct__text {
		text-align: center!important;
	}
	
	.main-funct {
		padding-top: 50px!important;
	}
	
	.main-goal-text .sppb-addon-title {
		font-size: 45px!important;
		line-height: 45px!important;
		padding-right: 0px;
	}
	
	.sppb-section.main-goal .main-goal__desc {
		padding-left: 150px;
		padding-bottom: 50px;
	}
	
	.sppb-section.main-goal .main-goal__desc:before {
		left: -774px;
	}
	
	.design__form {
		width: auto;
		padding: 30px;
		border-radius: 40px 40px 0px 0px;
	}
	
	.design__form .sppb-addon-title {
		font-size: 45px!important;
		line-height: 45px!important;
	}
	
	.creating-main,
	.our-portfolio,
	.design-advantages	{
		padding-bottom: 0px!important;
	}

	#sppb-addon-1683297281912,
	.android-developer,
	#sppb-addon-1683297438689,
	#sppb-addon-1683298013857,
	#sppb-addon-1683876881477	{
		padding-top: 50px!important;
	}
	
	.java-developer{
		padding-bottom: 50px!important;
	}
	
	.java-developer-mobile {
		padding: 0px!important;
	}
	
	.main-first__wrap {
		grid-template-columns: 1fr;
		justify-items: center;
		gap: 50px;
	}
	
	#sppb-addon-1691735988810 {
		padding-top: 50px !important;
		padding-bottom: 50px;
	}
	
	.main-first__item .text {
		background: #ede9eb8f;
		backdrop-filter: blur(10px);
		border-radius: 7px;
		padding: 10px;
	}
	
	.main-first__item .circle {
		width: 300px;
		height: 300px;
	}
	
	.slick-prev {
		left: 0px !important;
	}
	
	.slick-next {
		right: 0px !important;
	}
	
	.popup-testimonial h3,
	.popup-vacancy h3 {
		font-size: 30px;
		line-height: 30px !important;
	}
	
	.stages-work-col1,
	.stages-work-col2,
	.stages-work-col3 {
		width: 100%;
	}
	
	.design-advantages .sppb-row-container {
		padding: 20px;
	}
	
	.creating-main .sppb-section-title .sppb-title-heading {
		margin-bottom: 0px;
	}
	
	.our-portfolio .sppb-addon-wrapper:first-child {
		margin-bottom: 0px;
	}
	
	.stages-work__wrap {
		gap: 10px;
	}
	
	.design-advantages .sppb-section-title {
		margin-bottom: 90px;
	}
	
	.design-advantages__column .advantages__img img {
		
	}
}


@media (max-width: 600px) {
	
	.creating-main .sppb-row {
		
		grid-template-columns: 1fr;
		
	}
	
	.design-advantages__elem .title {
	    padding: 19px 9px 19px 49px;
	}
	
	#sp-footer1 .sp-column {
		grid-template-columns: 1fr;
		justify-content: center;
		justify-items: center;
	}
	
	.main-advantages .main-advantages__column {
		padding: 37px 70px;
		border-radius: 15px;
		padding: 15px;
	}
	
	.main-advantages .sppb-addon-title {
		font-size: 35px!important;
	}
	
	h2, h3.vacancy__title {
		text-align: center!important;
	}
	
	.popup-testimonial__content_wrapper {
		width: 95%;
	}
	
	.sp-page-builder .page-content #section-id-vtayQuzzx-AMaYHgxFgcr {
		background-image: url(/images/bg/main_bg.png);
	}
	
	.popup-testimonial__content_wrapper,
	.popup-vacancy__content_wrapper {
		width: 400px;
	}
	
	.sppb-section.main-goal .sppb-addon-title {
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.main-goal {
		padding-bottom: 50px !important;
	}
	
	.main-advantages {
		padding-bottom: 50px !important;
	}
	
	.main-funct {
		padding-bottom: 0px !important;
	}
	
	.main-advantages {
		padding-top: 20px !important;
	}
	
	#sppb-addon-wrapper-1682678873911 {
		margin-bottom: 0px;
	}
	
	.main-advantages .main-advantages__column {
		gap: 10px;
	}
	
	.stages-work__item {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.stages-work__item .number {
		margin-bottom: 10px;
	}
	
	.stages-work__wrap {
		gap: 15px;
	}
	
	.our-portfolio .sppb-addon-wrapper:nth-child(2) {
		margin-bottom: 0px;
	}
	
	.design-advantages {
		padding-top: 50px !important;
	}
	
	.main-first__item .circle {
		width: 250px;
		height: 250px;
	}
	
	.design-advantages__elem .title {
		border-radius: 10px;
	}
	
	#section-id-1683297118496,
	#android-developer,
	#java-developer,
	#it-architect,
	#section-id-HxeujgXtmUNbLdK78JAhJ,
	#section-id-1683875627162	{
		padding-top: 50px!important;
		padding-bottom: 50px!important;
	}
	
	h3.vacancy__title {
		margin-bottom: 25px;
	}
	
	#section-id-dBVi4F0XxwLZMcvL1sTXB {
		padding-bottom: 0px!important;
	}
}

@media (max-width: 420px) {
	
	.main-section {
		padding-top: 30%!important;
	}
	
	.main-fuct__text .sppb-addon-title {
		font-size: 30px!important;
	}
	
	.sppb-addon-title {
		font-size: 30px!important;
		line-height: 30px!important;
	}
	
	h2, 
	h3.vacancy__title {
	    font-size: 30px!important;
		line-height: 30px!important;
		font-weight: 600;
	}
	
	.design__form .sppb-addon-title {
		font-size: 30px!important;
		line-height: 30px!important;
	}
	
	.design__form {
		padding: 20px 15px 0px;
		border-radius: 15px 15px 0px 0px;
	}
	
	.popup-testimonial__content {
		padding: 10px;
	}
	
	.main-first__item .circle {
		font-size: 30px;
		width: 200px;
		height: 200px;
	}
		
	.sppb-section.main-goal .main-goal__desc {
		padding-left: 50px;
		padding-bottom: 0px;
	}
	
	.sppb-section.main-goal .sppb-addon-title {
		padding-left: 0px;
		padding-right: 0px; 
	}
	
	.main-advantages .main-advantages__column {
		gap: 20px;
	}
	
	.sp-page-builder .page-content #section-id-1682678822790 {
		padding-top: 50px !important;
	}
	
	.our-portfolio .sppb-addon-wrapper:first-child {
		margin-bottom: 0px;
	}
	
	
	
	.popup-testimonial__content_wrapper,
	.popup-vacancy__content_wrapper {
		width: 300px;
	}
	
	.popup-testimonial h3, .popup-vacancy h3 {
		font-size: 20px;
		line-height: 20px !important;
	}
	
	.main-functions .main-functions__column {
		padding: 20px;
	}
	
	.main-first__item .circle	{
		font-size: 35px!important;
	}
	
	.main-fuct__text .sppb-addon-title,
	.main-advantages .sppb-addon-title	{
		font-size: 35px!important;
		    text-align: center!important;
	}
	
	
	.main-first__item:nth-child(2) {
		align-items: center;
	}
	
	#sppb-addon-1683029539252 .sppb-addon-title {
		font-size: 35px;
		line-height: 35px;
		align-items: center;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	
	.main-design__column .sppb-addon-title {
		margin-bottom: 25px;
	}
	
	.creating-main .sppb-title-heading:before {
		display: none;
	}
	
}