header {
	background-color: #15465b;
	background-image: url('/assets/img/header-bg.jpg');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

header #logo {
  transition: 0.5s all;
  margin: 30px 0;}
  header #logo img {
	  max-height: 160px;
      transition: 0.5s all;
  }
  
   @media (min-width: 368px) {
     header #logo {
	  margin: 40px 0;
	  }
  }
  
   @media (min-width: 568px) {
     header #logo {
	  margin: 30px 0;
	  }
  }
  
   @media (min-width: 992px) {
     header #logo {
	  margin: 10px 0; }
	  header #logo img {
		  max-height: 180px;
	  }
  }
  
  
  
  
 header .lang a,  header .textlinks a {
	 padding: 0 10px;
 }
 
 header .lang  {
	 text-align: center;
 }
 
  
  @media (min-width: 992px) {
      header .lang  {
	 text-align: left;
 } }



 
 header .textlinks {
	 text-align: center;
 }
 
  @media (min-width: 768px) {
      header .textlinks {
	 text-align: right;
 } }
 
 	  
header .contacts {
  margin: 40px 0;
	 text-align: right;
  font-size: 16px;
  color: #7eacbd }
  header .contacts a.phone {
    color: white;
    font-size: 20px;
    display: inline-block;
    text-decoration: none; }
  header .contacts a.phone span {
    opacity: 0.7; }
  header .contacts a.phone:hover {
    color: #7eacbd; }
	
header .contactslang {
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 18px; }
  header .contactslang .lang a {
	  font-size: 14px;
	  color: #999;
	  margin:0 5px; 
  }
  header .contactslang a.phone {
    color: #333;
    font-size: 20px; }

@media (min-width: 992px) {
      header .contacts {
	 margin: 30px 0;
 }
}
header .links {
  }
  header .links a {
    font-size: 16px;
    display: block;
    color: #333;
    border-bottom: 1px solid #ddd;
    padding: 5px 15px;
    transition: 0.5s all;
    text-align: center; }
    @media (min-width: 992px) {
      header .links a {
        text-align: left; } }
    header .links a:hover {
      text-decoration: none;
      background: #efefef; }
    header .links a i {
      color: #777;
      width: 20px;
      text-align: center; }
    header .links a span {
      color: #0c2634; }

nav#cats {
  background: #15465b; }
  nav .menu, nav .menu-cart {
	  
    text-align: center; }
    nav .menu a {
      display: inline-block;
      transition: 0.5s all;
      text-transform: uppercase;
      color: #fff;
      padding: 2px 10px;
      line-height: 40px;
      margin-right: 10px;
       }
      nav .menu a:hover {
        text-decoration: none;
        background: #0d303f; }
    @media (min-width: 992px) {
      nav .menu {
        text-align: left; }
      nav .menu-cart {
        text-align: right; } }
  #search {
    margin-top: 3px;
        margin-bottom: 10px; }
    @media (min-width: 992px) {
      #search {
        margin-top: 5px;
        margin-bottom: 5px; } }
	#search input {
		border-radius: 30px 0 0 30px;
	}
	#search button {
		border-radius: 0 30px 30px 0;
	}

  @media (min-width: 768px) {
	 content .filters  {
	    display: block !important;
	    padding-bottom: 0px;
	    overflow: visible !important;
	 }
	}


#categories a {
	display: block;
	border-bottom: 1px solid #eee;
	padding: 5px 10px;
    transition: 0.5s all;
    text-decoration: none;
}

#categories a:hover {
	background: #eee;
}

content .categories {
  margin-bottom: 20px; }
  @media (min-width: 768px) {
	 content .categories {
	    display: block !important;
	    padding-bottom: 0px;
	    overflow: visible !important;
	 }
	}
  content .categories a {
    display: block;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding: 3px 0;
    text-align: center; }
    @media (min-width: 992px) {
      content .categories a {
        font-size: 14px;
        border: 0;
        text-align: left;
        padding: 0; } }
   content .categories a.giftcards {
	   text-decoration: none;
	   font-size: 16px;
	   color: #333;
   }

content .products a {
  text-decoration: none; }
  content .products a .product {
    text-align: center;
    transition: 0.5s all;
    padding: 10px 2px;
    margin-bottom: 20px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.05);
    color: #333; }
    content .products a .product:hover {
      box-shadow: 0px 0px 5px #ddd; }
    
    content .products a .product .productimage {
      height: 200px;
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat;
    }
    content .products a .product dt {
      margin-bottom: 5px; font-weight: 300; text-transform: uppercase; }
    content .products a .product dd {
      margin-bottom: 5px; }
    content .products a .product .price {
      color: #0c2634;
      font-weight: 700;
      font-size: 18px; }
      content .products a .product .price s {
        color: #777;
        font-weight: 400;
        font-size: 14px; }
h1 {
	margin-bottom: 20px;
	color: #15465b;
  border-bottom: 1px solid #ddd;
}

h2 {
	margin-bottom: 20px;
	color: #15465b;
}
h3 {
	color: #15465b;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  line-height: 30px;
  /* position: relative; */ }
  h3 i {
    /*
		float: right;
		margin-top: 5px;		
		right: 0;
		position: absolute;
		*/
    margin-right: 3px;
    color: #b7b7b7; }

.carousel-control {
  width: 4%; }

.carousel-control.left, .carousel-control.right {
  margin-left: 0px;
  background-image: none;
  top: 45%; }

.carousel-inner .active.left {
  left: -25%; }

.carousel-inner .next {
  left: 25%; }

.carousel-inner .prev {
  left: -25%; }

.pagination {
  margin: 0 auto; }

footer {
background: #15465b;
  margin-top: 40px; }
  footer .container {
    padding: 10px 0;
      color: #7eacbd;
    }
    footer .container .logo {
      padding: 15px 0 5px 0;
      text-align: center; }
      @media (min-width: 992px) {
        footer .container .logo {
          text-align: left; } }
          footer .container .logo img {
	       		width: 120px;
	      }
    footer .copyright {
      background: #11394b;
      text-align: center;
      padding: 15px 0;
	  color: #7eacbd; }
    footer .container .icons {
      text-align: center;
      font-size: 36px; }
      @media (min-width: 992px) {
        footer .container .icons {
          text-align: right; } }
      footer .container .icons small {
        font-size: 12px; 
		}
      footer .container .icons a {
        color: white; }
      footer a {
	      color: #7eacbd;
      }
      footer h4 {
	      color: white;
      }

.spacer {
	margin-bottom: 20px;
}

#topline {
	background: #11394b;
	padding: 5px 0;
	color: #eee;
}

#topline a {
	color: #eee;
	padding: 0 10px;
}


header .lang a  {
	 text-transform: uppercase;
	 font-size: 14px;
	 line-height: 38px;
	 padding: 0 3px !important;
 }

content img {
	max-width: 100%;
}

.catblocks a {
	text-align: center;
	font-size:18px;
	line-height: 18px;
	display: block;
	margin-bottom: 40px;
	text-decoration: none;
}



.catblock {
	overflow: hidden;
	max-height: 260px;
}

.catblock img {
	
	width: 220px;
	margin-bottom: 10px;
}

.productoldprice {
	color: #777;
	font-size:14px;
	text-decoration: line-through;
}

.productprice {
	color: #0c2634;
	font-size:30px;
	font-weight: 300;
}



.productrow {
	margin-bottom: 40px;
}

.productblock {
	padding-bottom:20px;
	margin-bottom: 20px;

}
.productblock a:hover {
	text-decoration: none;
}

.productblock:hover {
	background: #fafafa;
}

.productblockicon {
	height:180px;
	width:180px;
	overflow:hidden !important;
	text-align: center;
	margin: 0 auto 10px auto;
	background: white;
}

.productblockicon img {
	max-height: 180px;
}

.productblocktitle {
	color: black;
	font-size: 16px;
	text-align: center;
	line-height: 18px;
	height:18px;
	overflow: hidden;
}

.productblockprice {
	color: #0c2634;
	font-size: 18px;
	text-align: center;
}

#cart {
	display: inline-block;
}




.cart a {
	text-decoration: none;
	color: #eee;
}
.cart-icon {
	font-size: 22px;
}
.cart {
	text-align: center;
	font-size: 16px;
}

  @media (min-width: 992px) {
	 .cart {
		text-align: right;
		}
	}
	


#cart .count {
	color: #ccc;	
}

.cartproducts {
	width:100%;
}

.cartproducts th {
	background: #11394b;
	padding: 5px 10px;
	color: white;
}

.cartproducts tr:hover {
	background: #fafafa;
}


.cartproducts td {
	padding: 5px 10px;
	border-bottom: 1px solid #ccc;
}

.cartproducts td.thumb img {
	max-width: 100px;
	max-height: 100px;
}




#offers, #popular {
	margin: 20px 0;
	padding: 0 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
	overflow: hidden;
}


#offers h3, #popular h3 {
	text-align: center;
	margin:0;
	padding: 10px 0;
	font-size: 24px;
}


#pro {

	border:1px solid #ccc;
	background: #eee;
	padding:10px;
	margin-top: 20px;
}

#pro span {
	color: #0c2634;
	font-weight: 700;
}

#offer_block {
	border:1px solid #ff0092;
	background: #fff;
	padding:0 0 5px 0;
	margin-top: 20px;
	text-align: center;
}

#offer_block h3 {
	background: #ff0038;
	color: white;
	margin: 0;
	padding: 5px;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
}


#offer_block i {
	color: #aaa;
}

#offer_block .productprice {
	color: #ff0038;
	font-weight: 500;
}

	

.collapser {
	text-align: center;
	cursor: pointer;
	background: #fafafa;
	padding: 10px;
	margin-top: 20px;
	color: #777;
	font-size: 20px;  
}

.collapser:hover {
	background: #f1f1f1;
}

.collapser i {
	float: right;
	margin-top:4px;
}



@media (min-width: 991px) {
	
	html {
	  position: relative;
	  min-height: 100%;
	}
	body {
	padding-bottom: 70px;
	  margin-bottom: 190px; /* Margin bottom by footer height */
	}
	footer {
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  height: 210px; /* Set the fixed height of the footer here */
	}
	

}

#buy {
	text-transform: uppercase;
}