body::-webkit-scrollbar {
            width: 12px;
             background-color:#f3f3f3;
             border-left:1px #e6e6e6 solid;
        }

        body::-webkit-scrollbar-track {
        }

        body::-webkit-scrollbar-thumb {
               background-color: #ee412f;
            width: 12px !important;
        }

        
        body::-webkit-scrollbar-thumb:hover {
               background-color: #fb4b39;
            width: 14px !important;
        }


/*---------------------------------*/


.aerious-header .aerious-logo-holder {
    margin-top: 14px;
    margin-bottom: 14px;
    position: relative;
    z-index: 11;
    line-height: 35px;
}

/*header {
    position:relative;
    z-index:1;
     box-shadow:0px 5px 10px rgba(0, 0, 0, 0.27);
}*/

.aerious-page-header {
        position:relative;
    z-index:1;
      box-shadow: 0px 8px 30px rgb(0 0 0 / 6%);
     
}
.navbar-toggle span {
      transition:all .5s ease-in-out;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px;
}
.opened span {
  
     transition:all .5s ease-in-out;
     width:18px;
     
}

.navbar-toggle .icon-bar {
    display: block;
    width: 24px;
    height: 2px;
    border-radius: 1px;
}

.aerious-mobile-menu-holder .navbar-toggle {
    display: inline-block;
    float: none;
    position: relative;
    margin: 0;
    padding: 0;
    padding: 8px;
    border-radius: 0px;
 
    /*background-color: #ee412f;*/
    margin-top: 5px;
    top: 3px;
}

.navbar-toggle:hover .middle-bar {
    width:16px;
} 

.aerious-logo-holder {

    position: relative;
    transition:all .5s ease-in-out;
}

.aerious-logo-holder:before {
      /*position: absolute;
    left: -30%;
    top: -40%;
    width: 160%;
    height: 200%;
    background-color: white;

    content: '';
    z-index: -1;
 
    background: rgb(199,198,198);
    background: linear-gradient(0deg, rgb(51 51 51) 0%, rgba(255,255,255,1) 12%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 28%, rgba(255,255,255,1) 89%, rgb(255 255 255) 100%);
   
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s ease-in-out;
        transform: skew(10deg, 0deg);*/

}

    .aerious-logo-holder a {
           display:block;
        /*position:relative;*/
    }
.aerious-logo-holder a:after {
    /*position: absolute;
    left: -40px;
    top: 40%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
 
    content: '';
    z-index: 2;
  
    background-color: #ee412f;*/
}

.aerious-logo-holder a:before {
     /*position: absolute;
    right: -40px;
    top: 40%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
  
    content: '';
    z-index: 2;

    background-color: #ee412f;*/
}

.aerious-logo-holder:hover{
transform:translate(10px,0px);
      

}



  .aerious-logo-holder img {
       transition:all .5s ease-in-out;
       transform:scale(1.2);
       transform-origin: left;
    }
    .aerious-logo-holder:hover img {
        /*transform:scale(1.2);*/
    }

    /*.aerious-header.header-1 .aerious-logo-holder img {
         position:absolute; left:0px; top:15px;
    }*/

.opened:before {
     content:'';
     position:absolute;
     left:0px; top:0px; width:100%; height:100%;

     border-radius:0px;
     
}

.opened-menu {
     position:relative;
 

}

.opened:after {
    
        content:'';
     position:absolute;
     right:10px; top:50px; width:10px; height:10px;
     background-color: #0d97ad;
     transform:rotate(45deg);

}

.opened {

}

.opened .middle-bar {
   opacity:0;
}

.opened .top-bar {
       transform: rotate(45deg) translate3d(5px,5px,5px);
}

.opened .bottom-bar {
     transform: rotate(-45deg) translate3d(5px,-5px,-5px);


}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 5px!important;
}

 .aerious-minicart-holder > a {
    position: relative;
    line-height: normal;
    padding: 8px;

}

 .aerious-cart-mob-view {
 
    position: relative;
    padding: 0 0px 0 0;
}

 .aerious-minicart-holder {
    position: relative;
    display: inline-block;
    padding: 0 0px 0 0;
    text-align: left;
    line-height: 62px;
}

@media screen and (max-width: 789px) {

    .aerious-minicart-holder > a {
    position: relative;
    line-height: normal;
    padding: 0px;
     color:black;
}

    .home-content2 {

         display:none;
    }

    .home-item2:before {
        display:none;
    }
        .aerious-minicart-holder > a i {
    position: relative;
    line-height: normal;
    padding: 8px;
     color:black;
}
    .swiper-slide img {
         display:none;
      
    }

        .swiper-slide{
   /*min-height:400px;*/
   height: 60vh !important;
      background-size: cover;background-position: center right; background-repeat:no-repeat; overflow:hidden;
     
      
    }

            .swiper-slide .stitle {
                padding-left:40px;
            }


    .home-content2 h2 {

        font-size:12pt!important;    font-weight:normal;
    }

    .aerious-logo-holder {
        margin-left:20px;
    }
}


@media screen and (min-width: 789px) {
.aerious-header .aerious-minicart-holder i {
    color: #656565;
    font-size: 12px;


}



  

.aerious-header .aerious-main-menu > li:last-child > a {
      padding-right: 0px;
    padding: 8px;

    border-radius: 50%;
}
}

a, p a, a:active, a:hover, a:focus, blockquote::before, .aerious-btn:hover, .aerious-btn:focus, .cf7-custom-style-dark input[type=submit]:hover, .cf7-custom-style-dark input[type=submit]:focus, .aerious-btn-white, .header-light-skin:not(.is-sticky) .aerious-main-menu .sub-menu li a:hover, .header-light-skin:not(.is-sticky) .aerious-main-menu .sub-menu li a.current, .header-light-skin:not(.is-sticky) .aerious-main-menu .aerious-megamenu li a:hover, .header-light-skin:not(.is-sticky) .aerious-main-menu .aerious-megamenu li a.current, .sticky-header-light-skin.is-sticky .aerious-main-menu .sub-menu li a:hover, .sticky-header-light-skin.is-sticky .aerious-main-menu .sub-menu li a.current, .sticky-header-light-skin.is-sticky .aerious-main-menu .aerious-megamenu li a:hover, .sticky-header-light-skin.is-sticky .aerious-main-menu .aerious-megamenu li a.current, .header-dark-skin:not(.is-sticky) .aerious-main-menu .sub-menu li a:hover, .header-dark-skin:not(.is-sticky) .aerious-main-menu .sub-menu li a.current, .header-dark-skin:not(.is-sticky) .aerious-main-menu .aerious-megamenu li a:hover, .header-dark-skin:not(.is-sticky) .aerious-main-menu .aerious-megamenu li a.current, .sticky-header-dark-skin.is-sticky .aerious-main-menu .sub-menu li a:hover, .sticky-header-dark-skin.is-sticky .aerious-main-menu .sub-menu li a.current, .sticky-header-dark-skin.is-sticky .aerious-main-menu .aerious-megamenu li a:hover, .sticky-header-dark-skin.is-sticky .aerious-main-menu .aerious-megamenu li a.current, .aerious-share-buttons-holder li a, .tagcloud a:hover, .tagcloud a:focus, .aerious-blockquote .aerious-blockquote-icon i, .aerious-ordered-list ol>li:before, .aerious-unordered-list ul>li:before, .aerious-counter-container .aerious-icon i, .aerious-counter-container:hover .aerious-icon i, .aerious-counter-container .aerious-counter-value, .aerious-icon-with-text-container.default-bg i, .aerious-icon-with-text-container:hover i, .aerious-icon-with-text-container:hover .aerious-iwt-title, .aerious-testimonial .line .aerious-testimonial-left::before, .aerious-testimonial-img-holder::before, .aerious-pricing-tables.aerious-style2 .aerious-table-title .aerious-table-titles-content, .aerious-pt-active .aerious-btn-primary, .aerious-pt-active .aerious-pricing-label, .aerious-tooltip, .aerious-ordered-list ol>li:before, .aerious-unordered-list ul>li:before, .aerious-icon-list-item .aerious-icon-list-icon-holder, .aerious-image-list-item .aerious-image-list-image-holder, .aerious-alert:hover .aerious-icon, .aerious-pie-charts-slider .slide-captions h2, .aerious-portfolio-list .aerious-filter-list li a:hover, .aerious-portfolio-list .aerious-filter-list .selected, .single-portfolio .like i, .single-portfolio .comment i, .aerious-vpc-percent, .aerious-workflow-title-head, .aerious-workflow-counter-p, .aerious-table-style2 thead tr:first-child th:first-child, .aerious-table-style2 .title.col-0, .aerious-table-style3 thead tr th, .aerious-table-style3 .title, .aerious-table-style4 thead tr:first-child th:first-child, .aerious-table-style4 thead tr th, .aerious-table-style4 .title, .aerious-list-view.active i, .aerious-grid-view.active i, .list-view .aerious-wc-price .price .amount, .list-view .aerious-wc-price .price ins .amount, .aerious-wc-single-product .star-rating span::before, .post-category a, .comment-form-rating p.stars a.star-1.active:after, .comment-form-rating p.stars a.star-1:hover:after, .comment-form-rating p.stars a.star-2.active:after, .comment-form-rating p.stars a.star-2:hover:after, .comment-form-rating p.stars a.star-3.active:after, .comment-form-rating p.stars a.star-3:hover:after, .comment-form-rating p.stars a.star-4.active:after, .comment-form-rating p.stars a.star-4:hover:after, .comment-form-rating p.stars a.star-5.active:after, .comment-form-rating p.stars a.star-5:hover:after, .aerious-wc-single-product .price ins, .wc-menu-item th:hover, .wc-menu-item.active, .aerious-vpb-percent h1, .aerious-title-subtitle-container.title-color-default .aerious-title, .aerious-title-subtitle-container.subtitle-color-default .aerious-subtitle, .bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink, .aerious-percent-pie-chart-head, .aerious-pie-charts-slider .slider-chart-thumbs-list li a i, .aerious-feature-box-i, .single-portfolio .aerious-main-content-column .portfolio-info .portfolio-info-content p a, .aerious-alert.default:hover, .aerious-alert.default:hover .aerious-icon, .aerious-alert.default:hover .aerious-close, .aerious-ipb .aerious-ipb-active, .aerious-portfolio-list .portfolio-filter li a:hover, .aerious-portfolio-list .portfolio-filter .selected, .product-list-view.active i, .product-grid-view.active i, .aerious-wc-single-product .panel p.form-submit .submit:hover, .product_list_widget .star-rating span::before {
    color: #000000;
}

.header-default-skin:not(.is-sticky) .aerious-main-menu>li .sub-menu, .header-default-skin:not(.is-sticky) .aerious-main-menu>li.aerious-megamenu-menu .aerious-megamenu-wrapper, .sticky-header-default-skin.is-sticky .aerious-main-menu>li .sub-menu, .sticky-header-default-skin.is-sticky .aerious-main-menu>li.aerious-megamenu-menu .aerious-megamenu-wrapper {
      background-color: #ffffff;
      top:40px;
}


.aerious-top-bar a:hover {
    color:#ee412f;
}

.mborder-top > a {
    transition:all .5s ease-in-out; position:relative;
}
.mborder-top > a:before {
    content:''; position:absolute; left:50%; top:0px; width:0%; height:1px; transform:translate(-50%,-50%); background-color:#cbcbcb; transition:all .2s ease-in-out; 
}

.mborder-top:hover > a:before{

 width:100%; background-color:#ee412f;
}

.aerious-page-header li:hover>a {

       color:#ee412f!important; 
}
.aerious-btn-default:hover {
    background-color: #c30606;
    color: white;
    border-color: transparent;
}


footer .widget a {
     color:#969696;
}

footer .widget a:hover {
     color:#e2e2e2;
}

        .home-item {
             margin:12px; padding:0; position:relative;   z-index:0;   overflow:hidden;
        }

.home-item2{
    margin: 12px;
    padding: 0;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

    .home-item2:before {
        position: absolute;
        left: -115px;
        top: 0px;
        width: 40%;
        height: 100%;
        background-color: #ffffff8a;
        content: '';
        transform: skew(10deg, 0deg);
    }

            /*.home-item:before {
                position:absolute; left:0px; bottom:0px; width:100%; height:0%; content:''; background-color:rgba(0, 0, 0, 0.34) ; z-index:1;  transition:all .5s ease;
           
                 }*/

            .home-item:before {
                position: absolute;
                content: '';
                height: 100%;
                left: 0px;
                bottom: 0px;
                width: 100%;
                background-color: rgba(0, 0, 0, 0.34);
                z-index: 1;
                transition: all .5s ease;
            }

            .home-item:hover:before {
             

               left:50%; bottom:50%; width:0%; height:0%; 
            }


               .home-item:after {
                position:absolute; left:15px; bottom:15px; top:15px; right:15px; content:''; z-index:0;  transition:all .5s ease;  transition:all .5s ease-in-out;
           
                   display:none;

                 }

                  .home-item:hover:after {
                         display:block;
           
                 }
            .home-item img {
                width:100%;   transition:all .5s ease-in-out;
            }
             .home-item:hover img {
               
              transform:scale(1.2);
            }

              
            .home-item:hover .home-content {
                transform: translate(-0%, 10%);
            }

     .home-content {
    /*position: absolute;
 
    bottom: 0;
    width: 100%;
    padding: 25px;
    transition:all .5s ease-in-out;
    z-index:2;*/


}

.home-content {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 100%;
    padding: 25px;
    transition: all .5s ease-in-out;
    z-index: 2;

    margin: 0px auto;
    text-align: left;
    
}

.home-content2 {
    position: absolute;
    left: 0;
    bottom: 50%;
    left: 0;
    width: 30%;
    padding: 25px;
    transition: all .5s ease-in-out;
    z-index: 2;
    /* transform: translate(-50%,50%); */
}

     .home-content2 h2 {
   margin:5px; padding:0px; color:black; margin-bottom:15px;  font-size:12pt;   font-weight:normal;
        }

    .home-content2 p {
        margin: 5px;
        padding: 0px;
        color: black;
        margin-bottom: 15px;
        font-size: 10pt;
        font-weight: normal;
    }
    .home-item2 img{
     width:100%;
    }

           .home-content h2 {
   margin:5px; padding:0px; color:white; margin-bottom:15px;  font-size:12pt;   font-weight:normal;
        }

                .home-content p {
   margin:5px; padding:0px; color:#d9d9d9; margin-bottom:15px;  font-size:10pt;   font-weight:normal;
        }

.top-menu {
    margin:0px; padding:0px;
}
.top-menu li {
    margin:0px; padding:0px; list-style:none; float:left;
}

.top-menu li a {
    margin:0px; padding:5px; list-style:none;  text-decoration:none; 
}


.social-icons.icon-circled a {
    border-radius: 0%;
}
.social-icons.icon-sm a {
    font-size: 13px;
    height: 30px;
    line-height: 30px;
    margin: 2px 7px 2px 0;
    width: 30px;
  
}
.icon-theme-colored.icon-dark a {
    background-color: #2e2e2e;
    color: #b0b0b0;
    transition: all 1s ease-in-out;
    display: inline-block;
    text-align: center;
}

.icon-theme-colored.icon-dark a:hover {
    background-color: #ee412f;

}


a:hover {
    text-decoration:none;
}

.modal {
    position: fixed;
    z-index: 99999;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}


@media screen and (min-width: 789px) {
    .sub-menu li {
        border-bottom: 1px #f7f7f7 solid;
    }
}



 .filter-list {
    background-color: #464646;
    padding: 12px;
    border-top: 1px #464646 solid;
}

     .deletefilter {
    padding: 5px;
    cursor: pointer;
    margin-left: 10px;
    background-color: #2d2d2d;
    color: #c5c2c1;
    padding-bottom: 6px;
}

    .filtre-item {
        display:inline-block; margin:8px;min-width:12%;

    }

      .filter-list ul {
          margin:0px; padding:0px;
   
    }

.filter-list ul li {
    padding: 5px;
    float: left;
    list-style: none;
    margin: 4px;
    background-color: #e6e6e6;
    padding-left: 10px;
    padding-right: 0px;
    background-color: #3a3a3a;
    color: #bbbaba;
}
    .sub-select li .fa{
       
        font-size:10pt; margin-right:5px;
    }
    .sub-select li span {
        font-size:10pt; 
    }
    .show {
        display:block;
    }
    .hide {
        display:none;
    }

.list-open {
    padding: 8px;
    display: block;
    background-color: #ffffff;
    font-size: 14px;
    color: #000000;
    padding-right: 0px;
}

      .list-open:hover {

}


.list-open span {
    float: right;
    margin-top: -8px;
    padding: 8px;
    padding-top: 9px;
    /* padding-right: 0px; */
    border-left: 1px #eaeaea solid;
    background-color: #ee412f;
    color: white;
    font-size: 14pt;
}
    .filter-select {
      

       
    }
    .sub-select {

         display:none;  position:absolute;left:0px; top:35px;  z-index:99;  width:100%; padding:8px;border:1px #f3f3f3 solid; background-color:#fff;padding:0px!important; border-top:0px #f3f3f3 solid; box-shadow:0px 0px 6px rgba(0, 0, 0, 0.10); min-width:200px;
    }

      .sub-select li {
         padding:6px; cursor:pointer; border-bottom:1px #f6f6f6 solid;
  
    }
    .product-item{

         padding:10px;   border:1px #f6f6f6  solid; margin:5px; margin-bottom:35px;
    }

      .product-item:hover{

         padding:10px;   border:1px #e6e6e6  solid;
    }
       .product-item .product-content{

        position:relative;
          min-height: 170px;
    }

              .product-item .product-content .product-info{

        position:absolute; left:0px; top:0px;  width:100%; height:100%;  text-align:center;
    }
    
    .product-item img{

     width:100%;  transition:all .5s ease-in-out;
    }

       .product-item .image-hover .im2{

       display:none;
    }

        .product-item:hover .image-hover .im1 {
         display:none;


        }

            .product-item:hover .image-hover .im2 {
         display:block;


        }

    .product-item .product-content h2 {
         font-size:11pt;
          text-align:center;
          margin:0px; padding:10px;
          font-weight:bold;
          min-height:50px;


        }

       .product-item .product-content p {
         font-size:8pt;
          text-align:center;
          margin:0px; padding:6px;


        }
        .product-item .product-content .product-color {
            min-height:35px;   text-align:center; padding:10px;
        }
            .product-item .product-content .product-color .pcolor {
                margin: 0px;
                padding: 0px;
                list-style: none;
                min-height: 40px;
            }

             .product-item .product-content .product-color .pcolor li {
            margin:0px; padding:0px; list-style:none;  display:inline-block; 
        }

         .product-item .product-content .product-color .pcolor li img {
           margin:0px; padding:0px; max-width:25px;  border:1px #e4e4e4  solid;  margin:4px; border-radius:2px;
        }

        .product-item:hover .product-content .product-color .pcolor {
             display:block;
        } 



        
          .page-list {
            margin:0px; padding:0px; list-style:none; width:100%; background-color:black;
        }

        
        .page-list li{
            margin:0px; padding:0px; list-style:none; float:left;
        }

            .page-list li a{
            margin:0px; padding:10px; list-style:none; display:block; color:white; font-size:12pt;
        }
            
            .page-list li a:hover{
            background-color:#0c0c0c;
        }

                .page-list li a.active{
                     border-top:2px white solid;
             
        }
        .sitemap i {
            margin-left:3px; margin-right:3px;
        }
        .sitemap {
             padding: 8px;
 
    background-color: #f7f7f7;
        }
            .sitemap a,.sitemap span {
                 padding:4px; padding-left:0px;
            }
            .sitemap a:hover {
                text-decoration:underline;
            }
      

            
 
   .video-container {
    overflow: hidden;
    position: relative;
    width:100%;
}

.video-container::after {
    padding-top: 56.25%;
    display: block;
    content: '';
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .flist ul{
        margin:0px; padding:0px; margin-left:12px;
    }
    .flist ul li {
        margin:0px; padding:3px; font-size:11pt;
    }


    .tab-content {
        padding:10px;padding-top:50px; margin-top:-20px;
        border:1px #e5e5e5 solid;
        border-radius:10px;
        background-color: #fdfdfd;
    }

       .nav-pills li a {
               border-radius: 4px!important;
          border: 1px #e5e5e5 solid;
           background-color:#ffffff;
           font-weight:bold;
     
    }
    .nav-pills  li {
         margin-left:6px!important; 
    }

    .nav-pills {
         padding-left:25px!important; padding-right:25px!important;
    }
    .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #ee412f;
}

      .tab-pane h2 {
       font-size:14pt;
    }
    .tab-pane ul {
        margin:0px; padding:0px; list-style:none;
    }

      .tab-pane ul li {
        margin:0px; padding:4px; list-style:none; position:relative; padding-left:25px;
    }

        .tab-pane ul li:before {

            position:absolute;
            left:0px; top:0px;
            content:'\f00c';
            font-family:'FontAwesome';
        }

   

    

    
  


        .colorlist li {
             float:left; margin:3px;
        }
        .acolor {

             cursor:pointer;
        }

        .magnifier {

             border:4px red solid!important;
        }

.is-sticky {
    z-index:999!important;
}


.m-b10 {
    margin-bottom: 10px;
}
.dez-separator-outer {
    overflow: hidden;
}

.dez-separator.style-skew {
    width: 15px;
    height: 10px;
    margin-left: 1px;
    margin-right: 1px;
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
   background-color: rgb(238 65 47);
}
.dez-separator.style-skew {
    width: 15px;
    height: 10px;
    margin-left: 1px;
    margin-right: 1px;
    -moz-transform: skewX(-10deg);
    -webkit-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    transform: skewX(-10deg);
}
.dez-separator {
    display: inline-block;
    height: 3px;
    width: 50px;
    margin-bottom: 10px;
    position: relative;
}
.dez-separator {
    display: inline-block;
    height: 3px;
    width: 50px;
    margin-bottom: 10px;
    position: relative;
}

.dez-separator.style-skew[class*="style-"]:after, .dez-separator.style-skew[class*="style-"]:before {
    position:absolute;
        top: 50%;
    content:'';
    width: 80px;
    height: 4px;
    left: 20px;
    -moz-transform: translateY(-50%) skewX(-10deg);
    -webkit-transform: translateY(-50%) skewX(-10deg);
    -o-transform: translateY(-50%) skewX(-10deg);
    -ms-transform: translateY(-50%) skewX(-10deg);
    transform: translateY(-50%) skewX(-10deg);
      background-color: rgba(113, 113, 113, 0.50);
}


.dez-separator.style-skew[class*="style-"]:before {
    right: 20px;
    left: auto;
}
 

.aerious-header {
    position: relative;
    z-index: 10;
   border-bottom: 1px solid #ee412f;
}