/*
Theme Name: cocktail on the road
Theme URI: cocktail-on-the-road.it
Description: Tema minimale, che segue le ultime tendenze del web design
Version: 2.0
Author: Alessio Piazzini
Color: #EDB139
*/

@charset "UTF-8";
/* CSS Document */


html,body {font-size: 18px; line-height: 2rem;     font-family: 'Poppins', sans-serif; text-rendering: optimizeLegibility; color: #333;  -webkit-font-smoothing: antialiased;word-wrap: break-word;}

* {outline: none;}

p{font-size: 18px; line-height: 2rem;}

a:link, a:visited, a:hover{color: #cf0d01; text-decoration: none;}

a:hover{opacity: 0.9;}

a.link-arrow-right:visited, a.link-arrow-right:link, a.link-arrow-right:hover {color: #000;text-decoration: none;}

.link-arrow-right {transition: all .3s ease-in-out; background-color: transparent; border: 0;font-size: 21px;background-image: url(img/dx.png);background-size: 30px auto;display: inline-block;text-align: left;background-repeat: no-repeat;background-position: right;padding-right: 50px;}

.link-arrow-right:hover {padding-right: 40px;transition: all .3s ease-in-out; }

a.link-arrow-right {transition: all .3s ease-in-out; background-color: transparent; border: 0;font-size: 21px;background-image: url(img/dx.png);background-size: 30px auto;display: inline-block;text-align: left;background-repeat: no-repeat;background-position: right;padding-right: 50px;}

a.link-arrow-right:hover {padding-right: 40px;transition: all .3s ease-in-out; }


a.btn-orange:hover{background: linear-gradient(183deg, rgb(198, 87, 27) 0%, rgb(255, 204, 15) 100%);}

.button-wd, a.button-wd, a.button-wd :link{display: inline-block; transition: all 0.5s ease; padding: 20px 30px; border: 0;color: #fff;text-decoration: none;border-radius: 40px;background-color: #e7c170;font-weight: bold;text-transform: uppercase;font-size: 14px;}

.button-wd:hover, a.button-wd:hover{background-color:#b7934a; color: #ffff; opacity: 1;}

.color-gold{color: #e7c170; }

.color-red{color:#cf0d01; }

.dark-gray, .mazzeschi-evidence{background: #151515;}

.img-responsive, .img-responsive-50 {width: 100% !important; height: auto;}

.link-block-absolute-z-index-2-full-container{position: absolute;z-index: 2; display: block; top: 0;left: 0;right: 0;bottom: 0;}

.ultra-bold, .bold{font-weight: 900;}

.ultra-thin{font-weight: 300;}

.italic{font-style:italic;}

.lowercase{text-transform: lowercase;}

.uppercase{text-transform: uppercase;}

.font-size-90{font-size: 90px;}

.font-size-32{font-size: 32px;}

.font-size-24{font-size: 24px;}

.font-size-18{font-size: 18px;}

.font-size-16{font-size: 16px;}

.font-size-14{font-size: 14px;}

.font-size-12{font-size: 12px;}

.font-size-1rem{font-size: 1rem;}

.font-size-2rem{font-size: 2rem;}

.text-red-leccia{color:#ce132d;}

.text-dec{color: #be653b;}

.text-light-gray{color:#b6b6b6;}

.text-white{color: #fff;}

.text-black{color: #000;}

.text-silver{color:#838383;}

.text-light-gold{color:#a27d5d;}

.text-light-orange{color:#ffc88c;}

.text-dark-orange{color:#a27f5a;}

.text-car{color: #01667b;}

.text-blue{color: #01667b;} 

.bg-blue{background-color: #01667b;}

.bg-dark-blue{background-color:#272833;}

.bg-dc{background-color:#281a19;}

.bg-light-pink{background-color:#f0dfcb;}

.bg-light-light-pink{background-color: #fbf6f0;}

.bg-light-light-pink-orange{background-color: #F4ECE1;}

.bg-light-yellow{background-color: #f7f1dd;}

.bg-white{background-color: #fff;}

.bg-light-gray{background-color:#f2f2f2;}

.bg-black{background-color: #000;}

.background-dark {background-color:rgb(19,13,9);}

.gradient-orange{color:#ffaf1b;background: linear-gradient(to right, rgb(255, 204, 15),rgb(198, 87, 27));background-size: auto;background-clip: border-box;background-size: auto;background-clip: border-box;background-size: cover;-webkit-background-clip: text;-webkit-text-fill-color:transparent;background-clip: text;}

.gradient-brown{left: 0;top: 0;bottom: 0;width: 58.333333%;position: absolute;z-index: 1;background: linear-gradient(99deg, rgba(19,13,9,0) 40%,rgb(19, 13, 9) 85%);}

.gradient-brown-right{ position: absolute;z-index: 1; right: 0;background: linear-gradient(104deg,rgb(19, 13, 9) 15%,rgba(19, 13, 9,0) 60%);left: auto;width: 66.666667%; top: 0; bottom: 0;}

.gradient-white{right: 0;  background: linear-gradient(104deg,rgb(255, 255, 255) 15%,rgba(255, 255, 255,0) 60%);left: auto;width: 66.666667%;}

.text-center{text-align: center;}

.text-justify{text-align: justify;}

.text-right{text-align: right;}

.text-left{text-align: left;}

.line-height-35px{line-height: 35px;}

.font-weight-300{font-weight: 300;}

.border-top-gray{border-top: 2px solid #eee;}

.border-gray{border: 2px solid #eee;}

.border-bottom-gray{border-bottom: 2px solid #eee;}

.border-bottom-white{border-bottom:1px solid #fff;}

.padding-0{padding: 0;}

.padding-top-6rem{padding-top: 6rem;}

.padding-bottom-6rem{padding-bottom: 6rem;}

.padding-left-0{padding-left: 0px;}

.padding-top-5{padding-top: 5px;}

.padding-bottom-5{padding-bottom: 5px;}

.padding-top-10{padding-top: 10px;}

.padding-bottom-10{padding-bottom: 10px;}

.padding-top-15{padding-top: 15px;}

.padding-bottom-15{padding-bottom: 15px;}

.padding-15{padding: 15px;}

.padding-30{padding: 30px;}

.padding-right-20{padding-right: 20px;}

.padding-left-0{padding-left: 0;}

.padding-left-30{padding-left: 30px;}

.padding-right-30{padding-right: 30px;}

.padding-top-30{padding-top: 30px;}

.padding-bottom-30{padding-bottom: 30px;}

.padding-bottom-40{padding-bottom: 40px;}

.padding-bottom-45{padding-bottom: 45px;}

.padding-60{padding: 60px;}

.padding-top-60{padding-top: 60px;}

.padding-bottom-60{padding-bottom: 60px;}

.padding-right-60{padding-right: 60px;}

.padding-left-60{padding-left: 60px;}

.padding-top-80{padding-top: 80px;} 

.padding-bottom-80{padding-bottom: 80px;} 

.padding-top-100{padding-top: 100px;} 

.padding-bottom-100{padding-bottom: 100px;} 

.padding-top-120{padding-top: 120px;}

.padding-bottom-120{padding-bottom: 120px;}

.padding-top-160{padding-top: 160px;}

.padding-bottom-160{padding-bottom: 160px;}

.padding-bottom-180{padding-bottom: 180px;}

.padding-top-180{padding-top: 180px;}

.padding-bottom-220{padding-bottom: 220px;}

.padding-top-220{padding-top: 220px;}

.padding-bottom-240{padding-bottom: 240px;}

.padding-top-240{padding-top: 240px;}

.padding-bottom-250{padding-bottom: 250px;}

.padding-top-250{padding-top: 250px;}

.margin-0{margin: 0;}

.margin-bottom-10{margin-bottom: 10px;}

.margin-top-15{margin-top: 15px;}

.margin-15{margin: 15px;}

.margin-bottom-15{margin-bottom: 15px;}

.margin-left-15{margin-left: 15px;}

.margin-bottom-30{margin-bottom: 30px;}

.margin-left-30{margin-left: 30px;}

.margin-left-60{margin-left: 60px;}

.margin-right-60{margin-right: 60px;}

.margin-top-30{margin-top: 30px;}

.margin-bottom-60{margin-bottom: 60px;}

.margin-top-60{margin-top: 60px;}

.margin-bottom-80{margin-bottom: 80px;}

.margin-top-80{margin-top: 80px;}

.margin-top-100{margin-top: 100px;}

.margin-top-150{margin-top: 150px;}

.display-block{display: block;}

.display-inline-block{display: inline-block;}

.relative{position: relative;}

.absolute{position: absolute;}

.responsive{width: 100%;}

.background-dark{background-color:rgba(19,13,9);}

.background-black{background-color:#000;}

.background-opacity-black{background-color: rgba(0,0,0,0.3);}

.background-trasparent{background-color:transparent;}

.background-white{background-color:#fff;}

.background-lightgray{background-color:#efefef; } 

.background-light-green{background-color:#527c7e;}

.background-light-brown{background-color:#f5f1ec;}

.background-cover-center{background-size: cover;background-repeat: no-repeat;background-position: center;}

.background-cover-right{background-size: cover;background-repeat: no-repeat;background-position: right;}

.background-cover-top{background-size: cover;background-repeat: no-repeat;background-position: center top;}

.background-cover-bottom{background-size: cover;background-repeat: no-repeat;background-position: center bottom;}

.background-no-repeat{background-repeat: no-repeat;}

.list-style-type-none{list-style-type: none;}

.height-100vh{height: 100vh;}

.height-100vh-94px{height: calc(100vh - 94px);}

.absolute-width-eight-100-z-index-1{position: absolute;z-index: -1;top: 0;bottom:0;left:0;right: 0;}

.link-block{position: absolute;z-index: 3;top: 0;bottom:0;left:0;right: 0; display: block;}

.overflow-hidden{overflow: hidden;}

b, strong {font-weight: 800;}

/* FLEX */
.display-flex {display: flex;}

.align-items-top{align-items: flex-start;} 

.align-items-center {align-items: center;}

.align-items-flex-end {align-items: flex-end;}

.align-items-stretch {align-items: stretch;}

.align-content-center {align-content: center;}

.align-content-space-between {align-content: space-between;}

.justify-content-space-between {justify-content: space-between;}

.justify-content-center{justify-content: center;}

.flex-wrap {flex-wrap: wrap;}

.flex-direction-row {flex-direction: row;}

.align-content-flex-end {align-content: flex-end;}

.flex-2 {flex: 2;}

.flex-direction-column {flex-direction: column;}

.justify-content-flex-end{justify-content:flex-end;}

.align-content-stretch{align-content:stretch;}

.align-content-flex-start{align-content:flex-start;}

.height100perc{height: 100%;}

.width85perc-15px{width: calc(85% - 15px);}

.width80perc-15px{width: calc(80% - 15px);}

.width60perc-15px{width: calc(60% - 15px);}

.width50perc-15px{width: calc(50% - 15px);}

.width50perc{width:50%;}

.width58perc{width:58%;}

.width42perc{width:42%;}

.width40perc{width:40%;}

.width40perc-15px{width: calc(40% - 15px);}

.width60perc{width:60%;}

.width66perc-15px{width: calc(66% - 15px);}

.width33perc-15px{width: calc(33.333333% - 15px);}

.width33perc-30px{width: calc(33.333333% - 30px);}

.width33perc{width: 33.333333%;}

.width25perc-15px{width: calc(25% - 15px);}

.width25perc-30px{width: calc(25% - 30px);}

.width20perc-15px{width: calc(20% - 15px);}

.width16perc{width:16.66666667%;}

.width15perc-15px{width: calc(15% - 15px);}

.hero, .hero .container{height: 600px;}

.button-arrow-right {background-color: transparent;background-image:url(img/arrow.png);background-size: 30px auto;display: inline-block;text-align: left;background-repeat: no-repeat;background-position: right;padding-right: 50px;}



/* VIDEO */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* DESCRIPTION */
.description {background-color: #fdf7e1;border-top: 1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}

/* LOGO */
.container-logo img{width: 150px;}

/* GALLERY */
.gallery-container {padding: 60px 20px 5px 20px;}
.gallery-container .col-md-2 {padding: 0;}
.img-cover-single-post {height: 420px;border: 5px solid #fff;}
.background-cover-center {background-size: cover;background-repeat: no-repeat;background-position: center;}
.single-img .link-block, #prodotti .img-box .link-block {cursor: pointer;z-index: 3;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.box-hover-miniature {position: absolute;top: 0; left: 0;width: 100%;height: 100%;cursor: pointer; background-color: rgba(0,0,0,.6);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.icona-gallery {position: absolute;top: 50%;left: 50%;height: 50px;width: 50px;margin-top: -25px;margin-left: -25px;z-index: 2;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.icona-gallery img {width: 100%;}
.img-cover-single-post {height: 260px;}
.box-hover-miniature-white {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;background: radial-gradient(circle, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 63%);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.box-hover-miniature {position: absolute;top: 0;left: 0;width: 100%;height: 100%;cursor: pointer;background-color: rgba(0,0,0,.6);opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.icona-gallery {position: absolute;top: 50%;left: 50%;height: 50px;width: 50px;margin-top: -25px;margin-left: -25px;z-index: 2;opacity: 0;-webkit-transition: all .6s ease;transition: all .6s ease;}
.grid-room .content-img:hover .icona-gallery ,.vertical-img .width16perc:hover .icona-gallery, .single-img:hover .icona-gallery, .vertical-img .width16perc:hover .box-hover-miniature, .single-img:hover .box-hover-miniature, .grid-room .content-img:hover .box-hover-miniature, .txt-sx-img-dx .col-md-6:hover .box-hover-miniature-white{opacity:1;cursor:pointer}
.icona-gallery img {width:100%}
.grid-room .link-block, .vertical-img .link-block, .single-img .link-block{cursor:pointer;z-index: 3; position: absolute;left: 0; right: 0;top: 0;bottom: 0;}
/* CHIUDO GALLERY */

/* NAVIGAZIONE */
nav.navbar {padding: 15px;background-color: #fdf7e1; border-top: 1px solid #e1e1e1;}
nav.navbar a:link, nav.navbar a:hover, nav.navbar a:visited{color: #cf0d01; text-transform: uppercase; font-weight: bold;}
nav.navbar-expand-md .navbar-nav .nav-link {padding: 5px 15px;  border-radius: 3px;}
nav.navbar-expand-md a:hover{background-color:#cf0d01; border-radius: 3px; color: #fff; opacity: 1; cursor: pointer;}


nav.navbar .button-car a, nav.navbar .button-car a :link{padding: 20px 30px; border: 0;color: #fff;text-decoration: none;border-radius: 40px;background-color: #01667b;font-weight: bold;text-transform: uppercase;font-size: 14px;}
nav.navbar .button-car a:hover{background-color:#025668; color: #ffff; opacity: 1;}


/* HERO */
.hero-home{height: 100vh; background-color: rgba(0,0,0,0.5); text-align: center;}
.hero-home img{width: 140px;margin-top: 110px;}



#scroll-down a span {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
#scroll-down a span::before {
  position: absolute;
  top: 0px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #e7c170;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


/* HOME COVER*/
.intro-cover-home{background-color: rgba(255,255,255,0.9); border-bottom: 5px solid #e7c170;}

/* HERO BASE*/
.hero-base img.logo-base{width: 100px; margin-top: 200px;}
.hero-base {height: 80vh;}

/* CHI SONO*/
.intro-chi-sono{background-color: rgba(255,255,255,0.4); font-family: 'Parisienne', cursive;}
.intro-chi-sono p{font-size: 26px;line-height: 2.6rem;}

/* SERVIZI*/
.servizi{background-color: rgba(0,0,0,.5); border-top: 5px solid #fff;}
.servizi ul {list-style-image: url('img/ok.png');padding-left: 26px;}
.servizi ul li{margin-bottom: 20px; font-size: 21px;}
.servizi-container{background-color: #fff; padding: 30px;}

/* fascia-box-home */
.fascia-box-home .col-md-4{height: 500px;position: relative;overflow: hidden;padding: 0px;cursor: pointer;}
.style-comune-box-img{top: 80px;left: 0px;right: 0px;position: absolute;z-index: -1;background-repeat: no-repeat;background-size: cover;height: 420px;position: relative;-webkit-transition: 1s; /* For Safari 3.1 to 6.0 */ transition: 1s;}
.fascia-box-home .col-md-4:hover .style-comune-box-img{top: 155px;}
.border-second-col{border-left: 1px solid #ccc;border-right: 1px solid #ccc; }
.opacity-box-home{top: 0px;left: 0px;right: 0px;bottom: 0px;position: absolute; z-index: 1;opacity: 0;background-color: rgba(0, 0, 0, 0.6);transition: opacity .25s ease-in-out;-moz-transition: opacity .25s ease-in-out;-webkit-transition: opacity .25s ease-in-out;}
.fascia-box-home .col-md-4:hover .opacity-box-home{opacity: 1;}
.icona-thumb{position: absolute;width: 40px;height: 40px;position: absolute;top: 15%;left: 50%;margin-top: -20px;margin-left: -20px;background-image: url(img/plus-button.svg);background-size: 100%;cursor: pointer;}
.box-titolo-sezione{position: absolute;text-align: center;left: 0px;top: 0px;right: 0px;height: 80px;line-height: 80px;font-size: 20px; font-weight: bold; background-color: #f6f6f6;z-index: 1;-webkit-transition: height 1s; transition: height 1s;overflow: hidden;color: #000;}
.fascia-box-home .col-md-4:hover .box-titolo-sezione{height: 155px;background-color: #e6e6e6;}
.fascia-box-home span{text-decoration: none;text-transform: uppercase;padding: 20px;color: #8a7900;font-weight: 300;font-size: 25px;}
/* chiudo fascia-box-home */

/* form */
.wpcf7 {width:100% !important;}
.wpcf7-form {width:100% !important;}
.wpcf7-form input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], select, textarea {color:#44474d; width: 100% !important;margin-top: 0; border-radius: 0;border-bottom: 1px solid #44474d; border-top: 0px; border-left: 0px; border-right: 0; background-color: transparent;}
.wpcf7-form .wpcf7-textarea {color:#44474d; width: 100% !important;margin-top: 0; border-radius: 0;border: 1px solid #44474d; background-color: transparent;}
.wpcf7-form input[type="date"]{color:#44474d; margin-top: 5px; border-radius: 0; border-bottom: 1px solid #44474d; border-top: 0px; border-left: 0px; border-right: 0; background-color: transparent;}
.wpcf7-form label{display: block; font-size: 18px; margin-bottom: 40px;}
.wpcf7-form span.wpcf7-list-item {display: inline-block;margin: 10px 0 0 0;}
.wpcf7-not-valid-tip {font-size: .75rem !important; color: #d9534f!important;}
.area-contact-form{background-color: rgba(255,255,255,0.7);}
.area-contact-form .col-md-6 li{list-style-type: none;}
.area-contact-form .info li, .area-contact-form ul{margin-left: 0; padding-left: 0; }
.area-contact-form .info a:link, .area-contact-form .info a:visited, .area-contact-form .info a:hover{color:#333; }
/* chiudo form */


/* FOOTER */
.footer{font-size: 14px;}
.footer ul,.footer li{margin-left: 0; padding-left: 0; list-style-type: none;}
#top-button {left: 50%;margin-left: -15px;position: absolute;top: 30px;z-index: 2;display: block;height: 30px;width: 30px;background-color: #fff;border-radius: 50px;background-image: url(img/top.png);background-repeat: no-repeat;background-position: center;background-size: 22px 22px;cursor: pointer;}
.copy #block-8{text-align: right;}
.footer{font-size: 12px;}
/* CHIUDO FOOTER */

  





/* CHIAMACI */
.chiamaci {
    position: fixed;
    z-index: 4;
    line-height: 18px;
    padding: 10px 8px;
    background-color: #e7c170;
    font-weight: 400;
    border-radius: 4px;
    font-size: 14px;
    right: 0;
    margin: 15px;
    text-align: right;
    border: ;
    font-weight: 600;
    top: 100px;
    color: #fff;
}

.chiamaci a:link, .chiamaci a:hover, .chiamaci a:visited{color: #fff;} 

/* CONTACT */
.logo-contact{width: 40%;}


/* FASCIA ALTERNATA */
.area-img-sx-txt-dx .gradient-white {left: 0;top: 0;bottom: 0;width: 58.333333%;position: absolute;z-index: 1;background: linear-gradient(99deg, rgba(255,255,255,0) 40%,rgb(255,255,255) 85%);}
.area-img-sx-txt-dx .gradient-white.invert{right: 0;  background: linear-gradient(104deg,rgb(240,220,210) 15%,rgba(240,220,210,0) 60%);left: auto;width: 66.666667%;}
.area-img-sx-txt-dx .bg {position: absolute;z-index: 0;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;height: 100%;}
.area-img-sx-txt-dx .img {height: 100%;background-size: cover;background-position: center center;transition: all .3s ease-in-out;}
.area-img-sx-txt-dx .img.invert{right: 0px; width: 66.666667%;}
.area-img-sx-txt-dx .contenuto-foto-sx-testo-dx {padding: 120px 0;}
.area-video-sx-txt-dx .video-container{width: 58.333333%;}
.area-video-sx-txt-dx{background: rgba(19,13,9);}
/* CHIUDO FASCIA ALTERNATA */


/* REQUEST CONTACT */
.cta-request-contact{background-color: rgba(255,255,255,0.8);}


/* BLUEIMP */
.blueimp-gallery > .close, .blueimp-gallery > .next, .blueimp-gallery > .play-pause, .blueimp-gallery > .prev, .blueimp-gallery > .slides > .slide > .slide-content {color: #fff !important;}
.blueimp-gallery > .title, .blueimp-gallery > .title:hover {position: absolute;display: block !important;background-color: #000;width: 100%;height: 50px;top: 0 !important;left: 0 !important;padding: 10px 10px 0;padding-top: 10px;padding-top: 10px;opacity: 1 !important;font-size: 16px !important;text-shadow: none;font-weight: 400;color: #fff !important;text-align: center;padding-top: 15px;}
/* CHIUDO BLUEIMP */

/* COVER HERO */
.cover-hero-page{height: 600px;background-color: rgba(0,0,0,0.2); }


/* COOKIES */
.cookies h2, .cookies h3{margin-top: 30px;} 


/* SCROLL DOWN*/
.scroll-down {
    opacity: 1;
    -webkit-transition: all .5s ease-in 3s;
    transition: all .5s ease-in 3s;
}

.scroll-down{
    position: absolute;
    bottom: 30px;
    right: 50%;
    display: block;
    width: 32px;
    height: 32px;
    border: 2px solid #FFF;
    background-size: 14px auto;
    border-radius: 50%;
    -webkit-animation: bounce 2s infinite 2s;
    animation: bounce 2s infinite 2s;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    z-index: 3;
}

.scroll-down:before {
    position: absolute;
    top: calc(50% - 8px);
    left: calc(50% - 6px);
    transform: rotate(-45deg);
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    border: 2px solid white;
    border-width: 0px 0 2px 2px;
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}

/* CHIUDO SCROLL DOWN*/


/* MIN 1440px */
@media (min-width: 1440px) {
} 


/* ADATTAMENTO SITO IPAD ORIZZONTALE */
@media (min-width: 992px) and (max-width: 1200px){}

/* ADATTAMENTO SITO IPAD VERTICALE */
@media (min-width: 768px) and (max-width: 991px) {
h1 {font-size: 42px;}
h2 {font-size: 32px;}
h3 {font-size: 28px;}
.navbar-expand-md .navbar-nav .nav-link {font-size: 12px;padding-right: 10px;padding-left: 10px}
.navbar-brand {font-size: 24px;}
.copy{text-align: center;}
.copy .text-right {margin-top: 0;text-align: center !important;}
.footer h2 {font-size: 18px;font-weight: 700;margin-bottom: 15px;margin-top: 15px;}
}

@media (min-width: 768px) {
  .chiamami{display: none;}
} 



/* ADATTAMENTO SITO SMARTPHONE */
@media (max-width: 767px){
h1 {font-size: 38px;}
h2 {font-size: 32px;}
h3 {font-size: 24px;}
.sticky-top {background-color: #272833;}
.navbar-toggler-icon {background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
.description h4 {font-size: 21px; line-height: 2rem;}
.hero-home {height: 85vh;}
.hero-home img {width: 120px;margin-top: 110px;}
.copy #block-8 {text-align: center;}
.txt-sx-img-dx .p-5 {padding: 1rem !important;}
.col-img .p-5{height: 300px  !important;}
a.chiamami:link, a.chiamami:hover{background-color: transparent !important; display: inline-block;margin-left: 40px;color: #e7c170 !important;font-size: 16px;font-weight: bold;}
.copy #block-3 {text-align: center;}
#scroll-down a span {display: none;}
.footer {text-align: center;}
.copy{text-align: center;}
.copy .text-right {margin-top: 0;text-align: center !important;}
.footer h2 {font-size: 18px;font-weight: 700;margin-bottom: 15px;margin-top: 15px;}
}

@media only screen and (min-width: 768px) {

}