/* CLEAR */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

/* GRID */
.container { position: relative; margin: 0 auto; padding: 0; }
.column, .columns, .col, .cols { float: left; display: inline; margin-left: 1%; margin-right: 1%; margin-bottom:2%;}
.column.sticky, .columns.sticky, .col.sticky, .cols.sticky { margin: 0 !important; }
.column.sticky.mb-2p, .columns.sticky.mb-2p, .col.sticky.mb-2p, .cols.sticky.mb-2p { margin-bottom: 2% !important; }
.row { margin-bottom: 10px; }

.one.column, .one.col { width: 3%; }
.two.columns, .two.cols { width: 8%; }
.three.columns, .three.cols { width: 13%; }
.four.columns, .four.cols { width: 18%; }
.five.columns, .five.cols { width: 23%; }
.six.columns, .six.cols { width: 28%; }
.seven.columns, .seven.cols { width: 33%; }
.eight.columns, .eight.cols { width: 38%; }
.nine.columns, .nine.cols { width: 43%; }
.ten.columns, .ten.cols { width: 48%; }
.eleven.columns, .eleven.cols { width: 53%; }
.twelve.columns, .twelve.cols { width: 58%; }
.thirteen.columns, .thirteen.cols { width: 63%; }
.fourteen.columns, .fourteen.cols { width: 68%; }
.fifteen.columns, .fifteen.cols { width: 73%; }
.sixteen.columns, .sixteen.cols { width: 78%; }
.seventeen.columns, .seventeen.cols { width: 83%; }
.eighteen.columns, .eighteen.cols { width: 88%; }
.nineteen.columns, .nineteen.cols { width: 93%; }
.twenty.columns, .twenty.cols { width: 98%; }

.half.column, .half.col {width: 48%}
.one-third.column, .one-third.col {width: 31.3333333333%}
.two-thirds.column, .two-thirds.col {width: 64.6666666667%}

.one.column.sticky, .one.col.sticky  { width: 5%; }
.two.columns.sticky, .two.cols.sticky { width: 10%; }
.three.columns.sticky, .three.cols.sticky { width: 15%; }
.four.columns.sticky, .four.cols.sticky { width: 20%; }
.five.columns.sticky, .five.cols.sticky { width: 25%; }
.six.columns.sticky, .six.cols.sticky { width: 30%; }
.seven.columns.sticky, .seven.cols.sticky { width: 35%; }
.eight.columns.sticky, .eight.cols.sticky { width: 40%; }
.nine.columns.sticky, .nine.cols.sticky { width: 45%; }
.ten.columns.sticky, .ten.cols.sticky { width: 50%; }
.eleven.columns.sticky, .eleven.cols.sticky { width: 55%; }
.twelve.columns.sticky, .twelve.cols.sticky { width: 60%; }
.thirteen.columns.sticky, .thirteen.cols.sticky { width: 65%; }
.fourteen.columns.sticky, .fourteen.cols.sticky { width: 70%; }
.fifteen.columns.sticky, .fifteen.cols.sticky { width: 75%; }
.sixteen.columns.sticky, .sixteen.cols.sticky { width: 80%; }
.seventeen.columns.sticky, .seventeen.cols.sticky { width: 85%; }
.eighteen.columns.sticky, .eighteen.cols.sticky { width: 90%; }
.nineteen.columns.sticky, .nineteen.cols.sticky { width: 95%; }
.twenty.columns.sticky, .twenty.cols.sticky { width: 100%; }

.half.column.sticky, .half.col.sticky {width: 50%}
.one-third.column.sticky, .one-third.col.sticky { width: 33.3333333333%; }
.two-thirds.column.sticky, .two-thirds.col.sticky { width: 66.6666666667%; }

.offset-by-one { padding-left: 5%;  }
.offset-by-two { padding-left: 10%; }
.offset-by-three { padding-left: 15%; }
.offset-by-four { padding-left: 20%; }
.offset-by-five { padding-left: 25%; }
.offset-by-six { padding-left: 30%; }
.offset-by-seven { padding-left: 35%; }
.offset-by-eight { padding-left: 40%; }
.offset-by-nine { padding-left: 45%; }
.offset-by-ten { padding-left: 50%; }
.offset-by-eleven { padding-left: 55%; }
.offset-by-twelve { padding-left: 60%; }
.offset-by-thirteen { padding-left: 65%; }
.offset-by-fourteen { padding-left: 70%; }
.offset-by-fifteen { padding-left: 75%; }
.offset-by-sixteen { padding-left: 80%; }
.offset-by-seventeen { padding-left: 85%; }
.offset-by-eighteen { padding-left: 90%; }
.offset-by-nineteen { padding-left: 95%; }


/* 1200px grid */
@media only screen and (min-width: 1600px) { .container { width: 1040px; } }
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
.container { width: 1040px; }
.four.columns.jumper { width: 23%; }
.sixteen.columns.jumper { width: 73%; }
.four.columns.sticky.jumper { width: 25%; }
.sixteen.columns.sticky.jumper { width: 75%; }
.sdsk { display: block; }
.mobl, .tblt, .ldsk { display: none; }
}
@media only screen and (min-width: 1040px) and (max-width: 1199px) { .container { width: 1040px; } }
@media only screen and (min-width: 768px) and (max-width: 1039px) { .container { width: 100%; } }

@media only screen and (min-width: 480px) and (max-width: 1199px) {
.one-third.column.jumper, .two-thirds.column.jumper { width: 48%; }
.one-third.column.sticky.jumper, .two-thirds.column.sticky.jumper { width: 50%; }
.half.column.jumper, .half.col.jumper { width: 98%; }
.half.column.sticky.jumper, .half.col.sticky.jumper { width: 100%; }
.tblt { display: block; }
.mobl, .sdsk, .ldsk, .ndsk { display: none; }
}

@media only screen and (max-width: 1199px) {
.st-1200 { display: block; }
.gt-1200 { display: none; }
}

@media only screen and (max-width: 767px) {
.mobile-0 {display: none; }
.mobile-1 {display: block; }
.container { position: relative; width: 100%; margin: 0 auto; padding: 0; }
.one.column, .two.columns, .three.columns, .seventeen.columns, .eighteen.columns, .nineteen.columns {width:98%;}
.one.column.sticky, .two.columns.sticky, .three.columns.sticky, .seventeen.columns.sticky, .eighteen.columns.sticky, .nineteen.columns.sticky {width:100%;}
.offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten, .offset-by-eleven, .offset-by-twelve, .offset-by-thirteen, .offset-by-fourteen, .offset-by-fifteen, .offset-by-sixteen, .offset-by-seventeen, .offset-by-eighteen, .offset-by-nineteen { padding-left: 0; }
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
.four.columns.jumper, .five.columns.jumper { width: 31.3333333333%; }
.fifteen.columns.jumper, .sixteen.columns.jumper { width: 64.6666666667%; }
.four.columns.sticky.jumper, .five.columns.sticky.jumper { width: 33.3333333333%; }
.fifteen.columns.sticky.jumper, .sixteen.columns.sticky.jumper { width: 66.6666666667%; }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.four.columns.jumper, .five.columns.jumper, .fifteen.columns.jumper, .sixteen.columns.jumper,
.eight.columns, .nine.columns, .eleven.columns, .twelve.columns { width: 48%; }
.four.columns.sticky.jumper, .five.columns.sticky.jumper, .fifteen.columns.sticky.jumper, .sixteen.columns.sticky.jumper,
.eight.columns.sticky, .nine.columns.sticky, .eleven.columns.sticky, .twelve.columns.sticky { width: 50%; }
.four.columns, .five.columns, .six.columns, .seven.columns { width: 31.3333333333%; }
.thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns { width: 64.6666666667%; }
.four.columns.sticky, .five.columns.sticky, .six.columns.sticky, .seven.columns.sticky { width: 33.3333333333%; }
.thirteen.columns.sticky, .fourteen.columns.sticky, .fifteen.columns.sticky, .sixteen.columns.sticky { width: 66.6666666667%; }
.fs-xl {font-size: 2em;}
.fs-xxl {font-size: 3em;}
.fs-xxxl {font-size: 4em;}
}

/*@media only screen and (min-width: 320px) and (max-width: 479px) { .container { width: 320px; } }*/

@media only screen and (max-width: 479px) {
.column, .columns {margin-left: 2%; margin-right: 2%; margin-bottom:4%;}
.twenty.columns, .ten.columns, .half.column, .one-third.column, .two-thirds.column,
.four.columns, .five.columns, .six.columns, .seven.columns,
.eight.columns, .nine.columns, .eleven.columns, .twelve.columns,
.thirteen.columns, .fourteen.columns, .fifteen.columns, .sixteen.columns { width: 96%; }

.column.sticky, .columns.sticky { margin: 0 !important;}
.twenty.columns.sticky, .ten.columns.sticky, .half.column.sticky, .one-third.column.sticky, .two-thirds.column.sticky,
.four.columns.sticky, .five.columns.sticky, .six.columns.sticky, .seven.columns.sticky,
.eight.columns.sticky, .nine.columns.sticky, .eleven.columns.sticky, .twelve.columns.sticky,
.thirteen.columns.sticky, .fourteen.columns.sticky, .fifteen.columns.sticky, .sixteen.columns.sticky { width: 100%; }
.fs-l {font-size: 1em;}
.fs-xl {font-size: 1.5em;}
.fs-xxl {font-size: 2em;}
.fs-xxxl {font-size: 3em;}
.wrapper {font-size: 0.6666667em;}

.move-c, .text-left.move-c, .text-right.move-c {text-align: center;}

.mobl { display: block; }
.tblt, .sdsk, .ldsk, .ndsk { display: none; }
}