.sub-menu-box.sub-menu-box .hd-title {
	font-size:20px;
	line-height:24px;
	color:#ffffff;
	margin-bottom:25px;
	text-transform:capitalize;
	text-align:left;
	background:none !important;
	padding:0 !important;
}
.sub-menu-box .hd-title:hover {
	color:#231714; background:#ffffff !important;
	padding:15px !important;
}
@media (min-width:1200px) {
.nav-main ul > li .nav-item:hover .sub-menu-box {
	opacity:1;
	 z-index:99;
	 top:120%;
	transform:scale(1);
	-webkit-transform:scale(1);
	height:auto;
}
.nav-main ul > li a.expand-main:hover {
	position:relative;
	background:#57bf35;
	color:#ffffff;
	box-shadow: 0px 18px 14px -10px #c0bfbf;
	-webkit-box-shadow: 0px 18px 14px -10px #c0bfbf;
	z-index:999; 
}
.nav-main ul > li .nav-item:hover a.expand-main {
	background:#57bf35;
	color:#ffffff;
}
.nav-main ul > li .nav-item:hover a.expand-main:after {
	background-position:-14px -10px;
}

.nav-main ul > li a.main:hover {
	position:relative;
	background:#57bf35;
	color:#ffffff;
}
.nav-main ul > li a.expand-main:hover:after {
	background-position:-14px -10px;
}
.nav-main ul > li { margin-left:2px; }
.nav-main ul > li:furst-child { margin-left:0; }
.nav-main ul > li .nav-item:hover a.expand-main:before  {
	width: 43px; 
	height: 20px;
	background:url(../images/arrow-bottom.png) no-repeat; 
	position:absolute;
	bottom:-20px; left:40%;
	content:'';
	opacity:0;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	z-index:999;
	opacity:1;
}
.nav-main ul > li a.expand-main:before {
	width: 43px; 
	height: 20px;
	background:url(../images/arrow-bottom.png) no-repeat; 
	position:absolute;
	bottom:-20px; left:40%;
	content:'';
	opacity:0;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	z-index:999;
}
.nav-main ul > li a.expand-main:hover:before {
	opacity:1;
}
.sub-menu-box {
	position:absolute;
	left:5%;
	top:-100%;
	width:90%;
	height:0;
	padding:20px 10px 10px;
	background:#ffffff;
	z-index:99;
	-webkit-box-shadow: 0 8px 6px -6px #666666;
	-moz-box-shadow: 0 8px 6px -6px #666666;
	box-shadow: 0 8px 6px -6px #666666;
	opacity:0;
	transition:all 0.7s ease 0s;
	-webkit-transition:all 0.7s ease 0s;
	z-index:-1;
	transform:scale(0);
	-webkit-transform:scale(0);
	    border: #c3c3c3 solid 1px;
}
.sub-menu-box:before {
    position: absolute;
    width: 100%;
    height: 8px;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    /*box-shadow: inset rgba(102,102,102,0.6) 0 8px 6px -6px;*/
}
}

@media (min-width:980px) {
.nav-main ul > li { display:inline-block; text-transform:uppercase; }
.nav-main ul > li:first-child {
	margin-left:0;
}
.nav-main ul > li a {
	font-size: 16px;
	color: #1a1a1a;
	padding:25px;
	transition: all 1s ease 0s;
	-webkit-transition: all 1s ease 0s;
	position: relative;
	font-weight:700;
	display:inline-block;
}

.nav-main ul > li a.expand-main {
	position:relative;
}
.nav-main ul > li a.expand-main:after {
	width:11px; 
	height: 6px; 
	position:absolute;
	right:10px;
	top:47%;
	background:url(../images/arrow-typ.png) no-repeat;
	content:'';
}
.nav-main ul > li a.expand-main.submenu-open:after {
	width:11px; 
	height: 6px; 
	position:absolute;
	right:10px;
	top:47%;
	background:url(../images/arrow-typ.png) no-repeat;
	background-position:-14px 0;
	content:'';
}

/*SUBMENU*/
.sub-menu-listing ul li {
    display: inline-block;
    width: 30%;
    margin-right: 2%;
    margin-top: 20px;
    text-align: left;
    vertical-align: top;
}
.sub-menu-listing ul li:first-child { margin-left:0; }
.sub-menu-listing ul li:nth-child(4n+1) {
	margin-left:0;
}
.sub-menu-listing ul li:nth-child(1),
.sub-menu-listing ul li:nth-child(2),
.sub-menu-listing ul li:nth-child(3){
	margin-top:0;
}
.sub-menu-listing ul li a {
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	padding:5px;
	padding-bottom:10px;
	border-bottom:1px solid #c3c5c5;
	display:block;
	min-height: 40px;
}
.sub-menu-listing ul li a:hover {
	background:#f5f5f5;
}
.sub-menu-listing ul li a .text-sec {
	color:#1a1a1a;
	font-weight:300;
	display:inline-block;
	margin-left:10px;
	font-weight:700;
}
.sub-menu-listing ul li a:hover .text-sec {
	color: #231714;
}
.nav-sub-title-hd {
	font-size:30px;
	line-height:34px;
	color:#000000;
	font-weight:900;
	text-transform: capitalize;
	padding-bottom:10px;
	border-bottom:5px solid #e7e8e8;
	-webkit-border-bottom:5px solid #e7e8e8;
	margin-bottom:15px;
}
.sub-menu-box .img-lnk-row-box {
	display:table; width:100%;
}
.sub-menu-box .img-lnk-row-box .img-box {
    display: table-cell;
    vertical-align: top;
    width: 25%;
}
.sub-menu-box .img-lnk-row-box .lnk-row-box {
	display:table-cell; vertical-align:top;
	padding-left:20px;
}
.topbar-wrapper {
	position:relative;
	box-shadow: 0 8px 6px -6px #a0a0a0;
	z-index:9;
	padding-top: 9px;
	border-bottom: #58bc36 solid 2px;
}
/*.topbar-wrapper.topbar-shadow {
	box-shadow:none;
}*/
.topbar-shadow .border-bottom-typ {
	position:absolute;
	left:0; bottom:0;
	height:1px; width:100%;
	background:url(../images/strip-typ.png) repeat-x left top;
	z-index:999;
}
.midbar-slider-box {
	 box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.8);
}
.topbar-wrapper.shadow-switch .border-bottom-typ {
	position:absolute;
	left:0; bottom:0;
	height:1px; width:100%;
	background:url(../images/strip-typ.png) repeat-x left top;
	z-index:999;
}
/*.topbar-wrapper.shadow-switch {
	box-shadow:none;
}*/
/*.border-bottom-typ {
	position:absolute;
	left:0; bottom:0;
	height:1px; width:100%;
	background:url(../images/strip-typ.png) repeat-x left top;
	z-index:99;
}*/
}
@media (min-width:1200px) and (max-width:1280px) {
.nav-main ul > li a { padding:20px 19px; font-size:15px; }
.nav-main ul > li a.expand-main:after {
	right:3px;
}
}

@media (min-width:980px) and (max-width:1199px) {
.nav-main ul > li { margin-left:12px; }
.nav-main ul > li a {
	font-size:11px;
	padding:20px 10px;
}
.nav-main ul > li a.expand-main:after { right:-6px; }
.sub-menu-box {
	position:absolute;
	left:0; top:100%;
	width:100%;
	z-index:999;
	background:#ffffff;
	padding:20px;
}
.sub-menu-listing ul li {
	width:31%;
}
.sub-menu-listing ul li:nth-child(3n+1) {
	margin-left:0;
}
.sub-menu-listing ul li:nth-child(4n+1) {
	margin-left:12px;
}
}

@media (max-width:1199px) {
.nav-main ul > li a.expand-main.current::after {
	background-position:-14px 0;
}
.border-bottom-typ {
	position:absolute;
	left:0; bottom:0;
	height:1px; width:100%;
	background:url(../images/strip-typ.png) repeat-x left top;
	z-index:999;
}
}

@media (max-width:979px) {
.navigation-box {
	display:none;
	position:absolute;
	left:0; top:100%;
	z-index:999;
	width:100%;
}
.nav-main ul > li { border-top:1px solid #e0e0e0; }
.nav-main ul > li:first-child { border-top:none; }
.nav-main ul > li a {
	font-size: 15px;
	color: #ffffff;
	transition: all 0.7s ease 0s;
	-webkit-transition: all 0.7s ease 0s;
	position: relative;
	text-align: left;
	display:block;
	padding:15px;
	text-transform:uppercase;
	background:#292929;
}

/*navicon*/
button.lines-button {
	border:none;
	display:inline-block;
	position:absolute;
	right:0;
	top:18px;
}
.lines-button {
    transition: .3s;
    cursor: pointer;
    user-select: none;
    border-radius: .57143rem;
	background:none;
}
.lines {
	display: inline-block;
	width: 4rem;
	height: .57143rem;
	background: #aa2123;
	border-radius: .28571rem;
	transition: .3s;
	position: relative
}
.lines:after, .lines:before {
	display: inline-block;
	width: 4rem;
	height: .57143rem;
	background: #aa2123;
	border-radius: .28571rem;
	transition: .3s;
	position: absolute;
	left: 0;
	content: '';
	-webkit-transform-origin: .28571rem center;
	transform-origin: .28571rem center
}
.lines:before {
	top: 1rem
}
.lines:after {
	top: -1rem
}
.lines-button.minus.nav-close .lines:after, .lines-button.minus.nav-close .lines:before {
	-webkit-transform: none;
	transform: none;
	top: 0;
	width: 4rem
}
.lines-button.x.nav-close .lines {
	background: 0 0
}
.lines-button.x.nav-close .lines:after, .lines-button.x.nav-close .lines:before {
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 0;
	width: 4rem
}
.lines-button.x.nav-close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg)
}
.lines-button.x.nav-close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg)
}
/*navicon end*/
.sub-menu-box  {
	background:#57bf35;
	padding:15px;
}
.sub-menu-listing ul li .img-sec { display:none; }
.nav-main ul > li a.expand-main { position:relative; }
.nav-main ul > li a.expand-main:after {
    background: url(../images/plus-minus.png) no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 18px;
	content:'';
}
.nav-main ul > li a.expand-main.current:after {
	background-position: 0 -29px;
    top: 22px;
}
.sub-menu-listing ul li a {
	background:#6ebc54;
}
.sub-menu-box .img-box { text-align:center; }
}