/*------------------------------------------------------------------------
# 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: 20px;
    line-height: 1.2em;
    color: #262626;
    background-color: #fff!important;
    border:0px solid #ff0000!important;
}

a {color: #006935; text-decoration: none;}
a:hover {color: #b8d346; 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: 36px;
}
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;
}

 
/* 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 */
#jf-content, #jf-home-c, #jf-latest, #jf-news, #jf-map {position: relative; z-index: 50;}
#jf-content {background-color: #fff;}
#jf-content .main {padding: 40px 0 40px;border:0px solid #ff0000; }
#jf-content .main h2{ font-size:24px; line-height: 34px; font-weight: bold; }
#jf-content .pull-left{ margin-bottom: 30px; }
.home #jf-content .main {padding: 0;}
.itemid-115 #jf-content .main, .itemid-117 #jf-content .main, .itemid-130  #jf-content .main, .itemid-135 #jf-content .main   {padding: 0;}
#jf-content div[itemprop="articleBody"]{ padding-top:20px; }
#jf-content .main p{color:#111; font-size: 16px; line-height: 26px;}
#jf-content .main a{color:#111;}
#jf-content .main a:hover{color:#3180c2;}
#jf-content ul {margin-bottom:15px; list-style-type:disc; margin-left:40px;}
#jf-content ul li {margin-bottom:10px; font-size: 16px; line-height: 24px; text-align: left;}
#jf-content ol {margin-bottom:15px; list-style-type:decimal; margin-left:40px;}
#jf-content ol li {margin-bottom:10px; font-size: 16px; line-height: 24px; text-align: left;}
#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-bottom:1px solid #ddd; text-align:right; margin-bottom: 20px; font-size:14px; line-height: 26px; color:#333; padding-right:10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#jf-content .icons{ display:none;}

#jf-content table{ width:auto; border-collapse: collapse; margin-bottom: 15px; border-bottom: 1px solid #ddd; }
#jf-content table th{ font-size: 16px; padding:8px 15px; line-height: 24px; background: #c3e1fb; color:#000; border-bottom: 1px solid #fff }
#jf-content table td{ font-size: 16px; padding:8px 15px; line-height: 24px; }
#jf-content table tr:nth-child(odd){background-color:#efefef;}

 

 

/* 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{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    padding-bottom: 20px;
}
.item-page h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 30px;
    padding-bottom: 20px;
    border-bottom:1px solid #ddd;
}

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

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


/*NAZIV*/
.nazivAll{ color: #000; margin-left: 30px; padding-top: 23px; }
.nazivLara{ font-family: 'Niconne', cursive; font-size: 35px; line-height: 35px; }
.nazivGrad{ font-size: 14px; line-height: 14px; text-align: center; letter-spacing: 10px; margin-top:5px; color: #222;  text-transform: uppercase;}

/*HEADER TOP*/
.header-top{ height: 40px; background-color:#006935;  }
.header-plava-left{float:left; color:#fff; width:80%; height: 30px; font-size:14px; line-height: 40px;  }
.header-radno-pijaca{ margin-left: 15px;  }
.header-kontakt-tel{ color:#fff; margin-left: 20px; background: url('../images/phone.png') left center no-repeat; padding-left:23px; background-size: 16px;  font-weight: bold; }
.header-kontakt-email{color:#fff; background: url('../images/email.png') left center no-repeat; padding-left:23px; background-size: 16px;  font-weight: bold;}
.header-plava-left-inner{ position: relative; }
.header-plava-social{  text-align: center; margin-top:6px;}
.header-plava-social img{height: 22px;   }
.header-plava-social img:nth-child(1){ margin-right: 20px;}
.header-plava-right{ float:right; width:180px; background: url(../images/bg-social-left.png) left center no-repeat, url(../images/bg-social-right.png) right center no-repeat;  background-color:#9fcc40;  text-align: center; height: 40px; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box; }

/*HEADER*/
.header{height:90px; position: absolute; z-index: 99; width: 100%; }
.header .logo{border:0px solid #ff0000; float:left; width:10%; }
.header .logo img{ border:0px solid #ff00ff; float:left; height:80px; margin-top:5px;  }
 

/*KONTAKT BANER*/
.header-banner{ border:1px solid #ccc; float:right; width:40%; margin-top: 15px; height: 80px; text-align: center; }
.header-banner-slika{ font-size: 12px; color:888; text-transform: uppercase;  }

/*BREADCRUMBS*/
.breadcrumbs-cont{ background:#111 url(../images/traktor-na-njivi.jpg) center center no-repeat; background-size: cover; height: 170px;  width: 100%; padding-top:120px; } 
.breadcrumbs_title{ width: 100%; text-align: center; font-size: 36px; line-height: 46px; letter-spacing:3px;  font-weight: 300; color:#fff; margin-bottom: 20px; }
.breadcrumbs{ text-align: center; color:#ddd; font-size: 16px; line-height: 24px; }
.breadcrumbs a{ color:#a0cc41; padding:0px 10px;  }
.breadcrumbs span{ padding-left: 10px; }
.breadcrumbs a:hover{ color:#fff; }

/*GLAVNI MENI*/
.glavniMeni-container{ height:50px; display: none; }
.glavniMeni{ border:0px solid #ff0000; height:50px; background-color:#666; z-index:99; }


/* SLIDESHOW CK */
.slideshow-cover{ z-index: 3; position: absolute; height: 200px; top:0px; width: 100%; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); }
#camera_wrap_125{height:600px; z-index:0;}
#camera_wrap_125 .camera_caption {z-index:11!important; font-family: 'Roboto Condensed', sans-serif; width: 1000px; left:15%;  top:200px; }
#camera_wrap_125 .camera_caption > div{ background: none!important; z-index:11!important; }
.camera_caption_title{ font-size:80px!important; line-height: 100px!important; color: #fff!important; width:bold!important; text-shadow: 1px 1px 2px #000;}
.camera_caption_desc{font-size:40px!important; line-height: 50px!important; margin-top:20px!important; color:#ddd!important; text-shadow: 1px 1px 2px #000;}

 
/* MAIN NAVIGATION */
#kiwi-menu {border:0px solid #ddd; position: relative; padding:0px; margin:0px; margin-top:20px; z-index:99; width: auto; float:right;}
#kiwi-menu ul:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
#kiwi-menu ul.menu li {cursor: pointer; color: #fff; font-size: 16px; font-weight:700; line-height:50px; display: block; float: left; margin-right: 25px;}
#kiwi-menu ul.menu li a {color: #fff; font-weight:700; font-size: 16px; line-height:50px; }
#kiwi-menu ul.menu li.active a {color: #9fcc40;  }
#kiwi-menu ul.menu li a:hover {color: #9fcc40; transition: 0.5s; -moz-transition:0.5s; -webkit-transition: 0.5s; -o-transition:0.5s;}
#kiwi-menu .blob {position: absolute; height: 1px; bottom: -1px; z-index: 99;}
#kiwi-menu .nav-child{position:absolute;  background-color: #215f94; border:0px solid #ff0000; height:0px; transition:0.7s; overflow:hidden;}
#kiwi-menu .parent:hover .nav-child{ height:123px; transition: 0.7s; -moz-transition:0.7s; line-height:40px!important; background-color:#215f94; -webkit-transition: 0.7s; -o-transition:0.7s;}
#kiwi-menu .nav-child li{border-bottom:1px dotted #3281c4; width:100%; line-height:40px!important;  margin:0px; padding:0 10px; margin:0px 0px!important;}
#kiwi-menu ul.menu .nav-child li a {line-height:40px;}
 
#kiwi-menu .item-123:hover .nav-child, #kiwi-menu .item-131:hover .nav-child{ height:82px;}
#kiwi-menu .item-127:hover .nav-child{ height:205px;}

/*PAGE GENERAL*/
.page-podnaslov{ margin:30px 0px; padding-bottom: 10px; }
.page-naslov{font-size:20px; line-height: 28px; font-weight: bold; color:#006935; margin-bottom: 15px; margin-top:0px;}
.page-cont{ overflow:hidden; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd}
.page-100{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.page-60{ float: left; width: 60%; }
.page-40{ float: right; width: 40%; }
.page-50{ float: left; width: 50%; }
.page-line{ border-bottom:1px solid #3180c2; margin:25px 0px; height: 1px; width: 33%; }
.page-blueline{border-bottom:1px solid #3180c2; width: 30%; margin:20px auto; height: 1px; }
.page-godina{ padding:7px 15px; color:#fff; background: #3180c2; }
.page-button-cont{ margin-top:20px; padding:10px 0px; width: 100%; text-align: center; }
.page-button{ border:2px solid #3180c2; padding:10px 40px; color:#111; border-radius: 10px; text-transform: uppercase; font-weight: bold; font-size: 14px; line-height: 20px;   }
.page-button:hover{cursor: pointer; background-color:#3180c2; color:#fff; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;  }

.page-cont ul{ margin-left: 0px!important; margin-right: 5px; list-style-type: none!important; }
.page-cont ul li{ background:url(../images/bg-ul-li.png) left 8px no-repeat; background-size: 10px; padding-left: 20px; }
.page-cont a{ color:#006935!important; font-weight: bold; } 
.page-cont a:hover{ color:#a0cc41!important;  } 

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


/*TABOVI*/
.rl_tabs ul{ margin-left:0px!important; margin-bottom:0px!important; }
.rl_tabs.outline_content > .tab-content > .tab-pane{ padding:15px 0px 0px 0px!important; }
.rl_tabs.outline_content > .tab-content{   border:0!important;}
.rl_tabs .nav-tabs{ border:0px; }
.rl_tabs > ul.nav-tabs > li{ margin-right: 5px!important; }
.rl_tabs .nav-tabs > li > a { border-radius: 0px!important; background: #efefef!important; border:0px!important; }
.rl_tabs .nav-tabs > li > a:hover{ background: #3180c2!important; color:#fff!important; }
.rl_tabs.top > ul.nav-tabs > li.active > a, .rl_tabs.top > ul.nav-tabs > li.active > a:focus, .rl_tabs.top > ul.nav-tabs > li > a:focus{ background: #3180c2!important; color:#fff!important; }
.rl_tabs.top>ul.nav-tabs>li.active>a:focus,.rl_tabs.top>ul.nav-tabs>li>a:focus { -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }

/*KONTAKT FORMA*/
.sscf-header {}
.sscf-header p{ font-size:24px!important; color:#111; line-height: 34px!important; margin-bottom:20px; text-align:left; font-weight: bold;  }


  

.mobileHeader{ display:none;}
 
.clr{ clear:both; width:100%; overflow:hidden;}


/*VIDEO CONTAINER*/
.video-container { overflow: hidden; position: relative; width:100%;}
.video-container::after { padding-top: 56.25%; display: block; content: '';}
.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}



/*NASLOVI*/
.naslov{  font-family: 'Roboto Condensed', sans-serif; font-size:46px;  font-weight:300; line-height: 56px; margin-bottom:40px; padding-bottom: 15px;/* background: url(../images/bg-naslov.png) left bottom no-repeat;*/ border-left:2px solid #9fcc40; padding:20px 0px 20px 30px; }
.podnaslov{ font-size:20px; font-weight: bold; line-height: 30px; margin-bottom:20px; }

/*DUGME*/
.dugme-cont{ margin-top:30px; padding:15px 0px; text-align: center; }
.dugme{ font-size:16px; padding:12px 50px; line-height: 18px; border-radius: 21px; border:1px solid #006935; text-transform: uppercase; color:#000; }
.dugme:hover{ background-color: #006935; border:1px solid #006935;  color:#fff; cursor: pointer; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;}
 

/*CONTENT*/
.content-left{ width:66%; float:left; }
.content-right{ width:32%; border-left:1px solid #ddd; padding-left:2%;  float:right;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/*KIWI LATEST NEWS*/
.content-right h3{ font-weight: bold; font-size:18px; color:#fff; text-transform: uppercase; background-color: #006935; line-height: 42px; padding-bottom:0px; padding-left:10px; }
.kiwi-latest{border:0px solid #ff0000;  overflow:hidden; background-color: #afd244; padding:0px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.kiwi-latest-date{font-size:12px; color:#006935;}
.kiwi-latest-list{padding:10px 0px; font-size:16px; line-height: 20px; border-bottom:1px dotted #859b27;}
.kiwi-latest-list a:hover{ color:#006935!important; }


/* NEWS CUSTOM - MOJ KIWI */
.vijesti{ padding:40px 0px; background-color: #efefef; }
#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:#3281c4; color:#fff; padding:8px 15px; 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;}


/*KONTAKT*/
.kontakti{ padding:40px 0px; background-color:#efefef;  }
.kontakti-cont{overflow: hidden;}
.kontakti-box{ width: 30%; float:left; margin-right: 5%; overflow:hidden;}
.kontakti-box:nth-child(3){ margin-right: 0%; }
.kontakti-left{ width: 20%; float:left; }
.kontakti-left img{ height: 40px; margin-top:20px;}
.kontakti-right{ width: 80%; float: right; }
.kontakti-title{ font-size:20px; line-height: 30px; text-align: left; margin-bottom: 10px; color:#000; font-weight: bold; }

/*KONTAKT FORMA*/
.kontakt-forma-box{ border-bottom: 1px solid #ddd; padding-bottom:15px;  width: 70%; margin:0px auto;margin-bottom: 15px; }
.kontakt-forma-box:first-child {margin-top: 18px;}
.kontakt-forma-title{ font-size: 15px; line-height: 21px; text-align: center; text-transform: uppercase; color:#aaa; letter-spacing: 4px;  }
.kontakt-forma-desc{ font-size: 15px; line-height: 21px; text-align: center; color:#111;  }
.kontakt-forma-desc a{ color:#000; }
.kontakt-forma-social{ text-align: center; }
.kontakt-forma-social img{ height: 34px; margin-top:10px; }
.kontakt-forma-social a:first-child img{ margin-right: 20px; }

/*O NAMA*/
.onama{ padding:80px 0px; }
.onama-left{ width:47%; float:left; }
.onama-right{ width: 47%; float:right; }
.onama-desc{ font-size: 16px; color:#555; line-height: 22px; margin-bottom: 15px;  }


/*PIJACNI BAROMETAR*/
.barometar{ overflow: hidden; padding:40px 0px; }
.barometar-tab {overflow: hidden; border-bottom: 4px solid #006935; }
.barometar-tab button {background-color: #fff; font-size: 16px; font-weight: bold; line-height: 14px; color:#000; float: left; border: 0px; cursor: pointer; padding: 30px 20px; transition: 0.3s; height: auto; margin:0px; border-radius: 0; outline: none!important;}
.barometar-tab button:hover { background-color: #efefef;}
.barometar-tab button.active { background-color: #006935; color:#fff;}
.barometar-tabcontent { display: none;  background-color:#006935; border-top: none; overflow: hidden;}  
 
.barometar-left{ width: 47%; float:left; padding: 20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.barometar-right{ width: 53%; float:right;  }
.barometar-right img{ width: 100%; }
.barometar-tabcontent ul { color:#fff; list-style-type: disc; margin-left: 30px;  }
.barometar-tabcontent ul li{ color:#fff; margin-bottom: 15px; font-size: 16px; line-height: 26px; }





/*KOSACICE*/
.kombajni{  padding-top:40px;}
.kombajni-cont{ width:100%; overflow: hidden;}
.kombajni-left{ width: 55%; float:left; }
.kombajni-right{ width: 45%; float:right; }
.kombajni-cars{ padding:40px 0px; background: url(../images/bg-line-onama.png) 140px repeat-y; margin-bottom: 20px;}
.kombajni-cars-inner{ font-size:30px; line-height:40px; background:url(../images/bg-circle-onama.png) 128px center no-repeat; background-size:25px;  padding-left: 170px;  margin-bottom: 60px; }
.kombajni-cars-inner:last-child{ margin-bottom: 0px; }
.kombajni-cars-inner:hover{ cursor: pointer; color:#006935;  background:url(../images/bg-circle-onama-blue.png) 128px center no-repeat; background-size:25px;  }
.kombajn-span{ background-color: #fff; border:1px solid #ddd; padding:8px 20px; margin-left:20px;  }
.kombajni-img-cars{ display: none;}
.kombajni-active{  background:url(../images/bg-circle-onama-blue.png) 128px center no-repeat;  background-size:25px; }
.kombajni-active .kombajn-span{ background-color: #006935; color:#fff; border:1px solid #006935; }

.kombajn-desc{ background-color:#efefef; margin-top:20px; }
.kombajn-desk-inner{ display: none; overflow: hidden; }
.kombajn-desc-left{   display: table-cell; width: 15%; text-align: center; vertical-align: middle; font-size: 24px; line-height: 28px; background-color:#006935; color:#a0cc41; font-weight: bold; text-transform: uppercase;}
.kombajn-desc-right{  display: table-cell; width: 85%; padding:25px;  color:#000; font-size: 20px; line-height: 30px; font-weight: bold; }
.desc-active{ display: block; }

/*BROJACI*/
.brojaci{ background:#efefef; }
.brojaci .naslov{ display: none; }
.brojaci-cont{ width: 100%; display: table; }
.brojaci-box{ width: 33%; display: table-cell; padding:20px 40px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.brojaci-number{ font-size: 36px; text-align: center; color:#444;   line-height: 70px; }
.fig-number{color:#000; font-size: 60px; font-weight: bold;}
.brojaci-title{ font-size:18px; text-align: center; color:#555; letter-spacing: 3px; text-transform: uppercase; line-height: 30px; }
.brojaci-title-span{  color:#555; color:#006935;  font-weight: bold;}

/*ZAKUP PROSTORA*/
.ukljucise{padding-bottom:40px;}
.ukljucise-left{ background:  url(../images/john-deere-servis-traktora-kombajna.jpg) center center no-repeat; background-size: cover; height: 100px; width: 300px; }
.ukljucise-right{ background: #006935 url(../images/bg-servisi.png) center bottom no-repeat; background-size: cover;  padding:80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ukljucise-right p{ font-size:40px!important; color:#fff!important; line-height: 50px!important; }
.ukljucise .dugme{ border-color:#9fcc40; color:#fff; }
.ukljucise .dugme:hover{ border-color:#9fcc40; background-color: #9fcc40; color:#000; }
 

/*ZASTO MI*/
.zastomi{ color:#d0ba26; font-weight:bold; background: #a5cd42 url(../images/bg-zasto-mi.jpg) center bottom no-repeat; background-size:cover; padding:60px 0px; z-index: 1!important}
.zastomi .naslov{ margin-bottom:50px; border-color:#000; }
.zastomi-cont{ width: 100%; overflow: hidden; }
.zastomi-box{ width: 45%; margin-right: 10%; margin-bottom:40px; float:left; overflow: hidden; }
.zastomi-box:nth-child(2n){ margin-right: 0%; }
.zastomi-box:nth-child(3), .zastomi-box:nth-child(4){ margin-bottom:0px; }
.zastomi-icon{ width:20%; float:left; }
.zastomi-icon img{ width: 50px; height: 50px; padding:10px; background-color:#006935; border-radius: 5px;}
.zastomi-content{ width: 80%; float: right; }
.zastomi-naslov{ font-size: 20px; font-weight: bold; color:#006935; line-height: 28px; margin-bottom: 15px; }
.zastomi-opis{ font-size: 16px; color:#000; line-height: 22px; font-weight: normal; min-height: 88px  } 




 
/*PUBLIKACIJA*/
.publikacije{ padding:20px 0px; background-color: #006935;}
.publikacije-container{ overflow:hidden; display: table; width: 100%; }
.publikacije-box{ width:33%; display:table-cell; padding:30px 0px;}
.publikacije-box:hover{ background-color:#add043; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; cursor: pointer;}
.publikacije-box:hover .publikacije-title a{ color: #fff }
.publikacije-box:nth-child(1){ margin:0%; padding-right:calc(2.5% - 1px); border-right:1px dotted #add043; }
.publikacije-box:nth-child(3){ margin:0%; padding-left:calc(2.5% - 1px); border-left:1px dotted #add043;}
.publikacije-image{ text-align: center;}
.publikacije-image img{ height: 100px;  }
.publikacije-title{ font-size:24px; font-weight: 300; text-transform: uppercase; text-align: center; line-height: 32px; margin:30px 0px 0px 0px; }
.publikacije-title a{ color:#fff; }
.publikacije-desc{ font-size:16px;  line-height: 24px; text-align: center; padding:0px 15px; -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;  box-sizing: border-box;  }

/* CATEGORY BLOG*/
.items-leading{ border:0px solid #ff0000; overflow: hidden; display: block; }
.blog h1{ border-bottom: 0px solid #ddd; margin-bottom: 30px; padding-bottom: 20px; }
.blog .subheading-category{ font-size:24px; text-transform: uppercase; font-weight: bold; line-height: 34px; margin-bottom:30px; overflow: hidden;  display: block; }
.categoryBlog{border:0px solid #000; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #aaa;}
.categoryTitle1 h2{font-size:20px!important; line-height: 28px!important; padding-bottom:10px; font-weight: bold;}
.categoryTitle1 h2:hover{ color:#006935; }
.categoryImage{width:30%; float:left; border:0px solid #00ff00;}
.categoryDate{font-size:14px; line-height: 22px; color:#888; margin-top:10px;}
.categoryIntro{border:0px solid #0000ff; float:left; font-size:16px; line-height: 26px; width:68%; padding-left:2%;}

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

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


/* 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 */
#btcontentslider144 .bt-row .bt-center{padding:0px 10px; background: 0px solid #ff0000!important;}
#btcontentslider144 .bt-row .bt-center:hover{ animation: fadeEffect 1s ease-in-out;  }
#btcontentslider144 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider144 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider144 .bt-row .bt-center:hover .bt-title{ color:#000;}
#btcontentslider144 .bt-row-last .bt-center{padding-left:20px; padding-right:0px; }
#btcontentslider144 .bt-row-first .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider144 .bt-row:nth-child(3) .bt-center{padding-left:20px; padding-right:0px;}
#btcontentslider144 .bt-row:nth-child(5) .bt-center{padding-right:20px; padding-left:0px;}
#btcontentslider144 .bt-date{border:0px solid #ff0000; padding:0px; margin:0px!important; color:#888; font-size:13px; top:0px; line-height:15px; padding-top:5px;}
#btcontentslider144 .traka{ border:0px solid #ff0000; text-align:left;}
#btcontentslider144 .bt-title{border:0px solid #ff0000; padding:0px; min-height: 64px; margin:0px!important; font-size:24px; line-height: 30px; color:#006935; text-align:left; display:inline-block; font-weight: 400; text-transform: none; }
#btcontentslider144 .bt-opis{ text-align: left; margin-top:15px; font-size: 16px; line-height: 22px; }
#btcontentslider144 .bt-procitaj{ text-align: left; margin-top:5px;  }
#btcontentslider144 .bt-procitaj a{ font-weight: bold; color:#006935; font-size: 16px;   }
#btcontentslider144 .bt-row-separate{border:0px solid #ff0000!important;}
#btcontentslider144 .bt-row-separate:before{border:5px solid #ff0000!important;}

@keyframes fadeEffect {
  0%   {opacity: 0.8;}
  20%   {opacity: 0.5;}
  50%   {opacity: 0.7;}
  100% {opacity: 1;}
}

 


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


 


/*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; }
.pagination .pagination-start{}
.pagination ul li{ margin:0px; padding:0px; border:1px solid #bbb; list-style-type:none; float:left; padding:0px 5px; margin:0px 3px 10px 3px!important;}




/****** PHOCAGALLERY ***************/
#phocagallery #pg-icons{display:none;}
#phocagallery h1{margin-bottom:30px!important; color:#262626;}
.pg-csv-name{border:0px solid #ff0000;  font-size:16px; line-height:16px;}
.pg-csv-name a:hover{color:#107388!important;}
.pg-csv-box{border:0px solid #ff0000; margin-right:25px; margin-bottom:25px; overflow:hidden; height:330px!important;}
.pg-cv-box{ margin-right:25px;  margin-bottom:25px;}


 
.homeMargina{margin:0px; border:0px solid #ff0000;}
.homeMarginaRight{margin-right:20px; border:0px solid #ff0000;}
 
 
/****** TESTIMONIALS ***************/
.testimonials .naslov{ color:#fff; }
.testimonials .naslov-container{ border:1px solid #dbae1d; }
.testimonials .naslov-absolute{ background-color: #fff; color:#dbae1d; background-color: #013042}
.testimonials{ background-image: url("../images/dzon-dir-traktori-kombajni.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding:80px 0px; }
.testimonials-container { position: relative; margin: auto;}
.testimonials-slide {display: none}
.testimonials-image { text-align: center; overflow: hidden; border:0px solid #ff0000; }
.testimonials-prev, .testimonials-next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white;
  font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;  border:2px solid #9fcc40;}
.testimonials-next { right: 0; border-radius: 3px 0 0 3px;}
.testimonials-prev:hover, .testimonials-next:hover { background-color:#9fcc40;}
.testimonials-text {color: #fff; font-size: 40px; line-height: 55px; min-height: 235px!important; border:0px solid #ff0000; padding:60px 100px 10px 100px;  width: 100%; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:30px; }
.testimonials-name{color:#fff; font-size:16px; font-weight: bold; text-align: center;  }
.testimonials-work{color:#9fcc40; font-size:14px;  text-align: center; margin-bottom:30px; margin-top:5px; text-transform: uppercase;}
.testimonials-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #ddd; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.testimonials-active, .testimonials-dot:hover { background-color: #9fcc40;}
.testimonials-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}




 /*FOOTER*/
.footer{ background-color: #262626; padding:60px 0px; z-index: 1!important}
.footer-margin-top{ margin-top: 10px; }
.footer-image img{ height: 160px; }
#home-c-r-5 .homeMargina{ padding-left: 50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  }
.footer-slogan{ color:#fff; font-size:30px; letter-spacing: 3px; font-weight: bold; line-height: 36px; margin-top:40px; margin-bottom: 30px; text-align: center; }
.footer-ul ul{ margin-top:5px; margin-left: 0px;   }
.footer-ul ul li{ font-size: 15px; line-height: 22px; padding-left:22px; color:#888; margin-bottom:10px; background: url('../images/bg-ul-li.png') left 6px no-repeat; background-size: 10px; }
.slogan-span{ color:#9fcc40; }
.footer-desc{ color:#888; font-size: 15px; line-height: 22px; margin-bottom: 10px; }
.footer-naslov{ font-size:14px; line-height: 20px; margin-bottom: 20px; color:#fff; font-weight: bold; text-transform: uppercase; }
.footer-list{  background: #262626 url("../images/bg-line-footer.png") no-repeat center left; font-size:15px;  line-height: 24px; padding: 7px 0px; color:#888;  padding-left:30px;}
.footer-list a{ color:#888; }
.footer-list a:hover{ color:#9fcc40; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s; }
 
.footer-telefon{ background: #262626 url("../images/phone.png") no-repeat center left; background-size: 16px; line-height: 24px; padding:7px 0px; padding-left:30px; }
.footer-adresa{ background: #262626 url("../images/Home.png") no-repeat center left; background-size: 16px; line-height: 20px; padding:7px 0px; padding-top:0px; padding-left:30px;  }
.footer-fax{ background: #262626 url("../images/faxMachine.png") no-repeat center left; background-size: 16px; line-height: 24px; padding:7px 0px; padding-left:30px;  }
.footer-email{ background: #262626 url("../images/email.png") no-repeat center left; background-size: 16px; line-height: 24px; padding:7px 0px; padding-left:30px;  }


.footer-social{ margin-top:20px;  }
.footer-social img{ height: 20px; margin-right: 15px; padding:10px; background-color:#9fcc40; border-radius: 5px;  }
.footer-social img:hover{cursor:pointer; background-color:#fff; -moz-transition: .5s; -webkit-transition: .5s; transition: .5s;  }
 
 
.preloader{ position:fixed; top:0px; left:0px; background-color:#0C0C0C; width:100%; height:100%; z-index:9999;}



 



/* #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%;
}
.colspan30 {
    width: 30%;
}
.colspan20 {
    width: 20%;
}
.colspan40 {
    width: 40%;
}
.colspan60 {
    width: 60%;
}

.colspan33a {
    display:none;
}


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

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

@media (min-width: 1602px) {
    /*SLIDESHOW CK*/
    #camera_wrap_125{height:700px; z-index:0;}
    #camera_wrap_125 .camera_caption {font-family: 'Roboto Condensed', sans-serif; width: 1100px; left:15%;  top:150px; }
    #camera_wrap_125 .camera_caption > div{ background: none!important }
    .camera_caption_title{ font-size:100px!important; line-height: 120px!important; color: #fff!important; width:bold!important; text-shadow: 1px 1px 2px #000;}
    .camera_caption_desc{font-size:50px!important; line-height: 60px!important; margin-top:30px!important; color:#ddd!important; text-shadow: 1px 1px 2px #000;}

}


@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: 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) {
 
 
.glavniMeni{display:none;}
.glavniMeni-container{ display: none }
.header{display:none;}
.mobileHeader{display:block; width:100%; position: absolute; height:60px; z-index:100;}
.logoSlika{ height: 56px; position: absolute; top:2px; left:50%; margin-left: -35px; }
.projektiNaslov{margin:20px 15px;}
.homeMargina2015{margin:20px 15px;}
.homeMargina{ margin:0px 15px; }
.spanBottom{margin-bottom:40px;}
.categories-list h3{margin-bottom:15px;}
.tim{width:100%;}

.homeMarginaRight{margin-right:0px; border:0px solid #ff0000;}
 
/*HEADER TOP*/
.header-top{ height: 30px; border-bottom:0px solid #ddd;  background-color: #006935; }
.header-plava-left{ float:left; color:#111; width:77%; height: 54px; font-size:13px; margin-left:0px; margin-top:3px; line-height: 24px;  }
.header-radno-pijaca{ margin-left: 0px; display: block  }
.header-kontakt-tel{ color:#fff; margin-left: 20px; background: url('../images/phone.png') left center no-repeat; padding-left:23px; background-size: 16px;  font-weight: normal; }
.header-kontakt-email{color:#fff; background: url('../images/email.png') left center no-repeat; padding-left:23px; margin-left: 5px; background-size: 16px;  font-weight: normal;}
.header-plava-left-inner{ position: relative; }
.header-plava-social{ position: relative; top:auto; right: auto; margin:0px; height: 30px; }
.header-plava-social img{height: 16px; margin-top:3px; }
.header-plava-social img:nth-child(1){ margin-right: 8px; margin-left: 0px;}
.header-plava-right{ float:right; width:23%; height: 30px;  text-align: center; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box; }


/*NASLOV*/
.naslov{font-size:30px;  line-height: 40px; margin-bottom:30px; border-left:1px solid #9fcc40; padding:10px 0px 10px 20px;}

/*NAZIV*/
.nazivAll{ color: #000; margin-left: 0px; padding-top: 3px; }
.nazivLara{ font-family: 'Niconne', cursive; font-size: 25px; line-height: 25px; color:#fff; }
.nazivGrad{ font-size: 11px; line-height: 11px; text-align: center; letter-spacing: 4px; margin-top:5px; color: #ddd;  text-transform: uppercase;}

/*CONTENT*/
.content-left{ width:100%; float:none; }
.content-right{ width:100%; float:none; padding-top:40px; padding-left:0px; border:0px;}
 #jf-content .main h2{ font-size:24px; line-height: 30px; }


/* SLIDESHOW CK */
.slideshow-cover{height: 120px; background-image: linear-gradient(to bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)); }
#camera_wrap_125{height:350px; z-index:0;}
#camera_wrap_125 .camera_caption {font-family: 'Roboto Condensed', sans-serif; width: 90%; left:5%;  top:120px; height: auto; }
.camera_caption_title{ font-size:40px!important; line-height: 50px!important; color: #fff!important; width:bold!important; text-shadow: 1px 1px 2px #000;}
.camera_caption_desc{font-size:24px!important; line-height:32px!important; margin-top:10px!important; color:#ddd!important; text-shadow: 1px 1px 2px #000;}

/*DUGME*/
.dugme-cont{ margin-top:30px; }
.dugme{ font-size:16px; padding:10px 40px;  }
 
/*PAGE GENERAL*/
.page-podnaslov{ margin:30px 0px; padding-bottom: 10px; }
.page-naslov{font-size:20px; line-height: 28px; font-weight: bold; color:#006935; margin-bottom: 15px; margin-top:0px;}
.page-cont{ overflow:hidden; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ddd}
.page-100{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.page-60{ float: none; width: 100%; }
.page-40{ float: none; width: 100%; }
.page-50{ float: none; width: 100%; }
 

/*BREADCRUMBS*/
.breadcrumbs-cont{ background:#111 url(../images/traktor-na-njivi.jpg) center center no-repeat; background-size: cover; height: 100px;  width: 100%; padding-top:80px; } 
.breadcrumbs_title{ width: 100%; text-align: center; font-size: 20px; line-height: 25px; letter-spacing:0px;  font-weight: 300; color:#fff; margin-bottom: 10px; }
.breadcrumbs{ text-align: center; color:#ddd; font-size: 14px; line-height: 22px; }
.breadcrumbs a{ color:#a0cc41; padding:0px 5px;  }
.breadcrumbs span{ padding-left: 5px; }
.breadcrumbs a:hover{ color:#fff; }

/* MENU DUGME */
a.gotomenu {display: block; height: 30px; font-size:20px; line-height: 30px; color:#afd244; position: absolute; right: 10px; top: 18px; width: 30px; z-index: 60;}


/* SIDE NAVIGATION */
    #mySidenav{display:block;}
    .sidenav .sidenav-logo{ border:0px solid #ff0000; color:#be9b64; padding:50px 0px 20px 0px; background-color:#fff; margin-bottom:20px; text-align:center; font-weight:bold;  }
    .sidenav img{  height:90px; margin-bottom:10px;}
    .sidenav { background-color:#006935; border:0px solid #ff0000; height: 100%; width: 0; position: fixed; z-index: 1000; top: 0; left: 0; overflow-x: hidden; transition: 0.5s; }
    .sidenav  ul{margin:0px 30px;}
    .sidenav li{font-size:24px; line-height:40px; color:#fff; padding-left: 30px; border-bottom: 1px dotted #a9d043; list-style-type:none; -moz-box-sizing:border-box;  -webkit-box-sizing:border-box;  box-sizing:border-box; }
    .sidenav li:last-child{ border-bottom: 0px dotted #a9d043;}
    .sidenav a {padding: 0px 0px 0px 0px; text-align:left; text-decoration: none; font-size: 22px; line-height:40px;  color: #fff; display: block; transition: 0.3s}
    .sidenav a:hover, .offcanvas a:focus{color: #fff;}
    #mySidenav .nav-child li{ display:none;  margin-left:0px; line-height:22px; border:0px solid #0000ff; min-height:30px;}
    #mySidenav .nav-child li .separator{font-size:18px; 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:#006935;}

/*KONTAKT*/
.kontakti{ padding:40px 0px; background-color:#efefef;  }
.kontakti-cont{overflow: hidden;}
.kontakti-box{ width: 100%; float:none; margin-right: 0%; margin-bottom: 30px; margin-left: 30px; overflow:hidden;}
.kontakti-box:nth-child(3){ margin-right: 0%; margin-bottom: 0px; }
.kontakti-left{ width: 20%; float:left; }
.kontakti-left img{ height: 40px; margin-top:20px;}
.kontakti-right{ width: 80%; float: right; }
.kontakti-title{ font-size:20px; line-height: 30px; text-align: left; margin-bottom: 5px; color:#000; font-weight: bold; }
.kontakti-desc{ font-size: 16px; line-height: 24px; color:#555; }


/*PIJACNI BAROMETAR*/
.barometar{ overflow: hidden; }
.barometar-tab {overflow: hidden; }
.barometar-tab button {background-color: #fff; font-size: 14px; border-right: 0px solid #ccc!important; line-height: 14px; color:#000; float: left; border: 0px; cursor: pointer; padding: 14px 5px; width: 25%; transition: 0.3s; height: auto; margin:0px; border-radius: 0; outline: none!important;}
.barometar-tabcontent { display: none; overflow:hidden; border-top: none; overflow-x: hidden; }  
.barometar-left{ width:100%; float:none; padding: 15px 15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.barometar-right{ width: 100%; float:none;  }
.barometar-right img{ width: 100%; }
.barometar-tabcontent ul { color:#fff; list-style-type: disc; margin-left: 15px;  }
.barometar-tabcontent ul li{ color:#fff; margin-bottom: 15px; font-size: 16px; line-height: 26px; }

/*KONTAKT FORMA*/
.kontakt-forma-social{ margin-bottom: 30px; }
.itemid-135 .content-right{ display: none; }

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


/*KOSACICE*/
.kombajni{  padding-top:0px;}
.kombajni-cont{ width:100%; overflow: hidden;}
.kombajni-left{ width: 100%; float:none; }
.kombajni-right{ width: 100%; float:none; }
.kombajni-cars{ padding:40px 0px; background: url(../images/bg-line-onama.png) 60px repeat-y; margin-bottom: 20px;}
.kombajni-cars-inner{ font-size:20px; line-height:30px; background:url(../images/bg-circle-onama.png) 55px center no-repeat; background-size:11px;  padding-left: 70px;  margin-bottom: 30px; }
.kombajni-cars-inner:last-child{ margin-bottom: 0px; }
.kombajni-cars-inner:hover{ cursor: pointer; color:#006935;  background:url(../images/bg-circle-onama-blue.png) 55px center no-repeat; background-size:11px;  }
.kombajn-span{ background-color: #fff; border:1px solid #ddd; padding:8px 20px; margin-left:20px;  }
.kombajni-img-cars{ display: none;}
.kombajni-active{  background:url(../images/bg-circle-onama-blue.png) 55px center no-repeat;  background-size:11px; }
.kombajni-active .kombajn-span{ background-color: #006935; color:#fff; border:1px solid #006935; }

.kombajn-desc{ background-color:#efefef; margin-top:20px; }
.kombajn-desk-inner{ display: none; overflow: hidden; }
.kombajn-desc-left{   display: block; width: 100%; text-align: center; vertical-align: middle; font-size: 22px; line-height: 40px; background-color:#006935; color:#a0cc41; font-weight: bold; text-transform: uppercase;}
.kombajn-desc-right{  display: block; width: 100%; padding:15px 15px; color:#000; box-sizing: border-box; font-size: 18px; line-height: 26px; font-weight: bold; }
.desc-active{ display: block; }


/*ZAKUP PROSTORA*/
.ukljucise{padding-bottom:0px;}
.ukljucise .main{padding-bottom: 0px!important}
.ukljucise-left{  height: 100px; width: 100%; }
.ukljucise-right{  padding:40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.ukljucise-right p{ font-size:28px!important; color:#fff!important; line-height: 38px!important; }


/*ZASTO MI*/
.zastomi{ padding:0px 0px;}
.zastomi .naslov{ margin-bottom:30px; border-color:#000; }
.zastomi-cont{ width: 100%; overflow: hidden; }
.zastomi-box{ width: 100%; margin-right: 0%; margin-bottom:30px; float:left; overflow: hidden; }
.zastomi-box:nth-child(2n){ margin-right: 0%; }
.zastomi-box:nth-child(3){ margin-bottom: 30px; }
.zastomi-box:nth-child(4){ margin-bottom:0px; }
.zastomi-icon img{ width: 80%; height: auto; margin-top:7px; padding:7px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

 /*BROJACI*/

.brojaci .naslov{ display: none; }
.brojaci-cont{ width: 100%; display: block; }
.brojaci-box{ width: 100%; display: block; padding:20px 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.brojaci-number{ font-size: 36px; text-align: center;  line-height: 70px; }
.fig-number{ font-size: 60px; font-weight: bold;}
.brojaci-title{ font-size:18px; text-align: center; letter-spacing: 3px; text-transform: uppercase; line-height: 30px; }
.brojaci-title-span{   font-weight: bold;}


/*O NAMA*/
.onama{ padding:40px 0px; }
.onama-left{ width:100%; float:none; }
.onama-right{ width: 100%; padding-top:30px; float:none; }
.onama-desc{ font-size: 16px; color:#555; line-height: 22px; margin-bottom: 15px;  }

/****** TESTIMONIALS ***************/
.testimonials .naslov{ color:#fff; }
.testimonials .naslov-container{ border:1px solid #dbae1d; }
.testimonials .naslov-absolute{ background-color: #fff; color:#dbae1d; background-color: #013042}
.testimonials{ background-image: url("../images/dzon-dir-traktori-kombajni.jpg"); background-position: center center; background-size: cover; background-repeat: no-repeat; padding:40px 0px; }
.testimonials-container { position: relative; margin: auto;}
.testimonials-slide {display: none}
.testimonials-image { text-align: center; overflow: hidden; border:0px solid #ff0000; }
.testimonials-image img{height: 70px; }
.testimonials-prev, .testimonials-next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 8px; margin-top: -22px; color: white;
  font-weight: bold; font-size: 14px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;  border:2px solid #9fcc40;}
.testimonials-next { right: 0; border-radius: 3px 0 0 3px;}
.testimonials-prev:hover, .testimonials-next:hover { background-color:#9fcc40;}
.testimonials-text {color: #fff; font-size: 20px; line-height: 28px; min-height: auto!important; padding:30px 40px 10px 40px;  width: 100%; text-align: center; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin-bottom:30px; }
.testimonials-name{color:#fff; font-size:16px; font-weight: bold; text-align: center;  }
.testimonials-work{color:#9fcc40; font-size:14px;  text-align: center; margin-bottom:30px; margin-top:5px; text-transform: uppercase;}
.testimonials-dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #ddd; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.testimonials-active, .testimonials-dot:hover { background-color: #9fcc40;}
.testimonials-fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}



/*BTCONTENTSLIDER */
#btcontentslider144 .bt-row{ padding-bottom: 30px; }
#btcontentslider144 .bt-row:nth-child(3) { padding-bottom: 0px; }
#btcontentslider144 .bt-row  .bt-center{padding:0px 0px;}
#btcontentslider144 .bt-row:nth-child(3) .bt-center{padding:0px 0px;}
#btcontentslider144 .bt-row:nth-child(5) .bt-center{padding:0px 0px;}
#btcontentslider144 .bt-row-last .bt-center{padding:0px 0px; }
#btcontentslider144 .bt-row-first .bt-center{padding:0px 0px;}
#btcontentslider144 .bt-title{ min-height: auto;  font-size:22px; line-height: 28px;  }
 
/*FOOTER*/
#home-c-r-5 .homeMargina{ padding-left: 0px; margin-top:30px; }
 
/* 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 */
#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:60px; border:0px solid #0000ff;}
.itemid-115 #jf-content .main {padding: 0;}

/* CATEGORY BLOG*/
.categoryImage{width:100%;}
.categoryIntro{ width:100%; padding:0px;}
 
 
.categoryBlog{border:0px solid #000; overflow:hidden; margin-bottom:30px; padding-bottom:30px; border-bottom:1px dotted #aaa;}
.categoryTitle1 h2{font-size:18px!important; line-height: 26px!important; padding-bottom:0px; margin-top:5px; font-weight: bold;}
.categoryTitle1 h2:hover{ }
 
.categoryDate{font-size:14px; line-height: 22px; color:#888; margin-top:10px;}
 

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

.colspan3 {
    width: 100% !important;
}

.colspan25 {
    width: 100% !important;
}
.colspan40{ width: 100%; }

.colspan50 {
    width: 100% !important;
}

.colspan50a {
    width: 100% !important;
}

.colspan50b {
    width: 100% !important;
}

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

.colspan20 {
    width: 100%;
}
.colspan30 {
    width: 100%;
}

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

 


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



}