@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
body {
    font-family: 'Droid Arabic Kufi';
}

a:hover{text-decoration: none}
.fo-head h3
{
    font-family: 'JF Flat Regular';
}
/*main style*/

.top-head{padding:10px 0;background:#f1f1f1}

.phone{direction: ltr;}

.phone ul, .login ul{margin-bottom: 0;}

.phone ul li span{margin-left: 10px}

.phone ul li i{color: #0a7233; font-size: 18px}

.login ul li a{color:#555}

.login ul li a span{margin-right: 10px}

/*nav-bar*/
.navbar
{
    min-height: 0;
    margin-bottom: 0;
    background-color:#fff;
    border-radius: 0;
    border-color: transparent;
    border-bottom-color: #ddd
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover
{
    color: #fff;
    background-color: #066f2f;
}
.navbar-brand>img
{
    display: block;
    width: 137px;
    margin-top: -10px;  
}
.navbar-default .navbar-nav>li>a{
    font-size: 12px
}
.navbar-nav > li > .dropdown-menu
{
    border-top: 5px solid #facb39
}
.dropdown-menu>li>a
{
    padding: 8px 20px;
    transition: padding .5s ease;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
    background:#097233;
    color:#fff;
    padding-right:35px
}
.shop-fy
{
    margin-bottom: 0;
    padding:10px 0
}
.shop-drop
{
    left: 0 !important;
    right: auto !important;
    top: 36px;
    min-width: 400px !important; 
    padding: 10px
}
.shop-fy .dropdown .dropdown-toggle span
{
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    display: inline-block;
    background: #097233;
    color: #fff;
    border-radius: 50%;
}
.shop-fy .dropdown .dropdown-toggle i
{
    color:#000;
    font-size: 18px
}
.shop-fy li button
{
    background-color:transparent;
    border-color: transparent
}
.shop-fy li button:focus
{
    outline: none
}
.cart-st
{
    padding: 10px 8px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px
}
.cart-st h6
{
   color:#999;
    
}
.shop-drop .shop-cart
{
    padding: 10px 8px;
    border: 1px solid #ddd;
    margin-bottom: 15px
}
.shop-drop .shop-cart .shop-img
{
    width: 50px;
    height: 50px;
    float: left;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #ddd;
    border-radius: 5px; 
}
.shop-drop .shop-cart .shop-img img
{
    width:100%;
    height: 100%
}
.shop-cart-content
{
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd
}
.cart-info
{
    margin-bottom: 16px;
    overflow: hidden;
}
.cart-info a h3
{
    font-size: 12px;
}
.cart-info span
{
    padding: 5px;
    display: inline-block;
    background: #066f2f;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border-radius: 5px;
    margin-bottom: 5px;
    float: left;
    margin-top:-33px 
}
.cart-info p
{
    font-size: 12px;
    line-height: 22px
}
.total
{
    padding:4px 8px 10px;
    border-bottom: 1px solid #ddd
}
.cart-finish
{
   padding: 10px 8px; 
}
.cart-finish a
{
    display: block;
    background: #066f2f;
    color: #fff;
    padding: 10px;
}
.search
{
    border:2px solid #ddd;
    background:#f1f1f1;
    display: none;
    padding: 10px 5px
}
.search .form-group
{
    margin-bottom: 0;
}

/*master-slider*/


.master-slider,
.owl-carousel{
    direction: ltr;
}

.master-slider .ms-caption {
    left: 600px;
    right: 100px;
    top: 200px;
    text-align: center;
}

.master-slider .ms-caption a {
    padding: 12px 46px;
    color: #fff;
    font-size: 18px;
    background: #3e3e3e;
    border-radius: 5px;
    display: inline-block;
    margin-top: 50px;
}

.master-slider .ms-caption h2 {
    padding: 0;
    margin: 0;
    margin-bottom: 14px;
    color: #fff;
    font-family: 'Hacen Saudi Arabia';
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    line-height: 40px
}
.master-slider .ms-caption p
{
    color:#fff;
    font-size:18px;
    line-height: 32px;
    
}
.ms-skin-default .ms-bullet {
    background-image: none;
    background: #fff;
    width: 11px;
    height: 11px;
    border-radius: 100%;
}

.ms-skin-default .ms-bullet-selected {
    background: #383838
}

.ms-bullets.ms-dir-v {
    position: absolute;
    bottom: 0;
    left: 50%;
    right: auto;
}

/************************************
tabs
******************************/
.z-tabs.flat.horizontal.top > ul.z-tabs-nav
{
    float: left;
    margin: 20px auto;
    width: 65%;
}
.z-tabs.horizontal.top.flat.z-bordered.large > .z-container
{
    border-width: 0
}
.z-tabs.flat.horizontal.top > ul.z-tabs-nav > li
{
    float: right
}
.z-tabs.flat.flat-alizarin > ul.z-tabs-nav > li.z-active > a, .z-tabs.flat.flat-alizarin > ul.z-tabs-mobile.z-state-closed > li a, .z-tabs.flat.flat-alizarin > ul.z-tabs-mobile > li a
{
    background: transparent;
    color: #000;
    border-bottom: 3px solid #066f2f;
}
.z-tabs.flat.contained > ul > li > a:hover, .z-tabs.flat.clean > ul > li > a:hover
{
    background: transparent;
     border-bottom: 3px solid #066f2f;
}
.z-tabs.flat.contained > ul > li a, .z-tabs.flat.clean > ul > li a
{
    background: transparent; 
}
.tab-item
{
    
}
.tab-item .tab-img
{
    border:1px solid #ddd;
    overflow: hidden
}
.tab-item .tab-img img
{
    width:100%;
    transition: all 1s ease;
     transform: scale(1.1)
}
.tab-item:hover img
{
    transform: scale(1)
}
.tab-item  .item-price
{
    border-bottom: 1px solid #ddd
}
.tab-item .item-details
{
     border: 1px solid #ddd
}
.tab-item  .item-price h3
{
    font-family: 'Hacen Saudi Arabia';
    font-size: 16px;
    margin: 11px 0;
}
.tab-item  .item-price span
{
    display: block;
    font-size: 15px;
    font-family: 'JF Flat Regular';
    color: #066f2f;
    font-weight: bold;
    margin-bottom: 10px;
}
.add-cart
{
    padding: 7px 0
}
.add-cart .dsh li .bf
{
    padding: 10px 41px;
    background: #0a7233;
    display: inline-block;
}
.add-cart a i
{
    color:#fff;
    font-size: 18px
}
.add-cart a .caret
{
    color: #fff
}
.share
{
    top: -197px;
    left: 0;
    right: auto;
}
.add-cart .share li a i
{
    color: #000;
    background: #fff;
    width: 25px;
    margin-left: 15px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
.show-more a
{
    padding: 9px 43px;
    background: #333;
    display: inline-block;
    margin-top: 20px;
    color: #fff;
}
.suscribe
{
    background: #0a7233;
    box-shadow: 0 0px 23px #1c191a inset;
    padding: 15px;
}
.susc h3
{
    margin:10px;
    color: #fff;
    font-size: 18px;
}
.susc form button
{
    background: #face5a;
    border: transparent;
    color: #fff;
}

/************************************
    last-show
**********************************************/
.owl-last .item{
  margin:7px;
    border: 1px solid #ddd
}

.item-img
{
    overflow: hidden;
}
.item-img img
{
    width:100%;
    height: 266px;
    transition: all .5s ease;
}
.item:hover .item-img img
{
    transform: scale(1.3)
}
.item-dd,
.last-off
{
    direction: rtl
}
.item-dd h3
{
    margin: 10px;
    font-size: 18px;
    line-height: 22px;
    font-family: 'JF Flat Regular';
}
.item-dd span
{
    display: block;
    font-family: 'JF Flat Regular';
}
.last-off
{
       padding: 28px 0;
}
.last-off ul li .gh
{
    padding: 5px 16px;
    border: 1px solid #ddd;
    color: #333;
    display: inline-block
}

/**********************
ads
****************************/
.ads
{
    padding: 15px 0;
    margin-top: 25px
}
.ads img
{
    width:100%;
    height: 211px;
}

/***************************
special
**************************************/
.special
{
    padding: 15px 0;
    margin-top: 25px
}
.special .fo-head
{
    margin-bottom: 25px
}
.special .item
{
    border: 1px solid #ddd
}

/****************************
ads_m
********************************/
.ads_m a img
{
    width:100%;
    height: 111px;
}


/**********************************
footer
*************************************/
.footer
{
    background: #0a7233;
    margin-top: 30px
}
.footer-img-logo a img
{
    display: block;
    width:100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}
.footer-cont
{
    overflow: hidden
}
.footer-cont .footer-head h3
{
    color: #fff;
    font-size: 18px
}
.footer-cont ul li
{
    line-height: 35px;
}
.footer-cont ul
{
    margin-right: 20px
}
.footer-cont ul li a
{
    color: #fff
}
.footer-cont ul li a:before
{
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 10px;
    margin-left: 15px;
    color: #ffd800;
}
.solinks
{
    margin-top: 30px;
    padding: 15px 0;
    margin-bottom: 35px;
}
.pay-way span
{
    color: #fff;
    display: inline-block;
    margin-left: 15px;
}
.sslinks
{
    margin-top: -40px
}
.sslinks p
{
    margin-left: 63px;
    color: #fff;
}
.sslinks ul li
{
    padding: 0
}
.sslinks ul li a i
{
    width:35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background:#f1f1f1;
    color:#999;
    font-size: 18px
}
.sslinks ul li a i:hover
{
    background: #3e3e3e;
    color: #0a7233
}

/*footer-bottom*/
.bottom-footer
{
    background:#046129;
    padding: 15px 0
}
.bottom-footer p
{
    margin-bottom: 0;
    color: #fff;
    font-size: 12px
}

#cart {
    margin-bottom: 0;
    float: left;
    margin-top: -5px;
}
.shop-fy {
    margin-bottom: 0;
    padding: 10px 0;
    padding-bottom: 0;
}

div#slideshow0 {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.owl-wrapper-outer {
    border: 0 !important;
}
div#slideshow0 img {
    width: 100%;
}
.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
}
.phone ul li span {
    font-family: tahoma;
}
.owl-controls .owl-page {
    margin: 0px 0px;
}
section.last-show {
    float: right;
    width: 100%;
    margin-top: 40px;
}
section.special {
    float: right;
    width: 100%;
    padding: 0;
}
.clclcc {
    float: right;
    width: 100%;
    margin-top: 30px;
}
.clclcc img {
    border: solid 2px #e8e8e8;
    width: 100%;
    float: right;
}
.button-group button {
    background: #fff;
    border: solid 1px #d0d0d0;
    padding: 8px;
}
ul.breadcrumb {
    float: right;
    width: 100%;
    margin-top: 20px;
    background: #fff;
}
ul.breadcrumb a {
    color: #000;
}
div#tab-description p {
    margin-top: 20px;
}
div#review {
    margin-top: 20px;
}
.dropdown-inner ul li {
    float: right;
    width: 100%;
}
.dropdown-inner ul li a {
    float: right;
    width: 100%;
    line-height: 33px;
    padding-right: 10px;
    padding-left: 10px;
    color: #000;
}