@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900);
/*-------------------------------------

    Template Name: GTbuilder Responsive HTML Template
    Template URI: http://radiustheme.com/demo/html/gtbuilder
    Description: GTBUILDERis one of the Modern HTML, Its a New Look Of Soft And very Clean professionalism for only the Construction Service. These Design Creatively Designed For Construction Service & Others. PSD Template is Suitable For all Building and Construction business
    Author: radiustheme
    Author URI: http://radiustheme.com
    Version: 1.0
    
    All files, unless otherwise stated, are released under the GNU General Public License
    version 3.0 (http://www.your-site.com/index.html)

---------------------------------------
    
    CSS INDEX
    ===================================
  
    1. Theme Default CSS (body, link color, section etc)
    2.start header area here
    3.Slider area start here 
    4.Slider bottom area start here
    5.Home Page Service Section Start Here
    6.Latest Project Area Start Here
    7.Testimonial Section Area Start Here
    8. About Company Section Start Here
    9.Home Page team area section start here
    10.Home Page Video Section Start Here
    11.Recent News Section Start Here
    12.Client Logo Area Section start here
    13. Free Consultation Area Start here
    14.Footer Area Section Start Here
    15.Home 2 Header Section Start Here
    16.Page Header Section Start Here
    17.About Page Main Content Start
    18.Project page Start Here
    19.Service Section Area Start Here
    20.Main News Page start Here
      20.1 Page Sidebar area Start Here
    21.Single News page start here
    22.Team Page Start Here 
    23.Single team page area start here
    24.Main Contact Page Section Area start here
      24.1 Contact Form Page start Here
    25.404 Page Area Start Here
    26.Shop Page Area Start Here
       26.1 Sidebar Section Start Here
    27.Single Product Area Start Here


-------------------------------------*/
/*-------------------------------------*/
/*  1.  Theme default CSS
/*-------------------------------------*/
html,
body {
  height: 100%;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}
.aligncenter {
  display: block;
  margin: 0 auto 15px;
}
:focus {
  outline: 0px solid;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a:focus {
  outline: 0px solid;
  background: transparent;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 20px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 20px;
  font-family: 'Raleway', sans-serif;
  line-height: 1.5;
  font-weight: 600;
}
h1 {
  font-size: 60px;
}
h2 {
  font-size: 36px;
}
h3 {
  font-size: 18px;
}
a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #91091a;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  line-height: 24px;
  color: #646464;
  vertical-align: baseline;
}
.acurate {
  margin: 0;
  padding: 0;
}
.padding-left {
  padding-left: 0 ;
}
.padding-right {
  padding-right: 0;
}

.padding-top {
  padding-top: 50px;
}
.padding-top1 {
  padding-top: 35px;
}
.padding-up {
  padding-top: 100px;
}
.single-footer a { 
  color: #91091a; 
}
/*-------------------------------------
2.start header area here 
---------------------------------------*/
.header-area {
  left: 0;
  margin: 0;
  position: inherit;
  right: 0;
  z-index: 9;
  top: 10%;
  padding: 0px 0;
}
.header-area {
  left: 0;
  margin: 0;
  position: inherit;
  right: 0;
  z-index: 9;
  top: 10%;
  padding: 0px 0;
}
.header-area .logo-area {
  margin: 16px 0 0 0;
}
.header-area .logo-area a img {
  display: block;
  width: 100%;
}
.header-area .main-menu-area ul {
  text-align: right;
}
.header-area .main-menu-area ul li {
  display: inline-block;
  position: relative;
}
.header-area .main-menu-area ul li a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  color: #000000;
  padding: 34px 24px;
}
.header-area .main-menu-area ul li a:hover {
  color: #91091a;
	font-weight:600; 
}
.header-area .main-menu-area ul li a.active {
  color: #91091a!important;
}
.header-area .main-menu-area ul li ul {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.3s ease 0s;
  z-index: 99 !important;
  background: #90190a;
  width: 200px;
  text-align: left;
  visibility: hidden;
}
.header-area .main-menu-area ul li:hover ul {
  opacity: 1;
  visibility: visible;
  transform: scaleY(1);
}
.header-area .main-menu-area ul li:hover ul li {
  display: block;
  border-bottom: 1px solid #ffffff;
  border-left: none;
  transition: all 0.3s ease 0s;
}
.header-area .main-menu-area ul li:hover ul li:hover {
  background: #323131;
}
.header-area .main-menu-area ul li:hover ul li:hover a {
  color: #ffffff;
}
.header-area .main-menu-area ul li:hover ul li:last-child {
  border-bottom: none;
}
.header-area .main-menu-area ul li:hover ul li a {
  display: block;
  color: #ffffff;
  text-transform: inherit;
  padding: 10px 15px !important;
}
.header-area .search-box {
  position: relative;
}
.header-area .search-box .search-text {
  border: 1px solid #91091a;
  color: #ffffff;
  height: 34px;
  left: 0px;
  margin-right: 3px;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 57px !important;
  transition: all 0.3s ease 0s;
  visibility: hidden;
  width: 0;
  background: #666666;
}
.header-area .search-box .search-text.active {
  left: -112px;
  opacity: 1;
  padding: 0 10px;
  visibility: visible;
  width: 180px;
}
.header-area .search-box .search-button {
  position: absolute;
  right: 0;
  top: 34px;
}
.header-area .search-box .search-button i {
  color: #91091a;
}
.header-area .main-menu-area ul li ul.mega-menu-area {
  width: 500px !important;
  margin: auto;
  left: -160px;
  padding: 10px;
  position: absolute;
}
.header-area .main-menu-area ul li ul.mega-menu-area a{
	font-weight:bold;
	padding:5px;
}
.header-area .main-menu-area ul li ul.mega-menu-area a:hover{	
	background-color:#323131;
	font-weight:bold;
}
.header-area .main-menu-area ul li ul.mega-menu-area li.single-mega-menu {
  display: inline-block;
  width: 32.9%;
  border: 0px;
}
.header-area .main-menu-area ul li ul.mega-menu-area li.single-mega-menu:hover {
  background: transparent;
}
.header-area .main-menu-area ul li ul.mega-menu-area li.single-mega-menu a {
  transition: all 0.3s ease 0s;
}
.header-area .main-menu-area ul li ul.mega-menu-area li.single-mega-menu a:hover {
  color: #ededed;
  background: #8f0407;
}
.header-area .main-menu-area ul li ul.mega-menu-area a {
  text-transform: none; 
	color:#ffffff;
	font-weight:300;
}
.header-area .main-menu-area ul li ul.mega-menu-area b {
  text-align:center;
  text-transform:uppercase;
  color:#ffffff;
  font-weight: 600;
}
.header-area .main-menu-area ul li ul.mega-menu-area p {
  text-align:center;
  color: #ffffff;
  font-weight:  300;
}
div#sticker {
    background-color: transparent;
    background-image: none;
}
.stick {
  position: fixed !important;
  top: 0px !important;
  z-index: 9;
  width: 100%;
  background: rgba(255,255,255,.8) !important;
  margin: 0;
  padding: 0px 0 !important;
}
.stick {
   border-bottom: 2px solid #91091a;
}
.stick.header-area .main-menu-area ul li a{
  padding: 21px 24px !important;
}
.header-area.stick .logo-area {
  margin: 8px 0 0px !important;
}
.home-2 .stick {
  background: rgba(0,0,0,.4) !important;
  padding: 0px 0 !important;
}
/*-------------------------------------
3.Slider area start here 
---------------------------------------*/
.slider-area {
  overflow: hidden;
}
.slider-area .slider-1 h1 {
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: 800;
}
.slider-area .slider-1 h4 {
  position: relative;
  margin-bottom: 0;
  letter-spacing: 10px;
  color: #91091a;
  text-transform: uppercase;
  font-family: 'Lato', sans-serif;
  font-weight: 900;
}
.slider-area .slider-1 p {
  padding: 0 26em;
}
.slider-area .slider-1 .read-more {
  display: inline-block;
}
.slider-area .slider-1 .read-more button {
  background: #91091a;
  color: #ffffff;
  padding: 15px 30px;
  text-transform: uppercase;
  font-weight: bold;
  border-radius: 0;
  margin: 20px;
  transition: all 0.3s ease 0s;
  display: block;
  font-size: 13px;
}
.slider-area .slider-1 .read-more button i {
  font-size: 16px;
  font-weight: bold;
  margin-left: 10px;
}
.slider-area .slider-1 .read-more button:hover {
  background: #82a545;
}
/*-------------------------------------
4.Slider bottom area start here 
---------------------------------------*/
.slider-bottom-area {
  background: #111111;
  padding: 20px 0;
  position: relative;
  background: #8f0407;
  background-size: cover;
  background-position: center center;
}
.slider-bottom-area:after {
  background: url(img/slider-bottom-bg.png) no-repeat;
  bottom: -50px;
  content: "";
  display: block;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 100%;
  height: 50px;
}
.slider-bottom-area .slider-bottom-text {
  margin: 35px 0;
}
.slider-bottom-area .slider-bottom-text p {
  text-align: justify;
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  letter-spacing: 3px;
  color: #ffffff;
  font-weight: 500;
}
.slider-bottom-area .slider-bottom button {
  background: transparent;
  color: #ffffff;
  padding: 15px 40px;
  text-transform: uppercase;
  border-radius: 0;
  margin: 20px;
  transition: all 0.3s ease 0s;
  display: block;
  border: 2px solid #ffffff;
  font-weight: 600;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.36),0px 3px 6px rgba(0,0,0,0.33);
}
.slider-bottom-area .slider-bottom button a{
  color:#ffffff;
}
.slider-bottom-area .slider-bottom button:hover {
  background: #323131;
  border: 2px solid #a09508;
  font-weight:bolder;
}
/*-------------------------------------
5.Home Page Service Section Start Here 
---------------------------------------*/
.home-service-area {
  position: relative;
  padding: 100px 0;
  background: url(img/service/bg.png) no-repeat;
  background-position: left bottom;
}
.home-service-area .single-service-area {
  width: 45%;
  float: left;
  margin-right: 5%;
  margin-bottom: 30px;
}
.home-service-area .single-service-area:last-child {
  margin-right: 0%;
}
.home-service-area .single-service-area a {
  display: inline-block;
}
.home-service-area .single-service-area a > span {
  font-size: 42px;
  color: #91091a;
  display: inline-block;
  margin-bottom: 30px;
  transition: all 0.3s ease 0s;
}
.home-service-area .single-service-area a > span:hover {
  color: #82a545;
}
.home-service-area .single-service-area h3 {
  margin-bottom: 15px;
}
.home-service-area .single-service-area h3 a {
  color: #000000;
  transition: all 0.3s ease 0s;
  display: inline-block;
}
.home-service-area .single-service-area h3 a:hover {
  color: #91091a;
}
.home-service-area .home-sidebar {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease 0s;
}
.home-service-area .home-sidebar:hover h3 {
  background: #91091a;
}
.home-service-area .home-sidebar:hover h3 a {
  color: #ffffff;
}
.home-service-area .home-sidebar h3 {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  margin: 0;
  background: #ffffff none repeat scroll 0 0;
  left: -125px;
  letter-spacing: 3px;
  position: absolute;
  top: 47%;
}
.home-service-area .home-sidebar h3 a {
  display: block;
  color: #000000;
  font-weight: bold;
  padding: 5px;
}
.home-service-area .bg-image {
  background: url(img/service/bg.png) no-repeat;
  bottom: 0;
  height: 345px;
  left: 0;
  position: absolute;
  width: 345px;
}
.home-service-area .section-title-area {
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.home-service-area .section-title-area {
	text-align: justify;
}

.home-service-area .section-title-area h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  margin-bottom: 26px;
}
.home-service-area .section-title-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 45px;
  height: 3px;
  top: 45px;
}
/*-------------------------------------
6.Latest Project Area Start Here 
---------------------------------------*/
.home-latest-project {
  padding: 100px 0;
  background: #f9f9f9;
}
.home-latest-project .section-title-area h2 {
  font-weight: bold;
  font-size: 24px;
  color: #000000;
  text-transform: uppercase;
}
.home-latest-project .section-title-area {
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.home-latest-project .section-title-area {
	text-align: justify;
}
.home-latest-project .section-title-area h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  margin-bottom: 26px;
}
.home-latest-project .section-title-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 45px;
  height: 3px;
  top: 45px;
}
.home-latest-project .tab-list-area ul li {
  border: 1px solid #e5e5e5;
  padding: 10.5px;
  background: #ffffff;
}
.home-latest-project .tab-list-area ul li.active {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 5px solid #91091a;
  background: #f9f9f9;
}
.home-latest-project .tab-list-area ul li a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  color: #646464;
}
.home-latest-project .tab-content-area .latest-project {
  position: relative;
}
.home-latest-project .tab-content-area .latest-project .single-project {
  position: relative;
  overflow: hidden;
  height: 233px;
}
.home-latest-project .tab-content-area .latest-project .single-project:hover .project-overley {
  opacity: .8;
  bottom: 0;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley {
  background: #ffffff none repeat scroll 0 0;
  bottom: -100px;
  position: absolute;
  right: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .content {
  padding: 10px 15px 15px;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .content h3 {
  margin: 0;
  font-family: 'Lato', sans-serif;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .content h3 a {
  color: #000000;
  font-size: 14px;
  transition: all 0.3s ease 0s;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .content h3 a:hover {
  color: #82a545;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .content p {
  color: #646464;
  margin-bottom: 0;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .link {
  position: absolute;
  right: 10%;
  top: 25%;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .link a {
  display: block;
  color: #91091a;
  font-size: 20px;
  font-weight: 100;
  transition: all 0.3s ease 0s;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley .link a:hover {
  color: #82a545;
}
.home-latest-project .tab-content-area .latest-project .owl-buttons {
  position: absolute;
  top: -60px;
  left: 0;
}
.home-latest-project .tab-content-area .latest-project .owl-buttons div {
  background: #91091a;
  width: 35px;
  height: 35px;
  border-radius: 0;
  opacity: 1;
  margin: 2px !important;
}
.home-latest-project .tab-content-area .latest-project .owl-buttons div:hover {
  background: #000000;
}
.home-latest-project .tab-content-area .latest-project .owl-buttons div i {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.home-latest-project .tab-content-area .latest-project:after {
  background: #e1e1e1;
  content: "";
  height: 2px;
  left: 100px;
  margin: auto;
  position: absolute;
  top: -38px;
  width: 88%;
}
/*-------------------------------------
7.Testimonial Section Area Start Here 
---------------------------------------*/
.testimonial-area {
  background: url(img/testimonial.png) no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 100px 0;
}
.testimonial-area .testimonial .single-testimonial {
  text-align: center;
}
.testimonial-area .testimonial .single-testimonial h3 {
  color: #91091a;
  font-weight: 600;
  font-size: 24px;
  margin: 0;
}
.testimonial-area .testimonial .single-testimonial p.designation {
  color: #ffffff;
  position: relative;
}
.testimonial-area .testimonial .single-testimonial p.designation:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  background: #91091a;
  width: 80px;
  margin: auto;
  height: 1px;
  top: 35px;
}
.testimonial-area .testimonial .single-testimonial p.content {
  color: #ffffff;
  margin: 40px 40px 20px;
}
.testimonial-area .testimonial .owl-pagination .owl-page.active span {
  background: #ffffff;
  border: 1px solid #ffffff;
}
.testimonial-area .testimonial .owl-pagination .owl-page span {
  background: transparent;
  border: 1px solid #91091a;
  opacity: 1;
}
/*--------------------------------------
8. About Company Section Start Here 
---------------------------------------*/
.about-company-area {
  padding: 100px 0;
}
.about-company-area .section-title-area .description {
	font-size: 18px;
	padding:30px;
	border:solid;
	border-color:#DCDCDC;
	margin-top:40px;
	margin-bottom:30px;
}
.about-company-area .who-we-are-area .single-area img {
  display: block;
  width: 100%;
}
.about-company-area .who-we-are-area .owl-buttons div {
  position: absolute;
  top: 40%;
  background: #91091a;
  width: 45px;
  height: 45px;
  border-radius: 0;
  opacity: 1;
}
.about-company-area .who-we-are-area .owl-buttons div i {
  font-size: 20px;
  font-weight: bold;
  line-height: 35px;
}
.about-company-area .who-we-are-area .owl-buttons div.owl-prev {
  left: -5px;
}
.about-company-area .who-we-are-area .owl-buttons div.owl-next {
  right: -5px;
}
.about-company-area .content-area {
  /* This is where the About section starts with Why Fourjay? */
  margin: 20px 0;
  border: 0px;
}
.about-company-area .content-area h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  margin-bottom: 26px;
}
.about-company-area .content-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 45px;
  height: 3px;
  top: 45px;
}
.about-company-area .our-capability-area {
  margin: 0 0 20px 0;
}
.about-company-area .our-capability-area h3 {
  color: #000000;
  font-size: 24px;
  font-weight: 600;
  line-height: 15px;
  position: relative;
  text-transform: uppercase;
}
.about-company-area .our-capability-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 45px;
  height: 3px;
  top: 36px;
}
.about-company-area .main-service {
  padding: 5px 0 0;
}
.about-company-area .panel-default {
  border: 0 none;
}
.about-company-area .panel-default > .panel-heading {
  border-radius: 0;
  padding: 10px 20px;
  transition: all 0.5s ease 0s;
}
.about-company-area .panel-default > .panel-heading:hover,
.about-company-area .our-capability-area .panel-default > .panel-heading.active {
  background-color: #91091a;
  color: #ffffff;
  border: 0px;
}
.about-company-area h4.panel-title > a {
  color: inherit;
  display: block;
  font-size: 16px;
  margin-bottom: 0;
  margin-top: 0;
  padding: 12px 15px;
  text-decoration: none;
}
.about-company-area h4.panel-title > a .heading-arrow i {
  font-size: 24px;
  font-weight: bold;
  position: absolute;
  right: 28px;
}
.about-company-area .section-title-area {
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.about-company-area .section-title-area {
	text-align: justify;
}
.about-company-area .section-title-area h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  margin-bottom: 26px;
}
.about-company-area .section-title-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 45px;
  height: 3px;
  top: 45px;
}
.advertisement-area a {
  display: block;
}
.advertisement-area a img {
  width: 100%;
}
.advertisement-area a img:hover {
  opacity: .9;
}
.advertisement-area .view-store {
  background: #ffffff none repeat scroll 0 0;
  bottom: 20px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 125px;
}
.advertisement-area .view-store a {
  display: block;
  padding: 5px 10px;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
  transition: all 0.3s ease 0s;
  font-weight: 600;
}
.advertisement-area .view-store a:hover {
  background: #82a545;
}
/*-------------------------------------
9.Home Page team area section start here 
---------------------------------------*/
.home-page-team-area {
  padding: 100px 0 65px;
  background-position: right bottom;
}
.home-page-team-area .section-title-area {
  margin-bottom: 40px;
}
.home-page-team-area .section-title-area h2 {
  color: #111111;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
.home-page-team-area .section-title-area:after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 34%;
  margin: auto;
  position: absolute;
  top: 19px;
  width: 64%;
}
.home-page-team-area .total-single-team-area {
  margin: 0 15px;
}
.home-page-team-area .home-page-team1 .total-single-team-area {
  margin: 0px !important;
}
.home-page-team-area .total-single-team-area .single-team-area {
  transition: all 0.3s ease 0s;
  position: relative;
}
.home-page-team-area .total-single-team-area .single-team-area a {
  display: block;
}
.home-page-team-area .total-single-team-area .single-team-area a img {
  width: 100%;
}
.home-page-team-area .total-single-team-area .single-team-area .overley {
  background: rgba(169, 211, 96, 0.9) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transform: scaleY(0.5);
  transform-origin: 0;
  transition: all 0.3s ease 0s;
}
.home-page-team-area .total-single-team-area .single-team-area .overley ul {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 44%;
}
.home-page-team-area .total-single-team-area .single-team-area .overley ul li {
  display: inline-block;
  margin: 2px;
}
.home-page-team-area .total-single-team-area .single-team-area .overley ul li a {
  display: block;
	color:#ffffff;
	font-weight:bolder;
}
.home-page-team-area .total-single-team-area .single-team-area .overley ul li a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #000000;
  background: #ffffff;
  transition: all 0.3s ease 0s;
  font-size: 14px;
  font-weight: bold;
}
.home-page-team-area .total-single-team-area .single-team-area .overley ul li a i:hover {
  color: #ffffff;
  font-weight:bold;
  background-color: #91091a;
}
.home-page-team-area .total-single-team-area .single-team-area:hover .overley {
  opacity: .8;
  transform: scaleY(1);
  color: #ffffff;
  font-weight:bold;
  background-color: #91091a;
}
.home-page-team-area .total-single-team-area .content {
  text-align: center;
  margin: 22px 0 30px;
}
.home-page-team-area .total-single-team-area .content h3 {
  margin-bottom: 5px;
}
.home-page-team-area .total-single-team-area .content h3 a {
  color: #111111;
  transition: all 0.3s ease 0s;
}
.home-page-team-area .total-single-team-area .content h3 a:hover {
  color: #ffffff;
  font-weight:bold;
  background-color: #91091a;
}
.home-page-team-area .total-single-team-area .content p {
  margin-bottom: 5px;
}
.home-page-team-area .total-single-team-area .content p a {
  color: #a09508;
  font-weight:600;
  transition: all 0.3s ease 0s;
}
.home-page-team-area .total-single-team-area .content p a:hover {
  color: #ffffff;
  font-weight:bold;
  background-color: #91091a;
}

.home-page-team-area .owl-buttons {
  left: 307px;
  position: absolute;
  top: 0;
}
.home-page-team-area .owl-buttons div {
  background: #91091a !important;
  width: 35px;
  height: 35px;
  border-radius: 0 !important;
  opacity: 1!important;
  margin: 2px!important;
}
.home-page-team-area .owl-buttons div:hover {
  background: #000000!important;
}
.home-page-team-area .owl-buttons div i {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.home-page-team-area .team-picure {
  position: relative;
}
.home-page-team-area .team-picure img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.home-page-team-area .section-title-area {
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
}
.home-page-team-area .section-title-area {
	text-align: justify;
}
.home-page-team-area .section-title-area h3 {
  font-size: 24px;
  text-transform: uppercase;
  color: #000000;
  position: relative;
  margin-bottom: 26px;
}
.home-page-team-area .section-title-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 45px;
  height: 3px;
  top: 45px;
}
/*-------------------------------------
9a.Home Page Samples Section Area 
---------------------------------------*/
.home-samples-area {
  padding: 100px 0;
}
.home-samples-area .section-title-area {
	margin-bottom: 40px;
}
.home-samples-area .section-title-area h3 {
  color: #111111;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}
.home-samples-area .section-title-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 45px;
  height: 3px;
  top: 45px;
}
.home-samples-area .single-service-area {
  position: relative;
  overflow: hidden;
}
.home-samples-area .single-service-area a {
  display: block;
}
.home-samples-area .single-service-area a img {
  width: 100%;
	padding:25px;
	background-color: #F5F5F5;
	/*border:thin #ddd solid;*/
}
/*/============================*/
.home-samples-area .single-service-area a img:hover {
  opacity: .5;
}
/*/============================*/
.home-samples-area .single-service-area .overlay {
  background: rgba(169, 211, 96, 0.9) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position:absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  transform: scaleY(0.5);
  transform-origin: 0;
  transition: all 0.3s ease 0s;
}
.home-samples-area .single-service-area .overlay ul {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 44%;
}
.home-samples-area .single-service-area .overlay ul li {
  display: inline-block;
  margin: 2px;
}
.home-samples-area .single-service-area .overlay ul li a {
  display: block;
	color:#ffffff;
	font-weight:bolder;
}
.home-samples-area .single-service-area .overlay ul li a i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #000000;
  background: #ffffff;
  transition: all 0.3s ease 0s;
  font-size: 14px;
  font-weight: bold;
}
.home-samples-area .single-service-area .overlay ul li a i:hover {
  color: #ffffff;
  font-weight:bold;
  background-color: #91091a;
}
.home-samples-area .single-service-area:hover .overlay {
  opacity: .8;
  transform: scaleY(1);
  color: #ffffff;
  font-weight:bold;
  background-color: #91091a;
}
/*=============================*/

.home-samples-area .single-service-area-text h3 {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.home-samples-area .single-service-area-text h3 a {
  font-size: 20px;
  line-height: 33px;
  font-weight: 600;
  color: #000000;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
.home-samples-area .single-service-area-text h3 a:hover {
  color: #91091a;
}
.home-samples-area .single-service-area-text h3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 35px;
  display: block;
  background: #91091a;
  width: 50px;
  height: 3px;
}
.home-samples-area .single-service-area-text p{
	margin-bottom:40px;
}
.home-samples-area .single-service-area-text p:hover {
	color: #91091a;
}
/*-------------------------------------
10.Home Page Video Section Start Here 
---------------------------------------*/
.home-page-video-area {
  padding: 100px 0;
  background: url(img/video-bg.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.home-page-video-area .video-content h2 {
  font-size: 42px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.55;
  color: #ffffff;
}
.home-page-video-area .video-content h2 span {
  font-weight: 600;
  color: #91091a;
}
.home-page-video-area .video-content p {
  color: #ffffff;
}
.home-page-video-area .video-content .read-more {
  display: inline-block;
  margin-top: 20px;
}
.home-page-video-area .video-content .read-more a {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  background: #91091a;
  color: #ffffff;
  padding: 13px 39px;
  font-family: 'Lato', sans-serif;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.home-page-video-area .video-content .read-more a i {
  font-size: 20px;
  font-weight: bold;
  margin-left: 10px;
}
.home-page-video-area .video-content .read-more a:hover {
  background: #82a545;
}
/*-------------------------------------
11.Recent News Section Start Here 
---------------------------------------*/
.home-page-recent-news-area {
  position: relative;
  overflow: hidden;
}
.home-page-recent-news-area .content {
  text-align: left !important;
}
.home-page-recent-news-area .content p {
  position: relative;
}
.home-page-recent-news-area .content p:after {
  background: #91091a;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 42px;
  width: 50px;
}
.home-page-recent-news-area .content p.meta {
  padding-bottom: 20px;
}
.home-page-recent-news-area .content p.news-content:after {
  background: transparent;
}
.home-page-recent-news-area .home-page-team-area .total-single-team-area .single-team-area .overley ul li a i {
  border-radius: 50%;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  height: 50px;
  line-height: 50px;
  transition: all 0.3s ease 0s;
  width: 50px;
}
.home-page-recent-news-area .home-page-team-area .total-single-team-area .single-team-area .overley ul li a i:hover {
  background: #91091a;
  border: 1px solid #91091a;
  color: #ffffff;
}
.home-page-recent-news-area .bg-image {
  position: absolute;
  bottom: 0;
  left: 0;
}
/*-------------------------------------
12.Client Logo Area Section start here 
---------------------------------------*/
.client-logo-area {
  position: relative;
  padding: 100px 0;
}
.client-logo-area .single-logo {
  border: 1px solid #d7d7d7;
  text-align: center;
  margin: 0 15px;
  transform: scaleX(1.01);
  transition: all 0.3s ease 0s;
  height: 220px;
}
.client-logo-area .single-logo:hover {
  border: 1px solid #82a545;
  transform: scaleX(1.00002);
  margin: 0 5px;
}
.client-logo-area .single-logo a {
  display: block;
  margin: 15px;
}
.client-logo-area .owl-buttons .owl-prev {
  left: -40px;
  position: absolute;
  top: 40%;
  background: #91091a !important;
  width: 35px;
  height: 35px;
  border-radius: 0 !important;
  opacity: 1!important;
}
.client-logo-area .owl-buttons .owl-prev i {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
.client-logo-area .owl-buttons .owl-next {
  right: -40px;
  position: absolute;
  top: 40%;
  background: #91091a !important;
  width: 35px;
  height: 35px;
  border-radius: 0 !important;
  opacity: 1!important;
}
.client-logo-area .owl-buttons .owl-next i {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  text-align: center;
}
/*-------------------------------------
13. Free Consultation Area Start here
---------------------------------------*/
.get-free-consultation-area {
  background: #91091a;
  padding: 22px 0;
}
.get-free-consultation-area .get-free-consultation-text p {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 24px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 500;
  margin-top: 33px;
}
.get-free-consultation-area .get-free-consultation-button {
  display: inline-block;
}
.get-free-consultation-area .get-free-consultation-button a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 20px;
  padding: 15px 10px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.get-free-consultation-area .get-free-consultation-button a:hover {
  background: #688d26;
  border: 2px solid #688d26;
}
/*-------------------------------------
14.Footer Area Section Start Here 
---------------------------------------*/
.footer-top-area {
  /* Orig background: #222222*/
  background-image:url(img/footer_background.jpg);	
  padding: 100px 0;
}

.footer-top-area .single-footer h3 {
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
  line-height: 1.55;
}
.footer-top-area .single-footer p {
  /*orig-color: #b3b3b3;*/
	color: #000000;
	font-size: 16px;
	text-align:justify;
}
.footer-top-area .single-footer .footer-social-media-area ul li {
  display: inline-block;
  margin: 3px;
}
.footer-top-area .single-footer .footer-social-media-area ul li a {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  color: #ffffff;
  background: #91091a;
  border: 1px solid #333333;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  text-align: center;
  border-radius: 50%;
}
.footer-top-area .single-footer .footer-social-media-area ul li a:hover {
  background: #000000;
  border-radius: 50%;
  border: 1px solid #000000;
}
.footer-top-area .footer-two ul li {
  color: #b3b3b3;
}
.footer-top-area .footer-two ul li i {
  color: #b3b3b3;
  margin-right: 5px;
  display: inline-block;
}
.footer-top-area .footer-three ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top-area .footer-three ul li {
  display: inline-block;
  width: 30%;
  margin: 1px 3px;
}
.footer-top-area .footer-three ul li a {
  display: block;
}
.footer-top-area .footer-three ul li a img {
  display: block;
  width: 100%;
}
.footer-top-area .footer-three ul li a img:hover {
  opacity: .9;
}
.footer-top-area .footer-four ul li {
  display: inline-block;
  color: #b3b3b3;
  margin: 0 0 15px 0;
}
.footer-top-area .footer-four ul li i {
  margin: 5px;
  color: #91091a;
}
.footer-top-area .footer-four p {
  font-size:16px;
}
.footer-top-area .footer-four p a{
	color:#000000;
}
.footer-top-area .footer-four p a:hover{
  font-size:17px;
	color:#ffffff;
	background-color:#a09509;
	font-weight:bolder;
}
.footer-bottom-area {
  background: #000000;
  padding: 20px 0;
}
.footer-bottom-area .footer-bottom p {
  text-align: center;
  color: #ffffff;
  margin: 0;
}
/*---------------------------------
  2.2 Scrolling Nav Styling 
  ---------------------------------*/
#scrollUp {
  background: #91091a;
  bottom: 100px;
  color: #ffffff !important;
  display: block;
  font-size: 25px;
  height: 40px;
  line-height: 0;
  position: fixed;
  right: 20px;
  text-align: center;
  text-decoration: none !important;
  transition: all 0.5s cubic-bezier(0, 0, 0, 1) 0s;
  width: 50px;
  z-index: 1000;
}
#scrollUp:hover {
  background: #82a545;
}
#scrollUp i {
  display: block;
  padding-top: 5px;
}
/*-------------------------------------
15.Home 2 Header Section Start Here
-------------------------------------*/
.home-2 .header-area {
    left: 0;
    margin: 0;
    position: absolute;
    right: 0;
    z-index: 9;
    top: 24px;
    padding: 0px 0 0 0;
    background-color: #FFFFFF;
}
.home-2 .header-area .logo-area {
  margin: 0;
}
.home-2 .header-area .logo-area a img {
  display: block;
  width: 100%;
}
.home-2 .header-area .main-menu-area {
  margin-top: 10px;

}
.home-2 .header-area .main-menu-area ul {
  text-align: right;
}
.home-2 .header-area .main-menu-area ul li {
  display: inline-block;
  position: relative;
}
.home-2 .header-area .main-menu-area ul li a {
  display: block;
  padding: 10px 24px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  color: #ffffff;
}
.home-2 .header-area .main-menu-area ul li a:hover {
  color: #91091a;
}
.home-2 .header-area .main-menu-area ul li ul {
  text-align: left;
}
.home-2 .header-area .search-box .search-button {
  top: 24px !important;
}
.home-2 .header-area .search-box .search-button i {
  color: #91091a;
}
.home-2 .header-area .search-box .search-text {
  top: 55px;
}
.home-2 .slider-content {
  margin-top: 30px;
}
/*-------------------------------------
16.Page Header Section Start Here 
---------------------------------------*/
.page-header-area {
  background: rgba(0, 0, 0, 0) url("img/header_background2.jpg") no-repeat scroll center center / cover ;
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding: 80px 0;
}
.page-header-area ul li {
  display: inline-block;
  border: 0px;
  color: #ffffff;
  font-family: 'Raleway', sans-serif;
  margin: 0px 10px;
  font-weight: 600;
  position: relative;
}
.page-header-area ul li:first-child:after {
  position: absolute;
  /*content: "\f101";*/
  top: 0;
  left: 50px;
  right: 0;
  display: block;
  font-family: FontAwesome;
}
.page-header-area ul li:last-child {
  color: #91091a;
}
.page-header-area ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
.header-page a:hover{
	color:#91091a;
	font-size:14px;
	font-weight:bold;
}
/*-------------------------------------
17.About Page Main Content Start 
---------------------------------------*/
.about-page-area {
  padding: 100px 0;
}
.about-page-area .about-text-area h3 {
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 600;
  color: #000000;
  position: relative;
  padding-bottom: 20px;
}
.about-page-area .about-text-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  background: #91091a;
  width: 50px;
  height: 3px;
  top: 50px;
}
.about-page-area .about-featured-image a img {
  width: 100%;
  display: block;
  -webkit-box-shadow: 22px -22px 0 0 #f1f1f1;
  -moz-box-shadow: 22px -22px 0 0 #f1f1f1;
  box-shadow: 22px -22px 0 0 #f1f1f1;
}
.about-page-area .about-featured-image a img:hover {
  opacity: .9;
  -webkit-box-shadow: 22px -22px 0 0 #91091a;
  -moz-box-shadow: 22px -22px 0 0 #91091a;
  box-shadow: 22px -22px 0 0 #91091a;
}
.about-page-area .about-featured .owl-pagination {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
}
.about-page-area .about-featured .owl-pagination .owl-page.active span {
  background: #ffffff;
  border: 1px solid #ffffff;
}
.about-page-area .about-featured .owl-pagination .owl-page span {
  background: transparent;
  border: 1px solid #91091a;
}
/*-------------------------------------
18.Project page Start Here 
--------------------------------------*/
.project-page {
  padding: 100px 0;
}
.project-page .tab-list-area ul li {
  border: 1px solid #e5e5e5;
  padding: 12px;
  background: #ffffff;
}
.project-page .tab-list-area ul li.active {
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 5px solid #91091a;
  background: #f9f9f9;
}
.project-page .tab-list-area ul li a {
  display: block;
  text-decoration: none;
  font-weight: 600;
  color: #646464;
}
.project-page .tab-content-area .latest-project-page {
  position: relative;
}
.project-page .tab-content-area .latest-project-page .single-project {
  position: relative;
  overflow: hidden;
  float: left;
  width: 33%;
}
.project-page .tab-content-area .latest-project-page .single-project:hover .project-overley {
  opacity: 1;
  bottom: 0;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley {
  background: #ffffff none repeat scroll 0 0;
  bottom: -100px;
  position: absolute;
  right: 0;
  left: 0;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .content {
  padding: 10px 15px 15px;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .content h3 {
  margin: 0;
  font-family: 'Lato', sans-serif;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .content h3 a {
  color: #000000;
  font-size: 14px;
  transition: all 0.3s ease 0s;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .content h3 a:hover {
  color: #82a545;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .content p {
  color: #646464;
  margin: 0;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .link {
  position: absolute;
  right: 10%;
  top: 25%;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .link a {
  display: block;
  color: #91091a;
  font-size: 20px;
  font-weight: 100;
  transition: all 0.3s ease 0s;
}
.project-page .tab-content-area .latest-project-page .single-project .project-overley .link a:hover {
  color: #82a545;
}
/*-------------------------------------
19.Service Section Area Start Here 
---------------------------------------*/
.service-page-main-section-area {
  padding: 100px 0;
}
.service-page-main-section-area .single-service-area {
  position: relative;
  overflow: hidden;
}
.service-page-main-section-area .single-service-area a {
  display: block;
}
.service-page-main-section-area .single-service-area a img {
  width: 100%;
}
.service-page-main-section-area .single-service-area a img:hover {
  opacity: .9;
}
.service-page-main-section-area .single-service-area h3 {
  position: relative;
  margin-top: 20px;
  margin-bottom: 26px;
}
.service-page-main-section-area .single-service-area h3 a {
  font-size: 20px;
  line-height: 33px;
  font-weight: 600;
  color: #000000;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}
.service-page-main-section-area .single-service-area h3 a:hover {
  color: #91091a;
}
.service-page-main-section-area .single-service-area h3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 40px;
  display: block;
  background: #91091a;
  width: 50px;
  height: 3px;
}
/*-------------------------------------
20.Main News Page start Here 
---------------------------------------*/
.main-news-page-section-area {
  padding: 100px 0;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area a img:hover {
  opacity: .9;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body {
  padding-left: 20px;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body h4 a {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Raleway', sans-serif;
  transition: all 0.3s ease 0s;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body h4 a:hover {
  color: #91091a;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body p {
  position: relative;
  text-align:justify;
}

.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body p.news-content:after {
  display: none;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body .read-more {
  display: inline-block;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body .read-more a {
  display: block;
  text-decoration: none;
  color: #91091a;
  transition: all 0.3s ease 0s;
  font-weight: bold;
  margin: 0 5px 0 0;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body .read-more a:hover {
  color: #000000;
}
.pagination-area {
  padding-top: 0px;
}
.pagination-area ul {
  text-align: center;
}
.pagination-area ul li {
  display: inline-block;
  margin-top: 50px;
}
.pagination-area ul li.active a {
  background: #91091a;
  color: #ffffff;
}
.pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #666666;
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.pagination-area ul li a:hover {
  background: #91091a;
}
.media-object {
  margin-right: 20px;
}
.single-news-area .news-title {
  font-size: 22px;
}
.single-news-area ul {
  margin: 0px 30px;
}
.single-news-area ul li { 
  list-style: disc;
}
/*-------------------------------------
20.1 Page Sidebar area Start Here 
---------------------------------------*/
.page-sidebar-area .single-sidebar h3 {
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  font-family: 'Raleway', sans-serif;
  transition: all 0.3s ease 0s;
  position: relative;
  text-transform: uppercase;
}
.page-sidebar-area .single-sidebar h3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 40px;
  display: block;
  background: #91091a;
  width: 45px;
  height: 3px;
}
.page-sidebar-area .single-sidebar #custom-search-input {
  margin: 45px 0 0;
  padding: 0;
}
.page-sidebar-area .single-sidebar #custom-search-input .search-query {
  padding-right: 3px;
  padding-right: 4px;
  padding-left: 3px;
  padding-left: 4px;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */
  margin-bottom: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.page-sidebar-area .single-sidebar #custom-search-input button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  border: 0 none;
  border-radius: 3px;
  color: #91091a;
  left: -20px;
  margin-bottom: 0;
  margin-top: 2px;
  padding: 2px 0;
  position: relative;
  z-index: 999;
}
.page-sidebar-area .single-sidebar ul li {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 5px;
}
.page-sidebar-area .single-sidebar ul li:last-child {
  border: none;
}
.page-sidebar-area .single-sidebar ul li a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 8px 0;
  transition: all 0.3s ease 0s;
}
.page-sidebar-area .single-sidebar ul li a:hover {
  color: #91091a;
}
.page-sidebar-area .single-sidebar ul li a span {
  float: right;
}
.meta {
  margin-bottom: 18px;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body {
  padding-left: 0px;
  padding: 30px 0;
}
/*-------------------------------------
21.Single News page start here  
---------------------------------------*/
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body {
  padding-left: 0px;
  padding-top: 0px;
}
.news-page-tag-section-area {
  border-bottom: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  margin: 60px 0 20px;
  padding: 20px 0;
}
.news-page-tag-section-area h3 {
  color: #000000;
  margin-bottom: 0;
}
.news-page-tag-section-area h3 a {
  color: #000000;
  margin-bottom: 0;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body > h3.media-heading > a {
  color: #000000;
  margin-bottom: 0;
}
.main-news-page-section-area .news-page-content-section-area .single-news-area .news-body > h3.media-heading > a:hover {
  color: #91091a;
  margin-bottom: 0;
}
.news-page-tag-section-area ul li {
  display: inline-block;
}
.news-page-tag-section-area ul li a {
  display: block;
  padding: 2px;
  color: #646464;
}
.comments-area {
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 30px;
}
.comments-area h4 {
  color: #000000;
  margin-bottom: 0;
}
.comments-area .main-comments a {
  padding-right: 30px;
}
.comments-area .main-comments .comments-body p {
  margin-bottom: 10px;
}
.comments-area .main-comments .comments-body .replay-area a i {
  color: #91091a;
  margin-right: 10px;
}
.leave-comments-area {
  padding-top: 30px;
}
.leave-comments-area h4 {
  color: #000000;
  margin-bottom: 0;
}
.leave-comments-area fieldset {
  margin-top: 20px;
}
.leave-comments-area fieldset input {
  background: #f4f4f4;
  border-radius: 0;
  height: 45px;
  margin-right: 20px;
}
.leave-comments-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.leave-comments-area fieldset textarea {
  background: #f4f4f4;
  border-radius: 0;
  margin-right: 20px;
}
.leave-comments-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.leave-comments-area fieldset .btn-send {
  background: #91091a none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.leave-comments-area fieldset .btn-send:hover {
  background: #688D26;
}
.news-body > h3 {
  margin: 0px 0 6px;
}
.news-body a {
  color: #000000;
}
.news-body a:hover {
  color: #91091a;
}
.news-body > h3 {
  margin: 0px 0 6px;
}
.news-title {
   margin: 22px 0 16px !important;
}
.project-detail {
  padding: 70px 0px 0px;
}
.project-detail-area .project-gallery .owl-buttons div {
    position: absolute;
    top: 40%;
    background: #91091a;
    width: 45px;
    height: 45px;
    font-size: 26px;
    line-height: 36px;
    border-radius: 0;
    opacity: 1;
}
.project-detail-area .project-gallery .owl-buttons div.owl-next {
    right: -5px;
}
.project-detail-area .project-gallery .owl-buttons div.owl-prev {
    left: -5px;
}
/*-------------------------------------
22.Team Page Start Here 
---------------------------------------*/
.team-page {
  background: #ffffff;
}
.team-page .home-page-team-area {
  background: transparent;
}
.team-page .home-page-team-area .owl-buttons {
  display: none;
}
.team-page .home-page-team-area .total-single-team-area {
  margin: 0 !important;
}
/*-------------------------------------
23.Single team page area start here 
-------------------------------------*/
.main-single-team-area {
  padding: 100px 0;
}
.main-single-team-area .main-single-team-content .team-content {
  position: relative;
}
.main-single-team-area .main-single-team-content .team-content:after {
  background: #91091a none repeat scroll 0 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 80px;
  width: 45px;
}
.main-single-team-area .main-single-team-content .team-content h2 {
  font-size: 26px;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #000000;
  font-weight: 600;
}
.main-single-team-area .main-single-team-content .team-content .designation {
  padding-top: 0px;
}
.main-single-team-area .main-single-team-content p {
  padding-top: 20px;
}
.main-single-team-area .main-single-team-content .single-team-social-media {
  margin-top: 65px;
}
.main-single-team-area .main-single-team-content .single-team-social-media ul li {
  display: inline-block;
  margin: 2px;
}
.main-single-team-area .main-single-team-content .single-team-social-media ul li a {
  display: block;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background: #91091a;
  color: #ffffff;
  transition: all 0.3s ease 0s;
}
.main-single-team-area .main-single-team-content .single-team-social-media ul li a:hover {
  background: #688D26;
  color: #ffffff;
}
.main-single-team-area .single-team-featured-image a {
  display: block;
}
.main-single-team-area .single-team-featured-image a img:hover {
  opacity: .9;
}
/*-------------------------------------
24.Main Contact Page Section Area start here 
---------------------------------------*/
.main-contact-page-area {
  padding: 100px 0 0;
}
.main-contact-page-area .contact-text {
  position: relative;
  overflow: hidden;
  padding-top: 30px ;
}
.main-contact-page-area .contact-text:after {
  background: #91091a none repeat scroll 0 0;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 70px;
  width: 80px;
}
.main-contact-page-area .contact-text h3 {
  color: #000000;
}
.main-contact-page-area .contact-text p {
  padding-top: 10px;
}
/*-------------------------------------
24.1 Contact Form Page start Here 
---------------------------------------*/
.main-conatct-form-area {
  padding-bottom: 100px;
}
.main-conatct-form-area .main-contact-form fieldset {
  margin-top: 20px;
}
.main-conatct-form-area .main-contact-form fieldset input {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  height: 45px;
  margin-right: 20px;
}
.main-conatct-form-area .main-contact-form fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.main-conatct-form-area .main-contact-form fieldset textarea {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 0;
  margin-right: 20px;
}
.main-conatct-form-area .main-contact-form fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.main-conatct-form-area .main-contact-form fieldset .btn-send {
  background: #91091a none repeat scroll 0 0;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 45px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.main-conatct-form-area .main-contact-form fieldset .btn-send:hover {
  background: #688D26;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar {
  margin-top: 20px;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul {
  padding-top: 20px;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul li {
  display: inline-block;
  padding: 10px 0;
}
.main-conatct-form-area .page-sidebar-area .single-sidebar ul li i {
  color: #91091a;
  margin-right: 10px;
}
/*-------------------------------------
25.404 Page Area Start Here 
---------------------------------------*/
.error-page-area {
  padding: 100px 0;
  text-align: center;
}
.error-page-area .error-page {
  background: url(img/error.png) no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100PX;
}
.error-page-area .error-page h1 {
  font-size: 300px;
  color: #ffffff;
  line-height: 300px;
}
.error-page-area .error-page p {
  font-size: 30px;
  color: #ffffff;
}
.error-page-area .error-page-message {
  margin-top: 60px;
}
.error-page-area .error-page-message p {
  font-size: 18px;
  color: #000000;
}
.error-page-area .error-page-message .home-page a {
  display: inline-block;
  text-decoration: none;
  font-size: 18px;
  color: #ffffff;
  background: #91091a;
  padding: 15px 35px;
  transition: all 0.3s ease 0s;
}
.error-page-area .error-page-message .home-page a:hover {
  background: #688D26;
  color: #ffffff;
}
/*-------------------------------------
26.Shop Page Area Start Here 
---------------------------------------*/
.shop-page-area {
  padding: 100px 0 0;
  /*-----------------------------------
   26.1 Sidebar Section Start Here 
  -------------------------------------*/
}
.shop-page-area .shop-top-bar {
  border: 1px solid #eeeeee;
  overflow: hidden;
  margin: 20px 0;
}
.shop-page-area .shop-top-bar .shop-top-bar-left ul li {
  display: inline-block;
  padding: 30px 0;
  margin: 0 5px;
  font-size: 16px;
}
.shop-page-area .shop-top-bar .shop-top-bar-left ul li.right-side {
  float: right;
}
.shop-page-area .shop-top-bar .shop-top-bar-left ul li a i {
  font-size: 20px;
  color: #000000;
}
.shop-page-area .shop-top-bar .shop-top-bar-left ul li.active a i {
  color: #91091a;
}
.shop-page-area .show-product-area {
  padding: 20px 0;
	/*width:292px;
	height:335px;*/
}
/*.shop-page-area .show-product-area .single-product-store {
	border:5px #970000;
	background-color: #000000;
}*/
.shop-page-area .show-product-area .single-product-store .product-content {
  margin: 20px 0 0;
}
.shop-page-area .show-product-area .single-product-store .product-content h3 {
  position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
}
.shop-page-area .show-product-area .single-product-store .product-content h3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 35px;
  display: block;
  background: #91091a;
  width: 50px;
  height: 3px;
}
.shop-page-area .show-product-area .single-product-store .product-content h3 a {
  font-size: 20px;
  line-height: 33px;
  font-weight: 600;
  color: #000000;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  display: block;
}
.shop-page-area .show-product-area .single-product-store .product-content h3 a:hover {
  color: #91091a;
}
.shop-page-area .show-product-area .single-product-store .product-content ul li {
  display: inline-block;
}
.shop-page-area .show-product-area .single-product-store .product-content ul li i {
  font-size: 14px;
  color: #f7c51d;
}
.shop-page-area .show-product-area .single-product-store .product-content p {
  color: #a09508;
  margin-bottom: 40px;
}
.shop-page-area .show-product-area .single-product-store .product-content p:hover {
	color: #91091a;
}
.shop-page-area .show-product-area .single-product-store .product-content p a{
  color: #a09508;
}
.shop-page-area .show-product-area .single-product-store .product-content p a:hover{
  color: #91091a;
}
.shop-page-area .show-product-area .single-product-store .single-product {
  position: relative;
  overflow: hidden;
  max-width:.33;
  background-color: #AFAFAF;
}
.shop-page-area .show-product-area .single-product-store .single-product:hover {
  opacity: .8;
  background-color:#91091a;
}
.shop-page-area .show-product-area .single-product-store .single-product:hover img {
  /*transform: scale(1.03);*/
	opacity: .3;
}
/* ======= 
this is to change the hover opacity to 100% on the flipping images 
===========*/
.shop-page-area .show-product-area .single-product-store .single-product-1:hover {
  opacity: 1.0;
  background-color:#91091a;
}
.shop-page-area .show-product-area .single-product-store .single-product-1:hover img {
  /*transform: scale(1.03);*/
	opacity: 1.0;
}
/* ======== 
end of different hover opacity 
============*/
.shop-page-area .show-product-area .single-product-store .single-product:hover .shop-overley {
  /*===== Original code:  opacity: 1;  transform: scaleY(1);*/
  opacity: .8;
  transform: scaleY(1);
  color: #ffffff;
  font-weight:bold;
  background-color: #91091a;
}
.shop-page-area .show-product-area .single-product-store .single-product a {
  display: block;
  position: relative;
  overflow: hidden;
}
.shop-page-area .show-product-area .single-product-store .single-product .shop-overley {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(168, 210, 94, 0.9);
  transition: all 0.3s ease 0s;
  opacity: 0;
  overflow: hidden;
  transform: scaleY(0);
  transform-origin: 0;
}
.shop-page-area .show-product-area .single-product-store .single-product .shop-overley .social-media-area {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 40%;
  bottom: 0;
}
.shop-page-area .show-product-area .single-product-store .single-product .shop-overley .social-media-area ul {
  text-align: center;
}
.shop-page-area .show-product-area .single-product-store .single-product .shop-overley .social-media-area ul li {
  display: inline-block;
  margin: 5px;
}
.shop-page-area .show-product-area .single-product-store .single-product .shop-overley .social-media-area ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  background: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transition: all 0.3s ease 0s;
}
/* >>> REMOVE this for now to see if formatting gets better...
.shop-page-area .show-product-area .single-product-store .single-product .shop-overley a {
  margin:0;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  font-weight:bolder;
  color: #ffffff;
}  */
/*.home-page-team-area .total-single-team-area .content p a {
  color: #a09508;
	font-weight:600;
  transition: all 0.3s ease 0s;
}*/
.shop-page-area .show-product-area .single-product-store .single-product .shop-overley .social-media-area ul li a:hover {
  background: #91091a;
  color: #ffffff;
}
.shop-page-area .single-listed-product {
  overflow: hidden;
  padding-bottom: 50px;
}
.shop-page-area .single-listed-product .single-product .product-img img:hover {
  opacity: .9;
}
.shop-page-area .single-listed-product .listed-product-details h3 {
  margin-bottom: 10px;
}
.shop-page-area .single-listed-product .listed-product-details h3 a {
  display: block;
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease 0s;
}
.shop-page-area .single-listed-product .listed-product-details h3 a:hover {
  color: #91091a;
}
.shop-page-area .single-listed-product .listed-product-details span {
  font-weight: bold;
  color: #91091a;
  font-family: 'Raleway', sans-serif;
  margin-bottom: 10px;
  display: block;
}
.shop-page-area .single-listed-product .listed-product-details .product-description p {
  line-height: 25px;
}
.shop-page-area .single-listed-product .listed-product-details .product-description a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #000000;
  font-weight: 600;
  float: right;
}
.shop-page-area .single-listed-product .listed-product-details .product-description a:hover {
  background: #688D26;
}
.shop-page-area .single-listed-product .listed-product-details .listed-product-action ul {
  background: #91091a;
  display: inline-block;
}
.shop-page-area .single-listed-product .listed-product-details .listed-product-action ul li {
  display: inline-block;
  border-right: 1px solid #ededed;
}
.shop-page-area .single-listed-product .listed-product-details .listed-product-action ul li a {
  display: block;
  padding: 10px;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #ffffff;
  font-weight: 600;
}
.shop-page-area .single-listed-product .listed-product-details .listed-product-action ul:hover {
  background: #688D26;
}
.shop-page-area .sidebar-area {
  margin-bottom: 60px;
  margin-top: 20px;
}
.shop-page-area .sidebar-area .single-sidebar h3 {
  font-weight: 600;
  text-transform: uppercase;
  color: #0e0e0e;
  position: relative;
  font-size: 22px;
}
.shop-page-area .sidebar-area .single-sidebar h3:after {
  background: #91091a;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  top: 45px;
  width: 50px;
}
.shop-page-area .sidebar-area .single-sidebar .sidebar-search {
  overflow: hidden;
  position: relative;
  padding-top: 20px;
}
.shop-page-area .sidebar-area .single-sidebar .sidebar-search input {
  border: 1px solid #91091a;
  color: #000000;
  padding: 10px;
  width: 100%;
}
.shop-page-area .sidebar-area .single-sidebar .sidebar-search button {
  background: #91091a;
  border: medium none;
  color: #ffffff;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 999;
}
.shop-page-area .sidebar-area .Category-list {
  padding-top: 10px;
}
.shop-page-area .sidebar-area .Category-list ul li {
  border-bottom: 1px solid #ededed;
}
.shop-page-area .sidebar-area .Category-list ul li:last-child {
  border-bottom: 0;
}
.shop-page-area .sidebar-area .Category-list ul li a {
  display: block;
  text-decoration: none;
  padding: 10px;
  color: #0e0e0e;
  transition: all 0.3s ease 0s;
}
.shop-page-area .sidebar-area .Category-list ul li a:hover {
  color: #91091a;
}
.shop-page-area .sidebar-area .single-item-area .image img {
  opacity: .8;
  transition: all 0.3s ease 0s;
}
.shop-page-area .sidebar-area .single-item-area .image img:hover {
  opacity: 1;
}
.shop-page-area .sidebar-area .single-item-area h4.media-heading {
  font-family: 'Lato', sans-serif;
}
.shop-page-area .sidebar-area .single-item-area h4.media-heading a {
  color: #666666;
  font-size: 14px;
  transition: all 0.3s ease 0s;
}
.shop-page-area .sidebar-area .single-item-area h4.media-heading a:hover {
  color: #91091a;
}
.shop-page-area .sidebar-area .single-item-area ul li {
  display: inline-block;
}
.shop-page-area .sidebar-area .single-item-area ul li i {
  font-size: 14px;
  color: #f7c51d;
}
.shop-page-area .sidebar-area .single-item-area p {
  font-weight: bold;
  color: #91091a;
  font-family: 'Raleway', sans-serif;
}
.shop-page-area .sidebar-area .tag-area {
  padding-top: 20px;
}
.shop-page-area .sidebar-area .tag-area ul li {
  display: inline-block;
  margin: 3px 2px;
}
.shop-page-area .sidebar-area .tag-area ul li a {
  display: block;
  padding: 8px 10px;
  background: #91091a;
  transition: all 0.3s ease 0s;
  color: #ffffff;
}
.shop-page-area .sidebar-area .tag-area ul li a:hover {
  background: #5d801e;
}
.shop-page-area .sidebar-area .cart-text {
  padding-top: 10px;
}
.product-price.single-product ul li {
  display: inline-block;
}
.product-price.single-product ul li > .spinner {
  width: 80px;
}
/*-------------------------------------
27.Single Product Area Start Here 
---------------------------------------*/
.tab-content .product-picture a img {
  width: 100%;
}
.tab-content .product-picture a img:hover {
  opacity: .7;
}
.single-product-tab {
  margin: 10px 0 0;
  border: 0px;
  overflow: hidden;
}
.single-product-tab:hover .owl-buttons {
  opacity: 1;
}
.single-product-tab .tab-image {
  border: 0px;
  text-align: center;
}
.single-product-tab .tab-image li {
  display: inline-block;
  border: 0;
}
.single-product-tab .tab-image li a {
  display: block;
  margin: 0;
  padding: 0;
}
.single-product-tab .tab-image li a img {
  width: 100%;
}
.single-product-tab .tab-image li a img:hover {
  opacity: .7;
}
.single-product-tab .owl-buttons {
  opacity: 0;
}
.single-product-tab .owl-buttons .owl-prev {
  left: -5px;
  position: absolute;
  top: 28%;
  background: #91091a !important;
  width: 30px;
  height: 30px;
  border-radius: 0 !important;
  opacity: 1!important;
}
.single-product-tab .owl-buttons .owl-prev i {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
.single-product-tab .owl-buttons .owl-next {
  right: -5px;
  position: absolute;
  top: 28%;
  background: #91091a !important;
  width: 30px;
  height: 30px;
  border-radius: 0 !important;
  opacity: 1!important;
}
.single-product-tab .owl-buttons .owl-next i {
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
}
#product-1 a {
  display: none;
}
#product-1 a.active {
  display: block;
}
.single-product-details-area {
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
}
.single-product-details-area h3 {
  margin: 0;
  color: #000000;
  font-size: 24px;
  transition: all 0.3s ease 0s;
}
.single-product-details-area h3:hover {
  color: #91091a;
}
.single-product-details-area ul li {
  display: inline-block;
}
.single-product-details-area ul li i {
  font-size: 14px;
  color: #f7c51d;
}
.single-product-details-area p {
  font-weight: bold;
  font-size: 18px;
  color: #91091a;
  font-family: 'Raleway', sans-serif;
}
.single-product-details-area span {
  margin: 0;
  color: #000000;
  font-size: 18px;
  transition: all 0.3s ease 0s;
  font-weight: 600;
}
.content-area {
  border-bottom: 1px solid #ededed;
  margin: 15px 0;
}
.content-area .text {
  margin: 10px 0;
}
.product-price {
  position: relative;
  overflow: hidden;
}
.product-price.single-product {
  border: medium none;
  min-height: auto;
}
.product-price.single-product .product-info {
  opacity: 1;
  left: 130px;
  top: 0px;
  transform: none;
}
.product-price.single-product:hover .product-info {
  transform: scale(1.1);
}
.product-price.single-product .product-info ul,
.product-price .spinner {
  width: 200px;
}
.product-price .spinner input {
  text-align: right;
}
.product-price .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.product-price .input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
  height: 22px;
}
.product-price .input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.product-price .input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.product-price .input-group-btn-vertical i {
  position: absolute;
  top: 0;
  left: 4px;
}
.product-price .form-control {
  height: 42px;
}
.add-cart a {
  background: #8abf00 none repeat scroll 0 0;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  padding: 9px;
  position: absolute;
  left: 90px;
  text-transform: uppercase;
  top: 0;
  z-index: 999;
}
.add-cart a:hover {
  background: #688D26;
}
.product-overview-area {
  padding: 65px 0;
}
.others {
  padding: 20px 0 0 0;
}
.others p {
  margin-bottom: 0;
}
.others p span {
  font-weight: 600;
  font-size: 16px;
  color: #000000;
}
.product-tab-area ul.tablist-area {
  text-align: center;
}
.product-tab-area ul.tablist-area li {
  display: inline-block;
}
.product-tab-area ul.tablist-area li a {
  color: #000000;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  text-transform: uppercase;
}
.product-tab-area ul.tablist-area li a:hover {
  color: #91091a;
}
.product-tab-area .tab-content {
  margin-top: 30px;
}
.related-product-area {
  padding: 60px 0;
}
.related-product-area h3 {
  color: #111111;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  margin-left: 15px;
}
.related-product-area .single-product-area {
  margin: 15px;
}
.related-product-area .related-product:after {
  background: #e1e1e1 none repeat scroll 0 0;
  content: "";
  height: 2px;
  left: 35%;
  margin: auto;
  position: absolute;
  top: -39px;
  width: 64%;
}
.related-product-area .related-product .product-content {
  margin: 20px 0 0;
}
.related-product-area .related-product .product-content h3 {
  margin: 0px;
  font-size: 18px;
}
.related-product-area .related-product .product-content h3 a {
  display: block;
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease 0s;
}
.related-product-area .related-product .product-content h3 a:hover {
  color: #91091a;
}
.related-product-area .related-product .product-content ul li {
  display: inline-block;
}
.related-product-area .related-product .product-content ul li i {
  font-size: 14px;
  color: #f7c51d;
}
.related-product-area .related-product .product-content p {
  font-weight: bold;
  color: #91091a;
  font-family: 'Raleway', sans-serif;
}
.related-product-area .related-product .single-product {
  position: relative;
  overflow: hidden;
}
.related-product-area .related-product .single-product img {
  width: 100%;
}
.related-product-area .related-product .single-product:hover img {
  transform: scale(1.03);
  width: 100%;
}
.related-product-area .related-product .single-product:hover .shop-overley {
  opacity: 1;
  transform: scaleY(1);
}
.related-product-area .related-product .single-product a {
  display: block;
  position: relative;
  overflow: hidden;
}
.related-product-area .related-product .single-product .shop-overley {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(168, 210, 94, 0.9);
  transition: all 0.3s ease 0s;
  opacity: 0;
  overflow: hidden;
  transform: scaleY(0);
  transform-origin: 0;
}
.related-product-area .related-product .single-product .shop-overley .social-media-area {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  top: 40%;
  bottom: 0;
}
.related-product-area .related-product .single-product .shop-overley .social-media-area ul {
  text-align: center;
}
.related-product-area .related-product .single-product .shop-overley .social-media-area ul li {
  display: inline-block;
  margin: 5px;
}
.related-product-area .related-product .single-product .shop-overley .social-media-area ul li a {
  display: block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #000000;
  background: #ffffff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  transition: all 0.3s ease 0s;
}
.related-product-area .related-product .single-product .shop-overley .social-media-area ul li a:hover {
  background: #91091a;
  color: #ffffff;
}
.related-product-area .owl-buttons {
  left: 305px;
  position: absolute;
  top: -60px;
}
.related-product-area .owl-buttons div {
  background: #91091a !important;
  width: 35px;
  height: 35px;
  border-radius: 0 !important;
  opacity: 1!important;
  margin: 2px !important;
}
.related-product-area .owl-buttons div:hover {
  background: #000000!important;
}
.related-product-area .owl-buttons div i {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}
.single-product .sidebar-area {
  margin-top: 0px !important;
}
/*-------------------------------------------
29.Checkout Page Area
-------------------------------------------*/
.checkout-page-area {
  padding: 30px 0 30px;
}
.checkout {
  display: block;
  margin: 150px 0 0;
}
.total-area {
  border: none;
}
.panel.panel-default {
  border: medium none;
  margin-bottom: 7px;
}
.panel-heading {
  padding: 0px !important;
}
span.number {
  background: #8abf00 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 {
  color: #555555;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.left-checkout p {
  font-size: 1.08em;
  margin: 0 0 10px 0;
}
.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-top: 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: #688D26;
}
.right-checkout {
  float: right;
  width: 48%;
  margin-left: 1%;
}
.right-checkout h3 {
  color: #555555;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.right-checkout ul.form-list .input-box .input-text.required-entry {
  width: 317px;
  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;
  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: #688D26;
}
.right-checkout a.f-left {
  margin-left: 10px;
}
.billing-information ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 0 0;
  margin-top: 10px;
}
.checkout-progress > h2 {
  color: inherit;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.checkout-progress li.not-completed:after {
  content: "";
}
.checkout-progress li:after {
  color: #8abf00;
  content: "\f00c";
  display: block;
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  top: 40px;
  margin-left: -10px;
}
.checkout-progress li {
  border-bottom: 2px solid #8abf00;
  color: #666666;
  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: #688D26;
}
.checkout-progress li i {
  color: #666;
  padding: 0 10px 0 0;
}
.checkout-progress p{
  padding: 0px 20px 0px 20px;
	text-align:justify;
}
.checkout-process > h3 {    /*  Checkout PROCESS Begins Here!!  */
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.checkout-process li.not-completed:after {
  content: "";
}
.checkout-process li:after {
  color: #8abf00;
  content: "\f00c";
  display: block;
  font-family: FontAwesome;
  font-size: 18px;
  position: absolute;
  top: 40px;
  margin-left: -10px;
}
.checkout-process li {
  color: #666666;
  font-size: 1.08em;
  font-weight: normal;
  margin: 0 25px;
  text-transform: capitalize;
	margin-bottom: 10px;
}
.checkout-process li:last-child {
  border-bottom: none;
	margin-bottom: 30px;
}
.checkout-process li:last-child a {
  color: #777777;
}
.checkout-process li a {
  color: #071041;
  display: block;
  padding: 15px;
}
.checkout-process li a:hover {
  color: #688D26;
}
.checkout-process li i {
  color: #666;
  padding: 0 10px 0 0;
}

.billing-information ul.form-list li .input-box .input-text.required-entry {
  width: 317px;
  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: 317px;
  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: #688D26;
}
.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: #ffffff none repeat scroll 0 0 !important;
  display: block;
  overflow: hidden;
  padding: 5px;
}
.button-area button.button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #8abf00;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.button-area button.button:hover {
  background: #688D26;
}
p.f-left {
  display: inline;
  padding: 0 0 0 10px;
}
.radio {
  display: inline-block;
}
em {
  color: #ff0000;
  margin: 0 10px 0 0;
}
/*-----------------------------------------
30.Cart Page Area 
------------------------------------------*/
.cart-page-area,
.total-wishlist-area,
.checkout-page-area {
  padding: 100px 0px;
}
.cart-page > h2 {
  color: #555;
  display: inline-block;
  margin: 0;
  font-size: 1.91em;
  font-weight: normal;
  margin: 0 0 16px;
}
.cart-page h2 {
  font-size: 30px;
  font-weight: 400;
  padding: 0 0 20px;
}
.table-button-area {
  border: 0 solid #ededed;
  clear: both;
  margin: 10px 0 50px;
  overflow: hidden;
  padding: 10px 0;
}
.cart-page tbody tr td img.shop-image {
  height: auto;
  height: 80px;
}
td.t-center .fa.fa-trash {
  color: #ff0000;
  cursor: pointer;
  display: block;
  text-align: center;
}
.cart-page .t-center {
  text-align: center;
  vertical-align: middle;
  width: 200px;
	font-size:12px;
}
.cart-page .t-center p{
	font-size:12px;
}
.t-center > a {
  display: block;
  text-align: center;
  color: #000000;
}
.t-center > a:hover {
  color: #91091a;
}
.a-center .input-text.qty {
  background: #f0f0f0 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  height: 40px;
  text-align: center;
  width: 50px;
}
.cart-page table.table tr:last-child {
  background: #fcfcfc none repeat scroll 0 0;
}
.cart-page table.table .big-td {
  max-width: 100%;
  width: 200px;
}
.table-button-left {
  width: 48%;
  margin-right: 1%;
  float: left;
}
.table-button-right {
  margin-left: 0%;
  float: right;
}
.table-button-right ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.table-button-right .button-area button.button {
  margin: 0 0 0 10px;
}
.min-area {
  margin-left: -15px;
  margin-right: -15px;
}
.single-cart-form-button .button-area button.button {
  margin: 20px 15px 10px;
}
.single-cart-form {
  border: 1px solid #dddddd;
}
.single-cart-form-title {
  padding: 20px;
}
.single-cart-form-title h3 {
  font-size: 18px;
}
.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;
  border: none;
}
.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: inherit;
  font-size: 14px;
  font-weight: 400;
  text-align: left;
}
.single-cart-form .table > tbody > tr > td.right {
  text-align: right;
  font-size: 18px;
  font-weight: normal;
}
.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;
}
.multiple-access-checkout {
  margin: 10px 0 0;
  text-align: right;
}
.multiple-access-checkout a {
  color: #000000;
}
.multiple-access-checkout a:hover {
  color: #91091a;
}
.mobile-menu-area {
  display: none;
}
.single-product .shop-page-area{
  padding: 100px 0 50px;
}
.stick .search-box-area a.search-button {
    top: 22px !important;
}
.home-2 .header-area.stick .search-box .search-button {
  top: 32px !important;
}
/*-------------------------------------
   Parallax Section 
---------------------------------------*/
.parallax {
  /* The image used 
  background-image: url("/img/parallax.jpg");*/

  /* Set a specific height 
  min-height: 300px; */

  /* Create the parallax scrolling effect */
  position: absolute;
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
	z-index: -1;
	/*top: 0;
	left: 0;*/
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-0-background-size: cover;
}
.parallax-region {
  background: transparent;
	background-size:cover;
	background-position:center;
    padding: 100px;
	margin-top:0px;margin-bottom:0px;
}
.parallax-region-top {
  background: #a09508;
  padding: 2px 0;
}
.parallax-region-bottom {
  background: #a09508;
  padding: 2px 0;
  margin-bottom: 0px;
}
/* End of Parallax Section */
/*-------------------------------------
13. Service Region Start here
---------------------------------------*/
.service-region {
  background: #91091a;
  padding: 22px 0;
}
.service-region-top {
  background: #a09508;
  padding: 2px 0;
}
.service-region-bottom {
  background: #a09508;
  padding: 2px 0;
  margin-bottom: 0px;
}
.service-region .service-region-h1 {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 60px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  margin-top: 50px;
}
.service-region .service-region-text1 {
  text-align: center;
  font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
  font-size: 24px;
  letter-spacing: 2px;
  color: #a09508;
  font-weight: 600;
  margin-top: 60px;
}
.service-region .service-region-text2 {
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 500;
  margin-top: 25px;
	margin-bottom: 50px;
}
.service-region .service-region-text2 a{
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 500;
  margin-top: 25px;
	margin-bottom: 50px;
}
.service-region .service-region-text2 a:hover{
  text-align: center;
  font-family: 'Raleway', sans-serif;
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  background-color:#a09508;
  font-weight:bolder;
  margin-top: 25px;
	margin-bottom: 50px;
}
.service-region .service-region-button {
  display: inline-block;
}
.service-region .service-region-button a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #ffffff;
  border-radius: 0;
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin: 20px;
  padding: 15px 10px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.service-region .service-region-button a:hover {
  background: #343333;
  border: 2px solid #727374;
}
.shop-page-area .show-product-area .single-product-store .product-content2 {
  margin: 18px;
}
.shop-page-area .show-product-area .single-product-store .product-content2 h3 {
  position: relative;
	margin-top: 0px;
	margin-bottom: 5px;
	color:#000000;
}
.shop-page-area .show-product-area .single-product-store .product-content2 h3:after {
  position: absolute;
  content: "";
  left: 0;
  top: 35px;
  display: block;
  background: #91091a;
  width: 50px;
  height: 3px;
	margin-top:-7px;
}
.shop-page-area .show-product-area .single-product-store .product-content2 h3 a {
  font-size: 20px;
  line-height: 33px;
  font-weight: 600;
  color: #000000;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  display: block;
}
.shop-page-area .show-product-area .single-product-store .product-content2 h3 a:hover {
  color: #91091a;
}
.shop-page-area .show-product-area .single-product-store .product-content2 ul li {
  display: inline-block;
	float:right;
	text-align:justify;
	padding-right: 15px;
	background-color:transparent;
	border:dotted #ffffff;
}
.shop-page-area .show-product-area .single-product-store .product-content2 ul li i {
  font-size: 18px;
  color: #91091a;
}
.shop-page-area .show-product-area .single-product-store .product-content2 p {
  color: #585858;
  margin-bottom: -5px;
}
/*.shop-page-area .show-product-area .single-product-store .product-content2 p:hover {
	color: #91091a;
}
.shop-page-area .show-product-area .single-product-store .product-content2 p a{
  color: #a09508;
}
.shop-page-area .show-product-area .single-product-store .product-content2 p a:hover{
  color: #91091a;
}*/
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>Add flip-box header area into shop page area/sho product area/single product store AFTER product content section */
.shop-page-area .show-product-area .single-product-store .single-product-header-area{
	height: 70px;
	/*background-color:mediumvioletred;*/
	margin-bottom: 20px;
	border-bottom:double #c1c1c1;
	padding-bottom: 20px;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-1{
	width=300px;
	float: left;
	text-align:left;
	/*background-color:aqua;*/
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	align-content:flex-start;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-2{
	width=60px;
	float: right;
	/*background-color:aquamarine;*/
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	text-align: right;
	align-content:flex-end;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-2 ul li{
	display:inline-block;
	padding-bottom: 0px;
	padding-right: 5px;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-2 ul li hover{
	color: #61BF00;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-2 ul li a{
	color: #93091a;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-2 ul li a hover{
	color: #61BF00;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-1 h8{
	color:#1A1A1A;
	font-size:16px;
	font-weight:600;
}
.shop-page-area .show-product-area .single-product-store .single-product-header-area .header-1 p{
	color:#1a1a1a;
	font-size:12px;
}
/*-------------------------------------
   Flip Container Section 
---------------------------------------*/
.flip-container { 
	position: relative;
	max-width: 280px;
	max-height: 365px;
	background: transparent;
	margin:10px;
	text-align:center;
}
.flip-container-inner {
    position: absolute;
    width: 100%;
    height: auto;
    background: transparent;
	text-align: center;
}
.flip-container-header-area {
	position:relative;
	height:70px;
	border-bottom:double #c1c1c1;
	padding-bottom: 20px;
	margin-bottom: 5px;
	background: transparent;
}
.flip-container .flip-container-header-area .header-1{
	width=300px;
	float: left;
	text-align:left;
	background: transparent;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	align-content:flex-start;
	position:relative;
}
.flip-container .flip-container-header-area .header-1 h8{
	color:#1A1A1A;
	font-size:16px;
	font-weight:600;
}
.flip-container .flip-container-header-area .header-1 p{
	color:#1a1a1a;
	font-size:12px;
}
.flip-container .flip-container-header-area .header-2{
	width=60px;
	float: right;
	/*background-color:aquamarine;*/
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	text-align: right;
	align-content:flex-end;
	position:relative;
}
.flip-container .flip-container-header-area .header-2 ul li{
	display:inline-block;
	padding-bottom: 0px;
	padding-right: 5px;
}
.flip-container .flip-container-header-area .header-2 ul li hover{
	color: #61BF00;
}
.flip-container .flip-container-header-area .header-2 ul li a{
	color: #93091a;
}
.flip-container .flip-container-header-area .header-2 ul li a hover{
	color: #61BF00;
}
.thecard {
	position: absolute;
	width: 100%;
	height: 100%;
	transform-style: preserve-3d;
	transition: all 0.85s ease;
	background: transparent;
}
.thecard:hover{
	transform: rotateY(180deg);
}
.thefront {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	background:#transparent;	
	color:#333;
}
.theback {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	background:#green;
	color: #transparent;
	transform: rotateY(180deg);
}	
.flip-container-footer-area {
	position:relative;
	height:5px;
	border-bottom: dashed #c1c1c1;
	margin-top:5px;
	background: transparent;
}
/*-------------------------------------
   .sps (single product store edited) Container Section 
---------------------------------------*/
.sps-container { 
	position: relative;
	max-width: 330px;
	height: 450px;
	background: transparent;
	text-align:center;
	margin:10px;
}
.sps-container-2 { 
	position: relative;
	max-width: 330px;
	height: 550px;
	background: transparent;
	text-align:center;
	margin:10px;
}
.sps-container-3 { 
	position: relative;
	max-width: 330px;
	height: 350px;
	background: transparent;
	text-align:center;
	margin:10px;
}
.sps-container-inner {
    position: absolute;
    width: 100%;
    height: auto;
    background: transparent;
	text-align: center;
}
.sps-header-area {
	position:relative;
	height:70px;
	border-bottom:double #c1c1c1;
	padding-bottom: 20px;
	margin-bottom: 5px;
	background: transparent;
}
.sps-header-area .sps-header-1{
	width=300px;
	float: left;
	text-align:left;
	background: transparent;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	align-content:flex-start;
	position:relative;
}
.sps-header-area .sps-header-1 h8{
	color:#1A1A1A;
	font-size:16px;
	font-weight:600;
}
.sps-header-area .sps-header-1 p{
	color:#1a1a1a;
	font-size:12px;
}
.sps-header-area .sps-header-2{
	width=60px;
	float: right;
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	text-align: right;
	align-content:flex-end;
	position:relative;
}
.sps-header-area .sps-header-2 ul li{
	display:inline-block;
	padding-bottom: 0px;
	padding-right: 5px;
}
.sps-header-area .sps-header-2 ul li hover{
	color: #61BF00;
}
.sps-header-area .sps-header-2 ul li a i{
	color: #93091a;
}
.sps-header-area .sps-header-2 i{
	color: #93091a;
}
.sps-header-area .sps-header-2 ul li a hover{
	color: #61BF00;
}
.sps-container .sps-container-2 .sps-container-3 .sps-container-inner .single-product {
  position: relative;
  /*overflow: hidden;
  max-width:.33;*/
  background-color: #AFAFAF;
}
.sps-container .sps-container-2 .sps-container-3 .sps-container-inner .single-product img{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	text-align:center;
}
.sps-container .sps-container-2 .sps-container-3 .sps-container-inner .single-product:hover {
  opacity: .8;
  background-color:#91091a;
}
.sps-container .sps-container-2 .sps-container-3 .sps-container-inner .single-product:hover img {
  /*transform: scale(1.03);*/
	opacity: .3;
}

/**********************************************************************************************
   The following code is for adding samples to a cart and scheduling an in-home appointment. 
***********************************************************************************************/
/* >>>>>>>>>>VAN ON NAVIGATION MENUS<<<<<<<<<<  */

/* INPUT and IMAGE styles within main menu area (BIG VAN on DESKTOP) */
.header-area .main-menu-area input{ 
	type:checkbox;
	value:yes;
	display:none;
}
.header-area .main-menu-area img{
	width:90px; 
	height:50px; 
	cursor:pointer; 
	vertical-align:bottom; 
	/*src:url(https://dec-usa.com/dnb/fourjay/img/unchecked-checkbox.png);*/
	onclick="CartUpdate1()";
}
/* INPUT and IMAGE styles within mobile menu area (SMALLER VAN on MOBILE) */
.mobile-menu-area .navbar-mobile-sticky input{ 
	type:checkbox;
	value:yes;
	display:none;
}
.mobile-menu-area .navbar-mobile-sticky img{
	width:50px; 
	height:26.5px; 
	cursor:pointer; 
	vertical-align:bottom; 
	/*src:url(https://dec-usa.com/dnb/fourjay/img/unchecked-checkbox.png);
	onclick="CartUpdate2()";*/
}

/* >>>>>>>>>>VAN ON INDIVIDUAL SAMPLES<<<<<<<<<<  */

/* Unique ADD TO VAN for samples in Our Work section of home page */
.home-latest-project .tab-content-area .latest-project .single-project .project-overley input {
	type: checkbox; 
	value: yes;
	display: none;
}
.home-latest-project .tab-content-area .latest-project .single-project .project-overley img {
	width:50px; 
	height:25px; 
	cursor:pointer; 
	/*vertical-align:bottom;*/
	src:url(/img/unchecked-checkbox.png);
	position: absolute;
	right: 10%;
	top: 25%;	
}
/* ADD TO VAN for all other individual samples */
.shop-page-area .show-product-area ..category-product .tab-content .sps-container-2 .sps-container-inner .sps-header-area .sps-header-2 input {
	type: checkbox; 
	value: yes;
	display: none;
}
.shop-page-area .show-product-area ..category-product .tab-content .sps-container-2 .sps-container-inner .sps-header-area .sps-header-2 img {
	width:50px; 
	height:25px; 
	cursor:pointer; 
	/*vertical-align:bottom;*/
	src:url(/img/unchecked-checkbox.png);
	position: absolute;
	right: 10%;
	top: 25%;	
}
/* ----------------------------------------------------------------------------- */

/* Mega Menu Buttons (clear & submit/checkout) */
.header-area .main-menu-area .mega-menu-area button{
	background: transparent;
	border: 2px solid #ffffff;
	color: #ffffff;
	padding: 10px 20px;
	margin: 20px;
	text-transform:uppercase;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.36),0px 3px 6px rgba(0,0,0,0.33);
}
.header-area .main-menu-area .mega-menu-area button:hover{
	border: 2px solid #a09508;
	background: #323131;
	font-weight:bolder;
}

/* ************************************************
     Van Modal style for mobile van with samples 
***************************************************/
/*<style>
body+ {font-family: Arial, Helvetica, sans-serif;}

/ The Van Modal (background) /
.van-modal {
	display: none; / Hidden by default /
	position: fixed; / Stay in place /
	z-index: 1; / Sit on top /
	padding: 100px 20px 20px 20px; / Location of the box /
	left: 0;
	top: 0;
	width: 100%; / Full width /
	height: 100%; / Full height /
	overflow: auto; / Enable scroll if needed /
	background-color: rgb(0,0,0); / Fallback color / 
	background-color: rgba(0,0,0,0.4); / Black w/ opacity /
	border: 1px solid #68fc00;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16),0px 3px 6px rgba(0,0,0,0.23);
}
/ Van Modal Content /
.van-modal-content {
	color: #ffffff;
	margin: 20px;
	padding: 20px;
	border: 1px solid #888;
	width: 80%;	
}*/


/*****************************************************
   Mobile Apps Sticky Navigation Menu  
******************************************************/

.mobile-menu-area .navbar-mobile-sticky {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	initial-scale: 1;
	box-sizing: border-box;
	padding: 0px;
	box-shadow: 0px 3px 6px rgba(0,0,0,0.16),0px 3px 6px rgba(0,0,0,0.23);
	z-index: 999;
}
.mobile-menu-area .navbar-mobile-sticky .navbar-mobile-logo-area img{
	display: block;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	background-color: #EBEBEB;
	margin-top: 5px;
}  
.mobile-menu-area .navbar-mobile-sticky ul{
	list-style-type: none;
	margin-top: 1px;
	margin-bottom: 7px;
	padding: 7px;
	overflow: hidden;
	background-color: #000000;
	border-color:#0B9F1C;
}
.mobile-menu-area .navbar-mobile-sticky li{
	float: left;
}
.mobile-menu-area .navbar-mobile-sticky li a{
	display: inline-block;   /* formerly was inline-flex, then just block */
	color: #ffffff;
	text-align: center;
	padding: 10px;
	text-decoration: none;
}
.mobile-menu-area .navbar-mobile-sticky li a:hover{
	color: #a09508;
	/*background-color: #ABABAB;*/
}

/*****************************************************
   Anchor points to correct placement of top of page
   & also when linking to a section on the page.
******************************************************/

/* >>> used on mobile but also on contact section for desktop << */
.anchor1 {
	display: block;
	height: 100px;  /* same height as header */
	margin-top: -100px; /* same height as header */
	visibility: hidden;
}
.anchor2 {
	display: block;
	height: 80px;  /* same height as header */
	margin-top: -100px; /* same height as header */
	visibility: hidden;
}
.anchor3 {
	display: block;
	height: 150px;  /* same height as header */
	margin-top: -150px; /* same height as header */
	visibility: hidden;
}
/* >>> used on mobile before slider section << */
.mobile-menu-area .navbar-mobile-sticky .mobile-slider-anchor{
	position: relative;	
	top:110px;
}
.mobile-menu-area .navbar-mobile-sticky .mobile-slider-anchor a{
	position: absolute;
	left: 0px;
	top:-60px;	
}

/* The Modal (background) */
.van-cart-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 10px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgba(177,40,43,1.00); /* Fallback color */
  background-color: rgba(0,0,0,0.20); /* Black w/ opacity */
}

/* Modal Content */
.van-cart-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}
.van-cart-modal-content p{
	padding: 7px;
}

/* The Close Button 
.close {
  color: #000000;
  float: right;
  font-size: 20px;
  font-weight: bold;
  border: 2px solid #000000;
  border-radius: 5px;
  padding:10px;
  margin-bottom: 10px;
}

/ The Close Button /
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}*/

.van-cart-modal-header{
	background-color:#91091A;
	border: 1px solid #D3D3D3;
	margin-bottom: 10px;
}
.van-cart-modal-header h6{
	margin:0px;
	padding: 10px;
	font-family: 'Raleway', sans-serif;
	line-height: 1.5;
	font-weight: 400;
	font-size:18px;
	color:#ffffff;
	text-align:center;
}
.van-cart-modal-footer{
	background-color:#ffffff;
	margin-top:20px;
	padding: 20px;
	border-top: 1px solid #D3D3D3;
	margin-bottom: 20px;
	color: #91091A;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #000;
  width: 80%;
}

.modal-content p{
	padding: 10px;
}

/* Modal Header */
.modal-header {
  background-color: #91091a;
  color: #ffffff;
	font-weight: bolder;
  margin-bottom: 10px;
  padding: 10px;
  border: 1px solid #000;
  width: 100%;
	text-align: center;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

/* Modal Footer */
.modal-footer {
  background-color: transparent;  /* #f7f7f7 */
  color: #000000;
  margin-top: 20px;
  padding-bottom: 30px;
  border-top: 1px solid #dedede;
  width: 100%;
	height: 20px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

/* The Close Button */
.modal-footer .close {
  color: #000000;
  float: right;
  font-size: 18px;
  font-weight: bolder;
	border: 2px solid #000000;
	border-radius: 7px;
	padding:  7px;
	margin-bottom: 5px;
}

.modal-footer .close:hover,
.close:focus {
  color: #91091a;
  text-decoration: none;
  cursor: pointer;
}

/* Right-Checkout-Submit Button */
.right-checkout-submit {
  float: right;
  width: 48%;
  margin-left: 1%;
}
.right-checkout-submit h3 {
  color: #555555;
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.right-checkout-submit ul.form-list .input-box .input-text.required-entry {
  width: 317px;
  height: 38px;
  border-radius: 0px;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
}
.right-checkout-submit ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 5px 0;
}
.right-checkout-submit .button-area {
  padding-top: 15px;
  margin-top: 20px;
}
.right-checkout-submit .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-submit .button-area button:hover {
  background: #688D26;
}
.right-checkout-submit a.f-left {
  margin-left: 10px;
}
.footer-top-area-2 {
  background-image:url(img/footer2_background.jpg);	
  padding: 30px 0;
	margin-top:0;
	text-align:center;
	color:#000000;
	font-size:16px;
}
.footer-top-area-2 img{
  width:600px;
}
.footer-bottom-area-2 {
  background: #000000;
  padding: 20px 0;
}
.footer-bottom-area-2 .footer-bottom-2 p {
  text-align: center;
  color: #ffffff;
  margin: 0;
}
.table-responsive .t-center {
  text-align: center;
  vertical-align: middle;
  width: 200px;
}
/* ----------------------------------------------------------------
	Forms
-----------------------------------------------------------------*/
.sm-form-control {
	display: block;
	width: 100%;
	height: 38px;
	padding: 8px 14px;
	font-size: 15px;
	line-height: 1.42857143;
	color: #555555;
	background-color: #ffffff;
	background-image: none;
	border: 2px solid #DDD;
	border-radius: 0 !important;
	-webkit-transition: border-color ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s;
	transition: border-color ease-in-out .15s;
}
.sm-form-control:focus {
	border-color: #AAA;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.sm-form-control::-moz-placeholder {
	color: #999;
	opacity: 1;
}
.sm-form-control:-ms-input-placeholder { color: #999; }
.sm-form-control::-webkit-input-placeholder { color: #999; }
.sm-form-control[disabled],
.sm-form-control[readonly],
fieldset[disabled] .sm-form-control {
	cursor: not-allowed;
	background-color: #eeeeee;
	opacity: 1;
}
.sm-form-control { height: auto; }

/* ----------------------------------------------------------------
	New Checkout Section
-----------------------------------------------------------------*/
.checkout-section-header {
	background-color: #f5f5f5;     /*#8abf00;*/
	height: 60px;
	width:100%;
	margin-top:50px;
	margin-bottom:20px;
	padding:15px 0px 15px 50px;
}
.checkout-section-header h3{
	font-size:20px;
	font-weight:bold;
}
.checkout-section-info {
	margin:20px;
	font-size: 14px;
	color: #888;
}
.checkout-section-info .button-area{
	text-align:center;
}
/*.checkout-section-info .button-area button {
  clear: both;
  padding: 10px;
  background: #8abf00;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.checkout-section-info .button-area button:hover {
  background: #688D26;
}*/
.checkout-section-info .button-area input{
	width:250px; 
	height:50px; 
	border:thin solid #a9a9a9; 
	/*box-shadow:6px 9px 18px #989898; */
	color:#ffffff; 
	font-weight:bold; 
	text-align:center; 
	background-color:#8abf00;
}
.checkout-section-info .button-area input:hover{
	background-color: #688D26;
}
/* ----------------------------------------------------------------
	Side Navigation for Samples - Mobile Menu
-----------------------------------------------------------------*/
.sidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 1; /* Stay on top */
  top: 0; /* Stay at the top */
  left: 0;
  background-color: #111; /* Black*/
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 18px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
  color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left .5s;
  padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {
#content-desktop {display: none;}
#content-mobile {display: block;}

}

</style>