/* CSS Index

============



## Google Font Import 

## Common CSS

## Bacground Color  

## Background Image  

## Pre-loader

## Scroll Top 

## Sticky 

## Header Top Area

## Header Area  

## Main Menu 

## Slider CSS 

## Feature Section 

## About Section # 01 

## Service Section # 01

## Logistics Section # 01 

## Process Section 

## FAQ Section 

## Testimonial Section # 01 

## Blog Section 

## Client Section 

## CTA Section # 01

## Footer Area 



## About Section # 02

## Service Section # 02

## Achievement Section 

## Logistics Section # 02 

## Choose Us Section # 01

## Testimonial Section # 02

## Pricing Section 

## Quotation Section

## Logistics Services # 02



## Logistics Section # 03 

## About Section # 03

## CTA Section # 02

## Service Section # 03

## Choose Us Section # 02

## Team Section 



## Breadcrumb Section 

## Choose Us Page 

## Team Page 

## Price Page 

## Quotation Page 

## FAQ Page  

## Service Page 

## Blog Page 

## Single Service 

## Single Blog 

## Contact Page 





/* Google Font Import 

======================= */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,400&display=swap');

@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap");

@import url('https://fonts.googleapis.com/css?family=Muli:300,400,400i,500,500i,600,600i,700,700i,800,800i&display=swap');





/*	Theme Main Color: #169bf3

	Theme Secondary Color: #1A1F31*/



/* Common CSS 

============== */



html,

body {

	height: 100%;

	-moz-osx-font-smoothing: grayscale;

	-webkit-font-smoothing: antialiased;

	font-smoothing: antialiased;

}



body {

	font-family: 'Muli', sans-serif;

	font-size: 16px;

	line-height: 20px;

	font-weight: 400;

	position: relative;

	z-index: 1;

	background: #fff;

	overflow-x: hidden;

}





h1,

h2,

h3,

h4,

h5,

h6 {

	position: relative;

	font-family: 'Roboto', sans-serif;

	font-weight: 500;

	margin: 0;

	color: #169bf3;

		text-transform: capitalize;

}



h1 {

	font-size: 70px;

}



h2 {

	font-size: 40px;

}



/* h3 {

	font-size: 20px;

} */



a {

	text-decoration: none;

	cursor: pointer;

	font-family: "Roboto", serif;

	color: #169bf3;

	font-size: 16px;

	-webkit-transition: 0.5s;

	transition: 0.5s;

}



p {

	font-family: 'Muli', sans-serif;

	font-size: 16px;

	font-weight: 400;

	line-height: 25px;

	position: relative;

	color: #000;

}



p.highlight {

	color: #000;

	font-size: 17px;

	line-height: 27px;

}





button,

input,

textarea,

a:hover,

a:focus,

a:visited {

	text-decoration: none;

	outline: none;

	outline-width: 0 !important;

}



input:focus::-webkit-input-placeholder,

textarea:focus::-webkit-input-placeholder {

	color: transparent;

}



img {

	display: inline-block;

	max-width: 100%;

}



i,

span,

a {

	display: inline-block;

}



ul {

	list-style: none;

	margin: 0px;

	padding: 0px;

}



li {

	display: inline-block;

}



table,

th,

tr,

td {

	border: 1px solid #191919;

}



th,

tr,

td {

	padding: 10px;

}



hr {

	border-top: 1px solid #eee;

}



.auto-container {

	position: static;

	max-width: 1200px;

	padding: 0 80px;

	margin: 0 auto;

}



/*Section Padding CSS*/



.section-padding {

	padding: 80px 0;

}



@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 20px;

	}

}



/*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;

}



.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;

}



.ml-auto {

	margin-left: auto ! important;

}



.mr-auto {

	margin-right: auto ! important;

}



/*Section Title */





.section-title {

	position: relative;

}



.section-title h2 {

	font-size: 45px;

	font-weight: 400;

	line-height: 55px;

	margin: 20px 0;

	color: #169bf3;

}

.section-title h1 {

	font-size: 35px;

	font-weight: 400;

	line-height: 55px;

	margin: 20px 0;

	color: #ffffff;

}v



.section-title h2 {

	color: #ff04048a;

	font-size: 20px;

	text-transform: uppercase;

	letter-spacing: 1px;

}

.section-title-process-area h6{

	color: #ff00008a;

	font-size: 20px;

	text-transform: uppercase;

	letter-spacing: 1px;



}

.section-title-process-area h2{

	font-size: 45px;

	font-weight: 400;

	line-height: 55px;

	margin: 20px 0;

	color: #f2f4ff;

}







/*Button Style */



.main-btn {

	display: inline-block;

	background: #169bf3;

	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 */



input,

textarea,

select {

	/* width: 100%; */

	background: transparent;

	border: 1px solid #ddd;

	padding: 15px 30px;

	font-size: 14px;

	font-weight: 600;

	letter-spacing: 1px;

	-webkit-transition: .3s;

	transition: .3s;

	margin-bottom: 20px;

}



textarea {

	height: 150px;

	resize: none;

}



input[type="submit"],

button[type="submit"] {

	border: none;

	border-radius: 0;

	display: inline-block;

	background: #169bf3;

	color: #fff;

	padding: 15px 30px;

	margin: 27px 0;

	width: auto;

	-webkit-transition: .3s;

	transition: .3s;

	cursor: pointer;

	font-size: 15px;

	font-weight: 600;

}



input::placeholder,

textarea::placeholder {

	font-size: 15px;

	font-weight: 500;

	color: #fff;

}



input:focus::-webkit-input-placeholder,

textarea:focus::-webkit-input-placeholder {

	color: transparent;

}



/*Bootstrap CSS*/



.container-fluid {

	padding: 0;

}



/* Bacground Color & Overlay CSS 

============== */



.sky-bg {

	background: #ECF0F9;

}



.gray-bg {

	background: #f6f6f6;

}



.white-bg {

	background: #fff;

}



.blue-bg {

	background: #030f27;

}



.bg-cover {

	background-size: cover;

	background-position: center;

	background-repeat: no-repeat;

	width: 100%;

}



.overlay {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	background-color: rgba(3, 15, 39, 0.336);

	top: 0;

	left: 0;

	z-index: -1

}



.overlay-1 {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	background: #002c42;

	opacity: .7;

	top: 0;

	left: 0;

	z-index: -1

}





.overlay-2 {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	background: #002c42;

	opacity: .6;

	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: #169bf3;

	z-index: 999999;

}



.sk-folding-cube {

	margin: 20px auto;

	width: 40px;

	height: 40px;

	position: relative;

	-webkit-transform: rotateZ(45deg);

	transform: rotateZ(45deg);

}



.sk-folding-cube .sk-cube {

	float: left;

	width: 50%;

	height: 50%;

	position: relative;

	-webkit-transform: scale(1.1);

	-ms-transform: scale(1.1);

	transform: scale(1.1);

}



.sk-folding-cube .sk-cube:before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-color: #fff;

	-webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;

	animation: sk-foldCubeAngle 2.4s infinite linear both;

	-webkit-transform-origin: 100% 100%;

	-ms-transform-origin: 100% 100%;

	transform-origin: 100% 100%;

}



.sk-folding-cube .sk-cube2 {

	-webkit-transform: scale(1.1) rotateZ(90deg);

	transform: scale(1.1) rotateZ(90deg);

}



.sk-folding-cube .sk-cube3 {

	-webkit-transform: scale(1.1) rotateZ(180deg);

	transform: scale(1.1) rotateZ(180deg);

}



.sk-folding-cube .sk-cube4 {

	-webkit-transform: scale(1.1) rotateZ(270deg);

	transform: scale(1.1) rotateZ(270deg);

}



.sk-folding-cube .sk-cube2:before {

	-webkit-animation-delay: 0.3s;

	animation-delay: 0.3s;

}



.sk-folding-cube .sk-cube3:before {

	-webkit-animation-delay: 0.6s;

	animation-delay: 0.6s;

}



.sk-folding-cube .sk-cube4:before {

	-webkit-animation-delay: 0.9s;

	animation-delay: 0.9s;

}



@-webkit-keyframes sk-foldCubeAngle {



	0%,

	10% {

		-webkit-transform: perspective(140px) rotateX(-180deg);

		transform: perspective(140px) rotateX(-180deg);

		opacity: 0;

	}



	25%,

	75% {

		-webkit-transform: perspective(140px) rotateX(0deg);

		transform: perspective(140px) rotateX(0deg);

		opacity: 1;

	}



	90%,

	100% {

		-webkit-transform: perspective(140px) rotateY(180deg);

		transform: perspective(140px) rotateY(180deg);

		opacity: 0;

	}

}



@keyframes sk-foldCubeAngle {



	0%,

	10% {

		-webkit-transform: perspective(140px) rotateX(-180deg);

		transform: perspective(140px) rotateX(-180deg);

		opacity: 0;

	}



	25%,

	75% {

		-webkit-transform: perspective(140px) rotateX(0deg);

		transform: perspective(140px) rotateX(0deg);

		opacity: 1;

	}



	90%,

	100% {

		-webkit-transform: perspective(140px) rotateY(180deg);

		transform: perspective(140px) rotateY(180deg);

		opacity: 0;

	}

}



/* Scroll Top 

============== */

.go-top {

	background-color: #169bf3;

	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: 1em;

		bottom: 6em;

		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: #169bf3;

	-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: #169bf3;

	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: #ffffff;

	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 .is-sticky .logo img {
  filter: drop-shadow(2px 4px 6px black);
}


.header-area .logo img {

	max-width: 180px;
  filter: drop-shadow(2px 4px 6px white);

}



.sub-title {

	position: relative;

	display: flex;

	align-items: center;

	margin-bottom: 0;

	padding: 15px 0;

}



.sub-title p {

	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; */

	color: #fddbdb;

}

.header-area .is-sticky .sticky-area .navigation .container div .main-menu .navbar .navbar-collapse 

.navbar-nav .nav-item a{



	color: #ffffff ;

}



#header-2 .main-menu .navbar-nav .nav-link .row{

	padding: 30px 0;

	color: #131111;

}



#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: #ffffff;

}



/* .header-area .main-menu .navbar-nav .nav-link.active {

	color: #169bf3;

}



#header-2.header-area .main-menu .navbar-nav .nav-link.active {

	color: #169bf3;

} */



#header-3.header-area .main-menu .navbar-nav .nav-link.active {

	color:#000000;

	/* text-decoration-line: underline;

	text-decoration-style: double;

	text-decoration-color: #169bf3; */

}

.header-area .is-sticky .sticky-area .navigation .container div .main-menu .navbar .navbar-collapse .navbar-nav .nav-link.active {

	color: rgb(0, 162, 255);



	/* text-decoration-line: underline;

	text-decoration-style: double;

	text-decoration-color: #fdfdfd; */

}

#header-3.header-area .main-menu .navbar-nav .nav-link.active {

	color:#000000;

	/* text-decoration-line: underline;

	text-decoration-style: double;

	text-decoration-color: #169bf3; */

}

/* .header-area .main-menu li.nav-item:hover > a {

	color: #777;

} */

#header-3.header-area .main-menu .navbar-nav .nav-link:hover >a{

	color: #191919;

}

.header-area .header-btn.main-btn {

	padding: 14px 30px;

}



.header-area.absolute-header {

	position: absolute;

	/* top: 0; */

	width: 100%;

	z-index: 99;

	/* padding: 55px 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: 1px;

	background-color: #fff;

	color:rgb(0, 162, 255);

	position: absolute;

	top: 32px;

	right: 10px;

	font-size: 15px;

}



.search-box button:before {

	position: absolute;

	content: "";

	top: 50%;

	left: -13px;

	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:#fff;

	font-size: 32px;

	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: #169bf3;

	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:capitalize;

	font-size: 15px;

	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: rgb(136, 136, 136);

	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: rgb(0, 162, 255);

	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: #ffffff;

	-webkit-transition: .3s;

	transition: .3s;

}



.main-menu .sub-menu li:hover > a {

	color: rgb(0, 162, 255) !important;

}

.header-area .is-sticky .sticky-area .navigation .container div .main-menu .navbar .navbar-collapse .navbar-nav .nav-item a:hover > a {

	color: rgb(0, 162, 255) !important;

}

.dropdown-toggle::after {

	display: none !important;

}



.navigation .navbar .navbar-nav .nav-item .sub-nav-toggler {

	display: none;

}





/* Slider CSS 

==================*/











.single-slide-item {

	background-image: url(../img/slider/slide-1.jpg);

}



.hero-area-bg-2 {

	background-image: url(../img/slider/slide-2.jpg);

}



#home-2 .single-slide-item {

	background-image: url(../img/slider/slide-3.jpg);

}



#home-2 .hero-area-bg-2 {

	background-image: url(../img/slider/slide-4.jpg);

}



#home-3 .single-slide-item {

	background-image: url(../img/slider/slide-5.jpg);

}



#home-3 .hero-area-bg-2 {

	background-image: url(../img/slider/slide-6.jpg);

}



.single-slide-item {

	background-size: cover;

	background-position: center;

	background-color: #ddd;

	color: #fff;

	width: 100%;

	height: 700px;

	display: table;

	position: relative;

	z-index: 1;

}



.single-slide-item h1 {

	color: #fff;

	font-size: 50px;

	font-weight: 500;

	line-height: 90px;

	letter-spacing: 1px;

	margin: 30px 0;

}



.homepage-slides .section-title h6 {

	color: #ffffff;

}



#home-2 .single-slide-item h6 {

	color: #fff;

	font-size: 16px;

	letter-spacing: 2px;

	position: relative;

	padding-left: 60px;

}



#home-2 .single-slide-item h6:before {

	position: absolute;

	content: "";

	width: 40px;

	height: 2px;

	left: 0;

	top: 50%;

	background: #169bf3;

	margin-top: -1px;

}



#home-2 .single-slide-item {

	height: 700px;

}



#home-3 .single-slide-item {

	height: 800px;

}



#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: 35px;

	height: 35px;

	border: 2px solid;

	font-size: 20px;

	font-weight: 100;

	line-height: 16px;

	position: absolute;

	left: 15px;

	top: 50%;

	margin-top: -25px;

	color: #169bf38c;

	visibility: hidden;

	opacity: 0;

	-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: .3;

}



.homepage-slides .owl-nav button.owl-prev:hover,

.homepage-slides .owl-nav button.owl-next:hover {

	background: #169bf3;

	color: #fff;

	border-color: #169bf3;

	opacity: 1;

}



.hero-area-content {

	display: table-cell;

	vertical-align: middle;

}



.hero-area-content .main-btn {

	margin: 25px 0;

}



/* Feature Section

============== */



.feature-area .single-feature-item {

	margin-top: -50px;

	transform: translateY(0);

	transition: .5s;

	box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);

	box-shadow: 0 0 10px -2px #6b7d6f;

	border-radius: 5px;

}



.feature-area .single-feature-item:hover {

	transform: translateY(-20px);

}



.feat-icon i:before {

	font-size: 55px;

	color: #FCDB5A;

}



.feat-icon {

	background: #eff8fb;

	padding: 65px 30px 50px;

	height: 100%;

	border-radius: 5px 0 0 5px;

}



.feat-content {

	background: #eff8fb;

	padding: 30px;

	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 {

	position: relative;

	z-index: 9;

}



/* About Seciton # 01 

============== */



.info-img {

	background-image: url(../img/map.png);

	background-size: cover;

	background-position: top center;

}



.info-content-area .section-title h2 {

	position: relative;

	padding-left: 35px;

}



.info-content-area .section-title h2:before {

	position: absolute;

	content: " ";

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	border-left: 10px solid #169bf3;

}



.info-content-area p.highlight {

	position: relative;

	padding-left: 35px;

	margin: 20px 0;

}



.info-content-area p.highlight:before {

	position: absolute;

	content: "";

	width: 15px;

	height: 15px;

	top: 5px;

	left: 0;

	background: #DDD;

}



.info-content-area .main-btn {

	background: transparent;

	color: #169bf3;

	border: 2px solid;

	margin: 40px 0;

}



.info-content-area .main-btn:hover {

	background: #169bf3;

	color: #fff;

	border-color: #169bf3;

}



.info-img {

	margin-right: 30px;

}



.founded {

	border-top: 4px solid #eee;

	border-bottom: 4px solid #eee;

	padding: 10px;

}



.years {

	font-family: 'Teko', sans-serif;

	font-size: 25px;

	font-weight: 300;

	line-height: 20px;

	letter-spacing: 1px;

}



.years span {

	font-family: 'Teko', sans-serif;

	font-size: 140px;

	font-weight: 600;

	line-height: 120px;

	background-color: #169bf3;

	background-image: url(../img/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 .text {

	font-size: 18px;

	font-weight: 500;

	font-style: italic;

	line-height: 27px;

	color: #169bf3;

	border-left: 5px solid #eee;

	padding-left: 35px;

	margin-top: 20px;

}





/* Service Section # 01

============== */



.services-area {

	background-image: url(../img/service.jpg); 

	background-position: center center;

	padding-bottom: 120px;

	position: relative;

	z-index: 1; background-size: cover; background-repeat: no-repeat;  background-attachment: fixed;

}

#service-1.services-area .section-title h2 {

	color: #fff;

}



.service-icon i:before {

	font-size: 50px;

	color: #169bf3;

}



.single-service-area {

	text-align: center;

	height: 320px;

	padding: 40px;

	background: #052435;

	position: relative;

	z-index: 1;

	box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.10);

}





.single-service-area h4 {

	font-size: 22px;

	font-weight: 500;

	line-height: 26px;

	letter-spacing: 1px;

	color: #fff;

	margin: 30px 0 20px;

}



.single-service-area p {

	color: #ccc7c7;

}



.single-service-area a.read-more {

	text-transform: capitalize;

	font-size: 15px;

	font-weight: 500;

	letter-spacing: 1px;

	margin: 10px 0;

}



.single-service-area:before {

	background-image: url(../img/service/01.jpg);

}



.service-2:before {

	background-image: url(../img/service/03.jpg);

}



.service-3:before {

	background-image: url(../img/service/04.jpg);

}



.service-4:before {

	background-image: url(../img/service/02.jpg);

}



.service-5:before {

	background-image: url(../img/service/05.jpg);

}



.service-6:before {

	background-image: url(../img/service/06.jpg);

}



.single-service-area:before {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	z-index: -1;

	opacity: 0;

	visibility: hidden;

	transition: all .3s ease-out;

	background-size: cover;

	background-position: center;

}



.single-service-area:after {

	position: absolute;

	content: "";

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background: #03102A;

	z-index: -1;

	opacity: 0;

	visibility: hidden;

	transition: all .4s ease-out;

}



.single-service-area:hover::before {

	visibility: visible;

	opacity: .5;

}



.single-service-area:hover::after {

	visibility: visible;

	opacity: .9;

}





/* Logistics Section # 01  

==================== */



.single-logistic-bg {

	background-image: url(../img/freight/1.jpg);

	height: 325px;

}



.logistic-bg-2 {

	background-image: url(../img/freight/2.jpg);

}



.logistic-bg-3 {

	background-image: url(../img/freight/3.jpg);

}



.logistic-bg-4 {

	background-image: url(../img/freight/4.jpg);

}



#logistic-1 .single-logistic-area {

	padding: 40px;

	box-shadow: none;

	margin-top: 0;

	height: 325px;

	text-align: center;

	background: #fff;

	transition: .3s;

}



.single-logistic-area h5 {

	margin: 25px 0;

}



#logistic-1 .logistic-icon i:before {

	color: #002C42;

}



#logistic-1 .single-logistic-area a.read-more {

	margin: 12px 0 0;

	text-transform: capitalize;

	font-weight: 500;

}



#logistic-1 .single-logistic-area:hover {

	background: #02223A;

}



#logistic-1 .single-logistic-area:hover .logistic-icon i:before {

	color: #fff;

}



#logistic-1 .single-logistic-area:hover h5 {

	color: #fff;

}



#logistic-1 .single-logistic-area:hover p {

	color: #fff;

}



/* Process Section

============== */



.single-process-area {

	text-align: center;

	margin-top: 50px;

	overflow: hidden;

}



.single-process-area h5 {

	font-size: 14px;

	color: #fff;

	margin: 25px 0 10px;

	letter-spacing: 1px;

}



.single-process-area h4 {

	font-size: 20px;

	margin: 20px 0;

}

.single-process-area p {

	font-size: 18px !important;

	color: #DDD !important;

}

.process-icon {

	position: relative;

}



.process-icon img {

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px transparent;

}

.process-area{

	background-image: url(../img/achievement.jpg);

	height: auto;

	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;



}



.single-process-area:hover img {

	-webkit-animation-name: hvr-buzz-out;

	animation-name: hvr-buzz-out;

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}



[class*='col-lg-3']:not(:last-child) .process-icon:after {

	position: absolute;

	content: "";

	top: 50%;

	right: -44px;

	width: 80px;

	height: 2px;

	border: 2px dashed rgb(252, 32, 32);

	opacity: .7;

}



#about-page.process-area .section-title h2 {

	color: #fff;

}



#about-page.process-area .single-process-area h4 {

	color: #fff;

}



#about-page.process-area .single-process-area p {

	color: #cecece;

}



/* FAQ Section 

============== */



.faq-bg {

	background-image: url(../img/faq.png);

	height: 600px;

}



.styled-faq {

	margin-top: 40px;

}



.styled-faq .panel-group .panel {

	border-radius: 0;

	-webkit-box-shadow: 0 0 0;

	box-shadow: 0 0 0;

	margin-bottom: 30px;

	border: 1px solid #f6f6f6;

}



.styled-faq .panel-default > .panel-heading {

	background: none;

	padding: 0;

	border: none;

}



.styled-faq .panel-default > .panel-heading + .panel-collapse > .panel-body {

	border-top: none;

	padding: 10px;

}



.styled-faq .panel .panel-heading h6 {

	font-weight: 500;

}



.styled-faq .panel .panel-heading h6 a {

	display: block;

	text-decoration: none;

	padding: 12px;

	background: #f6f6f6;

	color: #169bf3;

}



@media (max-width: 575px) {

	.styled-faq .panel .panel-heading h6 a {

		font-size: 14px;

	}

}



.styled-faq .panel .panel-heading h6 a i.fa {

	float: right;

	font-size: 150%;

	line-height: 15px;

	display: none;

	color: #ddd;

}



.styled-faq .panel .panel-heading h6 a[aria-expanded=true] i.fa.fa-angle-up {

	display: block;

	color: #169bf3;

}



.styled-faq .panel .panel-heading h6 a[aria-expanded=false] i.fa.fa-angle-down {

	display: block;

	color: #169bf3;

}



/*Testimonial Section # 01

============== */



.testimonial-area {

	background-image: url(../img/testimonial-bg.jpg);

	background-size: cover;

	background-position: center;

	height: 500px;

	position: relative;

	z-index: 1;

}





.testimonial-avatar img {

	max-width: 100px;

	border-radius: 50%;

	margin: 0 auto;

}



.single-testimonial-item {

	text-align: center;

}



.testimonial-content p {

	font-size: 17px;

	line-height: 27px;

	color: #f5f3f3;

	margin: 20px 0;

}



.testimonial-content h4 {

	font-size: 18px;

	font-weight: 400;

	color: #fff;

	margin: 30px 0;

}



.testimonial-content h4 span {

	display: block;

	font-size: 90%;

	margin-top: 7px;

	opacity: .5;

}



.testimonial-carousel .owl-dots button {

	width: 15px;

	height: 15px;

	background: #999;

	display: inline-block;

	border-radius: 50%;

	margin: 5px;

}



.testimonial-carousel .owl-dots button.active {

	background: #169bf3;

}



.testimonial-carousel .owl-dots {

	display: block;

	text-align: center;

}



.testimonial-area .testimonial-icon-before i {

	font-size: 40px;

	background: none;

	padding: 10px;

	position: absolute;

	top: 55px;

	z-index: 9;

	left: -10px;

	color: #169bf3;

}



.testimonial-area .testimonial-icon-after i {

	font-size: 40px;

	background: none;

	padding: 10px;

	position: absolute;

	bottom: 55px;

	z-index: 9;

	right: -10px;

	color: #169bf3;

}



/* Blog Section 

============== */



.blog-area .single-blog-item {

	background: #fff;

	border-radius: 5px;

}



.blog-area .blog-bg img {

	height: 250px;

	width: 100%;

	border-radius: 5px 5px 0 0;

}



.blog-area p.blog-meta {

	font-size: 14px;

	font-weight: 500;

	margin: 8px 0;

	color: #169bf3;

	text-transform: uppercase;

}



.blog-area p.blog-meta i:before {

	padding-right: 7px;

}



.blog-area .blog-meta i {

	font-size: 20px;

	margin-right: 7px;

}



.blog-content i {

	margin-right: 7px;

}



.blog-content {

	box-shadow: 0 0 10px 0px rgba(0, 0, 0, .06);

	padding: 30px;

}



.blog-area .blog-content h5 a {

	font-size: 18px;

	font-weight: 500;

	line-height: 28px;

	color: #1d2143;

	margin-bottom: 20px;

}



.blog-area .blog-content h5 a:hover {

	color: #169bf3;

}



.blog-area a.read-more {

	text-transform: capitalize;

	font-size: 16px;

	font-weight: 500;

	margin: 10px 0 0;

	color: #169bf3;

	opacity: .5;

}



.blog-area a.read-more:hover {

	opacity: 1;

}



.blog-area .blog-bg {

	position: relative;

	z-index: 1;

	overflow: hidden;

	transition: .3s;

}



.blog-area .blog-bg img {

	transition: transform ease 0.3s;

}



.blog-area .blog-bg span {

	background: #169bf3;

	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;

}



/* Client Section CSS  */



.single-logo-wrapper {

	height: 100px;

	display: flex;

	justify-content: center;

	align-items: center;

	opacity: .5;

	transition: .3s;

}



.single-logo-wrapper:hover {

	opacity: 1;

}



/* CTA Section # 01

============== */



.cta-area {

	background: #169bf3;

	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

======================== */



.footer-area {

	background-image: url(../img/footer-bg.png);

	background-size: cover;

	background-position: center;

	color: #fff;

}



.footer-area h5 {

	color: #fff;

	margin: 20px 0;

}



.footer-area .contact-addr p {
	color: white;
}

.footer-area p {

	margin-top: 16px;

	color: #9aa3b2;

}



.contact-info p {

	margin-bottom: 10px;

}



.footer-area ul li a {

	display: block;

	color: #d7d7d7;

	padding: 7px 0;

}



.footer-up ul li a span {

	color: #169bf3;

	font-size: 18px;

	font-weight: 600;

}



.footer-area ul li a:hover {

	color: #169bf3;

}



.subscribe-form button {

	padding: 15px 40px;

	font-size: 16px;

	line-height: 13px;

	background: #169bf3;

	color: #fff;

	-webkit-transition: all 0.3s ease-out 0s;

	transition: all 0.3s ease-out 0s;

	border: 0;

	cursor: pointer;

}



.subscribe-form {

	position: relative;

}



.subscribe-form input {

	border: 0;

	background: #3D4147;

}



.subscribe-form input::placeholder {

	color: #797A7E;

	font-size: 14px;

}



.footer-up {

	padding: 80px 0;

}





.footer-up .logo {

	width: 210px;

}



.footer-up .social-area i {

	color: #eee;

	font-size: 21px;

	margin-right: 10px;

	margin-top: 20px;

}



.footer-bottom {

	padding: 10px 0;

	background: #20242d;

}



.footer-bottom p {

	margin: 0;

	color: #707579;

}



p.privacy {

	text-align: right;

}



/*==============================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 #169bf3;

}



.about-bg-wrapper {

	height: 100%;

	border: 10px solid #fff;

	border-right: 0;

}



.about-bg-innner {

	background-image: url(../img/about/about.jpg);

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

}



.key-feature {

	margin-top: 20px;

}



.key-feature h4 {

	font-size: 20px;

	margin: 15px 0 10px;

}





/* Service Section # 02

==================== 

*/



.single-serv-item {

	background: #f5f5f5;

	height: 350px;

	text-align: left;

	position: relative;

	z-index: 1;

	transform: translateY(-20px);

	transition: .5s;

	border: 1px solid rgb(199, 199, 199);

	border-radius: 9%;

	margin-top: 50px;

	text-align:center;

}



.single-serv-item:hover {

	transform: translateY(-20px);

}



.serv-content {

	border-top: 1px solid #efefef;

	border-bottom: 1px solid #efefef;

	padding: 20px 40px 10px;

	margin-top: 20px;

}



.serv-content h5 {

	margin: 5px 0 15px;

	color: #1d2143;

	font-weight: 500;

}



.serv-icon {

	padding: 35px 40px 30px;

	height:25px;

}



.serv-icon i:before {

	font-size: 60px;

	color: #169bf3;

}



.single-serv-item a {

	text-transform: uppercase;

	font-size: 16px;

	letter-spacing: 1px;

	font-weight: 500;

	padding: 5px 40px;

}



.service-slider .owl-dots button.owl-dot span {

	width: 10px;

	height: 10px;

	background: #ddd;

	margin-right: 10px;

	margin-top: 20px;

}



.service-slider .owl-dots button.owl-dot.active span {

	width: 35px;

	height: 10px;

	background: #169bf3;

}



.service-slider .owl-dots {

	text-align: center;

	margin-top: 30px;

}





/* Achievement Section 

============== */



.achievement-area {

	background-image: url(../img/achievement.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: #fff;

	margin: 30px 0 20px;

}



.single-counter-box p.counter-number {

	font-size: 40px;

	color: #fff;

}



.single-counter-box h6 {

	color: #169bf3;

	font-size: 18px;

	font-weight: 400;

}



/* Logistics Section # 02

============== */





.freight-bg-1 {

	background-image: url(../img/freight/1.html);

}



.freight-bg-2 {

	background-image: url(../img/freight/2.html);

}



.freight-bg-3 {

	background-image: url(../img/freight/3.html);

}



.single-freight-area {

	position: relative;

	z-index: 1;

	overflow: hidden;

	transition: all 2s ease-out;

}



.freight-icon {

	position: absolute;

	top: 50px;

	left: 35px;

}



.freight-icon i:before {

	font-size: 45px;

	color: #fff;

}



.single-freight-area h5 {

	font-size: 20px;

	letter-spacing: 1px;

	color: #fff;

	position: absolute;

	top: 50%;

	left: 25px;

}



.single-freight-area h5:after {

	position: absolute;

	content: " ";

	width: 80px;

	height: 3px;

	background: #ffff;

	bottom: -15px;

	left: 0;

}



.single-freight-area .read-more {

	position: absolute;

	bottom: 25px;

	left: 25px;

	color: #169bf3;

	text-transform: uppercase;

	font-size: 16px;

	font-weight: 500;

	letter-spacing: 1px;

}



.single-freight-area .read-more:before {

	position: absolute;

	content: "";

	width: 10px;

	height: 2px;

	background: #fff;

	top: 50%;

	left: 0;

	margin-left: -5px;

	opacity: 0;

	visibility: hidden;

}





.single-freight-area:hover .read-more {

	padding-left: 15px;

}



.single-freight-area:hover .read-more:before {

	opacity: 1;

	visibility: visible;

}



.single-freight-area img {

	transition: transform ease 0.3s;

}



.single-freight-area img:hover {

	transform: scale(1.3);

	transition: all 2s ease-out;

}





/*Choose Us Section # 01 

============== */





.chooseus-area {

	border-top: 1px solid #eee;

}



.chooseus-area .section-heading:after {

	margin: 0;

}



.single-feature-item .num {

	font-size: 24px;

	line-height: 24px;

	background: #169bf3;

	display: inline-block;

	padding: 10px;

	color: #fff;

	width: 45px;

	height: 45px;

	text-align: center;

	float: left;

	border-radius: 5px;

}



.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: #169bf3;

	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;

}



/* Testimonial Section # 02

============== */



#testimonial-2.testimonial-area {

	background-image: none;

	height: auto;

}



#testimonial-2.testimonial-area .section-title {

	padding: 0;

}



#testimonial-2 .single-team-item img {

	max-width: 70px;

	height: auto;

	float: left;

}



#testimonial-2 .author-desc {

	margin-top: 30px;

}



#testimonial-2 .author-desc h5 {

	font-size: 18px;

	padding-left: 80px;

	margin: 0;

}



#testimonial-2 .author-desc span {

	font-size: 90%;

	color: #169bf3;

	padding-left: 10px;

}



#testimonial-2 .single-team-item {

	background: #fff;

	padding: 50px 50px 70px;

	position: relative;

	z-index: 1;

	margin-top: 50px;

	box-shadow: 0 3px 9px -2px #d0cece;

	border-bottom: 3px solid #fff;

	transition: .3s;

	border-radius: 5px;

}



#testimonial-2 .single-team-item:hover {

	border-bottom: 3px solid #169bf3;

}



#testimonial-2 .testimonial-icon i {

	font-size: 25px;

	background: #169bf3;

	padding: 10px;

	position: absolute;

	top: -20px;

	color: #fff;

	z-index: 9;

	border-radius: 5px;

}



#testimonial-2.testimonial-area .owl-dots button.owl-dot span {

	width: 10px;

	height: 10px;

	background: #ddd;

	margin-right: 10px;

	margin-top: 20px;

}



#testimonial-2.testimonial-area .owl-dots button.owl-dot.active span {

	width: 35px;

	height: 10px;

	background: #169bf3;

}



#testimonial-2.testimonial-area .team-carousel .owl-dots {

	text-align: center;

	margin-top: 30px;

}



/*Pricing Section 

=================

*/



.pricing-section {

	background: #01273E;

}



.pricing-section .section-title h2 {

	color: #fff;

}



.single-price-item {

	padding: 25px;

	margin-bottom: 30px;

	margin-top: 30px;

	text-align: center;

	border: 5px solid #0f294a;

	opacity: .5;

	border-radius: 5px;

}



.single-price-item.active {

	border-color: #169bf3;

	opacity: 1;

}



.single-price-item h4 {

	margin: 25px 0;

	padding: 15px 25px;

	color: #fff;

	font-size: 20px;

	text-transform: uppercase;

	letter-spacing: 1px;

	font-weight: 500;

}



.single-price-item p {

	margin-bottom: 50px;

}



.single-price-item p b {

	font-size: 40px;

	color: #fff;

}



.single-price-item ul {

	list-style: none;

	margin: 0;

	padding: 0;

}



.single-price-item ul li {

	display: block;

	margin: 20px 0;

	color: #e5e5e5;

	font-size: 16px;

	text-align: left;

	padding-left: 35px;

}



.single-price-item .main-btn {

	padding: 14px 24px;

	margin: 30px 0;

	border-radius: 0;

	background: #169bf3;

	color: #fff;

	text-transform: uppercase;

	font-size: 14px;

}



.single-price-item .main-btn:hover {

	background: #00656D;

	color: #fff;

}



/* Quotation Section 

====================

*/



.quotation-section {

	background-image: url(../img/consult-bg.jpg);

	position: relative;

	z-index: 1;

}



.quotation-section .section-title h2 {

	color: #fff;

}



.quotation-form {

	padding: 30px 30px 30px 30px;

	background-color: #e4e4e4;

}



.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: #169bf3;

	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: #169bf3;

}





/*=============================HOME # 03 ==================================*/





/*Logistics Section # 03

========================*/



.logistic-service-area {

	background-image: url(../img/icon/air-freight.png);

	background-position: center;

	background-repeat: no-repeat;

}



.logistic-service-area.sea {

	background-image: url(../img/icon/sea.png);

}



.logistic-service-area.road {

	background-image: url(../img/icon/truck.png);

}



.logistic-service-area.rail {

	background-image: url(../img/icon/freight-wagon-bg.png);

}



.logistic-service-area.store {

	background-image: url(../img/icon/wholesale.png);

}



.logistic-service-area.ware {

	background-image: url(../img/icon/pallet.png);

}





.logistic-service-area {

	text-align: left;

	height: 320px;

	padding: 45px 40px;

	border-radius: 5px;

	box-shadow: 0 0 9px 0 rgba(29, 33, 67, 0.10);

}



.logistic-service-area:hover {

	border-color: #ddd;

}



.logistic-service-area h4 {

	color: #1d2143;

	margin: 25px 0;

}



.logistic-service-area p {

	color: #898a9c;

}



.logistic-service-area .read-more {

	text-transform: uppercase;

	font-weight: 500;

	margin: 10px 0;

}



.service-icon i {

	transform: perspective(1px) translateZ(0);

	box-shadow: 0 0 1px transparent;

}



.logistic-service-area:hover i {

	-webkit-animation-name: hvr-buzz-out;

	animation-name: hvr-buzz-out;

	-webkit-animation-duration: 1.5s;

	animation-duration: 1.5s;

	-webkit-animation-timing-function: linear;

	animation-timing-function: linear;

	-webkit-animation-iteration-count: 1;

	animation-iteration-count: 1;

}





/* About Section # 03  

============== */



.single-bar-item h4 {

	font-size: 17px;

	margin-bottom: 10px;

}



.progress-bar-area {

	margin-top: 20px;

}



.barfiller .fill {

	background: #169bf3 !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: #169bf3;

}



#about-3 .choose-certify h5 {

	font-size: 20px;

	font-weight: 500;

	margin: 20px 0;

	color: #002c42;

}



#about-3 .choose-certify p {

	padding-left: 0;

}



/* CTA Section # 02

============== */



#cta-2.cta-area {

	background-image: url(../img/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: #169bf3;

	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;

}



/* Service Section # 03

======================== */

/* #service-3.services-area {

	background: #fff;

} */



#service-3 .single-service-area {

	text-align: center;

	height: 320px;

	padding: 40px;

	background: #fff;

	position: relative;

	z-index: 1;

}



.service-bg {

	background-image: url(../img/service/01.jpg);

	height: 270px;

	transform: scale(1.3);

	transition: all 2s ease-out;

}





.service-bg-1 {

	background-image: url(../img/service/animal-feed.jpg);

}

.service-bg-2 {

	background-image: url(../img/service/detergent.jpg);

}

.service-bg-3 {

	background-image: url(../img/service/textline.jpg);

}



.bg-2 {

	background-image: url(../img/service/textline.jpg);

}



.bg-3 {

	background-image: url(../img/service/textline.jpg);

}



.bg-4 {

	background-image: url(../img/service/textline.jpg);

}



.bg-5 {

	background-image: url(../img/service/05.jpg);

}



.bg-6 {

	background-image: url(../img/service/06.jpg);

}



.h-350{

	height: 350px;

}

.h-500{

	height: 350px;

}





#service-3 .single-service {

	position: relative;

	margin-top: 30px;

	margin-bottom: 50px;

	overflow: hidden;

}



.single-service .service-content {
    /*position: absolute;*/
    /*bottom: 0px;*/
    /* left: 20px; */
    /* right: 20px; */
    /*background: #e6e6e6;*/
    /* padding: 10px; */
    /*box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);*/
    /*display: flex;*/
    
    position: absolute;
    bottom: 0px;
    background: #e6e6e6;
    padding: 10px;
    box-shadow: 0px 15px 30px rgb(0 0 0 / 10%);
    left: 20px;
    right: 20px;
	/*position: absolute;*/

	/*bottom: 0px;*/

	/*left: 20px;*/

	/*right: 20px;*/

	/*background: #e6e6e6;*/

	/*padding: 20px;*/

	/*box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.10);*/

}



.service-content h3 {

	font-size: 20px;

	line-height: 22px;

	margin: 10px 0;

	transform: translateY(0);

	transition: all .3s ease-in-out;

	position: relative;

	padding-left: 15px;

}



.service-content h3:before {

	position: absolute;

	content: "";

	top: 50%;

	left: 0;

	width: 4px;

	height: 30px;

	background: #169bf3;

	margin-top: -15px;

}



.service-content a.read-more {

	position: absolute;

	bottom: 37px;

	left: 20px;

	opacity: 0;

	transform: translateY(50%);

	transition: all .3s ease-in-out;

	text-transform: capitalize;

	font-family: 'Teko', sans-serif;

	font-size: 18px;

	letter-spacing: 2px;

	color: rgb(0, 0, 0);

	padding-left: 15px;

}



.single-service:hover .service-content h3 {

	transform: translateY(-12px);

	-webkit-transition-delay: .2s;

	transition-delay: .2s;

}



.single-service:hover .service-content a.read-more {

	transform: translateY(22px);

	opacity: 1;

	-webkit-transition-delay: .3s;

	transition-delay: .3s;

}



.single-service:hover .service-bg {

	transform: scale(1.07);

}



/* Choose Us Section # 02

====================== 

*/



.choose-us-area {

	background-image: url(../img/choose-bg.jpg);

	background-size: cover;

	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: #169bf3;

	opacity: .2;

}



/* Spacer

============== */



.spacer {

	position: relative;

}



.spacer-bg {

	/*	background-image: url(../img/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/team/1.jpg);

}



.team-bg-2 {

	background-image: url(../img/team/2.jpg);

}



.team-bg-3 {

	background-image: url(../img/team/3.jpg);

}



.team-bg-4 {

	background-image: url(../img/team/4.jpg);

}



.team-bg-5 {

	background-image: url(../img/team/5.jpg);

}



.team-bg-6 {

	background-image: url(../img/team/6.jpg);

}



.team-bg-7 {

	background-image: url(../img/team/7.jpg);

}



.team-bg-8 {

	background-image: url(../img/team/8.jpg);

}



.single-team-member {

	position: relative;

	margin-top: 25px;

}



.single-team-member .team-content {

	position: absolute;

	bottom: -75px;

	background: #fff;

	text-align: center;

	width: 100%;

}



.team-content .team-title {

	font-weight: 500;

}



.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 {

	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: #169bf3;

}



.single-team-member:hover .team-social {

	visibility: visible;

	opacity: 1;

	left: 0;

	transform: translateY(0);

}





/* Contact Section 

==================== 

*/



.contact-section {

	background-image: url(../img/contact-bg.jpg);

	background-attachment: fixed;

}



.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: #169bf3;

	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/bread-bg.jpg);

}



.breadcroumb-area {

	height: 300px;

	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: #092c3e;

	opacity: .5;

	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 #169bf3;

}



.breadcroumb-area h6 a {

	color: #fff;

}



.breadcroumb-area h6 {

	color: #aeb1b3;

	font-size: 16px;

	margin-top: 25px;

}



@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;

	}

}



@media (max-width: 575px) {

	.breadcroumb-area .breadcroumb-title h1 {

		font-size: 35px;

	}

}



/*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;

}



/* Price Page */



#price-page.pricing-section {

	background: none;

}



#price-page.pricing-section .section-title h2 {

	color: #1d2143;

}



#price-page .single-price-item {

	border: 5px solid #0f294a;

	opacity: .5;

}



#price-page .single-price-item.active {

	border-color: #169bf3;

	opacity: 1;

}



#price-page .single-price-item h4 {

	color: #1d2143;

}



#price-page .single-price-item p b {

	color: #1d2143;

}



#price-page .single-price-item ul li {

	color: #1d2143;

}



/*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: #169bf3;

}



.quote-form .btn:hover {

	background: navy;

	color: #fff;

}



.cost-center .btn.btn-primary {

	margin-top: 10px;

}



/*FAQ Page*/



.question-section {

	background: #F7F7F7;

	padding: 30px;

}



.question-section h6 {

	margin-bottom: 20px;

}



.question-section input,

.question-section textarea {

	background: #fff;

	color: #191919;

	border: none;

}



.question-section input::placeholder,

.question-section textarea::placeholder {

	font-size: 15px;

	color: #191919;

}



.question-section button {

	font-size: 14px;

	letter-spacing: 1px;

}



/*Service Page */



#service-page .single-service {

	padding: 40px;

	padding-top: 0;

}



/* 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: #169bf3;

}



#blog-page .blog-content a.read-more {

	text-transform: capitalize;

	font-size: 16px;

	color: #169bf3;

}



.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: #169bf3;

}



.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;

}



.popular-tag h5 {

	margin: 30px 0;

	margin-top: 50px;

	font-weight: 600;

}



.popular-tag span {

	padding: 8px 15px;

	background: #00283F;

	margin-bottom: 10px;

	margin-right: 10px;

	font-size: 15px;

}



.popular-tag a {

	color: #fff;

	padding: 5px;

}



.popular-tag span.active {

	background: #169bf3;

}



.popular-tag span:hover {

	background: #169bf3;

}



.popular-tag span:hover a {

	color: #fff;

}



.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: capitalize;

	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,

.popular-tag {

	border: 1px solid #ddd;

	padding: 10px 30px 20px;

	margin: 20px 0;

}



.helpline-section {

	background-size: cover;

	background-position: center center;

	height: 350px;

	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: 30px;

}



.helpline-section {

	background-image: url(../img/helpline.html);

}



.helpline-content h4 {

	color: #ffff;

}



.helpline-content p {

	color: #fff;

	margin-top: 20px;

}



.helpline-content button {

	z-index: 9;

	position: relative;

}



.pagination-block {

	display: block;

	margin: 45px auto;

}



.pagination-block .page-numbers {

	width: 35px;

	height: 35px;

	line-height: 35px;

	text-align: center;

	display: inline-block;

	color: #656c76;

	font-size: 15px;

	font-weight: 600;

	border: 1px solid #e9eef6;

	border-radius: 3px;

	margin: 0 3px;

	padding: 0;

	transition: all 0.3s ease 0s;

}



.page-numbers.current {

	background: #169bf3;

	color: #fff;

}



.pagination-block .page-numbers:hover {

	background: #169bf3;

	color: #fff;

}



/* Single Service Page

============== */



.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: #169bf3;

	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%;

}



.helpline-section {

	background: #020E28;

	color: #fff;

	padding: 20px;

	margin-top: 35px;

	height: 272px;

	display: flex;

	justify-content: center;

	align-items: center;

}



.helpline-section h4 {

	color: #fff;

	margin-top: 15px;

}



.helpline-section button {

	margin-top: 15px;

}



/* Single Blog Page  

============== */



.blog-meta {

	margin: 20px 0;

}



.blog-meta span i {

	color: #169bf3;

	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 {

	background-image: url(../img/contact-bg-1.jpg);

	background-size: cover;

	height: 500px;

	position: relative;

	z-index: 1;

}



.contact-us-wrapper {

	background: #fff;

	margin-top: 50px;

	position: relative;

}



.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 {

	margin: 40px 0 20px;

}



.contact-us-inner a {

	/* text-transform: uppercase; */

	color: #169bf3;

	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: #169bf3;

}



#contact-us .contact-form .main-btn {

	margin-top: 30px;

}



.contact-section {

	background-image: url(../img/contact-bg.jpg);

}



.contact-section .section-title h2 {

	color: #fff;

}



.contact-form .main-btn {

	border-radius: 0;

	border: none;

	margin: 40px 0;

}

/* .main-btn{

	border-radius: 0 25px 0 25px;

} */

/* services animation effect 

----------------------------------*/



@-webkit-keyframes hvr-buzz-out {

	10% {

		-webkit-transform: translateX(3px) rotate(2deg);

		transform: translateX(3px) rotate(2deg);

	}



	20% {

		-webkit-transform: translateX(-3px) rotate(-2deg);

		transform: translateX(-3px) rotate(-2deg);

	}



	30% {

		-webkit-transform: translateX(3px) rotate(2deg);

		transform: translateX(3px) rotate(2deg);

	}



	40% {

		-webkit-transform: translateX(-3px) rotate(-2deg);

		transform: translateX(-3px) rotate(-2deg);

	}



	50% {

		-webkit-transform: translateX(2px) rotate(1deg);

		transform: translateX(2px) rotate(1deg);

	}



	60% {

		-webkit-transform: translateX(-2px) rotate(-1deg);

		transform: translateX(-2px) rotate(-1deg);

	}



	70% {

		-webkit-transform: translateX(2px) rotate(1deg);

		transform: translateX(2px) rotate(1deg);

	}



	80% {

		-webkit-transform: translateX(-2px) rotate(-1deg);

		transform: translateX(-2px) rotate(-1deg);

	}



	90% {

		-webkit-transform: translateX(1px) rotate(0);

		transform: translateX(1px) rotate(0);

	}



	100% {

		-webkit-transform: translateX(-1px) rotate(0);

		transform: translateX(-1px) rotate(0);

	}

}



@keyframes hvr-buzz-out {

	10% {

		-webkit-transform: translateX(3px) rotate(2deg);

		transform: translateX(3px) rotate(2deg);

	}



	20% {

		-webkit-transform: translateX(-3px) rotate(-2deg);

		transform: translateX(-3px) rotate(-2deg);

	}



	30% {

		-webkit-transform: translateX(3px) rotate(2deg);

		transform: translateX(3px) rotate(2deg);

	}



	40% {

		-webkit-transform: translateX(-3px) rotate(-2deg);

		transform: translateX(-3px) rotate(-2deg);

	}



	50% {

		-webkit-transform: translateX(2px) rotate(1deg);

		transform: translateX(2px) rotate(1deg);

	}



	60% {

		-webkit-transform: translateX(-2px) rotate(-1deg);

		transform: translateX(-2px) rotate(-1deg);

	}



	70% {

		-webkit-transform: translateX(2px) rotate(1deg);

		transform: translateX(2px) rotate(1deg);

	}



	80% {

		-webkit-transform: translateX(-2px) rotate(-1deg);

		transform: translateX(-2px) rotate(-1deg);

	}



	90% {

		-webkit-transform: translateX(1px) rotate(0);

		transform: translateX(1px) rotate(0);

	}



	100% {

		-webkit-transform: translateX(-1px) rotate(0);

		transform: translateX(-1px) rotate(0);

	}

}



 .quote-imgs-thumbs {

	background: #eee;

	border: 1px solid #ccc;

	border-radius: 0.25rem;

	margin: 1.5rem 0;

	padding: 0.75rem;

  }

  .quote-imgs-thumbs--hidden {

	display: none;

  }

  .img-preview-thumb {

	background: #fff;

	border: 1px solid #777;

	border-radius: 0.25rem;

	box-shadow: 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.12);

	margin-right: 1rem;

	padding: 0.25rem;

	height:75px;

	width:75px;

  }







  /***********************************/

  

.fileinput-button {

	position: relative;

	overflow: hidden;

  }

  

  .fileinput-button input {

	position: absolute;

	top: 0;

	right: 0;

	margin: 0;

	opacity: 0;

	-ms-filter: "alpha(opacity=0)";

	font-size: 200px;

	direction: ltr;

	cursor: pointer;

  }

  

  .thumb {

	height: 80px;

	width: 100px;

	border: 1px solid #000;

  }

  

  ul.thumb-Images li {

	width: 120px;

	float: left;

	display: inline-block;

	vertical-align: top;

	height: 120px;

  }

  

  .img-wrap {

	position: relative;

	display: inline-block;

	font-size: 0;

  }

  

  .img-wrap .close {

	position: absolute;

	top: 2px;

	right: 2px;

	z-index: 100;

	background-color: #d0e5f5;

	padding: 5px 2px 2px;

	color: #000;

	font-weight: bolder;

	cursor: pointer;

	opacity: 0.5;

	font-size: 23px;

	line-height: 10px;

	border-radius: 50%;

  }

  

  .img-wrap:hover .close {

	opacity: 1;

	background-color: #ff0000;

  }

  

  .FileNameCaptionStyle {

	font-size: 12px;

  }

  





  .capture_images div img {

	height: 80px;

    width: 100px;

    border: 1px solid #000;

}


/*////////////////////////////////////*/
 .sidequteo {
    top: 50%;
    margin: 0;
    transform: rotate(270deg);
    transform-origin: bottom;
	right: -46px;
    padding: 3px 19px;
    background: #fe0000;
    border: none;
    border-radius: 5px 5px 0 0;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 20px;
    box-shadow: 0 0 8px 0 #888;
    z-index: 9999;
    position: fixed;
}


a:link,
a:visited {
  color: #444;
  text-decoration: none;
  transition: all 0.4s ease-in-out;
}

/* CSS Multiple Whatsapp Chat */
#whatsapp-chat {
  position: fixed;
  background: #fff;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 1px 15px rgba(32, 33, 36, 0.28);
  bottom: 90px;
  right: 30px;
  overflow: hidden;
  z-index: 99;
  animation-name: showchat;
  animation-duration: 1s;
  transform: scale(1);
}



@media (min-width: 576px)
{
		.model-md{
			max-width: 800px !important;
		}
}



		
		.dropdown-submenu {
			position: relative;
		}

		.dropdown-submenu>.dropdown-menu {
			top: 0;
			left: 100%;
			margin-top: -6px;
			margin-left: -1px;
			-webkit-border-radius: 0 6px 6px 6px;
			-moz-border-radius: 0 6px 6px;
			border-radius: 0 6px 6px 6px;
		}

		.dropdown-submenu:hover>.dropdown-menu {
			display: block;
		}

		.dropdown-submenu>a:after {
			display: block;
			content: " ";
			float: right;
			width: 0;
			height: 0;
			border-color: transparent;
			margin-right: -10px;
		}

		.dropdown-submenu:hover>a:after {
			border-left-color: #fff;
		}

		.dropdown-submenu.pull-left {
			float: none;
		}

		.dropdown-submenu.pull-left>.dropdown-menu {
			left: -100%;
			margin-left: 10px;
			-webkit-border-radius: 6px 0 6px 6px;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
		}


 .float{
      position:fixed;
      width:60px;
      height:60px;
      bottom:40px;
      right:40px;
      background-color:#25d366;
      color:#FFF;
      border-radius:50px;
      text-align:center;
      font-size:30px;
      box-shadow: 2px 2px 3px #999;
      z-index:100;
    }

    .my-float{
      margin-top:16px;
    }
/*<!-- marquee Section-->*/
	@-webkit-keyframes marquee {
  0% {
    margin-left: 100%;
    transform: translateX(0%);
  }
  100% {
    margin-left: 0;
    transform: translateX(-100%);
  }
}
@keyframes marquee {
  0% {
    margin-left: 100%;
    transform: translateX(0%);
  }
  100% {
    margin-left: 0;
    transform: translateX(-100%);
  }
}
.section {
  overflow: hidden;
}
.section .marquee {
  -webkit-animation: marquee 35s linear infinite;
          animation: marquee 35s linear infinite;
			display: inline-block;
		white-space: nowrap;
}
.section .marquee:hover {
  -webkit-animation-play-state: paused;
		  animation-play-state: paused;
}

.text-styling {
	margin: 7px;

	padding: 1px;
	color: #fff;
}
.a_text{
    	background-color: #3a3938f5;
}


.Client_connf{
    line-height: 40px; font-size:20px;
}
/*.about_text{*/
    /*font-size: 13px;font-weight: 600;*/
/*}*/