:root {
    --color-green: #86A48C;
    --color-red: #C51D3C;
    --color-gray: #606060;
    --color-black: #2b2b2b;
    --color-white: #ffffff;
    --color-transparent: #ffffff00;
    --color-border: #60606025;
    --color-border-dd: #C51D3C;
    --color-hover: #2b2b2b !important;

    --fontsize-title: 32px;
    --fontsize-quote: 22px;
    --fontsize-menu: 18px;
    --fontsize-paragraph: 16px;
    --fontsize-detail: 10px;

    --fontfamily-roboto: 'Roboto Slab', serif;
    --fontfamily-inter: 'Inter', sans-serif;
}

a,
p,
i,
u,
b {
    font-family: var(--fontfamily-inter);
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a,
p,
i,
u {
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--fontfamily-roboto);
    margin: 0;
    padding: 0;
    font-weight: 400;
}

html,
body {
    background: var(--color-white);
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: var(--color-transparent);
}

*:focus {
    outline: none;
}

::selection {
    color: var(--color-white);
    background: var(--color-red);
}

/* home -------------------------------------------------------------------- */
#video-background {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 100vh;
    z-index: 100;
    filter: brightness(0.7);
    background-image: url(../assets/loading.png);
    background-size: cover;
    object-fit: cover;
}

.home {
    position: relative;
    z-index: 150;
}

/* home-menus */
.home-menus {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 22px 0;
    justify-content: right;
}

.menu-button {
    width: 50%;
    margin-left: 25%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 5px;
    text-decoration: none;
    color: var(--color-white);
    font-size: var(--fontsize-menu);
    font-family: var(--fontsize-menu);
}

.menu-button img {
    width: 20px;
}

.menu-button p {
    margin: 0;
}

/* menu-area */
.home-menus-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: var(--color-white);
    z-index: 200;
    opacity: 0;
    transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out;
    overflow: hidden;
    height: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.active-menu {
    opacity: 1;
    transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out;
    overflow: visible;
    height: 100vh;
}

.home-menus-area .menus-area-close {
    width: 50%;
    margin-left: 25%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 5px;
    text-decoration: none;
    color: var(--color-red);
    font-size: var(--fontsize-menu);
    font-family: var(--fontsize-menu);
    padding: 22px 0;
}

.home-menus-area .menus-area-options {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 136px;
    position: absolute;
}

.home-menus-area .menus-area-options a {
    width: 100%;
    font-family: var(--fontfamily-inter);
    color: var(--color-red);
    font-size: var(--fontsize-menu);
    text-align: center;
}

.home-menus-area .menus-area-social {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 20px;
    padding: 22px 0;
    grid-gap: 6px;
}

.home-menus-area .menus-area-social a img {
    width: 27px;
}

.menu-button:hover,
.menus-area-close {
    cursor: pointer;
}

/* world-buttons */

.world-button {
    width: 25%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: right;
}

.world-button img {
    margin-right: 22px;
    width: 17px;
}

.world-button img:hover {
    cursor: pointer;
}

.world-button-options {
    width: 50%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: right;
    margin: 0 30px 0 0;
    border-right: 1px solid var(--color-white);
    opacity: 0;
    transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out;
    overflow: hidden;
    height: 0;
}

.active-world {
    margin-top: 20px;
    opacity: 1;
    transition: opacity 0.25s ease-in-out, height 0.25s ease-in-out;
    overflow: visible;
    height: auto;
}

.world-button-options a {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: right;
    font-family: var(--fontfamily-inter);
    color: var(--color-white);
    font-size: var(--fontsize-menu);
    padding: 5px 10px 0 0;
}

/* scroll-icon */
.scroll-icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    bottom: 0;
    position: absolute;
    width: 100%;
    padding: 22px 0;
}

.scroll-icon a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.scroll-icon a img {
    width: 18px;
}

.scroll-icon a p {
    font-size: var(--fontsize-detail);
    font-family: var(--fontfamily-inter);
    color: var(--color-white);
    margin-left: 8px;
    padding-left: 8px;
    border-left: 1px solid var(--color-red);
}

/* logo */
.logo {
    position: absolute;
    top: 0;
    display: flex;
    width: 320px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 26px;
    box-sizing: border-box;
    margin: auto;
    z-index: 150;
}

.logo img {
    display: flex;
    width: 100%;
    margin: 0 auto;
    filter: drop-shadow(0px 0px 1px #00000090);
}


/* plantivet -------------------------------------------------------------------- */
/* general-menu */
.general-menu {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    grid-gap: 5px;
    text-decoration: none;
    color: var(--color-red);
    font-size: var(--fontsize-menu);
    font-family: var(--fontsize-menu);
    background-color: var(--color-white);
    position: fixed;
    top: 0;
    z-index: 50;
    padding: 22px 0;
    border-bottom: 1px solid var(--color-border);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.general-menu:hover,
.menus-area-close:hover {
    cursor: pointer;
}

.vertical-separator {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.vertical-separator div {
    width: 1px;
    height: 58px;
    background-color: var(--color-border);
}

.vertical-separator.hide-m {
    display: none;
}

/* highlight */
.highlight {
    width: 320px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
    padding: 22px 0;
    margin: 0 auto;
}

.highlight-each {
    width: 93px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 0 5px;
    padding-top: 10px;
}

.highlight .highlight-each img {
    width: 33px;
}

.highlight .highlight-each .highlight-number {
    width: 100%;
    font-family: var(--fontfamily-roboto);
    font-size: var(--fontsize-title);
    color: var(--color-black);
    text-align: center;
}

.highlight .highlight-each .highlight-text {
    width: 100%;
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-detail);
    color: var(--color-black);
    text-align: center;
    font-weight: 600;
}

#nr3::before {
    content: "+ ";
    font-size: 20px;
}

#nr3::after {
    content: "M";
    font-size: 20px;
}

/* #nr2::after {
    content: "ha";
    font-size: 20px;
} */

/* highlight-a-plantivet */
.highlight-a-plantivet {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    width: 33px;
    margin: 11px auto;
}

/* a-plantivet-info */
.a-plantivet {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.a-plantivet-title {
    font-family: var(--fontfamily-roboto);
    color: var(--color-black);
    font-size: var(--fontsize-title);
    padding: 22px 0;
    width: 100%;
    text-align: center;
    line-height: 35px;
}

/* a-plantivet-drop-downs */
.a-plantivet-drop-downs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
}

.a-plantivet-drop-downs div[class^="a-plantivet-drop-downs-"],
.a-plantivet-drop-downs div[class*="a-plantivet-drop-downs-"] {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--color-border-dd);
    padding: 22px 16px;
    box-sizing: border-box;
}


.a-plantivet-drop-downs div[class="a-plantivet-drop-downs-"] div:nth-of-type(1) h2,
.a-plantivet-drop-downs div[class*="a-plantivet-drop-downs-"] div:nth-of-type(1) h2 {
    color: var(--color-red);
    font-family: var(--fontfamily-roboto);
    font-size: var(--fontsize-menu);
}

.a-plantivet-drop-downs div[class="a-plantivet-drop-downs-"] div:nth-of-type(2) img,
.a-plantivet-drop-downs div[class*="a-plantivet-drop-downs-"] div:nth-of-type(2) img {
    width: 12px;
    transition: 0.5s transform ease-in-out;
}

/* drop-downs-content */
div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content {
    padding: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.highlight-drop {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.highlight-drop img {
    width: 33px;
    margin: 11px 0;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-image img {
    width: 268px;
    margin: 22px 0;
    border-radius: 999px;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-text {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-text p {
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-paragraph);
    color: var(--color-black);
    text-align: center;
    line-height: 26px;
    font-weight: 400;
    margin: 0 0 22px 0;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-quote {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-quote h3 {
    font-family: var(--fontfamily-roboto);
    font-size: var(--fontsize-quote);
    color: var(--color-black);
    text-align: center;
    line-height: 26px;
    font-weight: 700;
    padding: 22px 0;
}

div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-quote h3 u {
    font-family: var(--fontfamily-roboto);
    font-size: var(--fontsize-quote);
    color: var(--color-green);
    text-align: center;
    line-height: 26px;
    font-weight: 700;
    text-decoration: none;
}

/* glider */
.glider {
    margin: 40px 0;
    border-top: 1px solid var(--color-border);
    border-bottom: 1px solid var(--color-border);
    padding: 30px 0;
}

.glider div>* {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#myGlider p b {
    color: var(--color-green);
}

#myGlider p {
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-paragraph);
    color: var(--color-black);
    font-weight: 400;
}

#myGlider img.info-separator {
    width: 10px;
    margin: 10px 0;
}

#myGlider img.info-bullet {
    width: 15px;
    margin: 10px 0;
}

.glider-prev,
.glider-next {
    top: 42%;
}

.glider-dot:hover,
.glider-dot:focus,
.glider-dot.active {
    color: var(--color-red);
    background: var(--color-red);
}

@media screen and (min-width: 640px) {
    .roadmap {
        margin: 20px 0 40px;
        border-radius: 0;
        border: none;
        border-top: 1px solid var(--color-border);
        border-bottom: 1px solid var(--color-border);
    }

    .roadmap .d {
        display: flex;
        width: 70%;
    }

    .roadmap .m {
        display: none;
    }
}

.ods {
    display: grid;
    grid-template-columns: 90%;
    justify-content: center;
    width: 290px;
    border-top: 1px solid var(--color-border);
    /* border-bottom: 1px solid var(--color-border); */
    padding: 20px 0;
    margin: 0 0 20px 0;
}

.ods p {
    text-align: center;
    margin-bottom: 10px;
}

.ods img {
    width: 100%;
}

.virtual-gallery {
    height: 90px;
    width: 96%;
    background-image: url(../assets/gallery.png);
    background-size: cover;
    background-position-x: 0;
    animation: 40s gallery-anim infinite linear;
    margin: 40px 0 60px 0;
    border-left: 1px solid var(--color-green);
    border-right: 1px solid var(--color-green);
}

@media screen and (min-width: 640px) {
    .virtual-gallery {
        margin: 40px 0 60px 0;
        margin: 80px 0 50px 0;
    }
}

@keyframes gallery-anim {
    0% {
        background-position-x: 0px;
    }

    100% {
        background-position-x: -594px;
    }
}

/* products -------------------------------------------------------------------------- */
.products {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.products-content {
    padding: 22px 0;
}

.products-title {
    font-family: var(--fontfamily-roboto);
    color: var(--color-black);
    font-size: var(--fontsize-title);
    padding: 22px 0;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    line-height: 35px;
}

.products-paragraph {
    font-family: var(--fontfamily-roboto);
    color: var(--color-black);
    font-size: var(--fontsize-paragraph);
    text-align: center;
}

.products-text {
    font-family: var(--fontfamily-inter);
    color: var(--color-black);
    font-size: var(--fontsize-paragraph);
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 16px 16px 0 16px;
    box-sizing: border-box;
    max-width: 700px;
}

.products-gallery {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    display: flex;
    justify-content: flex-start;
}

.products-gallery .products-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 22px 0;
}

.products-gallery .product-element {
    width: 70px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0 10px;
}

.products-gallery .product-element img {
    width: 100%;
}

.products-gallery .product-element p {
    font-size: var(--fontsize-detail);
    color: var(--color-green);
    font-family: var(--fontfamily-inter);
    text-align: center;
    width: 100%;
    padding: 11px 0 0 0;
}

.products-logo {
    width: 100px;
    display: block;
    margin: 20px auto 0 auto;
}

.products-source {
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-detail);
    color: var(--color-black);
    padding: 10px 0 22px 0;
    width: 100%;
    text-align: center;
}


.products-source a {
    color: var(--color-red);
    font-weight: 700;
}

.products-catalog {
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-menu);
    color: var(--color-red);
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.products-catalog::before {
    content: url(../assets/download-icon.svg);
    width: 18px;
    margin: 2px 8px 0 0;
}

.btn-primary {
    display: flex;
    width: 244px;
    justify-content: center;
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-paragraph);
    background: var(--color-red);
    color: var(--color-white);
    border-radius: 999px;
    padding: 12px;
    margin: 0 auto 70px auto;
    transition: transform 0.1s linear;
    text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
    .btn-primary {
        margin: 0 auto 0 auto;
    }
}

.btn-primary:hover {
    transform: scale(1.1);
    transition: transform 0.1s linear;
}

.new-area-container {
    width: 310px;
    margin: 30px auto 10px auto;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
}

.new-area-container img {}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */
.modal-content {
    background-color: var(--color-white);
    margin: auto;
    padding: 20px 20px;
    border: 1px solid var(--color-border);
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    font-family: var(--fontfamily-inter);
    font-size: 12px;
    color: var(--color-black);
    border-radius: 10px;
}

@media screen and (min-width: 1024px) {
    .modal-content {
        font-size: var(--fontsize-paragraph);
    }
}

.modal-content span {
    width: 10%;
    display: flex;
    justify-content: right;

}

.modal-content p {
    width: 90%;
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}

.modal-content p strong {
    margin-bottom: 10px;
}

.modal-content p a {
    color: var(--color-red);
}

.modal-content p a:hover {
    text-decoration: underline;
}


/* The Close Button */
.close {
    color: var(--color-red);
    font-size: 28px;
    font-weight: bold;
}

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

/* contacts -------------------------------------------------------------------------- */
/* highlight-contactos */
.highlight-contacts {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    width: 33px;
    margin: 11px auto 11px auto;
}

.contacts {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.contacts-content {
    padding: 22px 0;
}

.contacts-title {
    font-family: var(--fontfamily-roboto);
    color: var(--color-black);
    font-size: var(--fontsize-title);
    padding: 22px 0;
    width: 100%;
    text-align: center;
    line-height: 35px;
}

.contacts-link-1,
.contacts-link-2,
.contacts-link-3 {
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-menu);
    color: var(--color-red);
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 0 22px 0;
}

.contacts-link-2 {
    padding-bottom: 2px;
}

.contacts-link-3 {
    font-size: 12px;
}

.contacts-link-1::before {
    content: url(../assets/mail-icon.svg);
    width: 22px;
    margin: 2px 6px 0 0;
}

.contacts-link-2::before {
    content: url(../assets/phone-icon.svg);
    width: 22px;
    margin: 2px 6px 0 0;
}

.contacts-location-p {
    font-family: var(--fontfamily-roboto);
    color: var(--color-black);
    font-size: var(--fontsize-paragraph);
    text-align: center;
    padding: 0 0 22px 0;
}

.contacts-location-img {
    width: 100%;
    display: flex;
}

.contacts-location-img img {
    width: 280px;
    border: 1px solid var(--color-red);
    border-radius: 999px;
}

.contacts-area-social {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    bottom: 0;
    padding: 22px 0 0 0;
    grid-gap: 6px;
}

.contacts-area-social a img {
    width: 28px;
    height: 28px;
}

/* all-rights-reserved ------------------------------------------- */
.all-rights-reserved {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column wrap;
    padding: 0 22px 22px 22px;
}

.all-rights-reserved-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    background: var(--color-black);
    border-radius: 999px;
    padding: 5px 0;
}

.all-rights-reserved a.rgpd {
    color: var(--color-red);
    margin-bottom: 16px;
    font-size: 12px;
}

.all-rights-reserved a img {
    width: 120px;
    margin-bottom: 16px;
    filter: opacity(0.9);
}

.all-rights-reserved-content p {
    text-align: center;
    font-family: var(--fontfamily-inter);
    font-size: var(--fontsize-detail);
    color: var(--color-white);
    padding: 6px 14px;
}

.all-rights-reserved-content p i {
    font-style: normal;
}

.show-desktop,
.hide-mobile {
    display: none;
}

@media screen and (min-width: 426px) {
    #video-background {
        right: 0;
    }
}

@media screen and (min-width: 810px) {
    .products-gallery {
        justify-content: center;
    }

    /* highlight */
    .highlight {
        width: 700px;
    }
}

@media screen and (min-width: 1024px) {
    #video-background {
        width: 120%;
        height: auto;
    }

    section.plantivet,
    section.products,
    section.contacts {
        max-width: 1024px;
        margin: auto;
    }

    /* icons / vertical-separators */
    .hide-mobile {
        display: flex;
    }

    .hide-desktop {
        display: none;
    }

    .show-desktop {
        display: flex;
    }

    .highlight-a-plantivet {
        width: 168px;
        margin: 120px auto 11px auto;
    }

    .highlight-contacts {
        margin: 100px auto 11px auto;
    }

    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.highlight-drop img {
        width: 168px;
        margin: 30px auto;
    }

    /* drop-downs */
    .a-plantivet-drop-downs-1:hover,
    .a-plantivet-drop-downs-2:hover,
    .a-plantivet-drop-downs-3:hover,
    .a-plantivet-drop-downs-4:hover,
    .a-plantivet-drop-downs-5:hover {
        cursor: pointer;
        border-color: #60606025 !important;
    }

    /* drop-downs-content */
    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content {
        padding: 16px 16px 60px 16px;
    }

    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content:last-of-type {
        padding: 16px 16px 30px 16px;
    }

    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-image {
        width: auto;
    }

    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-image img {
        width: 300px;
    }

    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-text {
        width: 600px;
        padding-left: 60px;
    }

    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content div.drop-text p {
        text-align: left;
        margin: 0;
    }

    div.a-plantivet-drop-downs div.a-plantivet-drop-downs-content .virtual-gallery {
        margin: 45px 0 32px 0;
    }

    /* products */
    .products-gallery {
        flex-wrap: wrap;
        justify-content: center;
        overflow: hidden;
        margin: auto;
    }

    /* contacts */
    .contacts-title {
        padding: 22px 0 40px 0;
    }

    .contacts-content {
        width: 810px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .contacts-left {
        display: flex;
        justify-content: left;
        flex-wrap: wrap;
        align-items: center;
        width: 268px;
    }

    .contacts-link-1,
    .contacts-link-2,
    .contacts-link-3 {
        text-align: left;
        justify-content: left;
        margin-left: 20px;
    }

    .contacts-location-img {
        width: 340px;
        display: flex;
        justify-content: right;
    }

    .contacts-left .contacts-location-p {
        display: none;
    }

    .contacts-area-social {
        width: 100%;
        flex-wrap: wrap;
        align-items: center;
        justify-content: left;
        bottom: 0;
        padding: 0 0 0 0;
        grid-gap: 10px;
        margin-left: 20px;
    }

    .contacts-content {
        padding: 22px 0 120px 0;
    }

    .new-area-container {
        margin: 30px auto 0 auto;
    }

    .vertical-separator.first-content-element {
        margin-top: 88px;
        transform: rotate(90deg);
        width: 1px;
        margin: 0 auto;
    }

    /* hovers */
    .new-area-container img,
    .contacts-area-social a,
    .menus-area-social a,
    .menus-area-options a {
        transition: transform 0.1s linear;
    }

    .new-area-container img:hover,
    .contacts-area-social a:hover,
    .menus-area-social a:hover,
    .menus-area-options a:hover {
        cursor: pointer;
        transform: scale(1.2);
        transition: transform 0.1s linear;
    }

    .products-catalog,
    .products-source {
        transition: text-decoration 0.1s linear;
    }

    .products-catalog:hover,
    .products-source:hover {
        text-decoration: underline;
        transition: text-decoration 0.1s linear;
    }

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