@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
body{font-family: 'Roboto', sans-serif; color: #353535;}
a {text-decoration: none;}
a:hover{transition: 0.1s all}
.logo{width: 235px;}
.logo-2{width: 230px; margin-bottom: 30px;}
section{padding: 40px 0 50px;}
section.light{padding: 40px 0 50px; background: #efefef;}
p{text-align: justify; line-height: 1.6;}
ol, ul {padding-left: 18px;}
.dropdown-toggle::after{display: none;}
.bg-dark2{background-color: #58585a!important;}
.banner{margin-top: 15px;}
.navbar{padding: 0;}
.nav-link {padding: 1.6rem 1rem;}
.nav-item {margin: 0 5px;}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {color: #fff; background: #434344;}
.dropdown-item.active, .dropdown-item:active {background-color: #434344;}
.dropdown-menu{background-color: rgba(161,200,60,0.9);}
.dropdown-item{border-bottom: solid 1px #fff; font-weight: 500;}
.submenu .dropdown-item {font-weight: 400;}
.color1{color: #9cc33b;}
.heading1{font-family: 'Roboto', sans-serif; font-weight: 500; margin-bottom: 10px;text-transform: uppercase;}
.h1, h1, .h2, h2 {font-size: calc(1.325rem + .9vw);}
/*.heading1 span{ font-weight: 300;}
.heading2 span{ font-weight: 300;}*/
.heading2 {font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 20px; display: table; position: relative; width: auto; white-space: nowrap; padding-right: 10px; margin-bottom: 10px;}
.heading2:after {content: ''; border-bottom: 1px solid; display: table-cell; width: 98%; position: relative; bottom: 10px; text-align: right; left: 10px; }
.navbar-nav {margin-left: 68px;}
.navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;}

.sidebar-navigation {width: 100%; height: auto; background-color: #fff; margin: 0 auto; display: block; }
.sidebar-navigation .title {display: block; font-size: 1.2em; background-color: #1e1e1e; padding: 5px 10px; color: #fff; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; }
.sidebar-navigation h4 {padding: 10px; background: #bfda7b; font-size: 16px; font-weight: 600;}
.sidebar-navigation ul {margin: 0; padding: 0; }
.sidebar-navigation ul li {display: block; }
.sidebar-navigation ul li a {position: relative; display: block; font-size:16px; padding: 5px 10px; text-decoration: none; color: #2e2e2e; border-bottom: 1px solid #bfda7b; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; }
.sidebar-navigation ul li ul li a{ font-size:14px;}
.sidebar-navigation ul li a em {font-size: 24px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); padding: 5px; border-radius: 50%; }
.sidebar-navigation ul li:hover > a, .sidebar-navigation ul li.selected > a {background-color: #ecf0f1; color: #495d62; border-color: rgba(255, 255, 255, .1); }
.sidebar-navigation ul li ul {display: none; }
.sidebar-navigation ul li ul.open {display: block; }
.sidebar-navigation ul li ul li a {color: #495d62; border-color: rgba(255, 255, 255, .1); }
.sidebar-navigation ul li ul li:hover > a, .sidebar-navigation ul li ul li.selected > a {background-color: #e6ebed; }
.sidebar-navigation ul li ul li:hover > a:before, .sidebar-navigation ul li ul li.selected > a:before {margin-right: 10px; }
.sidebar-navigation ul li ul li.selected.selected--last > a {background-color: #bfda7b; color: #fff; }
.sidebar-navigation ul li ul li.selected.selected--last > a:before {background-color: #fff; }
.subMenuColor1 {background-color: #fbfcfc; }
.subMenuColor2 {background-color: #fff; }


/*Toggle navbar*/
aside {position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; z-index: 1; } aside::before {content: ""; display: block; height: 35px; } aside a {display: block; padding: 12px 18px; text-decoration: none; font-size: 20px; color: #818181; border-bottom: 1px solid #414141; }
.toggle-wrap {padding: 10px; position: relative; cursor: pointer; float: left; /*disable selection*/ user-select: none; }
.toggle-bar, .toggle-bar::before, .toggle-bar::after, .toggle-wrap.active .toggle-bar, .toggle-wrap.active .toggle-bar::before, .toggle-wrap.active .toggle-bar::after {transition: all .2s ease-in-out; }
.toggle-bar {width: 22px; margin: 10px 0; position: relative; border-top: 2px solid #b4b4b5; display: block; z-index: 10; }
.toggle-bar::before, .toggle-bar::after {content: ""; display: block; background: #b4b4b5; height: 2px; width: 22px; position: absolute; top: -8px; transform: rotate(0deg); transform-origin: 13%; }
.toggle-bar::after {top: 4px; }
.toggle-wrap.active .toggle-bar {border-top: 6px solid transparent; }
.toggle-wrap.active .toggle-bar::before {transform: rotate(45deg); }
.toggle-wrap.active .toggle-bar::after {transform: rotate(-45deg); } aside .sidebar-navigation{border-right: 1px solid #bfda7b; margin: 12px auto;}

.group-item {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.group-item-thumb {max-width: 160px; -webkit-flex-basis: 160px; -ms-flex-preferred-size: 160px; flex-basis: 160px; }
.group-item-desc {position: relative; padding:0 15px; max-width: calc(100% - 120px); -webkit-flex-basis: calc(100% - 120px); -ms-flex-preferred-size: calc(100% - 120px); flex-basis: calc(100% - 120px); }

.btn-color2 {color: #fff; background-color: #9cc33b; border-color: #9cc33b; padding: .175rem .55rem; font-size: 14px; font-weight: 300; }
.owl-dots{text-align: center;}
.owl-dots .owl-dot {border: none; height: 4px; margin: 3px; background: #a2a2a2; width: 60px; }
.sm-dots .owl-dots .owl-dot {width: 12px;  height: 12px; border-radius: 15px;}
.owl-dots .owl-dot.active {background: #555555;}

.footer{background: #666674; color: #fff; font-weight: 300;padding-bottom: 30px; margin-top: 30px;}
.footer-item {display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.footer-item-icon i{font-size: 28px;}
.footer-item-icon {max-width: 28px; -webkit-flex-basis: 28px; -ms-flex-preferred-size: 28px; flex-basis: 28px; }
.footer-item-desc {position: relative; padding:0 5px; max-width: calc(100% - 28px); -webkit-flex-basis: calc(100% - 28px); -ms-flex-preferred-size: calc(100% - 28px); flex-basis: calc(100% - 28px); font-size: 14px;}
.bor-right1{border-right: solid 1px #9cc33b;}
.fa-phone{font-size: 40px; vertical-align: middle; margin-right: 10px; color: #fff;}
.footer-end{background-color: #9cc33b; padding: 10px;}
.footer-end a{color: #fff;}
.footer-social-icons { text-align: right; } 
.social-icon { color: #fff; } 
ul.social-icons { margin: 0; } 
.social-icons li { vertical-align: top; display: inline; } 
.social-icons a { color: #fff; text-decoration: none; } 
.fa-facebook { padding:10px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: transparent; } 
.fa-facebook:hover { background-color: #3d5b99; } 
.fa-twitter { padding:10px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: transparent; } 
.fa-twitter:hover { background-color: #00aced; } 
.fa-rss { padding:10px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: transparent; } 
.fa-rss:hover { background-color: #eb8231; } 
.fa-youtube { padding:10px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: transparent; } 
.fa-youtube:hover { background-color: #e64a41; } 
.fa-linkedin { padding:10px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: transparent; } 
.fa-linkedin:hover { background-color: #0073a4; } 
.fa-github { padding:10px 10px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition: .5s; background-color: transparent; } 
.fa-github:hover { background-color: #5a32a3; }

.modal button.close { right: 0; outline: 0; background: red; font-size: 30px; font-size: 30px; line-height: 0.8; z-index: 2;} 
#gallery-lightbox img { cursor: pointer; } 
#gallery-lightbox img:hover { opacity: 0.9; transition: 0.5s ease-out; }
.mpad{padding-left: 0;}
@media all and (min-width: 992px) {
.dropdown:hover>.dropdown-menu {display: block;}
.dropdown-menu li{position: relative;}
.dropdown-menu .submenu{display: none;position: absolute;left:100%; top:-7px;}
.dropdown-menu .submenu-left{right:100%; left:auto;}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{display: block;}
}

@media (min-width: 1200px){
    .h1, h1, .h2, h2 {
        font-size: 1.7rem;
    }
}
@media (max-width:1540px){

}
@media (max-width:1399px){
    .navbar-nav {margin-left: 20px;}
}
@media (max-width:1199px){
    .logo {width: 192px;}
}
@media (max-width:991px){
body {font-size: 13px;}
section{padding: 20px 0 40px}
section.light{padding: 20px 0 40px}
.nav-link {padding: 0.4rem 1rem !important;}
.logo {width: 195px;}
.heading1{font-size: 18px;}
.heading2{font-size: 18px;}
.footer-item-icon i{font-size: 30px;}
.footer-item-icon {max-width: 25px; -webkit-flex-basis: 25px; -ms-flex-preferred-size: 25px; flex-basis: 25px; }
.footer-item-desc {position: relative; padding:0 5px; max-width: calc(100% - 25px); -webkit-flex-basis: calc(100% - 25px); -ms-flex-preferred-size: calc(100% - 25px); flex-basis: calc(100% - 25px); font-size: 14px;}
.bor-right1{border-right: none;border-bottom: solid 1px #9cc33b; margin-bottom: 15px;}
.footer .mt-4{margin-top: 0.5rem!important;}
.fa-phone {font-size: 25px; float: left;}
.group-item-thumb {max-width: 100px; -webkit-flex-basis: 100px; -ms-flex-preferred-size: 100px; flex-basis: 100px; }
}
@media (max-width:767px){
    .mpad{padding-left: 30px;}
}
@media (max-width:575px){
    
}