/************************************************************************************/
/* Flex 
/************************************************************************************/
.flex-row {-ms-flex-direction: row !important; flex-direction: row !important;}
.flex-column {-ms-flex-direction: column !important; flex-direction: column !important;}
.flex-row-reverse {-ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important;}
.flex-column-reverse {-ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important;}
.flex-wrap {-ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
.flex-nowrap {-ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important;}
.flex-wrap-reverse {-ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important;}
.justify-content-start {-ms-flex-pack: start !important; justify-content: flex-start !important;}
.justify-content-end {-ms-flex-pack: end !important; justify-content: flex-end !important;}
.justify-content-center {-ms-flex-pack: center !important; justify-content: center !important;}
.justify-content-between {-ms-flex-pack: justify !important; justify-content: space-between !important;}
.justify-content-around {-ms-flex-pack: distribute !important; justify-content: space-around !important;}
.align-items-start {-ms-flex-align: start !important; align-items: flex-start !important;}
.align-items-end {-ms-flex-align: end !important; align-items: flex-end !important;}
.align-items-center {-ms-flex-align: center !important; align-items: center !important;}
.align-items-baseline {-ms-flex-align: baseline !important; align-items: baseline !important;}
.align-items-stretch {-ms-flex-align: stretch !important; align-items: stretch !important;}
.align-content-start {-ms-flex-line-pack: start !important; align-content: flex-start !important;}
.align-content-end {-ms-flex-line-pack: end !important; align-content: flex-end !important;}
.align-content-center {-ms-flex-line-pack: center !important; align-content: center !important;}
.align-content-between {-ms-flex-line-pack: justify !important; align-content: space-between !important;}
.align-content-around {-ms-flex-line-pack: distribute !important; align-content: space-around !important;}
.align-content-stretch {-ms-flex-line-pack: stretch !important; align-content: stretch !important;}
.align-self-auto {-ms-flex-item-align: auto !important; align-self: auto !important;}
.align-self-start {-ms-flex-item-align: start !important; align-self: flex-start !important;}
.align-self-end {-ms-flex-item-align: end !important; align-self: flex-end !important;}
.align-self-center {-ms-flex-item-align: center !important; align-self: center !important;}
.align-self-baseline {-ms-flex-item-align: baseline !important; align-self: baseline !important;}
.align-self-stretch {-ms-flex-item-align: stretch !important; align-self: stretch !important;}
.flex-center {-ms-flex-align: center !important; align-items: center !important; flex: 1 100%;}
.row {margin-right: 0; margin-left: 0;  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row-plus {margin: 0;  display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row-out {margin-right: -12px; margin-left: -12px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row:before, .row:after {display: none !important;}
.row-plus:before, .row-plus:after {display: none !important;}
.row-out:before, .row-out:after {display: none !important;}
.no-margin {padding:0; margin:0;}
.margin-auto {margin:0 auto;}
.row.equal {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width:100%;}
.row.equal:before, .row.equal:after {display: block;}
.row.equal > [class*='col-'] {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.row.equal > [class*='col-'] > * {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.row-out.equal {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row-out.equal:before, .row-out.equal:after {display: block;}
.row-out.equal > [class*='col-'] {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.row-out.equal > [class*='col-'] > * {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
.row-plus.equal {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.row-plus.equal:before, .row-plus.equal:after {display: block;}
.row-plus.equal > [class*='col-'] {display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;}
.row-plus.equal > [class*='col-'] > * {-webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto;}
/************************************************************************************/
/* Grid 
/************************************************************************************/
.container-small {margin-left: auto; margin-right: auto; padding:0;}
.container-full {margin-left: auto; margin-right: auto; padding:0;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-mp-1, .col-mp-2, .col-mp-3, .col-mp-4, .col-mp-5, .col-mp-6, .col-mp-7, .col-mp-8, .col-mp-9, .col-mp-10, .col-mp-11, .col-mp-12, .col-ml-1, .col-ml-2, .col-ml-3, .col-ml-4, .col-ml-5, .col-ml-6, .col-ml-7, .col-ml-8, .col-ml-9, .col-ml-10, .col-ml-11, .col-ml-12, .col-tp-1, .col-tp-2, .col-tp-3, .col-tp-4, .col-tp-5, .col-tp-6, .col-tp-7, .col-tp-8, .col-tp-9, .col-tp-10, .col-tp-11, .col-tp-12, .col-ts-1, .col-ts-2, .col-ts-3, .col-ts-4, .col-ts-5, .col-ts-6, .col-ts-7, .col-ts-8, .col-ts-9, .col-ts-10, .col-ts-11, .col-ts-12, .col-tl-1, .col-tl-2, .col-tl-3, .col-tl-4, .col-tl-5, .col-tl-6, .col-tl-7, .col-tl-8, .col-tl-9, .col-tl-10, .col-tl-11, .col-tl-12, .col-tb-1, .col-tb-2, .col-tb-3, .col-tb-4, .col-tb-5, .col-tb-6, .col-tb-7, .col-tb-8, .col-tb-9, .col-tb-10, .col-tb-11, .col-tb-12, .col-mx-1, .col-mx-2, .col-mx-3, .col-mx-4, .col-mx-5, .col-mx-6, .col-mx-7, .col-mx-8, .col-mx-9, .col-mx-10, .col-mx-11, .col-mx-12, .col-mx-1-5, .col-mp-1-5, .col-ml-1-5, .col-tp-1-5, .col-ts-1-5, .col-tl-1-5, .col-tb-1-5 {width: 100%;}
.col {-ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-auto {-ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none;}
.col-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
/************************************************************************************/
/* Mobile --- (col-mx) 
/************************************************************************************/
@media only screen and (min-width: 320px) and (max-width: 480px) {
.container-small {width: 100%;}
.hidden-mx {display:none !important;}
.col-mx {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-mx-auto {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}
.col-mx-1 {-webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-mx-2 {-webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-mx-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-mx-4 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-mx-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-mx-6 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-mx-7 {-webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-mx-8 {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-mx-9 {-webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-mx-10 {-webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-mx-11 {-webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-mx-12 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-mx-1-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
/************************************************************************************/
/* Mobile portrait --- (col-mp) 
/************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 576px) {
.container-small {width: 100%;}
.hidden-mp {display:none !important;}
.col-mp {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-mp-auto {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}
.col-mp-1 {-webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-mp-2 {-webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-mp-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-mp-4 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-mp-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-mp-6 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-mp-7 {-webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-mp-8 {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-mp-9 {-webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-mp-10 {-webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-mp-11 {-webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-mp-12 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-mp-1-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
/************************************************************************************/
/* Mobile landscape --- (col-ml) 
/************************************************************************************/
@media only screen and (min-width: 577px) and (max-width: 768px) {
.container-small {width: 100%;}
.hidden-ml {display:none !important;}
.col-ml {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-ml-auto {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}
.col-ml-1 {-webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-ml-2 {-webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-ml-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-ml-4 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-ml-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-ml-6 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-ml-7 {-webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-ml-8 {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-ml-9 {-webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-ml-10 {-webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-ml-11 {-webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-ml-12 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-ml-1-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
/************************************************************************************/
/* Tablet portrait --- (col-tp) 
/************************************************************************************/
@media only screen and (min-width: 769px) and (max-width: 992px) {
.hidden-tp {display:none !important;}
.container-small {width: 100%;}
.col-tp {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-tp-auto {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}
.col-tp-1 {-webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-tp-2 {-webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-tp-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-tp-4 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-tp-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-tp-6 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-tp-7 {-webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-tp-8 {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-tp-9 {-webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-tp-10 {-webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-tp-11 {-webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-tp-12 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-tp-1-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
}
/************************************************************************************/
/* Note landscape --- (col-ts) 
/************************************************************************************/
@media only screen and (min-width: 993px) and (max-width: 1200px) {
.container-small {width: 100%;}
.hidden-ts {display:none !important;}
.col-ts {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-ts-auto {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}
.col-ts-1 {-webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-ts-2 {-webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-ts-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-ts-4 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-ts-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-ts-6 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-ts-7 {-webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-ts-8 {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-ts-9 {-webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-ts-10 {-webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-ts-11 {-webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-ts-12 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-ts-1-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
}
/************************************************************************************/
/* Comp landscape --- (col-tl) 
/************************************************************************************/
@media only screen and (min-width: 1201px) and (max-width: 1500px) {
.container-small {max-width: 1440px;}
.hidden-tl {display:none !important;}
.col-tl {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-tl-auto {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}
.col-tl-1 {-webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-tl-2 {-webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-tl-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-tl-4 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-tl-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-tl-6 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-tl-7 {-webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-tl-8 {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-tl-9 {-webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-tl-10 {-webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-tl-11 {-webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-tl-12 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-tl-1-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}
/************************************************************************************/
/* Comp landscape --- (col-tb) 
/************************************************************************************/
@media only screen and (min-width: 1501px) and (max-width: 7680px) {
.container-small {max-width: 1600px;}
.hidden-tb {display:none !important;}
.col-tb {-webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%;}
.col-tb-auto {-webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto;}
.col-tb-1 {-webkit-box-flex: 0; -webkit-flex: 0 0 8.333333%; -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;}
.col-tb-2 {-webkit-box-flex: 0; -webkit-flex: 0 0 16.666667%; -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;}
.col-tb-3 {-webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;}
.col-tb-4 {-webkit-box-flex: 0; -webkit-flex: 0 0 33.333333%; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;}
.col-tb-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 41.666667%; -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;}
.col-tb-6 {-webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
.col-tb-7 {-webkit-box-flex: 0; -webkit-flex: 0 0 58.333333%; -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;}
.col-tb-8 {-webkit-box-flex: 0; -webkit-flex: 0 0 66.666667%; -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;}
.col-tb-9 {-webkit-box-flex: 0; -webkit-flex: 0 0 75%; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;}
.col-tb-10 {-webkit-box-flex: 0; -webkit-flex: 0 0 83.333333%; -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;}
.col-tb-11 {-webkit-box-flex: 0; -webkit-flex: 0 0 91.666667%; -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;}
.col-tb-12 {-webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
.col-tb-1-5 {-webkit-box-flex: 0; -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}
/* --- Margin & Padding --- */
.m-0 {margin: 0 !important;}
.mt-0 {margin-top: 0 !important;}
.mr-0 {margin-right: 0 !important;}
.mb-0 {margin-bottom: 0 !important;}
.ml-0 {margin-left: 0 !important;}
.m-1 {margin: 0.25rem !important;}
.mt-1 {margin-top: 0.25rem !important;}
.mr-1 {margin-right: 0.25rem !important;}
.mb-1 {margin-bottom: 0.25rem !important;}
.ml-1 {margin-left: 0.25rem !important;}
.m-2 {margin: 0.5rem !important;}
.mt-2 {margin-top: 0.5rem !important;}
.mr-2 {margin-right: 0.5rem !important;}
.mb-2 {margin-bottom: 0.5rem !important;}
.ml-2 {margin-left: 0.5rem !important;}
.m-3 {margin: 1rem !important;}
.mt-3 {margin-top: 1rem !important;}
.mr-3 {margin-right: 1rem !important;}
.mb-3 {margin-bottom: 1rem !important;}
.ml-3 {margin-left: 1rem !important;}
.m-4 {margin: 1.5rem !important;}
.mt-4 {margin-top: 1.5rem !important;}
.mr-4 {margin-right: 1.5rem !important;}
.mb-4 {margin-bottom: 1.5rem !important;}
.ml-4 {margin-left: 1.5rem !important;}
.m-5 {margin: 3rem !important;}
.mt-5 {margin-top: 3rem !important;}
.mr-5 {margin-right: 3rem !important;}
.mb-5 {margin-bottom: 3rem !important;}
.ml-5 {margin-left: 3rem !important;}
.p-0 {padding: 0 !important;}
.pt-0 {padding-top: 0 !important;}
.pr-0 {padding-right: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}
.pl-0 {padding-left: 0 !important;}
.p-1 {padding: 0.25rem !important;}
.pt-1 {padding-top: 0.25rem !important;}
.pr-1 {padding-right: 0.25rem !important;}
.pb-1 {padding-bottom: 0.25rem !important;}
.pl-1 {padding-left: 0.25rem !important;}
.p-2 {padding: 0.5rem !important;}
.pt-2 {padding-top: 0.5rem !important;}
.pr-2 {padding-right: 0.5rem !important;}
.pb-2 {padding-bottom: 0.5rem !important;}
.pl-2 {padding-left: 0.5rem !important;}
.p-3 {padding: 1rem !important;}
.pt-3 {padding-top: 1rem !important;}
.pr-3 {padding-right: 1rem !important;}
.pb-3 {padding-bottom: 1rem !important;}
.pl-3 {padding-left: 1rem !important;}
.p-4 {padding: 1.5rem !important;}
.pt-4 {padding-top: 1.5rem !important;}
.pr-4 {padding-right: 1.5rem !important;}
.pb-4 {padding-bottom: 1.5rem !important;}
.pl-4 {padding-left: 1.5rem !important;}
.p-5 {padding: 3rem !important;}
.pt-5 {padding-top: 3rem !important;}
.pr-5 {padding-right: 3rem !important;}
.pb-5 {padding-bottom: 3rem !important;}
.pl-5 {padding-left: 3rem !important;}
.mt-6 {margin-top: 6.5rem !important;}
.m-auto {margin: auto !important;}
.w-100 {width:100% !important;}