@font-face {
    /* AvenirNextLTPro-UltLt */
    font-family: Avenir Next Ultra Light;
    src:
        url(../fonts/38185B_1F_0.f67adc6f6f519cde2164.woff2) format('woff2'),
        url(../fonts/38185B_1F_0.b7b717bd0654a64280b3.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Regular */
    font-family: Avenir Next Regular;
    src:
        url(../fonts/38185B_16_0.54cce7e21b485cd6ad42.woff2) format('woff2'),
        url(../fonts/38185B_16_0.759b08c6313e8c3994ea.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Medium */
    font-family: Avenir Next Medium;
    src:
        url(../fonts/38185B_17_0.cca4603836173ff3474a.woff2) format('woff2'),
        url(../fonts/38185B_17_0.5fe5624cc36ba7eadfed.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Demi */
    font-family: Avenir Next Demi Bold;
    src:
        url(../fonts/38185B_A_0.009f98a8cbafcdc4fcb5.woff2) format('woff2'),
        url(../fonts/38185B_A_0.25ecaeb086e9b1508585.woff) format('woff');
}

@font-face {
    /* AvenirNextLTPro-Bold */
    font-family: Avenir Next Bold;
    src:
        url(../fonts/38185B_1_0.a145776dcf4f8f6f94e1.woff2) format('woff2'),
        url(../fonts/38185B_1_0.abb6013bcba6f79d405a.woff) format('woff');
}

@font-face {
    font-family: 'acciustmedextregular';
    src: url('../fonts/a003084t-webfont.woff2') format('woff2'),
         url('../fonts/a003084t-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'acciustligextregular';
    src: url('../fonts/a003082t-webfont.woff2') format('woff2'),
         url('../fonts/a003082t-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body{margin:0; padding:0;font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; font-weight:400;color:#000; font-size:14px; line-height:24px; background:#fff}
html, body, .wrapper {position: relative;height: 100%;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
a{-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;}
.wrapper { width: 100%; text-align: left; display: flex; flex-direction: column; }
.row{  display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col-md-6, .col-md-4{width: 100%;}
@media (min-width: 768px) {.col-md-6{-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}}
@media (min-width: 768px) {.col-md-4{-ms-flex: 0 0 33.333%;flex: 0 0 33.333%;max-width: 33.333%;}}

.container{max-width:1200px;margin: 0 auto; position:relative;}
@media (max-width: 1249px) {.container{ padding-left:20px; padding-right:20px}}

img { pointer-events: none; }

fieldset{ border:none;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-before: 0px;-webkit-padding-start: 0px;-webkit-padding-end: 0px;-webkit-padding-after: 0px;min-width: -webkit-min-content; margin:0; padding:0}
a{text-decoration:none; -webkit-transition: all 0.2s;-moz-transition: all 0.2s;-ms-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;
-webkit-tap-highlight-color: rgba(0,0,0,0);color:#000;}
a:active,a:hover {outline: 0;}
img{ border:none}
h1, h2, h3, h4{font-weight:normal;-webkit-margin-before: 0; -webkit-margin-after:0; margin: 0; padding: 0;}
h1, h2, h3, h4{font-weight:normal;-webkit-margin-before: 0; -webkit-margin-after:0; margin: 0; padding: 0;}
h1{ font-size:30px; line-height:35px;font-weight:400;margin-bottom:20px; }
@media (min-width: 768px) {h1{ font-size:35px; line-height:40px;}}
.modal h2{font-size:30px; line-height:35px;font-weight:400;margin-bottom:20px; }
@media (min-width: 768px) {.modal h2{ font-size:35px; line-height:40px;}}
/**home**/
.wrapperH{font-family: 'acciustligextregular';}
.menuHome .container{max-width:1366px; text-align:right}
.menuHome a{ font-size:10px; padding:20px 30px 5px 10px;font-family: 'acciustmedextregular'; display:block;}
.mainHome .container{max-width:1366px; text-align:center}
.mainHome h1, .mainSection h1.catlist{font-size: 20px;margin-bottom:20px; line-height:22px;letter-spacing: 3px; font-weight:normal; font-family: 'acciustligextregular';letter-spacing: 3px; font-weight:normal; text-align:center; text-transform:uppercase}
.mainSection h1.catlist{text-align:right;}
.LookHomeBx h2{font-family: 'acciustmedextregular';font-size: 15px;}
.logoBottom{text-align:center;padding:20px}
.logoBottom img{ max-width:100%; height:auto;}
.btnVideo{ position:relative;display: block; width:450px; margin:0 auto}
.btnVideo img{ width:100%; height:auto;}
.btnVideo .ico-play{ width: 60px; height: 60px; border: 2px solid #fff; border-radius:50%;display: block; position: absolute;color:#fff; top:50%; left:50%; z-index:1; margin-top:-30px; margin-left:-30px; box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.4);}
.btnVideo .ico-play .fa-play:before{font-size: 25px; position: absolute; top:18px; left:22px;}
.btnVideo:hover .ico-play{color:#000; border: 2px solid #000;}

/****TO TOP*****/
#scroll-up {border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;position: fixed;bottom: 30px;right: 30px;width: 40px;height: 40px;margin-top: -52px;z-index: 999;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";opacity: 0;transition: opacity 0.3s ease 0s, visibility 0s ease 0s; border:1px solid #ccc; text-align:center;}
#scroll-up.is-visible {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";opacity: 1;}
#scroll-up.is-visible:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";opacity: 0.7;}
#scroll-up:after{content: "";background: url('img/go-top.png') center center no-repeat; height:40px; width:40px;display:block;}


/****footer*****/
.footer{font-size:12px;padding:20px 0; line-height:14px; margin-top: 40px;}
@media (min-width: 768px) {.footer .row{justify-content:space-between; align-items:center}.footerDx{padding-left:20px}}
@media (max-width: 767px) {.footerSx{ text-align: center; width: 100%;}.footerDx{ margin-top: 20px;text-align: center;}}


.header {-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;position: sticky;width: 100%;z-index: 90; background:#fff;}
.header.affix{ background:rgb(255,255,255,0.8)}
/****pagina login***/
.headerLogin{ text-align: center; padding: 60px 20px;}
.headerLogin img{ max-width: 100%;}
.formLogin {max-width: 550px; margin:0 auto; padding: 0 20px;}
.formLogin .btn {background-color: #1a1a1a; display: block;font-size: 16px;padding: 20px 40px;border: none;cursor: pointer; width: 100%;color:#fff; text-align: left;
display: flex;justify-content:space-between;align-items:center}
.formLogin .btn:hover {background-color: #373737;}
.formLogin .formLoginB {border-top: 2px solid #1a1a1a; padding: 40px 0;display: flex;justify-content:space-between; font-size: 18px;  margin-top: 20px;}
.formLogin input[type=text], .formLogin input[type=password]{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:3px solid #1a1a1a;display: block;width: 100%;padding: 20px 40px;font-size:16px; margin-bottom: 20px;}
.formLogin input[type=text]::placeholder, .formLogin input[type=password]::placeholder{ color: #727272;}

/**menu**/
.header .rowFlex {justify-content:space-between;}
@media (max-width: 991px) {.header .rowFlex { display:block}}
@media (min-width: 992px) {.navbar-nav.navbar-nav-top .nav-link{ font-size: 11px;}}
.btn-navbar{position: absolute; top:25px; right:20px; cursor:pointer;width: 40px;height: 32px; display: none; }

.navbar-brand{padding: 28px 0;}
.navbar-brand a{ display: block;}
.navbar-brand img{max-width: 100%;}
@media (max-width: 500px) {.navbar-brand img{ width:260px}}
@media (max-width: 991px) {
.btn-navbar{ display: block;}
.btn-navbar .navbar-bar, .btn-navbar .navbar-bar:before, .btn-navbar .navbar-bar:after 
{content: "";position: absolute;display: block;width: 40px;height: 3px;border-radius: 1px;background: #000;cursor: pointer; right: 0px;}
.btn-navbar .navbar-bar:before {top: 13px;}
.btn-navbar .navbar-bar:after {top: 25px;}
.btn-navbar.active .navbar-bar {background-color: transparent;}
.btn-navbar.active .navbar-bar:before, .btn-navbar.active .navbar-bar:after {top: 13px;}
.btn-navbar.active .navbar-bar:before {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.btn-navbar.active .navbar-bar:after {top: 13px;-ms-transform: translatey(0px) rotate(-45deg);-webkit-transform: translatey(0px) rotate(-45deg);transform: translatey(0px) rotate(-45deg);}
}

.collapse:not(.show) {display: none;}
.collapsing {position: relative;height: 0;overflow: hidden;transition: height 0.35s ease;}
@media (prefers-reduced-motion: reduce) {.collapsing {transition: none;}}
.nav {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.nav-link {display: block;}
.nav-link:hover, .nav-link:focus {text-decoration: none;}
.nav-link.disabled {color: #6c757d;pointer-events: none;cursor: default;}
.navbar {position: relative;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;
justify-content: space-between;padding: 0.5rem 1rem;}
.navbar .container{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center;align-items: center;-ms-flex-pack: justify;justify-content: space-between;}
.navbar-nav {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding: 0;margin: 0;list-style: none;padding-inline-start: 0px;}
@media (min-width: 992px){.navbar-nav {-ms-flex-direction: row;flex-direction: row;-ms-flex-wrap: wrap;flex-wrap: wrap;}}
.navbar-nav .nav-link {text-transform: uppercase;font-family: 'acciustmedextregular';font-size: 10px; line-height:12px;padding: 8px 15px;color:#000;}
@media (max-width: 991px) {.navbar-nav{padding-bottom:20px}}
.navbar-nav-top .nav-link{padding: 8px 20px;}

.navbar-nav .nav-item{position: relative;}
.navbar-nav .nav-item ul {position: absolute;top:28px;left: 0;display: none;opacity: 0;visibility: hidden;list-style: none; width:auto;padding-inline-start: 0px; z-index: 2}
.navbar-nav .nav-item li {display: block;position: relative;}
.navbar-nav .nav-item:hover { background: #ccc; }
.navbar-nav .nav-item:hover ul {display: block;opacity: 1;visibility: visible;box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.2);background-color: #fff;}
.navbar-nav .nav-item:hover ul li{background-color: #fff;}
.navbar-nav .nav-item:hover ul a{display: block;}
.navbar-nav .nav-item ul li:hover{background-color: #ccc;}

.navbar-nav .nav-link.nav-search{font-size: 16px;}
@media (min-width: 992px) {.navbar-nav .nav-link.nav-search{ border-left:1px solid #e7e7e7;padding: 8px 8px;}}
.navbar-collapse {/*-ms-flex-preferred-size: 100%;flex-basis: 100%;-ms-flex-positive: 1;flex-grow: 1;*/-ms-flex-align: center;align-items: center;}
@media (min-width: 992px) {.navbar-collapse {display: -ms-flexbox !important;display: flex !important;/*-ms-flex-preferred-size: auto;flex-basis: auto;*/}}
.navbar-toggler {padding: 0.25rem 0.75rem;font-size: 1.25rem;line-height: 1;background-color: transparent;border: 1px solid transparent;border-radius: 0.25rem;}
.navbar-toggler:hover, .navbar-toggler:focus {text-decoration: none;}
.navbar-toggler-icon {display: inline-block;width: 1.5em;height: 1.5em;vertical-align: middle;content: "";background: no-repeat center center;background-size: 100% 100%;}

.mainSection{ padding-top:0px}
.mainSection { padding-top: 0px; flex: 1 }

/**home**/
.introTxt{max-width:1200px;margin: 0 auto 40px auto; position:relative;color:#4d4d4d; font-size: 16px; line-height: 25px; display: block;font-family: Avenir Next Medium;}
@media (max-width: 1249px) {.introTxt{ padding-left:20px; padding-right:20px}}
.topIndexBox{position: relative; display: block; background-position: top center; background-repeat: no-repeat; height: 600px;background-size: cover; margin-bottom: 30px;}
@media (max-width: 900px) {.topIndexBox{height: 420px;}}
.topIndexBox .txt{position: absolute;bottom: 40px; left: 30px;right:30px; text-align: center;z-index: 2;}
.topIndexBox h1{ font-size: 40px; line-height: 40px; margin-bottom: 20px;color:#fff}
.topIndexBox .ico-play{ width: 60px; height: 60px; border: 2px solid #fff; border-radius:50%;display: block; margin:0 auto 10px auto; position: relative;color:#fff;}
.topIndexBox .ico-play:before{content:'\f04b';font-family:"Font Awesome 5 Free"; font-weight: 900;font-size: 25px; position: absolute; top:18px; left:22px}
.grad{background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(5%, rgba(0, 0, 0, 0.03)), color-stop(30%, rgba(0, 0, 0, 0.2)), color-stop(50%, rgba(0, 0, 0, 0.35)), to(rgba(0, 0, 0, 0.7)));
background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.03) 5%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.7) 100%);
background-image: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.03) 5%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.7) 100%);
background-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.03) 5%, rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.35) 50%, rgba(0, 0, 0, 0.7) 100%);
position: absolute; top:0; left:0; right: 0; bottom:0;z-index: 1;}
.topIndexBox img{ width: 100%;}
.btnScopri{ background-color: #fff;color: #000; padding: 10px 25px; display: inline-block;box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.2);color: #000;}
.btnScopri:hover{background-color: #000;color: #fff;}

.dashboard .dashCollection, .dashboard .dashPhoto{width: 50%;border:4px solid #fff; text-align: center; background-color: #e5e4e5;padding: 40px 60px;} 
.dashboard1 .dashCollection{width: 100%;border:4px solid #fff}
.dashboard1 .dashPhoto { width: 100%; border: 4px solid #fff } 
.dashboard h3{ font-size:30px; line-height: 35px; margin-bottom: 10px;color:#000}
.dashboard .desc{ font-size: 14px; line-height: 20px; display: block;color:#000}
.dashboard .btnScopri{ margin-top: 20px;}
@media (max-width: 900px) {.dashboard .dashCollection, .dashboard .dashPhoto{width: 100%;border:none; margin-bottom: 10px;} }

.secDash .rowFlex{justify-content: space-between;}
.dashBox{width:24%;text-align: center; padding: 20px 10px;}
@media (max-width: 1000px) {.dashBox{width:100%; margin-bottom:20px;}.secDash .rowFlex{flex-direction:column}}
.dashBox img{ width:100% }
.dashBox1{  background-color:#d5f2f0;}
.dashBox2{ background-color:#fadf9a;}
.dashBox3{ background-color:#fbd0a6;}
.dashBox4{ background-color:#f6c8cb;}
.dashBox h3{ font-size:27px; margin-bottom:10px}
.dashBox .desc{display:block}
.dashBox .btnScopri{ margin-top:20px;}
@media (max-width: 1000px) {
.dashBox a{ display: flex;align-items:center;}
.dashBox img{ max-width:200px; margin-right:3%; width:30%;}
.dashBox .txt-bx{display: flex;justify-content: space-between;width:67%;}
.dashBox .txt{ text-align:left}
.dashBox .btnScopri{ margin-top:0px;display: flex;align-items:center; }
}

.qtip { max-width: none !important; }

/**video in home**/
.modal {cursor: pointer;visibility: hidden;z-index:999999;position: fixed;top: 0px;left: 0px;background-color: rgba(0,0,0,0.6);width: 100%;height: 100%;-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; opacity:0;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.video-container {display: block; margin: 20px auto; width: 100%; max-width: 1024px;}
.video-wrapper {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.video-wrapper embed, .video-wrapper object, .video-wrapper iframe {position: absolute;top: 0;left: 0;height: 100%;width: 100%;}
.close{ position:absolute; top:20px; right:20px;z-index:7;}
@media (max-width: 768px) {.close{top:10px; right:10px;}}
.btnClose{display:none; height:0; width:0;}
.active .btnClose{display:block;cursor:pointer;width: 40px;height: 20px;position:relative; padding-top:10px;}
.btnClose .icon-bar, .btnClose .icon-bar:before, .btnClose .icon-bar:after {content: "";position: absolute;display: block;width: 35px;height: 3px;border-radius: 1px;
cursor: pointer;}
.btnClose .icon-bar {background-color: transparent;}
.btnClose .icon-bar:before {top: 0px;right:0px;left:0;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);background: #000;}
.btnClose .icon-bar:after {top: 10px;bottom: -10px;right:0px;left:0;-ms-transform: translatey(-10px) rotate(-45deg);-webkit-transform: translatey(-10px) rotate(-45deg);
transform: translatey(-10px) rotate(-45deg);background: #000;}

/**home dopo login**/
.secHomeLog .video-wrap{ width:100%; height: 100%;}
.secHomeLog .video-wrap video{ display: block; object-fit: cover;width: 100%; height: 100%;}
.secHomeLog .img-wrap{ width:100%; height: 100%; display: flex; justify-content: center;}
.secHomeLog .img-wrap img{display: block; object-fit: cover;width: 100%; height: 100%;}

/**scheda prodotto**/
@media (min-width: 990px) {.scheda-info{padding-left:50px; max-width: 450px;}}
@media (min-width: 1300px) {.scheda-info{padding-left:50px; max-width: 600px;}}
@media (min-width: 768px) {.photo-gallery{ padding-right: 30px;}}


.btnAdd-cta{ position: relative; margin:10px 0}
.btnAdd-cta a:hover{ background-color: #585858;color:#fff;}
.btnAdd{ display: inline-block; background-color: #ccc;display: flex;justify-content:center;
align-items:center;color:#000; padding: 10px 30px;}
.btnAdd svg{stroke-width: 1px;width: 40px;stroke: #000;fill: transparent;}
.btnAdd:hover {background-color: #585858;color:#fff;}
.btnAdd:hover svg{stroke: #fff;background-color:none;}
.btnAdd-cta .div-listcolor{ display: none; position: absolute;top:60px; list-style: none;box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.2);
padding-inline-start: 0px;margin-block-start: 0;margin-block-end: 0; margin:0; padding:0; width: 100%; height: 0; z-index:3; background-color:#e2e2e2;}
.btnAdd-cta .div-listcolor.active{ display: block; height: auto;}
.div-listcolor{ margin-bottom:20px;}
.div-listcolor ul{list-style:none; width:100%;padding-inline-start:0px;}
.div-listcolor li{padding:5px 0; display:flex;align-items:center}
.btnAdd-cta .div-listcolor li{padding:5px 10px;}
.div-listcolor ul a{display: block;cursor: pointer;padding: 2px;width: 36px; height: 36px;border: 1px solid #b9b9b9;border-radius: 50%; margin-right:10px;}
.div-listcolor ul a:hover, .div-listcolor ul a.active{border: 1px solid #000; }
.div-listcolor ul a span{display:block;border-radius: 30px;width: 30px; height: 30px;overflow: hidden;}
.div-listcolor ul a img{width: 30px; height: 30px;}
.div-listcolor ul a:hover img{ opacity:0.5}
.scheda-info .btnBlack{padding: 20px 30px;} 
.scheda-info .btnBlack:hover{color:#000} 

.back{display: inline-block; background-color: #fff;display: flex;align-items:center;color:#000; padding: 10px 30px 10px 20px; margin-top:20px; border:2px solid #ccc;}
.back:hover{ background-color: #ccc;}
.back:before{content:"\f053";font-family:"Font Awesome 5 Free"; font-weight: 900; margin-right:10px}


.list-color{list-style: none; display: flex;padding-inline-start: 0px;flex-wrap: wrap}
.list-color li{border-radius: 50%;cursor: pointer;padding: 2px;width: 36px; height: 36px;
border: 1px solid #b9b9b9; margin:0 5px 5px 0;}
.list-color li:hover{border: 1px solid #000; }
.list-color a{overflow: hidden;display: block;border-radius: 30px;width: 30px; height: 30px;}
.list-color a img{width: 30px; height: 30px;}
.list-color a:hover img{ opacity:0.5}
.list-size{list-style: none; display: flex;padding-inline-start: 0px;flex-wrap: wrap}
.list-size li{border-radius: 50%;cursor: pointer;padding: 2px;width: 36px; height: 36px;
border: 1px solid #b9b9b9; margin:0 5px 5px 0; background-color: #fff;}
.list-size li:hover{background-color: #ccc; color:#000}
.list-size a{overflow: hidden;display: block;border-radius: 30px;width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 11px;}
.colorDetail { display: none; position: absolute; border: 2px solid #ccc; background-color: #dcdcdc; margin-top: 5px; padding: 4px 4px 0px 4px; z-index: 99; }

.photo-gallery { position: relative; }
.swiper-slide{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;
justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img{display: flex;max-width: 100%;max-height: 100%;width: auto!important;height: auto!important;}
.gallery-top {height: 80%;width: 100%;margin-left: auto;margin-right: auto;}
.gallery-thumbs {height: 20%;padding: 10px 0 30px 0!important;}
.gallery-thumbs .swiper-slide {height: 100%;opacity: 0.7;cursor: pointer;background-size: cover;background-position: center;}
.gallery-thumbs .swiper-slide-thumb-active {opacity: 1;}


/**scheda look**/
.scheda .photo{ margin-bottom: 10px; max-width: 100%; padding-right: 30px;}
@media (max-width: 767px) {.scheda .photo{padding-right: 0px;}}
.scheda .video-wrap{ width:100%; height: 100%;}
.scheda .video-wrap video{ display: block; object-fit: cover;width: 100%; height: 100%;}
.scheda-info-look{display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;}
.scheda-info-dati{order:1}
.list-thumb-look{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin-top: 30px;order:2}
@media (max-width: 767px) {.list-thumb-look{order:1;margin-top: 0px; margin-bottom: 30px;}.scheda-info-dati{order:2}}
.thumb-look-img{ width: 25%;}
.thumb-look-img a{ display: block; margin: 0;}
.thumb-look-img a:hover img{ opacity:0.8; border:3px solid #ccc;}
.thumb-look-img img{ max-width: 100%;border:3px solid #fff;}
.look-list{padding:30px 0; margin-top: 30px;}
.look-list h2{font-size: 14px;line-height: 24px;font-weight: 400;color:#000;margin-bottom: 20px; text-transform: uppercase;}
.look-list h3{ font-size: 16px; font-weight: 600;color:#000}
.look-list .swiper-slide{ padding-bottom:40px;}
.look-list .swiper-slide img{ max-width: 100%;}
.look-list .swiper-slide a:hover img{opacity:0.6;}
.look-list .swiper-pagination-bullet{width: 34px;height: 6px; border-radius: 0;opacity: 1;cursor:pointer;z-index:3;
border-top:2px solid #fff;border-bottom:2px solid #fff;}
.look-list .swiper-pagination-bullet-active{border-top:2px solid #000;border-bottom:2px solid #000;}


/**catalogo**/
.menuOr{ position: relative;}
.menuOr .container{padding:0;}
.menuColl{ display:flex;justify-content: flex-end}
.menuColl a{ display: inline-block; font-size: 14px;position: relative; margin-left: 20px; padding:0}
.menuColl a.active{font-family: Avenir Next Demi Bold;}
.menuColl a.active:after{content: '\f107';font-family:"Font Awesome 5 Free"; font-weight: 900; font-size: 16px; position: absolute; top:0px;right:-13px;}
.menuColl a.item-menuH{padding:5px 20px; color:#fff; background-color:#949494;}
.menuColl a.item-menuH:hover{background-color:#000;}
.menuCollSub{ background-color: #d5d5d5; -webkit-transition: all 300ms;transition: all 300ms;z-index:5;opacity:0; height:0;display: none;}
@media (min-width: 650px) {.menuCollSub{position:absolute; top:24px;left:0; right:0;}}
.menuSub3{ -webkit-transition: all 300ms;transition: all 300ms;z-index:5;opacity:0; height:0;display: none;}
.menuCollSub.active, .menuSub3.active {opacity:1; height:auto;display: block;}
.menuCollSub-list, .menuSub3{padding-inline-start: 0px;margin-block-start: 0;margin-block-end: 0;}
.menuCollSub-list li, .menuSub3 li{ position: relative; list-style: none;}
.menuCollSub-list ul, .menuSub3 ul{background-color: #e1e1e1; }
.menuCollSub a { font-size: 14px; line-height:16px; color: #333; display: block; padding: 10px 15px;}
.menuSub3 a{font-size: 13px; line-height:16px;}
.menuCollSub a:hover { color: #000;background-color: #bfbfbf }
.menuCollSub a.active{font-family: Avenir Next Demi Bold;}
.menuCollSub a.active:after, .item-submenu.active:after{content:'\f107';font-family:"Font Awesome 5 Free"; font-weight: 900; font-size: 15px; margin-left: 20px;}
.menuCollSubT{ -webkit-transition: all 300ms;transition: all 300ms;z-index:3;opacity:0; height:0; display: none;}
.menuCollSubT.active {opacity:1; height:auto; display: block;}

.labelOrder{ position:fixed; bottom:0; right:0; background-color:#949494;color:#fff;padding:15px; z-index:9;}
.labelOrder a{display: flex;align-items:center;}
.labelOrder svg{width: 24px;stroke: #fff;fill:#fff}
.labelOrder h3{ margin:0 20px; display:block;color:#fff;}
.labelOrder .btnOrd{background-color: #fff;display: flex;justify-content:center;align-items:center;color:#949494; padding: 10px 30px; line-height:14px; text-align:center}
.labelOrder .btnOrd:hover{background-color: #ccc;}

/**search**/
.menuColl .item-search.active:after{content: '';}
.search-bx{ -webkit-transition: all 300ms;transition: all 300ms;opacity:0; height:0;display: none; position:relative;}
.search-bx.active {opacity:1; height:auto;display: block;}
.search-bx input[type=text]{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:none;border-bottom:2px solid #ccc;display: block;
width: 100%;padding: 10px 20px 10px 10px;font-size:25px; margin-bottom: 30px;outline:none;}
.search-bx button{background:none;border:none; position:absolute;top:10px;right:0; font-size:25px;color:#ccc}

.filtri input[type=text]{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:2px solid #ccc;display: block;
width: 100%;padding: 10px 20px;font-size:16px; margin-bottom: 20px;}
select{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background-color:#fff; color:#000;border: 2px solid #ccc;display: block;width: 100%;
padding: 11.5px 20px;margin-bottom: 20px;}
@media (min-width: 768px) {.filtri .form-group:nth-child(3n+2){ padding: 0 15px;}}

.item-card-list{ list-style: none;padding-inline-start: 0px;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.item-card-list li{width: 33.333%; margin-bottom: 50px;position: relative;}
@media (min-width: 768px){.item-card-list li{width: 33.333%;}}
@media only screen and (min-width: 551px) and (max-width: 767px) {.item-card-list li{width: 48%;}}
@media (max-width: 550px){.item-card-list li{width:100%;}}


.item-card{height: 100%;display: block; position: relative;padding: 0 10px;}
.capsule:after{content:''; top:0px; left:10px; position:absolute;background: url('img/label-capsule.png') top left no-repeat; display:block; width:58px; height:15px;}
.choise:after{content:''; bottom:30px; left:10px; position:absolute;background: url('img/logo-pucci-icon.svg') bottom left no-repeat; display:block; width:30px; height:45px;}
.photo-card{position: relative;overflow: hidden;padding-top: 149%;background-color:#fff;}
.photo-card .photo {position: absolute;top: 0;left: 0;width: 100%;height: 100%;/*font-family: "object-fit:cover";-o-object-fit: contain;object-fit: contain;*/ 
object-fit: cover;-webkit-transition: opacity 500ms ease-in-out;-o-transition: opacity 500ms ease-in-out;transition: opacity 500ms ease-in-out; display: block}
.item-card-list li:hover .photo-hover, .photo-card:hover .photo-hover { opacity: 0; cursor: pointer;}
.item-card h4{ font-size: 16px; margin-top: 10px;}
.item-card h5{ font-size: 18px; margin: 5px 0 0 0;font-family: Avenir Next Regular;}
.item-card-list li .prod-wish{ position: absolute;top:5px; right:5px; z-index: 2;}
@media (min-width: 768px){.item-card-list li:nth-child(3n+1) .prod-wish {right:5px;}}
.item-card-list .btn-wish{padding: 0; margin:0; display: inline-block;vertical-align: middle;border: 0;background: transparent;border-radius: 0;font-weight: normal;text-decoration: none;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;background-image: none; outline:none;line-height: 20px;}
.item-card-list .btn-wish svg{stroke-width: 1px;width: 60px;stroke: #000;fill: transparent;}
.item-card-list .btn-wish:hover svg,.item-card .btn-wish.active svg{ fill:#000}
.btn-wish.selected svg{fill:#000;}


/**wishlist**/
.wish-list .wish-list-el{ list-style: none;padding-inline-start: 0px;}
.wish-list .wish-list-dato{position: relative; border-bottom: 2px solid #ccc; margin-bottom: 20px; padding-bottom: 20px;}
.wish-list .wish-list-photo{width: 100%;position: relative;}
.wish-list .wish-list-card{width: 100%;}
@media (max-width: 767px) {.wish-list .wish-list-card{margin-top: 30px;}}
@media (min-width: 768px) {
.wish-list .wish-list-photo{-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%;}
.wish-list .wish-list-card{-ms-flex: 0 0 70%;flex: 0 0 70%;max-width: 70%;padding-left: 30px;}
}
@media (min-width: 992px) {
.wish-list .wish-list-photo{-ms-flex: 0 0 15%;flex: 0 0 15%;max-width: 15%;}
.wish-list .wish-list-card{-ms-flex: 0 0 85%;flex: 0 0 85%;max-width: 85%;padding-left: 30px;}
}
.wish-list .wish-list-card h3{ font-size: 30px; line-height: 30px; margin-bottom: 20px;}
.wish-list .scheda-desc{padding-bottom:15px}
.wish-list select{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background-color:#fff; color:#000;border: 2px solid #ccc;display: block;width: 100%;
padding: 10px 20px;margin-bottom: 20px;}
@media (min-width: 768px) {.wish-list select{width: 250px;}.wish-list  .btnAdd{ width: 250px;}}



/**collection new**/
.lightgallery{ list-style: none;padding-inline-start: 0px;margin-block-start: 0;margin-block-end: 0;}
.list-thumb .img-thumb{display: none;} 
.collection-row{ display: flex; margin: 80px auto; align-items:stretch; justify-content: center; flex-wrap: wrap; max-width: 900px;}
@media (max-width: 900px) {.collection-row{max-width: 650px;margin: 60px auto;}}
@media (max-width: 768px) {.collection-row{margin: 40px auto;}}
.collection-row .collection-item{ display: block;position: relative;}
.collection-row .collection-item img{ width: 100%; height: auto; display: block;}
.collection-row .collection-item .video-wrap{ width:100%; height: 100%;}
.collection-row .collection-item .video-wrap video{ display: block; object-fit: cover;width: 100%; height: 100%;}
.collection-row .collection-item .prod-wish{ position: absolute;top:5px; right:5px; z-index: 2;}
.collection-row .collection-item .btn-wish{padding: 0; margin:0; display: inline-block;vertical-align: middle;border: 0;background: transparent;border-radius: 0;font-weight: normal;text-decoration: none;text-align: center;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;background-image: none; outline:none;line-height: 20px;}
.collection-row .collection-item .btn-wish svg{stroke-width: 1px;width: 60px;stroke: #000;fill: transparent;}
.collection-row .collection-item .btn-wish:hover svg,.collection-row .collection-item .btn-wish.active svg{ fill:#000}

.wish-listcolor{ display: none;list-style: none;box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.2);
padding-inline-start: 0px;margin-block-start: 0;margin-block-end: 0; margin:-6px 0 0 6px; padding:0; width: 46px; height: 0; z-index:3; background-color:#f0f0f0;}
.wish-listcolor.active{ display: block; height: auto;}
.wish-listcolor ul{list-style:none; width:100%;padding-inline-start:0px;display: flex; justify-content: center;flex-direction: column }
.wish-listcolor li{padding:5px 0;display: flex; width: 100%!important; margin:0 0 15px 0;justify-content: center;}
.wish-listcolor ul a{display: block;cursor: pointer;padding: 2px;width: 36px; height: 36px;border: 1px solid #b9b9b9;border-radius: 50%;}
.wish-listcolor ul a:hover, .wish-listcolor ul a.active{border: 1px solid #000; }
.wish-listcolor ul a span{display:block;border-radius: 30px;width: 30px; height: 30px;overflow: hidden; font-size: 11px; line-height: 30px; text-align: center}
.wish-listcolor ul a img{width: 30px; height: 30px;}
.wish-listcolor ul a:hover img{ opacity:0.5}
.wish-listcolor li a span.code{display: block; width: 100%!important; margin: 0;justify-content: center;}









.coll4 .collection-item{ width: 25%; padding: 10px;}
.coll2 .collection-item{ width: 50%; padding: 10px;}
.coll1 .collection-item{ width: 75%; padding: 10px;}
@media (max-width: 767px) {.collection-row{margin:10px 0;}.coll4 .collection-item{ width: 50%;}}



/**collection**/
.collection-list{width: 100%; height: 310px;position: relative; display: block; background-position: center center; background-repeat: no-repeat;background-size: cover; margin-bottom: 30px; overflow: hidden; }
@media (min-width: 768px) {.collection-list{height: 390px;}}
@media (min-width: 990px) {.collection-list{height: 550px;}}
@media (min-width: 550px) {
.collection-list-ctn{ display: flex;flex-direction: row;flex-wrap: wrap;}
.collection-list{width: 49%; margin-right: 2%;}
.collection-list:nth-child(2n) { margin-right: 0;}
}
@media (min-width: 768px) {
.collection-list{width: 32%; margin-right: 2%;}
.collection-list:nth-child(2n) { margin-right: 2%;}
.collection-list:nth-child(3n) { margin-right: 0;}
}
.collection-list .txt{position: absolute;bottom: 40px; left: 30px;right:30px; text-align: center;z-index: 2;}
.collection-list h3{ font-size: 30px; line-height: 30px; margin-bottom: 20px;color:#fff}
.collection-list img{ width: 100%;}
.list-pdf h2{ font-size: 30px; margin-bottom: 0;}
.list-pdf .pdf{ display: inline-block; padding: 10px 30px; font-size:16px; background-color: #ccc; margin-top: 10px;}
.list-pdf .pdf i{ margin-right: 10px;}
.list-pdf .pdf:hover{ background-color: #585858;color:#fff;}
@media (max-width: 600px) {.list-pdf .pdf{ display: block;}}

/***presentation**/
@media (min-width: 900px) {
.pres-list{display: flex;}
.pres-col{width: 47%;  }
.pres-col:first-child{margin-right: 6%;}
}
.pres-col{margin-bottom: 40px;}
.pres-col h2{ margin-bottom: 20px;}
.box-pres{ margin-bottom: 5px; }
.box-pres .box-pres-link{border: 1px solid #ccc;box-shadow: 0 0 1.2rem 0 rgba(0, 0, 0, 0.2);padding:15px 25px; display: block;}
.box-pres .box-pres-link:hover{ background-color: #f0f0f0;}

@media (min-width: 700px) {
.box-pres .box-pres-link{ display: flex;align-items: center;}  
.box-pres-ora{padding-right: 20px; width:20%;}
.today .box-pres-txt{width:80%;}
}
.box-pres-ora .ora-tot{display: flex;flex-wrap: nowrap;align-items: flex-end}
.box-pres-ora .ora{ font-size: 40px; color:#ccc;font-family: Avenir Next Bold; line-height: 33px;}
.box-pres-ora .min{font-size: 20px; color:#ccc;font-family: Avenir Next Bold; line-height: 20px;}
.box-pres-ora .ora-dida{font-size: 12px; display: block;font-family: Avenir Next Bold; line-height: 12px;}
@media (max-width: 699px) {.box-pres-ora{margin-bottom: 10px;display: flex;flex-wrap: nowrap;align-items: flex-end}.box-pres-ora .ora-dida{margin-left: 10px;}}
.box-pres-link:hover .ora, .box-pres-link:hover .min{color:#000;}
.box-pres-txt h3{font-size: 22px; text-transform: uppercase;line-height:35px;}


/**order*/
.modalOrder{max-width:1200px;margin: 0 auto; position:relative;}
@media (max-width: 1249px) {.modalOrder{ padding-left:20px; padding-right:20px}}
.edAllOr{ border-bottom:1px solid #ccc; margin-bottom:30px; padding-bottom:30px;}
.modalOrder .edAllOr{ border-bottom:none;margin-bottom:0px;}
@media (min-width:951px){.edAllOr{display:flex;}}

.col-img{font-size:12px;line-height:18px;}
@media (min-width:951px){.col-img{ width:120px; margin-right:20px;}}
.col-img img{ width:120px; height:auto}
.col-img h3{ font-size:14px; }
.col-img select{padding: 5px;margin: 10px 0;}
@media (max-width:950px){
.col-img{ display:flex; margin-bottom:20px;}
.col-img img{ width:90px; margin-right:10px;}	
}

.dida{font-size: 10px; margin-top:8px; line-height:14px}
.btnBlack{ display: inline-block; background-color: #000;display: flex;justify-content:center;align-items:center;color:#fff; padding: 10px 30px;line-height:14px; text-align:center}
.btnBlack:hover{background-color: #ccc;}
.btnBlack svg{stroke-width: 1px;width: 40px;stroke: #000;fill: transparent;}
.btnBlack:hover svg{stroke: #fff;background-color: #ccc;}
.btnGrey{ display: inline-block; background-color: #989898;display: flex;justify-content:center;align-items:center;color:#fff; padding: 10px 30px; line-height:14px; text-align:center}
.btnGrey:hover{background-color: #ccc;}
.btnGrey svg{stroke-width: 1px;width: 40px;stroke: #000;fill: transparent;}
.btnGrey:hover svg{stroke: #fff;background-color: #ccc;}

@media (min-width:951px){.col-table{width:calc(100% - 140px);}}
.table { width:100%;}
.table .line-grey th, .table .line-grey td{ background-color:#f0f0f0;}
.table .tbCol1{min-width:170px;font-size:12px; line-height:13px; }
.hdDoors{min-height:24px; display:flex;align-items:center;}
.table .intCol{ display:flex;align-items:center; padding:5px 2px;justify-content: space-between;}
.table .txtPro{display:flex;}
.table .intCol .colFunc{display:flex;align-items:center;}
.table .intCol .colFunc select{ width:200px;margin-bottom: 0px; margin-right: 10px;}
.table .txtPro .colPro{width: 22px; height: 22px; border:1px solid #ccc; margin:0 10px 0 20px;}
.table .txtPro .colPro img{ width:100%;height:100%;}

.txtPro.stateCnc{color:#af0000;}
.txtPro.stateCnc:after{content:"\f12a";font-family:"Font Awesome 5 Free"; font-weight: 900;font-size:15px;color:#af0000; margin-left:10px;}
.tableSm .stateCnc{color:#af0000;    font-weight: bold;}
.tableSm .stateCnc:after{content:"\f12a";font-family:"Font Awesome 5 Free"; font-weight: 900;font-size:11px;color:#af0000; margin-left:2px;}

.table input[type=text]{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:1px solid #ccc;display: block;padding: 3px 5px;font-size:14px; width:45px; margin-left:5px; text-align:right}
.table .form-qty{ width:55px}
.table .form-qty.stateCnc{color:#af0000;}
.table .form-qty.stateCnc:after{content:"\f12a";font-family:"Font Awesome 5 Free"; font-weight: 900; font-size:11px;color:#af0000; margin-left:2px;}
.table input[type=text].stateCnc{border:2px dotted #af0000;color:#af0000 }

.table  {border-collapse: collapse;box-sizing: border-box;text-indent: initial;border-spacing: 2px; width:100%;}
.table td, .table th {padding: 4px;vertical-align: middle;border-bottom: 1px solid #dee2e6;}
.mrgTop{height:10px;}
.algnR .tbCol1{ text-align:left;}

.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-responsive>.table-bordered{border:0}
.tableHalf{ margin-top:10px;}

.table-topSize{position: relative;display:block;width:100%;}
.table-topSize>.table-bordered{border:0}
.table-topSize .table{ padding-top: 35px;}
.table-topSize .lineSize{position: sticky;top:0; left:0; right:0;}
.table-topSize .table .form-qty {width: 40px; text-align: center}
@media (min-width:750px){.bxNeg{ display: flex; justify-content: space-between; align-items: center}}
.bxNeg .nmNeg{ padding-right: 10px;}
.bxNeg .btnNeg { display: flex; justify-content:flex-start}
.bxNeg .btnNeg a{ display: block;}
.table-topSize .table input[type=text]{width:35px; margin-left:2px;}

.line-cta{display:flex; margin-top:20px}
.line-cta-top{ margin-top:0}
.algnR{justify-content: flex-end; text-align:right}
.btnO{ margin-right:10px}
.algnR .btnO{ margin-left:10px;margin-right:0px}

/**list order*/
@media (min-width:750px){.head-orderlist{display:flex;justify-content: space-between;align-items: flex-start}}
@media (max-width:749px){.head-orderlist .algnR{justify-content: flex-start; text-align:left; margin-bottom:20px}.head-orderlist .algnR .btnO{ margin-left:0px; margin-right:10px}}
.head-orderlist .line-cta{ margin-top:0}

.filtri-orderlist input[type=text]{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:2px solid #ccc;display: block;
width: 100%;padding: 10px 20px;font-size:14px; margin-bottom: 10px;}
.filtri-orderlist .form-group{ margin-right:10px;}

.status-order{ margin-right:10px;}
.status-order label{ display:inline-block; border-radius:21px;font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;color:#000;border:2px solid #ccc;padding: 10px 20px;font-size:13px; line-height:16px; margin-bottom: 10px;cursor:pointer;}
.status-order input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.status-order input:checked ~ label{background-color: #ccc;}

.btOrd{ cursor:pointer;}
.btOrd:after{content:"\f0dc";font-family:"Font Awesome 5 Free";font-weight: 900; margin-left:10px; font-size:13px;}

.loading-table{ display: none;}
.loading-table-ins{height:200px;display:flex;justify-content:center;align-items: center;}
.loading-table .fa {display: block;color: #999;font-size: 30px; line-height:30px;}

.nav-tabs {border-bottom: 2px solid #999;}
.nav-tabs > li {float: left;margin-bottom: -2px;}
.nav-tabs > li > a {margin-right: 3px;border: 2px solid transparent;border-radius: 6px 6px 0 0; font-size:20px;position: relative;display: block;padding: 8px 20px;}
@media (max-width:600px){.nav-tabs > li > a {margin-right: 0px;font-size:15px;padding: 8px 10px;}}
.nav-tabs > li > a.active, .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus 
{color: #999;cursor: pointer;background-color: #fff;border: 2px solid #999;border-bottom-color: transparent;}
.tab-pane{ padding-top:30px;}
.tab-content > .tab-pane {display: none;visibility: hidden;}
.tab-content > .active {display: block;visibility: visible;}

.search-line{position:relative;}
.search-line input[type=text]{border:none;border-bottom:2px solid #ccc;padding: 10px 20px 10px 10px;font-size:25px; margin:0 0 10px 0;outline:none;}
.search-line button{background:none;border:none; position:absolute;top:10px;right:0; font-size:25px;color:#ccc}
.rowFlex{display:flex;}
.table .width28{width:28px;}
.table .check{margin-top:6px}
.table .wData{width:95px;}
.table .wNum{min-width:70px;}
.table .wClient{min-width:150px;}
.table .wState{min-width:60px;}
.did1{font-size: 10px; line-height:12px; display:block; text-transform:uppercase;}
@media (min-width:950px){
.lineDida{ display:flex; width:100%;}
.didL{width:49%; margin-right:2%;}
.didR{width:49%;}
}
.btnIcoOr{ width:100%; text-align:center; display:flex; height:100%;align-items:center;}
.btnIcoOr:hover{ opacity:0.5;}
.pagination ul.pagination, .bottomTable ul.pagination{padding-inline-start: 0px; list-style:none; display:flex;align-items:center;justify-content:center;padding:0; margin:0; margin-top:5px}
.pagination ul.pagination a, .bottomTable ul.pagination a{ border:1px solid #999; color:#999;display:flex;text-align:center;align-items:center;justify-content:center; margin:5px; border-radius:30px; width:30px; height:30px;cursor:pointer;padding:0 3px}
.pagination ul.pagination a:hover, .bottomTable ul.pagination a:hover{ background-color:#999; color:#fff;}
.pagination ul.pagination li.active a, .bottomTable ul.pagination li.active a{background-color:#999;color:#fff;}




/** dettaglio ordine **/
@media (min-width:750px){.infOrder{display:flex;justify-content: space-between;align-items: flex-start}.infOrder .algnR{order:2}.infOrder .infOrderDati{order:1;}}
@media (max-width:950px){.infOrder .line-cta{ width:60%;flex-wrap: wrap}.infOrder .algnR .btnO{ margin-bottom:10px;}}
@media (max-width:749px){.infOrder .line-cta{ width:100%;}.infOrder .algnR{justify-content: flex-start; text-align:left; margin-bottom:20px;}.infOrder .algnR .btnO{ margin-left:0px; margin-right:10px}}
.infOrder .line-cta{ margin-top:0}
.head-orderlist .btnGrey, .infOrder .btnGrey {padding: 10px 20px; min-width:120px;}
.infOrder{ line-height:18px; margin-bottom:30px;}
.infOrderIn{ font-size:12px}
.infOrder ul{margin-block-start: 0; margin-block-end: 0;}
.headAccordion{display:flex;justify-content: space-between;align-items:center;background:#bfbfbf;width:100%; padding-right:50px}
@media (max-width:500px){.headAccordion{display:block;}}
.headAccordion.stateCnc{border:2px dotted #af0000;}
.headAccordion.stateCnc:before{content:"\f12a";font-family:"Font Awesome 5 Free"; font-weight: 900; font-size:15px;position:absolute; left:10px; top:12px;color:#af0000;}

.btnAccordion{padding: 10px 10px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;display:flex; width:100%}
@media (max-width:767px){.btnAccordion{ display:block;}}
.btnAccordion h3{ margin:0; padding:0; width:60%;}
.txt-delv{ padding-left:20px;}
@media (max-width:767px){.txt-delv{ padding-left:0px;}}
.btnAccordion:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 18px; color: #000; position: absolute; right: 20px; top: 12px; }
.btnAccordion.activeAcc:after{content:"\f106";}
.btnListAcc{display:flex;}
.btnListAcc .btnIcoOr{ margin-left:10px;}
@media (max-width:500px){.btnListAcc .btnIcoOr{ margin-bottom:10px; width:30px;margin-left:20px;}}

.entity{ -webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;position: relative;margin-top:5px;}
.dtProdOrd.inactive {display: none;}
.activeAcc .dtProdOrd.inactive {display: block;padding: 20px 0;}
.dtProdOrd{ position:relative;}
.dtProdOrd .edAllOr{ border-bottom:none;margin-bottom:0px; padding-bottom:0}
.table .tableSm th, .table .tableSm td{padding:0px 5px;border-bottom: none;}
.dtProdOrd .table .txtPro .colPro{ margin-left:0}
.wPrice{ width:150px}
.brTop th, .brTop td{border-top: 2px solid #ccc;}
@media (max-width:950px){.dtProdOrd .col-img{ display:none}}
@media (min-width:951px){.dtProdOrd .col-img{top:20px;}}
@media (max-width: 1249px){.dtProdOrd .col-img{left:0px}}


@media (min-width:750px){.orderPrint.line-cta{ width:30%}}
.orderPrint.line-cta{flex-direction:column}
.orderPrint.line-cta .form-group{ width:100%;}
.orderPrint.line-cta .form-group .form-control{ margin-bottom:5px;}
.orderPrint.line-cta .btnO{ margin-left:0}

/**new order**/
.newOrder .lbl{ margin-top:10px;}
.newOrder .form-group{ padding-right:10px;}
@media (max-width:870px){.newOrder{flex-wrap: wrap}.newOrder .form-group{ width:50%;}}
@media (max-width:768px){.newOrder .form-group{ width:100%;}}
.newOrder input[type=text]{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:2px solid #ccc;display: block;
width: 100%;padding: 10px 20px;font-size:16px; margin-bottom: 20px;}
.checkbox-list{ min-height:180px; text-align:left; display:flex;flex-wrap: wrap}
.checkbox-list .checkbox{width:100%;}
@media (min-width:768px){.checkbox-list .checkbox{width:50%;}}
@media (min-width:850px){.checkbox-list .checkbox{ width:33.33%;}}
.easy-autocomplete-container{ z-index:3;}
.newOrder .w100{ width:100%;}
.SumoSelect>.optWrapper>.options{width:100%;}
.select .SumoSelect{ width:100%;}
@media (min-width:870px){.newOrderL{ width:60%; margin-right:1%;}.newOrderR{ width:39%;}.newOrderL .rowFlex .form-group{ width:32.66%; margin-right:1%;}.newOrderL .rowFlex .form-group:last-child{ margin-right:0;}}
@media (max-width:869px){.newOrderL, .newOrderR{ width:100%;}}
.newOrderR textarea{ height:187px;}
/**pop jquery-ui*/
.ui-widget-content {background: #fff;}
.ui-widget-header {border: 1px solid #ccc;background: #ccc;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: none;background: #f0f0f0;color:#666;}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,
.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus {border: none;background: #dddddd;color: #fff;}

/******animazioni***/
.anim-target{animation: anim-side .7s alternate infinite ease-in}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes anim-side {0% {transform: translate(0)}100% {transform: translate(10px)}}
@keyframes anim-side{0% {-webkit-transform: translate( 0)}100% {-webkit-transform: translate(10px)}}
.loadingBox { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.8); text-align: center; display: none; }
.loadingBox > div { position: absolute; text-align: center; height: 70px; top: 50%; width: 80%; left: 10%; }
.loadingBox > div span.fa { display: block; color: #333; font-size: 130px; line-height: 10px; margin-bottom: 60px; }
._upload_file {float:left;position:relative;width:60px;height:60px;background-color:#fafafa;border:1px solid #eee;overflow:hidden;}
._upload_file .fa-folder-open{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;display:block;text-align:center;font-size:20px;line-height:60px;color:#333;border-color:#333;}
._upload_file > input{z-index:100;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:200px;direction:ltr;cursor:pointer;}
.bar { height: 18px; background: green; }

.ani1, .ani2, .ani3, .ani4, .ani5,.ani6,.ani7,.ani8,.ani9,.ani10,.ani11, .ani12{visibility: hidden;}
.fadeInDown, .fadeIn{visibility: visible;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.delay-5s { animation-delay:200ms; -webkit-animation-delay: 200ms; }
.delay-10s { animation-delay:400ms; -webkit-animation-delay: 400ms; }
.delay-15s { animation-delay:600ms; -webkit-animation-delay: 600ms; }
.delay-20s { animation-delay:800ms; -webkit-animation-delay: 800ms; }
.delay-25s { animation-delay:1000ms; -webkit-animation-delay: 1000ms; }
.delay-30s { animation-delay:1200ms; -webkit-animation-delay: 1200ms; }
.delay-35s { animation-delay:1400ms; -webkit-animation-delay: 1400ms; }
.delay-40s { animation-delay:1600ms; -webkit-animation-delay: 1600ms; }
.delay-45s { animation-delay:1800ms; -webkit-animation-delay: 1800ms; }
.delay-50s { animation-delay:2000ms; -webkit-animation-delay: 2000ms; }
.delay-55s { animation-delay:2200ms; -webkit-animation-delay: 2200ms; }

@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translateY(-100px);transform: translateY(-100px);}
100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes fadeInDown {
0% {opacity: 0;-webkit-transform: translateY(-100px);-ms-transform: translateY(-100px);transform: translateY(-100px);}
100% {opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}



/**da BE**/
input[type=text] { font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; background: none; color: #000; border: 2px solid #ccc; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 10px 20px; font-size: 16px; }
textarea {resize: none;min-height: 120px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background:none; color:#000;border:2px solid #ccc;display: block;width: 100%;padding: 10px 20px;font-size:16px; margin-bottom: 20px;}

.btn{font-family:Avenir Next Regular, Helvetica, Arial, sans-serif;background-color: #000; display: block;font-size: 15px;padding: 8px 20px;border: none;cursor: pointer; margin:10px 0; font-weight:500; color:#fff; text-align:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.btn:hover{background-color: #00a9ce;}
.radiobox input[type="radio"] {display:none;}
.radiobox input[type="radio"] + label {color: #b4b4b4; margin-right:10px} 
.radiobox input[type="radio"]:checked + label {color: #555;}
.radiobox input[type="radio"] + label span {position:relative;display:inline-block;width:19px;height:19px;margin:-2px 10px 0 0;vertical-align:middle;cursor:pointer;}
.radiobox input[type="radio"] + label span:after{ content:''; position:absolute; left:5px; top:5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background:#fff; display:block; height:10px; width:10px}
.radiobox input[type="radio"] + label span:before{ content:''; position:absolute; left:0; top:0; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border: 2px solid #555; display:block; height:16px; width:16px}
.radiobox input[type="radio"]:checked + label span:after{background:#555;}
.radiobox input[type="radio"]:checked + label span:before{ border: 2px solid #555;}

.radioTab input[type="radio"] {display:none;}
.radioTab input[type="radio"] + label {color: #b4b4b4; width:200px;font-size: 15px;padding: 8px 20px;background-color:#ccc;cursor:pointer;} 
.radioTab input[type="radio"] + label span{margin-left:10px}
.radioTab input[type="radio"]:checked + label {color: #fff;background-color:#000;}

fieldset{ border:none;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-before: 0px;-webkit-padding-start: 0px;-webkit-padding-end: 0px;-webkit-padding-after: 0px;min-width: -webkit-min-content; margin:0; padding:0}

.container:before, .container:after, .header-nav:after, .header-nav:before, .loginHeader:before, .loginHeader:after, .ctnDash:before, .ctnDash:after, .lineForm:before, .lineForm:after, .lineTable:before, .lineTable:after, .lineTableS:before, .lineTableS:after, .intTable:before, .intTable:after, .mainFunctions:after, .mainFunctions:before, .filtri:after, .filtri:before, .selDiag:before{content: "";display: table;}
.container:after, .header-nav:after, .loginHeader:after, .ctnDash:after, .lineForm:after, .lineTable:after, .lineTableS:after, .intTable:after, .mainFunctions:after, .filtri:after, .selDiag:after{clear: both;}


/****registrazione***/
.formReg h3{ font-size:22px;font-weight:400; margin-bottom:10px; width:100%;display: flex; margin-top:30px  }
.lineForm fieldset{margin-right:1%;display:block; float:left; margin-bottom:10px;}
.lineForm .colF1-3 { width: 24.5%; }
.lineForm .colF4{width:24%; }
.lineForm .colF3{width:32.333%; }
.lineForm .colF3-2{width:65.667%;}
.lineForm .colF2{width:49%; }
.lineForm .colF2-3 {width: 73.5%;}
.lineForm .colF3-3 { width: 48%; }
.lineForm .colF1 {width: 99%;}
.select {position: relative;display: inline-block;width: 100%;}
.checkbox{ margin-top:8px}
.radiobox{ margin-top:8px}
.txtForm{ font-size:15px; display:block; margin-bottom:10px}
.mainFunctions{ margin-top:20px;}
.btn3{margin-right:10px; float:left; min-width:150px}
.btn .fa:after{content: ''; padding:0 4px}
.btn .delete:before{content: 'X'; font-family: Avenir Next Regular, Helvetica, Arial, sans-serif; }
.color1{background-color: #efefef;color:#555}
.color2{background-color: #cecece;color:#555}
.color3{background-color: #9b9b9c;color:#fff}
.color1:hover,.color2:hover,.color3:hover{background-color: #808080;color:#555}
.field-validation-error{color:#d4001d;}
.field-validation-error:before{content:"\f071";font-family: "Font Awesome 5 Free";font-weight: 900; padding:0 7px 0 0}
.field-validation-errorafter{color:#d4001d;}
.field-validation-errorafter:before{content:"\f071";font-family: "Font Awesome 5 Free";font-weight: 900; margin-left:5px; display:inline;}

/**********piker***/
.ui-widget-header {border: 1px solid #4d4d4d!important;background: #e7e7e7!important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border: 1px solid #727272!important;background: #d4d4d4!important;color: #6b7b84!important;}
.ui-datepicker select{background-color: none!important;color: #222222;-webkit-border-radius: 0px;-moz-border-radius:0px;border-radius: 0px;border: none;display:inline-block;padding: 0;-webkit-padding-end: 0px;}

/****tabelle***/
.mobHide{ display:block;}
.intTable{ padding:5px 5px;color:#fff; background:#000;}
.lineTable{ padding:5px 5px;color:#000; background:#ccc;}
.lineTable:nth-child(2n){background:#f0f0f0;}
.lineTable:hover { background-color: #00a9ce; }

.lineTableS{ padding:5px 5px;color:#000; background:#ccc; font-size: 10px}
.lineTableS:nth-child(2n){background:#f0f0f0;}
.lineTableS:hover {background-color: #b5b5b5;}
.colT{ float:left; display:block; min-height:1px}
.colT5 { width:5%;}
.colT10{ width:10%;}
.colT15{ width:15%;}
.colT20{ width:20%;}
.colT25{ width:25%;}
.colT30{ width:30%;}
.colT35{ width:35%;}
.colT40{ width:40%;}
.colT45{ width:45%;}
.colT50{ width:50%;}
.colT55 { width: 55%; }
.colT60 { width: 60%; }
.colT70 { width: 70%; }
.colT80 { width: 80%; }
.deskHide{ display:none;}
.bottomTable{ position:relative; margin-top:20px}

.bottomTable .service{ position:absolute; top:0; right:0;}
.bottomTable .downPdf{background: url('img/ico-pdf.png') left center no-repeat; width:44px; height:35px; display:inline-block;}
.bottomTable .printTb{background: url('img/ico-print.png') right center no-repeat;width:35px; height:35px; display:inline-block;}
.filtri{margin-bottom:10px;}
.filtri .row{justify-content: flex-end}
.filtri .select, .filtri .input, .filtri .mainFunctions { margin-right:1%; display:block;margin-bottom:10px; float:left;}
.filtri .selectAnno{ width:}
.filtri .input{ position:relative}
.filtri .input .icona{ position: absolute; width:40px; height:34px; top:5px; left:0;font-size:18px; line-height:34px; margin-left:10px; color:#787878;}
.filtri .input input[type=text]{padding-left:40px;}
.filtri .mainFunctions{margin: 0px;}
.filtri .mainFunctions .btn{ margin:0!important; padding:5px 10px; font-size: 15px; min-width:100px}
.filtri6 .select, .filtri6 .input{width:16%;}
.filtri6 .mainFunctions, .filtri6 .selectAnno{width:7%;}
.filtri5 .select, .filtri5 .input{width:19%;}
.filtri5 .mainFunctions, .filtri5 .selectAnno{width:9%;}
.filtri4 .select, .filtri4 .input{width:24%;}
.filtri4 .mainFunctions, .filtri4 .selectAnno{width:11.5%;}
.filtri3 .select, .filtri3 .input{width:32.3%;}
.filtri3 .mainFunctions, .filtri3 .selectAnno{width:15.6%;}
.ordinamento{ position:relative; margin-bottom:20px}
.ordinamento .select{ width:200px;}
.ordinamento .mainFunctions{margin: 0px; float:right;}
.ordinamento .mainFunctions .btn{margin:0!important;}

/******dati tabella*****/
.gridTable{ width:100%}
.gridTable td{padding:3px 5px; margin:0;}
.topTable{color:#555; background:#333;}
.rigaTable{color:#000; background:#ccc;}
.rigaTable:nth-child(2n){background:#555;}
.algnRight{text-align:right}
.icoTable { color: #000; display: inline-block; margin-right: 5px; font-size: 16px; }
.icoTableUpdate { color: #000; display: inline-block; margin-right: 5px; margin-left: 5px; font-size: 24px; }
.icoTableInfo { color: #000; display: inline-block; margin-right: 5px; margin-left: 5px; font-size: 19px; }
.admCust .input{ padding-right:85px;}
.admCust fieldset{ position:relative;}
.admCust .mainFunctions{ position:absolute; top:0; right:0; text-align:left; width:88px; margin-top: 0;}
.mainFunctions .btnSave, .mainFunctions .btnCanc, .mainFunctions .btnNos{ width:34px; height:30px;display:block;float:left; background:#00a9ce; margin-left:10px; text-align:center; line-height:30px;font-size: 20px; color:#fff}
.mainFunctions a:hover{opacity: .7; /* For IE 5-7 */filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
.mainFunctions .btnCanc, .mainFunctions .btnNos{background:#555;}
.chooseList fieldset{ margin-bottom:10px}

@media (max-width: 1000px) {
.filtri5 .select, .filtri5 .input, .filtri5 .mainFunctions, .filtri5 .selectAnno{width:32%;}
}

@media (max-width: 900px) {
.lineForm .colF4{width:49%; }
.filtri4 .select, .filtri4 .input, .filtri4 .mainFunctions, .filtri4 .selectAnno{width:32%;}
}

@media (max-width: 700px) {
.lineForm fieldset{margin-right:0}
.lineForm .colF4, .lineForm .colF3, .lineForm .colF1-3, .lineForm .colF3-2, .lineForm .colF2-3, .lineForm .colF1, .lineForm .colF2 { width: 100%; }
.filtri .select, .filtri .input,  .filtri .mainFunctions, .filtri .selectAnno{width:48%;}
}

@media (max-width: 580px) {
.mobHide{ display:none;}
.deskHide{ display: inline-block;color: #333;}
.deskHide:after{ content:" - "; padding:0 5px}
.bottomTable .service{ position:relative; }
/*****fine blocco css****/
.btn{width:100%}
.btn3{margin-right:0px; float:none; }
.header{ height:120px}
.loginHeader{right:20px;top:55px;}
.btn-navbar{top:30px;}
.logoHeader img{ width:180px}
}

@media (max-width: 480px) {
.header-nav.active{ margin-top:60px}
.filtri .select, .filtri .input,  .filtri .mainFunctions, .filtri .selectAnno{width:100%; margin-right:0}
.ordinamento .select{ width:100%; margin-bottom:10px}
.ordinamento .mainFunctions{ float:none;}
.home .header{ height:auto}
}

.loading-table { display: block; }
.loading-table-ins { height: 200px; display: flex; justify-content: center; align-items: center; }
.loading-table .fa { display: block; color: #999; font-size: 30px; line-height: 30px; }

.loadingBox { position: fixed; z-index: 100; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(255,255,255,0.8); text-align: center; display: none; }
.loadingBox > div { position: absolute; text-align: center; height: 70px; top: 50%; width: 80%; left: 10%; }
.loadingBox > div span.fa { display: none; color: #333; font-size: 130px; line-height: 10px; margin-bottom: 60px; }

._upload_file {float:left;position:relative;width:60px;height:60px;background-color:#fafafa;border:1px solid #eee;overflow:hidden;}
._upload_file .fa-folder-open{z-index:1;position:absolute;top:0;bottom:0;left:0;right:0;display:block;text-align:center;font-size:20px;line-height:60px;color:#333;border-color:#333;}
._upload_file > input{z-index:100;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:200px;direction:ltr;cursor:pointer;}
.bar { height: 18px; background: green; }

/*----- ITEM LIST BIG  -----*/
.itemListBig > ul { padding: 0 0 0 0; }
.itemListBig > ul li { display: inline-block; vertical-align: top; margin: 0 2% 8px 0; text-align: left; width: 170px; }
.itemListBig > ul li a { display: block; background-color: #000; color: #fff; height: 165px; padding-left:5px; padding-right:5px; cursor: pointer; }
.itemListBig > ul li span { display: block; font-size: 10px; line-height: 1.5; }
.itemListBig > ul li span.title { display: inline-block; font-size: 16px; margin-top: 4px; }
.itemListBig > ul li span.img { display: inline-block; font-size: 30px; }
.itemListBig > ul li a:hover { background-color: #00a9ce; color: #000;}


/* error page */
.errorPage { text-align: center; margin-top: 20px; }
.errorPage .headerCustom .fa { font-weight: 600; color: #00a9ce; font-size: 90px; }
.errorPage .headerCustom h1 { margin-bottom: 20px; font-weight: 600; color: #00a9ce; font-size: 60px; }
.errorPage .headerCustom p { color: #666; font-size: 17px; line-height: 26px; margin-top: 0; }
.errorPage .headerCustom p a { color: #333; }


/* UPLOAD FILE THINGS */
#_avatar{float:left;position:relative;overflow:hidden;}
#_avatar .fa-image { z-index: 1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; text-align: center; font-size: 60px; line-height: 180px; color:#00a9ce; border-color: #00a9ce; }
#_avatar.no-image {width:350px;height:196px;background-color:#fafafa;border:1px solid #eee;}
#_avatar.no-image .fa-image {display: block;}
#_avatar > input{z-index:100;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;opacity:0;-ms-filter:'alpha(opacity=0)';font-size:200px;direction:ltr;cursor:pointer;}
#_avatar > img{z-index:99;margin:auto auto;}
#_avatar.no-image > img{display:none;}
#avtWrap {position:relative;overflow:hidden;}
@media (max-width: 470px) { #avtWrap{float:none; width:100%;margin-right:0%;}}

.btnDateRangePicker { font-family: 'Open Sans', sans-serif; background-color: #000; display: initial; font-size: 11px; padding: 5px 5px; border: none; cursor: pointer; margin: 10px 5px; font-weight: 500; color: #fff; text-align: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.btnDateRangePicker:hover { background-color: #00a9ce; }

@media (min-width: 768px) {.lineDiag{ display:flex;justify-content: space-between}.diag2{ width:49%;}}
.selDiag1{display:flex;justify-content: space-between}
.selDiag2{width:49%; margin-right: 1%;display: block;margin-bottom: 10px;}
.selDiag2 .btn{ width:130px;}