/*!

 */
body fieldset,
body fieldset legend,
body table,
body table tbody td,
body table:not(.has-background) tbody td,
body table:not(.has-background) tbody tr:nth-child(2n) td {
    background-color: transparent;
}
body,
body a,
body p,
body span {
    color: var(--text-color);
}
*,
:focus,
:hover,
body *,
body :hover {
    outline: unset;
}
@font-face {
    font-family: hg-des;
    src:
        url("/fonts/centurygothic.woff2") format("woff2"),
        url("/fonts/centurygothic.woff") format("woff"),
        url("/fonts/centurygothic.ttf") format("truetype");
    font-weight: 100;
    font-display: swap;
    font-style: normal;
}

body,
body * {
    font-display: swap;
}
body h1,
body h2,
body h3,
body h4,
body h5 {
    font-weight: 400;
}
body,
html {
    margin: 0;
    padding: 0;
    background: #fff;
}
body * {
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1em;
}
body a:focus,
body button:focus,
body input:focus,
body textarea:focus {
    outline: 0;
}
h1 {
    margin-top: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    font-family: 'hg-des';
    line-height: normal;
    overflow-x: hidden;
    font-size: 12px;
    font-weight: 100;
}
p,
span {
    line-height: 1.2;
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none;
}
body table {
    border-collapse: collapse;
}
footer,
header {
    background: 0 0;
}
:root {
    --text-color: #000;
    --border-color: #000;
    --gcol : #173A03;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body label {
    font-family: 'hg-des';
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body a {
    text-decoration: unset;
}
main *{
    line-height: 1.5;
    text-align: center;
}
h1{
    font-size: 3.7em;
    margin-bottom: .25em;
}
p, a{
font-size: 1.42em;
}
.des-grid *{
    color: #fff;
}
.des-grid .hg-an-ob-l.w-color{
    color: #fff;
}
.des-grid{
    z-index: 2;
}
.des-grid a{
    margin-top: .5em;
    position: relative;
    display: block;
}

#logo svg path{
    fill: #fff;
}
.active-page .preloaad-bg{
    opacity: 0;
}
.active-page #miocn path{
    fill: #2D3A97;
}
.preloaad-bg{
    background: #2D3A97;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}
main::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #151516;
    opacity: .5;
}
main::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    width: 100%;
    height: 50%;
background: #151516;;
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    opacity: .5;
}
main{
    position: relative;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-image: url(/img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
#logo svg{
    height: 13em;
    width: auto;
}
.hg-fl.sl-links a{
    margin: .5em;
}
.hg-fl.sl-links{
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
}
.cont-items{
    margin-top: 60px;
}
img{
    width: 120px;
    height: auto;
    margin: 60px auto;
    position: relative;
}
@media only screen and (min-width:1301px) and (max-width: 1690px){
 img{
    width: 90px;
    height: auto;
    margin: 20px auto;
    position: relative;
}  
#logo svg{
    height: 10em;
    width: auto;
} 
}
@media only screen and (min-width:1024px) and (max-width: 1300px){
 img{
    width: 45px;
    height: auto;
    margin: 20px auto;
    position: relative;
}  
#logo svg{
    height: 10em;
    width: auto;
} 
h1{
    font-size: 2em;
    margin-bottom: .25em;
}
p, a{
font-size: 1.2em;
}
}
@media only screen and (min-width:1px) and (max-width: 1023px){
body{
    font-size: 11px;
}

img{
    width: 65px;
    height: auto;
    margin: 27px auto;
    position: relative;
}


h1{
    font-size: 2em;
    margin-bottom: .25em;
}
p,a{
    font-size: 1.2em;
}

main{
    position: relative;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    background-image: url(/img.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
}
}