/* ----- Layout Builder Magic ------*/

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

.HEADER-1 { padding:0; }

@media only screen and (min-width: 0px) and (max-width: 700px) {
/* ----- Hide Logo ------*/
.HEADER-1 { display:none; }
}



/* ----- NAVIGATION ------*/

.NAVIGATION-1 { padding:0; }
.NAVIGATION-2 { padding:0; /* background-color:#0077a1; ----- Navigation bar BG ------*/ }

@media only screen and (min-width: 0px) and (max-width: 700px) {
.NAVIGATION-1, .NAVIGATION-2 {float: none !important; width: auto !important; border: none !important; padding: 0px 0px !important;}
}



/* ----- Main Area ------*/

.CONTENT-AREA-1 { background-color:transparent; }

.CONTENT-AREA-2 { padding:25px; text-align:left;}
.SLIDE-CONTAINER { background:rgba(255,255,255,0.9); padding:10px;}


.CONTENT-AREA-3 { background:rgba(255,255,255,0.9); padding:25px;}
.CONTENT-AREA-3b { background-color:transparent; padding:0; }
.CONTENT-AREA-3c { padding: 15px 20px 20px 20px;}

.HOME-1 { padding: 0px 25px 25px 25px; }
.HOME-2 { padding: 20px 0px 0px 0px; }
.HOME-3 { ----background-color:rgba(0,153,51,0.1); padding-top:0px; background: url(../imglib/Flag-green-bg.png) left top no-repeat; }
.HOME-4 { background-color: rgba(255,255,255,0.5); padding-top:0px; }
.HOME-5 { ---background-color: rgba(204,0,0,0.1); padding-top:0px; background: url(../imglib/Flag-red-bg.png) right bottom no-repeat; }

.FORM-1 { padding-bottom: 0px; }

---.CUSTOM-1 { padding: 15px 20px 15px 0; border-top:rgba(51,51,51,1) dotted 1px; border-bottom:rgba(51,51,51,1) dotted 1px;}
---.CUSTOM-2 { padding: 15px 0 15px 20px; border-left:rgba(51,51,51,1) dotted 1px; border-top:rgba(51,51,51,1) dotted 1px; border-bottom:rgba(51,51,51,1) dotted 1px;}

.CUSTOM-1 { padding: 0 20px 0 0;}
.CUSTOM-2 { padding: 0 0 0 25px; border-left:rgba(51,51,51,1) dotted 1px;}




@media only screen and (min-width: 0px) and (max-width: 700px) {
.CONTENT-AREA-1 { background-color: #e5e4e3; }
.HOME-3 { padding-top:0px; background: none; background-color:rgba(0,153,51,0.1); }
.HOME-4 { background-color: rgba(255,255,255,0.5); padding-top:0px; }
.HOME-5 { padding-top:0px; background: none; background-color: rgba(204,0,0,0.1); }
.FORM-2 { padding-top: 0px; }

}



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

.FOOTER-1 { background-color: transparent; }

.FOOTER-2 { padding:25px; }

.FOOTER-3 {
background:rgba(255,255,255,0.9);
margin-bottom:30px;
}

@media only screen and (min-width: 0px) and (max-width: 700px) {
.FOOTER-1 { background-color: #cde4eb; border-top:rgba(255,255,255,1) solid 1px; }
.FOOTER-3 { background-color: transparent; }
}



/* ----- SLIDER ------*/

.SlideText {
    font-family: "Lato", Arial, Helvetica, sans-serif;
    font-weight:300;
    text-align: left;
    line-height:150%;
    color: #fff;
}
.SlideText strong { font-weight:400; }




/* ----- MOBILE - Navigation border beetween dropdown button ------*/

@media only screen and (min-width: 0px) and (max-width: 700px) {
.p7PM3-01 ul ul li a { border: none; border-top: 0px }
}



/*Font Sizes*/

@media only screen and (min-width: 767px) {
body { font-size: 105%; }
h1 { font-size: 150%; }
h2 { font-size: 130%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
body { font-size: 100%; }
h1 { font-size: 140%; }
h2 { font-size: 125%; }
}

@media only screen and (min-width: 0px) and (max-width: 480px) {
h1 { font-size: 130%; }
h2 { font-size: 125%; }

.StefanoGianfranco { display: none; }
.StefanoPerla { display: none; }
.StefanoEmilio { display: none; }
.Tuscany-Umbria, .Spain, .Campania { display: none; }
.SG { display: block; margin-bottom:15px; }
.ItineraryMap { display: block; }
}

@media only screen and (min-width: 0px) and (max-width: 785px) {
.p7PM3-01 ul li a { padding: 15px 11px 13px 11px; /*PADDING BETWEEN BUTTONS*/}
}