li{padding:0 0 10px;}
.clear{clear:both;}

/* Webkit */
::-webkit-input-placeholder{color:#fff;}

/* Firefox 4-18 */
:-moz-placeholder{color:#fff;}

/* Firefox 19+ */
::-moz-placeholder{color:#fff;}

/* IE10+ */
:-ms-input-placeholder{color:#fff;}


.animation{-webkit-transition:all 1s cubic-bezier(0, 0, 0, 1); transition:all 1s cubic-bezier(0, 0, 0, 1);}

.main-wrapper{width:100%; overflow:hidden;}

.slider-col{float:left; width:20%; height:107vh;cursor: pointer;}
.slider-col.active{transform:translateX(0);
    -ms-transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -o-transform: translateX(0);
    width:40%;}

.slider-col .caption{padding:30px; color:#fff; margin:25% 0 0; background:none;}
.slider-col .caption h2{font-size:30px; padding:0 0 10px; margin:0; border-bottom:1px solid rgba(225,225,225,0.3); color: #fff;}
.slider-col .caption p {
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
    font-size: 17px;
    line-height: 18px;
    opacity: 0;
}
.slider-col .caption a{color:#fff; padding:0 0 0 26px; font-family: POPPINS-REGULAR;; font-weight:normal; font-size:13px; position:relative;}
.slider-col .caption a:before{content:""; position:absolute; left:0; width:17px; height:1px; background:#fff; top:8px;}

.slider-col.active .caption{margin:75% 0 0; background:rgba(83,148,106, 0.8); padding:20px 16% 20px 16%;}

.gray{background:url("../img/home/pushingB/3_920x920.webp") 0 0 no-repeat; background-size:cover;}
.yellow{background:url("../img/home/pushingB/5_920x920.webp") 0 0 no-repeat; background-size:cover;}
.blue{background:url("../img/home/pushingB/4_920x920.webp") 0 0 no-repeat; background-size:cover;}
.orange{background:url("../img/home/pushingB/1_920x920.webp") 0 0 no-repeat; background-size:cover;}

.slider-col.active.gray{background:url("../img/home/pushingB/3_920x920.webp") 0 0 no-repeat; background-size:cover;}
.slider-col.active.yellow{background:url("../img/home/pushingB/5_920x920.webp") 0 0 no-repeat; background-size:cover;}
.slider-col.active.blue{background:url("../img/home/pushingB/4_920x920.webp") 0 0 no-repeat; background-size:cover;}
.slider-col.active.orange{background:url("../img/home/pushingB/1_920x920.webp") 0 0 no-repeat; background-size:cover;}

.gray.active .caption{background:rgba(255, 255, 255, 0.8);}
.orange.active .caption{background:rgba(255, 255, 255, 0.8);}
.yellow.active .caption{background:rgba(255, 255, 255, 0.8);}
.blue.active .caption{background:rgba(255, 255, 255, 0.8);}

.slider-col .caption h2 span{
    font-weight: 200;
    margin: 0 0px 0px 2px;
}
.slider-col.active .caption h2, .slider-col.active .caption span{
    color: #2E5689;
}

.slider-col.active .caption p{
    opacity: 1;
}