/*===================================================================================*/
/*	GENERAL
/*===================================================================================*/
.fontawesome {font-family: fontawesome;}
.font-opensans {font-family: 'Open Sans', sans-serif;}
html, body {cursor: auto !important;}
body {
    font-family: 'Open Sans', sans-serif;
    color: #231f20;
    font-size: 13px;
    background-color: #fff;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5 {
    font-family: 'Open Sans', sans-serif;
    color: #231f20;
    font-weight: 400;
}
h1, h2, h3 {text-transform: capitalize;}
h1 {font-size: 36px; line-height: 44px;}
h2.big {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 18px;}
h4 {font-size: 16px; line-height: 20px;}
h5 {font-size: 14px;}
h1.border, h2.border {
    border-bottom: 1px solid #e5412c;
    padding-bottom: 10px;
}
a {color: #069; outline: none !important;}
a:hover, a:focus, a:active {color: #09C; text-decoration: none;}
a {transition: all 0.3s ease;}
::-moz-selection {
  color: #333;
  background-color: #39F;
  text-shadow: none;
}
::selection {
  color: #fff;
  background-color: #39F;
  text-shadow: none;
}
*:focus {outline: none;}
label {font-weight: 500;}
img {
  width: auto\9;
  max-width: 100%;
}
section {margin-bottom: 30px;}
.card-icon, .stories-cont .photo {
    width: 100%;
}
.about-header, .card-desc, .card-icon, .card-title, .stories-cont .title, .stories-footer, .stories-header {
    text-align: center;
}
.card-icon i {
  border: 1px solid #d7d7d7;
  border-radius: 50%;
  font-size: 50px;
  margin: 30px 0;
  width: 120px;
  height: 120px;
  line-height: 115px !important;
}
.card-title span {
  color: #373d43;
  font-size: 18px;
  font-weight: 600;
}

/*===================================================================================*/
/*	BOOTSTRAP CUSTOMIZATION
/*===================================================================================*/
/*================================ BOOTSTRAP SLIDE ===============*/
/*================================ BOOTSTRAP SLIDE ===============*/
.carousel {height: 340px;}
.carousel-caption {
    bottom: inherit;
    top: 20px;
    text-shadow: none;
    color: #fff !important;
    text-align: left;
    left: 25%;
}
.carousel-caption h1, .carousel-caption h2, .carousel-caption h3,
.carousel-caption h4, .carousel-caption p {
    color: #fff;
    text-transform: none;
    margin-bottom: 40px;
}
.carousel-indicators {bottom: 5px;}
.carousel-control.left, .carousel-control.right {
  background: none !important;
  filter: progid: none !important;
  outline: 0;
}
.carousel .carousel-control {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.carousel:hover .carousel-control, .carousel:focus .carousel-control {
    visibility: visible;
    opacity: 1;
}
.carousel-control .glyphicon {
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 24px;
    opacity: .75;
}
.carousel-control .glyphicon:before {
    line-height: 42px;
    vertical-align: sub;
}
.row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}
/*================================ BUTTON ===============*/
.btn, .btn-group>.btn {
    box-shadow: none;
    transition: all 0.3s ease;
}
.btn:hover, .btn:focus, .btn:active, .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active {box-shadow: none;}
.btn-lg, .btn-group-lg > .btn,
.btn-md, .btn-group-md > .btn,
.btn-sm, .btn-group-sm > .btn,
.btn-xs, .btn-group-xs > .btn {
    border-radius: 2px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
.btn.active, .btn:active {box-shadow: inset 0 0 0 rgba(0,0,0,0)}
.btn-primary {
    background-color: #e5412c;
    border: 1px solid #e5412c;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #fff;
    border: 1px solid #e5412c;
    color: #e5412c;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #fff;
    border: 1px solid #e5412c;
    color: #e5412c;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
    background-color: #fff;
    border: 1px solid #e5412c;
    color: #e5412c;
}
.btn-primary[disabled],
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #fff;
  border: 1px solid #969192;
  color: #969192;
}
/*================================ NAVBAR ===============*/
.navbar {margin-bottom: 0; min-height: inherit;}
.navbar-default {
    background-color: transparent;
    border-width: 0;
}
.navbar-default .navbar-nav>li>a {color: #069;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {color: #e5412c;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {background-color: inherit; font-weight: 600;}
.navbar-brand {padding: 0; font-size: inherit; line-height: inherit; height: inherit;}

/*================================ OTHER ===============*/
.dropdown-menu {border-radius: 0 0 4px 4px;z-index:10000;}
.form-horizontal .control-label {text-align: left; font-size: 14px; font-weight: 600;}
/*.portlet.light {padding: 0 !important;}
.portlet {margin: 0 !important;}*/
#dataList.portlet.light.bordered {border-width: 0 !important;}
.portlet.light > .portlet-title > .actions > .btn-group > a.btn,
.portlet.light > .portlet-title > .actions > .btn-group-devided > a.btn {margin-bottom: 5px;}
.portlet.light .portlet-body label, .portlet.light .portlet-body label.bold {font-weight: 600 !important;}
h4.title {font-weight: 600;}
#home-order .portlet {box-shadow: none;}
.dash-cell {margin-bottom: 20px;}
/*===================================================================================*/
/*	GENERAL SPACE & ALLIGNMENT & FONT STYLE
/*===================================================================================*/
.mp-0 {margin: 0 !important; padding: 0 !important;}
.m-0 {margin: 0 !important;}
.m-l-0 {margin-left: 0 !important;}
.m-r-0 {margin-right: 0 !important;}
.m-t-0 {margin-top: 0 !important;}
.m-b-0 {margin-bottom: 0 !important;}
.p-0 {padding: 0 !important;}
.p-l-0 {padding-left: 0 !important;}
.p-r-0 {padding-right: 0 !important;}
.p-t-0 {padding-top: 0 !important;}
.p-b-0 {padding-bottom: 0 !important;}
.uppercase {text-transform: uppercase;}
.capital {text-transform: capitalize;}
.bold {font-weight: 600 !important;}
.semi-bold {font-weight: 500 !important;}
.no-bold {font-weight: 400 !important;}
.italic {font-style: italic;}
.error {color: red;}
.block {display: block;}
.no-border {border-width: 0 !important;}
/*===================================================================================*/
/*	COMMON
/*===================================================================================*/
.section-title {margin-bottom: 30px;}
.section-title h2, .section-title h1 {margin-top: 0;}
.content-holder {margin-top: 20px; margin-bottom: 30px;}
#addItemToFav { width:20%; float:left;}
.btn-slide {
    border: 2px solid #fff !important;
    text-transform: uppercase !important;
    font-weight: 300;
    background-color: rgb(27, 24, 25) !important; /* Fall-back for browsers that don't support rgba */
    background-color: rgba(27, 24, 25, 0.5) !important;
    padding: 10px 20px !important;
    border-radius: 0;
    color: #fff !important;
}
.btn-slide:hover, .btn-slide:focus {
    border: 2px solid #e5412c !important;
    background-color: rgb(27, 24, 25) !important; /* Fall-back for browsers that don't support rgba */
    background-color: rgba(27, 24, 25, 0.5) !important;
    color: #fff !important;
}
.btn-add-favourite {
    border: 1px solid #cbcbc9 !important;
    color: #e5412c;
    font-weight: 600;
    border-radius: 4px;
    padding: 6px 12px;
}
.btn-remove-favourite {
    border: 1px solid #cbcbc9 !important;
    color: #e5412c;
    font-weight: 600;
    border-radius: 4px;
    padding: 6px 12px;
    margin-right:5px;
}
.btn-add-order {
    border: 1px solid #cbcbc9 !important;
    color: #e5412c;
    font-weight: 600;
    border-radius: 4px;
    padding: 6px 12px;
}
.btn-add-order:before {
  content: "\f217";
  font-family: fontawesome;
  margin-right: 5px;
}
.btn-add-order:hover, .btn-add-order:focus {
    color: #333;
    background-color: #fff;
}
.btn-lg-submit {
    background-color: #e5412c;
    border: 1px solid #e5412c;
    border-radius: 2px;
}
.btn-lg-submit:hover, .btn-lg-submit:focus {
    background-color: #fff;
    border: 1px solid #e5412c;
    color: #e5412c;
}
.form-group > div > .fquantity { width: 28%;}
.form-group > .fselect { width: 50%;}
/*===================================================================================*/
/*	DROPDOWN MENU
/*===================================================================================*/
.dropdown > a {
  -webkit-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}
/*.dropdown.open {}*/
.dropdown-menu.animated {
  /* Speed up animations */
  -webkit-animation-duration: 0.55s;
  animation-duration: 0.55s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.dropdown-menu.animated.fadeIn {
  -webkit-animation-duration: 0.45s;
  animation-duration: 0.45s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;  
}
/*===================================================================================*/
/*	TOP NAVIGATION
/*===================================================================================*/
.top-bar {
  border-bottom: 1px solid #e3e3e2;
  background-color: #f0f0ed;
  padding-top: 10px;
  height: 40px;
}
.cname {font-size: 14px; font-weight: 600;}
.aname {font-size: 14px;}

.top-bar ul > li a {
  padding: 0 10px;
  font-size: 14px;
  display: inline-block;
  text-transform: capitalize;
}
.top-bar ul > li:first-child a {padding-left: 0;}
.top-bar ul > li:last-child a {padding-right: 0;}
/*===================================================================================*/
/*	CART
/*===================================================================================*/
header .cart .dropdown-menu > li {border-bottom: 1px solid #edebeb;}
header .cart .dropdown-menu > li:last-child {border-width: 0;}
header .cart .dropdown-menu {
  width: 280px;
  left: -190px;
  padding: 5px 0 0 0;
  border: 1px solid rgba(0,0,0,.15) !important;
  border-top: 1px solid #e5412c !important;
  margin: 2px 0 0 !imporatnt;
}
header .cart .cart-item {
  padding: 11px 28px;
  position: relative;
}
header .cart .cart-item .thumb {
  border: 1px solid #e0e0e0;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
    overflow: hidden;
    max-width: 70px;
    max-height: 50px;
}
 header .cart .cart-item .thumb img {
    max-width: 70px;
    max-height: 50px;
}
header .cart .cart-item .title {font-size: 13px;}
header .cart .cart-item .close-btn {
  display: inline-block;
  position: absolute;
  right: 4%;
  top: 41%;
  font-size: 16px;
}
header .cart .cart-item .close-btn:after {
  color: #c00;
  content: "\f00d";
  font-family: fontawesome;
}
table.cart .cart-item img.thumb {
    max-width:85px;
    max-height:50px;
    border:1px solid #f4f4f4;
}
/*===================================================================================*/
/*	HEADER
/*===================================================================================*/
header {
  padding-top: 24px;
  height: 94px;
  border-bottom: 3px solid #e5412c;
  margin-bottom: 1px;
}
header .search-holder, header .cart-holder {margin-top: 8px !important;}
header .search-holder .search-area .search-field,
header .search-holder .search-area .search-button {display: inline-block;}
header .search-holder .search-area .search-field {
  border: none;
  width: 90%;
  padding: 10px;
  font-size: 1.2em;
  font-weight: 400;
}
header .search-holder .search-area .search-button {
  float: right;
  display: inline-block;
  text-align: center;
  padding: 10px 25px 10px 10px;
  margin: -2px -2px 0 0;
}
header .search-holder .search-area .search-button:after {
  content: "\f002";
  font-family: fontawesome;
  font-size: 25px;
  line-height: 25px;
  vertical-align: sub;
  color: #e5412c;
}
header .cart-holder .cart {margin-top: 5px;}
header .cart-holder .cart > a > div {display: inline-block;}
header .cart-holder .cart > a {color: #231f20;}
.cart-label {font-size: 14px;}
header .cart-holder .cart > a .cart-count {
  color: #fff;
  border-radius: 28px;
  width: 28px;
  height: 28px;
  line-height: 24px;
  padding: 2px;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background-color: #e5412c;
}
/*===================================================================================*/
/*	BANNER
/*===================================================================================*/
#home-banner {
    height: 340px;
    overflow: hidden;
}
#home-banner img {width: 100%;}
/*===================================================================================*/
/*	HOME CATEGORY
/*===================================================================================*/
#home-category {margin-bottom: 70px;}
.home-category-holder > div {text-align: center;}
.hcat-img {
    border: 1px solid #dddddc;
    padding: 2px;
    border-radius: 4px;
    height: 168px;
    overflow: hidden;
    position: relative;
}
.hcat-img > img {
    max-width: 98%;
    max-height: 97%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.home-category-holder > div > a > h3 {margin-top: 10px;}
.home-category-holder > div > a > .hcat-img, .home-category-holder > div > a > h3 {
    transition: all 0.4s ease;
}
.home-category-holder > div > a:hover > .hcat-img,
.home-category-holder > div > a:focus > .hcat-img {border: 1px solid #e5412c; opacity: 0.6;}
.home-category-holder > div > a:hover > h3,
.home-category-holder > div > a:focus > h3 {color: #e5412c;}
.home-category-holder h3 {font-weight: 400;}
/*===================================================================================*/
/*	HOME ORDER TEMPLATES
/*===================================================================================*/
.home-order-holder div.row {margin-bottom:15px;}
.home-order-holder a > div {
    padding: 2px;
    border-radius: 4px;
    text-align: center;
    display: block;
    height: 164px;
    text-align: center;
    transition: opacity 1s ease;
}
.home-order-holder a > .temp1 {
    border: 1px solid #dddddc;
    padding-top: 42px;
    z-index: 1;
}
.home-order-holder a > .temp2 {
    border: 1px solid #b7b7b7;
    background-color: #b7b7b7;
    padding-top: 32px;
}
.home-order-holder  a > .temp2 > h5 {color: #fff !important; font-size: 13px;}
.home-order-holder  a > div > h3 {margin-top: 10px;}
.home-order-holder  a > .temp2 {visibility: hidden; opacity: 0; margin-top: -164px;}
.home-order-holder  a:hover > .temp1,
.home-order-holder  a:focus > .temp1 {visibility: hidden; opacity: 0;}
.home-order-holder a:hover > .temp2,
.home-order-holder  a:focus > .temp2 {visibility: visible; opacity: 1;}
.home-order-holder h3 {font-weight: 400;}
/*===================================================================================*/
/*	PAGE BANNER
/*===================================================================================*/
#page-banner {
    height: 140px;
    overflow: hidden;
}
#page-banner img {width: 100%;}
/*===================================================================================*/
/*	PRODUCT DISPLAY
/*===================================================================================*/
.pro-nav {
    text-align: center;
    margin-bottom: 40px;
}
.pro-nav > ul {
    list-style: none;
    font-size: 0;
    padding: 0;
}
.pro-nav > ul > li {
    display: inline-block;
    border: 1px solid #cbcbc9;
    border-right-width: 0;
}
.pro-nav > ul > li:last-child {
    border-right-width: 1px;
    border-radius: 0 4px 4px 0;
}
.pro-nav > ul > li:first-child {border-radius: 4px 0 0 4px;}
.pro-nav > ul > li > a {
    padding: 15px;
    width: 110px;
    display: block;
    font-size: 14px;
    color: #231f20;
    text-transform: uppercase;
}
.pro-nav > ul > li:first-child > a:hover, .pro-nav > ul > li:first-child > a:focus {border-radius: 4px 0 0 4px;}
.pro-nav > ul > li:last-child > a:hover, .pro-nav > ul > li:last-child > a:focus {border-radius: 0 4px 4px 0;}
.pro-nav > ul > li > a:hover, .pro-nav > ul > li > a:focus {background-color: #f0f0ed;}
.pro-nav > ul > li > a.active {
    color: #e5412c;
    font-weight: 600;
    background-color: #f0f0ed;
}
.pro-nav > ul > li:first-child > a.active {border-radius: 4px 0 0 4px;}
.pro-nav > ul > li:last-child > a.active {border-radius: 0 4px 4px 0;}
.product-holder > div > div {
    text-align: center;
    margin-bottom: 20px;
}
.prolist-img {
    border: 1px solid #dddddc;
    padding: 2px;
    border-radius: 4px;
    width: 220px;
    height: 140px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.prolist-img > img {
    max-width: 98%;
    max-height: 97%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.product-holder > div > div > h4 {
    margin-top: 10px;
    margin-bottom: 5px;
    height: 20px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.product-holder > div > div > p {
    height: 36px;
    overflow: hidden;
}
.product-holder h4 {font-weight: 400;}
.tooltip{z-index:20001}
#product_box p {
    margin:8px 0px;
}
.paginator {
    border-top: 1px solid #e0e0e0;
    padding-top: 40px;
    text-align: center;
}
.paginator > ul {
    list-style: none;
    font-size: 0;
    padding: 0;
}
.paginator > ul > li {
    display: inline-block;
    font-size: 14px;
    color: #6c6c6c;
}
.paginator > ul > li.nolink {
    padding: 10px 15px;
    width: 110px;
}
.paginator > ul > li.nolink2 {
    padding: 0;
}
.paginator > ul > li.page {
    border: 1px solid #cbcbc9;
    border-radius: 4px;
}
.paginator > ul > li > a {
    padding: 10px 15px;
    width: 110px;
    display: block;
    font-size: 14px;
    color: #069;
}
.paginator > ul > li.page > a {color: #6c6c6c;}
.paginator > ul > li.previous > a:before {
  content: "\f104";
  font-family: fontawesome;
  margin-right: 5px;
}
.paginator > ul > li.next > a:after {
  content: "\f105";
  font-family: fontawesome;
  margin-left: 5px;
}
.paginator > ul > li> a:hover, .paginator > ul > li > a:focus {color: #e5412c;}
.paginator > ul > li.page > a:hover, .paginator > ul > li.page > a:focus {
    background-color: #f0f0ed;
    border-radius: 4px;
    color: #6c6c6c;
}
.propop-img {
    border: 1px solid #dddddc;
    padding: 2px;
    border-radius: 4px;
    width: 220px;
    height: 144px;
    overflow: hidden;
    position: relative;
}
.propop-img > img {
    max-width: 98%;
    max-height: 97%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
/*===================================================================================*/
/*	FOOTER
/*===================================================================================*/
.footer-top {
    background-color: #231f20;
    background: url(../images/footer-bg.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #b7b7b7;
    padding: 30px 0;
}
.footer-top h5 {
    color: #fff;
    text-transform: uppercase;
}
.footer-top p {color: #b7b7b7;}
.footer-top a {color: #03a9e1;}
.footer-top a:hover, .footer-top a:focus {color: #0188b5;}
.footer-top ul {list-style: none; padding: 0;}
.footer-top ul li {margin-bottom: 7px;}
.footer-top ul.social li {margin-bottom: 0;}
.footer-top li:before {
  content: "\f101";
  font-family: fontawesome;
  color: #b7b7b7;
  margin-right: 6px;
}
li.address:before {
  content: "\f041" !important;
  font-family: fontawesome;
  margin-right: 6px;
  color: #b7b7b7;
  float: left;
}
li.phone:before {
  content: "\f095" !important;
  font-family: fontawesome;
  margin-right: 6px;
  color: #b7b7b7;
  float: left;
}
li.email:before {
  content: "\f0e0" !important;
  font-family: fontawesome;
  margin-right: 6px;
  color: #b7b7b7;
  float: left;
}
li.address p {float: left; margin: 0;}
li.phone {margin-bottom: 10px;}
.footer-top .social {
    margin-top: 20px;
    margin-bottom: 0;
}
.social > li {display: inline-block;}
.social > li:before {display: none;}
.social > li > a {
    margin-right: 7px;
    color: #b7b7b7;
    width: 50px;
    height: 50px;
    border: 2px solid #777;
    border-radius: 50px;
    text-align: center;
    display: block;
    content: " ";
}
.social > li > a:after {
    font-family: fontawesome;
    font-size: 22px;
    line-height: 47px;
    vertical-align: sub;
}
.social > li.facebook > a:after {content: "\f09a" !important;}
.social > li.twitter > a:after {content: "\f099" !important;}
.social > li.linkedin > a:after {content: "\f0e1" !important;}
.social > li.gplus > a:after {content: "\f0d5" !important;}
.social > li > a:hover, .social > li > a:focus {
    border: 2px solid #03a9e1;
    color: #03a9e1;
}
.footer-top .search-area {margin-top: 20px;}
.footer-top .search-area .control-group {width: 82%;}
.footer-top .search-area .search-field,
.footer-top .search-area .search-button {display: inline-block;}
.footer-top .search-area .search-field {
  border: none;
  width: 72%;
  padding: 10px;
  background-color: transparent;
  border: 1px solid #383636;
}
.footer-top .search-area .search-button {
  float: right;
  display: inline-block;
  text-align: center;
  padding: 11px;
  background-color: #383636;
  color: #c2bfbf;
}
.footer-top .search-area .search-button:hover, .footer-top .search-area .search-button:focus {color: #03a9e1;}
.footer-copy {
    background-color: #1b1819;
    color: #6d6c6c;
    font-size: 12px;
    border-top: 1px solid #3e3a3b;
    height: 50px;
    line-height: 49px;
}
.footer-copy a {color: #6d6c6c;}
.footer-copy p {margin: 0; color: #666;}
/*===================================================================================*/
/*	CHANGING LIVE TEMP
/*===================================================================================*/
.portlet.light > .portlet-title > .actions {
  padding: 10px 0 14px;
}
.portlet.light>.portlet-title>.caption>.caption-subject {font-size: 30px;margin-top:0px}
.portlet.light>.portlet-title>.caption>.caption-subject.uppercase {text-transform: none !important;}
.product-holder > .pro-nav > .btn.btn-outline.dark {
    border: 1px solid #dddddc !important;
    width: 110px;
    border-radius: 2px;
    padding: 8px 10px;
}
.product-holder > .pro-nav > .btn.btn-outline.dark.cbp-filter-item-active {color: #e5412c;}
.product-holder > .pro-nav > .btn.btn-outline.dark:hover,
.product-holder > .pro-nav > .btn.btn-outline.dark:focus {
    border: 1px solid #dddddc !important;
    border-radius: 2px;
}
.product-holder > .pro-nav > .btn.btn-outline.dark.cbp-filter-item-active:hover,
.product-holder > .pro-nav > .btn.btn-outline.dark.cbp-filter-item-active:focus {background-color: #fff;}
/*===================================================================================*/
/*	RESPONSIVE LAYOUT - MOBILE / TABLET
/*===================================================================================*/
/* ================================================================== Mobile portrait & ladscape view */
@media (max-width: 767px) {
    section {margin-bottom: 15px;}
    h2 {font-size: 20px;}
    h2.big {font-size: 26px;}
    .portlet.light>.portlet-title>.caption>.caption-subject {font-size: 26px;}
    .top-bar {height: 55px;}
    .navbar-toggle {margin: 0 0 10px 0;}
    .navbar-brand {padding-top: 8px;}
    .navbar-default .navbar-collapse {background-color: #f0f0ed; border: 1px solid #e3e3e2; margin-bottom: 8px; z-index: 9999;}
    .navbar-default .navbar-collapse .navbar-nav>li>a {padding: 4px 15px; display: block;}
    .top-bar .navbar-default .navbar-collapse ul > li:first-child a {padding-left: 15px;}
    header {height: inherit; padding-top: 10px;}
    header .search-holder .search-area .search-field {width: 82%; padding: 5px; border: 1px solid #e3e3e2; border-radius: 2px;}
    header .search-holder .search-area .search-button {padding: 5px 20px 5px 5px;}
    header .cart-holder {margin-top: 2px !important;}
    header .cart-holder .cart {margin-bottom: 5px;}
    header .cart .dropdown-menu {left: 15px;}
    .navbar-default .navbar-brand {width: 82%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
    .cname, .aname {font-size: 13px;}
    #home-banner {height: inherit; overflow: visible;}
    .carousel {height: inherit;}
    .carousel-indicators {display: none;}
    .carousel-caption {top: 0; left: 5%; right: 0; padding: 0;}
    .carousel-caption h1 {font-size: 14px; line-height: 18px; margin: 5px 0; height: 36px; overflow: hidden;}
    .carousel-caption h4 {display: none;}
    .btn-slide {padding: 4px !important; font-size: 12px !important;}
    .carousel-control .glyphicon {width: 25px; height: 25px; border-radius: 25px; font-size: 14px; background-color: #221e1f;}
    .carousel-control .glyphicon:before {line-height: 14px;}
    .content-holder {margin-top: 10px; margin-bottom: 10px;}
    .section-title {margin-bottom: 15px;}
    #home-category {margin-bottom: 20px;}
    #home-category .col-xs-12 {margin-bottom: 10px;}
    #home-order .col-xs-12 {margin-bottom: 15px;}
    .footer-top {padding: 15px 0;}
    .footer-top .search-area .control-group {width: 100%;}
    .footer-top .search-area .search-field {width: 70%;}
    .footer-copy {height: inherit; line-height: 16px; padding: 5px 0;}
    #page-banner {height: inherit;}
    .pro-nav > ul > li > a {padding: 5px; width: 66px;}
    .product-holder > .pro-nav > .btn.btn-outline.dark {padding: 5px; width: 64px;}
    .pro-nav {margin-bottom: 25px;}
    .paginator {padding-top: 20px;}
    .paginator > ul > li {font-size: 13px;}
    .paginator > ul > li > a {padding: 5px; width: 70px; font-size: 13px;}
    .paginator > ul > li:nth-child(4) > a {width: 40px;}
    .paginator > ul > li.nolink {padding: 5px; width: 40px;}
    .modal-dialog {width: 290px; margin: 5px;}
    .propop-img {text-align: left; margin: 0 0 20px;}
    .form-group > .fselect {width: 70%;}
    .form-group > div > .fquantity {width: 55%;}
    .modal-footer {text-align: left;}
    #orderTable_length {display: none;}
    #orderTable_filter {text-align: right;}
    .portlet.light .portlet-body label {margin-bottom: 0;}
    .portlet.light .portlet-body .panel-body > .row {margin-bottom: 10px;}
    div.dataTables_wrapper div.dataTables_filter .input-small {width: auto !important;}
}
/* ================================================================== iPhone6 portrait view */
@media (min-width: 375px) and (max-width: 567px) {
    header .cart .dropdown-menu {left: 60px;}
    header .search-holder .search-area .search-field {width: 85%;}
    .footer-top .search-area .search-field {width: 74%;}
    .pro-nav > ul > li > a {padding: 10px; width: 78px;}
    .product-holder > .pro-nav > .btn.btn-outline.dark {padding: 10px; width: 78px;}
    .paginator > ul > li {font-size: 14px;}
    .paginator > ul > li > a {padding: 10px; width: 90px; font-size: 14px;}
    .paginator > ul > li:nth-child(4) > a {width: 50px;}
    .paginator > ul > li.nolink {padding: 10px; width: 50px;}
    .modal-dialog {width: 350px;}
    .propop-img {text-align: center; margin: 0 auto 20px;}
}
/* ================================================================== iPhone5 & iPhone6 ladscape view */
@media (min-width: 568px) and (max-width: 767px) {
    .carousel-caption {top: 4%;}
    .carousel-caption h1 {font-size: 16px; line-height: 20px; margin: 5px 0; height: 42px; overflow: hidden;}
    .carousel-caption h4 {display: block; font-size: 13px; line-height: 17px; margin-bottom: 15px;}
    .btn-slide {padding: 6px !important;}
    .modal-dialog {width: 540px;}
    .propop-img {text-align: center; margin: 0 auto 20px;}
}
/* ================================================================== iPhone6 ladscape view */
@media (min-width: 667px) and (max-width: 767px) {
    .modal-dialog {width: 640px;}
}
/* ================================================================== iPad & Tablet portrait view */
@media (min-width: 768px) and (max-width: 1023px) {
    section {margin-bottom: 20px;}
    header {height: 65px; padding-top: 20px;}
    header .search-holder, header .cart-holder {margin-top: -8px !important;}
    header .search-holder .search-area .search-field {width: 88%; font-size: 15px;}
    header .search-holder .search-area .search-button {padding-right: 10px;}
    header .search-holder .search-area .search-button:after {font-size: 23px; line-height: 23px;}
    header .cart .dropdown-menu {left: -170px;}
    .cname, .aname {font-size: 13px;}
    .top-bar ul > li a {font-size: 13px;}
    #home-banner {height: 194px;}
    .carousel {height: 194px;}
    .carousel-indicators {display: none;}
    .carousel-caption {top: 0; left: 5%; right: 0; padding: 0;}
    .carousel-caption h1 {font-size: 24px; line-height: 28px; margin: 20px 0;}
    .carousel-caption h4 {font-size: 14px; line-height: 18px; margin-bottom: 20px;}
    .btn-slide {padding: 8px 10px !important; font-size: 16px !important;}
    .carousel-control .glyphicon {background-color: #221e1f;}
    .content-holder {margin-top: 15px; margin-bottom: 15px;}
    .section-title {margin-bottom: 25px;}
    #home-category {margin-bottom: 30px;}
    #home-category .col-xs-12 {margin-bottom: 15px;}
    #home-order .col-xs-12 {margin-bottom: 25px;}
    .footer-top {padding: 20px 0;}
    .footer-top .col-xs-12 {margin-bottom: 15px;}
    .footer-top .search-area .control-group {width: 60%;}
    .footer-top .search-area .search-field {width: 80%;}
    #page-banner {height: inherit;}
    .modal-dialog {width: 750px; margin: 10px;}
}
/* ================================================================== iPad & Tablet ladscape view */
@media (min-width: 1024px) and (max-width: 1199px) {
    header {height: 86px;}
    header .search-holder .search-area .search-field {width: 87%;}
    .col-md-6.search-holder {width: 48%;}
    .col-md-1.cart-holder {width: 10.33333333%;}
    header .search-holder, header .cart-holder {margin-top: 4px !important;}
    .carousel-caption {top: 3%; left: 10%; right: 10%; padding: 0;}
    .carousel-caption h1 {font-size: 30px; line-height: 36px; margin: 20px 0;}
    .carousel-caption h4 {margin-bottom: 30px;}
    .btn-slide {padding: 8px 14px !important; font-size: 16px !important;}
    #home-banner {height: 260px;}
    .carousel {height: 260px;}
    .carousel-control .glyphicon {background-color: #221e1f;}
    #home-category {margin-bottom: 60px;}
    .footer-top .search-area .search-field {width: 65%;}
    #page-banner {height: inherit;}
}

.dash-cell{
	list-style:none;
	padding:10px;
}