.carousel-wrap { width: 1000px; margin: auto; position: relative; } .owl-carousel .owl-nav{ overflow: hidden; height: 0px; } .owl-stage { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .owl-stage-outer { width: 100%; } .owl-dots { text-align: center; } .owl-dot { background: none; padding: 5px; margin: 3px 10px; border:1px solid rgba(0,0,0,0.1); } .owl-dot.active { background: red; } .owl-nav { margin: 30px 0; } .owl-prev { padding: 20px; margin: 0 5px; background: url(https://cdn.prod.website-files.com/5e29e63e26591db1d2f2374f/5e29e77fa83247f897893edb_left-nav.svg); opacity: 0.5; } .owl-next { padding: 20px; margin: 0 5px; background: url(https://cdn.prod.website-files.com/5e29e63e26591db1d2f2374f/5e29e77f25b093b74ae150f3_right-nav.svg); opacity: 0.5; } .owl-next:hover, .owl-prev:hover { opacity: 1; } .owl-nav.disabled { position: absolute; width: 100%; display: flex; justify-content: space-between; margin-top: 0; } .c-publicationslist.w-dyn-items.owl-loaded.owl-drag { display: flex; position: relative; align-items: center; } .owl-prev { padding: 20px; margin: 0 5px; background: url(https://cdn.prod.website-files.com/5e29e63e26591db1d2f2374f/5e29e77fa83247f897893edb_left-nav.svg) center no-repeat; opacity: 0.5; background-color: white; padding: 28px; background-size: 20px; box-shadow: 1px 1px 21px 1px rgb(0 0 0 / 0.12); border-radius: 60px; border: none; margin-left: 30px; z-index: 150; opacity: 1; } .owl-next { padding: 20px; margin: 0 5px; background: url(https://cdn.prod.website-files.com/5e29e63e26591db1d2f2374f/5e29e77f25b093b74ae150f3_right-nav.svg) center no-repeat; opacity: 0.5; background-color: white; padding: 28px; background-size: 20px; box-shadow: 1px 1px 21px 1px rgb(0 0 0 / 0.12); border-radius: 60px; border: none; margin-right: 30px; z-index: 150; opacity: 1; } .owl-stage { margin-top: 40px; } .transform { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .transform-active { animation-iteration-count: 1; animation: pulse 6s; animation-direction: alternate; } @keyframes pulse { 0% { width: 0; } 100% { width: 100%; } } .owl-stage, .owl-nav, .owl-dots { margin: 0 !important; } .owl-dots { display: none; } .owl-dot { border-radius: 50px; background: #F2F2F2; border: none; padding: 7px; margin: 3px 4px; } .owl-dot.active { background: #A62249; } /* Home Slider */ .homehero .owl-item { /*opacity: 0;*/ } /* .owl-animated-out - only for current item */ /* Use z-index if you want move Out item above In item */ .homehero .owl-animated-out { z-index : 0; } /* .owl-animated-in - only for upcoming item /* Use z-index if you want move In item above Out item */ .homehero .owl-animated-in { z-index : 1; } /* .homehero .owl-item.active .c-zoomthisbg { animation: ZoomIn 4s .7s ease-out both; transform-origin: top right; } */ .HomeSliderOut { animation: HomeSliderOut .7s 0s ease-in both; } .HomeSliderIn { animation: HomeSliderIn .7s .5s ease-out both; } /*.HomeSliderIn .c-homeslidetext { animation: HomeSliderTextIn 1s ease-out both; } .HomeSliderOut .c-homeslidetext { animation: HomeSliderTextOut 1s ease-in both; }*/ @keyframes ZoomIn { 0% { transform: scale(1.3); } 100% { transform: scale(1); } } @keyframes HomeSliderIn { 0% { transform: translateX(100%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes HomeSliderOut { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(-100%); opacity: 0; } } @keyframes HomeSliderTextIn { 0% { transform: translateY(20%); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @keyframes HomeSliderTextOut { 0% { max-height: 100%; opacity: 1; } 100% { max-height: 0%; opacity: 0; } } @keyframes HomeSliderImgIn { 0% { transform: translateX(100%) } 100% { transform: translateX(0) } } @keyframes HomeSliderImgOut { 0% { transform: translateX(0%) } 100% { transform: translateX(-100%) } } /* Videos Slider */ .c-videosslider .owl-item { /*transition: .6s ease-in;*/ transition: transform .3s ease-out, margin .3s ease-out; } .c-videosslider .owl-item .c-lightboxvideo { transition: box-shadow .3s ease-out; } /*@media screen and (max-width: 1279px) { .c-videosslider .owl-item.active.center { transform: scale(1.2); z-index: 1; padding: 0 24px; } .c-videosslider .owl-item.active.center .c-lightboxvideo { box-shadow: 0 4px 4px rgba(0,0,0,.1), 0 16px 32px rgba(0, 0, 0, 0.3); } .c-videosslider .owl-item.active.center .c-play { transform: scale(1); } }*/ @media screen and (min-width: 1280px) { /*.c-videosslider .owl-item.active.center,*/ .c-videosslider .owl-item:hover, .c-videosslider .owl-item:focus { transform: scale(1.2); z-index: 1; /*padding-left: 40px;*/ /*padding-right: 40px;*/ } .c-videosslider .owl-item:hover .c-lightboxvideo, .c-videosslider .owl-item:focus .c-lightboxvideo { box-shadow: 0 4px 4px rgba(0,0,0,.1), 0 16px 32px rgba(0, 0, 0, 0.3); } .c-videosslider .owl-item .c-play { transform: scale(0); transition: transform .3s .1s ease-in-out; } /*.c-videosslider .owl-item.active.center .c-play,*/ .c-videosslider .owl-item:hover .c-play, .c-videosslider .owl-item:focus .c-play { transform: scale(1); } } .c-videosnav .owl-prev, .c-videosnav .owl-next { background-color: transparent; box-shadow: none; color: white; margin: 0; } .c-videosnav .owl-prev.disabled, .c-videosnav .owl-next.disabled { opacity: .3; } .c-videosnav .owl-prev { /*position: absolute; left: 0;*/ filter: brightness(1); background-image: url('https://cdn.prod.website-files.com/5f3538a63ddff71d04daa208/5f68ab4faaaefd2263e01d2c_arrow-left.png'); } .c-videosnav .owl-next { /*position: absolute; right: 0;*/ filter: brightness(1); background-image: url('https://cdn.prod.website-files.com/5f3538a63ddff71d04daa208/5f68ab4faaaefd2263e01d2c_arrow-left.png'); transform: rotate(180deg); } /*.c-videosslider .owl-prev, .c-videosslider .owl-next { background-color: #E6E6DE; transform: translateY(-50%); top: 50%; } .c-videosslider .owl-prev { position: absolute; left: 0; } .c-videosslider .owl-next { position: absolute; right: 0; }*/ /* Publications Slider */ /*#publicaciones .divider { background-image: linear-gradient(to right, #681b31 95%, rgba(255,255,255,0) 05%); background-position: left top; background-size: 100% 1px; background-repeat: no-repeat; }*/ .c-publicationswrapper .owl-stage { /*padding: 40px 0;*/ } .c-publicationswrapper .owl-prev, .c-publicationswrapper .owl-next { background-color: #E6E6DE; transform: translateY(-50%); /*top: 180px;*/ } .c-publicationswrapper .owl-prev.disabled, .c-publicationswrapper .owl-next.disabled { display: none; } .c-publicationswrapper .owl-prev { position: absolute; left: -40px; } .c-publicationswrapper .owl-next { position: absolute; right: -40px; } .c-publicationswrapper .owl-item { /*transition: transform .6s ease-in-out;*/ transition: margin .3s ease-out; z-index: 0; } .c-publicationswrapper .owl-item .c-publicationimg { transition: transform .3s ease-out, box-shadow .3s ease-out; } @media screen and (min-width: 1280px) { .c-publicationswrapper .owl-prev { left: -100px; } .c-publicationswrapper .owl-next { right: -100px; } .c-publicationswrapper .owl-item:hover, .c-publicationswrapper .owl-item:focus { /*transform: scale(1.1);*/ z-index: 1; /*padding-left: 40px; padding-right: 40px;*/ } .c-publicationswrapper .owl-item:hover .c-publicationimg , .c-publicationswrapper .owl-item:focus .c-publicationimg { transform: translateY(-10%) scale(1.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 16px 16px rgba(0, 0, 0, 0.1); } } /*@media screen and (max-width: 1279px) { .c-videosslider .owl-item.active.center, { z-index: 1; padding: 0 16px; } .c-publicationswrapper .owl-item.active.center .c-publicationimg { transform: translateY(-20px) scale(1.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), 0 8px 16px rgba(0, 0, 0, 0.1); }*/