@charset "utf-8";

.eclipse-wrapper {float:left;position:relative;width:100%;height:auto;}
.eclipse-wrapper button {border:none;-webkit-appearance:none;appearance:none;cursor:pointer;}

.eclipse-hide {display:none !important;}

.eclipse-slider {transition:all 500ms;height:auto;margin-top:70px;}

.eclipse-slides {width:100%;display:flex;background:#fff;flex-direction:row;height:auto;}
.eclipse-slides .image50 {width:50%;}
.eclipse-slides .content50 {width:50%;padding:0 8% 0 8%;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.eclipse-slides .content50 span {width:300px;height:200px;flex-shrink:0;}
.eclipse-slides .content50 .title_small {margin-bottom:20px;font-size:12px;}
.eclipse-slides .content50 .title_big {font-size:28px;margin-top:30px;margin-bottom:5px;}


.eclipse-active {z-index:10;}

.eclipse-clone {z-index:0 !important;}

.eclipse-arrow {display:block;position:absolute;top:50%;z-index:11;width:21px;height:35px;margin:-18px 0 0;background:url("../eclipse/arrow.png") 0 0 no-repeat;text-indent:-9999em;border:none;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;}
.eclipse-arrow.eclipse-prev {left:-100px;transform:rotate(180deg);}
.eclipse-arrow.eclipse-next {right:-100px;}

.eclipse-controls {position:absolute;left:50%;bottom:-40px;z-index:11;line-height:0;transform:translateX(-50%);}

.eclipse-paging {float:left;display:none;}
.eclipse-paging-button {width:14px;height:14px;margin:0 0 0 14px;border-radius:50%;text-indent:-9999em;border:1px solid red;outline:none;}
.eclipse-paging-button:first-child {margin-left:0;}
.eclipse-paging-active {background:rgba(207,22,36,1);opacity:1;outline:none;}

.eclipse-auto-play {display:block;float:left;width:25px;height:25px;margin:0 0 0 10px;background:url(images/play.png) 0 0 no-repeat;text-indent:-9999em;}
.eclipse-auto-stop {display:block;float:left;width:25px;height:25px;margin:0 0 0 10px;background:url(images/stop.png) 0 0 no-repeat;text-indent:-9999em;}



/*
TRIPTYQUE
*/
.triptyque {margin:0 0 0 0;}
.triptyque div:nth-child(1) {padding:10% 0 5% 0;}
.triptyque div:nth-child(1) span:before {padding-top:110%;}
.triptyque div:nth-child(2) span:before {padding-top:100%;}
.triptyque div:nth-child(3) span:before {padding-top:110%;}
.triptyque div b {font-weight:500;margin-top:20px;font-size:20px;width:100%;text-align:center;color:#cf1624;color:#000;}



@media (max-width:640px){
/*
TRIPTYQUE
*/
.triptyque {margin:40px 0 30px 0;flex-direction:column;}
.triptyque div:nth-child(1) {width:100%;padding:0 0 50px 0;}
.triptyque div:nth-child(1) span:before {padding-top:100%;}
.triptyque div:nth-child(2) {width:100%;padding:0 0 50px 0;}
.triptyque div:nth-child(2) span:before {padding-top:100%;}
.triptyque div:nth-child(3) {width:100%;padding:0 0 0 0;}
.triptyque div:nth-child(3) span:before {padding-top:100%;}

}