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

    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: 1200px;
}
.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: #6BC513;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: '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: absolute;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.75);
    z-index: 99;
}
.header-top-area{
    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-login > 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: 15px 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.language-usd ul li:first-child, .account-login ul li:first-child{
    margin-right: 38px;
}
.language-usd ul > li > a, .account-login ul > li > a, .mainmenu ul > li > a {
    color: #303030;
    display: block;
    font-family: "Josefin Sans",sans-serif;
    font-size: 12px;
    position: relative;
    text-transform: uppercase;
    padding-right: 15px;
}
.language-usd ul li ul.submenu-mainmenu li, .account-login ul li ul.submenu-mainmenu li{
    display: inline;
}
.language-usd > ul > li > a:after, .account-login > ul > li > a:after{
    position: absolute;
    content:"\f107";
    font-family: "fontawesome";
    color: #303030;
    font-size: 12px;
    right: 0px;
    top: 0;
}
.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 #6BC513;
}
.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: '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: 230px;
}
.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 16px;
    -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: #6BC513;
    margin-left: 5px;
}
.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: #6BC513;
}
.language-usd > ul > li:hover > a:after, .account-login > ul > li:hover > a:after {
    content: "\f106";
}
.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 > ul.submenu-mainmenu > li.login-button:hover > a{
    color: #303030;
}
.account-login > ul> li.login > ul.submenu-mainmenu > li.login-button > a{
    background: #6BC614;
    padding: 5px 42px;
    color: #fff;
}
.account-login > ul> li.login > ul.submenu-mainmenu > li.login-button:hover > a{
    color: #303030;
}
.account-login > ul > li > ul.submenu-mainmenu > li.creat-button > a{
    border: 1px solid #303030;
    padding: 5px 10px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.account-login > ul > li > ul.submenu-mainmenu > li.creat-button:hover > a{
    border: 1px solid #6BC614;
    background: #6BC614;
    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: 50px;
    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: #303030;
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mainmenu ul li:hover a, .account-cart ul li.cart a:hover{
    color: #6BC614;
}
.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: #6bc513;
    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: #6bc513 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: '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: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
    background: #6BC513;
    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: #6bc513 #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: '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: #6BC513;
    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: #6bc513;
    font-size: 40px;
    font-family: 'latoblack';
}
.nivo_text .slider-text-1 h1{
    font-size: 40px;
    color: #606060;
    text-transform: uppercase;
    font-family: 'latoblack';
}
.nivo_text .slider-text-2 p{
    font-size: 14px;
    color: #606060;
    font-family: '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: #6bc513;
    border: 2px solid #6bc513; 
}
.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: '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: 'Lato', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slider-bottom-right-bottom-text h3{
    font-weight: 700;
    color: #6bc513;
    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: '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: #6BC513;
    border: 2px solid #6BC513;
}
.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: #6BC513;}
/*----------------------------------------*/
/*      6.  Popular CSS
/*----------------------------------------*/
.popular-area{
    padding-bottom: 70px;
}
.popular-area .section-title, .arrival-area .section-title{
    padding-bottom: 75px;
    display: block;
}
.section-title h2{
    font-size: 24px;
    color: #303030;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    position: relative;
}
.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: #6bc513;
    font-family: '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: "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: #6bc513;
    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: #6bc513;
}
ul.cart-metalic li a.add-to-cart{
    font-size: 12px;
    background: #6bc513;
    color: #fff;
    font-family: '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: #6bc513;
    font-family: "Josefin Sans",sans-serif;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 15px;
}
.off-banner-text p{
    color: #707070;
    font-size: 14px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
}
.off-price-cart{
    margin-top: 30px;
}
.off-price-cart h2 {
    color: #6bc513;
    display: inline-block;
    font-family: "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: '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: #6bc513;
    border: 2px solid #6bc513;
}
.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: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.single-service-info p{
    color: #606060;
    font-size: 14px;
    font-family: '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: '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: #6BC513;
    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: 'Josefin Sans', sans-serif;
    font-weight: 600;
}
.footer-widget.address .footer-address:nth-child(2){
    margin-bottom: 15px;
}
.footer-widget h5{
    color: #303030;
    font-size: 18px;
    font-family: '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-address, .footer-logo{
    margin-bottom: 30px;
}
.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: '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: #6BC513;
    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: #6BC513;
}
/*----------------------------------------*/
/*  11. Scroll Up CSS
/*----------------------------------------*/
#scrollUp {
    background: #6BC513 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(107, 197, 19, 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: '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: '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 #6BC513;
    color: #6BC513;
}
.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: '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: "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: 25px 22px;
    margin-bottom: 30px;
}
.single-left-widget .section-title h4 {
    text-transform: uppercase;
    font-size: 14px;
    color: #303030;
    font-weight: bold;
    font-family: '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: '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: #6bc513;
}
.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: #6bc513 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 #6bc513;
}
.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: #6BC513;
}
.widget-banner{
    margin-bottom: 30px;
    position: relative;
}
.widget-banner:after{
    position: absolute;
    left:0;
    top: 0;
    width: 100%;
    height: 100%;
    content:"";
    background: rgba(0, 0, 0, 0.5);
}
.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: 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 45px;
    text-transform: uppercase;
}
a.shop-now{
    background: #6BC513;
    font-size: 12px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 600;
    font-family: '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: 'Josefin Sans', sans-serif;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.pagination-indicator ul li a{
    color: #6BC513;
}
.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: '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: #6bc513;
}
.single-product-info p {
    color: #606060;
    font-family: "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: '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: '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: #6BC513;
    border: 1px solid #6BC513;
}
.product-detail.single-product-info ul.cart-metalic li a.add-to-cart {
    background: transparent;
    color: #303030;
    font-family: "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: #6BC513;
    color: #fff;
    border: 2px solid #6BC513;
}
.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: "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: '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: '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: '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: '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: '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: '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: '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: '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: '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: 67px 30px;
    background: #fff;
    border: 1px solid #eee;
}
.about-info{
    border-left: none;
}
.about-img {
    padding: 30px;
}
.about-info > h2, .follow-us > h2 {
    font-size: 18px;
    margin-bottom: 15px;
    color: #303030;
    text-transform: uppercase;
    font-weight: 600;
    font-family: '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: '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: 'Josefin Sans', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}
.single-member-info h4{
    font-family: '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: '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: '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: 'Lato', sans-serif;
    margin-bottom: 20px;
}
.contact-form textarea{
    height: inherit;
}
.contact-form input:hover{
    border: 1px solid #6BC513;
}
button[type=submit]{
    background: #6BC513;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-family: '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: '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: '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: '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: #6BC513;
}
.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: '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: "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: "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: "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: "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: 'Lato', sans-serif;
}
.guest-or-user ul {
    font-family: '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: '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: #6BC513;
    border: 2px solid #6BC513;
    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: '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: '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: #6BC513;
}
thead {
    background: #ffffff none repeat scroll 0 0;
}
.cart_list thead th {
    color: #303030;
    font-size: 14px;
    font-family: '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: '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: '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: #6BC513;
}
.add-cart {
    padding: 5px 15px;
}
td.product_des h3 a{
    font-size: 14px;
    color: #606060;
    font-family: 'Lato', sans-serif;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
td.product_des h3 a:hover{
    color: #6BC513;
}
.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: "Lato",sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.p_value {
    color: #c43b68;
}
.u_price, .p_value {
    color: #303030;
    font-family: '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: 'Josefin Sans', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}
.total h2{
    margin-bottom: 15px;
    font-size: 14px;
    color: #606060;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
.total h2.strong{
    margin-bottom: 15px;
    font-size: 14px;
    color: #303030;
    font-weight: 700;
    font-family: 'Josefin Sans', sans-serif;
    text-transform: uppercase;
}
.discount-code p{
    font-size: 14px;
    color: #606060;
    font-family: '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: #6bc513 none repeat scroll 0 0;
    display: none;
}
.mean-container .mean-bar:after {
    display: none;
}
.mean-container .mean-nav ul li a:hover {
    color: #6BC513;
    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: #6BC513 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;
}