*:focus {outline: none;}
body {font-family: system-ui, sans-serif, Helvetica, Arial; font-size: 14px; background: #000; min-width: 320px;} 
input, select{margin: 6px 0;}
input{width:100%;}

h1{font-size: 26px; font-weight: 300; color: white}
h2{font-size: 24px;}
.ml2 {font-weight: 600; font-size: 1.59em; }
.ml2 .letter {display: inline-block; line-height: 1.2em; }
.tainer_1 {background: #474747;} 
.text-white{color:#f2f2f2;}
.btn-pdx {color: #fff; background-color: #444; border-color: #333; } 
.spot_btm{font-family: verdana, arial, helvetica, sans-serif; text-decoration: none; color: #777; text-shadow: none; font-size: 13px; margin: 4px; text-align: right;}
.spot_btm p{text-shadow: none;}
.spot_btm a{text-decoration: none; color: #bababa;}
.spot_btm a:hover{color: #777; background: #000;}
.btn-pdx {color: #fff; background-color: #444; border-color: #333;}
.btn-pdx:hover {color: #fff; background-color: #301e1e; border-color: #444; text-decoration: none;}
.btn-pdx:active {color: #000; background-color: #fff; border-color: #333;}
.lien:focus, .lien:hover {text-decoration: none; color: yellow; cursor: pointer;}
.lien{font-weight: 400; color: white;}

#myBtn {display: none; position: fixed; bottom: 124px; right: 1.2%; z-index: 99; }
.nav>li{padding: 8px 0;}
.navbar-nav {
    float: unset;
    margin: 0;
}
.navbar-header{
    background: #5c5c5c;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color: transparent;
    border-color: #337ab7;
}
.navbar-nav > li > a, .navbar-brand {
    font-family: system-ui, sans-serif, Helvetica, Arial; font-size: 15px;

}
.navbar-nav > li > a, .navbar-brand {padding-top:5px !important; height: 30px; color: #ccc}
.float-left{
    float: left;
}

a.memu {
    font-weight: 500;
    color: #ccc;
    font-size: 110%;
    padding: 0 4px;
}
.ssla{/*border-style: solid; border-width: 0px 0px 4px 0px;border-color: #222;*/ padding-bottom:4px;}
a.ssla:focus, a.ssla:hover {border-style: solid; border-width: 0px 0px 4px 0px;border-color: #e9ff00f2; padding-bottom:4px;}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: unset;
}

.fab, .far {
    font-weight: 400;
    font-size: 18.5px;
}
.wrapper{
    /*min-height: 100vh;*/
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; 
}
.wrapper .box {
    position: relative;
    width: 320px;
    height: 358px;
    box-shadow: 20px 20px 50px rgba(0,0,0,0.5);
    border-radius: 15px;
    margin: 12px 20px 61px 20px;
    /* display: flex; */
    display: block;
    justify-content: center;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,0.85);
    border-left: 3px solid rgba(255,255,255,0.66);
    backdrop-filter: blur(5px);
    transform-style: preserve-3d;
    transform: perspective(800px);
    /* background-size: cover; */
}
.membg-fr, .membg-de, .membg-en, .membg-it, .membg-ru, .membg-es{
    background-repeat: no-repeat;
    background-position-x: -100px;
    background-position-y: 0;
    background-size: 256px;
    /*border: 1px solid yellow;*/
    position: relative;
    top: -187px;
    height: 170px;
    width: 181px;
    margin-bottom: -214px;
    /*opacity: 0.88;*/
}
.membg-fr{
    background-image: url("/img/memo-trspa.png");
}
.membg-frbis{
    background-image: url("/img/memo-trspa-gris.png");
}
.membg-de{
    background-image: url("/img/memo-trspa.png");
}
.membg-en{
    background-image: url("/img/memo-trspa.png");
}
.membg-it{
    background-image: url("/img/memo-trspa.png");
}
.membg-ru{
    background-image: url("/img/memo-trspa.png");
}
.membg-es{
    background-image: url("/img/memo-trspa.png");
}
.grad-en{background: #003366;
    background: -moz-linear-gradient(45deg,  #003366 -1%, #cc0033 26%, #003366 40%, #003366 40%, #ffffff 49%, #ffffff 53%, #cc0033 64%, #cc0033 64%, #003366 83%, #cc0033 100%);
    background: -webkit-linear-gradient(45deg,  #003366 -1%,#cc0033 26%,#003366 40%,#003366 40%,#ffffff 49%,#ffffff 53%,#cc0033 64%,#cc0033 64%,#003366 83%,#cc0033 100%);
    background: linear-gradient(45deg,  #003366 -1%,#cc0033 26%,#003366 40%,#003366 40%,#ffffff 49%,#ffffff 53%,#cc0033 64%,#cc0033 64%,#003366 83%,#cc0033 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#cc0033',GradientType=1 );
}
.grad-fr{background: #003399;
background: -moz-linear-gradient(left,  #003399 0%, #ffffff 36%, #ffffff 67%, #ff3333 100%);
background: -webkit-linear-gradient(left,  #003399 0%,#ffffff 36%,#ffffff 67%,#ff3333 100%);
background: linear-gradient(to right,  #003399 0%,#ffffff 36%,#ffffff 67%,#ff3333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003399', endColorstr='#ff3333',GradientType=1 );
 } 

.grad-de{background: #000000;
background: -moz-linear-gradient(top,  #000000 0%, #000000 22%, #cc0000 38%, #cc0000 63%, #ffcc00 75%, #ffcc00 76%, #ffcc00 99%);
background: -webkit-linear-gradient(top,  #000000 0%,#000000 22%,#cc0000 38%,#cc0000 63%,#ffcc00 75%,#ffcc00 76%,#ffcc00 99%);
background: linear-gradient(to bottom,  #000000 0%,#000000 22%,#cc0000 38%,#cc0000 63%,#ffcc00 75%,#ffcc00 76%,#ffcc00 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffcc00',GradientType=0 );
} 

.grad-it{background: #009933;
background: -moz-linear-gradient(left,  #009933 0%, #ffffff 34%, #ffffff 66%, #cc3333 100%);
background: -webkit-linear-gradient(left,  #009933 0%,#ffffff 34%,#ffffff 66%,#cc3333 100%);
background: linear-gradient(to right,  #009933 0%,#ffffff 34%,#ffffff 66%,#cc3333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009933', endColorstr='#cc3333',GradientType=1 );

} 

.grad-ru{background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 25%, #003399 34%, #003399 62%, #cc3333 71%, #cc3333 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 25%,#003399 34%,#003399 62%,#cc3333 71%,#cc3333 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 25%,#003399 34%,#003399 62%,#cc3333 71%,#cc3333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cc3333',GradientType=0 );
} 

.grad-es{background: #cc0033;
background: -moz-linear-gradient(top,  #cc0033 0%, #ffcc00 35%, #ffcc00 65%, #ffcc00 65%, #cc0033 100%);
background: -webkit-linear-gradient(top,  #cc0033 0%,#ffcc00 35%,#ffcc00 65%,#ffcc00 65%,#cc0033 100%);
background: linear-gradient(to bottom,  #cc0033 0%,#ffcc00 35%,#ffcc00 65%,#ffcc00 65%,#cc0033 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0033', endColorstr='#cc0033',GradientType=0 );
}
.nomix{mix-blend-mode: normal;}


.diff{color: #ffffff; mix-blend-mode: difference; cursor: pointer;} 
.diff:hover{
    -webkit-animation: fadein 1s linear 1 normal forwards;
}
@-webkit-keyframes fadein{
    from{
       opacity: 1;
    }
    to{
        opacity: 0.82;
    }
}
.excl{color: #ffffff; mix-blend-mode: exclusion; cursor: pointer;}
.excl:hover,.diff:hover{
    -webkit-animation: fadein 1s linear 1 normal forwards;
}

@-webkit-keyframes fadein{
    from{
       opacity: 1;
    }
    to{
        opacity: 0.82;
    }
}

.dodge{mix-blend-mode: color-dodge;}
.mulitp{mix-blend-mode: multiply;}


.description{
   text-align: right;
}

.fira{
   font-family: 'Fira Code', monospace;  
}
.description h2{
    cursor: pointer;
    font-size:2.5rem;
    text-align: center;
    font-family: 'Acme', sans-serif;
    letter-spacing: 4px;
    margin-top:  48px;
}
.description p{
    margin:20px 10px;
    font-family: 'Fira Code', monospace;
}
.description ul{
    list-style: none;
    width:100%;
    display: flex;
    justify-content: space-evenly;
    margin:30px 0;
    padding:10px;
}
.list li{
    cursor: pointer;
    width:30px;
    height:30px;
}
i{
    color:#ccc;
    font-size: 1.5rem;
    transition: all 0.3s ease;
}
li:hover .fa-twitter{
    transform:translate3d(0,-10px,20px);
    color:#00acee;
}
li:hover .fa-youtube{
    transform:translate3d(0,-10px,20px);
    color:#00acee;
}
li:hover .fa-facebook{
    transform:translate3d(0,-10px,20px);
    color:#00acee;
}
li:hover .fa-github{
    transform:translate3d(0,-10px,20px);
    color:gray;
}
li:hover .fa-linkedin-in{
    transform:translate3d(0,-10px,20px);
    color:#077099;
}
.normal{}