@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=latin-ext'); /*font-family: 'Open Sans', sans-serif;*/

/*
@font-face {
    font-family: 'helvetica_condensedmedium';
    src: url('../fonts/helvetica-condensed.eot');
    src: url('../fonts/helvetica-condensed.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-condensed.woff2') format('woff2'),
         url('../fonts/helvetica-condensed.woff') format('woff'),
         url('../fonts/helvetica-condensed.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
*/

@font-face {
  font-family: 'HelveticaNeueLTPro-BdCnO';
  src: url('../fonts/HelveticaNeueLTPro-BdCnO.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTPro-BdCnO.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-BdCnO.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTPro-BdCnO.svg#HelveticaNeueLTPro-BdCnO') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTStd-Cn';
  src: url('../fonts/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTStd-Cn.woff') format('woff'), url('../fonts/HelveticaNeueLTStd-Cn.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueLTPro-Cn';
  src: url('../fonts/HelveticaNeueLTPro-Cn.eot?#iefix') format('embedded-opentype'),  url('../fonts/HelveticaNeueLTPro-Cn.woff') format('woff'), url('../fonts/HelveticaNeueLTPro-Cn.ttf')  format('truetype'), url('../fonts/HelveticaNeueLTPro-Cn.svg#HelveticaNeueLTPro-Cn') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*
@font-face {
  font-family: 'Helvetica-Condensed-Bold';
  src: url('../fonts/Helvetica-Condensed-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Helvetica-Condensed-Bold.otf')  format('opentype'),
	     url('../fonts/Helvetica-Condensed-Bold.woff') format('woff'), url('../fonts/Helvetica-Condensed-Bold.ttf')  format('truetype'), url('../fonts/Helvetica-Condensed-Bold.svg#Helvetica-Condensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
*/

 
.socialLinks{ overflow:hidden; margin-bottom:1.5em; display: block; position: absolute; top: -5px; right: 0; width: 260px; }
.socialLinks .wrap{ margin:0 -10px }
.socialLinks .inner{ display:table; border-spacing:2px; border-collapse:separate; width:100% }
.socialLinks .item { -webkit-transform:skewX(-14deg); -moz-transform:skewX(-14deg); -ms-transform:skewX(-14deg); -o-transform:skewX(-14deg); transform:skewX(-14deg); font-size:15px; padding:9px  0; color:#fff; display:table-cell; text-align:center; width:14.28571%; height:1em }
.socialLinks .item:first-child { padding-left:.2em }
.socialLinks .item:last-child { padding-right:.2em }
.socialLinks .item:before{ -webkit-transform:skewX(14deg); -moz-transform:skewX(14deg); -ms-transform:skewX(14deg); -o-transform:skewX(14deg); transform:skewX(14deg); position:absolute; display:block; width:100% }
.socialLinks .item:hover { opacity: 0.8; }
.socialLinks .fb{ background:#3b5998 }
.socialLinks .fb:before{font-size:.95em;margin-left:-2px }
.socialLinks .tw{ background:#4099ff }
.socialLinks .tw:before { font-size:1.06em }
.socialLinks .gp{ background:#d34836}
.socialLinks .gp:before{font-size:.95em;margin-left:2px;margin-top:1px}
.socialLinks .vi{background:#7c529d}
.socialLinks .vi:before{font-size:.9em;margin-top:2px}
.socialLinks .wu{background:#11ae09}.socialLinks 
.wu:before{font-size:1em}
.socialLinks .cm{background:#dacb33}
.socialLinks .cm:before{font-size:1.5em;margin-top:-3px}
.socialLinks .ma{background:#da9a1e}
.socialLinks .ma:before{margin-left:-2px}
@media screen and (max-width:59.375em){.socialLinks .cm{display:none}}

.socialLinks span { /*text-indent: -5000px;*/ display: block; }

html { overflow-x: hidden; }
body { margin: 0; padding: 0; max-width: 100%; overflow-x: hidden; background: #f0f0f0; }
img { border: 0; }
.center { text-align: center; margin: inherit auto; }
.clear { clear: both; display: block; }
.container { width: 1150px; margin: 0 auto; position: relative; max-width: 100%; }
.arowRight {display: none; position: absolute; top: 16px; right: 0;}

#content .ytp-right-controls { padding-right: 10%!important; width: 90%; }
/*#content .slick-slide { background: #2e2e2e; }*/

a, a:hover, a:active, a:focus { outline: 0; }

::-webkit-selection { background: #106138; color: #fff; }
::-moz-selection { background: #106138; color: #fff; }
::selection { background: #106138; color: #fff; }

a, a *, .btn, .button, #header #cssmenu > ul > li > a, #animation #slider .desc .box *, input[type=submit], .quickShop tr { text-decoration: none; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } 
#animation #slider .desc, .animate *, .animate { text-decoration: none; -o-transition:1.5s; -ms-transition:1.5s; -moz-transition:1.5s; -webkit-transition:1.5s; transition:1.5s; } 

#header { position: relative; border-top: 8px solid #106138; background: #fff; }
#header .logo { float: left; display: block; margin: 23px 0; height: 100px; width: 373px; background: url(../template/logo.png) no-repeat center top; }
#header .logo:hover { opacity: 0.8; }
#header .rightText { float: right; margin-top: 30px; color: #fff; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 34px; text-align: right; }
#header .rightBox { position: absolute; top: 0; right: 0; /*float: right;*/ text-align: right; font-family: 'Open Sans', sans-serif; color: #fff; font-size: 12px; text-transform: uppercase; }
#header .rightBox .topNav { display: block; padding: 5px 20px; background: #106138; }
#header .rightBox .topNav a { color: #fff; }
#header .rightBox .topNav a:hover { color: #fff42b; }
#header .rightBox .topNav a.active { color: #fff42b; }
#header .rightText h2 { margin: 0 0 35px; font-weight: normal;  font-size: 34px; letter-spacing: -30; }
#header .rightText h2 span { color: #ffc315; }
#header .rightText p { font-family: 'Helvetica-Condensed-Bold'; font-size: 18px; margin: 0; color: #ffffff; letter-spacing: -30; }
#header .rightText a.btn { display: inline-block; padding: 9px; color: #fff; line-height: 20px; font-size: 20px; text-transform: uppercase; font-family: 'Helvetica-Condensed-Bold'; padding-right: 49px; background: #3a3a3a url(../template/redArrowRight.png) no-repeat right center; height: 20px; }
#header .rightText a.btn:hover { padding: 9px 29px; text-align: center; background-position: 350px center;  }
#header .rightCart { float: right; text-align: right; font-family: 'HelveticaNeueLTStd-Cn'; color: #636363; font-size: 15px; margin-top: 40px; }
#header .rightCart span.green { text-transform: uppercase; color: #106138; font-weight: 600; }
#header .rightCart .logInLink { text-transform: uppercase; color: #484848; display: inline-block; margin-left: 5px; }
#header .rightCart .logInLink:hover { text-decoration: underline; color: #106138; text-decoration: underline; }
#header .rightCart .cart { float: right; text-align: right; position: relative; margin: 15px 0; min-width: 220px; }
#header .rightCart .cart .leftInfo { float: left; width: calc(100% - 60px); }
#header .rightCart .cart .leftInfo span.strong { text-transform: uppercase; color: #636363; font-weight: 600; }
#header .rightCart .cart .cartBtn { background: #106138 url(../template/cartIco.png) no-repeat center center; display: block; width: 52px; height: 52px; float: right; margin-top: -5px; }
#header .rightCart .cart .cartBtn:hover { background-color: #fff42b; }
#header .rightCart .lang .langBtn:hover { background-color: #fff42b; }
#header .rightCart .lang .langBtnSr:hover { background-color: #fff42b; }
#header .rightCart .search { float: left; margin: 10px 0; max-height: 52px; }
#header .rightCart .search .searchForm { position: relative; margin-bottom: 15px; width: 300px;  }
#header .rightCart .search .searchForm input[type=text] { font-family: 'HelveticaNeueLTStd-Cn'; font-weight: 400; font-size: 15px; text-transform: uppercase; color: #636363; display: block; width: calc(100% - 2px - 30px); padding: 15px; background: #fff; border: 1px solid #d5d5d5; }
#header .rightCart .search .searchForm input[type=submit] { cursor: pointer; position: absolute; right: 0px; top: 0px; width: 51px; height: 51px; border: 0; background: #106138 url(../template/magnifier.png) no-repeat center center;  }
#header .rightCart .search .searchForm input[type=submit]:hover { background-color: #fff42b; }
#header .menuBg { border-top: 8px solid #fff42b; height: 75px; background: #106138; }
#header #cssmenu { width: 100%;  z-index: 20; height: 75px; text-transform: uppercase; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18px; color: #fff; position: relative; background: transparent; }

#header #cssmenu i { position: absolute; top: 21px; right: 16px; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); }
#header #cssmenu .has-sub2 i { top: 12px; }
#header #cssmenu ul { margin: 0; list-style: none; padding: 0; }
#header #cssmenu ul li.none { display: none; float: left; }
#header #cssmenu ul li { display: block; float: left; }
#header #cssmenu > ul > li > a { color: #fff; padding: 0 20px 0 15px; margin: 0 1px 0 0; text-transform: uppercase; min-width: 30px; vertical-align: middle; max-width: 175px; text-align: center; line-height: normal; font-size: 15px; height: 75px; display: table-cell; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
#header #cssmenu > ul > li > a span { vertical-align: middle; display: inline-block; line-height: normal; }
#header #cssmenu > ul > li > a.first { margin-left: 0; }
#header #cssmenu > ul > li > a.last { margin-right: 0; }
#header #cssmenu > ul > li > a:hover, #header #cssmenu > ul > li.active > a, #header #cssmenu  a.activeSubmenu { color: #106138; text-shadow: none; background: #fff42b; }
#cssmenu > ul > li.has-sub:hover > a::after, #cssmenu > ul > li.has-sub.active > a::after {  border-bottom: 1px solid #106138; border-right: 1px solid #106138; }


#header #cssmenu ul ul { z-index: 1000; position: absolute; padding-top: 0px; top: -9999px; left: -9999px; background: transparent; }
#header #cssmenu li:hover > ul { top: 75px; left: auto; }
#header #cssmenu ul ul ul { z-index: 1000; position: absolute;  top: 0; padding-top: 15px; display: none; border-left: 1px solid #fff42b; }
#header #cssmenu ul ul li.has-sub2 { overflow: visible; }
#header #cssmenu ul ul li.has-sub2:hover ul { left: 100%; display: block; top: 0; padding-top: 0;  }
#header #cssmenu ul ul li { border-bottom: 1px solid #fff42b; overflow: hidden; }
#header #cssmenu ul ul li a { padding: 15px 20px 10px; width: 350px; font-size: 17px; background: rgba(16,97,56,0.8); color: #fff; text-transform: none; }
#header #cssmenu ul li:hover ul.last { left: auto; right: 0; } 
#header #cssmenu ul ul.last li a { width: 70px; padding: 21px 20px 21px; line-height: 22px; font-size: 22px; }
#header #cssmenu ul li:hover > ul.last > li { height: 56px; }
#header #cssmenu ul ul ul li a { width: 350px; }
#header #cssmenu ul ul li:hover > a,
#header #cssmenu ul ul li a:hover { color: #106138; }

#content .popupBgDark {display: block;position: fixed;width: 100%;height: 100%;background: #000;opacity: 0.75;z-index: 9999;top: 0;left: 0;}
#content #popUp {display: none; position: fixed;top: 50%;left: 50%;z-index: 9999; width: 800px; height: 600px; margin: -300px 0 0 -400px; background: #fff; text-align: center;}
#content #popUp .closePopUp { display: block; position: absolute; color: #106138; font-size: 15px; width: auto; height: auto; right: 7px; top: 4px; font-family: 'HelveticaNeueLTStd-Cn'; background: #fff;padding: 2px 3px; }
#content #popUp img { max-width: 100%; display: inline-block; }
#content #popUp .popupTextRight {position: absolute;top: calc(100% - 680px / 2);right: 60px;text-align: right;}
#content #popUp .popupTextRight h2 {font-family: 'HelveticaNeueLTStd-Cn';text-transform: uppercase;font-size: 30px;color: #7b9191;margin: 0 0 20px;}
#content #popUp .popupTextRight p {font-family: 'HelveticaNeueLTStd-Cn';font-size: 20px;margin: 0;}
#content #popUp .popupTextLeft {position: absolute;bottom: 10px;left: 15px;}
#content #popUp .popupTextLeft p {margin: 0;font-family: 'HelveticaNeueLTStd-Cn';font-size: 15px;}
#content #popUp .popupTextLeft p a {color: #333333;text-decoration: underline;}
#content #popUp .popupTextLeft p a:hover {color: #7b9191;}

#animation { margin: 0; position: relative; height: 580px/*290px*/; }
#animation #slider { width: 100%; height: 580px/*290px*/; position: relative; left: 0; right: 0; }
#animation #slider img { display: block; margin: 0 auto; }


#animation #slider .desc { overflow: hidden; width: 100%; height: 580px/*290px*/; max-width: 100%; left: 50%; margin-left: -575px; position: absolute; z-index: 10; top: 0; background: none; text-align: left; }
#animation #slider .desc h2 { position: absolute; top: 65px; left: -200%; width: 100%; text-align: left; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 50px; font-weight: normal; color: #fff; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); } 
#animation #slider .slick-active .desc h2 { left: 0; }
#animation #slider .desc h3 { position: absolute; top: 130px; left: -200%; width: 100%; text-align: left; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: normal; color: #fff; margin: 0; } 
#animation #slider .desc h3 span { color: #ffc315; }
#animation #slider .slick-active .desc h3 { left: 0; }
#animation #slider .desc h3::after { content: ""; position: absolute; left: 0; bottom: -15px; height: 8px; width: 400px; background: #fff42b; }
#animation #slider .desc .btn { bottom: -300px; position: absolute; left: 0; display: inline-block; padding: 12px; color: #fff; line-height: 14px; font-size: 14px; text-transform: uppercase; font-family: 'helvetica_condensedmedium'; padding-right: 48px; background: #3a3a3a url(../template/redArrowRight.png) no-repeat right center; height: 14px; }
#animation #slider .desc .btn:hover { padding: 12px 30px; text-align: center; background-position: 350px center;  }
#animation #slider .slick-active .desc .btn { bottom: 300px; }

#greyBox { height: 80px; background: #484848; }
#greyBox .box { height: 45px; padding: calc((80px - 45px) / 2) 0; padding-left: 60px; width: calc((100% - 2 * 111px) / 3 - 60px); float: left; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 15px; color: #fff; line-height: 45px; }
#greyBox .separator { float: left; height: 45px; width: 1px; background: #5a5a5a; margin: calc((80px - 45px) / 2) 55px; }
#greyBox .box.truck { background: url(../template/truckIco.png) no-repeat left center; }
#greyBox .box.percentage { background: url(../template/percentageIco.png) no-repeat left center; }
#greyBox .box.mobile { background: url(../template/mobileIco.png) no-repeat left center; }


#cover { display: block; position: relative; height: 205px; max-width: 100%; margin: 0 auto; width: 100%; background-repeat: no-repeat; background-position: center top; background-size: auto 100%; }
#cover.default { background-image: url(../template/covers/default.jpg); }
#cover.traktori { background-image: url(../template/covers/traktori.jpg); }
#cover.klingerit { background-image: url(../template/covers/klingerit.jpg); }
#cover.rezervni-delovi-za-traktore-i-freze { background-image: url(../template/covers/rezervni-delovi-za-traktore-i-freze.jpg); }
#cover.poljoprivredne-masine { background-image: url(../template/covers/poljoprivredne-masine.jpg); }
#cover.navodnjavanje { background-image: url(../template/covers/navodnjavanje.jpg); }
#cover.oprema-za-briketiranje { background-image: url(../template/covers/oprema-za-briketiranje.jpg); }
#cover.o-nama { background-image: url(../template/covers/o-nama.jpg); }
#cover.ostalo { background-image: url(../template/covers/ostalo.jpg); }

#cover .msg { overflow: hidden; width: 100%; height: 240px; max-width: 100%; left: 50%; margin-left: -615px; position: absolute; z-index: 10; top: 0; background: none; text-align: left; }
#cover .msg h2 { text-transform: uppercase; position: absolute; top: 44px; left: -200%; /*width: 100%;*/ text-align: left; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 50px; font-weight: normal; color: #fff; margin: 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.5); background: rgba(16,97,56,0.5); padding: 0 5px; }
#cover .msg.animate h2 { left: 0; }
#cover .msg h3 { position: absolute; top: 105px; left: -200%; /*width: 100%;*/ text-align: left; font-family: 'Open Sans', sans-serif; font-size: 25px; font-weight: normal; color: #fff; margin: 0;  background: rgba(16,97,56,0.5); padding: 0 5px; }
#cover .msg.animate h3 { left: 0; } 
#cover .msg h3::after { content: ""; position: absolute; left: 0; bottom: -15px; height: 8px; width: 400px; background: #fff42b; }

#content {  }
#content .container { width: 1100px; background: #fff; padding: 60px 25px; }

#content .meatUs { padding-bottom: 40px; border-bottom: 1px solid #d6d6d6; }
#content .meatUs .left { float: left; width: 545px; }
#content .meatUs .left h1 { margin: 0; padding: 0; text-transform: uppercase; font-weight: normal; color: #2b2b2c; font-size: 25px; font-family: 'HelveticaNeueLTStd-Cn'; }
#content .meatUs .left p { margin: 10px 0; color: #2b2b2c; font-size: 15px; font-family: 'HelveticaNeueLTStd-Cn'; }
#content .meatUs .left .three_images {  }
#content .meatUs .left .three_images img { display: inline-block; }
#content .meatUs .left .three_images img:nth-child(2) { margin: 0 calc((100% - 3 * 175px) / 2); }
#content .meatUs .right { float: right; width: 520px; position: relative; }
#content .meatUs .right .icoLine { padding: 25px 0 40px 70px; position: relative; min-height: 45px; font-family: 'HelveticaNeueLTStd-Cn'; }
#content .meatUs .right .icoLine .ico { display: block; position: absolute; left: 0; top: 15px; width: 45px; height: 45px; z-index: 2; }
#content .meatUs .right .icoLine .ico.traktor { background: url(../template/traktorIco.png) no-repeat left center; }
#content .meatUs .right .icoLine .ico.konsalting { background: url(../template/konsaltingIco.png) no-repeat left center; }
#content .meatUs .right .icoLine .ico.klingerit { background: url(../template/klingeritIco.png) no-repeat left center; }
#content .meatUs .right .icoLine .ico.navodnjavanje { background: url(../template/navodnjavanjeIco.png) no-repeat left center; }
#content .meatUs .right .icoLine .ico.ugradnja { background: url(../template/ugradnjaIco.png) no-repeat left center; }
#content .meatUs .right .icoLine .ico.servis { background: url(../template/servisIco.png) no-repeat left center; }
#content .meatUs .right .icoLine::before { z-index: 1; content: ""; height: 100%; width: 1px; background-color: #d6d6d6; position: absolute; left: calc(45px / 2); top: 0;  }
#content .meatUs .right .icoLine h2 { margin: 0; font-size: 18px; font-weight: normal; color: #2b2b2c; /*font-family: 'HelveticaNeueLTPro-Cn';*/ font-family: 'HelveticaNeueLTPro-BdCnO'; }
#content .meatUs .right .icoLine p { margin: 10px 0 0; font-size: 15px; font-weight: normal; color: #242424; }
#content .meatUs .right .icoLine p a { font-weight: bold; color: #106138; }
#content .meatUs .right .icoLine p a:hover { color: #484848; }

#content h2.lineHeading { position: relative; display: block; margin: 0 0 25px; font-size: 25px; color: #ffffff; padding: 15px 20px; background: #484848; font-family: 'HelveticaNeueLTPro-Cn'; text-transform: uppercase; font-weight: normal; }
#content h2.lineHeading::after { content: ""; width: 15px; height: 100%; position: absolute; right: 0; top: 0; background: #fff42b; }

#content .categoryBox { margin-top: 60px; position: relative; padding-bottom: 40px; border-bottom: 1px solid #d6d6d6; }
#content .categoryBox .box { display: block; margin: 0 calc((100% - 3 * 325px) / 2) 40px 0; float: left; width: 325px; height: 315px;  }
#content .categoryBox .box:nth-child(3n + 1) { margin-right: 0; }
#content .categoryBox .box .picture { display: block; position: relative; width: 325px; height: 270px; }
#content .categoryBox .box .picture .a { width: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-filter: grayscale(0%); filter: grayscale(0%); -moz-filter: grayscale(0%); }
#content .categoryBox .box .picture span.b { overflow: hidden; display: block; width: 295px; height: 240px; background-position: center center; background-repeat: no-repeat; border: 2px solid #fff; position: absolute; top: 13px; left: 13px; z-index: 2; -webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%); }
#content .categoryBox .box .picture span.b .title { position: absolute; left: 0; width: 100%; padding: 8px 0; text-transform: uppercase; top: -100%; display: block; z-index: 3; background: rgba(0,0,0,0.8); font-family: 'HelveticaNeueLTPro-Cn'; font-size: 18px; color: #fff; text-align: center; }
#content .categoryBox .box .picture:hover span.b { -webkit-filter: grayscale(0%); filter: grayscale(0%); -moz-filter: grayscale(0%); }
#content .categoryBox .box .picture:hover span.b .title { top: 150px; }
#content .categoryBox .box  h3 { margin: 5px 0; font-weight: normal; font-family: 'HelveticaNeueLTPro-Cn'; font-size: 25px; color: #000; text-transform: uppercase; }

#content .oneNews {  }
#content .oneNews .oneNewsImage { margin: 30px 0; text-align: center; }
#content .oneNews .oneNewsImage img { max-width: 100%; }
#content .oneNews .oneNewsDesc p {margin: 10px 0 10px;}
#content .oneNews .oneNewsDesc b {font-family: 'HelveticaNeueLTStd-Cn';font-size: 14px;letter-spacing: .5px;word-spacing: .8px;}
#content .oneNews .videoItem { display: inline-block; margin: 5px; position: relative; }
#content .oneNews .videoItem .hover { position: absolute; text-align: center; top: 0; left: 0; width: 0%; height: 0; overflow: hidden;  }
#content .oneNews .videoItem .hover img { width: 64px; margin: calc((115px - 64px) / 2) auto; }
#content .oneNews .videoItem:hover .hover { width: 100%; height: 100%; background: rgba(255,255,255,0.3); }
#content .oneNews .documents { display: block; padding: 15px; }
#content .oneNews .documents .docBlock { font-size: 18px; color: #2b2b2c; padding: 5px 0 5px 35px; width: calc(50% - 70px); margin: 0 10px; display: inline-block;  min-height: 32px; background: url('../template/documentIco.png') no-repeat left center; }
#content .oneNews .documents .docBlock:hover { color: #106138; text-decoration: underline; }

#content .latestNews { position: relative; margin-top: 70px; }
#content .latestNews .box { float: left; width: calc(50% - 55px); margin-right: 110px; margin-bottom: 40px; }
#content .latestNews .box:nth-child(2n) { margin-right: 0px; }
#content .latestNews .box .picture { float: left; display: block; width: 125px; border-bottom: 7px solid #fff42b; }
#content .latestNews .box .picture img { display: block; }
#content .latestNews .box .rightInfo { float: right; width: calc(100% - 125px - 15px); }
#content .latestNews .box .rightInfo .date { display: block; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 12px; color: #242424; }
#content .latestNews .box .rightInfo h3 { font-family: 'HelveticaNeueLTPro-BdCnO'; color: #2b2b2c; font-weight: normal; font-size: 15px; margin: 5px 0; }
#content .latestNews .box .rightInfo p { font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; font-weight: normal; font-size: 14px; margin: 5px 0; letter-spacing: 0.6px; }
#content .latestNews .box .rightInfo .btn { display: inline-block; margin: 5px 0 0; font-size: 12px; padding: 10px 15px; text-align: center; background: #484848; color: #fff; font-family: 'HelveticaNeueLTStd-Cn'; text-transform: uppercase;  }
#content .latestNews .box .rightInfo .btn:hover { background: #106138; } 

#content .partners #slidePartners { margin: 15px 0; padding: 15px 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6;  }
#content .partners #slidePartners .partnerItem { margin: 0 20px; display: inline-block; -webkit-filter: grayscale(0%); filter: grayscale(0%); -moz-filter: grayscale(0%); }
#content .partners #slidePartners .partnerItem img { display: block; }
#content .partners #slidePartners .partnerItem:hover { -webkit-filter: grayscale(70%); filter: grayscale(70%); -moz-filter: grayscale(70%); }


#content .homeProducts { margin: 15px 0;  padding: 15px 0; }
#content .homeProducts .productItem { width: 225px; float: left; margin: 20px 20px 0 0; }
#content .homeProducts .productItem .picture { display: block; width: 225px; height: 220px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #d6d6d6; /*-webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%);*/ }
#content .homeProducts .productItem .picture:hover img { transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); /*-webkit-filter: grayscale(0%); filter: grayscale(0%); -moz-filter: grayscale(0%);*/ }
#content .homeProducts .productItem .picture img { display: block; }
#content .homeProducts .productItem .pInfo { margin: 10px 0; border-left: 8px solid #106138; padding-left: 10px; }
#content .homeProducts .productItem .pInfo h2 { height: 30px; overflow-y: hidden; margin: 0 0 10px; color: #2b2b2c; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 15px; line-height: 15px; font-weight: normal; text-transform: uppercase; }
#content .homeProducts .productItem .pInfo .catNum { margin: 0; color: #2b2b2c; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 15px; line-height: 15px; font-weight: normal; }


#content .leftMenu {  width: 260px; float: left; margin-bottom: 100px; }
#content .leftMenu h2 { position: relative; color: #2b2b2c; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 25px; line-height: 25px; padding-bottom: 10px; text-transform: uppercase; font-weight: normal; margin: 0 0 8px; border-bottom: 1px solid #d6d6d6; }
#content .leftMenu p { font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; }
#content .leftMenu a.menuItem { display: block; color: #2b2b2c; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 15px; line-height: 20px; margin: 2px 0;  padding: 15px 0; background-image: url(../template/circleIco.png); background-repeat: no-repeat; background-position: -200px 20px; }
#content .leftMenu a.menuItem.last {  }
#content .leftMenu a.menuItem:hover, #content .leftMenu a.menuItem.active { background-position: 7px 20px; background-color: #106138; color: #fff; padding: 15px 15px 15px 25px; }
#content .leftMenu .separator { margin: 5px 0; height: 1px; background: #d6d6d6; }

#content .leftMenu .restNews {position: relative;overflow: hidden;margin: 15px 0;}
#content .leftMenu .restNews .restNewsImage {float: left;width: 40%;}
#content .leftMenu .restNews .restNewsImage img {max-width: 100%;}
#content .leftMenu .restNews .restNewsHeadline {float: left;width: calc(60% - 10px);padding: 0 0 0 10px;}
#content .leftMenu .restNews .restNewsHeadline h3 {font-size: 17px;font-family: 'HelveticaNeueLTStd-Cn';color: #242424;font-weight: normal;margin: 0 0 5px;}
#content .leftMenu .restNews .restNewsHeadline p {font-size: 14px;font-family: 'HelveticaNeueLTStd-Cn';color: #242424;margin: 0;}
#content .leftMenu .restNews .restNewsHeadline p b { font-size: 12px; }
#content .leftMenu a .restNews:hover { opacity: 0.8; }

#content .rightContent { width: calc(100% - 260px - 50px); float: right; margin-bottom: 100px; }
#content .rightContent h1 { position: relative; color: #2b2b2c; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 25px; line-height: 25px; padding-bottom: 10px; text-transform: uppercase; font-weight: normal; margin: 0; border-bottom: 1px solid #d6d6d6; }
#content .rightContent h2.borderOn { position: relative; color: #2b2b2c; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 25px; line-height: 25px; padding-bottom: 10px; text-transform: uppercase; font-weight: normal; margin: 25px 0 0; border-bottom: 1px solid #d6d6d6; }
#content .rightContent p { margin: 5px 0 30px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; letter-spacing: auto; }
#content .rightContent b { font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; }
#content .rightContent ul { margin: 5px 0 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; letter-spacing: auto; }
#content .rightContent .products {  }
#content .rightContent .products .productItem { width: 225px; float: left; margin: 20px calc((100% - 3 * 225px) / 2) 20px 0; }
#content .rightContent .products .productItem:nth-child(3n) { margin-right: 0; }
#content .rightContent .products .productItem .picture { display: block; width: 225px; height: 220px; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #d6d6d6; /*-webkit-filter: grayscale(100%); filter: grayscale(100%); -moz-filter: grayscale(100%);*/ }
#content .rightContent .products .productItem .picture:hover img { transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); /*-webkit-filter: grayscale(0%); filter: grayscale(0%); -moz-filter: grayscale(0%);*/ }
#content .rightContent .products .productItem .picture img { display: block; }
#content .rightContent .products .productItem .pInfo { margin: 10px 0; border-left: 8px solid #106138; padding-left: 10px; }
#content .rightContent .products .productItem .pInfo h2 { height: 30px; overflow-y: hidden; margin: 0 0 10px; color: #2b2b2c; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 15px; line-height: 15px; font-weight: normal; text-transform: uppercase; }
#content .rightContent .products .productItem .pInfo .catNum { margin: 0; color: #2b2b2c; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 15px; line-height: 15px; font-weight: normal; }

#content .rightContent .products .paging { text-align: right; font-family: 'Open Sans', sans-serif; font-size: 15px; padding: 10px 0; margin: 15px 0; color: #383838; border-top: 1px solid #106138; border-bottom: 1px solid #106138; }
#content .rightContent .products .paging a { padding: 5px 8px; margin: 0 2px; background: #383838; color: #fff; }
#content .rightContent .products .paging a:hover, #content .products .paging a.current { background: #106138; }

#content .rightContent .oneProduct { padding: 25px 0 0 0; margin: 0 0 50px; }
#content .rightContent .oneProduct .picture { overflow: hidden; width: 340px; height: 340px; float: left; border: 1px solid #d9d9d9; border-right: 4px solid #106138; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#content .rightContent .oneProduct .picture img { display: block; }
#content .rightContent .oneProduct .rightInfo { width: calc(100% - 340px - 15px); float: right; }
#content .rightContent .oneProduct .rightInfo h3 { margin: 0 0 10px; color: #2b2b2c; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 20px; line-height: 20px; font-weight: normal; text-transform: uppercase; }
#content .rightContent .oneProduct .rightInfo p { margin: 5px 0 40px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; letter-spacing: auto; }
#content .rightContent .oneProduct .rightInfo .spec { font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; letter-spacing: auto; text-decoration: underline; }
#content .rightContent .oneProduct .rightInfo .spec:hover { text-decoration: none; }
#content .rightContent .oneProduct .rightInfo .price { margin: 15px 0; padding: 18px 0; border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; font-family: 'HelveticaNeueLTPro-BdCnO'; font-size: 20px; line-height: 20px; font-weight: normal; text-transform: uppercase; }
#content .rightContent .oneProduct .rightInfo .price span { float: right;  }
#content .rightContent .oneProduct .rightInfo .addCart { display: inline-block; min-height: 16px; padding: calc(29px / 2) 0 calc(29px / 2) 50px; margin-right: 15px; background: url(../template/cartIco.png) no-repeat left center; font-size: 16px; line-height: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; letter-spacing: auto; text-decoration: underline; }
#content .rightContent .oneProduct .rightInfo .addCart:hover { text-decoration: none; opacity: 0.8; }
#content .rightContent .oneProduct .rightInfo .sendInq { display: inline-block; min-height: 16px; padding: calc(29px / 2) 0 calc(29px / 2) 50px; margin-right: 15px; background: url(../template/inqIco.png) no-repeat left center; font-size: 16px; line-height: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; letter-spacing: auto; text-decoration: underline; }
#content .rightContent .oneProduct .rightInfo .sendInq:hover { text-decoration: none; opacity: 0.8; }
#content .rightContent .oneProduct .rightInfo .formInq { display: block; clear: both; padding: 10px 0; border-bottom: 1px solid #d9d9d9;  }
#content .rightContent .oneProduct .rightInfo .formInq.none { display: none; }
#content .rightContent .oneProduct .rightInfo .formInq p { margin-bottom: 10px; }
#content .rightContent .oneProduct .rightInfo .formInq input[type=text] { width: calc(100% - 20px); margin: 5px 0; display: block; border: 1px solid #d9d9d9; padding: 10px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; }
#content .rightContent .oneProduct .rightInfo .formInq textarea { min-width: calc(100% - 20px); max-width: calc(100% - 20px); min-height: 100px; max-height: 100px; margin: 5px 0; display: block; border: 1px solid #d9d9d9; padding: 10px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; }
#content .rightContent .oneProduct .rightInfo .formInq input[type=submit] { border: 0; cursor: pointer; float: right; display: inline-block; margin: 5px 0 0; font-size: 12px; padding: 10px 15px; text-align: center; background: #484848; color: #fff; font-family: 'HelveticaNeueLTStd-Cn'; text-transform: uppercase; }
#content .rightContent .oneProduct .rightInfo .formInq input[type=submit]:hover { background: #106138; } 
#content .rightContent .oneProduct .rightInfo .formInq .btnClose { border: 0; cursor: pointer; float: right; margin: 5px 15px 0 0; display: inline-block; font-size: 12px; padding: 11px 15px; text-align: center; background: #fff42b; color: #484848; font-family: 'HelveticaNeueLTStd-Cn'; text-transform: uppercase; } 
#content .rightContent .oneProduct .rightInfo .formInq .btnClose:hover { background: #106138; color: #fff; } 
#content .rightContent .oneProduct .rightInfo .formInq .required { float: left; } 
#content .rightContent .oneProduct .rightInfo .formInq .required label { text-align: right; display: block; float: left; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; } 
#content .rightContent .oneProduct .rightInfo .formInq .required input { float: left; width: 20px; margin-left: 10px; text-align: center; } 
#content .rightContent .oneProduct .rightInfo p.response { color: #fff; }
#content .rightContent .oneProduct .rightInfo .qty { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; color: #242424; margin: 0 0 20px; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 15px; line-height: 15px; font-weight: 600; }
#content .rightContent .oneProduct .rightInfo .qty .qty_minus { border: 1px solid #d5d5d5; cursor: pointer; display: inline-block; margin-left: 20px; width: 30px; height: 30px; line-height: 30px; text-align: center; }
#content .rightContent .oneProduct .rightInfo .qty .qty_minus:hover { background: #106138; color: #fff; } 
#content .rightContent .oneProduct .rightInfo .qty .qty_plus { border: 1px solid #d5d5d5; cursor: pointer; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; }
#content .rightContent .oneProduct .rightInfo .qty .qty_plus:hover { background: #106138; color: #fff; } 
#content .rightContent .oneProduct .rightInfo .qty input[name=kolicina] { color: #9e9e9e; margin: 0 -1px; border: 1px solid #d5d5d5; display: inline-block; height: 28px; width: 60px; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 15px; text-align: center; font-weight: 600; }
#content .rightContent .oneProduct .infoProduct { color: #2b2b2c; font-size: 15px; font-family: 'HelveticaNeueLTStd-Cn'; position: relative; padding: 25px 40px; margin-top: 45px; border: 1px solid #cecece; border-bottom: 4px solid #106138; }
#content .rightContent .oneProduct .infoProduct .infoIco { font-size: 35px; position: absolute; left: auto; right: 15px; top: 10px; color: #106138; }
#content .rightContent .oneProduct .infoProduct i { color: #106138; position: relative; margin-left: -20px; margin-right: 6px; }

#content .rightContent .leftVideo { font-family: 'HelveticaNeueLTStd-Cn'; color: #fff; text-align:center; float: left; width: 350px; height: 250px; border: 1px solid #d5d5d5; position: relative; overflow: hidden; }
#content .rightContent .leftVideo  a { color: #fff; }
#content .rightContent .leftVideo img { position: absolute; top: calc(50% - 64px); left: calc(50% - 64px);  }
#content .rightContent .leftVideo:hover img { transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); }
#content .rightContent .leftVideo .bottomText { font-size: 20px; text-transform: uppercase; height: 0px; overflow: hidden; display: block; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(0,0,0,0.5); }
#content .rightContent .leftVideo:hover .bottomText { height: auto; padding: 5px; }
#content .rightContent .rightCatalogue { font-family: 'HelveticaNeueLTStd-Cn'; color: #fff; text-align:center; float: right; width: 350px; height: 250px; border: 1px solid #d5d5d5; position: relative; overflow: hidden; }
#content .rightContent .rightCatalogue  a { color: #fff; }
#content .rightContent .rightCatalogue img { position: absolute; top: calc(50% - 64px); left: calc(50% - 64px);  }
#content .rightContent .rightCatalogue:hover img { transform: scale(1.25); -moz-transform: scale(1.25); -webkit-transform: scale(1.25); }
#content .rightContent .rightCatalogue .bottomText { font-size: 20px; text-transform: uppercase; height: 0px; overflow: hidden; display: block; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; background: rgba(0,0,0,0.5); }
#content .rightContent .rightCatalogue:hover .bottomText { height: auto; padding: 5px; }

#content .rightContent .oneProduct .picture.pictureTractor { width: 100%; text-align: center; margin: 0 auto; border-right: 1px solid #d9d9d9; height: 500px; }
#content .rightContent .oneProduct .picture.pictureTractor img { margin: 0 auto; }
#content .rightContent p.rightTractorP { text-align: right; margin: 30px 0 0; float: right; }
#content .rightContent .oneProduct .tableInfo {float: left;margin: 20px 0 0;width: 65%;}
#content .rightContent .oneProduct .tableInfo.smallWidth {width: 35%;}
#content .rightContent .oneProduct .tableInfo.halfWidth {width: 50%;}
#content .rightContent .oneProduct .tableInfo.fullWidth {width: 100%;}
#content .rightContent .oneProduct .tableInfo h3 {margin: 0 0 10px;color: #2b2b2c;font-family: 'HelveticaNeueLTPro-BdCnO';font-size: 20px;line-height: 20px;font-weight: normal;text-transform: uppercase;height: 20px;}
#content .rightContent .oneProduct .tableInfo h3.rightAlign { text-align: right; }
#content .rightContent .oneProduct table#Tractor tr td {font-size: 16px;font-family: 'HelveticaNeueLTStd-Cn';color: #242424;padding: 10px;width: 50%;}
#content .rightContent .oneProduct table#Tractor {width: 100%;border-bottom: 1px solid #ebebeb;padding: 0 10px;}
#content .rightContent .oneProduct table#Tractor th {font-family: 'HelveticaNeueLTStd-Cn';font-size: 18px;font-weight: normal;padding: 5px 0;}
#content .rightContent .oneProduct table#Tractor td.fontFam {font-family: 'HelveticaNeueLTStd-Cn' !Important;}
#content .rightContent .oneProduct table#Tractor td:nth-child(odd) {text-align: left;font-family: 'HelveticaNeueLTPro-BdCnO';}
#content .rightContent .oneProduct table#Tractor td:nth-child(even) {text-align: right;}
#content .rightContent .oneProduct table#Tractor tr:nth-child(odd) {background: #ebebeb;}
#content .rightContent .oneProduct table#Tractor tr:nth-child(even) { background: #fff; }
#content .rightContent .oneProduct .tableInfo ul { text-align: left; float: left; padding-left: 20px; }
#content .rightContent .oneProduct .tableInfo ul.right { text-align: right; float: right; padding-left: 0; }
#content .rightContent .oneProduct .tableInfo ul li { line-height: 1.6; }

#content .rightContent .brickLogos {overflow: hidden;margin: 20px 0;}
#content .rightContent .brickLogos img {float: left;}
#content .rightContent .brickLogos p { float: left; text-align: center; width: 100%; margin: 15px 0 0; text-transform: uppercase; font-size: 20px; }
#content .rightContent p span { font-size: 30px; }
#content .rightContent .googleCaptcha.contact { float: left; }

/*Vasa korpa*/
#content .rightContent table.korpa { margin: 20px 0 0 0; width: 100%; }
#content .rightContent table.korpa.paddingTopOn { padding: 40px 0 0 10px; margin: 0;  }
#content .rightContent table.korpa tr.naslovi { color: #3a3a3a; font-size: 15px; font-family: Sertig; text-transform: uppercase; }
#content .rightContent table.korpa tr.naslovi td { border-bottom: 1px solid #cccccc; padding: 0 0 3px 0; margin: 0; color: #3a3a3a; }
#content .rightContent table.korpa tr.naslovi td.cenaUkupno { color: #3a3a3a; }
#content .rightContent table.korpa tr.row td { border-bottom: 1px solid #cccccc; padding: 5px 10px 5px 0; margin: 0; }
#content .rightContent table.korpa tr td { font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 12px; color: #3a3a3a; vertical-align: top; padding: 5px 10px 5px 0; }
#content .rightContent table.korpa tr td.slika { width: 100px;}
#content .rightContent table.korpa tr td.slika img { border: 1px solid #cccccc; }
#content .rightContent table.korpa tr td.naziv { width: 150px; }
#content .rightContent table.korpa tr td.sifra { width: 115px; }
#content .rightContent table.korpa tr td.kolicina { width: 105px; }
#content .rightContent table.korpa tr td.osobine { width: 140px; }
#content .rightContent table.korpa tr td.cenaPojedinacno { width: 145px; }
#content .rightContent table.korpa tr td.cenaUkupno { width: 105px; color: #106138; }
#content .rightContent table.korpa tr td.obrisi {}
#content .rightContent table.korpa tr.ukupno { text-align: right; }
#content .rightContent table.korpa tr.ukupno.noBorder td { padding: 5px 10px 0; border: 0; }
#content .rightContent table.korpa tr.ukupno td { text-align: right; font-weight: bold; padding: 10px; border-bottom: 1px solid #cccccc; }
#content .rightContent table.korpa tr.ukupno td span{ color: #106138; }
#content .rightContent table.korpa tr.right {text-align: right; color: #3a3a3a; }
#content .rightContent table.korpa tr a { text-decoration: underline; color: #106138;  }
#content .rightContent table.korpa tr a:hover { text-decoration: none; color: #106138;  }
#content .rightContent table.korpa tr.right input.btnPorucujem { display: block; border: 0; float: right; cursor: pointer; background: #383838; color: #fff; margin: 15px 0 7px; cursor: pointer; padding: 10px 20px; text-align: center; text-transform: uppercase; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; line-height: 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; }
#content .rightContent table.korpa tr.right input.btnPorucujem:hover { background: #106138; }
#content .rightContent table.korpa .btnUpdateQty { font-weight: normal; display: inline-block; border: 0; background: #383838; color: #fff; margin: 0px; cursor: pointer; padding: 10px 20px; text-align: center; text-transform: uppercase; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; line-height: 13px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; text-decoration: none; }
#content .rightContent table.korpa .btnUpdateQty:hover { coloverr: #fff; background: #106138; text-decoration: none; }
#content .rightContent table.porudzbine { margin: 20px 0 0 0; width: 100%; }
#content .rightContent table.porudzbine.paddingTopOn { padding: 40px 0 0 10px; margin: 0;  }
#content .rightContent table.porudzbine tr.naslovi { color: #3a3a3a; font-size: 15px; font-family: Sertig; text-transform: uppercase; }
#content .rightContent table.porudzbine tr.naslovi td { border-bottom: 1px solid #cccccc; padding: 0 0 3px 0; margin: 0; color: #3a3a3a; }
#content .rightContent table.porudzbine tr.naslovi td.ukupnaCena { color: #3a3a3a; }
#content .rightContent table.porudzbine tr.row td { padding: 5px 10px 5px 0; margin: 0; }
#content .rightContent table.porudzbine tr td { font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 12px; color: #3a3a3a; vertical-align: top; padding: 5px 10px 5px 0; }
#content .rightContent table.porudzbine tr td.brPorudzbine { width: 150px;}
#content .rightContent table.porudzbine tr td.datumKupovine { width: 150px; }
#content .rightContent table.porudzbine tr td.brArtikala { width: 150px; }
#content .rightContent table.porudzbine tr td.ukupnaCena { width: 150px; color: #106138; }
#content .rightContent table.porudzbine tr td.statusPorudzbine { width: 100px; }
#content .rightContent table.porudzbine tr td.statusPorudzbine.red { color: #106138; }
#content .rightContent table.porudzbine tr td.statusPorudzbine.blue { color: #0884c2; }
#content .rightContent table.porudzbine tr td.statusPorudzbine.grey { color: #6f6e6e; }
#content .rightContent table.porudzbine tr td.statusPorudzbine.green { color: #1aae17; }
#content .rightContent table.porudzbine tr td.akcija { width: 62px; vertical-align: middle; }
#content .rightContent table.porudzbine tr td.akcija img.stampa {margin: 0 3px; }
#content .rightContent table.porudzbine tr td.akcija img.stavke {margin: 0 3px -3px 3px; }
#content .rightContent table.porudzbine tr.stavkeRacuna td { padding: 0; margin: 0; min-height: 1px; border-bottom: 1px solid #cccccc;  }
#content .rightContent table.porudzbine tr.stavkeRacuna td .stavke { display: none; padding: 0 62px 0 0; }
#content .rightContent table.porudzbine tr.stavkeRacuna td .stavke table { width:100%; }
#content .rightContent table.porudzbine tr.stavkeRacuna td .stavke .naziv { width: 150px; padding: 5px 0 0 0; border: 0 }
#content .rightContent table.porudzbine tr.stavkeRacuna td .stavke .osobine { width: 150px;  padding: 5px 0 0 0;  border: 0 }
#content .rightContent table.porudzbine tr.stavkeRacuna td .stavke .kolicina { width: 150px; padding: 5px 0 0 0;  border: 0 }
#content .rightContent table.porudzbine tr.stavkeRacuna td .stavke .cenaPojedinacno { width: 150px; padding: 5px 0 0 0;  border: 0 }
#content .rightContent table.porudzbine tr.stavkeRacuna td .stavke .cenaUkupno { width: 100px; color: #106138; padding: 5px 0px 0 0;  border: 0 }

/*Quickshop*/
#content .rightContent .quickShop {}
#content .rightContent .quickShop h1 { margin-bottom: 5px; }
#content .rightContent .quickShop input { padding: 10px; border: 1px solid #106138; float: right; margin-top: -5px; }
#content .rightContent .quickShop .productHeading { width: 100%; color: #fff; background: #106138; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; text-transform: uppercase;}
#content .rightContent .quickShop .productHeading td { width: calc((790px - 17px) / 5); vertical-align: middle; }
#content .rightContent .quickShop .productHeading td:nth-child(5) { padding-right: 17px;  }
#content .rightContent .quickShop .productList { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; color: #2b2b2c; }
#content .rightContent .quickShop .productList tr.dNone { display: none; }
#content .rightContent .quickShop .productList tr:hover { background: rgba(16,97,56,0.5); }
#content .rightContent .quickShop .productList tr:hover td { color: #fff; }
#content .rightContent .quickShop .productList td { height: 35px; width: calc((790px - 17px) / 5); vertical-align: middle; border-bottom: 1px solid #2b2b2c; }
#content .rightContent .quickShop .productList td .qty { float: left; margin-right: 10px; width: 20px; padding: 5px; text-align: center;  }
#content .rightContent .quickShop .productList td a { color: #106138; }
#content .rightContent .quickShop .productList tr:hover td a { color: #fff;  }
#content .rightContent .quickShop .scroll { height: 700px; overflow-y: auto; width: 100%; }

/*Proces registracije*/
#content .rightContent .procesRegistracije { position: relative; min-height: 500px; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; }
#content .rightContent .procesRegistracije .potvrdaRegistracije { color: #3c3c3c; line-height: 22px; padding: 0 0 0 30px; margin: 10px 0; height: 22px; background: url(../template/korisnickoImeCheck.png) no-repeat left top;  }
#content .rightContent .procesRegistracije .potvrdaRegistracije.error { background-position: 0 -22px;  }
#content .rightContent .procesRegistracije h2 span { font-size: 10px; }
#content .rightContent .procesRegistracije table { border: 0; padding: 0; width: 100%;   }
#content .rightContent .procesRegistracije table tr td { padding: 5px 0;  }
#content .rightContent .procesRegistracije table tr td:first-child { text-align: left; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 15px; width: 250px; color: #636363; font-weight: 600; }
#content .rightContent .procesRegistracije table tr td:first-child span { float: right; margin: 0 5px 0 0; text-decoration: none;  }
#content .rightContent .procesRegistracije table.paketi tr td { vertical-align: top; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; width: 170px; color: #636363; text-transform: none; }
#content .rightContent .procesRegistracije table.paketi tr td span { float: none; margin: 0 5px 0 0; text-decoration: none; color: #106138;  }
#content .rightContent .procesRegistracije table tr td .registracijaInputBg { float: left;  border: 1px solid #b8b8b8; color: #5a5a5a; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; height: 20px; width: 220px;  padding: 5px; } 
#content .rightContent .procesRegistracije table tr td .registracijaInputBg.textarea {min-width: 450px; max-width: 450px; min-height: 150px;max-height: 150px; } 
#content .rightContent .procesRegistracije  .ui-datepicker-trigger { left: 5px; top: 5px; } 
#content .rightContent .procesRegistracije table tr td .registracijaInputBg.left {float: left; }
#content .rightContent .procesRegistracije table tr td .registracijaInputBg.antispam { width: 50px; }
#content .rightContent .procesRegistracije table tr td .checkLoading { display: none; width: 21px; height: 22px; float: left; margin: 3px 10px; }
#content .rightContent .procesRegistracije table tr td .checkValue { line-height: 12px; margin: 3px 10px; font-size: 12px; padding: 2px 0 0 25px; color: #106138; display: none; height: 22px; float: left; background: url(../template/korisnickoImeCheck.png) no-repeat left top; }
#content .rightContent .procesRegistracije table tr td.note { text-transform: none; font-size: 12px;  }
#content .rightContent .procesRegistracije table tr td.note .red { color: #e3232e;  }
#content .rightContent .procesRegistracije table tr td span { color: #3c3c3c; text-decoration: underline; }
#content .rightContent .procesRegistracije p { color: #3c3c3c; }
#content .rightContent .procesRegistracije p.borderOn { border-bottom: 1px solid #d5d5d5; margin: 10px 0; padding: 0px 0 10px; }
#content .rightContent .procesRegistracije p a { color: #106138; font-weight: bold; }
#content .rightContent .procesRegistracije p a:hover { text-decoration: underline; }
#content .rightContent .procesRegistracije .button { border: 0; cursor: pointer; display: inline-block; margin: 5px 0 0; font-size: 12px; padding: 10px 15px; text-align: center; background: #484848; color: #fff; font-family: 'HelveticaNeueLTStd-Cn'; text-transform: uppercase;  }
#content .rightContent .procesRegistracije .button:hover { background: #106138; } 

#content .rightContent .form-contact { margin-top: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #242424; }
#content .rightContent .form-contact input {padding: 5px 10px;width: 340px;margin: 0 0 20px;outline: none;border: 1px solid #d6d6d6;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;font-family: 'HelveticaNeueLTStd-Cn';color: #242424;font-size: 15px;}
#content .rightContent .form-contact input.antispam { width: 20px; padding: 7px 7px 8px; margin-bottom: 0; }
#content .rightContent .form-contact input:focus { border: 1px solid #106138; }
#content .rightContent .form-contact textarea {padding: 5px 10px; min-width: calc(100% - 20px); max-width: calc(100% - 20px); min-height: 250px; max-height: 250px;margin: 0 0 20px;outline: none;border: 1px solid #d6d6d6;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;font-family: 'HelveticaNeueLTStd-Cn';color: #242424;font-size: 15px;}
#content .rightContent .form-contact textarea:focus { border: 1px solid #106138; }
#content .rightContent .form-contact label { font-size: 14px; }
#content .rightContent .form-contact span {  }
#content .rightContent .form-contact .required { float: left; margin-top: 5px; line-height: 35px; }
#content .rightContent .form-contact .contact-button { float: right; }
#content .rightContent .form-contact .contact-button a { border: 0; cursor: pointer; display: inline-block; margin: 5px 0 0; font-size: 12px; padding: 10px 15px; text-align: center; background: #484848; color: #fff; font-family: 'HelveticaNeueLTStd-Cn'; text-transform: uppercase;  }
#content .rightContent .form-contact .contact-button a:hover { background: #106138; } 
#content .rightContent p.ok { color: #fff; background: green; padding: 10px; }
#content .rightContent p.error { color: #fff; background: red; padding: 10px; }

#content .rightContent .locationBox { margin-bottom: 25px; }
#content .rightContent .locationBox .leftInfo { width: calc(40% - 15px); float: left; }
#content .rightContent .locationBox .leftInfo b { display: block; color: #2b2b2c; text-transform: uppercase; margin: 0 0 15px; padding: 0 0 10px; border-bottom: 3px solid #106138; font-size: 16px; font-family: 'HelveticaNeueLTPro-BdCnO'; font-weight: normal; } 
#content .rightContent .locationBox .leftInfo p { color: #2b2b2c; margin: 5px 0; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; } 
#content .rightContent .locationBox .leftInfo a { color: #106138; } 
#content .rightContent .locationBox .leftInfo a:hover { text-decoration: underline; } 
#content .rightContent .locationBox .rightMap { width: calc(60% - 15px); float: right; height: 214px; padding-top: 30px;  }
#content .rightContent .locationBox .rightMap #gMap-direkcija { width: calc(100% - 4px); height: 210px; border: 2px solid #d6d6d6; }
#content .rightContent .locationBox .rightMap #gMap-velika-ivanca { width: calc(100% - 4px); height: 210px; border: 2px solid #d6d6d6; }
#content .rightContent .locationBox .rightMap #gMap-grocka { width: calc(100% - 4px); height: 210px; border: 2px solid #d6d6d6; }
#content .rightContent .locationBox .rightMap #gMap-kralja-petra { width: calc(100% - 4px); height: 210px; border: 2px solid #d6d6d6; }
#content .rightContent .locationBox .rightMap #gMap-izlozbeni-salon { width: calc(100% - 4px); height: 210px; border: 2px solid #d6d6d6; }



#footer { height: auto; position: relative; background: #106138; } 
#footer .container { padding: 40px 20px; width: 1110px; background: #272727; } 


#footer .container .box { float: left; margin: 20px 25px 0 0; }
#footer .container .box.first { width: 480px; }
#footer .container .box.first .greyBox { padding: 20px 10px; background: #333333;  }
#footer .container .box.first .greyBox .left { width: 175px; float: left; }
#footer .container .box.first .greyBox .right { width: 215px; float: right; }
#footer .container .box.first .greyBox h2 { color: #fff; text-transform: uppercase;  margin: 0 0 15px; padding: 0 0 10px; border-bottom: 3px solid #106138; font-size: 16px; font-family: 'HelveticaNeueLTPro-BdCnO'; font-weight: normal; }
#footer .container .box.first .greyBox h2.topBorder { width: 175px; margin: 15px 0 10px; padding: 20px 0 0px; border-top: 3px solid #106138; border-bottom: 0; }
#footer .container .box.first .greyBox p { margin: 5px 0; font-size: 14px; font-family: 'HelveticaNeueLTStd-Cn'; color: #fff; letter-spacing: 0.6px; }
#footer .container .box.first .greyBox p a { color: #fff; }
#footer .container .box.first .greyBox p a:hover { color: #fff42b; }
#footer .container .box.first .greyBox .left p { font-size: 16px; letter-spacing: auto; }
#footer .container .box.first .greyBox .right p { font-size: 16px; letter-spacing: auto; }
#footer .container .box.first .copyright { font-size: 16px; letter-spacing: auto; margin: 10px 0; color: #fff; font-family: 'HelveticaNeueLTStd-Cn'; }
#footer .container .box.first .copyright a { color: #fff42b; }
#footer .container .box.first .copyright a:hover { color: #fff; }
#footer .container .box.middle { width: calc(100% - 480px - 365px - 50px); }
#footer .container .box.middle h2 { color: #fff; text-transform: uppercase; margin: 20px 0 15px; padding: 0 0 10px; border-bottom: 3px solid #106138; font-size: 16px; font-family: 'HelveticaNeueLTPro-BdCnO'; font-weight: normal; }
#footer .container .box p { margin: 5px 0; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #fff; letter-spacing: auto; }
#footer .container .box.last { width: 365px; margin-right: 0; }
#footer .container .box.last #gMap { width: 357px; height: 367px; border: 4px solid #4e4e4e; }
#footer .container::after { content: ""; width: calc((100vw - 1150px - 45px) / 2); height: 100%; position: absolute; right: calc((100vw - 1150px - 45px) / 2 * -1); bottom: 0; background: #272727; }
#footer .container .socialIco { display: inline-block; margin: 0; font-size: 35px; color: #fff; }
#footer .container .socialIco:hover { color: #106138; }

/*Autocomplete search*/
#searchform { position: relative; width: 251px; max-height: 30px;  }
/* SEARCHRESULTS */
#searchresults { font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 55px; z-index: 90000; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-width:1px; border-color:#e2e1e1; border-style:solid; width:371px; background-color:#fff; font-size:13px; line-height:18px; }
#searchresults a { display:block; background-color:#fff; clear:left; height:91px; text-decoration:none; padding: 5px 15px 5px 5px; }
#searchresults a:hover { background-color:#f0f0f0; color:#f1f1f1; }
#searchresults a img { float:left; padding:3px; margin: 5px; width: 75px; background: #fff; border: 1px solid #e2e1e1; }
#searchresults a span.searchheading { font-size: 16px; text-transform: uppercase; display:block; font-weight:bold; padding-top:5px; color:#3b3030; }
#searchresults a:hover span.searchheading { color:#3b3030; }
#searchresults a span { color:#3b3030; }
#searchresults a span .brend { }
#searchresults a span .kateogrija { }
#searchresults a span .cena { }
#searchresults a span .cena.popust b { color: #3b3030; }
#searchresults a:hover span { color:#3b3030; }
#searchresults span.category { font-size:13px; padding:5px; display:block; color:#ffffff; background: #2aa4cf; font-family: 'HelveticaNeueLTStd-Cn'; }
#searchresults span.seperator { float:right; margin-right:5px; background-image:url(../images/shortcuts_arrow.gif); background-repeat:no-repeat; background-position:right; }
#searchresults span.seperator a { text-decoration: underline; background-color:transparent; display:block; margin:5px 0; height:auto; color:#106138; }
#searchresults span.seperator a:hover { text-decoration: none; } 

#header .rightCart .lang {
    float: right;
    text-align: right;
    position: relative;
    margin: 15px 0;
    min-width: 84px;
}

#header .rightCart .lang .langBtn {
    background: #106138 url(../template/enIcon-1.png) no-repeat center center;
    display: block;
    width: 52px;
    height: 52px;
    float: right;
    margin-top: -5px;
}
#header .rightCart .lang .langBtnSr {
    background: #106138 url(../template/srIcon.png) no-repeat center center;
    display: block;
    width: 52px;
    height: 52px;
    float: right;
    margin-top: -5px;
}

#content .rightContent .paging { line-height: 41px; }
#content .rightContent #items_per_page { float: left; }
#content .rightContent #items_per_page ul { color: #fff; }
#content .rightContent #items_per_page .selectbox { float: right; margin-left: 5px;  }
#content .rightContent #items_per_page .select-menu {
    --background: #106138;
    --text: #fff;
    --icon: #fff;
    --icon-active: #3F4656;
    --list: #1C212E;
    --list-text: rgba(255, 255, 255, .2);
    --list-text-hover: rgba(255, 255, 255, .5);
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
}
#content .rightContent #items_per_page .select-menu select,
#content .rightContent #items_per_page .select-menu .button {
    font-family: inherit;
    margin: 0;
    border: 0;
    text-align: left;
    text-transform: none;
    -webkit-appearance: none;
}
#content .rightContent #items_per_page .select-menu select {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    padding: 8px 36px 8px 12px;
    visibility: hidden;
    font-weight: 500;
    font-size: 14px;
    line-height: 25px;
}
#content .rightContent #items_per_page .select-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    -webkit-transform: translateY(var(--t));
    transform: translateY(var(--t));
    transition: opacity 0.3s ease, -webkit-transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
    transition: opacity 0.3s ease, transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1), -webkit-transform 0.4s cubic-bezier(0.2, 0.9, 0.4, 1.1);
}
#content .rightContent #items_per_page .select-menu ul li {
    padding: 8px 36px 8px 12px;
    cursor: pointer;
}
#content .rightContent #items_per_page .select-menu > ul {
    background: var(--list);
    color: var(--list-text);
    /*border-radius: 6px;*/
}
#content .rightContent #items_per_page .select-menu > ul li {
    transition: color .3s ease;
}
#content .rightContent #items_per_page .select-menu > ul li:hover {
    color: var(--list-text-hover);
}
#content .rightContent #items_per_page .select-menu .button {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0;
    z-index: 1;
    width: 100%;
    display: block;
    overflow: hidden;
    /*border-radius: 6px;*/
    color: var(--text);
    background: var(--background);
}
#content .rightContent #items_per_page .select-menu .button em {
    --r: 45deg;
    display: block;
    position: absolute;
    right: 12px;
    top: 0;
    width: 7px;
    height: 7px;
    margin-top: 13px;
    -webkit-backface-visibility: hidden;
}
#content .rightContent #items_per_page .select-menu .button em:before, .select-menu .button em:after {
    --o: .4;
    content: '';
    width: 7px;
    height: 7px;
    opacity: var(--o);
    display: block;
    position: relative;
    transition: opacity .2s ease;
    -webkit-transform: rotate(var(--r)) scale(0.75);
    transform: rotate(var(--r)) scale(0.75);
}
#content .rightContent #items_per_page .select-menu .button em:before {
    border-left: 2px solid var(--icon);
    border-top: 2px solid var(--icon);
    top: 1px;
}
#content .rightContent #items_per_page .select-menu .button em:after {
    border-right: 2px solid var(--icon);
    border-bottom: 2px solid var(--icon);
    bottom: 1px;
}
#content .rightContent #items_per_page .select-menu:not(.open) > ul {
    opacity: 0;
    pointer-events: none;
}
#content .rightContent #items_per_page .select-menu.open.tilt-up {
    -webkit-animation: tilt-up .4s linear forwards;
    animation: tilt-up .4s linear forwards;
}
#content .rightContent #items_per_page .select-menu.open.tilt-up .button em:before {
    --o: 1;
}
#content .rightContent #items_per_page .select-menu.open.tilt-down {
    -webkit-animation: tilt-down .4s linear forwards;
    animation: tilt-down .4s linear forwards;
}
#content .rightContent #items_per_page .select-menu.open.tilt-down .button em:after {
    --o: 1;
}

@-webkit-keyframes tilt-up {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(8deg);
        transform: perspective(500px) rotateX(8deg);
    }
}

@keyframes tilt-up {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(8deg);
        transform: perspective(500px) rotateX(8deg);
    }
}
@-webkit-keyframes tilt-down {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(-8deg);
        transform: perspective(500px) rotateX(-8deg);
    }
}
@keyframes tilt-down {
    40%,
    60% {
        -webkit-transform: perspective(500px) rotateX(-8deg);
        transform: perspective(500px) rotateX(-8deg);
    }
}