.slider{position:relative;width:100%;overflow:hidden;transition:all .3s;perspective:900px;transform-style:preserve-3d}
.slider .previous,.slider .next{font-family:"FontAwesome";font-size:70px;position:absolute;font-weight:700;top:40%;color:#fff;padding:20px;text-decoration:none;left:-100px;margin-top:-34px;transition:all .3s;opacity:0;z-index:10000}
.slider .next{right:-100px;content:"\f054";left:auto}
.slider:hover .previous,.slider:hover .next{opacity:1}
.slider:hover .previous{left:0}
.slider:hover .next{right:0}
.slider .slides{height:100%}
.slide{padding:10%;width:100vw;text-align:center;position:absolute;transform:scale(0.5,0.5);opacity:0;transition:all .3s}
.slide.sld1,.slide.sld2,.slide.sld3,.slide.sld4,.slide.sld5,.slide.sld6{background:#7095ad;background-size:cover;color:#fff}
.m-left,.m-right{float:left;color:#fff}
.m-left{position:relative;right:30px}
.m-right{float:right;position:relative;right:30px}
div.m-right h5{text-align:left;color:#fff;font-size:18px;font-weight:400;padding-left:0;line-height:1.5}
div.m-right h2{font-size:35px;padding-left:0}
div.m-left h2{font-size:30px}
.m-left h2,.m-left p,.m-right h2,.m-right p{color:#fff;text-align:left;line-height:2}
.m-right p,.m-left p{font-size:24px}
.slide.white{background:#ccc;color:#444}
.slide.red{background:#BF525A;color:#fff}
.slide.active{z-index:10;left:0;opacity:1;transform:scale(1,1)}
.slide.inactiveLeft{left:-100vw;z-index:11}
.slide.inactiveRight{left:100vw;z-index:11}
.slide:after{content:attr(data-icon);font-family:"FontAwesome";font-size:15vw;position:absolute;bottom:-8vw;left:0;opacity:.3}
.slide a{color:inherit;border:2px solid;padding:10px;font-size:1.3vw;margin-top:20px;display:inline-block;border-radius:15px;transition:all .3s;text-transform:uppercase;letter-spacing:1px;position:relative}
.slide a:hover{background:rgba(255,255,255,0.2);border:2px solid transparent;border-radius:15px;text-decoration:none;letter-spacing:2px;padding-right:30px}
.slide a:after{content:" \f105";font-family:"FontAwesome";position:absolute;margin-left:-10px;transition:all .3s;opacity:0}
.slide a:hover:after{margin-left:10px;opacity:1}
.slider .bullets{text-align:center;position:absolute;bottom:10px;width:100%}
.slider .bullets .bullet{position:relative;display:inline-block;background:rgba(255,255,255,.8);border-radius:50%;width:8px;height:8px;z-index:14;margin:0 5px;cursor:pointer;border:2px solid transparent;transition:all .3s}
.slider .bullets .bullet.active{background:rgba(255,255,255,.4)}
.slider .bullets .bullet:hover{border:2px solid rgba(255,255,255,.8);background:transparent}