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

    Template Name: Plash Spa Ecommerce Responsive Bootstrap Template
    Template URI: http:/devitems.com
    Description: This is html5 template
    Author: Dev Items
    Author URI: http://devitems.com
    Version: 1.0

-----------------------------------------------------------------------------------

    CSS INDEX
    ===================

    1.  Theme default CSS
    2.  Webfont CSS
    3.  Home One CSS
    4.  Slider CSS
    5.  Slider bottom CSS
    6.  Popular CSS
    7.  Off banner CSS
    8.  Service CSS
    9.  Newsletter CSS
    10. Footer CSS
    11. Scroll Up CSS
    12. Shop grid left CSS
    13. Shop list left CSS
    14. Product details CSS
    15. About us CSS
    16. Contact us CSS
    17. Checkout CSS
    18. Cart CSS
    19. Wishlist CSS
    20. Shortcodes CSS
    21. Mobile Menu CSS

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

/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html, body {}
.container{
    width: 1030px;
}
.floatleft {float:left}
.floatright {float:right}
.alignleft {float:left}
.alignright {float:right}
.aligncenter {display:block;margin:0 auto 15px}
a{color:#282828;-webkit-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;}
a:hover{color: #D01520;text-decoration: none;}
a:focus {outline:0px solid; text-decoration: none;}
img {max-width:100%;height:auto}
.fix {overflow:hidden}
.no-padding{padding:0}
p {margin:0 0 15px;}
h1, h2, h3, h4, h5, h6 {
  margin: 0 0 10px;
}
a {-webkit-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;text-decoration:none;}
a:active, a:hover {
  outline: 0 none;
}
ul{
    list-style: outside none none;
    margin: 0;
    padding: 0
}
.clear{clear:both}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/*----------------------------------------*/
/*  2.  Webfont CSS
/*----------------------------------------*/
body {font-family: 'Microsoft yahei', 'Lato', sans-serif}
@font-face {
    font-family: 'latoblack';
    src: url('../fonts/lato-black-webfont.eot');
    src: url('../fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-black-webfont.woff2') format('woff2'),
         url('../fonts/lato-black-webfont.woff') format('woff'),
         url('../fonts/lato-black-webfont.ttf') format('truetype'),
         url('../fonts/lato-black-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*----------------------------------------*/
/*  3.  Home One CSS
/*----------------------------------------*/
.header-area{
    left: 0;
    position: relative; /*absolute*/
    top: 0;
    width: 100%;
    z-index: 99;
    background: rgba(255, 255, 255, 0.75);
}
.header-top-area{
    background: #EEEEEE;
    border-bottom: 1px solid #E8E8E8;
}
.language-usd ul, .account-login ul, .mainmenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.language-usd > ul > li, .account-cart > ul > li, .mainmenu > ul > li{
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    padding: 10px 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.account-login > ul > li {
  display: inline-block;
  position: relative;
  -webkit-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
  padding: 5px 0;
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.account-login ul li.creat-button {
  margin-right: 15px;
}
.language-usd ul li:first-child, .account-login ul li:first-child{
    margin-right: 15px;
}
.language-usd ul > li > a, .account-login ul > li > a, .mainmenu ul > li > a {
    color: #303030;
    display: block;
    font-family: 'Microsoft yahei', "Josefin Sans",sans-serif;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    padding-right: 5px;
}
.language-usd ul li ul.submenu-mainmenu li, .account-login ul li ul.submenu-mainmenu li{
    display: inline;
}
.language-usd ul li ul.submenu-mainmenu, .account-login ul li ul.submenu-mainmenu{
    position: absolute;
}
.language-usd ul li ul.submenu-mainmenu li, .account-login ul li ul.submenu-mainmenu li {
    display: inline-block;
    padding: 5px 0;
}
.language-usd ul > li > ul.submenu-mainmenu, .account-login ul > li > ul.submenu-mainmenu, .account-cart ul > li > ul.submenu-mainmenu, .mainmenu ul > li > ul.submenu-mainmenu {
    background-color: #ffffff;
    border: 1px solid #adadad;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    font-weight: 500;
    left: 0;
    margin: 0;
    padding: 12px 0;
    position: absolute;
    text-align: left;
    top: 48px;
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
        -ms-transform-origin: center top 0;
            transform-origin: center top 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 130px;
    z-index: -99;
    border-top: 2px solid #D01520;
}
.account-login ul > li > ul.submenu-mainmenu, .account-cart ul > li > ul.submenu-mainmenu {
    right: 0px;
    left: auto;
}
.account-cart ul > li > ul.submenu-mainmenu {
    width: 170px;
}
.language-usd ul > li > ul.submenu-mainmenu {
    width: 122px;
}
.single-cart-item {
    margin-top: 10px;
}
.cart-img{
    margin-right: 8px;
}
.cart-info > a {
    color: #606060;
    font-size: 12px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
}
.cart-info > span {
  color: #303030;
  font-size: 12px;
}
.account-login ul > li.login > ul.submenu-mainmenu {
    width: 160px;
    text-align: center;
}
.account-login ul > li.login > ul.submenu-mainmenu li:hover > a{
    margin-left: inherit;
}
.mainmenu ul li ul.submenu-mainmenu {
    padding-top: 32px;
    top: 120px;
    width: 190px;
}
.language-usd > ul > li > ul.submenu-mainmenu > li, .account-login > ul > li > ul.submenu-mainmenu > li{
    margin-right: 0;
}
.language-usd > ul > li > ul.submenu-mainmenu > li > a, .account-login > ul > li > ul.submenu-mainmenu > li > a, .mainmenu > ul > li > ul.submenu-mainmenu > li > a {
    color: #303030;
    display: block;
    padding: 0px 15px;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.language-usd > ul > li > ul.submenu-mainmenu > li:hover > a, .account-login > ul > li > ul.submenu-mainmenu > li:hover > a, .mainmenu > ul > li > ul.submenu-mainmenu > li:hover > a {
    color: #D01520;
}
.language-usd > ul > li:hover > a, .account-login > ul > li:hover > a, .language-usd > ul > li:hover > a:after, .account-login > ul > li:hover > a:after {
    color: #D01520;
}
.language-usd ul li:hover ul.submenu-mainmenu, .account-login ul li:hover ul.submenu-mainmenu, .account-cart ul li:hover ul.submenu-mainmenu, .mainmenu ul li:hover ul.submenu-mainmenu {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    visibility: visible;
    z-index: 99999;
}
.header-top-right{
    float: right;
}
.account-login > ul > li.login:hover > ul.submenu-mainmenu > li > a{
    color: #303030;
}
.account-login > ul > li.login-button:hover > a{
    color: #303030;
}
.account-login > ul> li.login-button > a{
    background: #D01520;
    padding: 5px 15px;
    color: #fff;
}
.account-login > ul> li.login > ul.submenu-mainmenu > li.login-button:hover > a{
    color: #303030;
}
.account-login > ul > li.creat-button > a{
    border: 1px solid #303030;
    padding: 5px 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.account-login > ul > li.creat-button:hover > a{
    border: 1px solid #D01520;
    background: #D01520;
    color: #fff;
}
.logo{
    padding: 38px 0;
}
.mainmenu, .account-cart {
    display: inline-block;
}
.mainmenu ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.mainmenu ul li{
    display: inline-block;
    position: relative;
    margin-right: 20px;
    padding: 50px 0 45px;
}
.mainmenu ul li ul.submenu-mainmenu li{
    display: block;
    position: relative;
    margin-right: 0px;
    padding-left: 30px;
    padding-bottom: 0;
    padding-top: 0;
}
.mainmenu ul li:last-child{
    margin-right: 0px;
}
.mainmenu ul li a{
    display: block;
    color: #fff;
    font-size: 16px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mainmenu ul li:hover a, .account-cart ul li.cart a:hover{
    color: #D01520;
}
.account-cart ul li.cart a {
    display: block;
    position: relative;
    color: #606060;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.account-cart ul li.cart a.trash {
  text-align: center;
  width: 95%;
}
.account-cart ul li.cart a i {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #cfcfcf;
    border-radius: 50%;
    color: #D01520;
    font-size: 24px;
    padding: 7px;
}
.account-cart ul li.cart a.trash i {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #fa5959;
}
.account-cart ul li.cart a p {
    background: #D01520 none repeat scroll 0 0;
    border: 1px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    font-size: 11px;
    height: 22px;
    margin: 0;
    position: absolute;
    right: -6px;
    text-align: center;
    top: -6px;
    width: 22px;
    padding-top: 2px;
}
.sub-total-cart {
    color: #606060;
    font-size: 12px;
    text-transform: uppercase;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
}
.sub-total-cart span{
    float: right;
}
ul.submenu-mainmenu li span.sub-total-cart .view-cart{
    font-size: 12px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 600;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    background: #D01520;
    display: block;
    padding: 10px 15px;
    margin: 15px 0 20px 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
ul.submenu-mainmenu li span.sub-total-cart .view-cart:hover{
    color: #303030;
}
.account-cart {
    float: right;
    padding: 25px 0;
}
.cart-img, .mainmenu ul li .mega-menu span {
    float: left;
}
.account-cart ul li ul.submenu-mainmenu {
    color: #303030;
    display: block;
    padding: 0 16px;
    top: 137%;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    visibility: hidden;
}
.mainmenu ul li:hover .mega-menu {
    margin-top: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    visibility: visible;
    z-index: 999;
}
.mainmenu ul li .mega-menu {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #ffffff none repeat scroll 0 0;
    border-color: #D01520 #adadad #adadad;
    -webkit-border-image: none;
         -o-border-image: none;
            border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    left: -112px;
    margin: 0;
    padding: 35px 35px 20px;
    position: absolute;
    right: auto;
    text-align: left;
    top: 120px;
    -webkit-transform: rotateX(90deg);
            transform: rotateX(90deg);
    -webkit-transform-origin: center top 0;
        -ms-transform-origin: center top 0;
            transform-origin: center top 0;
    -webkit-transition: all 0.6s ease 0s;
            transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 788px;
    z-index: -99;
}
.mainmenu ul li .mega-menu span {
    width: 21%;
}
.mainmenu ul li .mega-menu span a.title, .mainmenu ul li .mega-menu span a{
    font-size: 12px;
    color: #303030;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.mainmenu ul li .mega-menu span a{
    font-size: 14px;
}
.mainmenu ul li .mega-menu span a, .mainmenu ul li ul.submenu-mainmenu li a{
    font-weight: 400;
    margin-bottom: 9px;
    text-transform: capitalize;
    color: #303030;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.mainmenu ul li .mega-menu span a.title:hover{
    margin-left: inherit;
}
.mainmenu ul li .mega-menu span a:hover, .mainmenu ul li ul.submenu-mainmenu li:hover a{
    color: #D01520;
    margin-left: 5px;
}
.mainmenu ul li .mega-menu span:last-child {
    width: 37%;
}
/*----------------------------------------*/
/*  4.  Slider CSS
/*----------------------------------------*/
.nivo-caption{top: 50%}
.nivo_text .slider-text-1 h1 span{
    color: #D01520;
    font-size: 40px;
    font-family: 'Microsoft yahei', 'latoblack';
}
.nivo_text .slider-text-1 h1{
    font-size: 40px;
    color: #606060;
    text-transform: uppercase;
    font-family: 'Microsoft yahei', 'latoblack';
}
.nivo_text .slider-text-2 p{
    font-size: 14px;
    color: #606060;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    margin-bottom: 35px;
}
.slider-button {
    color: #303030;
    font-size: 12px;
    border: 2px solid #303030;
    padding: 10px 28px;
    display: inline-block;
    letter-spacing: 2px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.slider-button:hover {
    color: #fff;
    background: #D01520;
    border: 2px solid #D01520;
}
.preview-2:hover .nivo-controlNav a{
    opacity: 1;
    filter: alpha(opacity=100);
}
/*----------------------------------------*/
/*  5.  Slider bottom CSS
/*----------------------------------------*/
.slider-bottom-area, .popular-area, .arrival-area{
    padding-top: 75px;
    background: #FBFBFB;
}
.arrival-owl .col-md-3{
    width: 100%;
}
.slider-bottom-left, .slider-bottom-middle, .slider-bottom-right, .slider-bottom-right-bottom{
    position: relative;
    overflow: hidden;
}
.slider-bottom-left-text,.slider-bottom-middle-text,.slider-bottom-right-text,.slider-bottom-right-bottom-text{
    position: absolute;
    top: 0;
    z-index: 9;
}
.slider-bottom-left-text h1, .slider-bottom-middle-text h1, .slider-bottom-right-text h1,.slider-bottom-right-bottom-text h1{
    color: #303030;
    font-size: 32px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.slider-bottom-right-text h1,.slider-bottom-right-bottom-text h1{
    font-size: 24px;
}
.slider-bottom-left-text h3,.slider-bottom-middle-text h3, .slider-bottom-right-text h3, .slider-bottom-right-bottom-text h3{
    color: #202020;
    font-size: 20px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slider-bottom-right-bottom-text h3{
    font-weight: 700;
    color: #D01520;
    margin-bottom: 0;
}
.slider-bottom-right-text h3, .slider-bottom-right-bottom-text h3{
    font-size: 16px;
}
.slider-bottom-middle-text h3{
    font-size: 18px;
}
.slider-bottom-left-text a.shop-now, .slider-bottom-middle-text a.shop-now{
    color: #303030;
    font-size: 12px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid #303030;
    padding: 10px 27px;
    display: inline-block;
    letter-spacing: 2px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.slider-bottom-left-text a.shop-now:hover, .slider-bottom-middle-text a.shop-now:hover{
    color: #fff;
    background: #D01520;
    border: 2px solid #D01520;
}
.slider-bottom-left-text, .slider-bottom-right-text{
    top: 37%;
    left: 5%;
}
.slider-bottom-middle-text{
    top: 45%;
    text-align: center;
    width: 100%;
}
.slider-bottom-right-bottom{
    margin-top: 30px;
}
.slider-bottom-right-bottom-text{
    top: 25%;
    text-align: right;
    right: 3%;
}
.hover-effect > a:before, .hover-effect > a:after {
  background: rgba(255, 255, 255, 0.3) none repeat scroll 0 0;
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transition: all 0.5s ease 0s;
          transition: all 0.5s ease 0s;
  width: 100%;
  z-index: 8;
}
.hover-effect > a:before {
  left: -100%;
  top: -100%;
}
.slider-bottom-left:hover .hover-effect > a:before, .slider-bottom-middle:hover .hover-effect > a:before, .slider-bottom-right-bottom:hover .hover-effect > a:before, .slider-bottom-right:hover .hover-effect > a:before {
  left: 0;
  top: 0;
}
.hover-effect a:before, .hover-effect a:after {
  display: block;
}
.slider-bottom-left:hover .hover-effect > a:after, .slider-bottom-right-bottom:hover .hover-effect > a:after, .slider-bottom-right:hover .hover-effect > a:after, .slider-bottom-middle:hover .hover-effect > a:after {
  bottom: 0;
  right: 0;
}
.hover-effect > a:after {
  bottom: -100%;
  right: -100%;
}
.hover-effect. a:before, .hover-effect a:after {
  display: block;
}
.arrival-owl.owl-theme .owl-controls .owl-nav div {
    color: #999999;
    display: inline-block;
    font-size: 60px;
    height: 60px;
    left: 0px;
    line-height: 59px;
    margin: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    padding: 0;
    position: absolute;
    text-align: center;
    top: 39%;
    -webkit-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;
    width: 36px;
}
.arrival-owl.owl-theme .owl-controls .owl-nav div.owl-next {
    left: auto;
    right: 0px;
}
.arrival-owl.owl-theme .owl-controls .owl-nav div:hover {color: #D01520;}
/*----------------------------------------*/
/*      6.  Popular CSS
/*----------------------------------------*/
.popular-area{
    padding-bottom: 70px;
}
.popular-area .section-title, .arrival-area .section-title{
    padding-bottom: 75px;
    display: block;
}
.section-title {
	background: #fff;
}
.section-title h2{
    font-size: 24px;
    color: #D01520;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    padding-top: 30px;
	margin: 0;
}
.section-title h2:after{
    position: absolute;
    left:50%;
    margin-left:-74px;
    bottom: -35px;
    content:"";
    background: url(../img/icon/title.png);
    width: 149px;
    height: 21px;
}
.single-product{
    position: relative;
    margin-bottom: 30px;
}
.single-product-hover{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.85);
    opacity: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    border: 1px solid #eee;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-product:hover .single-product-hover{
    opacity: 1;
    filter: alpha(opacity=100);
}
.single-product-hover-text {
    position: absolute;
    top: 42%;
    left:0;
    right: 0;
    text-align: center;
}
.single-product-hover h4 a{
    font-size: 18px;
    color: #D01520;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 500;
    margin-bottom: 40px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-product-hover h4 a:hover{
    color: #303030;
}
.single-product-hover h2 {
    color: #303030;
    display: inline-block;
    font-family: 'Microsoft yahei', "Josefin Sans",sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    overflow: hidden;
}
ul.cart-metalic{
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.cart-metalic li {
    display: inline-block;
    margin-right: 5px;
}
ul.cart-metalic li:last-child{
    margin-right: 0px;
}
ul.cart-metalic li i {
    color: #D01520;
    display: inline-block;
    font-size: 32px;
    height: 39px;
    padding-top: 4px;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    vertical-align: middle;
    width: 39px;
    text-align: center;
}
ul.cart-metalic li:hover i {
    color: #fff;
    background: #D01520;
}
ul.cart-metalic li a.add-to-cart{
    font-size: 12px;
    background: #D01520;
    color: #fff;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    padding: 8px 25px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.shop-product-list  ul.cart-metalic li a.add-to-cart{
    padding: 6px 25px;
}
.shop-product-list  ul.cart-metalic li a i{
    width: 36px;
    height: 36px;
}
ul.cart-metalic li a.add-to-cart:hover{
    color: #303030;
}
/*----------------------------------------*/
/*  7.  Off banner CSS
/*----------------------------------------*/
.off-banner-area{
    background: #EEEEEE;
}
.off-banner-text{
    padding: 180px 0;
}
.off-banner-text h1 {
    color: #D01520;
    font-family: 'Microsoft yahei', "Josefin Sans",sans-serif;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 15px;
}
.off-banner-text p{
    color: #707070;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}
.off-price-cart{
    margin-top: 30px;
}
.off-price-cart h2 {
    color: #D01520;
    display: inline-block;
    font-family: 'Microsoft yahei', "Josefin Sans",sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-right: 25px;
    position: relative;
    top: 7px;
}
.off-price-cart a.off-add-cart{
    color: #303030;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    font-size: 12px;
    border: 2px solid #303030;
    padding: 10px 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.off-price-cart a.off-add-cart:hover{
    color: #fff;
    background: #D01520;
    border: 2px solid #D01520;
}
.off-banner-img{
    margin-top: -55px;
}
/*----------------------------------------*/
/*  8.  Service CSS
/*----------------------------------------*/
.service-area{
    background: #FBFBFB;
    padding: 80px 0;
}
.single-service{
    background: #fff;
    padding: 30px 0 30px 50px;
}
.single-service-icon, .single-service-info{
    display: inline-block;
}
.single-service-info h5{
    color: #303030;
    font-size: 18px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.single-service-info p{
    color: #606060;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 400;
}
.single-service-icon{
    margin-right: 20px;
}
.single-service-icon i{
    color: #303030;
    font-size: 56px;
}
/*----------------------------------------*/
/*  9.  Newsletter CSS
/*----------------------------------------*/
.newsletter-area{
    background: #EEEEEE;
    padding: 40px 0;
}
.newsletter-social-icon ul{
    margin: 0;
    padding:0;
    list-style: none;
}
.newsletter-social-icon ul li{
    display: inline-block;
    margin-right: 15px;
}
.newsletter-social-icon ul li:last-child{
    margin-right: 0px;
}
.newsletter-social-icon ul a{
    display: block;
    display: table;
}
.newsletter-social-icon ul a i{
    font-size: 24px;
    color: #3b5998;
    border: 1px solid #D2D2D2;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.newsletter-social-icon ul li.google-plus a i{
    color: #DD4B39;
}
.newsletter-social-icon ul li.google-plus a i:hover{
    background: #DD4B39;
    color: #fff;
    border: 1px solid #DD4B39;
}
.newsletter-social-icon ul li.pinterest a i{
    color: #C92228;
}
.newsletter-social-icon ul li.pinterest a i:hover{
    background: #C92228;
    color: #fff;
    border: 1px solid #C92228;
}
.newsletter-social-icon ul li.twitter a i{
    color: #1DA1F2;
}
.newsletter-social-icon ul li.twitter a i:hover{
    background: #1DA1F2;
    color: #fff;
    border: 1px solid #1DA1F2;
}
.newsletter-social-icon {
    padding-top: 6px;
}
.newsletter-social-icon ul a i:hover{
    background: #3b5998;
    color: #fff;
    border: 1px solid #3b5998;
}
.newsletter-info > h2 {
    text-transform: uppercase;
    font-size: 18px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    margin-right: 40px;
    display: inline-block;
}
.newsletter-info > form {
    display: inline-block;
    position: relative;
    width: 500px;
    height: 50px;
}
.newsletter-info > form > button {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #303030;
    font-size: 20px;
    height: 50px;
    padding: 11px 20px;
    position: absolute;
    right: 0;
    top: 0;
    width: 105px;
    color: #303030;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.newsletter-info > form > button:hover {
    background: #D01520;
    color: #fff;
}
.newsletter-info > form input[type="text"] {
    background: #fff;
    border: 1px solid #303030;
    padding: 14px 20px;
    width: 100%;
}
/*----------------------------------------*/
/*  10. Footer CSS
/*----------------------------------------*/
.footer-area{
    background: #F7F7F7;
    padding-top: 80px;
}
.main-footer-area{
    padding-bottom: 50px;
}
.footer-icon {
    display: inline-block;
    float: left;
}
.footer-icon i{
    color: #666666;
    font-size: 12px;
    border: 1px solid #666666;
    height: 25px;
    width: 25px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    padding-top: 5px;
    margin-right: 20px;
}
.footer-address .footer-info p{
    color: #606060;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
}
.footer-widget.address .footer-address:nth-child(2){
    margin-bottom: 15px;
}
.footer-widget {
	text-align: center;
}
.footer-widget h5{
    color: #303030;
    font-size: 18px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
}
.footer-widget h5:after{
    position: absolute;
    left: 0;
    bottom: -10px;
    content: "";
    background: #DDDDDD;
    height: 1px;
    width: 35px;
}
.footer-widget.address .footer-address:nth-child(2) {
    margin-bottom: 15px;
}
.footer-widget ul, .footer-widget.payment p{
    margin-top: 30px;
}
.footer-logo{
    margin-bottom: 30px;
}
.footer-address {
    margin-bottom: 15px;
}
.footer-widget ul li{
    margin-bottom: 12px;
}
.footer-widget ul li:last-child{
    margin-bottom: 0px;
}
.footer-widget ul li a, .footer-widget.payment p{
    color: #606060;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.footer-widget.payment p{
    text-transform: inherit;
    line-height: 25px;
}
.footer-widget ul li:hover a{
    color: #D01520;
    margin-left: 5px;
}
.footer-bottom-area{
    background: #EEEEEE;
    padding: 25px 0;
}
.footer-bottom-area p{
    margin-bottom: 0;
    color: #606060;
    font-size: 14px;
    text-align: center;
}
.footer-bottom-area p a{
    color: #D01520;
}
/*----------------------------------------*/
/*  11. Scroll Up CSS
/*----------------------------------------*/
#scrollUp {
    background: #D01520 none repeat scroll 0 0;
    bottom: 100px;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    right: 50px;
    text-align: center;
    -webkit-transition: all 4ms linear 0s;
            transition: all 4ms linear 0s;
    width: 40px;
    z-index: 9999;
}
#scrollUp:hover {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  12. Shop grid left CSS
/*----------------------------------------*/
.banner-area{
    background-image: url(../img/banner/1.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.banner-text-wrapper{
    padding: 260px 0 90px 0;
}
.banner-title h2{
    color: #fff;
    font-size: 30px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
.breadcrumbs ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.breadcrumbs ul li{
    display: inline-block;
    text-transform: uppercase;
    color: #303030;
    font-size: 12px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.breadcrumbs ul li a{}
.shop-grid-area{
    background-color: #FBFBFB;
    padding-top: 80px;
}
.shop-tab ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.shop-tab ul li{
    display: inline-block;
    margin-right: 12px;
    padding: 3px 0;
}
.shop-tab ul li:last-child{
    margin-right: 0px;
}
.shop-tab ul li i{
    font-size: 24px;
    color: #909090;
    border: 1px solid transparent;
    padding: 3px 7px;
}
.shop-tab ul li i:hover, .shop-tab ul li.active i{
    border: 1px solid #D01520;
    color: #D01520;
}
.shop-item-filter {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    display: inline-block;
    padding: 12px 10px 12px 0;
    width: 100%;
    margin-bottom: 25px;
}
.show p, .filter-by, .filter-by h4 {
    font-size: 12px;
    color: #606060;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    border: 1px solid #EEEEEE;
    padding: 10px 15px;
    background-color: #fff;
    margin: 0;
    display: inline-block;
}
.filter-by{
    float: right;
}
.select-filter{
    position: relative;
}
.select-filter:before {
    content: "";
    font-family: "Material-Design-Iconic-Font";
    font-size: 20px;
    height: 100%;
    left: auto;
    position: absolute;
    right: -132px;
    top: -5px;
    width: 100%;
}
.select-filter:after {
    background: #eeeeee none repeat scroll 0 0;
    content: "";
    height: 43px;
    left: auto;
    position: absolute;
    right: 18px;
    top: -10px;
    width: 1px;
}
.filter-by h4{
    border: none;
    padding: 0;
}
.filter-by form{
    display: inline-block;
}
.filter-by form select {
    -moz-appearance: none;
    border: medium none;
    color: #606060;
    font-family: 'Microsoft yahei', "Josefin Sans",sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    padding-right: 70px;
    line-height: 20px;
}
.single-left-widget{
    background-color: #fff;
    border: 1px solid #EEEEEE;
    padding: 20px 25px;
    margin-bottom: 30px;
}
.single-left-widget .section-title h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #303030;
    font-weight: bold;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    padding-bottom: 4px;
}
.single-left-widget .section-title ul li {
    margin-bottom: 20.7px;
}
.single-left-widget .section-title > ul > li > a, .single-left-widget .section-title ul li ul li {
    color: #303030;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: relative;
}
.single-left-widget .section-title ul li ul li {
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 10px;
}
.single-left-widget .section-title ul li ul li:last-child, .single-left-widget .section-title ul li:last-child {
    margin-bottom: 0px;
}
.single-left-widget .section-title > ul > li:hover > a {
    color: #D01520;
}
.single-left-widget .section-title > ul > li > a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "\f2f9";
    color: #303030;
    font-size: 12px;
    font-family: 'Material-Design-Iconic-Font';
    cursor: pointer;
    border: 1px solid #eee;
    padding: 0 5px;
}
.single-left-widget .section-title ul li a i {
    border: 1px solid #dddddd;
    float: right;
    height: 14px;
    text-align: center;
    width: 14px;
    letter-spacing: 0px;
}
.widget-banner > a > img {
    display: block;
    position: relative;
}
.submenu {
    overflow:hidden;
    max-height: 0;
    -webkit-transition: max-height 0.25s ease-out;
            transition: max-height 0.25s ease-out;
}
.submenu-active {
    display:block;
    color:#FFFFFF;
    max-height: 600px !important;
    -webkit-transition: max-height 0.75s ease-in;
            transition: max-height 0.75s ease-in;
}
.single-left-widget.without-background .shop-now {
    background: #f05a66 none repeat scroll 0 0;
    bottom: 0;
    color: #ffffff;
    font-weight: 500;
    padding: 10px 24px;
    text-transform: uppercase;
    position: absolute;
    left: 50%;
    margin-left: -62px;
}
.single-left-widget.without-background .shop-now:hover {
    color: #000;
}
.price-filter {
    margin-right: 5px;
    margin-top: 10px;
}
#slider-range {
    background: #EEEEEE none repeat scroll 0 0;
    border: 0 none;
    height: 4px;
    border-radius: 0px;
}
.ui-slider-range.ui-widget-header.ui-corner-all {
    background: #D01520 none repeat scroll 0 0 !important;
    border: medium none !important;
    height: 4px;
    margin-top: 0;
}
.section-title .price-filter .ui-slider-handle.ui-state-default.ui-corner-all {
    background: #EEEEEE none repeat scroll 0 0;
    border-radius: 50%;
    height: 12px;
    margin-top: 1px;
    width: 12px !important;
    padding: 0;
    border: 2px solid #D01520;
}
.price-slider-amount {
    margin: 10px 0 0;
    padding-top: 5px;
    text-align: center;
}
.slider-values {overflow: hidden}
.price-filter label {
    color: #606060;
    float: left;
    font-size: 12px;
    font-weight: 600;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 19px;
}
.price-slider-amount input {
    border: medium none;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
    color: #606060;
}
ul.size-widget, ul.color-widget, ul.widget-tag{
    margin: 0;
    padding: 0;
    list-style: none;
}
.single-left-widget.padding-none{
    padding: 25px 0;
}
.single-left-widget.padding-none .section-title h4{
    padding-left: 25px;
}
ul.size-widget {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    display: inline-block;
}
ul.size-widget li{
    float:left;
    font-weight: 400;
    border-right: 1px solid #ddd;
}
.single-left-widget .section-title > ul.size-widget > li > a:after{
    content: "";
    border: none;
}
ul.size-widget li:last-child{
    border-right: none;
}
ul.size-widget li:last-child{
    margin-right: 0px;
}
.single-left-widget .section-title ul.size-widget li {
    margin-bottom: 0;
}
.single-left-widget .section-title ul.size-widget li a {
    color: #606060;
    float: left;
    font-size: 12px;
    font-weight: 500;
    padding: 10px 13.4px;
    text-align: center;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-left-widget .section-title ul.size-widget li:hover a {
    color: #fff;
    background: #D01520;
}
.widget-banner{
    margin-bottom: 30px;
    position: relative;
}
.widget-banner-info{
    position: absolute;
    z-index: 99;
    top: 25%;
    left: 0;
    right: 0;
    text-align: center;
}
.widget-banner-info h1{
    font-size: 36px;
    color: #fff;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 45px;
    text-transform: uppercase;
}
a.shop-now{
    background: #D01520;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 600;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    display: inline-block;
    padding: 10px 30px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
a.shop-now:hover{
    color: #303030;
}
.shop-left-sidebar .widget-banner:last-child .widget-banner-info{
    top: 37%;
}
.pagination-indicator{
    text-align: center;
    width: 100%;
    margin: 9px 0;
}
.pagination-indicator ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.pagination-indicator ul li{
    display: inline-block;
    margin-right: 10px;
}
.pagination-indicator ul li:last-child{
    margin-right: 0px;
}
.pagination-indicator ul li a{
    color: #909090;
    font-size: 14px;
    display: block;
    font-weight: 600;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pagination-indicator ul li a{
    color: #D01520;
}
.shop-grid-area .row:last-child .col-xs-12 .shop-item-filter{
    margin-bottom: 0;
}
/*----------------------------------------*/
/*  13. Shop list left CSS
/*----------------------------------------*/
.list-view .single-product .single-product-img{
    float: left;
}
.shop-product-list .single-product-hover-text {
    top: 48%;
}
#list .shop-product-list .single-product-hover-text {
    top: 44%;
}
.single-product-info h3, .single-product-info h4, .single-product-info h5{
    font-size: 18px;
    color: #303030;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.single-product-info{
    background-color: #fff;
    padding: 30px 30px 23px 30px ;
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.shop-product-list.col-md-12 .col-lg-8{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: -15px;
}
.single-product-info h5:nth-child(3){
    margin-bottom: 25px;
}
.single-product-info h5:nth-child(4){
    margin-bottom: 9px;
}
.single-product-info h4{
    font-size: 24px;
    font-weight: 700;
}
.single-product-info h5{
    font-size: 14px;
}
.single-product-info h5 span{
    color: #D01520;
}
.single-product-info p {
    color: #606060;
    font-family: 'Microsoft yahei', "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 22px;
}
.shop-grid-area.list-view .col-md-9 .shop-item-filter{
    margin-bottom: 0;
}
/*--------------------------------------------*/
/* 14. Product details CSS
/*--------------------------------------------*/
.product-details-area{
    background-color: #FBFBFB;
    padding-top: 80px;
}
.product-detail.single-product-info{
    background: none;
    padding: inherit;
    padding-left: 0;
    padding-right:0;
    border: none;
}
.product-detail.single-product-info h3, .product-detail.single-product-info h4{
    margin-bottom: 18px;
}
.product-thumb ul li {
    border: 1px solid #dddddd;
    display: inline-block;
    margin-right: 15px;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    width: 22.5%;
}
.cart-btn > span {
    text-transform: uppercase;
    font-weight: 700;
}
.product-thumb ul li:last-child{
    margin-right: 0;
}
.product-thumb ul li:hover {
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}
.zoomWrapper {
    margin-bottom: 10px;
    overflow: hidden;
}
.tab-content > p{
    color: #9b9b9b;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
}
.product-img-list ul li:hover, .product-img-list ul li.active{
    box-shadow: 0 0 7px 2px rgba(0, 0, 0, 0.25);
}
.p-tab-img{
   display: none;
}
.p-tab-img.active{
   display: block;
}
.product-detail.shop-product-text h4 {
    color: #3d3d3d;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Microsoft yahei', 'Montserrat', sans-serif;
    margin-bottom: 25px;
    display: block;
}
.categories-single-products {
    padding: 50px 0;
}
.share > ul {
    display: inline-block;
}
.categories-size a{
    padding: 10px 20px;
    border: 1px solid #EEEEEE;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.categories-size a:hover{
    color: #fff;
    background: #D01520;
    border: 1px solid #D01520;
}
.product-detail.single-product-info ul.cart-metalic li a.add-to-cart {
    background: transparent;
    color: #303030;
    font-family: 'Microsoft yahei', "Josefin Sans",sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    padding: 10px 25px;
    line-height: 14px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
    display: block;
    border: 2px solid #303030;
}
.product-detail.single-product-info ul.cart-metalic li:hover a.add-to-cart {
    background: #D01520;
    color: #fff;
    border: 2px solid #D01520;
}
.shop-buttons, .size, ul.cart-metalic {
    margin-top: 33px;
}
.share {
    margin-top: 45px;
}
ul.cart-metalic{
    margin-top: 30px;
}
.product-detail.single-product-info ul.cart-metalic{
    margin-top: 50px;
}
.categories-size h5 {
    margin-bottom: 25px;
}
.single-rating-review{
    border-right: 1px solid #ddd;
    margin-right: 15px;
    padding-right: 15px;
    float: left;
    line-height: 30px;
}
.product-detail.single-product-info h5:nth-child(4) {
    margin-bottom: 35px;
}
.single-rating-review:last-child{
    border-right: none;
}
.single-rating-review i {
    color: #ffae01;
    font-size: 15px;
}
.single-rating-review p {
    color: #909090;
    float: right;
    font-family: 'Microsoft yahei', "Lato",sans-serif;
    font-size: 12px;
    margin-left: 10px;
    text-transform: capitalize;
    margin-bottom: 0;
    line-height: 30px;
}
.zoomWrapper > img {
    border: 1px solid #eee;
    border-right: none;
}
.availability {
    color: #848484;
    font-size: 14px;
    text-transform: capitalize;
    display: inline-block;
}
.availability span{
    color: #69b0e7;
}
.rating-review {
    float: right;
}
.price-box > span {
    color: #69b0e7;
    font-size: 24px;
    font-weight: 700;
    margin-right: 10px;
    font-family: 'Microsoft yahei', 'Mont;serrat', sans-serif;
    margin: 30px 0 20px;
    display: inline-block
}
.price-box del {
    color: #b4b4b4;
    font-size: 18px;
}
.product-desc, .product-detail.shop-product-text .single-info > h6 > a{
    color: #848484;
    font-size: 14px;
    font-style: italic;
    line-height: 28px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 400;
}
.product-desc{
    margin-bottom: 35px;
}
.product-detail.shop-product-text .single-info > h6 > a{
    line-height: 5px;
    text-transform: capitalize;
}
.product-detail.shop-product-text .shop-buttons .cart-btn {
    background: #69b0e7 none repeat scroll 0 0;
    border-radius: 5px;
    color: #ffffff;
    display: inline-block;
    padding: 10px 20px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.product-detail.shop-product-text .shop-buttons .cart-btn:hover {
    background: #353535;
}
.shop-buttons > a > i {
    border: 2px solid #dddddd;
    border-radius: 5px;
    color: #7f7f7f;
    font-size: 18px;
    padding: 10px;
}
.categories, .share {
    color: #333333;
    display: inline-block;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-right: 25px;
    text-transform: uppercase;
    width: 100%;
}
.detail-area .contact-area{
    margin-top: 80px;
}
.detail-area .contact-area > h5 {
    color: #353535;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 50px;
}
.detail-area.our-blog-area.home-four{
    padding: 70px 0 60px;
}
.product-detail.shop-product-text .categories-single-products a{
    color: #898989;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    text-transform: capitalize;
    font-weight: 400;
    display: inline-block;
    font-style: italic;
}
.share h5{
    float: left;
    margin-right: 20px;
}
.share ul li, .follow-us ul li{
    display: inline-block;
    margin-right: 15px;
}
.share ul li.facebook i:hover, .follow-us ul li.facebook i:hover, .member-social-icon ul li.facebook:hover i{
    color: #3B5998;
}
.share ul li.twitter i:hover, .follow-us ul li.twitter i:hover, .member-social-icon ul li.twitter i:hover{
    color: #1DA1F2;
}
.share ul li.pinterest i:hover, .follow-us ul li.pinterest i:hover, .member-social-icon ul li.pinterest:hover i{
    color: #BD2126;
}
.share ul li.google-plus i:hover, .follow-us ul li.google-plus i:hover, .member-social-icon ul li.google-plus i:hover{
    color: #03A9F4;
}
.share ul li a i, .follow-us ul li a i {
    color: #303030;
    font-size: 20px;
    -webkit-transition: all 0.5s ease 0s;
            transition: all 0.5s ease 0s;
}
.description-tab-menu ul{
    margin: 0px;
    padding: 0px;
}
.description-tab-menu ul li{
    display: inline-block;
    float: left;
    position: relative;
}
.description-tab-menu ul li a {
    color: #909090;
    display: block;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-right: 48px;
    text-transform: uppercase;
}
.description-tab-menu ul li:last-child a{
    padding-right: 0px;
}
.description-tab-menu {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 10px;
}
#description > p, #specification > p, #review > p, .tab-caroursel-twenty .tab-content p, .tab-content ul li {
    color: #606060;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 400;
    line-height: 24px;
}
.product-description-tab {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #eeeeee;
    padding: 40px 30px 10px 30px;
    margin-top: 60px;
}
.product-details-area.fullwidth{
    padding-bottom: 100px;
}
.product-details-area.left-sidebar .product-description-tab {
    padding: 40px 30px 30px;
}
.product-details-area.left-sidebar{
    padding-bottom: 75px;
}
.description-tab-menu ul li:last-child a:before{
    background: transparent;
}
.product-description-tab ul li i.fa.fa-circle {
    margin-right: 12px;
}
.product-description-tab ul li {
    line-height: 23px;
}
.product-details-area .single-left-widget {
    margin-top: 10px;
}
.product-details-area.left-sidebar .single-left-widget {
    margin-top: 3px;
    margin-bottom: 27px;
}
.description-tab-menu ul li.active a, .description-tab-menu ul li:hover a {
    color: #303030;
}
.product-description-tab .tab-content {
    padding-top: 25px;
    padding-bottom: 30px;
}
#quantity-wanted-p {
    border: 1px solid #dddddd;
    display: inline-block;
    height: 36px;
    margin-right: 10px;
    position: relative;
    width: 85px;
}
.cart-plus-minus-box {
    -moz-appearance: textfield;
    border: medium none;
    line-height: 32px;
    padding-left: 25px;
    width: 100%;
}
#quantity-wanted-p:after {
    background: #dddddd none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 28px;
    top: 0;
    width: 1px;
}
.dec.qtybutton, .inc.qtybutton {
    background: url("../img/icon/arrow-down.png") no-repeat scroll 0 0;
    cursor: pointer;
    font-size: 0;
    height: 20px;
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 20px;
}
.inc.qtybutton {
    background-image:url("../img/icon/arrow-up.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    top: 8px;
}
.tab-caroursel-twenty .tab-content ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.tab-caroursel-twenty .tab-content p{
    margin-bottom: 15px;
}
.tab-caroursel-twenty .tab-content ul li{
    margin-top: 10px;
}
.product-detail.shop-product-text a.star {
    display: inline-block;
    padding: 0 4px;
}
.tab-caroursel-twenty .tab-content ul i{
    margin-right: 15px;
    margin-top: 6px;
}
.widget-color h4.follow {
    color: #252525;
    font-family: 'Microsoft yahei', 'Montserrat', sans-serif;
    font-size: 15px;
    display: inline-block;
    margin-right: 10px;
}
.widget-color h4.follow ul{
    margin: 0;
    padding:0;
    list-style: none;
}
.widget-color h4.follow ul li{
    display: inline-block;
}
.widget-color h4.follow ul li a i{
    display: block;
    color: #fff;
    font-size: 14px;
}
.widget-color h4.follow ul li.facebook a i{
    background: #3E5990;
    height: 28px;
    width: 28px;
    border-radius: 5px;
}
.widget-color ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}
.widget-color ul li{
    display: inline-block;
    margin-right: 15px;
}
.widget-color ul li a{
    display: block;
    height: 26px;
    width: 26px;
    color: #fff;
    text-align: center;
    line-height: 26px;
    border-radius: 5px;
}
.widget-color ul li:hover a{
    color: #000;
}
.widget-color ul li.facebook a{
    background: #3E5990;
}
.widget-color ul li.twitter a{
    background: #4788C0;
}
.widget-color ul li.google-plus a{
    background: #D73727;
}
.product-detail .wish-icon-hover ul li.cart {
    background: #c43b68 none repeat scroll 0 0;
    border-radius: 20px;
    color: #fff;
    height: 35px;
    margin-right: 5px;
    width: 150px;
}
.product-description-tab ul li i.fa.fa-circle{
    font-size: 8px;
}
.shop-review #review h2{
    font-size: 20px;
    color: #252525;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.own_review h2 {
    margin-top: 55px;
}
.own_review p, .overall_rating table td {
    font-size: 15px;
    color: #252525;
    font-weight: 600;
}
.review_form input[type="submit"] {
    background: #c43b68 none repeat scroll 0 0;
    border: 1px solid #c43b68;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 15px;
    padding: 8px 25px;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin-bottom: 60px;
}
.shop-review .featured-area, .shop-review  .trending {
    border-top: 1px solid #ddd;
}
.shop-review  .trending {
    padding-top: 60px;
}
.review_form input[type="submit"]:hover {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #c43b68;
    color: #c43b68;
}
.overall_rating input {
    margin-left: 60px;
}
.overall_rating p {
    margin-left: 42px;
}
.own_review p span{
    color: #c43b68;
}
.overall_rating {
    margin: 30px;
}
.review_input_text p.nick, .review_input_text p.review{
    float:left;
    width: 350px;
}
.review_input_text p.review{
    margin-left: 20px;
}
.review_form textarea {
    margin-top: 10px;
    width: 67%;
}
.nick > input, .review > input {
    border: 1px solid #ddd;
    height: 40px;
    width: 100%;
    margin-top: 10px;
    padding: 10px;
}
.shop-review ul.client_review li{
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-bottom: 25px;
}
.shop-review ul.client_review li h3{
    font-size:15px;
    color: #262626;
    font-weight: 600;
    margin-bottom: 8px;
}
.shop-review ul.client_review li h3 span{
    font-weight: 400;
}
.shop-review ul.client_review li p{
    font-size: 15px;
    color: #262626;
    font-weight: 600;
}
.shop-review ul.client_review li p a i{
    color: #F8C100;
    font-size: 14px;
    margin-right: 0px;
}
.shop-review ul.client_review li p.rating{
    margin-bottom: 5px;
}
.shop-review ul.client_review li p.rating span{
    margin-right: 10px;
}
.shop-review .product-description-tab .tab-content {
    border-bottom: none;
}
.search-cat {
    background: url("../img/product/arrow_down.png") no-repeat scroll 91% 11px;
    cursor: pointer;
    float: left;
    font-weight: 700;
    height: 26px;
    padding: 0;
    text-transform: capitalize;
    width: 130px;
    border: 1px solid #ddd;
}
.category-items {
    -moz-appearance: none;
    background: none;
    border: 0 none;
    border-radius: 0;
    color: #a6a6a6;
    cursor: pointer;
    font-size: 14px !important;
    height: 24px;
    line-height: 26px;
    outline: medium none;
    overflow: hidden;
    padding: 0 25px 0 10px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
    -webkit-transition-property: height;
            transition-property: height;
    width: 100%;
    z-index: 9999;
    font-family: 'Microsoft yahei', 'Montserrat', sans-serif;
}
.product-details-area.left-sidebar #quantity-wanted-p {
    display: inherit;
    margin-bottom: 28px;
}
.product-details-area.left-sidebar .shop-product-text h4 a, .product-details-area.left-sidebar .price-rating-container, .product-details-area.left-sidebar .availability, .product-details-area.left-sidebar .product-desc, .product-details-area.left-sidebar .size-categories ul{
    margin-bottom: 20px;
}
.product-details-area.left-sidebar .color-cat{margin-bottom: 27px}
.color-cat{
    position: relative;
}
.color-cat:before {
    position: absolute;
    right: 0;
    top: 45%;
    content:"";
    background: url(../img/icon/arrow-down.png)no-repeat scroll 0 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
option {
    border-right: 1px solid #dddddd;
    padding: 3px;
}
.size-quantity .single-size-quantity {
    display: inline-block;
    margin-right: 40px !important;
    overflow-x: hidden;
    overflow-y: hidden;
}
.single-size-quantity > h4 {
    color: #000;
    display: inline-block;
    float: left;
    line-height: 26px;
    margin-right: 10px;
}
.wish-icon-product-details{
   margin-bottom: 45px;
}
.wish-icon-product-details ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.wish-icon-product-details ul li{
    display: inline-block;
    margin-right: 20px;
}
.wish-icon-product-details ul li i{
    display: block;
    color: #39393b;
    font-size: 12px;
    border: 1px solid #BABABA;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    text-align: center;
    line-height: 29px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.wish-icon-product-details ul li:hover i, .wish-icon-product-details ul li.active i{
    background: #F05166;
    color: #fff;
    border: 1px solid #F05166;
}
.related-prouct-area{
    margin-top: 60px;
}
.related-prouct-area .section-title h4{
    padding-bottom: 35px;
}
.related-prouct-area .wish-icon-hover ul li:hover a, .related-prouct-area .wish-icon-hover ul li.active a{
    background-color: #F05166 !important;
}
.related-prouct-area .single-product-info i, .related-prouct-area .single-product-info h4{
    color: #F05166;
}
.zoomWrapper, .product-thumb, .single-zoom-thumb {position: relative}
.zoomLens {
    border: 1px solid #ccc !important;
    cursor: move !important;
    display: block;
    height: 230px !important;
    width: 170px !important;
}
.zoomContainer .zoomWindow {
    border: 2px solid #ccc !important;
    height: 100% !important;
    margin-left: 10px !important;
    width: 100% !important;
    z-index: 9 !important;
}
.product-title > h5, .product-title > h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Microsoft yahei', 'Montserrat', sans-serif;
    color: #69b0e7;
}
.product-title > h2 {
    color: #404040;
    font-size: 30px;
}
.product-title{
    padding: 60px 0 30px;
}
.product-details-area.products-grid-area.our-product.home-five {
    padding: 80px 0 21px
}
/*--------------------------------------------*/
/* 15. About us CSS
/*--------------------------------------------*/
.about-us-area, .team-area{
    background: #FBFBFB;
    padding: 80px 0;
    position: relative;
}
.col-md-10.col-md-offset-1.team-padding{
    padding: 0 65px;
}
.team-area{
    padding: inherit;
}
.about-us-area:before {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    content: "";
    height: 57%;
    left: 0;
    position: absolute;
    top: 231px;
    width: 6.8%;
}
.about-us-area:after {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    content: "";
    height: 57%;
    position: absolute;
    right: 0;
    top: 231px;
    width: 7%;
}
.about-us-area .section-title {
    padding-bottom: 115px;
}
.about-info, .about-img {
    padding: 30px 30px;
    background: #fff;
}
.about-info{
  border-top: none;
  padding: 50px 30px 30px;
}
.about-img {
    padding: 0 0 30px 0;
}
.about-info > h2, .follow-us > h2 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #303030;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
}
.follow-us > h2{
    font-size: 14px;
    font-weight: 700;
}
.about-info p {
    font-size: 14px;
    margin-bottom: 25px;
    color: #606060;
    font-weight: 400;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    line-height: 24px;
}
.team-area .section-title h2{
    display: block;
    margin-bottom: 82px;
}
.team-area .owl-theme .owl-controls .owl-buttons div{
    background: #FBFBFB;
}
.single-member-img {
    position: relative;
}
.single-member-img:after{
    position: absolute;
    top: 5%;
    left: 5%;
    height: 90%;
    width: 90%;
    background: rgba(107, 197, 19, 0.65);
    content: "";
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.who-wrapper{
    position: relative;
    display: inline-block;
}
.who-wrapper:before {
    border: 10px solid #ffffff;
    content: "";
    height: 119%;
    left: 0;
    position: absolute;
    top: -40px;
    width: 100%;
    z-index: 9;
}
.single-member-info{
    position: absolute;
    top:33%;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    padding: 0 35px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.single-member:hover .single-member-img:after{
    opacity: 1;
    filter: alpha(opacity=100);
}
.single-member:hover .single-member-info{
    opacity: 1;
    filter: alpha(opacity=100);
}
.single-member-info h3{
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}
.single-member-info h4{
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
}
.single-member-info p{
    color: #fff;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 30px;
}
.member-social-icon ul{
    margin: 0;
    padding: 0;
    list-style: none;
}
.member-social-icon ul li{
    display: inline-block;
    height: 30px;
    width:30px;
    text-align: center;
    font-size: 19px;
    margin-right: 15px;
}
.member-social-icon ul li:last-child{
    margin-right: 0px;
}
.member-social-icon ul li i{
    color: #fff;
    display: block;
    line-height: 29px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
/*--------------------------------------------*/
/* 16. Contact us CSS
/*--------------------------------------------*/
.contact-us-area{
    padding-top: 80px;
    padding-bottom: 50px;
}
.contact-us-area .section-title h2{
    margin-bottom: 114px;
}
.contact-form {
    background-image: url("../img/banner/2.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
}
.contact-form h2, .contact-address h2{
    color: #303030;
    font-size:18px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.contact-form input, .contact-form textarea{
    border: 1px solid #EEEEEE;
    height: 42px;
    width: 100%;
    padding-left: 20px;
    text-transform: capitalize;
    color: #909090;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    margin-bottom: 20px;
}
.contact-form textarea{
    height: inherit;
}
.contact-form input:hover{
    border: 1px solid #D01520;
}
button[type=submit]{
    background: #D01520;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    letter-spacing: 2px;
    height: 42px;
    width: 100%;
    border: none;
}
.contact-icon {
    display: inline-table;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
.contact-icon i{
    color: #666666;
    font-size: 20px;
    border: 1px solid #666666;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}
.contact-icon p{
    display: inline-block;
}
.single-address{
    margin-bottom: 32px;
}
.contact-address-wrapper{
    background: #fff;
    padding: 70px 30px;
    border: 1px solid #eee;
}
.contact-address p{
    color: #606060;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    line-height: 22px;
}
/*--------------------------------------------*/
/* 17. Checkout CSS
/*--------------------------------------------*/
.checkout-area {
    padding-top: 60px;
    background: #FBFBFB;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border-color: #dddddd;
    color: #333333;
}
.panel-group:last-child {
    margin-bottom: 0;
}
.arrival-area.checkout{padding-bottom: 50px}
.checkout-step a.collapsed h5, .checkout-step h5, .checkout-progress h4 {
    background: #ebebeb;
    padding: 10px 15px;
    color: #252525;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}
.panel {
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
}
.checkout-progress h4 {
    padding: 14px 0 13px 25px;
}
.checkout-right ul {
    padding-left: 10px;
    padding-top: 24px;
}
.checkout-right ul li{
    text-transform: capitalize;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    padding: 7px 0;
}
.checkout-right ul li:last-child{
    padding-bottom: 25px;
    border-bottom: none;
}
.checkout-right ul li a{
    font-size: 14px;
    color: #8c8c8c;
}
.registered-user form p:nth-child(2) {
    margin-bottom: 0;
}
.checkout-right ul li:hover a{
    color: #D01520;
}
.checkout-right ul li i{
    margin-right: 20px;
}
.checkout-step a.collapsed h5 span, .checkout-step h5 span {
    background-color: #fff;
    color: #000000;
    display: inline-block;
    height: 22px;
    margin-right: 15px;
    padding-top: 3px;
    text-align: center;
    width: 22px;
}
.checkout-step h5, .checkout-progress h4 {
    background-color: #fff;
    color: #252525;
    border: 1px solid #eee;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0;
}
.checkout-step a.collapsed h5 span {
    background-color: #252525;
    color: #fff;
}
.inner-step {
    padding: 15px 0;
}
.inner-step h5, .guest-or-user h5 {
    color: #303030;
    font-family: 'Microsoft yahei', "Josefin Sans",sans-serif;
    font-size: 12px;
    padding: 0 0 10px;
    font-weight: 600;
}
.checkout-area .panel-default {
    border: none;
}
.checkout-area .panel {
  box-shadow: none;
}
.guest-or-user p, .registered-user span, .guest-or-user li {
    color: #606060;
    font-family: 'Microsoft yahei', "Lato",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px;
}
.registered-user span{
    margin-left: 0px;
}
.guest-or-user li{
    color: #606060;
}
.registered-user span {
    text-transform: capitalize;
}
.registered-user form span {
  color: #ff0000;
  display: inline-block;
  margin-right: 4px;
}
.guest-or-user form {
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 15px;
}
.guest-or-user form p {
    color: #000000;
    font-family: 'Microsoft yahei', "Lato",sans-serif;
    font-size: 14px;
    margin-bottom: 0;
}
.guest-or-user input[type="radio"] {
    margin-right: 10px;
}
.guest-or-user h6, .registered-user > p {
    color: #000000;
    font-family: 'Microsoft yahei', "Lato",sans-serif;
    font-size: 14px;
    margin-bottom: 18px;
    margin-left: 15px;
}
.registered-user > p {
    margin-bottom: 10px;
    color: #606060;
    margin-left: 0;
}
.guest-or-user ul li i {
    margin-right: 15px;
}
.guest-or-user a{
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
}
.guest-or-user ul {
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 25px;
}
.guest-or-user li {
    margin-left: 15px;
}
.checkout-area .panel-group .panel-heading + .panel-collapse > .list-group, .checkout-area .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: none;
}
.checkout-area .panel-body {
    padding: 10px 0;
}
.btn-continue, .registered-user input[type="submit"], .inner-step input[type="submit"], .registered-user input[type="submit"] {
    display: inline-block;
    padding: 7px 25px;
    text-transform: uppercase;
    color: #303030;
    border: 2px solid #000;
    float: right;
    margin-top: 25px;
    letter-spacing: 2px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-size: 12px;
    background: #fff;
}
.panel-heading {
    padding: 10px 15px 10px 0;
}
.btn-continue:hover, .registered-user input[type="submit"]:hover, .inner-step input[type="submit"]:hover{
    background-color: #D01520;
    border: 2px solid #D01520;
    color: #fff;
}
.guest-or-user .btn-continue {
    float: inherit;
}
.registered-user input[type="submit"] {
    width: auto;
}
.registered-user input[type="email"], .registered-user input[type="password"] {
    width: 100%;
    margin-bottom: 5px;
    margin-top: 6px;
    padding: 5px;
}
.registered-user p a {
    color: #8c8c8c;
    font-size: 12px;
    text-transform: capitalize;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
}
.guest-or-user input[type="radio"] {
    width: 5%;
}
.inner-step input {
    border: 1px solid #cccccc;
    margin-bottom: 15px;
    padding: 3px 10px;
    width: 100%;
}
.inner-step form input[placeholder]{
    text-transform: capitalize;
}
.registered-user input {
    width: 100%;
    background: #EBEBEB;
    border: none;
}
.registered-user form span {
  color: #ff0000;
  margin-right: 4px;
}
.inner-step input.first_name, .inner-step input.last_name,  .inner-step input.email_address, .inner-step input.phone_number  {
    width: 48%;
}
.inner-step input.last_name, .inner-step input.phone_number {
    float: right;
}
.form-footer {
    overflow: hidden;
}
.form-footer p input {
    width: auto;
    margin-right: 10px;
}
.form-footer p {
    float: left;
}
.form-footer input[type="submit"] {
    width: auto;
    margin-bottom: 0px;
    margin-top: 0px;
}
.payment-method {
    margin-bottom: 30px;
}
.payment-method p {
    float: left;
    margin-right: 30px;
}
.payment-method ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.payment-method ul li {
    display: inline-block;
}
.payment-method ul li a{
    display: block;
    border: 1px solid #ccc;
}
.method-footer {
    position: relative;
    overflow: hidden;
}
.method-footer h5 {
    border: none;
}
.method-footer a.btn-continue {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.method-footer div.left {
    float: left;
    margin-top: 30px;
}
.method-footer div.left p {
    display: block;
    float: none;
}
.checkout-process h5 {
    border-bottom: 2px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.checkout-process ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
.checkout-process ul li {
    display: block;
    border-bottom: 2px solid #ccc;
    margin-bottom: 3px;
}
.checkout-process ul li a {
    display: block;
    padding: 3px 0px;
    color: #464646;
    font-weight: 400;
    font-size: 12px;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.checkout-process ul li a:hover {
    color: #C38749;
    margin-left: 4px;
}
/*--------------------------------------------*/
/* 18. Cart CSS
/*--------------------------------------------*/
.cart-area{
    padding-top: 80px;
    background: #FBFBFB;
}
.table_cart {
    text-align: center;
    width: 100%;
}
.table-bordered {
    border: 1px solid #dddddd;
}
.pp_quantity .category-items {
    -moz-appearance: none;
    background: url(../img/icon/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.pp_quantity {
  border: 1px solid #e3e3e3;
}
a.continue-shopping, .discount-code > input[type="submit"], .total.text-right > input{
    font-size: 14px;
    color: #fff;
    background: #303030;
    text-transform: uppercase;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    padding: 10px 30px;
    display: inline-block;
    border: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    margin-top: 30px;
}
a.continue-shopping:first-child{
    margin-right: 10px;
}
a.continue-shopping:hover, .discount-code > input[type="submit"]:hover, .total.text-right > input[type="submit"]:hover{
    background: #D01520;
}
thead {
    background: #ffffff none repeat scroll 0 0;
}
.cart_list thead th {
    color: #303030;
    font-size: 14px;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
}
.stock > a {
    color: #30b878;
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.stock > a:hover {
    color: #FA5959;
}
th.add-cart > a {
    font-size: 14px;
    background: #303030;
    color: #fff;
    font-weight: 700;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    padding: 5px 15px;
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
th.add-cart > a:hover {
    background: #D01520;
}
.add-cart {
    padding: 5px 15px;
}
td.product_des h3 a{
    font-size: 14px;
    color: #606060;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
td.product_des h3 a:hover{
    color: #D01520;
}
.cart_list tbody td.product_des {
    padding: 0px 124px;
    text-align: left;
}
.cart_list tbody td.u_price {
    padding: 0px 40px;
}
.cart_list tbody td.p_value {
    padding: 0px 35px;
}
.p_action > a >i{
    color: #FA5959;
    font-size: 22px;
}
.table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
   border-bottom-width: 1px;
}
.u_price, .p_value {
    color: #3e3f3f;
    font-family: 'Microsoft yahei', "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.p_value {
    color: #c43b68;
}
.u_price, .p_value {
    color: #303030;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
}
.other-cart-info{
    margin-top: 30px;
}
.cart_list tbody td {
    padding: 20px 25px;
}
.discount-code, .total {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    display: inline-block;
    float: left;
    padding: 28px 30px;
    margin-top: 30px;
}
.total {
    margin-left: 25px;
    padding-bottom: 31px;
    text-align: right;
    width: 341px;
}
.cart-info{
    margin-top: 30px;
}
.discount-code h2{
    font-size: 14px;
    color: #303030;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.total h2{
    margin-bottom: 15px;
    font-size: 14px;
    color: #606060;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
.total h2.strong{
    margin-bottom: 15px;
    font-size: 14px;
    color: #303030;
    font-weight: 700;
    font-family: 'Microsoft yahei', 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
.discount-code p{
    font-size: 14px;
    color: #606060;
    font-family: 'Microsoft yahei', 'Lato', sans-serif;
    font-weight: 400;
}
.discount-code > input {
    border: 1px solid #dddddd;
    height: 38px;
    margin-bottom: 20px;
    padding-left: 10px;
    width: 235px;
}
.discount-code > input[type="submit"] {
    margin-bottom: 0px;
}
.discount-code > input[type="submit"], .total > input[type="submit"]{
    padding: 12px 20px;
    height: 36px;
    width: 150px;
    margin-top: 0;
    display: block;
    line-height: 12px;
}
.process-checkout{float:right}
.total span {
    margin-left: 75px;
    text-align: right !important;
}
.total > input[type="submit"]{
    width: 200px !important;
    margin-top: 55px;
    display: block;
}
/*--------------------------------------------*/
/* 19. Wishlist CSS
/*--------------------------------------------*/
.wishlist-area{
    background: #FBFBFB;
    padding-top: 80px;
}
/*----------------------------------------*/
/*  20. Shortcodes CSS
/*----------------------------------------*/
.shortcodes-area{
    padding-bottom: 80px;
}
.shortcodes-title h4{
    padding-top: 80px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    text-transform: uppercase;;
    position: relative;
}
.shortcodes-title h4:after{
    content: "";
    background:  #303030;
    width: 100px;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.shortcodes-area .btn-group, .shortcodes-area .dropdown{
    padding-bottom: 30px;
}
.shortcodes-area .panel-heading {
  padding: 17px 15px 17px 0;
}
/*--------------------------------------------*/
/* 21. Mobile Menu CSS
/*--------------------------------------------*/
.mobile-menu-area {
    background: #D01520 none repeat scroll 0 0;
    display: none;
}
.mean-container .mean-bar:after {
    display: none;
}
.mean-container .mean-nav ul li a:hover {
    color: #D01520;
    background: none;
}
.mean-container a.meanmenu-reveal span {
    background: #fff;
}
.mean-container .mean-nav ul li a {
    background: #fff;
    color: #303030;
    display: block;
}
.mean-container .mean-nav ul li a.mean-expand {
    background: none;
    top: -4px;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
    background: none;
}
.mean-container .mean-nav ul li {
    background: #fff;
}
.mean-container .mean-nav ul li li a {
    color: #303030;
    opacity: .90;
    filter: alpha(opacity=90);
    border-top: 0;
}
.mean-container a.meanmenu-reveal {
    color: #444;
}
.meanmenu-reveal.meanclose:hover {
    color: #303030 !important;
}
.mean-container a.meanmenu-reveal:hover span {
    background: #303030;
}
.mobile-menu-area .mean-nav {
    background: #D01520 none repeat scroll 0 0;
}
.mean-last {
    margin-bottom: 20px;
}
.mobile-menu {
    position: relative;
}
.mean-container .mean-bar:before {
    color: #ffffff;
    content: "MENU";
    font-size: 18px;
    font-weight: 600;
    left: 10px;
    position: absolute;
    top: 10px;
}
.white-hover {
    display: block;
    position: relative;
}
.white-hover:hover:before {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.white-hover:before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 500ms ease 0s;
            transition: all 500ms ease 0s;
}