@media (max-width: 400px){
.foto-top img{width: 130%;}
.mobile .carousel-inner h3{font-size: 13px !important;}
.mobile .carousel-inner h2{font-size: 13px !important;}
.mobile .btnmenu {color: #092e5e;width: 30px !important;margin-top: 4px;}
.mobile .btnmenu i{font-size: 23px;color: #092e5e;margin-left: 4px;}
.mobile .menutendina {margin-top: 8px;}
.mobile .dl-menuwrapper button {color: #092e5e;}
.mobile .linee{justify-content: left;border:0;margin-top:50px;margin-left:0;}
.mobile .seguici-home{padding:0;text-align:left;margin-top:50px;}
.mobile .footer{margin-bottom: 70px;}
.mobile .footer .span12{margin-left:0;}
.mobile .pagamenti{float:none;margin-top:10px;display: inline-block;}
.exestudios{text-align: center;}
.mobile .servizi{padding:20px 0 40px;}
.mobile .login_btn {right: -27px !important;top: 10px;}
.mobile .nav-primary.fix {height: 50px !important;}
}

@media (max-width:600px){
-webkit-appearance: none;
.box .nome {padding-top:20px;}
.mobile .offerta .span2, .mobile .offerta .span5{width:100% !important;}
.mobile .area-login .container-fluid{padding: 70px 5%;}
.mobile .dettaglio-titolo h1{font-size:30px;}
.mobile .box{padding: 20px !important;}
.mobile .box .box-ricerca .dimensioni {width: 90px;}
.mobile .box .span3{margin-left:0}
}

@media (max-width:768px){
.mobile .area-login .container-fluid{padding: 90px 15%;}
.mobile .dettaglio .tabella{background: #e9e9e9;}
.id-footer, .pagamenti-footer, .social-footer{width:100% !important;text-align:center;}
.mobile .pagamenti-footer img{margin-bottom:0;}
.mobile .id-footer{padding-bottom:10px;}
}

 @media (min-width:601px) and (max-width: 1024px) {
.mobile .offerta .prodotto, .mobile .offerta .dati{width:47.23543545234654% !important;}
.mobile .offerta .acquisto{width:47.23543545234654%;margin-top:20px;}
.mobile .box .span3{width:47.45687987546% !important;}
.mobile .box .misure{margin-left:0;}
}


@media (max-width:980px){
.mobile .filter-drop-spacer{height:0px !important;}
.logo img{padding-top:0;}
.mobile .dettaglio-titolo {top:40%;}
.mobile .sfondo .span6{margin-left:0 !important;}
.mobile .area-login .span5 .btn{margin-left:0 !important;}
.mobile .area-login .span5{margin-left:0;width:100% !important}
.cbp-spmenu-vertical a {padding:17px 15px 7px 0;color: #0d5a9c !important;}
.cbp-spmenu-left.cbp-spmenu-open{background: #fff;}
.cbp-spmenu img{height:20px;margin-right:10px}
.cbp-spmenu .logoff{height:15px;margin-top: 4px;margin-left:5px;}
.form .span6{margin-left:0;}
.mobile .dettaglio h4 {margin-top: 15px;}
.mobile .login-box .span6{margin-left:0;}
.mobile .offerta .box{display: inline-block;}
.logo img {display:none}
.logo3 a img {width: 105px !important;position:fixed;margin-left: -70px;margin-top: 4px;}
.menumobile{background: #ffffff;}
hr{margin:10px 0;}
.mobile .foto-top {height:150px;margin-top: 50px;}
}

@media (min-width:980px){
}

@media (min-width:981px){
.mobile .recupera{width: 500px;margin: auto;}
.filter-drop-spacer{height:120px !important;}
}

@media (min-width:1680px){
.titolo-img img{margin-top:-100px;}
}

@media (min-width:2000px){
.titolo-img img{margin-top:-200px;}
}


html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  min-height: 100%;

  // This is to offset for the footer height
  padding-bottom: 15rem;
}

.demo {
  margin: 0 auto;
  padding-top: 64px;
  max-width: 640px;
  width: 94%;
}

.demo h1 {
  margin-top: 0;
}

/**
 * Footer Styles
 */

.exestudios{
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
}
select{-webkit-appearance: initial;}
body{font-family: 'Montserrat', sans-serif;font-size:14px;background: #e9e9e9;}
input, select, textarea {font-family:'Open Sans', sans-serif;border-radius:10px;padding:15px 0px;background: #f5f5f5;border: 1px solid #dddddd;width:100%;text-indent:10px}
h1{margin-top: 50px;padding-bottom:0;margin-bottom:30px;font-size: 45px;text-align:center;color:#d40819;}
a{color: #21227e;}
a:hover{background:transparent !important}
.btn a{color:#000;}
span a{text-transform:uppercase;color:rgb(4 165 223);}
.btn, .btn:focus, .btn a{text-shadow:none;border-style:none;font-size:14px;color:#111076;height:auto !important;border:solid 1px #015197;background:#fff;padding:13px 20px;border-radius: 7px;margin-top:40px;text-transform:capitalize;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear;}
.btn:hover{color:#fff;background:#111076;text-decoration:none;background-position:0 -15px;}
.logo img{width:118px;margin:11px 0;}
.login_btn {right: 0px !important;border-radius: 4px !important;background: #ffec00 !important;border: 0 !important;margin-top: -3px;}
.carousel-inner h2{color: #082e5d;font-size:25px !important;letter-spacing: 1px !important;font-weight:400;margin: 40px 0 60px;}
.login_btn:after{color: #092e5d !important;}
.login .btn{width:100%;margin:0 0 40px}
.area-login .container-fluid{padding:70px 25%;}
.carousel-inner h3{letter-spacing: 1px;margin-top:10px;color: #FFEC00;font-size: 20px !important;font-weight:400;}
.menu_btn2 {border: 0px !important;right:45px !important;}
.menu_btn2 a{padding-right: 5px;color: #092e5e !important;font-weight: 400;font-size:13px;}
.menu_btn2 img {height: 50px !important;right: 15px !important;}
.call{padding-left: 105px;}
.call img{width:50px;}
.orari{padding-top: 5px;margin: 0;}
.nav-primary{background: #ffffff !important;height: 80px;}
.menu-home{border-top:solid 1px #eee;}
.sf-menu li a{font-size:11px;color:#0d5a9c !important;margin:20px 0 0 20px;}
.sf-menu li a span{font-size:27px;}
.marchi {padding:40px 0;}
.scroller img {margin: 0 auto !important;}
.contain{position:relative;text-align: center;}
.contain img {-o-object-fit: contain;object-fit: contain;margin-bottom:0;width:150px;height: 150px;}
.servizi{padding:40px 0 10px;background: #f1f1f1;}
.servizi .banner img{width:100px !important; height:auto !important;}
.banner .excerpt, .banner .excerpt strong{color: #777777;}
.banner h5{font-family: 'Open Sans', sans-serif;font-size: 17px;color: #000000;font-weight:700}
.footerbg {background: #ffffff;}
.footer{color:#777777;padding: 60px 0 40px;}
.footer a{color: #777;}
.footer i{color: #000000;}
.footer h5{font-family: 'Open Sans', sans-serif;text-transform: uppercase;font-size: 16px;color: #000000;}
.footer h5 i{color: #000;font-size: 19px;font-weight: normal;}
.pagamenti img{width: 250px;opacity: 0.5;margin-bottom: 1px;margin-top: -10px;display: inline-block;}
.seguici-home{padding-left:150px;}
.linee {border-left: 1px solid #eee;border-right: 1px solid #eee;position: relative;justify-content: center;display: flex !important;align-items: center;overflow: hidden;}
#back-top-wrapper {left:15px;}
#back-top i {-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius:50%;display:block;width:50px;height:50px;line-height:50px;background:#fbe119;color:#ffffff;-webkit-transition:0.2s;-moz-transition:0.2s;-o-transition:0.2s;transition:0.2s;font-size:20px;}
.exestudios {border-top: 1px solid #eee;bottom: -100px;}
.dettaglio .span6 img{width:100%;}
.foto-top{overflow:hidden;position:relative;z-index: 0;}
.foto-top h1{margin-bottom:0;padding-bottom:0;}
.dettaglio-titolo h1{font-family: 'Montserrat', sans-serif;margin-top: 0px;padding-bottom:0;margin-bottom:0;font-size: 45px;}
.dettaglio-titolo hr{border-top-color:#fff;}
.titolo{padding:0;}
.titolo-img:before {z-index: 9;content: '';position: absolute;display: block;left: 0;right: 0;bottom: 0;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.4+1,0+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 1%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 1%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.4) 1%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */height: 338px;}
.dettaglio-titolo{text-align:center;z-index: 10;position: absolute;width: 100%;top:40%;transform: translateY(-30%);}
.dettaglio-titolo h1{color:#fff;}
.dettaglio .dettaglio-titolo hr{margin-left:auto;}
.dettaglio hr{margin-left:0;display:none;}
.dettaglio h4{margin-bottom:15px;}
.dettaglio .container{padding:70px 0;}
.breadcrumbs{margin-top:10px;font-size: 12px;line-height: 1.7;color:#fff;}
.breadcrumbs a, .breadcrumbs a:active, .breadcrumbs a:focus {color: #ffffff;padding:0 15px;text-transform: uppercase;}
.breadcrumbs span{padding:0 15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-transform: uppercase;}
.breadcrumbs i{padding:0 15px;color: rgba(255, 255, 255, 0.5);}
.breadcrumbs .tl_dot{padding:0;}
.breadcrumbs #tl_show_more{display:none;}
.dettaglio .tabella td {padding:20px 15px;font-size:14px;}
.dettaglio .tabella{border-radius:10px;}
.tabella .btn{margin-top:0}
.foto-top{height:180px;}
.exestudios .fleft{padding-top: 7px;}
.exestudios{padding:5px 0;background-color: #000000;font-size: 12px;}
.exestudios a{color: #fff;margin-top:-5px;}
.exestudios i{font-size:16px;position: relative;height: 2.15em;width: 2.15em;line-height: 2.15em;color: rgb(21, 21, 21);border: 0px solid;color: rgb(255, 255, 255);border-color: rgba(255, 255, 255, 0.4);margin-left:0px;margin-right:5px;}
.pagamenti-footer{text-align:center;width:260px;width:100%;background-color: #000;}
.pagamenti-footer img{margin-bottom:-50px;}
.box{margin-bottom: 15px;padding: 20px 40px 40px;background:#fff;color:#393738;border-radius: 10px;font-size:13px;box-shadow: 0 0 5px rgb(165 165 165);}
.offerta .box{padding: 30px 0 20px 20px;display:flex;}
.offerta .nero{background: #000000;}
.box .container-fluid{padding-right:15%;padding-left:15%}.offerta .prodotto img{width:100%}
.box .nome{padding-bottom:15px;margin-bottom:10px;box-shadow:inset 0 -1px 0 0 #eee,0 8px 13px -4px rgb(238 238 238 / 58%);}
.box h4{font-size: 18px;margin-top: 0;line-height: 1.1;font-weight:500;}
.box h4 a{color: #000;font-weight: bold;}
.box .btn{margin-top: 1px;}
.nome small{color:#444;display:block;line-height:1.2;font-size:80%;margin:5px 0;}
.stagione{font-size:12px;line-height:40px;font-weight:bold;display:inline-block;margin-right:8px;text-transform:uppercase}
.stagione img{width:40px;border-radius:5px}
.box .caratteristiche img {margin: 8px 5px 10px 5px;}
.box .caratteristiche{padding: 4px 0 34px 3px;}
.caratteristiche{height:30px;font-size:12px;line-height:16px;margin-top:10px;font-weight:700;display:inline-block;margin-right:8px;border: 1px solid #b7b7b7;padding: 3px 0 5px 3px;border-radius:4px}
.caratteristiche img{width:12px;margin: 10px 5px 10px 5px;}
.dati .rumore img{width:23px;}
.indice{background:#4cb847;display:inline-block;color:#FFF;font-size:14px;font-weight:700;vertical-align:middle;width:22px;height:20px;line-height:20px;text-align:center;padding-right:2px;position:relative;margin-left:8px;margin-right:-5px;text-shadow:0 0 1px rgb(0 0 0 / 80%)}
.indice:before{position:absolute;content:" ";width:0;height:0;border-style:solid;border-width:4px 0 0 4px;border-color:transparent transparent transparent #17832a;top:-4px;right:0}
.indice:after{position:absolute;content:" ";width:0;height:0;border-style:solid;border-width:10px 7px 10px 0;border-color:transparent #4cb847 transparent transparent;top:0;left:-7px}
.rumore .indice{width:40px;}
.nomargin{margin-left:0 !important;}
.disponibili{margin:15px 0;line-height:1;font-size:16px;font-weight:700;background: #4cb847;color: #fff;border-radius: 5px;padding:8px 10px;display:inline-block;}
.box .prezzo {font-size:30px;line-height: 34px;font-weight:bold;color: ##145a9c;margin-bottom:10px;}
.box input, .box select{width:100px;border-radius:5px;margin-right:5px;font-size: 13px;}
.aggiungi{margin-top:15px}
.box .box-ricerca select{width:100%;margin-top:0;}
.box .box-ricerca .dimensioni{width:100px;}
.box .box-ricerca .ordinamento{width:140px;}
.contatti select, .contatti input, .contatti td{width:100% !important}
.box .marchio{width:150px;margin-bottom:15px;border: solid 1px #ddd;border-radius:6px;}
.box .misure{width:9.076923%;}
.form input{margin:10px 0 15px}
.det-ord i{float:left;color:#d40819;font-size:20px;margin:6px 10px 30px 0;font-size: 31px;}
.accordionButton{display:inline-block}
.misure select{margin-bottom:15px;}
#topnav img{height:30px;}
#topnav .logoff{height:25px;margin-top: 4px;}