html { font-size: 62.5%; }
body { font-family: 'PT Sans', sans-serif; color: #474747; font-size: 1.3rem; }
a { color: #474747; text-decoration: none; }

ul {padding-left:22px; margin-top:6px}
p {line-height:2rem;}

.l { float: left; }
.r { float: right; }
.fw {float:left; width:100%;}

hr {margin-top:0;}

h1 { font-size: 2.5rem; font-weight: normal; }
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }

img {  -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none; pointer-events: none; }

.g {color:#109146}
span.g { color: #109146; margin-right: 7px; }


.box { display: inline-block; padding: 20px 20px; }
.box h1 { margin-top: 0; }
.box a[href^="mailto"] { color: #109146; text-decoration: underline; }
.box.green { background: url(../images/bg-green.jpg) no-repeat center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; width:100%; max-width:404px; height: 236px; margin-top: 17px; }
.box.green h1,
.box.green a { color: #fff; }
.box.green { line-height: 1.8rem }
.box.gray { background: #eaeaea; width: 100%; }
.box.gray h4 { font-weight: Bold; margin: 0; font-size: 1.3rem; }
.box.gray p { margin: 0; font-size: 1.3rem; }
.box.blank { padding: 0; }

.btn { text-align: center; background: #109146; border: none; color: #fff; font-weight: bold; width: 100%; max-width: 215px; padding: 17px 10px; }
.btn.fw {max-width:none; font-size:20px; font-weight:normal; margin:20px 0 0 0;}
.btn:hover {background:#189c4f;}
/* Header */
.header {position: relative; z-index:20;}
.header ul { margin: 0; padding: 0; list-style: none; }
.header ul li { float: left;}
.home .header ul li a { color: #fff; }
.header ul li a { color: #474747; }

.top-nav { margin: 30px 0 20px; }
.top-nav li { margin: 0 13px 0 5px; }
.top-nav a { font-weight: bold; font-size: 1.1rem; }
.home .top-nav a.inq-btn { background: #fff; border-color: #fff; color: #109146 }
.top-nav a.inq-btn { border: solid 1px #109146; padding: 7px 13px; color: #109146; }
.top-nav i { margin-right: 10px; font-weight: normal; }

.main-nav { clear: right; }
.main-nav a { font-size: 1.5rem; margin: 0 15px; color: #474747; }
.main-nav li:hover a {color:#109146!important;}

.main-nav ul li{border-bottom:solid 5px transparent; padding-bottom:10px;}
.main-nav ul li.active {border-color:#109146}

a.logo { margin: 40px 0 20px 20px; display: block; width: 276px; height: 40px; background: url(../images/logo-pod-stran.png) no-repeat center; }
.home a.logo { background-image: url(../images/logo-prva-stran.png); }
.header-line { display: none; border: none; border-top: solid 1px #373839; height: 1px; background: #0c0c0c; float: left; width: 100%; }
.home .header-line { display: block; }
i.nav-toggle { display: none; }

.slider-wr { background: url(../images/slider-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 555px; margin-top: -117px; position: relative; z-index:5;}
.slider-wr .row {position: relative;}
.flex-viewport .row {height:440px;}
.slider-wr img {   position: absolute;
  right: 0;
  bottom: 0; }
.slider-wr li { position: relative; }
.slide-content { background: #109146; display: block; color: #fff; float: left; padding: 15px 100px 15px 25px; position: absolute; left: 0; bottom: 55px; z-index: 999; }
.slide-content h1 { font-size: 3rem; margin: 0; text-transform: uppercase; }
.slide-content span { font-size: 2rem; }
.slider-next { width: 85px; background: #474747; position: absolute; right: 0; top: 0; height: 100%; }
.slider-next i { position: absolute; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); font-size:4.5rem; color: #c2c2c2; padding: 21px; top: 50%; margin-top: -50px;}
.flexslider .slides, .flex-control-nav {display: none;}

img.loader-img {position: absolute; left:50%; top:50%; width:50px; height:50px; margin:-25px 0 0 -25px;}

.product-list-main { margin: 0 0 50px; padding: 0; text-align: center; }
.product-list-main li {cursor: pointer; vertical-align: top; /*position: relative;*/ display: inline-block; width: 25%; background: #e0e0e0; margin: 0; height: 300px; border-bottom: solid 3px #e0e0e0; }
.product-list-main li a { /*position: absolute; left: 0; top: 0; width: 100%; height: 100%;*/ display: block; z-index: 10; }
.product-list-main li.odd { background: #eeeeee; border-color: #eeeeee; }
.product-list-main li:first-child {cursor: move}
.product-list-main li:hover { border-color: #109146; }
.product-list-main li h2 { font-size: 2.2rem; font-weight: normal; }
.product-list-main li div { height: 200px; position: relative; top: 50%; margin-top: -100px }
.product-list-main li div span { display: block; height: 152px; }
.news-list { list-style: none; margin: 0; padding: 0; }
.news-list h3 { font-size: 1.3rem; font-weight: bold; margin: 0; }
.news-list small { clear: left; font-size: 1.1rem; }
.news-list p { margin: 0 0 5px }
.news-list li { border-bottom: solid 1px #e0e0e0; margin: 0 0 15px 0; padding: 0 0 15px 0; }
.news-list li:last-child { border: none; margin: 0; padding: 0; }
.news-list li:hover h3 a { color: #109146; }
.partners { margin-top: 40px; margin-bottom: 40px; }
.partner-list { list-style: none; margin: 0; padding: 0; }
.partner-list li { display: inline-block; margin:0; float: none; vertical-align: middle; }
.partner-list li.mt {margin-top:-20px;}
.partner-list li a {display: block; height:59px; overflow:hidden;}
.partner-list li a img {margin:0 auto; margin-top:-48%; }
.partner-list li:hover a img {margin-top:13px;}
/* Sub pages*/
.content { padding: 75px 0; }
.title-row { padding: 40px 0 30px; background: url(../images/title-row-bg.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #fff; }
.title-row h1 { font-size: 33px; font-weight: normal; margin: 0 0 5px; }
.title-row h3 { font-size: 15px; font-weight: normal; margin: 0; }
.sidebar { font-size: 1.3rem; }
.sidebar h3 { font-size: 1.8rem; padding-left: 0; margin-top: 1.2rem; }
.side-nav { margin: 0 0 30px 0 }
.side-nav ul { margin:0 0 30px 0; padding: 0; list-style: none; float:left; width:100%; }
.side-nav ul li { border-bottom: solid 1px #eaeaea; padding: 0 0 0 10px; }
.side-nav ul li:hover {background:#eaeaea;}
.side-nav ul li:last-child { margin: 0; padding-bottom: 0; border: none; }
.side-nav ul li a {font-size: 1.3rem; padding:11px 0 11px 0; display: block; }

.contact-form { float: right; width: 83%; }
.contact-form h1 { font-size: 1.8rem; }
.contact-form ul { list-style: none; padding: 0; margin: 2.2rem 0 0 0; }
.contact-form ul li { margin: 0 0 10px 0; }
.contact-form ul li:last-child { margin-bottom: 0; }
.contact-form ul li * { display: inline-block; vertical-align: middle; }
.contact-form ul li label { width: 30%; }
.contact-form ul li input,
.contact-form ul li textarea { width: 69%; background: #eaeaea; border:solid 1px #eaeaea; height: 50px; padding: 1.2rem; border: none; resize: none; }
input.error, textarea.error {border:solid 1px #f00!important;}
label.error {display: none!important;}

.text-image { margin: 0 0 8px 25px; }

.products-root-list { list-style: none; margin: 0; padding: 0; }
.products-root-list li { display: inline-block; margin: 0 0 2% 1.9%; width: 31%; vertical-align: top; position: relative; }
.products-root-list li a {position: absolute; display: block; width:100%; height:100%; left:0; top:0; z-index:10;}
.products-root-list li div { background: #eaeaea; height: 180px; padding:12px; overflow:hidden; }
.products-root-list li:last-child div {padding:0;}
.products-root-list li img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.products-root-list li span { width: 100%; padding:5px; display: table; background: #eaeaea; margin-top: 10px; font-weight: bold; text-align: center; text-transform: uppercase; height: 46px; }
.products-root-list li span strong { display: table-cell; vertical-align: middle; }
.products-root-list li:hover div, .products-root-list li:hover span {background:#109146; color:#fff;}


.product-list-details {margin:25px 0 0 0; padding:0; list-style:none;}
.product-list-details li {position: relative; display:inline-block; width:31%; margin-bottom:2%; vertical-align: top}
.product-list-details li:nth-child(3n+2){margin-left:2%; margin-right:2%;}
.product-list-details li div.img-wr {position: relative; float:left; width:100%; margin:0 0 15px 0}
.product-list-details li a {opacity:0; position: absolute; text-align: center; color:#fff; font-weight:bold; background:rgba(16,145,70,0.8); width:100%; height:100%; left:0; top:0;  padding: 65px 30px;}
.product-list-details li a i {font-size:30px; clear:both}
.product-list-details li a span {display: block;}
.product-list-details li:hover a {opacity:1;}
.product-list-details li img {width:100%; margin:0; vertical-align: top;}
.product-list-details li p {margin:5px 0;}

.attachments h2{font-size:1.3rem; float:left; font-weight:bold; border-bottom:solid 1px #109146; padding:0 20px 6px 0;}
.attachments ul {float:left; width:100%; margin:10px 0; padding:0; list-style:none;}
.attachments ul li {position: relative; padding:0 0 0 30px; min-height:28px;}
.attachments ul li i {position: absolute; left:0; top:-5px; color:#109146; font-size:22px;}

table {float:left; width:100%; text-align: center; margin:20px 0}
table tr:nth-child(odd){background:#eaeaea ;}
table th{background:#474747; padding:12px; color:#fff;}
table td {padding:12px;}

.footer .row { border-top: solid 2px #eaeaea; }

/* Cookies */
.cookie-wr {position: fixed; bottom:0; right:0; z-index:9999}
.cookie-wr > div.cookie-cont {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background:#109146; background:rgba(16, 145, 70,0.8); padding:25px; margin:0 50px 0 0;}
.cookie-wr > div.cookie-cont p {margin:0 0 20px; line-height:20px; color:#fff;}
.cookie-wr > div.cookie-cont a.cookie-accept {font-weight:Bold; padding:8px 16px; background: #fff; color:#109146;}
.cookie-wr > div.cookie-cont a.cookie-accept:hover {color:#fff; background:#109146; text-decoration: none; -webkit-transition: background 300ms ease;
-moz-transition: background 300ms ease; -ms-transition: background 300ms ease; -o-transition: background 300ms ease; transition: background 300ms ease;}
.cookie-wr > div.cookie-toggle {cursor: pointer; float: right; background:#109146; padding:15px 5px 5px 15px; border-radius:48px 0 0 0;}

.gmaps {height:400px; width:100%;}

@media only screen and (max-width:400px){
    .cookie-wr {width:100%;}
    .cookie-wr > div.cookie-cont {width:95%; margin:0 0 7px 2.5%; background:rgba(16, 145, 70,1);}
}