html{
    width: 100%;
    height: 100%;
    max-width: 100%;
    margin: 0px;
    overflow: hidden;
}
body{
    width: 100%;
    height: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0px;
}
.row{
    width: 100%;
    display: inline-block;
    float: left;
    margin-bottom: 10px;
}

.form-group{
    padding: 10px 30px;
}

.flex-columns{
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex-row{
    display: -moz-box;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.fill{
    width: 100%;height: 100%;min-height: 100%;min-width: 100%;
}

.fillnm{width: 100%;height: 100%;}

.col{
    float: left;
}

.col-100 {
  width: 100%;
}
.col-80 {
  width: 80%;
}
.col-75 {
  width: 75%;
}
.col-66 {
  width: 66.66666666666666%;
}
.col-60 {
  width: 60%;
}
.col-50 {
  width: 50%;
}
.col-40 {
  width: 40%;
}
.col-33 {
  width: 33.33333333333333%;
}
.col-30 {
  width: 30%;
}
.col-25 {
    width: 25%;
}
.col-20 {
  width: 20%;
}
.col-14 {
  width: 14.285714286%;
}
.col-10 {
  width: 10%;
}

.row-100{
    height: 100%;
}

.row-50{
    height: 50%;
}

/*div{
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
    box-sizing: border-box;         
}*/

.spacing{
   padding: 20px; 
}

.spacing-s{
    padding: 10px;
}

@media (max-width:1680px){
    .col-xxxl-100 {
        width: 100%;
    }
    .col-xxxl-80 {
        width: 80%;
    }
    .col-xxxl-75 {
        width: 75%;
    }
    .col-xxxl-66 {
      width: 66.66666666666666%;
    }
    .col-xxxl-50 {
      width: 50%;
    }
    .col-xxxl-33 {
      width: 33.33333333333333%;
    }
    .col-xxxl-25 {
        width: 25%;
    }
    .col-xxxl-20 {
      width: 20%;
    }
    .col-xxxl-10 {
      width: 10%;
    }
    
    .row-xxxl-100{
        height: 100%;
    }
    
    .row-xxxl-50{
        height: 50%;
    }
    
}

@media (max-width:1680px){
    .col-xxl-100 {
        width: 100%;
    }
    .col-xxl-80 {
        width: 80%;
    }
    .col-xxl-75 {
        width: 75%;
    }
    .col-xxl-66 {
      width: 66.66666666666666%;
    }
    .col-xxl-50 {
      width: 50%;
    }
    .col-xxl-33 {
      width: 33.33333333333333%;
    }
    .col-xxl-25 {
        width: 25%;
    }
    .col-xxl-20 {
      width: 20%;
    }
    .col-xxl-10 {
      width: 10%;
    }
    
    .row-xxl-100{
        height: 100%;
    }
    
    .row-xxl-50{
        height: 50%;
    }
    
}

@media (max-width:1450px){
    .col-xl-100 {
        width: 100%;
    }
    .col-xl-80 {
        width: 80%;
    }
    .col-xl-75 {
        width: 75%;
    }
    .col-xl-66 {
      width: 66.66666666666666%;
    }
    .col-xl-50 {
      width: 50%;
    }
    .col-xl-33 {
      width: 33.33333333333333%;
    }
    .col-xl-25 {
        width: 25%;
    }
    .col-xl-20 {
      width: 20%;
    }
    .col-xl-10 {
      width: 10%;
    }
    
    .row-xl-100{
        height: 100%;
    }
    
    .row-xl-50{
        height: 50%;
    }
    
}

@media (max-width:1240px){
    .col-l-100 {
        width: 100%;
    }
    .col-l-80 {
        width: 80%;
    }
    .col-l-75 {
        width: 75%;
    }
    .col-l-66 {
      width: 66.66666666666666%;
    }
    .col-l-50 {
      width: 50%;
    }
    .col-l-33 {
      width: 33.33333333333333%;
    }
    .col-l-25 {
        width: 25%;
    }
    .col-l-20 {
      width: 20%;
    }
    .col-l-10 {
      width: 10%;
    }
    
    .row-l-100{
        height: 100%;
    }
    
    .row-l-50{
        height: 50%;
    }
    
}

@media (max-width:960px){
    .col-m-100 {
        width: 100%;
    }
    .col-m-80 {
        width: 80%;
    }
      .col-m-75 {
        width: 75%;
      }
      .col-m-66 {
        width: 66.66666666666666%;
      }
      .col-m-50 {
        width: 50%;
      }
      .col-m-33 {
        width: 33.33333333333333%;
      }
      .col-m-25 {
          width: 25%;
      }
      .col-m-20 {
        width: 20%;
      }
      .col-m-10 {
        width: 10%;
      }
      
    .row-m-100{
        height: 100%;
    }
    
    .row-m-50{
        height: 50%;
    }
    
}

@media (max-width:780px){
    .col-s-100 {
        width: 100%;
    }
    .col-s-80 {
        width: 80%;
    }
      .col-s-75 {
        width: 75%;
      }
      .col-s-66 {
        width: 66.66666666666666%;
      }
      .col-s-50 {
        width: 50%;
      }
      .col-s-33 {
        width: 33.33333333333333%;
      }
      .col-s-25 {
          width: 25%;
      }
      .col-s-20 {
        width: 20%;
      }
      .col-s-10 {
        width: 10%;
      }
      
    .row-s-100{
        height: 100%;
    }
    
    .row-s-50{
        height: 50%;
    }
    
}

@media (max-width:480px){
    .col-xs-100 {
        width: 100%;
    }
    .col-xs-80 {
        width: 80%;
    }
      .col-xs-75 {
        width: 75%;
      }
      .col-xs-66 {
        width: 66.66666666666666%;
      }
      .col-xs-50 {
        width: 50%;
      }
      .col-xs-33 {
        width: 33.33333333333333%;
      }
      .col-xs-25 {
          width: 25%;
      }
      .col-xs-20 {
        width: 20%;
      }
      .col-xs-10 {
        width: 10%;
      }
      
    .row-xs-100{
        height: 100%;
    }
    
    .row-xs-50{
        height: 50%;
    }
    
}