/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */

















@media (min-width:768px) {
  .dnd-section > .row-fluid,
  .page-center,
  .content-wrapper {
    max-width: 1336px;
  }
}

@media (max-width:767px) {
  .dnd-section > .row-fluid,
  .page-center,
  .content-wrapper {
    max-width: 540px;
  }
}


.dnd-section {
  padding-bottom: 20px;
  padding-top: 20px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #F8FAFC;
}





body {
  color: #006e7f;
  font-family: Muli;
  font-weight: 400;
  font-size: 14px;
}

p {
  font-family: Muli;
  font-weight: 400;
}

a {
  font-family: Muli;
  color: rgba(0, 110, 127, 1.0);
}

a:hover,
a:focus {
  color:#94C95D;
}

a:active {
  color: rgba(40, 150, 167, 1.0);
}

h1 {
  color: #006E7F;
  font-family: Muli;
  font-size: 18px;
  font-weight: 900;
}


h2 {
  color: #006E7F;
  font-family: Muli;
  font-size: 17px;
  font-weight: 900;
}


h3 {
  color: #006E7F;
  font-family: Muli;
  font-size: 17px;
  font-weight: 900;
}


h4 {
  color: #006E7F;
  font-family: Muli;
  font-size: 16px;
  font-weight: 700;
}


h5 {
  color: #006E7F;
  font-family: Muli;
  font-size: 16px;
  font-weight: 400;
}

h6 {
  color: #006E7F;
  font-family: Muli;
  font-size: 16px;
  font-weight: 400;
}

blockquote {
  border-left: 10px solid #F8FAFC;;
}





form,
.submitted-message {
  border-color: rgba(#null, 0.0) ;
  font-family: Muli;
}

h3.form-title {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(0, 110, 127, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(0, 110, 127, 1.0);
  border-color: rgba(0, 110, 127, 1.0);
  border-radius: 0px;
  border-width: 0px;
  color: rgba(255, 255, 255, 1.0);
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: #006e7f;
  border-color: #006e7f;
  color: #FFFFFF;
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(40, 150, 167, 1.0);
  border-color: rgba(40, 150, 167, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

.hs-form label {
  color: rgba(0, 110, 127, 1.0);
}

.hs-form legend {
  color: rgba(51, 71, 91, 1.0);
}

form input,
form select,
form textarea,
.hs-input {
  border-color: rgba(181, 210, 215, 1.0);
  color: rgba(68, 68, 68, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
  border-radius: 0px;
}

form input:focus,
form select:focus,
form textarea:focus,
.hs-input:focus {
  border-color: rgba(128, 189, 255, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #006e7f;
}

.hs-richtext {
  font-size: 14;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: Muli;
}

.fn-date-picker td.is-today .pika-button {
  color: #494A52;
}

.fn-date-picker td.is-selected .pika-button {
  background: #494A52;
}

.fn-date-picker td .pika-button:hover {
  background-color: #F8FAFC !important;
}





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(50, 54, 67, 1.0);
  color: rgba(50, 54, 67, 1.0);
}

thead th,
thead td {
  background-color: rgba(68, 68, 68, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(50, 54, 67, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(50, 54, 67, 1.0);
}





.top-header {
  background-color: rgba(255, 255, 255, 1.0);
}

.top-menu .hs-menu-wrapper>ul>li>a {
  color: rgba(0, 110, 127, 1.0);
}

.top-menu .hs-menu-wrapper>ul>li>a:hover {
  color: rgba(0, 130, 150, 1.0);
}

.top-menu .hs-menu-wrapper>ul>li>ul {
  background: rgba(0, 110, 127, 1.0);
}

.top-menu .hs-menu-wrapper>ul>li>ul>li>a {
  color: rgba(255, 255, 255, 1.0);
}

.top-menu .hs-menu-wrapper>ul>li>ul>li>a:hover {
  color: rgba(255, 255, 255, 1.0);
}

header .bottom-header {
  background-color: rgba(0, 110, 127, 1.0);
}

.bottom-header .middle ul li a {
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 0.2);
}

.bottom-header .middle ul li a:hover {
  color: rgba(0, 110, 127, 1.0);
  background-color: rgba(255, 255, 255, 1.0);
}



.h-top-inner {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  transition: height 0.2s ease-in-out !important;
}
.h-top-inner .h-logo {
  padding-bottom: 0;
  -webkit-flex: 0 0 17.6666666667%;
  -moz-flex: 0 0 17.6666666667%;
  -ms-flex: 0 0 17.6666666667%;
  flex: 0 0 17.6666666667%;
  max-width: 17.6666666667%;
}
.h-top-inner .middle-search {
  -webkit-flex: 0 0 32.3333333333%;
  -moz-flex: 0 0 32.3333333333%;
  -ms-flex: 0 0 32.3333333333%;
  flex: 0 0 32.3333333333%;
  max-width: 32.3333333333%;
}
.h-top-inner .right-btn {
  -webkit-flex: 0 0 50%;
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}
header {
  transition: box-shadow 0.3s ease-in-out !important;
}
header.wshadow {
  box-shadow: 0px 5px 10px rgb(148, 201, 93,.7);
}
.wshadow {
}
.fixed-header {
  transition: all 0.2s ease-in-out !important;
  position: fixed;
  top:0;
  left: 0;
  right: 0;
}
.middle-left-btn-sx ul li:first-child {
  margin: 0;
  display: inline-block;
}
.middle-left-btn-sx ul li:last-child {
  margin-left: 10px;
  display: inline-block;
}

.middle-left-btn-sx > span > #hs_menu_wrapper_middle_left_button_menu ul li a {
  font-weight: 900 !important;
  border: 1px solid #fff;
}
.middle-left-btn-sx ul li a {
  border: 1px solid #fff3;
  border-radius: 5px;
  padding: 6px 25px;
  font-size: 14px;
  color: #fff;
  display: inline-block;
}
.middle-left-btn-sx ul li:first-child a {
  background: #fff;
  text-decoration: none;
  color: #006e7f;
  font-size: 14px;
  padding: 6px 26px;
}


.top-header .logo-wrapper img {
  max-width:171px!important;
  max-height:none!important;
  height:auto!important;
}


.top-menu #hs_menu_wrapper_top_menu > ul {
  list-style: none;
  margin-bottom:0;
  margin-top:0;
  padding-left:0;
  display:inline-flex;
}
.top-menu #hs_menu_wrapper_top_menu > ul > li {
  float: none !important;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0 !important;
  position: relative;
  display: inline-flex;
}
.top-menu .hs-menu-wrapper > ul > li > ul {
  margin-top:20px !important;
  margin-left: 6px !important;
  opacity:0;
  transition: all 0.5s ease-in-out !important;
}
.top-menu .hs-menu-wrapper > ul > li:hover > ul {
  opacity:1;
  display: block;
}
.top-menu #hs_menu_wrapper_top_menu > ul > li > a {
  padding: 0 10px 10px 6px !important;
  font-weight:900 !important;
}


.is-sticky.page-center {
  padding: 15px 15px;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  transition: all 0.2s ease-in-out !important;
}
.top-header > .page-center {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.top-header .top-social {
  float:none !important;
  margin-left:auto !important;
}
.top-header > .page-center > .logo-wrapper {
  float:none !important;
  margin-right:auto !important;
}  
.top-header > .page-center > .top-menu {
  margin: 0 auto !important;
  justify-content: center;
}
.middle-search .block-search {
  padding-right:0!important;
}


.bottom-header>.top>.page-center {
  transition: all 0.2s ease-in-out !important;
}
.bottom .bottom-inner {
  padding-bottom: 0em !important;
  padding-top: 2em !important;
}
.custom-menu-primary .hs-menu-wrapper > ul {
  display:flex;
  justify-content:space-between;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children:not(:last-child):before {
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  width: 6px;
  height: 6px;
  transform: rotate(45deg);
  content: "";
  margin-right: 0px;
  position:absolute;
  display:none !important;
}
.custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children a {
  padding:0;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:not(:last-child):after {
  background:none;
  display:none;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
  box-sizing: border-box;
  color: inherit;
  display: inline-block;
  line-height: 1.2;
  position: relative;
  text-decoration: none;
  text-transform: none;
  text-align: center;
  transition-delay: 0s!important;
  vertical-align: top;
  white-space: normal;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a > span {
  padding: 5px 10px;
  position: relative;
  vertical-align: middle;
  text-align: center;
}
#hs_menu_wrapper_site_menu ul {
  padding: 0 15px !important;
}




@media (min-width:768px) {
  .custom-menu-primary .hs-menu-wrapper>ul>li>a {
    color: rgba(255, 255, 255, 1.0);  
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>a:hover {
    color: rgba(255, 255, 255, 1.0);  
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li:hover>a>span {
    background: rgba(255, 255, 255, 0.13);  
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>a:active {
    color: rgba(255, 255, 255, 1.0);  
    background-color: rgba(0, 110, 127, 0.0);  
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>.submenu>.container {
    background: rgba(255, 255, 255, 1.0);  
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>.submenu>.container>.c-inner>ul>li>a {
    color: rgba(0, 110, 127, 1.0);  
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>.submenu>.container>.c-inner>ul>li>a:hover {
    color: rgba(0, 110, 127, 1.0);
    background-color: rgba(255, 255, 255, 0.0);  
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>.submenu>.container>.c-inner>ul>li>a:active {
    color: rgba(0, 110, 127, 1.0);
    background-color: rgba(255, 255, 255, 0.0);  
  }
}





body .custom-menu-primary a,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #ffffff;
}

body .custom-menu-primary .submenu.level-1 > li:hover > a,
body .custom-menu-primary .submenu.level-1 > li:focus > a,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #ffffff;
}

body .custom-menu-primary a.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li a:active {
  color: #ffffff;
}
body .custom-menu-primary .submenu.level-1 > li.active-branch,
body .header__language-switcher-label-current:active,
body .header__language-switcher .lang_list_class li:active {
  background-color: #006e7f;
}
body .custom-menu-primary .submenu.level-1 > li {
  background-color: ;
}
body .custom-menu-primary .submenu.level-1 > li:hover,
body .custom-menu-primary .submenu.level-1 > li:focus {
  background-color: #ffffff
}
body .custom-menu-primary .submenu.level-1 > li > a.active-branch {
  color: #ffffff;
}

body .custom-menu-primary .submenu.level-1 > li > a.active-branch:after {
  background-color: #ffffff;
}
body .custom-menu-primary .submenu.level-2 > li > a {
  color: #006e7f;
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link {
  background-color: #ffffff;
}
body .custom-menu-primary .submenu.level-2 .triangle-container .triangle {
  background-color: #ffffff;
}

body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:hover,
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link:focus,
body .header__language-switcher .lang_list_class li:hover,
body .custom-menu-primary .submenu.level-2 .triangle-container.level-2.hover .triangle {
  background-color: #ffffff;
  color: #006e7f;
}
body .custom-menu-primary .submenu.level-2 .menu-item .menu-link.active-branch {
  color: #006e7f;
  background-color: #ffffff;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Muli;
}

.header__language-switcher-label-current:after {
  border-top-color: rgba(255, 255, 255, 1.0);
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: rgba(0, 110, 127, 1.0);
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: rgba(255, 255, 255, 1.0);
  }
}





footer .footer-inner {
  background-color: rgba(240, 249, 248, 1.0);
}

.top-inner .left .logo p {
  color: rgba(0, 110, 127, 1.0);
}

.right-inner .f-menu ul li a,
.right-inner .s-menu ul li a,
.right-inner .t-menu ul li a,
.middle-inner-p ul li a {
  color: rgba(0, 110, 127, 1.0);
}

.right-inner .f-menu ul li a:hover,
.right-inner .s-menu ul li a:hover,
.right-inner .t-menu ul li a:hover,
.middle-inner-p ul li a:hover {
  color: rgba(0, 110, 127, 1.0);
}






.site-main.tag-listing .middle, .site-main.author-listing .middle, .site-main .middle { background-color: #fff !important; }
.tag-title { margin: 0 auto 50px; padding: 0 50px; line-height: 2.5em; text-align: center; }
#blog-topics { display: none; }
.tag-title a { background-color: #fff; border-radius: 15px; padding: 0 10px; color: #3d3d3d !important; -webkit-transition: all .3s; transition: all .3s; display: inline-block; margin: 0 10px 10px; }
.tag-title a:hover { background-color: #ebebeb; text-decoration: none; }
.tag-title h1 { text-align: center; font-size: 24px; margin-bottom: 50px; }
.chi-siamo h1 { font-size: 24px; }
.hs-blog-listing .vc_grid-container-wrapper, .authors .vc_grid-container-wrapper { margin-left: -15px; margin-right: -15px;}
.hs-blog-listing .vc_hook_hover .vc_pageable-slide-wrappe { display: flex; flex-wrap: wrap; justify-content: space-between; }
.hs-blog-listing .vc_pageable-slide-wrappe .post-item {  width: 33.3% !important; float: none !important; padding-left: 2em; padding-right: 2em; margin-left: auto; margin-right: auto; }

.authors .tag-title { border-bottom: 1px solid #f1f2f2; padding: 0 0 50px; }
.authors  .vc_hook_hover .vc_pageable-slide-wrappe { display: flex; flex-wrap: wrap; justify-content: space-between; }
.authors .post-item { width: 12.5% !important; background-color: #f1f2f2; margin: 0 0 20px; padding-bottom: 10px; border-top: 1px solid #cbcbcb; float: none; text-align: center; overflow: hidden; } 
.authors .post-item figure { width: 120px; height: 120px; margin: 10px auto; padding: 0; text-align: center; overflow: hidden; position: relative; }
.authors .post-item img { width: 100%; position: absolute; min-width: 120px; left: 0; top: 0; }
.form-container { text-align: left; }
.authors h2 { color: #000; margin-bottom: 25px; }
.authors p { color: #000; }
.authors .hs-search-field__input { width: 200px; padding: 10px 0; display: inline-block; }
.authors form button { padding: 10px 20px; text-transform: uppercase; background-color: #fff; border: 1px solid #006e7f; border-radius: 3px; color: #006e7f; cursor: pointer; display: inline-block; }
.authors.chi-siamo  .vc_hook_hover .vc_pageable-slide-wrappe { display: block; }
.authors.chi-siamo  .post-home { margin-top: 100px; }
.authors.chi-siamo  .post-home h2 { text-align: center; }
.authors.chi-siamo .post-item, .authors.contatti .post-item { width: 100% !important; } 
.authors.chi-siamo .post-item .left { float: left; margin: 0 10px; width: 120px; }
.authors.chi-siamo .post-item .left img { margin-left: 0; position: static;  }
.authors.chi-siamo .post-item .right { float: right; width: calc(100% - 150px); text-align: left; margin: 10px 10px 10px 0; }
.authors.contatti  h2 { text-align: left; margin: 25px 0; } 
.authors.contatti .post-item { padding: 50px 25px; text-align: left; }
.authors.contatti .post-item fieldset { max-width: 100%; }
/*.authors.contatti .post-item .hs-form label { color: #000; font-weight: 700; letter-spacing: 1px; font-size: 14px; }*/
.authors.contatti .double .post-item { width: 50% !important; min-height: 400px; } 

@media only screen and (max-width : 1200px) {
  .authors .post-item { width: 14.28% !important; } 
  .authors.contatti .double .post-item { min-height: 300px; } 
}
@media only screen and (max-width : 991px) {
  .hs-blog-listing .vc_pageable-slide-wrappe .post-item {  width: 50% !important; }
  .hs-blog-listing .source-post_author,
  .hs-blog-listing .vc_btn3-container {  width: 100% !important; display: block; }
  .hs-blog-listing .bottom-post { display: block; }
  .authors .post-item { width: 20% !important; } 
}
@media only screen and (max-width : 768px) {
  .authors .post-item { width: 33.33% !important; } 
  /*.hs-blog-listing .tag-title h1 { display: none; } */
  #blog-topics { display: block !important; width: 100% !important; border: 1px solid #b5d2d7 !important; padding: 0.375rem 0.75rem; height: 48px !important; font-size: .8125rem; color: rgba(68,68,68,1.0); }
  #blog-topics:focus { border: 1px solid #b5d2d7 !important } 
  #blog-topics-ext { display: none !important; }

}
@media only screen and (max-width : 600px) {
  .hs-blog-listing .vc_pageable-slide-wrappe .post-item {  width: 100% !important; }
  .authors.contatti .double .post-item { width: 100% !important; margin: 0; min-height: 280px; } 
}
@media only screen and (max-width : 480px) {
  .authors .post-item { width: 50% !important; } 
}
 










body .icon svg {
  fill: #494A52;
}

body .tns-nav button.tns-nav-active {
  background-color: #494A52;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #494A52;
}

body .social-links__icon {
  background-color: #494A52;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #F8FAFC;
}




.body-container__website .dnd-section:nth-child(odd) {
  background-color: {topheader=, typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}

.bottom-post{
  display: flex;
  margin-top: 1rem;
  justify-content: space-between;
  align-items: center;
}

.blog__content table:not(div[data-hs-responsive-table=true] table) {
  display: block !important;
  border: 0 !important;
  height: auto !important;
}
.blog__content table:not(div[data-hs-responsive-table=true] table) td {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
  height: auto !important;
}
.blog__content table:not(div[data-hs-responsive-table=true] table) tr {
  height: auto !important;
}

#hsresults li { border: 1px solid #f2f2f2; }
#hsresults li a { padding: 2em 1.5em 0; display: inline-block; margin: 0 !important; text-decoration: none; color: #006e7f; font-family: Muli; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#hsresults li p { padding: 1em 1.5em; margin: 0 !important; color: #000; }
#hsresults li a.read { padding: 0 1.5em 2em; font-weight: 400; }
#hsresults li a:hover { color: #a4c753; }

@media only screen and (max-width : 600px) {
  .blog__content table:not(div[data-hs-responsive-table=true] table) {
    margin-bottom: 0 !important;
  }
  .blog__content table:not(div[data-hs-responsive-table=true] table) td, .blog__content table:not(div[data-hs-responsive-table=true] table) tr {
    display: block;
    width: 100% !important;
  }
}





.subscription .top-header .page-center { text-align: right; margin-top: 50px; }
.subscription .top-header .logo-wrapper { display: inline-block; }

@media (max-width: 767px) {
  .subscription .top-header { display: block; }
  .subscription .top-header .page-center { text-align: center; }
}



fieldset { max-width: inherit !important } 

/**** Slick fix loaded slide ****/
.autoplay { display: none; }
.autoplay.slick-initialized { display: block; }