﻿header form.customform input,header form.customform button {                                                                                                             
  margin-bottom: 0;
}
img.logo { 
  max-width: 250px;
  padding-bottom:10px;
}
.icon-sli-basket::before {
  color: #444;
  font-size: 1.3rem;
  margin-right: 5px;
  top: 2px;
  position: relative;
}
#header-carousel .owl-dots {
  margin-top: -30px !important;
  position: relative;
  z-index: 1;
  margin-bottom: 20px;
}
footer {
  background:#002633;
  color:#FFFFFF;
  min-height:12rem;
  padding:3rem;
 
}

#carousel {
	background: #fff;
}
.carousel-text {
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
	z-index: 999;
}
.carousel-text h2 {
	background: none repeat scroll 0 0 #fff;
	color: rgb(0, 30, 34);
	display: inline-block;
	padding: 0.3125rem 0.625rem;
}
.carousel-text p {
	background: none repeat scroll 0 0 rgba(26, 56, 105, 0.85);
	color: #fff;
	display: inline-block;
	font-size: 1.2rem;
	padding: 0.625rem 0.8rem;
}


/* Buttons */

.button, a.button {
  background: #173869 none repeat scroll 0 0;
  border: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 0.95rem;
  padding:1.25rem;
  text-align: center;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

  .button:hover {
  background: #84d2df none repeat scroll 0 0;
  color: #000;
  text-align: center;
}


.button2, a.button2 {
  background: #fff none repeat scroll 0 0;
  border: 0;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 0.95rem;
  padding:1.25rem;
  text-align: center;
  transition: all 0.20s linear 0s;
  -o-transition: all 0.20s linear 0s;
  -ms-transition: all 0.20s linear 0s;
  -moz-transition: all 0.20s linear 0s;
  -webkit-transition: all 0.20s linear 0s;
}

  .button2:hover {
  background: #84d2df none repeat scroll 0 0;
  color: #000;
  text-align: center;
}






@media screen and (max-width: 768px) {
  .right {
    float:none;
  }
  
  
.button, a.button {
  background: #1c3849 none repeat scroll 0 0;
  width:100%;
}

.button2, a.button2 {
  background: #eef3f4 none repeat scroll 0 0;
  border-bottom:thin #173b6d solid;
  width:100%;
  padding:0.65rem;
  
}




.carousel-text {
	display: none;
	
}
  
  
  nav {
    padding: 0;
  }
  
  
  img.logo {
    max-width:200px;
    margin:  0  0 40px 40px;
    width: auto;
    max-height:70px;
  }
  .cart {
    text-align: center;
  }
}