.mask{background: linear-gradient(177.86deg, rgba(0, 0, 0, 0) -47.26%, rgba(3, 22, 44, 0.83) 80.08%);}
.shadow{box-shadow: -18px 14px 36px 4px rgba(0, 0, 0, 0.14);}
.transparent{opacity: 0.82}
.transparent-alt{opacity: 0.72}
.transparent-alt-2{opacity: 0.05}
.lpadding{padding-left: 21.3541667vw;}

#header{width: 21.3541667vw; min-width: 21.3541667vw;}
#menu a.active{color: var(--success-color)}
.menu > a i{top: 50%; transform: translateY(-50%); background: #fff}
.menu > a.active i{background: var(--success-color)}
#photo{height: 45.5208vw}
#slider{height: 25vw}

@media(max-width:768px){
    .lpadding{padding-left: 0px;}
    #header{width: 100%; height: var(--header-height)}
    #menu{
        max-height: 0px;
        overflow: hidden;
        z-index: -1;
    }
    #menu.opened{overflow: auto; max-height: 100%}
    #photo{height: 75vw}
    #slider{height: 50vw}
    textarea{min-height: 120px}
}

textarea{min-height: 12vw}