@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700|Raleway:400,500,600,700,800,900');
/*=====================================
Template Name: CarPress HTML5 Responsive Template 
Template URI: http://periodicitems.com/
Description: CarPress HTML5 Responsive Template one of the most latest Car Related HTML5 Template.
Author: periodicitems
Author URI: http://periodicitems.com/
Version: 1.0
=======================================
CSS INDEX
=======================================
1.Theme Default CSS (body, link color, section etc)
  1.1 Reset CSS
2.Header Area Start Here
  2.1 Header Top Area Start Here
  2.2 Main Header Area Start Here
3.Slider Area Start Here
4.Home One About Area Start Here
5.Home One Counter Area Start Here
6.Feature Product Listing Area Start Here
7.Why Choose Us Area Start Here
8.Our Featured Area Start Area
9.Gallery Area Start Here
10.Blog Area Start Here 
11.Testimonial Area Start Here
12.Home Appointment Area Start Here
13.Footer Area Start Here
14.Scrollup Area Start Here
15.Home Page Two Design
  15.1 Header Design
  15.2 Home Two slider area Start Here
  15.3 Slider Bottom Area Start Here
  15.4 Most Latest Product Area Start Here
  15.5 Home Two About Section Area start Here
  15.6 Collection of Vehicle Area Start Here
  15.7 Team Area Start Here
  15.8 Home Two Testimonial Area Start Here
  15.9 Blog Two Page Start Here
  16.1 Make Free Appointment Start Here
  16.2 Footer Area Start Here
  16.3 Home One Counter Area two Start Here
16.Sticky Header Start Here
17.Breadcumb Area Start Here
18.About Page Area Start Here
19.About Page Two Area Start Here
  19.1 About Two Page Breadcumb Area  Start Here
  19.2 About Two Page About Area Start Here
  19.3 Mission and Vision Area Start Here
20.Shop Page Area Start Here
  20.1 Pagination Area Start Here
  20.2 Sidebar Area Start Here
21.Appointment Page Area Start Here
  21.1 We Serve Area Start Here
22.Single Product Area Start Here
23.Cart Page Area Start
24.Checkout Page Area Start
25.Login and Registration start Here
26.Team Member Start Here
27.Services Start Here
28.Services Two Page Start Here
29.Single Services Start Here
  29.1. Related Services Start Here
30.Error Page Start Here 
31.Blog Page Area Start Here
32.Single Blog Start Here
33.Contact Page Start Here
=======================================*/
/*=======================================
1.Theme default CSS
=======================================*/
html,
body {
  height: 100%;
  font-size: 14px;
  color: #444444;
  font-family: 'Tahoma';
  vertical-align: baseline;
  line-height: 18px;
  font-weight: 300;
}
/* ====================================
1.1 Reset CSS 
=======================================*/
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 26px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 26px;
}
.aligncenter {
  display: block;
  margin: 0 auto 26px;
}
a:focus {
  outline: 0px solid;
}

.fix {
  overflow: hidden;
}
p {
  margin: 0 0 26px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 26px;
  font-weight: 500;
  font-family: 'ToranongPro', sans-serif;
}
a {
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #d1000d;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
  color: #9f0000;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
::-moz-selection {
  background: #ccc;
  text-shadow: none;
}
::selection {
  background: #ccc;
  text-shadow: none;
}
.browserupgrade {
  margin: 26px  0;
  background: #d1000d;
  color: #333333;
  padding: 26px 0;
}
.acurate {
  margin: 0;
  padding: 0;
}
.padding {
  padding: 30px;
}

.padding-top0 {
  padding-top: 0px;
}

.padding-top10 {
  padding-top: 10px;
}

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

.padding-top {
  padding-top: 30px;
}
.padding-bottom {
  padding-bottom: 30px;
}
.padding1 {
  padding: 60px;
}
.padding-top1 {
  padding-top: 60px;
}
.padding-bottom1 {
  padding-bottm: 60px;
}
.mobile-menu-area {
  display: none;
}
.mean-container .mean-nav {
  position: absolute;
  top: 100%;
}
.section-area h2 {
  font-size: 24px;
  font-family: 'ToranongPro', sans-serif;
  margin-bottom: 5px;
}
.section-area .underline {
  margin-bottom: 5px;
}
.section-area p {
  margin-bottom: 30px;
}
.section-title2 h2 {
  font-size: 24px;
  font-weight: 300;
  color: #353535;
  padding-bottom: 15px;
  position: relative;
}
.section-title2 h2:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 3px;
  width: 150px;
  background: #ffa800;
  content: "";
  right: 0;
  margin: auto;
}
.section-title2.section-title3 h2 {
  font-size: 24px;
  font-weight: 300;
  color: #353535;
  padding-bottom: 15px;
  position: relative;
}
.section-title2.section-title3 h2:after {
  position: absolute;
  left: 0px;
  bottom: 0;
  height: 3px;
  width: 150px;
  background: #d1000d;
  content: "";
  right: 0;
  margin: auto;
}
.form-control::-moz-placeholder {
  color: #111111;
}
/* ====================================
2.Header Area Start Here 
=======================================*/
/* ====================================
2.1 Header Top Area Start Here 
=======================================*/
.header-top {
  background: #d1000d;
}
.header-top .header-top-left ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-top .header-top-left ul li {
  display: inline-block;
  margin-right: 20px;
  padding: 5px 0;
}
.header-top .header-top-left ul li:last-child {
  margin-right: 0;
}
.header-top .header-top-left ul li a {
  display: block;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
}
.header-top .header-top-left ul li a:hover {
  color: #D3D3D3;
}
.header-top .header-top-left ul li a i {
  margin-right: 10px;
}
.header-top .header-top-right ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}
.header-top .header-top-right ul li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  padding: 5px 0;
}
.header-top .header-top-right ul li:last-child {
  margin-right: 0;
}
.header-top .header-top-right ul li:hover ul {
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}
.header-top .header-top-right ul li ul {
  position: absolute;
  background: rgba(209, 0, 13, 0.9);
  left: 0;
  opacity: 0;
  top: 35px;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 9999999999;
  text-align: left;
  visibility: hidden;
}
.header-top .header-top-right ul li ul li {
  display: block;
  border-bottom: 1px solid #d1000d;
  margin: 0;
  padding: 0;
}
.header-top .header-top-right ul li ul li a {
  display: block;
  padding: 7px 10px;
  text-decoration: none;
}
.header-top .header-top-right ul li a {
  display: block;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  font-weight: 300;
  text-decoration: none;
}
.header-top .header-top-right ul li a:hover {
  color: #D3D3D3;
}
.header-top .header-top-right ul li a i {
  margin-right: 10px;
}
/* ====================================
2.2 Main Header Area Start Here 
=======================================*/
.main-header .logo-area {
  padding: 5px 0;
}
.main-header .logo-area a {
  display: block;
}
.main-header .main-menu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.main-header .main-menu ul li {
  display: inline-block;
  padding: 10px 10px;
  position: relative;
}
.main-header .main-menu ul li:hover ul {
  transform: scaleY(1);
  visibility: visible;
  opacity: 1;
}
.main-header .main-menu ul li ul {
  position: absolute;
  background: rgba(25, 105, 214, 0.9);
  left: 0;
  opacity: 0;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999;
  text-align: left;
  visibility: hidden;
}
.main-header .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #d1000d;
  margin: 0;
  padding: 0;
}
.main-header .main-menu ul li ul li a {
  display: block;
  padding: 7px 10px;
  text-decoration: none;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 300;
  transition: all 0.5s ease 0s;
}
.main-header .main-menu ul li ul li a:hover {
  color: #d3d3d3;
  margin-left: 5px;
}
.main-header .main-menu ul li.active a {
  color: #d1000d;
}
.main-header .main-menu ul li a {
  display: block;
  font-size: 24px;
  font-family: "ToranongMediumPro";
  text-decoration: none;
  color: #000;
}
.main-header .main-menu ul li a:hover {
  color: #d1000d;
}
.main-header .main-header-right ul {
  margin: 0;
  padding: 0;
}
.main-header .main-header-right ul li {
  display: inline-block;
}
.main-header .main-header-right ul li .form-area {
  padding-top: 40px;
}
.main-header .main-header-right ul li .form-area .navbar-form {
  position: relative;
  overflow: hidden;
}
.main-header .main-header-right ul li .form-area .navbar-form .form-group {
  width: 100%;
}
.main-header .main-header-right ul li .form-area .navbar-form .form-group input {
  width: 120px;
  height: 24px;
  border-radius: 0;
  font-size: 12px;
}
.main-header .main-header-right ul li .form-area .navbar-form button.btn-default {
  position: absolute;
  top: 0;
  right: 0;
  height: 24px;
  border: none;
  background: transparent;
}
.main-header .main-header-right ul li .form-area .navbar-form button.btn-default i {
  color: #444444;
  font-size: 12px;
  position: relative;
  right: 0;
  top: 0px;
  transition: all 0.5s ease 0s;
  display: block;
}
.main-header .main-header-right ul li .form-area .navbar-form button.btn-default i:hover {
  color: #d1000d;
}
.main-header .main-header-right ul li.cart-area {
  margin-top: 0px;
}
.main-header .main-header-right ul li.cart-area a {
  display: block;
  margin-top: -24px;
  position: absolute;
  right: 10px;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  width: 17px;
  height: 17px;
  line-height: 17px;
  background: #d1000d;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
}
.main-header .main-header-right ul li.cart-area a:after {
  content: "\f07a";
  background: #ffffff none repeat scroll 0 0;
  bottom: -9px;
  color: #444444;
  font-family: fontawesome;
  height: 14px;
  left: -11px;
  position: absolute;
  text-align: center;
  width: 17px;
}
/*=====================================
3.Slider Area Start Here
=======================================*/
.slider-area .slider-1 h1 {
  font-size: 72px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 7px;
  margin: 15px 0 0;
  font-weight: 700;
}
.slider-area .slider-1 h1 span {
  color: #d1000d;
}
.slider-area .slider-1 div.title2 {
  vertical-align: center;
  height: 100px;
  width: 90%;
  font-family: ToranongPro;
  font-size: 1.8em;
  color: #ffffff;
  background: #00079f;
  background: rgba(0, 7, 159, 0.75);
  padding: 0 20%;
  font-weight: normal;
  line-height: 1.5;
  display: block;
  left: 0;
  right: 0;
}
.slider-area .slider-1 div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-1 div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-1 div.slider-botton ul li.acitve a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #d1000d;
  border: 1px solid #d1000d;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.slider-area .slider-1 div.slider-botton ul li a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #d1000d;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.slider-area .slider-1 div.slider-botton ul li a:hover {
  background: #d1000d;
}
.slider-area .slider-2 h1 {
  font-size: 72px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 7px;
  margin: 15px 0 0;
  font-weight: 700;
}
.slider-area .slider-2 h1 span {
  color: #d1000d;
}
.slider-area .slider-2 div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0 25%;
  font-weight: normal;
  line-height: 1.5;
}
.slider-area .slider-2 div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-2 div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-2 div.slider-botton ul li.acitve a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #d1000d;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.slider-area .slider-2 div.slider-botton ul li a {
  display: block;
  padding: 17px 40px;
  color: #ffffff;
  border: 1px solid #d1000d;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.slider-area .slider-2 div.slider-botton ul li a:hover {
  background: #d1000d;
}
/* ====================================
4.Home One About Area Start Here 
=======================================*/
.about-us-area {
  padding: 100px 0;
}
.about-us-area .about-content h2 {
  font-size: 30px;
}
.about-us-area .about-content a {
  display: inline-block;
  padding: 10px 30px;
  color: #d1000d;
  border: 1px solid #d1000d;
  transition: all 0.5s ease 0s;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 50px;
}
.about-us-area .about-content a:hover {
  background: #d1000d;
  color: #ffffff;
}
.about-us-area .about-feature-image img {
  width: 100%;
}
.about-us-area .about-feature-image img:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
/* ====================================
5.Home One Counter Area Start Here
======================================= */
.counter-up-area {
  padding: 100px 0;
  background: url('images/counter/1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.counter-up-area .ab-count .about-counter-list {
  color: #ffffff;
  text-align: left;
  display: block;
  text-align: center;
}
.counter-up-area .ab-count .about-counter-list h1.about-counter {
  font-weight: 600;
  font-size: 48px;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border: 1px dotted #d1000d;
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  border-radius: 5%;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
}
.counter-up-area .ab-count .about-counter-list p {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 0;
  text-align: center;
}
/* ====================================
6.Feature Product Listing Area Start Here 
=======================================*/
.featured-product-listing-area {
  padding: 100px 0;
}
.featured-product-listing-area .tab-button ul {
  margin: 0;
  padding: 0;
  text-align: center;
  border: 0px;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs {
  margin: 0;
  padding: 0;
  text-align: center;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li {
  display: inline-block;
  float: inherit;
  border: 0px;
  background: transparent;
  color: #444444;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li:last-child a:after {
  display: none;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li.active {
  background: transparent;
  color: #444444;
  border: 0px;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li.active a {
  background: transparent;
  color: #444444;
  border: 0px;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li.active a:after {
  background: #dddddd none repeat scroll 0 0;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  right: -5px;
  top: 10px;
  width: 4px;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li a {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  color: #cccccc;
  background: transparent;
  border: 0px;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li a:after {
  background: #dddddd none repeat scroll 0 0;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  right: -5px;
  top: 10px;
  width: 4px;
}
.featured-product-listing-area .tab-button ul.nav.nav-tabs li a:hover {
  background: transparent;
  color: #444444;
  border: 0px;
}
.featured-product-listing-area .tab-button p {
  text-align: center;
  padding: 10px;
}
.featured-product-listing-area .tab-content .tab-pane {
  margin-left: -30px;
}
.featured-product-listing-area .tab-content .tab-pane .single-products {
  margin-left: 30px;
}
.featured-product-listing-area .tab-content .tab-pane .single-products .product-image {
  position: relative;
  overflow: hidden;
  transition: all 0.5s ease 0s;
  margin-bottom: 30px;
}
.featured-product-listing-area .tab-content .tab-pane .single-products .product-image:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.featured-product-listing-area .tab-content .tab-pane .single-products .product-image a {
  display: block;
}
.featured-product-listing-area .tab-content .tab-pane .single-products .product-image a img {
  width: 100%;
}
.featured-product-listing-area .tab-content .tab-pane .single-products .product-image p {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 500;
  font-size: 18px;
  margin: 20px;
}
.featured-product-listing-area .tab-content .tab-pane .single-products .product-price a {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
  display: block;
  color: #444444;
  transition: all 0.5s ease 0s;
}
.featured-product-listing-area .tab-content .tab-pane .single-products .product-price a:hover {
  color: #d1000d;
}
.featured-product-listing-area .owl-controls .owl-buttons .owl-prev {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #444444;
  border-radius: 0;
  color: #444444;
  height: 20px;
  line-height: 20px;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 30px;
  top: -112px;
  width: 20px;
  margin: 0 1px;
  transition: all 0.5s ease 0s;
}
.featured-product-listing-area .owl-controls .owl-buttons .owl-prev:hover {
  border: 1px solid #d1000d;
  color: #d1000d;
}
.featured-product-listing-area .owl-controls .owl-buttons .owl-next {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #444444;
  border-radius: 0;
  color: #444444;
  height: 20px;
  line-height: 20px;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 0;
  top: -112px;
  width: 20px;
  transition: all 0.5s ease 0s;
}
.featured-product-listing-area .owl-controls .owl-buttons .owl-next:hover {
  border: 1px solid #d1000d;
  color: #d1000d;
}
/* ====================================
7.Why Choose Us Area Start Here 
=======================================*/
.why-choose-us-area {
  background: #f9f9f9;
  overflow: hidden;
}
.why-choose-us-area .why-choose-us-image {
  overflow: hidden;
  position: relative;
}
.why-choose-us-area .why-choose-us-image:hover a:after {
  left: -50%;
  opacity: 1;
  top: -50%;
}
.why-choose-us-area .why-choose-us-image a:after {
  background: rgba(25, 105, 214, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  top: -100%;
  transform: rotate(45deg) scaleY(2);
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.why-choose-us-area .why-choose-us-content {
  padding: 60px;
}
.why-choose-us-area .why-choose-us-content h2 {
  font-size: 24px;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 5px;
}
.why-choose-us-area .why-choose-us-content .underline {
  margin-bottom: 30px;
}
.why-choose-us-area .why-choose-us-content p {
  margin-right: 300px;
  margin-bottom: 30px;
}
.why-choose-us-area .why-choose-us-content .service-list {
  margin-bottom: 50px;
}
.why-choose-us-area .why-choose-us-content .service-list ul {
  margin: 0;
  padding: 0;
}
.why-choose-us-area .why-choose-us-content .service-list ul li {
  display: inline-block;
  margin-right: 30px;
}
.why-choose-us-area .why-choose-us-content .service-list ul li .single-list ul li {
  display: block;
  margin-bottom: 10px;
}
.why-choose-us-area .why-choose-us-content .service-list ul li .single-list ul li i {
  margin-right: 10px;
  color: #d1000d;
  font-size: 20px;
}
.why-choose-us-area .why-choose-us-content .read-more {
  display: inline-block;
}
.why-choose-us-area .why-choose-us-content .read-more a {
  display: block;
  padding: 10px 40px;
  color: #444444;
  border: 1px solid #444444;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.why-choose-us-area .why-choose-us-content .read-more a:hover {
  color: #d1000d;
  border: 1px solid #d1000d;
}
/* ====================================
8.Our Featured Area Start Area 
=======================================*/
.our-featured-area {
  padding: 100px 0 30px;
}
.our-featured-area.ralated-product {
  padding-top: 0;
}
.our-featured-area .our-featured-product {
  margin-left: -30px;
}
.our-featured-area .our-featured-product .single-featured-product {
  position: relative;
  margin-left: 30px;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
.our-featured-area .our-featured-product .single-featured-product:hover .product-details {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image {
  position: relative;
  margin-bottom: 30px;
  transition: all 0.5s ease 0s;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image:hover p {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image:hover .featured-product-cart-button {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image a {
  display: block;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image a img {
  width: 100%;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image p {
  position: absolute;
  left: 0;
  top: 0;
  margin: 20px;
  font-weight: 500;
  font-size: 18px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.2s ease 0s;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image .featured-product-cart-button {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  bottom: 30px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.6s ease 0s;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image .featured-product-cart-button ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image .featured-product-cart-button ul li {
  display: inline-block;
  margin: 0 3px;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image .featured-product-cart-button ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  border: 1px solid #cccccc;
  color: #cccccc;
  transition: all 0.5s ease 0s;
}
.our-featured-area .our-featured-product .single-featured-product .single-fearured-image .featured-product-cart-button ul li a:hover {
  background: #d1000d;
  color: #ffffff;
  border: 1px solid #d1000d;
}
.our-featured-area .our-featured-product .single-featured-product .product-details {
  
}

.our-featured-area .our-featured-product .single-featured-product .product-details p {
  font-family: "ToranongMediumPro";
  display: block;
  text-align: center;
  color: #b91313;
  font-size: 32px;
  margin: 0;
  padding: 0;
}

.our-featured-area .our-featured-product .single-featured-product .product-details span {
  display: block;
  text-align: center;
  color: #999;
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.our-featured-area .our-featured-product .single-featured-product .product-details ul {
  margin: 0;
  padding: 0;
}
.our-featured-area .our-featured-product .single-featured-product .product-details ul li {
  
  width: 50%;
  float: left;
}
.our-featured-area .our-featured-product .single-featured-product .product-details ul li a {
  
  display: block;
  font-weight: 600;
  color: #999;
  font-size: 16px;
  transition: all 0.5s ease 0s;
}
.our-featured-area .our-featured-product .single-featured-product .product-details ul li a:hover {
  color: #d1000d;
}
.our-featured-area .our-featured-product .single-featured-product .product-details ul li .product-rating ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
.our-featured-area .our-featured-product .single-featured-product .product-details ul li .product-rating ul li {
  float: right;
  margin: 0;
  width: 15px;
}
.our-featured-area .our-featured-product .owl-controls .owl-buttons .owl-prev {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #444444;
  border-radius: 0;
  color: #444444;
  height: 20px;
  line-height: 20px;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 30px;
  top: -112px;
  width: 20px;
  margin: 0 1px;
  transition: all 0.5s ease 0s;
}
.our-featured-area .our-featured-product .owl-controls .owl-buttons .owl-prev:hover {
  border: 1px solid #d1000d;
  color: #d1000d;
}
.our-featured-area .our-featured-product .owl-controls .owl-buttons .owl-next {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #444444;
  border-radius: 0;
  color: #444444;
  height: 20px;
  line-height: 20px;
  margin: 0;
  opacity: 1;
  padding: 0;
  position: absolute;
  right: 0;
  top: -112px;
  width: 20px;
  transition: all 0.5s ease 0s;
}
.our-featured-area .our-featured-product .owl-controls .owl-buttons .owl-next:hover {
  border: 1px solid #d1000d;
  color: #d1000d;
}
/* ====================================
9.Gallery Area Start Here
=======================================*/
#Container .mix {
  display: none;
}
.our-work-three {
  border-top: 1px dashed #cccccc;
  overflow: hidden;
  padding: 100px 0 0;
}
.our-work-three .work-column-menu {
  margin-bottom: 30px;
}
.our-work-three .work-column-menu ul {
  text-align: center;
}
.our-work-three .work-column-menu ul li {
  display: inline-block;
  padding: 5px 20px;
  border: 1px solid #d1000d;
  margin-right: 5px;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.5s ease 0s;
}
.our-work-three .work-column-menu ul li.active {
  background: #d1000d;
  color: #ffffff;
}
.our-work-three .work-column-menu ul li:hover {
  background: #d1000d;
  color: #ffffff;
}
.our-work-three .home1-recent-work {
  padding: 0px 0 0px;
}
.our-work-three .home1-recent-work .single-recent-work {
  margin-bottom: 0px;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images {
  position: relative;
  overflow: hidden;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images img {
  width: 100%;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images:hover .work-details {
  transform: scale(1);
  opacity: 1;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images:hover .link {
  opacity: 1;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details {
  background: rgba(25, 105, 214, 0.7) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  transition: all 0.5s ease 0s;
  transform: scale(0);
  width: 100%;
  height: 100%;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details:hover:after {
  left: -80%;
  opacity: 1;
  top: -60%;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details:after {
  background: #d1000d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  top: -100%;
  transform: rotate(45deg) scaleY(2);
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details .title {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  text-align: center;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details .title ul {
  text-align: center;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details .title ul li {
  display: inline-block;
  margin: 0 3px;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details .title ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  border: 1px solid #cccccc;
  color: #cccccc;
  transition: all 0.5s ease 0s;
  display: block;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .work-details .title ul li a:hover {
  background: #d1000d;
  color: #ffffff;
  border: 1px solid #d1000d;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .link {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto;
  opacity: 0;
  padding: 30px;
  transition: all 0.5s ease 0s;
  z-index: 999;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .link a {
  font-size: 30px;
  color: #ffffff;
  font-weight: 700;
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
.our-work-three .home1-recent-work .single-recent-work .recent-work-images .link a:hover {
  color: #9f0000;
}
/* ====================================
10.Blog Area Start Here 
=======================================*/
.blog-area {
  padding: 10px 0;
}
.blog-area .single-blog {
  position: relative;
  overflow: hidden;
}
.blog-area .single-blog:hover .blog-image a:after {
  left: -80%;
  opacity: 1;
  top: -60%;
}
.blog-area .single-blog:hover .blog-image .date {
  background: #d1000d;
}
.blog-area .single-blog:hover .blog-details h3 a {
  color: #d1000d;
}
.blog-area .single-blog:hover .blog-info ul li .see-more a {
  color: #d1000d;
}
.blog-area .single-blog:hover .blog-info ul li .see-more a:after {
  color: #d1000d;
}
.blog-area .single-blog:hover .blog-info ul li i {
  color: #d1000d;
}
.blog-area .single-blog .blog-image {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.blog-area .single-blog .blog-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.blog-area .single-blog .blog-image a:after {
  background: #d1000d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  top: -100%;
  transform: rotate(45deg) scaleY(2);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.blog-area .single-blog .blog-image a img {
  width: 100%;
}
.blog-area .single-blog .blog-image .date {
  background: #444444;
  bottom: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  height: 70px;
  line-height: 20px;
  margin: auto;
  padding: 13px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 70px;
  transition: all 0.5s ease 0s;
}
.blog-area .single-blog .blog-image .date a {
  color: #ffffff;
}
.blog-area .single-blog .blog-details h3 {
  margin-bottom: 5px;
}
.blog-area .single-blog .blog-details h3 a {
  font-size: 16px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  color: #444444;
}
.blog-area .single-blog .blog-details p {
  margin-bottom: 30px;
}
.blog-area .single-blog .blog-info {
  position: relative;
  overflow: hidden;
}
.blog-area .single-blog .blog-info ul {
  margin: 0;
  padding: 0;
}
.blog-area .single-blog .blog-info ul li {
  float: left;
  width: 50%;
}
.blog-area .single-blog .blog-info ul li .see-more {
  position: absolute;
  right: 0;
  top: 0;
}
.blog-area .single-blog .blog-info ul li .see-more a {
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  color: #444444;
  position: relative;
  margin-right: 20px;
}
.blog-area .single-blog .blog-info ul li .see-more a:after {
  position: absolute;
  right: -30px;
  top: 0;
  content: "\f101";
  font-family: fontawesome;
  width: 20px;
  height: 20px;
}
/* ====================================
11.Testimonial Area Start Here 
=======================================*/
.testimonial-area {
  background: url('images/testimonial/bg.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0;
}
.testimonial-area .section-area h2 {
  color: #ffffff;
}
.testimonial-area .testimonial ul {
  margin: 0;
  padding: 0;
  text-align: center;
  border: 0px;
}
.testimonial-area .testimonial ul.nav.nav-tabs {
  margin: 0;
  padding: 0;
  text-align: center;
}
.testimonial-area .testimonial ul.nav.nav-tabs li {
  display: inline-block;
  float: inherit;
  border: 0px;
  background: transparent;
  color: #444444;
}
.testimonial-area .testimonial ul.nav.nav-tabs li:last-child a:after {
  display: none;
}
.testimonial-area .testimonial ul.nav.nav-tabs li.active {
  background: transparent;
  color: #444444;
  border: 0px;
}
.testimonial-area .testimonial ul.nav.nav-tabs li.active a img {
  width: 100px;
  height: 100px;
  opacity: 1;
}
.testimonial-area .testimonial ul.nav.nav-tabs li a {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-size: 24px;
  color: #cccccc;
  background: transparent;
  border: 0px;
  margin: 0;
}
.testimonial-area .testimonial ul.nav.nav-tabs li a img {
  width: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  opacity: .2;
  width: 80px;
  height: 80px;
}
.testimonial-area .testimonial .tab-content .tab-pane {
  padding-top: 30px;
}
.testimonial-area .testimonial .tab-content .tab-pane p {
  color: #ffffff;
  padding: 0 100px;
}
.testimonial-area .testimonial .tab-content .tab-pane .testimonial-details h4 {
  margin-bottom: 5px;
}
.testimonial-area .testimonial .tab-content .tab-pane .testimonial-details h4 a {
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.testimonial-area .testimonial .tab-content .tab-pane .testimonial-details h4 a:hover {
  color: #d1000d;
}
.testimonial-area .testimonial .tab-content .tab-pane .testimonial-details span {
  color: #ffffff;
}
/* ====================================
12.Home Appointment Area Start Here 
======================================= */
.appointment-section-area {
  padding: 100px 0;
  border-top: 1px dashed #cccccc;
}
.appointment-section-area .appointment-section {
  border: 1px solid #444444;
  margin: 0 100px;
  padding: 20px;
}
.appointment-section-area .appointment-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.appointment-section-area .appointment-section ul li {
  display: inline-block;
  margin-right: 150px;
  font-size: 24px;
  font-weight: 300;
}
.appointment-section-area .appointment-section ul li:last-child {
  margin-right: 0;
}
.appointment-section-area .appointment-section ul li .book-now {
  display: inline-block;
}
.appointment-section-area .appointment-section ul li .book-now a {
  background: #d1000d;
  color: #ffffff;
  display: block;
  font-size: 14px;
  padding: 7px 50px;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.appointment-section-area .appointment-section ul li .book-now a:hover {
  background: #9f0000;
}
/* ====================================
13.Footer Area Start Here 
=======================================*/
.footer-top-area {
  background: #070707;
  padding: 100px 0 30px;
}
.footer-top-area .widget a {
  display: block;
}
.footer-top-area .widget a img {
  margin-bottom: 30px;
}
.footer-top-area .widget p {
  color: #ffffff;
}
.footer-top-area .widget .contact-info h4 {
  color: #ffffff;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.footer-top-area .widget .contact-info ul {
  margin: 0;
  padding: 0;
}
.footer-top-area .widget .contact-info ul li {
  display: block;
  color: #ffffff;
}
.footer-top-area .widget h2.widget-title {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #eaeaea;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.footer-top-area .widget ul {
  margin: 0;
  padding: 0;
}
.footer-top-area .widget ul li {
  display: block;
  color: #ffffff;
  position: relative;
  margin-left: 10px;
}
.footer-top-area .widget ul li:before {
  position: absolute;
  left: -15px;
  top: 0;
  content: "\f101";
  font-family: fontawesome;
  width: 20px;
  height: 20px;
}
.footer-top-area .widget ul li a {
  display: block;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  text-decoration: none;
}
.footer-top-area .widget ul li a:hover {
  color: #d1000d;
}
.footer-top-area .widget form .form-group input {
  width: 100%;
  height: 40px;
}
.footer-top-area .widget form .subscribe {
  display: inline-block;
  margin-bottom: 30px;
}
.footer-top-area .widget form .subscribe a {
  display: block;
  background: #d1000d;
  padding: 7px 20px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.footer-top-area .widget form .subscribe a:hover {
  background: #9f0000;
}
.footer-top-area .widget .social-media ul {
  margin: 0;
  padding: 0;
}
.footer-top-area .widget .social-media ul li {
  display: inline-block;
  margin: 0 8px;
}
.footer-top-area .widget .social-media ul li:before {
  display: none;
}
.footer-top-area .widget .social-media ul li a {
  display: block;
  font-size: 18px;
}
.footer-bottom-area {
  background: #d1000d;
  padding: 15px 0;
}
.footer-bottom-area p {
  color: #ffffff;
  margin: 0;
  font-size: 18px;
}
.footer-bottom-area p a {
  color: #ffffff;
  font-weight: 600;
}
/* ====================================
14.Scrollup Area Start Here 
=======================================*/
#scrollUp {
  background: transparent;
  border: 1px solid #d1000d;
  bottom: 80px;
  color: #d1000d;
  display: block;
  font-size: 25px;
  height: 40px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 40px;
  z-index: 10004;
}
#scrollUp:hover {
  background: #9f0000;
}
#scrollUp:hover i {
  color: #ffffff;
}
#scrollUp i {
  display: block;
  padding-top: 5px;
  font-size: 30px;
  font-weight: bold;
}
.header-two {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 999;
}
.header-two .main-menu ul li ul {
  background: rgba(255, 168, 0, 0.9);
}
.header-two .main-menu ul li ul li {
  border-bottom: 1px solid #ffa800;
}
.header-two .main-menu ul li ul li a:hover {
  color: #d3d3d3;
}
.header-two .main-menu ul li.active a {
  color: #ffa800;
}
.header-two .main-menu ul li a {
  color: #ffffff;
}
.header-two .main-menu ul li a:hover {
  color: #ffa800;
}
.header-right2.main-header-right ul li .form-area .navbar-form button.btn-default i {
  color: #444444;
  font-size: 12px;
  position: relative;
  right: 0;
  top: 0px;
  transition: all 0.5s ease 0s;
  display: block;
}
.header-right2.main-header-right ul li .form-area .navbar-form button.btn-default i:hover {
  color: #ffa800 !important;
}
.header-right2.main-header-right ul li.cart-area a {
  background: #ffa800;
}
/* ====================================
15.2 Home Two slider area Start Here 
=======================================*/
.home-two-slider.slider-area .slider-1 h1 span {
  color: #ffa800;
}
.home-two-slider.slider-area .slider-1 div.slider-botton ul li.acitve a {
  background: #ffa800;
  border: 1px solid #ffa800;
}
.home-two-slider.slider-area .slider-1 div.slider-botton ul li a {
  border: 1px solid #ffa800;
}
.home-two-slider.slider-area .slider-1 div.slider-botton ul li a:hover {
  background: #ffa800;
}
.home-two-slider.slider-area .slider-2 h1 span {
  color: #ffa800;
}
.home-two-slider.slider-area .slider-2 div.slider-botton ul li.acitve a {
  background: #ffa800;
}
.home-two-slider.slider-area .slider-2 div.slider-botton ul li a {
  border: 1px solid #ffa800;
}
.home-two-slider.slider-area .slider-2 div.slider-botton ul li a:hover {
  background: #ffa800;
}
.home-two-slider.slider-area .nivo-directionNav .nivo-prevNav:before {
  color: #ffa800;
}
.home-two-slider.slider-area .nivo-directionNav .nivo-prevNav:hover:before {
  background: #ffa800;
  color: #ffffff !important;
}
.home-two-slider.slider-area .nivo-directionNav .nivo-nextNav:before {
  color: #ffa800;
}
.home-two-slider.slider-area .nivo-directionNav .nivo-nextNav:hover:before {
  background: #ffa800;
  color: #ffffff !important;
}
/* ====================================
15.3 Slider Bottom Area Start Here 
=======================================*/
.slider-bottom-area .slider-bottom {
  background: #000000 none repeat scroll 0 0;
  -webkit-border-radius: 0 0 50% 50%;
  -moz-border-radius: 0 0 50% 50%;
  border-radius: 0 0 50% 50%;
  height: 80px;
}
.slider-bottom-area .slider-bottom h2 {
  color: #ffffff;
  margin: 0;
  padding: 20px 0 0;
}
/* ====================================
15.4 Most Latest Product Area Start Here 
=======================================*/
.most-latest-product-area {
  padding: 100px 0;
}
.most-latest-product-area .single-latest-product {
  position: relative;
  overflow: hidden;
  transition: all 0.7s ease 0s;
}
.most-latest-product-area .single-latest-product:hover {
  -webkit-box-shadow: -0.5px 4px 15px 1px rgba(0, 0, 0, 0.76);
  -moz-box-shadow: -0.5px 4px 15px 1px rgba(0, 0, 0, 0.76);
  box-shadow: -0.5px 4px 15px 1px rgba(0, 0, 0, 0.76);
}
.most-latest-product-area .single-latest-product:hover .latest-product-details h3 {
  background: rgba(0, 0, 0, 0) url("images/home2/latest-product/hover.png") no-repeat scroll center center;
}
.most-latest-product-area .single-latest-product:hover .latest-product-details .read-more a {
  background: #ffa800;
}
.most-latest-product-area .single-latest-product .latest-product-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.most-latest-product-area .single-latest-product .latest-product-image a {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.most-latest-product-area .single-latest-product .latest-product-image .overley {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.6s ease 0s;
  width: 100%;
  height: 100%;
}
.most-latest-product-area .single-latest-product .latest-product-image .overley ul {
  margin: 0;
  padding: 0;
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-20px);
}
.most-latest-product-area .single-latest-product .latest-product-image .overley ul li {
  display: inline-block;
  margin: 0 3px;
}
.most-latest-product-area .single-latest-product .latest-product-image .overley ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  border: 1px solid #cccccc;
  color: #cccccc;
  transition: all 0.5s ease 0s;
}
.most-latest-product-area .single-latest-product .latest-product-image .overley ul li a:hover {
  background: #d1000d;
  color: #ffffff;
  border: 1px solid #d1000d;
}
.most-latest-product-area .single-latest-product .latest-product-details {
  position: absolute;
  bottom: 0;
  height: 60px;
  left: 0;
  right: 0;
  margin: auto;
}
.most-latest-product-area .single-latest-product .latest-product-details h3 {
  background: rgba(0, 0, 0, 0) url("images/home2/latest-product/product-title-bg.png") no-repeat scroll center center;
  height: 40px;
  margin-bottom: 0;
  margin-left: -13px;
  text-align: center;
  transition: all 0.5s ease 0s;
}
.most-latest-product-area .single-latest-product .latest-product-details h3 a {
  display: block;
  font-size: 18px;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  padding-top: 10px;
}
.most-latest-product-area .single-latest-product .read-more {
  height: 20px;
  position: absolute;
  right: 35px;
  top: 40px;
  width: 20px;
  margin: auto;
  text-align: center;
}
.most-latest-product-area .single-latest-product .read-more a {
  display: block;
  -webkit-transform: skew(-20deg);
  -moz-transform: skew(-20deg);
  -o-transform: skew(-20deg);
  background: #353535;
  color: #ffffff;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
}
/*=====================================
15.5 Home Two About Section Area start Here 
=======================================*/
.home2-about-section-area {
  background: #f8f8f8;
  overflow: hidden;
}
.home2-about-section-area .home2-about-section-image {
  overflow: hidden;
  position: relative;
}
.home2-about-section-area .home2-about-section-image:hover a:after {
  left: -50%;
  opacity: 1;
  top: -50%;
}
.home2-about-section-area .home2-about-section-image a:after {
  background: rgba(255, 168, 0, 0.7) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  top: -100%;
  transform: rotate(45deg) scaleY(2);
  transition: all 0.3s ease-out 0s;
  width: 100%;
}
.home2-about-section-area .home2-about-section-image a img {
  width: 100%;
  background-size: cover;
}
.home2-about-section-area .home2-about-section-content {
  padding: 70px 0;
}
.home2-about-section-area .home2-about-section-content h2 {
  font-size: 24px;
  font-weight: 300;
  color: #353535;
  padding-bottom: 15px;
  position: relative;
}
.home2-about-section-area .home2-about-section-content h2:after {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 150px;
  background: #ffa800;
  content: "";
}
.home2-about-section-area .home2-about-section-content .service-list .single-service {
  margin-bottom: 30px;
}
.home2-about-section-area .home2-about-section-content .service-list .single-service h3 {
  margin-bottom: 15px;
}
.home2-about-section-area .home2-about-section-content .service-list .single-service h3 a {
  display: block;
  text-decoration: none;
  font-size: 18px;
  color: #353535;
  transition: all 0.5s ease 0s;
}
.home2-about-section-area .home2-about-section-content .service-list .single-service h3 a:hover {
  color: #ffa800;
}
.home2-about-section-area .home2-about-section-content .service-list .single-service h3 a i {
  margin-right: 20px;
  font-weight: 600;
  font-size: 35px;
  color: #ffa800;
}
.home2-about-section-area .home2-about-section-content .service-list .single-service p {
  margin-right: 120px;
}
/* ====================================
15.6 Collection of Vehicle Area Start Here 
=======================================*/
.collection-vehicle-area {
  padding: 100px 0;
}
.collection-vehicle-area .collection-vehicle-content h2 {
  font-size: 24px;
  font-weight: 600;
  color: #353535;
  margin-bottom: 5px;
}
.collection-vehicle-area .collection-vehicle-content p {
  font-size: 18px;
  color: #353535;
  font-weight: 300;
}
.collection-vehicle-area .collection-vehicle-content .product-price p span {
  color: #353535;
  font-weight: 700;
}
.collection-vehicle-area .collection-vehicle-content .product-details p {
  font-weight: 300;
  font-size: 14px;
}
.collection-vehicle-area .collection-vehicle-content .product-info {
  margin-bottom: 40px;
}
.collection-vehicle-area .collection-vehicle-content .product-info ul {
  margin: 0;
  padding: 0;
}
.collection-vehicle-area .collection-vehicle-content .product-info ul li {
  display: inline-block;
  margin-right: 10px;
}
.collection-vehicle-area .collection-vehicle-content .product-info ul li i {
  font-size: 20px;
  margin-right: 10px;
}
.collection-vehicle-area .collection-vehicle-content .read-more {
  display: inline-block;
}
.collection-vehicle-area .collection-vehicle-content .read-more a {
  background: #ffa800;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.collection-vehicle-area .collection-vehicle-content .read-more a:hover {
  background: #c3850e;
}
.collection-vehicle-area .collection-image img:hover {
  opacity: .9;
}
/* ====================================
15.7 Team Area Start Here 
=======================================*/
.team-area {
  padding: 100px 0;
}
.team-area .single-team .team-image {
  position: relative;
  overflow: hidden;
}
.team-area .single-team .team-image:hover .overley {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.team-area .single-team .team-image:hover .overley .team-details {
  bottom: 30px;
}
.team-area .single-team .team-image a {
  display: block;
}
.team-area .single-team .team-image a img {
  width: 100%;
}
.team-area .single-team .team-image .overley {
  position: absolute;
  right: 23px;
  left: 0;
  margin: auto;
  text-align: center;
  bottom: 0px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.6s ease 0s;
  width: 90%;
  height: 35%;
  -webkit-transform: skew(-4deg) !important;
  -moz-transform: skew(-4deg) !important;
  -o-transform: skew(-4deg) !important;
  background: rgba(0, 0, 0, 0.7);
}
.team-area .single-team .team-image .overley .team-details {
  bottom: 0px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  transition: all 0.6s ease 0s;
}
.team-area .single-team .team-image .overley .team-details h3 {
  margin-bottom: 0;
}
.team-area .single-team .team-image .overley .team-details h3 a {
  display: block;
  color: #ffffff;
  font-size: 16px;
  font-weight: 800;
  transition: all 0.5s ease 0s;
}
.team-area .single-team .team-image .overley .team-details h3 a:hover {
  color: #ffa800;
}
.team-area .single-team .team-image .overley .team-details span.designation {
  color: #ffffff;
}
.team-area .single-team .team-image .overley .team-details .social-media ul {
  margin: 0;
  padding: 0;
}
.team-area .single-team .team-image .overley .team-details .social-media ul li {
  display: inline-block;
  margin: 0 8px;
}
.team-area .single-team .team-image .overley .team-details .social-media ul li:before {
  display: none;
}
.team-area .single-team .team-image .overley .team-details .social-media ul li a {
  display: block;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.team-area .single-team .team-image .overley .team-details .social-media ul li a:hover {
  color: #ffa800;
}
.team-area .single-team .team-image .overley .team-details .social-media.social-media ul {
  margin: 0;
  padding: 0;
}
.team-area .single-team .team-image .overley .team-details .social-media.social-media ul li {
  display: inline-block;
  margin: 0 8px;
}
.team-area .single-team .team-image .overley .team-details .social-media.social-media ul li:before {
  display: none;
}
.team-area .single-team .team-image .overley .team-details .social-media.social-media ul li a {
  display: block;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.team-area .single-team .team-image .overley .team-details .social-media.social-media ul li a:hover {
  color: #d1000d;
}
/* ====================================
15.8 Home Two Testimonial Area Start Here 
=======================================*/
.home-two-testimonial-area {
  background: url('images/testimonial/bg.jpg') no-repeat;
  padding: 100px 0;
  overflow: hidden;
}
.home-two-testimonial-area .home-two-testimonial .single-testimonial .image {
  margin-bottom: 20px;
}
.home-two-testimonial-area .home-two-testimonial .single-testimonial .image img {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ffa800;
}
.home-two-testimonial-area .home-two-testimonial .single-testimonial p {
  color: #ffffff;
  padding: 0 100px;
}
.home-two-testimonial-area .home-two-testimonial .single-testimonial .testimonial-details h4 {
  margin-bottom: 5px;
}
.home-two-testimonial-area .home-two-testimonial .single-testimonial .testimonial-details h4 a {
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.home-two-testimonial-area .home-two-testimonial .single-testimonial .testimonial-details h4 a:hover {
  color: #ffa800;
}
.home-two-testimonial-area .home-two-testimonial .single-testimonial .testimonial-details span {
  color: #ffffff;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-pagination .owl-page.active span {
  background: #ffa800;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-pagination .owl-page span {
  background: #ffa800;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-prev {
  left: 0;
  position: absolute;
  top: 40%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  opacity: 1;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-prev:hover {
  background: #ffa800;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ffffff;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-prev i {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-next {
  right: 0;
  position: absolute;
  top: 40%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  opacity: 1;
  background: #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-next:hover {
  background: #ffa800;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-next:hover i {
  color: #ffffff;
}
.home-two-testimonial-area .home-two-testimonial .owl-controls .owl-buttons .owl-next i {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
}
/* ====================================
15.9 Blog Two page Start here 
=======================================*/
.blog-area.blog-area2 {
  padding: 40px 0 100px;
}
.blog-area.blog-area2 .single-blog {
  position: relative;
  overflow: hidden;
}
.blog-area.blog-area2 .single-blog:hover .blog-image a:after {
  left: -80%;
  opacity: 1;
  top: -60%;
}
.blog-area.blog-area2 .single-blog:hover .blog-image .date {
  background: #ffa800;
}
.blog-area.blog-area2 .single-blog:hover .blog-details h3 a {
  color: #ffa800;
}
.blog-area.blog-area2 .single-blog:hover .blog-info ul li .see-more a {
  color: #ffa800;
}
.blog-area.blog-area2 .single-blog:hover .blog-info ul li .see-more a:after {
  color: #ffa800;
}
.blog-area.blog-area2 .single-blog:hover .blog-info ul li i {
  color: #ffa800;
}
.blog-area.blog-area2 .single-blog .blog-image {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.blog-area.blog-area2 .single-blog .blog-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.blog-area.blog-area2 .single-blog .blog-image a:after {
  background: #ffa800 none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  top: -100%;
  transform: rotate(45deg) scaleY(2);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.blog-area.blog-area2 .single-blog .blog-image a img {
  width: 100%;
}
.blog-area.blog-area2 .single-blog .blog-image .date {
  background: #444444;
  bottom: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  height: 70px;
  line-height: 20px;
  margin: auto;
  padding: 13px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 70px;
  transition: all 0.5s ease 0s;
}
.blog-area.blog-area2 .single-blog .blog-image .date a {
  color: #ffffff;
}
.blog-area.blog-area2 .single-blog .blog-details h3 {
  margin-bottom: 5px;
}
.blog-area.blog-area2 .single-blog .blog-details h3 a {
  font-size: 16px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  color: #444444;
}
.blog-area.blog-area2 .single-blog .blog-details p {
  margin-bottom: 30px;
}
.blog-area.blog-area2 .single-blog .blog-info {
  position: relative;
  overflow: hidden;
}
.blog-area.blog-area2 .single-blog .blog-info ul {
  margin: 0;
  padding: 0;
}
.blog-area.blog-area2 .single-blog .blog-info ul li {
  float: left;
  width: 50%;
}
.blog-area.blog-area2 .single-blog .blog-info ul li .see-more {
  position: absolute;
  right: 0;
  top: 0;
}
.blog-area.blog-area2 .single-blog .blog-info ul li .see-more a {
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  color: #444444;
  position: relative;
  margin-right: 20px;
}
.blog-area.blog-area2 .single-blog .blog-info ul li .see-more a:after {
  position: absolute;
  right: -30px;
  top: 0;
  content: "\f101";
  font-family: fontawesome;
  width: 20px;
  height: 20px;
}
/* ====================================
16.1 Make Free Appointment Start Here 
=======================================*/
.make-free-appointment-area .make-free-appointment {
  background: rgba(0, 0, 0, 0) url("images/footer-appointment.png") no-repeat scroll 0 0;
  bottom: -30px;
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
}
.make-free-appointment-area .make-free-appointment ul {
  list-style: outside none none;
  margin: 0;
  padding: 30px 0 0;
}
.make-free-appointment-area .make-free-appointment ul li {
  display: inline-block;
  margin-right: 150px;
  font-size: 24px;
  font-weight: 300;
  color: #ffffff;
}
.make-free-appointment-area .make-free-appointment ul li:last-child {
  margin-right: 0;
}
.make-free-appointment-area .make-free-appointment ul li .book-now {
  display: inline-block;
}
.make-free-appointment-area .make-free-appointment ul li .book-now a {
  background: #ffffff;
  color: #444444;
  display: block;
  font-size: 14px;
  padding: 7px 50px;
  text-decoration: none;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.make-free-appointment-area .make-free-appointment ul li .book-now a:hover {
  background: #b97c07;
  color: #ffffff;
}
/* ====================================
16.2 Footer Area Start Here 
=======================================*/
.footer-top-area2.footer-top-area {
  background: #070707;
  padding: 100px 0 30px;
}
.footer-top-area2.footer-top-area .widget a {
  display: block;
}
.footer-top-area2.footer-top-area .widget a img {
  margin-bottom: 30px;
}
.footer-top-area2.footer-top-area .widget p {
  color: #ffffff;
}
.footer-top-area2.footer-top-area .widget .contact-info h4 {
  color: #ffffff;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.footer-top-area2.footer-top-area .widget .contact-info ul {
  margin: 0;
  padding: 0;
}
.footer-top-area2.footer-top-area .widget .contact-info ul li {
  display: block;
  color: #ffffff;
}
.footer-top-area2.footer-top-area .widget h2.widget-title {
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #eaeaea;
  text-transform: uppercase;
  margin-bottom: 60px;
}
.footer-top-area2.footer-top-area .widget ul {
  margin: 0;
  padding: 0;
}
.footer-top-area2.footer-top-area .widget ul li {
  display: block;
  color: #ffffff;
  position: relative;
  margin-left: 10px;
}
.footer-top-area2.footer-top-area .widget ul li:before {
  position: absolute;
  left: -15px;
  top: 0;
  content: "\f101";
  font-family: fontawesome;
  width: 20px;
  height: 20px;
}
.footer-top-area2.footer-top-area .widget ul li a {
  display: block;
  transition: all 0.5s ease 0s;
  color: #ffffff;
  text-decoration: none;
}
.footer-top-area2.footer-top-area .widget ul li a:hover {
  color: #ffa800;
}
.footer-top-area2.footer-top-area .widget form .form-group input {
  width: 100%;
  height: 40px;
}
.footer-top-area2.footer-top-area .widget form .subscribe {
  display: inline-block;
  margin-bottom: 30px;
}
.footer-top-area2.footer-top-area .widget form .subscribe a {
  display: block;
  background: #ffa800;
  padding: 7px 20px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.footer-top-area2.footer-top-area .widget form .subscribe a:hover {
  background: #ffa800;
}
.footer-top-area2.footer-top-area .widget .social-media ul {
  margin: 0;
  padding: 0;
}
.footer-top-area2.footer-top-area .widget .social-media ul li {
  display: inline-block;
  margin: 0 8px;
}
.footer-top-area2.footer-top-area .widget .social-media ul li:before {
  display: none;
}
.footer-top-area2.footer-top-area .widget .social-media ul li a {
  display: block;
  font-size: 18px;
}
.footer-bottom-area.footer-bottom-area2 {
  background: #ffa800;
  padding: 15px 0;
}
.footer-bottom-area.footer-bottom-area2 p {
  color: #ffffff;
  margin: 0;
  font-size: 18px;
}
.footer-bottom-area.footer-bottom-area2 p a {
  color: #ffffff;
  font-weight: 600;
}
/* ====================================
16.3 Home One Counter Area two Start Here 
=======================================*/
.counter-up-area2.counter-up-area {
  padding: 100px 0;
  background: url('images/counter/1.jpg') no-repeat;
  background-size: cover;
  background-position: center;
}
.counter-up-area2.counter-up-area .ab-count .about-counter-list {
  color: #ffffff;
  text-align: left;
  display: block;
  text-align: center;
}
.counter-up-area2.counter-up-area .ab-count .about-counter-list h1.about-counter {
  font-weight: 600;
  font-size: 48px;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border: 1px dotted #ffa800;
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  border-radius: 5%;
  text-align: center;
  margin: auto;
  margin-bottom: 30px;
}
.counter-up-area2.counter-up-area .ab-count .about-counter-list p {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 0;
  text-align: center;
}
/* ====================================
16.Sticky Header Start Here 
=======================================*/
.main-header.sticky.stick {
  background: #ffffff;
  position: fixed;
  top: 0px;
  z-index: 99;
  margin: 0 auto;
  padding: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d1000d;
}
.main-header.sticky.stick .logo-area {
  padding: 5px 0;
}
.main-header.sticky.stick .main-menu ul li {
  padding: 25px 10px;
}
.main-header.sticky.stick .main-menu ul > li > ul > li {
  padding: 0;
}
.main-header.sticky.stick .main-menu ul > li > ul > li a {
  padding: 7px 10px;
}
.main-header.sticky.stick .main-header-right ul li .form-area {
  padding-top: 25px;
}
.main-header.sticky.stick .main-header-right ul li.cart-area a {
  margin-top: -28px;
}
.header-two.sticky.stick {
  background: #333333;
  position: fixed;
  top: 0px;
  z-index: 99;
  margin: 0 auto;
  padding: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d1000d;
}
.header-two.sticky.stick .logo-area {
  padding: 5px 0;
}
.header-two.sticky.stick .main-menu ul li {
  padding: 25px 10px;
}
.header-two.sticky.stick .main-menu ul > li > ul > li {
  padding: 0;
}
.header-two.sticky.stick .main-menu ul > li > ul > li a {
  padding: 7px 10px;
}
.header-two.sticky.stick .main-header-right ul li .form-area {
  padding-top: 25px;
}
.header-two.sticky.stick .main-header-right ul li.cart-area a {
  margin-top: -28px;
}
/* ====================================
17.Breadcumb Area Start Here 
=======================================*/
.breadcumb-area {
  background: url('images/breadcumb-bg.jpg') no-repeat;
  padding: 100px 0;
  background-size: cover;
  background-position: center;
}
.breadcumb-area .breadcumb h2 {
  color: #ffffff;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 30px;
}
.breadcumb-area .breadcumb ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.breadcumb-area .breadcumb ul li {
  display: inline-block;
  margin-right: 5px;
  color: #d1000d;
  font-weight: 500;
}
.breadcumb-area .breadcumb ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
/* ====================================
18.About Page Area Start Here 
=======================================*/
.about-us-area.about-page h2 {
  margin-bottom: 5px;
}
.about-us-area.about-page .underline {
  margin-bottom: 20px;
}
.about-us-area.about-page a {
  background: #d1000d;
  color: #ffffff;
  margin: 0;
}
.about-us-area.about-page a:hover {
  background: #023d8e;
}
.our-work-three.about-page-gallery {
  padding: 100px 0 0;
}
/* ====================================
19.About Page Two Area Start Here 
=======================================*/
.blog-area.blog-area-page2 {
  padding: 50px 0 160px;
}
.make-free-appointment.make-free-appointment2 {
  background: url('images/footer-appointment2.png') no-repeat;
}
/* ====================================
19.1 About Two Page Breadcumb Area  Start Here 
=======================================*/
.about-two-page-breadcumb-area {
  background: #f1f1f1;
  padding: 60px 0;
}
.about-two-page-breadcumb-area .breadcumb-title h2 {
  font-size: 30px;
  font-weight: 600;
  color: #444444;
  margin-bottom: 0;
}
.about-two-page-breadcumb-area .breadcumb ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
.about-two-page-breadcumb-area .breadcumb ul li {
  display: inline-block;
  margin-right: 10px;
  color: #444444;
}
.about-two-page-breadcumb-area .breadcumb ul li a {
  color: #444444;
}
/* ====================================
19.2 About Two Page About Area Start Here 
=======================================*/
.about-page-two-about-us-area {
  padding: 100px 0;
}
.about-page-two-about-us-area .about-us-content h2 {
  font-size: 24px;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  position: relative;
}
.about-page-two-about-us-area .about-us-content h2:after {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  width: 150px;
  background: #d1000d;
  content: "";
}
.about-page-two-about-us-area .about-us-content span {
  font-weight: 600;
  color: #000000;
  margin-bottom: 30px;
  display: block;
  margin-bottom: 20px;
}
.about-page-two-about-us-area .about-us-content .about-info h3 {
  margin-bottom: 5px;
}
.about-page-two-about-us-area .about-us-content .about-info p {
  font-size: 20px;
}
.about-page-two-about-us-area .about-us-feature-image img {
  width: 100%;
}
.about-page-two-about-us-area .about-us-feature-image img:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
/* ====================================
19.3 Mission and Vision Area Start Here 
=======================================*/
.mission-vission-area {
  background: url('images/about/missionandvission.jpg') no-repeat;
  background-position: center;
  background-size: cover;
  padding: 100px 0;
}
.mission-vission-area .content-area h3 {
  font-size: 16px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}
.mission-vission-area .content-area h3:after {
  position: absolute;
  left: 0;
  bottom: -10px;
  height: 3px;
  width: 100px;
  background: #333333;
  content: "";
}
.mission-vission-area .content-area p {
  margin-right: 100px;
  margin-bottom: 30px;
}
.mission-vission-area .content-area ul li {
  display: block;
  margin-bottom: 5px;
}
.mission-vission-area .content-area ul li i {
  margin-right: 10px;
  font-weight: bold;
  font-size: 20px;
  color: #d1000d;
}
/* ====================================
20.Shop Page Area Start Here 
=======================================*/
.shop-page-area {
  padding: 100px 0;
}
.shop-page-area .tobar-area {
  overflow: hidden;
}
.shop-page-area .tobar-area .view-area ul.nav-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0px;
}
.shop-page-area .tobar-area .view-area ul.nav-tabs li {
  border: 0px;
}
.shop-page-area .tobar-area .view-area ul.nav-tabs li.active {
  border: 0px;
}
.shop-page-area .tobar-area .view-area ul.nav-tabs li.active a {
  border: 0px;
}
.shop-page-area .tobar-area .view-area ul.nav-tabs li.active a:hover {
  background: transparent;
  color: #d1000d;
}
.shop-page-area .tobar-area .view-area ul.nav-tabs li a {
  border: 0px;
}
.shop-page-area .tobar-area .view-area ul.nav-tabs li a:hover {
  background: transparent;
  color: #d1000d;
}
.shop-page-area .tobar-area .showing-result ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shop-page-area .tobar-area .showing-result ul li {
  display: inline-block;
  font-weight: 600;
  color: #333333;
  margin-right: 10px;
  height: 25px;
}
.shop-page-area .tobar-area .showing-result ul li .form-group {
  margin: 0;
}
.shop-page-area .tobar-area .showing-result ul li .form-group.seclect-box select.form-control {
  display: inline-block;
  border: 0;
  background: transparent;
  border-radius: 0px;
}
.shop-page-area .tab-content .tab-pane .single-product-area {
  position: relative;
  margin-top: 30px;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image {
  position: relative;
  overflow: hidden;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image:hover .overley {
  opacity: 1;
  top: 0;
  transform: skew(0deg);
  visibility: visible;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image a {
  display: block;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image a img {
  width: 100%;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: skew(0deg);
  transition: all 0.9s ease 0s;
  visibility: hidden;
  width: 100%;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details {
  margin: 0;
  padding: 0;
  position: relative;
  top: 40%;
  transform: translateY(-20px);
  text-align: center;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-info ul {
  margin: 0 0 10px;
  padding: 0;
  position: relative;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-info ul li {
  display: inline-block;
  margin: 0 3px;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-info ul li a {
  color: #000000;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 40px;
  background: #ffffff;
  border: 1px solid #ffffff;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-info ul li a:hover {
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-title h3 {
  margin-bottom: 5px;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-title h3 a {
  transition: all 0.5s ease 0s;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-title h3 a:hover {
  color: #d1000d;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-price h3 {
  margin-bottom: 0;
  transition: all 0.5s ease 0s;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: #ffffff;
  font-weight: 600;
}
.shop-page-area .tab-content .tab-pane .single-product-area .product-image .overley .product-details .product-price h3:hover {
  color: #d1000d;
}
.shop-page-area .product-list-view-area .list-single-product {
  margin-top: 30px;
}
.shop-page-area .product-list-view-area .list-single-product .media a {
  display: block;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.shop-page-area .product-list-view-area .list-single-product .media a:hover:after {
  opacity: 1;
  top: 0;
  transform: skew(0deg);
  visibility: visible;
}
.shop-page-area .product-list-view-area .list-single-product .media a:after {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: skew(0deg);
  transition: all 0.9s ease 0s;
  visibility: hidden;
  width: 100%;
  content: "";
  margin-right: 10px;
}
.shop-page-area .product-list-view-area .list-single-product .media a img {
  width: 100%;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading {
  margin-bottom: 30px;
  position: relative;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading:after {
  background: #d1000d;
  bottom: -10px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100px;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a {
  transition: all 0.5s ease 0s;
  display: block;
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a:after {
  display: none;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a:hover {
  color: #d1000d;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body p {
  margin-bottom: 30px;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body .read-more {
  display: inline-block;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body .read-more a {
  background: #d1000d;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body .read-more a:after {
  display: none;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body .read-more a:hover {
  background: #9f0000;
}
/* ====================================
20.1 Pagination Area Start Here 
=======================================*/
.pagination-area {
  padding-top: 30px;
}
.pagination-area ul {
  text-align: center;
}
.pagination-area ul li {
  display: inline-block;
}
.pagination-area ul li.active a {
  background: #d1000d;
  color: #ffffff;
}
.pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: transparent;
  border: 1px solid #d1000d;
  color: #000000;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.pagination-area ul li a:hover {
  background: #d1000d;
  color: #ffffff;
}
/*===================================
20.2 Sidebar Area Start Here 
=======================================*/
.sidebar-area .widget {
  background: #f9f9f9;
  overflow: hidden;
  padding: 15px;
  margin-bottom: 30px;
}
.sidebar-area .widget:last-child {
  margin-bottom: 0;
}
.sidebar-area .widget h2.widget-title {
  font-weight: 800;
  font-family: 'Poppins', sans-serif;
  color: #000000;
  font-size: 14px;
  text-decoration: uppercase;
  position: relative;
}
.sidebar-area .widget h2.widget-title:after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #e4e4e4;
  content: "";
  top: 25px;
}
.sidebar-area .widget ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget ul li {
  display: block;
  margin-bottom: 5px;
}
.sidebar-area .widget ul li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  position: relative;
  margin-left: 20px;
  color: #444444;
  transition: all 0.5s ease 0s;
}
.sidebar-area .widget ul li a:hover {
  color: #d1000d;
}
.sidebar-area .widget ul li a:after {
  position: absolute;
  left: -20px;
  top: 0px;
  content: "\f061";
  font-family: 'fontawesome';
  font-size: 13px;
  font-weight: 300;
}
.sidebar-area .widget ul.tag-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget ul.tag-list li {
  display: inline-block;
  margin-right: 5px;
}
.sidebar-area .widget ul.tag-list li a {
  display: block;
  text-decoration: none;
  color: #444444;
  transition: all 0.5s ease 0s;
  border: 1px solid #444444;
  padding: 2px 7px;
  text-transform: capitalize;
  margin-left: 0;
  font-size: 13px;
}
.sidebar-area .widget ul.tag-list li a:hover {
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
}
.sidebar-area .widget ul.tag-list li a:after {
  display: none;
  margin: 0;
}
.sidebar-area .widget .price-area label {
  color: #444444;
  font-weight: 300;
  font-size: 13px;
}
.sidebar-area .widget .price-area input {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.sidebar-area .widget .price-area a {
  background: #d1000d;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 7px 50px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.sidebar-area .widget .price-area a:hover {
  background: #9f0000;
}
.sidebar-area .widget ul.photo {
  margin: 0 0 -30px;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget ul.photo li {
  display: inline-block;
  margin: 3px;
}
.sidebar-area .widget ul.photo li img {
  width: 67px;
}
.sidebar-area .widget ul.photo li img:hover {
  opacity: .9;
}
.sidebar-area .widget .widget_wysija form input {
  width: 100%;
  height: 40px;
  margin-top: 20px;
  display: block;
}
.sidebar-area .widget .widget_wysija form .submit-button {
  text-align: center;
  clear: both;
  display: block;
  padding: 15px;
}
.sidebar-area .widget .widget_wysija form .submit-button a {
  background: #d1000d;
  color: #ffffff;
  display: block;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 45px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sidebar-area .widget .widget_wysija form .submit-button a:hover {
  background: #9f0000;
}
.sidebar-area .widget.recomonded {
  display: block;
  margin-bottom: 0;
}
.sidebar-area .widget.recomonded img {
  margin-bottom: 10px;
}
.sidebar-area .widget.recomonded img:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.sidebar-area .widget.recomonded h3 {
  margin-bottom: 10px;
}
.sidebar-area .widget.recomonded h3 a {
  display: block;
  font-size: 16px;
  color: #333333;
  transition: all 0.5s ease 0s;
  width: 100%;
}
.sidebar-area .widget.recomonded h3 a:hover {
  color: #d1000d;
}
/* ====================================
21.Appointment Page Area Start Here 
=======================================*/
.apppointment-page-area {
  padding: 100px 0;
}
.apppointment-page-area .appointment-feature-image img {
  width: 100%;
}
.apppointment-page-area .appointment-feature-image img:hover {
  opacity: .9;
}
.apppointment-page-area .appointment-page-form .form-group input,
.apppointment-page-area .appointment-page-form .form-group select,
.apppointment-page-area .appointment-page-form .form-group textarea {
  width: 100%;
  border-radius: 0px;
  background: #edeeed;
  border: none;
  color: #000000;
}
.apppointment-page-area .appointment-page-form .form-group input.form-control,
.apppointment-page-area .appointment-page-form .form-group select.form-control,
.apppointment-page-area .appointment-page-form .form-group textarea.form-control {
  border-color: none;
  box-shadow: none;
  outline: 0 none;
}
.apppointment-page-area .appointment-page-form .form-group input,
.apppointment-page-area .appointment-page-form .form-group select {
  height: 42px;
  color: #000000;
}
.apppointment-page-area .appointment-page-form .form-group .btn-send {
  background: #d1000d;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 7px 40px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  border: none;
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.apppointment-page-area .appointment-page-form .form-group .btn-send:hover {
  background: #9f0000;
}
/* ====================================
21.1 We Serve Area Start Here 
=======================================*/
.we-server-area {
  padding: 0 0 100px 0;
}
.we-server-area .we-server {
  padding: 0 200px;
}
.we-server-area .we-server h2 {
  font-size: 24px;
  color: #444444;
  font-weight: 600;
}
.we-server-area .we-server p {
  font-weight: 300;
}
.we-server-area .we-server .contact-us {
  display: inline-block;
}
.we-server-area .we-server .contact-us a {
  border: 1px solid #444444;
  border-radius: 5px;
  color: #444444;
  display: inline-block;
  font-weight: 600;
  padding: 10px 30px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.we-server-area .we-server .contact-us a:hover {
  background: #d1000d;
  color: #ffffff;
  border: 1px solid #d1000d;
}
/* ====================================
22.Single Product Area Start Here 
=======================================*/
.single-product {
  padding: 100px 0;
}
.single-product .single-product-image {
  position: relative;
}
.single-product .single-product-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.single-product .single-product-image a:hover:after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.single-product .single-product-image a:after {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  top: 0px;
  opacity: 0;
  visibility: hidden;
  transform: scale(0);
  transition: all 0.6s ease 0s;
  width: 100%;
  height: 100%;
  -webkit-transform: skew(0deg);
  -moz-transform: skew(0deg);
  -o-transform: skew(0deg);
  background: rgba(0, 0, 0, 0.7);
  content: "";
}
.single-product .single-product-image a img {
  width: 100%;
}
.single-product .single-product-details h3 {
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #444444;
  margin-bottom: 10px;
}
.single-product .single-product-details ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 20px;
}
.single-product .single-product-details ul li {
  display: inline-block;
  color: #d1000d;
  font-size: 18px;
  margin-right: 30px;
}
.single-product .single-product-details ul li.rating .product-rating-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product .single-product-details ul li.rating .product-rating-area ul li {
  display: inline-block;
  margin-right: 0;
  color: #444444;
  font-size: 14px;
}
.single-product .single-product-details ul li.rating .product-rating-area ul li i:hover {
  color: #FFCE44;
}
.single-product .single-product-details p {
  margin-right: 50px;
}
.single-product .single-product-details .quantity {
  margin-bottom: 30px;
}
.single-product .single-product-details .quantity ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product .single-product-details .quantity ul li {
  margin-right: 0;
  display: inline-block;
  color: #444444;
  font-size: 16px;
  font-weight: 600;
}
.single-product .single-product-details .product-color h4 {
  display: inline-block;
  margin-right: 20px;
  color: #000000;
  font-weight: 600;
}
.single-product .single-product-details .product-color ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.single-product .single-product-details .product-color ul li {
  margin-right: 10px;
  display: inline-block;
  color: #444444;
  font-size: 16px;
  font-weight: 600;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.single-product .single-product-details .product-color ul li:nth-child(1) {
  background: #d1000d;
}
.single-product .single-product-details .product-color ul li:nth-child(2) {
  background: #000000;
}
.single-product .single-product-details .product-color ul li:nth-child(3) {
  background: #ffff01;
}
.single-product .single-product-details .product-color ul li:nth-child(4) {
  background: #ed1d4f;
}
.single-product .single-product-details .product-color ul li:nth-child(5) {
  background: #ffff00;
}
.single-product .single-product-details .product-cart-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline-block;
}
.single-product .single-product-details .product-cart-area ul li {
  display: inline-block;
  margin: 0 3px;
}
.single-product .single-product-details .product-cart-area ul li a {
  background: transparent;
  border: 1px solid #000000;
  color: #000000;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 40px;
  display: block;
}
.single-product .single-product-details .product-cart-area ul li a:hover {
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
  -webkit-box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.single-product .single-product-details .share-on {
  margin-top: 30px;
}
.single-product .single-product-details .share-on h3 {
  color: #444444;
  display: inline-block;
  float: left;
  font-size: 16px;
  font-weight: 600;
  margin-right: 0;
}
.single-product .single-product-details .share-on ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  margin-top: -10px;
  display: block;
}
.single-product .single-product-details .share-on ul li {
  display: inline-block;
  margin: 0 3px;
}
.single-product .single-product-details .share-on ul li a {
  color: #000000;
  border: 1px solid #000000;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 40px;
  display: block;
}
.single-product .single-product-details .share-on ul li a:hover {
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
}
.single-product .product-description ul {
  margin: 0;
  padding: 0;
  text-align: left;
  border: 0px;
}
.single-product .product-description ul.nav.nav-tabs {
  margin: 0 0 30px;
  padding: 0;
  text-align: left;
}
.single-product .product-description ul.nav.nav-tabs li {
  display: inline-block;
  float: inherit;
  border: 0px;
  background: transparent;
  color: #444444;
}
.single-product .product-description ul.nav.nav-tabs li:last-child a:after {
  display: none;
}
.single-product .product-description ul.nav.nav-tabs li.active {
  background: transparent;
  color: #d1000d;
  border: 0px;
}
.single-product .product-description ul.nav.nav-tabs li.active a {
  background: transparent;
  color: #d1000d;
  border: 0px;
}
.single-product .product-description ul.nav.nav-tabs li a {
  display: block;
  text-align: left;
  text-transform: uppercase;
  font-size: 16px;
  color: #cccccc;
  background: transparent;
  border: 0px;
}
.single-product .product-description ul.nav.nav-tabs li a:hover {
  background: transparent;
  color: #d1000d;
  border: 0px;
}
.single-product .product-description .tab-content {
  border: 1px solid #444444;
  padding: 30px;
}
.single-product .product-description .tab-content .product-rating-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product .product-description .tab-content .product-rating-area ul li {
  display: inline-block;
  margin-right: 0;
  color: #444444;
  font-size: 14px;
}
.single-product .product-description .tab-content .product-rating-area ul li i:hover {
  color: #FFCE44;
}
/* ====================================
23.Cart Page Area Start 
=======================================*/
.cart-page-area {
  padding: 100px 0px;
}
.table-button-area {
  border: 0 solid #ededed;
  clear: both;
  margin: 0px 0 30px;
  overflow: hidden;
  padding: 10px 0;
}
.table-button-area .button-area .button {
  display: block;
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
  padding: 6px 10px;
  transition: all 0.5s ease 0s;
}
.table-button-area .button-area .button:hover {
  background: #9f0000;
}
.cart-page tbody tr td img.shop-image {
  height: auto;
  padding: 0 60px;
  width: 100%;
}
td.t-center .fa.fa-trash {
  color: #ff0000;
  cursor: pointer;
  display: block;
  text-align: center;
  margin: 20px 0;
}
.cart-page .t-center {
  text-align: center;
}
.t-center > a {
  display: block;
  text-align: center;
  color: #222222;
}
.t-center > a:hover {
  color: #d1000d;
}
.a-center .input-text.qty {
  background: #f0f0f0 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  height: 40px;
  text-align: center;
}
.cart-page table.table tr:last-child {
  background: #fcfcfc none repeat scroll 0 0;
}
.cart-page table.table .big-td {
  max-width: 100%;
  width: 190px;
}
.table-button-left {
  width: 48%;
  margin-right: 1%;
  float: left;
}
.table-button-right {
  margin-left: 1%;
  float: right;
}
.table-button-right ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.table-button-right .button-area button.button {
  margin: 0;
}
.min-area {
  margin-left: -15px;
  margin-right: -15px;
}
.single-cart-form-button .button-area button.button {
  margin: 20px;
  display: block;
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  padding: 5px;
}
.single-cart-form-button .button-area button.button:hover {
  background: #9f0000;
  border: 1px solid #9f0000;
}
.single-cart-form {
  border: 1px solid #dddddd;
}
.single-cart-form-title {
  padding: 20px 20px 0;
}
.single-cart-form-title h4 {
  margin-bottom: 10px;
}
.single-cart-form-title p {
  margin-bottom: 0;
}
.single-cart-form .form-list {
  padding: 0 15px 0 15px;
}
.single-cart-form .form-list > p {
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 0;
}
.single-cart-form ul.form-list li .input-box .input-text.required-entry {
  width: 100%;
  height: 40px;
}
.single-cart-form ul.form-list li .input-box select {
  width: 100%;
  height: 40px;
}
.single-cart-form .table > tbody > tr > td {
  border-top: 0px solid #fff;
  font-weight: bold;
}
.single-cart-form .table > tbody > tr > td.left {
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.single-cart-form .table > tbody > tr > td.right {
  text-align: right;
  font-family: 'Poppins', sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.single-cart-form-last {
  padding: 20px 10px 0 15px;
  background: #fafafa none repeat scroll 0 0;
}
.single-cart-form .table .total-money {
  font-size: 20px !important;
  font-weight: bold !important;
}
.single-cart-coupon-button .button-area button.button {
  float: right;
  margin: 20px 0 0;
  display: block;
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  padding: 5px;
}
.single-cart-coupon-button .button-area button.button:hover {
  background: #9f0000;
  border: 1px solid #9f0000;
}
.multiple-access-checkout {
  margin: 10px 0 0;
  text-align: right;
}
ul.form-list .form-group input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  display: block;
  float: left !important;
  padding: 3px;
  margin: 6px 10px 0 0;
}
.multiple-access-checkout > a {
  transition: all 0.5s ease 0s;
  color: #444444;
}
.multiple-access-checkout > a:hover {
  color: #d1000d;
}
.t-center.name {
  padding-top: 30px;
}
/* ====================================
24.Checkout Page Area Start 
=======================================*/
.checkout-page-area {
  padding: 100px 0;
}
.checkout {
  display: block;
}
.total-area {
  border: none;
}
.panel.panel-default {
  border: medium none;
  margin-bottom: 15px;
}
.panel-heading {
  padding: 0px !important;
}
span.number {
  background: #d1000d none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  float: left;
  height: 30px;
  line-height: 30px;
  margin: 10px 0 0 10px;
  text-align: center;
  width: 30px;
}
.tab-number h4 {
  border: none;
  text-align: left;
  background: #f5f5f5;
}
.panel-heading.tab-number.active h4 a {
  background: #8abf00 none repeat scroll 0 0;
  color: #ffffff;
}
.tab-number a {
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 50px;
  color: #555;
}
.tab-number a {
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 50px;
  color: #555;
}
.left-checkout {
  float: left;
  width: 48%;
  margin-right: 1%;
}
.left-checkout h3,
.right-checkout h3 {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.left-checkout p {
  font-size: 1.08em;
  margin: 0 0 10px 0;
}
.right-checkout h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
em {
  color: red !important;
  margin-right: 15px !important;
}
.left-checkout ul.form-list li.control label {
  font-weight: normal;
  margin: 0px 0 0 0;
}
.left-checkout h4 {
  color: #555;
  margin: 10px 0 0px 0;
  font-weight: normal;
}
.left-checkout ul.features {
  padding-left: 18px;
}
.left-checkout .button-area {
  padding: 15px;
  margin-top: 20px;
}
.left-checkout .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.left-checkout .button-area button:hover {
  background: #1BB2C0;
}
.right-checkout {
  float: right;
  width: 48%;
  margin-left: 1%;
}
.right-checkout ul.form-list .input-box .input-text.required-entry {
  width: 100%;
  height: 38px;
  border-radius: 0px;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
}
.right-checkout ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 5px 0;
}
.right-checkout .button-area {
  padding-top: 15px;
  border: 1px solid #eee;
  margin-top: 20px;
}
.right-checkout .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.right-checkout .button-area button:hover {
  background: #1BB2C0;
}
.right-checkout a.f-left {
  margin-left: 10px;
  color: #222222;
}
.right-checkout a.f-left:hover {
  color: #d1000d;
}
.billing-information ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 0 0;
  margin-top: 10px;
}
.checkout-progress {
  margin-bottom: 30px;
}
.checkout-progress > h2 {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.checkout-progress li.not-completed:after {
  content: "";
}
.checkout-progress li:after {
  color: #d1000d;
  content: "\f00c";
  display: block;
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  top: 40px;
  margin-left: -10px;
}
.checkout-progress li {
  border-bottom: 2px solid #d1000d;
  color: #d1000d;
  display: inline-block;
  font-size: 1.08em;
  font-weight: normal;
  margin: 0 25px;
  text-transform: capitalize;
}
.checkout-progress li:last-child {
  border-bottom: none;
}
.checkout-progress li:last-child a {
  color: #777777;
}
.checkout-progress li a {
  color: #071041;
  display: block;
  padding: 15px;
}
.checkout-progress li a:hover {
  color: #d1000d;
}
.checkout-progress li i {
  color: #666;
  padding: 0 10px 0 0;
}
.billing-information ul.form-list li .input-box .input-text.required-entry {
  width: 100%;
  height: 38px;
  border-radius: 0px;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
  margin-top: 10px;
  border: none;
}
.billing-information ul.form-list .input-box select {
  width: 100%;
  height: 38px;
  border-radius: 0;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
  margin-top: 10px;
}
.billing-information ul.form-list li.control label {
  font-weight: normal;
  margin: 0px 0 0 0;
}
.billing-information .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.billing-information .button-area button:hover {
  background: #1BB2C0;
}
.order-view-left {
  float: left;
}
.order-view-left li {
  line-height: 30px;
}
.order-view-right {
  float: right;
}
.order-view-right li {
  line-height: 30px;
}
li.grand-total {
  font-weight: bold;
}
.credit-card-form {
  display: none;
}
.order-review,
.order-review-total-price {
  background: #f3f3f3 none repeat scroll 0 0 !important;
  display: block;
  overflow: hidden;
  padding: 5px;
}
.button-area button.button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #d1000d;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
  margin-bottom: 15px;
}
.button-area button.button:hover {
  background: #9f0000;
}
p.f-left {
  display: inline;
  padding: 0 0 0 10px;
}
/* ====================================
25.Login and Registration start Here 
=======================================*/
.loginregistration-area {
  padding: 100px 0;
}
.loginregistration-area .login-area {
  background: #f8f8f8;
  padding: 30px;
}
.loginregistration-area .login-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .login-area h2:after {
  background: #d1000d;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .login-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .login-area fieldset label {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .login-area fieldset input {
  background: #ffffff;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 45px;
  margin-right: 20px;
}
.loginregistration-area .login-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.loginregistration-area .login-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset .btn-send {
  background: #d1000d;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 45px;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .login-area fieldset .btn-send:hover {
  background: #9f0000;
}
.loginregistration-area .login-area .connected-area {
  margin-top: 20px;
}
.loginregistration-area .login-area .connected-area p {
  color: #222222;
  font-size: 18px;
}
.loginregistration-area .login-area .connected-area ul li {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.loginregistration-area .login-area .connected-area ul li img {
  width: 100%;
}
.loginregistration-area .login-area .checkbox label input {
  margin: -10px 0 0 -25px;
  display: inline-block;
  outline: none;
}
.loginregistration-area .login-area .checkbox p {
  margin: 10px 0 10px 20px;
}
.loginregistration-area .login-area .checkbox p a {
  color: #000000;
  font-size: 16px;
  transition: all 0.5s ease 0s;
}
.loginregistration-area .login-area .checkbox p a:hover {
  color: #d1000d;
}
.loginregistration-area .registration-area {
  background: #f8f8f8;
  padding: 30px;
}
.loginregistration-area .registration-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .registration-area h2:after {
  background: #d1000d;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .registration-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .registration-area fieldset label {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .registration-area fieldset input {
  background: #ffffff;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 45px;
  margin-right: 20px;
}
.loginregistration-area .registration-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.loginregistration-area .registration-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset .btn-send {
  background: #d1000d;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 45px;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .registration-area fieldset .btn-send:hover {
  background: #9f0000;
}
/* ====================================
26.Team Member Start Here 
=======================================*/
.business-member-area {
  max-width: 800px;
  padding: 20px 0 30px;
}
.business-member-area .single-teams {
  margin-bottom: 30px;
}
.business-member-area .single-teams.last-child {
  margin-bottom: 0px !important;
}
.business-member-area .single-teams .media a.pull-left {
  margin-right:20px;
  margin-bottom:20px;
  overflow: hidden;
  position: relative;
  padding-right: 0;
}
.business-member-area .single-teams .media a.pull-left:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.business-member-area .single-teams .media a.pull-left img {
  width: 100%;
}
.business-member-area .single-teams .media a.pull-left:hover:after {
  opacity: 1;
}
.business-member-area .single-teams .media a.pull-left:after {
  background: rgba(25, 104, 214, 0.5);
  content: "";
  height: 100%;
  left: 0%;
  opacity: 0;
  position: absolute;
  top: 0%;
  width: 100%;
  transition: all 0.5s ease 0s;
}
.business-member-area .single-teams .media .media-body {
  margin: 0;
  padding: 0;
}
.business-member-area .single-teams .media .media-body h4.media-heading {
  margin-bottom: 10px;
  font-size: 32px;
  color: #000;
  transition: all 0.5s ease 0s;
  position: relative;
}
.business-member-area .single-teams .media .media-body h4.media-heading a {
  font-weight: 500;
  font-size: 18px;
  color: #444444;
  transition: all 0.5s ease 0s;
  position: relative;
}
.business-member-area .single-teams .media .media-body h4.media-heading a:hover {
  color: #d1000d;
}
.business-member-area .single-teams .media .media-body h4.media-heading a:before {
  position: absolute;
  left: 0;
  height: 3px;
  width: 60px;
  content: "";
  background: #d1000d;
  top: 30px;
}
.business-member-area .single-teams .media .media-body span {
  margin-bottom: 10px;
  display: block;
}
.business-member-area .single-teams .media .media-body p {
  margin-bottom: 10px;
}
.business-member-area .single-teams .media .media-body .see-button {
  display: inline-block;
}
.business-member-area .single-teams .media .media-body .see-button a {
  font-weight: 400;
  font-size: 16px;
  color: #444444;
  transition: all 0.5s ease 0s;
  margin-bottom: 30px;
  display: block;
  position: relative;
  margin-right: -10px;
}
.business-member-area .single-teams .media .media-body .see-button a:before {
  position: absolute;
  right: -30px;
  top: 0;
  content: "\f101";
  font-family: fontawesome;
  width: 20px;
  height: 20px;
}
.business-member-area .single-teams .media .media-body .see-button a:hover {
  color: #d1000d;
}
.business-member-area .single-teams .media .media-body .social-media ul {
  float: left;
  list-style: outside none none;
  margin: 0;
  padding: 0;
  margin-top: -10px !important;
  display: block;
}
.business-member-area .single-teams .media .media-body .social-media ul li {
  display: inline-block;
  margin: 0 3px;
}
.business-member-area .single-teams .media .media-body .social-media ul li a {
  color: #000000;
  border: 1px solid #000000;
  height: 40px;
  line-height: 40px;
  margin: auto;
  text-align: center;
  transition: all 0.5s ease 0s;
  width: 40px;
  display: block;
}
.business-member-area .single-teams .media .media-body .social-media ul li a:hover {
  background: #d1000d;
  border: 1px solid #d1000d;
  color: #ffffff;
}
/* ====================================
27.Services Start Here 
=======================================*/
.services-area {
  padding: 100px 0;
  background: #f1f1f1;
}
.services-area .serving-list-area .single-service {
  margin-bottom: 40px;
}
.services-area .serving-list-area .single-service.last-child {
  margin-bottom: 0px;
}
.services-area .serving-list-area .single-service:hover > a {
  border: 1px solid #d1000d;
  color: #ffffff;
  background: #d1000d;
}
.services-area .serving-list-area .single-service:hover h3 a {
  color: #d1000d;
}
.services-area .serving-list-area .single-service > a {
  width: 70px;
  height: 70px;
  margin: auto;
  text-align: center;
  border: 1px solid #333333;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: block;
  line-height: 70px;
  font-size: 26px;
  transition: all 0.5s ease 0s;
  color: #444444;
  margin-bottom: 20px;
}
.services-area .serving-list-area .single-service h3 {
  margin-bottom: 0;
}
.services-area .serving-list-area .single-service h3 a {
  margin: auto;
  text-align: center;
  display: block;
  font-size: 18px;
  transition: all 0.5s ease 0s;
  color: #444444;
}
.services-area .services-featured-images {
  width: 100%;
}
.services-area .services-featured-images:hover {
  opacity: .9;
}
/* ====================================
14.Services Two Page Start Here 
====================================*/
.service-two-area {
  padding: 100px 0;
}
.service-two-area .single-service .service-image {
  position: relative;
  overflow: hidden;
}
.service-two-area .single-service .service-image:hover:before {
  right: 0;
  top: 0;
}
.service-two-area .single-service .service-image:hover:after {
  left: 0;
  bottom: 0;
}
.service-two-area .single-service .service-image:before {
  right: -100%;
  top: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all .5s;
}
.service-two-area .single-service .service-image:after {
  left: -100%;
  bottom: -100%;
  position: absolute;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: all 0.5s ease 0s;
}
.service-two-area .single-service .service-image a {
  display: block;
}
.service-two-area .single-service .service-image a img {
  width: 100%;
}
.service-two-area .single-service .services-details {
  margin: 30px 0;
}
.service-two-area .single-service .services-details h3 {
  margin-bottom: 10px;
}
.service-two-area .single-service .services-details h3 a {
  color: #000000;
  transition: all 0.5s ease 0s;
  display: block;
  margin-top: 0px;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}
.service-two-area .single-service .services-details h3 a:hover {
  color: #9f0000;
}
/* ====================================
29.Single Services Start Here 
=======================================*/
.single-services-area {
  padding: 100px 0;
}
.single-services-area .single-services-image img {
  width: 100%;
}
.single-services-area .single-services-image img:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.single-services-area .single-services-content {
  padding: 80px;
}
.single-services-area .single-services-content h3 {
  margin-bottom: 30px;
  font-size: 24px;
  color: #161616;
  font-weight: 400;
}
.single-services-area .single-services-content p {
  font-weight: 300;
}
.single-services-area .single-services-content .book-servie {
  display: inline-block;
}
.single-services-area .single-services-content .book-servie a {
  background: #d1000d;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  font-weight: 700;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.single-services-area .single-services-content .book-servie a:hover {
  background: #9f0000;
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
/* ====================================
29.1. Related Services Start Here  
=======================================*/
.related-services-area {
  padding: 0 0 100px;
}
.related-services-area .single-service:hover a {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.related-services-area .single-service:hover h3 a {
  color: #d1000d;
  box-shadow: none;
}
.related-services-area .single-service a {
  display: block;
  margin-bottom: 30px;
}
.related-services-area .single-service a:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.related-services-area .single-service a img {
  width: 100%;
}
.related-services-area .single-service a img:hover {
  opacity: .9;
}
.related-services-area .single-service h3 {
  margin-bottom: 0;
}
.related-services-area .single-service h3 a {
  display: block;
  transition: all 0.5s ease 0s;
  font-size: 18px;
  color: #444444;
}
.related-services-area .single-service h3 a:hover {
  color: #d1000d;
  box-shadow: none;
}
/* ====================================
30.Error Page Start Here 
=======================================*/
.error-page-area {
  padding: 100px 0 0;
}
.error-page-area .error-page-area {
  padding: 0 100px;
}
.error-page-area .error-page-area h2 {
  border-bottom: 1px solid #dddddd;
  font-size: 30px;
  font-weight: 800;
  padding-bottom: 20px;
  position: relative;
  text-transform: uppercase;
}
.error-page-area .error-page-area h2:before {
  color: #FDAE00;
  content: "\f071";
  font-family: fontawesome;
  font-size: 60px;
  left: -80px;
  position: absolute;
  top: -16px;
}
.error-page-area .error-page-area .error-feature ul {
  list-style: inherit;
}
.error-page-area .error-page-area .error-feature ul li {
  margin-bottom: 5px;
}
.error-page-area .error-page-area .try-again a {
  background: #d1000d;
  color: #ffffff;
  display: inline-block;
  margin-top: 10px;
  padding: 5px 40px;
  transition: all 0.5s ease 0s;
}
.error-page-area .error-page-area .try-again a:hover {
  background: #9f0000;
}
/* ====================================
31.Blog Page Area Start Here 
=======================================*/
.blog {
  padding: 100px 0 0;
}
.blog .single-blog {
  position: relative;
  overflow: hidden;
  margin-bottom: 60px;
}
.blog .single-blog:hover .blog-image a:after {
  left: -80%;
  opacity: 1;
  top: -60%;
}
.blog .single-blog:hover .blog-image .date {
  background: #d1000d;
}
.blog .single-blog:hover .blog-details h3 a {
  color: #d1000d;
}
.blog .single-blog:hover .blog-info ul li .see-more a {
  color: #d1000d;
}
.blog .single-blog:hover .blog-info ul li .see-more a:after {
  color: #d1000d;
}
.blog .single-blog:hover .blog-info ul li i {
  color: #d1000d;
}
.blog .single-blog .blog-image {
  position: relative;
  margin-bottom: 30px;
  overflow: hidden;
}
.blog .single-blog .blog-image a {
  display: block;
  position: relative;
  overflow: hidden;
}
.blog .single-blog .blog-image a:after {
  background: #d1000d none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: -100%;
  margin-left: 0;
  margin-top: 0;
  opacity: 0;
  position: absolute;
  top: -100%;
  transform: rotate(45deg) scaleY(2);
  transition: all 0.5s ease 0s;
  width: 100%;
}
.blog .single-blog .blog-image a img {
  width: 100%;
}
.blog .single-blog .blog-image .date {
  background: #444444;
  bottom: 0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  height: 70px;
  line-height: 20px;
  margin: auto;
  padding: 13px;
  position: absolute;
  right: 0;
  text-align: center;
  width: 70px;
  transition: all 0.5s ease 0s;
}
.blog .single-blog .blog-image .date a {
  color: #ffffff;
}
.blog .single-blog .blog-details h3 {
  margin-bottom: 5px;
}
.blog .single-blog .blog-details h3 a {
  font-size: 16px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  color: #444444;
}
.blog .single-blog .blog-details p {
  margin-bottom: 30px;
}
.blog .single-blog .blog-info {
  position: relative;
  overflow: hidden;
}
.blog .single-blog .blog-info ul {
  margin: 0;
  padding: 0;
}
.blog .single-blog .blog-info ul li {
  float: left;
  width: 50%;
}
.blog .single-blog .blog-info ul li .see-more {
  position: absolute;
  right: 0;
  top: 0;
}
.blog .single-blog .blog-info ul li .see-more a {
  font-size: 16px;
  font-weight: 500;
  transition: all 0.5s ease 0s;
  color: #444444;
  position: relative;
  margin-right: 20px;
}
.blog .single-blog .blog-info ul li .see-more a:after {
  position: absolute;
  right: -30px;
  top: 0;
  content: "\f101";
  font-family: fontawesome;
  width: 20px;
  height: 20px;
}
.blog .pagination-area {
  padding: 0 !important;
}
/* ====================================
32.Single Blog Start Here 
=======================================*/
.single-blog-page-area {
  padding: 100px 0;
}
.single-blog-page-area .single-blog-content .blog-image {
  margin-bottom: 30px;
}
.single-blog-page-area .single-blog-content .blog-image img {
  width: 100%;
}
.single-blog-page-area .single-blog-content .blog-image img:hover {
  -webkit-box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 25px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.single-blog-page-area .single-blog-content h3 {
  color: #161616;
  font-weight: 500;
  font-family: 'Poppins', sans-serif;
}
.single-blog-page-area .single-blog-content blockquote {
  background: #f1f1f1;
  border-left: 3px solid #d1000d;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C" "\201D" "\2018" "\2019";
  padding: 20px;
  font-size: 14px;
}
.single-blog-page-area .single-blog-content blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
.single-blog-page-area .single-blog-content blockquote p {
  display: inline;
}
.single-blog-page-area .blog-information {
  background: #f1f1f1;
  margin-bottom: 70px;
}
.single-blog-page-area .blog-information ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-page-area .blog-information ul li {
  display: inline-block;
  margin: 10px;
}
.single-blog-page-area .blog-information ul li i {
  margin-right: 15px;
  color: #d1000d;
}
.single-blog-page-area .blog-information ul li.post-date {
  float: right !important;
}
.single-blog-page-area .comments-area h3 {
  font-size: 16px;
  color: #161616;
  margin-bottom: 30px;
  position: relative;
}
.single-blog-page-area .comments-area h3:after {
  position: absolute;
  top: 30px;
  left: 0;
  background: #d1000d;
  height: 2px;
  content: "";
  width: 60px;
}
.single-blog-page-area .comments-area .single-comments-box {
  position: relative;
}
.single-blog-page-area .comments-area .single-comments-box.second-comments {
  margin-left: 100px;
}
.single-blog-page-area .comments-area .single-comments-box .reply {
  float: right;
  background: #d1000d;
  padding: 5px 20px;
  color: #ffffff;
}
/* ====================================
33.Contact Page Start Here 
=======================================*/
.contact-page-area {
  padding: 100px 0 0;
}
.contact-page-area .contact-form {
  margin-bottom: 30px;
}
.contact-page-area .contact-form fieldset {
  margin-top: 0px;
}
.contact-page-area .contact-form fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  height: 45px;
  margin-right: 20px;
}
.contact-page-area .contact-form fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.contact-page-area .contact-form fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.contact-page-area .contact-form fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.contact-page-area .contact-form fieldset .btn-send {
  background: #d1000d;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.contact-page-area .contact-form fieldset .btn-send:hover {
  background: #9f0000;
}
.contact-page-area .contact-info .single-contact i {
  color: #d1000d;
  font-size: 20px;
  margin-bottom: 20px;
}
.contact-page-area .contact-info .single-contact h3 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #131313;
}
.contact-page-area .contact-info .single-contact p {
  margin-bottom: 0;
}