/*
Theme Name: Cistech
Theme URI: http://kreatifwebdesign.com/
Author: David Susilo
Author URI: http://kreatifwebdesign.com
Description: A theme created for Cistech site. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Non Responsive
2.0 Global
3.0 Navigation
4.0 Top Banner
5.0 Products
6.0 Layout
7.0 Footer

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Non Responsive
--------------------------------------------------------------*/

body {
  position:relative;
}

body,
.navbar-fixed-top,
.navbar-fixed-bottom {
  min-width: 1170px;
}

.lead {
  font-size: 16px;
}

.page-header {
  margin-bottom: 30px;
}
.page-header .lead {
  margin-bottom: 10px;
}

.container {
  width: 1170px;
  max-width: none !important;
}

.container .navbar-header,
.container .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}

.navbar{border:0px; margin-bottom:0px;}

.navbar-header {
  float: left;
}

.navbar-collapse {
  display: block !important;
  height: auto !important;
  padding-bottom: 0;
  overflow: visible !important;
  visibility: visible !important;
}

.navbar-toggle {
  display: none;
}
.navbar-collapse {
  border-top: 0;
}

.navbar-brand {
  margin-left: -15px;
  padding:17px 0px;
}

.navbar-brand img{width:100%;}

.navbar-nav {
  float: left;
  margin: 0;
}
.navbar-nav > li {
  float: left;
}
.navbar-nav > li > a {
  padding: 15px 12px;
}

.navbar-nav.navbar-right {
  float: right;
}

.navbar .navbar-nav .open .dropdown-menu {
  position: absolute;
  float: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-width: 0 1px 1px;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
  color: #333;
}


.dropdown-menu > li > a {
    display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.navbar-form {
  float: left;
  width: auto;
  padding-top: 0;
  padding-bottom: 0;
  margin-right: 0;
  margin-left: 0;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.navbar-form .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.navbar-form .form-control-static {
  display: inline-block;
}

.navbar-form .input-group {
  display: inline-table;
  vertical-align: middle;
}

.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
  width: auto;
}

.navbar-form .input-group > .form-control {
  width: 100%;
}

.navbar-form .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.navbar-form .radio label,
.navbar-form .checkbox label {
  padding-left: 0;
}

.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.navbar-form .has-feedback .form-control-feedback {
  top: 0;
}

.form-inline .form-group {
  display: inline-block;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-inline .form-control-static {
  display: inline-block;
}

.form-inline .input-group {
  display: inline-table;
  vertical-align: middle;
}

.field-search-q .form-control{
  /*width:480px !important;*/
}

.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
  width: auto;
}

.form-inline .input-group > .form-control {
  width: 100%;
}

.form-inline .control-label {
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
  padding-left: 0;
}

.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  position: relative;
  margin-left: 0;
}

.form-inline .has-feedback .form-control-feedback {
  top: 0;
}

/*--------------------------------------------------------------
2.0 Global
--------------------------------------------------------------*/

body {
  font-family: "Lato", sans-serif !important;
}

.address{vertical-align:bottom;}
.line-shadow{background:#fff url(../img/shadow.png) center center no-repeat; display:block; height:35px; margin:0px auto;}

.print-add{display:none;}

.w-lg {
    width: 280px;
}

.bold{font-weight:600;}

/* CSS Utilities */
/* Margins & Paddings */

.no-s {
    margin: 0px!important;
    padding: 0px!important;
}

.no-m {
    margin: 0;
}

.no-p {
    padding: 0;
}

.m {
    margin: 15px;
}

.m-t-xxs {
    margin-top: 5px;
}

.m-r-xxs {
    margin-right: 5px;
}

.m-b-xxs {
    margin-bottom: 5px;
}

.m-l-xxs {
    margin-left: 5px;
}

.m-t-xs {
    margin-top: 10px;
}

.m-r-xs {
    margin-right: 10px;
}

.m-b-xs {
    margin-bottom: 10px;
}

.m-l-xs {
    margin-left: 10px;
}

.m-t-sm {
    margin-top: 15px;
}

.m-r-sm {
    margin-right: 15px;
}

.m-b-sm {
    margin-bottom: 15px;
}

.m-l-sm {
    margin-left: 15px;
}

.m-t-md {
    margin-top: 20px;
}

.m-r-md {
    margin-right: 20px;
}

.m-b-md {
    margin-bottom: 20px;
}

.m-l-md {
    margin-left: 20px;
}

.m-t-lg {
    margin-top: 25px;
}

.m-r-lg {
    margin-right: 25px;
}

.m-b-lg {
    margin-bottom: 25px;
}

.m-l-lg {
    margin-left: 25px;
}

.m-t-xxl {
    margin-top: 30px;
}

.m-r-xxl {
    margin-right: 30px;
}

.m-b-xxl {
    margin-bottom: 30px;
}

.m-l-xxl {
    margin-left: 30px;
}

.m-t-n-xxs {
    margin-top: -5px;
}

.m-r-n-xxs {
    margin-right: -5px;
}

.m-b-n-xxs {
    margin-bottom: -5px;
}

.m-l-n-xxs {
    margin-left: -5px;
}

.m-t-n-xs {
    margin-top: -10px;
}

.m-r-n-xs {
    margin-right: -10px;
}

.m-b-n-xs {
    margin-bottom: -10px;
}

.m-l-n-xs {
    margin-left: -10px;
}

.m-t-n-sm {
    margin-top: -15px;
}

.m-r-n-sm {
    margin-right: -15px;
}

.m-b-n-sm {
    margin-bottom: -15px;
}

.m-l-n-sm {
    margin-left: -15px;
}

.m-t-n-md {
    margin-top: -20px;
}

.m-r-n-md {
    margin-right: -20px;
}

.m-b-n-md {
    margin-bottom: -20px;
}

.m-l-n-md {
    margin-left: -20px;
}

.m-t-n-lg {
    margin-top: -25px;
}

.m-r-n-lg {
    margin-right: -25px;
}

.m-b-n-lg {
    margin-bottom: -25px;
}

.m-l-n-lg {
    margin-left: -25px;
}

.m-t-n-xxl {
    margin-top: -30px;
}

.m-r-n-xxl {
    margin-right: -30px;
}

.m-b-n-xxl {
    margin-bottom: -30px;
}

.m-l-n-xxl {
    margin-left: -30px;
}

.p {
    padding: 15px;
}

.p-h-xxs {
    padding-left: 5px;
    padding-right: 5px;
}

.p-h-xs {
    padding-left: 10px;
    padding-right: 10px;
}

.p-h-sm {
    padding-left: 15px;
    padding-right: 15px;
}

.no-p-h {
    padding-left: 0;
    padding-right: 0;
}

.no-p-v {
    padding-top: 0;
    padding-bottom: 0;
}

.p-h-md {
    padding-left: 20px;
    padding-right: 20px;
}

.p-h-lg {
    padding-left: 25px;
    padding-right: 25px;
}

.p-h-xxl {
    padding-left: 30px;
    padding-right: 30px;
}

.p-v-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
}

.p-v-xs {
    padding-top: 10px;
    padding-bottom: 10px;
}

.p-v-sm {
    padding-top: 15px;
    padding-bottom: 15px;
}

.p-v-md {
    padding-top: 20px;
    padding-bottom: 20px;
}

.p-v-lg {
    padding-top: 25px;
    padding-bottom: 25px;
}

.p-v-xxl {
    padding-top: 30px;
    padding-bottom: 30px;
}

.p-b-xxl{padding-bottom:30px;}

.my-acc {padding:14px 10px;}
.my-acc .dropdown-menu{min-width:auto;}
.my-acc .dropdown-menu li a{text-align:left;}
.account:hover,
.account:focus {
  text-decoration: none;
  background-color: #eee;
}

.my-acc .dropdown-menu li a:hover,
.my-acc .dropdown-menu li a:focus,
.my-acc .dropdown-menu .active a,
.my-acc .dropdown-menu .active a:hover,
.my-acc .dropdown-menu .active a:focus {
  color: #333!important;
  background-color: #FFBF00 !important;
}

.btn-none{background-color:transparent; border:0px;}
.btn-submit {
  font-size:14px;
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-submit:focus,
.btn-submit.focus {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-submit:hover {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-submit:active,
.btn-submit.active,
.open > .dropdown-toggle.btn-submit {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-submit:active:hover,
.btn-submit.active:hover,
.open > .dropdown-toggle.btn-submit:hover,
.btn-submit:active:focus,
.btn-submit.active:focus,
.open > .dropdown-toggle.btn-submit:focus,
.btn-submit:active.focus,
.btn-submit.active.focus,
.open > .dropdown-toggle.btn-submit.focus {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-submit:active,
.btn-submit.active,
.open > .dropdown-toggle.btn-submit {
  background-image: none;
}

.btn-cancel {
  text-transform: uppercase;
  font-weight:600;
  font-size:14px;
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-cancel:focus,
.btn-cancel.focus {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-cancel:hover {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-cancel:active,
.btn-cancel.active,
.open > .dropdown-toggle.btn-cancel {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-cancel:active:hover,
.btn-cancel.active:hover,
.open > .dropdown-toggle.btn-cancel:hover,
.btn-cancel:active:focus,
.btn-cancel.active:focus,
.open > .dropdown-toggle.btn-cancel:focus,
.btn-cancel:active.focus,
.btn-cancel.active.focus,
.open > .dropdown-toggle.btn-cancel.focus {
  color: #00095B;
  background-color: #FFBF00;
  border-color: #ffc000;
}
.btn-cancel:active,
.btn-cancel.active,
.open > .dropdown-toggle.btn-cancel {
  background-image: none;
}

.news-section-title-alt{
    font-family: 'Lato', sans-serif;
    font-weight: 900;
    color: #00095B;
    background: #00095B;
    text-transform: uppercase;
    margin: 0px 0px 10px 0px;
    border-bottom: 5px solid #FFBF00;
    padding: 15px;
}

.count-compare{border: 2px solid #ffbf00; border-radius: 50px; padding: 2px 4px; margin-left: -8px; position: relative; z-index: 99999;}

/*--------------------------------------------------------------
3.0 Navigation
--------------------------------------------------------------*/

.fadeMenu {
  background: #fff;
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 999999;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.33);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.33);
  box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.33);
}

/*Floating Menu CSS*/

.fadeMenu .all-cats{
  width:60px;
}

.fadeMenu .header .ctHeader{margin:10px 0px; padding: 0px}
.fadeMenu .header .shopcart{padding:0px;}
.fadeMenu .header .shopcart span{margin-top:28px;}

.fadeMenu ul.menus li > a {
    font-weight: 900;
    margin:0px 20px;
    padding:12px 0px 5px 0px;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    border:0;
    border-bottom:5px solid transparent;
    color: #FF9000;
}

.fadeMenu ul.menus li > a:hover{
    border:0;
    border-bottom:5px solid #FF9000;
    background:none;
}

.fadeMenu .navbar-brand{
  margin:0;
  padding:5px 0px;
}

.fadeMenu .haccount,
.fadeMenu .my-acc,
.fadeMenu .shopcart,
.fadeMenu .compare{
  font-size:12px;
}

.fadeMenu .field-search-q .form-control{
  width:320px !important;
}

.fadeMenu .haccount img,
.fadeMenu .my-acc img,
.fadeMenu .shopcart img,
.fadeMenu .compare img{
  width:21px;
}

.fadeMenu .my-acc{
  padding:6px 12px;
}

.fadeMenu .navbar-nav > li > a{
  padding: 5px 12px;
}

.fadeMenu .navbar-search .input-group{
  margin:0px;
  width:100%;
}

.all-cats-home {
  position: relative;
  z-index:999;
}

.all-cats-home ul {
min-width: 277px;
    border: 1px solid #CCCCCC;
    margin: 0px;
padding:0px;
list-style:none;
  max-height:470px;
  overflow-x: hidden;
  overflow-y: auto;
background:#fff;
}

.all-cats-home li {
  position: static;
}

.all-cats-home li a{
display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.all-cats-home li .wrapper {
  position: absolute;
  z-index: 10;
  display: none;
}
.all-cats-home li:hover > .wrapper {
  display: block;
}
.all-cats-home li ul {
  margin: 0;
  overflow:visible;
  max-height:none;
}
.all-cats-home li .wrapper {
  cursor: auto;
  background:#ff9000;
}
.all-cats-home li.parent {

  cursor: pointer;
}

.all-cats li a:hover,
.all-cats li a:focus,
.all-cats .active a,
.all-cats .active a:hover,
.all-cats .active a:focus,
.all-cats-home li a:hover,
.all-cats-home li a:focus,
.all-cats-home .active a,
.all-cats-home .active a:hover,
.all-cats-home .active a:focus {
  color: #212121 !important;
  background-color: #FFBF00 !important;
  text-decoration:none !important;
}

#navbar-top{background:#00095b;}

#navbar-top a{color:#fff;}
#navbar-top a:hover, #navbar-top a:focus{color:#00095b;}

/*.menu-scroll{position:relative;}

.menu-scroll ul.dropdown-menu li{position:static;}

.menu-scroll ul.dropdown-menu li .menu-scroll{position:absolute; z-index:10;}*/

.dropdown-menu{
  min-width:277px;
  /*max-height:469px;
  overflow-x: hidden;
  overflow-y: auto;*/
  border:1px solid #CCCCCC;
  margin:0px;
  padding:0px;
}

.dropdown-submenu {position:relative; 
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    z-index:99999;
}
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu > a:after,
.all-cats-home li.parent > a:after {
    display: block;
    content:" ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #333;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}
.stay-open {display:block !important; padding: 0; transition:all .3s ease;}

.menu-navbar li a{cursor:pointer; color: #464646; text-align: center;}

.navbar-search{
    display: block;
  margin:5px 0px;
}
.navbar-search input[type="text"],
.navbar-search select{
    outline: none;
    font-size: 13px;
    font-weight: 400;
    color: #313131;
    padding: 6px 12px;
    border: 1px solid #e2e2e2;
    background: #FFF;
    margin-top: 10px;
}
.navbar-search button[type="submit"]{
    margin-left: -5px;
    margin-top: 10px;
    padding: 6px 12px;
    background-color: #FFBF00;
}
.navbar-search button {
    margin-top: 10px;
}
.navbar-search .input-group{
    margin-top: 12px;
width:480px;
}
.navbar-search .form-control{
  box-shadow: none;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    z-index: 3;
    color: #222;
    background-color: #FC0;
    border-color: #ddd;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 10px 15px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #1D2C43;
    text-decoration: none;
    background-color: #FFFFFF;
    border: 1px solid #ddd;
}

.nav-banner-side{background: #FFF; border-bottom: 4px solid #CCC; padding: 20px; cursor: pointer; border-right: 1px solid #CCC}
.nav-banner-side:hover, .nav-banner-side:focus, .nav-banner-side:active{border-bottom: 4px solid #FFBF00}

.slider-nav .slick-prev{font-size: 0px; display: none;}

.menu-side-product li a:hover{
  background: #fcda52;
}
.menu-navbar .popover {
  width: 200px;
  background: #00095B;
  color: #FFFFFF;
}

.popup-account{text-align: center;}
.popup-account .btn-submit{font-size:14px; margin:15px 0px;}
.popup-account a{color:#fff !important;}

.popover{background: #00095B; color: #FFFFFF;}
.popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #00095B;
}

/*.shopcart span{
    z-index: 999;
    border: 2px solid #FC0;
    padding: 2px 5px;
    border-radius: 100px;
    margin-left: -8px;
}*/

.breadcrumb {padding: 12px 15px; margin-bottom: 20px; list-style: none; background-color: #FFBF00; border-radius: 0px; color: #00095B; text-transform: capitalize;}
.breadcrumb li a{color: #FFFFFF;}
.breadcrumb li a:hover{color: #00095B;list-style: none;}

.nav-tabs > li > a{color: #333}

/*--------------------------------------------------------------
4.0 Top Banner
--------------------------------------------------------------*/
.banner{
  position:relative;
  background:#ececec;
}

.top-block{
  position:relative;
  background:#f5f5f5;
  height:50px;
}

.all-cats{
  position:relative; 
  background:#00095b;
  padding: 13px;
  text-align: center;
  height:50px;
}
.all-cats a.dropdown-toggle{font-size:18px; color: #fff; font-weight: 600; text-decoration:none;}

.top-decribe{padding-top: 15px}
.top-describe ul li{padding-right: 20px}

.banner .top-block .col-xs-3,
.fadeMenu .top-block .col-xs-3{padding-right:0px;}

.navbar-search .form-inline .form-control{
  width:100%;
}

.navbar-search .field-search-c label,
.navbar-search .field-search-c .help-block{
  display:none;
}

/*--------------------------------------------------------------
5.0 Products
--------------------------------------------------------------*/
.home-level-header{position:relative; padding: 15px 0px; font-size:24px; margin-top:20px; font-weight:bold; text-transform:uppercase;}

.home-header-blue{border-top:5px solid #00095b; color:#00095b}
.home-header-orange{border-top:5px solid #FFBF00; color:#FFBF00;}

.level-header{position:relative; padding: 15px; color:#fff; font-size:24px; margin-top:20px; font-weight:bold; text-transform:uppercase;}

.header-blue{background:#00095b;}
.header-silver{background:#d3d3d3; color:#313131;}
.header-orange{background:#FFBF00; color:#313131;}

.function-level{position:relative; padding-bottom:50px;}

.brand-list-inline{margin-top:30px; padding-left: 0; margin-left: -5px; list-style: none;}
.brand-list-inline > li {
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
}
.brand-list-inline > li a{color: #000}
.brand-list-inline > li a:hover{color: #0054a6; border-bottom: 1px solid #FFBF00; text-decoration: none;}

.level-cat{padding-right: 0px;}
.level-cat li a{color: #000}

.level-cat ul{position:relative; background:#fff; overflow-x:hidden; height:460px; border-bottom:1px solid #ccc;}

.level-cat .level-header{background:#ffbf00; text-align: center; padding:20px 10px; color:#00095B; font-size:18px;}
.level-prods-list{position:relative; background:#fff; padding:0px 15px;}

.level-prod-item{border:1px solid #ccc; padding:10px 20px;}
.prod-price{color:#f25822;}

.recent-prods{position:relative; border:1px solid #EEE;}
.recent-prods .prod-item{padding:20px 40px; border-bottom:1px solid #ccc;}
.recent-prods h5{position:relative; text-align:center; background:#ffbf00; margin:0px; padding:10px; color:#00095B;}

.prods-list h2{margin:0px 0px 20px 0px; color: #707070}
.prods-list .prod-item{border-bottom:1px solid #f0f0f0; padding-bottom:20px; margin-bottom:20px;}

.category-area{position:relative; background:#fff; padding:40px 0px;}

.search-bar{position:relative; margin-bottom:40px; border:1px solid #ccc;}
.search-bar h5{position:relative; text-align:center; background:#898989; margin:0px; padding:10px; color:#fff;}
.search-bar .component-search{margin:10px 0px; padding:0px 10px;}
.search-bar .component-filter{padding:0px 0px 10px 0px;border-bottom:1px solid #ccc;}
.component-filter .filter-content,
.component-filter .filter-title{padding:0px 10px;}

.add-to-cart{position:relative; background:#ececec; margin:50px 0px;}
.add-to-cart .price,
.add-to-cart .add-qty,
.add-to-cart .cart-btn{padding:20px; border-bottom:1px solid #ccc;}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00095B;
    cursor: default;
    background-color: #ffbf00;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}
.prod-detail-tab .tab-content{position:relative; border:1px solid #ccc; padding:30px; border-top: 4px solid #ffbf00;}
.product-slider{margin-bottom: 20px;}
.prod-name{position:relative; min-height:40px; margin-bottom:10px; color: #000}
.prod-img{margin-bottom:20px;}

.top-filter{border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 15px 0px; margin-bottom: 30px;}
.brand-name{text-align: left;}
.filter-area{text-align: right;}
.price{color: #f26522; font-size: 22px;}

/*--------------------------------------------------------------
6.0 Layout
--------------------------------------------------------------*/
.promo,
.floor-function,
.promo-bottom,
.how-to-order,
.about-cistech,
.footer-link{position:relative; background:#ececec;}

.latest-prods,
.category .promo-bottom,
.category-detail .latest-prods,
.compare-products .latest-prods{background:#fff;}


.promo-bottom{padding:0px 0px 20px 0px;}
.about-cistech{padding-bottom:30px;}

.latest-prods{padding:20px 0px;}
.latest-prods .slick-slider{margin:0px;}

.prods-slider{background:#fff;}
.prods-slider .slick-slide{padding:0px 15px;}
.prods-slider .slick-prev, 
.prods-slider .slick-next{
  /*border:1px solid #ccc;
  background:rgba(240,240,240,0.9);
  padding:0px 20px;*/
  height:100%;
  z-index:999;
}
/*.prods-slider .slick-prev{left:0px;}
.prods-slider .slick-next{right:0px;}*/
.prods-slider .slick-prev:hover,
.prods-slider .slick-prev:focus,
.prods-slider .slick-next:hover,
.prods-slider .slick-next:focus
{
    background:rgba(255,255,255,0.9);
}

.viewed-prods-slider .slick-prev, 
.viewed-prods-slider .slick-next{
  height:100%;
}
.viewed-prods-slider .prod-item{padding:0px 50px;}

.how-to-order{position:relative; margin:0px; display:none;}
.how-to-order ul{display:table; width:100%; list-style:none; margin:0px; padding:0px; text-align:center;}
.how-to-order ul li{display:inline-table; vertical-align: middle;}

.brand{margin:20px 0px;}
.brand-slider{position:relative;}
.brand .slick-slider{margin:0px;}
.brand-slider .slick-prev, .brand-slider .slick-next{height:100%;}

.subscribe{display:none; position:relative; background:#00095b; padding:15px 0px; text-align: center;}
.subscribe label{font-size:28px; text-transform: uppercase; color:#fff; margin:0px; vertical-align: middle; margin-right:10px;}
.subscribe .form-control{height:40px;}
.subscribe .form-group{margin-right:10px;}
.subscribe .btn-submit{height:40px; padding:6px 20px;}

.shipping-method h5{font-weight: 600;}
.shipping-method a, .shipping-method-ctr a{color: #313131; font-size: 12px}
.shipping-method-ctr{border-right: 3px solid #CCC; border-left: 3px solid #CCC}
.shipping-method-ctr h5{font-weight: 600;}

.payment-method ul li{display: inline;}
.payment-method li img{width: 60px;}

.banner-area{position:relative; padding: 0;}
.banner-area img{width:100%; height:auto;}
.banner-area .slick-slider{height:506px; margin:0px; padding:0px;}
.banner-area .slick-prev{font-size: 0px;}

.banner-area .slick-prev, 
.banner-area .slick-next{
  height:100%;
  z-index:999;
  padding:0px 20px;
}
.banner-area .slick-prev{left:0px;}
.banner-area .slick-next{right:0px;}

.banner-area .slick-prev:before, 
.banner-area .slick-next:before{color:#ffbf01; opacity:0.7;}

.banner-area .slick-prev:hover,
.banner-area .slick-prev:focus,
.banner-area .slick-next:hover,
.banner-area .slick-next:focus{opacity:1.0;}

.banner-area .slick-dots{margin:0px; padding:10px; background:#00095b; bottom:0px;}
.banner-area .slick-dots li button:before{
    font-size: 36px;
    content: '•';
    opacity: .7;
    color: #fff;
}

.banner-area .slick-dots li.slick-active button:before{color:#ffbf01; opacity:0.9;}

.span1 {
    position: relative;
    padding: 5px 0px;
    width: 35px;
    text-align: center;
    outline: none;
}

.table-compare thead th:empty,
.table-compare > tbody > tr > th:empty{
    background-color: transparent !important;
    border:none !important;
}

.table img{/*width:100%;*/}

.table > thead > tr > th {
    vertical-align: middle;
    background:#ffbf00;
    border: 1px solid #ddd;
    text-align: center;
    text-transform:uppercase;
    font-size: 14px;
}

.table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 10px;
    border: 1px solid #ddd;
}

.table ul{padding:0px 0px 0px 20px;}

.table .quantity .btn{background:none; outline:none; color: #777; border: 0px;}
.table .quantity .btn-delete {background: none; color: #e74c3c; font-size: 28px; padding: 0px;}
.table .total-price, .table .quantity-total {font-size: 16px; font-weight: 700; text-align: center;}

.title-form{font-size: 26px; text-transform: uppercase; background: #00095B; border-bottom: 5px solid #FFBF00; color: #00095B; text-align: center; margin: 20px 0px 0px 0px; padding: 10px;}
.form-area{background-color: #fafafa; padding: 20px; margin: 0px 0px 30px 0px; border-radius: 0px; border: 1px solid #CCC;}

#lean_overlay {
    position: fixed;
    z-index:10000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #313131;
    display: none;
}

.popupContainer{
  position:absolute;
        border:2px solid #ccc;
  width:320px;
  height: auto;
        left: auto !important;
        right: 0px !important;
  top:80px !important;
  background: #FFF;
}

#modal_trigger {margin:0px auto; width:100px; display:block;}

.popupHeader {font-size:16px; text-transform: uppercase;}
.popupHeader {background:#F4F4F2; position:relative; padding:10px 20px; border-bottom:1px solid #DDD; font-weight:bold;}
.modal_close {position: absolute; right: 0; top:0; padding:10px 15px; background:#E4E4E2; cursor: pointer; color:#aaa; font-size:16px;}

.popupBody {padding:20px;}

.quotation-area .level-header{margin-top:0px;}

.knowledge-search{
  background:#00095B;
  padding:50px 0px 80px 0px;
  color:#fff;
}

.knowledge-search h2{
  font-size:36px;
  font-weight:700;
}

.knowledge-search input{
  width:600px;
  color:#000;
  padding:6px 12px;
}

.knowledge-area{
  position:relative;
  padding:50px 0px;
}

.knowledge-list .list-item{
  padding:10px 30px;
}

.knowledge-list .list-item a{
  font-weight:700;
  color:#000;
  font-size:16px;
}
.knowledge-list .list-item:nth-of-type(even){border-left:1px solid #ccc;}

.knowledge-area .top-articles{
  background: #f5f5f5;
  padding:20px;
}

.knowledge-area .top-articles h5{
  text-transform:uppercase;
  font-weight:700;
  font-size:18px;
}

.knowledge-area .top-articles ul,
.knowledge-cat ul{
  list-style:none;
  padding:0px;
}

.knowledge-area .top-articles ul li,
.knowledge-cat ul li{
  padding:10px 0px;
  border-bottom:1px solid #ccc;
}

.knowledge-area .top-articles ul li:last-child,
.knowledge-cat ul li:last-child{
  border-bottom:0px;
}

.knowledge-area .top-articles ul li a,
.knowledge-cat ul li a{
  color:#000;
}

.knowledge-cat ul li a{
  font-weight:700;
}

.knowledge-cat h4{
  border-bottom:2px solid #ccc;
  padding:0px 0px 15px 0px;
}

.knowledge-detail h4{
  font-weight:700;
  border-bottom:1px solid #000;
  padding:0px 0px 15px 0px;
  margin-bottom:20px;
}

.knowledge-detail h3{
  font-weight:700;
  font-size:24px;
  border-bottom:1px solid #000;
  padding:0px 0px 15px 0px;
  margin-bottom:20px;
}

.related-articles,
.comment-article,
.comment-list,
.comment-form{
  margin:30px 0px;
}

span.time{color:#cdcdcd; font-size:12px;}


/*--------------------------------------------------------------
7.0 Footer
--------------------------------------------------------------*/
footer{position:relative;}
footer ul{list-style:none; margin:0px; padding:0px;}

.how-to-shop{display:none;position:relative; background:#d7d7d7; padding:40px 0px;}

.footer-link{padding:30px 0px; font-size:13px;}
.footer-link h5{text-transform: uppercase; font-weight:bold;}

.copyright{position:relative; margin:20px 0px 10px 0px; font-size:12px;}
.copyright ul{margin-bottom:5px;}
.copyright li{padding-left:10px; padding-right:10px; border-right:1px solid #313131;}
.copyright li:first-child{padding-left:0px;}
.copyright li:last-child{border:0px;}
.copyright a{color:#313131;}