@charset "UTF-8";
@media (min-width: 62em) and (max-width: 82em) { #nav li { font-size: 20px; } #nav li ul a { font-size: 16px; }}

.intro_scritta { display: none; } /* serve per evitare che, prima del jquery /js/anime/anime.js in codfree.php visualizzi la scritta */

/* .squishy { padding: 44px 0; background: linear-gradient(to right, rgba(12,80,159,1) 0%,rgba(12,80,159,1) 22%,rgba(12,80,159,0.78) 82%,rgba(12,80,159,0.62) 92%); } */

.icon { text-align: center; margin-bottom: 12px; font-size: 62pt; color: #69911d !important; }
/* .icon:hover { font-size: 32pt; color: #444 !important; } */
/* .box_spec:first-letter { font-size: 35pt !important; } */

.icon-quote, .icon-quote2 { font-size: 22pt; }
@media (max-width: 45em) { .salv_tit { font-size: 20pt !important; } .icon-quote, .icon-quote2 { font-size: 12pt; }}
@media (min-width: 45em) and (max-width: 62em) { .salv_tit { font-size: 27pt !important; } .icon-quote, .icon-quote2 { font-size: 12pt; }}

/* .css_descr_portfolio2 { font-family: Noway_Regular, Helvetica; font-size: 14pt; color: #536262; text-align: justify; } */
@media (max-width: 45em) { .css_descr_portfolio2 { font-size: 9pt !important; }}
@media (min-width: 45em) and (max-width: 62em) { .css_descr_portfolio2 { font-size: 11pt !important; }}

div .descriz_span_menu { padding-bottom: 30px !important; }

@media (max-width: 62em) {
.SCROLL_MENU1 { margin-bottom: 15px !important; } /* home */
.SCROLL_MENU2 { margin-bottom: 15px !important; } /* Profumi */
.SCROLL_MENU2 { padding-bottom: 15px !important; } /* Profumi */
.SCROLL_MENU3 { margin-bottom: 15px !important; } /* Servizi */
.SCROLL_MENU4 { margin-bottom: 15px !important; } /* dintorni */
}
@media (min-width: 62em) {
.SCROLL_MENU1 { padding-bottom: 15px !important; }
/* .SCROLL_MENU2 { padding-bottom: 15px !important; } */
}

.css_int_pos { padding-top: 62px !important; }

/* @media (min-width: 62px) { */
.SCROLL_MENU1 { padding-top: 30px !important; }
.SCROLL_MENU2 { padding-top: 30px !important; }
.SCROLL_MENU3 { padding-top: 30px !important; }
.SCROLL_MENU4 { padding-top: 30px !important; }

.DIVTOP_portfolio { padding-top: 30px !important; }
.DIVTOP_portfolio { padding-bottom: 30px !important; }

.DIVTOP_portfolio2 { padding-top: 30px !important; }
.DIVTOP_portfolio2 { padding-bottom: 30px !important; }

.DIVTOP_dbh { padding-top: 30px !important; }
.DIVTOP_dbh { padding-bottom: 30px !important; }

/* } */

@media (min-width: 72em) {}

/* STACCO */
/* deve essere 52em come le colonne */
@media (max-width: 52em) {
.stacco { display: inline-block; max-width: 1200px; width: 100%; height: 480px; }
.box_spec { text-align: justify; height: 122px; }
}
@media (min-width: 52em) and (max-width: 62em) {
.stacco { display: inline-block; max-width: 1200px; width: 100%; height: 730px; }
.box_spec { text-align: justify; height: 282px; }
}
@media (min-width: 62em) and (max-width: 72em) {
.stacco { display: inline-block; max-width: 1200px; width: 100%; height: 530px; }
.box_spec { text-align: justify; height: 322px; }
}
@media (min-width: 72em) and (max-width: 92em) {
.stacco { display: block; max-width: 100%; width: 100%; height: 670px; }
.box_spec { text-align: justify; height: 322px; }
}
@media (min-width: 92em) and (max-width: 98em) {
.stacco { display: block; max-width: 100%; width: 100%; height: 670px; }
.box_spec { text-align: justify; height: 232px; }
}
@media (min-width: 98em) {
.stacco { display: block; max-width: 100%; width: 100%; height: 850px; }
.box_spec { text-align: justify; height: 282px; }
}
/* STACCO */

/* QUESTO SERVE PER 100% */
@media (min-width: 72em) and (max-width: 82em) {
.gridCM3 .colCM { width: 31.2% !important; }
}
@media (min-width: 82em) and (max-width: 92em) {
.gridCM3 .colCM { width: 31.4% !important; }
}
@media (min-width: 92em) {
.gridCM3 .colCM { width: 31.7% !important; }
}
/* QUESTO SERVE PER 100% */

/*BOTTONE*/
.btn {
text-align: center; font-family: Noway_Regular, Verdana; font-size: 17px; color: #008ec5;
text-transform: uppercase;
border: none;
background: #91c61f;
border-radius: 2px;
color: #ffffff;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
.btn:hover {
border: none;
background: #69911d;
border-radius: 2px;
color: #ffffff;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
/*BOTTONE*/