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

    Template Name: Plash Spa 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: #FF6A00;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: 'B Yekan', sans-serif}
@font-face {
font-family: 'B Yekan';
    src: url('./fonts/BYekan.eot?#');
    src: url('./fonts/lato-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/BYekan.woff') format('woff'),
         url('./fonts/BYekan.ttf') format('truetype');

    font-weight: normal;
    font-style: normal;
}
/*----------------------------------------*/
/*  3.  Home One CSS
/*----------------------------------------*/
.header-area{
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    background: rgba(255, 255, 255, 0.75);
    position: fixed;
}
.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{

}
.language-usd ul > li > a, .account-login ul > li > a, .mainmenu ul > li > a {
    color: #303030;
    display: block;
    font-family: "B Yekan",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;
    right: 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: 108px;
    z-index: -99;
    border-top: 2px solid #FF6A00;
    text-align: right;
}
.account-login ul > li > ul.submenu-mainmenu, .account-cart ul > li > ul.submenu-mainmenu {
    left: 0px;
    right: auto;
}
.account-cart ul > li > ul.submenu-mainmenu {
    width: 170px;
}
.language-usd ul > li > ul.submenu-mainmenu {
    width: 96px;
}
.single-cart-item {
    margin-top: 10px;
}
.cart-img{
    margin-right: 8px;
}
.cart-info > a {
    color: #606060;
    font-size: 12px;
    font-family: 'B Yekan', 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: 282px;
}
.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: #FF6A00;
    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: #FF6A00;
}
.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: left;
}
.header-top-left, .logo {
    float: left;
}
.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: #FF6A00;
    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 #FF6A00;
    background: #FF6A00;
    color: #fff;
}
.logo{
    padding: 18px 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-left: 45px;
    padding: 25px 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: 'B Yekan', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.mainmenu ul li:hover a, .account-cart ul li.cart a:hover{
    color: #FF6A00;
}
.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: #FF6A00 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: 'B Yekan', 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: 'B Yekan', sans-serif;
    text-transform: uppercase;
    background: #FF6A00;
    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: left;
    padding: 25px 0px 25px 0;
}
.cart-img, .mainmenu ul li .mega-menu span {
    float: right;
}
.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: #FF6A00 #adadad #adadad;
    border-image: none;
    border-style: solid;
    border-width: 2px 1px 1px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    right: auto;
    margin: 0;
    padding: 35px 35px 20px 0;
    position: absolute;
    text-align: right;
    top: 90px;
    transform: rotateX(90deg);
    transform-origin: center top 0;
    transition: all 0.6s ease 0s;
    visibility: hidden;
    width: 770px;
    z-index: -99;
}
.mainmenu ul li .mega-menu span {
    width: 20%;
}
.mainmenu ul li .mega-menu span a.title, .mainmenu ul li .mega-menu span a{
    font-size: 12px;
    color: #303030;
    font-family: 'B Yekan', 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: #FF6A00;
    margin-left: 5px;
}
.mainmenu ul li .mega-menu span:last-child {
    padding-left: 37px;
    width: 40%;
}
/*----------------------------------------*/
/*  4.  Slider CSS
/*----------------------------------------*/
.nivo-caption {
    top: 50%;
    right: 42%;
    left: auto;
}
.nivo_text{}
.nivo_text .slider-text-1 h1 span{
    color: #FF6A00;
    font-size: 40px;
    font-family: 'B Yekan';
}
.nivo_text .slider-text-1 h1{
    font-size: 40px;
    color: #606060;
    text-transform: uppercase;
    font-family: 'B Yekan';
}
.nivo_text .slider-text-2 p{
    font-size: 14px;
    color: #606060;
    font-family: 'B Yekan', 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: #FF6A00;
    border: 2px solid #FF6A00;
}
.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: 'B Yekan', 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: 'B Yekan', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.slider-bottom-right-bottom-text h3{
    font-weight: 700;
    color: #FF6A00;
    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: 'B Yekan', 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: #FF6A00;
    border: 2px solid #FF6A00;
}
.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: #FF6A00;}
/*----------------------------------------*/
/*  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: 'B Yekan', 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;
    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: 25%;
    left:0;
    right: 0;
    text-align: center;
}
.single-product-hover h4 a{
    font-size: 18px;
    color: #FF6A00;
    font-family: 'B Yekan', 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: "B Yekan",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: #FF6A00;
    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: 'B Yekan', sans-serif;
    font-weight: 600;
    padding: 11px 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: #FFFF;
}
.off-banner-text{
    padding-top: 64px;
    padding-right: 33px;
    padding-bottom: 26px;
}

.off-banner-text h1 {
    color: #FF6A00;
    font-family: "B Yekan",sans-serif;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 15px;
}
.off-banner-text p{
    color: #707070;
    font-size: 14px;
    font-family: 'B Yekan', sans-serif;
    font-weight: 400;
    margin-bottom: 25px;
    white-space: break-spaces;
}
.off-price-cart{
    margin-top: 30px;
}
.off-price-cart h2 {
    color: #6bc513;
    display: inline-block;
    font-family: "B Yekan",sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-left: 25px;
    position: relative;
    top: 7px;
    float: right;
}
.off-price-cart a.off-add-cart{
    color: #303030;
    font-family: "B Yekan";
       font-size: 12px;
    border: 2px solid #303030;
    padding: 10px 20px;
    text-transform: uppercase;
    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;
    box-shadow: -15px 15px 5px -5px #e1e1e1;
}
.off-banner-img img{
    width: 100%;
    border-radius: 21px;
}
/*----------------------------------------*/
/*  8.  Service CSS
/*----------------------------------------*/
.service-area{
    background: #FBFBFB;
    padding: 80px 0;
}
.service-area-design{
    background: #FBFBFB;
    padding-top: 80px;
}
.single-service {
    background: #ffffff none repeat scroll 0 0;

}
.single-service-icon, .single-service-info{
    display: inline-block;
}
.single-service-info h5{
    color: #303030;
    font-size: 18px;
    font-family: 'B Yekan', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.single-service-info p{
    color: #606060;
    font-size: 14px;
    font-family: 'B Yekan', sans-serif;
    font-weight: 400;
}
.single-service-icon {

    margin-left: 20px;
}
.single-service-icon i{
    color: #ff5904;;
    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 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;
    float: right;
}
.newsletter-social-icon ul a i:hover{
    background: #3b5998;
    color: #fff;
    border: 1px solid #3b5998;
}
.newsletter-info > h2 {
    display: inline-block;
    float: right;
    font-family: "B Yekan",sans-serif;
    font-size: 18px;
    margin-left: 20px;
    text-transform: uppercase;
    margin-top: 15px;
}
.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;
    left: 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: #ffffff none repeat scroll 0 0;
    border: 1px solid #303030;
    padding: 14px 11px 14px 85px;
    width: 100%;
    text-align: right;
}
/*----------------------------------------*/
/*  10. Footer CSS
/*----------------------------------------*/
.footer-area{
    background: #F7F7F7;
    padding-top: 80px;
}
.main-footer-area{
    padding-bottom: 50px;
}
.footer-icon {
    display: inline-block;
    float: right;
}
.footer-address 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-left: 20px;
}
.footer-address p{
    color: #606060;
    font-size: 14px;
    font-family: 'B Yekan', sans-serif;
    font-weight: 600;
}
.footer-widget.address .footer-address:nth-child(2) {
    margin-bottom: 15px;
}
.footer-widget ul, .footer-widget.payment p{
    margin-top: 30px;
}
.footer-widget h5{
    color: #303030;
    font-size: 18px;
    font-family: 'B Yekan', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
}
.footer-widget h5:after{
    position: absolute;
    right: 0;
    bottom: -10px;
    content: "";
    background: #DDDDDD;
    height: 1px;
    width: 35px;
}
.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: 'B Yekan', 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: #FF6A00;
    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-area2{
    background-image: url(/./././img/banner/2.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.banner-area3{
    background-image: url(/./././img/banner/3.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: #000000;
    font-size: 30px;
    font-family: 'B Yekan', 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: 'B Yekan', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
}
.breadcrumbs ul li a{}
.shop-grid-area{
    background-color: #FBFBFB;
    padding-top: 80px;
}
.shop-tab ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.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: 'B Yekan', 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: "";
    cursor: pointer;
    font-family: "Material-Design-Iconic-Font";
    font-size: 20px;
    height: 100%;
    left: -35px;
    position: absolute;
    top: 0;
    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: "B Yekan",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: 'B Yekan', 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;
    left: 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-right: 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: #ffffff;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    border-top: 1px solid #eeeeee;
    padding: 16px 30px 15px;
}
.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-details-area-design{
    background-color: #FBFBFB;
   }
.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:first-child {
    margin-right: 0px;
}
.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-left: 15px;
    padding-left: 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: right;
    margin-left: 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: right;
    position: relative;
}
.description-tab-menu ul li a {
    color: orangered;
    display: block;
    font-family: 'B Yekan', sans-serif;
    font-size: 14px;
    padding-right: 8px;
    text-transform: uppercase;
}
.description-tab-menu ul li:last-child a{

}
.description-tab-menu {
    border-bottom: 1px solid #dddddd;
    overflow: hidden;
    padding-bottom: 10px;
}
.description-tab-menu.text-right ul {
    float: right;
}
#description > p, #specification > p, #review > p, .tab-caroursel-twenty .tab-content p, .tab-content ul li {
    color: #606060;
    font-size: 14px;
    font-family: 'B Yekan', 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: 5px;
}
.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-left: 12px;
    float: right;
    margin-top: 9px;
}
.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: #f6f4ff;
}
.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-right: 55px;
    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 #eeeeee;
    border-top: 1px solid #eeeeee;
    content: "";
    height: 56.9%;
    position: absolute;
    right: 0;
    top: 231px;
    width: 7%;
} */
.about-us-area .section-title {
    padding-bottom: 115px;
}
.about-info, .about-img {
    padding: 55px 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: 'B Yekan', 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: 'B Yekan', 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{}
.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: 'B Yekan', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: right;
}
.contact-info {
  text-align: right;
}
.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: 'B Yekan', 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;
    font-size: 12px;
    font-family: 'B Yekan', sans-serif;
    height: 42px;
    width: 100%;
    border: none;
}
.contact-icon {
    display: inline-table;
    float: right;
    margin-left: 15px;
    margin-top: 5px;
}
.contact-form-info input, .contact-form-info textarea {
  text-align: right;
  padding-right: 10px;
}
.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: 'B Yekan', 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 25px 13px 0px;
}
#last.last_name, #phone {
    margin-left: 30px;
}
.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;
    text-align: right;
}
.newsletter-info {
  float: right;
}
.shortcodes-area .progress {
  margin-bottom: 16px;
}
.shortcodes-title h4:after{
    content: "";
    background:  #303030;
    width: 100px;
    height: 3px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.shortcodes-area .btn-group, .shortcodes-area .dropdown{
    padding-bottom: 30px;
}
.shortcodes-area .panel-heading {
    padding: 17px 15px 17px 0;
}
.btn-toolbar {
    float: right;
}
.progress-bar {
    float: right;
}
.dropdown-menu { right: 0}
.dropdown-menu > li > a {text-align: right;}
/*--------------------------------------------*/
/* 21. Mobile Menu CSS
/*--------------------------------------------*/
.mobile-menu-area {
    background: #FF5904  none repeat scroll 0 0;
    display: none;
}
.mean-container .mean-bar:after {
    display: none;
}
.mean-container .mean-nav ul li a:hover {
    color: #FF5904 ;
    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: #FF5904  none repeat scroll 0 0;
}
.mean-last {
    margin-bottom: 20px;
}
.mobile-menu {
    position: relative;
}
.mean-container .mean-bar:before {
    color: #ffffff;
    content: "منو";
    font-size: 18px;
    font-weight: 600;
    right: 45px;
    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;
}
.account-login{
    padding-top: 14px;
    margin-left: 33px;

}
.texttable{
    text-align: right !important;
    background: #FF6A00;
    color: #FFF;
}
.FastRew{
    background: #C3CC0C;
    padding: 5px;
    border-radius: 10px;
    color: #FFF;
    font-size: 22px;
    margin: 2px;

}
#logo-login{
    text-align: center;
    padding: 32px 30px;
}
#logo-login img{
width: 30%;
}
.login-s {
    width: 50%;
    margin: 0px auto;
    padding-bottom: 35px;
}
.padding {
    padding-top: 48px;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.controls{
    text-align: center;
}
#error{
    color: red;
    font-size: 16px;
}
.select {
    float: right;
    padding-right: 33px;
    position: relative;
    float: right;
    clear: none;
    overflow: hidden;
    font-family: inherit;
}
select {
    padding: 3px;
    padding-right: 3px;
    margin: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    color: #888;
    border: none;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    width: 175px;
    height: 30px;
    font-family: byekan;
    text-align: right;
    direction: rtl;
}
#check1{
    margin: 13px;
}
.dim2 {

    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999999999999!important;
    background-color: black;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;      /* mozilla, netscape */
    opacity: 0.75;      /* fx, safari, opera */
}
.dim2 img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.dim {
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999999999999999!important;
    background-color: black;
    filter: alpha(opacity=75); /* internet explorer */
    -khtml-opacity: 0.75;      /* khtml, old safari */
    -moz-opacity: 0.75;      /* mozilla, netscape */
    opacity: 0.75;      /* fx, safari, opera */
}
.dim img {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.calprice{
    font-size: 24px;
}

/*upload form*/
/* Form */
#uploaderform {
    margin: 0 auto;
    width: 400px;
    padding: 14px;
    border: solid 1px #EBE6E6;
    background: #F5F5F5;
    border-radius: 10px;
    -moz-border-radius: 10px;
    font-family: "B Yekan";
    margin-bottom: 32px;
}
#uploaderform h1 {

    font-family: "B Yekan";
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
}
#uploaderform p {
    font-family: "B Yekan" !important;
    font-size: 11px;
    color: #666666;
    margin-bottom: 20px;
    border-bottom: solid 1px #E0E0E0;
    padding-bottom: 10px;
}
#uploaderform label {
    font-family: "B Yekan" !important;
    display: block;
    font-weight: bold;
    text-align: right;
    width: 140px;
    float: right;
    color: #000;
}
#UploadForm label span.small a#AddMoreFileBox {
    color: #000;
}
#uploaderform .small {
    color: #666666;
    display: block;
    font-size: 11px;
    font-weight: normal;
    text-align: right;
    width: 140px;
}
#AddFileInputBox span {
    display: block;
    clear: both;
}
.sep_s {
    margin-top: 70px!important;
}
#AddFileInputBox .small2 {
    font-size: 11px;
    font-weight: normal;
    text-align: right;
}
#AddFileInputBox .small2 img {
    margin-top: 10px;
    margin-left: 5px;
    float: left;
    border: none;
}
.addedInput {
    margin-left: 150px!important;
    margin-bottom: 5px!important;
}
#uploaderform input {
    font-family: "B Yekan" !important;
    float: right;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #E0E0E0;
    width: 200px;
    margin: 2px 0 20px 10px;
    color: #000;
}
#uploaderform textarea {
    float: right;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #E0E0E0;
    width: 200px;
    margin: 2px 0 20px 10px;
    height: 100px;
}
#uploaderform select {

    float: right;
    font-size: 12px;
    padding: 4px 2px;
    border: solid 1px #E0E0E0;
    width: 200px;
    margin: 2px 0 20px 10px;
}
#output ul {
    margin: 20px;
    padding: 0px;
}
#output li {
    margin-bottom: 20px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 10px;
    list-style: none;
    background: #DDD;
    padding: 10px;
    overflow: hidden;
    border-radius: 10px;
    -moz-border-radius: 10px;
}
.pat {
    width: 500px;
    top: 0px;
    position: absolute !important;
    left: 0;
    right: 0;
    margin-left: auto;
}
/* result */
#uploadResults {
    width: 600px;
    margin-right: auto;
    margin-left: auto;
}
#progressbox {
    border: 1px solid #0099CC;
    padding: 1px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 10px;
    display: none;
    text-align: left;
}
#progressbar {
    height: 20px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background-color: #006699;
    width: 1%;
}
#statustxt {
    top: 3px;
    left: 50%;
    position: absolute;
    display: inline-block;
    color: #000000;
    font-size: 12px;
    line-height: 15px;
}
.button{
    font-family: "B Yekan" !important;
}
.preview{
    padding: 5px 0px;
}
#delimg{
    display: contents;
    font-size: 19px;
    color: white;
    background: red;
    border-radius: 9px;
    padding: 7px;
}
.delivery{
    width: 100%;
    min-height: 40px;
    font-family: "B Yekan";
}
#low {


    width: 700px;
    background-color: #CCC;
    border-radius: 15px;
    position: absolute;
    padding: 50px;
    z-index: 500;
    text-align: center;
    overflow: hidden;
    left: -100%;
    width:579px;
}
#lowtext {
    background-color: #FFF;
    padding: 20px;
    direction: rtl;
    text-align: right;
    font-size: 12px;
}
#acc {
    background-color: #FFF;
    margin-right: 207px;
    margin-bottom: -26px;
    margin-top: 19px;
}
.close {
        margin-left: 7px;
}
.panel-body{
    background: #FFF;
    border-radius: 21px;
    box-shadow: 2px 3px 10px 5px rgba(155, 155, 155, 0.11);
}
.modal-content {
    margin: 50% auto;
}
.modal-content img{
   width: 40%;
}
#multipay{background-color:rgb(255, 162, 0); color:rgb(255, 255, 255);height:45px;border-radius:4px;padding:12px;}

.center{
margin: auto;
    float: none !important;
}
.card-header{
    background: #E8E8E8;
    padding: 8px;
    height: 50px;

    }

.card-body{
    background: #F7F7F7;
    padding: 8px;
    float: right;
    width: 100%;
}
.card-footer{
    background: #f4f4f4;
    float: right;
    width: 100%;
}
.d-flex{
    display: flex;
}
.height-auto{
    height: auto !important;
}

.pl-1{
    padding-left: 5px;
}
.pr-1{
    padding-right: 5px;
}
.mr-1{
    margin-right: 5px !important;
}
.mt-5{
   margin-top: 50px;
}
.moh{
    position: relative;
z-index: 999;
margin-right: 123px;
margin-top: -57px;
}

#googleMap {
    border: 0;
    width: 100%;
    min-height: 300px;
}

.table{
    font-size: 18px ;
}

.textorder{
    width: 100%;
    min-height: 150px;
}
.input-takhfif{
    width: 100%;

}

