﻿/*//////////////////////////////////////////////////////////////////////////////////////////////////////////

    grid.css

    Version: 1.0.3
    CreatedOn: 02/05/17
    CreatedBy: lukas@webnetism.com
    UpdatedOn: 27/10/17

//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*// Small and Up */
@media only screen and (min-width: 0px) {
    html, body, body > #form1 { margin:0; padding:0; }
    * {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    .container {
        width:100%;
        margin:0 auto;
        padding: 0 3%;
        overflow:hidden;
    }
    .section {
        padding:0;
    }
    .row {
        justify-content: flex-start;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .col {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        flex-grow: 1;
        order: 1;
    }
}


/*// Medium and Up */
@media only screen and (min-width: 601px) {}


/*// Large and Up */
@media only screen and (min-width: 993px) {
    .container {
        max-width:1140px;
    }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*// Small and Up */
@media only screen and (min-width: 0px) {
    .sm0-row, .sm1-row, .sm2-row, .sm3-row, .sm4-row, .sm5-row, .sm6-row, .sm7-row, .sm8-row, .sm9-row, .sm10-row, .sm11-row, .sm12-row {
        justify-content: flex-start;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .sm0-row            { margin: -0rem; width:auto; max-width:none; }
    .sm0-row > .col     { padding: 0rem; }
    .sm1-row            { margin: -1rem;}
    .sm1-row > .col     { padding: 1rem; }
    .sm2-row            { margin: -2rem; }
    .sm2-row > .col     { padding: 2rem; }
    .sm3-row            { margin: -3rem; }
    .sm3-row > .col     { padding: 3rem; }
    .sm4-row            { margin: -4rem; }
    .sm4-row > .col     { padding: 4rem; }
    .sm5-row            { margin: -5rem; }
    .sm5-row > .col     { padding: 5rem; }
    .sm6-row            { margin: -6rem; }
    .sm6-row > .col     { padding: 6rem; }
    .sm7-row            { margin: -7rem; }
    .sm7-row > .col     { padding: 7rem; }
    .sm8-row            { margin: -8rem; }
    .sm8-row > .col     { padding: 8rem; }
    .sm9-row            { margin: -9rem; }
    .sm9-row > .col     { padding: 9rem; }
    .sm10-row           { margin: -10rem; }
    .sm10-row > .col    { padding: 10rem; }
    .sm11-row           { margin: -11rem; }
    .sm11-row > .col    { padding: 11rem; }
    .sm12-row           { margin: -12rem; }
    .sm12-row > .col    { padding: 12rem; }
}


/*// Medium and Up */
@media only screen and (min-width: 601px) {
    .md0-row, .md1-row, .md2-row, .md3-row, .md4-row, .md5-row, .md6-row, .md7-row, .md8-row, .md9-row, .md10-row, .md11-row, .md12-row {
        justify-content: flex-start;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .md0-row            { margin: -0rem; width:auto; max-width:none; }
    .md0-row > .col     { padding: 0rem; }
    .md1-row            { margin: -1rem; }
    .md1-row > .col     { padding: 1rem; }
    .md2-row            { margin: -2rem; }
    .md2-row > .col     { padding: 2rem; }
    .md3-row            { margin: -3rem; }
    .md3-row > .col     { padding: 3rem; }
    .md4-row            { margin: -4rem; }
    .md4-row > .col     { padding: 4rem; }
    .md5-row            { margin: -5rem; }
    .md5-row > .col     { padding: 5rem; }
    .md6-row            { margin: -6rem; }
    .md6-row > .col     { padding: 6rem; }
    .md7-row            { margin: -7rem; }
    .md7-row > .col     { padding: 7rem; }
    .md8-row            { margin: -8rem; }
    .md8-row > .col     { padding: 8rem; }
    .md9-row            { margin: -9rem; }
    .md9-row > .col     { padding: 9rem; }
    .md10-row           { margin: -10rem; }
    .md10-row > .col    { padding: 10rem; }
    .md11-row           { margin: -11rem; }
    .md11-row > .col    { padding: 11rem; }
    .md12-row           { margin: -12rem; }
    .md12-row > .col    { padding: 12rem; }
}


/*// Large and Up */
@media only screen and (min-width: 993px) {
    .lg0-row, .lg1-row, .lg2-row, .lg3-row, .lg4-row, .lg5-row, .lg6-row, .lg7-row, .lg8-row, .lg9-row, .lg10-row, .lg11-row, .lg12-row {
        justify-content: flex-start;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .lg0-row            { margin: -0rem; width:auto; max-width:none; }
    .lg0-row > .col     { padding: 0rem; }
    .lg1-row            { margin: -1rem; }
    .lg1-row > .col     { padding: 1rem; }
    .lg2-row            { margin: -2rem; }
    .lg2-row > .col     { padding: 2rem; }
    .lg3-row            { margin: -3rem; }
    .lg3-row > .col     { padding: 3rem; }
    .lg4-row            { margin: -4rem; }
    .lg4-row > .col     { padding: 4rem; }
    .lg5-row            { margin: -5rem; }
    .lg5-row > .col     { padding: 5rem; }
    .lg6-row            { margin: -6rem; }
    .lg6-row > .col     { padding: 6rem; }
    .lg7-row            { margin: -7rem; }
    .lg7-row > .col     { padding: 7rem; }
    .lg8-row            { margin: -8rem; }
    .lg8-row > .col     { padding: 8rem; }
    .lg9-row            { margin: -9rem; }
    .lg9-row > .col     { padding: 9rem; }
    .lg10-row           { margin: -10rem; }
    .lg10-row > .col    { padding: 10rem; }
    .lg11-row           { margin: -11rem; }
    .lg11-row > .col    { padding: 11rem; }
    .lg12-row           { margin: -12rem; }
    .lg12-row > .col    { padding: 12rem; }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*// Small and Up */
@media only screen and (min-width: 0px) {
    .row.sm-start, .sm0-row.sm-start,
    .sm1-row.sm-start, .sm2-row.sm-start, .sm3-row.sm-start, .sm4-row.sm-start, .sm5-row.sm-start, .sm6-row.sm-start,
    .sm7-row.sm-start, .sm8-row.sm-start, .sm9-row.sm-start, .sm10-row.sm-start, .sm11-row.sm-start, .sm12-row.sm-start {
        justify-content:flex-start;

    }
    .row.sm-end, .sm0-row.sm-end, 
    .sm1-row.sm-end, .sm2-row.sm-end, .sm3-row.sm-end, .sm4-row.sm-end, .sm5-row.sm-end, .sm6-row.sm-end, 
    .sm7-row.sm-end, .sm8-row.sm-end, .sm9-row.sm-end, .sm10-row.sm-end, .sm11-row.sm-end, .sm12-row.sm-end {
        justify-content:flex-end;
    }
    .row.sm-center, .sm0-row.sm-center, 
    .sm1-row.sm-center, .sm2-row.sm-center, .sm3-row.sm-center, .sm4-row.sm-center, .sm5-row.sm-center, .sm6-row.sm-center, 
    .sm7-row.sm-center, .sm8-row.sm-center, .sm9-row.sm-center, .sm10-row.sm-center, .sm11-row.sm-center, .sm12-row.sm-center {
        justify-content:center;
    }
    .row.sm-between, .sm0-row.sm-between, 
    .sm1-row.sm-between, .sm2-row.sm-between, .sm3-row.sm-between, .sm4-row.sm-between, .sm5-row.sm-between, .sm6-row.sm-between, 
    .sm7-row.sm-between, .sm8-row.sm-between, .sm9-row.sm-between, .sm10-row.sm-between, .sm11-row.sm-between, .sm12-row.sm-between {
        justify-content:space-between;
    }
    .row.sm-around, .sm0-row.sm-around, 
    .sm1-row.sm-around, .sm2-row.sm-around, .sm3-row.sm-around, .sm4-row.sm-around, .sm5-row.sm-around, .sm6-row.sm-around, 
    .sm7-row.sm-around, .sm8-row.sm-around, .sm9-row.sm-around, .sm10-row.sm-around, .sm11-row.sm-around, .sm12-row.sm-around {
        justify-content:space-around;
    }
    .row.sm-evently, .sm0-row.sm-evenly, 
    .sm1-row.sm-evenly, .sm2-row.sm-evenly, .sm3-row.sm-evenly, .sm4-row.sm-evenly, .sm5-row.sm-evenly, .sm6-row.sm-evenly, 
    .sm7-row.sm-evenly, .sm8-row.sm-evenly, .sm9-row.sm-evenly, .sm10-row.sm-evenly, .sm11-row.sm-evenly, .sm12-row.sm-evenly {
        justify-content: space-evenly; 
    }
}


/*// Medium and Up */
@media only screen and (min-width: 601px) {
    .row.md-start, .md0-row.md-start,
    .md1-row.md-start, .md2-row.md-start, .md3-row.md-start, .md4-row.md-start, .md5-row.md-start, .md6-row.md-start,
    .md7-row.md-start, .md8-row.md-start, .md9-row.md-start, .md10-row.md-start, .md11-row.md-start, .md12-row.md-start {
        justify-content:flex-start;

    }
    .row.md-end, .md0-row.md-end, 
    .md1-row.md-end, .md2-row.md-end, .md3-row.md-end, .md4-row.md-end, .md5-row.md-end, .md6-row.md-end, 
    .md7-row.md-end, .md8-row.md-end, .md9-row.md-end, .md10-row.md-end, .md11-row.md-end, .md12-row.md-end {
        justify-content:flex-end;
    }
    .row.md-center, .md0-row.md-center, 
    .md1-row.md-center, .md2-row.md-center, .md3-row.md-center, .md4-row.md-center, .md5-row.md-center, .md6-row.md-center, 
    .md7-row.md-center, .md8-row.md-center, .md9-row.md-center, .md10-row.md-center, .md11-row.md-center, .md12-row.md-center {
        justify-content:center;
    }
    .row.md-between, .md0-row.md-between, 
    .md1-row.md-between, .md2-row.md-between, .md3-row.md-between, .md4-row.md-between, .md5-row.md-between, .md6-row.md-between, 
    .md7-row.md-between, .md8-row.md-between, .md9-row.md-between, .md10-row.md-between, .md11-row.md-between, .md12-row.md-between {
        justify-content:space-between;
    }
    .row.md-around, .md0-row.md-around, 
    .md1-row.md-around, .md2-row.md-around, .md3-row.md-around, .md4-row.md-around, .md5-row.md-around, .md6-row.md-around, 
    .md7-row.md-around, .md8-row.md-around, .md9-row.md-around, .md10-row.md-around, .md11-row.md-around, .md12-row.md-around {
        justify-content:space-around;
    }
    .row.md-evently, .md0-row.md-evenly, 
    .md1-row.md-evenly, .md2-row.md-evenly, .md3-row.md-evenly, .md4-row.md-evenly, .md5-row.md-evenly, .md6-row.md-evenly, 
    .md7-row.md-evenly, .md8-row.md-evenly, .md9-row.md-evenly, .md10-row.md-evenly, .md11-row.md-evenly, .md12-row.md-evenly {
        justify-content: space-evenly; 
    }
}

/*// Large and Up */
@media only screen and (min-width: 993px) {
    .row.lg-start, .lg0-row.lg-start,
    .lg1-row.lg-start, .lg2-row.lg-start, .lg3-row.lg-start, .lg4-row.lg-start, .lg5-row.lg-start, .lg6-row.lg-start,
    .lg7-row.lg-start, .lg8-row.lg-start, .lg9-row.lg-start, .lg10-row.lg-start, .lg11-row.lg-start, .lg12-row.lg-start {
        justify-content:flex-start;

    }
    .row.lg-end, .lg0-row.lg-end, 
    .lg1-row.lg-end, .lg2-row.lg-end, .lg3-row.lg-end, .lg4-row.lg-end, .lg5-row.lg-end, .lg6-row.lg-end, 
    .lg7-row.lg-end, .lg8-row.lg-end, .lg9-row.lg-end, .lg10-row.lg-end, .lg11-row.lg-end, .lg12-row.lg-end {
        justify-content:flex-end;
    }
    .row.lg-center, .lg0-row.lg-center, 
    .lg1-row.lg-center, .lg2-row.lg-center, .lg3-row.lg-center, .lg4-row.lg-center, .lg5-row.lg-center, .lg6-row.lg-center, 
    .lg7-row.lg-center, .lg8-row.lg-center, .lg9-row.lg-center, .lg10-row.lg-center, .lg11-row.lg-center, .lg12-row.lg-center {
        justify-content:center;
    }
    .row.lg-between, .lg0-row.lg-between, 
    .lg1-row.lg-between, .lg2-row.lg-between, .lg3-row.lg-between, .lg4-row.lg-between, .lg5-row.lg-between, .lg6-row.lg-between, 
    .lg7-row.lg-between, .lg8-row.lg-between, .lg9-row.lg-between, .lg10-row.lg-between, .lg11-row.lg-between, .lg12-row.lg-between {
        justify-content:space-between;
    }
    .row.lg-around, .lg0-row.lg-around, 
    .lg1-row.lg-around, .lg2-row.lg-around, .lg3-row.lg-around, .lg4-row.lg-around, .lg5-row.lg-around, .lg6-row.lg-around, 
    .lg7-row.lg-around, .lg8-row.lg-around, .lg9-row.lg-around, .lg10-row.lg-around, .lg11-row.lg-around, .lg12-row.lg-around {
        justify-content:space-around;
    }
    .row.lg-evently, .lg0-row.lg-evenly, 
    .lg1-row.lg-evenly, .lg2-row.lg-evenly, .lg3-row.lg-evenly, .lg4-row.lg-evenly, .lg5-row.lg-evenly, .lg6-row.lg-evenly, 
    .lg7-row.lg-evenly, .lg8-row.lg-evenly, .lg9-row.lg-evenly, .lg10-row.lg-evenly, .lg11-row.lg-evenly, .lg12-row.lg-evenly {
        justify-content: space-evenly; 
    }
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*// Small and Up */
@media only screen and (min-width: 0px) {
    .col.sm0         { width:0%; max-width:0%; }
    .col.sm1         { width:8.3333333333%; max-width:8.3333333333%; }
    .col.sm2         { width:16.66666666667%; max-width:16.66666666667%; }
    .col.sm3         { width:25%; max-width:25%; }
    .col.sm4         { width:33.3333333333%; max-width:33.3333333333%; }
    .col.sm5         { width:41.66666666667%; max-width:41.66666666667%; }
    .col.sm6         { width:50%; max-width:50%; }
    .col.sm7         { width:58.3333333333%; max-width:58.3333333333%; }
    .col.sm8         { width:66.66666666667%; max-width:66.66666666667%; }
    .col.sm9         { width:75%; max-width:75%; }
    .col.sm10        { width:83.3333333333%; max-width:83.3333333333%; }
    .col.sm11        { width:91.66666666667%; max-width:91.66666666667%; }
    .col.sm12        { width:100%; max-width:100%; }
}

/*// Medium and Up */
@media only screen and (min-width: 601px) {
    .col.md0         { width:0%; max-width:0%; }
    .col.md1         { width:8.3333333333%; max-width:8.3333333333%; }
    .col.md2         { width:16.66666666667%; max-width:16.66666666667%; }
    .col.md3         { width:25%; max-width:25%; }
    .col.md4         { width:33.3333333333%; max-width:33.3333333333%; }
    .col.md5         { width:41.66666666667%; max-width:41.66666666667%; }
    .col.md6         { width:50%; max-width:50%; }
    .col.md7         { width:58.3333333333%; max-width:58.3333333333%; }
    .col.md8         { width:66.66666666667%; max-width:66.66666666667%; }
    .col.md9         { width:75%; max-width:75%; }
    .col.md10        { width:83.3333333333%; max-width:83.3333333333%; }
    .col.md11        { width:91.66666666667%; max-width:91.66666666667%; }
    .col.md12        { width:100%; max-width:100%; }
}

/*// Large and Up */
@media only screen and (min-width: 993px) {
    .col.lg0         { width:0%; max-width:0%; }
    .col.lg1         { width:8.3333333333%; max-width:8.3333333333%; }
    .col.lg2         { width:16.66666666667%; max-width:16.66666666667%; }
    .col.lg3         { width:25%; max-width:25%; }
    .col.lg4         { width:33.3333333333%; max-width:33.3333333333%; }
    .col.lg5         { width:41.66666666667%; max-width:41.66666666667%; }
    .col.lg6         { width:50%; max-width:50%; }
    .col.lg7         { width:58.3333333333%; max-width:58.3333333333%; }
    .col.lg8         { width:66.66666666667%; max-width:66.66666666667%; }
    .col.lg9         { width:75%; max-width:75%; }
    .col.lg10        { width:83.3333333333%; max-width:83.3333333333%; }
    .col.lg11        { width:91.66666666667%; max-width:91.66666666667%; }
    .col.lg12        { width:100%; max-width:100%; }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*// Small and Up */
@media only screen and (min-width: 0px) {
    .col.sm-top       { align-self: flex-start; }
    .col.sm-bottom    { align-self: flex-end;  }
    .col.sm-middle    { align-self: center; }
    .col.sm-fit       { align-self: stretch; }
    .col.sm-baseline  { align-self: baseline; }
}


/*// Medium and Up */
@media only screen and (min-width: 601px) {
    .col.md-top      { align-self: flex-start; }
    .col.md-bottom   { align-self: flex-end;  }
    .col.md-middle   { align-self: center; }
    .col.md-fit      { align-self: stretch; }
    .col.md-baseline { align-self: baseline; }
}

/*// Large and Up */
@media only screen and (min-width: 993px) {
    .col.lg-top      { align-self: flex-start; }
    .col.lg-bottom   { align-self: flex-end;  }
    .col.lg-middle   { align-self: center; }
    .col.lg-fit      { align-self: stretch; }
    .col.lg-baseline { align-self: baseline; }
}


/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*// Small and Up */
@media only screen and (min-width: 0px) {
    .col.sm0-offset     { margin-left:0%; }
    .col.sm1-offset     { margin-left:8.3333333333%; }
    .col.sm2-offset     { margin-left:16.66666666667%; }
    .col.sm3-offset     { margin-left:25%; }
    .col.sm4-offset     { margin-left:33.3333333333%; }
    .col.sm5-offset     { margin-left:41.66666666667%; }
    .col.sm6-offset     { margin-left:50%; }
    .col.sm7-offset     { margin-left:58.3333333333%; }
    .col.sm8-offset     { margin-left:66.66666666667%; }
    .col.sm9-offset     { margin-left:75%; }
    .col.sm10-offset    { margin-left:83.3333333333%; }
    .col.sm11-offset    { margin-left:91.66666666667%; }
    .col.sm12-offset    { margin-left:100%; }
}

/*// Medium and Up */
@media only screen and (min-width: 601px) {
    .col.md0-offset     { margin-left:0%; }
    .col.md1-offset     { margin-left:8.3333333333%; }
    .col.md2-offset     { margin-left:16.66666666667%; }
    .col.md3-offset     { margin-left:25%; }
    .col.md4-offset     { margin-left:33.3333333333%; }
    .col.md5-offset     { margin-left:41.66666666667%; }
    .col.md6-offset     { margin-left:50%; }
    .col.md7-offset     { margin-left:58.3333333333%; }
    .col.md8-offset     { margin-left:66.66666666667%; }
    .col.md9-offset     { margin-left:75%; }
    .col.md10-offset    { margin-left:83.3333333333%; }
    .col.md11-offset    { margin-left:91.66666666667%; }
    .col.md12-offset    { margin-left:100%; }
}

/*// Large and Up */
@media only screen and (min-width: 993px) {
    .col.lg0-offset     { margin-left:0%; }
    .col.lg1-offset     { margin-left:8.3333333333%; }
    .col.lg2-offset     { margin-left:16.66666666667%; }
    .col.lg3-offset     { margin-left:25%; }
    .col.lg4-offset     { margin-left:33.3333333333%; }
    .col.lg5-offset     { margin-left:41.66666666667%; }
    .col.lg6-offset     { margin-left:50%; }
    .col.lg7-offset     { margin-left:58.3333333333%; }
    .col.lg8-offset     { margin-left:66.66666666667%; }
    .col.lg9-offset     { margin-left:75%; }
    .col.lg10-offset    { margin-left:83.3333333333%; }
    .col.lg11-offset    { margin-left:91.66666666667%; }
    .col.lg12-offset    { margin-left:100%; }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*// Small and Up */
@media only screen and (min-width: 0px) {
    .col.sm0-order   { order:0; }
    .col.sm1-order   { order:1; }
    .col.sm2-order   { order:2; }
    .col.sm3-order   { order:3; }
    .col.sm4-order   { order:4; }
    .col.sm5-order   { order:5; }
    .col.sm6-order   { order:6; }
    .col.sm7-order   { order:7; }
    .col.sm8-order   { order:8; }
    .col.sm9-order   { order:9; }
    .col.sm10-order  { order:10; }
    .col.sm11-order  { order:11; }
    .col.sm12-order  { order:12; }
}

/*// Medium and Up */
@media only screen and (min-width: 601px) {
    .col.md0-order  { order:0; }
    .col.md1-order  { order:1; }
    .col.md2-order  { order:2; }
    .col.md3-order  { order:3; }
    .col.md4-order  { order:4; }
    .col.md5-order  { order:5; }
    .col.md6-order  { order:6; }
    .col.md7-order  { order:7; }
    .col.md8-order  { order:8; }
    .col.md9-order  { order:9; }
    .col.md10-order { order:10; }
    .col.md11-order { order:11; }
    .col.md12-order { order:12; }
}

/*// Large and Up */
@media only screen and (min-width: 993px) {
    .col.lg0-order  { order:0; }
    .col.lg1-order  { order:1; }
    .col.lg2-order  { order:2; }
    .col.lg3-order  { order:3; }
    .col.lg4-order  { order:4; }
    .col.lg5-order  { order:5; }
    .col.lg6-order  { order:6; }
    .col.lg7-order  { order:7; }
    .col.lg8-order  { order:8; }
    .col.lg9-order  { order:9; }
    .col.lg10-order { order:10; }
    .col.lg11-order { order:11; }
    .col.lg12-order { order:12; }
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////*/