/* TOP NAV STYLE STARTS */
.menu {position: fixed;right:15px; top: 15px;height: 16px; width: 22px; z-index: 1100; background: 0;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;height:2px;    margin: auto; width: 100%;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: 6px;} */
.headerscroll .bar{margin-top: 0px;}
.bar::before { top: -6px;}
.bar::after { top: 6px;}
.bar::before, .bar::after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
.menu.active .bar{background-color: transparent;}

.active .bar { background: 0;}
.active .bar::before {  background: #000;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.active .bar::after { background: #000; -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:#005ca9;  padding-top:60px;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 { display: block;text-transform: uppercase;}
.navslide ul li.active a{}
.navslide ul li a:hover, .navslide ul li a:focus{ background-color: #F04923;color:#fff;text-decoration: none;cursor: pointer;
transition: all 0.4s ease;}
header button:focus{outline: 0;}

/* 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;}