body {
 font-family: 'Oxygen', sans-serif;
 }
 

@media (min-width: 1500px) {
.container {
    width: 1400px !important;
}
}

.navbar {
    margin-bottom: 0px !important;
}

@media (max-width: 1200px) {
.navbar {
    font-size: 12px !important;
}
}

.head_slide {
	/*margin-top: 50px;  */
	padding-top: 15px; 
	background-image: url("../img/trslider.jpg");
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover; 
}

h1 {
 margin-bottom: 30px;
 }


.navbar-inverse {
   background-color: #000;
   border-color: #000;
 }
 
.navbar-brand {
 padding-top: 6px;
 }

.wrapper {
 margin-top: 60px;
 }

.title{
 text-align: center;
 margin-bottom: 40px;
 } 
 
.main-katalogus {
 background-image: url("../img/seam_bg.png");
 background-color: #ccc !important;
 padding-top: 50px;
 padding-bottom: 80px;
 border-bottom: 1px solid #666;
 } 
 
.main-katalogus .title{
 text-align: center;
 margin-bottom: 40px;
 color: #fff;
 } 
 
.katalgus-item {
 text-align: center !important;
 } 
 
.katalgus-item img{
 height: 240px;
 } 
 
.katalgus-item a{
 color: #444;
 font-weight: 700;
 font-size: 11px;
 text-decoration: none;
 }  
 
.terkep {
 padding-top: 50px;
 border-bottom: 1px solid #003;
 background-color: #f2f2f2 !important;
 } 
 
.terkep .title{
 color: #003;
 }
 
.gmap3 {
 display: block;
 width: 100%;
 height: 500px;
 } 
 
.car-elott .title{
 padding-top: 40px;
 } 
 
.car-elott .title{ 
  padding-top: 40px;
  margin-bottom: 20px;
  }
 
.logo-carousel {
 padding-top: 20px;
 }

.slick-slide {
 text-align: center !important;
 }
 
.slick-slide img {
 display: initial !important;
 }    

.caroussel-item {
 text-align: center !important;
 } 
 
.kereso {
 /*margin-top: 50px;*/
 padding-top: 10px;
 padding-bottom: 10px;
 background-color: #eee;
 box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.15);
 } 
 
.search-cart-summary {
 height: 34px;
 font-size: 15px;
 color: #fff;
 background: #286090;
 padding: 5px;
 padding-top: 3px;
 } 
 
.search-cart-summary .fa-lg  {
 vertical-align: 7%;
 margin-left: 5px;
 }
 
.search-cart-summary .cart-amount {
 display: inline-block;
 margin-left: 20px;
 font-size: 20px;
 font-weight: 700;
 } 
 
.search-cart-summary .cart-amount .tetelszam {
  font-size: 12px;
 font-weight: 400;
 } 
 
@media (max-width: 768px) { 
  .search-cart-summary {
    margin-top: 10px;
    }
  }
.content {
 margin-top: 20px;
 } 

.sidemenu {
 list-style:none; 
 -webkit-margin-before: 0em !important;
 -webkit-margin-after: 0em !important;
 -webkit-margin-start: 0px !important;
 -webkit-margin-end: 0px !important;
 -webkit-padding-start: 0px !important;
 margin-bottom: 40px !important;
 border-bottom: 1px #999 solid;
 background: #f8f8f8;
 padding-left: 10px;
 } 
 
.sidemenu_mobile {
 display: none;
 width: 100%;
 }  
 
@media (max-width: 768px) {
 .sidemenu {
    display: none;
    } 
  .sidemenu_mobile {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
    }  
 } 
 
.sidemenu .first_li {
 font-weight: 700;
 font-size: 15px;
 background-color: #DAE2E8;
 color: #000033;
 border-bottom: 1px #999 solid;
 }

.sidemenu .first_li:hover {
 font-weight: 700;
 font-size: 15px;
 background-color: #DAE2E8;
 color: #000033;
 border-bottom: 1px #999 solid;
 }

.sidemenu a {
 color: #003;
 text-decoration: none;
 } 

.sidemenu li{
  padding: 5px;
  border-bottom: 1px #BBB dotted;
 } 

.sidemenu li:hover { 
  color: #600;
  background-color: #eee;
 }

.side-manufacturer-list {
 text-align: center;
 padding-top: 10px;
 padding-bottom: 10px;
 } 
 
.side-manufacturer-logo {
 height: 45px;
 padding: 3px;
 max-width: 100%;
 } 

.product-container-title-row {
 margin-bottom: 30px !important;
 padding-bottom: 10px;
 border-bottom: 1px #003 solid;
 }

.product-container-title {
 font-weight: 700;
 color: #003;
 font-size: 30px;
 } 
 
@media (max-width: 768px) { 
  .product-container-title { 
   font-size: 20px;
   }
  } 

.product-container-title-kategoria {
 font-weight: 100;
 color: #003;
 font-size: 10px;
 } 
 
.product-container-title-buttons {
 text-align: right;
 }  

.product-box-slot {
 padding: 5px;
 } 

.product-box {
 display: block;
 border: 1px #ddd solid;
 padding: 5px;
 text-align: center;
 height: 260px;
 }
 
.product-box .akcio {
 height: 24px;
 padding: 3px;
 width: 60px;
 position: absolute;
 background:red;
 top:20px;
 left:38px;
 z-index:1002;
 transform:translate(-50%,-50%);
 color: #fff;
 font-weight: 700;
 } 
 
.product-box .ujtermek {
 height: 24px;
 padding: 3px;
 width: 100px;
 position: absolute;
 background: #090;
 top:8px;
 left: 49%;
 z-index:1002;
 color: #fff;
 font-weight: 700;
 }  
 
@media (max-width: 768px) { 
 .product-box .ujtermek {
   left: 71%;
   }
 } 

.product-box .product-box-kep {
 height: 125px;
 background-color: #fff;
 margin-bottom: 5px;
 position: relative;
 }
 
.product-box .product-box-kep img{
 position: absolute;  
 top: 0;  
 bottom: 0;  
 left: 0;  
 right: 0;  
 margin: auto;
 max-height: 125px;
 max-width: 100%;
 width: auto;
 height: auto;
 cursor: zoom-in;
 
 } 
 
.product-box .product-box-cikkszam {
 display: block;
 font-size: 10px;
 } 
 
.product-box .product-box-cikkszam a{
 color: #000;
 text-decoration: none;
 }  
 
.product-box .product-box-nev {
 display: block;
 font-size: 12px;
 height: 46px;
 } 
 
.product-box .product-box-nev a{
 color: #000;
 text-decoration: none;
 }  
 
.product-box .product-box-ar {
 display: block;
 color: #000;
 font-weight: 700;
 font-size: 14px;
 margin-bottom: 3px;
 }   

.stock_zero{
 background-color: #666; 
 color: #fff;
 } 

.stock_low{
 background-color: #f00; 
 color: #fff;
 } 
 
.stock_mid{
 background-color: #fc0; 
 color: #333;
 }    

.stock_high{
 background-color: #090; 
 color: #fff;
 }
 
.product-list-slot {
 padding: 2px;
 } 
 
.product-list-box {
 display: block;
 border: 1px #ddd solid;
 border-right: 5px #ddd solid;
 padding: 5px;
 text-align: center;
 height: 70px;
 } 
 
.product-list-box .akcio {
 background: red;
 color: #fff;
 font-weight: 700;
 display: inline;
 margin-left: 10px;
 padding-left: 4px;
 padding-right: 4px;
 } 
 
.product-list-box .ujtermek {
 background: #090;
 color: #fff;
 font-weight: 700;
 display: inline;
 margin-left: 10px;
 padding-left: 4px;
 padding-right: 4px;
 }   
 
.product-list-box .product-list-box-kep {
 height: 60px;
 background-color: #fff;
 margin-bottom: 5px;
  position: relative;
 }
 
.product-list-box .product-list-box-kep img{
  position: absolute;  
 top: 0;  
 bottom: 0;  
 left: 0;  
 right: 0;  
 margin: auto;
 max-height: 60px;
 max-width: 100%;
  width: auto;
 height: auto;
 cursor: zoom-in;
 } 
 
.product-list-box .product-list-box-cikkszam {
  display: block;
 font-size: 10px;
 text-align: left;
 }
 
.product-list-box .product-list-box-cikkszam a{
 color: #000;
 text-decoration: none;
 } 

.product-list-box .product-list-box-nev {
  display: block;
 font-size: 16px;
 font-weight: 700;
 text-align: left;
 }  
 
.product-list-box .product-list-box-nev a{
 color: #000;
 text-decoration: none;
 }  
 
.product-list-box .product-list-box-ar {
 padding-top: 15px;
 font-size: 18px;
 font-weight: 700;
 text-align: left;
 }

.product-list-box .product-list-box-ar-akcio {
 font-size: 18px;
 font-weight: 700;
 text-align: left;
 } 
 
.product-list-box .product-list-box-buttons {
 padding-top: 15px; 
  }
  
 @media (max-width: 768px) {
 .product-list-box { 
    height: auto;
    }
  }  
  
.kosar-product-list-box-ar {
 padding-top: 5px;
 font-size: 16px;
 font-weight: 700;
 text-align: left;
 }
 
.product-pagination {
  padding: 1.5rem;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  border-width: .2rem;
  position: relative;
  padding: 1rem;
  margin: 1rem -1rem;
  border: solid #f7f7f9;
  border-width: .2rem 0 0;
 } 

.cart-summary {
 border-top: #003 1px solid;
 border-bottom: #003 1px solid;
 padding-top: 10px;
 }

.cart-summary hr{ 
 margin-top: 5px; 
 margin-bottom: 5px; 
 border: 0;
 border-top: 1px solid #999;
 }
 
.cart-summary .cart-summary-title {
 font-size: 20px;
 font-weight: 700;
 margin-bottom: 10px;
 } 
 
.cart-summary .cart-summary-subtitle {
 font-size: 16px;
 font-weight: 700;
 margin-bottom: 10px;
 }  
 
.cart-summary .cart-summary-ar {
 text-align: right;
 font-size: 18px;
 font-weight: 700;
 }
 
.cart-summary .cart-info {
 margin-top: 10px;
 text-align: center;
 }

.product-data .product-data-picture {
min-height: 250px;
 max-width: 100%;
 max-height: 100%;
  width: auto;
 height: auto;
 text-align: center;
 position: relative;
 }
 
.product-data .product-data-picture img {
 position: absolute;  
 top: 0;  
 bottom: 0;  
 left: 0;  
 right: 0;  
 margin: auto;
 max-width: 100%;
 max-height: 250px;
 width: auto;
 height: auto;
 cursor: zoom-in;
 }
  
.product-data-box .panel{
 min-height: 250px;
 } 
 
.product-data-box .price{
  margin-left: 20px; 
  font-size: 30px;
  font-weight: 700;
  text-align: center;
 } 
 
.product-data-box .akcio {
 background: red;
 color: #fff;
 font-weight: 700;
 display: inline;
 padding: 3px;
 padding-left: 10px;
 padding-right: 10px;
 } 
 
.product-data-box .ujtermek {
 background: #090;
 color: #fff;
 font-weight: 700;
 display: inline;
 margin-left: 10px;
 padding: 3px;
 padding-left: 10px;
 padding-right: 10px;
 }  
 
@media (max-width: 768px) { 
  .product-data-box {
   margin-top: 20px;
    } 
  }
  
.rendeles-db-title {
  margin-top: 5px; 
  font-size: 10px;
  font-weight: 100;
  text-align: center;
  }
  
.rendeles-db-amount {
  margin-top: 1px; 
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  }   
  
/*
 * Footer
 */

.footer-menu{
 list-style:none; 
 -webkit-margin-before: 0em !important;
 -webkit-margin-after: 0em !important;
 -webkit-margin-start: 0px !important;
 -webkit-margin-end: 0px !important;
 -webkit-padding-start: 0px !important;
 } 
 
.footer-menu li a { 
 color: #99979c;
 }
 
.footer-widget {
 margin-bottom: 20px;
 }   
 
.footer-widget hr {
 margin-top: 5px;
 margin-bottom: 5px; 
 }

.footer-menu li{ 
 padding-bottom: 10px;
 } 

.bs-docs-footer {
  padding-top: 30px;
  padding-bottom: 20px;
  margin-top: 100px;
  color: #99979c;
  text-align: center;
  background-color: #2a2730;
  border-top: 2px solid #000;
}

.bs-docs-footer h4{
 font-weight: 700;
 font-size: 18px;
 margin-bottom: 20px;
 
 }

.bs-docs-footer a {
  color: #fff;
}
.bs-docs-footer-links {
  padding-left: 0;
  margin-bottom: 20px;
}
.bs-docs-footer-links li {
  display: inline-block;
}
.bs-docs-footer-links li + li {
  margin-left: 15px;
}

@media (min-width: 768px) {
  .bs-docs-footer {
    text-align: left;
  }
  .bs-docs-footer p {
    margin-bottom: 0;
  }
}

.bottom-footer {
  background-color: #111;
  border-top: 1px solid #ddd;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 10px;
 }

.fix_text_text {
 margin-top: 30px;
 }
 
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 400px;
  margin-bottom: 0px;
}
.carousel-caption {
  z-index: 10; /* Since positioning the image, we need to help out the caption */
}

.first-line {
	line-height: 36px;
	font-size: 18px;
	background:#286090; 
	color: #fff; 
	padding: 10px;
}

.second-line {
	 line-height: 30px;
	 font-size: 30px; 
	 background:#286090; 
	 color: #fff; 
	 padding: 10px;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 400px;
  background-color: #fff;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  /*min-width: 100%;*/
  height: 400px;
}	

.carousel-control.right {
	background-image: none;
	color: #000;
}

.carousel-control.left {
	background-image: none;
	color: #000;
}
