html, body{
    padding:0;
    margin:0;
    height: 100%;
}
html {
    font-size: 14px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.page {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
figure {
    margin: 0;
}
img {
    vertical-align: middle;
    image-rendering: -webkit-optimize-contrast;
}
.no-select{
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}
a{
    outline: 0!important;
    color: inherit;
    text-decoration: none;
    -webkit-transition: all .15s ease;
       -moz-transition: all .15s ease;
         -o-transition: all .15s ease;
            transition: all .15s ease;
  
}
.transition{
  -webkit-transition: all .15s ease;
     -moz-transition: all .15s ease;
       -o-transition: all .15s ease;
          transition: all .15s ease;
}
a:active{
  color:inherit;
}
.underline-hover:hover{
  text-decoration: underline;
}
.underline{
  text-decoration: underline;
}
.underline:hover{
  text-decoration: none;
}
.b{
    font-weight: bold;
}
.cursor-p{
    cursor: pointer;
}
.max-w-1000{max-width: 1000px;}
.max-w-900 {max-width: 900px;}
.max-w-800 {max-width: 800px;}
.max-w-700 {max-width: 700px;}
.max-w-600 {max-width: 600px;}
.max-w-500 {max-width: 500px;}
.max-w-400 {max-width: 400px;}
.max-w-300 {max-width: 300px;}
.max-w-200 {max-width: 200px;}
.max-w-100 {max-width: 100px;}
.max-w-50 {max-width:  50px;}

.flex{
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  
  display: flex;
  flex-wrap: wrap;
}
.nowrap, .no-wrap{
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;  
}
.column {
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  -webkit-flex-direction: column;

  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
.container{
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
	padding: 0 15px;
}
.f-center   {-webkit-justify-content: center; justify-content: center;}
.f-start    {-webkit-justify-content: flex-start; justify-content: flex-start;}
.f-end      {-webkit-justify-content: flex-end; justify-content: flex-end;}
.f-around   {-webkit-justify-content: space-around; justify-content: space-around;}
.f-between  {-webkit-justify-content: space-between; justify-content: space-between;}

.v-start    {-webkit-align-items: flex-start; align-items: flex-start;}
.v-end      {-webkit-align-items: flex-end; align-items: flex-end;}
.v-center   {-webkit-align-items: center; align-items: center;}
.v-default  {-webkit-align-items: stretch; align-items: stretch;}

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

.m-20  {margin:        20px!important;}
.mb-20 {margin-bottom: 20px!important;}
.mt-20 {margin-top:    20px!important;}
.mr-20 {margin-right:  20px!important;}
.ml-20 {margin-left:   20px!important;}

.m-15  {margin:        15px!important;}
.mb-15 {margin-bottom: 15px!important;}
.mt-15 {margin-top:    15px!important;}
.mr-15 {margin-right:  15px!important;}
.ml-15 {margin-left:   15px!important;}

.m-10  {margin:        10px!important;}
.mb-10 {margin-bottom: 10px!important;}
.mt-10 {margin-top:    10px!important;}
.mr-10 {margin-right:  10px!important;}
.ml-10 {margin-left:   10px!important;}

.m-5   {margin:        5px!important;}
.mb-5  {margin-bottom: 5px!important;}
.mt-5  {margin-top:    5px!important;}
.mr-5  {margin-right:  5px!important;}
.ml-5  {margin-left:   5px!important;}

.m-0 {margin:        0!important;}
.mb-0{margin-bottom: 0!important;}
.mt-0{margin-top:    0!important;}
.mr-0{margin-right:  0!important;}
.ml-0{margin-left:   0!important;}

.p-5{padding: 5px;}
.p-10{padding: 10px;}
.p-15{padding: 15px;}
.p-20{padding: 20px;}

.relative{position: relative!important;}
.static{position: static!important;}

.row{
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px; 
}
.row-sm{
    margin-left: -8px;
    margin-right: -8px;    
}
.row-0{
    margin-left: 0;
    margin-right: 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-lg-1, 
.col-lg-2, 
.col-lg-3, 
.col-lg-4, 
.col-lg-5, 
.col-lg-6, 
.col-lg-7, 
.col-lg-8, 
.col-lg-9, 
.col-lg-10, 
.col-lg-11, 
.col-lg-12,

.col-md-1, 
.col-md-2, 
.col-md-3, 
.col-md-4, 
.col-md-5, 
.col-md-6, 
.col-md-7, 
.col-md-8,
.col-md-9, 
.col-md-10, 
.col-md-11, 
.col-md-12,

.col-ms-1, 
.col-ms-2, 
.col-ms-3, 
.col-ms-4, 
.col-ms-5, 
.col-ms-6, 
.col-ms-7, 
.col-ms-8, 
.col-ms-9, 
.col-ms-10, 
.col-ms-11, 
.col-ms-12,

.col-sm-1, 
.col-sm-2, 
.col-sm-3, 
.col-sm-4, 
.col-sm-5, 
.col-sm-6, 
.col-sm-7, 
.col-sm-8, 
.col-sm-9, 
.col-sm-10, 
.col-sm-11, 
.col-sm-12,

.col-xs-1, 
.col-xs-2, 
.col-xs-3, 
.col-xs-4, 
.col-xs-5, 
.col-xs-6, 
.col-xs-7, 
.col-xs-8, 
.col-xs-9, 
.col-xs-10, 
.col-xs-11, 
.col-xs-12{
    padding-left:15px;
    padding-right: 15px;
    position: relative;
}
.row-sm > [class^="col"]{
    padding-left:8px;
    padding-right: 8px;
}
.row-0 > [class^="col"]{
    padding-left:0;
    padding-right: 0;
}
.col-1  {width:  8.33333%;}
.col-2  {width: 16.66666%;}
.col-3  {width:       25%;}
.col-4  {width: 33.33333%;}
.col-5  {width: 41.66666%;}
.col-6  {width:       50%;}
.col-7  {width: 58.33333%;}
.col-8  {width: 66.66666%;}
.col-9  {width:       75%;}
.col-10 {width: 83.33333%;}
.col-11 {width: 91.66666%;}
.col-12 {width:      100%;}

.hidden                 {display: none;}
.visible                {display: block;}
.visible-flex           {display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.visible-inline         {display: inline;}
.visible-inline-block   {display: inline-block;}

.hidden-i               {display: none!important;}
.visible-i              {display: block!important;}
.visible-flex-i         {display: -webkit-flex!important; display: flex!important;-webkit-flex-wrap: wrap; flex-wrap: wrap}
.visible-inline-i       {display: inline!important;}
.visible-inline-block-i {display: inline-block!important;}

.col-offset-1  {margin-left:  8.33333%;}
.col-offset-2  {margin-left: 16.66666%;}
.col-offset-3  {margin-left:       25%;}
.col-offset-4  {margin-left: 33.33333%;}
.col-offset-5  {margin-left: 41.66666%;}
.col-offset-6  {margin-left:       50%;}
.col-offset-7  {margin-left: 58.33333%;}
.col-offset-8  {margin-left: 66.66666%;}
.col-offset-9  {margin-left:       75%;}
.col-offset-10 {margin-left: 83.33333%;}
.col-offset-11 {margin-left: 91.66666%;}

@media only screen and (max-width: 1199px) {
	.container{
		max-width: 1024px;
	}
    .f-center-lg   {-webkit-justify-content: center; justify-content: center;}
    .f-start-lg    {-webkit-justify-content: flex-start; justify-content: flex-start;}
    .f-end-lg      {-webkit-justify-content: flex-end; justify-content: flex-end;}
    .f-around-lg   {-webkit-justify-content: space-around; justify-content: space-around;}
    .f-between-lg  {-webkit-justify-content: space-between; justify-content: space-between;}

    .v-start-lg    {-webkit-align-items: flex-start; align-items: flex-start;}
    .v-end-lg      {-webkit-align-items: flex-end; align-items: flex-end;}
    .v-center-lg   {-webkit-align-items: center; align-items: center;}
    .v-default-lg  {-webkit-align-items: stretch; align-items: stretch;}

    .column-lg {-webkit-flex-direction: column; flex-direction: column;}

    .m-20-lg  {margin:        20px!important;}
    .mb-20-lg {margin-bottom: 20px!important;}
    .mt-20-lg {margin-top:    20px!important;}
    .mr-20-lg {margin-right:  20px!important;}
    .ml-20-lg {margin-left:   20px!important;}

    .m-15-lg  {margin:        15px!important;}
    .mb-15-lg {margin-bottom: 15px!important;}
    .mt-15-lg {margin-top:    15px!important;}
    .mr-15-lg {margin-right:  15px!important;}
    .ml-15-lg {margin-left:   15px!important;}

    .m-10-lg  {margin:        10px!important;}
    .mb-10-lg {margin-bottom: 10px!important;}
    .mt-10-lg {margin-top:    10px!important;}
    .mr-10-lg {margin-right:  10px!important;}
    .ml-10-lg {margin-left:   10px!important;}

    .m-5-lg   {margin:        5px!important;}
    .mb-5-lg  {margin-bottom: 5px!important;}
    .mt-5-lg  {margin-top:    5px!important;}
    .mr-5-lg  {margin-right:  5px!important;}
    .ml-5-lg  {margin-left:   5px!important;}

    .m-0-lg {margin:        0!important;}
    .mb-0-lg{margin-bottom: 0!important;}
    .mt-0-lg{margin-top:    0!important;}
    .mr-0-lg{margin-right:  0!important;}
    .ml-0-lg{margin-left:   0!important;}

    .text-size-14-lg{font-size: 14px!important;}
    .text-size-13-lg{font-size: 13px!important;}
    .text-size-12-lg{font-size: 12px!important;}

    .relative-lg{position: relative!important;}
    .static-lg{position: static!important;}

    .col-lg-1  {width:  8.33333%;}
    .col-lg-2  {width: 16.66666%;}
    .col-lg-3  {width:       25%;}
    .col-lg-4  {width: 33.33333%;}
    .col-lg-5  {width: 41.66666%;}
    .col-lg-6  {width:       50%;}
    .col-lg-7  {width: 58.33333%;}
    .col-lg-8  {width: 66.66666%;}
    .col-lg-9  {width:       75%;}
    .col-lg-10 {width: 83.33333%;}
    .col-lg-11 {width: 91.66666%;}
    .col-lg-12 {width:      100%;}
    
    .hidden-lg                 {display: none;}
    .visible-lg                {display: block;}
    .visible-flex-lg           {display: -webkit-flex; display: flex;}
    .visible-inline-lg         {display: inline;}
    .visible-inline-block-lg   {display: inline-block;}

    .hidden-i-lg                   {display: none!important;}
    .visible-i-lg                  {display: block!important;}
    .visible-flex-i-lg             {display: -webkit-flex!important;display: flex!important;}
    .visible-inline-i-lg           {display: inline!important;}
    .visible-inline-block-i-lg     {display: inline-block!important;}

    .col-lg-offset-0  {margin-left:         0;}
    .col-lg-offset-1  {margin-left:  8.33333%;}
    .col-lg-offset-2  {margin-left: 16.66666%;}
    .col-lg-offset-3  {margin-left:       25%;}
    .col-lg-offset-4  {margin-left: 33.33333%;}
    .col-lg-offset-5  {margin-left: 41.66666%;}
    .col-lg-offset-6  {margin-left:       50%;}
    .col-lg-offset-7  {margin-left: 58.33333%;}
    .col-lg-offset-8  {margin-left: 66.66666%;}
    .col-lg-offset-9  {margin-left:       75%;}
    .col-lg-offset-10 {margin-left: 83.33333%;}
    .col-lg-offset-11 {margin-left: 91.66666%;}
}
@media only screen and (max-width: 1023px) {
	.container{
		max-width: 768px;
	}
    .f-center-md   {-webkit-justify-content: center; justify-content: center;}
    .f-start-md    {-webkit-justify-content: flex-start; justify-content: flex-start;}
    .f-end-md      {-webkit-justify-content: flex-end; justify-content: flex-end;}
    .f-around-md   {-webkit-justify-content: space-around; justify-content: space-around;}
    .f-between-md  {-webkit-justify-content: space-between; justify-content: space-between;}

    .v-start-md    {-webkit-align-items: flex-start; align-items: flex-start;}
    .v-end-md      {-webkit-align-items: flex-end; align-items: flex-end;}
    .v-center-md   {-webkit-align-items: center; align-items: center;}
    .v-default-md  {-webkit-align-items: stretch; align-items: stretch;}

    .column-md {-webkit-flex-direction: column; flex-direction: column;}

    .m-20-md  {margin:        20px!important;}
    .mb-20-md {margin-bottom: 20px!important;}
    .mt-20-md {margin-top:    20px!important;}
    .mr-20-md {margin-right:  20px!important;}
    .ml-20-md {margin-left:   20px!important;}

    .m-15-md  {margin:        15px!important;}
    .mb-15-md {margin-bottom: 15px!important;}
    .mt-15-md {margin-top:    15px!important;}
    .mr-15-md {margin-right:  15px!important;}
    .ml-15-md {margin-left:   15px!important;}

    .m-10-md  {margin:        10px!important;}
    .mb-10-md {margin-bottom: 10px!important;}
    .mt-10-md {margin-top:    10px!important;}
    .mr-10-md {margin-right:  10px!important;}
    .ml-10-md {margin-left:   10px!important;}

    .m-5-md   {margin:        5px!important;}
    .mb-5-md  {margin-bottom: 5px!important;}
    .mt-5-md  {margin-top:    5px!important;}
    .mr-5-md  {margin-right:  5px!important;}
    .ml-5-md  {margin-left:   5px!important;}

    .m-0-md {margin:        0!important;}
    .mb-0-md{margin-bottom: 0!important;}
    .mt-0-md{margin-top:    0!important;}
    .mr-0-md{margin-right:  0!important;}
    .ml-0-md{margin-left:   0!important;}

    .text-size-14-md{font-size: 14px!important;}
    .text-size-13-md{font-size: 13px!important;}
    .text-size-12-md{font-size: 12px!important;}

    .relative-md{position: relative!important;}
    .static-md{position: static!important;}

    .col-md-1  {width:  8.33333%;}
    .col-md-2  {width: 16.66666%;}
    .col-md-3  {width:       25%;}
    .col-md-4  {width: 33.33333%;}
    .col-md-5  {width: 41.66666%;}
    .col-md-6  {width:       50%;}
    .col-md-7  {width: 58.33333%;}
    .col-md-8  {width: 66.66666%;}
    .col-md-9  {width:       75%;}
    .col-md-10 {width: 83.33333%;}
    .col-md-11 {width: 91.66666%;}
    .col-md-12 {width:      100%;}

    .hidden-md                 {display: none;}
    .visible-md                {display: block;}
    .visible-flex-md           {display: -webkit-flex; display: flex;}
    .visible-inline-md         {display: inline;}
    .visible-inline-block-md   {display: inline-block;}

    .hidden-i-md                   {display: none!important;}
    .visible-i-md                  {display: block!important;}
    .visible-flex-i-md             {display: -webkit-flex!important;display: flex!important;}
    .visible-inline-i-md           {display: inline!important;}
    .visible-inline-block-i-md     {display: inline-block!important;}

    .col-md-offset-0  {margin-left:         0;}
    .col-md-offset-1  {margin-left:  8.33333%;}
    .col-md-offset-2  {margin-left: 16.66666%;}
    .col-md-offset-3  {margin-left:       25%;}
    .col-md-offset-4  {margin-left: 33.33333%;}
    .col-md-offset-5  {margin-left: 41.66666%;}
    .col-md-offset-6  {margin-left:       50%;}
    .col-md-offset-7  {margin-left: 58.33333%;}
    .col-md-offset-8  {margin-left: 66.66666%;}
    .col-md-offset-9  {margin-left:       75%;}
    .col-md-offset-10 {margin-left: 83.33333%;}
    .col-md-offset-11 {margin-left: 91.66666%;}
}
@media only screen and (max-width: 767px) { 
    .f-center-ms   {-webkit-justify-content: center; justify-content: center;}
    .f-start-ms    {-webkit-justify-content: flex-start; justify-content: flex-start;}
    .f-end-ms      {-webkit-justify-content: flex-end; justify-content: flex-end;}
    .f-around-ms   {-webkit-justify-content: space-around; justify-content: space-around;}
    .f-between-ms  {-webkit-justify-content: space-between; justify-content: space-between;}

    .v-start-ms    {-webkit-align-items: flex-start; align-items: flex-start;}
    .v-end-ms      {-webkit-align-items: flex-end; align-items: flex-end;}
    .v-center-ms   {-webkit-align-items: center; align-items: center;}
    .v-default-ms  {-webkit-align-items: stretch; align-items: stretch;}

    .column-ms {-webkit-flex-direction: column; flex-direction: column;}

    .m-20-ms  {margin:        20px!important;}
    .mb-20-ms {margin-bottom: 20px!important;}
    .mt-20-ms {margin-top:    20px!important;}
    .mr-20-ms {margin-right:  20px!important;}
    .ml-20-ms {margin-left:   20px!important;}

    .m-15-ms  {margin:        15px!important;}
    .mb-15-ms {margin-bottom: 15px!important;}
    .mt-15-ms {margin-top:    15px!important;}
    .mr-15-ms {margin-right:  15px!important;}
    .ml-15-ms {margin-left:   15px!important;}

    .m-10-ms  {margin:        10px!important;}
    .mb-10-ms {margin-bottom: 10px!important;}
    .mt-10-ms {margin-top:    10px!important;}
    .mr-10-ms {margin-right:  10px!important;}
    .ml-10-ms {margin-left:   10px!important;}

    .m-5-ms   {margin:        5px!important;}
    .mb-5-ms  {margin-bottom: 5px!important;}
    .mt-5-ms  {margin-top:    5px!important;}
    .mr-5-ms  {margin-right:  5px!important;}
    .ml-5-ms  {margin-left:   5px!important;}

    .m-0-ms {margin:        0!important;}
    .mb-0-ms{margin-bottom: 0!important;}
    .mt-0-ms{margin-top:    0!important;}
    .mr-0-ms{margin-right:  0!important;}
    .ml-0-ms{margin-left:   0!important;}
    
    .text-size-14-ms{font-size: 14px!important;}
    .text-size-13-ms{font-size: 13px!important;}
    .text-size-12-ms{font-size: 12px!important;}

    .relative-ms{position: relative!important;}
    .static-ms{position: static!important;}

    .col-ms-1  {width:  8.33333%;}
    .col-ms-2  {width: 16.66666%;}
    .col-ms-3  {width:       25%;}
    .col-ms-4  {width: 33.33333%;}
    .col-ms-5  {width: 41.66666%;}
    .col-ms-6  {width:       50%;}
    .col-ms-7  {width: 58.33333%;}
    .col-ms-8  {width: 66.66666%;}
    .col-ms-9  {width:       75%;}
    .col-ms-10 {width: 83.33333%;}
    .col-ms-11 {width: 91.66666%;}
    .col-ms-12 {width:      100%;}
    
    .hidden-ms                 {display: none;}
    .visible-ms                {display: block;}
    .visible-flex-ms           {display: -webkit-flex; display: flex;}
    .visible-inline-ms         {display: inline;}
    .visible-inline-block-ms   {display: inline-block;}

    .hidden-i-ms                   {display: none!important;}
    .visible-i-ms                  {display: block!important;}
    .visible-flex-i-ms             {display: -webkit-flex!important;display: flex!important;}
    .visible-inline-i-ms           {display: inline!important;}
    .visible-inline-block-i-ms     {display: inline-block!important;}

    .col-ms-offset-0  {margin-left:         0;}
    .col-ms-offset-1  {margin-left:  8.33333%;}
    .col-ms-offset-2  {margin-left: 16.66666%;}
    .col-ms-offset-3  {margin-left:       25%;}
    .col-ms-offset-4  {margin-left: 33.33333%;}
    .col-ms-offset-5  {margin-left: 41.66666%;}
    .col-ms-offset-6  {margin-left:       50%;}
    .col-ms-offset-7  {margin-left: 58.33333%;}
    .col-ms-offset-8  {margin-left: 66.66666%;}
    .col-ms-offset-9  {margin-left:       75%;}
    .col-ms-offset-10 {margin-left: 83.33333%;}
    .col-ms-offset-11 {margin-left: 91.66666%;}
    .row{
        margin-left: -7px!important;
        margin-right: -7px!important;
    }
    .row-sm {
        margin-left: -7px!important;
        margin-right: -7px!important;
    }
    .row-sm {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .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-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,
    .col-ms-1, .col-ms-2, .col-ms-3, .col-ms-4, .col-ms-5, .col-ms-6, .col-ms-7, .col-ms-8, .col-ms-9, .col-ms-10, .col-ms-11, .col-ms-12,
    .col-s-1, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-s-10, .col-s-11, .col-s-12,
    .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
        padding-left:7px!important;
        padding-right: 7px!important;
    }
    .row-0 > [class^="col"]{
        padding-left:0!important;
        padding-right: 0!important;
    }
    .container{
    	padding: 0 7px;
    }
}
@media only screen and (max-width: 619px) {
    .f-center-sm   {-webkit-justify-content: center; justify-content: center;}
    .f-start-sm    {-webkit-justify-content: flex-start; justify-content: flex-start;}
    .f-end-sm      {-webkit-justify-content: flex-end; justify-content: flex-end;}
    .f-around-sm   {-webkit-justify-content: space-around; justify-content: space-around;}
    .f-between-sm  {-webkit-justify-content: space-between; justify-content: space-between;}

    .v-start-sm    {-webkit-align-items: flex-start; align-items: flex-start;}
    .v-end-sm      {-webkit-align-items: flex-end; align-items: flex-end;}
    .v-center-sm   {-webkit-align-items: center; align-items: center;}
    .v-default-sm  {-webkit-align-items: stretch; align-items: stretch;}

    .column-sm {-webkit-flex-direction: column; flex-direction: column;}

    .m-20-sm  {margin:        20px!important;}
    .mb-20-sm {margin-bottom: 20px!important;}
    .mt-20-sm {margin-top:    20px!important;}
    .mr-20-sm {margin-right:  20px!important;}
    .ml-20-sm {margin-left:   20px!important;}

    .m-15-sm  {margin:        15px!important;}
    .mb-15-sm {margin-bottom: 15px!important;}
    .mt-15-sm {margin-top:    15px!important;}
    .mr-15-sm {margin-right:  15px!important;}
    .ml-15-sm {margin-left:   15px!important;}

    .m-10-sm  {margin:        10px!important;}
    .mb-10-sm {margin-bottom: 10px!important;}
    .mt-10-sm {margin-top:    10px!important;}
    .mr-10-sm {margin-right:  10px!important;}
    .ml-10-sm {margin-left:   10px!important;}

    .m-5-sm   {margin:        5px!important;}
    .mb-5-sm  {margin-bottom: 5px!important;}
    .mt-5-sm  {margin-top:    5px!important;}
    .mr-5-sm  {margin-right:  5px!important;}
    .ml-5-sm  {margin-left:   5px!important;}

    .m-0-sm {margin:        0!important;}
    .mb-0-sm{margin-bottom: 0!important;}
    .mt-0-sm{margin-top:    0!important;}
    .mr-0-sm{margin-right:  0!important;}
    .ml-0-sm{margin-left:   0!important;}

    .text-size-14-sm{font-size: 14px!important;}
    .text-size-13-sm{font-size: 13px!important;}
    .text-size-12-sm{font-size: 12px!important;}

    .relative-sm{position: relative!important;}
    .static-sm{position: static!important;}

    
    .col-sm-1  {width:  8.33333%;}
    .col-sm-2  {width: 16.66666%;}
    .col-sm-3  {width:       25%;}
    .col-sm-4  {width: 33.33333%;}
    .col-sm-5  {width: 41.66666%;}
    .col-sm-6  {width:       50%;}
    .col-sm-7  {width: 58.33333%;}
    .col-sm-8  {width: 66.66666%;}
    .col-sm-9  {width:       75%;}
    .col-sm-10 {width: 83.33333%;}
    .col-sm-11 {width: 91.66666%;}
    .col-sm-12 {width:      100%;}
    
    .hidden-sm                 {display: none;}
    .visible-sm                {display: block;}
    .visible-flex-sm           {display: -webkit-flex; display: flex;}
    .visible-inline-sm         {display: inline;}
    .visible-inline-block-sm   {display: inline-block;}

    .hidden-i-sm                   {display: none!important;}
    .visible-i-sm                  {display: block!important;}
    .visible-flex-i-sm             {display: -webkit-flex!important;display: flex!important;}
    .visible-inline-i-sm           {display: inline!important;}
    .visible-inline-block-i-sm     {display: inline-block!important;}

    .col-sm-offset-0  {margin-left:         0;}
    .col-sm-offset-1  {margin-left:  8.33333%;}
    .col-sm-offset-2  {margin-left: 16.66666%;}
    .col-sm-offset-3  {margin-left:       25%;}
    .col-sm-offset-4  {margin-left: 33.33333%;}
    .col-sm-offset-5  {margin-left: 41.66666%;}
    .col-sm-offset-6  {margin-left:       50%;}
    .col-sm-offset-7  {margin-left: 58.33333%;}
    .col-sm-offset-8  {margin-left: 66.66666%;}
    .col-sm-offset-9  {margin-left:       75%;}
    .col-sm-offset-10 {margin-left: 83.33333%;}
    .col-sm-offset-11 {margin-left: 91.66666%;}

    .text-size-14-sm{font-size: 14px!important;}
    .text-size-13-sm{font-size: 13px!important;}
    .text-size-12-sm{font-size: 12px!important;}
}
@media only screen and (max-width: 439px) {
    .f-center-xs   {-webkit-justify-content: center; justify-content: center;}
    .f-start-xs    {-webkit-justify-content: flex-start; justify-content: flex-start;}
    .f-end-xs      {-webkit-justify-content: flex-end; justify-content: flex-end;}
    .f-around-xs   {-webkit-justify-content: space-around; justify-content: space-around;}
    .f-between-xs  {-webkit-justify-content: space-between; justify-content: space-between;}

    .v-start-xs    {-webkit-align-items: flex-start; align-items: flex-start;}
    .v-end-xs      {-webkit-align-items: flex-end; align-items: flex-end;}
    .v-center-xs   {-webkit-align-items: center; align-items: center;}
    .v-default-xs  {-webkit-align-items: stretch; align-items: stretch;}

    .column-xs {-webkit-flex-direction: column; flex-direction: column;}

    .m-20-xs  {margin:        20px!important;}
    .mb-20-xs {margin-bottom: 20px!important;}
    .mt-20-xs {margin-top:    20px!important;}
    .mr-20-xs {margin-right:  20px!important;}
    .ml-20-xs {margin-left:   20px!important;}

    .m-15-xs  {margin:        15px!important;}
    .mb-15-xs {margin-bottom: 15px!important;}
    .mt-15-xs {margin-top:    15px!important;}
    .mr-15-xs {margin-right:  15px!important;}
    .ml-15-xs {margin-left:   15px!important;}

    .m-10-xs  {margin:        10px!important;}
    .mb-10-xs {margin-bottom: 10px!important;}
    .mt-10-xs {margin-top:    10px!important;}
    .mr-10-xs {margin-right:  10px!important;}
    .ml-10-xs {margin-left:   10px!important;}

    .m-5-xs   {margin:        5px!important;}
    .mb-5-xs  {margin-bottom: 5px!important;}
    .mt-5-xs  {margin-top:    5px!important;}
    .mr-5-xs  {margin-right:  5px!important;}
    .ml-5-xs  {margin-left:   5px!important;}

    .m-0-xs {margin:        0!important;}
    .mb-0-xs{margin-bottom: 0!important;}
    .mt-0-xs{margin-top:    0!important;}
    .mr-0-xs{margin-right:  0!important;}
    .ml-0-xs{margin-left:   0!important;}

    .text-size-14-xs{font-size: 14px!important;}
    .text-size-13-xs{font-size: 13px!important;}
    .text-size-12-xs{font-size: 12px!important;}

    .relative-xs{position: relative!important;}
    .static-xs{position: static!important;}

    .col-xs-1  {width:  8.33333%;}
    .col-xs-2  {width: 16.66666%;}
    .col-xs-3  {width:       25%;}
    .col-xs-4  {width: 33.33333%;}
    .col-xs-5  {width: 41.66666%;}
    .col-xs-6  {width:       50%;}
    .col-xs-7  {width: 58.33333%;}
    .col-xs-8  {width: 66.66666%;}
    .col-xs-9  {width:       75%;}
    .col-xs-10 {width: 83.33333%;}
    .col-xs-11 {width: 91.66666%;}
    .col-xs-12 {width:      100%;}
    
    .hidden-xs                 {display: none;}
    .visible-xs                {display: block;}
    .visible-flex-xs           {display: -webkit-flex; display: flex;}
    .visible-inline-xs         {display: inline;}
    .visible-inline-block-xs   {display: inline-block;}

    .hidden-i-xs                   {display: none!important;}
    .visible-i-xs                  {display: block!important;}
    .visible-flex-i-xs             {display: -webkit-flex!important;display: flex!important;}
    .visible-inline-i-xs           {display: inline!important;}
    .visible-inline-block-i-xs     {display: inline-block!important;}

    .col-xs-offset-0  {margin-left:         0;}
    .col-xs-offset-1  {margin-left:  8.33333%;}
    .col-xs-offset-2  {margin-left: 16.66666%;}
    .col-xs-offset-3  {margin-left:       25%;}
    .col-xs-offset-4  {margin-left: 33.33333%;}
    .col-xs-offset-5  {margin-left: 41.66666%;}
    .col-xs-offset-6  {margin-left:       50%;}
    .col-xs-offset-7  {margin-left: 58.33333%;}
    .col-xs-offset-8  {margin-left: 66.66666%;}
    .col-xs-offset-9  {margin-left:       75%;}
    .col-xs-offset-10 {margin-left: 83.33333%;}
    .col-xs-offset-11 {margin-left: 91.66666%;}

    .text-size-14-xs{font-size: 14px!important;}
    .text-size-13-xs{font-size: 13px!important;}
    .text-size-12-xs{font-size: 12px!important;}
}