@font-face {
    font-family: '11452';
    src: url(../fonts/11452.otf);
}

@font-face {
    font-family: 'gardensc';
    src: url(../fonts/gardensc.otf);
}

@font-face {
    font-family: 'dinnext';
    src: url(../fonts/DINNext.otf);
}

@font-face {
    font-family: 'B52';
    src: url(../fonts/B52.ttf);
}

@font-face {
    font-family: 'roboto-light';
    src: url(../fonts/roboto-light.ttf);
}

@font-face {
    font-family: 'roboto-regular';
    src: url(../fonts/roboto-regular.ttf);
}

body {
    margin: 0;
    padding: 0;
}


body *::selection {
background: #fff2a8;
}

body *::-moz-selection {
background: #fff2a8;
}

/*------------------------------------------------------------------------------
 1111111111111111111111111111
 -------------------------------------------------------------------------------
 LOGO - MENU - FOOTER
 ---------------------------*/

.home_container {
/*    background-color: #eae6d3;*/
        background-color: #fff;
}

.uki {
/*    background: #a3bcff;*/
    background: url(../img/fonlogo1.jpg);
    background-size: auto 240px;
}

.uki img {
    margin: 2% 0 0 0;
    width: 80%;
}

.mobile_langs {
    margin: 0;
    padding: 0;
    width: 20vw;
    height: 10vh;
    background: transparent;
    float: left;
    text-align: center;
    font-family: 'roboto-regular';
    font-size: 3vh;
    color: #a3bcff;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}


.mobile_langs *{
 margin: 0;
 padding: 0;
}
.mobile_langs ul,
.mobile_langs ol{
 list-style: none;
}
.mobile_langs > ul{
 display: flex;
 justify-content: center;
}
.mobile_langs > ul li{
 position: relative;
}
.mobile_langs > ul li a{
 display: block;
 
 padding: 50px;
/* color: #606062;*/
 color: #a3bcff;
 text-decoration: none;
 transition: all 0.3s ease;
}
.mobile_langs li a:hover{
 color: #ffffff;
 transition: all 0.3s ease;
}

/*sub menu*/
.mobile_langs li ul{
 position: absolute;
 min-width: 100%;
 display: none;
}
.mobile_langs li > ul li a{
 padding: 50px;
 text-transform: none;
 background: #e4e4e5;
}
.mobile_langs li:hover > ul{
 display: block;
}

.warinukraine {
    padding: 2%;
    border: 10px solid #bb2649;
    margin-left: 2%;
    margin-right: 2%;
    font-family: "Arial";
    color: #242424;
    font-size: 30pt;
    font-weight: 400;
    text-align: left;
}

.warinukraineimg img {
    width: 48.5%;
}

.warinukraine img {
    width: 48.5%;
}
/*---------------------------------------------------------------------------*/

#menu {
    background-color: #eae6d3;
    padding-top: 1%;

}

#menu a {
    font-family: "11452";
    font-size: 30pt;
/*    font-size: 4vh;*/
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    color: #453D37;
    display: block;
    opacity: 0.8;
    line-height: 8vh;
}

#menu a:hover {
    color: #2d2a45;
}

.homemain p {
    margin-left: 2%;
    margin-right: 2%;
/*    font-family: "gardensc";*/
    font-family: "Arial";
    font-style: normal;
    font-weight: 300;
    color: #242424;
    /*font-size: 2vh;*/
    font-size: 26pt;
    text-align: left;
}

.homemain img {
    margin-bottom: 2%;
    width: 100%;
    opacity: 0.8;
}

.changelangs {
    visibility: hidden;
    display: none;
}

.contact {
    margin: 0;
    padding: 0;
    background-color: #a3bcff;
    display: flex;
    justify-content: center;
    text-align: left;
    color: white;
    font-family: gardensc;
    font-size: 4vh;
    color: #ffffea;
    line-height: normal;
}

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

.contact img {
    width: 8%;
}

.footer {
    height: 4vh;
    font-family: "dinnext";
    font-size: 2vh;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
}

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



/*--------------------------------------------------------------------------------
 2222222222222222222222222222
 ---------------------------------------------------------------------------------
 page Kits history 1992-2018
 ---------------------------*/



#history_content {
    background-color: #fff;
}

#history_h1 {
    margin-top: 2%;
    font-family: "B52";
    color: #453D37;
    text-align: center;
    font-size: 5vh;
}

#history_h1 img {
    opacity: 0.7;
    margin: 4% 0;
    width: 96%;
}

#history_text {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 2vh;
    text-align: left;
    line-height: 4vh;
}

#history_center {
    font-family: "B52";
    color: #453D37;
    text-align: center;
    font-size: 4vh;
}

.history_book h4 {
    font-size: 2vh;
}

.history_book p {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    font-size: 2vh;
    line-height: 4vh;
    text-align: left;
}

.history_book img {
    width: 96%;
}

p {
    padding: 0 1% 0 1%;
}

.history-pictures-desc {
    font-family: 'gardensc';
    color: #453D37;
    text-align: center;
    font-size: 20pt;
}


/*--------------------------------------------------------------------------------
 3333333333333333333333333333
 ---------------------------------------------------------------------------------
 page MY COLLECTION
 ---------------------------*/



#collection_content {
    background-color: #fff;
}

.collection_shirts p {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 2vh;
    text-align: left;
    line-height: 4vh;
}

#collection_h1 {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 2vh;
    text-align: left;
    line-height: 4vh;
}

.collection_shirts {
    margin: 0 auto;
    text-align: center;
}

.collection_shirts img {
    opacity: 0.9;
    width: 45%;
}

.collection_shirts p {
    font-size: 4vh;
    font-size: 2vh;
    text-align: left;
    line-height: 4vh;
}



/*---------------------------------------------------------------------------------
 4444444444444444444444444444
 ----------------------------------------------------------------------------------
 page MATCHES
 ---------------------------*/



#matches_content {
    background-color: #fff;
}

.matches_center p {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 3vh;
    text-align: center;
    line-height: 4vh;
}

.matches_text p {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 20pt;
    text-align: left;
    line-height: 4vh;
}

.matches_center em {
    font-size: 0.65vh;
}

.matches_text a {
    color: #453D37;
    text-decoration: none;
    transition: all 0.3s ease;
}


.matches_text a:hover {
    background-color: #fff2a8;
}

.table {
    text-align: center;
}

/*---------------------------------------------------------------------------------
 4444444444444444444444444444
 ----------------------------------------------------------------------------------
 page OPPONENTS
 ---------------------------*/



#opponents_content {
    background-color: #fff;
}

.opponents_center p {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 3vh;
    text-align: center;
    line-height: 4vh;
}

.opponents_center em {
    font-size: 0.65vh;
}



/*--------------------------------------------------------------------------------
 5555555555555555555555555555
 ---------------------------------------------------------------------------------
 page SCORES
 ---------------------------*/



#scores_content {
    background-color: #fff;
}

.scores_center {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 3vh;
    text-align: center;
    line-height: 4vh;
}

.scores_text {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    color: #453D37;
    font-size: 3vh;
    text-align: left;
    line-height: 4vh;
}

.scores_center em {
    font-size: 0.65vh;
}



/*--------------------------------------------------------------------------------
 66666666666666666666666666666
 ---------------------------------------------------------------------------------
 page LOOKING FOR
 ---------------------------*/


#lookingfor_content {
    background-color: #fff;
}

.lookingfor_h1 {
    margin-top: 2%;
    font-family: 'gardensc';
    color: #453D37;
    text-align: center;
    font-size: 4vh;
}

#lookingfor_center {
    font-family: 'gardensc';
    color: #453D37;
    text-align: center;
    font-size: 4vh;
    background-color: #fff;
}

.lookingfor_book h4 {
    font-size: 2vh;
}

.lookingfor_book p {
    margin-left: 2%;
    margin-right: 2%;
    font-family: 'gardensc';
    font-size: 14pt;
    line-height: 4vh;
    text-align: left;
}

.lookingfor_book img {
    width: 40%;
}