html,body{margin: 0;height: 100%;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; background-color: #fed;}
a{color:#555;}
a:active,a:link,a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}

input,textarea,select{border:none;outline:none;}
*,:after,:before{box-sizing:border-box;}

.win{max-width:1200px;margin:0 auto;padding:10px;}

.win_fon_1{background:rgba(255,255,255,.2);color:#150700;}
.win_fon_2{background:rgba(5,5,5,.7);color:#fed;text-shadow: 1px 0 1px #000}

.div_fon_1{background-image:url(/tmp/img/bg_line.png);background-size:70px;background-position:center center;background-attachment:fixed;}
.div_fon_2{background-image:url(/tmp/img/fon2.jpg);backface-visibility:hidden;background-repeat: no-repeat;background-size:cover;background-position: center center;background-attachment: fixed;}

#nav{position:fixed;background:rgba(5,10,15,.7);z-index:4; width:100%;min-height: 25px; border-bottom: 0.2px solid #777;}
#nav .win{ text-align: right; padding:0 50px 0 0;}
#nav li{list-style:none; display: inline-block;}
#nav ul{margin:0;padding:0;}
#nav li a{color:#fff;font-size:13px;text-transform:uppercase;padding:5px 20px; display: block;}
#nav li a:hover{text-decoration:underline;}
#nav li:hover ul{display:block;padding:4px 5px;animation:nav .5s linear;}
@keyframes nav{from{opacity:0;}to{opacity:1;}}
#nav li ul{position:absolute;z-index:3;min-width:227px;display:none;background:rgba(5,10,15,.8);}
#nav li ul li{float:none;display: block;text-align: left; }
#nav li ul li a{padding:7px 8px;font-size:14px;border:none;}
#nav li ul li a:hover{color: #fff;}
@media screen and (max-width:900px){
	#nav .win{ text-align:center; padding:0;}
}
@media screen and (max-width:550px){
	#nav li a{padding:5px .5vw;font-size: 11px;}
}

header{height: 100%;background: center 100% url(/tmp/img/header.svg) no-repeat, center 0% / cover url(/tmp/img/header_3.webp) no-repeat;}
header div{ max-width: 1150px; margin: 0 auto;}
header div p{color: #fff;}

header .d1{ padding-top: 55px;}
header .d1 a,header .d1 a:link,header .d1 a:visited{color: #fff;font-size: 16px;text-decoration:none;}
header .d1 a:active,header .d1 a:hover{text-decoration:underline;}
header .d1 .logo{ border: 0;padding-left:5px;padding-left:80px;}
header .d1 .logo:hover{text-decoration:none;}
header .d1 a:nth-child(1){ font-size: 30px;text-shadow: 1px 1px 1px #000;}
header .d1 a:nth-child(2){ padding-left:80px;text-shadow: 1px 1px 1px #000;}
header .d1 a:nth-child(3){ padding-left:50px;text-shadow: 1px 1px 1px #000;}
header .d1 a:nth-child(4){ float: right; padding: 13px 20px 11px; border: 1px solid #AA8632; background-color:rgba(170, 134, 50, 0.2); font-weight: bold; margin-top: -10px;transition-duration: .5s;}
header .d1 a:nth-child(4):hover{ background-color:rgba(170, 134, 50, 0.7); text-decoration:none;}


header .d2 p:nth-child(1){font-size: 15px;}
header .d2 p:nth-child(2){font-size: 36px;font-weight: bold;text-transform: uppercase; text-shadow: 1px 1px 3px #000;}
header .d2 p:nth-child(3){font-size: 14px;font-weight: bold;text-transform: uppercase;color: #e3b957; text-shadow: 1px 1px 1px #000;}

header .d3 p{text-transform: uppercase;color: #fff; font-weight: bold;font-size: 12px; text-shadow: 1px 1px 1px #000;}
header .d3 p:nth-child(2){font-size: 11px; line-height: 16px;}
header .d3 p:nth-child(2) b{font-size: 45px; line-height: 70px; display: block; }

@media screen and (min-width:1200px){
header{position: relative;}
header .d2 p:nth-child(1) i{ position: absolute; height: 35px; border: 2px solid #AA8632;margin-left: -56px; }
header .d2 p:nth-child(1){ font-size: 17px; line-height: 25px; padding-left: 50px; position: absolute; top: calc(50% - 170px); left: calc(50% - 570px); width: 200px; }	
header .d2 p:nth-child(2){ font-size: 60px; line-height: 90px; position: absolute; top:250px; left: calc(50% - 570px); width: 650px;}
header .d2 p:nth-child(3){ font-size: 16px; line-height: 30px; position: absolute; top:420px; left: calc(50% - 50px); width: 350px;letter-spacing: 2px}


header .d3 p:nth-child(1){ position: absolute; bottom: 50px; left: calc(50% - 570px); }		
header .d3 p:nth-child(2){ position: absolute; bottom: 50px; left: calc(50% + 450px); width: 120px; height: 130px;  }
header .d3 p:nth-child(2) i{ position: absolute; height: 35px; border: 2px solid #AA8632;margin: -150px 0 150px 121px; }

} 
@media screen and (max-width:1200px){
header{height: 540px;background: center 80% / 5000px url(/tmp/img/header.svg) no-repeat, center 0% / cover url(/tmp/img/header_3.webp) no-repeat;}
header div{max-width: 950px;}
header .d1 a:nth-child(1) img{ max-width: 200px;}
header .d1 a:nth-child(4){font-weight:normal;font-size: 14px; margin-right: 5px;}

header .d2 p:nth-child(1) i{ position: absolute; height: 25px; border: 2px solid #AA8632;margin-left: -26px;}
header .d2 p:nth-child(1){ font-size: 17px; line-height: 25px; padding: 30px 0 0 20px; }
header .d2 p:nth-child(2){ padding-left: 20px; }
header .d2 p:nth-child(3){ padding: 0 0 20px 20px; }

header .d3 p:nth-child(1){ padding-left: 20px; }	
header .d3 p:nth-child(2){  float: right; width: 120px; height: 130px; margin: -100px 0 100px 20px;  }
header .d3 p:nth-child(2) i{ position: absolute; height: 35px; border: 2px solid #AA8632;margin: 50px 0 -50px 121px;}		
}
@media screen and (max-width:960px){ header{height: 480px;}}
@media screen and (max-width:900px){ 
header{background: center 0% / cover url(/tmp/img/header_3.webp) no-repeat}
header .d1 a:nth-child(2){ position: absolute; left: calc(50% - 50px); top: 50px; padding-left:0;}
header .d1 a:nth-child(3){ position: absolute; left: calc(50% - 50px); top: 70px; padding-left:0;}
header .d2 p:nth-child(1){ padding:0; }
header .d2 p:nth-child(2){ padding-left:0;line-height:normal; }
header .d2 p, header .d3 p{text-align: center;}	
header .d3 p:nth-child(2){  float:none; width: 100%; height:inherit; margin:0;  }
header .d3 p:nth-child(2) i,header .d2 p:nth-child(1) i{display: none}
}

@media screen and (max-width:650px){	
header {height: auto; padding-bottom: 0px;}	
header .d1 { padding-top:70px; text-align: center;}
header .d1 a:nth-child(1){ text-align: center; padding-left:0;display: block; margin-bottom: 20px; }	
header .d1 a:nth-child(1) img{max-width:90%; margin: 0 auto;}	
header .d1 a:nth-child(2), header .d1 a:nth-child(3){ position: inherit; text-align: center; float: none; display: block;padding-left:0; padding: 5px 0}
header .d1 a:nth-child(4){ float:none;margin-top:0; margin: 10px auto; display:inline-block; }
}
@media screen and (max-width:500px){ header{background: center 0% / cover url(/tmp/img/header_3.webp) no-repeat;}}



footer{background-color: #181716; width: 100%;min-height: 100px;margin: 0 auto;color: #8c8c8c; text-align: center;}
footer .win{padding: 20px 0;}
footer h4{font-size: 30px; float: left; color: #fff; margin: 15px;}
footer p{font-size: 20px; color: #fff; display: inline-block; margin: 20px;}
footer p img{margin: 0 5px;}
footer button{ float: right; color: #fff; font-size: 20px; background-color: inherit; padding: 10px 25px; border: 1px solid #AA8632; font-weight: bold; margin: 10px 10px 0;transition-duration: .5s;}
footer button:hover{ background-color:rgba(170, 134, 50, 0.7); text-decoration:none;}
@media screen and (max-width:900px){
	footer .win{padding: 1px 0;}
	footer h4{float: none; margin: 20px 0 0 0; display: block;}
	footer p{ display: block; margin:20px 0 0 0; }
	footer button{float: none; margin: 20px auto 40px auto; display: block;}
}
.footer{background-color:#31343D;margin: 0;padding: 1px 0; min-height: 30px;}
.footer .win{padding: 1px 0;}
.footer div p{color:#999; font-size: 15px; margin: 0; padding: 5px 10px;}
.footer div p:nth-child(1){float: left;}
.footer div p:nth-child(2){float:right;}
@media screen and (max-width:500px){
	.footer div p:nth-child(1),.footer div p:nth-child(2){float: none; text-align: center; }
}