.smile-icon-timeline-wrap{
    margin-bottom:35px;
    margin-top:20px;
    display:block;
    position:relative;
    z-index:9;
    max-width:100%
}
.timeline-wrapper{
    position:relative;
    margin:0;
    padding:0
}
.timeline-wrapper:last-child{
    padding-bottom:0
}
.timeline-line{
    position:absolute;
    left:50%;
    margin-left:0;
    height:100%;
    border-right:1px solid #d0d0d0;
    z-index:-1
}
.timeline-line span:first-child{
    content:"";
    width:10px;
    height:10px;
    -webkit-border-radius:100%;
    border-radius:100%;
    background-color:#de5034;
    position:absolute;
    left:-4px
}
.timeline-line span:last-child{
    content:"";
    width:10px;
    height:10px;
    -webkit-border-radius:100%;
    border-radius:100%;
    background-color:#de5034;
    position:absolute;
    bottom:0;
    left:-4px
}
.smile-icon-timeline-wrap .timeline-separator-text{
    text-align:center;
    margin-top:30px;
    margin-bottom:30px
}
.timeline-separator-text .sep-text{
    display:inline-block;
    padding:2px 7px;
    line-height:1.5em;
    z-index:99;
    position:relative;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color:#ed262a;
    color:#fff
}
.smile-icon-timeline-wrap .timeline-feature-item{
    text-align:center;
    margin-top:30px;
    margin-bottom:30px;
    position:relative;
    border:1px solid #d0d0d0;
    -webkit-border-radius:4px;
    border-radius:4px;
    background:#fcfcfc
}
.timeline-wrapper .timeline-feature-item.feat-item{
    margin-bottom:20px
}
.smile-icon-timeline-wrap .timeline-feature-item.feat-top{
    margin-bottom:40px
}
.timeline-wrapper .timeline-block{
    width:-webkit-calc(50% - 19px);
    width:calc(50% - 19px);
    margin-bottom:20px;
    position:relative;
    display:block;
    table-layout:fixed;
    border:0px solid #d0d0d0;
    -webkit-border-radius:4px;
    border-radius:20px;
    background:rgba(255,223,47,0.15)
}
.timeline-header-block h2 { color: #ed262a; font-size: 40px; }
.timeline-header-block img { width:100%;}

.jstime .timeline-block.timeline-post-right{
    margin-left:40px!important
}
.timeline-wrapper .timeline-block.timeline-post-right:not(:first-child){
    margin-top:20px
}
.timeline-wrapper .timeline-block.timeline-post-right:last-child{
    margin-top:20px
}
.wpb_column .wpb_wrapper .smile-icon-timeline-wrap .timeline-wrapper .timeline-block{
    margin-bottom:20px
}
.timeline-block .timeline-header-block,.timeline-block .timeline-icon-block{
    display:block;
    position:relative;
    vertical-align:middle
}
.timeline-block .timeline-header-block{
    width:100%
}
.timeline-block .timeline-header{
    display:table-cell;
    position:relative;
    vertical-align:top;
    width:100%;
    padding:15px;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
.timeline-block .timeline-header h3,.timeline-header-block .timeline-header h3{
    font-size:15px;
    line-height:1.5em;
    margin:0 0 7px;
    display:block
}
.timeline-block .timeline-header-block .timeline-header,.timeline-feature-item .timeline-header-block .timeline-header{
    font-size:13px;
    display:inline-block
}
.timeline-block .timeline-header-block .timeline-header p,.timeline-feature-item .timeline-header-block .timeline-header p{
    margin-bottom:5px
}
.timeline-block .timeline-header-block .timeline-header iframe,.timeline-block .timeline-header-block .timeline-header img,.timeline-block .timeline-header-block .timeline-header object,.timeline-feature-item .timeline-header-block .timeline-header iframe,.timeline-feature-item .timeline-header-block .timeline-header img,.timeline-feature-item .timeline-header-block .timeline-header object{
    line-height:0;
    display:inline-block;
    vertical-align:top;
    -webkit-box-shadow:none;
    box-shadow:none;
    border:0;
    -webkit-border-radius:0;
    border-radius:0;
    max-width:100%
}
.timeline-clear{
    clear:both
}
.timeline-feature-item .timeline-dot,.timeline-wrapper .timeline-dot{
    width:1px;
    height:1px;
    background-color:#ed262a;
    border:2px solid #fff;
    -webkit-border-radius:500px;
    border-radius:500px;
    position:absolute;
    top:32px;
    display:block;
    padding:3px
}
.timeline-post-left .timeline-dot{
    right:-25px
}
.timeline-post-right .timeline-dot{
    left:-29px
}
.feat-item .feat-dot{
    top:-30px;
    left:50%;
    position:absolute
}
.feat-item .feat-dot.feat-top{
    top:auto;
    bottom:-25px
}
.feat-item .timeline-dot{
    left:-6px;
    position:relative;
    top:0
}
.ult-timeline-arrow{
    position:absolute;
    height:0;
    width:1px
}
.ult-timeline-arrow l,.ult-timeline-arrow s{
    border-color:rgba(255,255,255,0) #d0d0d0;
    border-style:solid;
    display:block;
    position:relative;
    top:0
}
.ult-timeline-arrow l{
    top:-16.5px
}
.timeline-post-right .ult-timeline-arrow{
    top:30px
}
.timeline-post-right .ult-timeline-arrow{
    left:-10px
}
.timeline-post-right .ult-timeline-arrow l,.timeline-post-right .ult-timeline-arrow s{
    border-width:9px 10px 9px 0
}
.timeline-post-right .ult-timeline-arrow l{
    border-right-color:#fcfcfc;
    left:1px
}
.timeline-post-left .ult-timeline-arrow{
    top:30px
}
.timeline-post-left .ult-timeline-arrow{
    right:-1px
}
.timeline-post-left .ult-timeline-arrow l,.timeline-post-left .ult-timeline-arrow s{
    border-width:9px 0 9px 10px
}
.timeline-post-left .ult-timeline-arrow l{
    border-left-color:#ececec;
    right:1px
}
.feat-item .ult-timeline-arrow{
    position:absolute;
    height:0;
    width:1px;
    top:-9px;
    left:50%
}
.feat-item .ult-timeline-arrow.feat-top{
    top:auto;
    bottom:0
}
.feat-item .ult-timeline-arrow l,.feat-item .ult-timeline-arrow s{
    border-width:0 10px 9px 10px;
    border-color:#d0d0d0 rgba(255,255,255,0);
    border-style:solid;
    display:block;
    position:relative;
    top:0;
    left:-9px
}
.feat-item .ult-timeline-arrow.feat-top l,.feat-item .ult-timeline-arrow.feat-top s{
    border-width:8px 10px 0 10px
}
.feat-item .ult-timeline-arrow.feat-top s{
    top:1px
}
.feat-item .ult-timeline-arrow l{
    border-bottom-color:#fff;
    top:-8px;
    right:0
}
.timeline-post-left .timeline-header{
    text-align:right
}
.timeline-post-left .ult-timeline-icon .aio-icon{
    position:relative
}
.timeline-post-left .ult-timeline-icon .aio-icon-img,.timeline-post-left .ult-timeline-icon .aio-icon.none{
    position:relative
}
.timeline-post-right .timeline-header{
    text-align:left
}
.timeline-post-right .ult-timeline-icon .aio-icon{
    position:relative
}
.timeline-post-right .ult-timeline-icon .aio-icon-img,.timeline-post-right .ult-timeline-icon .aio-icon.none{
    position:relative
}
.timeline-feature-item.feat-item .timeline-header{
    display:block;
    padding:15px
}
.timeline-feature-item.feat-item .timeline-icon-block{
    display:block;
    width:100%
}
.timeline-feature-item.feat-item .ult-timeline-icon{
    margin:0 auto
}
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img{
    margin-left:auto;
    margin-right:auto
}
.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon,.timeline-feature-item.feat-item .ult-timeline-icon .aio-icon-img{
    margin-top:15px
}
.smile-icon-timeline-wrap.timeline-custom-width{
    margin-left:auto;
    margin-right:auto
}
.timeline-custom-width .timeline-block .timeline-header{
    width:100%
}
.timeline-custom-width .timeline-left .timeline-post-left{
    float:right
}
.timeline-custom-width .timeline-right .timeline-post-right{
    float:left
}
.tl-animation-slide-out .timeline-dot,.tl-animation-slide-out .timeline-post-left,.tl-animation-slide-out .timeline-post-right{
    -webkit-transition:-webkit-transform 150ms linear;
    transition:-webkit-transform 150ms linear;
    transition:transform 150ms linear;
    transition:transform 150ms linear,-webkit-transform 150ms linear
}
.tl-animation-slide-out .timeline-post-right:hover{
    -webkit-transform:translateX(3px);
    -ms-transform:translateX(3px);
    transform:translateX(3px)
}
.tl-animation-slide-out .timeline-post-right:hover .timeline-dot{
    -webkit-transform:translateX(-3px);
    -ms-transform:translateX(-3px);
    transform:translateX(-3px)
}
.tl-animation-slide-out .timeline-post-left:hover{
    -webkit-transform:translateX(-3px);
    -ms-transform:translateX(-3px);
    transform:translateX(-3px)
}
.tl-animation-slide-out .timeline-post-left:hover .timeline-dot{
    -webkit-transform:translateX(3px);
    -ms-transform:translateX(3px);
    transform:translateX(3px)
}
.tl-animation-slide-up .feat-item,.tl-animation-slide-up .timeline-block{
    -webkit-transition:-webkit-transform 150ms linear;
    transition:-webkit-transform 150ms linear;
    transition:transform 150ms linear;
    transition:transform 150ms linear,-webkit-transform 150ms linear
}
.tl-animation-slide-up .feat-item:hover,.tl-animation-slide-up .timeline-block:hover{
    -webkit-transform:translateY(-3px);
    -ms-transform:translateY(-3px);
    transform:translateY(-3px)
}
.tl-animation-slide-down .feat-item,.tl-animation-slide-down .timeline-block{
    -webkit-transition:-webkit-transform 150ms linear;
    transition:-webkit-transform 150ms linear;
    transition:transform 150ms linear;
    transition:transform 150ms linear,-webkit-transform 150ms linear
}
.tl-animation-slide-down .feat-item:hover,.tl-animation-slide-down .timeline-block:hover{
    -webkit-transform:translateY(3px);
    -ms-transform:translateY(3px);
    transform:translateY(3px)
}
.tl-animation-shadow .feat-item,.tl-animation-shadow .timeline-block{
    -webkit-transition:box-shadow .3s linear;
    -webkit-transition:-webkit-box-shadow .3s linear;
    transition:-webkit-box-shadow .3s linear;
    transition:box-shadow .3s linear;
    transition:box-shadow .3s linear,-webkit-box-shadow .3s linear
}
.tl-animation-shadow .feat-item,.tl-animation-shadow .timeline-block{
    -webkit-box-shadow:none;
    box-shadow:none
}
.tl-animation-shadow .feat-item:hover,.tl-animation-shadow .timeline-block:hover{
    -webkit-box-shadow:0 0 3px #626262;
    box-shadow:0 0 3px #626262
}
.timeline-block a,a .timeline-block{
    text-decoration:none
}
.time-clash-left,.time-clash-right{
    margin-top:17px
}
.timeline-block button,.timeline-block input,.timeline-block input.wpcf7-form-control,.timeline-block select,.timeline-block textarea{
    max-width:100%!important
}
.tl-desc-a{
    text-decoration:none
}
.ult-link-box{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10
}
@media(max-width:767px){
    .smile-icon-timeline-wrap{
        max-width:100%
    }
    .smile-icon-timeline-wrap .timeline-feature-item{
        margin-right:0!important
    }
    .smile-icon-timeline-wrap .timeline-line{
        left:50%!important;
        margin-left:0!important
    }
    .smile-icon-timeline-wrap .timeline-block,.smile-icon-timeline-wrap .timeline-separator-text{
        width:100%;
        max-width:100%
    }
    .jstime .timeline-block.timeline-post-right{
        margin-left:0!important
    }
    .smile-icon-timeline-wrap .timeline-dot,.smile-icon-timeline-wrap .ult-timeline-arrow{
        display:none
    }
    .timeline-block .timeline-header{
        display:block;
        text-align:left
    }
    .timeline-block.timeline-post-left .timeline-icon-block{
        padding:5px 0 5px 15px
    }
    .timeline-block.timeline-post-right .timeline-icon-block{
        padding:5px 15px 5px 0
    }
    .timeline-post-left .ult-timeline-icon .aio-icon,.timeline-post-left .ult-timeline-icon .aio-icon-img,.timeline-post-left .ult-timeline-icon .aio-icon.none{
        left:0
    }
    .timeline-post-right .ult-timeline-icon .aio-icon,.timeline-post-right .ult-timeline-icon .aio-icon-img,.timeline-post-right .ult-timeline-icon .aio-icon.none{
        right:0
    }
}
.smile-icon-timeline-wrap.csstime .timeline-wrapper .timeline-block{
    width:-webkit-calc(50% - 19px);
    width:calc(50% - 19px)
}
.csstime .timeline-line{
    margin-left:0
}
@media(max-width:767px){
    .smile-icon-timeline-wrap.csstime .timeline-wrapper .timeline-block{
        width:100%
    }
}
