/* * Base CSS for general UI features */
html, body{
     padding: 0;
     margin: 0;
}

/* :root{

} */

.vv-root-cover{
     display: flex;
     min-height: 100vh;
}

.vv-container-fluid, .vv-container {
     margin-right: auto;
     margin-left: auto;

     flex-direction: row;
     flex-wrap: wrap;
     flex: 0 1 auto;

     width: 100%;
     display: flex;
}
.vv-container{
     margin: 0 auto;
     max-width: 1280px;
}

.vv-flex{
     flex-grow: 1;
     flex-basis: 0;
     max-width: 100%;
}


/* FLEX GRID SYSTEM */
/* Xsmall View */
@media screen and (min-width: 320px) {
    .vv-xs-1-24,
    .vv-xs-2-24,
    .vv-xs-3-24,
    .vv-xs-4-24,
    .vv-xs-5-24,
    .vv-xs-6-24,
    .vv-xs-7-24,
    .vv-xs-8-24,
    .vv-xs-9-24,
    .vv-xs-10-24,
    .vv-xs-11-24,
    .vv-xs-12-24,
    .vv-xs-13-24,
    .vv-xs-14-24,
    .vv-xs-15-24,
    .vv-xs-16-24,
    .vv-xs-17-24,
    .vv-xs-18-24,
    .vv-xs-19-24,
    .vv-xs-20-24,
    .vv-xs-21-24,
    .vv-xs-22-24,
    .vv-xs-23-24,
    .vv-xs-24-24,
    .vv-xs-20,
    .vv-xs-40,
    .vv-xs-60,
    .vv-xs-80{
         /* display: flex; */
         flex: 0 0 auto;
    }
    .vv-xs-0-24{
         display : none;
         width: 0%;
    }
    .vv-xs-1-24{
         flex-basis: 4.1667%;
         max-width: 4.1667%;
    }
    .vv-xs-2-24{
         flex-basis: 8.3333%;
         max-width: 8.3333%;
    }
    .vv-xs-3-24{
         flex-basis: 12.5%;
         max-width: 12.5%;
    }
    .vv-xs-4-24{
         flex-basis: 16.6667%;
         max-width: 16.6667%;
    }
    .vv-xs-5-24{
         flex-basis: 20.8333%;
         max-width: 20.8333%;
    }
    .vv-xs-6-24{
         flex-basis: 25%;
         max-width: 25%;
    }
    .vv-xs-7-24{
         flex-basis: 29.1667%;
         max-width: 29.1667%;
    }
    .vv-xs-8-24{
         flex-basis: 33.3333%;
         max-width: 33.3333%;
    }
    .vv-xs-9-24{
         flex-basis: 37.5000%;
         max-width: 37.5000%;
    }
    .vv-xs-9-24{
         flex-basis: 37.5000%;
         max-width: 37.5000%;
    }
    .vv-xs-10-24{
         flex-basis: 41.6667%;
         max-width: 41.6667%;
    }
    .vv-xs-11-24{
         flex-basis: 45.8333%;
         max-width: 45.8333%;
    }
    .vv-xs-12-24{
         flex-basis: 50%;
         max-width: 50%;
    }
    .vv-xs-13-24{
         flex-basis: 54.1667%;
         max-width: 54.1667%;
    }
    .vv-xs-14-24{
         flex-basis: 58.3333%;
         max-width: 58.3333%;
    }
    .vv-xs-15-24{
         flex-basis: 62.5000%;
         max-width: 62.5000%;
    }
    .vv-xs-16-24{
         flex-basis: 66.6667%;
         max-width: 66.6667%;
    }
    .vv-xs-17-24{
         flex-basis: 70.8333%;
         max-width: 70.8333%;
    }
    .vv-xs-18-24{
         flex-basis: 75%;
         max-width: 75%;
    }
    .vv-xs-19-24{
         flex-basis: 79.1667%;
         max-width: 79.1667%;
    }
    .vv-xs-20-24{
         flex-basis: 83.3333%;
         max-width: 83.3333%;
    }
    .vv-xs-21-24{
         flex-basis: 85.5000%;
         max-width: 85.5000%;
    }
    .vv-xs-22-24{
         flex-basis: 91.6667%;
         max-width: 91.66667%;
    }
    .vv-xs-23-24{
         flex-basis: 95.8333%;
         max-width: 95.8333%;
    }
    .vv-xs-24-24{
         flex-basis: 100%;
         max-width: 100%;
    }
    .vv-xs-20{
         flex-basis: 20%;
         max-width: 20%;
    }
    .vv-xs-40{
         flex-basis: 40%;
         max-width: 40%;
    }
    .vv-xs-60{
         flex-basis: 60%;
         max-width: 60%;
    }
    .vv-xs-80{
         flex-basis: 80%;
         max-width: 80%;
    }
}


/* Small View */
@media screen and (min-width: 568px) {
     .vv-sm-1-24,
     .vv-sm-2-24,
     .vv-sm-3-24,
     .vv-sm-4-24,
     .vv-sm-5-24,
     .vv-sm-6-24,
     .vv-sm-7-24,
     .vv-sm-8-24,
     .vv-sm-9-24,
     .vv-sm-10-24,
     .vv-sm-11-24,
     .vv-sm-12-24,
     .vv-sm-13-24,
     .vv-sm-14-24,
     .vv-sm-15-24,
     .vv-sm-16-24,
     .vv-sm-17-24,
     .vv-sm-18-24,
     .vv-sm-19-24,
     .vv-sm-20-24,
     .vv-sm-21-24,
     .vv-sm-22-24,
     .vv-sm-23-24,
     .vv-sm-24-24,

     .vv-sm-20,
     .vv-sm-40,
     .vv-sm-60,
     .vv-sm-80{
          /* display: flex; */
          flex: 0 0 auto;
     }

     .vv-sm-0-24{
          display : none;
          width: 0%;
     }

     .vv-sm-1-24{
          flex-basis: 4.1667%;
          max-width: 4.1667%;
     }
     .vv-sm-2-24{
          flex-basis: 8.3333%;
          max-width: 8.3333%;
     }
     .vv-sm-3-24{
          flex-basis: 12.5%;
          max-width: 12.5%;
     }
     .vv-sm-4-24{
          flex-basis: 16.6667%;
          max-width: 16.6667%;
     }
     .vv-sm-5-24{
          flex-basis: 20.8333%;
          max-width: 20.8333%;
     }
     .vv-sm-6-24{
          flex-basis: 25%;
          max-width: 25%;
     }
     .vv-sm-7-24{
          flex-basis: 29.1667%;
          max-width: 29.1667%;
     }
     .vv-sm-8-24{
          flex-basis: 33.3333%;
          max-width: 33.3333%;
     }
     .vv-sm-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-sm-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-sm-10-24{
          flex-basis: 41.6667%;
          max-width: 41.6667%;
     }
     .vv-sm-11-24{
          flex-basis: 45.8333%;
          max-width: 45.8333%;
     }
     .vv-sm-12-24{
          flex-basis: 50%;
          max-width: 50%;
     }
     .vv-sm-13-24{
          flex-basis: 54.1667%;
          max-width: 54.1667%;
     }
     .vv-sm-14-24{
          flex-basis: 58.3333%;
          max-width: 58.3333%;
     }
     .vv-sm-15-24{
          flex-basis: 62.5000%;
          max-width: 62.5000%;
     }
     .vv-sm-16-24{
          flex-basis: 66.6667%;
          max-width: 66.6667%;
     }
     .vv-sm-17-24{
          flex-basis: 70.8333%;
          max-width: 70.8333%;
     }
     .vv-sm-18-24{
          flex-basis: 75%;
          max-width: 75%;
     }
     .vv-sm-19-24{
          flex-basis: 79.1667%;
          max-width: 79.1667%;
     }
     .vv-sm-20-24{
          flex-basis: 83.3333%;
          max-width: 83.3333%;
     }
     .vv-sm-21-24{
          flex-basis: 85.5000%;
          max-width: 85.5000%;
     }
     .vv-sm-22-24{
          flex-basis: 91.6667%;
          max-width: 91.66667%;
     }
     .vv-sm-23-24{
          flex-basis: 95.8333%;
          max-width: 95.8333%;
     }
     .vv-sm-24-24{
          flex-basis: 100%;
          max-width: 100%;
     }

     .vv-sm-20{
          flex-basis: 20%;
          max-width: 20%;
     }
     .vv-sm-40{
          flex-basis: 40%;
          max-width: 40%;
     }
     .vv-sm-60{
          flex-basis: 60%;
          max-width: 60%;
     }
     .vv-sm-80{
          flex-basis: 80%;
          max-width: 80%;
     }
} 

/* Medium View */
@media screen and (min-width: 768px) {
     .vv-md-1-24,
     .vv-md-2-24,
     .vv-md-3-24,
     .vv-md-4-24,
     .vv-md-5-24,
     .vv-md-6-24,
     .vv-md-7-24,
     .vv-md-8-24,
     .vv-md-9-24,
     .vv-md-10-24,
     .vv-md-11-24,
     .vv-md-12-24,
     .vv-md-13-24,
     .vv-md-14-24,
     .vv-md-15-24,
     .vv-md-16-24,
     .vv-md-17-24,
     .vv-md-18-24,
     .vv-md-19-24,
     .vv-md-20-24,
     .vv-md-21-24,
     .vv-md-22-24,
     .vv-md-23-24,
     .vv-md-24-24,

     .vv-md-20,
     .vv-md-40,
     .vv-md-60,
     .vv-md-80{
          flex: 0 0 auto;
     }

     .vv-md-0-24{
          display : none;
          width: 0%;
     }

     .vv-md-1-24{
          flex-basis: 4.1667%;
          max-width: 4.1667%;
     }
     .vv-md-2-24{
          flex-basis: 8.3333%;
          max-width: 8.3333%;
     }
     .vv-md-3-24{
          flex-basis: 12.5%;
          max-width: 12.5%;
     }
     .vv-md-4-24{
          flex-basis: 16.6667%;
          max-width: 16.6667%;
     }
     .vv-md-5-24{
          flex-basis: 20.8333%;
          max-width: 20.8333%;
     }
     .vv-md-6-24{
          flex-basis: 25%;
          max-width: 25%;
     }
     .vv-md-7-24{
          flex-basis: 29.1667%;
          max-width: 29.1667%;
     }
     .vv-md-8-24{
          flex-basis: 33.3333%;
          max-width: 33.3333%;
     }
     .vv-md-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-md-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-md-10-24{
          flex-basis: 41.6667%;
          max-width: 41.6667%;
     }
     .vv-md-11-24{
          flex-basis: 45.8333%;
          max-width: 45.8333%;
     }
     .vv-md-12-24{
          flex-basis: 50%;
          max-width: 50%;
     }
     .vv-md-13-24{
          flex-basis: 54.1667%;
          max-width: 54.1667%;
     }
     .vv-md-14-24{
          flex-basis: 58.3333%;
          max-width: 58.3333%;
     }
     .vv-md-15-24{
          flex-basis: 62.5000%;
          max-width: 62.5000%;
     }
     .vv-md-16-24{
          flex-basis: 66.6667%;
          max-width: 66.6667%;
     }
     .vv-md-17-24{
          flex-basis: 70.8333%;
          max-width: 70.8333%;
     }
     .vv-md-18-24{
          flex-basis: 75%;
          max-width: 75%;
     }
     .vv-md-19-24{
          flex-basis: 79.1667%;
          max-width: 79.1667%;
     }
     .vv-md-20-24{
          flex-basis: 83.3333%;
          max-width: 83.3333%;
     }
     .vv-md-21-24{
          flex-basis: 85.5000%;
          max-width: 85.5000%;
     }
     .vv-md-22-24{
          flex-basis: 91.6667%;
          max-width: 91.66667%;
     }
     .vv-md-23-24{
          flex-basis: 95.8333%;
          max-width: 95.8333%;
     }
     .vv-md-24-24{
          flex-basis: 100%;
          max-width: 100%;
     }

     .vv-md-20{
          flex-basis: 20%;
          max-width: 20%;
     }
     .vv-md-40{
          flex-basis: 40%;
          max-width: 40%;
     }
     .vv-md-60{
          flex-basis: 60%;
          max-width: 60%;
     }
     .vv-md-80{
          flex-basis: 80%;
          max-width: 80%;
     }
}

/* Large View */
@media screen and (min-width: 1024px) {
     .vv-lg-1-24,
     .vv-lg-2-24,
     .vv-lg-3-24,
     .vv-lg-4-24,
     .vv-lg-5-24,
     .vv-lg-6-24,
     .vv-lg-7-24,
     .vv-lg-8-24,
     .vv-lg-9-24,
     .vv-lg-10-24,
     .vv-lg-11-24,
     .vv-lg-12-24,
     .vv-lg-13-24,
     .vv-lg-14-24,
     .vv-lg-15-24,
     .vv-lg-16-24,
     .vv-lg-17-24,
     .vv-lg-18-24,
     .vv-lg-19-24,
     .vv-lg-20-24,
     .vv-lg-21-24,
     .vv-lg-22-24,
     .vv-lg-23-24,
     .vv-lg-24-24,

     .vv-lg-20,
     .vv-lg-40,
     .vv-lg-60,
     .vv-lg-80{
          /* display: flex; */
          flex: 0 0 auto;
     }

     .vv-lg-0-24{
          display : none;
          width: 0%;
     }

     .vv-lg-1-24{
          flex-basis: 4.1667%;
          max-width: 4.1667%;
     }
     .vv-lg-2-24{
          flex-basis: 8.3333%;
          max-width: 8.3333%;
     }
     .vv-lg-3-24{
          flex-basis: 12.5%;
          max-width: 12.5%;
     }
     .vv-lg-4-24{
          flex-basis: 16.6667%;
          max-width: 16.6667%;
     }
     .vv-lg-5-24{
          flex-basis: 20.8333%;
          max-width: 20.8333%;
     }
     .vv-lg-6-24{
          flex-basis: 25%;
          max-width: 25%;
     }
     .vv-lg-7-24{
          flex-basis: 29.1667%;
          max-width: 29.1667%;
     }
     .vv-lg-8-24{
          flex-basis: 33.3333%;
          max-width: 33.3333%;
     }
     .vv-lg-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-lg-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-lg-10-24{
          flex-basis: 41.6667%;
          max-width: 41.6667%;
     }
     .vv-lg-11-24{
          flex-basis: 45.8333%;
          max-width: 45.8333%;
     }
     .vv-lg-12-24{
          flex-basis: 50%;
          max-width: 50%;
     }
     .vv-lg-13-24{
          flex-basis: 54.1667%;
          max-width: 54.1667%;
     }
     .vv-lg-14-24{
          flex-basis: 58.3333%;
          max-width: 58.3333%;
     }
     .vv-lg-15-24{
          flex-basis: 62.5000%;
          max-width: 62.5000%;
     }
     .vv-lg-16-24{
          flex-basis: 66.6667%;
          max-width: 66.6667%;
     }
     .vv-lg-17-24{
          flex-basis: 70.8333%;
          max-width: 70.8333%;
     }
     .vv-lg-18-24{
          flex-basis: 75%;
          max-width: 75%;
     }
     .vv-lg-19-24{
          flex-basis: 79.1667%;
          max-width: 79.1667%;
     }
     .vv-lg-20-24{
          flex-basis: 83.3333%;
          max-width: 83.3333%;
     }
     .vv-lg-21-24{
          flex-basis: 85.5000%;
          max-width: 85.5000%;
     }
     .vv-lg-22-24{
          flex-basis: 91.6667%;
          max-width: 91.66667%;
     }
     .vv-lg-23-24{
          flex-basis: 95.8333%;
          max-width: 95.8333%;
     }
     .vv-lg-24-24{
          flex-basis: 100%;
          max-width: 100%;
     }

     .vv-lg-20{
          flex-basis: 20%;
          max-width: 20%;
     }
     .vv-lg-40{
          flex-basis: 40%;
          max-width: 40%;
     }
     .vv-lg-60{
          flex-basis: 60%;
          max-width: 60%;
     }
     .vv-lg-80{
          flex-basis: 80%;
          max-width: 80%;
     }
}
/* XLarge View */
@media screen and (min-width: 1280px) {
     .vv-xl-1-24,
     .vv-xl-2-24,
     .vv-xl-3-24,
     .vv-xl-4-24,
     .vv-xl-5-24,
     .vv-xl-6-24,
     .vv-xl-7-24,
     .vv-xl-8-24,
     .vv-xl-9-24,
     .vv-xl-10-24,
     .vv-xl-11-24,
     .vv-xl-12-24,
     .vv-xl-13-24,
     .vv-xl-14-24,
     .vv-xl-15-24,
     .vv-xl-16-24,
     .vv-xl-17-24,
     .vv-xl-18-24,
     .vv-xl-19-24,
     .vv-xl-20-24,
     .vv-xl-21-24,
     .vv-xl-22-24,
     .vv-xl-23-24,
     .vv-xl-24-24,

     .vv-xl-20,
     .vv-xl-40,
     .vv-xl-60,
     .vv-xl-80{
          /* display: flex; */
          flex: 0 0 auto;
     }

     .vv-xl-0-24{
          display : none;
          width: 0%;
     }

     .vv-xl-1-24{
          flex-basis: 4.1667%;
          max-width: 4.1667%;
     }
     .vv-xl-2-24{
          flex-basis: 8.3333%;
          max-width: 8.3333%;
     }
     .vv-xl-3-24{
          flex-basis: 12.5%;
          max-width: 12.5%;
     }
     .vv-xl-4-24{
          flex-basis: 16.6667%;
          max-width: 16.6667%;
     }
     .vv-xl-5-24{
          flex-basis: 20.8333%;
          max-width: 20.8333%;
     }
     .vv-xl-6-24{
          flex-basis: 25%;
          max-width: 25%;
     }
     .vv-xl-7-24{
          flex-basis: 29.1667%;
          max-width: 29.1667%;
     }
     .vv-xl-8-24{
          flex-basis: 33.3333%;
          max-width: 33.3333%;
     }
     .vv-xl-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-xl-9-24{
          flex-basis: 37.5000%;
          max-width: 37.5000%;
     }
     .vv-xl-10-24{
          flex-basis: 41.6667%;
          max-width: 41.6667%;
     }
     .vv-xl-11-24{
          flex-basis: 45.8333%;
          max-width: 45.8333%;
     }
     .vv-xl-12-24{
          flex-basis: 50%;
          max-width: 50%;
     }
     .vv-xl-13-24{
          flex-basis: 54.1667%;
          max-width: 54.1667%;
     }
     .vv-xl-14-24{
          flex-basis: 58.3333%;
          max-width: 58.3333%;
     }
     .vv-xl-15-24{
          flex-basis: 62.5000%;
          max-width: 62.5000%;
     }
     .vv-xl-16-24{
          flex-basis: 66.6667%;
          max-width: 66.6667%;
     }
     .vv-xl-17-24{
          flex-basis: 70.8333%;
          max-width: 70.8333%;
     }
     .vv-xl-18-24{
          flex-basis: 75%;
          max-width: 75%;
     }
     .vv-xl-19-24{
          flex-basis: 79.1667%;
          max-width: 79.1667%;
     }
     .vv-xl-20-24{
          flex-basis: 83.3333%;
          max-width: 83.3333%;
     }
     .vv-xl-21-24{
          flex-basis: 85.5000%;
          max-width: 85.5000%;
     }
     .vv-xl-22-24{
          flex-basis: 91.6667%;
          max-width: 91.66667%;
     }
     .vv-xl-23-24{
          flex-basis: 95.8333%;
          max-width: 95.8333%;
     }
     .vv-xl-24-24{
          flex-basis: 100%;
          max-width: 100%;
     }

     .vv-xl-20{
          flex-basis: 20%;
          max-width: 20%;
     }
     .vv-xl-40{
          flex-basis: 40%;
          max-width: 40%;
     }
     .vv-xl-60{
          flex-basis: 60%;
          max-width: 60%;
     }
     .vv-xl-80{
          flex-basis: 80%;
          max-width: 80%;
     }
}




/* UI Adjustment */

.clear {
     clear: both;
     height: 1px;
     font-size: 1px;
     display: block;
}

.hidden {
     display: none
}

.hidden-content, .no-show {
     display: none;
     height: 0;
     width: 0
}

.full, .line {
     float: left;
     width: 100%;
     display: block;
}

.half {
     width: 48%
}

.tleft {
     text-align: left
}

.tcenter {
     text-align: center
}

.tright {
     text-align: right
}

.left-to-center, .right-to-center {
     text-align: center
}

.xlfont {
     font-size: 150%
}

.lgfont {
     font-size: 120%
}

.nmfont {
     font-size: 100%
}

.mdfont {
     font-size: 90%
}

.smfont {
     font-size: 80%
}

.upper {
     text-transform: uppercase
}

.onecap {
     text-transform: capitalize
}

.lower {
     text-transform: lowercase
}

.strong {
     font-weight: 700
}

.left {
     float: left;
}

.right {
     float: right
}

.center {
     margin: auto
}

.margtop0 {
     margin-top: 0
}

.margleft0 {
     margin-left: 0
}

.margbase0 {
     margin-bottom: 0
}

.margright0 {
     margin-right: 0
}

.paddl0 {
     padding-left: 0
}

.paddl5 {
     padding-left: 5px
}

.paddl10 {
     padding-left: 10px
}

.paddl15 {
     padding-left: 15px
}

.paddl20 {
     padding-left: 20px
}

.paddl25 {
     padding-left: 25px
}

.paddr0 {
     padding-right: 0
}

.paddr5 {
     padding-right: 5px
}

.paddr10 {
     padding-right: 10px
}

.paddr15 {
     padding-right: 15px
}
.paddr20 {
     padding-right: 20px
}

.paddr25 {
     padding-right: 25px
}

.paddr30 {
     padding-right: 30px
}

.marginl5 {
     margin-left: 5px
}

.marginl10 {
     margin-left: 10px
}

.marginl15 {
     margin-left: 15px
}

.marginr5 {
     margin-right: 5px
}

.marginr10 {
     margin-right: 10px
}

.marginr15 {
     margin-right: 15px
}

.padd5 {
     padding: 5px
}

.padd10 {
     padding: 10px
}

.padd15 {
     padding: 15px
}

.padd20 {
     padding: 20px
}

.padd25 {
     padding: 25px
}

.paddless {
     padding: 0
}

.margless {
     margin: 0
}

.top5 {
     margin-top: 5px
}

.top10 {
     margin-top: 10px
}

.top15 {
     margin-top: 15px
}

.top20 {
     margin-top: 20px
}

.top25 {
     margin-top: 25px
}

.base5 {
     margin-bottom: 5px
}

.base10 {
     margin-bottom: 10px
}

.base15 {
     margin-bottom: 15px
}

.base20 {
     margin-bottom: 20px
}

.base25 {
     margin-bottom: 25px
}

.push-up5 {
     padding-top: 5px
}

.push-up10 {
     padding-top: 10px
}

.push-up15 {
     padding-top: 15px
}

.push-up20 {
     padding-top: 20px
}

.push-up25 {
     padding-top: 25px
}

.push-down5 {
     padding-bottom: 5px
}

.push-down10 {
     padding-bottom: 10px
}

.push-down15 {
     padding-bottom: 15px
}

.line {
     float: left;
     margin-top: 5px;
     padding-bottom: 7px;
     border-bottom: solid 1px #EEE
}

     .line-left{
          border-left: solid 1px #DDD;
     }
     .line-right{
          border-right: solid 1px #DDD;
     }
     .line-top{
          border-top: solid 1px #DDD;
     }

.no-shadow {
     box-shadow: none
}

.rad2 {
     border-radius: 2px
}

.rad3 {
     border-radius: 3px
}

.rad4 {
     border-radius: 4px
}

.rad5 {
     border-radius: 5px
}




/* COLORS */
.red.lighten-5 {
     background-color: #FFEBEE !important
}

.red-text.text-lighten-5 {
     color: #FFEBEE !important
}

.red.lighten-4 {
     background-color: #FFCDD2 !important
}

.red-text.text-lighten-4 {
     color: #FFCDD2 !important
}

.red.lighten-3 {
     background-color: #EF9A9A !important
}

.red-text.text-lighten-3 {
     color: #EF9A9A !important
}

.red.lighten-2 {
     background-color: #E57373 !important
}

.red-text.text-lighten-2 {
     color: #E57373 !important
}

.red.lighten-1 {
     background-color: #EF5350 !important
}

.red-text.text-lighten-1 {
     color: #EF5350 !important
}

.red {
     background-color: #F44336 !important
}

.red-text {
     color: #F44336 !important
}

.red.darken-1 {
     background-color: #E53935 !important
}

.red-text.text-darken-1 {
     color: #E53935 !important
}

.red.darken-2 {
     background-color: #D32F2F !important
}

.red-text.text-darken-2 {
     color: #D32F2F !important
}

.red.darken-3 {
     background-color: #C62828 !important
}

.red-text.text-darken-3 {
     color: #C62828 !important
}

.red.darken-4 {
     background-color: #B71C1C !important
}

.red-text.text-darken-4 {
     color: #B71C1C !important
}

.red.accent-1 {
     background-color: #FF8A80 !important
}

.red-text.text-accent-1 {
     color: #FF8A80 !important
}

.red.accent-2 {
     background-color: #FF5252 !important
}

.red-text.text-accent-2 {
     color: #FF5252 !important
}

.red.accent-3 {
     background-color: #FF1744 !important
}

.red-text.text-accent-3 {
     color: #FF1744 !important
}

.red.accent-4 {
     background-color: #D50000 !important
}

.red-text.text-accent-4 {
     color: #D50000 !important
}

.pink.lighten-5 {
     background-color: #fce4ec !important
}

.pink-text.text-lighten-5 {
     color: #fce4ec !important
}

.pink.lighten-4 {
     background-color: #f8bbd0 !important
}

.pink-text.text-lighten-4 {
     color: #f8bbd0 !important
}

.pink.lighten-3 {
     background-color: #f48fb1 !important
}

.pink-text.text-lighten-3 {
     color: #f48fb1 !important
}

.pink.lighten-2 {
     background-color: #f06292 !important
}

.pink-text.text-lighten-2 {
     color: #f06292 !important
}

.pink.lighten-1 {
     background-color: #ec407a !important
}

.pink-text.text-lighten-1 {
     color: #ec407a !important
}

.pink {
     background-color: #e91e63 !important
}

.pink-text {
     color: #e91e63 !important
}

.pink.darken-1 {
     background-color: #d81b60 !important
}

.pink-text.text-darken-1 {
     color: #d81b60 !important
}

.pink.darken-2 {
     background-color: #c2185b !important
}

.pink-text.text-darken-2 {
     color: #c2185b !important
}

.pink.darken-3 {
     background-color: #ad1457 !important
}

.pink-text.text-darken-3 {
     color: #ad1457 !important
}

.pink.darken-4 {
     background-color: #880e4f !important
}

.pink-text.text-darken-4 {
     color: #880e4f !important
}

.pink.accent-1 {
     background-color: #ff80ab !important
}

.pink-text.text-accent-1 {
     color: #ff80ab !important
}

.pink.accent-2 {
     background-color: #ff4081 !important
}

.pink-text.text-accent-2 {
     color: #ff4081 !important
}

.pink.accent-3 {
     background-color: #f50057 !important
}

.pink-text.text-accent-3 {
     color: #f50057 !important
}

.pink.accent-4 {
     background-color: #c51162 !important
}

.pink-text.text-accent-4 {
     color: #c51162 !important
}

.purple.lighten-5 {
     background-color: #f3e5f5 !important
}

.purple-text.text-lighten-5 {
     color: #f3e5f5 !important
}

.purple.lighten-4 {
     background-color: #e1bee7 !important
}

.purple-text.text-lighten-4 {
     color: #e1bee7 !important
}

.purple.lighten-3 {
     background-color: #ce93d8 !important
}

.purple-text.text-lighten-3 {
     color: #ce93d8 !important
}

.purple.lighten-2 {
     background-color: #ba68c8 !important
}

.purple-text.text-lighten-2 {
     color: #ba68c8 !important
}

.purple.lighten-1 {
     background-color: #ab47bc !important
}

.purple-text.text-lighten-1 {
     color: #ab47bc !important
}

.purple {
     background-color: #9c27b0 !important
}

.purple-text {
     color: #9c27b0 !important
}

.purple.darken-1 {
     background-color: #8e24aa !important
}

.purple-text.text-darken-1 {
     color: #8e24aa !important
}

.purple.darken-2 {
     background-color: #7b1fa2 !important
}

.purple-text.text-darken-2 {
     color: #7b1fa2 !important
}

.purple.darken-3 {
     background-color: #6a1b9a !important
}

.purple-text.text-darken-3 {
     color: #6a1b9a !important
}

.purple.darken-4 {
     background-color: #4a148c !important
}

.purple-text.text-darken-4 {
     color: #4a148c !important
}

.purple.accent-1 {
     background-color: #ea80fc !important
}

.purple-text.text-accent-1 {
     color: #ea80fc !important
}

.purple.accent-2 {
     background-color: #e040fb !important
}

.purple-text.text-accent-2 {
     color: #e040fb !important
}

.purple.accent-3 {
     background-color: #d500f9 !important
}

.purple-text.text-accent-3 {
     color: #d500f9 !important
}

.purple.accent-4 {
     background-color: #a0f !important
}

.purple-text.text-accent-4 {
     color: #a0f !important
}

.deep-purple.lighten-5 {
     background-color: #ede7f6 !important
}

.deep-purple-text.text-lighten-5 {
     color: #ede7f6 !important
}

.deep-purple.lighten-4 {
     background-color: #d1c4e9 !important
}

.deep-purple-text.text-lighten-4 {
     color: #d1c4e9 !important
}

.deep-purple.lighten-3 {
     background-color: #b39ddb !important
}

.deep-purple-text.text-lighten-3 {
     color: #b39ddb !important
}

.deep-purple.lighten-2 {
     background-color: #9575cd !important
}

.deep-purple-text.text-lighten-2 {
     color: #9575cd !important
}

.deep-purple.lighten-1 {
     background-color: #7e57c2 !important
}

.deep-purple-text.text-lighten-1 {
     color: #7e57c2 !important
}

.deep-purple {
     background-color: #673ab7 !important
}

.deep-purple-text {
     color: #673ab7 !important
}

.deep-purple.darken-1 {
     background-color: #5e35b1 !important
}

.deep-purple-text.text-darken-1 {
     color: #5e35b1 !important
}

.deep-purple.darken-2 {
     background-color: #512da8 !important
}

.deep-purple-text.text-darken-2 {
     color: #512da8 !important
}

.deep-purple.darken-3 {
     background-color: #4527a0 !important
}

.deep-purple-text.text-darken-3 {
     color: #4527a0 !important
}

.deep-purple.darken-4 {
     background-color: #311b92 !important
}

.deep-purple-text.text-darken-4 {
     color: #311b92 !important
}

.deep-purple.accent-1 {
     background-color: #b388ff !important
}

.deep-purple-text.text-accent-1 {
     color: #b388ff !important
}

.deep-purple.accent-2 {
     background-color: #7c4dff !important
}

.deep-purple-text.text-accent-2 {
     color: #7c4dff !important
}

.deep-purple.accent-3 {
     background-color: #651fff !important
}

.deep-purple-text.text-accent-3 {
     color: #651fff !important
}

.deep-purple.accent-4 {
     background-color: #6200ea !important
}

.deep-purple-text.text-accent-4 {
     color: #6200ea !important
}

.indigo.lighten-5 {
     background-color: #e8eaf6 !important
}

.indigo-text.text-lighten-5 {
     color: #e8eaf6 !important
}

.indigo.lighten-4 {
     background-color: #c5cae9 !important
}

.indigo-text.text-lighten-4 {
     color: #c5cae9 !important
}

.indigo.lighten-3 {
     background-color: #9fa8da !important
}

.indigo-text.text-lighten-3 {
     color: #9fa8da !important
}

.indigo.lighten-2 {
     background-color: #7986cb !important
}

.indigo-text.text-lighten-2 {
     color: #7986cb !important
}

.indigo.lighten-1 {
     background-color: #5c6bc0 !important
}

.indigo-text.text-lighten-1 {
     color: #5c6bc0 !important
}

.indigo {
     background-color: #3f51b5 !important
}

.indigo-text {
     color: #3f51b5 !important
}

.indigo.darken-1 {
     background-color: #3949ab !important
}

.indigo-text.text-darken-1 {
     color: #3949ab !important
}

.indigo.darken-2 {
     background-color: #303f9f !important
}

.indigo-text.text-darken-2 {
     color: #303f9f !important
}

.indigo.darken-3 {
     background-color: #283593 !important
}

.indigo-text.text-darken-3 {
     color: #283593 !important
}

.indigo.darken-4 {
     background-color: #1a237e !important
}

.indigo-text.text-darken-4 {
     color: #1a237e !important
}

.indigo.accent-1 {
     background-color: #8c9eff !important
}

.indigo-text.text-accent-1 {
     color: #8c9eff !important
}

.indigo.accent-2 {
     background-color: #536dfe !important
}

.indigo-text.text-accent-2 {
     color: #536dfe !important
}

.indigo.accent-3 {
     background-color: #3d5afe !important
}

.indigo-text.text-accent-3 {
     color: #3d5afe !important
}

.indigo.accent-4 {
     background-color: #304ffe !important
}

.indigo-text.text-accent-4 {
     color: #304ffe !important
}

.blue.lighten-5 {
     background-color: #E3F2FD !important
}

.blue-text.text-lighten-5 {
     color: #E3F2FD !important
}

.blue.lighten-4 {
     background-color: #BBDEFB !important
}

.blue-text.text-lighten-4 {
     color: #BBDEFB !important
}

.blue.lighten-3 {
     background-color: #90CAF9 !important
}

.blue-text.text-lighten-3 {
     color: #90CAF9 !important
}

.blue.lighten-2 {
     background-color: #64B5F6 !important
}

.blue-text.text-lighten-2 {
     color: #64B5F6 !important
}

.blue.lighten-1 {
     background-color: #42A5F5 !important
}

.blue-text.text-lighten-1 {
     color: #42A5F5 !important
}

.blue {
     background-color: #2196F3 !important
}

.blue-text {
     color: #2196F3 !important
}

.blue.darken-1 {
     background-color: #1E88E5 !important
}

.blue-text.text-darken-1 {
     color: #1E88E5 !important
}

.blue.darken-2 {
     background-color: #1976D2 !important
}

.blue-text.text-darken-2 {
     color: #1976D2 !important
}

.blue.darken-3 {
     background-color: #1565C0 !important
}

.blue-text.text-darken-3 {
     color: #1565C0 !important
}

.blue.darken-4 {
     background-color: #0D47A1 !important
}

.blue-text.text-darken-4 {
     color: #0D47A1 !important
}

.blue.accent-1 {
     background-color: #82B1FF !important
}

.blue-text.text-accent-1 {
     color: #82B1FF !important
}

.blue.accent-2 {
     background-color: #448AFF !important
}

.blue-text.text-accent-2 {
     color: #448AFF !important
}

.blue.accent-3 {
     background-color: #2979FF !important
}

.blue-text.text-accent-3 {
     color: #2979FF !important
}

.blue.accent-4 {
     background-color: #2962FF !important
}

.blue-text.text-accent-4 {
     color: #2962FF !important
}

.light-blue.lighten-5 {
     background-color: #e1f5fe !important
}

.light-blue-text.text-lighten-5 {
     color: #e1f5fe !important
}

.light-blue.lighten-4 {
     background-color: #b3e5fc !important
}

.light-blue-text.text-lighten-4 {
     color: #b3e5fc !important
}

.light-blue.lighten-3 {
     background-color: #81d4fa !important
}

.light-blue-text.text-lighten-3 {
     color: #81d4fa !important
}

.light-blue.lighten-2 {
     background-color: #4fc3f7 !important
}

.light-blue-text.text-lighten-2 {
     color: #4fc3f7 !important
}

.light-blue.lighten-1 {
     background-color: #29b6f6 !important
}

.light-blue-text.text-lighten-1 {
     color: #29b6f6 !important
}

.light-blue {
     background-color: #03a9f4 !important
}

.light-blue-text {
     color: #03a9f4 !important
}

.light-blue.darken-1 {
     background-color: #039be5 !important
}

.light-blue-text.text-darken-1 {
     color: #039be5 !important
}

.light-blue.darken-2 {
     background-color: #0288d1 !important
}

.light-blue-text.text-darken-2 {
     color: #0288d1 !important
}

.light-blue.darken-3 {
     background-color: #0277bd !important
}

.light-blue-text.text-darken-3 {
     color: #0277bd !important
}

.light-blue.darken-4 {
     background-color: #01579b !important
}

.light-blue-text.text-darken-4 {
     color: #01579b !important
}

.light-blue.accent-1 {
     background-color: #80d8ff !important
}

.light-blue-text.text-accent-1 {
     color: #80d8ff !important
}

.light-blue.accent-2 {
     background-color: #40c4ff !important
}

.light-blue-text.text-accent-2 {
     color: #40c4ff !important
}

.light-blue.accent-3 {
     background-color: #00b0ff !important
}

.light-blue-text.text-accent-3 {
     color: #00b0ff !important
}

.light-blue.accent-4 {
     background-color: #0091ea !important
}

.light-blue-text.text-accent-4 {
     color: #0091ea !important
}

.cyan.lighten-5 {
     background-color: #e0f7fa !important
}

.cyan-text.text-lighten-5 {
     color: #e0f7fa !important
}

.cyan.lighten-4 {
     background-color: #b2ebf2 !important
}

.cyan-text.text-lighten-4 {
     color: #b2ebf2 !important
}

.cyan.lighten-3 {
     background-color: #80deea !important
}

.cyan-text.text-lighten-3 {
     color: #80deea !important
}

.cyan.lighten-2 {
     background-color: #4dd0e1 !important
}

.cyan-text.text-lighten-2 {
     color: #4dd0e1 !important
}

.cyan.lighten-1 {
     background-color: #26c6da !important
}

.cyan-text.text-lighten-1 {
     color: #26c6da !important
}

.cyan {
     background-color: #00bcd4 !important
}

.cyan-text {
     color: #00bcd4 !important
}

.cyan.darken-1 {
     background-color: #00acc1 !important
}

.cyan-text.text-darken-1 {
     color: #00acc1 !important
}

.cyan.darken-2 {
     background-color: #0097a7 !important
}

.cyan-text.text-darken-2 {
     color: #0097a7 !important
}

.cyan.darken-3 {
     background-color: #00838f !important
}

.cyan-text.text-darken-3 {
     color: #00838f !important
}

.cyan.darken-4 {
     background-color: #006064 !important
}

.cyan-text.text-darken-4 {
     color: #006064 !important
}

.cyan.accent-1 {
     background-color: #84ffff !important
}

.cyan-text.text-accent-1 {
     color: #84ffff !important
}

.cyan.accent-2 {
     background-color: #18ffff !important
}

.cyan-text.text-accent-2 {
     color: #18ffff !important
}

.cyan.accent-3 {
     background-color: #00e5ff !important
}

.cyan-text.text-accent-3 {
     color: #00e5ff !important
}

.cyan.accent-4 {
     background-color: #00b8d4 !important
}

.cyan-text.text-accent-4 {
     color: #00b8d4 !important
}

.teal.lighten-5 {
     background-color: #e0f2f1 !important
}

.teal-text.text-lighten-5 {
     color: #e0f2f1 !important
}

.teal.lighten-4 {
     background-color: #b2dfdb !important
}

.teal-text.text-lighten-4 {
     color: #b2dfdb !important
}

.teal.lighten-3 {
     background-color: #80cbc4 !important
}

.teal-text.text-lighten-3 {
     color: #80cbc4 !important
}

.teal.lighten-2 {
     background-color: #4db6ac !important
}

.teal-text.text-lighten-2 {
     color: #4db6ac !important
}

.teal.lighten-1 {
     background-color: #26a69a !important
}

.teal-text.text-lighten-1 {
     color: #26a69a !important
}

.teal {
     background-color: #009688 !important
}

.teal-text {
     color: #009688 !important
}

.teal.darken-1 {
     background-color: #00897b !important
}

.teal-text.text-darken-1 {
     color: #00897b !important
}

.teal.darken-2 {
     background-color: #00796b !important
}

.teal-text.text-darken-2 {
     color: #00796b !important
}

.teal.darken-3 {
     background-color: #00695c !important
}

.teal-text.text-darken-3 {
     color: #00695c !important
}

.teal.darken-4 {
     background-color: #004d40 !important
}

.teal-text.text-darken-4 {
     color: #004d40 !important
}

.teal.accent-1 {
     background-color: #a7ffeb !important
}

.teal-text.text-accent-1 {
     color: #a7ffeb !important
}

.teal.accent-2 {
     background-color: #64ffda !important
}

.teal-text.text-accent-2 {
     color: #64ffda !important
}

.teal.accent-3 {
     background-color: #1de9b6 !important
}

.teal-text.text-accent-3 {
     color: #1de9b6 !important
}

.teal.accent-4 {
     background-color: #00bfa5 !important
}

.teal-text.text-accent-4 {
     color: #00bfa5 !important
}

.green.lighten-5 {
     background-color: #E8F5E9 !important
}

.green-text.text-lighten-5 {
     color: #E8F5E9 !important
}

.green.lighten-4 {
     background-color: #C8E6C9 !important
}

.green-text.text-lighten-4 {
     color: #C8E6C9 !important
}

.green.lighten-3 {
     background-color: #A5D6A7 !important
}

.green-text.text-lighten-3 {
     color: #A5D6A7 !important
}

.green.lighten-2 {
     background-color: #81C784 !important
}

.green-text.text-lighten-2 {
     color: #81C784 !important
}

.green.lighten-1 {
     background-color: #66BB6A !important
}

.green-text.text-lighten-1 {
     color: #66BB6A !important
}

.green {
     background-color: #4CAF50 !important
}

.green-text {
     color: #4CAF50 !important
}

.green.darken-1 {
     background-color: #43A047 !important
}

.green-text.text-darken-1 {
     color: #43A047 !important
}

.green.darken-2 {
     background-color: #388E3C !important
}

.green-text.text-darken-2 {
     color: #388E3C !important
}

.green.darken-3 {
     background-color: #2E7D32 !important
}

.green-text.text-darken-3 {
     color: #2E7D32 !important
}

.green.darken-4 {
     background-color: #1B5E20 !important
}

.green-text.text-darken-4 {
     color: #1B5E20 !important
}

.green.accent-1 {
     background-color: #B9F6CA !important
}

.green-text.text-accent-1 {
     color: #B9F6CA !important
}

.green.accent-2 {
     background-color: #69F0AE !important
}

.green-text.text-accent-2 {
     color: #69F0AE !important
}

.green.accent-3 {
     background-color: #00E676 !important
}

.green-text.text-accent-3 {
     color: #00E676 !important
}

.green.accent-4 {
     background-color: #00C853 !important
}

.green-text.text-accent-4 {
     color: #00C853 !important
}

.light-green.lighten-5 {
     background-color: #f1f8e9 !important
}

.light-green-text.text-lighten-5 {
     color: #f1f8e9 !important
}

.light-green.lighten-4 {
     background-color: #dcedc8 !important
}

.light-green-text.text-lighten-4 {
     color: #dcedc8 !important
}

.light-green.lighten-3 {
     background-color: #c5e1a5 !important
}

.light-green-text.text-lighten-3 {
     color: #c5e1a5 !important
}

.light-green.lighten-2 {
     background-color: #aed581 !important
}

.light-green-text.text-lighten-2 {
     color: #aed581 !important
}

.light-green.lighten-1 {
     background-color: #9ccc65 !important
}

.light-green-text.text-lighten-1 {
     color: #9ccc65 !important
}

.light-green {
     background-color: #8bc34a !important
}

.light-green-text {
     color: #8bc34a !important
}

.light-green.darken-1 {
     background-color: #7cb342 !important
}

.light-green-text.text-darken-1 {
     color: #7cb342 !important
}

.light-green.darken-2 {
     background-color: #689f38 !important
}

.light-green-text.text-darken-2 {
     color: #689f38 !important
}

.light-green.darken-3 {
     background-color: #558b2f !important
}

.light-green-text.text-darken-3 {
     color: #558b2f !important
}

.light-green.darken-4 {
     background-color: #33691e !important
}

.light-green-text.text-darken-4 {
     color: #33691e !important
}

.light-green.accent-1 {
     background-color: #ccff90 !important
}

.light-green-text.text-accent-1 {
     color: #ccff90 !important
}

.light-green.accent-2 {
     background-color: #b2ff59 !important
}

.light-green-text.text-accent-2 {
     color: #b2ff59 !important
}

.light-green.accent-3 {
     background-color: #76ff03 !important
}

.light-green-text.text-accent-3 {
     color: #76ff03 !important
}

.light-green.accent-4 {
     background-color: #64dd17 !important
}

.light-green-text.text-accent-4 {
     color: #64dd17 !important
}

.lime.lighten-5 {
     background-color: #f9fbe7 !important
}

.lime-text.text-lighten-5 {
     color: #f9fbe7 !important
}

.lime.lighten-4 {
     background-color: #f0f4c3 !important
}

.lime-text.text-lighten-4 {
     color: #f0f4c3 !important
}

.lime.lighten-3 {
     background-color: #e6ee9c !important
}

.lime-text.text-lighten-3 {
     color: #e6ee9c !important
}

.lime.lighten-2 {
     background-color: #dce775 !important
}

.lime-text.text-lighten-2 {
     color: #dce775 !important
}

.lime.lighten-1 {
     background-color: #d4e157 !important
}

.lime-text.text-lighten-1 {
     color: #d4e157 !important
}

.lime {
     background-color: #cddc39 !important
}

.lime-text {
     color: #cddc39 !important
}

.lime.darken-1 {
     background-color: #c0ca33 !important
}

.lime-text.text-darken-1 {
     color: #c0ca33 !important
}

.lime.darken-2 {
     background-color: #afb42b !important
}

.lime-text.text-darken-2 {
     color: #afb42b !important
}

.lime.darken-3 {
     background-color: #9e9d24 !important
}

.lime-text.text-darken-3 {
     color: #9e9d24 !important
}

.lime.darken-4 {
     background-color: #827717 !important
}

.lime-text.text-darken-4 {
     color: #827717 !important
}

.lime.accent-1 {
     background-color: #f4ff81 !important
}

.lime-text.text-accent-1 {
     color: #f4ff81 !important
}

.lime.accent-2 {
     background-color: #eeff41 !important
}

.lime-text.text-accent-2 {
     color: #eeff41 !important
}

.lime.accent-3 {
     background-color: #c6ff00 !important
}

.lime-text.text-accent-3 {
     color: #c6ff00 !important
}

.lime.accent-4 {
     background-color: #aeea00 !important
}

.lime-text.text-accent-4 {
     color: #aeea00 !important
}

.yellow.lighten-5 {
     background-color: #fffde7 !important
}

.yellow-text.text-lighten-5 {
     color: #fffde7 !important
}

.yellow.lighten-4 {
     background-color: #fff9c4 !important
}

.yellow-text.text-lighten-4 {
     color: #fff9c4 !important
}

.yellow.lighten-3 {
     background-color: #fff59d !important
}

.yellow-text.text-lighten-3 {
     color: #fff59d !important
}

.yellow.lighten-2 {
     background-color: #fff176 !important
}

.yellow-text.text-lighten-2 {
     color: #fff176 !important
}

.yellow.lighten-1 {
     background-color: #ffee58 !important
}

.yellow-text.text-lighten-1 {
     color: #ffee58 !important
}

.yellow {
     background-color: #ffeb3b !important
}

.yellow-text {
     color: #ffeb3b !important
}

.yellow.darken-1 {
     background-color: #fdd835 !important
}

.yellow-text.text-darken-1 {
     color: #fdd835 !important
}

.yellow.darken-2 {
     background-color: #fbc02d !important
}

.yellow-text.text-darken-2 {
     color: #fbc02d !important
}

.yellow.darken-3 {
     background-color: #f9a825 !important
}

.yellow-text.text-darken-3 {
     color: #f9a825 !important
}

.yellow.darken-4 {
     background-color: #f57f17 !important
}

.yellow-text.text-darken-4 {
     color: #f57f17 !important
}

.yellow.accent-1 {
     background-color: #ffff8d !important
}

.yellow-text.text-accent-1 {
     color: #ffff8d !important
}

.yellow.accent-2 {
     background-color: #ff0 !important
}

.yellow-text.text-accent-2 {
     color: #ff0 !important
}

.yellow.accent-3 {
     background-color: #ffea00 !important
}

.yellow-text.text-accent-3 {
     color: #ffea00 !important
}

.yellow.accent-4 {
     background-color: #ffd600 !important
}

.yellow-text.text-accent-4 {
     color: #ffd600 !important
}

.amber.lighten-5 {
     background-color: #fff8e1 !important
}

.amber-text.text-lighten-5 {
     color: #fff8e1 !important
}

.amber.lighten-4 {
     background-color: #ffecb3 !important
}

.amber-text.text-lighten-4 {
     color: #ffecb3 !important
}

.amber.lighten-3 {
     background-color: #ffe082 !important
}

.amber-text.text-lighten-3 {
     color: #ffe082 !important
}

.amber.lighten-2 {
     background-color: #ffd54f !important
}

.amber-text.text-lighten-2 {
     color: #ffd54f !important
}

.amber.lighten-1 {
     background-color: #ffca28 !important
}

.amber-text.text-lighten-1 {
     color: #ffca28 !important
}

.amber {
     background-color: #ffc107 !important
}

.amber-text {
     color: #ffc107 !important
}

.amber.darken-1 {
     background-color: #ffb300 !important
}

.amber-text.text-darken-1 {
     color: #ffb300 !important
}

.amber.darken-2 {
     background-color: #ffa000 !important
}

.amber-text.text-darken-2 {
     color: #ffa000 !important
}

.amber.darken-3 {
     background-color: #ff8f00 !important
}

.amber-text.text-darken-3 {
     color: #ff8f00 !important
}

.amber.darken-4 {
     background-color: #ff6f00 !important
}

.amber-text.text-darken-4 {
     color: #ff6f00 !important
}

.amber.accent-1 {
     background-color: #ffe57f !important
}

.amber-text.text-accent-1 {
     color: #ffe57f !important
}

.amber.accent-2 {
     background-color: #ffd740 !important
}

.amber-text.text-accent-2 {
     color: #ffd740 !important
}

.amber.accent-3 {
     background-color: #ffc400 !important
}

.amber-text.text-accent-3 {
     color: #ffc400 !important
}

.amber.accent-4 {
     background-color: #ffab00 !important
}

.amber-text.text-accent-4 {
     color: #ffab00 !important
}

.orange.lighten-5 {
     background-color: #fff3e0 !important
}

.orange-text.text-lighten-5 {
     color: #fff3e0 !important
}

.orange.lighten-4 {
     background-color: #ffe0b2 !important
}

.orange-text.text-lighten-4 {
     color: #ffe0b2 !important
}

.orange.lighten-3 {
     background-color: #ffcc80 !important
}

.orange-text.text-lighten-3 {
     color: #ffcc80 !important
}

.orange.lighten-2 {
     background-color: #ffb74d !important
}

.orange-text.text-lighten-2 {
     color: #ffb74d !important
}

.orange.lighten-1 {
     background-color: #ffa726 !important
}

.orange-text.text-lighten-1 {
     color: #ffa726 !important
}

.orange {
     background-color: #ff9800 !important
}

.orange-text {
     color: #ff9800 !important
}

.orange.darken-1 {
     background-color: #fb8c00 !important
}

.orange-text.text-darken-1 {
     color: #fb8c00 !important
}

.orange.darken-2 {
     background-color: #f57c00 !important
}

.orange-text.text-darken-2 {
     color: #f57c00 !important
}

.orange.darken-3 {
     background-color: #ef6c00 !important
}

.orange-text.text-darken-3 {
     color: #ef6c00 !important
}

.orange.darken-4 {
     background-color: #e65100 !important
}

.orange-text.text-darken-4 {
     color: #e65100 !important
}

.orange.accent-1 {
     background-color: #ffd180 !important
}

.orange-text.text-accent-1 {
     color: #ffd180 !important
}

.orange.accent-2 {
     background-color: #ffab40 !important
}

.orange-text.text-accent-2 {
     color: #ffab40 !important
}

.orange.accent-3 {
     background-color: #ff9100 !important
}

.orange-text.text-accent-3 {
     color: #ff9100 !important
}

.orange.accent-4 {
     background-color: #ff6d00 !important
}

.orange-text.text-accent-4 {
     color: #ff6d00 !important
}

.deep-orange.lighten-5 {
     background-color: #fbe9e7 !important
}

.deep-orange-text.text-lighten-5 {
     color: #fbe9e7 !important
}

.deep-orange.lighten-4 {
     background-color: #ffccbc !important
}

.deep-orange-text.text-lighten-4 {
     color: #ffccbc !important
}

.deep-orange.lighten-3 {
     background-color: #ffab91 !important
}

.deep-orange-text.text-lighten-3 {
     color: #ffab91 !important
}

.deep-orange.lighten-2 {
     background-color: #ff8a65 !important
}

.deep-orange-text.text-lighten-2 {
     color: #ff8a65 !important
}

.deep-orange.lighten-1 {
     background-color: #ff7043 !important
}

.deep-orange-text.text-lighten-1 {
     color: #ff7043 !important
}

.deep-orange {
     background-color: #ff5722 !important
}

.deep-orange-text {
     color: #ff5722 !important
}

.deep-orange.darken-1 {
     background-color: #f4511e !important
}

.deep-orange-text.text-darken-1 {
     color: #f4511e !important
}

.deep-orange.darken-2 {
     background-color: #e64a19 !important
}

.deep-orange-text.text-darken-2 {
     color: #e64a19 !important
}

.deep-orange.darken-3 {
     background-color: #d84315 !important
}

.deep-orange-text.text-darken-3 {
     color: #d84315 !important
}

.deep-orange.darken-4 {
     background-color: #bf360c !important
}

.deep-orange-text.text-darken-4 {
     color: #bf360c !important
}

.deep-orange.accent-1 {
     background-color: #ff9e80 !important
}

.deep-orange-text.text-accent-1 {
     color: #ff9e80 !important
}

.deep-orange.accent-2 {
     background-color: #ff6e40 !important
}

.deep-orange-text.text-accent-2 {
     color: #ff6e40 !important
}

.deep-orange.accent-3 {
     background-color: #ff3d00 !important
}

.deep-orange-text.text-accent-3 {
     color: #ff3d00 !important
}

.deep-orange.accent-4 {
     background-color: #dd2c00 !important
}

.deep-orange-text.text-accent-4 {
     color: #dd2c00 !important
}

.brown.lighten-5 {
     background-color: #efebe9 !important
}

.brown-text.text-lighten-5 {
     color: #efebe9 !important
}

.brown.lighten-4 {
     background-color: #d7ccc8 !important
}

.brown-text.text-lighten-4 {
     color: #d7ccc8 !important
}

.brown.lighten-3 {
     background-color: #bcaaa4 !important
}

.brown-text.text-lighten-3 {
     color: #bcaaa4 !important
}

.brown.lighten-2 {
     background-color: #a1887f !important
}

.brown-text.text-lighten-2 {
     color: #a1887f !important
}

.brown.lighten-1 {
     background-color: #8d6e63 !important
}

.brown-text.text-lighten-1 {
     color: #8d6e63 !important
}

.brown {
     background-color: #795548 !important
}

.brown-text {
     color: #795548 !important
}

.brown.darken-1 {
     background-color: #6d4c41 !important
}

.brown-text.text-darken-1 {
     color: #6d4c41 !important
}

.brown.darken-2 {
     background-color: #5d4037 !important
}

.brown-text.text-darken-2 {
     color: #5d4037 !important
}

.brown.darken-3 {
     background-color: #4e342e !important
}

.brown-text.text-darken-3 {
     color: #4e342e !important
}

.brown.darken-4 {
     background-color: #3e2723 !important
}

.brown-text.text-darken-4 {
     color: #3e2723 !important
}

.blue-grey.lighten-5 {
     background-color: #eceff1 !important
}

.blue-grey-text.text-lighten-5 {
     color: #eceff1 !important
}

.blue-grey.lighten-4 {
     background-color: #cfd8dc !important
}

.blue-grey-text.text-lighten-4 {
     color: #cfd8dc !important
}

.blue-grey.lighten-3 {
     background-color: #b0bec5 !important
}

.blue-grey-text.text-lighten-3 {
     color: #b0bec5 !important
}

.blue-grey.lighten-2 {
     background-color: #90a4ae !important
}

.blue-grey-text.text-lighten-2 {
     color: #90a4ae !important
}

.blue-grey.lighten-1 {
     background-color: #78909c !important
}

.blue-grey-text.text-lighten-1 {
     color: #78909c !important
}

.blue-grey {
     background-color: #607d8b !important
}

.blue-grey-text {
     color: #607d8b !important
}

.blue-grey.darken-1 {
     background-color: #546e7a !important
}

.blue-grey-text.text-darken-1 {
     color: #546e7a !important
}

.blue-grey.darken-2 {
     background-color: #455a64 !important
}

.blue-grey-text.text-darken-2 {
     color: #455a64 !important
}

.blue-grey.darken-3 {
     background-color: #37474f !important
}

.blue-grey-text.text-darken-3 {
     color: #37474f !important
}

.blue-grey.darken-4 {
     background-color: #263238 !important
}

.blue-grey-text.text-darken-4 {
     color: #263238 !important
}

.grey.lighten-5 {
     background-color: #fafafa !important
}

.grey-text.text-lighten-5 {
     color: #fafafa !important
}

.grey.lighten-4 {
     background-color: #f5f5f5 !important
}

.grey-text.text-lighten-4 {
     color: #f5f5f5 !important
}

.grey.lighten-3 {
     background-color: #eee !important
}

.grey-text.text-lighten-3 {
     color: #eee !important
}

.grey.lighten-2 {
     background-color: #e0e0e0 !important
}

.grey-text.text-lighten-2 {
     color: #e0e0e0 !important
}

.grey.lighten-1 {
     background-color: #bdbdbd !important
}

.grey-text.text-lighten-1 {
     color: #bdbdbd !important
}

.grey {
     background-color: #9e9e9e !important
}

.grey-text {
     color: #9e9e9e !important
}

.grey.darken-1 {
     background-color: #757575 !important
}

.grey-text.text-darken-1 {
     color: #757575 !important
}

.grey.darken-2 {
     background-color: #616161 !important
}

.grey-text.text-darken-2 {
     color: #616161 !important
}

.grey.darken-3 {
     background-color: #424242 !important
}

.grey-text.text-darken-3 {
     color: #424242 !important
}

.grey.darken-4 {
     background-color: #212121 !important
}

.grey-text.text-darken-4 {
     color: #212121 !important
}

.black, .shades.black {
     background-color: #000 !important
}

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

.shades.white, .white {
     background-color: #FFF !important
}

.shades-text.text-white, .white-text {
     color: #FFF !important
}

.shades.transparent, .transparent {
     background-color: transparent !important
}

.shades-text.text-transparent, .transparent-text {
     color: transparent !important
}

.invert-hover:hover {
     background: #000;
     color: #FFF;
}

/* Invert background Color */
.vv-blend-text{
     /* color: #000; */
     /* color: inherit; */
     mix-blend-mode: difference;
}

.invert-text-color{
     /* color: #000; */
     filter: invert(100%);
}

/* Components */
.vv-tab{
     width: 100%;
     display: block;
}
     .vv-tab ul.vv-tab-head, .vv-tab ul.vv-tab-body{
          list-style: none;
          padding: 0px;
          margin: 0px;
          display: flex;
          width: 100%;
     }
          .vv-tab ul.vv-tab-head li.tab{
               list-style: none;
               width: 100%;
               padding: 18px;
               text-align: center;
               cursor: pointer;
          }
               .vv-tab ul.vv-tab-head li.active{
                    border-bottom: solid 1px #DDD;
                    font-weight: bold;
               }

     .vv-tab ul.vv-tab-body{
          /* display: block; */
          float: left;
          width: 100%;
          margin-top: 10px;
          /* padding: 10px; */
     }
          .vv-tab ul.vv-tab-body li.tab{
               list-style: none;
               float: left;
               width: 100%;
               display: none;
               padding: 15px;
          }




/* Form Components */
.vv-form {
     float: left;
     width: 100%;
}

.vv-form .vv-form-row {
     float: left;
     width: 100%;
     padding: 10px 0px;
}

     .vv-form input, .vv-form button, .vv-form select, .vv-form textarea{
          border: solid 1px #999;
          padding: 10px 15px;
          background: #FFF;
          font-size: 13px;
     }
     .vv-form input, .vv-form select, .vv-form textarea, .vv-form label{
          float: left;
          width: calc( 100% - 30px );
     }
          .vv-form textarea{
               min-height: 100px;
          }
          .vv-form input[type=button], .vv-form input[type=submit], button{
               background: #DDD;
               text-align: center;
               font-weight: bold;
               font-size: 15px;
               border : none;
          }

/* Slider */
.vv-slider{
     overflow: hidden;
}
     .vv-slider .slide{
          /* box-shadow: 0px 0px 10px #000; */
          display: flex;
          justify-content: center;
          align-items: center;
     }
          .vv-slider .slide img{
               width: 100%;
               height: auto;
          }
          /* .vv-slider .slide .content{
               width: 100%;
          } */


/* CountDown */
/* Default Theme */
.vvCountDownActive.default .vvCountDownHolder{
     float: left;
     width: 80%;
     margin: 0px 10%;
}
     .vvCountDownActive.default .time{
          float: left;
          width: calc( 25% - 26px );
          border: solid 3px #FFF;
          border-radius: 5px;
          padding: 5px;
          margin: 5px;
          background: #222;
          box-shadow: 0px 0px 4px #000;
     }
     /* .vvCountDownActive.default .time span{
          width: 100%;
          float: left;
          text-align: center;
          font-size: 13px;
     }
          .vvCountDownActive.default .time span.cnt{
               font-size: 25px;
               font-weight: bold;
               margin-bottom: 3px;
          } */

/* Modal */
.vv-modal-shade.default{
     position: fixed;
     background: url(/CDN/media/dark_shade.png) repeat;
     left: 0px;
     top : 0px;
     z-index: 10000;
     height: 100%;
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
     /* opacity: 0; */
     display: none;
}
     .default .vv-modal{
          width: 95%;
          max-width: 850px;
          background: #FFF;
          /* border-radius: 5px; */
          margin-top : 2.5%;
          margin-bottom : 2.5%;
          display: flex;
          flex-direction: column;
     }

     .vv-modal.vv-modal-lg{
          max-width: 1200px;
     }
     .vv-modal.vv-modal-sm{
          max-width: 450px;
     }

          /* Default Header */
          .default .vv-modal-header{
               padding: 8px 0px;
               border-bottom: solid 1px #DDD;
               display: block;
               float: left;
               width: 100%;
          }
               .default .vv-modal-header .title{
                    float: left;
                    color: #222;
                    padding: 0px 20px;
                    font-size: 20px;
                    font-weight: bold;
                    padding-top: 7px;
               }
               .default .vv-modal-header .close{
                    font-size: 23px;
                    padding: 7px;
                    float: right;
                    margin-right: 10px;
                    cursor: pointer;
               }

          /* body */
          .default .vv-modal-body{
               float: left;
               width: calc( 100% - 40px );
               min-height: 200px;
               padding: 20px;
               margin-top: 10px;
               margin-bottom: 10px;
               width: calc( 100% - 40px);
               height: 100%;
          }

          /* body */
          .default .vv-modal-footer{
               float: left;
               padding: 15px 20px;
               margin-top: 10px;
               /* border-bottom-left-radius: 5px;
               border-bottom-right-radius: 5px; */
               border-top: solid 1px #DDD;
               width: calc( 100% - 40px );
               font-size: 90%;
          }

     .vv-float-video{
          position: absolute;
          z-index: 1100000;
          right: 0px;
          bottom: 0px;
          box-shadow: 0px 0px 10px #000;
          width: 100%;
          height: 100%;
          max-width: 640px;
          max-height: 360px;
          background: #000;
          border: solid 1px #DDD;
          display: none;
     }


@keyframes fadeOut {
     to { opacity : 0 }
}
@keyframes fadeIn {
     to { opacity : 1 }
}
.fade-in{
     opacity: 0;
     animation: fadeIn .3s ease-in 1 forwards;
}
.fade-out{
     opacity: 1;
     animation: fadeOut .3s ease-in 1 forwards;
}

/* Tablets and co */
@media screen and (max-width: 48em) {
     .vv-modal, .vv-modal.vv-modal-lg, .vv-modal.vv-modal-sm{
          max-width: 95%;
     }
}