.timeline{margin-top:40px}.timeline h3,.timeline h4{color:#e60000;border:2px solid #e60000;border-radius:50%;width:80px;line-height:80px;background:#fff;margin:0 auto 20px auto;z-index:1;position:relative}@media only screen and (min-width:767px){.timeline h3,.timeline h4{width:140px;line-height:140px;margin-bottom:40px}}.timeline ul{position:relative;margin:0}.timeline ul+h3,.timeline ul+h4{margin-top:30px}@media only screen and (min-width:767px){.timeline ul+h3,.timeline ul+h4{margin-top:0}}.timeline ul:before{position:absolute;top:7px;left:0;bottom:0;border-left:2px solid #ccc;content:""}@media only screen and (min-width:767px){.timeline ul:before{left:50%;margin-left:-1px;top:-55px}}@media only screen and (min-width:767px){.timeline ul:after{content:"";display:table;clear:both}}.timeline ul li{padding:0 0 0 30px;text-align:left;display:block}@media only screen and (min-width:767px){.timeline ul li{width:50%;float:right;clear:both;display:block}}.timeline ul li:before{display:none}.timeline ul li:after{content:'';width:10px;height:10px;background:#ccc;border-radius:50%;position:absolute;top:6px;left:-4px}@media only screen and (min-width:767px){.timeline ul li:after{left:-5px}}@media only screen and (min-width:767px){.timeline ul li:nth-child(2n+1){float:left;text-align:right;padding:0 30px 0 0}}@media only screen and (min-width:767px){.timeline ul li:nth-child(2n+1):after{left:auto;right:-5px}}@media only screen and (min-width:767px){.timeline ul.invertDirection li{width:50%;float:left;text-align:right;padding:0 30px 0 0;clear:both}}@media only screen and (min-width:767px){.timeline ul.invertDirection li:after{right:-5px;left:auto}}@media only screen and (min-width:767px){.timeline ul.invertDirection li:nth-child(2n+1){float:right;text-align:left;padding:0 0 0 30px}}@media only screen and (min-width:767px){.timeline ul.invertDirection li:nth-child(2n+1):after{right:auto;left:-5px}}.timeline.-horizontal{position:relative}@media only screen and (min-width:767px){.timeline.-horizontal{white-space:nowrap}}@media only screen and (min-width:767px){.timeline.-horizontal h3,.timeline.-horizontal h4{display:inline-block;margin:0;vertical-align:middle}}@media only screen and (min-width:767px){.timeline.-horizontal ul{display:inline-block;vertical-align:middle;height:140px;width:450px}}@media only screen and (min-width:767px){.timeline.-horizontal ul:before{left:-5px;top:50%;margin-left:0;margin-top:-1px;right:-5px;border-left:0;border-top:2px solid #ccc}}@media only screen and (min-width:767px){.timeline.-horizontal ul li{float:none;display:inline-block;width:70%;text-align:center;margin:0 0 0 -36%;padding:25px 10px 0 10px;position:absolute;bottom:auto;top:50%;left:66%;right:auto;white-space:normal;font-size:14px;line-height:1.7}}@media only screen and (min-width:767px){.timeline.-horizontal ul li:nth-child(2n+1){padding:0 0 25px 0;width:55%;bottom:50%;top:auto;left:33%;margin-left:-33%}}@media only screen and (min-width:767px){.timeline.-horizontal ul li:after{left:50%;right:auto;margin-left:-5px;top:-5px;bottom:auto}}@media only screen and (min-width:767px){.timeline.-horizontal ul li:nth-child(2n+1):after{bottom:-5px;top:auto}}