/*Bg open site*/
.open-bg{
	background: url(../img/cover-2.jpg) no-repeat center center;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.header-transparent {
    background-color: transparent;
}

.pop-up {
    position: fixed;
    z-index: 1002;
    margin: 1% auto;
    left: 0;
    right: 0;
    top: 10%;
}
.close-button {
  transition: all 0.5s ease;
  position: absolute;
  background-color: #c8d8e2;
  padding: 1.5px 7px;
  right: 0;
  margin-left: -10px;
  margin-top: -40px;
  border-radius: 50%;
  border: 2px solid #fff;
  color: white;
  -webkit-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
  -moz-box-shadow: -4px -2px 6px 0px rgba(0,0,0,0.1);
  box-shadow: -3px 1px 6px 0px rgba(0,0,0,0.1);
	}
/*Section*/
.pi-section-base-2{
	background-color: #146eb4;
	color: #fff;
}
.section-form{
	background: url(../img/section-form.jpg) no-repeat center top;
	z-index: -5;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
	height: 100%;
}
.section-title{
	text-align: right;
}
.cit{
	border-left: 2px solid #d6d6d6;
	padding-left: 25px;
}
.padding-left{
	padding-left: 27px;
}
.pi-slider-arrow-left span, .pi-slider-arrow-right span {
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    background: transparent;
    color: #585858;
    text-shadow: none;
    border-radius: 40px;
    border: 2px solid #585858;
}
.pi-slider-arrow span:hover {
    background: transparent;
    color: #005f71;
	border: 2px solid #005f71;
}
/*Footer*/
.tabella td, .tabella th {
    border-bottom: 1px solid #434343;
}

.tabella tr td:last-child{
	text-align: right;
}

.tabella{
	border-collapse: collapse;
    width: 100%;
}
.footer-fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
	z-index: 10;
}
.btn-whatsapp {
  z-index: 999999;
  background: #3BBF5A;
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-shadow: 0px 0px 1px 1px rgba(59, 191, 90, 0.5);
}
.pulse {
  animation: pulse 2s infinite;
}
@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(37, 211, 102, 0.5);
  }
  100% {
    box-shadow: 0 0 0 20px rgba(37, 211, 102, 0);
  }
}
.wa-center{
	display: block;
	margin: 10px auto;
}

/*Landing*/
.bg-implantologia{
	background: url(../img/cover-2.jpg) no-repeat center center;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
.bg-faccette{
	background: url(../img/faccette-dentali/cover-landing.jpg) no-repeat center top;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
.bg-estetica{
	background: url(../img/medicina-estetica/cover-landing.jpg) no-repeat center top;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
.bg-parodontologia{
	background: url(../img/parodontologia/cover-landing.jpg) no-repeat center top;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
.bg-invisibile{
	background: url(../img/ortodonzia-invisibile/cover-landing.jpg) no-repeat center top;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
.bg-gnatologia{
	background: url(../img/gnatologia/cover-landing.jpg) no-repeat center top;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
.bg-sedazione{
	background: url(../img/sedazione-cosciente/cover-landing.jpg) no-repeat center top;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	width: 100%;
}
.image1 {
	z-index: 10;
	position: absolute;
	top: 15%;
	left: 40%;
	max-width:30%;
	-webkit-transition: -webkit-transform 0.2s ease-in;
	-moz-transition: -moz-transform 0.2s ease-in;
	-ms-transition: -ms-transform 0.2s ease-in;
	-o-transition: -o-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
}
.image1 img {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1)-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: 'FlipH';
	-webkit-transition: -webkit-transform 0.2s ease-in;
	-moz-transition: -moz-transform 0.2s ease-in;
	-ms-transition: -ms-transform 0.2s ease-in;
	-o-transition: -o-transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
}
.landing-box{
	background-color: #146eb4;
	color: #fff;
	padding: 20px 30px;
	margin-bottom: 15px;
}
.h2.pi-uppercase.pi-weight-700.pi-text-white {
    font-size: 2.2em !important;
	letter-spacing: -2px;
}
.text-star{
	color: gold !important;
}
.parallax-implantologia{
background-image: url(../img/implantologia/parallax-1.jpg);
}
.parallax-implantologia-2{
background-image: url(../img/implantologia/parallax-2.jpg);
}
.parallax-implantologia-3{
background-image: url(../img/implantologia/parallax-3.jpg);
}
.parallax-implantologia-4{
background-image: url(../img/implantologia/parallax-4.jpg);
}
.parallax-implantologia-5{
background-image: url(../img/implantologia/parallax-5.jpg);
}
.parallax-implantologia-6{
background-image: url(../img/implantologia/parallax-6.jpg);
}
.parallax-faccette{
background-image: url(../img/faccette-dentali/parallax-1.jpg);
}
.parallax-faccette-2{
background-image: url(../img/faccette-dentali/parallax-2.jpg);
}
.parallax-estetica{
background-image: url(../img/medicina-estetica/parallax-1.jpg);
}
.parallax-estetica-2{
background-image: url(../img/medicina-estetica/parallax-2.jpg);
}
.parallax-estetica-3{
background-image: url(../img/medicina-estetica/parallax-3.jpg);
}
.parallax-gnatologia{
background-image: url(../img/gnatologia/parallax-1.jpg);
}
.parallax-gnatologia-2{
background-image: url(../img/gnatologia/parallax-2.jpg);
}
.parallax-invisibile{
background-image: url(../img/ortodonzia-invisibile/parallax-1.jpg);
}
.parallax-invisibile-2{
background-image: url(../img/ortodonzia-invisibile/parallax-2.jpg);
}
.parallax-parodontologia{
background-image: url(../img/parodontologia/parallax-1.jpg);
}
.parallax-parodontologia-2{
background-image: url(../img/parodontologia/parallax-2.jpg);
}
.parallax-sedazione{
background-image: url(../img/sedazione-cosciente/parallax-1.jpg);
}
.parallax-sedazione-2{
background-image: url(../img/sedazione-cosciente/parallax-2.jpg);
}

/*Responsive*/
@media only screen and (max-width : 480px) {
	.open-bg{
	background: url(../img/cover-2-xs.jpg) no-repeat center top;
	}
	.bg-implantologia{
		background: url(../img/implantologia/cover-landing-xs.jpg) no-repeat center top;
	}
	.bg-faccette{
		background: url(../img/faccette-dentali/cover-landing-xs.jpg) no-repeat center top;
	}
	.bg-estetica{
		background: url(../img/medicina-estetica/cover-landing-xs.jpg) no-repeat center top;
	}
	.bg-parodontologia{
		background: url(../img/parodontologia/cover-landing-xs.jpg) no-repeat center top;
	}
	.bg-invisibile{
		background: url(../img/ortodonzia-invisibile/cover-landing-xs.jpg) no-repeat center top;
	}
	.bg-gnatologia{
		background: url(../img/gnatologia/cover-landing-xs.jpg) no-repeat center top;
	}
	.bg-sedazione{
		background: url(../img/sedazione-cosciente/cover-landing-xs.jpg) no-repeat center top;
	}
	.pi-section-w.pi-section-parallax.parallax-implantologia.mobile-parallax{
	background-image: url(../img/implantologia/parallax-1-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-implantologia-2.mobile-parallax{
	background-image: url(../img/implantologia/parallax-2-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-implantologia-3.mobile-parallax{
	background-image: url(../img/implantologia/parallax-3-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-implantologia-4.mobile-parallax{
	background-image: url(../img/implantologia/parallax-4-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-implantologia-5.mobile-parallax{
	background-image: url(../img/implantologia/parallax-5-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-implantologia-6.mobile-parallax{
	background-image: url(../img/implantologia/parallax-6-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-faccette.mobile-parallax{
	background-image: url(../img/faccette-dentali/parallax-1-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-faccette-2.mobile-parallax{
	background-image: url(../img/faccette-dentali/parallax-2-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-estetica.mobile-parallax{
	background-image: url(../img/medicina-estetica/parallax-1-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-estetica-2.mobile-parallax{
	background-image: url(../img/medicina-estetica/parallax-2-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-estetica-3.mobile-parallax{
	background-image: url(../img/medicina-estetica/parallax-3-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-gnatologia.mobile-parallax{
	background-image: url(../img/gnatologia/parallax-1-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-gnatologia-2.mobile-parallax{
	background-image: url(../img/gnatologia/parallax-2-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-invisibile.mobile-parallax{
	background-image: url(../img/ortodonzia-invisibile/parallax-1-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-invisibile-2.mobile-parallax{
	background-image: url(../img/ortodonzia-invisibile/parallax-2-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-parodontologia.mobile-parallax{
	background-image: url(../img/parodontologia/parallax-1-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-parodontologia-2.mobile-parallax{
	background-image: url(../img/parodontologia/parallax-2-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-sedazione.mobile-parallax{
	background-image: url(../img/sedazione-cosciente/parallax-1-xs.jpg);
	}
	.pi-section-w.pi-section-parallax.parallax-sedazione-2.mobile-parallax{
	background-image: url(../img/sedazione-cosciente/parallax-2-xs.jpg);
	}
}
@media (min-width: 320px) and (max-width: 479px) {
	h1,.h1{
		font-size: 2.5em;
	}
	h2,.h2{
		font-size: 2.3em;
	}
	.lead-24 {
    font-size: 20px;
	}
	.lead-34{
		font-size: 24px;
	}
	.section-title{
		text-align: left;
	}
	.pi-row-md .pi-row-block-logo img {
    max-height: 60px;
	}
	.lead-20 {
    font-size: 18px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	h1,.h1{
		font-size: 3em;
	}
	.lead-34{
		font-size: 24px;
	}
	.section-title{
		text-align: left;
	}
	.pi-row-md .pi-row-block-logo img {
    max-height: 60px;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	h1,.h1{
		font-size: 3em;
	}
	.lead-34{
		font-size: 24px;
	}
}
@media (min-width: 992px) and (max-width: 1279px) {
	h1,.h1{
		font-size: 3.2em;
	}
	.lead-34{
		font-size: 30px;
	}
}
@media (min-width: 1280px) and (max-width: 1365px) {
	h1,.h1{
		font-size: 3.2em;
	}
	h4,.h4{
		font-size: 1.5em;
	}
	.lead-34{
		font-size: 30px;
	}
}
@media (min-width: 1366px) and (max-width: 1919px) {
	h1,.h1{
		font-size: 3.7em;
	}
	h4,.h4{
		font-size: 1.6em;
	}
	.lead-34{
		font-size: 30px;
	}
}


