@import url(//fonts.googleapis.com/earlyaccess/droidarabickufi.css);
 
@import url('https://fonts.googleapis.com/css2?family=Lateef&display=swap');
@import url('https://fonts.googleapis.com/css2?family=El+Messiri&family=Harmattan&family=Lateef&display=swap');
body {
     
    /*color: #337ab7;*/
    /*color: rgb(34, 34, 34);*/
    background-color: #fff;
   
   /* font-family: 'Lateef', cursive;*/
    font-family:'Droid Arabic Kufi', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    padding: 0;
}




#slider h1, .slider h1, #slider h2, .slider h2, #slider h3, .slider h3, #slider h4, .slider h4, #slider h5, .slider h5, #slider h6, .slider h6
{
    color: #887734;
    font-family: 'WebFont';
}
#topBar ul.top-links>li>a {
 
    color: rgb(255, 214, 88);
  
}


section.dark .nav-tabs.nav-clean>li.active>a {
    color: rgb(193, 155, 37);
}

.btn-success {
    color: #fff;
    background-color: #298e0e;
    border-color: #887734;
}
.btn-success:hover {
    color: #fff;
    background-color: #298e0e;
    border-color: rgb(173, 146, 63);
}
 

.page-header ul.page-header-tabs>li {
    background-color: #298e0e;
   
}
#footer > .copyright {
    background-color: #42423e ;
   
}

 
h1, h2, h3, h4, h5, h6 {
     /* font-family: 'Raleway','Open Sans',Arial,Helvetica,sans-serif;*/
   font-family:'Droid Arabic Kufi', sans-serif;*/
    /*font-family: 'Lateef', cursive;*/
    /*font-family: 'Harmattan', sans-serif;*/
    color: ##337ab7;
}
section {
    display: block;
    position: relative;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 80px;
    padding-left: 0px;
    top: 0px;
    right: 0px;
        background-color: transparent;
}
div.shop-item-price>span {
    color: #ef0e0e;
    font-size: 15px;
    display: inline-block;
    padding: 0 10px;
    font-weight: 400;
}
#topBar {
    color: #fff;
    display: block;
    background-color: #888;
    border-bottom: rgba(0,0,0,0.05) 1px solid;
}
div.shop-item-price {
    font-size: 14px;
    margin-top: 6px;
    font-weight: bold;
}
p, pre, ul, ol, dl, dd, blockquote, address, table, fieldset, form {
    margin-bottom: 0px;
    font-weight: 700;
    text-align: center;
    margin-top: 0px;
}
 
div.side-nav ul>li>ul, div.side-nav ul>li>ul>li {
    margin: 0;
    padding: 0;
    background: beige;
    list-style: none;
}
section div.row>div {
    margin-bottom: 20px;
    margin-right: auto;
    margin-left: auto;
    top: 0px;
    right: 0px;
}


#header
li.quick-cart .quick-cart-box
{
    right:0;
    left:auto;

}

#toggle.toggle-transparent-body label {
    background: #b9339c;
}
#header.dark {
    background-color: #8a0881;
}
body.menu-vertical #mainMenu.sidebar-vertical {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 263px;
    background-color: #b2c6f1;
    z-index: 100;
}

section#slider {
    display: block;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background-color: #eee;
    overflow: hidden !important;
    border-bottom: 0;
    z-index: 0;
}
#header.dark #topMain.nav-pills > li > a {
    color: #007bf7;
}
body #wrapper {
    
 background-image: url("../images/d2222.jpg");
}
body #container {
    
 background-image: url("../images/d2222.jpg");
}
body #smoothscroll enable-animation {
    
 background-image: url("../images/d2222.jpg");
}
    ::selection {
        background: #4079ab;
}

    .dxgvHeader_PlasticBlue {
    cursor: pointer;
    white-space: nowrap;
    padding: 7px 6px;
    border-top: 1px none #2c4182;
    border: 1px solid #2c4182;
    background: #00638e   repeat-x top;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
}

    .dxgvControl_PlasticBlue, .dxgvDisabled_PlasticBlue {
     
    color: #06324a;
    cursor: default;
}
    element.style {
    background-color: #f7aa4d;
    font-family: Droid Arabic Kufi;
}
   /*.dxeButtonEdit_PlasticBlue .dxeEditArea_PlasticBlue {
    background-color: #00638e;
}*/
   body input.dxeEditArea_PlasticBlue {
    color: #06324a;
}
   .dxgvControl_PlasticBlue, .dxgvDisabled_PlasticBlue {
   
    /*font: 12px Tahoma, Geneva, sans-serif;*/
     background-color: transparent; 
    
} 

   .dxgvHeader_SoftOrange {
    
    background-color: #f7aa4d;
   
}
   .bannerheader {
    background-image: url(/images/bkheader.jpg);
    background-repeat: no-repeat;
}
   #footer {
     
      background: linear-gradient(to bottom, #3c81bb 0%,#031821 100%);
}
   #topNav {
      background-color: #fff ; 
       background-image: url(/images/bkheader.jpg);
			/*background-color:transparent;*/
             
		}

   .box-primary {
    color: #f07f3c;
       background-color: #5e6061 !important;
}
.box-flip .box2 h1, .box-flip .box2 h2, .box-flip .box2 h3, .box-flip .box2 h4, .box-flip .box2 h5, .box-flip .box2 h6 .box1 h4{
    color: #f07f3c;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #e09a31;
   
}

a, a:focus:not(.btn), section.dark a, #slidetop a:hover, h1 > span, h2 > span, h3 > span, h4 > span, h5 > span, h6 > span, .pagination > li > a, .pagination > li > a:hover, .pagination > li > span, ul.list-links > li > a:hover, #sidepanel ul li a[data-toggle="collapse"], #sidepanel ul li a[data-toggle="collapse"]:hover, #sidepanel ul li a:hover, .menu-list ul li a:hover, .menu-list ul li.active a, #menu_overlay_close:hover, #topMain.nav-pills > li.active > a > span.topMain-icon, #page-menu.page-menu-light ul > li:hover > a > i, #page-menu.page-menu-dark ul > li:hover > a > i, #page-menu.page-menu-transparent ul > li:hover > a > i, #page-menu.page-menu-light ul > li.active > a > i, #page-menu.page-menu-dark ul > li.active > a > i, #page-menu.page-menu-transparent ul > li.active > a > i, .tp-caption.block_white, section span.theme-color, section em.theme-color, section i.theme-color, section b.theme-color, section div.theme-color, section p.theme-color, .owl-carousel.featured a.figure > span > i, .owl-carousel.featured a:hover, figure.zoom > a.lightbox:hover, #portfolio h2 > a:hover, #portfolio h3 > a:hover, #portfolio h4 > a:hover, #portfolio h5 > a:hover, #portfolio h6 > a:hover, .tab-post a:hover, .tag:hover > span.txt, section.dark .tag:hover > span.txt, ul.widget-twitter li > small > a:hover, .blog-post-item h2 > a:hover, .blog-post-item h3 > a:hover, .blog-post-item h4 > a:hover, .blog-post-item h5 > a:hover, .item-box .item-hover .inner .ico-rounded:hover > span, ul.side-nav > li:hover > a, ul.side-nav > li a:hover, ul.side-nav > li.active > a, a.href-reset:hover, a.href-reset.active, .href-reset a.active, .href-reset a:hover, .href-reset a.active, .price-clean-popular h4, .box-icon.box-icon-color i, .switch-primary.switch-round > input:checked + .switch-label:after, section.dark .nav-tabs.nav-clean > li.active > a {
    color: #2268a5;
    
}
.dxgvFocusedRow_SoftOrange {
    background-color: #f16a39;
    color: black;
}
   .button {
        background-color: #f2aa57 ;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        border: none;
        color: #06324a;
        cursor: pointer;
        display: inline-block;
        font-family:'Droid Arabic Kufi', sans-serif;
        font-size: 20px;
        padding: 10px 10px;
        text-align: center;
        text-decoration: none;
        width:100px;
      }
      @keyframes glowing {
        0% {
          background-color: #0e6589 ;
          box-shadow: 0 0 5px #0e6589;
        }
        50% {
          background-color: #f2aa57;
          box-shadow: 0 0 20px #f2aa57;
        }
        100% {
          background-color: #0e6589;
          box-shadow: 0 0 5px #0e6589;
        }
      }
      .button {
        animation: glowing 1000ms infinite;
      }

      #footer>.container {
     padding-top: 2px;  
     margin-bottom: 2px;  
}
      div.heading-title {
   background: linear-gradient(to bottom, #3c81bb 0%,#031821 100%); 
    position: relative;
    margin-bottom: 30px;
}