/*
 * Off Canvas Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}



*{font-family:'PT Sans', Trebuchet, sans-serif;}

body{padding-top:0; overflow-y: hidden; background-image:url('web-bg-grey.jpg');}

/*main content area*/
#mainwrap{background-color:#fff; padding-top:20px; padding-left:30px; padding-right:30px;}

/*product image*/
.productbox{text-align:center;}
.catimage{ 
background-color:#FFF;vertical-align:top;width: 100%;height: 0;padding-bottom: 100%;background-size:contain;background-repeat:no-repeat;background-position:center;
 }


 /*print only*/
@media screen {
.printimage{display:none;}
}
@media print {
.printimage{display:block; height:100%; margin:0; padding:0;}
.catimage{margin:0; padding:0; height:100px; width:100px; background-color:red;}
.list-group{display:none;}
}

 /*links*/
 a{color:#0B498A;}
 a:hover{color:#ff0000; text-decoration: none;}
 
/*fonts*/ 
h1{font-size:33px;  }/*category headline*/
h2{font-size:30px;}/*product headline on product page*/
h3{font-size:20px; margin-top:10px; }/*category link on main page*/
h4{font-size:17px;}
h5{font-size:15px; font-weight:bold; }/*product name*/
h6{font-size:13px; line-height:12px;}
p{font-size:16px;}
small{font-size:13px;}
li{font-size:16px; padding-bottom:6px;}

/*breadcrumb*/

.breadcrumb {  background-color:inherit !important; padding-left:0;}
.breadcrumb li{font-size:13.5px;}

/*navbar*/
.navbar{background-color:#E72511; margin-bottom:0; }

/*navbar active*/
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
  background-color: #E72511;
/*  border-left:2px solid #000000;
  border-right:2px solid #000000;*/
  color:#000000;
}
/*navbar dropdown hover*/
.dropdown-menu>li>a:hover{
  background-color:#E52925;  
}

/*fix navbar height*/
.navbar-brand,
.navbar-nav li a {
    line-height: 54px;
    height: 54px;
    padding-top: 0;
	
}

/*navbar fonts*/
.navbar .nav > li > a {
    color:#fff;
	font-weight:bold;
	font-size:19px;
}

/*navbar logo*/
.navbar-brand{ padding-bottom:3px;}
.navbar-brand img{height:100%; padding:0 30px 0 0; margin-left:-20px;}

/*side menu*/
a.list-group-item{border:1px solid #000000; background-color:#9B0000;  color:#fff;}
a.list-group-item:hover{background-color:#E52925;  color:#fff;}
.list-group a{font-size:14px;}/*side menu font*/
.list-group a.active{background-color:#E52925 !important; color:#fff; border:1px solid #000000;}
.list-group a.active:hover{background-color:#E52925 !important; color:#fff; border:1px solid #000000;}



/*product page*/
.colorblock{height:15px; width:100%; margin-top:10px;}


/*carousel*/
.jumbotron{padding:0 !important; margin-bottom:20px; background-color:inherit; }
.carousel-inner { border-radius: 8px; }
.carousel-control.left {
background-image: none;
background-repeat: repeat-x;
}
.carousel-control.right {
background-image: none;
background-repeat: repeat-x;
}
.carousel-control{width:5%;}
.carousel-indicators{margin-bottom:0; bottom:3px;}
.hiddenbtn{z-index:1000; position:relative; font-size:14px;   }

/*footer*/
footer{text-align:center;}