/*=========== Main Nav ===============*/
#swipeNav{}

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


.nav{margin:0; padding:0; text-align:left; font-size:0;}
.nav li{margin:0; padding:0; list-style:none; position:relative;}
.nav a{margin:0; padding:12px 10px; display:block; font:normal 17px/20px "Times New Roman", Times, serif; color:#635b5b; text-transform:uppercase; text-decoration:none;}
.nav ul{width:200px; z-index:10;/* box-shadow:4px 5px 0 rgba(51, 41, 36, 0.3);*/}
.nav li.selected a{border-bottom-color:#485ea2;}

.nav > li{ display:inline-block; margin:0 0 0 30px;}
.nav > li:first-of-type{margin-left:0;}
.nav > li > a{padding:10px 0; color:#555555; border-bottom:3px solid transparent;}
.nav > li > a:hover{color:#485ea2; text-decoration:none;}

.nav > li > a:before{content:""; position:absolute; left:50%; bottom:0; height:3px; width:0%; border-bottom:3px solid #485ea2;	
-webkit-transition: all .25s  ease-in;
-moz-transition: all .25s  ease-in;
-ms-transition: all .25s  ease-in;
-o-transition: all .25s  ease-in;
transition: all .25s  ease-in;
}
.nav > li:hover > a:before{left:0%; width:100%; border-bottom:3px solid #485ea2;}

.nav > li > .parent:after{content:"\f0d7"; display:inline-block; vertical-align:middle; margin-left:4px; margin-top:-6px; font-family:'FontAwesome'; font-size:14px;}
.nav > li.hover > .parent:after{transform: rotate(180deg);}
.nav > li li > .parent:after{content:"\f0da"; 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:#ffffff; z-index:100; font-size:12px; color:#444444; text-align:left; border-top:1px solid #e0e0e0;}
.nav li li li a{background:#f6f6f6;}
.nav li li a:hover{color:#ffffff; background:#05bedf;}
.nav li li:first-child > a{border-top:none;}
.nav li.hover > a.parent{color:#555555;}
.nav li li.hover > a.parent{color:#ffffff; background:#05bedf;}

#pull_nav{display:none; position:absolute; top:100px; left:-65px; 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;}

@media screen and (max-width: 979px) {
#swipeNav{right:-240px; position:fixed; top:0; width:240px; height:100%; background:#667ec2; padding-top:60px; padding-bottom:40px; z-index:999;
-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 > li{float:none; display:inherit; margin:0; border-bottom:1px solid #889acb; text-align:left;}
.nav > li > a{padding:12px 10px; color:#ffffff; border-bottom:none;}
.nav > li > a:hover{color:#333333;}
.nav > li > a:before{display:none;}
.nav li.selected a{color:#333333;}
.nav li.hover > a.parent{color:#05bedf; font-weight:bold;}
.nav li.category{display:block;}
.nav > li:nth-child(4){margin-left:0;}


/*.nav li > a.parent{display:inline-block; width:85%;}*/
.nav li > a.parent{display:block;}
/*.nav > li > .parent:after, .nav > li li > .parent:after{content:"\f105"; position:absolute; top:15px; right:10px;  font-family:'FontAwesome'; width:20px; height:20px; text-align:center; color:#ffffff; line-height:20px; background:#1c588c; pointer-events:none;}*/
.nav > li > .parent:after, .nav > li li > .parent:after{content:"\f105"; position:absolute; top:15px; right:10px;  font-family:'FontAwesome'; pointer-events:none;}
.nav > li li > .parent:after{top:10px;}

.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.hover ul{margin:0;}
.nav li li{background:#e4e4e4;}

.nav li li a{font-size:12px; color:#555555; padding:10px 20px; background:none; border-color:#c1bfbf;}
.nav li li li a{padding:10px 30px;}
.nav li li a:hover{color:#333333; background:none;}
.nav li li li a:hover{color:#333333; background:none;}
.nav li li.hover > a.parent{color:#fff;}

.main_nav{z-index:101; width:100%;}
#pull_nav{display:inline-block; padding:8px 8px 9px; background:#05bedf; border-radius:2px;}
#swipeNav.open #pull_nav{left:15px; padding:0; background:none; top:18px;}
.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;}
body.overf{overflow:hidden;}

#swipeNav .member{width:100%; margin:30px 0; float:right; text-align:center;}
#swipeNav .member a{display:inline-block;}
}

#swipeNav::-webkit-scrollbar{
    background: #363218;
    width: 5px;
}
#swipeNav::-webkit-scrollbar-thumb{
    background: #F6AD20;
}


/*::-webkit-scrollbar {width: 8px; height:8px; }
::-webkit-scrollbar-track {-webkit-box-shadow: inset 1px 1px 2px #E0E0E0;border: 1px solid #D8D8D8;}
::-webkit-scrollbar-thumb {background: #F88C00;-webkit-box-shadow: inset 1px 1px 2px rgba(155, 155, 155, 0.4);}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow: inset 1px 1px 10px rgba(0,0,0,0.3);}
::-webkit-scrollbar-thumb:active {background: #888;-webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.3);}*/