/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-paint-format:before {
  content: "\e90c";
}
.icon-price-tags:before {
  content: "\e936";
}
.icon-lifebuoy:before {
  content: "\e941";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-floppy-disk:before {
  content: "\e962";
}
.icon-drive:before {
  content: "\e963";
}
.icon-database:before {
  content: "\e964";
}
.icon-bubbles3:before {
  content: "\e96f";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-user-check:before {
  content: "\e975";
}
.icon-quotes-left:before {
  content: "\e977";
}
.icon-quotes-right:before {
  content: "\e978";
}
.icon-hour-glass:before {
  content: "\e979";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-wrench:before {
  content: "\e991";
}
.icon-equalizer:before {
  content: "\e992";
}
.icon-equalizer2:before {
  content: "\e993";
}
.icon-cog:before {
  content: "\e994";
}
.icon-cogs:before {
  content: "\e995";
}
.icon-hammer:before {
  content: "\e996";
}
.icon-magic-wand:before {
  content: "\e997";
}
.icon-aid-kit:before {
  content: "\e998";
}
.icon-bug:before {
  content: "\e999";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-trophy:before {
  content: "\e99e";
}
.icon-leaf:before {
  content: "\e9a4";
}
.icon-rocket:before {
  content: "\e9a5";
}
.icon-meter:before {
  content: "\e9a6";
}
.icon-lab:before {
  content: "\e9aa";
}
.icon-target:before {
  content: "\e9b3";
}
.icon-shield:before {
  content: "\e9b4";
}
.icon-power:before {
  content: "\e9b5";
}
.icon-switch:before {
  content: "\e9b6";
}
.icon-power-cord:before {
  content: "\e9b7";
}
.icon-clipboard:before {
  content: "\e9b8";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-cloud-check:before {
  content: "\e9c4";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-heart:before {
  content: "\e9da";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-info:before {
  content: "\ea0c";
}
.icon-cancel-circle:before {
  content: "\ea0d";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-embed:before {
  content: "\ea7f";
}
.icon-embed2:before {
  content: "\ea80";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-rss2:before {
  content: "\ea9c";
}
.icon-github:before {
  content: "\eab0";
}
.icon-basecamp:before {
  content: "\eab2";
}
.icon-linkedin:before {
  content: "\eac9";
}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.wrap {
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

body {
	-webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-family: "omnes-pro",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.9rem;
	color: #404040;
	background-color: #fff;
	line-height: 1.5;
}

/* Header */

.logo {
	font-size: 3rem;
    color: #222;
    font-family: "proxima-nova",sans-serif;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

section#header {
	padding: 0;
}

#header {
	border-bottom: 1px solid #ddd;
}

ul.top-nav {
	margin-top: 0;
}

ul.top-nav>li>a {
	color: #404040;
    text-decoration: none;
    font-size: 1rem;
    padding: 10px;
    display: block;
}

#main-menu {
	border-bottom: 1px solid #ddd;
}

.navbar-main,
section#main-menu {
	background-color: #fff;
}

.navbar-main {
	float: right;
	min-height: 0 !important;
}

#main-menu .navbar-nav {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.navbar-main .navbar-nav>li>a {
	display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding: 2rem;
    font-size: 2rem;
    color: #222;
}

.navbar-main .navbar-nav>li:last-child {
    border-right: none;
}

.navbar-main .navbar-nav>li {
    display: inline-block;
    border-right: 1px solid #ddd;
}

.navbar-collapse.collapse {
	display: inline-block !important;
}


/* Footer */
section#footer {
	text-align: center;
    padding: 2%;
    background-color: #fff;
    color: #404040;
    font-size: 1.9rem;
    line-height: 1.5;
}

section#footer a {
    color: #404040;
    text-decoration: underline;
}

section#footer a:hover {
    color: #000;
}

.footer-social {
    margin-bottom: 1rem;
}

.footer-social a {
    display: inline-block;
    margin: 0 0.6rem;
    font-size: 2.2rem;
    text-decoration: none !important;
    color: #404040;
    transition: color 0.2s;
}

.footer-social a:hover {
    color: #000;
}