.cd-svg-clipped-slider ol, .cd-svg-clipped-slider ul { list-style: none !important; }
.cd-svg-clipped-slider ul li { background: none; }
/* -------------------------------- 

Primary style

-------------------------------- */
.cd-svg-clipped-slider *, .cd-svg-clipped-slider *::after, *::before { box-sizing: border-box; }


a { color: #607e8d; text-decoration: none; }

svg, image { max-width: 100%; }

/* -------------------------------- 

Main Components 

-------------------------------- */
.gallery-wrapper { overflow: hidden; }
.cd-svg-clipped-slider { position: relative; width: 100%; max-width: 100%; margin: 0; padding: 0; }
.cd-svg-clipped-slider .gallery-wrapper,
.cd-svg-clipped-slider .gallery,
.cd-svg-clipped-slider .caption { /*position: relative;*/ }
.gallery li { padding: 0 !important; }
.gallery li.selected { top: 409px; left: 258px; width: 200px; -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); }
.gallery li { position: absolute; right: 0; left: -105px; top: 60px; }
.gallery li img { width: 100%; }
.gallery li.left { left: 260px; top: 60px; }
.cd-svg-clipped-slider .gallery li, .cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.right { width: 100%; height: 280px; background: #1e90ff; -webkit-clip-path: polygon(50% 0, 0% 100%, 100% 100%); clip-path: polygon(50% 0, 0% 100%, 100% 100%); opacity: 0; -webkit-transform: translateX(75%) scale(0.4); -ms-transform: translateX(75%) scale(0.4); transform: translateX(75%) scale(0.4); cursor: pointer; -webkit-transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.gallery li.right { position: absolute; right: 0; left: -80px; top: 60px; }

.cd-svg-clipped-slider .gallery li.selected { -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); z-index: 3;  padding-bottom: 50%; opacity: 1; -webkit-transform: translateX(0) scale(1); -ms-transform: translateX(0) scale(1); transform: translateX(0) scale(1); cursor: auto; padding: 0; top: 66px; left: 90px; }

.cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.left-hide { -webkit-transform: translateX(-75%) scale(0.4); -ms-transform: translateX(-75%) scale(0.4); transform: translateX(-75%) scale(0.4); }
.cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.right { z-index: 22; opacity: 0.5; }
.cd-svg-clipped-slider .svg-wrapper { height: 0; padding-bottom: 100%; }
.cd-svg-clipped-slider svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cd-svg-clipped-slider use.cover-layer { fill: #243238; -webkit-transition: opacity .3s; transition: opacity .3s; opacity: .2; }
.cd-svg-clipped-slider use.cover-layer:hover { opacity: 0; }
.cd-svg-clipped-slider .gallery li.selected use.cover-layer { opacity: 0; }
/*.cd-svg-clipped-slider .caption { margin: 1em 0; overflow: hidden; }*/
.cd-svg-clipped-slider .caption li { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); opacity: 0; padding: 1em 0; -webkit-transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, -webkit-transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out; transition: opacity .3s, transform .3s ease-in-out, -webkit-transform .3s ease-in-out; }
.cd-svg-clipped-slider .caption li.selected { z-index: 2; position: relative; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }
.cd-svg-clipped-slider .caption li.left { -webkit-transform: translateX(-100px); -ms-transform: translateX(-100px); transform: translateX(-100px); }

@media only screen and (min-width: 768px) {
    .cd-svg-clipped-slider .caption li { font-size: 2.4rem; }
}
.caption li.selected p {
    min-height: 196px;
}
@media only screen and (min-width: 1170px) {
    .cd-svg-clipped-slider { width: 90%; }
    .cd-svg-clipped-slider .gallery li { -webkit-transform: translateX(80%) scale(0.4); -ms-transform: translateX(80%) scale(0.4); transform: translateX(80%) scale(0.4); }
    .cd-svg-clipped-slider .gallery li.selected { padding-bottom: 40%; }
    /*.cd-svg-clipped-slider .gallery li.left, .cd-svg-clipped-slider .gallery li.left-hide { -webkit-transform: translateX(-80%) scale(0.4); -ms-transform: translateX(-80%) scale(0.4); transform: translateX(-80%) scale(0.4); width: 120%; height: 500px; left: 390px; top: 13px; }
    .cd-svg-clipped-slider .gallery li.right, .cd-svg-clipped-slider .gallery li.right-hide { -webkit-transform: translateX(-80%) scale(0.4); -ms-transform: translateX(-80%) scale(0.4); transform: translateX(-80%) scale(0.4); width: 120%; height: 500px; left: 750px; top: 13px; }
    .gallery li.selected { padding-bottom: 0; padding: 280px; top: -110px; left: 161px; }*/
}

/*.cd-svg-clipped-slider .navigation a { font-size: 54px;color: #666;}
.cd-svg-clipped-slider .navigation li { float: left;}*/
.cd-svg-clipped-slider .navigation a { position: absolute; left: 12.5%; -webkit-transform: translateX(-50%) translateY(-50%) scale(0.7); -ms-transform: translateX(-50%) translateY(-50%) scale(0.7); transform: translateX(-50%) translateY(-50%) scale(0.7); top: 50%; z-index: 4; pointer-events: none; height: 48px; width: 48px; color: transparent; overflow: hidden; white-space: nowrap; text-indent: 100%; -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: transform .3s, opacity .3s; transition: transform .3s, opacity .3s, -webkit-transform .3s; background: url(../img/cd-icon-arrows.svg) no-repeat 0 0; }
.cd-svg-clipped-slider .navigation a.next { left: auto; right: 12.5%; -webkit-transform: translateX(50%) translateY(-50%) scale(0.7); -ms-transform: translateX(50%) translateY(-50%) scale(0.7); transform: translateX(50%) translateY(-50%) scale(0.7); background-position: -48px 0; }
.no-csspointerevents .cd-svg-clipped-slider .navigation a { display: none; }

@media only screen and (min-width: 1170px) {
    .cd-svg-clipped-slider .navigation a { left: 18%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
    .cd-svg-clipped-slider .navigation a.next { left: auto; right: 18%; -webkit-transform: translateX(50%) translateY(-50%); -ms-transform: translateX(50%) translateY(-50%); transform: translateX(50%) translateY(-50%); }
}

.cd-svg-clipped-slider.prev-hidden .navigation a.prev,
.cd-svg-clipped-slider.next-hidden .navigation a.next { /*opacity: 0;*/ display: none; }
.cd-svg-clipped-slider .navigation a.prev.active { -webkit-animation: cd-click-prev .3s; animation: cd-click-prev .3s; }
.cd-svg-clipped-slider .navigation a.next.active { -webkit-animation: cd-click-next .3s; animation: cd-click-next .3s; }

@-webkit-keyframes cd-click-prev {
    0% { -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); }
    100% { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); }
}

@keyframes cd-click-prev {
    0% { -webkit-transform: translateX(-50%) translateY(-50%) scale(0.8); transform: translateX(-50%) translateY(-50%) scale(0.8); }
    100% { -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); }
}

@-webkit-keyframes cd-click-next {
    0% { -webkit-transform: translateX(50%) translateY(-50%) scale(0.8); transform: translateX(50%) translateY(-50%) scale(0.8); }
    100% { -webkit-transform: translateX(50%) translateY(-50%) scale(1); transform: translateX(50%) translateY(-50%) scale(1); }
}

@keyframes cd-click-next {
    0% { -webkit-transform: translateX(50%) translateY(-50%) scale(0.8); transform: translateX(50%) translateY(-50%) scale(0.8); }
    100% { -webkit-transform: translateX(50%) translateY(-50%) scale(1); transform: translateX(50%) translateY(-50%) scale(1); }
}