/*
Theme Name: wpbstarter
Author: Nazmul Hossain
Author URI: https://www.linkedin.com/in/code-spider/
Description: A starter WordPress theme Including Bootstarp 4.1.3 and FontAwesome 5.13.0. It's a standard starter theme can easily be modified for self-branding. Page templates includes Right-sidebar (default page template), Left-Sidebar, Full-Width, Blank with container, Blank without container Page. Other features - Currently using Bootstrap v4.1.3 , Widgetized footer area, WooCommerce ready, Compatible with Contact Form 7, Compatible with Visual Composer, Compatible with Elementor Page Builder. This theme will be an active project which we will update from time to time. Check this page regularly for the updates.
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.1.10
License: GNU General Public License v2 or later
License URI: LICENSE
Tags: custom-menu,theme-options,threaded-comments,translation-ready,custom-background,custom-colors,custom-header,editor-style,featured-images,two-columns,blog,e-commerce,news
Text Domain: wpbstarter
*/
/* 
@font-face {
  font-family: "Josefin Sans";
  src:
    url("fonts/JosefinSans-Medium.woff2") format("woff2"),
    url("fonts/JosefinSans-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Josefin Sans";
  src:
    url("fonts/JosefinSans-Light.woff2") format("woff2"),
    url("fonts/JosefinSans-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: "Raleway";
  src:
    url("fonts/Raleway-Light.woff2") format("woff2"),
    url("fonts/Raleway-Light.woff") format("woff");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Raleway";
  src:
    url("fonts/Raleway-Regular.woff2") format("woff2"),
    url("fonts/Raleway-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
} */

body,
html,
p,
ul,
li,
a,
span {
  font-family: "Raleway", sans-serif !important;
  font-weight: 400;
}

a:hover {
  color: var(--color-azure);
}

b,
strong {
  font-weight: 700 !important;
}

body,
html {
  width: 100%;
  /* overflow-x: hidden; */
}

h2 {
  font-family: "Josefin Sans";
  font-weight: 500;
}

/* Header Title */
.menu-background {
  background-color: #222;
}

.site-branding h1,
.site-branding p {
  font-weight: 700;
  font-size: 36px;
  margin: 0;
  padding: 10px 20px;
}

.site-branding h1 a {
  color: #ffffff;
}

/* Blog Page */
.wpbstarter-page-title-area {
  position: relative;
  background-color: #333333;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px 0;
  background-position: center center;
  z-index: 1;
  margin-top: 0px;
  color: #fff;
}

.wpbstarter-content-area-padding {
  padding: 80px 0px;
}

.wpbstarter-blog-list {
  display: block;
}

.wpbstarter-blog-list article,
.widget-area .widget {
  border: 1px solid #f1f1f1;
  padding: 30px;
  margin-bottom: 35px;
  box-shadow: 0 0px 5px #f1f1f1;
  transition: 0.4s;
}

.wpbstarter-blog-list article:hover {
  box-shadow: 0 15px 50px #ddd;
}

.wpbstarter-blog-list a,
.widget-area .widget a {
  color: #333;
  overflow-wrap: break-word;
}

.wpbstarter-blog-list a.wp-block-button__link {
  color: inherit;
}

.wpbstarter-blog-list h2,
.widget-area .widget h2 {
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 15px;
}

.entry-meta>span,
.entry-footer>span {
  font-size: 80%;
  padding-right: 15px;
}

.entry-meta>span i {
  color: #555;
}

.entry-meta>span>a,
.entry-footer>span>a {
  font-weight: 600;
}

.entry-meta {
  margin-bottom: 15px;
}

.entry-footer {
  margin-top: 20px;
}

.wpbstarter-featured-content {
  margin-bottom: 20px;
}

/* Widget */
.widget-area .widget ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
  line-height: 30px;
}

.widget ul.nav li a.nav-link {
  display: inline-block;
}

.widget-area .widget ul ul {
  padding-left: 10px;
}

/* Widget calender Table */
.calendar_wrap table th {
  background-color: #f1f1f1;
}

.calendar_wrap table {
  width: 100%;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.calendar_wrap table th,
.calendar_wrap table td {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 10px;
}

/* Widget RSS */
.widget_rss li {
  margin-bottom: 20px;
}

.widget_rss,
.widget_rss span {
  font-size: 90%;
  padding-left: 15px;
}

.widget-area .widget.widget_rss a {
  font-weight: 600;
}

/* Widget Search */
input[type="search"] {
  background: none;
  border: 1px solid #f1f1f1;
  padding: 10px;
  color: #333;
  font-weight: 500;
  font-size: 12px;
}

input[type="submit"] {
  padding: 2px 20px;
  background-color: #46be25;
  border: 1px solid #46be25;
  margin: -2px 0 0 0;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 27px;
  cursor: pointer;
}

article.sticky {
  background-color: #f4f7f8;
}

.sticky .entry-title::before {
  content: "\f08d";
  font-family: "Font Awesome\ 5 Free";
  font-size: 1.563rem;
  left: 0.4rem;
  position: absolute;
  top: 2.3rem;
  font-weight: 900;
}

h2.entry-title {
  padding-bottom: 5px;
  border-bottom: 1px solid #eaecef;
}

.blog-entry-meta {
  margin-top: 30px;
  font-size: 80%;
}

.blog-entry-meta span {
  padding-right: 20px;
}

.blog-entry-meta span i {
  color: #eee;
}

.wp-block-embed {
  overflow-x: auto;
}

/* Blog single calender Table */
.entry-title {
  overflow-wrap: break-word;
}

.entry-content table th {
  background-color: #f1f1f1;
}

.entry-content table {
  width: 100%;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.entry-content table th,
.entry-content table td {
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 10px;
}

/* Blog single normal table */
.entry-content table {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin-bottom: 20px;
}

.entry-content table th,
.entry-content table td {
  padding: 10px;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.entry-content table thead th {
  background-color: #ddd;
}

/* Definition and UL OL list */
.entry-content dd {
  margin-bottom: 20px;
}

.ulol ul,
.ulol ol {
  padding-left: 15px;
}

/* Comment Area normal table */
ul.children {
  list-style: none;
}

.comments-area {
  padding: 40px 0;
}

.comment-body {
  padding: 5px 0;
}

h2.comments-title {
  background-color: #46be25;
  padding: 10px;
  color: #fff;
}

.comments-area p.no-comments {
  padding: 10px;
  font-weight: 700;
  background-color: #e21b48;
  color: #fff;
  display: block;
}

.comments-area table {
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  width: 100%;
  margin-bottom: 20px;
}

.comments-area table th,
.comments-area table td {
  padding: 10px;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
}

.comments-area table thead th {
  background-color: #ddd;
}

/* Definition and UL OL list */
.comments-area dd {
  margin-bottom: 20px;
}

.comments-area ul.comment-list,
.comments-area ol.comment-list {
  padding-left: 15px;
  list-style: none;
}

/* address tag */
address {
  font-style: italic;
}

/* Single Blog nav */
.nav-links {
  overflow-wrap: break-word;
  word-break: break-all;
  margin-top: 50px;
}

.nav-links a {
  display: inline-block;
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
}

.nav-previous,
.nav-next {
  max-width: 50%;
}

.nav-previous {
  float: left;
}

.nav-next {
  text-align: right;
}

.nav-link {
  padding: 20px 26px;
}

/* Page Links pagination */
.page-links a {
  display: inline-block;
  border: 1px solid #ddd;
  padding: 0 10px;
}

/* Comment form */
.comment-form input,
.comment-form textarea {
  max-width: 100%;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
}

.comment-form input[type="submit"] {
  width: auto;
  background-color: #333;
  border-radius: 5px;
}

/* CSS INJECT FROM HOMEPAGE */

h3 {
  font-family: "Josefin Sans";
  text-transform: uppercase;
  font-weight: 400;
}

div#main-container p {
  text-align: center;
  padding-bottom: 2rem;
}

.carousel-control-prev,
.carousel-control-next {
  position: relative;
  display: inline-block;
}

span.divider {
  display: inline-block;
}

.arrows-bootstrap {
  display: flex;
  align-items: center;
}

span.left svg {
  /* transform: rotate(180deg); */
}

.wpbstarter-content-area-padding {
  padding-top: 0;
}

.item {
  position: relative;
}

.content-slide {
  position: absolute;
  bottom: 10rem;
  right: 10rem;
  max-width: 500px;
  background: rgba(255, 255, 255, 0.7);
  padding: 2rem;
}

div#slidetop {
  position: relative;
}

div#arrows-big-slide {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
  width: 200px;
}

div#arws {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pagingInfo {
  font-family: "Josefin Sans";
  font-size: 17px;
  letter-spacing: 7px;
  text-align: center;
  color: #c7c7c7;
}

span.divider {
  font-size: 100px;
  font-weight: 700;
  color: #adc9e4;
  position: relative;
}


.pagingInfo {
  position: relative;
  top: 25px;
}

.pagingInfo {
  color: #c7c7c7;
}

h1 {
  font-family: "Josefin Sans", sans-serif;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
}

p {
  font-family: "Josefin Sans";
  font-size: 16px;
  font-weight: 200;
  line-height: 25px;
}

ul#myTab {
  justify-content: space-around;
}

ul#myTab .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  font-size: 15px;
  background: black;
  border: 0;
  font-weight: 700;
  color: #fff;
}

ul#myTab .nav-link {
  color: #000;
  font-family: "Josefin Sans";
  font-size: 15px;
  line-height: 21px;
  border-radius: 0;
}

ul#myTab li.nav-item {
  position: relative;
  /* margin-bottom: 1rem !important; */
}

ul#myTab .nav-link.active:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: black;
  left: 0;
  bottom: 0px;
}

ul#myTab .nav-link:hover,
.nav-tabs .nav-link:focus {
  border-color: transparent;
}

ul#myTab .nav-link:hover:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: black;
  left: 0;
  bottom: 0px;
}

div#myTabContent h3 {
  font-family: "Josefin Sans";
  font-size: 40px;
  font-weight: 100;
}

h3.titolo {
  font-family: "Josefin Sans";
  font-size: 50px;
  font-weight: 400;
  line-height: 70px;
}

h4.sottotitolo {
  font-family: "Josefin Sans";
  font-size: 18px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 1px;
}

div#content-blu-flex {
  display: flex;
  flex-flow: column;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  max-width: 450px;
  margin: 0 auto;
  text-align: center;
}

div#background-blue-absolute {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--color-azure-100);
  /* opacity: 0.38; */
  z-index: -1;
}

div#content-blu-flex h5 {
  font-family: "Josefin Sans";
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  position: relative;
}

div#content-blu-flex h5:after {
  content: "";
  width: 80px;
  height: 2px;
  background: black;
  position: absolute;
  bottom: 0;
  left: calc(50% - 40px);
}

h3.title-text-blue {
  font-family: "Josefin Sans";
  font-size: 32px;
  font-weight: 400;
  line-height: 51px;
}

.links {
  margin-top: 2rem;
}

a.button-text-blue {
  display: inline-block;
  max-width: 176px;
  font-family: "Josefin Sans";
  font-size: 13px;
  padding: 1rem 0.5rem;
  border: solid 1px;
  color: #000;
  margin: 0 10px;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1570px;
  }
}

@media (min-width: 992px) {
  #accessori .slick-slide .accessorio {
    transition: all 1s ease;
  }
}

@media (max-width: 991px) {
  .content-slide {
    position: relative;
    right: 0;
  }

  span.col-12.title-products-loop {
    font-size: 26px !important;
  }

  .content-slide {
    right: 0 !important;
    bottom: 0 !important;
  }

  div#slidetop {
    padding-bottom: 3rem;
  }

  .col-lg-7.col-md-7.col-sm-6.col-12 img {
    display: none;
  }

  .arrows-bootstrap {
    display: none;
  }

  div#content-blu-flex {
    padding: 2rem 0;
  }

  div#carouselExampleControlsservizi {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .sina-nav-header button {
    display: none !important;
  }

  div#mega-menu-wrap-primary_menu {
    display: none;
  }
}

@media (max-width: 767px) {
  div#myTabContent h3 {
    font-size: 30px;
  }

  h3.titolo {
    font-size: 30px;
  }
}

div#video-colum .titolo,
div#video-colum .sottotitolo {
  text-align: center;
}

div#video-colum .sottotitolo {
  padding-bottom: 2rem;
}

p.excerpt {
  max-width: 960px;
  text-align: center;
  margin: +0 auto;
  padding: 2rem 0;
}

a.cta-slide {
  font-family: "Josefin Sans";
  color: #000;
}

div#video-colum .cta-slide {
  text-align: center;
  display: block;
}

.col-12.item {
  background-size: cover !important;
}

@media (min-width: 992px) and (max-width: 1400px) {
  div#arrows-big-slide {
    right: auto;
    left: 0;
    width: auto;
  }

  .content-slide {
    bottom: 20px !important;
    right: 20px !important;
  }
}

.nav-container {
  position: relative;
  z-index: 30000;
}

@media (max-width: 991px) {
  .content-slide {
    position: relative !important;
    width: 100% !important;
    max-width: 100%;
    padding-bottom: 3rem;
  }

  div#slidetop .slick-slide img {
    opacity: 1 !important;
  }

  .col-12.item {
    background: none !important;
  }

  div#arrows-big-slide {
    position: relative;
    width: 100%;
  }

  span.divider {
    font-size: 70px;
  }

  span.right.slick-arrow {
    left: 10px;
  }
}

select#mobileselect {
  padding: 0.5rem;
  margin-bottom: 2rem;
  width: 100%;
  text-align: center;
  border: none;
}

span.left.slick-arrow {
  /* transform: none; */
}

span.p25.light {
  display: block;
  font-size: 25px;
  font-weight: 100;
  padding: 1rem;
}

footer p {
  font-size: 14px;
  line-height: 22px;
  max-width: 230px;
  margin: 2rem 0;
}

footer ul {
  font-family: "Josefin Sans";
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#infofooter {
  margin: 2rem 0;
}

div#link-utili>p {
  margin: 0;
}

div#link-utili {
  margin-bottom: 2rem;
}

.socialfooter ul li {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 1rem 1.5rem 1rem 0rem;
  background: url("imgs/pattern-social.jpg");
}

li.ist {
  background-position-x: -65px !important;
}

li.in {
  background-position-x: -130px !important;
}

li.yt {
  background-position-x: -190px !important;
}

div#socialfooterbox {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

div#copyright {
  margin-bottom: 2rem;
}

footer ul {
  margin-top: 2rem;
}

.socialfooter {
  font-family: "Josefin Sans";
  font-size: 14px;
  font-weight: 700;
}

div#copyright {
  font-family: "Josefin Sans";
  font-size: 12px;
}

footer p,
footer a,
footer ul,
footer li,
footer div {
  color: #707070;
}

.sina-nav .sina-menu>li.active>a,
.sina-nav .sina-menu>li>a:hover,
.sina-nav .sina-menu>li>a:focus {
  color: #000;
  border: none;
}

.sina-nav a:hover {
  color: var(--color-azure);
  text-decoration: underline;
}

.sina-nav .sina-menu>li.active>a {
  color: var(--color-azure);
}

/* .sina-nav .sina-menu > li.active > a:after,
.sina-nav .sina-menu > li > a:hover:after {
  content: "";
  height: 2.5px;
  width: 100%;
  background: #000;
  position: relative;
  display: block;
  top: 5px;
} */

@media (max-width: 1200px) {
  div#contenuto-progetti {
    font-size: 22px !important;
  }
}

@media (max-width: 1500px) {
  .box-grey-flex {
    padding: 5rem !important;
  }
}

@media (max-width: 1300px) {
  .box-grey-flex h4 {
    font-size: 30px !important;
    line-height: 30px !important;
  }
}

@media (max-width: 1200px) {
  .box-grey-flex {
    padding: 2rem !important;
  }
}

/* NASCONDO I CAMPI DI RICERCA DELLO STORE LOCATOR */
.wpsl-search {
  display: none;
}

.content-slide>h3 {
  font-size: 40px;
}

.content-slide>p {
  font-size: 16px;
  /*font-weight: 700;*/
}

#main-container h1 {
  font-weight: 400;
  letter-spacing: 3px;
  line-height: 40px;
  margin: 0;
}

div#tabsSlide ul li a {
  font-family: "Josefin Sans";
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 2px;
}

div#slidetext h2 {
  font-family: "Josefin Sans";
  font-size: 40px;
  font-weight: 300;
  line-height: 50px;
}

div#slidetext div {
  background-size: cover !important;
  background-position: center !important;
}

div#slidefocus div {
  background-size: cover !important;
  background-position: center !important;
}

p.excerpt {
  font-size: 20px;
  font-weight: 300 !important;
}

div#slidesimple h1 {
  font-family: "Josefin Sans";
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 2px;
  max-width: 600px;
  margin: 0 auto;
}

.col-12.simplecontent h2 {
  font-size: 18px;
  max-width: 1170px;
  margin: 0 auto;
}

.col-12.simplecontent {
  max-width: 1170px;
  margin: 0 auto;
  padding: 1rem;
}

.content-multibox {
  padding: 2rem 0;
  text-align: center;
  font-size: 16px;
}

.title-collezione {
  top: -100%;
  transition: all 1s ease;
}

.collezione {
  overflow: hidden;
  transition: all 1s ease;
}

.collezione:hover .title-collezione {
  top: 0;
  transition: all 1s ease;
}

span.link a {
  display: block;
  text-align: center;
  font-family: "Josefin Sans";
  color: #000;
  font-size: 14px;
  letter-spacing: 1px;

  svg {
    fill: currentColor;
  }

  &:hover {
    color: var(--color-azure);
  }
}

.col-12.simplecontent h1 {
  font-family: "Josefin Sans";
  font-size: 40px;
  line-height: 40px;
  letter-spacing: 2px;
}

.collezione {
  background-size: cover !important;
  background-position: center !important;
}

.content-multibox h2 {
  font-family: "Josefin Sans";
  font-size: 50px;
  font-weight: 300;
}

.content-multibox {
  font-size: 16px;
  font-family: "Josefin Sans";
  font-weight: 300;
  max-width: 500px;
  margin: 5rem auto;
}

.gm-style div {
  background-size: contain;
  color: #fff !important;
}

button.btn.btn-primary:focus {
  box-shadow: none;
}

.content-multibox h4 {
  text-align: center;
}

h4.h4-multibox {
  text-align: center;
  margin-bottom: 2rem;
  font-family: "Josefin Sans";
  font-size: 16px;
  font-weight: 400;
}

header#mastheadx {
  padding-bottom: 1rem;
  padding-top: 0.5rem;
}

.no-home .content-slide {
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  max-width: 1560px;
  background: transparent;
  justify-content: center;
}

.no-home .content-slide h3 {
  margin-top: -200px;
  font-family: "Josefin Sans";
  color: #fff;
  font-size: 50px;
  line-height: 70px;
}

.no-home a.cta-slide {
  max-width: 370px;
  background: #000;
  padding: 1rem;
  color: #fff;
  text-align: center;
}

.no-home .content-slide h3 {
  display: flex;
  width: 100%;
}

.slash {
  background: url("imgs/slash.svg");
  display: inline-block;
  height: 100%;
  width: 50px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.col-12.p-0.item-box {
  margin: 3rem 0;
}

.text .content {
  display: flex;
  flex-flow: column;
  height: 100%;
  justify-content: center;
  padding: 2rem;
}

.text .content h3 {
  font-family: "Josefin Sans";
  font-size: 35px;
  line-height: 40px;
}

.text .content h5 {
  font-family: "Josefin Sans";
  font-size: 16px;
  font-weight: 600;
}

span.caption {
  display: block;
  font-family: "Josefin Sans";
  margin-top: 1rem;
}

.view {
  position: relative;
  z-index: 3;
}

.title-products-loop span {
  display: block;
  text-align: center;
  font-family: "Josefin Sans";
  font-size: 50px;
  font-weight: 100;
  line-height: 70px;
  margin-bottom: 1rem;
}

.col-12.timeline-content {
  max-width: 750px;
  margin: 3rem auto;
}

.timeline-time {
  font-family: "Josefin Sans";
  font-size: 30px;
  text-align: center;
  /* padding-bottom: 1rem; */
  color: #cecece;
}

.timeline-time .slick-slide.slick-current.slick-active {
  font-size: 50px;
  color: #000;
}

.timeline-time .slick-track {
  display: flex;
  align-items: flex-end;
  padding-bottom: 2.5rem;
}

.timeline-time:after {
  content: "";
  position: absolute;
  bottom: 23px;
  width: 100%;
  height: 2px;
  background: #cecece;
  left: 0;
  z-index: -1;
}

.timeline-time .slick-slide:after {
  content: "";
  position: absolute;
  width: 27px;
  height: 27px;
  background: #cecece;
  bottom: -30px;
  left: calc(50% - 13.5px);
  border-radius: 100%;
}

.timeline-time .slick-slide {
  position: relative;

  &.highlight {
    &:after {
      background-color: var(--color-azure) !important;
    }
  }
}

.timeline-time .slick-slide.slick-current.slick-active:after {
  background: #000;
  z-index: 100000;
}

.col-12.timeline-content h4 {
  font-family: "Josefin Sans";
  font-size: 30px;
  text-transform: uppercase;
  text-align: center;
}

.col-12.timeline-content p {
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  margin: 2rem 0;
}

.pretimeline.col-12 {
  text-align: center;
  padding: 1rem 0 5rem 0;
}

.pretimeline.col-12 span {
  display: block;
  color: #000;
  text-align: center;
  width: 100%;
}

span.pretitle {
  font-family: "Josefin Sans";
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 0.5rem;
}

span.title {
  font-family: "Josefin Sans";
  font-size: 35px;
  font-weight: 100;
  padding-bottom: 3rem;
}

div#back-time-content img {
  max-width: 90%;
  margin: 0 auto;
}

/* Icon 1 */

.animated-icon1,
.animated-icon2,
.animated-icon3 {
  width: 30px;
  height: 20px;
  position: relative;
  margin: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.animated-icon1 span {
  background: #e65100;
}

.animated-icon2 span {
  background: #e3f2fd;
}

.animated-icon3 span {
  background: #f3e5f5;
}

.animated-icon1 span:nth-child(1) {
  top: 0px;
}

.animated-icon1 span:nth-child(2) {
  top: 10px;
}

.animated-icon1 span:nth-child(3) {
  top: 20px;
}

.animated-icon1.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

.animated-icon1.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Icon 3*/

.animated-icon2 span:nth-child(1) {
  top: 0px;
}

.animated-icon2 span:nth-child(2),
.animated-icon2 span:nth-child(3) {
  top: 10px;
}

.animated-icon2 span:nth-child(4) {
  top: 20px;
}

.animated-icon2.open span:nth-child(1) {
  top: 11px;
  width: 0%;
  left: 50%;
}

.animated-icon2.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon2.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon2.open span:nth-child(4) {
  top: 11px;
  width: 0%;
  left: 50%;
}

/* Icon 4 */

.animated-icon3 span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3 span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.animated-icon3.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
  left: 8px;
}

.animated-icon3.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

.animated-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 21px;
  left: 8px;
}

.animated-icon1 span,
.animated-icon2 span,
.animated-icon3 span {
  height: 2px;
  background: #000 !important;
}

.animated-icon1 span:nth-child(1) {
  width: calc(100% - 10px);
  left: auto;
  right: ;
}

.open.animated-icon1 span:nth-child(1) {
  width: 100% !important;
}

span.captionslide {
  display: block;
  font-size: 16px;
  font-family: "Josefin Sans";
  line-height: 20px;
  padding-top: 1rem;
}

ul#menu-header-2nd-menu li {
  position: relative;
}

ul#menu-header-2nd-menu a:hover::before {
  content: "";
  position: absolute;
  left: -50px;
  width: 40px;
  height: 2px;
  background: #000;
  bottom: 18px;
}

ul#menu-header-2nd-menu a {
  position: relative;
}

a.button-text-black {
  display: block;
  max-width: 376px;
  font-family: "Josefin Sans";
  font-size: 13px;
  padding: 1rem 0.5rem;
  border: solid 1px #000;
  color: #fff;
  margin: 10px 37px;
  background: #000;
}

.box-grey-flex {
  /* text-align: center; */
  /* align-items: center; */
}

.download h2 {
  padding: 1rem;
  font-family: "Josefin Sans";
  font-size: 30px;
  text-align: center;
}

span.icodwns {
  display: flex;
  flex-flow: column;
  justify-items: center;
}

span.icodwns a {
  text-align: center;
}

span.icodwns span {
  display: block;
  text-align: center;
}

span.icodwns {
  margin: 2rem 0;
  font-family: "Josefin Sans";
  font-size: 15px;
  font-weight: 700;
  color: #989898;
}

span.icodwns a {
  font-family: "Josefin Sans";
  font-size: 15px;
  color: #989898;
}

span.link-progettazione {
  display: inline-block;
  font-family: "Josefin Sans";
  font-size: 16px;
}

h4.h4-multibox a {
  color: #000;
}

span.link-progettazione a {
  display: inline-block;
  font-family: "Josefin Sans";
  font-size: 14px;
  font-weight: 700;
  color: #000 !important;
}

.fancybox-active:before {
  position: fixed;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

div#slidetext span {
  background-size: cover !important;
  background-position: center !important;
}

div#slidefocus span {
  background-size: cover !important;
  background-position: center !important;
}

span.link-progettazione a:after {
  content: "|";
  margin-right: 5px;
  margin-left: 5px;
}

.fancybox-container {
  max-width: 70% !important;
  margin: 0 auto !important;
  left: 15% !important;
  height: 90% !important;
  top: 5% !important;
  background: #fff !important;
}

.fancybox-bg {
  background: #fff !important;
}

.fancybox-caption {
  background: #fff !important;
  color: #000 !important;
}

span.icodwns svg {
  margin-bottom: 1rem;
}

div#video-colum {
  padding-block: 5rem;
}

div#effects {
  position: relative;
  top: 0;
  left: 0;
  transition: all 1s ease;
}

div#footer-menu-big {
  padding-top: 1rem;
}

div#effects.view {
  z-index: 0;
  transition: all 1s ease;
}

/* FIXED MENU */
header#mastheadx {
  position: fixed;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  top: 0;
  padding-top: 1rem;
  z-index: 99999;
  box-shadow: 14px -1px 11px 0px #ddd;
}

div#content {
  padding: 95px 0;
}

.fancybox-container {
  z-index: 30000000000 !important;
}

div[data-id="group-678"] p:nth-child(1) {
  margin: 0;
  margin-top: 27px;
  display: block;
  font-family: "Raleway";
  font-size: 14px;
  font-weight: 700;
}

.collezione-slide .slick-slide div {
  background-size: cover !important;
  background-position: center !important;
}

div#contenuto a {
  color: #000;
}

div#contenuto a:hover {
  color: #fff !important;
}

@media (max-width: 991px) {

  div#form input,
  div#form select,
  div#form textarea {
    max-width: 100% !important;
  }
}

#contact-row {
  padding-top: 10rem;
}

.box-grey-flex {
  /* padding: 1rem !important; */
  min-height: 500px !important;
}

#boxed-height {
  height: calc(100% - 5%);
  margin-top: 2.5%;
}

.image-contacts {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.box-grey-flex {
  min-height: 800px;
  background: var(--color-grey-150);
  padding: 2rem;
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.box-grey-flex h4,
.box-grey-flex p,
.box-grey-flex a {
  display: block;
  text-align: center;
}

.box-grey-flex h4 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 40px;
}

a.link-contatti {
  padding: 1rem;
  background: #000;
  max-width: 200px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: CAPITALIZE;
}

.card.card-body div {
  display: inline-block;
}

.slick-slide span {
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

span.ico-color {
  border: solid 1px #e1dddd;
}

@media (max-width: 991px) {
  .card.card-body div {
    display: inline-block;
    width: 100%;
    max-width: 130px;
  }

  .menu-item-has-children:hover>.sub-menu {
    left: 0;
    height: auto !important;
  }

  footer p {
    max-width: 600px;
  }

  p.excerpt {
    padding: 1rem;
  }

  div#video-colum {
    padding: 5rem 0 0 0rem;
  }

  .menu-item-has-children:hover>.sub-menu a {
    font-size: 18px !important;
    text-indent: 18px;
  }

  span.ico-color {
    width: 130px !important;
  }

  span.ico-color {
    display: block;
    margin: 0 !important;
  }

  span.titolo-colore {
    display: block;
    font-family: "Josefin Sans";
    font-size: 12px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 130px;
  }

  div#content-textual {
    text-align: left !important;
  }

  div#content-textual>p {
    max-width: 100% !important;
  }


  hr.mini {
    margin: 1rem auto !important;
  }

  span.subtitleh1 {
    font-size: 22px !important;
  }

  span.etichetta {
    text-align: right !important;
  }

  div#flex-down {
    width: 100%;
    justify-content: space-between;
    flex-flow: column;
  }

  div#flex-down>div {
    width: 100% !important;
  }

  span.title {
    padding-bottom: 1rem;
  }

  span.title-slide {
    font-size: 26px;
  }

  span.big-text {
    text-align: center;
  }

  .hidden-stores {
    width: 100% !important;
  }
}

div#slidedouble {
  margin-top: 5rem;
  margin-bottom: 2rem;
}

h1 {
  line-height: 40px;
  margin-top: 1rem;
}

span.image-product-info {
  display: block;
  background-size: 100% !important;
  background-repeat: no-repeat;
}

div#container-product {
  padding: 3rem 1rem;
}

.slideshow-referenze .slick-slide>div>div {
  background-position: center !important;
  background-size: cover !important;
}

div#content-textual {
  display: flex;
  flex-flow: column;
  text-align: left;
  margin-top: 2rem;
}

div#content-textual h2 {
  font-family: "Josefin Sans";
  font-size: 50px;
  font-weight: 200;
}

div#content-textual p {
  font-size: 16px;
  line-height: 25px;
  max-width: 85%;
  margin: 0 0 0 0;
}

.datitecnici a,
.catalogo a,
.suggerimenti a {
  color: #000;
}

.datitecnici p,
.catalogo p,
.suggerimenti p {
  font-family: Helvetica;
  font-size: 14px !important;
  font-weight: 700;
  letter-spacing: 1px;
  display: inline-block;
}

span.ico {
  display: inline-block;
  margin-left: 35px;
}

.datitecnici,
.catalogo,
.suggerimenti {
  display: flex;
  align-items: center;
  /* justify-content: flex-end; */
  gap: 1rem;
  padding-block: 1rem;

}

ul#myTab {
  margin-top: 2rem;
  justify-content: flex-start;
}

ul#myTab li {
  /* margin-right: 50px; */
}

span.ico-color {
  display: inline-block;
  width: 130px;
  margin: 2px 0;
}

.slide-destra {}

span.capt {
  display: block;
  font-family: "Josefin Sans";
  font-size: 14px;
}

.slide-destra .capt {
  text-align: right;
  padding-top: 1rem;
}

.card.card-body {
  display: block;
}

.card.card-body {
  padding: 0;
  border: 0;
}

button.btn.btn-primary {
  display: block;
  margin-top: 2rem;
  background: transparent;
  width: 100%;
  border-radius: 0;
  border: none;
  color: #000;
  text-align: left;
  border-color: #000;
  padding-left: 0;
  font-family: "Raleway";
  font-size: 16px !important;
  font-weight: 400;
}

button.btn.btn-primary {
  position: relative;
}

span.mini-ico {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

button.btn.btn-primary.collapsed .mini-ico {
  transform: rotate(180deg);
  top: 5px;
}

div#downloads {
  padding: 0 2rem 1rem 2rem;
}

div#flex-down {
  display: flex;
  margin-top: 1rem;
  align-items: center;
}

div#flex-down>div {
  width: 25%;
}

span.etichetta {
  font-family: "Work Sans";
  font-weight: 700;
  font-size: 16px;
}

div#downloads span.etichetta {
  font-size: 14px;
}

div#flex-down .title {
  font-family: "Work Sans";
  font-weight: 700;
  font-size: 14px;
  display: inline-block;
  margin-right: 50px;
}

.dwn {
  display: flex;
  align-items: center;
}


div#content-textual>p {
  padding-bottom: 3rem;
}

div#content-textual h2 {
  padding-top: 2rem;
}

span.title-slide {
  font-family: "Josefin Sans" !important;
  font-size: 40px;
  font-weight: 500;
  line-height: 50px;
  margin-bottom: 2rem;
  display: block;
}

/* .arrows-accessori span {
  display: inline-block;
  width: 49%;
  margin: 0;
  padding: 0;
  text-align: center;
} */

#accessori .slick-slide {
  padding-inline: 1rem;
}

@media (max-width: 1200px) {
  #accessori .slick-slide {
    padding: 3rem;
  }
}

div#spec-tech p {
  margin: 0;
}

div#slidedouble .slick-arrow {
  display: none !important;
}

.arrows-accessori {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}

div#arws2 .slick-arrow,
.slick-arrow,
.arrows-accessori .left,
.arrows-accessori .right {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-grey-700);
  aspect-ratio: 1 / 1;
  width: 40px;
  height: 40px;
  padding: 6px;

  &.left {
    margin-right: 1rem;
  }

  &:hover {
    background-color: var(--color-azure);
  }
}

.col-12.slideshow-referenze .slick-arrow {
  display: none !important;
}

div#title-absolute {
  position: absolute;
  z-index: 1;
  top: 0;
  padding: 1rem;
  background: #fff;
  width: 450px;
  text-align: center;
  left: calc(50% - 225px);
  font-family: "Josefin Sans";
  font-size: 50px;
  font-weight: 200;
  line-height: 70px;
}

h1 {
  font-size: 50px;
  /*   text-align: right;*/
  font-weight: 400;
}

.dwn a {
  font-size: 14px;
  color: #000;
}

/* div#arws {
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: center;
  justify-self: center;
  position: absolute;
  bottom: 0;
  z-index: 300000;
} */

span.dida {
  position: relative;
  margin: 0;
  font-family: "Josefin Sans";
  font-size: 16px;
  padding: 1rem 2.3rem;
  display: block;
  font-weight: 300;
}

#accessori.view .slick-slide,
#accessori.view .slick-slide img {
  transition: all 1s ease;
}

span.image-product-info {
  display: block;
  margin-top: 1rem;
}

#accessori {
  .slick-track {
    display: flex;
  }

  .accessorio {
    position: relative;
    overflow: hidden;
    height: auto;

    .inner {
      background-color: var(--color-grey-150);
      padding: 1.5rem;
      height: 100%;
      display: flex;
      gap: 0.75rem;
      flex-direction: column;

      .accessorio--image {
        flex: 1;
      }
    }
  }
}

span.absolute-hidden {
  position: absolute;
  bottom: 0%;
  width: 100%;
  /* height: 40px; */
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  color: #fff;
  justify-content: center;
  align-items: center;
  font-family: "Josefin Sans";
  transition: all 1s ease;
  padding: 1rem;
  font-size: 12px;
  text-align: center;
}

.card {
  background-color: transparent;
}

hr.mini {
  max-width: 50px;
  margin: 1rem auto 1rem 0;
  border-color: #000;
  border-top: solid 2px;
}

span.subtitleh1 {
  display: block;
  font-size: 35px;
  text-transform: uppercase;
  font-weight: 400;
}

.card.card-body>span {
  display: block;
  margin-bottom: 2rem;
  font-family: "Josefin Sans";
  font-size: 14px;
  font-weight: 200;
}

.card.card-body {
  margin: 0;
}

span.titolo-colore {
  display: block;
  font-family: "Josefin Sans";
  font-size: 12px;
  max-width: 130px;
  text-align: center;
}

div#frecce span {
  display: inline-block;
}

span.sinistra {
  transform: rotate(180deg);
  position: relative;
  top: 3.2968px;
  float: left;
}

span.destra {
  float: right;
}

button.slick-prev.slick-arrow {
  background: url("imgs/sinistra.svg");
  transform: rotate(180deg);
}

button.slick-next.slick-arrow {
  background: url("imgs/destra.svg");
}

button.slick-prev.slick-arrow {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 60px;
  height: 30px;
  background-size: 25px;
  background-repeat: no-repeat;
  font-size: 0;
  background-position: center;
  border: 0;
  cursor: pointer;
}

button.slick-next.slick-arrow {
  position: absolute;
  bottom: -30px;
  right: 0;
  width: 60px;
  height: 30px;
  background-size: 25px;
  background-repeat: no-repeat;
  font-size: 0;
  background-position: center;
  border: 0;
  cursor: pointer;
}

/* HEADER BIG FIXED */

div#wpsl-stores li {
  display: none;
}

div#bigmenufixed {
  position: absolute;
  z-index: 1;
  top: -1000px;
  width: 100%;
  background: #fff;
  transition: all 1s ease;
  padding-bottom: 3rem;
  padding-top: 2rem;
}

div#bigmenufixed>.container-fluid {
  max-width: 1920px;
}

header#mastheadx {
  padding-bottom: 1rem;
}

.sina-nav {
  border: 0;
}

div#bigmenufixed .col-lg-3 {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

div#bigmenufixed.open {
  top: 75px;
}

.linkabsolute {
  position: absolute;
  top: 0%;
  height: 100%;
  width: 100%;
  left: 0%;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}

.linkabsolute a {
  font-family: "Josefin Sans";
  color: #fff;
  font-size: 25px;
  text-align: center;
  line-height: 25px;
  font-weight: 300;
  transition: all 1s ease;
}

.linkabsolute a:hover {
  font-weight: 700;
}

@media (max-width: 991px) {
  #mastheadx .socialfooter {
    display: none;
  }
}