@font-face {
     font-family: 'trend_sansone';
    src: url('../font/latinotype_-_trendsansone-webfont.eot');
    src: url('../font/latinotype_-_trendsansone-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/latinotype_-_trendsansone-webfont.woff2') format('woff2'),
         url('../font/latinotype_-_trendsansone-webfont.woff') format('woff'),
         url('../font/latinotype_-_trendsansone-webfont.ttf') format('truetype'),
         url('../font/latinotype_-_trendsansone-webfont.svg#trend_sansone') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'din_lightregular';
    src: url('../font/din-light-webfont.eot');
    src: url('../font/din-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/din-light-webfont.woff2') format('woff2'),
         url('../font/din-light-webfont.woff') format('woff'),
         url('../font/din-light-webfont.ttf') format('truetype'),
         url('../font/din-light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
svg:not(:root) {
  overflow: hidden;
}

.ie9 img[src*=".svg"] {
  width: 100%; 
}
/* 2 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src*=".svg"] {
    width: 100%; 
  }
}

::-moz-selection { 
    color: #daa661;
    background: #000
}

::selection {
    color: #daa661;
    background: #000;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  height:100%;
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
  font-family: 'din_lightregular';
  background:url(../images/bg1.jpg) no-repeat;
  height:100%;
  background-size:cover;
  overflow-x:hidden;

  }

.uk-navbar {
	background:none;
	margin-top:20px;
}

section ul {
	list-style:none;
	font-size:1.8em;
}

section ul li {
	margin:7px 0;
}
	
section ul li i {
	margin-right:10px;
}

.uk-navbar-nav > li > a, .uk-nav-offcanvas > li > a{
	text-shadow:none;
	color:#fff;
	font-family: "trend_sansone";
	transition: all 0.5s ease;
	font-size:16px;
}

.uk-navbar-nav > li > a:active, .uk-navbar-nav > li > a:hover, .uk-navbar-nav > li > a:focus {
	background:rgba(0,0,0,0.4);
	color:#fff;
}
footer {
	position:absolute;
	bottom:0;
	
}

footer a {
	color:#daa661;
	font-size:3em;
	margin:0 10px;
	transition: all 0.5s ease;
}

footer a:hover {
	color:#fff;
}

.uk-navbar-nav > li > a:hover {
	cursor:pointer;
}

.uk-navbar-brand {
	min-width:350px;
	height:auto;
	margin-right:25px;
}

.uk-navbar-nav  {
	margin-top:30px;
}

#preloader {
	 position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    z-index: 10001;
}

section {
	
	
	color:#f5f5f5;
	padding:25px;
	border-radius:2px;
	transition: all 0.5s ease;
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.6);
	
}



section img {
	max-width:420px;
}
h1 {
	color:#daa661;
	
	font-family: 'trend_sansone';
}

section p {
	font-size:1.714em;
	
	line-height:1.3;
	
}
section i  {
	font-size:3em;
	color:#daa661;
}
.animated {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.uk-navbar-brand, .uk-navbar-content, .uk-navbar-toggle {
	color:#fff;
	text-shadow:none;
	font-size:24px;
	z-index:888;
}

@media screen and (max-width:767px){
	body {
		font-size:11px;
		background-size:cover;
		background-position:center;
		height:auto;
		
		
	}
	footer {
		position:relative;
		margin-top:30px;
		
	}
	.uk-navbar-brand {
		width:280px;
		float:left;
		text-align:center;
		
	}
	
	.uk-navbar-brand img {
		width:280px;
		float:left;
	}
	h1 {
		font-size:24px;
		line-height:1.3
	}
	
	section {
		padding:0;
		min-height:400px;
	}
	
	ul {
		padding:0;
	}
	
	}
@media screen and (min-width:1400px) {
	.uk-container {
		 max-width: 1300px;
	}