@charset "utf-8";
/* CSS Document */
html, body{font-family:'Raleway',sans-serif; font-weight:400; color:#292929; font-size:20px; line-height:30px; word-wrap:break-word; background:#f3f6fb;}
h1{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h1::after{}
.h1{font-size:35px; line-height:41px; font-weight:800; margin:0 0 30px 0; padding:0; color:#282828;}
.h1>span.green{color:#5caa45;}
.h1>span.smallSubTitle{font-size:22px; line-height:24px; font-weight:300; display:block;}
h2{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
h2::after{}
.h2{font-size:30px; line-height:34px; font-weight:800; margin:0 0 20px 0; padding:0;}
h3{font-size:inherit; line-height:inherit; font-weight:inherit; margin:inherit; padding:inherit;}
.h3{color:#5caa45; font-size:20px; line-height:24px; font-weight:800; margin:0 0 30px 0;}
a{text-decoration:none; color:inherit; outline:none;}
p{margin:0 0 25px 0;}
p:last-child{margin:0;}
textarea{resize:none;}
.toggleMenu{display:none; background:#333; color:#fff; font-size:14px; padding:10px; position:fixed; top:10px; left:10px; cursor:pointer; z-index:5;}
.toggleMenu.invert {background:#fff; color:#333;}
.transition2s{transition:all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; -moz-transition:all 0.2s linear 0s; -o-transition:all 0.2s linear 0s; -ms-transition:all 0.2s linear 0s;}
.transition3s{transition:all 0.3s linear 0s; -webkit-transition:all 0.3s linear 0s; -moz-transition:all 0.3s linear 0s; -o-transition:all 0.3s linear 0s; -ms-transition:all 0.3s linear 0s;}
.centerText{text-align:center;}

header{position:fixed; z-index:2; top:0; right:0; left:0; /*background:rgba(255,255,255,0.4);*/ padding:20px 0;}
header.sticky{-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.3); -moz-box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.3); box-shadow:0px 0px 10px 0px rgba(50, 50, 50, 0.3); background:rgba(255,255,255,0.9);}
.headerLogo{width:250px; display:block;}
.jeziciHolder{float:right; margin:0 0 0 20px;}
.jeziciHolder a{background:#333; color:#fff; border-radius:50%; font-size:12px; width:30px; height:30px; display:block; float:left; line-height:30px; text-align:center; margin:9px 0 9px 5px;}
.headerTel{float:right; background:#fff; border-radius:25px; padding:10px 20px; line-height:40px;}
.headerTel .icon{width:25px; float:left; display:block; margin:0 10px 0 0;}
.headerTel span{float:right; display:block; font-size:20px; line-height:27px; color:#5caa45; font-weight:200;}
header.sticky .headerTel{background:#5caa45;}
header.sticky .headerTel span{color:#fff;}
header.sticky .headerTel .icon{filter:brightness(100);}

main{margin:0 0 80px 0;}
main ul{margin:0 0 20px 0; padding:0; list-style:none; color:#5caa45;}
.homeTabsHolder{margin:80px 0 100px 0;}
.homeTabsHolder .homeTabHolder{width:340px; height:340px; margin:0 auto 15px auto; border-radius:50%; text-align:center; padding:70px 30px; background:#fff; -webkit-box-shadow:0px 0px 15px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 0px 15px 0px rgba(50, 50, 50, 0.2); box-shadow:0px 0px 15px 0px rgba(50, 50, 50, 0.2);}
.homeTabsHolder .homeTabHolder.active{background:#5caa45; color:#fff;}
.homeTabsHolder .homeTabHolder.active .thumb{filter:brightness(100); margin:-20px auto 40px auto;}
.homeTabsHolder .homeTabHolder.deactive{-ms-transform:scale(0.8); -webkit-transform:scale(0.8); transform:scale(0.8); opacity:0.5;}
.homeTabsHolder .homeTabHolder .thumb{width:65px; margin:0 auto 20px auto;}
.homeTabsHolder .homeTabHolder .title{font-size:16px; line-height:24px; font-weight:700;}
.homeTabsHolder .homeTabHolder .title .number{font-size:34px; line-height:40px; display:inline-block;}
.homeTabsHolder .homeTabHolder .title .step{font-size:26px; line-height:40px; display:inline-block; margin:0 10px 0 0;}
.homeTabsHolder .homeTabHolderDescription{font-size:13px; line-height:17px; text-align:center;}
/*.homeTabsHolder .homeTabHolder .checkedIcon{width:auto; position:absolute; right:75px; top:300px; display:none;}
.homeTabsHolder .homeTabHolder.active .checkedIcon{display:block;}*/
.homeTabsHolder .homeTabHolder .checkedIcon{font-size:40px; line-height:40px; color:#ddd;}
.homeTabsHolder .homeTabHolder.active .checkedIcon{color:#fff; margin:10px 0 0 0; -ms-transform:scale(1.3); -webkit-transform:scale(1.3); transform:scale(1.3);}
.contactButton{background:#5caa45; color:#fff; font-size:22px; line-height:24px; padding:20px 0; border-radius:35px; margin:60px auto 0 auto; display:block; width:25%; cursor:pointer; text-align:center;}
.contactButton:hover{width:40%;}

.testimonialsHolder{color:#fff; background:url(../img/testimonials-bg.jpg) no-repeat 50% 50% / cover; position:relative; padding:70px 0; margin:80px 0;}
.testimonialsHolder:before{position:absolute; top:0; right:0; bottom:0; left:0; content:""; background:rgba(0,0,0,0.7);}
.testimonialsHolder .testimonialHolder{}
.testimonialsHolder .testimonialHolder .header{overflow:hidden; margin:0 0 40px 0;}
.testimonialsHolder .testimonialHolder .header .thumb{width:70px !important; border-radius:50%; float:left; margin:0 20px 0 0;}
.testimonialsHolder .testimonialHolder .header .info{float:left; padding:13px 0;}
.testimonialsHolder .testimonialHolder .header .info .title{font-size:20px; line-height:22px; margin:0; font-weight:700;}
.testimonialsHolder .testimonialHolder .header .info .job{font-size:20px; line-height:22px; margin:0; font-weight:200;}
.testimonialsHolder .testimonialHolder .text{font-size:18px; font-weight:200; line-height:22px;}
.testimonialsHolder .testimonialHolder .text p{margin:0 0 10px 0;}
.testimonialsHolder .testimonialHolder .text p:last-child{margin:0;}

/* Galerija */
.galleryHolder{margin:80px 0 0 0;}
.galleryHolder .title{font-size:30px; line-height:34px; font-weight:800; margin:0 0 30px 0; padding:0; text-align:center;}
.galleryHolder .galleryThumb{width:100%; height:180px; display:block; overflow:hidden; border:1px solid #ddd; border-radius:4px; margin:0 0 20px 0;}
.galleryHolder .galleryThumb img{position:relative; z-index:-1;}

footer{background:#5caa45; color:#fff; padding:50px 0; font-size:16px; line-height:24px; font-weight:200;}
footer .footerSocialHolder{font-size:24px; line-height:24px; margin:0 0 34px 0;}
footer .footerSocialHolder a{margin:0 10px 0 0;}
footer .potpis{font-size:12px; line-height:14px;}
footer .footerLogo{width:60%; display:block;}

.modalHolder{display:none; position:absolute; top:100px; width:auto; max-width:50%; color:#000; background-color:#fff; z-index:9999; -webkit-box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 0.5); box-shadow:0px 0px 30px 0px rgba(50, 50, 50, 0.5); text-align:center;}
.modalBack{display: none;position:fixed; height:100%; width:100%; top:0; left:0; z-index:9998; background:rgba(255,255,255,0.8);}
.modalContent{padding:40px;}
.modalContent>.title{font-weight:700; font-size:20px; line-height:24px; margin:0 0 40px 0;}
.modalContent form{width:100%; overflow:hidden;}
.modalContent input, .modalContent textarea, .modalContent select{width:100%; border:1px solid #d5d5d5;color:#666;font-size:16px;line-height:20px;margin:0 0 10px;outline:0;padding:10px;resize:none;background:#fff;}
#drugiPovod, #drugoMesto{display:none;}
.modalContent button{background:#404042;border:0;color:#fff;font-size:16px;line-height:16px;padding:10px 25px;cursor:pointer;}
#comment_error,#comment_success{display:none;padding:15px 20px;margin:20px 0 0 0;float:right;font-size:14px;line-height:18px;border-radius:3px; width:100%;}
#comment_success{color:#044406;background-color:#B7FBB9}
#comment_error{color:#D8000C;background-color:#FFBABA}

#backToTop {bottom:20px; right:20px; cursor:pointer; display:none; height:50px; position:fixed; width:50px; border-radius:50%; font-size:30px; line-height:50px; text-align:center; z-index:3; color: #fff; -webkit-box-shadow:0px 0px 5px 0px rgba(255,255,255,1); -moz-box-shadow:0px 0px 5px 0px rgba(255,255,255,1); box-shadow: 0px 0px 5px 0px rgba(255,255,255,1); background:#3e6f2f;}