/*Cambiamo CSS Design */

@font-face {
    font-family: 'Fredoka One';
    src: url('../fonts/FredokaOne-Regular.woff2') format('woff2'),
        url('../fonts/FredokaOne-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Led Bold Font';
    src: url('../fonts/bold_led_board-7-webfont.woff2') format('woff2'),
         url('../fonts/bold_led_board-7-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

html {
    min-height: 100%;
}

body {
    background: linear-gradient(#3320F4, #262262);
}


#mainNav {
  min-height: 3.5rem;
  background-color: #3320F4;
}


#mainNav .navbar-brand {
 margin-left: 20px;
}


#mainNav .navbar-nav .nav-item:hover {
  color: fade(#fff, 80%);
  outline: none;
  background-color: transparent;
}
#mainNav .navbar-nav .nav-item:active, #mainNav .navbar-nav .nav-item:focus {
  outline: none;
  background-color: transparent;
}

@media (min-width: 992px) {
  #mainNav {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    background-color: transparent;
    transition: background-color 0.3s ease-in-out;
  }
  #mainNav .navbar-brand {
    padding: 0.5rem 0;
    color: rgba(255, 255, 255, 0.5);
  }
    
    #mainNav .sub-btn{
     margin-top: 25px;    
    }
    
  #mainNav .nav-link {
    transition: none;
    padding: 2rem 1.5rem;
    color: rgba(255, 255, 255, 0.5);
  }
 
  #mainNav .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
  }
  #mainNav .nav-link:active {
    color: #fff;
  }
  #mainNav.navbar-shrink {
    background-color: #3320F4;
  }
 
}


.carousel-control-prev {
	background: none;
	border: none;
}

.carousel-control-next{
	background: none;
	border: none;
}

.menu-btn{
	text-decoration: none;
}

.menu-btn:hover{
	text-decoration: none;
}

.menu-btn-card{
	background: none;
	border: none
}

.menu-btn-body {
	background: #361FFF;
	color: white;
	border-radius: 25px;
	font-size: 12pt;
	margin-top: -30px;
	padding: 10px;
}

.badge-menu-btn{
	position: absolute!important;
	right: 50%;
	top: -10px!important;
	margin-right: -20px!important;
	width: 40px!important;
	height: 40px!important;
	font-size: 14pt;
	padding-top: 10px!important;
}


.btn-link {
    color: #3320F4;
}

.btn-link:hover {
    color: #8029F4;
}

.unsel {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Likely future */       
} 

.circle-number{
    width: 45px;
    height: 45px;
    background: #00FFB0;
    border-radius: 50%;
    display: inline-block;
    color: #361FFF;
    text-align: center!important;
}

.input-group .input-text {
  border-radius: 0;
}

.input-group .input-text:first-child {
    border-radius: 40px 0 0 40px;
}


.input-group .input-text:last-child {
    border-radius: 0 40px 40px 0;
    margin-left: -1px;
}

.input-group .input-text:only-child {
    border-radius: 40px;
    margin-left: 0;
}

.btn-group .input-text {
  border-radius: 0;
}

.btn-group .button:first-child {
    border-radius: 40px 0 0 40px;
}


.btn-group .button:last-child {
    border-radius: 0 40px 40px 0;
    margin-left: -1px;
}

.btn-group .button:only-child {
    border-radius: 40px;
    margin-left: 0;
}

.button {
    background: #0000FF;
    border: 0px;
    color: #FFF;
}


.button:hover {
    background: #000074;
    border: 0px;
}


.button.active {
    background: #000074!important;
    border: 0px!important;
    color: #FFF!important;
}

.sub-btn{
    background: #00FFB0;
    border: 0px;
    color: #262262;
    border-radius: 40px;
    font-family: "Fredoka One";
}

.sub-btn:hover{
    background: #00ACA4;
    border: 0px;
    color: #262262;
    border-radius: 40px;
    
}

.input-text{
    border: 0px;
    border-radius: 40px;
    color: #000074;
}

.hr-footer {
  border:none;
  height: 20px;
 	width: 100%;
	height: 50px;
	box-shadow: 0 20px 20px -20px #000;
  margin: -98px auto 10px; 
}

.logo-icon{
    margin-right: 5px;
    
}/* Define the shape and color of the hamburger lines */
.navbar-toggler span {
    display: block;
    background-color: #FFF;
    height: 3px;
    width: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
    left: 0;
    opacity: 1;
    transition: all 0.35s ease-out;
    transform-origin: center left;
}


/* top line needs a little padding */
.navbar-toggler span:nth-child(1) {
    margin-top: 0.3em;
}

/**
 * Animate collapse into X.
 */

/* top line rotates 45 degrees clockwise and moves up and in a bit to close the center of the X in the center of the button */
.navbar-toggler:not(.collapsed) span:nth-child(1) {
    transform: translate(15%, -33%) rotate(45deg);
}
/* center line goes transparent */
.navbar-toggler:not(.collapsed) span:nth-child(2) {
    opacity: 0;
}
/* bottom line rotates 45 degrees counter clockwise, in, and down a bit to close the center of the X in the center of the button  */
.navbar-toggler:not(.collapsed) span:nth-child(3) {
    transform: translate(15%, 33%) rotate(-45deg) ;
}


/**
 * Animate collapse open into hamburger menu
 */

/* top line moves back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(1) {
    transform: translate(0%, 0%) rotate(0deg) ;
}
/* middle line goes back to regular color and opacity */
.navbar-toggler span:nth-child(2) {
    opacity: 1;
}
/* bottom line goes back to initial position and rotates back to 0 degrees */
.navbar-toggler span:nth-child(3) {
    transform: translate(0%, 0%) rotate(0deg) ;
}


.dtw-bg {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  background-color: #000;
  height: 60px;
  margin: 0;
  padding: 1.2em 0;
  font-size: 1.0em;
  font-family: 'Led Bold Font';
  color: #FFF;
  text-transform: uppercase;
}

 .marquee {
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  animation: marquee 30s linear infinite;
}

.marquee p {
  display: inline-block;
  margin-left: 5px;
  margin-right: 5px;
}

@keyframes marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}



.strike {
        display: block;
        text-align: center;
        overflow: hidden;
        white-space: nowrap; 
    }

    .strike > span {
        position: relative;
        display: inline-block;
    }
	
    .strike > span:before,
    .strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background: #E7E7E7;
    }

    .strike > span:before {
        right: 100%;
        margin-right: 15px;
    }

    .strike > span:after {
        left: 100%;
        margin-left: 15px;
    }



.subt-strike {
        display: block;
        text-align: left;
        overflow: hidden;
        white-space: nowrap;
        font-family: "Fredoka One"!important;
        font-size: 15pt!important;
    }

    .subt-strike > span {
        position: relative;
        display: inline-block;
    }
	
    .subt-strike > span:before,
    .subt-strike > span:after {
        content: "";
        position: absolute;
        top: 50%;
        width: 9999px;
        height: 1px;
        background: #E7E7E7;
    }

    .subt-strike > span:before {
        right: 100%;
        margin-right: 0px;
    }

    .subt-strike > span:after {
        left: 100%;
        margin-left: 15px;
    }