body {
    color:black;
   }

  .col-md-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 100%;

  }

  .col-md-6 > div {
  font-size: 1rem;
  display: inline-block;

  }

p{
margin: 0;
}


.row {

  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.box-top{
    width:100%;
    height:27rem;
}

.belt-images{
    font-size:0;
    width:100%;
    height:300px;
}

.oko-btn{
    border:0;
    background-color:white;
    margin-left:25px;
    padding:0;
    width:15px;
    height:15px;

}

.card-title{
margin-left:-4px;
}




.belt-images2{
    display:none;
    font-size:0;
    width:100%;
    height:300px;
}

.belt-images img{
    width:33%;
    height:420px;
    opacity:1;
    overflow: hidden;
    z-index: 10;
}

.belt-images2 img{
    width:49%;
    height:420px;
    opacity:1;
    overflow: hidden;
    z-index: 10;
    display: inline-block;
}

.search-box{
    width:100%;
    height:300px;
    text-align:center;
    position:relative;
}

.search-box img{
    width:100%;
    height:300px;
    overflow: hidden;
	object-fit: cover;
}

.search-box .inside-form{
    text-align:center;
    top:150px;
    position:absolute;
    width:50%;
    left:33%;
}

form > .textbox {
  right:40%;
  outline: 0;
  height: 50px;
  width: 60%;
  line-height: 42px;
  padding: 0 16px;
  background-color: rgba(255, 255, 255, 0.8);
  color: #212121;
  border: 0;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  font-size:25px;
  float:left;
}

form > .textbox:focus {
  outline: 0;
  background-color: #FFF;
}

form > .button {
  outline: 0;
  position:flex;
  top:150px;
  background: none;
  background-color: rgba(38, 50, 56, 0.8);
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 42px;
  border: 0;
  color: #FFF;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 16px;
  text-rendering: auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  float:left;
}

form > .button:hover {
  background-color: #C83455;;
}

@media screen and (max-width: 70em) {
    .box-top{
    width:100%;
    height:53rem;
    }

    .belt-images{
    display:none;
    }

    .belt-images2{
    display:initial;
    width:100%;
    }

    .card-text{
    font-size:15px;

    }

    .oko-btn #oko {
    width:18px;
    height:18px;
    margin-left:2px;
    margin-top:2px;
    }


}

.pagination{
 justify-content: center;
 font-size: 20px;
}




i {
color:#C83455;
width:20px;
height:20px;
margin:0;
padding:0;
}

.kod a {
color:#C83455;
width:0px;
height:0px;
}


@media (min-width: 992px) and (max-width: 1199px) {

.card-text {
font-size:15px;
margin-left: -3px;
}

.oko-btn #oko {
    width:18px;
    height:18px;
    margin-left:2px;
    margin-top:2px;
    }

#mr_a{
margin-right:36px;
}

i{
width:10px;
height:10px;
}

}

#kategorie {
margin-left:25%;
margin-bottom:50px;
text-align:center
}

.row a {
color:#C83455;
margin-right:40px;
font-family:"Segoe UI";
}

.row a:hover {
color:#C83455;

font-family:"Segoe UI";
text-decoration:underline;
margin-right:40px;
}


#oko{
  width: 20px;
  height: 20px;
  margin-bottom: 6px;
}

:root {
  --mainColor: #C83455;
}

#catnavbar{
  margin-bottom:50px;
  color:#C83455;
}

#catnavbar a{
  color:#C83455;
  margin-top:10px;
  font-family:"Segoe UI";
  border-radius:5px;
  background:
     linear-gradient(
       to bottom, var(--mainColor) 0%,
       var(--mainColor) 100%
     );
    background-position: 0 100%;
    background-repeat: repeat-x;
    background-size: 2px 2px;
  text-decoration: none;
  transition: background-size .2s;
}

#catnavbar a:hover{
  background-size: 4px 50px;
  color:white;
  border-radius:10px;
}

.modal {
 font-family:"Segoe UI";
}


.search-box #home{
    text-align:center;
    top:0px;
    position:absolute;
    left:0px;
    width:100px;
    height:100px;
}

