@import url(reset.css);html{scroll-behavior:smooth}body{font-size:16px;font-family:'Open Sans',sans-serif}@font-face{font-family:Kanzleischrift;src:url('../fonts/Flaemische\ Kanzleischrift.ttf')}button:focus{outline:0}h1,h2,h3,h4,h5,h6{position:relative;font-family:'Open Sans',sans-serif}h1,h2{font-size:40px;font-weight:300;margin-bottom:40px;text-align:center;color:#6dc82b;position:relative}h1{margin:40px 0}h2{font-size:35px}p{line-height:1.3}img{max-width:100%}*,::after,::before{box-sizing:border-box}.container{width:85%;margin:0 auto}a{text-decoration:none}.clearfix::after{content:"";display:block;clear:both}#header{box-shadow:0 0 10px #6dc82b;position:fixed;top:0;left:0;width:100%;z-index:999;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;background:rgba(51,51,51,.1)}#header.sticky{background:rgba(255,255,255,.9)}#header .container{width:95%}.dropdown,.mobile_menu{display:none}.logo,nav{float:left}.contact{float:right;margin-top:20px}.contact a{display:block;color:#fff;font-size:1.2em;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.contact a:hover{color:#6dc82b}.logo{width:14%;margin-right:20px;margin-top:10px}.contact{width:15%}nav{width:65%}.menu{display:flex;justify-content:space-between}.menu>li{position:relative}.menu>li>a{display:block;color:#fff;text-transform:uppercase;padding:20px 10px;font-size:1.1em;font-family:'Open Sans',sans-serif;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}#header.sticky .menu>li>a{color:#5c5c5c}.menu>li>a>i{visibility:hidden;opacity:0;color:#6dc82b;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.menu>li.active>a>i,.menu>li>a:hover i{visibility:visible;opacity:1}#header .menu>li.active a,#header .menu>li>a:hover{color:#6dc82b}#header.sticky .menu>li.active:first-child::after,#header.sticky .menu>li.active:nth-child(4)::after,.menu>li.active:first-child::after,.menu>li.active:nth-child(4)::after{border-top-color:#6dc82b}.menu>li:first-child::after,.menu>li:nth-child(4)::after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #fff;position:absolute;top:25px;right:-3px;width:0;height:0}#header.sticky .menu>li:first-child::after,#header.sticky .menu>li:nth-child(4)::after{border-top-color:#5c5c5c}.menu>li:first-child .dropdown,.menu>li:nth-child(4) .dropdown{position:absolute;top:100%;left:0;background:rgba(255,255,255,.85);z-index:1}.menu>li:first-child .dropdown{width:210px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px}.menu>li:first-child .dropdown li{display:inline-block;width:60px;height:60px;border:1px solid #8b8d87;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;margin:3px}.menu>li:first-child .dropdown li a{display:block;padding:10px}.menu>li:first-child .dropdown li a img{transition:all .4s ease-in;-webkit-transition:all .4s ease-in;-moz-transition:all .4s ease-in;-ms-transition:all .4s ease-in;-o-transition:all .4s ease-in}.menu>li:first-child .dropdown li a:hover img{transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}.menu>li:nth-child(4) .dropdown{width:180px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}.menu>li:nth-child(4) .dropdown li a{display:block;color:#5c5c5c;padding:10px;font-size:1.1em;font-family:'Open Sans',sans-serif;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease}.menu>li:nth-child(4) .dropdown li:not(:last-child) a{border-bottom:1px solid #6dc82b}.menu>li:nth-child(4) .dropdown li a:hover{padding-left:20px}#header.sticky .contact a{color:#5c5c5c}#welcome{background:url(../images/walllllllllllllllllllllllllllllll.png) no-repeat;background-size:100%;height:800px;overflow:hidden;position:relative;animation:zoom 10s ease-in alternate infinite;-webkit-animation:zoom 10s ease-in alternate infinite}@keyframes zoom{from{background-size:100%}to{background-size:120%}}#welcome h1{color:#fff;font-size:45px;margin:0;font-weight:600;position:absolute;top:45%;left:5%;width:43%;animation:text 3s ease;-webkit-animation:text 3s ease}@keyframes text{from{left:-5%;opacity:0;visibility:hidden}to{left:5%;opacity:1;visibility:visible}}#welcome a{position:absolute;bottom:35%;left:16%;width:15%;background:#fff;color:#8b8d87;border:1px solid #2c3e50;padding:10px;text-align:center;display:block;font-weight:600;border-radius:20px;-webkit-border-radius:20p;-moz-border-radius:20p;-ms-border-radius:20p;-o-border-radius:20p;font-size:22px;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;animation:anch 2s ease;-webkit-animation:anch 2s ease}@keyframes anch{from{bottom:-5%;transform:rotateX(180deg);-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg)}to{bottom:35%}}#welcome a:hover{background:#8b8d87;border-color:#8b8d87;color:#fff}#ponuda h2{margin:50px 0 30px}#ponuda .container{display:flex;justify-content:space-between}.box{flex-basis:30%;border:1px solid #eceeeb;margin:20px 0;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.box h3{text-align:center;color:#333;font-size:20px;padding:20px 30px;font-weight:500;text-transform:uppercase;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear}.box>p{padding:20px;text-align:center;color:#8b8b8b;border-bottom:1px solid #ddd}.box img{width:100%}.box:hover{box-shadow:0 0 15px rgba(0,0,0,.1)}.box:hover h3{color:#6dc82b}.opis{display:flex;justify-content:space-between;padding:10px 20px;font-weight:600}.opis p{color:#bdbdbd;text-transform:uppercase;font-size:12px;font-weight:400}.opis span{color:#333;font-size:16px;font-weight:600;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.opis a{background:#8b8b8b;padding:12px 25px;color:#fff;display:block;cursor:pointer;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-size:14px;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.opis:hover a{background:#6dc82b}.opis:hover span{color:#6dc82b}#travel{padding:70px 0;background:#f6f6f6;border-top:1px solid #eceeeb;border-bottom:1px solid #eceeeb;margin-top:40px;text-align:center}#travel .container{width:60%}#travel h2{font-size:30px;width:30%;margin:10px auto 30px;color:#6dc82b}#travel h2::after{content:attr(data-text);position:absolute;top:50%;left:50%;color:rgba(70, 252, 24, 0.8);font-size:60px;font-family:Kanzleischrift;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}#travel p{line-height:1.5;color:#616161;font-size:14px}#travel a{display:inline-block;width:15%;padding:11px 20px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;margin-top:40px;font-size:18px;font-weight:600;color:#fff;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease}#travel a:first-of-type{background:#6dc82b;margin-right:15px}#travel a:last-of-type{background:#6dc82b}#travel a:hover{background:#8b8b8b}#paketi{margin:40px 0}#paketi .container{display:flex;justify-content:space-between;width:95%}#paketi .container .holiday{flex-basis:23%;border:1px solid #eceeeb}.holiday{transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear;position:relative}.holiday i.fa-suitcase{position:absolute;top:30%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);visibility:hidden;opacity:0;transition:all .6s ease-in;-webkit-transition:all .6s ease-in;-moz-transition:all .6s ease-in;-ms-transition:all .6s ease-in;-o-transition:all .6s ease-in}.holiday:hover i.fa-suitcase{visibility:visible;opacity:1}.holiday i.fa-suitcase::before{color:#fff;font-size:35px;background:#6dc82b;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;padding:20px}.holiday h3{color:#2c502f;font-weight:600;padding:20px 20px 0 20px}.holiday p{padding:10px 20px}.holiday p:first-of-type{color:#bdbdbd;font-size:13px;border-bottom:1px solid #eceeeb}.holiday p:nth-of-type(2),.holiday p:nth-of-type(3){display:inline-block;font-size:12px;color:#bdbdbd}.vise{display:flex;justify-content:space-between;padding:10px 20px}.holiday .vise p{font-size:20px;font-weight:600;border:none;color:#2c5038;padding:0;margin-top:5px;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease}.vise a{display:block;padding:9px 15px;color:#fff;background:#8b8b8b;font-size:13px;font-weight:700;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease}.holiday:hover a{background:#6dc82b}.holiday:hover .vise p{color:#6dc82b}.holiday:hover h3{color:#6dc82b}.holiday:hover{box-shadow:0 0 10px #bdbdbd}#footer{background:rgba(211,203,203,.2)}#footer .foot{display:flex;justify-content:space-between;align-items:center;padding:30px}.text{flex-basis:45%}.agency{flex-basis:15%}.text img{width:40%}.text ul li{display:inline-block}.text ul li a{color:#9a9a9a;font-size:25px;display:block;padding:10px 5px;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.agency h3{color:#555;font-size:16px;font-weight:600;letter-spacing:2px;margin:10px 0;text-transform:uppercase}.agency ul li a,.text p{color:#9a9a9a;line-height:1.5}.agency ul li a{font-size:14px;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.agency ul li a:hover,.text ul li a:hover{color:#6dc82b}.footer_bottom{text-align:center;background:#6dc82b;padding:10px 0;color:#fff}#heading{height:400px;background:url(../images/background.jpg) no-repeat center;background-size:100%;position:relative;animation:zoom 5s linear alternate infinite;-webkit-animation:zoom 5s linear alternate infinite}#heading h1{width:30%;position:absolute;bottom:5%;left:0;color:#fff}#gallery{padding-top: 100px;width:97%;margin:0 auto}#gallery ul{width:30%;margin:60px auto;padding-bottom:10px;display:flex;justify-content:space-between;border-bottom:1px solid #6dc82b}#gallery ul li{flex-grow:1}#gallery ul li a{display:block;color:#6dc82b;position:relative;transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}#gallery ul li a::before{content:"";position:absolute;bottom:-12px;left:0;width:0;height:3px;background:#6dc82b;transition:all .5s ease;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease}#gallery ul li.active a::before{width:100%}.album{position:relative;height:105vw}.album figure{position:absolute;overflow:hidden;padding:5px;background:rgba(32, 252, 24, 0.4);transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.album figure:first-of-type{top:0;left:0;width:24.5%}.album figure:nth-of-type(2){width:48%;top:-15px;left:25.5%}.album figure:nth-of-type(3){width:25.8%;top:0;right:0}.album figure:nth-of-type(4){top:24.5%;left:0;width:24%}.album figure:nth-of-type(5){top:24.5%;left:25%;width:24%}.album figure:nth-of-type(6){width:24%;right:26.5%;top:24.5%}.album figure:nth-of-type(7){left:0;top:49%;width:48%}.album figure:nth-of-type(8){top:49%;left:49.2%;width:26%}.album figure:nth-of-type(9){top:49%;right:0;width:24%}.album figure:nth-last-of-type(2){top:73.5%;left:0;width:48%}.album figure:last-of-type{top:73.7%;right:0;width:24%}figure img{width:100%;height:100%;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.album{transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.album.small_cont{width:80%;margin:0 auto;height:58vw}.album figure.jpg_set:nth-of-type(7){top:0;left:0;width:66%}.album figure.jpg_set:nth-of-type(9){top:0;right:0;width:33.5%}.album figure.jpg_set:last-of-type{top:49%;right:66%;width:34%}.album figure.jpg_set:first-of-type{top:49%;left:67%;width:33.5%}.album figure.png_set:nth-of-type(3){width:33%;top:0;right:67%}.album figure.png_set:nth-of-type(5){top:47.5%;left:39%;width:29.2%}.album figure.png_set:nth-of-type(6){top:47.5%;left:71%;width:29.2%}.album figure.png_set:nth-last-of-type(2){width:61%;top:0;left:39%}.album figure.gif_set:nth-of-type(8){width:35%;top:0;left:65%}.album figure.gif_set:nth-of-type(2){width:63%;top:0;left:0}.album figure.gif_set:nth-of-type(4){top:52%;left:0;width:34.6%}.album figure img{transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}.album figure:hover img[src$=".jpg"]{transform:scaleX(-1);-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);-o-transform:scaleX(-1)}.album figure:hover img[src$=".gif"]{transform:scaleX(1.1);-webkit-transform:scaleX(1.1);-moz-transform:scaleX(1.1);-ms-transform:scaleX(1.1);-o-transform:scaleX(1.1)}.album figure:hover img[src$=".png"]{opacity:.7}figcaption{text-align:center;padding:3px 0}#kontakt{height:400px;background:url(../images/kontakt.jpg) no-repeat;background-position:0;animation:zoom 4s linear alternate infinite;-webkit-animation:zoom 4s linear alternate infinite;position:relative}#rez{padding:20px 0}#kontakt h1{width:30%;padding:20px 0 15px;margin:0 auto;position:absolute;bottom:15%;left:5%;color:#fff}#rez h1::after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);border:2px solid #6dc82b;background:#e0cf9b;width:35px;height:13px}#rez .container{width:90%}#rez p{text-align:center;margin:60px 0 20px}.rezervacija{display:flex;justify-content:space-between}.rezervacija .mapa{flex-basis:47%;outline:2px solid #8b8d87;outline-offset:5px;height:612px}.rezervacija .mapa iframe{width:100%;height:100%}.rezervacija .kontakt_form{flex-basis:47%;outline:2px solid #8b8d87;outline-offset:5px;order:2}.rezervacija .kontakt_form form{background:#f6f6f6;border:2px solid #8b8d87;padding:20px}.rezervacija .podatak{display:flex;justify-content:space-between;margin-bottom:15px;border:1px solid #327322;padding:10px}.rezervacija .podatak input{width:90%}.kontakt_form input[type=search]{width:100%;margin-bottom:15px}.kontakt_form fieldset{border:1px solid #227336;padding:10px 5px;margin-bottom:20px}.kontakt_form .prijava{float:left;width:50%}.kontakt_form .odjava{float:right;width:50%}.kontakt_form fieldset:last-of-type input{display:block;margin-bottom:10px}.broj{display:inline-block;margin-bottom:15px}.broj input[type=number]{width:30px;height:30px;margin:0 5px}label[for=komentar]{display:block}textarea{width:100%;height:90px}input[type=submit]{width:90px;height:35px;background:#6dc82b;color:#fff;border:1px solid #e0cf9b;font-size:18px;margin-top:20px;float:right;cursor:pointer}#o_nama{height:400px;background:url(../images/parallax-3-1.jpg) no-repeat;background-size:100%;position:relative;background-position:center;animation:zoom 4s linear alternate infinite;-webkit-animation:zoom 4s linear alternate infinite}#o_nama h1{position:absolute;bottom:5%;left:5%;width:25%;color:#fff}.crta::after,.crta::before{content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:20px;height:3px;background:#6dc82b}.crta::before{left:0}.crta::after{right:0}.crta{width:30%;margin:0 auto}#video{padding:100px 0}#video .container{display:flex;justify-content:space-around;align-items:center}.text,.video{flex-basis:40%}.video iframe{width:100%}.text p{font-size:20px}#tab{background:url(../images/attach.jpg) no-repeat center fixed;background-size:cover;padding:100px 0}#tab h2{color:#fff;margin-bottom:40px}#tab .crta::after,#tab .crta::before{background:#fff}.tab_nav li{display:none;text-align:center;margin:20px auto;color:#fff;font-size:25px;font-weight:500}.tab_nav li.active{display:flex;justify-content:center}.panel{display:flex;justify-content:space-around;border-top:1px solid #d4a8a8;margin-top:50px}.panel li{padding-top:20px;flex-basis:25%;position:relative}.panel ul li{font-size:20px;color:#fff;text-align:center}.panel li.active::before{content:"";position:absolute;top:-2px;left:0;background:#6dc82b;height:3px;width:100%}.panel li.active::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);border-top:10px solid #6dc82b;border-left:10px solid transparent;border-right:10px solid transparent}#figure{margin:40px 0}.boxes{display:flex;justify-content:space-between}.fig{flex-basis:24%;overflow:hidden}.fig figure{position:relative;height:100%}.fig figcaption{position:absolute;bottom:-10%;left:0;right:0;background:rgba(29, 237, 2, 0.4);padding:0;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.fig figcaption h2{margin:5px 0;color:#fff;font-size:23px}.fig figcaption h3{padding:10px 0;color:#fff;font-size:18px}.fig figcaption a{display:block;color:#fff;background:rgba(14, 194, 8, 0.6);padding:5px 0;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.fig figure:hover figcaption{bottom:0}.fig figcaption a:hover{color:#6dc82b}#tabovi{padding:40px 0;background:rgba(189,184,184,.3)}.tab-nav{display:flex;justify-content:space-between;margin:40px auto;width:40%;border-bottom:1px solid #6dc82b}.tab-nav li{flex:1;display:inline-block;margin-bottom:-1px}.tab-nav li.active{border:1px solid #6dc82b;border-bottom:none;border-top-right-radius:8px;border-top-left-radius:8px;margin-bottom:-2px}.tab-nav li a{color:#6dc82b;display:block;padding:10px 0;text-align:center}.tab-nav li.active a{color:#6dc82b}.pannel>li{display:none;text-align:center;width:70%;margin:0 auto}.pannel>li.active{display:block}#holiday{margin-top:40px;background:url(../images/bridge.jpg) no-repeat center fixed;background-size:cover;padding:80px 0}#holiday .container{display:flex;justify-content:space-around;align-items:center}#holiday h2{color:#fff;font-size:45px;line-height:45px;letter-spacing:0;font-weight:700}#holiday .naslov,.holiday .btn{flex-basis:30%}.btn button{background:#fff;padding:15px 35px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;border:none;cursor:pointer;text-transform:uppercase;color:#6dc82b;letter-spacing:2px;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}.btn button:hover{background:#6dc82b;color:#fff}#head_usluge{height:400px;background:url(../images/usluge.jpg);background-size:100%;position:relative;background-position:center;animation:zoom 4s linear alternate infinite;-webkit-animation:zoom 4s linear alternate infinite}#head_usluge h1{position:absolute;bottom:5%;left:5%;width:25%;color:#fff}#servisi{margin:40px auto}#servisi p{text-align:center}#servisi h2{margin:20px auto}#usluge p{text-align:center}#usluge .container{width:90%;margin:0 auto}.ponude{margin:60px auto}.ponude .left_side{float:left;width:50%}.ponude .right_side{float:right;width:50%}.left_side .left,.right_side .right{min-height:170px;margin-bottom:30px}.ponude .slika{padding:12px;background:rgba(110, 216, 78, 0.788);text-align:center;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-trans form:rotate(45deg);outline:3px solid rgba(2,174,237,.544);outline-offset:3px}.left_side .left .slika{float:right;margin-right:60px}.right_side .right .slika{float:left;margin-left:60px}.ponude .slika img{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.ponude .text{width:75%}.left_side .left .text{float:left}.right_side .right .text{float:right}.left_side .left h3,.right_side .right h3{color:#6dc82b;font-size:20px;position:relative;margin-bottom:15px}.left_side .left h3{text-align:right;padding-right:25px}.right_side .right .text h3{text-align:left;padding-left:25px}.left_side .left h3::after,.right_side .right h3::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);width:15px;height:2px;background:##6dc82b}.right_side .right h3::after{left:0}#usluge .ponude p{text-align:justify;line-height:1.3}#usluge{margin:75px 0}#usluge h2{margin:30px auto}.servis{display:flex;justify-content:space-between;margin-top:40px;align-items:stretch}.tabs{flex-basis:45%;padding:50px;background:rgba(138, 231, 109, 0.3)}.tab{display:none}.tab.active{display:block}.tab_img{flex-basis:25%}.tab_img img{width:auto}.place{display:flex;color:#59e765;margin-bottom:25px;font-weight:600;font-size:18px}.place li:first-child{flex-grow:1;display:flex;align-items:center}.place li:first-child::after{content:"";flex-grow:1;border-top:1px solid #6dc82b;margin:0 10px}.tab_text{height:60px;overflow:hidden;margin-bottom:25px;position:relative}#servisi .tab_text p{position:absolute;top:0;right:-17px;bottom:0;overflow-y:auto;padding-right:20px;left:0;text-align:left}.tab_text:hover::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to top,rgba(154, 231, 109, 0.7) 0,rgba(109, 231, 109, 0) 100%)}.navigacija{display:flex;justify-content:space-between;flex-direction:column;flex-basis:20%}.navigacija li{height:30%;position:relative;background:rgba(109,198,231,.3)}.navigacija li a{display:flex;height:100%;color:##6dc82b;font-size:20px;font-weight:600}.navigacija li.active a::before{content:"";position:absolute;top:50%;left:-10px;border-right:10px solid #6dc82b;border-top:10px solid transparent;border-bottom:10px solid transparent;width:0;height:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}.navigacija li a span{margin:auto}.navigacija li.active{background:#6dc82b(2,174,237,.5)}#aktivnosti{height:400px;background:url(../images/city.jpg) no-repeat center;animation:zoom 4s linear alternate infinite;-webkit-animation:zoom 4s linear alternate infinite;position:relative}#aktivnosti h1{position:absolute;bottom:10%;left:0;width:30%;color:#fff}#naslov p{width:90%;margin:0 auto 30px;text-align:center}#articles .container{display:flex;justify-content:space-between;flex-flow:row wrap}#articles .container article{flex-basis:45%;outline:2px solid #6dc82b;outline-offset:10px;margin-bottom:40px;position:relative}article header{position:relative}article .content h2{position:absolute;top:20%;left:5%;width:60%}article .content h2,article .footer p{color:#6dc82b;text-align:left}article .footer p{position:absolute;bottom:15%;left:5%;width:50%}article .footer a{position:absolute;right:5%;bottom:15%;padding:13px;background:#6dc82b;display:block;color:#fff;font-size:16px}article .footer a i{color:#fff;font-weight:700}article .footer a:hover{background:#6dc82b}article .header::before{content:"";background:linear-gradient(to right,#6dc82b 3%,#6dc82b 40%,#6dc82b 100%);position:absolute;top:0;left:0;width:100%;height:100%;visibility:hidden;opacity:0;transition:all .4s linear;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear}article:hover .header::before{visibility:visible;opacity:1}article .footer span{position:absolute;background:#6dc82b;right:5%;bottom:31%;width:130px;color:#fff;padding:10px;text-align:center;font-weight:16px}.up{position:fixed;bottom:2%;right:3%;color:#6dc82b;padding:3px 15px;border-radius:8px;font-size:3.7em;display:none;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}.up:hover{color:#6dc82b}







.logo img{
    height: 80px;
}