﻿@charset "utf-8";
@font-face {
    font-family: 'poppins';
    src:url(../font/poppins.eot);
    src: url(../font/poppins.eot?#iefix) format('embedded-opentype'),
	 url(../font/poppins.svg#poppins) format('svg'),
	 url(../font/poppins.woff) format('woff'),
	 url(../font/poppins.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppins_s';
    src:url(../font/poppins_semibold.eot);
    src: url(../font/poppins_semibold.eot?#iefix) format('embedded-opentype'),
	 url(../font/poppins_semibold.svg#poppins_semibold) format('svg'),
	 url(../font/poppins_semibold.woff) format('woff'),
	 url(../font/poppins_semibold.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas';
    src:url(../font/BebasNeue.eot);
    src: url(../font/BebasNeue.eot?#iefix) format('embedded-opentype'),
	 url(../font/BebasNeue.svg#BebasNeue) format('svg'),
	 url(../font/BebasNeue.woff) format('woff'),
	 url(../font/BebasNeue.ttf) format('truetype');
    font-weight: normal;
    font-style: normal;
}

.n_left{float: left; width: 24%;}
.n_right{float: right; width: 76%; padding-left: 50px;}
.n_left2{float: right; width: 24%;}
.n_right2{float: left; width: 76%; padding-right: 50px;}

@media only screen and (max-width:992px) {
.n_left{width: 100%; margin-bottom:20px}
.n_right{width: 100%; padding-left: 0; margin-top: 20px;}
.n_left2{width: 100%; margin-top: 20px;}
.n_right2{width: 100%; padding-right: 0;}
}
.nav_h4{line-height: 45px; color: #fff;padding-left: 10px; font-family:'Bebas';  font-size:28px; position:inherit; text-transform:uppercase; padding:10px 10px; border-bottom: 2px solid #fff; background: #44b034; border-radius: 0;}
.nav_h4::after{ content:none;}
.nav_h4:before{ content:"\f03a"; color:#fff; float:right; font:normal normal normal 22px/1 FontAwesome; margin-right:6px; line-height:45px;}

@media only screen and (max-width:992px) {
.nav_h4{ position:relative;color:#fff; background:#44b034; font-family: "poppins_s"; padding:0px 10px; font-size:16px; line-height: 45px;  text-transform: capitalize;margin: 0; }
.nav_h4:before{ content:none;}
.nav_h4:after {  display: block;  content: "\f107";  font-family: "FontAwesome";  position: absolute;  right:15px;  cursor:pointer; font-size:20px; top:0px;  color:#fff;}
.widget-sidebar-quick-contact{ display:none}
}
/*left*/
.left_nav{background: #fff;  padding-bottom: 0;}
ul.mtree{opacity: 0;margin-left: 0;}
ul.mtree li {list-style: none;}
ul.mtree>li>a{font-family: "poppins_s"; transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all; -moz-transition: 0.5s all;-ms-transition: 0.5s all; border-bottom: 1px  dashed #ddd;}
ul.mtree>li{ position: relative;}
ul.mtree a {display: block;font-size:18px; color:#333;-moz-transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;transition: all 0s;  padding:8px 10px;line-height:35px; padding-right:36px; padding-left:0; }
ul.mtree li ul a{ padding:8px 12px; padding-right:24px; font-weight: normal; font-family: 'poppins';}
ul.mtree.transit li.mtree-open>span:before  {content:"\f068";font-family:FontAwesome;padding-left:5px; float:right; font-size:14px; color:#44b034; font-style:normal; padding:6px 12px; position:absolute;  right:0; top:0px;}
ul.mtree.transit li.mtree-closed>span:before {content:"\f067";font-family:FontAwesome;padding-left:5px; float:right; font-size:14px; color:#44b034; font-style:normal; padding:6px 12px; position:absolute;  right:0; top:0px;}
ul.mtree .mtree-level-1 li.mtree-open>span:before {content:"\f068";font-family:FontAwesome;padding-left:5px; float:right; font-size:14px; color:#44b034; font-style:normal; background:none; padding:5px 20px; position:absolute;  right:5px; top:0; border-left:none;}
ul.mtree .mtree-level-1 li.mtree-closed>span:before{content:"\f067";font-family:FontAwesome;padding-left:5px; float:right; font-size:14px; color:#44b034; font-style:normal; background:none;  padding:5px 20px ; position:absolute;  right:5px; top:0; border-left:none;}
ul.mtree li ul a li a{ padding-left:20px;}
ul.mtree>li:hover>a{ color:#f39800;}
ul.mtree>li.mtree-node a ul a{ font-size:14px;}
ul.mtree>li.mtree-open{color:#f39800 ;padding-bottom:0;}
ul.mtree>li.mtree-open>a{color:#f39800; margin-bottom: 10px;}
ul.mtree>li.mtree-node:hover>a{color:#f39800 ;text-decoration:none;}
ul.mtree .mtree-level-1 li.mtree-closed>span{color:#fff ;text-decoration:none;}

ul.mtree.transit li.mtree-closed:hover > span::before,ul.mtree.transit li.mtree-open:hover>span:before{ color:#f39800;}
ul.mtree .mtree-level-1 li.mtree-open:hover>span:before,ul.mtree .mtree-level-1 li.mtree-closed:hover>span:before{ color:#f39800 !important;}


ul.mtree ul {  background:#fafafa;}
ul.mtree ul li{list-style:none; position:relative;}
ul.mtree ul li a{display:block;color:#555;font-size:14px; border-bottom: 1px solid #eee;}
ul.mtree>li>ul>li>a{ font-size:15px !important;}
ul.mtree>li>ul>li>a:before{content:"";}
ul.mtree ul li:hover a{color:#f39800;}
ul.mtree li ul li.mtree-open a{color:#ff000;text-decoration:none;}
ul.mtree .mtree-level-2{ margin-top:0px; border:none; padding:0px; margin-bottom:0; background:#eee;}
ul.mtree li ul.mtree-level-2 li a{color:#808080;font-weight:normal;font-size:13px; padding-left:20px;}
ul.mtree .mtree-level-2 li a:hover{text-decoration:underline;color:#f39800;font-weight:normal;}
ul.mtree.jet ul {margin-left: 0;}
ul.mtree.jet li {margin-bottom: 1px;}
ul.mtree.jet li:last-child {margin-bottom: 0px;}
ul.mtree.jet li:first-child {margin-top: 1px;}
ul.mtree.jet li.mtree-active a {background: #e5e5e5;}
ul.mtree.jet li.mtree-active li:last-child > a {border-radius: 0px 0px 3px 3px;}
ul.mtree.jet li.mtree-active > a {background: #008cba;color: #FFF; border-radius: 3px 3px 0px 0px;}
ul.mtree.jet li > a:hover { background: #FFC000;color: #FFF;}
ul.mtree.jet a { padding: 5px 0px 5px 1em;}
ul.mtree.jet li li > a { padding-left: 2em;}
ul.mtree.jet li li li > a {padding-left: 3em;}
ul.mtree.jet li li li li > a {padding-left: 4em;}
ul.mtree.jet li li li li li > a {padding-left: 5em;}
ul.mtree a:hover{text-decoration:none;}
ul.mtree>li.mtree-node ul i{margin-right:4px; font-size:10px; color:#999;}
.mtree-skin-selector{ display:none !important}
