/*
.myip .cross::before {z-index: 20000; content: ''; position: absolute; display: block; left: -1px; top: -10px; width: 2px; height: 20px; background: red; opacity: .5; }
.myip .cross::after {z-index: 21000; content: ''; position: absolute; display: block; left: -10px; top: -1px; width: 20px; height: 2px; background: red; opacity: .5; }
*/



@font-face {
    font-family: 'Tele Neo';
    src: url(font/TeleNeoWeb-Regular.woff) format('woff'), url(font/TeleNeoWeb-Regular.woff2) format('woff2');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Tele Neo';
    src: url(font/TeleNeoWeb-Bold.woff) format('woff'), url(font/TeleNeoWeb-Bold.woff2) format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Tele Neo';
    src: url(font/TeleNeoWeb-ExtraBold.woff) format('woff'), url(font/TeleNeoWeb-ExtraBold.woff2) format('woff2');
    font-weight: 900;
    font-style: normal;
}

.preload {display: none !important; }

body, input, textarea, button, select, option {font-family: 'Tele Neo', sans-serif; font-weight: 400; }

h1, h2, h3, p {margin: 0; padding: 0; }

h1, #about-us .content .bg .squares-box .squares {font-family: 'Tele Neo', sans-serif; font-weight: 900; font-size: 4rem; color: #e20074; }
h2 {font-family: 'Tele Neo', sans-serif; font-weight: 900; font-size: 2.25rem; color: #e20074; line-height: 1.2; padding-bottom: 20px; }


#common .stripe {overflow: hidden; }
#common .stripe-content {padding: 6% 0; }
#common h1 {position: relative; margin: 60px 0 30px 0; }
#common h1:first-child {margin-top: 0; }
#common h1:first-child span {z-index: 2000; position: relative; display: inline-block; background: #fff; padding-right: 30px; /*background: grey;*/ }
#common h1:first-child::after {z-index: 500; content: ''; position: absolute; display: block; top: 34px; height: 20px; width: 100vw; background-repeat: repeat-x; background-image: url(bg/squares-right.svg); background-position: left top; }
.contacts-cs #common h1:first-child::after, .contacts-sk #common h1:first-child::after {left: 20px; width: round(down, calc(112.5% - 20px), 42px); }
.career #common h1:first-child::after {left: 12px; width: round(down, calc(112.5% - 12px), 42px); }
.download #common h1:first-child::after, .news #common h1:first-child::after {left: 0; width: round(down, calc(112.5% - 0px), 42px); }
@media (max-width: 500px){
    h1 {font-size: 3rem; }
    #common h1:first-child::after {display: none !important; }
    #common h1:first-child span {padding-right: 0 !important; }
}



/*h1 {position: relative; color: #09756f; font-size: 2.25rem; font-weight: 900; text-align: center; text-transform: uppercase; margin-bottom: 75px; }*/
/*
h1 span {display: block; color: #83a7a5; font-size: 1.125rem; font-weight: 400; letter-spacing: .25rem; }
h1 strong {display: block; padding: 10px 0 17px 0; letter-spacing: .1rem; }
h1::after {content: url(ico/triangel.png); display: block; position: absolute; left: 50%; top: 100%; transform-origin: left top; transform: scale(.25) translate3d(-50%,0,0); }

@media (max-width: 350px){
    h1 {font-size: 1.8rem; }
    h1 span {font-size: 1.125rem; }
    h1 strong {padding: 7px 0 15px 0; }
}
*/

ul, li {margin: 0; padding: 0; }
ul {list-style-type: none; }

h1 a {}

p {line-height: 1.4; font-size: 1.125rem; }

a {text-decoration: none; color: inherit; }

a img {border: none; }

.ltr {direction: ltr !important; }

html, body {margin: 0; padding: 0; overflow: auto; -moz-scroll-behavior: auto; }
html {font-size: 100%; }
body {background: #fff; font-size: 1.125rem; font-weight: 400; color: #323232; overflow-x: hidden; overflow-y: auto; }


button {outline: none !important; }


header {margin-top: 130px; }
nav, header, section, footer {width: 100%; position: relative; }
.stripe {width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; }

section.silver .fill {background: #f5f5f5; }
section.magenta .fill {background: #e20074; }
footer.black .fill {background: #0f0f0f; }

.stripe-content {margin: 0 10%; padding: 10% 0; }
#about-us .stripe-content {padding: 0; }
#careers .stripe-content {padding-top: 0; }
#career-form .stripe-content {padding-top: 0; }
#more-about-t-infra .stripe-content {padding: 13.5% 0; }
.download #contact-form .stripe-content {padding-top: 0; }
/*#header .stripe-content {margin: 0; }*/
section.refs .stripe-content {margin: 0; }
@media (max-width: 1400px){
    section.refs .stripe-content {margin: 0 6.6%; }
}
footer .stripe-content {padding: 3% 0; }

@media (max-width: 750px){
    .stripe-content, section.refs .stripe-content {margin: 0 10%; padding: 80px 0; }
    #more-about-t-infra .stripe-content {padding: 120px 0; }
    footer .stripe-content {padding: 40px 0; }
}

section#contact {background: #e5e3df; }

section, footer {position: relative; overflow: hidden; }
div {box-sizing: border-box; }



article {text-align: center; }

.cta {cursor: pointer; overflow: hidden; position: relative; display: inline-block; margin: 30px 0; padding: 0; background: transparent; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; border: 0; text-align: center; }
.cta span {position: relative; display: block; z-index: 1000; padding: 17px 46px; box-sizing: border-box; box-sizing: border-box; }
.cta span:first-child {position: relative; display: block; }
.cta span:last-child {position: absolute; display: block; left: 0; bottom: 100%; width: 100%; height: 100%; background: #e20074; }
/*.cta:hover {color: #123a3c; background: #c2d3d2; }*/
.cta span {transition: .45s cubic-bezier(.38, 0, .08, 1); }
.cta:hover span {transform: translate3d(0, 100%,0); transition: .4s cubic-bezier(.31, 1.44, .38, 1); }

.cta.magenta span:first-child {background: #e20074; color: #fff; }
.cta.white-magenta span:first-child {background: #fff; padding: 15px 44px; border: 2px solid #e20074; color: #e20074; }
.cta.magenta span:last-child, .cta.white-magenta span:last-child {background: #e20074; color: #fff; }

/*

    H E A D E R

*/

#hp-header .fill {overflow: hidden; }
#hp-header .stripe-content {margin: 0 !important; position: relative; display: flex; flex-flow: row; align-items: stretch; padding: 0 !important; /*overflow: hidden; */}
#hp-header .stripe-content .content {z-index: 500; position: relative; flex: 0 0 70%; /*background: rgba(0, 128, 0, 0.32);*/ box-sizing: border-box; }
#hp-header .stripe-content .content {padding-left: 10%; }
#hp-header .stripe-content .tower {z-index: 1000; position: relative; flex: 0 0 30%; mix-blend-mode: multiply; }
#hp-header .stripe-content .tower img {position: absolute; height: 100%; width: auto; left: 30%; bottom: 0; transform: translate3d(-50%,0,0); }
.tower-mobile {display: none; }

#hp-header .stripe-content .content .over-photo {position: relative; }
#hp-header .stripe-content .content .over-photo>* {position: relative; z-index: 5000; }
#hp-header .stripe-content .content .over-photo>.bg {position: absolute; z-index: 500; top: 0; height: 100%; overflow: hidden; /*background: pink; */}
#hp-header .stripe-content .content .over-photo>.bg img {opacity: 0; position: absolute; left: 50%; bottom: 0;       height: 150%;      width: auto; transform: translate3d(-50%,0,0); }
#hp-header .stripe-content .content .over-photo>.bg img.loaded {opacity: 1; transition: opacity 1s ease-out; }
#hp-header .stripe-content .content .over-photo>.bg .grad {position: absolute; bottom: 0; width: 100%;      height: 150%;      background: linear-gradient(to bottom, #7499a8, #7499a8, #704a2c); }
#hp-header .stripe-content .content .over-photo>.bg .shade {position: absolute; left: 50%; bottom: 0; width: 100%; height: 60%; background: linear-gradient(to bottom, #0000, #000f); transform: translate3d(-50%,0,0); }

.resize-to-full-width {left: 66.667%; width: 100vw; transform: translate3d(-50%,0,0); }

#hp-header .stripe-content h1 {padding: 20px 0 50px 0; margin: 0; font-size: 7.5rem; font-weight: 900; color: #e20074; line-height: 1; max-width: 800px; }
#hp-header .stripe-content h2 {font-size: 3.5rem; font-weight: 900; color: #e20074; }
#hp-header .stripe-content .content>h1 {padding: 100px 0 20px 0; }
#hp-header .stripe-content .over-photo * {color: #fff; }
#hp-header .stripe-content p {font-size: 1.4rem; max-width: 600px; }


.numbers-box {padding: 27% 0; }
.numbers {display: table; width: 90%; }
.numbers>div {display: table-row; }
.numbers>div>* {display: table-cell; vertical-align: middle; }
.numbers>div>div:first-child {font-size: 6rem; line-height: 1; font-weight: 900; color: #e20074 !important; }
.numbers>div>div:last-child {padding-left: 5%; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; position: relative; }
.numbers>div>div:last-child::after {content: ''; display: block; position: absolute; left: -35%; bottom: 14px; width: 140%; height: 2px; background: linear-gradient(to right, #e2007400, #ac0965, #5c0234, #110006, #0000); }
.numbers>div>div {padding-top: 55px; }

/*
#hp-header .stripe-content {background: pink; }
#hp-header .stripe-content h1, #hp-header .stripe-content p {background: rgba(0, 0, 0, 0.37); }
#hp-header:hover .stripe-content, #hp-header:hover .stripe-content h1, #hp-header:hover .stripe-content p {background: none; }
*/

@media (max-width: 1600px){
    .resize-to-full-width {left: 72.727272%; width: calc(100vw + 2px); }
    #hp-header .stripe-content .content {flex: 0 0 65%; }
    #hp-header .stripe-content .tower {flex: 0 0 35%; }
    #hp-header .stripe-content .tower img {height: 100%; left: 45%; }
    #hp-header .stripe-content h1 {font-size: 6rem; }
    #hp-header .stripe-content h2 {font-size: 2.8rem; }
}
@media (max-width: 1150px){
    #hp-header .stripe-content .content {flex: 0 0 65%; }
    #hp-header .stripe-content .tower {flex: 0 0 35%; }
    #hp-header .stripe-content .tower img {height: 90%; left: 40%; }
    #hp-header .stripe-content h1 {font-size: 5rem; }
    #hp-header .stripe-content h2 {font-size: 2.3rem; }
    #hp-header .stripe-content p {max-width: 450px; }
    .numbers  {width: 100%; }
}
@media (max-width: 950px){
    #hp-header .stripe-content .content {flex: 0 0 90%; }
    #hp-header .stripe-content .tower {flex: 0 0 10%; }
    #hp-header .stripe-content .tower img {left: -100%; height: 70%; }
    #hp-header .stripe-content h1 {font-size: 6rem; }
/*    #hp-header .stripe-content h1 br {display: none; }*/
    #hp-header .stripe-content h2 {font-size: 2.8rem; }
    #hp-header .stripe-content .content .over-photo>.bg img, #hp-header .stripe-content .content .over-photo>.bg .grad {height: 100%; }
    .resize-to-full-width {left: 50%; transform: translate3d(-50%,0,0); }
/*    #hp-header .stripe-content .content .over-photo>.bg .shade {height: 40%; }*/
    
    .numbers-box {padding: 20% 0; }
    .numbers, .numbers>div, .numbers>div>* {display: block; }
    .numbers>div>div:last-child {padding: 0; }
    .numbers>div>div:last-child::after {left: -5%; bottom: -10px; width: 85%; }
}
@media (max-width: 820px){
    #hp-header .stripe-content .tower {display: none; }
    #hp-header .stripe-content .content {flex: 0 0 100%; padding: 0 10%; box-sizing: border-box; }
    .numbers-box {padding-top: 600px; }
    .numbers-box>*{position: relative; z-index: 1000; }
    .numbers-box>.tower-mobile {z-index: 500; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; mix-blend-mode: multiply; }
    .numbers-box>.tower-mobile img {display: block; position: absolute; left: 50%; bottom: 0; height: 97%; width: auto; transform: translate3d(-50%,0,0); }
}
@media (max-width: 750px){
    #hp-header .stripe-content h1 {font-size: 5rem; }
    #hp-header .stripe-content h2 {font-size: 2.3rem; }
}
@media (max-width: 625px){
    #hp-header .stripe-content .content > h1 {padding-top: 20%; }
    #hp-header .stripe-content h1 {font-size: 4rem; }
    #hp-header .stripe-content h2 {font-size: 1.8rem; }
}
@media (max-width: 500px){
    #hp-header .stripe-content h1 {font-size: 3rem; }
    #hp-header .stripe-content h2 {font-size: 2rem; }
    .numbers > div > div:first-child {font-size: 4rem; }
}
@media (max-width: 380px){
    #hp-header .stripe-content h1 br {display: none; }
}



/*

    A B O U T (block)

*/
#about .content {display: flex; flex-flow: row; justify-content: center; }
#about .content>* {max-width: 850px; font-size: 200%; color: #e20074; }

@media (max-width: 750px){
    #about .content>* {font-size: 150%; }
}





/*

    M O R E   A B O U T

*/
#more-about-t-infra .content {display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }

#more-about-t-infra .content div:first-child {flex: 0 0 44%; align-self: stretch; position: relative; }
#more-about-t-infra .content div:last-child {flex: 0 0 49%; }
#more-about-t-infra .content div:first-child img {position: relative; width: 100%; height: auto; top: 50%; transform-origin: left center; transform: translate3d(-23%,-50%,0) scale(1.23); }

@media (max-width: 750px){
    #more-about-t-infra .content {gap: 60px; }
    #more-about-t-infra .content div {flex-basis: 100% !important; }
    #more-about-t-infra .content div:first-child img {width: 75%; }
}





/*

    B R O A D C A S T

*/
#broadcast .content {display: flex; flex-flow: wrap; justify-content: space-around; gap: 70px; align-items: center; color: #fff !important; max-width: 900px; margin: 0 auto; }
#broadcast .content h2, #broadcast .content p {color: #fff; }
#broadcast .content div:first-child {flex: 0 0 41%; max-width: 410px; }
#broadcast .content div:last-child {flex: 0 0 45%; max-width: 450px; }
#broadcast .content div:last-child img {width: 100%; height: auto; }

@media (max-width: 750px){
    #broadcast .content {gap: 60px; flex-direction: row-reverse; }
    #broadcast .content div {flex-basis: 100% !important; max-width: none !important; }
    #broadcast .content div:last-child {text-align: center; }
    #broadcast .content div:last-child img {width: 80%; margin: 0 auto; }
}
@media (max-width: 480px){
    #broadcast .content div:last-child img {width: 100%; }
}


/*

    A B O U T   U S

*/
#about-us .content {display: flex; flex-flow: wrap; justify-content: space-between; align-content: stretch; }
#about-us .content>* {flex: 0 0 50%; }
#about-us .content article {z-index: 1000; position: relative; padding: 7% 7% 9% 0; box-sizing: border-box; text-align: left; }
#about-us .content .bg {z-index: 500; background: grey; position: relative; }
#about-us .content .bg .bg-box {overflow: hidden; background: silver; position: relative; left: 0; top: -130px; width: 125%; height: 100.1%; /*height: calc(100% + 130px);*/ padding: 0 0 130px 0; box-sizing: content-box; /*transform: translate3d(0,-130px,0);*/ }
#about-us .content .bg .bg-box {width: 50vw; position: absolute; background: linear-gradient(to bottom, #cdd8e7, #e5eaee, #749a49, #4e672f, #2c2f1d); }
#about-us .content .bg .bg-box img {position: absolute; opacity: 0; height: 105%; width: auto; left: 38%; bottom: 0; transform: translate3d(-58.43%,0,0); }
#about-us .content .bg .bg-box img.loaded {opacity: 1; transition: opacity 1s ease-out; }

#about-us .content .bg .squares-outer-box {position: absolute; top: 0; width: 50vw; padding-top: 14%; }
#about-us .content .bg .squares-box {position: absolute; bottom: 0; left: 38%; }
#about-us .content .bg .squares-box .squares {position: absolute; }
#about-us .content .bg .squares-box .squares::before, #about-us .content .bg .squares-box .squares::after {content: ''; position: absolute; display: block; top: 34px; height: 20px; width: 100vw; background-repeat: repeat-x; }
#about-us .content .bg .squares-box .squares::before {right: 95px; background-image: url(bg/squares-left.svg); background-position: right top; }
#about-us .content .bg .squares-box .squares::after {left: 70px; background-image: url(bg/squares-right.svg); background-position: left top; }

#about-us h1 {position: relative; margin-bottom: 30px; }
#about-us h1, #about-us .content .bg .squares-box .squares {color: #e20074; /*font-size: 4rem;*/ }
#about-us h1 span {z-index: 2000; position: relative; display: inline-block; background: #fff; padding-right: 30px; }
#about-us h1::before {z-index: 1000; content: ''; display: block; position: absolute; height: 100%; top: 0; right: 100%; width: 50vw; background: #fff; }
/*#about-us .content .bg::after {content: ''; display: block; position: absolute; height: 100%; top: 0; left: 125%; width: 50vw; background: #fff; }*/
#about-us p, #about-us p {display: block; margin: 25px 0; }
#about-us q {font-size: 1.5rem; font-weight: 700; font-style: oblique; padding: 0 30px 0 45px; position: relative; display: block; }
#about-us q::before {display: block; position: absolute; left: -5px; top: -75px; font-size: 6rem; font-weight: 700; }
#about-us q::after {display: block; position: absolute; right: -5px; bottom: -65px; font-size: 6rem; font-weight: 700; }

@media (max-width: 900px){
    #about-us .content {flex-flow: wrap-reverse; }
    #about-us .content>* {flex: 0 0 100%; }
    #about-us .content .bg {width: 125%; left: -12.5%; height: calc(60vw - 130px); }
    #about-us .content .bg .bg-box {top: -130px; width: 125%; height: 100%; padding: 0 0 130px 0; }
    #about-us .content .bg .bg-box img {height: 100%; left: 50%; transform: translate3d(-50%,0,0); }
    #about-us .content .bg .squares-box {display: none; }
    
    #about-us h1 {overflow: hidden; }
    #about-us .content article {padding-right: 0; }
    #about-us h1::before {display: none; }
    #about-us h1 span {padding-right: 20px; }
    #about-us h1::after {z-index: 500; content: ''; position: absolute; display: block; top: 34px; height: 20px; width: 100vw; background-repeat: repeat-x; background-image: url(bg/squares-right.svg); background-position: left top; }
}
@media (max-width: 750px){
    #about-us .content article {padding-top: 50px; padding-bottom: 60px; }
}
@media (max-width: 570px){
    #about-us .content .bg {height: calc(75vw - 130px); }
    #about-us .content .bg .bg-box img {transform: translate3d(-55%,0,0); }
}
@media (max-width: 570px){
    #about-us h1::after {display: none; }
    #about-us h1 span {padding-right: 0; }
}
@media (max-width: 480px){
    #about-us .content .bg {height: calc(90vw - 130px); }
}
@media (max-width: 420px){
    #about-us .content .bg {height: calc(110vw - 130px); }
}
@media (max-width: 380px){
    #about-us .content .bg {height: calc(180vw - 130px); }
    #about-us .content .bg .bg-box img {transform: translate3d(-56%,0,0); }
}
@media (max-width: 300px){
    #about-us .content .bg {height: calc(220vw - 130px); }
    #about-us .content .bg .bg-box img {transform: translate3d(-57%,0,0); }
}


/*

    C O M P A N Y   V A L U E S

*/
#company-values {background: url(bg/squares-silver.svg) no-repeat right top; background-size: 100% auto; }
#company-values h1 {text-align: center; margin-bottom: 80px; }
#company-values .content {display: flex; flex-flow: wrap; justify-content: space-around; gap: 40px; align-items: flex-start; color: #fff !important; /* max-width: 900px; */ margin: 0 auto; }
#company-values .company-value {flex: 0 0 calc(33.333% - 80px / 3); }
#company-values .company-value div {text-align: center;}
#company-values .company-value div img {position: relative; width: 80%; max-width: 250px; height: auto; margin: 0 auto; transition: 1s ease-in-out; }
#company-values .company-value div:hover img {transform: translate3d(0,0,0) scale(1.2) rotate(-.001deg); transition: .7s cubic-bezier(0.075, 0.82, 0.165, 1); }
#company-values .company-value h1 {font-size: 3rem; text-align: center; margin-bottom: 30px; }
#company-values .company-value p {color: #323232; text-align: center;}

@media (max-width: 1750px){
    #company-values {background-size: auto 100%; }
}
@media (max-width: 1200px){
    #company-values .company-value h1 {font-size: 2.5rem; }
}
@media (max-width: 1000px){
    #company-values .company-value {flex: 0 0 calc(50% - 40px / 2); }
}
@media (max-width: 600px){
    #company-values .company-value {flex: 0 0 100%; }
}
@media (max-width: 320px){
    #company-values .company-value h1 {font-size: 2rem; }
}




/*

    C O N T A C T S

*/
header#common h1 {margin-bottom: 30px; }
.contacts-cs header .content, .contacts-sk header .content {display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.contacts-cs header .content li.hr, .contacts-sk header .content li.hr {font-size: 1.5rem; font-weight: 700; color: inherit; color: #e20074; text-transform: uppercase; }
.contacts-cs header .content li.hl, .contacts-sk header .content li.hl {font-weight: 900; color: inherit; color: #e20074; }
.contacts-cs header .content .col, .contacts-sk header .content .col {flex: 0 1 auto; line-height: 1.4; margin: 3% 30px 3% 0; }
.contacts-cs header .address a, .contacts-sk header .address a {font-weight: 700; color: #e20074; }
.contacts-cs header .address a:hover, .contacts-sk header .address a:hover {color: #e20074; text-decoration: underline; }

.contacts-cs header .menu, .contacts-cs header .menu *, .contacts-sk header .menu, .contacts-sk header .menu * {position: relative; }

.contacts-cs header .menu, .contacts-sk header .menu {display: flex; flex-flow: column; align-items: flex-start; }
.contacts header .menu li, .contacts-sk header .menu li {padding: 0 10px; }
.contacts-cs header .menu li:first-child::before, .contacts-sk header .menu li:first-child::before {display: none; }
.contacts-cs header .menu li::before, .contacts-sk header .menu li::before {content: ''; display: block; position: absolute; width: 0px; height: 100%; top: 50%; left: 0; transform: translate3d(0,-50%,0); background: #e20074; }
.contacts-cs header .menu li:hover::before, .contacts-sk header .menu li:hover::before {width: 100%; }
.contacts-cs header .menu li a, .contacts-sk header .menu li a {display: inline-block; }




/*

    C A R E E R

*/
#career-filters {display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch; margin-bottom: 2.5%; }
#career-filters>* {flex: 0 0 23%; margin-bottom: 2.66%; }
#career-filters>* a {background: #f5f5f5; display: block; position: relative; width: 100%; height: 0; padding-bottom: 100%; color: #0f0f0f; transition: color .35s ease-in-out, background-color .35s ease-in-out; }
#career-filters>* a>span {display: flex; flex-flow: row; align-content: center; align-items: center; position: absolute; width: 100%; height: 100%; }
/*#career-filters>* a img {position: absolute; left: 50%; top: 40%; transform: translate3d(-50%,-50%,0); max-width: 25%; max-height: 25%; transition: .35s ease-in-out; }*/
/*#career-filters>* a img.white {opacity: 0; }*/
/*#career-filters>* a:hover img.white, #career-filters>* a.viewed img.white {opacity: 1; }*/
/*#career-filters>* a:hover img.black, #career-filters>* a.viewed img.black {opacity: 0; }*/
#career-filters>* a:hover, #career-filters>* a.viewed {background: #e20074; color: #fff; }
#career-filters>* a>span>span {flex: 0 1 100%; display: block; box-sizing: border-box; width: 100%; padding: 5%; text-align: center; font-size: 1.4rem; font-weight: 700; }

@media (max-width: 1200px){
    #career-filters>* {flex: 0 0 31%; margin-bottom: 3.5%; }
}
@media (max-width: 890px){
    #career-filters>* {flex: 0 0 47%; margin-bottom: 6%; }
}
@media (max-width: 590px){
    #career-filters>* {flex: 0 0 100%; margin-bottom: 10%; }
}

.career-box {margin-bottom: 10%; }
.career-box:last-child {margin-bottom: 0; }

.requirements-benefits {display: flex; flex-flow: wrap; justify-content: space-between; align-items: flex-start; }
.requirements-benefits>* {flex: 0 0 45%; }
.requirements-benefits>.resume {flex: 0 0 100%; }

@media (max-width: 750px){
    .career-box {margin-bottom: 80px; }
}
@media (max-width: 850px){
    .requirements-benefits>* {flex: 0 0 100%; }
}


.career-box h1 {margin-bottom: 30px; }
.career-box h2 {margin-top: 40px; }
.career-box ul {margin-bottom: 40px; }
.career-box ul li {padding: 5px 0 5px 25px; position: relative; }
.career-box ul li::before {content: ''; display: block; position: absolute; width: 10px; height: 10px; background: #e20074; left: 0; top: 11px; }






/*

    D O W N L O A D

*/
#dl-list {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: stretch; margin-bottom: 2.5%; }
#dl-list>* {flex: 0 0 23%; margin: 1.33%; }
#dl-list>*:nth-child(4n+1) {margin-left: 0; }
#dl-list>*:nth-child(4n) {margin-right: 0; }
#dl-list>* a {display: block; width: 100%; color: #0f0f0f; transition: color .35s ease-in-out, }
#dl-list>* a span.item {background: #f5f5f5; position: relative; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; }
#dl-list>* a span.item img {position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: .45s cubic-bezier(.13, .76, .38, 1); }
#dl-list>* a span.item img.cover {object-fit: cover; }
#dl-list>* a span.item img.contain {left: 50%; top: 50%; max-width: 80%; max-height: 80%; transform: translate3d(-50%,-50%,0); }
#dl-list>* a span.descr {display: block; width: 100%; padding: 10%; text-align: center; box-sizing: border-box; }
#dl-list>* a:hover img {transform: translate3d(0,0,0) scale(1.1); }
/*#dl-list>* a:hover img.white, #dl-list>* a.viewed img.white {opacity: 1; }*/
/*#dl-list>* a:hover img.black, #dl-list>* a.viewed img.black {opacity: 0; }*/
#dl-list>* a:hover, #dl-list>* a.viewed {background: #e20074; color: #fff; }
/*#dl-list>* a span {display: block; box-sizing: border-box; width: 100%; padding: 0 5% 5% 5%; position: absolute; bottom: 0; text-align: center; font-size: 1.4rem; font-weight: 700; }*/

@media (max-width: 1200px){
    #dl-list>* {flex: 0 0 31%; margin: 1.75%; }
    #dl-list>*:nth-child(4n+1), #dl-list>*:nth-child(4n) {margin-left: 1.75%; margin-right: 1.75%; }
    #dl-list>*:nth-child(3n+1) {margin-left: 0; }
    #dl-list>*:nth-child(3n) {margin-right: 0; }
}
@media (max-width: 890px){
    #dl-list>* {flex: 0 0 47%; margin-bottom: 3%; }
    #dl-list>*:nth-child(3n+1), #dl-list>*:nth-child(3n) {margin-left: 3%; margin-right: 3%; }
    #dl-list>*:nth-child(2n+1) {margin-left: 0; }
    #dl-list>*:nth-child(2n) {margin-right: 0; }
}
@media (max-width: 590px){
    #dl-list>* {flex: 0 0 100%; margin: 0 !important; margin-bottom: 10% !important; }
}















/*

    HELP

*/
/*
.ref-block {background: rgba(255,255,255,.3); }
.ref-block .copy {background: rgba(0,0,0,.3); }
.mockup-area {background: rgba(255,0,0,.2); }
.mockup {background: rgba(0,0,0,.5); }
*/
/*section, header, footer {border-top: 1px dotted silver; }*/
.inside .mockup::after, .mockup.inside::after {content: 'inside'; color: silver; display: block; position: absolute; left: 100%; top: 50%; padding: 3px 5px; border-bottom-right-radius: 10px; border-top-right-radius: 10px; background: grey; font-size: 75%; transform: translateY(-50%); }

.limits {position: absolute; width: 100%; height: 0; left: 0; top: 0; display: none; }
.myip .limits {display: block; }
.limits>.limit {z-index: 5000; position: absolute; width: 100%; height: 0; border-top: 1px dashed red; border-bottom: 1px dashed red; }
.limits>.limit span {cursor: pointer; position: absolute; left: 0; right: auto; display: block; padding: 5px 10px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; color: white; font-size: 11px; transform: translateY(-50%); }
.limits>.limit:hover {z-index: 20000 !important; }

.limits>.limit.aboveLimitCss span, .limits>.limit.belowLimitCss span {background: silver; color: #4d4d4d; }
.limits>.limit.enterVPobject span {background: #383838; }
.limits>.limit.enterVPcss span {left: auto; right: 0; background: #144b83; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 20px; border-bottom-left-radius: 20px; }

body.myip::after {z-index: 50000; content: ''; display: block; position: fixed; width: 100%; height: 1px; top: 75vh; background: rgba(0, 255, 255, 0.5); }
body.myip::before {z-index: 50000; content: ''; display: block; position: fixed; width: 100%; height: 1px; top: 25vh; background: rgba(0, 255, 255, 0.5); }













/*


    N A V I G A T I O N


*/
nav {z-index: 3000; position: relative; left: 0; top: 0; width: 100%; height: 0; overflow: visible; }

nav .stripe-content {padding: 0 !important; position: relative; }
ul.mmenu {display: flex; height: 130px; flex-flow: row; justify-content: flex-end; align-items: stretch; }
ul.mmenu>li {position: relative; display: flex; align-items: center; justify-content: center; }
ul.mmenu>li>a {overflow: hidden; position: relative; padding: 5px 20px; font-size: 1rem; color: #969696; font-weight: 400; text-transform: uppercase; text-decoration: none; }
.about-us ul.mmenu>li>a {color: #e20074; }
ul.mmenu>li>a.language-selection {background: silver; color: #fff; }
ul.mmenu>li>a span {z-index: 1000; display: block; position: relative; transition: .45s cubic-bezier(.38, 0, .08, 1); }
#mobile-mmenu-box ul.mmenu>li>a {color: #fff; }
ul.mmenu>li>a::before {z-index: 500; content: ''; display: block; position: absolute; width: 100%; height: 100%; left: 0%; top: 0%; transform: translate3d(0,-101%,0) scale(1.0001) rotate(-.001deg); background: #e20074; transition: .45s cubic-bezier(.38, 0, .08, 1); }
#mobile-mmenu-box ul.mmenu>li>a::before {background: #fff; }
/*#mmenu>li:nth-last-child(2) {padding-left: 30px; }*/
/*body[dir="rtl"] #mmenu>li:nth-last-child(3) {padding-left: 0; padding-right: 30px; }*/
ul.mmenu>li>a:hover span, ul.mmenu>li>a.viewed span {color: #fff; transition: color .4s cubic-bezier(.31, 1.44, .38, 1); }
ul.mmenu>li>a:hover::before, ul.mmenu>li>a.viewed::before {transform: translate3d(0,0%,0) scale(1); transition: .4s cubic-bezier(.31, 1.44, .38, 1); }

ul.mmenu>li.social>a {padding: 8px; }
ul.mmenu>li.social>a::before {display: none; }
ul.mmenu>li.social>a>*:nth-child(1) {display: block; }
ul.mmenu>li.social>a>*:nth-child(2) {display: block; position: absolute; left: 8px; top: 8px; opacity: 0; }
#mmenu>li.social>a>*:nth-child(2) {transform: translateY(-30px); }
ul.mmenu>li>a.instagram>*:nth-child(2) * {display: block; position: relative; }
ul.mmenu>li>a.instagram>div svg {z-index: 200; }
ul.mmenu>li>a.instagram .insta-bg {z-index: 100; position: absolute; left: 10%; top: 10%; width: 80%; height: 80%; background: radial-gradient(circle at 70% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); border-radius: 10%; }

ul.mmenu>li.social>a:hover>*:nth-child(1) {opacity: 0; }
#mmenu>li.social>a:hover>*:nth-child(1) {transform: translateY(30px); }
ul.mmenu>li.social>a:hover>*:nth-child(2) {opacity: 1; }
#mmenu>li.social>a:hover>*:nth-child(2) {transform: none; }
ul.mmenu>li.social>a>* {transition: .45s cubic-bezier(.38, 0, .15, 1); }
ul.mmenu>li.social>a:hover>* {transition: .45s cubic-bezier(.3, 2, .35, 1); }
/**/
/*
#mmenu {opacity: 0; }
nav.vp #mmenu {opacity: 1; transition: opacity .45s cubic-bezier(.31, .53, .58, 1) .45s; }
*/
@media (min-width: 951px){
    .vp #mobile-mmenu-switch.opened .hide-box {width: 0; }
}
/*nav>.stripe {position: relative; z-index: 200; }*/
#mobile-mmenu-box {z-index: 20000; }
#mmenu li {transform: translateX(-200px); opacity: 0; }
nav.vp #mmenu li {transform: none; opacity: 1; transition: .55s cubic-bezier(.06, .85, .1, 1); }
body[dir="rtl"] #mmenu li {transform: translateX(200px); }
body[dir="rtl"] nav.vp #mmenu li {transform: none; }
nav.vp #mmenu li:nth-last-child(1) {transition-delay: .0s; }
nav.vp #mmenu li:nth-last-child(2) {transition-delay: .05s; }
nav.vp #mmenu li:nth-last-child(3) {transition-delay: .1s; }
nav.vp #mmenu li:nth-last-child(4) {transition-delay: .15s; }
nav.vp #mmenu li:nth-last-child(5) {transition-delay: .2s; }
nav.vp #mmenu li:nth-last-child(6) {transition-delay: .25s; }
nav.vp #mmenu li:nth-last-child(7) {transition-delay: .3s; }
nav.vp #mmenu li:nth-last-child(8) {transition-delay: .35s; }
nav.vp #mmenu li:nth-last-child(9) {transition-delay: .4s; }


#tinfra-lt {position: absolute; top: 50%; width: 220px; opacity: 0; transform: translate3d(0,-50%,0) scale(1.3); }
nav.vp #tinfra-lt {opacity: 1; transition: .9s cubic-bezier(.22, 0, .08, 1); transform: translate3d(0,-50%,0); }
nav.vp #tinfra-lt:hover {transition: .45s cubic-bezier(.06, .6, .38, 1); transform: translate3d(0,-50%,0) scale(1.1); }
#tinfra-lt>* {position: relative; display: block; width: 100%; }
#tinfra-lt a {}
#tinfra-lt a span img {width: 100%; height: auto; }

#mobile-mmenu-box {position: fixed; left: 0; top: 0; width: 100%; height: 0; transform: translate3d(0,0,0); }

#mobile-mmenu-box.vp {transform: translate3d(0,-100px,0); /*transition: transform 0s linear .45s;*/ }
/*#mobile-mmenu-box .stripe {background: #0007; }*/
#mobile-mmenu-box .stripe-content {position: relative; padding: 0; /*background: #0007;*/ }
#mobile-mmenu-switch {position: absolute; right: 0; top: 0; }
body[dir="rtl"] #mobile-mmenu-switch {right: auto; left: 0; }
#mobile-mmenu-switch-btn {cursor: pointer; display: block; position: relative; width: 45px; height: 40px; margin-top: 40px; z-index: 200; opacity: 0; background: #e20074; animation: fade-in .45s both cubic-bezier(.31, .53, .58, 1) 1.2s; /*background: rgba(0,0,0,.5); transition: .5s cubic-bezier(.03, .69, .18, 1);*/ }
body[dir="rtl"] #mobile-mmenu-switch-btn {transform: scaleX(-1); }
/*#mobile-mmenu-box.vp #mobile-mmenu-switch-btn {background: transparent; }*/
#mobile-mmenu-switch .hide-box {z-index: 100; position: absolute; top: 0; right: 0; width: 0; height: 100vh; border-top: 80px solid transparent; overflow-x: hidden; overflow-y: auto; transition: .75s cubic-bezier(.51, .01, .28, 1); }
body[dir="rtl"] #mobile-mmenu-switch .hide-box {right: auto; left: 0; }
#mobile-mmenu-switch.opened .hide-box {transition: .35s cubic-bezier(.03, .69, .18, 1); }
#mobile-mmenu-switch .slide-box {position: relative; left: 0; }
body[dir="rtl"] #mobile-mmenu-switch .slide-box {left: auto; right: 0;  }
#mobile-mmenu-box ul {width: 100%; box-sizing: border-box; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: center; min-width: min-content; text-align: left; height: auto; padding: 40px 20px; background: #e20074; }
body[dir="rtl"] #mobile-mmenu-box ul {text-align: right; }
#mobile-mmenu-box ul li {flex: 0 0 100%; transform: translateX(50px) rotate(-.1deg); transition: 0s ease .5s; margin: 2px; }
body[dir="rtl"] #mobile-mmenu-box ul li {transform: translateX(-50px) rotate(-.1deg); }
/*#mobile-mmenu-box ul>li:nth-last-child(3) {padding-left: 4px; }*/
/*body[dir="rtl"] #mobile-mmenu-box ul>li:nth-last-child(3) {padding-left: 0; padding-right: 4px; }*/
#mobile-mmenu-box ul>li.social {padding-top: 25px; }
#mobile-mmenu-box ul li.social {flex-basis: auto; }
#mobile-mmenu-box .opened ul li {transform: none; transition: .4s cubic-bezier(.27, .64, .48, 1); }
body[dir="rtl"] #mobile-mmenu-box .opened ul li {transform: none; }
#mobile-mmenu-box .opened ul li:nth-child(1) {transition-duration: .4s; }
#mobile-mmenu-box .opened ul li:nth-child(2) {transition-duration: .51s; }
#mobile-mmenu-box .opened ul li:nth-child(3) {transition-duration: .62s; }
#mobile-mmenu-box .opened ul li:nth-child(4) {transition-duration: .73s; }
#mobile-mmenu-box .opened ul li:nth-child(5) {transition-duration: .84s; }
#mobile-mmenu-box .opened ul li:nth-child(6) {transition-duration: .95s; }
#mobile-mmenu-box .opened ul li:nth-child(7) {transition-duration: 1.06s; }
#mobile-mmenu-box .opened ul li:nth-child(8) {transition-duration: 1.17s; }
#mobile-mmenu-box .opened ul li:nth-child(9) {transition-duration: 1.28s; }
#mobile-mmenu-box ul li, #mobile-mmenu-box ul li a {display: block; }
#mobile-mmenu-box ul li a {overflow: hidden; }
#mobile-mmenu-box ul>li>a::before {left: 0; top: 0; transform: translate3d(0,-101%,0) scale(1.0001) rotate(-.0001deg); }
#mobile-mmenu-box ul>li>a:hover::before, #mobile-mmenu-box ul>li>a.viewed::before {transform: translate3d(0,0,0) scale(1.0001) rotate(-.0001deg); }
#mobile-mmenu-box ul>li>a:hover span, #mobile-mmenu-box ul>li>a.viewed span {color: #e20074; }

#mobile-mmenu-switch-btn>span {position: absolute; left: 20%; width: 60%; height: 2px; animation: menu-switch-line-slide-in .55s both cubic-bezier(.19, .77, .28, 1); transition: .55s cubic-bezier(.19, .77, .28, 1); }
#mobile-mmenu-switch-btn>span:nth-child(1) {top: 12px; }
#mobile-mmenu-switch-btn>span:nth-child(2) {top: 19px; animation-delay: .15s; }
#mobile-mmenu-switch-btn>span:nth-child(3) {bottom: 12px; animation-delay: .3s; }
#mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span {animation: menu-switch-line-slide-out .35s both cubic-bezier(.39, .01, .87, .32); transition: .35s cubic-bezier(.39, .01, .87, .32); }
#mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(2) {animation-delay: .1s; }
#mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(3) {animation-delay: .2s; }
.opened #mobile-mmenu-switch-btn>span:nth-child(1) {top: 19px; }
.opened #mobile-mmenu-switch-btn>span:nth-child(3) {bottom: 19px; }
.opened #mobile-mmenu-switch-btn>span:nth-child(1)>span {width: 100%; transform: rotate(45deg); }
.opened #mobile-mmenu-switch-btn>span:nth-child(2)>span {left: 50%; right: auto; width: 0; opacity: 0; transform: translateX(-50%); }
.opened #mobile-mmenu-switch-btn>span:nth-child(3)>span {width: 100%; transform: rotate(-45deg); }

@keyframes menu-switch-line-slide-in {
    0% {transform: translateX(-100%); opacity: 0; }
    100% {transform: none; opacity: 1; }
}
@keyframes menu-switch-line-slide-out {
    0% {transform: none; opacity: 1; }
    100% {transform: translateX(200%); opacity: 0; }
}
@keyframes fade-in {
    0% {opacity: 0; }
    100% {opacity: 1; }
}
#mobile-mmenu-switch-btn>span>span {position: absolute; right: 0; height: 100%; background: #fff; transition: .75s cubic-bezier(.51, .01, .28, 1); }
#mobile-mmenu-switch-btn>span:nth-child(1)>span {width: 60%; }
#mobile-mmenu-switch-btn>span:nth-child(2)>span {width: 80%; }
#mobile-mmenu-switch-btn>span:nth-child(3)>span {width: 100%; }
#mobile-mmenu-switch-btn:hover>span>span {width: 100%; transition: .35s cubic-bezier(.03, .69, .18, 1); }

@media (max-width: 830px){
    nav.vp #mmenu {position: relative; transform: translateY(-100px); transition: .35s ease-out; opacity: 0; }
    #mobile-mmenu-switch-btn {animation-delay: 0s; }
    #mobile-mmenu-box.vp {transform: translate3d(0,0,0); transition: none; }
    #mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span {animation: menu-switch-line-slide-in .55s both cubic-bezier(.19, .77, .28, 1); transition: .35s cubic-bezier(.03, .69, .18, 1); }
    #mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(2) {animation-delay: .15s; }
    #mobile-mmenu-box.vp #mobile-mmenu-switch-btn>span:nth-child(3) {animation-delay: .3s; }
}
@media (max-width: 450px){
    #tinfra-lt {width: 150px; }
}

/*


    F O O T E R


*/
footer .stripe {font-size: .875rem !important; color: #fff; }
footer .content {display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; }
footer .content li.hl {font-weight: 700; color: inherit; color: #e20074; text-transform: uppercase; }
footer .content .col {flex: 0 0 auto; line-height: 1.3; margin: 3% 5% 3% 0; }
footer .content .col:last-child {margin-right: 0; }
footer .address a {text-decoration: underline; }
footer .address a:hover {color: #e20074; }

footer .menu, footer .menu *, footer .qc a {position: relative; }

footer ul li {padding: 0 10px; margin: 3px 0; }
    
footer .menu {display: flex; flex-flow: column; align-items: flex-start; }
footer .menu li {padding: 0 10px; }
footer .menu li:first-child::before {display: none; }
footer .menu li::before {content: ''; display: block; position: absolute; width: 0px; height: 100%; top: 50%; left: 0; transform: translate3d(0,-50%,0); background: #e20074; }
footer .menu li:hover::before {width: 100%; }
footer .menu li a {display: inline-block; }

footer .content .qc {line-height: 1.3; }
footer .content .qc li.hl:first-child {line-height: 1.98; }
footer .qc li.hl {margin-top: 30px; }
footer .qc li:first-child {margin-top: 0; }
footer .qc a.phone {padding-left: 40px; }
footer .qc a {display: block; padding-left: 50px; }
footer .qc a img {position: absolute; left: 0; top: 50%; transform-origin: left top; transform: scale(.25) translate3d(0,-50%,0); }

/*
footer .stripe-content ul:nth-child(2) {flex: 0 1 60%; padding-left: 40px; box-sizing: border-box; }
footer .stripe-content div:nth-child(3) {flex: 0 1 100%; text-align: center; margin: 10% 0 5% 0; font-size: .875rem; }
footer .stripe-content ul.links li {display: flex; flex-flow: row; justify-content: flex-start; }
footer .stripe-content ul.links li a {display: block; position: relative; color: #1b1d1e; }
footer .stripe-content ul.links li a::after {content: ''; position: absolute; display: block; height: 2px; background: #1b1d1e; width: 0; bottom: 0; transform: translateY(100%); }
*/

@media (max-width: 1000px){
/*
    footer .content .col:nth-child(odd) {flex: 0 0 40% !important; }
    footer .content .col:nth-child(even) {flex: 0 0 50% !important; }
*/
}
@media (max-width: 550px){
    footer .content .col {flex: 0 1 auto; }
}
/*
@media (max-width: 800px){
    
    footer .content {flex-flow: column; gap: 0; }
    footer .content ul:first-child {padding-left: 10px; }
}
*/

/*
footer .stripe-content ul {display: flex; flex-flow: wrap; align-content: flex-start; }
footer .stripe-content ul li {flex: 0 1 100%; margin: 5px 0; }
footer .stripe-content ul li:first-child {margin-bottom: 20px; }
footer .stripe-content ul li:first-child b, footer .stripe-content ul li.item a {color: #1b1d1e; font-weight: 900; }
footer .stripe-content ul:nth-child(2) li:nth-child(2) {color: #fff; margin-bottom: 10px; }

footer .stripe-content ul li.item {margin: 10px 0; }
footer .stripe-content ul li.item a {padding-left: 50px; position: relative; }
footer .stripe-content ul li.item a svg {position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(.8); opacity: 1; }
body[dir="rtl"] footer .stripe-content ul li.item a {padding-left: 0; padding-right: 50px; }
body[dir="rtl"] footer .stripe-content ul li.item a svg {left: auto; right: 0; }
footer .stripe-content ul li.item a svg:nth-child(2) {display: none; }
*/

@media (hover: hover) and (pointer: fine) {
    footer .content ul li.item a svg:nth-child(2) {display: block; transform: translateY(-100%) scale(.8); opacity: 0; }
    footer .content ul li.item a:hover svg:nth-child(1) {transform: translateY(0) scale(.8); opacity: 0; }
    footer .content ul li.item a:hover svg:nth-child(2) {transform: translateY(-50%) scale(.8); opacity: 1; }
    footer .content ul li.item a svg {transition: .45s cubic-bezier(.38, 0, .15, 1); }
    footer .content ul li.item a:hover svg {transition: .45s cubic-bezier(.3, 2, .35, 1); }
    footer .content ul.links li a:hover::after {width: 100%; transition: .35s ease-out; }
}

@media (max-width: 780px){
/*
    footer .stripe-content {justify-content: space-around; }
    footer .stripe-content ul {flex-flow: column; flex: 0 1 auto !important; }
    footer .stripe-content ul li {flex-shrink: 1; }
    footer .stripe-content ul {text-align: center; }
    footer .stripe-content ul.links li {justify-content: center; }
    footer .stripe-content ul:nth-child(2) {margin-top: 40px; }
*/
}




/*

    N E W S

*/
.news-list {display: flex; flex-flow: wrap; justify-content: space-between; text-align: left; row-gap: 50px; }
.news-list>.news {flex: 0 0 45%; }
.news h2 {color: #465056; font-size: 1.5rem; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; }
.news h2 span {display: inline-block; font-size: 1.125rem; font-weight: 400; border-top: 1px solid #465056; }
.news p strong {font-weight: 700; }

@media (max-width: 760px){
    .news-list>.news {flex: 0 0 100%; }
}
@media (max-width: 560px){
    .news-list>.news {flex: 0 0 100% !important; max-width: none; }
}


/*

    A B O U T   U S

*/
.persons {display: flex; flex-flow: wrap; justify-content: center; align-items: flex-start; gap: 3.5%; max-width: 900px; margin-bottom: -50px; margin: 0 auto; }
.person {flex: 0 0 30%; text-align: left; margin-bottom: 50px; }
.person>div {width: 100%; position: relative; height: 0; padding-bottom: 100%; overflow: hidden; border-radius: 5px; margin-bottom: 30px; }
.person>div div {position: absolute; width: 100%; height: 100%; }
.person>div div img {object-position: center; object-fit: cover; }
.person h2 {font-size: 1.5rem; font-weight: 700; color: #09756f; margin-bottom: 20px; }
.person h2 span {display: block; font-size: 1rem; font-weight: 400; color: #83a7a5; }

@media (max-width: 850px){
    .persons {gap: 6%; max-width: 600px; }
    .person {flex: 0 0 47%; }
}
@media (max-width: 600px){
    .persons {gap: 0; max-width: 300px; }
    .person {flex: 0 0 100%; }
}

/*

    S E R V I C E S

*/
.service-list {display: flex; flex-flow: wrap; justify-content: space-between; text-align: left; }
.service-list>.service {flex: 0 0 22%; margin-bottom: 50px; }
.service-list>.service.main {flex: 0 0 48%; }

@media (max-width: 1060px){
    .service-list>.service {flex: 0 0 30%; }
    .service-list>.service:last-child {flex: 0 0 65%; padding-right: 35%; }
    .service-list>.service.main, .service-list>.service.main:last-child {flex: 0 0 48%; padding-right: 0; }
}
@media (max-width: 760px){
    .service-list>.service, .service-list>.service:last-child {flex: 0 0 46%; padding-right: 0; }
    .service-list>.service.main, .service-list>.service.main:last-child {flex: 0 0 100%; }
}
@media (max-width: 560px){
    .service-list>.service {flex: 0 0 100% !important; max-width: 400px; }
    .service-list>.service.main {max-width: none; }
}


.service.main {position: relative; /*padding-top: 180px; */}
.service.main div {height: 180px; box-sizing: border-box; padding-bottom: 42px; text-align: center; }
.service.main div img {height: 100%; width: auto; max-height: 100%; max-width: 100%; margin: 0 auto; }
/*
.service-list .service.main::before {display: block; position: absolute; left: 50%; top: 0; transform-origin: left top; transform: scale(.25) translate3d(-50%,0,0); }
.service-list .service.main:nth-child(1)::before {content: url(ico/puzzle01.png); }
.service-list .service.main:nth-child(2)::before {content: url(ico/puzzle02.png); }
.service-list .service.main:nth-child(3)::before {content: url(ico/puzzle03.png); }
.service-list .service.main:nth-child(4)::before {content: url(ico/puzzle04.png); }
*/
.service h2 {color: #09756f; font-size: 1.125rem; font-weight: 700; text-transform: uppercase; margin-bottom: 20px; padding-left: 15px; border-left: 8px solid #83a7a5; }
.service.main h2 {padding-left: 0; border-left: none; }
.service.main h2 {font-size: 1.5rem; font-weight: 400; margin-bottom: 20px; }
.service.main>a {color: #09756f; text-transform: uppercase; display: inline-block; padding-right: 30px; position: relative; margin-top: 15px; }
.service.main>a::after {content: url(ico/arrow-more.png); display: block; position: absolute; right: 0; top: 50%; transform-origin: right top; transform: scale(.25) translate3d(0,-45%,0); }
.service.main>a:hover::after {transform: scale(.25) translate3d(65%,-45%,0); }


@media (max-width: 430px){
/*    .service.main {padding-top: 150px; }*/
    .service.main div {height: 150px; padding-bottom: 35px; }
/*    .service-list .service.main::before {transform: scale(.208) translate3d(-50%,0,0); }*/
}


/*

    R E F S

*/
.ref-detail {display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; margin-bottom: 50px; }
.ref-detail:last-child {margin-bottom: 0; }
.ref-detail .ref {flex: 0 0 31.8%; position: relative; height: 0; padding-bottom: 17.8%; background: #999; border-radius: 5px; background: #457a77; color: #fff; }
.ref-detail .txt {flex: 0 0 60%; text-align: left; }
.ref-detail .txt p {padding-bottom: 15px; }
.ref-detail .txt p:last-child {padding-bottom: 0; }

@media (max-width: 1400px){
    .ref-detail {align-items: flex-start; }
    .ref-detail .ref {flex: 0 0 40%; padding-bottom: 22.39%; }
    .ref-detail .txt {flex: 0 0 55%; }
}
@media (max-width: 1000px){
    .ref-detail .ref span.label, .ref-detail .ref h2 {opacity: 0; }
}
@media (max-width: 750px){
    .ref-detail .ref span.label, .ref-detail .ref h2 {opacity: 1; }
    .ref-detail {justify-content: center; }
    .ref-detail .ref {flex: 0 0 100%; padding-bottom: 55.97%; margin-bottom: 30px; }
    .ref-detail .txt {flex: 0 0 100%; }
}
@media (max-width: 450px){
    .ref-detail .ref span.label, .ref-detail .ref h2 {opacity: 0; }
}
/*
*/

.ref-list {display: flex; flex-flow: wrap; justify-content: space-between; align-items: stretch; }
.ref-list .ref {flex: 0 0 31.8%; position: relative; height: 0; padding-bottom: 17.8%; background: #999; border-radius: 5px; margin: 0 0 2.3% 0; }

.homepage .ref-list .ref:nth-child(1), .homepage .ref-list .ref:nth-child(2), .homepage .ref-list .ref:nth-child(3) {background: #457a77; color: #fff; }
.homepage .ref-list .ref:nth-child(4), .homepage .ref-list .ref:nth-child(5), .homepage .ref-list .ref:nth-child(6) {background: #83a7a5; color: #fff; }
.homepage .ref-list .ref:nth-child(7), .homepage .ref-list .ref:nth-child(8), .homepage .ref-list .ref:nth-child(9) {background: #c2d3d2; color: #457a77; }

@media (max-width: 1060px){
    .ref-list .ref {flex: 0 0 48.7%; padding-bottom: 27.26%; margin: 0 0 2.5% 0; }
    .homepage .ref-list .ref:nth-child(1), .homepage .ref-list .ref:nth-child(2) {background: #457a77; color: #fff; }
    .homepage .ref-list .ref:nth-child(3), .homepage .ref-list .ref:nth-child(4) {background: #83a7a5; color: #fff; }
    .homepage .ref-list .ref:nth-child(5), .homepage .ref-list .ref:nth-child(6) {background: #c2d3d2; color: #457a77; }
    .homepage .ref-list .ref:nth-child(7), .homepage .ref-list .ref:nth-child(8), .homepage .ref-list .ref:nth-child(9) {display: none; }
}

@media (max-width: 660px){
    .ref-list .ref {flex: 0 0 100%; padding-bottom: 55.97%; margin: 0 0 5% 0; }
    .homepage .ref-list .ref:nth-child(1) {background: #457a77; color: #fff; }
    .homepage .ref-list .ref:nth-child(2) {background: #83a7a5; color: #fff; }
    .homepage .ref-list .ref:nth-child(3) {background: #c2d3d2; color: #457a77; }
    .homepage .ref-list .ref:nth-child(4), .homepage .ref-list .ref:nth-child(5), .homepage .ref-list .ref:nth-child(6) {display: none; }
    .ref-list .ref.blank {display: none; }
}

.ref-list .ref>*, .ref-detail .ref>* {display: block; position: absolute; width: 100%; height: 100%; }
.ref-list .ref>* span.label, .ref-detail .ref>* span.label {display: flex; height: 20%; flex-flow: row; justify-content: center; align-items: center; }
.ref-list .ref>* span.logo, .ref-detail .ref>* span.logo {display: flex; height: 50%; width: 60%; margin: 0 auto; flex-flow: row; justify-content: center; align-items: center; }
.ref-list .ref>* span.logo img, .ref-detail .ref>* span.logo img {max-width: 100%; max-height: 100%; }
.ref-list .ref>* h2, .ref-detail .ref>* h2 {display: flex; height: 30%; font-size: 1rem; flex-flow: row; justify-content: center; align-items: center; }

section.refs.silver .ref-list .ref {background: #c2d3d2 !important; color: #457a77 !important; }

/*temp*/
.ref-list .ref>* span.label, .ref-list .ref>* h2 {opacity: 0; }
.ref-list .ref>* span.label, .ref-list .ref>* h2, .ref-detail .ref>* span.label, .ref-detail .ref>* h2 {height: 25%; }


/*

    C O N T A C T

*/
section .contact {display: flex; flex-flow: wrap; justify-content: space-between; align-items: center; }
section .contact>* {flex: 0 0 42%; }
section .contact>ul {/*background: silver;*/ text-align: left; }
section .contact>.space {flex: 0 0 16%; }
section .contact>.map {flex: 0 0 42%; max-width: 469px; margin-left: 50px; /*background: grey;*/ text-align: right; }
section .contact>.map img {width: 100%; height: auto; }

section .contact>ul {max-width: 300px; }
section .contact>ul {display: flex; flex-flow: wrap; align-content: center; align-items: center; }
section .contact>ul li {flex: 0 1 auto; }
section .contact>ul a {display: inline-block; position: relative; }
section .contact>ul .xl {font-size: 1.5rem; font-weight: 700; color: #09756f; }
section .contact>ul li {padding: 9px 0; position: relative; }
section .contact>ul li:first-child {padding-top: 0; padding-bottom: 0; }
section .contact>ul .no-link {padding-top: 20px; }
section .contact>ul .xl, section .contact>ul .no-link, section .contact>ul .linkedin {padding-left: 60px; }

section .contact>ul a::before, section .contact>ul .no-link::before {display: block; position: absolute; left: 19px; top: 50%; transform-origin: left top; transform: scale(.25) translate3d(-50%,-50%,0); }
section .contact>ul .phone::before {content: url(ico/phone.png); }
section .contact>ul .envelope::before {content: url(ico/envelope.png); }
section .contact>ul .linkedin::before {content: url(ico/linkedin.png); }
section .contact>ul .no-link::before {content: url(ico/location.png); top: 31px; }

@media (max-width: 750px){
    section .contact {flex-direction: column-reverse; justify-content: center; justify-items: center; }
    section .contact>* {flex: 0 0 100% !important; }
    section .contact>.map {margin: 0 auto 50px auto; }
}
@media (max-width: 350px){
    section .contact>ul .xl {font-size: 1.125rem; }
    section .contact>ul .xl, section .contact>ul .no-link, section .contact>ul .linkedin {padding-left: 45px; }
    section .contact>ul a::before, section .contact>ul .no-link::before {left: 15px; transform: scale(.2) translate3d(-50%,-50%,0); }
    section .contact>ul .no-link::before {top: 31px; }
}


/*

    F O R M S

*/



/* NOTIFICATIONS */
.notifications-box .notification {cursor: pointer; position: relative; padding: 20px 50px 22px 65px; background: #323232 url(ico/clear_white_24dp.svg) no-repeat calc(100% - 10px) 17px;  border-radius: 0; color: #fff; overflow: hidden; opacity: 0; animation: notification-auto-show .5s forwards ease-out; /*transition: .25s ease;*/ }
.notifications-box .notification h2 {margin: 0 0 5px 0 !important; padding: 0; font-size: 130%; color: #fff; }
.notifications-box .notification h2::before {display: none !important; }
.notifications-box .notification p {margin: 0 !important; padding: 0; }
.notifications-box .notification b {color: #e20074; font-weight: 900; }
.notifications-box .notification .btn-box {margin-top: 15px; justify-content: flex-start; gap: 10px; }
.notifications-box .notification {margin: 20px 0 0 0; }
.notifications-box .notification:last-child {margin-bottom: 20px; }
form .notifications-box .notification {margin: 0 0 20px 0; }
form .notifications-box .notification:first-child {margin-top: 10px; }
form .notifications-box .notification:last-child {margin-bottom: 30px; }
form .field-box .notifications-box .notification:last-child {margin-bottom: 0; }
.notifications-box .notification:hover {background-color: #2e2824; }
.notifications-box .notification .notification-autohide-timeout {position: absolute; left: 0; bottom: 0; width: 100%; height: 4px; background: #ec108c; }
.notifications-box .notification::before {display: block; position: absolute; left: 20px; top: 17px; /*transform: translateY(-50%);*/ }
.notifications-box .notification.warning::before {content: url(ico/report_problem_white_24dp.svg); }
.notifications-box .notification.notice::before {content: url(ico/done_white_24dp.svg); }
.notifications-box .notification.prompt::before {content: url(ico/delete_forever_pumpkin.svg); }

/*.notifications-box .notification .notification-autohide-timeout {animation: notification-autohide-timeout 1s forwards linear; }*/
.notifications-box .notification .notification-autohide-timeout {animation-play-state: paused !important; }
.notifications-box .notification:first-of-type .notification-autohide-timeout {animation-play-state: running !important; }
.notifications-box .notification:first-of-type:hover .notification-autohide-timeout {animation-play-state: paused !important; }

@keyframes notification-auto-show {
    0% {opacity: 0; }
    100% {opacity: 1; }
}
@keyframes notification-autohide-timeout {
    0% {width: 0; }
    100% {width: 100%; }
}



form {display: flex; flex-flow: wrap; justify-content: space-between; position: relative; }
form .textarea-box:first-of-type {position: absolute; width: 100%; }
.career form>*, #contact-form form>* {flex: 0 0 49%; margin-bottom: 2%; }
.career form .notifications, #contact-form form .notifications {margin: 0; }
.career form .textarea-box, .career form .field-box.text, .career form .checkbox-box, .career form .btn-box,
#contact-form form .textarea-box, #contact-form form .field-box.text, #contact-form form .checkbox-box, #contact-form form .btn-box, #contact-form form #other-type, #property-notice,
#contact-form form #location-type-choice, #contact-form form #location-address, #contact-form form #location-gps, #contact-form .notifications, .career .notifications, .career form .file-box
{flex: 0 0 100%; }

#other-type, #property-notice, #location-address, #location-gps, #location-realty0, #location-realty1 {display: none; }

@media (max-width: 800px){
    .career form>*, #contact-form form>* {flex: 0 0 100% !important; margin-bottom: 15px; }
    .file-box .file-select .filenames-list-box {flex: 0 0 100% !important; margin-left: 0 !important; margin-top: 15px; }
}


button {outline: none !important; }
.field-box {position: relative; margin-bottom: 20px; }
.field-box:first-of-type {height: 0; overflow: hidden; }
.field-box label {display: block; margin: 0 10px 10px 10px; color: #323232; font-weight: 400; }
.field-box label sup, .field-box p sup {font-size: .8em; position: relative; top: 0; }
.input-box input {position: relative; display: block; width: 100%; padding: 13px 40px 13px 20px; background: #f5f5f5; border: none; border-radius: 0; outline: none !important; color: #323232; font-size: 1.125rem; font-weight: 400; line-height: 1.3; box-sizing: border-box; }
.input-box.foxus input::placeholder {color: #fff; }
/*
.input-box:nth-of-type(2n+1) {margin-right: 2%; }
.input-box:nth-of-type(2n+2) {margin-left: 2%; }
*/

input::placeholder, textarea::placeholder {color: #999 !important; opacity: 1 !important; }
.field-box.focus input::placeholder, .field-box.focus textarea::placeholder, .field-box.error input::placeholder, .field-box.error textarea::placeholder {color: #fff !important; opacity: .8 !important; }


.textarea-box textarea {position: relative; display: block; width: 100%; height: 250px; padding: 13px 40px 13px 20px; background: #f5f5f5; border: none; border-radius: 0; outline: none !important; color: #323232; font-size: 1.125rem; font-weight: 400; line-height: 1.3; box-sizing: border-box; }
#contact-message .textarea-box .char-count {display: block; position: absolute; right: 10px; bottom: 10px; z-index: 1000; color: #fff; font-size: 1rem; text-align: right; }
#contact-message .textarea-box textarea {height: 85px; }
@media (max-width: 750px){
    #contact-message .textarea-box textarea {height: 100px; }
}
@media (max-width: 550px){
    #contact-message .textarea-box textarea {height: 170px; }
}

.checkbox-box {padding-right: 40px; }
.checkbox-box a.btn-toggle-checkbox {cursor: pointer; position: absolute; display: block; left: 0; top: 0px; width: 30px; height: 30px; background: #f5f5f5; }
.checkbox-box a.btn-toggle-checkbox.on::before {content: ''; position: absolute; display: block; width: 22px; height: 22px; left: 50%; top: 50%; transform: translate3d(-50%,-50%,0); background: #e20074; animation: checkbox-checked .45s backwards cubic-bezier(.52, 0, .48, 1); }
.checkbox-box div.label {position: relative; padding-left: 40px; }
.checkbox-box div.label a, .field-box p a {color: #e20074; font-weight: 700; text-decoration: underline; }
.checkbox-box div.text-value, .checkbox-box div.error-text, .checkbox-box div.placeholder {display: none; }
.checkbox-box.error-empty {background: #e20074; color: #fff; }

@keyframes checkbox-checked {
    0% {transform: translate3d(-50%,-50%,0) scale(0) rotate(-.1deg); animation-timing-function: cubic-bezier(.11, .71, .28, 1); }
    40% {transform: translate3d(-50%,-50%,0) scale(1.2) rotate(-.1deg); }
    100% {transform: translate3d(-50%,-50%,0) scale(1); }
}

.field-box input, .field-box textarea {transition: background-color .5s ease; }
.field-box::after, .field-box.checkbox-box.error::after, .file-box .file-select .filenames-list-box::after {content: url(ico/field-box-ok.svg); display: block; position: absolute; right: 12px; top: 12px; opacity: 0; transition: opacity .5s ease; z-index: 1000; }
.file-box .file-select .filenames-list-box::after {display: none; }
.file-box::after {display: none !important; }
.field-box.checkbox-box::after {content: url(ico/field-box-ok-dark.svg); }
.field-box.has-value::after, .file-box.has-value .file-select .filenames-list-box::after {display: block; opacity: 1; }
.field-box.focus:not(.input-box)::after, .field-box.error::after {opacity: 0; }
.field-box.has-value label {transition: color .5s ease; }
.field-box.has-value input, .field-box.has-value textarea {background: #363839 !important; color: #fff !important; }
.field-box.has-value input:-webkit-autofill, .field-box.has-value textarea:-webkit-autofill {box-shadow: 0 0 0 1000px #363839 inset !important; -webkit-text-fill-color: #fff; }
.field-box.has-value label {color: #6a6c6d; }
.field-box.focus input, .field-box.focus textarea, .field-box.error input, .field-box.error textarea {background: #e20074 !important; color: #fff; }
.field-box.focus input:-webkit-autofill:focus, .field-box.focus textarea:-webkit-autofill:focus {box-shadow: 0 0 0 1000px #e20074 inset !important; -webkit-text-fill-color: #fff; }
.field-box.error input, .field-box.error textarea {animation: shake-as-no 4s infinite cubic-bezier(.35, 0, .65, 1); }
.field-box.focus label, .field-box.error label {color: #ff710f; }


.btn-box {text-align: right; }
.btn-box .cta {margin-top: 0; }

.select-box select {cursor: pointer; background: #f5f5f5; width: 100%; padding: 0 20px; border: 0; border-radius: 0; outline: none !important; color: #999; font-size: 1.125rem; font-weight: 400; line-height: 1.3; box-sizing: border-box; -webkit-appearance: initial; text-indent: 0px; line-height: 2.74; }
.select-box option {background: #e20074; color: #fff; width: 100%; padding: 0; border: 0; border-radius: 0; outline: none !important; font-size: 1.125rem; font-weight: 400; line-height: 1.3; box-sizing: border-box; /*-webkit-appearance: initial;*/ text-indent: 0px; line-height: 2.74; }
.select-box option:first-child {color: #999; }
.select-box.focus option {background: #e20074; color: #fff; }
.select-box.focus option:hover {background: #e20074; color: #fff; }
.select-box.focus option:hover, .select-box.has-value option:hover {background: #e20074; color: #fff; }
.select-box.has-value option {background: #363839; color: #fff; }
.select-box.focus option::checked {background: orange; color: #fff; }
.select-box.has-value option::checked {background: green; color: #fff; }

.field-box.focus select, .field-box.error select {background: #e20074; color: #fff; }
.field-box.has-value select {background: #363839 !important; color: #fff !important; }

#contact-form .btn-box {text-align: left; }
#contact-form .btn-box, #contact-form .btn-box .cta {margin-bottom: 0; }
#contact-form h1, #career-form h1 {margin-bottom: 20px; }
#contact-form p {margin-bottom: 30px; }
#contact-form .field-box p {margin-bottom: 0; }
#contact-form .content {display: flex; flex-flow: wrap; align-items: stretch; }
#contact-form .content .tower {flex: 0 0 34%; box-sizing: border-box; border-bottom: 2px solid #e20074; position: relative; }
#contact-form .content .tower img {position: absolute; right: 25%; bottom: 0; width: auto; height: 90%; transition: 1s cubic-bezier(.52, 0, .48, 1); }
#contact-form .content .form {flex: 0 0 66%; }

@media (max-width: 1200px){
    #contact-form .content .tower {display: none; }
    #contact-form .content .form {flex: 0 0 100%; }
}

/* FILE BOX */
@media (min-width: 0px){
body.no-drop {cursor: no-drop; }
.file-box {position: relative; text-align: left; margin-bottom: 30px; }
.file-box .drop-here {cursor: pointer; position: relative; margin-top: 20px; padding: 50px; font-size: 1.5rem; text-align: center; border: 2px dashed #333; color: #666; box-sizing: border-box; transition: .25s ease-out; }
.file-box.drop-zone-disabled .drop-here {display: none; }
.file-box .drop-here .drop-zone {position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.file-box .drop-here .now-drop, .file-box.drag-over .drop-here .files-here {display: none; }
.file-box.drag-over {border-color: #fff; }
.file-box.drag-over .drop-here .now-drop {display: inline; }
.file-box.drag-over .drop-here, .file-box .drop-here:hover {border-color: #fff; color: #fff; }
/*.file-box .file-list {position: absolute; width: 100%; height: 100%; background: #f5f5f5; }*/
.file-box .file-list .frame-list {position: absolute; z-index: 100; width: 100%; height: auto; display: flex; flex-flow: wrap; justify-content: flex-start; align-items: flex-start; gap: 10px; }
.file-box .file-list .frame-list div {position: relative; flex: 0 0 100px; height: 100px; /*margin: 10px;*/ border: 1px solid #333; box-sizing: border-box; }
.file-box .file-list .frame-list div.unavailable::before, .file-box .file-list .frame-list div.unavailable::after {content: ''; display: block; position: absolute; width: 90%; height: 1px; background: #333; left: 50%; top: 50%; }
.file-box .file-list .frame-list div.unavailable::before {transform: translate(-50%, -50%) rotate(-45deg); }
.file-box .file-list .frame-list div.unavailable::after {transform: translate(-50%, -50%) rotate(45deg); }
.file-box .file-list .uploaded-file {z-index: 200; position: absolute; top: 0; width: 100%; height: 100%; /*margin: 10px;*/ overflow: hidden; box-sizing: border-box; }
.file-box .file-list .uploaded-file-box {position: relative; width: 100px; height: 100px; background-position: center center; transition: filter .25s ease-in-out; background-repeat: no-repeat; }
.file-box .file-list .uploaded-file-box.image {background-size: contain; }

.file-box .file-list .uploaded-file.loaded {display: none; background: url(bg/image-transparency.png) repeat; background-position: center; }
.file-box .file-list .uploaded-file.loaded:hover .uploaded-file-box {filter: brightness(.2); }
.file-box .file-list .uploaded-file .loading-box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; transition: opacity .5s ease-in-out; background: #e20074; }
.file-box .file-list .uploaded-file.loaded:hover .loading-box {display: none; }
.file-box .file-list .uploaded-file.loaded .loading-box {opacity: 0; }
.file-box .file-list .uploaded-file .loading-bar {position: absolute; width: 0%; height: 100%; left: 0; top: 0; background: #363839; }
.file-box .file-list .uploaded-file .loading-progress {position: absolute; width: calc(100% - 80px); left: 0px; top: 50%; padding-left: 20px; color: #fff; text-align: left; transform: translateY(-50%); }
.file-box .file-list .uploaded-file a {display: none; cursor: pointer; position: absolute; padding: 4px 4px 1px 4px; background: transparent; color: #201c1a; font-size: 75%; font-weight: 700; text-transform: uppercase; text-align: center; opacity: 0; transform: translate(-50%,-50%); transition: .25s ease-in-out; }
.file-box .file-list .uploaded-file.loaded a {display: block; }
.file-box .file-list .uploaded-file a.btn-abort {display: block; opacity: 1; }
.file-box .file-list .uploaded-file.loaded a.btn-abort {display: none; }
.file-box .file-list .uploaded-file.loaded a:hover {background: #201c1a; color: #ec108c; }
.file-box .file-list .uploaded-file:hover a {opacity: 1; }
.file-box .file-list .uploaded-file a::before {display: block; }

.file-box .file-list .uploaded-file a.btn-preview {top: 30%; left: 30%; font-size: 75%; }
.file-box .file-list .uploaded-file a.btn-preview::before {content: url(ico/remove_red_eye_white_24dp.svg); }
.file-box.single-file-uploaded .file-list .uploaded-file a.btn-preview {top: 50%; }
.file-box .file-list .uploaded-file a.btn-delete {top: 30%; left: 70%; font-size: 75%; }
.file-box .file-list .uploaded-file a.btn-delete::before {content: url(ico/clear_white_24dp.svg); }
.file-box.single-file-uploaded .file-list .uploaded-file a.btn-delete {top: 50%; }
.file-box .file-list .uploaded-file a.btn-shift {top: 70%; }
.file-box .file-list .uploaded-file a.btn-shift::before {content: url(ico/done_grey_24dp.svg); }
.file-box .file-list .uploaded-file a.btn-shift-left::before {content: url(ico/navigate_before_white_24dp.svg); }
.file-box .file-list .uploaded-file a.btn-shift-right::before {content: url(ico/navigate_next_white_24dp.svg); }
.file-box .file-list .uploaded-file a.btn-abort {top: 50%; right: 10px; transform: translateY(-50%); }
.file-box .file-list .uploaded-file a.btn-abort::before {content: url(ico/clear_white_24dp.svg); }

.file-box .file-list .uploaded-file a.btn-shift-left {left: 30%; }
.file-box .file-list .uploaded-file:nth-child(2) a.btn-shift-left, .file-box .file-list .uploaded-file:last-child a.btn-shift-right {display: none !important; }
.file-box .file-list .uploaded-file a.btn-shift-right {left: 70%; }
}

.file-box label {position: absolute; z-index: 100; top: 12px; padding-left: 10px; color: #fff; font-size: 100%; transition: .25s ease-out; }

.file-box .file-select {position: relative; display: flex; flex-flow: wrap; align-items: center; }
.file-box .file-select label {position: absolute; z-index: 100; top: 20px; padding-left: 10px; color: #fff; font-size: 100%; transition: .25s ease-out; }
.file-box .file-select .filenames-list-box {flex: 1 0 auto; position: relative; margin-left: 2%; }
.file-box .file-select .filenames-list-box::before {display: block; position: absolute; right: 5px; top: 20px; }
.file-box .file-select .filenames-list-box input.filenames-list {position: relative; z-index: 100; cursor: default; width: 100%; padding: 13px 40px 13px 20px; border: none; background: #f5f5f5; border-radius: 0; outline: none !important; color: #323232; font-size: 1.125rem; font-weight: 400; line-height: 1.3; box-sizing: border-box; }
.file-box .file-select .filenames-list-box .error-box {position: relative; }
.file-box.focus .file-select .filenames-list-box input {color: #fff; }
/*.file-box .file-select input {width: 100%; height: 45px; padding: 15px 10px 5px 10px; box-sizing: border-box; font-size: 120%; text-align: left; 	}*/
/*.file-box .file-select .filenames-list-box::after {content: ''; z-index: 300; position: absolute; display: block; bottom: 0; left: 0; width: 0; height: 2px; background: #333; transition: .25s ease-out; }*/
/*.file-box.has-value .file-select .filenames-list-box::after {width: 100%; background: #fff; }*/
/*.file-box.focus .file-select .filenames-list-box::after {width: 100%; background: #fff; }*/
.file-box .file-select .btn-file-select {display: block; flex: 0 1 auto; margin: 0; }
.file-box .file-select .notifications-box {flex: 1 0 100%; margin-top: 20px; }
.file-box .file-select .file-field-hide-box {position: absolute; width: 0; height: 0; overflow: hidden; }
/*.file-box.fc_error .file-select, .file-box.fc_error_format .file-select, .file-box.fc_error_over_max_files .file-select, .file-box.fc_error_over_filesize_limit .file-select {}*/

.file-box .placeholder {flex: 1 0 100%; position: relative; padding: 20px 10px 0 35px; color: #999; }
.file-box .placeholder::before {content: url(ico/lightbulb_white_24dp.svg); left: 5px; top: 15px; position: absolute; display: block; opacity: .4; }


.file-box .error-text {z-index: 400; /*cursor: pointer;*/ position: absolute; display: none; left: 50%; bottom: 1px; padding: 3px 10px; background: #201c1a; border: 2px solid #fe710f; border-radius: 50px; box-sizing: border-box; color: #fff; font-size: 70%; /*font-weight: 700;*/ transform: translate(-50%, 50%); text-align: right; }
/*
.file-box .progress {z-index: 350; overflow: hidden; position: absolute; display: none; left: 0; bottom: 8px; width: 100%; height: 20px; background: #fff; }
.file-box .progress div:nth-child(1) {position: absolute; width: 0; height: 100%; background: #1280b3; }
.file-box .progress div:nth-child(2) {position: absolute; width: 100%; height: 100%; padding: 2px 10px 0 10px; box-sizing: border-box; color: #fff; text-align: left; font-size: 90%; }
.file-box.uploading .progress {display: block; }
*/


.file-box.focus::after {width: 100%; }
.file-box.has-value label, .file-box.focus label {top: 0; font-size: 70%; color: #999; }
.file-box.focus label {color: #fff; }
/*.file-box.has-value .file-select .filenames-list-box::after {content: url(ico/done_grey_24dp.svg); }*/
/*.file-box.has-value label {padding-top: 0; font-size: 70%; color: #999; }*/
/*.file-box:hover .file-select .filenames-list-box::after {width: 100%; background: #fff; }*/
.file-box:hover .file-select .filenames-list-box input.filenames-list, .file-box:hover .file-select label {color: #fff; }
/*.file-box.error .file-select .filenames-list-box::before {content: url(ico/report_problem_pumpkin_24dp.svg); }*/
/*.file-box.error .file-select .filenames-list-box::after {width: 100%; background: #fe710f; }*/
/*.file-box.error input {color: #fe710f; }*/
.file-box.error-empty.single .error-empty.single {display: inline-block; }
.file-box.error-empty.multiple .error-empty.multiple {display: inline-block; }
.file-box .error-text span.required {display: none; }
.file-box.required .error-text span.required {display: inline; }
/*
.file-box.error-empty .error-empty {display: inline-block; }
.file-box.fc_error_over_max_files .over-max-files-error {display: inline-block; }
.file-box.fc_error_over_filesize_limit .over-filesize-limit-error {display: inline-block; }
*/