#sp-menu1,
#sp-menu2{
  display: flex;
  justify-content: center;
}
#sp-menu1 ul.sp-megamenu-parent li,
#sp-menu2 ul.sp-megamenu-parent li{
  padding: 0px 15px;
}
.logo {
  display: flex;
  justify-content: start;
}
.logo-image{
  margin: 20px 0px;
}
.slide-style .sp-slider-content-align-left{
  margin-left: 12%;
}
.title-style h3{
  font-family: 'Nunito', sans-serif;
}
ul.list{
  list-style-type: none;
  padding-left: unset;
}
ul.list li i{
  padding-right: 10px;
  font-size: 15px;
  color: #e53333;
}
ul.list li {
  padding: 10px 10px;
  border-bottom: solid 1px #888888;
}
ul.list li:hover {
  background-color: #cacaca;
}
ul.list li:last-child{
  border-bottom: unset;
}
.imagelay-style h3{
  font-family: 'Nunito', sans-serif;
  font-size: 38px !important;
}
.imagelay-style .image-layout-tittle-wrap{
  margin-left: -27%;
}
.slide-style h2 span,
.imagelay-style h3 span{
  color: #e53333;
}
.imagelay-style h3{
  color: #888888;
}
.box-img a{
  padding: unset;
  color: white !important;
  background-color: unset !Important;
  border: unset;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}

.box-img a:after {
  content: "";
  width: 51px;
  position: absolute;
  z-index: 9;
  height: 2px;
  left: 0;
  bottom: -5px;
  background-color: #e53333;
  transition: 450ms;
}

.box-img a:hover:after{
  content: "";
  width: 90px;
  position: absolute;
  z-index: 9;
  height: 2px;
  left: 0;
  bottom: -5px;
  background-color: #e53333;
  transition: 450ms;
}
.box-img h4 {
  background-color: white;
  padding: 10px 13px;
  color: #e53333 !Important;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
}
.box-img-style h3{
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 30px;
  text-transform: uppercase;
  color: #888888;
}

.slide-style h2 {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 50px !important;
  text-transform: uppercase;
  color: #888888 !Important;
}

.txt-style h3,
.txt-style h2,
.txt-style h4{
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  font-size: 38px !important;
  text-transform: uppercase;
  color: #888888;
}
.imagelay-style p strong,
.txt-style p strong,
.txt-style h3 span,
.txt-style h2 span{
  color: #e53333;
}

.box-img-style a{
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  color: white;
  background-color: #e53333;
}
.box-img-style a.sppb-btn:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  transition: 350ms;
  background-color:  white;
}
.box-img-style a.sppb-btn:hover:after{
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transition: 350ms;
  background-color:  white;
}
#sppb-addon-1612257885643 .sppb-nav-pills > li.active > a,
#sppb-addon-1612257885643 .sppb-nav-pills > li.active > a:hover,
#sppb-addon-1612257885643 .sppb-nav-pills > li.active > a:focus{
   color: white;
   background-color: #e53333;
   border-radius: unset;
}
.txt-borderl p:after{
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 9;
  background-color: #e53333;
  border-radius: 15px;
  left: -30px;
  top: 0;
  transition: 350ms;
}

.txt-borderl p:hover:after{
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 9;
  background-color: #e53333;
  border-radius: 15px;
  left: -30px;
  top: 0;
  transition: 350ms;
}
.slide-style h2:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: white;
  left: 0;
  top: 0;
}
.slide-style span.sp-slider-btn-text:hover{
  color: white !important;
  transition: 350ms;
}
.section-style-button .sppb-row-container{
  width: fit-content;
}
.btn-style3:after,
.btn-form button:after,
.btn-style2:after,
.btn-style:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #e53333;
  transition: 350ms;
  z-index: -1;
}

.btn-style2:hover{
  color: #ffffff !Important;
  transition: 250ms;
}
.btn-style3:hover:after,
.btn-form button:hover:after,
.btn-style2:hover:after,
.btn-style:hover:after {
  width: 100%;
  transition: 350ms;
}

.btn-style2{
  padding: 13px 25px;
  font-family: 'Nunito', sans-serif;
  border-radius: unset;
  background-color: #ffffff !important;
  font-weight: 600;
  border: solid 2px #e53333;
  color: #e53333 !important;
  position: relative;
  z-index: 10;
}
.btn-style3:hover {
  color: white !important;
}
.chiama{
  justify-content: flex-end;
  display: flex;
}
.btn-style3{
  padding: 13px 25px;
  font-family: 'Nunito', sans-serif;
  border-radius: unset;
  background-color: unset !important;
  font-weight: 600;
  border: solid 2px #e53333 !important;
  color: #e53333 !important;
  position: relative;
}
.btn-form button,
.btn-style{
  padding: 13px 25px;
  font-family: 'Nunito', sans-serif;
  border-radius: unset;
  background-color: #0000001f !important;
  font-weight: 600;
  border: solid 2px #e53333 !important;
  color: #e53333;
  position: relative;
}

.slide-style span.sp-slider-btn-text {
  padding: 13px 25px;
  font-family: 'Nunito', sans-serif;
  border-radius: unset;
  background-color: #0000001f !important;
  font-weight: 600;
  border: solid 2px #e53333;
}

.slide-style span.sp-slider-btn-text:after{
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #e53333;
  left: 0;
  top: 0;
  transition: 350ms;
}

.slide-style span.sp-slider-btn-text:hover:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
  background-color: #e53333;
  left: 0;
  top: 0;
  transition: 350ms;
}
.slide-style span.nav-control {
  background-color: unset !Important;
  border-color: unset !Important;
  color: #e53333 !important;
  font-size: 35px !important;
  border: unset !important;
}
.slide-style .sp-dots li {
  width: 100px !important;
  border-radius: unset !important;
  border: solid 1px #e53333 !important;
  height: 5px !important;
}
#sppb-addon-1612255011512 .sp-slider .sp-dots ul li span,
#sppb-addon-1612255011512 .sp-slider .sp-dots ul li:hover span,
#sppb-addon-1612255011512 .sp-slider .sp-dots ul li:hover:after,
#sppb-addon-1612255011512 .sp-slider .sp-dots ul li:after {
  border-radius: unset;
  width: 100%;
  background: #e53333;
}
.contact-footer span i{
  color: #e53333;
  font-size: 25px !important;
}
.contact-footer a {
  font-family: 'Nunito', sans-serif;
  color: white;
}
.contact-footer .sppb-addon-title {
  margin-top: 5px;
}
#sp-footer{
  background-color: #252525;
}
.tab-orari h3{
  font-family: 'Nunito', sans-serif;
  color: #e53333;
  text-align: center;
}

.txt-footer h3,
.txt-footer h1{
  font-family: 'Nunito', sans-serif;
  color: #e53333;
	font-size: 23px;
}
.txt-footer h1 span {
	text-transform: uppercase;
	font-size: 18px;
	color: #fff;
}
.txt-footer p{
  color: white;
}

#sp-footer .container-inner{
  padding: 50px 0px;
}
ul.sp-megamenu-parent li.active a,
ul.sp-megamenu-parent li a:hover{
  color: white !Important;
}
ul.sp-megamenu-parent li.active,
ul.sp-megamenu-parent li:hover {
  background-color: #e53333;
}
.sp-megamenu-parent > li > a:before,
.secondary-menu > li > a:before,
.sp-megamenu-parent > li > span:before,
.secondary-menu > li > span:before{
  content: unset;
}
div.sp-slider .sp-indicator.line-indicator{
  background: #e53333;
}
.sp-slider .sp-indicator-container{
  top: unset !important;
  bottom: 0 !important;
}
.contact-style-txt h3 {
  color: white;
  font-family: 'Nunito', sans-serif;
}
.contact-style-txt h3 a{
  color: #e53333;
  font-weight: 700;
  background: white;
}
.fa-mail-bulk:before {
  content: "\f0e0" !important;
}
.sppb-carousel-extended-item img {
  width: fit-content;
  object-fit: cover;
  height: 100%;
}
.img-sost{
  transition: 250ms;
}
.img-sost:hover{
  transform: scale(1.08);
  transition: 250ms;
}

.feature-style h3,
.feature-style a {
  font-family: 'Nunito', sans-serif;
  color: #888888;
  padding-top: 15px;
}
.feature-style span.sppb-icon-container{
  color: #e53333 !important;
  border: solid 2px #e53333 !important;
  border-radius: 50%;
  padding: 14px !important;
}
.feature-style span.sppb-icon-container:hover{
  background-color: #e53333 !important;
  color: white !important;
}
.feature-style span.sppb-icon-container > i{
  font-size: 28px;
}
.tab-orari .ytable{
  width: 100%;
}
.tab-orari .ytable th,
.tab-orari .ytable td{
  padding: 5px 0px;
  border-top: solid 1px #888888;
}
.tab-orari .ytable th {
  color: #888888;
}
.form-style input,
.form-style textarea {
  background-color: unset !important;
  border: solid 1px #cacaca !important;
}
.form-style .sppb-form-check label a{
  font-weight: 600;
  color: #e53333;
}
.form-builder-checkbox-item label::before,
.form-builder-radio-item label::before,
.sppb-addon-form-builder .sppb-form-check-label::before {
  border: solid 2px #e53333;
}
.form-builder-checkbox-item input:checked+label::before,
 .form-builder-radio-item input:checked+label::before,
  .sppb-addon-form-builder .sppb-form-check-input:checked+label::before{
    background: #e53333;
  }
#sp-position-10 {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: flex-end;
}

.tabs-style img.sppb-img-responsive {
	width: 100%;
	max-height: 580px;
}
.tabs-style .sppb-nav-custom {
	align-self: center;
}

.fa-long-arrow-alt-right:before {
    content: "\f0da" !important;
}
.p-absolute {
	position: absolute;
}
#sppb-addon-1613469494550 .sppb-nav-custom > li.active > a, #sppb-addon-1613469494550 .sppb-nav-custom > li.active > a:hover,
#sppb-addon-1613469494550 .sppb-nav-custom > li.active > a:focus {
    color: #333333;
    background-color: #cacaca;
}
.tabs-style ul li a  {
	background-color: unset !important;
	color: #000000 !important;
	border-width: 0 0 1px 0 !important;
	border-color: #888888 !important;
}
.tabs-style ul li:last-child a {
	border: unset !important;
}
.tabs-style ul li.active {
	background-color: #cacaca;
}
#sppb-addon-1613469494550 .sppb-nav-custom li {
	padding: unset;
}

.tabs-style span.sppb-tab-icon {
	color: #e53333;
	padding-right: 10px;
}
.offcanvas-inner {
	padding-top: 40px !important;
}
.custom {
	padding-bottom: 40px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul.menu > li > a:before, .offcanvas-menu .offcanvas-inner .sp-module ul.menu-child > li > a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);
    width: 0;
    height: 2px;
    background-color: #e63238;
    transform: translateY(-50%);
    transition: 0.3s;
}
.offcanvas-menu a:active,
.offcanvas-menu a:over,
.offcanvas-menu a:focus{
	color: #888888;
}


/*START MEDIA QUESRIES*/

@media only screen and (max-width: 576px) {
	.logo {
		display: flex;
		justify-content: center;
	}
	#sp-logo {
		padding: unset;
	}
	#sp-position-10 {
		align-items: center;
		padding-bottom: 30px;
	}
	.slide-style h2 {
		font-size: 28px !important;
	}
	/*.slide-style h2:after {
		content: "";
		width: 76%;
		height: 100%;
		position: absolute;
		z-index: -1;
		background-color: white;
		left: 0;
		top: 0;
	}*/
	.imagelay-style h3,
	.txt-style h3 {
		font-size: 27px !important;
	}
	body.offcanvas-active .offcanvas-menu {
		width: 100% !important;
	}
	
}
@media only screen and (max-width: 768px) {
	.slide-style .sp-slider-content-align-left {
		margin-left: unset;
	}
	.sp-dots,
	.sp-nav-control {
		display: none;
	}
	
	.imagelay-style .image-layout-tittle-wrap {
		margin-left: unset;
	}
	.imagelay-style .sppb-col-sm-6 {
		flex: 0 0 100% !important;
    	max-width: 100% !important;
	}
	.imagelay-style .sppb-text-alignment {
		padding: 30px 0;
	}
	.contact-style-txt,
	.contact-footer {
		text-align: center;
	}
	body.offcanvas-active .offcanvas-menu {
		width: 55%;
	}
	.contact-footer {
		display: flex;
		justify-content: center;
	}
	
}

@media only screen and (max-width: 1024px) {
	.section-img-side .sppb-col-md-6 {
		flex: 0 0 100%;
    	max-width: 100%;
	}
	.col-content {
		padding: 40px 30px !important;
	}
	.txt-borderl p:after,
	.txt-borderl p:hover:after {
		content: unset;
	}
	#sp-menu2 {
		justify-content: flex-end;
	}
	.tabs-style .sppb-tab {
		flex-direction: column;
	}
	.tabs-style ul.sppb-nav {
		width: 100% !important;
	}
	.tabs-style .sppb-tab-content {
		width: 100% !important;
		padding-left: 0px !important;
		padding-top: 30px;
	}
	.p-absolute {
		position: relative;
	}
	.slide-style span.hide br {
		display: none;
	}
}
@media only screen and (min-width:1024px) and (max-width:769px) {
	.slide-style h2 {
		font-size: 37px !important;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 577px){
	.offcanvas-menuu {
		width: 55% !important;
	}
}

/*END MEDIA QUESRIES*/