@font-face{font-family:'fontawesome-selected';src:url(font/fontawesome-selected.eot);src:url(font/fontawesome-selected.eot?#iefix) format("embedded-opentype"),url(font/fontawesome-selected.woff) format("woff"),url(font/fontawesome-selected.ttf) format("truetype"),url(font/fontawesome-selected.svg#fontawesome-selected) format("svg");font-weight:400;font-style:normal}.timeline{position:relative;list-style-type:none;padding:30px 0 50px;font-family:'Gorditas',Arial,sans-serif}.event{position:relative;margin-bottom:80px;padding-right:40px}.thumb{position:absolute;width:100px;height:100px;box-shadow:0 0 0 8px rgba(65,131,142,1),0 1px 1px rgba(255,255,255,0.5);background-repeat:no-repeat;border-radius:50%;-webkit-transform:scale(0.8) translateX(24px);-moz-transform:scale(0.8) translateX(24px);-o-transform:scale(0.8) translateX(24px);-ms-transform:scale(0.8) translateX(24px);transform:scale(0.8) translateX(24px)}.thumb:before{content:'';position:absolute;height:8px;z-index:-1;width:51px;top:42px;left:100%;margin-left:8px}.thumb span{color:#41838e;width:100%;text-align:center;font-weight:700;font-size:15px;text-transform:uppercase;position:absolute;bottom:-30px}.event label,.event input[type="radio"]{width:24px;height:24px;left:158px;top:36px;position:absolute;display:block}.event input[type="radio"]{opacity:0;z-index:10;cursor:pointer}.event label:after{font-family:'fontawesome-selected';content:'\e702';background:#fff;border-radius:50%;color:#41838E;font-size:26px;height:100%;width:100%;left:-2px;top:-3px;line-height:24px;position:absolute;text-align:center}.content-perspective{margin-left:230px;position:relative;-webkit-perspective:600px;-moz-perspective:600px;-o-perspective:600px;-ms-perspective:600px;perspective:600px}.content-perspective:before{content:'';width:37px;left:-51px;top:45px;position:absolute;height:1px;z-index:-1;background:#fff}.content{-webkit-transform:rotateY(10deg);-moz-transform:rotateY(10deg);-o-transform:rotateY(10deg);-ms-transform:rotateY(10deg);transform:rotateY(10deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-o-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d}.content-inner{position:relative;padding:20px;color:#333;border:none;border-left:5px solid #41838e;box-shadow:0 4px 6px rgba(0,0,0,0.1);background:#fff}.content-inner h3{font-size:26px;padding:5px 0;color:#41838e}.content-inner p{font-size:18px;max-height:0;overflow:hidden;color:transparent;color:rgba(0,0,0,0);text-align:left}.content-inner:before{font-family:'fontawesome-selected';content:'\25c2';font-weight:400;font-size:54px;line-height:54px;position:absolute;width:30px;height:30px;color:#41838e;left:-22px;top:19px;z-index:-1}.thumb,.thumb span,.content-inner h3{-webkit-transition:all .6s ease-in-out .2s;-moz-transition:all .6s ease-in-out .2s;-o-transition:all .6s ease-in-out .2s;-ms-transition:all .6s ease-in-out .2s;transition:all .6s ease-in-out .2s}.content-inner{-webkit-transition:box-shadow .8s linear .2s;-moz-transition:box-shadow .8s linear .2s;-o-transition:box-shadow .8s linear .2s;-ms-transition:box-shadow .8s linear .2s;transition:box-shadow .8s linear .2s}.content{-webkit-transition:-webkit-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;-moz-transition:-moz-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;-o-transition:-o-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;-ms-transition:-ms-transform .8s cubic-bezier(.59,1.45,.69,.98) .2s;transition:transform .8s cubic-bezier(.59,1.45,.69,.98) .2s}.content-inner p{-webkit-transition:max-height .5s linear,color .3s linear;-moz-transition:max-height .5s linear,color .3s linear;-o-transition:max-height .5s linear,color .3s linear;-ms-transition:max-height .5s linear,color .3s linear;transition:max-height .5s linear,color .3s linear}.event a:hover label:after{content:'\2714';color:#1582DC;box-shadow:0 0 0 5px rgba(255,255,255,0.8)}.event a:hover .content-perspective:before{background:#1582DC}.event a:hover .content-perspective .content-inner h3{color:#1582DC}.event a:hover .content-perspective .content{-webkit-transform:rotateY(-5deg);-moz-transform:rotateY(-5deg);-o-transform:rotateY(-5deg);-ms-transform:rotateY(-5deg);transform:rotateY(-5deg)}.event a:hover .content-perspective .content-inner{border-color:#1582DC;box-shadow:10px 0 10px 2px rgba(0,0,0,0.08)}.event a:hover .content-perspective .content-inner p{max-height:260px;color:rgba(0,0,0,1);-webkit-transition-delay:0s,.6s;-moz-transition-delay:0s,.6s;-o-transition-delay:0s,.6s;-ms-transition-delay:0s,.6s;transition-delay:0s,.6s}.event a:hover .content-perspective .content-inner:before{color:#1582DC}.event a:hover .thumb{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);box-shadow:0 0 0 8px #1582DC,0 1px 1px rgba(255,255,255,0.5)}.event a:hover .thumb span{color:#F26328}.content-inner p,.thumb span,.event label{-webkit-backface-visibility:hidden}@media screen and (max-width: 850px){.content-inner h3{font-size:20px}.content-inner p{font-size:14px;text-align:justify}.event input[type="radio"]:checked ~ .content-perspective .content-inner p{max-height:500px}}@media screen and (max-width: 540px){.timeline::before{left:50px}.event{padding-right:0;margin-bottom:100px}.thumb{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-ms-transform:scale(0.8);transform:scale(0.8)}.event input[type="radio"]{width:100px;height:100px;left:0;top:0}.thumb:before,.event input[type="radio"]:checked ~ .thumb:before{background:none;width:0}.event label{display:none}.content-perspective{margin-left:0;top:80px}.content-perspective:before{height:0}.content{-webkit-transform:rotateX(-10deg);-moz-transform:rotateX(-10deg);-o-transform:rotateX(-10deg);-ms-transform:rotateX(-10deg);transform:rotateX(-10deg)}.event input[type="radio"]:checked ~ .content-perspective .content{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);-o-transform:rotateX(10deg);-ms-transform:rotateX(10deg);transform:rotateX(10deg)}.content-inner{border-left:none;border-top:5px solid #41838e}.event input[type="radio"]:checked ~ .content-perspective .content-inner{border-color:#F26328;box-shadow:0 10px 10px -6px rgba(0,0,0,0.1)}.content-inner:before{content:'\25b4';left:33px;top:-32px}.event input[type="radio"]:checked ~ .content-perspective .content-inner p{max-height:300px}}