.mt0{margin-top: 0!important;}
.text-white{color: #fff!important;}
.text-orange{color: #ff6900!important;}

#off_header{background-color: rgba(0,0,0,.9);margin-top: -4px;position: relative;z-index: 10;}

.navbar-wrapper{background-color:rgba(255,255,255,.9);}
#js-bootstrap-offcanvas li a{font-size: 13px;}
#js-bootstrap-offcanvas li.active{ position: relative;}
.navbar-nav > li > a{padding: 18px 15px 10px;}
.navbar-default .navbar-nav > li > a{padding: 15px;color: #333;}
.navbar-default .navbar-nav > .translate-now > a{color: #333;}
.navbar-default .navbar-nav > .translate-now > a, .navbar-default .navbar-nav > .translate-now > a:hover, .navbar-default .navbar-nav > .translate-now > a:focus{background-color:transparent;}
.navbar-default .navbar-nav > li > a:focus,.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > .translate-now > a:hover, .navbar-default .navbar-nav > .translate-now > a:focus{color:#ff6900!important;background-color: #eeeeee;}

.offcanvas-toggle{background-color: transparent;}
.navbar-toggle{margin-right: 0; margin-top: 12px!important;}
.navbar-toggle .icon-bar + .icon-bar{margin-top: 3px;}
.container-fluid{padding-left: 0;padding-right: 0;}

.close-menu-wrap{padding: 5px 15px;min-height: 45px;}
.close-menu-btn{border: none;padding:0;margin-bottom: 0;margin-top: 0;background-color: transparent!important;position: relative;}
.close-menu-wrap .log-in{ position: relative; top: -2px; text-decoration: none!important;}

#js-bootstrap-offcanvas li.translate-now a .header-upload-icon{position: relative;display:inline-block;height: 15px;width: 19px;top:2px;margin-left: 3px;background: url("https://customer.tasheelexpress.com/template/tasheelexpress/outside/images/header-upload-icon.svg") no-repeat 0 -3px / 18px auto;}
#js-bootstrap-offcanvas li.translate-now a:hover .header-upload-icon{background-position: 0 -21px;}
#js-bootstrap-offcanvas .navbar-toggle{padding: 0!important;}

.navbar-nav > li.start-free .btn{padding: 5px 15px;color: #fff !important;border-bottom: none!important;}
.navbar-nav > li.start-free .btn:active,.navbar-nav > li.start-free .btn:focus,.navbar-nav > li.start-free .btn:hover{background-color: #e86349!important;border-color:#e86349!important;color: #fff !important;}

.navbar-logo{position: relative;z-index: 1;}
.navbar-logo .Tasheel Express-logo{margin-top:8px; height: 36px;}
.text-light{color: #666;}
.text-light:hover,.text-light:focus,.text-light:active{color: #ff6900!important;}

.top-bar-al-r{text-align: right; margin-top: 15px; padding: 0; padding-right: 4px;}
.top-bar-al-l{ text-align: left; margin-top: 15px; padding: 0;}
.close-thin-icon{margin-top: -12px;right: 15px; width: 11px;position: absolute;top:50%;z-index: 1000;}
.isStuck-con{position: relative;}
.isStuck-con .con-wrap{height: 50px; color:#999;}

.show-mobile{display: none!important;}
.hidden-mobile{display: block!important;}
.navbar-right{margin-right: 0!important;}
.navbar-offcanvas .dropdown > a::before{top: 20px!important;}
.navbar-offcanvas .dropdown-menu > li > a,.navbar-offcanvas .mega-menu .menu > li > a{border-bottom-color:#2a2a2a;color: #ddd;}
.navbar-offcanvas .dropdown-menu > li > a:active,.navbar-offcanvas .dropdown-menu > li > a:hover,.navbar-offcanvas .dropdown-menu > li > a:focus{background-color: #262626!important;border-bottom-color:#2a2a2a;color: #ff6900;}
.navbar-offcanvas .dropdown-menu > li > a{padding: 10px 15px 10px 30px;}
.navbar-offcanvas .dropdown > a::before{right: 16px!important;}
.btn-dark{color: #aaa!important;}

/*menu-pc style*/
.show-pc-menu{padding-right: 15px;}
.show-pc-menu li{float: left;}
.show-pc-menu li a{font-size: 13px;}
.show-pc-menu .navbar-nav > li.start-free{padding-left: 10px;}
.show-pc-menu .navbar-nav > li.start-free .btn{padding: 6px 15px;color: #fff !important;border-bottom: none!important;}
.show-pc-menu .navbar-nav > li.start-free .btn:active,.show-pc-menu .navbar-nav > li.start-free .btn:focus,.show-pc-menu .navbar-nav > li.start-free .btn:hover{background-color: #e86349!important;border-color:#e86349!important;}
.show-pc-menu li.translate-now a .header-upload-icon{position: relative;display:inline-block;height: 15px;width: 19px;top:2px;margin-left: 3px;background: url("https://customer.tasheelexpress.com/template/tasheelexpress/outside/images/header-upload-icon.svg") no-repeat 0 -3px / 18px auto;}
.show-pc-menu li.translate-now a:hover .header-upload-icon{background-position: 0 -21px;}

@media (max-width: 375px) {
    .close-thin-icon{right: 21px!important;}
}
@media (max-width:767px){
    .top-bar-al-r{text-align: center; padding: 0;  margin-top: 10px; }
    .top-bar-al-l{ text-align: center; padding: 0;  margin-top: 0;}
}
@media (max-width: 980px) {
    .close-thin-icon{right: 22px;}
}
@media (max-width: 991px) {
    .show-mobile{display: block!important;}
    .hidden-mobile{display: none!important;}
}
@media (max-width: 3000px) {
    /*.navbar-wrapper .container{width: 100%!important;}*/
    .navbar.navbar-default{margin: 0;}
    .navbar-offcanvas .start-free{margin: 10px!important;}
    .navbar-offcanvas .start-free .btn{padding: 10px 15px!important;}
    .navbar-offcanvas .navbar-default .navbar-nav > li.start-free .btn:active,.navbar-offcanvas .navbar-default .navbar-nav > li.start-free .btn:focus,.navbar-offcanvas .navbar-default .navbar-nav > li.start-free .btn:hover{background-color: #e86349!important;border-color:#e86349!important;}
    .navbar-offcanvas .navbar-default .navbar-nav > li.start-free{padding-left: 0!important;}
    .navbar.navbar-default{border-radius: 0!important;background-color: #222;border-color: #222;}
    .navbar-default .navbar-nav > li > a{color: #ddd;border-bottom: 1px solid #373737;}
    .navbar-default .navbar-nav > .translate-now > a{color: #ddd;}
    .navbar-default .navbar-nav > li > a{border-bottom: 1px solid #2a2a2a;}
    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{background-color: #333!important;}
    #js-bootstrap-offcanvas li.translate-now a .header-upload-icon{background-position: 0 -40px;}
}