/* TOP NAV STYLE STARTS */
.menu {position: fixed;right:10px; top: 10px;height: 40px; width: 40px; z-index: 1100; background:none; outline: 0; padding: 0; border: 0; -webkit-transition: 0.4s -webkit-transform linear;  transition: 0.4s transform linear;-webkit-transition: .4s ease;-moz-transition:  .4s ease;-o-transition:  .4s ease;transition:  .4s ease;}
.menu:focus{outline: 0;box-shadow: none;}
.bar, .bar::before, .bar::after {position: absolute;top: 50%;left: 0;right: 0;height:1px; background:#B2661C; margin: auto; width: 80%;content: ''; -webkit-transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s -webkit-transform linear; transition: 0.2s background linear 0.1s, 0.2s top linear 0.2s, 0.2s transform linear;}
.bar { margin-top: -2px;height: 1;background:#B2661C;}
.bar::before { top: -7px;}
.bar::after { top: 7px;}
.bar::before, .bar::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.active .bar { background: 0;}
.active .bar::before {  background: #fff;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.active .bar::after { background: #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.active .bar::before, .active .bar::after { top: 0;}
.active .bar, .active .bar::before, .active .bar::after { -webkit-transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s -webkit-transform linear 0.2s; transition: 0.2s background linear 0.1s, 0.2s top linear, 0.2s transform linear 0.2s;}
.navslide {width: 220px; height: 100%; background:rgba(0, 0, 0, 1);  padding-top:50px;position: fixed; right: 0; top:0;-webkit-transform: translateX(220px); -ms-transform: translateX(220px); transform: translateX(220px); -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91); transition: transform 0.6s cubic-bezier(0.56, 0.1, 0.34, 0.91); z-index: 1050;}
.menu-open nav { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.navslide ul { margin: 0;list-style: none;padding: 0;}
.navslide ul li a { padding: 10px 20px 10px 30px;font-size:14px; display: block;color: #fff!important;text-transform: uppercase;}
.navslide ul li.active a{color: #ff6041!important}
.navslide ul li a:hover, .navslide ul li a:focus{color:#051143;text-decoration: none;cursor: pointer;
transition: all 0.4s ease;}
header button:focus{outline: 0;}
.navslide ul li ul{margin-left: 15px;}

/* TOP NAV STYLE ENDS */


@media only screen and (min-device-width : 768px) and (max-device-width : 991px){
	.menu{top:18px;}
	.navslide {width: 300px; height: 100%;  -webkit-transform: translateX(1100px); -ms-transform: translateX(1100px); transform: translateX(1100px);padding-top: 100px;}
	.navslide ul li{margin-bottom: 10px;}
	.navslide ul li a{padding-left: 50px;font-size: 18px;}
}

body.menu-open{position: relative;overflow: hidden;}
body.menu-open::after{background-color: rgba(0,0,0,.5);content: "";position: absolute;top:0;bottom: 0;left: 0;right: 0;}