@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Comfortaa&display=swap);
a {color: black;}
.rabotno_vreme {color: white; font-size: 1.1em;}
.telefon {color: white;font-size: 1.2em;background-color: #56C12B;padding: 10px;}
.sitker {color: white;font-size: 1.2em;background-color:  #CA066C;padding: 10px;}
.contacti  { width: 20%; margin: 0 auto;}
.h2, h2 {font-size: 2em; color: white; background: #1898F5; padding:15px;}
.h1, h1 {font-size: 1.7em; color: white; background: #CA066C; padding:15px;}
.h4, h4 {font-size: 3em; color: white; background: #55C12D; padding:15px;}
.h3, h3 {font-size: 1.3em; color: black; }
.header-logo img { width: 100%;}
.btn-center { width: 50%;}
.w100{width: 100%;}
.slider_roof .item img{width: 100%;} 
.slider_roof .carousel-caption{top: 0;}
.slider_roof .carousel-caption div{font-size:50px; height: 100px; margin-top:150px;}
.slider_roof .carousel-caption a{font-size:30px; }
*{font-family: Comfortaa;}
.navbar-toggle .icon-bar{background: #FFF;width: 30px;margin: 7px 0;}
.navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px; color: black;}
.dropdown-submenu{position: relative;}
.dropdown-submenu > .dropdown-menu{position: absolute;left: 160px;top: 0;}
.lang_icons{float: right;margin-left: 10px;}
.map_container, .map_container .row, .map_container .col-md-12{padding: 0px;margin: 0px;}
.img-responsive img{
  display: block;
  max-width: 100%;
  height: auto;}
body{background: #fff;padding-top: 30px;}
.header{position: fixed;width: 100%;z-index: 9999;background: #75d2c5;top: 0;}
.navbar {position: fixed;width: 100%;z-index: 9999;background: white;top: 20;}

.video_pokrivi {margin-top: 100px;}
.header .navbar .container-fluid{background:white; box-shadow: 0px 0.5px 2px grey;}
.header .top {background-color: #FF5C22; padding: 10px 0;}
.header .top i {margin-right: 10px;}
header .top-header{background: azure;}
header .top-header .row{padding: 10px 0;}
header .top-header .header-icons{float: left;margin-left: 20px;color: white;font-size: 16px;}
header .top-header .header-icons:hover{text-decoration: none;}
header .top-header .header-icons i{margin-right:5px;}
header .navbar{margin-bottom: 0px;border: 0;}
.navbar-toggle .icon-bar{background: #FFF;width: 30px;margin: 7px 0;}
.navbar-nav > li > a {padding-top: 30px;padding-bottom: 30px; color: black; font-size: 1.2em;}

@media screen and (max-width: 991px) {
.btn-center { margin-bottom: 50px;}
.h1, h1 {font-size: 100%; color: white; background: #CA066C; padding:15px;}
.h4, h4 {font-size: 1em; color: white; background: #55C12D; padding:15px;}
.h3, h3, .h2, h2{font-size: 130%; text-align: center;}
.pokrivi_video {height: 230px;}
body {padding-top: 20px;}
.header-logo img { width: 44%; padding-left: 10px;}
.navbar-nav > li > a {padding-top: 10px;padding-bottom: 10px;}
.navbar-toggle {padding: 1px 3px;margin-top: 16px;background-color: white;}
.navbar-toggle .icon-bar {background: #151515;}
.carousel {margin-top: 70px;}
}