body{

font-family: 'Source Sans Pro', sans-serif;


}
.kross-container{
max-width: 100%;
}
img{max-width: 100%;}
a{
color: inherit;
text-decoration: none !important;
}

.clear{clear: both;}

*:focus {
outline: none;
}


#logo{

text-align: center;
padding: 20px;

}

#logo img{

width: 400px;
max-width: 100%;

}

#big_menu{

text-align: center;
color: #7d7d7d;
font-size: 22px;
margin-top: 20px;
margin-bottom: 20px;


}

#big_menu a{

display: inline-block;
margin-left: 5px;
margin-right: 5px;
color: #141414;

}

.ante_home{



}

.ante_home h2{

margin: 4px 0 0 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 800;

}

.ante_home p{

margin: 0;
font-size: 16px;
/*font-style: italic;*/
}

.ante_home span{

margin: 0px 0 10px 0;
font-size: 14px;
text-transform: uppercase;
display: block;
font-weight: 800;
}

#footer{

background-color: #313131;
padding: 20px 0 20px 0;
color: #FFFFFF;
text-align: center;
}

#over_footer{

background-color: #5c5c5c;

color: #FFFFFF;
text-align: right;
font-size: 20px;

}

#over_footer a{

display: inline-block;
padding: 10px;
}


#over_footer a:hover{

color: #E4E3DC;
}


#tog{    
font-size: 30px;
float: right;
margin: 24px 4px 25px 0;
z-index: 200;
border: 1px solid black;
padding: 10px;
line-height: 20px;
border-radius: 5px;
}

#menu_tog{

display: none;


}

#menu_tog a{

display: block;
border-bottom: 1px solid #7d7d7d;
text-align: center;
font-size: 20px;
padding: 10px;

}

p{text-align: justify;}

.grigetto{

background-color: #E4E3DC;

}

.grigio{

background-color: #7d7d7d;

}

#guarda_le_prop{

text-align: center;
font-size: 20px;


}

button{

background-color: #313131;
color: #FFFFFF;
border: 0;
padding: 10px;


}

.inner_slide_text{

position: absolute;
padding: 5%;
top: 0%;
height: 50%;
text-align: center;
width: 100%;
color: #FFFFFF;
font-size: 50px;
text-shadow: 0px 0px 2px #000000;
}


.inner_slide_text_2{

position: absolute;
bottom: 0%;
padding: 5%;
height: 50%;
text-align: center;
width: 100%;
color: #FFFFFF;
font-size: 50px;
text-shadow: 0px 0px 2px #000000;
}

.slide_img{width: 100%;}

.about {
margin-bottom: 10px;}
.about div{

background-color: #E4E3DC;
text-align: center;
height: 100%;
padding: 20px;
cursor: pointer;

}

.about div i{

font-size: 40px;
display: block;
margin: 20px auto;

}


@media only screen and (max-width: 700px) {


.slide_img{width: 200% !important;max-width: 200% !important; margin-left: -50% !important;}

.inner_slide_text, .inner_slide_text_2{        
font-size: 25px;    
}

.richiesta{        
font-size: 13px !important;
padding: 1px !important;
}






#explora_logo{top:-16px !important; font-size: 10px !important; width: 80px !important;}


#explora .subtitle{ font-size: 11px !important; margin-top:5px !important;}
#explora .text{ font-size: 14px !important; margin-top:5px !important;}
}

.img-responsive{min-width: 100%;}

.box_ricerca h4{font-weight: bold;}

#over_top {height: 40px !important;
text-align:right;
line-height: 40px; padding: 0 10px;}

#over_top a{display: inline-block; background-color: #5c5c5c; color: #FFF; padding: 0 5px;}

.box_ricerca hr{background-color: #313131; height: 1px; border: 0;}

h3{text-align: center; margin: 4px;}

input.big{

border: 0;
line-height: 20px;
width: 100%;
padding: 8px;

}


select.big{

border: 0;
line-height: 20px;
width: 100%;
padding: 8px;

}

textarea.big{

border: 0;
line-height: 20px;
width: 100%;
height: 100px;
resize: none;

}

label{

display: inline-block;
margin-top: 8px;

}

.ante_home{

cursor: pointer;

}

#mappa{height: 400px;}

#menu_cont{display: none;}

#amount{color: #313131 !important; background-color: #E4E3DC;}

.richiesta{ position: absolute; bottom: 0; z-index: 100; width: 100%; background-color: rgba(0, 0, 0, 0.2); color: #FFFFFF; text-align: center; padding: 20px; font-size: 25px; font-style: italic;}
.richiesta a{text-decoration: underline !important;}
.richiesta a:hover{color: #FFFFFF;}

#vende_compra{

color: #FFFFFF;
font-size: 20px;
padding-top: 20px;
padding-bottom: 20px;

}

#vende_compra div{

text-align: center;
margin-bottom: 5px;
}


#vende_compra div a{

display: block;
background-color: #FFFFFF;
color: #313131;
padding: 5px;
width: 140px;
margin: auto;


}


.scopri_link{

text-align: center;
font-size: 25px;
}


.scopri_link img{

width:100%;


}


.iframos{

height: 415px;

}





#explora_logo{width: 153px; position: absolute; right: 12px; top:8px; font-family: 'Poiret One', cursive; font-size: 12px; text-align: center;}

#explora_logo img{width: 100%;}

#explora_logo_page{width: 153px; font-family: 'Poiret One', cursive; font-size: 12px; text-align: center; margin-top: 10px;}
#explora_logo_page img{width: 100%;}

#explora{background-color: #313131; text-align: center; color: #FFFFFF; position: relative;}

#explora .logo{ width: 50%;}

#explora .subtitle{ font-family: 'Poiret One', cursive; font-size: 24px; margin-top:20px;}
#explora .text{ font-family: 'Arapey', serif; font-size: 24px; margin-top:30px;}

.explora_social{font-family: 'Arapey', serif; font-size: 24px; margin-top:20px;}
.explora_social a:hover{color: #FFFFFF;}
.explora_social a{color: #FFFFFF !important;}

.alamaro{position: absolute; width: 10%;}
.alamaro img{width: 100%;}

.vedi_appartamenti{

margin-bottom: 10px;

}

#info{color: red; font-weight: bold;}


.carousel-control.right{

background-image: linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.2) 100%);

}

.carousel-control.left{

background-image: linear-gradient(to right,rgba(0,0,0,.2) 0,rgba(0,0,0,.0001) 100%);

}

/*--------------------------------------------------------------------------------------*/

button.my-green{

margin: 10px;
color: #FFF;
font-size: 14px;
background-color: green;
padding: 10px;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .9);
transition: box-shadow 1s;

}


button.my-green:hover{


box-shadow: 1px 2px 4px rgba(0, 0, 0, .0);


}



#filtri input[type=checkbox]{

width: 30px;
height: 30px;
position: relative;
top: 10px;
margin-top: 0;

}


.scelta_ricerca{

font-size: 20px;
padding:15px;
cursor: pointer;
border: 2px solid #E4E3DC;

}

#filtri_ricerca{

text-align: right;
background-color: #E4E3DC;


}

#mappa_ric{


display: none;


}

.king-map{

height:600px;

}

.guarda{
display: block;
color: red;
text-align: center;
margin-top: 10px;
cursor: pointer;
}

.guarda:hover{

color:  red;
text-decoration: underline !important;

}

h2{
text-align: center;
color: #313131;
margin-top: 40px;
font-weight: bold;
font-size: 36px;
}

h3{
text-align: center;
color: #515151;
margin-bottom: 40px;
}


.inside-box img{
object-fit: cover;
width: calc(100% - 5px);
height: calc(100% - 5px);  
cursor: pointer;
transition-duration: 2s;

}


.inside-box img:hover{
opacity: 0.5;
}



.inside-box span{
color: #FFF;
position: absolute;
bottom:10px;
left: 0;

text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
font-size: 22px;
width: 100%;
text-align: center;

}

.carousel-item img{    
    height: 500px;
    width: 100%;
    object-fit: cover;
}

@media only screen and (max-width: 1024px) {
.iframos{

height:215px;

}

.scelta_ricerca{

text-align: center !important;

}

.king-map{

height:400px;

}

.inside-box img{
width: 100%;}
.carousel-item img{    
    height: 270px;
    width: 100%;
    object-fit: cover;
}

h2 {
    text-align: center;
    color: #313131;
    margin-top: 20px;
    font-weight: normal;
    font-size: 32px;
}

 h2 {  
    margin-bottom: 20px;
}

}






@media screen and (max-width: 1192px) {

#over_top {
height: 20px !important;
text-align:right;
line-height: 20px; padding: 0 10px; font-size:10px;}


}