@import "fonts.css";
html, body{padding: 0; margin: 0; overflow-x: hidden; width: 100%; height: 100%; font-family: 'Swiss-Regular' !important;}

/*Container*/
#body{width: 100%; height: 100%; background-color: white; padding-bottom: 100px;}
#top-container{width: 100%; background-image: url(../images/bg/bg-top.jpg); background-repeat: no-repeat; background-size: cover;
    position: relative; height: 741px;}

#top-2{height: 196px;  position: relative; top: 545px;}
#top-3{height: 215px;  position: relative; }
#prenota{height: auto; width: 100%; padding-bottom: 25px;}
#servizi{padding: 50px 0; }
#chisiamo{width: 100%; height: 690px; border-bottom:14px solid #77777F; padding-top: 100px;}
#tour{position: relative; height: 565px; background-color: #e3c288;}
#tour .box-in{max-width: 47%; margin-top: 70px;}
#servizi-1{width: 100%; padding: 50px 0; }
#flotta{width: 100%; border-bottom: 80px solid #F0EEEB;}

.box-full{width: 100%; padding: 0; margin: 0;}
.box-half{width: 49.98%; max-height: 600px; display: inline-block; float: left;}
.box-content{width: 940px; margin: 0 auto; background-color: transparent;  position: relative; }

.box-1r{float: right; display: inline-block;}

.box-in{display: inline-block; float: left; margin-right: 20px; margin-top: 10px; }

/*Logo*/
.logo{display: inline-block; border-bottom: 5px;}
.lang{display: inline-block; font-weight: bold; font-family: 'Swiss-Regular'; padding-left: 20px; padding-right: 20px; }
.lang a{color: #1D1C2A;}
.lang a:hover{color: #77777F; text-decoration: none;}

/*Navigator*/
.affix {z-index: 99;}
.nav{/*width: 100%;*/}
.nav ul{list-style: none;}
.nav ul li{display: inline-block; vertical-align: middle;  vertical-align: -webkit-baseline-middle;}
.nav ul li a{color: #1D1C2A; font-weight: bold; font-size: 18px; letter-spacing: 1.3px; padding: 5px 70px;}
.nav ul li a:hover{color: #77777F; text-decoration: none;}

/*Background*/
.bg-1{background-color: #1D1C2A;}
.bg-2{background-image: url(../images/bg/bg-top.png); background-repeat: repeat; }
.bg-3{background-image: url(../images/bg/bg-1.png);background-repeat: repeat-x; }
.bg-4{background-image: url(../images/bg/bg-2.png);background-repeat: repeat-x; }
.bg-5{background-color: #F0EEEB;}
.bg-6{background-color: #e3c288;}
.bg-nav{background-image: url(../images/bg/bg-nav.png);background-repeat: repeat-x; }

/*Color*/
.color-1{color: #CDCFCE}
.color-2{color: #1D1C2A}
.color-3{color: #77777F;}
.f-size-1{font-size: 24px;}
.f-size-2{font-size: 18px;}
.f-size-3{font-size: 23px;}

/*Border*/
.border-b{border-bottom: 5px solid #e3c288; }
.border-b-1{border-bottom: 15px solid #77777F; }

/*Padding*/
.padd-1{padding: 5px 0; }
.padd-2{padding: 12px 0; }
.padd-t-3{padding-top: 90px;}
.padd-t-1{padding-top: 38px;}

/*Margine*/
.marg-l-1{margin-left: 20px;}

/*Text*/
#top-1 p{margin: 0;}
#top-2 p{font-weight: bold;}
.bold{font-weight: bold; color: #1D1C2A; font-family: 'Swiss-Regular';}
.t-center{text-align: center;}
.t-justify{text-align: justify;}
.box-half p {  font-size: 20px;}
.f-right{float: right;}
.p-info{padding: 30px 18px;}

/*Images*/
#chisiamo img, #servizi-1 img{border: 1px solid #BCBBC0;}
#tour img, .box-half img, #flotta img{width: 100%;}
.box-half img{max-height: 600px;}


/*List*/
ul.list-1{ list-style: none; margin-top: 30px; margin-left: 0; padding-left: 0}
ul.list-1 li{display: inline-block;  vertical-align: middle;  vertical-align: -webkit-baseline-middle; text-align: justify ; font-weight: bold; margin: 0 110px 0 -4px;
    background-image: url(../images/bg/bg-3.png); background-repeat: no-repeat; background-position: center; width: 238px;  height: 152px; color: white; padding: 5px 40px 5px 15px;}
ul.list-1 li:last-child{margin-right: 0px;}
ul.list-1 li h5{margin: 5px 0 0 0; color: white; font-size: 16px;}
ul.list-1 li p{line-height: 1.5em;}

/*Form*/
#form-prenota{ background-color: #e3c288; width: 540px;  height: 367px; -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.75);  position: relative;}
#form-prenota form{width: 400px; margin: 0 auto;}
#form-prenota input{width: 175px; margin-bottom: 10px;}
#form-prenota textarea {margin-bottom: 20px; width: 400px; height: 100px;}
#form-prenota button{background-color: #1D1C2A; color: white;}
#form-prenota h2{text-align: center; padding-top: 20px;}
.error{color: red; font-weight: bold;}

/*Footer*/
#footer{padding: 20px 0; position: relative; height: 70px;}
#footer p{vertical-align: middle; padding-top: 10px; }
.dev{position: absolute; right: 0; top: -5px;}

/*Alert*/
.alert {position: absolute; top: 0; width: 100%;}

/*Responsive*/

.md-invisible, #simple-menu{display: none;}
#servizi-1 img{width: 940px;}

@media screen and (max-width: 939px) {
    h1{font-size: 24px; text-align: center;}
    h2{font-size: 20px;}
    .f-size-1, .f-size-3 {font-size: 14px;}
    .width-100{width: 100%;}
    .sm-t-center{text-align: center;}
    #top-container{height: 356px; background-position: 0 52px;}
    .box-content{width: 100%;}
    .sm-invisible{display: none;}
    .md-invisible{display: block;}
    .logo{width: 100%;}
    .logo img{width: 130px;}
    #simple-menu{display: block; position: absolute; top: 15px; left:10px;width: 40px;text-align: center;height: 33px;}
    #top-2{top: 20px; padding-left: 10px; padding-right: 10px; height: 340px;}
    #top-3{height: auto;}
    .bg-3 {background-image: none !important;  background-repeat: repeat !important;}
    .bg-4 { background-image: none; background-color: white !important;}
    .box-img .box-in{padding-bottom: 20px;}
    .box-in img {width: 130px;}    
    ul.list-1{width: 725px !important; margin: 30px auto !important;}
    ul.list-1 li{margin: 0 auto;}
    .form-group {margin-bottom: 0px; clear: both; width: 100%; margin: 0 auto;}
    #prenota{width: 100%;  padding-bottom: 0px;}
    #prenota .box-in{margin-right: 0;}
    #form-prenota{width: 100%; /*height: 500px; */ height: auto; padding-bottom: 60px;}
    #form-prenota .f-right{float: left !important;}
    #form-prenota form {width: 90%;}
    #form-prenota input {width: 100%;}
    #form-prenota textarea {width: 100%; margin-bottom: 7px;}
    .error{font-size: 11px;}
    #servizi {padding: 50px 10px;}
    #chisiamo{padding: 25px 10px; height: auto;}
    #chisiamo img, #servizi-1 img {width: 100%;}
    #tour {height: auto;display: inline-block;}
    #tour .box-in {max-width: 100%; margin: 25px 10px;}
    #best-comfort img, #pro-solutions img{width: 100%}
    .box-half{width: 100%;}
    .padd-t-3{padding-top: 25px; margin-top: 0;}
    .box-half p {font-size: 14px; padding: 0 10px;}
    #servizi-1 {padding: 25px 10px;}
    #servizi-1 img{width: 100%;}
    #flotta {border-bottom: 10px solid #F0EEEB;}
    #footer {padding: 15px 10px; height: 110px;}
    .dev {position: relative; right: auto; top: 0px; width: 100%;}
    .dev .f-right{float: none;}
    .dev img{width: 70px;}    
    .p-info{padding: 30px 10px;}
    .box-img{width: 300px; margin: 0 auto;}
    .box-img .sm-box-right{margin-right: 0; float: right;}
    .lang{position: relative;top:0; padding-left: 0; padding-right: 10px;}
    .lang a{color: white;}
    .padd-1-sm{padding: 20px 0 5px 0;}
    
    
}
@media screen and (max-width: 680px) {
    .bg-4{background-image: none !important; background-color: white !important;}
    ul.list-1{width: 240px !important; margin: 30px auto !important;}    
    .sm-t-justify{text-align: justify;}
    .sm-box-in{margin-right: 0;float: none;}
    .box-img{width: 265px; margin: 0 auto;}
}
@media screen and (max-width: 500px) {
}
@media screen and (max-width: 415px) {
}