/*================================================
generali
=================================================*/

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');
body{font-family: 'Rubik', sans-serif;font-weight: 300;}
.btn-danger{background-color: #fc0d1b;border-color: #fc0d1b; }
.btn-danger:hover{background-color: #232f3e;border-color: #232f3e;}
.alert-success, .btn-danger-reverse{color: white;background-color: #232f3e;border-color: #232f3e;}
.alert-danger, .btn-danger-reverse:hover{color: white; background-color: #fc0d1b;border-color: #fc0d1b;}
.titolo{margin-top: 2%;}
.titolo h3{color: #232f3e;text-transform: uppercase;}
.titolo hr{border-color: #232f3e;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background: #fc0d1b;}
.owl-theme .owl-dots .owl-dot:focus{outline: unset;}
.btn.focus, .btn:focus {box-shadow: unset;}
.pagination a:hover, .pagination a{color: white;}
.page-link:hover{background-color: #fc0d1b;}
.page-link{background-color: #232f3e;}
.breadcrumb{padding-left: 0;}
.breadcrumb a:hover{color: #fc0d1b;text-decoration: none;}
.link-info .col-sm-4{font-size: 13px;}
.accedibtnreg{display: flex; align-items: center;justify-content: flex-end;}
.accedibtnreg a{margin-left: 6px;}
.bg-danger {background-color: #232f3e !important;}
select option:checked {background: #fc0d1b;color: white;}
select option:hover {-webkit-appearance: none;-moz-appearance: none;appearance: none;background: #fc0d1b;}
.custom-control-input:checked ~ .custom-control-label::before { border-color: #232f3e !important; background-color: #232f3e !important;}  
.custom-control-input:not(:checked) ~ .custom-control-label::before { border-color: #ced4da !important; background-color: white !important;}
.custom-control-input:focus~.custom-control-label::before {box-shadow: 0 0 0 0.2rem rgb(35 47 62 / 25%);}

/*================================================
scroll bar
=================================================*/

::-webkit-scrollbar {width: 13px;}
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius: 5px; border-radius: 5px;}
::-webkit-scrollbar-thumb {background: #232f3e; border-radius: 5px; border-radius: 5px;}
::-webkit-scrollbar-thumb:hover {background: #fc0d1b;}


/*================================================
Preloader Area
=================================================*/

.preloader {
	position: fixed;
	z-index: 999999;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	text-align: center;
	left: 0;
	right: 0;
}
.loader{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.triple-spinner {
	display: block;
	position: relative;
	width: 125px;
	height: 125px;
	border-radius: 50%;
	border: 4px solid transparent;
	border-top: 4px solid #232f3e;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
.triple-spinner::before,
.triple-spinner::after {
	content: "";
	position: absolute;
	border-radius: 50%;
	border: 4px solid transparent;
}
.triple-spinner::before {
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-top-color: #fc0d1b;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3.5s linear infinite;
}
.triple-spinner::after {
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-top-color: #232f3e;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.75s linear infinite;
}
@-webkit-keyframes spin {
	from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
}
@keyframes spin {
	from {-webkit-transform: rotate(0deg);transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);transform: rotate(360deg);}
} 

/*================================================
box nero top
=================================================*/

.boxnero{background: #232f3e;color: white;padding: 10px 0;}
.boxnero a{color: white;}
.boxnero a:hover{color: #fc0d1b;text-decoration: none;}
.boxnero .container{display: flex;justify-content: space-between;align-items: center;}
.boxnero .container div{font-size: .9rem;}

/*================================================
menu
=================================================*/

.navbar-light .navbar-nav .nav-link {color: #232f3e;}
.menuscroll{
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3000;
}
.menuscroll .dropdown-menu {top: 120%;}
.menuscroll .navbar-brand img {width: 60%;}
.menuscroll .navbar-collapse {margin-top: 2.2%;}
#menu .nav-link{text-transform: uppercase;font-weight: 400;font-size: 1.2rem; position: relative;}
#menu .active .nav-link{color: #fc0d1b;text-decoration: underline;}
#menu .nav-link:hover{color: #fc0d1b;}
.navbar-collapse{margin-top: 3.8%;}
.navbar{border-bottom: 3px solid #fc0d1b;}
.navbar-brand img{width: 80%;}
.dropdown-menu {top: 119%;}
.nav-item .submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: 0px;
}
.dropdown-menu {min-width: 15rem;}
.dropdown-item:hover{background-color: #fc0d1b;color: white !important;}
.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #fc0d1b;}
.logdrop .alert-danger{width: 90%;margin: 2% auto;padding: .3rem 1.25rem;}
.logdrop, .seadrop{min-width: 20rem; text-align: center;}
.logdrop input, .seadrop input{width: 90%;margin: 2% auto;}
.logdrop button, .seadrop button{width: 90%;margin: 0 auto;}
.userhelpdrop a{display: block;color: #232f3e;}
.userhelpdrop a:hover{color: #fc0d1b;}
.userhelpdrop{
	width: 90%;
	margin: 2% auto;
	font-size: .8rem;
	text-align: right;
}
#userlog{padding-right: 0;}
.box-ricerca .col-lg-2 a{float:right;}
.box-ricerca .form-row{align-items: center;}
.box-ricerca .col-lg-2 .btn{font-size: 1rem;}
.box-ricerca{
	display: none;
	padding: 20px 0;
	position: absolute;
	z-index: 999;
	top: 102.9%;
	width: 100%;
	background: white;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-bottom: 3px solid #fc0d1b;
}
.box-ricerca form{width: 100%;}
.logbox{
	position: absolute;
	top: 5px;
	background: red;
	color: white;
	padding: 3px 5px;
	right: 15px;
	border-radius: 5px;
}
.logbox p{margin-bottom: 0; font-size: .8rem;}
.add i{color: red;}
.add small {
	background: red;
	color: white;
	border-radius: 50%;
	font-size: .6rem;
	width: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 16px;
	position: absolute;
	right: -1px;
	top: -3px;
	line-height: 18px;
}
.menuscroll .logbox {top: -7px;}


/*================================================
sub-menu
=================================================*/

.sub a{display: flex; align-items: center;justify-content: space-between;}
.sub a i{opacity: 0; transition: all .5s ease; transform: translateX(-100%);}
.sub:hover a i{opacity: 1; transform: translateX(0%)}
.sub{position: relative;}
.sub-icon{display: block !important;}
.sub .submenu{ display: none;position: absolute;left:100%; top:-11px;}
.sub:hover{ background-color: #fc0d1b;}
.sub:hover .submenu{display: block;}
.sub:hover a{color: white;}
.sub .submenu a{color: #212529;}
.sub .submenu li:hover a{color: white;}

/*================================================
d-sub-menu
=================================================*/

.sub .submenu .d-sub a{display: flex; align-items: center;justify-content: space-between;}
.sub .submenu .d-sub a i{opacity: 0; transition: all .5s ease; transform: translateX(-100%);}
.sub .submenu .d-sub:hover a i{opacity: 1; transform: translateX(0%)}
.d-sub{position: relative;}
.d-sub-icon{display: block !important;}
.d-sub .d-submenu{ display: none;position: absolute;left:100%; top:-11px;}
.d-sub:hover{ background-color: #fc0d1b;}
.d-sub:hover .d-submenu{display: block;}
.d-sub:hover a{color: white;}
.sub .submenu .d-sub .d-submenu a{color: #212529;}
.d-sub .d-submenu li:hover a{color: white;}

/*================================================
slider
=================================================*/

#sliderhome .carousel-item:before{
	content: '';
	position: absolute;
	background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 0, 0, 0)), to(#232f3e));
	background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(35,47,62,.5));
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.freccia{
	background: #fc0d1b;
	padding: 10px;
	border-radius: 10px;
	line-height: 0;
}
#sliderhome .carousel-control-next, .carousel-control-prev {width: 5%;}
#sliderhome .carousel-indicators li {
	width: 12px;
	height: 12px;
	border-radius: 40%;
	background-color: #fc0d1b;
}
.boxslider{background: #232f3e;z-index: 300;position: relative;}
#sliderhome .carousel-item .container{
	color: white;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
}
#sliderhome .carousel-item .container h2{font-size: 3rem;}
#sliderhome .carousel-item .container h4{font-size: 1.5rem;color: #fc0d1b;}
#sliderhome .carousel-item .container p{font-size: 1.2rem;}
.carousel-control-next, .carousel-control-prev{bottom: 15px;align-items: flex-end;z-index: 2000;}

/*================================================
nuovi prodotti
=================================================*/

.box{
	position: relative;
	box-shadow: 0 0 10px 0px #ced4da;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 30px;
}
.owl-theme .owl-nav{margin-top: 0;}
.box h4{font-size: 1.1rem;}
.box a:nth-child(2):hover{ color: #fc0d1b; text-decoration: none;}
.box img{transform: scale(.9); object-fit: cover; max-height: 330px; min-height: 330px; width: 100%;}
.box:hover img{transform: scale(1);}
.box .btns_box{
	margin-top: 1rem;
	display: flex;
	overflow: auto;
	position: relative;
	justify-content: space-between; 
	animation: btnboxa 1s;
}
.btns_box a:hover{color: white !important;}
.owl-item{margin-top: 10px;margin-bottom: 10px;}
.owl-item .item{padding: 3px;}
.owl-nav .owl-prev, .owl-nav .owl-next{
	background: #fc0d1b !important;
	width: 40px;
	height: 40px;
	color: white !important;
	font-size: 1.5rem !important;
	display: inline-flex !important;
	justify-content: center;
	align-items: center;
	border-radius: 10px !important;  
}
.owl-nav{text-align: right !important;}
.owl-nav .owl-prev:focus, .owl-nav .owl-next:focus{outline: 0;}
.owl-prev{margin-right: 5px;}
.badge-2 .text-danger{color: #232f3e !important;}
.show-products .carousel-inner img {object-fit: contain;max-height: 400px;}
.breadcrumb-item+.breadcrumb-item::before {
	content: "\f061" !important;
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    padding-right: .5rem;
    color: #fc0d1b;
    font-weight: 900;
    font-style: normal;
    text-decoration: inherit;
    font-size: .8rem;
    display: flex;
    align-items: center;
}
#custCarousel .carousel-indicators li img {max-height: 90px;}
.qta-box{display: flex; justify-content: flex-end;}
.qta-box input, .qta-input{width: 25%;}
.btnAddToCart{width: 70%;}
.listino-box{margin-bottom: .5rem;font-size: .9rem;}
.wish-btn button{
	color: #232f3e;
    background: transparent;
    border: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}
.wish-btn button:hover{color: #fc0d1b;background: transparent;}
.listino-prezzo-box strong:nth-child(1){text-decoration: line-through; text-decoration-color: red; -webkit-text-decoration-color: red;}
.prezzo-box-bar{
	font-size: 1rem;
    text-decoration: line-through;
    margin-bottom: .2rem;
    text-decoration-color: red; 
    -webkit-text-decoration-color: red;
    color: #232f3e;
}

/*================================================
box info
=================================================*/

.boxinfo{margin-top: 2%;}
.contenitoreinfo{
	background: #232f3e;
	padding: 15px;
	box-shadow: 0 0 10px 0px #ced4da;
	text-align: center;
	border-radius: 10px;
	color: white;
}
.box-iva{
	background: #232f3e;
	border-radius: 3px;
	padding: 2px;
	color: white;
	font-size: .7rem; 
}
.contenitoreinfo div{
	display: inline-flex;
	background: white ;
	color: #232f3e;
	padding: 10px;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	font-size: 1.1rem;
}
.contenitoreinfo h4{margin: 5% 0;}
.contenitoreinfo:hover{color: #232f3e;background: white;}
.contenitoreinfo:hover .btn-danger{background-color: #232f3e;border-color: #232f3e;}
.popupbox{position: absolute;right: 20px;z-index: 200;}
.popupbox p{margin-bottom: 0;}
.popupbox i{color: #fc0d1b;}
.popupbox div{
	background: #fc0d1b;
    padding: 5px;
    color: white;
    border-radius: 5px;
    text-transform: uppercase;
    font-size: .8rem;
}
.offerta strong:nth-child(2){margin-left: 3%;color: #fc0d1b;}
.offerta strong:nth-child(1){text-decoration: line-through;}
.disp, .nondisp{display: flex;align-items: center;font-size: .8rem;}
.nondisp p, .disp p{margin-left: 3px;margin-bottom: 0;}
.disp i{font-size: .6rem;color: green;}
.nondisp i{font-size: .6rem;color: #fc0d1b;}
.sheet_btns #qta-box{
	display: inline-block;
    width: 20%;
    margin: 0;
    border-width: 2px;
    vertical-align: middle;
}
.sheet_btns a:nth-child(2){width: 71.5%;}

/*================================================
prodotti per categoria
=================================================*/

.filtroattivo{background-color: #fc0d1b;border-color: #fc0d1b;}
.filtri{margin-top: 3%;}
.vid, .net, .arm{display: none;}
.tel{display: block;}

/*================================================
banner
=================================================*/

.banner{margin-top: 3%;position: relative;}
.banner:before{
	content: '';
	position: absolute;
	background: rgba(35,47,62,.7);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.banner .container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
	text-align: center;
}
.banner .container h2 {font-size: 4rem;}
.banner .container h4 {font-size: 2rem;color: #fc0d1b;}
.banner form button{margin-top: 2%;width: 30%;}
.banner form input[type = email]{width: 70%;margin: 0 auto;}
.banner i{font-size: 3rem;}
.banner .container div:nth-child(1){
	display: inline-flex;
	background: #fc0d1b;
	padding: 15px;
	border-radius: 50%;
	justify-content: center;
	align-items: center;
}

/*================================================
footer
=================================================*/

footer{background: #232f3e;}
footer .container{padding: 3% 15px;}
footer .container hr{border-color: #fc0d1b;}
footer .container h3, .contactinfo{color: white;padding-top: 2%;}
.contactinfo{display: flex;align-items: center;}
.contactinfo div:nth-child(1){
	background: #fc0d1b;
	padding: 10px;
	border-radius: 50%;
	line-height: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	margin-right: 2%;
}
.contactinfo a:hover{color: #fc0d1b;text-decoration: none;}
.contactinfo i{
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
footer .row .col-lg-4:nth-child(1) .contactinfo:nth-child(2){margin: 2% 0;}
footer .row .col-lg-4:nth-child(1) .contactinfo:nth-child(3),footer .row .col-lg-4:nth-child(1) .contactinfo:nth-child(4){margin-bottom: 2%;}
.mappa{
	width: 100%;
	height: 160px;
	border: 0;
	border-radius: 5px;
	margin-top: 3%;
}
footer h5{color: white;letter-spacing: 0.03rem;}
footer .row .col-lg-4:nth-child(2) a, footer .row .col-lg-4:nth-child(3) a, footer .row .col-lg-4:nth-child(5) a, footer .row .col-lg-4:nth-child(6) a{
	display: block;
	margin: 2% 0;
	color: white;
	transition: all 300ms linear;
	padding-left: 0;
}
footer .row .col-lg-4:nth-child(2) a:hover, footer .row .col-lg-4:nth-child(3) a:hover, footer .row .col-lg-4:nth-child(5) a:hover, footer .row .col-lg-4:nth-child(6) a:hover{color: #fc0d1b;text-decoration: none;padding-left: 10px;}
footer input{margin: 1.5% auto;}
.invio{text-align: right;}
.invio .btn-danger{width: 30%;}
.invio .btn-danger:hover{border-color: #fc0d1b;color: #fc0d1b;}
.fine{
	background: #fc0d1b;
	text-align: center;
	color: white;
	padding: 15px 0;
}
.fine p{margin-bottom: 0;line-height: 1;}
footer h6, .contactinfo a, .fine a, .fine a:hover{color: white;}
footer .userhelp{text-transform: uppercase;font-size: .6rem;text-align: right;}

/*================================================
login
=================================================*/

.registrazione{width: 100%;margin-top: 3%;}
.loginpage{height: 100%;width: 100%;}
#carouselfade img{object-fit: cover; height: 100%;}
.opacita{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(35,47,62,0) 0%, rgba(35,47,62,1) 100%);
	background: -webkit-linear-gradient(top, rgba(35,47,62,0) 0%,rgba(35,47,62,1) 100%);
	background: linear-gradient(to bottom, rgba(35,47,62,0)) 0%,rgba(35,47,62,1) 100%);
}
.carousel-inner {height: 100%;}
.logo,.form h2{margin-bottom: 5%;}
.logo{width: 40%;}
.form{text-align: left;}
.form h2{font-weight: 300;}
.form form .form-control {border: unset;border-bottom: 1px solid #ced4da;}
.form form .form-control:focus{box-shadow: none;}
.call a{color: #a4aab2; margin-right: 2%; text-decoration: none;vertical-align:middle;}
.call a:hover{color: #232f3e }
.call{text-align: right;}
.loginpage .col-xl-4{display: flex; align-items: center; position: relative;}
.footerlogin{
	position: absolute;
	bottom: 0;
	padding-bottom: 10px;
	z-index: 2000;
	width: 100%;
	background: transparent;
}
.footerlogin .container{padding: 0 15px;}
.form .alert-danger{color:#fc0d1b;}
.footerlogin a{margin-right: 1rem;color: #a4aab2;font-size: .75rem;}
.footerlogin a:hover{color: #fc0d1b; text-decoration: none; }
.footerlogin .col-xl-4{text-align: right;}
.protetto img{width: 55px;}
.protetto{
	text-align: right;
	display: block;
	position: absolute;
	right: 30px;
	top: 0;
	padding-top: 10px;
}
.protetto p{font-size: .6rem;}
.recuperopw{display: none;}
.closepw{padding: 15px;text-align: right;font-size: 1.2rem;}
.req-err{border-color: #fc0d1b;box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 25%);}
.custom-control-input:not(:checked) ~ .chk-err::before{border-color: #fc0d1b !important; box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 25%);}
.box-regs label a:hover{color:#fc0d1b; }

/*================================================
footer and nav logged
=================================================*/

.logged .alert p{margin-bottom: 0;}
.logged .btn-danger{background-color: transparent; color: #fc0d1b !important;}
.logged .btn-danger:hover{background-color: #fc0d1b; color: white !important; border-color:#fc0d1b;}
.logged a{transition: unset; padding-left: 0;}
.logged a:hover{padding-left: 0 !important;}
.logged-nav .fa-user-check{color: #fc0d1b;}
.userlog p{margin-bottom: 0;}
.vocimenu .btn-block{width: 90%; margin:2% auto;}

/*================================================
wishlist
=================================================*/

.b#fc0d1b1{
	background: #232f3e;
	height: 100px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.b#fc0d1b1 h3{color: white;text-transform: uppercase;}
.b#fc0d1b1 i{color: #fc0d1b;}
.b#fc0d1b1 .breadcrumb{
	background-color:transparent;
	font-size: .9rem;
	padding: .5rem 0;
	text-transform: uppercase;
}
.b#fc0d1b1 .breadcrumb-item a{color: #fc0d1b;}
.wish .col-lg-4{padding: 15px;}
.btn-danger-reverse.disabled, .btn-danger-reverse:disabled {
	opacity: .65;
	background: black;
	border-color: black;
	cursor: not-allowed;
	pointer-events: unset !important;
}
/*================================================
carrello
=================================================*/

.boxcart{
	box-shadow: 0 0 10px 0px #ced4da;
	padding: 10px;
	border-radius: 10px;
	margin: 5% 0;
}
.boxcart:first-child{margin-top: 0;}
.infocart{display: flex;justify-content: space-around;align-items: center;}
.boxcart h4{font-size: 1rem; margin-bottom: 0;}
.boxcart .icart{width: 40%;text-align: right;}
.boxcart .imgcart{width: 20%;}
.boxcart input{width: 60%;}
.boxcart .qta{display: flex;justify-content: space-between;align-items: center;}
.titolocart{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1% 1% 0 1%;
}
.titolocart i:hover{color: #fc0d1b;cursor: pointer;}
.boxordine{box-shadow: 0 0 10px 0px #ced4da;padding: 10px;border-radius: 10px;}
.boxordine div{display: flex;justify-content: space-between;align-items: center;}
.boxordine div:nth-child(5) p{color: #fc0d1b;}
.boxordine .btn-danger-reverse{width: 100%;margin: 1% 0;}
.boxordine .btn-danger{width: 100%;margin-top: 2%;}

/*================================================
privacy
=================================================*/

.privacy p{text-align: justify;}
.privacy ul, .privacy ol{padding-left: 15px;text-align: justify;}
.privacy h6{color: #232f3e;}
.privacy a{color: #fc0d1b;}
.privacy ol:nth-child(1){padding-left: 0;}
.privacy hr{border-color: #232f3e;}

/*================================================
contatti page
=================================================*/

.contattipage a, .contattipage span{color: #232f3e;}
.contattipage a:hover{color: #fc0d1b;}
.contattipage .contactinfo{margin: 3% 0;}
.contattipagefooter{margin-top: 0;}
.contattipage form input, .contattipage form select{ margin: 1% auto; }
.contattipage form input[type = file]{height: unset;}
.contattipage form .col-lg-12:last-child{margin-top: 2%;text-align: right;}
.contattipage form .col-lg-12 .form-check{margin-top: 1%;}

/*================================================
about page
=================================================*/

.about p{text-align: justify;}
.about .row .col-lg-12{margin: 3% auto;}
.about img{border-radius: 5px;}
.owl-carousel-about .item p{text-align: center;color: #232f3e;font-size: .9rem;}
.owl-carousel-about .item{padding: 3px 3px 5px 3px;text-align: center;border-radius: 5px;}

/*================================================
pagamenti sicuri page
=================================================*/

.pagamentisicuro .btn-danger{margin-bottom: 1rem;width: 100%;}
.pagamentisicuro p{text-align: justify;}
.pagamentisicuro .mappa{margin-bottom: 1rem; margin-top: 0}

/*================================================
spedizione e resi page
=================================================*/

.resi .btn-danger{margin-bottom: 1rem;}
.resi p a{color:#fc0d1b; }
.resibtn{width: 100%;}
.resi{text-align: justify;}

/*================================================
termini e condizioni page
=================================================*/

.termini .btn-danger, .termini .row{margin-bottom: 1rem;}
.termini p a{color:#fc0d1b; }
.resibtn{width: 100%;}
.termini .row a{color:#232f3e;}
.termini .row a:hover{color:#fc0d1b;}

/*================================================
mio account page
=================================================*/

.profilo .nav.nav-tabs .nav-link.title{border-top-left-radius: .25rem;border-top-right-radius: .25rem;}
.profilo .nav-tabs .nav-link.active, .profilo .nav-tabs .nav-link:hover{color: white;background-color: #fc0d1b !important;}
.profilo .nav-tabs .nav-link, .profilo .nav-tabs .nav-link:hover{border-radius: .25rem;}
.profilo .nav.nav-tabs .nav-link.title:hover{background: #232f3e !important;}
#wishlist a:hover, #ordini a:hover, #cambioPassword a:hover, #storicoOrdini a:hover{color: #fc0d1b;}
.badge{padding: 5px;}

/*================================================
mio account page badge colori
=================================================*/

/* consegnato */
.badge-success {background-color: #232F3E;}
/* spedito */
.badge-warning {color: white;background-color: #374250;}
/* in elaborazione */
.badge-info {background-color: #5A2736;}
/* in attesa di pagamento */
.badge-primary { background-color: #901E2D;}
/* cancellato */
.badge-danger {background-color: #fc0d1b;}

/*================================================
backoffice
=================================================*/

.top .row{margin-top: 2%; align-items: center;}
.top .top-header {border-bottom: 3px solid #232f3e; margin: 1rem auto;}
.bo-fine{position: fixed; width: 100%; bottom: 0;}
.padd-b-3 {padding-bottom: 30px;}
.backoffice #bacheca .btn-block {padding: 50px 0;}
.backoffice{padding: 40px 0;}
.btn-outline-danger{color: #fc0d1b; border-color: #fc0d1b;}
.btn-outline-danger:hover{color: #fff; background-color: #fc0d1b; border-color: #fc0d1b;}
.btn-outline-danger-reverse{color: #232f3e; border-color: #232f3e;}
.btn-outline-danger-reverse:hover{color: #fff; background-color: #232f3e; border-color: #232f3e;}
.bk-slide{width: 200px;}
.backoffice table td {vertical-align: middle;}
.backoffice table td a:hover{color: #fc0d1b;}
.bo-title{display: flex; align-items: center; justify-content: space-between;}
.bo-title h2{margin-bottom: 0;}
.log{display: inline-block;color: white;background: #fc0d1b;padding: 10px;border-radius: 5px;}
.backoffice .custom-control-input:checked ~ .custom-control-label::before { border-color: #106ebe !important; background-color: #106ebe !important;}  
.backoffice .custom-control-input:not(:checked) ~ .custom-control-label::before { border-color: #fc0d1b !important; background-color: #fc0d1b !important;} 
.filtro-scat{margin-bottom: 2%;}
.custom-switch .custom-control-label::after{background-color:white;}
#prodotti td{font-size: .9rem;}
.btn-outline-danger:not(:disabled):not(.disabled):active{color: #fc0d1b; background-color: transparent; border-color: #fc0d1b;}

/*================================================
backoffice - nuovo slide
=================================================*/

.new-slide .col-12, .new-slide .col-lg-6, .new-slide .col-lg-4, .new-slide .col-lg-2{margin-bottom: 2%;}
.new-slide .col-12 textarea{height: 120px;}
.info-img-slide i{color: #fc0d1b;}
.bo-thumb-slider{margin-top: 2%; position: relative;}
.bo-thumb-slider .del-thumb{position: absolute; right: 15px; top: 0px; background: #232f3e; padding: 12px;}
.bo-thumb-slider i{color: white; font-size: 1.5rem; vertical-align: middle;;}
.bo-thumb-slider i:hover{transform: scale(1.1); color: #fc0d1b;}

/*================================================
backoffice - nuovo utente
=================================================*/

.new-user input[type=checkbox]{position: relative; margin-left: 0;}
.new-user .col-lg-6{margin-bottom: 2%;}
.at-ut{margin-bottom: .5rem;}

/*================================================
backoffice - nuovo marchio
=================================================*/

.new-marchio .col-lg-10, .new-marchio .col-lg-2{margin-bottom: 2%;}
.new-marchio .col-12{text-align: right;}
#brand tbody tr:nth-child(even){background: rgba(0,0,0,.05);}
.tabella-cat table tr:nth-child(even){background: rgba(0,0,0,.05);}

/*================================================
backoffice - categoria/sottocategoria
=================================================*/

.boxcat {box-shadow: 1px 1px 10px #ced4da;padding: 10px; position: relative; margin: auto;border-radius: 5px;}
.boxcat h3{background: #232f3e; border-radius: 5px; padding: 5px; color: white; text-align: center;}
.boxcat .nav-link{font-weight: bold; display: flex; align-items: center; justify-content: space-between;}
.boxcat .nav-link i{display: none;}
.boxcat .nav-link:hover{color: white; background: #fc0d1b; border-radius: 5px;}
.cat-box{display: flex; justify-content: space-between; align-items: center;}
.cat .ordine a{color: #232f3e;}
.cat .ordine a:hover{color: #fc0d1b;}
.cat .azioni{display: flex; align-items: center;}
.cat .azioni .ordine{margin-left: 15px;}
.cat-attiva .nav-link{width: 100%; background: #fc0d1b; color: white; border-radius: 5px;}
.cat-attiva .azioni{display: none;}
.cat-attiva .nav-link i{display: block;}
.scat, .op-box{display: none;}
.boxcat .op-box .nav-link i{display: block;}
.boxcat .op-box .cat .cat-box{justify-content: center;}
.sotto-categorie .cat:nth-child(even) .cat-box, .categorie .cat:nth-child(even) .cat-box{background: rgba(0,0,0,.05); border-radius: 5px;}

/*================================================
backoffice - associazione prodotti
=================================================*/

.avvertenze{align-items: flex-end;}
.avvertenze .col-md-2 p{background-color: #fc0d1b; color: white; padding: 3px; border-radius: 3px;margin-bottom: .2rem;cursor: pointer;}
.avvertenze .col-md-2{text-align: center;}
.select-cat .col-md-4{text-align: right;}
.avvertenze .col-md-10 p{background: #fc0d1b;display: inline-block;color: white;padding: 3px;border-radius: 3px;margin-bottom: .2rem;}
.select-cat{box-shadow: 1px 1px 10px #ced4da;padding: 10px;position: relative;margin: auto;border-radius: 5px;}
.tabella-cat{box-shadow: 1px 1px 10px #ced4da; margin-top: .5rem; margin: .5rem 0px 0 0px; border-radius: 5px;}
.ui-dialog-titlebar{ background: #232f3e !important;border-color: #232f3e !important;color: white !important;border-radius: 5px !important;}
.ui-dialog .ui-dialog-titlebar-close {right: .9em !important;}
.ui-dialog .ui-dialog-buttonpane{margin-top: unset !important;}
.ui-dialog-buttonset button:nth-child(2){margin-right: 0 !important;}
.btn-danger-r{background-color: #fc0d1b !important;border-color: #fc0d1b !important; color: white !important; }
.btn-danger-r:hover{background-color: #232f3e !important;border-color: #232f3e !important; color: white !important;}
.btn-danger-reverse-r{color: white !important;background-color: #232f3e !important;border-color: #232f3e !important;}
.btn-danger-reverse-r:hover{color: white !important; background-color: #fc0d1b !important;border-color: #fc0d1b !important;}
.ui-dialog-buttonset button:nth-child(1){color: white !important;background-color: #232f3e !important;border-color: #232f3e !important;}
.ui-dialog-buttonset button:nth-child(2){background-color: #fc0d1b !important;border-color: #fc0d1b !important; color: white !important;}
.ui-dialog-buttonset button:nth-child(2):hover{color: white !important;background-color: #232f3e !important;border-color: #232f3e !important;}
.ui-dialog-buttonset button:nth-child(1):hover{background-color: #fc0d1b !important;border-color: #fc0d1b !important; color: white !important;}
#OP_LABEL b, #SUBCAT_LABEL b{color: #fc0d1b;}
#CSELECTOR:focus {border-color: #fc0d1b;box-shadow: 0 0 0 0.2rem rgb(255 0 0 / 25%);}
.marchio-tag-name{margin: 0;}
.marchio-tag-name h3{margin-bottom: 0;}
.marchio-tag-name .col-md-12{background: #fc0d1b; color: white;border-radius: 5px;margin-bottom: 8px;}

/*================================================
backoffice - configurazione prodotti
=================================================*/

.btn-save-config a{color: white !important;}
.box-marchio-sel{margin-bottom: 5px;}
.box-marchio-sel .col-md-12{border: 1px solid #232f3e; cursor: pointer; border-radius: 5px;}
.box-marchio-sel .col-md-12:hover{background: #fc0d1b; border-color: #fc0d1b; color: white;}
.prod-attivo{background: #fc0d1b; border-color: #fc0d1b; color: white;border-radius: 5px;}
.prod-attivo .col-md-12{border-color: #fc0d1b;}
.row-box-marchio{margin:0;}
.marchio-tag-name{margin: 0;}
.marchio-tag-name h3{margin-bottom: 0;}
.marchio-tag-name .col-md-12{background: #fc0d1b; color: white;border-radius: 5px;margin-bottom: 8px;}
.titolo-prod{background: #232f3e; color: white; padding: 3px; border-radius: 5px; display: inline-block;}
.box-conf-prod{
	box-shadow: 1px 1px 10px #ced4da;
	padding: 10px 20px;
	position: relative;
	margin: auto;
	border-radius: 5px;
	align-items: center;
	margin-bottom: .5rem;
	margin-top: 2%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.box-conf-prod label{margin-bottom: 0;}
.box-conf-prod .col-md-4:nth-child(3){display: flex; justify-content: flex-end; align-items: center;}
.box-conf-prod .col-md-4:nth-child(3) label{margin-right: 3px;}
.box-conf-prod .col-md-4:nth-child(3) input{width: 50%;}
.form-control:focus{border-color: #232f3e; box-shadow: 0 0 0 0.2rem rgb(35 47 62 / 25%);}
.gallery-prod{margin: 1% 0;}
.gallery-prod .col-md-12{padding: 0}
.gallery-prod legend{font-size: 1.2rem;margin-bottom: 0;}
.file-preview .fileinput-remove{font-size: 1.8rem; top: 7px !important; right: 3px !important; color: #232f3e;}
.file-preview .fileinput-remove:hover{color: #fc0d1b;}
.btn-file{color: #fff;background-color: #232f3e; border-color: #232f3e;}
.btn-file:hover{color: #fff;background-color: #fc0d1b; border-color: #fc0d1b;}
.file-drop-zone.clickable{border-color: #232f3e !important;}
.file-drop-zone.clickable:hover{border-color: #fc0d1b !important;}
.fileinput-remove-button, .fileinput-upload-button{color: #fff;background-color: #fc0d1b;border-color: #fc0d1b;}
.fileinput-remove-button:hover, .fileinput-upload-button:hover{color: #fff;background-color: #232f3e;border-color: #232f3e;}
.gallery-prod .form-group{margin-bottom: 0; padding: 10px 0}
.ui-dialog{z-index: 3000 !important;}
.gallery-prod .nav-tabs .nav-link.active{color: #fc0d1b;}
.gallery-prod .nav-tabs{margin-bottom: 5px;}
.text-box{margin: 0; margin-top: 1%;}
.titolo-up .col-md-2 .btn-danger, .titolo-up .col-md-10 .titolo-prod{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.titolo-up .col-md-10 .titolo-prod{display: inline-flex;}
.titolo-up .col-md-2 .btn-danger i{margin-right: 5px}
.titolo-up .col-md-2{padding-right: 0;}
input[type="checkbox"] {filter: hue-rotate(140deg); cursor: pointer;}

/*================================================
show-products
=================================================*/

.show-products h2{font-size: 1.2rem; margin-bottom: .5rem !important;}