/* =============================================
 *
 *   FIXED RESPONSIVE NAV
 *
 *   (c) 2014 @adtileHQ
 *   http://www.adtile.me
 *   http://twitter.com/adtilehq
 *
 *   Free to use under the MIT License.
 *
 * ============================================= */

// body, div,
// h1, h2, h3, h4, h5, h6,
// p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
// fieldset, form, label, legend, th, td,
// article, aside, figure, footer, header, hgroup, menu, nav, section,
// summary, hgroup {
//   margin:0;
//   padding:0;
//   border:0;
// }

// a:active,
// a:hover {
//   outline:0;
// }

@-webkit-viewport { width:device-width; }
@-moz-viewport { width:device-width; }
@-ms-viewport { width:device-width; }
@-o-viewport { width:device-width; }
@viewport { width:device-width; }


/* ------------------------------------------
  RESPONSIVE NAV STYLES
--------------------------------------------- */
.nav-collapse ul {margin:0; padding:20px 0; width:100%; display:block; list-style:none; }
.nav-collapse li {width:100%; display:block; }

.js .nav-collapse {clip:rect(0 0 0 0); max-height:0; position:absolute; display:block; overflow:hidden; zoom:1; }

.nav-collapse.opened {max-height:9999px; }

.disable-pointer-events {pointer-events:none !important; }

.nav-toggle {-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none; }

	@media screen and (min-width:1025px) {
	  .js .nav-collapse {position:relative; }
	  .js .nav-collapse.closed {max-height:none; }
	  .nav-toggle {display:none; }
	}





/* ------------------------------------------
  FIXED HEADER
--------------------------------------------- */

header {background:#ffffff; position:fixed; z-index:20; width:100%; left:0; top:0; 
-webkit-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.10);
-moz-box-shadow:0px 2px 3px 0px rgba(0,0,0,0.10);
box-shadow:0px 2px 3px 0px rgba(0,0,0,0.10);}

	@media screen and (min-width:1025px) {
	  header > .container {/*text-align:center;*/ line-height:0;}
	}

/* ------------------------------------------
  MASK
--------------------------------------------- */

.mask {-webkit-transition:opacity 300ms; -moz-transition:opacity 300ms; transition:opacity 300ms; background:rgba(0,0,0,0.5); visibility:hidden; position:fixed; opacity:0; z-index:2; bottom:0; right:0; left:0; top:0; }
.android .mask {-webkit-transition:none; transition:none; }
.js-nav-active .mask {visibility:visible; opacity:1; }

	@media screen and (min-width:1025px) {
	  .mask {display:none !important; opacity:0 !important; }
	}


/* ------------------------------------------
  NAVIGATION STYLES
--------------------------------------------- */

.fixed {position:fixed; width:100%; left:0; top:0; }

.nav-collapse,
.nav-collapse * {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.nav-collapse,
.nav-collapse ul {list-style:none; width:100%; float:left; }

	@media screen and (min-width:1025px) {
		.nav-collapse {float:none; width:auto; display:inline-block!important;}
		.nav-collapse ul{padding:0}
	}

.nav-collapse li {float:left; width:100%; }

	@media screen and (min-width:1025px) {
		.nav-collapse li {width:auto; }
	}

.nav-collapse a {-webkit-tap-highlight-color:rgba(0,0,0,0); border-top:1px solid white; text-decoration:none; background:transparent; padding:1em 0; color:#003F85; width:100%; float:left; border-bottom: 1px solid #b7c9dd;}
.nav-collapse a:active,
.nav-collapse .active a {background:transparent; color:#003F85;}

	@media screen and (min-width:1025px) {
		.nav-collapse a {padding:0; margin:25px 40px 0 0; text-align:center; border-top:0; float:left; width:auto; line-height:60px; background:none; color:#173F86; text-transform:uppercase; font-size:18px; border-bottom: none;}
		.nav-collapse a:hover {color:#173F86; }
		.nav-collapse a:active,
		.nav-collapse .active a {background:none; }
	}
	@media screen and (min-width:1200px) {
		.nav-collapse a {margin-right:60px; font-size:20px;}
	}
	@media screen and (min-width:1600px) {
		.nav-collapse a {font-size:22px;}
	}

.nav-collapse ul ul a {background:#ca3716; padding-left:2em; }

	@media screen and (min-width:1025px) {
		.nav-collapse ul ul a {display:none; }
	}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

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

.nav-toggle {-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-decoration:none; text-indent:-300px; position:relative; overflow:hidden; width:24px; height:55px; float:right; margin-top:18px;}
.nav-toggle:before {color:#173F86; /* Edit this to change the icon color */ font:normal 28px/55px "responsivenav"; /* Edit font-size (28px) to change the icon size */ text-transform:none; text-align:center; position:absolute; content:"\2261"; /* Hamburger icon */ text-indent:0; speak:none; width:100%; left:0; top:0; }
.nav-toggle.active:before {font-size:24px; content:"\78"; /* Close icon */ }