:root{
--blue:#061d31;
--dark-blue:#041522;
--yellow:#ffc700;
--standard:30px;
--double:60px;
--triple:90px;
--mini:15px;
}
::selection {
background: #fff;
color: var(--blue);
}
progress {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
background-color: transparent;
color: var(--blue);
z-index:9999;
}
progress::-webkit-progress-bar {
background-color: transparent;
}
progress::-webkit-progress-value {
background-color: var(--blue)
}
progress::-moz-progress-bar {
background-color: var(--blue)
}
*{
margin:0px;
padding:0px;
}
html, body { 
font-family: 'Raleway', sans-serif;
color:#fff;
background-color: var(--blue);
}
h1, h2, h3, h4{
font-family: 'Raleway', sans-serif;
font-weight:700;
color:#fff;
}
a img{
border:0px;
}
a{
text-decoration:none;
transition: all 0.7s ease 0s;
}
ul{
list-style-type:none;
}
footer{
padding-top:var(--double);
padding-bottom:var(--double);
color:#fff;
background-color:var(--dark-blue);
}
footer .col-md-3{
border-right:1px solid var(--yellow);
}
footer .col-md-3:last-child{
border-right:0px;
}
footer p {
color: #fff;
font-size: 16px;
line-height: 1.5;
margin: 0;
}
.red{
color:var(--blue);
}
.social {
font-size: 18px;
margin-left: 5px;
margin-right: 5px;
display: inline-block;
border-radius: 50%;
border: 2px solid #fff;
padding: 1px 10px;
}
.social-ig {
padding: 1px 8px;
}
a.social:hover{
color:var(--gold);
}
a {
color: var(--blue);
}
a:hover{
color: var(--gold);
}
footer a{
color:#fff;
}
.padding-0{
padding:0;
}
footer a{
font-size:12px !important;
}
footer a:hover, footer a:active, footer a:focus{
text-decoration:underline;
color:#fff !important;
}
footer img{
margin-bottom:var(--standard);
}
footer h5{
font-size:12px;
font-weight: 700;
}
.btn-primary {
background-color: var(--yellow);
color:#fff;
border-radius:20px;
padding:5px var(--standard);
border:2px solid var(--yellow);
}
.btn-primary:active, .btn-primary:focus, .btn-primary:hover {
color: #fff;
background-color: transparent !important;
border-color: var(--yellow);
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:         flex;
}
.center{
text-align:center;
}
.clear{
clear:both;
}
.map-responsive{
overflow:hidden;
padding-bottom:25%;
position:relative;
height:0;
}
.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
#map{
margin-top:70px;
}
p{
color:#fff !important;
}
p.underline{
margin-bottom:var(--standard);
}
p.underline a{
color:#fff;
text-decoration: underline;
}
.parallax {
background: transparent;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.wpcf7-form div.wpcf7-mail-sent-ok {
border: 0px;
}
.wpcf7-form div.wpcf7-response-output {
clear: both;
margin: 30px;
padding: 0;
text-align:center;
}
.mb-triple{
margin-top:var(--triple);
}
.mb-40{
margin-bottom:40px;
}
.mt-40{
margin-top:40px;
}
.pb-triple{
padding-top:var(--triple);
}
.wpcf7-form-control-wrap span.wpcf7-not-valid-tip{
display:none;
}
.wpcf7-form div.wpcf7-validation-errors {
border: 0px;
}
input[type="text"].wpcf7-not-valid, input[type="email"].wpcf7-not-valid, textarea.wpcf7-not-valid,select.wpcf7-not-valid{
border:1px solid red;
}
.wpcf7-form-control-wrap span.wpcf7-not-valid input[type="checkbox"]{
outline: 1px solid red;
}
input[type="submit"] {
transition: all 0.7s ease 0s;
font-size: 16px;
line-height: 1;
padding: 8px var(--standard);
} div.wpcf7 .ajax-loader{
float:left;
}
.form span.wpcf7-list-item {
margin: 0px;
margin-top:0px;
}
span.wpcf7-list-item {
margin: 0;
}
.wpcf7-form-control-wrap {
color: #fff;
font-size:14px;
}
form a{
color:#fff;
}
section{
padding-top:var(--triple);
padding-bottom:var(--triple);
}
.form-control {
color: #fff;
background-color: transparent;
border: 2px solid var(--yellow);
margin-bottom: 20px;
border-radius:20px;
}
textarea.form-control {
height: 120px;
}
a:focus, a:hover {
color: var(--blue) ;
}
.slick-prev, .slick-next{
z-index:99;
}
.slick-prev {
left: 20px;
}
.slick-next {
right: 20px;
}
#logo{
height:50px;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus {
font-size: 14px;
font-weight: 400;
color: #fff;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link:focus:hover, #mainNav .navbar-nav > li.nav-item > a.nav-link:hover {
color: var(--yellow);
}
.navbar-brand {
padding-top: 0;
padding-bottom: 0;
}
#mainNav .navbar-nav > li.nav-item > a.nav-link.active, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus.active {
color: #fff !important;
}
#mainNav{
color: #fff !important;
background-color: var(--blue);
}
.highlights a{
font-weight:700 !important;
color:var(--yellow) !important;
}
footer p{
font-size:12px;
}
.slick-dots li button::before {
font-size: 14px;
}
.slick-dots li.slick-active button::before {
opacity: 1;
color: var(--blue);
} .myCurrent img{
transform:scale(1.3);
z-index:9999;
position:relative;
}
:focus {
outline: -webkit-focus-ring-color auto 0px;
outline: focus-ring-color auto 0px;
}
.navbar-light .navbar-toggler {
color: #fff;
border-color: transparent;
}
#visual{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height:80vh;
margin-top:60px;
}
.mobile{
display:none;
}
.desktop{
display:block;
}
.dark{
background-color:var(--dark-blue);
padding-left:var(--standard) !important;
padding-right:var(--standard) !important;
}
.dark .absolute{
position: relative;
top: 50%;
transform: translateY(-50%);
}
h3{
font-size:18px;
color:#fff;
font-weight:700;
margin-bottom: var(--mini);
}
h1{
font-size:72px;
}
#famiglia{
margin-top:-180px;
}
h2{
font-size:54px;
}
#servizi .btn{
margin-right:var(--standard);
margin-bottom:var(--standard);
}
#servizi h2{
font-size:36px;
}
.row-1 img{
margin-top:-80px;
}
.row-1{
margin-bottom:var(--double);
}
#noleggio{
background-color: var(--dark-blue);
padding-top:var(--standard);
padding-bottom: var(--standard);
}
#noleggio img{
margin-top:-60px;
}
.pt-50{
padding-top:50px;
}
.pb-50{
padding-bottom:50px;
}
.mt-standard{
margin-top:var(--standard);
}
.pb-standard{
padding-bottom:var(--standard);
}
.pt-standard{
padding-top:var(--standard);
}
.current-menu-item a{
text-decoration: underline;
}
#chi-siamo{
margin-bottom:0;
padding-bottom:0;    
}
.mb-double{
margin-bottom:var(--double);
}
.mb-triple{
margin-bottom:var(--triple);
}
.pt-double{
padding-top:var(--double);    
}
.pt-triple{
padding-top:var(--triple);    
}
#servizi .dark{
position:relative;
z-index: 1;
}
.img-0, .img-2, .img-4, .img-6, .img-8, .img-10, .img-12, .img-14{
position:relative;
z-index:2;
top:30px;
left:-30px;
} 
.img-1, .img-3, .img-5, .img-7, .img-9, .img-11, .img-13, .img-15{
position:relative;
z-index:2;
top:-30px;
right:-30px;
} 
@media only screen and (max-width : 1440px){
}
@media only screen and (max-width : 1200px){
}
@media only screen and (max-width : 991px){
.row-eq-height{
display:block;
}
h2{
text-align:center;
margin-top:var(--double);
}
.mobile-center{
text-align:center;
}
section {
padding-top: var(--double);
padding-bottom: var(--double);
}
.mobile{
display:block;
}
.desktop{
display:none;
}
.row-1 img{
margin-top:0px;
}
#noleggio img{
margin-top:0px;
}
.img-0, .img-2, .img-4, .img-6, .img-8, .img-10, .img-12, .img-14{
position:relative;
z-index:2;
top:0px;
left:0px;
} 
.img-1, .img-3, .img-5, .img-7, .img-9, .img-11, .img-13, .img-15{
position:relative;
z-index:2;
top:0px;
right:0px;
} 
#servizi .dark{
padding-top: 0 !important;
margin-left: 15px;
margin-right: 15px;
}
#servizi h2{
margin-top:30px;
}
footer .col-md-3{
border-right:0px;
border-bottom:1px solid var(--yellow);
padding-bottom:var(--mini);
margin-bottom:var(--mini);
}
footer .col-md-3:last-child{
border-right:0px;
border-bottom:0px;
padding-bottom:0px;
margin-bottom:0px;
}
.pt-triple{
padding-top:var(--standard);
}
#menu-main-menu li{
border-bottom:1px solid var(--yellow);
}
#menu-main-menu li:last-child{
border-bottom:0px;
}
}
@media only screen and (max-width : 767px){
#chi-siamo-logo{
max-width:200px;
}
}
@media only screen and (max-width : 480px){
}
@media only screen and (max-width : 320px){
}