/*--------------------------------------------------
I N I T
www.websolute.it
website by websolute
--------------------------------------------------*/

@charset "UTF-8";


/*--------------------------------------------------
Icon
--------------------------------------------------*/
@font-face {
  font-family: "vortice";
  src: url("/css/fonts/vortice/vortice.eot");
  src: url("/css/fonts/vortice/vortice.eot?#iefix") format("embedded-opentype"), url("/css/fonts/vortice/vortice.woff") format("woff"), url("/css/fonts/vortice/vortice.ttf") format("truetype"), url("/css/fonts/vortice/vortice.svg#vortice") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "vortice" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vortice" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-cl:before {
  content: "a";
}

.icon-arrow-cr:before {
  content: "b";
}

.icon-arrow-ld:before {
  content: "c";
}

.icon-arrow-lr:before {
  content: "d";
}

.icon-arrow-ls:before {
  content: "e";
}

.icon-arrow-lu:before {
  content: "f";
}

.icon-arrow-sd:before {
  content: "g";
}

.icon-arrow-sl:before {
  content: "h";
}

.icon-arrow-sr:before {
  content: "i";
}

.icon-arrow-su:before {
  content: "j";
}

.icon-compare:before {
  content: "k";
}

.icon-document:before {
  content: "l";
}

.icon-gallery:before {
  content: "m";
}

.icon-search:before {
  content: "n";
}

.icon-grid:before {
  content: "o";
}

[data-icon*=c] {
  font-size: 31px;
}

/*--------------------------------------------------
Body & altro
--------------------------------------------------*/
body {
  font-family: 'Fira Sans', sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
  height: auto !important;
  background: #dee3e5;
}

hr {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0;
  border: 0;
  border-top: 1px solid #e2e6e8;
}

.clear {
  clear: both;
}

.bgw {
  background: #fff;
}

.bgg {
  background: #f0f2f2;
}

.bgdg {
  background: #c5ced2;
}

img {
  max-width: 100%;
}

#map_canvas img {
  max-width: none;
}

img.shadow {
  box-shadow: 4px 4px 4px 0 #dfdddc;
}

.content ul.navbar-nav {
  margin: 0;
}

.disappear {
  display: none;
}

.embed-responsive.embed-responsive-16by6 {
  padding-bottom: 37.5%;
  min-height: 250px;
}

/*--------------------------------------------------
Link
--------------------------------------------------*/
.slick-prev:before,
.slick-next:before {
  font-family: "vortice" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #31be67;
  font-size: 44px;
}

.slick-next:before {
  content: "b";
}

.slick-prev:before {
  content: "a";
}

.slick-prev,
.slick-next {
  width: 47px;
  height: 47px;
}

.slick-prev:hover:before,
.slick-next:hover:before {
  -moz-border-radius: 47px;
  -webkit-border-radius: 47px;
  border-radius: 47px;
  color: #484848;
}

.slick-prev {
  left: -55px;
}

.slick-next {
  right: -55px;
}

/*--------------------------------------------------
Link
--------------------------------------------------*/
a {
  color: #31be67;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

a:hover,
a:focus {
  color: #3bd777;
  text-decoration: none;
}

label a:hover,
label a:focus,
label a {
  text-decoration: underline;
}

.btn {
  font-size: 14px;
  line-height: 14px;
  background: #31be67;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0;
  border: none;
  border-radius: 0;
  font-weight: 600;
  padding: 14px 26px 12px;
  min-width: 200px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: none;
  outline-offset: 0;
}

.btn:hover,
.btn:focus,
.btn:active {
  background: #3bd777 !important;
  color: #fff;
  box-shadow: none;
  outline: none;
}

.btn.btn-border {
  background: none;
  color: #484848;
  box-shadow: inset 0 0 0 1px #989898;
}

.btn.btn-border:hover,
.btn.btn-border:focus,
.btn.btn-border:active {
  background: #484848 !important;
  color: #fff;
  box-shadow: inset 0 0 0 1px #484848;
  outline: none;
}

.btn.btn-buy,
.btn.btn-buy:focus,
.btn.btn-buy:active {
  border: 1px solid #31be67;
  background: #fff;
  color: #31be67;
  margin-top: 10px;
}

.btn.btn-buy:after {
  font-family: FontAwesome;
  content: '\f07a';
  margin-left: 10px;
}

.btn.btn-buy:hover {
  color: #fff;
}

.btn.btn-buy:hover:after {}

/*--------------------------------------------------
Struttura
--------------------------------------------------*/
.wrapper {
  background: #f8f8f8;
  margin: 0 auto;
  position: relative;
  z-index: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  overflow: hidden;
  max-width: 1600px;
}

.inner {
  padding-top: 120px;
  padding-bottom: 120px;
}

.inner-md {
  padding-top: 100px;
  padding-bottom: 100px;
}

.inner-sm {
  padding-top: 80px;
  padding-bottom: 80px;
}

.inner-xs {
  padding-top: 40px;
  padding-bottom: 40px;
}

.inner-top-lg {
  padding-top: 120px;
}

.inner-top-md {
  padding-top: 100px;
}

.inner-top-sm {
  padding-top: 80px;
}

.inner-top-xs {
  padding-top: 40px;
}

.inner-bottom-lg {
  padding-bottom: 120px;
}

.inner-bottom-md {
  padding-bottom: 100px;
}

.inner-bottom-sm {
  padding-bottom: 80px;
}

.inner-bottom-xs {
  padding-bottom: 40px;
}

.inner-left-lg {
  padding-left: 75px;
}

.inner-left-md {
  padding-left: 60px;
}

.inner-left-sm {
  padding-left: 45px;
}

.inner-left-xs {
  padding-left: 30px;
}

.inner-right-lg {
  padding-right: 75px;
}

.inner-right-md {
  padding-right: 60px;
}

.inner-right-sm {
  padding-right: 45px;
}

.inner-right-xs {
  padding-right: 30px;
}

.outer {
  margin-top: 120px;
  margin-bottom: 120px;
}

.outer-md {
  margin-top: 100px;
  margin-bottom: 100px;
}

.outer-sm {
  margin-top: 80px;
  margin-bottom: 80px;
}

.outer-xs {
  margin-top: 40px;
  margin-bottom: 40px;
}

.outer-top {
  margin-top: 120px;
}

.outer-top-md {
  margin-top: 100px;
}

.outer-top-sm {
  margin-top: 80px;
}

.outer-top-xs {
  margin-top: 40px;
}

.outer-bottom {
  margin-bottom: 120px;
}

.outer-bottom-md {
  margin-bottom: 100px;
}

.outer-bottom-sm {
  margin-bottom: 80px;
}

.outer-bottom-xs {
  margin-bottom: 40px;
}

.center-block {
  float: none;
}

.text-col {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
}

.relative {
  position: relative;
  z-index: 0;
}

.hoverflowH {
  overflow: hidden;
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {}

/* XS */
@media (max-width: 767px) {
  .outer {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .outer-md {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .outer-sm {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .outer-xs {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .outer-top {
    margin-top: 100px;
  }

  .outer-top-md {
    margin-top: 60px;
  }

  .outer-top-sm {
    margin-top: 40px;
  }

  .outer-top-xs {
    margin-top: 20px;
  }

  .outer-bottom {
    margin-bottom: 100px;
  }

  .outer-bottom-md {
    margin-bottom: 60px;
  }

  .outer-bottom-sm {
    margin-bottom: 40px;
  }

  .outer-bottom-xs {
    margin-bottom: 20px;
  }

  .inner {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .inner-md {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .inner-sm {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .inner-xs {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .inner-top-lg {
    padding-top: 100px;
  }

  .inner-top-md {
    padding-top: 60px;
  }

  .inner-top-sm {
    padding-top: 40px;
  }

  .inner-top-xs {
    padding-top: 20px;
  }

  .inner-bottom-lg {
    padding-bottom: 100px;
  }

  .inner-bottom-md {
    padding-bottom: 60px;
  }

  .inner-bottom-sm {
    padding-bottom: 40px;
  }

  .inner-bottom-xs {
    padding-bottom: 20px;
  }

  .outer-top-visible-xs {
    margin-top: 20px;
  }
}


/*--------------------------------------------------
Typography
--------------------------------------------------*/
p {
  margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Fira Sans', sans-serif;
  margin: 0;
  padding: 0;
  /*word-wrap: break-word;*/
  font-weight: 400;
}

/*h1 { font-size: 44px; line-height: 130%; margin-bottom: 25px; }
h2 { font-size: 26px; line-height: 130%; margin-bottom: 20px; }
h3 { font-size: 20px; line-height: 150%; margin-bottom: 15px; }
h4 { font-size: 16px; line-height: 150%; margin-bottom: 15px; }
h5 { font-size: 14px; line-height: 160%; margin-bottom: 13px; }
h6 { font-size: 12px; line-height: 160%; margin-bottom: 10px; }*/

::-moz-selection {
  background: #31be67;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #31be67;
  color: #fff;
  text-shadow: none;
}

.fs12 {
  font-size: 12px;
  line-height: 18px;
}

.fs14 {
  font-size: 14px;
  line-height: 20px;
}

.fs16 {
  font-size: 16px;
  line-height: 24px;
}

.fs18 {
  font-size: 18px;
  line-height: 24px;
}

.fs20 {
  font-size: 20px;
  line-height: 30px;
}

.fs30 {
  font-size: 30px;
  line-height: 38px;
}

.fs36 {
  font-size: 36px;
  line-height: 40px;
}

.fs40 {
  font-size: 40px;
  line-height: 40px;
}

.fs60 {
  font-size: 60px;
  line-height: 60px;
}

figure {
  margin: 0;
  padding: 0;
}

figure img {
  width: 100%;
  height: auto;
}

.fwsb {
  font-weight: 600 !important;
}

.fwb {
  font-weight: 700 !important;
}

.fwl {
  font-weight: 200 !important;
}

.tdu {
  text-decoration: underline !important;
}

.tac {
  text-align: center;
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.fcw {
  color: #fff !important;
}

.fcg {
  color: #31be67 !important;
}

a.fcg:hover {
  color: #3bd777 !important;
}

.fcdg {
  color: #2a2a2a !important;
}

.fcb {
  color: #101114 !important;
}

.fcgg {
  color: #484848 !important;
}

.fclg {
  color: #989898 !important;
}

a.fclg:hover {
  color: #101114 !important;
}

a.fcfb {
  color: #3b5998;
}

a.fctw {
  color: #00b6ec;
}

a.fcfb:hover {
  color: #899bc1;
}

a.fctw:hover {
  color: #66d3f4;
}

.mbxs {
  margin-bottom: 11px;
}

.mbs {
  margin-bottom: 28px;
}

.mbm {
  margin-bottom: 38px;
}

.mbl {
  margin-bottom: 48px;
}

.mtxs {
  margin-top: 11px;
}

.mts {
  margin-top: 28px;
}

.mtm {
  margin-top: 38px;
}

.mtl {
  margin-top: 48px;
}

.pbxs {
  padding-bottom: 11px;
}

.pbs {
  padding-bottom: 28px;
}

.pbm {
  padding-bottom: 38px;
}

.pbl {
  padding-bottom: 48px;
}

.ptxs {
  padding-top: 11px;
}

.pts {
  padding-top: 28px;
}

.ptm {
  padding-top: 38px;
}

.ptl {
  padding-top: 48px;
}

.ttu {
  text-transform: uppercase;
}

.slick-dots {
  left: 0;
}

.verticalAlignP {
  display: table;
}

.verticalAlignC {
  display: table-cell;
  vertical-align: middle;
}


/* SM */
@media (min-width: 768px) and (max-width: 991px) {}

/* XS */
@media (max-width: 767px) {
  .fs36 {
    font-size: 20px;
    line-height: 30px;
  }

  .fs40 {
    font-size: 30px;
    line-height: 30px;
  }

  .fs60 {
    font-size: 40px;
    line-height: 40px;
  }
}



/*--------------------------------------------------
List
--------------------------------------------------*/
ol {
  position: relative;
  padding-left: 22px;
}

ul {
  position: relative;
  padding-left: 22px;
}

ul.arrowed li,
ul.circled li,
ol li {
  margin-bottom: 5px;
}

ul.arrowed,
ul.circled {
  list-style: none;
}

ul.arrowed li:before {
  font-family: FontAwesome;
  content: '\f105';
  font-weight: normal;
  color: #1ABB9C;
  margin-top: 1px;
  margin-left: -15px;
  vertical-align: top;
  position: absolute;
}

ul.circled li:before {
  font-family: FontAwesome;
  content: '\f10c';
  font-size: 8px;
  font-weight: normal;
  color: #1ABB9C;
  padding-top: 2px;
  margin-left: -18px;
  vertical-align: top;
  position: absolute;
}

ul.contacts {
  padding-left: 0;
}

ul.contacts li {
  margin-bottom: 5px;
}


/*--------------------------------------------------
Form
--------------------------------------------------*/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border: 1px solid #BCC7D1;
  box-shadow: none;
}

.form-control {
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

textarea.form-control {
  min-height: 100px;
}

input[type=submit] {
  padding: 0 20px;
}

.radio label,
.checkbox label {
  line-height: 1.5;
}

input[type=file]:focus,
input[type=radio]:focus,
input[type=checkbox]:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

.radio input[type=radio].error+span,
.radio-inline input[type=radio].error+span,
.checkbox input[type=checkbox].error+span,
.checkbox-inline input[type=checkbox].error+span {
  color: #c00;
}

form input[type=email].error,
form input[type=text].error,
form textarea.error,
form select.error,
form input[type=password].error {
  border-color: #c00;
  box-shadow: 0 0 2px #ff9494;
}

form input.error+span,
form textarea.error+span,
form select.error+span,
form input.error+span a,
form textarea.error+span a,
form select.error+span a {
  color: #c00;
}

#filter .col-4 input.form-control.error {
  border-color: #c00;
}

form label.error {
  color: #d00;
  border-bottom: 1px dotted #d00;
  display: inline-block;
}

.divNotify,
.form_message_ok,
.form_message_ko {
  display: none;
  text-align: center;
  margin: 20px 0 40px;
}

.form_message_ko {
  color: #d00;
  font-weight: bold;
}

.form_message:empty {
  padding: 0 !important;
  margin: 0 !important;
}

.divNotify #contLoading span {
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
}

.divNotify #contLoading img {
  margin-right: 20px;
}

/*.lost-password { border-left: 1px solid #eee; margin-left: 10px; padding-left: 10px;}*/
/* placeholder */
.form-control::-webkit-input-placeholder {
  color: #484848;
}

.form-control:-moz-placeholder {
  color: #484848;
}

.form-control::-moz-placeholder {
  color: #484848;
}

.form-control:-ms-input-placeholder {
  color: #484848;
}

input:focus::-webkit-input-placeholder {
  color: transparent !important;
}

input:focus:-moz-placeholder {
  color: transparent !important;
}

input:focus::-moz-placeholder {
  color: transparent !important;
}

input:focus:-ms-input-placeholder {
  color: transparent !important;
}

/* XS */
@media (max-width: 767px) {
  .form-inline select.form-control {
    width: 100%;
  }
}


/*---------------------------------------------------
Content
---------------------------------------------------*/
.content img {
  max-width: 100%;
  margin: 30px 0;
}

.content .video-wrap {
  margin: 40px 0;
}

.content ul,
.content ol {
  margin-top: 40px;
  margin-bottom: 40px;
}

.content .col-md-6:first-child .cta {
  padding-right: 30px;
}

.content .col-md-6:last-child .cta {
  padding-left: 30px;
}


/*--------------------------------------------------
Header
--------------------------------------------------*/
#header {
  padding: 15px 0;
  background: #fff;
  position: fixed;
  top: 0;
  left: auto;
  right: auto;
  width: 0;
  width: 100%;
  z-index: 10;
  max-width: 1600px;
}

.header-spacer {
  height: 108px;
}

@media (min-width: 768px) {
  #header.fixed {
    position: fixed;
    top: -60px;
    left: auto;
    right: auto;
    width: 100%;
    max-width: 1600px;
    height: 60px;
    background: #fff;
    border-bottom: 1px solid #f0f2f2;
  }

  #header.fixed.on {
    -moz-transition: top 0.4s ease-in-out;
    -o-transition: top 0.4s ease-in-out;
    -webkit-transition: top 0.4s ease-in-out;
    transition: top 0.4s ease-in-out;
    top: 0;
  }

  #header.fixed #serviceMenu {
    display: none;
  }

  #header.fixed .logo img {
    max-height: 40px;
    width: auto;
    margin-top: -7px;
  }

  #header.fixed #menu {
    margin-top: 5px;
  }
}

.nav-fixed #cover {
  margin-top: 139px;
}

.nav-fixed #top-header {
  display: none;
}

.nav-fixed #header {
  max-width: 1440px;
  padding: 10px 0;
  margin: 0 auto;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  opacity: .95;
  z-index: 10;
}


/*--------------------------------------------------
Navbar
--------------------------------------------------*/
#menu ul>li {
  position: relative;
  z-index: 10;
}

#menu ul>li>a {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: #101114;
  padding: 0 0 0 38px;
  border: none;
  z-index: 1;
  background: none;
}

#menu ul>li>a.on,
#menu ul>li.on>a {
  color: #31be67;
}

.fixed #menu ul>li>a.on {
  color: #31be67;
}

#serviceMenu {
  margin-bottom: 16px;
}

#serviceMenu ul>li>a {
  font-size: 12px;
  line-height: 18px;
  font-weight: 400;
  color: #484848;
  padding: 11px 0 0 36px;
  border: none;
  z-index: 1;
  background: none;
}

#serviceMenu ul>li.social>a {
  padding: 11px 0 0 20px;
  font-size: 16px;
}

.nav>li>a:hover,
.nav>li>a:focus,
#menu ul>li>a:hover,
#menu ul>li.active a,
#menu ul>li:hover a {
  color: #31be67;
  background: none;
  border: none;
}

#menu ul>li>ul {
  display: none;
  position: absolute;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 210px;
  background: #F5F7FA;
  border: 1px solid #E6E9ED;
  border-bottom-width: 2px;
  border-bottom-color: transparent;
  border-radius: 3px !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  z-index: 1;
  border-top: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

#menu ul>li:hover {
  z-index: 11;
}

#menu ul>li:hover>ul {
  z-index: 10;
  display: block;
}

#menu ul>li>ul>li {
  background: none;
  border: none;
  border-top: 1px solid #E6E9ED;
  display: block;
}

#menu ul>li>ul>li>a {
  display: block;
  line-height: 18px;
  padding: 13px 20px;
  color: #73879C !important;
  text-transform: uppercase;
  white-space: normal;
  font-size: 13px;
  border: none;
  border-radius: 0;
}

#menu ul>li>ul>li>a:hover,
#menu ul>li>ul>li.active>a:hover {
  background: #1abb9c !important;
  color: #FFF !important;
}

#menu ul>li>ul>li>ul {
  left: 100%;
  top: 0;
  z-index: 0;
  border-bottom-left-radius: 0;
}

/* search form */
.navbar-form {
  padding: 0;
  margin-left: 40px;
}

#menu li.dropdown-search-box>ul {
  right: 0;
  width: auto;
}

.btn-search {
  background: none;
  border: none;
  outline: none;
  font-size: 16px;
  color: #31be67;
}

.btn-search span {
  top: 3px;
  position: relative;
  z-index: 1;
}

#menu li.dropdown-search-box .search {
  position: relative;
  white-space: nowrap;
}

#search-input {
  background: none;
  border: none;
  border-left: 1px solid #31be67;
  box-shadow: none;
  font-size: 12px;
  color: #31be67;
  width: 183px;
  padding-right: 0;
  height: 26px;
}

#search-input[placeholder],
#search-input::-webkit-input-placeholder {
  color: #31be67;
}

.ie #search-input,
.ipad #search-input {
  width: 178px;
}

.ipad .navbar-form {
  margin-left: 0;
}

#userNav {
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: auto;
  right: auto;
  z-index: 999;
  background: #f0f2f2;
  -moz-transition: bottom 0.4s ease-in-out;
  -o-transition: bottom 0.4s ease-in-out;
  -webkit-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out;
  max-width: 1600px;
}

#userNav.off {
  bottom: -60px;
  -moz-transition: bottom 0.4s ease-in-out;
  -o-transition: bottom 0.4s ease-in-out;
  -webkit-transition: bottom 0.4s ease-in-out;
  transition: bottom 0.4s ease-in-out;
}

@media (max-width:1024px) {
  #userNav {
    height: 44px;
    line-height: 44px;
    font-size: 16px;
  }

  .touch #userNav {
    display: none;
  }

  #userNav.off {
    bottom: -44px;
  }
}


@media (min-width: 768px) {
  #userNav div[class^='col'] {
    border-left: 1px solid #484848;
  }

  #userNav div[class^='col']:last-child {
    border-right: 1px solid #484848;
  }
}

#userNav .visible-xs select {
  width: 100%;
  border: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

#userNav .visible-xs select::-ms-expand {
  display: none;
}

#userNav .visible-xs select:focus {
  outline: none;
  border: none;
}

#userNav a {
  color: #484848;
}

#userNav a:hover {
  color: #31be67;
}

#userNav a:after {
  content: '';
  width: 20px;
  height: 1px;
  background: #484848;
  position: absolute;
  z-index: 1;
  left: 16px;
  bottom: 15px;
}

#userNav a:hover:after {
  background: #31be67;
}

/*--------------------------------------------------
Menu Mobile
--------------------------------------------------*/
#menu-mobile {
  display: none;
  text-align: right;
}

.navbar-toggle {
  margin: 7px -5px 0 0;
  padding: 0;
  color: #31be67;
  text-align: center;
  width: 44px;
  height: 44px;
}

.navbar-toggle .fa {
  font-size: 30px;
}

.navbar-toggle span {
  display: block;
  font-size: 10px;
  margin-top: 3px;
  line-height: 1;
}

.navbar-toggle span[data-icon] {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 20px;
  margin-right: 5px;
}

#nav-mobile {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  background: #f5f7fa;
  text-align: left;
  padding: 0 15px;
  text-transform: uppercase;
  font-size: 14px;
  z-index: 1000;
  overflow: hidden;
  height: 0;
}

#nav-mobile .glyphicon {
  margin-right: 6px;
}

.open-mobile #nav-mobile {
  overflow-y: auto;
  overflow-x: hidden;
}

#nav-mobile .nav li {
  border-bottom: 1px solid #e6e9ed;
  margin-top: -1px;
}

#nav-mobile .nav li>a {
  color: #31be67;
  display: block;
  padding: 15px 0;
  font-size: 16px;
  font-weight: 700;
}

#nav-mobile .nav li>a.on,
#nav-mobile .nav li.on>a {
  color: #484848;
}

#nav-mobile .nav li>a:hover {
  background: none;
  color: #3bd777;
}

#nav-mobile .serviceMenu.nav li>a {
  color: #484848;
}

#nav-mobile .serviceMenu.nav li>a:hover {
  color: #989898;
}

/*#nav-mobile .nav li ul { display: block; margin: 0; padding: 0; list-style: none; border-top: 1px solid #e6e9ed; font-size: 13px; }
#nav-mobile .nav li > ul > li > a { padding: 15px; color: #31be67; }
#nav-mobile .nav li > ul > li > a:hover { color: #fff; background-color: #3bd777; }
#nav-mobile .nav li > ul > li > ul > li > a { padding: 15px 15px 15px 30px; color: #31be67; }
#nav-mobile .nav li > ul > li > ul > li > a:hover { color: #fff; background-color: #3bd777; }*/
/* serach form */
#nav-mobile>ul {
  right: 0;
  width: auto;
}

#nav-mobile .search {
  position: relative;
  white-space: nowrap;
  margin: 0;
  padding: 10px;
  background: #31be67;
  color: #fff;
  margin-bottom: 44px;
}

#nav-mobile #search-input {
  border-color: #fff;
  width: 90%;
  color: #fff;
  font-size: 16px;
}

#nav-mobile .btn-search {
  color: #fff;
}

#nav-mobile .form-control::-webkit-input-placeholder {
  color: #fff;
}

#nav-mobile .form-control:-moz-placeholder {
  color: #fff;
}

#nav-mobile .form-control::-moz-placeholder {
  color: #fff;
}

#nav-mobile .form-control:-ms-input-placeholder {
  color: #fff;
}

/* MD */
@media (min-width:992px) and (max-width:1199px) {
  #serviceMenu ul>li>a {
    padding-left: 20px;
  }

  #serviceMenu ul>li.social>a {
    padding: 11px 0 0 10px;
    font-size: 15px;
  }


  .navbar-form {
    padding: 0;
    margin-left: 20px;
  }

  #menu ul>li>a {
    padding-left: 15px;
  }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {

  #serviceMenu,
  #menu {
    display: none;
  }

  #menu-mobile,
  .navbar-toggle {
    display: block;
  }

  #header {
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 22;
  }

  #header .container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }

  .wrapper {
    padding-top: 70px;
  }

  .logo img {
    width: 60px;
    height: auto;
  }

  /* .logo img { width: 100px; height: auto; }*/

  .header-spacer {
    display: none;
  }
}

/* XS */
@media (max-width: 767px) {

  #serviceMenu,
  #menu {
    display: none;
  }

  #menu-mobile,
  .navbar-toggle {
    display: block;
  }

  #header {
    padding: 5px 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 22;
  }

  .wrapper {
    padding-top: 70px;
  }

  .logo img {
    width: 60px;
    height: auto;
  }

  /*.logo img { width: 100px; height: auto; }*/

  #nav-mobile #search-input {
    width: 85%;
    font-size: 13px;
  }

  #nav-mobile #search-input2 {
    width: 85%;
    display: inline-block;
  }

  #nav-mobile #search-input,
  #nav-mobile .btn-search {
    display: inline-block;
    vertical-align: middle;
  }

  .header-spacer {
    display: none;
  }
}


/*--------------------------------------------------
Breadcrumb
--------------------------------------------------*/
.breadcrumb>li+li:before {
  color: #fff;
  content: "> ";
}


/*--------------------------------------------------
Big Slideshow
--------------------------------------------------*/
.main-slideshow {
  width: 100%;
  position: relative;
  z-index: 1;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}

.main-slideshow .slick-list {
  z-index: 0;
}

.main-slideshow .slick-dots {
  z-index: 1;
}

@media (min-width:992px) {
  .main-slideshow {
    margin-top: -50px;
  }
}

.main-slideshow .slick-slider {
  margin-bottom: 0;
}

.main-slideshow .slick-slide {
  background: #fff;
}

.main-slideshow .container {
  position: relative;
  z-index: 1;
}

.main-slideshow .description {
  position: absolute;
  z-index: 2;
  width: 100%;
}

.main-slideshow .prodotto {
  top: 22%;
  left: 0;
}

.main-slideshow .prodotto.left {
  top: 32%;
}

.main-slideshow .istituzionale {
  top: 40%;
}

.main-slideshow .description.center {
  text-align: center;
}

.main-slideshow .description.left {
  text-align: left;
}

.main-slideshow .description.right {
  text-align: left;
  right: 0;
}

.main-slideshow .description.left .txt,
.main-slideshow .description.right .txt,
.main-slideshow .description.left .tit,
.main-slideshow .description.right .tit {
  width: 55%;
}

.main-slideshow .description.right .tit,
.main-slideshow .description.right .txt,
.main-slideshow .description.right .cta {
  margin-left: 45%;
}

.main-slideshow .prodotto .tit {
  font-size: 120px;
  line-height: 120px;
  color: #fff;
  font-weight: 200;
}

.main-slideshow .prodotto.left .tit {
  text-indent: -10px;
}

.main-slideshow .prodotto .txt {
  font-size: 20px;
  line-height: 30px;
  color: #101114;
  font-weight: 400;
}

.main-slideshow .istituzionale .tit {
  font-size: 60px;
  line-height: 60px;
  color: #31be67;
  font-weight: 500;
}

.main-slideshow .istituzionale .txt {
  font-size: 20px;
  line-height: 30px;
  color: #101114;
  font-weight: 400;
}

.main-slideshow .txt {
  margin-top: 18px;
}

.main-slideshow .cta {
  margin-top: 12px;
  display: inline-block;
}

.main-slideshow .prodotto .cta {
  color: #fff;
}

.main-slideshow .istituzionale .cta {
  color: #31be67;
}

.main-slideshow .prodotto .cta:hover {
  color: #101114;
}

.main-slideshow .istituzionale .cta:hover {
  color: #3bd777;
}

.main-slideshow .cta span {
  display: inline-block;
  vertical-align: middle;
}

.main-slideshow .cta span[data-icon] {
  font-size: 31px;
  height: 31px;
  margin-left: 12px;
}

.ie9 .main-slideshow .cta span[data-icon] {
  height: 35px;
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
  .main-slideshow .prodotto {
    top: 26%;
  }

  .main-slideshow .prodotto .tit {
    font-size: 60px;
    line-height: 60px;
  }

  .main-slideshow .prodotto.left .tit {
    text-indent: 0px;
  }

  .main-slideshow .istituzionale .tit {
    font-size: 40px;
    line-height: 40px;
  }

  .main-slideshow .description.left .txt,
  .main-slideshow .description.right .txt,
  .main-slideshow .description.left .tit,
  .main-slideshow .description.right .tit {
    width: 50%;
  }

  .main-slideshow .description.right .tit,
  .main-slideshow .description.right .txt,
  .main-slideshow .description.right .cta {
    margin-left: 50%;
  }
}

/* SM & XS */
@media (max-width: 991px) {
  .main-slideshow {
    background: #fff;
    overflow: visible;
  }

  .main-slideshow .description {
    position: static;
  }

  .main-slideshow .prodotto .tit {
    font-size: 36px !important;
    line-height: 36px !important;
    text-indent: 0 !important;
    color: #31be67 !important;
    margin-top: 30px;
  }

  .main-slideshow .istituzionale .tit {
    font-size: 24px !important;
    line-height: 30px !important;
    text-indent: 0 !important;
    color: #31be67 !important;
    margin-top: 30px;
  }

  .main-slideshow .description .txt {
    font-size: 14px !important;
    line-height: 20px !important;
    margin-bottom: 30px;
  }

  .main-slideshow .description .tit,
  .main-slideshow .description .txt {
    width: 100% !important;
  }

  .main-slideshow .description.right .tit,
  .main-slideshow .description.right .txt,
  .main-slideshow .description.right .cta {
    margin-left: 0;
  }

  .main-slideshow .cta {
    color: #31be67 !important;
  }

  .main-slideshow .slick-slider {
    margin-bottom: 45px;
  }
}


/*--------------------------------------------------
Homepage
--------------------------------------------------*/
.slick-dots li button:before {
  font-size: 7px;
}

.slick-dots li.slick-active button:before {
  font-size: 10px;
}

.prod-cta a {
  display: block;
}

.il-vortice .btn {
  margin-top: 34px;
}

.il-vortice .btn.btn-border {
  margin-left: 23px;
}

#logoBg {
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: -4px;
}

.newsSlider {
  z-index: 2;
}

.newsWrap {
  -moz-column-count: 3;
  -moz-column-gap: 30px;
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 30px;
  column-gap: 30px;
  width: 100%;
  -webkit-column-fill: balance;
  -moz-column-fill: balance;
  column-fill: balance;
}

.news-box {
  display: inline-block;
  /* Display inline-block, and absolutely NO FLOATS! */
  margin-bottom: 30px;
  width: 100%;
  background: #fff;
  position: relative;
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ie9 .news-box {
  width: 30%;
  margin: 0 1.5% 30px;
  vertical-align: top;
}

.news-box a {
  display: block;
}

.news-box a img {
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.news-box a:hover img {
  opacity: 0.7;
  -moz-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.news-box .news-title,
.risultati_press .title {
  color: #31be67;
  font-weight: 200;
  font-size: 40px;
  line-height: 40px;
  padding: 0 22px;
  margin-bottom: 7px;
}

.news-box .news-abstract,
.risultati_press .abstract {
  font-size: 16px;
  color: #101114;
  padding: 0 22px;
  margin-bottom: 36px;
}

.news-box .news-date,
.risultati_press .date {
  font-size: 16px;
  color: #989898;
  margin-bottom: 6px;
  padding: 0 22px;
  margin-top: 42px;
}

.news-box img,
.risultati_press img {
  width: 100%;
}

.news-box span,
.risultati_press span {
  color: #31be67;
}

.news-box span:hover,
.risultati_press span:hover {
  color: #3bd777;
}

.play {
  color: #fff;
  font-weight: 200;
  font-size: 40px;
  line-height: 40px;
}

.video-title {
  color: #fff;
  font-size: 16px;
}

.overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(49, 190, 103, 0.7);
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.overlay:hover {
  background: rgba(49, 190, 103, 0.9);
  -moz-transition: background 0.2s ease-in-out;
  -o-transition: background 0.2s ease-in-out;
  -webkit-transition: background 0.2s ease-in-out;
  transition: background 0.2s ease-in-out;
}

.overlay a {
  display: table;
  width: 100%;
  height: 100%;
}

.overlay a span {
  display: table-cell;
  vertical-align: middle;
}

.prod-name {
  font-size: 20px;
  line-height: 28px;
  color: #31be67;
  font-weight: 700;
  margin-top: 12px;
}

.prod-desc {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 8px;
}

.prod-desc p {
  margin: 0;
}

@media (min-width: 768px) {
  .prod-desc {
    min-height: 80px;
  }
}

.prod-cta {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-top: 14px;
}

.prod-cta .fcg span {
  display: inline-block;
  vertical-align: middle;
}

.prod-cta .fcg span[data-icon] {
  font-size: 31px;
  margin-left: 12px;
}

.prod-cta .fclg {
  margin-top: 6px;
}

.prod-cta .fclg span[data-icon] {
  font-size: 15px;
  margin-left: 12px;
}

#showreel-prodotti {
  padding-bottom: 30px;
}

@media (max-width: 991px) {
  #showreel-prodotti .item {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  #showreel-prodotti .item:nth-child(3n+1) {
    clear: left;
  }
}

/* LG */
@media (min-width:991px) {
  #main-slideshow .slick-dots {
    bottom: 42%;
    width: 20px;
    right: 40px;
    left: auto;
  }
}

/* MD & SM */
@media (min-width: 768px) and (max-width: 1199px) {
  .newsWrap {
    -moz-column-count: 2;
    -moz-column-gap: 30px;
    -webkit-column-count: 2;
    -webkit-column-gap: 30px;
    column-count: 2;
    column-gap: 30px;
    width: 100%;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
  }
}

/* XS */
@media (max-width: 767px) {
  .newsWrap {
    -moz-column-count: 1;
    -moz-column-gap: 30px;
    -webkit-column-count: 1;
    -webkit-column-gap: 30px;
    column-count: 1;
    column-gap: 30px;
    width: 100%;
    -webkit-column-fill: balance;
    -moz-column-fill: balance;
    column-fill: balance;
  }

  .il-vortice .btn {
    margin-top: 34px;
    width: 49.3%;
    min-width: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 14px 0 12px;
  }

  .il-vortice .btn.btn-border {
    margin-left: 0;
  }

  .il-vortice .col-sm-3 {
    margin-bottom: 20px;
  }

  .news-box {
    background: none;
    border-bottom: 1px solid #989898;
  }

  .news-box:last-child {
    border-bottom: 0;
  }

  .news-box.video {
    border: none;
  }

  .news-box.video:after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #989898;
    position: absolute;
    bottom: -30px;
    left: 0;
  }

  #showreel-prodotti img {
    width: 100%;
  }

  .prod-cta span[data-icon] {
    display: none;
  }
}


/*--------------------------------------------------
Hero
--------------------------------------------------*/
#hero {
  width: 100%;
  text-align: center;
  background: #c5ced2;
  padding: 8% 25%;
}

#loadAjax #hero {
  padding-top: 40px;
  padding-bottom: 40px;
}

#loadAjax #hero .fs60 {
  font-size: 40px;
  line-height: 40px;
  margin-bottom: 6px;
  color: #fff;
}

#loadAjax #default {
  padding-top: 40px;
  padding-bottom: 0;
}

#loadAjax .inner-top-xs {
  padding-top: 20px;
}

#loadAjax .outer-top-xs {
  margin-top: 20px;
}

#loadAjax .inner-top-xs {
  padding-top: 20px;
}

#hero.heroImage {
  background-size: cover;
  position: relative;
  z-index: 0;
}

#hero.heroImage h1,
#hero.heroImage h2 {
  position: relative;
  z-index: 2;
  color: #101114;
}

#hero.heroImage:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
  top: 0;
  left: 0;
}

#hero h1 {
  color: #fff;
  margin-bottom: 0;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
}

#hero h1+h2 {
  margin-top: 6px;
}

#hero h1+h2:empty {
  margin-top: 0;
}

/*#hero.product {
    padding: 12% 15% 5.7%;
}*/

#hero.product h1 {
  max-width: 780px;
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
  #hero {
    padding: 5.7% 15%;
  }
}

/* SM */
@media (max-width: 991px) {
  #hero {
    padding: 10% 5%;
  }
}


/*--------------------------------------------------
Lista Famiglie
--------------------------------------------------*/
#famiglie {
  background: #31be67;
}

#famiglie .col-5 {
  width: 20%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: #31be67;
  border-left: 1px solid #81d5a1;
  height: 60px;
}

#famiglie .col-6 {
  width: 16%;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: #31be67;
  border-left: 1px solid #81d5a1;
  height: 60px;
}

#famiglie .container .col-5:last-child,
#famiglie .container .col-6:last-child {
  border-right: 1px solid #81d5a1;
}

#famiglie .container:first-child .col-5,
#famiglie .container:first-child .col-6 {
  border-bottom: 1px solid #81d5a1;
}

#famiglie .col-5 a,
#famiglie .col-6 a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  display: block;
  padding: 16px;
}

#famiglie .col-5:hover,
#famiglie .col-6:hover {
  background: #3bd777;
}

#listFamiglie .boxFam {
  background: #31be67;
  padding: 20px;
  margin-bottom: 30px;
}

#listFamiglie .col-xs-6:hover .boxFam {
  background: #3bd777;
}

#listFamiglie .row:last-child .boxFam {
  margin-bottom: 0px;
}

/* SM */
@media (max-width: 991px) {

  #famiglie .col-5 a,
  #famiglie .col-6 a {
    font-size: 14px;
    line-height: 14px;
  }

  #listFamiglie .boxFam .text {
    display: none;
  }
}

/* XS */
@media (max-width: 767px) {
  #listFamiglie .boxFam {
    padding: 10px 20px 10px 10px;
  }

  #listFamiglie .boxFam .fs20 {
    font-size: 14px !important;
    line-height: 20px !important;
  }

  #famiglie {
    display: none;
  }
}


/*--------------------------------------------------
Lista Categorie
--------------------------------------------------*/
#filter {
  background: #f0f2f2;
  position: relative;
  z-index: 20;
}

#filter .wrap-centriAssistenza {
  display: flex;
  flex-wrap: wrap;
}

#filter .wrap-centriAssistenza .radio {
  width: 50%;
  display: flex;
}

#filter .wrap-centriAssistenza .radio label.settAss[for=sett21] {
  background-position: 18px 3px;
}

#filter .col-4 {
  width: 25%;
  text-align: left;
  background: #f0f2f2;
  border-left: 1px solid #c5ced2;
  display: table;
  height: 60px;
  float: left;
  position: relative;
  z-index: 0;
}

#filter .filter {
  display: table-cell;
  vertical-align: middle;
  height: 60px;
}

@media (min-width: 481px) {
  #filter .col-2:nth-child(3) .filter {
    border-top: 1px solid #fff;
  }

  #filter .col-2:nth-child(4) .filter {
    border-top: 1px solid #fff;
  }
}

#filter .filter .tooltip-arrow {
  display: block;
  vertical-align: middle;
  height: auto;
  border-right-color: #c5ced2;
}

#filter .tooltip.in {
  opacity: 1;
}

#filter .container .tooltip-inner {
  display: block;
  height: auto;
  z-index: 9999;
  padding: 10px 10px;
  background: #c5ced2;
  color: #101114;
  font-size: 14px;
  line-height: 20px;
}

#filter .form-control {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: none;
  box-shadow: none;
  border: none;
  outline: none;
  color: #31be67;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 25px;
}

#filter .form-control::-ms-expand {
  display: none;
}

.ie9 #filter span[data-icon=g] {
  display: none;
}

#filter .form-control.error,
#filter .form-control.error+span[data-icon=g] {
  color: #c00;
}

.ie9 #filter .form-control.error {
  background: #e57f7f;
}

#filter .form-control optgroup {
  font-size: 14px;
}

#filter .form-control option {
  color: #101114;
}

#filter span[data-icon=g] {
  font-size: 11px;
  position: absolute;
  z-index: 2;
  right: 14px;
  top: 50%;
  margin-top: -5px;
  color: #31be67;
}

#filter .container .col-4:last-child {
  border-right: 1px solid #c5ced2;
}

#filter .container:first-child .col-4 {
  border-bottom: 1px solid #f0f2f2;
}

#filter .container .col-2:nth-child(2) {
  border-right: 1px solid #f0f2f2;
}

#filter .col-4 a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  display: block;
  padding: 16px;
}

#filter .col-4:hover {
  background: #fff;
}

#filter .btn-search {
  color: #31be67 !important;
  min-width: 0;
}

#filter .col-4 .form-control::-webkit-input-placeholder {
  color: #31be67 !important;
}

#filter .col-4 .form-control:-moz-placeholder {
  color: #31be67 !important;
}

#filter .col-4 .form-control::-moz-placeholder {
  color: #31be67 !important;
}

#filter .col-4 .form-control:-ms-input-placeholder {
  color: #31be67 !important;
}

#filter .col-4 .form-control.error::-webkit-input-placeholder {
  color: #c00 !important;
}

#filter .col-4 .form-control.error:-moz-placeholder {
  color: #c00 !important;
}

#filter .col-4 .form-control.error::-moz-placeholder {
  color: #c00 !important;
}

#filter .col-4 .form-control.error:-ms-input-placeholder {
  color: #c00 !important;
}

#filter .col-4 .btn-search:hover,
#filter .col-4 .btn-search:focus,
#filter .col-4 .btn-search:active {
  background: none !important;
}

#filter .col-4 input.form-control,
#filter .col-4 button {
  display: inline-block;
  vertical-align: middle;
}

#filter .col-4 input.form-control {
  width: 70%;
  border-bottom: 2px solid #31be67;
  margin-left: 5%;
  padding-left: 0;
}

#filter .col-4 button {
  width: 20%;
}

#listFamiglie .boxFam {
  background: #31be67;
  padding: 20px;
  margin-bottom: 30px;
}

#listFamiglie .col-xs-6:hover .boxFam {
  background: #3bd777;
}

#listFamiglie .row:last-child .boxFam {
  margin-bottom: 0;
}

#filter>div:last-child {
  background: #989898;
}

#filter .col-2 .form-control,
#filter .col-2 span[data-icon=g] {
  color: #fff;
}

#filter .col-2:nth-child(0) {
  z-index: 5;
}

#filter .col-2:nth-child(1) {
  z-index: 4;
}

#filter .col-2:nth-child(2) {
  z-index: 3;
}

#filter .col-2:nth-child(3) {
  z-index: 2;
}

#filter .col-2:hover {
  z-index: 9;
}

#filter .container .col-2:last-child {
  border-right: 1px solid #fff;
}

#filter .container .col-2 {
  border-bottom: none;
}

#filter .col-2 {
  width: 50%;
  text-align: left;
  background: #989898;
  border-left: 1px solid #fff;
  display: table;
  height: 60px;
  float: left;
  position: relative;
  z-index: 0;
}

#filter .col-2:hover {
  background: #484848;
}

#filter .help {
  width: 22px;
  height: 22px;
  display: inline-block;
  background: #31be67;
  border-radius: 32px;
  text-align: center;
  line-height: 23px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  font-style: italic;
  font-family: Georgia;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  left: 8px;
  cursor: pointer;
}

#filter .withHelp {
  padding-left: 35px;
}

@media (max-width: 767px) {
  #filter .wrap-centriAssistenza {
    display: block;
  }

  #filter .wrap-centriAssistenza .radio {
    width: 100%;
  }

  #filter .help {
    display: none;
  }

  #filter .withHelp {
    padding-left: 12px;
  }
}

#listCat .row {
  margin-bottom: 30px;
}

.listProd {
  padding: 50px 0 0;
  background: #fff;
  margin-bottom: 30px;
}

.listProd:last-child {
  margin-bottom: 0;
}

#listCat .listProd .row {
  margin-bottom: 0;
}

#listCat .verticalAlignP {
  height: 165px;
  width: 100%;
}

#listCat .row>div:first-child .verticalAlignP {
  background: #31be67;
  text-align: center;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}

#listCat .btn {
  min-width: 0;
  max-width: 100%;
  padding: 14px 15px 12px;
  display: block;
  width: 100%;
}

.showList .btnOff,
.showList.on .btnOn {
  display: none;
}

.showList.on .btnOff,
.showList .btnOn {
  display: inline-block;
}

.btn.showList.on {
  background: #484848;
}

.btn.showList.on:hover {
  background: #989898 !important;
}

.btn-configure {
  display: block;
  text-align: left;
  margin-top: 15px;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  width: 100%;
  padding-left: 20px;
}

.btn-configure span {
  white-space: nowrap;
  display: inline-block;
}

.btn-configure:before {
  content: '';
  position: absolute;
  top: 3px;
  left: 5px;
  width: 5px;
  height: 5px;
  background: #fff;
  box-shadow: 0 0 0 4px #31be67;
  border-radius: 50%;
}

.btn-configure-border {
  border: 1px solid #31be67;
  margin-top: 10px;
  background: #fff;
  color: #31be67;
}

.listProd .btn-configure {
  margin-top: auto;
  font-size: inherit;
  padding-left: 23px;
}

.listProd .btn-configure:before {
  top: 16px;
}

.singleProd {
  margin-bottom: 50px;
}

.ricerca-libera .singleProd {
  margin-bottom: 80px;
}

.singleProd a {
  display: block;
}

.singleProd a img {
  margin-bottom: 30px;
}

.singleProd h3 {
  min-height: 110px;
}

.singleProd .btn {
  margin-top: 24px;
}

.listProd .nav-tabs {
  border-color: #c5ced2;
  margin-bottom: 35px;
}

.listProd .nav-tabs>li,
.listProd .nav-tabs>li>a,
.listProd .nav-tabs>li.active>a,
.listProd .nav-tabs>li.active>a:hover,
.listProd .nav-tabs>li.active>a:focus {
  border: none;
}

.listProd .nav-tabs>li.active>a,
.listProd .nav-tabs>li.active>a:hover,
.listProd .nav-tabs>li.active>a:focus {
  background: none;
  color: #31be67;
}

.listProd .nav-tabs>li>a {
  color: #878787;
}

.listProd .nav-tabs>li>a:hover {
  color: #484848;
}

.listProd .nav-tabs span[data-icon] {
  margin-right: 12px;
  vertical-align: middle;
}

.detail-labels-wrap,
.compare-items-wrap,
.compare-nav-container {
  padding: 0;
}

.products .col-xs-7.col-sm-9 {
  position: relative;
  padding: 0;
}

.products .col-xs-7.col-sm-9::after {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  background-image: -moz-linear-gradient(left, rgba(39, 43, 55, 0.25), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(left, rgba(39, 43, 55, 0.25), rgba(39, 43, 55, 0));
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(39, 43, 55, 0.25)), to(rgba(39, 43, 55, 0)));
  background-image: -webkit-linear-gradient(left, rgba(39, 43, 55, 0.25), rgba(39, 43, 55, 0));
  background-image: -o-linear-gradient(left, rgba(39, 43, 55, 0.25), rgba(39, 43, 55, 0));
  background-image: linear-gradient(left, rgba(39, 43, 55, 0.25), rgba(39, 43, 55, 0));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(39,43,55,0.25)', endColorstr='rgba(39,43,55,0)', GradientType=1);
}

.products .col-xs-7.col-sm-9:before {
  content: '';
  width: 5px;
  height: 100%;
  position: absolute;
  z-index: 10;
  right: 0;
  top: 0;
  /*background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: -webkit-gradient(linear, 0 0, 100% 1, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-image: linear-gradient(left, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1)); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255, 255, 255, 0)', endColorstr='rgba(255, 255, 255, 1)', GradientType=1);*/
  background-image: -moz-linear-gradient(left, rgba(39, 43, 55, 0), rgba(255, 255, 255, 0.25));
  background-image: -ms-linear-gradient(left, rgba(39, 43, 55, 0), rgba(39, 43, 55, 0.25));
  background-image: -webkit-gradient(linear, 0 0, 100% 0.25, from(rgba(39, 43, 55, 0)), to(rgba(39, 43, 55, 0.25)));
  background-image: -webkit-linear-gradient(left, rgba(39, 43, 55, 0), rgba(39, 43, 55, 0.25));
  background-image: -o-linear-gradient(left, rgba(39, 43, 55, 0), rgba(39, 43, 55, 0.25));
  background-image: linear-gradient(left, rgba(39, 43, 55, 0), rgba(39, 43, 55, 0.25));
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(39,43,55,0)', endColorstr='rgba(39,43,55,0.25)', GradientType=1);
}

.compare-items-container .compare-item,
.detail-labels-wrap {
  /*border: 1px solid #c5ced2; border-top: none; border-left: none;*/
  /*padding: 1.25em .9375em 2.5em .9375em;*/
}

.detail-labels-wrap {
  border-right: 1px solid #c5ced2;
}

.detail-label {
  padding: 8px 0;
  min-height: 60px;
  border-bottom: 1px solid #c5ced2;
  font-size: 14px;
  position: relative;
  line-height: 20px;
  font-weight: 500;
  display: table;
  vertical-align: middle;
  width: 100%;
  display: block;
  overflow: hidden;
  max-height: 60px;
}

.detail-label:first-child {
  margin-top: 140px;
  border-top: 1px solid #c5ced2;
}

.detail-label span {
  /* display: table-cell; */
  width: 100%;
  vertical-align: middle;
  padding-right: 10px;
  line-height: 1;
  position: absolute;
  top: 50%;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.compare-items-wrap {
  overflow-x: scroll;
  overflow-y: auto;
  white-space: nowrap;
  font-size: 0;
}

.compare-item {
  text-align: center;
  width: 200px;
  display: inline-block;
  border-right: 1px solid #c5ced2;
}

.compare-item:last-child {
  border: 0;
}

.compare-items-container {}

.product-name {
  -moz-box-shadow: 0 1px 0 0 #c5ced2;
  -webkit-box-shadow: 0 1px 0 0 #c5ced2;
  box-shadow: 0 1px 0 0 #c5ced2;
  padding: 16px 0;
  height: 140px;
}

.product-name h3 {
  white-space: normal;
  padding: 0 10px;
  line-height: 18px;
}

.product-name h3+.ttu+.btn {
  margin-top: 9px;
}

.product-var {
  height: 60px;
  border-bottom: 1px solid #c5ced2;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
  color: #989898;
  padding: 8px 0;
  width: 100%;
  display: table;
  vertical-align: middle;
  text-align: center;
}

.product-var span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  text-align: center;
}

.products.overflowing {
  position: relative;
  z-index: 0;
}

.compare-nav-container {
  height: 100%;
  position: absolute;
  display: block;
  right: 0;
}

.compare-nav-container a {
  width: 44px;
  height: 44px;
  background: #c5ced2;
  text-align: center;
  line-height: 54px;
  display: block;
  color: #fff;
  cursor: pointer;
  font-size: 21px;
  position: absolute;
  top: 50%;
  margin-top: -44px;
  left: 50%;
  margin-left: -22px;
}

.compare-nav-container a:first-child {
  margin-top: 12px;
}

.compare-nav-container a:hover {
  background: #31be67;
}

/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
  #listCat .verticalAlignP {
    height: 135px;
  }
}

/*@media (min-width: 481px) and (max-width: 991px) {
    #filter.geolocatorFilter .col-4:nth-child(3) .filter, #filter.geolocatorFilter .col-4:nth-child(4) .filter {
        border-top: 1px solid #c5ced2;
    }
}*/

/* SM */
@media (max-width: 991px) {
  #filter .container {
    width: 100%;
  }

  #filter .col-4 {
    width: 50%;
  }

  #filter:not(.centriAssistenza) .container .col-4:nth-child(1),
  #filter:not(.centriAssistenza) .container .col-4:nth-child(2) {
    border-bottom: 1px solid #c5ced2;
  }

  #filter:not(.centriAssistenza) .container .col-4:nth-child(2) {
    border-right: 1px solid #c5ced2;
  }

  #filter .container .col-4,
  #filter .container .col-2,
  #filter .filter {
    height: 40px;
  }

  #filter .col-4 button {
    text-align: right;
    padding: 10px 0;
  }

  #listCat .container {
    width: 100%;
  }

  #listCat .col-xs-6 .verticalAlignP {
    height: 100px;
  }

  #listCat .col-xs-12 .verticalAlignP,
  #listCat .col-sm-1 .verticalAlignP {
    height: auto;
  }

  .compare-item {
    width: 200px;
  }

  .products.overflowing.row {
    margin-left: 0;
    margin-right: 0;
  }

  .singleCat>div {
    margin-bottom: 15px;
  }

  #listCat .singleCat .col-xs-6 {
    text-align: center;
  }

  #listCat .singleCat .col-xs-12 .verticalAlignC {
    text-align: left !important;
  }

  #listCat .singleCat .btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}


/* XS */
@media (max-width: 480px) {
  #filter .container {
    width: 100%;
  }

  #filter .col-4,
  #filter .col-2 {
    width: 100%;
    border: 1px solid #c5ced2 !important;
    border-top: none !important;
  }

  #filter .col-4:last-child,
  #filter .col-2:last-child {
    border-bottom: none !important;
  }

  .listProd {
    padding: 30px 0 0;
  }

  .singleProd {
    margin-bottom: 30px;
  }

  .ricerca-libera .singleProd {
    margin-bottom: 80px;
  }

  #listCat .col-xs-6 .verticalAlignP {
    height: 82px;
  }

  #listCat .col-xs-12 .verticalAlignP,
  #listCat .col-sm-1 .verticalAlignP {
    height: 0;
  }

  .detail-label {
    font-size: 10px;
  }

  .compare-item {
    width: 130px;
  }

  #listCat .btn {
    min-width: 0;
    max-width: 100%;
    padding: 10px 10px 8px;
    font-size: 10px;
  }
}


/*--------------------------------------------------
Scheda prodotto
--------------------------------------------------*/
#prodotto {
  padding-top: 90px;
  background: #59ca84;
}

#prodotto .col-sm-6:first-child {
  padding-right: 6%;
}

#prodotto .btn-buy {
  margin-top: 0;
}

#prodotto #back {
  padding-left: 30px;
  height: 20px;
  font-size: 13px;
  display: block;
  background: url(../img/back.jpg) no-repeat top left;
  margin-top: 30px;
  margin-bottom: 33px;
  color: #fff;
  padding-top: 1px;
}

#prodotto #back:hover {
  color: #fff;
  text-decoration: none;
}

#prodotto #code {
  margin-top: 30px;
  margin-bottom: 33px;
}

#prodotto #name {
  margin-bottom: 14px;
}

#prodotto #description {
  margin-bottom: 31px;
}

.ancorWrap {
  border-top: 1px solid #fff;
  margin-bottom: 35px;
  padding-top: 34px;
}

.ancorWrap ul {
  padding: 0;
}

.ancorWrap ul li {
  list-style: none;
  display: inline-block;
  vertical-align: middle;
  width: 40%;
  margin-bottom: 10px;
}

.ancorWrap ul li span {
  vertical-align: middle;
  display: inline-block;
}

.ancorWrap ul li span[data-icon] {
  margin-right: 12px;
  font-size: 11px;
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
  left: 0px;
  position: relative;
}

.ancorWrap ul li a {
  color: #fff;
}

/*.ancorWrap ul li a:hover span {-moz-box-shadow:0 1px 0 0 #fff; -webkit-box-shadow:0 1px 0 0 #fff; box-shadow:0 1px 0 0 #fff;}*/
.ancorWrap ul li a:hover span[data-icon] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 5px;
  -webkit-transition: left 0.2s ease-in-out;
  -moz-transition: left 0.2s ease-in-out;
  -o-transition: left 0.2s ease-in-out;
  transition: left 0.2s ease-in-out;
}

.ctaWrap a,
.btnDropdown.dropdown {
  /*display: inline-block;*/
  vertical-align: middle;
}

.ctaWrap a {
  background: #fff;
  color: #31be67;
  font-size: 12px;
}

.ctaWrap a:hover {
  background: #101114 !important;
  color: #31be67;
}

.btnDropdown.dropdown {
  margin-top: 10px;
  margin-bottom: 10px;
}

.btnDropdown.dropdown .btn.btn-border {
  -moz-box-shadow: inset 0 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
  position: relative;
  z-index: 0;
  padding: 14px 50px 12px 12px;
}

.btnDropdown.dropdown .btn.btn-border span {
  vertical-align: middle;
  display: inline-block;
}

.btnDropdown.dropdown .btn.btn-border span[data-icon] {
  height: 100%;
  width: 39px;
  border: 1px solid #fff;
  position: absolute;
  z-index: 1;
  right: 0;
  top: 0;
  line-height: 45px;
  font-size: 11px;
}

.btnDropdown.dropdown .btn.btn-border:hover,
.btnDropdown.dropdown .btn.btn-border:focus,
.btnDropdown.dropdown .btn.btn-border:active {
  background: none !important;
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff;
  -moz-box-shadow: inset 0 0 0 1px #fff;
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
}

.dropdown-menu {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  padding: 25px;
  width: 100%;
  border: 1px solid #31be67;
}

.dropdown-menu>li>a {
  padding: 0;
  line-height: 40px;
  font-size: 14px;
  color: #31be67;
  font-weight: 500;
}

@media (max-width:1200px) {
  .dropdown-menu li a {
    word-break: break-all;
    white-space: unset;
  }
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background: none !important;
}

#breadcrumb {
  background: #4aa76d;
}

.breadcrumb {
  background: none;
  margin-bottom: 0;
  padding: 10px 15px;
}

.breadcrumb li a {
  color: #fff;
}

.breadcrumb li a:hover {
  text-decoration: underline;
}

#prodGallery {
  z-index: 0;
  margin-bottom: 0;
  margin-bottom: 100px;
}

.webkit.chrome #prodGallery .slick-list {
  overflow: visible;
}

.webkit.chrome #prodGallery .photo img {
  -webkit-filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.2));
  -webkit-filter: drop-shadow(0 15px 15px rgba(0, 0, 0, 0.3));
}

#prodGallery .slick-dots {
  margin-bottom: 0;
  bottom: -70px;
}

#prodGallery .slick-dots li button:before {
  color: #fff;
  opacity: 0.75;
}

#prodGallery .slick-dots li.slick-active button:before {
  opacity: 1;
}

/*#prodFancy {
    margin-top: 20px;
    text-align: right;
    position: relative;
    z-index: 1;
    float: right;
    width: 160px;
}*/

#prodFancy {
  text-align: right;
  position: relative;
  top: -50px;
  float: right;
  display: inline-block;
  width: auto;
}

#prodFancy .fancybox-thumb {
  display: none;
}

#prodFancy a {
  color: #fff;
}

#prodFancy a:hover {
  color: #101114;
}

#prodFancy a span {
  vertical-align: middle;
  display: inline-block;
}

#prodFancy a span[data-icon] {
  margin-left: 12px;
  font-size: 16px;
  height: 16px;
}

#dettaglio {
  background: #fff;
}

#moreDescr .on,
#moreDescr.on .off {
  display: block;
}

#moreDescr .off,
#moreDescr.on .on {
  display: none;
}

#descrizione.on div.fs16 {
  max-height: 4000px;
  transition: max-height 0.5s ease-in-out;
}

#descrizione.on div.fs16:after {
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}

#descrizione div.fs16 {
  line-height: 30px;
  max-height: 335px;
  position: relative;
  z-index: 0;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out;
}

#descrizione div.fs16.noMore:after {
  display: none;
}

#descrizione div.fs16:after {
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
  content: '';
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 59%, rgba(255, 255, 255, 0.89) 60%, rgba(255, 255, 255, 1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(59%, rgba(255, 255, 255, 0.89)), color-stop(60%, rgba(255, 255, 255, 0.89)), color-stop(100%, rgba(255, 255, 255, 1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 59%, rgba(255, 255, 255, 0.89) 60%, rgba(255, 255, 255, 1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 59%, rgba(255, 255, 255, 0.89) 60%, rgba(255, 255, 255, 1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 59%, rgba(255, 255, 255, 0.89) 60%, rgba(255, 255, 255, 1) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.89) 59%, rgba(255, 255, 255, 0.89) 60%, rgba(255, 255, 255, 1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}

#moreDescr {
  margin-top: 16px;
  cursor: pointer;
  display: block;
}

#galleryAmbientate {
  margin-bottom: -1px;
  border-bottom: 1px solid #fff;
}

.galleryAmbientate.tac {
  margin-left: -15px;
  margin-right: -15px;
}

.galleryAmbientate.tac .item {
  width: 100% !important;
}

#galleryAmbientate .container-fluid {
  padding: 0;
}

#galleryAmbientate .slick-prev {
  left: -15px;
  background: #31be67;
  background: rgba(49, 190, 103, 0.7);
  height: 100%;
  width: 80px;
  border-radius: 0 !important;
  min-height: 300px;
  top: 0;
  margin-top: 0;
}

#galleryAmbientate .slick-next {
  right: -15px;
  background: #31be67;
  background: rgba(49, 190, 103, 0.7);
  height: 100%;
  width: 80px;
  border-radius: 0 !important;
  min-height: 300px;
  top: 0;
  margin-top: 0;
}

#galleryAmbientate .slick-prev:hover,
#galleryAmbientate .slick-next:hover {
  background: #31be67;
  background: rgba(49, 190, 103, 1);
}

#galleryAmbientate .slick-prev:before {
  content: 'e';
  font-size: 17px;
  color: #fff;
  line-height: 100%;
}

#galleryAmbientate .slick-next:before {
  content: 'd';
  font-size: 17px;
  color: #fff;
  line-height: 100%;
}

#galleryAmbientate .item {
  /*height: 800px;*/
  padding: 0 5px;
  display: inline-block;
  max-width: 100%;
}

#certificazioni .mbl {
  margin-bottom: 42px;
}

#certificazioni li div {
  display: block;
  height: 39px;
  padding: 9px 0;
}

#certificazioni li a:hover .fclg,
#certificazioni li a:hover .fcgg {
  color: #31be67 !important;
}

#certificazioni ul {
  padding: 0;
}

#certificazioni li {
  list-style: none;
  border-bottom: 1px solid #c5ced2;
  position: relative;
  z-index: 1;
}

#certificazioni li span.tar {
  width: 35%;
}

#certificazioni li span.tal {
  width: 63%;
}

#certificazioni li span[data-icon] {
  margin-left: 6px;
}

#certificazioni li span,
#certificazioni li img {
  display: inline-block;
  vertical-align: middle;
}

#certificazioni li img {
  margin-right: 20px;
}

#certificazioni .eti-energ {
  display: block;
  border: 1px solid #31be67;
  color: #31be67;
  text-transform: uppercase;
  font-size: 14px;
  padding-top: 2px;
  position: relative;
  margin-top: 80px;
  font-weight: 600;
}

#certificazioni .eti-energ:before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(49, 190, 103, 0.15);
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  opacity: 1;
}

#certificazioni .eti-energ:hover:before {
  opacity: 0;
}

#certificazioni .eti-energ img {
  vertical-align: middle;
  padding: 0 10px;
  position: relative;
  top: -1px;
}

#certificazioni li a.download {
  position: absolute;
  top: 13px;
  right: 5px;
  z-index: 1;
  font-size: 16px;
}

#certificazioni li a.download span[data-icon] {
  position: static;
  color: #31be67;
  padding: 0;
  background: none;
  opacity: 1;
  transform: none;
  font-size: 14px;
}

#certificazioni li a.download span {
  position: absolute;
  background: #31be67;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  left: 50%;
  top: -10px;
  opacity: 0;
  padding: 2px 5px;
  border-radius: 2px;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  pointer-events: none;
}

#certificazioni li a.download:hover {
  color: #31be67;
}

#certificazioni li a.download:hover span {
  opacity: 1;
  top: -22px;
}

.int #ctaReminder.pre-post-sales {
  display: none !important;
}

#ctaReminder .fs40.fwb {
  margin-bottom: 16px;
}

#ctaReminder {
  background: #31be67;
}

#ctaReminder .text {
  padding: 0 9%;
}

#ctaReminder .btn {
  margin-top: 26px;
}

#ctaReminder .col-sm-6:first-child .btn,
#ctaReminder .col-sm-6 .btn.btnWhite {
  background: #fff;
  color: #31be67;
  margin-left: 15px;
  margin-right: 15px;
}

#ctaReminder .col-sm-6:first-child .btn:hover,
#ctaReminder .col-sm-6:first-child .btn:focus,
#ctaReminder .col-sm-6:first-child .btn:active,
#ctaReminder .col-sm-6 .btn.btnWhite:hover,
#ctaReminder .col-sm-6 .btn.btnWhite:focus,
#ctaReminder .col-sm-6 .btn.btnWhite:active {
  background: #101114 !important;
  color: #31be67;
}

#ctaReminder .btnDropdown.dropdown {
  margin-left: 0;
}

#schedaTecnica .nav-tabs>li>a {
  color: #878787;
  font-size: 20px;
  border: none !important;
}

#schedaTecnica .nav-tabs>li {
  margin-bottom: 0;
}

#schedaTecnica .nav-tabs>li.active>a:hover {
  color: #484848;
}

#schedaTecnica .nav-tabs>li.active>a,
#schedaTecnica .nav-tabs>li.active>a:hover,
#schedaTecnica .nav-tabs>li.active>a:focus {
  color: #31be67;
}

#schedaTecnica .nav-tabs {
  border-bottom: 1px solid #101114;
  margin-bottom: 70px;
}

#schedaTecnica ul {
  list-style: none;
  padding: 0;
  font-size: 16px;
  color: #989898;
  line-height: 40px;
}

#schedaTecnica ul li {
  margin-bottom: 25px;
}

#schedaTecnica ul li:last-child {
  margin-bottom: 0;
}

#schedaTecnica li div {
  line-height: 20px;
}

#schedaTecnica li .tar {
  color: #101114;
}

.fancybox-close {
  background-color: #101114;
  width: 34px;
  height: 34px;
  top: 0;
  right: 0;
}

.fancybox-nav {
  width: 10%;
  height: 80%;
  top: 10%;
}

.fancybox-nav span {
  visibility: visible;
}

.fancybox-title-float-wrap {
  width: 60%;
  bottom: -30px;
}

.fancybox-title-float-wrap .child {
  white-space: normal;
}


/* MD */
@media (max-width:1199px) {
  .ctaWrap a {
    width: 100%;
  }

  .ctaWrap .btnDropdown.dropdown {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
  }

  .ctaWrap .btnDropdown.dropdown .btn.btn-border {
    width: 100%;
  }

  #prodotto #code {
    margin-top: 0;
  }

  #prodFancy {
    margin-top: 60px;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
    z-index: 1;
    width: 100%;
    top: auto;
    float: none;
    display: block;
  }
}

/* SM */
@media (min-width:768px) and (max-width:991px) {
  #prodotto {
    padding: 30px 0;
  }

  #prodotto #code {
    margin-top: 0;
  }

  #prodFancy {
    margin-bottom: 0;
  }

  #schedaTecnica ul {
    font-size: 14px;
  }

  #schedaTecnica li .tar {
    font-size: 13px;
  }

  #schedaTecnica li div {
    line-height: 18px;
  }
}

/* XS */
@media (max-width: 767px) {
  #prodotto {
    padding: 30px 0;
  }

  #prodotto .col-sm-6:first-child {
    padding-right: 15px;
  }

  #prodotto #code {
    margin-top: 0;
  }

  .breadcrumb {
    padding: 10px 0px;
  }

  .breadcrumb li {
    display: block;
  }

  #certificazioni {
    margin-top: 60px;
  }

  #certificazioni .eti-energ {
    margin-top: 40px;
  }

  #schedaTecnica img {
    margin-bottom: 30px;
  }

  #prodGallery {
    margin-top: 30px;
  }

  #prodGallery .slick-slide img {
    width: 100%;
  }

  #schedaTecnica .nav-tabs>li {
    display: block;
    width: 100%;
    font-size: 18px;
  }

  #schedaTecnica .nav-tabs>li>a {
    font-size: 18px;
    padding: 0 13px 10px 0;
  }

  #schedaTecnica ul {
    font-size: 14px;
  }

  #schedaTecnica .nav-tabs {
    margin-bottom: 30px;
  }

  #ctaReminder .col-sm-6:first-child {
    margin-bottom: 30px;
  }

  #prodotto .mbl,
  #dettaglio .mbl {
    margin-bottom: 18px;
  }

  .ancorWrap ul li {
    width: 49%;
  }

  .fancybox-close {
    top: 0;
    right: 0;
  }

  .fancybox-skin {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
  }
}

/*--------------------------------------------------
Trova agenzie di vendita
--------------------------------------------------*/
.risultatiGeolocator {
  background: #31be67 !important;
  padding: 21px 0 18px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  font-weight: 600;
}

.dealer-popup {
  width: 33px;
  height: 33px;
  background: #31be67;
  font-size: 14px;
  text-align: center;
  color: #fff;
  display: block;
  line-height: 36px;
  -moz-border-radius: 33px;
  -webkit-border-radius: 33px;
  border-radius: 33px;
  font-weight: 600;
}

.dealer-popup:hover,
.dealer-popup:active,
.dealer-popup:focus {
  color: #fff;
}

.dealer-name {
  font-weight: 600;
  color: #31be67;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0 10px;
}

.mail {
  text-decoration: underline;
}

.dealer {
  min-height: 170px;
  margin-bottom: 30px;
}

.dealer .cat_details {
  margin-top: 30px;
}

@keyframes blinker {
  from {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  to {
    opacity: 1.0;
  }
}

@-moz-keyframes blinker {
  from {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  to {
    opacity: 1.0;
  }
}

@-webkit-keyframes blinker {
  from {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  to {
    opacity: 1.0;
  }
}

@-ms-keyframes blinker {
  from {
    opacity: 1.0;
  }

  50% {
    opacity: 0.0;
  }

  to {
    opacity: 1.0;
  }
}

.loadingForm,
.loadingTab,
#loading {
  width: 100%;
  height: 100%;
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
}

.loadingForm:after,
.loading,
.loadingTab:after,
#loading:after {
  content: 'loading';
  width: 84px;
  height: 25px;
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  text-align: center;
  margin-top: -12px;
  margin-left: -42px;
  font-size: 16px;
  line-height: 21px;
  color: #31be67;
  border: 3px solid #31be67;
  text-transform: uppercase;
  font-weight: 600;
  animation-name: blinker;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-name: blinker;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}


.tabToOpen {
  min-height: 160px;
}


#filter.geolocatorFilter .container:first-child .col-4 {
  border-bottom: 0;
}

@media (min-width: 480px) {
  #filter.geolocatorFilter .col-4.cap {
    width: 20%;
  }

  #filter.geolocatorFilter .col-4.button {
    width: 13.333%;
  }

  #filter.geolocatorFilter .col-4 {
    width: 33.3333%;
  }
}

#filter .col-4.button {
  width: 10%;
}

@media (min-width:768px) {

  #filter.centriAssistenza .col-4.button,
  #filter.centriAssistenza .col-4.cap,
  #filter.centriAssistenza .col-4 {
    width: 33.333%;
  }
}

.tit.error {
  color: #c00 !important;
}

#filter .col-4.cap:hover {
  background: #f0f2f2;
}

#filter .col-4.button button {
  min-width: 0 !important;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #484848;
}

#filter .col-4.button button:focus,
#filter .col-4.button button:active {
  background: #484848;
}

#filter.geolocatorFilter .col-4 input.form-control {
  width: 80%;
  margin-left: 10%;
}


/*--------------------------------------------------
Sidebar
--------------------------------------------------*/
.bs-docs-sidebar .nav>li {
  margin-top: 5px;
}

.bs-docs-sidebar .nav>li>span {
  padding-left: 0;
  color: #484848;
  text-transform: uppercase;
  font-weight: 600;
}

.bs-docs-sidebar .nav>li>span.on {
  color: #31be67;
}

.bs-docs-sidebar .nav li span a::first-letter,
.bs-docs-sidebar .nav li span::first-letter {
  text-transform: uppercase;
}

.bs-docs-sidebar .nav>li>span a,
.bs-docs-sidebar .nav>li>ul li a {
  text-decoration: none !important;
  color: #484848;
}

.bs-docs-sidebar .nav>li>ul li a {
  line-height: 28px;
}

.bs-docs-sidebar .nav>li>span a:hover,
.bs-docs-sidebar .nav>li>ul li a:hover {
  color: #989898;
}

.bs-docs-sidebar .nav>li>span a.on,
.bs-docs-sidebar .nav>li>ul li a.on {
  color: #31be67;
}

.bs-docs-sidebar .nav>li>ul {
  margin: 20px 0;
  padding: 0 0 0 20px;
  border-left: 1px solid #c5ced2;
}

.bs-docs-sidebar .nav>li>ul li {
  list-style: none;
}

.bs-docs-sidebar .mbxs.fwb {
  font-size: 20px;
  font-weight: 400 !important;
  border-bottom: 2px solid #989888;
  color: #989898;
  display: inline-block;
  margin-bottom: 20px;
  padding-right: 5px;
}

/*.bs-docs-sidebar .nav > li > span.a2156 {
    background: #31be67;
    text-align: center;
    margin: 20px 0;
    text-decoration: none !important;
    padding: 10px 5px !important;
    width: 80%;
    color: #fff;
}*/

.search-file input {
  width: 90%;
  display: block;
  float: left;
  background: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  border-bottom: 2px solid #31be67;
}

.search-file button {
  width: 10%;
  display: block;
  float: left;
  height: 34px;
  color: #31be67;
}

/* XS */
@media (max-width: 767px) {
  .bs-docs-sidebar {
    margin-bottom: 30px;
  }
}

/*--------------------------------------------------
Download
--------------------------------------------------*/
.filtra_list {
  padding: 0 15px;
}

.filtra_tit {
  font-weight: 900;
  font-size: 26px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.risultati_list .filtra_tit {
  margin-bottom: 0;
}

.risultati_list .form-control:focus {
  border-color: #31be67;
  box-shadow: none;
}

.form-control:focus {
  border-color: inherit;
  outline: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.filtra_list .filtri {
  margin: 10px 0 20px;
  padding: 0;
  list-style: none;
}

.filtra_list .filtri .cat {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block;
  margin-bottom: 8px;
}

.filtra_list .filtri li {
  margin-bottom: 20px;
}

.filtra_list .filtri li li {
  margin-bottom: 0;
  margin-top: 10px;
}

.filtra_list .filtri ul {
  margin: 0 0 0 5px;
  padding: 0;
  list-style: none;
}

.filtra_list .filtri label {
  color: #3bd777;
  font-weight: normal;
  cursor: pointer;
}

.filtra_list .filtri label .fs12 {
  display: inline-block;
  margin: 0 4px;
}

.filtra_list .filtri label .fs12 br {
  display: none;
}

.filtra_list .filtri label em {
  color: #31be67;
}

.filtra_list .filtri label input {
  margin: 0 5px 0 0;
  position: relative;
  z-index: 1;
  top: 1px;
}

.risultati_list .tit a {
  font-size: 14px;
  line-height: 20px;
  color: #31be67;
  font-weight: 700;
  margin: 16px 0 8px;
  display: block;
  word-break: break-all;
}

.risultati_list .txt {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin-top: 8px;
}

@media (min-width:768px) {
  .risultati_list .tit {
    height: 90px;
    overflow: hidden;
  }

  .risultati_list .txt {
    height: 80px;
    overflow: hidden;
  }
}

.listFile .btn {
  min-width: 0;
  margin-top: 24px;
}

/*--------------------------------------------------
LISTA FILE
--------------------------------------------------*/
.risultati {
  font-size: 0px;
}

.listFile .fs20 {
  line-height: 24px;
  margin-bottom: 10px;
}

.fileItem .text {
  font-size: 14px;
}

.fileItem {
  float: none;
  display: inline-block;
  font-size: 0px;
  vertical-align: top;
}

@media (min-width: 768px) {
  .fileItem .fs20 {
    min-height: 72px;
  }

  .fileItem {
    margin-bottom: 38px;
  }

  /*.fileItem .text {
        min-height: 60px;
    }*/
}


/*--------------------------------------------------
SITEMAP
--------------------------------------------------*/
.sitemap {
  padding: 0;
  list-style: none;
}

.sitemap .categoria {
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 40px;
}

.sitemap .contenuto:first-child {
  margin-top: 10px;
}

.sitemap .contenuto {
  font-size: 14px;
  line-height: 40px;
  list-style: disc;
  color: #31be67;
}

/*--------------------------------------------------
PAGINA 404
--------------------------------------------------*/
#page_404 {
  background: #31be67;
  color: #fff;
}

.modal-body .btn {
  margin-top: 12px !important;
}

@media (min-width: 768px) {
  .modal-body.inline-btn .btn:last-child {
    margin-top: 0;
  }
}

/* XS */
@media (max-width: 767px) {
  .modal-body .btn {
    font-size: 12px;
    padding: 14px 9px 12px;
    max-width: 100%;
    margin-top: 12px;
  }
}


/*--------------------------------------------------
PRESS
--------------------------------------------------*/
.risultati_press>div a {
  background: #fff;
  margin-bottom: 20px;
  display: block;
}

.risultati_press .title {
  font-size: 20px;
  line-height: 20px;
}

.risultati_press .abstract {
  font-size: 14px;
  line-height: 20px;
}

@media (min-width: 768px) {
  .risultati_press .title {
    min-height: 40px;
  }

  .risultati_press .abstract {
    min-height: 90px;
  }
}

@media (min-width: 992px) and (max-width:1199px) {
  .risultati_press .title {
    min-height: 60px;
  }

  .risultati_press .abstract {
    min-height: 110px;
  }
}

.risultati_press .date {
  margin-top: 30px;
  font-size: 12px;
  margin-bottom: 10px;
}

.risultati_press .abstract {
  margin-bottom: 0;
  padding-bottom: 30px;
}


/* XS */
@media (max-width: 767px) {

  #news_det .tar,
  .risultati_press .tar {
    text-align: left !important;
  }
}


.timeline .yearList {
  padding-left: 10%;
  margin-left: 10%;
  border-left: 2px solid #c5ced2;
}

.timeline .yearList .year {
  position: relative;
  z-index: 0;
}

.timeline .yearList .year:before {
  content: '';
  width: 6%;
  height: 2px;
  background: #c5ced2;
  position: absolute;
  left: -10%;
  top: 18px;
}

.timeline .navbar .container-fluid,
.timeline .navbar,
.timeline .navbar-collapse {
  padding: 0;
}

.timeline .content ul.nav-tabs {
  color: #fff;
  border: 0;
  margin-top: 0;
}

.timeline .nav-tabs>li {
  border: 0;
  margin: 0;
  width: 20%;
  text-align: center;
  border-left: 1px solid #fff;
  background: #31be67;
}

.timeline.moreThan5 .nav-tabs>li {
  width: 25%;
  height: 60px;
  border-bottom: 1px solid #fff !important;
}

.timeline.moreThan5 .nav-tabs>li:first-child {
  border-left: 1px solid #fff;
}

.timeline .nav-tabs>li:first-child {
  border: 0;
}

.timeline .nav-tabs>li>a {
  border-radius: 0;
  color: #fff;
  margin: 0;
  border: 0;
}

.timeline .nav-tabs>li:hover {
  color: #fff;
  background: #3bd776;
}

.timeline .nav-tabs>li.active,
.timeline .nav-tabs>li.active:hover,
.timeline .nav-tabs>li.active:focus {
  background: #3bd776;
  color: #fff;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus {
  background: none;
  border: 0 !important;
  color: #fff;
}

.timeline.moreThan5 .nav-tabs>li>a {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width:767px) {
  .timeline.moreThan5 .nav-tabs>li {
    width: 100%;
    height: 44px;
  }
}

.galleryFancybox {
  margin-bottom: 30px;
}

.galleryFancybox figure {
  position: relative;
  z-index: 0;
}

.galleryFancybox img {
  margin: 0;
}

.galleryFancybox span {
  width: 32px;
  height: 32px;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 0;
  background: #31be67;
  text-align: center;
  line-height: 37px;
  color: #fff;
  font-size: 26px;
}


.ricerca-libera .singleProd {
  margin-bottom: 130px;
}


/*--------------------------------------------------
Seguici
--------------------------------------------------*/
.seguici-wrapper {
  position: relative;
  top: -260px;
}

.seguici-box {
  position: relative;
  z-index: 1;
  margin-bottom: 50px;
}

.seguici-box * {
  -moz-transition: .3s all ease;
  -o-transition: .3s all ease;
  -webkit-transition: .3s all ease;
  transition: .3s all ease;
}

.seguici-box .icon-box {
  height: 0;
  overflow: hidden;
  padding-bottom: 100%;
  background-color: #C5CED2;
  position: relative;
  text-align: center;
}

.seguici-box .icon-box .icon {
  width: 70px;
  height: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.seguici-box .icon-box .icon img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.seguici-box .icon-box .text {
  color: #fff;
  position: absolute;
  width: 100%;
  left: 0;
  top: 65%;
  opacity: 0;
  -moz-transition-delay: .05s;
  -o-transition-delay: .05s;
  -webkit-transition-delay: .3s;
  transition-delay: .05s;
}

.seguici-box .title {
  font-family: 'Fira Sans', sans-serif;
  font-size: 20px;
  color: #30b964;
  margin: 10px 0;
}

.seguici-box .desc {
  color: #323232;
}

.seguici-box .cta {
  font-size: 14px;
  font-weight: bold;
  margin: 25px 0 10px;
}

.seguici-box .cta span {
  font-size: 30px;
  line-height: 1;
  display: inline-block;
  position: relative;
  top: 10px;
  margin-left: 8px;
}

.seguici-box .link {
  color: #9ba5a9;
  font-weight: bold;
}

/* hover */
.seguici-box a:hover .icon-box .icon {
  margin-top: -20px;
  background-color: transparent;
}

.seguici-box a:hover .icon-box .text {
  opacity: 1;
  margin-top: -20px;
}

.seguici-box a:hover .cta span {
  margin-left: 15px;
}

/* facebook  */
.seguici-box.facebook .icon-box {
  background-color: #b7c3cc;
}

.seguici-box.facebook .icon-box .icon {
  background-color: #3b5998;
}

.seguici-box.facebook a:hover .icon-box {
  background-color: #3b5998;
}

/* linkedin  */
.seguici-box.linkedin .icon-box {
  background-color: #b2c6cf;
}

.seguici-box.linkedin .icon-box .icon {
  background-color: #007bb6;
}

.seguici-box.linkedin a:hover .icon-box {
  background-color: #007bb6;
}

/* youtube  */
.seguici-box.youtube .icon-box {
  background-color: #c4babd;
}

.seguici-box.youtube .icon-box .icon {
  background-color: #bb0000;
}

.seguici-box.youtube a:hover .icon-box {
  background-color: #bb0000;
}

/* instagram*/
.seguici-box.instagram .icon-box {
  background-color: #a53aa2;
}

.seguici-box.instagram .icon-box .icon {
  background-color: #f6c600;
}

.seguici-box.instagram a:hover .icon-box {
  background-color: #f6c600;
}


/* progettare  */
.seguici-box.progettare .icon-box {
  background-color: #b6ccc7;
}

.seguici-box.progettare .icon-box .icon {
  background-color: #30b964;
}

.seguici-box.progettare .icon-box .icon img {
  left: auto;
  right: 0;
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.seguici-box.progettare a:hover .icon-box {
  background-color: #30b964;
}

/* MD */
@media (min-width:992px) and (max-width:1199px) {}

/* SM */
@media (min-width:768px) and (max-width:991px) {
  .seguici-wrapper {
    top: -230px;
  }
}

/* XS */
@media (max-width:767px) {
  .seguici-wrapper {
    top: -160px;
  }
}


/*--------------------------------------------------
Prefooter
--------------------------------------------------*/
#prefooter {
  background: #fff;
  color: #31be67;
  font-size: 22px;
  padding: 0;
}

#prefooter a {
  display: block;
  position: relative;
  z-index: 0;
  width: 100%;
  padding: 9px 0 6px;
}

@media (max-width:400px) {
  #prefooter a {
    font-size: 18px;
  }
}

#prefooter [class*=col-md] {
  border-right: 1px solid #31be67;
}

#prefooter [class*=col-md]:last-child {
  border: none;
}

#prefooter a span {
  font-size: 31px;
  position: absolute;
  right: 10px;
  top: 7px;
  height: 30px;
}


/* SM */
@media (min-width:768px) and (max-width:991px) {

  footer .container,
  #prefooter .container {
    width: 100%;
  }

  #prefooter .col-md-4 {
    border: none;
    border-bottom: 1px solid #31be67;
  }

  #prefooter .col-md-4:last-child {
    border: none;
  }
}

@media (max-width: 991px) {
  #filter .col-4.button button {
    text-align: center;
  }

  #filter .col-4.cap {
    width: 25%;
  }

  /*#filter.geolocatorFilter .container:first-child .col-4.cap {
        border-top: 1px solid #c5ced2;
    }*/

  #filter .col-4.button {
    width: 25%;
  }

  #filter.geolocatorFilter .col-4 input.form-control {
    margin-left: 8%;
  }
}

@media (max-width: 480px) {
  #filter .col-4.cap {
    width: 100%;
  }

  #filter .col-4.button {
    width: 100%;
    border: 0 !important;
  }
}

/* XS */
@media (max-width: 767px) {

  footer .container,
  #prefooter .container {
    width: 100%;
  }

  #prefooter .col-md-4 {
    border: none;
    border-bottom: 1px solid #31be67;
  }

  #prefooter .col-md-4:last-child {
    border: none;
  }
}


/*--------------------------------------------------
Footer
--------------------------------------------------*/
#footer {
  padding: 32px 0 48px;
  background: #bcc4c8;
  color: #fff;
  font-size: 14px;
}

#footer a {
  color: #fff;
}

#footer a:hover {
  color: #484848;
}

#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer ul li {
  line-height: 1;
  display: inline-block;
  padding-right: 10px;
  margin-right: 5px;
}

#footer img {
  margin: 0 3px;
  width: 12px;
}

#footer .topFooter ul {
  padding-bottom: 28px;
  border-bottom: 1px solid #fff;
  margin-bottom: 15px;
}

#footer .topFooter .changeLangs ul {
  padding-bottom: 12px;
  margin-bottom: 30px;
}

#footer .topFooter .title {
  font-weight: 700;
  color: #fff;
  font-size: 16px;
  margin-bottom: 5px;
}

#footer .changeLangs li a {
  color: #fff;
  border-bottom: none;
}

#footer .changeLangs li a:hover {
  color: #484848;
}

#footer .changeLangs li.active a {
  color: #484848;
  border-bottom: 1px solid #484848;
}

/* XS */
@media (max-width: 767px) {
  #footer .footer-links {
    text-align: left;
    margin-top: 10px;
  }

  #footer .footer-agency {
    text-align: left;
    margin-top: 10px;
  }
}

/*--------------------------------------------------
Accept Cookie
--------------------------------------------------*/
#acceptcookie {
  position: fixed;
  text-align: center;
  padding: 10px 30px 9px;
  background: #31be67;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  top: 120px;
  left: 50%;
  -moz-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 100%;
  max-width: 1600px;
  z-index: 100;
}

@media (max-width: 991px) {
  #acceptcookie {
    top: 70px;
  }
}

#acceptcookie a {
  text-decoration: underline;
  color: #fff !important;
  display: inline-block;
  margin: 0 12px;
}

#acceptcookie button {
  /*margin-left: 4px;*/
  background: #101114;
  color: #fff;
  border: none;
  font-size: 13px;
  padding: 4px 8px;
}

#acceptcookie button:hover {
  background: #101114;
}


/*--------------------------------------------------
mediaquery
--------------------------------------------------*/
/* LG */
@media (min-width:1200px) {}

/* MD */
@media (min-width:992px) and (max-width:1199px) {}

/* SM */
@media (min-width:768px) and (max-width:991px) {}

/* XS */
@media (max-width:767px) {}



/*--------------------------------------------------
Fonts
--------------------------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,900);*/

/* -------- */
/* FANCYBOX */
/* -------- */

.fancybox-wrap {
  max-width: 95%;
}

.fancybox-wrap iframe {
  max-width: 100%;
}

/*--------------------------------------------------
Popup overlay
--------------------------------------------------*/
.popup-overlay {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 2000;
}

.popup-overlay .popup {
  position: relative;
}

.popup-overlay .popup .close {
  position: absolute;
  right: 10px;
  top: 10px;
}




/*--------------------------------------------------
Blog
--------------------------------------------------*/
.blog #hero {
  background-color: #fff;
  padding: 8% 0 80px;
}

.blog #hero h1 {
  color: #333333;
  text-align: center;
  font-size: 60px;
  font-style: normal;
  font-weight: 275;
  line-height: 60px;
}

.blog .listing-blog {
  background-color: #fff;
  padding: 80px 0 40px;
}

.blog .listing-blog .newsWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.blog .listing-blog .categories ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 32px 0;
  padding: 0 22px;
}

.blog .listing-blog .categories ul li a {
  display: flex;
  padding: 0 6px;
  align-items: flex-start;
  gap: 10px;
  background: #EEE;
  color: #000;
}

.blog .listing-blog .news-box {
  border: 1px solid var(--www-vortice-it-porcelain, #E2E6E8);
  width: 30%;
}

.blog .listing-blog .news-box .news-title {
  color: var(--www-vortice-it-jungle-green, #31BE67);
  font-family: "Fira Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 116.667% */
}

.blog .listing-blog .news-box .news-cta {
  padding: 0 22px 40px;
}

.blog .categories-blog {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.blog .categories-blog ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0;
}

.blog .categories-blog ul li a {
  display: flex;
  padding: 12px 24px;
  align-items: flex-start;
  gap: 10px;
  background: #EEE;
  color: #000;
}

.blog .categories-blog ul li a:hover,
.blog .categories-blog ul li a.active {
  background: #4BC67A;
  color: #fff;
}

.blog .pagination-section {
  background-color: #fff;
  padding: 0 0 120px;
}

.blog .pagination-section .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.blog .pagination-section .pagination .active a {
  background-color: #31BE67;
  border-color: #31BE67;
  color: #fff;
}

.blog .pagination-section .pagination a {
  color: #31BE67;
}

.dettaglio-blog #hero {
  position: relative;
  padding: 8% 20px 20px;
}

.dettaglio-blog #hero .container {
  position: relative;
}

.dettaglio-blog #hero .back-blog {
  display: flex;
  align-items: center;
  position: absolute;
  top: -100px;
  left: 0;
}

.dettaglio-blog #hero .back-blog span {
  color: var(--www-vortice-it-jungle-green, #31BE67);

  /* www.vortice.it/Fira Sans/SemiBold 14 */
  font-family: "Fira Sans";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 142.857% */
  text-decoration: none;
  margin-left: 12px;
}

.dettaglio-blog #hero h1 {
  color: var(--www-vortice-it-jungle-green, #31BE67);
  text-align: center;
  font-family: "Fira Sans";
  font-size: 48px;
  font-style: normal;
  font-weight: 700;
  line-height: 52px;
  padding: 0 0 40px;
}

.dettaglio-blog #news_det {
  background-color: #fff;
}

.dettaglio-blog #news_det h3 {
  color: var(--www-vortice-it-jungle-green, #31BE67);
  font-family: "Fira Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 116.667% */
  padding: 0 0 12px;
}

.dettaglio-blog #news_det .cover-image {
  padding: 0 0 80px;
}

.dettaglio-blog #news_det .date-news {
  padding: 0 0 48px;
}

.dettaglio-blog #news_det .indice {
  display: flex;
  padding: 64px;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  border: 1px solid #F0F2F3;
  background: #F8F8F8;
  margin: 48px 0;
}

.dettaglio-blog #news_det .indice .indice-title {
  color: var(--www-vortice-it-jungle-green, #31BE67);
  font-family: "Fira Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 116.667% */
}

.dettaglio-blog #news_det .indice ul {
  margin: 0;
}

.dettaglio-blog #news_det .indice ul li a {
  color: var(--www-vortice-it-mine-shaft, #333);
  font-family: "Fira Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  /* 225% */
  color: var(--www-vortice-it-mine-shaft, #333);
  font-family: "Fira Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 36px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.dettaglio-blog #news_det .indice ul li a:hover {
  color: var(--www-vortice-it-jungle-green, #31BE67);
}

.dettaglio-blog #news_det .detail-blog-slider .slick-next:before,
.dettaglio-blog #news_det .detail-blog-slider .slick-prev:before {
  display: none;
}

.dettaglio-blog #news_det .detail-blog-slider .slick-dots li button:before {
  font-size: 20px;
}

.dettaglio-blog .categories-blog {
  overflow-x: hidden !important;
}

.dettaglio-blog .categories-blog ul {
  width: 100% !important;
}

.related-articles {
  background-color: #fff;
  padding: 0 0 120px;
}

.related-articles .title {
  color: var(--www-vortice-it-jungle-green, #31BE67);
  text-align: center;
  font-family: "Fira Sans";
  font-size: 60px;
  font-style: normal;
  font-weight: 275;
  line-height: 60px;
  padding: 0 0 48px;
}

.related-articles .news-box {
  border: 1px solid var(--www-vortice-it-porcelain, #E2E6E8);
}

.related-articles .news-box .news-title {
  color: var(--www-vortice-it-jungle-green, #31BE67);
  font-family: "Fira Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 116.667% */
}

.related-articles .news-box .news-cta {
  padding: 0 22px 40px;
}

.related-articles .categories ul {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  margin: 32px 0;
  padding: 0 22px;
}

.related-articles .categories ul li a {
  display: flex;
  padding: 0 6px;
  align-items: flex-start;
  gap: 10px;
  background: #EEE;
  color: #000;
}

/*--------------------------------------------------
mediaquery
--------------------------------------------------*/
/* LG */
@media (min-width:1200px) {}

/* MD */
@media (min-width:992px) and (max-width:1199px) {}

/* SM */
@media (min-width:768px) and (max-width:991px) {
  .blog .listing-blog .news-box {
    width: 47%;
  }

  .blog .categories-blog {
    overflow-x: auto;
    display: block;
  }

  .blog .categories-blog ul {
    width: 120%;
    overflow-x: auto;
  }
}

/* XS */
@media (max-width:767px) {

  .blog .listing-blog .news-box {
    width: 100%;
  }

  .blog .categories-blog {
    overflow-x: auto;
    display: block;
  }

  .blog .categories-blog ul {
    width: 220%;
  }

  .dettaglio-blog #hero {
    padding: 40px 0 20px;
  }

  .dettaglio-blog #hero h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .dettaglio-blog #news_det .indice {
    padding: 20px;
  }

  .dettaglio-blog #hero .back-blog {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 20px;
  }

  .related-articles .title {
    font-size: 32px;
    line-height: 1.2;
  }
}

/* XXS */
@media (max-width:375px) {

  .blog .categories-blog ul {
    width: 250%;
  }

}

/* XXXS */
@media (max-width:320px) {

  .blog .categories-blog ul {
    width: 280%;
  }

}