BODY{font-family:Roboto,sans-serif;font-size:16px;font-weight:300;line-height:160%;color:#777;}
H1, H2, H3, H4, H1 A, H2 A, H3 A, H4 A{color:#000;font-weight:600;font-family:Montserrat,sans-serif;}
H1{font-size:40px;}
H2{font-size:30px;}
H3, H3 A{font-size:26px;font-weight:300;}
H4, H4 A{font-size:20px;font-weight:300;}
a, a:hover{text-decoration:none;color:#3f51b5;}
H1 a:hover, H2 a:hover, H3 a:hover, H4 a:hover{color:#3f51b5;text-decoration:none;}
HEADER.topmenu{background-color:transparent;padding:0;color:#888;}
FOOTER{line-height:140%;background-color:#727272;color:#bbb;}
FOOTER a{color:#eef;}
FOOTER a:hover{color:#fff;text-decoration:none;}
FOOTER H4{color:#fff;font-size:18px;font-weight:700;}
.content{background:#fff;}
ARTICLE HEADER{margin:12px 0;color:#aaa;}
ARTICLE{margin:12px 0;}
.ieBox{padding:30px 20px 10px 20px;}
.ieBox:hover{color:#fff;background-color:#EC008C}
.ieBox:hover .glyphicon, .ieBox:hover H3{color:#fff;}
.ieBox .glyphicon{font-size:64px;color:#ddd;}
.IN_ArticleText IMG, .IN_ArticleText IFRAME{width:100%;max-width:800px;margin:10px 0;}
.IN_ArticleShare{margin: 10px 0;}
.IN_ArticleShare A{color:#727272;font-size:24px;}
.IN_ArticleShare A:hover{color:#000;}
.IN_ArticlePicture{background-color:#fafafa;border:1px solid #eee;padding:6px;margin-bottom:15px;}
IFRAME.map{width:100%;height:400px;border:0;margin:0;overflow:hidden;}
IFRAME.video{width:100%;}
TABLE P{margin-bottom:0;}
.table>tbody>tr>td, .table>thead>tr>th{vertical-align:middle;}
.table TH{background-color:#3f51b5;color:#fff;}

.img-wrapper{padding-top:60%;height:0;position:relative;}
.img-inner{position:absolute;left:0;top:0;right:0;bottom:0;}
.lazy{display:none;}
.teaser.lazyload {opacity:0;transform:scale(0.8);}
.teaser.lazyloaded {opacity:1;transform:scale(1);transition:all 700ms;}
.mg-image img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;max-width:100%;}
.mg-image:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);}
.mg-image{overflow:hidden;}
/* topmenu */
	.navbar{background-color:transparent;border:0;margin-top:5px;font-family:Roboto,sans-serif;}
	.navbar li a{color:#fff;font-weight:300;font-size:16px;font-weight:700;}
/* 1st */
	.navbar .navbar-nav>.open>a, .navbar .navbar-nav>.open>a:focus, .navbar .navbar-nav>.open>a:hover, .navbar .navbar-nav>li>a:hover{color:#fff;background-color:#000;transition:all 500ms;}
	.navbar-nav>li>a{color:#fff;}
/* 2nd */
	.dropdown-menu{background-color:#fff;}
	.dropdown-menu li a{font-size:16px;font-weight:300;}
	.dropdown-menu li a:hover{color:#fff;background-color:#FF6699;transition:all 400ms;}
/* hamburger */
    .navbar-toggle{margin-top: 24px;}
	.navbar-toggle .icon-bar{background-color:#ddd;}
	.navbar-toggle:hover{background-color:#fff;}
	.navbar-toggle:hover .icon-bar{background-color:#FF6699;}


.carousel H1{font-size:50px;color:#fff;line-height:130%;margin:40px;font-weight:300;text-shadow: 0px 0px 7px rgba(236, 0, 140, 1);}
.carousel H3{font-size:30px;color:#fff;line-height:130%;margin:40px;font-weight:300;text-shadow: 0px 0px 7px rgba(236, 0, 140, 1);}
.carousel .btn{background-color:transparent;margin:40px;color:#fff;border-color:#fff;}
.carousel-caption{right:10%;left:10%;text-shadow:4px 4px 14px rgba(0,0,0,.9);}

.carousel H1{font-size:64px;color:#fff;line-height:120%;margin:20px;font-weight:900;text-shadow: 0px 0px 7px rgba(0,0,0,.7);}
.carousel H3{font-size:27px;color:#fff;line-height:120%;margin:20px;font-weight:300;text-shadow: 0px 0px 7px rgba(0,0,0,.7);}
.carousel div.item{height:600px;background-position:top center;background-size:cover;background-repeat:no-repeat;}
.carousel-caption{right:5%;left:5%;text-shadow:4px 4px 14px rgba(0,0,0,.9);}
.carousel-control{width:5%;}
.hpadding{padding:2% 2%;}
@media (max-width:767px)/* samo XS */{
	.carousel H1{font-size:28px;margin-bottom:20px;}
	.carousel H3{font-size:18px;margin-bottom:15px;}
	.carousel .btn{font-size:12px;margin:10px;}
	.hpadding{padding:0% 0%;}
	.carousel div.item{height:300px;}
	H1{font-size:30px;}
	H2{font-size:22px;}
}


.dokumenti{border:1px solid #eee;background-color:#ffffff;padding:5px 20px;margin:2px;}
.dokumenti IMG{height:32px;width:32px;border:0;}
.dokumenti .col-xs-2{text-align:center;}
.dokumenti .col-xs-10{padding-top:7px;}
#cookieLaw{position:fixed;z-index:999;background-color:#fff;border:1px solid #fff;bottom:0;padding:20px;color:#777;width:100%;display:none;/*opacity:0.9;*/font-size:14px;}
#cookieLaw a{color:#F21A1B;}
#cookieLaw a:hover{text-decoration:underline;color:#000;}
#cookieLaw input[type="button"]{float:right;margin-top:8px;border:0;background-color:#F21A1B;color:#FFFFFF;display:inline-block;font-size:13px;padding:6px 24px;}
#cookieLaw input[type="button"]:hover{background-color:#000;}

/* menu hover open */
@media (min-width: 979px) {ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}}


.separator {
display:block;width:100%;height:20px;background:transparent;position:relative;/*color:#ED1C24;*/}
.separator:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 77px;
    top: 1px;
    left: 0;
}



#scrollup {display:none;width:40px;height:40px;position:fixed;display:none;bottom:20px;right:20px;border:1px solid #777;
	z-index:1;background-color:#444;color:#fff;text-align:center;line-height:45px;font-size:20px;opacity:0.7;border-radius:8px;}
#scrollup:hover{background-color:#fff;color:#444;border:1px solid #333;opacity:1;}


HR.fancy-red, HR.fancy-white{width:200px;color:#ED1C24;background-color:#ED1C24;width:3px;}
HR.fancy-white{color:white;background-color:white;}



.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {z-index: 2;}

/*
.carousel-fade .carousel-inner .item .carousel-caption {opacity:0;transform: translateY(-100px)}
.carousel-fade .carousel-inner .active .carousel-caption {opacity:1;transform:translateY(0px);transition:all 2700ms;}
*/

.carousel-fade .carousel-inner .item .carousel-caption H1,
.carousel-fade .carousel-inner .item .carousel-caption H3{opacity:0;transform: translateY(-100px)}
.carousel-fade .carousel-inner .item .carousel-caption A{opacity:0;transform: translateY(3500px)}
.carousel-fade .carousel-inner .item .carousel-caption IMG{opacity:0;transform: scale(2)}

.carousel-fade .carousel-inner .active .carousel-caption H1{opacity:1;transform:translateY(0px);transition:all 1700ms;}
.carousel-fade .carousel-inner .active .carousel-caption H3{opacity:1;transform:translateY(0px);transition:all 500ms;}
.carousel-fade .carousel-inner .active .carousel-caption A{opacity:1;transform:translateY(0px);transition:all 3000ms;}
.carousel-fade .carousel-inner .active .carousel-caption IMG{opacity:1;transform:scale(1);transition:all 2000ms;}