@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap');
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

html, body {overflow-x: hidden;}
body {font-family: 'Open Sans', sans-serif;}

/* COLORS */


/* BACKGROUNDS */
.bg-main {background-color: #3864d9!important;}
.bg-light {background-color: #e6f4f1!important;}
.bg-dark {background-color: #202d4e!important;}
.bg-viola {background-color: #b0c4ff!important;}
.bg-orange-1 {background-color: #ff4800!important;}
.bg-orange-2 {background-color: #ff6600!important;}


/*bootstrap*/
.btn:focus, .btn.focus, button:focus {
  outline: 0;
}
a {transition: all 0.25s ease-in-out;}

/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  letter-spacing: -0.2px;
  color:#173f59;
}
h1 {margin-bottom: 1.75rem; font-weight: 700;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw600 {font-weight: 600;}
.fw700 {font-weight: 700;}
.fw800 {font-weight: 800;}


.fs12 { font-size: 0.75rem; }  /* 12px */
.fs13 { font-size: 0.8125rem; }  /* 13px */
.fs14 { font-size: 0.875rem; }  /* 14px */
.fs18 { font-size: 1.125rem; }  /* 18px */
.fs19 { font-size: 1.1875rem; } /* 19px */
.fs20 { font-size: 1.25rem;  }  /* 20px */
.fs22 { font-size: 1.375rem;  } /* 22px */
.fs24 { font-size: 1.5rem; }    /* 24px */
.fs26 { font-size: 1.625rem; }  /* 26px */
.fs28 { font-size: 1.75rem; }   /* 28px */
.fs30 { font-size: 1.875rem; }  /* 30px */

.text-orange-1, a.text-orange-1, a > .text-orange-1 {color: #ff4800!important;}
.text-orange-2, a.text-orange-2, a > .text-orange-2 {color: #ff6600!important;}
.text-whatsapp, a.whatsapp {color:#13a201!important; text-decoration: none;}
a:hover.whatsapp, a:focus.whatsapp {color:#0e7b00!important; text-decoration: none;}
.text-vio {color: #4343f0 !important;}
.border-vio {border-color: #4343f0 !important;}

.ts-orange {text-shadow: 0 2px 4px rgb(255, 72, 0);}
.ts-blue {text-shadow: 0 2px 4px rgb(255, 72, 0);}
.tbg-orange {padding: .125rem .25rem; background-color: rgb(255, 72, 0);}
.tbg-sblue {padding: .125rem .25rem; background-color: #b0c4ff;}
.tbg-yellow {padding: .125rem .25rem; background-color: #ede7a8;}

/* SPACER */

.spacer {
    padding-top: 3rem; padding-bottom: 3rem;
}
.spacer-60 {
    padding-top: 3.75rem;
	padding-bottom: 3.75rem;
}
.spacer-30 {
    padding-top: 1.875rem;
	padding-bottom: 1.875rem;
}

/* HEADER */

.topmenu {background-color: #2246a7; width: 100% ;display: none;}
.logo-box {display: block; max-width: 380px; min-width: 220px; height: auto;}
.navbar.fixed-top .logo-box {max-width: 260px;}
.logo-box.logo-1 {display: block; max-width: 266px; min-width: 160px; height: auto;}
.navbar.fixed-top .logo-box.logo-1 {max-width: 160px;}

/* NAV */
.topmenu .nav {padding: 1rem 0;}
/*.navbar .topmenu .nav {padding: .125rem 0;}*/
.navbar.fixed-top {
	  -webkit-animation-duration: .6s;
	  animation-duration: .6s;
	  -webkit-animation-fill-mode: both;
	  animation-fill-mode: both;
	  -webkit-animation-name: fadeInDown;
	  animation-name: fadeInDown;
	  box-shadow: 0 3px 3px rgba(32, 45, 78, 0.5);
}
/*.navbar.fixed-top .topmenu {display: block;}*/
.topmenu .nav-item {text-transform: uppercase; font-weight: 700; font-size: 1rem;}
.topmenu .nav-link {padding: 0.25rem .5rem;}
.topmenu .nav-item .nav-link {color:#e6f4f1;}
.topmenu .nav-item .nav-link.active {color:#ede7a8;}
.topmenu .nav-item .nav-link:hover, .topmenu .nav-item .nav-link:focus {color:#ede7a8;}
.topmenu .nav-item .nav-link.active:hover, .topmenu .nav-item .nav-link.active:focus {color:#ede7a8;}
/*.navbar.fixed-top .topmenu {display: none;}*/
.navbar.fixed-top .topmenu .nav {padding: .125rem 0;}
.navbar.fixed-top .topmenu .nav-item {font-weight: 600; font-size: 1rem;}
.navbar .topmenu .nav-link {padding: 0.25rem .5rem;}
#principale .navbar.fixed-top .topmenu {display: none;}
#principale .topmenu .nav {flex-wrap:nowrap; padding: .5rem 0;}
#principale .topmenu hr {background-color:#fff;}
#principale .topmenu .nav:first-child {margin-bottom: -1px;}
/*#principale .topmenu .nav-item .nav-link {color:#fff;}*/

	.info-phone a {
		display: inline-block;
		position: relative;
		white-space: nowrap;
		padding-right: 50px;
		padding-left: 24px;
		font-size: 1.0625rem;
		font-weight: 700;
	}
	.navbar.fixed-top .info-phone, .navbar.fixed-top .info-mail  {display: none;}
	.navbar .info-phone a:hover, .navbar .info-mail a:hover {color:#ff4800;}
	.info-phone a::after {
		display: block;
		content: "";
		position: absolute;
		right: 0;
		width: 45px;
		height: 24px;
		top: -.25rem;
		background: url(../images/messengers.png) no-repeat center right;
		background-size: contain;
	}
	.info-phone a::before {
		display: block;
		content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23b0c4ff' viewBox='0 0 16 16'><path d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z'/></svg>");
		position: absolute;
		left: 0;
		width: 20px;
		height: 20px;
		top: 50%;
		margin-top: -10px;
		transition: all .25s;
	}
	.info-phone a:hover::before {
		content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ff4800' viewBox='0 0 16 16'><path d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511zm10.761.135a.5.5 0 0 1 .708 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 0 1-.708-.708L14.293 4H9.5a.5.5 0 0 1 0-1h4.793l-1.647-1.646a.5.5 0 0 1 0-.708z'/></svg>");
	}
	.info-mail a {
		display: inline-block;
		font-size: 1.0625rem;
		font-weight: 600;
		position: relative;
		padding-left: 24px;
	}
	.info-mail a::before {
		display: block;
		content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23b0c4ff' viewBox='0 0 16 16'><path d='M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414.05 3.555zM0 4.697v7.104l5.803-3.558L0 4.697zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586l-1.239-.757zm3.436-.586L16 11.801V4.697l-5.803 3.546z'/></svg>");
		position: absolute;
		left: 0;
		width: 20px;
		height: 20px;
		top: 50%;
		margin-top: -10px;
		transition: all .25s;
	}
	.info-mail a:hover::before {
		content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%23ff4800' viewBox='0 0 16 16'><path d='M8.941.435a2 2 0 0 0-1.882 0l-6 3.2A2 2 0 0 0 0 5.4v.313l6.709 3.933L8 8.928l1.291.717L16 5.715V5.4a2 2 0 0 0-1.059-1.765l-6-3.2zM16 6.873l-5.693 3.337L16 13.372v-6.5zm-.059 7.611L8 10.072.059 14.484A2 2 0 0 0 2 16h12a2 2 0 0 0 1.941-1.516zM0 13.373l5.693-3.163L0 6.873v6.5z'/></svg>");
	}
.navbar.fixed-top .contact-top-1 {display: none;}
#principale .navbar.fixed-top .info-phone-1 {margin-bottom: .125rem;}
.info-phone-1 {
	font-size: 1.5rem;
	font-weight: 700;
	margin-bottom: .25rem;
}
.info-phone-1 a {color: #ff6600!important;}
.info-phone-1 a:hover {color: #ff4800!important;}

.info-phone-1 svg {
	width: 32px;
	font-size: 1.5rem;
	font-weight: 700;
	margin-right: .25rem;
}
.info-mail-1 {font-weight: bold;}
/* SECTIONS */
.c-tempo {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 0;
}
.c-tempo-item {
  display: flex;
  align-items: center;
	justify-content: center;
	position: relative;
    z-index: 1;
	padding: 2.5rem 1rem;
	background-color: #e6f4f1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-decoration: none;
	transition: all .25s;
}
.c-tempo-title {
  color:#ff4800;
  text-align: center;
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 700;
	display: block;
	position: relative;
	text-shadow: 0 2px 0 rgba(32,45,78,.7);
	z-index: 3;
	transition: all .25s;
	
}
.c-tempo-item:hover .c-tempo-title {text-shadow: 0 2px 0 rgba(32,45,78,1);}
.c-tempo-item::after {
  display: block;
  content: "";
  background-color: rgba(32,45,78,.3);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: 2;
  transition: all .25s;
}
.c-tempo-item:hover::after {
    background-color: rgba(32,45,78,.7);
}
.c-compro, .c-compro-1 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1rem 1rem;
}

.c-compro-item, .c-compro-1 .c-compro-item {
	display: flex;
	align-items: center;
	position: relative;
    z-index: 1;
	padding: .75rem 1rem;
	border-radius: .25rem;
	background: #e6f4f1;
	text-decoration: none;
	transition: all .25s;
}
.c-compro-1 .c-compro-item {justify-content: space-between; padding: .5rem;}
.c-compro-img, .c-compro-1 .c-compro-img {
  width: 84px;
  height: 84px;
  flex: 0 0 84px;
  border-radius: 50%;
  border: 4px solid #fff;
  -webkit-margin-end: 1.25rem;
          margin-inline-end: 1.25rem;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all .25s;
}
.c-compro-1 .c-compro-img {border-radius: .25rem;}
.c-compro-1 .bi {
  flex: 0 0 1.5rem;
  margin-left: 1rem;
}
.c-compro-item .c-compro-title {
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.125rem;
}
.c-compro-1 .c-compro-item .c-compro-title {
	margin-bottom: 0;
	font-weight: 700;
	font-size: 1.125rem;
	text-transform: none;
}

.c-compro-item:hover .c-compro-img {border-color:#ff4800;}
.c-compro-1 .c-compro-item:hover .bi {fill:#ff4800!important;}

.inter-list {padding: 0; list-style: none;}
.inter-list .nav-item {display: block; font-size: 1.125rem; font-weight: 600; margin-bottom: .5rem;}
.inter-list .nav-item a {display: inline;}
.inter-list .nav-item a:hover {box-shadow: inset 0 -5px 0 0 #ede7a8;}
.inter-list .nav-item.active a {color: #b0c4ff; /*color:rgba(56, 100, 217, 0.25); box-shadow: inset 0 -1.125rem 0 0 #ede7a8;*/}

.list-icon {
	list-style: none;
	padding: 0;
	margin-bottom: 1.75rem;
}
.list-icon li {
	padding-left: 28px;
	position: relative;
	font-size: 1.125rem;
	margin-bottom: 1rem;
}
.list-icon li:last-child{
	margin-bottom: 0;
}
.list-icon li::before {
    content: "";
    border: 3px solid #5d87a1;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-top: -8px;
    vertical-align: middle;
    position: absolute;
    left: 0;
	top:50%;
}
	.icon-box{
		padding: 0;
		list-style: none;
		display: grid;
  		grid-template-columns: 1fr;
 		grid-gap: 1rem 1rem;
	}
	.icon-item {
		display: flex;
		margin: 0;
		padding: 0;
		flex: 1 1 auto;
		align-content: flex-start;
		align-items: center;
		justify-content: flex-start;
	}
	.icon-item::before {
		display: flex;
		align-items: center;
		justify-content: center;
		width:50px;
		height:50px;
		flex: 0 0 50px;
		/*min-width: 50px;*/
		padding: .75rem;
		border-radius: 50%;
		background-color: #3864d9;
		content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='2em' height='2em' fill='%23e6f4f1' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M15.354 2.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L8 9.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3cpath fill-rule='evenodd' d='M8 2.5A5.5 5.5 0 1 0 13.5 8a.5.5 0 0 1 1 0 6.5 6.5 0 1 1-3.25-5.63.5.5 0 1 1-.5.865A5.472 5.472 0 0 0 8 2.5z'/%3e%3c/svg%3e");
		transition: all .25s;
	}
	.icon-item:hover::before, .icon-item.active::before {
		/*background-color: #2246a7;*/
		content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='2.25em' height='2.25em' fill='%23ede7a8' viewBox='0 0 16 16'%3e%3cpath fill-rule='evenodd' d='M15.354 2.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3-3a.5.5 0 1 1 .708-.708L8 9.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3e%3cpath fill-rule='evenodd' d='M8 2.5A5.5 5.5 0 1 0 13.5 8a.5.5 0 0 1 1 0 6.5 6.5 0 1 1-3.25-5.63.5.5 0 1 1-.5.865A5.472 5.472 0 0 0 8 2.5z'/%3e%3c/svg%3e");
	}
	/*.icon-item:hover::before {
		content: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='2em' height='2em' fill='%23ede7a8' viewBox='0 0 16 16'><path fill-rule='evenodd' d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/></svg>");
	}*/
	.icon-title {
		font-size:1.125rem;
		color: #173f59;
		font-weight: 700;
		margin-left: 1.5rem;
	}
	/*.icon-item.active {opacity: .6}*/
	.icon-item.active::before {background-color: #384a77;}
	.icon-item.active .icon-title, .icon-item.active .icon-title:hover {
		color: #384a77;
	}

/* CARDS */
.articoli {
    border: 4px solid #b0c4ff;
    border-radius: 0.5rem;
}
/*.articoli .card-title a:hover {box-shadow: inset 0 -5px 0 0 #ede7a8;}*/
.contenuto h2, .contenuto h3 {font-weight: 700;}
.contenuto h2 {
	font-size: 1.5rem;
}
.contenuto h3 {
	font-size: 1.25rem;
}
.contenuto h4 {
	font-size: 1.125rem;
}
.contenuto h5 {
	font-size: 1rem;
}
.contenuto a {
	box-shadow: inset 0 -3px 0 0 #ede7a8;
}
.contenuto a:hover {
	box-shadow: inset 0 -3px 0 0 #b0c4ff;
}
.articoli:last-child, .altri-articoli .row > :last-child {margin-bottom: 0;}

.articoli .card-title a:hover {box-shadow: inset 0 -5px 0 0 #ede7a8;}
.contenuto a.noboxshadw, .contenuto a.attenzio {box-shadow: none!important;}
.attenzio {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  border: 4px solid #dc3545;
  border-radius: .5rem;
  padding: .5rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #dc3545;
}
.attenzio:hover {
  border-color: #ff4800;
  color: #ff4800;
}

.figure-less {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 1ch;
	overflow: hidden;
	height: 60px;
	cursor: pointer;
	position: relative;
}
.figure-less::before {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
	color:#ede7a8;
	background-color: rgba(32,45,78,.6);
	display: grid;
	place-content: center;
  	gap: 1ch;
	content:"apri immagine";
	transition: all .5s;
}
.figure-less:hover::before {
	content:"";
	background-color: rgba(32,45,78,.1);
}
.figure-less.full::before {display: none;}
.figure-less.full {
	height: auto;
}

/* FORMS */
.custom-file-input {
  visibility: hidden;
  width: 0;
  height: 0;
}
.custom-file-input:focus + .custom-file-label {
  outline: dotted;
}
/* BTN */

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d;
}
.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-check:checked + .btn-outline-secondary, .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.btn-check:checked + .btn-outline-secondary:focus, .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
  box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}
.btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
  color: #6c757d;
  background-color: transparent;
}

/* FOOTER */
.footer-menu-1 {background: #3864d9;}
.footer-menu-1 .nav .nav-item {margin: .25rem; color: #fff;}
.footer-menu-1 .nav .nav-item:first-child {margin-left: 0;}
.footer-menu-1 .nav .nav-item:last-child {margin-right:.0;}
.footer-menu-1 .nav .nav-item:hover, .footer-menu-1 .nav .nav-item:focus {color:#869fb2;}
.footer-menu-1 .nav .nav-item.active {color:#869fb2;}
.footer-menu-1 {padding: 1rem 0; color: #fff;}
/*.footer-area hr {background-color: #0e2a47;}*/
.footer-area {color: #869fb2;}
.footer-area a {text-decoration: none; color:#e6f4f1;}
.footer-area a:hover, .footer a:focus {color:#869fb2; text-decoration: none;}
.footer-area .nav {margin-bottom: 2rem;}
.footer-area .nav .nav-item {margin: .25rem;}
.footer-area .nav .nav-item:first-child {margin-left: 0;}
.footer-area .nav .nav-item:last-child {margin-right:.0;}
.footer-area .nav .nav-item.active {color:#869fb2;}
.footer-bottom {
	font-size: 0.875rem;
	color:#869fb2;
}
.scroll-top {
    position: fixed;
	background: rgba(56,100,217,.6);
	color:#fff;
	border: none;
    bottom: -60px;
    right: 1rem;
    z-index: 200;
    cursor: pointer;
    transition: all 1s;
    transform: translateY(100%);
}

.scroll-top.active {
    bottom: 1rem;
    transform: translateY(0%);
}

.scroll-top:hover, .scroll-top:focus{
	border: none;
	background: rgba(56,100,217,1);
    color: #fff;
}
.info {
	position: relative; 
	overflow: hidden; 
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: .25rem;
	border: 4px solid #cc3333;
	padding: .75rem 1rem;
}
.info a.more {color:#a6afb7;}
.info a:hover.more {color:#ede7a8;}
.info-1 {
  font-size: 1.25rem;
  font-weight: 700;
  border: 6px double #e6f4f1;
}
.info-2 {
	font-weight: 600;
	font-size: 1.125rem;
	line-height: 1.5rem;
}
.info-3 {
	line-height: 1.5rem;
}
.info-6 {
	border-color: #3f90f7;
	background: #3f90f7;
	font-size: 1.25rem;
	font-weight: 700;
	justify-content: center;
	/*color: #e6f4f1;*/
	color: #fff;
}
.info-7 {
	border-radius: .75rem;
	font-weight: 700;
	line-height: 1.5;
	display: block;
}
.info-7 .line-one {
	display: block;
	font-size: 1.25rem;
	color: #c33;
}
.info-7 .line-two {
	color: #2246a7;
	font-weight: 800;
}
.info-7 .more {
	text-align: right;
	float: right;
	display: inline-block;
	color: #a6afb7;
}
.msg {
	padding: .75rem 1rem;
	border-radius: .25rem;
	line-height: 1.5rem;
}
.msg-3 {
	background-color: #ff6600;
	color: #fff;
	font-weight: 700;
}
.msg-4 {
	background-color: #a6afb7;
	font-weight: 700;
}
.msg-4 svg {
	margin-right: 1rem;
}
.msg-4 a.whatsapp {
	font-size: 1.5rem;
	color: #ca5303!important;
	display: flex;
	align-items: center;
}
.msg-4 a:hover.whatsapp, .msg-4 a:focus.whatsapp {
	color: #fff!important;
}
.border-dotted {border: 4px dotted #3f90f7}
.border-double {border: 4px double #3f90f7}
/*modal*/
.modal .modal-dialog-aside{ 
	width: 350px; max-width:80%; height: 100%; margin:0;transform: translate(0); transition: transform .2s;
}
.modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%); }
.modal.fixed-right .modal-dialog-aside{ margin-right:auto; transform: translateX(-100%); }
.modal.show .modal-dialog-aside{ transform: translateX(0);  }
  .navbar-collapse {
    visibility: hidden;
    transform:translateX(-100%);
    border-radius:0; 
    display: block;
    position: fixed;
    top: 0; left:0;
    max-width: 360px;
	min-width: 260px;
	height: 100vh;
    z-index: 1200;
    overflow-y: scroll;
    overflow-x: hidden;
	background: #b3ebff;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }
  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(0);
  }
.screen-overlay {
  height: 100vh;
  z-index: 1199;
  position: fixed;
  top: 0;
  left: 0;
  opacity:0;
  visibility:hidden;
  background-color: rgba(34, 34, 34, 0.7);
  transition:opacity .2s linear, visibility .1s, width 1s ease-in;
}
.screen-overlay.show {
  transition:opacity .5s ease, width 0s;
  opacity:1;
  width: 100vw;
  visibility:visible;
}
.offcanvas-active{
	overflow:hidden;
}
.offcanvas{
	max-width: 320px;
	width: 100vw;
	visibility: hidden;
	transform:translateX(-100%);
	transition:all .2s;
  border-radius:0; 
  box-shadow: 0 5px 10px rgba(0,0,0, .2);
	display:block;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  z-index: 1200;
  background-color: #fff;
  overflow-y: scroll;
  overflow-x: hidden;
}
.offcanvas .list-group-item{text-transform: uppercase; font-weight: 600; background-color: transparent;}
.offcanvas .list-group-item.active{background-color: #3864d9;}
.offcanvas .list-group-item:hover {background-color: #2246a7; color:#e6f4f1;}
.offcanvas.offcanvas-right {
   right: 0;
   left: auto;
   transform: translateX(100%); 
 }
.offcanvas.show{
	visibility: visible;
    transform: translateX(0);
    transition: transform .2s;
}
/* RESPONSIVE */

@media (min-width: 340px) {

}
@media (min-width: 420px) {
	.spacer {
		padding-top: 3rem; padding-bottom: 3rem;
	}
	.c-tempo {
	  grid-template-columns: 1fr 1fr;
	}
	.c-tempo-item {
	  padding: 3rem 1rem;
	}
	.figure-less {
		height: auto;
		cursor: default;
	}
	.figure-less::before {display: none;}
}
@media (min-width: 576px) {
		.spacer {
			padding-top: 3.5rem; padding-bottom: 3.5rem;
		}
	.topmenu .nav-item {font-size: 1.125rem;}
	.info-phone-1 {margin-bottom: .5rem;}
	  .tcol-list {
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
	  }
	.navbar.fixed-top .contact-top-1 {display: block;}
	.c-compro, .c-compro-1 {
	  grid-template-columns: 1fr 1fr;
	  grid-gap: 1rem 2rem;
	}
	.c-compro-item .c-compro-title {
		font-size: 1.25rem;
	}
	.icon-box{
  		grid-template-columns: 1fr 1fr;
 		grid-gap: 1rem 1rem;
	}
}

@media (min-width: 768px) {
	.spacer {
		padding-top: 4rem; padding-bottom: 4rem;
	}
	.header-area .breadcrumb{
		font-size: 1rem;
	}
	.st-item h3{
		margin-bottom: 2.5rem;
	}
	
	.topmenu {display: block;}
	.topmenu .nav {padding: 1rem 0;}
	.navbar.fixed-top .topmenu {display: block;}
	.topmenu .nav-link {padding: 1rem .5rem;}
	.navbar.fixed-top .info-phone, .navbar.fixed-top .info-mail  {display: inline-flex;}
  .attenzio {
    padding: .75rem;
    font-size: 1.25rem;
  }
	.footer-area {padding-top: 4rem;}
		
}

@media (min-width: 992px) {
	.c-compro-1 .bi {
	  flex: 0 0 2rem;
	  margin-left: 1.25rem;
	}
	.c-tempo {
	  grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.c-tempo-item {padding-bottom: 9rem;}
	.icon-box{
  		grid-template-columns: 1fr 1fr 1fr;
 		grid-gap: 1rem 2rem;
	}
	.info-phone {margin-right: 3.5rem;}
	.info-phone-1 {margin-bottom: .75rem;}

}
@media (min-width: 1200px) {
	.info-phone-1 {margin-bottom: 1rem;}
	.msg {
		padding: 1rem 1.5rem;
	}
	.msg-3 {font-size: 1.125rem;}
	.msg-4 a.whatsapp {
		font-size: 1.75rem;
	}
	.icon-box{
 		grid-gap: 1rem 3rem;
	}
	.c-compro, .c-compro-1 {
	  grid-gap: 1rem 2rem;
	}
}