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

    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
/*----------------------------------------*/

:root{
    --bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;
    --bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;
    --bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;
    --bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;
    --bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;
    --bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;
    --bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;
    --bs-dark-rgb:33,37,41;
    --bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;
}


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: #0f3fc9;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;
}
.defult-chat {
    padding: .4rem 1rem;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #ffffff;
    width: 25%;
    margin-top: auto;
    margin: 27px;
    width: 250px;
    margin-top: 6px;

}
.defult-avatar{

    margin-left: 20px;
    margin-right: 20px !important;
    margin-right: 0;
    text-align: center;
    margin-top: 19px;
    width: 229px;

}
.chat-defult{
    text-align: right;
}



.defult-avatar img{
    width: 50px;
    height: 50px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 50px;
}
/*----------------------------------------*/
/*  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 #0f3fc9;
    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: #0f3fc9;
    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: #0f3fc9;
}
.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: #0f3fc9;
    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 #0f3fc9;
    background: #0f3fc9;
    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: #0f3fc9;
}
.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: #0f3fc9 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: #0f3fc9;
    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: #0f3fc9 #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: #0f3fc9;
    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: #0f3fc9;
    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: #0f3fc9;
    border: 2px solid #0f3fc9;
}
.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;
    padding-top: 20px;
}
.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: #0f3fc9;
    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: #0f3fc9;
    border: 2px solid #0f3fc9;
}
.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: #0f3fc9;}
/*----------------------------------------*/
/*  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: #0f3fc9;
    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: #0f3fc9;
    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 h4{
    line-height: 1.5 !important;
}

.off-banner-text h1 {
    color: #0f3fc9;
    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-home{
    margin-top: 30px;
}

.service-area-business{
    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;
}

.img-fastfoodd{

    margin-top: 150px;
    border-radius: 20px;
}
/*----------------------------------------*/
/*  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;
}
.active-code{
    margin-top: 8px;
    text-align: center;
}
.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: #0f3fc9;;
    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: #0f3fc9;
    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;
    display: none !important;
}
#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-business-card{
    background-image: url(/./././img/product/business-card/back.webp);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.margin-top-card-desk {
    margin-top: 132px;
}

.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: 16px;
    color: #000;
    margin-right: 24px;
}
.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: #0f3fc9;
    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: #113ff0  none repeat scroll 0 0;
    display: none;
}
.mobile-menu-area {
    background: #113ff0  none repeat scroll 0 0;
    display: none;
}
.mean-container .mean-bar:after {
    display: none;
}
.mean-container .mean-nav ul li a:hover {
    color: #113ff0 ;
    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: #ffffff;
}
.meanmenu-reveal.meanclose:hover {
    color: #23bfd9; !important;
}
.mean-container a.meanmenu-reveal:hover span {
    background: #23bfd9;;
}
.mobile-menu-area .mean-nav {
    background: #113ff0  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;
}
.mobile-menu-en {
    position: relative;
}
.mean-container .mean-bar-en:before {
    color: #ffffff;
    content: "Menu";
    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: #0f3fc9;
    color: #FFF;
}
.FastRew{
    background: #43a1ff;
    font-size: 22px;
    margin: 2px;
    text-align: center;
    padding: 8px;
    border-radius: 10px;

}
.FastRew a{
    color: #FFF;

}

.justify-content-between{
    justify-content: space-between;

}
.display-flex{
    display: flex;
}
.display-flex-2{
    display: flex;
}
.FastRew a:hover{
    color: #0431a1;
    padding: 5px;
}
#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 */
}
#dim2 {
    display: block;
    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 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;
}

.table-back
{
    background: #f2f2f2;
    border-radius: 13px;
    padding: 10px;
    margin: 0 auto;
    width: 101%;
    margin-top: 15px;

}
.factor-mob-table{
    display: none;
}

#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: #b6b6b6;

}
#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: rgba(212, 212, 212, 0.3);
    padding: 8px;
    border-radius: 20px;
}

.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%;

}

.gif-nav{
    border-radius: 20px;
    box-shadow: -15px 15px 5px -5px #666;
    box-shadow: -15px 15px 5px -5px #d9d9d9;
    float: left;
}
.videoModalBtn {
    border-radius: 100%;
    width: 111px;
    height: 111px;
    position: absolute;
    bottom: 19px;
    left: 19px;
    background: #f00;
    border: none;
    color: #FFF;
    animation-name: example;
    animation-duration: 2s;
    animation: example 1.5s infinite;
}



@keyframes example {
    from {background-color: #ff0101;}
    to {background-color: #ff9800;}
}
.modal-business-card{
    margin-top: 100px !important;
}

.productVideo{
    width: 100% !important;
}

.order-title{
    font-size: 16px;
    color: #0f3fc9;
}
.off-banner-text-order {
    padding: 10px 0;
    color: #0f3fc9;
}






.register-mob{
    background: #F9C242;
    padding: 160px 0;

}
.register-mob-icon{
    position: fixed;
    bottom: 0;
    left: 0;
}
.card-body-mob {
    background: #FFF;
    padding: 14px;
    width: 100%;
    border-radius: 27px;
    border: 10px solid #FFCC29;
    margin-top: 50px;
}
.btn-primary-mob  {
    background: #FFCC29 !important;
    color: black !important;
    font-size: 12px;
    font-family: 'B Yekan', sans-serif;
    height: 42px;
    width: 100%;
    border: none;
}
.label-mob{

    color: gray;
    font-size: 14px;
    font-family: 'B Yekan';

}

.register-cod{
    background: #252984;
    padding: 160px 0;
}
.card-body-cod {
    background: #FFF;
    padding: 14px;
    width: 100%;
    border-radius: 27px;
    border: 10px solid #6E33A7;
    margin-top: 50px;
}
.btn-primary-cod  {
    background: #252984 !important;
    color: white !important;
    font-size: 12px;
    font-family: 'B Yekan', sans-serif;
    height: 42px;
    width: 100%;
    border: none;
}
.center-form{
    text-align: center;
    font-size: 20px;
    color: gray;
}
.mobile-menu-bottom{
    display: none;
}

.btn-order-order{
    display: flex;
}
.btn-order-order a{
    width: 100%;
    margin-right: 8px;
}

#btn-help{
    display: none;
}

.mb-10{
    margin-bottom: 10px;
}

.list-order{
    height: 100px;
}
.mr-10{
    margin-right: 10px;
}
.notif
{
    position: fixed;
    background: black;
    width: 387px;
    height: 47px;
    padding: 10px;
    color: white;
    margin-right: 10px;
    border-radius: 8px;
    bottom: 91px;
    right: 9px;
    z-index: 9999;
}
.notif button{
    background: red;
    border: 0;
    padding: 6px;
    border-radius: 5px;
    padding: 5px;
}

.notifBazar
{
    display: none ;
    position: fixed;
    background: red;
    width: 333px;
    height: 47px;
    padding: 10px;
    color: white;
    margin-right: 10px;
    border-radius: 8px;
    bottom: 91px;
    right: 9px;
    z-index: 9999;
}
.notifBazar a{
    background: #a7041a;
    border: 0;
    padding: 6px;
    border-radius: 5px;
    padding: 5px;
    color: #ffffff;
    cursor:pointer;
}
.galery-portfolios{
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;
    height: 380px !important;
}
.card-footer-gallery {
    background: #f4f4f4;
    float: right;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.galery-portfolios-menu
{
    height: 200px;
}
.mb-2{
    margin-bottom: 20px;
}
.mb-3{
    margin-bottom: 30px;
}
.mb-4{
    margin-bottom: 40px;
}

/* .card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem} */
.glassy{
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 27px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:right!important}.float-end{float:left!important}.float-none{float:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{right:0!important}.start-50{right:50%!important}.start-100{right:100%!important}.end-0{left:0!important}.end-50{left:50%!important}.end-100{left:100%!important}.translate-middle{transform:translate(50%,-50%)!important}.translate-middle-x{transform:translateX(50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:1px solid #dee2e6!important}.border-0{border:0!important}.border-top{border-top:1px solid #dee2e6!important}.border-top-0{border-top:0!important}.border-end{border-left:1px solid #dee2e6!important}.border-end-0{border-left:0!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-bottom-0{border-bottom:0!important}.border-start{border-right:1px solid #dee2e6!important}.border-start-0{border-right:0!important}.border-primary{border-color:#0d6efd!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#198754!important}.border-info{border-color:#0dcaf0!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#212529!important}.border-white{border-color:#fff!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-left:0!important;margin-right:0!important}.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}.mx-3{margin-left:1rem!important;margin-right:1rem!important}.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}.mx-5{margin-left:3rem!important;margin-right:3rem!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-left:0!important}.me-1{margin-left:.25rem!important}.me-2{margin-left:.5rem!important}.me-3{margin-left:1rem!important}.me-4{margin-left:1.5rem!important}.me-5{margin-left:3rem!important}.me-auto{margin-left:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-right:0!important}.ms-1{margin-right:.25rem!important}.ms-2{margin-right:.5rem!important}.ms-3{margin-right:1rem!important}.ms-4{margin-right:1.5rem!important}.ms-5{margin-right:3rem!important}.ms-auto{margin-right:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-left:0!important;padding-right:0!important}.px-1{padding-left:.25rem!important;padding-right:.25rem!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.px-3{padding-left:1rem!important;padding-right:1rem!important}.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}.px-5{padding-left:3rem!important;padding-right:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}
.text-start{text-align:right!important}.text-end{text-align:left!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:#6c757d!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;user-select:auto!important}
.rounded{border-radius:.25rem!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:.2rem!important}.rounded-2{border-radius:.25rem!important}.rounded-3{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-top{border-top-right-radius:.25rem!important;border-top-left-radius:.25rem!important}.rounded-end{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-bottom{border-bottom-left-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-start{border-bottom-right-radius:.25rem!important;border-top-right-radius:.25rem!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}
.font-initial{font-style: initial;}
.border-20{border-radius: 20px !important;}

@media (max-width: 576px) {
    .box-200{
        width: 110px;
        height: 110px;
    }
}
@media (min-width: 576px) {
    .box-200{
        width: 200px;
        height: 200px;
    }
}

.hovering {
    --bg-color: #ffd861;
    --bg-color-light: #ffeeba;
    --text-color-hover: #4C5656;
    --box-shadow-color: rgba(97, 218, 255, 0.20);
}

.search-container {
    display: flex;
    align-items: center;
    border: none;
    border-radius: 5px;
    padding: 5px;
}

.search-icon {
    margin-right: 5px;
    color: #999;
}

.search-input {
    border: none;
    outline: none;
    flex: 1;
}


.hover-effect-en{
    max-height: 148px;
    overflow: hidden;
}

.galery-portfolios-en {
    position: relative;
    overflow: hidden;
    padding-top: 20px;
    width: 100%;

}

.badge{display:inline-block;padding:.35em .65em;font-size:.75em;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem}
.btn .badge{position:relative;top:-1px}
.white-space{white-space: nowrap;}

@media(max-width: 450px){
    .flex-direction-column-mob{flex-direction: column !important;}
}