body{
    
    font-family: 'Source Sans Pro', sans-serif;
    
    
}
.kross-container{
max-width: 100%;
}

a{
    color: inherit;
    text-decoration: none !important;
}

.clear{clear: both;}

*:focus {
    outline: none !important;
}




#logo{
    
    text-align: center;
    padding: 20px;
    
}

#logo img{
    
    width: 400px;
    max-width: 150%;
    
}

#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: rgba(255,117,020, 1);;
    color: #FFFFFF;
    border: 0;
    padding: 10px;
    font-size: 16px;
    border-radius: 5px;
   
    
}


button.my-green{

background-color: green;

}

.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;
}


.inner_slide_text button, .inner_slide_text_2 button{

    font-size: 26px;
    background-color: rgba(255,117,020, 0.5);
    border: 3px solid #828282;
    transition-property: background-color;
  transition-duration: 1s;
}

.inner_slide_text button:hover, .inner_slide_text_2 button:hover{

    
    background-color: rgba(255,117,020, 0.9);
    
}


.inside-box{
position: relative;}

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


.col-md-2 .inside-box img{
height: 197.5px;  

}


.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;

}

.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}


.slide_img{width: 100%;}

@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;
    }

    #over_top {height: 20px !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;}

.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%);

}

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

#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;
    
}



@media only screen and (max-width: 1024px) {
    .iframos{
        
        height:215px;
    
    }
    
    .scelta_ricerca{
        
        text-align: center !important;
        
    }
    
    .king-map{
    
        height:400px;
    
    }
    
    .inner_slide_text button, .inner_slide_text_2 button{
        font-size: 16px;
        border: 3px solid #828282; 
        margin-top: 20px;
    }
    
}