/*
 Theme Name:     Timeline
 Theme URI:      https://timeline.divicoded.com/
 Description:    Divi Timeline Sections Layout
 Author:         DiviCoded
 Author URI:     https://divicoded.com/
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */


/* ===== Layout Section Title ========*/

@keyframes clip-one{0%,100%{width:50px}25%{width:20px}50%{width:40px}75%{width:25px}}@keyframes clip-two{0%,100%{width:50px}25%{width:35px}50%{width:15px}75%{width:40px}}

/* ===== Subline ========*/

.dc_sub_line .header-content{margin-bottom:0!important;padding-bottom: 0;}.dc_sub_line .et_pb_text_inner,.dc_sub_line .header-content .et_pb_header_content_wrapper{padding:8px 10px;display:inline-block;vertical-align:top;position:relative;font-weight:400;color:#7e7b7b;position:relative;z-index:2;display:inline-block;vertical-align:top;letter-spacing:.58px;font-size:14px;line-height:24px}.dc_sub_line .et_pb_text_inner:before,.dc_sub_line .header-content .et_pb_header_content_wrapper:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background:#eee;border-radius:100px}.dc_sub_line .et_pb_text_inner span,.dc_sub_line .header-content .et_pb_header_content_wrapper span{position:relative;z-index:2;display:inline-block;vertical-align:top;background:#f002a1;margin-bottom:0;font-size:12px;font-weight:500;color:#fff;border-radius:100px;padding:0 13px;text-align:center}.dc_sub_line .et_pb_text_inner strong,.dc_sub_line .header-content .et_pb_header_content_wrapper strong{font-weight:500}

/* ===== Layout Header ========*/

.home_top_title .header-content-container .header-content{padding:0;width:90%!important;max-width:1170px!important}.home_top_title .header-content-container .header-content .et_pb_header_content_wrapper{margin:0 auto 20px;max-width:750px}.home_top_title .header-content-container .header-content .et_pb_more_button:after{opacity:0!important}@media only screen and (max-width:399px){.home_top_title .header-content-container .header-content .et_pb_more_button{display:block;width:100%}}@media only screen and (max-width:980px){.home_top_title .header-content-container .header-content .et_pb_header_content_wrapper{max-width:100%}.home_top_title .et_pb_fullwidth_header_container{width:85%;max-width:1190px}.home_top_title .header-content-container .header-content{width:100%!important}}


/**=== Product Demo - Landing ===**/

.demo_img{animation:animate_image 7s ease-in-out infinite}.demo_img_1{animation-delay:-4.5s}.demo_img_2{animation-delay:-3s}@keyframes animate_image{0%{transform:translate(0,0)}50%{transform:translate(0,15px)}100%{transform:translate(0,0)}}.demo_row_button{width:58%}.demo_image_left{-webkit-transform:perspective(1000px) rotateY(35deg);-moz-transform:perspective(1000px) rotateY(35deg);-ms-transform:perspective(1000px) rotateY(35deg);-o-transform:perspective(1000px) rotateY(35deg);transform:perspective(1000px) rotateY(35deg)}.demo_image_right{-webkit-transform:perspective(1000px) rotateY(-35deg);-moz-transform:perspective(1000px) rotateY(-35deg);-ms-transform:perspective(1000px) rotateY(-35deg);-o-transform:perspective(1000px) rotateY(-35deg);transform:perspective(1000px) rotateY(-35deg)}
@media only screen and (max-width :980px){.demo_row_button{width:100%}.demo_image_left,.demo_image_right{transform:none}}@media only screen and (max-width :480px){.demo_button{display:block!important}}@media only screen and (min-width:481px) and (max-width:980px){.demo_clm_button{width:auto!important}.demo_button{margin-right:5px}}@media only screen and (min-width:981px) and (max-width:1350px){.demo_row_button{width:85%}}