@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700|Open+Sans:300,400,600,700,800|Poppins:300,400,500,600,700');
/*-----------------------------------------------------------------------------------

    Template Name: Fabric is an e-Commerce HTML Template.
    Template URI: https://spellbit.com/
    Description: Fabric is an e-Commerce PSD Template that is designed to build modern, responsive and user friendly e-Commerce site easily.
    Author: bootscore
    Author URI: https://spellbit.com/
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
        1.1 Reset CSS
    2.Header Area Start Here 
    03. Start Slider Area
    04.Fashion Collection Start Here
    05.Start Feature Product
    06.Product-testimonial Start Here
    07.New Arival Product Start Here
    08.Testmonial Start Here
    09.Blog Section Start Here
    10.Subscribe Area Start Here 
    11.Our Support Start Here
    12.Footer Start Here
    13.Home Two Start Here
      13.1.Product Counter Down Start Here
      13.2 Product Category Show Start Here
      13.3 Blog Two Section Start Here
      13.4 Partner Area Start Here
    14.Home Three Start Here
      14.1 Header Area Start Here
      14.2 Slider Area Start Here
      14.3 Home Three Menu start here
      14.4 Fashion Collection Static Block Start Here
      14.5 Start Feature Product
      14.6 Promo Area Start Here
      15.7 Blog Slider Start Here
    15.Breadcumb Start Here
    16.About Section Start Here
    17.Counter Area Start Here
    18.Team Start Here
    19.Shop Page Start Here
    20.Sidebar Design Start Here
    21. Pagination Area Start Here 
    22.Single Product Start Here
    23. Blog Page Start Here
    24.Single Blog Page Start Here
    25.Cart Page Start Here
    26.Checkout Page Area Start
    27.Login and Registration End Here
    28.Contact Page Start Here
    29.Error Page Start Here


-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
/*....................................
1.Theme default CSS
....................................*/
html,
body {
  height: 100%;
  font-size: 16px;
  color: #444444;
  font-family: 'Open Sans', sans-serif;
  vertical-align: baseline;
  line-height: 28px;
  font-weight: 400;
}
/* ....................................
1.1 Reset CSS 
.......................................*/
.top-head{
  background-color: #222222;
  padding: 10px;
  color: #ff5722;
}
.top-head li a{
  color: #fff;
}
.floatleft {
  float: left;
}
.floatright {
  float: right;
}
.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 26px;
}
.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 26px;
}
.aligncenter {
  display: block;
  margin: 0 auto 26px;
}
a:focus {
  outline: 0px solid;
}
img {
  max-width: 100%;
  height: auto;
}
.fix {
  overflow: hidden;
}
p {
  margin: 0 0 26px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 28px;
  font-weight: 600;
  font-family: 'Open Sans', sans-serif;
}
a {
  transition: all 0.5s ease 0s;
  text-decoration: none;
}
a:hover {
  color: #ff5722;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0 none;
  color: #7ac143;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
::-moz-selection {
  text-shadow: none;
  background: #ffffff;
}
::selection {
  background: #ffffff;
  text-shadow: none;
}
.browserupgrade {
  margin: 26px  0;
  background: #ff5722;
  color: #333333;
  padding: 26px 0;
}
.acurate {
  margin: 0;
  padding: 0;
}
.padding {
  padding: 30px;
}
.padding-top {
  padding-top: 30px;
}
.padding-bottom {
  padding-bottom: 30px;
}
.mobile-menu-area {
  display: none;
}
.mean-container .mean-nav {
  position: absolute;
  top: 100%;
}
.section-title {
  text-align: center;
  overflow: hidden;
}
.section-title h2 {
  font-size: 24px;
  color: #222222;
  font-weight: bold;
  position: relative;
}
.section-title h2:after {
  position: absolute;
  left: 40%;
  right: 0;
  margin: auto;
  text-align: center;
  height: 3px;
  width: 100%;
  content: "";
  background: url(images/line.png) no-repeat;
  bottom: -13px;
}
.section-title2 {
  text-align: left;
  overflow: hidden;
}
.section-title2 h2 {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
  position: relative;
}
.contactlink{
  line-height: 45px;
}
.section-title2 h2:after {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  height: 3px;
  width: 100%;
  content: "";
  background: url(images/line.png) no-repeat;
  bottom: -13px;
}
.section-title3 {
  text-align: center;
  overflow: hidden;
}
.section-title3 h2 {
  font-size: 24px;
  color: #222222;
  font-weight: 600;
  position: relative;
  font-family: 'Josefin Sans', sans-serif;
}
.section-title3 h2:after {
  position: absolute;
  left: 0px;
  right: 0;
  margin: auto;
  text-align: center;
  content: "";
  background: url(images/line3.png) no-repeat;
  bottom: -20px;
  height: 10px;
  background-position: center;
}
.read-more {
  display: inline-block;
}
.read-more a {
  font-size: 16px;
  display: block;
  padding: 12px 30px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fffffff;
}
.read-more a:hover {
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
/*.....................................
2.Header Area Start Here 
.......................................*/
header {
  background: #ffffff;
}
header .logo-area {
  padding-top: 28px;
  width: 280px;
}
header .logo-area a {
  display: block;
}
header .main-menu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
header .main-menu ul li {
  display: inline-block;
  padding: 30px 10px;
  position: relative;
  /* Dropdown Menu area */
}
header .main-menu ul li.megamenu:hover .mega-menu-area {
  transform: scaleY(1);
  opacity: 1;
}
header .main-menu ul li.megamenu .mega-menu-area {
  background: #2c2c2c none repeat scroll 0 0;
  left: -100%;
  opacity: 0;
  padding: 40px 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 790px;
  z-index: 9;
  margin-top: -2px;
  top: 100%;
}
header .main-menu ul li.megamenu .mega-menu-area .single-mega-menu {
  float: left;
  width: 25%;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
header .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a {
  color: #cfcfcf;
  display: block;
  font-size: 14px;
  padding: 0 0 5px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
header .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a:hover {
  color: #ffffff;
  padding-left: 7px;
}
header .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  font-weight: 600;
  transition: all 0.5s ease 0s;
  font-size: 14px;
}
header .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff5722;
  content: "";
  bottom: 0;
  margin: auto;
}
header .main-menu ul li.active a {
  color: #ff5722;
}
header .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff5722;
  content: "";
  bottom: 0;
  margin: auto;
}
header .main-menu ul li:hover a {
  color: #ff5722;
}
header .main-menu ul li:after {
  position: absolute;
}
header .main-menu ul li ul {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
header .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0;
}
header .main-menu ul li ul li:after {
  display: none;
}
header .main-menu ul li ul li:last-child {
  border-bottom: 0;
}
header .main-menu ul li ul li a {
  display: block;
  padding: 6px 11px;
  text-transform: none;
  transition: all 0.5s ease 0s;
  color: #ffffff !important;
  font-size: 14px;
}
header .main-menu ul li ul li a:hover {
  padding-left: 30px;
  color: #ff5722 !important;
}
header .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
header .header-right {
  position: relative;
}
header .header-right ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
header .header-right ul li {
  display: inline-block;
  padding: 30px 20px;
  position: relative;
}
header .header-right ul li .search {
  position: relative;
}
header .header-right ul li .search:hover .search-area {
  opacity: 1;
  transition: all 0.5s ease 0s;
  transform: scaleY(1);
}
header .header-right ul li .search .search-area {
  position: absolute;
  top: 20px;
  right: 0;
  width: 127px;
  z-index: 99 !important;
  opacity: 0;
  transition: all 0.5s ease 0s;
  transform: scaleY(0);
}
header .header-right ul li .search .search-area form .form-group {
  position: relative;
  overflow: hidden;
}
header .header-right ul li .search .search-area form .form-group input {
  width: 100%;
  border: 1px solid #dddddd;
  color: #333333;
  height: 37px;
}
header .header-right ul li .search .search-area form .form-group span {
  position: absolute;
  right: 10px;
  top: 7px;
}
header .header-right ul li > .cart {
  position: relative;
}
header .header-right ul li > .cart:hover .cart-area {
  max-height: 3000px;
  max-width: 3000px;
  opacity: 1;
  visibility: visible;
  transform: perspective(600px) rotateX(0deg);
  transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
  z-index: 9999999;
}
header .header-right ul li > .cart a > span {
  position: absolute;
  top: -3px;
  right: -12px;
  background: #000000;
  color: #ffffff;
  width: 17px;
  height: 17px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 18px;
  text-align: center;
  margin: auto;
  font-size: 10px;
}
header .header-right ul li > .cart .cart-area {
  width: 250px;
  top: 0px;
  margin-top: 25px;
  right: -10px;
  background: #f5f5f5;
  z-index: 9 !important;
  visibility: visible;
  text-align: left;
  padding: 15px;
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  max-height: 0;
  max-width: 0;
  transform: perspective(600px) rotateX(-90deg);
  transform-origin: 0 0 0;
  transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
  opacity: 0;
  visibility: hidden;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media {
  border-bottom: 1px solid #ededed;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media:last-child {
  border-bottom: none;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .pull-left {
  margin-right: 0px;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .pull-left img {
  transition: all 0.5s ease 0s;
  width: 80px;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .pull-left img:hover {
  opacity: .9;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .media-body {
  position: relative;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .media-body h4 a {
  color: #777777;
  transition: all 0.5s ease 0s;
  display: block;
  margin-top: 0px;
  font-weight: 800;
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 0;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .media-body h4 a:hover {
  color: #333333;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .media-body span {
  position: absolute;
  top: -5px;
  right: 0px;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .media-body span i {
  color: #333333;
}
header .header-right ul li > .cart .cart-area .mini-single-product .media .media-body p {
  font-size: 12px;
  font-weight: 300;
}
header .header-right ul li > .cart .cart-area .mini-single-product .total {
  font-weight: 600;
  color: #000000;
}
header .header-right ul li > .cart .cart-area .mini-single-product .total p {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
header .header-right ul li > .cart .cart-area .mini-single-product .total p span {
  font-weight: 800;
  float: right;
}
header .header-right ul li > .cart .cart-area .mini-single-product .button-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
header .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
header .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li:last-child {
  float: right;
}
header .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li a {
  color: #777777;
  transition: all 0.5s ease 0s;
}
header .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li a:hover {
  color: #000000;
}
header .header-right ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  font-weight: 500;
  transition: all 0.5s ease 0s;
}
header .header-right ul li:hover a {
  color: #ff5722;
}
/*----------------------------------------
 03. Start Slider Area
----------------------------------------*/
.slider-area .preview-2 .nivo-directionNav a.nivo-prevNav:hover:before {
  background: #525252;
  color: #ffffff !important;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 50px;
  transition: all 0.5s ease 0s;
}
.slider-area .preview-2 .nivo-directionNav a.nivo-prevNav:before {
  color: #333333 !important;
}
.slider-area .preview-2 .nivo-directionNav a.nivo-nextNav:hover:before {
  background: #525252;
  color: #ffffff !important;
  width: 50px;
  height: 50px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 50px;
  transition: all 0.5s ease 0s;
}
.slider-area .preview-2 .nivo-directionNav a.nivo-nextNav:before {
  color: #333333 !important;
}
.slider-area .slider-1 .title-container {
  text-align: right;
  padding-right: 15%;
}
.slider-area .slider-1 .title-container h1 {
  font-size: 72px;
  color: #000000;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 700;
}
.slider-area .slider-1 .title-container h1 span {
  color: #ff5722;
}
.slider-area .slider-1 .title-container div.title2 {
  font-size: 18px;
  color: #000000;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 0 0 59%;
}
.slider-area .slider-1 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-1 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-1 .title-container div.slider-botton ul li.acitve a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area .slider-1 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #000000;
  border: 1px solid #000000;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
}
.slider-area .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area .slider-2 h1 {
  font-size: 72px;
  color: #000000;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 700;
}
.slider-area .slider-2 h1 span {
  color: #ff5722;
}
.slider-area .slider-2 div.title2 {
  font-size: 18px;
  color: #000000;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 30%;
  text-align: center;
}
.slider-area .slider-2 div.slider-botton {
  display: block;
  margin-top: 30px;
  margin-left: 0px;
}
.slider-area .slider-2 div.slider-botton ul li {
  display: inline-block;
}
.slider-area .slider-2 div.slider-botton ul li:first-child {
  margin-right: 10px;
}
.slider-area .slider-2 div.slider-botton ul li.active {
  margin-right: 5px;
}
.slider-area .slider-2 div.slider-botton ul li.acitve a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area .slider-2 div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #000000;
  border: 1px solid #000000;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
}
.slider-area .slider-2 div.slider-botton ul li a:hover {
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area .slider-3 .title-container {
  text-align: left;
  padding-left: 15%;
}
.slider-area .slider-3 .title-container h1 {
  font-size: 72px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 700;
}
.slider-area .slider-3 .title-container h1 span {
  color: #3e92a3;
}
.slider-area .slider-3.color-two .title-container h1 span {
  color: #7ac143 !important;
}
.slider-area .slider-3 .title-container div.title2 {
  font-size: 18px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 50% 0 0;
}
.slider-area .slider-3 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area .slider-3 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area .slider-3 .title-container div.slider-botton ul li.acitve a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area .slider-3.color-two .title-container div.slider-botton ul li.acitve a {
  background: #7ac143;
  border: none;
}
.slider-area .slider-3.color-two .title-container div.slider-botton ul li.acitve a:hover {
  background: #427e14;
  border: none;
}
.slider-area .slider-3 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
}
.slider-area .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two .slider-1 .title-container {
  text-align: right;
  padding-right: 15%;
}
.slider-area.slider-area-two .slider-1 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two .slider-1 .title-container h1 span {
  color: #7ac143;
}
.slider-area.slider-area-two .slider-1 .title-container div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 0 0 50%;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li.acitve a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #7ac143;
  border: 1px solid #7ac143;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
}
.slider-area.slider-area-two .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #7ac143;
  border: 1px solid #7ac143;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area.slider-area-two .slider-3 .title-container {
  text-align: left;
  padding-left: 15%;
}
.slider-area.slider-area-two .slider-3 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two .slider-3 .title-container h1 span {
  color: #7ac143;
}
.slider-area.slider-area-two .slider-3 .title-container div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 50% 0 0;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li.acitve a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #7ac143;
  border: 1px solid #7ac143;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
}
.slider-area.slider-area-two .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #7ac143;
  border: 1px solid #7ac143;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container {
  text-align: right;
  padding-right: 15%;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 0 0 50%;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li.acitve a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #3e92a3;
  border: 1px solid #3e92a3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
}
.slider-area.slider-area-two.slider-area-three .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container {
  text-align: left;
  padding-left: 15%;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container h1 {
  font-size: 60px;
  color: #ffffff;
  line-height: 1.55;
  letter-spacing: 0px;
  margin: 15px 0 0;
  font-weight: 600;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.title2 {
  font-size: 16px;
  color: #ffffff;
  padding: 0;
  font-weight: normal;
  line-height: 1.5;
  padding: 0 50% 0 0;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton {
  display: block;
  margin-top: 50px;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li {
  display: inline-block;
  margin-right: 10px;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li.acitve a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #3e92a3;
  border: 1px solid #3e92a3;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li a {
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  border: 1px solid #ffffff;
  transition: all 0.5s ease 0s;
  font-weight: 700;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-transform: uppercase;
  font-size: 16px;
}
.slider-area.slider-area-two.slider-area-three .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #fffffff;
}
/* ------------------------------------
04.Fashion Collection Start Here 
---------------------------------------*/
.fashion-collection-area {
  padding: 100px 0;
}
.fashion-collection-area .maen-wear {
  margin-bottom: 10px;
}
.fashion-collection-area .maen-wear .images {
  position: relative;
  overflow: hidden;
}
.fashion-collection-area .maen-wear .images:hover .overley {
  transform: scale(1);
  opacity: 1;
}
.fashion-collection-area .maen-wear .images a img {
  display: block;
}
.fashion-collection-area .maen-wear .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(2);
  opacity: 0;
}
.fashion-collection-area .maen-wear .images .overley .information {
  position: relative;
  top: 44%;
  transform: rotateY(-50px);
}
.fashion-collection-area .maen-wear .images .overley .information h3 {
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
  background: rgba(255, 87, 34, 0.5);
  padding: 10px;
}
.fashion-collection-area .men-shoes {
  margin-right: 5px;
}
.fashion-collection-area .men-shoes .images {
  position: relative;
  overflow: hidden;
}
.fashion-collection-area .men-shoes .images:hover .overley {
  transform: scale(1);
  opacity: 1;
}
.fashion-collection-area .men-shoes .images a img {
  display: block;
}
.fashion-collection-area .men-shoes .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(2);
  opacity: 0;
}
.fashion-collection-area .men-shoes .images .overley .information {
  position: relative;
  top: 40%;
  transform: rotateY(-50px);
}
.fashion-collection-area .men-shoes .images .overley .information h3 {
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
  background: rgba(255, 87, 34, 0.5);
  padding: 10px;
}
.fashion-collection-area .men-belt {
  margin-left: 5px;
}
.fashion-collection-area .men-belt .images {
  position: relative;
  overflow: hidden;
}
.fashion-collection-area .men-belt .images:hover .overley {
  transform: scale(1);
  opacity: 1;
}
.fashion-collection-area .men-belt .images a img {
  display: block;
}
.fashion-collection-area .men-belt .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(2);
  opacity: 0;
}
.fashion-collection-area .men-belt .images .overley .information {
  position: relative;
  top: 30%;
  transform: rotateY(-50px);
}
.fashion-collection-area .men-belt .images .overley .information h3 {
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
  background: rgba(255, 87, 34, 0.5);
  padding: 10px;
}
.fashion-collection-area .best-collection {
  background: url(images/shop/fashion/4.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 135px 35px;
}
.fashion-collection-area .best-collection .collect-details h2 {
  font-size: 30px;
  color: #222222;
}
.fashion-collection-area .best-collection .collect-details p {
  color: #222222;
  font-size: 16px;
  padding-right: 400px;
}
.fashion-collection-area .best-collection .collect-details .read-more a {
  background: #ff5722;
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 7px 30px;
  text-transform: uppercase;
  margin-top: 0px;
}
.fashion-collection-area .best-collection .collect-details .read-more a:hover {
  color: #fff;
  background: #eb4f1e;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
/*----------------------------------------
05.Start Feature Product
----------------------------------------*/
#feature-product {
  padding-top: 100px;
}
.tab-button {
  margin-bottom: 40px;
}
.tab-button ul {
  margin-top: 10px;
  text-align: center;
  border: 0px solid #cccccc;
}
.tab-button ul.nav.nav-tabs {
  margin: 0;
  padding: 0;
  text-align: center;
  border: 0px solid #cccccc;
}
.tab-button ul.nav.nav-tabs li {
  border: 2px solid #ff5722;
  color: #666666;
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  margin: 0 3px;
  border: 1px solid  #cccccc;
  color: #ffffff;
  float: inherit;
  border-radius: 0;
}
.tab-button ul.nav.nav-tabs li.active a {
  background: #ff5722;
  color: #ffffff;
  border: 1px solid #cccccc;
  margin-right: 0px;
  border-radius: 0;
}
.tab-button ul.nav.nav-tabs a {
  display: block;
  text-align: center;
  font-size: 18px;
  color: #666666;
  background: transparent;
  border: 0px;
  margin-right: 0px;
  border-radius: 0;
}
.tab-button ul.nav.nav-tabs a:hover {
  background: #ff5722;
  color: #ffffff;
  border: 0px;
}
.total-product {
  margin-left: -15px;
}
.total-product .single-product:hover .product-action {
  top: 50%;
  opacity: 1;
  visibility: visible;
  transform: translateY(-50px);
}
.total-product .single-product {
  position: relative;
  margin: 0 15px;
}
.total-product .single-product:hover .product-img {
  position: relative;
  overflow: hidden;
}
.total-product .single-product:hover .product-img img {
  transition: all 0.5s ease 0s;
}
.total-product .single-product:hover .product-img img:hover {
  transform: scale(1.2);
}
.total-product .single-product .product-img img {
  width: 100%;
}
.total-product .single-product .price {
  position: absolute;
  top: 20px;
  left: 20px;
}
.total-product .single-product .price .new-price {
  font-size: 24px;
}
.total-product .single-product .price .new-price sup {
  font-size: 14px;
}
.total-product .single-product .price .old-price {
  margin-left: 5px;
  text-decoration: line-through;
}
.total-product .single-product .product-action {
  top: 0;
  left: 0;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0%;
  transform: translateY(50%);
}
.total-product .single-product .product-action ul {
  text-align: center;
  position: relative;
}
.total-product .single-product .product-action ul li {
  display: inline-block;
  margin: 0 9px;
}
.total-product .single-product .product-action ul li.active {
  background: #ff5722;
  border: 2px solid #ff5722;
  color: #fff;
}
.total-product .single-product .product-action ul li a {
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 18px 0;
  transition: all 0.5s ease 0s;
}
.total-product .single-product .product-action ul li a:hover {
  color: #ff5722;
}
.total-product .owl-controls .owl-buttons div {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
}
.total-product .owl-controls .owl-buttons div:hover i {
  color: #ff5722;
}
.total-product .owl-buttons {
  position: absolute;
  right: 0;
  top: -60px;
}
.shop-list ul li a {
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 18px 0;
}
.product-title {
  margin-top: 25px;
  text-align: center;
}
.product-title h4 {
  font-size: 18px;
  margin-bottom: 10px;
  line-height: 23px;
}
.product-title h4 a {
  color: #222;
  text-transform: capitalize;
  font-size: 17px;
}
.review {
  text-align: center;
}
.review li {
  display: inline-block;
  margin: 0 1.5px;
  color: #ff5722;
}
.review li:last-child {
  color: #c2c2c2;
}
.single-product {
  overflow: hidden;
}
.product-img {
  transition: .5s;
  position: relative;
}
.single-product:hover .product-img {
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
/* ------------------------------------
06.Product-testimonial Start Here 
---------------------------------------*/
.product-testimonial-area {
  padding: 100px 0;
  background: url('images/suscribe.jpg') no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}
.product-testimonial-area .total-product-testimonial .single-product-testimonial {
}
.product-testimonial-area .total-product-testimonial .single-product-testimonial h3 {
  font-size: 36px;
  font-weight: 300;
  color: #222222;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 5px;
}
.product-testimonial-area .total-product-testimonial .single-product-testimonial h2 {
  font-weight: 800;
  font-size: 36px;
  color: #ff5722;
  font-family: 'Open Sans', sans-serif;
}
.product-testimonial-area .total-product-testimonial .single-product-testimonial p {
  font-size: 23px;
  color: #fff;
  margin-top: 10px;
}
.product-testimonial-area .total-product-testimonial .owl-controls .owl-pagination .owl-page span {
  background: #ff5722;
  width: 10px;
  height: 10px;
}
/* ------------------------------------
07.New Arival Product Start Here 
---------------------------------------*/
.new-arival-area {
  padding: 100px 0 90px;
}
.new-arival-area .total-new-arival .single-arival .single-product:hover .images .overley {
  opacity: 1;
  transform: scale(1);
}
.new-arival-area .total-new-arival .single-arival .single-product:hover .product-details {
  background: #ff5722;
}
.new-arival-area .total-new-arival .single-arival .single-product:hover .product-details h3 a {
  color: #ffffff;
}
.new-arival-area .total-new-arival .single-arival .single-product:hover .product-details .price .new-price {
  color: #ffffff;
}
.new-arival-area .total-new-arival .single-arival .single-product:hover .product-details .review li i {
  color: #ffffff;
}
.new-arival-area .total-new-arival .single-arival .single-product .images {
  position: relative;
  overflow: hidden;
}
.new-arival-area .total-new-arival .single-arival .single-product .images a img {
  width: 100%;
}
.new-arival-area .total-new-arival .single-arival .single-product .images .overley {
  top: 40%;
  left: 0;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  transition: .5s;
  opacity: 0;
  visibility: visible;
  position: absolute;
  transition: all 0.5s ease 0s;
  transform: scale(2);
}
.new-arival-area .total-new-arival .single-arival .single-product .images .overley ul li {
  display: inline-block;
  margin: 0 9px;
}
.new-arival-area .total-new-arival .single-arival .single-product .images .overley ul li a {
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 18px 0;
  transition: all 0.5s ease 0s;
}
.new-arival-area .total-new-arival .single-arival .single-product .images .overley ul li a:hover {
  color: #ff5722;
}
.new-arival-area .total-new-arival .single-arival .single-product .product-details {
  padding: 146px 10px;
  border: 1px solid #cccccc;
  transition: all 0.5s ease 0s;
}
.new-arival-area .total-new-arival .single-arival .single-product .product-details h3 {
  margin-bottom: 10px;
}
.new-arival-area .total-new-arival .single-arival .single-product .product-details h3 a {
  color: #333333;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 18px;
  transition: all 0.5s ease 0s;
  margin-bottom: 10px;
}
.new-arival-area .total-new-arival .single-arival .single-product .product-details h3 a:hover {
  color: #ff5722;
}
.new-arival-area .total-new-arival .single-arival .single-product .product-details .price .new-price {
  font-weight: 800;
  color: #000000;
  font-size: 24px;
}
.new-arival-area .total-new-arival .owl-controls .owl-buttons {
  position: absolute;
  right: 0;
  top: -60px;
}
.new-arival-area .total-new-arival .owl-controls .owl-buttons div {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
}
.new-arival-area .total-new-arival .owl-controls .owl-buttons div:hover i {
  color: #ff5722;
}
/* ------------------------------------
08.Testmonial Start Here 
---------------------------------------*/
.testimonial-area {
  padding: 100px 0;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
}
.testimonial-area.testimonial-two-area .testimonial .single-testimonial .images {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  text-align: center;
  clear: both;
}
.testimonial-area.testimonial-two-area .testimonial .single-testimonial .images img {
  display: inline-block;
  float: inherit;
  margin-right: 20px;
}
.testimonial-area.testimonial-two-area .testimonial .single-testimonial .images .details {
  display: inline-block;
  float: inherit;
  text-align: left;
}
.testimonial-area.testimonial-two-area .testimonial .single-testimonial .images .details h4 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.testimonial-area.testimonial-two-area .testimonial .single-testimonial .images .details p {
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}
.testimonial-area.testimonial-two-area .testimonial .single-testimonial p {
  color: #ffffff;
  text-align: center;
}
.testimonial-area.testimonial-two-area .testimonial .owl-controls .owl-buttons .owl-prev {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
  position: absolute;
  left: -100px;
  top: 30%;
  opacity: 1;
}
.testimonial-area.testimonial-two-area .testimonial .owl-controls .owl-buttons .owl-prev:hover i {
  color: #7ac143;
}
.testimonial-area.testimonial-two-area .testimonial .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
}
.testimonial-area.testimonial-two-area .testimonial .owl-controls .owl-buttons .owl-next {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
  position: absolute;
  right: -100px;
  top: 30%;
  opacity: 1;
}
.testimonial-area.testimonial-two-area .testimonial .owl-controls .owl-buttons .owl-next:hover i {
  color: #7ac143;
}
.testimonial-area.testimonial-two-area .testimonial .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
}
.testimonial-area.testimonial-two-area .testimonial .owl-controls .owl-pagination .owl-page span {
  background: #7ac143;
  width: 10px;
  height: 10px;
}
.testimonial-area .testimonial .single-testimonial .images {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
  clear: both;
}
.testimonial-area .testimonial .single-testimonial .images img {
  float: left;
  margin-right: 20px;
}
.testimonial-area .testimonial .single-testimonial .images .details {
  float: left;
}
.testimonial-area .testimonial .single-testimonial .images .details h4 {
  color: #000;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.testimonial-area .testimonial .single-testimonial .images .details p {
  color: #000;
  margin-bottom: 0;
}
.testimonial-area .testimonial .single-testimonial p {
  color: #474747;
}
.testimonial-area .testimonial .owl-controls .owl-buttons .owl-prev {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
  position: absolute;
  left: -100px;
  top: 30%;
  opacity: 1;
}
.testimonial-area .testimonial .owl-controls .owl-buttons .owl-prev:hover i {
  color: #ff5722;
}
.testimonial-area .testimonial .owl-controls .owl-buttons .owl-prev i {
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
}
.testimonial-area .testimonial .owl-controls .owl-buttons .owl-next {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
  position: absolute;
  right: -100px;
  top: 30%;
  opacity: 1;
}
.testimonial-area .testimonial .owl-controls .owl-buttons .owl-next:hover i {
  color: #ff5722;
}
.testimonial-area .testimonial .owl-controls .owl-buttons .owl-next i {
  color: #ffffff;
  font-size: 30px;
  font-weight: 300;
}
.testimonial-area .testimonial .owl-controls .owl-pagination .owl-page span {
  background: #ff5722;
  width: 10px;
  height: 10px;
}
/* ------------------------------------
09.Blog Section Start Here 
---------------------------------------*/
.blog-area {
  padding: 90px 0;
}
.blog-area .single-blog {
  padding: 20px 20px 60px;
  background: #f5f5f5;
  transition: all 0.5s ease 0s;
  margin-bottom: 10px;
}
.blog-area .single-blog:hover {
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.blog-area .single-blog:hover .blog-informations ul li i {
  color: #ff5722;
}
.blog-area .single-blog:hover .blog-details a {
  color: #ff5722;
}
.blog-area .single-blog .images {
  margin-bottom: 10px;
}
.blog-area .single-blog .images a {
  display: block;
}
.blog-area .single-blog .images a img {
  width: 100%;
}
.blog-area .single-blog .blog-informations {
  margin-bottom: 20px;
}
.blog-area .single-blog .blog-informations ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.blog-area .single-blog .blog-informations ul li {
  display: inline-block;
  margin-right: 15px;
}
.blog-area .single-blog .blog-informations ul li i {
  margin-right: 10px;
}
.blog-area .single-blog .blog-details {
  position: relative;
}
.blog-area .single-blog .blog-details h3 {
  margin-bottom: 10px;
}
.blog-area .single-blog .blog-details h3 a {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  transition: all .5s;
  display: block;
  float: inherit !important;
}
.blog-area .single-blog .blog-details h3 a:hover {
  color: #ff5722;
}
.blog-area .single-blog .blog-details p {
  margin-bottom: 20px;
}
.blog-area .single-blog .blog-details a {
  float: right;
  color: #333333;
  transition: all 0.5s ease 0s;
}
.blog-area .single-blog .blog-details a:hover {
  color: #ff5722;
}
.blog-area .single-blog .blog-details a i {
  margin-left: 10px;
}
/* ------------------------------------
10.Subscribe Area Start Here 
---------------------------------------*/
.subscribe-area {
  padding: 90px 0;
  background: url('images/suscribe.jpg') no-repeat;
  background-size: cover;
  background-position: center center;
}
.subscribe-area.subscribe-area-two .subscribe form button {
  background: #7ac143;
}
.subscribe-area.subscribe-area-two .subscribe form button:hover {
  background: #427e14;
}
.subscribe-area.subscribe-area-three .subscribe form button {
  background: #3e92a3;
}
.subscribe-area.subscribe-area-three .subscribe form button:hover {
  background: #246b79;
}
.subscribe-area .subscribe {
  color: #ffffff;
}
.subscribe-area .subscribe h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
}
.subscribe-area .subscribe form {
  margin-left: 28%;
}
.subscribe-area .subscribe form .form-group input {
  height: 50px;
  color: #ffffff;
  background: transparent;
}
.subscribe-area .subscribe form button {
  height: 50px;
  width: 150px;
  text-transform: uppercase;
  background: #ff5722;
  border: none;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.subscribe-area .subscribe form button:hover {
  background: #7ac143;
}
/* ------------------------------------
11.Our Support Start Here 
---------------------------------------*/
.our-special-feature-area {
  padding: 100px 0;
}
.our-special-feature-area .total-features {
  border: 1px solid #dddddd;
  overflow: hidden;
  padding: 30px;
}
.our-special-feature-area .total-features .single-feature .icon a i {
  font-size: 40px;
  color: #ff5722;
  margin-bottom: 20px;
}
.our-special-feature-area .total-features .single-feature .details h3 {
  margin-bottom: 5px;
  color: #fff;
}
.our-special-feature-area .total-features .single-feature .details h3 a {
  color: #fff;
  transition: all 0.5s ease 0s;
}
.our-special-feature-area .total-features .single-feature .details h3 a:hover {
  color: #ff5722;
}
/* ------------------------------------
12.Footer Start Here 
---------------------------------------*/
.footer-top {
  padding: 80px 0;
  background: #222222;
}
.footer-top .widget h2 {
  font-size: 18px;
  color: #fff;
  text-transform: uppercase;
}
.footer-top .widget .footer-one ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top .widget .footer-one ul li {
  display: block;
  margin-bottom: 15px;
  color: #fff;
}
.footer-top .widget .footer-one ul li i {
  border: 1px solid #ff5722;
  transition: all 0.5s ease 0s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  display: inline-block;
  margin-right: 10px;
  color: #fff;
}
.footer-top .widget .footer-one ul li i:hover {
  background: #ff5722;
  color: #ffffff;
}
.footer-top .widget .footer-two ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top .widget .footer-two ul li {
  display: block;
  margin-bottom: 10px;
}
.footer-top .widget .footer-two ul li a {
  color: #fff;
  transition: all 0.5s ease 0s;
}
.footer-top .widget .footer-two ul li a:hover {
  color: #ff5722;
}
.footer-top .widget .footer-two ul li i:hover {
  color: #ff5722;
}
.footer-top .widget .footer-three img {
  display: block;
  margin-bottom: 15px;
}
.footer-top .widget .footer-three p {
  margin-bottom: 15px;
  text-align: justify;
  color: #fff;
}
.footer-top .widget .footer-three .social-media ul {
  text-align: left;
  margin: 0;
  padding: 0;
  list-style: none;
}
.footer-top .widget .footer-three .social-media ul li {
  display: inline-block;
}
.footer-top .widget .footer-three .social-media ul li a {
  padding: 0 10px;
}
.footer-top .widget .footer-three .social-media ul li a i {
  font-size: 16px;
  color: #ff5722;
}
.footer-top .widget .footer-three .social-media ul li a i:hover {
  color: #fff;
}
.footer-buttom {
  background: #ff5722;
}
.footer-buttom p {
  padding: 15px 0;
  color: #ffffff;
  margin-bottom: 0;
  text-align: center;
}
.footer-buttom img {
  margin-top: 15px;
  text-align: right;
  margin-right: 30px;
}
/* ------------------------------------
13.Home Two Start Here 
---------------------------------------*/
.header-two {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  z-index: 99;
}
.header-two .icon {
  margin-top: 30px;
}
.header-two .icon a {
  display: block;
  font-weight: 800;
  font-size: 20px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
}
.header-two .header-right ul li a i {
  color: #ffffff;
}
.side-menu {
  background: #f5f5f5;
  left: -360px;
  width: 0px;
  height: 100vh;
  padding: 30px;
  position: fixed;
  left: 0px;
  top: 0;
  transition: all 0.5s ease 0s;
  opacity: 0;
  visibility: hidden;
  z-index: 999 !important;
}
.side-menu .close {
  cursor: pointer;
  right: 5px;
  opacity: 1;
  padding: 12px;
  position: absolute;
  text-align: center;
  top: 5px;
  transition: all 0.5s ease 0s;
}
.side-menu .close:hover i {
  color: #000000;
}
.side-menu .close i {
  font-size: 20px;
  color: #7ac143;
}
.side-menu.show-box {
  left: 0px;
  width: 360px;
  opacity: 1;
  visibility: visible;
  transition: all 0.5s ease 0s;
}
.side-menu h3 {
  font-size: 18px;
  color: #333333;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}
.side-menu .menu ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
.side-menu .menu ul li {
  display: block;
  padding: 10px 16px;
  position: relative;
  /* Dropdown Menu area */
}
.side-menu .menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.side-menu .menu ul li:hover a {
  color: #ff5722;
}
.side-menu .menu ul li:after {
  position: absolute;
}
.side-menu .menu ul li ul {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
.side-menu .menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0;
}
.side-menu .menu ul li ul li:after {
  display: none;
}
.side-menu .menu ul li ul li:last-child {
  border-bottom: 0;
}
.side-menu .menu ul li ul li a {
  display: block;
  padding: 6px 20px;
  text-transform: none;
  transition: all 0.5s ease 0s;
  color: #ffffff !important;
}
.side-menu .menu ul li ul li a:hover {
  padding-left: 30px;
  color: #ff5722 !important;
}
.side-menu .menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.our-special-feature-area.color-two {
  padding: 100px 0 0;
}
.our-special-feature-area.color-two .total-features {
  background: #f1f1f1;
  padding: 0;
}
.our-special-feature-area.color-two .total-features .single-feature {
  padding: 30px;
}
.our-special-feature-area.color-two .total-features .single-feature:hover {
  background: #7ac143;
}
.our-special-feature-area.color-two .total-features .single-feature:hover .icon a i {
  color: #ffffff !important;
}
.our-special-feature-area.color-two .total-features .single-feature:hover .details h3 a {
  color: #ffffff !important;
}
.our-special-feature-area.color-two .total-features .single-feature:hover p {
  color: #ffffff;
}
.our-special-feature-area.color-two .total-features .single-feature .icon a i {
  color: #7ac143 !important;
}
.our-special-feature-area.color-two .total-features .single-feature .details h3 a:hover {
  color: #7ac143 !important;
}
.home-two-collection-area {
  padding: 100px 0;
}
.home-two-collection-area .images {
  position: relative;
  overflow: hidden;
}
.home-two-collection-area .images:hover .overley {
  transform: scale(1);
  opacity: 1;
}
.home-two-collection-area .images a img {
  display: block;
}
.home-two-collection-area .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(2);
  opacity: 0;
}
.home-two-collection-area .images .overley .information {
  position: relative;
  top: 44%;
  transform: rotateY(-50px);
}
.home-two-collection-area .images .overley .information h3 {
  margin-bottom: 0;
  text-align: center;
  color: #ffffff;
  background: transparent;
  padding: 10px;
}
.home-two-collection-area .men-shoes {
  margin-right: 5px;
}
.home-two-collection-area .men-shoes .images {
  position: relative;
  overflow: hidden;
}
.home-two-collection-area .men-shoes .images:hover .overley {
  transform: scale(1);
  opacity: 1;
}
.home-two-collection-area .men-shoes .images a img {
  display: block;
}
.home-two-collection-area .men-shoes .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(2);
  opacity: 0;
}
.home-two-collection-area .men-shoes .images .overley .information {
  position: relative;
  top: 10%;
  left: 10%;
  transform: rotateY(-50px);
}
.home-two-collection-area .men-shoes .images .overley .information h3 {
  margin-bottom: 0;
  text-align: left;
  color: #333333;
  background: transparent;
  padding: 10px;
}
.home-two-collection-area .men-belt {
  margin-left: 5px;
}
.home-two-collection-area .men-belt .images {
  position: relative;
  overflow: hidden;
}
.home-two-collection-area .men-belt .images:hover .overley {
  transform: scale(1);
  opacity: 0;
}
.home-two-collection-area .men-belt .images a img {
  display: block;
}
.home-two-collection-area .men-belt .images .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(2);
  opacity: 0;
}
.home-two-collection-area .men-belt .images .overley .information {
  position: relative;
  top: 30%;
  transform: rotateY(-50px);
}
.home-two-collection-area .men-belt .images .overley .information h3 {
  margin-bottom: 0;
  text-align: center;
  color: #333333;
  background: transparent;
  padding: 10px;
}
.home-two-collection-area .new-trend-men {
  background: url(images/shop/fashion/4.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 76px 35px;
  margin-top: 10px;
}
.home-two-collection-area .new-trend-men .collect-details h2 {
  font-size: 30px;
  color: #222222;
}
.home-two-collection-area .new-trend-men .collect-details p {
  color: #222222;
  font-size: 16px;
  padding-right: 400px;
}
.home-two-collection-area .new-trend-men .collect-details .read-more a {
  background: #7ac143;
  border-radius: 4px;
  color: #ffffff;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  padding: 7px 30px;
  text-transform: uppercase;
  margin-top: 0px;
  border: none;
}
.home-two-collection-area .new-trend-men .collect-details .read-more a:hover {
  color: #fff;
  background: #427e14;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.tab-button.home-two-tab ul.nav.nav-tabs li.active a {
  background: #7ac143 !important;
}
.tab-button.home-two-tab ul.nav.nav-tabs li a:hover {
  background: #7ac143 !important;
}
.tab-content.home-two .review li {
  color: #7ac143 !important;
}
/* ------------------------------------
14.Product Counter Down Start Here  
---------------------------------------*/
.product-counter-area {
  padding: 150px 0;
  background: url('images/counter.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
}
.product-counter-area .read-more a {
  background: #7ac143 !important;
  border: 1px solid #7ac143 !important;
}
.counter-down .simply-section {
  width: 102px;
  height: 70px;
}
.counter-down .simply-section .simply-amount {
  font-weight: 800;
}
.text-content {
  padding: 60px 0;
}
.text-content h2 {
  font-size: 48px;
  color: #444444;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
}
/* ------------------------------------
13.2 Product Category Show Start Here 
---------------------------------------*/
.product-show-category-area {
  padding: 80px 0;
}
.product-show-category-area .widget h2 {
  font-size: 16px;
  font-family: 'Josefin Sans', sans-serif;
  text-transform: uppercase;
  color: #333333;
  font-weight: 800;
}
.product-show-category-area .widget .media {
  margin-bottom: 30px;
}
.product-show-category-area .widget .media .pull-left {
  margin-right: 10px;
}
.product-show-category-area .widget .media .pull-left a {
  display: block;
}
.product-show-category-area .widget .media .pull-left a img {
  width: 100%;
}
.product-show-category-area .widget .media .media-body {
  padding: 20px 0;
}
.product-show-category-area .widget .media .media-body h4.media-heading {
  margin-bottom: 5px;
}
.product-show-category-area .widget .media .media-body h4.media-heading a {
  display: block;
  color: #333333;
  transition: all 0.5s ease 0s;
  font-family: 'Josefin Sans', sans-serif;
}
.product-show-category-area .widget .media .media-body h4.media-heading a:hover {
  color: #7ac143;
}
.product-show-category-area .widget .media .media-body p {
  margin-bottom: 0;
}
/* ------------------------------------
13.3 Blog Two Section Start Here 
---------------------------------------*/
.blog-area-two {
  padding: 90px 0 50px;
}
.blog-area-two .single-blog2 {
  position: relative;
  overflow: hidden;
}
.blog-area-two .single-blog2:hover .blog-content h2 a {
  color: #7ac143;
}
.blog-area-two .single-blog2:hover .blog-content .read-more a {
  color: #7ac143;
}
.blog-area-two .single-blog2:hover .blog-image .overley {
  transform: scale(0.95);
  opacity: 1;
}
.blog-area-two .single-blog2 .blog-content {
  padding: 90px 0 0 90px;
}
.blog-area-two .single-blog2 .blog-content h3 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 30px;
  color: #000000;
  line-height: 1.6;
  font-weight: 600;
}
.blog-area-two .single-blog2 .blog-content h3 span {
  display: block;
  font-weight: 300;
  color: #605e5e;
}
.blog-area-two .single-blog2 .blog-content h2 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 24px;
}
.blog-area-two .single-blog2 .blog-content h2 a {
  color: #000000;
  font-weight: 800;
}
.blog-area-two .single-blog2 .blog-content p {
  margin-bottom: 30px;
}
.blog-area-two .single-blog2 .blog-content .read-more {
  margin-bottom: 30px;
}
.blog-area-two .single-blog2 .blog-content .read-more a {
  background: transparent;
  border: none;
  color: #000000;
  padding: 0;
  margin: 0;
  text-transform: capitalize;
}
.blog-area-two .single-blog2 .blog-content .read-more a:hover {
  box-shadow: none;
  color: #7ac143;
}
.blog-area-two .single-blog2 .blog-image {
  position: relative;
}
.blog-area-two .single-blog2 .blog-image.blog-image2:before {
  display: none;
}
.blog-area-two .single-blog2 .blog-image.blog-image2:after {
  position: absolute;
  bottom: -50px;
  left: 50px;
  background: #7ac143;
  height: 80px;
  width: 4px;
  content: "";
}
.blog-area-two .single-blog2 .blog-image:before {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #7ac143;
  height: 80px;
  width: 4px;
  content: "";
}
.blog-area-two .single-blog2 .blog-image a {
  display: block;
}
.blog-area-two .single-blog2 .blog-image a img {
  width: 100%;
}
.blog-area-two .single-blog2 .blog-image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(1);
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
}
.blog-area-two .single-blog2 .blog-image .overley a {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.blog-area-two .single-blog2 .blog-image .overley a:hover {
  color: #7ac143;
}
/* ------------------------------------
13.4 Partner Area Start Here 
---------------------------------------*/
.partner-area {
  padding: 90px 0;
}
.partner-area .partner ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.partner-area .partner ul li {
  display: inline-block;
  padding: 20px;
  width: 33%;
  text-align: center;
}
.partner-area .partner ul li:nth-child(1) {
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.partner-area .partner ul li:nth-child(2) {
  border-right: 1px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.partner-area .partner ul li:nth-child(3) {
  border-right: 0px solid #f1f1f1;
  border-bottom: 1px solid #f1f1f1;
}
.partner-area .partner ul li:nth-child(4) {
  border-right: 1px solid #f1f1f1;
}
.partner-area .partner ul li:nth-child(5) {
  border-right: 1px solid #f1f1f1;
}
.partner-area .partner ul li:nth-child(6) {
  border-right: 0px solid #f1f1f1;
}
.partner-area .partner ul li img {
  display: block;
}
.footer-top.footer-top-two .footer-one ul li i {
  border: 1px solid #7ac143;
}
.footer-top.footer-top-two .footer-one ul li i:hover {
  background: #7ac143;
}
.footer-top.footer-top-two .footer-two ul li a:hover {
  color: #7ac143;
}
.footer-top.footer-top-two .footer-two ul li i {
  border: none;
  transition: all 0.5s ease 0s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  display: inline-block;
  margin-right: 0;
  margin-left: -10px;
}
.footer-top.footer-top-two .footer-two ul li i:hover {
  color: #7ac143;
}
.footer-top.footer-top-two .footer-three .social-media ul li a i:hover {
  color: #7ac143;
}
.footer-top.footer-top-three .footer-one ul li i {
  border: 1px solid #3e92a3;
}
.footer-top.footer-top-three .footer-one ul li i:hover {
  background: #3e92a3;
}
.footer-top.footer-top-three .footer-two ul li {
  border: none;
  transition: all 0.5s ease 0s;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  margin: auto;
  display: inline-block;
  margin-right: 0px;
}
.footer-top.footer-top-three .footer-two ul li a:hover {
  color: #3e92a3;
}
.footer-top.footer-top-three .footer-two ul li i:hover {
  color: #3e92a3;
}
.footer-top.footer-top-three .footer-three .social-media ul li a i:hover {
  color: #3e92a3;
}
.footer-buttom.footer-bottom-two {
  background: #7ac143;
}
.footer-buttom.footer-bottom-three {
  background: #3e92a3;
}
/* ------------------------------------
14.Home Three Start Here 
---------------------------------------*/
/* ------------------------------------
14.1 Header Area Start Here 
---------------------------------------*/
.header-area-three {
  background: #3e92a3;
  padding: 25px 0;
}
.header-area-three .social-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-area-three .social-area ul li {
  display: inline-block;
  margin-right: 10px;
  margin-top: 4px;
}
.header-area-three .social-area ul li a {
  color: #ffffff;
  transition: all .5s;
  width: 30px;
  height: 30px;
  text-align: center;
  display: block;
  border-radius: 5px;
  background: transparent;
}
.header-area-three .social-area ul li a:hover {
  background: #ffffff;
  color: #1da1f2;
}
.header-area-three .logo-area {
  text-align: center;
  padding-top: 0;
}
.header-area-three .logo-area a {
  display: block;
}
.header-area-three .logo-area a img {
  text-align: center;
}
.header-area-three .header-right {
  text-align: right;
}
.header-area-three .header-right ul {
  text-align: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.header-area-three .header-right ul li {
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 0;
  position: relative;
}
.header-area-three .header-right ul li:last-child a {
  border-right: 0px solid #dddddd;
}
.header-area-three .header-right ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.header-area-three .header-right ul li:hover ul li a {
  color: #dddddd;
}
.header-area-three .header-right ul li:hover a {
  color: #dddddd;
}
.header-area-three .header-right ul li ul {
  background: rgba(62, 146, 163, 0.8);
  right: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 100px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
.header-area-three .header-right ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  border-right: 0px;
  margin: 0;
  padding: 0;
}
.header-area-three .header-right ul li ul li:after {
  display: none;
}
.header-area-three .header-right ul li ul li:last-child {
  border-bottom: 0;
}
.header-area-three .header-right ul li ul li a {
  display: block;
  padding: 6px 20px;
  text-transform: none;
  transition: all 0.5s ease 0s;
  color: #ffffff !important;
  border-right: 0px;
  text-align: left;
}
.header-area-three .header-right ul li ul li a:hover {
  padding-left: 30px;
  color: #dddddd !important;
}
.header-area-three .header-right ul li a {
  border-right: 1px solid #dddddd;
  padding: 0px 15px 0 5px;
  display: block;
  text-align: center;
  color: #ffffff;
  margin: 5px 0 0 0;
}
.header-area-three .header-right ul li a:hover {
  color: #dddddd;
}
/* ------------------------------------
14.2 Slider Area Start Here 
---------------------------------------*/
.slider-area.slider-three .preview-2 .nivo-directionNav a.nivo-prevNav:hover:before {
  background: #3e92a3;
}
.slider-area.slider-three .preview-2 .nivo-directionNav a.nivo-nextNav:hover:before {
  background: #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-2 h1 span {
  color: #3e92a3;
}
.slider-area.slider-three .slider-2 div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-2 div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-3 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-three .slider-3.color-two .title-container h1 span {
  color: #3e92a3 !important;
}
.slider-area.slider-three .slider-3 .title-container div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-3.color-two .title-container div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: none;
}
.slider-area.slider-three .slider-3.color-two .title-container div.slider-botton ul li.acitve a:hover {
  background: #246b79;
  border: none;
}
.slider-area.slider-three .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-3 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-three .slider-3 .title-container div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-1 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-3 .title-container h1 span {
  color: #3e92a3;
}
.slider-area.slider-three .slider-3 .title-container div.slider-botton ul li.acitve a {
  background: #3e92a3;
  border: 1px solid #3e92a3;
}
.slider-area.slider-three .slider-3 .title-container div.slider-botton ul li a:hover {
  background: #3e92a3;
  border: 1px solid #3e92a3;
  color: #fffffff;
}
/* ------------------------------------
14.3 Home Three Menu start here 
---------------------------------------*/
.main-menu-three {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -4.59%;
  z-index: 999;
}
.main-menu-three .main-menu {
  background: #f5f5f5;
  z-index: 99;
}
.main-menu-three .main-menu ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.main-menu-three .main-menu ul li {
  display: inline-block;
  padding: 30px 16px;
  position: relative;
  /* Dropdown Menu area */
}
.main-menu-three .main-menu ul li.megamenu:hover .mega-menu-area {
  transform: scaleY(1);
  opacity: 1;
}
.main-menu-three .main-menu ul li.megamenu .mega-menu-area {
  background: #2c2c2c none repeat scroll 0 0;
  left: -100%;
  opacity: 0;
  padding: 40px 0;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 790px;
  z-index: 9;
  margin-top: -2px;
  top: 100%;
}
.main-menu-three .main-menu ul li.megamenu .mega-menu-area .single-mega-menu {
  float: left;
  width: 25%;
  padding: 0px 20px 0px 20px;
  text-align: left;
}
.main-menu-three .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a {
  color: #cfcfcf;
  display: block;
  font-size: 14px;
  padding: 0 0 5px;
  text-transform: none;
  transition: all 0.5s ease 0s;
}
.main-menu-three .main-menu ul li.megamenu .mega-menu-area .single-mega-menu a:hover {
  color: #ffffff;
  padding-left: 7px;
}
.main-menu-three .main-menu ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.main-menu-three .main-menu ul li.active:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #ff5722;
  content: "";
  bottom: 0;
  margin: auto;
}
.main-menu-three .main-menu ul li.active a {
  color: #3e92a3;
}
.main-menu-three .main-menu ul li:hover:after {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  width: 40px;
  height: 2px;
  background: #3e92a3;
  content: "";
  bottom: 0;
  margin: auto;
}
.main-menu-three .main-menu ul li:hover a {
  color: #3e92a3;
}
.main-menu-three .main-menu ul li:after {
  position: absolute;
}
.main-menu-three .main-menu ul li ul {
  background: rgba(0, 0, 0, 0.8);
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 200px;
  z-index: 99999 !important;
  text-align: left;
  visibility: hidden;
}
.main-menu-three .main-menu ul li ul li {
  display: block;
  border-bottom: 1px solid #dddddd;
  margin: 0;
  padding: 0;
}
.main-menu-three .main-menu ul li ul li:after {
  display: none;
}
.main-menu-three .main-menu ul li ul li:last-child {
  border-bottom: 0;
}
.main-menu-three .main-menu ul li ul li a {
  display: block;
  padding: 6px 20px;
  text-transform: none;
  transition: all 0.5s ease 0s;
  color: #ffffff !important;
}
.main-menu-three .main-menu ul li ul li a:hover {
  padding-left: 30px;
  color: #3e92a3 !important;
}
.main-menu-three .main-menu ul li:hover ul {
  opacity: 1;
  transform: scaleY(1);
  visibility: visible;
}
.main-menu-three .header-right {
  position: relative;
  background: #f5f5f5;
  z-index: 99;
}
.main-menu-three .header-right ul {
  margin: 0;
  padding: 0;
  text-align: right;
}
.main-menu-three .header-right ul li {
  display: inline-block;
  padding: 30px 20px;
  position: relative;
}
.main-menu-three .header-right ul li .search {
  position: relative;
}
.main-menu-three .header-right ul li .search:hover .search-area {
  opacity: 1;
  transition: all 0.5s ease 0s;
  transform: scaleY(1);
}
.main-menu-three .header-right ul li .search .search-area {
  position: absolute;
  top: 20px;
  right: 0;
  width: 127px;
  z-index: 99 !important;
  opacity: 0;
  transition: all 0.5s ease 0s;
  transform: scaleY(0);
}
.main-menu-three .header-right ul li .search .search-area form .form-group {
  position: relative;
  overflow: hidden;
}
.main-menu-three .header-right ul li .search .search-area form .form-group input {
  width: 100%;
  border: 1px solid #dddddd;
  color: #333333;
  height: 37px;
}
.main-menu-three .header-right ul li .search .search-area form .form-group span {
  position: absolute;
  right: 10px;
  top: 7px;
}
.main-menu-three .header-right ul li > .cart {
  position: relative;
}
.main-menu-three .header-right ul li > .cart:hover .cart-area {
  max-height: 3000px;
  max-width: 3000px;
  opacity: 1;
  visibility: visible;
  transform: perspective(600px) rotateX(0deg);
  transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
  z-index: 9999999;
}
.main-menu-three .header-right ul li > .cart a > span {
  position: absolute;
  top: -3px;
  right: -12px;
  background: #000000;
  color: #ffffff;
  width: 17px;
  height: 17px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 18px;
  text-align: center;
  margin: auto;
  font-size: 10px;
}
.main-menu-three .header-right ul li > .cart .cart-area {
  width: 250px;
  top: 0px;
  margin-top: 25px;
  right: -10px;
  z-index: 9 !important;
  visibility: visible;
  text-align: left;
  padding: 15px;
  background: #fff none repeat scroll 0 0;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  position: absolute;
  max-height: 0;
  max-width: 0;
  transform: perspective(600px) rotateX(-90deg);
  transform-origin: 0 0 0;
  transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
  opacity: 0;
  visibility: hidden;
  background: #f5f5f5;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media {
  border-bottom: 1px solid #ededed;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media:last-child {
  border-bottom: none;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .pull-left {
  margin-right: 0px;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .pull-left img {
  transition: all 0.5s ease 0s;
  width: 80px;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .pull-left img:hover {
  opacity: .9;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .media-body {
  position: relative;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .media-body h4 a {
  color: #777777;
  transition: all 0.5s ease 0s;
  display: block;
  margin-top: 0px;
  font-weight: 800;
  font-size: 12px;
  text-transform: capitalize;
  margin-bottom: 0;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .media-body h4 a:hover {
  color: #333333;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .media-body span {
  position: absolute;
  top: -5px;
  right: 0px;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .media-body span i {
  color: #333333;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .media .media-body p {
  font-size: 12px;
  font-weight: 300;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .total {
  font-weight: 600;
  color: #000000;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .total p {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .total p span {
  font-weight: 800;
  float: right;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .button-area ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li:last-child {
  float: right;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li a {
  color: #777777;
  transition: all 0.5s ease 0s;
}
.main-menu-three .header-right ul li > .cart .cart-area .mini-single-product .button-area ul li a:hover {
  color: #000000;
}
.main-menu-three .header-right ul li a {
  display: block;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
  font-weight: 500;
  transition: all 0.5s ease 0s;
}
.main-menu-three .header-right ul li:hover a {
  color: #3e92a3;
}
/* ------------------------------------
14.4 Fashion Collection Static Block Start Here
---------------------------------------*/
.fashion-static-block-area {
  padding: 90px 0px;
}
.fashion-static-block-area .single-static-block {
  background-position: center center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  margin: 3px;
}
.fashion-static-block-area .single-static-block.rightpart {
  margin: 0 5px;
  background: transparent !important;
}
.fashion-static-block-area .single-static-block img {
  width: 100%;
  transition: all 0.5s ease 0s;
}
.fashion-static-block-area .single-static-block img:hover {
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.fashion-static-block-area .single-static-block span {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 20px;
  color: #000000;
  z-index: 9;
}
.fashion-static-block-area .single-static-block .informations {
  float: right;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 250px;
  margin-right: 20px;
}
.fashion-static-block-area .single-static-block .informations h3 {
  margin-bottom: 5px;
}
.fashion-static-block-area .single-static-block .informations h3 a {
  font-size: 30px;
  font-family: 'Josefin Sans', sans-serif;
  color: #333333;
  transition: all 0.5s ease 0s;
}
.fashion-static-block-area .single-static-block .informations h3 a:hover {
  color: #3e92a3;
}
.fashion-static-block-area .single-static-block .informations p {
  margin-bottom: 20px;
}
.fashion-static-block-area .single-static-block .informations .read-more a {
  background: #3e92a3;
  border: none;
  padding: 7px 25px;
}
/* ------------------------------------
14.5 Start Feature Product 
---------------------------------------*/
.home-three-new-arival-area {
  padding: 0px 0px 60px 0px;
}
.home-three-new-arival-area .new-arival-slider {
  position: relative;
}
.home-three-new-arival-area .new-arival-slider .single-arival {
  transition: all 0.5s ease 0s;
}
.home-three-new-arival-area .new-arival-slider .single-arival:hover .images-area .product-img img {
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform: translate(0, -5px) rotate(0.01deg);
  -o-transform: translate(0, -5px) rotate(0.01deg);
  -ms-transform: translate(0, -5px) rotate(0.01deg);
  transform: translate(0, -5px) rotate(0.01deg);
  -webkit-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -moz-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  -o-transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, transform 0.3s ease 0s;
}
.home-three-new-arival-area .new-arival-slider .single-arival:hover .images-area .product-action {
  opacity: 1;
  visibility: visible;
  transform: scale(0.9);
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area {
  position: relative;
  transition: all .5s;
  margin-bottom: 30px;
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area .product-img img {
  width: 100%;
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area .product-action {
  left: 0;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0%;
  transform: translateY(0%);
  transition: all .5s;
  transform: scale(0);
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area .product-action ul {
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: 40%;
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area .product-action ul li {
  display: inline-block;
  margin: 0 9px;
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area .product-action ul li a {
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 18px 0;
  transition: all 0.5s ease 0s;
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area .product-action ul li a:hover {
  color: #3e92a3;
}
.home-three-new-arival-area .new-arival-slider .single-arival .images-area .product-action ul li {
  font-size: 35px;
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.5;
  font-weight: 600;
  font-family: 'Josefin Sans', sans-serif;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information {
  text-align: center;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information h3 {
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 5px;
  font-weight: 300;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information h3 a {
  color: #333;
  transition: all 0.5s ease 0s;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information h3 a:hover {
  color: #3e92a3;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information .price p {
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 0;
  font-weight: 600;
  font-weight: bold;
  font-size: 24px;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information .rating ul {
  text-align: center;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information .rating ul li {
  display: inline-block;
  margin: 0 5px;
}
.home-three-new-arival-area .new-arival-slider .single-arival .arival-information .rating ul li i {
  color: #3e92a3;
}
.home-three-new-arival-area .new-arival-slider .owl-controls .owl-buttons {
  position: absolute;
  left: 0;
  top: -60px;
}
.home-three-new-arival-area .new-arival-slider .owl-controls .owl-buttons div {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
}
.home-three-new-arival-area .new-arival-slider .owl-controls .owl-buttons div:hover i {
  color: #3e92a3;
}
/* ------------------------------------
14.6 Promo Area Start Here 
---------------------------------------*/
.promo-area {
  background: url('images/shop/promo.jpg') no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 90px 0;
}
.promo-area .promo .counter-down {
  padding: 30px 0;
}
.promo-area .promo .counter-down span {
  font-weight: 800;
  font-size: 20px;
}
.promo-area .promo h2 {
  font-size: 36px;
  font-weight: 800;
  color: #000000;
  font-family: 'Josefin Sans', sans-serif;
  margin-bottom: 15px;
}
.promo-area .promo span {
  color: #444444;
  font-size: 35px;
  font-family: 'Josefin Sans', sans-serif;
}
.promo-area .promo p {
  padding: 30px 0 10px;
}
/* ------------------------------------
15.7 Blog Slider Start Here 
---------------------------------------*/
.blog-slider .single-blog-area .single-blog2 {
  position: relative;
  overflow: hidden;
}
.blog-slider .single-blog-area .single-blog2:hover .blog-content h2 a {
  color: #3e92a3;
}
.blog-slider .single-blog-area .single-blog2:hover .blog-content .read-more {
  margin-bottom: 0 !important;
}
.blog-slider .single-blog-area .single-blog2:hover .blog-content .read-more a {
  color: #3e92a3;
}
.blog-slider .single-blog-area .single-blog2:hover .blog-image .overley {
  transform: scale(0.95);
  opacity: 1;
}
.blog-slider .single-blog-area .single-blog2 .blog-content {
  padding: 0px 0 0 90px;
}
.blog-slider .single-blog-area .single-blog2 .blog-content h3 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 30px;
  color: #000000;
  line-height: 1.6;
  font-weight: 600;
}
.blog-slider .single-blog-area .single-blog2 .blog-content h3 span {
  display: block;
  font-weight: 300;
  color: #605e5e;
}
.blog-slider .single-blog-area .single-blog2 .blog-content h2 {
  font-family: 'Josefin Sans', sans-serif;
  font-size: 24px;
}
.blog-slider .single-blog-area .single-blog2 .blog-content h2 a {
  color: #000000;
  font-weight: 800;
  color: #3e92a3;
}
.blog-slider .single-blog-area .single-blog2 .blog-content h2 a:hover {
  color: #333333;
}
.blog-slider .single-blog-area .single-blog2 .blog-content p {
  margin-bottom: 30px;
}
.blog-slider .single-blog-area .single-blog2 .blog-content .read-more {
  margin-bottom: 30px;
}
.blog-slider .single-blog-area .single-blog2 .blog-content .read-more a {
  background: transparent;
  border: none;
  color: #000000;
  padding: 0;
  margin: 0;
  text-transform: capitalize;
}
.blog-slider .single-blog-area .single-blog2 .blog-content .read-more a:hover {
  box-shadow: none;
  color: #3e92a3;
}
.blog-slider .single-blog-area .single-blog2 .blog-image {
  position: relative;
}
.blog-slider .single-blog-area .single-blog2 .blog-image.blog-image2:before {
  display: none;
}
.blog-slider .single-blog-area .single-blog2 .blog-image.blog-image2:after {
  position: absolute;
  bottom: -50px;
  left: 50px;
  background: #3e92a3;
  height: 80px;
  width: 4px;
  content: "";
  display: none;
}
.blog-slider .single-blog-area .single-blog2 .blog-image:before {
  position: absolute;
  top: -50px;
  left: 50px;
  background: #3e92a3;
  height: 80px;
  width: 4px;
  content: "";
  display: none;
}
.blog-slider .single-blog-area .single-blog2 .blog-image a {
  display: block;
}
.blog-slider .single-blog-area .single-blog2 .blog-image a img {
  width: 100%;
}
.blog-slider .single-blog-area .single-blog2 .blog-image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  top: 0;
  transition: all 0.5s ease 0s;
  transform: scale(1);
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
}
.blog-slider .single-blog-area .single-blog2 .blog-image .overley a {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  text-align: center;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.blog-slider .single-blog-area .single-blog2 .blog-image .overley a:hover {
  color: #3e92a3;
}
.blog-slider .owl-controls .owl-buttons {
  position: absolute;
  left: 15px;
  top: -60px;
}
.blog-slider .owl-controls .owl-buttons div {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
}
.blog-slider .owl-controls .owl-buttons div:hover i {
  color: #3e92a3;
}
/* ------------------------------------
15.Breadcumb Start Here 
---------------------------------------*/
.page-header-area {
  text-align: center;
  color: #ffffff;
  text-transform: uppercase;
  padding: 100px 0;
}
.page-header-area h2 {
  font-weight: 600;
  font-size: 30px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 15px;
}
.page-header-area ul li {
  display: inline-block;
  border: 0px;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  margin: 0px 10px;
  font-weight: 400;
  position: relative;
  text-transform: uppercase;
}
.page-header-area ul li:first-child:after {
  position: absolute;
  content: "\f101";
  top: 0;
  left: 55px;
  right: 0;
  display: block;
  font-family: FontAwesome;
}
.page-header-area ul li:last-child {
  color: #ff5722;
  text-transform: capitalize;
}
.page-header-area ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  text-transform: uppercase;
}
/* ------------------------------------
16.About Section Start Here 
---------------------------------------*/
.about-area {
  padding: 100px 0;
}
.about-area .about-content h2 {
  margin-bottom: 0px;
      text-transform: uppercase;
}
.about-area .about-content p {
  font-size: 16px;
  margin: 20px 0;
  text-align: justify;
}
.about-area .about-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.about-area .about-content ul li {
  display: block;
  margin-bottom: 20px;
}
.about-area .about-content ul li:last-child {
  margin-bottom: 0 !important;
}
.about-area .about-content ul li i {
  margin-right: 10px;
}
.about-area .about-images {
  position: relative;
  overflow: hidden;
}
.about-area .about-images:hover .overley {
  opacity: 1;
  transform: scale(0.9);
}
.about-area .about-images img {
  width: 100%;
}
.about-area .about-images .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
  transform: scale(0);
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  top: 0%;
}
.about-area .about-images .overley .text {
  top: 40%;
  transform: rotateY(-50px);
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
.about-area .about-images .overley .text p {
  font-size: 30px;
  font-weight: 600;
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
}
/* ....................................
17.Counter Area Start Here
....................................... */
.counter-up-area {
  padding: 100px 0;
  background: url('images/about/counter.jpg');
  background-size: cover;
  background-position: center;
}
.counter-up-area .ab-count .about-counter-list {
  color: #ffffff;
  text-align: left;
  display: block;
  text-align: center;
}
.counter-up-area .ab-count .about-counter-list h1.about-counter {
  font-size: 30px;
  color: #ff5722;
  position: relative;
  width: 150px;
  height: 150px;
  line-height: 150px;
  text-align: center;
  margin: auto;
  border: 1px solid #ffffff;
  border-radius: 50%;
  margin-bottom: 30px;
  font-weight: 600;
}
.counter-up-area .ab-count .about-counter-list p {
  font-weight: 800;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}
/* ------------------------------------
18.Team Start Here 
---------------------------------------*/
.team-area {
  padding: 100px 0;
}
.team-area .team-slider .single-team {
  text-align: center;
}
.team-area .team-slider .single-team .team-image {
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}
.team-area .team-slider .single-team .team-image:hover {
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.team-area .team-slider .single-team .team-image:hover .overley {
  opacity: 1;
  transform: scale(0.9);
}
.team-area .team-slider .single-team .team-image a img {
  width: 100%;
}
.team-area .team-slider .single-team .team-image .overley {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: all 0.5s ease 0s;
  transform: scale(1);
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  margin: auto;
  text-align: center;
}
.team-area .team-slider .single-team .team-image .overley .informations {
  top: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.team-area .team-slider .single-team .team-image .overley .informations .link {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
}
.team-area .team-slider .single-team .team-image .overley .informations .link a {
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
}
.team-area .team-slider .single-team .team-image .overley .informations .link a:hover i {
  color: #ff5722;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media ul {
  text-align: center;
  margin: 0;
  padding: 0;
  list-style: none;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media ul li {
  display: inline-block;
  margin: 0 5px;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media ul li a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #ffffff;
  border-radius: 5px;
  transition: all 0.5s ease 0s;
  display: block;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media ul li a:hover {
  border: 1px solid #ff5722;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media ul li a:hover i {
  color: #ff5722;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media ul li a i {
  font-size: 16px;
  color: #ffffff;
}
.team-area .team-slider .single-team .team-image .overley .informations .social-media ul li a i:hover {
  color: #ff5722;
}
.team-area .team-slider .single-team .team-details h3 {
  margin-bottom: 0px;
}
.team-area .team-slider .single-team .team-details h3 a {
  font-size: 18px;
  color: #333333;
  font-weight: 700;
}
.team-area .team-slider .single-team .team-details h3 a:hover {
  color: #ff5722;
}
.team-area .team-slider .single-team .team-details span {
  font-size: 16px;
}
.team-area .team-slider .owl-controls .owl-buttons {
  position: absolute;
  right: 15px;
  top: -60px;
}
.team-area .team-slider .owl-controls .owl-buttons div {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
}
.team-area .team-slider .owl-controls .owl-buttons div:hover i {
  color: #ff5722;
}
/* ------------------------------------
19.Shop Page Start Here 
---------------------------------------*/
.shop-page-area {
  padding: 100px 0;
}
.shop-page-area .shop-area .tobar-area {
  overflow: hidden;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ededed;
}
.shop-page-area .shop-area .tobar-area .view-area ul.nav-tabs {
  margin: 0;
  padding: 0;
  list-style: none;
  border: 0px;
  text-align: right;
}
.shop-page-area .shop-area .tobar-area .view-area ul.nav-tabs li {
  border: 0px;
  float: inherit;
  margin-bottom: 0;
  display: inline-block;
}
.shop-page-area .shop-area .tobar-area .view-area ul.nav-tabs li.active {
  border: 0px;
}
.shop-page-area .shop-area .tobar-area .view-area ul.nav-tabs li.active a {
  border: 0px;
  color: #ff5722;
}
.shop-page-area .shop-area .tobar-area .view-area ul.nav-tabs li.active a:hover {
  background: transparent;
  color: #ff5722;
}
.shop-page-area .shop-area .tobar-area .view-area ul.nav-tabs li a {
  border: 0px;
}
.shop-page-area .shop-area .tobar-area .view-area ul.nav-tabs li a:hover {
  background: transparent;
  color: #ff5722;
}
.shop-page-area .shop-area .tobar-area .showing-result ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.shop-page-area .shop-area .tobar-area .showing-result ul li {
  display: inline-block;
  font-weight: 600;
  color: #333333;
  margin-right: 10px;
  height: 25px;
}
.shop-page-area .shop-area .tobar-area .showing-result ul li .form-group {
  margin: 0;
}
.shop-page-area .shop-area .tobar-area .showing-result ul li .form-group.seclect-box select.form-control {
  display: inline-block;
  border: 0;
  background: transparent;
  border-radius: 0px;
}
.shop-page-area .tab-content {
  overflow: hidden;
}
.shop-page-area .tab-content .tab-pane .single-product:hover .product-action {
  top: 40%;
  opacity: 1;
  visibility: visible;
  transform: translateY(-50px);
}
.shop-page-area .tab-content .tab-pane .single-product {
  position: relative;
  margin: 15px 0;
}
.shop-page-area .tab-content .tab-pane .single-product .product-title h4 {
  margin-bottom: 0;
}
.shop-page-area .tab-content .tab-pane .single-product .product-title h4 a {
  font-size: 14px;
  transition: all 0.5s ease 0s;
}
.shop-page-area .tab-content .tab-pane .single-product .product-title h4 a:hover {
  color: #ff5722;
}
.shop-page-area .tab-content .tab-pane .single-product:hover .product-img {
  position: relative;
  overflow: hidden;
}
.shop-page-area .tab-content .tab-pane .single-product:hover .product-img img {
  transition: all 0.5s ease 0s;
}
.shop-page-area .tab-content .tab-pane .single-product:hover .product-img img:hover {
  transform: scale(1.2);
}
.shop-page-area .tab-content .tab-pane .single-product .product-img img {
  width: 100%;
}
.shop-page-area .tab-content .tab-pane .single-product .price {
  position: absolute;
  top: 20px;
  left: 20px;
}
.shop-page-area .tab-content .tab-pane .single-product .price .new-price {
  font-size: 24px;
}
.shop-page-area .tab-content .tab-pane .single-product .price .new-price sup {
  font-size: 14px;
}
.shop-page-area .tab-content .tab-pane .single-product .price .old-price {
  margin-left: 5px;
  text-decoration: line-through;
}
.shop-page-area .tab-content .tab-pane .single-product .product-action {
  top: 0;
  left: 0;
  margin-top: 0px;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  transition: .5s;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0%;
  transform: translateY(50%);
}
.shop-page-area .tab-content .tab-pane .single-product .product-action ul {
  text-align: center;
  position: relative;
}
.shop-page-area .tab-content .tab-pane .single-product .product-action ul li {
  display: inline-block;
  margin: 0 9px;
}
.shop-page-area .tab-content .tab-pane .single-product .product-action ul li.active {
  background: #ff5722;
  border: 2px solid #ff5722;
  color: #fff;
}
.shop-page-area .tab-content .tab-pane .single-product .product-action ul li a {
  color: #fff;
  display: block;
  font-size: 16px;
  padding: 18px 0;
  transition: all 0.5s ease 0s;
}
.shop-page-area .tab-content .tab-pane .single-product .product-action ul li a:hover {
  color: #ff5722;
}
.shop-page-area .tab-content .tab-pane .review li {
  display: inline-block;
  margin: 0 1.5px;
  color: #636363;
}
.shop-page-area .tab-content .tab-pane .review li:last-child {
  color: #c2c2c2;
}
.shop-page-area .product-list-view-area .list-single-product {
  margin-top: 30px;
}
.shop-page-area .product-list-view-area .list-single-product .media .product-action ul {
  text-align: left;
  position: relative;
}
.shop-page-area .product-list-view-area .list-single-product .media .product-action ul li {
  display: inline-block;
  margin: 0 3px;
}
.shop-page-area .product-list-view-area .list-single-product .media .product-action ul li a {
  color: #333333;
  display: block;
  font-size: 16px;
  padding: 18px 0;
  transition: all 0.5s ease 0s;
  margin: 0 3px !important;
}
.shop-page-area .product-list-view-area .list-single-product .media .product-action ul li a:after {
  background: none;
}
.shop-page-area .product-list-view-area .list-single-product .media .product-action ul li a i:after {
  background: none;
}
.shop-page-area .product-list-view-area .list-single-product .media .product-action ul li a:hover {
  color: #ff5722;
  background: none;
}
.shop-page-area .product-list-view-area .list-single-product .media .product-action ul li a:hover:after {
  background: none;
}
.shop-page-area .product-list-view-area .list-single-product .media a {
  display: block;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.shop-page-area .product-list-view-area .list-single-product .media a:hover:after {
  opacity: 1;
  top: 0;
  transform: skew(0deg);
  visibility: visible;
}
.shop-page-area .product-list-view-area .list-single-product .media a:after {
  background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
  height: 100%;
  left: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: skew(0deg);
  transition: all 0.9s ease 0s;
  visibility: hidden;
  width: 100%;
  content: "";
  margin-right: 10px;
}
.shop-page-area .product-list-view-area .list-single-product .media a img {
  width: 100%;
}
.shop-page-area .product-list-view-area .list-single-product .media a > span {
  position: absolute;
  left: 10px;
  top: 10px;
  color: #484747 !important;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body {
  padding: 60px 0;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading {
  margin-bottom: 15px;
  position: relative;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a {
  transition: all 0.5s ease 0s;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  color: #000000;
  font-weight: 600;
  text-transform: uppercase;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a:after {
  display: none;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body h4.media-heading a:hover {
  color: #ff5722;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body p {
  margin-bottom: 10px;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body .review {
  text-align: left;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body .review li {
  display: inline-block;
  margin: 0 1.5px;
  color: #ff5722;
}
.shop-page-area .product-list-view-area .list-single-product .media .media-body .review li:last-child {
  color: #c2c2c2;
}
.shop-page-area .product-list-view-area .list-single-product .media a:hover:after span {
  color: #484747 !important;
}
/* ....................................
20.Sidebar Design Start Here 
.......................................*/
.sidebar-area .widget {
  margin-bottom: 60px;
}
.sidebar-area .widget h2 {
  color: #000000;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 40px;
}
.sidebar-area .widget h2:after {
  position: absolute;
  bottom: -20px;
  left: 0;
  content: "";
  background: #ebebeb;
  width: 100%;
  height: 3px;
}
.sidebar-area .widget .services-tab ul {
  margin: 0;
  padding: 0;
  text-align: left;
  border: 0px;
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs {
  margin: 0;
  padding: 0;
  text-align: left;
  border: 1px solid #e8e8e8;
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li {
  display: block;
  float: inherit;
  border-top: 1px solid #e8e8e8;
  background: transparent;
  color: #444444;
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li:first-child {
  border-top: 0px solid #ffffff;
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li.active {
  background: transparent;
  color: #444444;
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li.active a {
  background: transparent;
  color: #ff5722;
  border: 0px;
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li a {
  display: block;
  font-size: 16px;
  color: #444444;
  background: transparent;
  border: 0px;
}
.sidebar-area .widget .services-tab ul.nav.nav-tabs li a:hover {
  background: transparent;
  color: #ff5722;
  border: 0px;
}
.sidebar-area .widget .recent-project ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget .recent-project ul li {
  display: inline-block;
}
.sidebar-area .widget .recent-project ul li a {
  display: block;
  margin: -2px;
  padding: 0;
  width: 88px;
  height: 88px;
}
.sidebar-area .widget .recent-project ul li a img {
  transition: all 0.5s ease 0s;
}
.sidebar-area .widget .recent-project ul li a img:hover {
  opacity: .9;
  box-shadow: none;
}
.sidebar-area .widget.widget_categories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-area .widget.widget_categories ul li {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ededed;
}
.sidebar-area .widget.widget_categories ul li:last-child {
  border-bottom: 0px;
}
.sidebar-area .widget.widget_categories ul li a {
  display: block;
  text-decoration: none;
  position: relative;
  margin-left: 20px;
  color: #444444;
  font-size: 14px;
  transition: all 0.5s ease 0s;
}
.sidebar-area .widget.widget_categories ul li a:hover {
  color: #ff5722;
}
.sidebar-area .widget.widget_categories ul li a span.count {
  float: right;
}
.sidebar-area .widget.widget_categories ul li a:after {
  position: absolute;
  left: -20px;
  top: 0px;
  font-size: 12px;
  font-weight: 300;
  color: #333333;
  content: "\f101";
  font-family: FontAwesome;
}
.sidebar-area .widget #slider-range {
  margin-bottom: 15px;
}
.sidebar-area .widget .ui-widget-content {
  background: #ff5722;
  border: 0 solid #a6c9e2;
  color: #000000;
  height: 4px;
}
.sidebar-area .widget .ui-slider-range.ui-widget-header.ui-corner-all {
  background: #000000 none repeat scroll 0 0;
  border: 0 none;
  box-shadow: none;
  height: 4px;
}
.sidebar-area .widget .ui-state-default,
.sidebar-area .widget .ui-widget-content .ui-state-default,
.sidebar-area .widget .ui-widget-header .ui-state-default {
  background: #ff5722;
  border: 0 solid #ffffff;
  font-weight: 300;
  margin: 10px;
  width: 10px;
  border-radius: 100%;
  height: 10px;
}
.sidebar-area .widget .ui-slider-horizontal .ui-slider-handle {
  top: -13px;
  margin-left: 0em;
}
.sidebar-area .widget .price-area label {
  color: #444444;
  font-weight: 300;
  font-size: 13px;
}
.sidebar-area .widget .price-area input {
  text-align: left;
  margin-left: 20px;
  border: 0px solid #ffffff;
  display: inline-block;
  width: 110px;
}
.sidebar-area .widget .price-area span {
  background: #ff5722;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 20px;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
  text-align: center;
  cursor: pointer;
}
.sidebar-area .widget .price-area span:hover {
  background: #7ac143;
}
.sidebar-area .widget .posted-date {
  padding-top: 20px;
}
.sidebar-area .widget .posted-date a {
  color: #444444;
  font-weight: 400;
  transition: all 0.5s ease 0s;
}
.sidebar-area .widget .posted-date a:hover {
  color: #ff5722;
}
.sidebar-area .widget .price a {
  color: #444444;
  font-weight: 600;
  transition: all 0.5s ease 0s;
}
.sidebar-area .widget .price a:hover {
  color: #ff5722;
}
.sidebar-area .widget .popular-tags ul li {
  display: inline-block;
  border: 1px solid #e1e1e1;
  margin: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.sidebar-area .widget .popular-tags ul li:hover {
  border: 1px solid #ff5722;
  background: #ff5722;
}
.sidebar-area .widget .popular-tags ul li:hover a {
  color: #ffffff;
}
.sidebar-area .widget .popular-tags ul li a {
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  color: #6a6a6a;
}
.sidebar-area .widget .search-box {
  height: 45px;
  margin: 0;
  padding: 0;
  transition: all 0.5s ease 0s;
}
.sidebar-area .widget .search-box .search-form input.form-control {
  border-radius: 0;
  line-height: 2px;
  width: 100%;
}
.sidebar-area .widget .search-box.show-box {
  opacity: 1 !important;
}
/* ====================================
21. Pagination Area Start Here 
=======================================*/
.pagination-area {
  padding-top: 30px;
}
.pagination-area ul {
  text-align: center;
}
.pagination-area ul li {
  display: inline-block;
}
.pagination-area ul li.active a {
  background: #ff5722;
  color: #ffffff;
}
.pagination-area ul li a {
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  background: #f5f5f5;
  border: none;
  color: #000000;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.5s ease 0s;
  text-align: center;
}
.pagination-area ul li a:hover {
  background: #ff5722;
  color: #ffffff;
}
/* ------------------------------------
22.Single Product Start Here
---------------------------------------*/
.single-product-area {
  padding: 90px 0;
}
.single-product-area .section-title h3 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;
  padding-bottom: 15px;
  text-align: left;
}
.single-product-area .single-product-image {
  position: relative;
  overflow: hidden;
}
.single-product-area .single-product-image:hover:after {
  opacity: 1;
  transform: scaleY(1);
}
.single-product-area .single-product-image:hover .price span.new-price {
  color: #ffffff;
}
.single-product-area .single-product-image:hover .price span.new-price del {
  color: #ffffff;
}
.single-product-area .single-product-image:after {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  position: absolute;
  transform-origin: 0 1 0;
  transform: scaleY(0);
  opacity: 0;
  transition: all 0.5s ease 0s;
}
.single-product-area .single-product-image img {
  width: 100%;
}
.single-product-area .single-product-image .price {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  transition: all 0.5s ease 0s;
}
.single-product-area .single-product-image .price span.new-price {
  font-weight: 600;
  color: #333333;
  font-size: 24px;
  padding: 10px;
  display: block;
}
.single-product-area .single-product-image .price span.new-price del {
  font-size: 14px;
  color: #777777;
}
.single-product-area .product-details .product-content h3 {
  font-size: 18px;
  color: #000000;
  font-weight: 800;
  margin-bottom: 5px;
}
.single-product-area .product-details .product-content .review {
  margin: 0 0 30px;
  padding: 0;
  text-align: left !important;
}
.single-product-area .product-details .product-content .review li {
  display: inline-block;
  margin: 0 5px;
}
.single-product-area .product-details .product-content .review li i.fa {
  color: #636363 !important;
  display: block;
}
.single-product-area .product-details .product-content .review li i.fa:hover {
  color: #ff5722;
}
.single-product-area .product-details .product-content p {
  font-size: 16px;
  padding-bottom: 30px;
  text-align: justify;
}
.single-product-area .product-informations .product-action {
  width: 50%;
  float: left;
}
.single-product-area .product-informations .product-action ul {
  text-align: left;
  position: relative;
}
.single-product-area .product-informations .product-action ul li {
  display: inline-block;
  margin: 0 9px;
}
.single-product-area .product-informations .product-action ul li.active {
  background: #ff5722;
  border: 2px solid #ff5722;
  color: #fff;
}
.single-product-area .product-informations .product-action ul li a {
  color: #333333;
  display: block;
  font-size: 16px;
  padding: 0px 0;
}
.single-product-area .product-informations .product-attributes {
  width: 50%;
  float: left;
}
.single-product-area .product-informations .product-attributes ul {
  text-align: left;
  position: relative;
}
.single-product-area .product-informations .product-attributes ul li {
  display: inline-block;
  margin: 0 9px;
}
.single-product-area .product-informations .product-attributes ul li span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #000000;
  margin: 0 3px;
}
.single-product-area .product-informations .product-attributes ul li span.red {
  background: #dd3756;
}
.single-product-area .product-informations .product-attributes ul li span.orange {
  background: #ff5722;
}
.single-product-area .product-informations .product-attributes ul li span.red {
  background: #378ed0;
}
.single-product-area .product-informations .product-attributes ul li a {
  color: #333333;
  display: block;
  font-size: 16px;
  padding: 0px 0;
}
.single-product-area .product-informations .product-attributes ul li select {
  display: inline-block;
}
.single-product-area .product-informations .product-attributes ul li select.form-control {
  width: auto;
}
.single-product-area .product-tag-categories .product-cetagories {
  border-bottom: 1px solid #f1f1f1;
  padding: 60px 0 30px;
}
.single-product-area .product-tag-categories .product-cetagories ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product-area .product-tag-categories .product-cetagories ul li {
  display: block;
  color: #868686;
  letter-spacing: 3px;
}
.single-product-area .product-tag-categories .product-cetagories ul li span {
  font-weight: 400;
  color: #333333;
}
.single-product-area .product-tag-categories .product-share {
  border-bottom: 1px solid #f1f1f1;
  padding: 30px 0 30px;
}
.single-product-area .product-tag-categories .product-share ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-product-area .product-tag-categories .product-share ul li {
  display: inline-block;
  color: #868686;
  letter-spacing: 3px;
}
.single-product-area .product-tag-categories .product-share ul li span {
  font-weight: 400;
  color: #333333;
}
.single-product-area .product-tag-categories .product-share ul li i {
  transition: all 0.5s ease 0s;
}
.single-product-area .product-tag-categories .product-share ul li i:hover {
  color: #ff5722;
}
.single-product-area .product-descriptions {
  padding: 40px 0;
}
.single-product-area .product-descriptions ul {
  margin: 0;
  padding: 0;
  text-align: left;
  border: 0px;
}
.single-product-area .product-descriptions ul.nav.nav-tabs {
  margin: 0 0 15px;
  padding: 0 0 15px;
  border-bottom: 1px solid #f1f1f1;
  text-align: left;
}
.single-product-area .product-descriptions ul.nav.nav-tabs li {
  display: inline-block;
  float: inherit;
  border: 0px;
  background: transparent;
  color: #cccccc;
}
.single-product-area .product-descriptions ul.nav.nav-tabs li:last-child a:after {
  display: none;
}
.single-product-area .product-descriptions ul.nav.nav-tabs li.active {
  background: transparent;
  color: #ff5722;
  border: 0px;
}
.single-product-area .product-descriptions ul.nav.nav-tabs li.active a {
  background: transparent;
  color: #ff5722;
  border: 0px;
  line-height: 0;
  text-transform: uppercase;
}
.single-product-area .product-descriptions ul.nav.nav-tabs li a {
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 0;
  color: #cccccc;
  font-weight: 600;
  background: transparent;
  border: 0px;
  text-transform: uppercase;
}
.single-product-area .product-descriptions ul.nav.nav-tabs li a:hover {
  background: transparent;
  color: #ff5722;
  border: 0px;
}
.single-product-area .product-descriptions .tab-content {
  margin-top: 0;
  border: 0px solid #ffffff;
}
.single-product-area .product-descriptions .tab-content p {
  font-size: 16px;
}
.single-product-area .related-product .single-product {
  text-align: center;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  margin: 0 15px;
}
.single-product-area .related-product .single-product:hover .product-img:before {
  transform: rotate(0deg);
}
.single-product-area .related-product .single-product .product-img {
  position: relative;
  overflow: hidden;
}
.single-product-area .related-product .single-product .product-img:hover:after {
  opacity: 1;
  transform: scaleY(1);
}
.single-product-area .related-product .single-product .product-img:hover .product-action {
  opacity: 1;
  transform: scale(1);
}
.single-product-area .related-product .single-product .product-img:hover .price {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
  z-index: 999;
}
.single-product-area .related-product .single-product .product-img:hover .price .new-price {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
  z-index: 999;
}
.single-product-area .related-product .single-product .product-img:hover .price .new-price strike {
  font-size: 14px;
  color: #ffffff;
  z-index: 999;
}
.single-product-area .related-product .single-product .product-img:after {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  transition: all 0.5s ease 0s;
  opacity: 0;
  transform: scaleY(0);
}
.single-product-area .related-product .single-product .product-img img {
  width: 100%;
  border: 1px solid #e8e8e8;
}
.single-product-area .related-product .single-product .product-img .price {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px;
}
.single-product-area .related-product .single-product .product-img .price .new-price {
  font-size: 24px;
  font-weight: 600;
  color: #000000;
}
.single-product-area .related-product .single-product .product-img .price .new-price strike {
  font-size: 14px;
  color: #777777;
}
.single-product-area .related-product .single-product .product-img .product-action {
  opacity: 0;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  background: #333333;
  padding: 8px;
  z-index: 9999;
  transform: scale(1.9);
  transition: all .3s;
}
.single-product-area .related-product .single-product .product-img .product-action ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
.single-product-area .related-product .single-product .product-img .product-action ul li {
  display: inline-block;
  margin: 0 7px;
}
.single-product-area .related-product .single-product .product-img .product-action ul li a {
  color: #ffffff;
  padding: 0;
}
.single-product-area .related-product .single-product .product-title {
  margin-top: 25px;
  text-align: center !important;
}
.single-product-area .related-product .single-product .product-title h4 {
  margin-bottom: 10px;
}
.single-product-area .related-product .single-product .product-title h4 a {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  text-transform: capitalize;
}
.single-product-area .related-product .single-product .product-title ul {
  text-align: left;
}
.single-product-area .related-product .owl-controls .owl-buttons {
  position: absolute;
  right: 0;
  top: -60px;
}
.single-product-area .related-product .owl-controls .owl-buttons div {
  display: inline-block;
  font-size: 20px;
  margin: 0 0px;
  transition: .5s;
  color: #333333;
  background: transparent;
}
.single-product-area .related-product .owl-controls .owl-buttons div:hover i {
  color: #ff5722;
}
/* ------------------------------------
23. Blog Page Start Here 
---------------------------------------*/
.blog-page .single-blog {
  margin: 15px 0 !important;
}
.blog-page .load-more {
  display: inline-block;
  margin-top: 30px;
}
.blog-page .load-more a {
  font-size: 16px;
  display: block;
  padding: 12px 40px;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  background: #ff5722;
  border: 1px solid #ff5722;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fffffff;
}
.blog-page .load-more a:hover {
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
/* ------------------------------------
24.Single Blog Page Start Here 
---------------------------------------*/
.single-blog-page-area {
  padding: 100px 0;
}
.single-blog-page-area .blog-content-area .blog-image {
  margin-bottom: 20px;
}
.single-blog-page-area .blog-content-area .blog-image img {
  width: 100%;
}
.single-blog-page-area .blog-content-area .blog-image img:hover {
  opacity: .9;
}
.single-blog-page-area .blog-content-area .blog-informations {
  margin-bottom: 30px;
}
.single-blog-page-area .blog-content-area .blog-informations ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-page-area .blog-content-area .blog-informations ul li {
  display: inline-block;
  margin-right: 10px;
}
.single-blog-page-area .blog-content-area .blog-informations ul li a {
  display: block;
  color: #333333;
  font-size: 14px;
  letter-spacing: 2px;
}
.single-blog-page-area .blog-content-area .blog-informations ul li a i {
  margin-left: 10px;
  color: #ff5722;
}
.single-blog-page-area .blog-content-area blockquote {
  background: #f5f5f5 none repeat scroll 0 0;
  border-left: 5px solid #ff5722;
  margin-left: 50px;
  padding: 30px 30px 10px;
}
.single-blog-page-area .blog-content-area blockquote i {
  color: #ccc;
}
.single-blog-page-area .blog-content-area blockquote span {
  display: block;
  text-align: right;
}
.single-blog-page-area .blog-content-area blockquote p {
  font-size: 14px;
  margin-top: -17px;
  padding-left: 30px;
}
.single-blog-page-area .post-share {
  border-top: 1px solid #cccccc;
  padding-top: 15px;
  margin-top: 30px;
}
.single-blog-page-area .post-share .tags {
  width: 50%;
  float: left;
}
.single-blog-page-area .post-share .tags h3 {
  display: inline-block;
  font-size: 16px;
  text-transform: capitalize;
  float: left;
}
.single-blog-page-area .post-share .tags ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-page-area .post-share .tags ul li {
  display: inline-block;
  margin-left: 10px;
}
.single-blog-page-area .post-share .tags ul li a {
  color: #444444;
}
.single-blog-page-area .post-share .social-shear {
  width: 28%;
  float: right;
  text-align: right;
}
.single-blog-page-area .post-share .social-shear h3 {
  display: inline-block;
  font-size: 16px;
  text-transform: capitalize;
  float: left;
}
.single-blog-page-area .post-share .social-shear ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.single-blog-page-area .post-share .social-shear ul li {
  display: inline-block;
  margin-left: 10px;
}
.single-blog-page-area .post-share .social-shear ul li a {
  color: #444444;
}
.single-blog-page-area .comments-area {
  padding-top: 60px;
}
.single-blog-page-area .comments-area .comment-respond > h3 {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.single-blog-page-area .comments-area .comment-respond input {
  width: 100%;
  padding: 5px;
}
.single-blog-page-area .comments-area .comment-respond textarea {
  width: 100%;
  height: 175px;
  padding: 10px;
}
.single-blog-page-area .comments-area .comment-respond input[type="submit"] {
  width: 100px;
  height: 42px;
  border: none;
  background: #ff5722;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.single-blog-page-area .comments-area .comment-respond input[type="submit"]:hover {
  background: #c0390f;
}
/* ------------------------------------
25.Cart Page Start Here 
---------------------------------------*/
.cart-page-area {
  padding: 90px 0;
}
.cart-page-area .table-button-area {
  border: 0 solid #ededed;
  clear: both;
  margin: 0px 0 30px;
  padding: 10px 0;
}
.cart-page-area .table-button-area .button-area .button {
  display: block;
  background: #f5f5f5;
  border: 0px solid #ff5722;
  color: #333333;
  padding: 6px 15px;
  transition: all 0.5s ease 0s;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 5px;
  margin-left: 10px;
}
.cart-page-area .table-button-area .button-area .button:hover {
  background: #ff5722;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  color: #ffffff;
}
.cart-page-area .cart-page tbody tr td img.shop-image {
  height: auto;
  padding: 0px;
}
.cart-page-area td.t-center .fa.fa-trash {
  color: #ff0000;
  cursor: pointer;
  display: block;
  text-align: center;
  margin: 20px 0;
}
.cart-page-area .cart-page .t-center {
  text-align: center;
  margin: 20px 0;
  border: none;
}
.cart-page-area .cart-page thead {
  border-bottom: 1px solid #ededed;
}
.cart-page-area .t-center > a {
  display: block;
  text-align: center;
  color: #222222;
}
.cart-page-area .t-center > a:hover {
  color: #ff5722;
}
.cart-page-area .a-center .input-text.qty {
  background: #f0f0f0 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  height: 40px;
  text-align: center;
  width: 60px;
  line-height: 60px;
  margin: 20px 0;
}
.cart-page-area .cart-page table.table tr {
  padding: 20px 0;
  display: table-row;
}
.cart-page-area .cart-page table.table tr:last-child {
  background: #ffffff none repeat scroll 0 0;
}
.cart-page-area .cart-page table.table .big-td {
  width: auto;
}
.cart-page-area .table-button-left {
  width: 48%;
  margin-right: 1%;
  float: left;
}
.cart-page-area .table-button-right {
  margin-left: 1%;
  float: right;
}
.cart-page-area .table-button-right ul li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.cart-page-area .table-button-right .button-area button.button {
  margin: 0;
}
.cart-page-area .min-area {
  margin-left: -15px;
  margin-right: -15px;
}
.cart-page-area .single-cart-form-button .button-area button.button {
  margin: 20px;
  display: block;
  background: #ff5722;
  border: 1px solid #ff5722;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  padding: 5px;
}
.cart-page-area .single-cart-form-button .button-area button.button:hover {
  background: #7ac143;
  border: 1px solid #7ac143;
}
.cart-page-area .single-cart-form {
  border: 1px solid #dddddd;
}
.cart-page-area .single-cart-form-title {
  padding: 20px 20px 0;
}
.cart-page-area .single-cart-form-title h4 {
  margin-bottom: 10px;
}
.cart-page-area .single-cart-form-title p {
  margin-bottom: 0;
}
.cart-page-area .single-cart-form .form-list {
  padding: 0 15px 0 15px;
}
.cart-page-area .single-cart-form .form-list > p {
  color: #000000;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 0;
}
.cart-page-area .single-cart-form ul.form-list li .input-box .input-text.required-entry {
  width: 100%;
  height: 40px;
}
.cart-page-area .single-cart-form ul.form-list li .input-box select {
  width: 100%;
  height: 40px;
}
.cart-page-area .single-cart-form .table > tbody > tr > td {
  border-top: 0px solid #fff;
  font-weight: bold;
}
.cart-page-area .single-cart-form .table > tbody > tr > td.left {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
  text-align: left;
}
.cart-page-area .single-cart-form .table > tbody > tr > td.right {
  text-align: right;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 300;
}
.cart-page-area .single-cart-form-last {
  padding: 20px 10px 0 15px;
  background: #fafafa none repeat scroll 0 0;
}
.cart-page-area .single-cart-form .table .total-money {
  font-size: 20px !important;
  font-weight: bold !important;
}
.cart-page-area .single-cart-coupon-button .button-area button.button {
  float: right;
  margin: 20px 0 0;
  display: block;
  background: #ff5722;
  border: 1px solid #ff5722;
  color: #ffffff;
  transition: all 0.5s ease 0s;
  padding: 5px;
}
.cart-page-area .single-cart-coupon-button .button-area button.button:hover {
  background: #7ac143;
  border: 1px solid #7ac143;
}
.cart-page-area .multiple-access-checkout {
  margin: 10px 0 0;
  text-align: right;
}
.cart-page-area ul.form-list .form-group input[type="checkbox"],
.cart-page-area input[type="radio"] {
  box-sizing: border-box;
  display: block;
  float: left !important;
  padding: 3px;
  margin: 6px 10px 0 0;
}
.cart-page-area .multiple-access-checkout > a {
  transition: all 0.5s ease 0s;
  color: #444444;
}
.cart-page-area .multiple-access-checkout > a:hover {
  color: #ff5722;
}
.cart-page-area .t-center.name {
  padding-top: 30px;
}
.cart-page-area .shopping-cart-form {
  margin-top: 20px;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left {
  background: #f0f0f0;
  padding: 60px;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left form input {
  height: 44px;
  border-radius: 0;
  width: 100%;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left form button {
  height: 44px;
  border-radius: 0;
  background: #ff5722;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #ffffff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 7px 20px;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-left form label {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  color: #444444;
  border-radius: 0;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right h4 {
  padding: 25px 0;
  display: block;
  text-align: center;
  margin-bottom: 8px;
  background: #ff5722 none repeat scroll 0 0 !important;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul li {
  display: block;
  font-weight: 600;
  font-size: 16px;
  text-transform: uppercase;
  padding: 15px 0;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul li:last-child {
  margin-top: 10px;
  border-top: 1px solid #f1f1f1;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right ul li span {
  float: right;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right .payment-button {
  margin-top: 30px;
  padding-bottom: 0;
  border: none;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right .payment-button a {
  background: #f5f5f5 none repeat scroll 0 0;
  border-radius: 4px;
  color: #444444;
  font-weight: 600;
  padding: 10px 25px;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
  text-align: center;
  transition: all 0.5s ease 0s;
}
.cart-page-area .shopping-cart-form .shopping-cart-form-right .payment-button a:hover {
  background: #ff5722;
  color: #fff;
}
/* ------------------------------------
26.Checkout Page Area Start 
---------------------------------------*/
.checkout-page-area {
  padding: 90px 0 80px;
}
.checkout {
  display: block;
}
.total-area {
  border: none;
}
.panel.panel-default {
  border: medium none;
  margin-bottom: 15px;
}
.panel-heading {
  padding: 0px !important;
}
span.number {
  background: #ff5722 none repeat scroll 0 0;
  border-radius: 4px;
  color: #fff;
  float: left;
  height: 45px;
  line-height: 30px;
  margin: 0px 20px 0 0px;
  text-align: center;
  width: 45px;
  line-height: 45px;
}
.tab-number h4 {
  border: none;
  text-align: left;
  background: #f5f5f5;
}
.panel-heading.tab-number.active h4 a {
  background: #8abf00 none repeat scroll 0 0;
  color: #ffffff;
}
.tab-number a {
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 50px;
  color: #555;
}
.tab-number a {
  display: block;
  text-decoration: none;
  padding: 15px 0 15px 50px;
  color: #555;
}
.left-checkout {
  float: left;
  width: 48%;
  margin-right: 1%;
}
.left-checkout h3,
.right-checkout h3 {
  color: #555;
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
  text-transform: uppercase;
}
.left-checkout p {
  font-size: 1.08em;
  margin: 0 0 10px 0;
}
.right-checkout h4 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
em {
  color: red !important;
  margin-right: 15px !important;
}
.left-checkout ul.form-list li.control label {
  font-weight: normal;
  margin: 0px 0 0 0;
}
.left-checkout h4 {
  color: #555;
  margin: 10px 0 0px 0;
  font-weight: normal;
}
.left-checkout ul.features {
  padding-left: 18px;
}
.left-checkout .button-area {
  padding: 15px;
  margin-top: 20px;
}
.left-checkout .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.left-checkout .button-area button:hover {
  background: #1BB2C0;
}
.right-checkout {
  float: right;
  width: 48%;
  margin-left: 1%;
}
.right-checkout ul.form-list .input-box .input-text.required-entry {
  width: 100%;
  height: 38px;
  border-radius: 0px;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
}
.right-checkout ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 5px 0;
}
.right-checkout .button-area {
  padding-top: 15px;
  border: 1px solid #eee;
  margin-top: 20px;
}
.right-checkout .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.right-checkout .button-area button:hover {
  background: #1BB2C0;
}
.right-checkout a.f-left {
  margin-left: 10px;
  color: #222222;
}
.right-checkout a.f-left:hover {
  color: #ff5722;
}
.billing-information ul.form-list li label.required {
  font-weight: normal;
  margin: 0px 0 0 0;
  margin-top: 10px;
}
.checkout-progress {
  margin-bottom: 30px;
}
.checkout-progress > h2 {
  color: inherit;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 10px;
}
.checkout-progress li.not-completed:after {
  content: "";
}
.checkout-progress li:after {
  color: #ff5722;
  content: "\f00c";
  display: block;
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  top: 40px;
  margin-left: -10px;
}
.checkout-progress li {
  border-bottom: 2px solid #ff5722;
  color: #ff5722;
  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: #ff5722;
}
.checkout-progress li i {
  color: #666;
  padding: 0 10px 0 0;
}
.billing-information ul.form-list li .input-box .input-text.required-entry {
  width: 100%;
  height: 38px;
  border-radius: 0px;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
  margin-top: 10px;
  border: none;
}
.billing-information ul.form-list .input-box select {
  width: 100%;
  height: 38px;
  border-radius: 0;
  border: 1px solid #eeeeee;
  padding-left: 10px;
  text-align: left;
  background: #f0f0f0;
  margin-top: 10px;
}
.billing-information ul.form-list li.control label {
  font-weight: normal;
  margin: 0px 0 0 0;
}
.billing-information .button-area button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #000000;
  color: #ffffff;
  text-transform: uppercase;
  margin: 10px;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
}
.billing-information .button-area button:hover {
  background: #1BB2C0;
}
.order-view-left {
  float: left;
}
.order-view-left li {
  line-height: 30px;
}
.order-view-right {
  float: right;
}
.order-view-right li {
  line-height: 30px;
}
li.grand-total {
  font-weight: bold;
}
.credit-card-form {
  display: none;
}
.order-review,
.order-review-total-price {
  background: #f3f3f3 none repeat scroll 0 0 !important;
  display: block;
  overflow: hidden;
  padding: 5px;
}
.button-area button.button {
  clear: both;
  padding: 10px;
  text-align: left;
  background: #ff5722;
  color: #ffffff;
  text-transform: uppercase;
  margin: 0;
  border: none;
  font-size: 13px;
  font-weight: bold;
  transition: all .3s;
  margin-bottom: 15px;
}
.button-area button.button:hover {
  background: #7ac143;
}
p.f-left {
  display: inline;
  padding: 0 0 0 10px;
}
input[type="radio"] {
  line-height: normal;
  display: inline-block;
}
input[type="checkbox"] {
  line-height: normal;
  display: inline-block;
}
/* ------------------------------------
 27.Login and Registration End Here
---------------------------------------*/
.loginregistration-area {
  padding: 80px 0;
}
.loginregistration-area .login-area {
  padding: 0px;
}
.loginregistration-area .login-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .login-area h2:after {
  background: #ff5722;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .login-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .login-area fieldset label {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .login-area fieldset input {
  background: #f5f6f6;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  height: 45px;
  border: none;
  margin-right: 20px;
}
.loginregistration-area .login-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset textarea {
  background: #f5f6f6;
  border-radius: 0;
  margin-right: 20px;
  border: none;
}
.loginregistration-area .login-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .login-area fieldset .btn-send {
  background: #ff5722;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 10px 45px;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .login-area fieldset .btn-send:hover {
  background: #7ac143;
}
.loginregistration-area .login-area .connected-area {
  margin-top: 20px;
}
.loginregistration-area .login-area .connected-area p {
  color: #222222;
  font-size: 18px;
}
.loginregistration-area .login-area .connected-area ul li {
  display: inline-block;
  margin: 0 5px;
  cursor: pointer;
}
.loginregistration-area .login-area .connected-area ul li img {
  width: 100%;
}
.loginregistration-area .login-area .checkbox label input {
  margin: -10px 0 0 -25px;
  display: inline-block;
  outline: none;
}
.loginregistration-area .login-area .checkbox p {
  margin: 10px 0 10px 0px;
}
.loginregistration-area .login-area .checkbox p a {
  color: #000000;
  font-size: 16px;
  transition: all 0.5s ease 0s;
}
.loginregistration-area .login-area .checkbox p a:hover {
  color: #ff5722;
}
.loginregistration-area .registration-area {
  padding: 0px;
}
.loginregistration-area .registration-area h2 {
  color: #222222;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  text-transform: uppercase;
}
.loginregistration-area .registration-area h2:after {
  background: #ff5722;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50px;
  width: 60px;
}
.loginregistration-area .registration-area fieldset {
  margin-top: 20px;
  margin-left: -15px;
}
.loginregistration-area .registration-area fieldset label {
  font-size: 16px;
  font-weight: normal;
  margin: 10px 0;
}
.loginregistration-area .registration-area fieldset input {
  background: #f5f6f6;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border: none;
  height: 45px;
  margin-right: 20px;
}
.loginregistration-area .registration-area fieldset input:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset textarea {
  background: #f5f6f6;
  border-radius: 0;
  margin-right: 20px;
  border: none;
}
.loginregistration-area .registration-area fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.loginregistration-area .registration-area fieldset .btn-send {
  background: #ff5722;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0px;
  transition: all 0.5s ease 0s;
  margin-top: 10px;
  width: 100%;
  text-transform: uppercase;
}
.loginregistration-area .registration-area fieldset .btn-send:hover {
  background: #7ac143;
}
/* ------------------------------------
28.Contact Page Start Here 
---------------------------------------*/
.contact-area {
  padding: 100px 0;
}
.contact-area .form-area .section-title h2 {
  text-align: center;
}
.contact-area .form-area .section-title h2:after {
  left: 30%;
}
.contact-area .form-area p {
  font-size: 14px;
}
.contact-area form {
  margin-bottom: 30px;
}
.contact-area form fieldset {
  margin-top: 0px;
}
.contact-area form fieldset input {
  background: #fff;
  border: 1px solid #ff5722;
  border-radius: 0;
  height: 45px;
  margin-right: 20px;
}
.contact-area form fieldset input:focus {
  border: 1px solid #dddddd;
  -webkit-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.1);
}
.contact-area form fieldset textarea {
  background: #ededed;
  border: 1px solid #ff5722;
  border-radius: 0;
  margin-right: 20px;
}
.contact-area form fieldset textarea:focus {
  border: 0px;
  box-shadow: none;
}
.contact-area form fieldset .btn-send {
  background: #ff5722;
  border: 0 none;
  color: #ffffff;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 10px 45px;
  text-transform: uppercase;
  transition: all 0.5s ease 0s;
}
.contact-area form fieldset .btn-send:hover {
  background: #000;
}
.contact-area form fieldset p {
  margin-bottom: 0 !important;
}
.contact-area .single-contact {
  margin-top: 20px;
  padding: 30px 0;
  border: 1px solid #ff5722;
  transition: all 0.5s ease 0s;
}
.contact-area .single-contact:hover {
  border: 1px solid #000;
}
.contact-area .single-contact:hover ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-area .single-contact:hover ul li {
  display: block;
  margin-bottom: 10px;
}
.contact-area .single-contact:hover ul li i {
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  color: #000;
}
.contact-area .single-contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.contact-area .single-contact ul li {
  display: block;
  margin-bottom: 10px;
}
.contact-area .single-contact ul li i {
  width: 40px;
  height: 40px;
  margin: auto;
  text-align: center;
  border: 1px solid #ff5722;
  border-radius: 50%;
  line-height: 40px;
  color: #ff5722;
}
/* ------------------------------------
29.Error Page Start Here 
---------------------------------------*/
.error-page-area {
  padding: 100px 0;
  position: relative;
}
.error-page-area .error-text {
  position: relative;
  text-align: center;
  padding: 177px 231px 0;
}
.error-page-area .error-text:before {
  background: rgba(0, 0, 0, 0) url(images/404.png) no-repeat scroll 0 0;
  content: "";
  height: 450px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: -1;
  background-position: right;
}
.error-page-area .error-text h2 {
  font-size: 48px;
  color: #ff5722;
  font-weight: 400;
  margin-bottom: 35px;
  text-transform: capitalize;
}
.error-page-area .error-text h2 span {
  font-size: 36px;
  font-weight: 300;
  color: #444444;
}
.error-page-area .error-text input {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #444444;
  height: 40px;
  margin-top: 30px;
  padding: 0 75px 0 15px;
  position: relative;
  width: 100%;
}
.error-page-area .error-text input[type="submit"] {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #444444;
  padding-right: 0;
  position: absolute;
  right: 247px;
  width: 80px;
  bottom: 0;
}
#scrollUp {
  background: #000000;
  border-radius: 2px 2px 0 0;
  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: #777777 !important;
}
#scrollUp i {
  display: block;
  padding-top: 5px;
}
header .header-right ul li > .cart a > span {
  background: #ff5722;
}
header .header-two .header-right ul li > .cart a > span {
  background: #7ac143;
}
.footer-top.footer-top-three .footer-two ul li {
  border: none;
  transition: all 0.5s ease 0s;
  width: 100%;
  height: 45px;
  line-height: 30px;
  text-align: left;
  margin: auto;
  display: block;
  margin-right: 0px;
}
p.form-submit {
  margin-bottom: 0 !important;
}
.subscribe-area .subscribe form .form-control:focus {
  border-color: #ffffff;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.our-special-feature-area.color-two .total-features .single-feature .details h3 a:hover {
  color: #ffffff !important;
}
.home-two .total-product .owl-controls .owl-buttons div:hover i {
  color: #7ac143;
}
.slider-area.home-two .slider-2 .title-container {
  padding-left: 20%;
}
.slider-area.home-two .slider-2 h1 {
  color: #ffffff;
}
.slider-area.home-two .slider-2 h1 span {
  color: #7AC143 !important;
}
.slider-area.home-two .slider-2 div.slider-botton ul li:first-child {
  margin-right: 10px !important;
}
.slider-area.home-two .slider-2 div.slider-botton ul li.acitve a {
  background: #7AC143 !important;
  border: 1px solid  #7AC143 !important;
}
.slider-area.home-two .slider-2 div.slider-botton ul li a:hover {
  background: #7AC143 !important;
  border: 1px solid  #7AC143 !important;
}
.slider-area.home-two .slider-2 div.title2 {
  color: #ffffff;
  padding: 0 65% 0 0 !important;
  text-align: left;
}
.slider-area.slider-three .slider-3 .title-container h1 {
  color: #000000;
}
.slider-area.slider-three .slider-3 .title-container div.title2 {
  color: #000000;
  font-size: 18px;
  padding-right: 60%;
}