@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-SemiBold.ttf");
    font-weight: 600;
}

@font-face {
    font-family: "OpenSans";
    src: url("../fonts/OpenSans-Regular.ttf");
    font-weight: 400;
}

@font-face {
    font-family: "Mereoleona";
    src: url("../fonts/Mereoleona-Regular.ttf");
    font-weight: 400;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0 auto;
    width: 100%;
    color: #FFFFFF;
    font-family: "OpenSans";
    font-weight: 400;
}

.fix-size {
    max-width: 1566px;
    width: auto;
    margin: 0 auto;
    padding: 0 30px;
}


/* ------------HEADER------------ */


.header-wrapp {
    background: linear-gradient(180deg, #1D2D18 0%, rgba(29, 45, 24, 0) 30%);
}

.header {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-bottom: 2px solid #F0FFE0;
    justify-content: space-between;
    padding: 25px 15px;
}

.header-logo img {
    max-width: 280px;
    min-width: 128px;
    width: 100%;
}

.header-logo a {
    width: 100%;
}

.header-contact {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.header-contact img {
    width: 30px;
    margin-right: 15px;
}

.header-contact a {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
}

.header-contact .email {
    padding-right: 40px;
    border-right: 1px solid #F0FFE0;
    margin-right: 40px;
}

.header-contact .email,
.header-contact .phone {
    display: flex;
    align-items: center;
}


/* ------------START MOB MENU------------ */

.header-mob {
    display: none;
}

.header .header-mob img {
    width: 21px;
}

.header-mob-menu {
    position: fixed;
    justify-content: flex-end;
    top: 0;
    z-index: 999;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(4px);
    display: none;
}

.header-mob-menu.active {
    display: flex;
}

.header-mob-menu .modal {
    width: 40%;
    height: 100%;
    padding: 15px;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative;
}

.header-mob-menu .modal-close {
    position: absolute;
    right: 6%;
    top: 2%;
}

.header-mob-menu .modal-close svg {
    width: 40px;
    background: #F5F5F5;
    border-radius: 34px;
    padding: 10px;
}

.header-mob-menu .email {
    margin-top: 75px;
    margin-bottom: 20px;
}

.header-mob-menu .email,
.header-mob-menu .phone {
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-mob-menu .email svg,
.header-mob-menu .phone svg {
    width: 25px;
    height: auto;
    margin-right: 8%;
}

.header-mob-menu .email a,
.header-mob-menu .phone a {
    text-decoration: none;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}

.header-mob-menu .language-block {
    margin-top: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: center;
}

.header-mob-menu .language {
    max-width: 120px;
    width: auto;
    align-self: flex-start;
}

.header-mob-menu .language:not(:nth-child(1)) {
    margin-top: 20%;
}

.header-mob-menu .language .link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    font-size: 16px;
    line-height: 19px;
    text-decoration: none;
    color: #B3B3B3;
    text-align: left;
}

.header-mob-menu .language .link:hover p {
    color: #676767;
    transition: all 0.3s ease-in-out;
}

.header-mob-menu .language img {
    margin-right: 10%;
}

.header-mob-menu .social-media {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
    width: 70%;
    margin-top: 50px;
}

.header-mob-menu .social-media .media {
    text-decoration: none;
    margin-right: 7%;
}
.header-mob-menu .social-media .media:last-child {
    margin-right: 0;
}

.header-mob-menu .social-media svg {
    width: 27px;
}

.header-mob-menu .social-media path {
    fill: #C0D124;
}


/* ------------END MOB MENU------------ */



.language-list {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.language-list .language {
    width: 110px;
    height: 130px;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.language-list .language li {
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    cursor: pointer;
}

.language-list .language a {
    text-decoration: none;
    display: flex;
    align-items: center;
    align-self: center;
    padding-top: 10px;
}

.language-list .language .item .link {
    position: relative;
    display: flex;
    flex-direction: row;
}

.language-list .language img {
    width: 28px;
    height: 18px;
    margin-right: 10px;
}

.language-list .language p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #CCCCCC;
}

.language-list .language .item .mark img {
    width: 10px;
    height: 7px;
    transform: rotate(180deg);
}

.language-list .language .item .mark {
    margin-left:11px;
}

.language-list .language .dropdown {
    display: none;
    position: absolute;
    flex-direction: column;
    top: 120px;
    transition: all ease-in-out 0.5s;
}

.language-list .language .dropdown li {
    position: relative;
}

.language-list .language .item:hover .dropdown {
    display: flex;
}

.language-list .language .item:hover .mark img {
    transition: 0.5s;
    transform: rotate(0deg);
}

.language-list .language .item:not(:hover) .mark img {
    transition: 0.5s;
}

.language-list .language .link:hover p {
    color: #C0D124;
    transition: all ease-in-out 0.5s;
} 

/* ------------MAIN------------ */

.title {
    font-family: 'Mereoleona';
    font-size: calc( (100vw - 320px)/(1920 - 320) * (70 - 40) + 40px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (76 - 43) + 43px);
    color: #000000;
    text-transform: uppercase;
    text-align: center;
}

.main {
    overflow: hidden;
}

.main .main-background {
    background-image: url("../images/main_background.png");
    background-repeat: no-repeat;
    background-position: center;
    height: 1096px;
    background-size: cover;
    text-align: center;
}

.main .main-wrapp {
    background:linear-gradient(transparent, rgba(29, 45, 24, 0.46) 0);
    width: 100%;
    height: 100%;
}

.main .main-block {  
    position: relative;  
    padding: 176px 20px 306px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.main .main-block .title {
    font-size: calc( (100vw - 744px)/(1920 - 744) * (80 - 70) + 70px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (87 - 43) + 43px);
    color: #C0D124;;
    margin-bottom: 40px;
}

.main .main-block .text {   
    max-width: 1080px;
    width: 100%;
    font-size: calc( (100vw - 320px)/(1920 - 320) * (32 - 16) + 16px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (44 - 22) + 22px);
    text-align: center;
    color: #FFFFFF; 
    margin-bottom: 77px;
}


/* --------SCROLL (animation.css)-------- */


.wrapp {
    background: #EEEEEE;
}

.main-container {
    position: relative;
    z-index: 2;
}

.main .main-container::before {
    display: block;
    content: '';
    position: absolute;
    background: #eee;
    z-index: -1;
    width: 100.5%;
    height: 12%;
    top: -6%;
    transform: rotate(-4deg);
}

.main-container .background-photo-1 {
    position: absolute;
    overflow: hidden;
    width: 785px;
    height: 890px;
    z-index: -1;
    top: 0;
    right: 0;
}

.main-container .background-photo-1 img {
    position: absolute;
    z-index: -1;
    max-width: 471px;
    width: 100%;
    height: auto;
    border: 16px solid #FFFFFF;
    object-fit: cover;
}

.main-container .background-photo-1 .photo-1 {
    right: 16%;
    top: 8%;
    transform: rotate(-11.66deg);
}

.main-container .background-photo-1 .photo-2 {
    right: -13%;
    top: 27%;
    transform: rotate(5.71deg);
}

.main-container .background-photo-2 {
    position: absolute;
    overflow: hidden;
    width: 470px;
    height: 900px;
    z-index: -1;
    left: -32px;
    top: 31%;
}

.main-container .background-photo-2 img {
    position: absolute;
    z-index: -1;
    max-width: 471px;
    width: 100%;
    height: auto;
    object-fit: none;
}

.main-container .background-photo-2 .photo-3 {
    bottom: 61%;
    width: 320px;
    height: 295px;
}

.main-container .background-photo-2 .photo-4 {
    left: -9%;
    bottom: 11%;
    width: 470px;
    height: 435px;
}

.main-container .text-container {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 55%;
    margin-left: 140px;
    margin-bottom: 115px;
}

.main-container .text-container .title {
    padding-top: 120px;
    margin-bottom: 40px;
}

.main-container .text-container .text {
    color: #212121;
    font-size: calc( (100vw - 320px)/(1920 - 320) * (25 - 16) + 16px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (34 - 22) + 22px);
    width: 100%;
    text-align: left;
}

.main-container .text-container .text:last-child {
    max-width: 82%;
    margin-top: 56px;
    margin-left: 16%;
}



.main-container .statistic-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align: center;
    max-width: 45%;
    width: 100%;
    margin-left: 20%;
}

.main-container .statistic-container:last-child {
    justify-content: space-evenly;
    padding-bottom: 180px;
    padding-top: 65px;
    max-width: 39%;
    margin-left: 26%;
}

.main-container .statistic-container .card span {
    font-family: 'Mereoleona';
    font-size: calc( (100vw - 320px)/(1920 - 320) * (55 - 30) + 30px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (60 - 33) + 33px);
    text-align: center;
    text-transform: uppercase;
    color: #94CC09;
    margin-bottom: 4px;
}

.main-container .statistic-container .card p {
    font-weight: 600;
    font-size: calc( (100vw - 320px)/(1920 - 320) * (28 - 20) + 20px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (38 - 27) + 27px);
    text-align: center;
    color: #212121;
}

/* ------------ACCORDION START------------ */

.accordion {
    height: 1080px;
    width: 100%;
    overflow: hidden;
    margin: 0px auto;
    position: relative;
    z-index: 1;
}

.accordion > ul {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
}

.accordion > ul > li {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    width: 16.666%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center left;
    transition: all 500ms ease;
}

.accordion > ul > li .label {
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transition: all 0.5s ease;
    position: relative;
}

.accordion > ul > li .label .title {
    color: #FFF;
    white-space: nowrap;
    font-size: calc( (100vw - 320px)/(1920 - 320) * (70 - 34) + 34px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (76 - 37) + 37px);
    transform: translateX(13px) rotate(-90deg);
    transform-origin: left bottom;
    position: absolute;
    bottom: 0;
    left: 35%;
    margin-bottom: 11%;
    text-align: left;
}

.accordion > ul > li .card {
    display: block;
    overflow: hidden;
    width: 100%;
    position: absolute;
    bottom: 0;
}

.accordion > ul > li .content {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    z-index: 3;
    padding-left: 7%;
    padding-right: 2%;
    box-sizing: border-box;
    color: #fff;
    text-decoration: none;
    transition: all 200ms ease;
}

.accordion > ul > li .content * {
    opacity: 0;
    margin: 0;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.accordion > ul > li .content .title {
    text-overflow: clip;
    padding: 40px 0;
    margin: 0;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    text-align: left;
}

.accordion > ul > li .text {
    max-width: 98%;
    opacity: 0;
    font-size: calc( (100vw - 320px)/(1920 - 320) * (30 - 16) + 16px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (41 - 22) + 22px);
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    text-align: left;
    padding-bottom: 40px;
}

.accordion > ul > li:nth-child(1) {
    background-image: url("../images/pic_1.jpg");
    background-size: cover;
    background-position: center;
    
}
.accordion > ul > li:nth-child(2) {
    background-image: url("../images/pic_2.jpg");
    background-size: cover;
    background-position: center;

}
.accordion > ul > li:nth-child(3) {
    background-image: url("../images/pic_3.jpg");
    background-size: cover;
    background-position: 57% 50%;

}
.accordion > ul > li:nth-child(4) {
    background-image: url("../images/pic_4.jpg");
    background-size: cover;
    background-position: 63% 50%;

}

.accordion > ul > li.active,
.accordion > ul:hover > li,
.accordion > ul:focus-within li {
    width: 10%;
}

.accordion > ul > li:focus {
    outline: none;
}

.accordion > ul > li:active,
.accordion > ul:hover > li:hover {
    width: 39%;
    background-color: rgba(0,0,0,.3);
}

.accordion > ul > li:before {
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0,0,0,.0);
    transition: background .3s ease-out;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 24.7%, rgba(0, 0, 0, 0.3) 54.38%);
}

.accordion > ul > li.active:before,
.accordion > ul:hover > li:hover:before {
    transition: background .3s ease-in;
}

.accordion > ul > li.active .content *,
.accordion > ul:hover > li:hover .content *{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all 400ms ease;

    transition-property: all;
    transition-duration: 200ms;
    transition-timing-function: linear;
    transition-delay: 400ms;
}

.accordion > ul > li.active .label,
.accordion > ul:hover > li:hover .label {
    opacity: 0;
}

.accordion > ul > li.active .content *,
.accordion > ul:hover > li .content * {
    opacity: 0 !important;
}

.accordion > ul > li.active .content,
.accordion > ul:hover > li:hover .content {
    background-color: rgba(0,0,0,0.3);
    backdrop-filter: blur(15px);
    transition: all 2.3s ease;
}

.accordion > ul > li.active .content *,
.accordion > ul:hover > li:hover .content * {
    opacity: 1 !important;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

/* ------------ACCORDION END------------ */

.map-container {
    position: relative;
    height: auto;
    margin-top: -26%;
    margin-right: -21%;
    margin-bottom: -20%;
}

.map-container .map-wrapp {
    width: 100%;
    height: auto;
}

.map-container .title {
    position: absolute;
    z-index: 1;
    text-align: left;
    top: 26%;
    left: 4%;    
    font-size: calc( (100vw - 320px)/(1920 - 320) * (70 - 20) + 20px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (76 - 22) + 22px);
}

.map-container .compas {
    position: absolute;
    width: 12%;
    height: auto;
    left: 4%;
    top: 37%;
    z-index: 1;
}

.map-container .country .country-info {
    position: absolute;
    transition: all ease-in-out 0.5s;
}

.map-container .country .country-info .map {
    width: 100%;
    height: auto;
    filter: opacity(0.4);
    transition: all 0.3s ease-in-out;
}

.map-container .country .country-info .city,
.map-container .country .country-info .main-city  {
    position: absolute;
    z-index: 2;
    font-weight: 400;
    font-size: calc( (100vw - 320px)/(1920 - 320) * (20 - 10) + 10px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (27 - 14) + 14px);
    color: rgba(0, 0, 0, 0.7);
}

.map-container .country .country-info .pin {
    position: absolute;
    z-index: 1;
    width: 5.6%;
    height: auto;
}

/*------- POLAND ------- */

.map-container .country .poland-info {
    width: 13.8%;
    top: 37%;
    left: 40.7%;
}

.map-container .country .country-info .lublin {
    top: 69%;
    right: 16%;
}

.map-container .country .country-info .main-pin-lublin {
    top: 62%;
    left: 79%;
}

.map-container .country .country-info .warsawa {
    top: 41%;
    right: 49%;
}

.map-container .country .country-info .pin-warsawa {
    top: 44%;
    left: 57%;
}

/*------- UKRAINE ------- */

.map-container .country .ukraine-info {
    width: 24.6%;
    right: 22.9%;
    top: 39.2%;
}

.map-container .country .country-info .kyiv {
    top: 32%;
    right: 47.5%;
}
.map-container .country .country-info .main-pin-kyiv {
    right: 55.5%;
    top: 31%;
    width: 3.14%;

}
.map-container .country .country-info .lviv {
    top: 59%;
    right: 83%;
}
.map-container .country .country-info .main-pin-lviv {
    right: 91%;
    top: 60%;
    width: 3.14%;
}

/*------- TURKEY ------- */

.map-container .country .turkey-info {
    width: 30.4%;
    right: 8%;
    bottom: 23%;
}

.map-container .country .country-info .antalya {
    bottom: 56.7%;
    right: 50%;
}
.map-container .country .country-info .pin-antalya {
    right: 61%;
    bottom: 54%;
    width: 2.54%;
}

/*------- ITALY ------- */

.map-container .country .italy-info {
    width: 19.2%;
    left: 30.2%;
    bottom: 20%;
}

.map-container .country .country-info .naples {
    bottom: 37%;
    right: 44%;
}
.map-container .country .country-info .main-pin-naples {
    right: 37%;
    bottom: 37%;
    width: 4.02%;
}

/*------- SPAIN ------- */

.map-container .country .spain-info {
    width: 23%;
    left: 1.7%;
    bottom: 21%;
}

.map-container .country .country-info .alicante {
    bottom: 15%;
    left: 71%;
}
.map-container .country .country-info .main-pin-alicante {
    left: 65%;
    bottom: 17%;
    width: 3.36%;
}

.map-container .country .country-info .valencia {
    bottom: 33%;
    left: 72%;
}
.map-container .country .country-info .main-pin-valencia {
    left: 66%;
    bottom: 32%;
    width: 3.36%;
}

.map-container .country .country-info .murcia {
    bottom: 25%;
    left: 38.5%;
}
.map-container .country .country-info .main-pin-murcia {
    left: 55%;
    bottom: 23%;
    width: 3.36%;
}

/*------- NEDERLANDS ------- */

.map-container .country .nederlands-info {
    width: 5.5%;
    left: 26.4%;
    top: 42%;
}

.map-container .country .country-info .rotterdam {
    top: 46%;
    left: -64%;
}

.map-container .country .country-info .main-pin-rotterdam {
    left: 23%;
    top: 58%;
    width: 14.04%;
}


.map-container .country .country-info:hover .main-city {
    font-weight: 700;
    color: #CC0000;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    transition: all 0.3s ease-in-out;
}

.map-container .country .country-info:hover .main-pin circle {
    fill: red;
    transition: all 0.3s ease-in-out;
}

.map-container .country .country-info:hover .lublin,
.map-container .country .country-info:hover .antalya {
    color: #000000;
}

.map-container .country .country-info:hover .main-pin-lublin circle,
.map-container .country .country-info:hover .pin-antalya circle {
    fill: #000000;
}

.map-container .country .country-info:hover .map {
    filter: drop-shadow(0px 0px 36px rgba(0, 0, 0, 0.63));
    transition: all 1s ease-in;
}


/*--------- ARROWS --------- */

.map-container .country .arrow {
    display: none;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.map-container .country .country-info:hover .arrow {
    opacity: 1;
    display: block;
    position: absolute;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.map-container .country .country-info .lublin-alicante {
    top: 55%;
    width: 248%;
    right: 19.8%;
    transform: rotate(3.11deg);
}
.map-container .country .country-info .lublin-kiev {
    top: 22%;
    right: -62%;
    transform: rotate(-3.89deg);
    width: 82%;
}
.map-container .country .country-info .lublin-rotterdam {
    top: -18.8%;
    right: 16.8%;
    transform: rotate(2.11deg);
    width: 176%;
}


.map-container .country .country-info .rotterdam-kyiv {
    top: -86%;
    right: -561%;
    width: 634%;
}
.map-container .country .country-info .rotterdam-lviv {
    top: 26%;
    right: -409.2%;
    transform: rotate(0.10deg);
    width: 473%;
}

.map-container .country .country-info .antalya-kyiv {
    top: -56%;
    right: 64%;
    transform: rotate(-1.9deg);
    width: 33.8%;
}

.map-container .country .country-info .naples-kyiv {
    top: -51%;
    right: -72%;
    transform: rotate(1.7deg);
    width: 111%;
}

.map-container .country .country-info .murcia-warsawa {
    bottom: 26%;
    left: 54%;
    width: 151%;
    transform: rotate(-0.8deg);
}
.map-container .country .country-info .valencia-kyiv {
    bottom: 34%;
    left: 67%;
    width: 197%
}
.map-container .country .country-info .alicante-lviv {
    top: -57%;
    right: -127%;
    transform: rotate(0.7deg);
    width: 161%;
}


.map-container .country .country-info .kiev-lublin {
    top: 4%;
    right: 58%;
    transform: rotate(-5.3deg);
    width: 46%;
}
.map-container .country .country-info .kyiv-antalya {
    top: 36%;
    right: 18%;
    transform: rotate(-3.3deg);
    width: 42%;
}
.map-container .country .country-info .kyiv-naples {
    top: 33%;
    right: 56.5%;
    width: 87%;
}
.map-container .country .country-info .kyiv-valencia {
    top: 33%;
    right: 60%;
    width: 183%;
}
.map-container .country .country-info .lviv-alicante {
    top: 63%;
    right: 94%;
    width: 150%;
}
.map-container .country .country-info .kyiv-rotterdam {
    top: -13%;
    right: 58%;
    width: 141%;
}
.map-container .country .country-info .lviv-rotterdam {
    top: 25%;
    right: 92%;
    width: 106%;
}






/* ------------FOOTER------------ */

.footer-wrapp {
    background: #363636;
}

.footer {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: center;
    padding-top: 55px;
    padding-bottom: 40px;
}

.footer .footer-mob {
    display: none;
}

.footer .contact {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}

.footer .contact .info-block {
    display: flex;
    flex-direction: row;
    width: 25%;
    justify-content: center;
}

footer .contact .info-block .info {
    display: flex;
    flex-direction: column;
    text-align: left;
}

footer .contact .info-block img {
    width: 48px;
    height: 48px;
    margin-right: 20px;
}

footer .contact .info-block .footer-title {
    font-weight: 600;
    font-size: calc( (100vw - 320px)/(1920 - 320) * (28 - 20) + 20px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (43 - 31) + 31px);
    color: #FFFFFF;
    margin-bottom: 4px;
}

footer .contact .info-block a {
    font-size: calc( (100vw - 320px)/(1920 - 320) * (20 - 16) + 16px);
    line-height: calc( (100vw - 320px)/(1920 - 320) * (30 - 19) + 19px);
    color: #FFFFFF;
    text-decoration: none;
}

footer .contact .info-block span {
    font-weight: 900;
}

.footer .contact .info-block a:hover{
    color: #C0D124;
    transition: all 0.3s ease-in-out;
}

.footer .footer-info {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

.footer .footer-info .footer-logo {
    margin-bottom: 30px;
}

.footer .footer-info .footer-logo img {
    max-width: 510px;
    width: 100%;
}

.footer .footer-info .footer-text {
    margin-bottom: 40px;
    max-width: 75%;
    width: 100%;
    align-self: center;
    line-height: 22px;
}

.footer .footer-info .social-media{
    display: flex;
    flex-direction: row;
    align-self: center;
    margin-bottom: 25px;
}

.footer .footer-info .social-media .media{
    margin-right: 30px;
}

.footer .footer-info .social-media .media:last-child{
    margin-right: 0;
}

.footer .social-media .media path {
    fill: #FFFFFF;
}

.footer .social-media .media:hover {
    color: #C0D124;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}

.footer .social-media .media:hover path {
    fill: #C0D124;
    transition: all 0.3s ease-in-out;
}

.footer .footer-info .basement{
    font-size: 14px;
    line-height: 22px;
}