/*------------------------------------------------------------------------
# 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
-------------------------------------------------------------------------*/
.fade{ position:relative; top:100px;}



* {
	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;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
    line-height: 0;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
body {
	margin: 0;
	font-family: 'Rubik', sans-serif;
	font-size: 24px;
	font-weight: 400;
	line-height: 1.2em;
	color: #262626;
	background-color: #fff!important;
	border:0px solid #ff0000!important;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #ef7411;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
	line-height: normal;
	color: inherit;
}
h1 {
	font-size: 36px;
}
h2 {
	font-size: 18px;
}
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-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-family: 'Lato', sans-serif;
    font-size: 18px;
	line-height: 31px;
	height: 31px;
	width: 151px;
	padding: 0;
	margin: 30px 0;
	text-transform: uppercase;
}
 

#system-message {
	margin: 10px;
}

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

 
.main {
    margin: 0 auto;
    position: relative;
    width: 1100px;
}

 

/* HEADER */
#jf-header {position: fixed; top: 0; z-index: 99; height: 90px; transition: background 0.2s linear 0s;}
#jf-header {/*background-color:#000; opacity:0.7; background: url(../images/header-bg.png);*/}

#jf-header .main {position: relative;}
#jf-header h1#logo {float: left; font-weight: normal;}
#jf-header h1#logo a {color: #fff; display: block; font-size: 40px;  line-height: normal;}
#jf-header h1#logo a:hover { text-decoration: none;}

 
/* jf-home-c */
#jf-home-c {/*background-color: #fff;*/ color: #404040; font-size: 18px;}
#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;}

 
 


/* LATEST */

#jf-latest {background-clip: border-box;background-color: #000; background-image: url(../images/aktuelnosti.jpg); background-origin: padding-box;background-position: center center;
background-repeat: no-repeat;background-size: cover; background-attachment: fixed; color: #fff;}

#jf-latest h3 {
	color: #fff;
}

#jf-latest li, #jf-news li {
	float: left;
	width: 280px;
	margin-right: 60px;
}

  
/* CONTENT */
#jf-content, #jf-home-c, #jf-latest, #jf-news, #jf-map {position: relative; z-index: 50;}
#jf-content {background-color: #fff;  padding:40px 0px; margin-bottom:0px;}

#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 .main {border:0px solid #ff0000;}
#jf-content .main a {color:#2b75b5;}
#jf-content .main a:hover{color:#ec7211;}
#jf-content .main p {font-size:15px; line-height:25px;}

#jf-content .main h2{font-size:20px; font-weight:bold; line-height:30px; margin:40px 0px 20px 0px;}

#jf-content .main ul{margin-left:40px; margin-bottom:20px; list-style-type:circle;}
#jf-content .main ol{margin-left:40px; margin-bottom:20px; list-style-type:lower-roman;}
#jf-content .main ul li, #jf-content .main ol li{ font-size:16px; line-height:26px;}
#jf-content .main table{margin:20px 0px;}
/*#jf-content .main table tr:nth-child(even) {background: #eee}
#jf-content .main table tr:nth-child(odd) {background: #fff}*/
#jf-content .main td{font-size:18px; line-height:28px;}


.home #jf-content .main {padding: 0;}
.itemid-115 #jf-content .main {padding: 0;}
.itemid-121 #jf-content .main {padding: 0;}
.itemid-195 #jf-content  {padding:0px; margin:0px;}
.itemid-250 #jf-content  {padding:0px; margin:0px;}
.itemid-126 #jf-content  {padding:0px; margin:0px;}








#jf-contact .main {
	color: #111;
	padding: 50px 0;
}


  

.form-right {
	float: right;
}

.form-left {
	float: left;
}

/* COM_CONTENT */
.item-page h1{
    font-size: 26px;
	padding-bottom:10px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	margin:40px 0px 20px 0px;
}

/*KIWI SLIDESHOW*/
.kiwi-slideshow{ width:100%; background-image: linear-gradient(to right top, #005152 , #1ca5a8); display:block; position:relative; z-index: 1 }
.kiwi-slideshow-shape{ position: absolute; height: 400px; bottom:0px; width: 100%; background: url('../images/bg-slideshow-1.png') bottom center no-repeat; background-size: 100% auto; z-index: 10; }
.kiwi-slideshow-box{ position: absolute; left: 10%; top:220px; width: 40%;  }
.kiwi-slideshow-intro { font-family: 'Nunito', sans-serif; color:#0baeb1; font-size: 16px; line-height: 28px;  text-transform: uppercase; letter-spacing: 2px; font-weight: bold; margin-bottom: 30px; }
.kiwi-slideshow-title { font-family: 'Nunito', sans-serif; color:#fff; font-size: 60px; line-height: 68px; font-weight: 800;   }
.kiwi-slideshow-cover{ position: absolute; bottom:15%; right:4%; width: 40%; text-align: center; z-index: 20 }
.kiwi-slideshow-cover img{ width: 100%; max-width: 600px; }

/*GLAVNI MENI*/
.glavniMeni{ position:absolute; width:100%; height:60px; z-index:99; top:30px;/* box-shadow: rgba(61, 106, 134, 0.16) 0px 16px 32px -16px;*/}

/*LOGO*/
.kiwi-logo{ position: absolute; top:-10px; left:0px;  }
.kiwi-logo img{ height: 70px; }

/* MAIN NAVIGATION */
#kiwi-menu {position:absolute; left:300px;  border:0px solid #ff0000; text-align:center; position:relative; font-weight:bold;  float:left;  height:60px; padding:0px; z-index:100;}
#kiwi-menu ul.menu{ border:0px solid #ff00ff; display: inline-block;}
#kiwi-menu ul.menu li { cursor: pointer; display: block; float:left; padding:0px 20px; color: #fff; font-weight:normal; font-size: 16px; line-height:60px; border:0px solid #ff0000; }
#kiwi-menu ul.menu .active {color:#f7dd32;}
#kiwi-menu ul.menu .active a {color:#f7dd32;}
#kiwi-menu ul.menu li:hover{color:#f7dd32; /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/ transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;  }
#kiwi-menu ul.menu li a{color:#fff; }
#kiwi-menu ul.menu li a:hover{color:#f7dd32; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;  }


/*JEZIK*/
.kiwi-jezik{position: absolute; right: 0px; top:18px; z-index:1000; border-left:0px solid #666; font-size:14px; line-height:22px;}
.kiwi-jezik li{ background-color: #015152; border-radius: 3px; padding:1px 4px; margin:0px 2px!important; text-align: center; width: 20px; display: inline-block!important;} 
.kiwi-jezik a{color:#fff!important; width: 40px;}
.kiwi-jezik li.lang-active{background-color: #f7dd32; }
.kiwi-jezik li:hover{background-color: #f7dd32; transition: .3s; }
.kiwi-jezik li:hover a{ color:#000!important; }
.kiwi-jezik li.lang-active a{color:#000!important;   }

/*NASLOVI*/
.naslovMali{font-size: 14px; line-height:14px; text-align: center; margin-bottom:15px; color:#666; letter-spacing: 2px;  background: url(../images/bgNaslovMali.png) no-repeat bottom center; padding-bottom:15px;}
.naslovMaliLight{font-size: 14px; line-height:14px; text-align: center; margin-bottom:15px; color:#666; letter-spacing: 2px;  background: url(../images/bgNaslovMaliLight.png) no-repeat bottom center; padding-bottom:15px;}
.naslov{ font-family: 'Nunito', sans-serif; border:0px solid #ff0000; font-size: 40px; font-weight: 800; line-height:50px; text-align: left; color: #111; margin-bottom: 50px; text-align:center;}
.naslovMaloManji{ border:0px solid #ff0000; font-size: 34px; line-height:46px; color: #111; margin-bottom: 30px; font-weight:100; letter-spacing: 1px;}
#jf-home-c .main h3{ font-size: 34px; line-height:56px; text-align: left; color: #fff; margin-bottom: 30px; padding:0; text-transform:none;}
#home-c-r-3 h3{ border:0px solid #ff0000; background: url(../images/bgMenu2.png); padding-left:10px!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }



  
/* CATEGORY BLOG*/
.categoryBlog{border:0px solid #000; overflow:hidden; margin-bottom:150px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.categoryBlog:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.categoryTitle{border:0px solid #ff0000; padding-bottom:10px;}
.categoryTitle h2{font-size:20px; color:#111; line-height:30px;}
.categoryImage{width:100%; float:left; border:0px solid #00ff00;}
.blogDate{font-size:13px; color:#888; line-height:15px;}
.categoryIntro{border:0px solid #0000ff; float:left; height:105px; width:100%; font-size:20px; padding:15px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.blog-left{width:50%; border-right:1px solid #ddd; padding-right:60px; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.blog-right{width:49.5%;  float:right;  padding-left:60px; padding-top:200px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


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

/* LIMUNCO */
.snabdijevanje {font-size: 20px; display: block; margin: 30px; border: 3px solid #009DFF; text-align: center; vertical-align: middle; padding: 50px;}
.snabdijevanje:hover{ background-color:#009DFF; color:#fff; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}

.parallax1{background-image: url(../images/parallax.jpg);  background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover;}
.header{width:100%; height:100px; background-color:#d9fce5; border-bottom:0px solid #0000ff; z-index:100; }
.headerGrading{position:absolute; border:0px solid #ff0000; top:0px; z-index:10; width:100%; height:135px; background:url(../images/headerBg2.png);}

.headerTop{ position:absolute; width:100%; height:30px; border-bottom:0px solid #fff; z-index:99;}
.linkNaslov{color:#111;}
.linkNaslov:hover{color:#166597; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s; }
.article-info-term{display:none;}
.published{font-size:14px; text-align:right; margin-top:-20px; border-bottom:1px solid #ddd; display:block; margin-bottom:20px;}
.scale{transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.scale:hover{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; }
.bgGalerije{ background: url(../images/bgGalerije2.png) repeat-x top, url(../images/bgGalerije.png) repeat-x bottom; }
.bgDobrodosli{  padding:40px 0px 40px 0px;}
.headerTelefon{margin: 10px 0px; color: #fff; line-height: 14px; font-size: 14px; float:left; background: url(../images/iconHeaderTelephone.png) no-repeat; background-position:left center; border:0px solid #ff0000;}
.mobileMarginLeftRight{margin:0px 0px;}
.dobrodosliSlika{ border:0px solid #ff0000;}
.kontaktNabavke{text-align: center; border: 1px solid #0c6aab; padding: 10px 0px;}

/*CONTENT*/
.transportContainerLeft{float:left; width:48%; margin-top:30px;}
.transportContainerRight{float:right; width:48%; margin-top:30px;}
.ogrjevnoContainerLeft{float:left; width:65%; margin-top:70px;}
.ogrjevnoContainerRight{float:right; width:35%; margin-top:70px;}
.ogrjevnoPodnaslov{ display: block; font-size:18px; margin-right:100px; margin-bottom:20px; padding:7px 0px; background-color:#eee; text-align:center;}

.elementiDrvoContainter{float:left; width:22%;  margin:30px 0px; margin-right:3%;}
.elementiDrvoDaska{float:right; margin-left:10px; width:250px;}
.sertifikatiContainer{float:left; width:49%; margin-top:30px;}

/*MATRIX*/
canvas {display:block;}
#author {position: absolute; top:50%; left: 50%; width:800px; height:300px; font-size:80px; line-height:80px;  border:0px solid #fff; margin-left:-400px; margin-top:-150px; color : #000;  z-index : 1; box-sizing: border-box; vertical-align: middle; text-align:center;}
.matrix-img{ height: 150px;}
.matrix-title{ font-size:80px; line-height:80px; }
.matrix-desc{ font-size:30px; line-height:40px; margin-top:60px;}

@keyframes cursor {
                0% {
                    opacity: 0;
                }
                40% {
                    opacity: 0;
                }
                50% {
                    opacity: 1;
                }
                90% {
                    opacity: 1;
                }
                100% {
                    opacity: 0;
                }
}

/*HEADER 2*/
#header2{width:100%; height:300px; border:0px solid #ff00ff; /*background:url(../images/header2.jpg); background-position:center;*/}
.header2{border:0px solid #ff0000!important; position:absolute; width:700px; top:180px; left:50%; margin-left:-350px; text-align:center}
.header2.naslov{color:#fff; font-size:34px; line-height:44px; background:url(../images/bg-lemon-naslov.png)  no-repeat bottom center; padding-bottom:35px;}

/*KONTAKT FORMA*/
#jf-contact { background-color:#fff; position: relative; z-index: 49;}
.rf_submit{padding:10px 40px!important;}
.kontakt-forma{padding-right:50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }


 
 

/*CONTENT LEFT*/
.jf-left{width:70%; float:left; border:0px solid #ff0000;}
.jf-right{width:28%; float:right; border:1px solid #ff0000;}

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



/*DUGME*/
.dugmeParent{margin-top:30px; text-align:center;}
.dugme{padding: 7px 40px; border: 1px solid #e47822; font-size: 16px; color: #000;}
.dugme:hover{ cursor:pointer; background-color:#e47822; color: #fff; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.brziLinkovi1{float: left;  text-align: center; color: #fff; background-color:#2b75b5; font-size: 14px; line-height: 22px; padding: 18px 0px; width: 150px; font-weight: bold;}
.brziLinkovi2{float: left;  text-align: center; color: #fff; background-color:#3ea448; font-size: 14px; line-height: 22px; padding: 18px 0px; width: 150px; font-weight: bold; margin-left:10px;}
.brziLinkovi1 a, .brziLinkovi2 a{color:#fff;}
.brziLinkovi1 a:hover, .brziLinkovi2 a:hover{color:#fff;}
.brziLinkovi1:hover, .brziLinkovi2:hover{background-color:#ef7411; cursor:pointer; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}

/*MARGINE*/
.marginLeft{margin-left:10px;}
.marginCenter{margin:0px 5px;}
.marginRight{margin-right:10px;}

/*PADDING*/
.paddingIkone{padding:80px 0px;}
.paddingTipDrveta{padding:120px 0px;}
.paddingAktuelnosti{padding:20px 0px;}


/*GOOGLE MAPA - KIWI*/
#kiwi-map{height: 500px; width: 100%; }

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


/*SERVISI*/
.servisiContainer{width:49.5%; float:left; padding:80px 40px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.servisiContainer .naslov{border:0px solid #ff0000; background-image:none; padding-bottom:0px; margin-bottom:30px;}
.servisiRight{border-left:1px solid #ddd; }
.servisiTop{border-bottom:1px solid #ddd; }
.servisiSlika{ border:0px solid #0099FF; width:50px; z-index:2;}
.servisiDesc{font-size:16px; line-height:26px; color:#666;}

/*......PULSIRAJUCA ICONA*/
.pulsating-container {position: relative;display: flex;align-items: center;justify-content: center; border:0px solid #ff0000; margin-bottom:30px; }
.pulsating-item { z-index: 1; padding: 20px;  border-radius: 50%; background-color:#076667; border:1px solid #076667;}
.pulsating-circle {border-radius: 50%; background-color:#82b9be; width: 140px; height: 140px; position: absolute; opacity: 0; animation: scaleIn 3s infinite cubic-bezier(.36, .11, .89, .32);}

@keyframes scaleIn {
  from {
    transform: scale(.5, .5);
    opacity: .5;
  }
  to {
    transform: scale(1.1, 1.1);
    opacity: 0;
  }
}
/*......EFFECT SHINE*/
.effect-shine:hover {-webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);-webkit-mask-size: 200%;animation: shine 3s infinite;}

@-webkit-keyframes shine {
  from {
    -webkit-mask-position: 150%;
  }
  
  to {
    -webkit-mask-position: -50%;
  }
}


/*PORTFOLIO*/
.portfolio{ overflow:hidden;}
.portfolioContainer{width:25%; float:left; padding:2px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}

/*......HOVER EFFECT*/
.hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(255,255,255,0.9);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect h2 { color:#000; text-align:center; position:relative; font-size:40px; line-height:50px; margin-top:30%;}
.hovereffect a.info {text-decoration:none; font-size:14px; display:inline-block;text-transform:uppercase;color:#000;border:1px solid #ec9a2c;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; margin:50px 0 0;padding:7px 14px;}
.hovereffect a.info:hover {box-shadow:0 0 5px #ffd59d;}
.hovereffect:hover img {-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.hovereffect:hover .overlay {opacity:1; filter:alpha(opacity=100);}
.hovereffect:hover h2,.hovereffect:hover a.info {opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0);}
.hovereffect:hover a.info {}

/*CJENOVNIK*/
.cjenovnik{padding:40px 0px;}
.cjenovnik-container{border:0px solid #ff0000; overflow:hidden;}
.cjenovnik-box{border:0px solid #ff0000; width:30%; margin:0px 1.5%; float:left;}
.cjenovnik-title{font-size:18px; letter-spacing:3px; color:#888; text-transform:uppercase; font-weight:bold; text-align:center; margin-bottom:20px;}
.cjenovnik-desc{font-size:16px; line-height:26px; color:#888; text-align:center; margin:0px 20px; margin-top:30px;}
.cjenovnik-cijena{font-size:14px; line-height:80px!important;  color:#888; text-align:center;}
.cjenovnik-cijena img{height:60px;}
.cjenovnik-euro{font-size:30px; color:#111; border:0px solid #ff0000;}
.cjenovnik-number{font-size:80px; line-height:80px; color:#111;}


/*TECH*/
.tech{ overflow:hidden; background-color:#efefef; text-align:center;}
.techAllContainer{border:0px solid #ff0000; overflow:hidden; width:480px; margin:0px auto;}
.techContainer{float:left; margin-right:20px; text-align:center; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.techContainer img{width:40px;}

/*BLOG*/
.blog-module{padding:60px 0px; margin:0px; background:#efefef; border-top:2px solid #f0b21b; background:#efefef url(../images/bg-blog.jpg) center center; animation: breath 30s linear infinite; -webkit-animation: breath 30s linear infinite; -moz-animation: breath 30s linear infinite; -o-animation: breath 30s linear infinite;}
@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 130% auto; }
  100% { background-size: 100% auto; }
}


/*USLUGE*/
.usluge{border:0px solid #ff0000; overflow:hidden; margin-bottom:30px;}
.usluge-left{width:20%; float:left; padding-top:25px; border:0px solid #ff0000;}
.usluge-right{width:78%; float:right;  padding-top:25px; border:0px solid #ff0000;}
.usluge-right .naslov{ text-align:left; font-size:26px; line-height:36px; padding:0px; margin-bottom:30px;}

/*CONTENT TYPING*/
.contact-fast{z-index:0!important; padding:60px 0px;	background-color:#efefef;}
.contact-fast .typewrite-1 {border:0px solid #0000ff ; text-align:left; }
.contact-fast .typewrite-2 {  display:inline-block; color:#000; font-size:80px; line-height:90px;}
.contact-fast div a{text-aling:center; background-color:#000; color:#fff;  }

/*TRANSPORT*/
.transport{border:0px solid #ff0000; overflow:hidden;}
.translortLeftContainer{max-width:550px; float:right; border:0px solid #ff0000; padding:0px 20px; padding-top:80px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/*CJENOVNIK*/
.cjenovnik td{font-size:16px!important; line-height:20px; padding:4px 5px; }
.cjenovnik tr:nth-child(even) {background: #fff}
.cjenovnik tr:nth-child(odd) {background: #eee}





/*GOOGLE MAP CONTAINER*/
.map-container {width: 100%; margin: 0;}
.map-container iframe{width: 100%; display: block; pointer-events: none; position: relative; /* IE needs a position other than static */}
.map-container iframe.clicked{pointer-events: auto;}

/* SIDE NAVIGATION */
#mySidenav{display:none;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: #222; overflow-x: hidden; padding-top: 120px; transition: 0.5s; }
.sidenav a {padding: 8px 8px 8px 32px; text-align:center; text-decoration: none; font-size: 60px; line-height:80px; color: #fff; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #BE9B64;}
.sidenav .closebtn {position: absolute;top: 0;right: 25px;font-size: 56px;margin-left: 50px; color:#fdc110;}

/* NEWS CUSTOM - MOJ KIWI */
#newsKiwi .newsSeparator{width:100%; height:10px; border:0px solid #ff0000;}
#newsKiwi .newsLeft {width:62%; border:0px solid #ff0000; float:left; margin-right:2%; }
#newsKiwi .newsRight {width:35%; border:0px solid #ff0000; float:left;}
#newsKiwi .bitneVijesti{position:relative; float:none; border:0px solid #0000ff; overflow:hidden;}
#newsKiwi .newsTrackBig{position:absolute; padding:10px;  background: url(../images/kiwinews-bg.png); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100%; bottom:0px; left:0px;}
#newsKiwi .newsDateBig{border:0px solid #ddd; font-size:14px; line-height:18px; color:#ddd; }
#newsKiwi .newsTitleBig{border:0px solid #ddd; line-height:36px; font-size:26px;  color:#fff; font-weight:bold;}
#newsKiwi .smallLeft{width:32%; margin-right:2%; float:left; overflow:hidden;}
#newsKiwi .smallCenter{width:32%; float:left; overflow:hidden;}
#newsKiwi .smallRight{width:32%; float:right; overflow:hidden;}
#newsKiwi .smallNews{ overflow:hidden;}
#newsKiwi .smallNewsDate{font-size:12px; line-height:20px; color:#777;}
#newsKiwi .smallNewsTitle{font-size:16px; line-height:22px;}
#newsKiwi .subtitle{background-color:#2b75b5; color:#fff; padding:8px 5px; margin-bottom:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
#newsKiwi .listDate {font-size:12px; line-height:12px; color:#777;}
#newsKiwi .listTitle {font-size:16px; line-height:22px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #aaa;}



/*FOOTER*/
.footer{ border-top:0px solid #93e193;}
.footer .footerNaslov{color: #fff; font-size: 18px; border:0px solid #ff0000; font-weight:bold; margin-bottom:20px; }
.footer .loginNaslov{font-size:18px; color:#aaa; margin-bottom:30px; }
.footer .login-greeting{color:#aaa; margin-bottom:20px;}
.footer .btn-primary{ background-color:#93e193; color:#000!important; }
.footer .input-small{font-size:18px; border:0px solid #ff0000; margin-bottom:20px; float:left; width:100%; line-height:30px;}
.footer td{color:#cab5a2; font-size:14px; }
.footer p{color:#000!important; text-align:left; font-size:14px; line-height:22px; margin-bottom:12px;}
.footer .divFooter{padding-left:30px; background: url(../images/iconFooterArrow.png) no-repeat; background-position:left center; border-bottom: 1px dotted #444; line-height: 30px; font-size: 14px;}
.footer a{color:#000;}
.footer a:hover{color:#fff; }
.footerAddress{ border:0px solid #93e193; padding-left:30px; background: url(../images/iconFooterAddress.png) no-repeat; background-position:left center;}
.footerTelephone{padding-left:30px; background: url(../images/iconFooterTelephone.png) no-repeat; background-position:left center;}
.footerEmail{padding-left:30px; background: url(../images/iconFooterEmail.png) no-repeat; background-position:left center;}
.footerFax{padding-left:30px; background: url(../images/iconFooter2Fax.png) no-repeat; background-position:left center;}
.footerJib{padding-left:30px; background: url(../images/iconFooter2Jib.png) no-repeat; background-position:left center;}



/*MODUL SA POMJERAJUCIM IVICAMA*/
.animation-examples {
  width: 300px;
  display: table-cell;
  height:80px;
  vertical-align:middle;

}

/* SLIDESHOW CK */
#camera_wrap_134{ z-index:1!important; border:0px solid #0000ff; }
#camera_wrap_134  .moveFromLeft{border:0px solid #ff0000; left:50%!important; top:50%; height:300px; margin-top:-120px;   width:750px!important; margin-left:-550px;  }
.camera_caption_title{  font-size:80px!important; line-height:110px!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  font-weight:bold!important; color: #fff!important;}
.camera_caption_desc{ font-size:18px!important; padding:40px; padding-top:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  color:#eee!important; margin-top:0px!important;}
.camera_caption_desc ul li{ border:0px solid #ff0000; list-style-type:disc; margin-left:30px;}
#rotateBox{ background-color:#ff0000; width:100px; height:100px; }

.animation-examples.one {
  outline: 4px dashed #E9E9E9;
  box-shadow: 0 0 0 4px #009DFF;
  animation: 1s animateBorderOne ease infinite;
}

@keyframes animateBorderOne {
  to {
    outline-color: #009DFF;
    box-shadow: 0 0 0 4px #E9E9E9;
  }
}



/* BT - CONTENTSLIDER */
.bt-row .bt-center{padding:0px 10px;}
.bt-inner{border:0px solid #ff0000;}
.bt-inner .bt-center:hover{opacity:1;}
.bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
.bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider261 .bt-date{border:0px solid #ff0000; padding:0px!important; margin:0px!important; color:#333; font-size:13px; line-height:15px!important; margin-top:3px!important; }
#btcontentslider261 .traka{position:relative; border:0px solid #ff0000; /*background: url(../images/menu-bg.png);*/ padding:0px 0px!important; text-align:left;}
#btcontentslider261 .bt-title{border:0px solid #ff0000; padding:0px; margin:0px!important; font-size:20px; color:#111; text-align:left; line-height:28px;  display:inline-block; text-transform:none;}
#btcontentslider261 .bt-title:hover{color:#ef7411; }

/*TABELE DOKUMENTI*/
.tabelaDokumenti{width:100%; margin-bottom:100px!important;}
.tabelaDokumenti td{padding:7px 5px 7px 0px; border:0px!important;}
.tabelaDokumenti td:nth-child(1) {width:30px; border:1px solid #ff0000;}
.tabelaDokumenti tr:nth-child(even) {background: #fff;}
.tabelaDokumenti tr:nth-child(odd) {background: #ededed;}

/* GK - TABS */
#gk-tabs-152{border:0px solid #ff0000;}
#gk-tabs-152 .gkTabsNav{border:0px solid #ff0000;}
#gk-tabs-152 .gkTabsNav li{border:1px solid #a63425; background-color:#fff; color:#111; font-size:18px; font-weight:normal; border-radius:0;}
#gk-tabs-152 .gkTabsNav li:hover{background-color:#a63425; color:#fff; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
#gk-tabs-152 .gkTabsNav .active{border:1px solid #a63425; background-color:#a63425; color:#fff; font-size:18px; font-weight:normal; border-radius:0;}
#gk-tabs-152 .gkTabsContainer{border:0px solid #a63425; min-height:250px!important;}
#gk-tabs-182{border:0px solid #ff0000;}
#gk-tabs-182 .gkTabsNav{border:0px solid #ff0000;}
#gk-tabs-182 .gkTabsNav li{border:1px solid #a63425; background-color:#fff; color:#111; font-size:18px; font-weight:normal; border-radius:0;}
#gk-tabs-182 .gkTabsNav li:hover{background-color:#a63425; color:#fff; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
#gk-tabs-182 .gkTabsNav .active{border:1px solid #a63425; background-color:#a63425; color:#fff; font-size:18px; font-weight:normal; border-radius:0;}
#gk-tabs-182 .gkTabsContainer{border:0px solid #a63425; min-height:250px!important;}

/*  All Video Share */
#avs_gallery{ border:0px solid #ff0000; margin:0px;}
#avs_gallery .avs_thumb{border:0px solid #ff0000; width:30%!important; float:left; margin:0px; padding:0px; margin-right:3%; margin-bottom:30px; }
#avs_gallery .avs_img_container{border:0px solid #ff0000; }
#avs_gallery .avs_img_container img{width:100%; }
#avs_gallery .title{border:0px solid #ff0000; color:#111!important; font-size:18px; font-weight:normal; line-height:24px;}
#avs_gallery .title:hover{color:#a63425!important; }
#avs_gallery .views{display:none;}
#avs_gallery #avs_pagination{border:0px solid #ff0000; margin:0px; overflow:hidden;}
#avs_gallery #avs_pagination ul{ list-style-type:none; border:0px solid #ff0000; overflow:hidden; margin:0px;}
#avs_gallery #avs_pagination ul li{font-size:16px;  margin:0px; padding:0px; padding:7px 10px; margin:0px 3px 8px 3px;}
.mojspotlight{ font-size: 32px; padding-bottom:10px; border-bottom:1px solid #ddd; margin:40px 0px 40px 0px!important;} /*NASLOV GALERIJA*/
#avs_video{border:0px solid #ff0000; padding:0px!important;}

.youtube-title{font-size:22px; margin-top:20px;}
#avs_video .avs_video_header{border:1px solid #ff0000; display:none;}


/*PAGINATION
.pagination {margin:0px; padding:0px; margin-top:80px; }
.pagination ul{ border:0px solid #ff0000; margin:0px; padding:0px; }
.pagination .pagination-start{}
.pagination ul li{ margin:0px; padding:0px; border:1px solid #bbb; list-style-type:none; float:left; padding:0px 5px; margin:5px 3px;}*/

/*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;}


/*SOCIAL ICONS */
.fa {padding: 7px 7px; font-size: 18px; width: 18px; border:1px solid #E9E9E9; text-align: center; text-decoration: none; margin: 8px 2px;}
.fa:hover {opacity: 0.7; color:#fff;}
.fa-facebook {background: #3B5998; color: white;}
.fa-twitter {background: #55ACEE; color: white;}
.fa-google {background: #dd4b39; color: white;}
.fa-linkedin {background: #007bb5; color: white;}
.fa-youtube {background: #bb0000; color: white;}
.fa-instagram {background: #125688; color: white;}


.contactLeft{width:50%; border:0px solid #ff0000; float:left;}
.contactRight{width:49%; border:0px solid #ff0000; float:right;}
.contactButton{border:2px solid #555; background-image:none; color:#fff; width:200px; height:40px; background-color:#555;}
.contactButton:hover{ background-color:#fff; color:#555;
transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration:0.5s;}
.homeMargina{margin:20px;}
.contactUvod{font-size:18px; color:#999!important; line-height:29px; margin-bottom:30px;}
.contactNaslov{color:#ddd!important; font-size:23px; line-height:35px; margin-bottom: 30px; text-align: center;}
#input-name {background-color:#999!immportant;}
.loginNaslov{font-size:40px; margin-bottom: 30px; text-align: center;}
.login-description{font-size:18px; line-height:29px; margin-bottom:30px;}






.btn-primary{ width:200px!important; height:40px!important; font-size:20px!important; line-height:40px!important; text-transform:uppercase; color:#fff!important; padding:0px!important; border:2px solid #555; background-image:none; background-color:#555!important; }
.btn-primary:hover{ background-color:#fff!important; color:#333!important; transition-duration:0.5s;
-o-transition-duration:0.5s;
-webkit-transition-duration: 0.5s;
-moz-transition-duration:0.5s; }
.input-small{ margin:0px; margin-top:20px!important;  }
.input-prepend{border:0px solid #ff00ff!important; }
.login{border:0px solid #ff0000; text-align:center!important; }
#o-nama{padding:90px 0px; font-size:18px;}
#kolekcije{padding:90px 0px 10px 0px; border:0px solid #ff0000; font-size:18px;}


/*PHOCA GALLERY*/
#phocagallery #pg-icons{display:none;}
#phocagallery h1{font-size: 32px; padding-bottom:10px; border-bottom:1px solid #ddd; margin:40px 0px 40px 0px!important;}
#phocagallery .pg-csv-name{border:0px solid #ff0000; font-size:18px; line-height:24px; height:44px; }
#phocagallery .pg-csv-name a:hover{color:#a63425!important;}
#phocagallery .pg-csv-box{border:0px solid #ff0000; width:31%; margin:0px; margin-left:1%; margin-right:1%; display:block; margin-bottom:20px; padding:0; border-radius:none!important; box-shadow:none; height:auto; }
#phocagallery .pg-csv-box:hover{ background-color:none;}
#phocagallery .pg-csv-box .pg-csv-box-img{border:0px solid #ff00ff; width:100%; height:auto!important;}
#phocagallery .pg-csv-box .pg-box3 img{border:0px solid #ff0000; width:100%!important;}

#phocagallery .pg-cv-box{ border:0px solid #ff0000; margin:0; margin-left:1%; margin-right:1%;  width:31%; margin-bottom:20px; padding:0; box-shadow:none; height:auto; }
#phocagallery .pg-cv-box .pg-cv-box-img{border:0px solid #ff00ff; width:100%; height:auto!important;}
#phocagallery .pg-cv-box .pg-cv-box-img img{border:0px solid #ff00ff; width:100%!important;}


.logoNatpis{display:none;}






/*#camera_wrap_134{width:1600px!important; left:50%; margin-left:-800px;}*/


/*MOJ SLAJDER*/
.slide1 {
width: 100%;
border:0px solid #ff0000;
background: url(../images/Slika1x.jpg) no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-animation: backgroundScroll 20s linear infinite;
animation: backgroundScroll 20s linear infinite;
z-index:50;
}




.slide2 {
width: 100%;
border:0px solid #FAFAFA;
background: url(../images/Slika2.jpg) no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-animation: backgroundScroll 20s linear infinite;
animation: backgroundScroll 20s linear infinite;
}

@-webkit-keyframes backgroundScroll {
from {background-position: center center;}
to {background-position: 0 0;}
}

@keyframes backgroundScroll {
from {background-position: 0 0;}
to {background-position: -400px 0;}
}


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%;
}
.colspan49 {
	width: 49.5%;
}
.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: 1600px) {

/*MATRIX*/
canvas {display:block;}
#author {position: absolute; top:50%; left: 50%; width:1000px; height:440px; border:0px solid #fff; margin-left:-500px; margin-top:-220px; color : #000;  z-index : 1; box-sizing: border-box; vertical-align: middle; text-align:center;}
.matrix-img{ }
.matrix-title{ font-size:120px; line-height:120px; }
.matrix-desc{ font-size:50px; line-height:60px; margin-top:80px;}

/*TRANSPORT*/
.translortLeftContainer{max-width:550px; float:right; border:0px solid #ff0000; padding:0px 20px; padding-top:150px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}


/*NATPIS COVER SLIKA*/
.natpisContainer{position:relative; left:50%; width:500px; margin-left:-500px; padding:40px; border:0px solid #ff0000; top:300px; background: url(../images/headerBg2.png); box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.natpisTitle{font-size: 70px; font-weight:bold; text-align:center; line-height: 80px; color: #fff; background: url(../images/iconNaslovGray.png) no-repeat bottom center;  padding-bottom:40px; }
.natpisDesc{font-size: 24px; line-height: 34px; color: #fff; margin-top: 40px; text-align:center; }
}


@media (min-width: 1100px) and (max-width: 1599px) {


}


/* #Tablet (Portrait)
================================================== */

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

@media (min-width: 768px) and (max-width: 959px) {
.main, #jf-footer .main-inner1 {
	width: 100%;
}

.main, #jf-footer .main-inner1 {
	width: 748px;
	width:100%;
}

.colspan2 {
	margin: 0 10px !important;
	width: 354px !important;
}

#home-c-c-2 {
	padding-top:0px;
}

/*.colspan3 {
	margin: 0 10px !important;
	width: 354px !important;
}*/

#jf-latest li, #jf-news li, div.k2ItemsBlock ul li.lastItem  {
	margin: 0 10px !important;
}

.clearList2, .clr2 {
	clear: both;
}

.clearList, .clr3 {
	clear: none !important;
}

div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
	margin: 0 10px !important;
	width: 354px !important;
}

div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
	width: 346px !important;
}

#jf-footer{
	font-size: 18px;
}

#jf-footer .main-inner1 {
	padding: 135px 0 0;
	bottom: 30px;
}

#jf-social {
    margin-top: 20px;
}

#jf-footer .copyright {
	margin-top: 20px;
    position: static;
    transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none; /* IE 9 */
}

div.addthis_toolbox a {
	margin-right: 30px;
}
}


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

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

@media (max-width: 767px) {
/* BANJA DVOROVI */
#home-c-c-1{margin-top:40px; margin-bottom:40px; }
#home-c-l-1{margin-top:20px; }
#home-c-c-1 p{line-height:22px!important;}
#home-c-l-1 p{line-height:22px!important;}
#home-c-r-1 p{line-height:22px!important;}

/*CONTENT LEFT*/
.jf-left{width:100%; float:none; border:0px solid #ff0000;}
.jf-right{width:100%; float:none; border:1px solid #ff0000;}


.dobrodosliSlika{padding:0;  margin:40px 0px;}
.bgDobrodosli{padding:0px;}
.glavniMeni{display:none;}
.headerGrading{display:none;}
.headerTop{display:none;}

.projektiNaslov{margin:20px 15px;}
.spanBottom{margin-bottom:40px;}
.categories-list h3{margin-bottom:15px;}
.najPitanja{margin-top:30px;}
.najPitanja2{text-align:center!important; font-size:18px!important; margin:0px 10px;}
.pitanja{font-size:16px!important;}
.brojacTekst{margin-top:5px!important; margin-bottom:50px!important;}

/*MOBILE HEADER*/
.mobileHeader{display:block; width:100%; position:absolute; top:0px; height:50px; z-index:100;}

/* MENU DUGME */
a.gotomenu {display: block; position: absolute; right: 10px; top: 13px; z-index: 60;}
a.gotomenu .material-icons-round{ font-size: 30px; line-height: 30px; color:#fff;}

/*JEZIK*/
.kiwi-jezik{ width: auto; position: absolute; top:15px; left:10px; font-size:12px; line-height:18px;}
.kiwi-jezik li{margin:0px 1px!important; padding:1px 2px;}

/*LOGO*/
.mobile-logo{ position: absolute; top:2px; left:50%; margin-left: -60px;}
.mobile-logo img{ height: 45px; }
 

/*KIWI SLIDESHOW*/
.kiwi-slideshow{ width:100%; background-image: linear-gradient(to right top, #005152 , #008b8e); display:block; position:relative; z-index: 1 }
.kiwi-slideshow-shape{ position: absolute; height: 100px; bottom:0px; width: 100%; background: url('../images/bg-slideshow.png') center center no-repeat; background-size: cover; z-index: 10; }
.kiwi-slideshow-box{ position: absolute; left: 7%; top:120px; width: 80%;  }
.kiwi-slideshow-intro { color:#0baeb1; font-size: 11px; line-height: 20px; letter-spacing: 0px; font-weight: bold; margin-bottom: 15px; }
.kiwi-slideshow-title { color:#fff; font-size: 30px; line-height: 38px;  }
.kiwi-slideshow-cover{ display: none; position: absolute; bottom:18%; right:2%; width: 30%; text-align: center; z-index: 20 }
.kiwi-slideshow-cover img{ width: 100%; max-width: 600px; }

/*CONTENT*/
.transportContainerLeft{float:none; width:100%; margin-top:30px;}
.transportContainerRight{float:none; width:100%; margin-top:30px;}
.ogrjevnoContainerLeft{float:none; width:100%; margin-top:50px;}
.ogrjevnoContainerRight{float:none; width:100%; margin-top:20px;}
.ogrjevnoPodnaslov{ display: block; margin-right:0px; margin-bottom:20px; padding:7px 0px; background-color:#eee; text-align:center;}
.elementiDrvoContainter{float:none; width:100%;  margin:10px 0px; margin-right:0%;}
.elementiDrvoDaska{float:none; margin-left:0px; width:100%;}
.sertifikatiContainer{float:none; width:100%; margin-top:30px;}


/*MATRIX*/
#author {position: absolute; top:50%; left: 5%; width:90%; height:200px; border:0px solid #fff; margin-left:0px; margin-top:-100px; color : #000;  z-index : 1; box-sizing: border-box; vertical-align: middle; text-align:center;}
.matrix-img{ height:80px;}
.matrix-title{ font-size:45px; line-height:45px; }
.matrix-desc{ font-size:20px; line-height:30px; margin-top:60px;}

/*BLOG*/
.blog-module{padding:60px 0px; margin:0px; background:#efefef; border-top:2px solid #f0b21b; background:#efefef; animation: breath 30s linear infinite; -webkit-animation: breath 30s linear infinite; -moz-animation: breath 30s linear infinite; -o-animation: breath 30s linear infinite;}

/*CONTENT TYPING*/
.contact-fast{z-index:0!important; padding:60px 0px;	background-color:#efefef;}
.contact-fast .typewrite-1 {border:0px solid #0000ff ; text-align:left; }
.contact-fast .typewrite-2 {  display:inline-block; color:#000; font-size:30px; line-height:40px;}
.contact-fast div a{text-aling:center; background-color:#000; color:#fff;  }


/*MARGINE*/
.marginLeft{margin:15px 15px;}
.marginCenter{margin:15px 15px;}
.marginRight{margin:15px 15px;}
.mobileMarginLeftRight{margin:0px 15px; border:0px solid #ff0000;}
.mojaMargina{margin-top:30px;}
.homeMargina2015{margin:20px 15px;}
.marginaLeftRight{margin:0px 15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.margina{margin:15px;}


/*PADDING*/
.paddingIkone{padding:40px 0px;}
.paddingDjelatnosti{padding:0px 0px;}
.paddingAktuelnosti{padding:0px 0px;}
.paddingTipDrveta{padding:80px 0px;}

/*USLUGE*/
.usluge{border:0px solid #ff0000; overflow:hidden; margin-bottom:30px;}
.usluge-left{width:100%; float:none; padding-top:25px; border:0px solid #ff0000;}
.usluge-right{width:100%; float:right;  padding-top:25px; border:0px solid #ff0000;}
.usluge-right .naslov{ text-align:left; font-size:26px; line-height:36px; padding:0px; text-align:center; margin-bottom:30px;}

/*SERVISI*/
.servisiContainer{width:100%; height:auto; border:0px solid #ff0000; overflow:hidden; margin-bottom:15px; float:none; padding:20px 0px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
.servisiContainer .naslov{background-image:none; padding-bottom:0px; margin-bottom:30px;}
.servisiRight{border:0px solid #ff0000; }
.servisiTop{border:0px solid #ff0000; }
.servisiSlika{ border:0px solid #0099FF; width:50px; z-index:2;}
.servisiDesc{font-size:14px; line-height:24px; color:#666; border:0px solid #ff0000;}

/*PORTFOLIO*/
.portfolio{padding:0px 0px; overflow:hidden;}
.portfolioContainer{width:50%; float:left; padding:2px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}



/*CJENOVNIK*/
.cjenovnik{padding:40px 0px;}
.cjenovnik-container{border:0px solid #ff0000; overflow:hidden;}
.cjenovnik-box{border:0px solid #ff0000; width:100%; margin:40px 0px; float:left;}
.cjenovnik-title{font-size:18px; letter-spacing:3px; color:#888; text-transform:uppercase; font-weight:bold; text-align:center; margin-bottom:20px;}
.cjenovnik-desc{font-size:16px; line-height:26px; color:#888; text-align:center; margin:0px 20px; margin-top:30px;}
.cjenovnik-cijena{font-size:14px; line-height:80px!important;  color:#888; text-align:center;}
.cjenovnik-cijena img{height:60px;}
.cjenovnik-euro{font-size:30px; color:#111; border:0px solid #ff0000;}
.cjenovnik-number{font-size:80px; line-height:80px; color:#111;}


/*KONTAKT FORMA*/
.kontakt-forma{padding-right:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  }

/*......HOVER EFFECT*/
.hovereffect {width:100%;height:100%;float:left;overflow:hidden;position:relative;text-align:center;cursor:default;}
.hovereffect .overlay {width:100%;height:100%;position:absolute;overflow:hidden; top:0; left:0; opacity:0; background-color:rgba(255,255,255,0.9);-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out}
.hovereffect img {display:block;position:relative;-webkit-transition:all .4s linear;transition:all .4s linear;}
.hovereffect h2 { color:#000; text-align:center; position:relative; font-size:20px; line-height:30px; margin-top:30%;}
.hovereffect a.info {text-decoration:none; font-size:12px; display:inline-block;text-transform:uppercase;color:#000;border:1px solid #ec9a2c;background-color:transparent;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out; margin:20px 0 0;padding:3px 10px;}
.hovereffect a.info:hover {box-shadow:0 0 5px #ffd59d;}
.hovereffect:hover img {-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);}
.hovereffect:hover .overlay {opacity:1; filter:alpha(opacity=100);}
.hovereffect:hover h2,.hovereffect:hover a.info {opacity:1; filter:alpha(opacity=100); -ms-transform:translatey(0); -webkit-transform:translatey(0); transform:translatey(0);}
.hovereffect:hover a.info {}


/*DUGME*/
.dugmeParent{margin:20px 0px; text-align:center;}
.dugme{padding: 6px 40px; border: 1px solid #e47822; font-size: 16px; color: #000;}
.dugme:hover{ cursor:pointer; background-color:#e47822; color: #fff; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.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-weight:bold; }
.maticons{ display: inline-block; vertical-align: middle; font-size:30px; margin-bottom:2px; border:1px solid #ef7411;  color:#e47822; padding:5px; }

/*SERTIFIKATI*/
.sertifikati{padding:40px 0px; }
.sertifikatiIzvoz{margin-left:0px; margin-top:40px; font-size:45px; line-height:50px; color:#ddd; }
.sertifikatiLeft{width:100%; float:none; border:0px solid #00ff00; padding-bottom:10px;}
.sertifikatiRight{width:100%; float:none; border:0px solid #00ff00; margin-top:40px; padding-bottom:10px;}
.sertifikatiImage{ text-align:center; margin-bottom:20px;}
.sertifikatiImage img{height:80px;}
.sertifikatiTitle{text-align:center; font-size:30px; line-height:40px; margin-bottom:10px;}
.sertifikatiNaslov{text-align:center; font-size:20px; line-height:30px;}

/*KIWI GALERIJA*/
.gallery {width: 100%; margin: auto; border:0px solid #ff0000; overflow: hidden; position: relative;}
.img-c {width: 50%;  border:0px solid #ff0000; float: left; position: relative; overflow: hidden;}
.img-w {position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; cursor: pointer; transition: transform ease-in-out 300ms;}
.img-w img {display: none;}
.img-c {transition: width ease 400ms, height ease 350ms, left cubic-bezier(0.4, 0, 0.2, 1) 420ms, top cubic-bezier(0.4, 0, 0.2, 1) 420ms;}
.img-c:hover .img-w {transform: scale(1.08); transition: transform cubic-bezier(0.4, 0, 0.2, 1) 450ms;}
.img-c.active {width: 360px!important; height:215px!important; position: fixed; z-index: 9999; /* transform: translateX(-50%);*/}
.img-c.postactive {position: absolute; z-index: 2; pointer-events: none;}
.img-c.active.positioned {left: 50% !important; margin-left:-180px; top: 50% !important; margin-top:-112px; transition-delay: 50ms;}
.img-c.active.positioned:hover .img-w {transform: none;} /*JA DODAO*/

/* NEWS CUSTOM - MOJ KIWI */
#newsKiwi .newsLeft {width:100%; border:0px solid #ff0000; float:left; margin-right:2%; }
#newsKiwi .newsRight {width:100%; border:0px solid #ff0000; float:left; margin-top:20px;}
#newsKiwi .newsTitleBig{border:0px solid #ddd; line-height:30px; font-size:20px;  color:#fff; font-weight:bold;}

/*NASLOVI*/
.naslovMali{}
.naslov{font-size: 28px; line-height:38px; margin-bottom: 25px; letter-spacing:0px;}
.naslovMaloManji{font-size: 24px; line-height:34px; margin-bottom: 20px; letter-spacing:1px;}
#jf-home-c .main h3{  font-size: 24px; line-height:34px; text-align: left; color: #fff; margin-bottom: 20px;}


/*TRANSPORT*/
.transport{border:0px solid #ff0000; overflow:hidden; padding:60px 0px;}
.translortLeftContainer{max-width:550px; float:right; border:0px solid #ff0000; padding:0px 20px; padding-top:0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.transport .dugmeParent{margin:40px 0px;}




/* SIDE NAVIGATION */
#mySidenav{display:block; background: url(../images/bgHeaderMobile.png); border:0px solid #ff0000;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; background-color: #222; overflow-x: hidden; padding-top: 60px; transition: 0.5s; }
.sidenav li{font-size:30px; line-height:50px; color:#111; margin-left:20px; list-style-type:none;}
.sidenav a {padding: 0px 0px 0px 0px; text-align:left; text-decoration: none; font-size: 30px; line-height:50px;  color: #111; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #2c9bd7;}
#mySidenav .nav-child li{ display:none; line-height:22px; border:0px solid #0000ff; min-height:30px;}
#mySidenav .nav-child li .separator{font-size:20px; padding-left:0px;  min-height:30px; font-weight:bold; }
#mySidenav .nav-child li a{font-size:18px!important; border:0px solid #ff0000; padding-left:0px; line-height:22px; margin:5px 0px;}
.sidenav .closebtn {position: absolute;top: 0; right: 25px; font-size: 40px; margin-left: 50px; color:#fdc110;}



/* CATEGORY BLOG*/
.categoryBlog{border:0px solid #000; overflow:hidden; margin-bottom:150px; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 3px 10px 0 rgba(0, 0, 0, 0.1);}
.categoryBlog:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.categoryTitle{border:0px solid #ff0000; padding-bottom:10px;}
.categoryTitle h2{font-size:20px; color:#111; line-height:30px;}
.categoryImage{width:100%; float:left; border:0px solid #00ff00;}
.blogDate{font-size:13px; color:#888; line-height:15px;}
.categoryIntro{border:0px solid #0000ff; float:left; height:105px; width:100%; font-size:20px; padding:15px 5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.blog-left{width:100%; border:0px solid #ddd; padding-right:0px; float:none; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.blog-right{width:100%;  float:none;  padding-left:0px; padding-top:50px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }


/*BTCONTENTSLIDER */
#btcontentslider261 {border:0px solid #ff0000;}
#btcontentslider261 .bt-row:nth-child(3) .bt-center{padding:0px 15px;}
#btcontentslider261 .bt-row:nth-child(5) .bt-center{padding:0px 15px;}
.bt-row-last .bt-center{padding:10px 0px; }
.bt-row-first .bt-center{padding:10px 0px;}
#btcontentslider261 .bt-date{border:0px solid #ff0000; padding:0px!important; margin:0px!important; color:#888; font-size:12px; line-height:14px!important; margin-top:3px!important; }

/* SLIDESHOW CK */

#camera_wrap_134  .moveFromLeft{border:0px solid #ff0000; left:10px!important; top:150px; height:auto; margin-top:0px; width:100%!important; margin-left:0px;  }
.camera_caption_title{  font-size:40px!important; line-height:55px!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  font-weight:bold!important; color: #fff!important;}
.camera_caption_desc{  font-size:18px!important; padding:40px; padding-top:15px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;  color:#eee!important; margin-top:0px!important;}
.camera_caption_desc ul li{ border:0px solid #ff0000; list-style-type:disc; margin-left:30px;}
#rotateBox{ background-color:#ff0000; width:100px; height:100px; }


/* GK - TABS */
#gk-tabs-152{margin:0px 15px;}
#gk-tabs-152 p{font-size:16px; line-height:24px;}
#gk-tabs-152 .gkTabsNav li{ font-size:14px; font-weight:normal; padding:2px 7px!important; margin-top:5px!important; line-height:26px!important;}
#gk-tabs-152 .gkTabsNav .active{font-size:14px; }
#gk-tabs-182{margin:0px 15px;}
#gk-tabs-182 p{font-size:16px; line-height:24px;}
#gk-tabs-182 .gkTabsNav li{ font-size:14px; font-weight:normal; padding:2px 7px!important; margin-top:5px!important; line-height:26px!important;}
#gk-tabs-182 .gkTabsNav .active{font-size:14px; }




/*  All Video Share */
#avs_gallery .avs_thumb{border:0px solid #ff0000; width:100%!important; float:normal; margin:0px; padding:0px; margin-right:0%; margin-bottom:30px!important; }
#avs_gallery .title{font-size:16px;line-height:22px;}

/*CONTENT */
#jf-content {border:0px solid #ff0000; width:100%; }
#jf-content .main{ border:0px solid #0000ff; }
#jf-content .main p{font-size:16px; line-height:26px; }
#jf-content .main ul{margin-left:20px; font-size:16px; line-height:24px;} 
#jf-content .main ol{margin-left:20px; font-size:16px; line-height:24px;}
#jf-content .main ul li, #jf-content .main ol li{font-size:16px; line-height:26px; margin-bottom:8px;}
#jf-content .main td{font-size:14px; line-height:26px;}



#jf-home-c .main p{font-size:16px; line-height:24px;}


/*PHOCA GALLERY*/
#phocagallery .pg-csv-box{border:0px solid #ff0000; width:100%; margin:0px; display:block; margin-bottom:20px; padding:0; border-radius:none!important; box-shadow:none; height:auto; }


#phocagallery .pg-cv-box{ border:0px solid #ff0000; margin:0; width:100%; margin-bottom:20px; padding:0; box-shadow:none; height:auto; }


.main, #jf-footer .main-inner1 {
	width: 300px;
	width:100%;
}


.colspan2 {
	width: 100% !important;
}

.colspan3 {
	width: 100% !important;
}

.colspan25 {
	width: 100% !important;
}

.colspan50 {
	width: 100% !important;
}
.colspan49 {
	width: 100%;
}

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

.colspan75 {
	width: 100% !important;
}



#jf-header {
	position: absolute;
	left: 0;
	top: 0;
}

#kiwi-menu {
	display: none;
}


#jf-slideshow .main {
	font-size: 18px;
}

#jf-slideshow .main h1 {
	font-size: 52px;
}

div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
	width: 100% !important;
	margin-right: 0;
}

.form-left, .form-right {
	float: none;
}

div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
	width: 290px !important;
}

div.itemCommentsForm form textarea.inputbox {
	float: none;
}


#jf-footer{
	font-size: 18px;
}

#jf-footer .main-inner1 {
	padding: 135px 0 0;
	bottom: 30px;
}

#jf-footer li {
	font-size: 18px;
}

#jf-footer h3 {
	font-size: 36px;
}

#jf-social {
    margin-top: 20px;
}

#jf-footer .copyright {
	margin-top: 20px;
    position: static;
	font-size: 14px;
    transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none; /* IE 9 */
}

#jf-footer .copyright a {
	font-size: 14px;
}

.testimonial-inner {
	padding: 0 60px;
}

div.addthis_toolbox a {
	margin-right: 5px;
}

}


/* #Mobile (Landscape)
================================================== */

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

@media (min-width: 480px) and (max-width: 767px) {

.main, #jf-footer .main-inner1 {
	width: 420px;
	width:100%;
}

.colspan25 {width: 100% !important;}
.colspan50 {width: 100% !important;}
.colspan49 {width: 100%;}
.colspan66 {width: 100% !important;}
.colspan33 {width: 100% !important;}
.colspan75 {width: 100% !important;}

#home-c-c-2 {
	padding-top:0px;
}


div.itemListPortfolio div.itemContainer, div.itemListBlog div.itemContainer {
	width: 100% !important;
	margin-right: 0;
}

.form-left, .form-right {
	float: none;
}

div.itemCommentsForm form input.inputbox, div.itemCommentsForm form textarea.inputbox, #contact-form textarea, #contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
	width: 410px !important;
}

div.itemCommentsForm form textarea.inputbox {
	float: none;
}

#jf-footer .main-inner1 {
	background-position: center 30px;
}

#jf-social li {
	margin: 0 12px;
}

div.addthis_toolbox a {
	margin-right: 20px;
}


}


@media (min-width: 481px) and (max-width: 599px) {
#jf-footer {
	min-height: 320px;
}

.colspan25 {width: 100% !important;}
.colspan50 {width: 100% !important;}
.colspan75 {width: 100% !important;}
.colspan49 {width: 100%;}

#home-c-c-2 {
	padding-top:0px;
}


#jf-footer .main-inner1 {
    bottom: 10px;
    padding: 105px 0 0;
}

#jf-footer p {
	margin-bottom: 10px;
}

#jf-social, #jf-footer .copyright {
    margin-top: 0;
}
.contactLeft{width:100%; border:1px solid #ff0000; }
.contactRight{width:100%; border:1px solid #ff0000;}



}

@media  (max-width: 479px) {


/*header*/
#jf-header {background: url(../images/header-bg.png); position:fixed; top:0px; }
#jf-header .main{border:0px solid #ffff00!important; width:100%;}

.contactLeft{width:100%; margin-bottom:40px; border:0px solid #ff0000; }
.contactRight{width:100%; border:0px solid #ff0000;}
.version1{font-size:16px!important; line-height:26px!important; margin-right:20px!important; margin-left:20px!important; }

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

#home-c-c-2 {padding-top:0px;}



}