@import url('balloon.css');
html, body {  height:inherit; }
input, select, textarea { width:100%; }
a { color:#444; }
body { line-height: 18px; }
h2, h3, h4 { font-weight:normal; }
h3.section { border-bottom:1px solid #000; padding-bottom:10px; font-size:18px; font-weight:bold; margin-bottom:10px; }
thead td { background:none; border-top:0; text-transform:none; font-weight:bold; }
td { vertical-align:top; }
td.icon i { margin:2px; font-size:14px; }
legend { margin: 0 0 10px 0; }
.btn-small { background:#CCC; color:#000; padding:3px 5px; display:inline-block; border-radius:4px; font-size:11px; }
.flex { display: flex; align-items: center; justify-content: center; }
.flag { height:20px; width:auto; vertical-align:bottom; }

.conditions li { min-height:30px; }

.title-section { padding: 20px 0 20px 0; text-align:center; }
.title-section h1.title-header { font-size:35px; margin:20px 0 10px 0; }
.navigation { text-align:left; border-bottom:1px solid #DDD; padding:5px 0px; text-transform:uppercase; }
.navigation li { display:inline-block; padding: 10px 0; }
.navigation li::after { content:">"; margin-left:5px; }
.navigation li:last-child::after { content:""; }


#header .box_cart { position:absolute; top:40px; right:65px; }
#header .box_cart i { border-radius: 200px; color:#000; padding:10px; width:35px; height:35px; text-align:center; font-size: 16px; }
.cart_mini.open { right:0px; }
.cart_mini { overflow-y: scroll; position:fixed; top:0px; bottom:0px; right:-400px; border: 1px solid #CCC; padding:20px 20px 0 20px;  background: #FFF; z-index: 222; box-shadow: 1px 1px 5px #CCC; width:100%; max-width: 400px; }
.cart_mini .header-cart { margin-bottom:20px; }
.cart_mini .buttons { position: -webkit-sticky; position: sticky; bottom:0; right:0; padding:20px 0; border-top:1px solid #EEE; z-index:22; background:#FFF; }

.resume-cart { display:grid; grid-template-columns: 1fr 1fr; gap:0px; }
.resume-cart .item { display:grid; grid-template-columns: 160px 1fr; gap:40px; position:relative; }
.resume-cart .item figure { border:1px solid #EEE; }
.resume-cart .item img { display:block; }
.resume-cart .item h4 { margin-bottom:10px; font-size:14px; }


.cart_mini .resume-cart { display:grid; grid-template-columns: 1fr; gap:20px; }
.cart_mini .resume-cart .item { display:grid; grid-template-columns: 50px 1fr; gap:20px; padding:20px; position:relative; }
.cart_mini .resume-cart .item:nth-child(even) { background:#F7F7F7; border:0px; }


.list-order-toquote { padding:20px; height:300px; overflow-y: auto; background:#fff3ea; }
.list-order-confirm { padding:20px; height:300px; overflow-y: auto; background:#e2fee2; }

.acc_title { position:relative; border-bottom:1px solid #DDD; padding:10px 10px 10px 25px; display:block; font-size:16px; cursor:pointer; }
.acc_title i { position:absolute; left:0px; top:12px; }

#header { border-bottom:0px; height:180px; }
#footer { margin-top:0px; }
#main { margin-top: 180px; min-height: -moz-calc(100vh - 410px); min-height: -webkit-calc(100vh - 410px); min-height: calc(100vh - 410px); padding: 0 0 40px 0; }

.cover { height: -moz-calc(100vh - 245px); height: -webkit-calc(100vh - 245px); height: calc(100vh - 245px); }
.cover .text { padding-top:170px; }

.table-vertical-lable { background: #EEE; text-transform: uppercase }
.sider-menu li { text-transform:uppercase; padding:7px 0; border-bottom:1px solid #DDD; font-size: 13px; }

.submenu li {  display:inline-block; }
.submenu li:after { content:" / "; color:#CCC; padding: 0 5px; }
.submenu li:last-child:after { content:""; }

.slide { position:relative; margin:0px; list-style:none; background-position:center center; background-repeat:no-repeat; background-size:cover; background-attachment: fixed; height: -moz-calc(100vh - 250px); height: -webkit-calc(100vh - 250px); height: calc(100vh - 250px); }

.list-product-type { background:#EFEFEF; padding:15px 20px; display:grid; grid-template-columns: 1fr 1fr 200px; font-size:22px; column-gap:0px; margin:40px 0; }
.list-product-type h3 { margin:0 0 10px 0; font-size:13px; text-transform:uppercase; text-align:left; font-weight:bold; }
.list-product-type .grid-3 { gap:2px; }

.list-product .item { display:grid; grid-template-columns: 200px 1fr; gap:40px; border-bottom:1px solid #DDD; padding:40px 20px; }
.list-product .item:nth-child(odd){ background:#EFEFEF; }
.list-product .item h4 { margin:10px 0 5px 0; font-size:16px; }
.list-product .item p { color:#999;  }
.list-product .details { margin-bottom:20px; }
.list-product .details li { position:relative; border-bottom:1px dotted #CCC; padding:5px 0; padding-left:100px; }
.list-product .details li b { position:absolute; left:0px; top:5px; }
.addCart { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; column-gap:10px;  }
.addCart label { display:block; font-weight:bold; margin-bottom:5px; }
.cart-buttons { padding:40px 20px; }
.cart-buttons .btn { width:200px;  }
.paginations { margin:20px 0; display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.paginations .links { text-align:right; }
.paginations .links a, .paginations .links b { display:inline-block; padding:10px; }
.paginations .links b { border-bottom:2px solid #000; }
.title-product { margin-top:40px; }
.scheda-product .image { border:1px solid #DDD; padding:10px; }
.tool i { width:35px; height:35px; background:#999; text-align:center; color:#FFF; font-size:13px; padding:10px; border-radius:200px; float:left; margin-right:10px; }

.list-product-categories { display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 60px; column-gap:40px; }
.list-product-categories h4 { border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px; }
.list-product-categories li { padding:5px 0; border-bottom:1px dotted #CCC; position:relative; padding-left:20px; }
.list-product-categories li:before { content:"\f105"; position:absolute; top:5px; left:5px; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.list-product-categories li:hover { background:#EEE; }

.item-row { padding: 60px 20px; font-size:14px; line-height:28px; }
.item-row img { margin-bottom:20px; }
.more { font-size:14px; margin-top:10px; padding-bottom:5px; border-bottom:1px solid #000; display:inline-block; }
.more2:after { content: "\f105"; font-family: FontAwesome; padding-left:20px; }

.category .item { margin:0px; width:50%; height:100%; color:#FFF; text-align:center; position:relative; }
.category .item .container { position:absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(0, 0, 0, 0.5); z-index:2; text-align:center; }
.category .item .container h5 { position:absolute; bottom:40px; left:40px; font: 200 53px/45px 'Open Sans'; text-transform: uppercase; letter-spacing: 0.1em; text-shadow: 2px 2px #000; }
.category .item img { display:block; }
.category .item a { color:#FFF; }
.category .item:hover .container { opacity:0; }

.legal { margin-top:20px; }

.store-header { display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; margin-bottom:40px; }
.orders_history { margin-top:20px; border:1px solid #DDD; padding:10px;  }
.orders_history h5 { font-size:13px; }


.main.item-row { padding:60px 0; }
.box-row { padding-top:40px; }
.row-separator { padding-top:100px; }

.download-list { margin-bottom:40px; }
.download-list .span_1_of_2:nth-child(2n+1) { margin-left: 0; }
ul.list-categories li { display:inline;  }
ul.list-categories li:after { content:", ";  }
ul.list-categories li:last-child:after { content:"";  }

.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.grid-3 { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; }
.grid-4 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:20px; }
.grid-5 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr; gap:20px; }
.grid-6 { display:grid; grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; gap:20px; }
.grid-page { display:grid; grid-template-columns:200px 1fr; gap:40px; }


.dashboard { margin-top:20px; }
.dashboard .item:hover { cursor:pointer;  }
.list-report .item, .dashboard .item { padding-left:70px; position:relative; min-height:90px; border-bottom:1px solid #DDD; padding-right: 40px; }
.list-report .item i, .dashboard .item i, .list-staff i.profile { width:55px; height:55px; text-align:center; border-radius:200px; background:#999; color:#FFF; font-size:18px; padding:17px; position:absolute; left:0; top:0; }

ul.list-profile li { padding: 3px 0 3px 190px; position:relative; min-height:25px; }
ul.list-profile li b { top:3px; left:0px; width:180px; text-align:right; position:absolute; }
ul.list-profile.updates li { color:#777; }
ul.list-profile.updates li b { color:#000; }


.response { text-align:center; font-size:18px; padding:80px 0; position:relative; line-height: 28px; }
.response i { position:absolute; top:0; left:0; right:0; font-size:50px;  margin:0 auto; }

.box_user { text-align:right; }
.drop-menu i { font-size:16px; width:40px; height:30px; text-align:center; padding:2px 10px; }
.drop-menu-content { position:relative; top:0px; right:10px; border:1px solid #CCC; padding:20px; border-radius:4px; background:#FFF; z-index:222; box-shadow: 1px 1px 5px #CCC; width:300px; }
.drop-menu-content i { font-size:18px; height:55px; width:55px; text-align:center; border-radius:200px; padding: 17px; background: #999; color:#FFF; }
#header .box_user .drop-menu-content li { float:none; text-align:center; padding: 5px 0; }

.tabs li a.selected, .tabs li a.selected:hover { border-bottom: 0px; background:#FFF; }
.tabs li a:hover { background:#EEE; border:1px solid #CCC; }
.tabs li a { border:1px solid #CCC;  }