@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);

@font-face {font-family: 'segoeui';
	font-style: normal;
	font-weight: normal;
	src: local('segoeui'), local('segoeui'), url('fonts/segoeui.ttf') format('truetype');
	}

@font-face {font-family: 'MyriadPro';
	font-style: normal;
	font-weight: normal;
	src: local('MyriadPro'), local('MyriadPro'), url('fonts/MyriadPro.woff') format('woff'), url('fonts/MyriadPro.ttf') format('truetype');
	}

@font-face {font-family: 'Pristina';
	font-style: normal;
	font-weight: normal;
	src: local('Pristina'), local('Pristina'), url('fonts/pristina.woff') format('woff'), url('fonts/pristina.ttf') format('truetype');
	}

/* main Styles */

html { box-sizing: border-box; }

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

a { text-decoration: none; }

.container {
  width: 980px;
  margin: auto;
}

/* Navigation Styles */

nav { background: #fff; }

nav ul {
  z-index:100;
  font-size: 0;
  margin: 0;
  padding: 0;
  font-family: MyriadPro, sans-serif;
}

nav ul li {
  display: inline-block;
  position: relative;
}

nav ul li a {
  color: #303030;
  display: block;
  font-size: 20px;
  padding: 15px 21px;
  transition: 0.3s linear;
}

nav ul li:hover { background: #f1f1f1; }

nav ul li ul {
  border-bottom: 5px solid #09BCE8;
  display: none;
  position: absolute;
  width: 250px;
}

nav ul li ul li {
  border-top: 1px solid #444;
  display: block;
}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {
  background: #606060;
  display: block;
  padding: 10px 14px;
  font-size: 18px;
  color: #fff;
}

nav ul li ul li a:hover { background: #303030; }

nav .fa.fa-angle-down { margin-left: 6px; }