face/* slider-holder */
.clear { clear: both; overflow: hidden; width: 100%; }
.slider-holder { position: relative; margin-top: -40px; }
.hide { display: none; }
table td { border: 1px solid #777; padding: 0 10px; }
#indexslideshow img { width: 100%; }
.slider-holder .prev { width: 50px; height: 50px; background: url("../img/prev.png") no-repeat center; position: absolute; top: 50%; left: 25px; z-index: 99; }
.slider-holder .next { width: 50px; height: 50px; background: url("../img/next.png") no-repeat center; position: absolute; top: 50%; right: 25px; z-index: 99; }
.slider-overlay { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: red; z-index: 3; background: url("../img/slider-over.png") no-repeat left bottom; }
.slider-caption { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; z-index: 99; background: url("../img/slider-over.png") no-repeat left bottom; }
.caption-holder { position: absolute; bottom: 40px; left: 30px; width: 450px; }
.caption-title { color: #fff; font-size: 35px; font-weight: 700; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 2px solid #fff; text-transform: uppercase; }
.caption-text { color: #fff; font-size: 22px; line-height: 35px; font-weight: 300; }
.scroll { position: absolute; bottom: 5%; left: 42%; z-index: 99; text-align: center; width: 16%; color: #FFF; font-size: 20px; text-transform: uppercase; font-weight: 700; }
.scroll .welcome-decor span { margin: 0 25%; border-bottom: 1px solid #FFF; width: 50%; }
/* welcome-holder */
.welcome-holder { padding: 95px 0; text-align: center; }
.welcome-title { margin: 0; padding: 0; color: #504b4a; font-size: 40px; text-transform: uppercase; letter-spacing: 5px; }
.welcome-decor span { width: 20%; height: 1px; border-bottom: 1px solid #504b4a; float: left; margin: 40px 40% 50px 40%; }
.welcome-text { width: 100%; margin: 0 0 110px 0; color: #3c3c3b; font-size: 20px; font-weight: 300; line-height: 28px; text-align: justify; letter-spacing: 1px; }
.welcome-box { width: 300px; margin: 0 15px; }
.welcome-img { width: 100px; height: 115px; text-align: center; margin: 0 auto; padding: 0; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.welcome-imgfirst { background: url("../img/LUPA-SIVA.png") no-repeat bottom; }
.welcome-box:hover .welcome-imgfirst { background: url("../img/LUPA-plava.png") no-repeat bottom; }
.welcome-imgsecond { background: url("../img/welcome_icon_3.png") no-repeat bottom; }
.welcome-box:hover .welcome-imgsecond { background: url("../img/welcome_icon_3Hover.png") no-repeat bottom; }
.welcome-imgthird { background: url("../img/CGA 2020_black crop.png") no-repeat center; }
.welcome-img.welcome-imgthird{width: 120px;height: 120px;}
.welcome-box:hover .welcome-imgthird { background: url("../img/CGA 2020_black crop2.png") no-repeat center; }
.welcome-box a { margin: 15px 0 0 0; color: #504b4a; font-size: 24px; font-weight: 700; text-transform: uppercase; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; -ms-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.welcome-box:hover > a { color: #0095ff; }
.welcome-box .welcome-decor span { margin: 20px 60px 0 60px; width: 180px; }
/* news-holder */
.news-holder { padding: 100px 0 70px 0; background: url("../img/news_bg.png") no-repeat center; background-size: cover; }
.news-hometitle { margin: 0; padding: 0; color: #fff; font-size: 40px; text-align: center; }
.news-holder .welcome-decor span { border-bottom: 1px solid #fff; }
.news-box { width: 310px; margin: 0 7px; }
.news-img { position: relative; margin: 0 0 45px 0; }
.news-img, .news-img img { width: 310px; height: 180px; }
.news-img img { vertical-align: middle; }
.news-overlay { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 120px solid rgba(35,125,188,0.8); border-left: 50px solid transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.news-img:hover .news-overlay { width: 100%; height: 100%; border: 0; background: rgba(35,125,188,0.8); }
.news-date { width: 50px; padding: 0 10px 25px 0; border-right: 2px solid #0095ff; text-align: right; color: #d5d5d5; line-height: 26px; font-size: 24px; font-weight: 700; }
.news-title { width: 225px; height: 77px; overflow: hidden; padding: 0 0 0 10px; color: #fff; line-height: 26px; font-size: 24px; font-weight: 400; text-align: left; text-transform: uppercase; }
.news-more { /*width: 84%;*/ margin: 15px 0 0 0; padding: 0 8% 5px 8%; background: url("../img/moreIcon.png") no-repeat right bottom; text-align: right; text-transform: uppercase; color: #0095ff; font-weight: 700; font-size: 16px; }
.news-viewall { margin: 50px 0 0 0; text-align: center; }
.news-viewall a { padding: 5px 80px; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 24px; background: url("../img/news_button_hover.png") no-repeat center; }
/* production-holder */
.welcome-titleimg { height: 100px; }
.welcome-titleimg img { vertical-align: middle; height: 100px; }
.productbox-holder { width: 90%; margin: 0 5%; }
.productbox { width: 32%; margin: 0 1% 20px 1%; position: relative; }
.productbox-img { overflow: hidden; }
.productbox-img, .productbox-img img { width: 100%; vertical-align: middle; transition: all .2s ease-in-out; display: table;}
.productbox-img img { transition: all .2s ease-in-out; }
.productbox:hover .productbox-img img { transform: scale(1.1); }
.productbox-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); }
.productbox-title { position: absolute; top: 40%; left: 0; width: 100%; height: auto; line-height: normal; color: #D9D9D9; font-size: 25px; font-weight: 700; z-index: 99; }
.productbox .welcome-decor { position: absolute; top: 60%; left: 45%; margin: 0; z-index: 99; width: 10%; }
.productbox .welcome-decor span { width: 100%; border-bottom: 2px solid #fff; margin: 0; }
.productbox-triangle { position: absolute; bottom: 0; right: 0; width: 0; height: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.productbox:hover .productbox-triangle { width: 100%; height: 100%; border: 0; background: rgba(35,125,188,0.8); }
.productbox-green { border-bottom: 120px solid rgba(3,162,156,0.8); border-left: 50px solid transparent; }
.productbox:hover .productbox-green { background: rgba(3,162,156,0.8); }
.productbox-pink { border-bottom: 120px solid rgba(186,13,74,0.8); border-left: 50px solid transparent; }
.productbox:hover .productbox-pink { background: rgba(186,13,74,0.8); }
/* location-holder */
.location-holder { padding: 0 0 50px 0; }
.location-holder .news-viewall a { background: #33d2cd url("../img/btnsBg.png") no-repeat right; background-size: auto 100%; }
/* banner-holder */
.banner-holder { width: 90%; margin: 0 5%; padding: 85px 0; border-top: 1px solid #f1f1f1; }
.banner-sw { max-width: 820px; margin: 0 auto; }
.banner-box { width: 175px; height: 175px; margin: 0 73px; background: #252525; }
/* production-slider */
.production-slider { }
.production-slider { }
.production-slider { }
.production-left { width: 635px; margin: 100px 0 0 0; position: relative; }
.production-left #production-slider img { width: 635px; height: 440px; vertical-align: middle; }
.production-slider .next, .production-slider .prev { width: 50px; height: 50px; float: left; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; transition: background .2s ease-in-out; }
.production-slider .prev { margin: 0 0 0 265px; background: url("../img/productleft.png") no-repeat center; }
.production-slider .prev:hover { background: url("../img/productleftHover.png") no-repeat center; }
.production-slider .next { background: url("../img/productright.png") no-repeat center; }
.production-slider .next:hover { background: url("../img/productrightHover.png") no-repeat center; }
.prodslider-overlay { position: absolute; bottom: 0; right: 0; width: 0; height: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; border-bottom: 390px solid rgba(248,177,51,0.8); border-left: 200px solid transparent; }
.production-slider li:hover .prodslider-overlay { width: 100%; height: 100%; border: 0; background: rgba(248,177,51,0.8); }
a.prodslider-more { position: absolute; bottom: 10px; right: 25px; color: #fff; font-size: 70px; font-weight: 300; width: 45px; height: 45px; line-height: 27px; border: 4px solid #fff; border-radius: 50%; opacity: 0.8; }
.prodslider-social { position: absolute; bottom: 15px; left: 15px; opacity: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; }
.prodslider-social img { max-width: 40px; max-height: 40px; margin: 0 10px 0 0; }
.prodslider-social img:hover { opacity: 0.8; }
.production-slider li:hover .prodslider-social { opacity: 1; }
.production-right { width: 310px; margin: 92px 0 10px 10px; text-align: center; }
.prodright-title { margin: 0 0 17px 0; padding: 0 0 10px 0; color: #575756; font-size: 24px; font-weight: 700; border-bottom: 1px solid #cecece; text-align: left; }
.prodright-contacttitle { color: #f8b133; font-size: 20px; font-weight: 400; text-transform: uppercase; text-align: left; letter-spacing: 1px; }
.prodright-contacttext { margin: 0 0 15px 0; color: #868686; font-size: 20px; font-weight: 300; line-height: 28px; text-align: left; letter-spacing: 1px; }
.prodright-contacttext a { color: #868686; }
.prodright-contactlink { padding: 5px 45px; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 20px; margin: 0 auto; background: #f8b133 url("../img/btnsBg.png") no-repeat right; background-size: auto 100%; }
.prodright-contactsubtitle { color: #575756; font-weight: 400; font-size: 20px; text-align: left; text-transform: uppercase; letter-spacing: 2px; }
/* descriptiontxt-holder */
.description-holder { margin: 150px 0 20px 0; padding: 0!important; }
.descriptiontxt-holder { text-align: center; }
.page-template-page1 .descriptiontxt-holder { margin-top: 160px; }
.descriptiontxt-holder ul li { padding: 40px 0; /*list-style: none;*/ }
.descriptiontxt-holder ul li.descriptiontxt-bg { background: #f5f5f5; }
.descriptiontxt-title { text-transform: uppercase; color: #504b4a; font-size: 30px; font-weight: 700; letter-spacing: 2px; }
.descriptiontxt-text { color: #6f6f6e; font-size: 20px; line-height: 30px; font-weight: 300; text-align: justify; letter-spacing: 1px; }
.descriptiontxt-contact .welcome-decor span { margin-top: 0; margin-bottom: 0; }
.descriptiontxt-colortext { margin: 0 0 50px 0; color: #f8b133; font-size: 20px; font-weight: 300; text-transform: uppercase; line-height: 38px; letter-spacing: 2px; }
.descriptiontxt-colortext span { font-weight: 700; }
.welcome-colordecor { margin: 0 0 50px 0; }
.welcome-colordecor span { border-color: #f8b133; }
.descriptiontxt-subtext { color: #868686; font-size: 16px; font-weight: 300; line-height: 35px; text-transform: uppercase; letter-spacing: 1px; }
.descriptiontxt-subtext a { color: #868686; }
.descriptiontxt-subtext span { margin: 0 10px 0 0; color: #3c3c3b; font-weight: 400; }
.descriptiontxt-contact .descriptiontxt-title { margin: 0 0 30px 0; }
/* bottomcontact-holder */
.bottomcontact-holder { margin: 70px 0; }
.bottomcontact-left { width: 425px; }
.bottomcontact-left #map-canvas { width: 425px; height: 190px; float: left; }
.downloadpdf { width: 280px; height: 45px; margin: 40px 0 0 0; padding: 10px 0 10px 70px; color: #575756; font-size: 20px; font-weight: 400; line-height: 25px; background: url("../img/downloadpdf.png") no-repeat left; text-transform: uppercase; }
.bottomcontact-right { width: 380px; margin: 0 0 0 50px; }
.bottomcontact-right li { margin: 0 0 20px 0; list-style: none; color: #868686; font-size: 20px; font-weight: 300; line-height: 26px; letter-spacing: 1px; }
.bottomcontact-right li a { color: #868686; }
.bottomcontact-right h5 { margin: 0 0 10px 0; padding: 0; color: #f8b133; font-size: 20px; line-height: 20px; }
.bottomcontact-right li span { margin: 0 10px 0 0; font-weight: 400; }
.bottomcontact-right li p { margin: 0; padding: 0; color: #504b4a; font-size: 30px; font-weight: 700; }
.bottomcontact-right .welcome-decor span { width: 170px; margin: 0 0 20px 0; }
.bottomcontact-mapdec .bottomcontact-left { width: 470px; }
.bottomcontact-mapdec #map-canvas { width: 470px; height: 310px; }
.bottomcontact-social { margin: 0 0 0 -27px!important; }
.bottomcontact-social .facebookDark { background: url(../img/facebookDark.png) no-repeat center; }
.bottomcontact-social .facebookDark:hover { background: url(../img/facebookDarkHover.png) no-repeat center; }
.bottomcontact-social .vimeoDark { background: url(../img/vimeo.png) no-repeat center; }
.bottomcontact-social .vimeoDark:hover { background: url(../img/vimeoHover.png) no-repeat center; }
.bottomcontact-social .youtubeDark { background: url(../img/youtubeDark.png) no-repeat center; }
.bottomcontact-social .youtubeDark:hover { background: url(../img/youtubeDarkHover.png) no-repeat center; }
.bottomcontact-social .instagramDark { background: url(../img/instagramDark.png) no-repeat center; background-size: 26px; }
.bottomcontact-social .instagramDark:hover { background: url(../img/instagramDarkHover.png) no-repeat center; background-size: 26px; }
.bottomcontact-social .linkedinDark { background: url(../img/linkedinDark.png) no-repeat center; background-size: 26px; }
.bottomcontact-social .linkedinDark:hover { background: url(../img/linkedinDarkHover.png) no-repeat center; background-size: 26px; }
.bottomcontact-social .twitterDark { background: url(../img/twitterDark.png) no-repeat center; background-size: 26px; }
.bottomcontact-social .twitterDark:hover { background: url(../img/twitterDarkHover.png) no-repeat center; background-size: 26px; }
.bottomcontact-social a { width: 30px; height: 30px; float: left; margin: 0 22px; transition: background .2s ease-in-out; }
.bottomcontact-colordec { margin: 0 0 60px 0; }
.bottomcontact-colordec .bottomcontact-right li span { color: #3db7b7; }
.map-title { margin: 0 0 15px 0; padding: 0 0 5px 0; color: #575756; font-size: 24px; font-weight: 700; border-bottom: 1px solid #575756; }
.bottomcontact-colordec .bottomcontact-right { margin: 55px 0 0 50px; }
/* pageslider-holder */
.pageslider-holder { position: relative; overflow: hidden; }
.pageslider-holder > img { width: auto; height: 520px; vertical-align: middle; min-width: 100%; }
.pageslider-holder .pageslider-caption { position: absolute; bottom: 100px; left: 0; text-align: center; color: #ffffff; font-size: 40px; font-weight: 700; line-height: 64px; text-transform: uppercase; letter-spacing: 2px; }
.pageslider-holder .pageslider-caption h1 { font-size: 1.3em; margin: 0; }
.pageslider-holder .pageslider-caption .pageslider-captionimg { max-width: 90px; max-height: 90px; margin: 0 auto; float: none!important; }
/* pagepost-holder */
.pagepost-holder { margin: 80px 0; }
.pagepost-holder article { position: relative; margin: 0 0 70px 0; }
.pagepost-holder li { list-style: none; margin: 35px 0 0 0; }
.pagepost-holder li.pagepostopen { margin: 0; }
.pagepostopen article { border: 0!important; }
.pagepost-holder { }
.pagepost-img { width: 240px; max-height: 170px; text-align: center; border-right: 2px solid #f8b133; }
.pagepost-img img { vertical-align: middle; max-height: 170px; margin: 10px 10px; }
.pagepost-data { width: 685px; margin: 0 0 0 30px; }
.pagepost-title { margin: 0 0 20px 0; padding: 0; color: #868686; font-size: 25px; line-height: 28px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; }
.pagepost-title a { color: #868686 !important; }
.pagepost-title a:hover { color: #000 !important; }
.pagepost-text { color: #868686; font-size: 18px; line-height: 22px; font-weight: 300; text-align: justify; letter-spacing: 1px; height: 150px; }
.pagepost-more { position: absolute; bottom: 0; right: 0; }
.pagepost-more a { color: #f8b133; font-size: 16px; font-weight: 700; background: url("../img/moreIconOrange.png") no-repeat right; background-size: auto 25px; padding: 0 20px 10px 0; }
.pagepost-more a:hover { background: url("../img/moreIconLightblue.png") no-repeat right !important; color: #0095ff !important; }
.pagepost-bgdec { margin: 0; padding: 80px 0 10px 0; background: #f5f5f5; }
.pagepost-bgdec article .pagepost-data { position: relative; }
.loadmore-btn { text-align: center; }
.loadmore-btn a { padding: 3px 107px; color: #fff; font-size: 22px; }
.loadmore-pink a { background: #ff0c66 url("../img/btnsBg.png") no-repeat right; }
.loadmore-blue a { background: #0095ff url("../img/btnsBg.png") no-repeat right; }
.pagepost-bgdec .pagepost-data { width: 928px; padding: 0 0 80px 30px; margin: 0; border-left: 2px solid #f8b133; }
.pagepost-colordec .pagepost-img { border-right: 2px solid #ff0c66; }
.pagepost-colordec .pagepost-more a { color: #ff0c66; background: url("../img/moreIconPink.png") no-repeat right; }
.pagepost-bggdec { background: none; padding: 80px 0; }
.pagepost-bggdec .pagepost-data { border-left: 2px solid #003340; }
.pagepost-bggdec .pagepost-more { bottom: 0px; }
.pagepost-bggdec .pagepost-more a { color: #003340; background: url("../img/moreIconBlue.png") no-repeat right; }
.pagepost-bggdec article.last { border: 0; }
.pagepost-bggdec article { padding: 0 0 35px 0; margin: 0 0 35px 0; border-bottom: 1px solid #cecece; }
.pagepostopen { padding: 10px 0 20px 0!important; background: #f5f5f5; border: 0!important; }
.pagepostopen .pagepost-more { bottom: 0; }
.pagepostopen .pagepost-data { border-left: 0; }
.pagepost-list { width: 33%; }
.pagepost-list span { height: 90px; margin: 0 0 0 30px; color: #186da2; font-size: 20px; line-height: 20px; font-weight: 300; text-transform: uppercase; }
.pagepost-list ul li { list-style: none; width: 100%; margin: 0 0 25px 0; float: left; }
.pagepostopen .pagepost-title { text-indent: 30px; }
.pagepostopen ul li a { width: 80%; padding: 0 10%; float: left; color: #868686; font-size: 20px; line-height: 20px; font-weight: 300; background: url("../img/listBullet.png") no-repeat top left; }
.pagepostopen .pagepost-data { padding: 0 0 20px 30px; }
.pagepost-direction { margin: 50px 0 45px 0; color: #868686; font-size: 20px; line-height: 22px; font-weight: 300; text-align: justify; letter-spacing: 1px; }
.pagepost-direction img { width: 150px; height: 140px; margin: 0 10px 10px 0; }
.pagepost-direction span { color: #186da2; }
.pagepostopen { }
/* descriptiontxt-border */
.descriptiontxt-border li { padding: 50px 0 0 0!important; }
.descriptiontxt-border li article { padding: 0 0 50px 0; border-bottom: 1px solid #c5c5c5; }
.descriptiontxt-border li article.last { padding: 0 0 50px 0; border-bottom: 0; }
.descriptiontxt-border .descriptiontxt-text a, .descriptiontxt-border .descriptiontxt-text span { color: #f8b133; }
.descriptiontxt-bottom { margin: 60px 0 0 0; }
/* loadmore */
.loadmore { margin: 50px 0; text-align: center; }
/* probati sa borderom a za ie nek idu sve ivice */
.loadmore a { padding: 7px 72px; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 20px; margin: 0 auto; background: #f8b133 url("../img/btnsBg.png") no-repeat right; background-size: auto 100%; }
/* location-holder */
.location-margdec { margin: 120px 0 0 0; }
/* searchloc-holder */
.searchloc-holder { margin: 40px 0 70px 0; }
.searchloc-holder input { width: 276px; margin: 0 5px; padding: 10px 15px; color: #868686; font-size: 20px; font-weight: 300; }
.searchloc-checkboxlist { height: 52px; cursor: pointer; background: url("../img/checkboxlistBg.png") no-repeat right; }
.searchloc-checkboxlist span { line-height: 30px; padding: 0 15px; color: #868686; }
.searchloc-holder ul { width: 320px; border: 1px solid #868686; }
.searchloc-holder ul li { margin: 10px 0; list-style: none; text-align: left; color: #868686; font-size: 20px; font-weight: 300; line-height: 20px; position: relative; }
.searchloc-holder ul li:hover { color: #3db7b7; }
.searchloc-dropdown li .myCheckbox input { display: none; }
.searchloc-dropdown li .myCheckbox span { width: 15px; height: 15px; display: block; float: left; margin: 5px 20px 0 20px; background: url("../img/checkbox.png") no-repeat center; }
.searchloc-dropdown li .myCheckbox input:checked + span { background: url("../img/checkboxCheck.png") no-repeat center; border: none }
.searchloc-dropdown { background: #fff; position: absolute; display: none; left: -1px; top: 42px; z-index: 9; padding: 10px 0; }
.searchloc-checkboxlist:hover .searchloc-dropdown { display: block; }
.searchloc-holder .searchloc-btn { width: 317px; height: 50px; margin: 35px 0; background: #00c7c0 url("../img/btnsBg.png") no-repeat right; background-size: auto 100%; color: #fff; font-weight: 700; font-size: 24px; border: 0; line-height: 24px; }
.searchloc-holder .searchloc-view { padding: 12px 15px; border: 0; color: #3db7b7; background: url("../img/viewlocation.png")no-repeat; background-size: auto 100%; }
/* singlepage-holder */
.singlepage-holder { margin: 100px 0 0 0; }
.singlepage-holder .welcome-title { margin: 50px 0 0 0; color: #ff0c66; }
.singlepage-subtitle { color: #3c3c3b; font-weight: 400; font-size: 26px; line-height: 34px; }
.singlepage-holder .welcome-text { margin: 50px 0 0 0; }
.descriptiontxt-subtext .color { color: #ff0c66; }
/* bottomimg-holder */
.bottomimg-holder { margin: 70px 0; }
.bottomimg-holder .rslides { width: 720px; height: 420px; margin: 0 120px; }
.bottomimg-holder .rslides li img { width: 720px; height: 420px; }
.bottomimg-holder ul li { padding: 0; }
.bottomimg-holder .prodslider-overlay { border-bottom: 420px solid rgba(255,12,102,0.8); }
.bottomimg-holder li:hover .prodslider-overlay { background: rgba(255,12,102,0.8); }
.bottomimg-holder .prodslider-more { border: 0; width: 30px; height: 40px; bottom: 25px; }
.bottomimg-holder .prodslider-more img { max-width: 30px; max-height: 40px; margin: 0 auto 0 auto; float: none; }
/* contact-margdec */
.contact-margdec { margin: 150px 0 0 0; padding: 0; }
/* contactform-holder */
.contactform-holder { }
.contactform-holder form { width: 640px; margin: 65px 160px; }
.contactform-group { width: 310px; margin: 0 5px; }
.contactform-group label { margin: 10px 0; color: #868686; font-weight: 300; font-size: 18px; }
.contactform-group input { width: 285px; height: 54px; padding: 0 10px; border: 1px solid #868686; }
.contactform-group textarea:focus, .contactform-group input:focus { border: 1px solid #3db7b7; }
.contactform-group .contactformb-btn:focus { border: 0; }
.contactform-groupfull { width: 625px; }
.contactform-groupfull textarea { width: 620px; height: 170px; border: 1px solid #868686; }
.contactform-groupfull a { color: #3db7b7; font-weight: 300; font-size: 18px; }
.contactform-groupcenter { text-align: center; }
.contactform-group .contactformb-btn { width: auto; height: 40px; float: none; margin: 0 auto; padding: 0 124px; border: 0; text-transform: uppercase; color: #fff; font-weight: 700; font-size: 22px; line-height: normal; background: #3db7b7 url("../img/btnsBg.png") no-repeat right; background-size: auto 100%; }
/* team-holder */
.team-holder { padding: 55px 0 10px 0; background: #f5f5f5; }
.team { width: 33%; margin: 0 0 40px 0; text-align: center; }
.team-img { position: relative; width: 175px; height: 175px; }
.team-img img { width: 175px; height: 175px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }
.team-contact { position: absolute; top: 0; left: 0; width: 175px; height: 175px; background: rgba(61,183,183,0.8); -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; text-align: center; text-transform: uppercase; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.team-name { margin: 45px 0 10px 0; color: #ffffff; font-weight: 700; font-size: 25px; }
.team-position { color: #ffffff; font-weight: 300; font-size: 16px; line-height: 17px; }
.team-img:hover .team-contact { opacity: 1; }
.team-phone { margin: 15px 0 25px 0; }
.team-email, .team-phone { color: #868686; font-weight: 300; font-size: 20px; line-height: 20px; }
.team-email span, .team-phone span { color: #3db7b7; font-weight: 400; }
.team-email a { color: #868686; }
.team-centerdec .team { width: 33%; margin: 0; text-align: center; }
.team .team-img { margin: 0 auto; float: none; }
.team-centerdec .first { margin: 0 0 0 16% }
/* newslight-holder */
.newslight-holder article .pagepost-data { position: relative; /*height: 170px;*/ }
.newslight-holder .pagepost-img { position: relative; width: 300px; border-right: 2px solid #0095ff; }
.newslight-holder .pagepost-img img { width: 270px; margin: 0 30px 0 0; height: 170px; }
.newslight-holder .pagepost-more a { background: url("../img/moreIconLightblue.png") no-repeat right; color: #0095ff; }
.newslight-holder .pagepost-more a:hover { background: url("../img/moreIconGray.png") no-repeat right !important; color: #9c9b9b !important; }
.newslight-holder .pagepost-data { width: 620px; }
.newstriangle { position: absolute; bottom: 0; right: 30px; width: 0; height: 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; border-bottom: 170px solid rgba(0,149,255,0.8); border-left: 80px solid transparent; }
.newslight-holder .pagepost-img:hover .newstriangle { width: 275px; height: 100%; border: 0; background: rgba(0,149,255,0.8); }
.newsdate { position: absolute; bottom: 10px; right: 40px; text-align: right; color: #fff; font-weight: 700; font-size: 23px; }
/* news-single */
.newssingle-holder { background: #f5f5f5; padding: 20px 0 30px 0; }
.newssingle-data { border-left: 2px solid #0095ff; text-transform: uppercase; margin: 0 0 20px 0; padding: 0 0 0 30px; }
.newssingle-title { width: 876px; margin: 0 0 20px 0; padding: 0; color: #868686; font-weight: 700; font-size: 28px; line-height: 28px; }
.newssingle-date { color: #0095ff; font-weight: 700; font-size: 18px; line-height: 18px; }
.newssingle-subtitle { color: #0095ff; font-weight: 300; font-size: 19px; line-height: 19px; }
.newssingle-txtbox { color: #868686; font-weight: 300; font-size: 20px; line-height: 24px; text-align: justify; letter-spacing: 1px; }
.newssingle-txtbox img { margin: 0 10px 5px 0; }
.newssingle-txtbox span { color: #0095ff }
.newssingle-holder .pagepost-more { position: relative; }
.pagepost-open { margin: 10px 0 0 0!important; }
.pagepost-open a { background: url("../img/moreIconGray.png") no-repeat right; color: #9c9b9b; }
.pagepost-open a:hover { background: url("../img/moreIconLightblue.png") no-repeat right !important; color: #0095ff !important; }
/* myproject-holder */
.myproject-holder { margin: 250px 0 0 0; padding: 0 0 35px 0; }
.myproject-ratetitle { margin: 0 10px 0 0; color: #868686; font-weight: 300; font-size: 19px; line-height: 22px; }
.myproject-rate span { width: 22px; height: 22px; margin: 0 0 0 5px; cursor: pointer; }
.myproject-rate .rated { background: url("../img/starFill.png") no-repeat center; }
.myproject-rate .notrated { background: url("../img/starOutline.png") no-repeat center; }
.myproject-slider { position: relative; margin: 15px 0; }
.myproject-slider #myproject-slider, .myproject-slider #myproject-slider img { width: 634px; height: 445px; }
.lokacija-glavna .prodslider-more, .lokacija-glavna .myproject-icon { display: none; }
#myproject-slider { margin: 15px 0; }
#myproject-slider li, #myproject-slider-pager li { position: relative; }
#myproject-slider-pager li { margin: 0 7px 15px 7px; }
#myproject-slider-pager li, #myproject-slider-pager li img { width: 310px; height: 215px; float: left; }
.myproject-bigimg { width: 630px; height: 445px; float: left; /*position: absolute; top: 0; left: 0;*/ }
.sgl-sliderwrapper img { width: 310px; /*height: 180px;*/ height: auto; min-height: 210px; }
.sgl-sliderwrapper .bx-prev { width: 30px; height: 30px; background: url("../img/sliderPrev.png") no-repeat center; }
.sgl-sliderwrapper .bx-next { width: 30px; height: 30px; background: url("../img/sliderNext.png") no-repeat center }
.sgl-sliderwrapper .bx-prev:hover, .sgl-sliderwrapper .bx-next:hover { background-position: center; }
.sgl-sliderwrapper .bx-controls-direction { float: none; height: 30px; width: 100px; position: relative; margin: 0 auto; }
.sgl-sliderwrapper .bx-wrapper .bx-viewport { box-shadow: none!important; border: 0!important; background: none!important; left: 0; }
.myproject-slider .slidertext-holder { position: relative; top: 0; right: 0; }
.bigimg-holder { position: relative; width: 630px; height: 445px }
.bigimg-holder img { max-width: 630px; /*max-height: 445px;*/ height: auto; }
.bigimg-holder:hover .myproject-triangle { width: 630px; border: 0; height: 100%; background: none; }
.bigimg-holder:hover .myproject-icon { opacity: 1; }
.myprojectslider li a { position: relative; margin: 0 0 10px 0; }
.myprojectslider li a:hover .myproject-overlay { opacity: 0; }
.myproject-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
#myproject-slider-pager li:hover .myproject-overlay { opacity: 0; }
.myproject-slider a.prodslider-more { bottom: 20px; }
.myproject-icon { position: absolute; bottom: 20px; left: 25px; width: 48px; height: 48px; background: url("../img/sliderIcon.png") no-repeat center; opacity: 0; -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -o-transition: opacity .3s ease; -ms-transition: opacity .3s ease; transition: opacity .3s ease; }
.myproject-slider li:hover .myproject-icon { opacity: 1; }
.myproject-slider .prev { position: absolute; bottom: 0; left: 45%; z-index: 999; width: 30px; height: 30px; background: url("../img/sliderPrev.png") no-repeat center; }
.myproject-slider .next { position: absolute; bottom: 0; right: 45%; z-index: 999; width: 30px; height: 30px; background: url("../img/sliderNext.png") no-repeat center; }
.myproject-triangle { position: absolute; bottom: 0; right: 0; width: 0; height: 0; border-bottom: 447px solid rgba(3,162,156,0.8); border-left: 220px solid transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease; }
.myproject-slider li:hover .myproject-triangle { width: 100%; height: 100%; border: 0; background: rgba(3,162,156,0.8); }
.slidertext-holder { width: 310px; margin: 10px 0 0 0; text-align: left; }
.slidertext-holder li { margin: 0 0 25px 0; list-style: none; color: #868686; font-weight: 300; font-size: 20px; text-align: justify; letter-spacing: 1px; }
.slidertext-holder li span { margin: 0 0 0 5px; color: #00c7c0; font-weight: 400; }
.slidertext-simple { /* padding: 15px 0;
    border-top: 1px solid #868686;
    border-bottom: 1px solid #868686;*/ padding: 15px 0; border-top: 1px solid #868686; border-bottom: 1px solid #868686; color: #868686; font-weight: 300; font-size: 20px; text-align: justify; letter-spacing: 1px; }
.myproject-show { text-align: right; color: #868686; font-weight: 300; font-size: 19px; }
.myproject-bgdec { padding: 0 0 10px 0; }
.myproject-bgdec .myproject-rate .rated { background: url("../img/starFill2.png") no-repeat center; }
.myproject-bgdec .myproject-rate .notrated { background: url("../img/starOutline2.png") no-repeat center; }
.myproject-bgdec .slidertext-holder li span { color: #00a0af; }
.myproject-bgdec .myproject-triangle { border-bottom: 447px solid rgba(0, 161, 177, 0.8); }
.myproject-bgdec li:hover .myproject-triangle { background: rgba(0, 161, 177, 0.8); }
.myproject-bgdec li:hover .prodslider-social { opacity: 1; }
/* projectinfo-holder */
.projectinfo-left { width: 480px; margin: 0 0 45px 0; }
.projectinfo-left textarea { width: 460px; height: 360px; margin: 0 0 20px 0; padding: 10px; border: 1px solid #868686; color: #868686; font-weight: 300; font-size: 19px; }
.projectinfo-left input { height: 30px; padding: 0 55px; background: #00c7c0 url("../img/btnsBg.png") no-repeat right; background-size: auto 100%; border: 0; color: #fff; font-weight: 700; font-size: 15px; }
.projectinfo-left input.submitBlue { background: #00a1b1 url("../img/btnsBg.png") no-repeat right; }
.projectinfo-right { width: 430px; border-bottom: 1px solid #868686; }
.projectinfo-right #map-canvas { width: 430px; height: 190px; float: left; margin: 0 0 25px 0; }
.projectinfo-address { width: 50%; }
.projectinfo-title { margin: 0 0 20px 0; color: #00a0af; font-weight: 700; font-size: 16px; text-transform: uppercase; }
.projectinfo-text { margin: 0 0 25px 0; color: #868686; font-weight: 300; font-size: 20px; line-height: 24px; }
.projectinfo-text span { font-weight: 400; }
.projectinfo-bgdec { }
/* listsearch-holder */
.listsearch-holder { padding: 50px 0; background: #f5f5f5; }
.listsearch { width: 32%; margin: 0 1%; }
.listsearch-title { height: 70px; margin: 0 0 15px 0; padding: 0 0 0 15px; border-left: 2px solid #00a1b1; color: #504b4a; font-weight: 400; font-size: 22px; line-height: 22px; text-transform: uppercase; }
.listsearch-list li { list-style: none; }
.listsearch-list li a, .listsearch-list span { color: #868686; font-weight: 300; font-size: 20px; line-height: 20px; }
.listsearch-list li a { text-transform: uppercase; line-height: 35px; }
.listsearch-list li.listsearch-bglink { background: url("../img/listsearch.png") no-repeat left top; margin: 0 0 10px 0; padding: 0 30px; }
.listsearch-list li.listsearch-bglink a { line-height: 18px; text-transform: none; }
.listsearch-list li span { margin: 0 0 20px 0; }
/* backbtn-holder */
.backbtn-holder { width: 98%; position: fixed; margin: 150px 1% 15px 1%; z-index: 9; }
.backbtn-holder a { height: 70px; padding: 0 75px; background: url("../img/backTo1.png") no-repeat center; color: #fff; font-weight: 700; font-size: 19px; line-height: 50px; text-transform: uppercase; }
.backbtn-bgdec a { background: url("../img/backTo.png") no-repeat center; }
/* myproject-add */
.myproject-add { padding: 50px 0; text-align: center; border-top: 1px solid #d8d8d8; }
.myproject-add a { padding: 7px 70px; background: #00a0af url("../img/btnsBg.png") no-repeat right; background-size: auto 100%; color: #fff; font-weight: 700; font-size: 26px; line-height: 50px; text-transform: uppercase; }
/* myprojects-holder */
.myprojects-holder { margin: 150px 0 0 0; padding: 0; }
.myprojects-holder .welcome-text { margin: 0; }
.myprojects-holder .welcome-text span { color: #00c7c0; }
/* myprojects-wrapper */
.myprojects-wrapper { margin: 70px 0; }
.myprojects-wrapper article { width: 23%; margin: 0 1.3%; text-align: center; }
.myprojects-img { margin: 0 0 20px 0; }
.myprojects-img, .myprojects-img img { height: 90px; }
.myprojects-text { color: #00c7c0; font-weight: 300; font-size: 15px; text-transform: uppercase; line-height: 25px; letter-spacing: 1px; }
/* projectlist-holder */
.projectlist-holder { width: 90%; margin: 0 5%; }
.projectlist-holder .productbox { width: 49%; margin: 0 0 25px 0; text-align: center; }
.productbox-add { outline: 2px solid #33d2cd; }
.productbox-addbox { position: relative; z-index: 9999; padding: 0; text-align: center; color: #00c7c0; font-weight: 700; font-size: 45px; }
.productbox-addbox img { width: 100px; height: 100px; }
.projectlist-holder .productbox-green { border-bottom: 200px solid rgba(3,162,156,0.8); border-left: 100px solid transparent; }
.projectlist-holder .productbox-title { font-size: 35px; }
.settingsbox { position: absolute; top: 105px; left: 0; z-index: 9999; width: 100%; height: auto; }
.productbox-settings .productbox-title { position: relative; height: auto; float: left; margin: 80px 0 0 0; line-height: normal; }
.productbox-settings .productbox-title { position: absolute; top: 0; }
.settingsbox-list { margin: 10px 0 0 0; text-align: center; z-index: 999; position: absolute; top: 140px; }
.settingsbox-list ul li { list-style: none; display: inline; margin: 0 25px; }
.settingsbox-list ul li a { padding: 0 0 5px 0; color: #00c7c0; font-weight: 300; font-size: 20px; line-height: 20px; }
.settingsbox-list ul li a.active, .settingsbox-list ul li a:hover { border-bottom: 1px solid #00c7c0; }
.settingsbox-tools { z-index: 999; position: absolute; bottom: 20px; width: 97%; margin: 20px 3% 0 3%; }
.settingsbox-tools a { width: 32px; height: 32px; float: left; margin: 0 7px; opacity: 0.8; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.settingsbox-tools .settingsbox-add { background: url("../img/tool1.png") no-repeat center; }
.settingsbox-tools .settingsbox-move { background: url("../img/tool2.png") no-repeat center; }
.settingsbox-tools .settingsbox-pdf { background: url("../img/tool3.png") no-repeat center; }
.settingsbox-tools .settingsbox-delete { background: url("../img/tool4.png") no-repeat center; }
.settingsbox-tools a:hover { opacity: 1; }
.settingsbox-slider { position: absolute; bottom: 70px; left: 0; z-index: 99; width: 100%; }
#myprojectslider li { height: 120px; }
#myprojectslider .sslider-box { position: relative; width: 32.5%; float: left; margin: 0 0.6%; overflow: hidden; }
#myprojectslider .sslider-box img { height: 120px; width: auto; min-width: 100%; }
.settingsbox-slider .settingsbox-slider-title { position: absolute; top: 0; left: 0; background: rgba(3,162,156,0.8); width: 100%; height: 100%; line-height: 120px; color: #fff; font-size: 21px; font-weight: 700; -webkit-transition: background .2s ease-in-out; -moz-transition: background .2s ease-in-out; -o-transition: background .2s ease-in-out; -ms-transition: background .2s ease-in-out; transition: background .2s ease-in-out; text-transform: uppercase; }
.settingsbox-slider .prev { background: url("../img/settingsboxPrev.png") no-repeat center; left: 0; width: 30px; height: 25px; z-index: 9999; position: absolute; top: 40%; }
.settingsbox-slider .next { background: url("../img/settingsboxNext.png") no-repeat center; right: 0; width: 30px; height: 25px; z-index: 9999; position: absolute; top: 40%; }
.settingsbox-slider .next:hover, .settingsbox-slider .prev:hover { background-position: center; }
.sslider-box:hover .settingsbox-slider-title { background: none; }
.addproject-overlay { position: fixed; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(0,0,0,0.8); display: none; }
.deleteproject-popup, .addproject-popup { position: absolute; top: 50px; left: 0; z-index: 999999; width: 100%; display: none; }
.addproject-holder { width: 52%; padding: 40px 24%; position: relative; background: #fff; border: 2px solid #3db7b7; }
.addproject-title { margin: 0; padding: 0; color: #00c7c0; font-size: 30px; font-weight: 700; }
.addproject-close { position: absolute; top: 15px; right: 15px; width: 45px; height: 45px; background: url("../img/popupClose.png") no-repeat center; }
.addproject-holder form { margin: 10px 0 0 0; }
.addproject-holder input { border: 1px solid #3db7b7; width: 100%; text-indent: 25px; height: 60px; color: #4d4d4d; font-size: 24px; font-weight: 400; }
.addproject-holder label { margin: 45px 0 20px 0; padding: 0 0 0 60px; background: url("../img/addprojectBtn.png") no-repeat left; background-size: auto 45px; color: #00c7c0; font-size: 30px; font-weight: 700; }
.addproject-field { width: 45%; margin: 0 0 10px 0; padding: 0 2%; background: #4d4d4d; color: #fff; font-size: 20px; font-weight: 300; }
.addproject-fielddelete { width: 15px; height: 15px; margin: 9px 0 7px 0; background: url("../img/tagRemove.png") no-repeat center; }
.addproject-wrapper { height: 390px; margin: 10px 0 35px 0; overflow: hidden; overflow-y: scroll; }
.addproject-wrapper article { width: 49%; margin: 0 0 25px 0; }
.addproject-img { position: relative; }
.addproject-img img { width: 100%; height: 150px; vertical-align: middle; }
.addproject-name { margin: 5px 0 0 0; color: #00c7c0; font-size: 20px; font-weight: 400; }
.addproject-formoverlay { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: rgba(61,183,183,0.8); opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.addproject-addoverlay { position: absolute; top: 0; left: 0; z-index: 99999; width: 100%; height: 100%; background: url("../img/tool1.png") no-repeat center; opacity: 0; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; }
.addproject-img:hover .addproject-addoverlay, .addproject-img:hover .addproject-formoverlay { opacity: 1; }
input.addproject-create { padding: 10px 83px 10px 42px; border: 0; color: #fff; font-weight: 700; font-size: 30px; background: url("../img/contactbtn.png") no-repeat center; }
.addproject-delete { width: 65%; margin: 0 17%; padding: 50px 0; text-align: center; }
.delete-title { margin: 0 0 35px 0; color: #4d4d4d; font-weight: 300; font-size: 30px; }
.delete-title span { color: #00c7c0; font-weight: 400; }
.btn-wrapper { width: 350px; margin: 0 auto; }
.addproject-deletebtn { padding: 5px 60px 5px 43px; color: #fff; font-weight: 700; font-size: 20px; background: url("../img/submitbtn.png") no-repeat center; }
.addproject-cancelbtn { padding: 5px 39px 5px 61px; color: #fff; font-weight: 700; font-size: 20px; background: url("../img/cancelBtn.png") no-repeat center; }
.opacitychange { opacity: 0; -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
.fancybox-overlay-fixed { z-index: 99999; }
.fancybox-opened { z-index: 999999; }
a.gl { clear: both; margin-top: 22%; display: block; }
.myfooter { overflow: hidden; background-color: #333; display: block; margin: 0px; padding: 0px; clear: both; width: 100%; }
.navigation { text-align: center; }
.site-title { text-indent: -9999px; position: absolute; }
.site-description { text-indent: -9999px; position: absolute; }
.descriptiontxt-text img { height: auto; max-width: 100%; }
.prazno { width: 270px; height: 170px; }
.okidac { position: absolute; width: 630px; height: 445px; }
.main-404 { margin-top: 250px; text-align: center; margin-bottom: 50px; }
.article-404-title { font-size: 4em; line-height: 1.5; }
.hello-user {
    width: 270px;
    height: 40px;
    margin: 3px 50px 0 0;
    border: 2px solid #868686;
    border-radius: 5px;
}

.new-look-footer {
    color: #999;
    font-size: 14px;
    text-align: center;
    padding-bottom: 40px;
}

.new-look-footer a {
    color: #999;
}

.hello-user-span {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 40px;
    text-align: center;
    color: #fff;
}

.popup-input-inner textarea {
    height: 60px;
}

.sw-big {
    width: 100%;
    max-width: 1440px;
}

.sub-menu {
    top: 42px;
}

article[onclick="alreadyLogin();"] {
    display: none;
}

article[onclick="pleaseLogin();"] {
    display: none;
}

.myprojects-wrapper article:hover {
    cursor: pointer;
}

@media (min-width: 769px) and (max-width:924px) {
    .topheader-search {
        margin-right: 10px !important;
    }
    .hello-user {
        margin-right: 10px;
    }
}
.projectinfo-right #new-map-canvas { width: 430px; height: 190px; float: left; margin: 0 0 25px 0; overflow: hidden}
.projectinfo-right #new-map-canvas img { width: 100%;height: auto;object-fit: contain; transition: transform 1s ease;}
.projectinfo-right #new-map-canvas img:hover {transform:scale(1.5)}

.newsletter-popup>img {
    display: none !important;
}