/*********************************************
               Call Bootstrap
*********************************************/


/*********************************************
               Theme Elements
*********************************************/

.gold{
   color: #FFBF00 ;
}

/*********************************************
                    PRODUCTS
*********************************************/

.product{
   margin-top: 20px;
   border: 2px solid #cecece;
   height: 271px;
}

.product>img{
   max-width: 230px;
}

.product-rating{
   font-size: 20px;
   margin-bottom: 25px;
}

.product-title{
   font-size: 20px;
}

.product-desc{
   font-size: 14px;
}

.product-price{
   font-size: 22px;
}

.product-stock{
   color: #00A650 ;
   font-size: 20px;
   margin-top: 10px;
}

.product-not-stock{
   color: #E50000 ;
   font-size: 20px;
   margin-top: 10px;
}

.product-info{
   margin-top: 25px;
}

/*********************************************
                    VIEW
*********************************************/

.content-wrapper {
   max-width: 1140px;
   background: #fff;
   margin: 0 auto;
   margin-top: 25px;
   margin-bottom: 10px;
   border: 0px;
   border-radius: 0px;
}

.container-fluid{
   max-width: 1140px;
   margin: 0 auto;
}

.view-wrapper {
   float: right;
   max-width: 70%;
   margin-top: 25px;
}

.container {
   padding-left: 0px;
   padding-right: 0px;
   max-width: 100%;
}

/*********************************************
                ITEM
*********************************************/

.service1-items {
   padding: 0px 0 0px 0;
   float: left;
   position: relative;
   overflow: hidden;
   max-width: 100%;
   height: 321px;
   width: 130px;
}

.service1-item {
   height: 107px;
   width: 120px;
   display: block;
   float: left;
   position: relative;
   padding-right: 20px;
   border-right: 1px solid #DDD;
   border-top: 1px solid #DDD;
   border-bottom: 1px solid #DDD;
}

.service1-item > img {
   max-height: 110px;
   max-width: 110px;
   opacity: 0.6;
   transition: all .2s ease-in;
   -o-transition: all .2s ease-in;
   -moz-transition: all .2s ease-in;
   -webkit-transition: all .2s ease-in;
}

.service1-item > img:hover {
   cursor: pointer;
   opacity: 1;
}

.service-image-left {
   text-align:center;
}

.service-image-right {
   padding-left: 50px;
}

.service-image-left > center > img,.service-image-right > center > img{
   max-height: 155px;
}

.carousel-product {
  margin-top: 20px;
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
}

.hrProduct {
   background: #cecece;
   border-width: 2px;
}

.hide-bullets {
list-style:none;
margin-left: -40px;
margin-top:20px;
}

.nav-tabs { border-bottom: 2px solid #DDD; }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #003F5A !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #003F5A; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding: 15px 0; }
.tab-content{padding:20px}

.card {background: #FFF none repeat scroll 0% 0%; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }