/*
Theme Name: Total Child Theme
Template: Total
*/

.event-filter-form li.sf-field-post-meta-anno::before {
    content: "";
    width: 25px;
    height: 25px;
    background: url(images/second.svg) no-repeat center / contain;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    z-index: 1;
}

.inline_flex {
	display: inline-flex !important;
}

.inline_block {
	display: inline-block !important;
}

.nascosto {
	display:none !important;
}

/* timeline Slider*/
.timeline-slider .owl-carousel .owl-stage-outer {
    overflow: visible;
}
.timeline-item {
    position: relative;
    padding-right: 90px;
}
.timeline-item:before {
    content: "";
    height: 1px;
    width: calc(100% - 15px);
    top: 90px;
    position: absolute;
    right: 0;
    display: block !important;
    border: 1px dashed #2A7EBC;
}
.timeline-item p {
    max-width: 406px;
    width: 100%;
}
.timeline-item > .wpb_column:first-child {
    padding-right: 60px;
}
.timeline-item > .wpb_column:last-child {
    padding-left: 0;
}
.timeline-slider .owl-carousel .owl-stage {
    padding-left: 0 !important;
}
.timeline-item > .wpb_column:last-child .vc_column-inner {
    padding: 0;
}
.timeline-slider .owl-nav {
    text-align: end;
    display: flex;
    justify-content: end;
    gap: 50px;
    margin-top: 20px;
}
.timeline-slider .owl-carousel .owl-nav button {
    width: 36px;
    height: 35px;
    background-image: url(images/arrow-button.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}
.timeline-slider .owl-carousel .owl-nav button.owl-prev {
    transform: scaleX(-1);
}
.timeline-slider .owl-carousel .owl-nav button.disabled,
.timeline-slider .owl-carousel .owl-nav button:hover {
    opacity: 0.2;
}
.timeline-button-arrow {
    padding: 125px 0 0;
}
.timeline-item.timeline-last {
    padding-right: 0;
}
.timeline-item.timeline-last > .wpb_column:last-child {
    padding-left: 0;
}
.timeline-item .vcex-heading {
    white-space: nowrap;
}
.timeline-item.timeline-last > .wpb_column:first-child {
    padding-right: 0;
}
.timeline-slider .owl-carousel .owl-nav button span {
    display: none;
}

/* GRID */
.mg-row,
.mg-inner-row{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.mg-row:not(.mg-ricevuta-checkbox) {
	margin-top: 50px;
}
.mg-row {
	gap: 75px;
}
.mg-row.mg-ricevuta-checkbox {
    margin-top: 25px;
}

.mg-col {
    flex: 1;
}
.mg-three-field-row .mg-wide {
    flex: 0 0 48%;
}

/* Remaining 2 fields divide remaining equally */
.mg-three-field-row .mg-small {
    flex: 1;
}

/* Ensure inputs stretch full width */
.mg-three-field-row .mg-col input {
    width: 100%;
}

/* LABELS + INPUTS */
.mg-default-font {
	font-size: 18px;
    line-height: 24px;
    color: #fff;
}
.mg-font-24 {
	font-size: 24px;
    line-height: 24px;
	font-weight: 500;
}
.mg-col label:not(.mg-checkbox-line) {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
	display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 500;
}
.mg-checkbox-line {
	font-size: 18px;
    line-height: 24px;
    color: #fff;
	display: block;
    font-weight: 500;
}

.mg-col input:not([type="checkbox"]) {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    padding: 0;
    background: transparent;
	color: #072439;
	font-size: 24px;
	line-height: 100%;
	font-weight: 500;
	padding-bottom: 5px;
	border-radius: 0;
}

.mg-col input::placeholder {
    color: #07243933;
}

/* CHECKBOX LINE */
.mg-col .wpcf7-list-item {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 22px;
}
.mg-col input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    margin: 0;
    color: currentColor;
    width: 22px;
    height: 22px;
    transform: translateY(-0.075em);
    display: grid;
    place-content: center;
	min-width: 22px;
}
.mg-col input[type="checkbox"]::before {
  content: "";
  width: 14px;
  height: 14px;
  transform: scale(0);
  transition: 80ms transform ease-in-out;
  box-shadow: inset 1em 1em #072439;
}

.mg-col input[type="checkbox"]:checked::before {
  transform: scale(1);
}
.mg-col .wpcf7-list-item .wpcf7-list-item-label{
    text-transform:none;
}

/* RADIO BOXES */
.mg-row.mg-radiobox-step {
    margin-top: 25px;
}
.wpcf7 form .mg-radiobox-step .mg-subtext {
    margin-bottom: 40px;
}
.mg-radio-box-group > p {
    display: none !important;
}

.mg-box-content {
    border: 1px solid #ffffff;
    border-radius: 15px;
    cursor: pointer;
    transition: 0.25s;
    flex: 1;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.mg-radio-box-group {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
	gap: 42px;
}
.mg-box-content.mg-active-box {
    background-color: #FFFFFF4D;
}
.mg-radio-box-group h4 {
    font-weight: 500;
	text-align: center;
}
body .cf7mls_next.action-button.sending img {
	display: none;
}
.mg-step-4 .mg-box-content {
    gap: 0;
}
.mg-payment-desc {
    color: #000;
    text-align: center;
    display: block;
    font-weight: 500;
}

body .fieldset-cf7mls-wrapper .wpcf7-response-output {
    font-size: 16px;
    color: #2A7EBC !important;
}
.mg-step-4 {
    margin-bottom: 70px;
}
.mg-desclaimer {
    font-weight: 500;
    text-align: center;
    max-width: 1100px;
    margin: 0 auto !important;
}

/* SUBMIT */
.cf7mls_btn.action-button,
.cf7mls_back.action-button{
    background-color: #fff;
    font-family: DM Sans;
    font-weight: 600;
    font-size: 16px;
    line-height: 27px;
    color: #2A7EBC;
    text-align: center;
    vertical-align: middle;
}
.mg-submit-wrap {
    text-align: center;
    margin-top: 40px;
}
.mg-submit-wrap input {
    background: #fff;
    color: #2A7EBC;
    padding: 12px 40px;
    border-radius: 6px;
    border: none;
    cursor: pointer;
    font-weight: bold;
}
.sending::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0;
    left: auto;
    right: 14px;
    bottom: 0;
    margin: auto;
    border: 3px solid transparent;
    border-top-color: #2A7EBC;
    border-radius: 50%;
    animation: button-loading-spinner 1s ease infinite;
}
.action-button {
    margin-top: 50px !important;
}

.future-event-grid {
    display: none;
}
.event-tab-btn.active {
    background: #fff;
    color: #072439 !important;
}
.event-tab-btn:not(.active) {
    border: 2px solid #fff;
    background-color: #072439;
}

/* Container flex for filter form */
.event-filter-form form ul {
    display: flex;
    gap: 15px;
    padding: 0;
    margin: 0;
    list-style: none;
    align-content: center;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
}
/* Each filter item styling */
.event-filter-form form ul li {
  position: relative;
  width: 200px;
}
.searchandfilter li label{
	width: 100%;
}
.sf-datepicker::placeholder {
  color: white;
  opacity: 1;
}
.event-filter-form form {
    margin-top: -120px !important;
    padding-bottom: 40px;
}
.single-event-search-form-shortcode {
    margin-top: -120px !important;
    padding-bottom: 40px;
}
/* The select & date input styled as buttons */
.event-filter-form select.sf-input-select,
.event-filter-form input.sf-datepicker {
  width: 100%;
  padding: 8px 40px 8px 40px;
 background-color: #213d4e;  
  border: none;
  border-radius: 30px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  appearance: none; /* remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: none;
}

/* Dropdown arrow icon (right side) */
.event-filter-form select.sf-input-select::after,
.event-filter-form input.sf-datepicker::after {
  content: '';
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}

/* Update background arrow to outlined (stroke only) */
.event-filter-form select.sf-input-select,
.event-filter-form input.sf-datepicker {
  background-image: url("data:image/svg+xml;utf8,<svg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7 10L12 15L17 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 16px 16px;
  padding-right: 40px;
}


/* Positioning relative for icon container */
.event-filter-form li {
  position: relative;
}

/* Left icons inside the button */
.event-filter-form li.sf-field-post-meta-location_breve::before {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
	width: 25px;
	height: 25px;
	background: url(images/first.svg) no-repeat center / contain;
}
.event-filter-form li.sf-field-post-meta-location_breve .sf-input-select{
	padding-left: 55px;
}
/* Date icon for date field */
.event-filter-form li.sf-field-post-meta-data_evento::before {
  content: "";
	width: 25px;
	height: 25px;
	background: url(images/second.svg) no-repeat center / contain;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 1;
}
.event-filter-form li.sf-field-post-meta-data_evento input.sf-datepicker{
	padding-left: 60px;
}

/* Theme icon for theme field */
.event-filter-form li.sf-field-post-meta-temaitca::before {
  content: "";
	width: 25px;
	height: 25px;
	background: url(images/third.svg) no-repeat center / contain;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.event-filter-form li.sf-field-post-meta-temaitca .sf-input-select{
	padding-left: 55px;
}
/* event single page grid css start */
/* Grid */
.event-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 100px;
    padding-bottom: 35px;
}

/* Card */
.event-card {
    background: #fff;
    overflow: hidden;
}

/* Image */
.event-image {
    position: relative;
}

.event-image img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    display: block;
}

/* Category label */
.event-category {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgb(7 36 57 / 39%);
    color: #fff;
    padding: 7px 27px;
    font-size: 14px;
}

/* Content */
.event-content {
    padding: 25px;
}

.event-title {
    font-size: 22px;
    margin-bottom: 10px;
    color: #072439;
}

/* Excerpt – 2 lines ONLY (CSS clamp) */
.event-excerpt {
    font-size: 15px;
    color: #333;
    margin-bottom: 20px;

    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Button */
.event-btn {
    display: inline-block;
    background: #072439;
    color: #fff;
    background-image: none;
    font-size: 14px !important;
    padding: 14px 20px;
    border-radius: 0;
    font: inherit;
}

.event-btn:hover {
    background: #000;
}

/* Search filter pagiantion start */
.search-filter-vc-pagi-hidden .page-numbers {
    display: inline-block;
    padding: 15px 20px;
    line-height: 20px;
}
.search-filter-vc-pagi-hidden {padding-top: 0 !important;text-align: center;}
.search-filter-vc-pagi-hidden a.page-numbers {
    background: transparent;
    background: #fff;
    color: #072439;
}
.search-filter-vc-pagi-hidden a.page-numbers.next,
.search-filter-vc-pagi-hidden a.page-numbers.prev {
    display: none;
}
.search-filter-vc-pagi-hidden span.page-numbers {
    background: var(--wpex-accent);
    color: #fff;
}
.search-filter-vc-pagi-hidden nav.navigation.pagination {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
}
/* Search filter pagiantion end */

/* Responsive */
@media (max-width: 1024px) {
    .event-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 80px;
    }
}

@media (max-width: 600px) {
    .event-grid {
        grid-template-columns: 1fr;
    }
}
/* event single page grid css end */
@keyframes button-loading-spinner {
    from {
        transform: rotate(0turn);
    }

    to {
        transform: rotate(1turn);
    }
}

@media screen and (min-width: 768px) and (max-width: 1400px) {
	
	 body .timeline-item .vcex-heading {
		font-size: 24px;
		padding-bottom: 10px;
	}
	.timeline-item p {
		font-size: 18px;
	}
	.timeline-item:before {
		top: 60px;
	}
	.circle {
		height: 36px !important;
		width: 36px !important;
	}
	.timeline-circle-logo  img {
		width: 180px;
		height: 180px;
	}
	.main-title {
		padding-bottom: 20px !important;
	}
	.timeline-bottom-img {
		padding-top: 20px !important;
	}
	.timeline-slider .owl-nav {
		gap: 25px;
	}
	.timeline-slider .owl-carousel .owl-nav button {
		width: 26px;
		height: 25px;
	}
	

}

/* RESPONSIVE */
@media (max-width: 768px) {
    .mg-radio-box {
        width: 100%;
    }
}

@media screen and (min-width: 767px) {
	.mobile {
		display: none !important;
	}
	
	.center_desktop, .cd {
		text-align: center !important;
	}
	
	.right_desktop, .rd {
		text-align: right !important;
	}
	
	.left_desktop, .ld {
		text-align: left !important;
	}
	
}

@media (min-width: 1025px) and (max-width: 1200px) {
	.mg-payment-desc {
		word-break: break-word;
	}
}
@media screen and (max-width: 1200px) {
	body .bm-form {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.bm-form > .wpb_column  > .vc_column-inner  {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 1024px) {
	.action-button {
		margin-top: 40px !important;
	}
	.mg-col {
		flex: 0 0 100%;
	}

	/* Override the 48% width in 3-field layout */
	.mg-three-field-row .mg-wide,
	.mg-three-field-row .mg-small {
		flex: 0 0 100%;
	}

	/* Ensure inputs stretch full width */
	.mg-three-field-row .mg-col input {
		width: 100%;
	}

	/* Optional: reduce row gap for tablet layout */
	.mg-row,
	.mg-inner-row {
		gap: 20px;
	}
	.mg-row:not(.mg-ricevuta-checkbox) {
		margin-top: 20px;
	}
    .timeline-circle-logo img {
        width: 150px !important;
    }
	
	.mg-box-content {
		flex: auto;
	}
	.mg-radio-box-group {
		flex-wrap: wrap;
	}
    
}

@media screen and (max-width: 767px) {
	.bm-form hr {
		margin: 20px auto;
	}
	.action-button {
		margin-top: 30px !important;
	}
	.mg-col label:not(.mg-checkbox-line) {
		font-size: 16px;
		line-height: 22px;
		margin-bottom: 5px;
	}
	.mg-col input:not([type="checkbox"]) {
		font-size: 20px;
	}
	.mg-checkbox-line {
		font-size: 16px;
		line-height: 22px; 
	}
	.mg-font-24 {
		font-size: 20px;
		line-height: 20px;
	}
	.mg-default-font {
		font-size: 16px;
		line-height: 22px;
	}
	.mg-box-content {
		padding: 20px;
		gap: 15px;
	}
	.mg-radio-box-group {
		gap: 20px;
	}
	.mg-col .wpcf7-list-item {
		gap: 15px;
	}
	.wpcf7 form .mg-radiobox-step .mg-subtext {
		margin-bottom: 20px;
	}
	.mg-step-4 {
		margin-bottom: 35px;
	}
	.mg-row:not(.mg-ricevuta-checkbox) {
        margin-top: 20px;
    }
	.desktop {
		display: none !important;
	}
	
	.center_mobile, .cm {
		text-align: center !important;
	}
	
	.right_mobile, .rm {
		text-align: right !important;
	}
	
	.left_mobile, .lm {
		text-align: left !important;
	}
	
	.timeline-item > .wpb_column:last-child {
        padding-left: 15px;
        padding-right: 15px;
    }
    .timeline-item {
        padding-right: 0;
    }
    .timeline-item > .wpb_column:last-child .vc_column-inner {
        padding: 0 30px 0 0 !important;
    }
    .timeline-item .wpb_column:first-child .vcex-image-inner {
        padding-left: 0 !important;
        margin-bottom: 15px;
    }
    .timeline-item:before {
        top: 50px;
    }
    .timeline-slider .owl-nav {
        gap: 25px;
    }
    .timeline-slider .owl-carousel .owl-nav button {
        width: 26px;
        height: 25px;
    }
    .timeline-slider .circle {
        width: 30px !important;
        height: 30px !important;
    }
    .timeline-item > .wpb_column:first-child {
        padding-right: 30px;
    }
    .timeline-item.timeline-last > .wpb_column:last-child {
        padding-left: 15px;
    }
    .timeline-button-arrow {
        padding: 50px 0 20px;
        font-size: 14px !important;
    }
    
}

@media screen and (max-width: 450px) {
    
    .timeline-slider .vcex-heading {
        font-size: 17px !important;
    }
    
    
}






h1, h2, h3, h4 {
	margin:0px;
}

@media screen and (min-width: 767px) {
	/* Margini e padding per desktop */

	/* Margin Top */
	.mtd5 { margin-top: 5px; }
	.mtd10 { margin-top: 10px; }
	.mtd15 { margin-top: 15px; }
	.mtd20 { margin-top: 20px; }
	.mtd25 { margin-top: 25px; }
	.mtd30 { margin-top: 30px; }
	.mtd35 { margin-top: 35px; }
	.mtd40 { margin-top: 40px; }
	.mtd45 { margin-top: 45px; }
	.mtd50 { margin-top: 50px; }
	.mtd55 { margin-top: 55px; }
	.mtd60 { margin-top: 60px; }
	.mtd65 { margin-top: 65px; }
	.mtd70 { margin-top: 70px; }
	.mtd75 { margin-top: 75px; }
	.mtd80 { margin-top: 80px; }
	.mtd85 { margin-top: 85px; }
	.mtd90 { margin-top: 90px; }
	.mtd95 { margin-top: 95px; }
	.mtd100 { margin-top: 100px; }
	.mtd105 { margin-top: 105px; }
	.mtd110 { margin-top: 110px; }
	.mtd115 { margin-top: 115px; }
	.mtd120 { margin-top: 120px; }
	.mtd125 { margin-top: 125px; }
	.mtd130 { margin-top: 130px; }
	.mtd135 { margin-top: 135px; }
	.mtd140 { margin-top: 140px; }
	.mtd145 { margin-top: 145px; }
	.mtd150 { margin-top: 150px; }
	.mtd155 { margin-top: 155px; }
	.mtd160 { margin-top: 160px; }
	.mtd165 { margin-top: 165px; }
	.mtd170 { margin-top: 170px; }
	.mtd175 { margin-top: 175px; }
	.mtd180 { margin-top: 180px; }
	.mtd185 { margin-top: 185px; }
	.mtd190 { margin-top: 190px; }
	.mtd195 { margin-top: 195px; }
	.mtd200 { margin-top: 200px; }
	.mtd205 { margin-top: 205px; }
	.mtd210 { margin-top: 210px; }
	.mtd215 { margin-top: 215px; }
	.mtd220 { margin-top: 220px; }
	.mtd225 { margin-top: 225px; }
	.mtd230 { margin-top: 230px; }
	.mtd235 { margin-top: 235px; }
	.mtd240 { margin-top: 240px; }
	.mtd245 { margin-top: 245px; }
	.mtd250 { margin-top: 250px; }

	/* Margin Bottom */
	.mbd5 { margin-bottom: 5px; }
	.mbd10 { margin-bottom: 10px; }
	.mbd15 { margin-bottom: 15px; }
	.mbd20 { margin-bottom: 20px; }
	.mbd25 { margin-bottom: 25px; }
	.mbd30 { margin-bottom: 30px; }
	.mbd35 { margin-bottom: 35px; }
	.mbd40 { margin-bottom: 40px; }
	.mbd45 { margin-bottom: 45px; }
	.mbd50 { margin-bottom: 50px; }
	.mbd55 { margin-bottom: 55px; }
	.mbd60 { margin-bottom: 60px; }
	.mbd65 { margin-bottom: 65px; }
	.mbd70 { margin-bottom: 70px; }
	.mbd75 { margin-bottom: 75px; }
	.mbd80 { margin-bottom: 80px; }
	.mbd85 { margin-bottom: 85px; }
	.mbd90 { margin-bottom: 90px; }
	.mbd95 { margin-bottom: 95px; }
	.mbd100 { margin-bottom: 100px; }
	.mbd105 { margin-bottom: 105px; }
	.mbd110 { margin-bottom: 110px; }
	.mbd115 { margin-bottom: 115px; }
	.mbd120 { margin-bottom: 120px; }
	.mbd125 { margin-bottom: 125px; }
	.mbd130 { margin-bottom: 130px; }
	.mbd135 { margin-bottom: 135px; }
	.mbd140 { margin-bottom: 140px; }
	.mbd145 { margin-bottom: 145px; }
	.mbd150 { margin-bottom: 150px; }
	.mbd155 { margin-bottom: 155px; }
	.mbd160 { margin-bottom: 160px; }
	.mbd165 { margin-bottom: 165px; }
	.mbd170 { margin-bottom: 170px; }
	.mbd175 { margin-bottom: 175px; }
	.mbd180 { margin-bottom: 180px; }
	.mbd185 { margin-bottom: 185px; }
	.mbd190 { margin-bottom: 190px; }
	.mbd195 { margin-bottom: 195px; }
	.mbd200 { margin-bottom: 200px; }
	.mbd205 { margin-bottom: 205px; }
	.mbd210 { margin-bottom: 210px; }
	.mbd215 { margin-bottom: 215px; }
	.mbd220 { margin-bottom: 220px; }
	.mbd225 { margin-bottom: 225px; }
	.mbd230 { margin-bottom: 230px; }
	.mbd235 { margin-bottom: 235px; }
	.mbd240 { margin-bottom: 240px; }
	.mbd245 { margin-bottom: 245px; }
	.mbd250 { margin-bottom: 250px; }

	/* Padding Top */
	.ptd5 { padding-top: 5px; }
	.ptd10 { padding-top: 10px; }
	.ptd15 { padding-top: 15px; }
	.ptd20 { padding-top: 20px; }
	.ptd25 { padding-top: 25px; }
	.ptd30 { padding-top: 30px; }
	.ptd35 { padding-top: 35px; }
	.ptd40 { padding-top: 40px; }
	.ptd45 { padding-top: 45px; }
	.ptd50 { padding-top: 50px; }
	.ptd55 { padding-top: 55px; }
	.ptd60 { padding-top: 60px; }
	.ptd65 { padding-top: 65px; }
	.ptd70 { padding-top: 70px; }
	.ptd75 { padding-top: 75px; }
	.ptd80 { padding-top: 80px; }
	.ptd85 { padding-top: 85px; }
	.ptd90 { padding-top: 90px; }
	.ptd95 { padding-top: 95px; }
	.ptd100 { padding-top: 100px; }
	.ptd105 { padding-top: 105px; }
	.ptd110 { padding-top: 110px; }
	.ptd115 { padding-top: 115px; }
	.ptd120 { padding-top: 120px; }
	.ptd125 { padding-top: 125px; }
	.ptd130 { padding-top: 130px; }
	.ptd135 { padding-top: 135px; }
	.ptd140 { padding-top: 140px; }
	.ptd145 { padding-top: 145px; }
	.ptd150 { padding-top: 150px; }
	.ptd155 { padding-top: 155px; }
	.ptd160 { padding-top: 160px; }
	.ptd165 { padding-top: 165px; }
	.ptd170 { padding-top: 170px; }
	.ptd175 { padding-top: 175px; }
	.ptd180 { padding-top: 180px; }
	.ptd185 { padding-top: 185px; }
	.ptd190 { padding-top: 190px; }
	.ptd195 { padding-top: 195px; }
	.ptd200 { padding-top: 200px; }
	.ptd205 { padding-top: 205px; }
	.ptd210 { padding-top: 210px; }
	.ptd215 { padding-top: 215px; }
	.ptd220 { padding-top: 220px; }
	.ptd225 { padding-top: 225px; }
	.ptd230 { padding-top: 230px; }
	.ptd235 { padding-top: 235px; }
	.ptd240 { padding-top: 240px; }
	.ptd245 { padding-top: 245px; }
	.ptd250 { padding-top: 250px; }

	/* Padding Bottom */
	.pbd5 { padding-bottom: 5px; }
	.pbd10 { padding-bottom: 10px; }
	.pbd15 { padding-bottom: 15px; }
	.pbd20 { padding-bottom: 20px; }
	.pbd25 { padding-bottom: 25px; }
	.pbd30 { padding-bottom: 30px; }
	.pbd35 { padding-bottom: 35px; }
	.pbd40 { padding-bottom: 40px; }
	.pbd45 { padding-bottom: 45px; }
	.pbd50 { padding-bottom: 50px; }
	.pbd55 { padding-bottom: 55px; }
	.pbd60 { padding-bottom: 60px; }
	.pbd65 { padding-bottom: 65px; }
	.pbd70 { padding-bottom: 70px; }
	.pbd75 { padding-bottom: 75px; }
	.pbd80 { padding-bottom: 80px; }
	.pbd85 { padding-bottom: 85px; }
	.pbd90 { padding-bottom: 90px; }
	.pbd95 { padding-bottom: 95px; }
	.pbd100 { padding-bottom: 100px; }
	.pbd105 { padding-bottom: 105px; }
	.pbd110 { padding-bottom: 110px; }
	.pbd115 { padding-bottom: 115px; }
	.pbd120 { padding-bottom: 120px; }
	.pbd125 { padding-bottom: 125px; }
	.pbd130 { padding-bottom: 130px; }
	.pbd135 { padding-bottom: 135px; }
	.pbd140 { padding-bottom: 140px; }
	.pbd145 { padding-bottom: 145px; }
	.pbd150 { padding-bottom: 150px; }
	.pbd155 { padding-bottom: 155px; }
	.pbd160 { padding-bottom: 160px; }
	.pbd165 { padding-bottom: 165px; }
	.pbd170 { padding-bottom: 170px; }
	.pbd175 { padding-bottom: 175px; }
	.pbd180 { padding-bottom: 180px; }
	.pbd185 { padding-bottom: 185px; }
	.pbd190 { padding-bottom: 190px; }
	.pbd195 { padding-bottom: 195px; }
	.pbd200 { padding-bottom: 200px; }
	.pbd205 { padding-bottom: 205px; }
	.pbd210 { padding-bottom: 210px; }
	.pbd215 { padding-bottom: 215px; }
	.pbd220 { padding-bottom: 220px; }
	.pbd225 { padding-bottom: 225px; }
	.pbd230 { padding-bottom: 230px; }
	.pbd235 { padding-bottom: 235px; }
	.pbd240 { padding-bottom: 240px; }
	.pbd245 { padding-bottom: 245px; }
	.pbd250 { padding-bottom: 250px; }
}

@media screen and (max-width: 767px) {
	/* Margini e padding per mobile */

	/* Margin Top */
	.mtm5 { margin-top: 5px; }
	.mtm10 { margin-top: 10px; }
	.mtm15 { margin-top: 15px; }
	.mtm20 { margin-top: 20px; }
	.mtm25 { margin-top: 25px; }
	.mtm30 { margin-top: 30px; }
	.mtm35 { margin-top: 35px; }
	.mtm40 { margin-top: 40px; }
	.mtm45 { margin-top: 45px; }
	.mtm50 { margin-top: 50px; }
	.mtm55 { margin-top: 55px; }
	.mtm60 { margin-top: 60px; }
	.mtm65 { margin-top: 65px; }
	.mtm70 { margin-top: 70px; }
	.mtm75 { margin-top: 75px; }
	.mtm80 { margin-top: 80px; }
	.mtm85 { margin-top: 85px; }
	.mtm90 { margin-top: 90px; }
	.mtm95 { margin-top: 95px; }
	.mtm100 { margin-top: 100px; }
	.mtm105 { margin-top: 105px; }
	.mtm110 { margin-top: 110px; }
	.mtm115 { margin-top: 115px; }
	.mtm120 { margin-top: 120px; }
	.mtm125 { margin-top: 125px; }
	.mtm130 { margin-top: 130px; }
	.mtm135 { margin-top: 135px; }
	.mtm140 { margin-top: 140px; }
	.mtm145 { margin-top: 145px; }
	.mtm150 { margin-top: 150px; }
	.mtm155 { margin-top: 155px; }
	.mtm160 { margin-top: 160px; }
	.mtm165 { margin-top: 165px; }
	.mtm170 { margin-top: 170px; }
	.mtm175 { margin-top: 175px; }
	.mtm180 { margin-top: 180px; }
	.mtm185 { margin-top: 185px; }
	.mtm190 { margin-top: 190px; }
	.mtm195 { margin-top: 195px; }
	.mtm200 { margin-top: 200px; }
	.mtm205 { margin-top: 205px; }
	.mtm210 { margin-top: 210px; }
	.mtm215 { margin-top: 215px; }
	.mtm220 { margin-top: 220px; }
	.mtm225 { margin-top: 225px; }
	.mtm230 { margin-top: 230px; }
	.mtm235 { margin-top: 235px; }
	.mtm240 { margin-top: 240px; }
	.mtm245 { margin-top: 245px; }
	.mtm250 { margin-top: 250px; }
	
	/* Margin Bottom */
	.mbm5 { margin-bottom: 5px; }
	.mbm10 { margin-bottom: 10px; }
	.mbm15 { margin-bottom: 15px; }
	.mbm20 { margin-bottom: 20px; }
	.mbm25 { margin-bottom: 25px; }
	.mbm30 { margin-bottom: 30px; }
	.mbm35 { margin-bottom: 35px; }
	.mbm40 { margin-bottom: 40px; }
	.mbm45 { margin-bottom: 45px; }
	.mbm50 { margin-bottom: 50px; }
	.mbm55 { margin-bottom: 55px; }
	.mbm60 { margin-bottom: 60px; }
	.mbm65 { margin-bottom: 65px; }
	.mbm70 { margin-bottom: 70px; }
	.mbm75 { margin-bottom: 75px; }
	.mbm80 { margin-bottom: 80px; }
	.mbm85 { margin-bottom: 85px; }
	.mbm90 { margin-bottom: 90px; }
	.mbm95 { margin-bottom: 95px; }
	.mbm100 { margin-bottom: 100px; }
	.mbm105 { margin-bottom: 105px; }
	.mbm110 { margin-bottom: 110px; }
	.mbm115 { margin-bottom: 115px; }
	.mbm120 { margin-bottom: 120px; }
	.mbm125 { margin-bottom: 125px; }
	.mbm130 { margin-bottom: 130px; }
	.mbm135 { margin-bottom: 135px; }
	.mbm140 { margin-bottom: 140px; }
	.mbm145 { margin-bottom: 145px; }
	.mbm150 { margin-bottom: 150px; }
	.mbm155 { margin-bottom: 155px; }
	.mbm160 { margin-bottom: 160px; }
	.mbm165 { margin-bottom: 165px; }
	.mbm170 { margin-bottom: 170px; }
	.mbm175 { margin-bottom: 175px; }
	.mbm180 { margin-bottom: 180px; }
	.mbm185 { margin-bottom: 185px; }
	.mbm190 { margin-bottom: 190px; }
	.mbm195 { margin-bottom: 195px; }
	.mbm200 { margin-bottom: 200px; }
	.mbm205 { margin-bottom: 205px; }
	.mbm210 { margin-bottom: 210px; }
	.mbm215 { margin-bottom: 215px; }
	.mbm220 { margin-bottom: 220px; }
	.mbm225 { margin-bottom: 225px; }
	.mbm230 { margin-bottom: 230px; }
	.mbm235 { margin-bottom: 235px; }
	.mbm240 { margin-bottom: 240px; }
	.mbm245 { margin-bottom: 245px; }
	.mbm250 { margin-bottom: 250px; }
	
	/* Padding Top */
	.ptm5 { padding-top: 5px; }
	.ptm10 { padding-top: 10px; }
	.ptm15 { padding-top: 15px; }
	.ptm20 { padding-top: 20px; }
	.ptm25 { padding-top: 25px; }
	.ptm30 { padding-top: 30px; }
	.ptm35 { padding-top: 35px; }
	.ptm40 { padding-top: 40px; }
	.ptm45 { padding-top: 45px; }
	.ptm50 { padding-top: 50px; }
	.ptm55 { padding-top: 55px; }
	.ptm60 { padding-top: 60px; }
	.ptm65 { padding-top: 65px; }
	.ptm70 { padding-top: 70px; }
	.ptm75 { padding-top: 75px; }
	.ptm80 { padding-top: 80px; }
	.ptm85 { padding-top: 85px; }
	.ptm90 { padding-top: 90px; }
	.ptm95 { padding-top: 95px; }
	.ptm100 { padding-top: 100px; }
	.ptm105 { padding-top: 105px; }
	.ptm110 { padding-top: 110px; }
	.ptm115 { padding-top: 115px; }
	.ptm120 { padding-top: 120px; }
	.ptm125 { padding-top: 125px; }
	.ptm130 { padding-top: 130px; }
	.ptm135 { padding-top: 135px; }
	.ptm140 { padding-top: 140px; }
	.ptm145 { padding-top: 145px; }
	.ptm150 { padding-top: 150px; }
	.ptm155 { padding-top: 155px; }
	.ptm160 { padding-top: 160px; }
	.ptm165 { padding-top: 165px; }
	.ptm170 { padding-top: 170px; }
	.ptm175 { padding-top: 175px; }
	.ptm180 { padding-top: 180px; }
	.ptm185 { padding-top: 185px; }
	.ptm190 { padding-top: 190px; }
	.ptm195 { padding-top: 195px; }
	.ptm200 { padding-top: 200px; }
	.ptm205 { padding-top: 205px; }
	.ptm210 { padding-top: 210px; }
	.ptm215 { padding-top: 215px; }
	.ptm220 { padding-top: 220px; }
	.ptm225 { padding-top: 225px; }
	.ptm230 { padding-top: 230px; }
	.ptm235 { padding-top: 235px; }
	.ptm240 { padding-top: 240px; }
	.ptm245 { padding-top: 245px; }
	.ptm250 { padding-top: 250px; }
	
	/* Padding Bottom */
	.pbm5 { padding-bottom: 5px; }
	.pbm10 { padding-bottom: 10px; }
	.pbm15 { padding-bottom: 15px; }
	.pbm20 { padding-bottom: 20px; }
	.pbm25 { padding-bottom: 25px; }
	.pbm30 { padding-bottom: 30px; }
	.pbm35 { padding-bottom: 35px; }
	.pbm40 { padding-bottom: 40px; }
	.pbm45 { padding-bottom: 45px; }
	.pbm50 { padding-bottom: 50px; }
	.pbm55 { padding-bottom: 55px; }
	.pbm60 { padding-bottom: 60px; }
	.pbm65 { padding-bottom: 65px; }
	.pbm70 { padding-bottom: 70px; }
	.pbm75 { padding-bottom: 75px; }
	.pbm80 { padding-bottom: 80px; }
	.pbm85 { padding-bottom: 85px; }
	.pbm90 { padding-bottom: 90px; }
	.pbm95 { padding-bottom: 95px; }
	.pbm100 { padding-bottom: 100px; }
	.pbm105 { padding-bottom: 105px; }
	.pbm110 { padding-bottom: 110px; }
	.pbm115 { padding-bottom: 115px; }
	.pbm120 { padding-bottom: 120px; }
	.pbm125 { padding-bottom: 125px; }
	.pbm130 { padding-bottom: 130px; }
	.pbm135 { padding-bottom: 135px; }
	.pbm140 { padding-bottom: 140px; }
	.pbm145 { padding-bottom: 145px; }
	.pbm150 { padding-bottom: 150px; }
	.pbm155 { padding-bottom: 155px; }
	.pbm160 { padding-bottom: 160px; }
	.pbm165 { padding-bottom: 165px; }
	.pbm170 { padding-bottom: 170px; }
	.pbm175 { padding-bottom: 175px; }
	.pbm180 { padding-bottom: 180px; }
	.pbm185 { padding-bottom: 185px; }
	.pbm190 { padding-bottom: 190px; }
	.pbm195 { padding-bottom: 195px; }
	.pbm200 { padding-bottom: 200px; }
	.pbm205 { padding-bottom: 205px; }
	.pbm210 { padding-bottom: 210px; }
	.pbm215 { padding-bottom: 215px; }
	.pbm220 { padding-bottom: 220px; }
	.pbm225 { padding-bottom: 225px; }
	.pbm230 { padding-bottom: 230px; }
	.pbm235 { padding-bottom: 235px; }
	.pbm240 { padding-bottom: 240px; }
	.pbm245 { padding-bottom: 245px; }
	.pbm250 { padding-bottom: 250px; }
}