/*
====================================================================
Template Name 	: Refresh Tea - Responsive Bootstrap HTML Template
Template Author : Md Dalwar Hossan
Template URI 	: http://refresh.wpcoderpro.com
Version 		: 1.0.0

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

====================================================================
TABLE OF CONTENT
====================================================================

1. General Styles
2. Main Navigation
3. Header Slider
4. Product Slider
5. Information Styles
6. Popular Product Slider
7. Info Box
8. Facilities
9. Rounded Product Slider
10. Filter Box
11. Video Styles
12. Counter Styles
13. Blog Styles
14. Footer Styles

*/

/*-------------------------------------------------------------------
1. General Styles
--------------------------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family: 'Playfair Display';
}
h1, h2, h3, h4, h5, h6, div, section, header, p, nav, ul, table {
	margin: 0;
	padding: 0;
	width: 100%
}
a {
	display: inline-block;
	text-decoration: none;
}
.loader {
	width: 100%;
	height: 100%;
	background:	#ffffff;
	position: fixed;
	z-index: 11;
	top: 0;
	left: 0;
}
.loader img {
	position: fixed;
	top: 45%;
	left: 45%;
	z-index: 999999;
}
.bg-overlay{
  position: relative;
  z-index: 1;
}
.bg-overlay::after {
  background: #000 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}
.t-colored {
	color: #6fbc29;
}
.b-colored {
	background-color: #6fbc29;
	color: #ffffff;
}
.b-colored:hover {
	color: #6fbc29 !important;
	background: transparent;
	border-color: #6fbc29;
}
.site-btn {
	border-radius: 0 !important;
	padding: 5px 20px !important;
	font-size: 14px !important;
}
.site-button .site-btn:hover {
	color: #6fbc29!important;
}

.site-logo a img {
	width: 100px;
	height: auto;
}
.site-head h2 {
	font-weight: bold;
	font-size: 35px;
}
.site-des p {
	font-weight: normal;
	font-size: 14px;
}
.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #6fbc29;
  overflow: hidden;
  width: 100%;
  height: 0;
  opacity: .9;
  transition: .5s ease;
}
.site-head-icon {
	height: 10px;
	width: 100px;
	background-image: url('img/others/heading-icon.png');
	background-position: top center;
	background-size: 100% 100%;
	margin: 15px auto;
}
.read-more .site-btn:hover {
	color: #6fbc29 !important;
}
.site-message-btn .site-btn:hover {
	background: transparent !important;
	border-color: #ffffff !important;
	color: #ffffff !important;
}
.page-header {
	background: url('img/others/page-header.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 200px 0;
}
.page-header-process {
	background: url('img/others/fleet.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 200px 0;
}
.page-header-health {
	background: url('img/others/page-header_Health.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 200px 0;
}
.page-header-product {
	background: url('img/others/page-header_Product.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 200px 0;
}
.page-header-about {
	background: url('img/others/page-header_About.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding: 200px 0;
}
/*-------------------------------------------------------------------
2. Main Navigation
--------------------------------------------------------------------*/
.nav-fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
	animation: .5s slideInDown both;
}
.navbar {
	background: #000000;
	z-index: 10;
}
.main-menu {
	position: absolute;
	top: 10px;
	z-index: 10;
	width: 100%;
}
ul.navbar-nav {
	justify-content: right;
	width: 100%;
}
.nav-elements li a {
	display: inline-block;
	padding: 20px 10px;
	margin: 0 5px;
	font-size: 14px;
	font-weight: 300;
	text-decoration: none;
	text-transform: capitalize;
	color: #ffffff;
	border-bottom: 2px solid transparent;
	transition: .5s;
}
.nav-elements li a.current, .nav-elements li a:hover {
	border-color: #6fbc29;
	color: #6fbc29;
}
.navbar-toggler i {
	color: #ffffff;
	border: 1px solid #fff;
	padding: 5px 12px;
	display: inline-block;
}
/*-------------------------------------------------------------------
3. Header Slider
--------------------------------------------------------------------*/
.header-slider {
	position: relative;
}
.header-slider .owl-dots {
	bottom: 5%;
	position: absolute;
	text-align: center;
}
.header-slider .owl-dots button.owl-dot {
	background: #ffffff;
	width: 8px;
	height: 8px;
	margin: 5px;
	border-radius: 50%;
}
.header-slider .owl-dots button.owl-dot.active {
	background-color:#6fbc29;
	width: 10px;
	height: 10px;
}
.slide {
	padding: 250px 0 !important;
	background-position: top center;
}
.slide1 {
	background-image: url('img/slider/slide1.jpg');
}
.slide2 {
	background-image: url('img/slider/slide2.jpg');
}
.slide3 {
	background-image: url('img/slider/slide3.jpg');
}
.slider-sub h4 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 3px;
}
.slider-head h2 {
	font-size: 50px;
	font-weight: bold;
}

/*-------------------------------------------------------------------
4. Product Slider
--------------------------------------------------------------------*/
.product-content {	
	border-radius: 50%;
	position: relative;
}
.product-content img {
	width: 100%;
	height: auto;
	display: block;
	margin: auto;
}
.product-content:hover .overlay {
  height: 100%;
}
.product-head h4 {
  font-size: 20px;
}
.product-des p {
  font-size: 14px;
}
.overlay-content .site-btn:hover {
	border-color: #ffffff;
	color: #ffffff;
	background: transparent !important;
}
.product-slider .owl-nav, .product-slider4 .owl-nav {
	text-align: center;
	margin-top: 30px;
}
.product-slider .owl-nav .owl-prev i, .product-slider .owl-nav .owl-next i, .product-slider4 .owl-nav .owl-prev i, .product-slider4 .owl-nav .owl-next i {
	font-size: 14px;
	color: #ffffff;
	background: #6fbc29;
	padding: 5px 8px;
	border-radius: 50%;
	margin: 5px;
	border: 1px solid transparent;
	transition: .3s;
}
.product-slider .owl-nav .owl-prev i:hover, .product-slider .owl-nav .owl-next i:hover, .product-slider4 .owl-nav .owl-prev i:hover, .product-slider4 .owl-nav .owl-next i:hover {	
	color: #6fbc29;
	background: transparent;
	border-color: #6fbc29;
}

/*-------------------------------------------------------------------
5. Information Styles
--------------------------------------------------------------------*/
.information {
	background-color: #f8f8f8;
	overflow: hidden;
}

.information-thumb img {
	width: 100%;
	height: auto;
}
.information .site-des p {
	margin: 10px 0;
	width: 74%;
	line-height: 2em;
}
.information-texts .heading {
	margin-top: 5rem;
}
/*-------------------------------------------------------------------
6. Popular Product Slider
--------------------------------------------------------------------*/
.product-info {
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	z-index: 9;
	width: 100%;
}
.sale-flush {
	width: 50%;
	float: left;	
}
.sale-flush span {
	background: #6fbc29;
	border-radius: 50%;
	display: inline-block;
	color: #ffffff;
	padding: 10px 8px;
	transition: .5s;
}
.favourite {
	width: 50%;
	overflow: hidden;
	text-align: right;
}
.favourite i {
	background: #6fbc29;
	border-radius: 50%;
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	padding: 12px;
	transition: .5s;
	cursor: pointer;
}
.product-slider4 .overlay-content, .products-filter .overlay-content {
	margin-top: 35%;
}
.product-slider4 .product-content:hover .favourite i, .product-slider4 .product-content:hover .sale-flush span, .products-filter .product-content:hover .favourite i, .products-filter .product-content:hover .sale-flush span, .shop-product-grid .product-content:hover .favourite i, .shop-product-grid .product-content:hover .sale-flush span {
	background: #ffffff;
	color: #6fbc29;
}
/*-------------------------------------------------------------------
7. Info Box
--------------------------------------------------------------------*/
.info-box {
	background: url('img/others/info-bg.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 50px;
}
.color-overlay{
  position: relative;
  z-index: 1;
}
.color-overlay::after {
  background: #6fbc29 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.8;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1;
}

/*-------------------------------------------------------------------
8. Facilities
--------------------------------------------------------------------*/
.facility-items ul {
	list-style: none;
	color: #ffffff;
}
.facility-items ul li {
	width: 50%;
	margin: .5em 0;
}
.facility-items ul li:nth-child(1n) {
	float: left;
}
.facility-items ul li:before {

}
.facility-items ul li::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f101";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	background: #fff;
	color: #6fbc29;
	border-radius: 50%;
	padding: 0px 4px;
	font-size: 12px;
	margin-right: 5px;
}
.facilities-thumb img {
	display: block;
	margin-top: 100px;
	width: 80%;
	height: auto;
}
/*-------------------------------------------------------------------
9. Rounded Product Slider
--------------------------------------------------------------------*/
.rounded-product-slider .product-content {
	overflow: hidden;
}
.rounded-product-slider .product-content img {
	border-radius: 50%;
}
.rounded-product-slider .product-head h4, .rounded-product-slider .product-des p {
	color: #333333;
}
.rounded-product-slider .product-btn {
	margin-top: 50%;
}
.info-box2 {
	/*background: url('img/others/info-bg2.jpg');*/
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 50px;
	margin-top: 50px;
}

/*-------------------------------------------------------------------
10. Filter Box
--------------------------------------------------------------------*/
.site-info3 {
	background: #6fbc29;
}
.mixitup-control-active {
	background-color: #6fbc29;
	color: #ffffff;
}
.filter-menu ul li {
	cursor: pointer;
	border: 1px solid #6fbc29;
	padding: 2px 10px;
}
.products-filter .product-item {
	margin: 30px 0;
}

/*-------------------------------------------------------------------
11. Video Styles
--------------------------------------------------------------------*/
.video {
	background: url('img/others/video-bg.jpg');
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: top center;
	padding-bottom: 50px;
	margin-top: 50px;
	overflow: hidden;
}
.video-thumb {
	position: relative;
}
.video-thumb img {
	width: 80%;
	height: auto;
}
.video-play-button {
  position: absolute;
  z-index: 10;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 32px;
  height: 44px;
  /* background: #fa183d; */
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
}
.video-play-button:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #6fbc29;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
}
.video-play-button:after {
	content: "";
	position: absolute;
	z-index: 1;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 80px;
	height: 80px;
	background: #6fbc29;
	border-radius: 50%;
	transition: all 200ms;
}
.video-play-button span {
	display: block;
	position: relative;
	z-index: 3;
	width: 0;
	height: 0;
	border-left: 32px solid #fff;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}

/*-------------------------------------------------------------------
12. Counter Styles
--------------------------------------------------------------------*/
.site-counterup {
	overflow: hidden;
	background: #f4f4f4;
}
.counter-number span {
	font-family: Lato;
	font-size: 30px;
	font-weight: bold;
}
.counter-text h4 {
	color: #6fbc29;
	font-size: 22px;
}

/*-------------------------------------------------------------------
13. Blog Styles
--------------------------------------------------------------------*/
.blog-thumb img {
	width: 100%;
	height: auto;
	transition: .5s;
}
.blog-head h3 a {
	font-size: 25px;
	display: inline-block;
	color: #666666;	
	transition: .3s;
}
.blog-head h3 a:hover {
	color: #6fbc29;
	text-decoration: none;
}
.blog-btn {
	border-color: #666666;
	color: #666666 !important;
	background: transparent;
}
.blog-item .site-btn:hover {
	color: #ffffff !important;
	border-color: #6fbc29;
	background-color: #6fbc29;
}
.blog-des p {
	color: #666666;
}
.blog-thumb {
	overflow: hidden;
}
.blog-item:hover .blog-thumb img {
	transform: scale(1.5);
}

/*-------------------------------------------------------------------
14. Footer Styles
--------------------------------------------------------------------*/
footer {
	background: #111619;
	overflow: hidden;
	padding: 50px 0 20px 0;
}
.widget-title h4 {
	font-weight: bold;
}
.footer-widget .widget-content ul {
	list-style: none;
}
.footer-widget .widget-content ul li a {
	color: #ffffff;
	padding: 5px 0;
	display: inline-block;
	font-size: 14px;
	text-decoration: none;
	transition: .3s;
}
.footer-widget .widget-content ul li a:hover {
	color: #6fbc29;
}
.footer-widget .widget-content address {
	color: #ffffff;
	font-size: 14px;
}
.footer-bar {
	overflow: hidden;
	background: #0b0f11;
}
.footer-logo img {
	width: 135px;
	height: auto;
}
.subscribe-form input {
	border-radius: 0;
	width: 80%;
	background: transparent;
	border-right-color: transparent; 
	color: #ffffff;
	border-width: 1px;
	padding-left: 10px;
}
.subscribe-form input:focus {
	box-shadow: inherit;
	background: transparent;	
	color: #ffffff;
	border-color: #ffffff;
	border-right-color: transparent; 
}

.subscribe-form button:hover {
	color: #6fbc29;
	background: transparent;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	border-radius: 0;
}
.subscribe-form button {
	color: #ffffff;
	background: #6fbc29;
	border: 1px solid transparent;
	border-radius: 0;
	box-shadow: inherit;
}
.footer-text p {
	color: #ffffff;
	font-size: 14px;
}

.footer-menu ul {
	list-style: none;
}
.footer-menu ul li {
	display: inline-block;
}
.footer-menu ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	margin: 0 5px;
	transition: .3s;
}
.footer-menu ul li a:hover {
	color: #6fbc29;
}
.shop-product-grid .product-item .overlay .overlay-content .product-btn {
	margin-top: 40% !important;
}
.shop-product-grid .product-item {
	margin: 20px 0;
}

.ui-slider-handle {
	background-color: #6fbc29 !important;
	border-color: #6fbc29 !important;
}
.ui-slider-range{
	background-color: #6fbc29 !important;
	border-color: #6fbc29 !important;
}
#price-range-amount{
	border: 0;
	color: #333333;
	font-weight: bold;
	display: block;
	text-align: center;
	width: 100%;
	font-size: 20px;
}
.filter-btn .btn:hover, .latest-products .product-title h5 a:hover {
	color: #6fbc29 !important;
}
.categories ul li a {
	text-decoration: none;
	color: #333333;
	font-size: 17px;
	transition: .3s;
	border-bottom: 1px solid transparent;
	padding: 5px 0;
	display: block;
}

.categories ul li a:hover {	
	border-color: #6fbc29;
	color: #6fbc29;
}
.tags ul li a {
	border: 1px solid #cccccc;
	padding: 5px;
	display: inline-block;
	text-decoration: none;
	color: #333333;
	margin: 5px 0;
	transition: .3s;
}
.tags ul li a:hover {
	background-color: #6fbc29;
	border-color: #6fbc29;
	color: #ffffff;
}
.latest-products .product-info {
	position: inherit;
	overflow: hidden;
	width: 80%;
	padding: 0 10px;
}
.latest-products .product-thumb {
	width: 20%;
	overflow: hidden;
	float: left;
	position: relative;
}
.latest-products .product-thumb img {
	width: 100%;
	height: 60px;
}
.latest-products .product-title h5 a {
	text-decoration: none;
	color: #333333;
	transition: .3s;
}
.latest-products:hover .overlay {
  height: 100%;
}



.cart-table-head {
	width: 100%;
	background-color: #6fbc29;
	text-align: center;
	color: #ffffff;
	font-family: 'Palatino Linotype';
	font-weight: bold;
}
.cart-table-head .cart-item {
	width: 40%;
	padding: 10px 0;
	margin: 10px 0;
}
.cart-table-head .cart-price {
	width: 20%;
	padding: 10px 0;
	margin: 10px 0;
}
.cart-table-head .cart-qnty {
	width: 20%;
	padding: 10px 0;
	margin: 10px 0;
}
.cart-table-head .cart-total {
	width: 20%;
	padding: 10px 0;
	margin: 10px 0;
}

.cart-items tr td {
	text-align: center;
	font-family: 'Palatino Linotype';
	font-weight: bold;
	margin: 10px 0;
}
.cart-items tr td input {
	width: 55px;
	text-align: center;
}
.cart-item-thumb {
	display: inherit;
	float: left;
	padding: 5px;
	border: 1px solid #6fbc29;
	margin-right: 10px;
	width: 30%;
}
.cart-item-title {
	overflow: hidden;
	width: 65%;
}
.cart-item-title h6 {
	text-align: left;
	font-weight: 500;
}
.cart-cancel {
	color: #333333;
	display: inline-block;
	font-size: 14px;
	margin-left: 2em;
	cursor: pointer;
}

.promo-code input[type=submit] {
	border: 1px solid transparent;
	cursor: pointer;
	color: #ffffff;
	width: 38%;
}
.promo-code input[type=submit]:hover {
	color: #6fbc29;
	border-color: #6fbc29;
}
.promo-code input[type=text] {
	border: 1px solid #cccccc;
	height: 2.07em;
	width: 58%;
	margin-right: 1%;
	padding-left: 10px;
}
.promo-code input[type=text]:focus {
	border-color: #6fbc29;
}
.promo-code .site-btn {
	padding: 5px 0 !important;
}
.cart-widget {
	overflow: hidden;
	background-color: #f8f8f8;
	padding: 30px;
}
.cart-buttons .btn {
	width: 90%;
}
.cart-buttons .b-colored {
	color: #ffffff;
}
.cart-buttons .b-colored:hover {
	color: #6fbc29;
}
.cart-widget-title h4 {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 21px;
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.cart-total-price, .cart-shipping {	
	margin: 10px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.cart-related-product .product-item {
	border-bottom: 1px solid #cccccc;
	padding-bottom: 20px;
}

.shipping-address form input[type=text], .shipping-address form textarea, .user input, .password input {
	width: 100%;
	border: 1px solid #cccccc;
	padding: 5px 0 5px 10px;
}
.shipping-address form input[type=text]:hover, .shipping-address form input[type=text]:focus, .user input:focus, .password input:focus {
	border-color: #6fbc29;
}

.login-page {
	width: 60%;
	margin: 0 auto;
	background-color: #f8f8f8;
}

.user label, .password label {
	color: #555555;
	margin-top: 1rem;
}
.login-submit input[type=submit] {
	border: 1px solid #6fbc29;
	color: #ffffff;
	padding: 5px 30px !important;
	margin-right: 20px;
	cursor: pointer;
	transition: .3s;
}
.login-submit label {
	color: #555555;
}
.lost-password a {
	color: #6fbc29;
	text-decoration: none;
}
.lost-password a:hover {
	text-decoration: underline;
}
.single-product .product-thumb img {
	width: 90%;
	height: 90%;
}
.single-product .product-head h4 {
	font-size: 2em;
	font-weight: bold;
}

.product-qnty input {
	width: 60px;
	border: 1px solid #cccccc;
	padding-left: 5px;
}
.product-qnty input:focus {
	border-color: #6fbc29;
}


.product-info-tab .ui-tabs-nav {
	background-color: transparent;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #cccccc;
}
.product-info-tab .ui-tabs .ui-tabs-nav li {
	border: none;
	background: transparent;
}
.product-info-tab .ui-tabs .ui-tabs-nav li a {
	color: #333333;
	font-weight: bold;
}
.product-info-tab .ui-tabs-active {
	border-bottom: 2px solid #6fbc29 !important;
}
.product-info-tab .product-info-tabs {
	border: none !important;
}
.myaccount-tabs .ui-tabs-tab {
	border-left: none;
	border-right: none;
}
.myaccount-tabs .ui-tabs-tab, .myaccount-tabs .ui-tabs-tab a {
	width: 100% !important;
	padding: 7px !important;
}
.myaccount-nav ul {
	background-color: transparent;
	border: none;
}
.myaccount-tabs {
	border: none !important;
}
.myaccount-tabs .ui-state-active, .myaccount-tabs .ui-widget-content .ui-state-active, .myaccount-tabs .ui-widget-header .ui-state-active, .myaccount-tabs a.ui-button:active, .ui-button:active, .myaccount-tabs .ui-button.ui-state-active:hover {
	background: #6fbc29;
	border-color: transparent;
}
.nav-tabs {
	max-width: 150px;
	text-align: center;
	border: 1px solid #dee2e6;
}
.title h4 span a {
	display: inline-block;
	font-size: 14px;
	color: #6fbc29;
	vertical-align: middle;
}
.dropdown-toggle:after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: ">";
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}
.small-heading {
	font-size: 20px;
	margin: 10px 0;
}
.myaccount-form-fields input[type="text"], .myaccount-form-fields input[type="email"], .myaccount-form-fields input[type="password"], .profile-thumb input {
	padding: 8px;
	border: 1px solid #cccccc;
}
.myaccount-form-fields input[type="text"]:focus, .myaccount-form-fields input[type="email"]:focus, .myaccount-form-fields input[type="password"]:focus, .profile-thumb input:focus, .myaccount-form-fields input[type="text"]:hover, .myaccount-form-fields input[type="email"]:hover, .myaccount-form-fields input[type="password"]:hover, .profile-thumb input:hover {
	border: 1px solid #6fbc29;
}
.myaccount-form-fields label, .profile-thumb label {
	color: #333333;
}
.profile-thumb h3 a {
	font-size: 16px;
	color: #6fbc29;
}

/*-------------------------------------
27.Main Contact Page Section Area start here 
---------------------------------------*/

.main-contact-page-area {
    padding: 90px 0 0;
}

.main-contact-page-area .contact-text {
    position: relative;
    overflow: hidden;
    padding-top: 30px;
}

.main-contact-page-area .contact-text:after {
    background: #fe0000 none repeat scroll 0 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 70px;
    width: 80px;
}

.main-contact-page-area .contact-text h3 {
    color: #000000;
}

.main-contact-page-area .contact-text p {
    padding-top: 10px;
}


/* ------------------------------------
27.1 Contact Form Page start Here 
--------------------------------------*/

.main-conatct-form-area {
    padding: 70px 0 60px;
}

.main-conatct-form-area .main-contact-form fieldset {
    margin-top: 20px;
}

.main-conatct-form-area .main-contact-form fieldset input {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 0;
    height: 45px;
    margin-right: 20px;
}

.main-conatct-form-area .main-contact-form fieldset input:focus {
    border: 0px;
    box-shadow: none;
}

.main-conatct-form-area .main-contact-form fieldset textarea {
    background: #dddddd none repeat scroll 0 0;
    border-radius: 0;
    margin-right: 20px;
}

.main-conatct-form-area .main-contact-form fieldset textarea:focus {
    border: 0px;
    box-shadow: none;
}

.main-conatct-form-area .main-contact-form fieldset .btn-send {
    background: #fe0000 none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: 600;
    padding: 15px 45px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.main-conatct-form-area .main-contact-form fieldset .btn-send:hover {
    background: #C72124;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar {
    margin-top: 20px;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar ul {
    padding-top: 20px;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar ul li {
    padding: 10px 0;
}

.main-conatct-form-area .page-sidebar-area .single-sidebar ul li i {
    color: #fe0000;
    margin-right: 10px;
}

.main-conatct-form-area .main-contact-form.contact-form .form-group {
    margin-bottom: 30px;
}

.footer-area .footer-buttom-area .footer-social-media ul li a {
    width: 40px;
    height: 40px;
    line-height: 37px;
    border: 1px solid #fe0000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    transition: all 0.5s ease 0s;
    color: #fe0000;
    display: block;
    text-align: center;
}

.footer-area .footer-buttom-area .footer-social-media ul li a:hover {
    background: #fe0000;
    color: #ffffff;
    border: 1px solid #fe0000;
}

@media (max-width: 480px) {
  #info-box2 {
    background-image: url('img/others/lorry.jpg');
    background-repeat: no-repeat;
    background-size: contain ;
  }
}

@media (min-width: 481px) {
  #info-box2 {
    background-image: url('img/others/info-bg2.jpg');
    background-repeat: no-repeat;
    background-size: contain ;
  }
}