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

    Template Name: Domino - eCcomerce Fashion Template
    Description: This is html5 template
    Author: HasTech
    Version: 1.2.0

-----------------------------------------------------------------------------------
CSS INDEX
===================
1. Template default css (css/default.css)
2. Slider css (css/slider.css)
3. Responsive css (css/slider.css)
4. promo style
5. Menu css
6. Free offer area css start
7. Discount area css start
8. featured products
9. banner area css start
10. Blog
11. Email area
12. Brand area
13. Footer
14. Home2
15. Icon Pulse Grow
16. Product banner
17. Product blog home2
18. Home3 topbar
19. Big email area
20. Home4
21. Countdown
22. Blog email
23. Home5
24. Home6
25. Main shop page
26. Price slider
27. Pagination
28. About us
29. Cart page
30. Cart plus minus
31. Login
32. address
33. Shipping
34. Payment
35. Tree veiw
36. counter up
37. about team
38. Compare
39. Checkout
40. Google map
41. Wishlist
42. Portfolio
43. 404 page
44. Contact Form

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/* 4. promo style
/*----------------------------------------*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:400,700|Roboto:300i,400,500,700");

html,
body {
  font-family: "Roboto", sans-serif;

  height: 100%;
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;

  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;

  margin-bottom: 15px;
  margin-left: 15px;
}

.aligncenter {
  display: block;

  margin: 0 auto 15px;
}

a:focus {
  outline: 0 solid;
}

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

.fix {
  overflow: hidden;
}

p {
  margin: 0 0 15px;
}

h1,
h2,
h3,
h4,
h5,
h6,
a {
  font-family: "Montserrat", sans-serif;

  margin: 0 0 0px;
}

a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
}

a:hover {
  text-decoration: none;

  color: #f54375;
}

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

ul {
  margin: 0;
  padding: 0;

  list-style: outside none none;
}

.clear {
  clear: both;
}

body {
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

.browserupgrade {
  margin: 0.2em 0;
  padding: 0.2em 0;

  color: #000;
  background: #ccc;
}

.container {
  width: 1200px;
}

/*----------------------------------------*/
/*  5. Menu css
/*----------------------------------------*/

.header-topbar-area-top {
  background: #000000 none repeat scroll 0 0;
}

.header-topbar-area-top .header-login {
  margin-top: 5px;
}

.header-login li {
  display: inline-block;
}

.header-social-icon li {
  display: inline-block;
}

.header-social-icon a {
  font-size: 18px;
  line-height: 30px;

  position: relative;
  top: 7px;

  display: block;

  width: 30px;
  height: 30px;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;

  color: #fff;
  background: #474747 none repeat scroll 0 0;
}

.header-social-icon a:hover {
  background: #f54375;
}

.header-social-icon li + li {
  margin-left: 2px;
}

.header-login a {
  font-size: 12px;
  font-weight: 700;

  text-decoration: none;
  text-transform: uppercase;

  color: #fff;
}

.header-login a:hover {
  color: #f54375;
}

.header-login li + li {
  margin-left: 35px;
}

.header-currency-area ul li {
  display: inline-block;
}

.cur-text-wrapper {
  position: absolute;
  top: 42px;
  left: 0;

  display: none;
}

.cur-lanpos {
  position: absolute;
  top: 42px;
  left: 0;

  display: none;
}

.cur-text-wrapper.currency-opt {
  z-index: 99;

  background: #000;
}

.currency-ttl {
  cursor: pointer;
}

.header-currency-area li + li {
  margin-left: 15px;
}

.header-currency-area .cur-usd > span {
  font-family: Montserrat;
  font-size: 10px;
  font-weight: 700;
  line-height: 44px;

  margin-right: 5px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;

  color: #fff;
}

.header-currency-area .cur-usd > span:hover {
  color: #ffffff;
}

.header-currency-area .cur-usd > a i {
  font-size: 18px;

  position: relative;
  top: 3px;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #fff;
}

.header-currency-area .cur-usd > a i:hover {
  color: #f54375;
}

.header-currency-area {
  float: right;
}

.cur-text-wrapper.currency-opt .inner-text a {
  font-size: 10px;

  display: block;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;

  color: #959595;
}

.cur-text-wrapper.currency-opt .inner-text a:hover {
  color: #fff;
}

.cur-text-wrapper.currency-opt .usd a {
  display: block;

  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

.cur-text-wrapper.currency-opt .cbp a {
  display: block;

  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
}

.cur-text-wrapper.currency-opt {
  z-index: 99;

  background: #000 none repeat scroll 0 0;
}

/*Header middle css start*/

.header-logo {
  padding: 0px 0;
  width: 74px;
}

.sticky .header-logo {
  padding: 0;
}

.header-middle {
  padding: 20px 0;
}

.header-whishlist {
  float: right;

  margin-top: 5px;
}

.header-whish {
  float: left;

  padding-bottom: 7px;
}

.header-middle-phone {
  float: left;
}

.header-middle-phone {
  float: left;

  padding: 18px;

  background: #f5f5f5 none repeat scroll 0 0;
}

.header-middle-phone span {
  font-size: 18px;
  font-weight: 600;

  letter-spacing: 1px;

  color: #000000;
}

.header-middle-phone span i {
  font-size: 22px;

  margin-right: 10px;
}

.header-whish-compare {
  float: left;

  margin-right: 25px;
}

.header-whish a {
  font-size: 12px;
  font-weight: 600;

  text-transform: uppercase;

  color: #000000;
}

.header-whish a:hover {
  color: #f54375;
}

.header-whish:before {
  font-family: fontawesome;
  font-size: 18px;
  font-weight: 600;

  position: relative;
  top: 2px;
  right: 10px;

  content: "";
  cursor: pointer;

  color: #000000;
}

.header-compare a {
  font-size: 12px;
  font-weight: 600;

  margin-left: 3px;

  text-transform: uppercase;

  color: #000000;
}

.header-compare a:hover {
  color: #f54375;
}

.header-compare:before {
  font-family: fontawesome;
  font-size: 18px;
  font-weight: 600;

  position: relative;
  top: 2px;
  right: 9px;

  content: "";
  cursor: pointer;

  color: #000000;
}

.header-whish-compare:before {
  position: absolute;
  top: 31px;
  left: -15px;

  width: 55px;
  height: 1px;

  content: "";

  background: #cac9c9 none repeat scroll 0 0;
}

.main-menu-wrapper {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.main-drop {
  position: absolute;
  z-index: 99999;
  top: 100%;
  left: 0;

  width: 190px;
  padding-top: 9px;
  padding-bottom: 12px;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;

  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
}

ul.main-menu li:hover .main-drop {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.firstli {
  padding-top: 15px;
}

.lastli {
  padding-bottom: 9px;
}

ul.main-drop > li a {
  font-size: 14px;
  line-height: 17px;

  display: block;

  padding: 3px 30px;

  text-decoration: none;
  text-transform: capitalize;

  color: #000000;
}

ul.main-menu > li {
  display: inline-block;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.dropdown2 {
  position: relative;
}

ul.main-drop > li > a:hover {
  color: #f54375;
}

.main-menu > li > a {
  font-size: 14px;
  font-weight: 600;

  display: block;

  padding-top: 26px;
  padding-bottom: 15px;

  text-decoration: none;
  text-transform: uppercase;

  color: #000000;
}

.main-menu > li + li > a {
  padding-left: 37px;
}

.main-menu > li > a:hover {
  color: #f54375;
}

.main-menu li:hover > a {
  color: #f54375;
}

.main-menu li.active > a {
  color: #f54375;
  border: 0 solid #fff;
}

.mega-menu-area {
  position: absolute;
  z-index: 99999;
  top: 100%;
  left: 0;

  width: 810px;
  padding-bottom: 15px;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;

  background: #fff none repeat scroll 0 0;
  box-shadow: 0 1px 2px rgba(86, 86, 90, 0.5);
}

.mega-menu-area.hp1-style1 {
  width: 670px;
}

.mega-menu-area.hp1-style2 {
  width: 810px;
}

.single-mega-item li a:hover {
  color: #f54375;
}

ul.main-menu li:hover .mega-menu-area {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.single-mega-item {
  float: left;

  width: 33.333%;
}

.mega-menu-area.hp2style2 {
  width: 795px;
}

.mega-menu-area.hp2style1 {
  width: 670px;
}

.single-mega-item.single-mega-item2 {
  width: 25%;
}

.main-menu {
  position: relative;
}

.mega-title {
  margin-bottom: 15px;
}

.single-mega-item > li a {
  font-size: 14px;
  display: block;
  padding: 2px 25px;
  text-decoration: none;
  text-transform: capitalize;
  color: #000000;
}

li.mega-title > a {
  font-size: 14px;
  font-weight: 600;

  display: block;

  padding-top: 25px;

  text-decoration: none;
  text-transform: uppercase;

  color: #000000;
}

.single-mega-item {
  position: relative;
}

.single-mega-item:before,
.single-mega-item.mega-underline1:before {
  position: absolute;
  top: 50px;
  left: 30px;

  width: 75px;
  height: 1px;

  content: "";

  background: #000000 none repeat scroll 0 0;
}

.single-mega-item.mega-underline1:before {
  width: 122px;
}

.single-mega-item.mega-underline1.mega-underline2:before {
  width: 95px;
}

.single-mega-item.mega-underline1.mega-underline3:before {
  width: 114px;
}

li.active a {
  color: #999999;
}

.main-menu li .mega-parent {
  position: static;
}

.mega-parent i,
.dropdown2 i,
.main-menu i {
  font-size: 20px;
  line-height: 0;

  position: relative;
  top: 2px;
}

/*Sticky header start*/

.sticky {
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;

  width: 100%;

  border-bottom: 1px solid #eee;
  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
}

.sticky .main-menu li:hover > a {
  color: #f54375;
}

.sticky .main-menu li.active > a {
  color: #f54375;
  border: 0 solid #fff;
}

.sticky .main-menu > li > a {
  padding-top: 25px;
  padding-bottom: 2px;
}

.main-menu-wrapper.sticky .header-cart-area {
  display: block;
}

.main-menu-wrapper.sticky .main-cart-area:after {
  display: block;
}

.sticky .header-search.header-search-position.posr {
  /* display: none; */
}

.main-menu-wrapper.sticky .header-cart-area {
  display: none;
}

.sticky .shop-bag.home2-shopbag {
  /* display: none; */
}

/*Mobile menu*/

.mobile-menu-area {
  display: none;
}

nav ul.main-menu {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mean-container {
  position: relative;
}

.container.mean-container:before {
  font-family: Montserrat;
  font-size: 19px;

  position: absolute;
  z-index: 99999999;
  top: 10px;
  left: 27px;

  /* content: "Menu"; */
  text-transform: uppercase;

  color: #ffffff;
}

.mean-container a.meanmenu-reveal {
  top: 3px;
}

.mean-container .mean-nav ul li a.mean-expand {
  height: 24px;
}

.sticky .container.mean-container:before {
  top: 11px;
}

.mobile-menu-area.hp1-mobile-area {
  margin-top: 12px;
}

/*Sticky header end*/

.header-search {
  float: left;
  width: 0%;
}

.header-cart-area {
  float: right;

  width: 90%;

  text-align: right;
}

.header-cart-area .cart-heading {
  text-align: left;
}

.header-cart-area .cart-dress-color {
  text-align: left;
}

.main-cart-area {
  padding-top: 17px;
}

.sticky .main-cart-area {
  padding-top: 15px;
}

.header-search input {
  width: 160px;
  height: 31px;

  border: 1px solid #000000;
  background: #fff;
}

.header-search button {
  font-size: 20px;

  position: relative;
  right: 0;

  float: right;

  width: 40px;
  height: 36px;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #000000;
  border: 1px solid #fff;
  background: transparent;
}

.header-search.header-search-style2 button {
  font-size: 20px;

  position: relative;
  top: 2px;
  right: 34px;

  float: inherit;

  width: 40px;
  height: 36px;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #000000;
  border: 1px solid #fff;
  background: transparent;
}

.header-search button:hover {
  width: 40px;
  height: 36px;

  border: 1px solid #ccc;
}

.header-search-position input {
  position: absolute;
  z-index: 9999;
  top: 0;
  right: 40px;

  width: 0;
  height: 36px;
  padding: 0;

  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  color: #444444;
  border: 0;
}

.header-search-position:hover input {
  width: 165px;
  padding-left: 20px;

  background: #e8e8e8;
}

.shopping-cart.strong-up span {
  font-size: 14px;
  font-weight: 600;

  text-transform: uppercase;

  color: #000000;
}

.shopping-cart a {
  margin-bottom: 0;
  padding: 0 0 15px;

  color: #000000;
}

.cart-item {
  margin-right: 5px;
}

.style-shopping-bag {
  position: relative;
}

.style-shopping-bag:before {
  font-family: fontawesome;
  font-size: 30px;

  position: absolute;
  top: -4px;
  left: 35px;

  content: "";
  cursor: pointer;
}

.style-shopping-bag:after {
  position: absolute;
  top: 2px;
  left: 94px;

  width: 1px;
  height: 33px;

  content: "";

  background: #ccc none repeat scroll 0 0;
}

/* Header Cart box start*/

.header-cart-box-wrapper {
  position: absolute;
  z-index: 999999999;
  top: 110px;
  right: 0;

  visibility: hidden;

  width: 270px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  opacity: 0;
  background: #fff;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.cart-hover-effect:hover .header-cart-box-wrapper.cart-position-style1 {
  top: 70px;

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cart-image {
  float: left;

  margin-right: 18px;
  padding-top: 20px;
}

.cart-image img {
  width: 75px;
  height: 75px;
}

.cart-heading {
  margin-bottom: 0px;
  padding-top: 15px;
}

.cart-heading a {
  font-size: 13px;
  font-weight: 600;

  color: #000000;
}

.cart-qty {
  margin-bottom: 8px;
}

.cart-price {
  font-size: 15px;
  font-weight: 600;

  margin-right: 19px;

  color: #c90237;
}

.cart-dress-color {
  margin-bottom: 0px;

  color: #000000;
}

.cart-remove {
  position: absolute;
  top: 16px;
  right: 14px;
}

.cart-remove.deft-remove-icon a {
  margin-left: 2px;

  color: #fff;
}

.single-cart-box {
  display: flex;
  align-items: center;
  border-bottom: 1px solid black;
  padding-bottom: 20px;
}

.cart-shipping-cost {
  font-weight: 600;

  overflow: hidden;

  margin-top: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
}

.cart-qty {
  color: #000000;
}

.shipping-text {
  margin-right: 25px;

  color: #000000;
}

.shipping-amt {
  float: right;
}

.cart-subtotal {
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 900;
  margin-top: 9px;
  color: #c90238;
}

.subttl-text {
  margin-right: 31px;
}

.subttl-amt {
  float: right;

  margin-right: 17px;
}

.cart-checkout-btn {
  margin-top: 20px;

  text-align: center;
}

.cart-checkout-btn a {
  letter-spacing: 1px;

  color: #fff;
}

.cart-checkout-btn i {
  font-size: 22px;

  position: relative;
  top: 3px;
}

/*----------------------------------------*/
/*  6. Free offer area css start
/*----------------------------------------*/

.single-free-offer {
  margin-top: 15px;
}

.free-border {
  overflow: hidden;

  margin: auto;
  padding: 15px 0;

  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.title-head h4 {
  font-size: 18px;
  font-weight: 700;

  text-transform: uppercase;

  color: #000000;
}

.free-offer-text p {
  font-family: Arial;
  font-size: 15px;

  color: #888;
}

/*----------------------------------------*/
/*  7. Discount area css start
/*----------------------------------------*/

.discount-left-image {
  cursor: pointer;
}

.discount-left-image:hover .overlay-margin-22:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.discount-text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.discount-left-image:hover .discount-text {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.discount-hover-text h4 {
  font-size: 18px;

  display: block;

  padding-bottom: 20px;

  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #f54375;
}

.discount-hover-desc h3 {
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;

  margin-top: 35px;
  margin-bottom: 35px;

  letter-spacing: 3px;
  text-transform: uppercase;
}

/*discount middle text start*/

.discout-middle-image {
  cursor: pointer;
}

.discount-middle-text-top {
  position: absolute;
  top: 35px;
  right: 0;
  left: 0;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  text-transform: uppercase;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.discout-middle-image:hover .discount-middle-text-top {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.single-middle-discount:hover.overlay-margin-10:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.discount-middle-text-top > h4 {
  font-size: 15px;
  font-weight: 600;

  letter-spacing: 2px;
  text-transform: uppercase;

  color: #888;
}

.discount-middle-text-btm {
  position: absolute;
  top: 12%;
  right: 0;
  left: 0;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.discout-middle-image:hover .discount-middle-text-btm {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.discount-middle-text-btm > h3 {
  font-weight: 600;

  letter-spacing: 1px;
  text-transform: uppercase;

  color: #f54375;
}

.discount-round-btn {
  position: absolute;
  right: 0;
  bottom: 13%;
  left: 0;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.discout-middle-image:hover .discount-round-btn {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.discount-round-btn.round-btn .upto {
  font-size: 14px;
  font-weight: 600;

  text-transform: uppercase;

  color: #fff;
}

.discount-round-btn.round-btn .sixtynine {
  font-size: 20px;
  font-weight: 600;

  text-transform: uppercase;

  color: #fff;
}

.discount-round-btn.round-btn .off {
  font-size: 14px;
  font-weight: 600;

  text-transform: uppercase;

  color: #fff;
}

.discount-round-btn.round-btn .sixtynine {
  font-size: 44px;
  font-weight: 600;
  line-height: 39px;

  text-transform: uppercase;

  color: #fff;
}

/* Discount right part*/

.discout-right-top-image {
  margin-bottom: 28px;

  cursor: pointer;
}

.discout-right-top-image:hover .overlay-margin-10:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.discount-right-text {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.discout-right-top-image:hover .discount-right-text {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.discount-right-text-top h4 {
  font-weight: 700;

  letter-spacing: 0.1em;
  text-transform: uppercase;

  color: #000000;
}

.discount-right-text-btm span {
  font-family: Montserrat;
  font-size: 13px;
  font-weight: 700;

  letter-spacing: 0.05em;
}

.discount-right-text-btm > a {
  font-size: 12px;
  font-weight: 600;

  display: block;

  letter-spacing: 1px;
  text-transform: uppercase;

  color: #000000;
}

.discount-right-text-btm > a:hover {
  color: #f54375;
}

/*----------------------------------------*/
/*  8. featured products
/*----------------------------------------*/

.product-tab-cat {
  display: inline-block;

  margin-bottom: 49px;
}

.section-title {
  margin-bottom: 40px;
}

.collection-title.title-top h3 {
  color: #000000;
}

.collection-title.title-bottom h3 {
  color: #fff;
}

.title-head > h3 {
  font-size: 25px;
  font-weight: 700;

  margin-bottom: 7px;

  text-transform: uppercase;

  color: #000000;
}

.product-tab-cat ul li {
  display: inline-block;
}

.product-tab-cat ul li + li {
  position: relative;

  margin-left: 25px;
}

.product-tab-cat li + li:before {
  position: absolute;
  top: 8px;
  left: -18px;

  width: 7px;
  height: 7px;

  content: "";

  border-radius: 50%;
  background: #000000 none repeat scroll 0 0;
}

.product-tab-cat li a {
  font-size: 16px;
  font-weight: 700;

  text-decoration: none;
  text-transform: uppercase;

  color: #000;
}

.product-tab-cat li.active a {
  color: #f54375;
}

.product-review ul.light-color li a {
  color: #d4d4d4;
}

.product-social-icon ul li {
  display: inline-block;
}

.product-review ul li {
  display: inline-block;
}

.priduct-img-wrapper {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.product-wrapper:hover .priduct-img-wrapper {
  box-shadow: 1px 0 18px 2px rgba(0, 0, 0, 0.2);
}

.single-product {
  margin-bottom: 50px;
  padding-top: 16px;
}

.product-inner-text {
  position: absolute;
  top: 70%;
  right: 0;
  left: 0;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.product-wrapper:hover .product-inner-text {
  top: 90%;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-qview-search .btn-def.btn-product-qview {
  font-size: 13px;

  margin-top: 10px;
  padding-right: 18px;
}

.product-qview-search .btn-def.btn-product-qview {
  font-size: 12px;
  line-height: 36px;

  margin-top: 0px;
  padding: 5px 11px;
}

.product-search.fa.fa-search {
  font-size: 15px;
}

.product-review {
  position: absolute;
  right: 0;
  bottom: 24%;
  left: 0;

  text-align: center;
}

.product-review li a {
  font-size: 15px;

  color: gold;
}

.product-bottom-text {
  margin-top: 20px;

  text-align: center;
}

.product-bottom-title h4 {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  color: #252525;
}

.product-bottom-price > span {
  font-family: Montserrat;
  font-size: 14px;
  color: #c80137;
  font-weight: 700;
}

.product-bottom-price del {
  font-family: Montserrat;
  font-size: 12px;
  color: #f54274;
  font-weight: 600;
}

.product-bottom-price {
  margin-top: 15px;
}

.product-tab-category-wrapper
  .active-owl-product.owl-carousel.owl-theme
  .col-md-3 {
  width: 100%;
}
.active-owl-product .single-product,
.active-featured-owl .single-product {
  margin: 0 15px;
}

.active-owl-product.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 44%;
  left: -24px;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.product-conttab-wrapper:hover
  .active-owl-product.owl-theme
  .owl-controls
  .owl-buttons
  div {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.product-conttab-wrapper .single-product {
  margin: 0 15px;
}
.active-owl-product.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -24px;
  left: auto;
}

/*----------------------------------------*/
/*  9. banner area css start
/*----------------------------------------*/

.center-banner {
  width: 100%;
  background: #00000033 none repeat scroll 0 0;
}

.banner-left-wrapper {
  float: left;

  width: 50%;
}

.banner-right-wrapper {
  float: left;

  width: 50%;
}

.center-banner .title-top h3 {
  font-size: 28px;
  font-weight: 700;

  margin-bottom: 7px;

  text-transform: uppercase;

  color: #000000;
}

.center-banner .title-bottom h3 {
  font-size: 28px;
  font-weight: 700;

  margin-bottom: 7px;

  text-transform: uppercase;

  color: #fff;
}

.banner-text-wrapper {
  padding: 95px 0;
}

.btn-area-comm {
  margin-top: 40px;
}

.content-area-comm {
  margin-top: 40px;
}

.top-bg {
  background: #f5f5f5 none repeat scroll 0 0;
}

.bottom-bg {
  background: #000000;
}

.banner-text-top {
  width: 80%;
  margin: auto;
}

.banner-text-bottom {
  width: 80%;
  margin: auto;

  color: #fff;
}

.content-top > p {
  font-family: arial;
  font-size: 15px;
}

.content-bottom > p {
  font-family: arial;
  font-size: 15px;

  color: #999;
}

.collection-right-img {
  position: relative;
}

.collection-right-img a:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 0;
  height: 0;

  content: "";
  -webkit-transition: all 500ms ease-in 0s;
  transition: all 500ms ease-in 0s;

  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.collection-single-box-img:hover .collection-right-img a:before {
  width: 100%;
  height: 100%;
}

.collection-right-img a:after {
  position: absolute;
  right: 0;
  bottom: 0;

  width: 0;
  height: 0;

  content: "";
  -webkit-transition: all 500ms ease-in 0s;
  transition: all 500ms ease-in 0s;

  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.collection-single-box-img:hover .collection-right-img a:after {
  width: 100%;
  height: 100%;
}

/*Collection area css end*/

.active-featured-owl.owl-carousel.owl-theme .col-md-3 {
  width: 100%;
}

.featured-product-area .section-title {
  margin-bottom: 25px;
}

.single-featured-product {
  margin-bottom: 35px;
}

.active-featured-owl.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 44%;
  left: -24px;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.featured-product-wrapper:hover
  .active-featured-owl.owl-theme
  .owl-controls
  .owl-buttons
  div {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.active-featured-owl.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -24px;
  left: auto;
}

/*----------------------------------------*/
/*  10. Blog
/*----------------------------------------*/

.homeone-blog-area {
  margin-top: 55px;
  margin-bottom: 95px;
}
.homeone-blog-area .single-blog {
  margin: 0 10px;
}

.section-title.title-head a h3 {
  font-size: 28px;
  font-weight: 700;

  text-decoration: none;
  text-transform: uppercase;

  color: #000000;
}

.homeone-blog-area .section-title-blog {
  margin-bottom: 25px;
}

.blog-small-text {
  font-family: Montserrat;
  font-size: 12px;
  font-weight: 700;

  margin-bottom: 18px;

  letter-spacing: 0.2em;
  text-transform: uppercase;
}

.blog-small-text > p {
  color: #f54375;
}

.blog-content {
  font-family: Arial;
  font-size: 15px;

  width: 80%;
}

.single-blog:hover .overlay-margin-10:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.blog-image-wrapper .text-top {
  text-transform: uppercase;
}

.blog-image-wrapper .text-top a h4 {
  text-decoration: none;

  color: #000000;
}

.blog-image-wrapper:hover .def-hovereff {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.text-bottom span.blog-contact {
  font-size: 13px;

  display: inline-block;

  margin-top: 22px;

  color: #222;
}

.active-blog-owl.owl-carousel.owl-theme .col-md-4 {
  width: 100%;
}

.active-blog-owl.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 90%;
  right: 141%;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.active-blog-owl.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 134%;
  left: auto;
}

.blog-image.blog-img-stlye1 img {
  margin-top: 4px;
}

.brand-slider-wrapper .def-owl.owl-theme .owl-controls .owl-buttons div {
  font-size: 20px;
  line-height: 25px;

  display: inline-block;

  width: 35px;
  height: 35px;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;

  color: #f54375;
  border: 2px solid #f54375;
  border-radius: 0;
  background: #fff none repeat scroll 0 0;
}

/*----------------------------------------*/
/* 11. Email area
/*----------------------------------------*/

.home-email-area {
  width: 100%;

  background: rgba(0, 0, 0, 0) url("images/mbg/mbg.jpg") no-repeat scroll 0 0;
  background-size: cover;
}

.center-banner-area.hp1-center-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  margin-top: 40px;
}

.email-text-wrapper {
  float: right;

  width: 50%;
  padding-bottom: 105px;
}

.home-email-area .section-title {
  margin-bottom: 45px;
}

.home-email-area .section-title {
  margin-top: 100px;
}

.email-small-text {
  float: right;

  margin-bottom: 35px;
}

.home-email-area .email-input input {
  width: 100%;
  margin-bottom: 22px;
  padding: 10px;

  border: 0 none;
}

.email-small-text > p {
  font-family: Arial;
  font-size: 15px;

  color: #727272;
}

.home-email-area .email-input input {
  font-size: 15px;

  width: 100%;
  height: 45px;
  margin-bottom: 22px;
  padding-left: 15px;

  border: 1px solid #ebebeb;
  background: #fff none repeat scroll 0 0;
}

.home-email-area .email-input input:focus {
  outline: 0 none;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px rgba(102, 175, 233, 0.6);
}

.home-email-area .email-btn button {
  font-size: 14px;
  font-weight: 700;

  padding: 12px 40px;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000 none repeat scroll 0 0;
}

.home-email-area .email-btn button:hover {
  border: 1px solid #f54375;
  background: #f54375;
}

/*----------------------------------------*/
/* 12. Brand area
/*----------------------------------------*/

.brand-area.hp1-brand-area {
  padding-top: 95px;
  padding-bottom: 95px;
}

.hp2-brand-area {
  padding-top: 95px;
}

.brand-area .brand-image {
  margin-bottom: 1px;

  border: 1px solid #ccc;
}

.brand-area .brand-image img {
  width: 100%;
}

.active-brand-owl.owl-carousel.owl-theme .col-md-2 {
  width: 100%;
}

.active-brand-owl.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  left: -3px;

  margin: 0;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.owl-theme .owl-controls {
  margin-top: 0;
}

.active-brand-owl.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -3px;
  left: auto;
}

.brand-area:hover .active-brand-owl.owl-theme .owl-controls .owl-buttons div {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*----------------------------------------*/
/* 13. Footer
/*----------------------------------------*/

.main-footer-area {
  padding-top: 40px;
  padding-bottom: 28px;

  color: #fff;
  background: #500018 none repeat scroll 0 0;
}

.footer-content {
  width: 90%;
}

.footer-title {
  margin-bottom: 45px;
}

.footer-title > h5 {
  font-size: 14px;
  font-weight: 700;

  text-decoration: none;
  text-transform: uppercase;

  color: #fff;
}

.footer-text > p {
  font-family: Arial;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;

  margin-bottom: 8px;

  color: #f1f1f1;
}

.footer-readmore a {
  font-family: Arial;
  font-size: 14px;
  font-weight: 400;

  color: #f54375;
}

.footer-readmore a:hover {
  padding-left: 7px;
}

.footer-social-icon li {
  display: inline-block;

  margin-top: 8px;
}

.footer-social-icon li + li {
  margin-left: 18px;
}

.footer-social-icon a {
  font-size: 19px;
  line-height: 20px;

  width: 20px;
  height: 20px;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;

  color: #f1f1f1;
}

.footer-social-icon a:hover {
  color: #f54375;
}

.footer-list-text a {
  font-family: Montserrat;
  font-size: 12px;

  display: block;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;

  color: #f1f1f1;
}

.footer-list-text a:hover {
  color: #f54375;
}

.main-footer-area .footer-list-text > li + li {
  margin-top: 8px;
}

.def-funderline:before {
  position: absolute;
  top: 30px;
  left: 0;

  width: 22px;
  height: 1px;

  content: "";

  background: #f54375;
}

.footer-list-text li {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-list-text > li:hover {
  padding-left: 10px;
}

.my-acct-hover > h5:hover {
  color: #f54375;
}

.footer-bottom-text a {
  color: #f54375;
}

.footer-bottom-text a:hover {
  text-decoration: underline;
}

.footer-bottom-area {
  margin: 0;
  padding: 15px 0;
  background: #000000 none repeat scroll 0 0;
}

.footer-bottom-text p {
  font-family: Montserrat;
  font-size: 14px;

  display: block;

  padding-top: 2px;

  text-transform: capitalize;

  color: #f1f1f1;
  margin-bottom: 0;
}

.footer-bottom-image > img {
  padding-bottom: 5px;
}

.footer-bottom-left {
  padding-top: 0px;
  padding-bottom: 0;
}

.footer-bottom-right {
  padding-top: 0px;
  padding-bottom: 0;
}

.to-top.posr > a {
  font-size: 29px;
  line-height: 45px;

  position: fixed;
  right: 20px;
  bottom: 5%;

  display: block;

  width: 40px;
  height: 43px;

  text-align: center;

  color: #fff;
  border: 1px solid #fff;
  background: #232323 none repeat scroll 0 0;
}

.to-top i {
  position: relative;
  bottom: 2px;
}

/*----------------------------------------*/
/* 14. Home2
/*----------------------------------------*/

.shop-bag i {
  font-size: 26px;
}

.shop-bag {
  float: right;

  padding-top: 5px;
  padding-bottom: 23px;

  cursor: pointer;
}

.shop-bag span {
  font-weight: 700;
  line-height: 19px;
  position: relative;
  top: 8px;
  right: 10px;
  display: inline-block;
  width: 19px;
  height: 18px;
  text-align: center;
  color: #fff;
  border-radius: 50%;
  background: #f54374;
}

.header-search.header-search-style2 button {
  border: 1px solid transparent;
}

.header-search.header-search-style2 button:hover {
  border: 1px solid #ccc;
}

.home2-shopbag {
  position: relative;
}

.hps2 input {
  position: absolute;
  z-index: 9999;
  top: 2px;
  right: 39px;

  width: 0;
  height: 36px;
  padding: 0;

  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;

  color: #444444;
  border: 0;
}

.hps2:hover input {
  width: 165px;
  padding-left: 20px;

  background: #e8e8e8;
}

.cartpoint-shopping-qty {
  position: absolute;
  top: 10px;
  left: 23px;
}

.main-cart-area.home2-cart-wrap {
  padding-top: 0;
}

.main-menu.main-menu2.hp2-main-menu > li > a {
  padding-top: 25px;
}

.cart-hover-effect:hover .header-cart-box-wrapper.cart-position-style2 {
  top: 50px;

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.header-area.home2-header-area {
  position: absolute;
  z-index: 9999;
  top: 0;

  width: 100%;
}

.topbar-area-top2 {
  color: #ffffff;
  background: #c80137 none repeat scroll 0 0;
  padding: 5px 0;
}

.topbar-area-top2 ul li a {
  font-weight: 700;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #ffffff;
}

.home2-currency-area .cur-usd2 span {
  color: #ffffff;
}

.home2-currency-area .cur-usd2 > a i {
  color: #f54375;
}

.home2-header-cartpos {
  position: relative;

  color: #000000;
}

.home2-header-cartpos:before {
  font-family: fontawesome;
  font-size: 27px;

  position: absolute;
  top: 10px;
  right: 0;

  content: "";
  cursor: pointer;
}

.header-search-pos2 {
  position: relative;
  right: 20px;
}

.hmome2-cart-amt span {
  position: relative;
  top: 34px;
  left: 30px;
}

.home2-menu {
  background: transparent none repeat scroll 0 0;
}

.home2-header-area .sticky {
  background: #fff none repeat scroll 0 0;
}

.main-menu-wrapper.home2-menu.sticky {
  padding: 2px 0;

  border-bottom: 2px solid #eee;
}

.sticky .home2-header-logo {
  /* display: none; */
}

.sticky .home2-header-logo2 {
  display: block;
}

.sticky .home2-header-cartpos:before {
  display: none;
}

.sticky .hmome2-cart-amt span {
  display: none;
}

.home2-header-area .main-menu-wrapper {
  border-bottom: 0 solid #ebebeb;
}

.sticky .hp2-mmenu .container.mean-container:before {
  top: 15px;
}

.check-it-out.check-btnmgr1 {
  margin-top: 41px;
}

.check-it-out.check-btnmgr2 {
  margin-top: 28px;
}

.banner-top-wrapper {
  padding-top: 66px;
  padding-bottom: 53px;

  border-bottom: 1px solid #ebebeb;
}

.banner-content > p {
  font-family: Arial;
  font-size: 13px;

  margin-top: 30px;

  color: #9c9c9c;
}

.banner-title-head > h2 {
  font-size: 16px;
  font-weight: 700;

  text-transform: uppercase;

  color: #666;
}

.banner-icon i {
  font-size: 70px;

  margin-bottom: 35px;

  -webkit-animation: bounce-down 2s ease infinite;
  animation: bounce-down 2s ease infinite;

  color: #f54375;
}

.hp2pbanner-area.product-banner-area {
  padding-top: 42px;
}

.hp2-fpa {
  padding-top: 60px;
}

/*----------------------------------------*/
/* 15. Icon Pulse Grow
/*----------------------------------------*/

@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.single-banner:hover .hvr-icon-pulse-grow {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

.banner-virticle-line:before {
  position: absolute;
  top: 5px;
  left: -15px;

  width: 1px;
  height: 198px;

  content: "";

  background: #ebebeb none repeat scroll 0 0;
}

.banner-virticle-line:after {
  position: absolute;
  top: 5px;
  right: -15px;

  width: 1px;
  height: 198px;

  content: "";

  background: #ebebeb none repeat scroll 0 0;
}

.home2-feature {
  padding-top: 28px;
}

/*----------------------------------------*/
/* 16. Product banner
/*----------------------------------------*/

.product-banner-area {
  padding-top: 95px;
}

.product-banner-left:hover .hvreff-defm20:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.product-banner-left:hover .hvreff-defm20:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.product-banner-left {
  cursor: pointer;
}

.img-banner {
  margin-bottom: 29px;

  cursor: pointer;
}

.img-banner:hover .hvreff-defm10:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.img-banner:hover .hvreff-defm10:after {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*----------------------------------------*/
/* 17. Product blog home2
/*----------------------------------------*/

.fullwidth-blog-area.hp2-blog-area {
  overflow: hidden;

  margin-top: 50px;
}

.blog-title.title-head {
  margin-bottom: 45px;
}

.fullwidth-blog-area .blog-pdate {
  margin-top: 25px;
  margin-bottom: 22px;
}

.fullwidth-blog-area .blog-pdate > p {
  font-family: Montserrat;
  font-size: 13px;

  color: #959595;
}

.blog-middle-title h5 {
  transition: all 0.3s ease 0s;
  text-transform: uppercase;

  color: #000000;
}

.blog-middle-title h5:hover {
  color: #f54375;
}

.fullwidth-blog-area .blog-rmore h5 {
  font-size: 11px;
  line-height: 20px;

  display: block;

  width: 71px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;

  color: #a2a2a2;
  border-bottom: 1px solid #e8e8e8;
}

.fullwidth-blog-area .blog-rmore h5:hover {
  color: #f54375;
  border-bottom: 1px solid #f54375;
}

.active-blog2-owl .col-md-3 {
  width: 100%;
}
.active-blog2-owl .single-blog-image {
  margin: 0 10px;
}

.blog-owl-wrapper .def-owl.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  left: -11px;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog-owl-wrapper .def-owl.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -11px;
  left: auto;
}

.blog2-prev.owl-theme .owl-controls .owl-buttons div {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  opacity: 0;
  color: #f54375;
  border: 2px solid #f54375;
  background: #fff none repeat scroll 0 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.blog-owl-wrapper:hover .blog2-prev.owl-theme .owl-controls .owl-buttons div {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.fullwidth-blog-area .blog-image img {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.fullwidth-blog-area .blog-image img:hover {
  opacity: 0.85;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.hp2-home-email-area {
  margin-top: 85px;
}

.hp2-map-area {
  margin-top: 95px;
}

.new-arrival-product-area.home2-opa {
  padding-top: 95px;
}

/*----------------------------------------*/
/* 18. Home3 topbar
/*----------------------------------------*/

.home3-header-area .topbar3 a:hover {
  color: #ffffff;
}

.home3-header-area .home2-currency-area .cur-usd3 span {
  color: #ffffff;
}

.home3-header-area .home2-currency-area .cur-usd2 > a i {
  color: #ffffff;
}

.sticky.sticky-style2 .col-md-8 {
  /* width: 100%; */
}

.sticky .shop-bag.home3-shopbag {
  /* display: none; */
}

.sticky .header-search.header-search-style2.header-search-position.hps2.hps3 {
  /* display: none; */
}

.h3menu.sticky {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
}

.sticky.h3menu .container.mean-container:before {
  top: 85px;
}

.sticky .cart-sticky-display {
  display: block;
}

.sticky .main-menu.main-menu2.hp2-main-menu > li a {
  padding-top: 20px;
  padding-bottom: 10px;
}

.cart-hover-effect:hover .header-cart-box-wrapper.cart-position-style3 {
  top: 55px;

  visibility: visible;

  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.banner3-top {
  padding-top: 95px;
  padding-bottom: 95px;

  background: #f5f5f5 none repeat scroll 0 0;
}

.benner-button a {
  text-decoration: none;

  color: #000000;
}

.banner-sstitle > h5 {
  font-size: 12px;

  letter-spacing: 0.3em;
  text-transform: uppercase;
  font-weight: 600;
  color: #f54375;
}

.banner-sstitle {
  margin-bottom: 15px;
}

.banner-stitle > h3 {
  font-size: 28px;
  font-weight: 700;

  text-transform: uppercase;

  color: #000000;
}

.banner-btitle {
  font-size: 40px;

  text-transform: uppercase;

  color: #000000;
}

.banner-btitle h2 {
  font-size: 40px;
  font-weight: 700;
}

.banner-text {
  margin-top: 45px;
  margin-bottom: 65px;
}

.btext > p {
  font-family: Arial;
  font-size: 15px;
  line-height: 20px;

  text-align: justify;

  color: #666;
}

.banner3-middle {
  margin-top: 65px;
}

.banner-full-wrapper {
  padding-top: 65px;
  padding-bottom: 48px;

  background: #fcc9d95c none repeat scroll 0 0;
}

.banner-full-wrapper .banner-content {
  padding-top: 40px;
}

.banner3-middle .banner-full-wrapper .banner-text {
  margin-top: 33px;
  margin-bottom: 55px;
}

.featured-product-area.home3-fp {
  margin-top: 90px;
}

/*----------------------------------------*/
/* 19. Big email area
/*----------------------------------------*/

.hp3-email-area {
  padding-top: 105px;
  padding-bottom: 110px;

  background: #f5f5f5 none repeat scroll 0 0;
}

.hp3-email-input > input {
  width: 55%;
  padding: 12px;

  text-align: center;

  border: 0 solid #fff;
}

.hp3-email-btn > button {
  font-weight: 300;

  padding: 12px 40px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000 none repeat scroll 0 0;
}

.hp3-email-btn > button:hover {
  border: 1px solid #f54375;
  background: #f54375 none repeat scroll 0 0;
}

.hp3-email-input {
  margin-bottom: 40px;
}

.hp3-email-ttl {
  margin-bottom: 35px;
}

.hp3-email-ttl > h4 {
  font-size: 20px;
  font-weight: 700;

  text-transform: uppercase;

  color: #000000;
}

.brand-area.hp3-brand-area {
  padding-top: 95px;
  padding-bottom: 90px;
}

.hp3-email-input .form-control {
  display: inline-block;

  width: 70%;
  height: 40px;
}

.hp3-footer-area {
  padding-top: 83px;

  border-top: 1px solid #ebebeb;
  background: #fff none repeat scroll 0 0;
}

.hp3-footer-area .footer-title > h5 {
  color: #000000;
}

.hp3-footer-bottom {
  border-top: 1px solid #ebebeb;
  background: #fff;
}

.footer-text.footer-text-color p {
  color: #a2a2a2;
}

.footer-social-icon.footer-text-color a {
  color: #a2a2a2;
}

.footer-list-text.footer-text-color a {
  color: #a2a2a2;
}

/*----------------------------------------*/
/* 20. Home4
/*----------------------------------------*/

.h4-header-area .megawidth1 {
  width: 821px;
}

.h4-header-area .megawidth2 {
  width: 600px;
}

.h4-header-area .megawidth3 {
  width: 412px;
}

.sticky .header-style-4 .col-md-8 {
  width: 100%;
}

.shop-bag.home5-shop-bag i {
  color: #fff;
}

.header-search.home5-button button {
  color: #fff;
}

.header-logo.home5-header-logo {
  padding: 24px 0;
}

.hm4-pbanner-area {
  padding-top: 45px;
}

.btn-hp4 {
  padding: 10px 25px;

  color: #b2b2b2;
  border: 1px solid #b2b2b2;
}

.btn-hp4:hover {
  color: #f54375;
  border: 1px solid #f54375;
}

.new-arrival-product-area.hp4-napa {
  overflow: hidden;

  margin-top: 60px;
}

.active-owl-product-hp4 .col-md-3 {
  width: 100%;
}

.active-owl-product-hp4.def-owl.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 50%;
  left: -16px;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.active-owl-product-hp4.def-owl.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -16px;
  left: auto;
}

/*----------------------------------------*/
/* 21. Countdown
/*----------------------------------------*/

.product-countdown {
  margin-top: 30px;
}

.time-wrapper {
  width: 76%;
  margin: auto;
  padding: 9px 0;

  border: 1px solid #f54375;
}

.product-countdown .ftime-counter {
  font-size: 20px;

  color: #f54375;
}

.product-countdown .time-counter {
  font-size: 20px;

  margin-left: 24px;

  color: #f54375;
}

.hm4-product-review {
  bottom: 37%;
}

.product-bcontent {
  font-family: Arial;
  font-size: 15px;

  width: 90%;
  margin: 11px auto auto;

  text-align: center;

  color: #999;
}

.h4-pt {
  padding-top: 60px;
}

/*----------------------------------------*/
/* 22. Blog email
/*----------------------------------------*/

.blog-email-area.hp4-bea {
  margin-top: 60px;
}

.hp4-email-wrapper {
  background: url("images/mbg/mbg2.jpg") no-repeat scroll center center;
  background-size: cover;
}

.hp4-email-wrapper {
  margin-top: 45px;
  padding: 224px 0 137px;
}

.active-blogemail-owl .col-md-6 {
  width: 100%;
}

.hp4-blog-wrapper {
  margin-top: 38px;
}

.hp4-blog-wrapper .email-blog-image {
  float: left;

  width: 66%;
}

.hp4-blog-wrapper .email-blog-text h5 {
  font-size: 16px;
}

.single-email-blog-image {
  overflow: hidden;

  width: 100%;
  margin-bottom: 37px;
}

.hp4-blog-wrapper .email-blog-text {
  float: left;

  margin-left: 25px;
}

.hp4-blog-wrapper .blog-rmore h5 {
  font-size: 11px;
  line-height: 20px;

  display: block;

  width: 71px;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-transform: uppercase;

  color: #a2a2a2;
  border-bottom: 1px solid #e8e8e8;
}

.product-bottom-price.h4line:before {
  position: absolute;
  bottom: 34px;
  left: 50%;

  width: 40px;
  height: 1px;

  content: "";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);

  background: #000000;
}

.hp4-blog-wrapper .blog-pdate > p {
  font-family: Montserrat;
  font-size: 13px;

  color: #959595;
}

.active-blogemail-owl.def-owl.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  top: 47%;
  left: 0;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);

  opacity: 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.email-blog-right:hover
  .active-blogemail-owl.def-owl.owl-theme
  .owl-controls
  .owl-buttons
  div {
  opacity: 1;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.active-blogemail-owl.def-owl.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  left: auto;
}

.email-blog-left .be-ul:before {
  bottom: 50px;
  left: 19px;
}

.email-blog-right .be-ul2:before {
  bottom: 50px;
  left: 19px;
}

.brand-area.hp4-brand-area {
  padding-top: 60px;
  padding-bottom: 95px;
}

.hp4-fbg {
  background: #f7f7f9;
}

.product-review.hm4-product-review {
  bottom: 42%;
}

/*----------------------------------------*/
/* 23. Home5
/*----------------------------------------*/

.hp5-menu .home2-header-cartpos:before {
  top: 14px;
  left: 44px;
}

.hp5-menu .header-search-pos2 {
  top: 4px;
  right: 36px;
}

.sticky.hp5-menu .container.mean-container:before {
  top: 14px;
}

.h5-header-area .main-menu2 .single-mega-item:before {
  width: 102px;
}

.h5-header-area {
  background: #000;
}

.h5-header-area .main-menu-wrapper {
  border-top: 0 solid #ebebeb;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.h5-header-area .main-menu li.active > a {
  color: #f54375;
  border: 0 solid #fff;
}

.h5-header-area .main-menu > li > a {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #fff;
}

.h5-header-area .main-menu > li > a:hover {
  color: #f54375;
}

.h5-header-area .h3menu.sticky {
  background: #000 none repeat scroll 0 0;
}

.h5-header-area .sticky .main-menu > li > a {
  color: #fff;
}

.h5-header-area .sticky .mega-menu-area {
  top: 130%;
}

.h5-header-area .sticky .mega-menu-area:hover {
  top: 100%;
}

.h5-header-area .header-search-pos2 button {
  color: #fff;
}

.h5-header-area .home2-header-cartpos {
  color: #fff;
}

.banner-top-cap {
  position: absolute;
  top: 50%;
  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;

  color: #000000;
}

.banner-top-cap .slide-two-title > h4 {
  letter-spacing: 0;
}

.banner-top-cap .slide-two-title {
  margin-bottom: 55px;
}

.banner-top-cap .slide-two-dec > h1 {
  margin-bottom: 12px;
}

.banner-top-cap a.btn-def-color {
  margin-top: 20px;
  padding: 14px 20px;
}

.banner-middle-cap {
  position: absolute;
  top: 50%;
  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;

  color: #000000;
}

.banner-middle-cap .slide-one-title > h2 {
  font-size: 18px;

  letter-spacing: 7px;

  color: #f54375;
}

.banner-middle-cap .slide-one-title > h2 {
  margin-top: 15px;
  margin-bottom: 45px;
}

.check-it-out a {
  text-decoration: none;
}

.banner-middle-cap a.btn-trans {
  margin-top: 10px;
  padding: 14px 20px;
}

.banner-middle-cap .slide-one-title > h1 {
  color: #fff;
}

.banner-middle2-cap {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 80%;
  margin: auto;

  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;

  color: #000000;
}

.style-hp5-b3 .bannerm2-text1 h4 {
  font-size: 18px;
  font-weight: 700;

  margin-bottom: 60px;

  letter-spacing: 0.2em;
  text-transform: uppercase;

  color: #f54375;
}

.style-hp5-b3 .def-underline:before {
  bottom: -21px;

  height: 1px;
}

.banner-middle-cap .slide-one-title > h1 {
  font-size: 80px;
  font-weight: 300;

  color: #fff;
}

.banner-middle-cap .slide-one-title span.slide-text-big {
  font-size: 80px;
  font-weight: 300;

  color: #f54375;
}

.style-hp5-b3 .bannerm2-text2 h2 {
  font-size: 60px;
  line-height: 60px;

  text-transform: uppercase;

  color: #fff;
}

.style-hp5-b3 .bannerm2-text3 h2 {
  font-size: 54px;
  line-height: 54px;

  text-transform: uppercase;

  color: #fff;
}

.banner-middle2-cap a.btn-trans {
  margin-top: 30px;
  padding: 14px 20px;
}

.banner-bottom-cap {
  position: absolute;
  top: 50%;
  left: 50%;

  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  text-align: center;

  color: #000000;
}

.banner-bottom-cap a.btn-trans {
  margin-top: 30px;
  padding: 14px 20px;
}

.banner-bottom-cap .slider3-toptext:before {
  background: transparent none repeat scroll 0 0;
}

.banner-bottom-cap .slider3-toptext h4 {
  margin-bottom: 5px;
}

.banner-bottom-cap .slider3-btext2 h2 {
  font-size: 60px;
  font-weight: 300;
  font-weight: 700;
  line-height: 60px;

  text-transform: uppercase;

  color: #fff;
}

/*----------------------------------------*/
/* 24. Home6
/*----------------------------------------*/

.topbar-area-top2.hp6-tba ul li a {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #999999;
}

.topbar-area-top2.hp6-tba ul li a:hover {
  color: #000000;
}

.hp6-tba .home2-currency-area .cur-usd2 span {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #999999;
}

.hp6-tba .home2-currency-area .cur-usd2 span:hover {
  color: #000000;
}

.hp6-tba .home2-currency-area .cur-usd2 > a i {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #999999;
}

.hp6-tba .home2-currency-area .cur-usd2 > a i:hover {
  color: #000000;
}

.hp6style-cart .home2-header-cartpos:before {
  top: 15px;
}

.hp3-email-area {
  margin-top: 95px;
  padding-top: 105px;
  padding-bottom: 110px;

  background: #f5f5f5 none repeat scroll 0 0;
}

.free-offer.free-h6-wrapper {
  padding-top: 95px;
}

.product-banner-area.hm4-pbanner-area.hm6-pbanner-area {
  padding-top: 95px;
}

.hm6-pbanner-area {
  padding-top: 95px;
}

.new-arrival-product-area.hp6-napa {
  margin-top: 60px;
}

.featured-product-area.hp6-fpa {
  padding-top: 35px;
}

.hp6-brand-area.brand-area {
  padding-top: 95px;
  padding-bottom: 95px;
}

.fullwidth-blog-area.hp6-blog-area {
  margin-top: 50px;
}

.hp6-email-area .hp3-email-area {
  margin-top: 85px;
}

.brand-area.hp4-brand-area.hp6-brand-area {
  padding-top: 95px;
  padding-bottom: 90px;
}

/*----------------------------------------*/
/* 25. Main shop page
/*----------------------------------------*/

.breadcumbs-bg1 {
  padding: 50px 0;

  background: #f6f6f6 none repeat scroll 0 0;
}

.breadcrumbs ul li {
  display: inline-block;
}

.breadcrumbs-icon1 i {
  font-size: 18px;

  color: #a2a2a2;
}

.breadcrumbs-style1 li {
  font-family: Montserrat;
  font-size: 15px;

  text-transform: uppercase;

  color: #f54375;
}

.breadcrumbs-style1 li a {
  text-decoration: none;

  color: #a2a2a2;
}

.sep1 ul li {
  position: relative;
}

.sep1 ul li a {
  padding-right: 23px;
  padding-left: 0;

  border-right: 1px solid #666;
}

.sep1 ul li:last-child {
  padding-left: 21px;
}

.sidebar-main-ttl {
  margin-top: 64px;
}

.sidebar-small-ttle {
  margin-top: 13px;
}

.sidebar-main-ttl > h3 {
  font-family: Montserrat;
  font-weight: 600;

  margin: 0;

  text-transform: uppercase;
}

.sidebar-st {
  border-bottom: 1px solid #ebebeb;
}

.sidebar-st p {
  font-family: Montserrat;
  font-size: 17px;
  font-weight: 600;

  margin-bottom: 7px;

  text-transform: uppercase;
}

.sidebar-cbox {
  margin-top: 20px;
}

.sidebar-cbox form label {
  font-family: Arial;
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 300;

  margin-left: 3px;

  cursor: pointer;

  color: #7d7d7d;
}

.sidebar-cbox input {
  margin-top: 11px;
  margin-right: 5px;

  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

/*----------------------------------------*/
/* 26. Price slider
/*----------------------------------------*/

.ui-slider-horizontal {
  height: 3px;
}

.ui-widget-content {
  color: #000;
  border: 1px solid #000;
  background: transparent;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;

  width: 18px;
  height: 18px;

  cursor: default;
  cursor: pointer;

  border: 1px solid #666 !important;
  background: #666 none repeat scroll 0 0 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #ccc;
  background: #ccc;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -9px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;

  display: block;

  height: 2px;

  border: 1px solid #000;
  background: #000000 none repeat scroll 0 0;
}

.ui-widget-content {
  height: 2px;

  border: 1px solid #ccc;
  background: #ccc none repeat scroll 0 0;
}

.sidebar-cbox label {
  margin-right: 25px;

  color: #444444;
}

.sidebar-cbox .clr-1 {
  width: 14px;
  height: 14px;
  margin-bottom: 10px;

  cursor: pointer;
}

.sbar-beige {
  border: 1px solid #666;
  background: #f5f5dc none repeat scroll 0 0;
}

.sbar-white {
  border: 1px solid #666;
  background: #fff none repeat scroll 0 0;
}

.sbar-black {
  border: 1px solid #666;
  background: #000 none repeat scroll 0 0;
}

.sbar-orange {
  border: 1px solid #666;
  background: #f39c11 none repeat scroll 0 0;
}

.sbar-blue {
  border: 1px solid #666;
  background: #5d9cec none repeat scroll 0 0;
}

.sbar-green {
  border: 1px solid #666;
  background: #a0d468 none repeat scroll 0 0;
}

.sbar-yellow {
  border: 1px solid #666;
  background: #f1c40f none repeat scroll 0 0;
}

.sbar-pink {
  border: 1px solid #666;
  background: #fccacd none repeat scroll 0 0;
}

.sidebar1 .sidebar-img {
  margin-top: 45px;

  cursor: pointer;
}

.hover-cross {
  position: relative;
}

.hover-cross:before {
  position: absolute;
  top: 0;
  left: 0;

  width: 0;
  height: 0;

  content: "";
  -webkit-transition: 0.3s;
  transition: 0.3s;

  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.sidebar-img:hover.hover-cross:before {
  width: 100%;
  height: 100%;
}

.hover-cross:after {
  position: absolute;
  right: 0;
  bottom: 0;

  width: 0;
  height: 0;

  content: "";
  -webkit-transition: 0.3s;
  transition: 0.3s;

  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
}

.sidebar-img:hover.hover-cross:after {
  width: 100%;
  height: 100%;
}

.top-full-tarea {
  padding-top: 67px;
}

.mainshop-area {
  padding-top: 29px;
}

.full-ttlleft > p {
  font-family: Montserrat;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;

  text-transform: uppercase;
}

.full-ttlleft {
  float: left;

  width: 50%;
}

.full-ttlright {
  float: right;
}

.sproduct-tab {
  float: left;
}

.sproduct-tab ul li {
  display: inline-block;
}

.compare-items {
  float: right;
}

.category-short .sproduct-tab i {
  font-size: 20px;
  line-height: 35px;

  width: 35px;
  height: 35px;
  margin-right: 0;
  padding-right: 1px;

  text-align: center;

  color: #ffffff;
  background: #999999 none repeat scroll 0 0;
}

.top-product-short > label {
  font-family: Montserrat;
  font-size: 12px;

  margin-left: 10px;

  text-transform: uppercase;

  color: #404048;
}

.top-product-short > select {
  font-family: Montserrat;

  width: 45%;
  height: 30px;

  cursor: pointer;

  color: #999999;
  border: 1px solid #f6f6f6;
  background: #f6f6f6;
}

.quantity-short select {
  font-family: Montserrat;

  width: 50px;
  height: 30px;

  cursor: pointer;

  color: #999999;
  border: 1px solid #ebebeb;
  background: #f6f6f6;
}

.quantity-short > label {
  font-family: Montserrat;
  font-size: 12px;
  line-height: 30px;

  text-transform: uppercase;

  color: #404048;
}

.selected-items > p {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  line-height: 14px;

  color: #404048;
}

.compare-items > a span {
  font-family: Montserrat;
  font-size: 11px;
  font-weight: 600;
  line-height: 30px;

  padding: 8px 24px;

  text-transform: uppercase;

  color: #fff;
  background: #000000 none repeat scroll 0 0;
}

.mainshop-area li.active i {
  background: #f54375;
}

.main-shop-area .mainshop-top {
  padding-bottom: 23px;
}

.main-shop-area .mainshop-top {
  padding-bottom: 10px;

  border-bottom: 1px solid #ebebeb;
}

.mainshop-area {
  padding-top: 26px;
}

.hair-main-wrapper .shop-mega-category {
  padding-top: 30px;
}

.compare-items span > i {
  font-size: 16px;
  font-weight: 600;

  position: relative;
  top: 2px;
}

.single-cat-main.cat-for-tab2 {
  width: 100%;
}

.compare-conpart-pm.compare-tab2 {
  overflow: hidden;

  margin-top: 25px;
  padding-bottom: 15px;

  border-bottom: 0 solid #ebebeb;
}

.skill-rating.skill-rating-tab2 {
  margin-top: 20px;
  margin-bottom: 15px;
}

.cmain-heading.cmain-heading-tab2 h3 {
  font-size: 22px;
}

.single-product.shop-single-tab2 {
  padding-top: 0;
}

/*----------------------------------------*/
/* 27. Pagination
/*----------------------------------------*/

.shop-pagination ul li {
  display: inline-block;

  margin: 0 2px;
}

.pagination-wrapper {
  padding-top: 12px;

  border-top: 1px solid #ebebeb;
}

.pagi-style1 a {
  font-size: 15px;
  line-height: 35px;

  display: block;

  width: 35px;
  height: 35px;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;

  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;

  color: #444444;
  border: 1px solid #ebebeb;
  background: #fff none repeat scroll 0 0;
}

.pagi-style1 a:hover {
  color: #fff;
  border: 1px solid #444444;
  background: #444444;
}

.shop-pagination li.active a {
  color: #f1f1f1;
  border: 1px solid #444444;
  background: #444444;
}

.shop-pagination {
  padding-top: 1px;
}

.pagi-itemshow {
  font-family: Montserrat;
  font-size: 15px;

  position: relative;
  top: 7px;
}

.full-ttlleft.coat-ttl > p {
  font-size: 21px;
}

.coats-main-wrapper .top-full-tarea {
  padding-top: 80px;
}

.coats-main-wrapper .selected-items > p {
  line-height: 13px;
}

.coat-wrapper {
  padding-bottom: 45px;

  border-bottom: 1px solid #ebebeb;
}

/*----------------------------------------*/
/* 28. About us
/*----------------------------------------*/

.about-main-area {
  padding-top: 65px;
}

/*----------------------------------------*/
/* 29. Cart page
/*----------------------------------------*/

.brand-area.hp1-brand-area.brand-cart {
  padding-top: 105px;
  padding-bottom: 95px;
}

.cart-sumttl h3 {
  font-size: 20px;
  font-weight: 700;

  text-transform: uppercase;
}

.cart-product-desc {
  float: right;
}

.cart-product-desc > p {
  font-family: Montserrat;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
}

.summery-top {
  padding-bottom: 17px;

  border-bottom: 1px solid #ebebeb;
}

.cart-top-heading {
  margin-top: 45px;
}

.cart-wrapper {
  margin-top: 30px;
}

.cart-sum-wrapper {
  padding-top: 35px;
}

.cart-table-area {
  margin-top: 35px;
}

table.main-table {
  width: 100%;
}

table.main-table th,
tr1,
td {
  font-family: Montserrat;
  font-size: 15px;

  text-align: center;

  color: #000000;
  border: 1px solid #d6d4d4;
}

.shopping-cart-table .th1 {
  width: 10%;
}

.shopping-cart-table .th2 {
  width: 30%;
  padding-left: 10px;

  text-align: left;
}

.shopping-cart-table .th3 {
  width: 8%;
}

.shopping-cart-table .th4 {
  width: 10%;
}

.shopping-cart-table .th5 {
  width: 20%;
}

.shopping-cart-table .th6 {
  width: 6%;
}

.shopping-cart-table .th7 {
  width: 30%;
}

.shopping-cart-table th {
  padding: 10px 0;

  background: #fbfbfb;
}

.shopping-cart-table td.td11 p {
  font-size: 14px;

  margin: 1px;

  color: #f13340;
}

.shopping-cart-table td.td2,
.td9 {
  padding-left: 10px;

  text-align: left;
}

.shopping-cart-table .td3 span,
.td10 span {
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;

  padding: 5px 10px;

  color: #fff;
  border: 1px solid #36943e;
  background: #55c65e none repeat scroll 0 0;
}

.shopping-cart-table .td4 > p {
  color: #f13340;
}

.shopping-cart-table .td2 {
  padding-top: 40px;
  padding-bottom: 35px;
}

.shopping-cart-table .td9 {
  padding-top: 40px;
  padding-bottom: 35px;
}

.shopping-cart-table .discout {
  font-weight: 600;

  padding: 1px 10px;

  color: #fff;
  border: 1px solid #d02a2c;
  background: #f13340 none repeat scroll 0 0;
}

.shopping-cart-table .td2 h5,
.td9 h5 {
  font-size: 17px;
  font-weight: 700;
  line-height: 13px;

  text-transform: capitalize;

  color: #3a3939;
}

.shopping-cart-table .td9 p,
.td2 > p {
  margin: 0;
}

.shopping-cart-table .td6,
.td13 {
  font-size: 20px;

  color: #000;
}

.shopping-cart-table .td4 > span {
  color: #6f6f6f;
}

.shopping-cart-table .td15 {
  border: 0 none;
  background: #fbfbfb;
}

.shopping-cart-table .td16,
.td18,
.td20,
.td17,
.td19 {
  font-size: 16px;
  font-weight: 700;

  padding: 9px;

  text-align: right;

  color: #000000;
  background: #fbfbfb none repeat scroll 0 0;
}

.shopping-cart-table .td17,
.td19 {
  font-weight: 300;

  text-align: center;

  color: #000000;
}

.shopping-cart-table .td20 {
  font-size: 15px;
  font-weight: 300;

  text-transform: uppercase;
}

.shopping-cart-table .td21 {
  font-family: Montserrat;
  font-size: 18px;

  color: #000000;
}

.shopping-cart-table .td1 img,
.td8 img {
  width: 95px;
  height: 120px;

  border: 1px solid #d6d4d4;
}

.shopping-cart-table.cart-payment i {
  cursor: pointer;
}

/*----------------------------------------*/
/* 30. Cart plus minus
/*----------------------------------------*/

.shopping-cart-table input.cart-plus-minus-box {
  line-height: 38px;

  float: left;

  width: 80px;
  height: 40px;
  padding: 0;

  text-align: center;

  border: 1px solid #d6d4d4;
  border-width: 1px medium;
  border-style: solid none;
  border-radius: 0;
  background: #fbfbfb none repeat scroll 0 0;
}

.shopping-cart-table .increase.qtybutton {
  line-height: 40px;

  float: left;

  width: 40px;
  height: 40px;

  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;

  border: 1px solid #d6d4d4;
  background: #fff none repeat scroll 0 0;
}

.shopping-cart-table .cart-plus-minus {
  display: block;
  overflow: hidden;
}

.shopping-cart-table .item-qty .cart-plus-minus {
  margin-left: 36px;
}

.shopping-cart-table .decrease.qtybutton {
  font-size: 25px;
  line-height: 40px;

  float: left;

  width: 40px;
  height: 40px;

  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;

  border: 1px solid #d6d4d4;
  background: #fff none repeat scroll 0 0;
}

.shopping-cart-table .decrease.qtybutton:hover,
.shopping-cart-table .increase.qtybutton:hover {
  color: #fff;
  border: 1px solid #f54375;
  background: #f54375;
}

.tr2 .tr9 {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.shopping-cart-table .tr2:hover,
.tr3:hover {
  background: #fbfbfb none repeat scroll 0 0;
}

.shopping-cart-table .tr2:hover .shopping-cart-table .decrease.qtybutton {
  border: 1px solid #d6d4d4;
  background: #fff;
}

/*----------------------------------------*/
/* 31. Login
/*----------------------------------------*/

.lp-input label {
  font-family: Montserrat;
  font-size: 15px;

  display: block;

  margin: 10px 0;
}

.lp-email-area {
  padding-top: 30px;
}

.lp-title h3 {
  font-size: 18px;

  text-transform: uppercase;

  color: #555454;
}

.lp-input input {
  width: 100%;
  height: 40px;

  border: 1px solid #ebebeb;
}

.lp-account-btn {
  padding-top: 15px;
}

.btn-ac a {
  padding: 15px 27px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;

  color: #fff;
  background: #000000;
}

.btn-ac a:hover {
  background: #f54375;
}

.btn-ac i {
  font-size: 25px;

  padding-right: 5px;
}

.lp-left-text p {
  font-size: 13px;
}

.lp-title {
  padding-bottom: 10px;

  border-bottom: 1px solid #ebebeb;
}

.lp-left-text {
  padding-top: 20px;
}

.lp-account-btn {
  padding-top: 33px;
  padding-bottom: 25px;
}

.account-creation {
  padding: 14px 18px 13px;

  border: 1px solid #ebebeb;
  background: #fbfbfb;
}

.brand-area.hp1-brand-area.loginp {
  padding-top: 95px;
  padding-bottom: 95px;
}

.bottom-indicator-area {
  margin-top: 35px;
}

.page-indicator-right {
  float: right;
}

.page-indicator-right.indicator-def i {
  font-size: 21px;

  position: relative;
  top: 2px;
}

.brand-area.brand-area2 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.lp-account-btn.btn-ac.btn-ac2 i {
  position: relative;
  left: -4px;
}

/*----------------------------------------*/
/* 32. address
/*----------------------------------------*/

.address-top-wrapper {
  padding-top: 30px;
}

.address-form label {
  display: block;
}

.address-form {
  margin-bottom: 10px;
}

.address-form select {
  width: 23%;
  height: 27px;

  color: #000000;
  border: 1px solid #ebebeb;
  background: #f6f6f6;
}

.address-check label {
  font-size: 14px;

  margin-left: 8px;

  color: #777777;
}

.address-check {
  padding-bottom: 25px;
}

.lp-left-text.delivery-add p {
  margin: 5px 0;
}

.lp-left-text.delivery-add p {
  margin: 5px 0;

  color: #666;
}

.lp-account-btn.btn-ac.add-btn a {
  font-size: 13px;

  padding: 9px 14px;
}

.lp-account-btn.btn-ac.add-btn a {
  font-size: 13px;

  padding: 10px;
}

.add-btn i {
  font-size: 17px;

  position: relative;
  top: 1px;
  left: 2px;
}

.lp-account-btn.btn-ac.add-btn {
  padding-top: 20px;
  padding-bottom: 20px;
}

.text-field label {
  display: block;
}

.text-wrapper {
  padding-top: 20px;
}

.text-btn-area {
  margin-bottom: 15px;
}

.address-text-field textarea {
  line-height: 1.42857;

  width: 100%;
  height: 135px;

  color: #000000;
  border: 1px solid #d6d4d4;
  background: #fff;
}

.brand-area.hp1-brand-area.brand-area-address {
  padding-top: 105px;
  padding-bottom: 95px;
}

.progress-summery .progress-steps {
  position: relative;
  right: -40px;
  right: -2.5rem;

  display: inline-block;

  width: 100%;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.steps-item a {
  color: #000000;
}

.steps-item a {
  display: block;

  padding: 16px 0;

  text-decoration: none;
}

.progress-steps li {
  font-size: 17px;

  margin-right: 32px;
  padding: 0;
  padding-left: 10px;
}

.progress-summery li.steps-item {
  position: relative;

  display: block;
  float: left;

  width: calc(20% -29px);
  width: calc(20% -29px);
  width: 17%;
  height: 55px;

  -webkit-transition:
    background-color,
    0.08s ease-out 0s;
  transition:
    background-color,
    0.08s ease-out 0s;
  text-align: left;
  text-decoration: none;

  background-color: #ecedef;
}

.progress-summery li.steps-item.active a {
  color: #f54375;
}

.progress-summery .steps-item.is-active:before {
  border-top-color: #f54375 !important;
  border-right-color: #f54375 !important;
  border-bottom-color: #f54375 !important;
}

.progress-summery .steps-item.is-active {
  background-color: #f54375;
}

.is-active a {
  color: #fff;
}

.progress-summery .steps-item.is-active:after {
  border-left-color: #f54375 !important;
}

.progress-summery .steps-item:after {
  position: absolute;
  top: 0;
  right: -25px;

  content: "";
  -webkit-transition:
    background-color,
    0.08s ease-out 0s;
  transition:
    background-color,
    0.08s ease-out 0s;

  border-width: 28px 0 27px 25px;
  border-style: solid;
  border-color: transparent transparent transparent #ecedef;
}

.progress-summery .steps-item:before {
  position: absolute;
  left: -25px;

  margin-top: 0;

  content: "";
  -webkit-transition:
    background-color,
    0.08s ease-out 0s;
  transition:
    background-color,
    0.08s ease-out 0s;

  border-width: 28px 0 27px 25px;
  border-style: solid;
  border-color: #ecedef #ecedef #ecedef transparent;
}

/*----------------------------------------*/
/* 33. Shipping
/*----------------------------------------*/

.shipping-checkout-top {
  margin-top: 10px;
}

.checkout-left-item {
  float: left;

  width: 15%;
}

.checkout-right-item {
  float: left;

  height: 70px;
  padding-top: 26px;
  padding-left: 20px;

  border-left: 1px solid #ebebeb;
}

.checkout-middle-item p {
  margin: 0;
}

.shipping-checkout-bottom {
  margin-top: 20px;
}

.checkout-bottom-ttl {
  overflow: hidden;

  margin-top: 20px;
  padding: 20px;

  border: 1px solid #ebebeb;
}

.shipping-checkout-wrapper {
  overflow: hidden;

  margin-bottom: 20px;

  border: 1px solid #ccc;
  background: #fff;
}

.checkout-container-wrapper {
  padding: 20px;

  border: 1px solid #ebebeb;
  background: #f5f5f5;
}

.checkout-input {
  float: left;

  width: 40%;
}

.checkout-btn input {
  height: 60px;
}

.checkout-input {
  float: left;
  overflow: hidden;

  width: 40%;

  text-align: center;

  border-right: 1px solid #ebebeb;
}

.checkout-icon {
  overflow: hidden;
}

.checkout-icon {
  overflow: hidden;

  height: 68px;

  text-align: center;

  border-right: 1px solid #ebebeb;
}

.checkout-icon {
  overflow: hidden;

  height: 70px;
  padding-top: 14px;

  text-align: center;

  border-right: 1px solid #ebebeb;
}

.checkout-middle-item {
  float: left;

  width: 70%;
  margin-left: 25px;
  padding-top: 15px;
}

.checkout-btm label {
  margin-left: 10px;

  text-decoration: none;

  color: #777777;
}

.check-color a {
  text-decoration: underline;

  color: #000000 !important;
}

.checkout-bottom-ttl input {
  float: left;

  width: 2%;
}

.checkout-bottom-ttl label {
  float: left;

  width: 90%;
  margin-left: 2px;
}

/*----------------------------------------*/
/* 34. Payment
/*----------------------------------------*/

.shopping-cart-table .th2.pth2 {
  width: 40%;
  padding-left: 10px;

  text-align: left;
}

.shopping-cart-table .th3.pth3 {
  width: 10%;
}

.shopping-cart-table .th4.pth4 {
  width: 10%;
}

.shopping-cart-table .th5.pth5 {
  width: 15%;
}

.shopping-cart-table .th7.pth6 {
  width: 30%;
}

.payment-confirm-wrapper {
  margin-top: 50px;
  padding: 20px 10px;

  border: 1px solid #ccc;
  background: #f5f5f5;
}

.confirm-left {
  float: left;

  width: 10%;
}

.payment-confirm-wrapper {
  overflow: hidden;

  margin-top: 30px;
  padding: 12px 10px;

  border: 1px solid #d6d4d4;
  background: #fbfbfb;
}

.payment-confirm-wrapper:hover {
  background: #f5f5f5;
}

.confirm-middle {
  font-size: 16px;
  font-weight: 700;

  float: left;

  width: 85%;
  padding-top: 20px;
}

.gray-color {
  color: #666;
}

.confirm-right i {
  font-size: 38px;
  font-weight: 700;

  position: relative;
  left: 45px;

  color: #666;
}

.confirm-right {
  padding-top: 14px;
}

.cart-payment.shopping-cart-table .td15 {
  background: #fff;
}

a .confirm-middle {
  color: #000000;
}

.payment-confirm-wrapper.seceond-confirm {
  margin-top: 10px;
}

.blog-breadcrumb-area {
  min-height: 500px;

  background: rgba(0, 0, 0, 0) url("images/blog/blog-header-bg.html") no-repeat
    scroll center center;
}

.breadcrumb-item li {
  font-size: 14px;

  display: inline-block;

  text-transform: uppercase;

  color: #fff;
}

.breadcrumb-title h3 {
  font-size: 45px;

  text-transform: uppercase;

  color: #fff;
}

.breadcrumb-item li + li {
  margin-left: 10px;
}

.breadcrumb-item li a {
  font-family: Roboto;

  color: #fff;
}

.breadcrumb-item li a:hover {
  color: #f54375;
}

.breadcrumb-item i {
  position: relative;
  left: 7px;
}

.brea-position {
  height: 500px;
}

.blog-breadcrumb-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 100%;

  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}

.blog-main-area {
  overflow: hidden;

  margin-top: 95px;
}

.sidebar-title h3 {
  font-size: 16px;

  text-transform: uppercase;

  color: #000;
}

.sidebar-item input {
  width: 100%;
  height: 40px;
  padding-left: 10px;

  text-align: left;

  color: #999;
  border: 1px solid #ebebeb;
  background: #fff;
}

.sidebar-item:before {
  font-family: fontawesome;
  font-size: 15px;

  position: absolute;
  top: 10px;
  right: 9px;

  content: "\f002";
}

.social-icon ul li {
  display: inline-block;
}

.social-icon.blog-social-icon a {
  font-size: 17px;
  line-height: 38px;

  width: 40px;
  height: 40px;

  color: #fff;
  border-radius: 5px;
}

.social-icon.blog-social-icon a.facebook {
  border: 1px solid #2b80e0;
  background: #2b80e0;
}

.social-icon.blog-social-icon a.facebook:hover {
  border: 1px solid #154f90;
  background: #154f90;
}

.social-icon.blog-social-icon a.twitter {
  border: 1px solid #1fb8ff;
  background: #1fb8ff;
}

.social-icon.blog-social-icon a.twitter:hover {
  border: 1px solid #007eb8;
  background: #007eb8;
}

.social-icon.blog-social-icon a.dribble {
  border: 1px solid #d842a1;
  background: #d842a1;
}

.social-icon.blog-social-icon a.dribble:hover {
  border: 1px solid #951f6a;
  background: #951f6a;
}

.social-icon.blog-social-icon a.g-plus {
  border: 1px solid #da2c2c;
  background: #da2c2c;
}

.social-icon.blog-social-icon a.g-plus:hover {
  border: 1px solid #881818;
  background: #881818;
}

.social-icon.blog-social-icon a.instagram {
  border: 1px solid #2595cf;
  background: #2595cf;
}

.social-icon.blog-social-icon a.instagram:hover {
  border: 1px solid #165778;
  background: #165778;
}

.aside-instagram img {
  width: 100%;
}

.aside-instagram ul li {
  float: left;

  width: 33.33%;
}

.single-aside {
  overflow: hidden;
}

.single-aside.btn-insta {
  margin-top: 20px;
}

.aside-btn a {
  font-family: sans-serif;
  font-size: 13px;
  line-height: 20px;

  display: inline-block;

  padding: 7px 14px;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #fff;
  border-radius: 4px;
  background: #517fa4;
}

.aside-btn a:hover {
  background: #2395ec;
}

.aside-btn i {
  font-size: 14px;

  position: relative;
  top: 1px;
  right: 4px;
}

.aside-btn span {
  position: relative;
  left: 4px;
}

.blog-archive a {
  font-family: sans-serif;

  text-decoration: none;

  color: #666;
}

.blog-archive span {
  font-size: 15px;

  margin-left: 8px;

  letter-spacing: 2px;
}

.blog-archive i {
  font-size: 17px;
  line-height: 23px;
}

.blog-archive li + li {
  padding-top: 13px;

  border-bottom: 1px solid #ccc;
}

.blog-archive li {
  padding-bottom: 5px;

  border-bottom: 1px solid #ebebeb;
}

/*----------------------------------------*/
/* 35. Tree veiw
/*----------------------------------------*/

.hitarea.closed-hitarea.expandable-hitarea:before {
  font-size: 20px;

  content: "+";
}

.hitarea.closed-hitarea.collapsable-hitarea:before {
  font-size: 20px;

  content: "-";
}

.treeview li a {
  text-decoration: none;

  color: #000000;
}

.treeview li {
  position: relative;
}

.treeview .hitarea {
  line-height: 18px;

  position: absolute;
  top: 10px;
  right: 0;

  width: 40px;
  height: 40px;

  cursor: pointer;
  text-align: center;
}

.blog-cat ul li a {
  font-size: 14px;
  line-height: 40px;

  letter-spacing: 0.8px;
}

.blog-cat ul li {
  border-top: 1px solid #ebebeb;
}

.blog-cat li:last-child {
  border-bottom: 0 solid #ebebeb;
}

.single-aside.blog-aside-last {
  margin-bottom: 35px;
}

.aside-tags li {
  display: inline-block;
}

.aside-tags li a {
  font-size: 11px;

  display: block;

  padding: 7px 10px;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #000000;
  border: 1px solid #ebebeb;
  background: #ebebeb;
}

.aside-tags li a:hover {
  color: #fff;
  background: #f54375;
}

.author-img img {
  width: 60px;

  border-radius: 7px;
}

.author-img {
  float: left;

  margin-right: 10px;
}

.author-left {
  float: left;

  width: 70%;
}

.author-right {
  float: right;

  width: 30%;
  margin-top: 15px;
}

.single-blog-social li {
  display: inline-block;
  float: right;

  margin-top: 2px;
}

.author-description {
  overflow: hidden;

  margin-top: 15px;
}

.blog-date {
  margin-top: 3px;
}

.author-des a {
  color: #000000;
}

.blog-share {
  float: left;
}

.single-blog-social li + li {
  margin-right: 22px;
}

.fullwidth-blog .single-blog-social li + li {
  margin-right: 30px;
}

.single-blog-social i {
  font-size: 16px;
}

.single-blog-social i:hover {
  color: #f54375;
}

.blog-share span {
  font-size: 15px;
  font-weight: 700;
  font-style: italic;
  line-height: 8px;

  color: #000000;
}

.title-border {
  padding-bottom: 5px;

  border-bottom: 1px solid #ebebeb;
}

.blog-sidetext li + li {
  margin-top: 15px;
}

.blog-sidetext li {
  padding-bottom: 5px;

  border-bottom: 1px solid #ebebeb;
}

.blog-sidetext li a {
  text-decoration: none;

  color: #000000;
}

.blog-sidetext li a:hover {
  color: #f54375;
}

.singleblog-title {
  margin-top: 30px;
}

.title-head-normal h3 a {
  font-size: 28px;

  text-decoration: none;

  color: #252525;
}

.title-head-normal h3 a:hover {
  color: #f54375;
}

.blog-single-content p {
  font-size: 16px;
}

.blog-readmore {
  float: left;
}

.blog-readmore a {
  text-decoration: underline;

  color: #f54375;
}

.blog-com a {
  text-decoration: none;

  color: #000000;
}

.blog-com a:hover {
  color: #f54375;
}

.blog-readmore a:hover {
  color: #000000;
}

.blog-com {
  float: right;
}

.blog-image img {
  margin-top: 30px;
}

.active-blog-postslider.owl-carousel.owl-theme .owl-page span {
  position: relative;
  bottom: 30px;

  border: 3px solid #fff;
  background: #f54375;
}

.active-blog-postslider.owl-carousel.owl-theme .owl-page.active span {
  background: #f54375;
}

.blog-sliderr {
  margin-top: 30px;
}

.blog-audio audio {
  width: 100%;
}

.blog-comment-readmore {
  margin-top: 25px;

  border-top: 1px dotted #000000;
}

.blog-comment-readmore {
  overflow: hidden;

  margin-bottom: 50px;
  padding-top: 20px;

  border-top: 2px dotted #e5e5e5;
}

.blog-readmore i {
  position: relative;
  top: 1px;
}

.youtube-video iframe {
  width: 100%;
  height: 430px;
}

.blog-image2 {
  margin-top: 30px;
}

.blog-main-area2 {
  overflow: hidden;

  margin-top: 95px;
}

.brand-area.checkout.checkout-brand {
  padding-top: 75px;
  padding-bottom: 95px;
}

.about-top-area {
  margin-top: 95px;
}

.abt-image {
  overflow: hidden;
}

.abt-image img {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.abt-image img:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.abt-title.title-head-normal h3 {
  font-size: 30px;
  line-height: 21px;
}

.abt-title {
  margin-bottom: 25px;
}

.title-head-normal h3 {
  font-size: 28px;

  text-decoration: none;

  color: #252525;
}

.color-black-def {
  font-weight: 600;
}

.abt-content p {
  font-size: 16px;
  line-height: 25px;

  text-align: justify;
  letter-spacing: 1px;

  color: #4a4d4f;
}

.about-feature ul li {
  font-family: Roboto;
  font-size: 16px;
}

.about-feature i {
  font-size: 16px;

  color: #f54375;
}

.about-feature li {
  margin-top: 5px;
}

.about-sig {
  margin-top: 30px;
}

.abt-middle-content {
  margin-top: 90px;
}

/*----------------------------------------*/
/* 36. counter up
/*----------------------------------------*/

.abt-counter-up {
  background: url("images/bg/2.jpg") no-repeat scroll center center / cover;
}

.single-counter p {
  font-size: 15px;

  margin: 0;

  text-transform: uppercase;
}

.abt-counter-up {
  margin-top: 75px;
}

.single-counter h3 {
  font-size: 40px;
}

/*----------------------------------------*/
/* 37. about team
/*----------------------------------------*/

.team-title h3 {
  font-size: 20px;

  margin: 0;
}

.abt-social-icon {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;

  width: 100%;
  margin-top: -14px;

  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
  text-align: center;
}

.team-image-total:hover .abt-social-icon {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.abt-social-icon li {
  display: inline-block;

  margin: 0 10px;
}

.abt-social-icon i {
  font-size: 20px;

  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #fff;
}

.abt-social-icon i:hover {
  color: #000;
}

.abt-team-area {
  padding-top: 90px;
}

.abt-main-title {
  margin-bottom: 50px;
}

.team-desig span {
  font-style: italic;

  display: block;

  padding-top: 5px;
}

.team-image-total:hover .def-hover-eff > a:before {
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;
}

.def-hover-eff > a:before {
  position: absolute;
  top: 25%;
  left: 50%;

  width: 0;
  height: 50%;

  content: "";
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;

  opacity: 0.5;
  background: #f54375 none repeat scroll 0 0;

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.st-title-wrapper {
  margin-top: 15px;
}

.skill-area-wrapper {
  padding-top: 85px;
}

.skill-left-content {
  margin-top: 30px;
}

.skill-left-content p {
  font-size: 16px;
  line-height: 25px;

  letter-spacing: 1px;

  color: #4a4d4f;
}

.skill-readmore p a {
  font-size: 15px;

  color: #f54375;
}

.skill-readmore p a:hover {
  color: #000000;
}

.skill-readmore i {
  position: relative;
  top: 2px;
}

.skill-readmore:before {
  position: absolute;
  bottom: 0;

  width: 98px;
  height: 1px;

  content: "";

  background: #f54375;
}

.progress.skill-customp {
  height: 5px;
  margin-bottom: 15px;
}

.skill-text {
  font-weight: 700;

  text-transform: uppercase;
}

.progress-strategy {
  margin-bottom: 5px;
}

.abt-skill-right .progress-bar-success {
  background-color: rgb(123, 123, 123);
}

.brand-area.hp1-brand-area.abt-brand {
  padding-top: 80px;
  padding-bottom: 95px;
}

/*----------------------------------------*/
/* 38. Compare
/*----------------------------------------*/

.single-tab-control img {
  max-width: 100px;
  height: auto;
}

.single-tab-control li {
  margin-bottom: 26px;
}

.compare-area {
  margin-top: 95px;
}

.single-product-tab {
  float: left;

  width: 20%;
}

.single-cat-main {
  float: left;

  width: 80%;
}

.cmain-heading h3 {
  font-size: 30px;
}

.tab-single-image img {
  width: 100%;
}

button.btn.btn-default {
  border-radius: 0;
}

button.btn.btn-default a {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #000000;
}

.btn.btn-default.com-tw:hover {
  color: #fff;
  border: 1px solid #00aaf0;
  background: #00aaf0;
}

.btn.btn-default.com-fb:hover {
  color: #fff;
  border: 1px solid #435f9f;
  background: #435f9f;
}

.btn.btn-default.com-gp:hover {
  color: #fff;
  border: 1px solid #e04b34;
  background: #e04b34;
}

.btn.btn-default.com-pi:hover {
  color: #fff;
  border: 1px solid #ce1f21;
  background: #ce1f21;
}

.compare-social button:hover.btn.btn-default a {
  color: #fff;
}

.com-tw i {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #00aaf0;
}

.com-fb i {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #435f9f;
}

.com-gp i {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #e04b34;
}

.com-pi i {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #ce1f21;
}

.compare-social button:hover i {
  color: #fff;
}

.skill-rating ul li {
  display: inline-block;
}

.rating-text {
  font-size: 15px;

  float: left;

  margin-right: 10px;
}

.skill-rating {
  margin-top: 18px;
}

.skill-star-rating i {
  font-size: 16px;

  position: relative;
  top: 2px;

  color: #d8ba81;
}

.skill-referance {
  margin-top: 20px;
}

.skill-referance p {
  margin-bottom: 10px;
}

.compare-conpart {
  padding-bottom: 11px;

  border-bottom: 1px solid #ebebeb;
}

.compare-conpart.compare-single-mgr {
  margin-bottom: 10px;
}

.skill-long-text {
  padding-top: 22px;
}

.skill-long-text p {
  font-size: 15px;
}

.skill-communicate {
  margin-top: 20px;
  padding-bottom: 30px;
}

.compare-conpart li {
  display: inline-block;
}

.skill-communicate i {
  margin-right: 10px;

  color: #999;
}

.skill-communicate a {
  font-size: 15px;

  color: #999;
}

.skill-checklist select {
  width: 35%;
  height: 27px;

  color: #999;
  border: 1px solid #ccc;
}

.skill-checklist label {
  color: #999;
}

.skill-checklist {
  margin-top: 20px;
}

.skill-colors li {
  display: inline-block;

  width: 25px;
  height: 25px;
  margin-right: 3px;

  cursor: pointer;

  background: red;
}

.color-instock .skill-colors {
  float: left;

  margin-right: 20px;
}

.skill-colors span {
  font-size: 15px;
  line-height: 0;

  color: #999;
}

.light-black {
  background: #434a54 !important;
}

.skill-orange {
  background: #f39c11 !important;
}

.skill-blue {
  background: #5d9cec !important;
}

.skill-yellow {
  background: #f1c40f !important;
}

.active-skill {
  padding: 10px;

  border: 1px solid red;
}

.skill-items {
  font-size: 13px;

  color: #999;
}

.skill-instock {
  font-size: 13px;

  display: inline-block;

  margin-left: 5px;
  padding: 3px 8px 4px;

  color: #fff;
  border: 1px solid #36943e;
  background: #55c65e;
}

.plus-minus-text {
  font-style: italic;

  float: left;

  margin-top: 10px;
  margin-right: 10px;
}

.skill-minus {
  font-size: 25px;
  line-height: 40px;

  float: left;

  width: 40px;
  height: 40px;

  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;

  border: 1px solid #d6d4d4;
  background: #fff none repeat scroll 0 0;
}

.skill-minus:hover,
.skill-plus:hover {
  color: #fff;
  border: 1px solid #f54375;
  background: #f54375;
}

.skill-plusminus input {
  line-height: 38px;

  float: left;

  width: 80px;
  height: 40px;
  padding: 0;

  text-align: center;

  border: 1px solid #d6d4d4;
  border-width: 1px medium;
  border-style: solid none;
  border-radius: 0;
  background: #fbfbfb none repeat scroll 0 0;
}

.skill-plus {
  line-height: 40px;

  float: left;

  width: 40px;
  height: 40px;

  cursor: pointer;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-align: center;

  border: 1px solid #d6d4d4;
  background: #fff none repeat scroll 0 0;
}

.compare-conpart-pm {
  overflow: hidden;

  margin-top: 25px;
  padding-bottom: 29px;

  border-bottom: 1px solid #ebebeb;
}

.compare-conpart.skill-communicate li + li {
  margin-left: 11px;
}

.compare-conpart.compare-conpart-text {
  padding-bottom: 10px;
}

.skill-plusminus-wrap {
  display: inline;
  overflow: hidden;
}

.skill-cart-option {
  float: left;

  margin-left: 20px;
  padding-top: 0px;
}

.skill-cart-option a {
  font-size: 12px;

  padding: 11px 12px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #f54375;
  background: #f54375;
}

.skill-cart-option a:hover {
  border: 1px solid #000000;
  background: #000000;
}

.skill-cart-option i {
  margin-right: 15px;
}

.skill-cart-option:before {
  position: absolute;
  top: 15px;
  left: 34px;

  width: 1px;
  height: 13px;

  content: "";

  background: #fff;
}

.old-new-price {
  font-size: 17px;

  margin-bottom: 15px;
}

.skill-gray {
  color: #999;
}

.color-instock {
  margin-top: 25px;
}

.color-instock .skill-colors {
  float: left;
  overflow: hidden;

  width: 27%;
}

.color-instock .compare-conpart-items {
  float: left;

  margin-top: 18px;
  margin-left: 10px;
}

/*----------------------------------------*/
/* 39. Checkout
/*----------------------------------------*/

.checkout-main-area {
  padding-top: 55px;
}

.cart-btm-coupon-wrapper {
  padding: 30px;

  border: 1px solid #ccc;
}

.cart-coupon-middle input {
  width: 100%;
  padding: 5px 10px;

  color: #6666;
  border: 1px solid #ccc;
}

.cart-btn-right {
  padding: 20px;

  border: 1px solid #ccc;
}

.coupon-text-left {
  float: left;
}

.coupon-content {
  color: #999999;
}

input.mb-20 {
  margin-bottom: 10px;
}

.coupon-radio label {
  color: #626262;
}

.coupon-ship {
  overflow: hidden;

  margin-bottom: 10px;
}

.coupon-ship > h4 {
  float: left;
}

.coupon-ship > p {
  float: right;
}

.panel-title > a {
  text-decoration: none;

  color: #999;
}

.panel-title > a:hover {
  color: #f54375;
}

.panel.panel-default.tab1-wrapper {
  border-top: 2px solid #000000;
  border-right: 0 none;
  border-left: 0 none;
  border-radius: 0;
}

.cart-tab-headding {
  margin-bottom: 20px;
}

.panel-default > .panel-heading {
  padding: 20px;
}

.tab2-panel-wrapper {
  padding: 10px;

  border: 1px solid #ebebeb;
}

.cart-tab2-login-area > p {
  font-size: 14px;

  margin-bottom: 25px;

  color: #999999;
}

.cart-tab2-login-box > label {
  display: block;
}

.cart-tab2-login-box > input {
  width: 50%;
  height: 43px;
  margin-bottom: 20px;
  padding: 0 10px;
}

.cart-tab2-bottom .submit {
  float: left;

  margin-right: 20px;
}

.cart-tab2-bottom .checkbox-rember {
  float: left;
}

.cart-tab2-bottom {
  width: 50%;
}

.cart-tab2-bottom .forgotten {
  float: right;
}

.cart-tab2-login-box > input {
  width: 50%;
  height: 43px;
  margin-bottom: 20px;
  padding: 0 10px;

  border: 1px solid #ebebeb;
}

.cart-tab2-login-box > label {
  color: #626262;
}

.cart-tab2-bottom .submit {
  float: left;

  width: 33.333%;
  margin-right: 0;
}

.submit button {
  font-size: 16px;
  font-size: 13px;

  padding: 8px 30px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000;
}

.submit button:hover {
  border: 1px solid #f54375;
  background: #f54375;
}

.cart-tab2-bottom .checkbox-rember {
  float: left;

  width: 33.333%;
  margin-top: 9px;
}

.cart-tab2-bottom .forgotten {
  float: right;

  width: 33.333%;
  margin-top: 9px;

  text-align: right;
}

.checkbox-rember input {
  position: relative;
  top: 1px;

  margin-right: 2px;
}

.cart-tab2-bottom .forgotten a {
  -webkit-transition: 0.3s;
  transition: 0.3s;

  color: #000000;
}

.cart-tab2-bottom .forgotten a:hover {
  color: #f54375;
}

.tab2-input-box label {
  color: #626262;
}

.tab2-input-box > input {
  width: 100%;
  height: 40px;
  padding: 10px;

  border: 1px solid #ebebeb;
}

.selectpicker.tab2-select {
  height: 40px;
  padding: 10px;

  border: 1px solid #ebebeb;
}

.selectpicker.tab2-select {
  width: 100%;
}

.selectpicker.tab2-select option {
  border: 1px solid #888888;
}

.tab2-right-wrapper .panel-heading {
  margin-bottom: 20px;

  background: #fff none repeat scroll 0 0;
}

.panel.panel-default.tab2-right-wrapper {
  border: none;
  box-shadow: none;
}

.jquery-effect {
  display: none;
}

.cart-tab2-top textarea {
  width: 100%;
  padding: 20px;

  border: 1px solid #ebebeb;
}

.cart-tab2-top.cart-tab2-text-area > label {
  color: #626262;
}

.jquery-effect2 {
  display: none;
}

.complete-area-wrapper {
  padding: 35px;

  background: #f7f6f7 none repeat scroll 0 0;
}

.tab3-table {
  width: 100%;
}

.tab3-table td {
  width: 50%;
}

.tab3-table tr {
  border-top: 1px solid #ebebeb;
}

.tab3-table td {
  padding: 18px;
}

td.product {
  font-size: 17px;
  font-weight: 600;

  text-transform: uppercase;
}

tr.aenean:hover {
  background: #fdfdfd;
}

.place-order-btn {
  font-size: 17px;
  font-weight: 600;

  width: 100%;
  margin-top: 20px;
  padding: 10px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;

  color: #fff;
  background: #000000;
}

.place-order-btn a {
  color: #fff;
}

.place-order-btn:hover {
  background: #f54375;
}

.place-order-btn:hover.place-order-btn a {
  color: #000000;
}

.cart-pgetway {
  margin-bottom: 13px;
}

a.btn-checkout {
  font-size: 13px;

  padding: 10px;

  text-decoration: none;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000;
}

a.btn-checkout:hover {
  border: 1px solid #f54375;
  background: #f54375;
}

.panel-title.checkout-title {
  font-size: 13px;
}

.tab1-wrapper img {
  position: relative;
  bottom: 1px;

  width: 17px;
  margin-right: 10px;
}

.order-th1 {
  width: 50%;

  text-align: center;
  text-transform: uppercase;
}

.order-th1.text-capsmall {
  text-transform: capitalize;
}

.order-theight {
  padding: 15px !important;
}

.order-th1.order-theight.ototal1 {
  font-size: 16px;
}

.order-th1.order-theight.ototal2 {
  font-size: 18px;

  color: #f54375;
}

.your-order-title {
  margin-bottom: 17px;

  border-bottom: 1px solid #ebebeb;
}

.mode-of-payment input {
  position: relative;
  top: 2px;

  margin-right: 13px;
}

.mode-of-payment a {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;

  text-decoration: underline;

  color: #000000;
}

.mode-of-payment a:hover {
  color: #f54375;
}

.mode-of-payment li {
  font-size: 16px;

  margin-bottom: 20px;
}

.oerder-submission {
  margin-top: 30px;
}

a.order-btn-large {
  font-size: 15px;

  display: block;

  margin: 0;
  padding: 14px 0;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000;
}

a.order-btn-large:hover {
  border: 1px solid #f54375;
  background: #f54375;
}

.your-order-title h3 {
  font-size: 20px;
}

.order-subtitle {
  font-size: 17px;
}

/*----------------------------------------*/
/* 40. Google map
/*----------------------------------------*/
/* Map */
.google-map-area {
  line-height: 0;
}
.contact-map {
  width: 100%;
  height: 600px;
}
@media (min-width: 992px) and (max-width: 1400px) {
  .contact-map {
    height: 500px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .contact-map {
    height: 400px;
  }
}
@media (min-width: 360px) and (max-width: 767px) {
  .contact-map {
    height: 350px;
  }
}
#googleMap {
  width: 100%;
  height: 600px;
}

.contact-email-area {
  padding-top: 95px;
}

.address-wrapper input {
  float: left;

  height: 45px;
  margin-bottom: 30px;
  padding-left: 15px;

  border: 1px solid #e8e8e8;
  background: #f5f5f5;
}

.address-subject input {
  width: 100%;
}

.address-textarea textarea {
  width: 100%;
  height: 300px;
  padding: 15px;

  border: 1px solid #e8e8e8;
  background: #f5f5f5;
}

.send-email {
  float: right;

  margin-top: 30px;
}

.send-email button {
  padding: 10px 20px;
}

.send-email button {
  font-family: Montserrat;
  font-size: 14px;

  padding: 15px 40px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000;
}

.send-email button:hover {
  color: #fff;
  border: 1px solid #f54375;
  background: #f54375;
}

.address-wrapper input {
  width: 100%;
}

.single-content-wrap blockquote {
  font-size: 16px;
  font-style: italic;

  margin: 20px 0;
  padding: 20px;

  border-color: #f54375;
  background: rgba(102, 102, 102, 0.05);
}

.single-comment-nos .comment-tag {
  font-size: 14px;

  margin-top: 20px;
  padding-top: 10px;

  color: #888;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.sharing-post {
  margin-top: 20px;
}

.single-blog-social i {
  color: #000000;
}

.blog-share.blog-share-text span {
  font-family: Roboto;
  font-size: 20px;
  font-weight: 300;
  font-style: normal;
  line-height: 18px;

  margin-right: 30px;
}

.comment-title-wrap {
  margin-top: 30px;

  text-transform: uppercase;

  border-bottom: 2px solid #ebebeb;
}

.comment-title-wrap h3 {
  font-weight: 600;
}

.comment-title-wrap:before {
  position: absolute;
  bottom: -2px;

  width: 120px;
  height: 2px;

  content: "";

  background: #ffa200;
}

.comment-reply-wrap ul li {
  float: left;
}

.comment-reply-wrap ul li + li {
  margin-top: 20px;
}

.comment-image img {
  width: 100%;
}

.comment-reply-wrap {
  margin-top: 50px;
}

.comment-reply-wrap .comment-image {
  float: left;
  overflow: hidden;

  width: 8%;
  margin-right: 26px;
}

.single-comment-text p {
  padding: 0 15px;
}

.comment-reply-wrap .public-text-wrapper {
  position: relative;

  float: left;

  width: 89%;
  padding-top: 10px;
  padding-bottom: 0;

  border: 1px solid #ebebeb;
  border-radius: 3px;
}

.public-text-wrapper.public-reply-text2 {
  width: 89%;
}

.single-comm-top p {
  margin-bottom: 8px;
}

.comment-reply-wrap .public-text-wrapper:before {
  position: absolute;
  top: 10px;
  left: -5px;

  display: block;

  width: 10px;
  height: 10px;

  content: "";
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);

  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
  background: #fff;
}

.comment-reply-wrap .comment-reply {
  margin-left: 65px;
}

.comment-reply-wrap a {
  color: #000000;
}

.comment-reply-wrap a:hover {
  color: #f54375;
}

.comment-reply-wrap .public-reply-area {
  margin-left: 35px;
}

.public-text-wrapper.single-comment-admin {
  width: 60% !important;
}

.comment-input {
  margin-top: 45px;
}

.comment-input .comment-input-textarea textarea {
  width: 100%;
  height: 150px;
  padding: 15px;

  border: 1px solid #ebebeb;
  background: #f5f5f5;
}

.comment-input .comment-input-textarea label {
  color: #888;
}

.comment-input .leave-comment-text p {
  color: #888;
}

.comment-total-input {
  margin-top: 30px;
}

.comment-total-input li {
  float: left;

  width: 31%;
}

.comment-total-input li + li {
  margin-left: 30px;
}

.comment-total-input input {
  width: 100%;
  height: 35px;
}

.comment-total-input label {
  display: block;

  color: #888;
}

.comment-total-input input {
  width: 100%;
  height: 35px;
  padding-left: 15px;

  border: 1px solid #ebebeb;
  background: #f5f5f5;
}

.single-post-comment button.btn.btn-default {
  font-size: 13px;

  padding: 9px 15px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000;
}

.single-post-comment button.btn.btn-default:hover {
  border: 1px solid #f54375;
  background: #f54375;
}

.single-comment-btn {
  margin-top: 30px;
}

/*----------------------------------------*/
/* 41. Wishlist
/*----------------------------------------*/

.main-table-wishlist {
  width: 100%;
  margin-top: 50px;
}

.wishlist-area .table-responsive {
  border: 0 solid #ddd;
}

.main-table-wishlist th {
  padding: 10px 30px;

  text-align: center;

  border: 1px solid #d6d4d4;
}

.wishlist-area .wishlist-area-wrap .wishlist-th1 {
  width: 10%;
}

.wishlist-area .wishlist-area-wrap .wishlist-th2 {
  width: 30%;
}

.wishlist-area .wishlist-area-wrap .wishlist-th3 {
  width: 15%;
}

.wishlist-area .wishlist-area-wrap .wishlist-th4 {
  width: 15%;
}

.wishlist-area .wishlist-area-wrap .wishlist-th5 {
  width: 25%;
}

.wishlist-area .wishlist-area-wrap .wishlist-td1 {
  padding: 40px 0;
}

.wishlist-area-wrap .wishlist-td5 a.wishlist-btn {
  font-size: 15px;

  padding: 11px 55px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;
  letter-spacing: 1px;
  text-transform: uppercase;

  color: #fff;
  border: 1px solid #000000;
  background: #000000;
}

.wishlist-area-wrap .wishlist-td5 a.wishlist-btn:hover {
  border: 1px solid #f54375;
  background: #f54375;
}

.wishlist-area-wrap .wishlist-td4 {
  color: #f54375;
}

/*----------------------------------------*/
/* 42. Portfolio
/*----------------------------------------*/

.filter-catagory-menu {
  margin-bottom: 35px;
}

.filter-catagory-menu li {
  font-family: roboto slab;
  font-style: italic;

  position: relative;

  display: inline-block;

  margin: 0 20px;

  cursor: pointer;
  letter-spacing: 0.8px;

  color: #545659;
}

.filter-catagory-menu li + li:after {
  position: absolute;
  top: 5px;
  left: -25px;

  content: "/";
}

.filter-catagory-menu li a {
  line-height: 35px;

  display: inline-block;

  height: 35px;
}

.mix {
  margin-bottom: 0;
}

.portfolio-page-top {
  margin-top: 50px;
}

.mixitup-button-wrapper .mixit-button li {
  display: inline-block;
}

.mixitup-button-wrapper .mixit-button li {
  display: inline-block;

  margin: 4px;
  padding: 7px 15px;

  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: none;

  color: #888;
  border: 1px solid #ccc;
}

.mixitup-button-wrapper .mixit-button li:hover {
  color: #000000;
}

.mixit-image img {
  width: 20%;
}

.amazing-portfolio-area .col-md-4 {
  padding-right: 0;
  padding-left: 0;
}

.portfolio-page-middle {
  margin-top: 50px;
}

.mixit-icon li {
  display: inline-block;
}

.mixit-image-wrap2 {
  margin-bottom: 28px;
}

.mixit-icon {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;

  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 0 0 0;
  transform-origin: 0 0 0;
  text-align: center;
}

.mixit-signle:hover .mixit-icon {
  top: 50px;

  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.mixit-button {
  margin-bottom: 30px;
}

.mixit-box-text {
  position: absolute;
  top: 125px;
  right: 0;
  left: 0;

  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: translateY(-50%);
  -webkit-transform: scale(0);
  transform: translateY(-50%);
  transform: scale(0);
  text-align: center;
}

.mixit-signle:hover .mixit-box-text {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.mixit-box-text {
  font-size: 17px;
  line-height: 27px;

  width: 55%;
  margin: auto;
  padding-bottom: 2px;

  background-color: rgba(255, 255, 255, 0.15);
}

.mixit-icon i {
  font-size: 18px;
  line-height: 55px;

  width: 55px;
  height: 55px;

  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-align: center;

  color: #fff;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
}

.mixit-icon i:hover {
  background-color: rgba(0, 0, 0, 0.5);
}

.mixit-icon li + li a {
  margin-left: 5px;
}

.mixit-box-text p {
  margin: 0;

  color: #fff;
}

.overlay-margin-0:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  content: "";
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -webkit-transform: scale(0);
  transform: scale(0);

  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.mixit-signle:hover .overlay-margin-0:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.filter.active {
  color: #000000 !important;
  box-shadow: 0 1px 10px -3px #000;
}

.portfolio-brand {
  padding-top: 95px;
}

/*----------------------------------------*/
/* 43. 404 page
/*----------------------------------------*/

.four-zero-area {
  margin-top: 95px;
  margin-bottom: 95px;
}

.four-zero-top {
  margin-bottom: 55px;
}

.four-zero-content h2 {
  font-size: 40px;
  font-weight: 600;

  text-transform: capitalize;
}

.four-zero-content p {
  font-size: 17px;

  color: #626262;
}

.four-zero-input-wrapp {
  width: 55%;
  margin: auto;
  margin-top: 50px;
}

.four-zero-search i {
  position: absolute;
  top: 16px;
  right: 10px;
}

.four-zero-input input {
  width: 100%;
  height: 45px;

  border-radius: 0;
  background: #f5f5f5;
}

.compare-conpart.compare-conpart2 {
  border-bottom: 0 solid #ebebeb;
}

.brand-area.hp1-brand-area.brand-single-product {
  padding-top: 58px;
  padding-bottom: 95px;
}

.featured-product-area.single-upsale-product {
  padding-top: 65px;
}

.featured-product-area.single-related-product {
  padding-top: 50px;
}

.mean-container .mean-nav ul {
  overflow: scroll;

  height: 300px;
}

/*----------------------------------------*/
/*  44. Contact Form
/*----------------------------------------*/

p.form-messege {
  margin: 15px 0 0 0;
}

p.success {
  color: green;
}

p.error {
  color: red;
}

/*----------------------------------------*/
/*  45. Home 7
/*----------------------------------------*/

/* Slider */
.home7-slider {
  position: relative;

  width: 100%;
  height: auto !important;
}

.home7-slider .nivo-controlNav {
  position: absolute;
  bottom: 0;

  width: 100%;
}

/* product banner  */
.product-banner-area.home7 {
  padding-top: 60px;
}

.product-banner-wrap {
  float: left;

  margin-bottom: -28px;
}

.product-banner-wrap .product-banner-left {
  margin-bottom: 28px;
}

.product-banner-wrap .product-banner-right {
  margin-bottom: 28px;
}

.product-banner-wrap .img-banner {
  margin-bottom: 28px;
}

.product-banner-wrap .img-banner:last-child {
  margin-bottom: 0;
}

.home7 .product-banner-wrap .img-banner {
  margin-top: 0 !important;
}

/* Feature Product Area */
.featured-product-area.home7 {
  padding: 60px 0;
}

.owl-item .single-product:last-child {
  margin-bottom: 0;
}

/* Middle Banner */
.banner3-middle.home7 {
  margin-top: 0;
}

/* Newsletter Area */
.newsletter-area.home7 {
  padding: 60px 0;
  background-color: #fcc9d95c;
}

.home7-newsletter-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;

  margin-bottom: -20px;
}

.home7-newsletter-wrap .title {
  font-weight: 700;

  margin: 0 0 20px;
  padding-right: 30px;

  text-transform: uppercase;
}

.home7-newsletter-form {
  display: flex;

  margin-bottom: 10px;
}

.home7-newsletter-form .form-control {
  width: 320px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 15px 20px;

  border-radius: 0;
  box-shadow: none;
}

.home7-newsletter-form .submit {
  margin-bottom: 10px;
}

/* Blog Area */
.blog-area.home7 {
  padding: 95px 0;
}

.blog-owl-wrapper {
  float: left;

  width: 100%;
}

.home7 .blog-image,
.home7 .blog-image img {
  margin-top: 0 !important;
}

/* Brand Area */
.brand-area.home7 {
  padding: 60px 0;

  background-color: #fcc9d95c;
}
/* ************************************** */
/* ************************************** */
/* ************************************** */
/* ************************************** */
/* ************************************** */
/* ************************************** */
.header-flex {
  display: flex !important;
  align-items: center;
  gap: 8px;
}
.icon-size {
  font-size: 20px;
}
.user-menu {
  position: relative;
  display: inline-block;
}

.user-icon {
  width: 40px;
  height: 40px;
  border: 1px solid #bdbdbd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.footer-icon {
  font-size: 12px;
}

.user-icon a {
  color: #000;
  font-size: 18px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-dropdown {
  position: absolute;
  top: 40px;
  right: -58px;
  width: 190px;
  background: #fff;
  padding: 0px 8px;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.03);
  opacity: 0;
  visibility: hidden;
  transform: translateY(8px);
  transition: all 0.25s ease;
  z-index: 999;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.user-menu:hover .user-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.user-dropdown a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px 28px;
  color: #111;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.2s ease;
}
.user-dropdown a:not(:last-child) {
  border-bottom: 1px solid #00000045;
}

.user-dropdown a:hover {
  color: #000;
}

.user-dropdown-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #c70137;
  border: 1px solid #ffffff;
  position: relative;
  flex-shrink: 0;
}

.user-dropdown-dot::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  background: #ffffff;
  border-radius: 50%;
  top: 2px;
  left: 2px;
}

.hover-flex {
  display: flex;
  justify-content: end;
  gap: 20px;
}

.header-mt-5 li {
  margin-top: 5px !important;
}
.menuj {
  gap: 20px;
  display: flex;
  align-items: center;
  justify-content: end;
  font-family: Montserrat;
  font-size: 14px;
  padding-top: 2px;
  text-transform: capitalize;
  color: #f1f1f1;
}
.menuj li a {
  color: #f1f1f1;
}