.nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;
    cursor: pointer; float: right; margin-top: 20px;}
.nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #fff; border-radius: 0px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;}
.nav-icon span:nth-child(1) {top: 0px;}
.nav-icon span:nth-child(2),.nav-icon span:nth-child(3) {top: 7px;}
.nav-icon span:nth-child(4) {top: 14px;  }
.nav-icon.open span:nth-child(1) {top: 21px;width: 0%; left: 50%;}
.nav-icon.open span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);  }
.nav-icon.open span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);  }
.nav-icon.open span:nth-child(4) {top: 18px; width: 0%; left: 50%; }

.mobile-nav {position: fixed; top: 80; left: 0; width: 100%; z-index: 999; overflow-y: scroll; overflow: auto; height: 100%; padding-top: 0;}
.mobile-nav ul {height: 100%; -webkit-overflow-scrolling: touch;}
.mobile-nav li ul {display: none; border-bottom: 1px solid #d4d1d1; height: 100%; -webkit-overflow-scrolling: touch;}
.mobile-nav li li ul {border-bottom: none; height: 100%; -webkit-overflow-scrolling: touch;}
.mobile-nav li {list-style: none; position: relative;}
.mobile-nav li a {display: block; background: #f1f1f1; padding: 15px 50px 15px 15px; text-decoration: none; color: #000; text-transform: uppercase; font-size: 80%; border-bottom: 1px solid #d4d1d1; border-top: 1px solid #fbfbfb;}
.mobile-nav li li a {padding: 10px 50px 10px 30px; background: #fbfbfb; border: none; color: #000;}
.mobile-nav li li li a {padding-left: 50px;}
.mobile-nav li li li li a {padding-left: 70px;}
.mobile-nav li li li li li a {padding-left: 90px;}
.mobile-nav li.selected a {color: #d1000c;}
.mobile-nav li.selected li a {color: #000;}
.mobile-nav li li.selected li a {color: #000;}
.mobile-nav li li li.selected li a {color: #000;}
.mobile-nav li li li li.selected li a {color: #000;}
.mobile-nav li li.selected a {color: #d1000c;}
.mobile-nav li li li.selected a {color: #d1000c;}
.mobile-nav li li li li.selected a {color: #d1000c;}
.mobile-nav li li li li li.selected a {color: #d1000c;}
.mobile-nav li span {display: none;}
.mobile-nav li li.children li span {display: none!important;}
.mobile-nav li.children span {position: absolute; top: 0; right: 0; background: url(../images/expand.png) no-repeat center center; width: 54px; height: 54px; display: block; cursor: pointer;}
.mobile-nav li.children li span {display: none; height: 42px; width: 54px;}
.mobile-nav li.children li.children span {display: block;}
.mobile-nav li li li.children span {display: block!important;}
.mobile-nav li li li.children li span {display: none!important;}
.mobile-nav li li li li.children span {display: block!important;}
.mobile-nav li li li li.children li span {display: none!important;}

.mobile-nav li.selected ul {display: block;}
.mobile-nav li.selected li ul {display: none;}
.mobile-nav li li.selected ul {display: block;}
.mobile-nav li li.selected li ul {display: none;}
.mobile-nav li li li.selected ul {display: block;}
.mobile-nav li li li.selected li ul {display: none;}
.mobile-nav li li li li.selected ul {display: block;}
.mobile-nav li li li li.selected li ul {display: none;}