@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,800&subset=latin-ext);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,700&subset=latin-ext);

html,body {

    height: 100%;
    font-family: "Open Sans", serif;
    font-weight: 400;
    color: #999;
    background: #fff;
    width: 100%;
   	
}
p {font-size: 18px;font-family: 'Playfair Display', serif;
}

.wp {visibility: hidden;}
.wp.animated {visibility: visible;}

.navbar-over {
position: absolute;
right: 0;
left: 0;
z-index: 1030;}

.navbar-over .nav {
    padding: 30px 0;
    font-size: 18px;
}

.navbar-over .navbar-brand {
    padding: 0 15px;
}

.center {text-align: center;}

.navbar-inverse .navbar-nav>li>a {color: #000; text-transform: uppercase; font-weight: 800;}

.navbar-inverse .navbar-nav>li>a:hover {border-bottom: solid 1px #01629b;color: #01629b;}

.navbar-inverse {background: none; border: none;}

.about {color: #999;}

.about h1 {font-size:60px;color: #000;padding-top: 100px; font-weight: 800;}

.about h2 {font-size:40px;color: #fff;padding-top: 50px; font-weight: 800;}

.radno-vrijeme h1 {font-size:60px;color: #000;padding-top: 100px; padding-bottom: 40px;font-weight: 800; text-transform: uppercase;}

.contact {background: #fff;color: #999;}

.contact h1 {font-size:60px;color: #333;}

.clear{clear: both;}

.intro-section {
      background: url("../images/bg.jpg") no-repeat;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

.content-inner h2{font-weight: 800;font-size: 65px; color: #000; text-transform: uppercase;}

#bg-holder {
  width: 100%;

}

.round-link {border-radius: 70px; border: 2px solid #fff; padding: 10px;}

.about {
        background: #fff url("../images/right.jpg") no-repeat right top;
        display: inline-block;   
        padding-bottom: 100px;    
}
.about .col-md-5 {padding-right: 0;}

.radno-vrijeme {margin-top:-5px;padding-bottom: 100px;background: #f0f0f2 url("../images/vet.jpg") no-repeat right top;display: inline-block;width: 100%; color: #000;}

.radno-vrijeme i {color: #999;}
.copy{
background: #1f1f1f;
text-align: center;
color: #999;
height: 60px;
padding-top: 15px;
position: relative;
margin-top: -5px;
font-size: 12px;
}
.copy p {font-size: 16px;}
.copy a {color: #249ee4;}
#kontakt {position: relative;display: inline-block;overflow: hidden;width: 100%; height:400px;margin-top:-5px;background: #222; color: #ccc;}
#kontakt .col-md-3 {padding-top: 100px; padding-bottom: 100px;}
#kontakt .col-md-6 {display: inline-block;padding-top: 50px;}
#kontakt a {color:#ccc;}
#kontakt b {color: #fff;font-weight: 800;}
#kontakt h4 {font-weight: 800; font-size: 25px; color: #fff; text-transform: uppercase; margin-bottom: 20px;}
#kontakt .left:before{
position: absolute;
right: 100%;
width: 2000px;
height: 100%;
background: #222;
content: "";
top: 0px;
}
#kontakt .left:after{
position: absolute;

top: 0px;
border-right: 200px solid transparent;
border-top: 500px solid #222;
content: "";
width: 1px;
height: 100%;
}
#map {width: 50%;
height: 100%;
position: absolute;
top: 0px;
right: 0px;}


.bg-holder#image1 {
        background: url("../images/bg-about.jpg");
        height: 70%;
        display: table;
        width: 100%;
        position: relative;
        margin-top: -10px;
        
}

.bg-holder#image1 .imageover {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
}

.bg-holder#image1 .imageover h1 {font-size: 100px; font-weight: 800; margin-top: 0;}

 

.navbar-fixed-top {background:#fff;font-size: 18px;display: none;}



@media(max-width:767px) {

.navbar {padding-bottom: 10px;}

.navbar-brand>img {max-height: 75px;}

.navbar-collapse {background: #fff;}
.navbar-inverse .navbar-collapse {border: none;}

.navbar-inverse .navbar-toggle {padding: 20px;border: 0;background: #0377ba;}

.navbar-nav {
  text-align: center;
}


.intro-section,.item-content{
    height: 70%;
    width: 100%;
}

.carousel-inner,.carousel-inner .item {height: 100%;}


.carousel {
    position: fixed;
}

.carousel-control {display: none;}

.item-content { 
      display: table;
      position: absolute;
      z-index: 999;
}

.content-inner{ 
      color:#FFF;
      text-align: left;
      clear:both;
      display:table-cell;
      vertical-align: middle;
      padding-left: 8.33333333%;
      

}

.content-inner h2 {font-size: 40px;}

.content-inner img{ 
  width: 90%;
}

.about {background: #fff;}

.radno-vrijeme {padding-top: 400px; background: #fff url("../images/vet.jpg") no-repeat right top;}

#kontakt {text-align: center; height: auto; padding-bottom: 50px;}

#kontakt .col-md-6 {min-height: none;width:100%;}

#map {display: none;}

#kontakt .col-md-11 div {padding: 20px;}

.intro-section {height: 70%;}

.content-inner a {text-transform: uppercase; font-size: 18px; color: #fff; border-bottom:  solid 1px #fff;padding-bottom: 20px;}

.content-inner a:hover {text-decoration: none; padding-bottom: 0;}

.about,.why,.contact {padding: 50px 0;}

.about h1,.contact h1,.bg-holder#image1 .imageover h1,.bg-holder#image2 .imageover h1 {font-size:50px; padding-top: 0;}

.content-box .col-md-10 {padding-top: 30px;padding-bottom: 30px;}
.content-box .col-md-10 img {z-index: 8888;}
.content-box .col-md-2 h1 {z-index: 9999;}


#about .image-right {height: auto;width: 100%;}


}


@media(min-width:768px) {
    .container-p {
      padding-left: 50px;
      padding-right: 50px;
      padding-top: 30px;
    }

    .navbar-over .navbar-brand {
        padding: 15px 0;
    }
    .content-inner a {
      font-size: 30px; 
      color: #fff; 
      border-bottom:  solid 1px #fff;
      padding-bottom: 15px;
    }
    .content-inner a:hover {
      text-decoration: none; 
      padding-bottom: 0;
    }

    .intro-section {
    height: 100%;
    text-align: center;
    }

    .intro-section .item {
    width: 100%;
    height: 100%;

    }

    .carousel {
    position: fixed;
    height: 100%;
    width: 100%;

    }
    .carousel-inner {height:100%;}

    .carousel-control {display: none;}

    .item-content { 
      display: table;
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 999;
    }

    .content-inner{ 
      color:#FFF;
      text-align: left;
      clear:both;
      display:table-cell;
      vertical-align: middle;
      padding-left: 16.66666666%;

    }

}