/* BRTONIGLA */
.logo-brtonigla{width:60px;text-align:center;position:absolute;z-index:3;top:0px;left:20px;}
#brtonigla{width: 100%;min-height: 100vh}
#brtonigla1024{display:none}

@media (max-width: 1024px) {
#brtonigla{display:none}	
#brtonigla1024{display:block;background-image:url('../images/brtonigla768x1024.webp');background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;width:100%;height:100vh;position:fixed;top:0}
}
/* CSS za tablete u horizontalnom prikazu */
@media (max-width: 1024px) {
#brtonigla1024 { background-image: url('../images/brtonigla1024x768.webp'); }
}

/* CSS za mobitele u vertikalnom prikazu */
@media (max-width: 480px) {
#brtonigla1024 { background-image: url('../images/brtonigla360x640.webp'); }
}

/* CSS za mobitele u pejzaž orijentaciji */
@media (max-width: 854px) and (orientation: landscape) {
#brtonigla1024 { background-image: url('../images/brtonigla640x360.webp'); }
}
/* POMOĆ */
.prSN{padding-right: 30px}
.plSN{padding-left: 30px}
.pbNS5{padding-bottom: 5rem}
.pbNS10{padding-bottom: 10rem}
.pbNS20{padding-bottom: 20rem}

@media all and (max-width:1023px){	
.prSN{padding-right: 0}
.plSN{padding-left: 0}
.pbNS5,.pbNS10, .pbNS20{padding-bottom: 2rem}	
}
/** ANIMACIJA NASLOVA wow */
.oswald{font-family:'Oswald', sans-serif;font-weight: 700;}
h3.deut{line-height: 6vh;font-size: 1.6vw;color:#B94B3A;margin: 5vh 0 0;letter-spacing: 8px;}
.sivo-vh24-B, .bijelo-vh12-B{position: relative;display: block;width: 100%;line-height: 12vh;font-size: 8vw;letter-spacing: 10px;text-transform:uppercase;text-align: center;overflow: hidden }
.sivo-vh24-B{height: 24vh;background: #fff;color:#F6D186; display:block;}
.anime1{position: absolute;bottom: -6vh;left:0;right:0;}
.bijelo-vh12-B{height: 12vh;background: #F2E6C1;color:#fff;display:block}
.anime2{position: absolute;top: -6vh;left:0;right:0;}
@media only screen and (max-width: 1023px) {
    h3.deut{font-size: 2vw;margin: 6vh 0 0;}
    .sivo-vh24-B, .bijelo-vh12-B{height: 16vh; }
}
@media only screen and (max-width: 767px) {
    h3.deut{font-size: 3vw;margin: 3vh 0 0;  letter-spacing: 3px;}
    .sivo-vh24-B, .bijelo-vh12-B{height: 12vh;letter-spacing: 3px; }
}
@media only screen and (max-width: 480px) {
    h3.deut{font-size: 4vw; letter-spacing: 2px;}      
}

	h3.deut{line-height: 6vh;font-size: 1.6vw;color:#B94B3A;margin: 5vh 0 0;letter-spacing: 8px;}
	.sivo-vh24, .bijelo-vh12{position: relative;display: block;width: 100%;line-height: 12vh;font-size: 8vw;letter-spacing: 10px;text-transform:uppercase;text-align: center;overflow: hidden }
	.sivo-vh24{height: 24vh;background: #F2E6C1;color:#fff; display:block;}
	.anime1{position: absolute;bottom: -6vh;left:0;right:0;}
	.bijelo-vh12{height: 12vh;background: #fff;color:#F6D186;display:block}
	.anime2{position: absolute;top: -6vh;left:0;right:0;}
	@media only screen and (max-width: 1023px) {
		h3.deut{font-size: 2vw;margin: 6vh 0 0;}
		.sivo-vh24, .bijelo-vh12{height: 16vh; }
	}
	@media only screen and (max-width: 767px) {
		h3.deut{font-size: 3vw;margin: 3vh 0 0;  letter-spacing: 3px;}
		.sivo-vh24, .bijelo-vh12{height: 12vh;letter-spacing: 3px; }
	}
	@media only screen and (max-width: 480px) {
		h3.deut{font-size: 4vw; letter-spacing: 2px;}		
	}

/* SLIDESHOW */
.cb-slideshow,.cb-slideshow:after{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0}
.cb-slideshow:after{content:'';background:transparent url(../images/pattern.png) repeat top left}
.cb-slideshow li span{width:100%;height:100%;position:absolute;top:0;left:0;color:transparent;background-size:cover;background-position:50% 50%;background-repeat:none;opacity:0;z-index:0;-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 36s linear infinite 0s;-moz-animation:imageAnimation 36s linear infinite 0s;-o-animation:imageAnimation 36s linear infinite 0s;-ms-animation:imageAnimation 36s linear infinite 0s;animation:imageAnimation 36s linear infinite 0s}
.cb-slideshow li div{z-index:1000;position:absolute;bottom:30px;left:0;width:100%;text-align:center;opacity:0;-webkit-animation:titleAnimation 36s linear infinite 0s;-moz-animation:titleAnimation 36s linear infinite 0s;-o-animation:titleAnimation 36s linear infinite 0s;-ms-animation:titleAnimation 36s linear infinite 0s;animation:titleAnimation 36s linear infinite 0s}
.cb-slideshow li div h3{font-size:240px;padding:0;line-height:200px;color:rgba(185,75,58,.8); -webkit-text-stroke: 1px rgba(241,182,57,0.4);text-shadow: 1px 2px 5px rgba(78,29,26,0.3)}
.cb-slideshow li:first-child span{background-image:url(../images/Brtonigla-Verteneglio-1.webp)}
.cb-slideshow li:nth-child(2) span{background-image:url(../images/Brtonigla-Verteneglio-2.webp);-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}
.cb-slideshow li:nth-child(3) span{background-image:url(../images/Brtonigla-Verteneglio-3.webp);-webkit-animation-delay:12s;-moz-animation-delay:12s;-o-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s}
.cb-slideshow li:nth-child(4) span{background-image:url(../images/Brtonigla-Verteneglio-4.webp);-webkit-animation-delay:18s;-moz-animation-delay:18s;-o-animation-delay:18s;-ms-animation-delay:18s;animation-delay:18s}
.cb-slideshow li:nth-child(5) span{background-image:url(../images/Brtonigla-Verteneglio-5.webp);-webkit-animation-delay:24s;-moz-animation-delay:24s;-o-animation-delay:24s;-ms-animation-delay:24s;animation-delay:24s}
.cb-slideshow li:nth-child(6) span{background-image:url(../images/Brtonigla-Verteneglio-6.webp);-webkit-animation-delay:30s;-moz-animation-delay:30s;-o-animation-delay:30s;-ms-animation-delay:30s;animation-delay:30s}
.cb-slideshow li:nth-child(2) div{-webkit-animation-delay:6s;-moz-animation-delay:6s;-o-animation-delay:6s;-ms-animation-delay:6s;animation-delay:6s}
.cb-slideshow li:nth-child(3) div{-webkit-animation-delay:12s;-moz-animation-delay:12s;-o-animation-delay:12s;-ms-animation-delay:12s;animation-delay:12s}
.cb-slideshow li:nth-child(4) div{-webkit-animation-delay:18s;-moz-animation-delay:18s;-o-animation-delay:18s;-ms-animation-delay:18s;animation-delay:18s}
.cb-slideshow li:nth-child(5) div{-webkit-animation-delay:24s;-moz-animation-delay:24s;-o-animation-delay:24s;-ms-animation-delay:24s;animation-delay:24s}
.cb-slideshow li:nth-child(6) div{-webkit-animation-delay:30s;-moz-animation-delay:30s;-o-animation-delay:30s;-ms-animation-delay:30s;animation-delay:30s}
@-webkit-keyframes imageAnimation{
0%{opacity:0;-webkit-animation-timing-function:ease-in}
8%{opacity:1;-webkit-transform:scale(1.05);-webkit-animation-timing-function:ease-out}
17%{opacity:1;-webkit-transform:scale(1.1)}
25%{opacity:0;-webkit-transform:scale(1.1)}
100%{opacity:0}
}
@-moz-keyframes imageAnimation{
0%{opacity:0;-moz-animation-timing-function:ease-in}
8%{opacity:1;-moz-transform:scale(1.05);-moz-animation-timing-function:ease-out}
17%{opacity:1;-moz-transform:scale(1.1)}
25%{opacity:0;-moz-transform:scale(1.1)}
100%{opacity:0}
}
@-o-keyframes imageAnimation{
0%{opacity:0;-o-animation-timing-function:ease-in}
8%{opacity:1;-o-transform:scale(1.05);-o-animation-timing-function:ease-out}
17%{opacity:1;-o-transform:scale(1.1)}
25%{opacity:0;-o-transform:scale(1.1)}
100%{opacity:0}
}
@-ms-keyframes imageAnimation{
0%{opacity:0;-ms-animation-timing-function:ease-in}
8%{opacity:1;-ms-transform:scale(1.05);-ms-animation-timing-function:ease-out}
17%{opacity:1;-ms-transform:scale(1.1)}
25%{opacity:0;-ms-transform:scale(1.1)}
100%{opacity:0}
}
@keyframes imageAnimation{
0%{opacity:0;animation-timing-function:ease-in}
8%{opacity:1;transform:scale(1.05);animation-timing-function:ease-out}
17%{opacity:1;transform:scale(1.1)}
25%{opacity:0;transform:scale(1.1)}
100%{opacity:0}
}
@-webkit-keyframes titleAnimation{
0%{opacity:0;-webkit-transform:translateY(200px)}
8%{opacity:1;-webkit-transform:translateY(0)}
17%{opacity:1;-webkit-transform:scale(1)}
19%{opacity:0}
25%{opacity:0;-webkit-transform:scale(10)}
100%{opacity:0}
}
@-moz-keyframes titleAnimation{
0%{opacity:0;-moz-transform:translateY(200px)}
8%{opacity:1;-moz-transform:translateY(0)}
17%{opacity:1;-moz-transform:scale(1)}
19%{opacity:0}
25%{opacity:0;-moz-transform:scale(10)}
100%{opacity:0}
}
@-o-keyframes titleAnimation{
0%{opacity:0;-o-transform:translateY(200px)}
8%{opacity:1;-o-transform:translateY(0)}
17%{opacity:1;-o-transform:scale(1)}
19%{opacity:0}
25%{opacity:0;-o-transform:scale(10)}
100%{opacity:0}
}
@-ms-keyframes titleAnimation{
0%{opacity:0;-ms-transform:translateY(200px)}
8%{opacity:1;-ms-transform:translateY(0)}
17%{opacity:1;-ms-transform:scale(1)}
19%{opacity:0}
25%{opacity:0;-webkit-transform:scale(10)}
100%{opacity:0}
}
@keyframes titleAnimation{
0%{opacity:0;transform:translateY(200px)}
8%{opacity:1;transform:translateY(0)}
17%{opacity:1;transform:scale(1)}
19%{opacity:0}
25%{opacity:0;transform:scale(10)}
100%{opacity:0}
}
.no-cssanimations .cb-slideshow li span{opacity:1}
@media screen and (max-width:1140px){
.cb-slideshow li div h3{font-size:100px}
}
@media screen and (max-width:600px){
.cb-slideshow li div h3{font-size:50px}
}