/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

  
@font-face {
  font-family: "BebasNeue-Regular";
  src: url("../fonts/BebasNeue-Regular.eot");
  src: url("../fonts/BebasNeue-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeue-Regular.woff") format("woff"), url("../fonts/BebasNeue-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }



/*clear for iphone*/
*, body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-focus-ring-color: rgba(0, 0, 0, 0);
  outline: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

html {
  height: 100%; }

input::-webkit-input-placeholder {
  color: #102268; }

input::-moz-placeholder {
  color: #102268; }

input:-ms-input-placeholder {
  color: #102268; }

input:focus::-webkit-input-placeholder {
  color: transparent; }

input:focus::-moz-placeholder {
  color: transparent; }

input:focus:-ms-input-placeholder {
  color: transparent; }

a {
  color: #E1B87F;
  background-color: transparent;
  text-decoration: underline;
  transition: all .2s ease-out; }

a, a:hover, a:focus, a:active {
  outline: none; }

a:hover, a:focus {
  text-decoration: none; }

img {
  max-width: 100%;
  border: none; }

*, *:before, *:after {
  box-sizing: border-box; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

body {
  line-height: 1;
  font-family: "Montserrat", serif;
  font-size:clamp(0.8rem, -0.875rem + 8.333vw, 1rem);
  line-height: 140%;
  color: #FFF;
  background: url(../i/bg_main.jpg) 50% 50% no-repeat #04030b;
  background-size:cover;
  overflow-x: hidden;
  text-align:left;
}

.header{
	height:60px;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(20px);
}
.header .shaddow{
	background:rgba(0,0,0,0.5);
	height:60px;
	text-align:right;
	display:flex;
	justify-content:end;
	padding:0 5%;
}
.menu, .social{
	
}
.menu ul, .social ul{
	list-style:none;
	display:inline-block;
	line-height:60px;
}
.menu ul li, .social ul li{
	list-style:none;
	text-decoraton:none;
	text-transform:uppercase;
	padding:0 45px;
	display:inline-block;
	line-height:30px;
}
.social ul li{
	padding:0 10px;
}
.menu ul li a, .social ul li a{
	text-decoration:none;
	color:#fff;
	font-size:14px;
	line-height:30px;
}
.social ul li a{
	display:block;
	width:30px;
	height:30px;
}
.social ul li a img{
	width:30px;
	height:30px;
	margin:15px 0 0;
}
.menu ul li a:hover, .social ul li a:hover{
	color:#E1B87F;
}

.main{
	margin: 10% 130px 0;
    max-width: 1400px;
    padding:0 3%;
}
.main .logo{
	margin:0 0 5%;
}
.main .logo img{
	width:200px;
	height:75px;
}
._orange{
	color:#F17400;
}
.main .title{
	text-transform:uppercase;
	font-size:clamp(3rem, -0.875rem + 8.333vw, 4.5rem);
	line-height:100%;
	font-family: "BebasNeue-Regular", Arial, serif;
	max-width:800px;
	margin:0 0 5%;
}
.main .title b{
	color:#E1B87F;
	font-weight:normal;
}
.main .text{
	max-width:800px;
	font-size:clamp(1rem, -0.875rem + 8.333vw, 1rem);
}
.main .text p{
	margin:0 0 24px;
}
.main .btn a{
	display:inline-block;
	background:#F17400;
	color:#fff;
	text-decoration:none;
	border-radius:50px;
	text-align:center;
	text-transform:uppercase;
	padding:12px 55px;
}
.main .btn a:hover{
	background:#FFF;
	color:#050D24;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
}


@media (max-width: 640px) {
	body {
  		background-position-x:42%;
	}
  	.main{
		margin: 25% 15px 0;
		
	}
	.main .logo{
		margin:0 auto 60px;
	}
	.main .logo img{
		width:200px;
	}
	.main .title{
		margin:0 0 40px;
	}
	.main .text p{
	}
	.main .text {
    	margin: 0 auto;
    	padding:0 0 50px;
	}
	.menu ul li{
		padding:0 10px;
	}
	.header .shaddow{
		justify-content:space-between;
	}
}