@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')}.timeline{position:relative;list-style-type:none}.main{width:100%;float:left;background-image:url(../images/white_bg.jpg)}#travel-guide-itenary .thumb img{height:100px;width:100px;border-radius:50%}#travel-guide-itenary .thumb .timeline:before{content:'';position:absolute;width:5px;height:100%;top:0;left:165px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==)}.event{position:relative;margin-bottom:80px;padding-right:40px}#travel-guide-itenary .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,.5);background-repeat:no-repeat;border-radius:50%;-webkit-transform:scale(.8) translateX(24px);-moz-transform:scale(.8) translateX(24px);-o-transform:scale(.8) translateX(24px);-ms-transform:scale(.8) translateX(24px);transform:scale(.8) translateX(24px)}#travel-guide-itenary .thumb:before{content:'';position:absolute;height:8px;z-index:-1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPElEQVQYV2NkQAP/gYARCNDFUQRgirAphitEl0TngxXisg5ZnBGXIpgbYfIYjkb3BNxGbBLYxIgyEaQRAA8KKAWYsZtjAAAAAElFTkSuQmCC);width:51px;top:42px;left:100%;margin-left:8px}travel-guide-itenary .thumb span{color:#41838e;width:100%;text-align:center;font-weight:700;font-size:15px;text-transform:uppercase;position:absolute;bottom:-30px}.user-1{background-image:url(../images/chewbacca.jpg)}.user-2{background-image:url(../images/barf.jpg)}.user-3{background-image:url(../images/darkhelmet.jpg)}.user-4{background-image:url(../images/darthvader.jpg)}.user-5{background-image:url(../images/leia.jpg)}.user-6{background-image:url(../images/vespa.jpg)}.user-7{background-image:url(../images/c3po.jpg)}.user-8{background-image:url(../images/dotmatrix.jpg)}
/* Transparent Checkbox/radio hack: leave the checkbox on top, hide it with opacity 0 */

.event input[type=radio],.event label{width:24px;height:24px;left:158px;top:36px;position:absolute;display:block}.event input[type=radio]{opacity:0;z-index:10;cursor:pointer;width:100%;height:100%;margin-top:-30px;margin-left:-20%}.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:gray}.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,.1);background:#fff}.content-inner h3{font-size:26px;padding:5px 0;color:#41838e}.content-inner p{max-height:0;overflow:hidden;color:transparent;text-align:left}.content-inner:before{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}
/* Transitions */
.content-inner h3,.thumb,.thumb span{-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}
/* Checked */

.event input[type=radio]:checked+label:after{content:'\2714';color:#F26328;box-shadow:0 0 0 5px rgba(255,255,255,.8)}.event input[type=radio]:checked~.content-perspective:before{background:#F26328}.event input[type=radio]:checked~.content-perspective .content-inner h3{color:#F26328}.event input[type=radio]:checked~.content-perspective .content{-webkit-transform:rotateY(-5deg);-moz-transform:rotateY(-5deg);-o-transform:rotateY(-5deg);-ms-transform:rotateY(-5deg);transform:rotateY(-5deg)}.event input[type=radio]:checked~.content-perspective .content-inner{border-color:#F26328;box-shadow:10px 0 10px -6px rgba(0,0,0,.1)}.event input[type=radio]:checked~.content-perspective .content-inner p{max-height:260px;color:rgba(0,0,0,.91);-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 input[type=radio]:checked~.content-perspective .content-inner:before,.event input[type=radio]:checked~.thumb span{color:#F26328}.event input[type=radio]:checked~.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 rgba(242,99,40,1),0 1px 1px rgba(255,255,255,.5)}.event input[type=radio]:checked~.thumb:before{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAICAYAAADA+m62AAAAPUlEQVQYV2NkQAOfUjX+882+wYgujiIAU4RNMVwhuiQ6H6wQl3XI4oy4FMHcCJPHcDS6J2A2EqUQpJhohQBbNyaHFmzEqgAAAABJRU5ErkJggg==)}.content-inner p,.event label,.thumb span{-webkit-backface-visibility:hidden}
@media screen and (max-width:850px){.content-inner h3{font-size:20px}.content-inner p{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(.8);-moz-transform:scale(.8);-o-transform:scale(.8);-ms-transform:scale(.8);transform:scale(.8)}.event input[type=radio]{width:100px;height:100px;left:0;top:0}.event input[type=radio]:checked~.thumb:before,.thumb:before{background:0 0;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,.1)}.content-inner:before{content:'\25b4';left:33px;top:-32px}.event input[type=radio]:checked~.content-perspective .content-inner p{max-height:300px}}