/*
Template Name   : SEPEcw
Author Name     : Ntare Niyomugabo
Author email    : intare01@gmail.com
Theme URI       : localhost/SEPEcw
Theme Version   : 1.0
*/
/* General styles */

body{
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    background: #f7f7f7;
    overflow-x: hidden;
}

/* Top Styles */

#top {
    background: #090e45;
    padding: 5px 0;
}

#top .offer{
         color: #ffffff;
  }
  #top .offer .bnt{
      text-transform: uppercase;
  }
  @media(max-width: 991px) {
      #top .offer{
        margin-bottom: 10px;
      }
  }
 @media(max-width: 991px){
      #Top{
        font-size: 12px
        text-align:center;
      }
 }
 #top a{
      color: #ffffff;
 }
#top ul.menu{
       padding-top: 5px;
       margin: 0px;
       text-align: right;
       font-size: 12px;
       list-style: none;
}

@media(max-width:991px) {
      #top ul.menu{
        text-align: center;
      }
}
#top ul.menu > li {
       display: inline-block;
}
#top ul.menu > li a{
       color: #eeeeee;
}
#top ul.menu > li + li:before{
      content: "|\00a0";
      color: #f7f7f7;
      padding: 0 5px;
}

/* Headar Styles*/

.navbar{
        background: #ffffff;
}
.navbar-collapse .right{
        float: right;
}
.navbar-brand{
       float: left;
       padding: 5px 10px;
       font-size: 10px;
       line-height: 10px;
       height: 75px;
}
.navbar-brand:hover;
.navbar-brand:focas{
      text-decoration: none;
}
.navbar ul.nav > li > a{
       text-transform: uppercase;
       font-weight: bold;
       font-size: 14px;
}
.navbar ul.nav > li > a:hover{
         background: #e7e7e7;
}
.padding-nav{
      padding-top: 10px;
}
.btn-primary{
     color: rgb(255, 255, 255);
     background: rgb(79, 191, 168);
     border-color: rgb(65, 179, 156);
}
#search .navbar-form{
        float: right;
}
#search{
     clear: both;
     border-top: solid 1px #9adacd;
     text-align: right;
}
#search .navbar-form .input-group{
     display: table;
}
#search .navbar-form .input-group .form-control{
    width: 100%;
}


#slider {

    margin-bottom: 20px;
    width: 1400px;
    padding-left: 0px;
    padding-right: 0px;


  }

/* advantages style */

#advantages {
       text-align: center;
  }

.box {
    background: #ffffff;
    margin: 0 0 30px;
    border: solid 1px #e6e6e6e;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .3);
}

#advantages .box .icon {
    position: absolute;
    font-size: 120px;
    width: 100%;
    text-align: center;
    top: -20px;
    left: 0px;
    height: 100%;
    float:left;
    color: #dadada;
    box-sizing: border-box;
    z-index: 1;

}
#advantages .box h3{
    position: relative;
    margin: 0 0 20px;
    font-weight: 300;
    text-transform: uppercase;
    z-index: 2;
}
#advantages .box h3 a{
    color: #4fbfa8;
}
#advantages .box h3 a:hover{
    text-decoration: none;
}
#advantages .box p{
    position: relative;
    z-index: 2;
    color: #555555;
}

/* Latest Products Styles */

#hot h2{
    font-size: 36px;
    font-weight: 400;
    color: #4fbfa8;
    text-align: center;
    text-transform: uppercase;
  }
  #content {
    padding-left: 25px;
  }
  .single{
    width: 290px;
  }
  @media(max-width:768px){
    .single{
      width: 60%;
      margin: 0 auto;
    }
  }
  #content .product{
      background: #ffffff;
      border: solid 1px #e6e6e6;
      margin-bottom: 20px;
      box-sizing: border-box;
    }
    #content .product .text{
         padding: 10px 10px 0px;

    }
    #content .product .text p.price{
        font-size: 18px;
        text-align: center;
        font-weight: 400;
    }
    #content .product .text .button{
       text-align: center;
       clear: both;
    }
    #content .product .text .button .btn{
      margin-bottom: 10px;

    }
    #content .product .text h3{
      text-align: center;
      font-size: 20px;

    }
    #content .product .text h3 a{
      color: rgba(85, 85, 85);
    }
    /* breadcrumb Styles */

    .breadcrumb{
         padding: 8px 15px;
         margin-bottom:  20px;
         background: #ffffff
         border-radius: 5px;
         box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
    }
    .breadcrumb> li + li:before{
      content: ">\00a0";
      color: #cccccc;
    }
    @media(max-width:991px;){
            .breadcrumb{
              padding: 8px 0px;
              test-align: center;
            }
    }
    /* Products Categories & Categories Styles */

    #content .panel.sidebar-menu{
         box-sizing: border-box;
         box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
    }

    #content .panel.sidebar-menu ul.nav.category-menu{
         margin-bottom: 20px;
    }
    #content .panel.sidebar-menu ul.nav.category-menu li a{
         text-transform: uppercase;
         font-weight: 600;
    }
     #content .panel.sidebar-menu h3{

         padding: 5px 0px;
         margin: 0px;
     }

/* Shop Products Styles */

@media(max-width: 768px){
    .center-responsive{
      width: 70%;
      margin: 0px auto;
    }
}

@media(max-width: 550px){
    .center-responsive{
      width: 95%;
      margin: 0px auto;
    }
}


/* details.php Styles */
#content #productMain{
    margin-bottom: 30px;

}
#content #productMain .price{
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;

}

#content #mainImage{

  box-shadow: 0px 1px 5px rgba(0, 0, 0, .7);
}

#control #thumbs a{

  display: block;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
  border: 2px solid transparent;
}

#content .headline{
  height: 305px;
}

/* Cart.php Styles */

#content #cart .table tbody tr td img{
  width: 50px;
  }

#content #cart .table tbody tr td input{
  width: 40px;
  text-align: right;
}

#content #cart .table tbody tr td{
    vertical-align: middle;
}

#content #cart .table tfoot{
    font-size: 18px;
}
.box .box-footer{
   background-color: #f7f7f7;
   margin: 30px -20px 20px;
   padding: 20px;
   border-top: 1px solid #eeeeee;

}
.box .box-footer:before,
.box .box-footer:after{
   content: "";
   display: table;

}
.box .box-footer:after{
        clear: both;
}
.box .box-header{
  background-color: #f7f7f7;
  margin: -20px -20px 20px;
  padding: 20px;
  border-top: 1px solid #eeeeee;
}
#content #order-summary table{
   margin-top: 20px;
}
#content #order-summary table{
  color: #999999;
}

#content #order-summary table tr.total td,
#content #order-summary table tr.total th{
    font-size: 18px;
    color: #555555;
    font-weight: 700;
}

/* for Firefox only */
@-moz-document url-prefix(){
    .form-height-custom{
      height: auto;
    }

}

    /* footer Styles */

    #footer{

       background: #e0e0e0;
       padding: 20px 0;
    }
    #footer a{
      color: #999999;
      padding: 0;
      text-decoration: none;
    }
    #footer a:hover{
      color: #666666;
    }
    #footer ul{
       list-style: none;
       padding-left: 0px;
    }

    #footer .social{
       text-align: left;

    }
    #footer .social a{
       margin: 0px 10px 0px 0px;
       display: inline-block;
       color: #ffffff;
       width: 15px;
       height: 30px;
       border-radius: 15px;
       line-height: 30px;
       font-size : 15px;
       text-align: center;
       vertical-align: bottom;
       background: #555555;
       text-decoration: none;
    }
    #footer .social a:hover{
         color: #dedede;
         background: #777777;

    }

    /* copyright Styles */

    #copyright{
      background: #090e45;
      color: #cccccc;
      padding: 10px 0px;
      font-size: 12px;
    }
   #copyright p{
     margin: 0px;
   }

   /* breadcrumb Styles */

    .breadcrumb{
        padding: 8px 15px;
        margin-bottom:  20px;
        background: #ffffff
        border-radius: 5px;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
   }
   .breadcrumb> li + li:before{
     content: ">\00a0";
     color: #cccccc;
   }
   @media(max-width:991px;){
           .breadcrumb{
             padding: 8px 0px;
             test-align: center;
           }
   }
   /* Products Categories & Categories Styles */

    #content .panel.sidebar-menu{
        box-sizing: border-box;
        box-shadow: 0px 1px 5px rgba(0, 0, 0, .5);
   }

   #content .panel.sidebar-menu ul.nav.category-menu{
        margin-bottom: 20px;
   }
   #content .panel.sidebar-menu ul.nav.category-menu li a{
        text-transform: uppercase;
        font-weight: 600;
   }
    #content .panel.sidebar-menu h3{

        padding: 5px 0px;
        margin: 0px;
    }

     .nav.category-menu{
      margin-top: -28px;
    }
    .scroll-menu{
        height: 250px;
        overflow-y: scroll;
    }
    .checkbox span{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px;
    }
    .checkbox span::before{
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        margin-left: -20px;
        border: 2px solid #ccc;
        border-radius: 4px;
        transition: border 0.2s ease-in-out, color 0.2s ease-in-out;
        background: #fff;
    }
    .checkbox span::after{
        content:"";
        display: inline-block;
        position: absolute;
        width: 16px;
        height: 16px;
        left: 0;
        top: 0;
        margin-left: -20px;
        padding-left: 3px;
        padding-top: 1px;
        font-size: 11px;
        color: #555;
    }
    .checkbox input[type='checkbox']{
         opacity: 0;
         z-index: 1;
         cursor: pointer;
    }
    .checkbox input[type='checkbox']:focus + span::before{
         outline: thin dotted;
         outline: 5px auto;
         outline-offset: -2px;
    }
    .checkbox input[type='checkbox']:checked + span::after{
         font-family: "FontAwesome";
         content: "\f00c";

    }
    .checkbox-primary input[type='checkbox']:checked + span::before{
          background-color: #337ab7;
          border-color: #337ab7;
    }
    .checkbox-primary input[type='checkbox']:checked + span::after{
          color: #fff;
    }
    .product a img.img-responsive{
          max-height: 190px;
          width: 100%;
    }
    .label{
          color: #000;
          text-transform: uppercase;
          font-size: 18px;
          font-weight: 700;
          position: absolute;
          top: 10px;
          padding-left: 51px;
          z-index: 20;
    }
    .label .labelBackground{
          position: absolute;
          top: 0;
          right: 0;
    }
    .label .theLabel{
           position: relative;
           width: 120px;
           padding: 6px 50px 6px 15px;
           margin: 10px 50px 10px -71px;
           color: #fff;
    }
    .label.discount .theLabel{
           background: rgba(0, 255, 255, 0.4);
    }
    .label.sold .theLabel{
           background: rgba(255, 0, 0, 0.4);
    }
    .label .theLabel:before,
    .label .theLabel:after{
        content: "";
        position: absolute;
        width: 0;
        height: 0;
    }
    .label .theLabel:after{
          left: 0;
          top: 100%;
          border-width: 5px 10px;
          border-style: solid;
          border-color: #000 #000 transparent transparent;

    }