/* ==========================================================================
   Author's custom styles
   ========================================================================== */

   @font-face {
   	font-family: 'Montserrat Light';
   	src: url('../fonts/Montserrat-Light.eot');
   	src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
   		url('../fonts/Montserrat-Light.woff2') format('woff2'),
   		url('../fonts/Montserrat-Light.woff') format('woff'),
   		url('../fonts/Montserrat-Light.ttf') format('truetype'),
   		url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
   	font-weight: 300;
   	font-style: normal;
   }


   @font-face {
   	font-family: 'Montserrat';
   	src: url('../fonts/Montserrat-SemiBold.eot');
   	src: url('../fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
   		url('../fonts/Montserrat-SemiBold.woff') format('woff'),
   		url('../fonts/Montserrat-SemiBold.ttf') format('truetype');
   	font-weight: 600;
   	font-style: normal;
   }

.help-block ul {margin-left: 0px !important;}

ul {    margin-left: -20px;
}
body{
max-width: 1366px;
margin: 0 auto !important;
float: none !important;
-webkit-font-smoothing: antialiased;

}
.cookie{
position: relative;
top: -8px;
padding: 3px;
margin-top: -10px;

}

#contatti img {max-width: 200px;}
#contatti .contatti span a:last-child {position: relative; top:-15px; margin-left: 15px; color: black;}
.form-control {border: 1px solid black; height: 40px;}
#contatti .btn {background-color: #968056 !important; color: white; text-transform: uppercase;}

.animazione {-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;}

.padding-0 {padding: 0px;}

.logo-up {max-width: 200px;}


#bg {
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;

  /* Preserve aspet ratio */
  min-width: 100%;
  min-height: 100%;
  z-index: -999999;

  right:0;bottom:0;margin:auto;
}

body {font-family: 'Montserrat';}
p {font-size: 1em; font-family: 'Montserrat Light';}
h1, h2 {font-weight: 600; font-size: 30px;}
h3, h4, h5 {font-size: 18px; font-weight: 600;}

.appartamenti {padding: 15px;}
.appartamenti h3 {text-align: center; margin-bottom: 20px; margin-top: 5px;}

.nav a:link {color: black;}

.chiamaci {    background-color: white; width: 100%;
    text-align: center;
    z-index: 999;
    position: fixed;
    bottom: 0;}

    .chiamaci .glyphicon {margin-top: 15px;}
    .chiamaci span:last-child {position: relative; top:-15px; }
    .chiamaci span:last-child a {margin-left: 10px; color: black;}

hr {margin-top: 20px;
    margin-bottom: 20px;
    border: 2px;
    border-top: 2px solid black;
    width: 100px;
    }

.list li {margin-bottom: 10px; font-family: 'Montserrat Light'}
.list    li:before
    {
        content: '✔';
        margin-left: -1em;
        margin-right: .100em;
        color: #968056 !important;
        -webkit-text-fill-color: #968056 !important;
        font-size: 20px;
    }

.list    ul
    {
       padding-left: 40px;
       text-indent: 2px;
       list-style: none;
       list-style-position: outside;
    }

.glyphicon {color: #968056; font-size: 40px; }

.nav .glyphicon {margin-top: 15px; margin-left: 50px;}
.nav li span:last-child {position: relative; top:-15px; }
.nav li span:last-child a {margin-left: 10px;}
.navbar {background-color: white !important; height: 70px !important; box-shadow: 1px -2px 10px gray;}
.navbar {display: none;}

.cta {background-color: #968056;
    border-radius: 5px;
    color: white;
    padding: 15px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
  text-transform: uppercase;}

svg {fill: #968056;}

.sfondo-principale {height: 100vh;}

.claim {position: absolute;
    top:0;
    bottom: 0;
    padding-bottom: 200px;

}

.claim img {margin-top: 20px;
    margin-bottom: 30px; padding-top: 15vh;}

.claim .cta {position: absolute; margin-top: 30px;}

.space {padding-top: 40px; padding-bottom: 40px;}
.margini {margin-top: 40px; margin-bottom: 40px;}
.margini-inner {margin-bottom: 35px;}

body, .bg-bianco {background-color: white;}
.bg-grigio {background-color: #ececec;}

p {margin-top: 15px; margin-bottom: 15px;}

.navbar {background-color: transparent; height: 60px;}

a:link {text-decoration: none;}

#links {margin-left: -15px; margin-right: -15px; margin-bottom: 3px;}
#links img {margin-top: 3px;}


/* Cookie */

#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0; z-index: 3;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0; font-size: 12px; padding-left: 3%; padding-right: 3%;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}

/* Bootstrap col same height */
.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

/*
* And with max cross-browser enabled.
* Nobody should ever write this by hand.
* Use a preprocesser with autoprefixing.
*/
.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

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

.claim .cta {bottom: 30px;}



 }

/* XSmall devices ( 768px and up) */
@media screen and (max-width: 414px) {





 }

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



  }


/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 768px) {


.claim img {max-width: 250px;}
.claim  {background-color: rgba(236, 236, 236, 0.6); height: 100vh; width: 100%;}
.list {text-align: center; margin-top: 50px;}
.assistenza h5 {text-align: center; margin-bottom: 20px;}
.appartamenti:nth-child(odd) {margin-bottom: 30px;}


 }

/* Medium devices (desktops, 992px and up) */
@media screen and (max-width: 992px) {

  #bg {left: -500px;}
  .navbar {display: none !important;}



 }

/* Large devices (large desktops, 1200px and up) */
@media screen and (max-width: 1200px) {




 }