@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap'); 
body{
  background:url(../img/bg.jpg) no-repeat 50% 0;
  transition: all 0.3s;
  font-family: "Nunito", sans-serif;
}

.head-img, .gallery {
  border-radius: 10px;
}
@media (min-width: 1200px) {
  header .logo img {
    height: 55px;
    object-fit: contain;

  }
  header .logo {
    margin: 17px 95px 5px 0 !important;
  }
}

.button{
  border: solid 1px #b3335e;
  border-radius: 10px;
  background: #cf4875;
  color: #fff;
  text-shadow: none;
  -moz-box-shadow: 0px 1px 0px #c6587d;
  -webkit-box-shadow: 0px 1px 0px #c6587d;
  box-shadow: 0px 1px 0px #c6587d;
} 

.button:hover{
  background: #b3335e;
}

header{
  background:white;
}

header .logo{
  margin:12px 95px 5px 0;
}

header form{
  background:#ffe7ef;
  border:solid 1px #ffb2cb;
  border-radius: 10px;
}

header form .text{
  color:#211819;
  border-radius: 10px;
}

header form .submit{
  background:url(../img/icon-search.png);
  border-radius: 10px;
}

header .user-section a{
  color:#211819;
}

header .user-section a i{
  color:#ca4370;
}

header .top a{
  color: #211819;
}

header .cart{
  border-right:solid 1px #ffa0bf;
  border-left:solid 1px #ffa0bf;
  padding:25px 20px;
}

header .cart:hover{
  background:#ffa0bf;
}

header .cart b{
  color:#ca4370;
  background:url('../img/icon-kosik.png') no-repeat left;
}

nav{
  border-top:solid 1px #ffd6e3;
  background:#e25b88;
}

nav ul{
  border-bottom:solid 3px #b3335e;
  background:#ca4370;
  border-radius: 10px;
}
nav > ul > li {
  border-radius: 10px;
}

nav > ul > li > a{ 
  border-right:solid 1px #b3335e;
  -moz-text-shadow: 0px 1px 0px #902247;
  -webkit-text-shadow: 0px 1px 0px #902247;
  text-shadow: 0px 1px 0px #902247;
  border-radius: 10px;
  text-shadow: none;
}

nav > ul > li > a:hover, nav > ul > li > a.active { 
  background:#b3335e;
}
.box {
  border-radius: 10px;
}
.category > li > a{
  background:url(../img/arrow-nav.png) no-repeat 95% 50% #f2f2f2;
  /* border-left:solid 3px #3e781c; */
  color:#b3335e;
  border-radius: 10px;
  border-bottom: none;
  margin-bottom: 5px;
  text-shadow: none;
}

.category > li:hover > a, .category > li.active > a{
  color:#fff;
  background:url(../img/arrow-nav.png) no-repeat 95% 50% #e25b88;
  border-left:solid 3px #b3335e;
  -moz-text-shadow: 0px 1px 0px #b3335e;
  -webkit-text-shadow: 0px 1px 0px #b3335e;
  text-shadow: 0px 1px 0px #b3335e;
}

.category > li.active > a{
  background:url(../img/arrow-nav-active.png) no-repeat 95% 50% #e25b88;
}
.category > li.active ul {
  border-radius: 10px;
}
.category ul > li {
  border-radius: 10px;
}
.category ul > li.submenu1 a {
  border-radius: 10px;
}

.category ul > li > a{
  background: none;
  background-color: #f5f5f5;
  border-left:solid 3px #b3335e;
  border-bottom: none;
  outline: none;
  margin-bottom: 4px;
  border-left: none;
}

.box hr{
  background:#e25b88;
}

.contact li.phone{
  background:url(../img/icon-phone.png) no-repeat 0 50%;
}

.contact li.mail{
  background:url(../img/icon-mail.png) no-repeat 0 50%;
  line-height:35px;
}

.contact ul li span{
  color: #fff;
}
.category {
  border-radius: 10px;
  outline: none;
}
.category > li {
  border-radius: 10px;
}

.benefits h2{
  color:#b3335e;
}

.benefits hr{
  background:#c75e80;
}

.benefits ul li{
  background:url(../img/icon-ok.png) no-repeat 0 50%;
  color:#1c353d;
  line-height: 35px;
}

.buy-button{
  background: url(../img/bg-buy.png) no-repeat;
  border-radius: 10px;
}

.buy-button:hover{
  background: url(../img/bg-buy-hover.png) no-repeat;
}

footer .top hr{
  background:url(../img/hr-footer.png);
}

footer .top form .text{
  left:5px;
}

.breadcrumbs a{
  background:url(../img/arrow-breadcrumbs.png) no-repeat 100% 50%;
}

select{
  background:url(../img/select.png) #fff no-repeat 100% 0;
}

.pagination a{
  background:url(../img/bg-pagination.png) repeat-x;
}

.pagination a:hover, .pagination a.active{
  background:url(../img/bg-pagination-active.png) repeat-x;
  color:#1d4605;
  outline:none;
  background: none;
  background-color: #cf4875;
  color: #fff;
}

.pagination a .fa{
  line-height:33px;
}
.pagination a {
  width: 28px !important;
  display: inline-block !important;
  box-shadow: none !important;
  margin: 3px 0 3px 3px !important;
} 

.table-info span{
  background:url(../img/bg-table-info.png) repeat-x 0 100%;
}

.add-cart{
  background:rgba(226, 91, 136, 0.1);
  outline:solid 1px #b3335e;
  border-radius: 10px;
  outline: none;
}
.add-cart .text {
  border-radius: 10px;
}
.product a {
  outline: none;
  width: 238px;
  margin: 5px;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.05);
  border-radius: 10px;
  display: grid;
  margin-bottom: 20px !important;
}
.product {
  display: flex;
  flex-wrap: wrap;
}
.product a > b {
  order: 2;
}
.product div.img-wrap {
  order: 1;
}
.product a div.price, div.price {
  order: 3;
}
.product a span.button {
  order: 4;
}
.product a .label, .label {
  top: 0;
  border-radius: 0 10px 10px 0;
}
footer .top form {
  border-radius: 10px;
}

.k-beauty-zobraz-dole{
  position:absolute;
  bottom:0;
  right:0;
}
