/*
Theme Name: paramidani
Author: Froglab
Author URI: https://www.froglab.it
Description: 
Version: 1.0.0
License: 
Template: dt-the7
*/
@import url("https://use.typekit.net/wie7tef.css");
.page h1,h2,h3,h4,h5,h6,.widget-title{font-family:interstate,sans-serif!important;font-weight:700!important}
#bottom-bar *{font-family:futura-pt,sans-serif!important;font-weight:400!important;text-transform:uppercase}
.widget-title{text-transform:uppercase!important;letter-spacing:2px!important}
.page p,a,span,li{font-family:futura-pt,sans-serif!important;font-weight:400!important}
.wpcf7-form-control.wpcf7-submit{text-transform:uppercase!important;font-family:futura-pt,sans-serif!important;font-weight:400!important;font-size:18px!important;padding:10px 24px!important;border-radius:500px!important;width:200px}
.testoBianco{color:#fff!important}
a{text-decoration:none!important}
a:hover{color:#27316b!important}
span.mini-contacts > i{color:#d54f4c!important}
.dt-btn:hover>span{color:#fff!important}
.dt-btn:hover>*{color:#fff!important}
.rosso{color:#d54f4c!important}
/*HOME HERO*/
.homeHero>.upb_row_bg{background-position:center bottom}
/*PADDING ELEMENTI*/
.rigaNormale{padding-top:50px!important;padding-bottom:50px!important}
#homeUSP{padding-bottom:0!important}

/*TESTO INTRODUZIONE (INIZIO SEZIONE)*/
.testoIntro{font-weight:700!important;text-transform:uppercase!important;letter-spacing:2px!important;color:#d54f4c!important;position:relative}
.testoIntroBianco{font-weight:500!important;text-transform:uppercase!important;letter-spacing:2px!important;color:#fff!important;position:relative}
/*USP*/
.more{position:absolute;bottom:-18px;left:calc(50% - 77px)}

/*SOSTITUISCE BULLET IN ELENCO*/
#content ul {list-style: none!important}
#content ul li::before{content:"\2022";color:#d54f4c;font-weight:bold;display:inline-block;width:1em;margin-left:-1em;}

/*SCROLL DA HERO*/
.scrollMe{position:absolute;bottom:30px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);padding:10px 30px;left:calc(100% - 42px)}

/*ICONE PRODOTTI HOME*/
.prodottiHome{position:absolute;left:calc(50% - 60px);top:-50px}

/*PUNTI VENDITA RIGA SFONDO*/
#homePuntiVendita>.upb_row_bg.vcpb-vz-jquery:before{position:absolute;content:"";width:100%;height:100%;background-image:url(/wp-content/uploads/2020/01/primaContatti.svg);background-size:cover;background-position:center 98%}

/*CONTATTI RIGA SFONDO*/
#homeContatti>.upb_row_bg:before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-image:url(/wp-content/uploads/2020/01/decorazione_contatti_2.svg);background-size:600px;background-position:center 102%;background-repeat:repeat-x}
/*CONTACT FORM*/
.wpcf7 label{color:#fff!important}

/*SCROLL*/
.scroll-top{background-color:#27316b!important;border-radius:500px;padding:20px 0;left:calc(50% - 26px)!important;opacity:0!important;border:4px solid #fff!important}
.scroll-top:before{font-size:18px}
.scroll-top.on{-webkit-animation:slide-in-bottom .5s cubic-bezier(0.250,0.460,0.450,0.940) both;animation:slide-in-bottom .5s cubic-bezier(0.250,0.460,0.450,0.940) both}
@-webkit-keyframes slide-in-bottom {
0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}
@keyframes slide-in-bottom {
0%{-webkit-transform:translateY(1000px);transform:translateY(1000px);opacity:0}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}
}

/*FIX NAVIGAZIONE FOOTER*/
footer .current-menu-item>a {color:#fff!important}

/*APERTURE*/
.op-open,.op-closed{font-weight:700!important;letter-spacing:2px;text-transform:uppercase;color:#fff!important}
.op-today{color:#fff!important}
.apertura{position:fixed;top:150px!important;right:0!important;border-radius:20px 0 0 20px!important;transition-duration:.5s;transition-timing-function:ease-in-out;z-index:99999!important}
.op-next-period{display:none!important}
#widget_op_is_open-2{position:relative}
#widget_op_is_open-2:before{position:absolute;content:"";height:100%;width:40px;left:-50px;top:0;background-image:url("/wp-content/uploads/2019/11/orologio.svg");background-repeat:no-repeat;background-position:center;}
.apertura.slideOut{right:-320px!important;transition-duration:.5s;transition-timing-function:ease-in-out}
.apertura.slideOut:hover{right:0!important;transition-duration:.5s;transition-timing-function:ease-in-out}

/*ICONE SVG*/
svg{width:150px!important;margin-left:calc(50% - 75px)}
.podHome.anima div > svg > g > #cerchioPallini{-webkit-animation:animationFrames ease-in-out 1.5s;animation:animationFrames ease-in-out 1.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}
.podHome.pod2 div > svg > g > #cerchioPallini{-webkit-animation-delay:1s;animation-delay:1s}
.podHome.pod3 div > svg > g > #cerchioPallini{-webkit-animation-delay:2s;animation-delay:2s}

@keyframes animationFrames{
@-webkit-keyframes animationFrames {
0%{-webkit-transform:rotate(0deg) scaleX(1.00) scaleY(1.00);transform:rotate(0deg) scaleX(1.00) scaleY(1.00)}
40%{-webkit-transform:rotate(0deg) scaleX(1.10) scaleY(1.10);transform:rotate(0deg) scaleX(1.10) scaleY(1.10)}
100%{-webkit-transform:rotate(360deg) scaleX(1.00) scaleY(1.00);transform:rotate(360deg) scaleX(1.00) scaleY(1.00)}
}
@keyframes animationFrames {
0%{-webkit-transform:rotate(0deg) scaleX(1.00) scaleY(1.00);transform:rotate(0deg) scaleX(1.00) scaleY(1.00)}
40%{-webkit-transform:rotate(0deg) scaleX(1.10) scaleY(1.10);transform:rotate(0deg) scaleX(1.10) scaleY(1.10)}
100%{-webkit-transform:rotate(360deg) scaleX(1.00) scaleY(1.00);transform:rotate(360deg) scaleX(1.00) scaleY(1.00)}
}
/*ANIMAZIONE DIVISORE*/
.animaseparatore svg{overflow:visible}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer1{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer2{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.1s!important;animation-delay:.1s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer3{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.2s!important;animation-delay:.2s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer4{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.3s!important;animation-delay:.3s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer5{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.4s!important;animation-delay:.4s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer6{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.5s!important;animation-delay:.5s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer7{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.6s!important;animation-delay:.6s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer8{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.7s!important;animation-delay:.7s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer9{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.8s!important;animation-delay:.8s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer10{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:.9s!important;animation-delay:.9s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer11{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:1s!important;animation-delay:1s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer12{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:1.1s!important;animation-delay:1.1s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer13{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:1.2s!important;animation-delay:1.2s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer14{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:1.3s!important;animation-delay:1.3s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer15{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:1.4s!important;animation-delay:1.4s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer16{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:1.5s!important;animation-delay:1.5s!important}
.animaseparatore.animaSeparatoreAnim>div>svg>g>#divisore>#cer17{-webkit-animation:updownAnim ease-in 1s!important;animation:updownAnim ease-in 1s!important;-webkit-transform-origin:50% 50%!important;-ms-transform-origin:50% 50%!important;transform-origin:50% 50%!important;-webkit-animation-delay:1.6s!important;animation-delay:1.6s!important}
@-webkit-keyframes updownAnim {
0%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
50%{-webkit-transform:translate(0px,-5px);transform:translate(0px,-5px)}
100%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
}
@keyframes updownAnim {
0%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
50%{-webkit-transform:translate(0px,-5px);transform:translate(0px,-5px)}
100%{-webkit-transform:translate(0px,0px);transform:translate(0px,0px)}
}
@media screen and (max-width:380px) and (max-height:500px) {
.apertura,.scrollMe{display:none!important}
}
@media screen and (max-width:768px) {
.scrollMe{display:none!important}
.prodotti{margin-bottom:50px!important}
#homeProdotti,#homePuntiVendita{padding-top:20px!important;padding-bottom:20px!important}
.scroll-top.on{right:10px!important;left:unset!important}
.apertura.slideOut{right:-320px!important;-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
}
.bottoneHeroRossa{background-color:#fff!important;color:#d54f4c!important}
.bottoneHeroRossa:hover{background-color:#26306a!important}
#custom_html-2 > div > div > p{text-align:center!important}
.footerMarchi{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:stretch;align-content:stretch}
	.grecaptcha-badge{display:none!important}
.boh-novita>div{
    color: #fff!important;
    border-radius:20px!important
}
.boh-novita h3 {
    color: #fff!important
}
.boh-novita .btn-align-center a{
    background-color: #26306a!important
}
.boh-novita .btn-align-center a:hover{
    background-color: #ffffff!important;
    color: #26306a!important
}
.boh-novita .btn-align-center a:hover span{
    color: #26306a!important
}