/*--Main Section*/
*
{
    box-sizing: border-box;
    margin: 0px; padding: 0px;
}
body
{   
    background-color: #666;
    font-family: Verdana, Arial, Sans-Serif; 
}
@font-face 
{
    font-family: myEarthOrbiter;
    src: url(../App_Font/Earthorbiter.ttf);
}
/*--Header Section--*/
header
{
    position: fixed; z-index: 2;
    top: 0px; left: 0px; right: 0px; 
    height: 70px; margin: auto; background-color: #000; 
}
section.band 
{
    display: flex; 
    flex-direction: column; flex: 1;
    margin: auto; width: 1080px; min-width: 1080px; height: 70px;
}
div.top
{
    display: flex; flex: 1; 
    align-items: center; padding-top: 5px;
}
/*--Logo--*/
div.logo
{
    flex: 1000px; display: flex;
    color: #ffd700;
}
div.logo img
{
    height: 21px; cursor: pointer;
}
/*--Lang--*/
div.lang 
{
    flex: 80px;
    text-align: right; 
}
div.lang input
{
    cursor: pointer; margin-left: 5px;
}
/*--Menu--*/
nav
{
    display: flex; flex: 1; align-items: center;
    font-size: 16px; font-family: myEarthOrbiter, Verdana, Arial, Sans-Serif;
}
ul.menu_lst
{
    display: flex; flex: 1000px; 
    list-style: none; 
}
ul.menu_log
{
    display: flex; flex: 80px;
    justify-content: flex-end; list-style: none; 
}
a.menu_lnk, a.menu_bck
{
    color: #fff; margin-right: 50px; 
    text-decoration: none; cursor: pointer; white-space: nowrap;
}
a.menu_lnk.active 
{
    color: #ffd700 !important;
}
a.menu_log
{
    color: #fff;
    text-decoration: none; 
}
a.menu_lnk:hover, a.menu_log:hover, a.menu_bck:hover
{
    color: #ffd700;
}

/*--Body Section--*/
div.main
{
    margin: auto; padding: 70px 0px 0px 0px;
}
section.block
{
    display: flex;
    flex-direction: row; justify-content: center;
    height: 90vh; width: 100%; min-height: 550px; min-width: 1080px;
}
section.strip
{
    display: flex; width: 1080px; 
}

/*--Footer Section--*/
footer
{
    display: flex; 
    background-color: #000; min-width: 1080px; 
    margin: auto; height: 440px; justify-content: center;
}
footer section.strip
{
    flex-direction: column; 
}
footer div.row
{
    display: flex; flex: 1; 
    justify-content: space-between;
}
footer div.row:nth-child(1)
{
    flex-basis: calc(100% - 60px); 
}
footer div.row:nth-child(2)
{
    flex-basis: 60px;
    border-top: 1px solid transparent;
    border-image: linear-gradient(to right, #8f6B29, #FDE08D, #DF9F28);
    border-image-slice: 1;
}
footer div.row div.col
{
    display: flex;
    flex-direction: column;
    margin: 20px 0px; width: auto;
    align-items: center; 
}
footer div.row div.col div.link_col
{
    display: flex; flex: 1;
    flex-direction: column;
}
footer div.row div.col:nth-child(1)
{
    align-items: flex-start;
}
footer div.row div.col:nth-child(4)
{
    align-items: flex-end;
}
footer div a
{
    cursor: pointer;
    font-size: 10pt; width: auto;
    text-decoration: none; color: #fff;
}
footer div a:hover
{
    color: #ffd700;
}
footer a.link_tit
{
    font-weight: bold; color: #ffd700;
}
footer a.link_mnu
{
    margin-top: 30px;  
}
footer div.row:nth-child(2) div.col:nth-child(1)
{
    align-items: flex-start;
}
footer div.row:nth-child(2) div.col:nth-child(2)
{
    align-items: flex-end;
}