/*timeline start*/
.round-ico { width: 40px; height: 40px; background: #fff; border: 5px solid #eff2f7; border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; }
.round-ico.little {  background: #fff; border: 5px solid #eeeef2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; }
.wrap-timeline { position: relative; }
.wrap-timeline:after { content: ''; position: absolute; top: 0; display: block; bottom: 50px; left: 50%; width: 2px; margin-left: -1px; background: #eff2f7; }
.wrap-timeline .top-row .time-title { text-align: center; height: 80px; position: relative; }
.wrap-timeline .top-row .time-title .round-ico { position: absolute; left: 50%; margin-left: -26px; bottom: 40px; z-index: 1; width: 52px; height: 52px; line-height: 44px; }
.wrap-timeline .top-row .time-title .round-ico .icon { font-size: 16px; text-align: center; color: #666666; }
.wrap-timeline .top-row .time-title .round-ico:after { content: ''; display: block; position: absolute; width: 2px; height: 52px; left: 50%; top: 42px; margin-left: -1px; background: #eff2f7; }
.wrap-timeline .row { position: relative; }
.wrap-timeline .row p{ text-align: left; }
.wrap-timeline .row > .round-ico.big { position: absolute; top: -5px; left: 50%; margin-left: -20px; z-index: 1; }
.wrap-timeline .row > .round-ico.big:after { content: ''; display: block; position: absolute; width: 34px; height: 1px; left: 100%; top: 13px; background: #cacddc; }
.wrap-timeline .row > .round-ico.big:before { position: absolute; content: ''; display: block; width: 7px; height: 7px; right: -37px; top: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cacddc; }
.wrap-timeline .row > .round-ico.little { position: absolute; top: 4px; left: 50%; margin-left: -20px; z-index: 1; }
.wrap-timeline .left-row > .round-ico.little:after { content: ''; display: block; position: absolute; width: 34px; height: 1px; right: 100%; top: 13px; background: #cacddc; }
.wrap-timeline .left-row > .round-ico.little:before { position: absolute; content: ''; display: block; width: 7px; height: 7px; left: -37px; top: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cacddc; }
.wrap-timeline .right-row > .round-ico.little:after { content: ''; display: block; position: absolute; width: 34px; height: 1px; left: 100%; top: 13px; background: #cacddc; }
.wrap-timeline .right-row > .round-ico.little:before { position: absolute; content: ''; display: block; width: 7px; height: 7px; right: -37px; top: 10px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; background: #cacddc; }
.wrap-timeline .left-row { text-align: right; margin-bottom: 20px; }
.wrap-timeline .right-row { text-align: left; margin-bottom: 20px; }
.wrap-timeline .right-row .time-item { padding-left: 80px; }
.wrap-timeline .left-row .time-item { padding-right: 80px; }
.wrap-timeline .time-item { padding-top: 10px; }
.wrap-timeline .time-item .date { font-size: 18px; text-transform: uppercase; color: #ff6400; margin-bottom: 10px; }
.wrap-timeline .time-item .time-image img { max-width:250px; margin-bottom: 0px; width: 250px;}
.wrap-timeline .time-item .title { font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 15px; }
.wrap-timeline .time-item p { margin: 0; }
.wrap-timeline .plus { padding-bottom: 90px; }
.wrap-timeline .plus-end{padding-bottom:0px!important}
.wrap-timeline .plus .plus-ico { display: block; z-index: 1; margin: 0 auto; position: relative; width: 50px; height: 50px; background: #fff; border: 5px solid #eeeef2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -webkit-box-shadow: inset 0px 0px 0px 2px #cacddc; -moz-box-shadow: inset 0px 0px 0px 2px #cacddc; box-shadow: inset 0px 0px 0px 2px #cacddc; font-size: 30px; line-height: 40px; text-align: center; text-decoration: none; padding: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; color: #cacddc; }
.wrap-timeline .plus .plus-ico:hover { color: #fff; background: #ff6400; box-shadow: none; }


/*media start*/

@media (max-width: 767px) { 
  .wrap-timeline .container { padding-left: 40px; padding-right: 40px; }
  .wrap-timeline:after { content: ''; position: absolute; top: 0; display: block; bottom:50px; left: 60px; width: 2px; margin-left: -1px; }
  .wrap-timeline .top-row .time-title { text-align: left; }
  .wrap-timeline .top-row .time-title .round-ico { position: absolute; left: 0; margin-left: -6px; text-align: center; bottom: 40px; }
  .wrap-timeline .row > .round-ico.little { left: 15px; margin-left: 0; }
  .wrap-timeline .row > .round-ico.little:after { left: 100%; }
  .wrap-timeline .row > .round-ico.little:before { right: -37px; left: auto; }
  .wrap-timeline .row > .round-ico.big { position: absolute; top: -5px; left: 35px; margin-left: -20px; }
  .wrap-timeline .right-row .time-item { padding-left: 110px; text-align: left; }
  .wrap-timeline .left-row .time-item { padding-left: 110px; text-align: left; padding-right: 0; }
  .wrap-timeline .time-item .time-image img { max-width: 100%; width: auto; }
  .wrap-timeline .plus { padding-bottom: 90px; }
  .wrap-timeline .plus-end{padding-bottom:0px!important}
  .wrap-timeline .plus .plus-ico { display: block; margin: 0 0 0 -5px; }
  }