/*==================================================================================================================================================
ADD Mack 04/07/22
===================================================================================================================================================*/
.btn-danger {
    color: #fff;
    background-color: #01a4ea;
    border-color: #01a4ea;
}
.btn-danger:hover {
    color: #121212;
    background-color: #fee8b9;
    border-color: #fee8b9;
}
/* Generale */
select{font-family: 'Outfit', sans-serif;}
.lowercase{text-transform: lowercase}
select.form-control{font-weight: normal;    letter-spacing: .05rem;}
#filtro option:selected, #filtro select option {font-family: 'Outfit', sans-serif; text-transform: none !important;}
#filtro .form-control-lg{font-size: 1rem; font-family: 'Outfit', sans-serif;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {letter-spacing: 0.1rem;}
.btn{letter-spacing: 0.1rem !important;}
.text-default {color: #212529 !important;}
#filtro h3, .titolobanner h1,
#img-wrap-c-assistenza h1, #img-wrap-c-contatti h1{font-size: 2rem !important; letter-spacing: 0.1rem;font-family: 'Outfit', sans-serif;font-weight: 500!important; text-shadow: none;text-transform: uppercase;}
.c-assistenza-page h5{letter-spacing: 0.1rem}
 #filtro p, .titolobanner p {letter-spacing: 0.05rem;text-transform: uppercase;font-family: 'Outfit', sans-serif;font-weight: 500;font-size: 1rem !important;}
.small-nota{font-size: 70%;text-transform: uppercase;}
.thumbs-riepilogo{width: 50px;}
.btn-1, .messaggi_prodotto p, ol.breadcrumb a {color: #212529 !important;}
.gallery-prod .slider.slider-nav {margin-top: 0 !important;}
.top-menu .navbar-nav:first-child{z-index: 999;}
.btn-viewp{background: #e9ecef!important;color: #495057!important;border: 1px solid #ced4da!important;}
.btn-viewp:hover{background: #495057!important;color: #e9ecef!important;}
button,
button:active,
button:focus,
.btn-viewp,
.btn-viewp:active,
.btn-viewp:focus{outline:0 !important;box-shadow: none;}
.iscrizione input:focus {background: white; color: #212529;}
.text-danger {color: red!important;}
#footer .modal{color: #212529!important;}
.d-991-block{display: none !important;}
.navbar-nav .dropdown-menu.iscrizione.view {
    width: 95%;
    max-width: 400px;
    min-width: unset;
    position: fixed;
    background: #000;
    left: 50%;
    top: 50%;
    right: unset;
    transform: translate(-50%,-50%);
    min-height: 231px;
    display: flex;
    align-items: center;
}
.close-login{
    position: absolute;
    top: 7px;
    right: 18px;
    width: 30px;
    height:30px;
    align-items: center;
}

#msnErroreLogin .modal-content{background: black;color: white;text-align: center; max-width: 400px;border: 1px solid #fff;}
#msnErroreLogin .modal-header .close {padding: 0.7rem 1rem;margin: -2rem -1rem -1rem auto;color: #fff;text-shadow: none;opacity: 1;}
#msnErroreLogin .modal-dialog {max-width: 400px;}
#msnErroreLogin .modal-body {padding: 1rem 1rem 0;}
#msnErroreLogin .modal-content .modal-header{text-align: center;margin-top: 1rem;font-weight: bolder;border-bottom: 0;}
#msnErroreLogin .modal-content .modal-footer{border-top: 0;}
#msnErroreLogin .modal-content .modal-title{font-weight: bolder;width: 100%;}
#esciMsnLogin {
    width: 100%!important;
    background: transparent !important;
    border: 1px solid #fff!important;
}
#esciMsnLogin:hover {
    background: #01a4ea!important;
    border-color: #01a4ea!important;
    color: #fff!important;
}
#lgpw, #lgpwB {height: 31.5px;}

/*pagina rivenditore: https://research.mpielectronic.com/index.php?GoToSubPage=Rivenditori */

#risultati-ricerca {background: #FFF;}
.box-ricerca {color: #212529;border: 1px solid #000;background: #fff;}
.box-ricerca h2 {color: #212529;font-size: .9rem;font-weight: normal; text-transform: uppercase;}
.box-ricerca hr {border-top: 1px solid rgb(0,0,0);}
.box-ricerca p {font-size: 0.8rem;font-weight: normal;}
.box-ricerca .text-red {color: rgb(4, 162, 238) !important;}

/*pagina contatti: https://research.mpielectronic.com/index.php?GoToSubPage=Info */
#page-contact .box-c-assistenza-page h4,
#page-contact .box-c-assistenza-page a,
#page-contact .box-c-assistenza-page {font-size: 1.1rem; font-weight: normal; letter-spacing: 0.1rem; }
#page-contact .box-c-assistenza-page iframe {height: 400px;}

/*pagina ASSISTENZA CENTRALIZZATA: https://research.mpielectronic.com/index.php?GoToSubPage=CentriAss */
#page-assistenza h4,
#page-assistenza a,
#page-assistenza{font-size: 1.1rem; font-weight: normal; letter-spacing: 0.1rem;}

/*pagina ProdSheet*/
.titoloprodotto h2{font-size: 1.45rem !important;}
.titolopagina, .titoloprodotto h1,
#showProducts .titoloprodotto h1,
#prodSheet .titoloprodotto h1{font-size: 1.6rem !important;font-weight: normal !important;margin-bottom: 0.5rem !important;margin-top: 0 !important;
                  color: #212529 !important;; letter-spacing: 0.1rem !important; texxt-transform: uppercase;}
#prodSheet .acquistoprodotto .form-control {width: 24% !important;}
#prodSheet .titoloprodottosingolo h4.h5, .titoloprodottosingolo h4.h5 {color: #212529 !important;}
.ui-widget {letter-spacing: .05rem;}
.prezzoprodotto .box_border:nth-child(1) h3{font-weight: 600 !important;}

/* pagina Carrello*/
.noteordine {margin-top: 1.4rem; margin-bottom: 1.4rem;box-shadow: 1px 1px 10px #ced4da;padding: 20px;position: relative;border-radius: 5px;}
.boxcart .dati_carrello span {font-size: .8rem;}
 .dati-disp, .dati-prezzo {margin-top: 32px;}
 tfoot th, tfoot td {font-size: .8rem;}

/* pagina Registrazione*/
.box-form-registrazione .datipersonali label {margin-top: 13px;}

/* pagina Manuali*/
#manuale p {font-size: 1rem;font-weight: 500;color: #212529;letter-spacing: .1rem;}

.modal-backdrop {z-index: 999;}

/* pagina news art*/
#box-news-single p{margin-bottom: 5%;letter-spacing: .05em;}
#all-news .box-all-news p{margin-bottom: 5%;letter-spacing: .05em; font-size: 1rem;}
@media screen and (max-width: 1900px){
.slider-home .slick-arrow {width: 10%;}
}
@media screen and (max-width: 773px){
   .titolo-home h1{font-size: 1.7rem !important;} 
}
@media screen and (max-width: 688px){
   .titolo-home h1{font-size: 1.35rem !important;} 
}
@media screen and (max-width: 588px){
   .titolo-home h1 br {display: block!important;}
    #prodSheet .titoloprodotto h1, .recentiprodotti h2{font-size: 1.4rem!important;font-weight: bold !important;}
}
@media screen and (max-width: 408px){
    body{font-size: .9rem!important;}
   h1, .marchi-home h1, .prodotti-home h1,
   .titolopagina, .titoloprodotto h1,
    #showProducts .titoloprodotto h1,
    #prodSheet .titoloprodotto h1, .recentiprodotti h2{font-size: 1.3rem!important;font-weight: bold !important;}
}
@media screen and (max-width: 370px){
    #prodSheet .titoloprodotto h1, .recentiprodotti h2{font-size: 1.3rem!important;font-weight: bold !important;}
}


/*==================================================================================================================================================
normal
===================================================================================================================================================*/
@media screen and (min-width: 1850px){
     .menu-comparsa.visible-md{display: none;}
}
@media screen and (min-width: 1301px){
    .form-ricerca{margin-top: 27px!important;;}    
    /*.new-menu .navbar-brand img {margin-top: 10px!important;}*/
}
@media screen and (min-width: 992px){
    .col-xl-2:not(.prodotti-page .col-xl-2) {-ms-flex: 0 0 20%; flex: 20%; max-width: 20%;}
    .form-ricerca{margin-top: 26px;}
    .new-menu .navbar-brand {max-width: 387px !important;}
    /*.new-menu .navbar-brand img {width: 105px !important;margin-top: 5px;}*/
}

/*==================================================================================================================================================
responsive desktop 1920 - 768
===================================================================================================================================================*/

/*@media screen and (max-width: 1574px){
    .bg {height: 30vh;}
    .bg:before { background-size: cover;}
}*/
@media screen and (max-width: 1705px){    
    #img-wrap-c-assistenza,#img-wrap-c-contatti  {height: 24vh; background-size: cover; background-repeat: no-repeat;}
}
@media screen and (max-width: 1500px){
    #filtro{width: 95%;}
    #filtro .row{width: 50%; margin: 0 auto;}
}

@media screen and (max-width: 1300px){
    .marchi-home, .prodotti-home:not(.catshowproducs){padding: 0 30px;}
    .ricercamenuhome a.nav-link,
    .new-menu .top-menu .navbar-nav:nth-child(1) a{font-size: .8rem;}
    .new-menu .nav-link{padding: .5rem !important;}
    .slider-home .slick-arrow,
    .slider-rivenditori .slick-arrow{width: 10%;}
    .box-menu-comparsa{width: 258px}
}
@media screen and (max-width: 1199px){
    .container{padding: 7px 30px !important; max-width: 100% !important;}
    .ricercamenuhome a.nav-link,
    .new-menu .top-menu .navbar-nav:nth-child(1) a{font-size: .7rem;}
    #filtro h3{font-size: 1.8rem !important;}
    #filtro p{font-size: .8rem;}
    #filtro .row{width: 70%;}
    .ricercamenuhome form{width: 68%;}
    .loggato span{font-size: .5rem; bottom: -4px;}
    figcaption .details .nomearticolo {font-size: 14px;}
    #form-manual #first{margin-top: 0 !important;}
    #form-manual #last{margin-top: 1rem !important;}
    #manuale p {margin-bottom: 0;}
}
@media screen and (max-width: 991px){
    .d-991-block{display: block !important;}
    .close-login{display: flex !important;}
    .loggato span{display: none;}
    .navbar-nav .dropdown-menu.iscrizione.show{display: none; position: fixed; background: #000; left: 50%; top: 50%; right: unset; transform: translate(-50%,-50%); min-width: 25rem; min-height: 231px; display: flex; align-items: center;}
    .dropdown-menu a.dropdown-item:hover{color: rgb(4, 162, 238); background: transparent;}
    .filtri{flex-direction: column; align-items: flex-end;}
    #footer a{font-size: 10px;}
    #footer1 p{font-size: 11px;}
    #Result .col-lg-6:first-child,
    #Result .col-lg-6:nth-child(2){padding-top: 15px;}
    #filtro .row .col-lg-6{padding:15px;}
    .dropdown-toggle::after{margin-left: 0;}
    .dropdown-menu{border: none;}
    .new-menu .top-menu{align-items: flex-start;}
    .dropdown-menu a.dropdown-item{justify-content: flex-start;}
    .videoprodotto{height: 300px;}
    .new-menu .navbar-brand img {width: 50%;margin-top: 7px;}
    .new-menu .navbar-brand h2{display: none;}
    .new-menu .navbar-brand{width: unset; text-align: left;}
    .titolo-home h1,
    h2.t-banner{font-size: 2rem !important;}
    .new-menu .navbar-brand{margin-right: unset; position: relative; margin: unset; left: unset; right: unset; top: unset;}
    .new-menu{padding: 0 30px;}
    .navbar-dark .navbar-toggler{border: 0;}
    .ricercamenuhome .search, 
    .icone-menu,
    .dropdown-divider{display: none;}
    .ricercamenuhome a.nav-link, 
    .new-menu .top-menu .navbar-nav:nth-child(1) a,
    .partners .nav-link{font-size: .9rem;}
    .new-menu .parte-alta-menu{padding: .5rem 0; justify-content: flex-end; align-items: flex-start; flex-direction: column-reverse;}
    .ricercamenuhome .navbar-nav{align-items: flex-start;}
    .ricercamenuhome{width: 100%;}
    .new-menu .nav-link{padding-left: 0 !important;}
    .dropdown-menu{padding: 0; background: transparent;}
    .dropdown-menu a.dropdown-item{padding: .5rem 0; font-size: .9rem;}
    .navbar-nav .dropdown-menu{margin: 0;}
    .dropdown-item.sub-item i.fa-chevron-right{transform: rotate(90deg); margin-left: 5px;}
    .responsive-menu .navbar-nav{flex-direction: row;}
    .responsive-menu .navbar-nav .nav-link{padding-left: .5rem !important;}
    .responsive-menu .nav-link i{font-size: 1.2em;}
    .search-responsive{width: 100%; display: flex; padding: 10px 0 15px 0;}
    form.search{display: flex; width: 100%;}
    .search-responsive input{border-top-right-radius: 0; border-bottom-right-radius: 0;}
    .navbar-toggler{padding-right: 0 !important;}
    .catshowproducs .col-4, .prodotti-home .col-4,
    .marchi-home .col-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
    
    /*ADD Mack 04/07/22*/
    .c-assistenza-page h5, #page-assistenza h4 {font-size: 1rem;}
    #page-contact .box-c-assistenza-page h4, #page-contact .box-c-assistenza-page a, #page-contact .box-c-assistenza-page, #page-assistenza a, #page-assistenza {font-size: .95rem;}
    #img-wrap-c-assistenza,#img-wrap-c-contatti  {height: 17vh; background-size: cover; background-repeat: no-repeat;}
    /*.bg {height: 17vh;}*/
    #rivenditori {height: 250px;}
    #filtro h3, .titolobanner h1, #img-wrap-c-assistenza h1, #box-manuale h2 {font-size: 1.5rem !important;}
    #prodSheet .boxdestra{margin-top: 1rem;}
    .riepilogo tfoot td{font-size: 0.8rem;}
    .table-cart-riv{width: 1077px;}
    .tab-riepilogo{min-width: 570px;}
    .tab-riepilogo th, .tab-riepilogo td{font-size: .7rem !important;}    
}
/*ADD Mack 04/07/22*/
@media screen and (max-width: 812px){
    .info-pagamento .col-6{padding-left: 0; }
}

/*==================================================================================================================================================
responsive tablet 767 - 576
===================================================================================================================================================*/

@media screen and (max-width: 767px){
    .prodotti-page .col-xl-2:first-child::before{margin-left: unset;}
    .prodotti-page .col-xl-2:nth-child(6n)::before{margin-right: unset;}
    #footer .row .col-md-4:nth-child(3), #footer .row .col-md-4:nth-child(2),
    #footer .row .col-md-4:nth-child(3) h3, #footer .row .col-md-4:nth-child(2) h3{margin-top: 0 !important;}
    #footer .row .col-md-4:nth-child(3){margin-bottom: 1rem;}
    #footer1{flex-direction: column;}
    #footer1 p:first-child{margin-bottom: 0;}
    .riv-in-home.container{max-width: unset;}
    .box-marchio img, .box-prodotto img{width: 50%;}
    .marchi-home h1, .prodotti-home:not(.catshowproducs) h1{padding: 0;}
    .marchi-home hr, .prodotti-home:not(.catshowproducs) hr{margin: 1rem 0 !important;}
    .filtri{flex-direction: column; align-items: unset;}
    .cat-prod-page ul.pagination,
    #prodotti-page ul.pagination{justify-content: flex-end;}
    .catshowproducs .col-4, .prodotti-home .col-4,
    .marchi-home .col-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    /*ADD Mack 04/07/22*/
    .form-control {font-size: .9rem;}
    #filtro p, .titolobanner p, #filtro .form-control-lg {font-size: .9rem !important;}
    #filtro h3, .titolobanner h1, #img-wrap-c-assistenza h1,#box-manuale h2 {font-size: 1.4rem !important;}
    #form-manual #first {margin-top: 1rem !important;}
    #manuale h3 {color: rgb(4, 162, 238);font-size: 1.2rem !important;}
    
    .info-pagamento {margin-top: 1rem;}
    .info-pagamento .col-6{margin-top: 10px;}
    .infocarrello .card-text .col-sm-3, .infocarrello .card-text .col-sm-2{-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
    .col-btn .col-3{-ms-flex: 0 0 100%;flex: 0 0 50%;max-width: 50%;}
    .nav-item .submenu {position: absolute !important;left: 40px !important; padding: 7px; background-color: #373737;width: 100%; top: 34px; }
    .nav-item .submenu li a.dropdown-item {position: relative;left: 15px;padding: 0.35rem 0;font-size: .7rem !important;}
    .fixed-top{position: relative !important;}
    .nav-item{width: 100%}
    .loggato ul{width: 70px;}
    #msnErroreLogin .modal-content{width: 95%;margin: 0 auto;}
}
@media screen and (max-width: 700px){
    #filtro h3{font-size: 1.5rem;}
    #rivenditori{height: 280px;}
    #filtro p{font-size: .7rem;}
}
@media screen and (max-width: 665px){
    .titolo-home h1,
    h2.t-banner{font-size: 1.7rem !important;}
    .riv-in-home p{font-size: .8rem;}
    .new-menu .navbar-brand{width: 40%;}
}
@media screen and (max-width: 649px){
    .dati-disp span:nth-last-child(1){font-size: .6rem;}
}
@media screen and (max-width: 580px){
    .titolo-home h1,
    h2.t-banner{font-size: 1.5rem !important;}
    /*#showProducts .prodotti-page .col-6 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}*/
    .box-marchio img, .box-prodotto img,
    .catshowproducs .box-prodotto img,
    #showProducts .prodotti-page .box-img-block a>img{width: 80px;}
    #showProducts .prodotti-page .box-img-block a{display: block; text-align: center;}
    #filtro h3, .titolobanner h1, #img-wrap-c-assistenza h1, #box-manuale h2{font-size: 1.2rem !important;}
    
}

/*==================================================================================================================================================
responsive mobile 575 - 320
===================================================================================================================================================*/

@media screen and (max-width: 575px){
    .container-fluid {padding-left: 15px;padding-right: 15px;}
    .new-menu{padding: 0 15px;}
    .videoprodotto{height: 230px;}
    #filtro p{margin-bottom: 0;}
    #box-news-single, 
    .box-all-news,
    #filtro .row{width: unset;}
    #filtro p br{display: none;}
    .potrebbe_servirti .btn-danger{font-size: .8rem;}
    .prodotto-page-bred{padding: 0 15px;}
    .responsive-menu .nav-link i{font-size: 1rem;}
    .new-menu .navbar-brand img{width: 57%;}
    .prodotti-page .col-6:nth-child(2n){border-left: 0; }
    .prodotti-page figcaption .details .nomearticolo {font-size: 15px;font-weight: bold !important;}    
}
@media screen and (max-width: 530px){
    #filtro h3, .titolobanner h1, #img-wrap-c-assistenza h1 {font-size: 1.2rem !important;}
    #box-news-single h2, .box-all-news h3{font-size: 1rem;}
    #box-news-single p, .box-all-news p{font-size: .8rem;}
    /*.bg::before{background: rgba(0,0,0,.7);}*/
}
@media screen and (max-width: 525px){
    .titolo-home h1 span{display: block;}
    #prodSheet .boxdestrasotto .col-6{padding-right: 0 !important}
}
@media screen and (max-width: 480px){    
    .catshowproducs .col-4 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
    .btn {font-size: .9rem !important;}        
}
@media screen and (max-width: 470px){
    .titolo-home h1{font-size: 1.1rem !important;}
    .new-menu .navbar-brand img{width: 70%;}
    .box-marchio h6, .box-prodotto h6{font-size: .8rem;}
}
@media screen and (max-width: 430px){
    .navbar-nav .dropdown-menu.iscrizione.show{width: 95%; min-width: unset;}
    .videoprodotto{height: 200px;}
    #manuale h3 {color: rgb(4, 162, 238);font-size: .95rem !important;}
    h2.t-banner{font-size: 1.1rem !important;}
}
@media screen and (max-width: 370px){
    .boxdestrasotto .list-unstyled li {font-size: .54rem !important;}
    .boxdestrasotto h3{font-size: .57rem !important;}
    .boxdestrasotto i {width: 10px !important;height: 10px !important;}
    .boxdestrasotto .list-unstyled li i, .caratteristicheprodotto i {margin-right: -1px !important;}
    .boxdestrasotto {padding: 0 4px 10px !important;}
}