/*lo style css di devart.it*/
html,body { width:100% }
.d-none { display:none }
.flex-container { display: flex; justify-content:center; align-items:center; flex-direction: row; margin:0 auto}
.flex-description { display:flex; justify-content:space-between; align-items:center }
.flex-start { display:flex; justify-content:start; align-items:center }
.flex-center { display:flex; justify-content:center; align-items:center }
.flex-end { display:flex; justify-content:end; align-items:center }
.flex-around { display:flex; justify-content:space-around; align-items:center }
.flex-between { display:flex; justify-content:space-between; align-items:center }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }

.cl-white {color:white}
.cl-gray {color:#808080}
.cl-827870 {color:#827870}
.cl-b9b0ab {color:#b9b0ab}

.bg-f4f2f2{background-color:#f4f2f2} 
.bg-24436d{background-color:#24436d}/*blu*/
.bg-D6D6D6{background-color:#D6D6D6}/*beige*/
.bg-666666{background: #666666}/*grigio*/
.bg-e0e0e0{background: #e0e0e0}/*panna*/
.bg-f1f1f1{background: #f1f1f1} /*marroncino*/
.bg-f4f4f4{background: #f1f1f1} /* */

.font-title { font-size:64px }
.font-subtitle { font-size:32px }
.font64 { font-size:64px }
.font32 { font-size:32px }
.font24 { font-size:24px }
.font20 { font-size:20px }

.ts1 { text-shadow: -1px -1px 1px rgba(0, 0, 0, 1) }

.w-80 { width:80% }
.w-100 { width:100% }

.m-auto-60 { margin: 60px auto 60px auto }

.image-top {
  width:  auto;  
  height: 767px; 
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('../images/casavacanze.jpg');
}

.image-enter {  max-width:90%;margin:10px }
.image-villa { width:320px;max-width:90%;height:auto;margin:10px }
.image-villa2 { width:520px;max-width:100%;height:320px;margin:10px }

.flipH {
        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}

.header-text
{
	text-align:center;
	color: #fff;
}
.header-text h2
{
	font-size: 40px;
	font-weight: 600;
	font-family: 'Raleway', sans-serif;
	line-height: 60px;
}

.big-text
{
	font-size: 30px;
	line-height: 50px;
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
  color:white;
}

.small-text
{
	width: 65%;
	margin: 0 auto;
	font-size: 18px;
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	line-height: 40px;
  color:white;
}

.button-section ul li
{
	display: inline-block;
	margin: 50px 20px;
}
button.submit
{
	background: #1C97CA;
border: medium none;
color: #FFF;
padding: 15px 10px;
font-size: 18px;
font-weight: 600;
font-family: "Open Sans",sans-serif;
transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
margin-top: 20px;
transition: background 0.3s ease-in;
cursor: pointer;
display: block;
margin: 30px auto 0px;
border-radius : 5px;
}
button.submit:hover
{
	background:#888;
}
.top-button
{

	text-decoration: none;
	border-radius: 5px;
	font-family: 'Raleway', sans-serif;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}
.white
{
	background-color: #fff;
	padding: 17px 30px;
	color: #4e4f4f;
}
.green
{	color: #fff;
	padding: 17px 30px;
	background-color: #64AE3C;
}

.desc
{
	font-family: 'Raleway', sans-serif;
	text-align: center;
	padding: 80px 0px;
}
.desc h2
{
	font-size: 30px;
	font-weight: 600;
	padding: 15px 0px;
}
.desc p
{
	font-size: 16px;
	font-weight: 400;
	line-height: 22px;
	width: 85%;
	margin: 0 auto;
	font-family: 'Open Sans', sans-serif;
	color: #aab1bf;
}
.menu :hover
{
	color: #1C97CA;
}
.aw-icon
{
	/*background:url(images/feature-icons.png) no-repeat;*/
	font-size:60px;
	color:#008000;
}
.soc{
	  list-style:none;
}
.soc li  {
	margin:5px;
	width:30px;
	display:inline-block;
}

.soc-facebook, .soc-linkedin {
		font-size:40px;
	}

.soc-facebook {
    color: #3e5b98;
}

.soc-linkedin {
    color: #3371b7;
}

.round-image { border-radius: 25px }

/* HOME */
.home-box ul  { display:flex;  flex-wrap: wrap; list-style: none;   }
.home-box li  { 
	display:flex; justify-content:center; 
	flex-direction: column; align-items: center; 
	width: 25%;height: 200px;    
	font-size: 30px;
	border-right: 1px solid #eee; border-bottom: 1px solid #eee; 
}
.home-box li:nth-child(n+5) { border-bottom: none; }
.home-box li:nth-child(4n)  { border-right: none; }
.home-box li p { font-size: 18px; }

.map-responsive{
    overflow:hidden;
    padding-bottom:30%;
    position:relative;
    height:0;
}

.map-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.whatsappbox   {
	position: fixed;
	bottom:15px;left:10px;
	width:150px;height:auto;
	background:#e20019;color:white;
	border-radius:10px; 
	text-align:center;
	font-size:12px;
	padding:5px;
	z-index:50000;
}
.whatsappbox  img { width:100%;height:auto }
.whatsappbox  span { display:none }

.whatsappbox2 {
    bottom: 16px;
    line-height: 22px;
    height: 30px;
    max-width: 138px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
}

.whatsappbox2 {
    position: fixed;
    bottom: 18px;
    left: 10px;
    width: 150px;
    height: 36px;
    line-height: 26px;
    background: #24cc63;
    color: white;
    border-radius: 7px;
    text-align: center;
    font-size: 12px;
    padding: 5px;
    z-index: 50000;
}

@media (max-width: 576px) {   
	 .home-slogan {	 font-size: 18px; }
	 .home-intro {	 font-size: 18px; }
	 .home-title { font-size: 24px; }
	 .home-subtitle { font-size: 20px; }
}

@media (max-width: 800px) {
	.flex-container { flex-direction: column; }
	.flex-description { flex-wrap: wrap;  }
	.font-title { font-size:32px }
	.font-subtitle { font-size:16px }
}



.ft-title {  font-size: 72px; }
.ft-subtitle {  font-size: 26px; }
.ft-paragraph {  font-size: 18px; }
@media (max-width: 1200px) {
    .ft-titlex { font-size: calc(1.525rem + 3.3vw); }
	.ft-subtitlex { font-size: calc(1.525rem + 3.3vw); }
}

@media (min-width: 768px) {
  .ft-title {
    font-size: calc(1.625rem + ((1vw - 7.68px) * 3.9931));
    min-height: 0vw;
  }
}
@media (min-width: 1920px) {
  .ft-title {
    font-size: 72px;
  }
}