*{
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    src: url('../font/IRANSansWeb.eot');
    src: url('../font/IRANSansWeb.eot') format('embedded-opentype'),
    url('../font/IRANSansWeb.woff2') format('woff2'),
    url('../font/IRANSansWeb.woff') format('woff'),
    url('../font/IRANSansWeb.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    src: url('../font/IRANSansWeb(FaNum).eot');
    src: url('../font/IRANSansWeb(FaNum).eot') format('embedded-opentype'),
    url('../font/IRANSansWeb(FaNum).woff2') format('woff2'),
    url('../font/IRANSansWeb(FaNum).woff') format('woff'),
    url('../font/IRANSansWeb(FaNum).ttf') format('truetype');
}


@font-face {
    font-family: IRANSansBold;
    font-style: normal;
    src: url('../font/bold/IRANSansWeb(FaNum)_Bold.eot');
    src: url('../font/bold/IRANSansWeb(FaNum)_Bold.eot') format('embedded-opentype'),
    url('../font/bold/IRANSansWeb(FaNum)_Bold.woff2') format('woff2'),
    url('../font/bold/IRANSansWeb(FaNum)_Bold.woff') format('woff'),
    url('../font/bold/IRANSansWeb(FaNum)_Bold.ttf') format('truetype');
}

body{
    font-family: 'IRANSans', Tahoma, Arial;
    font-style: normal;
    background-color:#e83f33;
    position: relative;
}

.main{
    background: #fff;
}

a{
    text-decoration: none!important;
    transition: all .3s ease;
}

img{
    max-width: 100%;
    height: auto;
}

.owl-carousel{
    touch-action: manipulation;
    direction: ltr;
}

.ltr-o{
    direction: ltr;
}

.owl-carousel .item{
    direction: rtl;
}

.ltr{
    direction: ltr;
    display: inline-block;
    margin-right: 7px;
}

.header .top-header{
    background: #ececec;
    color: #666;
    font-size: 12px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 4px;
}

.header .top-header .wlc{
    display: inline-block;
    padding: 0 0 0 12px ;
    margin: 0;
}

.header .top-header .list{
    line-height: 18px;
    margin-right: 12px;
    position: relative;
    border-right: 1px #ccc solid;
    padding-right: 10px;
    display: inline-block;
}

.header .top-header .list img{
    margin-top: -3px;
    margin-right: 4px;
    margin-left: 6px;
    max-width: 100%;
    display: inline-block;
}

.header .top-header .list .fa{
    margin-right: 5px;
    font-size: 11px;
}

.header .top-header .list ul{
    min-width: 132px;
    list-style: none;
    right: 0;
    margin: auto;
    position: absolute;
    top: 42px;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: hidden;
    z-index: 1001;
    text-align: right;
}

.header .top-header .list:hover ul{
    margin-top: 0;
    top: 18px;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}

.header .top-header .list ul li{
    display: block;
    background: #fbfbfb;
}

.header .top-header .list ul li a{
    position: relative;
    white-space: nowrap;
    line-height: 30px;
    color: #666;
    font-size: 12px;
    padding-right: 12px;
    display: inline-block;
    text-decoration: none;
    transition: all .3s ease;
}

.header .top-header .list ul li a:hover{
    color: #e83f33;
}

.header .top-header .list ul li a img{
    margin-left: 10px;
}

.header .top-header .text-left .text{
    display: inline-block;
    margin-left: 12px;
}

.header .top-header .text-left .links{
    list-style: none;
    display: inline-block;
}

.header .top-header .text-left .links li{
    display: inline-block;
    position: relative;
}

.header .top-header .text-left .links >li >a {
    display: inline-block;
    text-decoration: none;
    color: #666;
    border-right: 1px #ccc solid;
    padding:0 8px 0 8px;
    transition: all .3s ease;
}

.header .top-header .text-left .links >li >a:hover{
    color: #e83f33;
}

.header .top-header .text-left .links .fa{
    margin-right: 7px;
    margin-top: 4px;
    float: left;
    font-size: 11px;
}

.header .top-header .text-left .links .my-list{
    border: 1px solid rgba(0,0,0,.1);
    min-width: 140px;
    padding: 5px 0;
    right: 0;
    left: auto;
    float: right;
    text-align: right;
    position: absolute;
    top: 100%;
    z-index: 1000;
    display: none;
    margin: 2px 0 0;
    font-size: 14px;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.header .top-header .text-left .links .my-list.open{
    display: block;
}

.header .top-header .text-left .links .my-list li{
    display: inline-block;
    width: 100%;
    padding: 4px;
}

.header .top-header .text-left .links .my-list li a {
    display: inline-block;
    padding-right: 8px;
    text-decoration: none;
    color: #666;
    font-size: 12px;
    transition: all .3s ease;
}

.header .top-header .text-left .links .my-list .divider {
    margin: 5px 0;
    height: 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    padding: 0px !important;
}

.header .top-header .text-left .links .my-list>li>a:focus, .header .top-header .text-left .links .my-list>li>a:hover {
    color: #e83f33;
    text-decoration: none;
    background-color: transparent;
}

.header .inner-header .logo{
    vertical-align: middle;
    margin-top: 30px;
    margin-bottom: 35px;
    text-decoration: none;
    display: block;
}

.header .inner-header .logo img{
    max-width: 100%;
    height: auto;
}

.header .inner-header .search-form{
    margin-top: 30px;
}

.header .inner-header .search-form .input-group {
    border: 5px solid #e4e4e4;
    border-radius: 5px;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    background: #fff;
    position: relative;
    outline: none;
    border-collapse: separate;
}

.header .inner-header .search-form .input-group select.cate-dropdown {
    background: url(../images/icons/select-arrow.png)no-repeat 8px center;
    padding-right: 15px;
    padding-left: 28px;
    cursor: pointer;
    color: #666;
    border: none;
    border-left: 1px solid #e5e5e5;
    border-radius: 3px;
    padding-top: 8px;
    width: 140px;
    height: 38px;
    display: inline-block;
    float: right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 12px;
    outline: none;
}

.header .inner-header .search-form .input-group input{
    height: 38px;
    display: inline-block;
    width: 66%;
    border: none;
    background: #fff;
    box-shadow: none;
    font-size: 12px;
    padding-right: 12px;
    float: right;
    border-radius: 0;
}

.header .inner-header .search-form .input-group button {
    line-height: 34px;
    padding: 4px 15px 0;
    display: inline-block;
    background: #e83f33;
    border: none;
    color: #fff;
    border-right: 0 #e8e6e2 solid;
    position: absolute;
    left: 0;
}

.header .inner-header .wish{
    position: relative;
    margin-left: 15px;
    display: inline-block;
    float: right;
    color: #333333;
    text-decoration: none;
    transition: 0.5s all ease;
    font-size: 12px;
    font-family: IRANSansBold;
    margin-top: 45px;
}

.header .inner-header .wish i {
    font-size: 32px;
    margin-left: 6px;
    margin-top: -10px;
    color: #666;
    float: right;
    transition: 0.5s all ease;
}

.header .inner-header .wish:hover,.header .inner-header .wish:hover i{
    color: #e83f33;
}

.header .inner-header .cart{
    position: relative;
    margin-top: 36px;
    display: inline-block;
}

.header .inner-header .cart .link{
    display: inline-block;
    text-decoration: none;
    color: #333;
    margin: 0;
    font-size: 14px;
    font-family: IRANSansBold;
    padding: 0;
    position: relative;
}

.header .inner-header .cart .link .fa-shopping-cart {
    float: right;
    text-align: right;
    font-size: 32px;
}

.header .inner-header .cart .link .num{
    background-color: #e83f33;
    border-radius: 20px;
    color: #fff;
    font-size: 11px;
    height: 20px;
    line-height: 22px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: -10px;
    width: 20px;
}

.header .inner-header .cart .link .text{
    font-size: 14px;
    margin-right: 7px;
    display: inline-block;
    float: right;
    margin-top: 3px;
}

.header .inner-header .cart .box{
    opacity: 0;
    transform-origin: 0 0 0;
    transition: all 0.5s ease 0s;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    width: 308px;
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0;
    text-align: right;
    background: #fff;
    box-shadow: 0 0 3px 0 #eaeaea;
    border: 1px #e8e8e8 solid;
    z-index: 50;
}

.header .inner-header .cart:hover .box {
    opacity: 1;
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.header .inner-header .cart .box .shop-list{
    padding: 3px 15px 6px;
    margin: auto;
    max-height: 195px;
    overflow: auto;
}

.header .inner-header .cart .box .shop-list li{
    border-bottom: 1px solid #ECECEC;
    list-style: none;
    overflow: hidden;
    padding: 8px 0 15px;
    width: 272px;
    margin: 5px 0 8px;
    min-height: 67px;
}

.header .inner-header .cart .box .shop-list li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.header .inner-header .cart .box .shop-list li .pic{
    float: right;
    text-decoration: none;
    display: block;
    width: 68px;
    padding: 0;
    border: 1px #e8e8e8 solid;
}

.header .inner-header .cart .box .shop-list li .pic img{
    width: 100%;
    height: auto;
}

.header .inner-header .cart .box .shop-list li .product-details{
    margin-right: 80px;
    padding: 0;
    color: #333333;
    position: relative;
}

.header .inner-header .cart .box .shop-list li .product-details .remove-cart{
    display: block;
    width: 15px;
    height: 13px;
    position: absolute;
    left: 1px;
    top: 0;
    color: #666;
    font-size: 16px;
    text-decoration: none;
    transition: all .3s ease;
}

.header .inner-header .cart .box .shop-list li .product-details .remove-cart:hover{
    color: #e83f33;
}

.header .inner-header .cart .box .shop-list li .product-details .product-name{
    margin: 0;
    width: 178px;
    line-height: 1.3em;
    padding: 0 0 3px;
    font-size: 12px;
}
.header .inner-header .cart .box .shop-list li .product-details .product-name a{
    text-decoration: none;
    display: block;
    color: #333333;
    transition: all .3s ease;
}

.header .inner-header .cart .box .shop-list li .product-details .product-name a:hover{
    color: #e83f33;
}

.header .inner-header .cart .box .shop-list li .product-details .price{
    font-size: 12px;
    display: inline-block;
    color: #000;
    font-family: IRANSansBold;
}

.header .inner-header .cart .box .total{
    color: #333333;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 15px;
    text-align: right;
    text-transform: none;
    background-color: #f5fafc;
    margin-bottom: 12px;
}

.header .inner-header .cart .box .total .price{
    color: #000;
    font-family: IRANSansBold;
    padding-rigth: 10px;
    float: left;
    font-size: 14px;
}

.header .inner-header .cart .box .btn-box{
    padding: 5px 15px 20px;
    margin: 0;
    overflow: hidden;
}

.header .inner-header .cart .box .btn-box .btn-checkout{
    background: #333;
    color: #999;
    font-size: 12px;
    padding: 8px 16px;
    cursor: pointer;
    display: inline-block;
    transition: color 300ms ease-in-out 0s;
    border: none;
    font-family: IRANSansBold;
    float: left;
    text-decoration: none;
}

.header .inner-header .cart .box .btn-box .btn-checkout:hover{
    color: #fff;
}

.header .inner-header .cart .box .btn-box .btn-checkout i,.header .inner-header .cart .box .btn-box .view-cart i{
    margin-left: 5px;
    font-size: 14px;
    margin-top: 1px;
    float: right;
    vertical-align: 0;
}

.header .inner-header .cart .box .btn-box .view-cart{
    background: #e83f33;
    color: #fff;
    font-size: 12px;
    padding: 8px 16px;
    text-align: right;
    cursor: pointer;
    float: right;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    font-family: IRANSansBold;
    border: none;
    text-decoration: none;
}

.header .inner-header .cart .box .btn-box .view-cart:hover{
    color: #333;
    background-color: #fcd21b;
}

.menu-bar{
    background: #e83f33;
    position: relative;
}

.menu-bar .nav-right{
    position: absolute;
    width: calc(100% - 30px);
}

.menu-bar .menu-title{
    color: #fff;
    display: inline-block;
    font-size: 28px;
    background: #cb2d22;
    width: 100%;
    margin-top: -5px;
    position: relative;
    cursor: pointer;
}

.menu-bar .menu-title::after {
    position: absolute;
    content: '';
    border-style: solid;
    border-width: 6px 5px 0 0 ;
    border-color: transparent #333333 transparent transparent;
    left: -5px;
    top: 0;
}

.menu-bar .menu-title h3 {
    font-size: 14px;
    font-family: IRANSansBold;
    margin: 0;
    padding: 18px 15px 8px;
    position: relative;
    height: 50px;
    color: #fff;
}

.menu-bar .menu-title h3:after {
    content: "\f038";
    display: inline-block;
    background: #cb2d22;
    width: 50px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    font-family: 'FontAwesome';
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    font-weight: 300;
}

.menu-bar .menu-cat{
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 0 0 rgba(0,0,0,.2);
    position: relative;
    z-index: 999;
}

.menu-bar .menu-cat .nav{
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-bar .menu-cat .nav>li{
    display: block;
    position: relative;
}

.menu-bar .menu-cat .nav > li.has-sub > a:after {
    content: "\f104";
    font-family: FontAwesome;
    display: inline-block;
    font-size: 15px;
    position: absolute;
    left: 15px;
    top: 10px;
}

.menu-bar .menu-cat .nav > li > a {
    border-bottom: 1px solid #e5e5e5;
    padding: 14.3px 15px;
    color: #333;
    background-color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    position: relative;
    display: block;
}

.menu-bar .menu-cat .nav > li:last-child > a{
    border: 0;
}

.menu-bar .menu-cat .nav .popup{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 110%;
    top: 0;
    width: 700px;
    max-width: 65vw;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    background: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.2);
    z-index: 3000;
    padding: 10px 20px;
    font-size: 13px;
}

.menu-bar .menu-cat .nav li:hover>.popup{
    right: 100%;
    opacity: 1;
    visibility: visible;
}

.menu-bar .menu-cat .nav .popup.small-sub{
    width: 200px;
}

.menu-bar .menu-cat .nav .popup ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-bar .menu-cat .nav .popup ul li{
    position: relative;
    display: block;
    transition: all 500ms ease 0ms;
    -moz-transition: all 500ms ease 0ms;
    -webkit-transition: all 500ms ease 0ms;
    -o-transition: all 500ms ease 0ms;
    position: relative;
}

.menu-bar .menu-cat .nav .popup ul li:hover {
    padding-right: 12px;
    transition: all 500ms ease 0ms;
    -moz-transition: all 500ms ease 0ms;
    -webkit-transition: all 500ms ease 0ms;
    -o-transition: all 500ms ease 0ms;
}

.menu-bar .menu-cat .nav .popup ul li:hover:before {
    content: "\f104";
    position: absolute;
    right: 0;
    top: 7px;
    margin-top: 0px;
    font-family: FontAwesome;
    font-size: 14px;
    color: #e83f33;
}

.menu-bar .menu-cat .nav .popup ul li a{
    text-decoration: none;
    padding: 7px 0;
    background-color: #fff;
    position: relative;
    display: block;
    color: #333333;
    transition: 0.5s all ease;
}

.menu-bar .menu-cat .nav .popup ul li:hover a {
    color: #e83f33;
    background-color: transparent;
    transition: all 500ms ease 0ms;
    -moz-transition: all 500ms ease 0ms;
    -webkit-transition: all 500ms ease 0ms;
    -o-transition: all 500ms ease 0ms;
}

.menu-bar .menu-cat .nav .border:before {
    position: absolute;
    display: block;
    content: "";
    top: 0;
    bottom: 0;
    border-right: 1px solid #e5e5e5;
    right: -10px;
}

.menu-bar .menu-cat .nav .popup ul li a img{
    width: 100%;
    height: auto;
}

.menu-bar .menu-cat .nav .popup h3{
    font-size: 14px;
    font-family: IRANSansBold;
    margin-top: 5px;
    margin-bottom: 5px;
}

.menu-bar .menu-cat .nav .popup .box-banner{
    position: relative;
    padding-bottom: 10px;
}

.menu-bar .menu-cat .nav .popup .box-banner a{
    text-decoration: none;
    display: block;
}

.menu-bar .menu-cat .nav .popup .box-banner.small-banner:first-child{
    margin-top: 10px;
    margin-bottom: 5px;
}

.menu-bar .menu-cat .nav .popup .box-banner.small-banner:last-child{
    margin-bottom: 5px;
}

.menu-bar .menu-cat .nav .popup .larg-banner{
    margin-top: 10px;
}

.menu-bar .menu2{
    list-style: none;
    margin: 0;
    padding: 0;
}

.menu-bar .menu2>li {
    display: inline-block;
    margin-left: 30px;
    position: relative;
}

.menu-bar .menu2>li>a{
    white-space: nowrap;
    padding: 13px 0 15px;
    text-decoration: none;
    display: block;
    color: #fff;
    font-family: IRANSansBold;
    font-size: 12px;
}

.menu-bar .menu2 li .sub{
    margin: auto;
    list-style: none;
    min-width: 200px;
    position: absolute;
    z-index: 99999;
    top: 45px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px;
    box-shadow: 0 3px 5px rgba(0,0,0,0.3);
    border-radius: 0 0 5px 5px;
    border: 1px solid #f3f3f3;
    border-top: none;
    background-color: #fff;
    opacity: 0;
    transform-origin: 0 0 0;
    transition: all 0.8s ease 0s;
    right: 0;
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    -moz-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
}

.menu-bar .menu2 >li:hover ul {
    opacity: 1;
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.menu-bar .menu2 li ul li{
    display: block;
    padding: 0 5px 0;
}

.menu-bar .menu2 li ul li a{
    display: block;
    text-decoration: none;
    color: #333333;
    font-size: 12px;
    padding: 5px 0;
}

.menu-bar .menu2 li ul li>a:before{
    font-family: fontawesome;
    content: "\f104";
    margin-left: 8px;
    display: inline-block;
}

.menu-bar .menu2 li ul li:hover>a{
    padding-right: 5px;
    transition: all .3s ease-in-out 0s;
    color: #e83f33;
}

.menu-bar .menu2 li ul.menu-items{
    width: 700px;
    max-width: 60vw;
}


.menu-bar .menu2 li ul.menu-items .item{
    float: right;
    width: 33.33%;
}

.menu-bar .menu2 li ul.menu-items .item .title{
    display: block;
    text-decoration: none;
    font-family: IRANSansBold;
    margin: 5px 0 10px 0;
    padding: 0 0 8px 0;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
    color: #333333;
    transition: all .3s ease;
}

.menu-bar .menu2 li ul.menu-items .item .title:before{
    display: none;
}

.menu-bar .menu2 li ul.menu-items .item .title:hover{
    color: #e83f33;
    padding-right: 0;
}


.menu-bar .menu2 li ul.menu-items .item .submenu{
    position: relative;
}

.menu-bar .menu2 .position{
    position: unset;
}
.menu-bar .menu2 .item-list{
    width: 850px;
    max-width: 65vw;
}

.menu-bar .menu2 .item-list li{
    display: inline-block;
    float: right;
    vertical-align: top;
    padding-bottom: 8px;
    padding-top: 15px;
    list-style: none;
    font-size: 12px;
    width: 33.33%;
    position: relative;
    overflow: hidden;
}

.menu-bar .menu2 .item-list li .pic-box{
    box-shadow: 0 0 2px #dedede;
    position: relative;
}

.menu-bar .menu2 .item-list li .pic-box .pic{
    overflow: hidden;
    position: relative;
    border: 1px #e5e5e5 solid;
    text-decoration: none;
    display: block;
    padding: 0;
}

.menu-bar .menu2 .item-list li .pic-box .pic:before{
    background: #444 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.9s ease 0s;
    width: 100%;
    z-index: 9;
}

.menu-bar .menu2 .item-list li:hover .pic-box .pic:before{
    opacity: .1;
}

.menu-bar .menu2 .item-list li .pic-box .pic img{
    width: 100%;
    height: auto;
}

.menu-bar .menu2 .item-list li .pic-box .pic .hover{
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.9s ease 0s;
    width: 100%;
    height: auto;
}

.menu-bar .menu2 .item-list li:hover .pic-box .pic .hover{
    opacity: 1;
}

.menu-bar .menu2 .item-list li .pic-box .sale{
    font-size: 10px;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 2;
    background: #e53939;
    border-radius: 2px;
    right: 6px;
    top: 6px;
    padding: 4px 8px;
}

.menu-bar .menu2 .item-list li .pic-box .new{
    font-size: 10px;
    color: #333;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 2;
    background: #fff764;
    border-radius: 2px;
    left: 6px;
    top: 6px;
    padding: 4px 8px;
}

.menu-bar .menu2 .item-list li .icons{
    position: absolute;
    top: 3%;
    opacity: 0;
    z-index: 12;
    padding-right: 4%;
}

.menu-bar .menu2 .item-list li:hover .icons{
    opacity: 1;
}

.menu-bar .menu2 .item-list li .icons a{
    margin-bottom: 8px;
    text-align: center;
    transform: scale(0);
    transition: all 0.4s ease 0s;
    width: 40px;
    line-height: 20px;
    text-decoration: none;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 10px 3px 8px;
    font-weight: normal;
    background-color: #444;
    border-radius: 2px;
    cursor: pointer;
}

.menu-bar .menu2 .item-list li:hover .icons a{
    transform: scale(1);
}

.menu-bar .menu2 .item-list li .icons a:hover{
    background: #e83f33;
    color: #fff;
}

.menu-bar .menu2 .item-list li .title{
    white-space: nowrap;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-family: IRANSansBold;
    color: #333;
    margin-top: 15px;
    margin-bottom: 10px;
}

.menu-bar .menu2 li ul li:hover>a.title{
    color: #333;
}
.menu-bar .menu2 .item-list li .title:before{
    display: none;
}

.menu-bar .menu2 .item-list li .title:hover{
    color: #e83f33;
    padding: 0 10px;
}

.menu-bar .menu2 .item-list li .rating{
    color: #999;
    font-size: 12px;
    text-align: center;
}

.menu-bar .menu2 .item-list li .rating .fa-star{
    color:#FC0 ;
}

.menu-bar .menu2 .item-list li .cost{
    margin: 6px 0 2px;
    min-height: 22px;
    font-size: 14px;
    color: #e83f33;
    white-space: nowrap;
    text-align: center;
    display: block;
    font-family: IRANSansBold;
}

.menu-bar .menu2 .item-list li .btn-box{
    position: absolute;
    bottom: -50px;
    width: 100%;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
}

.menu-bar .menu2 .item-list li:hover .btn-box{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.menu-bar .menu2 .item-list li .btn-box .add-to-cart{
    color: #fff;
    background-color: #e83f33;
    border: 1px #e83f33 solid;
    width: 100%;
    transition: 0.5s all ease;
    outline: none;
    padding: 9px 12px;
    font-size: 12px;
    border-radius: 2px;
}

.menu-bar .menu2 .item-list li .btn-box .add-to-cart:hover{
    background-color: #444;
    border: 1px #444 solid;
    transition: 0.5s all ease;
    color: #fff;
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
#cssmenu #menu-button {
    display: none;
}

#cssmenu > ul > li > a ,#cssmenu  ul  li  a{
    padding: 17px;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
}

#cssmenu  ul  li  ul li a{
    padding-top: 8px;
    padding-bottom: 8px;
}

#cssmenu > ul > li.has-sub > a:before {
    position: absolute;
    top: 19px;
    left: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}


#cssmenu ul ul li.has-sub > a:before {
    position: absolute;
    top: 13px;
    left: 14px;
    display: block;
    width: 2px;
    height: 8px;
    background: #dddddd;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.compare-sec {
    padding: 30px 0;
}

.table-responsive{
    padding-bottom: 15px;
}

.compare-sec .add-card-btn{
    width: 100%;
    display: block;
    margin-bottom: 10px;
}

.compare-sec .add-card-btn.gray{
    margin: 0;
}

.compare-sec .table-responsive.mrg{
    margin: 20px 0;
    border-top: 0;
}

.compare-sec .table tbody tr td{
    font-size: 12px;
    color: #777;
}

.compare-sec .table tbody tr td:first-child{
    white-space: nowrap;
}

.compare-sec .table>tbody+tbody {
    border-top: 1px solid #cecece;
}

.compare-sec .table .img-thumbnail {
    border: 0;
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    min-width: 65px;
}

.compare-sec .table td a{
    color: #000;
    font-size: 12px;
    display: inline-block;
}

.compare-sec .table td a:hover{
    color: #e83f33;
}

.compare-sec .table-bordered > tbody > tr > td {
    vertical-align: middle;
}

.compare-sec .table tbody tr .description{
    text-align: justify;
    font-size: 12px;
    max-width: 300px;
    min-width: 180px;
    white-space: normal;
}

.compare-sec .table > tbody > tr > td, .compare-sec .table > tbody > tr > th, .compare-sec .table > tfoot > tr > td, .compare-sec .table > tfoot > tr > th, .compare-sec .table > thead > tr > td,.compare-sec .table > thead > tr > th {
    padding: 15px 10px 15px;
}

.compare-sec .table thead td, .compare-sec .table th td {
    font-family: IRANSansBold;
    color: #000;
    font-size: 13px;
    background-color: #f6f6f6;
}

.compare-sec .table-bordered>thead>tr>td, .compare-sec .table-bordered>thead>tr>th {
    border-bottom-width: 1px;
}

table p,
table .description{
    white-space: normal!important;
}

.compare-sec .table-bordered {
    border: 1px solid #ddd!important;
}			  
@media all and (max-width: 991px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
    #cssmenu {
        width: 100%;
    }
    #cssmenu ul {
        width: 100%;
        display: none;
    }
    #cssmenu.align-center > ul {
        text-align: right;
    }
    #cssmenu ul li {
        width: 100%;
    }
    #cssmenu ul ul li,
    #cssmenu li:hover > ul > li {
        height: auto;
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        width: 100%;
        border-bottom: 0;
    }
    #cssmenu  ul  li {
        float: none;
        display: block;
        border-top: 1px solid #cb2d22;
        width: 100%;
        margin-left: 0;
        padding-left: 0;
        position: relative;
    }
    #cssmenu ul ul li a {
        padding-right: 25px;
    }
    #cssmenu ul ul ul li a {
        padding-right: 35px;
    }
    #cssmenu ul ul li a {
        margin: 10px 0;
        color: #fff;
        background: none;
    }
    #cssmenu ul ul li:hover > a,
    #cssmenu ul ul li.active > a {
        color: #ffffff;
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul,
    #cssmenu.align-right ul ul {
        position: relative;
        right: 0;
        width: 100%;
        margin: 0;
        text-align: right;
    }
    #cssmenu > ul > li.has-sub > a:after,
    #cssmenu > ul > li.has-sub > a:before,
    #cssmenu ul ul > li.has-sub > a:after,
    #cssmenu ul ul > li.has-sub > a:before {
        display: none;
    }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        left: 0;
        top: 16px;
        display: block;
        height: 20px;
        width: 20px;
        cursor: pointer;
        color: #fff;
    }

    #cssmenu .submenu-button.submenu-opened:after{
        content: "\f068";
    }

    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px;
    }

    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        left: 13px;
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        left: 16px;
    }
    #cssmenu .submenu-button.submenu-opened:before {
        display: none;
    }
}

#cssmenu .menu > li:before{
    display: block;
    content: "";
    width: 6px;
    height: 4px;
    float: right;
    margin-top: 17px;
    margin-left: 15px;
}

.sidenav {
    height: auto;
    position: absolute;
    z-index: 999;
    top: 0;
    right: -250px;
    background-color:#e83f33;
    overflow: hidden;
    transition: .5s all ease;
}

.sidenav.opennav{
    right: 0px;
    width: 250px;
    display: block;
}

.sidenav .logo{
    margin-bottom: 25px;
    display: block;
    text-decoration: none;
}

.sidenav .menu2{
    list-style: none;
    text-align: right;
    display: block!important;
}


.sidenav .menu2 li{
    display: block;
    margin-bottom: 20px;
}

.sidenav .menu2 li a{
    display: block;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}


.sidenav .closebtn {
    position: absolute;
    color: #fff;
    top: 20px;
    right: 40px;
    font-size: 36px;
    margin-left: 50px;
    text-decoration: none;
}

.menu-bar .menu-btn{
    cursor: pointer;
    display: block;
    border: 0 #eee solid;
    border-radius: 3px;
    font-size: 14px;
    font-family: IRANSansBold;
    color: #fff;
    line-height: 28px;
    padding: 10px 0;
    margin-right: 6px;
}

.menu-bar .menu-btn i{
    color: #fff;
    font-size: 28px;
    margin-left: 8px;
    float: right;
}

.menu-bar .menu-btn.NavOpen i:before{
    content: "\f00d"!important;
}

.slider-sec{
    padding-top: 20px;
}

.slider-sec .row{
    display: flex;
}

.slider-sec .banner{
    display: block;
}

.slider-sec .banner img{
    width: 100%;
    height: auto;
}

.slider-sec .main-owl{
    position: relative;
    height: 100%;
}

.owl-carousel .owl-wrapper-outer,.owl-carousel .owl-wrapper, .owl-carousel .owl-item{
    height: 100%;
}

.slider-sec .main-owl .item{
    position: relative;
    height: 100%;
    background-size: cover!important;
}

.slider-sec .main-owl .item img{
    width: 100%;
    height: auto;
}

.slider-sec .main-owl .item .text-box{
    position: absolute;
    top: 50%;
    left: 100px;
    text-align: right;
    z-index: 3;
}

.slider-sec .main-owl .item .text-box.right{
    right: 100px;
    left: inherit;
}

.slider-sec .main-owl .item .text-box.center{
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.slider-sec .main-owl .owl-item .text-box.center .red-text,.slider-sec .main-owl .item .text-box.center .title,.slider-sec .main-owl .item .text-box.center .link{
    right: 0;
    left: 0;
    margin: auto;
}

.slider-sec .main-owl .item .text-box.center .title,.slider-sec .main-owl .item .text-box.center .info{
    color: #fff;
}

.slider-sec .main-owl .item .text-box.center .title{
    text-shadow: 0px 2px #000;
}

.slider-sec .main-owl .item .text-box .red-text{
    color: #e83f33;
    display: block;
    font-size: 13px;
    right: 0;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: all 0.5s ease 0s;
    position: absolute;
    top: -150px;
}

.slider-sec .main-owl .owl-item.active .text-box .red-text{
    visibility: visible;
    opacity: 1;
    top: -90px;
}

.slider-sec .main-owl .item .text-box .title{
    font-size: 26px;
    font-family: IRANSansBold;
    display: block;
    text-shadow: 0px 2px #fff;
    color: #222;
    right: 0;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: all 0.5s ease 0s;
    position: absolute;
    top: -130px;
}

.slider-sec .main-owl .owl-item.active .text-box .title{
    visibility: visible;
    opacity: 1;
    top: -70px;
}

.slider-sec .main-owl .item .text-box .info{
    color: #999;
    font-size: 12px;
    display: block;
    right: 0;
    visibility: hidden;
    opacity: 0;
    white-space: nowrap;
    transition: all 0.5s ease 0s;
}

.slider-sec .main-owl .owl-item.active .text-box .info{
    visibility: visible;
    opacity: 1;
}

.slider-sec .main-owl .item .text-box .link{
    z-index: 8;
    min-width: 130px;
    max-width: 130px;
    text-align: center;
    white-space: nowrap;
    font-size: 13px;
    font-family: IRANSansBold;
    color: #fff;
    background-color: #e83f33;
    padding: 12px 22px;
    visibility: hidden;
    opacity: 0;
    bottom: -140px;
    display: inline-block;
    transition: all 0.5s ease 0s;
    text-decoration: none;
    position: absolute;
    right: 0;
}

.slider-sec .main-owl .item .text-box .link:hover{
    color: #fff;
    background-color: #222;
}

.slider-sec .main-owl .owl-item.active .text-box .link{
    bottom: -80px;
    visibility: visible;
    opacity: 1;
}

.slider-sec .main-owl .owl-controls {
    position: absolute;
    z-index: 9;
    bottom: 20px;
    left: 20px;
}

.slider-sec .main-owl .owl-controls .owl-page span{
    border-radius: 0;
    margin: 5px 4px;
    width: 11px;
    height: 11px;
}

.slider-sec .main-owl .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #e83f33 !important;
}

.section1{
    margin: 30px 0;
}

.section1 .box{
    background: #fff;
    border: 1px #e8e8e8 solid;
    color: #333;
    padding: 15px;
    border-radius: 3px;
}

.section1 .box i{
    width: 50px;
    height: 50px;
    float: right;
    text-align: center;
    line-height: 36px;
    font-size: 36px;
    margin-left: 5px;
    color: #333;
    padding-top: 7px;
}

.section1 .box .ltr-o{
    display: inline-block;
}

.section1 .box .title{
    font-size: 14px;
    font-family:IRANSansBold;
    margin-bottom: 8px;
    margin-right: 2px;
    display: block;
    margin-top: 5px;
}

.section1 .box .text{
    display: block;
    color: #444;
    font-size: 11px;
}

.section2{
    margin: 20px 0;
}

.section2 .tab-pane{
    position: relative;
}

.item-slider .item{
    position: relative;
    margin:10px;
    text-align: center;
    direction: rtl;
}

.item-slider .item .pic-box{
    box-shadow: 0 0 2px #dedede;
    position: relative;
}

.item-slider .item .pic-box .pic{
    overflow: hidden;
    position: relative;
    border: 1px #e5e5e5 solid;
    text-decoration: none;
    display: block;
    padding: 0;
}

.item-slider .item .pic-box .pic:before{
    background: #444 none repeat scroll 0 0;
    content: "";
    height: 100%;
    opacity: 0;
    position: absolute;
    transition: all 0.9s ease 0s;
    width: 100%;
    z-index: 9;
}

.item-slider .item:hover .pic-box .pic:before{
    opacity: .1;
}

.item-slider .item .pic-box .pic img{
    width: 100%;
    height: auto;
}

.item-slider .item .pic-box .pic .hover{
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: all 0.9s ease 0s;
    width: 100%;
    height: auto;
}

.item-slider .item:hover .pic-box .pic .hover{
    opacity: 1;
}

.item-slider .item .pic-box .sale{
    font-size: 10px;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 2;
    background: #e53939;
    border-radius: 2px;
    right: 6px;
    top: 6px;
    padding: 4px 8px;
}

.item-slider .item .pic-box .new{
    font-size: 10px;
    color: #333;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 2;
    background: #fff764;
    border-radius: 2px;
    left: 6px;
    top: 6px;
    padding: 4px 8px;
}

.item-slider .item .icons{
    position: absolute;
    top: 3%;
    opacity: 0;
    z-index: 12;
    right: 10px;
}

.item-slider .item:hover .icons{
    opacity: 1;
}

.item-slider .item .icons a{
    margin-bottom: 8px;
    text-align: center;
    transform: scale(0);
    transition: all 0.4s ease 0s;
    width: 40px;
    line-height: 20px;
    text-decoration: none;
    display: block;
    color: #fff;
    font-size: 16px;
    padding: 10px 3px 8px;
    font-weight: normal;
    background-color: #444;
    border-radius: 2px;
}

.item-slider .item:hover .icons a{
    transform: scale(1);
}

.item-slider .item .icons a:hover{
    background: #e83f33;
    color: #fff;
}

.item-slider .item .title{
    white-space: nowrap;
    padding: 0 10px;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-family: IRANSansBold;
    color: #333;
    margin-top: 10px;
    margin-bottom: 10px;
}

.item-slider .item .title:before{
    display: none;
}

.item-slider .item .title:hover{
    color: #e83f33;
    padding: 0 10px;
}

.item-slider .item .rating{
    color: #999;
    font-size: 12px;
    text-align: center;
}

.item-slider .item .rating .fa-star{
    color: #FC0;
}


.item-slider .item .cost{
    margin: 6px 0 2px;
    min-height: 22px;
    font-size: 14px;
    color: #e83f33;
    white-space: nowrap;
    text-align: center;
    display: inline-block;
    font-family: IRANSansBold;
}

.item-slider .item .old-cost{
    color: #666;
    display: inline-block;
    margin-left: 15px;
    font-size: 12px;
    text-decoration: line-through;
}

.item-slider .item .btn-box{
    position: absolute;
    bottom: -50px;
    width: 100%;
    -moz-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
}

.item-slider .item:hover .btn-box{
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.item-slider .item .btn-box .add-to-cart{
    color: #fff;
    background-color: #e83f33;
    border: 1px #e83f33 solid;
    width: 100%;
    transition: 0.5s all ease;
    outline: none;
    padding: 9px 12px;
    font-size: 12px;
    border-radius: 2px;
}

.item-slider .item .btn-box .add-to-cart:hover{
    background-color: #444;
    border: 1px #444 solid;
    transition: 0.5s all ease;
    color: #fff;
}

.section2 .next{
    width: 20px;
    height: 25px;
    position: absolute;
    opacity: 0;
    top: 50%;
    right: -15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
    transition: all .3s ease;
}

.section2 .next:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    text-transform: none;
    font-size: 22px;
    line-height: 26px;
    display: block;
}

.section2 .prev{
    width: 20px;
    height: 25px;
    position: absolute;
    opacity: 0;
    top: 50%;
    left: -25px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    color: #666;
    transition: all .3s ease;
}

.section2 .prev:before {
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f104";
    text-transform: none;
    font-size: 22px;
    line-height: 26px;
    display: block;
}

.section2 .next:hover,.section2 .prev:hover{
    color: #e83f33;
}

.section2 .tab-pane:hover .next,.section2 .tab-pane:hover .prev{
    opacity: 1;
}

.section2 .nav-tabs{
    text-align: left;
}
.section2 .nav-tabs>li {
    float: none;
    display: inline-block;
    margin-right: 18px;
    margin-bottom: -1px;
}

.section2 .nav-tabs li a{
    padding-bottom: 9px;
    color: #000;
    border: 0!important;
    border-bottom: 2px solid transparent!important;
}

.section2 .nav-tabs>li.active>a,.section2 .nav-tabs>li.active>a:focus,.section2 .nav-tabs>li.active>a:hover {
    border-bottom: 2px solid transparent!important;
}

.section2 .nav-tabs>li>a:hover {
    border: 0!important;
    border-color: transparent;
}

.section2 .nav>li>a:focus,.section2 .nav>li>a:hover {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    padding-bottom: 9px;
    background: transparent;
    border: 0!important;
}

.section2 .nav>li>a:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -2px;
    left: 0;
    background-color: #e83f33;
    visibility: hidden;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.section2 .nav>li>a:hover:before {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.section2 .nav-tabs>li.active>a,.section2 .nav-tabs>li.active>a:focus,.section2 .nav-tabs>li.active>a:hover {
    border: 0px solid #e83f33;
    border-bottom: 2px solid #e83f33!important;
    border-radius: 0px;
    background: #fff;
    color: #e83f33;
}

.section2 .nav>li.active>a:hover:before,.section2 .nav-tabs>li.active>a:before{
    display: none;
}

.section2 .position{
    position: relative;
}

.section2 .main-title{
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 0;
    border-bottom: 3px solid #e83f33;
    font-size: 20px;
    padding-bottom: 10px;
    font-family: IRANSansBold;
}

.section3{
    margin: 20px 0;
}

.section3 .banner{
    position: relative;
    overflow: hidden;
    margin-top: 5px;
}

.section3 .banner .pic{
    text-decoration: none;
    display: block;
    transition: 0.5s all ease;
}

.section3 .banner .pic img{
    position: relative;
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    max-width: 100%;
    height: auto;
}

.section3 .banner:hover .pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.section3 .banner .content{
    text-align: center;
    position: absolute;
    width: 82%;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: auto;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 5px;
}

.section3 .banner .content .title{
    display: block;
    color: #333;
    font-size: 28px;
    font-family: IRANSansBold;
}

.section3 .banner .content .red{
    display: block;
    color: #e83f33;
    font-size: 14px;
    margin-top: 5px;
    font-family: IRANSansBold;
}

.section3 .banner .content .info{
    display: block;
    font-size: 13px;
    color: #333;
}

.section3 .banner .content .link{
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 5px 12px;
    border-radius: 2px;
    border: 2px #e83f33 solid;
    margin-top: 12px;
    background: rgba(0, 0, 0, 0.2);
    font-family: IRANSansBold;
}

.title-box{
    margin: 0 0 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.title-box .main-title{
    display: block;
    font-size: 18px;
    font-family: IRANSansBold;
    color: #000;
    margin: 0 0 5px;
}

.title-box .main-title:before{
    position: absolute;
    right: 0;
    height: 3px;
    bottom: -2px;
    content: "";
    display: inline-block;
    background: #e83f33;
    width: 130px;
}

.title-box .next{
    transition: all .5s ease-out 0s;
    width: 20px;
    height: 25px;
    position: absolute;
    top: 34%;
    left: 15px;
    cursor: pointer;
    color: #666;
}

.title-box .next:before{
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f105";
    display: block;
    text-transform: none;
    font-size: 22px;
    line-height: 26px;
}

.title-box .prev{
    transition: all .5s ease-out 0s;
    width: 20px;
    height: 25px;
    position: absolute;
    top: 34%;
    left: 5px;
    cursor: pointer;
    color: #666;
    text-align: left;
}

.title-box .prev:before{
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f104";
    text-transform: none;
    font-size: 22px;
    line-height: 26px;
}

.title-box .next:hover,.title-box .prev:hover{
    color:#e83f33;
}

.section4{
    margin: 30px 0;
    text-align: center;
}

.section4 .box{
    border: 1px #e5e5e5 solid;
    margin-right: 15px;
    margin-left: 15px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #f8f8f8;
}

.section4 .title{
    text-align: center;
    color: #333;
    display: block;
    font-size: 24px;
    font-family: IRANSansBold;
    margin: 25px 0 0;
    padding: 0;
    position: relative;
}

.section4 .title:after{
    width: 80px;
    height: 3px;
    background: #e83f33;
    text-align: center;
    display: block;
    content: "";
    margin: 15px auto;
}

.section4 .text{
    display: block;
    font-size: 13px;
    line-height: 22px;
    margin: 15px 0 25px;
    color: #666;
    padding: 0 5%;
    text-align: center;
}

.section4 .offer{
    font-size: 20px;
    color: #e83f33;
    text-align: center;
}

.section4 .offer span{
    color: #333;
    font-family: IRANSansBold;
    display: inline-block;
}

.section4 .text2{
    display: block;
    font-size:16px;
    font-family: IRANSansBold;
    margin: 10px 0 20px;
    color: #444;
    text-align: center;
}

.section4 #timer{
    margin: 20px 0 0;
    text-align: center;
}

.section4 #timer .timer-box{
    background: #fff;
    border: 1px #e5e5e5 solid;
    margin-right: 20px;
    margin-bottom: 3px;
    display: inline-block;
    width: 100px;
    height: 100px;
    text-align: center;
    border-radius: 3px;
}

.section4 #timer .timer-box strong{
    font-family: IRANSansBold;
    font-size: 32px;
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
}

.section4 #timer .timer-box .name{
    font-size: 14px;
    display: block;
}

.section4 .link{
    text-decoration: none;
    margin: 20px auto 0;
    background: #e83f33;
    color: #fff;
    font-size: 15px;
    font-family: IRANSansBold;
    padding: 10px 25px 10px;
    border: none;
    display: inline-block;
    transition: all 300ms ease-in-out;
    border-radius: 3px;
}

.section4 .link:hover{
    background: #222;
}

.section4 .owl-carousel .item a{
    text-decoration: none;
    display: block;
}

.section4 .owl-carousel .item a img{
    width: 100%;
    height: auto;
}

.section4 .banner{
    text-decoration: none;
    display: block;
    margin: 10px 0;
}

.section4 .banner img{
    width: 100%;
    height: auto;
}

.section5 .pic{
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
}

.section5 .pic img{
    width: 100%;
    height: auto;
}

.section5 .top-part .date{
    background-color: #f8f8f8;
    border: 1px #e5e5e5 solid;
    display: inline-block;
    float: right;
    font-family: IRANSansBold;
    height: 60px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
    padding-top: 8px;
    text-align: center;
    width: 65px;
    font-size: 13px;
}

.section5 .top-part .title{
    margin-bottom: 4px;
    line-height: 18px;
    padding-top: 8px;
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: #000;
    font-family: IRANSansBold;
    transition: all .3s ease-in;
}

.section5 .top-part .title:hover{
    color: #e83f33;
}

.section5 .top-part .icon-box .fa{
    padding-right: 3px;
    font-size: 14px;
    color: #999;
}

.section5 .top-part .icon-box strong {
    font-size: 13px;
    font-weight: 400;
    margin-left: 10px;
    color: #999;
}

.section5 .top-part .icon-box a{
    text-decoration: none;
    display: inline-block;
}

.section5 .text{
    display: inline-block;
    font-size: 13px;
    margin: 0 0 10px;
    color: #666;
    text-align: justify;
}

.section5 .more{
    color: #e83f33;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    transition: 0.5s all ease;
}

.section5 .more:hover{
    color: #222;
}

.section5 .item{
    margin: 10px;
}

.section6{
    margin: 20px 0;
}

.section6 .product{
    list-style: none;
    padding: 0;
    margin: 0;
}

.section6 .product li{
    display: block;
    margin: 0;
    padding: 12px 10px 10px 5px;
    border-bottom: 1px #e5e5e5 solid;
}

.section6 .product li:last-child{
    border: 0;
}

.section6 .product li .pic{
    display: block;
    text-decoration: none;
    float: right;
    width: 135px;
    text-align: center;
    margin-left: 15px;
}

.section6 .product li .pic img{
    width: 100%;
    height: auto;
}

.section6 .product .info{
    position: relative;
    margin-right: 150px;
}

.section6 .product .info .title{
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    font-size: 15px;
    font-family: IRANSansBold;
    color: #333333;
    transition: 0.5s all ease;
}

.section6 .product .info .title:hover{
    color: #e83f33;
}

.section6 .product .info .rating{
    color: #999;
    font-size: 12px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.section6 .product .info .rating .fa-star {
    color: #FC0;
}

.section6 .product .info  .cost{
    font-size: 14px;
    color: #e83f33;
    display: inline-block;
    font-family: IRANSansBold;
    margin-bottom: 10px;
}

.section6 .product .info  .old-cost{
    display: inline-block;
    color: #ccc;
    font-size: 12px;
    text-decoration: line-through;
    margin-right: 6px;
}

.section6 .product .info .btn-box{
    margin-top: 5px;
}

.section6 .product .info .link{
    color: #fff;
    background-color: #444;
    padding: 8px 12px;
    font-size: 12px;
    border-radius: 2px;
    display: inline-block;
    transition:all .3s ease;
    text-align: center;
}

.section6 .product .info .link:hover{
    background-color: #e83f33;
}

.section6 .product .info .hover-btn{
    float: left;
    padding: 2px 0 0 0;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.section6 .product li:hover>.info .hover-btn{
    padding: 2px 0 0 5px;
    opacity: 1;
}

.section6 .owl-controls {
    position: absolute;
    z-index: 9;
    top: -50px;
    left: 0;
}

.section6 .owl-controls .owl-page span{
    border-radius: 0;
    margin: 5px 4px;
    width: 11px;
    height: 11px;
}

.section6 .owl-controls .owl-page.active span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #e83f33 !important;
}

.section6 .banner{
    position: relative;
    overflow: hidden;
    margin-top: 9px;
}

.section6 .banner .pic{
    text-decoration: none;
    display: block;
    transition: 0.5s all ease;
}

.section6 .banner .pic img{
    position: relative;
    transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -ms-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    max-width: 100%;
    height: auto;
}

.section6 .banner:hover .pic img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.section6 .banner .content{
    text-align: center;
    position: absolute;
    width: 82%;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: auto;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    padding: 5px;
}

.section6 .banner .content .title{
    display: block;
    color: #fff;
    font-size: 28px;
    font-family: IRANSansBold;
}


.section6 .banner .content .text{
    display: block;
    font-size: 13px;
    color: #fff;
}

.section6 .banner .content .link{
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    padding: 5px 12px;
    border-radius: 2px;
    border: 2px #e83f33 solid;
    margin-top: 12px;
    background: rgba(0, 0, 0, 0.2);
    font-family: IRANSansBold;
}

.section7{
    margin: 30px 0;
}

.section7 .bg{
    padding: 30px 20px;
    background-color: #f8f8f8;
    border: 1px #e5e5e5 solid;
}

.section7 .bg .item{
    margin: 0 12px;
    text-align: center;
}

.section7 .bg .item a{
    text-decoration: none;
    display: block;
}

.section7 .bg .item img{
    max-width: 100%;
    height: auto;
}

.section7 .banner{
    margin-top: 30px;
    overflow: hidden;
    position: relative;
}

.section7 .banner .pic{
    text-decoration: none;
    display: block;
    transition: 0.5s all ease;
}

.section7 .banner:hover .pic img {
    transform: scale(1.05);
}

.section7 .banner .pic img{
    width: 100%;
    height: auto;
    transition: 0.5s all ease;
}

.section7 .banner .text-box{
    bottom: 0;
    height: 85px;
    left: 0;
    margin: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0) url(../images/bg_text_des.png) repeat scroll 0 0;
    padding: 15px 15px;
}

.section7 .banner .text-box .title{
    margin: 0 0 5px;
    line-height: 1.35;
    display: block;
    color: #000;
    font-family: IRANSansBold;
    font-size: 20px;
}

.section7 .banner .text-box .text{
    display: block;
    color: #444;
    font-size: 14px;
}

.section8{
    margin: 30px 0 0;
    background-color: #f8f8f8;
    border-top: 1px #e5e5e5 solid;
    padding: 50px 0 50px;
    text-align: center;
}

.section8 .main-title{
    text-align: center;
    color: #333;
    display: block;
    font-size: 20px;
    font-family: IRANSansBold;
    margin: 25px 0 40px;
    padding: 0;
    position: relative;
}

.section8 .main-title:after{
    width: 80px;
    height: 3px;
    background: #e83f33;
    text-align: center;
    display: block;
    content: "";
    margin: 15px auto;
}

.section8 .text{
    text-align: center;
    font-size: 14px;
    display: block;
    margin: 10px 0;
    color: #333;
}

.section8 .green{
    font-size: 24px;
    display: block;
    font-family: IRANSansBold;
    margin: 0px;
    font-style: italic;
    color: #3ab54a;
    text-align: center;
}

.section8 form{
    width: 80%;
    margin: 0 auto;
    text-align: center;
}

.section8 .mail{
    text-align: right;
    font-size: 12px;
    color: #333;
    padding: 10px 12px;
    width: 71%;
    border-radius: 3px 3px 0 0;
    border: 1px #666 solid;
    border-left: 0;
    height: 40px;
    outline: none;
}

.section8 button{
    font-size: 13px;
    font-family: IRANSansBold;
    color: #fff;
    text-decoration: none;
    padding: 10px 25px 10px 25px;
    border: 1px #d93529 solid;
    border-radius: 3px 0 3px 3px;
    margin-right: -5px;
    outline: none;
    background: #d93529;
    transition: all .3s ease;
}

.section8 button:hover{
    background: #444;
    border: 1px #444 solid;
}

.section8 .com-text{
    margin: 0 0 20px;
    display: block;
    padding: 6px 30px 15px 10px;
    font-size: 13px;
    text-align: center;
    line-height: 22px;
    color: #333;
    position: relative;
}

.section8 .com-text:before{
    content: "\f10d";
    display: block;
    position: absolute;
    right: 0;
    top: 10px;
    font-family: FontAwesome;
    font-size: 20px;
    line-height: 1em;
    color: #c2c2c2;
}

.section8 .user-pic{
    display: inline-block;
    width: 80px;
    position: relative;
    text-align: center;
}
.section8 .user-pic img{
    border: 1px solid #e8e8e8;
    width: 65px;
    border-radius: 3px;
}

.section8 .info{
    display: inline-block;
    margin-right: 10px;
}

.section8 .info .name{
    font-size: 14px;
    font-family: IRANSansBold;
    line-height: 20px;
    display: block;
    margin: 0 auto 2px;
    color: #333;
}

.section8 .info .designation{
    display: block;
    font-size: 11px;
    line-height: 14px;
    color: #999;
}

.footer{
    padding-bottom: 40px;
    color: #999;
    background: #333;
    font-size: 13px;
    padding-top: 35px;
}

.footer .logo{
    text-decoration: none;
    display: block;
    margin-bottom: 20px;
}

.footer .logo img{
    max-width: 100%;
    height: auto;
}
.footer .text{
    color: #999;
    line-height: 20px;
    font-size: 13px;
    display: block;
    margin: 0 0 10px;
}

.footer .socail-menu{
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

.footer .socail-menu li{
    display: inline-block;
    margin-left: 7px;
}

.footer .socail-menu li a{
    color: #fff;
    font-size: 14px;
    height: 35px;
    line-height: 39px;
    width: 35px;
    display: inline-block;
    text-align: center;
    border-radius: 3px;
    transition: all .3s ease;
}

.footer .socail-menu li.facebook a{
    background: #3C5B9B;
}

.footer .socail-menu li.google a{
    background: #E33729;
}

.footer .socail-menu li.twitter a{
    background: #359BED;
}

.footer .socail-menu li.pinterest a{
    background: #359BED;
}

.footer .socail-menu li.instagram a{
    background: #FD9F13;
}

.footer .socail-menu li:hover a{
    background: #e83f33!important;
}

.footer .title{
    margin: 0 0 2px;
    padding: 0 0 10px;
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: IRANSansBold;
}

.footer .list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer .list li{
    padding: 5px 0;
    font-size: 12px;
}

.footer .list li a{
    text-decoration: none;
    display: inline-block;
    transition: all .3s ease-in-out 0s;
    color: #999;
}

.footer .list li a:hover{
    color: #e83f33;
}

.footer .text b{
    font-family: IRANSansBold;
    font-size: 14px;
}

.footer .payment{
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer .payment li{
    display: inline-block;
    padding: 5px 0;
    font-size: 12px;
    margin-left: 4px;
    border-radius: 3px;
}

.footer .payment li a{
    transition: all .3s ease-in-out 0s;
    opacity: 0.5;
    display: block;
    text-decoration: none;
}

.footer .payment li a:hover{
    opacity: 1;
}

.footer .payment li a img{
    width: 100%;
    height: auto;
    border-radius: 3px;
}

.copyright{
    padding-bottom: 2px;
    background-color: #222;
}

.copyright .text{
    padding-top: 12px;
    color: #999;
    font-size: 13px;
    display: block;
}


.copyright .text a{
     text-decoration:none;
     color:#d93529;
     outline:0;
}

.copyright .list{
    list-style: none;
    padding: 12px 0 12px;
    margin: auto;
    text-align: left;
}

.copyright .list li{
    display: inline-block;
    margin-right: 8px;
    list-style: none;
    border-right: 1px #4f515c solid;
    padding-right: 10px;
}

.copyright .list li:first-child{
    border: 0;
}

.copyright .list li a{
    display: block;
    font-size: 13px;
    text-decoration: none;
    color: #999;
    transition: 0.5s all ease;
}

.copyright .list li a:hover{
    color: #fff;
}

#back-to-top{
    position: fixed;
    bottom: 20px;
    left: 5px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 36px;
    background: #fff;
    color: #666;
    opacity: 0;
    display: none;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.2s ease-out;
    border: 1px #e8e8e8 solid;
    border-radius: 3px;
}

#back-to-top.show{
    display: block;
    opacity: 1;
}

#back-to-top:hover{
    background: #e83f33;
    color: #fff;
    border: 1px #e83f33 solid;
}

#back-to-top i{
    font-size: 20px;
}

.quick-view{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 99999;
    left: 0;
    top:0;
    background-color: rgba(0,0,0,.7);
    overflow-x: hidden;
    opacity: 0;
    visibility: hidden;
}

.quick-view .content{
    border-radius: 3px;
    overflow: hidden;
    padding:25px;
    position: absolute;
    width: 800px;
    min-height: 100px;
    max-width: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    background: #fff;
}

.quick-view.open{
    visibility: visible;
    opacity: 1;
}

.quick-view .img-zoom-container {
    position: relative;
    width: 300px;
    cursor: crosshair;
}

.quick-view .img-zoom-container .myimage{
    height: auto;
    border: solid 1px #DDDDDD;
    cursor: crosshair;
}

.quick-view .img-zoom-container .img-zoom-result{
    border: 1px solid rgb(221, 221, 221);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: scale(0);
    position: absolute;
    opacity: 0;
    width: 300px;
    height: 300px;
    transition: all .3s ease;
    z-index: 9;
}

.quick-view .img-zoom-container:hover .img-zoom-result{
    opacity: 1;
    top: 0;
    bottom: inherit;
    right: 105%;
    left: inherit;
    transform: scale(1);
}

.quick-view .img-zoom-lens {
    position: absolute;
    border: 1px solid #000;
    width: 50px;
    height: 50px;
    background: #fff;
    opacity: .3;
}

.quick-view .myimage,#owl-view .item img{
    width: 100%;
}
.quick-view #owl-view{
    width: 60%;
    margin: 20px auto 0;
}

.quick-view #owl-view .item{
    border: 1px #e5e5e5 solid;
    text-align: center;
    margin: 5px;
}

.quick-view .next{
    position: absolute;
    right: 20px;
    bottom: 30px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    font-size: 11px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 100%;
    cursor: pointer;
}

.quick-view .next:before{
    font-family: 'FontAwesome';
    font-size: 2em;
    display: inline-block;
    content: '\f105';
}

.quick-view .prev{
    position: absolute;
    left: 20px;
    bottom: 30px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    font-size: 11px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 100%;
    cursor: pointer;
}

.quick-view .prev:before{
    font-family: 'FontAwesome';
    font-size: 2em;
    display: inline-block;
    content: '\f104';
}

.quick-view .next:hover,.quick-view .prev:hover{
    background-color: #e83f33;
    color: #fff;
}

.quick-view .close-btn{
    cursor: pointer;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 99999;
    font-size: 15px;
    color: #fff;
    background-color: #e84c3d;
    padding: 3px 8px;
    height: 24px;
    line-height: 20px;
}

.quick-view .main-title{
    margin: 0 0 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 22px;
    font-family: IRANSansBold;
}
.quick-view .price-box{
    margin: 10px 0;
    padding: 5px 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

.quick-view .cost{
    font-size: 22px;
    color: #e74c3c;
    font-weight: 600;
    display: inline-block;
}

.quick-view .old-cost{
    font-size: 22px;
    color: #ccc;
    font-weight: 300;
    display: inline-block;
    text-decoration: line-through;
    margin-right: 10px;
}

.quick-view .border{
    margin: 10px 0;
    padding:5px 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

.quick-view .border.last{
    border: 0;
}

.quick-view .border .rating{
    color: #999;
    font-size: 15px;
}

.quick-view .border .fa-star {
    color: #FC0;
}

.quick-view .availability{
    color: #666;
    font-size: 13px;
}

.quick-view .availability span{
    color: #fff;
    background-color: #5cb85c;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
}

.quick-view .text{
    display: block;
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
}

.quick-view .half1{
    display: inline-block;
    width: 40%;
    float: right;
    margin-left: 18px;
}

.quick-view .half2{
    width: 51%;
    margin-bottom: 8px;
    float: right;
}

.quick-view .title{
    color: #333333;
    display: block;
    font-size: 13px;
    font-family: IRANSansBold;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: 14px;
    padding-bottom: 5px;
}

.quick-view .color{
    padding: 0;
    margin: 0;
    list-style: none;
}

.quick-view .color li{
    display: inline-block;
}

.quick-view .color li a{
    clear: both;
    background: #333333;
    height: 20px;
    display: block;
    text-decoration: none;
    width: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.quick-view .color li.red a{
    background: #e32b00;
}

.quick-view .color li.orang a{
    background: #ff9000;
}

.quick-view .color li.green a{
    background: #8BC44A;
}

.quick-view .color li.blue a{
    background: #10b9b9;
}

.quick-view .color li.white a{
    background: #FFFFFF;
}

.quick-view .size{
    padding: 0;
    margin: 0;
    list-style: none;
}

.quick-view .size li{
    display: inline-block;
}

.quick-view .size li a{
    display: block;
    text-decoration: none;
    border: 1px solid #e8e6e2;
    padding: 3px 10px;
    color: #666;
    font-size: 11px;
    font-weight: 700;
    border-radius: 3px;
    transition: 0.5s all ease;
}

.quick-view .size li a:hover{
    border-color: #e83f33;
}

.quick-view .numbers-row .mybtn{
    background-color: #eeeeee;
    border: 1px #e8e8e8 solid;
    border-right: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    color: #333333;
    font-size: 14px;
    padding: 12px 16px 9px 14px;
    line-height: 18px;
    display: inline-block;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    outline: none;
    float: right;
    user-select: none;
    -moz-user-select: none;
}

.quick-view .flex{
    display: flex;
    align-items: center;
}

.quick-view .numbers-row{
    display: inline-block;
}

.quick-view .numbers-row .mybtn:hover{
    background-color: #e83f33;
    color: #fff;
}

.quick-view .numbers-row .qty{
    border: 1px solid #e5e5e5;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    margin-right: 8px;
    outline: none;
    padding: 0 5px 1px;
    text-align: center;
    width: 65px;
    margin-left: 8px;
    float: right;
    border-radius: 3px;
}

.quick-view .btn-link{
    background: #e83f33;
    color: #fff;
    padding: 7px 22px;
    border: 1px #e83f33 solid;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-radius: 3px;
    margin-right: 18px;
    text-decoration: none;
}

.quick-view .btn-link:hover{
    background: #333;
    border: 1px #333 solid;
    color: #fff;
}

.quick-view .btn-link i{
    margin-left: 6px;
    font-size: 16px;
}

.quick-view .list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.quick-view .list li{
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
}

.quick-view .list li a{
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    text-align: center;
    transition: 0.5s all ease;
    text-decoration: none;
}
.quick-view .list li a i{
    font-size: 12px;
    color: #bbb;
    margin-left: 8px;
    vertical-align: -2px;
}

.quick-view .list li a:hover,.quick-view .list li a:hover i{
    color: #e83f33;
}

.breadcrumb-sec{
    padding: 8px 0;
    border-bottom: 1px #e5e5e5 solid;
}

.breadcrumb-sec .breadcrumb {
    padding: 0;
    margin-bottom: 0;
    background-color: #fff;
    border-radius: 0;
}

.breadcrumb-sec .breadcrumb>li{
    font-size: 11px;
    color: #666;
}

.breadcrumb-sec .breadcrumb>li a{
    color: #999;
    text-decoration: none;
}

.breadcrumb-sec .breadcrumb>li a:hover{
    color: #e83f33;
}

.breadcrumb-sec .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #999;
    content: "»";
    font-size: 14px;
}

.inner-title{
    display: block;
    margin: 15px 0 25px;
    padding: 0 0 8px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    color: #000;
    font-size: 18px;
    line-height: 1.6;
    font-family: IRANSansBold;
}

.inner-title:before{
    position: absolute;
    right: 0;
    height: 3px;
    bottom: -2px;
    content: "";
    background: #e83f33;
    width: 130px;
}

.inner-text{
    display: block;
    line-height: 1.7;
    text-align: justify;
    margin: 0 0 10px;
    color: #666;
    font-size: 12px;
}

.inner-text a{
    color: #333333;
    display: inline-block;
}

.inner-text a:hover{
    color: #e83f33;
}

.faq-sec{
    padding: 30px 0;
}

.faq-sec .panel{
    border: 0;
    box-shadow: none;
    border-radius: 0;
}

.faq-sec .panel-group {
    margin-top: 10px;
}

.faq-sec .panel-default>.panel-heading {
    background: #fff;
    color: #333333;
    padding: 0;
    border-radius: 0;
    border: 1px #e8e8e8 solid;
    min-height: 50px;
    font-weight: 600;
}

.faq-sec .panel-default>.panel-heading.active{
    background: #f7f7f7;
}

.faq-sec .panel-default>.panel-heading .panel-title{
    font-size: 13px;
    font-family: IRANSansBold;
}

.faq-sec .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top: 0!important;
    border: 1px #e8e8e8 solid;
    font-size: 12px;
    line-height: 1.7;
    text-align: justify;
    color: #999;
}

.faq-sec .panel-title>a{
    display: block;
    padding: 14px 15px 12px 50px;
    line-height: 1.7;
    position: relative;
}

.faq-sec .panel-title>a:after{
    content: "\f106";
    font-family: FontAwesome;
    font-size: 20px;
    float: left;
    color: #333;
    left: 10px;
    position: absolute;
    width: 20px;
    height: 20px;
    top: 54%;
    margin-top: -18px;
}

.faq-sec .panel-title>a.collapsed:after{
    content: "\f107";
}

.faq-sec .box{
    background: #e83f33;
    text-align: center;
    padding: 32px 28px;
    margin: 0 0 20px 0;
    display: block;
}

.faq-sec .box .title{
    line-height: 26px;
    padding-bottom: 8px;
    color: #fff;
    font-family: IRANSansBold;
    font-size: 20px;
    display: block;
}

.faq-sec .box .box-icon{
    text-align: center;
    margin: 0 auto;
    padding: 0 0 20px 0;
    max-height: 120px;
}

.faq-sec .box .box-icon i{
    background: #fcd21b;
    color: #e83f33;
    -webkit-transition: background 0.2s, color 0.2s;
    -moz-transition: background 0.2s, color 0.2s;
    transition: background 0.2s, color 0.2s;
    display: inline-block;
    font-size: 0;
    cursor: pointer;
    margin: 15px 0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.faq-sec .box:hover .box-icon i{
    background: rgba(255,255,255,1);
    color: #333333;
}

.faq-sec .box .box-icon i:before{
    font-size: 40px;
    line-height: 90px;
    display: block;
}

.faq-sec .box .box-icon i:after{
    top: -7px;
    left: -7px;
    padding: 7px;
    box-shadow: 0 0 0 4px #fff;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(.8);
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    transition: transform 0.2s, opacity 0.2s;
    transform: scale(.8);
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.faq-sec .box:hover .box-icon i:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.faq-sec .box .text{
    display: block;
    color: #fff;
    font-size: 12px;
    line-height: 1.7;
    margin: 15px 0;
}

.faq-sec .banner{
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.form-sec{
    min-height: 350px;
    padding: 25px 0 30px;
}

.form-sec .title{
    display: block;
    margin: 0 0 5px;
    line-height: 1.6;
    color: #000;
    font-size: 15px;
    font-family: IRANSansBold;
}

.form-sec .inner-text{
    margin-bottom: 25px;
}

.form-sec label{
    margin-top: 10px;
    margin-bottom: 5px;
    display: block;
    font-family: IRANSansBold;
    color: #333;
    font-size: 12px;
    line-height: 1.4;
}
.form-sec.contact label{
    margin-top: 25px;
    margin-bottom: 10px;
}
.form-sec .form-control{
    border-radius: 3px;
    border: 1px solid #e8e6e2;
    -webkit-box-shadow: inherit;
    box-shadow: inherit;
    width: 100%;
    resize: none;
}

.form-sec.contact .form-control{
    border-radius: 0;
}

.form-sec .required{
    color: #ff0000;
    padding-right: 3px;
}

.form-sec .forgot-pass{
    display: block;
    margin: 15px 0 10px;
    color: #333;
    font-size: 12px;
    line-height: 1.7;
}

.form-sec .forgot-pass:hover{
    color: #e83f33;
}

.form-sec .my-btn{
    display: inline-flex;
    align-items: center;
    background: #444;
    padding: 8px 20px;
    font-size: 12px;
    border: 1px solid #444;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-radius: 3px;
    margin-top: 15px;
    outline: none;
}

.form-sec .my-btn:hover{
    background: #e83f33;
    border: 1px solid #e83f33;
    color: #fff;
}

.form-sec .my-btn i{
    display: inline-block;
    padding-left: 6px;
    font-size: 13px;
}

.form-sec .inline{
    display: inline-block;
    margin: 10px 15px 10px 0;
}

.form-sec .inline.news{
    display: block;
    margin-right: 0;
    margin-top: 15px;
}

.form-sec .inline input{
    float: right;
    margin: 2px 0 0 5px;
}


.form-sec .center-block{
    margin: 0 auto;
    float: none;
}

.form-sec.contact .mrg{
    margin-bottom: 15px;
}

.form-sec .list{
    list-style: none;
    padding: 0;
    margin: 5px 0 25px;
}

.form-sec .list li{
    display: block;
    line-height: 28px;
    font-style: italic;
    font-size: 13px;
    color: #333;
}

.form-sec .list li i{
    display: inline-block;
    font-size: 7px;
    vertical-align: 2px;
    color: #696969;
    padding-left: 7px;
}

.form-sec .contact-info{
    list-style: none;
    margin: 0;
    padding: 0;
}

.form-sec .contact-info li{
    display: block;
    color: #696969;
    font-size: 13px;
    line-height: 1.7;
}

.form-sec .contact-info li .ltr-o{
    text-align: right;
    display: inline-block;
}

.form-sec .contact-info li i{
    display: inline-block;
    width: 30px;
    line-height: inherit;
    font-size: 18px;
}

.form-sec .contact-info li a{
    display: inline-block;
    color: #111;
}

.form-sec .contact-info li a:hover{
    color: #e83f33;
}

.form-sec .clear{
    display: inline-block;
    color: #333333;
    font-size: 13px;
    line-height: 1.7;
    cursor: pointer;
    margin-right: 10px;
}

.form-sec .clear:hover{
    color: #e83f33;
}

.product-sec{
    padding: 25px 0 30px;
}

.sidebar-sec .sec-title{
    font-size: 14px;
    color: #333333;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.sidebar-sec .sec-title span{
    border-bottom: 2px solid #e83f33;
    display: inline-block;
    margin-bottom: -1px;
    padding-bottom: 8px;
    font-family: IRANSansBold;
}

.sidebar-sec .text{
    display: block;
    margin: 0 0 10px;
    color: #666;
    font-size: 12px;
    line-height: 1.7;
}

.sidebar-sec> .title{
    display: block;
    line-height: 1.7;
    color: #333333;
    font-size: 13px;
    font-family: IRANSansBold;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: 14px;
    margin-top: 15px;
    padding-bottom: 5px;
}

.sidebar-sec .check-box-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-sec .check-box-list li{
    display: block;
    line-height: 24px;
    margin-bottom: 3px;
    font-size: 12px;
}

.sidebar-sec .check-box-list input[type="checkbox"]{
    display: none;
}

.sidebar-sec .check-box-list input[type="checkbox"]:checked+label {
    color: #e83f33;
}

.sidebar-sec .check-box-list label{
    display: inline-block;
    cursor: pointer;
    line-height: 12px;
    max-width: 100%;
    margin-bottom: 5px;
}

.sidebar-sec .check-box-list  .button{
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 6px;
    background: url(../images/icons/checkbox.png) no-repeat;
    padding: 0;
    border: none;
    vertical-align: bottom;
}

.sidebar-sec .check-box-list input[type="checkbox"]:checked+label span.button {
    background: #e83f33 url(../images/icons/checked.png) no-repeat center center;
}

.sidebar-sec .check-box-list .count{
    color: #a4a4a4;
    margin-right: 2px;
}

.sidebar-sec .list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-sec .list li{
    display: block;
    padding-bottom: 5px;
    position: relative;
}

.sidebar-sec .list.border li{
    padding: 0 0 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

.sidebar-sec .list.border li:last-child{
    border-bottom: none;
    margin-bottom: 5px;
}

.sidebar-sec .list li a{
    display: inline-block;
    color: #333333;
    font-size: 12px;
    line-height: 1.6;
}

.sidebar-sec .list li a:hover{
    color: #e83f33;
}

.sidebar-sec .list .close-btn{
    line-height: 17px;
}

.sidebar-sec .list li i{
    margin-left: 3px;
}

.sidebar-sec .color{
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-sec .color li{
    display: inline-block;
}

.sidebar-sec .color li a{
    clear: both;
    background: #333333;
    height: 20px;
    display: block;
    text-decoration: none;
    width: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.sidebar-sec .color li.red a{
    background: #e32b00;
}

.sidebar-sec .color li.orang a{
    background: #ff9000;
}

.sidebar-sec .color li.green a{
    background: #8BC44A;
}

.sidebar-sec .color li.blue a{
    background: #10b9b9;
}

.sidebar-sec .color li.white a{
    background: #FFFFFF;
}

.sidebar-sec .size{
    padding: 0;
    margin: 0;
    list-style: none;
}

.sidebar-sec .size li{
    display: inline-block;
}

.sidebar-sec .size li a{
    display: block;
    text-decoration: none;
    border: 1px solid #e8e6e2;
    padding: 3px 10px;
    color: #666;
    font-size: 11px;
    font-weight: 700;
    border-radius: 3px;
    transition: 0.5s all ease;
}

.sidebar-sec .size li a:hover{
    border-color: #e83f33;
}

.sidebar-sec .amount{
    display: block;
    padding: 15px 0;
    color: #333333;
    font-size: 12px;
    line-height: 1.7;
}

.sidebar-sec .amount a{
    color: #111;
    display: inline-block;
}

.sidebar-sec .amount a:hover{
    color: #e83f33;
}

.sidebar-sec .amount input{
    border: 0;
    outline: none;
    direction: ltr;
    margin-right: 5px;
    text-align: right;
}

.sidebar-sec #slider-range{
    margin-top: 25px;
    border: 0;
    height: 7px;
    background: #ccc;
}

.sidebar-sec #slider-range .ui-widget-header{
    height: 7px;
    background: #999;
    border: none;
    border-radius: 50px;
}

.sidebar-sec #slider-range .ui-state-default,.sidebar-sec #slider-range .ui-widget-content .ui-state-default{
    border: 0;
    background: #e53939;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
}

.sidebar-sec .cart{
    padding: 3px 0 6px;
    margin: auto;
}

.sidebar-sec .cart li{
    border-top: 1px solid #ECECEC;
    list-style: none;
    overflow: hidden;
    padding: 15px 0 15px;
}

.sidebar-sec .cart li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 5px;
}

.sidebar-sec .cart li .pic{
    float: right;
    text-decoration: none;
    display: block;
    width: 68px;
    padding: 0;
    border: 1px #e8e8e8 solid;
}

.sidebar-sec .cart li .pic img{
    width: 100%;
    height: auto;
}

.sidebar-sec .cart li .product-details{
    margin-right: 80px;
    padding-left: 20px;
    color: #333333;
    position: relative;
}

.sidebar-sec .cart li .product-details .remove-cart,.sidebar-sec .close-btn{
    display: block;
    width: 16px;
    height: 16px;
    text-align: center;
    border: solid 1px #666;
    border-radius: 50%;
    position: absolute;
    left: 0;
    line-height: 17px;
    top: 0;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    transition: all .3s ease;
}

.sidebar-sec .cart li .product-details .remove-cart:hover,.sidebar-sec .close-btn:hover{
    color: #e83f33;
    border-color: #e83f33;
}

.sidebar-sec .cart li .product-details .product-name{
    margin: 0;
    line-height: 1.3em;
    padding: 0 0 3px;
    font-size: 12px;
}
.sidebar-sec .cart li .product-details .product-name a{
    text-decoration: none;
    display: block;
    color: #333333;
    transition: all .3s ease;
}

.sidebar-sec .cart li .product-details .product-name a:hover{
    color: #e83f33;
}

.sidebar-sec .cart li .product-details .price{
    font-size: 12px;
    display: inline-block;
    color: #000;
    font-family: IRANSansBold;
}

.sidebar-sec .total{
    color: #333333;
    font-size: 12px;
    font-weight: 700;
    padding: 8px 15px;
    text-align: right;
    text-transform: none;
    background-color: #f5fafc;
    margin-bottom: 12px;
}

.sidebar-sec .total .price{
    color: #000;
    font-family: IRANSansBold;
    padding-rigth: 10px;
    float: left;
    font-size: 14px;
}

.sidebar-sec .my-btn{
    display: inline-block;
    text-align: center;
    background: #444;
    padding: 6px 20px;
    font-size: 12px;
    border: 1px solid #444;
    white-space: nowrap;
    color: #fff;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-radius: 3px;
    margin-top: 15px;
    outline: none;
}

.sidebar-sec .my-btn.clear-all{
    border: 1px #eeeeee solid;
    background: #f8f8f8;
    color: #333333;
    padding: 6px 12px;
}

.sidebar-sec .my-btn:hover{
    background: #e83f33;
    border: 1px solid #e83f33;
    color: #fff;
}

.sidebar-sec .small-owl{
    background: #fff!important;
    padding: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
    border-radius: 3px;
    margin-top: 30px;
    max-width: 265px;
}

.sidebar-sec .small-owl a{
    display: block;
}

.sidebar-sec .small-owl img{
    width: 100%;
    height: auto;
}

.sidebar-sec .special{
    padding: 3px 0 6px;
    margin: auto;
}

.sidebar-sec .special li{
    border-bottom: 1px #e8e6e2 solid;
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 12px;
    list-style: none;
    overflow: hidden;
}

.sidebar-sec .special li:last-child{
    border: none;
    margin-bottom: 5px;
}

.sidebar-sec .special li .pic{
    float: right;
    text-decoration: none;
    display: block;
    width: 68px;
    padding: 0;
}

.sidebar-sec .special li .pic img{
    width: 100%;
    height: auto;
}

.sidebar-sec .special li .product-details{
    margin-right: 80px;
    padding-left: 20px;
    color: #333333;
    position: relative;
}

.sidebar-sec .special li .product-details .product-name{
    margin: 0;
    line-height: 1.3em;
    padding: 0 0 3px;
    font-size: 12px;
}
.sidebar-sec .special li .product-details .product-name a{
    text-decoration: none;
    display: block;
    color: #333333;
    transition: all .3s ease;
}

.sidebar-sec .special li .product-details .product-name a:hover{
    color: #e83f33;
}

.sidebar-sec .special li .product-details .price{
    font-size: 13px;
    display: inline-block;
    color: #000;
    margin: 5px 0;
}

.sidebar-sec .special .rating{
    color: #999;
    font-size: 11px;
}

.sidebar-sec .special .rating .fa-star{
    color: #FC0;
}

.sidebar-sec .my-btn.red-btn{
    background: #e83f33;
    color: #fff;
    margin-top: 0;
    border: 1px solid #e83f33;
}

.sidebar-sec .my-btn.red-btn:hover{
    background: #444;
    color: #fff;
    border: 1px solid #444;
}

.sidebar-sec .tag{
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-sec .tag li{
    display: inline-block;
    line-height: 28px;
    margin: 5px 0 0 3px;
}

.sidebar-sec .tag li a{
    background: #efefef none repeat scroll 0 0;
    color: #838383;
    display: block;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 11px;
}

.sidebar-sec .tag li a:hover{
    background: #e83f33;
    color: #fff;
}

.sidebar-sec .vote-form label{
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #333;
    display: inline-block;
    padding-right: 3px;
}

.sidebar-sec .vote-form input[type=radio]{
    float: right;
}

.sidebar-sec .sub-title{
    color: #222;
    font-family: IRANSansBold;
    font-size: 13px;
    margin-bottom: 10px;
    display: block;
}

.sidebar-sec .banner{
    display: block;
    margin-top: 30px;
}

.sidebar-sec .banner img{
    max-width: 100%;
    width: auto;
    height: auto;
    border-radius: 3px;
    margin: 0 auto;
    display: block;
}

.sidebar-sec .posts{
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-sec .posts li{
    display: block;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sidebar-sec .posts li:last-child{
    border: 0;
}

.sidebar-sec .posts li:after{
    display: block;
    content: "";
    clear: both;
}

.sidebar-sec .posts li .pic{
    width: 80px;
    float: right;
    border: 1px solid #eaeaea;
    padding: 4px;
    background: #fcfcfc;
    display: inline-block;
}

.sidebar-sec .posts li .pic img{
    width: 100%;
    height: auto;
}

.sidebar-sec .posts li .content{
    margin-right: 90px;
    color: #999;
}

.sidebar-sec .posts li .content .title{
    display: block;
    color: #000;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: IRANSansBold;
}

.sidebar-sec .posts li .content .title:hover{
    color: #e83f33;
}

.sidebar-sec .posts li .content .date{
    display: block;
    font-size: 11px;
}

.sidebar-sec .posts li .content .date i{
    margin-left: 3px;
}

.sidebar-sec .comment-list{
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-sec .comment-list li{
    display: block;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sidebar-sec .comment-list li:last-child{
    border: 0;
}

.sidebar-sec .comment-list li .title{
    display: block;
    color: #000;
    margin-bottom: 10px;
    font-size: 12px;
    font-family: IRANSansBold;
}

.sidebar-sec .comment-list li .title:hover{
    color: #e83f33;
}

.sidebar-sec .comment-list li .text{
    display: block;
    line-height: 1.7;
    margin-top: 10px;
    color: #666;
    font-size: 12px;
}

.sidebar-sec .comment-list li .author{
    display: block;
    color: #666;
    font-size: 12px;
}

.sidebar-sec .comment-list li .author a{
    display: inline-block;
    color: #e83f33;
    font-family: IRANSansBold;
}

.sidebar-sec .comment-list li .author a:hover{
    color: #333;
}

.product-sec .item-slider .custom-xs{
    overflow: hidden;
    margin-bottom: 20px;
}

.product-sec .item-slider .item{
    margin: 0;
}

.product-sec .item-slider .item .title{
    border-bottom: 0;
}

.product-sec .sorter{
    margin: 10px 0 35px;
    display: flex;
    align-items: center;
}

.product-sec .sorter .sort-by{
    margin-left: 15px;
}

.product-sec .sorter label{
    color: #777;
    font-size: 13px;
    line-height: 30px;
    font-weight: normal;
    display: inline-block;
}

.product-sec .sorter select{
    display: inline-block;
    font-size: 13px;
    height: 30px;
    margin: 0;
    padding: 0 14px 0 28px;
    vertical-align: middle;
    border: 1px #e8e8e8 solid;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/icons/arrow-d.png);
    background-repeat: no-repeat;
    background-position: left 10px center;
    cursor: pointer;
    border-radius: 3px;
    outline: none;
}

.pagination-area{
    border-top: 1px solid #e5e5e5;
    margin: 22px 0 0;
    padding-top: 20px;
    text-align: center;
    display: inline-block;
    width: 100%;
}

.pagination-area ul{
    list-style: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.pagination-area ul li{
    display: inline-block;
    margin: 0 5px 5px 0;
}

.pagination-area ul li:first-child{
    margin-right: 0;
}

.pagination-area ul li a{
    border: 1px solid #e5e5e5;
    color: #363636;
    background: #f5f5f5;
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 30px;
    height: 30px;
    width: 30px;
    text-decoration: none;
    transition: all .4s ease-out .2s;
    border-radius: 3px;
}

.pagination-area ul li a.active,.pagination-area ul li a:hover{
    background: #e83f33;
    border: 1px solid #e83f33;
    color: #fff;
}

.product-sec .slider{
    margin-bottom: 30px;
    position: relative;
}

.product-sec .slider img{
    width: 100%;
    height: auto;
}

.product-sec .slider .item{
    position: relative;
}

.product-sec .slider .content{
    position: absolute;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    width: 450px;
    right: 5%;
    padding: 0 25px;
}

.product-sec .slider .content span{
    font-size: 13px;
    line-height: 1.6;
    display: block;
    color: #eee;
}

.product-sec .slider .content .cat-heading{
    display: block;
    font-size: 32px;
    line-height: 1.7;
    color: #fff;
    font-family: IRANSansBold;
    margin: 10px 0;
}

.product-sec .slider .content p{
    display: block;
    font-size: 13px;
    color: #fff;
    line-height: 1.6;
    margin: 0 0 10px;
}

.product-sec .slider .content .link{
    display: inline-block;
    background: #e83f33;
    color: #fff;
    border: 1px solid #e83f33;
    font-size: 12px;
    padding: 8px 18px;
    margin-top: 15px;
    border-radius: 3px;
    letter-spacing: 0.5px;
}

.product-sec .slider .content .link:hover{
    background: #000;
    color: #fff;
    border: 1px solid rgba(0,0,0,0.08);
}

.product-sec .slider .next{
    top: 50%;
    transform: translateY(-50%);
    right: 4%;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    width: 20px;
    height: 25px;
    text-align: center;
    color: #666;
    opacity: 0;
    font-size: 22px;
    transition: all .3s ease;
}

.product-sec .slider .prev{
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
    position: absolute;
    z-index: 3;
    cursor: pointer;
    width: 20px;
    height: 25px;
    text-align: center;
    color: #666;
    opacity: 0;
    font-size: 22px;
    transition: all .3s ease;
}

.product-sec .slider .next:hover,.product-sec .slider .prev:hover{
    color: #e83f33;
}

.product-sec .slider:hover .next,.product-sec .slider:hover .prev{
    opacity: 1;
}

.single-sec{
    margin-top: 30px;
}

.single-sec .product-big-image{
    position: relative;
}

.single-sec .product-big-image .tag{
    font-size: 10px;
    color: #fff;
    text-align: center;
    display: block;
    position: absolute;
    z-index: 2;
    background: #e53939;
    border-radius: 2px;
    right: 26px;
    top: 10px;
    padding: 4px 8px;
}

.single-sec .img-zoom-container {
    position: relative;
    width: 100%;
    cursor: crosshair;
}

.single-sec .img-zoom-container .myimage{
    height: auto;
    border: solid 1px #DDDDDD;
    cursor: crosshair;
}

.single-sec .img-zoom-container .img-zoom-result{
    border: 1px solid rgb(221, 221, 221);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transform: scale(0);
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    z-index: 9;
}

.single-sec .img-zoom-container:hover .img-zoom-result{
    opacity: 1;
    top: 0;
    bottom: inherit;
    right: 105%;
    left: inherit;
    transform: scale(1);
}

.single-sec .img-zoom-lens {
    position: absolute;
    border: 1px solid #000;
    width: 100px;
    height: 100px;
    background: #fff;
    opacity: .3;
}

.single-sec .myimage,#owl-view2 .item img{
    width: 100%;
}

.single-sec .slider{
    width: 80%;
    padding: 0 10%;
    margin: 20px auto 0;
    position: relative;
}
.single-sec #owl-view2{
    width: 100%;
}

.single-sec #owl-view2 .item{
    border: 1px #e5e5e5 solid;
    text-align: center;
    margin: 5px;
}

.single-sec .next-m{
    position: absolute;
    right: 0;
    bottom: 30px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    font-size: 11px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 100%;
    cursor: pointer;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
}

.single-sec .next-m:before{
    font-family: 'FontAwesome';
    font-size: 2em;
    display: inline-block;
    content: '\f105';
}

.single-sec .prev-m{
    position: absolute;
    left: 0;
    bottom: 30px;
    border: 1px #e5e5e5 solid;
    background: #fff;
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    font-size: 11px;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    border-radius: 100%;
    cursor: pointer;
    z-index: 3;
    top: 50%;
    transform: translateY(-50%);
}

.single-sec .prev-m:before{
    font-family: 'FontAwesome';
    font-size: 2em;
    display: inline-block;
    content: '\f104';
}

.single-sec .next-m:hover,.single-sec .prev-m:hover{
    background-color: #e83f33;
    color: #fff;
}


.single-sec .main-title{
    margin: 0 0 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 22px;
    font-family: IRANSansBold;
}
.single-sec .price-box{
    margin: 10px 0;
    padding: 5px 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

.single-sec .cost{
    font-size: 22px;
    color: #e74c3c;
    font-weight: 600;
    display: inline-block;
}

.single-sec .old-cost{
    font-size: 18px;
    color: #ccc;
    font-weight: 300;
    display: inline-block;
    text-decoration: line-through;
    margin-right: 10px;
}

.single-sec .border{
    margin: 10px 0;
    padding:5px 0 10px;
    border-bottom: 1px solid #e5e5e5;
}

.single-sec .border.last{
    border: 0;
}

.single-sec .border .rating{
    color: #999;
    font-size: 15px;
}

.single-sec .border .fa-star {
    color: #FC0;
}

.single-sec .availability{
    color: #666;
    font-size: 13px;
    margin: 0;
}

.single-sec .availability span{
    color: #fff;
    background-color: #5cb85c;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 3px;
}

.single-sec .text{
    display: block;
    font-size: 13px;
    color: #666;
    margin-bottom: 15px;
    text-align: justify;
}

.single-sec .half1{
    display: inline-block;
    width: 40%;
    float: right;
    margin-left: 18px;
}

.single-sec .half2{
    width: 51%;
    margin-bottom: 8px;
    float: right;
}

.single-sec .title{
    color: #333333;
    display: block;
    font-size: 13px;
    font-family: IRANSansBold;
    border-bottom: 1px #e8e8e8 solid;
    margin-bottom: 14px;
    padding-bottom: 5px;
}

.single-sec .title.no-border{
    border-bottom: 0;
}

.single-sec .color{
    padding: 0;
    margin: 0;
    list-style: none;
}

.single-sec .color li{
    display: inline-block;
}

.single-sec .color li a{
    clear: both;
    background: #333333;
    height: 20px;
    display: block;
    text-decoration: none;
    width: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}

.single-sec .color li.red a{
    background: #e32b00;
}

.single-sec .color li.orang a{
    background: #ff9000;
}

.single-sec .color li.green a{
    background: #8BC44A;
}

.single-sec .color li.blue a{
    background: #10b9b9;
}

.single-sec .color li.white a{
    background: #FFFFFF;
}

.single-sec .size{
    padding: 0;
    margin: 0;
    list-style: none;
}

.single-sec .size li{
    display: inline-block;
}

.single-sec .size li a{
    display: block;
    text-decoration: none;
    border: 1px solid #e8e6e2;
    padding: 3px 10px;
    color: #666;
    font-size: 11px;
    font-weight: 700;
    border-radius: 3px;
    transition: 0.5s all ease;
}

.single-sec .size li a:hover{
    border-color: #e83f33;
}

.single-sec .numbers-row .mybtn{
    background-color: #eeeeee;
    border: 1px #e8e8e8 solid;
    border-right: none;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    color: #333333;
    font-size: 14px;
    padding: 12px 16px 9px 14px;
    line-height: 18px;
    display: inline-block;
    height: 40px;
    cursor: pointer;
    border-radius: 3px;
    outline: none;
    float: right;
    user-select: none;
    -moz-user-select: none;
}

.single-sec .flex{
    display: flex;
    align-items: center;
}

.single-sec .numbers-row{
    display: inline-block;
}

.single-sec .numbers-row .mybtn:hover{
    background-color: #e83f33;
    color: #fff;
}

.single-sec .numbers-row .qty{
    border: 1px solid #e5e5e5;
    color: #333333;
    font-size: 18px;
    font-weight: 600;
    height: 40px;
    margin-right: 8px;
    outline: none;
    padding: 0 5px 1px;
    text-align: center;
    width: 65px;
    margin-left: 8px;
    float: right;
    border-radius: 3px;
}

.single-sec .btn-link{
    background: #e83f33;
    color: #fff;
    padding: 7px 22px;
    border: 1px #e83f33 solid;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-radius: 3px;
    margin-right: 18px;
    text-decoration: none;
}

.single-sec .btn-link:hover{
    background: #333;
    border: 1px #333 solid;
    color: #fff;
}

.single-sec .btn-link i{
    margin-left: 6px;
    font-size: 16px;
}

.single-sec .list{
    margin: 0;
    padding: 0;
    list-style: none;
}

.single-sec .list li{
    display: inline-block;
    margin-left: 10px;
    padding-left: 10px;
}

.single-sec .list li a{
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 22px;
    margin: 0;
    text-align: center;
    transition: 0.5s all ease;
    text-decoration: none;
}
.single-sec .list li a i{
    font-size: 12px;
    color: #bbb;
    margin-left: 8px;
    vertical-align: -2px;
}

.single-sec .list li a:hover,.single-sec .list li a:hover i{
    color: #e83f33;
}

.single-sec .tags{
    list-style: none;
    margin-top: 6px;
    margin-bottom: 10px;
    padding: 0;
}

.single-sec .tags li{
    display: inline-block;
}

.single-sec .tags li span{
    font-size: 13px;
    color: #333;
    line-height: 1.7;
    display: inline-block;
    font-family: IRANSansBold;
}

.single-sec .tags li a{
    display: inline-block;
    color: #808080;
    font-size: 13px;
    line-height: 1.7;
}

.single-sec .tags li a:hover{
    color: #e83f33;
}

.single-sec .social{
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-sec .social li{
    display: inline-block;
    font-size: 13px;
    color: #333;
    font-family: IRANSansBold;
    line-height: 1.7;
    margin-left: 12px;
}

.single-sec .social li a{
    font-size: 16px;
    line-height: 30px;
    width: 20px;
    display: inline-block;
    color: #bababa;
    text-align: center;
}

.single-sec .social li a:hover{
    color: #e83f33;
}

.single-sec .nav-tabs{
    margin: 35px 0;
}

.single-sec .nav-tabs>li {
    float: none;
    display: inline-block;
    margin-left: 20px;
    margin-right: 0;
    margin-bottom: -1px;
}

.single-sec .nav-tabs li a{
    color: #333;
    padding: 10px 0;
    font-family: IRANSansBold;
    font-size: 14px;
    border: 0!important;
    border-bottom: 2px solid transparent!important;
}

.single-sec .nav-tabs>li.active>a,.single-sec .nav-tabs>li.active>a:focus,.single-sec .nav-tabs>li>a:hover {
    border-bottom: 2px solid #e83f33!important;
    color: #e83f33;
}

.single-sec .nav>li>a:focus,.single-sec .nav>li>a:hover {
    text-decoration: none;
    background: transparent;
}

.single-sec .nav-tabs>li.active>a,.single-sec .nav-tabs>li.active>a:focus,.single-sec .nav-tabs>li.active>a:hover {
    border: 0 solid #e83f33;
    border-bottom: 2px solid #e83f33!important;
    border-radius: 0;
    background: #fff;
    color: #e83f33;
}

.single-sec .tab-pane p{
    text-align: justify;
    line-height: 1.7;
    font-size: 13px;
    margin: 0 0 10px;
    color: #666;
    display: block;
}
.single-sec .tab-pane .form-sec{
    padding-top: 0;
    min-height: 0;
}

.single-sec .tab-pane .comments li .pic {
    width: 50px;
}

.single-sec .tab-pane .comments li .content {
    margin-right: 60px;
}

.blog-sec{
    padding: 30px 0;
}

.blog-sec .blog-post{
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-sec .blog-post li{
    display: block;
    padding-bottom: 18px;
    padding-top: 15px;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    border-bottom: 1px #eee solid;
}

.blog-sec .blog-post li:last-child{
    border-bottom: 0;
}

.blog-sec .blog-post li .pic{
    display: block;
    margin-bottom: 12px;
    position: relative;

}

.blog-sec .blog-post li .pic:before{
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f002";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    color: #fff;
    ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.blog-sec .blog-post li .pic:hover:before{
    opacity: 1;
}

.blog-sec .blog-post li .pic:after{
    overflow: hidden;
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
}

.blog-sec .blog-post li .pic:hover:after{
    visibility: visible;
    opacity: 0.8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.blog-sec .blog-post li .pic img{
    width: 100%;
    height: auto;
    border: 1px solid #eaeaea;
}

.blog-sec .blog-post li .post-title{
    display: block;
    font-family: IRANSansBold;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #333;
    margin-bottom: 5px;
}

.blog-sec .blog-post li .post-meta{
    padding: 5px 0;
    color: #666;
    font-size: 12px;
}

.blog-sec .blog-post li .author{
    margin-left: 12px;
    border-left: 1px #eee solid;
    padding-left: 10px;
    display: inline-block;
}

.blog-sec .blog-post li .cat{
    margin-left: 12px;
    border-left: 1px #eee solid;
    padding-left: 10px;
    display: inline-block;
}

.blog-sec .blog-post li .count{
    margin-left: 12px;
    border-left: 1px #eee solid;
    padding-left: 10px;
    display: inline-block;
}

.blog-sec .blog-post li .date{
    display: inline-block;
}

.blog-sec .blog-post li .post-meta i{
    display: inline-block;
    margin-left: 5px;
}

.blog-sec .blog-post li .post-meta a{
    color: #000;
    display: inline-block;
}

.blog-sec .blog-post li .post-meta a:hover{
    color: #e83f33;
}

.blog-sec .blog-post li .text{
    display: block;
    line-height: 1.8;
    color: #999;
    font-size: 11px;
    margin: 10px 0 10px;
    text-align: justify;
}

.blog-sec .blog-post li .link{
    display: inline-block;
    color: #e83f33;
    font-size: 12px;
}

.blog-sec .blog-post li .link:hover{
    color: #222;
}

.blog-sec .top-part{
    margin-bottom: 5px;
}

.blog-sec .top-part:after{
    clear: both;
    content: "";
    display: block;
}

.blog-sec .top-part .date{
    background-color: #f8f8f8;
    border: 1px #e5e5e5 solid;
    display: inline-block;
    float: right;
    font-family: IRANSansBold;
    height: 60px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-left: 15px;
    padding-top: 8px;
    text-align: center;
    width: 65px;
    font-size: 13px;
}

.blog-sec .top-part .title{
    margin-bottom: 10px;
    line-height: 1.8;
    padding-top: 8px;
    font-size: 14px;
    text-decoration: none;
    display: block;
    color: #000;
    font-family: IRANSansBold;
    transition: all .3s ease-in;
}

.blog-sec .top-part .title:hover{
    color: #e83f33;
}

.blog-sec .top-part .icon-box .fa{
    padding-right: 3px;
    font-size: 14px;
    color: #999;
}

.blog-sec .top-part .icon-box strong {
    font-size: 13px;
    font-weight: 400;
    margin-left: 10px;
    color: #999;
}

.blog-sec .top-part .icon-box a{
    text-decoration: none;
    display: inline-block;
}

.blog-sec .post-content{
    margin-bottom: 30px;
}

.blog-sec .post-content .post-pic{
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}

.blog-sec .post-content p{
    display: block;
    color: #666;
    margin: 0 0 15px;
    line-height: 1.7;
    font-size: 12px;
    text-align: justify;
}

.blog-sec .post-content .tags{
    list-style: none;
    margin: 20px 0 0;
    padding: 0;
}

.blog-sec .post-content .tags li{
    display: inline-block;
    color: #333;
    font-size: 12px;
    line-height: 1.7;
}

.blog-sec .post-content .tags li a{
    display: inline-block;
    color: #333;
}

.blog-sec .post-content .tags li a:hover{
    color: #e83f33;
}

.blog-sec .post-slider .item{
    text-align: center;
    margin: 0 12px;
}

.blog-sec .post-slider .item .pic{
    display: block;
    margin-bottom: 12px;
    position: relative;

}

.blog-sec .post-slider .item .pic:before{
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f002";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    color: #fff;
    ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}

.blog-sec .post-slider .item .pic:hover:before{
    opacity: 1;
}

.blog-sec .post-slider .item .pic:after{
    overflow: hidden;
    position: absolute;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
}

.blog-sec .post-slider .item .pic:hover:after{
    visibility: visible;
    opacity: 0.8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.blog-sec .post-slider .item .pic img{
    width: 100%;
    height: auto;
}

.blog-sec .post-slider .item .title{
    display: block;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 15px 8px;
    color: #000;
    font-family: IRANSansBold;
}
.blog-sec .post-slider .item .title:hover{
    color: #e83f33;
}

.blog-sec .post-slider .item .post-meta{
    margin-bottom: 22px;
    margin-top: 10px;
    color: #333333;
    font-size: 12px;
}

.blog-sec .post-slider .item .post-meta .comment-count{
    display: inline-block;
    margin-left: 10px;
}

.blog-sec .post-slider .item .post-meta .date{
    display: inline-block;
}

.blog-sec .post-slider .item .post-meta i{
    margin-left: 2px;
}

.blog-sec .post-slider .item .link-btn{
    display: inline-block;
    text-align: center;
    background: #444;
    padding: 7px 20px;
    font-size: 12px;
    border: 1px solid #444;
    white-space: nowrap;
    color: #fff;
    transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    border-radius: 3px;
    margin-top: 15px;
    outline: none;
}

.blog-sec .post-slider .item .link-btn:hover{
    background: #e83f33;
    border: 1px solid #e83f33;
    color: #fff;
}

.blog-sec .slider{
    position: relative;
    padding: 0 5px;
    margin-bottom: 45px;
}

.blog-sec .slider .next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    width: 20px;
    height: 25px;
    cursor: pointer;
    color: #666;
    z-index: 2;
    font-size: 22px;
    text-align: center;
}

.blog-sec .slider .next:hover{
    color: #e83f33;
}

.blog-sec .slider .prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
    width: 20px;
    height: 25px;
    cursor: pointer;
    color: #666;
    z-index: 2;
    font-size: 22px;
    text-align: center;
}

.blog-sec .slider .prev:hover{
    color: #e83f33;
}

.comments{
    list-style: none;
    margin: 0 0 40px;
    padding: 0;
}

.comments li{
    margin-bottom: 15px;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    color: #666;
}

.comments li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.comments li ul{
    border-top: 1px solid #eaeaea;
    padding-right: 65px;
    list-style: none;
    margin-top: 25px;
    padding-top: 15px;
}

.comments li .pic{
    width: 61px;
    float: right;
    display: block;
    height: auto;
}

.comments li .content{
    margin-right: 90px;
}

.comments li .content .meta{
    margin-bottom: 6px;
    font-size: 13px;
}

.comments li .content .meta .author{
    display: inline-block;
    font-family: IRANSansBold;
    color: #333;
}

.comments li .content .meta .author:hover{
    color: #e83f33;
}

.comments li .content .meta .date{
    color: #666;
    display: inline-block;
    margin-right: 5px;
}

.comments li .content .text{
    display: block;
    line-height: 1.8;
    color: #666;
    text-align: justify;
    font-size: 12px;
}

.blog-sec .comment-form{
    padding-top: 0;
}

.cart-sec{
    padding: 30px 0;
}

.cart-sec .table{
    margin-bottom: 30px;
}

.cart-sec .table-bordered>thead>tr>td, .cart-sec .table-bordered>thead>tr>th {
    border-bottom-width: 0
}

.cart-sec .table-bordered.cart_summary>thead,.cart-sec .cart_summary>tfoot {
    background: #f8f8f8;
    font-size: 15px
}
.cart-sec .cart_summary>tfoot strong {
    color: #e74c3c
}
.cart-sec .cart_summary>thead>th {
    border-bottom-width: 1px;
    padding: 20px
}
.cart-sec .cart_summary td {
    vertical-align: middle!important;
}
.cart-sec .cart_summary .table>tbody>tr>td,.cart-sec  .table>tbody>tr>th,.cart-sec  .cart_summary .table>tfoot>tr>td,.cart-sec  .table>tfoot>tr>th, .cart-sec .cart_summary .table>thead>tr>td,.cart-sec  .table>thead>tr>th {
    padding: 10px
}

.cart-sec .table>thead>tr>th{
    text-align: center;
}

.cart-sec .table>thead>tr>th.text-right{
    text-align: right;
}
.cart-sec .cart_summary img {
    max-width: 100px
}
.cart-sec .cart_summary td.cart_product {
    width: 120px;
    padding: 15px
}
.cart-sec .cart_summary .price {
    text-align: center;
    font-weight: 600;
}
.cart-sec .cart_summary .qty {
    text-align: center;
    width: 100px
}
.cart-sec .cart_summary .qty input {
    text-align: center;
    max-width: 64px;
    margin: 0 auto;
    border-radius: 3px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    width: 50px;
}
.cart-sec .cart_summary .qty a {
    padding: 8px 10px 5px 10px;
    border: 1px solid #e8e6e2;
    display: inline-block;
    width: auto;
    margin-top: 5px
}
.cart-sec .cart_summary .qty a:hover {
    background: #e83f33;
    color: #fff
}
.cart-sec .cart_summary .action {
    text-align: center
}
.cart-sec .cart_summary .action a {
    font-size: 12px;
    display: inline-block;
    line-height: 24px
}
.cart-sec .cart_summary tfoot {
    text-align: right
}
.cart-sec .cart_navigation {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.cart-sec .table-bordered {
    border: 0px solid #ddd;
}
.cart-sec .table-bordered>tbody>tr>td, .cart-sec .table-bordered>tbody>tr>th, .cart-sec .table-bordered>tfoot>tr>td, .cart-sec .table-bordered>tfoot>tr>th, .cart-sec .table-bordered>thead>tr>td, .cart-sec .table-bordered>thead>tr>th {
    border: none;
    border-bottom: 1px solid #e5e5e5;
}

.cart-sec .availability {
    text-align: center
}
.cart-sec .product-name a{
    font-size: 13px;
    font-family: IRANSansBold;
    color: #333333;
    display: block;
}

.cart-sec .product-name a:hover{
    color: #e83f33;
}
.cart-sec .cart_description {
    font-size: 14px
}

.cart-sec .description_text{
    max-width: 230px;
    min-width: 230px;
    white-space: normal;
}

.cart-sec .description_text p{
    text-align: justify;
    line-height: 1.9;
    font-size: 12px;
    color: #666;
    margin: 0;
    white-space: normal;
}		
.cart-sec small a{
    font-size: 85%;
    font-weight: normal;
    color: #999999;
    display: block;
    margin-top: 10px;
}

.cart-sec small a:hover{
    color: #e83f33;
}

.cart-sec .availability.in-stock span {
    color: #fff;
    background-color: #5cb85c;
    padding: 5px 12px;
    font-size: 12px;
    font-family: IRANSansBold;
    border-radius: 3px;
}

.cart-sec .availability.out-of-stock span {
    color: #fff;
    background-color: #d9534f;
    padding: 5px 12px;
    font-size: 12px;
    font-family: IRANSansBold;
}

.cart-sec .cart_summary .action a.icon-close{
    display: inline-block;
    width: 13px;
    height: 13px;
    text-align: center;
    border: solid 1px #666;
    border-radius: 50%;
    line-height: 14px;
    color: #333;
    font-size: 10px;
    text-decoration: none;
    transition: all .3s ease;
}

.cart-sec .cart_summary .action a.icon-close:hover{
    color: #e83f33;
    border-color: #e83f33;
}

.cart-sec .continue-btn{
    display: inline-block;
    float: right;
    margin: 10px 0;
    padding: 10px 20px;
    background: #f9f9f9;
    border-radius: 3px;
    color: #333333;
    text-align: center;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-sec .continue-btn:hover{
    color: #e83f33;
}

.cart-sec .continue-btn i{
    display: inline-block;
    margin-left: 5px;
}

.cart-sec .checkout-btn{
    float: left;
    background: #e83f33;
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
    font-family: IRANSansBold;
    padding: 9px 30px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cart-sec .checkout-btn:hover{
    background: #222;
}

.cart-sec .checkout-btn i{
    display: inline-block;
    margin-left: 5px;
}

.add-card-btn{
    background: #e83f33;
    color: #fff;
    font-size: 12px;
    font-family: IRANSansBold;
    padding: 8px 25px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    outline: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: 0;
    transition: all .3s ease;
}

.add-card-btn.gray{
    background: #eee;
    color: #333;
}

.add-card-btn:hover{
    background: #222;
    color: #fff!important;
}						
.about-sec1{
    padding: 30px 0;
}

.about-sec1 .small-owl{
    background: #fff;
    padding: 5px;
    border: 1px solid #e5e5e5;
    box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
    border-radius: 3px;
}

.about-sec1 .small-owl img{
    width: 100%;
    height: auto;
}

.about-sec1 .sec-title{
    display: block;
    line-height: 1.8;
    font-size: 22px;
    font-family: IRANSansBold;
    color: #000;
    margin: 0 0 5px;
}

.about-sec1 .sec-title .color{
    display: inline-block;
    color: #e83f33;
}

.about-sec1 ul{
    list-style: none;
    margin: 25px 0 0;
    padding: 0;
}

.about-sec1 ul li{
    margin-top: 16px;
    display: flex;
}

.about-sec1 ul li i{
    font-size: 12px;
    color: #999;
    display: inline-block;
    padding-left: 5px;
    padding-top: 4px;
}

.about-sec1 ul li a{
    color: #999;
    font-size: 14px;
    line-height: 1.7;
    display: inline-block;
}

.about-sec1 ul li a:hover{
    color: #e83f33;
    padding-right: 10px;
}

.about-sec2{
    margin: 45px 0 20px;
    padding: 35px 0 40px;
    background-color: #f8f8f8;
    text-align: center;
}

.about-sec2 .icon{
    margin-bottom: 10px;
    margin-top: 10px;
    display: block;
    text-align: center;
}

.about-sec2 .icon.diamond:before{
    content: "";
    display: block;
    margin: 0 auto;
    background: url('../images/icons/diamond.svg') no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
}

.about-sec2 .icon.cog:before{
    content: "";
    display: block;
    background: url('../images/icons/settings.svg') no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.about-sec2 .icon.camera:before{
    content: "";
    display: block;
    background: url('../images/icons/camera.svg') no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.about-sec2 .icon.search-plus:before{
    content: "";
    display: block;
    background: url('../images/icons/magnifier-add.svg') no-repeat;
    background-size: cover;
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.about-sec2 .title{
    font-family: IRANSansBold;
    line-height: 1.7;
    display: block;
    color: #000;
    margin: 0 0 10px;
    font-size: 13px;
}

.about-sec2 .text{
    display: block;
    color: #666;
    margin: 0 0 10px;
    line-height: 1.8;
    font-size: 12px;
}

.about-sec3 .team{
    background: #f7f7f7;
    border: 1px #e8e8e8 solid;
    padding: 8px;
    text-align: center;
    border-radius: 3px;
    margin-bottom: 30px;
}

.about-sec3 .team img{
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    display: block;
}

.about-sec3 .team .name{
    display: block;
    line-height: 1.7;
    color: #000;
    margin: 0 0 5px;
    font-size: 13px;
    font-family: IRANSansBold;
}

.about-sec3 .team .info{
    display: block;
    line-height: 1.7;
    color: #666;
    font-size: 11px;
    margin-bottom: 10px;
}



@media(max-width:767px){
    html.ov{
        overflow-x: hidden;
        transition: .5s all ease;
        background-color: #1e4d9d;
    }
    body{
        width: 100%;
        height: 100%;
        overflow-x: hidden;
    }

    body.noScroll{
        overflow-y: hidden;
    }

    body.noScroll .main{
        border-right: 2px solid #cb2d22;
    }
    .main{
        position: relative;
        right: 0;
        transition: .5s all ease;
    }

    .main.open{
        right: 250px;
        overflow: hidden;
    }
    .header .inner-header .search-form .input-group input{
        width: 81%;
    }
    .header .top-header .text-left .links >li >a{
        border: 0;
    }
    .header .top-header .list{
        border: 0;
        margin-right: 0;
        padding-right: 0;
    }
    .header .top-header .list:last-child{
        float: left;
    }
    .header .top-header .list:last-child ul{
        left: 0;
        right: inherit;
    }

    .header .top-header .text-left {
        text-align: center;
        margin-top: 10px;
    }
    .header .inner-header .logo {
        text-align: center;
        margin-top: 20px;
        margin-bottom: 0;
    }
    .header .inner-header .cart .link .text{
        font-size: 0;
    }
    .header .inner-header .cart{
        float: left;
    }
    .slider-sec .main-owl .item .text-box .red-text{
        font-size: 10px;
        top: -80px;
    }
    .slider-sec .main-owl .owl-item.active .text-box .red-text {
        top: -60px;
    }
    .slider-sec .main-owl .item .text-box .title {
        font-size: 18px;
        top: -72px;
    }
    .slider-sec .main-owl .owl-item.active .text-box .title {
        top: -52px;
    }
    .slider-sec .main-owl .item .text-box .info{
        font-size: 9px;
    }
    .slider-sec .main-owl .item .text-box .link{
        padding: 10px 20px;
        font-size: 10px;
        bottom: -75px;
        min-width: 110px;
        max-width: 110px;
    }
    .slider-sec .main-owl .owl-item.active .text-box .link {
        bottom: -55px;
    }
    .slider-sec .main-owl .item .text-box{
        left: 30px;
    }
    .slider-sec .main-owl .item .text-box.right {
        right: 20px;
        left: inherit;
    }
    .slider-sec .main-owl .owl-controls {
        display: none!important;
    }
    .section1 .box{
        margin-bottom: 15px;
    }
    .slider-sec .main-owl .item {
        height: 250px;
    }
    .nav>li>a ,.section2 .nav>li>a:focus, .section2 .nav>li>a:hover{
        padding: 10px 5px;
        font-size: 10px;
    }
    .section2 .main-title {
        display: block;
        position: relative;
        right: inherit;
        top: inherit;
        border-bottom: 1px solid #e5e5e5;
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        font-family: IRANSansBold;
    }
    .footer .list,.footer .hours{
        display: none;
    }

    .footer .plus-btn{
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        display: inline-block;
        cursor: pointer;
        padding: 0 8px;
        margin-top: -5px;
        font-size: 16px;
        text-decoration: none;
        color: #999;
    }
    .footer .plus-btn:before{
        font-family: FontAwesome;
        content: "\f067";
        display: block;
    }
    .footer .plus-btn.minus:before{
        content: "\f068";
    }

    .footer .collapsed-block{
        margin-top: 20px;
        position: relative;
    }
    .copyright,.copyright .list{
        text-align: center;
    }
    .section2 .nav-tabs {
        text-align: right;
    }
    .section2 .nav-tabs>li{
        margin-right: 0;
    }
    .section4 .box {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .section4 #timer .timer-box{
        width: 13vw;
        height: 13vw;
        margin-right: 1.5%;
    }

    .section4 #timer .timer-box:nth-child(1){
        margin-right: 0;
    }
    .section4 #timer .timer-box strong{
        font-size: 4vw;
        margin-top: 2vw;
        margin-bottom: 1vw;
    }
    .section4 #timer .timer-box .name{
        font-size: 2vw;
    }
    .section4 .link{
        margin-bottom: 30px;
    }
    .title-box{
        margin-top: 20px;
    }

    .footer .socail-menu{
        margin-bottom: 20px;
    }
    .copyright .text{
        font-size: 10px;
        line-height: 1.8;
    }
    .copyright .list li a{
        font-size: 10px;
    }
    .quick-view .content{
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        transform: inherit;
        margin: auto;
        overflow-y: scroll;
    }

    .quick-view .img-zoom-container{
        width: 300px;
        margin: auto;
    }
    .quick-view .main-title,.quick-view .cost,.quick-view .old-cost{
        font-size: 18px;
    }
    .quick-view .text{
        font-size: 12px;
    }
    .quick-view .color li a{
        width: 16px;
        height: 16px;
    }
    .quick-view .size li a{
        font-size: 9px;
        padding: 3px 8px;
    }
    .quick-view .numbers-row .mybtn {
        font-size: 13px;
        padding: 10px 13px 7px 11px;
        height: 36px;
    }
    .quick-view .numbers-row .qty {
        font-size: 16px;
        height: 36px;
        margin-right: 8px;
        padding: 0 3px 1px;
        width: 50px;
    }
    .quick-view .btn-link{
        font-size: 11px;
        padding: 7px 10px;
        display: block;
    }
    .quick-view .btn-link i{
        font-size: 14px;
    }
    .quick-view .list li a{
        font-size: 11px;
    }
    .quick-view .next{
        right: 0;
    }
    .quick-view .prev{
        left: 0;
    }
    .form-sec .form-control{
        width: 100%;
    }
    .form-sec .mrg-top{
        margin-top: 40px;
    }
    .product-sec .slider .content span {
        font-size: 11px;
    }
    .product-sec .slider .content .cat-heading {
        font-size: 20px;
        margin: 5px 0;
    }
    .product-sec .slider .content p{
        font-size: 11px;
    }
    .product-sec .slider .content .link {
        font-size: 11px;
        padding: 7px 15px;
        margin-top: 10px;
    }
    .quick-view .main-title{
        margin-top: 30px;
    }
    .single-sec .img-zoom-container:hover .img-zoom-result{
        right: 0;
        top: 105%;
    }
    .single-sec .main-title{
        font-size: 18px;
        margin-top: 30px;
    }
    .single-sec .cost {
        font-size: 18px;
    }
    .single-sec .old-cost {
        font-size: 16px;
    }
    .comments li ul{
        padding-right: 45px;
    }
    .cart-sec .table>tbody>tr>td{
        font-size: 12px;
    }
    .cart-sec .table-bordered.cart_summary>thead, .cart-sec .cart_summary>tfoot{
        font-size: 12px;
    }
    .cart-sec .product-name a {
        font-size: 11px;
    }
    .cart-sec .availability.in-stock span,.cart-sec .availability.out-of-stock span{
        font-size: 10px;
    }
    .cart-sec .continue-btn{
        font-size: 12px;
    }
    .cart-sec .checkout-btn{
        font-size: 13px;
    }
    .cart-sec .description_text {
        max-width: 270px;
        min-width: 270px;
    }
    .add-card-btn {
        font-size: 11px;
        padding: 8px 15px;
    }
    .about-sec1 .small-owl{
        margin-top: 30px;
    }
    .about-sec2 .col-xs-12:nth-child(n+2){
        margin-top: 15px;
    }

}

@media(max-width:479px){
    .item-slider .item,.section5 .item{
        margin: 0;
    }
    .section8 form{
        width: 100%;
    }
    .section8 .mail{
        width: 100%;
        border: 1px #666 solid;
    }
    .section8 button{
        margin-top: 10px;
        margin-right: 0;
    }
    .quick-view .img-zoom-container {
        width: 250px;
        margin: auto;
    }
    .faq-sec .panel-default>.panel-heading .panel-title{
        font-size: 11px;
    }
    .faq-sec .panel-default>.panel-heading{
        min-height: 47px;
    }
    .faq-sec .panel-title>a:after {
        font-size: 16px;
        margin-top: -14px;
    }
    .faq-sec .panel-default>.panel-heading+.panel-collapse>.panel-body{
        font-size: 11px;
    }
    .faq-sec .box {
        padding: 15px 11px;
    }
    .form-sec .custom-xs{
        width: 100%;
    }
    .form-sec .list li,.form-sec .contact-info li{
        font-size: 12px;
    }
    .inner-title{
        font-size: 16px;
    }
    .inner-title:before{
        width: 100px;
    }
    .form-sec .title{
        font-size: 14px;
    }
    .product-sec .slider .content span {
        font-size: 8px;
    }
    .product-sec .slider .content .cat-heading {
        font-size: 14px;
        margin: 0;
    }
    .product-sec .slider .content p{
        font-size: 8px;
        margin-bottom: 5px;
    }
    .product-sec .slider .content .link {
        font-size: 8px;
        padding: 5px 15px;
        margin-top: 0;
    }
    .sidebar-sec .sec-title {
        font-size: 13px;
    }
    .sidebar-sec .text,.sidebar-sec .title,.sidebar-sec .list li a{
        font-size: 11px;
    }
    .sidebar-sec .check-box-list li,.sidebar-sec .amount,.sidebar-sec .my-btn,.sidebar-sec .sub-title{
        font-size: 11px;
    }
    .sidebar-sec .size li{
        margin-bottom: 7px;
    }
    .sidebar-sec .cart li .pic,.sidebar-sec .special li .pic{
        float: none;
    }
    .sidebar-sec .cart li .product-details,.sidebar-sec .special li .product-details{
        margin-right: 0;
        margin-top: 7px;
    }
    .product-sec .custom-xs{
        width: 100%;
    }
    .product-sec .sorter label{
        font-size: 11px;
    }
    .product-sec .sorter select{
        font-size: 11px;
        background-position: left 6px center;
        height: 26px;
    }
    .quick-view .flex {
        display: block;
    }
    .quick-view .btn-link{
        margin-right: 0;
        margin-top: 10px;
    }
    .single-sec .main-title{
        font-size: 18px;
    }
    .single-sec .cost {
        font-size: 16px;
    }
    .single-sec .old-cost {
        font-size: 14px;
    }
    .single-sec .border .rating {
        font-size: 13px;
    }
    .single-sec .availability {
        font-size: 11px;
    }
    .single-sec .availability span{
        font-size: 10px;
    }
    .single-sec .text{
        font-size: 12px;
    }
    .single-sec .tags li span,.single-sec .tags li a {
        font-size: 12px;
    }
    .single-sec .social li{
        font-size: 11px;
        margin-left: 9px;
    }
    .single-sec .social li a {
        font-size: 14px;
        width: 18px;
    }
    .single-sec .slider {
        width: 100%;
        padding: 0 15%;
    }
    .single-sec .btn-link{
        font-size: 11px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .single-sec .half1,.single-sec .half2{
        width: 100%;
        float: none;
        margin: 0;
    }
    .single-sec .half2{
        margin: 10px 0;
    }
    .blog-sec .top-part .title:after{
        content: "";
        display: block;
        clear: both;
    }
    .blog-sec .top-part .title{
        font-size: 12px;
    }
    .blog-sec .top-part .icon-box strong{
        font-size: 11px;
    }
    .blog-sec .top-part .icon-box .fa{
        font-size: 12px;
    }
    .blog-sec .post-content p,.blog-sec .post-content .tags li{
        font-size: 11px;
    }
    .blog-sec .top-part .date{
        margin-bottom: 5px;
    }
    .blog-sec .post-slider .item .post-meta {
        margin-bottom: 10px;
    }
    .comments li .pic{
        float: none;
        width: 50px;
    }
    .comments li .content {
        margin-right: 0;
        margin-top: 10px;
    }
    .single-sec .tab-pane .comments li .content {
        margin-right: 0;
    }
    .comments li .content .meta{
        font-size: 12px;
    }
    .comments li .content .text{
        font-size: 11px;
    }
    .comments li ul {
        padding-right: 30px;
    }
}
@media(max-width:425px){
    .quick-view .half1,.quick-view .half2{
        float: none;
        width: 100%;
    }
    .quick-view .half2{
        margin-top: 15px;
    }
    .single-sec .flex{
        display: block;
    }
    .single-sec .btn-link{
        margin-right: 0;
        margin-top: 10px;
        display: block;
    }
    .single-sec .social li:first-child{
        display: block;
        margin-bottom: 5px;
    }
    .single-sec .tab-pane p{
        font-size: 12px;
    }
    .title-box .main-title{
        font-size: 14px;
    }
    .title-box .main-title:before{
        width: 100px;
    }
    .title-box .prev,.title-box .next{
        top: 20%;
    }
    .single-sec .main-title {
        font-size: 14px;
    }

    .sidebar-sec .comment-list li .title,.sidebar-sec .posts li .content .title,
    .sidebar-sec .comment-list li .text,.sidebar-sec .comment-list li .author{
        font-size: 11px;
    }
    .sidebar-sec .posts li .content .date{
        font-size: 10px;
    }
    .blog-sec .blog-post li .post-title{
        font-size: 13px;
    }
    .blog-sec .blog-post li .post-meta{
        font-size: 10px;
    }
    .blog-sec .blog-post li .author,.blog-sec .blog-post li .cat,.blog-sec .blog-post li .count {
        margin-left: 8px;
        padding-left: 7px;
    }
    .blog-sec .blog-post li .link{
        font-size: 11px;
    }
    .cart-sec .continue-btn,.cart-sec .checkout-btn{
        float: none;
        display: block;
        width: 185px;
        max-width: 100%;
        margin: 15px auto;
    }
    .about-sec1 .sec-title{
        font-size: 18px;
    }
    .about-sec1 .inner-text{
        font-size: 11px;
    }
    .about-sec1 ul li a{
        font-size: 12px;
    }
    .about-sec1 ul li i {
        font-size: 11px;
    }

    .about-sec2 .text{
        font-size: 11px;
    }
    .about-sec3 .team .name{
        font-size: 11px;
    }
    .about-sec3 .team .info{
        font-size: 9px;
    }

}
@media(max-width:330px){
    .header .inner-header .cart .box{
        width: 100vw;
        left: -15px;

    }
}

@media(min-width:768px) and (max-width:991px){
    .header .inner-header .search-form .input-group input{
        width: 82%;
    }
    .header .top-header .text-left .links >li >a{
        border: 0;
    }
    .header .inner-header .wish i {
        font-size: 20px;
        margin-top: -2px;
    }
    .header .inner-header .wish{
        font-size: 10px;
        margin-top: 45px;
    }
    .header .inner-header .cart .link .fa-shopping-cart{
        font-size: 22px;
    }
    .header .inner-header .cart .link .num{
        font-size: 9px;
        height: 17px;
        width: 17px;
        top: -7px;
        line-height: 19px;
    }
    .header .inner-header .cart .link .text {
        font-size: 12px;
        margin-top: 6px;
    }
    .header .top-header .list.first{
        margin-right: 0;
    }
    .header .inner-header .logo{
        margin-top: 42px;
    }
    .slider-sec .main-owl .item .text-box .red-text{
        font-size: 11px;
        top: -80px;
    }
    .slider-sec .main-owl .owl-item.active .text-box .red-text {
        top: -60px;
    }
    .slider-sec .main-owl .item .text-box .title {
        font-size: 22px;
        top: -72px;
    }
    .slider-sec .main-owl .owl-item.active .text-box .title {
        top: -52px;
    }
    .slider-sec .main-owl .item .text-box .info{
        font-size: 10px;
    }
    .slider-sec .main-owl .item .text-box .link{
        padding: 10px 20px;
        font-size: 11px;
        bottom: -75px;
        min-width: 110px;
        max-width: 110px;
    }
    .slider-sec .main-owl .owl-item.active .text-box .link {
        bottom: -55px;
    }
    .section1 .box{
        margin-bottom: 15px;
    }
    .menu-bar .menu-cat .nav > li > a {
        padding: 0.9114583333333334vw 1.3020833333333333vw;
        font-size: 1.171875vw;
    }
    .menu-bar .menu-cat .nav > li.has-sub > a:after {
        font-size: 1.5625vw;
        left: 12px;
        top: 0.78125vw;
    }
    .menu-bar .menu-cat .nav .popup{
        font-size: 10px;
    }
    .menu-bar .menu-cat .nav .popup h3 {
        font-size: 12px;
    }

    .nav>li>a ,.section2 .nav>li>a:focus, .section2 .nav>li>a:hover{
        padding: 10px 8px;
        font-size: 12px;
    }
    .section2 .main-title {
        top: 4px;
        font-size: 16px;
    }
    .section4 .link{
        margin-bottom: 30px;
    }
    .section7 .banner {
        margin-top: 16px;
    }
    .section8 form{
        width: 100%;
        text-align: right;
    }
    .section8 .mail{
        width: 100%;
        border: 1px #666 solid;
    }
    .section8 button{
        margin-top: 10px;
        margin-right: 0;
    }
    .section8 .com-text{
        font-size: 11px;
        margin-bottom: 10px;
    }
    .footer .collapsed-block{
        margin-top: 40px;
    }
    .footer .collapsed-block.first{
        margin-top: 0;
    }
    .copyright,.copyright .list{
        text-align: center;
    }
    .footer .list,.footer .hours{
        display: block!important;
    }
    .quick-view .img-zoom-container .img-zoom-result,.quick-view .img-zoom-container{
        width: 267px;
    }
    .quick-view .img-zoom-container .img-zoom-result{
        height: 267px;
    }
    .quick-view .main-title,.quick-view .cost,.quick-view .old-cost{
        font-size: 18px;
    }
    .quick-view .text{
        font-size: 12px;
    }
    .quick-view .color li a{
        width: 16px;
        height: 16px;
    }
    .quick-view .size li a{
        font-size: 9px;
        padding: 3px 8px;
    }
    .quick-view .numbers-row .mybtn {
        font-size: 13px;
        padding: 10px 13px 7px 11px;
        height: 36px;
    }
    .quick-view .numbers-row .qty {
        font-size: 16px;
        height: 36px;
        margin-right: 8px;
        padding: 0 3px 1px;
        width: 50px;
    }
    .quick-view .btn-link{
        font-size: 11px;
        padding: 7px 10px;
    }
    .quick-view .btn-link i{
        font-size: 14px;
    }
    .quick-view .list li a{
        font-size: 11px;
    }
    .menu-bar .menu-title h3{
        font-size: 10px;
        height: 50px;
    }
    .menu-bar .menu-title h3:after{
        width: 40px;
        font-size: 14px;
    }
    .faq-sec .panel-default>.panel-heading .panel-title{
        font-size: 11px;
    }
    .faq-sec .panel-default>.panel-heading{
        min-height: 47px;
    }
    .faq-sec .panel-title>a:after {
        font-size: 16px;
        margin-top: -14px;
    }
    .faq-sec .panel-default>.panel-heading+.panel-collapse>.panel-body{
        font-size: 11px;
    }
    .faq-sec .box {
        padding: 15px 11px;
    }
    .product-sec .slider .content span {
        font-size: 11px;
    }
    .product-sec .slider .content .cat-heading {
        font-size: 20px;
        margin: 5px 0;
    }
    .product-sec .slider .content p{
        font-size: 11px;
    }
    .product-sec .slider .content .link {
        font-size: 11px;
        padding: 7px 15px;
        margin-top: 10px;
    }
    .sidebar-sec .sec-title {
        font-size: 13px;
    }
    .sidebar-sec .text,.sidebar-sec .title,.sidebar-sec .list li a{
        font-size: 11px;
    }
    .sidebar-sec .check-box-list li,.sidebar-sec .amount,.sidebar-sec .my-btn,.sidebar-sec .sub-title{
        font-size: 11px;
    }
    .sidebar-sec .size li{
        margin-bottom: 7px;
    }
    .sidebar-sec .cart li .pic,.sidebar-sec .special li .pic{
        float: none;
    }
    .sidebar-sec .cart li .product-details,.sidebar-sec .special li .product-details{
        margin-right: 0;
        margin-top: 7px;
    }
    .single-sec .main-title{
        font-size: 18px;
    }
    .single-sec .cost {
        font-size: 16px;
    }
    .single-sec .old-cost {
        font-size: 14px;
    }
    .single-sec .border .rating {
        font-size: 13px;
    }
    .single-sec .availability {
        font-size: 11px;
    }
    .single-sec .availability span{
        font-size: 10px;
    }
    .single-sec .text{
        font-size: 12px;
    }
    .single-sec .flex{
        display: block;
    }
    .single-sec .btn-link{
        margin-right: 0;
        margin-top: 10px;
        display: block;
    }
    .single-sec .tags li span,.single-sec .tags li a {
        font-size: 12px;
    }
    .single-sec .social li{
        font-size: 11px;
        margin-left: 9px;
    }
    .single-sec .social li a {
        font-size: 14px;
        width: 18px;
    }
    .single-sec .slider {
        width: 100%;
        padding: 0 15%;
    }
    .sidebar-sec .posts li .pic{
        float: none;
    }
    .sidebar-sec .posts li .content{
        margin-right: 0;
        margin-top: 10px;
    }
    .sidebar-sec .comment-list li .title,.sidebar-sec .posts li .content .title,
    .sidebar-sec .comment-list li .text,.sidebar-sec .comment-list li .author{
        font-size: 11px;
    }
    .sidebar-sec .posts li .content .date{
        font-size: 10px;
    }
    .comments li ul{
        padding-right: 45px;
    }
    .cart-sec .table>tbody>tr>td{
        font-size: 12px;
    }
    .cart-sec .table-bordered.cart_summary>thead, .cart-sec .cart_summary>tfoot{
        font-size: 12px;
    }
    .cart-sec .product-name a {
        font-size: 11px;
    }
    .cart-sec .availability.in-stock span,.cart-sec .availability.out-of-stock span{
        font-size: 10px;
    }
    .cart-sec .continue-btn{
        font-size: 12px;
    }
    .cart-sec .checkout-btn{
        font-size: 13px;
    }
	.cart-sec .description_text {
        max-width: 270px;
        min-width: 270px;
    }
    .add-card-btn {
        font-size: 11px;
        padding: 8px 15px;
    }							 						 
    .about-sec1 .sec-title{
        font-size: 18px;
    }
    .about-sec1 .inner-text{
        font-size: 11px;
    }
    .about-sec1 ul li a{
        font-size: 12px;
    }
    .about-sec1 ul li i {
        font-size: 11px;
    }
    .about-sec2 .icon.diamond:before,.about-sec2 .icon.cog:before,.about-sec2 .icon.camera:before,.about-sec2 .icon.search-plus:before{
        width: 30px;
        height: 30px;
    }
    .about-sec2 .text{
        font-size: 11px;
    }
    .menu-bar .menu2>li>a{
        font-size: 11px;
    }

}

@media(min-width:992px) and (max-width:1199px){
    .header .inner-header .search-form .input-group input{
        width: 59%;
    }
    .header .inner-header .wish i {
        font-size: 20px;
        margin-top: -2px;
    }
    .header .inner-header .wish{
        font-size: 10px;
        margin-top: 45px;
    }
    .header .inner-header .cart .link .fa-shopping-cart{
        font-size: 22px;
    }
    .header .inner-header .cart .link .num{
        font-size: 9px;
        height: 17px;
        width: 17px;
        top: -7px;
        line-height: 19px;
    }
    .header .inner-header .cart .link .text {
        font-size: 12px;
        margin-top: 6px;
    }
    .section1 .box {
        padding: 15px 10px;
    }
    .section1 .box i {
        width: 35px;
        height: 35px;
        font-size: 24px;
    }
    .section1 .box .title{
        font-size: 12px;
    }
    .section1 .box .text{
        font-size: 9px;
    }

    .section4 .title{
        font-size: 20px;
    }
    .section4 .title:after {
        width: 65px;
        margin: 10px auto;
    }
    .section4 .text{
        font-size: 11px;
    }
    .section4 .offer {
        font-size: 16px;
    }
    .section4 .text2{
        font-size: 13px;
    }
    .section4 #timer .timer-box{
        width: 80px;
        height: 80px;
    }
    .section4 #timer .timer-box strong{
        font-size: 24px;
    }
    .section4 #timer .timer-box .name{
        font-size: 12px;
    }
    .section4 .link{
        margin-top: 13px;
    }
    .footer .list,.footer .hours{
        display: block!important;
    }
    .menu-bar .menu-cat .nav > li > a {
        padding: 11px 15px;
        font-size: 11px;
    }
}


@media(min-width:1200px){
    .footer .list,.footer .hours{
        display: block!important;
    }
}