/* -------------------- GENERAL -------------------- */

section {
	padding: 0px !important;
}
.hide {
	display: none;
}
.no-hide {
	display: block !important;
}
.grecaptcha-badge { 
    visibility: hidden;
}
.mousehand {
    cursor: pointer;
}

/* -------------------- END: GENERAL -------------------- */

/* -------------------- TEXT -------------------- */

.text-center {
	text-align: center !important;
}
.text-left {
	text-align: left !important;
}
.text-right {
	text-align: right!important;
}
.text-white {
	color: #ffffff !important;
}
.text-black {
	color: #000000 !important;
}
.text-green {
	color: #91d7b7 !important;
}
.text-blue {
	color: #155565 !important;
}
.text-bold {
	font-weight: 700 !important;
}
h1, .title-h1 {
	font-size: 50px !important;
	line-height: 60px !important;
	font-weight: 700 !important;
	letter-spacing: 2px;
}
.text-link {
	    color: #4a4a4a !important;
}
.text-link:hover {
    color: #91d7b7 !important;
}

/* -------------------- END: TEXT -------------------- */

/* -------------------- BACKGROUND -------------------- */

.bg-light-green {
	background-color: #e3f4eb !important;
}
.bg-green {
	background-color: #91d7b7 !important;
}
.bg-img-vert {
	background-image: url("../images/farmacia-la-bertanella-img-01.jpg") !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
/*
.bg-sezione-01 {
	background-image: url("../images/farmacia-la-bertanella-img-02.jpg") !important;
	background-position: bottom right !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
}
*/
.bg-sezione-03 {
	background-image: url("../images/farmacia-la-bertanella-img-03.jpg") !important;
	background-position: right !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.bg-sezione-05 {
	background-image: url("../images/farmacia-la-bertanella-img-04.png") !important;
	background-position: left !important;
	background-repeat: no-repeat !important;
	background-size: contain !important;
	background-position-y: 100px !important;
}
.bg-servizi {
	background-color: rgba(227,244,235,0.88) !important;
	background-size: cover !important;
	max-width: 40% !important;
	height: 100% !important;
	padding-top: 140px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

/* -------------------- END: BACKGROUND -------------------- */

/* -------------------- HEADER -------------------- */

#header .header-inner #logo a > img, #header .header-inner #logo a [class*="logo-"], #header #header-wrap #logo a > img, #header #header-wrap #logo a [class*="logo-"] {
    display: block;
}
#mainMenu nav>ul>li>a {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    color: #575756;
}
#topbar .social-icons {
    float: left;
}
#topbar .social-icons li a:hover {
	  color: #91d7b7;
}
#mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a {
    color: #91d7b7;
}
#mainMenu.menu-lines nav > ul > li.current > a:after, #mainMenu.menu-lines nav > ul > li:hover > a:after, #mainMenu.menu-lines nav > ul > li:focus > a:after {
    background-color: #91d7b7;
}
.text-topbar {
    font-size: 14px;
    line-height: 40px;
}

/* -------------------- END: HEADER -------------------- */

/* -------------------- LA FARMACIA -------------------- */

.border-left-bottom {
	border-left: 1px solid #91d7b7 !important;
	border-bottom: 1px solid #91d7b7 !important;
}

/* -------------------- END: LA FARMACIA -------------------- */

/* -------------------- CONTATTI -------------------- */

.mappa-contatti iframe {
	height: 100%
}
.border-right {
	border-right: 1px solid #91d7b7 !important;
}
.border-top {
	border-top: 1px solid #91d7b7 !important;
}
.col-moduli {
    padding-top: 80px;
    padding-right: 50px;
    padding-left: 50px;
    padding-bottom: 100px;
}
.padding-contatti {
	padding-top: 60px !important;
	padding-bottom: 30px !important;
	padding-left: 60px !important;
	padding-right: 60px !important;
}
.text-contatti {
 	font-size: 20px;
	line-height: 35px;
	color: #4a4a4a;
}
#contatti .social-icons li a {
	line-height: 40px;
	font-size: 30px;
	margin: 0 30px;
	color: #155565 !important;
}
.social-icons a:hover {
	color: #91d7b7 !important;
}
#contatti .social-icons li a:hover {
    color: #91d7b7 !important;
    background-color: transparent;
}
.form-group input, .form-group textarea {
	background-color: transparent;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid;
}
.btn-form {
	background-color: #91d7b7 !important;
	color: #ffffff;
	border: 1px solid #91d7b7 !important;
	width: 100%;
	padding: 5px 0px;
}
.btn-form:hover {
    background-color: #ffffff !important;
    color: #91d7b7 !important;
    border: 1px solid #91d7b7 !important;
}
.form-group input:focus, .form-group textarea:focus {
    box-shadow: 0 0 0 0.2rem #91d7b7;
    border: none;
}

/* -------------------- END: CONTATTI -------------------- */

/* -------------------- FOOTER -------------------- */

.logo-footer {
	width: 280px !important;
}

/* -------------------- END: FOOTER -------------------- */


/* -------------------------------------------------------------------------------- */


/* -------------------- LAPTOP 1440 -------------------- */

@media (max-width: 1440px) {
	
	/* ----- SERVIZI ----- */
	
	#servizi > .container-fluid > .row.bg-light-green > .col-md-3 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
		padding-left: 40px !important;
    padding-right: 40px !important;
	}
	#servizi > .container-fluid > .row.bg-light-green > .col-md-2 {
    display: none;
	}
	
	/* ----- END: SERVIZI ----- */
	
	/* ----- CONTATTI ----- */
	
	.bg-sezione-05 {
    background-position-x: -180px !important;
    background-position-y: 210px !important;
	}
	
	/* ----- END: CONTATTI ----- */
	
}

/* -------------------- END: LAPTOP 1440 -------------------- */

/* -------------------- LAPTOP 1280 -------------------- */

@media (max-width: 1280px) {
	
	/* ----- SERVIZI ----- */
	
	.bg-servizi {
    max-width: 60% !important;
	}
	
	/* ----- END: SERVIZI ----- */
	
	/* ----- CONTATTI ----- */
	
	.bg-sezione-05 {
    background-position-x: -220px !important;
    background-position-y: 200px !important;
	}
	
	/* ----- END: CONTATTI ----- */
	
}

/* -------------------- END: LAPTOP 1280 -------------------- */

/* -------------------- TABLET ORIZZ. -------------------- */

@media (max-width: 1024px) {
	
	/* ----- REPARTI ----- */
	
	#reparti > .container > .row > .col-md-6 > h1 {
    width: 120%;
    margin-bottom: 40px;
	}
	#reparti h3 {
    font-size: 25px;
    line-height: 35px;
	}
	
	/* ----- END: REPARTI ----- */
	
	/* ----- SERVIZI ----- */
	
	#servizi > .container-fluid > .row.bg-light-green > .col-md-3 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	#servizi > .container-fluid > .row.bg-light-green > .col-md-2 {
    display: none;
	}
	.bg-servizi {
    padding-top: 110px !important;
    padding-bottom: 110px !important;
	}
	
	/* ----- END: SERVIZI ----- */
	
	/* ----- CONTATTI ----- */
	
	.bg-sezione-05 {
    background-position-x: -200px !important;
    background-position-y: 160px !important;
	}
	
	/* ----- END: CONTATTI ----- */
	
}

/* -------------------- END: TABLET ORIZZ. -------------------- */

/* -------------------- TABLET VERT. -------------------- */

@media (max-width: 768px) {
	
	/* ----- TEXT ----- */
	
	h1, .title-h1 {
    font-size: 40px !important;
    line-height: 49px !important;
	}
	h3 {
    font-size: 25px !important;
    line-height: 33px !important;
	}
	#servizi h4 {
    font-size: 20px !important;
    line-height: 27px !important;
	}
	
	/* ----- END: TEXT ----- */
	
	/* ----- REPARTI ----- */
	
	#reparti > .container > .row > .col-md-6 > h1 {
    width: 130%;
	}
	#reparti h3 {
    font-size: 21px !important;
    line-height: 31px !important;
	}
	
	/* ----- END: REPARTI ----- */
	
	/* ----- SERVIZI ----- */
	
	#servizi > .container-fluid > .row.bg-light-green > .col-md-3 > .row {
    display: flex !important;
    flex-direction: column;
	}
	#servizi > .container-fluid > .row.bg-light-green > .col-md-3 > .row > .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
	}
	.bg-servizi {
    max-width: 110% !important;
	}
	section.bg-sezione-05 > .container > .row > .col-md-5.pt-80.pb-80 {
    padding-left: 0px;
	}
	
	/* ----- END: SERVIZI ----- */
	
	/* ----- CONTATTI ----- */
	
	.bg-sezione-05 {
    background-position-x: -215px !important;
    background-position-y: 200px !important;
	}
	.col-moduli {
    padding-bottom: 70px;
    margin-bottom: 30px;
	}
	#contatti .border-top .row .col-md-4, #contatti .border-top .row .col-md-8 {
    flex: 0 0 50%;
    max-width: 50%;
	}
	#contatti .social-icons li a {
    margin: 0px;
    margin-right: 15px;
	}
	
	/* ----- END: CONTATTI ----- */
	
	/* ----- MARGIN E PADDING ----- */
	
	.md-mb-30 {
    margin-bottom: 30px;
	}
	
	/* ----- END: MARGIN E PADDING ----- */
	
}

/* -------------------- END: TABLET VERT. -------------------- */

/* -------------------- SMARTPHONE -------------------- */

@media (max-width: 576px) {
	
	/* ----- TEXT ----- */
	
	h1, .title-h1 {
    font-size: 30px !important;
    line-height: 38px !important;
	}
	
	/* ----- END: TEXT ----- */
	
	/* ----- LA FARMACIA ----- */
	
	.border-left-bottom {
    border: none !important;
	}
	
	/* ----- END: LA FARMACIA ----- */
	
	/* ----- SERVIZI ----- */
	
	#servizi > .container-fluid > .row.bg-light-green > .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
	}
	.bg-servizi {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
		height: 300px !important;
	}
	
	/* ----- END: SERVIZI ----- */
	
	/* ----- CONTATTI ----- */
	
	.border-right {
    border-right: none !important;
	}
	.padding-contatti {
    padding-top: 40px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
	}
	.border-top {
    border-top: none !important;
	}
	
	/* ----- END: CONTATTI ----- */
	
}

/* -------------------- END: SMARTPHONE -------------------- */

/* -------------------- MARGIN E PADDING -------------------- */

.m-0 { margin: 0px !important }
.m-5 { margin: 5px !important }
.m-10 { margin: 10px !important }
.m-15 { margin: 15px !important }
.m-20 { margin: 20px !important }
.m-25 { margin: 25px !important }
.m-30 { margin: 30px !important }
.m-35 { margin: 35px !important }
.m-40 { margin: 40px !important }
.m-50 { margin: 50px !important }
.m-60 { margin: 60px !important }
.m-70 { margin: 70px !important }
.m-80 { margin: 80px !important }
.m-90 { margin: 90px !important }
.m-100 { margin: 100px !important }
.m-110 { margin: 110px !important }
.m-120 { margin: 120px !important }
.m-130 { margin: 130px !important }
.m-140 { margin: 140px !important }
.m-150 { margin: 150px !important }
.m-200 { margin: 200px !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-35 { margin-bottom: 35px !important }
.mb-40 { margin-bottom: 40px !important }
.mb-50 { margin-bottom: 50px !important }
.mb-60 { margin-bottom: 60px !important }
.mb-70 { margin-bottom: 70px !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 }
.mb-130 { margin-bottom: 130px !important }
.mb-140 { margin-bottom: 140px !important }
.mb-150 { margin-bottom: 150px !important }
.mb-200 { margin-bottom: 200px !important }

.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-35 { margin-top: 35px !important }
.mt-40 { margin-top: 40px !important }
.mt-50 { margin-top: 50px !important }
.mt-60 { margin-top: 60px !important }
.mt-70 { margin-top: 70px !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 }
.mt-130 { margin-top: 130px !important }
.mt-140 { margin-top: 140px !important }
.mt-150 { margin-top: 150px !important }
.mt-200 { margin-top: 200px !important }

.ml-0 { margin-left: 0px !important }
.ml-5 { margin-left: 5px !important }
.ml-10 { margin-left: 10px !important }
.ml-15 { margin-left: 15px !important }
.ml-20 { margin-left: 20px !important }
.ml-25 { margin-left: 25px !important }
.ml-30 { margin-left: 30px !important }
.ml-35 { margin-left: 35px !important }
.ml-40 { margin-left: 40px !important }
.ml-50 { margin-left: 50px !important }
.ml-60 { margin-left: 60px !important }
.ml-70 { margin-left: 70px !important }
.ml-80 { margin-left: 80px !important }
.ml-90 { margin-left: 90px !important }
.ml-100 { margin-left: 100px !important }
.ml-110 { margin-left: 110px !important }
.ml-120 { margin-left: 120px !important }
.ml-130 { margin-left: 130px !important }
.ml-140 { margin-left: 140px !important }
.ml-150 { margin-left: 150px !important }
.ml-200 { margin-left: 200px !important }

.mr-0 { margin-right: 0px !important }
.mr-5 { margin-right: 5px !important }
.mr-10 { margin-right: 10px !important }
.mr-15 { margin-right: 15px !important }
.mr-20 { margin-right: 20px !important }
.mr-25 { margin-right: 25px !important }
.mr-30 { margin-right: 30px !important }
.mr-35 { margin-right: 35px !important }
.mr-40 { margin-right: 40px !important }
.mr-50 { margin-right: 50px !important }
.mr-60 { margin-right: 60px !important }
.mr-70 { margin-right: 70px !important }
.mr-80 { margin-right: 80px !important }
.mr-90 { margin-right: 90px !important }
.mr-100 { margin-right: 100px !important }
.mr-110 { margin-right: 110px !important }
.mr-120 { margin-right: 120px !important }
.mr-130 { margin-right: 130px !important }
.mr-140 { margin-right: 140px !important }
.mr-150 { margin-right: 150px !important }
.mr-200 { margin-right: 200px !important }


.p-0 { padding: 0px !important }
.p-5 { padding: 5px !important }
.p-10 { padding: 10px !important }
.p-15 { padding: 15px !important }
.p-20 { padding: 20px !important }
.p-25 { padding: 25px !important }
.p-30 { padding: 30px !important }
.p-35 { padding: 35px !important }
.p-40 { padding: 40px !important }
.p-50 { padding: 50px !important }
.p-60 { padding: 60px !important }
.p-70 { padding: 70px !important }
.p-80 { padding: 80px !important }
.p-90 { padding: 90px !important }
.p-100 { padding: 100px !important }
.p-110 { padding: 110px !important }
.p-120 { padding: 120px !important }
.p-130 { padding: 130px !important }
.p-140 { padding: 140px !important }
.p-150 { padding: 150px !important }
.p-200 { padding: 200px !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-35 { padding-bottom: 35px !important }
.pb-40 { padding-bottom: 40px !important }
.pb-50 { padding-bottom: 50px !important }
.pb-60 { padding-bottom: 60px !important }
.pb-70 { padding-bottom: 70px !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 }
.pb-130 { padding-bottom: 130px !important }
.pb-140 { padding-bottom: 140px !important }
.pb-150 { padding-bottom: 150px !important }
.pb-200 { padding-bottom: 200px !important }

.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-35 { padding-top: 35px !important }
.pt-40 { padding-top: 40px !important }
.pt-50 { padding-top: 50px !important }
.pt-60 { padding-top: 60px !important }
.pt-70 { padding-top: 70px !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 }
.pt-130 { padding-top: 130px !important }
.pt-140 { padding-top: 140px !important }
.pt-150 { padding-top: 150px !important }
.pt-200 { padding-top: 200px !important }

.pl-0 { padding-left: 0px !important }
.pl-5 { padding-left: 5px !important }
.pl-10 { padding-left: 10px !important }
.pl-15 { padding-left: 15px !important }
.pl-20 { padding-left: 20px !important }
.pl-25 { padding-left: 25px !important }
.pl-30 { padding-left: 30px !important }
.pl-35 { padding-left: 35px !important }
.pl-40 { padding-left: 40px !important }
.pl-50 { padding-left: 50px !important }
.pl-60 { padding-left: 60px !important }
.pl-70 { padding-left: 70px !important }
.pl-80 { padding-left: 80px !important }
.pl-90 { padding-left: 90px !important }
.pl-100 { padding-left: 100px !important }
.pl-110 { padding-left: 110px !important }
.pl-120 { padding-left: 120px !important }
.pl-130 { padding-left: 130px !important }
.pl-140 { padding-left: 140px !important }
.pl-150 { padding-left: 150px !important }
.pl-200 { padding-left: 200px !important }

.pr-0 { padding-right: 0px !important }
.pr-5 { padding-right: 5px !important }
.pr-10 { padding-right: 10px !important }
.pr-15 { padding-right: 15px !important }
.pr-20 { padding-right: 20px !important }
.pr-25 { padding-right: 25px !important }
.pr-30 { padding-right: 30px !important }
.pr-35 { padding-right: 35px !important }
.pr-40 { padding-right: 40px !important }
.pr-50 { padding-right: 50px !important }
.pr-60 { padding-right: 60px !important }
.pr-70 { padding-right: 70px !important }
.pr-80 { padding-right: 80px !important }
.pr-90 { padding-right: 90px !important }
.pr-100 { padding-right: 100px !important }
.pr-110 { padding-right: 110px !important }
.pr-120 { padding-right: 120px !important }
.pr-130 { padding-right: 130px !important }
.pr-140 { padding-right: 140px !important }
.pr-150 { padding-right: 150px !important }
.pr-200 { padding-right: 200px !important }

/* ---------- TABLET ORIZZONTALE ---------- */
@media (max-width: 1024px){
	
	.m-40 { margin: 20px !important }
	.m-50 { margin: 25px !important }
	.m-60 { margin: 30px !important }
	.m-70 { margin: 35px !important }
	.m-80 { margin: 40px !important }
	.m-90 { margin: 45px !important }
	.m-100 { margin: 50px !important }
	.m-110 { margin: 55px !important }
	.m-120 { margin: 60px !important }
	.m-130 { margin: 65px !important }
	.m-140 { margin: 70px !important }
	.m-150 { margin: 75px !important }
	.m-200 { margin: 100px !important }

	.mb-40 { margin-bottom: 20px !important }
	.mb-50 { margin-bottom: 25px !important }
	.mb-60 { margin-bottom: 30px !important }
	.mb-70 { margin-bottom: 35px !important }
	.mb-80 { margin-bottom: 40px !important }
	.mb-90 { margin-bottom: 45px !important }
	.mb-100 { margin-bottom: 50px !important }
	.mb-110 { margin-bottom: 55px !important }
	.mb-120 { margin-bottom: 60px !important }
	.mb-130 { margin-bottom: 65px !important }
	.mb-140 { margin-bottom: 70px !important }
	.mb-150 { margin-bottom: 75px !important }
	.mb-200 { margin-bottom: 100px !important }

	.mt-40 { margin-top: 20px !important }
	.mt-50 { margin-top: 25px !important }
	.mt-60 { margin-top: 30px !important }
	.mt-70 { margin-top: 35px !important }
	.mt-80 { margin-top: 40px !important }
	.mt-90 { margin-top: 45px !important }
	.mt-100 { margin-top: 50px !important }
	.mt-110 { margin-top: 55px !important }
	.mt-120 { margin-top: 60px !important }
	.mt-130 { margin-top: 65px !important }
	.mt-140 { margin-top: 70px !important }
	.mt-150 { margin-top: 75px !important }
	.mt-200 { margin-top: 100px !important }

	.ml-40 { margin-left: 20px !important }
	.ml-50 { margin-left: 25px !important }
	.ml-60 { margin-left: 30px !important }
	.ml-70 { margin-left: 35px !important }
	.ml-80 { margin-left: 40px !important }
	.ml-90 { margin-left: 45px !important }
	.ml-100 { margin-left: 50px !important }
	.ml-110 { margin-left: 55px !important }
	.ml-120 { margin-left: 60px !important }
	.ml-130 { margin-left: 65px !important }
	.ml-140 { margin-left: 70px !important }
	.ml-150 { margin-left: 75px !important }
	.ml-200 { margin-left: 100px !important }

	.mr-40 { margin-right: 20px !important }
	.mr-50 { margin-right: 25px !important }
	.mr-60 { margin-right: 30px !important }
	.mr-70 { margin-right: 35px !important }
	.mr-80 { margin-right: 40px !important }
	.mr-90 { margin-right: 45px !important }
	.mr-100 { margin-right: 50px !important }
	.mr-110 { margin-right: 55px !important }
	.mr-120 { margin-right: 60px !important }
	.mr-130 { margin-right: 65px !important }
	.mr-140 { margin-right: 70px !important }
	.mr-150 { margin-right: 75px !important }
	.mr-200 { margin-right: 100px !important }


	.p-40 { padding: 20px !important }
	.p-50 { padding: 25px !important }
	.p-60 { padding: 30px !important }
	.p-70 { padding: 35px !important }
	.p-80 { padding: 40px !important }
	.p-90 { padding: 45px !important }
	.p-100 { padding: 50px !important }
	.p-110 { padding: 55px !important }
	.p-120 { padding: 60px !important }
	.p-130 { padding: 65px !important }
	.p-140 { padding: 70px !important }
	.p-150 { padding: 75px !important }
	.p-200 { padding: 100px !important }

	.pb-40 { padding-bottom: 20px !important }
	.pb-50 { padding-bottom: 25px !important }
	.pb-60 { padding-bottom: 30px !important }
	.pb-70 { padding-bottom: 35px !important }
	.pb-80 { padding-bottom: 40px !important }
	.pb-90 { padding-bottom: 45px !important }
	.pb-100 { padding-bottom: 50px !important }
	.pb-110 { padding-bottom: 55px !important }
	.pb-120 { padding-bottom: 60px !important }
	.pb-130 { padding-bottom: 65px !important }
	.pb-140 { padding-bottom: 70px !important }
	.pb-150 { padding-bottom: 75px !important }
	.pb-200 { padding-bottom: 100px !important }

	.pt-40 { padding-top: 20px !important }
	.pt-50 { padding-top: 25px !important }
	.pt-60 { padding-top: 30px !important }
	.pt-70 { padding-top: 35px !important }
	.pt-80 { padding-top: 40px !important }
	.pt-90 { padding-top: 45px !important }
	.pt-100 { padding-top: 50px !important }
	.pt-110 { padding-top: 55px !important }
	.pt-120 { padding-top: 60px !important }
	.pt-130 { padding-top: 65px !important }
	.pt-140 { padding-top: 70px !important }
	.pt-150 { padding-top: 75px !important }
	.pt-200 { padding-top: 100px !important }

	.pl-40 { padding-left: 20px !important }
	.pl-50 { padding-left: 25px !important }
	.pl-60 { padding-left: 30px !important }
	.pl-70 { padding-left: 35px !important }
	.pl-80 { padding-left: 40px !important }
	.pl-90 { padding-left: 45px !important }
	.pl-100 { padding-left: 50px !important }
	.pl-110 { padding-left: 55px !important }
	.pl-120 { padding-left: 60px !important }
	.pl-130 { padding-left: 65px !important }
	.pl-140 { padding-left: 70px !important }
	.pl-150 { padding-left: 75px !important }
	.pl-200 { padding-left: 100px !important }

	.pr-40 { padding-right: 20px !important }
	.pr-50 { padding-right: 25px !important }
	.pr-60 { padding-right: 30px !important }
	.pr-70 { padding-right: 35px !important }
	.pr-80 { padding-right: 40px !important }
	.pr-90 { padding-right: 45px !important }
	.pr-100 { padding-right: 50px !important }
	.pr-110 { padding-right: 55px !important }
	.pr-120 { padding-right: 60px !important }
	.pr-130 { padding-right: 65px !important }
	.pr-140 { padding-right: 70px !important }
	.pr-150 { padding-right: 75px !important }
	.pr-200 { padding-right: 100px !important }

}

/* ---------- TABLET VERTICALE ---------- */
@media (max-width: 768px){

	.m-40 { margin: 14px !important }
	.m-50 { margin: 17px !important }
	.m-60 { margin: 20px !important }
	.m-70 { margin: 24px !important }
	.m-80 { margin: 27px !important }
	.m-90 { margin: 30px !important }
	.m-100 { margin: 34px !important }
	.m-110 { margin: 37px !important }
	.m-120 { margin: 40px !important }
	.m-130 { margin: 44px !important }
	.m-140 { margin: 47px !important }
	.m-150 { margin: 50px !important }
	.m-200 { margin: 67px !important }

	.mb-40 { margin-bottom: 14px !important }
	.mb-50 { margin-bottom: 17px !important }
	.mb-60 { margin-bottom: 20px !important }
	.mb-70 { margin-bottom: 24px !important }
	.mb-80 { margin-bottom: 27px !important }
	.mb-90 { margin-bottom: 30px !important }
	.mb-100 { margin-bottom: 34px !important }
	.mb-110 { margin-bottom: 37px !important }
	.mb-120 { margin-bottom: 40px !important }
	.mb-130 { margin-bottom: 44px !important }
	.mb-140 { margin-bottom: 47px !important }
	.mb-150 { margin-bottom: 50px !important }
	.mb-200 { margin-bottom: 67px !important }

	.mt-40 { margin-top: 14px !important }
	.mt-50 { margin-top: 17px !important }
	.mt-60 { margin-top: 20px !important }
	.mt-70 { margin-top: 24px !important }
	.mt-80 { margin-top: 27px !important }
	.mt-90 { margin-top: 30px !important }
	.mt-100 { margin-top: 34px !important }
	.mt-110 { margin-top: 37px !important }
	.mt-120 { margin-top: 40px !important }
	.mt-130 { margin-top: 44px !important }
	.mt-140 { margin-top: 47px !important }
	.mt-150 { margin-top: 50px !important }
	.mt-200 { margin-top: 67px !important }

	.ml-40 { margin-left: 14px !important }
	.ml-50 { margin-left: 17px !important }
	.ml-60 { margin-left: 20px !important }
	.ml-70 { margin-left: 24px !important }
	.ml-80 { margin-left: 27px !important }
	.ml-90 { margin-left: 30px !important }
	.ml-100 { margin-left: 34px !important }
	.ml-110 { margin-left: 37px !important }
	.ml-120 { margin-left: 40px !important }
	.ml-130 { margin-left: 44px !important }
	.ml-140 { margin-left: 47px !important }
	.ml-150 { margin-left: 50px !important }
	.ml-200 { margin-left: 67px !important }

	.mr-40 { margin-right: 14px !important }
	.mr-50 { margin-right: 17px !important }
	.mr-60 { margin-right: 20px !important }
	.mr-70 { margin-right: 24px !important }
	.mr-80 { margin-right: 27px !important }
	.mr-90 { margin-right: 30px !important }
	.mr-100 { margin-right: 34px !important }
	.mr-110 { margin-right: 37px !important }
	.mr-120 { margin-right: 40px !important }
	.mr-130 { margin-right: 44px !important }
	.mr-140 { margin-right: 47px !important }
	.mr-150 { margin-right: 50px !important }
	.mr-200 { margin-right: 67px !important }


	.p-40 { padding: 14px !important }
	.p-50 { padding: 17px !important }
	.p-60 { padding: 20px !important }
	.p-70 { padding: 24px !important }
	.p-80 { padding: 27px !important }
	.p-90 { padding: 30px !important }
	.p-100 { padding: 34px !important }
	.p-110 { padding: 37px !important }
	.p-120 { padding: 40px !important }
	.p-130 { padding: 44px !important }
	.p-140 { padding: 47px !important }
	.p-150 { padding: 50px !important }
	.p-200 { padding: 67px !important }

	.pb-40 { padding-bottom: 14px !important }
	.pb-50 { padding-bottom: 17px !important }
	.pb-60 { padding-bottom: 20px !important }
	.pb-70 { padding-bottom: 24px !important }
	.pb-80 { padding-bottom: 27px !important }
	.pb-90 { padding-bottom: 30px !important }
	.pb-100 { padding-bottom: 34px !important }
	.pb-110 { padding-bottom: 37px !important }
	.pb-120 { padding-bottom: 40px !important }
	.pb-130 { padding-bottom: 44px !important }
	.pb-140 { padding-bottom: 47px !important }
	.pb-150 { padding-bottom: 50px !important }
	.pb-200 { padding-bottom: 67px !important }

	.pt-40 { padding-top: 14px !important }
	.pt-50 { padding-top: 17px !important }
	.pt-60 { padding-top: 20px !important }
	.pt-70 { padding-top: 24px !important }
	.pt-80 { padding-top: 27px !important }
	.pt-90 { padding-top: 30px !important }
	.pt-100 { padding-top: 34px !important }
	.pt-110 { padding-top: 37px !important }
	.pt-120 { padding-top: 40px !important }
	.pt-130 { padding-top: 44px !important }
	.pt-140 { padding-top: 47px !important }
	.pt-150 { padding-top: 50px !important }
	.pt-200 { padding-top: 67px !important }

	.pl-40 { padding-left: 14px !important }
	.pl-50 { padding-left: 17px !important }
	.pl-60 { padding-left: 20px !important }
	.pl-70 { padding-left: 24px !important }
	.pl-80 { padding-left: 27px !important }
	.pl-90 { padding-left: 30px !important }
	.pl-100 { padding-left: 34px !important }
	.pl-110 { padding-left: 37px !important }
	.pl-120 { padding-left: 40px !important }
	.pl-130 { padding-left: 44px !important }
	.pl-140 { padding-left: 47px !important }
	.pl-150 { padding-left: 50px !important }
	.pl-200 { padding-left: 67px !important }

	.pr-40 { padding-right: 14px !important }
	.pr-50 { padding-right: 17px !important }
	.pr-60 { padding-right: 20px !important }
	.pr-70 { padding-right: 24px !important }
	.pr-80 { padding-right: 27px !important }
	.pr-90 { padding-right: 30px !important }
	.pr-100 { padding-right: 34px !important }
	.pr-110 { padding-right: 37px !important }
	.pr-120 { padding-right: 40px !important }
	.pr-130 { padding-right: 44px !important }
	.pr-140 { padding-right: 47px !important }
	.pr-150 { padding-right: 50px !important }
	.pr-200 { padding-right: 67px !important }
	
}

/* ---------- SMARTPHONE ---------- */
@media (max-width: 576px){

	.m-40 { margin: 10px !important }
	.m-50 { margin: 13px !important }
	.m-60 { margin: 15px !important }
	.m-70 { margin: 18px !important }
	.m-80 { margin: 20px !important }
	.m-90 { margin: 23px !important }
	.m-100 { margin: 25px !important }
	.m-110 { margin: 28px !important }
	.m-120 { margin: 30px !important }
	.m-130 { margin: 33px !important }
	.m-140 { margin: 35px !important }
	.m-150 { margin: 38px !important }
	.m-200 { margin: 50px !important }

	.mb-40 { margin-bottom: 10px !important }
	.mb-50 { margin-bottom: 13px !important }
	.mb-60 { margin-bottom: 15px !important }
	.mb-70 { margin-bottom: 18px !important }
	.mb-80 { margin-bottom: 20px !important }
	.mb-90 { margin-bottom: 23px !important }
	.mb-100 { margin-bottom: 25px !important }
	.mb-110 { margin-bottom: 28px !important }
	.mb-120 { margin-bottom: 30px !important }
	.mb-130 { margin-bottom: 33px !important }
	.mb-140 { margin-bottom: 35px !important }
	.mb-150 { margin-bottom: 38px !important }
	.mb-200 { margin-bottom: 50px !important }

	.mt-40 { margin-top: 10px !important }
	.mt-50 { margin-top: 13px !important }
	.mt-60 { margin-top: 15px !important }
	.mt-70 { margin-top: 18px !important }
	.mt-80 { margin-top: 20px !important }
	.mt-90 { margin-top: 23px !important }
	.mt-100 { margin-top: 25px !important }
	.mt-110 { margin-top: 28px !important }
	.mt-120 { margin-top: 30px !important }
	.mt-130 { margin-top: 33px !important }
	.mt-140 { margin-top: 35px !important }
	.mt-150 { margin-top: 38px !important }
	.mt-200 { margin-top: 50px !important }

	.ml-40 { margin-left: 10px !important }
	.ml-50 { margin-left: 13px !important }
	.ml-60 { margin-left: 15px !important }
	.ml-70 { margin-left: 18px !important }
	.ml-80 { margin-left: 20px !important }
	.ml-90 { margin-left: 23px !important }
	.ml-100 { margin-left: 25px !important }
	.ml-110 { margin-left: 28px !important }
	.ml-120 { margin-left: 30px !important }
	.ml-130 { margin-left: 33px !important }
	.ml-140 { margin-left: 35px !important }
	.ml-150 { margin-left: 38px !important }
	.ml-200 { margin-left: 50px !important }

	.mr-40 { margin-right: 10px !important }
	.mr-50 { margin-right: 13px !important }
	.mr-60 { margin-right: 15px !important }
	.mr-70 { margin-right: 18px !important }
	.mr-80 { margin-right: 20px !important }
	.mr-90 { margin-right: 23px !important }
	.mr-100 { margin-right: 25px !important }
	.mr-110 { margin-right: 28px !important }
	.mr-120 { margin-right: 30px !important }
	.mr-130 { margin-right: 33px !important }
	.mr-140 { margin-right: 35px !important }
	.mr-150 { margin-right: 38px !important }
	.mr-200 { margin-right: 50px !important }


	.p-40 { padding: 10px !important }
	.p-50 { padding: 13px !important }
	.p-60 { padding: 15px !important }
	.p-70 { padding: 18px !important }
	.p-80 { padding: 20px !important }
	.p-90 { padding: 23px !important }
	.p-100 { padding: 25px !important }
	.p-110 { padding: 28px !important }
	.p-120 { padding: 30px !important }
	.p-130 { padding: 33px !important }
	.p-140 { padding: 35px !important }
	.p-150 { padding: 38px !important }
	.p-200 { padding: 50px !important }

	.pb-40 { padding-bottom: 10px !important }
	.pb-50 { padding-bottom: 13px !important }
	.pb-60 { padding-bottom: 15px !important }
	.pb-70 { padding-bottom: 18px !important }
	.pb-80 { padding-bottom: 20px !important }
	.pb-90 { padding-bottom: 23px !important }
	.pb-100 { padding-bottom: 25px !important }
	.pb-110 { padding-bottom: 28px !important }
	.pb-120 { padding-bottom: 30px !important }
	.pb-130 { padding-bottom: 33px !important }
	.pb-140 { padding-bottom: 35px !important }
	.pb-150 { padding-bottom: 38px !important }
	.pb-200 { padding-bottom: 50px !important }

	.pt-40 { padding-top: 10px !important }
	.pt-50 { padding-top: 13px !important }
	.pt-60 { padding-top: 15px !important }
	.pt-70 { padding-top: 18px !important }
	.pt-80 { padding-top: 20px !important }
	.pt-90 { padding-top: 23px !important }
	.pt-100 { padding-top: 25px !important }
	.pt-110 { padding-top: 28px !important }
	.pt-120 { padding-top: 30px !important }
	.pt-130 { padding-top: 33px !important }
	.pt-140 { padding-top: 35px !important }
	.pt-150 { padding-top: 38px !important }
	.pt-200 { padding-top: 50px !important }

	.pl-40 { padding-left: 10px !important }
	.pl-50 { padding-left: 13px !important }
	.pl-60 { padding-left: 15px !important }
	.pl-70 { padding-left: 18px !important }
	.pl-80 { padding-left: 20px !important }
	.pl-90 { padding-left: 23px !important }
	.pl-100 { padding-left: 25px !important }
	.pl-110 { padding-left: 28px !important }
	.pl-120 { padding-left: 30px !important }
	.pl-130 { padding-left: 33px !important }
	.pl-140 { padding-left: 35px !important }
	.pl-150 { padding-left: 38px !important }
	.pl-200 { padding-left: 50px !important }

	.pr-40 { padding-right: 10px !important }
	.pr-50 { padding-right: 13px !important }
	.pr-60 { padding-right: 15px !important }
	.pr-70 { padding-right: 18px !important }
	.pr-80 { padding-right: 20px !important }
	.pr-90 { padding-right: 23px !important }
	.pr-100 { padding-right: 25px !important }
	.pr-110 { padding-right: 28px !important }
	.pr-120 { padding-right: 30px !important }
	.pr-130 { padding-right: 33px !important }
	.pr-140 { padding-right: 35px !important }
	.pr-150 { padding-right: 38px !important }
	.pr-200 { padding-right: 50px !important }
	
}

/* -------------------- END MARGIN E PADDING -------------------- */