/*
 *
 * Copyrights Giorgio Recchia on 14/06/2017
 *
 *
 * https://www.limeto.me.it
 * info@limeto.me.it
 *
 *
 *
 *
 * */


.navi {
            display: block;
    color: #616161;
    font-size: 1.125rem;
    font-family: 'Palanquin',sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.375rem 1.5625rem;
    -webkit-transition: all .1s;
    transition: all .1s;
    line-height: 2;
}

@media screen and (min-width: 81.25em)
.mod-header-nav {
    padding-bottom: 1rem;
    display: block;
    position: relative;
    top: -0.9rem;
}
.mod-header-nav {
    display: none;
    -webkit-transition: padding-top 500ms cubic-bezier(.215, .61, .355, 1);
    transition: padding-top 500ms cubic-bezier(.215, .61, .355, 1);
}
@media screen and (min-width: 81.25em)

.mod-header {
    height: auto;
    margin-top: 1rem;
    text-align: center;
}

.logo{
    
    max-width: 235px;
    margin-top: -12px;

}

.fuschia{
    background-color: #36AEE5;
    color: #fff;
}
.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: #36AEE5;
    color: #fff;
}

.topbar{
    
background-color:#36aee5;
color:#fff;

display: -webkit-inline-box;
position: absolute;
top:0;
width: 100%;
z-index:999;

}

.navbar-fixed-top {
    top: 74px;
    border-width: 0 0 1px;
    position: relative;
}

.back {
    
    background-color:#f2f2f2;
    padding-top:15px;
    padding-bottom: 15px;
}

.carousel-caption {
    top: 17%;
    font-size: 79px;
    font-family: 'Khand', serif;
}

.page-home__line {
    margin: 0 auto;
    width: 75px;
    height: 5px;
    position: relative;
    top: 69px;
    border-top: 1.5px solid #36AEE5;
    border-bottom: 1.5px solid #36AEE5;
}

.page-home__section-text-sidebar-icon-wrapper {
    width: 3.4375rem;
    height: 3.4375rem;
    position: relative;
    vertical-align: middle;
    margin: auto;
    fill: #36AEE5;
}
@media screen and (min-width: 81.25em)

.page-home__section-text-sidebar-icon {
    width: 70px;
    height: 76px;
    padding-bottom: 3rem;
}

#location2 {
    background: #f2f2f2;
    padding-top: 20px;
    padding-bottom: 20px;
}

#location{
    
    padding-top: 20px;
    padding-bottom: 20px;
}

#villaggio{
    
    padding-top: 20px;
    padding-bottom: 20px;
}

#camere{
    
    padding-top: 20px;
    padding-bottom: 20px;
}

#ristorante{
    
    padding-top: 20px;
    padding-bottom: 20px;
}

#spiaggia{
    
    padding-top: 20px;
    padding-bottom: 20px;
}
.wfg-internal-prefooter{
    BACKGROUND-COLOR: #36aee5;
    COLOR: WHITE;
}

.fixed {
    position: fixed;
    top:0; left:0;
    width: 100%;
    margin-top: -75px;
    z-index: 9999999;
    }
    .prev{
        
    BACKGROUND-COLOR: #36aee5;
    color: white !important;

    }
    
 @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
#slider {display: none;}
.topbar{display: none;}
.sticky {margin-top: -74px;}
 .carousel {display: none;}
	}
   
    
.fullwidth {
    width: 100%;
    background-image: url(../images/background.jpg);
    background-position: center center;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 50px;
}
@media (max-width: 770px) {
.bm-phone {
  width: 50%;
  float:left;
  background: #2aabe2;
  z-index: 3;
  text-align: center;
  position: fixed;
  bottom: 0;

}
.bm-mail {
  width: 50%;
  float:left;
  background: #DE2F68;
  z-index: 3;
  text-align: center;
  position: fixed;
  bottom: 0;
  margin-left: 50%;
;
}
.banner-desktop {display:none;}
h1 {
    font-size: 2rem;}
}    
 .banner-mobile a , .banner-mobile a:hover {color:#fff;}
.banner-mobile {
  font-size: 35px; }