body, html {
margin: 0px;
background-color: #171E17;
padding: 0px;
scroll-behavior: smooth; }
body * {
box-sizing: border-box;
font-family: "Gilroy" ,sans-serif;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px; }
@font-face {
font-family: "Avifan";
src: url("../fonts/Avifan-Regular.ttf");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Gilroy";
src: url("../fonts/Gilroy-Regular.ttf");
font-weight: normal;
font-style: normal; }
@font-face {
font-family: "Gilroy";
src: url("../fonts/Gilroy-SemiBold.ttf");
font-weight: 600;
font-style: normal; }
@font-face {
font-family: "Gilroy";
src: url("../fonts/Gilroy-Medium.ttf");
font-weight: 500;
font-style: normal; }
@font-face {
font-family: "Gilroy";
src: url("../fonts/Gilroy-Light.ttf");
font-weight: 300;
font-style: normal; }
@font-face {
font-family: "Gilroy";
src: url("../fonts/Gilroy-Bold.ttf");
font-weight: 700;
font-style: normal; }
.container {
max-width: 1355px;
padding-left: 15px;
padding-right: 15px;
width: 100%;
margin-left: auto;
margin-right: auto; }
.header__top {
background-color: #171E17; }
header .outer__header {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
padding: 15px 0px; }
header .outer__header .logo {
display: inline-flex;
align-items: center;
justify-content: center; }
header .outer__header .logo > a {
display: inline-flex;
align-items: center;
justify-content: center; }
header .outer__header .logo > a img {
max-width: 78px; }
header .outer__header .menu {
width: 100%;
display: flex;
justify-content: flex-end; }
header .outer__header .btn {
display: inline-flex;
align-items: center;
justify-content: center; }
header .outer__header .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 51px;
padding-left: 28px;
padding-right: 28px;
background-color: #FFFEFC;
border-radius: 28px;
text-decoration: none;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #171E17;
-webkit-transition: .3s ease all;
transition: .3s ease all; }
header .outer__header .btn > a:hover {
background-color: #CFFF65; }
header .outer__header .btn > a:active {
background-color: #FFFEFC; }
header .outer__header .btn > a span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 16px; }
header .outer__header ul {
display: flex;
align-items: center;
justify-content: flex-start;
position: absolute;
left: 50%;
top: 50%;
margin: 0px;
list-style-type: none;
padding: 0px;
transform: translate(-50%, -50%); }
header .outer__header ul > li {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 38px; }
header .outer__header ul > li > a {
display: inline-flex;
text-decoration: none;
align-items: center;
justify-content: center;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #959595;
transition: .3s ease all; }
header .outer__header ul > li > a:hover {
color: #FFFEFC; }
header .outer__header ul > li:last-child {
margin-right: 0px; }
.project__main {
background-color: #171E17; }
.project__main .project__info {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 145px 0px;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
background-color: #171E17; }
.project__main .project__info .left > p {
margin-top: 0px;
margin-bottom: 5px;
font-size: 18px;
line-height: 130%;
font-weight: 400;
color: #FFFFFF; }
.project__main .project__info .left > span {
font-size: 18px;
line-height: 130%;
font-weight: 400;
color: #FFFFFF;
opacity: .5; }
.project__main .project__info .left > h2 {
margin-top: 0px;
margin-bottom: 70px;
font-size: 56px;
line-height: 130%;
font-weight: 600;
color: #FFFFFF;
text-transform: uppercase; }
.project__main .project__info .desc {
max-width: 672px; }
.project__main .project__info .desc > h3 {
margin-top: 0px;
margin-bottom: 50px;
font-size: 28px;
line-height: 130%;
font-weight: 600;
color: #DCDBDB; }
.project__main .project__info .desc > p {
margin: 0px;
font-size: 24px;
line-height: 130%;
font-weight: 400;
color: #DCDBDB; }
.project__main .main__image {
display: flex;
align-items: center;
justify-content: center; }
.project__main .main__image img {
width: 100%; }
.overview__images {
background-color: #FEFEFC;
padding-top: 84px;
padding-bottom: 84px; }
.overview__images .outer__overview .elem {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 77px; }
.overview__images .outer__overview .elem:last-child {
margin-bottom: 0px; }
.overview__images .outer__overview .elem picture {
width: 100%; }
.overview__images .outer__overview .elem img {
width: 100%;
height: auto;
max-width: 100%;
border-radius: 20px; }
.overview__wrapper {
padding-top: 96px;
padding-bottom: 105px;
background-color: #171E17; }
.overview__wrapper .outer__overview .media {
display: flex;
align-items: center;
justify-content: center; }
.overview__wrapper .outer__overview .media img {
max-width: 100%;
border-radius: 20px;
height: auto;
width: 100%; }
.overview__wrapper .outer__overview > .desc {
margin-bottom: 96px; }
.overview__wrapper .outer__overview > .desc > h4 {
margin-top: 0px;
margin-bottom: 20px;
font-size: 56px;
line-height: 110%;
color: #FFFFFF;
font-weight: 600;
text-align: center; }
.overview__wrapper .outer__overview > .desc > p {
max-width: 680px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 20px;
line-height: 130%;
font-weight: 300;
color: #DCDBDB; }
.long__media {
width: 100%; }
.long__media > img {
width: 100%; }
footer {
padding-bottom: 20px; }
footer > .copyright {
margin-top: 24px;
margin-bottom: 0px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #FFFEFC;
text-align: center; }
footer .outer__footer {
background: url("../img/footerback.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: top right;
background-color: #232C1E;
border-radius: 25px;
padding: 24px 34px; }
footer .outer__footer .bottom__part {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 29px;
display: flex;
align-items: center;
justify-content: space-between; }
footer .outer__footer .bottom__part > p {
margin: 0px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #BCBCBC; }
footer .outer__footer .bottom__part > p span {
font-weight: 600;
color: #FFFEFC; }
footer .outer__footer .bottom__part > ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start; }
footer .outer__footer .bottom__part > ul > li {
margin-right: 38px; }
footer .outer__footer .bottom__part > ul > li > a {
text-decoration: none;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #989898;
transition: .3s ease all; }
footer .outer__footer .bottom__part > ul > li > a:hover {
color: #fff; }
footer .outer__footer .bottom__part > ul > li:last-child {
margin-right: 0px; }
footer .outer__footer .top__part {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 80px; }
footer .outer__footer .top__part > ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center; }
footer .outer__footer .top__part > ul > li {
margin-right: 4px; }
footer .outer__footer .top__part > ul > li:last-child {
margin-right: 0px; }
footer .outer__footer .top__part > ul > li > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 45px;
max-width: 45px;
min-height: 45px;
max-height: 45px;
border-radius: 250px;
background-color: #1A3806; }
footer .outer__footer .top__part > a {
display: inline-flex;
align-items: center;
justify-content: center; }
footer .outer__footer .top__part > a img {
max-width: 280px; }
.box__wrapper > img {
-webkit-animation: st 4.5s ease-in-out infinite;
animation: st 4.5s ease-in-out infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: opacity;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.customers__wrapper > img {
-webkit-animation: pulse 4.5s ease-in-out infinite;
animation: pulse 4.5s ease-in-out infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.customers__wrapper {
overflow-x: hidden; }
/*.op1{
animation: st 4.5s infinite;
}
.op2{
animation: st 4.5s infinite;
animation-delay: .8s;
}*/
/*.moving {
-webkit-transform:scale(1.01);
transform:scale(1.01);
-webkit-transition: -webkit-transform 1s ease-in-out;
transition: transform 1s ease-in-out;
}
*/
@-webkit-keyframes st {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
50% {
opacity: .6;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
100% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@keyframes st {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
50% {
opacity: .6;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
100% {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0); } }
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@-webkit-keyframes startMovement {
0% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
50% {
-webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1);
transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1); }
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@keyframes startMovement {
0% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1); }
50% {
-webkit-transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1);
transform: translate3d(0, -10px, 0) scale3d(1.1, 1.1, 1); }
100% {
-webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } }
@-webkit-keyframes scaleAndMove {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(0.85, 0.85, 1);
transform: scale3d(0.85, 0.85, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
@keyframes scaleAndMove {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); }
50% {
-webkit-transform: scale3d(0.85, 0.85, 1);
transform: scale3d(0.85, 0.85, 1); }
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1); } }
.contact__wrapper {
padding-top: 80px;
overflow: hidden;
padding-bottom: 90px; }
.contact__wrapper .outer__contact {
display: flex;
justify-content: space-between;
padding-right: 108px; }
.contact__wrapper .outer__contact .desc {
width: 100%;
max-width: 650px;
display: flex;
flex-direction: column;
justify-content: space-between; }
.contact__wrapper .outer__contact .desc .bottom {
display: flex;
align-items: center;
justify-content: flex-start; }
.contact__wrapper .outer__contact .desc .bottom > p {
margin: 0px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #D8DADF; }
.contact__wrapper .outer__contact .desc .bottom > ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
margin-right: 20px;
justify-content: flex-start; }
.contact__wrapper .outer__contact .desc .bottom > ul > li {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 4px; }
.contact__wrapper .outer__contact .desc .bottom > ul > li:last-child {
margin-right: 0px; }
.contact__wrapper .outer__contact .desc .bottom > .authors {
display: flex;
align-items: center;
justify-content: flex-start;
margin-right: 16px; }
.contact__wrapper .outer__contact .desc .bottom > .authors img {
min-width: 59px;
max-width: 59px;
border-radius: 250px;
min-height: 59px;
max-height: 59px;
margin-right: -8px;
object-fit: contain; }
.contact__wrapper .outer__contact .desc .bottom > .authors img:last-child {
margin-right: 0px; }
.contact__wrapper .outer__contact .desc .top__part > p {
margin: 0px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #E0E0E0; }
.contact__wrapper .outer__contact .desc .top__part > h5 {
margin-top: 0px;
margin-bottom: 15px;
font-size: 68px;
line-height: 110%;
font-weight: 600;
color: #FFFEFC; }
.contact__wrapper .outer__contact .desc .top__part > h5 span {
display: inline-flex;
align-items: center;
justify-content: center; }
.contact__wrapper .outer__contact .desc .top__part > h5 span img {
-webkit-animation: scaleAndMove 4.5s infinite;
animation: scaleAndMove 4.5s infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform; }
.contact__wrapper .outer__contact .form__right {
width: 100%;
max-width: 480px;
position: relative; }
.contact__wrapper .outer__contact .form__right > svg {
position: absolute;
top: -54px;
left: -218px; }
.contact__wrapper .outer__contact .form__wrapper {
padding: 38px 20px;
border-radius: 26px;
background-color: #232C1E;
box-shadow: -6px 4px 79px 7px rgba(210, 238, 96, 0.2);
width: 100%;
position: relative;
z-index: 2;
max-width: 480px; }
.contact__wrapper .outer__contact .form__wrapper form {
width: 100%;
margin-top: 35px; }
.contact__wrapper .outer__contact .form__wrapper form .group__submit {
display: flex;
justify-content: center;
align-items: center;
margin-top: 35px; }
.contact__wrapper .outer__contact .form__wrapper form .group__submit button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 51px;
padding-left: 28px;
padding-right: 28px;
border: 0px;
cursor: pointer;
border-radius: 28px;
outline: none;
background-color: #FFFEFC;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #171E17;
transition: .3s ease all; }
.contact__wrapper .outer__contact .form__wrapper form .group__submit button span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 16px; }
.contact__wrapper .outer__contact .form__wrapper form .group__submit button:hover {
background-color: #CFFF65; }
.contact__wrapper .outer__contact .form__wrapper form .group__submit button:active {
background-color: #FFFEFC; }
.contact__wrapper .outer__contact .form__wrapper form .group__input {
width: 100%;
margin-bottom: 16px; }
.contact__wrapper .outer__contact .form__wrapper form .group__input > input {
width: 100%;
padding-left: 12px;
padding-right: 12px;
background-color: #313D2A;
border: 1px solid #313D2A;
outline: none;
height: 61px;
border-radius: 11px;
color: #FFFEFC;
font-size: 16px;
transition: .3s ease all; }
.contact__wrapper .outer__contact .form__wrapper form .group__input > input:hover {
background-color: #4B5944; }
.contact__wrapper .outer__contact .form__wrapper form .group__input > input:focus {
border-color: #CFFF65 !important;
background-color: #313D2A !important; }
.contact__wrapper .outer__contact .form__wrapper form .group__input > textarea {
width: 100%;
padding-left: 12px;
padding-right: 12px;
background-color: #313D2A;
border: 1px solid #313D2A;
outline: none;
height: 145px;
border-radius: 11px;
color: #FFFEFC;
font-size: 16px;
resize: none;
padding-top: 20px;
padding-bottom: 20px;
transition: .3s ease all; }
.contact__wrapper .outer__contact .form__wrapper form .group__input > textarea:hover {
background-color: #4B5944; }
.contact__wrapper .outer__contact .form__wrapper form .group__input > textarea:focus {
border-color: #CFFF65;
background-color: #313D2A; }
.contact__wrapper .outer__contact .form__wrapper form .group__input > p {
margin-top: 0px;
margin-bottom: 5px;
font-size: 16px;
line-height: 24px;
font-weight: 500;
color: #FFFEFC; }
.contact__wrapper .outer__contact .form__wrapper > h6 {
text-align: center;
margin-top: 0px;
margin-bottom: 12px;
font-size: 32px;
line-height: 130%;
font-weight: 600;
color: #FFFEFC; }
.contact__wrapper .outer__contact .form__wrapper > p {
text-align: center;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #D3D3D3;
margin: 0px; }
.box__wrapper {
padding-top: 85px;
padding-bottom: 85px;
position: relative; }
.box__wrapper > img {
position: absolute;
top: 0px;
right: 0px;
max-width: 240px; }
.box__wrapper .outer__box {
position: relative; }
.box__wrapper .outer__box img {
max-width: 100%; }
.mobile {
display: none; }
.contact__wrapper .outer__contact .form__right > svg {
pointer-events: none; }
.portfolio__wrapper {
padding-top: 140px;
padding-bottom: 240px; }
.portfolio__wrapper .outer__portfolio .grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 200px; }
.portfolio__wrapper .outer__portfolio .grid .elem:nth-child(even) {
position: relative;
top: 100px; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc {
padding-left: 22px;
padding-right: 22px;
display: flex;
flex-direction: column;
align-items: flex-start; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc > h6 {
margin-top: 0px;
margin-bottom: 15px;
font-size: 68px;
line-height: 110%;
font-weight: 600;
color: #FFFEFC; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc > p {
margin: 0px;
font-size: 32px;
line-height: 130%;
font-weight: 400;
color: #DCDBDB; }
.portfolio__wrapper .outer__portfolio .grid .elem .media {
position: relative;
margin-bottom: 35px; }
.portfolio__wrapper .outer__portfolio .grid .elem .media > span {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
left: 24px;
top: 21px;
background-color: #CFFF65;
border-radius: 58px;
min-height: 90px;
font-size: 32px;
line-height: 130%;
font-weight: 600;
color: #171E17;
padding-left: 56px;
padding-right: 56px; }
.portfolio__wrapper .outer__portfolio .grid .elem .media img {
max-width: 100%;
border-radius: 28px;
object-fit: cover; }
.portfolio__wrapper .outer__portfolio .head {
margin-bottom: 90px; }
.portfolio__wrapper .outer__portfolio .head > h2 {
margin: 0px;
padding-left: 105px;
font-size: 82px;
line-height: 100%;
font-weight: 600;
color: #FFFEFC;
display: flex;
align-items: center;
justify-content: flex-start; }
.portfolio__wrapper .outer__portfolio .head > h2 span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 35px; }
.portfolio__wrapper .outer__portfolio .head > h2 span img {
-webkit-animation: scaleAndMove 4.5s infinite;
animation: scaleAndMove 4.5s infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform; }
.customers__wrapper {
padding: 80px 0px;
background-color: #FFFEFC;
position: relative; }
.customers__wrapper .customers__controls {
display: flex;
align-items: center;
justify-content: center;
margin-top: 80px;
position: relative; }
.customers__wrapper .customers__controls > p {
position: absolute;
left: 50%;
margin: 0px;
transform: translateX(-50%);
top: -12px;
font-size: 16px;
line-height: 110%;
font-weight: 400;
color: #171E17; }
.customers__wrapper .customers__controls .dots {
margin: 0px 20px; }
.customers__wrapper .customers__controls .dots .slick-dots {
position: static;
width: 150px;
height: 2px;
background-color: #D9D9D9;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: flex-start; }
.customers__wrapper .customers__controls .dots .slick-dots > li {
width: 100%;
height: auto;
margin: 0px; }
.customers__wrapper .customers__controls .dots .slick-dots > li.slick-active > button {
background-color: #1B660D !important; }
.customers__wrapper .customers__controls .dots .slick-dots > li > button {
width: 100%;
border-radius: 250px;
padding: 0px;
height: 2px; }
.customers__wrapper .customers__controls .dots .slick-dots > li > button:before {
content: ""; }
.customers__wrapper .customers__controls > a {
display: inline-flex;
align-items: center;
justify-content: center; }
.customers__wrapper > img {
position: absolute;
bottom: 60px;
left: 0px; }
.customers__wrapper .outer__customers {
text-align: center;
position: relative;
z-index: 2; }
.customers__wrapper .outer__customers > span {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 8px 16px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #171E17;
background-color: #E9F6E9;
border-radius: 33px;
margin-bottom: 24px; }
.customers__wrapper .outer__customers .customers__slider .slick-prev, .customers__wrapper .outer__customers .customers__slider .slick-next {
display: none !important; }
.customers__wrapper .outer__customers .customers__slider .slick-track {
display: flex !important; }
.customers__wrapper .outer__customers .customers__slider .slick-slide {
height: inherit !important; }
.customers__wrapper .outer__customers .customers__slider .slick-slide {
margin: 0 13px; }
.customers__wrapper .outer__customers .customers__slider .slick-list {
margin: 0 -13px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn {
border-radius: 27px;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 34px 27px;
position: relative;
padding-bottom: 91px;
height: 100%; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom {
position: absolute;
left: 27px;
width: calc(100% - 54px);
display: flex;
align-items: center;
justify-content: space-between;
bottom: 29px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom .stars {
text-align: left; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom .stars > p {
margin: 0px;
font-size: 16px;
line-height: 130%;
color: #171E17;
font-weight: 400;
margin-bottom: 1px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom .stars ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom .stars ul > li {
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 4px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom .stars ul > li:last-child {
margin-right: 0px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom > p {
font-weight: 600;
margin: 0px;
font-size: 22px;
line-height: 26px;
color: #171E17; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn > span {
display: block;
text-align: left;
margin-bottom: 15px;
font-size: 16px;
line-height: 22px;
font-weight: 600;
color: #171E17; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn > p {
text-align: left;
margin: 0px;
font-size: 18px;
line-height: 24px;
color: #434343;
font-weight: 400; }
.customers__wrapper .outer__customers .title__wrapper {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 70px; }
.customers__wrapper .outer__customers .title {
position: relative; }
.customers__wrapper .outer__customers .title > img {
-webkit-animation: startMovement 4.5s infinite;
animation: startMovement 4.5s infinite;
position: absolute;
right: -94px;
top: -25px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform; }
.customers__wrapper .outer__customers .title > h2 {
margin: 0px;
font-size: 68px;
line-height: 110%;
font-weight: 600;
color: #171E17; }
.customers__wrapper .outer__customers .title > h2 span {
font-weight: 400;
color: #1B660D; }
.advantages__wrapper > svg {
pointer-events: none; }
.advantages__wrapper {
padding-top: 80px;
padding-bottom: 150px;
position: relative;
overflow: hidden; }
.advantages__wrapper > svg {
position: absolute;
right: 0px;
bottom: -400px;
-webkit-animation: st 4.5s infinite;
animation: st 4.5s infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: opacity, transform; }
.advantages__wrapper .outer__advantages .grid {
display: flex;
align-items: flex-start;
justify-content: flex-start; }
.advantages__wrapper .outer__advantages .grid > .elem {
width: 100%;
max-width: 375px;
margin-right: 52px; }
.advantages__wrapper .outer__advantages .grid > .elem > span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 35px; }
.advantages__wrapper .outer__advantages .grid > .elem > p {
margin: 0px;
font-size: 18px;
line-height: 26px;
color: #DCDBDB; }
.advantages__wrapper .outer__advantages .grid > .elem:last-child {
margin-right: 0px; }
.advantages__wrapper .outer__advantages > h2 {
margin: 0px;
margin-bottom: 108px;
font-size: 68px;
line-height: 110%;
font-weight: 600;
color: #FFFEFC; }
.advantages__wrapper .outer__advantages > h2 > span {
color: #171E17;
background-color: #CFFF65;
padding: 0px 4px; }
.advantages__wrapper .outer__advantages > h2 > span span {
color: #171E17;
background-color: #CFFF65;
padding: 0px 3px; }
.advantages__wrapper .outer__advantages > span {
display: inline-flex;
margin-bottom: 54px;
align-items: center;
justify-content: center;
min-height: 37px;
padding-left: 16px;
padding-right: 16px;
border-radius: 33px;
background-color: #1B660D;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #FFFEFC; }
.all__cases {
padding-top: 104px;
padding-bottom: 85px;
overflow: hidden;
position: relative; }
.all__cases .layer__right {
-webkit-animation: st 4.5s infinite;
animation: st 4.5s infinite;
position: absolute;
right: -250px;
top: 0px;
opacity: .7;
filter: blur(30px);
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: opacity, transform; }
.all__cases .group {
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
top: 250px;
right: 0px; }
.all__cases .outer__cases {
position: relative;
z-index: 2; }
.all__cases .outer__cases .grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 35px;
grid-column-gap: 56px; }
.all__cases .outer__cases .grid > a {
text-decoration: none; }
.all__cases .outer__cases .grid > a .media {
display: block;
position: relative;
padding-bottom: 57%; }
.all__cases .outer__cases .grid > a .media img {
border-radius: 24px;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
object-fit: cover; }
.all__cases .outer__cases .grid > a .top {
display: flex;
align-items: inherit;
justify-content: space-between;
margin-bottom: 43px; }
.all__cases .outer__cases .grid > a .top .right {
display: flex;
flex-direction: column;
justify-content: space-between; }
.all__cases .outer__cases .grid > a .top .right > span {
margin-top: 0px;
display: block;
text-align: center;
padding-top: 7px;
font-size: 16px;
line-height: 110%;
font-weight: 400;
color: #FFFEFC; }
.all__cases .outer__cases .grid > a .top .left {
display: inline-flex;
flex-direction: column;
align-items: flex-start; }
.all__cases .outer__cases .grid > a .top .left > p {
margin: 0px;
font-size: 22px;
line-height: 110%;
font-weight: 400;
color: #FFFEFC;
text-transform: uppercase; }
.all__cases .outer__cases .grid > a .top .left > span {
font-size: 62px;
line-height: 110%;
font-weight: 600;
text-transform: uppercase;
color: #FFFEFC;
font-weight: 600;
margin-bottom: 8px; }
.all__cases .outer__cases > .top__part {
display: flex;
align-items: flex-end;
justify-content: space-between;
margin-bottom: 118px; }
.all__cases .outer__cases > .top__part .right {
text-align: right; }
.all__cases .outer__cases > .top__part .right .btn {
display: inline-flex;
align-items: center;
justify-content: center; }
.all__cases .outer__cases > .top__part .right .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 51px;
padding-left: 48px;
padding-right: 48px;
text-decoration: none;
border-radius: 38px;
background-color: #FFFEFC;
font-size: 16px;
line-height: 22px;
font-weight: 500;
color: #282828;
transition: .3s ease all; }
.all__cases .outer__cases > .top__part .right .btn > a:hover {
background-color: #CFFF65; }
.all__cases .outer__cases > .top__part .right .btn > a:active {
background-color: #FFFEFC; }
.all__cases .outer__cases > .top__part .right > p {
margin: 0px;
margin-bottom: 25px;
font-size: 18px;
line-height: 26px;
color: #FFFEFC;
font-weight: 400; }
.all__cases .outer__cases > .top__part .left > h2 {
margin: 0px;
font-size: 68px;
line-height: 110%;
font-weight: 600;
color: #FFFEFC; }
.all__cases .outer__cases > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 37px;
border-radius: 33px;
background-color: #1B660D;
padding-left: 16px;
padding-right: 16px;
margin-bottom: 32px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #FFFEFC; }
.our__services {
background-color: #FFFEFC;
padding-top: 80px;
padding-bottom: 130px; }
.our__services .outer__services .box__wrap {
max-width: 1060px;
margin-left: auto;
margin-right: auto;
position: relative;
margin-top: 65px; }
.our__services .outer__services .box__wrap > img {
position: absolute;
left: -140px;
top: -120px;
-webkit-animation: pulse 4.5s infinite;
animation: pulse 4.5s infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform; }
.our__services .outer__services .box__wrap > img.blob__second {
right: 100px;
left: auto;
top: auto;
bottom: 80px; }
.our__services .outer__services .grid {
position: relative;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
display: grid;
grid-template-columns: repeat(3, 1fr); }
.our__services .outer__services .grid.double {
position: relative;
top: -20px;
grid-template-columns: repeat(2, 1fr);
max-width: 692px;
margin-left: auto;
margin-right: auto; }
.our__services .outer__services .grid.double .row {
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important; }
.our__services .outer__services .grid > .row {
padding: 28px 20px;
background-color: #FFFEFC;
border: 1px solid rgba(0, 0, 0, 0.05);
border-right: 0px; }
.our__services .outer__services .grid > .row:nth-child(1) {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px; }
.our__services .outer__services .grid > .row:last-child {
border-top-right-radius: 20px;
border-bottom-right-radius: 20px; }
.our__services .outer__services .grid > .row:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.05); }
.our__services .outer__services .grid > .row > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 56px;
max-width: 56px;
margin-bottom: 52px;
min-height: 56px;
max-height: 56px;
border-radius: 250px;
border: 1px solid rgba(0, 0, 0, 0.15); }
.our__services .outer__services .grid > .row > h6 {
margin-top: 0px;
margin-bottom: 8px;
font-size: 30px;
line-height: 42px;
color: #1B660D;
font-weight: 600; }
.our__services .outer__services .grid > .row > p {
margin: 0px;
font-size: 16px;
line-height: 130%;
color: #434343;
font-weight: 400; }
.our__services .outer__services > .head {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.our__services .outer__services > .head .title {
position: relative; }
.our__services .outer__services > .head .title img {
position: absolute;
right: -81px;
top: -38px;
-webkit-animation: pulse 4.5s infinite;
animation: pulse 4.5s infinite;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform; }
.our__services .outer__services > .head .title > h2 {
margin: 0px;
font-size: 68px;
line-height: 110%;
font-weight: 600;
color: #171E17; }
.our__services .outer__services > .head .title > h2 span {
font-weight: 400;
color: #1B660D; }
.our__services .outer__services > .head > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 37px;
padding-left: 16px;
padding-right: 16px;
font-size: 16px;
margin-bottom: 32px;
line-height: 130%;
font-weight: 400;
color: #171E17;
border-radius: 33px;
background-color: #E9F6E9; }
.hero__section {
padding-top: 205px;
padding-bottom: 190px;
overflow: hidden;
position: relative; }
.hero__section .hero__svg {
position: absolute;
left: 0px;
top: 0px;
width: 100%; }
.hero__section .hero__svg svg {
width: 100%;
height: 100%; }
.hero__section .outer__hero {
margin-bottom: 295px;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 2; }
.hero__section .outer__hero > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 37px;
padding-left: 16px;
padding-right: 16px;
border-radius: 33px;
background-color: #1B660D;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #FFFEFC;
margin-bottom: 32px; }
.hero__section .outer__hero .btns {
display: flex;
align-items: center;
justify-content: center;
margin-top: 60px; }
.hero__section .outer__hero .btns > a {
margin-right: 20px; }
.hero__section .outer__hero .btns > a.portfolio {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 175px;
min-height: 50px;
text-decoration: none;
font-size: 16px;
line-height: 20px;
color: #FFFEFC;
font-weight: 500;
opacity: .6;
transition: .3s ease all; }
.hero__section .outer__hero .btns > a.portfolio:hover {
opacity: 1; }
.hero__section .outer__hero .btns > a.portfolio span {
display: inline-flex;
align-items: center;
justify-content: center;
margin-left: 16px; }
.hero__section .outer__hero .btns > a:last-child {
margin-right: 0px; }
.hero__section .outer__hero .btns .free__quote {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 200px;
min-height: 50px;
border-radius: 250px;
background-color: #FFFEFC;
text-decoration: none;
font-size: 16px;
line-height: 22px;
color: #171E17;
font-weight: 500;
transition: .3s ease all; }
.hero__section .outer__hero .btns .free__quote:hover {
background-color: #CFFF65; }
.hero__section .outer__hero .btns .free__quote:active {
background-color: #FFFEFC; }
.hero__section .outer__hero > p {
max-width: 430px;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
font-size: 16px;
line-height: 130%;
font-weight: 400;
color: #D1D1D1; }
.hero__section .outer__hero .title {
position: relative;
text-align: center; }
.hero__section .outer__hero .title > h1 {
margin: 0px;
font-size: 82px;
line-height: 110%;
font-weight: 600;
color: #fff;
margin-bottom: 12px; }
.hero__section .outer__hero .title > h1 span {
font-weight: 400;
font-family: "Avifan" ,sans-serif; }
.hero__section .outer__hero .mouse {
display: flex;
justify-content: center;
align-items: center;
margin-top: 72px; }
.hero__section .bottom__hero {
position: relative;
z-index: 2; }
.hero__section .bottom__hero .bottom__grid {
display: flex;
align-items: center;
justify-content: center; }
.hero__section .bottom__hero .bottom__grid > .el {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-right: 150px; }
.hero__section .bottom__hero .bottom__grid > .el:last-child {
margin-right: 0px; }
.hero__section .bottom__hero .bottom__grid > .el > p {
margin: 0px;
font-size: 24px;
line-height: 32px;
color: #FFFEFC;
font-weight: 400; }
.hero__section .bottom__hero .bottom__grid > .el > span {
font-size: 120px;
line-height: 110px;
font-weight: 600;
color: #fff; }
.hero__section .bottom__hero .bottom__grid > .el > span span {
font-weight: 300; }
.hero__section .bottom__hero > .top__part {
display: flex;
align-items: flex-end;
margin-bottom: 120px;
justify-content: space-between; }
.hero__section .bottom__hero > .top__part .right {
max-width: 480px; }
.hero__section .bottom__hero > .top__part .right > p {
margin: 0px;
font-size: 18px;
line-height: 26px;
font-weight: 400;
color: #DCDBDB; }
.hero__section .bottom__hero > .top__part > .left {
display: flex;
flex-direction: column;
align-items: flex-start; }
.hero__section .bottom__hero > .top__part > .left > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 37px;
border-radius: 33px;
background-color: #1B660D;
font-size: 16px;
line-height: 130%;
margin-bottom: 32px;
font-weight: 400;
white-space: nowrap;
color: #FFFEFC;
padding-left: 16px;
padding-right: 16px; }
.hero__section .bottom__hero > .top__part > .left > h2 {
margin: 0px;
font-size: 68px;
line-height: 110%;
font-weight: 600;
color: #FFFEFC; }
@-webkit-keyframes bounce {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
50% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); } }
@keyframes bounce {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
50% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0); } }
.mouse {
-webkit-animation: bounce 1.5s infinite ease-in-out;
animation: bounce 1.5s infinite ease-in-out;
-webkit-transform: translateZ(0);
transform: translateZ(0);
will-change: transform; }
.mouse .mobile {
display: none; }
.header__top.transparent {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
z-index: 8;
background-color: transparent; }
.header__top.transparent + div {
margin-top: 0px !important; }
@media (max-width: 1280px) {
.contact__wrapper .outer__contact .desc .top__part > h5 {
font-size: 58px; }
.contact__wrapper .outer__contact .desc .top__part > h5 span img {
max-width: 45px; }
.contact__wrapper .outer__contact .desc {
padding-right: 35px; }
.contact__wrapper .outer__contact {
padding-right: 55px; }
.customers__wrapper .outer__customers .title__wrapper {
margin-bottom: 45px; }
.customers__wrapper .outer__customers .title > h2 {
font-size: 58px; } }
@media (max-width: 1200px) {
.hero__section .hero__svg svg {
min-width: 1200px;
position: relative;
left: 50%;
transform: translateX(-50%); }
.hero__section .outer__hero {
margin-bottom: 180px; }
.hero__section {
padding-top: 120px;
padding-bottom: 80px; }
.hero__section .outer__hero .title > h1 {
font-size: 70px; }
.hero__section .bottom__hero > .top__part > .left > h2 {
font-size: 58px; }
.hero__section .bottom__hero > .top__part .right > p {
font-size: 16px;
line-height: 24px; }
.hero__section .bottom__hero .bottom__grid > .el > span {
font-size: 90px;
line-height: 100px; }
.our__services .outer__services > .head .title > h2 {
font-size: 60px; }
.our__services .outer__services > .head > span {
margin-bottom: 24px; }
.our__services {
padding-top: 60px;
padding-top: 60px; }
.all__cases .outer__cases > .top__part .left > h2 {
font-size: 58px;
line-height: 64px; }
.all__cases .outer__cases .grid > a .top .left > span {
font-size: 52px; }
.all__cases .outer__cases .grid > a .top .left > p {
font-size: 19px; }
.portfolio__wrapper .outer__portfolio .head > h2 {
font-size: 64px; }
.portfolio__wrapper .outer__portfolio .head > h2 {
padding-left: 40px; }
.portfolio__wrapper {
padding-top: 90px; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc > h6 {
font-size: 58px; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc > p {
font-size: 24px; }
.portfolio__wrapper .outer__portfolio .grid .elem .media > span {
min-height: 65px;
font-size: 24px; }
.portfolio__wrapper .outer__portfolio .head {
margin-bottom: 60px; }
.project__main .project__info .desc {
max-width: 580px; }
.contact__wrapper .outer__contact {
padding-right: 0px; }
.hero__section .bottom__hero > .top__part .right {
max-width: 440px; } }
.top__part > h5 br {
display: none; }
.top__part > h5 .desktop {
display: none; }
.overview__wrapper .media > img.mobile {
display: none; }
.overview__images .outer__overview .elem:nth-child(1) img.mobile {
display: none; }
.menu__btn {
display: none; }
@media (min-width: 991px) {
header .outer__header .menu {
display: flex !important; } }
.project__main .main__image picture {
width: 100%; }
.project__main .main__image picture img {
width: 100%;
height: auto; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom {
align-items: flex-end; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom > p {
text-align: left;
margin-right: 5px; }
.contact__wrapper .outer__contact .desc .top__part > h5 span.mobile {
display: none; }
.outer__services .btn {
display: none; }
@media (max-width: 991px) {
.hero__section .hero__svg svg {
min-width: 1040px;
opacity: .3;
position: relative;
left: 50%;
transform: translateX(-50%); }
.hero__section .outer__hero .title > h1 {
font-size: 50px;
line-height: 60px; }
.hero__section .outer__hero > span {
margin-bottom: 32px;
min-height: 33px;
font-size: 14px;
line-height: 18px; }
.hero__section .outer__hero > p {
font-size: 15px; }
.hero__section .outer__hero .btns {
margin-top: 45px;
flex-direction: column;
align-items: center; }
.hero__section .outer__hero .btns .free__quote {
margin-right: 0px;
margin-bottom: 20px; }
.hero__section .outer__hero .mouse {
margin-top: 45px; }
.hero__section .outer__hero .mouse > img {
display: none; }
.hero__section .outer__hero .mouse > img.mobile {
display: block; }
.hero__section .bottom__hero > .top__part {
flex-direction: column;
align-items: flex-start;
margin-bottom: 60px; }
.hero__section .bottom__hero .bottom__grid {
flex-direction: column;
align-items: center; }
.hero__section .bottom__hero .bottom__grid > .el {
margin-right: 0px;
margin-bottom: 70px; }
.hero__section .bottom__hero .bottom__grid > .el:last-child {
margin-bottom: 0px; }
.hero__section .bottom__hero .bottom__grid > .el > span {
font-size: 80px;
line-height: 90px; }
.hero__section .bottom__hero .bottom__grid > .el > p {
font-size: 20px;
line-height: 24px; }
.hero__section .bottom__hero > .top__part .right {
max-width: 100%;
margin-top: 20px; }
.hero__section .bottom__hero > .top__part > .left > h2 {
font-size: 50px; }
.hero__section .bottom__hero > .top__part > .left > span {
margin-bottom: 32px;
min-height: 32px;
font-size: 14px;
line-height: 18px; }
.hero__section .outer__hero {
margin-bottom: 130px; }
.outer__services .btn {
display: flex;
justify-content: center;
align-items: center;
margin-top: 40px; }
.outer__services .btn > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 200px;
min-height: 50px;
text-decoration: none;
background-color: #CFFF65;
font-size: 16px;
line-height: 22px;
color: #171E17;
font-weight: 500;
border-radius: 250px; }
.our__services {
padding-bottom: 60px; }
.our__services .outer__services .box__wrap {
padding-left: 15px;
padding-right: 15px; }
.our__services .outer__services > .head .title > h2 {
font-size: 50px;
line-height: 110%; }
.our__services .outer__services > .head .title img {
max-width: 60px;
right: -60px; }
.our__services .outer__services .box__wrap {
margin-top: 40px; }
.our__services .outer__services .grid {
grid-template-columns: 1fr; }
.our__services .outer__services .grid:nth-child(3) > .row:nth-child(1) {
border-top-right-radius: 20px !important;
border-bottom-left-radius: 0px; }
.our__services .outer__services .grid > .row {
border-bottom: 0px !important; }
.our__services .outer__services .grid > .row > span {
margin-bottom: 23px; }
.our__services .outer__services .grid > .row > h6 {
font-size: 24px;
line-height: 34px; }
.our__services .outer__services .grid > .row > p {
font-size: 14px; }
.our__services .outer__services .grid.double {
top: 0px;
grid-template-columns: 1fr;
max-width: 100%; }
.our__services .outer__services .grid > .row:last-child {
border-radius: 0px; }
.our__services .outer__services .grid:last-child > .row:last-child {
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important; }
.our__services .outer__services .box__wrap > img.blob__second {
right: -30px; }
.our__services .outer__services .box__wrap > img {
top: -50px;
max-width: 200px;
left: -60px; }
.our__services {
overflow: hidden; }
.our__services .outer__services .grid > .row {
border: 1px solid rgba(0, 0, 0, 0.05); }
.all__cases .group {
top: 50%;
transform: translateY(-50%); }
.all__cases .layer__right {
right: -350px;
top: 50px; }
.all__cases {
padding-top: 70px;
padding-bottom: 45px; }
.all__cases .outer__cases > .top__part {
margin-bottom: 90px;
flex-direction: column;
align-items: flex-start; }
.all__cases .outer__cases > .top__part .right {
text-align: left;
margin-top: 33px; }
.all__cases .outer__cases .grid {
grid-template-columns: 1fr; }
.all__cases .outer__cases .grid > a .top .left > span {
font-size: 44px;
line-height: 52px;
margin-bottom: 15px; }
.all__cases .outer__cases .grid > a .top .left > p {
font-size: 16px; }
.all__cases .outer__cases .grid > a .top .right .external > img {
max-width: 28px; }
.all__cases .outer__cases .grid > a .top {
margin-bottom: 20px; }
.all__cases .outer__cases > span {
min-height: 33px;
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
line-height: 20px; }
.all__cases .outer__cases > .top__part .left > h2 {
font-size: 50px;
line-height: 110%;
font-weight: 600; }
.advantages__wrapper .outer__advantages .grid > .elem > p {
font-size: 16px;
line-height: 24px; }
.advantages__wrapper .outer__advantages .grid > .elem > span img {
max-height: 58px; }
.advantages__wrapper .outer__advantages > h2 {
margin-bottom: 60px;
max-width: 360px; }
.advantages__wrapper {
padding-top: 45px;
padding-bottom: 120px; }
.advantages__wrapper .outer__advantages > span {
margin-bottom: 32px;
min-height: 33px;
padding-left: 16px;
padding-right: 16px;
font-size: 14px;
line-height: 20px; }
.advantages__wrapper .outer__advantages .grid {
flex-direction: column;
align-items: flex-start; }
.advantages__wrapper .outer__advantages .grid > .elem {
max-width: 100%;
margin-bottom: 42px;
margin-right: 0px; }
.advantages__wrapper .outer__advantages .grid > .elem:last-child {
margin-bottom: 0px; }
.advantages__wrapper .outer__advantages > h2 {
font-size: 50px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn > p {
font-size: 15px;
line-height: 21px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn > span {
font-size: 14px;
line-height: 18px;
margin-bottom: 10px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn {
padding: 27px 21px;
padding-bottom: 70px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom .stars ul > li img {
max-width: 16px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom .stars > p {
font-size: 14px;
line-height: 18px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom {
bottom: 22px; }
.customers__wrapper .outer__customers .customers__slider .elem__slide .inn .bottom > p {
font-size: 18px;
line-height: 24px; }
.customers__wrapper .outer__customers .title__wrapper {
max-width: 330px;
margin-left: auto;
margin-right: auto; }
.customers__wrapper .outer__customers .title > img {
right: -30px;
max-width: 50px; }
.customers__wrapper {
padding-top: 70px;
padding-bottom: 70px; }
.customers__wrapper .outer__customers .title__wrapper {
margin-bottom: 35px; }
.customers__wrapper .outer__customers .title > h2 {
font-size: 50px; }
.customers__wrapper .customers__controls {
margin-top: 45px; }
.portfolio__wrapper .outer__portfolio .grid .elem {
transform: none !important; }
.portfolio__wrapper .outer__portfolio .grid .elem .media {
margin-bottom: 18px; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc > h6 {
font-size: 32px; }
.portfolio__wrapper {
padding-bottom: 55px; }
.portfolio__wrapper .outer__portfolio .grid .elem .media img {
border-radius: 14px; }
.portfolio__wrapper .outer__portfolio .grid .elem .media > span {
min-height: 45px;
padding-left: 24px;
padding-right: 24px;
font-size: 18px;
line-height: 24px; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc {
padding-left: 11px;
padding-right: 11px; }
.portfolio__wrapper .outer__portfolio .grid .elem .desc > p {
font-size: 15px;
line-height: 22px; }
.portfolio__wrapper {
padding-top: 55px; }
.portfolio__wrapper .outer__portfolio .head > h2 {
padding-left: 0px;
font-size: 50px; }
.portfolio__wrapper .outer__portfolio .head > h2 span {
margin-left: 20px; }
.portfolio__wrapper .outer__portfolio .head > h2 span img {
max-width: 35px; }
.portfolio__wrapper .outer__portfolio .grid {
grid-template-columns: 1fr; }
.portfolio__wrapper .outer__portfolio .grid .elem:nth-child(even) {
top: 0px; }
.portfolio__wrapper .outer__portfolio .grid {
grid-row-gap: 48px; }
.contact__wrapper .outer__contact .desc .top__part > h5 span.mobile {
display: inline-flex; }
.project__main .main__image img {
height: auto; }
.menu__btn {
display: inline-flex;
align-items: center;
justify-content: center; }
.menu__btn > a {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 32px;
max-width: 32px;
min-height: 32px;
max-height: 32px; }
.menu__btn > a.opened > span:nth-child(1) {
transform: rotate(45deg);
top: 4.6px; }
.menu__btn > a.opened > span:nth-child(3) {
bottom: 5px;
transform: rotate(-45deg); }
.menu__btn > a.opened > span:nth-child(2) {
opacity: 0; }
.menu__btn > a > span {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 18px;
min-height: 2px;
background-color: #FFFFFF;
border-radius: 250px;
margin-bottom: 3px;
transition: .3s ease all;
position: relative;
top: 0px;
bottom: auto; }
.menu__btn > a > span:last-child {
top: auto;
bottom: 0px;
margin-bottom: 0px; }
.header__top {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 3;
padding-bottom: 8px; }
header .outer__header .btn {
width: 100%; }
header .outer__header .btn > a {
width: 100%; }
.header__top + div {
margin-top: 99px; }
header {
transition: .3s ease all;
width: calc(100% - 26px);
margin-left: auto;
margin-right: auto;
margin-top: 8px;
border-radius: 24px; }
header.opened {
background-color: #232C1E; }
header .outer__header .logo > a img {
max-width: 55px; }
header .outer__header {
padding: 14px 0px;
flex-wrap: wrap; }
header .outer__header ul {
position: static;
display: flex;
flex-direction: column;
align-items: flex-start;
transform: none; }
header .outer__header ul > li {
margin-bottom: 23px; }
header .outer__header ul > li:last-child {
margin-bottom: 0px; }
header .outer__header .btn > a {
width: 100%;
margin-top: 78px; }
header .outer__header .menu {
display: none;
padding-top: 48px;
padding-bottom: 25px; }
.project__main .project__info {
padding: 40px 0px; }
.project__main .project__info .left {
display: flex;
flex-direction: column-reverse;
margin-bottom: 35px; }
.project__main .project__info .desc {
max-width: 100%; }
.project__main .project__info .desc > h3 {
font-size: 18px;
margin-bottom: 40px;
line-height: 130%; }
.project__main .project__info .desc > p {
font-size: 18px;
line-height: 130%; }
.project__main .project__info .left > h2 {
margin-top: 35px;
font-size: 48px;
margin-bottom: 0px; }
.project__main .project__info {
flex-direction: column; }
.overview__images {
padding-top: 52px;
padding-bottom: 70px; }
.overview__images .outer__overview .elem {
margin-bottom: 50px; }
.overview__wrapper .media > img {
display: none; }
.overview__wrapper .media > img.mobile {
display: block !important; }
.overview__wrapper .outer__overview .media > img {
display: none; }
.overview__wrapper .outer__overview > .desc > h4 {
font-size: 48px;
text-align: left; }
.overview__wrapper .outer__overview > .desc > p {
margin-left: 0px;
text-align: left; }
.overview__wrapper .outer__overview > .desc {
margin-bottom: 60px; }
.overview__wrapper {
padding-bottom: 45px;
padding-top: 85px; }
.box__wrapper {
padding: 45px 0px; }
.overview__wrapper .outer__overview > .desc > p {
font-size: 18px; }
.contact__wrapper .outer__contact .form__wrapper > h6 {
font-size: 24px;
line-height: 32px; }
.contact__wrapper .outer__contact .form__wrapper > p {
font-size: 14px; }
.contact__wrapper .outer__contact .form__wrapper > p br {
display: none; }
.contact__wrapper .outer__contact .desc .top__part > h5 {
margin-bottom: 20px; }
.contact__wrapper .outer__contact .desc .bottom {
margin-top: 56px;
flex-wrap: wrap; }
.contact__wrapper .outer__contact .desc .bottom > p {
width: 100%;
margin-top: 16px; }
.contact__wrapper .outer__contact .desc .bottom > .authors img {
min-width: 47px;
max-width: 47px;
min-height: 47px;
max-height: 47px; }
.contact__wrapper .outer__contact .desc .bottom > .authors img {
margin-right: -6px; }
.top__part > h5 br {
display: block; }
.top__part > h5 .desktop {
display: none !important; }
.top__part > h5 .mobile {
display: block; }
.contact__wrapper .outer__contact .desc {
max-width: 640px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding-right: 0px; }
.contact__wrapper .outer__contact .desc .top__part > h5 {
font-size: 50px;
line-height: 110%; }
.contact__wrapper .outer__contact .desc {
margin-bottom: 90px; }
.contact__wrapper .outer__contact {
flex-direction: column; }
.contact__wrapper .outer__contact .form__right {
max-width: 640px;
margin-left: auto;
margin-right: auto; }
.contact__wrapper .outer__contact .form__right > svg {
left: 50%;
transform: translateX(-50%); }
.contact__wrapper .outer__contact .form__wrapper {
max-width: 100%; }
footer .outer__footer .top__part > a img {
max-width: 160px; }
footer .outer__footer .top__part {
flex-direction: column;
margin-bottom: 70px; }
footer .outer__footer .top__part > ul {
display: none; }
.mobile {
display: block; }
footer .outer__footer {
padding: 14px 18px; }
footer .outer__footer .bottom__part .mobile ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start; }
footer .outer__footer .bottom__part .mobile ul li {
display: inline-flex;
margin-right: 4px; }
footer .outer__footer .bottom__part .mobile ul li > a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 37px;
max-width: 37px;
min-height: 37px;
max-height: 37px;
border-radius: 250px;
background-color: #1A3806; }
footer .outer__footer .bottom__part .mobile ul li > a img {
max-height: 16px; }
footer .outer__footer .bottom__part .mobile ul li:last-child {
margin-right: 0px; }
footer .outer__footer {
background: url("../img/footerbackmobile.webp");
background-repeat: no-repeat;
background-size: cover;
background-position: bottom right;
border-radius: 16px; }
footer .top__part .mobile ul {
padding: 0px;
list-style-type: none;
margin: 0px;
display: flex;
align-items: center;
justify-content: flex-start;
margin-top: 30px; }
footer .top__part .mobile ul > li {
margin-right: 38px; }
footer .top__part .mobile ul > li > a {
font-size: 14px;
line-height: 18px;
color: #DCDBDB;
text-decoration: none;
transition: .3s ease all; }
footer .top__part .mobile ul > li > a:hover {
color: #fff; }
footer .outer__footer .bottom__part > p {
font-size: 14px;
line-height: 18px; }
footer .outer__footer .bottom__part > ul {
display: none; }
footer .outer__footer .bottom__part {
padding-top: 24px; } }
@media (max-width: 480px) {
.our__services .outer__services > .head .title > h2 {
max-width: 290px;
text-align: center; }
.our__services .outer__services > .head .title img {
right: -30px; }
.customers__wrapper > img {
max-width: 100px;
bottom: 95px; }
.all__cases .outer__cases > .top__part .left > h2 {
font-size: 44px; }
.all__cases .outer__cases .grid > a .top .left > span {
font-size: 38px;
line-height: 44px; }
.contact__wrapper .outer__contact .desc .top__part > h5 {
font-size: 44px; }
footer > .copyright {
font-size: 13px;
line-height: 16px;
margin-top: 20px;
padding-left: 15px;
padding-right: 15px; }
footer .top__part .mobile ul {
flex-wrap: wrap;
max-width: 280px; }
footer .top__part .mobile ul > li:last-child {
margin-top: 13px; }
footer .outer__footer .bottom__part > p {
max-width: 130px; }
footer .top__part .mobile ul > li {
margin-right: 30px; } }
@media (max-width: 410px) {
.hero__section .outer__hero .title > h1 {
font-size: 44px;
line-height: 52px; } }
@media (max-width: 400px) {
.hero__section .bottom__hero > .top__part > .left > h2 {
font-size: 40px;
line-height: 46px; }
.hero__section .bottom__hero .bottom__grid > .el > span {
font-size: 70px;
line-height: 80px; }
.hero__section .outer__hero .title > h1 {
font-size: 38px;
line-height: 44px; }
.advantages__wrapper .outer__advantages > h2 {
font-size: 40px; }
.customers__wrapper .outer__customers .title > h2 {
font-size: 40px; }
.customers__wrapper .outer__customers .title__wrapper {
max-width: 260px; } }
/* Disable clicking on portfolio project links */
.all__cases .outer__cases .grid > a {
pointer-events: none;
cursor: default; }
/* Safari Performance Optimization - Disable All Animations */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Safari-specific: Disable all animations and transitions */
*, *::before, *::after {
-webkit-animation: none !important;
animation: none !important;
-webkit-transition: none !important;
transition: none !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-animation-duration: 0s !important;
animation-duration: 0s !important;
-webkit-animation-delay: 0s !important;
animation-delay: 0s !important;
-webkit-animation-fill-mode: none !important;
animation-fill-mode: none !important;
}
/* Remove 3D transforms and hardware acceleration that cause Safari issues */
body * {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-perspective: none !important;
perspective: none !important;
-webkit-transform-style: flat !important;
transform-style: flat !important;
will-change: auto !important;
}
/* Disable smooth scrolling in Safari */
body, html {
scroll-behavior: auto !important;
}
/* Remove specific problematic animations */
.box__wrapper > img,
.customers__wrapper > img,
.customers__wrapper,
.contact__wrapper .outer__contact .desc .top__part > h5 span img,
.portfolio__wrapper .outer__portfolio .head > h2 span img,
.customers__wrapper .outer__customers .title > img,
.advantages__wrapper > svg,
.all__cases .layer__right,
.our__services .outer__services .box__wrap > img,
.our__services .outer__services > .head .title img,
.mouse {
-webkit-animation: none !important;
animation: none !important;
-webkit-transform: none !important;
transform: none !important;
}
/* Disable complex font features that slow Safari */
* {
font-feature-settings: normal !important;
font-variant-ligatures: none !important;
text-rendering: optimizeSpeed !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
}
/* Optimize containers for Safari */
.container,
.outer__hero,
.outer__services,
.outer__customers,
.outer__cases,
.outer__advantages {
contain: layout !important;
-webkit-transform: translateZ(0) !important;
transform: translateZ(0) !important;
}
/* Disable complex selectors that slow Safari */
.hero__section .hero__svg svg,
.advantages__wrapper > svg,
.all__cases .layer__right svg {
display: none !important;
}
/* Simplify complex background elements */
.hero__section::before,
.our__services::before,
.customers__wrapper::before,
.all__cases::before {
display: none !important;
}
/* Disable Slick slider animations in Safari */
.slick-track {
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: none !important;
transition: none !important;
}
.slick-slide {
-webkit-transition: none !important;
transition: none !important;
}
/* Force Safari to use simpler rendering */
.customers__slider,
.portfolio__wrapper,
.our__services,
.all__cases {
contain: layout style !important;
-webkit-transform: none !important;
transform: none !important;
}
}
/* Additional Safari-specific optimizations */
@supports (-webkit-appearance:none) {
/* Further Safari-specific rules */
* {
-webkit-animation: none !important;
animation: none !important;
-webkit-transition: none !important;
transition: none !important;
}
/* Optimize image loading for Safari */
img {
image-rendering: -webkit-optimize-contrast !important;
image-rendering: optimize-contrast !important;
-webkit-backface-visibility: hidden !important;
backface-visibility: hidden !important;
}
/* Disable Slick slider animations in Safari */
.slick-track {
-webkit-transform: none !important;
transform: none !important;
-webkit-transition: none !important;
transition: none !important;
}
.slick-slide {
-webkit-transition: none !important;
transition: none !important;
}
/* Force Safari to use simpler rendering */
.customers__slider,
.portfolio__wrapper,
.our__services,
.all__cases {
contain: layout style !important;
-webkit-transform: none !important;
transform: none !important;
}
}
/*# sourceMappingURL=style.css.map */