.section, .row, .col, .container {box-sizing: border-box;}

.section {
	width: 100%;
	margin: 0px auto;
    padding: 30px 0px;
}

.row {
	width: 100%;
	max-width: 1200px;
	margin: 10px auto;
    display: flex;
    flex-wrap: wrap;
}

.row.row-fw {
    max-width: none;
}

.row:first-child {
    margin-top: 0px;
}

.row:last-child {
    margin-bottom: 0px;
}

.col {
    min-width: 0px;
    min-height: 1px;
}

.container {
	margin: 10px 12px;
}

.container:after {
    content: ""; 
    visibility: hidden; 
    display: block; 
    height: 0px; 
    clear: both;
}

.display-none {display: none;}
.display-block {display: block;}

.row-xxl {max-width: 1600px;}
.row-xl {max-width: 1440px;}
.row-lg {max-width: 1200px;}
.row-md {max-width: 992px;}
.row-sm {max-width: 768px;}
.row-xs {max-width: 576px;}
.row-xxs {max-width: 480px;}

.col-0 {width: 0%;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

.col-auto {
    width: 0;
    flex-grow: 1;
}

.row-direction-row {flex-direction: row;}
.row-direction-row-reverse {flex-direction: row-reverse;}
.row-direction-column {flex-direction: column;}
.row-direction-column-reverse {flex-direction: column-reverse;}

.row-wrap {flex-wrap: wrap;}
.row-wrap-none {flex-wrap: nowrap;}
.row-wrap-reverse {flex-wrap: wrap-reverse;}

.row-align-left {justify-content: flex-start;}
.row-align-right {justify-content: flex-end;}
.row-align-center {justify-content: center;}
.row-align-between {justify-content: space-between;}
.row-align-around {justify-content: space-around;}
.row-align-even {justify-content: space-evenly;}

.row-valign-top {align-items: flex-start;}
.row-valign-bottom {align-items: flex-end;}
.row-valign-center {align-items: center;}
.row-valign-stretch {align-items: stretch;}
.row-valign-baseline {align-items: baseline;}

.col-valign-top {align-self: flex-start;}
.col-valign-bottom {align-self: flex-end;}
.col-valign-center {align-self: center;}
.col-valign-stretch {align-self: stretch;}
.col-valign-baseline {align-self: baseline;}

/*xxl*/
@media all and (max-width: 1600px) {

    .display-xxl-none {display: none;}
    .display-xxl-block {display: block;}

    .row-xxl-xl {max-width: 1440px;}
    .row-xxl-lg {max-width: 1200px;}
    .row-xxl-md {max-width: 992px;}
    .row-xxl-sm {max-width: 768px;}
    .row-xxl-xs {max-width: 576px;}
    .row-xxl-xxs {max-width: 480px;}

    .col-xxl-0 {width: 0%;}
    .col-xxl-1 {width: 8.33%;}
    .col-xxl-2 {width: 16.66%;}
    .col-xxl-3 {width: 25%;}
    .col-xxl-4 {width: 33.33%;}
    .col-xxl-5 {width: 41.66%;}
    .col-xxl-6 {width: 50%;}
    .col-xxl-7 {width: 58.33%;}
    .col-xxl-8 {width: 66.66%;}
    .col-xxl-9 {width: 75%;}
    .col-xxl-10 {width: 83.33%;}
    .col-xxl-11 {width: 91.66%;}
    .col-xxl-12 {width: 100%;}

    .col-xxl-auto {
        width: auto;
        flex-grow: 1;
    }

    .row-xxl-direction-row {flex-direction: row;}
    .row-xxl-direction-row-reverse {flex-direction: row-reverse;}
    .row-xxl-direction-column {flex-direction: column;}
    .row-xxl-direction-column-reverse {flex-direction: column-reverse;}
    
    .row-xxl-wrap {flex-wrap: wrap;}
    .row-xxl-wrap-none {flex-wrap: nowrap;}
    .row-xxl-wrap-reverse {flex-wrap: wrap-reverse;}

    .row-xxl-align-left {justify-content: flex-start;}
    .row-xxl-align-right {justify-content: flex-end;}
    .row-xxl-align-center {justify-content: center;}
    .row-xxl-align-between {justify-content: space-between;}
    .row-xxl-align-around {justify-content: space-around;}
    .row-xxl-align-even {justify-content: space-evenly;}
    
    .row-xxl-valign-top { align-items: flex-start;}
    .row-xxl-valign-bottom {align-items: flex-end;}
    .row-xxl-valign-center {align-items: center;}
    .row-xxl-valign-stretch {align-items: stretch;}
    .row-xxl-valign-baseline {align-items: baseline;}
    
    .col-xxl-valign-top {align-self: flex-start;}
    .col-xxl-valign-bottom {align-self: flex-end;}
    .col-xxl-valign-center {align-self: center;}
    .col-xxl-valign-stretch {align-self: stretch;}
    .col-xxl-valign-baseline {align-self: baseline;}

}

/*xl*/
@media all and (max-width: 1440px) {

    .display-xl-none {display: none;}
    .display-xl-block {display: block;}

    .row-xl-lg {max-width: 1200px;}
    .row-xl-md {max-width: 992px;}
    .row-xl-sm {max-width: 768px;}
    .row-xl-xs {max-width: 576px;}
    .row-xl-xxs {max-width: 480px;}

    .col-xl-0 {width: 0%;}
    .col-xl-1 {width: 8.33%;}
    .col-xl-2 {width: 16.66%;}
    .col-xl-3 {width: 25%;}
    .col-xl-4 {width: 33.33%;}
    .col-xl-5 {width: 41.66%;}
    .col-xl-6 {width: 50%;}
    .col-xl-7 {width: 58.33%;}
    .col-xl-8 {width: 66.66%;}
    .col-xl-9 {width: 75%;}
    .col-xl-10 {width: 83.33%;}
    .col-xl-11 {width: 91.66%;}
    .col-xl-12 {width: 100%;}

    .col-xl-auto {
        width: auto;
        flex-grow: 1;
    }

    .row-xl-direction-row {flex-direction: row;}
    .row-xl-direction-row-reverse {flex-direction: row-reverse;}
    .row-xl-direction-column {flex-direction: column;}
    .row-xl-direction-column-reverse {flex-direction: column-reverse;}
    
    .row-xl-wrap {flex-wrap: wrap;}
    .row-xl-wrap-none {flex-wrap: nowrap;}
    .row-xl-wrap-reverse {flex-wrap: wrap-reverse;}

    .row-xl-align-left {justify-content: flex-start;}
    .row-xl-align-right {justify-content: flex-end;}
    .row-xl-align-center {justify-content: center;}
    .row-xl-align-between {justify-content: space-between;}
    .row-xl-align-around {justify-content: space-around;}
    .row-xl-align-even {justify-content: space-evenly;}
    
    .row-xl-valign-top { align-items: flex-start;}
    .row-xl-valign-bottom {align-items: flex-end;}
    .row-xl-valign-center {align-items: center;}
    .row-xl-valign-stretch {align-items: stretch;}
    .row-xl-valign-baseline {align-items: baseline;}
    
    .col-xl-valign-top {align-self: flex-start;}
    .col-xl-valign-bottom {align-self: flex-end;}
    .col-xl-valign-center {align-self: center;}
    .col-xl-valign-stretch {align-self: stretch;}
    .col-xl-valign-baseline {align-self: baseline;}

}

/*lg*/
@media all and (max-width: 1200px) {

    .display-lg-none {display: none;}
    .display-lg-block {display: block;}

    .row-lg-md {max-width: 992px;}
    .row-lg-sm {max-width: 768px;}
    .row-lg-xs {max-width: 576px;}
    .row-lg-xxs {max-width: 480px;}
    
    .col-lg-0 {width: 0%;}
    .col-lg-1 {width: 8.33%;}
    .col-lg-2 {width: 16.66%;}
    .col-lg-3 {width: 25%;}
    .col-lg-4 {width: 33.33%;}
    .col-lg-5 {width: 41.66%;}
    .col-lg-6 {width: 50%;}
    .col-lg-7 {width: 58.33%;}
    .col-lg-8 {width: 66.66%;}
    .col-lg-9 {width: 75%;}
    .col-lg-10 {width: 83.33%;}
    .col-lg-11 {width: 91.66%;}
    .col-lg-12 {width: 100%;}

    .col-lg-auto {
        width: auto;
        flex-grow: 1;
    }

    .row-lg-direction-row {flex-direction: row;}
    .row-lg-direction-row-reverse {flex-direction: row-reverse;}
    .row-lg-direction-column {flex-direction: column;}
    .row-lg-direction-column-reverse {flex-direction: column-reverse;}
    
    .row-lg-wrap {flex-wrap: wrap;}
    .row-lg-wrap-none {flex-wrap: nowrap;}
    .row-lg-wrap-reverse {flex-wrap: wrap-reverse;}

    .row-lg-align-left {justify-content: flex-start;}
    .row-lg-align-right {justify-content: flex-end;}
    .row-lg-align-center {justify-content: center;}
    .row-lg-align-between {justify-content: space-between;}
    .row-lg-align-around {justify-content: space-around;}
    .row-lg-align-even {justify-content: space-evenly;}
    
    .row-lg-valign-top { align-items: flex-start;}
    .row-lg-valign-bottom {align-items: flex-end;}
    .row-lg-valign-center {align-items: center;}
    .row-lg-valign-stretch {align-items: stretch;}
    .row-lg-valign-baseline {align-items: baseline;}
    
    .col-lg-valign-top {align-self: flex-start;}
    .col-lg-valign-bottom {align-self: flex-end;}
    .col-lg-valign-center {align-self: center;}
    .col-lg-valign-stretch {align-self: stretch;}
    .col-lg-valign-baseline {align-self: baseline;}

}

/*md*/
@media all and (max-width: 992px) {

    .display-md-none {display: none;}
    .display-md-block {display: block;}
    
    .row-md-sm {max-width: 768px;}
    .row-md-xs {max-width: 576px;}
    .row-md-xxs {max-width: 480px;}

    .col-md-0 {width: 0%;}
    .col-md-1 {width: 8.33%;}
    .col-md-2 {width: 16.66%;}
    .col-md-3 {width: 25%;}
    .col-md-4 {width: 33.33%;}
    .col-md-5 {width: 41.66%;}
    .col-md-6 {width: 50%;}
    .col-md-7 {width: 58.33%;}
    .col-md-8 {width: 66.66%;}
    .col-md-9 {width: 75%;}
    .col-md-10 {width: 83.33%;}
    .col-md-11 {width: 91.66%;}
    .col-md-12 {width: 100%;}

    .col-md-auto {
        width: auto;
        flex-grow: 1;
    }

    .row-md-direction-row {flex-direction: row;}
    .row-md-direction-row-reverse {flex-direction: row-reverse;}
    .row-md-direction-column {flex-direction: column;}
    .row-md-direction-column-reverse {flex-direction: column-reverse;}
    
    .row-md-wrap {flex-wrap: wrap;}
    .row-md-wrap-none {flex-wrap: nowrap;}
    .row-md-wrap-reverse {flex-wrap: wrap-reverse;}

    .row-md-align-left {justify-content: flex-start;}
    .row-md-align-right {justify-content: flex-end;}
    .row-md-align-center {justify-content: center;}
    .row-md-align-between {justify-content: space-between;}
    .row-md-align-around {justify-content: space-around;}
    .row-md-align-even {justify-content: space-evenly;}
    
    .row-md-valign-top { align-items: flex-start;}
    .row-md-valign-bottom {align-items: flex-end;}
    .row-md-valign-center {align-items: center;}
    .row-md-valign-stretch {align-items: stretch;}
    .row-md-valign-baseline {align-items: baseline;}
    
    .col-md-valign-top {align-self: flex-start;}
    .col-md-valign-bottom {align-self: flex-end;}
    .col-md-valign-center {align-self: center;}
    .col-md-valign-stretch {align-self: stretch;}
    .col-md-valign-baseline {align-self: baseline;}

}

/*sm*/
@media all and (max-width: 768px) {

    .display-sm-none {display: none;}
    .display-sm-block {display: block;}
    
    .row-sm-xs {max-width: 576px;}
    .row-sm-xxs {max-width: 480px;}

    .col-sm-0 {width: 0%;}
    .col-sm-1 {width: 8.33%;}
    .col-sm-2 {width: 16.66%;}
    .col-sm-3 {width: 25%;}
    .col-sm-4 {width: 33.33%;}
    .col-sm-5 {width: 41.66%;}
    .col-sm-6 {width: 50%;}
    .col-sm-7 {width: 58.33%;}
    .col-sm-8 {width: 66.66%;}
    .col-sm-9 {width: 75%;}
    .col-sm-10 {width: 83.33%;}
    .col-sm-11 {width: 91.66%;}
    .col-sm-12 {width: 100%;}
    
    .col-sm-auto {
        width: auto;
        flex-grow: 1;
    }

    .row-sm-direction-row {flex-direction: row;}
    .row-sm-direction-row-reverse {flex-direction: row-reverse;}
    .row-sm-direction-column {flex-direction: column;}
    .row-sm-direction-column-reverse {flex-direction: column-reverse;}
    
    .row-sm-wrap {flex-wrap: wrap;}
    .row-sm-wrap-none {flex-wrap: nowrap;}
    .row-sm-wrap-reverse {flex-wrap: wrap-reverse;}

    .row-sm-align-left {justify-content: flex-start;}
    .row-sm-align-right {justify-content: flex-end;}
    .row-sm-align-center {justify-content: center;}
    .row-sm-align-between {justify-content: space-between;}
    .row-sm-align-around {justify-content: space-around;}
    .row-sm-align-even {justify-content: space-evenly;}
    
    .row-sm-valign-top { align-items: flex-start;}
    .row-sm-valign-bottom {align-items: flex-end;}
    .row-sm-valign-center {align-items: center;}
    .row-sm-valign-stretch {align-items: stretch;}
    .row-sm-valign-baseline {align-items: baseline;}
    
    .col-sm-valign-top {align-self: flex-start;}
    .col-sm-valign-bottom {align-self: flex-end;}
    .col-sm-valign-center {align-self: center;}
    .col-sm-valign-stretch {align-self: stretch;}
    .col-sm-valign-baseline {align-self: baseline;}

}

/*xs*/
@media all and (max-width:576px) {

    .display-xs-none {display: none;}
    .display-xs-block {display: block;}
    
    .row-xs-xxs {max-width: 480px;}

    .col-xs-0 {width: 0%;}
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}
    
    .col-xs-auto {
        width: auto;
        flex-grow: 1;
    }

    .row-xs-direction-row {flex-direction: row;}
    .row-xs-direction-row-reverse {flex-direction: row-reverse;}
    .row-xs-direction-column {flex-direction: column;}
    .row-xs-direction-column-reverse {flex-direction: column-reverse;}
    
    .row-xs-wrap {flex-wrap: wrap;}
    .row-xs-wrap-none {flex-wrap: nowrap;}
    .row-xs-wrap-reverse {flex-wrap: wrap-reverse;}

    .row-xs-align-left {justify-content: flex-start;}
    .row-xs-align-right {justify-content: flex-end;}
    .row-xs-align-center {justify-content: center;}
    .row-xs-align-between {justify-content: space-between;}
    .row-xs-align-around {justify-content: space-around;}
    .row-xs-align-even {justify-content: space-evenly;}
    
    .row-xs-valign-top { align-items: flex-start;}
    .row-xs-valign-bottom {align-items: flex-end;}
    .row-xs-valign-center {align-items: center;}
    .row-xs-valign-stretch {align-items: stretch;}
    .row-xs-valign-baseline {align-items: baseline;}
    
    .col-xs-valign-top {align-self: flex-start;}
    .col-xs-valign-bottom {align-self: flex-end;}
    .col-xs-valign-center {align-self: center;}
    .col-xs-valign-stretch {align-self: stretch;}
    .col-xs-valign-baseline {align-self: baseline;}

}

/*xxs*/
@media all and (max-width:480px) {

    .display-xxs-none {display: none;}
    .display-xxs-block {display: block;}

    .col-xxs-0 {width: 0%;}
    .col-xxs-1 {width: 8.33%;}
    .col-xxs-2 {width: 16.66%;}
    .col-xxs-3 {width: 25%;}
    .col-xxs-4 {width: 33.33%;}
    .col-xxs-5 {width: 41.66%;}
    .col-xxs-6 {width: 50%;}
    .col-xxs-7 {width: 58.33%;}
    .col-xxs-8 {width: 66.66%;}
    .col-xxs-9 {width: 75%;}
    .col-xxs-10 {width: 83.33%;}
    .col-xxs-11 {width: 91.66%;}
    .col-xxs-12 {width: 100%;}
    
    .col-xxs-auto {
        width: auto;
        flex-grow: 1;
    }

    .row-xxs-direction-row {flex-direction: row;}
    .row-xxs-direction-row-reverse {flex-direction: row-reverse;}
    .row-xxs-direction-column {flex-direction: column;}
    .row-xxs-direction-column-reverse {flex-direction: column-reverse;}
    
    .row-xxs-wrap {flex-wrap: wrap;}
    .row-xxs-wrap-none {flex-wrap: nowrap;}
    .row-xxs-wrap-reverse {flex-wrap: wrap-reverse;}

    .row-xxs-align-left {justify-content: flex-start;}
    .row-xxs-align-right {justify-content: flex-end;}
    .row-xxs-align-center {justify-content: center;}
    .row-xxs-align-between {justify-content: space-between;}
    .row-xxs-align-around {justify-content: space-around;}
    .row-xxs-align-even {justify-content: space-evenly;}
    
    .row-xxs-valign-top { align-items: flex-start;}
    .row-xxs-valign-bottom {align-items: flex-end;}
    .row-xxs-valign-center {align-items: center;}
    .row-xxs-valign-stretch {align-items: stretch;}
    .row-xxs-valign-baseline {align-items: baseline;}
    
    .col-xxs-valign-top {align-self: flex-start;}
    .col-xxs-valign-bottom {align-self: flex-end;}
    .col-xxs-valign-center {align-self: center;}
    .col-xxs-valign-stretch {align-self: stretch;}
    .col-xxs-valign-baseline {align-self: baseline;}

}