/*=========== Main Nav ===============*/
#swipeNav{position:relative;}

.main_nav{width:100%; margin:0; float:left; position:relative;}

.nav{margin:0; padding:0; text-align:center; font-size:0;}
.nav li{margin:0; padding:0; list-style:none; position:relative;}
.nav a{margin:0; padding:10px 10px; display:block; font:13px/18px 'proxima_nova_rgregular', Arial, Helvetica, sans-serif; color:#b5b7be; text-transform:uppercase; text-decoration:none; letter-spacing:2px; border-bottom:3px solid transparent;}
.nav ul{width:184px; z-index:10; box-shadow:4px 5px 0 rgba(255, 255, 255, 0.1);}
.nav li.selected a{color:#ffffff; border-bottom:3px solid #f97352;}

.nav > li{ display:inline-block; margin:0 0 0 22px;}
.nav > li:first-child{margin-left:0;}
.nav > li > a{padding:21px 15px 18px; color:#b5b7be;}
.nav > li > a:hover{color:#ffffff; text-decoration:none;}

.nav > li > .parent:after{content:"\f107"; display:inline-block; vertical-align:middle; margin-left:4px; font-family:'FontAwesome';}
.nav > li li > .parent:after{content:"\f105"; position:absolute; top:8px; right:10px; font-family:'FontAwesome';}

.nav li ul{position:absolute; left:-9999px;}
.nav > li.hover > ul{left:0;}
.nav li li.hover ul{left:100%; top:0;}
.nav li li a{background:#192136; z-index:100; color:#ffffff; border-top:1px solid #1f283f; text-align:left;}
.nav li li li a{background:#249578; z-index:200; border-top:1px solid #1d7a62; }
.nav li.hover > a.parent{color:#ffffff;}
.nav li li.selected a, .nav li.selected li a{border-bottom:none;}


#pull_nav{display:none; position:absolute; top:18px; left:-55px; z-index:8000;}
#menuBtn{float:left; position:relative; z-index:999; cursor:pointer; outline:0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease; 
}
.menu_link .n, .menu_link .g, .menu_link .s{display:block; width:28px; height:3px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.menu_link .g, .menu_link .s{margin-top:7px;}
#swipe_overlay{display:none;}
body.overf{overflow:hidden;}

@media screen and (max-width: 979px) {
#swipeNav{right:-240px; position:fixed; top:0; width:240px; height:100%; background:#192136; padding-top:60px; z-index:101;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
-webkit-overflow-scrolling: touch;
}
#swipeNav.open{right:0; overflow-y:auto;}

.nav{text-align:left;}
.nav > li{float:none; margin:0; display:block; border-bottom:1px solid #272e42;}
.nav > li:first-child{border-top:1px solid #272e42;}
.nav > li > a{padding:13px 10px; color:#b5b7bd; border-bottom:none;}
.nav > li > a:hover{color:#ffffff;}
.nav li.selected a{color:#ffffff; border-bottom:none;}
.nav li.hover > a.parent{color:#ffffff;}
.nav > li > a:before{content:"\f105"; font-size:14px; font-family:'FontAwesome'; float:right;}
	
.nav > li > .parent:after, .nav > li li > .parent:after{content:"\f105"; position:absolute; top:8px; right:10px;  font-family:'FontAwesome';
-webkit-transition: rotate 250ms ease;
  -moz-transition: rotate 250ms ease;
  -o-transition: rotate 250ms ease;
  transition: transform 250ms ease;
}
.nav > li.hover > .parent:after, .nav > li li.hover > .parent:after{transform: rotate(90deg);}

.nav ul{display:block; width:100%; box-shadow:none;}
.nav > li.hover > ul , .nav li li.hover ul{position:static;}
.nav li li a{font-size:12px; padding:6px 20px; background:#18418d;}

.main_nav{z-index:101; width:100%;}
#pull_nav{display:inline-block; padding:8px 8px 9px; background:#31a7df; border-radius:2px;}
#swipeNav.open #pull_nav{left:15px; padding:0; background:none;}
.menu_link .n, .menu_link .g, .menu_link .s{background:#ffffff;}
#swipeNav.open .menu_link .n, #swipeNav.open .menu_link .g, #swipeNav.open .menu_link .s{background:#ffffff;}
#swipeNav.open .menu_link .n{
-ms-transform: rotate(45deg) translate(7px, 7px);
-webkit-transform: rotate(45deg) translate(7px, 7px);
-moz-transform: rotate(45deg) translate(7px, 7px);
-o-transform: rotate(45deg) translate(7px, 7px);
transform: rotate(45deg) translate(7px, 7px); }
#swipeNav.open .menu_link .s{
-ms-transform: rotate(-45deg) translate(7px, -7px);
-webkit-transform: rotate(-45deg) translate(7px, -7px);
-moz-transform: rotate(-45deg) translate(7px, -7px);
-o-transform: rotate(-45deg) translate(7px, -7px);
transform: rotate(-45deg) translate(7px, -7px); }
#swipeNav.open .menu_link .g{
transform: scale(0);
visibility: hidden;
}
#swipe_overlay{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100; background-color:rgba(0,0,0, .7);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#swipe_overlay.in{display:block;}

.ph{position:relative; padding:4px 0 4px 35px; display:inline-block; margin-top:40px; font-size:22px;}
}