@font-face {    
    font-family: 'Poppins SemiBold';
    src: url('Poppins-SemiBold.ttf') format('truetype');
    font-weight: normal;    
    font-style: normal;
}
body {font-family: "Poppins SemiBold"; font-size:18px;overflow-x: hidden;}
@font-face {    
    font-family: 'venus rising rg';
    src: url('venus rising rg.otf') format('truetype');
    font-weight: normal;    
font-style: normal;}

#naslov {font-family: "venus rising rg";FONT-SIZE:10px; font-weight:normal}
.naslov {font-family: "venus rising rg";FONT-SIZE:10px; font-weight:normal}
.tema {font-family: "venus rising rg"; font-weight:normal}
.plava {color: #083f88}
.crvena {color:#ff0000;}
 .cookies-box {
  position: fixed;
  max-width: 1200px;
  left: 0;
  right: 0;
  bottom: -300px;
  width: 100%;
background-image: linear-gradient(181deg, #083f88, #050632);
  padding: 25px;
  margin: 0 auto;
  color: #112d32;
  transition: all 0.3s ease;
  z-index:2000;
  
}
.cookies-box.show {
  bottom: 25px;
}
.cookies__title {
  margin: 0;
  padding: 0;
    font-family: "venus rising rg";
  color:#ff0000;
 
}
.cookies__text {
  font-size: 16px;color:#fff;
}
.cookies__title,
.cookies__text {
  margin-bottom: 15px;

}
.cookies__link {
  margin-left: 10px;
  display: inline-block;
  color: #fff;
}
.cookies__btn {
  font-size: 16px;
  padding: 10px 25px;
  background-color: #083f88;
  color: #fff;
  border-radius: 3px;
  border: none;
  transition: background 0.3s;
  cursor: pointer;
}
.cookies__btn--accept {
  margin-right: 15px;
}
.cookies__btn:hover {
  background-color: #ff0000;
}
.cookies__link:hover {
  color: #31708e;
}

 h3 {text-transform:uppercase;font-family: "Poppins Black";src: url('Poppins-Black.ttf') format('truetype');}
.omot { width:100%; margin:78px auto 20px auto; text-align:center}
.flu {width:100%; height:auto; max-width:800px; margin:20px auto}
h1 {color:#ff0000; text-transform:uppercase;font-size:20px}
h1 span {color:#ed1b2f;font-size:20px}

.u-izradi {text-align:left; font-size:16px; padding:0px; line-height:24px; }
.forma { width:100%; height:auto; max-width:800px; margin:0 auto}
.navbar-area {background-color: #083f88;}
.navbar-area .navbar .navbar-nav .nav-item.active > a, .navbar-area .navbar .navbar-nav .nav-item:hover > a {color: #f10606;}
.navbar-brand img {text-align:right}
.d-sm-inline-block ul > li {text-align:left}
.slider-tekst {margin-top:0px; position:absolute; top:420px;left:0; width:100%; color:#fff; font-weight:bold; text-transform: uppercase; font-size:34px; background-color:#000; opacity:0.5; padding:2%}
.slider-tekst span {font-size:18px; text-transform: none;}
.topp { text-align:center; color:#083f88;font-family: 'Poppins';}
.topp span{ color:#ff0000}
.video-tekst-pozadina {background-color:#ff0000; border-radius:12px; position:absolute; top:400px; left:20px;  opacity:0.7; color:#fff;padding:20px; z-index:1}
.video-tekst {opacity:1; min-height:50px; color:#fff; z-index:2; text-align:left}
.tvrtka {color:#fff; font-size:30px; font-weight:bold;}
.footer-area.footer-dark {background-image: linear-gradient(181deg, #083f88, #050632);}
#services_before,#crane_before {width:100%; height:auto;margin:0 auto; text-align:center}
 #services h3,#dry-dock h3,#contact h3 {color:#FF0000}
  #crane h3,#rent-a-boat h3 {color:#083f88}
.carousel .carousel-control-prev, .carousel .carousel-control-next {
    display: inline;} 
	
.carousel .carousel-control-prev, .carousel .carousel-control-next {
    display: inline;} 
	
.footer-area .social li a {font-size:18px;}	
	.carousel .carousel-control-next {
    right: 10px;
}
.carousel-control-prev {left:10px}
.sliderTitle{
  font-family: venus rising rg;
  font-size: 20px;
  display: none;
    bottom: 5vh;
  left: 10vw;
  color:white;
  position: absolute;
  background-color: rgba(0,0,0,0.3);
  padding: 15px 15px;
  width:80%;
  border-radius:12px;
  min-height:76px
}
.u-izradi {padding-left:0px; margin-top:0px}

#carouselExampleIndicators{
  position: relative;
 

}
.brod{background-color:#000; opacity:0.7;position: absolute;bottom:20px;left:0; width:100%; text-align:center;font-family: "venus rising rg"; font-weight:bold; color:#fff; font-size:20px; padding:10px}
.brod span{font-size:16px; color:#ff0000}
.bro{font-family: "venus rising rg"; font-weight:bold; color:#083f88; font-size:30px; padding:5px}
.bri{font-family: "venus rising rg"; font-weight:bold; color:#000; font-size:22px; padding:5px; display:inline}
.inf{ font-weight:normal; color:#474444; font-size:18px; padding:0px;margin:0}
.slika {width:80%; height:auto; margin:0 auto}
.honda-murter {font-family: "venus rising rg"; font-weight:bold; color:#083f88; font-size:18px; padding:5px; text-align:left}
.carousel-fade .carousel-item {
 opacity: 0;
 transition-duration: .6s;
 transition-property: opacity;
}
.motori {width:50%; height:auto}
.carousel-fade  .carousel-item.active,
.carousel-fade  .carousel-item-next.carousel-item-left,
.carousel-fade  .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
#outboard-motors {background-image: url('../img/gbg.jpg');background-attachment: fixed !important;background-repeat: no-repeat !important;background-position:bottom center !important;text-align:center}
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-right {
 opacity: 0;
}

.carousel-fade  .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade  .active.carousel-item-prev {
 transform: translateX(0);
 transform: translate3d(0, 0, 0);
}
.ser  {display:none}
.navbar-area .navbar .navbar-collapse {top: 107%;}
.carousel-item {background-color:transparent}
.carousel-item::before {background:none}
h1 br {line-height:14px;  }
h1 span {font-size:18px}
h1 p {line-height:14px; font-size:12px; color:#fff;margin-top:5px }
#ser, #aut {margin-top:0px}
.slider-slika {width:100%; height:auto; max-width:100%}
.nav-tabs li {width:140px; text-align:center; padding:10px; margin:5px;font-family: "venus rising rg"; font-size:16px}
.nav-tabs li>.active  {     background-color: #083f88;
    width: 140px;
    text-align: center;
    /* padding: 10px; */
    /* margin: 5px; */
    font-family: "venus rising rg";
    /* font-size: 16px; */
    color: #fff;
}
.col-66 {width:24%;display:inline;float:left; text-align: left;
    padding-left: 30px;}
.desktop-only {display:inline;}
.area {padding-top: 60px;padding-bottom: 20px;}
.kontakt-podaci {color:#fff; text-align:right; font-size:14px; margin:0;padding:0;width:100%;}
.kontakt-podaci2 {color:#083f88; text-align:right; font-size:14px; margin:0;padding:0;width:100%;}
.back-to-top {background-color:#083f88;}
.back-to-top:hover {background-color: #ff0000;}

#desktop {display:block}
#mobitel {display:none}

@media (max-width: 900px) {
#desktop {display:none}
#mobitel {display:block}


}


@media (min-width: 1300px) {.motori {
    width: 30%;
    height: auto;
}
}



@media (min-width: 875px) {.slider-slika {width:40%; height:auto; max-width:40%}
}
@media (max-width: 875px) {.sliderTitle{ bottom: 2.8vh;}.desktop-only {display:none;}.kontakt-podaci,.kontakt-podaci2 {text-align:center;font-size: 13px;}
.bri{display:block;width:100%;flex: 100%;
    max-width: 100%;}

}
@media (max-width: 600px) {.sliderTitle,#us{ font-size:14.5px;width:100%;left:0;border-radius:0px; padding:8px;}.elVideo {margin-top:0px} video { object-fit: cover;width: 100vw;max-height: 30vh;height: 30vh}
.ser {display:block;min-height:5px!important}
.u-izradi {padding-left:50px; margin-top:0px}
.honda-murter { text-align:center}

}
@media (max-width: 400px) {.elVideo {margin-top:-2px} .omot {margin-top:72px}}




 @media (max-width: 1200px) {
   #navigacija {max-width:100%; width:100%!important}
	
        }
 @media (max-width: 1150px) {.video-tekst-pozadina { top:380px; left:20px; }}
 @media (max-width: 1032px) {.video-tekst-pozadina { top:350px; left:20px; }}
 @media (max-width: 983px) {.video-tekst-pozadina { top:300px; left:20px; }}
  @media (max-width: 857px) {.video-tekst-pozadina { top:250px; left:20px; }}
 @media (max-width: 772px) {.video-tekst-pozadina { top:200px; left:20px; }}
  @media (max-width: 646px) {.video-tekst-pozadina { top:160px; left:20px; }}
  @media (max-width: 570px) {.tvrtka {font-size:20px;}.video-tekst-pozadina { top:140px; left:20px; }}
  @media (max-width: 547px) {.tvrtka {font-size:20px;}.video-tekst-pozadina { top:140px; left:20px; }}
   @media (max-width: 537px) {.tvrtka {font-size:18px;}.video-tekst-pozadina { top:165px; left:20px; FONT-SIZE:18px; padding:10px; width:95%; margin:0 auto; left:5px}}
    @media (max-width: 510px) {.video-tekst-pozadina { top:140px;display:none  }}
  
 @media (max-width: 800px) {
      .u-izradi {width:100%;}
	   .col-66 {width:50%;display:inline;float:left}
#outboard-motors {background-image:none; background-color:#000}	
	
        }
		
@media (max-width: 471px) {
      .navbar-brand img,.d-sm-inline-block img {width:80%; height:auto}
	  .d-sm-inline-block ul > li {text-align:right}
	.topp { text-align:left; padding-left:10px}
	.slika {width:60%; height:auto}
	.honda-murter {font-size:17px; margin-top:10px; border-top:1px solid #dfe2e5}
        }
		
		@media (max-width: 387px) {
      .navbar-brand img,.d-sm-inline-block img {width:70%; height:auto}
	  .d-sm-inline-block ul > li {text-align:right}
	
        }
		
		
			@media (max-width: 348px) {
      .navbar-brand img,.d-sm-inline-block img {width:50%; height:auto}
	  .d-sm-inline-block ul > li {text-align:right}
	
        }