/*------------------------------------------------------------------------
# JF_CALLA-EXTERIORS! - JOOMFREAK.COM JOOMLA 2.5 TEMPLATE
# June 2013
# ------------------------------------------------------------------------
# COPYRIGHT: (C) 2013 JOOMFREAK.COM / KREATIF MULTIMEDIA GMBH
# LICENSE: Creative Commons Attribution
# AUTHOR: JOOMFREAK.COM
# WEBSITE: http://www.joomfreak.com - http://www.kreatif-multimedia.com
# EMAIL: info@joomfreak.com
-------------------------------------------------------------------------*/
/*@font-face { 
	font-family: "inter"; 
	src: url("font/inter-variable-font.woff2") format("woff2 supports variations"), url("https://cdn.fantasticservices.com/font/inter-variable-font.woff2") format("woff2-variations"); 
	font-weight: 400 900; 
	font-stretch: 25% 150%; 
	font-display: swap; 
}

*/


* {margin: 0; padding: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {display: block; }
audio,
canvas,
video {display: inline-block; }
audio:not([controls]) {display: none; }
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
a:focus {outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
a:hover,
a:active {outline: 0; }
sub,
sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; }
sup {top: -0.5em; }
sub {bottom: -0.25em; }
img {max-width: 100%; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; }
#map_canvas img {max-width: none; }
button,
input,
select,
textarea {margin: 0; font-size: 100%; vertical-align: middle; }
input, textarea {background-color: #FAFAFA; border: 1px solid #EAEAEA; padding: 4px; }
button {line-height: normal; padding: 0; border: 0; }
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor: pointer; -webkit-appearance: button; }
input[type="search"] {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none; }
textarea {overflow: auto; vertical-align: top; }
 
body {margin: 0; font-family: "Inter", sans-serif; font-size: 16px; line-height: 26px; color: #000; background-color: #fff!important; }
a {color: #000; text-decoration: none; }
a:hover {color: #2e5b92; text-decoration: none; }

h1,
h2,
h3,
h4,
h5,
h6 {font-weight: normal; line-height: normal; color: inherit; }
 
h1, h2 {font-size: 36px; line-height: 46px; margin-bottom: 40px; font-weight: 800; }
h3 {font-size: 36px; }
h4 {font-size: 18px; margin: 0 0 20px; }
h5 {font-size: 14px; }
h6 {font-size: 12px; }
p {margin: 0 0 20px;}
ul,
ol {margin-left: 0; list-style: none; }
fieldset {padding: 0; margin: 0; border: 0; }
legend {display: block; width: 100%; padding: 0; margin-bottom: 18px; font-size: 19.5px; line-height: 36px; color: #333; border: 0; }
label,
input,
button,
select,
textarea {font-family: 'inter'; font-size: 16px; line-height: normal; }
label {display: block; margin-bottom: 5px; }
button, .button {background: url(../images/read-more.png) no-repeat; border: none; border-radius: 3px; color: #fff; cursor: pointer; display: inline-block;  font-size: 18px; line-height: 31px; height: 31px; width: 151px; padding: 0; margin: 30px 0; text-transform: uppercase; }

 
#system-message, .reset {margin: 10px; }

#jf-wrapper {overflow: hidden; position: relative; }

.wrap {clear: both; width: 100%; }

.main {margin: 0 auto; position: relative; width: 1100px; }
.clearfix:before, .clearfix:after {content: ""; display: table; line-height: 0; }
.clearfix:after {clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }

/*FADE EFFECT*/
.fade { position: relative; border:0px solid #ff0000; top:100px; opacity:0;}
.pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
 
 
 

/* jf-home-c */
#jf-home-c {}
#home-c-l {float: left;}
#home-c-l-0 {float: left;}
#home-c-l-1 {float: left;}
#home-c-l-2 {float: left;}
#home-c-l-3 {float: left;}
#home-c-l-4 {float: left;}
#home-c-l-5 {float: left;}
#home-c-l-6 {float: left;}
#home-c-l-7 {float: left;}
#home-c-l-8 {float: left;}

#home-c-r {float: right;}
#home-c-r-0 {float: right;}
#home-c-r-1 {float: right;}
#home-c-r-2 {float: right;}
#home-c-r-3 {float: right;}
#home-c-r-4 {float: right;}
#home-c-r-5 {float: right;}
#home-c-r-6 {float: right;}
#home-c-r-7 {float: right;}
#home-c-r-8 {float: right;}

#home-c-c {float: left;}
#home-c-c-0 {float: left;}
#home-c-c-1 {float: left;}
#home-c-c-2 {float: left;}
#home-c-c-3 {float: left;}
#home-c-c-4 {float: left;}
#home-c-c-5 {float: left;}
#home-c-c2-5 {float: left;}
#home-c-c-6 {float: left;}
#home-c-c2-6 {float: left;}
#home-c-c-7 {float: left;}
#home-c-c-8 {float: left;}
#home-c-c2-8 {float: left;}

 

 
 
/*FORMA*/
.calc-left{ width: 100%; float:none; background-color: rgba(0,0,0,0.8); border-bottom:3px solid #000; padding:20px 30px 0px 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calc-right{ width: 100%; float:none; background-color: rgba(0,0,0,0.8);  padding:10px 30px 0px 30px;  overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.calc-block-pausal{ width: 100%; background-color: rgba(0,0,0,0.8); padding:20px 30px 10px 30px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  }
.calc input,
.calc select,
.calc textarea {outline: 0; font-size: 15px; line-height: 22px; padding: 10px 10px 10px 20px!important;  border: 2px solid #ddd; color: #000; border-radius: 3px; font-weight: 600; background-color:transparent; width: 100%;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.calc input::placeholder, .calc textarea::placeholder{ color: transparent; }
 
 
.calc select { -moz-appearance:none; -webkit-appearance:none; appearance:none; background-color: transparent!important; }
.calc select option { font-family: "Montserrat", sans-serif;  }
.calc-input-block{ position: relative; padding-top:7px; border:0px solid #ddd; margin-bottom: 20px; min-height: 44px; }
.calc-input-block::before { position: absolute; top:50%; margin-top:-9.5px; font-size: 24px; line-height: 24px; width: 24px; left: 14px; color:#c39565; }
.calc-label{  position: absolute; display: block; color:#555; font-size: 14px; line-height: 14px; top:0px; left:45px; background-color: #fff; padding:0px 10px; }
.contact-form .calc-label{ background: #fff }
.calc-err{  position: absolute; display: none; color:#cc0000; font-size: 10px; line-height: 12px; bottom:-14px; left:2px;  }

.calc input:placeholder-shown ~ .calc-label,
.calc textarea:placeholder-shown ~ .calc-label {font-size: 16px; line-height: 16px; cursor: text; top: 21px; }
.calc input:focus ~ .calc-label,
.calc textarea:focus ~ .calc-label {position: absolute; top: 0; display: block; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; font-size: 14px; line-height: 14px; color: #e5c17c;  }
.calc input:hover, .calc input:focus, .calc select:hover, .calc select:focus, .calc textarea:hover, .calc textarea:focus{ border-color:#e6ded3!important; -moz-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; }
 
 
 
/*...SUBMIT*/
.calc-submit{  float:right!important;  }
.calc .calc-submit input[type="submit"] { margin-top:40px; padding-left:0px!important; padding-top: 12px!important; padding-bottom: 12px!important; color:#fff;  border:2px solid #2e5b92; background-color: #2e5b92; font-size: 16px; font-weight: 600; border-radius: 3px;  }
.calc .calc-submit input[type="submit"]:hover, .calc input[type="submit"]:focus {background-color: #1a4274; border-color: #1a4274!important; color:#fff; }

 

.forma_uspjesno{font-size: 16px; line-height: 24px; width:90%; margin:30px auto; margin-top:0px; background:#d2ffd6;  padding:15px 30px; text-align: center; color:#1a6021; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.forma_neuspjesno{font-size: 16px; line-height: 24px; width:90%; margin:30px auto; margin-top:0px; background:#ffe6e6; padding:15px 30px; text-align: center; color:#cc0000; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

.checkbox-cont{ padding:8px 0px; padding-right: 10px; line-height: 34px; display: inline-flex; border-radius: 5px; white-space: nowrap;}

.checkbox-cont input[type="checkbox"]{height: 24px; width: 24px; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; border: 2px solid #aaa; outline: none; transition-duration: 0s; background-color: #fff; cursor: pointer; margin:0px; margin-top:5px; margin-right: 10px; padding:0px!important; }
.checkbox-cont input[type="checkbox"]:checked { border: 2px solid #237cfc; background: #237cfc url('../images/icon-accept-white.png') center center no-repeat; background-size: 16px; }
.checkbox-cont input[type="checkbox"]:active { border: 2px solid #237cfc; }


  
.forma-50{ width:47%; float:left; }
.forma-50:nth-child(2){ width:47%; float:right; }
.forma-30{ width:30%; float:left; margin-right: 5%; }
.forma-30:nth-child(2){ width:30%; float:left; }
.forma-30:nth-child(3){ width:30%; float:right; margin-right: 0%; }
.forma-cont{ overflow: hidden; } 

.page-form-booking{ max-width: 600px; margin:0px auto; }


/*BOOKING*/
.offer_package { background: linear-gradient(-45deg, #1fd0fa, #126eb9); color:#fff; border-radius: 10px; padding: 20px 25px; }
.offer_label{ font-size: 18px; line-height: 28px;  }
.offer_value{ font-size: 30px; line-height: 40px; font-weight: 800; text-transform: uppercase;   }

.offer_table{ border-collapse: collapse; border:0px; border:1px solid #ddd; margin:40px auto; }
.offer_table td{ font-size: 15px; line-height: 20px!important; padding:5px 15px;   }
.offer_table td:first-child{ font-weight: 700;   }
.offer_table tr:nth-child(odd){ background: #f1f1f1;   }

.offer_subtitle{ font-size: 17px; line-height: 27px; margin-top: 30px; margin-bottom: 25px; font-weight: 700; }
 

/*CONTENT*/
.content-left{ width:68%; float:left; }
.content-right{ width: 27%; float:right; }
.content-all{ width: 100%;   }
.jf-content-right-abs{ position:absolute; z-index: -1px; width:30%; background:rgba(239, 239, 239, 1); top:0px; right: 0px; height: 100%;   }

#jf-content, #jf-home-c, #jf-latest, #jf-news, #jf-map {position: relative; z-index: 50;}
#jf-content { background-color: #fff; padding-top: 60px; padding-bottom:80px; }

#jf-content .article-info {border:0px solid #ff0000; margin-bottom:10px; width:100%; overflow:hidden;}
#jf-content .article-info-term{border:0px solid #ff0000; display:none;}
#jf-content .published {border:0px solid #ff0000; display:inline; float:right; margin:0px; background-color:#ef7411; padding:3px 10px; color:#fff; font-size:14px;}
#jf-content .item-page{ border:0px solid #ff0000;}
#jf-content .page-header{border:0px solid #ff0000; margin-bottom:0px;}
#jf-content .icons .btn-group{border:1px solid #ff0000; display:none;}
 
#jf-content p {font-size:15px; line-height: 25px; font-weight: 400; }


#jf-content ul{margin-left:40px; margin-bottom:40px; list-style-type: disc;}
#jf-content ol{margin-left:40px; margin-bottom:40px; list-style-type: decimal;  }
#jf-content ul li{ position: relative; margin-bottom:10px; font-size:15px; line-height: 23px; padding-left: 34px; padding-left: 2px; }
/*#jf-content ul li:before{  position: absolute; top:50%; left:0px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'build'; font-size: 24px; line-height: 24px; color:#668ebe;  height:24px; }*/
#jf-content ol li{ position: relative; margin-bottom:10px; font-size:15px; line-height: 23px; padding-left: 5px;  }
#jf-content ol li:before{   }
#jf-content table{ margin-top: 20px; margin-bottom: 30px;}
#jf-content td{font-size:16px; line-height:26px;}

#jf-content img{ border-radius: 5px; }
#jf-content strong{ font-weight: 600; }

.itemid-271 #jf-content .main, .itemid-270 #jf-content .main, .itemid-320 #jf-content .main {padding: 0;}
.itemid-271 #jf-content, .itemid-270 #jf-content, .itemid-320 #jf-content {padding: 0;}
 
 
 

/* MOBILE MENU*/
#jf-menu, a.gotomenu {display: none;}
a.gotomenu {display: none;}
.mobileHeader, .mobileHeaderCont{display: none;}


 

 
/*COOKIES BANNER*/
#cookies-banner{position:fixed; width:100%; bottom:0px; padding:20px 0px; background-color:#fff;  font-size:11px; line-height:15px; color:#000; overflow:hidden; z-index: 9997; text-align: left;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-style: italic; border-top:1px solid #ddd;}
#cookies-banner .modalconent{ width: 600px; margin:0px auto; }
.cookies-title{ font-weight: bold; font-size: 14px; line-height: 18px; color:#000; margin-bottom: 10px; font-style: normal; }
#cookies-banner .dugmeParent { text-align: right; margin-top: 20px; padding:7px 0px;  }
#cookies-banner .dugme {font-size: 12px; line-height: 16px;  font-style: normal; padding:5px 15px;  }
 

/*HEADER TOP*/
.header-top{ background: #2e5b92; }
.header-top-cont{ position: relative; height: 40px; padding-top:0px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.header-top-box{ position: relative; width:29%; font-size: 14px; border-right: 1px solid #122f52; margin-right: 30px; padding: 0px 0px 0px 35px; float: left; line-height: 40px; position: relative; color:#fff;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.header-top-box:nth-child(1){ width:18%; }
.header-top-box:nth-child(2){ width:23%; }
.header-top-box:nth-child(3){ border-right: 0px; }
.header-top-box::before{ font-family: 'Material Icons Round'; content:'menu'; font-size: 20px; font-weight: 600; line-height: 40px; color:#aec1d8;  position: absolute; top:50%; margin-top: -20px; left:0px; width:40px; height:40px;  }
.header-top-box:nth-child(1)::before{ font-family: 'Material Symbols Outlined'; content: 'call';   }
.header-top-box:nth-child(2)::before{ font-family: 'Material Symbols Outlined'; content: 'mail'; }
.header-top-box:nth-child(3)::before{ font-family: 'Material Symbols Outlined'; content: 'home'; font-size: 22px;   }


/*SLIDESHOW*/
.kiwi-slideshow-cont{ background-color: #efefef; position: relative; }
.kiwi-slideshow{ position:relative; overflow:hidden; text-align:center; margin:0px auto; z-index: 4}
.kiwi-slideshow-images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;}
.kiwi-slideshow-images li{ margin:0px;  z-index: 2; }
.kiwi-slideshow-slide{ position:absolute; width: 100%; background-repeat: no-repeat; background-position: center center; background-size:cover; }
.kiwi-slideshow-slide-m{ display: none; }
.kiwi-slideshow-gradient{ position: absolute; bottom: 0px; width: 100%; height: 350px; bottom:0px; z-index: 5; background-image: linear-gradient(to bottom, rgba(0,0,0,0),  rgba(0,0,0,0.8));}
.kiwi-slideshow-box{ position: absolute; z-index: 10; bottom:60px; left:60px; width: 45%; text-align: left;/* background: rgba(0,0,0,0.5); padding: 25px 15px 40px 30px;*/ box-sizing: border-box; }
.kiwi-slideshow-title{ font-size:50px; line-height: 60px; color:#fff; font-weight: 900;   }
.kiwi-slideshow-desc{ font-size:18px; line-height: 28px; color:#e0e9f5; text-transform: uppercase; }
.kiwi-slideshow-img{ height: 80px; margin-top:15px; }
 

.slideshow-black { position: absolute; z-index: 3; top:0px; left:0px; width: 100%; height: 100%; background:rgba(0,0,0,0.5); }

 

.slideshow-box{ position: absolute; z-index: 20; width: 660px; top:350px; left: 15%;  }
.slideshow-title{ font-size: 50px; line-height: 60px; letter-spacing: 0px; margin-bottom: 25px; color:#fff; font-weight: 900; text-align: left;  }
.slideshow-title span{ font-weight: 900; color:#fff }
.slideshow-desc{ font-size: 22px; line-height: 32px; color:#fff; font-weight: 400; text-align: left;  }
 
 
 
 

/*JEZIK MODUL*/
.language {position: absolute; top: 25px; right: 0px; z-index: 1; width: auto; height: 30px; text-align: center;  }
.language  .visually-hidden { display: none; }
.language button { background: #2e5b92; height: auto; width: auto; border: 2px solid #2e5b92; padding: 3px 10px; margin: 0; border-radius: 3px; font-size: 13px; line-height: 18px; text-transform: uppercase; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.language ul.dropdown-menu{ display: none; position: absolute; background: #1a4274; padding:5px 30px; margin:0px; margin-top: 3px; border-radius: 5px; }
.language ul li{  padding:5px 0px; font-size: 12px; text-transform: uppercase; line-height: 18px; text-align: left; list-style-type: none; margin-bottom: 3px; }
.language ul li a{  color:#fff;  }
.language ul li.lang-active{ display: block; }
.language ul li.lang-active a{  color:#b7d4eb;  }


 


/* MAIN NAVIGATION */
/*#kiwi-menu { position: absolute; right:80px; top:25px; width:100%; height:30px; text-align: right; padding:0px; margin:0px; margin-left:10px; z-index:99; float:left;}
#kiwi-menu > ul{ display: inline-block; margin:0px; }
#kiwi-menu ul li { display: block; position: relative; font-size:14px; cursor: pointer; display: inline-block; text-align: left; margin:0px 10px; padding:0px 5px; color: #000; font-weight:600; line-height:30px;  }
#kiwi-menu ul li a{ color:#000;  }
#kiwi-menu ul li.active, #kiwi-menu ul.menu li.active a{ color: #2e5b92 }
#kiwi-menu ul li:hover { color:#2e5b92; transition:0.35s; -moz-transition:0.35s; -webkit-transition:0.35s; }
#kiwi-menu ul li a:hover{ color:#2e5b92; transition:0.35s; -moz-transition:0.35s; -webkit-transition:0.53s;  }
#kiwi-menu .mod-menu__sub{display:none; position:absolute; left:-15px; min-width:250px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color:#fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition:0.35s; padding:20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#kiwi-menu .parent:hover .mod-menu__sub{display:block; transition: 0.35s; -moz-transition:0.35s; -webkit-transition: 0.35s; -o-transition:0.5s; }
#kiwi-menu ul li ul{  }
#kiwi-menu ul li ul li{ line-height:34px!important; padding-left: 15px; width: 100%; float:none; font-size:14px!important; margin: 0px; text-transform:none!important; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; white-space: nowrap; }
#kiwi-menu ul li.active ul li a{ color:#000; }
#kiwi-menu ul li.active ul li.active a{ color:#2e5b92; }
#kiwi-menu ul li ul li a{ color:#000; }
#kiwi-menu ul li ul li:hover{ background: #efefef }


#kiwi-menu ul li.item-267, #kiwi-menu ul li.item-278, #kiwi-menu ul li.item-279, #kiwi-menu ul li.item-284, #kiwi-menu ul li.item-285, #kiwi-menu ul li.item-287,  #kiwi-menu ul li.item-288,  #kiwi-menu ul li.item-289, #kiwi-menu ul li.item-290, #kiwi-menu ul li.item-291, #kiwi-menu ul li.item-293, #kiwi-menu ul li.item-318, #kiwi-menu ul li.item-319{ display: none; }
 */


#kiwi-menu { position: absolute; right:80px; top:25px; width:calc(100% - 80px); height:30px; text-align: right; padding:0px; margin:0px; margin-left:10px; z-index:99; }
#kiwi-menu > div { display: inline-block; padding:0px 10px; font-size: 16px; line-height: 30px; }
#kiwi-menu .mod-menu__sub{ display: none; position: absolute; z-index: 999; text-align: left; left:0px; top:50px; width: 1200px; background-color: #fff; border-radius: 15px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition:0.35s; padding:15px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
#kiwi-menu .menu-content{ display: flex; gap:20px; }
#kiwi-menu .menu-column{ width: 66%; background-color:#efefef; border-radius: 5px; }
#kiwi-menu .menu-column:nth-child(2){ width: 34%; background-color:#fff; }
#kiwi-menu .menu-column-flex{ display: block; gap: 25px; }
#kiwi-menu .menu-tabcontent{ display: none; gap:15px; padding:10px; border-radius: 10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#kiwi-menu .menu-subcolumn{ width: 50%;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

#kiwi-menu .menu-box{ border:1px solid #ddd; padding:5px 0px 5px 10px; border-radius: 5px; margin-bottom: 10px; }
#kiwi-menu .menu-subcolumn .menu-box{ border:1px solid #fff;  }
#kiwi-menu .menu-box:last-child{  margin-bottom: 0px; }
#kiwi-menu .menu-box-armatura{ margin-top:10px; }

#kiwi-menu .manu-big{ font-size: 14px; line-height: 24px; font-weight: 700; color:#000; text-transform: uppercase;  }
#kiwi-menu .manu-big span{  } 
#kiwi-menu .manu-medium{ font-size: 15px; line-height: 19px; font-weight: 500; color:#000; padding:2px 0px 2px 15px; }
#kiwi-menu .manu-medium-alone{ font-size: 15px; line-height: 19px; font-weight: 500; color:#000; padding:2px 0px 2px 10px; margin-bottom: 2px; }
#kiwi-menu .manu-medium-alone:last-child{ margin-bottom: 10px; }
#kiwi-menu .manu-small{ position: relative; font-size: 14px; line-height: 18px; font-weight: 400; color:#555; padding:2px 0px 2px 30px;  }
#kiwi-menu .manu-small::before{ position: absolute; top:50%; left:20px; margin-top:-10px; height: 20px; line-height: 20px; content:'·'; font-size: 20px; color:#000;  }
#kiwi-menu .manu-small-last{ margin-bottom: 5px; }

.menu-closebtn{ position: absolute; cursor: pointer; width: 34px; font-size: 26px; line-height: 30px; height: 34px; background-color: #2e5b92; color:#fff; right: 10px; top:10px; text-align: center; border-radius: 50%;  } 


/*TABOVI*/
.menu-tabs{margin: 10px 10px 0px 10px; overflow:hidden;  }
.menu-tablinks{ display:inline-block; font-size:12px; line-height: 15px; text-transform: uppercase; color:#000; background-color: #fff; font-weight: 600; border-radius: 4px; padding:7px 15px 7px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.menu-tablinks:first-child{ }
.menu-tablinks:last-child{ margin-right: 0%; }  
 
.menu-tabs .active { background-color: #2e5b92; color:#fff; }
.menu-tablinks:hover{ cursor:pointer;}
 


/* HEADER 2 */
.header2{position: relative; width:100%; height:0px; background: #fff; border-bottom: 10px solid #c7d7eb;}
.header2 .main{ height: 100%; }
.header-box {position: absolute; top:170px; z-index: 10; }
.header-title { display: none; font-size: 60px; line-height: 70px; font-weight: 700; color:#000; margin-bottom: 25px; }
.header-desc { display: none; font-size: 18px; line-height: 28px; font-weight: 400; color:#444; width: 70%; }
.header-cloud{  position: absolute; bottom: 0px; left: 0px; width: 100%; height: auto;}
/*#header2{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header3{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header4{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header5{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header6{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header7{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header8{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header9{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header10{ background:url(../images/header-2-reinigung.jpg) center center no-repeat; background-size: cover;}
#header11{ background:url(../images/header-medicina-rada.jpg) center center no-repeat; background-size: cover;}
#header12{ background:url(../images/header-ljekari.jpg) center center no-repeat; background-size: cover;}
#header13{ background:url(../images/header-about-us.jpg) center center no-repeat; background-size: cover;}
#header14{ background:url(../images/header-about-us.jpg) center center no-repeat; background-size: cover;}*/



.glavniMeniCont{ position: relative; height: 80px; background-color: #fff; }
.glavniMeni{ position:relative; width:100%; height:80px; z-index:99; top:0px; background-color: #fff}
.logoMeni { height: 50px; margin-top: 15px; }
.headerTop{ position:absolute; width:100%; height:70px; border-bottom:1px solid #aaa; z-index:99;}
 
 
.homeMargina1{margin:0px 0px;}


/*NASLOVI*/
.naslov{ font-size: 40px; line-height:50px; font-weight: 800; text-align: left; color: #000; margin-bottom: 60px; }
.naslov::before{ position: absolute; left: 0%; margin-left: 0px; bottom:-25px; width: 80px; height: 5px; background: #668ebe; content: '';  }
 

/*DUGME*/
.dugmeParent{margin-top:40px; padding:12px 0px; }
.dugme {position: relative; z-index: 3; padding: 12px 50px; font-size: 16px; line-height: 26px; border-radius:13px; color: #000; font-weight: bold; background: #e6ded3; }
.dugme:hover { background: #887a68; color:#fff; transition-duration:0.35s; -o-transition-duration:0.35s; -webkit-transition-duration: 0.35s; -moz-transition-duration:0.35s;}
 
 
/*GOOGLE MAPA - KIWI*/
#kiwi-map{height: 500px; width: 100%; }

/*CLEAR ALL*/
.clearAll{width:100%; overflow:hidden;}

 


/**********************************PAGES****************************************/
/********************************************************************************/
/********************************************************************************/

/*GENERAL*/
.page-subtitle, h2.page-subtitle{ font-size: 24px; line-height: 34px; font-weight: 700; color:#000; margin-top: 50px; margin-bottom: 25px; }
.page-subtitleh3 {font-size: 18px !important; line-height: 25px !important; padding-left: 10px; border-left: 4px solid #2e5b92; color: #000; font-weight: 700; margin-bottom: 25px; margin-top: 40px; }
.page-table{ width: auto; border-collapse: collapse; margin-bottom: 30px; }
.page-table tr td{ padding:10px 15px; font-size: 16px; line-height: 24px; border-bottom: 1px solid #ddd;  }
.page-table tr td:nth-child(1){ font-weight: bold; background: #f7f7f7;  }
.page-table tr:first-child td{ border-top: 3px double #ddd;  }

.page-form-content{ max-width: 500px; }
.page-underline { text-decoration: underline; }
.page-margin-top-0{ margin-top: 0px; }
.page-margin-bottom-0{ margin-bottom: 0px!important; }
.page-margin-bottom-20{ margin-bottom: 20px!important; }


/*PAGE O BANA*/
.page-onama-cont{ display: flex; gap: 50px; }
.page-onama-box{ width: 30%; }
.page-onama-box:nth-child(2){ width: 40%; }
.page-onama-box img{ border-radius: 15px; }
.page-onama-h3 { font-size: 17px; line-height: 27px; font-weight: bold; margin-top: 25px; padding:5px 0px; margin-bottom: 8px; padding-left: 15px; border-left: 5px solid #237cfc }

.page-onama-include{ padding:20px 40px; margin-top: 50px;  background: #f6f6f6; border-radius: 15px; }
.page-onama-include h2.page-subtitle{ margin-top:10px; }


/*PAGE PONUDA*/
.page-ponuda-cont{ display: flex; gap:80px; }
.page-ponuda-left{ width:60%; }
.page-ponuda-right{ width:40%; }
.page-ponuda-right img{ margin-bottom: 20px; }
.page-ponuda-intro{  background: #f6f6f6; margin-bottom: 40px; padding: 30px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 5px; }
.page-ponuda-intro h2{ margin-top: 0px!important; }

/*.page-ponuda-intro-img{ width: 50%; }
.page-ponuda-intro-text{ width: 50%; }*/
.page-ponuda-intro ul, .page-ponuda-intro ol{ margin-bottom: 20px!important;  }

.page-ponuda-body{ display: flex; gap:40px; background: #fff; margin-bottom: 30px; padding: 0px;  }


/*PAGE PRODUCTS*/
.page-products-cont{ display: flex; gap:50px; margin-bottom: 50px; padding:30px; background: #f6f6f6; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.page-products-img{ width: 35%; }
.page-products-img img{ border:1px solid #ddd; }
.page-products-content{ width: 65%; }
.page-products-title{ font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 20px; }
.page-products-content ul li{ margin-bottom: 7px!important; }
.page-products-price{ font-size: 18px; line-height: 28px; font-weight: 700; padding-left: 15px; border-left: 3px solid #2e5b92; margin-bottom: 7px; }
 

/*PAGE PRICES*/
h2.page-prices-subtitle{ font-size: 22px; line-height: 32px; font-weight: 700; color:#000; margin-top: 0px; margin-bottom: 40px;  }

/*PAGE SERVICES*/
.page-services-cont{ display: grid; gap: 50px 50px; grid-template-columns: repeat(3, minmax(0, 1fr));  }
.page-services-box{ position: relative; border-radius: 15px; margin-bottom: 0px;   background: #f8f8f8; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } 
.page-services-box-inner{ position: relative; padding:0px 30px 20px 30px;  }
h2.page-services-title{ font-size: 22px; line-height: 32px; font-weight: bold; color:#000; margin:30px 0px 15px 0px;  }
.page-services-img img{ border-top-left-radius: 15px; border-top-right-radius: 15px;  } 


/* CATEGORY BLOG*/
.blog-items{overflow: hidden; display: block; }
.blog-items .blog-item{ width: calc(31% - 0px);   float:left; margin-right: 3.5%; overflow:hidden; margin-bottom:60px; cursor: pointer; position: relative;  }
.blog-items .blog-item:nth-child(3n){  margin-right: 0%;  }

.blog h1{ font-size: 36px; line-height: 46px; color:#000; margin-bottom: 40px; font-weight: bold; }

.categoryBlog{position: relative;}
 
.categoryBlog:hover .categoryIntro{ /*bottom:100px; transition: .8s;*/ }
.categoryBlog:hover h2{ /*color:#fff; transition: .8s; text-shadow: 0 0 1px #666, 0 0 3px #666;*/ }
.categoryBlog:hover .categoryDate{ color:#aaa;  }

.categoryBlogCover { position: absolute; width: 100%; height:100%; top:0px; left:0px; }
.categoryImage{height: 100%; padding-top: 100%; border:2px solid #efefef; border-bottom: 0px;  }
.categoryIntro{position: relative; z-index: 11; margin-top:0px; padding:15px 10px 20px 20px; background-color: #e3eefc; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.categoryIntro a:hover{  text-decoration: none!important;}
.categoryDate{font-size:14px; line-height: 18px; color:#888; display: none; }
.categoryTitle1 h2{font-size:20px!important; line-height: 28px!important; font-weight: 700!important; color:#000; min-height: 56px; overflow: hidden; margin-bottom: 0px!important}



 /*RIGHT SIDE - SERVICES*/
.services-right-title{ padding: 17px 10px 17px 20px; background: #1a4274; color: #fff; font-size: 20px; line-height: 28px; font-weight: 700; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.services-right{ position: relative; padding: 20px 20px 20px 20px; background: #e0e9f5; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-right: 0px solid #e6ded3; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.services-right-box{ position: relative; margin-bottom: 0px; cursor: pointer; padding: 10px 35px 10px 15px; text-align: left; font-size: 16px; color: #000; line-height: 22px; border-bottom: 1px solid #afc3de; transition: .35s; -moz-transition: .35s; -webkit-transition: .35s; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.services-right-box:last-child{ margin-bottom: 0px; border-bottom: 0px; }
.services-right-box::before{ position: absolute; top:50%; right:10px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'call_made'; font-size: 20px; line-height: 24px; color:#2e5b92;  height:24px;}
.services-right-box a{ color:#000; }
.services-right-box:hover a { /*text-decoration: underline;*/ color:#cc0000; }
 

 /*RIGHT SIDE - latest blog*/
.kiwi-latest-title{ font-weight: bold; color:#fff; font-size:18px; border-radius: 7px; background: #237cfc; line-height: 38px; padding-left:15px; margin-bottom: 15px; }
.kiwi-latest{border:0px solid #ff0000;  overflow:hidden;}
.kiwi-latest-date{font-size:12px; line-height: 16px; color:#888;}
.kiwi-latest-list{padding:7px 0px; font-size:16px; line-height: 23px; border-bottom:1px dotted #ddd;}
.kiwi-latest-list a{color:#000;}
.kiwi-latest-list a:hover{color:#e66523;}


/*RIGHT SIDE - images*/
.rightside-img-cont{ position: relative;   }
.rightside-img-cont::before{ position: absolute; right: -50px; top:-60px; width: 1px; height: calc(100% + 120px); content: ''; background: #ddd;  }
.rightside-img-cont div{ position: relative;  margin-bottom: 40px; }
.rightside-img-cont div:last-child{ margin-bottom: 0px; }
.rightside-img-cont div::before{ position: absolute; right: -50px; top:50%; width: 50px; height: 1px; content: ''; background: #ddd; }
.rightside-img-cont div::after{ position: absolute; right: -51px; top:calc(50% - 1px); width: 3px; height: 3px; border-radius: 50%; content: ''; background: #ddd; }
.rightside-img-cont img{ border-top-left-radius: 40px; }

/*RIGHT SIDE - contacts*/
.contact-right{ background: #e0e9f5; /*background: linear-gradient(-45deg, #1fd0fa, #126eb9);*/ padding:30px; border-radius: 5px; }
.contact-right-title{ font-size:18px; line-height: 28px; margin-bottom: 24px; margin-top:30px; color:#000; font-weight: 700;}
.contact-right-title:nth-child(1){ margin-top:0px; }
 
.contact-right-contact{ font-size:15px; line-height:21px; padding:5px 0px; border-left:0px solid #ddd; /*background-color: #efefef; */ color:#000; margin-bottom: 15px;  }
.contact-right-contact a{  color:#000;   }
.contact-right-contact a:hover{  color:#2e5b92;   }
 
.contact-right-adresa{position:relative; padding-left: 45px;  }
.contact-right-adresa::before{position: absolute; top:50%; left:10px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'home'; font-size: 24px; line-height: 24px; color:#2e5b92;  height:24px;}
.contact-right-telefon{position:relative; padding-left: 45px;   }
.contact-right-telefon::before{position: absolute; top:50%; left:10px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; font-size: 24px; line-height: 24px; color:#2e5b92;  height:24px;}
.contact-right-email{position:relative; padding-left: 47px; }
.contact-right-email::before{position: absolute; top:50%; left:10px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'mark_email_read'; font-size: 24px; line-height: 24px; color:#2e5b92;  height:24px;}
.contact-right-fax{position:relative; padding-left: 45px;   }
.contact-right-fax::before{position: absolute; top:50%; left:10px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'fax'; font-size: 24px; line-height: 24px; color:#2e5b92;  height:24px;}

.contact-right-radno{position:relative; padding-left: 45px; margin-bottom: 0px;  }
.contact-right-radno::before{position: absolute; top:50%; left:10px; margin-top:-12px; font-family: 'Material Symbols Outlined'; content:'watch_later'; font-size: 24px; line-height: 24px; color:#2e5b92;  height:24px;}
.contact-right-radno span{ display: inline-block; color:#2e5b92  }
 
.contact-right-social{ margin:15px 0px 15px 0px; }
.contact-right-social img{height: 20px; margin-right:7px; border: 0px solid #329cf4; background: #2e5b92; border-radius: 3px!important; padding:10px; cursor: pointer;}
.contact-right-social img:hover{ background: #2e5b92; border-color: #2e5b92; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }


 

/*BENEFITI*/
.benefits{ padding-top: 80px; background: #f6f6f6; padding-bottom: 80px; z-index: 2; }
.benefits .main{   }  
.benefits-cont{position: relative; display: flex; gap:50px;  /* overflow: hidden;*/ }

.benefits-box{ width: 25%;   }
.benefits-icon{ text-align: left; }
.benefits-icon img{ height: 50px;   }

.benefits-title{ font-size: 16px; line-height: 26px; font-weight: 700; margin-top:0px; margin-bottom: 15px; margin-top: 15px; }
.benefits-desc{ font-size: 14px; line-height: 24px; font-weight: 400;  }
 
 

/*OGRJEVNO DRVO*/
.onama{ position: relative; padding-bottom: 120px; padding-top: 120px;  }
.onama .naslov::before{ left: 0%; margin-left: 0px;  }
/*.onama{ position: relative; padding-bottom: 120px; padding-top: 120px;  background-image: url("../images/bg-about-us.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; }
.onama::before{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; content: ''; background-color: transparent; --background-overlay: ''; background-image: radial-gradient(at center center, #ffffffe0 0%, #fff 75%); }*/
.onama-cont{ position: relative; display: flex; gap:100px; align-items: center; }
.onama-left{ position: relative; width: 50%; text-align: center;  }
.onama-left img{ border-radius: 15px; z-index: 10; position: relative;}
.onama-image{ position: relative;   }
/*.onama-image::before{ position: absolute;  opacity: 0.4; z-index: 5; top:-100px; width: 90%; left:-150px; height: 90%; background: url('../images/bg-tomstroj-o-nas.jpg') top left no-repeat; background-size: auto 100%;  content: ''; }*/
.onama-right{ position: relative; width: 50%;   }
.onama-dugme{ margin-top: 15px; font-size: 16px; line-height: 26px; font-weight: bold;  }
.onama-dugme span { position: relative; padding-right: 30px;  }
.onama-dugme span::before { position: absolute; top:50%; right: 3px; margin-top:-11px; font-family: 'Material Symbols Outlined'; content:'arrow_right_alt'; font-size: 24px; line-height: 24px; color:#668ebe;  height:24px;  }
.onama-dugme span:hover::before {  right: -3px; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;  }
.onama-dugme a{ color:#000;   }
.onama-dugme a:hover{ color:#2e5b92;   }

.onama-brojac-cont { display: flex; gap:40px; margin-top: 30px; }
.onama-brojac-50 { width:50%; }
.onama-brojac-box { background-color: #e0e9f5; margin-bottom: 25px; padding:15px 20px; border-radius: 5px;  }
.onama-brojac-box:last-child{ margin-bottom: 0px; }
.onama-brojac-box .fig-number{ font-size: 34px;  font-weight: bold;  }
.onama-brojac-number{ font-size: 24px; line-height: 40px; text-align: center;}
.onama-brojac-title{ font-size: 16px; line-height: 22px;  text-align: center;}


 



/*PRICES*/
.services{ padding-top:50px; padding-bottom: 120px; } 
.services .naslov{ text-align: center; }
.services .naslov::before{ left: 50%; margin-left: -40px;  }
.services-intro{ font-size: 16px; line-height: 27px; color:#000; margin-bottom: 50px; margin-left: 0px; text-align: center; } 
.services-cont{ display: grid; gap: 30px 30px;   grid-template-columns: 1fr 1fr 1fr 1fr; grid-auto-columns: minmax(0, 1fr);  grid-auto-rows: 1fr}
.services-box{opacity: 0;  position: relative; cursor: pointer;  border-radius: 5px; padding-top:100%;  }
.services-box::before{ position: absolute; bottom: 0px; width: 100%; height: 70%; left: 0px; content: ''; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.services-img { display: none; opacity: 0;  width: auto; text-align: center; }
.services-img img{ height: 0px; padding: 0px; border-radius: 50%; background: #fff; }
.services-box:hover .services-overlay {opacity: 0; }

.services-text { position: absolute; bottom: 20px; border-left: 3px solid #668ebe; left: 20px; padding: 5px 5px 5px 10px; width: calc(100% - 30px); color: #fff; font-size: 20px; line-height: 25px; font-weight: 600; text-align: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.services-desc {color: #fff; width: 60%; font-size: 16px; line-height: 24px;  position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; }

.services-box:nth-child(1){ background: #ddd url('../../../images/custom/mz-promet-cijevi-savne-m.jpg') center center no-repeat; background-size: cover; }
.services-box:nth-child(2){ background: #ddd url('../../../images/custom/mz-promet-limovi-m.jpg') center center no-repeat; background-size: cover; }
.services-box:nth-child(3){ background: #ddd url('../../../images/custom/mz-promet-celicni-profili-m.jpg') center center no-repeat; background-size: cover; }
.services-box:nth-child(4){ background: #ddd url('../../../images/custom/mz-promet-inox-m.jpg') center center no-repeat; background-size: cover; }
.services-box:nth-child(5){ background: #ddd url('../../../images/custom/mz-promet-aluminijum-profili-m.jpg') center center no-repeat; background-size: cover; }
.services-box:nth-child(6){ background: #ddd url('../../../images/custom/mz-promet-polikarbonat-m.jpg') center center no-repeat; background-size: cover; }
.services-box:nth-child(7){ background: #ddd url('../../../images/custom/mz-promet-sendvic-paneli-m.jpg') center center no-repeat; background-size: cover; }
.services-box:nth-child(8){ background: #ddd url('../../../images/custom/mz-promet-ogradni-sistemi-m.jpg') center center no-repeat; background-size: cover; }

.services-box:nth-child(1).services-animate {  -webkit-animation: prikazi 0.5s 0.2s forwards; animation: prikazi 0.5s  0.2s forwards; }
.services-box:nth-child(2).services-animate {  -webkit-animation: prikazi 0.5s 0.35s forwards; animation: prikazi 0.5s  0.35s forwards; }
.services-box:nth-child(3).services-animate {  -webkit-animation: prikazi 0.5s 0.50s forwards; animation: prikazi 0.5s  0.50s forwards; }
.services-box:nth-child(4).services-animate {  -webkit-animation: prikazi 0.5s 0.65s forwards; animation: prikazi 0.5s  0.65s forwards; }
.services-box:nth-child(5).services-animate {  -webkit-animation: prikazi 0.5s 0.75s forwards; animation: prikazi 0.5s  0.75s forwards; }
.services-box:nth-child(6).services-animate {  -webkit-animation: prikazi 0.5s 0.85s forwards; animation: prikazi 0.5s  0.85s forwards; }
.services-box:nth-child(7).services-animate {  -webkit-animation: prikazi 0.5s 0.95s forwards; animation: prikazi 0.5s  0.95s forwards; }
.services-box:nth-child(8).services-animate {  -webkit-animation: prikazi 0.5s 1.05s forwards; animation: prikazi 0.5s  1.05s forwards; }


 

@-webkit-keyframes prikazi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes prikazi {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

 

 
/*REFERENCE*/
.reference{ padding: 60px 80px 60px 80px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #2e5b92;  }
.reference .naslov{ text-align: center; color:#fff; }
.naslov::before {left: 50%; margin-left: -40px; background: #c7d7eb;  }
.reference .slick_reference .reference_item {  }
.reference .slick_reference .reference_item div { display: flex; align-items: center; justify-content: center; background: #1a4274; color:#fff; font-size: 18px; line-height: 24px; font-weight: 600; min-height: 68px; padding: 10px; text-align: center; box-sizing: border-box; margin-right: 10px; border-radius: 5px; }

.reference .slick-arrow{ z-index: 10; background: transparent; width: 36px; height: 36px; border-radius: 50%; border:2px solid #90b2da; position: absolute; top:50%; margin-top: -18px; left:-50px; }
.reference .slick-arrow.slick-next{ left:auto; right: -50px; }
.reference .slick-arrow .material-icons-round{ font-size: 24px; line-height: 33px; color:#fff; }
.reference .slick-arrow:hover{ border:2px solid #fff; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; } 


/*FAQ*/
.faq{ position: relative; padding-top: 80px; padding-bottom: 80px; }
.faq .naslov::before {left: 0%; margin-left: 0px; }
.faq-cont{ display: flex; gap:100px; }
.faq-left{ width: 55%; }
.faq-right{ width: 45%; border-radius: 5px; background: #fff url('../images/celicni-profili-trake-nosaci-celici-vuceni.jpg') center center no-repeat; background-size:cover; }
 

.accordion { box-sizing: border-box; margin-bottom: 0px;  }
.accordion .accordion-item:last-child  .pitanja-link { border:0px; }
.accordion .pitanja-link {position: relative; display: block; width: 100%; padding: 22px 50px 22px 20px; color: #000; font-weight: bold; font-size: 17px; box-sizing: border-box; border-bottom: 1px dotted #668ebe;}
.accordion .pitanja-link:hover, .accordion .pitanja-link:hover::after { cursor: pointer; color: #2e5b92; }
.accordion .pitanja-link:hover::after { border: 1px solid #2e5b92; }
.accordion .pitanja-link.active { color: #2e5b92; border-bottom: 1px solid #668ebe; }
.accordion .pitanja-link::after { font-family: 'Material Symbols Outlined'; content: "add"; position: absolute; right: 25px; top:50%; margin-top:-12.5px; font-size: 20px; line-height: 25px; color: #222; width: 25px;
  height: 25px; text-align: center;  border-radius: 3px; border: 1px solid #222; text-align: center; }
.accordion .pitanja-link.active::after { font-family: 'Material Symbols Outlined'; content: "remove"; color: #fff; background: #2e5b92; border: 1px solid #2e5b92; }
.accordion .content { padding: 15px 20px; display: none; border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s;
  transition: all 0.2s ease 0.15s; }
.accordion .content.active {  padding: 20px;display: block;  -webkit-transition: all 0.35s ease 0.15s; -o-transition: all 0.35s ease 0.15s; transition: all 0.35s ease 0.15s;}

.accordion .content ul{margin-left:40px; margin-bottom:20px; list-style-type:circle;}
.accordion .content ol{margin-left:40px; margin-bottom:20px; list-style-type:lower-roman;}
.accordion .content ul li, .accordion .content ol li{ margin-bottom:15px; font-size:16px; line-height: 26px; }



/* BT - CONTENTSLIDER */
.bt-cs .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;}
.bt-cs .bt-row .bt-center:hover{ animation: fadeEffect 1s ease-in-out;  }
.bt-cs .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
.bt-cs .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
.bt-cs .bt-row .bt-center:hover .bt-title{ color:#e75525;}
.bt-cs .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
.bt-cs .bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
.bt-cs .bt-center img{border-radius: 20px; border: 0px!important; outline: 0!important;}
.bt-cs .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;}
.bt-cs .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;}
.bt-cs .bt-date{border:0px solid #ff0000; display: block; padding:0px; margin:0px!important; color:#888; font-size:13px; top:0px; line-height:15px; padding-top:5px;}
.bt-cs .traka{ border:0px solid #ff0000; text-align:left; margin-top:20px;}
.bt-cs .bt-title{border:0px solid #ff0000; padding:0px; min-height: 56px!important; margin:0px!important; font-size:20px!important; line-height: 26px!important; color:#000!important; text-align:left; display:inline-block; font-weight: 700; text-transform: none!important; }
.bt-cs .bt-opis{ text-align: left; margin-top:15px; color:#000; font-size: 16px; line-height: 22px; }
.bt-cs .bt-procitaj{ text-align: left; margin-top:5px;  }
.bt-cs .bt-procitaj a{ font-weight: bold; color:#237cfc; font-size: 16px;   }
.bt-cs .bt-row-separate{border:0px solid #ff0000!important;}
.bt-cs .bt-row-separate:before{border:5px solid #ff0000!important;}

@keyframes fadeEffect {
  0%   {opacity: 0.8;}
  20%   {opacity: 0.5;}
  50%   {opacity: 0.7;}
  100% {opacity: 1;}
}
 
 
/*TIP DRVETA*/
.why{ position: relative; padding:80px 0px 120px 0px;   }
.why .naslov::before {left: 0%; margin-left: 0px; }
.why-cont{ display: flex; gap:100px; }
.why-left{ width: 60%; padding:40px 0px; } 

.why-right{ width: 40%; background: #efefef; border-radius: 5px; background: #fff url('../images/inox-sipke-profili-limovi.jpg') center center no-repeat; background-size:cover; } 
.why-box-cont{ margin-bottom: 10px; }
.why-box{ padding: 25px 0px; display: flex; justify-content: space-between; border-bottom:1px dotted #668ebe; }
.why-box:last-child{ border-bottom: 0px; }

.why-title{ font-size: 20px; line-height: 28px; font-weight: 700; color:#000; }
.why-desc{ font-size: 16px; line-height: 28px; font-weight: 400; color:#2e5b92;   }
.why-footer{ font-size: 14px; color:#000; line-height: 20px; }
 
  

/*REVIEWS*/
.reviews{ position: relative; background: #f6f6f6; padding-top:60px; padding-bottom: 80px;  }
.reviews .naslov{ text-align: center; }
.reviews .naslov::before{ left: 50%; margin-left: -40px;  }
.reviews .main{ width:1250px!important;  }
.reviews-intro{ text-align: center; margin-bottom: 40px; font-size: 16px; line-height: 27px; color: #000;}
.reviews-box{ position: relative; display: block;  cursor: pointer; padding-top: 20px; margin: 0px 10px 0px 10px; background: #fff; border-radius: 5px;  } 

.reviews-left { width: 100%; text-align: center;}
.reviews-left img{ height: 80px; }
.reviews-right{ position: relative; padding:25px 40px; width:100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.reviews-title { font-size:18px; line-height: 28px; text-align: center; color: #000; font-weight: 700;} 
.reviews-name{ font-size: 12px; line-height: 22px; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin-bottom:0px; color:#2e5b92; } 
.reviews-desc { font-size: 15px; line-height: 25px; text-align: center; color: #666; margin:20px 0px 25px 0px; white-space: normal; }
 

/*...REVIEWS SLIDER*/
#kiwi-slider { position: relative;}
#kiwi-slider .MS-content {  overflow: hidden; white-space: nowrap; border:0px solid #ddd; }
#kiwi-slider .MS-content .item { display: inline-block; height: 100%; overflow: hidden; vertical-align: top; position: relative; box-sizing: border-box; width: 33.33333%!important; color:#000;}
 
#kiwi-slider .MS-controls { margin-top: 30px; margin-bottom: 30px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#kiwi-slider .MS-controls button{ border:2px solid #2e5b92; color:#000; font-size: 30px; border-radius: 4px; line-height: 20px; height: auto; width: auto; background: none; margin:0px; padding:5px 6px;   }
#kiwi-slider .MS-controls button .material-icons{ font-size: 24px; line-height: 24px; }
#kiwi-slider .MS-controls button:hover{ background: #2e5b92; color:#fff; transition-duration:0.35s; -o-transition-duration:0.35s; -webkit-transition-duration: 0.35s; -moz-transition-duration:0.35s; } 
 



/*ULAZAK S DESNA EFFECT*/
.fromRight {position:relative; border:0px solid #ff0000; left:600px;}
.sdesna{left:0px; -webkit-transition: all 1s linear 0.1s; -moz-transition: all 1s linear 0.1s; -o-transition: all 1s linear 0.1s; transition: all 1s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}

/*ULAZAK S LIJEVA EFFECT*/
.fromLeft {position:relative; border:0px solid #ff0000; right: 600px;}
.slijeva{right: 0px; -webkit-transition: all 1s linear 0.1s; -moz-transition: all 1s linear 0.1s; -o-transition: all 1s linear 0.1s; transition: all 1s linear 0.1s; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
 

 
/* SIDE NAVIGATION */
#mySidenav{display:none;}
 
 

/*KIWI GALERIJA*/
.gallery { position: relative; width: 100%;  background: #fff;  margin: auto; overflow: hidden; margin-bottom: 80px;}
.img-w{ padding: 0px 5px; box-sizing: border-box; }

.gallery .slick-arrow{ z-index: 10; background: rgba(255,255,255,0.5); color:#000; width: 60px; height: 60px; border-radius: 50%; position: absolute; top:50%; margin-top: -30px; left:50px; }
.gallery .slick-arrow.slick-next{ left:auto; right: 50px; }
.gallery .slick-arrow .material-icons-round{ font-size: 30px; line-height: 60px; }
.gallery:hover .slick-arrow{ background: rgba(255,255,255,1); -moz-transition: .35s; -webkit-transition: .35s; transition: .35s; }

/*POWERED BY*/
.powered-by-container{ background-color:#111; padding:10px 0px; text-align:right; font-size:14px; color:#888; padding-right:10px;}
.powered-by{color:#fff;}
.powered-by:hover{color:#f1b41d;}
.powered-by-co{color:#f1b41d}


/*FOOTER*/
.footer{ z-index:0!important; position: relative; padding-top:80px; padding-bottom: 60px; background:#000 ;  }  
.footer-cont{ overflow: hidden; width: 100%; }
.footer-left{ width: 31%; float:left; }
.footer-center{ width: 37%; margin:0% 2% 0% 2%; float:left; }
.footer-right{ width: 24%; float:left; }
.footer-50{ width: 47%; float:left; margin-right: 6%; }
.footer-50:nth-child(2){ margin-right:0%; }
.footer-korisnicki{ padding:0px 0px 0px 0px; box-sizing: border-box;  }
.footer-korisnicki .footer-map-link{ position: relative; padding:3px 0px; padding-left:35px; margin-bottom: 7px; padding-bottom: 7px; margin-right: 0px; }
.footer-korisnicki .footer-map-link::before{ position: absolute; left:0px; top:50%; margin-top:-11px; font-size: 22px; line-height: 22px; width: 22px; height: 22px; font-family: 'Material Symbols Outlined'; content:'chevron_right'; color:#668ebe;   }
.footer-korisnicki .footer-service-link::before{  font-family: 'Material Symbols Outlined'; content:'handyman';  }
 
.footer-korisnicki .footer-map-link:nth-child(6){ border:0px; }
.footer-korisnicki .footer-map-link a{ }

.footer-map-title{ font-size:15px; line-height: 21px; margin-bottom: 20px; margin-top:30px; color:#fff; font-weight: bold; }
.footer-map-title:nth-child(1){ margin-top:0px; }
.footer-map-link{ font-size:14px; line-height: 20px; margin-bottom:15px; color:#aaa;  }
.footer-map-link a{ color:#aaa;  }
.footer-map-link a:hover{ color:#668ebe;  }
.footer-logo { text-align: left; margin-bottom: 30px;}
.footer-logo img{ height:60px; }
.footer-slogan{display: none; font-size:40px; line-height: 50px; color:#668ebe; text-align: left; margin-left: 5px; padding:20px 0px;  }
 
.footer-onama{ font-size: 14px; line-height: 20px; color:#aaa; margin-top:0px; margin-bottom: 15px;  }

.footer-bespl-tel{ font-size: 80px; line-height: 80px; font-weight: bold; color:#668ebe; margin-bottom: 30px; }
.footer-contact{ font-size:14px; line-height: 18px; padding:8px 0px; color:#aaa; margin-bottom: 6px; }
.footer-contact a{ color: #aaa; }
.footer-contact a:hover{ color: #668ebe; }
.footer-working-hours img{ height: 120px; }
 
 

.footer-adresa{position:relative; padding-left: 35px;  }
.footer-adresa::before{position: absolute; top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'home'; font-size: 22px; line-height: 24px; color:#668ebe;  height:24px;}
.footer-telefon{position:relative; padding-left: 35px;   }
.footer-telefon::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; font-size: 22px; line-height: 24px; color:#668ebe;  height:24px;}
.footer-email{position:relative; padding-left: 35px; }
.footer-email::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'mark_email_read'; font-size: 22px; line-height: 24px; color:#668ebe;  height:24px;}
.footer-fax{position:relative; padding-left: 35px;   }
.footer-fax::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'fax'; font-size: 22px; line-height: 24px; color:#668ebe; height:24px;}


.footer-radno{position:relative; padding-left: 35px; }
.footer-radno::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'watch_later'; font-size: 22px; line-height: 24px; color:#668ebe;  height:24px;}
.footer-radno span{ display: inline-block;  text-transform: uppercase; color:#668ebe; }
.footer-weekend{ color:#aaa; font-size: 14px; line-height: 20px; margin-top:-10px }
 
.footer-social-title{ font-size:16px; line-height: 20px; color:#000; }
.footer-social{ margin:25px 0px 15px 0px; }
.footer-social img{height: 20px; margin-right:7px; padding:10px; border: 2px solid #333; border-radius: 3px; cursor: pointer;}
.footer-social img:hover{ background-color: #333; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }

.footer-payment{margin:15px 0px 15px 0px;}
.footer-payment img{height: 36px; margin-right:7px; margin-bottom: 8px;}
 

.footer-button-cont{  padding:10px 0px; margin-top:25px;  }
.footer-button{ position: relative; padding: 7px 60px; text-align: center; display: inline-block; width: auto; font-size: 16px; line-height: 26px; font-weight:bold; border-radius: 3px; background-color: #668ebe; border:0px solid #acb00b; color:#fff; cursor: pointer;}
.footer-button:hover{  background-color: #bf1f24; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }

.footer-menu{ margin-top: 60px; text-align: center; }
.footer-menu div{ display: inline-block; padding:7px 15px; margin-bottom: 7px; margin-right: 7px; background: #090909; }
.footer-menu div a{ color:#aaa }
.footer-menu div a:hover{ color:#fff }

 

/*PAGINATION*/
.pagination {margin:0px; padding:0px; margin-top:50px; border:0px solid #ff0000; overflow:hidden; }
.pagination ul{ border:0px solid #ff0000; margin:0px!important; padding:0px;  overflow:hidden; width:100%; }
.pagination .pagination-start{}
.pagination ul li{ margin:0px; padding:0px; border:1px solid #bbb; list-style-type:none; float:left; padding:7px 10px; margin:8px 3px;}

 
 

ul.triggers { position:absolute; top:310px; left:80px; }
ul.triggers li {float:left; margin:0 5px; font: bold 16px arial; cursor:pointer; background-color:#ccc; color:#000; padding:10px; }
ul.triggers li.active {background-color:red; color:#000;}


 



/* #Base 960 Grid
================================================== */
.main {
	width: 1200px;
	border:0px solid #ff0000;
}

.main100 {
	width: 100%;
}

.colspan2 {
	width: 440px;
}

.colspan3 {
	width: 33%;
}

.colspan50 {
	width: 50%;
}
.colspan75 {
	width: 74%;
}
.colspan25 {
	width: 25%;
}

.colspan66 {
	width: 66%;
}
.colspan33 {
	width: 33%;
}

.colspan33a {
	display:none;
}


/* #BIG SCREEN (Portrait)
================================================== */

/* Note: Design for a width of 1200px */

@media (min-width: 1802px) {

	 
 
}

@media (min-width:1602px) and (max-width:1801px) {
    /*HEADER*/
   
}
@media (min-width:1402px) and (max-width:1601px) {
	/*SLIDESHOW*/
	.slideshow-box{ width: 660px; top:150px; left: 8%;  }
	.slideshow-title{ font-size: 54px; line-height: 64px; margin-bottom: 20px;  }
	.slideshow-desc{ font-size: 18px; line-height: 28px;  } 

	.slideshow-button{ margin-top:20px; padding: 15px 0px; }
	.slideshow-button span{  padding: 15px 60px; font-size: 16px; line-height: 20px; border-radius: 25px; }
	.slideshow-button span::before{  height: 300px; width: 300px;}
	 


}

@media (min-width:1202px) and (max-width:1401px) {
	.main { width:94%; }
	.naslov {font-size: 34px; line-height: 44px; margin-bottom: 40px; }

	/*SLIDESHOW*/
	.slideshow-box{ width: 550px; top:150px; left: 3%;  }
	.slideshow-title{ font-size: 40px; line-height: 50px; margin-bottom: 15px;  }
	.slideshow-desc{ font-size: 16px; line-height: 26px;  } 

	.slideshow-button{ margin-top:15px; padding: 12px 0px; }
	.slideshow-button span{  padding: 12px 40px;  font-size: 16px; line-height: 20px; border-radius: 21px;  }
	.slideshow-button span::before{  height: 300px; width: 300px;}
	 

}

@media (min-width: 1002px) and (max-width: 1201px) {
	.main { width:94%; }
	.naslov {font-size: 28px; line-height: 38px; margin-bottom: 40px; }
	#jf-content .main p{font-size:15px; line-height:25px;}

	/*SLIDESHOW*/
	.slideshow-box{ width: 500px; top:150px; left: 3%;  }
	.slideshow-title{ font-size: 34px; line-height: 44px; margin-bottom: 15px;  }
	.slideshow-desc{ font-size: 16px; line-height: 26px;  } 

	.slideshow-button{ margin-top:15px; padding: 12px 0px; }
	.slideshow-button span{  padding: 12px 40px;  font-size: 16px; line-height: 20px; border-radius: 21px;  }
	.slideshow-button span::before{  height: 300px; width: 300px;}

	/*BENEFITI*/ 
	.benefits-icon img{ height: 45px; padding:0px;  }
	.benefits-step{ font-size: 12px; line-height: 16px; letter-spacing: 1px; margin-top:15px; margin-bottom: 5px; }
	.benefits-title{ font-size: 16px; line-height: 24px; margin-bottom: 15px; }
	.benefits-desc { font-size: 15px; line-height: 25px; }

	/*O NAMA*/
	.onama{ position: relative; padding-bottom: 80px; padding-top: 150px; }
	.onama-abs{  width:90%; right:25%; }
	.onama-cont{  gap:50px; }
	.onama-cont p{ font-size: 15px; line-height: 25px; }
	.onama-dugme{  font-size: 15px;  }
	 
	.onama-brojac-cont { gap:20px;  }
	.onama-brojac-box { margin-bottom: 15px; padding:10px 10px; }
	.onama-brojac-box .fig-number{ font-size: 34px;  font-weight: bold;  }
	.onama-brojac-number{ font-size: 24px; line-height: 40px;}
	.onama-brojac-title{ font-size: 15px; line-height: 22px;}

	 /*CJENOVNIK*/
	.cjenovnik{ padding:40px 0px; }
	.cjenovnik-intro{ font-size: 15px; line-height: 25px; margin-bottom: 40px;  }

	.services-cont{ gap: 20px 20px;  }
	.services-box{ border-radius: 15px; padding:25px 30px;  }
   
	.services-title{ font-size: 18px; line-height: 24px; margin-bottom: 5px; margin-top:10px;  }
	.services-desc{opacity: 0; position: relative; font-size: 15px; line-height: 21px; text-align:  center; min-height: 63px; margin:0px 100px; color:#aaa; padding-top:20px;}
	.services-discount{left:60%; font-size: 18px; line-height: 18px;  }
	.services-no-hidden-costs{ margin-bottom: 25px; }
	 
	.services-check{ font-size: 15px; line-height: 20px; padding:7px 0px;  }

	.services-button-cont{  padding:10px 0px; margin-top:25px;  }
	.services-button{  padding: 12px 40px; font-size: 16px; line-height: 20px; border-radius: 21px; }
	.services-button::before{ height: 300px; width: 300px;}


	/*FAQ*/
	.faq{ padding-bottom: 180px; padding-top: 100px;  }
	.faq-abs{  width:33%; max-width:600px; left:70%;  }
	.faq-left{ width: 65%; }
	.faq-right{ width: 35%; }

	.accordion { margin-bottom: 0px; } 
	.accordion .pitanja-link { padding: 15px 50px 15px 20px; font-size: 16px;	}
	.accordion .pitanja-link::after {  right: 15px; margin-top:-10px; font-size: 20px; line-height: 20px;  width: 20px; height: 20px;  }
	.accordion .content { padding: 15px 20px; display: none; border-bottom: 1px solid #e5e5e5; overflow: hidden; clear: both; -webkit-transition: all 0.2s ease 0.15s; -o-transition: all 0.2s ease 0.15s;
	  transition: all 0.2s ease 0.15s; }
	.accordion .content p{ font-size: 15px; line-height: 25px; }


	/*BLOG*/
	
	.bt-cs .bt-date{ font-size:12px; line-height:14px; padding-top:5px;}
	
	.bt-cs .bt-title{ font-size:17px!important; line-height: 23px!important; }
	.bt-cs .bt-opis{ font-size: 15px; line-height: 21px; }
	.bt-cs .bt-procitaj a{  font-size: 15px;   }


	/*TIP DRVETA*/
	.why{ padding:100px 0px 180px 0px;    }
	.why-cont{  gap:30px; }
	.why-left{ width: 30%; padding:40px 0px; } 
	.why-center{ width: 30%; padding:40px 0px; } 
	.why-right{ border-radius: 15px;  } 
	.why-box{ margin-bottom: 40px; }
	.why-img img{ height: 40px; }
	.why-title{ font-size: 18px; line-height: 28px; margin-bottom: 10px; margin-top:10px;  }
	.why-desc{ font-size: 15px; line-height: 25px; }


	/*REVIEWS*/
	.reviews{  padding-top:60px; padding-bottom: 60px;  }
	
	.reviews .main{ width: 96%!important;  }
	.reviews-intro{  font-size: 15px; line-height: 25px; }
	.reviews-box{  margin-right: 30px;  } 
	.reviews-name{ font-size: 16px;line-height: 24px; } 
	.reviews-desc { font-size: 15px; line-height: 25px;  margin:0px 0px 30px 0px; }
 
 	/* HEADER 2 */
 	.header2{ height:350px;  }
	.header-box {position: absolute; top:130px; z-index: 10; }
	.header-title { font-size: 40px; line-height: 50px; margin-bottom: 15px; }
	.header-desc { font-size: 15px; line-height: 25px; width: 70%; }
	

}
 

@media (min-width: 768px) and (max-width:  1001px) {
 	.main { width:94%; }
	.naslov {font-size: 28px; line-height: 38px; margin-bottom: 40px; }
 

 
}

/*  #Mobile (Portrait)
================================================== */
 

@media (max-width: 767px) {
 
 

.glavniMeni, .glavniMeniCont{display:none;}
.headerGrading{display:none;}
.headerTop{display:none;}
.mobileHeaderCont{ display: block; position: relative; height: 50px; }
.mobileHeader{display:block; width:100%; position:absolute; top:0px; background: #fff; height:50px; z-index:100;}
.logoSlika { position: absolute; height:34px; top: 8px; left:50%; margin-left: -53px;  }

.jezik{ position:absolute; left:3px; top:20px; margin:0px; border:0px solid #ff0000;}

/* MENU DUGME */
a.gotomenu { display: block; height: 30px; position: absolute; color:#2e5b92; right: 10px; top: 14px; width: 30px; z-index: 60}
 

/*COOKIES BANNER*/
#cookies-banner{position:fixed; width:100%; left:auto; margin-left:auto; text-align: left;  bottom:0px; padding:15px; font-size:12px; line-height:17px;}
#cookies-banner .modalconent{ width: auto; margin:0px auto; }
.cookies-link{ font-weight: bold; text-decoration: underline; color:#fff; }

 /*FADE EFFECT*/
.fade { top:30px;   opacity:0;}
.pomjeriGore {top: 0px; opacity:1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

  /*HEADER TOP*/
  .header-top{  }
  .header-top .language { display: none; }
  .header-top-cont{height: 30px; padding-top:0px; }
  .header-top-box{ position: relative; width:50%; font-size: 12px;  margin-right: 0px; padding: 0px 0px 0px 40px; float: left; line-height: 30px; }
  .header-top-box:nth-child(1){ width:50%; }
  .header-top-box:nth-child(2){ width:50%; }
  .header-top-box:nth-child(3){ display:none; }
  .header-top-box a{ color:#fff; }
  .header-top-box::before{ font-family: 'Material Icons Round'; content:'menu'; font-size: 20px; font-weight: 600; line-height: 20px;  position: absolute; top:50%; margin-top: -10px; left:10px; width:20px; height:20px; text-align: center; }
  .header-top-box:nth-child(1)::before{ font-family: 'Material Symbols Outlined'; content: 'call';   }
  .header-top-box:nth-child(2)::before{ font-family: 'Material Symbols Outlined'; content: 'mail'; }

 /*JEZIK MODUL*/
.language { height: 20px; right: auto; top:10px; left:10px; } 
.language button {  padding: 2px 4px; margin: 0; border-radius: 3px; font-size: 12px; line-height: 18px;  } 


/* HEADER 2 */
.header2{position: relative; width:100%; height:0px; border-bottom: 5px solid #c7d7eb; }


.forma-50{ width: 100%; float: none; }
.forma-50:nth-child(2){ width: 100%;   }
.forma-30, .forma-30:nth-child(2), .forma-30:nth-child(3){ width: 100%; float: none; }
.forma-30 .calc-input-block{ margin: 0px; padding-top:0px;  border-bottom: 1px dotted #888; }
.calc-submit{ float: none!important; }

/*BOOKING*/
.offer_dirty_cont { gap:10px;}
.offer_dirty_box{ padding:5px 0px; border-radius: 4px; }
.offer_dirty_box div:first-child  img{ height: 40px; }

 
 
/*SLIDESHOW*/
.kiwi-slideshow-images{overflow:hidden; border:0px solid #ffff00; height:100px; list-style-type:none; margin:0px;}
.kiwi-slideshow-slide-m{ display: block; position:absolute; width: 100%; background-repeat: no-repeat; background-position: center center; background-size:cover; }
.kiwi-slideshow-gradient{ position: absolute; width: 100%; height: 200px; bottom:0px; z-index: 5; background-image: linear-gradient(to bottom, rgba(0,0,0,0),  rgba(0,0,0,0.8));}
.kiwi-slideshow-box{ position: absolute; z-index: 10; bottom: 20px; left:20px; padding:10px 5px 20px 15px; width: 80%; text-align: left }
.kiwi-slideshow-title{ font-size:26px; line-height: 32px; margin-bottom: 0px; font-weight: 700 }
.kiwi-slideshow-desc{ font-size:15px; line-height: 21px;  }
.kiwi-slideshow-img {margin-top:10px;}
.kiwi-slideshow-img img{ height: 50px; }
 


 

/*MARGINE*/
.homeMargina1{margin:0px  20px; }
 
 
/*DUGME*/
.dugmeParent{ margin-top:25px; }
.dugme{ padding: 7px 35px; font-size: 14px; line-height: 24px;    }
.dugme:hover{ }


.dugmeBanjskaVoda{padding: 6px 40px; border: 1px solid #fff; font-size: 16px; color: #fff;  margin-top:20px;}
.dugmeBanjskaVoda:hover{ cursor:pointer; background-color:#fff; color: #000; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}

/*KONTAKTI BRZI*/
.contactLine{font-size:16px; color:#222; line-height:40px; font-family: 'Lato', sans-serif; font-weight:bold; }
.maticons{ display: inline-block; vertical-align: middle; font-size:30px; margin-bottom:2px; border:1px solid #ef7411;  color:#e47822; padding:5px; }



/*KIWI GALERIJA*/
.gallery { padding-top: 50px; padding-bottom: 40px;;}
 
 

/*NASLOVI*/
.naslov{font-size: 28px; line-height:38px; margin-bottom: 50px; letter-spacing:0px;}
.naslov::before { bottom: -18px; width: 60px; height: 4px; }


/*CONTENT */
.content-left{ width: auto; float:none; margin-bottom: 60px; }
.content-right{ width: auto; float:none; }
.content-all{ width: auto; }
.jf-content-right-abs{ display: none; }
#jf-content {border:0px solid #ff0000; width:auto; margin:0px 20px; }
#jf-content .main{ border:0px solid #0000ff; }
#jf-content .main p{font-size:15px; line-height:25px;}
#jf-content .main ul{margin-left:25px; font-size:15px; line-height:25px;} 
#jf-content .main ol{margin-left:25px; font-size:15px; line-height:25px;}
#jf-content .main ul li, #jf-content .main ol li{font-size:15px; line-height:25px; margin-bottom:15px;}
#jf-content .main td{font-size:14px; line-height:26px;}


h1, h2{ font-size: 26px; line-height: 36px; }

/**********************************PAGES****************************************/
/********************************************************************************/
/********************************************************************************/
.page-subtitle, h2.page-subtitle {font-size: 20px; line-height: 30px; margin-top: 40px; margin-bottom: 20px; }

 
.page-table tr td{ padding:7px 5px; font-size: 15px; line-height: 23px;  }
.page-table tr td:nth-child(1){ font-weight: bold; background: #f7f7f7;  }
.page-table tr:first-child td{ border-top: 3px double #ddd;  }

/*PAGE O BANA*/
.page-onama-cont{ display: block; }
.page-onama-box{ width: 100%; margin-bottom: 20px;}
.page-onama-box:nth-child(2){ width: 100%; margin-bottom: 30px; }
.page-onama-box img{ border-radius: 15px; }
.page-onama-h3 { font-size: 16px; line-height: 26px; margin-top: 29px; padding:3px 0px; margin-bottom: 8px; padding-left: 10px; border-left: 4px solid #237cfc }

.page-onama-include{ width: calc(100% + 40px); padding:30px 20px; margin-top: 50px; margin-left: -20px; border-radius: 0px; }
.page-onama-include h2.page-subtitle{ margin-top:20px; }

/*PAGE SERVICES*/
.page-services-cont{ display: block;  }
.page-services-box{ position: relative; border-radius: 15px; margin-bottom: 40px;  } 
.page-services-box-inner{ padding:0px 12px 10px 20px;  }
h2.page-services-title{ font-size: 20px; line-height: 30px;  margin:30px 0px 15px 0px;  }
.page-services-img img{ border-top-left-radius: 15px; border-top-right-radius: 15px;  } 

/*PAGE PRICES*/
h2.page-prices-subtitle{ font-size: 20px; line-height: 30px; margin-top: 0px; margin-bottom: 30px;  }

/*PAGE PRODUCTS*/
.page-products-cont{ display: block; margin-bottom: 40px; padding:25px 15px 25px 15px;}
.page-products-img{ width: 100%; margin-bottom: 25px; }
.page-products-content{ width: 100%; }
.page-products-title{ font-size: 19px; line-height: 29px; margin-bottom: 15px; }
.page-products-content ul li{ margin-bottom: 7px!important; }
.page-products-price{ font-size: 17px; line-height: 27px; padding-left: 10px;  }

/*PAGE PONUDA*/
.page-ponuda-cont{ display: flex; gap: 40px; flex-direction: column;}
.page-ponuda-left{ width:100%; }
.page-ponuda-right{ width:100%; order:-1;  }
.page-ponuda-intro{  background: #f6f6f6; padding: 15px;  }

.page-ponuda-body{ display: flex; gap:40px; background: #fff; margin-bottom: 30px; padding: 0px;  }
.page-ponuda-intro{ display: block; gap:0px; margin-bottom: 30px; padding: 25px 15px 20px 15px; }
 


.page-ponuda-body{ display: block; gap:0px; margin-bottom: 30px; padding: 0px;  }

 
 
 /*RIGHT SIDE - SERVICES*/
.services-right::before{position: absolute; content: ''; right: 0px; top:-50px; height: calc(100% + 80px); width: 1px; width:1px;  }
 
 
/* CATEGORY BLOG*/
.blog-items{overflow: hidden; display: block; }
.blog-items .blog-item{ width: auto;   float:none; margin-right: 0%;  margin-bottom:30px;  }
.blog h1{ font-size: 36px; line-height: 46px; color:#000; margin-bottom: 40px; font-weight: bold; }

 
.categoryBlog:hover .categoryIntro{ /*bottom:100px; transition: .8s;*/ }
.categoryBlog:hover h2{ /*color:#fff; transition: .8s; text-shadow: 0 0 1px #666, 0 0 3px #666;*/ }
.categoryBlog:hover .categoryDate{ color:#aaa;  }
.categoryTitle1 h2{font-size:18px!important; line-height: 24px!important;  min-height: auto; }
.categoryIntro{position: relative; z-index: 11; }
 


/*BENEFITI*/
.benefits{ padding:0px 0px; z-index: 2; min-height: 440px; }
.benefits .main{ padding:60px 0px!important; }
.benefits .main::before{   display: none;}
.benefits-cont{position: relative; display: block;/* overflow: hidden;*/ }

.benefits-box{ width:100%; margin-right: 0%;  margin-bottom: 40px;  }
.benefits-box:last-child{ margin-right: 0px; margin-bottom: 0px;   }
.benefits-icon{ text-align: left; }
.benefits-icon img{ height: 45px; padding:0px;  }
.benefits-step{ font-size: 13px; line-height: 17px; letter-spacing: 1px; margin-top:15px; margin-bottom: 0px; }
.benefits-title{ font-size: 18px; line-height: 28px; margin-bottom: 10px; }
.benefits-desc{ font-size: 15px; line-height: 25px; }


/*OGRJEVNO DRVO*/
.onama{ padding-bottom: 0px; padding-top: 60px;  }
.onama-abs{ width:120%; right:-10%; }
.onama-cont{ display: block; }
.onama-left{ width: 100%; margin-bottom: 40px; } 
/*.onama-image::before {top: -100px; width: 90%; left: -50px; height: 90%;  }*/
.onama-right{  width: 100%; min-height: 630px;  }
.onama-right p{ font-size: 15px; line-height: 25px; }
.onama-dugme{ margin-top: 15px; font-size: 16px; line-height: 26px; font-weight: bold;  }
.onama-dugme span { position: relative; padding-right: 30px;  }
.onama-dugme span::before { position: absolute; top:50%; right: 3px; margin-top:-11px; font-family: 'Material Symbols Outlined'; content:'arrow_right_alt'; font-size: 24px; line-height: 24px;   height:24px;  }
.onama-dugme span:hover::before {  right: -3px; -moz-transition: .35s; -webkit-transition: .35s; transition: .35s;  }
 

.onama-brojac-cont { display: block; margin-top: 40px; }
.onama-brojac-50 { width: auto; }
.onama-brojac-box { margin-bottom: 15px; padding:20px 0px 20px 0px; }
.onama-brojac-box:last-child{ margin-bottom:20px;   }
.onama-brojac-box .fig-number{ font-size: 34px;  font-weight: bold;  }
.onama-brojac-number{ font-size: 20px; line-height: 34px;}
.onama-brojac-title{ font-size: 16px; line-height: 28px; white-space: nowrap; }
.onama-brojac-box:first-child .onama-brojac-title{ letter-spacing: 0px}


/*SERVICES*/
.services {padding-top: 50px; padding-bottom: 80px; }
.services .naslov {text-align: left; }
.services .naslov::before { left: 0%; margin-left: 0px; }
.services-intro {font-size: 15px; line-height: 25px; margin-bottom: 40px; text-align: left; }
.services-cont{ display: block;  }
.services-box{   margin-bottom: 30px;  }
.services-box:last-child{ margin-bottom: 0px; }
.services-text {  font-size:20px; line-height:25px;   }
 

.services-box:nth-child(1).services-animate {  -webkit-animation: prikazi 0.25s 0.10s forwards; animation: prikazi 0.25s  0.10s forwards; }
.services-box:nth-child(2).services-animate {  -webkit-animation: prikazi 0.25s 0.15s forwards; animation: prikazi 0.25s  0.15s forwards; }
.services-box:nth-child(3).services-animate {  -webkit-animation: prikazi 0.25s 0.20s forwards; animation: prikazi 0.25s  0.20s forwards; }
.services-box:nth-child(4).services-animate {  -webkit-animation: prikazi 0.25s 0.25s forwards; animation: prikazi 0.25s  0.25s forwards; }
.services-box:nth-child(5).services-animate {  -webkit-animation: prikazi 0.25s 0.30s forwards; animation: prikazi 0.25s  0.30s forwards; }
.services-box:nth-child(6).services-animate {  -webkit-animation: prikazi 0.25s 0.35s forwards; animation: prikazi 0.25s  0.35s forwards; }
.services-box:nth-child(7).services-animate {  -webkit-animation: prikazi 0.25s 0.40s forwards; animation: prikazi 0.25s  0.40s forwards; }
.services-box:nth-child(8).services-animate {  -webkit-animation: prikazi 0.25s 0.45s forwards; animation: prikazi 0.25s  0.45s forwards; }
 

/*REFERENCE*/
.reference{ padding: 40px 40px 40px 40px;  }
.reference .naslov{ text-align: left; }
.naslov::before {left: 0%; margin-left: 0px;}
.reference .slick_reference .reference_item div { font-size: 15px; line-height: 20px; min-height: 60px; padding: 10px 3px; margin-right: 4px; }
.reference .slick-arrow{ z-index: 10; background: transparent; width: 30px; height: 30px; border-radius: 50%; border:2px solid #90b2da; position: absolute; top:50%; margin-top: -15px; left:-34px; }
.reference .slick-arrow.slick-next{ right: -34px; }
.reference .slick-arrow .material-icons-round{ line-height: 28px; }

/*FAQ*/
.faq{padding-bottom: 0px; padding-top: 80px; } 
.faq-cont{ display: block; }
.faq-left{ width: 100%; }
.faq-right {width: 100%; min-height: 350px; margin-bottom: 40px;   }
.faq-right img {    }

.accordion {  margin-bottom: 0px;  }
.accordion .pitanja-link { padding: 15px 40px 15px 10px; font-size: 15px; line-height: 21px;  }
.accordion .pitanja-link::after { right: 10px; margin-top:-10px; font-size: 20px; line-height: 20px; width: 20px; height: 20px; border-radius: 2px;  }
.accordion .pitanja-link.active::after { font-family: 'Material Symbols Outlined'; content: "remove"; color: #fff;  }
.accordion .content { padding: 10px 15px;  }
.accordion .content p{ font-size: 15px; line-height: 23px;  }
 
 


/*TIP DRVETA*/
.why{ padding:60px 0px 60px 0px;   }
.why-cont{ display: block; }
.why-left{ width: 100%; padding:0px 0px; margin-bottom: 40px;  } 
.why-right{ width: 100%;  min-height: 400px;  } 
.why-box{ padding: 20px 0px; }

.why-title{ font-size: 17px; line-height: 28px;  }
.why-desc{ font-size: 15px; line-height: 28px;  }
 
 

/*REVIEWS*/
.reviews{ position: relative; padding-top:60px; padding-bottom: 80px;  }
.reviews .naslov{ text-align: left; }
.reviews .naslov::before {left: 0%; margin-left: 0px; }
.reviews .main{ width: 100%!important;  }
.reviews-intro{ text-align: left; margin-bottom: 35px; font-size: 15px; line-height: 25px; }
.reviews-box{  margin: 10px 0px 0px 0px;  } 
.reviews-left {  }
.reviews-right{  padding:25px 0px; }
.reviews-title { font-size:16px; line-height: 26px;  } 
.reviews-name{   }
.reviews-desc { font-size: 14px; line-height: 24px;  }


/*...REVIEWS SLIDER*/
#kiwi-slider { position: relative;}
#kiwi-slider .MS-content .item {  width: 100%!important; }
 
#kiwi-slider .MS-controls { margin-top: 30px; margin-bottom: 30px; text-align: center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#kiwi-slider .MS-controls button{ font-size: 30px; border-radius: 4px; line-height: 20px; height: auto; width: auto; background: none; margin:0px; padding:5px 6px;   }
#kiwi-slider .MS-controls button .material-icons{ font-size: 24px; line-height: 24px; }
#kiwi-slider .MS-controls button:hover{  transition-duration:0.35s; -o-transition-duration:0.35s; -webkit-transition-duration: 0.35s; -moz-transition-duration:0.35s; }
 
 

/* SIDE NAVIGATION */
#mySidenav{display:block; box-shadow: 0 5px 35px 0px rgba(0,0,0,.2);}
.sidenav-inner{ width: 330px; margin-left: 20px; margin-right: 10px;  }
.sidenav .sidenav-pretext{  color:#000; padding:40px 0px 0px 0px; margin-bottom:30px; text-align:left; font-size:24px; line-height:32px;   }
 
.sidenav .sidenav-logo{ margin-bottom:30px; text-align:center;  }
.sidenav .sidenav-logo img{  height: 60px; margin-bottom: 30px;}
.sidenav { background-color:#fff; font-size: 20px; line-height: 40px; color:#333;  height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; right: 0; overflow-x: hidden; transition: 0.5s;  }
/*.sidenav li{font-size:18px; position: relative; line-height:40px; color:#333; margin-bottom: 0; padding-left:34px; list-style-type:none; cursor: pointer; }
.sidenav li.active{color:#668ebe; }
.sidenav li a{color:#000;  }
.sidenav li a:hover, {color:#668ebe;  }
.sidenav ul{ margin:0px; }
.sidenav a {  color: #000; padding: 0; text-align:left; text-decoration: none; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #668ebe;}
.sidenav .mod-menu__sub{ }
.sidenav .mod-menu__sub li{ display:none; line-height:22px; margin-left:0px; padding: 2px 0px 2px 10px; font-size: 16px; margin-bottom:0px; border:0px solid #0000ff; min-height:auto;}
.sidenav .mod-menu__sub li .separator{ font-size:18px; padding-left:0px;  min-height:30px; font-weight:bold; text-transform: uppercase; }
.sidenav .mod-menu__sub li.active a{ color: #668ebe; }
.sidenav .mod-menu__sub li a{ padding-left:0px;  }*/
.sidenav .closebtn {position: absolute; top: 0; right: 25px; font-size: 40px; margin-left: 50px; color:#668ebe;}
 
/*... SIDENAV IKONICA */
 
/*.sidenav li::before{ font-family: 'Material Symbols Outlined'; content:'handyman'; font-size: 24px; line-height: 24px; color:#444;  position: absolute; top:8px; left:0px; width:20px; height:20px; border:0px solid #ff0000;}
.sidenav li.item-320::before, .sidenav li.item-270::before{font-family: 'Material Symbols Outlined'; content:'home'; color:#444;}
.sidenav li.item-274::before, .sidenav li.item-314::before{font-family: 'Material Symbols Outlined'; content:'location_on'; color:#444;}
.sidenav li.item-273::before, .sidenav li.item-311::before{font-family: 'Material Symbols Outlined'; content:'shopping_cart'; color:#444;}
.sidenav li.item-275::before, .sidenav li.item-283::before{font-family: 'Material Symbols Outlined'; content:'devices'; color:#444;}
.sidenav li.item-292::before, .sidenav li.item-280::before{font-family: 'Material Symbols Outlined'; content:'settings'; color:#444;}
.sidenav li.item-276::before, .sidenav li.item-312::before{font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; color:#444;}
.sidenav li.item-277::before, .sidenav li.item-313::before{font-family: 'Material Symbols Outlined'; content:'folder'; color:#444;}
  
.sidenav li:hover::before, .sidenav li.active::before{ color:#668ebe; }

.sidenav .mod-menu__sub li:before{ display: none; }


.sidenav .mod-menu__sub li.item-298,
.sidenav .mod-menu__sub li.item-297,
.sidenav .mod-menu__sub li.item-296,
.sidenav .mod-menu__sub li.item-294
{ padding: 2px 0px 2px 20px; font-weight: 700; }


.sidenav .mod-menu__sub li.item-336,
.sidenav .mod-menu__sub li.item-337,
.sidenav .mod-menu__sub li.item-338,
.sidenav .mod-menu__sub li.item-339,
.sidenav .mod-menu__sub li.item-340,
.sidenav .mod-menu__sub li.item-341,
.sidenav .mod-menu__sub li.item-342,
.sidenav .mod-menu__sub li.item-343,
.sidenav .mod-menu__sub li.item-344, 
.sidenav .mod-menu__sub li.item-345,
.sidenav .mod-menu__sub li.item-346,
.sidenav .mod-menu__sub li.item-347,
.sidenav .mod-menu__sub li.item-348,
.sidenav .mod-menu__sub li.item-349,
.sidenav .mod-menu__sub li.item-350,
.sidenav .mod-menu__sub li.item-351,
.sidenav .mod-menu__sub li.item-352,
.sidenav .mod-menu__sub li.item-353
{ padding: 2px 0px 2px 30px; font-weight: 400; font-size: 14px; line-height:20px;}*/

/*
.sidenav .item-278, .sidenav .item-279, .sidenav .item-284, .sidenav .item-285, .sidenav .item-287, .sidenav .item-288, .sidenav .item-289, .sidenav .item-290, .sidenav .item-291, .sidenav .item-293, .sidenav .item-318, .sidenav .item-319 { display: none; }
*/





#kiwi-menu { display: block; position: relative; right:auto; top:auto; width: auto; height:auto; text-align: left; padding:0px; margin:0px; margin-left:auto; z-index:99; }

#kiwi-menu > div { display: block; position: relative; padding:0px 0px 0px 34px; font-size: 18px; line-height: 40px; }
#kiwi-menu > div::before{ font-family: 'Material Symbols Outlined'; content:'handyman'; font-size: 24px; line-height: 24px; color:#444;  position: absolute; top:8px; left:0px; width:20px; height:20px; border:0px solid #ff0000;}
#kiwi-menu > div:nth-child(1)::before{font-family: 'Material Symbols Outlined'; content:'home'; color:#444;}
#kiwi-menu > div:nth-child(4)::before{font-family: 'Material Symbols Outlined'; content:'location_on'; color:#444;}
#kiwi-menu > div:nth-child(2)::before{font-family: 'Material Symbols Outlined'; content:'shopping_cart'; color:#444;}
 
/*#kiwi-menu > div:nth-child(3)::before{font-family: 'Material Symbols Outlined'; content:'settings'; color:#444;}*/
#kiwi-menu > div:nth-child(6)::before{font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; color:#444;}
#kiwi-menu > div:nth-child(5)::before{font-family: 'Material Symbols Outlined'; content:'folder'; color:#444;}

#kiwi-menu .mod-menu__sub{ display: none; left:-20px; top: -110px; width: calc(100% + 30px); background-color: #fff; border-radius: 0px;  box-shadow: none; padding:10px 15px 30px 15px; } 
#kiwi-menu .menu-content{ display: block;  }
#kiwi-menu .menu-column{ width: 100%; background-color:#efefef; overflow: hidden;  }
#kiwi-menu .menu-column:nth-child(2){ width: 100%; margin-top:10px; }
#kiwi-menu .menu-column-flex{ display: block;  }
#kiwi-menu .menu-tabcontent{ display: none; padding:10px; padding-bottom: 0px; }
#kiwi-menu .menu-subcolumn{ width: 100%;   }   
#kiwi-menu .menu-box:last-child{  margin-bottom: 10px; }

  
.menu-closebtn{ right: 22px; top:15px;  } 


/*TABOVI*/
.menu-tabs{margin: 20px 10px 0px 10px; overflow:hidden;  }
 


/*... SIDENAV KONTakT */
.sidenav-line{ border-top:1px solid #ddd; margin:30px 0px; }
.sidenav-kontakt{ color:#000; line-height: 28px; margin-bottom:30px; }

 
.sidenav-telefon{position:relative; padding-left: 35px; margin-bottom:5px!important; }
.sidenav-telefon::before{position: absolute; top:8px; left:0px; width:20px; font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; font-size: 24px; line-height: 24px; color:#668ebe;  height:24px;}
.sidenav-telefon a{ font-size: 17px!important; }
.sidenav-house{position:relative; padding-left: 35px; margin-bottom:5px!important; }
.sidenav-house::before{position: absolute; top:8px; left:0px; width:20px; font-family: 'Material Symbols Outlined'; content:'ring_volume'; font-size: 24px; line-height: 24px; color:#668ebe;  height:24px;}
.sidenav-email{position:relative; padding-left: 35px; margin-bottom: 5px!important; }
.sidenav-email::before{position: absolute; top:8px; left:0px; width:20px; font-family: 'Material Symbols Outlined'; content:'mark_email_read'; font-size: 24px; line-height: 24px; color:#668ebe;  height:24px;}
.sidenav-email a{ font-size: 17px!important; }

/*...iskljucujem pojedine elemente u meniju*/
.sidenav .item-127,  .sidenav .item-129 { display: none!important; }

 
 

/*FOOTER*/
.footer{padding-top:60px; padding-bottom: 60px;  }  

.footer-left{ width: 100%; float:none; margin-bottom: 40px; }
.footer-center{ width: 100%; margin:0% 0% 0% 0%; float:none; margin-bottom: 40px; }
.footer-right{ width: 100%; float:none; }
.footer-50{ width: 100%; float:none; margin-right: 0%;  margin-bottom: 0px; }

.footer-korisnicki{ padding:0px 0px 0px 0px; box-sizing: border-box;  }
.footer-korisnicki .footer-map-link{ position: relative; padding:3px 0px; padding-left:35px; margin-bottom: 7px; padding-bottom: 7px; margin-right: 30px; }
.footer-korisnicki .footer-map-link::before{ position: absolute;  font-family: 'Material Symbols Outlined'; content:'chevron_right';    }
.footer-korisnicki .footer-service-link::before{  font-family: 'Material Symbols Outlined'; content:'design_services';  }
 

.footer-map-title{ font-size:15px; line-height: 21px; margin-bottom: 20px; margin-top:30px; color:#fff; font-weight: bold; }
.footer-map-title:nth-child(1){ margin-top:0px; }
.footer-map-link{ font-size:14px; line-height: 20px; margin-bottom:15px; color:#aaa;  }
.footer-map-link a{ color:#aaa;  }
.footer-map-link a:hover{  }
.footer-logo { text-align: left; margin-bottom: 30px;}
.footer-logo img{ height:50px; }
.footer-slogan{display: none; font-family: 'Dancing Script', cursive; font-size:40px; line-height: 50px; color:#ff7632; text-align: left; margin-left: 5px; padding:20px 0px;  }
 
.footer-onama{ font-size: 14px; line-height: 20px; color:#aaa; margin-top:0px; margin-bottom: 15px;  }

.footer-bespl-tel{ font-size: 80px; line-height: 80px; font-weight: bold; color:#ff7632; margin-bottom: 30px; }
.footer-contact{ font-size:14px; line-height: 18px; padding:8px 0px; color:#aaa; margin-bottom: 6px; }
.footer-contact a{ color: #aaa; }

.footer-working-hours img{ height: 120px; }
 
 

.footer-adresa{position:relative; padding-left: 35px;  }
.footer-adresa::before{position: absolute; top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'home'; font-size: 24px; line-height: 24px; height:24px;}
.footer-telefon{position:relative; padding-left: 35px;   }
.footer-telefon::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'phone_in_talk'; font-size: 24px; line-height: 24px; height:24px;}
.footer-email{position:relative; padding-left: 35px; }
.footer-email::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'mark_email_read'; font-size: 24px; line-height: 24px; height:24px;}
.footer-fax{position:relative; padding-left: 35px;   }
.footer-fax::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'fax'; font-size: 24px; line-height: 24px; height:24px;}


.footer-radno{position:relative; padding-left: 35px; }
.footer-radno::before{position: absolute;  top: 50%;  margin-top: -12px; left:0px; font-family: 'Material Symbols Outlined'; content:'watch_later'; font-size: 24px; line-height: 24px; height:24px;}
.footer-radno span{ display: inline-block;  text-transform: uppercase; color:#ff7632; }
.footer-365{ color:#fff }
 
.footer-social-title{ font-size:16px; line-height: 20px; color:#000; }
.footer-social{ margin:25px 0px 15px 0px; }
.footer-social img{height: 20px; margin-right:7px; padding:10px; border: 2px solid #333; border-radius: 3px; cursor: pointer;}
.footer-social img:hover{ background-color: #333; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
 
 
 
 
 
 

.main {
	 
	width:100%;
}


.colspan2 {
	width: 100% !important;
}

.colspan3 {
	width: 100% !important;
}

.colspan25 {
	width: 100% !important;
}

.colspan50 {
	width: 100% !important;
}

.colspan66 {
	width: 100% !important;
}
.colspan33 {
	width: 100% !important;
}

.colspan75 {
	width: 100% !important;
}

 
 
}