html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:top
}

html {
scroll-behavior:smooth
}

body {
display:flex;
flex-direction:column;
width:100%;
min-height:100vh;
font-family:"Raleway",sans-serif;
font-size:14px;
font-optical-sizing:auto;
font-weight:300;
font-style:normal;
font-variation-settings:wdth 100;
line-height:1.2;
letter-spacing:.4px;
color:#fff;
background-color:#252525;
padding:0!important;
overflow-y:scroll
}

header,main,nav,section,content,div,a,footer {
display:block;
box-sizing:border-box
}

b {
font-weight:600
}

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

i {
line-height:inherit!important;
-webkit-font-smoothing:antialiased
}

content {
flex:1;
display:flex;
flex-direction:column
}

section {
position:relative;
width:calc(var(--vw,1vw) * 100);
max-width:1200px;
padding:0 40px;
margin:0 auto
}

nav {
position:fixed;
top:0;
width:100%;
height:60px;
line-height:60px;
background:#2a2a2a;
background:linear-gradient(120deg,#2a2a2aff 0%,#2a2a2aff 50%,#3b342bff 100%);
box-shadow:0 0 20px #000c;
z-index:999
}

.wrap {
display:flex;
justify-content:space-between
}

.mobilemenu {
display:none
}

.navblock {
display:flex;
justify-content:center;
align-items:center;
height:60px
}

.navlogo {
position:relative;
width:200px
}

.navlogo a {
display:flex;
justify-content:center;
align-items:center;
position:absolute;
top:0;
left:0;
height:70px;
width:200px;
background:#2a2a2a;
box-shadow:0 0 20px #000c;
border-left:2px solid #755643;
border-right:2px solid #755643;
border-bottom:2px solid #755643;
border-radius:0 0 8px 8px
}

.navlogo img {
height:40px;
width:200px
}

.navmenu {
display:flex;
justify-content:center;
width:calc(100% - 488px - 40px)
}

.navmenu a {
padding:0 8px;
margin-right:18px;
box-shadow:inset 0 -2px 0 #755643
}

.navmenu a:hover {
box-shadow:inset 0 -2px 0 #fff
}

.navtg {
width:44px
}

.navtg a i {
font-size:22px;
margin-right:0
}

.navbtn {
width:200px
}

.btn {
width:100%;
height:40px;
line-height:40px;
text-align:center;
background:#755643;
font-weight:600;
border-radius:4px
}

.btn:hover {
background:#564236
}

.btn i {
margin-right:2px
}

.btn.max i {
margin-right:0;
font-size:14px
}

.main {
margin-top:60px;
flex:1;
display:flex;
align-items:center
}

.main .wrap {
width:100%;
display:flex;
justify-content:center
}

.mainblock {
display:flex;
width:100%;
justify-content:center;
flex-direction:column;
position:relative;
max-width:740px;
padding:40px;
margin:20px 0;
box-shadow:0 0 40px #1f1f1f;
border:2px solid #755643;
border-radius:8px;
background:#2a2a2a;
background:linear-gradient(120deg,#2a2a2aff 0%,#2a2a2aff 50%,#3b342bff 100%);
outline:none
}

.mainblock img {
display:block;
height:100px
}

.mainline {
height:2px;
background:#755643;
margin:40px 0
}

.maintext {
display:block
}

footer {
background:#191716
}

footer .wrap {
flex-wrap:wrap
}

.footblock {
display:flex;
justify-content:space-between;
width:100%;
padding:20px 0
}

.footblock:last-child {
border-top:1px solid #2b2821
}

.footlinks {
display:flex;
justify-content:space-between
}

.footlogo {
width:200px
}

.footlogo img {
height:40px;
width:200px
}

.footdesc {
display:flex;
align-items:center;
width:calc(100% - 488px - 40px);
border-left:2px solid #755643;
padding-left:20px;
font-family:'Merriweather',sans-serif;
line-height:1.4
}

.foottg {
width:44px
}

.foottg a i {
font-size:22px;
margin-right:0
}

.footbtn {
width:200px
}

.footbot {
font-size:10px;
color:#B2B4B3
}

.footbot a {
display:inline-block;
color:#a97859;
text-decoration:underline;
margin-right:10px
}

.footbot a:hover {
color:#fff;
text-decoration:none
}

.footbot a i {
margin-right:4px
}

.footbotlogo {
display:flex;
flex-wrap:wrap;
flex-direction:column;
justify-content:space-between;
width:200px
}

.footbotlogo img {
width:190px;
margin:8px 0
}

.footbotdesc {
width:calc(100% - 200px - 10px);
padding-left:20px
}