@font-face {
  font-family: nexa;
  src: url("nexa-script.otf") format("opentype");
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-family: 'Source Sans Pro', sans-serif;
}

.mylabel{
  color: rgb(100,100,100);
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0px;
  display:block;
}

.nexa {
  font-family: nexa;
}


#accordion_faq h3 {
    margin-top: 16px;
}

.cross {
    background-color: #ececec;
    opacity: 0.8;
    background: radial-gradient(
            circle,
            transparent 20%,
            #ececec 20%,
            #ececec 80%,
            transparent 80%,
            transparent
        ),
        radial-gradient(
                circle,
                transparent 20%,
                #ececec 20%,
                #ececec 80%,
                transparent 80%,
                transparent
            )
            25px 25px,
        linear-gradient(#cccccc 2px, transparent 2px) 0 -1px,
        linear-gradient(90deg, #cccccc 2px, #ececec 2px) -1px 0;
    background-size: 50px 50px, 50px 50px, 25px 25px, 25px 25px;
}
.maxw {
    max-width: 1024px;
    margin: 0 auto;
}



.moveBackGrad {
	background: linear-gradient(-45deg, #ee7752, #67328a, #0b316b, #207191);
	background-size: 400% 400%;
	animation: gradientMove 7s ease infinite;
	/*height: 100vh;*/
}

@keyframes gradientMove {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



.ball {
    position: absolute;
    border-radius: 100%;
    opacity: 0.7;
  }
  

  .wrapper{
      max-width: 1024px;
      margin: 0 auto;
      min-height: 1000px;
  }



  .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
  }
  
  .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }



  
.colorLine {
  display: flex;
  width: 100%;
  height: 8px;
  margin: 5px 0px 5px 0px;
}

  .colorLine-sm {
    height: 8px;
    margin: 0;
    flex-grow: 1;
    transition: all 0.8s ease-in-out;
    cursor: pointer;
  }
  
  .colorLine-sm:hover {
    flex-grow: 12;
  }


  .red {
    background-color: #FF5852;
  }
  
  .orange {
    background-color: #FF9000;
  }
  
  .yellow {
    background-color: #FFD300;
  }
  
  .green {
    background-color: #3DCD49;
  }
  
  .blue {
    background-color: #0089D7;
  }
  
  .purple {
    background-color: #9E44C4;
  }


  .tablecard {
    border-collapse: collapse;
    width: 100%;

}

.tablecard th {
    text-transform: uppercase;
    font-size: small;
    text-align: left;
    border: 1px solid rgb(230, 230, 230);
    background-color: rgb(242, 242, 242);
    padding-left: 5px;
    padding-right: 5px;
}

.tablecard td {
    padding-left: 5px;
    padding-right: 5px;
}





.le-border-noright {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
  border-right-width: 0px;
}

.le-border-noleft {
  border-top-width: 1px;
  border-top-style: solid;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-right-width: 1px;
  border-right-style: solid;
  border-left-width: 0px;
}