#banner-homebody {
    /*font-family: 'Quicksand', sans-serif !important;*/
    /*font-weight: 900;*/
    font-family: 'Roboto', sans-serif !important;
}

body.bg-public {
  background: #000 !important;
  color: #FFF !important;
}

.form-control:focus, .form-control:active {
    border-color: #000;
    outline: 0;
    box-shadow: inset 0 0 0;
}

#icon-top-title{
  position: relative;
  top: -2rem !important;
}

#text-top-title{
  position: relative;
  top: -1rem !important;
}

#btn-top {
    position: fixed;
    bottom: 100px;
    right: 45px;
    display: none;
}

/*
body.bg-public {
  background: #f6f6f6 !important;
  color: #000 !important;
}
*/

a {
  color: #980000 !important;
  font-weight: bold !important;
}



#bg-page {
  width: 100% !important;
  height: auto !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative !important;
}

.custom-control-label::before ,
.custom-control-label::after{
  width: 1.25rem!important;
  height: 1.25rem!important;
}


.opacity-0 {
  opacity:0!important;
}
.opacity-1 {
  opacity:0.2!important;
}
.opacity-2 {
  opacity:0.4!important;
}
.opacity-3 {
  opacity:0.6!important;
}
.opacity-4 {
  opacity:.8!important;
}
.opacity-5 {
  opacity:1!important;
}

.box-text {
   background-color: #FFF !important;
   opacity: 0.6 !important;
  }


.box-img  {
  width: 100% !important;
  height: 22rem !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  position: relative !important;
}

/*
.card-robotics-medical :not(.NonOpaque){
        opacity:0.5;
    }
*/


@media only screen
and (min-width : 320px)
and (max-width : 480px) {
  #tiles-pages {
    max-height: 24rem !important;
  }

}

/* Centered text */
.centered-caption {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}



/*[type="number"] {
  text-align: right;
  direction: rtl;
}*/

#custom-file-input ~ #custom-file-label::after {
    /*content: "+";*/
    content: '\1F4CE';
}

#title-page h1 {
  font-size: 3rem !important;
  font-weight: 700;
  text-shadow: 1px 1px #005095;
}

#slider h1 {
  font-size: 3rem !important;
  font-weight: 700;
  text-shadow: 1px 1px #8e8e8e;

}

/*--------------------------------------------------------------
# Banner Home Section
--------------------------------------------------------------*/
#banner-home {
  width: 100%;
  height: 65vh;
  background-size: cover;
  position: relative;
  margin-bottom: -200px;
  font-weight: normal;
}

#banner-home .container {
  position: relative;

}

#banner-home h1 {
  margin: -200px 0 0 0;
  font-size: 4rem !important;
  font-weight: 700;
  line-height: 56px;
  text-shadow: 1px 1px #aecbe4;
}

#banner-home h2 {
  margin: 20px 0 0 0;
  font-size: 1.6rem !important;
}

#navbars-qsistemi .dotted-nav-select{
  border-bottom: 2px solid #980000 !important;
  color: #FFF !important;
  /*
  border-bottom: 2px solid #FFF !important;
  color: #FFF !important;
  */
}

@media (min-width: 1024px) {
  #banner-home {
    background-attachment: fixed;
  }
}

@media (max-width: 992px) {
  #banner-home {
    margin-bottom: 0;
    background-repeat: no-repeat;
    background-size: 900px !important;
    height: 50vh;
  }
  #banner-home .container {
    padding-bottom: 63px;
  }

  #banner-home h1 {
    margin: 0px 0 0 0;
    font-size: 2rem !important;
    line-height: 36px;
  }
  #banner-home h2 {
    font-size: 1.2rem !important;
    line-height: 24px;
    margin-bottom: 30px;
  }

  #navbars-qsistemi .dotted-nav-item{
      border-bottom: 1px dotted #999999;
  }

}

@media (max-height: 500px) {
  #banner-home {
    height: auto;
  }
}


#details ul {
  padding: 0;
  list-style: none;
  text-align: left;
  line-height: 20px;
}

#details ul li {
  padding-bottom: 12px;
}


#details ul i {
  color: #67a8fe;
  font-size: 18px;
  padding-right: 4px;
}

#details ul .na {
  color: #ccc;
}

#details ul .na i {
  color: #ccc;
}

#details ul .na span {
  text-decoration: line-through;
}




/*--------------------------------------------------------------
# Qsistemi Us
--------------------------------------------------------------*/
.Qsistemi-us .content {
  padding: 30px;
  background: #1977cc;
  border-radius: 4px;
  color: #fff;
}

.Qsistemi-us .content h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;
}

.Qsistemi-us .content p {
  margin-bottom: 30px;
}

.Qsistemi-us .content .more-btn {
  display: inline-block;
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 30px 8px 30px;
  color: #fff;
  border-radius: 50px;
  transition: all ease-in-out 0.4s;
}

.Qsistemi-us .content .more-btn i {
  font-size: 14px;
}

.Qsistemi-us .content .more-btn:hover {
  color: #1977cc;
  background: #fff;
}

.Qsistemi-us .icon-boxes .icon-box {
  text-align: center;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 40px 30px;
  width: 100%;
}

.Qsistemi-us .icon-boxes .icon-box i {
  font-size: 40px;
  color: #1977cc;
  margin-bottom: 30px;
}

.Qsistemi-us .icon-boxes .icon-box h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 30px 0;
}

.Qsistemi-us .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}


/*INIZIO CSS LOADING*/

.bg_load {
    position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: #fff;  /*colore intorno al cerchio*/
}

.load {
    /* Size and position */
	font-size: 25px; /* 1em */
    width: 8em;
	  height: 8em;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -100px;
    margin-left: -100px;

    /* Styles */
	border-radius: 50%;
    background: rgba(255,255,255,0.1);
    border: 0.2em dashed rgba(138,189,195,0.5);
    box-shadow:
        inset 0 0 2em rgba(255,255,255,0.3),
        0 0 0 0.7em rgba(255,255,255,0.3);
    animation: rota 3.5s linear infinite;

}


@keyframes rota {
    to { transform: rotate(360deg); }
}

@keyframes loading-1 {
    14.28% { opacity: 0.3; }
}

@keyframes loading-2 {
    28.57% { opacity: 0.3; }
}

@keyframes loading-3 {
    42.86% { opacity: 0.3; }
}

@keyframes loading-4 {
    57.14% { opacity: 0.3; }
}

@keyframes loading-5 {
    71.43% { opacity: 0.3; }
}

@keyframes loading-6 {
    85.71% { opacity: 0.3; }
}

@keyframes loading-7 {
    100% { opacity: 0.3; }
}

/*FINE CSS LOADING*/


.blinking{
    font-weight: 900 !important;
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: #9e1e1e;    }
    49%{    color: #9e1e1e; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: #9e1e1e;    }
}

.btn-blinking {
  animation: btn-blinking 1s linear infinite;
}

@keyframes btn-blinking {
  50% {
    opacity: 0;
  }
}


.font-roboto {
    font-family: 'Roboto', sans-serif !important;
    /*font-weight: 900;*/
}

.contatti { font-size: 1.4em; }
@media  only screen and (max-width:768px){
  /* For mobile phones: */
    .contatti { font-size: 1.06em !important; }
    h1 { font-size: 2em !important; }
    h2 { font-size: 1.5em !important; }
    h3 { font-size: 1.17em !important; }
    h4 { font-size: 1.12em !important; }
    h5 { font-size: .83em !important; }
    h6 { font-size: .75em !important; }

    .h1 { font-size: 2em !important; }
    .h2 { font-size: 1.5em !important; }
    .h3 { font-size: 1.17em !important; }
    .h4 { font-size: 1.12em !important; }
    .h5 { font-size: .83em !important; }
    .h6 { font-size: .75em !important; }

    .display-1 { font-size: 3em !important; }
    .display-2 { font-size: 2.5em !important; }
    .display-3 { font-size: 2.17em !important; }
    .display-4 { font-size: 2.12em !important; }
    .display-5 { font-size: 1.83em !important; }
    .display-6 { font-size: 1.75em !important; }

    .text-card-home-ovale {
        line-height:1.8rem !important;
        text-align: left !important;
    }
}

.fa-rotate-132 {
    -webkit-transform: rotate(132deg);
    -moz-transform: rotate(132deg);
    -ms-transform: rotate(132deg);
    -o-transform: rotate(132deg);
    transform: rotate(132deg);
}

.phone {
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@keyframes ring {
  0% { transform: rotate(0); }
  5% { transform: rotate(30deg); }
  10% { transform: rotate(-28deg); }
  15% { transform: rotate(34deg); }
  20% { transform: rotate(-32deg); }
  25% { transform: rotate(30deg); }
  30% { transform: rotate(-28deg); }
  35% { transform: rotate(26deg); }
  40% { transform: rotate(-24deg); }
  45% { transform: rotate(22deg); }
  50% { transform: rotate(-20deg); }
  55% { transform: rotate(18deg); }
  60% { transform: rotate(-16deg); }
  65% { transform: rotate(14deg); }
  70% { transform: rotate(-12deg); }
  75% { transform: rotate(10deg); }
  80% { transform: rotate(-8deg); }
  85% { transform: rotate(6deg); }
  90% { transform: rotate(-4deg); }
  95% { transform: rotate(2deg); }
  100% { transform: rotate(-1deg); }
}


.cookie-bar{
  position: fixed;
  bottom:0px;
  padding:15px;
  width: 100%;
  display: none;
  z-index:5000000;
  background-color:#BFBFBF;
}

.border-bandiera {
    border: 0.08em solid #e8e9e9;
}

hr.dashed {
    border-top: 2px dashed #999;
}

hr.dotted {
    border-top: 2px dotted #999;
}

hr.solid {
    border-top: 2px solid #999;
}


hr.hr-text {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
}

hr.hr-text::before {
    content: attr(data-content);
    display: inline-block;
    background: #fff;
    font-weight: bold;
    font-size: 0.85rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.2rem 2rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

hr.hr-text-trasparent {
  position: relative;
    border: none;
    height: 1px;
    background: #999;
}

hr.hr-text-trasparent::before {
    content: attr(data-content);
    display: inline-block;
    background: #E5E5E5;
    font-weight: bold;
    font-size: 1rem;
    color: #999;
    border-radius: 30rem;
    padding: 0.1rem 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.optionGroup {
    font-weight: bold !important;
}

.optionGroupTop {
    padding: 0 0px;
    font-weight: bold !important;
}

.optionGroup1 {
    padding: 0 25px;
    font-weight: bold !important;
}

.optionChild1 {
    padding: 0 25px;
}

.optionGroup2 {
    padding: 0 55px;
    font-weight: bold !important;
}

.optionChild2 {
    padding: 0 55px;
}

.optionChild3 {
    padding: 0 100px;
}

.card-link{
  background-color: transparent !important;
}

.card-link:hover{
    background-color: #e3e3e3 !important;
}

.card-horizontal {
  display: flex;
  flex: 1 1 auto;
}


.btn-link:hover::after{
  color: #0066CD;
}

.btn-link:hover::after{
    background: #0066CD;
    border-color: #F85666;
}

.site-banner .banner-text .category {
    margin-bottom: 15px;
}

.site-banner .banner-text .category a {
    display: inline-block;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 700;
    background: rgba(92,136,197,0.85);
    border-radius: 5px;
    padding: 5px 15px;
    margin: 5px;
}


.text-12 {
  font-size: 1.2rem !important;
}

.text-14 {
  font-size: 1.4rem !important;
}

.text-16 {
  font-size: 1.6rem !important;
}

.text-stroke {

  -webkit-text-stroke-width: 1px !important;
  -webkit-text-stroke-color: #980000 !important;
   /*   filter: alpha(opacity=80); /* IE */
   /* -moz-opacity: 0.3; /* Mozilla */
   /* opacity: 0.3; /* CSS3 */
   letter-spacing: 1px !important;
}



.breadcrumb-wrapper{
    display:none;
}


.widget-title {
    display: none;
}


#secondary .widget-title:before, .site-footer .widget-title:before {
     content: "";
    background: #fff;
}


.nav-link.image:hover{
  opacity: 0.3;
}

.text-menu {
   letter-spacing: 0.08rem;
   font-size: 1.2rem !important;
   font-weight: 300;
}

.listgroup-left{
     font-size: 0.82rem !important;
}

.medium{
   font-size: 0.9rem !important;
}

.text-1-2 {
   font-size: 1.2rem !important;
}

.btn-sml { height: 4vh; } /* change the value according to your need. */



.caption-calendar {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.caption-calendar img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.caption-calendar span {
    float: left;
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 80px;
    height: 90px;
    background: #1E90FF;
    filter: alpha(opacity=80); /* IE */
    -moz-opacity: 0.8; /* Mozilla */
    opacity: 0.8; /* CSS3 */
    position: absolute;
    left: 0;
    top:0;
}

.caption-calendar span h4,
.caption-calendar span h5,
.caption-calendar span h6 {
    line-height: 0.9 !important;
    color: #FFFFFF !important;
}

.caption-img-bottom {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}
.caption-img-bottom img {
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: none;
}
.caption-img-bottom span {
    float: left;
    margin: 0;
    padding: 10px;
    width: 100%;
    color: #dedede;
    background: #222; /* browser che non supportano rgba */
    background: rgba(0,0,0,0.7);
    position: absolute;
    left: 0;
    bottom: 0;
}
.caption-img-bottom span strong {
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    display: block;
    padding-bottom: 5px;
}


.list-group-item-custom-footer {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }

#contatti{
  background-color: #FFFFFF;
  letter-spacing: 2px;
  }
#contatti a{
  color: #4D4D4D;
  text-decoration: none;
}

#contatti{
  background-color: #FFFFFF;
  letter-spacing: 2px;
  }
#contatti a{
  color: #4D4D4D;
  text-decoration: none;
}


.text-custom-section-header {
     font-size: 1rem !important;
}

@media (max-width: 575.98px) {
  .text-custom-section-header {
     font-size: 0.8rem !important;
  }


  #contatti{padding-bottom: 800px;}
  #contatti .maps iframe{
    width: 100%;
    height: 450px;
  }
 }


@media (min-width: 576px) {

   #contatti{padding-bottom: 800px;}

   #contatti .maps iframe{
     width: 100%;
     height: 450px;
   }
 }

@media (min-width: 768px) {

  #contatti{padding-bottom: 350px;}

  #contatti .maps iframe{
    width: 100%;
    height: 850px;
  }
}

@media (min-width: 992px) {
  #contatti{padding-bottom: 200px;}

   #contatti .maps iframe{
     width: 100%;
     height: 700px;
   }
}

.list-group-item-icon {
  padding: 0 0 0 0;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.list-group-item-icon:hover {
  background-color: #FFFFFF !important;
}

.list-group-item-area:hover {
  background-color: #BFBFBF !important;
}


.list-group-item-area.active:hover {
  background-color: #BFBFBF !important;
  border-color: #BFBFBF !important;
  color: #980000 !important;
}

.list-group-item-area.active:hover a {
  color: #343A40 !important;

}

.list-group-item-area.active {
  background-color: #980000 !important;
  border-color: #980000 !important;
  color: #FFF !important;
}

.list-group-item-area.active a {
  color: #FFF !important;

}

.dropdown-menu {
    min-width: inherit !important;
}

.dropdown-item {
  background-color: #000 !important;
  color: #FFF !important;
}


a.dropdown-item:hover,
a.dropdown-item.active {
  background-color: #980000 !important;
  color: #FFF !important;
}

#author a{
  color: #4D4D4D;
  text-decoration: none;

}
/*--- end contatti ----*/




div #sidebar-wrapper .offcanvas-active{
    position:relative !important;
    overflow:hidden !important;
}

/*
div #sidebar-wrapper-container .offcanvas-active{
    position:relative !important;
    overflow:hidden !important;
}
*/

.offcanvas-header{ display:none; }

@media screen and (max-width: 992px) {

  /*******
  #navbars-qsistemi .nav-item {
    color: #1A1A1A !important;
    padding: 0.8rem;
    border-bottom: 1px dotted #999999;
    font-size: 1.2rem;
  }
  */

  /*.btn-megamenu-custom {
     background-color: #E5E5E5 !important;
   }*/

  .offcanvas-header{ display:block; }
  .navbar-collapse {
    position: fixed;
    top:0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: #f6f9ff !important;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
  }

  .navbar-collapse.show {
    visibility: visible;
    transform: translateX(-100%);
  }

  .list-group .list-group-root {
    /*background-color: #E5E5E5 !important;
    border: 0px  #E5E5E5 !important;*/
    background-color: #000 !important;
    border: 0px  #000 !important;
  }
  div #bg-mobile {
    /*background-color: #E5E5E5 !important;
    border: 0px  #E5E5E5 !important;*/
    background-color: #000 !important;
    border: 0px  #000 !important;
  }
}

.content-row {
  min-height:300px;
}


.text-custom {
    color: #980000 !important;
}

a.text-custom {
    color: #FFFFFF !important;
}

.bg-custom{
    background-color: #980000 !important;
    color: #FFFFFF !important;
}

.text-custom-admin {
    color: #1A1A1A !important;
}

a.text-custom-admin {
    color: #FFFFFF !important;
}

.bg-custom-admin{
    background-color: #1A1A1A !important;
    color: #FFFFFF !important;
}



.bg-grey{
    background-color: #E5E5E5 !important;
}

.bg-grey-light{
    background-color:#F1F1F1 !important;
}


.bg-custom-header-bar{
    background-color: #980000 !important;
    color: #FFFFFF !important;
}


.bg-black{
    background-color: #000 !important;
}

.bg-black-light{
    background-color: #1f1f1f !important;
}

.bg-black-super-light{
    background-color: #585858 !important;
}

.bg-custom-section-footer{
    background-color: #000 !important;
    color: #980000 !important;
}

/*
#bg-section-slider{
    background:url('../../../images/.jpg')  repeat-x scroll top transparent;
    background-position: initial;
    z-index: 10;
    left: 0;
    bottom:0;
    opacity:0.6;
    min-height:150px;
}
*/

.btn-rounded {
  border-radius: 50px;
}

.card-rounded {
  border-radius: 15px;
}


.bg-custom-footer{
    background-color: #000 !important;
}


/*
.main-content {
  min-height:600px;
}
*/

.cart-buttons span {
  width: 50px;
  text-align: center;
  border: 1px solid;
}

.card-img-top {
    min-height: 256px !important;
    max-height: 256px !important;
    width: auto !important;
}

.jumbotron-img-single {
    height: 300px !important;
    width: auto !important;
}

.cart-img-single {
    max-height: 100px !important;
    width: auto !important;
}

.hidden {
  display: none;
}


/*
#logo-invert {
    filter: invert(70%) !important ;
  }
*/

.not-pointer {
     cursor: pointer;
     pointer-events: none !important;
}


.btn-outline-danger {
  color: #fff !important;
  border-color: #980000  !important;
}

.btn-outline-danger:hover {
  color: #980000 !important;
  background-color: #E5E5E5 !important;
  border-color: #FF6C06 !important;
}

.bg-danger-ultra-light {
  background-color: #fcf1c9 !important;
  color: #5b3f0d !important;
}

.bg-danger-light {
  background-color: #F2A671 !important;
  color: #5b3f0d !important;
}

.btn-danger-light {
  background-color: #F2A671 !important;
  color: #5b3f0d !important;
}

.border-danger {
  border-color: #980000 !important;
}

.border-danger-light {
  border-color: #F2A671 !important;
}

.text-danger {
  color: #980000 !important;
}

.alert-danger{
  background-color: #980000 !important;
  border-color: #F2A671 !important;
  color: #000 !important;
}

.alert-dark{
  background-color: #171717 !important;
  border-color: #303030 !important;
  color: #c8c8c8 !important;
}

.text-danger :hover,
.text-danger a:hover {
  color: #a50000 !important;
  /*border-bottom: 1px solid #980000 !important;*/
}

.card-gradient {
  background: white;
  background-image: radial-gradient(#ededed 0.1rem, transparent 0);
  background-size: 18px 18px;
  background-position: -9px -9px;
}

.bg-danger {
  background-color: #980000 !important;
}

.btn-danger {
  color: #dddddd !important;
  background-color: #980000 !important;
  border-color: #222222 !important;
}


.btn-danger, .btn-danger a, .btn-danger:hover, .btn-danger a: hover,.btn-danger:active, .btn-danger a:active, .btn-danger:visited, .btn-danger a:visited{
    background-color: #980000 !important;
}

.text-danger, .text-danger a, .text-danger:hover, .text-danger a: hover,.text-danger:active, .text-danger a:active, .text-danger:visited, .text-danger a:visited{
  color: #980000 !important;
}


.btn-danger:hover,
.btn-danger a:hover {
  color: #1A1A1A !important;
  background-color: #BFBFBF !important;
  border-color: #7F7F7F !important;
}

.btn-outline-danger-disabled {
  color:#BFBFBF !important;
}


.btn-outline-danger {
  color: #980000 !important;
  border-color: #980000 !important;
}


.btn-danger-light {
  background-color: #df8181 !important;
  color: #5b0606 !important;
}

.bg-danger-ultra-light {
  background-color: #e3c0c0 !important;
  color: #5b0606 !important;
}

.bg-danger-light {
  background-color: #df8181 !important;
  color: #5b0606 !important;
}

.btn-danger {
  color: #fff !important;
  background-color: #980000 !important;
  border-color: #D20404 !important;
}


.btn-danger:hover,
.btn-danger a:hover {
  color: #1A1A1A !important;
  background-color: #BFBFBF !important;
  border-color: #7F7F7F !important;
}




.bg-secondary-light {
  background-color: #cdcdcd !important;
  color: #000000 !important;
}


.text-black {
  color: #000 !important;
}

.btn-black {
  color: #980000 !important;
  background-color: #000 !important;
  border-color: #1a1a1a !important;
}

.btn-black:hover,
.btn-black a:hover {
  color: #000 !important;
  background-color: #980000 !important;
  border-color: #FF6C06 !important;
}

.btn-language-disabled {
  cursor: not-allowed;
  pointer-events: none;
  color: #980000 !important;
  background-color: #FFF !important;
  border-color: #1a1a1a !important;
}

.btn-language {
  color: #000 !important;
  background-color: #FFF !important;
  border-color: #1a1a1a !important;
}

.btn-language:hover,
.btn-language a:hover {
  color: #FFF !important;
  background-color: #980000 !important;
  border-color: #1a1a1a !important;
}


.btn-number {
  background-color: #FFF !important;
}


.select-default {
  color: #000000 !important;
  border-color: #000 !important;
}

.select-default option {
  background:#000 !important;
  color:#fff !important;

}


.bg-success-ultra-light {
  background-color: #ddf0d2 !important;
  color: #173713 !important;
}

.bg-success-light {
  background-color: #c1dfb0 !important;
  color: #173713 !important;
}

.btn-success-light {
  background-color: #c1dfb0 !important;
  color: #173713 !important;
}

.border-success-light {
  border-color: #93c179 !important;
}


.bg-primary-light {
  background-color: #6d9ecf !important;
  color: #ffffff !important;
}

.bg-primary {
  background-color: #0066CD !important;
}

.text-primary {
  color: #0066CD !important;
}

.btn-outline-primary {
  color: #0066CD !important;
  border-color: #0052A5 !important;
}

.bg-outline-primary {
  border-color: #0053A7 !important;
  background-color: #7ca8d4 !important;
  color: #fff !important;
}

.btn-primary-custom {
  color: #fff !important;
  background-color: #0074E9 !important;
  border-color: #0053A7 !important;
}

.btn-primary-custom:hover,
.btn-primary-custom a:hover {
    background-color: #0052A5 !important;
}


.btn-outline-primary:hover,
.btn-outline-primary:hover {
  background-color: #0052A5 !important;
  color: #fff !important;
}

.btn-primary {
  color: #fff !important;
  background-color: #0066CD !important;
  border-color: #0052A5 !important;
}

.btn-primary:hover,
.btn-primary a:hover {
  background-color: #0052A5 !important;
  color: #fff !important;
}

.btn-outline-primary-disabled {
  color:#000000 !important;
}

.border-primary {
    border-color: #0066CD !important;
}

.text-primary {
    color: #0066CD !important;
}


.disabled {
    pointer-events: none;
    cursor: default;
}


.form-control:focus {
    outline: 0 !important;
    border-color: initial;
    box-shadow: none;
}


.navbar-toggler-icon.line{
    background-color: #047FF7 !important;
    color: #fff !important;
}



.btn.btn-custom-menu-mobile:hover {
    background-color: #0066CD !important;
    color: #FFF !important;
}

.btn.btn-custom-menu-mobile {
    background-color: #005DBA !important;
    color: #FFF !important;
}

/*
.navbar-toggler:hover {
    background-color: #047FF7 !important;
}
*/

.cart-smartphone {
  color: #4D4D4D !important;
}

.cart-smartphone:hover{
  color: #1A1A1A !important;
}

.btn.btn-filter{
  padding: 8px !important;
  height: 38px;
  width: 38px;
  background-color: #fff !important;
  color: #1A1A1A !important;
  border: 1px solid #1A1A1A !important;
}


.btn.btn-filter:hover{
  padding: 8px !important;
  height: 38px;
  width: 38px;
  background-color: #1A1A1A !important;
  color: #FFFFFF !important;
  border: 1px solid #1A1A1A !important;
}

.navbar-toggler.btn-filter{
  background-color: #FFFFFF !important;
  color: #1A1A1A !important;
  border: 1px solid #1A1A1A !important;
  padding: 8px !important;
}

.navbar-toggler.btn-filter:hover{
  background-color: #1A1A1A !important;
  color: #FFFFFF !important;
  border: 1px solid #1A1A1A !important;
  padding: 8px !important;
}



.btn-content-home {
  font-size: 3rem !important;
}

@media only screen
and (min-width : 320px)
and (max-width : 480px) {
  .btn-content-home {
    font-size: 2rem !important;
  }
  .mobile-center {
    text-align: center !important;
  }
  .dropdown-toggle-margin-left-mobile{
    margin-left: -10px !important;
  }
  .dropdown-toggle-margin-top-mobile{
    margin-top: -22px !important;
  }
  .dropdown-toggle-margin-top1-mobile{
    margin-top: -10px !important;
  }

  .btn-language-disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: #980000 !important;
    background-color: #000 !important;
    border-color: #FFF !important;
    font-size: 1.2rem !important;
  }

  .btn-language {
    color: #FFF !important;
    background-color: #000 !important;
    border-color: #FFF !important;
    font-size: 1.2rem !important;
  }
}




/*
@media screen and (max-width: 768px) and (min-width: 0px) {
  .desktop-only {
       display: none;
   }
}
*/


@media screen and (min-width: 992px)  {
  .mobile-only {
       display: none;
   }

  .title-card-contact{
    font-size: 1.4rem !important;
    font-weight: 700 !important;
  }

  .text-card-contact{
    font-size: 1rem !important;
  }
  .card-contact{
    padding-left: 2rem !important;
  }
  .text-small{
    font-size: 0.9rem !important;
  }
  .text-xsmall{
    font-size: 0.7rem !important;
  }

}


/*
@media (min-width: 1200px) {
    .abs-center-x {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        letter-spacing: 0.08rem;
        min-width: 125px !important;

    }
}
*/

@media (max-width: 1254px) {
    .home-hide{
        display: none !important;
    }
}


@media screen and (max-width: 992px) {
    .desktop-only {
       display: none;
    }

    #navbars-qsistemi .dotted-nav-select{
      border-bottom: 2px solid #980000 !important;
      color: #FFF !important;

      /*
      border-bottom: 2px solid #FFF !important;
      color: #FFF !important;
      */
    }

    #navbars-qsistemi {
      /*background-color: #0066CD !important;*/
      /*background-color: #f6f9ff !important;*/
      /*background-color: #343a40 !important;*/
      background-color: #000 !important;

    }

    #navbars-qsistemi .nav-item{
      color: #FFF !important;
      padding: 0.8rem !important;
      /*border-bottom: 1px dotted #999999;*/

    }
    #navbars-qsistemi .nav-item-collapse{
      /*color: #ffffff !important;*/
      padding-top: 0.8rem !important;
      letter-spacing: 0.08rem !important;
      /*padding-left: 0.4rem !important;*/
      font-weight: bold !important;

    }

    .home-hide{
        display: block !important;
    }

    .title-card-contact{
      font-size: 1.2rem !important;
      font-weight: 700 !important;
    }

    .text-card-contact{
      font-size: 1rem !important;
    }
    .card-contact{
      padding-left: 2rem !important;
    }
    .text-small{
      font-size: 0.8.2rem !important;
    }
    .text-small{
      font-size: 0.68rem !important;
    }
}

.font-navbar {
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.1rem;
    padding-left: 0.4rem  !important;
    font-size: 1.1rem !important;
    font-weight: 900 !important;
}

/*
.abs-center-x{
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 0.1rem;
    padding-left: 0.4rem  !important;
    font-size: 1.1rem !important;
    font-weight: 900 !important;
}
*/

.btn-navbar-custom {
  width: 135px !important;
  font-size: 1.2rem !important;
}

.text-navbar-custom {
  font-size: 1.2rem !important;
}

.fa-navbar-custom {
  font-size: 1.4rem !important;
}



/*
@media(max-width:1024px){
  #nav-item-custom li{
      padding-right: 0rem !important;
    }
  .img-logo-screen{
    max-width: 150px !important;
  }
  .fa-custom {
    font-size: 1rem !important;
  }
  .btn-screen{
    font-size: 0.8rem !important;
  }
  .big-screen {
    display: none;
  }

}
*/
/*
@media(max-width:1336px){
  #nav-item-custom li{
      padding-right: 0rem !important;
    }
  .img-logo-screen{
    max-width: 200px !important;
  }
  .fa-custom {
    font-size: 1.2rem !important;
  }
  .btn-screen{
    font-size: 1rem !important;
  }
  .big-screen {
    display: none;
  }

}
*/





@media(min-width:768px){
  .cart-smartphone{
        display: none;
  }
  .footer-bottom {
    /*tolto per ora
    position: fixed !important;*/
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    z-index:1030 !important;
    text-align: center !important;
  }
}

@media(max-width:768px){
  .cart-desktop{
    display: none;
  }
  .footer-bottom {
    text-align: left !important;
  }
  .list-group-item {
    float: left;
    margin: 0px;
    padding: 0px;
  }
}

/* INIZIO COLORE SOCIAL*/
.btn-custom-social {
  color: #30373d;
  background-color: #65dbde;
  border-color: #30373d;
}
/* FINE COLORE SOCIAL*/

.section.dark{
  background-color: #182b57;
}

.section.ovale{
  background-color: #0b6cd2;
}

.card.ovale{
  background-color: #1e88e5;
}

.card-h-rounded {
  border-radius: 15px;
}
.interlinea {
  line-height:2.0rem !important;
}
.container-servizi{
        max-width: 1700px;
    }
/*RECAPCHA*/
.grecaptcha-badge {
opacity: 0;
}

/* for sm */

.custom-switch.custom-switch-sm .custom-control-label {
    padding-left: 1rem;
    padding-bottom: 1rem;
}

.custom-switch.custom-switch-sm .custom-control-label::before {
    height: 1rem;
    width: calc(1rem + 0.75rem);
    border-radius: 2rem;
}

.custom-switch.custom-switch-sm .custom-control-label::after {
    width: calc(1rem - 4px);
    height: calc(1rem - 4px);
    border-radius: calc(1rem - (1rem / 2));
}

.custom-switch.custom-switch-sm .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1rem - 0.25rem));
}

/* for md */

.custom-switch.custom-switch-md .custom-control-label {
    padding-left: 2rem;
    padding-bottom: 1.5rem;
}

.custom-switch.custom-switch-md .custom-control-label::before {
    height: 1.5rem;
    width: calc(2rem + 0.75rem);
    border-radius: 3rem;
}

.custom-switch.custom-switch-md .custom-control-label::after {
    width: calc(1.5rem - 4px);
    height: calc(1.5rem - 4px);
    border-radius: calc(2rem - (1.5rem / 2));
}

.custom-switch.custom-switch-md .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(1.5rem - 0.25rem));
}

/* for lg */

.custom-switch.custom-switch-lg .custom-control-label {
    padding-left: 3rem;
    padding-bottom: 2rem;
}

.custom-switch.custom-switch-lg .custom-control-label::before {
    height: 2rem;
    width: calc(3rem + 0.75rem);
    border-radius: 4rem;
}

.custom-switch.custom-switch-lg .custom-control-label::after {
    width: calc(2rem - 4px);
    height: calc(2rem - 4px);
    border-radius: calc(3rem - (2rem / 2));
}

.custom-switch.custom-switch-lg .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2rem - 0.25rem));
}

/* for xl */

.custom-switch.custom-switch-xl .custom-control-label {
    padding-left: 4rem;
    padding-bottom: 2.5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::before {
    height: 2.5rem;
    width: calc(4rem + 0.75rem);
    border-radius: 5rem;
}

.custom-switch.custom-switch-xl .custom-control-label::after {
    width: calc(2.5rem - 4px);
    height: calc(2.5rem - 4px);
    border-radius: calc(4rem - (2.5rem / 2));
}

.custom-switch.custom-switch-xl .custom-control-input:checked ~ .custom-control-label::after {
    transform: translateX(calc(2.5rem - 0.25rem));
}




.line-red {
   width:auto;
   margin:-10px auto;
   background-image: linear-gradient(to left, transparent 0%, red 100%);

}