/* generale */
body {margin: 0px;overflow-x: hidden;}
.container {width: 1440px;margin: 0 auto;}
h1 {font-family: 'Sintony';font-size: 41px;color: #cb3f50;margin-bottom: 0px;}
h2 {font-family: 'Sintony';font-size: 30px;color: #cb3f50;margin-top: 0px;}
h3 {font-family: 'Sintony';font-size: 50px;color: white;}
h4 {font-family: 'Sintony';font-size: 21px;color: #333333;font-weight: 400;margin-bottom: 15px;}
p {font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 14px;color: #666766;line-height: 26px;}
.text {font-family: 'Poppins', sans-serif;font-weight: 300;font-size: 14px;color: #666766;line-height: 26px;}
a {font-family: 'Poppins', sans-serif;font-weight: 400;font-size: 14px;color: #cb3f50;text-decoration: none;font-style: italic;}
h1 span {font-weight: 800;}
button {outline: 0px;}


/* nav */
.navbar {height: 120px;width: 100%;position: fixed;top: 0; background: transparent;z-index: 3;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;}
.logo {width: 545px;padding-top: 25px;float: left;}
.logo img {width: 285px;margin-top: 15px;}
.navbar .navRight {float: right;padding-top: 45px;}
.navbar .social {float: left;padding-right: 85px;margin-top: -5px;}
.navbar .social ul li {display: inline-block;list-style: none;padding: 0px 5px;padding-left: 0px;}
.navbar .burger {float: right;cursor: pointer;}
.navbar .navRight img {width: 60%;}

.navigation {height: 80px;width: 100%;position: fixed;top: 0; background:#003366;z-index: 2;}
.navigation ul li {display: inline-block;list-style: none;padding-top: 10px;}
.navigation ul li a {text-decoration: none;margin-left: 20px;margin-right: 20px;color: white;}

/* Header */
.header {width: 100%;height: 800px;-webkit-animation: fadein 3s;}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
.header h1 {padding-top: 300px;}
.header.interno h1 {padding-top: 400px;}
.header ul {padding-top: 200px;list-style: none;padding-left: 0px;}
.header ul li a{font-family: 'antennaLight';font-size: 45px;color: #003366;text-decoration: none;line-height: 65px;}
.header ul li a:hover{font-family: 'antennaBold';font-size: 45px;color: #003366;text-decoration: none;line-height: 65px;}
.header .scroll {padding-top: 150px;}

.header h1 {color: white;text-transform: uppercase;margin-top: 0px;padding-bottom: 30px;font-size: 82px;}
.header p {color: white;padding-top: 20px;width: 500px;}
.header hr {border: 0px;width: 50px;height: 5px;color: #cb3f50;background-color: #cb3f50;}



/* content */
.col23 {width: 70%;float: left;}
.col13 {width: 30%;float: left;}
.col13 h2 {padding-top: 20px;}

.col23 p {padding-right: 200px;}
.col13 h1 {padding-bottom: 20px;}
.col23 h2 {padding-bottom: 20px;}

.assistenza .col23 h1 {padding-bottom: 20px;}


.garage {padding-top: 150px;padding-bottom: 150px;}

.news {width: 100%;background: #f5f5f5;min-height: 600px;padding-bottom: 100px;padding-top: 50px;}
.news .container h1 {padding-top: 80px;}
.news .new {width: 100%; margin: 0 auto;}

.novita {width: 28%;float: left;margin-top: 4%;}
.novita img {width: 100%;}
.news .container .novita h1 {padding-top: 0px;margin-top: 30px;}


.servizi .col2 {column-count: 2;column-gap: 30px;}
.col2col p {column-count: 2;column-gap: 30px;}
.servizi .container {padding-top:50px;padding-bottom: 100px;}
.servizi .container h1 {padding-bottom: 50px;}
.serviziSlider {width: 100%;height: 500px;background: #f1f1f1;margin-top: 100px;}
.serviziSlider img {float: left;}
.serviziSlider .serviziTesto {float: left;width: 40%;}
.serviziSlider .serviziTesto h2 {padding-left: 50px;padding-top: 80px;}
.serviziSlider .serviziTesto p {padding-left: 50px;}


.parallax-window {min-height: 330px;}
.assistenza .container {padding-top: 100px;}
.assistenza .container .col23 {margin-bottom: 100px;}

/* footer */
.descr {display: table;width: 100%;}
.column50 {width: 50%;float: left;height: auto;min-height: 530px;display:block;flex-wrap: nowrap; align-items: center;}
.column50.sesta {width: 50%;float: left;height: auto;min-height: 530px;display:block;flex-wrap: nowrap; align-items: baseline;background: #cb3f50;color: white;}
.column50.sesta iframe {width: 100%;float: left;}
.column50.foot {background: #cb3f50;color: white;}
.column50.left.grigio {background-color: #fbfcfc;}

.column50 .testoFoot {float: left;width: 28%;padding-left: 10%;}
.column50.foot p {padding-left: 0px;color: white!important;}
.column50 .testoFoot img {padding-top: 150px;}
.column50.right h2 {padding-left: 10%;}
.column50.right a {color: white;text-decoration: underline;}
.column50.right table {margin: 0 auto;width: 60%;color: white;}
.column50.right .testoFoot p {padding-right: 0px;font-size: 16px;color: white;}
.footer {width: 100%;height: 100px;}
.footer p {padding-top: 20px;}
#rimando5 {background: #cb3f50;padding-top: 150px;}

.garage.bianco {background: white!important;}
.garage.dettaglio {background: #F3F3F3!important;padding-top: 200px;}
.garage.dettaglio h2 {padding-left: 0px;}
.imgSlProdotti img {width: 100%;height: auto;box-sizing: border-box;border: 2px solid white;}
.vini {background: #f3f3f3;width: 100%;height: 900px;padding-top: 150px;}
.vini img {width: 50%;float: left;}
.vini .vino {width: 33%;float: left;}
.vini hr {border: 0px;width: 50px;height: 2px;color: #cb3f50;background-color: #cb3f50;}
.vini h4 {padding-top: 50px;margin-bottom: 20px;}
.vini button {background: #cb3f50;border: 0px;width: 200px;height: 60px;color: white;margin-top: 20px;cursor: pointer;}
.garage.dettaglio button {background: #cb3f50;border: 0px;width: 200px;height: 60px;color: white;margin-top: 20px;cursor: pointer;}
.garage.dettaglio.contatto {padding-top: 120px;padding-bottom: 0px;display: flex;flex-wrap: wrap;align-items: center;vertical-align: middle;}

.garage.dettaglio .column50.right h2 {padding-left: 200px;}
.garage.dettaglio.contatto .column50.right h2 {padding-top: 70px;}
.garage.dettaglio .column50.right p {padding-left: 200px;}


.hidden {display: none;}
.clear {clear: both;}

*:focus {
    outline: none;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 4; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(203,63,80); /* Black fallback color */
    background-color: rgba(203,63,80, 0.95); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 25%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    font-family: 'Raleway', sans-serif;font-weight: 700;font-size: 23px;color: white;
    padding: 15px;
    text-decoration: none;
    font-size: 52px;
    color: white;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
    text-transform: uppercase;
    font-style: normal;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
.overlay li {list-style: none;}

.burger {display: block;}
.slick-dotted.slick-slider {margin-bottom: 0px;}

.slick-prev:before {content: url('../images/arrow-prev.png');}
.slick-prev:hover:before {content: url('../images/arrow-prev-hover.png');}
.slick-next:before {content: url('../images/arrow-next.png');}
.slick-next:hover:before {content: url('../images/arrow-next-hover.png');}
.slick-prev, .slick-next {padding-top: 0px;}

.juicer-feed h1.referral a {display: none!important;}

.footer a {font-style: normal;}

@media (max-width: 1440px) {
    .container {width: 1280px;}
}

@media (max-width: 1280px) {
    .container {width: 1000px;}
    .serviziSlider img {width: 30%!important;}
    .navbar .social {display: none;}
}


@media (max-width: 1024px) {
    body {width: 100%;overflow-x: hidden;}
    h1 {font-size: 36px;padding-left: 20px;}
    h2 {padding-left: 20px;font-size: 36px;}
    h4 {font-size: 23px;padding-left: 20px;}
    .news a {padding-left: 20px;}
    .header {height: 650px;}
    .container {width:95%;}
    .logo img {margin-left: 20px;}
    .navbar .burger {margin-right: 20px;}
    .header h1 {padding-left: 20px;}
    .container p {padding: 0px 20px;}
    .footer p {padding-left: 20px;padding-right: 20px;}
    .news {min-height: 500px;padding-top: 30px;}
    .servizi h1, .assistenza h1 {padding-left: 0px;}
    .assistenza .col23 h1, .assistenza .col13 h1 {padding-left: 20px;}
    .serviziSlider .serviziTesto h2 {padding-top: 50px;}
    .header ul {padding-left: 20px;}
    .header h1 {padding-top: 220px;}
    .navbar .social {display: none;}
    body {overflow-x: hidden;}
    .column50.sesta {width: 100%;}
    .column50 {width: 100%;}
    .header.interno h1 {padding-top: 340px;}
    .newCenter {margin-left: 5%!important;margin-right: 5%!important;}
    .garage {padding-bottom: 50px;padding-top: 50px;}
    div.novita:nth-child(2) {margin-left: 3%!important;margin-right: 3%!important;}
    .novita {width: 31%;}
    .assistenza .container {padding-top: 50px;}
    #rimando5 {padding-top: 50px;}
    .column50.sesta {min-height: 450px;}
    .column50.right h2, .column50 .testoFoot {padding-left: 0px;}
    .vini h4 {font-size: 18px;padding-top: 15px;}
    .vino button {margin-bottom: 50px;}
    .vini {padding-top: 50px;height: 700px;}
    .garage.dettaglio .column50 img {width: 50%;}
    .garage.dettaglio .column50.right h2, .garage.dettaglio .column50.right p {padding-left: 20px;}
    .column50 .testoFoot {width: 50%;}
    
}
@media (max-width: 768px) {
    .col13, .col23 {width: 100%;}
    .serviziSlider .serviziTesto {width: 50%;}
    .assistenza .parallax-window h1 {padding-top: 110px!important;}
    .header {height: 660px;}
    .assistenza .container .col23 {margin-bottom: 0px;}
    .assistenza .container .col13 {margin-bottom: 50px;}
    .column50.sesta {width: 100%;}
    .column50 {width: 100%;}
    .mobContact {float: left;width: 50%;}
    .vociNav {display: block;}
    .burger {display: block;}
}

@media (max-width: 640px) {
    h1 {font-size: 30px;}
    .logo img {width: 220px;}
    .navbar .social ul li img {width: 25px;}
    .navbar .social {padding-right: 10px;}
    .logo {width: auto;}
    .navbar .social ul {padding-left: 0px;}
    .navbar .navRight {padding-top: 40px;}
    .navbar {height: 100px;}
    .header {height: 400px;}
    .header h1 {padding-top: 130px;font-size: 36px;}
    .header .scroll {padding-top: 50px;}
    .garage {padding-top: 50px;padding-bottom: 50px;}
    .garage h1 {padding-right: 5px;}
    .garage h2 {padding-right: 5px;}
    iframe {height: 230px;}
    .column50 .testoFoot {width: 90%;}
    .column50 .testoFoot img {padding-top: 50px;}
    .footer p {padding-bottom: 20px;}
    .header ul {padding-top: 100px;}
    .header ul li a {font-size: 36px;}
    .novita {width: 100%;margin-left: 0px!important;margin-right: 0px!important;margin-bottom: 20px;}
    .news {min-height: 1700px;padding-bottom: 0px;}
    .servizi .col2 {column-count: 1;}
    .mobContact {clear: both; width: 100%;}
    .sliderImg {display:none;}
    .slick-next, .slick-prev {display: none!important;}
    .serviziSlider .serviziTesto {width: 100%;margin-bottom: 50px;}
    .assistenza .parallax-window p {width: 80%!important;}
    .slick-slide {min-height: 500px!important;}
    .vociNav {display: none;}
    .servizi .container {padding-bottom: 0px;}
    .column50.sesta {min-height: 45px;}
    .column50.sesta .footerImg {height: 45px!important;}
    .column50.right .container {padding-top: 50px;}
    .burger {display: block;float: right;padding-top: 5px;margin-right: 0px!important;}
    .navigation {background: #f5f5f5;}
    .navbar {display: block;}
    .burgerImg {mix-blend-mode:color-burn;width: 20%;margin-top: -15px;margin-right: -15px;}
    .imgLogo img {width: 70%;float: left;}
    .header ul li a {display: none;}
    .column50.right .testoFoot p {padding-right: 30px;}
    .header p {width: 90%;margin-left: 0px;padding-left: 5%;}
    div.novita:nth-child(2) {margin-left: 0%!important;margin-right: 0%!important;}
    .overlay a {font-size: 30px;}
    .overlay-content ul {padding-left: 0px;}
    .parallax-window {min-height: 250px;}
    .header.interno h1 {padding-top: 240px;}
    .col2col p {column-count: 1;text-align: center;}
    h1 {padding-left: 0px;}
    .gallery {height: 300px;}
    .vini .vino {width: 100%;margin-left: -20px;}
    .vini {min-height: 1250px;}
    .garage.dettaglio .column50 {min-height: auto;}
    .garage.dettaglio {padding-top: 150px;}
    .slick-dots {padding-left: 0px;}
    .sliderProdotti {height: 350px;}
    .barricaia, .appartamento {height: 400px;}
    .contAppartamento h1 {text-align: center;}
    .contAppartamento p {text-align: center;}
    .vini button {width: 170px;}
    .home h1, .home p {text-align: center;}
    .garage.dettaglio.contatto {padding-bottom: 50px;}
}

@media (max-width: 320px) {
    .logo img {width: 180px;}
    .parallax-window {min-height: 800px;}
    .assistenza .parallax-window {min-height: 300px;}
    .vini button {width: 140px;}
    
}

@font-face {
    font-family: 'antennaBold';
    src: url(../fonts/Antenna-Bold.ttf);
}

@font-face {
    font-family: 'antennaLight';
    src: url(../fonts/Antenna-Light.ttf);
}

@font-face {
    font-family: 'antennaRegular';
    src: url(../fonts/Antenna-Regular.ttf);
}