@charset "UTF-8";
/* Themify Ultra 7.3.8 framework 7.3.5 */

/*/themify-builder/css/modules/text.css*/
.drop-cap > :first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap:first-child:first-letter,
.tb_text_dropcap > .tb_text_wrap > :first-child:first-letter{
    font-size:2.85em;
    float:left;
    line-height:.4em;
    padding:.425em .375em;
    background-color:var(--theme_accent,#0f70e8);
    color:#fff;
    margin-right:.325em;
    margin-top:.15em;
    margin-bottom:.25em
}
.tb-text-more-link-indicator{
    display:block;
    height:3px; 
    margin:5px 0; 
    background:rgba(55,55,55,.6)
}

/*/themify-builder/css/modules/video.css*/
.module .video-title{
    margin:0 0 .3em;
    font-size:1.3em;
    padding:0
}
.video-wrap:not(.tf_local_video){
    padding-bottom:56.25%;
    height:0
}
.video-top .video-title{
    margin-top:.8em
}
.video-top .video-caption{
    margin-bottom:1em
}
/* Fix fullscreen vimeo video z-index */
.themify_builder .wow.module-video{
    animation-fill-mode:none
}
/*layout*/
.video-right .video-wrap-outer,
.video-left .video-wrap-outer{
    width:50%;
    margin-right:1.5em;
    margin-bottom:1em;
    float:left;
}
.video-right .video-wrap-outer{
    float:right;
    margin-right:0;
    margin-left:1.5em;
}
.tb_hover_play  img.tb_video_poster{
	width:100%;
	height:100%;
    object-fit: cover;
	transition:opacity .3s,visibility .3s;
    contain:layout paint style;
	z-index:503
}
.tb_video_loaded .tf_vd_lazy:hover+.tb_video_poster,
.tb_video_loaded .tb_video_poster:hover{
	visibility:hidden;
	opacity:0;
	pointer-events:none
}
.tb_video_buffer{
	width:2%;
	height:4px;
	background:#f00;
	transition:width .3s;
    z-index:504
}
/*/themify-builder/css/modules/feature.css*/
.layout-icon-top .module-feature-content{
    min-width:120px;/*prevent iOS Safari flicker on scroll */
}
.module .module-feature-title{
    font-size:1.2em;
    margin:.5em 0 .2em;
    padding:0
}
.chart-html5-circle{
    display:flex;
    align-items:center;
    justify-content:center
}
/* feature module html5 chart (overwriting styles above) */
.module-feature-chart-html5 img{
    border-radius:100%;
    max-height:100%;
    max-width:100%;
    object-fit:cover
}
.module-feature-chart-html5{
    border-radius:50%;
    width:100px;
    height:100px
}
.module-feature-chart-html5 > svg{
    transform:rotate(-90deg);
    transform-origin:center
}
.tb_feature_stroke{
    fill:none;
    transition:stroke-dasharray 2s
}
.tb_feature_fill{
    fill:none;
    stroke:rgba(0,0,0,.1)
}
.module-feature-image a:hover{
    text-decoration:none
}
.module .module-feature-icon{
    font-size:2em
}
.module.size-medium .module-feature-chart-html5{
    width:150px;
    height:150px
}
.module.size-medium .module-feature-icon{
    font-size:3.5em
}
.module.size-large .module-feature-icon{
    font-size:4.5em
}
.module.size-large .module-feature-chart-html5{
    width:200px;
    height:200px
}

/* icon displayed when using "Both" image and icon */
.module-feature-icon-wrap{
	border-radius:50%;
	transform:rotate(222deg)
}
.module-feature-icon-wrap .module-feature-icon{
	font-size:1em;
	border-radius:10px;
	width:35px;
	height:35px;
	line-height:35px;
	transform:translateY(-50%) rotate(-222deg)
}
.module-feature-icon-wrap tf-lottie{
    aspect-ratio:1
}

@media screen and (min-width:681px) and (max-width:900px){
    .module.size-large .module-feature-chart-html5{
         width:130px;
         height:130px
    }
}