/*
Generale
*/
p { font-size: 16px; font-family: 'Rubik', sans-serif; font-weight: 400; line-height: 24px; color: #444; }
p a { color: #111; text-decoration: underline; }
p a:hover { color: #333; }
.cndkbeforeafter-item img { max-width: none; }

@media (min-width: 992px) and (max-width: 1199.98px) {
	.heading h2 {
		font-size: 28px;
		line-height: 32px;
	}
}

/*
Header
*/
.navbar-brand img { height: 65px; width: auto; }

/*
Menu mobile
*/
#cssmenu > ul { background-color: #57bbb0; background-image: linear-gradient(to top right, #71b9b0, #57bbb0); }
#cssmenu > ul > li { border-top-color: #7DCAC1; }
#cssmenu > ul > li > a { color: #FFF; }
#cssmenu > ul > li > a:hover { color: #7DCAC1; }

/*
Breadcrumb
*/
.bread-inner { padding: 60px 0; }
@media only screen and (max-width: 767px) {
	.bread-inner { padding: 104px 0 40px; }
}

/*
Footer
*/
.footer-logo > img { height: 70px; width: auto; }
#contact { border-top: 1px solid #FFF; }
#contact .content-text .c-text-location ul li a i { color: #57bbb0; }
#contact a:hover { color: #D7EAE8; }

/*
Home-Page - About
*/
.fun-facts-item span { font-size: 20px; }
.fun-facts-item p { font-size: 16px; }
@media only screen and (max-width: 767px) {
	img.about-img { max-width: 240px; display: block; margin: 0 auto; }
	.hexedra-icons img { max-width: 60px; height: auto; display: block; margin: 0 auto; }
	.fun-facts-item span { line-height: 34px; font-size: 26px; }
}

/*
Home-Page - Maschera
*/
@media only screen and (max-width: 767px) {
	.bg-img-maschera { background-position: -70px; }
}

/*
Effectiveness
*/
.beforeaftersection {
	border-bottom: 1px solid #DDD;
	background-image: url(/images/bg-beforeafter.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
}
/*
.cndkbeforeafter-item-before-c:after {
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.1);
	position: absolute;
	z-index: 6;
}
*/
/*
Contact form
*/
.contact-form-input-box { position: relative; display: block; }
.contact-form-input-box input[type="text"], .contact-form-input-box input[type="email"], .contact-form-input-box textarea { display: block; height: 60px; width: 100%; border: 1px solid #DDD; background: #FFF; padding-left: 30px; padding-right: 60px; margin-bottom: 30px; outline: none; font-size: 16px; }
.contact-form-input-box textarea { height: 120px; padding: 20px 30px 30px; }
.contact-form-icon { position: absolute; top: 50%; right: 30px; bottom: 0; height: 14px; line-height: normal; transform: translateY(-50%); }
.contact-form-icon i { font-size: 14px; color: #CCC; }
#contacts-exe { position: relative; }
#contacts-exe .alert { position: absolute; width: 100%; top: 20px; left: 0; }

/*
Contenuto della pagina (Main)
*/
.pagemain { padding: 120px 0 80px; }

/*
Background
*/
.bg-grey { background-color: #EEE; }
.bg-green { background-color: #bfe3e4; }
.bg-img-fix { background-attachment: fixed; }
.bg-img-30-sx, .bg-img-30-dx, .bg-img-50-sx, .bg-img-50-dx { position: relative; }
.bg-img-30-sx > .bg-img-pic, .bg-img-30-dx > .bg-img-pic, .bg-img-50-sx > .bg-img-pic, .bg-img-50-dx > .bg-img-pic { width: 50%; position: absolute; top: 0; bottom: 0; left: 0; background-size: cover; background-repeat: no-repeat; }
.bg-img-30-sx > .bg-img-pic, .bg-img-30-dx > .bg-img-pic { width: 30%; }
.bg-img-30-dx > .bg-img-pic { left: 70%; }
.bg-img-50-dx > .bg-img-pic { left: 50%; }
@media only screen and (max-width: 767px) {
	.bg-img-30-sx > .bg-img-pic, .bg-img-30-dx > .bg-img-pic { width: 0%; }
	.bg-img-30-sx > .bg-img-pic { width: 0; }
	.bg-img-30-dx > .bg-img-pic { left: 100; }
}

/*
Mobile
*/
@media only screen and (max-width: 767px) {
	.mobile-mt-20 { margin-top: 20px !important; }
	.mobile-mb-20 { margin-bottom: 20px !important; }
	.mobile-pt-20 { padding-top: 20px !important; }
	.mobile-pb-20 { padding-bottom: 20px !important; }
	.mobile-mt-30 { margin-top: 30px !important; }
	.mobile-mb-30 { margin-bottom: 30px !important; }
	.mobile-pt-30 { padding-top: 30px !important; }
	.mobile-pb-30 { padding-bottom: 30px !important; }
	.mobile-mt-40 { margin-top: 40px !important; }
	.mobile-mb-40 { margin-bottom: 40px !important; }
	.mobile-pt-40 { padding-top: 40px !important; }
	.mobile-pb-40 { padding-bottom: 40px !important; }
	.mobile-white-bg { background-color: rgba(255,255,255,.7); padding: 20px; }
}

/*
Varie
*/
.text-justify, .text-justify p { text-align: justify; }
img.img-cover { display: block; width: 100%; height: 100%; object-fit: cover }
.heading h2 > span { color: #57bbb0 }

/*
Margin
*/
.mt-0 { margin-top: 0px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-60 { margin-top: 60px !important; }
.mt-80 { margin-top: 80px !important; }
.mt-90 { margin-top: 90px !important; }
.mt-100 { margin-top: 100px !important; }
.mt-110 { margin-top: 110px !important; }
.mt-120 { margin-top: 120px !important; }
.mb-0 { margin-bottom: 0px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-60 { margin-bottom: 60px !important; }
.mb-80 { margin-bottom: 80px !important; }
.mb-90 { margin-bottom: 90px !important; }
.mb-100 { margin-bottom: 100px !important; }
.mb-110 { margin-bottom: 110px !important; }
.mb-120 { margin-bottom: 120px !important; }

/*
Padding
*/
.pt-0 { padding-top: 0px !important; }
.pt-5 { padding-top: 5px !important; }
.pt-10 { padding-top: 10px !important; }
.pt-15 { padding-top: 15px !important; }
.pt-20 { padding-top: 20px !important; }
.pt-25 { padding-top: 25px !important; }
.pt-30 { padding-top: 30px !important; }
.pt-40 { padding-top: 40px !important; }
.pt-50 { padding-top: 50px !important; }
.pt-60 { padding-top: 60px !important; }
.pt-80 { padding-top: 80px !important; }
.pt-90 { padding-top: 90px !important; }
.pt-100 { padding-top: 100px !important; }
.pt-110 { padding-top: 110px !important; }
.pt-120 { padding-top: 120px !important; }
.pb-0 { padding-bottom: 0px !important; }
.pb-5 { padding-bottom: 5px !important; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.pb-20 { padding-bottom: 20px !important; }
.pb-25 { padding-bottom: 25px !important; }
.pb-30 { padding-bottom: 30px !important; }
.pb-40 { padding-bottom: 40px !important; }
.pb-50 { padding-bottom: 50px !important; }
.pb-60 { padding-bottom: 60px !important; }
.pb-80 { padding-bottom: 80px !important; }
.pb-90 { padding-bottom: 90px !important; }
.pb-100 { padding-bottom: 100px !important; }
.pb-110 { padding-bottom: 110px !important; }
.pb-120 { padding-bottom: 120px !important; }
