@import url('hover.css');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');


em {
    color: inherit;
}

.pallino_outset {
    width: 50px;
    height: 50px;
    border-radius: 150px;
    background: white;
    border: 3px solid #white;
    border-image-outset: 1.5; /* 1.5 × 1.4rem = 2.1rem */
}

.pallino_outset.pallino_active {
    border: 3px solid #ff5100;
}

.component_active {
    background-color: #eaeaea;
}

.pallino_outset img {
    width: 100%;
    height: auto;
}

.conf_summary_dots {
    height: 1em;
    display: flex;
    border-bottom: 1px dotted black;
}

.accordion-button:focus {
    z-index: 3;
    border-color: #ccc;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(203 203 203 / 25%);
}

.swiper-pagination {
    transform: translate3d(0px, 11px, 0px) !important;
}

#faq_accordion .accordion-body a {
    text-decoration:underline; 
}

html {
      overflow-x: hidden;
}
body {
    color: black;
    font-family: 'Roboto', sans-serif;
      overflow-x: hidden;
      background-color: #fff;
}


.uk-navbar-nav>li>a {
    color: #000;
    font-weight: 500;
}

a.uk-navbar-toggle {
    color: #000 !important;
}

a.uk-navbar-toggle:hover {
    color: #ff6600  !important;
}

a:not(.uk-button):not(.btn) {
    color: #000 !important;
    text-decoration: none;
    transition: all 2s ease-out;
}
#footer a:not(.uk-button):not(.btn) {
    color: #fff !important;
}

a:not(.uk-button):not(.btn):hover {
    color: #ff6600  !important;
    text-decoration: none;
    transition: all 0.1s ease-out;
}
#footer a:not(.uk-button):not(.btn):hover {
    color: #ff6600 !important;
}

.topsearch {
    background-color: #ededed;
    padding-left: 10px;
    padding-right: 10px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.075em;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.5em;
    color:#a5a5a5;
        font-weight: 300;
}

#h .maniago h2 {
    font-family: 'Roboto', sans-serif;
    color: white;
    letter-spacing: inherit;
    font-size: 3.6em;

}

.uk-search-navbar .uk-search-input {
    font-size: 1.1rem;
}
.logo {
    width: 150px;
}
.parallasse{height: 70vh;}
.uk-dotnav>*>* {
    width: 6px;
    height: 6px;
    border-radius: 0%;
    border: 0px solid #d5d5d5f2;
    background-color: #cccccc80;
}

.filtersform label {
    color: #000000 !important;
    font-size: .9em;
}

.filtercheckbox, input[type=range] {
    accent-color: #ff5100;
}

.roundedcorners{border-radius: 12px !important;}

.uk-divider-vertical {
    border-left: 1px solid #333;
}

/* company page ---------------------------------------------------- */

#company h1,#company h2,#company h3,#company h4{
  font-family: 'Roboto', sans-serif;
   font-size:4em;
    font-weight: 700;
   text-transform: none;
   letter-spacing: normal;
}
#company .page-title h1{margin: 0 0 0 0; width: 100%; font-weight: 300; color:#666; font-size:3.2em;}
#company .page-title h2{margin: 0 0 0 0; width: 100%; /* text-align: right; */ color:#333;}
#company  h3{font-size: 3em !important; margin: 0 0 0 0;}
#company  h4{font-size: 1.1em !important; margin-top: 0;}
/* / company page ---------------------------------------------------- */
#menumobile {

    color: #000;
    font-size: .9em;
}

#menumobile h6 {
    font-size: .9em;
    ;
}


#menumobile .uk-offcanvas-bar {
    background: white !important;
    color: #000;
}

#menumobile .uk-offcanvas-close {
    background: white !important;
    color: #000;
}
#menumobile * {
    font-family: inherit !important;
    font-size: 1em;
}


.accordion-button.noarrow:not(.collapsed)::after {
    background-image: unset;
}

.accordion-button.noarrow:after {
    background-image: unset;
}

.accordion-button {
    padding-top: 10px;
    padding-bottom: 10px;
}


.accordion-button:not(.collapsed) {

    background-color: #fffdfd;

}

.text-foxorange {
    color: #ff5100 !important;
}
.bg-foxorange {
    background-color: #ff5100 !important;
}



.btn {
    margin: 0;
    border: none;
    overflow: visible;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: none;
    border-radius: 0;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 30px;
    vertical-align: middle;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: .1s ease-in-out;
    transition-property: color, background-color, border-color;
}
.btn-primary{

background-color: #222;
    color: #fff;
    border: 1px solid transparent; margin-top: 1em; margin-bottom: 1em;

}



#collapseFilters .uk-card-primary.uk-card-body .uk-close,
.uk-card-primary>:not([class*=uk-card-media]) .uk-close,
.uk-card-secondary.uk-card-body .uk-close,
.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,
.uk-light .uk-close,
.uk-offcanvas-bar .uk-close,
.uk-overlay-primary .uk-close,
.uk-section-primary:not(.uk-preserve-color) .uk-close,
.uk-section-secondary:not(.uk-preserve-color) .uk-close,
.uk-tile-primary:not(.uk-preserve-color) .uk-close,
.uk-tile-secondary:not(.uk-preserve-color) .uk-close {
    color: rgb(0 0 0 / 50%);
}



.splide__pagination__page.is-active {
    border: solid 1px #bdbdbd;
}

#h .maniago {
    background-position: 0px 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}


.maniago .btn-danger {
    background-color: #F95606 !important;
    border-color: #F95606 !important;
    font-size: small;
    font-weight: 600;
}

.footer h2{color: white; font-weight: bold; letter-spacing: normal; font-size: 1.3em}

.footer {
    color: white !important;
    font-size: .8em;
    background-color: #000;
    position: relative;
    z-index: 1;
}

.footer a {
    color: #fff !important;
}
.footer .cprgt * { font-size: .9em;
}

.footer .border-bottom, .footer .border-top {
    border-color: #5f5f5f!important;
}



.footer .newsletter a{background-color: #3b3b3b;
    border: solid 1px black;}
.footer .newsletter a:hover{background-color: #3b3b3b10;
    border: solid 1px #858585!important}
.certifications {
    background-color: #fff;
}

.slidefooter {
    background-color: #000;

}



/* elenco ******************************************* */

/* #e .prductitemwrapper {
    background-color: #efefef;
}

#e .prductitemwrapper img {

    object-fit: contain;
    object-position: center;
    mix-blend-mode: multiply;
}

.uk-slider-items.uk-grid {
    flex-wrap: nowrap;
    mix-blend-mode: multiply;
}
*/
#e .prductitemwrapper .uk-dotnav>* {
    flex: none;
    padding-left: 6px;
}

#e .prductitemwrapper .uk-dotnav>*>* {
    background-color: #00000020;
    border: 0px;
    width: 7px;
    height: 7px;
}

#e .prductitemwrapper .uk-dotnav li.uk-active a {
    background-color: #000000;
    border: 0px;
} 


.filters .uk-form-custom {
    border-bottom: solid 1px black;
    background-image: url('https://www.foxknives.com/img/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 10px;
}

 #e .elenco h2, #latestproducts_fox h2, #latestproducts_2c h2, #latestproducts_second h2 {
    color: #fff;
} 

#e .breadcrumb {
    margin-bottom: 0;
}

/* #e .elenco.categorie .thumb{margin-right: -20%;} */

.breadcrumb-item {
    font-size: .9em;
}



.mainimgcol {
/* height:70vh; */
}



.mainimgwrapper {
    max-width: 100% !important;
    max-height: 80vh !important;
}

.mz-expand,
.mz-expand-bg {
    background-color: #f8f9fa !important;
    background: #f8f9fa !important;
}


#s #product-page h1 {
  font-family: 'Barlow Condensed', sans-serif;
 font-weight: bold;
 letter-spacing: 0.200em;
}
#s #product-page h2 {
  font-family: 'Barlow Condensed', sans-serif;
   font-weight: normal;
   color:#333;
}
#s #product-page h3 {
    text-transform: none;
    font-size: 1.2em;
}
#s .desighby{
  font-family: 'Barlow Condensed', sans-serif;
  font-size: .9em; font-weight: normal;
}

#s #techdata{
  font-family: 'Roboto', sans-serif;
font-size: .9em;
letter-spacing: 0.04em;
}
#s #techdata p{
  margin-bottom: .1em;
  margin-top: 0px;
}
#s #designer span{font-family: inherit !important; font-size: inherit !important;}
#s .uk-accordion-title {
    font-size: .9rem;

    padding-bottom: 6px;
}

#s .uk-accordion>:nth-child(n+2) {
    margin-top: 6px;
}

#s .uk-accordion li {
    border-bottom: solid 1px black;
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-size: 10px;
}
#s .uk-accordion a {transition: none !important;}


.uk-open>.uk-accordion-title::before {
    background-image: url('https://www.foxknives.com/img/arrow-down.svg');
    transform: rotate(180deg);
}

.uk-accordion-title::before {
    content: "";
    background-size: 10px;
    margin-left: 10px;
    float: right;
    background-image: url('https://www.foxknives.com/img/arrow-down.svg');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}


.uk-lightbox {

    background: rgb(255 255 255 / 93%);


}

#s .uk-accordion,
#s .desc {
    font-size: .9em;
}

#s .desc p {
    margin-bottom: 0px;
}

#s .price {
    display: inline-block;
    font-weight: bold;
    font-size: 1.5em;
}
#s .taxes {
    display: inline-block;
    font-size: 0.8em;
}


.marquee p {
    transform: rotate(180deg);
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.marquee span {
    animation: marquee 8s linear infinite;
    display: inline-flex;
    padding-right: 10px;
    font-size: 4rem;
}

@keyframes marquee {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

#splash .marquee {
    font-family: "Roboto condensed", sans-serif;
    letter-spacing: .05rem;
    font-size: .9rem;
    font-weight: 500;
    position: relative;
    width: 100vw;
    max-width: 100%;
    height: 40px;
    overflow-x: hidden;
}

.track {
    position: absolute;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 102s linear infinite;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

.marquee_v p {
    transform: rotate(180deg);
    overflow: hidden;
    white-space: nowrap;
    font-family: 'Barlow Condensed', sans-serif;
    text-transform: uppercase;
    letter-spacing: .2em;
}

.marquee_v span {
    animation: marquee_v 8s linear infinite;
    display: inline-flex;
    padding-right: 10px;
    font-size: 4rem;
}

@keyframes marquee_v {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.side-bar {
    top: 0;
    right: 0;
    height: 100%;
    writing-mode: vertical-rl;
    text-orientation: sideways-right;
    position: fixed;
    margin-top: 80px;
    ;
    /* position: absolute !important;
    z-index: 0 !important; */

}



form label {
    font-family: 'Roboto', sans-serif;
    font-size: .9em;
    margin-top: 1rem;;
}

:not(pre)>code,
:not(pre)>kbd,
:not(pre)>samp {
    font-family: inherit;
white-space: normal;
    color: #999;

    background: #f8f8f8;
}

.form-control{font-size: .9em; font-family: 'Roboto', sans-serif;}
#privacy_fieldset {font-size: .9em;
    font-family: 'Roboto', sans-serif;}



.underlinelinks a {
    text-decoration: underline !important;
}


.splashwrapper {
      background-position: center;
      background-repeat: no-repeat;
      /* border-radius: 12px; */
      background-color: black;
      background-size: cover;
      z-index: 1;
position: relative;

}
.splash h1 {color: white; text-transform: uppercase; font-weight: 600; font-size: 6em;     letter-spacing: .1em;
font-family: 'Barlow Condensed', sans-serif;
}
.splash h2 {color: white; text-transform: uppercase; 
    font-weight: 400; font-size: 2em; 
    font-family: 'Barlow Condensed', sans-serif;
      letter-spacing: .1em;}
.splash h3 {color: white; text-transform: uppercase; 
    font-weight: 200;
     font-size: 2em; 
    font-family: 'Barlow Condensed', sans-serif;
     letter-spacing: .1em;}


.carousel-control-next,  .carousel-control-prev {
    width: 10% !important;
}

/* #latestproducts h1  {

font-weight: 600;
font-size: 5em;
letter-spacing: .0em;} */
/* MBTEST1
#latestproducts .item, #products .item  {
height: 400px;
}
*/
#latestproducts_fox .item .uk-card-title,
#latestproducts_2c .item .uk-card-title,
#latestproducts_second .item .uk-card-title,
#products .item .uk-card-title {
    color: #333;
    /* max-height: 35px; */
    height: 2.4em;
    line-height: 1.1;
    overflow: hidden;
    font-family: 'Barlow Condensed', sans-serif;
}
#latestproducts_fox .item .uk-card,
#latestproducts_2c .item .uk-card,
#latestproducts_second .item .uk-card,
#products .item .uk-card {
    background-color: #f6f6f6;
    /* border-radius: .75rem; */
}


#products .uk-card, .prductitemwrapper {
    background-color: #f6f6f6;
    /* border-radius: .75rem; */
}

.uk-label-dark {
    background: #2f2f2f;
}

.carouselswiper .item {
        padding-bottom: 36px !important;
    }

.box.overlay{ z-index: 6; position: relative; mix-blend-mode: multiply;}

 .item .maraqueebox{
   opacity: 0;
   /* top: 0px; */
   /* margin-top: -100px; */
   z-index: 1;
   position: absolute;
   bottom:10px;
   /* position: relative; */
   font-size: 3rem;
 }
 .item:hover .maraqueebox{opacity: 1; }


 .uk-navbar-container:not(.uk-navbar-transparent) {
     background: #fff;
 }

#company .numeriazienda h3{font-size: 2em !important;}

#company h2.uk-article-title blockquote {
    font-size: 38%;
}
#company blockquote {
    margin: 0 0 20px 0;
    font-size: 2.25rem;
    line-height: 1.5;
    font-style: italic;
    color: #333;
        letter-spacing: -.02em;
}
#company .uk-section-secondary  {

    background-color: #575252;
}
#company #design_d5 .uk-section-secondary  {

    background-color: #5B654C;
}
#company .uk-divider-vertical {
    height: 70px;
}


#h .category_boxes .item{overflow-x: hidden;}
#h .category_boxes .title{font-weight: bold;}
#h .category_boxes .subtitle{
  font-weight: 300;
      font-size: 1em;
      color: #918e8e;
}
#h .category_boxes img{position:relative; right:-16%; }
#h .category_boxes .uk-card{background-color: #e0e0e0;}
#h .category_boxes .box.overlay {
    z-index: 6;
    position: relative;
     mix-blend-mode: normal;
}
#h .category_boxes .item .maraqueebox {
    opacity: 0;
    /* top: 0px; */
    /* margin-top: -100px; */
    z-index: 1;
    position: absolute;
    width: 100%;
    bottom: 20px;
    /* position: relative; */
    font-size: 2.8rem;
}
#h .category_boxes .item .maraqueebox h2 {
color:#ccc;
}
#h .category_boxes .item:hover .maraqueebox {
    opacity: 1;
}
#h .category_boxes .item .maraqueebox h2 {
color:#ccc;
}


#news h1{text-transform: none;}
#news h4{font-weight: 300; color:#ccc;}

/* vertical carousel */

/* .variants .swiper-slide img{height:190px;} */


/* / vertical carousel */



.product-image_wrapper{height:25vh;}
.product-image .mat_imain{max-height: 180px;}

/* MBTEST1
.thumbwrapper{ height:200px !important;}
*/

.dropdown-item.active,
.dropdown-item:active {
    background-color: #c6d2d9;
}


.uk-slider-nav li{margin-bottom: 1em;}

/* mediaquerys --------------------------------------------------------------------- */


@media (max-width: 769px){

  #company .page-title h1 {
      margin: 0 0 0 0;
      width: 100%;
      font-weight: 300;
      color: #666;
      font-size: 1.8em;
      margin-bottom: 0.3em;
  }
  /* body#s section#product-page div div div a:not(.mz-no-rt-width-css) > .mz-figure:not(.mz-no-rt-width-css) > img {
      width: 70vw !important;
  } */
  .MagicZoom>img,
  .mz-figure>img {
      height: 60vh;
  }
  body#s section#product-page div div div a:not(.mz-no-rt-width-css)>.mz-figure:not(.mz-no-rt-width-css)>img {
      width: auto !important;
  }
  }

  @media (max-width: 1024px){


  #company  h1,  #company  h2{
      font-size: 2em; text-align: center !important;
  }
  #company blockquote {

    font-size: .9em !important;

}
.uk-text-lead {

    text-align: center;
}
}
@media (min-width: 1024px){
.splashwrapper:before {
    /* background-color: #9b8c80; */

content: "";
inset: 0 0 12vh 0;
position: absolute;
}
}

@media all and (min-width:769px) {
    .logo {
         width: 200px;
    } */

    h1 {
        /* font-size: 4em; */
    }

    #h h2 {
        /* font-size: 2.5em;
        line-height: .9em; */
    }

    #h .maniago h2 {
        font-size: 4.6em;

    }
}

#h .maniago .contentwrapper {
    height: 100vh;
    text-align: center;
}

#h #latestproducts .img_wrapper {
    height: 200px;
    display: table-cell;
    vertical-align: middle;
}

@media all and (min-width:769px) {
    #h #latestproducts .img_wrapper {
        height: 340px;

    }
}


.splide__arrow {
    background: transparent;
    width: 3em;
}

.splide__arrow svg {
    fill: #000;
    height: 2em;
    width: 2em;
}

#latestproducts .splide__track {
    margin-left: 4em !important;
    margin-right: 4em !important;
    overflow-x: hidden;
    overflow-y: visible;
}

#latestproducts .splide__slide {
    height: 22rem !important;
    overflow-y: hidden;
}

@media all and (min-width:769px) {
    #latestproducts .splide__slide {
        height: 100% !important;
    }
      
}
@media all and (max-width:1024px) {
.splashwrapper{
        height: 52vh;

    }


    .splash h1 {
        font-size: 3rem;

    }
    .splash h2 {
        font-size: 1.4rem;

    }
    .splash h3 {
        font-size: 1.1rem;

    }


#news h1{font-size:1.2em}
#news h4{font-size:.9em}


}

@media all and (min-width:1025px) {
   
    .splash {
        height: 110vh;

    }
}
@media all and (min-width:1921px) {
.uk-child-width-1-4\@xl>* {
    width: 20%;
}

}

@media (min-width: 992px){
#news .col-lg-5 {
    width: 45.65%;
}
}
@media (min-width: 1300px){

.MagicZoom > img, .mz-figure > img {
    height: 70vh;
}
 body#s section#product-page div div div a:not(.mz-no-rt-width-css)>.mz-figure:not(.mz-no-rt-width-css)>img {
     width: auto !important;
 }
}
@media (min-width: 1400px){
#news .col-lg-5 {
    width: 45.55%;
}

}





.cartpanel, .cartpanel h3,
.cartpanel h4, .cartpanel h5  {
    color: #333;
}
.cartpanel h3  {
    font-weight: 600;
}
.cartpanel h5  {
    font-weight: 600;
}

.cartpanel {
    left: -300px;
    width: 300px;
    background: #fff !important;

}
@media (min-width: 1200px) {
        .cartpanel {
            left: -30vw;
            width: 30vw;
            background: #fff !important;
    
        }
}


#mainoldprice_cnt {
    /* float: right; */
}

.oldprice {
    text-decoration: line-through;
    /* opacity: 0.8; */
    font-size: 0.8em;
}
.item .oldprice {
    font-size: 0.9em;
}

#buyzone .discount {
    background-color: #d10000;
    color: white;
    padding: 0.3em;
    font-weight: bold;
    text-align: center;
    font-size: 0.7em;
}

.item .discount, #shopform .discount, #panel_shopform .discount {
    background-color: #d10000;
    color: white;
    padding: 0.3em;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 991px) { /* XS, S, M */
    #splash h1 {
        font-size: 1.5em;
    }
}