/* 
Theme Name: suopu
Theme URI: 
Description: 
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body{ background:#F2F4F6}
.page-header .entry-title{ display:none}
.elementor-location-header{ position: sticky;top:0; z-index:20;box-shadow: 0 0 15px 2px rgb(0 0 0 / 20%);}
.home-section03 .elementor-image-box-content{ padding:0 25px 25px 25px}
.elementor-testimonial__text{ position: relative;}
.elementor-testimonial__text:before{ content: "\f10d";font-family: "Font Awesome 5 Free";font-size: 30px; margin-right: 5px;color: #e2e2e2;}
.elementor-testimonial__text:after{ content: "\f10e";font-family: "Font Awesome 5 Free";font-size: 30px; margin-left: 5px;color: #e2e2e2;}
.home-faq-section .elementor-accordion-item{ background:#fff; margin-bottom:20px;}
.contact-forms .wpforms-field-large{height: 50px!important;border-radius: 5px!important;}
.contact-forms div.wpforms-container-full .wpforms-form button[type=submit]{ border:0;background: #FFBA00; color:#fff;border-radius: 5px;padding: 10px 40px;}
.contact-forms div.wpforms-container-full .wpforms-form button[type=submit]:hover{ background:#4F4A4A}
.contact-forms .wpforms-submit-container{ text-align:center}
.foot-top-section h4{ margin:0}
.full-img .elementor-image-box-img img{ width:100%}
.wrap-shadow .elementor-image-box-wrapper{padding-bottom:15px; background:#fff; border-radius:10px;}
.wrap-shadow .elementor-image-box-wrapper .elementor-image-box-img img{ border-radius:5px 5px 0 0}
.wrap-shadow .elementor-image-box-wrapper:hover{box-shadow: 0 0 15px 2px rgb(0 0 0 / 20%); }
.home-banner-bottom .elementor-icon-box-wrapper{ justify-content: center;}
.home-banner-bottom .elementor-widget-icon-box .elementor-icon-box-content{ width:auto;flex-grow: inherit;}
.testimonials-info.elementor-widget-testimonial-carousel .elementor-testimonial__image img{ width:320px; height:auto}
.testimonials-info .elementor-testimonial__image{ height:200px; overflow:hidden}
.testimonials-info .elementor-testimonial{ display:flex}
.pro-cate-info ul,.pro-cate-info li{ list-style:none; padding:0; margin:0}
.pro-cate-info .subcategories{ margin-bottom: 2rem; margin-top:1rem}
.pro-cate-info a{ color:#4e4e4e; }
.pro-cate-info a:hover{ color:#FFBA00; }
.pro-cate-info .subcategory a{ display:block;line-height:30px; position:relative;padding: 4px 0 4px 35px;}
.pro-cate-info .subcategory a:before{content:'';width: 26px;
    height:26px;
    border-radius:5px;border: 1px solid #ddd;background-color: #fff;display: inline-block; position:absolute; left:0; top:6px}
.pro-cate-info .subcategory.active  a:after{background-image: url(/wp-content/uploads/2023/10/20231002045429639029.svg);
  background-color: #ffba00;transform: scale(1);background-position: 50%;
  background-repeat: no-repeat;
  color: rgba(51,51,51,.999);
  content: "";
  display: block;
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 6px; border-radius:5px}
.pro-cate-info .subcategory.active a{color:#000;}  
.pro-cate-info .category a{ font-weight:bold;font-size: 1.11111vw;margin-bottom: 1.04167vw; color:#000}
.pro-cate-info .category a:hover{ color:#000}
.productView-info .productView-info-name{color: #777;
  font-family: 'Futura PT Book';
  font-weight: 400;
  font-size: 14px;
  margin: 0;
font-size: .97222vw;
    width: 14.44444vw;
    padding: .86806vw 0;
  float: left;margin:0} .productView-info .productView-info-value {
    font-size: .97222vw;
    width: calc(100% - 15vw);
    padding: .86806vw 0;float: left; margin:0}
.pro-rows-info .elementor-post{ background:#fff; padding:15px!important; border-radius:5px;position: relative;}
.pro-rows-info .elementor-post:hover{box-shadow: 0 0 10px 2px rgb(0 0 0 / 10%); }
.pro-rows-info .elementor-post__thumbnail__link{ padding:25px 0; margin:0!important}
.pro-rows-info .elementor-post__read-more{text-transform: uppercase;
  color: #000;background: #ffba00;font-size:18px;border-radius: .20833vw;padding: 1.14583vw 0; position:absolute;top: 45%;left: 10%;
    width: 80%;display:none}
.pro-rows-info .elementor-post:hover .elementor-post__read-more{ display:block}
.pro-rows-info .elementor-post__read-more:hover{ background:#4F4A4A; color:#fff;}
.pro-rows-info .elementor-posts-container.elementor-has-item-ratio .elementor-post__thumbnail img{position: inherit;
    top: 0;
    left: 0;
    transform: none;}
.pro-rows-info 	.elementor-post__thumbnail{ padding-bottom:0!important}
.ue_taxonomy_item_content{ padding:15px}
.home-cate .ue_taxonomy_item_title{ font-weight:bold; font-size:18px;}
.home-cate .ue_taxonomy{ display:block!important}
.home-cate .ue_taxonomy_item{ margin:0 12px;}
.home-cate .slick-dots,.home-cate .slick-dots li{ list-style:none; margin:0; padding:0}
.home-cate .slick-dots{ text-align:center; padding-top:10px;}
.home-cate .slick-dots li{ display:inline-block; margin:0 4px;}
.home-cate .slick-dots li button{ font-size:0; width:10px; height:10px; border-radius:50%; background:#C6C6C6; border:0; padding:0}
.home-cate .slick-dots li.slick-active button{background:#000}
.home{ background:#fff}
.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 100%;}
#contact-form{ padding-top:218px; margin-top:-218px;}
.sidebar-cate ul,.sidebar-cate li{ list-style:none; padding:0; margin:0}
.sidebar-cate li{ line-height:35px;}
.sidebar-cate a{ color:#333}
.sidebar-section a:hover,.elementor-widget-post-comments a{ color:#FFBA00!important}
.sidebar-section{ position:sticky; top:240px; z-index:10}
.elementor-widget-post-comments [type=submit]{color:#fff!important;border-color:#FFBA00!important;background:#FFBA00}
.single-post-con h2{ font-size: 24px;color: #000;}
.single-post-con h3{ font-size: 20px;color: #000;}
.elementor-nav-menu--dropdown{box-shadow: 0 0 15px 2px rgb(0 0 0 / 20%);}
.elementor-icon-box-title{ margin:0}
.home-brands-carousel .ue_taxonomy_item_content{ display:none!important}
.ue_taxonomy_image,.elementor-post__thumbnail,.pro-item-img .elementor-widget-container{overflow:hidden}
.ue_taxonomy_image img,.elementor-post__thumbnail img,.pro-item-img img{-webkit-transition: all linear .5s;
    transition: all linear .5s;
    z-index: 10;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);}
.ue_taxonomy_image img:hover,.elementor-post__thumbnail img:hover,.pro-item-img img:hover{
    -webkit-transition: all linear .5s;
    transition: all linear .5s;
    z-index: 10;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
}
.pro-item-loop .pro-item-desc p,.pro-item-loop .pro-item-desc .elementor-widget-container,.pro-item-loop .elementor-heading-title,.elementor-posts .elementor-post__title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; }
.pro-item-loop:hover .elementor-heading-title a{ color:#1C4C7C!important}
.pro-spec-info dt{ font-weight:normal; font-size:16px;}
.pro-spec-info li{ padding:5px 0; color:#000}
.pro-spec-info li strong,.pro-spec-info li b{ font-weight:normal;color: #777; margin-right:5px;}
.main-top-container{ padding:0}
.about-section01 .elementor-widget-icon-box{ height:100%}
.elementor-widget-testimonial-carousel .swiper-slide { padding: 30px 20px!important;}
.single-tip{ position:relative}
.single-tip:before {
  background: inherit;
  content: "";
  display: block;
  height: 12px;
  left: -6px;
  margin-top: -6px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  transform-origin: center;
  width: 12px;
}
.pro-single-gallery{ position:sticky; top:250px; z-index:15}
.pro-tables-info.elementor-widget-tabs .elementor-tab-content{ padding:40px;}
.blog-list-info .elementor-post__excerpt,.blog-list-info .elementor-post__excerpt p,.blog-list-info .elementor-post .elementor-post__title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; }
.blog-list-info .elementor-post{ border-bottom:1px solid #ddd}
.blog-list-info .elementor-post:last-child{ border-bottom:0}
.blog-list-info .elementor-post .elementor-post__title a:hover{color: #1C4C9C;}

@media screen and (max-width:1024px){
 	.header-mainmenu-info .elementor-menu-toggle{ margin-top:-70px; margin-left:10px}   
 	.pro-single-gallery,.sidebar-section{ top:180px}
.pro-single-gallery .ug-gallery-wrapper{ height:600px!important}
#contact-form { padding-top: 180px; margin-top: -180px;}

}
@media screen and (max-width:480px){
    .header-mainmenu-info .elementor-menu-toggle{ margin-top:-55px;}
	.header-mainmenu-info .elementor-nav-menu--dropdown{ background:#eee}
.foot-top-section	.elementor-nav-menu--toggle{ margin-top:-45px;}
	.pro-rows-info .elementor-post__thumbnail__link{ padding:0}
	.pro-rows-info .elementor-post__read-more{ display:none!important}
	.ug-gallery-wrapper{ height:400px!important}
	.productView-info .productView-info-name,.productView-info .productView-info-value{ width:100%; float:none;font-size: 16px;}
	.pro-feature .elementor-icon-box-content{display: flex; align-items: center;}
	.elementor-tabs .elementor-tabs-wrapper {display: block!important;}
	.elementor-tabs-content-wrapper .elementor-tab-title{ display:none}
	.elementor-widget-testimonial-carousel .swiper-slide { padding: 0px 20px 20px 20px!important;}
	.single-tip:before {
  left:50%; margin-top:0;
  margin-left: -6px;
  top:-6px;}
  .pro-tables-info.elementor-widget-tabs .elementor-tab-content{ padding:20px;}
  .pro-single-gallery .ug-gallery-wrapper{height: 450px!important;}
  .pro-rows-info .elementor-post{padding: 8px!important;}
}