/*------------------------------------------------------------------------
# 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: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	line-height: 1.2em;
	color: #111;
	background-color: #fff!important;
	border:0px solid #ff0000!important;
}

a {color: #111; text-decoration: none;}
a:hover {color: #1d0c59; text-decoration: none;}

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

.componentheading, .contentheading {
	color: #262626;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 36px;
	padding-bottom: 25px;
	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;
}

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

/*.itemid-115 #jf-header.transparent {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	/*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);*/
/*}

.itemid-121 #jf-header.transparent {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);
	/*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);*/
/*}

.home #jf-header.transparent {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.6);
	/*background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);*/
/*}

.itemid-115 #jf-header {
	background: none;
}

.itemid-121 #jf-header {
	background: none;
}

.home #jf-header {
	background: none;
}*/

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

/* MAIN NAVIGATION */
/*#kiwi-menu {border:0px solid #ff0000; position: relative; width:920px; height:50px; padding:0px; margin:0px; margin-left:15px; z-index:99; float:left;}
#kiwi-menu ul.menu li {font-size:14px; cursor: pointer; display: block; float: left; padding:0px 14px; color: #fff; font-weight:normal; line-height:50px; text-transform:uppercase}
#kiwi-menu ul.menu li:hover { background-color:#5841a8; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; }
#kiwi-menu ul.menu li a{ color:#fff; text-transform:uppercase; }
#kiwi-menu .nav-child{border:0px solid #fff; position:absolute; margin-left:-15px; min-width:200px; 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.7s; display:none; }
#kiwi-menu .parent:hover .nav-child{display:block; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s; }
#kiwi-menu .menuDeeper{border:0px solid #ff0000; padding:20px 20px 20px 20px; overflow:hidden;}
#kiwi-menu .menu50{ border:0px solid #ff0000; float:left; }
#kiwi-menu .menu50 ul{border:0px solid #ff0000;  margin:0px; padding:0px;}
#kiwi-menu .menu50 li{ border:0px solid #ff0000; color:#111!important; float:none!important; display:block!important; padding:0px 20px!important;  line-height:30px!important; font-size:12px; text-transform:none!important;}
#kiwi-menu .menu50 li:hover{ background-color:#eee!important;}
#kiwi-menu .menu50 li a{ border:0px solid #ff0000; color:#111!important;; margin:0px; padding:0px;font-size:12px; line-height:20px!important }

#kiwi-menu .menu25{ border:0px solid #fff; float:left; }
#kiwi-menu .menu25 ul{border:0px solid #ff0000;  margin:0px; padding:0px;}
#kiwi-menu .menu25 li{ border:0px solid #ff0000; color:#111!important;;  float:none!important; display:block!important; margin:0px 30px!important;  padding:0!important; line-height:30px!important; font-size:12px; text-transform:none!important;}
#kiwi-menu .menu25 li a{ border:0px solid #ff0000; color:#111!important; margin:0px; padding:0px;font-size:12px; line-height:20px!important }*/

#kiwi-menu {border:0px solid #ff0000; position: relative; width:920px; height:50px; padding:0px; margin:0px; margin-left:15px; z-index:99; float:left;}
#kiwi-menu ul.menu li {font-size:14px; cursor: pointer; display: block; float: left; padding:0px 14px; color: #fff; font-weight:normal; line-height:50px; text-transform:uppercase; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#kiwi-menu ul.menu li:hover { background-color:#5841a8; transition:0.5s; -moz-transition:0.5s; -webkit-transition:0.5s; }
#kiwi-menu ul.menu li a{ color:#fff; text-transform:uppercase; }

#kiwi-menu .nav-child{border:0px solid #fff; position:absolute; margin-left:-15px; min-width:400px; max-width: 450px; background-color:#5841a8; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); transition:0.7s; display:none; padding:10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#kiwi-menu .parent:hover .nav-child{display:block; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s; }
#kiwi-menu .parent .nav-child li{ line-height:36px; border-bottom: 0px dashed #1d0c59 }
#kiwi-menu .parent .nav-child li:hover{ background-color: #1d0c59 }
#kiwi-menu ul.menu li ul li:nth-child(odd){width: 50%; display: block; float:left; }
#kiwi-menu ul.menu li ul li:nth-child(even){ width: 50%; display: block; float:right; }


/* LANGUAGE JEZIK */
.jezik{float:right; z-index:1000; font-family: 'Roboto Condensed', sans-serif; font-weight:700; border-left:0px solid #666; width:80px; height:50px; font-size:16px; line-height:50px; }
.jezik a{color:#50B0C6;}
.jezik .lang-active a{color:#EBE4F0;}



/* SLIDESHOW */
#jf-slideshow {
    background-clip: border-box;
    background-color: #00446D;
    background-image: url(../images/banner.jpg);
    background-origin: padding-box;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	background-attachment: fixed;
    position: relative;
    z-index: 50;
}

#jf-slideshow .main {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 36px;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 40px;
	line-height: normal;
	text-align: center;
}

#jf-slideshow .main h1 {
	background: url(../images/linestar.png) no-repeat top center;
	font-size: 110px;
	font-weight: normal;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	padding-top: 40px;
	line-height: normal;
}

#jf-slideshow .main a {
	background: url(../images/read-more.png) no-repeat;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	height: 31px;
    line-height: 31px;
    text-align: left;
    text-indent: 20px;
    text-transform: uppercase;
    width: 151px;
}

/* jf-home-c */
#jf-home-c {color: #262626; font-family: 'Roboto Condensed', sans-serif; font-size: 18px;}
#jf-home-c p{color:#262626; font-family: 'Roboto Condensed', sans-serif; font-size: 18px;}

#home-c-l {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-l-10 {float: left;}

#home-c-r {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-r-10{float: right;}

#home-c-c {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-c-6 {float: left;}
#home-c-c-7 {float: left;}
#home-c-c-8 {float: left;}
#home-c-c-10 {float: left;}

#jf-home-c h3, #jf-latest h3, .moduletable h3, h3.itemCommentsCounter, h3 {
	color: #262626;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 36px;
	padding-bottom: 25px;
	text-transform: uppercase;
}

#jf-home-c h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
}

#jf-home-c .main, #jf-latest .main {
	padding: 70px 0; padding: 40px 0; border:0px solid #ff0000!important;
}

#home-c-r li {
	padding: 0 0 20px 85px;
}

#home-c-r li.phone {
	background: url(../images/phone-icon.png) no-repeat;
}

#home-c-r li.connect {
	background: url(../images/connect-icon.png) no-repeat;
}

#home-c-r li.book {
	background: url(../images/book-icon.png) no-repeat;
}

#home-c-r li.mobile {
	background: url(../images/mobile-icon.png) no-repeat 15px 0;
}

#home-c-r h4 {
	margin-bottom: 0;
}


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

li.lastItem {
	margin-right: 0 !important;
}

div.k2ItemsBlock ul li .moduleItemImage {
	display: block;
	height: 140px;
	overflow: hidden;
	margin: 25px 0 50px;
	position: relative;
}

div.k2ItemsBlock ul li .moduleItemImage img {
	width: 100%;
}

#jf-latest div.k2ItemsBlock ul li .moduleItemTitle {
	color: #fff;
}

/* NEWS */
#jf-news {
	background-color: #fff;
	color: #404040;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
}

#jf-news .main {
	padding: 60px 0;
}

#jf-news div.k2ItemsBlock ul li .moduleItemTitle {
	color: #404040;
}

/* CONTENT */
.contentLeft{border:0px solid #ff0000; width:70%; float:left;}
.contentRight{border:0px solid #ff0000; width:28%; float:right;}
#jf-content, #jf-home-c, #jf-latest, #jf-news, #jf-map {position: relative; z-index: 50;}
#jf-content {background-color: #fff; border:0px solid #ff0000; margin-top:25px; margin-bottom:50px;}
#jf-content .main {border:0px solid #ff0000; }
#jf-content .main h2{}
#jf-content .main img{border:1px solid #ddd;}
#jf-content .main table{ margin:0px auto;}
.home #jf-content .main {padding: 0;}
.itemid-115 #jf-content .main {padding: 0;}
.itemid-121 #jf-content .main {padding: 0;}
.itemid-120 #jf-content .main {padding: 0;}
#jf-content p{color:#111; text-align:justify;}
#jf-content a{color:#111;}
#jf-content a:hover{color:#1d0c59;}
#jf-content ul {margin-bottom:20px; list-style-type:disc; border:0px solid #ff0000; margin-left:40px;}
#jf-content ol {margin-bottom:20px;  list-style-type:lower-roman; border:0px solid #ff0000; margin-left:40px;}
#jf-content ul li {margin-bottom:10px;  border:0px solid #ff0000;}
#jf-content ol li {margin-bottom:10px;  border:0px solid #ff0000;}
#jf-content .page-header{font-size:18px; line-height:28px; border:0px solid #ff0000; padding-bottom:0px;}
#jf-content .page-header a{ border:0px solid #ff0000;}
#jf-content .article-info-term{display:none;}
#jf-content .blog .published{display:none;}
#jf-content .published{border:0px solid #ff0000; text-align:right; margin-bottom:20px; font-size:17px;}
#jf-content .icons{ display:none;}
#jf-content .subheading-category{ font-size:34px;}


/*.......TABLE*/
#jf-content .main table{border:0px solid #ff0000; margin:0px; width:100%; }
#jf-content .main table td{ font-size:16px; line-height:26px; padding:3px 0px;}

#jf-content .main table tr:nth-child(even) {background: #f1f1f1}
#jf-content .main table tr:nth-child(odd) {background: #FFF}

/* CONTACT */
#jf-contact {
	/*background: #f0f0f0 url(../images/contact-bg.png) repeat-x;*/
	background-color:#EAEAEA;
	position: relative;
	z-index: 49;
}

#jf-contact .main {
	color: #313131;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	line-height: 1.3;
	padding: 50px 0;
	padding-top:80px;
	text-align: center;
	border:0px solid #0000ff;
}

#jf-contact h3 {
	color: #313131;
	font-family: 'Roboto Condensed', sans-serif;
	/*font-size: 110px;*/
	font-size:23px;
	text-transform: uppercase;
}

#jf-contact .custom a {
	background: url(../images/contact-button.png) no-repeat;
	color: #fff;
	display: inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	height: 31px;
	width: 151px;
	text-transform: uppercase;
}

#jf-contact .custom a:hover {
	opacity: 0.9;
}

/* FOOTER */
#jf-footer {
	background-color: #313131;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	min-height: 452px;
	position: relative;
}

#jf-footer .main-inner1 {
	background: url(../images/linestar-footer.png) no-repeat center 40px;
	padding: 150px 0 0;
	position: fixed;
	bottom: 40px;
	width: 960px;
	z-index: 0;
}

#jf-footer h3 {
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 72px;
	text-transform: none;
}

#jf-footer strong {
	font-family: 'Roboto Condensed', sans-serif;
}

#jf-footer li {
	display: inline-block;
	font-size: 36px;
}

#jf-footer li strong {
	color: #247d99;
}

.moduletable-social {
	margin-top: 60px;
}

.moduletable-social li {
	margin: 0 15px;
}

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

#jf-social li {
	display: inline-block !important;
	margin: 0 15px;
}

#jf-social li a {
	display: block;
	height: 33px;
	width: 33px;
}

#jf-social li a.button-facebook {
	background: url(../images/facebook.png) no-repeat;
}

#jf-social li a.button-flickr {
	background: url(../images/flickr.png) no-repeat;
}

#jf-social li a.button-google {
	background: url(../images/google.png) no-repeat;
}

#jf-social li a.button-skype {
	background: url(../images/skype.png) no-repeat;
}

#jf-social li a.button-twitter {
	background: url(../images/twitter.png) no-repeat;
}

#jf-social li a.button-pinterest {
	background: url(../images/pinterest.png) no-repeat;
}

#jf-social li a.button-youtube {
	background: url(../images/youtube.png) no-repeat;
}

#jf-footer .copyright {
	position: fixed;
	right: 0;
	bottom: 200px;
	font-size: 18px;
	color: #fefefe;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform:rotate(-90deg); /* IE 9 */
	writing-mode: lr-tb;
}

#jf-footer .copyright p {
	display: inline;
}

#jf-footer .copyright a {
	color: #fefefe;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
}

/* K2 */
div.itemListPortfolio div.itemContainer {
	margin-right: 60px;
	width:280px !important;
}

div.itemListPortfolio span.catItemImage {height:140px;overflow:hidden;position:relative}

div.itemListPortfolio span.catItemImage a:hover span.catItemHover, div.itemListPortfolio span.catItemImage a:hover span.catItemHoverIcon {
	background: url(../images/overlay.png);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

div.itemListPortfolio span.catItemImage a:hover span.catItemHoverIcon {
	background: url(../images/blog-hover.png) no-repeat center center;
}

div.itemListBlog div.catItemHeader h3.catItemTitle {
	font-size: 36px;
	padding: 0 0 10px;
	text-transform: uppercase;
}

div.itemListBlog div#itemListPrimary span.catItemImage {height:220px;overflow:hidden;}

div.itemListBlog div.itemContainer {
	margin-right: 80px;
	width:440px !important;
}

div.itemListBlog div#itemListLeading div.itemContainer {
	float: none;
	margin: 0 !important;
	width: 100% !important;
}

div.itemListBlog div.groupLeading {
    border-bottom: 1px solid #E1E1E1;
}

div.itemListBlog div.groupPrimary {
	background: url(../images/blog-spacer.png) repeat-x left bottom;
}

div.itemListBlog div.groupPrimary div.catItemHeader {
	padding-top: 30px;
}

div#itemListLinks h4 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
}

div.itemListBlog div.groupLinks h3.catItemTitle {
	background: url(../images/arrow.png) no-repeat left 12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	line-height: 1.3;
	padding: 0 0 0 15px;
    text-transform: none;
}

div.itemListBlog span.catItemImage a:hover span.catItemHover, div.k2ItemsBlock ul li .moduleItemImage:hover span.moduleItemImageHover {
	background: url(../images/blog-hover.png) no-repeat center center;
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

div.itemHeader div.itemHeaderRight {
	float: right;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	margin-top: 5px;
	text-align: right;
	text-transform: uppercase;
}

div.itemImageTitle {
	background-color: #313131;
	line-height: 30px;
	padding: 0 10px;
}

span.itemImage a:hover span.itemImageHover, span.itemImage a:hover span.itemImageHoverIcon {
	background: url(../images/overlay.png);
	display: block;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}

span.itemImage a:hover span.itemImageHoverIcon {
	background: url(../images/blog-hover.png) no-repeat center center;
}

div.itemRelated ul li {
	float: left;
	width: 280px;
	margin-right: 60px;
}

div.itemRelated ul li.last {
	margin-right: 0 !important;
}

div.itemRelated  span.itemRelImage {
	display: block;
	height: 140px;
	overflow: hidden;
}

div.addthis_toolbox a {
	display: inline-block;
	background-color: #c5c5c5;
	margin-right: 40px;
	margin-bottom: 5px;
}

div.addthis_toolbox a:hover {
	background-color: #004088;
}

.form-right {
	float: right;
}

.form-left {
	float: left;
}

/* COM_CONTENT */
.item-page h1, .item-page h2 {
	font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    margin-bottom: 20px;
}
.item-page{border:0px solid #ff0000;}

/* Bootstrap Css Map Fix*/
#googleMap img {
  max-width: none;
}
/* Bootstrap Css Map Fix*/
#googleMap label {
  width: auto; display:inline;
}

#contact-form label#jform_contact_name-lbl {
	display: block;
    margin: 30px 0 0;
}

#contact-form label#jform_contact_email-lbl{
	display: block;
    margin: 30px 0 0;
}

#contact-form label#jform_contact_email_copy-lbl {
	display: inline-block;
    margin: 30px 0 0;
}

#contact-form label#jform_contact_message-lbl {
	display: block;
    margin: 30px 0 0;
}

#contact-form input#jform_contact_name, #contact-form input#jform_contact_email {
	display: block;
    margin: 0;
    width: 432px;
}

#contact-form textarea {
	height: 120px;
	width: 432px;
}

.contact-miscinfo p {
	margin: 0;
}

/* Testimonial */
#jf-testimonial {
	background: url(../images/quote-open.png) no-repeat;
	font-size: 36px;
	line-height: normal;
	margin-top: 60px;
	text-align: center;
}

.testimonial-inner {
	background: url(../images/quote-close.png) no-repeat right bottom;
	padding: 0 140px;
}

#jf-testimonial strong {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
    font-size: 18px;
}

/* Mobile Menu */
#jf-menu, a.gotomenu {
	display: none;
}

a.gotomenu {
	display: none;
	background: url(../images/plus.png) no-repeat center center;
	height: 30px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 30px;
    z-index: 60;
}

/*SINDIKAT*/
.header{height:100px; border:0px solid #ff0000; background-color:#D4E3FB; background:#fff url(../images/xheaderBackground.jpg) no-repeat; background-position:bottom;}
.welcome{background:#00ffff url(../images/xwelcomeBack.jpg) no-repeat; background-position:top;}

.aromaPadding{margin-top:80px;}
.zadPadding{margin-top:40px;}
.izdvojeneLeft{border: 1px solid #EBE4F0; margin-right: 30px; background-color: #ebe4f0!important; }
.izdvojeneCenter{border: 1px solid #EBE4F0; margin: 0px 15px; background-color: #ebe4f0!important; }
.izdvojeneRight{border: 1px solid #EBE4F0; margin-left: 30px; background-color: #ebe4f0!important; }
.uslugeLeft{border: 1px solid #EBE4F0; margin-right: 20px; background-color: #fff!important;}
.uslugeCenter{border: 1px solid #EBE4F0; margin: 0px 10px; background-color: #fff!important;}
.uslugeRight{border: 1px solid #EBE4F0;  margin-left: 20px; background-color: #fff!important;}
.kontaktirajtenas{background:#EBE4F0 url(../images/xbackUslugeBottom.png) repeat-x;  background-position:bottom;}
.parallax{background-image: url("../images/parallax.jpg"); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding:80px 0px;}
.mobileHeader{ display:none;}
.edit-icon{ display:none;}
.scale{transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.scale:hover{cursor: pointer; -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; -moz-transition-duration:0.5s;}
.hoverBoja a{color:#111;}
.hoverBoja a:hover{color:#0D7187; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s; }
.pitanja:hover{background-color:#107388; color:#fff!important; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.publikacije .main{padding-top:0px!important; padding-bottom:60px!important;}
.tim{float:left; width:28%; margin-right:4%; margin-top:30px;}
.clr{ clear:both; width:100%; overflow:hidden;}
.meniContainer{height:50px;}

.headerTelefon{margin: 5px 0px; margin-top:50px; color: #fff; color:#000; line-height: 16px; padding-right:20px; font-size: 14px; text-align:right; background: url(../images/iconHeaderTelephone.png) no-repeat center right; border:0px solid #ff0000;}
.headerEmail{margin: 7px 0px; color: #fff; color:#000; line-height: 16px; padding-right:20px; font-size: 14px; text-align:right; background: url(../images/iconHeaderEmail.png) no-repeat center right; border:0px solid #ff0000;}
.headerAddress{margin: 7px 0px; color: #fff; color:#000; line-height: 16px; padding-right:20px; font-size: 14px; text-align:right; background: url(../images/iconHeaderAddress.png) no-repeat center right; border:0px solid #ff0000;}

/* CATEGORY BLOG*/
.categoryBlog{border:0px solid #000; overflow:hidden; margin-top:30px;}
.categoryTitle1{border:1px solid #ff0000; padding-bottom:10px;}
.categoryImage{width:30%; float:left; border:0px solid #00ff00;}
.categoryIntro{border:0px solid #0000ff; float:left; width:68%; padding-left:1%;}

/*SUSRETI RADNIKA*/
.susreti-left{border:0px solid #ff0000; background: url(../images/bgSusreti.png); color:#fff; padding:40px 25px; }
.susreti-left .naslov{border:0px solid #ff0000; color:#fff; font-size:25px; line-height:34px; text-align:center; margin-bottom:20px; }
.susreti-left p{color:#fff!important; border:0px solid #ff0000;}
.susreti-left .pitanja{width: 100%; padding: 7px 30px; border: 1px solid #fff; font-size: 15px; color: #fff; margin:20px 0px!important;}
.susreti-left .pitanja:hover{ background-color:#fff; color:#111!important;}
.susreti-left .pitanjaContainer{ margin:40px 0px 20px 0px;; border:0px solid #ff0000;}

/*NASLOVI*/
.naslov{font-size:26px; line-height:36px; margin-bottom:30px;}

/*UVODNI MODULI*/
.uvodniModuli{ border:0px solid #ff0000; background-color:#f1f1f1; padding:50px 0px; }
.uvodniModuli img{ height: 60px; }
.uvodniModuliTitle{ font-size: 18px; text-transform: uppercase; font-weight: bold; line-height: 28px; text-align: center; margin-top: 20px; margin-bottom: 10px;}
.uvodniModuliDesc{ font-size: 16px;  line-height: 23px; text-align: center; }

/*DOKUMENTI*/
.dokumenti{border:0px solid #ff0000;}
.dokumentiContainer{width:100%; border:0px solid #0000ff; overflow:hidden; margin-bottom:40px; }
.dokumentiLeft{border:0px solid #ffff00; width:20%; margin:0px; float:left; }
.dokumentiLeft img{width:80%;}
.dokumentiRight{border:0px solid #ff0000; float:left; width:75%; margin-right:3px;}
.dokumentiTitle{font-size:18px; font-weight:600; color:#000; margin-bottom:20px;}
.dokumentiDesc{font-size:14px; line-height:24px; color:#444;}
.dokumenti-borba{margin-top:50px;}


/*KIWI GALERIJA*/
.gallery {width: 100%; margin: auto; border:0px solid #ff0000; overflow: hidden; position: relative;}
.img-c {width: 25%;  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: 1000px!important; height:600px!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:-500px; top: 50% !important; margin-top:-300px; transition-delay: 50ms;}
.img-c.active.positioned:hover .img-w {transform: none;} /*JA DODAO*/

/*AKTIV DDK*/
.aktivddk{ padding:150px 0px; background: url(../images/bgAktiv.jpg) center center;}
.aktivNaslovMali{color:#fff; font-size:20px; line-height:30px; margin-bottom:25px;}
.aktivNaslovVeliki{color:#c92525; font-size:60px; line-height:70px; font-weight:bold; letter-spacing:2px;}
.aktivLeft .pitanja{width: 100%; padding: 7px 30px; border: 1px solid #fff; font-size: 15px; color: #fff; margin:20px 0px!important;}
.aktivLeft .pitanja:hover{ background-color:#fff; color:#111!important;}
.aktivLeft .pitanjaContainer{ margin:40px 0px 20px 0px;; border:0px solid #ff0000;}

/* GK - TABS */
#gk-tabs-153{border:0px solid #ff0000;}
#gk-tabs-153 .gkTabsNav{border:0px solid #ff0000; border-bottom:1px solid #107388; padding-bottom:1px!important;}
#gk-tabs-153 .gkTabsNav li{border:1px solid #107388;  background-color:#fff; color:#111; font-size:18px; font-weight:normal; border-radius:0;}
#gk-tabs-153 .gkTabsNav li:hover{background-color:#107388; color:#fff; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
#gk-tabs-153 .gkTabsNav .active{border:1px solid #107388; background-color:#107388; color:#fff; font-size:18px; font-weight:normal; border-radius:0;}
#gk-tabs-153 .gkTabsContainer li{margin-bottom:5px;}
#gk-tabs-153 .gkTabsContainer li a{font-size:18px; line-height:18px;}


/*SOCIAL ICONS */
.fa {padding: 14px 11px 14px 14px; font-size: 25px; width: 25px; border:1px solid #E9E9E9; text-align: center; text-decoration: none; margin: 10px 5px;}
.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;}

/*CONTENT RIGHT*/
.contentRight .moduletable{border:0px solid #ff0000; margin:0px 0px 40px 0px;}
.contentRight h3{ font-size:20px; line-height:30px; margin:0px 0px 10px 0px; background-color:#f1f1f1; border-left:5px solid #1d0c59; padding:3px 0px 3px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.contentRight .custom{ padding:0px 10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.contentRight .custom p{ line-height:18px; border:0px solid #ff0000; margin:0px;}

.contentRight .custom p.meniKrediti{padding-left:16px; background:#fff url(../images/iconArrowBlack.png) no-repeat left center; margin-bottom:12px;}
.contentRight .custom p.formular{padding-left:24px; background:#fff url(../images/iconFormular.png) no-repeat left center; margin-bottom:12px;}
.contentRight .custom p.odluka{font-size:16px; padding-left:20px; background:#fff url(../images/iconOdluka.png) no-repeat left center; margin-bottom:12px;}

/*KIWI LATEST NEWS*/
.kiwi-latest{border:0px solid #ff0000;  overflow:hidden;}
.kiwi-latest-left{border:0px solid #ff0000; width:61%; float:left;}
.kiwi-latest-right{border:0px solid #0000ff; width:37%; float:right; overflow:hidden;}
.kiwi-latest-small-line{border:0px solid #ff00ff; width:100%; overflow:hidden; margin-top:13px;}
.kiwi-latest-small{border:0px solid #ff0000; width:32%; margin-right:2%; float:left;}
.kiwi-latest-small-line .kiwi-latest-small:last-child{border:0px solid #ff0000; margin-right:0%;}
.kiwi-big{ position:relative;}
.kiwi-big img{  width:100%;}
.kiwi-big-panel{  border:0px solid #ff0000; background: url(../images/bgSusreti.png);  position:absolute; width:100%; bottom:0px; left:0px; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.kiwi-big-panel .kiwi-latest-title-big{border:0px solid #0000ff; font-size:30px; line-height:40px; color:#fff; }
.kiwi-big-panel .kiwi-latest-title-big a{ color:#fff; }
.kiwi-big-panel .kiwi-latest-date-big{font-size:16px; color:#ddd;}

.kiwi-latest-ostale{font-size:16px; corlo:#111; background-color:#eee; line-height:36px; padding-left:10px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.kiwi-latest-date{font-size:12px; color:#888;}
.kiwi-latest-title-small{font-size:16px; line-height:22px; color:#111;}
.kiwi-latest-list{padding:5px 0px; border-bottom:1px dotted #ddd;}


/* ALL VIDEO SHARE */

#avs_gallery .title{color:#262626!important; font-size:18px!important;}
#avs_gallery .title:hover{color:#107388!important;}
#avs_gallery .youtube-title{font-size:36px!important; color:#262626!important;}
#avs_gallery .avs_video_description span{font-size:18px!important;}


/* BT - CONTENTSLIDER */
#btcontentslider152 .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;}
#btcontentslider152 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider152 .bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider152 .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;}
#btcontentslider152 .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider152 .bt-date{border:0px solid #ff0000; padding:0px; margin:0px!important; color:#DBDF08; font-size:13px; top:0px; line-height:15px; padding-top:5px;}
#btcontentslider152 .traka{ position:absolute; bottom:0px; border:0px solid #ff0000; background: url(../images/header-bgWhite.png); padding:0px 10px; text-align:left;}
#btcontentslider152 .bt-title{border:0px solid #ff0000; padding:0px; margin:0px!important; font-size:16px; color:#fff; text-align:left; line-height:20px; display:inline-block; text-shadow: 1px 1px #000;}
#btcontentslider152 .bt-row-separate{border:0px solid #ff0000!important;}
#btcontentslider152 .bt-row-separate:before{border:5px solid #ff0000!important;}

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


/* SLIDESHOW CK */
#camera_wrap_134  .moveFromLeft{border:0px solid #ff0000; left:25%; width:500px!important; top:150px; }
.camera_caption_title{font-family: 'Niconne', cursive; font-size:65px!important; font-weight:400!important; color: #75498f!important;}
.camera_caption_desc{font-size:20px!important; margin-top:30px!important; color:#ddd!important}

#rotateBox{ background-color:#ff0000; width:100px; height:100px; }


/*PAGINATION*/
.pagination {margin:0px; padding:0px; margin-top:80px; border:1px solid #fff; overflow:hidden; }
.pagination  .counter{width:100%;}
.pagination ul{ border:1px solid #fff!important; overflow:hidden; margin:0px!important; padding:0px; }
.pagination ul li{ margin:0px; padding:0px; list-style-type:none; float:left; }
.pagination .pagenav{ border:1px solid #aaa; padding:0px 5px;margin:5px 3px; }
.pagination a.pagenav{ color:#3894ff!important; }

/*POWERED BY*/
.powered-by-container{ background-color:#252525; 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}
.powered-by-container .main{padding:0px!important;}


/*PHOCA GALLERY*/
#phocagallery #pg-icons{display:none;}
#phocagallery h1{margin-bottom:24px!important; font-size:24px; margin-top:20px; color:#111;}
#phocagallery .pg-csv-name{border:0px solid #ff0000; font-size:16px; line-height:20px; height:44px; }
#phocagallery .pg-csv-name a:hover{color:#1d0c59!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;}


.contactLeft{width:50%; border:0px solid #ff0000; float:left;}
.contactRight{width:49%; border:0px solid #ff0000; float:right;}
.contactButton{border:1px solid #107388; border-radius:0; background-image:none; color:#fff; width:200px; height:40px; background-color:#107388;}
.contactButton:hover{ background-color:#fff; color:#107388; transition-duration:0.5s; -o-transition-duration:0.5s; -webkit-transition-duration: 0.5s; -moz-transition-duration:0.5s;}
.homeMargina{margin:20px; border:0px solid #ff0000;}
.homeMarginaRight{margin-right:20px; border:0px solid #ff0000;}
.contactUvod{font-size:18px; color:#262626!important; line-height:29px; margin-bottom:30px;}
.contactNaslov{color:#262626!important; font-size:40px; font-family: 'Niconne', cursive; 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;}

/*FOOTER*/
.footer{background-color:#000000; border-top:0px solid #93e193; padding-top:40px; background-color:#fff; background:#fff url(../images/IconLineWhite.png) no-repeat; background-position:top; }
.footer .footerNaslov{color: #000; font-weight:bold; font-size: 16px; border:0px solid #ff0000; margin-bottom:14px;}
.footer .loginNaslov{font-size:18px; color:#000; 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:#555; font-size:14px; }
.footer p{color:#555!important; font-size:14px!important; line-height:22px!important; }
.footer .divFooter{padding-left:16px; background: url(../images/iconFooterArrow.png) no-repeat; background-position:left center; border-bottom: 1px solid #ddd; line-height: 30px; font-size: 14px;}
.footer .divFooter1{padding-left:16px; background: url(../images/iconFooterArrow.png) no-repeat; background-position:left center; line-height: 30px; font-size: 14px;}
.footer a{color:#555;}
.footer a:hover{color:#1d0c59;}
.footerAddress{padding-left:24px; margin-bottom:10px; background: url(../images/iconFooterAddress.png) no-repeat; background-position:left center;}
.footerTelephone{padding-left:24px; margin-bottom:10px; background: url(../images/iconFooterTelephone.png) no-repeat; background-position:left center;}
.footerEmail{padding-left:24px; margin-bottom:10px; background: url(../images/iconFooterEmail.png) no-repeat; background-position:left center;}
.footerFax{padding-left:24px; margin-bottom:10px; background: url(../images/iconFooterFax.png) no-repeat; background-position:left center;}




.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;}




.mercedes{margin:0px auto; font-size:220px; color:#DDB437; text-align:center; font-family: 'Dynalight', cursive;}
.logoNatpis{display:none;}


.preloader{ position:fixed; top:0px; left:0px; background-color:#0C0C0C; width:100%; height:100%; z-index:9999;}


/*#camera_wrap_134{width:1600px!important; left:50%; margin-left:-800px;}*/
#camera_wrap_134{height:600px; z-index:0;}


/*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: 1100px;
	border:0px solid #ff0000;
}

.main100 {
	width: 100%;
}

.colspan2 {
	width: 440px;
}

.colspan3 {
	width: 33%;
}

.colspan50 {
	width: 50%;
}

.colspan50a {
	width: 50%;
}
.colspan50b {
	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: 1600px) {

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

.colspan33a{
width: 20% !important;
}

}


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

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

.colspan33a{
width: 10% !important;
}


}


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

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

@media (min-width: 768px) and (max-width: 959px) {
.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-contact h3 {
	font-size: 90px;
}

#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) {

/*HELCOM*/
.izdvojeneLeft{ margin-right: 0px; margin:0px 15px; }
.izdvojeneCenter{ margin-top:150px; }
.izdvojeneRight{ margin-left: 0px; margin:0px 15px; margin-top:150px;}
.uslugeLeft{ margin-right: 0px; margin:0px 15px; }
.uslugeCenter{  margin:0px 15px; margin-top:70px; }
.uslugeRight{ margin-left: 0px; margin:0px 15px; margin-top:70px;}
.glavniMeni{display:none;}
.header{display:none;}
.mobileHeader{display:block; width:100%; position:fixed; top:0px; background: url(../images/header-bgWhite.png); height:60px; z-index:100;}
.aromaPadding{margin-top:20px;}
.zadPadding{margin-top:20px;}
.projektiNaslov{margin:20px 15px;}
.homeMargina2015{margin:20px 15px;}
.spanBottom{margin-bottom:40px;}
.categories-list h3{margin-bottom:15px;}
.tim{width:100%;}
.meniContainer{display:none;}


/*MARGINE*/
.homeMarginaRight{margin-right:0px; border:0px solid #ff0000;}
.margin1{margin:0px 15px; }
.homeMarginaVertical{margin:50px 15px;}

/* SLIDESHOW CK */
#slideshow1{border:0px solid #ff0000; }
#camera_wrap_134  .moveFromLeft{border:0px solid #ff0000; left:5%; width:300px!important; top:150px; }
#camera_wrap_134{border:0px solid #ff0000;}
.camera_caption_title{font-size:45px!important;}
.camera_caption_desc{font-size:15px!important; margin-top:30px!important;}

/* LANGUAGE */
.jezik{float:left; position: absolute; left:10px; top:12px; border:0px solid #ff0000; margin:0px; }

/* MENU DUGME */
a.gotomenu {display: block; background: url(../images/plus.png) no-repeat center center; height: 30px; position: absolute; right: 10px; top: 15px; width: 30px; z-index: 60;}

/*NASLOVI*/
.naslov{font-size:20px; line-height:30px; margin-bottom:20px; width:96%; margin-left:2%;}


/* SIDE NAVIGATION */
#mySidenav{display:block; /*background: url(../images/menu-mobile-bg.png);*/ background-color:#fff; 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:24px; line-height:50px; color:#111; margin-left:20px; list-style-type:none; text-transform:uppercase;}
.sidenav a {padding: 0px 0px 0px 0px; text-align:left; text-decoration: none; font-size: 24px; line-height:50px;  color: #111; display: block; transition: 0.3s}
.sidenav a:hover, .offcanvas a:focus{color: #000;}
#mySidenav .nav-child li{ display:none; line-height:22px; border:0px solid #0000ff; min-height:30px; }
#mySidenav .nav-child li .separator{font-size:18px!important; 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;  text-transform:none; line-height:22px; margin:5px 0px;}
.sidenav .closebtn {position: absolute;top: 0; right: 25px; font-size: 40px; margin-left: 50px; color:#111;}
/*#mySidenav .item-146 a, #mySidenav .item-147 a, #mySidenav .item-152 a, #mySidenav .item-153 a, #mySidenav .item-154 a, #mySidenav .item-155 a{ text-transform: uppercase; font-weight:bold;}*/

/*DOKUMENTI*/
.dokumenti-borba{margin-top:0px;}

/*PHOCA GALLERY*/

#phocagallery .pg-cv-box{width:100%;}
#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;}

#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-name{line-height:16px;}


/*KIWI LATEST NEWS*/
.kiwi-latest{border:0px solid #ff0000;  overflow:hidden;}
.kiwi-latest-left{border:0px solid #ff0000; font-size:14px; line-height:24px; margin-left:2%; width:96%; float:none;}
.kiwi-latest-right{border:0px solid #0000ff; margin-left:2%; width:96%; float:none; overflow:hidden;}
.kiwi-latest-small-line{border:0px solid #ff00ff; width:100%; overflow:hidden; margin-top:13px;}
.kiwi-latest-small{border:0px solid #ff0000; width:32%; margin-right:2%; float:left;}
.kiwi-latest-small-line .kiwi-latest-small:last-child{border:0px solid #ff0000; margin-right:0%;}
.kiwi-big{ position:relative;}
.kiwi-big img{  width:100%;}
.kiwi-big-panel{  border:0px solid #ff0000; background: url(../images/bgSusreti.png);  position:absolute; width:100%; bottom:0px; left:0px; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.kiwi-big-panel .kiwi-latest-title-big{border:0px solid #0000ff; font-size:18px; line-height:28px; color:#fff; }
.kiwi-big-panel .kiwi-latest-title-big a{ color:#fff; }
.kiwi-big-panel .kiwi-latest-date-big{font-size:12px; color:#ddd;}

.kiwi-latest-ostale{font-size:16px; corlo:#111; margin-top:40px; background-color:#eee; line-height:36px; padding-left:10px;  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.kiwi-latest-date{font-size:12px; color:#888;}
.kiwi-latest-title-small{font-size:14px; line-height:20px; color:#111;}
.kiwi-latest-title-small a{font-size:14px; line-height:20px; color:#111;}
.kiwi-latest-list{padding:5px 0px; border-bottom:1px dotted #ddd;}

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

/*AKTIV DDK*/
.aktivddk{ padding:150px 0px; background: url(../images/bgAktivMobile.jpg) center center;}
.aktivNaslovMali{color:#fff; font-size:18px; line-height:28px; margin-bottom:25px;}
.aktivNaslovVeliki{color:#c92525; font-size:40px; line-height:50px; font-weight:bold; letter-spacing:1px;}
.aktivLeft .pitanja{width: 100%; padding: 7px 30px; border: 1px solid #fff; font-size: 15px; color: #fff; margin:20px 0px!important;}
.aktivLeft .pitanja:hover{ background-color:#fff; color:#111!important;}
.aktivLeft .pitanjaContainer{ margin:40px 0px 20px 0px;; border:0px solid #ff0000;}


/*BTCONTENTSLIDER */
#btcontentslider152 .bt-row:nth-child(3) .bt-center{padding:0px 10px;}
#btcontentslider152 .bt-row:nth-child(5) .bt-center{padding:0px 10px;}
#btcontentslider152 .bt-row-last .bt-center{padding:0px 10px; }
#btcontentslider152 .bt-row-first .bt-center{padding:0px 10px;}

/* GK - TABS */
#gk-tabs-153 {margin:20px 15px;}
#gk-tabs-153 .gkTabsContainer li{margin-bottom:12px;}
#gk-tabs-153 .gkTabsContainer li a{font-size:18px; line-height:18px;}

/*CONTENT */
.contentLeft{border:0px solid #ff0000; width:100%; float:none;}
.contentRight{border:0px solid #ff0000; width:100%; float:none; margin-top:80px;}
#jf-content {border:0px solid #ff0000; width:90%; font-size:18px; line-height:28px;}
#jf-content .main{margin-left:15px; margin-right:15px; padding-top:100px; border:0px solid #0000ff;}
.itemid-115 #jf-content .main {padding: 0;}
.itemid-121 #jf-content .main {padding: 0;}
.itemid-120 #jf-content .main {padding: 0;}

/* CATEGORY BLOG*/
.categoryBlog h2{font-size:18px; font-weight:bold;}
.categoryBlogDate{ font-size:12px;}
.categoryImage{width:100%;}
.categoryIntro{ width:100%;}
.categoryBlog{border:0px solid #000; overflow:hidden; margin-top:30px;font-size:14px; line-height:20px; }
.categoryTitle1{border:1px solid #ff0000; font-size:14px; padding-bottom:10px;}

.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;
}

.colspan50a {
	width: 100% !important;
}

.colspan50b {
	width: 100% !important;
}

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

.colspan75 {
	width: 100% !important;
}



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

#jf-mainnav {
	display: none;
}



#jf-menu {
	display: block;
	background-color: #fff;
	position: relative;
    z-index: 49;
}

#jf-menu .main {
	padding: 50px 0;
}

#jf-menu ul.menu {
	border-top: 1px solid #404040;
}

#jf-menu ul.menu li {
	border-bottom: 1px solid #404040;
	padding: 5px 0;
}

#jf-menu ul.menu li a {
    color: #404040;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
}

#jf-menu ul.menu li a:hover {
	color: #247D99;
}

#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-contact h3 {
	font-size: 52px;
}

#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;}
.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;}

#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:0px solid #ff0000; }
.contactRight{width:100%; border:0px solid #ff0000;}



}

@media  (max-width: 479px) {

/* SIDE NAVIGATION */

#mySidenav .nav-child li a{font-size:25px; line-height:35px!important;}



/*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;}
.logoNatpis{display:block!important; font-size:60px; color:#DDB437; text-align:center; margin-top:15px; font-family: 'Dynalight', cursive;}
.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;}



}