/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
html { scroll-padding-top: 130px; }
body { font-family: 'Poppins', sans-serif; font-size:16px; color:#333; overflow-x: hidden !important; -webkit-font-smoothing: antialiased; }
.mt1 { margin-top:1px; }.mt5 { margin-top:5px; }.mt10 { margin-top:10px; }.mt15 { margin-top:15px; }.mt20 { margin-top:20px; }.mt25 { margin-top:25px; }.mt30 { margin-top:30px; }.mt35 { margin-top:35px; }.mt40 { margin-top:40px; }.mt45 { margin-top:45px; }.mt50 { margin-top:50px; }
.mb1 { margin-bottom:1px; }.mb5 { margin-bottom:5px; }.mb10 { margin-bottom:10px; }.mb15 { margin-bottom:15px; }.mb20 { margin-bottom:20px; }.mb25 { margin-bottom:25px; }.mb30 { margin-bottom:30px; }.mb35 { margin-bottom:35px; }.mb40 { margin-bottom:40px; }.mb45 { margin-bottom:45px; }.mb50 { margin-bottom:50px; }.mr5 { margin-right:5px; }.mr10 { margin-right:10px; }.mr15 { margin-right:15px; }.mr20 { margin-right:20px; }.mr25 { margin-right:25px; }.mr30 { margin-right:30px; }.mr35 { margin-right:35px; }.mr40 { margin-right:40px; }.mr45 { margin-right:45px; }.mr50 { margin-right:50px; }.ml5 { margin-left:5px; }.ml10 { margin-left:10px; }.ml15 { margin-left:15px; }.ml20 { margin-left:20px; }.ml25 { margin-left:25px; }.ml30 { margin-left:30px; }.ml35 { margin-left:35px; }.ml40 { margin-left:40px; }.ml45 { margin-left:45px; }.ml50 { margin-left:50px; }.pt15 { padding-top:15px; }.pt20 { padding-top:20px; }.pt25 { padding-top:25px; }.pb15 { padding-bottom:15px; }.pb20 { padding-bottom:20px; }.pb25 { padding-bottom:25px; }
.displaytable { display:table; width: 100%; }
.tablecell { display:table-cell; vertical-align:middle; }
.margintop { margin-top:110px; }
.margintopblogdetaljno { margin-top:140px; }
.padd { padding: 0px 25px 0 25px; }
.padingpretraga { height:400px; }
.sivapozadina { background-color: #e9e9eb; }
.crnapozadina { background-color: #000000; }
.gradijentpozadina { background: linear-gradient(to right, #e9e9eb 0%,#e9e9eb 50%,#fff 50%,#fff 100%); }
/*---------------------------------------------------------------------------------meni----------------------*/
.menitop { z-index: 999; position: fixed; top: 0; left: 0; right: 0; background-color: #fff; border-bottom: solid 1px #dedede; }
.phone { z-index: 999999; position: fixed; top: 20px; left: 200px; right: auto; }
.phone ul { list-style: none; margin: 0; padding: 0; }
.phone ul li { display: block; }
.broj { font-size: 20px; font-weight: 500; display: inline-block; margin: 9px 0px; color: #52c984; text-decoration: none; transition: all .6s ease; }
.broj:hover { color: #4fa272; text-decoration: none; transition: all .6s ease; }
.logo { margin-top: 15px; margin-bottom: 15px; text-align: center; }
.logo img { margin-left: auto; margin-right: auto; height: 100px; }
.izdvojeno { background-color: #e63f46; color: #fff; text-align: center; padding-top: 40px; padding-bottom: 30px; }
.izdvojeno h2 { font-size: 28px; font-weight: 400; margin-top: 0; margin-bottom: 20px; }
.izdvojeno h3 { font-size: 24px; font-weight: 400; margin-top: 30px; margin-bottom: 10px; }
.izdvojeno p { font-size: 18px; line-height: 1.5; }
.izdvojeno b { font-weight: 500; letter-spacing: 1px; }
.mapa { width: 100%; height: 500px; margin-top: 0px; margin-bottom: 0px; }
.text { padding-top: 30px; padding-bottom: 50px; text-align: center; }
.text h2 { font-size: 22px; font-weight: 500; margin-top: 30px; margin-bottom: 20px;  }
.padingUslugaLista { padding: 4px 2px !important; }
.listaUsluga { padding: 0 0 0 0; }
.uslugaSlika { position: relative;  }
.uslugaPreko { position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); background: rgba(0,0,0,0.7); color: #fff; padding: 20px 15px 10px 15px; text-align: center; }
.uslugaPreko h3 { font-size: 22px; margin: 0 0 10px 0; }
.hamburger { margin-right: 0px !important; }
/*---------------------------------------------------------------------------------meni----------------------*/
/*---------------------------------------------------------------------------------slider--------------------*/
.visinaslidera { height:  750px }
.slider { padding: 0px !important; margin: 0px !important; }
.sliderpretraga { height:500px; }
.carousel-indicators .active { background-color: #cb9c74; }
.carousel-indicators li { width: 25px; border-radius: 0; }
.carousel-indicators .active { width: 25px; }
.carousel-inner img { width: 100%; }
.carousel-control { margin: 0; padding: 0; top: auto; left: auto; bottom: auto; }
.carousel-control.left { opacity: 0.6; filter:alpha(opacity=60); display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 6; transition:all .6s ease; background-image: none !important; text-align: left; }
.carousel-control.right { opacity: 0.6; filter:alpha(opacity=60); display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 6; transition: all .6s ease; background-image: none !important; text-align: right; }
.carousel-control.left:hover, .carousel-control.right:hover { opacity: 1; filter:alpha(opacity=100); transition: all .6s ease; }
.mojtekst { position: relative; text-align: center; display: table-cell; height: 100%; vertical-align: middle; }
.textslider { text-align: left; width: 100%; color: #fff; padding-left: 85px; padding-right: 85px; display: table; }
.textslider span { color: #e63f46; }
.textslider h1 { font-family: 'Catamaran', sans-serif; font-size: 76px;  letter-spacing: 2px; font-weight: 900; line-height: 1; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
.textslider h2 { margin-top:20px; margin-bottom:0px; font-size:20px; font-weight:400; letter-spacing:0.2em; line-height:1.2; text-transform:uppercase; text-shadow:2px 2px 3px rgba(0,0,0,0.4); }
.filter { background-color:rgba(0,0,0,0.3); }
.dugmeslider { color: #fff; border: 2px solid rgba(255,255,255, .75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 8px 37px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; }
.dugmeslider:hover { color: #000; background: #fff; transition: all .6s ease; }
.slidermini { padding: 180px 0 100px 0; color: #fff; text-align: center; }
.slidermini span { color:#bd8b17; }
.slidermini h1 { font-size: 50px; font-weight: 400; line-height: 0.9; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
.slidermini h2 { margin-top: 22px; margin-bottom: 0px; font-size: 20px; font-weight: 400; letter-spacing: 0.2em; line-height: 1.2; text-transform: uppercase; text-shadow: 2px 2px 3px rgba(0,0,0,0.4); }
.carousel-fade .carousel-inner .item { -webkit-transition-property: opacity; transition-property: opacity; transition-duration: 1s !important; }
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0; }
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control { z-index: 2; }
.videoklas { object-fit: cover; width: 100vw; height: 100vh; top: 0; left: 0; position: absolute; }
/*---------------------------------------------------------------------------------slider--------------------*/
/*---------------------------------------------------------------------------------cookies-------------------*/
.kolacici { display: none; background-color: rgba(230,63,70,0.9); color:#fff; padding: 20px 0; text-align: center; position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999 !important; }
.dugmekolacici { color: #fff; border: 2px solid rgba(255,255,255,0.75); background: transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height: auto; padding: 5px 15px; font-size: 12px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; transition: all .6s ease; }
.dugmekolacici:hover { color: #000; background: #fff; transition: all .6s ease; }
/*---------------------------------------------------------------------------------cookies-------------------*/
/*---------------------------------------------------------------------------------cenovnik------------------*/
.cenovnik { border-collapse: collapse; width: 100%; }
.cenovnik td { border: 1px solid #dedede; }
.cenovnik td { padding: 10px; }
/*---------------------------------------------------------------------------------cenovnik------------------*/
@media (max-width: 1200px){
    .phone { left: 100px; }
    .hamburger { right: 100px !important; }
    .hamburger.is-open { left: auto; right: 350px !important; }
    .textslider h1 { font-size: 60px; }
}
@media (max-width: 992px){
    .visinaslidera { height:  650px }
    .izdvojeno { padding-top: 30px; padding-bottom: 10px; }
    .mapa { height: 400px; }
}
@media (max-width: 768px){
    html { scroll-padding-top: 100px; }
    
    #page-content-wrapper { width: 0px !important; padding-top: 0px !important; position: relative !important; z-index: 888 !important; }
    
    .logo img { height: 80px; }
    .phone { left: 10px; top: 30px; }
    .hamburger { right: 20px !important; top: 40px !important; margin-right: 0px !important; }
    .hamburger.is-open { left: auto; right: 280px !important; }
    .broj { font-size: 16px; margin: 3px 0px; }
    .sidebar-nav li a { font-size: 20px !important; }
    .textslider h1 { font-size: 40px; }
    .visinaslidera { height: 550px; }
    .textslider { padding-left: 20px; padding-right: 20px; }
    .mb50 { margin-bottom: 2px; }
    .uslugaPreko h3 { font-size: 20px; }
    .listaUsluga { padding: 0 0 2px 0; }
    .padingUslugaLista { padding: 2px 2px 0px 2px !important; }
}