﻿.cs-text > span {display:block;-webkit-backface-visibility:hidden;}
.cs-text-cut {width:100%;height:90px;overflow:hidden;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}
.cs-text-cut:first-child {border-top:1px solid rgba(255,255,255,0.5);margin-top:200px;}
.cs-text-cut:last-child {border-bottom:1px solid rgba(255,255,255,0.5);}
.cs-text-cut span {display:block;line-height:180px;color:#35414f;font-size:180px;font-weight:400;text-transform:uppercase;text-align:center;margin-top:6px;text-shadow:7px 2px 0 rgba(255,255,255,0.3);}
.cs-text-cut:last-child span {margin-top:-84px;}
.cs-text-mid {width:100%;font-family:Raleway, sans-serif;font-weight:100;text-transform:uppercase;font-size:50px;letter-spacing:20px;line-height:50px;text-indent:20px;text-align:center;position:relative;top:20px;margin-top:-50px;color:#749af6;text-shadow:0 0 0 rgba(255,255,255,0.9);opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);-webkit-transition:all .4s ease-in-out 0;-moz-transition:all .4s ease-in-out 0;-o-transition:all .4s ease-in-out 0;-ms-transition:all .4s ease-in-out 0;transition:all .4s ease-in-out 0;}
.cs-text:hover .cs-text-cut:first-child {-webkit-transform:translateY(-25px);-moz-transform:translateY(-25px);-o-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px);opacity:0.5;}
.cs-text:hover .cs-text-cut:last-child {-webkit-transform:translateY(25px);-moz-transform:translateY(25px);-o-transform:translateY(25px);-ms-transform:translateY(25px);transform:translateY(25px);opacity:0.5;}
.cs-text:hover .cs-text-mid {-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;-ms-transition-delay:.3s;transition-delay:.3s;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
