/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/




.numtimeline {
    font-size: 35px;
    margin-bottom: 0px;
    font-weight: bold;
}
.gallerytostem .col-inner {
    border-bottom: none !important;
}
.csslinecol .col-inner {
    border-bottom: 1px solid #1e4488;
}



.cssblogpost .post-title {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
/*
@font-face {
 font-family: Lyon Display Web Regular;
 src: url(http://localhost/topjuicecomau/wp-content/themes/flatsome-child/fonts/Lyon-Display-Web-Regular-Regular.ttf);
 font-weight: normal;
 }


body {
    font-family: Lyon Display Web Regular, sans-serif;
}
*/

#logo {
    width: 130px !important;
}
.footer-1, .footer-2{
	border-top: none;
}
.footer-widgets .widget-title {
    color: #f4ea00;
}
.footer-widgets .is-divider {
    display: block;
}

#header-contact a.tooltip.tooltipstered{color:#fff}
.nav-dark .nav-divided>li+li>a:after{border-color:red}
.lang-item .nav-top-link span{color:#fff}
h3.product-section-title.container-width.product-section-title-related{margin-left:0;margin-bottom:-10px}
.related.related-products-wrapper.product-section .flickity-viewport{height:420px!important;padding-top:30px}
.product-small.box img{border-top-left-radius:10px;border-top-right-radius:10px}
.shop-container .box-text.box-text-products.text-center.grid-style-2{border-bottom-left-radius:10px;border-bottom-right-radius:10px}
.shop-container .product-small.box:hover{transform:translateY(-0.5rem);box-shadow:0 1px 18px 0 #1e4488}
.shop-container .product-small.box{box-shadow:0 1px 8px 0 #ccc;border-radius:10px}
.product-category.col.product img{height:350px;object-fit:cover}
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link{font-weight:700}
.shop-container .box.box-badge.hover-dark:hover{transform:translateY(-0.5rem);box-shadow:0 1px 18px 0 #1e4488}
.shop-container .box.box-badge.hover-dark{box-shadow:0 1px 8px 0 #ccc;border-radius:10px}
.shop-container .is-xsmall.uppercase.count{display:none}
.shop-container .uppercase.header-title{color:#1e4488}
.shop-container .uppercase.header-title:hover{color:#1e4488}
.shop-container .box-text.text-center{bottom:0;background-color:#fff !important;}
.header-nav-main.nav-line-bottom > li > a:before{background-color:#f4ea00}
.transparent .nav-top-link{color:#fff!important}
.stuck .nav-top-link{color:#1e4488!important}
i.icon-envelop,i.icon-phone{animation:shake-sale 1s;animation-iteration-count:infinite!important}
@keyframes shake-sale {
0%{transform:scaleX(1)}
10%,20%{transform:rotate(-5deg)}
30%,50%,70%,90%{transform:rotate(5deg)}
0%,60%,80%{transform:rotate(-5deg)}
100%{transform:scaleX(1)}
}
.cusmauzalo{border:2px solid #1e4488!important;background-color:#1e4488!important}
.cusmaumess{border:2px solid #1e4488!important;background-color:#1e4488!important}
.custombtnzalo{bottom:170px!important}
.custombtnmess{bottom:85px!important}
.hotline-phone-ring:hover>.ttt{opacity:1;width:120px}
.ttt{font-size:15px;opacity:0;border-radius:20px;margin-left:-69px;position:relative;bottom:-41px;background-color:#f4ea00;color:#fff;width:0;transition:width .2s;padding-left:6px}
.hotline-phone-ring-wrap{position:fixed;bottom:0;left:0;z-index:999999}
.hotline-phone-ring{position:fixed;visibility:visible;background-color:transparent;width:110px;height:110px;cursor:pointer;z-index:11;-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transition:visibility .5s;right:-15px;bottom:0;display:block}
.hotline-phone-ring-circle{width:85px;height:85px;top:11px;left:11px;position:absolute;background-color:transparent;border-radius:100%;border:2px solid #f4ea00;-webkit-animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;animation:phonering-alo-circle-anim 1.2s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;opacity:.5}
.hotline-phone-ring-circle-fill{width:55px;height:55px;top:26px;left:26px;position:absolute;background-color:#f4ea00eb;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;animation:phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;transition:all .5s;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.hotline-phone-ring-img-circle{background-color:#f4ea00;width:33px;height:33px;top:37px;left:37px;position:absolute;background-size:20px;border-radius:100%;border:2px solid transparent;-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center}
.hotline-phone-ring-img-circle .pps-btn-img{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}
.hotline-phone-ring-img-circle .pps-btn-img img{width:20px;height:20px}
.hotline-bar{position:absolute;background:#314aa6;border-radius:3px;padding:0 15px 0 0;background-size:100%;cursor:pointer;transition:all .8s;-webkit-transition:all .8s;z-index:9;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.1);border-radius:50px!important;left:33px;bottom:37px}
.hotline-bar > a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;text-indent:50px;display:block;letter-spacing:1px;line-height:40px;font-family:Arial}
.hotline-bar > a:hover,.hotline-bar > a:active{color:#fff}
@-webkit-keyframes phonering-alo-circle-anim {
0%{-webkit-transform:rotate(0) scale(0.5) skew(1deg);-webkit-opacity:.1}
30%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);-webkit-opacity:.5}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}
}
@-webkit-keyframes phonering-alo-circle-fill-anim {
0%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.6}
100%{-webkit-transform:rotate(0) scale(0.7) skew(1deg);opacity:.6}
}
@-webkit-keyframes phonering-alo-circle-img-anim {
0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
}
.cssbgbor{border-radius:10px}
.cssbgbor .banner-bg.fill{border-radius:10px}
.cssbloghome img{border-radius:10px}
.cssbloghome .image-cover{border-radius:10px}
.cssduanhome img{border-radius:10px}
ul#header-contact li a{text-transform:lowercase}
a.nav-top-link{color:#1e4488!important}
.boxtxticon p{font-size:14px}
.boxtxticon h2{font-size:38px;margin-bottom:-8px}
.cssft{font-size:14px}
.is-divider{display:none}
.csscolicon img{border:2px solid;padding:10px;border-radius:100%}
.cusvideo::before{position:absolute;right:-20px;bottom:-20px;content:"";border-radius:10px;width:100%;box-shadow:rgba(0,0,0,0.3) 0 1px 7px 0;height:100%;background:#ff7900}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.related.related-products-wrapper.product-section .flickity-viewport {
    height: 320px !important;
}
.product-category.col.product img {
    height: 250px;
}

}