@font-face {
    font-family: 'Gilroy';
    src: url('/themes/leo_cool_stuff_elementor/assets/fonts/Gilroy-Regular.woff') format('woff2');
    font-weight: 400;
}

.banner-name1 {
    color: #fff;
    top: 240px;
    right: 370px;

}

.banner-name2 {
    color: #fff;
    top: 360px;
    right: 355px;
}

.banner-name1 .caption-contain {

    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1.2;
    color: #FFFFFF;
    margin-bottom: 0.3rem;
    font-size: 50px;
}

.leo-megamenu .navbar-nav>li>a,
.leo-megamenu .navbar-nav>li.active>a {
    color: #fff;
    letter-spacing: 2px;
}

.leo-megamenu .navbar-nav>li:hover>a,
.leo-megamenu .navbar-nav>li:focus>a {
    color: #fe5900 !important;

}

.elementor-element.elementor-element-52fb1ec .title_block {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold !important;
    line-height: 1;
}

.advAd {
    padding: 23.739583% 0 !important;
    background-attachment: fixed;
}

.elementor-element.elementor-element-52fb1ec .sub-title-widget {
    margin: 35px;
    color: #000;
}

.fadeInUpSmall {
    animation-name: fadeInUpSmall;
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.social-sharing {
    display: none;
}

.thumbnail-container .product-title a {
    text-align: center !important;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;

}

.carousel-product .slick-slide.slick-current.slick-active .thumbnail-container .product-title a {
    color: #000;
    font-weight: bold;
    font-size: 25px;

}

.carousel-product .slick-slide.slick-current.slick-active .thumbnail-container .product-image img {
    align-items: center;
    transform: scale(0.58125);
    -moz-transform: scale3d(0.58125, 0.58125, 0.58125);
    -webkit-transform: scale3d(0.58125, 0.58125, 0.58125);
    -ms-transform: scale3d(0.58125, 0.58125, 0.58125);
    transform: scale3d(0.58125, 0.58125, 0.58125);

}

/* tous les slides */
.carousel-product .slick-slide {
    transition: all .6s ease;
    transform: scale(0.82);
    opacity: 1;
}

/* slide actif */
.carousel-product .slick-slide.slick-current {
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
    z-index: 9;
}

/* image */
.carousel-product .slick-slide img {
    transition: all .6s ease;
}

/* image active */
.carousel-product .slick-slide.slick-current img {
    transform: translateY(-10px);
}

/* titre */
.carousel-product .product-title a {
    transition: all .5s ease;
}

.carousel-product .slick-slide.slick-current .product-title a {
    font-size: 22px;
    font-weight: 700;
    color: #000;
}

.carousel-product .slick-track {
    display: flex;
    align-items: center;
}

#product .leo-megamenu .navbar-nav>li>a>.menu-title {
    color: #000;
}

.zt-r-name .elementor-heading-title,
.title_block .elementor-heading-title {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    line-height: 1;
    color: #323232 !important;
    margin: 10px;
}

.elementor-13 .elementor-element.elementor-element-ebc7f17>.elementor-element-populated,
.elementor-13 .elementor-element.elementor-element-3109a23>.elementor-element-populated {
    min-height: 870px;
}

.elementor-align-center .elementor-button {
    color: #1d1d1f;
    border-color: #fff;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 500;
    font-size: 0.18rem;
    line-height: 0.44rem;
    border: 2px solid #fff;
    display: inline-block;
    padding: 0px 0.32rem;
    cursor: pointer;
    border-radius: 0.44rem;
    transition: .3s cubic-bezier(.49, .025, .49, 1);
}

.elementor-button:hover {
    border: none;
}

.pagevideo4 .advAd {
    padding: 22.23958333333333% 0;
    padding: 24.73958333333333% 0;
    overflow: hidden;
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.pagevideo {
    margin: 0px auto;
    width: 100%;
    background: #fff;
    overflow: hidden;
}

.pagevideo4 .advAd .video {
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    object-fit: cover;
    border: none;
}

.pagevideo4 .advAd .wz {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #fff;
    max-width: 1050px;
    width: 90%;
    text-align: center;
}

.pagevideo4 .advAd .wz .wz-name {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0;
    line-height: 1.2;
    color: #f5f5f7;
    margin-bottom: 0.4rem;
    font-size: 40px !important;
    text-transform: capitalize;

}

.pagevideo4 .advAd .wz .txt {
    max-width: 620px;
    margin: 0px auto;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 500;
    font-size: 25px;
    line-height: 28px;
    color: #f5f5f7;
    visibility: visible;
    animation-delay: 0.3s;
}

.videoicon a {
    color: #f5f5f7;
    display: inline-block;
    border: 2px solid #f5f5f7;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 500;
    background: none;
    font-size: 17px;
    line-height: 1.9;
    border-radius: 50px;
    padding: 0 14px;
    margin-top: 12px;
    transition: .3s cubic-bezier(.49, .025, .49, 1);
}

.videoicon a span {
    display: inline-block;
    background-image: url(../img/videoicon.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 10px;
    padding-right: 14px;
}

.wz-name {
    visibility: visible !important;
}

.pagevideo4 .advAd .wz .txt {
    visibility: visible !important;
}

.ys-txt span {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
}

.elementor-widget-counter .elementor-counter-number-wrapper {
    color: #1d1d1f !important;
}

.elementor-counter .elementor-counter-number-suffix {
    font-size: 25px;
}

.elementor-counter-number {
    font-size: 75px;
}

.elementor-counter {
    margin-bottom: 50px;
}

.title_link a {
    display: inline-block;
    font-family: 'Gilroy', Arial, Helvetica, sans-serif;
    font-weight: 500;
    color: #444445 !important;
    background-image: url(../img/m.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: 8px;
    padding-right: 19px;

}

.title_link a:hover {
    color: #fe5900 !important;
}

.latest-blogs .blog-container .right-block .blog-title a:hover {
    color: #fe5900 !important;

}

.latest-blogs .blog-container .right-block .blog-title a {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 19px;
    line-height: 30px;
    height: 66px;
    display: table-cell;
    padding: 8px 0 13px 0;
    overflow: hidden;
    color: #fff;
    vertical-align: middle;
}

.elementor-13 .elementor-element.elementor-element-e1a2caa .blog-title {
    padding-bottom: 10px;
}

.right-block {
    padding: 35px;
    position: relative;
    bottom: 3px;
    z-index: 10;
}

.latest-blogs .blog-container .right-block .blog-meta {
    border: none !important;
}

.elementor-13 .elementor-element.elementor-element-e1a2caa .created {
    color: #fff;
    font-weight: 500;
}

.latest-blogs .blog-container .right-block .blog-meta>div {
    color: #fff !important;
}

.blog_img_link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    pointer-events: none;
    width: 100%;
    height: auto;
    background: linear-gradient(to bottom, transparent 45%, rgba(0, 0, 0, 0.5) 100%);
}

#footer .logo.img-fluid {
    width: 30%;
}

#footer .item-text {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 500;
    color: #f5f5f7;
    font-size: 17px;
}

#footer .list-item a:hover {
    text-decoration: underline;
}

#footer .title_block:hover {
    text-decoration: underline;
}

.footer-left-bloc .list-item a {
    font-size: 30px !important;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 600 !important;
    line-height: 1.5 !important;
}

.flex .list-items {
    display: flex;
}

.flex .list-items li a {
    padding-left: 10px;
}

#footer .block_newsletter p {
    display: none;
}

.mini-navbar .leo-megamenu .navbar-nav>li>a>.menu-title {
    color: #323232;
}

.mini-navbar .header-logo img {
    content: url('/img/logo-noir.png');
}

#product .logo-sticky,#module-faqs-display .logo-sticky  {
    content: url('../img/logo-noir.png') !important;
}

#product .logo-sticky {
    display: block !important;
}

#product .logo-normal {
    display: none !important;
}

#leo_search_block_top .title_block:before {
    color: #fff;
}

.leo-megamenu .navbar-nav>li>a>.menu-title {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 500;
    text-transform: capitalize;
}

.keep-header #header.mini-navbar .header-top {
    background-color: #f9f9fb !important;
}

.mini-navbar #leo_search_block_top .title_block:before {
    color: #000;
}

.logo-sticky {
    display: none;
}

/* header flottant */
.mini-navbar .logo-normal {
    display: none;
}

.mini-navbar .logo-sticky {
    display: block;
}

.leo-megamenu .dropdown-menu .menu-title {
    color: #585858 !important;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    text-transform: capitalize;
}

.leo-megamenu .dropdown-menu li a:hover {
    color: #fe5900;
}

.bold-links li a {
    font-size: 25px !important;
    font-weight: 600 !important;
}

.dropdown-sub.dropdown-menu {
    background: #f5f5f7;
}

.header-top {
    transition: background 0.3s ease;
}

.header-top:hover {
    background: #f9f9fb !important;
}

.header-top:hover .menu-title {
    color: #323232;
}

.header-top:hover .logo-normal {
    display: none;
}

.header-top:hover .logo-sticky {
    display: block;
}

.breadcrumb-bg {
    background-image: url(../img/breadcrumb/products.jpg) !important;
}

#category #page,
#contact #page,
#new-products ,
#module-faqs-display #page
{
    padding-top: 0 !important;
}

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: transparent;
}

.header-top {
    background: transparent !important;
    position: relative;
    z-index: 10;
}

#wrapper .breadcrumb li:first-child:last-child span {
    display: block;
}

#wrapper .breadcrumb ol {
    background: transparent;

}

#wrapper .breadcrumb li:last-child span {
    font-size: 45px;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0;
    color: #f5f5f7;
}

#wrapper .breadcrumb {
    text-align: center;
}

.block-category,
.products-selection .total-products,
#btn_view_product,
.product-flags .product-flag.new {
    display: none;
}

.grid-selecting {
    float: right;
}

.products-sort-order .select-list:hover {
    background: transparent;
}

.products-sort-order .select-title {
    border: none;
}

.products-sort-order .select-list:hover {
    color: #1d1d1f;
}

.sidebar .block {
    display: none;
}

#search_filters .facet .facet-title {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    padding-bottom: 20px;
    font-size: 25px;
    color: #000000;
    position: relative;
}

#search_filters .facet .facet-label a {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    padding: 10px 20px;
    padding-left: 0px;
    color: #1d1d1f;
}

#search_filters .facet .facet-label,
#search_filters .facet .custom-checkbox,
#search_filters_brands .facet .facet-label,
#search_filters_brands .facet .custom-checkbox,
#search_filters_suppliers .facet .facet-label,
#search_filters_suppliers .facet .custom-checkbox {
    top: -19px !important;
}

#search_filters .facet .facet-label a span {
    display: none;
}

#category .thumbnail-container .product-title {
    float: left;
}

#leo-paneltool,
.leo-plist-style .thumbnail-container .functional-buttons {
    display: none;
}

#contact .breadcrumb-bg {
    background-image: url(../img/breadcrumb/contact.jpg) !important;
    background-position: 50% 40% !important;
}

.category-id-12 .breadcrumb-bg {
    background-image: url(../img/breadcrumb/audio.jpg) !important;

}

.category-id-17 .breadcrumb-bg {
    background-image: url(../img/breadcrumb/powerbank.jpg) !important;

}

#wrapper .breadcrumb li:first-child a span {
    display: block;
}

.breadcrumb-bg::after {
    content: "";
    pointer-events: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.19);
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
}

body:not(#index) #header .header-top {
    border: none !important;
}

#product .breadcrumb {
    display: none;
}

.product-detail-name {
    padding-top: 50px;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    padding-bottom: 40px;
    font-weight: bold;
    color: #1d1d1f;
}

.cls-1 {
    fill: #1d1d1f !important;
}

.blockreassurance_product {
    display: flex;
    box-shadow: none !important;
}

.blockreassurance_product>div .block-title,
.blockreassurance_product>div .item-product {
    display: inline-grid !important;
    text-align: center;
    float: none !important;
}

.blockreassurance_product>div {
    text-align: center !important;
}

.description-short p {
    font-size: 16px;
    line-height: 32px;
    color: #000;
    font-weight: 500;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;


}

.blockreassurance_product .item-product img,
.blockreassurance_product .item-product svg {
    height: 50px;
    width: 50px;
}

.blockreassurance_product>div .block-title {
    padding: 25px;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: normal !important;
    font-size: 14px;
    line-height: 19px;
    color: #1d1d1f;
    text-align: center;
}

.blockreassurance_product .item-product {
    width: 50px !important;
}

.leo-megamenu .navbar-nav>li>a {
    font-size: 15px;
}

.sans-titre .widget-heading {
    display: none;
}

#wrapper .breadcrumb li:last-child span {
    color: #fff;
}

#wrapper .breadcrumb li::after {
    display: none;
}

.product-description {
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    color: #1d1d1f;
    line-height: 36px;
    font-weight: normal;
    font-size: 18px;
}

.block_newsletter form button[type=submit]:hover {
    background-color: #fe5900;
}

.contactFormContent .one_field_form {
    width: 50%;
    float: left;
    position: relative;
    padding-left: 15px;
}

.contactFormContent .one_field_form:nth-child(5) {
    width: 100%;
}

.contactFormContent .label_field_name {
    color: #444445;
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
}

.contactFormContent .one_field_line input,
.contactFormContent .one_field_line textarea {
    border: 1px solid #1d1d1f;
    border-radius: 0px;
}

.notice_success {
    display: block !important;
}

.notice_error {
    display: none !important;
}

.usefulness_row ,.icon_fag{
    display: none !important;
}
.content_home_page_cat{
    display: block !important;
}
.answer_faq{
    border: none !important;
    box-shadow:none !important;
}
#search_faqs_container{
    display: none;
}
.questions .left-side-icon{
    display:none
}
.faqs-card-block{
    border: none !important;
    box-shadow:none !important;
}
.title_related_products, .title_home_page_fag, .title_category_page, .title_faq_page{
    display: none;
}
.content_home_page_cat .questions{
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: bold;
    line-height: 30px;
    padding-right: 40px;
    color: #1d1d1f;
    font-weight: 500;
    display: block;
    overflow: hidden;
}
.answer_faq p{
    font-family: 'Gilroy', Arial, Microsoft Yahei, "微软雅黑", Helvetica, sans-serif;
    font-weight: 500;
    padding-bottom: 0.57rem;
    line-height: 1.5;
    color: #6e6e73;
}
#products .page-not-found, #pagenotfound .page-not-found{
    padding: 60px;
}
#cms #page{
    padding-top: 0 !important;
}
#leo_search_block_top .title_block::before{
    color: #000;
}
#leo_search_block_top .title_block{
    width: 5px;
}
@media(max-width:767px){
    #header{
    position: fixed;
    width: 100%;
    z-index: 1000;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0.8rem;
    top: 0;
    background: #fff;
    }
    #page{
        padding-top: 20%;
    }
    .logo-sticky{
        display: block !important;
    }
    .logo-normal{
        display: none;
    }
    .bannercontainer .tp-caption{
        margin: 50px !important;
    }
    .slick-slider .slick-prev{
        left: 25px !important;
    }
    .slick-slider .slick-next{
        right: -25px !important;
    }
    .pagevideo4 .advAd .wz .wz-name{
        font-size: 17px !important;
    }
    .elementor-counter-number{
        font-size: 40px !important;
    }
    .latest-blogs .blog-container .right-block .blog-title a{
        font-size: 15px !important;
    }
    .blog .elementor-heading-title{
    font-size: 25px !important;
    }
    .counter .elementor-heading-title{
        font-size: 30px !important;
    }
    .dropdown-menu{
        padding-top: 10px !important;
    }
    .off-canvas-nav-megamenu .dropdown-sub div.menu-title a{
        color: #000;
    }
    .filter-button{
        width: 50% !important;
    }
    .footer-left-bloc .list-item a{
        font-size: 22px !important;
    }
    .bold-links li a{
        font-size: 16px !important;
    }
    .description-short{
        padding: 20px !important;
    }
    .send_contact_form_message{
        width: auto !important;
    }
    #header:hover{
        background: #f9f9fb !important;
    }
    .ac_results{
        position:relative !important;
    }
    .blockreassurance_product{
        display: block !important;
    }
    .blockreassurance_product > div .item-product{
        display: table-cell !important;
    }
    .blockreassurance_product .item-product img, .blockreassurance_product .item-product svg{
        height:38px !important;
        width:38px !important;
    }
    .filter-button{
      /* position:absolute !important;*/
       width:100% !important;
       height:12px !important;
    }
    .total-products{
      position: unset !important;
    }
    .products-sort-order .select-title{
        height:60px !important;
        display:none !important;
    }
}
.bannercontainer .tp-caption.title-slide{
    font-weight: 400;
}
.bloci .elementor-heading-title {
    padding-top: 20px !important;
    color:#fff !important;
}
.fa-angle-down::before{
    color: #fff;
}
.button-ask-question{
    background-color: #fe5900;
}
#mpm_faqs_form_container header{
    background-color: #fe5900;
}
#mpm_faqs_form_header_addon{
    border-top: 40px solid #fe5900;
}
#mpm_faqs_form_content .mpm-faqs-focused-input .input-group-addon {
    color: #fe5900 !important;
     border-color: #fe5900 !important;
}
#mpm_faqs_form_content .mpm-faqs-focused-input .form-control,#mpm_faqs_form_content .mpm-faqs-focused-input .content, #mpm_faqs_form_content .mpm-faqs-focused-input .content .list {
  border-color: #fe5900 !important;
}
.btn-primary.button-ask-question{
    background-color: #fe5900;
}
#mpm_faqs_select_wrapper .content .list span:hover{
    background: #000;
}
#mpm_faqs_form_content .mpm-faqs-focused-input .content, #mpm_faqs_form_content .mpm-faqs-focused-input .content .list{
border-color: #fe5900;
}
#mpm_faqs_form_content .mpm-faqs-focused-input .content::after{
    color: #fe5900 !important;
}
#mpm_faqs_form_container #consent_checkbox_container input:checked ~ .custom-checkbox{
    background-color: #fe5900 !important;
}
.mpm-faqs-form-button{
    background-color: #fe5900 !important;
}
#mpm_faqs_form_sub_title{
    color: #000;
    font-weight: 300;
}
#products .up .btn-secondary{
    display: none;
}
.lps_results .lps-result-price{
    display: none !important;
}
#module-leoblog-list #page{
    padding-top: 0 !important;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .iview {
        height: 460px !important;
    }
}