.owl-carousel .animated { -webkit-animation-duration:1000ms; animation-duration:1000ms; -webkit-animation-fill-mode:both; animation-fill-mode:both }

.owl-carousel .owl-animated-in { z-index:0 }

.owl-carousel .owl-animated-out { z-index:1 }

.owl-carousel .fadeOut { -webkit-animation-name:fadeOut; animation-name:fadeOut }

@-webkit-keyframes fadeOut { 0% {

opacity:1

}

100% {

opacity:0

}

}

@keyframes fadeOut { 0% {

opacity:1

}

100% {

opacity:0

}

}

.owl-height { -webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out }

.owl-carousel { display:none; width:100%; -webkit-tap-highlight-color:transparent; position:relative; z-index:1 }

.owl-carousel .owl-stage { position:relative; -ms-touch-action:pan-Y }

.owl-carousel .owl-stage:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0 }

.owl-carousel .owl-stage-outer { position:relative; overflow:hidden; -webkit-transform:translate3d(0px, 0, 0) }

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev { cursor:pointer; cursor:hand; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }

.owl-carousel.owl-loaded { display:block }

.owl-carousel.owl-loading { opacity:0; display:block }

.owl-carousel.owl-hidden { opacity:0 }

.owl-carousel .owl-refresh .owl-item { display:none }

.owl-carousel .owl-item { position:relative; min-height:1px; float:left; -webkit-backface-visibility:hidden; -webkit-tap-highlight-color:transparent; -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none }

.owl-carousel .owl-item img { display:inline-block; width:100%; float: left; -webkit-transform-style:preserve-3d }

.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select:auto; -moz-user-select:auto; -ms-user-select:auto; user-select:auto }

.owl-carousel .owl-grab { cursor:move; cursor:-webkit-grab; cursor:-o-grab; cursor:-ms-grab; cursor:grab }

.owl-carousel.owl-rtl { direction:rtl }

.owl-carousel.owl-rtl .owl-item { float:right }

.no-js .owl-carousel { display:block }

.owl-carousel .owl-item .owl-lazy { opacity:0; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }

.owl-carousel .owl-item img { transform-style:preserve-3d }

.owl-carousel .owl-video-wrapper { position:relative; height:100%; background:#000 }

.owl-carousel .owl-video-play-icon { position:absolute; height:80px; width:80px; left:50%; top:50%; margin-left:-40px; margin-top:-40px; background:url(owl.video.play.png) no-repeat; cursor:pointer; z-index:1; -webkit-backface-visibility:hidden; -webkit-transition:scale 100ms ease; -moz-transition:scale 100ms ease; -ms-transition:scale 100ms ease; -o-transition:scale 100ms ease; transition:scale 100ms ease }

.owl-carousel .owl-video-play-icon:hover { -webkit-transition:scale(1.3, 1.3); -moz-transition:scale(1.3, 1.3); -ms-transition:scale(1.3, 1.3); -o-transition:scale(1.3, 1.3); transition:scale(1.3, 1.3) }

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn { display:none }

.owl-carousel .owl-video-tn { opacity:0; height:100%; background-position:center center; background-repeat:no-repeat; -webkit-background-size:contain; -moz-background-size:contain; -o-background-size:contain; background-size:contain; -webkit-transition:opacity 400ms ease; -moz-transition:opacity 400ms ease; -ms-transition:opacity 400ms ease; -o-transition:opacity 400ms ease; transition:opacity 400ms ease }

.owl-carousel .owl-video-frame { position:relative; z-index:1 }

.owl-nav { width: 100%; color:#a9a9a9; font-size:16px; font-family: 'latolight'; position: absolute; top: 45%; }

.owl-prev { left: -40px; position: absolute; background:url(../images/arr-lft.png) no-repeat left 0px; height: 21px; width:13px; }

.owl-next { right: -40px; position: absolute; background:url(../images/arr-rgt.png) no-repeat right 0px; height: 21px; width:13px; }

/*.owl-prev:hover { opacity: 0.5 }

.owl-next:hover { opacity: 0.5 }*/

.owl-controls { float: left; width: 100%; margin-top: 35px; }

#home-carousel .owl-stage-outer { padding-top:50px; padding-bottom:90px; }

.owl-dots { float:left; width:100%; text-align:center; margin-top:25px; }

.owl-dot { background: #b4b4b4; width: 10px; height: 10px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 9px; }

.owl-dot.active, .owl-dot:hover { background:#94030d }

#home-carousel .owl-prev:after { color: #a9a9a9; font-size: 16px; font-family: 'latolight'; content:"Cultura i tradicio"; display:inline-block; }

#home-carousel .owl-next:after { color: #a9a9a9; font-size: 16px; font-family: 'latolight'; content:"Canals i ports"; display:inline-block; }

#home-carousel .owl-prev:hover:after, #home-carousel .owl-next:hover:after { color:#299ba1 }







#products .owl-controls { float: left; width: 100%;  margin-top:35px; position:relative; }

#products .owl-dots { float:left; width:100%; text-align:center; margin-top:0}

#products .owl-dot { background: url(../images/pdts-nav.png); width: 20px; height: 20px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 8px 0 0; }

#products .owl-dot.active, #products .owl-dot:hover { background-position: -27px 0; }



#products2 .owl-controls { float: left; width: 100%;  margin-top:35px; position:relative; }

#products2 .owl-dots { float:left; width:100%; text-align:center; margin-top:0}

#products2 .owl-dot { background: url(../images/pdts-nav.png); width: 20px; height: 20px; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 0 8px 0 0; }

#products2 .owl-dot.active, #products .owl-dot:hover { background-position: -27px 0; }



#history.owl-carousel .owl-stage-outer { z-index:1;}

#history .owl-nav{ width:100%; margin-top:0px; position:absolute; top:29.5%; right:0px;}

#history .owl-nav:after { position:absolute; display:block; content:""; left:0; top:16px; background:url(../images/line-pattern.png) repeat left; width: 100%; height: 4px;}

#history.owl-theme { float:left; width:100%;}

#history.owl-theme .owl-controls { -webkit-tap-highlight-color: transparent; margin:0; }

#history.owl-theme .owl-controls .owl-nav [class*='owl-'] {  width:35px; height:35px;   background: url(../images/history-nav.png) no-repeat center center;   display: inline-block; cursor: pointer; text-indent:-999999px;  margin: 0 0px; position:absolute;}

#history.owl-theme .owl-controls .owl-nav .owl-prev { background-position:0 0;left:-35px; }

#history.owl-theme .owl-controls .owl-nav .owl-prev:hover{ background-position:0 -35px;}

#history.owl-theme .owl-controls .owl-nav .owl-next { background-position:-36px 0; right:-30px; }

#history.owl-theme .owl-controls .owl-nav .owl-next:hover{ background-position:-36px -35px;}