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

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

-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
	
    1. Theme Default CSS (body, link color, section etc)
    2. Header area
    3. Header-right
    4. Slider
    5. Add-banner-area
    6. Product-area
    7. Blog-area
    8. Service-area
    9. Footer-top-area
    10. Footer-middle
    11. Home-2
    12. Home-3
    13. Home-4
    14. Home-5
    15. Home-6
    16. Home-7
    17. Home-9
    18. Shop
    19. Single-product
    20. Shopping cart
    21. Wishlist
    22. Checkout page
    23. Login-register page
    24. My-account page
    25. Blog-left-sidebar page
    26. Blog-right-sidebar page
    27. Blog-details page
    28. Portfolio-with-pagination-no-filter page
    29. Portfolio-details page
    30. Contact page
    31. About-us page
    32. 404 page
-----------------------------------------------------------------------------------*/

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {height: 100%;}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left;margin-right:15px;margin-bottom: 15px}
.alignright {float:right;margin-left:15px;margin-bottom: 15px}
.aligncenter {display:block;margin:0 auto 15px}
a:focus {outline:0px solid}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
}
a {transition: all 0.3s ease 0s;text-decoration:none;}
a:hover {
  color: #ec4445;
  text-decoration: none;
}
a:active, a:hover {
  outline: 0 none;
}
ul{
list-style: outside none none;
margin: 0;
padding: 0
}
.clear{clear:both}
body {}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
body {
  color: #444444;
  font-family: Monda;
  font-size: 13px;
  font-style: normal;
  font-weight: normal;
  line-height: 24px;
  visibility: visible;
}
body h3 {
  color: #272727;
  font-family: Monda;
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  line-height: 29px;
  opacity: 1;
  transition: opacity 0.24s ease-in-out 0s;
  visibility: visible;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
input[type="text"], input[type="email"], input[type="search"],input[type="password"], textarea, select {
  background-color: #fff;
  border: 1px solid #eaeaea;
  line-height: 28.8px;
  outline: medium none;
  padding: 5px 15px;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.marg-90{
  margin:90px 0;
}
.marg-t{
  margin-top: 90px;
}
.marg-b{
  margin-bottom: 90px;
}
.marg-b70{
  margin-bottom: 70px;
}
/*----------------------------------------*/
/*  2. Header area
/*----------------------------------------*/
header{}
.header-area{
  position: relative;
  background: #fff none repeat scroll 0 0;
  transition: all 0.4s ease 0s;
}
.header-area.stick {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999;
  height: 80px;
  transition: all 0.4s ease 0s;
}
.logo {
  display: table-cell;
  height: 100px;
  vertical-align: middle;
}
.header-area.stick .logo{
  height: 80px;
}
.header-area.stick .header-right {
  line-height: 80px;
}
/*----------------------------------------*/
/*  2.1 Main Menu
/*----------------------------------------*/
.mobile-menu-area {
  display: none;
}
.mainmenu{}
.mainmenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center;
}
.mainmenu ul li{
    display: inline-block;
    transition: all 0.4s ease 0s;
    position: relative;
}
.mainmenu ul li a{
    font-family: Monda;
    font-size: 13px;
    font-style: normal;
    transition: opacity 0.24s ease-in-out 0s;
    padding: 0 15px;
    color: #666666;
    display: inline-block;
    line-height: 100px;
    transition: all 0.4s ease 0s;
    text-transform: uppercase;
    text-decoration: none;
}
.header-area.stick .mainmenu ul li a {
  line-height: 80px;
}
.mainmenu ul li a::after {
  background-color: #000;
  height: 4px;
  left: 50%;
  margin-left: -2.5px;
  margin-top: 14px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 4px;
 
}
.mainmenu ul li.active a::after{
  content: "";
}
.mainmenu ul li:hover a::after{
    content: "";
    animation: 1s linear 0s normal none infinite running fa-spin;
}
.mainmenu ul li:hover a,.mainmenu ul li.active a{
  color: #2a2a2a;
}
/*----------------------------------------*/
/*  2.1.1 dropdown Menu
/*----------------------------------------*/
.mainmenu ul li ul.dropdown{
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.09) !important;
    background-color: transparent;
    left: 0;
    margin: 0;
    min-width: 235px;
    padding: 0;
    position: absolute;
    top: 100%;
    text-align: left;
    display: none;
}
.mainmenu ul li ul.dropdown li{
    background-color: #fff;
    display: block;
}
.mainmenu ul li ul.dropdown li a::after{
    display: none;
}
.mainmenu ul li ul.dropdown li a{
    font-family: Monda;
    font-size: 13px;
    font-style: normal;
    line-height: 32px;
    transition: opacity 0.24s ease-in-out 0s;
    transition: all 0.4s ease 0s !important;
    display: block;
    font-weight: 400;
    padding: 0 20px;
    text-transform: capitalize;
    color: #333;
}
.header-area.stick .mainmenu ul li ul.dropdown li a {
  line-height: 32px;
}
.mainmenu ul li ul.dropdown li:hover a{
    color: #eaa24e;
    padding-left: 25px;
}
.mainmenu ul li:hover ul.dropdown{
    animation: 0.4s ease 0s normal both 1 running fadeInUp;
    display: block;
    z-index: 9999;
}
/*----------------------------------------*/
/*  2.1.2 mega-menu
/*----------------------------------------*/
.mainmenu ul li .mega-menu{
    width:1145px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.09) !important;
    left: -365px;
    margin: 0;
    padding: 25px 10px 26px;
    position: absolute;
    top: 100%;
    display: none;
    background: #fff;
}
.mainmenu ul li:hover .mega-menu{
  animation: 0.4s ease 0s normal both 1 running fadeInUp;
  display: block;
  z-index: 9999;
}
.mainmenu ul li .mega-menu .single-mega-menu{
    float: left;
    width: 25%;
    text-align: left;
}
.mainmenu ul li .mega-menu .single-mega-menu .menu-hedding{
    margin: 0;
}
.mainmenu ul li .mega-menu .single-mega-menu .menu-hedding a{
    color: #333;
    font-weight: 400;
    text-transform: uppercase;
}
.mainmenu ul li .mega-menu .single-mega-menu a{
    font-family: Monda;
    font-size: 13px;
    font-style: normal;
    line-height: 32px;
    transition: opacity 0.24s ease-in-out 0s;
    color: #6b6b6b;
    display: block;
    font-weight: 400;
    padding: 0;
    transition: all 0.4s ease 0s !important;
    text-transform: capitalize;
}
.mainmenu ul li .mega-menu .single-mega-menu a:hover{
    color: #eaa24e;
    padding-left: 3px;
}
.mainmenu ul li .mega-menu .single-mega-menu a::after{
    display: none;
}
.mainmenu ul li .mega-menu .single-mega-menu a span{
    position: relative;
}
.mainmenu ul li .mega-menu .single-mega-menu a span::before{
  border-bottom: 6px solid transparent;
  border-right: 6px solid #eaa24e;
  border-top: 6px solid transparent;
  content: "";
  height: 0;
  margin-right: -12px;
  position: absolute;
  right: 0;
  top: 3px;
  width: 0;
}
.mainmenu ul li .mega-menu .single-mega-menu a span.sale-pro::before {
  border-right-color: #191919;
}
.mainmenu ul li .mega-menu .single-mega-menu a span.hot-pro::before {
  border-right-color: #ea5d4e;
}
.mainmenu ul li .mega-menu .single-mega-menu a span::after {
  border-radius: 2px;
  color: #fff;
  font-size: 10px;
  height: 16px;
  line-height: 16px;
  margin-right: -9px;
  padding: 0 6px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  top: 1px;
  transform: translateX(100%);
}
.mainmenu ul li .mega-menu .single-mega-menu a span.new-pro::after{
  background-color: #eaa24e;
  content: "New";
}
.mainmenu ul li .mega-menu .single-mega-menu a span.sale-pro::after{
  background-color: #191919;
  content: "Sale";
}
.mainmenu ul li .mega-menu .single-mega-menu a span.hot-pro::after{
  background-color: #ea5d4e;
  content: "Hot";
}
/*----------------------------------------*/
/*  3. Header-right
/*----------------------------------------*/
.header-right {
  line-height: 100px;
  position: relative;
  text-align: right;
  z-index: 1000;
}
.search-box-area,.user-menu-area,.mini-cart-area{
    display: inline-block;
}
.header-menu-item-icon {
  position: relative;
}
.header-menu-item-icon a{
    display: inline-block;
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    position: relative;
    text-align: center;
    width: 35px;
    color: #949494;
    margin-right: 22px;
    transition: all 0.4s ease 0s;
    cursor: pointer;
}
.header-menu-item-icon a::after,.header-menu-item-icon a::before{
    border: 1px solid #ddd;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: rotate(45deg);
    transition: all 0.4s ease 0s;
    width: 100%;
}
.header-menu-item-icon a::after{
    border-color: #e9e9e9;
    height: 75%;
    left: 12.5%;
    top: 12.5%;
    width: 75%;
    z-index: -1;
}
.header-menu-item-icon a:hover,.header-menu-item-icon a:hover::after,.header-menu-item-icon a:hover::before{
    border-color: #eaa24e;
}
.header-menu-item-icon a:hover{
    color: #fff;
}
.header-menu-item-icon a:hover::after {
  background-color: #eaa24e;
}
.header-menu-item-icon a:hover i{
    animation-name: swing;
    transform-origin: center top 0;
}
span.cart-total {
  background-color: #eaa24e;
  border-radius: 50%;
  color: #fff;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  margin-top: -10px;
  position: absolute;
  right: -28px;
  text-align: center;
  top: 50%;
  transition: all 0.4s ease 0s;
  width: 20px;
}
.search-form{
  min-height: 140px;
  padding-top: 50px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.09);
  left: 0;
  line-height: 20px;
  position: fixed;
  top: 0;
  z-index: 999999;
  background: #ffffff none repeat scroll 0 0;
  right: 0;
  display: none;
}
.search-form form{}
.search-form form input{
  background-color: #fff;
  line-height: 28.8px;
  outline: medium none;
  padding: 5px 15px;
  transition: all 0.4s ease 0s;
  width: 100%;
  border: 0;
  color: #919191;
  font-size: 24px;
  text-align: center;
}
.search-form .close-icon {
  color: #919191;
  font-size: 24px;
  margin-top: -12px;
  position: absolute;
  right: 90px;
  top: 50%;
  cursor: pointer;
}
.user-menu.active,.mini-cart.active {
  opacity: 1;
  top:100%;
  visibility:visible;
}
.search-form.active{
	animation: 0.4s ease 0s normal both 1 running fadeInUp;
	display: block;
}
.user-menu{
  background-color: #fff;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.09);
  left: -120%;
  line-height: 24px;
  min-width: 170px;
  padding: 30px 20px 20px 25px;
  position: absolute;
  text-align: left;
  top: 145%;
  white-space: nowrap;
  z-index: 9999;
  opacity:0;
  transition:0.3s;
  visibility:hidden;
}
.user-menu h3{
  font-size: 15px;
  margin-bottom: 3px;
}
.user-menu ul{
  margin-bottom: 14px;
}
.user-menu ul li{
  line-height: 28px;
}
.user-menu ul li a {
  color: #6b6b6b;
  display: block;
  font-size: 100%;
  height: inherit;
  line-height: 28px;
  text-align: left;
  width: inherit;
}
.user-menu ul li a i{
  margin-right: 2px;
}
.user-menu ul li a img{
  margin-right: 10px;
}
.user-menu ul li:hover a{
  color: #333;
}
.user-menu ul li a:after,.user-menu ul li a:before{display: none;}
.mini-cart{
  background: #ffffff none repeat scroll 0 0;
  box-shadow: 2px 0 10px rgba(0, 0, 0, 0.09);
  color: #747474;
  opacity: 0;
  min-width: 360px;
  overflow: hidden;
  padding: 10px 20px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 145%;
  transition: all 0.4s ease 0s;
  z-index: 9999;
  visibility:hidden
}
.mini-cart a:before,.mini-cart a:after{
  display: none;
}
.mini-cart ul{
  line-height: 22px;
}
.mini-cart ul li{
  display: block;
  overflow: hidden;
  border-bottom: 1px solid #eee;
  padding: 15px 0;
  position: relative;
}
.mini-cart ul li .pro-img{
  float: left;
  width:25%;
}
.mini-cart ul li .cart-poro-details {
  float: left;
  padding-left: 20px;
  width: 75%;
}
.mini-cart ul li .cart-poro-details h2 {
  line-height: 12px;
  margin: 0;
}
.mini-cart ul li .cart-poro-details h2 a{
  width: inherit;
  height: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 28px;
  text-transform: uppercase;
}
.mini-cart ul li .cart-poro-details h2 a:hover{
  color: #eaa24e;
}
.mini-cart ul li .cart-poro-details .star-rating{
  font-size: 1em;
  line-height: 10px;
  color: #eaa24e;
}
.mini-cart ul li .cart-poro-details .quantity {
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}
.mini-cart ul li .cart-poro-details .quantity span {
  color: #484848;
  font-size: 14px;
}
.mini-cart ul li a.remove {
  background: #eaa24e none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff !important;
  font-size: 10px;
  font-weight: 600;
  height: 15px;
  line-height: 14px;
  margin: -7px 0 0;
  padding-left: 1px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  width: 15px;
}
.mini-cart p.total{
  color: #363636;
  font-size: 18px;
  font-weight: 400;
  padding-top: 15px;
  text-transform: uppercase;
  line-height: 22px
}
.mini-cart p.total strong{
  font-weight: 400;
  margin-right: 40px;
}
.mini-cart .buttons a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #cccccc;
  border-radius: 0;
  color: #747474;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  height: inherit;
  margin-bottom: 15px;
}
.mini-cart .buttons a:hover {
  background: #eaa24e none repeat scroll 0 0;
  border-color: #eaa24e;
  color: #ffffff;
}
/*----------------------------------------*/
/*  4. Slider
/*----------------------------------------*/
.main-slider{
  position: relative;
}
.sliderimg{
  width: 50%;
  float: left;
  position: relative;
}
.nivoSlider .sliderimg img{
  position: relative;
  width: 100%;
}

.slider-text {
  margin-top: -130px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%;
}
.slider-two .slider-text {
  left: 5%;
  text-align: left;
}
.sl-heading h2 {
  font-family: icon;
  font-size: 24px;
  font-weight: 600;
}
.sl-heading h2.off-text{}
.sub-title{
  margin: 30px 0;
}
.sub-title p{
  font-size: 12px;
  font-family: "Monda";
  padding: 0;
  line-height: 14px;
}
.nivo-caption a.sl-button {
  background-color: transparent;
  border:1px solid rgba(252, 252, 252, 1);
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  padding: 7px 20px;
  text-decoration: none;
  color: #fff;
}
.nivo-directionNav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: none;
}
.slider-area:hover .nivo-directionNav{
  display: block;
}
.nivo-directionNav a:hover::after{
  background: #eaa24e !important;
  color: #fff;
}
.nivo-directionNav a {
  background: #fff none repeat scroll 0 0;
  cursor: pointer;
  height: 50px;
  position: absolute;
  left: 46%;
  text-align: center;
  top: 45%;
  right:auto;
  width: 50px;
  z-index: 9;
}
.nivo-directionNav a.nivo-nextNav{
  left: 50%;
  right: auto;
  background: #2a2a2a none repeat scroll 0 0; 
}
.nivo-directionNav a::after {
  background: #fff none repeat scroll 0 0;
  color: #000;
  content: "\f104";
  font-family: FontAwesome;
  font-size: 16px;
  height: 50px;
  left: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 50px;
}
.nivo-directionNav a.nivo-nextNav:after{
  content: "\f105";
  color: #fff;
  background: #2a2a2a none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  5. Add-banner-area
/*----------------------------------------*/
.banner-inner-info {
  margin-left: -33.333%;
  position: relative;
  z-index: 2;
}
.add-banner-area .col-sm-push-2 {
  margin-left: -10px;
}
.bn-title h2 {
  color: #2a2a2a;
  font-family: Playfair Display;
  font-size: 24px;
  font-weight: 700;
  margin: 21px 0 25px;
}
.bn-title h2 span {
  display: block;
  margin-top: 10px;
  padding-left: 15%;
}
.bn-title p {
  margin-bottom: 55px;
}
.bn-buttons {
  margin-bottom: 60px;
}
.bn-buttons a {
  border: 1px solid #2a2a2a;
  color: #2a2a2a;
  display: inline-block;
  height: 40px;
  line-height: 39px;
  text-align: center;
  width: 136px;
  margin-right: 20px;
}
.bn-buttons a:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
.bn-image {
  overflow: hidden;
  position: relative;
}
.bn-image.image-2:hover{
  z-index: 3;
}
.bn-image.image-3 {
  left: 15px;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(15%);
}
.bn-image img{
  margin-left:-30px;
  transform: scale(1.5);
  transition: all 0.3s ease-in-out 0s;
}
.bn-image:hover img {
  margin-left: 0;
}
.bn-image.image-1 {
  border: 30px solid #fff;
}
.bn-image.image-1 {
  border-left: none;
}
.bn-image::after {
  background: #eaa24e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: auto;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: all 0.4s ease 0s;
  width: auto;
  z-index: 2;
}
.bn-image:hover::after {
  opacity: 0.2;
  transform: scale(1);
}
.add-banner-area-bottom .banner-inner-info {
  margin-left: 0;
  margin-right: -40.333%;
  text-align: right;
}
.add-banner-area-bottom .bn-title h2 span{
  padding-right: 12%;
  padding-left: 0;
}
.add-banner-area-bottom .bn-image.image-1{
  border: 30px solid #fff;
}
.add-banner-area-bottom .bn-image.image-1{
  border-bottom: medium none;
  border-right: medium none;
}
.add-banner-area-bottom .bn-image.image-3 {
  top: 0;
  transform: translateY(0px);
}
/*----------------------------------------*/
/*  6. Product-area
/*----------------------------------------*/
.section-title {
  position: relative;
  text-align: center;
  margin-bottom: 10px;
}
.section-title::before {
  border-bottom: 1px solid #efefef;
  border-top: 2px solid #efefef;
  content: "";
  height: 5px;
  left: 0;
  position: absolute;
  top: 15px;
  width: 100%;
  z-index: 0;
}
.section-title h2 {
  background: #fff none repeat scroll 0 0;
  color: #2a2a2a;
  display: inline-block;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  padding: 5px 14px 8px;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}
.single-product{
  position: relative;
}
.product-image{
  position: relative;
  overflow: hidden;
}
.product-image a img {
  backface-visibility: hidden;
  transform-style: preserve-3d;
  transition: all 0.7s ease 0s;
}
.single-product:hover .product-image a .primary-image {
  transform: rotateY(180deg);
}
.product-image a .secondary-image {
  backface-visibility: hidden;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: rotateY(-180deg);
  transform-style: preserve-3d;
  transition: all 0.7s ease 0s;
  width: 100%;
  z-index: -1;
}
.single-product:hover .product-image a .secondary-image{
  opacity: 1;
  transform: rotateY(0deg);
  z-index: 1;
}
.category-action-buttons {
  background-color: #fff;
  opacity: 0;
  padding-top: 18px;
  position: absolute;
  bottom: -57px;
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 5;
  line-height: 24px;
}
.single-product:hover .category-action-buttons{
  bottom: 0;
  opacity: 1;
}
.category a{
  color: #838383;
}
.action-button {
  float: right;
}
.action-button ul{}
.action-button ul li{
  float: left;
}
.action-button ul li a {
  color: #2a2a2a;
  font-size: 16px;
  padding: 0 6px;
  transition: all 0.4s ease 0s;
}
.action-button ul li a:hover{
  color: #eaa24e;
}
.action-button ul li a.cart-button {
  display: block;
  position: relative;
  text-indent: -9999px;
  width: 27px;
}
.action-button ul li a.cart-button::before {
  content: "+" !important;
  font-family: initial;
  font-size: 40px;
  font-weight: 500;
  position: absolute;
  right: 1px;
  text-indent: 0;
}
.product-info{
  text-align: center;
  padding-top: 15px;
}
.product-title a {
  color: #363636;
  display: block;
  margin-top: 2px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
}
.product-title a:hover,.category a:hover{
  color: #eaa24e;
}
.price span{
  color: #838383;
  font-family: Monda;
  font-size: 14px;
  font-weight: 400;
}
.price span.old-price {
  color: #b9b9b9;
  font-size: 14px;
  margin-right: 7px;
  text-decoration: line-through;
}
.price-rating .star-rating{
  color: #eaa24e;
  transition: all 0.4s ease 0s;
}
.price{
  transition: all 0.4s ease 0s;
}
.single-product:hover .price,.star-rating {
  opacity: 0;
  transform: scale(0);
  height: 0;
}
.single-product:hover .star-rating{
  opacity: 1;
  transform: scale(1);
}
.onsale::before {
  border-left: 66px solid #fff;
  left: -9px;
  transform: rotate(45deg);
}
.onsale {
  left: 0;
  transform: rotate(-45deg);
}
.onsale, .new {
  height: 48px;
  left: auto;
  line-height: 43px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 48px;
  z-index: 10;
  background: transparent none repeat scroll 0 0;
  color: #2a2a2a;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
.onsale::before,.new::before {
  border-bottom: 66px solid transparent;
  content: "";
  position: absolute;
  top: 3px;
  z-index: -1;
}
.new::before{
  border-right: 66px solid #fff;
  right: -9px;
  transform: rotate(-45deg);
}
.new{
  right: 0;
transform: rotate(45deg);
}
.nav-button-style-one.owl-theme .owl-controls{
  margin: 0;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  color: #787878;
  display: inline-block;
  font-size: 15px;
  height: 35px;
  line-height: 28px;
  margin-top: -18px;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 40%;
  left: 0;
  transition: all 0.7s ease 0s;
  width: 35px;
  z-index: 99;
}
.nav-button-style-one.owl-theme:hover .owl-controls .owl-buttons div{
  opacity: 1;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: -18px;
  left: auto;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div:hover::after,.nav-button-style-one.owl-theme .owl-controls .owl-buttons div:hover::before{
  border-color: #eaa24e;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div:hover::after{
  background-color: #2a2a2a;
  border-color: #2a2a2a;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div:hover{
  color: #fff;
  z-index: 2;
}
.nav-button-style-one{
  position: relative;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div::after,.nav-button-style-one.owl-theme .owl-controls .owl-buttons div::before {
  border: 1px solid #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 90;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div::before{
  background-color: #fff;
  z-index: -9;
}
.nav-button-style-one.owl-theme .owl-controls .owl-buttons div::after {
  border-color: #fff;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
  width: 75%;
  z-index: -1;
}
/*----------------------------------------*/
/*  7. Blog-area
/*----------------------------------------*/
.blog-area{}
.single-blog{}
.blog-image{
  overflow: hidden;
}
.blog-image img{
  transition: all 0.4s ease 0s;
}
.single-blog:hover .blog-image img {
  transform: scale(1.2);
  opacity:0.6;
}
.blog-content{}
.blog-info {
  margin-top: 5px;
}
.blog-info span{
  display: inline-block;
  margin-right: 20px;
  color: #444444;
  transition: all 0.4s ease 0s;
}
.blog-info span a{
  color: #444444;
}
.blog-info span a:hover,.blog-info span:hover{
  color: #333;
}
.blog-info span i{
  margin-right: 7px;
}
.author-name{
  margin-right: 16px;
}
.blog-date{
  display: inline-block;
  font-size: 14px;
  height: 63px;
  left: 50%;
  line-height: 63px;
  margin-top: -37px;
  position: absolute;
  text-align: center;
  transform: translateX(-50%);
  width: 63px;
}
.blog-date::before,.blog-date::after {
  border: 1px solid #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
  width: 100%;
}
.blog-date::after {
  border-color: #7e7e7e;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
  width: 75%;
  z-index: -1;
}
.blog-date::before{
  background-color: #fff;
}
.blog-date::after {
  background-color: #7e7e7e;
  z-index: 0;
}
.blog-date a .month-date {
  color: #fff;
  font-size: 11px;
  left: 0;
  line-height: 1;
  margin-top: 14px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 99;
}
.blog-date a .month-date small {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
  position: relative;
}
.blog-date a .month-date small::after {
  border-bottom: 1px solid #fff;
  bottom: -5px;
  content: "";
  left: 50%;
  margin-left: -6.5px;
  position: absolute;
  width: 13px;
}
.blog-info span.comments-number{
  float: right;
  margin-right: 0;
}
.title-desc {
  margin-top: 30px;
  text-align: center;
}
.title-desc a{}
.title-desc a h4{
  color: #272727;
  font-size: 17px;
  font-weight: 400;
  line-height: 24px;
  margin: 12px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: capitalize;
  transition: all 0.4s ease 0s;
}
.title-desc a h4:hover{
  color: #eaa24e;
}
.title-desc p{}
/*----------------------------------------*/
/*  8. Service-area
/*----------------------------------------*/
.service-area{}
.single-service{
  text-align: center;
}
.ser-icon{
  display: inline-block;
  font-size: 18px;
  height: 49px;
  line-height: 49px;
  margin-bottom: 14px;
  position: relative;
  text-align: center;
  width: 49px;
  z-index: 1;
}
.ser-icon::before, .ser-icon::after {
  border: 1px solid #dddddd;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
  width: 100%;
}
.ser-icon::after {
  border-color: #e9e9e9;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
  width: 75%;
  z-index: -1;
}
.flip-horizontal {
  transform: scaleX(-1);
}
.ser-icon i{}
.single-service h5{
  color: #2a2a2a;
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 18px;
  padding-top: 20px;
  position: relative;
}
.single-service p{
  color: #444444;
  font-size: 13px;
  line-height: 18px;
}
.single-service:hover .ser-icon::after,.single-service:hover .ser-icon::before,.hm-9 .single-service .ser-icon::before,.hm-9 .single-service .ser-icon::after{
  border-color: #eaa24e;
}
.single-service:hover .ser-icon::after,.hm-9 .single-service .ser-icon::after {
  background-color: #eaa24e;
}
.single-service:hover .ser-icon,.hm-9 .single-service .ser-icon{
  color: #fff;
}
/*----------------------------------------*/
/*  9. footer-top-area
/*----------------------------------------*/
.footer-top-area{
  padding: 30px 0 15px;
}
.footer-top-area hr {
  border-bottom: 1px solid #2a2a2a;
  border-top: 2px solid #2a2a2a;
  height: 2px;
  margin-bottom: 60px;
}
.footer-logo{}
.footer-socials{}
.footer-socials ul{
  padding: 15px 0 0;
}
.footer-socials ul li{
  display: inline-block;
  margin-right: 15px;
}
.footer-socials ul li a{
  color: #2a2a2a;
  display: inline-block;
  font-size: 18px;
  height: 26px;
  line-height: 26px;
  position: relative;
  text-align: center;
  width: 26px;
}
.footer-socials ul li a::before {
  background-color: transparent;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
}
.footer-socials ul li a:hover::before {
  background-color: #2a2a2a;
}
.footer-socials ul li a:hover{
  color: #fff;
  z-index: 2;
}
.news-letter-button{}
.news-letter-button a{
  border: 1px solid #2a2a2a;
  color: #2a2a2a;
  display: inline-block;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-top: 8px;
  max-width: 270px;
  text-align: center;
  width: 100%;
}
.news-letter-button a:hover{
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
/*----------------------------------------*/
/*  10. Footer-middle
/*----------------------------------------*/
.footer-middle {
  padding: 30px 0 20px;
}
.footer-title{
  color: #2a2a2a;
  font-size: 15px;
  margin-bottom: 12px;
}
.contact-info{}
.address-area{}
.address-area ul{
  margin-top: 17px;
}
.address-area ul li{
  line-height: 28px;
  text-align: left;
}
.address-area ul li a{
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 13px;
  padding-left: 32px !important;
  position: relative;
  color: #444;
}
.hm-4 .address-area ul li a{
color: #ddd;
}
.address-area ul li a i{
  color: #333;
  font-size: 16px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.address-area ul li a:hover {
  color: #333;
}
.address-area ul li a:hover i {
  color: #eaa24e;
}
.footer-menu{}
.footer-menu ul{}
.footer-menu ul li{
  line-height: 28px;
  text-align: left;
  margin-bottom: 3px;
}
.footer-menu ul li a{
  color: #444;
  transition: all 0.2s ease 0s;
}
.hm-4 .footer-menu ul li a{
	color:#ddd;
}
.footer-menu ul li a:hover {
  color: #333;
  padding-left: 5px;
}
.footer-bottom {
  padding: 20px 0;
}
.footer-bottom hr {
  border-top: 1px solid #eee;
  margin-bottom: 22px;
}
.copy-right a {
  color: #2a2a2a;
}
.footer-bottom .footer-socials ul{
  text-align: right;
}
.footer-bottom .footer-socials ul li +li {
  margin-left: 15px;
}
.footer-bottom .footer-socials ul li a {
  color: #444444;
}
.footer-bottom .footer-socials ul li a:hover{
  color: #fff;
}
.copy-right {
  margin-top: 10px;
}
.hm-4 .copy-right{
	color:#ddd;
}
/*----------------------------------------*/
/* 11. Home-2
/*----------------------------------------*/
.header-top-ber{
  background: #181818 none repeat scroll 0 0;
  height: 40px;
}
.top-menu {
  margin-top: 6px;
}
.top-menu ul{}
.top-menu ul li{
  border-right: 1px solid #575757;
  display: inline-block;
  line-height: 8px;
  padding: 0 10px;
  text-transform: uppercase;
}
.top-menu ul li:last-child{
  border-right: 0;
}
.top-menu ul li a {
  color: #fff;
  font-size: 11px;
  transition: all 0.7s ease 0s;
}
.top-menu ul li:hover a,.header-top-ber .header-menu-item-icon a:hover,.header-top-ber .header-menu-item-icon a:hover span.cart-total{
  color: #eaa24e;
}
.header-top-ber .header-right {
  line-height: 40px;
}
.header-top-ber .header-menu-item-icon a {
  color: #dcdada;
  display: inline-block;
  height: inherit;
  line-height: inherit;
  width: inherit;
  text-transform: uppercase;
}
.header-top-ber .mini-cart ul li .cart-poro-details h2 a{
  color: #484848;
}
.fa-flip-horizontal {
  transform: scale(-1, 1);
}
.icon-search .animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.header-top-ber .header-menu-item-icon a::after,.header-top-ber .header-menu-item-icon a::before{
  display: none;
}
.header-top-ber span{
  margin-right: 6px;
}
.header-top-ber span.cart-total{
  display: inline-block;
  font-style: normal;
  margin-left: 10px;
  margin-right: 0;
  position: static;
  background: transparent;
  height: inherit;
  width: inherit;
}
.header-top-ber.disnone .header-right{
  display: none;
}
.header-two .header-right,.header-two .logo{
  display: none;
}
.header-two.stick .header-right, .header-two.stick .logo {
  display: block;
  line-height: 80px;
}
.header-top-ber .mini-cart .buttons a {
  color: #747474;
  display: block;
  line-height: 18px;
  width: 100%;
}
.header-top-ber .mini-cart .buttons a:hover{
  color: #fff;
}
.header-top-ber .user-menu ul li a {
  color: #6b6b6b;
  line-height: 28px;
  text-transform: capitalize;
}
.header-top-ber .search-form,.header-two .search-form,.full-search .search-form{
  background-color: rgba(0, 0, 0, 0.9);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 99999;
}
.header-top-ber .search-form form,.header-two .search-form form,.full-search .search-form form{
  left: 50%;
  max-width: 830px;
  padding-right: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 92%;
}
.header-top-ber .search-form form input,.header-two .search-form form input,.full-search .search-form form input{
  border-color: rgba(255, 255, 255, 0.6);
  border-style: none none solid;
  border-width: medium medium 1px;
  color: #fff;
  font-size: 30px;
  height: 70px !important;
  line-height: 70px;
  padding: 0;
  background: transparent;
  text-align: left;
}
.header-top-ber .search-form .close-icon,.header-two .search-form .close-icon,.full-search .search-form .close-icon{
  color: #fff;
  font-size: 48px;
  line-height: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(50%);
}
/*----------------------------------------*/
/* 11.2 home-2 slider-area
/*----------------------------------------*/
.slider-and-banner{
  margin-bottom: 35px;
}
.slider-two .nivo-directionNav a {
  left: 0;
}
.slider-two .nivo-directionNav a.nivo-nextNav {
  left: auto;
  right: 0;
}
.slider-two .nivo-directionNav a.nivo-nextNav::after {
  background: #fff none repeat scroll 0 0;
  color: #000;
  content: "";
}
.slider-two .nivo-directionNav a.nivo-nextNav:hover::after {
  background: #eaa24e none repeat scroll 0 0 !important;
  color: #fff;
}
/*----------------------------------------*/
/* 11.2.1 home-2 slider-text
/*----------------------------------------*/
.slider-two .slider-text {
  margin-top: -110px;
}
.slider-two .sl-heading h2 {
  font-size: 40px;
  margin-bottom: 0;
}
.slider-two .sub-title p {
  font-size: 16px;
  line-height: 24px;
}
.slider-two .nivo-caption a.sl-button {
  font-size: 13px;
  line-height: 20px;
}
.nivo-caption a.sl-button:hover{
  background: #eaa24e;
  border-color: #eaa24e;
}
.color-2 .sl-heading h2,.color-2 .sub-title p,.color-2 a.sl-button{
  color: #444444;
}
.color-2 a.sl-button{
  border-color: #444;
}
.color-2 a.sl-button:hover{
  color: #fff;
  border-color:#eaa24e;
}
/*----------------------------------------*/
/* 11.2.2 home-2 banner
/*----------------------------------------*/
.banner-area {
  position: relative;
}
.single-banner .banner-text {
  margin: 0 auto;
  text-align: center;
  width: 92%;
}
.single-banner img{
  transition: all 0.4s ease 0s;
  width: 100%;
}
.single-banner a {
  display: block;
  overflow: hidden;
}
.single-banner:hover img {
  transform: scale(1.2);
}
.single-banner .banner-text h2 {
  color: #fff;
  font-size: 48px;
  height: 155px;
  left: 50%;
  line-height: 153px;
  margin-bottom: 5px;
  position: absolute;
  top: 40%;
  transform: translate(-50%, -50%);
  width: 155px;
  font-family: "Playfair Display";
  font-weight: 700;
  transition: all 0.4s ease 0s;
}
.single-banner .banner-text h2::before, .single-banner .banner-text h2::after {
  border: 1px solid #fff;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  width: 100%;
  transition: all 0.4s ease 0s;
}
.single-banner .banner-text h2::after {
  border-color: #efefef;
  height: 92%;
  left: 4%;
  top: 4%;
  width: 92%;
}
.single-banner:hover .banner-text h2::before{
  border-color: #eaa24e;
}
.single-banner:hover .banner-text h2{
  color: #eaa24e;
}
.single-banner .banner-text h3 {
  bottom: 38px;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  left: 0;
  line-height: 22px;
  position: absolute;
  width: 100%;
  font-family: "Playfair Display";
  font-weight: 700;
  transition: all 0.4s ease 0s;
}
.single-banner .banner-text h3 span {
  display: block;
  margin-top: 10px;
  padding-left: 50px;
}
/*----------------------------------------*/
/* 11.3 home-2 banner-area
/*----------------------------------------*/
.banner-two{}
.banner-two{}
.banner-two .banner-inner-info {
  margin-left: 0;
}
.banner-content {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
}
.banner-two .bn-image.image-1 img{
  transform: scale(1);
  width: 100%;
}
.banner-two .bn-image.image-1 {
  border: none;
  padding-left: 22%;
}
.banner-two .bn-image::after{
  display: none;
}
.banner-two .bn-image a{
  position: relative;
  overflow: hidden;
  display: block;
}
.banner-two .bn-image img{
  margin-left: 0;
  transform: scale(1)
}
.banner-two .bn-image a::after {
  background: #eaa24e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: auto;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: all 0.4s ease 0s;
  width: auto;
  z-index: 2;
}
.banner-two .banner-inner-info:hover .bn-image a::after,.banner-two .bn-image:hover a::after{
  opacity: 0.2;
  transform: scale(1);
}
.content-title {
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  padding-right: 30px;
text-align: right;
}
.content-title h2{
  color: #fff;
  font-family: Playfair Display;
  font-size: 22px;
  font-weight: 700;
  margin: 21px 0 25px;
}
.content-title h2 span{
  display: block;
  margin-top: 10px;
}
.banner-two .bn-image:hover a img {
  transform: scale(1.2);
}
/*----------------------------------------*/
/* 11.4 home-2 category-area
/*----------------------------------------*/
.category-area{}
.sideber-menu {
  margin-bottom: 38px;
}
.sideber-menu ul{}
.sideber-menu ul li{
  position: relative;
  padding: 4px 0;
  border-bottom: 1px solid #f0f0f0;
}
.sideber-menu ul li a{
  color: #363636;
  display: block;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  transition: all 0.4s ease 0s;
  cursor:pointer;
}
.sideber-menu ul li a:hover{
  color: #eaa24e;
}
span.holder{
    cursor: pointer;
}
.has-sub span.holder::before {
  color: #adadad;
  content: "";
  font-family: fontawesome;
  font-size: 12px;
  height: 30px;
  position: absolute;
  right: -17px;
  top: 7px;
  width: 30px;
}
.has-sub.open span.holder::before{
  content: "\f068";
}
.sideber-menu ul li ul li.has-sub a::after {
  content: "";
  font-family: fontawesome;
  font-size: 12px;
  height: 30px;
  position: absolute;
  right: -17px;
  top: 3px;
  width: 30px;
  color: #adadad;
}
.sideber-menu ul li ul li.has-sub.open a::after{
  content: "\f068";
}
.sideber-menu ul li ul li.has-sub ul li a::after{
  display:none;
}
.sideber-menu ul li ul{
  display:none;
}
.sideber-menu ul li ul li{
    position: relative;
    border-bottom: 0;
}
.sideber-menu ul li ul li ul li a {
  padding-left: 45px;
}
.sideber-menu ul li ul li ul li::before{
  content: "";
  font-family: FontAwesome;
  font-weight: normal;
  height: 8px;
  left: 30px;
  line-height: 8px;
  margin-top: -4px;
  position: absolute;
  top: 50%;
  transition: all 0.5s ease 0s;
  width: 8px;
}
.sideber-menu ul li ul li a{
    border-left:none;
}
.sideber-menu ul li .count {
  color: #a1a1a1;
  margin-top: 6px;
  position: absolute;
  right: 18px;
  top: 0;
}

/*----------------------------------------*/
/* 11.5 home-2 special-product-area
/*----------------------------------------*/
.special-product-area {
  margin-bottom: 38px;
  overflow: hidden;
}
.special-product{}
.special-single-product {
  border-bottom: 1px solid #f0f0f0;
  overflow: hidden;
  padding: 20px 0;
}
.special-single-product:last-child{
  border-bottom: none;
}
.sp-img {
  float: left;
  width: 35%;
}
.sp-prod-info {
  float: left;
  padding-left: 20px;
  width: 65%;
}
.rating{
  color: #eaa24e;
}
/*----------------------------------------*/
/* 11.6 home-2 testimonial-area
/*----------------------------------------*/
.testimonial-area{}
.testomonial-carosul{}
.single-testimonial{}
.test-message{
  background-color: #f8f8f8;
  margin-bottom: 40px;
  padding: 53px 19px 10px 20px;
  position: relative;
}
.test-message::after {
  border-bottom: 30px solid transparent;
  border-left: 30px solid #f8f8f8;
  content: "";
  left: 60px;
  position: absolute;
}
.tes-author-info{}
.author-img {
  display: inline-block;
  margin-right: 20px;
  float: left;
}
.author-img img{
  border-radius: 50%;
  max-width: 70px;
}
.author-info {
  display: inline-block;
  margin-top: 10px;
}
.author-info h5{
  color: #272727;
  font-family: Monda;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 19px;
  margin: 0;
}
.author-info h5 a{
  font-size: 13px;
  text-transform: uppercase;
  color: #333;
}
.author-info span{
  font-size: 12px;
}
.owl-theme.wol-pagination-style .owl-controls .owl-page span {
  background: #d9d9d9 none repeat scroll 0 0;
  margin: 0 3px;
  opacity: 1;
}
.owl-theme.wol-pagination-style .owl-controls .owl-page.active span,.owl-theme.wol-pagination-style .owl-controls .owl-page span:hover{
  background: #eaa24e;
}
.owl-theme.wol-pagination-style .owl-pagination {
  left: 15px;
  position: absolute;
  top: 10px;
}
/*----------------------------------------*/
/* 11.7 home-2 product-area
/*----------------------------------------*/
.product-area-2,.product-area-new {
  margin-bottom: 40px;
}
/*----------------------------------------*/
/* 11.8 home-2 blog-area
/*----------------------------------------*/
.blog-area-two{
  margin-bottom: 55px;
}
/*----------------------------------------*/
/* 11.9 home-2 service-area
/*----------------------------------------*/
.service-area-two .container{
  border-top: 1px solid #efefef;
  padding-top: 75px;
}
.service-area-two .single-service{
  text-align: left;
}
.service-area-two .ser-icon {
  float: left;
}
.service-area-two .service-content {
  display: inline-block;
  margin-left: 20px;
  margin-top: 5px;
}
.service-area-two .single-service h5 {
  margin-bottom: 0;
  padding-top: 0;
}
/*----------------------------------------*/
/* 12. Home-3
/*----------------------------------------*/
.slider-and-search {
  margin-bottom: 55px;
}
.slider-three{}
.slider-three .nivo-directionNav a {
  left: 0;
}
.slider-three .nivo-directionNav a.nivo-nextNav {
  left: auto;
  right: 0;
}
.slider-three .nivo-directionNav a.nivo-nextNav::after {
  background: #fff none repeat scroll 0 0;
  color: #000;
}
.slider-three .nivo-directionNav a.nivo-nextNav:hover::after {
  background: #eaa24e none repeat scroll 0 0 !important;
  color: #fff;
}
.slider-three .slider-text {
  left: 15%;
  text-align: left;
  width: inherit;
}
.slider-three a.sl-button {
  border-color: #444;
}
.slider-three .slider-text {
  margin-top: -95px;
}
.slider-three .slider-text.pos-right {
  left: auto;
  right: 10%;
  text-align: right;
}
/*----------------------------------------*/
/* home-3 pro-search-area
/*----------------------------------------*/
.pro-search-area {
  margin-top: -35px;
  padding: 0 15px;
}
.pro-search-area .col-xs-25 {
  width: 20.833%;
  float: left;
}
.pro-search-area .col-xs-95 {
  width: 79.167%;
  float: left;
}
.pro-search-area .dropdown {
  background-color: #202020;
  box-shadow: none;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 16px;
}
.pro-search-area .dropdown select {
  -moz-appearance: none;
  background-color: #202020;
  border: medium none;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 48px;
  left: 0;
  line-height: 1;
  margin-top: -24px;
  padding: 0 0 0 43px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.pro-search-area .dropdown .fa-th {
  font-size: 16px;
  position: relative;
  z-index: 1;
}
.pro-search-area .dropdown .caret {
  margin-top: -1px;
  position: absolute;
  right: 17px;
  top: 50%;
}
.pro-search-area #searchsubmit {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  font-size: 16px;
  height: 50px;
  position: absolute;
  right: 12px;
  width: 50px;
}
.pro-search-area #searchsubmit:hover{
  color: #eaa24e;
}
.pro-search-area input {
  height: 50px;
}
.pro-search-area form{
  background: #fff none repeat scroll 0 0;
  padding: 10px 10px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.left-banner-two .content-title h2 span{
  padding-right: 15%;
}
.bmargin {
  margin-bottom: 30px;
}
/*----------------------------------------*/
/* 12.2 home-3 weekly-view-product-area
/*----------------------------------------*/
.weekly-view-product-area .single-product {
  overflow: hidden;
  margin-bottom: 32px;
}
.weekly-view-product-area .single-product:hover .price,.weekly-view-product-area .star-rating {
  height: inherit;
  opacity: 1;
  transform: scale(1);
}
.weekly-view-product-area .category-action-buttons {
  bottom: 0;
  opacity: 1;
  position: static;
}
.weekly-view-product-area .single-product .product-content {
  bottom: 0;
  opacity: 0;
  position: absolute;
  transform: translateY(100%);
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: -1;
  background: #fff;
}
.weekly-view-product-area .single-product:hover .product-content {
  opacity: 1;
  transform: translateY(0px);
  z-index: 20;
}
/*----------------------------------------*/
/* 12.3 home-3 service-area
/*----------------------------------------*/
.service-area-two.ser-three .container {
  border-top: 0 none;
}
/*----------------------------------------*/
/* 12.4 home-3 testimonial
/*----------------------------------------*/
.testimonial-two {
  background-color: #f3f3f3;
  padding: 42px 15px 34px 30px;
}
.quote-title h3{
  color: #2a2a2a;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 15px;
  padding-left: 60px;
  position: relative;
   animation: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s normal none 1 running wpb_appear;
  opacity: 1;
  transform: scale(1);
}
.quote-title h3::before {
  background: rgba(0, 0, 0, 0) url("img/icon/quote.png") no-repeat scroll 0 0;
  content: "";
  height: 32px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 38px;
}
.testimonial-two .test-message {
  background-color: transparent;
  margin-bottom: 0;
  padding: 0 10% 0 0;
}
.testimonial-two .test-message::after{
  display: none;
}
.author-info h5 a:hover{
  color: #eaa24e;
}
.testimonial-two .author-img {
  border: 5px solid #fff;
  height: 77px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-75%) rotate(45deg);
  width: 77px;
}
.testimonial-two .author-img img {
  border-radius: 0;
  transform: rotate(-45deg) translateY(13%);
  width: 100%;
}
.testimonial-two .owl-theme.wol-pagination-style .owl-pagination {
  left: 25%;
  top: -35px;
}
/*----------------------------------------*/
/* 13. Home-4 header-area
/*----------------------------------------*/
.hm-4.header-area {
  background: transparent none repeat scroll 0 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 9999;
}
.hm-4.header-area.stick {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  background: #fff none repeat scroll 0 0;
  height: 80px;
  position: fixed;
}
.hm-4 .header-menu-item-icon a{
  width: inherit;
  color: #2a2a2a;
  font-size: 14px;
}
.hm-4 .header-menu-item-icon a:hover{
  color: #eaa24e;
}
.hm-4 span.cart-total {
  right: -18px;
  top: 5px;
}
.hm-4 .header-menu-item-icon a::after, .hm-4 .header-menu-item-icon a::before{
  display: none;
}
.hm-4 .mini-cart .buttons a {
  color: #747474;
}
.hm-4 .mini-cart .buttons a:hover {
  color: #fff;
}
/*----------------------------------------*/
/* 13.2 home-4 slider-area
/*----------------------------------------*/


/*----------------------------------------*/
/* 13.3 home-4 service-area
/*----------------------------------------*/
.service-area-two.ser-four .container {
  border-top: 0 none;
  padding-top: 0;
}
.ser-four {
  margin-bottom: 50px;
}
/*----------------------------------------*/
/* 13.4 home-4 shop-banner-area
/*----------------------------------------*/
.shop-banner-add-area .bn-image.image-3 {
  border-color: #fff;
  border-style: solid solid none none;
  border-width: 30px 30px medium medium;
  margin-left: -60%;
  margin-top: 150px;
  z-index: 10;
  position: static;
}
/*----------------------------------------*/
/* 13.5 home-4 our-feature-product-area
/*----------------------------------------*/
.our-feature-product-area{}
.our-feature-product-area .special-single-product{
  position: relative;
  padding: 0;
  border-bottom: 0;
  margin-bottom: 35px;
}
.our-feature-product-area .action-button {
  overflow: hidden;
  text-align: left;
  transition: all 0.4s ease 0s;
  white-space: nowrap;
  float: left;
  position: absolute;
  bottom: 0;
  height: 25px;
  width: 25px;
}
.our-feature-product-area .special-single-product:hover .action-button {
  overflow: visible;
  width: 100%;
}
/*----------------------------------------*/
/* 13.6 home-4 instagram-area
/*----------------------------------------*/
.instagram-area{}
.instagram-area-content{}
.instagram-area-content a{
  display: inline-block;
  float: left;
  overflow: hidden;
  position: relative;
  width: 20%;
}
.instagram-area-content a::after {
  background: #eaa24e none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: auto;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: scale(0);
  transition: all 0.4s ease 0s;
  width: auto;
  z-index: 2;
}
.instagram-area-content a:hover::after {
  opacity: 0.2;
  transform: scale(1);
}
.instagram-area-content a img{
  transition: all 0.4s ease 0s;
}
.instagram-area-content a:hover img {
  transform: scale(1.2);
}
/*----------------------------------------*/
/* 13.7 home-4 brand-logo-area
/*----------------------------------------*/
.brand-logo-carosul{
  border-top: 1px solid #f2f2f2;
  margin-bottom: 40px;
  padding-top: 40px;
}
/*----------------------------------------*/
/* 13.8 home-4 footer-area
/*----------------------------------------*/
.footer-top-area.hm-4,.footer-middle.hm-4 {
  background-color: #202020;
  color: #fff;
  padding-top: 56px;
}
.hm-4 .footer-socials ul li a{
  color: #fff;
}
.footer-top-area.hm-4 .footer-socials ul li a:hover::before {
  background-color: #eaa24e;
}
.hm-4 .news-letter-button a {
  border-color: #fff;
  color: #fff;
}
.hm-4 .news-letter-button a:hover{
  background-color: #eaa24e;
  border-color: #eaa24e;
  color: #fff;
}
.hm-4 .footer-title {
  color: #fff;
}
.hm-4 .address-area ul li a:hover,.hm-4 .footer-menu ul li a:hover{
  color: #fff;
}
.hm-4 .address-area ul li a i {
  color: #fff;
}
.hm-4.footer-middle{
  padding: 30px 0;
}
.hm-4.footer-bottom{
  background-color: #080808;
  padding: 20px 0;
}
.hm-4 .copy-right a {
  color: #fff;
}
/*----------------------------------------*/
/* 14. Home-5 header-area
/*----------------------------------------*/
.hm-5 .mainmenu ul li a {
  padding: 0 12px;
}
.hm-5.stick .logo-menu{
  display: none;
}
/*----------------------------------------*/
/* 14.2 home-5 product-tab-area
/*----------------------------------------*/
.product-tab-area{}
.section-title.style-two::before {
 display: none;
}
.section-title.style-two h2{
  margin-bottom: 30px;
  position: relative;
}
.section-title.style-two h2::after {
  content: "";
  left: 50%;
  position: absolute;
  top: 0;
  transform: translateX(-50%);
  z-index: 1000;
  background-color: #2a2a2a;
  height: 4px;
  margin-top: 33px;
  transform: rotate(45deg);
  width: 4px;
}
.tab-menu{}
.tab-menu ul{
  text-align: center;
}
.tab-menu ul li {
  display: inline-block;
  height: inherit;
  line-height: 46px;
  margin-bottom: 36px;
  padding: 0 14px;
  position: relative;
  overflow: hidden;
}
.tab-menu ul li a{
  background: #fff none repeat scroll 0 0;
  border: 1px solid #eaeaea;
  font-size: 13px;
  line-height: 18px;
  padding: 11px 18px;
  text-transform: uppercase;
  color: #666;
  text-decoration: none;
}
.tab-menu ul li.active a,.tab-menu ul li a:hover {
  background-color: #171717;
  border-color: transparent;
  color: #fff;
}
.product-tab-area .single-product {
  margin-bottom: 31px;
  overflow: hidden;
}
.product-tab-area .single-product:hover .price,.product-tab-area .star-rating,.product-list-area .single-product:hover .price,.product-list-area .star-rating {
  height: inherit;
  opacity: 0;
  transform: scale(0);
}
.product-tab-area .price,.product-list-area .price {
  margin-top: -20px;
}
/*----------------------------------------*/
/* 15. Home-6 slider-and-search
/*----------------------------------------*/
.hm-6.slider-and-search {
  margin-bottom: 55px;
  margin-top: 40px;
  position: relative;
}
.hm-6 .search-area-pro {
  position: absolute;
  top: -32px;
  width: 100%;
  z-index: 999;
}
.hm-6 .search-area-pro .pro-search-area {
  margin-top: 0;
  padding: 0;
}
.hm-6.slider-and-search .pro-search-area form{
  padding: 10px;
}
/*----------------------------------------*/
/* 15.2 home-6 service-area
/*----------------------------------------*/
.hm-6.service-area-two{
  margin-bottom: 55px;
}
.hm-6.service-area-two .container {
  border-top: 0 none;
  padding-top: 0;
}
/*----------------------------------------*/
/* 15.3 home-6 popular-category-area
/*----------------------------------------*/
.popular-category-area{}
.popular-category-carosul{}
.single-category-product{}
.single-category-product a{}
.single-category-product .category-thumb{
  background-color: #e8e8e8;
  line-height: 0;
  overflow: hidden;
  position: relative;
  z-index: 5;
}
.single-category-product .category-thumb::after{
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.4s ease 0s;
  z-index: 2;
}
.single-category-product .category-title{
  background: transparent none repeat scroll 0 0;
  bottom: auto;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 60%;
  transform: translateY(-50%);
  transition: all 0.4s ease 0s;
  width: 100%;
}
.single-category-product .category-title h3 {
  color: #fff;
  font-size: 24px;
  text-transform: uppercase;
}
.single-category-product .category-title h3 small {
  color: #fff;
  display: block;
  font-size: 14px;
  margin-top: 10px;
}
.single-category-product:hover .category-thumb::after {
  opacity: 1;
}
.single-category-product:hover .category-title {
  opacity: 1;
  top: 50%;
  z-index: 9;
}
/*----------------------------------------*/
/* 16. Home-7 service-area
/*----------------------------------------*/
.hm-7.service-area.service-area {
  border-top: 1px solid #efefef;
  margin-bottom: 45px;
  padding-top: 55px;
}
.hm-7.service-area-two .container {
  border-top: 0 none;
  padding-top: 0;
}
/*----------------------------------------*/
/* 16.2 home-7 product-view-more-button
/*----------------------------------------*/
.view-more-link {
  margin-top: 35px;
  position: relative;
  text-align: center;
}
.view-more-link::before {
  border-top: 1px solid #f2f2f2;
  content: "";
  left: 0;
  position: absolute;
  top: 18px;
  width: 100%;
}
.view-more-link a {
  background-color: #fff;
  color: #9b9b9b;
  display: inline-block;
  position: relative;
  width: 95px;
}
.view-more-link a span {
  display: inline-block;
  font-size: 15px;
  height: 39px;
  line-height: 39px;
  position: relative;
  text-align: center;
  width: 39px;
}
.view-more-link a span::before, .view-more-link a span::after {
  border: 1px solid #ddd;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
  width: 100%;
}
.view-more-link a span::after {
  border-color: #e9e9e9;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
  width: 75%;
}
.view-more-link a span:hover{
  color: #fff;
}
.view-more-link a span:hover::before, .view-more-link a span:hover::after {
  border-color: #eaa24e;
}
.view-more-link a span:hover::after {
  background-color: #eaa24e;
}
.view-more-link a span i {
  position: relative;
  z-index: 2;
}
/*----------------------------------------*/
/* 17. Home-9 header-area
/*----------------------------------------*/
.hm-9.header-top-ber {
  background: #eaa24e none repeat scroll 0 0;
}
.hm-9 .top-menu ul li {
  border-color: #fff;
}
.hm-9.header-top-ber .header-menu-item-icon a{
  color: #fff;
}
.hm-9.header-top-ber .header-menu-item-icon a:hover,.hm-9 .top-menu ul li a:hover,.hm-9 .header-menu-item-icon a:hover span.cart-total{
  color: #2a2a2a;
}
.hm-9.header-top-ber .mini-cart ul li .cart-poro-details h2 a{
  color: #2a2a2a;
}
.hm-9.header-top-ber .mini-cart .buttons a {
  color: #747474;
}
.hm-9.header-top-ber .mini-cart .buttons a:hover{
  color: #fff;
}
.hm-9.header-top-ber .user-menu ul li a {
  color: #6b6b6b;
}
.hm-9 .mainmenu ul li .mega-menu {
  left: -690px;
}
.hm-9 .mainmenu ul {
  text-align: right;
}
.hm-9.slider-and-search {
  margin-top: 10px;
}
.hm-9 .color-2 .sl-heading h2, .hm-9 .color-2 .sub-title p, .hm-9 .color-2 a.sl-button {
  color: #fff;
}
.hm-9 .slider-three a.sl-button{
  border-color: #fff;
}
.hm-9 .nivo-caption a.sl-button:hover {
  border-color: #eaa24e;
}
/*----------------------------------------*/
/* 17.2 home-9 service-area
/*----------------------------------------*/
.hm-9.service-area{}
.hm-9.service-area .section-title{
  margin-bottom: 35px;
}
.hm-9.service-area .section-title {
  margin-bottom: 55px;
}
.hm-9.service-area .section-title.style-two h2{
  margin-bottom: 15px;
}
.hm-9.service-area .single-service {
  margin: 0 auto 50px;
}

.hm-9 .single-service:hover .ser-icon::after, .hm-9 .single-service:hover .ser-icon::before{
  border-color: #dddddd;
}
.hm-9 .single-service:hover .ser-icon::after{
  background-color: transparent;
}
.hm-9 .single-service:hover .ser-icon{
  color: #eaa24e;
}
/*----------------------------------------*/
/* 17.3 home-9 testimoal-area
/*----------------------------------------*/
.hm-9.testimoal-area {
  background-color: #f7f7f7;
  margin-bottom: 80px;
  margin-top: 20px;
  padding-bottom: 30px;
}
.author-img-area {
  display: block;
  margin-top: -40px;
  text-align: center;
}
.author-img-area .author-img {
  float: none;
  margin-right: 0;
  border: 5px solid #fff;
  display: inline-block;
  height: 70px;
  overflow: hidden;
  transform: translateY(90%) rotate(45deg);
  width: 70px;
}
.author-img-area .author-img img {
  border-radius: 0;
  transform: rotate(-45deg) translateY(-10%);
}
.hm-9 .test-message {
  background-color: #f8f8f8;
  margin: 165px auto 0;
  padding: 0 50px;
}
.hm-9 .single-testimonial {
  text-align: center;
}
.tes-title{
  position: absolute;
  top: 115px;
  width: 100%;
  font-size: 18px;
  text-align: center;
  color: #2a2a2a;
}
.hm-9 .owl-theme.wol-pagination-style .owl-pagination {
  left: 50%;
  margin-left: -20px;
  top: 47%;
}
/*----------------------------------------*/
/* 17.4 home-9 recent-work-area
/*----------------------------------------*/
.recent-work-area{}
.recent-work-menu{}
.recent-work-menu ul{
  text-align: center;
  margin-bottom: 30px;
}
.recent-work-menu ul li{
  margin: 0px 18px; 
  display: inline-block;
  color: #9e9e9e;
  font-size: 16px;
  text-transform: capitalize;
  cursor: pointer;
  border-bottom: 1px transparent;
}
.recent-work-menu ul li:hover,.recent-work-menu ul li.active{
  border-bottom: 1px solid #eaa24e;
  color: #eaa24e;
}
.recent-work-content{}
.recent-work-content .col-md-4,.recent-work-content .col-sm-4,.portfolio-content-area .recent-work-content .col-md-3,.portfolio-content-area .recent-work-content .col-sm-3,.portfolio-content-area .recent-work-content .col-md-6,.portfolio-content-area .recent-work-content .col-sm-6{
  padding-right: 0;
}
.single-work{
  position: relative;
  margin-bottom: 15px;
}
.work-image{
  position: relative;
  text-align: center;
}
.work-content{
  background-color: transparent;
  color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
  text-align: center;
}
.single-work:hover .work-content{
  background-color: #eaa24e;
  opacity: 1;
}
.work-content-inner{
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.work-content h5{
  font-size: 18px;
  margin-bottom: 7px;
  padding-top: 3px;
  text-transform: uppercase;
}
.work-content h5 a,.work-category a{
  color: #fff;
}
.work-content h5 a:hover{
  color: #131313;
}
.work-category{
  display: inline-block;
  margin-bottom: 5px;
  opacity: 0.8;
  transition: all 0.4s ease 0s;
}
.work-button{
  margin-top: 22px;
}
.work-button a{
  background-color: #131313;
  border-radius: 50%;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  margin: 0 7.5px;
  text-align: center;
  width: 40px;
  color: #fff;
}
.work-button a i{
  transition: all 0.15s ease 0s;
}
.work-button a:hover i{
  transform: scale(1.2);
}
.recent-work-content .mix{
  display: none;
}
/*----------------------------------------*/
/* 17.5 home-9 counter-area
/*----------------------------------------*/
.counter-area{
  background-image: url("img/counter_bg.jpg");
  margin-bottom: 78px;
  padding-bottom: 85px;
  padding-top: 115px;
}
.single-counter{}
.counter-icon{
  display: inline-block;
  height: 49px;
  line-height: 49px;
  margin-bottom: 14px;
  position: relative;
  text-align: center;
  width: 49px;
  background-color: transparent;
  border: medium none;
  color: #2a2a2a;
  font-size: 48px;
}
.counter-number {
  color: #585858;
  font-size: 44px;
  margin-bottom: 10px;
  padding-bottom: 5px;
  padding-top: 14px;
}
.counter{}
.counter-text{}
.counter-text p{
  color: #7e7e7e;
  font-size: 16px;
}
/*----------------------------------------*/
/* 17.6 home-9 footer-top-area
/*----------------------------------------*/
.hm-9.footer-top-area {
  background-color: #eaa24e;
  padding-bottom: 21px;
}
.hm-9 .footer-socials ul li a{
  color: #fff;
}
.hm-9 .news-letter-button a{
  color: #fff;
  border-color: #fff;
}
.hm-9 .news-letter-button a:hover{
  border-color: #2a2a2a;
}
/*----------------------------------------*/
/* 18. Shop page-header-area
/*----------------------------------------*/
.page-header-area{
  padding-bottom: 125px;
  padding-right: 0;
  padding-top: 125px;
  background-color: transparent;
  background-image: url("img/bg-pagetitle.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.page-header-area::before {
  background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-title{
  text-align: center;
}
.page-title h2 {
  color: #fff;
  font-family: Monda;
  font-size: 38px;
  font-style: normal;
  font-weight: normal;
  line-height: 20px;
  margin-bottom: 25px;
  text-transform: uppercase;
  transition: opacity 0.24s ease-in-out 0s;
}
.breadcrumb-area{
  border-bottom: 1px solid #ebebeb;
  margin-bottom: 70px;
  padding: 15px 0;
}
.breadcrumb-menu{}
.breadcrumb-menu ul{}
.breadcrumb-menu ul li {
  display: inline-block;
  font-size: 14px;
  color: #b3b3b3;
}
.breadcrumb-menu ul li span {
  color: #343434;
  padding-left: 5px;
}
.breadcrumb-menu ul li a{
  padding: 0 8px;
  color: #b3b3b3;
}
/*----------------------------------------*/
/* 18.2 shop sidebar-area
/*----------------------------------------*/
.filter-price{}
.slider-price{}
.slider-values{}
.slider-values input {
  border: 1px solid #ebebeb;
  color: #5f5f5f;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 100px;
}
.slider-values .button {
  background: #c4c4c4 none repeat scroll 0 0 padding-box;
  border-radius: 0;
  color: #fff;
  float: right;
  height: 30px;
  overflow: hidden;
  position: relative;
  text-indent: -9999px;
  transition: all 0.4s ease 0s;
  width: 30px;
  border: 0;
}
.slider-values .button::before {
  content: "";
  font-family: FontAwesome;
  font-size: 11px;
  left: 50%;
  position: absolute;
  text-indent: 0;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.slider-values .button:hover {
  background: #2a2a2a none repeat scroll 0 0;
}
.filter-price .ui-slider {
  background: #dddddd none repeat scroll 0 0;
  border-radius: 10px;
  box-shadow: 0 0 1px 0 rgba(16, 16, 16, 0.3) inset;
  margin-bottom: 15px;
  margin-right: 0;
  height: 0.5em;
  border:0;
}
.filter-price .ui-widget-header {
  background: #2f2f2f none repeat scroll 0 0;
}
.filter-price .ui-slider-handle {
  background-color: #fff;
  border: 2px solid #373737;
  border-radius: 50%;
  box-shadow: none !important;
  height: 15px;
  top: -5px;
  width: 15px;
  cursor: ew-resize;
}
.filter-price .ui-slider .ui-slider-handle:hover {
  background-color: #eaa24e;
}
.compare-area {
  margin: 38px 0;
}
.compare-product-list{}
.compare-product-list ul{}
.compare-product-list ul li{
  display: inline-block;
  list-style: outside none none;
  padding: 7px 0;
  width: 100%;
}
.compare-product-list ul li a{
  color: #747474;
  font-size: 13px;
  padding-left: 0;
  padding-right: 0;
}
.compare-product-list ul li a:hover{
  color: #eaa24e ;
}
.compare-product-list ul li a.c-title {
  display: inline-block;
  width: 90%;
}
.compare-product-list ul li a.c-remove {
  color: #eaa24e ;
  transition: all 0.4s ease 0s;
  float: right;
}
.compare-product-list ul li a.c-remove:hover{
  color: red;
}
.tag{}
.tag ul{}
.tag ul li{
  display: inline-block;
}
.tag ul li a{
  border: 1px solid #f0f0f0;
  color: #6b6b6b;
  display: block;
  font-size: 13px;
  line-height: normal;
  margin-bottom: 14px;
  margin-right: 12px;
  padding: 5px 12px 7px;
}
.tag ul li a:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
/*----------------------------------------*/
/* 18.3 shop main-content-area
/*----------------------------------------*/
.col-lg-20{
  float: left;
  width: 20%;
}
.col-lg-20 .action-button ul li a {
  padding: 0 1px;
}
.main-content-area{}
.toolbar{
  border-bottom: 1px solid #ebebeb;
  display: block;
  margin-bottom: 20px;
  overflow: hidden;
}
.view-mode{
  float: left;
  width: 25%;
}
.view-mode span{
  float: left;
  margin-right: 10px;
  line-height: 24px;
}
.view-mode ul {
  float: left;
}
.view-mode ul li{
  display: inline-block;
}
.view-mode ul li a{
  border: 1px solid #ebebeb;
  color: #bcbcbc;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  display: block;
}
.view-mode ul li a:hover,.view-mode ul li.active a{
  color: #2a2a2a;
}
.ordering-product{
  float: left;
  margin-left: 10%;
  width: 65%;
}
.sorter{
  float: left;
  line-height: 28px;
  width: 65%;
}
.sorter span{
  margin-right: 6px;
}
.sorter select,.limiter select {
  height: 30px;
  padding: 0 5px;
  width: inherit;
  margin-bottom: 10px;
}
.sorter select option{}
.limiter{
  text-align: right;
  width: 35%;
  float: left;
}
.limiter span{}
.product-list-area .single-product {
  margin-bottom: 45px;
}
.shop-bottom {
  border-top: 1px solid #f0f0f0;
  margin-top: 25px;
  padding-top: 30px;
  overflow: hidden;
}
.paginations {}
.paginations ul{
  text-align: right;
}
.paginations ul li{
  display: inline-block;
}
.paginations ul li + li {
  padding-left: 10px;
}
.paginations ul li a{
  background: transparent none repeat scroll 0 0;
  border: 1px solid #dcdcdc;
  border-radius: 50%;
  color: #5b5b5b;
  display: block;
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  padding: 0;
  text-align: center;
  width: 40px;
}
.paginations ul li a:hover,.paginations ul li a.current {
  background-color: #1a1a1a;
  border-color: #1a1a1a;
  color: #fff;
}
.single-list-product{
  margin-bottom: 30px;
  overflow: hidden;
}
.single-list-product .product-image{
  float: left;
  width: 270px;
}
.item-content-info{
  float: left;
  margin-left: 30px;
  min-height: 270px;
  position: relative;
  width: calc(100% - 300px);
}
.item-content-info h2{
  margin: 0;
}
.item-content-info h2 a {
  color: #363636;
  font-size: 16px;
  text-transform: uppercase;
}
.item-content-info h2 a:hover,.tagged_as a:hover {
  color: #eaa24e;
}
.ro-rate .star-rating{
  height: inherit;
  opacity: 1;
  transform: scale(1);
  color: #eaa24e;
  float: left;
}
.item-content-info .review-link{
  color: #a0a0a0;
  font-size: 13px;
  line-height: 22px;
  margin-left: 15px;
}
.item-content-info .price {
  margin-top: 6px;
}
.ro-rate {
  margin: 9px 0 5px;
}
.product-desc{
  margin: 10px 0 20px;
}
.product-button {
  margin-top: 60px;
}
.product-button ul{}
.product-button ul li{display: inline-block;}
.product-button ul li a {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #e6e6e6;
  color: #2a2a2a;
  display: block;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  letter-spacing: -0.005em;
  line-height: 40px;
  margin-right: 13px;
  padding: 0 15px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  text-decoration: none;
}
.product-button ul li a.curt-button{
  padding: 0 25px 0 35px;
}
.product-button ul li a.curt-button::before {
  color: #2a2a2a;
  content: "";
  font-family: FontAwesome;
  font-size: 12px;
  left: 18px;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: all 0.4s ease 0s;
}
.product-button ul li a:hover,.product-option .product-button ul li a.curt-button{
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.product-button ul li a.curt-button:hover::before,.product-option .product-button ul li a.curt-button::before{
  color: #fff;
}
/*----------------------------------------*/
/* 19. Single-product
/*----------------------------------------*/
.sidebar-area .banner-area{
  margin-bottom: 38px;
}
.product-view-area .item-content-info{
  width: 100%;
  margin: 0;
}
.bx-wrapper {
  margin: 15px auto 0;
  position: relative;
}
.single-zoom-thumb:hover .bx-wrapper .bx-controls-direction a{
  opacity: 1;
}
.single-zoom-thumb .bx-wrapper .bx-controls-direction a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
  color: #d7d7d7;
  font-size: 0;
  height: 22px;
  left: 0;
  line-height: 20px;
  margin-top: -15px;
  opacity: 1;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 22px;
  opacity: 0;
}
.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next {
  left: auto;
  right: 0;
}
.single-zoom-thumb .bx-wrapper .bx-controls-direction a.bx-next::before {
  content: "";
}
.bx-controls-direction a.bx-next::before, .bx-controls-direction a.bx-prev::before {
  content: "";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 16px;
}
.single-zoom-thumb .bx-wrapper .bx-controls-direction a:hover{
  background: #eaa24e;
  color: #fff;
  border-color: #eaa24e;
}
.product-option{}
.product-option table {
  border: 0 none;
  margin-bottom: 1em;
  width: 100%;
}
.product-option td.label-text {
  padding: 0px 12px 0 0;
}
.product-option td.value {
  padding-top: 0;
  position: relative;
  width: 85%;
}
.product-option td.value::before {
  content: "";
  font-family: FontAwesome;
  position: absolute;
  right: 20px;
  top: 8px;
  z-index: 1;
}
.product-option td label,.quantity-inc label{
  color: #515151;
  font-size: 13px;
  font-weight: normal;
}
.product-option td span,.quantity-inc label span,.product-option td.value .reset_variations:hover{
  color: #eaa24e;
}
.product-option td select{
  -moz-appearance: none;
  margin-bottom: 12px;
  padding: 0 10px;
  position: relative;
  height: 35px;
  border: 1px solid #eaeaea;
  transition: all 0.4s ease 0s;
  width: 100%;
  color: #777;
}
.product-option td select option{}
.product-option td.value .reset_variations {
  bottom: -12px;
  left: 0;
  position: absolute;
  color: #444;
}
.select-price {
  color: #515151;
  font-size: 13px;
  font-weight: 700;
  line-height: 25px;
  width: 85%;
  float: right;
}
.quantity-inc {
  border-top: 1px dotted #b1b1b1;
  display: block;
  margin-bottom: 8px;
  overflow: hidden;
  padding-top: 25px;
  width: 100%;
}
.numbers-row {
  display: inline-block;
  float: right;
  width: 85%;
}
.product-option .numbers-row >input{
  font-size: 15px;
  height: 35px;
  padding: 0;
  width: 50%;
}
.product-option .numbers-row span {
  background-color: #f9f9f9;
  border: 1px solid #ececec;
  color: #969696;
  cursor: pointer;
  display: block;
  font-size: 24px;
  height: 35px;
  line-height: 30px;
  text-align: center;
  width: 25%;
  float: left;
}
.product-option .product-button {
  margin-top: 25px;
}
.product-option .product-button ul li a.curt-button:hover{
  background: #eaa24e;
  border-color: #eaa24e;
}
.product-over-view-tab {
  margin-top: 50px;
}
.prod-tab-menu{}
.prod-tab-menu ul{}
.prod-tab-menu ul li{
  display: inline-block;
  padding: 0 1em;
}
.prod-tab-menu ul li.active {
  background-color: #eaa24e;
}
.prod-tab-menu ul li.active a{
  color: #fff;
}
.prod-tab-menu ul li a {
  color: #515151;
  display: block;
  font-size: 16px;
  padding: 0.5em 0;
  text-decoration: none;
  text-transform: uppercase;
}
.product-over-view-tab .tab-pane {
  background-clip: padding-box;
  border: 1px solid #ececec;
  border-radius: 0;
  padding: 30px 25px 20px;
}
.product-over-view-tab .tab-pane h2{
  color: #333;
  font-family: Monda;
  font-size: 25px;
  font-style: normal;
  font-weight: normal;
  line-height: 30px;
  margin-bottom: 25px;
}
.product-over-view-tab .tab-pane p{
  margin-bottom: 25px;
}
.related-product-area {
  margin-top: 50px;
}
table.shop-attributes {
  border-color: rgba(0, 0, 0, 0.1);
  border-style: dotted none none;
  border-width: 1px 0 0;
  margin-bottom: 1.618em;
  width: 100%;
}
table.shop-attributes th {
  font-weight: 700;
  padding: 8px;
  width: 150px;
}
table.shop-attributes,table.shop-attributes th,table.shop-attributes td {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
table.shop-attributes td, table.shop-attributes th {
  border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
  border-top: 0 none;
  line-height: 1.5;
  margin: 0;
}
table.shop-attributes td {
  padding-left: 15px;
}
.tagged_as > a {
  color: #444;
}
.review-area {
  padding-left: 40px;
}
.single-review{
  margin: 0 0 20px;
}
.single-review img{
  background: #ebe9eb none repeat scroll 0 0;
  border: 1px solid #e4e1e3;
  float: left;
  height: auto;
  width: 32px;
}
.comment-text{
  border: 1px solid #e4e1e3;
  border-radius: 4px;
  margin: 0 0 0 50px;
  padding: 1em 1em 0;
}
.meta-rating-area{
  overflow: hidden;
  display: block;
  margin: 0 0 1em;
}
.meta-area {
  font-size: 12px;
  float: left;
}
.user-rating {
  color: #eaa24e;
  float: right;
}
.description{}
.review-form-area h3 {
  margin: 0;
}
.review-form-area form{}
.product-over-view-tab .tab-pane .review-form-area form p{
  margin: 0 0 10px;
}
.product-over-view-tab .tab-pane .review-form-area form p.comment-form-rating{
  margin: 20px 0
}
.comment-form-rating{}
.comment-form-rating label{
  margin-bottom: 0;
}
.comment-form-rating span{
  display: block;
  color: #dadada;
}
.review-form-area form p label {
  color: #5f5f5f;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 8px;
}
.required{
  color: #eaa24e;
}
.product-over-view-tab .tab-pane .review-form-area form p textarea {
  height: 75px;
}
.product-over-view-tab .review-form-area form p input[type="submit"] {
  background-clip: padding-box;
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #2a2a2a;
  display: inline-block;
  height: 40px;
  line-height: 39px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 170px;
  font-weight: 700;
}
.product-over-view-tab .review-form-area form p input[type="submit"]:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
/*----------------------------------------*/
/* 20. Shopping cart
/*----------------------------------------*/
table.cart-table,table.cart-table th,table.cart-table td,table.wishlist-table,table.wishlist-table th,table.wishlist-table td{
  border: 1px solid rgba(0, 0, 0, 0.1);
}
table.cart-table,table.wishlist-table {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-collapse: separate;
  border-radius: 0px;
  margin: 0 -1px 24px 0;
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  border-width: 1px 0 0 1px;
}
table.cart-table thead tr th {
  border-width: 0 1px 1px 0;
  font-size: 15px;
  font-weight: normal;
  height: 60px;
  text-transform: uppercase;
  vertical-align: middle;
  padding: 9px 12px;
  color: #333;
  text-align: center;
}
table.cart-table tbody tr td{
  padding: 27px 0 22px 30px;
  border-width: 0 1px 1px 0;
  font-weight: 400;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}
.cart-image {
  display: inline-block;
  float: left;
}
.cart-details{
  float: left;
  padding-left: 20px;
  padding-top: 20px;
}
.cart-details a {
  color: #5d5d5d;
  display: block;
  font-size: 15px;
  margin-bottom: 9px;
}
.cart-details a:hover{
  color: #eaa24e;
}
.qty{
  display: block;
  text-align: center;
}
table.cart-table tbody tr td input {
  border: 1px solid #d3d3d3;
  color: #777;
  padding: 5px 10px;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 90px;
}
table.cart-table tbody tr td .remove {
  background: #dfdfdf none repeat scroll 0 0 padding-box;
  border-radius: 50%;
  display: inline-block;
  font-size: 8px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  width: 17px;
  color: #333;
}
table.cart-table tbody tr td .remove:hover {
  color: #ec4445;
}
table.cart-table tbody tr td span,table.wishlist-table tr td span.price {
  color: #969696;
  font-size: 14px;
  letter-spacing: 0;
}
table.cart-table tbody tr td span.cart-total-price {
  color: #4e4e4e;
}
table.cart-table tbody tr td.actions input {
  background-color: #444444;
  border: 0 none;
  border-radius: 0;
  color: #ffffff;
  display: block;
  overflow: hidden;
  padding: 7px 40px;
  text-transform: uppercase;
  width: inherit;
  margin-right: 30px;
  float: right;
  opacity: 0.5;
}
table.cart-table tbody tr td.actions input:hover{
  cursor: not-allowed;
  background-color: #eaa24e;
}
.shipping-content{
  border: 1px solid #efefef;
  display: block;
  width: 100%;
  margin-bottom: 30px;
  overflow: hidden;
}
.sh-tab-menu {
  float: left;
  margin: 15px 0 0;
  padding: 0;
  width: 35%;
}
.shipping-content .tab-content {
  border-left: 1px solid #efefef;
  float: left;
  min-height: 220px;
  padding: 15px 40px;
  width: 65%;
}
.shipping-content label{
  font-weight: normal;
}
.shipping-content .form-field-area p{
  overflow: hidden;
}
.shipping-content .form-field-area p label {
  color: #666666;
  float: left;
  font-size: 12px;
  font-weight: normal;
  width: 135px;
}
.shipping-content .form-field-area p select,.shipping-content .form-field-area p input[type="text"] {
  float: left;
  min-width: 110px;
  width: calc(100% - 135px);
}

.shipping-content .form-field-area p button[type="submit"],.coupon input[type="submit"]{
  background-color: transparent;
  border: 1px solid #c5c5c5;
  border-radius: 0;
  color: #474747;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  height: 32px;
  line-height: 32px;
  outline: medium none;
  padding: 0 22px;
  text-align: center;
  text-transform: uppercase;
  margin-left: 138px;
  transition:all 0.3s ease 0s;
}
.shipping-content .form-field-area p button[type="submit"]:hover,.coupon input[type="submit"]:hover,.proceed-to-checkout a:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
.sh-tab-menu ul li{
  background: #fdfdfd none repeat scroll 0 0;
  border-top: 1px solid #efefef;
  display: block;
}
.sh-tab-menu ul li:last-child {
  border-bottom: 1px solid #efefef;
}
.sh-tab-menu ul li a {
  color: #676767;
  display: block;
  font-size: 12px;
  outline: medium none;
  padding: 11px 20px;
  text-transform: uppercase;
  text-decoration: none;
}
.sh-tab-menu ul li.active a {
  background: #eaa24e none repeat scroll 0 0;
  color: #fff;
}
.coupon input[type="submit"]{
  margin-left: 0;
}
.coupon input[type="text"]{
  height: 26px;
}
.proceed-to-checkout {
  overflow: hidden;
  padding: 20px 0;
}
.proceed-to-checkout a{
  background-color: transparent;
  border: 1px solid #dcdcdc;
  border-radius: 0;
  color: #525252;
  display: block;
  font-weight: normal;
  height: 40px;
  line-height: 39px;
  outline: medium none;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  max-width: 180px;
  width: 46%;
  float: left;
}
.proceed-to-checkout a.confirm-or {
  float: right ;
}
.cart-total-table table {
  border-color: #c5c5c5 #c5c5c5;
  border-radius: 2px;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  text-transform: uppercase;
  width: 100%;
}
.cart-total-table table tr th {
  color: #363636;
  font-size: 16px;
  font-weight: normal;
  text-transform: uppercase;
  text-align: right;
  padding-bottom: 15px;
  padding-top: 25px;
  width: 40%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-total-table table tr td{
  padding-left: 60px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.cart-total-table table .cart-subtotal td,.cart-total-table table .order-total td {
  color: #363636;
  font-size: 18px;
  font-weight: normal;
}
.cart-total-table table tr.order-total th {
  color: #2a2a2a;
  font-size: 24px;
}
/*----------------------------------------*/
/* 21. Wishlist
/*----------------------------------------*/
table.wishlist-table{}
table.wishlist-table thead th {
  font-size: 14px;
  line-height: 24px;
  padding: 16px 12px;
  text-transform: uppercase;
}
table.wishlist-table tr td.product-img a {
  border: medium none;
  display: block;
  max-width: 80px;
}
table.wishlist-table tr td {
  padding: 16px 12px;
  text-align: center;
}
table.wishlist-table tr td.product-name {
  font-size: 16px;
  text-align: left;
  text-transform: uppercase;
}
table.wishlist-table tr td.product-name a{
  color: #474747;
}
table.wishlist-table tr td.product-name a.button {
  background: #ffffff none repeat scroll 0 0 padding-box;
  border: 1px solid #ebebeb;
  border-radius: 0;
  color: #474747;
  float: right;
  font-size: 13px;
  padding: 3px 15px;
}
table.wishlist-table tr td.product-name a.button:hover{
  background: #eaa24e;
  color: #fff;
}
table.wishlist-table tr td span.instk{
  color: #297e29;
}
table.wishlist-table tr td.cart-button a{
  background-clip: padding-box;
  background-color: #eaa24e;
  border-radius: 0;
  color: #fff;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  margin-right: 5px;
  padding: 0 35px;
  text-align: center;
  text-transform: uppercase;
}
table.wishlist-table tr td.cart-button a:hover {
  background: #393939 none repeat scroll 0 0;
}
table.wishlist-table tr td a.remove {
  color: red;
  font-size: 24px;
}
.wishlist-title > h2 {
  color: #333;
  font-size: 25px;
  margin-bottom: 30px;
}
/*=========================== 
22. Checkout page
============================= */
.coupon-area{}
.coupon-accordion{}
.coupon-accordion h3 {
  background-color: #f7f6f7;
  border-top: 3px solid #eaa24e;
  color: #515151;
  font-size: 13px;
  font-weight: 400;
  list-style: outside none none;
  margin: 0 0 2em;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}
.coupon-accordion h3::before {
  color: #1e85be;
  content: "";
  display: inline-block;
  font-family: fontawesome;
  left: 1.5em;
  position: absolute;
  top: 1em;
}
.coupon-accordion span {
  cursor: pointer;color: #222;
}
.coupon-accordion span:hover,p.lost-password a:hover{color: #eaa24e;}
.coupon-content {
  border: 1px solid #e5e5e5;
  display: none;
  margin-bottom: 20px;
  padding: 20px;
}
.coupon-info{}
.coupon-info p.coupon-text {
  color: #6a6a6a;
  margin-bottom: 15px;
}
.coupon-info p{margin-bottom:0}
.coupon-info p.form-row-first {
  float: left;
  width: 47%;
}
.coupon-info p.form-row-first label,.coupon-info p.form-row-last label{display: block;color:#6a6a6a;}
.coupon-info p.form-row-first label span.required,.coupon-info p.form-row-last label span.required{
color: red;
font-weight: 700;}
.coupon-info p.form-row-first input,.coupon-info p.form-row-last input{border: 1px solid #e5e5e5;
height: 36px;
margin: 0 0 14px;
max-width: 100%;
padding: 0 0 0 10px;
width: 100%;}
.coupon-info p.form-row-last {
  float: right;
  width: 47%;
}
p.checkout-coupon input[type="submit"]:hover{background:#EC4445 }
.coupon-info p.form-row input[type="submit"], .coupon-info p.form-row-last input[type=submit] {
  background: #444 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  box-shadow: none;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 5px 39px;
  transition: all 0.3s ease 0s;
}
.coupon-info p.form-row input[type="submit"]:hover,.coupon-info p.form-row-last input[type=submit]:hover{
  background: #eaa24e none repeat scroll 0 0;
  border-color: #eaa24e;
  color: #fff;
}
.coupon-info p.form-row input[type="checkbox"] {
  position: relative;
  top: 2px;
  margin: 0 3px 0 15px;
}
.form-row > label {
  color: #6a6a6a;
  margin-top: 7px;
}
p.lost-password{
margin-top: 15px;}
p.lost-password a{color: #6f6f6f;}
.coupon-info form {
  border: 1px solid #d3ced2;
  border-radius: 5px;
  margin: 2em 0;
  padding: 20px;
  text-align: left;
  overflow: hidden;
}
.coupon-info p.form-row-first{}
.coupon-info p.form-row-last input[type=submit]{
  width:inherit;
}
.coupon-checkout-content {
  margin-bottom: 30px;
  display:none;
}
.checkout-area{}
.checkbox-form{}
.checkbox-form h3 {
  border-bottom: 1px solid #e5e5e5;
  color: #272727;
  font-size: 18px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  text-transform: none;
  width: 100%;
}
.country-select{margin-bottom: 30px;
position: relative;}
.country-select label,.checkout-form-list label{
  color: #333;
  margin: 0 0 5px;
  display:block
}
.country-select label span.required,.checkout-form-list label span.required{color:red}
.country-select select{
  -moz-appearance: none;
  border: 1px solid #ddd;
  height: 32px;
  padding-left: 10px;
  width: 100%;
}
.country-select::before {
  content: "";
  display: inline-block;
  font-family: fontawesome;
  font-size: 20px;
  position: absolute;
  right: 12px;
  top: 31px;
}
.checkout-form-list{margin-bottom: 30px;}
.checkout-form-list label{color: #4c4c4c;}
.checkout-form-list label span.required{}
.checkout-form-list input[type=text],.checkout-form-list input[type=password],.checkout-form-list input[type=email]{background: #fff none repeat scroll 0 0;
border: 1px solid #e5e5e5;
border-radius: 0;
height: 36px;
width: 100%;
padding: 0 0 0 10px;}
.checkout-form-list{}
.checkout-form-list input[type=checkbox]{display: inline-block;
margin-right: 10px;
position: relative;
top: 2px;}
.create-acc label {
  color: #333;
  display: inline-block;
}
.checkout-form-list input[type=password]{}
.create-account{display:none}
.ship-different-title{}
.ship-different-title h3 label{display: inline-block;
margin-right: 20px;}
.ship-different-title input{}
.order-notes{}
.order-notes textarea{height: 90px;
padding: 15px;width:100%}
#ship-box-info{display:none}

.your-order{background: #f2f2f2 none repeat scroll 0 0;
padding: 30px 40px 45px;}
.your-order h3{border-bottom: 1px solid #d8d8d8;
font-size: 30px;
margin: 0 0 20px;
padding-bottom: 10px;
text-transform: uppercase;
width: 100%;}
.your-order-table table{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
width: 100%;}
.your-order-table table tr.cart-subtotal th,.your-order-table table tr.shipping th{
  font-size: 14px;
  color: #222;
  font-weight: 700;
}
.your-order-table table tr.cart-subtotal td span.amount{
  font-size: 14px;
  color: #222;
  font-weight: 700;
}
.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid #d8d8d8;
  border-right: medium none;
  color: #222;
  font-size: 13px;
  padding: 15px 0;
}
.your-order-table table th{border-top: medium none;
font-weight: normal;
vertical-align: middle;
white-space: nowrap;
width: 250px;}
.your-order-table table .shipping ul li input{position: relative;
top: 2px;}
.your-order-table table .shipping  th{vertical-align: top;}
.your-order-table table .order-total th{border-bottom: medium none;
font-size: 18px;}
.your-order-table table .order-total td{border-bottom: medium none;}
.your-order-table table tr.cart_item:hover{background:#F9F9F9}
.your-order-table table tr.order-total td span {
  color: #747474;
  font-size: 18px;
}
.your-order-table table{}
.payment-method {
  margin-top: 40px;
}
.payment-accordion{}
.payment-accordion h3{border-bottom: 0 none;
margin-bottom: 10px;
padding-bottom: 0;}
.payment-accordion h3 a{color: #6f6f6f;
font-size: 14px;
padding-left: 25px;
position: relative;
text-transform: capitalize;text-decoration:none}
.payment-accordion h3 a:before,.payment-accordion h3.open a:after{content: "";
display: inline-block;
font-family: fontawesome;
font-size: 20px;
left: 0;
position: absolute;
top: -2px;}
.payment-accordion h3.open a:after{content: "\f056";}
.payment-content{}
.payment-content p{font-size: 13px;}
.payment-accordion img {
  height: 60px;
  margin-left: 15px;
}
.order-button-payment{}
.order-button-payment input {
  background: #444444 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  margin: 20px 0 0;
  padding: 10px 40px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.order-button-payment input:hover{background:#eaa24e}
/*=========================== 
23. Login-register page
============================= */
.login-register-area{}
.login-register-area .form-title{
  border-bottom: 1px solid #f0f0f0;
  color: #525151;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 20px;
  padding-bottom: 15px;
  text-transform: uppercase;
}
.login-register-area .sub-form-title{
  color: #666666;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 20px;
}
.login-form-area,.registration-form{
  max-width: 500px;
}
.social-login{
  margin-bottom: 30px;
}
.login-form-area form p {
  margin-bottom: 30px;
}
.login-form-area form p label,.registration-form form p label{
  color: #666666;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
}
.login-form-area form p label::after,.registration-form form p label::after {
  color: #eaa24e;
  content: "*";
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
}
.social-login a{
  color: #ffffff;
  display: inline-block;
  font-size: 15px;
  min-width: 220px;
  padding: 12px 30px;
  text-align: center;
}
.social-login a:hover,.login-form-area > form .forgot-password:hover {
  opacity: 0.7;
}
.social-login a i {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.social-login a.facebook-login{
  background: #3d5c98 none repeat scroll 0 0;
}
.social-login a.twitter-login{
  background: #22aadf none repeat scroll 0 0;
  float: right;
}
.login-form-area > form > p.login-remember > label > input {
  margin: 0 10px 0 0;
}
.login-form-area > form .forgot-password {
  color: #eaa24e;
  float: right;
  font-size: 14px;
  font-weight: 400;
}
.login-form-area > form > p.login-submit > input,.registration-form > form > p.submit > input,.comment-form-area form p input[type="submit"],.form-submit input[type="submit"] {
  background-clip: padding-box;
  background-color: transparent;
  border: 1px solid #ebebeb;
  color: #2a2a2a;
  display: inline-block;
  height: 40px;
  line-height: 39px;
  margin-top: 5px;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 170px;
  transition: all 0.3s ease 0s;
}
.login-form-area > form > p.login-submit > input:hover,.registration-form > form > p.submit > input:hover,.comment-form-area form p input[type="submit"]:hover,.form-submit input[type="submit"]:hover{
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
.registration-info {
  margin-top: 35px;
}
.registration-info h5{
  color: #525151;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 30px;
  text-transform: uppercase;
}
.registration-info ul{}
.registration-info ul li{
  color: #8b8b8b;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.registration-info ul li::before {
  color: #eaa24e;
  content: "";
  display: inline-block;
  font-family: FontAwesome;
  font-size: 14px;
  margin-right: 10px;
  vertical-align: middle;
}
/*=========================== 
24. My-account page
============================= */
.heading-title {
  font-size: 18px;
}
.btn.btn-default.button.button-small {
  background: #444 none repeat scroll 0 0;
  border: 0 none;
  border-radius: 0;
  color: #fff;
  margin-top: 15px;
}
.btn.btn-default.button.button-small:hover{
  background: #eaa24e;
}
.addresses-lists .panel-default a:hover{
  color: #eaa24e;
}
/*=========================== 
25. Blog-left-sidebar page
============================= */
.blog-sidebar-content{}
.sidebar-area{}
.popular-post-area{}
.popular-post {
  margin-bottom: 38px;
}
.single-popular-post{
  border-bottom: 1px solid #f0f0f0;
  display: block;
  padding: 15px 0;
  overflow: hidden;
}
.single-popular-post:last-child {
  border-bottom: medium none;
}
.single-popular-post .post-image{
  float: left;
  width: 40%;
}
.popular-post-details{
  font-size: 13px;
  line-height: 22px;
  padding-left: 15px;
  padding-top: 15px;
  width: 60%;
  float: left;
}
.popular-post-details h3{
  font-size: 13px;
  line-height: 22px;
  margin-bottom: 10px;
}
.popular-post-details h3 a{
  color: #747474;
}
.popular-post-details h3 a:hover{
  color: #eaa24e;
}
.popular-post-date{
  color: #9e9e9e;
}
.blog-sidebar-content .sideber-menu ul li a {
  color: #747474;
  display: inline-block;
}
.blog-sidebar-content .sideber-menu ul li a:hover {
  color: #eaa24e;
}
.blog-sidebar-content .sideber-menu ul li.com-admin{
  text-transform: capitalize;
}
.blog-sidebar-content .blog-info span.comments-number {
  float: none;
  margin-right: 20px;
}
.blog-post-content-area {
  padding-left: 130px;
}
.blog-post-content-area .single-blog {
  margin-bottom: 50px;
  position: relative;
}
.blog-post-content-area .title-desc {
  text-align: left;
}
.blog-post-content-area .blog-date {
  font-size: 14px;
  height: 63px;
  left: -86px;
  line-height: 63px;
  margin-top: 14px;
  top: 0;;
}
.blog-post-content-area .blog-date::before,.blog-post-content-area .blog-date::after {
  border-color:#7e7e7e;
}
.blog-post-content-area .blog-date::after {
  height: 84%;
  left: 8%;
  top: 8%;
  width: 84%;
}
.blog-post-content-area .blog-date a .month-date{
  font-weight: 700;
}
.blog-post-content-area .blog-date:hover::before,.blog-post-content-area .blog-date:hover::after{
  border-color: #eaa24e;
}
.blog-post-content-area .blog-date:hover::after{
  background-color: #eaa24e;
}
.blog-post-content-area .blog-date:hover a .month-date{
  color: #333;
}
.blog-post-content-area .blog-info {
  border-bottom: 1px dashed #f1f0f0;
  padding-bottom: 10px;
  margin-top: 10px;
}
.blog-post-content-area a.readmore {
  color: #eaa24e;
  display: inline-block;
  font-style: italic;
  margin-left: 10px;
  transition: all 0.4s ease 0s;
}
.blog-post-content-area a.readmore:hover {
  color: #3f3f3f;
  padding-left: 5px;
}
/*=========================== 
26. Blog-right-sidebar page
============================= */
.blog-post-content-area.blog-right a.readmore {
  border: 1px solid #dcdcdc;
  color: #515151;
  display: block;
  font-style: normal;
  height: 40px;
  line-height: 37px;
  margin-left: 0;
  margin-top: 26px;
  max-width: 130px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.blog-post-content-area.blog-right a.readmore:hover {
  background-color: #2a2a2a;
  color: #fff;
}
.blog-item-area .single-blog {
  margin-bottom: 50px;
}
.culumn-blog .blog-info span.comments-number,.blog-item-area .blog-info span.comments-number {
  float: right;
  margin-right: 0;
}
/*=========================== 
27. Blog-details page
============================= */
.blog-post-content-area.blog-details .title-desc h4{
  color: #4e4e4e;
  font-size: 18px;
  line-height: 24px;
  margin: 5px 0 15px;
  text-transform: uppercase;
}
.blog-post-content-area.blog-details .blog-info span a:hover,.shere-button-area .nav-button a:hover{
  color: #eaa24e;
}
.blog-post-content-area.blog-details .blog-date:hover a .month-date {
  color: #fff;
}
.blog-post-content-area.blog-details .single-blog:hover .blog-image img {
  opacity: 1;
  transform: scale(1);
}
.shere-button-area {
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  margin-bottom: 70px;
  margin-top: 70px;
  overflow: hidden;
  padding: 25px 0;
  text-transform: uppercase;
}
.tb-blog .navigation {

}
.shere-button-area .nav-button{}
.shere-button-area .nav-button.pull-right {
  margin-top: -23px;
}
.shere-button-area .nav-button a {
  color: #a8a8a8;
  display: inline-block;
  font-size: 15px;
  font-weight: 300;
}
.shere-button-area .nav-button a i {
  margin-right: 10px;
}
.shere-button-area .nav-button.pull-right a i {
  margin-right: 0px;
  margin-left: 10px;
}
.shere-post{display: block;text-align: center;}
.shere-post span {
  display: inline-block;
}
.shere-post ul {
  display: inline-block;
  list-style: outside none none;
  margin: 0 0 0 10px;
  padding: 0;
}
.shere-post ul li{display: inline-block;}
.shere-post ul li a{
  height: 25px;
  line-height: 25px;
  text-align: center;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  color: #999;
}
.shere-post ul li a::after {
  border: 1px solid;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transform: scale(0.7);
  transition: all 0.2s ease 0s;
  width: 100%;
}
.shere-post ul li:nth-child(1) a:hover{
  color: #1ab2e8;
}
.shere-post ul li:nth-child(2) a:hover{
  color: #3b5998;
}
.shere-post ul li:nth-child(3) a:hover{
  color: #d84734;
}
.shere-post ul li a:hover::after {
  opacity: 1;
  transform: scale(1);
}
.comment-form-area p label {
  color: #5f5f5f;
  font-size: 13px;
  font-weight: normal;
  margin-bottom: 8px;
}
/*==========================================
28. Portfolio-with-pagination-no-filter page
========================================== */
.no-filter .single-work {
  margin-bottom: 55px;
  position: relative;
}
.no-filter .work-content {
  margin-top: 20px;
  opacity: 1;
  position: relative;
}
.no-filter .work-content-inner {
  position: relative;
  transform: translateY(0%);
}
.no-filter .work-content h5 a,.no-filter .work-category a {
  color: #272727;
}
.no-filter .single-work:hover .work-content {
  background-color: transparent;
}
.no-filter .work-content h5 a:hover,.no-filter .work-category a:hover{
  color: #eaa24e;
}
.no-filter .paginations ul {
  text-align: center;
}
.no-filter .paginations {
  margin-top: 50px;
}
.no-filter .work-image{
  overflow: hidden;
}
.no-filter .work-image img {
  display: block;
  transition: all 0.4s ease 0s;
}
.no-filter .work-image:hover img {
  transform: scale(1.2);
}
/*==========================================
29. Portfolio-details page
========================================== */
.portfolio-details-image {
  margin-bottom: 50px;
}
.portfolio-details-content .shere-button-area .nav-button.pull-right {
  margin-top: 0;
}
.portfolio-details-content .portfolio-info h3{
  color: #2a2a2a;
  font-size: 22px;
  margin: 0 0 22px;
  text-transform: uppercase;
}
.port-sideber-menu{}
.port-sideber-menu ul{}
.port-sideber-menu ul li{
  border-bottom: 1px solid #e0e0e0;
  padding: 9px 0 8px;
}
.port-sideber-menu ul li > span {
  color: #333;
  margin-right: 11px;
}
.port-sideber-menu ul li a{
  color: #999;
}
.port-sideber-menu ul li a:hover,.port-sideber-menu ul li .blog-info span a:hover small{
  color: #eaa24e;
}
.port-sideber-menu ul li:first-child{
  border-top: 1px solid #e0e0e0;
}
.port-sideber-menu ul li .blog-info {
  margin-top: 0;
}
.port-sideber-menu ul li .shere-post span{
  text-transform: uppercase;
}
.port-sideber-menu ul li .shere-post {
  text-align: left;
}
.port-sideber-menu ul li .shere-post ul li {
  border: 0 none;
  padding: 0;
}
/*==========================================
30. Contact page
========================================== */
.contact-form{
  margin-top: 30px;
}
.contact-form form input,.contact-form form textarea{
  padding: 3px 15px;
}
.contact-map{}
#googleMap{
  position: relative;
}
.contact-map .contact-info{
  background-color: #fff;
  left: 30px;
  max-width: 340px;
  padding: 40px 28px 28px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.form-submit input[type="submit"]{
  border-color: #eaa24e;
  float: right;
}
/*==========================================
31. About-us page
========================================== */
.about-team-area {
  margin-bottom: 30px;
  margin-top: 100px;
}
.about-team-area .section-title h2,.about-us-content-area .section-title h2{
  font-size: 24px;
}
.about-team{
  text-align: center;
}
.about-single-team{}
.tam-image{}
.team-info{
  margin: 20px 0 8px;
}
.team-info h5{
  font-size: 14px;
  margin-bottom: 4px;
}
.team-info h5 a{
  color: #272727;
}
.team-info span{
  color: #747474;
}
.team-social{}
.team-social ul{}
.team-social ul li{
  display: inline-block;
}
.team-social ul li a{
  color: #dadada;
  font-size: 16px;
  margin-right: 18px;
}
.team-social ul li a:hover,.team-info h5 a:hover{
  color: #eaa24e;
}
/*==========================================
32. 404 page
========================================== */
.error-content-area {
  background-image: url("img/404bg.jpg");
  background-size: cover;
  font-size: 24px;
  line-height: 22px;
  text-align: center;
  position: relative;
}
.error-content-area::before {
  background: #000 none repeat scroll 0 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.error-content-area .logo-area {
  margin: 160px 0 90px;
}
.error-text {}
.error-text h2{
  color: #ffffff;
  font-size: 250px;
   margin-bottom: 50px;
}
.error-text h3{
  color: #ffffff;
  font-size: 36px;
  margin-bottom: 20px;
}
.return-home p{
  font-size: 24px;
  color: #fff;
}

.return-home p a{
  background-clip: padding-box;
  background-color: transparent;
  border: 1px solid #ebebeb;
  border-radius: 0;
  display: inline-block;
  height: 40px;
  line-height: 39px;
  margin-top: 5px;
  outline: medium none;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 170px;
  color: #ffffff;
  margin-left: 27px;
  font-size: 18px;
}
.return-home p a:hover {
  background-color: #2a2a2a;
  border-color: #2a2a2a;
  color: #fff;
}
.error-content-area .subscribe-form {
  margin: 80px auto 180px;
  max-width: 472px;
  overflow: hidden;
  width: 80%;
}
.error-content-area .subscribe-form form input[type="text"]{
  color: #333;
  font-size: 14px;
  height: 47px;
  line-height: 35px;
  padding-left: 15px;
  border-right: 0 none;
  float: left;
  padding-right: 12px;
  width: calc(100% - 80px);
}
.error-content-area .subscribe-form form input[type="submit"] {
  background-color: #eaa24e;
  border: 0 none;
  color: #fff;
  float: left;
  font-size: 18px;
  height: 47px;
  line-height: 27px;
  margin: 0;
  text-transform: uppercase;
  width: 80px;
}
.err-bottom {
  margin-bottom: 90px;
}
.thanks-message{
  color: green;
}






/*----------------------------------------*/
/* scrollUp
/*----------------------------------------*/
#scrollUp{
  font-size: 22px;
  height: 42px;
  line-height: 38px;
  text-align: center;
  width: 42px;
  bottom: 180px;
  right: 30px;
  color: #fff;
  transition:all 0.7s ease 0s;
}
#scrollUp::before, #scrollUp::after {
  border: 1px solid #eaa24e;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(45deg);
  transition: all 0.4s ease 0s;
  width: 100%;
}
#scrollUp::after {
  border-color: #eaa24e;
  height: 75%;
  left: 12.5%;
  top: 12.5%;
  width: 75%;
  z-index: -1;
}
#scrollUp::after {
  background-color: #eaa24e;
}
/*=========================== 
Newsletter Modal
============================= */
.newslatterModal .modal-body{
  overflow: hidden;
}
.newsletter-desc {
  text-align: center;
}
.newsletter-desc span{
  color: #eaa24e;
}
.newsletter-form input[type="email"]{
  background-color: #fff;
  border: 1px solid #eaeaea;
  line-height: 28.8px;
  outline: medium none;
  padding: 5px 15px;
  transition: all 0.4s ease 0s;
  width: 100%;
}
.newsletter-form input[type="submit"] {
  background-color: #202020;
  color: #fff;
  height: 40px;
  line-height: 40px;
  margin: 5px 0 25px;
  padding: 0;
  width: 130px;
  border:none;
}
.newsletter-checkbox span{
  color: #747474;
}
/*=========================== 
Product Modal
============================= */   
.product-info .amount{
  float:none;
  color:#eaa24e;
}
.modal { z-index: 13000 }
#productModal .modal-dialog {
    margin: 5% auto;
    max-width: 96%;
    min-height: 300px;
    padding: 20px;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    width: 870px;
}
#productModal .modal-header {
    border: 0 none;
    padding: 0;
    min-height: auto;
}
#productModal button.close {
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 2;
    opacity: 1;

}
#productModal button.close span {
border: 1px solid #909295;
border-radius: 60px;
color: #909295;
display: block;
height: 30px;
line-height: 25px;
text-align: center;
width: 30px;
padding-top: 1px;
}
#quickview-wrapper .modal-content {
  border-radius: 0;
}
.modal-product { overflow: hidden }
.modal-product .product-images {
    float: left;
    width: 40%;
}
.modal-product .product-images .quick-thumbnails {
    float: left;
    width: 100%;
}
.modal-product .product-images .main-image {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.modal-product .product-images .main-image img { box-shadow: none }
.modal-product .product-info {
    float: left;
    padding-left: 30px;
    width: 60%;
	text-align:left;
}
.modal-product .numbers-row {
  display: inline-block;
  float: left;
  margin-right: 10px;
  width: inherit;
}
.modal-product .product-info h1 {
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 20px;
}
.modal-product .product-info .price-box {
    float: left;
    margin: 0 0 12px;
    width: 100%;
}
.modal-product .product-info .price-box p { margin: 0 }
.modal-product .product-info .price-box .special-price {
color: #83cbdc ;
font-family: "Raleway",sans-serif;
font-size: 24px;
font-weight: 400;
}
.modal-product .product-info .see-all {
color: #42414f;
display: inline-block;
margin-bottom: 40px;
text-decoration: underline;
}
.numbers-row > input {
float: left;
height: 40px;
text-align: center;
width: 60px;
border: none;
border: 1px solid #ddd;
}
.quick-add-to-cart .single_add_to_cart_button {
  background: transparent none repeat scroll 0 0;
border: 1px solid #e6e6e6;
border-radius: 0;
color: #2a2a2a;
display: inline-block;
font-size: 13px;
font-weight: 400;
height: 40px;
letter-spacing: -0.005em;
line-height: 40px;
margin-right: 13px;
outline: medium none;
padding: 0 25px 0 35px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: all 0.4s ease 0s;
}
.quick-add-to-cart .single_add_to_cart_button:hover{
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
  color: #fff;
}
.modal-product .product-info .see-all:hover { color: #eaa24e; }
h3.widget-title-modal{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
color: #42414f;
float: left;
font-size: 16px;
line-height: 30px;
margin: 0 0 5px;
text-align: left;
text-transform: none;
width: 100%;}
.widget-title-modal{}
.modal-product .product-info .quick-add-to-cart {
    border-bottom: 1px solid #e5e5e5;
    float: left;
    margin: 0 0 20px;
    padding: 0 0 38px;
    width: 100%;
}
.modal-product .product-info .quick-desc {
    border-bottom: 1px solid #e5e5e5;
    color: #909295;
    float: left;
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 25px;
    padding: 0 0 15px;
    width: 100%;
}
.modal-product .widget {
    float: left;
    width: 100%;
}
.modal-product .widget .widget-title {
    background: none;
    color: #909295;
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin: 0 0 5px;
    text-align: left;
    text-transform: none;
    width: 100%;
}
.modal-product .widget .social-icons {
    float: left;
    margin: 0;
    padding: 0;
}
.modal-product .widget .social-icons li {
    float: left;
    line-height: 30px;
    list-style: none;
    margin-right: 10px;
}
.modal-product .widget .social-icons li .social-icon {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    color: #909295;
    display: inline-block;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 40px;
}
.modal-product .widget .social-icons li .social-icon:hover { color: #fff }
.modal-product .widget .social-icons li .social-icon.facebook:hover {
    background: #3B579D;
    border: 1px solid #3B579D;
}
.modal-product .widget .social-icons li .social-icon.twitter:hover {
    background: #3ACAFF;
    border: 1px solid #3ACAFF;
}
.modal-product .widget .social-icons li .social-icon.pinterest:hover {
    background: #CB2027;
    border: 1px solid #CB2027;
}
.modal-product .widget .social-icons li .social-icon.tumblr:hover {
    background: #304E6C;
    border: 1px solid #304E6C;
}
.modal-product .widget .social-icons li .social-icon.gplus:hover {
    background: #D11717;
    border: 1px solid #D11717;
}
.modal-product .widget .social-icons li .social-icon.linkedin:hover {
    background: #0097BD;
    border: 1px solid #0097BD;
}