@charset "utf-8";



@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
/*-------------- Defalts Css ------------------*/

body {
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	line-height: 24px;
	color: #444444;
}
body.box-style {
	background: url(assets/images/body-bg.png) repeat left top #fff;
}
body.box-style .main-wrapper {
	margin: 0 auto;
	max-width: 1170px;
	box-shadow: 0px 0px 15px 2px rgba(100,100,100,0.9);
	background-color: #fff;
}
a {
	outline: none;
}
a, .logo, .scrollup,  header,  header.sticky,  .header-area, .header-top-area, .mainmenu, .mainmenu ul li ul, .header-search-bar, .header-search-bar .search-box, .wshipping-button, .homepage-slides .owl-nav div, .readmore-btn i.fa, header.sticky .header-top-area, .location_map:before, .location_map i.fa, .owl-nav button, .service-icon .fa, .latest-gallery i.fa, .latest-gallery i.far, .latest-gallery:after, .team-figure, .team-block:hover .team-figure, .btn, .footer-menu ul li, .footer-menu ul li:before, .language ul li ul li:hover a {
	-webkit-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
img {
	max-width: 100%;
}
h1 {
	font-size: 42px;
}
h2 {
	font-size: 32px;
	font-weight: 400;
}
h3 {
	font-size: 24px;
	font-weight: 400;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 16px;
}
h6 {
	font-size: 14px;
}
h2.heading2-border, h3.heading3-border, h4.heading4-border {
	position: relative;
	padding-bottom: 12px;
	margin-top: 0px;
	margin-bottom: 30px;
}
h2.heading2-border {
	font-weight: 500;
}
h3.heading3-border {
	font-weight: 400;
}
h4.heading4-border {
	font-weight: 400;
}
h2.heading2-border:before, h3.heading3-border:before, h4.heading4-border:before {
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 20px;
	height: 2px;
	background-color: #a3001c;
	content: "";
}
h2.heading2-border:after, h3.heading3-border:after, h4.heading4-border:after {
	position: absolute;
	left: 30px;
	bottom: 0px;
	width: 90px;
	height: 2px;
	background-color: #eb0028;
	content: "";
}
/*-------------- Background Css ------------------*/
.service-bg-1 {
	background-image: url(service-bg-1.jpg)
}
.service-bg-2 {
	background-image: url(service-bg-2.jpg)
}
.service-bg-3 {
	background-image: url(service-bg-3.jpg)
}

/*-------------- Section Css ------------------*/

.wshipping-content-block {
	padding: 80px 0px;
	background-color: #fff;
}
.section-title {
	text-align: center;
	padding-bottom: 30px;
}
.section-title h2 {
	margin-top: 0px;
	text-transform: uppercase;
	color: #444444;
}
/*-------------- Services Css ------------------*/

.single-service-item {
	box-shadow: 0px 3px 6px 0px rgba(153,153,153,0.5);
	position: relative;
	overflow: hidden;
	margin: 15px 0px;
	min-height: 380px;
}
.service-item-bg {
	background-color: #a7a7a7;
	background-position: center;
	background-size: cover;
	height: 200px;
}
.service-content {
	padding: 20px;
}
.service-content h4 {
	color: #444444;
	text-transform: uppercase;
	position: relative;
	margin-top: 0px;
	margin-bottom: 15px;
}
.service-content h4:before {
	position: absolute;
	content: "";
	height: 2px;
	background-color: #eb0028;
	display: block;
	width: 40px;
	left: 0px;
	bottom: -5px;
}
.readmore-btn {
	color: #eb0028;
	text-transform: uppercase;
	font-size: 12px;
}
.readmore-btn i.fa {
	margin-left: 5px;
	font-size: 16px;
}
.readmore-btn:hover {
	color: #000;
	text-decoration: none;
}
.readmore-btn:hover i.fa {
	padding-left: 5px;
}
.location_map {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 60px;
	height: 60px;
	cursor: pointer;
}
.location_map:before {
	position: absolute;
	right: 0px;
	bottom: -60px;
	width: 60px;
	height: 60px;
	border-top: 80px solid transparent;
	border-right: 80px solid #4CAF50;
	border-bottom: 50px solid transparent;
	content: "";
	display: block;
}
.location_map i.fa {
	color: #fff;
	font-size: 24px;
	position: absolute;
	right: 8px;
	bottom: 10px;
}
.location_map:hover:before {
	border-right-color: #292929;
}
.location_map:hover i.fa {
	bottom: 4px;
}


