/*
Theme Name: Bahamas
Theme URI: https://www.emmepubblicita.com/
Author: Web Agency Emmè
Author URI: https://www.emmepubblicita.com/
Description: Starter Theme Wordpress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bahamas

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.resmenu {
  z-index: 300;
  position: relative;
  right: 0;
  top: 0;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: none;
  margin-top: 8px;
}

#nav-icon2 span {
display: block;
position: absolute;
height: 2px;
width: 50%;
background: #537aa2;
opacity: 1;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.home #nav-icon2 span{
  background: #fff;
}

.visible  #nav-icon2 span{
  background: #537aa2 !important;
}

#nav-icon2 span:nth-child(even) {
left: 50%;
border-radius: 0 5px 5px 0;
}

#nav-icon2 span:nth-child(odd) {
left:0px;
border-radius: 5px 0 0 5px;
}

#nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) {
top: 0px;
}

#nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) {
top: 9px;
}

#nav-icon2 span:nth-child(5){
top: 18px;
}

#nav-icon2 span:nth-child(6) {
top: 18px;
border-radius: 5px;
}

#nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

#nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
opacity: 1;
}

#nav-icon2.open span:nth-child(1) {
left: 5px;
top: 7px;
}

#nav-icon2.open span:nth-child(2) {
left: calc(50% - 5px);
top: 7px;
}

#nav-icon2.open span:nth-child(3) {
left: -50%;
opacity: 0;
}

#nav-icon2.open span:nth-child(4) {
left: 100%;
opacity: 0;
}

#nav-icon2.open span:nth-child(5) {
left: 5px;
top: 12px;
}

#nav-icon2.open span:nth-child(6) {
left: calc(50% - 5px);
top: 12px;
}


body {
	margin:0;
	line-height:1.46;
  	font-size:16px;
  	font-family: "Montserrat", Sans-serif;
  	font-weight:400;
    position: relative; 
    color: #555;
	overflow-x: hidden;
}


h1,h2,h3, .main-title, .subTit, .tit {
  line-height:1.2;
  font-weight: 600;
  color: #23456f;
}

.main-title {
  font-size: 34px;
  line-height: 1.2;
  position: relative;
  margin: 0 0 8px;
  z-index: 2;
  letter-spacing: -1.15px;
  text-transform: uppercase;
}

h2, .subTit {
  font-size: 27px;
  line-height: 1.2;
  position: relative;
  margin: 0 0 15px;
  color: #23456f;
  letter-spacing: -0.7px;
}

h3 {
  font-size: 24px;
  color: #0073ff;
	margin: 0 0 28px;
}

a, a:visited {
	text-decoration:none;
	color:#0073ff;
}

p strong, ul strong {
  font-weight: 600;
  color: #000;
}

.clearfix,
.cleared {
	clear:both;
}

ul {
  list-style-position: outside;
  padding-left: 15px;
}

.center{
  text-align: center;
}


.btn, .form .btn, .wp-block-buttons .wp-block-button a.wp-block-button__link, button, input[type="submit"] {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  display: inline-block;
  color: #ffffff;
  transition: all .3s ease-in-out;
  background-color: #0073ff;
  border-radius: 3px;
  border: 2px solid transparent;
  padding: 15px 30px;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
	z-index: 2;
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link{
	background-color: transparent;
  border-color: currentColor;
}

.btn:hover, .form .btn:hover, .wp-block-buttons .wp-block-button a.wp-block-button__link:hover,
.wp-block-buttons .wp-block-button.is-style-outline a.wp-block-button__link:hover, input[type="submit"]:hover {
  background: #527aa5;
  border-color: #527aa5 ;
  color: #fff !important;
}

.header-widget .wp-block-buttons .wp-block-button a.wp-block-button__link {
  padding: 12px 20px;
  background-color: #23456f;
}

.header-widget .wp-block-buttons .wp-block-button a.wp-block-button__link:hover{
  background-color: #0073ff;
  border-color: #0073ff ;
}

.btn:visited, .wp-block-buttons .wp-block-button a.wp-block-button__link:visited{
  color: #fff;
}

input[type="text"], input[type="email"], 
input[type="url"], input[type="password"], 
input[type="search"], input[type="tel"], 
input[type="number"], input[type="date"], 
textarea, select {
  border: 1px solid #eee;
  background-color: #fff;
  padding: 0 15px;
  line-height: 50px;
  height: 50px;
  box-sizing: border-box;
  width: 100%;
  color: #535353;
  font-size: 13.5px;
  border-radius: 4px;
  font-family: "Montserrat", Sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

textarea {
  height: 100px;
  line-height: 1.6;
  padding: 10px;
}


input[type="search"]{
  width: auto;
}

.form .field {
  margin-bottom: 0;
}


span.wpcf7-list-item {
  display: inline-block;
  margin: 0;
}

.wpcf7-spinner {
    position: absolute;
}

.wpcf7-acceptance label {
  font-size: 13px !important;
  font-weight: 400 !important;
}

.form .field {
  margin-bottom: 10px;
}

.header{
  position: sticky;
  z-index: 100;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
  background-color: #fff;
}

.home .header {
  position: absolute;
  left: 0;
  right: 0;
  box-shadow: none;
  background-color: transparent;
}

#logo {
	bottom:0px;
	position:relative;
	z-index:50; 
  max-width:400px;
	color: #fff;
}

#logo img {
  padding: 0px 0;
  height: 40px;
  width: auto;
  display: block;
  transition: all 0.3s ease-in-out;
}
#logo a {
  color: #0073ff;
}

.header .corp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.navigator .menu {
  margin: 0;
  padding: 0;
  z-index: 110;
  position: relative;
}
.navigator .menu li {
	display:inline-block;
  	position: relative;
	
}
.navigator .menu li a {
  padding: 0 15px;
  line-height: 110px;
  color: #000;
  display: block;
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.2px;
  transition: all 0.3s ease-in-out;
}

.home .navigator .menu li a{
  color: #fff;
}

.navigator .menu li a:hover, .navigator .menu li.current_page_item > a, .home .navigator .menu ul li a:hover{
  color: #0073ff !important;
}


.navigator .menu ul {
display:block;
padding: 12px;
position: absolute;
  left:0;
width: 200px;
visibility: hidden;
opacity: 0;
transition: all 200ms ease-in;
box-shadow: 0 9px 68px 0 rgba(38, 43, 43, 0.1);
background: #fff;
top: 100px;
}
.navigator .menu li:hover ul
{
visibility:visible;
opacity: 1;
top: 80px;
z-index: 300;

}
.navigator .menu ul li
{ 
width: 100%;
display:block;	
}

.navigator .menu ul li a, .home .navigator .menu ul li a {
line-height: 20px;
display: block;
padding: 10px 20px;
font-size: 13px;
color: #000 ;
text-align: left;
}


.navigator .menu li.open-sub-menu ul {
  visibility: visible;
  opacity: 1;
  display: none;
  background: #fff;
  height: auto;
  left: 0;
  right: 0;
  top: 100%;
  box-shadow: none;
  text-align: center;
  margin: auto;
  box-sizing: border-box;
  z-index: 200;
  position: absolute;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
  width: 100%;
}

.navigator li.current-menu-item.open-sub-menu .sub-menu{
  display: block !important;
}

.navigator .menu li.open-sub-menu ul li{
  display: inline-block;
}


.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #28343b;
  color: #efefef;
  font-size: 13px;
}

.footer strong {
  color: #fff;
}

.footer h4 {
  font-size: 18px;
  margin: 0 0 7px;
  font-weight: 600;
}


#menu-storegest li, #menu-mercati li, #menu-servizi-e-supporto li {
  display: inline-block;
}
#menu-storegest li a, #menu-mercati li a, #menu-servizi-e-supporto li a{
  padding: 10px 10px 5px 0;
  display: block;
}

#menu-storegest li a {
  font-weight: 600;
}

.footer a {
  color: #fff;
}
.footer a:hover {
  color: #0073ff;
}
.footer ul {
  padding-left: 0;
  margin: 0;
}

.credit {
	background-color: #242f35; 
  color: #999;
	text-align:center;
	padding:15px 0 10px;
	font-size:11px;
}
.credit a {
	color:#888;
}
.credit p{
  margin: 0;
}



.credit .wp-block-columns {
  display: flex;
  justify-content: space-between;
  margin-bottom:0;
}
.social a {
  margin-right: 10px;
}
.social a svg {
  height: 20px;
  width: auto !important;
  color: #fff;
}


#menu-credit {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
#menu-credit li {
  display: inline-block;
}
#menu-credit li a {
  padding: 0 5px;
}
#menu-credit li.current_page_item a {
  font-weight: bold;
  color: #fff;
}



.articolo .contenuto {
	padding-top:40px;
	padding-bottom:40px;
}

.contenuto img {
  width: 100%;
  height: auto;
  display: block;
}


.call{
  display: none;
}



#coverHome {
  padding: 450px 20px 100px;	
background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#coverHome .main-title{
	font-size: 40px;
}


.bg-top-cerchio-home {
  position: absolute;
  bottom: 140px;
  width: 100%;
  left: calc(-100vw/2 + 100%/2 - 400px);
  height: 140%;
}

.bg-top-cerchio-home svg {
  width: 1200px;
  height: 1200px;
}

body:not(.home) .bg-top-cerchio-home svg {
  opacity: .1;
}

.bgWhite {
  background-color: rgba(255,255,255,.9);
  z-index: 2;
  position: relative;
}



#cta {
  background-size: cover;
  background-position: right;
  padding: 150px 0;
  background-repeat: no-repeat;
}

.feature .item img, .pTimeline .item img, .partnerFeature .item img {
  height: 85px;
  width: auto;
  margin: auto;
}
.feature {
  text-align: center;
}
.feature .item, .pTimeline .item, .whyChoise .item {
  background: #fff;
  padding: 20px;
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
  position:relative;
}
.feature .item p {
  font-size: 15px;
  margin: 0;
}
.feature .item .tit, .pTimeline .item .tit{
  font-size: 19px;
  margin: 20px 0 10px;
}



.blog .item .tit {
  line-height: 1.4;
  letter-spacing: -0.5px;
  color: #444444;
  font-size: 20px;
  margin: 0 0 10px;
}
.blog .item .tit a {
  color: #527aa5;
}
.blog .item p {
  font-size: 15px;
  margin: 0 0 10px;
}
.blog .item .data, .articolo .data {
  font-size: 10px;
  letter-spacing: 1.2px;
  color: #3f3f3f;
  margin: 18px 0 15px 0;
}




.wp-block-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
	gap: 0 !important;
}

.wp-block-gallery.columns-4 figure img {
  height: 27px;
  width: auto;
  padding: 20px 35px;
}

.box-contatti {
  background: #d5dadf;
  border-radius: 14px;
  padding: 20px;
  margin-bottom: -150px !important;
}

.form label, #private-area-login label {
  font-weight: 600;
  color: #000;
  margin-bottom: 5px;
  display: block;
  font-size: 15px;
}

.are-vertically-aligned-bottom {
  align-items: end;
}


.customMediaText {
  display: flex;
  align-items: start;
  position: relative;
}

.customMediaText .item.image {
  position: sticky;
  top: 160px;
  padding-left: 0;
}

.customMediaText .item {
  width: 50%;
  padding: 0 20px;
  box-sizing: border-box;
}




.spoiler-item .spoiler-content {
	display: none;
	padding: 0 12px;
	box-sizing: border-box;
}
.spoiler-item .spoiler-btn {
	margin: 0 ;
	font-weight: 600;
	font-size: 20px;
	position: relative;
	cursor: pointer;
	display: inline-block;	
	    color: #23456f;
    padding-left: 28px;
    cursor: pointer;
	z-index: 99;
}



.spoiler-item::before, .spoiler-item::after {
  content: "";
  width: 15px;
  height: 3px;
  background: #0073ff;
  transition: all 0.3s ease;
  margin-right: 15px;
  position: absolute;
  left: 0;
  top: 130px;
}

.spoiler-item::after {
  transform: rotate(90deg);
}

.spoiler-item.spoiler-active::after {
  transform: none;
}


.spoiler-item {
  position: relative;
  padding: 15px 0;
  border-bottom: 2px solid #ccc;
	margin: 10px 0;
	padding-top: 120px;
margin-top: -100px;
}


.wp-block-buttons .wp-block-button.icon-left a.wp-block-button__link::before {
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  transition: all 0.3s ease-in-out;

}

.downloadIcon .wp-block-button__link::before {
content: url('data:image/svg+xml; utf8, <svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="file-download" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512" height="18px" width="18px"><path fill="currentColor" d="M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm76.45 211.36l-96.42 95.7c-6.65 6.61-17.39 6.61-24.04 0l-96.42-95.7C73.42 337.29 80.54 320 94.82 320H160v-80c0-8.84 7.16-16 16-16h32c8.84 0 16 7.16 16 16v80h65.18c14.28 0 21.4 17.29 11.27 27.36zM377 105L279.1 7c-4.5-4.5-10.6-7-17-7H256v128h128v-6.1c0-6.3-2.5-12.4-7-16.9z" class=""></path></svg>');
filter: invert(43%) sepia(74%) saturate(265%) hue-rotate(170deg) brightness(92%) contrast(94%);
}

.demoIcon .wp-block-button__link::before {
  content: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" height="18px" width="18px"><path fill="currentColor" d="M128 96h384v256h64V80C576 53.63 554.4 32 528 32h-416C85.63 32 64 53.63 64 80V352h64V96zM624 384h-608C7.25 384 0 391.3 0 400V416c0 35.25 28.75 64 64 64h512c35.25 0 64-28.75 64-64v-16C640 391.3 632.8 384 624 384zM365.9 286.2C369.8 290.1 374.9 292 380 292s10.23-1.938 14.14-5.844l48-48c7.812-7.813 7.812-20.5 0-28.31l-48-48c-7.812-7.813-20.47-7.813-28.28 0c-7.812 7.813-7.812 20.5 0 28.31l33.86 33.84l-33.86 33.84C358 265.7 358 278.4 365.9 286.2zM274.1 161.9c-7.812-7.813-20.47-7.813-28.28 0l-48 48c-7.812 7.813-7.812 20.5 0 28.31l48 48C249.8 290.1 254.9 292 260 292s10.23-1.938 14.14-5.844c7.812-7.813 7.812-20.5 0-28.31L240.3 224l33.86-33.84C281.1 182.4 281.1 169.7 274.1 161.9z"/></svg>');
  filter: invert();
  }

  .downloadIcon .wp-block-button__link:hover:before{
    filter: invert();
  }


  .preTit {
    font-size: 28px;
    line-height: 1.2;
    position: relative;
    color: #9b9b9b;
    margin: 0;
    font-weight: 600;
  }

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #84ab49;
  background: #84ab49;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 20px;
}

.wp-block-cover.has-parallax {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}



.primary-child-navigation {
  background: #527aa5;
  display: block;
  padding: 10px 0;
  z-index: 99;
  position: relative;
  border-radius: 0px 0px 0px 15px;
}

.primary-child-navigation::before {
  content: "";
  position: absolute;
  background: #537aa2;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 100%;
  z-index: -1;
  right: calc(50% - 50vw);
}

.primary-child-navigation ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow: auto;
  white-space: nowrap;
}
.primary-child-navigation ul li {
  display: inline-block;
}
.primary-child-navigation ul li a {
  padding: 0 20px;
  line-height: 30px;
  display: block;
  color: #fff;
  font-weight: 600;
  border-right: 1px solid #b0cae6c2;
  font-size: 15px;

}
.primary-child-navigation ul li.current-menu-item > a{
  color: #0073ff;
}

.primary-child-navigation ul li a:hover{
  color: #ccc;
}

.has-text-align-right {
  text-align: right;
}

body:not(.home) .bg-top-cerchio-home {
  bottom: auto;
  top: -300px;
}


.pagina.articolo .item-image {
  margin-bottom: 40px;
}



.servizi .item {
  position: relative;
}
.servizi .item .tit {
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.5px;
}
.servizi .item .text {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 2;
}
.servizi .item .tit a {
  color: #fff;
}
.servizi .item .image a {
  display: block;
  position: relative;
  z-index: 1;
}
.servizi .item .image a:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.2);
}
.servizi .item .image {
  overflow: hidden;
}
.servizi .item .image img {
  transition: all 0.4s ease-in-out;
  z-index: -1;
  position: relative;
}
.servizi .item:hover .image img {
  transform: scale(1.3);
}

#coverHome .has-background-dim {
  background: linear-gradient(180deg,rgb(0,0,0) 30%,rgba(0,0,0,0) 100%);
}


.menu-next, .menu-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  height: 100%;
  width: 35px;
  text-align: center;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: linear-gradient(to left,#527aa5 50%,#527aa578 80%);
}

.menu-next{
  background: #527aa5;
}

.menu-prev{
right: 30px;
}




.prezzi table {
  width: 100%;
  border-collapse: collapse;
}
.prezzi table thead tr th {
  border: 1px solid #aaa;
  padding: 20px;
  box-sizing: border-box;
  font-size: 13px;
}
.prezzi table tbody tr td:first-child {
  text-align: left;
  padding: 20px 20px;
  font-weight: 600;
  color: #000;
  border-top: 1px solid #aaa;
  font-size: 14px;
}
.prezzi table tbody tr td {
  text-align: center;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  border-right: 1px solid #aaa;
  border-left: 1px solid #aaa;
  font-size: 13px;
}
.prezzi table thead tr th strong {
  font-size: 21px;
  margin-bottom: 0px;
  display: block;
  font-weight: 600;
  color: #527aa5;
  border-bottom: 1px solid;
  padding-bottom: 0px;
}



.prezzi table thead tr th strong em {
  font-size: 50px;
}
.prezzi table thead tr th em {
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  color: #9b9b9b;
  display: block;
  margin-bottom: -16px;
  margin-top: -15px;
}
.prezzi table thead tr th {
  font-weight: 600;
  vertical-align: top;
  background: #fafafa;
}
.prezzi table thead tr th a {
  background: #0073ff;
  color: #fff;
  padding: 12px 20px;
  display: inline-block;
  margin-top: 10px;
  border-radius: 4px;
}

.prezzi table tbody tr:last-child td {
  border-bottom: 1px solid #aaa;
}

.prezzi table tbody tr td em {
  font-size: 20px;
  font-weight: 300;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

.switch input:checked + .slider {
  background-color: #2196F3;
}

.switch input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

.switch input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.switch .slider.round {
  border-radius: 34px;
}

.switch .slider.round:before {
  border-radius: 50%;
}

.switcher {
  display: flex;
  justify-content: center;
  align-items: center;
}
.switcher span.option {
  margin: 0 10px;
}


.prezzi table thead tr th s {
  color: #0073ff;
  position: relative;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: 700;
}
.prezzi table thead tr th kbd {
  text-decoration: none;
  font-family: "Montserrat", sans-serif;
  font-size: 30px;
  color: #527aa5;
  font-weight: 600;
  margin-top: -9px;
  display: inline-block;
}


.prezzi table tbody tr:hover {
  background-color: #f5f5f5;
}

.prezzi table thead tr th:first-child {
  border: none;
  background: transparent;
}

.prezzi table thead tr th em sup {
  font-size: 14px;
  vertical-align: baseline;
}

.prezzi table thead tr th em sub {
  vertical-align: baseline;
  font-size: 14px;
}

.prezzi.mensile table thead tr th kbd {
  margin-bottom: -10px;
}




 /* Hide scrollbar for Chrome, Safari and Opera */
 .primary-child-navigation ul::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.primary-child-navigation ul {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
} 


.supCom strong {
  font-size: 20px;
  display: flex;
  align-items: center;
}
.supCom svg {
  color: #fff;
  margin-right: 10px;
}

.supCom span {
  font-weight: bold;
}

.navigator .supCom{
  display: none;
}

.overlay {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.6);
  z-index: 99999;
  display: none;
}

.form.brochure.popup {
  position: fixed;
  left: 0;
  right: 0;
  top: 50%;
  background: #fff;
  max-width: 670px;
  margin: auto;
  padding: 50px;
  z-index: 9999999999;
  box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
  transform: translateY(-50%);
  display: none;
  text-align: center;
}


.closePopup {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.form.brochure.popup .field .wpcf7-form-control-wrap {
  margin-bottom: 10px;
  display: block;
}

.grecaptcha-badge {
  display: none !important;
}



.pTimeline .item, .whyChoise .item{
  padding: 40px;
}
.pTimeline .item img {
  margin: auto auto 20px auto;
}

.pTimeline {
  justify-content: space-between;
}


.whyChoise .item {
  padding: 20px;
  display: flex;
  align-items: center;
}
.whyChoise .item svg {
  margin-right: 20px;
  color: #f6c400;
}
.whyChoise .item p {
  margin: 0;
  font-weight: 600;
  color: #527aa4;
}


.pTimeline .item .num {
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  font-weight: bold;
  width: 45px;
  height: 45px;
  border: 6px solid #f0f0f0;
  border-radius: 100%;
  font-size: 14px;
  color: #ffffff;
  padding: 2px 0px 0px;
  background-color: #23456f;
  text-align: center;
  line-height: 45px;
  z-index: 1;
  display: block;
  margin: auto;
}


.pTimeline .item {
  max-width: 70%;
  border-top: 5px solid #f6c400;
  box-sizing: border-box;
  padding: 40px 20px 30px;
}
.pTimeline .item:nth-child(2n) {
  margin-left: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}



.pTimeline .item:not(:last-child):before {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  width: 25%;
  height: 5px;
  background: #f6c400;
  left: 100%;
  transform: translateY(-50%);
}

.pTimeline .item:nth-child(2n):before{
left: auto;
right: 100%;
}

.pTimeline .item:not(:last-child)::after {
  content: "";
  position: absolute;
  background: #f6c400;
  height: 100%;
  width: 5px;
  left: 124%;
  top: 49%;
}

.pTimeline .item:nth-child(2n):after{
  left: auto;
  right: 124%;
  }

  .justify-betw {
    justify-content: space-between;
  }

  .partnerFeature .item img {
    height: 45px;
    margin: 0 10px 0 0;
  }

  .partnerFeature .item {
    display: flex;
    align-items: center;
  }

  .pTimeline .item p {
    margin: 0;
    font-size: 15px;
  }

  .pTimeline .item .subTit {
    font-size: 23px;
    margin-bottom: 5px;
  }


  .fieldSettori {
    text-align: left;
    margin: 10px;
  }
  .fieldSettori .settori label {
    font-weight: 300;
  }
  .fieldSettori .wpcf7-checkbox {
    display: flex;
    flex-wrap: wrap;
  }
  .fieldSettori .wpcf7-checkbox .wpcf7-list-item {
    flex-basis: 25%;
  }

  #private-area-login {
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
    position: relative;
    max-width: 650px;
    margin: auto;
  }



.whyChoise .item img {
  height: 50px;
  width: auto;
}
.whyChoise .item figure {
  margin-right: 10px;
}


.feature.whyChoise .item .tit {
  margin: 0;
  font-size: 16px;
}
.feature.whyChoise {
  text-align: left;
}

.partnerService .item .image img {
  height: 60px;
  width: auto;
}
.partnerService .item {
  margin-bottom: 20px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.partnerService .tit {
  margin: 20px 0 10px;
}
.partnerService .item .text {
  font-size: 14px;
}
.partnerSection {
  justify-content: space-between;
}

.partnerService .item .extra-field .itm strong {
  color: #23456f;
}

.partnerService .item .extra-field .itm {
  margin-bottom: 3px;
}


.settori {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.settori li {
  display: inline-block;
  margin: 0px 10px 10px 0;
  background: #aad4ff36;
  padding: 4px;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 600;
  color: #6793c6;
}

.star {
  margin: 0px 0 20px;
}

.star::before {
  display: block;
  content: "";
  height: 20px;
  filter: invert(71%) sepia(61%) saturate(2393%) hue-rotate(10deg) brightness(107%) contrast(104%);
  background: url('data:image/svg+xml; utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" height="20px" width="20px"><path d="M381.2 150.3L524.9 171.5C536.8 173.2 546.8 181.6 550.6 193.1C554.4 204.7 551.3 217.3 542.7 225.9L438.5 328.1L463.1 474.7C465.1 486.7 460.2 498.9 450.2 506C440.3 513.1 427.2 514 416.5 508.3L288.1 439.8L159.8 508.3C149 514 135.9 513.1 126 506C116.1 498.9 111.1 486.7 113.2 474.7L137.8 328.1L33.58 225.9C24.97 217.3 21.91 204.7 25.69 193.1C29.46 181.6 39.43 173.2 51.42 171.5L195 150.3L259.4 17.97C264.7 6.954 275.9-.0391 288.1-.0391C300.4-.0391 311.6 6.954 316.9 17.97L381.2 150.3z"/></svg>');

}

.star.star-5::before {
  width: 100px;
}

.star.star-4::before {
  width: 80px;
}

.star.star-3::before {
  width: 60px;
}

.star.star-2::before {
  width: 40px;
}

.star.star-1::before {
  width: 20px;
}



.tabella table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #ccc;
}
.tabella table thead {
  background: #f3c400;
}
.tabella table thead {
}
.tabella table thead th {
  padding: 5px 0;
  color: #fff;
}
.tabella table tbody tr td {
  padding: 10px 20px;
  font-size: 14px;
}
.tabella table tbody tr:nth-child(2n) {
  background: #f5f5f5;
}


@media screen and (min-width: 1025px) {


 .home .header.fixer {
    position: fixed;
    top: 0px;
    background-color: #fff;
    box-shadow: 0 10px 43px 0 rgba(109,125,145,.14);
    left: 0;
right: 0;
  }

  .header.fixer{
    top: 0;
  }

  .admin-bar .header.fixer{
    top: 30px;
  }

  .home  .header.fixer .navigator .menu li a{
    color: #000;
  }

  .header.fixer .navigator .menu li a:hover, .header.fixer .navigator .menu li.current_page_item > a{
    color: #0073ff;
  }

}

.mw600 {
  max-width: 790px;
}
.home .header:not(.fixer) #logo img {
  filter: invert() brightness(19);
}



.wp-block-gallery.marchi {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  gap: 20px !important;
}
.wp-block-gallery.marchi figure {
  max-width: 100% !important;
  width:  auto !important;
  background: #fff;
  border-radius: 4px;
}
.wp-block-gallery.marchi figure img {
  height: 90px !important;
  object-fit: contain;
  padding: 0;
  mix-blend-mode: multiply;
  /*! border: 1px solid #eee; */
  aspect-ratio: 3/2;
  padding: 23px;
}


/*--------------------------------------------------------------
# Breakpoint (1300px)
--------------------------------------------------------------*/

@media screen and (max-width: 1300px) {

  .navigator .menu li a {
    padding: 0 15px;
    font-size: 15px;
  }

  .primary-child-navigation ul li a {
    font-size: 13px;
  }

  #cta {
    background-size: cover;
    padding: 120px 0;
    background-position: top;
  }
  

}


/*--------------------------------------------------------------
# Breakpoint (1200px)
--------------------------------------------------------------*/

@media screen and (max-width: 1200px) {

  .navigator .menu li a {
    padding: 0 12px;
    font-size: 16px;
  }



  .primary-child-navigation ul {
    margin-right: 50px;
  }
	
	#logo img {
  height: 33px;
}

.header-widget .wp-block-buttons .wp-block-button a.wp-block-button__link {
  padding: 10px 12px;
}

.bannerDemo {
  padding: 60px 0 60px !important;
}


}


/*--------------------------------------------------------------
# Breakpoint (1150px)
--------------------------------------------------------------*/

@media screen and (max-width: 1150px) {

  .navigator .menu li a {
    padding: 0 7px;
    font-size: 15.5px;
  }



  .primary-child-navigation ul {
    margin-right: 40px;
  }
	
	#logo img {
  height: 25px;
}


}


/*--------------------------------------------------------------
# Breakpoint (1024px)
--------------------------------------------------------------*/

@media screen and (max-width: 1024px) {


  body {
    padding-bottom: 51.2px;
}

	
.call {
  background: #fff;
  position: fixed;
  bottom: 0;
  z-index: 99999;
  left: 0;
  right: 0;
	box-shadow:0px 0px 12px #aaa;
  padding: 5px;
  box-sizing: border-box;
  display: block;
}
	
 .call .widget {
  display: flex;
  justify-content: right;
  align-items: center;
}
  
.call a {
  color: #fff;
  text-align: center;
  display: block;
  height: 38px;
  width: 38px;
  border-radius: 4px;
  margin: 3px 0 3px 10px;
  line-height: 60px;
}

.call span {
  margin-left: 10px;
  margin-right: auto;
  font-size: 12px;
  text-align: left;
  color: #1d1d1d;
  text-transform: uppercase;
  line-height: 16px;
}
	
.call a{
  font-size:0;
}

.call svg {
  height: 20px;
  margin-right: 0;
}
  
  .call a:nth-child(2){
	 background-color:#187927;
  }
  .call a:nth-child(3){
    background-color:#3aca0d;
  }
  .call a:nth-child(4){
    background-color:#c1272d; 
  }
.top-bar{
  display:none;
}	

.header-widget{
  margin-left: auto;
  margin-right: 40px;
}
  
    .resmenu{
      display:block;
      order: 2;
    }
  
    .header {
      position:relative;
      background-color: #fff;
    }
  
    .navigator{
      display: block;
      position: fixed;
      right: 0;
      top: 0;
      width: 100%;
      transform:translateX(100%);
      -moz-transform:translateX(100%);
      -webkit-transform:translateX(100%);
      transition:all 0.3s ease-in-out;
      -webkit-transition:all 0.3s ease-in-out;
      bottom: 0;
      padding-top: 60px;
      background-color: #fff;
      z-index: 200;
    }
    .visible {
      position:fixed;
      left:0;
      right:0;
      top:0;
      bottom:0;
    }
    .visible .navigator {
      transform:translateX(0%);
      -moz-transform:translateX(0%);
      -webkit-transform:translateX(0%);
    }
    .navigator .menu {
      display:block;
      width:80%;
      margin:0 auto;
      position:relative;
      right:0;
    }
    .navigator .menu li{
      display:block;
    }
    .navigator .menu li a{
      line-height:60px;
      font-size:16px;
      color:#000 !important;
      background-color: transparent;
      border-bottom: 1px solid #eee;
    }
	
	#logo img {
  height: 40px;
  padding: 20px 0;
}
	.header .corp {
  align-items: center;
}

#menu-mercati {
  display: block;
}

.wp-block-group {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.primary-child-navigation ul li a {
  padding: 0 15px;
}


.dm {
  font-size: 13px !important;
  width: 130px !important;
  line-height: 42px !important;
  background: #23456f !important;
  text-transform: uppercase;
  font-weight: 600;
}
.bannerDemo {
  padding: 30px 0 !important;
}

.box-contatti {

  padding: 30px 25px;
  margin-bottom: 0 !important;
}


.navigator .supCom {
  display: block;
  width: 80%;
  margin: 20px auto 0;
  position: relative;
  right: 0;
}
.navigator .supCom strong {
  color: #2fa319;
}
.navigator .supCom svg {
  color: #2fa319;
}

     
}

/*--------------------------------------------------------------
# Breakpoint (768px)
--------------------------------------------------------------*/

@media screen and (max-width: 768px) {

.main-title {
  font-size: 30px;
}

h2, .subTit {
  font-size: 26px;
}
#coverHome .main-title {
  font-size: 38px;
}

 #coverHome {
    padding: 530px 0 0px;
    min-height: 50px !important;
    max-height: 1070px;
  }
#cta {
  padding: 100px 0;
}

.header-widget {
  display: none;
}

.bg-top-cerchio-home svg {
  width: 650px;
  height: 650px;
}

.bg-top-cerchio-home {
  bottom: -100px;
}
.customMediaText .item.image, .customMediaText .item {
  position: relative;
  top: auto;
  width: 100%;
  padding: 0;
}

.customMediaText {
  display: block;
}

.grecaptcha-badge {
  bottom: 70px !important;
}


.prezzi thead th {
  display: block;
  margin-bottom: 40px;
}

.prezzi table tbody tr td {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  border-right: none;
  border-left: none !important;
  border-top: none;
  text-align: right;
}

.prezzi table tbody tr td:last-child {
  border-bottom: none;
}

.prezzi tbody tr{
  margin-bottom: 40px;
  display: block;
  border: 1px solid #aaa;
}

.prezzi table tbody tr td:first-child {
  background-color: #f4f5f7;
border-top: none;
padding: 12px 14px;
text-align: left;
}

.prezzi table tbody tr td::before {
  font-weight: 600;
  color: #527aa5;
}

.prezzi table tbody tr td:nth-child(2)::before  {
  content: "Mono Store";
}

.prezzi table tbody tr td:nth-child(3)::before {
  content: "Multi Store";
}
.prezzi table tbody tr td:nth-child(4)::before {
  content: "Custom";
}
.prezzi table tbody tr td:nth-child(5)::before {
  content: "Franchising";
}

.prezzi table tbody tr:hover {
  background-color: transparent;
}


.switcher .txt {
  flex-basis: 100%;
  margin-bottom: 20px;
}
.switcher {
  flex-wrap: wrap;
}

.prezzi table thead tr th:first-child {
  display: none;
}

#menu-credit li a {
  font-size: 8.5px;
}

.social a {
  margin-right: 15px;
}




.wp-block-gallery .wp-block-image {
  flex-basis: 50%;
}
.wp-block-gallery.columns-4 figure img {
  box-sizing: border-box;
  padding: 10px;
  height: 44px;
}


.servizi.owl-carousel .owl-stage {
  padding-left: 0 !important;
}

.form.brochure.popup {
  left: 10px;
  right: 10px;
  padding: 20px;
}


.fieldSettori .wpcf7-checkbox .wpcf7-list-item {
  flex-basis: 100%;
  margin-bottom: 6px;
}


.feature.whyChoise .item {
  display: block;
  text-align: center;
  padding: 10px;
}
.feature.whyChoise .item figure {
  margin: 0 0 12px;
}
.feature.whyChoise .item .tit {
  font-size: 14px;
}
	
	
	
.credit .wp-block-columns {
  display: block;
}
.credit .social {
  margin-bottom: 10px;
}
.wp-block-gallery.marchi figure {
  max-width: 110px !important;
}
}

#customRange {
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */  
}