@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-Lt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Lt.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-Roman.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-Md.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Md.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-ThIt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-ThIt.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-LtIt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-LtIt.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-It.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-It.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-MdIt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-MdIt.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-Bd.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Bd.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-BdIt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-BdIt.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-BlkIt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-BlkIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-Hv.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-Hv.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('../fonts/HelveticaNeueLTPro-HvIt.woff2') format('woff2'),
        url('../fonts/HelveticaNeueLTPro-HvIt.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaLight.woff2') format('woff2'),
        url('../fonts/NexaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../fonts/NexaBold.woff2') format('woff2'),
        url('../fonts/NexaBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Baskerville Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Baskerville Regular'), url('../fonts/baskerville/BaskervilleBT.woff') format('woff');
}
@font-face {
    font-family: 'Baskerville BT Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Baskerville BT Italic'), url('../fonts/baskerville/BaskervilleItalicBT.woff') format('woff');
}


html, body{
    color: #222;
    font-family: 'Helvetica Neue';
    font-weight: normal;
    font-size: 14px;
}

a {
    color: inherit;
    transition: color 0.3s;
}
a:hover {
    color: #524F4B;
}

p, .single-post article li, .product-template-default #section-skills li, .content-short-description, article .entry-content li{
    line-height: 1.3;
    letter-spacing: 0.5px;
    font-family: 'Baskerville Regular';
    font-size: 1rem;
}
p strong {
    font-family: 'Baskerville Bold';
}

.page-template-default .entry-content .h1, .page-template-default .entry-content .h2, .page-template-default .entry-content .h3, .page-template-default .entry-content .h4, .page-template-default .entry-content .h5, .page-template-default .entry-content .h6,
.page-template-default .entry-content h1, .page-template-default .entry-content h2, .page-template-default .entry-content h3, .page-template-default .entry-content h4, .page-template-default .entry-content h5, .page-template-default .entry-content h6 {
    margin-top: 2rem;
}
.page-template-default .entry-content .h2, .page-template-default .entry-content h2 {
    font-size: 1.8rem;
}
.page-template-default article{
    margin-top: 4rem;
}


html.has-scroll-smooth {
    overflow: hidden;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#page{
    overflow: hidden;
}

.error-404{
    background: url(../img/404.jpg) center bottom no-repeat;
    background-size: cover;
    height: calc(100vh - 128px);
}

.error-404 h1 .text-404{
    font-weight: 900;
    color: #fff;
    font-size: 14rem;
    line-height: 1;
}


/*** GENERAL ***/

.f-nexa{
    font-family: 'Nexa';
}
.f-bask{
    font-family: 'Baskerville Regular';
    font-size: 1rem;
}
.f-helvetica{
    font-family: 'Helvetica Neue';
}
.text-dark {
    color: #222222 !important;
}
.text-blue {
    color: #222222 !important;
}
.bg-blue{
    background-color: #103e68 !important;
}
.bg-grey{
    background-color: #f0f0f0 !important;
}
.bg-grey-dark{
    background-color: #222222 !important;
}
.bg-grey-dark2{
    background-color: #333 !important;
}
.bg-orange{
    background-color: #f7b490 !important;
}
.bg-green{
    background-color: #91bfb3 !important;
}
.title-1{
    font-size: 2.2rem;
    line-height: 1;
}

.h2, h2 {
    font-size: calc(1.8rem + .9vw);
    line-height: 1;
}
.h3, h3, .h4, h4, .h5, h5{
    margin-top: 2rem;
    line-height: 1;
}

.display-2, .display-3, .display-4 {
    line-height: 1;
}

.fs-7{ font-size: 0.8rem; }
.fs-8{ font-size: 0.7rem; }

.fw-500 {
    font-weight: 500!important;
}
.fw-600 {
    font-weight: 600!important;
}

.title-icon{
    font-size: 0.9rem;
    font-weight: bold;
}

.title-nexa {
    font-family: 'Nexa';
    letter-spacing: 3rem;
    font-size: 4rem;
}

.btn {
    
    padding: 1.5rem 3rem 1.2rem;
    letter-spacing: 1px;
    font-size: 0.7rem;
    border-radius: 0;
    line-height: 1;
}
.btn-small {
    padding: 1.2rem 2rem 1rem;
}
.btn-dark {
    color: #fff;
    background-color: #222222;
    border-color: #222222;
}
.btn-white{
    color: #222222;
    background-color: #fff;
    border-color: #fff;
}
.btn-mask{
    background: #fff;
    border: solid 1px #222;
    width: fit-content;
    position:relative;
}
.btn-mask a, .btn-mask a:link, .btn-mask input[type=submit]{
    cursor: pointer;
    position: relative;
    display: block;
    padding: 1.2rem 3rem 0.8rem;
    font-size: 0.7rem;
    line-height: 1;
    text-decoration: none;
    color: #222;
    font-weight: bold;
    z-index: 2;
    transition: color 300ms;
}
.btn-mask.type-2.color-black{
    background: #222;
}
.btn-mask.type-2 a, .btn-mask.type-2 input[type=submit]{
    padding: 1.5rem 3rem 1.2rem;
}
.btn-mask.type-2.color-black a{
    color: #fff;
}
.btn-mask.type-2.color-black:after {
    background: #fff;
}
.btn-mask.type-2.color-black:hover a{
    color: #222;
}
.btn-mask.type-2 input[type=submit]{
    background-color:transparent;
    height: auto;
}
.btn-no-border{
    border: none !important;
}
.btn-mask:after{
   content:'';
   position:absolute;
   top:0;
   left:0;
   height:100%;
   width:0;
   background: #222;
   transition: width 300ms;
   z-index:0;
} 
.btn-mask:hover a, .btn-mask:hover input[type=submit]{
    color: #fff;
}
.btn-mask:hover:after{
   width:100%;
}

.icon-type{
    width: 45px;
    height: auto;
}

.icon-menu{
    width: 20px;
}

.icon-search{
    width: 18px;
}

.mc4wp-form {
    position: relative;
}
.mc4wp-response{
    position: absolute;
    margin-top: 9px;
    width: 100%;
}

#img-newsletter{
    position: absolute;
    height: 470px;
    width: auto;
    right: 57%;
    top: -90px;
}

.margin-history{
    margin-top: -40px;
}



/*** MAIN MENU ***/

#masthead{
    z-index: 111;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
}
.page-template-page-home #masthead, .page-template-page-product-home {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#masthead.bg-white{
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
}
.home #masthead,
.page-template-page-product-home #masthead{
    background: transparent;
}
.page-template-page-product-home #masthead {
    box-shadow: none;
}
#masthead.always-white{
    background: #fff;
    -webkit-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
    -moz-box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
    box-shadow: 0px 0px 15px 0px rgb(0 0 0 / 5%);
}

#main-menu{
    z-index: 1;
    align-items: flex-start;
    padding: 2rem 0;
    background-color: transparent;
}
.navbar-light .navbar-toggler {
    color: #222222;
    border: none;
}
.navbar-toggler {
    padding: 0rem 0 0;
    font-size: 0;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-light .navbar-nav .nav-link {
    color: #444444;
    font-weight: bold;
    font-size: 1rem;
    padding: 0 2rem;
    line-height: 1.1;
    transition: all 0.3s;
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    opacity: 0.7;
}

#top-menu .nav-link {
    display: block;
    padding: 0rem 0.5rem 0 0;
    line-height: 1;
    font-size: 0.7rem;
    color: #fff;
    text-transform: uppercase;
}
.wpml-ls-legacy-list-vertical a {
    text-transform: uppercase;
}
.wpml-ls-legacy-list-vertical a:hover {
    color: #fff;
    opacity: 0.8;
}
#top-menu .navbar-nav > .nav-item.line-right .nav-link:after{
    content: "|";
    position: relative;
    padding-left: 0.5rem;
}
.i-arrow-right::after {
    display: inline-block;
    margin-left: 0.255em;
    content: "";
    border-left: 0.3em solid;
    border-top: 0.3em solid transparent;
    border-right: 0;
    border-bottom: 0.3em solid transparent;
}
#banner-menu{
    position: relative;
    max-width: 300px;
    margin-bottom: 3rem;
    display: none;
}

#masthead.bg-white #main-menu #logo-white, #masthead.always-white #main-menu #logo-white{
    display: none;
}
.home #main-menu #logo-black, #main-menu #logo-white, .home #masthead.bg-white #main-menu #logo-white, .home #masthead.always-white #main-menu #logo-white,
.page-template-page-product-home #main-menu #logo-black, .page-template-page-product-home #masthead.bg-white #main-menu #logo-white, .page-template-page-product-home #masthead.always-white #main-menu #logo-white{
    display: none;
}
.home #masthead.bg-white #main-menu #logo-black, .home #masthead.always-white #main-menu #logo-black,
.page-template-page-product-home #masthead.bg-white #main-menu #logo-black, .page-template-page-product-home #masthead.always-white #main-menu #logo-black{
    display: block;
}
.home #masthead #main-menu #logo-white,
.page-template-page-product-home #masthead #main-menu #logo-white{
    display: block;
}

.page-template-page-product-home #masthead #main-menu #b-open .icon-menu, .page-template-page-product-home #masthead #main-menu #b-search img, 
.home #masthead #main-menu #b-open .icon-menu, .home #masthead #main-menu #b-search img{
    display: none;
}
.page-template-page-product-home #masthead.bg-white #main-menu #b-open .icon-menu, .page-template-page-product-home #masthead.always-white #main-menu #b-open .icon-menu,
.page-template-page-product-home #masthead.bg-white #main-menu #b-search img, .page-template-page-product-home #masthead.always-white #main-menu #b-search img,
.home #masthead.bg-white #main-menu #b-open .icon-menu, .home #masthead.always-white #main-menu #b-open .icon-menu, .home #masthead.bg-white #main-menu #b-search img, .home #masthead.always-white #main-menu #b-search img{
    display: block !important;
}


#masthead  #main-menu #b-search img.white, #masthead #main-menu #b-open .icon-menu.white{
    display: none;
}
.page-template-page-product-home #masthead.bg-white #main-menu #b-search img.white, .page-template-page-product-home #masthead.always-white #main-menu #b-search img.white, 
.home #masthead.bg-white #main-menu #b-search img.white, .home #masthead.always-white #main-menu #b-search img.white, .page-template-page-product-home #masthead.bg-white #main-menu #b-open .icon-menu.white, 
.page-template-page-product-home #masthead.always-white #main-menu #b-open .icon-menu.white, .home #masthead.bg-white #main-menu #b-open .icon-menu.white, .home #masthead.always-white #main-menu #b-open .icon-menu.white{
    display: none !important;
}
.page-template-page-product-home #masthead #main-menu #b-search img.white, .home #masthead #main-menu #b-search img.white, .page-template-page-product-home #masthead #main-menu #b-open .icon-menu.white, .home #masthead #main-menu #b-open .icon-menu.white{
    display: block;
}



#datafetch {
  display: none;
  color: #fff;
}
#nav-tabContent, #datafetch h2{
    color: #222;
}
#search-bar{
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 111;
    padding: 1rem;
    background: #fff;
    padding-top: 52px;
    overflow: hidden;
    transition: opacity 0.3s ;
}
#search-bar.showing{
    opacity: 1;
    pointer-events: all;
}
#search-bar-form{
    opacity: 0;
    transform: translateY(5px);
    transition: all 0.3s ;
    transition-delay: 0.3s;
}
#search-bar.showing #search-bar-form{
    transform: translateY(0px);
    opacity: 1;
}
#search-bar-form{
    padding-bottom: 10px;
}
#search-bar-result{
    overflow-y: auto;
    height: 100%;
}
#search-bar-result::-webkit-scrollbar {
  display: none;
}
#search-bar.show{
    display: block;
}
#b-close-search{
    position: absolute;
    right: 16px;
    top: 19px;
    text-decoration: none;
    font-size: 1.5rem;
}
#logo-search{
    position: absolute;
    left: 3px;
    top: 18px;
    width: 140px;
}
/*#search-bar input[type=search] {
    position: relative;
    padding: 0rem 0.5rem 0rem;
    font-size: 1rem;
    font-weight: 100;
    font-style: italic;
    line-height: 1;
    color: #222;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    height: 30px;
    min-width: 200px;
}*/
.search-form input[type=search] {
    position: relative;
    border-radius: 25px;
    padding: 15px 95px 9px 50px;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1.6;
    color: #222;
    background-color: #fff;
    border: solid 1px #e2e2e2;
    width: 100%;
}
.error-404 .search-form input[type=search]{
    border: none;
}

.search-submit{
    background: url(../img/icon-search-white.png) center center no-repeat;
    border: none;
    width: 20px;
    height: 20px;
    background-size: contain;
    margin-left: 10px;
}
.search-form .icons-search{
    position: relative;
    left: 15px;
    top: -6px;
}
.search-form .icons-search:before{
    content: "";
    background: url(../img/icon-search.png) center center no-repeat;
    border: none;
    width: 25px;
    height: 25px;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.search-form .button-search{
    position: absolute;
    right: 4px;
    top: 4px;
}
.search-form .button-submit{
    background: #222;
    color: #fff;
    border: none;
    border-radius: 25px;
    padding: 14px 20px 12px;
    font-family: 'Helvetica Neue';
    font-weight: 600;
    line-height: 1;
    letter-spacing: 1px;
}

.search-form{
    width: 350px;
    position: relative;
}

#search-bar .nav-tabs .nav-item.show .nav-link, #search-bar .nav-tabs .nav-link.active {
    background-color: transparent;
    border: none;
    border-bottom: solid 5px;
    border-color: #fff;
}
#search-bar .nav-tabs h2{
    font-size: 2rem;
    font-weight: bold;
}
#search-bar .nav-tabs .nav-link {
    border: none;
    border-bottom: none;
    padding: 0.5rem 0;
    color: #494949;
    margin: 0 2rem;
}
#search-bar .nav-tabs {
    flex-wrap: nowrap;
    border-bottom: none;
    margin-bottom: 3rem;
}
#search-bar .nav-tabs .nav-link.active h2{

}

#search-bar .b-video {
    height: 77px;
    padding: 2rem;
    font-size: 1.8rem;
}

#search-bar h3.card-title {
    font-size: 1.40rem;
}

#popular-search{
    transform: translateY(5px);
    opacity: 0;
    transition: all 0.3s;
    transition-delay: 0.6s;
}
#search-bar.showing #popular-search{
    transform: translateY(0px);
    opacity: 1;
}
#popular-search li{
    color: #222;
    list-style: none;
}
#popular-search ul {
    padding-left: 0;
}
#popular-search a{
    text-decoration: none;
}
#popular-search a:hover{
    opacity: 0.6;
}




/*** DRODPDOWN MENU ***/
.menu-menu-toskani-container{
    width: 100%;
}

.nav-item{
    height: 100%;
    font-family: 'Helvetica Neue';
        list-style: none;
}

#main-menu .navbar-brand{
    max-width: 140px;
    margin-right: 2rem;
}

#top-menu{
    position: relative;
    top: 0;
    background: #222222;
    padding: 1rem;
    width: 100%;
    z-index: 11;
}
#top-menu.hide{
    position: absolute;
    top: -38px;
}
#top-menu li{
    color: #fff;
} 
#top-menu .dropdown-menu {
    color: #fff;
    text-align: center;
    background-color: #222;
    border: none;
    border-radius: 0;
    font-size: 0.7rem;
    padding: 0rem 0;
    min-width: auto;
}
#top-menu .dropdown-item {
    padding: 0.3rem 1rem;
    color: #222;
    background: #fff;
    transition: all 0.3s;
}
#top-menu .dropdown-item:hover {
    color: #fff;
    background: #222;
}
#top-menu .dropdown-menu[data-bs-popper] {
    top: 22px;
    left: -14px;
}

#main-menu ul ul.sub-menu{
    display: none;
}
#main-menu ul li:hover > ul {
    /*display: block;*/
}
#main-menu ul ul {
    display: none;
    position: absolute;
    top: 3em;
    left: 0;
    z-index: 99999;
    width: 180px;
    background: #fff;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}
#main-menu li {
    position: relative;
    list-style: none;
}
#main-menu .navbar-nav .menu-item-has-children > .nav-link:after{
    content: "\F284";
    font-family: bootstrap-icons !important;
    font-size: 0.8rem;
    margin-left: 4px;
    position: absolute;
    top: 0;
}
#main-menu .navbar-nav .menu-item-has-children > .nav-link.open:after {
    content: "\F282";
}
#main-menu .navbar-nav .menu-item-has-children > .sub-menu .nav-link:after {
    font-size: 0.7rem;
    top: -2px;
}

.type-products a{
    text-decoration: none;
    max-width: 200px;
    padding: 2rem 2rem 0;
}

/*** SLIDER HOME ***/
.slick-prev {
    left: 30px;
}
.slick-next {
    right: 30px;
}
#section-slider-home{
    position: relative;
    margin-bottom: 4rem;
}
#arrow-down{
    position: absolute;
    width: 100%;
    bottom: 30px;
    opacity: 1;
    transition: opacity 0.3s;
}
#arrow-down.hide{
    opacity: 0;
}
#home-slider{
    overflow: hidden;
}
#home-slider .slick-slide{
    position: relative;
}
#home-slider .content-image{
    background-size: cover !important;
    height: 100vh;
}
#home-slider /*#slick-slide00*/ .content-image{
    background: url(../img/banner-home-desktop-2.jpg) left top no-repeat;
}
.slick-dots {
    position: relative;
    bottom: 20px;
    padding: 1rem 0;
}
.slick-dots li {
    margin: 0 0.2rem;
}
.slick-dots li button:before {
    font-size: 16px;
    top: -2px;
    left: -3px;
}
.slick-dots li button {
    border: solid 1px #222222;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    padding: 0;
}
.slick-dots li button:before {
    opacity: 0;
    color: #222222;
}
.slick-dots li.slick-active button {
    border: solid 1px #222222;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #222222;
}

.woocommerce-product-gallery__lightbox {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-size: 40px;
    background: transparent !important;
}
.woocommerce-product-gallery__lightbox.wpgs-video i{
    position: relative;
    top: calc(50% - 24px);
    left: calc(50% - 37px);
    color: #fff;
    background: red;
    text-align: center;
    line-height: 24px;
    font-size: 48px;
    padding: 10px 5px 0px 5px;
    border-radius: 10px;
}
.wpgs-video:after {
    top: calc(50% - 12px);
    left: calc(50% - 12px);
}
.woocommerce-product-gallery__image.wpgs_image.slick-slide a{
    pointer-events: none;
}
.woocommerce-product-gallery__image.wpgs_image.slick-slide.slick-current.slick-active, .woocommerce-product-gallery__image.wpgs_image.slick-slide.slick-current.slick-active a{
    z-index: 1000 !important;
    pointer-events: all;
}

#home-slider .slick-dots {
    position: absolute;
    bottom: 19vh;
    left: -620px;
    pointer-events: none;
}
#home-slider .slick-dots li {
    margin: 0 0;
    pointer-events: all;
}
#home-slider .slick-dots li button:before {
    font-size: 12px;
    top: -3px;
    left: -4px;
}
#home-slider .slick-dots li button {
    border: solid 1px #fff;
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 0;
}
#home-slider .slick-dots li button:before {
    opacity: 0;
    color: #fff;
}
#home-slider .slick-dots li.slick-active button {
    border: solid 1px #fff;
}
#home-slider .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #fff;
}



#home-slider .content-top{
    position: absolute;
    bottom: 32vh;
    width: 100%;
    z-index: 1;
}
#home-slider .content-bottom{
    position: absolute;
    bottom: 20vh;
    width: 100%;
    z-index: 1;
}
#home-slider .content-bottom:before{
    content: "";
    position: absolute;
    top: 30%;
    right: 0;
    width: 42%;
    height: 70%;
    background: #feddbc;
}

#home-slider .content-bote {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: 180px;
    width: auto;
}

#home-slider .content-bottom-description{
    padding: 0.7rem 0 0.9rem;
}
#home-slider .content-bottom-description > p{
    padding-top: 2rem;
}

#home-slider .content-link{
    position: absolute;
    right: 20px;
    bottom: -20px;
}
#home-slider .content-link p{
    font-size:1rem;
    line-height: 1.3;
    display: block;
    display: -webkit-box;
    height: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: break-spaces;
    overflow: hidden;
    overflow-wrap: break-word;
}



.b-video{
    height: 100px;
    background: #222222;
    color: #fff;
    padding: 2.8rem;
    font-size: 1.8rem;
    line-height: 0;
    overflow: hidden;
}
/*.b-video:hover {
    background: #fff;
    color: #222;
}*/

.icon-toskani{
    background: url(../img/icons-toskani.png) 4px top no-repeat;
    background-size: 600%;
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: flex;
    margin-bottom: 1rem !important;
}
/*a:hover .icon-toskani{
    background-image: url(../img/icons-toskani-green.png);
}*/
.type-products a{
    transition: all 0.3s;
}
.type-products a:hover h3{
    color: #000;
}
.icon-toskani.icon-2{
    background-position: -96px top;
}
.icon-toskani.icon-3{
    background-position: -193px top;
}
.icon-toskani.icon-4{
    background-position: 4px -90px;
}
.icon-toskani.icon-5{
    background-position: -96px -90px;
}
.icon-toskani.icon-6{
    background-position: -193px -90px;
}
.icon-toskani.icon-7{
    background-position: 4px -180px;
}
.icon-toskani.icon-8{
    background-position: -96px -180px;
}
.icon-toskani.icon-9{
    background-position: -193px -180px;
}

.i-experts{
    background: url(../img/i-experts.png) 0px center no-repeat;
    background-size: cover;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: flex;
    margin-bottom: 1rem !important;
    transform: scale(1.5);
}
.i-experts.i-1{
    background-position-x: -50px;
}
.i-experts.i-2{
    background-position-x: -106px;
}
.i-experts.i-3{
    background-position-x: -166px;
}

.site-main{
    margin-top: 128px;
    position: relative;
}
.home .site-main, .page-template-page-product-home .site-main, .has-scroll-smooth .site-main {
    margin-top: 0;
}

#section-type-where{
    display: none;
    background: url(../img/bg-mobile.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 4rem 0;
}
.form-white input{
    padding: 0rem 0.5rem 0rem;
    font-size: 1rem;
    font-weight: 100;
    line-height: 1;
    color: #222;
    background-color: #fff;
    border: none;
    border-radius: 5px;
    height: 33px;
}
.input-group {
    max-width: 400px;
    margin: auto;
}
.form-white input.special-border{
    border-radius: 5px 0 0 5px;
}
.form-white .btn-search {
    padding: 0rem 0.5rem 0rem;
    letter-spacing: 0;
    font-size: 1rem;
    line-height: 1;
    height: 33px;
}
.form-white .btn.special-bottom {
    border-radius: 0 5px 5px 0;
}
.form-white p a{
    color: #fff;
    text-decoration-style: dotted;
}
.form-white .btn-search .icon-search {
    opacity: 0.5;
}

.form-select {
color: #6d757d;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e);
    border: none;
    font-size: 1rem;
    font-style: italic;
    font-weight: 100;
    border-radius: 5px;
}

.section-type-2{
    padding: 4rem 0 3rem;
    margin-top: 4rem;
}
.img-up{
    margin-top: -10rem;
}

#section-type-newsletter{
    margin-top: 7rem;
}
#section-experts .line-right{
    position: relative;
}
#section-experts .line-right:after{
    content: "";
    position: absolute;
    top: 54px;
    right: 0;
    height: 50px;
    width: 1px;
    background: #e3e3e3;
}

.space-white-up{
    height: 100px;
    background: #fff;
}

.aioseo-breadcrumbs{
    padding: 0.5rem 1rem;
    position: absolute;
    top: 10px;
    width: 100%;
    z-index: 1;
    color: #fff;
}
.always-white .aioseo-breadcrumbs{
     color: #222;
 }
.woocommerce .aioseo-breadcrumbs{
    color: #222;
}
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg, .pswp__bg {
    background-color: #efefef;
}
.summary .product_meta{
    display: none;
}
.woocommerce-product-details__short-description{
    margin-bottom: 2rem;
}


/*** PRODUCT ***/
.product-template-default #top-product-section h2{
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
}
.product-template-default #page{
    position: relative;
    top: 0;
    width: 100%;
    overflow: hidden;
}

#banner-product-desktop{
    width: 100%;
    height: 45vw;
}

#content-text{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
#content-name{
    position: relative;
    top: 20vw;
    left: 20px;
    width: fit-content;

}
#content-name h1{
    font-size: 4.5rem;
    color: #fff;
    line-height: 1;
    margin-bottom: 0.5rem;
}
#content-name p{
    display: block !important;
    color: #fff;
    font-family: 'Helvetica Neue';
    max-width: 360px;
}
.always-white #content-name h1, .always-white #content-name p{
    color: #222;
} 

.woocommerce-tabs, .navigation.post-navigation, .woocommerce-product-gallery__trigger{
    display: none;
}
.woocommerce-product-gallery__image a, .woocommerce-product-gallery__image{
    pointer-events: none;
}

.type-solutions{
    position: absolute;
    top: -65px;
    left: 15px;
    background: #fff;
    border-radius: 20px;
    font-family: "Baskerville BT Italic";
    font-size: 1.1rem;
}
.type-solutions img{
    padding: 5px;
    width: 35px;
}

.type-item{
    transition: all 0.3s;
    opacity: 0;
    height: 0;
}
.up-sells .type-item{
    margin: 0 1rem;
}
.show-item{
    opacity: 1;
    height: 100%;
}

.item-product{
    margin-bottom: 4rem;
}
.item-product h2{
    font-size: 1.6rem;
    font-weight: bold;
    margin: auto;
    margin-bottom: 0;
    max-width: 180px;
}
.item-product .content-link h2{
    max-width: 250px;
}
.item-product a{
    text-decoration: none;
}
.item-product.dark h2 a {
    color: #222222;
}
.item-product .content-image{
    position: relative;
    text-align: center;
    /*background: #efefef;*/
}
.item-product .content-image .content-image-bg{
    background: #fff;
    transition: all 0.3s;
    margin-bottom: 2rem;
}
.item-product a:hover .content-image-bg{
    background: #efefef;
}
.item-product .content-bottom{
    position: relative;
    bottom: 0;
    width: 100%;
    z-index: 1;
}
.item-product .b-video {
    background: #222222;
}
.item-product.dark .b-video {
    background: #222222;
}


.icon-type-products{
    background: url(../img/i-type-products.png) -5px -6px no-repeat;
    background-size: 3030%;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: flex;
}
.icon-type-products.icon-facial{
    background-position: -10px -6px;
}
.icon-type-products.icon-reparar{
    background-position: -930px -6px;
}
.icon-type-products.icon-antiedad{
    background-position: -620px -6px;
}
.icon-type-products.icon-proteccion{
    background-position: -698px -6px;
}
.icon-type-products.icon-higiene{
    background-position: -773px -6px;
}
.icon-type-products.icon-despigmentacion{
    background-position: -848px -6px;
}
.icon-type-products.icon-proteccion-solar{
    background-position:-1003px -6px;
}
.icon-type-products.icon-anti-acne{
    background-position:-1081px -6px;
}
.icon-type-products.icon-capilar{
    background-position:-1154px -6px;
}
.icon-type-products.icon-corporal{
    background-position:-1232px -6px;
}
.icon-type-products.icon-cremas{
    background-position:-11px -6px;
}
.icon-type-products.icon-peel-of-mask{
    background-position:-89px -6px;
}
.icon-type-products.icon-cleanser{
    background-position:-242px -6px;
}
.icon-type-products.icon-serums{
    background-position:-318px -6px;
}
.icon-type-products.icon-peel-booster{
    background-position:-394px -6px;
}
.icon-type-products.icon-cocktails{
    background-position:-472px -6px;
}
.icon-type-products.icon-contorno-de-ojos{
    background-position:-544px -6px;
}
.icon-type-products.icon-ampollas{
    background-position:-166px -6px;
}
.icon-type-products.icon-exfoliante{
    background-position:-1312px -6px;
}
.icon-type-products.icon-dispositivo{
    background-position:-1377px -6px;
}
.icon-type-products.icon-all{
    background-position: -1357px -3px;
    width: 70px;
    background-size: 2050%;
}

.b-right-all{
    
}
#b-all {
    text-decoration: none;
    /*border-right: solid 1px #d3d3d3;
    display: block;
    position: relative;
    width: 135px;
    margin: auto;*/
}
#b-all h3{ 
    max-width: 70px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
#b-all:hover .icon-type-products{
    background-position-y: -3px;
}
#b-all:focus, #b-all:hover{
    color: #222;
    text-decoration: none;
}


.icon-type-products.icon-3{
    background-position: -167px -6px;
}
.b-selector:hover .icon-type-products{
    background-position-y: -6px;
}
.b-selector, .b-selector:focus, .b-selector:hover{
    color: #222;
    text-decoration: none;
}

.b-selector.disabled, #b-all.disabled{
    color: #d3d3d3;
}
.b-selector.disabled .icon-type-products{
    background-position-y: -66px;
}
#b-all.disabled .icon-type-products{
    background-position-y: -60.1px;
}

.product-info{
    background: #222222;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 2rem;
    font-family: "Baskerville BT Italic";
    font-size: 1.1rem;
}
.product-info i{
    border-radius: 50%;
    background: #fff;
    padding: 1px;
    width: 23px;
    margin-right: 10px;
    text-align: center;
    font-size: 1.5rem;
    line-height: 0.1;
}
.product-info span{
    line-height: 1;
    margin-top: 3px;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
    background-color: #efefef;
    margin-top: 2rem;
}
.woocommerce div.product div.summary{
    padding: 1rem;
}
.product .entry-title{
    color: #222222;
    text-decoration: none;
    font-size: 2.9rem;
    font-weight: 600;
}
.woocommerce-product-gallery .slick-dots li.slick-active button {
    border: none;
}
.beer-slider {
    margin: 1rem -1rem 0;
}
#box-before-after {
    margin: -0.6rem -1rem 0;
    line-height: 1;
    padding: .6rem 1rem 0.4rem;
}
#box-before-after  .sessions{
    letter-spacing: 2px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0px);
}
.beer-slider[data-beer-label]:after, .beer-reveal[data-beer-label]:after {
    top: 1.5rem;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #fff;
    font-weight: bold;
}
.beer-reveal {
    border-right: solid 1px #fff;
}
.beer-handle {
    background: #fff;
}
.beer-range {
    left: 0px;
    width: 100%;
}
.beer-handle:before{
    background: url(../img/icon-range.png) 0 0 no-repeat;
    border: none;
    background-size: 100%;
    width: 12px;
    height: 12px;
    left: 18px;
    top: 40%;
    border-top: none;
    border-left: none;
    transform: none;
}
.beer-handle:after{
    display: none;
}

#section-ingredients{
    margin: 0 -1rem;
    padding: 2.4rem 1rem 1.4rem;
}
#section-ingredients p{
    max-width: 270px;
}
.section-type-product{
    padding-top: 2.4rem; 
    padding-bottom:  1.4rem;
}

.related.products .entry-title{
    font-size: 2.6rem;
}
.woocommerce .products ul, .woocommerce ul.products {
    display: flex;
    justify-content: center;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 100%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    width: 100%;
}

.aioseo-breadcrumbs a{
    color: #222;
    text-decoration: none;
}
.breadcrumbs-content {
    position: relative;
}

.page-template .aioseo-breadcrumbs a{
    color: #fff;
}
.page-template .always-white .aioseo-breadcrumbs a{
    color: #222;
}
.accordion-item {
    background-color: transparent;
}
#section-skills .accordion-button {
    font-family: 'Baskerville Bold';
    font-weight: 600;
    padding: 1rem 0;
    line-height: 1.3;
    font-size: 1rem;
    background-color: transparent;
}
#section-skills .accordion-body {
    font-family: 'Baskerville Regular';
    line-height: 1.4;
    padding: 1rem 0;
}
#section-skills .accordion-button:not(.collapsed) {
    color: #222;
    background-color: transparent;
    box-shadow: inset 0 -1px 0 #222;
}
#section-skills .accordion-item li {
    margin-bottom: 0.7rem;
}
#section-skills .accordion-button::after {
    background-size: 15px;
}

/*** BLOG ***/
.card-title {
    font-family: 'Nexa';
}
.card{
    min-height: 380px;
}
.card, .card-body {
    border: none;
    border-radius: 20px;
    color: #646464;
}
.card a{
    color:  #524F4B;
    position: absolute;
    bottom: 30px;
}
.posts-carousel{
    overflow: hidden;
}
.posts-carousel .card{
    min-height: 450px;
}
.posts-carousel .slick-track {
    padding: 3.5rem 0;
}
.posts-carousel .slick-list{
    overflow: inherit;
}
.posts-carousel .slick-slide {
    margin: 0 2rem;
}
.posts-carousel .card{
    margin: auto;
    max-width: 330px;
    box-shadow: 0px 0px 50px -10px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0px 0px 50px -10px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 50px -10px rgb(0 0 0 / 50%);
}
.card-body {
    margin: 1rem;
    background: #fff;
    margin-top: 13rem;
}

.pgafu-filtr-container .posts-carousel{
    overflow: inherit;
}
.pgafu-filter{
    margin-bottom: 0;
    padding: 1rem 1rem 0.8rem;
    background: #fefefe;
}
.pgafu-filter li a, .pgafu-filter li.pgafu-active-filtr a{
    background: transparent;
    color: #c3c3c3;
    font-size: 0.9rem;
    text-transform: uppercase;
    padding: 5px 9px 3px;
    font-family: 'Nexa';
    border-radius: 1rem;
    line-height: 1;
    letter-spacing: 2px;
}
.pgafu-filter li.pgafu-active-filtr a{
    background: #524F4B;
    color: #fff;
}
.post .entry-title{
    font-family: "Nexa";
}

body.single-post header.entry-header{
    padding: 0rem 1rem 1rem;
}
.post-thumbnail img{
    max-width: 100%;
    height: auto;
}
.entry-meta a{
    font-size: 0.9rem;
    text-decoration: none;
}
.entry-date, .author a{
    font-weight: bold;
    font-size: 0.9rem;
    text-decoration: none;
}
body.single-post article .entry-content{
    padding: 2rem 1rem;
}
article .entry-content p{

}
footer.entry-footer{
    display: none;
}

.post.type-post{
    background: #efefef;
}

.card.desktop{
    max-width: 880px;
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: row;
}
.card.desktop .card-img-left{
    width: 440px;
    height: 430px;
}
.card.desktop .card-body{
    margin: 0;
    width: 50%;
    padding: 3rem 2rem;
}
.card.desktop a {
    position: relative;
    bottom: 0;
}
.posts-carousel .card.desktop {
    min-height: 430px;
}
.menu-footer .sub-menu{
    display: block !important;
}


/*** History ***/

#degrade-white{
    pointer-events: none;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 11;
    opacity: 1;
    transition: all 1s;
}
#degrade-white.hide{
    
    opacity: 0;
}

#page-history p{
    font-size: 1rem;
}

.animate-opacity{
    opacity: 0;
    transition: opacity 0s;
}
.animate-opacity.is-inview{
    transition-duration: 1.5s;
    opacity: 1;
}
.animate-opacity-scale{
    opacity: 0;
    transform: scale(0.9);
    transition: all 0s;
}
.animate-opacity-scale.is-inview{
    transition-duration: 1s;
    opacity: 1;
    transform: scale(1);
}
.animate-opacity-rigth{
    opacity: 0;
    transform: translateX(-10px);
    transition: all 1s;
}
.animate-opacity-rigth.is-inview{
    opacity: 1;
    transform: translateX(0px);
}
.animate-opacity-up{
    opacity: 0;
    transform: translateY(10px);
    transition: all 1s;
}
.animate-opacity-up.is-inview{
    opacity: 1;
    transform: translateY(0px);
}
.animate-rotate{
    opacity: 0;
    transform: rotate(-25deg) scale(0.9) translateX(100px);
    transition: all 0s;
}
.animate-rotate.is-inview{
    transition-duration: 1s;
    opacity: 1;
    transform: rotate(0) scale(1) translateX(0);
}
.animate-hide{
    opacity: 1;
    transition: opacity 0s;
}
.animate-hide.is-inview{
    transition-duration: 2s;
    opacity: 0;
}

.delay-1{
    transition-delay: 0.5s !important;
}
.delay-2{
    transition-delay: 1s !important;
}
.delay-3{
    transition-delay: 1.5s !important;
}

.line{
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: center;
    overflow: hidden;
}
.line .img-line{
    width: 90px;
}
.line .img-degrade{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
#line-2{

}
.line .img-line{
    width: 360px;
}

#section-history-1{
    background: url(../img/degrade-1.png) top center no-repeat;
    background-size: 100%;
    padding-top: 25vh;
    z-index: 2;
}
#section-history-2{
    margin-top: -110px;
    z-index: 1;
}
#section-history-2 #number-1953{
    position: relative;
}
#section-history-2 #number-1953 .number{
    position: absolute;
    top: 20px;
    left: 0;
}

#img-polaroid{
    position: absolute;
    top: 40px;
    width: 100%;
}
#img-polaroid img{
    position: relative;
    right: -60px;
    width: 260px;
    margin-bottom: 20px;
}
#img-polaroid div{
    position: relative;
    right: -50%;
    transform: translate(-90px, 0px);
    width: 260px;
}
#section-history-3{
    margin-top: -30px;
}
#section-history-3 p{
    position: relative;
    margin-top: -80px;
}
#section-history-3 div{
    width: 350px;
    position: relative;
    right: -50%;
    transform: translate(-150px, 0px);
}

#section-history-4 #map{
    position: relative;
}
#section-history-4 .cities{
    position: absolute;
    top: 0;
    left:  0;
    width: 100%;
}

#section-history-5 #award{
    position: relative;
    margin-top: -120px;
}
#section-history-5 #history-serpentina{
    position: absolute;
    top: 0;
    left:  0;
    width: 100%;
}
#confetti-canvas{
    position: absolute;
    top: 0;
    left:  0;
    width: 100%;
    height: 100vh;
}
#award::after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 80px;
    /* z-index: 100; */
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 98%) 100%);
    background: -webkit-linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 98%) 100%);
    background: -o-linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 98%) 100%);
    background: -ms-linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 98%) 100%);
    background: linear-gradient(to top, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 98%) 100%);
}

#section-history-6 #barcelona-image {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 60vw;
    z-index: 0;
}
#section-history-6 #barcelona-image img {
    position: relative;
    top: -100px;
}
#section-history-6 #content-barcelona {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#section-history-6 #content-barcelona h2{
    font-size: 8rem;
    font-weight: bold;
    line-height: 0;
    position: relative;
    top: 1rem;
}

#section-history-7 #parallax-airplane{
    position: relative;
    width: 100%;
    height: 1350px;
}
#section-history-7 #parallax-airplane #airplane{
    position: absolute;
    left: 0;  
    top: 300px; 
}
#section-history-7 #parallax-airplane #clouds{
    position: relative;
    top: -120px;
}

#section-history-8 #iso{
    width: 350px;
    position: relative;
    left: 50%;
    transform: translate(-150px, 0px);
}
#section-history-8 #iso img{
    width: 140px;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

#section-history-9 #date-2019{
    position: relative;
    max-width: 450px;
    width: 100%;
    margin: auto;
    margin-bottom: 30px;
}
#section-history-9 #number{
    position: absolute;
    top: 20px;
    left: 0;
}
#section-history-9 #pharma{
    position: relative;
    top: -20px;
}

#section-history-10 #logo-white{
    max-width: 250px;
}
#section-history-10-text{
    margin-top: -0.55rem;
}


/*** FILOSOFÍA ***/


#section-philosophy-1{
    position: relative;
    background: url(../img/degrade-1.png) center bottom no-repeat;
    background-size: cover;
    padding-top: 250px;
    z-index: 2;
    overflow: hidden;
}
#img-philosophy-circle{
    position: absolute;
    top: 150px;
    left: 40%;
    transform: translateX(50%);
}
#img-philosophy-circle img{
    webkit-animation: rotate-z 10s linear infinite;
    animation: rotate-z 10s linear infinite; 
}
#img-philosophy-circle #circle-2{
    position: absolute;
    top: 0;
    left: 0;
    animation-duration: 15s;
}

@keyframes rotate-z {
    0% {
        transform: rotate(0);
        }
    100% {
        transform: rotate(360deg);
        } 
}
span.underline-transition{
    text-decoration: none;
    background-image: linear-gradient(#524F4B, #524F4B);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 15px;
    padding: 10px 4px;
    background-position: left 9px;
    transition: background-size 1s, color 1s;
}
span.underline-transition.active{
    color: #fff;
    background-size: 100% 22px;
}

#section-philosophy-2{
    padding-top: 10vh;
    padding-bottom: 5rem;
    background: url(../img/philosophy/bg-reticule.png) left top repeat;
}
#section-philosophy-2 #tubos{
    position: absolute;
    top: 5rem;
    right: 0;
    width: 130px;
}
#section-philosophy-2 #transparent{
    position: absolute;
    top: 90vw;
    left: 0;
    width: 100px;
    z-index: -1;
}
#section-philosophy-2 #integrity{
    margin-left: 70px;
}
#section-philosophy-2 p{
    font-size: 1rem;
    letter-spacing: inherit;
}
.text-green{
    color: #524F4B;
}

#section-philosophy-3{
    background: url(../img/philosophy/bg-reticule-2.png) left top repeat;
    overflow: hidden;
    padding-bottom: 5rem;
}
#section-philosophy-3 .display-6{
    line-height: 1;
}
#section-philosophy-3 #hands{
    margin-top: -50px;
    height: 200px;
    overflow: hidden;
}
#section-philosophy-3 #hand-left{
    position: absolute;
    left: -150px;
    top: 0;
    width: 550px;
    z-index: 0;
}
#section-philosophy-3 #hand-right{
    position: absolute;
    right: -150px;
    top: 0;
    width: 550px;
    z-index: 0;
}
#section-philosophy-3 #hands .degrade-left{
   will-change: transform; 
}
#section-philosophy-3 #hands .degrade-right{
    will-change: transform; 
}
.ratings-animation{
    position: relative;
    width: 180px;
    height: 61px;
    filter: drop-shadow(0px 5px 10px rgb(0 0 0 / 20%));
    
}
.ratings-animation .evaluates{
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 1s 0.1s, transform 1s 0.1s;
}
.ratings-animation.active .evaluates{
    transform: translateY(0);
    opacity: 1;
}
.ratings-animation .stars{
    opacity: 1;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: flex-end;
}

.ratings-animation .star{
    opacity: 0;
    width: 12%;
    margin-left: 0px;
    position: relative;
    top: -3px;
    left: -9px;
    margin-right: 3px;
    transform: scale(0.5);
    transition: opacity 0.3s 1s ease-in-out, transform 0.3s 1s ease-in-out;
}
.ratings-animation .star.active{
    transform: scale(1);
    opacity: 1;
}

.div-rating{
    position: absolute;
}
#template-ratings{
    position: relative;
    height: 220px;
}
#rating-1{
    left: -1%;
    top: 44px;
    transform: scale(.6);
}
#rating-2{
    left: 30%;
    top: 20px;
    transform: scale(0.8);
}
#rating-3{
    left: 55%;
    top: 77px;
    transform: scale(0.5);
}
#rating-4{
    left: 15%;
    top: 110px;
    transform: scale(.9);
}

#dall-e{
    display: flex;
    align-items: flex-end;
}
#dall-e img{
    width: 60%;
    max-width: 230px;
}
#dall-e p{
    font-size: 0.6rem;
    padding-left: 1rem;
    padding-bottom: 1rem;
}



/*** EVENTS CALENDAR ***/
.tribe-events .tribe-events-calendar-latest-past__event-row--featured .tribe-events-calendar-latest-past__event-date-tag-datetime:after {
    background-color: #222;
}
.tribe-events .tribe-events-l-container {
    /*min-height: auto;*/
}

.tribe-events-page-template #page{
    margin-top: 170px;
}

.tribe-events-event-image img{
    max-width: 100%;
    height: auto;
    border-radius: 2rem;
    margin-bottom: 2rem;
}
.tribe-events-back a, .tribe-events-back a:visited {
    font-size: 13px;
    text-decoration: underline;
}
#tribe-events-pg-template{
    padding: 0rem 1rem 5rem;
}
.tribe-events-view{
    padding: 0rem 1rem 5rem;
    margin-top: 3.5rem;
}
#tribe-events{
    padding: 2rem 1rem;
    background: url(../img/degrade-1.png) top center no-repeat;
    background-size: 100%;
}

.tribe-events .tribe-events-c-view-selector, .tribe-events .tribe-events-c-subscribe-dropdown__container{
    display: none;
}
.tribe-events .tribe-events-l-container {
    background-color: #efefef;
    border-radius: 1rem;
    padding-bottom: 1.5rem;
    padding-top: 1.5rem;
    margin-bottom: 3rem;
}
.tribe-common .tribe-common-h3 {
    color: #222222;
    font-family: 'Helvetica Neue';
    font-weight: 500;
    margin: 0 auto;
}
.tribe-events .tribe-events-calendar-month__header-column-title {
    color: #524F4B;
    font-weight: bold;
    font-size: 1rem;
}
.tribe-common .tribe-common-h6 {
    font-size: 1rem;
    color: #c3c3c3;
    font-weight: bold;
}
.admin-bar .tribe-events .datepicker{
    left: 50% !important;
    transform: translateX(-100px);
}
.tribe-events .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__day-cell--selected:focus, .tribe-events .tribe-events-calendar-month__day-cell--selected:hover {
    background-color: #524F4B;
}
.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover{
    background-color: #524F4B;
}
.tribe-events .tribe-events-calendar-month__mobile-events-icon--event {
    background-color: #524F4B;
}
.tribe-events .datepicker .day.current, .tribe-events .datepicker .day.current.focused, .tribe-events .datepicker .day.current:focus, .tribe-events .datepicker .day.current:hover, .tribe-events .datepicker .month.current, .tribe-events .datepicker .month.current.focused, .tribe-events .datepicker .month.current:focus, .tribe-events .datepicker .month.current:hover, .tribe-events .datepicker .year.current, .tribe-events .datepicker .year.current.focused, .tribe-events .datepicker .year.current:focus, .tribe-events .datepicker .year.current:hover {
    background: rgb(82 79 75 / 20%);
    color: rgb(82 79 75 / 100%);
}
.tribe-common .tribe-common-c-svgicon {
    color: #524F4B;
}
.tribe-events .tribe-events-calendar-month__day-cell--mobile {
    border-radius: 50%;
    justify-content: center;
}
.tribe-events .tribe-events-calendar-month {
    margin-bottom: 3rem;
}
.tribe-events .tribe-events-c-day-marker:after{
    display: none;
}
.tribe-common .tribe-events-c-day-marker  .tribe-common-h7, .tribe-events-time {
    color: #524F4B;
    font-family: 'Helvetica Neue';
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.tribe-events-calendar-month__day-cell--selected time.tribe-events-calendar-month__day-date-daynum{
    color: #fff;
}
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-datetime-featured-text {
    color: #524F4B;
    font-weight: 600;
    text-transform: uppercase;
}
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link, .tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title-link:visited {
    color: #222222;
}
.tribe-events .tribe-events-calendar-month-mobile-events__mobile-event-title {
    font-size: 1.3rem;
    font-weight: 500;
}
.tribe-events-single-event-title{
    font-weight: 500;
    line-height: 1.2;
}
.tribe-events-city {
    font-weight: 500;
    color: #c3c3c3;
    text-transform: uppercase;
    font-size: 0.9rem;
}
.tribe-common img {
    border-radius: 1.5rem;
}

.event-description p{
    margin-bottom: 1rem;
}
.event-description a{
    color: #524F4B !important;
    font-weight: bold;
    text-decoration: underline;
}
.tribe-events-event-meta:before{
    display: none;
}

.tribe-events-meta-group {
    flex: auto;
    order: 0;
    margin-bottom: 1rem;
}
.tribe-events-meta-group.tribe-events-meta-group-venue {
    order: 1;
}
.tribe-events-meta-group.tribe-events-meta-group-gmap {
    border-top: none;
    order: 2;
    padding-top: 0;
    width: 100%;
    flex: none;
    margin: 0;
}
.tribe-events-event-meta dd, .tribe-events-event-meta dt {
    margin: 0;
    padding: 0;
    font-family: 'Baskerville Regular';
}
.tribe-events-event-meta .tribe-events-address {
    line-height: 1.2;
    color: #222;
}
.tribe-events-meta-group a{
    color: #222;
    text-decoration: underline;
}
.tribe-events-venue-map>div, .tribe-events-venue-map>iframe {
    height: 26vh;
}
.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary, .tribe-events-venue-map{
    margin-bottom: 0;
}

#tribe-events-footer{
    display: none;
}

.events-slider.posts-carousel .slick-slide {
    margin: 0 1rem;
} 
.events-slider.posts-carousel .slick-track {
    padding: 1.5rem 0;
}
.events-slider.posts-carousel .card {
    margin: auto;
    max-width: 100%;
    box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%);
    -webkit-box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 10px 20px -10px rgb(0 0 0 / 50%);
}
.events-slider.posts-carousel  .card-body {
    margin: 0;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.events-slider.posts-carousel a{
    text-decoration: none;
    position: relative;
    display: block;
}
.events-slider.posts-carousel .card {
    min-height: 270px;
}
.events-slider.posts-carousel .card-body .tribe-events-time, .events-slider.posts-carousel .card-body .tribe-events-single-event-title, .events-slider.posts-carousel .card-body .tribe-events-city{
    color: #fff;
    text-align: center; 
}
.events-slider.posts-carousel .card-body .tribe-events-single-event-title{
    font-size: 2rem;
    margin-top: 0.7rem;
}
.events-slider.posts-carousel .card-body .tribe-events-city{
     font-size: 13px;
}
.events-slider.posts-carousel .card {
    min-height: 230px;
    box-shadow: none;
}

#slider-events-section{
    padding-bottom: 5rem;
}

.tribe-events-venue-map {
    width: auto;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day {
    min-height: 110px;
}
.single-tribe_events #slider-events-section, .tribe-common--breakpoint-medium.tribe-events .tribe-events-c-top-bar__nav, .tribe-common--breakpoint-medium.tribe-common .tribe-common-c-btn-border-small, .tribe-common--breakpoint-medium.tribe-common a.tribe-common-c-btn-border-small{
    display: none !important;
}
#event-section{
    display: none;
}
.single-tribe_events #event-section{
    display: block;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
    min-height: 700px;
    padding-bottom: 3.4rem;
    padding-top: 3rem;
}
.tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
    background-color: rgb(82 79 75 / 20%);
}
.tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul {
    font-size: 1rem;
    }

/*** PLUGIN IVORY SEARCH ***/
.is-screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    word-break: normal;
}

.is-menu {
    position: relative;
}

.is-menu a {
    background: transparent !important;
    line-height: 1;
    outline: 0;
}

.is-menu a::before,
.is-menu a::after {
    display: none !important;
}

.is-menu:hover > a,
.is-menu a:hover,
.is-menu a:focus {
    background: transparent !important;
    outline: none;
}

.is-menu.default form {
    max-width: 310px;
}

.is-menu.is-dropdown form {
    display: none;
    min-width: 310px;
    max-width: 100%;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 9;
}

.is-menu.full-width-menu form,
.is-menu.sliding form {
    min-width: 0 !important;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 25%;
    width: 0;
    z-index: 9;
    padding: 0;
    margin: 0;

}

.is-menu.is-dropdown form:not(.is-search-form) input[type=text],
.is-menu.full-width-menu form:not(.is-search-form) input[type=text],
.is-menu.sliding form:not(.is-search-form) input[type=text],
.is-popup-search-form form:not(.is-search-form) input[type=text],
.is-popup-search-form form:not(.is-search-form) input[type=search],
.is-menu.is-dropdown form:not(.is-search-form) input[type=search],
.is-menu.full-width-menu form:not(.is-search-form) input[type=search],
.is-menu.sliding form:not(.is-search-form) input[type=search] {
    background: #FFF;
    color: #000;
}

.is-menu.is-first form {
    right: auto;
    left: 0;
}

.is-menu.full-width-menu:not(.open) form, 
.is-menu.sliding:not(.open) form {
    display: block;
}

.is-menu form .screen-reader-text {
    display: none;
}

.is-menu form label {
    margin: 0;
    padding: 0;
}

.is-menu-wrapper {
    display: none;
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto;
    z-index: 9999;
}

.is-menu-wrapper.is-expanded {
    width: 100%;
}

.admin-bar .is-menu-wrapper {
    top: 51px;
}

.is-menu-wrapper .is-menu {
    float: right;
}

.is-menu-wrapper .is-menu form {
    right: 0;
    left: auto;
}

.gsc-cse-search-menu {
    max-width: 310px;
    float: right
}

.gsc-cse-search-menu .cse .gsc-control-cse,
.gsc-cse-search-menu .gsc-control-cse {
    padding: 0;
}

.is-menu .search-icon-path {
    fill: #848484;
}

.search-close {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: -22px;
    top: 33%;
    width: 20px;
    z-index: 99999;
}

.is-menu.is-first .search-close {
    right: auto;
    left: -22px;
}

.is-menu.is-dropdown .search-close {
    top: calc( 100% + 7px );
}

.popup-search-close {
    cursor: pointer;
    height: 20px;
    width: 20px;
    z-index: 99999;
    float: right;
    position: relative;
    margin: 20px 20px 0 0;
}

#is-popup-wrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(76, 76, 76);
    background: rgba(4, 4, 4, 0.91);
    z-index: 999999;
}

.is-popup-search-form form {
    width: 80%;
    margin: 20% auto 0;
}

.is-popup-search-form form.is-ajax-search {
    margin: 10% auto 0;
}

.popup-search-close:after,
.search-close:after {
    border-left: 2px solid #848484;
    content: '';
    height: 20px;
    left: 9px;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.popup-search-close:before,
.search-close:before {
    border-left: 2px solid #848484;
    content: '';
    height: 20px;
    left: 9px;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.is-menu.is-dropdown form[style="display: block;"] + .search-close,
.is-menu.full-width-menu.open .search-close,
.is-menu.sliding.open .search-close {
    display: block;
}

.is-highlight {
    background-color: #FFFFB9;
        color: #222;
}

@media screen and ( max-width: 910px ) {
    .is-menu form {
        left: 0;
        min-width: 50%;
        right: auto;
    }

        .is-menu.default form{
        max-width: 100%;
    }

    .is-menu.full-width-menu.active-search {
        position: relative;
    }

    .is-menu-wrapper {
        display: block;
    }
}

.is-link-container {
    display: none;
}

form .is-link-container {
    position: relative;
}

form .is-link-container div {
    position: absolute;
    width: 200px;
    bottom: -25px;
    left: 5px;
    z-index: 99999;
    height: auto;
    line-height: 14px;
    padding: 10px 15px;
}

form .is-link-container a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 100;
    font-family: arial;
    box-shadow: none;
}

form .is-link-container a:hover {
    text-decoration: underline;
}

form .is-link-container a.is-customize-link {
    margin-left: 15px;
}

form:hover > .is-link-container,
form:hover + .is-link-container {
    display: block;
}
/*
.is-form-style label {
    display: inline-block !important;
    padding: 0;
    vertical-align: middle;
    margin: 0;
    width: 100%;
    line-height: 1;
}


.is-form-style {
    line-height: 1;
    position: relative;
    padding: 0 !important;
}

.is-form-style.is-form-style-3 label {
        width: calc( 100% - 36px ) !important;
}

.is-form-style input.is-search-input {
    background: #FFF;
    background-image: none !important;
    color: #333;
    padding: 0 12px;
    margin: 0;
    outline: 0 !important;
    font-size: 14px !important;
    height: 36px;
    min-height: 0;
    line-height: 1;
    border-radius: 0;
    border: solid 1px #ccc !important;
    font-family: arial;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius:0;
}*/

.is-form-style input.is-search-input::-ms-clear {  display: none; width : 0; height: 0; }
.is-form-style input.is-search-input::-ms-reveal {  display: none; width : 0; height: 0; }
.is-form-style input.is-search-input::-webkit-search-decoration,
.is-form-style input.is-search-input::-webkit-search-cancel-button,
.is-form-style input.is-search-input::-webkit-search-results-button,
.is-form-style input.is-search-input::-webkit-search-results-decoration { display: none; }

/*.is-form-style.is-form-style-3 input.is-search-input {
    border-right: 0 !important;
}

.is-form-style button.is-search-submit {
    background: none;
    border: 0;
    box-shadow: none !important;
    opacity: 1;
    padding: 0 !important;;
    margin: 0;
    line-height: 0;
    outline: 0;
    vertical-align: middle;
    width: 36px;
    height: 36px;
}
*/
.is-menu.full-width-menu.is-first button.is-search-submit,
.is-menu.sliding.is-first button.is-search-submit {
    display: inline-block !important;
}

.is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]), 
.is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]) {
    visibility: hidden;
}
.is-search-submit{
    background: transparent;
    border: none;
}
.is-form-style .is-search-submit path {
    fill: #fff;
}
/*
.is-form-style input.is-search-submit {
    text-decoration: none;
    position: absolute;
    top: 0;
    right: 0;
}

.is-form-style input.is-search-submit {
    padding: 0 10px !important;
    width: auto;
}
/*
.is-search-icon {
    width: 36px;
    padding-top: 6px !important;
}

.is-search-icon svg {
    width: 22px;
    display: inline;
}

.is-form-style input.is-search-submit, 
.is-search-icon {
    display: inline-block !important;
    color: #666;
    background: #ededed;
    box-shadow: none !important;
    outline: 0;
    margin: 0;
    font-size: 14px !important;
    border: 1px solid #ccc;
    border-radius: 0;
    line-height: 1;
    height: 36px;
    text-transform: capitalize;
    vertical-align: middle;
    -webkit-transition: background-color 100ms ease-in-out;
    -moz-transition: background-color 100ms ease-in-out;
    -o-transition: background-color 100ms ease-in-out;
    transition: background-color 100ms ease-in-out;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

form.is-form-style input.is-search-submit:hover,
.is-search-icon:hover {
    background: #dcdcdc;
}*/

.is-form-style-2 .is-search-submit {
    display: none;
}

div.is-ajax-search-result {
    max-width: 100% !important;
    width: 100% !important;
    left: 0 !important;
    top: 96px !important;
    position: fixed !important;
}

/**
 * AJAX Search Style
 */
/*.is-ajax-search .is-loader-image {
    display: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 18px;
    right: 5px;
    z-index: 9999;
    width: 18px;
    background-repeat: no-repeat;
    background-size: contain;
}

.is-ajax-search.processing .is-loader-image {
    display: block;
}

.is-ajax-search label {
    position: relative;
}

.is-ajax-search-details,
.is-ajax-search-result,
.is-ajax-search-details *,
.is-ajax-search-result * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box;
    padding: 0;
    outline: 0 !important;
    margin: 0;
    border: 0;
    border-radius: 0;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    text-decoration: none;
    text-align: left;
    letter-spacing: normal;
    font-size: 13px;
    line-height: 18px;
    vertical-align: baseline;
}

.is-ajax-search-details a,
.is-ajax-search-result a {
    color: #222;
    font-weight: bold;
}

.is-ajax-search-details a:hover,
.is-ajax-search-result a:hover {
    text-decoration: underline;
}

div.is-ajax-search-details,
div.is-ajax-search-result {
    display: none;
    height: auto;
    width: 500px;
    max-width: 100%;
    position: absolute;
    z-index: 999999;
    background: #fff;
    color: #222;
    padding: 0;
}

.is-ajax-search-items {
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.is-search-sections {
    position: relative;
    clear: both;
    overflow: hidden;
}

.is-search-sections:after {
    content: "";
    display: block;
    clear: both;
}

.is-search-sections .left-section {
    float: left;
}

.is-show-more-results {
    border-top: none;
    margin-top: 5px;
    background: #FFF;
}

.is-show-more-results-text {
    cursor: pointer;
    padding: 4px 0 3px;
    text-align: center;    
}

.is-load-more-image {
    display: block;
    margin: 0 auto;
    max-height: 25px;
}

.is-ajax-search-no-result {
    padding: 10px;
    background: #FFF;
    text-align: center;
}

.is-ajax-search-items .post-title {
    display: inline-block;
    font-weight: normal;
    font-size: 15px;
    text-transform: capitalize;
}

.is-search-sections .meta {
    margin: 5px 0;
}

.is-search-sections .meta i {
    font-size: 11px;
}

.is-search-sections .meta > div {
    margin-bottom: 5px;
}

.is-search-sections .meta > div > span {
    margin-left: 10px;
}

.is-search-sections .meta > div > span:first-child {
    margin-left: 0;
}

.is-has-badge .is-search-sections .is-title {
    margin-right: 35px;
}

.is-has-badge .is-search-sections .meta > div > span:last-child {
    margin-right: 10px;
}

.is-search-sections .meta > span:not(:last-child):after {
    margin: 0 2px;
    content: '/';
    display: inline-block;
}

.is-search-sections .thumbnail {
    margin-right: 10px;
    width: 70px;
}

.is-search-sections .thumbnail img {
    float: left;
    max-width: 70px;
    height: auto;
}

.is-ajax-term-label {
    display: block;
    font-style: italic;
    font-size: 10px;
    text-transform: uppercase;
    color: #7b7b7b;
    line-height: 12px;
    letter-spacing: 2px;
}

.is-ajax-result-description {
    font-size: 1rem;
    margin-top: 5px;
    font-family: 'Baskerville Regular';
}

.is-ajax-search-post-details,
.is-ajax-search-post {
    clear: both;
    padding: 15px;
    border-bottom: 1px solid #eceff1;
}

.is-ajax-search-details .is-ajax-search-items > div,
.is-ajax-search-post {
    background: #fff;    
}

.is-ajax-search-categories{
    display: none;
}

.is-ajax-search-result .is-ajax-search-post:hover,
.is-ajax-search-result .is-show-more-results:hover,
.is-ajax-search-tags-details > div:hover,
.is-ajax-search-categories-details > div:hover {
    background: #e2e2e2;
}

.is-ajax-search-details .is-title a,
.is-ajax-search-post .is-title a {
    text-transform: capitalize;
    font-size: 14px;
}

.is-ajax-search-post-details:last-child,
.is-ajax-search-posts .is-ajax-search-post:last-child {
    border: 0;
}

.is-ajax-woocommerce-actions {
    clear: both;
    margin-top: 10px;
    display: inline-block;
}

.is-ajax-woocommerce-actions > * {
    display: inline-block;
}

.is-ajax-woocommerce-actions .qty {
    width: 60px;
    height: auto;
    padding: 4px 8px;
    background: #fff;
    font-size: 14px;
    min-height: 0;
}

.is-ajax-woocommerce-actions .add_to_cart_inline {
    margin: 0 0 0 5px;
}

.is-ajax-woocommerce-actions .added_to_cart {
    font-size: 15px;
    text-transform: capitalize;
    font-weight: 800;
    padding: 4px 8px;
}

.is-ajax-woocommerce-actions .add_to_cart_inline a.button {
    padding: 4px 10px;
    background: #0073aa;
    color: #FFF;
    font-weight: 800;
    text-decoration: none;
}

.is-ajax-search-details .is-ajax-woocommerce-actions .add_to_cart_inline a.button.loading {
    opacity: 0.4;
    cursor: wait;
}

.is-ajax-woocommerce-actions .add_to_cart_inline a.button:hover {
    opacity: 0.9;
}

.is-ajax-search-items .stock-status {
    color: #7ad03a;
}

.is-ajax-search-items .is-prices del {
    text-decoration: line-through;
}

.is-ajax-search-items .is-prices .amount  {
    background: none;
    font-weight: 800;
}

.is-ajax-search-items .is-prices del .amount {
    font-weight: lighter;
    font-size: 90%;
    opacity: .6;
}

.is-ajax-search-items .is-prices ins  {
    background: none;
}

.is-ajax-search-items .stock-status.is-out-of-stock {
    color: #a44;
}

.is-featured-icon {
    display: inline-block;
    width: 13px;
    fill: #FFC107;
    vertical-align: text-top;
}

.is-ajax-search-items .is-sale-badge {
    background: #77a464;
    color: #fff;
    height: 20px;
    padding-top: 2px;
    position: absolute;
    right: -24px;
    text-align: center;
    top: 4px;
    transform: rotate(45deg);
    width: 77px;
}

.is-ajax-search-post-details .is-ajax-term-label {
    display: inline-block;
}

.is-ajax-term-name {
    font-size: 16px;
    text-transform: capitalize;
}

.is-ajax-term-wrap {
    margin-bottom: 10px;
}

div.is-ajax-search-details {
    width: 400px;
    display: none !important;
}

.is-ajax-search-post-details {
    display: none;
}

.is-ajax-search-posts-details .is-search-sections .thumbnail {
    width: 150px;
}

.is-ajax-search-posts-details .is-search-sections .thumbnail img {
    max-width: 150px;
    float: none;
}


@media screen and ( max-width: 910px ) {
    div.is-ajax-search-result {
            max-width: 97%;
    }
    .is-ajax-search-details {
        display: none !important;
    }
}

@media screen and ( max-width: 510px ) {
    .is-ajax-search-result {
        left: 3px !important;
    }
}*/

/**
 * simplebar.css- v5.3.5
 * Scrollbars, simpler.
 * https://grsmto.github.io/simplebar/
 *
 * Made by Adrien Denat from a fork by Jonathan Nicol
 * Under MIT License
 */

/*
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
    direction: inherit;
    position: absolute;
    overflow: hidden;
    padding: 0;
    margin: auto;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: auto !important;
    height: auto !important;
    z-index: 0;
    max-width: 1320px;
}

.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%; 
  width: auto;
  max-width: 100%; 
  max-height: 100%; 
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}

.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  overflow: hidden;
  pointer-events: none;
  z-index: -1;
}

.simplebar-track {
  z-index: 1;
  position: absolute;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  position: absolute;
  content: '';
  background: black;
  border-radius: 7px;
  left: 2px;
  right: 2px;
  opacity: 0;
  transition: opacity 0.2s linear;
}

.simplebar-scrollbar.simplebar-visible:before {
  opacity: 0.5;
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
  height: 100%;
  left: 2px;
  right: 2px;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 2px;
  height: 7px;
  min-height: 0;
  min-width: 10px;
  width: auto;
}


[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
*/


/*** FOOTER ***/

footer p{
    letter-spacing: inherit;
    font-family: 'Baskerville Regular;
    font-size: 1rem;
}

footer ul li h2{
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: 0;
}

footer .accordion-item {
    background-color: #f0f0f0;
    border: 1px solid #dadada;
}
footer .accordion-button {
    padding: 0;
    color: #222;
    background-color: #f0f0f0;
}
footer .accordion-button:not(.collapsed) {
    color: #222;
    background-color: transparent;
    box-shadow: none;
}
footer .accordion-body {
    padding: 1rem 1rem 0;
    padding-top: 0.5rem;
}
footer .accordion-button:focus {
    border: none;
}

footer .social-media .list-group-item {
    margin-right: 15px;
    border: none !important;
    padding: 0;
}
.i-rrss{
    background: url(../img/rrss.svg) 4px -57px no-repeat;
    background-size: 170px;
    width: 40px;
    height: 40px;
    display: block;
    overflow: hidden;
    background-color: #fff;
    border-radius: 50%;
    transition: background-color 0.3s;
}
.i-rrss.i-instagram{
    background-position-x: -42px;
}
.i-rrss.i-linkedin{
    background-position-x: -88px;
}
.i-rrss.i-youtube{
    background-position-x: -132px;
}
footer .social-media a:hover .i-rrss{
    background-color: #222;
    background-position-y: 3px;
}

footer .list-group-item {
    line-height: 23px;
    padding: 1.2rem 0rem 0.8rem;
    color: #222;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #dadada;
}
footer .list-group-item:first-child {
    border-top: 1px solid #dadada;
}
footer a{
    text-decoration: none;
}
footer .form-white input, footer .form-white select{
    max-width: 300px;
}

footer .list-group.desktop  {
    flex-direction: row;
    position: relative;
    left: 30px;
    flex-wrap: wrap;
}
footer .list-group.desktop .list-group-item:first-child {
    border-top: none;
}
footer .list-group.desktop .list-group-item {
    border-bottom: none;
    padding: 1.2rem 1rem 0.8rem;
}
footer .list-group.desktop .accordion-body {
    padding: 1rem 0rem 0;
}

footer .list-group.desktop .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
    min-width: 120px;
}
footer .list-group.desktop .menu-footer .nav-link {
    padding: 0.1rem 0rem 0.4rem;
    max-width: 110px;
    line-height: 1.1;
}
footer .list-group.desktop .accordion-button::after {
    width: 1rem;
    height: 1rem;
    margin-left: 0;
    background-size: 0.8rem;
}
footer form.desktop .btn-mask.type-2 a {
    padding: 1rem 3rem 0.7rem;
}
footer .form-white form.desktop input, footer .form-white form.desktop select, footer .mc4wp-form-fields input, footer .mc4wp-form-fields select{
    max-width: 240px;
}
footer .mc4wp-form-fields .input-group{
    margin-bottom: 0 !important;
}

.line-grey{
    max-width: 750px;
    border-top: solid 1px #dadada;
    margin: 3rem auto;
    width: 100%;
}

#div-form-footer, footer .mc4wp-form-fields{
    max-width: 760px;
    margin: 0 auto;
    position: relative;
    left: 25px;
}
footer #fields-form{
    display: flex;
    align-items: center;
    justify-content: center;
}
footer #terms-form p, footer #terms-form a{
    color: #222 !important;
    margin-bottom: 0 !important;
}
footer #terms-form .input-group {
    max-width: initial;
    margin: initial;
}
footer .mc4wp-form-fields .btn-mask.type-2 input[type=submit] {
    padding: 1rem 3rem 0.7rem;
}




.accordion-button::after {
    transform: rotate(90deg);

}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23222222'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(0deg);
}
.menu-footer .nav-link {
    color: inherit;
    padding: 0.1rem 1rem;
}

.logo-mag{
    width: 310px;
}
.logo-footer{
    width: 170px;
}


/*** LOCATION STORES ***/
.wpsl-search {
    margin-bottom: 0;
    padding: 0;
    background: transparent;
}
#wpsl-gmap{
    display: none;
}
#wpsl-result-list {
    width: 100%;
    margin-right: 0;
}
#wpsl-result-list li p {
    padding-left: 0;
    margin: 0rem 0rem 0.5rem;
    display: flex;
}
#wpsl-result-list #wpsl-stores{
    height: auto !important;
    overflow-y: visible;
}

#wpsl-search-btn, #wpsl-search-wrap div {
    margin-right: 0;
    float: none;
}
#wpsl-search-btn {
    padding: 0rem 0.5rem 0rem;
    line-height: 1;
    font-weight: 100;
    color: #222;
    background-color: #fff;
    background-repeat: repeat-x;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    box-shadow: none;
    text-transform: none!important;
}
#wpsl-search-btn, #wpsl-search-wrap input {
    border: none;
    border-radius: 0 5px 5px 0;
}
#wpsl-search-input {
    width: 89% !important;
    height: auto;
    padding: 0rem 0.5rem 0rem;
    font-size: 100%;
    margin: 0;
}
.wpsl-search .input-group {
    max-width: 300px;
}
.wpsl-preloader img {
    position: relative;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    margin-right: 10px;
}
.wpsl-store-location h3{
    font-size: 2.3rem;
}
#wpsl-result-list ul li{
    margin-bottom: 3rem;
}


/*** SEARCH PAGE ***/
.header-search{
    padding: 1.4rem 0 1rem;
    background: #222;
    color: #fff;
}
.header-search h2{
    font-size: 2rem;
}
.item-post a{
    transition: all 0.3s;
}
.item-post h3 a{
    text-decoration: none;
}
.item-post h3 a:hover {
    color: #222;
    opacity: 0.6;
}
.item-post a:hover {
    text-decoration: none;
}


.wpgs-lightbox-icon::before{
    display: none !important;
}

:target::before {
  content: "";
  display: block;
  height: 120px; /* aquí la altura de la cabecera fija*/
  margin: -120px 0 0; /* altura negativa de la cabecera fija */
}

.single-post article .h2,  .single-post article h2 {
    font-size: 1.4rem;
    margin-top: 3rem;
    font-family: "Nexa";
    margin-bottom: 1rem;
}
.single-post article .h3, .single-post article h3 {
    margin-top: 2rem;
    font-family: 'Baskerville Regular';
    margin-bottom: 1rem;
    font-size: 1.2rem;
    font-weight: bold;
}



/*** SECTION DISTRIBUIDORES ***/
#section-partner{
    position: fixed;
    bottom: 0;
    padding: 1.5rem 0;
    width: 100%;
    z-index: 11;
    transition: all 0.5s;
    opacity: 1;
}
#section-partner.hide{
    opacity: 0;
}

#section-partner img{
    max-width: 200px;
}
#section-partner h2, #page-partner h1{
    font-size: 3rem; 
    font-weight: 700;
}
#page-partner h2{
    font-size: 2rem;
}
#page-partner h3{
    font-size: 1.7rem;
}



/*** MEDIA QUERIES ***/

#page-innovation #section-philosophy-2 {
    background: url(../img/philosophy/bg-reticule-2.png) left top repeat;
}
#page-innovation h1{

}
.h2-innovation {
    font-size: 2rem;
}

#page-innovation #bote {
    width: 140px;
}
#page-innovation #bote2 {
    position: relative;
    top: 100px;
    width: 170px;
}
.fh-bg-green{
    font-family: 'Helvetica Neue';
    color: #fff;
    font-size: 1rem !important;
    line-height: 1;
    margin-bottom: 1.5rem;
    letter-spacing: 2px;
}
.fh-bg-green span{
    padding: 0.8rem 1.5rem 0.4rem;
    background: #222;
}


#video-home{
    width: 100%;
    height: 600px;
}

@media (min-width:  768px){
     /*** HISTORY ***/
    #page-history h1.display-2, #page-philosophy h1.display-4 {
        font-size: 3rem;
    }
    #section-history-1 {
        padding-top: 30vh;
    }
    #degrade-white {
        height: 30vh;
    }
    #section-history-2 #number-1953 {
        width: 100%;
        margin-bottom: 1rem;
    }
    #section-history-2 #number-1953 .number {
        left: calc( 50% - 250px);
        width: 500px;
    }
    #section-history-2 #number-1953 .botes {
        left: calc( 50% - 250px);
        width: 500px;
    }
    #section-history-2 #number-1953 .degrade{
        height: 410px;
    }
    #section-history-4 .cities{
        left: calc( 50% - 325px);
        max-width: 650px;
    }
    #section-history-4 #history-map{
        left: calc( 50% - 325px);
        max-width: 650px;
        position: relative;
    }
    #section-history-5 #award .award {
        left: calc( 50% - 400px);
        max-width: 800px;
    }
    #section-history-6 #barcelona-image img {
        top: -200px;
    }
    #section-history-6 #barcelona-image {
        height: 40vw;
    }
    #section-history-5 #award {
        margin-top: -240px;
    }
    #award::after{
        display: none;
    }
    #section-history-6 #content-barcelona h2 {
        font-size: 12rem;
    }
    #section-history-7 #parallax-airplane #airplane {
        top: 460px;
        left: calc(50% - 300px);
        max-width: 600px;
    }
    #section-history-7 #parallax-airplane{
        height: 1900px;
    }

    #img-philosophy-circle {
        top: 160px;
        left: 40%;
        width: 440px;
    }
    
    #section-philosophy-1 {
        min-height: auto;
    }
    #section-philosophy-2 #transparent {
        top: 23vw;
    }
    #page-philosophy .display-4 {
        font-size: 3rem;
    }
    #section-philosophy-3 #hand-right {
        right: -120px;
        width: 950px;
    }
    #section-philosophy-3 #hand-left {
        left: -120px;
        width: 950px;
    }
    #section-philosophy-3 #hands {
        height: 340px;
    }



    footer ul li h2 {
        font-size: 0.9rem;
    }


}

@media (min-width: 992px){
    .tooltipster-base{
        display: none;
    }
    
    .events-slider.posts-carousel .card-body .tribe-events-single-event-title{
        font-size: 3rem;
    }
    
    .events-slider.posts-carousel .card {
        min-height: 270px;
    }

    .h2, h2 {
        font-size: calc(1.8rem + 1.2vw);
    }
    
    
    #navbarSupportedContent{
        padding-top: 0.7rem;
    }
    #b-search{
        padding-top: 0.5rem;
    }

    #main-menu ul ul.sub-menu {
        position: absolute;
        display: flex;
        box-shadow:  none;
        width: 100vw;
        padding-left: 0;
        padding-bottom: 1rem;
        flex-direction: column;
    }

    /*#primary-menu .submenus .nav-link + .sub-menu{
        display:none;
    }
    #primary-menu .submenus .nav-link.open + .sub-menu{
        display:flex;
    }*/

    #main-menu ul ul.sub-menu:before{
        content: "";
        background: #fff;
        height: 100%;
        position: absolute;
        left: -50%;
        top: 0;
        width: calc(100vw);
    }
    #main-menu ul ul.sub-menu ul.sub-menu {
        display: block;
        position: relative;
        top: 0;
        width: 200px;
        padding-top: 0.5rem;
    }
    #main-menu ul ul.sub-menu ul.sub-menu:before{
        display: none;
    }
    #masthead #main-menu .navbar-nav .submenus > .sub-menu{
        flex-direction: row;
    }
    #masthead #main-menu .navbar-nav > .menu-item .menu-item-has-children > a{
        pointer-events: none;
    }
    #masthead #main-menu .navbar-nav .menu-item-has-children > .sub-menu .nav-link{       
        font-size: 0.95rem;
        padding: 0.3rem 2rem;
        font-weight: normal;
    }
    #masthead #main-menu .navbar-nav .submenus > .sub-menu .nav-link{
        font-size: 0.95rem;
        font-weight: bold;
        color: #524F4B;
    }
    #masthead #main-menu .navbar-nav .menu-item-has-children > .sub-menu .sub-menu .nav-link{
        color: #444;
        font-size: 0.95rem;
        font-weight: 400;
    }
    #main-menu .navbar-nav .menu-item-has-children > .sub-menu .nav-link:after{
        display: none;
    }
    
    .home #main-menu .navbar-nav .nav-link,
    .page-template-page-product-home #main-menu .navbar-nav .nav-link {
        color: #fff;
    }
    #masthead.bg-white #main-menu .navbar-nav .nav-link, #masthead.always-white #main-menu .navbar-nav .nav-link  {
        color: #444444;
    }
    .navbar-light .navbar-nav .nav-link:focus {
        opacity: 1;
    }
    
    
    .title-1 {
        font-size: 5.2rem;
        line-height: 0.9;
    }

    .icon-toskani {
        transform: scale(1.4);
    }

    #section-type-where {
        padding: 6rem 0;
    }
    #content-text .type-solutions {
        bottom: 140px;
        left: 40px;
    }

    .i-rrss{
        transform: scale(1.2);
    }
    footer .social-media .list-group-item {
        margin-right: 12px;
        margin-left: 12px;
    }

    #breadcrumbs-product .aioseo-breadcrumbs{
        position: relative;
    }
    .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary {
        width: 100%;
        float: none;
    }
    #top-product-section{
        background: #efefef;
    }
    #section-ingredients {
        margin: 0 0rem;
        background-color: transparent !important;
    }
    #section-ingredients p {
        max-width: none;
    }
    #section-skills{
        padding-top: 1rem;
        padding-bottom: 3rem;
    }
    #section-skills h2{
        font-size: 1rem !important;
    }
    .woocommerce-product-details__short-description {
        margin-bottom: 0;
    }
    #box-before-after {
        margin: -0.6rem -1rem 2rem;
    }
    .beer-slider {
        margin: 1rem 0rem 0;
    }
    #box-before-after {
        margin: -0.6rem 0rem 2rem;
    }

    #searchform .input-group{
        max-width: 300px;
    }

    .logo-footer {
        width: 120px;
    }

    #section-philosophy-2 #tubos {
        width: 220px;
        right: 20vw;
    }
    #section-philosophy-2 #transparent {
        width: 150px;
    }
    #section-philosophy-3 #hand-right {
        right: -140px;
        width: 1160px;
    }
    #section-philosophy-3 #hand-left {
        left: -130px;
        width: 1160px;
    }
    #section-philosophy-3 #hands {
        height: 420px;
    }

    .tribe-events-meta-group {
        flex: initial;
        width: auto;
    }
    .tribe-events-meta-group.tribe-events-meta-group-gmap {
        width: auto;
        flex: auto;
    }

    
}

@media (min-width: 1200px){
    #section-philosophy-3 #hands .degrade-left{
        position: absolute;
        left: 0;
        top: 62px;
        width: 210px;
        height: 240px;
        background: url(../img/philosophy/degrade.png) left top no-repeat;
        z-index: 1;
        background-size: 100%;
    }
    #section-philosophy-3 #hands .degrade-right{
        position: absolute;
        right: 0;
        top: 62px;
        width: 210px;
        height: 240px;
        background: url(../img/philosophy/degrade.png) left top no-repeat;
        transform: rotate(180deg);
        z-index: 1;
        background-size: 100%;
    }
    #section-philosophy-3 {
        background: url(../img/philosophy/bg-reticule.png) left 510px no-repeat;
        background-repeat-x: initial;
    }
}

@media (min-width: 2000px){
    #home-slider .content-bottom:before {
        width: 45%;
    }
    #home-slider .content-image {
        height: 45vw;
    }
}


@media (max-width:  1400px){
    #home-slider .slick-dots {
        left: -530px;
    }
}

@media (max-width:  1200px){
    #home-slider .slick-dots {
        left: -440px;
    }
    #home-slider .content-bottom:before {
        width: 50%;
    }
    .item-product h2 {
        font-size: 2rem;
    }
    .b-video {
        height: 75px;
        padding: 2.2rem;
        font-size: 1.2rem;
    }
    .title-1 {
        font-size: 4.2rem;
    }
    
    #home-slider .content-bottom:before {
        top: 12%;
        height: 89%;
    }
    .pgafu-medium-4 {
        width: 50%;
    }
    #video-home {
        width: 100%;
        height: 450px;
    }
}

@media (max-width:  991px){
    #main-menu{
        z-index: 111;
        pointer-events: none;
    }
    #main-menu a, #main-menu button{
        pointer-events: all;
    }
    .woocommerce div.product div.images.woocommerce-product-gallery {
        margin-top: 0rem;
    }
    .tribe-events-page-template #page {
        margin-top: 130px;
    }

    .site-main {
        margin-top: 85px;
    }
    #masthead{
        transition: background-color 0.5s;
    }
    #main-menu .navbar-nav .menu-item-has-children > .nav-link:after {
        font-size: 1rem;
    }
    #home-slider .content-bote {
        max-height: 220px;
    }
    #arrow-down{
        display: none;
    }
    .title-1 {
        font-size: 1.8rem;
    }
    #content-text {
        /*top: 10px;*/
    }
    footer .list-group.desktop {
        left: 0;
    }
    footer .form-white form.desktop input, footer .form-white form.desktop select, footer .mc4wp-form-fields input, footer .mc4wp-form-fields select {
        max-width: 210px;
    }
    .section-type-2 {
        padding: 2rem 0 1rem;
    }
    #img-newsletter {
        height: 380px;
        top: -50px;
    }
    #masthead {
        background: #fff;
    }
    .type-products a {
        padding: 2rem 1rem 0;
    }
    #home-slider /*#slick-slide00*/ .content-image{
        background-image: url(../img/banner-home-xs.jpg);
        height: 75vh;
        background-position: left center;
    }
    #home-slider .slick-dots {
        bottom: 29.5vh;
        left: 150px;
    }
    #home-slider .content-bottom {
        bottom: 10vh;
    }
    #home-slider .content-bottom-description {
        padding: 0.7rem 0 1.3rem;
    }
    /*#main-menu #b-search img{
        display: block;
    }
    #main-menu #b-search img.white{
        display: none;
    }*/
    #main-menu .navbar-brand {
        max-width: 110px;
        margin-right: 0;
    }
    #main-menu{
        align-items: center;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        height: inherit;
    }
    .menu-menu-toskani-container{
        min-height: calc(66vh - 38px);
    }
    #nav-bar:before{ display: none; }
    .navbar-nav .nav-link {
        
    }
    .navbar-nav .nav-link.active {
        
    }
    #bg-menu{
        width: 85%;
        min-height: 100%;
        background: #fff;
        padding: 1.5rem 1rem;
        transition: all 0.3s;
        transform: translateX(-100%);
        overflow: auto;
    }
    .navbar-collapse { 
        transition: all 0.3s !important;
        display: flex;
        flex-direction: column;
        opacity: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: fixed;
        top: 0;
        left: 0;
        background: rgb(0 0 0 / 25%);
        opacity: 0;
        pointer-events: none;
        transition: all 0.3s;
        
        align-items: flex-start;
    }
    .navbar-collapse.collapse  { 
        opacity: 0;
    }
    .navbar-collapse.show {
        opacity: 1;
        pointer-events: all;
    }
    .navbar-collapse.collapse  #bg-menu{ 
        transform: translateX(-100%);
    }
    .navbar-collapse.show #bg-menu{
        transform: translateX(0);
    }
    .collapsing {    
        opacity: 1; 
        transform: translateX(0);
    }
    .navbar-collapse.collapse:not(.show){
        display: inherit;
    }
    #items-menu{
        position: relative;
        top: 0px;
    }

    .navbar-light .navbar-nav .nav-link {
        font-size: 2rem;
        padding: 0;
        line-height: 1.2;
    }
    #main-menu ul ul li ul li a {
        font-size: 1.2rem;
    }
    .navbar-light .navbar-nav .nav-link.open {
        color: #000;
    }
    #main-menu ul .open > .nav-link{
        color: #524F4B;
        opacity: 1;
    }
    .navbar-light .navbar-nav .nav-link:hover{
        opacity: 0.7;
    }
    #banner-menu{
        display: block;
    }   
    #main-menu .navbar-nav .menu-item-has-children > .nav-link:after{
        position: relative;
    }
    #main-menu ul ul {
        position: relative;
        top: 0;
        width: 100%;
        background: transparent;
        box-shadow: none;
        margin: 0.3rem 0 1.5rem;
    }
    #main-menu ul ul li a{
        font-size: 1.4rem;
    }

    .card.desktop .card-img-left {
        width: 350px;
        height: 360px;
    }
    .posts-carousel .card.desktop {
        min-height: 360px;
    }

    #breadcrumbs-product{
        width: 100%;
    }

    .breadcrumbs-content {
        /*margin-top: 50px;*/
        margin-left: 10px;
    }

    #section-philosophy-1 {
        padding-top: 160px;
    }
    #integrity{
        margin-bottom: 5rem;
    }
    .b-selector .icon-type-products, #b-all .icon-type-products {
        transform: scale(0.8);
    }
    .b-selector .title-icon, #b-all .title-icon{
        margin-top: 1rem;
        transform: scale(0.9);
    }

    #video-home {
        width: 100%;
        height: 50vw;
    }
}

@media (max-width:  767px){
    #b-all {
        width: auto;
    }
    footer #fields-form {
        display: block;
    }
    #section-partner h2{
        font-size: 1.5rem; 
    }
    #page-partner h1{
        font-size: 2rem; 
    }
    #page-partner h2{
        font-size: 1.4rem;
    }
    #page-partner h3{
        font-size: 1.3rem;
    }
    #section-partner p{
        font-size: 0.7rem;
    }
    #banner-innovation{
        margin-top: 6rem;
    }
    .h2-innovation {
        font-size: 1.7rem;
    }
    #page-innovation #bote {
        width: 100px;
        position: relative;
        left: -24vw;
    }
    #page-innovation #bote2 {
        position: relative;
        top: 0;
        width: 100px;
        right: -25vw;
    }
    .line-right-xs-none:after{
        display: none;
    }
    .error-404 h1 .text-404 {
        font-size: 9rem;
    }
    .accordion-button, .accordion-body, p, .single-post article li, .product-template-default #section-skills li, .content-short-description, .tribe-events-content ol, .tribe-events-content p, .tribe-events-content ul, .tribe-events-event-meta dd, .tribe-events-event-meta dt{
        font-size: 1.1rem;
        line-height: 1.4;
    }
    #page-history p {
        font-size: 1.1rem;
    }
    #home-slider .content-bottom {
        bottom: 8vh;
    }
    .title-icon {
        margin-top: 1rem;
    font-size: 1rem;
    margin-bottom: 2rem;
    }
    .card-body h3{
        margin-top: 1rem;
    }
    .product .entry-title {
        font-size: 2.3rem;
        line-height: 1.1;
    }
    #section-skills .fs-6 {
        font-size: 1.1rem!important;
    }
    .tribe-events-meta-group .tribe-events-single-section-title {
        margin-top: 2rem;
    }
    .tribe-events-meta-group {
        margin-bottom: 0;
    }
    #section-history-3 div {
        transform: translate(-175px, 0px);
    }
    #section-history-8 #iso {
        width: 340px;
        transform: translate(-170px, 0px);
    }
    #section-philosophy-2 p {
        font-size: 1.1rem;
    }
    #section-philosophy-2 #tubos {
        width: 110px;
    }
    #content-name p {
        font-size: 1rem;
    }
    #content-name{
        width: 90%;
    }
    .item-product h2 {
        max-width: 220px;
    }
    .type-products a {
        padding: 2rem 0rem 0;
        min-width: 110px;
    }


    #home-slider .content-bottom:before {
        width: 80%;
    }
    #home-slider .content-link p{
        font-size:0.9rem;
    }
    #home-slider .slick-dots {
        left: inherit;
    }
    .container-up{
        margin-top: -4.5rem;
    }
    .section-type-2 {
        padding: 4rem 0 0;
    }
    #section-type-newsletter {
        margin-top: 10rem;
    }
    .pgafu-medium-4 {
        width: 100%;
    }
    #search-bar .search-form {
        width: 90%;
    }
    #search-bar .nav-tabs .nav-link {
        margin: 0 1rem;
    }
    #search-bar .nav-tabs h2 {
        font-size: 1.2rem;
    }
    #search-bar .nav-tabs .nav-item.show .nav-link, #search-bar .nav-tabs .nav-link.active {
        border-bottom-width: 3px;
    }
    #b-close-search {
        right: 12px;
    }
    .item-search {
        padding-left: 5px;
        padding-right: 5px;
    }
    #search-bar .item-product {
        margin-bottom: 1rem;
    }
    #search-bar .item-product h2 {
        font-size: 0.9rem;
    }
    #search-bar .b-video {
        height: 43px;
        padding: 1rem;
        font-size: 1.2rem;
    }
    #search-bar .content-short-description{
        font-size: 0.8rem;
    }
    #content-name h1 {
        font-size: 2.8rem;
    }
    #content-name {
        top: 80px;
    }
    footer .mc4wp-form-fields {
        display: block;
        left: 0;
    }
    footer .mc4wp-form-fields input, footer .mc4wp-form-fields select{
        max-width: 300px;
        margin-bottom: 1rem;
    }
    footer .mc4wp-form-fields .btn-mask.type-2{
        margin: 0 !important;
    }
    footer .mc4wp-form-fields .btn-mask.type-2 input[type=submit] {
        padding: 1.5rem 3rem 1.2rem;
        margin-bottom: 0;
    }
    footer .mc4wp-response {
        position: relative;
    }
    .margin-history{
        margin-top: -10px;
    }
}

@media (max-width:  650px){
    #home-slider .content-bottom:before {
        width: 90%;
    }
    #home-slider .content-bote {
        max-height: 200px;
    }
    .wpsl-no-filters #wpsl-search-input, .wpsl-no-filters #wpsl-search-wrap .wpsl-input {
        width: 87%!important;
    }
    #b-all {
        border-right: none;
    }
}
@media (max-width:  330px){
    .title-1 {
        font-size: 1.9rem;
    }
    #home-slider .content-bote {
        max-height: 200px;
    }
    #home-slider .content-top {
        bottom: 39vh;
    }
    #home-slider .slick-dots {
        bottom: 34.5vh;
    }
}