/*
Theme Name: sumoweb
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 6.0.0
*/
#wp-admin-bar-wp-logo {display:none}
/*************** ADD CUSTOM CSS HERE. ***************/
.fa-comment-alt:before, .fa-message:before {content: "\f4ad";}
.text-capitalize {text-transform:capitalize}
.fa-telegram-plane:before, .fa-telegram:before {content: "\e07b";}

.phone-bar a {background:#f00;opacity:0.7}
#phone-vr .phone-vr-circle-fill {animation: zoom 1.3s infinite !important;}
#phone-vr .phone-vr-img-circle {animation: phone-vr-circle-fill 1s infinite ease-in-out !important;}

#logo:after,#logo:before{transform: skewX(-25deg) translateY(-50%);content:"";position:absolute;top:50%;width:40px;height:100%;background-color: rgb(255 255 255 / 90%);z-index:0;}
#logo:before{left:0%;animation:light-left 5s infinite alternate linear}
#logo:after{right:-5%;animation:light-right 5s infinite alternate linear}
.stuck #logo:after, .stuck #logo:before {display:none}
@keyframes light-left{0%{left:-5%;opacity:0}50%{left:50%;opacity:1}to{left:105%;opacity:0}}@keyframes light-right{0%{right:-5%;opacity:0}50%{right:50%;opacity:1}to{right:105%;opacity:0}}

.box-category .box-image{position:relative;}
.box-category .box-image:before{border-color:#000 transparent transparent;border-style:solid;border-width:0;content:"";height:0;left:0;opacity:0.2;position:absolute;top:0;transition:all 0.5s ease-in-out;width:0;}
.box-category .box-image:after{border-color:transparent transparent #000;border-style:solid;border-width:0;bottom:0;content:"";height:0;opacity:0.2;position:absolute;right:0;transition:all 0.5s ease-in-out;width:0;}
.box-category:hover .box-image:before{border-width:280px 250px 0 0;transition:all 0.3s ease-in-out;z-index:1;}
.box-category:hover .box-image:after{border-width:0 0 280px 250px;transition:all 0.3s ease-in-out;z-index:1;}

.box-blog-post .box-image{position:relative;}
.box-blog-post .box-image:before{border-color:#000 transparent transparent;border-style:solid;border-width:0;content:"";height:0;left:0;opacity:0.2;position:absolute;top:0;transition:all 0.5s ease-in-out;width:0;}
.box-blog-post .box-image:after{border-color:transparent transparent #000;border-style:solid;border-width:0;bottom:0;content:"";height:0;opacity:0.2;position:absolute;right:0;transition:all 0.5s ease-in-out;width:0;}
.box-blog-post:hover .box-image:before{border-width:280px 250px 0 0;transition:all 0.3s ease-in-out;z-index:1;}
.box-blog-post:hover .box-image:after{border-width:0 0 280px 250px;transition:all 0.3s ease-in-out;z-index:1;}

.product-small.box .box-image{position:relative;}
.product-small.box .box-image:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.product-small.box .box-image:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.product-small.box:hover .box-image:before{right:50%;left:50%;width:0;background:rgba(255,255,255,0.3)}
.product-small.box:hover .box-image:after{height:0;top:50%;bottom:50%;background:rgba(255,255,255,0.3)}

.hover-1 a{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.hover-1 a:before{content:"";position:absolute;top:10px;left:10px;bottom:10px;right:10px;z-index:9;border-top:1px solid rgba(255,96,3,0.8);border-bottom:1px solid rgba(255,96,3,0.8);transform:scale(0,1)}
.hover-1 a:after{content:"";position:absolute;top:10px;left:10px;bottom:10px;right:10px;z-index:9;border-left:1px solid rgba(255,96,3,0.8);border-right:1px solid rgba(255,96,3,0.8);transform:scale(1,0)}
.hover-1 a:hover:before,.hover-1 a:hover:after{transform:scale(1);margin-top:-1px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}

.hover-2 a{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.hover-2 a:before{border-color:#000 transparent transparent;border-style:solid;border-width:0;content:"";height:0;left:0;opacity:0.2;position:absolute;top:0;transition:all 0.5s ease-in-out;width:0;}
.hover-2 a:after{border-color:transparent transparent #000;border-style:solid;border-width:0;bottom:0;content:"";height:0;opacity:0.2;position:absolute;right:0;transition:all 0.5s ease-in-out;width:0;}
.hover-2 a:hover:before{border-width:280px 250px 0 0;transition:all 0.3s ease-in-out;z-index:1;}
.hover-2 a:hover:after{border-width:0 0 280px 250px;transition:all 0.3s ease-in-out;z-index:1;}

.hover-3 a{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.hover-3 a:before{position:absolute;content:'';width:100%;height:100%;top:0;left:0;z-index:1;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.hover-3 a:after{position:absolute;content:'';width:100%;height:100%;top:0;left:0;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out}
.hover-3 a:hover:before{right:50%;left:50%;width:0;background:rgba(255,255,255,0.3)}
.hover-3 a:hover:after{height:0;top:50%;bottom:50%;background:rgba(255,255,255,0.3)}

.hover-4 a{position:relative;display:block;width:100%;height:100%;overflow:hidden;}
.hover-4 a:before{background-color:rgba(255,255,255,0.15);content:"";height:0;left:0;margin:auto;position:absolute;top:0;transition:all .3s ease-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out 0;width:0}
.hover-4 a:after{background-color:rgba(255,255,255,0.15);bottom:0;content:"";height:0;position:absolute;right:0;transition:all .3s ease-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;width:0}
.hover-4 a:hover:before,.hover-4 a:hover:after{height:100%;width:100%;transition:all .4s ease-out;-webkit-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;}

.product-title a {color:#222}
.product-title a:hover {color:#25aae1}
.price-wrapper {}
.price-wrapper span.amount {color:#f00;font-size:110%}
.price-wrapper , .price-wrapper ins , .price-wrapper ins * {color:#f00}
.price-wrapper del , .price-wrapper del * {color:#555}

.top-menu-240{position:relative;padding-left:52px;line-height:20px;transform: scale(0.8);}
.top-menu-240 .j-menu li.top-menu-item-7>a:first-child{font-size:24px;color:#ec2224ff;font-weight:700}
.top-menu-240 .j-menu .top-menu-item-7>a::before{content:''!important;background:url(/wp-content/uploads/2025/10/icon-phone.png) no-repeat;background-size:100%;width:45px;height:45px;display:inline-block;padding:0;margin:0;position:absolute;left:0;top:0}
.secondary-menu .top-menu .j-menu .links-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-menu-240 .top-menu-item-7 a span:before{content:'Hotline 24/7';font-size:13px;display:block;color:#6d767d!important;padding-left:2px;position:relative;top:-2px}
.top-menu-240 .j-menu .top-menu-item-7>a:first-child{font-size:24px;color:#ec2224ff;font-weight:700}

/*#top-bar , #footer .st-footer .section-bg , #footer .st-footer .section-bg-overlay {background-image: linear-gradient(90deg, #00BFFF, #58bde4);}*/

#top-bar{overflow:hidden}
#top-bar:after{position:absolute;content:"";width:35%;height:300px;top:0;left:0;background:#0178b3;z-index:-1;transform:skewX(20deg);border-right:5px solid #fff}

.header-nav-main > li ul a:hover , .nav-dropdown li.active>a {color:#00BFFF;}
.header-nav-main > li ul {background:#fff;border:none !important;border-radius:30px}
.header-nav-main > li ul a {border-color:#eee !important;color:#000;font-size:90%;}

.header-nav-main > li ul ul {padding:15px !important}
.header-nav .nav-dropdown {display:block !important;}
.header-nav .nav-dropdown > li {display:block !important;width:auto;position:relative}
.header-nav .nav-dropdown > li ul , #header .header-nav li .active ul {display:none !important;}
#header .header-nav .nav-dropdown > li:hover ul {display:block !important;left:100%;top:0;position:absolute;box-shadow: 0 0 5px rgb(0 0 0 / 20%)}
.header-nav .nav-dropdown > li a {font-weight:400;text-transform:none;display:block;font-size:14px;color:#000;}
.header-nav .sub-menu >li:hover > a {color:#00BFFF;}

.wpcf7 input , .wpcf7 textarea {border-radius:5px}
.wpcf7-submit {text-transform:none !important;border-radius:5px !important;font-weight:400 !important;}

.bread-crumb .title-breadcrumb {text-align:center;font-size:40px;font-weight:700;position:relative;z-index:8}
.bread-crumb i {font-size:10px}

.blog-archive {padding-top:0;}
.archive-page-header {position:relative;background:url('/wp-content/uploads/2025/10/contact.jpg');background-position:center;margin-bottom:50px;padding-top:50px;}
.archive-page-header:before {background:#fff;opacity:0.9;content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.archive-page-header .page-title {font-size:150%;}

.widget {padding:15px;box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);border-radius: 5px;}
.widget .is-divider {background:#f58800;min-width:50px;}
.widget .widget-title {text-transform:none;font-size:20px;}

#wrapper .shop-page-title.featured-title .title-bg {background:url('/wp-content/uploads/2025/10/contact.jpg') !important;background-position: center bottom !important;opacity:0.2;}

.header-cart-link .header-cart-title {order:1;padding-left:10px;}
.header-cart-link .cart-icon {order:0;}
.header-cart-link .cart-icon strong {background:#fff;}

header .account-link .image-icon {order:0;display:none}
header .account-item span {order:1;padding-left:15px;}
header .account-item > a:before {content: "\f007";font-family:"Font Awesome 6 Free";border:1px solid #ddd;padding:5px 10px;border-radius:100px;opacity:1 !important}

.absolute-footer {border-top: 1px solid #eee}

.header-wrapper.stuck .header-bottom {display:none}

.header-bottom-nav > li ul {background:#fff;border:none !important;border-radius:10px}


.product-small.box .product-cat {text-transform:none;font-size:90%;padding-bottom:10px}

.product-small.box .quick-view {background:transparent;color:transparent;right: 9px;top: -125px;position:absolute;display: inline-block;width: 36px;height: 40px;}
.product-small.box .quick-view:after {content:"\f002";font-family: "Font Awesome 6 Free";font-weight: 900;background:#fff;color:#555;border-radius:100%;padding: 6px 0;font-size: 14px;box-shadow: 0 0 10px #bbb;display: block;}
.product-small.box .image-tools .cart-icon {left:auto;right:5px;bottom:10px;background:#fff;color:#555;border-radius:100%;padding:4px 6px;box-shadow: 0 0 10px #bbb;}
.product-small.box .image-tools .cart-icon strong {font-size:10px;transform:scale(0.6);color:#555;}
.product-small.box .quick-view:hover:after {background:#25aae1;color:#fff;}

.count-rating {display:none}
.hide.none {display:none}

.star-rating:before, .woocommerce-page .star-rating:before {color:#999}
.star-rating span:before {color:rgba(253,201,4,1)}

form.cart button {border-radius:5px}

.product-footer .wc-tabs {padding-bottom:30px}
.product-footer .wc-tabs a {font-size:18px;padding-left:30px;padding-right:30px}

.product-section-title-related {text-transform:none !important}

.featured-badge{top:-20px;left:0;color:#fff;display:flex;justify-content:center;position:absolute;font-size:12px;text-transform:uppercase;z-index:22;margin-left:0;width:45px;align-items:center;font-weight:600;background-color:#f00;border-radius:12px 0;padding:3px 0}
.featured-badge-sing{background:#f00;color:#fff;font-weight:600;text-transform:uppercase;padding:5px 10px;font-size:12px;font-weight:600;margin-top:15px;border-radius:12px 0;padding:5px 8px}

.product-small.box-vertical .featured-badge {display:none}

.single-product #comments , .single-product #review_form_wrapper {flex:100%;max-width:100%;}
.single-product #review_form .stars a {text-indent:-75px;transform:scale(1)}

@media (min-width: 1024px) {
	.footer-secondary {padding-top:0}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE ***************/


}
/*end*/