/*-----------------------------------------------------------------------------------

    Template Name: Romantic- Responsive eCommerce HTML5 Template
    Template URI: http://bootexperts.com
    Description: This is html5 template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2.  header-top-bar
    3.  main-menu-area
      3.1  main-menu-area dropdown
    4.  shopping-cart and phone-area
    5. banner-area
    6. product-area
    7. new-sell-product-area
    8. category-banner-area
    9. blog-area-area
    10. testominal-newsletter-area
    11. box-top-footer
    12. maddile-footer
    13. footer-copyright-menu
    14. copyright
    15. home- 2
      15.1 home-2 product-area
      15.2 home-2 subscribe-area
    16. home-3
      16.1 home-3 header
    17. home-4
      17.1 home-4 header
      17.2 home-4 product-area
    18 home-5
      18.1 home-5 header
      18.2 home-5 product-area
    19. home-6
      19.1 home-6 product-area
      9.2 home-6 banner-area
    20. shop
      20.1 shop breadcrumbs
      20.2 shop toolbar
      20.3 shop left-side-bar
    21. cart page
    22. checkout page
      22.1 checkout sidebar
    24. account page
    25. create-account page
    26. wishlist page
    27.  Product details page
    28.  Blog page
    29.  blog-details page
    30.  404 error page
    31. about-us-page
-----------------------------------------------------------------------------------*/

/*************************
 Bootstrap Custom Container
************************/

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container, .container-sm {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container, .container-md, .container-sm {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container, .container-lg, .container-md, .container-sm {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1200px;
  }
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1200px;
  }
}

.row {
  --bs-gutter-x: 30px;
}

.carusul-wrapper {
  margin: 0 -15px;
}

.product-inner {
  padding: 0 15px;
}

.carusul-wrapper-2 {
  margin: 0 -10px;
}

.product-inner-2 {
  padding: 0 10px;
}

.container .row div[class^=col-] {
  position: relative;
}

.container-fluid .row div[class^=col-] {
  position: relative;
}

/*----------------------------------------*/

/*  1.  Theme default CSS
/*----------------------------------------*/

html, body {
  height: 100%;
}

.floatleft {
  float: left
}

.floatright {
  float: right
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px
}

.aligncenter {
  display: block;
  margin: 0 auto 15px
}

a:focus {
  outline: 0px solid
}

img {
  max-width: 100%;
  height: auto
}

.fix {
  overflow: hidden
}

p {
  margin: 0 0 15px;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
}

a {
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #989898;
}

a:hover {
  color: #ec4445;
  text-decoration: none;
}

a:active, a:hover {
  outline: 0 none;
}

button, input, optgroup, select, textarea {
  outline: none;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

.clear {
  clear: both
}

.no-padding {
  padding: 0 !important;
}

body {
  font-family: 'Poppins', sans-serif;
}

#scrollUp {
  background: #9d9d9d none repeat scroll 0 0;
  bottom: 12px;
  color: #fff;
  font-size: 30px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  right: 12px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  width: 40px;
  font-weight: bold;
}

#scrollUp:hover {
  background: #f45c5d;
}

.mobile-menu {
  display: none;
}

/*----------------------------------------*/

/*  2.  header-top-bar
/*----------------------------------------*/

.header-top-bar {
  border-bottom: 1px solid #b7b7b7;
}

.top-menu {}

.top-menu ul {}

.top-menu ul li {
  text-align: center;
  float: left;
  position: relative;
  border-right: 1px solid #b7b7b7;
}

.top-menu ul li a {
  color: #9c9c9c;
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 19px 28px;
  text-transform: uppercase;
  text-decoration: none;
}

.top-bar-right .top-menu ul li:last-child {
  border-right: 0;
}

.home-4 .top-bar-right .top-menu ul li:last-child {
  border-right: 1px solid #3d434b;
}

.home-5 .top-bar-right .top-menu ul li:last-child {
  border-right: 0;
}

.top-menu ul li ul {
  background: #fff none repeat scroll 0 0;
  border-color: #f45c5d #eeeeee #eeeeee;
  border-style: solid;
  border-width: 2px 1px 1px;
  left: 0px;
  list-style: outside none none;
  margin: 0;
  min-width: 140px;
  position: absolute;
  text-align: left;
  top: 150%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.top-menu ul li:hover ul {
  opacity: 1;
  visibility: visible;
  top: 100%
}

.top-menu ul li ul li {
  float: none;
  border: 0 !important;
}

.top-menu ul li ul li a {
  background-color: rgba(244, 244, 244, 0.95);
  border-radius: 0;
  color: #2b2929;
  display: block;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 27px;
  text-align: left;
  text-transform: capitalize;
}

.top-menu ul li ul li a:hover {
  background: #e5e5e5 none repeat scroll 0 0;
  color: #f45c5d;
}

.currency {
  float: left;
}

.social-menus {
  float: left;
  overflow: hidden;
}

.social-menus ul {
  margin-left: 25px;
}

.social-menus ul li {
  float: left;
  margin-right: 20px;
  margin-top: 13px;
}

.social-menus ul li a {
  text-align: center;
  transition: all 0.3s ease 0s
}

.social-menus ul li a i {
  border: 1px solid #959595;
  border-radius: 100%;
  color: #9c9c9c;
  display: block;
  font-size: 11px;
  height: 23px;
  line-height: 23px;
  width: 23px;
  transition: all 0.3s ease 0s
}

.social-menus ul li a:hover i {
  border-color: #f45c5d;
  color: #f45c5d;
}

.search-form {
  float: right;
  width: 38%;
  border-right: 1px solid #b7b7b7;
}

.search-form input {
  background: transparent none repeat scroll 0 0;
  border-color: #b7b7b7;
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  color: #c7c7c7;
  float: left;
  font-size: 12px;
  font-style: italic;
  height: 54.5px;
  line-height: 53px;
  margin: 0;
  padding-left: 20px;
  padding-right: 40px;
  text-transform: capitalize;
  width: 90%;
}

.top-bar-right .top-menu {
  float: right;
}

.search-form form {
  float: right;
  vertical-align: top;
  width: 100%;
}

.search-form button {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  float: left;
  margin-top: 8px;
}

.search-form button i {
  font-size: 24px;
  color: #9c9c9c;
  transition: 0.3s;
}

.search-form button:hover i {
  color: #de5648;
}

.top-bar-right .top-menu ul li a {
  padding: 27.5px 22px;
  line-height: 0;
}

.top-bar-right .top-menu ul li a i {
  float: left;
  font-size: 20px;
  margin-right: 5px;
  display: block;
  margin-top: 0;
  width: 20px;
  position: relative;
  height: 20px;
  top: -1px;
  line-height: 1px;
}

.top-bar-right .top-menu ul li a span {
  font-size: 0;
  transition: all 0.3s ease 0s;
  margin-left: 5px;
  float: left;
}

.top-bar-right .top-menu ul li a:hover {
  background: #de5648;
  color: #fff;
}

.top-bar-right .top-menu ul li a:hover span {
  font-size: 12px;
}

/*----------------------------------------*/

/*  3.  main-menu-area
/*----------------------------------------*/

.header-tob-buttom-area {
  margin: 45px 0;
}

.main-menu-area {
  margin-top: 10px;
}

.main-menu-area ul {}

.main-menu-area ul li {
  position: relative;
  float: left;
}

.main-menu-area ul li a {
  color: #474747;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 35px;
  margin-right: 50px;
  text-decoration: none;
  text-transform: uppercase;
}

.main-menu-area ul li a i {
  margin-left: 5px;
}

.main-menu-area ul li:hover a, .main-menu-area ul li.active a {
  color: #f45c5d;
}

.main-menu-area ul li:hover ul li a {
  color: #000;
}

/*----------------------------------------*/

/*  3.1  main-menu-area dropdown
/*----------------------------------------*/

.main-menu-area ul li ul.dropdown {
  position: absolute;
  width: 200px;
  background: #fff none repeat scroll 0 0;
  border-color: #f45c5d #eeeeee #eeeeee;
  border-style: solid;
  border-width: 2px 1px 1px;
  z-index: 9;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  padding: 10px;
}

.main-menu-area ul li:hover ul, .main-menu-area ul li:hover .mega-menu {
  z-index: 9999;
  transform: scaleY(1);
}

.main-menu-area ul li ul li {
  float: none;
}

.main-menu-area ul li ul li a {
  margin: 0;
  padding: 2px 10px;
  text-transform: capitalize;
  font-weight: normal;
}

.main-menu-area ul li ul li a:hover {
  color: #f45c5d;
}

/*----------------------------------------*/

/*  3.2  main-menu-area mega-menu
/*----------------------------------------*/

.main-menu-area ul li:hover .mega-menu {}

.main-menu-area ul li:hover .mega-menu .single-mega-menu a {
  color: #000;
}

.main-menu-area ul li .mega-menu .single-mega-menu a:hover {
  color: #f45c5d;
}

.main-menu-area ul li .mega-menu {
  background: #fff none repeat scroll 0 0;
  border-color: #f45c5d #eeeeee #eeeeee;
  border-style: solid;
  border-width: 2px 1px 1px;
  left: 0;
  position: absolute;
  width: 620px;
  padding: 30px;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}

.main-menu-area ul li .mega-menu.two {
  width: 430px;
}

.main-menu-area ul li .mega-menu .single-mega-menu {
  float: left;
  padding-right: 10px;
  width: 33%;
}

.main-menu-area ul li .mega-menu.two .single-mega-menu {
  width: 50%;
}

.main-menu-area ul li .mega-menu.two .single-mega-menu:nth-child(1) {
  margin-bottom: 40px;
}

.main-menu-area ul li .mega-menu.two .single-mega-menu:nth-child(2) {
  margin-bottom: 40px;
}

.main-menu-area ul li .mega-menu .single-mega-menu a {
  margin: 0;
  color: #2b2929;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 36px;
  text-transform: capitalize;
}

.main-menu-area ul li .mega-menu .single-mega-menu a i {
  margin: 0 12px 0 0;
}

.main-menu-area ul li .mega-menu .single-mega-menu h3 a {
  border-bottom: 1px solid #d7d7d7;
  color: #2b2929;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin-bottom: 20px;
  padding-bottom: 5px;
  text-transform: uppercase;
}

/*----------------------------------------*/

/*  4.  shopping-cart and phone-area
/*----------------------------------------*/

.header-phone {
  background: rgba(0, 0, 0, 0) url("img/hotline.png") no-repeat scroll left center;
  color: #464646;
  float: right;
  font-size: 12px;
  min-height: 40px;
  padding-left: 60px;
  padding-top: 0;
}

.header-phone p {
  margin-bottom: 0;
  margin-top: 5px;
}

.top-cart-contain {
  background: rgba(0, 0, 0, 0) url("img/topcart.png") no-repeat scroll left center;
  display: block;
  min-height: 40px;
  padding-left: 43px;
  float: right;
  text-align: right;
  margin-left: 52px;
  position: relative;
}

.top-cart-contain a p {
  color: #464646;
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
  margin-top: 3px;
  text-transform: uppercase;
  font-weight: bold;
}

.top-cart-contain a p.item {
  color: #464646;
  font-size: 12px;
  margin-top: 5px;
}

/*----------------------------------------*/

/*  shopping-cart
/*----------------------------------------*/

.mini-cart-content {
  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  opacity: 0;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 100%;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
  width: 300px;
  z-index: -99;
}

.top-cart-contain:hover .mini-cart-content {
  opacity: 1;
  transform: scaleY(1);
  z-index: 9999999;
}

.mini-cart-content .cart-img-details {
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}

.mini-cart-content .cart-img-details:last-child {
  border-bottom: 0px solid #e5e5e5;
}

.mini-cart-content .cart-img-details .cart-img-photo {
  border: 1px solid #e5e5e5;
  float: left;
  position: relative;
  width: 64px;
}

.mini-cart-content .cart-img-details .cart-img-photo:hover {
  border: 1px solid #f45c5d;
}

.mini-cart-content .cart-img-details .cart-img-photo a {}

.mini-cart-content .cart-img-details .cart-img-photo img {
  width: 100%;
}

.mini-cart-content .cart-img-details .cart-img-contaent {
  float: left;
  margin-left: 10px;
}

.mini-cart-content .cart-img-details .cart-img-contaent h4 {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  margin: 0 0 5px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}

.mini-cart-content .cart-img-details .cart-img-contaent h4:hover {
  color: #f45c5d;
}

.mini-cart-content .cart-img-details .cart-img-contaent span {
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}

.pro-del {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #9d9d9d !important;
  display: block;
  font-size: 18px;
  left: auto;
  position: absolute;
  right: 2px;
  top: 10px;
  z-index: 1;
}

.pro-del a {}

.pro-del a i {
  color: #909295;
  font-size: 18px;
}

.pro-del a i:hover {
  color: #f45c5d
}

.mini-cart-content .cart-img-details .cart-img-contaent span.quantity {
  color: #939393;
  float: left;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

p.total, p.buttons {
  color: #222;
  float: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 15px;
  padding: 0 10px;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
}

.total {
  border-bottom: 1px solid #d7d7d7;
}

p.buttons {
  background: transparent none repeat scroll 0 0;
  float: left;
  margin: 0;
  padding: 0;
  width: 48%;
}

p.buttons.view {
  margin-right: 10px;
}

p.buttons a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  color: #868686;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 40px;
  padding: 0 10px;
  text-align: center;
  text-transform: uppercase;
}

p.buttons a:hover {
  background: #f45c5d none repeat scroll 0 0;
  border-color: #f45c5d;
  color: #fff;
}

p span.amount {
  color: #f45c5d;
  float: right;
  font-size: 20px;
}

p.cart-button-top {
  margin-top: 15px;
  overflow: hidden;
}

.mini-cart-content p.cart-button-top a {
  background: #ec4445 none repeat scroll 0 0;
  border: 1px solid #e5e5e5;
  color: #fff;
  display: inline-block;
  float: right;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 35px;
  text-align: center;
  text-transform: uppercase;
}

.mini-cart-content p.cart-button-top a:hover {
  background: #252525 none repeat scroll 0 0;
  border: 1px solid;
  color: #fff;
}

.padleft-zero {
  padding-left: 0;
}

.padright-zero {
  padding-right: 0;
}

/*----------------------------------------*/

/*  5. banner-area
/*----------------------------------------*/

.banner-area {
  margin-top: 30px;
  overflow: hidden;
}

.single-banner {}

.single-banner a {
  display: block;
  position: relative;
}

.single-banner a::before {
  bottom: 0;
  box-sizing: border-box;
  content: "";
  left: 0;
  opacity: 0;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  z-index: 9;
}

.single-banner a:hover::before {
  border: 15px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  opacity: 1;
  transition: all 0.3s ease 0s;
}

.single-banner img {
  width: 100%;
}

/*----------------------------------------*/

/*  6. product-area
/*----------------------------------------*/

.area-title {
  margin-bottom: 60px;
  margin-top: 60px;
  position: relative;
  text-align: center;
}

h3.area-hedding {
  color: #262b32;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  padding: 10px 40px;
  position: relative;
  text-transform: uppercase;
}

h3.area-hedding::after, h3.area-hedding::before {
  border-top: 4px double #b7b7b7;
  content: "";
  left: 0;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  transform: rotate(90deg);
  width: 18px;
}

h3.area-hedding::after {
  left: auto;
  right: 0;
}

.tab-menu ul {
  margin-top: 10px;
  padding-bottom: 40px;
  text-align: center;
}

.tab-menu ul li {
  color: #9e9e9e;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  padding: 0 20px;
  position: relative;
  text-transform: uppercase;
  transition: 0.3s;
}

.tab-menu ul li a::after {
  background: #9e9e9e none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 6px;
  margin-top: -3px;
  position: absolute;
  right: -12px;
  top: 50%;
  width: 6px;
}

.tab-menu ul li a.active::after, .tab-menu ul li a:hover::after {
  background: #f45c5d none repeat scroll 0 0;
}

.tab-menu ul li a {
  color: #9e9e9e;
  text-decoration: none;
  position: relative;
}

.tab-menu ul li a.active, .tab-menu ul li a:hover {
  color: #f45c5d;
}

.single-product {
  border: 1px solid #d7d7d7;
  padding: 8px;
  position: relative;
  text-align: center;
  margin-bottom: 25px;
}

.action-button {
  animation-duration: 0.5s;
  bottom: -50%;
  display: block;
  margin-top: -10px;
  opacity: 0;
  padding: 7px 0;
  position: absolute;
  right: 10px;
  text-align: center;
  transition: all 0.5s ease 0s;
  z-index: 11;
}

.single-product:hover .action-button {
  bottom: 10px;
  opacity: 1;
}

.product-image {
  position: relative;
  overflow: hidden;
}

ul.button-link li {
  margin-bottom: 10px;
  vertical-align: top;
}

ul.button-link li a {
  border: 1px solid #e7e7e7;
  border-radius: 100%;
  color: #ddd;
  display: inline-block;
  font-weight: normal;
  height: 40px;
  line-height: 40px;
  padding: 0;
  text-align: center;
  text-shadow: none;
  transition: all 200ms ease-in 0s;
  vertical-align: top;
  width: 40px;
  background: #fff;
  font-size: 20px;
}

ul.button-link li a:hover, .cart-button a:hover {
  border-color: #f45c5d;
  color: #f45c5d;
}

.product-info {
  overflow: hidden;
  padding: 15px 0 30px;
}

.product-name {
  margin-bottom: 10px;
}

.product-name a {
  color: #3f3f3f;
  font-size: 13px;
  font-weight: 500;
  text-transform: capitalize;
  transition: 0.3s;
}

.product-name a:hover {
  color: #f45c5d;
}

.price-box span {
  color: #f45c5d;
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 0 10px;
}

.price-box span.old-price {
  color: #838383;
  font-size: 14px;
  font-weight: normal;
  text-decoration: line-through;
}

.ratting {
  margin-top: 7px;
  color: #FFC119;
}

.cart-button {
  bottom: -23px;
  left: 50%;
  margin-left: -30px;
  position: absolute;
}

.cart-button a {
  background: #fff;
  border: 1px solid #e7e7e7;
  border-radius: 100%;
  display: inline-block;
  height: 48px;
  font-size: 24px;
  width: 48px;
  text-align: center;
  color: #ddd;
  line-height: 45px;
  transition: 0.3s;
}

.product-carusul.owl-theme .owl-controls .owl-buttons, .product-carusul-2.owl-theme .owl-controls .owl-buttons, .blog-carosul.owl-theme .owl-controls .owl-buttons {
  background: #fff none repeat scroll 0 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -118px;
  width: 90px;
}

.product-carusul.owl-theme .owl-controls .owl-buttons div, .product-carusul-2.owl-theme .owl-controls .owl-buttons div, .blog-carosul.owl-theme .owl-controls .owl-buttons div {
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 100%;
  color: #d7d7d7;
  float: left;
  font-size: 20px;
  height: 32px;
  line-height: 32px;
  opacity: 1;
  padding: 0;
  text-align: center;
  width: 32px;
  transition: 0.3s;
}

.product-carusul.owl-theme .owl-controls .owl-buttons div:hover, .product-carusul-2.owl-theme .owl-controls .owl-buttons div:hover, .blog-carosul.owl-theme .owl-controls .owl-buttons div:hover {
  border-color: #f45c5d;
  color: #f45c5d;
}

.product-carusul.owl-theme .owl-controls .owl-buttons::before, .product-carusul-2.owl-theme .owl-controls .owl-buttons::before, .blog-carosul.owl-theme .owl-controls .owl-buttons::before {
  border-top: 1px solid #e9e9e9;
  content: "";
  left: -70px;
  margin: 0 auto;
  position: absolute;
  top: 50%;
  width: 220px;
  z-index: -1;
}

.product-carusul.owl-theme .owl-controls .owl-buttons::after, .product-carusul-2.owl-theme .owl-controls .owl-buttons::after, .blog-carosul.owl-theme .owl-controls .owl-buttons::after {
  border-top: 1px solid #e9e9e9;
  content: "";
  left: -130px;
  margin: 5px auto 0;
  position: absolute;
  top: 50%;
  width: 340px;
  z-index: -1;
}

/*----------------------------------------*/

/*  7. new-sell-product-area
/*----------------------------------------*/

.new-sell-product-area {
  overflow: hidden;
  margin: 0 0 45px;
}

.new-single-product {
  border: 1px solid #d7d7d7;
  padding: 8px;
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-bottom: 10px;
}

.new-sell-carosul .image-area {
  margin-right: 10px;
  max-width: 45%;
  float: left;
}

.description {
  padding: 15px 15px 10px 10px;
  text-align: right;
  overflow: hidden;
}

.desc {
  color: #515151;
  font-size: 12px;
  margin: 15px 0;
  text-align: justify;
}

.new-sell-carosul ul.button-link li {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: top;
  margin-right: 5px;
}

.new-sell-carosul ul.button-link li:last-child {
  margin: 0;
}

.area-title-2 {
  margin: 45px 0;
  padding-bottom: 10px;
  position: relative;
  text-align: left;
}

h3.area-hedding-2 {
  color: #262b32;
  display: inline-block;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 0;
  position: relative;
  text-transform: uppercase;
}

.area-title-2::after {
  border-top: 3px solid #f45c5d;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  width: 54px;
}

.new-sell-carosul.owl-theme .owl-controls .owl-buttons div, .new-sell-carosul-4.owl-theme .owl-controls .owl-buttons div {
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 100%;
  color: #8d8d8d;
  font-size: 20px;
  height: 32px;
  opacity: 1;
  padding: 2px 0 0;
  text-align: center;
  width: 32px;
  transition: 0.3s;
}

.new-sell-carosul.owl-theme .owl-controls .owl-buttons div:hover, .new-sell-carosul-4.owl-theme .owl-controls .owl-buttons div:hover {
  border-color: #f45c5d;
  color: #f45c5d;
}

.new-sell-carosul.owl-theme .owl-controls .owl-buttons, .new-sell-carosul-4.owl-theme .owl-controls .owl-buttons {
  left: auto;
  right: 15px;
  top: -82px;
  width: 85px;
  position: absolute;
}

.bestseller-area .single-product {
  margin-bottom: 60px;
}

.bestseller-area .cart-button {
  opacity: 0;
  transform: translateY(300px);
  transition: all 300ms ease 0s;
}

.bestseller-area .single-product:hover .cart-button {
  opacity: 1;
  transform: translateY(0px);
}

.product-carusul-2.owl-theme .owl-controls .owl-buttons {
  top: -60px;
}

/*----------------------------------------*/

/*  8. category-banner-area
/*----------------------------------------*/

.category-banner-area {
  background: #f6f6f6 none repeat scroll 0 0;
  padding-bottom: 50px;
}

.category-banner-area .col-md-4 .single-banner:first-child {
  margin-bottom: 34px;
}

/*----------------------------------------*/

/*  9. blog-area-area
/*----------------------------------------*/

.blog-area {
  padding: 0 0 50px;
}

.blog-image a {
  position: relative;
  display: block;
}

.blog-image a::before {
  bottom: 0;
  box-sizing: border-box;
  content: "";
  left: 0;
  opacity: 0;
  overflow: visible;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  z-index: 9;
}

.blog-image a:hover::before {
  border: 10px solid rgba(255, 255, 255, 0.5);
  box-sizing: border-box;
  opacity: 1;
}

.blog-desc {
  margin-top: 30px;
  text-align: center;
}

.blog-desc h3 {
  margin-bottom: 20px;
}

.blog-desc h3 a {
  color: #262b32;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transitin: 0.3s;
}

.blog-desc h3 a:hover {
  color: #f45c5d;
}

.time-conment {
  color: #f45c5d;
  font-size: 12px;
  margin-bottom: 25px;
  overflow: hidden;
}

.time-conment .comments {
  border-left: 1px solid #e1e1e1;
  margin-left: 15px;
  padding-left: 15px;
}

.blog-desc p {
  color: #7f7f7f;
  font-size: 13px;
  line-height: 20px;
}

.blog-carosul.owl-theme .owl-controls .owl-buttons {
  top: -58px;
}

/*----------------------------------------*/

/*  10. testominal-newsletter-area
/*----------------------------------------*/

.testimonial-newslatter-area {
  background: #262b32 none repeat scroll 0 0;
  overflow: hidden;
  padding: 75px 0 30px;
  position: relative;
  text-align: center;
}

.testimonial-newslatter-area::after {
  background: #2f343c none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  z-index: 88;
}

.title-testimonial {
  margin-bottom: 35px;
  padding-bottom: 15px;
  position: relative;
}

.title-testimonial h3 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

.title-testimonial::after {
  border-top: 3px solid #f45c5d;
  bottom: 0;
  content: "";
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: 30px;
}

.single-testimonial .content a, .news-letter .content {
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 23px;
  margin: 0 auto 30px;
  max-width: 75%;
}

.news-letter .content {
  color: #fff;
  font-style: italic;
}

.avata-post img {
  border-radius: 100%;
}

.testimonial.owl-theme .owl-controls .owl-page.active span, .testimonial.owl-theme .owl-controls.clickable .owl-page:hover span {
  background: #f45c5d none repeat scroll 0 0;
}

.testimonial.owl-theme .owl-controls .owl-page span {
  margin: 0 2px;
}

.testimonial.owl-theme .owl-controls {
  margin-top: 20px;
}

.subcribe-form input {
  background: transparent none repeat scroll 0 0;
  border-color: #3c4147;
  border-style: none none solid;
  border-width: 0 0 1px;
  color: #ddd;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  height: 36px;
  line-height: 34px;
  margin: 0 auto;
  padding: 0 15px;
  text-align: center;
  width: 50%;
}

.actions {
  margin-top: 60px;
}

.actions button {
  background: transparent none repeat scroll 0 0;
  cursor: pointer;
  border: 2px solid #31373f;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 10px 20px;
  text-transform: uppercase;
  transition: 0.3s;
}

.actions button:hover {
  color: #f45c5d;
  border-color: #f45c5d;
}

.logo-carosul .col-lg-2.col-md-2 {
  margin-bottom: 1px;
  width: 100%;
}

.logo-carosul .col-lg-2.col-md-2 a {
  border: 1px solid #d7d7d7;
  overflow: hidden;
  display: block;
}

.logo-brand-area {
  padding: 35px 0;
}

/*----------------------------------------*/

/*  11. box-top-footer
/*----------------------------------------*/

.box-top-footer {
  background: #f6f6f6 none repeat scroll 0 0;
  padding: 70px 0;
}

.box-top-footer .area-title-2 {
  margin: 0 0 45px;
}

.box-top-footer h3.area-hedding-2 {
  font-size: 18px;
}

.about-content-area {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
}

.about-content {
  color: #444444;
  padding: 40px 20px;
}

.about-desc {
  line-height: 23px;
  margin-bottom: 20px;
  font-size: 12px;
}

ul.social-header {
  overflow: hidden;
}

ul.social-header li {
  float: left;
  margin-right: 20px;
  margin-top: 13px;
}

ul.social-header li a {
  border: 1px solid #959595;
  border-radius: 100%;
  color: #9c9c9c;
  display: block;
  font-size: 11px;
  height: 35px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  font-size: 16px;
  padding-top: 2px;
}

ul.social-header li a:hover {
  border-color: #f75758;
  color: #f75758;
}

.twitter-feed-area {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  color: #444444;
  font-size: 12px;
  min-height: 414px;
  padding: 40px 20px 21px;
}

.twitter-pic {
  float: left;
  margin-bottom: 9px;
  margin-right: 20px;
}

.twitter-text span {
  color: #444444;
  font-size: 12px;
}

.twitter-text a {
  color: #f75758;
  font-size: 12px;
}

.time-feed {
  display: block;
}

.single-feed {
  margin-bottom: 34px;
}

.block-top-content {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  color: #444444;
  font-size: 12px;
  margin-bottom: 18px;
  padding: 35px 20px 29px;
}

.text-block h3 {
  color: #444444;
  font-size: 14px;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.icon-block {
  background: rgba(0, 0, 0, 0) url("img/shipping.png") no-repeat scroll left center;
  float: left;
  margin-right: 20px;
  min-height: 48px;
  min-width: 48px;
}

.icon-block {}

.block-top-content:nth-child(3) .icon-block {
  background: rgba(0, 0, 0, 0) url("img/order.png") no-repeat scroll left center;
}

.block-top-content:nth-child(4) .icon-block {
  background: rgba(0, 0, 0, 0) url("img/return.png") no-repeat scroll left center;
}

/*----------------------------------------*/

/*  12. maddile-footer
/*----------------------------------------*/

.maddile-footer {
  background: #262b32 none repeat scroll 0 0;
  padding: 60px 0 25px;
}

.footer-title {
  margin-bottom: 30px;
  padding-bottom: 15px;
}

.footer-title h3 {
  color: #fff;
  display: inline;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}

.footer-contact p {
  clear: both;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 12px;
  overflow: hidden;
  color: #fff;
}

.footer-contact p span.ft-content::before {
  border: 2px solid #5e6369;
  border-radius: 100%;
  color: #ffffff;
  content: "";
  display: inline-block;
  float: left;
  font-family: FontAwesome;
  font-size: 14px;
  height: 33px;
  line-height: 29px;
  margin-right: 25px;
  text-align: center;
  width: 33px;
}

.footer-contact p.address span.ft-content::before {
  content: "";
}

.footer-contact p.email span.ft-content::before {
  content: "";
}

.footer-contact p.website span.ft-content::before {
  content: "";
}

.footer-menu ul {}

.footer-menu ul li {}

.footer-menu ul li a {
  color: #fff;
  display: block;
  font-size: 12px;
  padding-bottom: 15px;
}

.footer-menu ul li a:hover {
  color: #f45c5d;
}

.footer-static {
  overflow: hidden;
  margin-bottom: 20px;
}

.time-content {
  margin-bottom: 25px;
  overflow: hidden;
}

.time-content p {
  float: left;
  text-align: left;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 12px;
  overflow: hidden;
  width: 100%;
}

.time-content span {
  text-align: right !important;
  float: right;
}

/*----------------------------------------*/

/*  13. footer-copyright-menu
/*----------------------------------------*/

.footer-copyright-menu {
  border-bottom: 1px solid #31363e;
  border-top: 1px solid #31363e;
  padding: 16px 0;
}

.footer-copyright-menu ul {
  text-align: center;
}

.footer-copyright-menu ul li {
  margin-right: 15px;
  text-transform: uppercase;
  display: inline;
}

.footer-copyright-menu ul li a {
  color: #fff;
  font-size: 10px;
  font-weight: 600;
  line-height: 30px;
}

.footer-copyright-menu ul li a:hover {
  color: #f45c5d;
}

/*----------------------------------------*/

/*  14. copyright
/*----------------------------------------*/

.copyright {
  color: #848484;
  font-size: 12px;
  line-height: 25px;
  margin: 25px 0 0;
  text-align: center;
}

.copyright p {
  color: #fff;
  margin: 0;
}

.copyright a {
  color: #f45c5d;
}

.store-switcher label {
  color: #fff;
  font-weight: 400;
}

.store-switcher {
  margin-top: 20px;
}

.copyright select {
  border: 1px solid #f2f2f2;
}

.copyright select option {
  color: #888888;
}

/*----------------------------------------*/

/*  15.1 home-2 product-area
/*----------------------------------------*/

.product-area-all .single-product {
  margin-bottom: 60px;
}

.banner-area-static .single-banner {
  float: left;
  width: 50%;
}

/*----------------------------------------*/

/*  15.2 home-2 subscribe-area
/*----------------------------------------*/

.subscribe-area {
  background: rgba(0, 0, 0, 0) url("img/newletter.jpg") no-repeat scroll center center;
  margin-top: 60px;
  overflow: hidden;
  padding: 75px 0 30px;
  text-align: center;
}

.home-2 .bestseller-area .single-product {
  margin-bottom: 23px;
}

.home-2 .logo-brand-area {
  border-top: 1px solid #e1e1e1;
  margin-top: 30px;
}

/*----------------------------------------*/

/*  16.1 home-3 header
/*----------------------------------------*/

.home-3 header {
  background: #262b32 none repeat scroll 0 0;
}

.home-3 .header-top-bar {
  border-bottom: 1px solid #3d434b;
}

.home-3 .top-menu ul li, .home-3 .search-form {
  border-right: 1px solid #3d434b;
}

.home-3 .search-form input {
  border-color: #3d434b;
}

.home-3 .logo-area {
  border-bottom: 1px solid #2f353c;
  padding-bottom: 40px;
  padding-top: 45px;
  text-align: center;
}

.top-cart-contain {
  cursor: pointer;
}

.home-3 .top-cart-contain {
  background: rgba(0, 0, 0, 0) url("img/topcart-2.png") no-repeat scroll left center;
  margin-top: 15px;
}

.home-3 .header-tob-buttom-area {
  margin: 0;
}

.top-cart-contain a span.count-item {
  background: #f45c5d none repeat scroll 0 0;
  border-radius: 100%;
  color: #ffffff;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  min-height: 20px;
  min-width: 20px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 0;
}

.home-3 .main-menu-area ul {
  text-align: center;
}

.home-3 .main-menu-area ul li {
  float: none;
  display: inline-block;
}

.home-3 .main-menu-area ul li a {
  color: #fff;
  margin-right: 10px;
  padding: 20px 10px;
}

.home-3 .main-menu-area ul li:hover a, .home-3 .main-menu-area ul li.active a {
  color: #f45c5d;
}

.home-3 .main-menu-area ul li ul.dropdown li {
  display: block;
  text-align: left;
}

.home-3 .main-menu-area ul li ul.dropdown li a {
  padding: 3px 0;
}

.home-3 .main-menu-area ul li .mega-menu .single-mega-menu a {
  padding: 0;
  text-align: left;
}

.home-3 .main-menu-area ul li .mega-menu .single-mega-menu h3 a {
  text-align: left;
}

.home-3 .main-menu-area ul li:hover ul li a {
  color: #222;
}

.home-3 .main-menu-area ul li:hover ul li:hover a {
  color: #f45c5d;
}

/*----------------------------------------*/

/*  17.1 home-4 header
/*----------------------------------------*/

.home-4 .logo {
  float: left;
}

.home-4 .search-form {
  border-right: 0 none;
}

.home-4 .search-form input {
  border-left: 0;
  border-color: #3d434b;
  border-style: none none solid;
  border-width: 0 0 1px;
  width: 100%;
  font-weight: normal;
}

.home-4 .search-form button {
  position: absolute;
  right: 10px;
  top: 0;
}

.home-4 .main-menu-area ul {
  text-align: left;
}

.home-4 .banner-area .col-md-8 .single-banner:nth-child(1) {
  margin-bottom: 28px;
}

/*----------------------------------------*/

/*  17.2 home-4 product-area
/*----------------------------------------*/

.home-4 h3.area-hedding {
  padding: 0;
}

.home-4 h3.area-hedding::after, .home-4 h3.area-hedding::before {
  display: none;
}

.home-4 .area-title {
  display: inline-block;
  margin-bottom: 0;
}

.home-4 .tab-menu {
  float: right;
  margin-top: 50px;
}

.product-desc {
  border-top: 1px solid #ebebeb;
  line-height: 24px;
  margin: 15px auto 0;
  max-width: 80%;
  padding-top: 15px;
  text-align: center;
  font-size: 12px;
  color: #515151;
}

.home-4 .single-product:hover {
  border-color: #f45c5d;
}

.home-4 .product-area-all .single-product {
  margin-bottom: 29px;
}

.home-4 .banner-area-static {
  margin: 50px 0;
}

.home-4 .description {
  text-align: left;
}

.home-4 .new-product-action {
  text-align: right;
}

.home-4 .new-single-product .price-box span.old-price {
  margin-left: 0;
}

.home-4 .new-single-product {
  border: none;
}

.home-4 .new-single-product .image-area {
  margin-right: 10px;
  max-width: 45%;
  float: left;
}

.home-4 .new-single-product .image-area a {
  border: 1px solid #f8f7f8;
  margin-right: 0;
  padding: 3px;
  display: block;
}

.home-4 .new-single-product .description {
  padding: 0;
}

.home-4 .new-single-product .product-name {
  line-height: 10px;
}

.home-4 .product-area-all .larg-product-carosul .single-product {
  margin-right: 2px;
}

.home-4 .product-carusul.owl-theme .owl-controls .owl-buttons::before, .home-4 .product-carusul-2.owl-theme .owl-controls .owl-buttons::before, .home-4 .blog-carosul.owl-theme .owl-controls .owl-buttons::before, .home-4 .product-carusul.owl-theme .owl-controls .owl-buttons::after, .home-4 .product-carusul-2.owl-theme .owl-controls .owl-buttons::after, .home-4 .blog-carosul.owl-theme .owl-controls .owl-buttons::after {
  display: none;
}

.home-4 .bestseller-area .area-title, .home-4 .blog-area .area-title {
  margin-bottom: 35px;
  margin-top: 60px;
}

.home-4 .product-carusul-2.owl-theme .owl-controls .owl-buttons, .home-4 .blog-carosul.owl-theme .owl-controls .owl-buttons {
  top: -70px;
  right: 0;
  left: auto;
}

.home-4 .bestseller-area .single-product {
  margin-bottom: 22px;
}

.home-4 .bestseller-area .single-product:hover {
  border-color: #d7d7d7;
}

.larg-product-carosul.owl-theme .owl-controls .owl-buttons div, .new-sell-carosul-5.owl-theme .owl-controls .owl-buttons div, .product-carusul-5.owl-theme .owl-controls .owl-buttons div, .new-sell-carosul-5.owl-theme .owl-controls .owl-buttons div, .blog-carosul-5.owl-theme .owl-controls .owl-buttons div, .product-carusul-6.owl-theme .owl-controls .owl-buttons div {
  background-color: #fff;
  border: 1px solid #eeeeee;
  border-radius: 100%;
  color: #d7d7d7;
  float: left;
  font-size: 20px;
  height: 32px;
  left: -3px;
  margin-top: -16px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 32px;
  line-height: 32px;
  opacity: 1;
  padding: 0;
}

.larg-product-carosul.owl-theme .owl-controls .owl-buttons div:hover, .new-sell-carosul-5.owl-theme .owl-controls .owl-buttons div:hover, .product-carusul-5.owl-theme .owl-controls .owl-buttons div:hover, .blog-carosul-5.owl-theme .owl-controls .owl-buttons div:hover, .product-carusul-6.owl-theme .owl-controls .owl-buttons div:hover {
  border-color: #f45c5d;
  color: #f45c5d;
}

.larg-product-carosul.owl-theme .owl-controls .owl-buttons .owl-next, .new-sell-carosul-5.owl-theme .owl-controls .owl-buttons .owl-next, .product-carusul-5.owl-theme .owl-controls .owl-buttons .owl-next, .blog-carosul-5.owl-theme .owl-controls .owl-buttons .owl-next, .product-carusul-6.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -2px;
  left: auto;
}

.larg-product-carosul.owl-theme .owl-controls .owl-buttons, .new-sell-carosul-5.owl-theme .owl-controls .owl-buttons, .product-carusul-5.owl-theme .owl-controls .owl-buttons, .new-sell-carosul-5.owl-theme .owl-controls .owl-buttons, .blog-carosul-5.owl-theme .owl-controls .owl-buttons, .product-carusul-6.owl-theme .owl-controls .owl-buttons {
  opacity: 0;
  visibility: hidden;
}

.larg-product-carosul:hover .owl-controls .owl-buttons, .new-sell-carosul-5:hover .owl-controls .owl-buttons, .product-carusul-5:hover .owl-controls .owl-buttons, .new-sell-carosul-5:hover .owl-controls .owl-buttons, .blog-carosul-5:hover .owl-controls .owl-buttons, .product-carusul-6:hover .owl-controls .owl-buttons {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/

/*  18.1 home-5 header
/*----------------------------------------*/

.home-5 .search-form {
  width: 100%;
}

.home-5 .search-form input {
  border-color: #ebebeb;
  color: #545960;
  width: 100%;
}

.home-5 .logo {
  float: none;
  text-align: center;
}

.home-5 .header-top-bar {
  border-bottom: 1px dashed #f2f2f3;
}

.home-5 .top-menu ul li {
  border-right: 1px dashed #f2f2f3;
}

.home-5 .header-tob-buttom-area {
  margin: 0;
}

.home-5 .logo-area {
  margin: 40px 0;
}

.home-5 .main-menu-area ul li a {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.home-5 .main-menu-area ul li {
  display: inline-block;
  float: none;
  padding-bottom: 10px;
}

.home-5 .main-menu-area ul {
  text-align: center;
}

.home-5 .main-menu-area ul li ul {
  text-align: left;
}

.home-5 .main-menu-area ul li .mega-menu .single-mega-menu a {
  text-align: left;
}

/*----------------------------------------*/

/*  18.2 home-5 product-area
/*----------------------------------------*/

.home-5 .area-title {
  margin-bottom: 35px;
  margin-top: 60px;
  position: relative;
  text-align: center;
  display: block;
}

.home-5 .area-title::after {
  border-top: 1px solid #ebebeb;
  content: "";
  left: 0;
  margin-top: -0.5px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
}

.home-5 .area-title h3 {
  background: #fff none repeat scroll 0 0;
  color: #262b32;
  display: inline-block;
  font-size: 24px;
  font-weight: 300;
  margin-bottom: 0;
  padding: 10px 40px;
  position: relative;
  text-transform: uppercase;
}

.home-5 .area-title h3::after, .home-5 .area-title h3::before {
  border-top: 4px double #b7b7b7;
  content: "";
  left: -7px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  transform: rotate(90deg);
  width: 18px;
  display: block;
}

.home-5 .area-title h3::after {
  left: auto;
  right: -7px;
}

.home-5 .tab-menu {
  float: none;
  margin-top: 0;
}

.home-5 .banner-area-static .single-banner {
  float: none;
  width: 100%;
}

/*----------------------------------------*/

/*  18.3 home-5 product-area
/*----------------------------------------*/

.home-5 .new-sell-product-area {
  background: #f8f7f8 url("img/bkg_grop.jpg") no-repeat scroll left top;
  margin-top: 80px;
  padding: 45px 0;
  margin-bottom: 0;
}

.block-product {
  background: #fff none repeat scroll 0 0;
  padding: 0 25px;
  overflow: hidden;
}

.block-product .area-title-2 {
  margin-bottom: 30px;
  margin-top: 30px;
  padding-bottom: 0;
  position: relative;
  text-align: left;
}

.block-product h3.area-hedding-2 {
  font-size: 16px;
  font-weight: 700;
  padding: 0;
}

.block-product .area-title-2::after {
  display: none;
}

.block-product .price-box span {
  font-size: 13px;
}

.home-5 .logo-brand-area {
  border-top: 1px solid #e1e1e1;
  margin-top: 20px;
}

/*----------------------------------------*/

/*  19.1 home-6 product-area
/*----------------------------------------*/

.home-6 header {
  background: #262b31;
}

.home-6 .header-top-bar {
  border-bottom: 1px solid #404348;
}

.home-6 .top-menu ul li {
  border-right: 1px solid #404348;
}

.home-6 .search-form input {
  border-color: #414449;
}

.home-6 .top-cart-contain {
  background: rgba(0, 0, 0, 0) url("img/topcart-2.png") no-repeat scroll left center;
}

.home-6 .main-menu-area ul li a {
  color: #fff;
}

.home-6 .main-menu-area ul li:hover a, .home-6 .main-menu-area ul li.active a {
  color: #f45c5d;
}

.home-6 .main-menu-area ul li:hover ul li a {
  color: #474747;
}

.home-6 .main-menu-area ul li ul li {
  padding: 0;
  display: block;
}

.home-6 .main-menu-area ul li ul li a {
  font-size: 13px;
}

.home-6 .main-menu-area ul li:hover ul li a:hover {
  color: #f45c5d;
}

.slider-banner {
  margin-top: 30px
}

.home-6 .tab-menu ul {
  margin: 60px 0;
  overflow: hidden;
  position: relative;
  padding: 0;
}

.home-6 .tab-menu ul::before {
  border-top: 1px solid #ebebeb;
  content: "";
  left: 0;
  margin-top: -0.5px;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: -1;
}

.home-6 .tab-menu ul li a.active, .tab-menu ul li a:hover::after {
  color: #f45c5d;
}

.home-6 .tab-menu ul li {
  background: #fff none repeat scroll 0 0;
  margin: 0 0 0 -5px;
}

.home-6 .tab-menu ul li a {
  font-size: 18px;
  color: #313131;
  font-weight: 700;
  position: relative;
  float: left;
}

.home-6 .tab-menu ul li a:hover {
  color: #f45c5d;
}

.home-6 .tab-menu ul li::after {
  display: none;
}

.home-6 .single-product:hover {
  border-color: #d7d7d7;
}



/*----------------------------------------*/

/*  19.2 home-6 banner-area
/*----------------------------------------*/

.banner-area-6 {
  margin-top: 60px;
}

.single-banner-style-2 {
  position: relative;
  margin-bottom: 33px;
}

.single-banner-style-2::before {
  background-color: rgba(229, 78, 79, 0.3);
  bottom: 8px;
  box-sizing: border-box;
  content: "";
  left: 8px;
  opacity: 0;
  overflow: visible;
  position: absolute;
  right: 8px;
  top: 8px;
  transition: all 0.3s ease-in-out 0s;
  z-index: 9;
}

.single-banner-style-2:hover::before {
  box-sizing: border-box;
  opacity: 1;
  transition: all 0.3s ease 0s;
  z-index: 0;
}

.single-banner-style-2 .content-text {
  border: 2px solid #fff;
  bottom: 0;
  display: inline-block;
  left: 0;
  margin: auto;
  max-height: 124px;
  max-width: 80%;
  opacity: 0;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out 0s;
  text-align: center;
}

.single-banner-style-2:hover .content-text {
  animation: 600ms ease-in-out 0s normal none 1 running bounceOut;
  opacity: 1;
}

.single-banner-style-2 .content-text::before {
  background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
  bottom: 5px;
  content: "";
  left: 5px;
  margin: auto;
  position: absolute;
  right: 5px;
  top: 5px;
}

.content-text span.text {
  color: #313131;
  font-size: 18px;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
}

.content-text p.shop-now {
  color: #808080;
  font-size: 13px;
  line-height: 24px;
  margin-top: 10px;
  position: relative;
}

/*----------------------------------------*/

/*  20.1 shop breadcrumbs
/*----------------------------------------*/

.breadcrumbs {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 30px;
  padding-bottom: 10px;
  overflow: hidden;
}

.breadcrumbs ul {}

.breadcrumbs ul li {
  float: left;
  color: #f45c5d;
  font-weight: 300;
}

.breadcrumbs ul li a {
  color: #989898;
  font-size: 12px;
  font-weight: 300;
}

.breadcrumbs ul li a:hover {
  color: #f45c5d;
}

.breadcrumbs ul li a i {
  color: #3c3c3c;
  display: block;
  float: left;
  font-size: 16px;
  margin-right: 5px;
  padding: 0;
}

.breadcrumbs ul li i {
  color: #bababa;
  display: inline-block;
  padding: 0 10px;
}

/*----------------------------------------*/

/*  20.2 shop toolbar
/*----------------------------------------*/

.toolbar {
  border-bottom: 2px solid #e1e1e1;
  border-top: 2px solid #e1e1e1;
  color: #3e3e3e;
  font-size: 12px;
  font-weight: 400;
  margin: 0 0 30px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}

.shop-header {
  margin: 0 0 30px;
}

.shop-pager {
  float: left;
  width: 47%;
}

.view-mode {
  float: left;
}

.view-mode ul li {
  float: left;
}

.view-mode ul li a {
  border: 1px solid #e1e1e1;
  color: #e1e1e1;
  float: left;
  font-size: 20px;
  height: 30px;
  margin: 0 11px 0 0;
  text-align: center;
  text-transform: uppercase;
  width: 30px;
}

.view-mode ul li a.active, .view-mode ul li a:hover {
  color: #f45c5d;
  border-color: #f45c5d;
}

.limiter {
  float: right;
}

.limiter label, .shop-sorter label {
  font-weight: 400;
  margin-bottom: 0px;
  color: #3e3e3e;
}

.limiter select, .shop-sorter select {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #e1e1e1;
  color: #898888;
  font-size: 12px;
  height: 28px;
  left: 95px;
  line-height: 28px;
  margin: 0 5px;
  min-width: 95px;
  padding: 2px 5px;
  text-align: center;
  vertical-align: middle;
}

.shop-sorter select {
  min-width: 186px;
}

.shop-sorter {
  float: right;
  text-align: right;
  width: 47%;
}

/*----------------------------------------*/

/*  20.3 shop left-side-bar
/*----------------------------------------*/

.left-sidebar {}

.left-sidebar h2.side-headding {
  background-color: #282828;
  color: #fff;
  font-weight: 700;
  line-height: 39px;
  margin-bottom: 18px;
  padding-left: 17px;
  text-transform: uppercase;
  font-size: 12px;
}

.left-sidebar-content {
  border: 1px solid #e1e1e1;
  margin: 0;
  padding: 17px;
}

h3.sidebar-title {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.left-sidemenu {}

.left-sidemenu ul {}

.left-sidemenu ul li {
  color: #797979;
  font-size: 12px;
  line-height: 29px;
  margin-bottom: 5px;
  padding: 5px 0;
}

.left-sidemenu ul li::before {
  color: #a1a1a1;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  margin-right: 10px;
  text-rendering: auto;
}

.left-sidemenu ul li:hover a {
  color: #f45c5d;
}

.left-sidemenu ul li a {
  color: #797979;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
}

.category, .price-filter-area, .manufacturer {
  border-bottom: 1px solid #c2c2c2;
  margin-bottom: 25px;
  padding-bottom: 20px;
}

.ui-widget-content {
  background: #dbdbdb none repeat scroll 0 0;
  border: medium none;
  border-radius: 0 !important;
  color: #222222;
  height: 5px;
}

.ui-slider-horizontal .ui-slider-range {
  background: #f45c5d none repeat scroll 0 0;
  height: 100%;
  top: 0;
  border-radius: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  background: #f45c5d none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #555555;
  cursor: pointer;
  font-weight: normal;
  height: 19px;
  margin-left: -1px;
  margin-top: -9.5px;
  top: 50%;
  width: 4px;
}

.price-filter label {
  color: #000;
  font-size: 12px;
  font-weight: 300;
}

.price-filter input#amount {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #000;
  font-size: 12px;
  height: 30px;
  line-height: 30px;
  font-weight: 300;
}

#slider-range {
  margin-top: 15px;
}

.add-banner-left {
  margin: 30px 0;
}

.sidebar-title-2 {
  border-bottom: 1px solid #4c4c4c;
  display: block;
  float: none;
  margin-bottom: 45px;
  padding: 0;
}

.sidebar-title-2 h3 {
  color: #000;
  display: block;
  font-size: 12px;
  margin: 0;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.compare {
  margin: 0 0 30px;
}

.compare-text p {
  color: #797979;
  font-size: 12px;
  margin: 0;
  padding: 5px 0;
}

.tag-list {}

.tag-list ul {}

.tag-list ul li {
  display: inline-block;
  margin: 0 2px 15px 0;
}

.tag-list ul li a {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #7d7d7d;
  color: #9d9d9d;
  display: inline-block;
  font-size: 12px !important;
  line-height: 24px;
  padding: 0 15px;
  text-transform: capitalize;
  text-decoration: none;
}

.tag-list ul li a:hover, .actions-tag a:hover {
  border-color: #f45c5d;
  color: #f45c5d;
}

.actions-tag a {
  color: #9d9d9d;
  display: inline-block;
  font-size: 12px;
  line-height: 24px;
  margin: 15px 0 0;
  text-transform: capitalize;
}

.product-list-area #grid .single-product {
  margin-bottom: 45px;
}

.shop #list ul.button-link li {
  display: inline-block;
}

.shop #list ul.button-link li a.cart {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 41px;
  padding: 0 23px;
  text-transform: uppercase;
  white-space: nowrap;
  width: auto;
  text-decoration: none;
}

.shop #list ul.button-link li a.cart:hover {
  background: #f45c5d none repeat scroll 0 0;
  border-color: #f45c5d;
  color: #fff;
}

.shop #list .product-name a {
  font-size: 18px;
}

.shop #list .price-box {
  float: left;
  margin-bottom: 15px;
}

.shop #list .price-box span {
  font-size: 18px;
  margin-left: 0;
  margin-right: 7px;
}

.shop #list .rating-box {
  float: right;
}

.shop #list .product-text {
  overflow: hidden;
  width: 100%;
}

.shop #list .ratting {
  margin-top: 3px;
  width: 90px;
  float: left;
  font-size: 14px;
}

.shop #list .links {
  float: left;
}

.shop #list .product-text {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  clear: both;
  color: #858585;
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 25px;
  padding: 20px 0;
}

.shop #list .links a {
  color: #989898;
  font-size: 12px;
}

.shop #list .links a:hover {
  color: #f45c5d;
}

.separator {
  color: #989898;
}

.shop-single-product {
  margin-bottom: 40px;
  overflow: hidden;
}

.shop-pagination ul {
  text-align: right;
  margin-top: 5px;
}

.shop-pagination ul li {
  display: inline-block;
  margin: 0 5px;
}

.shop-pagination ul li a {
  color: #989898;
}

.shop-pagination ul li a:hover {
  color: #f45c5d;
}

/*-------------------------------
21. cart page
--------------------------------*/

.form-title {
  margin-bottom: 30px;
  overflow: hidden;
}

.form-title h1 {
  color: #252525;
  font-size: 20px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}

h4.cart-title {
  color: #333333;
  font-size: 30px;
  margin-bottom: 24px;
  text-transform: uppercase;
}

.table-responsive {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

table.cart-table {
  margin-bottom: 5px;
  width: 100%;
}

.cart-table thead tr th {
  border: 1px solid #f2f2f2;
  border-collapse: collapse;
  color: #2b2929;
  font-size: 12px;
  font-weight: 700;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  font-weight: normal;
  text-transform: capitalize;
}

.cart-table tbody tr td {
  border: 1px solid #e1e1e1;
  border-collapse: collapse;
  font-family: arial;
  font-size: 12px;
  font-weight: normal;
  padding: 35px 40px;
}

.cart-table tbody tr td:last-child {
  padding: 15px 20px;
}

.cart .cart-table h6 {
  font-weight: bold;
  width: 155px;
}

.cart .cart-table h6 a {
  color: #777;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  text-decoration: none;
}

.cart .cart-price, .cart .cart-subtotal {
  color: #fc5d5a;
  font-size: 18px;
  font-weight: bold;
  margin-top: 0;
  padding: 0 15px;
}

.cart .cart-table input {
  border: 1px solid #ddd;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  padding: 8px;
  text-align: center;
  width: 50px;
}

.cart .cart-table tbody tr td.actions {
  padding: 14px 0;
}

.cartPage-btn {
  overflow: hidden;
}

.cart .cartPage-btn ul {
  float: right;
}

.cart .cartPage-btn li {
  display: inline-block;
  margin-right: 9px;
}

.cart .cartPage-btn li a.cbtn, .cart .cartPage-btn .continue, .buttons-set button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
  white-space: nowrap;
  transition: 0.3s;
}

.cart .cartPage-btn .continue {
  display: inline-block;
  margin-left: 9px;
}

.cart .cart-table tbody tr td a.remove {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #777;
  display: block;
  font-size: 24px;
  height: 30px;
  line-height: 0;
  margin: auto;
  overflow: hidden;
  text-align: center;
  width: 30px;
}

.cart .cart-table tbody tr td a {
  text-decoration: none;
  color: #777;
}

.cart .cart-table tbody tr td a.remove:hover, .cart .cart-table tbody tr td a:hover {
  color: #f7505a;
}

.cart .cartPage-btn li a.cbtn:hover, .cart .cartPage-btn .continue:hover, .buttons-set button:hover, .shopping-cart-totals .buttons-set button:hover {
  background: #ED4F50;
  color: #fff;
  border-color: #ED4F50;
}

h2.cart-title {
  border-bottom: 2px solid #898989;
  color: #000000;
  font-size: 16px;
  margin-bottom: 10px;
  padding-bottom: 8px;
  text-transform: uppercase;
}

.shipping-form p {
  color: #515151;
  font-size: 12px;
  margin: 0;
}

.form-element label {
  color: #666;
  font-weight: normal;
  font-size: 12px;
  display: block;
}

.form-element input {
  border: 1px solid #f2f2f2;
  width: 100%;
  height: 45px;
  padding-left: 20px;
  margin-bottom: 20px;
}

.discount, .shipping-address, .shopping-cart-totals {
  border: 1px solid #ebebeb;
  margin: 0 0 18px;
  padding: 15px;
}

.shopping-cart-totals {
  padding: 26px;
}

.discount-form label {
  font-weight: normal;
}

.discount-form input {
  height: 34px;
  padding: 5px;
  width: 100%;
  border: 1px solid #ddd;
}

.discount .buttons-set, .shipping-form .buttons-set {
  border-top: 1px solid #f2f2f2;
  clear: both;
  margin: 20px 0 0;
  text-align: right;
}

.shipping-form .form-element {
  margin: 15px 0;
}

.form-element select {
  border: 1px solid #ddd;
  color: #888888;
  font-size: 12px;
  height: 36px;
  padding: 1px;
  width: 100%;
}

.shopping-cart-totals table {
  margin: 0;
  width: 100%;
}

.shopping-cart-totals table tr td {
  color: #252525;
  font-size: 12px;
  padding: 0 20px;
  text-align: right;
  text-transform: capitalize;
}

.shopping-cart-totals table tr td .price {
  color: #f7505a;
  font-weight: 400;
  font-size: 12px;
}

.shopping-cart-totals table tr td .price.sp {
  font-size: 18px;
}

.shopping-cart-totals .buttons-set {
  border: 0 none;
  margin-top: 25px;
  padding: 0;
}

.shopping-cart-totals .buttons-set button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
}

.shopping-cart-totals .buttons-set {
  border-top: 1px solid #4d4d4d;
  padding-top: 20px;
  width: 100%;
}

.shopping-cart-totals .buttons-set a {
  color: #ababab;
  float: right;
}

.shopping-cart-totals .buttons-set a {
  color: #ababab;
  float: right;
  font-size: 12px;
  margin-top: 10px;
}

.cart-collaterals {
  margin-top: 45px;
  overflow: hidden;
}

/*-------------------------------
22. checkout page
--------------------------------*/

.sauget-accordion .panel-heading {
  border-radius: 0;
  padding: 0;
}

.sauget-accordion .panel-heading h4 a, .sauget-accordion .panel-heading h4 a.collapsed {
  color: #000000;
  display: block;
  position: relative;
  text-decoration: none;
  border: 1px solid #f1f1f1;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  background: #ebebeb none repeat scroll 0 0;
  padding: 14px 0 14px 10px;
  font-weight: 400;
}

.sauget-accordion .panel-heading h4 a span {
  background: #ff5b5a none repeat scroll 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 0;
  margin-right: 10px;
  padding: 3px 10px;
}

.content-info {
  display: block;
  margin-bottom: 40px;
  overflow: hidden;
}

.commonChack {
  margin-bottom: 28px;
}

.checkTitle {
  line-height: 50px;
  position: relative;
}

.checkTitle .ct-design {
  border-bottom: 1px solid #e4e4e4;
  font-size: 16px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.commonChack>p {
  color: #8c8c8c;
  font-size: 14px;
  margin-bottom: 5px;
}

.commonChack label {
  color: #000;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  margin-left: 7px;
  vertical-align: middle;
}

.commonChack {
  margin-bottom: 28px;
}

.regSaveTime li {
  color: #000;
  font-family: arial;
  font-size: 12px;
  list-style: inside disc;
  margin-bottom: 5px;
}

a.checkPageBtn, .checkout .block-area-button button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
  white-space: nowrap;
}

.checkout-reg a.checkPageBtn {
  margin-top: -10px;
}

a.checkPageBtn:hover {
  background: #f7505a none repeat scroll 0 0;
  border-color: #f7505a;
  color: #fff;
}

p.alrdyReg {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.plxLogin {
  color: #8c8c8c;
  font-family: arial;
  font-size: 12px;
}

.plxLogin a {
  color: #ff5b5a;
  float: left;
  margin-top: 40px;
  overflow: hidden;
  text-decoration: none;
}

.plxLogin a:hover {
  color: #01c3c2;
}

.plxLoginP {
  color: #000;
  font-family: arial;
  font-size: 12px;
  margin-bottom: 5px;
}

.loginFrom span {
  color: #ff5b5a;
  font-weight: bold;
  padding-right: 3px;
}

.loginFrom input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #2f2f2f;
  display: block;
  font-family: Arial;
  font-size: 14px;
  height: 34px;
  padding: 7px;
  width: 100%;
}

.plxLoginP {
  color: #000;
  font-family: arial;
  font-size: 12px;
  margin-bottom: 5px;
}

.rqudField {
  color: #f00;
  font-size: 12px;
  margin-top: 5px;
}

.sauget-accordion .panel-heading h4 a.collapsed span {
  background: #3a3d42 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  margin-right: 10px;
  padding: 3px 10px;
  height: 22px;
  text-align: center;
  width: 22px;
}

.checkout .billing-info {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

.checkout .billing-info select {
  height: 30px;
  margin-bottom: 25px;
  padding: 5px 10px;
}

.checkout .billing-info select option {}

.method-input-box {
  margin-bottom: 10px;
}

.billing-info p {
  font-size: 12px;
}

.billing-info select {
  font-size: 12px;
  margin-bottom: 10px;
}

.method-input-box p {
  margin: 0;
}

.method-input-box label {
  font-size: 12px;
  font-weight: 400;
}

.method-input-box input {
  float: left;
  margin: 3px 5px 0 0;
}

.checkout .method-input-box p input {
  margin-right: 10px;
}

.checkout .block-area-button button:hover, .product-review .btn.btn-default:hover {
  background: #f7505a none repeat scroll 0 0;
  border-color: #f7505a;
  color: #fff;
}

.checkout .shiping-method {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

.checkout .checkout-option {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

.checkout .cardtype select {
  border-radius: 0;
}

.checkout .expirationdate select {
  margin-bottom: 20px;
  border-radius: 0;
}

.checkout .review-bar {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

.checkout .brand-logo {
  margin-left: -15px;
  margin-right: -15px;
}

.verificationcard.form-group>a {
  color: #f7505a;
  text-decoration: none;
}

.form-control {
  border-radius: 0;
}

.product-review .btn.btn-default {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
  white-space: nowrap;
}

/*-------------------------------
23. checkout sidebar
--------------------------------*/

.checkout-sidebar {
  margin-top: 53px;
}

.checkout-sidebar h2 {
  background: #e54e4f none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: 0 0 10px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
}

.checkout-sidebar ul li {
  border-bottom: 1px solid #d6d6d6;
  color: #8c8c8c;
  font-family: Arial;
  font-size: 13px;
  line-height: 29px;
  padding: 8px;
  text-transform: capitalize;
  position: relative;
}

.checkout-sidebar ul li::before {
  color: #8c8c8c;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  font-style: normal;
  line-height: 1;
  margin-right: 10px;
}

.panel {
  box-shadow: none;
}

.panel-collapse {
  border: 1px solid #f2f2f2;
  padding: 15px;
}

/*----------------------------------------*/

/*  24. account page
/*-----------------------------------------*/

.form-content .new-customer, .form-content .login-form {
  border-color: #ddd #ddd;
  border-style: solid solid none;
  border-width: 1px 1px 0;
  min-height: 345px;
  padding: 14px 21px;
}

.form-content h2 {
  border-bottom: 1px solid #f2f2f2;
  color: #444443;
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 14px;
  padding: 0 0 6px;
  text-transform: uppercase;
}

.new-customer p, .login-form p {
  color: #888888;
  font-size: 12px;
}

.form-content h2 i {
  margin-right: 5px;
  color: #ddd;
}

.buttons-set {
  border: 1px solid #ddd;
  margin: 0;
  padding: 8px 13px;
  text-align: right;
}

.buttons-set a {
  color: #f7505a;
  float: left;
  font-size: 12px;
  margin-top: 8px;
  text-decoration: none;
}

.buttons-set a:hover {
  color: #01c3c2;
}

.form-element label, .ck-box label {
  color: #666;
  float: left;
  font-weight: normal;
  z-index: 0;
}

.form-element label em {
  color: #f22e3b;
  font-family: arial;
  font-style: normal;
}

.form-content .form-element input, .shipping-form .form-element input {
  width: 100%;
  height: 34px;
  border: 1px solid #ddd;
  color: #000;
}

p.required {
  color: #e95668;
  font-family: arial;
  font-size: 11px;
  text-align: right;
}

/*----------------------------------------*/

/*  25. create-account page
/*-----------------------------------------*/

.fieldset {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  margin: 28px 0;
  padding: 22px 25px 12px 33px;
}

.new-account .form-title {
  margin: 50px 0 0;
}

.fieldset .legend {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #333;
  float: left;
  font-size: 13px;
  font-style: italic;
  margin: -33px 0 0 -10px;
  padding: 3px 8px;
  position: relative;
}

.contact-form-style input {
  border: 1px solid #f2f2f2;
  color: #2f2f2f;
  font-size: 12px;
  height: 45px;
  padding-left: 20px;
  width: 100%;
  outline: none;
  margin-bottom: 20px;
}

.contact-form-style input:focus {
  background-color: #edf7fd;
}

.contact-form-style textarea {
  outline: none;
  width: 100%;
  height: 200px;
  border: 1px solid #f2f2f2;
  padding: 20px 0 0 20px;
}

.ck-box {
  margin-top: 8px;
  overflow: hidden;
}

.ck-box label {
  display: inline-block;
  margin-left: 5px;
}

.ck-box>input {
  float: left;
  margin-top: 3px;
}

.contact-form-style button {
  width: 150px;
  height: 50px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px 0 0;
  outline: none;
  background-color: #f45c5d;
  border-color: #f45c5d;
}

.contact-form-style {
  margin-top: 20px;
}

/*-------------------------------
26. wishlist page
--------------------------------*/

.saider-bar-title {
  border-bottom: 1px solid #4c4c4c;
  margin-bottom: 45px;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: uppercase;
}

.wishlist .cart-table tbody tr td {
  padding: 10px;
}

.wishlist .cart-table tbody tr td a {
  color: #444;
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  text-transform: capitalize;
}

.wishlist .cart-table tbody tr td h6 {
  font-weight: normal;
  margin: 5px 0;
}

.wishlist .cart-table tbody tr td p {
  font-size: 14px;
  margin: 0;
  text-align: left;
}

.wishlist .cart-table tbody tr td textarea {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  display: block;
  height: 109px;
  width: 97%;
  padding: 5px;
  margin-top: 5px;
}

.wishlist .cart-table tbody tr td .price-box {
  margin: 5px 0;
}

.wishlist .cart-table tbody tr td .price-box span {
  color: #e95668;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.wishlist .cart-table tbody tr td .price-box span.old-price {
  color: #ababab;
  font-size: 14px;
  font-weight: 400;
  text-decoration: line-through;
}

.wishlist .cart-table tbody tr td input {
  width: 45px;
}

.wishlist .cart-table tbody tr td a.cart-button-wi {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 10px 0;
}

.wishlist .cart-table tbody tr td a.cart-button-wi:hover {
  background: #F7505A;
  color: #fff;
  border-color: #F7505A;
}

.wishlist .cart-table tbody tr td a.edit {
  color: #f7505a;
  font-size: 14px;
}

.wis-img {
  display: block;
  width: 100px;
}

.wishlist .cart-table tbody tr {
  vertical-align: top;
}

.wishlist .cart-table tbody tr td {
  text-align: center;
}

.wishlist .cart-table tbody tr td a.edit:hover {
  color: #01c3c2;
}

.wishlist .cart-cell {
  width: 120px;
}

.wishlist .cartPage-btn li:last-child {
  margin: 0;
}

.wishlist .cartPage-btn, .wishlist .back-button {
  border-top: 1px solid #e4e4e4;
  clear: both;
  margin-top: 2em;
  padding: 8px 0 0;
  text-align: right;
}

.wishlist .back-button {
  margin: 4em 0 0;
  text-align: left;
}

.wishlist .back-button a {
  color: #f7505a;
  text-decoration: none;
}

.wishlist .back-button a:hover {
  color: #01c3c2;
}

.wishlist .cartPage-btn li a.cbtn {
  text-decoration: none;
}

.wish-left-menu {}

.wish-left-menu ul {
  background: #fff none repeat scroll 0 0;
  padding: 7px 10px;
}

.wish-left-menu ul li a {
  border-bottom: 1px solid #eee;
  color: #989898;
  display: block;
  font-size: 12px;
  padding: 8px 0;
  text-decoration: none !important;
}

.wish-left-menu ul li:last-child a {
  border: 0;
}

.wish-left-menu ul li a:hover {
  color: #F7505A;
}

/*----------------------------------------*/

/*  27.  Product details page
/*----------------------------------------*/

.product-details-area .inputx-content {
  float: left;
  margin-right: 10px;
}

.product-details-area .add-to-cart label {
  float: left;
  margin-right: 10px;
  font-weight: normal;
  padding: 8px 0 0;
  font-size: 14px;
}

.product-details-area .qty input {
  border: 1px solid #ddd;
  border-radius: 100%;
  height: 36px;
  text-align: center;
  width: 36px;
}

.product-details-area p.availability.in-stock {
  clear: both;
  color: #252525;
  font-size: 12px;
  padding: 10px 0;
}

.product-details-area .availability.in-stock span {
  color: #f45c5d;
  margin-left: 5px;
}

.bx-wrapper {
  margin-left: -70px;
}

.product-details-area .singl-share {
  margin: 23px 0;
}

.product-details-area .product-list-wrapper .add-to-links i:hover {
  background-color: #3f3f3f;
  color: #fff;
}

.bx-wrapper {
  -moz-box-shadow: 0 0 0px;
  -webkit-box-shadow: 0 0 0px;
  box-shadow: 0 0 0px;
  border: 0px;
  background: inherit;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-prev:hover, .single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next:hover {
  color: #c2a476;
}

.bx-controls-direction a.bx-next:before, .bx-controls-direction a.bx-prev:before {
  content: "\f104";
  font-family: 'FontAwesome';
  display: inline-block;
  font-size: 30px;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a:hover {
  color: #f45c5d;
  border-color: #f45c5d;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next:before {
  content: "\f105"
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a {
  background: #fff none repeat scroll 0 0;
  border: 2px solid #d7d7d7;
  border-radius: 100%;
  color: #d7d7d7;
  font-size: 0;
  height: 30px;
  left: -68px;
  line-height: 26px;
  margin-top: -15px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 30px;
  opacity: 0;
}

.single-zoom-thumb .bx-wrapper:hover .bx-controls-direction a {
  opacity: 1;
}

.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next {
  right: 20px;
  left: auto;
}

.zoomLens {
  height: 230px !important;
  width: 190px !important;
  display: block;
  opacity: 0.5 !important;
  cursor: crosshair !important;
  border: 1px solid #ccc !important;
  background-color: white;
}

.zoomWindow {
  height: 100% !important;
  width: 100% !important;
  border: 2px solid #ccc !important;
  margin-left: 10px !important;
}

.zoomWrapper, .single-zoom-thumb {
  position: relative;
}
.zoomWrapper img {
  width: 100% !important;
}

.single-zoom-thumb .nav{
  justify-content: center;
  margin: 20px 0;
  gap: 5px;
  flex-wrap: initial;
}

.bx-wrapper {
  max-width: 100%
}

.product-details .product-details-area .action-button {
  margin-top: 10px;
  opacity: 1;
  overflow: hidden;
  position: relative;
}

.product-details .product-name h1 {
  color: #333339;
  font-size: 30px;
  font-weight: 700;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.product-details .price-box span {
  color: #f45c5d;
  font-size: 18px;
  font-weight: 700;
  margin: 0 0 0 10px;
}

.product-details .price-box span.old-price {
  color: #838383;
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}

.ratting-and-price {
  overflow: hidden;
}

.product-details .product-details-area .price-box {
  clear: both;
  float: left;
  font-size: 18px;
  margin-right: 20px;
  padding: 10px 0;
}

.product-details .product-details-area .rating-box {
  float: left;
  margin-top: 13px;
}

.product-details .product-details-area .ratting {
  color: #ffc119;
  float: left;
  margin-right: 10px;
  margin-top: 0;
}

.product-details .links {
  font-size: 12px;
  float: left;
}

.product-details .links a {
  color: #989898;
}

.product-details .links a:hover {
  color: #f45c5d;
}

.product-shop-inner .availability {
  clear: both;
  color: #252525;
  font-size: 12px;
  padding: 10px 0;
}

.short-description {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
  clear: both;
  color: #898989;
  display: inline-block;
  font-size: 12px;
  margin: 15px 0;
  padding: 20px 0;
}

.product-details .btn-cart {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
}

.product-details .btn-cart:hover {
  background: #f45c5d none repeat scroll 0 0;
  border-color: #f45c5d;
  color: #fff;
}

.product-details .product-details-area ul.button-link {
  text-align: left;
}

.product-details .product-details-area ul.button-link li {
  display: inline-block;
  margin-bottom: 10px;
}

.product-details .new-single-product .price-box {
  clear: both;
  float: left;
  font-size: 18px;
  margin-right: 0;
  padding: 0;
}

.product-details .new-single-product .image-area {
  float: left;
  width: 45%;
}

.product-details .new-single-product .image-area a {
  border: 1px solid #ddd;
  display: block;
  padding: 4px;
}

.product-details .new-single-product {
  border: 0 none;
  padding: 0;
}

.product-details .new-single-product .description {
  float: left;
  padding: 0 0 0 8px;
  text-align: left;
  width: 55%;
}

.product-details .new-single-product .price-box span.old-price {
  color: #838383;
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}

.product-details .new-single-product .price-box span {
  font-size: 14px;
  font-weight: normal;
  margin: 0;
}

.product-details .releted-product-area .area-title-2 {
  margin: 0 0 45px;
}

.product-details .releted-product-area h3.area-hedding-2 {
  font-size: 18px;
}

.prod-tab-menu {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 10px;
  margin-top: 30px;
}

.prod-tab-menu ul li {
  display: inline-block;
  float: none;
  font-size: 1.1em;
  line-height: 1em;
  margin-right: 8px;
  position: relative;
}

.prod-tab-menu ul li a {
  border-bottom: medium none;
  color: #252525;
  display: block;
  font-size: 14px;
  font-weight: 700;
  margin-right: 20px;
  padding: 15px 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
}

.prod-tab-menu ul li a::after {
  border-bottom: 2px solid transparent;
  bottom: -1px;
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
}

.prod-tab-menu ul li a:hover::after, .prod-tab-menu ul li a.active::after {
  border-color: #f45c5d;
}

.prod-tab-menu ul li a:hover, .prod-tab-menu ul li a.active {
  color: #f45c5d;
}

.product-over-view-tab .tab-content {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #a3a3a3;
  float: left;
  line-height: 25px;
  margin-top: 25px;
  min-height: 174px;
  padding: 30px;
  width: 100%;
}

.std, .autor-review {
  font-size: 12px;
}

.autor-review a {
  color: #989898;
  font-size: 12px;
}

.single-review .range {
  color: #ffc119;
}

.label-prod {
  font-size: 11px;
  padding-right: 15px;
}

.autor-review span {
  font-weight: 700;
}

.single-review {
  margin-bottom: 15px;
}

span.date-area {
  font-style: italic;
  font-weight: 300;
}

.review-form h3 {
  font-size: 12px;
}

.review-form h4 {
  color: #222;
  font-size: 12px;
  font-weight: 700;
}

table.data-table {
  border: 1px solid #f2f2f2;
  text-align: center;
  width: 100%;
}

.data-table thead th {
  border-right: 1px solid #f2f2f2;
  color: #2b2929;
  font-size: 12px;
  font-weight: normal;
  padding: 10px;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
}

.data-table th {
  font-weight: normal;
  padding: 6px 10px;
}

.data-table tbody th, .data-table tbody td {
  border: 1px solid #f2f2f2;
}

.data-table tbody th {
  font-size: 12px;
}

.form-area label {
  color: #666;
  display: block;
  font-size: 12px;
  font-weight: normal;
  position: relative;
  z-index: 0;
}

.form-area label em {
  color: #eb340a;
  float: right;
  font-style: normal;
  position: absolute;
  top: 0;
}

.form-area input[type="text"] {
  border: 1px solid #f2f2f2;
  width: 100%;
  padding: 0 5px;
}

.form-area textarea {
  border: 1px solid #f2f2f2;
  width: 100%;
}

.form-area input[type="submit"], .product-tag-add input[type="submit"] {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
}

.form-area input[type="submit"]:hover, .product-tag-add input[type="submit"]:hover {
  background: #f45c5d none repeat scroll 0 0;
  border-color: #f45c5d;
  color: #fff;
}

.form-area p.button-set {
  border-top: 1px solid #f2f2f2;
  clear: both;
  margin: 20px 0 0;
  padding: 8px 0 0;
  text-align: right;
}

.product-tag-add h3 {
  font-size: 13px;
  font-weight: normal;
  text-transform: uppercase;
  color: #2b2929;
  margin: 0;
}

.product-tag-add a {
  color: #989898;
  font-size: 11px;
}

.product-tag-add a:hover {
  color: #f45c5d;
}

.product-tag-add label {
  display: block;
  font-size: 13px;
  font-weight: normal;
  margin: 0 0 5px;
}

.product-tag-add form {
  margin-top: 20px;
}

.product-tag-add input {
  border: 1px solid #f2f2f2;
  line-height: 33px;
}

.product-details .product-carusul.owl-theme .owl-controls .owl-buttons {
  top: -58px;
}

.form-element.comment {
  margin-top: 15px;
}

.form-element.comment label {
  float: none;
}

.form-element.comment textarea {
  border: 1px solid #f2f2f2;
  width: 75%;
}

.form-element.comment textarea:focus {
  background-color: #edf7fd;
}

/*----------------------------------------*/

/*  28.  Blog page
/*----------------------------------------*/

.blog-page-single-blog {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #eee;
  clear: both;
  margin-bottom: 20px;
  padding: 20px 0;
}

h2.blog-title {
  font-size: 16px;
  font-weight: normal;
  margin: 0 0 5px;
  padding: 0;
  text-transform: uppercase;
}

h2.blog-title a {
  color: #989898;
}

h2.blog-title a:hover {
  color: #f45c5d
}

.post-title {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  padding-bottom: 5px;
  padding-top: 5px;
}

.post-title h3 {
  font-size: 11px;
  font-style: italic;
  margin: 0;
  padding: 5px 0 2px;
  color: #2b2929;
  font-weight: 700;
}

.postcontent {
  color: #515151;
  font-size: 12px;
  padding-bottom: 10px;
}

.postcontent a {
  color: #f45c5d;
  font-size: 11px;
}

.post-author {
  color: #515151;
  font-size: 12px;
}

/*----------------------------------------*/

/*  29.  blog-details page
/*----------------------------------------*/

.blog-details .postcontent h3 {
  color: #2b2929;
  font-size: 16px;
  margin-top: 6px;
}

.blog-details .blog-image a::before {
  display: none;
}

/*----------------------------------------*/

/*  30.  404 error page
/*----------------------------------------*/

.error-text {
  margin-bottom: 125px;
  text-align: center;
}

.error-text h1 {
  font-size: 120px;
  font-weight: bold;
  line-height: 1.2;
  margin: 100px 0 0;
  text-transform: capitalize;
}

.error-text h2 {
  color: #96a1a3;
  font-size: 18px;
}

.error-text p {
  color: #2f2f2f;
  font-size: 16px;
}

/*----------------------------------------*/

/*  31. about-us-page
/*----------------------------------------*/

.our-company {}

h2.sub-section-title {
  font-size: 16px;
  margin: 0;
  padding: 0 0 12px;
  color: #555454;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}

.about-us .page-heading {
  margin-bottom: 15px;
}

.dark {
  color: #777;
  font-size: 16px;
  font-weight: 700;
  margin: 0 0 10px
}

.our-company p, .our-team p {
  color: #999;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 10px;
}

.our-company ul {
  list-style-type: disc;
  padding-left: 15px;
}

.our-company ul li {
  border-top: 1px solid #d6d4d4;
  color: #46a74e;
  font-weight: bold;
  padding: 4px 0 6px;
}

.our-company ul li a {}

.ok-icon {
  font-size: 20px;
  line-height: 20px;
  padding-right: 15px;
  vertical-align: -2px;
}

.ok-icon::before {
  content: "";
  font-family: fontawesome;
}

.our-company ul li:first-child {
  border-top: none;
}

.our-team img {
  margin: 4px 0 17px;
}

.a-single-testimonial {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fbfbfb 0%, #fefefe 100%) repeat scroll 0 0;
  border-color: #dfdede #d2d0d0 #b0afaf;
  border-style: solid;
  border-width: 1px;
  font-size: 12px;
  font-weight: 300;
  margin: 4px 0 13px;
  padding: 19px 18px 11px;
  position: relative;
}

.a-single-testimonial::after {
  background: rgba(0, 0, 0, 0) url("img/testimon-after.gif") no-repeat scroll 0 0;
  bottom: -16px;
  content: ".";
  display: block;
  height: 16px;
  left: 21px;
  position: absolute;
  text-indent: -5000px;
  width: 15px;
}

.a-single-testimonial {
  color: #999;
}

.a-single-testimonial span {
  display: inline-block;
  height: 15px;
  text-indent: -5000px;
  width: 20px;
}

.a-single-testimonial span.before {
  background: rgba(0, 0, 0, 0) url("img/bl-before-bg.png") no-repeat scroll 0 0;
  margin-right: 8px;
}

.a-single-testimonial span.after {
  background: rgba(0, 0, 0, 0) url("img/bl-after-bg.png") no-repeat scroll 0 0;
  margin-left: 8px;
}

.testimonials-area h3 {
  margin-bottom: 18px;
  padding-left: 45px;
}

/*----------------------------------------*/

/*  32. all slider caption CSS
/*----------------------------------------*/

.bend.niceties.preview-2 {
  position: relative;
}

.preview-2 .nivo-controlNav {
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 99999;
}

.title-container h1 {
  font-size: 90px;
  font-weight: 700;
  color: #fff;
}

.title-container h3 span {
  font-size: 48px;
  font-weight: 500;
}

.desc-layer {
  font-size: 22px;
}

.sbutton-link {
  display: block;
  margin-top: 25px;
}

.sbutton-link a {
  border: 2px solid #fff;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 40px;
  margin-top: 65px;
  padding: 10px 20px;
  position: relative;
  text-transform: uppercase;
}

.sbutton-link a:hover {
  background-color: #0f99de;
  border-color: #0f99de;
}

.sbutton-link a::after {
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 11px;
  vertical-align: top;
}

.home-3 .title-container h3 span {
  font-size: 70px;
  font-weight: bold;
  text-transform: uppercase;
}

.new-collection {
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.home-5 .title-container h1 {
  display: inline-block;
  font-size: 4em;
  font-weight: 300;
  color: #383838;
  text-transform: uppercase;
}

.home-5 .title-container h3 span {
  display: inline-block;
  font-size: 1.5em;
  font-weight: 300;
  text-transform: none;
  color: #383838;
}

.home-5 .desc-layer {
  font-size: 1.5em;
  font-weight: 300;
  color: #383838;
}

.home-5 .sbutton-link a {
  border-color: #383838;
  color: #383838;
}

.home-5 .sbutton-link a:hover {
  background-color: #0f99de;
  border-color: #0f99de;
  color: #fff;
}

.preview-2 .nivo-controlNav a {
  background: transparent none repeat scroll 0 0 !important;
  border: 1px solid #fff;
  border-radius: 100%;
  cursor: pointer;
  display: inline-block;
  height: 15px;
  line-height: 10px;
  margin: 0 0 5px 10px;
  position: relative;
  text-indent: -9999px;
  width: 15px;
  z-index: 9;
}

.preview-2 .nivo-controlNav a::before {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 7px;
  left: 0;
  margin: -3.5px auto 0;
  position: absolute;
  right: 0;
  top: 50%;
  width: 7px;
}

.preview-2 .nivo-controlNav a:hover::before, .preview-2 .nivo-controlNav a.active::before {
  background: #e54e4f none repeat scroll 0 0;
}

.preview-2 .nivo-controlNav a:hover, .preview-2 .nivo-controlNav a.active {
  border-color: #e54e4f;
}

.comment-area {
  line-height: 24px;
  margin-top: 35px;
  font-size: 14px;
}

.comment-area .comment-heading {
  font-size: 20px;
  text-transform: capitalize;
  line-height: 16px;
  margin: 0 0 40px;
  font-weight: 600;
}

.comment-area .single-review {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 50px;
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review {
    display: block;
  }
}

.comment-area .single-review .review-img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 90px;
  flex: 0 0 90px;
  margin: 0 15px 0 0;
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review .review-img {
    margin: 0 0 20px 0;
  }
}

.comment-area .single-review .review-content {
  padding: 30px;
  border: 1px solid #ebebeb;
  border-radius: 0px;
}

.comment-area .single-review .review-content .review-top-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0 0 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.comment-area .single-review .review-content .review-top-wrap .review-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.comment-area .single-review .review-content .review-top-wrap .review-left .review-name .title {
  font-size: 16px;
}

.comment-area .single-review .review-content .review-top-wrap .review-left a {
  color: #474747;
}

.comment-area .single-review .review-content .review-top-wrap .review-left a:hover {
  color: #ff7004;
}

.comment-area .single-review .review-content p {
  margin: 0;
  width: 93%;
  line-height: 26px;
  font-size: 14px;
}

@media only screen and (max-width: 479px) {
  .comment-area .single-review .review-content p {
    width: 100%;
  }
}

.comment-area .single-review.child-review {
  margin-left: 70px;
}

@media only screen and (max-width: 767px) {
  .comment-area .single-review.child-review {
    margin-left: 0px;
  }
}

.blog-comment-form {
  line-height: 24px;
  font-size: 14px;
}

.blog-comment-form .comment-heading {
  font-size: 20px;
  text-transform: capitalize;
  line-height: 16px;
  margin: 0 0 20px;
  font-weight: 600;
}

.blog-comment-form .single-form input {
  border: 1px solid #ebebeb;
  display: inline-block;
  line-height: 50px;
  height: 50px;
  font-size: 15px;
  width: 100%;
  background: 0 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  text-align: left;
  box-shadow: none;
  -webkit-box-shadow: none;
  padding-left: 20px;
  padding-right: 10px;
  outline: 0;
}

.blog-comment-form .single-form textarea {
  height: 180px;
  margin-bottom: 20px;
  border: 1px solid #ebebeb;
  width: 100%;
  padding-left: 20px;
  padding-top: 20px;
  outline: 0;
}

.blog-comment-form button{
width: 160px;
height: 50px;
margin-top: 30px;
background-color: #f45c5d;
border: 1px solid#f45c5d;
transition: .3s;
}