/* CSS Document */
body, html {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin:0px;
	color: #565656;
	line-height: 22px;
	height: 100%;
}
h1, h2, h3, h4 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 700;
}
.wrap.riccardo {
	width: 100%;
	margin-bottom: 60px;
	padding-top: 20px;
}

.intro {
	text-align: center;
}
.intro h1 {
	color: #1384bb;
	font-size:36px;
	line-height: 36px;
	margin-top: 0px;
}
.intro p {
	font-size: 16px;
	line-height: 24px;
}
.sixcol {
	margin-left: 0px;
	margin-right: 0px;
}
.boxes {
	padding-top: 20px;
}
.box-1 {
	padding-right: 10px;
	padding-bottom: 20px;
}
.box-2 {
	padding-left: 10px;
	padding-bottom: 20px;
}
.box-3 {
	padding-right: 10px;
}
.box-4 {
	padding-left: 10px;
}
.box-1 .title-box {
	background-image: url(../images/lp-BG-orange.jpg);
	background-repeat:repeat;
	padding: 20px 20px 20px 40px;
}
.box-2 .title-box {
	background-image: url(../images/lp-BG-green.jpg);
	background-repeat:repeat;
	padding: 20px 20px 20px 40px;
}
.box-3 .title-box {
	background-image: url(../images/lp-BG-pink.jpg);
	background-repeat:repeat;
	padding: 20px 20px 20px 40px;
}
.box-4 .title-box {
	background-image: url(../images/lp-BG-blue.jpg);
	background-repeat:repeat;
	padding: 20px 20px 20px 40px;
}


.box-1 .content, .box-2 .content, .box-3 .content, .box-4 .content {
	background-image: url(../images/lp-BG-grey.jpg);
	background-repeat:repeat;
	padding: 40px 40px 40px 40px;
}
.box-1 .content {
	border-bottom: 4px solid #ee8c2b;
}
.box-2 .content {
	border-bottom: 4px solid #89b230;
}
.box-3 .content {
	border-bottom: 4px solid #e53b7b;
}
.box-4 .content {
	border-bottom: 4px solid #1280b6;
}

.box-1 .title-box h3, .box-2 .title-box h3, .box-3 .title-box h3, .box-4 .title-box h3 {
	font-size: 28px;
	color: #ffffff;
	padding:0px;
	margin:0px;
	font-weight: 700;
}
.box-1 .title-box img, .box-2 .title-box img, .box-3 .title-box img, .box-4 .title-box img {
	height: 27px;
	width: auto;
}
.box-1 .content p.intro-p, .box-2 .content p.intro-p, .box-3 .content p.intro-p, .box-4 .content p.intro-p {
	color:#2e2e2e;
	font-size: 18px;	
	font-weight: 700;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
}
.box-1 .content p, .box-2 .content p, .box-3 .content p, .box-4 .content p {
	color:#2e2e2e;
	font-size: 14px;	
	margin-top: 0px;
}
.box-1 .content p a {
	font-weight: 700;
	color: #ee8c2b;
	text-decoration: underline !important;
}
.box-2 .content p a {
	font-weight: 700;
	color: #89b230;
	text-decoration: underline !important;
}
.box-3 .content p a {
	font-weight: 700;
	color: #e63b7b;
	text-decoration: underline !important;
}
.box-4 .content p a {
	font-weight: 700;
	color: #1384bc;
	text-decoration: underline !important;
}

.box-4 .content img.sm-image {
	height: 40px;
	margin-right: 10px;
}

.box-carousel-1 img {
	height: 40px;
}
.box-carousel-1 {
	margin-bottom: 32px;
	margin-top: 20px;
}
.box-carousel-2 img {
	height: 40px;
}
.box-carousel-2 {
	margin-bottom: 32px;
	margin-top: 20px;
}

.box-1 .corner {
	width: 100%;
	text-align: right;
}
.box-2 .corner {
	width: 100%;
	text-align: right;
}
.box-3 .corner {
	width: 100%;
	text-align: right;
}
.box-4 .corner {
	width: 100%;
	text-align: right;
}
.regions-list {
	padding-top: 40px;
}
.region-list a p {
	border-bottom: 1px solid #1274AE;
	color: #2C2C2C;
	font-size: 16px;
}
.region-list a p:hover {
	border-bottom: 1px solid #8cba22;
	color: #8cba22;
	padding: 2px;
	font-size: 14px;
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.box-1 .content {
	height: 330px;
}
.box-2 .content {
	height: 330px;
}
.box-3 .content {
	height: 330px;
}
.box-4 .content {
	height: 330px;
}
}
	
	
	
	
	

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
.box-1 .content {
	height: 330px;
}
.box-2 .content {
	height: 330px;
}
.box-3 .content {
	height: 330px;
}
.box-4 .content {
	height: 330px;
}

}




 
 
/* Small devices (tablets, 728px and up) */
@media (min-width: 728px) and (max-width: 991px) {
.region-list a p {
	border-bottom: 1px solid #1274AE;
	color: #2C2C2C;
	padding: 7px 12px;
	font-size:  15px;
	margin-bottom: 5px;
	margin-top: 5px;
}
 }
 
 
 
 
 
 

/* Extra small devices (phones, less than 727px) */
@media (max-width: 727px) {

.box-1 {
	padding-right: 0px;
	padding-bottom: 0px;
}
.box-2 {
	padding-left: 0px;
	padding-bottom: 0px;
}
.box-3 {
	padding-right: 0px;
}
.box-4 {
	padding-left: 0px;
}
.box-1 .title-box h3, .box-2 .title-box h3, .box-3 .title-box h3, .box-4 .title-box h3 {
	font-size: 24px;
	color: #ffffff;
	padding:0px;
	margin:0px;
	font-weight: 700;
}
.region-list a p {
	border-bottom: 1px solid #1274AE;
	color: #2C2C2C;
	padding: 7px 12px;
	font-size:  14px;
	margin-bottom: 5px;
	margin-top: 5px;
}
.wrap.riccardo {
	padding-left: 4%;
	padding-right: 4%;
}

}