﻿

html,
body {
	height: 100%;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

body {
	font-family: 'Montserrat', sans-serif!important;
	font-size: 16px;
	line-height: 20px;
	font-weight: 400;
	position: relative;
	z-index: 1;
	background-color: rgba(240,240,240,1)!important;
	overflow-x: hidden;
}


h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative; 
	font-weight: 500;
	margin: 0;
	color: #1d2143;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 40px;
}
 

a {
	text-decoration: none;
	cursor: pointer; 
	color: #70C150;
	font-size: 16px; 
}

p {
	font-size: 16px;
	font-weight: 400;
	line-height: 28px;
	position: relative;
	color: #626483;
}

p.highlight {
	color: #898a9c;
	font-size: 17px;
	line-height: 27px;
}

 
.pt-5{padding-top: 50px;}
img {
	display: inline-block;
	max-width: 100%;
}

.single{background: #fff;}

ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

 

table,
th,
tr,
td {
	border: 1px solid #191919;
}

th,
tr,
td {
	padding: 10px;
}

hr {
	border-top: 1px solid #eee;
}
.row{
	overflow: hidden;
}

.row::after {
  content: "";
  display: block;
  clear: both;
}
.text-white {
	color: #fff;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0 80px;
	margin: 0 auto;
}
.clear { clear:both; margin:0; padding:0; height:0; font-size:0; line-height:0; width:0 }
/*Section Padding CSS*/

.section-padding {
	padding: 50px 0 100px ;
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.section-padding {
		padding: 80px 10px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.section-padding {
		padding: 60px 60px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.section-padding {
		padding: 50px 35px;
	}
}

@media (max-width: 575px) {
	.section-padding {
		padding: 50px 0px;
	}
}

/*Margin & Padding */

.pt-0 {
	padding-top: 0;
}

.pb-0 {
	padding-bottom: 0;
}

.pt-20 {
	padding-top: 20px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pt-40 {
	padding-top: 40px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pt-60 {
	padding-top: 60px;
}

.pb-60 {
	padding-bottom: 60px;
}

.pt-70 {
	padding-top: 70px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pt-120 {
	padding-top: 120px;
}

.pb-150 {
	padding-bottom: 150px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mt-30 {
	margin-top: 30px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mt-40 {
	margin-top: 40px;
}

.mb-30 {
	margin-bottom: 40px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mt-60 {
	margin-top: 60px;
}

.mb-60 {
	margin-bottom: 60px;
}

.mt-70 {
	margin-top: 70px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mt-80 {
	margin-top: 80px;
}

.mb-80 {
	margin-bottom: 80px;
}

.mt-90 {
	margin-top: 90px;
}

.mb-90 {
	margin-bottom: 90px;
}

.mt-100 {
	margin-top: 100px;
}

.mb-100 {
	margin-bottom: 100px;
}

.mt-150 {
	margin-top: 150px;
}

.mb-150 {
	margin-bottom: 150px;
}

/*Section Title */


.section-title {
	position: relative;
	margin-bottom: 20px;
}

.section-title h2 {
	font-size: 40px;
	font-weight: 600;
	line-height: 1.6;
	margin: 20px 0 0;
	color: #1d2143;
}

.section-title h2 b{
	color: #175b08;
}
.section-title h3 {
	font-size: 32px;
	font-weight: 600;
	line-height: 1.6;
	margin: 20px 0 0;
	color: #1d2143;
}
.section-title h6 {
	color: #175b08;
	font-size: 16px;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
	padding-left: 100px;
}

.section-title h6:before {
	position: absolute;
	content: "";
	width: 70px;
	height: 3px;
	left: 0;
	top: 50%;
	background: #175b08;
	margin-top: -1px;
}


.text-center .section-title h6 {
	padding-left: 0;
}

.text-center .section-title h6:before {
	display: none;
}

/*Button Style */

.main-btn {
	display: inline-block;
	background: #70C150;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 1px;
	text-transform: capitalize;
	padding: 15px 40px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: .3s;
	transition: .3s;
	border-radius: 50px;
}

.main-btn.btn-2 {
	background: transparent;
}

.main-btn.btn-white {
	background: #fff;
	color: #191919;
}

.main-btn:hover {
	background-color: #fff;
	color: #25283a;
}

/*Form Style CSS */
 
 
/*Bootstrap CSS*/

.container-fluid {
	padding: 0;
}

/* Bacground Color & Overlay CSS 
============== */

.sky-bg {
	background: #ECF0F9;
}

.gray-bg {
	background: #f5f5f5;
}

.white-bg {
	background: #fff;
}

.dark-bg {
	background: #050c1d;
}

.bg-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
}

.overlay {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	/* background-color: rgb(3 15 39 / 50%); */
	top: 0;
	left: 0;
	z-index: -1
}

.overlay-1 {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: rgb(3 15 39 / 87%);
	top: 0;
	left: 0;
	z-index: -1
}


.overlay-2 {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	background: #002c42;
	opacity: .5;
	top: 0;
	left: 0;
	z-index: -1
}


/* Pre-Loader CSS 
============== */
#loader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #70C150;
	z-index: 999999;
}

.spinner {
	margin: 100px auto 0;
	width: 70px;
	text-align: center;
}

.spinner > div {
	width: 18px;
	height: 18px;
	background-color: #fff;

	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0)
	}

	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes sk-bouncedelay {

	0%,
	80%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

/* Scroll Top 
============== */
.go-top {
	background-color: #70C150;
	color: #FFF;
	width: 40px;
	height: 40px;
	bottom: 6em;
	right: 2em;
	font-size: 18px;
	line-height: 43px;
	text-align: center;
	text-decoration: none;
	display: none;
	position: fixed;
	z-index: 1;
	border-radius: 5px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.go-top {
		width: 35px;
		height: 35px;
		bottom: 5em;
		right: 2em;
		font-size: 15px;
		line-height: 33px;
	}
}

@media (max-width: 575px) {
	.go-top i:before {
		font-size: 14px;
	}

	.go-top {
	right: 0.5em;
    bottom: 4em;
    z-index: 1;
	}
}

.go-top:hover {
	background-color: #fff;
	color: #020E28;
}

/* Sticky CSS 
============== */

.header-area .is-sticky .sticky-area {
	background: #fff;
	box-shadow: 0 3px 16px -2px #d0cece;
	z-index: 999 !important;
	-webkit-animation: slideInDown .6s forwards;
	animation: slideInDown .6s forwards;
	margin-top: 0;
}

#header-2.header-area .is-sticky .sticky-area {
	box-shadow: 0 3px 16px -2px #4c4a4ade;
	animation: none;
}

.header-area.absolute-header .is-sticky .sticky-area {
	background: #10102D;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-top: 0;
}


#header-2.header-area .is-sticky .sub-menu {
	top: 60px;
}

#header-2 .is-sticky .main-menu li:hover .sub-menu {
	top: 60px;
}


/* Header Top Area
============== */

.header-top {
	background: #1F2437;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	padding: 15px 0;
}

.contact-info i {
	color: #70C150;
	font-size: 20px;
	margin-right: 2px;
}

.site-info .social-area {
	display: inline-block;
	margin-left: 10px;
}

.site-info .social-area i {
	font-size: 17px;
	color: #8D9CC5;
	padding-left: 10px;
}

/* Header Area 
============== */

.header-area {
	height: 90px;
}

#header-2.header-area {
	height: auto;
}

#header-2.header-area {
	padding: 0;
}

.header-area .logo {
	padding: 15px 0;
}

.header-area .logo img {
	max-width: 180px;
}

.sub-title {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	padding: 15px 0;
}

.sub-title p {
	font-size: 16px;
	font-weight: 400;
	margin-top: 15px;
}

.sub-title:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -17px;
	height: 40px;
	border-left: 2px solid #eee;
	margin-top: -20px;
}

#header-2 .navigation {
	height: 80px;
	background: #051232;
	border-top: 1px solid #eee;
}

#header-2 .logo {
	padding: 15px 0;
}

#header-2 .sub-title {
	padding: 15px 0;
}

#header-2 .aside-content {
	padding: 15px 0;
}

.header-area li.nav-item .nav-link {
	color: #020E28;
}

#header-2 .main-menu .navbar-nav .nav-link {
	padding: 30px 0;
	color: #d7d7d7;
}

#header-2.header-area .header-btn.main-btn {
	margin-top: 15px;
}

#header-2.header-area .header-btn.main-btn:hover {
	background: #fff;
	color: #051232;
}

#header-3.header-area li.nav-item .nav-link {
	color: #fff;
}

.header-area .main-menu .navbar-nav .nav-link.active {
	color: #70C150;
}

#header-2.header-area .main-menu .navbar-nav .nav-link.active {
	color: #70C150;
}

#header-3.header-area .main-menu .navbar-nav .nav-link.active {
	color: #70C150;
}

.header-area .main-menu li.nav-item:hover > a {
	color: #777;
}

.header-area .header-btn.main-btn {
	padding: 14px 30px;
}

.header-area.absolute-header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
	padding: 20px 0;
	-webkit-transition: .3s;
	transition: .3s;
}

.responsive-logo {
	display: none;
}

#header-3 .logo {
	margin-top: 0;
}

#header-3 .sub-title p {
	color: #fff;
}

#header-3 .sub-title:before {
	border-left: 2px solid #c5c2c2;
}

#header-3 button.search-btn {
	color: #fff;
}

#header-3 .search-box button:before {
	border-left: 2px solid #9c9a9a;
}

/*-- Search Form --*/

.search-box button {
	text-decoration: none;
	outline: none;
	outline-width: 0 !important;
	border: none;
	background: none;
	position: absolute;
	top: 32px;
	right: 10px;
	font-size: 20px;
}

.search-box button:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -40px;
	height: 40px;
	border-left: 2px solid #eee;
	margin-top: -20px;
}

.search-box button:hover {
	cursor: pointer;
}

.search-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 999;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}

.search-popup .search-back-drop {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
}

.search-active .search-popup {
	opacity: 1;
	visibility: visible;
}

.search-popup .search-inner {
	position: relative;
	background: #ffffff;
	padding: 25px 0 30px;
	z-index: 1;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 300ms ease;
	transition: all 300ms ease;
}

.search-active .search-popup .search-inner {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.search-popup .upper-text {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 15px;
}

.search-popup .upper-text .text {
	font-size: 18px;
	letter-spacing: 1px;
}

.search-popup .close-search {
	position: absolute;
	right: 0;
	top: 0;
	color: #4C4C4D;
	font-size: 18px;
	line-height: 27px;
	z-index: 3;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	border: none;
	background: none;
}

.search-popup .form-group form {
	position: relative;
}

.search-popup .form-group {
	position: relative;
	margin: 0px;
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
	position: relative;
	display: block;
	font-size: 24px;
	line-height: 25px;
	color: #333333;
	padding: 10px 14px;
	height: 45px;
	width: 100%;
	background-color: transparent;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
	border: none;
	margin-bottom: 5px;
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
	position: absolute;
	right: 14px;
	top: -15px;
	background: transparent;
	text-align: center;
	font-size: 24px;
	line-height: 45px;
	color: #333333;
	padding: 0;
	background: none;
	-webkit-transition: all 500ms ease;
	transition: all 500ms ease;
}


/* Header Aside */

#header-aside .aside-content {
	float: right;
	color: #585252;
	margin-top: 10px;
}

#header-aside .aside-content .info-wrap {
	display: table;
	overflow: hidden;
	width: 100%;
}

#header-aside .aside-content .info-i,
#header-aside .aside-content .info-c {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

#header-aside .aside-content .info-c span {
	opacity: .5;
}

#header-aside .aside-content .info-i {
	width: 45px;
}

#header-aside .aside-content .info-i span {
	position: relative;
	z-index: 1;
	font-size: 30px;
	color: #70C150;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	margin-right: 10px;
}

#header-aside .aside-content .info-i span i::before {
	font-size: 36px;
}

#header-aside .aside-content .info-i span:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	border: 1px dashed transparent;
	background-color: transparent;
}

#header-aside .aside-content .inner > div {
	float: left;
	display: block;
	width: 170px;
	position: relative;
	color: #777;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
	margin-left: 25px;
	border-right: 2px solid #eee;
}

#header-aside .aside-content .inner > div:last-child {
	border: 0;
}

/* Main Menu 
============== */

.main-menu .navbar {
	padding: 0;
}

.main-menu li.nav-item {
	position: relative;
	margin-right: 30px;
}

#header-2 .main-menu li.nav-item {
	margin-right: 35px;
}

.main-menu li.nav-item:last-child {
	margin-right: 0;
}

.main-menu .navbar-nav .nav-link {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	color: #d7d7d7;
	display: block;
	padding: 35px 0;
}


.main-menu .navbar-nav .nav-link.active {
	color: #fff;
}

.main-menu li.nav-item:hover > a {
	color: #fff;
}

/*Dropdown Menu */

.sub-menu {
	position: absolute;
	left: 0;
	top: 90px;
	width: 180px;
	background-color: #fff;
	opacity: 0;
	visibility: hidden;
	/*-webkit-transition: all 600ms ease;*/
	/*transition: all 600ms ease;*/
	z-index: 99;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

#header-2 .sub-menu {
	top: 80px;
}

.sub-menu::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 4px;
	top: 0;
	left: 0;
	background: #70C150;
	visibility: hidden;
	opacity: 0;
}

.main-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	top: 90px;
}

#header-2 .main-menu li:hover .sub-menu {
	opacity: 1;
	visibility: visible;
	top: 80px;
}

.main-menu li:hover .sub-menu::after {
	opacity: 1;
	visibility: visible;
}

.main-menu ul.sub-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-menu .sub-menu li {
	display: block;
	border-bottom: 1px solid #eee;
}

.main-menu .sub-menu li a {
	font-size: 15px;
	font-weight: 400;
	display: block;
	padding: 12px;
	color: #191919;
	-webkit-transition: .3s;
	transition: .3s;
}

.main-menu .sub-menu li:hover > a {
	color: #70C150;
}
/*.main-menu .sub-menu li:hover  .sub-menu{
	top:0;
	left: 100%
}*/

.main-menu ul>li:hover>.submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0px);
}

.main-menu ul>li>ul>li>.submenu {
	position: absolute;
	top: 0%;
	left: 100%;
	z-index: 1000;
	float: left;
	min-width: 220px;
	padding: 0px 0px;
	text-align: left;
	list-style: none;
	background-color: #2b2b2b;
	background-clip: padding-box;
	opacity: 0;
	border-radius: 0px;
	visibility: hidden;
	transform: translateX(30px);
	/*-webkit-transition: opacity .4s ease, visibility .4s ease, transform .5s ease;*/
	/*transition: opacity .4s ease, visibility .4s ease, transform .5s ease;*/
	/* border-top: 4px solid #21bcd8; */
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.dropdown-toggle::after {
	display: none !important;
}

.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {
	display: none;
}


/*
* 3. header styles
*/
.header-navigation {
	background-color: transparent;
	margin-bottom: 0;
	border: none;
	border-radius: 0;
	padding: 0;
	position: relative;
	background-color: transparent;
}

.header-navigation .container {
	background: transparent;
	position: relative;
	display: block;
}

.header-navigation .container .logo-box {
	float: left;
}

.header-navigation .container .navbar-brand {
	height: auto;
	margin: 3px;
}

.header-navigation .container .menu-toggler {
	display: none;
}

.header-navigation .container .right-side-box {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
}

.header-navigation .main-navigation {
	float: right;
	text-align: right;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

@media (min-width: 1200px) {
	.header-navigation .main-navigation {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}

.header-navigation ul.navigation-box {
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-navigation ul.navigation-box li a .sub-nav-toggler {
	display: none;
}

.header-navigation ul.navigation-box>li {
	position: relative;
	padding: 36px 0;
	display: inline-block;
	vertical-align: middle;
}

.header-navigation ul.navigation-box>li+li {
	margin-left: 40px;
}

.header-navigation ul.navigation-box>li:first-child {
	padding-left: 0;
}

.header-navigation ul.navigation-box>li:last-child {
	padding-right: 0;
}

.header-navigation ul.navigation-box>li>a {
	font-weight: 500;
	font-size: 17px;
	color: #222222;
	padding: 0;
	/*-webkit-transition: all .4s ease;*/
	/*transition: all .4s ease;*/
	position: relative;	
	text-transform: uppercase;
}

.header-navigation ul.navigation-box>li>a:after {
	content: "\f107";
	font-family: FontAwesome;
	margin-left: 10px;
}

.header-navigation ul.navigation-box>li>a:only-child:after {
	content: '';
	display: none;
}

.header-navigation ul.navigation-box>li.current>a,
.header-navigation ul.navigation-box>li:hover>a {
	color: #ff5860;
}

.header-navigation ul.navigation-box>li>.submenu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	min-width: 320px;
	padding: 0px 0px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	opacity: 0;
	border-radius: 0px;
	visibility: hidden;
	/* display: none; */
	transform: translateY(30px);
	/*-webkit-transition:   transform .2s ease;*/
	/*transition:   transform .2s ease;*/
	border-top: 4px solid #175b08;
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

@media (min-width: 1200px) {
	.header-navigation ul.navigation-box>li>.submenu {
		/* display: block !important; */
	}
}

.header-navigation ul.navigation-box>li>.submenu.right-align {
	left: auto;
	right: 0;
}

.header-navigation ul.navigation-box>li>.submenu.center-align {
	left: 50%;
	-webkit-transform: translateX(-50%)  translateY(30px);;
	transform: translateX(-50%) translateY(30px);;
}

.header-navigation ul.navigation-box>li>.submenu>li {
	display: block;
	position: relative; 
}

.header-navigation ul.navigation-box>li>.submenu>li+li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.header-navigation ul.navigation-box>li>.submenu>li>a {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	padding: 8px 20px;
	display: block;
	line-height: 26px;
	/*white-space: nowrap;*/
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.header-navigation ul.navigation-box>li>.submenu>li:hover>a {
	color: #fff;
	background: #175b08;
}

.header-navigation ul.navigation-box>li:hover:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
}

.header-navigation ul.navigation-box>li:hover>.submenu {
	opacity: 1;
	visibility: visible;
	z-index: 9999;
	/* display: block; */
	transform: translateY(0px);
	/*transition: transform .2s ease;*/
}

.header-navigation ul.navigation-box>li>ul>li>.submenu {
	position: absolute;
	top: 0%;
	left: 100%;
	z-index: 1000;
	float: left;
	min-width: 350px;
	padding: 0px 0px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	opacity: 0;
	border-radius: 0px;
	visibility: hidden;
	transform: translateX(30px);
	/*-webkit-transition: opacity .2s ease, visibility .2s ease, transform .2s ease;
	transition: opacity .2s ease, visibility .2s ease, transform .2s ease;*/
	/* border-top: 4px solid #21bcd8; */
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

@media (min-width: 1200px) {
	.header-navigation ul.navigation-box>li>ul>li>.submenu {
		display: block !important;
	}
}

.header-navigation ul.navigation-box>li>ul>li>.submenu.right-align {
	left: auto;
	right: 100%;
}

.header-navigation ul.navigation-box>li>ul>li>.submenu.center-align {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.header-navigation ul.navigation-box>li>ul>li>.submenu>li {
	display: block;
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.header-navigation ul.navigation-box>li>ul>li>.submenu>li+li {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.header-navigation ul.navigation-box>li>ul>li>.submenu>li>a {
	font-size: 18px;
	color: #000;
	font-weight: 400;
	padding: 8px 20px;
	display: block;
	line-height: 26px;
	/*white-space: nowrap;*/
	position: relative;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.header-navigation ul.navigation-box>li>ul>li>.submenu>li:hover>a {
	color: #fff;
	background: #175b08;
}

.header-navigation ul.navigation-box>li>ul>li:hover>.submenu {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

.header-navigation ul.navigation-box>li>ul>li ul {
	/* no more nested showen */
	display: none;
}

@media (max-width: 1440px) {
.header-navigation ul.navigation-box>li>.submenu>li>a{font-size: 16px;}
.header-navigation ul.navigation-box>li>ul>li>.submenu>li>a{font-size: 16px;}
}
.stricked-menu {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	background-color: #fff;
	-webkit-box-shadow: 0px 6px 13px 0px RGBA(0, 0, 0, 0.06);
	box-shadow: 0px 6px 13px 0px RGBA(0, 0, 0, 0.06);
	opacity: 0;
	-webkit-transform: translateY(-110%);
	transform: translateY(-110%);
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.stricked-menu ul.navigation-box>li {
	padding-top: 28px;
	padding-bottom: 28px;
}

.stricked-menu.stricky-fixed {
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

.header-one__btn {
	padding: 12px 37px;
}

.site-header__header-one .header-navigation {
	z-index: 91;
	border-bottom: 1px solid #eee;
	background: #fff;
}


.site-header__header-one .stricked-menu .logo-box:before {
	height: 30px;
}

.site-header__header-one .header-navigation .main-navigation {
	float: right;
	/* text-align: center; */
	/* -webkit-box-pack: center; */
	-ms-flex-pack: center;
	/* justify-content: center; */
	padding-left: 55px;
}

.site-header__header-one .header-navigation .container {
	padding-right: 15px;
}

.site-header__header-one .header-navigation ul.navigation-box+ul.navigation-box {
	margin-left: 50px;
}

.site-header__header-one .header-navigation ul.navigation-box>li>a {
	font-size: 17px;
	font-weight: bold;
	
	color: #222222;
}

.site-header__header-one .header-navigation ul.navigation-box>li.current>a,
.site-header__header-one .header-navigation ul.navigation-box>li:hover>a {
	color: #175b08;
}

.site-header__header-two {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: transparent;
}

.site-header__header-two .header-navigation {
	background-color: #fff;
	max-width: 1170px;
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}

.site-header__header-two .header-navigation .main-navigation {
	padding-left: 0;
}

.site-header__header-two .header-navigation .logo-box {
	padding: 0;
	background-color: transparent;
}

.site-header__header-two .header-navigation .logo-box::before {
	display: none;
}

.site-header__header-two .stricked-menu {
	width: 100%;
	max-width: 100%;
}

.site-header__header-four {
	background-color: #21bcd8;
}

.site-header__header-four .header-navigation .logo-box {
	background-color: transparent;
	padding: 0;
}

.site-header__header-four .header-navigation .logo-box::before {
	display: none;
}

.site-header__header-four .header-navigation ul.navigation-box>li>a {
	color: #BFF5FF;
}

.site-header__header-four .header-navigation .main-navigation {
	padding-left: 0;
}

.site-header__header-four .site-header__qoute-btn {
	background-color: #fff;
	color: #222222;
}

.site-header__header-four .site-header__qoute-btn:hover {
	background-color: #ff5860;
	color: #fff;
}

.site-header__header-four .stricked-menu {
	background-color: #21bcd8;
}

.site-header__header-five {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

.site-header__header-five .header-navigation .logo-box {
	background-color: transparent;
	padding: 0;
}

.site-header__header-five .header-navigation .logo-box::before {
	display: none;
}

.site-header__header-five .header-navigation ul.navigation-box>li>a {
	color: #ffffff;
}

.site-header__header-five .header-navigation .main-navigation {
	padding-left: 0;
}

.site-header__header-five .stricked-menu {
	background-color: #21bcd8;
}

.site-header__home-one .header-navigation .logo-box {
	padding-left: 0;
	padding-right: 85px;
	background-color: transparent;
}

.site-header__home-one .header-navigation .logo-box img {
	position: relative;
	z-index: 13;
}

.site-header__home-one .header-navigation .logo-box::before {
	top: 0;
	right: 0;
	height: calc(100% + 20px);
	width: 100000px;
	left: auto;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	-webkit-clip-path: none;
	clip-path: none;
	z-index: 12;
}
@media (max-width: 1440px) {
.header-navigation ul.navigation-box>li+li{
	margin-left: 15px;
}
.site-header__header-one .header-navigation .main-navigation{padding-left: 20px;}
.site-header__header-one .header-navigation ul.navigation-box>li>a{font-size: 16px;}
}
@media (max-width: 1300px) {

.header-navigation ul.navigation-box>li>a{text-transform: capitalize;}
}
@media (max-width: 1200px) {
	.navbar-brand img{height: 70px;}
.header-navigation ul.navigation-box>li+li{
	margin-left: 15px;
}
.site-header__header-one .header-navigation ul.navigation-box>li>a{font-size: 15px;}
}
@media (max-width: 900px) {
	.header-navigation ul.navigation-box>li+li{margin-left: 13px;}
	.site-header__header-one .header-navigation ul.navigation-box>li>a{
		font-weight: normal;
		font-size: 15px;
	}
	.header-navigation ul.navigation-box>li{
		padding: 20px 0;
	}
}
@media (max-width: 768px) {
	.header-navigation ul.navigation-box>li+li{
		margin-left: 20px;
	}
	.site-header__header-one .header-navigation ul.navigation-box>li>a{
		font-size: 16px;
	}
}
@media (max-width: 1199px) {
	.site-header__home-one .header-navigation .logo-box::before {
		display: none;
	}
}

.site-header__home-one .header-navigation .logo-box:after {
	content: '';
	position: absolute;
	background-color: #21bcd8;
	z-index: 10;
	top: 0;
	right: -15px;
	height: calc(100% + 35px);
	width: 100000px;
	opacity: 0.2;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
}

@media (max-width: 1199px) {
	.site-header__home-one .header-navigation .logo-box:after {
		display: none;
	}
}

.site-header__home-one .header-navigation .main-navigation {
	padding-left: 80px;
}

.site-header__home-one .stricked-menu .logo-box {
	padding-top: 15px;
	padding-bottom: 5px;
}

.site-header__home-one .stricked-menu .logo-box::before {
	height: calc(100% + 10px);
}

.site-header__home-one .stricked-menu .logo-box:after {
	content: '';
	height: calc(100% + 25px);
}


/* Slider CSS 
==================*/

/*.single-slide-item {
	background-image: url(../../img/Banner2.jpg);
}

.hero-area-bg-2 {
	background-image: url(../../img/Banner3.jpg);
}*/

#home-2 .single-slide-item {
	background-image: url(../images/slide-3.jpg);
}

#home-2 .hero-area-bg-2 {
	background-image: url(../images/slide-4.jpg);
}

#home-3 .single-slide-item {
	background-image: url(../images/slide-5.jpg);
}

#home-3 .hero-area-bg-2 {
	background-image: url(../images/slide-2.jpg);
}

.single-slide-item {
	/*background-size: cover;*/
	/*background-position: center;*/
	/*background-color: #ddd;*/
	color: #fff;
	width: 100%; 
	/*display: table;*/
	position: relative;
	z-index: 1;
}

.single-slide-item h1 {
	color: #fff;
	font-size: 80px;
	font-weight: 600;
	line-height: 95px;
	letter-spacing: 1px;
	margin: 30px 0;
}

.homepage-slides .section-title h6 {
	color: #fff;
}

#home-2 .single-slide-item h6 {
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	position: relative;
	padding-left: 60px;
}

#home-2 .single-slide-item h6:before {
	position: absolute;
	content: "";
	width: 40px;
	height: 2px;
	left: 0;
	top: 50%;
	background: #70C150;
	margin-top: -1px;
}

#home-2 .single-slide-item {
	height: 700px;
}

#home-3 .single-slide-item {
	height: 900px;
}

#home-3 .section-title {
	margin-top: 100px;
}

.single-slide-item p {
	color: #ccc7c7;
	font-size: 18px;
	line-height: 30px;
}

.homepage-slides .owl-nav button.owl-prev,
.homepage-slides .owl-nav button.owl-next {
	width: 45px;
	height: 45px;
	border: 2px solid;
	border-radius: 50%;
	font-size: 20px;
	font-weight: 100;
	line-height: 16px;
	position: absolute;
	left: 15px;
	top: 50%;
	margin-top: -25px;
	color: #70c150;
	opacity: 0.8;
	-webkit-transition: all .3s ease-out 0s;
	transition: all .3s ease-out 0s;
}

.homepage-slides .owl-nav button.owl-next {
	left: auto;
	right: 15px;
}


.homepage-slides:hover .owl-nav button.owl-prev,
.homepage-slides:hover .owl-nav button.owl-next {
	visibility: visible;
	opacity: 1;
}

.homepage-slides .owl-nav button.owl-prev:hover,
.homepage-slides .owl-nav button.owl-next:hover {
	background: #70C150;
	color: #fff;
	border-color: #70C150;
	opacity: 1;
}

.hero-area-content {
	display: table-cell;
	vertical-align: middle;
}

.hero-area-content .main-btn {
	margin: 25px 0;
}

/*Promo Area */

.promo-area {
	height: 250px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
	margin-top: -150px;
}


.promo-area .single-counter-box p.counter-number {
	font-size: 40px;
	padding-top: 10px;
	margin-top: 40px;
}


.promo-area .single-counter-box h6 {
	color: #333;
	font-size: 24px;
	font-weight: 400;
	padding-bottom: 25px;
	letter-spacing: 2px;
	margin-top: 25px;
}

.promo-area .single-counter-box .counter-number span {
	font-size: 50px;
	font-weight: 500;
	color: #70C150;
	letter-spacing: 2px;
	background: #ddd;
	padding: 30px;
}

.promo-area .single-counter-box {
	text-align: center;
	background: #FFF;
	width: 220px;
	height: auto;
	box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
}

.promo-area p.qty {
	margin-top: -10px;
}


/* About Seciton # 01 
============== */

.info-content-area .section-title h2 {
	position: relative;
}
.info-content-area p{
	color: #898a9c;
}

.info-content-area p.highlight {
	position: relative;
	padding-left: 35px;
	margin: 16px 0;
}

.info-content-area p.highlight:before {
	position: absolute;
	content: "";
	width: 15px;
	height: 15px;
	top: 5px;
	left: 0;
	background: #70C150;
}

.info-content-area .main-btn {
	background: transparent;
	color: #70C150;
	border: 2px solid;
	margin: 20px 0;
}
.info-img{margin-top: 20px;margin-bottom: 20px;}
.info-content-area .main-btn:hover {
	background: #70C150;
	color: #fff;
	border-color: #70C150;
}

.founded {
	border-top: 4px solid #eee;
	border-bottom: 4px solid #eee;
	padding: 4px;
}

.years {
	font-family: 'Teko', sans-serif;
	font-size: 25px;
	font-weight: 300;
	letter-spacing: 1px;
}

.years span {
	font-family: 'Teko', sans-serif;
	font-size: 140px;
	font-weight: 600;
	line-height: 120px;
	background-color: #70C150;
	background-image: url(../images/trans-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	-webkit-text-fill-color: transparent;
	-webkit-background-clip: text;
	padding-right: 20px;
}
.about-area {background: #fff;}
.about-area .text {
	font-size: 27px;
	font-weight: 300;
	line-height: 34px;
	letter-spacing: 1px;
	color: #70C150;
	border-left: 5px solid #eee;
	padding-left: 35px;
	margin-top: 25px;
}


/* Service Section # 01
============== */

.services-area {
	background-image: url(../images/service-bg.jpg);
	padding-bottom: 120px;
	position: relative;
	z-index: 1;
}

.single-serv-item {
	background: #fff;
	height: 350px;
	text-align: left;
	position: relative;
	z-index: 1;
	transition: .5s;
	border-radius: 5px;
	margin-top: 50px;
	position: relative;
	z-index: 1;
	box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
}

.serv-content {
	border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 20px 50px 5px;
}

.serv-content h5 {
	font-size: 20px;
	font-weight: 600;
	margin: 5px 0 15px;
	color: #1d2143;
}

.serv-icon {
	padding: 40px 50px 30px;
}

.serv-icon i:before {
	font-size: 50px;
}

.single-serv-item a {
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 500;
	padding: 25px 50px;
}

.single-serv-item a:hover {
	color: #70C150;
	opacity: .8;
}

.single-serv-item.active {
	background: #020c1f;
}

.single-serv-item.active h5 {
	color: #fff;
}

.single-serv-item.active .serv-icon i:before {
	color: #70C150;
}

.single-serv-item.active .serv-content {
	border-color: #1d2143;
}

.single-serv-item:hover .serv-icon i:before {
	color: #70C150;
}

/* Xtra Service Section
============== */

.xtra-serve-area {
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: all 2s ease-out;
}

.xtra-serve-area:after {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #092238;
	opacity: .4;
}

.freight-icon {
	position: absolute;
	top: 50px;
	left: 35px;
}

.freight-icon i:before {
	font-size: 45px;
	color: #fff;
}

.xtra-serve-area h5 {
	font-size: 20px;
	letter-spacing: 1px;
	color: #fff;
	position: absolute;
	top: 55%;
	left: 25px;
	z-index: 2;
}

.xtra-serve-area h5:after {
	position: absolute;
	content: " ";
	width: 50px;
	height: 3px;
	background: #fff;
	bottom: -15px;
	left: 0;
	z-index: -1;
}

.xtra-serve-area .read-more {
	position: absolute;
	bottom: 25px;
	left: 25px;
	color: #70C150;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	z-index: 2;
}

.xtra-serve-area .read-more:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 2px;
	background: #fff;
	top: 50%;
	left: 0;
	margin-left: -5px;
	opacity: 0;
	visibility: hidden;
}

.xtra-serve-area:hover .read-more {
	padding-left: 15px;
}

.xtra-serve-area:hover .read-more:before {
	opacity: 1;
	visibility: visible;
}

.xtra-serve-area img {
	transition: transform ease 0.3s;
}

.xtra-serve-area:hover img {
	transform: scale(1.3);
	transition: all 2s ease-out;
}


/*Achievement Section
==============*/

.skill-bg {
	background-image: url(../../img/about-3.jpg);
}

.skill-bg {
	width: 50%;
	height: auto;
	position: relative;
	background-size: cover;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.skill-bg {
		display: none;
	}
}

@media (max-width: 767px) {
	.skill-bg {
		display: none;
	}
}

.skill-content {
	width: 50%;
	padding: 70px 80px 50px;
	padding-bottom: 60px;
	background: #0b2341;
}

.skill-content p {
	font-size: 16px;
	color: #c5c2c2;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.skill-content {
		padding: 26px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.skill-content {
		width: 100%;
		padding: 80px;
	}
}

@media (max-width: 767px) {
	.skill-content {
		width: 100%;
		padding: 50px;
		display: none;
	}
}

.skill-area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap !important;
	flex-wrap: wrap !important;
}

.skill-area .section-title {
	margin-bottom: 30px;
}

.skill-area .section-title h2 {
	color: #fff;
}

.skill-area .single-counter-box {
	border-bottom: 1px solid #5a5a5a;
	border-right: 1px solid #5a5a5a;
	padding-bottom: 20px;
	border-left: 1px solid #5a5a5a;
	border-top: 1px solid #5a5a5a;
	padding: 30px;
	text-align: center;
}

.single-counter-box.one {
	border-top: none;
	border-left: none;
}

.single-counter-box.two {
	border-top: none;
	border-right: none;
	border-left: none;
}

.single-counter-box.three {
	border-top: none;
	border-left: none;
	border-bottom: none;
	padding-top: 25px;
}

.single-counter-box.four {
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: none;
	padding-top: 25px;
}

.skill-area .fact-icon i:before {
	font-size: 45px;
	line-height: 40px;
	margin: 10px 0;
	color: #C89D66;
}

.skill-area .single-counter-box .counter-number span {
	font-size: 40px;
	font-weight: 600;
	margin: 25px 0 5px;
}

.single-counter-box p.counter-number {
	font-size: 40px;
	color: #fff;
}

.single-counter-box h6 {
	color: #fff;
	font-weight: 500;
}

/*Pop up Video */

.pop-up-video a.video-play-btn {
	font-size: 20px;
	color: #fff;
	border: 2px solid #6FC050;
	border-radius: 50%;
	padding: 15px;
	width: 70px;
	height: 70px;
	line-height: 38px;
	text-align: center;
	position: absolute;
	top: 55%;
	left: 50%;
	margin-left: -35px;
	margin-top: -35px;
	background: #6FC050;
	cursor: pointer;
	z-index: 9;
}

@-webkit-keyframes btnIconRipple {
	0% {
		border-width: 4px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	80% {
		border-width: 1px;
		-webkit-transform: scale(1.35);
		transform: scale(1.35);
	}

	100% {
		opacity: 0;
	}
}

.pop-up-video a::before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -2px;
	left: -2px;
	bottom: -2px;
	right: -2px;
	border-radius: inherit;
	border: 2px solid #6FC050;
	-webkit-animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
	animation: btnIconRipple 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

 
/* Facility Section
============== */

.facility-area h2 {
	color: #fff;
}
 

.facility-icon {
	position: relative;
}

.facility-icon img {
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px transparent;
}
 

 

/***

====================================================================
    Blog Details
====================================================================

***/
.blog-area{background: #fff;}
.blog-area .blog-content h5{

	margin-bottom: 20px;

}
.blog-area .blog-content h5 a {
	font-size: 18px;
	font-weight: 600;
	line-height: 28px;
	color: #1d2143;
}

.blog-area .blog-content h5 a:hover {
	color: #175b08;
}

.blog-area a.read-more {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 500;
	margin: 10px 0 0;
	color: #175b08;
}

.blog-area a.read-more:hover {
	opacity: 1;
}

.blog-area .blog-bg {
	position: relative;
	z-index: 1;
	overflow: hidden;
	transition: .3s;
	margin-top: 15px;
}

.blog-area .blog-bg img {
	transition: transform ease 0.3s;
}

.blog-area .blog-bg span {
	background: #70C150;
	color: #fff;
	padding: 10px;
	display: inline-block;
	width: 60px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}

.blog-area .blog-bg img:hover {
	transform: scale(1.3);
	transition: all 2s ease-out;
	border-radius: 5px;
}


.blog-details {
  display: block;
  position: relative;
  padding-top: 50px;
  background: #fff;
}

.blog-details__left {
  display: block;
  position: relative;
}

.blog-details__img {
  border-radius: 10px;
  display: block;
  overflow: hidden;
  position: relative;
}
.blog-details__img img {
  border-radius: 10px;
  width: 100%;
}

.blog-details__date {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ff5500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 21px 24px 20px;
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
}
.blog-details__date .day {
  color: #fff;
  font-size: 16px;
  line-height: 16px;
}
.blog-details__date .month {
  color: #fff;
  display: block;
  font-size: 10px;
  line-height: 12px;
  position: relative;
  text-transform: uppercase;
}

.blog-details__content {
  position: relative;
  display: block;
  margin-top: 22px;
}
.blog-details__content h3{padding: 5px 0;}
.blog-details__meta {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  color: #ff5500;
}
.blog-details__meta li + li {
  margin-left: 18px;
}
.blog-details__meta li a {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-details__meta li a:hover {
  color: #ff5500;
}
.blog-details__meta li a i {
  color: #232331;
  margin-right: 6px;
}

.blog-details__title {
    font-size: 28px;
    line-height: 1.3;
    margin-top: 12px;
    margin-bottom: 20px;
    color: #0f2c49;
}
.blog-details__text{
    font-size: 16px;
    line-height: 1.8;
    color: #333;
} 
  
.blog-details__pagenation-box {
  display: block;
  margin-bottom: 53px;
  overflow: hidden;
  position: relative;
}

.blog-details__pagenation {
  position: relative;
  display: block;
}
.blog-details__pagenation li {
  position: relative;
  float: left;
  font-size: 20px;
  background-color: #f6f6f6;
  border-radius: 10px;
  color: #0e2207;
  color: #0f2c49;
  line-height: 30px;
  max-width: 370px;
  padding-bottom: 52px;
  padding-left: 60px;
  padding-right: 60px;
  padding-top: 52px;
  width: 100%;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.blog-details__pagenation li:hover {
  background-color: #232331;
  color: #fff;
}
.blog-details__pagenation li + li {
  margin-left: 30px;
}
.nav-links{
    border-top: 1px solid #ece9e0;
    margin-top: 49px;
    padding: 30px 0 30px;
}
.nav-links .prev{
    margin-bottom: 15px;
}
.nav-links a span{
    background-color: #ff5500;
    border-radius: 20px;
    color: #fff;
    display: inline-block;
    padding: 5px 15px 5px;
}
/*** 

====================================================================
Sidebar
====================================================================

***/
@media (max-width: 991px) {
  .sidebar {
    margin-top: 50px;
  }
}
.sidebar__single + .sidebar__single {
  margin-top: 30px;
}

.sidebar__title {
  margin: 0;
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 700;
}
 

.sidebar__post {
  position: relative;
  display: block;
  padding: 46px 15px 30px;
  color: #0f2c49;
  background-color: #f6f6f6;
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  margin-left: 20px;
}
@media only screen and (max-width: 767px) {
  .sidebar__post {
    padding: 30px;
  }
}
.sidebar__post .sidebar__title {
  margin-left: 20px;
  color: #0f2c49;
  font-weight: 600!important;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__title {
    margin-left: 0;
  }
}
.sidebar__post .sidebar__post-list {
  margin: 0;
}
.sidebar__post .sidebar__post-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 18px 15px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media only screen and (max-width: 767px) {
  .sidebar__post .sidebar__post-list li {
    padding: 16px 0;
  }
}
.sidebar__post .sidebar__post-list li:hover {
  background-color: #ffffff;
  border-radius: 10px;
}
.sidebar__post .sidebar__post-list li + li {
  margin-top: 11px;
}
.sidebar__post .sidebar__post-list .sidebar__post-image {
  /* margin-right: 20px; */
  -webkit-box-flex: 100px;
  -ms-flex: 100px 0 0px;
  flex: 100px 0 0;
  position: relative;
  width: 80px;
  height: 60px;
  overflow: hidden;
}
.sidebar__post .sidebar__post-list .sidebar__post-image > img {
  width: 80%;
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar__post .sidebar__post-list .sidebar__post-content {
  position: relative;
  top: -3px;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 {
  font-size: 18px;
  margin: 0;
  line-height: 26px;
  letter-spacing: 0;
}
.sidebar__post .sidebar__post-list .sidebar__post-content h3 a {
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
   display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* 显示3行 */
  overflow: hidden;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta {
  font-size: 14px;
  font-weight: 500;
  color: #757873 !important;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.sidebar__post .sidebar__post-list .sidebar__post-content-meta i {
  color: #ff5500;
  font-size: 13px;
  padding-right: 5px;
}

.sidebar__category {
  position: relative;
  display: block;
  color: #0f2c49;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 45px 30px 38px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__category {
    padding: 30px 15px 30px;
  }
}
.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 9px;
  color: #0f2c49;
  font-weight: 600!important;
}
 
.sidebar__category {
  position: relative;
  display: block;
  color: #0f2c49;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 45px 30px 38px;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .sidebar__category {
    padding: 30px 15px 30px;
  }
}
.sidebar__category .sidebar__title {
  padding-left: 20px;
  margin-bottom: 9px;
  color: #0f2c49;
  font-weight: 600!important;
}
 

/* Sponsor Section 
============== */
.client-area{ 
	z-index: 0;
	padding-top: 50px;
    padding-bottom: 50px;
    background: url(../../img/pro-bg.jpg) no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
}
.client-area h3{color: #fff;text-align: center;font-size: 30px;padding: 15px 0;margin-bottom: 30px;}
.single-logo-wrapper {
    /* 删除 background: #fff 避免遮挡 */
    background:   #fff;
    display: flex;
    justify-content: center;
    position: relative; /* 创建新层叠上下文 */
}

.logo-inner-item {
    padding: 13px;
    position: relative;
    overflow: hidden;
    background: transparent !important;
}

/* 背景动画层 */
.logo-inner-item::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #3c763d;
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.5s ease;
    z-index: 0; /* 修正层级 */
}

.logo-inner-item:hover::before {
    transform: scaleY(1);
}

/* 优化移出动画 */
.logo-inner-item::before {
    transition: transform 0.5s ease;
}

.logo-inner-item:not(:hover)::before {
    transform-origin: bottom;
}

/* 内容层级提升 */
.logo-inner-item > a {
    position: relative;
    z-index: 1; /* 确保内容在背景层之上 */
    display: block; /* 修复行内元素定位问题 */
}

.logo-inner-item a h5 {
    font-size: 18px;
    color: #000;
    text-align: center;
    padding: 15px 0 0;
    margin: 0; /* 清除默认边距 */
}
.logo-inner-item:hover a h5 {
    color: #fff !important; transition: transform 0.5s ease;
}
.logo-inner-item img { 
}

.logo-inner-item img:hover { 
}

/* CTA Section # 01
============== */

.cta-area {
	background: #70C150;
	height: 250px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.cta-area h2 {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	font-weight: 600;
}

.cta-area h6 {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}

.cta-area p {
	color: #cacaca;
	margin: 12px 0;
}

.cta-area .contact-info {
	margin-top: 30px;
}

.cta-area .contact-info i {
	font-size: 50px;
	float: left;
	padding-right: 10px;
}

.contact-info h5 {
	font-size: 22px;
	color: #fff;
}

.contact-info p {
	margin: 4px 0;
}

.cta-area .main-btn {
	background: #fff;
	color: #333;
	margin-top: 16px;
}

.cta-area .main-btn:hover {
	background: #012A41;
	color: #fff;
}

/* Footer Area
======================== */
 /*h2 b{color: #ffc91a}*/


/*-- footer --*/
  

/*==============================HOME # 02 =================================*/

/*About Section # 02*/

.about-bg-wrapper {
	height: 100%;
}

.about-content-wrapper {
	padding: 80px;
	padding-top: 50px;
	background: #fff;
	margin-top: -40px;
	position: relative;
	z-index: 9;
	border-top: 10px solid #70C150;
}

.about-bg-wrapper {
	height: 100%;
	border: 10px solid #fff;
	border-right: 0;
}

.about-bg-innner {
	background-image: url(../images/about-2.jpg);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.key-feature {
	margin-top: 20px;
}

.key-feature h4 {
	font-family: 'Teko', sans-serif;
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	margin: 15px 0 10px;
}


/* Service Section # 02  
==================== */
#service-2 .col-md-6{
	padding: 0;
}
.single-service-bg {
	background-image: url(../../img/1.png);
	height: 225px;
}

.service-bg-2 {
	background-image: url(../../img/application-2.jpg);
}

.service-bg-3 {
	background-image: url(../../img/application-3.jpg);
}

.service-bg-4 {
	background-image: url(../../img/application-4.jpg);
}

#service-2 .single-service-area {
	padding: 40px;
	box-shadow: none;
	margin-top: 0;
	height: 225px;
	text-align: center;
	background: #fff;
	transition: .3s;
}
#service-2 h3{
	padding: 8px 0;
}
.single-service-area h5 {
	margin: auto;
	font-size: 30px;
	line-height: 1.6;
	font-weight: 600;
}

#service-2 .logistic-icon i:before {
	color: #002C42;
}

#service-2 .single-service-area a.read-more {
	margin: 12px 0 0;
	text-transform: uppercase;
	font-weight: 500;
}

#service-2 .single-service-area:hover {
	background: #70C150;
}

#service-2 .single-service-area:hover .service-icon i:before {
	color: #fff;
}

#service-2 .single-service-area:hover h5 {
	color: #fff;
}

#service-2 .single-service-area:hover p {
	color: #fff;
}

#service-2 .single-service-area:hover .read-more {
	color: #fff;
}

.service-icon i:before {
	font-size: 50px;
}
#video h5{
	font-size: 22px;padding: 10px 0;
	text-align: center;font-weight: bold;
}
#video .single-service-wrapper{
	margin-bottom: 50px;
}

/* Achievement Section # 02
============== */

.achievement-area {
	background-image: url(../../img/bg.jpg);
	height: 250px;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

.achievement-area.home2 {
	background-color: #020E28;
}

.fact-icon i:before {
	font-size: 50px;
	line-height: 35px;
	color: #FF5316;
	margin: 25px 0;
	display: inline-block;
}

.single-counter-box {
	text-align: center;
}

.single-counter-box .counter-number span {
	font-size: 55px;
	font-weight: 700;
	color: #1f9406;
	margin: 30px 0 0;
	text-shadow: 3px 2px #ffffff;
}

.single-counter-box p.counter-number {
	font-size: 40px;
	color: #fff;
}

.single-counter-box h6 {
	color: #f5f5f5;
	font-size: 16px;
	font-weight: 500;
}


/*Choose Us Section
============== */


.chooseus-area {
	background: #fff;
	border-top: 1px solid #eee;
}

.chooseus-area .section-heading:after {
	margin: 0;
}

.single-feature-item .num {
	font-size: 24px;
	line-height: 27px;
	background: #70C150;
	display: inline-block;
	padding: 10px;
	color: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
	float: left;
	border-radius: 50%;
}

.feature-image img {
	width: 100%;
	box-shadow: 0 5px 25px 0 rgba(27, 20, 100, 0.15);
}

.feature-image {
	position: relative;
	z-index: 1;
}

.feature-image:before {
	position: absolute;
	content: " ";
	top: -50px;
	right: -50px;
	width: 100%;
	height: 100%;
	background: #70C150;
	z-index: -1;
}

.feature-content h5 {
	font-size: 20px;
	margin: 0;
}

.feature-content {
	padding-left: 70px;
	margin-top: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #eee;
}

.feature-content p {
	font-size: 16px;
	line-height: 26px;
	margin: 10px 0;
}

/* Quotation Section 
====================
*/

.quotation-section {
	position: relative;
	z-index: 1;
	box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
}

.quotation-form {
	padding: 80px 115px;
	background-color: #FFF;
}

.quotation-form span {
	color: #F8A555;
}

.quotation-form .form-control {
	border-radius: 4px;
	box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.05);
	font-size: 16px;
	color: #777;
	height: 50px;
}

.quotation-form select.form-control:not([size]):not([multiple]) {
	height: 50px;
	padding: 8px 10px;
}

.quotation-form .form-group label:after {
	content: "*";
	padding-left: 5px;
	color: #F8A555;
}

.request-button .btn-primary {
	margin-top: 30px;
	padding: 13px 60px;
	width: 100%;
}

.request-button .btn-primary:hover {
	color: #FFF;
	background: #050D3C;
}

.request-button i {
	margin-left: 8px;
}

.request-button button:hover {
	background: #092A45;
	color: #fff;
}

.quotation-dtl {
	background-color: #70C150;
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.quotation-dtl p {
	color: #FFF;
	font-size: 20px;
	padding: 15px 150px;
	margin: 0;
	text-align: center;
}

.quotation-dtl p i {
	color: #fff;
	padding-right: 15px;
	font-size: 25px;
}

.quotation-dtl [class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
	font-size: 28px;
	vertical-align: middle;
}

.quotation-dtl a:hover {
	color: #70C150;
}

/*Pricing Section 
=================
*/

.pricing-section .section-title h2 {
	color: #fff;
}
 


/* About Section # 03  
============== */

.single-bar-item h4 {
	font-size: 17px;
	margin-bottom: 10px;
}

.progress-bar-area {
	margin-top: 20px;
}

.barfiller .fill {
	background: #70C150 !important;
}

#about-3 .choose-certify {
	text-align: center;
	margin-top: 30px;
}

#about-3 .choose-certify i {
	position: relative;
}

#about-3 .choose-certify i {
	font-size: 45px;
	color: #70C150;
}

#about-3 .choose-certify h5 {
	font-size: 20px;
	font-weight: 500;
	margin: 20px 0;
	color: #002c42;
}

#about-3 .choose-certify p {
	padding-left: 0;
}

/* Feature Section
============== */

.feature-area .single-feature-item {
	margin-top: -100px;
	transform: translateY(0);
	transition: .5s;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
	border-radius: 5px;
}

.feature-area .single-feature-item:hover {
	transform: translateY(-20px);
}

.feat-icon i:before {
	font-size: 60px;
	color: #70C150;
}

.feat-icon {
	background: #fff;
	padding: 80px 30px 50px;
	height: 100%;
	border-radius: 5px 0 0 5px;
}

.feat-content {
	background: #fff;
	padding: 30px 25px;
	border-left: 1px solid #eee;
	border-radius: 0px 5px 5px 0;
}

.feat-content p {
	margin: 15px 0;
}

.feat-content a {
	font-size: 20px;
	color: #87C03D;
}

.feature-area {
	background: #f6f6f6;
	position: relative;
	z-index: 9;
}


/* CTA Section
============== */

#cta-2.cta-area {
	background-image: url(../images/divider.jpg);
	background-attachment: fixed;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	z-index: 1;
}

#cta-2.cta-area h2 {
	font-size: 40px;
	line-height: 50px;
	color: #fff;
	font-weight: 600;
}

#cta-2.cta-area h6 {
	color: #70C150;
	text-transform: uppercase;
	font-size: 16px;
	margin-bottom: 10px;
}

#cta-2.cta-area p {
	color: #cacaca;
	margin: 12px 0;
}

.cta-area .contact-info {
	margin-top: 30px;
}

#cta-2.cta-area .contact-info i {
	font-size: 50px;
	float: left;
	padding-right: 10px;
}

#cta-2 .contact-info h5 {
	font-size: 22px;
	color: #fff;
}

#cta-2 .contact-info p {
	margin: 4px 0;
}

/* Choose Us Section # 02
====================== 
*/

.choose-us-area {
	background-image: url(../images/choose-bg.jpg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	height: 500px;
	position: relative;
	z-index: 1;
}

.choose-us-area .section-title h2 {
	color: #fff;
}

.choose-us-wrapper {
	background: #fff;
	margin-top: 50px;
	position: relative;
}

.choose-us-inner {
	text-align: center;
	padding: 50px 30px;
	border-right: 1px solid #eee;
}

.choose-us-inner h5 {
	margin: 40px 0 20px;
}

.choose-us-inner:nth-last-child(4) {
	border-right: none;
}

.choose-us-icon {
	position: relative;
	z-index: 1;
}

.choose-us-icon:after {
	position: absolute;
	content: "";
	top: 0;
	left: 50px;
	width: 80px;
	height: 80px;
	background: #f6f6f6;
	border-radius: 50%;
	z-index: -1;
	transition: .3s;
}

.choose-us-inner:hover .choose-us-icon:after {
	width: 100px;
	height: 100px;
	top: -18px;
	left: 65px;
	background: #70C150;
	opacity: .2;
}

/* Spacer
============== */

.spacer {
	position: relative;
}

.spacer-bg {
	/*	background-image: url(../images/divider.jpg);*/
	background-attachment: fixed;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.spacer-bg .main-btn {
	z-index: 9;
	margin-top: 120px;
}

/* Team Section 
============== */

.team-member-bg {
	background-size: cover;
	background-position: top center;
	width: 100%;
	height: 300px;
}

.team-member-bg {
	background-image: url(../../img/exhi-1.jpg);
}

.team-bg-2 {
	background-image: url(../../img/exhi-2.jpg);
}

.team-bg-3 {
	background-image: url(../../img/exhi-5.jpg);
}

.team-bg-4 {
	background-image: url(../../img/exhi-4.jpg);
}

.team-bg-5 {
	background-image: url(../../img/exhi-5.jpg);
}

.team-bg-6 {
	background-image: url(../images/6.jpg);
}

.team-bg-7 {
	background-image: url(../images/7.jpg);
}

.team-bg-8 {
	background-image: url(../images/8.jpg);
}

.single-team-member {
	position: relative;
	margin-top: 25px;
}

.single-team-member .team-content {
	position: absolute;
	bottom: -40px;
	background: #fff;
	text-align: center;
	width: 100%;
}

.team-content .team-title {
	font-weight: 500;
	font-size: 16px;
}

.team-content .team-title a {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.3px;
	color: #191919;
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out;
	margin: 16px 0 0px;
}

.team-content .team-subtitle {
	display: none;
	font-size: 14px;
	color: #7c7c7c;
	margin-bottom: 10px;
}

.team-content .team-subtitle p {
	margin: 0;
	color: #333E38;
}

.team-social ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.team-social ul li {
	display: inline-block;
}

.team-social ul li a {
	font-size: 18px;
	padding: 10px;
	transition: all .3s ease-out;
}

.team-social {
	position: absolute;
	top: 0;
	left: -35px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transform: translateX(-2px);
	transition: all .4s;
}

.team-social ul li {
	display: block;
}

.team-social i {
	color: #70C150;
}

.single-team-member:hover .team-social {
	visibility: visible;
	opacity: 1;
	left: 0;
	transform: translateY(0);
}
.single-team-member{
	position: relative; 
}
.single-team-member h5{ 
	background: #175b08;
	color: #fff; 
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	height: 54px;
	font-size: 15px;
}
.single-team-member a{
	    position: relative;
    width: 100%;
    display: block;
    overflow: hidden;
}
.single-team-member a img:hover{
	transition: 0.5s;
	scale:1.1;
}
/* Testimonial Section 
============== */

.testimonial-area {
	position: relative;
	z-index: 1;
}

.testimonial-area .section-title h2 {
	color: #fff;
}

.single-client-item {
	background: #fff;
	padding: 50px 50px 70px;
	position: relative;
	z-index: 1;
	margin-top: 50px;
	border-bottom: 5px solid #fff;
	transition: .3s;
}

.single-client-item:hover {
	border-bottom: 5px solid #70C150;
}

.single-client-item img {
	max-width: 70px;
	height: auto;
	float: left;
	border-radius: 50%;
}

.author-desc {
	margin-top: 30px;
}

.author-desc h5 {
	font-size: 18px;
	padding-left: 80px;
}

.author-desc span {
	font-size: 90%;
	color: #333E38;
	padding-left: 10px;
}

.testimonial-icon i {
	font-size: 25px;
	background: #70C150;
	padding: 10px;
	position: absolute;
	top: -20px;
	color: #fff;
	z-index: 9;
}

.testimonial-area .owl-dots button.owl-dot span {
	width: 10px;
	height: 10px;
	background: #ddd;
	margin-right: 10px;
	margin-top: 20px;
}

.testimonial-area .owl-dots button.owl-dot.active span {
	width: 35px;
	height: 10px;
	background: #70C150;
}

.testimonial-area .client-carousel .owl-dots {
	text-align: center;
	margin-top: 50px;
}


/* Contact Section 
==================== 
*/

.contact-section {
	background-image: url(../../img/banner-1.jpg);
	background-attachment: fixed;
	position: relative;
	z-index: 1;
}

.contact-content {
	margin-top: 50px;
}

.contact-section h2 {
	color: #fff;
}

.contact-section p {
	color: #c5bfbf;
}

.contact-section .contact-info i {
	font-size: 30px;
	margin-left: 0;
	background: #70C150;
	color: #fff;
	padding: 10px;
	border-radius: 0;
	float: left;
}

.contact-inner {
	margin-bottom: 30px;
}

.contact-inner h6 {
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	padding-left: 100px;
}

.contact-inner p {
	padding-left: 100px;
}

.contact-section button.main-btn {
	border: none;
}

.contact-section button.main-btn:hover {
	background: #25283a;
	color: #fff;
}

.contact-form {
	margin-top: 80px;
}


/* Breadcrumb 
============== */


.breadcroumb-area {
	background-image: url(../../img/con-bg.jpg);
}

.breadcroumb-area {
	height: 400px;
	background-size: cover;
	background-position: center bottom;
	background-color: #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 2;
}

.breadcroumb-area:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #021017;
	opacity: .3;
	z-index: -1;
}

.breadcroumb-area .breadcroumb-title h1 {
	font-size: 50px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #fff;
	margin-top: 40px;
	position: relative;
	padding-left: 30px;
}

.breadcroumb-area .breadcroumb-title h1:before {
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-left: 5px solid #70C150;
}

.breadcroumb-area h6 a {
	color: #fff;
}

.breadcroumb-area h6 {
	color: #aeb1b3;
	font-size: 16px;
	margin-top: 25px;
}
 
.bread-bg2 {
	background-image: url(../../img/banner-futbal-final.jpg); 
	height: 100%;
	max-height:580px;
	background-size: cover;
	background-position: center center;
}
.bread-bg3 {
	background-image: url(../../img/video-bg.jpg);
}
.bread-bg4 {
	background-image: url(../../img/news-bg.jpg);
}
.bread-bg5 {
	background-image: url(../../img/page-title.jpg);
}
.bread-bg6 {
	background-image: url(../../img/application-bg.jpg);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 50px;
	}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 40px;
	}
	.breadcroumb-area{height: 350px;}
}

@media (max-width: 575px) {
	.breadcroumb-area .breadcroumb-title h1 {
		font-size: 30px;
	}
	.breadcroumb-area{height: 250px;}
	.breadcroumb-area .container{margin-left: 0;}
}

/*Choose Us Page */

#choose-us-page .about-content-wrapper {
	margin-top: 0;
	border-top: none;
}

/*Team Page */

#team-page .single-team-member {
	margin-bottom: 100px;
}
 
/*Quotation Page */

.quote-form {
	margin-top: 50px;
}

.form-list {
	width: 100%;
	vertical-align: middle;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.quote-form input,
.quote-form select {
	width: 100%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 0;
	margin-bottom: 0;
}

.form-list select {
	color: #555;
}

.cost-center .btn-1 span {
	padding: 15px 25px;
	position: relative;
	text-align: left;
	background: #0C4D52;
	color: #fff;
	display: inline-block;
	margin-top: 10px;
	margin-right: -4px;
}

.cost-center .btn-1 .dark {
	background: #70C150;
}

.quote-form .btn:hover {
	background: navy;
	color: #fff;
}

.cost-center .btn.btn-primary {
	margin-top: 10px;
}

/* Blog-Classic Page 
============== */

#blog-page .single-blog-item {
	margin-bottom: 20px;
	background: #fff;
	box-shadow: 0 3px 9px -2px #d0cece;
}

#blog-page .blog-bg img {
	width: 100%;
	height: 100%;
}

#blog-page .blog-content p.blog-meta {
	font-size: 16px;
	color: #898a9c;
}

#blog-page .blog-content a {
	font-size: 24px;
	font-weight: 500;
	color: #00283F;
	margin-bottom: 20px;
}

#blog-page .blog-content a:hover {
	color: #70C150;
}

#blog-page .blog-content a.read-more {
	text-transform: uppercase;
	font-size: 16px;
	color: #70C150;
}

.blog-search input {
	border: none;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	padding: 0;
	padding-bottom: 15px;
}

.blog-search button {
	background: none;
	margin: 0;
	padding: 0;
}

.blog-search button i {
	color: #191919;
	font-size: 20px;
	opacity: .5;
	position: absolute;
	top: 18px;
	right: 28px;
}

.blog-category h5,
.archive h5 {
	font-size: 24px;
	font-weight: 600;
	margin: 25px 0;
}

.blog-category a,
.archive a {
	display: block;
	color: #191919;
	font-size: 16px;
	margin-bottom: 20px;
}

.blog-category a:hover,
.archive a:hover {
	color: #F35E27;
}

.blog-category a.active,
.archive a.active {
	color: #70C150;
}

.recent-post h5 {
	margin: 30px 0;
	margin-top: 50px;
	font-weight: 600;
}

.recent-post img {
	float: left;
	width: 70px;
	height: 70px;
}

.single-recent-post h6 {
	margin: 0;
	padding-left: 90px;
}

p.blog-date {
	padding-left: 90px;
}

.single-recent-post {
	padding-bottom: 25px;
}

.single-recent-post .recent-post-content {
	display: block;
	padding-left: 110px;
}

.single-recent-post h6 a {
	color: #00B965;
	line-height: 1.5;
}
 

.author-profile img {
	width: 90px;
	height: 90px;
	float: left;
}

.comments-section h5 {
	font-size: 22px;
	margin: 40px 0;
}

.comments-section img {
	width: 90px;
	height: 90px;
	float: left;
}

.single-comments-section p {
	padding-left: 120px;
}

.single-comments-section p b {
	color: #333;
}

a.reply-btn {
	text-transform: uppercase;
	font-size: 14px;
}

.comments-form h3 {
	margin: 50px 0;
}

.author-info {
	padding-left: 120px;
}

.author-info h6 {
	margin: 10px 0;
}

.single-comments-section p span {
	padding-left: 50px;
	font-size: 15px;
}

.blog-search {
	border: 1px solid #ddd;
	padding: 15px;
}

.blog-category,
.recent-post,
.archive {
	border: 1px solid #ddd;
	padding: 10px 30px 20px;
	margin: 20px 0;
}

 
.page-numbers.current {
	background: #70C150;
	color: #fff;
}

 
/* Single Service Page
============== */

#service-page .single-service {
	padding: 40px;
	padding-top: 0;
}

.service-list {
	background: #F6F6F6;
	padding: 30px;
	margin-bottom: 30px;
}

.service-list h5 {
	margin: 30px 0;
}

.service-list a {
	display: block;
	color: #333;
	padding: 10px;
	margin-bottom: 20px;
	background: #fff;
}

.service-list a.active {
	background: #70C150;
	color: #fff;
}

.service-list a span {
	float: right;
}

.single-service h2 {
	margin: 30px 0;
}

.single-service h5 {
	margin: 20px 0;
}

.single-service p {
	font-size: 16px;
	line-height: 28px;
}

.single-service-bg img {
	width: 100%;
}
 
/* Single Blog Page  
============== */

.blog-meta {
	margin: 20px 0;
}

.blog-meta span i {
	color: #70C150;
	font-size: 20px;
	margin-right: 10px;
}

.single-blog-wrap h3 {
	font-size: 28px;
	margin: 20px 0;
}

.single-blog-wrap h5 {
	margin: 20px 0;
}


/* Contact Page  
============== */

.contact-us-area { 
	position: relative;
	z-index: 1;
}

.contact-us-wrapper {
	background: #fff;
	position: relative;
	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);
}

.contact-us-inner {
	text-align: center;
	padding: 40px 30px;
	border-right: 1px solid #eee;
}

.contact-us-inner:nth-last-child(4) {
	border-right: none;
}

.contact-us-inner h5 {
	font-size: 22px;
	font-weight: bold;
	color: #000;
	margin: 10px 0 20px;
}

.contact-us-inner a { 
	color: #70C150;
	font-size: 17px;
	font-weight: 500;
	margin: 20px 0 10px;
}

#contact-us .info-i {
	position: relative;
	z-index: 1;
}

#contact-us .info-i i:before {
	font-size: 50px;
	color: #70C150;
}

#contact-us .contact-form .main-btn {
	margin-top: 30px;
}

.contact-section .section-title h2 {
	color: #fff;
}

.contact-form .main-btn {
	border-radius: 0;
	border: none;
	margin: 40px 0;
}

 


/*our product*/
.sec-title {
  position: relative;
}
.sec-title .sub-title {
  display: inline-block;
  color: #eee;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1.6px;
  position: relative;
  text-transform: uppercase;
}
.sec-title .sub-title:before {
  background: #fff;
  content: "";
  height: 2px;
  left: 100%;
  margin-left: 10px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 35px;
}
.sec-title h1 {
  position: relative;
  font-size: 60px;
  line-height: 1em;
  color: #0f2c49; 
  font-weight: 700;
}
.sec-title h2 {
  position: relative;
  font-size: 45px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 12px;
  text-shadow: 3px 0 #175b08; 
}
@media only screen and (max-width: 1023px) {
  .sec-title h2 {
    font-size: 38px;
    line-height: 1.2em;
  }
}
@media only screen and (max-width: 599px) {

	.contact-us-inner{padding: 10px 20px 10px 20px;}
	#contact-us .info-i i:before{font-size: 40px;}
    .blog_area .section_title h3{
        font-size: 30px;
    }
  .sec-title h2 {
    font-size: 30px;
    line-height: 1.2em;
    margin-top: 0;
  }
  .sec-title h2 br {
    display: none;
  }
}
.sec-title h3 {
  font-size: 30px;
}
.sec-title .text {
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
}
@media only screen and (max-width: 1199px) {
  .sec-title .text {
    margin-top: 15px;
  }
}

.sec-title.light h3,
.sec-title.light h2,
.sec-title.light .text,
.sec-title.light h1 {
  color: #fff;
}
.sec-title.light .sub-title {
  color: #e6f3ff;
}

.sec-title.text-center h2:before {
  left: 50%;
  margin-left: -30px;
}
.our-team{
	padding: 50px 0;
	background: url(../../img/img-bg3.jpg) no-repeat center 0;
	    background-size: cover;
    /*background-position: center;*/
    background-attachment: fixed;
    overflow: hidden;
}
 
/*service*/
.page-title {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 133px 0;
  min-height: 300px;
}
@media only screen and (max-width: 768px) {
  .page-title {
    padding: 110px 0 110px;
  }
}
.page-title:before {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #131313;
  opacity: 0.6;
  content: "";
}
.page-title .title {
    color: #ffffff;
    font-size: 64px;
    margin-bottom: 17px;
    position: relative;
}
.py-md-5{padding-top: 3rem;padding-bottom: 3rem}
 
.w3l-grids-block-5 .col-md-4{
    margin-bottom: 15px;
}
.title-style {
    font-size: 42px;
    line-height: 52px;
    font-weight: 600;
    position: relative;
}
.title-style:before {
    content: "";
    position: absolute;
    top: 0px;
    background: #ff4c4c;
    width: 40px;
    height: 3px;
}
.lead {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 40px;
}

.w3l-grids-block-5 .grids5-info h4 a {
  color: #060606;
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
  font-weight: bold;
}

.w3l-grids-block-5 .grids5-info h4 a:hover {
  color: #0099e5;
}

.w3l-grids-block-5 .blog-card-single {
  background: #fff;
  transition: .3s ease;
  -webkit-transition: .3s ease;
  border: 1px solid #ddd;
  padding: 12px;
  text-align: center;
  margin: 20px 0;
}

.w3l-grids-block-5 .blog-card-single:hover {
  box-shadow: 0px 15px 18px -11px rgb(0 0 0);
  border-color: transparent;
}

.w3l-grids-block-5 .grids5-info a img {
  display: block;
  width: 100%;
}

.w3l-grids-block-5 .blog-info {
  padding: 20px 0;
}

.btn-style {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #74c355;
    padding: 7px 45px;
    margin-top: 15px;
    border-radius: 4px;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    transition: .5s all;
}
.btn-style:hover {
    opacity: .7;
    color: #fff;
}
 
@media (max-width:690px) { 
    .services-area{padding-bottom: 50px;}
    .box-partners .slick-partners .item{width: 32%;}
}

/**/
.header_right{
	float: right;
}
.header_right a {
    margin-left: 5px;
    color: #ffffff;
    font-size: 14px;
}
.header_right a:hover{
	color: #70c150;
}

/**/
 
 

/*# footer*/
ul {
    margin: 0;
    padding: 0;
}
.d-grid {
    display: grid;
}
 
.w3l-footer-29-main option {
  background: #ffffff;
  color:#5a5a5a; }

.w3l-footer-29-main .grid-col-2 {
  grid-template-columns: 1fr 1fr; }

.w3l-footer-29-main .grid-col-3 {
  grid-template-columns: 1fr 1fr 1fr; }

.w3l-footer-29-main .grid-col-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr; }

.w3l-footer-29-main .align-items-center {
  align-items: center; }

.w3l-footer-29-main a.action img {
  margin-left: 4px; }

.w3l-footer-29-main .align-center {
  text-align: center; }

.w3l-footer-29-main .footer-29 {
  background: url(../../img/bg-1.jpg) no-repeat 0px 0px;
  background-size: cover;
  padding: 80px 0px 30px;
  background-attachment: fixed;
  position: relative;
  z-index: 0;
  }

.w3l-footer-29-main .footer-29:before {
  content: "";
  background: #000;
  position: absolute;
  top: 0;
  min-height: 100%;
  left: 0;
  right: 0;
  opacity: 0.8;
  z-index: -1; }

.w3l-footer-29-main .grids-forms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* grid-gap: 100px; */
  align-items: center;
      padding-bottom: 30px;
  }

.w3l-footer-29-main .w3l-forms-9 h4.title-head {
  font-size: 24px;
  line-height: 30px;
  color: #fff; }

.w3l-footer-29-main .main-midd p {
  font-size: 20px;
  line-height: 26px;
  color: #fff;
  margin-top: 8px; }

.w3l-footer-29-main .rightside-form {
  display: flex; }

.w3l-footer-29-main .grids-forms-1 {
  border-bottom: 1px solid #454545; }

.w3l-footer-29-main h4.title-head {
  font-size: 30px;
  color: #fff;
  line-height: 42px;
  font-weight: 600;
  }

.w3l-footer-29-main .main-midd-2 {
  text-align: right;}
.w3l-footer-29-main .main-midd-2 a{
  width: 40%;
}


.w3l-footer-29-main .footer-list-29 p {
  color: #aaa;
  font-size: 16px;
  line-height: 25px; }

.w3l-footer-29-main .properties img {
  border-radius: 4px;
  max-width: 60px;
  /* display: inline-block; */
  margin-right: 15px;
  }

.w3l-footer-29-main .footer-top-29 {
  grid-gap: 40px;
  grid-template-columns: 2fr 2fr 2fr 1fr; }

.w3l-footer-29-main .footer-list-29 .properties a {
  display: grid;
  grid-template-columns: 1fr 4fr;
  margin-bottom: 20px;
  }

.w3l-footer-29-main .footer-list-29 .properties a p:hover {
  color: #febc35; }

.w3l-footer-29-main .footer-list-29 a p span {
  display: block;
  color: #fff;
  font-weight: bold; }

.w3l-footer-29-main .footer-list-29 a p {
  color: #aaa;
  font-size: 16px;
  line-height: 25px;
  /* display: inline-block; */
  }

.w3l-footer-29-main h6.footer-title-29 {
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  text-transform: capitalize;
  margin-bottom: 25px;
  font-weight: 600; }

.w3l-footer-29-main .footer-list-29 ul li,
.w3l-footer-29-main .midd-footer-29:nth-child(1) .footer-list-29 ul li:last-child {
  list-style: none;
  margin-bottom: 10px; }

.w3l-footer-29-main .footer-list-29 ul li:last-child {
  margin-bottom: 0px; }

.w3l-footer-29-main .footer-list-29 ul li a, .w3l-footer-29-main .footer-list-29 ul li p {
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  color: #aaa; }

.w3l-footer-29-main .footer-list-29 ul li a:hover {
  color: #70c150;
  }

.w3l-footer-29-main .main-social-footer-29 a {
  margin-right: 10px;
  color: #fff;
  background: #70c150;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: inline-block;
  text-align: center;
  font-size: 20px;
  border-radius: 50%;
  transition: 0.3s;
  }

.w3l-footer-29-main .main-social-footer-29 a:hover {
  transition: 0.3s; }

.w3l-footer-29-main .main-social-footer-29 a.facebook:hover {
  background: #3b5998;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.twitter:hover {
  background: #1da1f2;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.instagram:hover {
  background: #c13584;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.linkedin:hover {
  background: #0077b5;
  color: #fff; }

.w3l-footer-29-main .main-social-footer-29 a.pinterest:hover {
  background: #e60019;
  color: #fff; }
  .w3l-footer-29-main .main-social-footer-29 a.youtube:hover {
  background: #e60019;
  color: #fff; }

.w3l-footer-29-main .footer-list-29 ul li span.fa {
  width: 20px; }

.w3l-footer-29-main .main-social-footer-29 a:last-child {
  margin-right: 0; }

.w3l-footer-29-main .copy-footer-29, .w3l-footer-29-main p.sub-paragraph {
  font-weight: normal;
  font-size: 14px;
  line-height: 25px;
  color: #aaa; }

.w3l-footer-29-main .copy-footer-29 a {
  color: #ccc; }

.w3l-footer-29-main .copy-footer-29 a:hover {
  color: #febc35; }

.w3l-footer-29-main ul.list-btm-29,
.w3l-footer-29-main p.right-side-con {
  text-align: right; }

.w3l-footer-29-main .list-btm-29 li {
  list-style-type: none;
  display: inline-block; }

.w3l-footer-29-main ul.list-btm-29 li:nth-child(2) {
  margin: 0 15px; }

.w3l-footer-29-main .list-btm-29 li a,
.w3l-footer-29-main .list-btm-29 li select {
  font-weight: normal;
  font-size: 16px;
  line-height: 25px;
  color: #aaa; }

.w3l-footer-29-main .list-btm-29 li a:hover,
.w3l-footer-29-main .list-btm-29 li select:hover {
  color: #fff; }

.w3l-footer-29-main .list-btm-29 li select {
  border: none;
  cursor: pointer;
  background: transparent; }

.w3l-footer-29-main .bottom-source {
  grid-template-columns: .33fr 1fr 1fr .5fr;
  grid-gap: 100px;
  margin-top: 60px; }

.w3l-footer-29-main .main-social-footer-29 {
  margin-top: 20px; }

.w3l-footer-29-main .bottom-copies {
  border-top: 1px solid #454545;
  padding-top: 1.5em;
  margin-top: 2em;
  }
   .w3l-footer-29-main .bottom-copies a{
   	vertical-align: middle;
   	font-size: 17px;
   	margin: 5px 15px;
   	color: #ffffff;
   }
 .w3l-footer-29-main .bottom-copies a span{
 	font-size: 20px;
 	line-height: 32px;
 	color: #70c150;
 	margin-right: 10px;
 	border-radius: 6px;
 }
.btn-theme4 {
    padding: 8px 16px;
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    transition: 0.3s ease-in;
    border: 2px solid #70c150;
    background: #70c150;
    border-radius: 4px;
}
@media (max-width: 1366px) {
  .w3l-footer-29-main .bottom-source {
    grid-template-columns: .4fr 1.5fr 1.5fr .5fr; } }

@media (max-width: 1080px) {
  .w3l-footer-29-main .footer-29 {
    }
  .w3l-footer-29-main .footer-top-29 {
    grid-gap: 10px; } }

@media (max-width: 1080px) {
  .w3l-footer-29-main .midd-footer-29 {
    margin-top: 6em; }
  .w3l-footer-29-main .bottom-source {
    grid-template-columns: .6fr 1.5fr 2fr .5fr;
    grid-gap: 60px; } }

@media (max-width: 1024px) {
  .w3l-footer-29-main .grid-col-2 {
    grid-template-columns: 1fr; }
  .w3l-footer-29-main .copy-footer-29 {
    text-align: center; }
  .w3l-footer-29-main ul.list-btm-29 {
    text-align: center;
    margin-top: 10px; } }

@media (max-width: 991px) {
  .w3l-footer-29-main .grids-forms {
    grid-template-columns: 1fr;
    grid-gap: 30px;
    }
  .w3l-footer-29-main .footer-top-29 {
    grid-template-columns: 1fr 1fr;
    grid-gap: 40px; } }

.w3l-footer-29-main .main-social-footer-29 a span.fa {
  line-height: 35px; }

@media (max-width: 667px) {
  .w3l-footer-29-main .grids-forms{
    grid-gap: 15px;
  }
  .w3l-footer-29-main .footer-29 {
    padding: 30px 0 20px;
    }
  .w3l-footer-29-main .main-social-footer-29 a {
    margin-right: 5px; }
  .w3l-footer-29-main ul.list-btm-29 li:nth-child(2) {
    margin: 0 18px; }
  .w3l-footer-29-main .midd-footer-29 {
    margin-top: 5em;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em; }
  .w3l-footer-29-main ul.list-btm-29 li:nth-child(2) {
    margin: 0 12px; } 
    .w3l-footer-29-main h6.footer-title-29{
      margin-bottom: 10px;
    }
    .w3l-footer-29-main .footer-top-29{
          grid-gap: 20px;
    }
}

@media (max-width: 600px) {
  .w3l-footer-29-main .footer-top-29 {
    grid-template-columns: 1fr 1fr; }
  .w3l-footer-29-main .midd-footer-29,
  .w3l-footer-29-main ul.list-btm-29 {
    grid-template-columns: 1fr;
    text-align: center;
    grid-gap: 20px; } }

@media (max-width: 480px) {
  .w3l-footer-29-main .grid-1-footer:nth-child(1) {
    grid-column-start: span 2; }
  .w3l-footer-29-main h4.title-head {
    font-size: 22px;
    line-height: 38px;
    }
  .w3l-footer-29-main .footer-1 {
    grid-column: span 2; }
  .w3l-footer-29-main .footer-3 {
    grid-column: span 2;
    order: 2;
    display: none;
    } }

@media (max-width: 440px) {
  .w3l-footer-29-main .footer-top-29 {
    grid-template-columns: 1fr 1fr; } }

@media (max-width: 384px) {
  .w3l-footer-29-main .rightside-form {
    display: block; }
  .w3l-footer-29-main form.rightside-form input {
    border-radius: 4px;
    margin-bottom: 12px; }
  .w3l-footer-29-main .rightside-form button {
    padding: 12px 30px;
    width: 100%;
    border-radius: 4px; }
  .w3l-footer-29-main .footer-top-29 {
    grid-gap: 40px;
    grid-template-columns: 1fr 1fr; }
  .w3l-footer-29-main .midd-footer-29 {
    margin-top: 4em; }
  .w3l-footer-29-main .bottom-source {
    margin-top: 40px; } }


.no-gutters div{
	position: relative;
	overflow: hidden;
}
.team-area{background: #fff;}
.choose{padding-top: 100px;background: #fff;}
.choose h2{
    color: #000000;
    text-align: left;
    font-weight: 600;
    font-style: normal;
    font-family: 'Teko',sans-serif !important ;
    text-align: center;
        font-size: 50px;
    line-height: 47px;
    padding-bottom: 50px;
}
.choose p{
	    font-size: 16px;
    line-height: 27px;color: #000;
    letter-spacing: 0;
    overflow: hidden;
}

.choose .over-top{
	position: relative;
	overflow: hidden;

}
.choose .over-top h5{
	width: 100%;
	position: absolute;
    bottom: 0%;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 10px 5px;
    text-align: center;
}
/*--/stats--*/


p.counter {
  font-size: 40px;
  font-weight: 600;
  color: #fff;
  margin: 0 0 20px 0;
  display: inline-block;
  opacity: 1;
}

 .skill-content .col-sm-6{padding: 0;}
@media only screen and (max-width: 1080px) {
  

  p.counter {
    font-size: 40px;
  }

  span.plus {
    font-size: 35px;
  }

  .stats_info h3 {
    font-size: 17px;
  }
}
@media only screen and (max-width:768px) {
  .choose {
    padding-top: 50px;
  }
 
}


@media only screen and (max-width:660px) {
  p.counter {
    font-size: 26px;
  }
 
}

 /*--/w3l-index2--*/
.w3l-index2 .midd-w3{padding-top: 100px;padding-bottom: 3rem;}
.w3l-index2 .w3l-right-book{
	margin-top: 1.5rem;
}
.w3l-index2 .align-self{padding-left: 3rem}
.w3l-index2 .mt-5{
	margin-top: 3rem
}
.w3l-index2 .pt-3{
	padding-top: 100px;
}
.w3l-index2 .align-self h5{font-size: 20px;padding: 5px 0;font-weight: bold;margin-top: 10px;color: #175b08}
.title-w3l,
.title-w3l.two {
  font-size: 34px;
  line-height: 44px;
  font-weight: 600;
}

 
.title-sub {
  font-size: 24px;
  line-height: 34px;
  font-weight: 500;
  opacity: 0.9;
  text-transform: capitalize;
}

.title-subhny {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 30px;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
  padding: 0 40px;
}

.title-subhny::before,
.title-subhny::after {
  position: absolute;
  content: '';
  width: 25px;
  height: 5px;
  background: #82c966;
  border-radius: 2.5px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.title-subhny::before {
  left: 0;
}

.title-subhny span {
  color: var(--heading-color);
}

.title-w3l.two,
.title-subhny.two {
  color: #fff;
}

@media (max-width: 1080px) {
  .title-w3l {
    font-size: 32px !important;
    line-height: 40px;
  }
}

@media (max-width: 736px) {
  .title-left {
    font-size: 26px;
    line-height: 36px;
  }

  .title-sub {
    font-size: 20px;
    line-height: 30px;
  }
}

@media (max-width: 568px) {
  .title-w3l {
    font-size: 26px !important;
    line-height: 36px;
  }
}
.w3l-index2 {
  background-color: #fff;
}

ul.w3l-right-book li {
  margin-bottom: 10px;
  color: #1d2143;
  font-size: 17px;
  list-style: inside;
  font-weight: 400;
  list-style-type: none;
}

ul.w3l-right-book li span {
  font-size: 12px;
  margin-right: 16px;
  opacity: 0.9;
  color: #74c355;
}
.w3l-index2 .btn-style{
	    padding: 12px 45px;
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    transition: 0.3s ease-in;
        color: #fff;
    background-color: #0b2341;
    border-color: #0b2341;
}

/*--//w3l-index2--*/
 

.welcome-left {
  max-width: 600px;
  text-align: left;
  padding: 40px;
  background: var(--bg-color);
  border-radius: 8px;
}

/*--//w3l-content-mid--*/

/*news*/
.news-section { 
  overflow: hidden; 
  position: relative;
}
.news-section.style-two {
  padding-top: 210px;
}
.news-section.home6-style {
  background-color: #fff;
  border-top: 10px solid #ff5500;
}
.news-section>.news-block:nth-child(3n+1){
	clear: both;
}
.news-block {
  margin-bottom: 30px;
  position: relative;
}
.news-block .inner-box {
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
          box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.news-block .inner-box:hover .image-box .image a:after {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.news-block .inner-box:hover .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.news-block .inner-box:hover .read-more {
  width: 100%;
  left: 0%;
  opacity: 1;
}
.news-block .image-box {
  position: relative;
}
.news-block .image-box .image {
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
  overflow: hidden;
  position: relative;
}
.news-block .image-box .image img {
  border-radius: 10px 10px 0 0;
  display: block;
  width: 100%;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.news-block .image-box .over-img {
    position: absolute;
    right: 2%;
    bottom: 4%;
    width: 100px;
    height: 100px;
    transition: .3s all ease-in-out;
}
.news-block .image-box .image a:after {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  right: 51%;
  top: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.news-block .image-box .date {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ff5500;
  color: #fff;
  font-size: 14px;
  height: 55px;
  position: absolute;
  right: 20px;
  top: -10px;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 70px;
  z-index: 1;
}
.news-block .image-box .date span.month {
  font-size: 12px;
  font-weight: 400;
}
.news-block .image-box .date b {
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.news-block .image-box .date:before {
  border-top: 10px solid transparent;
  border-right: 10px solid #ff5500;
  content: "";
  left: -10px;
  position: absolute;
  top: 0;
}
.news-block .image-box .date:after {
  border-top: 10px solid transparent;
  border-left: 10px solid #ff5500;
  content: "";
  position: absolute;
  right: -10px;
  top: 0;
}
.news-block .lower-content {
  	border-radius: 0 0 10px 10px;
	padding: 25px 11px 35px;
	position: relative;
	text-align: center;
}
.news-block .lower-content h4{margin-bottom: 10px;}
.news-block .lower-content p{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;

}
 
.news-block .title {
  margin-bottom: 0;
  display: block;
  position: relative;
  color: #0f2c49;
  font-weight: 600;
}
.news-block .title a {
    font-size: 22px;
  display: inline-block;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.news-block .title a:hover {
  color: #ff5500;
}
.news-block .read-more {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #232331;
  border-radius: 0 0 10px 10px;
  bottom: -20px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 700;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  left: 50%;
  line-height: 20px;
  opacity: 0;
  padding: 10px 40px;
  position: absolute;
  text-transform: uppercase;
  width: 0%;
  white-space: nowrap;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.news-block.style-two .inner-box {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.news-block.style-two .lower-content {
  border: 1px solid #EFEAE4;
  border-radius: 0 0 10px 10px;
}

@media (max-width: 991px){
	.news-section>.news-block:nth-child(3n+1){
		clear: none;
	}
	.news-section>.news-block:nth-child(2n+1){
		clear: both;
	}
}
.service-sidebar{margin-left: 20px;}
.service-sidebar .service-sidebar-single-contact-box {
  position: relative;
  display: block;
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  padding: 50px 0px 44px;
  z-index: 1;
}
.service-sidebar .service-sidebar-single-contact-box::before {
  background-color:#0f2c49;
  border-radius: 10px;
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0.9;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.service-sidebar .service-sidebar-single-contact-box .icon {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border-radius: 50%;
  background: #ff5500;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover {
  background-color: #ff5500;
}
.service-sidebar .service-sidebar-single-contact-box .icon:hover span::before {
  color: #fff;
}
.service-sidebar .service-sidebar-single-contact-box .icon span::before {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 30px;
  line-height: 60px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .title {
  position: relative;
  display: block;
  margin-top: 20px;
  margin-bottom: 42px;
}
.service-sidebar .service-sidebar-single-contact-box .title h2 {
  color: #ffffff;
  font-size: 36px;
}
.service-sidebar .service-sidebar-single-contact-box .phone {
  font-size: 24px;
  line-height: 34px;
}
.service-sidebar .service-sidebar-single-contact-box .phone a {
  color: #ffffff;
  font-size: 24px;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.service-sidebar .service-sidebar-single-contact-box .phone a:hover {
  color: #ff5500;
}
.service-sidebar .service-sidebar-single-contact-box p {
  color: #ffffff;
  font-size: 14px;
  line-height: 22px;
}
.service-sidebar .service-sidebar-single {
    position: relative;
    display: block;
    margin-bottom: 30px;
}
.service-sidebar .service-sidebar-single-btn .theme-btn {
    padding: 20px 50px;
}
.theme-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.theme-btn .btn-title {
  position: relative;
}
.btn-style-one {
  background-color: #ff5500;
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  color: #ffffff;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  z-index: 1;
}
.btn-style-one:before {
  background-color:#0f2c49;
  content: "";
  height: 100%;
  opacity: 0.2;
  position: absolute;
  right: -15px;
  top: 0;
  width: 35px;
  z-index: -1;
  -webkit-transform: skewX(-22deg);
          transform: skewX(-22deg);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn-style-one:hover:before {
  opacity: 1;
  right: 0;
  -webkit-transform: skewX(0deg);
          transform: skewX(0deg);
  width: 100%;
}
.btn-style-one:hover {
  color: #ffffff;
}


.list_news_contert{
	background: #fff
}
.list_news_contert div {
  overflow: hidden;
}
.list_news_contert .col-md-4{
	position: relative;
	/* width: 80px; */
	height: 250px;
	overflow: hidden;
}
.list_news_contert .col-md-4 img {
  cursor: pointer;
  transition: all 2s;
      width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.list_news_contert img:hover {
  /* transform: scale(1.2); */
}

 

.list_news_contert .col-md-8 a {
  color: #000;
  text-decoration: none;
}

.list_news_contert .col-md-8 b {
  font-size: 14px;
  color: #0e65be !important;
}
.list_news_contert .col-md-8 h3 {
  padding: 5px 0;
}
.list_news_contert .col-md-8 span {
  color: #f00;
}
.list_news_contert .col-md-8 p {
  font-size: 16px; 
  margin: 5px 0 15px;
}

 

.list_news_contert .col-md-12 .col-md-8 div {
  border-bottom: 1px solid #9c9696;
  padding-bottom: 40px;
}

.list_news_contert .col-md-12 .col-md-8 div::before {
  position: absolute;
  content: '';
  background: #ffb300;
  bottom: 0px;
  height: 5px;
  left: 0px;
  width: 100%;
  visibility: hidden;
  opacity: 1;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  width: 0%;
}

.list_news_contert .col-md-12 .col-md-8 div:hover:before {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

.list_news_contert .col-md-12 {
  margin-bottom: 25px;
}

 