/* Move down content because we have a fixed navbar that is 3.5rem tall */
body {
  
  background-color: #2F3238;
  color:#fff; 
   left: 0;
  margin: 0;
  
}

main {
  padding-top: 100px;
}

.menu {
  background: #555 ;
  left: -285px; /* прячем меню */
  height: 100%;
  position: fixed;
  width: 285px;
  z-index: 11000;
}

.header-menu a {color:#fff; background-color: none}


.catalog-name{height: 2rem; font-size: 13px;}

.page-carusel{width: 300px; height: 220px;}

.menu ul {
  border-top: 1px solid #555;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #555;
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.menu li:hover {
  cursor: pointer;
  background-color: #555;
  }

.menu a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 6px;
}

.icon-menu {
  color: #fff;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-menu img {
  margin-right: 5px;
}


.jumbotron{
	background-color: #2F3238;
}

.catalog-table {
  background-color: none;
}

.img-catalog-list{max-width: 100%;
    height: 12rem;}

.img-page-list{
  max-width: 100%;
    height: 6rem;
}

.catalog-table td {border-color: #999; }

.main{padding-top:2em; }

.list-group-item{background-color: #2F3238;}
.list-group-item:hover {background-color: #999;}
.slider-image {height: 300px;}

.carousel-item {
	
	padding-bottom: 3em !important;  
}

.carusel-img {height: 320px;}


.main-menu-list{
	font-size: 1em;
	color: #fff;
}


.card-catalog{
	position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
     background-color: #343a40;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

.logo-image{ width: 220px; }
.name-text{font-size: 1.8em; color:#fff;}
.page-text{font-size: 1em; color:#fff;}
@media (max-width: 990px) {
  .main-menu-list {font-size: 0.8em;}
  .page-text{font-size: 0.8em;}
  .name-text{font-size: 1em;}
}


.pana-accordion {
  
  height: 200px;
  margin: 20px auto;
  position: relative;
  overflow: hidden
}

.pana-accordion .pana-accordion-wrap {
  margin-left: -1px;
  position: relative;
  width: 300%
}

.pana-accordion .pana-accordion-wrap .pana-accordion-item {
  border-left: 1px solid #BABABA;
  width: 100px;
  height: 200px;
  overflow: hidden;
  float: left;
  position: absolute;
  left: 0;
  top: 0
}


.pana-accordion .pana-accordion-wrap .pana-accordion-item .pana-accordion-mask {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  background-color: #000;
  filter: alpha(opacity=40);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  -webkit-opacity: 0.4;
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  -ms-opacity: 0.4;
  -o-opacity: 0.4;
  opacity: 0.4
}

.pana-accordion .pana-accordion-wrap .pana-accordion-item.active .pana-accordion-mask { display: none }