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;
    min-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;
}
.u, .u-hover{
    text-decoration: none!important;
}
.u{
    border-bottom: 1px solid;
    opacity: 1;
}
.u:hover{
    border-bottom-color: transparent;
}
.u-hover{
    border-bottom: 1px solid transparent;
}
.u-hover:hover{
    border-bottom-color: inherit;
}
.u-dotted{
    border-bottom-style: dotted;
}
.u-dashed{
    border-bottom-style: dashed;
}
.b{
    font-weight: 700;
}
.cursor-p,
.cursor-p:hover{
    cursor: pointer;
}
.cursor-d,
.cursor-d:hover{
    cursor: default;
}
.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: 1300px;
	padding: 0 50px;
}
.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;}

.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-justify{text-align: justify;}

.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%;}