
@font-face {
  font-family: proxima-semibold;
  src: url(../fonts/proxima_sv/ProximaNovaSemibold.otf);
}

.main-menu-navbar{
	background-color: #fff;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);
}
.main-menu-navbar .navbar-brand.js-scroll-trigger img{
	width: 50%;
}
.mobile-social-bar{
	position: fixed;
	top: 0;
	background-color: #222222;
	z-index: 91;
}
.mobile-social-bar ul{
	list-style: none;
	display: inline-block;
}
.mobile-social-bar ul li{
	padding: 5px;
	display: inline-block;
}
.mobile-social-bar ul li a{
	color: #ffffff;
}
.navbar{
	display: unset;
	padding: 0;
}
.menu-email-bar{
	background-color: #222222;
}
.menu-email p{
	padding-left: 15px;
}
.menu-email p a{
	color: #fff;
	text-decoration: none;
}
.menu-social ul li a{
	color: #fff;
}
.menu-sideline{
	position: relative;
}
.menu-sideline:before{
	content: "";
    position: absolute;
    height: 20px;
    width: 1px;
    background-color: #f7951e;
    top: 50%;
    right: 0;
	transform: translateY(-50%);
}
.menu-searchbtn{
	position: relative;
}
.menu-searchbtn i{
	position: absolute;
	top: 20px;
	font-size: 18px;
	right: 0;
}
.clr-40{
	color: #404040;
}
.active-link-in-header{
	color: #fed136 !important;
}

/*************************PROFILE HEADER MENU SECTION***********************/

.profile-menu-img{
	width: 35px;
	border-radius: 50%;
	height: 35px;
	object-fit: scale-down;
	background-color: #bec0c5;
}
.profile-menu-logout-li{
	align-self: center;
	margin-right: 30px;
}
.dropdown-menu-in{
    background: #fde7ca;
    border:0;
    top:95%;
    border-radius:0px 0px 5px 5px;
    min-width: auto;
    left: -75%;
}
.dropdown-item:hover{
    background:#f8991f;
    color:#fff;
}
.dmenu:hover .sm-menu{
    display: block;
}

.tooltip-inner {
  font-size: 15px;
  padding: 10px 15px 10px 20px;
  background: #f8991f;
  color: #fff;
}

.tooltip.show {
  opacity: 1;
}

.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #f8991f;
}


@media (min-width:768px) and (max-width:1024px){
	
}
@media (min-width:768px) and (max-width:991px){
	.navbar{
		top: 25px;
	}
	header.masthead{
		/*background-size: 127% 126%;*/
	}
}
@media (min-width:481px) and (max-width:767px){
	.navbar{
		top: 25px;
	}
	header.masthead{
		background-size: 270% 125%;
	}
}

@media only screen and (max-width:480px){
	.navbar{
		top: 25px;
	}
	header.masthead{
		/*background-size: 270% 125%;*/
	}
}





/*NEW MOBILE NAVBAR MENU*/

/*header{position:relative;width:100%;background:#333;}*/
.mobile-view-logo{position:relative;z-index:123;padding:10px;font:18px verdana;color:#6DDB07;float:left;width:15%}
.mobile-view-logo a{color:#6DDB07;}
/*nav{position:relative;width:980px;margin:0 auto;}*/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{font-family:sans-serif;background:#fff}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{
	padding:17px;
	font-size:14px;
	letter-spacing:1px;
	text-decoration:none;
	color:#ddd;
	font-weight:700;
	font-family: proxima-semibold;
}
#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color:#fff}
#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#f99a20!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{
	padding-right:30px;
	font-family: proxima-semibold;
    font-size: 14px;
}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

@media only screen and (max-width:991px){
.mobile-menubar-header{
	margin-top: 24px !important;
	display: unset;
	padding: 0;
	right: 0;
	left: 0;
	z-index: 1030;
	top: 0px;
	position:fixed;
	width: 100%;
	background: #fff;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
}
.mobile-menubar-header-ul{
	padding-left: 0px;
	height: 550px;
	overflow: scroll;
	max-height: 550px;
}
.mobile-view-logo{
	position:unset;
	width:100%;
	height:unset;
	text-align:left;
	padding-bottom: 10px;
	float:unset;
}
.mobile-view-logo img{
	width: 34%;
}
.logo2{display:none}
/*nav{width:100%;}*/
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none;background-color: #333;}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{
	color:#ddd;
	background:none;
	font-family: proxima-semibold;
    font-size: 14px;
}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{
	display:block;
	/*padding:23px;*/
	color:#ddd;
	font-size:12px;
	font-weight:700;
}
.menu-view-button{width:55px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994;}
.menu-view-button:after{position:absolute;top:22px;right:20px;display:block;height:8px;width:20px;border-top:2px solid #333;border-bottom:2px solid #333;content:''}
.menu-view-button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:20px;display:block;height:2px;width:20px;background:#333;content:''}
.menu-view-button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#333;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-view-button.menu-opened:before{top:23px;background:#333;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:49px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
}

@media (min-width:768px) and (max-width:991px){
	.mobile-view-logo img{
	width: 12%;
}
}