* {font-family:verdana, arial;}
body {background-color:#666666;background-repeat: no-repeat;background-attachment: fixed;background-position: center;}

p, h1, h2, h3, h4, h5 {color:#333333;}

h1,h4 {border-top:1px solid #FF2D2A;border-bottom:1px solid #FF2D2A;}
h2 {color:#395498;}
h3, h4, h5 {margin:3px;}
h4 {font-size:20px}
h4 {font-size:18px}
p {margin:15px;}

.centra{margin-left:auto;margin-right:auto;text-align:center;}
.giustificato {text-align:justify;}
.left {text-align:left;}
.link {text-decoration:underline;}
.corsivo {font-style:italic;}
.bold {font-weight:bold;}
.barrato {text-decoration: line-through;}
.font11 {font-size:11px;}
.font13 {font-size:13px;}
.font15 {font-size:15px;}
.font18 {font-size:18px;}
.font21 {font-size:21px;}
.font25 {font-size:25px;}
.font30 {font-size:30px;}
.txt-rosso, .error {color:#FF2D2A !important;}
.txt-arancio, .txt-arancio * {color: #F49626 !important;}
.txt-bianco {color:#FFFFFF !important;}
.txt-blu {color:#395498 !important;}
.pointer {cursor:pointer;}
.trash {color:#FF0000;}

.bg-bianco * {background-color:#FFFFFF;}
.bg-red * {color:#ffffff;background-color:#FF2D2A !important;}
.bg-rosso {color:#ffffff;background-color:#FF2D2A !important;padding:3px;}
.bg-blu {color:#ffffff;background-color:#395498 !important; padding:3px;}
.bg-giallo {color:#ffffff;background-color:#F49626 !important; padding:3px;}
.nobg {background:none !important;}

.brd-blu {border:1px solid #395498;}
.brd-rosso {border:1px solid #FF2D2A;}
.nobrd {border:none;}

.margin0 {margin:0px;}
.margin10 {margin:10px;}
.margint0 {margin-top:0px;}
.margint15 {margin-top:15px;}
.marginl50 {margin-left:50px;}
.marginb15 {margin-bottom:15px;}
.marginb50 {margin-bottom:50px;}
.padding15 {padding:15px;}
.lar25 {min-width:25% !important;}
.lar50 {min-width:50% !important;}
.lar75 {min-width:75% !important;}
.lar100 {min-width:100% !important;}
.radius3 {border-radius:3%;}
.radius5 {border-radius:5%;}
.radius100 {border-radius:100%;}

.brd {border-top:1px solid #e0dee0;border-bottom:1px solid #e0dee0;}

.img-logo {border-radius:15%;}
.bg-menu {color:#ffffff;background-color:#395498}
.buttonInside {position:relative;width:auto;}
.cerca {height:25px;width:100%;}
.search-input {width:90%;outline:none;}
.search-btn {cursor:pointer;background-color:#395498 !important;position:absolute;right:30px;top:2px;height:34px;width:45px;padding:2px;outline:none;font-size:20px;border-radius:5%;text-align:center;}

.btn-menu {color:#FF2D2A !important;font-weight:bold;}
.btn-menu:hover {background-color:#FF2D2A;border-radius:5%;color:#ffffff !important;}
.btn-menu2 {background-color:#FF2D2A;border-radius:5%;color:#ffffff !important;}
.btn-offerta {background-color:#FF0000;color:#FFFFFF !important; padding:8px;}

.dropdown-menu {max-height:450px;overflow:auto;}
.dropdown-menu a.nav-link {color:#395498 !important;font-weight:bold;}

.jumbotron {background-color:#000000;background-position:center; background-repeat: no-repeat;}

header * {color:#ffffff;}
nav {border-bottom:2px double #FFFFFF;}

.img-card {height:200px !important;}
.img-card img {max-height:170px; max-width:170px; height:auto; width:auto;}
.img-ombra {-webkit-box-shadow: 0px 0px 12px 3px #f49626;-moz-box-shadow: 0px 0px 12px 3px #f49626;box-shadow: 0px 0px 12px 3px #f49626;}
.img-card-marchi {min-height:200px; max-height:200px;}
.img-card-marchi img {max-height:190px; max-width:190px; height:auto; width:auto;}

.card-text {text-align: center;}
.card-text a {color:#333333;}
.card-footer, .card-footer a {color:#395498; font-weight:bold;}
.card-footer a {text-decoration:underline;}

.cart {color:#E47824;font-size:20px; cursor:pointer;}
.cartpromo {color:#E47824;font-size:20px; cursor:pointer;}

.card {height:95%;}
.card-body {height: auto;}
.card-body-cart {height: auto; padding:10px; margin:0px;}
.card-text-cart {text-align: center;}
.card-text-cart a {color:#333333;}
.card-footer-cart {height:65px; padding:10px 0px 0px 0px;}

.card-cart {min-height:350px;}
.img-card-cart {min-height:40px; max-height:110px;}
.img-card-cart img {max-height:100px; max-width:450px; height:auto; width:auto;}

.footer {margin-top:10px;}
.footer * a {color:#ffffff; text-decoration:underline;}

.sol {color:#0f689b!important}
.inf {color:#FF8B34!important}

/* Back to Top */
.progress-wrap {position:fixed; right:20px; bottom:50px; height:40px; width:40px; cursor:pointer; display:block; border-radius:50px; box-shadow:inset  0 0 0 2px #395498; z-index:10000; opacity:0; visibility:hidden; transform:translateY(10px); -webkit-transition:all 200ms linear; transition:all 200ms linear;}
.progress-wrap.active-progress {opacity:1; visibility:visible; transform:translateY(0);}
.progress-wrap::after {position:absolute; font-family:'unicons'; content:'\e84b'; text-align:center; line-height:46px; font-size:24px; color:var(--red); left:0; top:0; height:46px; width:46px; cursor:pointer; display:block; z-index:1; -webkit-transition:all 200ms linear; transition:all 200ms linear;}
.progress-wrap:hover::after {opacity:0;}
.progress-wrap::before {position:absolute; font-family:'unicons'; content:'\e84b'; text-align:center; line-height:46px; font-size:24px; opacity:0; background-image:linear-gradient(298deg, var(--red), var(--red)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; left:0; top:0; height:46px; width:46px; cursor:pointer; display:block; z-index:2; -webkit-transition:all 200ms linear; transition:all 200ms linear;}
.progress-wrap:hover::before {opacity:1;}
.progress-wrap svg path { fill:none; }
.progress-wrap svg.progress-circle path {stroke:var(--red); stroke-width:4; box-sizing:border-box; -webkit-transition:all 200ms linear; transition:all 200ms linear;} body.light /* bordo cambia colore */
.progress-wrap {box-shadow:inset  0 0 0 2px rgba(0,0,0,0.2);} body.light
.progress-wrap::after {color:var(--black-blue);} body.light
.progress-wrap svg.progress-circle path {stroke:var(--black-blue);}
.switch, .circle {-webkit-transition:all 300ms linear; transition:all 300ms linear; }
.switch {width:80px; height:4px; border-radius:27px; background-image:linear-gradient(298deg, var(--red), var(--red)); position:fixed; right:50px; top:75px; display:block; margin:0 auto; text-align:center; opacity:1;   z-index:33333; transition:all 300ms linear;}
.circle {cursor:pointer; position:absolute; top:50%; transform:translateY(-50%); left:-5px; width:40px; height:40px; border-radius:50%; background:var(--black-blue-light-3); box-shadow:0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07); animation:border-transform 10s linear infinite alternate forwards;}
.circle:hover {box-shadow:0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);}
.circle:before {position:absolute; font-family:'unicons'; content:'\eac1'; top:0; left:0; z-index:2; font-size:20px; line-height:40px; text-align:center; width:100%; height:40px; opacity:1; color:var(--grey); -webkit-transition:all 300ms linear; transition:all 300ms linear; }
.circle:after {position:absolute; font-family:'unicons'; content:'\eb8f'; top:0; left:0; z-index:2; font-size:20px; line-height:40px; text-align:center; width:100%; height:40px; color:var(--red); opacity:0; -webkit-transition:all 300ms linear; transition:all 300ms linear; }
.switched {}
.switched
.circle {left:45px; box-shadow:0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07); background:var(--black-blue);}
.switched
.circle:hover {box-shadow:0 8px 8px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);}
.switched
.circle:before {opacity:0;}
.switched
.circle:after {opacity:1;}