/* css reset */

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin         : 0;
  padding        : 0;
  color          : inherit;
  border         : 0;
  vertical-align : baseline;
  font           : inherit;
  font-family    : 'SourceSansPro',
                   'Open Sans',
                   sans-serif;
  font-size      : 1em;
}

b,
center,
dd,
dl,
dt,
em,
i,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
u,
var {
  font-family : inherit;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display : block;
}

body {
  font-size : 1em;
}

body ul li p{
    font-size: 1em;
}

blockquote,
q {
  font-style : italic;
  quotes     : none;
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content : '';
  content : none;
}

table {
  border-collapse : collapse;
  border-spacing  : 0;
}

html {
  font-size : 16px;
}

strong {
  color : inherit;
}

em {
  font-style : italic;
}

body,
html {
  box-sizing               : border-box;
  max-width                : 100%;
  min-height               : 100% !important;
  margin                   : 0px;
  padding                  : 0px;
  -webkit-text-size-adjust : 100%;
  /* overflow-x:hidden; */
  /* Prevent font scaling in landscape while allowing user zoom */
}

body {
  min-width   : 247px;
  overflow-y  : scroll;
  font-family : 'SourceSansPro',
                'Open Sans',
                sans-serif;
}

body:focus {
  outline : none;
}

body p {
  color       : #000000;
  font-family : 'SourceSansPro',
                'Open Sans',
                sans-serif;
  font-size   : 1.125em;
  font-weight : 300;
  line-height : 1.28em;
}

a {
  color           : #000000;
  border          : 0px;
  outline         : 0px;
  text-decoration : none;
  cursor          : pointer;
}

a:hover {
  cursor : pointer;
}

a > img {
  border  : 0px;
  outline : 0px;
  cursor  : pointer;
}

a > span {
  cursor : pointer !important;
}

a >i {
  cursor : pointer;
}
a.no_href{
    font-size: inherit !important;
    color: inherit !important;
    text-decoration: inherit !important;
    background: inherit !important;
    line-height: inherit !important;
}
a:active {
  outline : none;
  cursor  : pointer;
}

img {
  vertical-align : top;
}

h1 {
  margin        : 0px;
  margin-top    : 30px;
  margin-bottom : 30px;
  color         : #D3001B;
  font-family   : 'SourceSansPro',
                  'Open Sans',
                  sans-serif;
  font-size     : 2em;
  font-weight   : 600;
  line-height   : 1.2em;
  word-break: normal;
  white-space: normal;
}

h2 {
  margin        : 0px;
  margin-top    : 30px;
  margin-bottom : 30px;
  color         : #D3001B;
  color         : #D3001B;
  font-family   : 'SourceSansPro',
                  'Open Sans',
                  sans-serif;
  font-size     : 1.5em;
  font-weight   : 600;
  line-height   : 1.25em;
  word-break: normal;
  white-space: normal;
}

h3 {
  margin-top    : 30px;
  margin-bottom : 30px;
  color         : #000000;
  font-size     : 1.125em;
  font-weight   : 600;
  word-break: normal;
  white-space: normal;
}

ul {
  padding-left : 24px;
  list-style   : initial;
}

/*ul li { list-style-position: inside }*/

.aria-hidden{
    position: absolute;
    top: -100000px;
    left: -1000000px;
}

/*for ck editor*/
p>a{
    color: #d3001b;
    text-decoration: underline;
}

p>ul a{
    color: #d3001b;
    text-decoration: underline;
}
b,
strong {
  font-weight : 600;
}

i {
  font-style : italic;
}

input {
  display     : block;
  box-sizing  : border-box;
  width       : 100%;
  padding     : 8px;
  color       : #000000;
  border      : solid 2px #D3001B;
  font-family : 'SourceSansPro',
                'Open Sans',
                sans-serif;
  font-size   : 1.125em;
  line-height : 1.5em;
}
sup{
    vertical-align: super;
    font-size: 0.8em;
}
sub{
    vertical-align: sub;
    font-size: 0.8em;
}

input[type="checkbox"],
input[type="radio"] {
  display : inline;
  width   : auto;
}

textarea {
  box-sizing  : border-box;
  padding     : 2px;
  color       : #000000;
  border      : solid 2px #D3001B;
  font-family : 'SourceSansPro',
                'Open Sans',
                sans-serif;
  font-size   : 1.125em;
  line-height : 1.5em;
}

.button,
button,
input[type="button"] {
  padding          : 6px;
  padding-top      : 4px;
  padding-bottom   : 4px;
  color            : #FFFFFF !important;
  border           : none !important;
  background-color : #D3001B !important;
  font-family      : 'SourceSansPro',
                     'Open Sans',
                     sans-serif;
  font-size        : 1.125em;
  cursor           : pointer;
}

.button:hover,
button:hover,
input[type="button"]:hover {
  box-sizing       : border-box;
  padding          : 4px;
  padding-top      : 2px;
  padding-bottom   : 2px;
  color            : #000000 !important;
  border           : solid 2px #000000 !important;
  background-color : #FFFFFF !important;
}

a.inactive,
a.inactive:hover {
  color            : #333333 !important;
  border           : none !important;
  background-color : transparent !important;
  cursor           : default !important;
}

a.inactive img.symbol_img {
  cursor : default;
}

/* http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/ */

input[type="checkbox"]:not(old),
input[type="radio"]:not(old) {
  width     : 2em;
  margin    : 0;
  padding   : 0;
  opacity   : 0;
  font-size : 1em;
}

input[type="checkbox"]:not(old) + .label,
input[type="radio"]:not(old) + .label {
  display     : inline-block;
  margin-left : -31px;
  line-height : 1.5em;
}

input[type="checkbox"]:not(old) + .label > span,
input[type="radio"]:not(old) + .label > span {
  display          : inline-block;
  width            : 0.8em;
  height           : 0.75em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid #d3001b;
  border-radius    : 0.25em;
  background       : rgb(224,224,224);
  background-image : -moz-linear-gradient(
                       rgb(240,240,240),
                       rgb(224,224,224)
                     );
  background-image : -ms-linear-gradient(
                       rgb(240,240,240),
                       rgb(224,224,224)
                     );
  background-image : -o-linear-gradient(
                       rgb(240,240,240),
                       rgb(224,224,224)
                     );
  background-image : -webkit-linear-gradient(
                       rgb(240,240,240),
                       rgb(224,224,224)
                     );
  background-image : linear-gradient(
                       rgb(240,240,240),
                       rgb(224,224,224)
                     );
  vertical-align   : bottom;
}

input[type="checkbox"]:not(old).special_checkbox + .label > span,
input[type="radio"]:not(old).special_checkbox + .label > span {
  display          : inline-block;
  width            : 16px;
  height           : 16px;
  border           : 2px solid #d3001b;
  border-radius    : 0;
  color: #000000;
  background-color: #FFFFFF;
  background: #FFFFFF;
  vertical-align   : bottom;
}


input[type="radio"]:not(old) + .label > span {
  border-radius : 10em;
}

input[type="checkbox"]:not(old):checked + .label > span,
input[type="radio"]:not(old):checked + .label > span {
  background-image : -moz-linear-gradient(
                       rgb(224,224,224),
                       rgb(240,240,240)
                     );
  background-image : -ms-linear-gradient(
                       rgb(224,224,224),
                       rgb(240,240,240)
                     );
  background-image : -o-linear-gradient(
                       rgb(224,224,224),
                       rgb(240,240,240)
                     );
  background-image : -webkit-linear-gradient(
                       rgb(224,224,224),
                       rgb(240,240,240)
                     );
  background-image : linear-gradient(
                       rgb(224,224,224),
                       rgb(240,240,240)
                     );
}

input[type="checkbox"]:not(old):checked + .label > span:before {
  content     : '✓';
  display     : block;
  width       : 1em;
  color       : #d3001b;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  font-size   : 0.875em;
  font-weight : bold;
  line-height : 1em;
}

input[type="checkbox"]:not(old).special_checkbox:checked + .label > span:before {
  content     : '✓';
  display     : block;
  width       : 16px;
  color       : #000000;
  text-align  : center;
  text-shadow : 0 0 0.0714em rgb(115,153,77);
  background-color: #FFFFFF;
  background: #FFFFFF;
  font-size   : 16px;
  font-weight : bold;
  line-height : 16px;
}

input[type="radio"]:not(old):checked + .label > span > span {
  display       : block;
  width         : 0.4em;
  height        : 0.4em;
  margin        : 0.125em;
  border        : 0.0625em solid #d3001b;
  border-radius : 10em;
  background    : #d3001b;
  /**
  * background-image :
  *
  *
  *
  * -moz-linear-gradient(rgb(179,217,140),rgb(153,204,102)); background-image :
  *
  *
  * -ms-linear-gradient(rgb(179,217,140),rgb(153,204,102)); background-image :
  *
  *
  *
  *
  * -o-linear-gradient(rgb(179,217,140),rgb(153,204,102)); background-image :
  * -webkit-linear-gradient(rgb(179,217,140),rgb(153,204,102)); background-image
  * :
  *
  *
  *
  *
  *
  *
  *
  * linear-gradient(rgb(179,217,140),rgb(153,204,102));
  */
}

input[type="checkbox"]:not(old) + .checkbox-material,
input[type="checkbox"]:not(old) + .circle,
input[type="radio"]:not(old) + .circle {
  display         : inline-block;
  width           : 0 !important;
  height          : 15px;
  margin-left     : -17px;
  padding-left    : 17px;
  background      : url('../../images/symbols/checks_red.png') no-repeat 0 0px;
  background-size : 36px 36px;
  line-height     : 17px;
}
.color_blue input[type="checkbox"]:not(old) + .checkbox-material,
.color_blue input[type="checkbox"]:not(old) + .circle,
.color_blue input[type="radio"]:not(old) + .circle {
    display         : inline-block;
    width           : 0 !important;
    height          : 15px;
    margin-left     : -17px;
    padding-left    : 17px;
    background      : url('../../images/symbols/checks_blue.png') no-repeat 0 0px;
    background-size : 36px 36px;
    line-height     : 17px;

}

.color_blue input[type="checkbox"]:not(old) + .circle,
.color_blue input[type="radio"]:not(old) + .circle {
    display         : inline-block;
    width           : 0 !important;
    height          : 15px;
    margin-left     : -17px;
    padding-left    : 17px;
    background      : url('../../images/symbols/checks_blue.png') no-repeat -18px 0px;
    background-size : 36px 36px;
    line-height     : 17px;

}

.color_black input[type="checkbox"]:not(old) + .checkbox-material,
.color_black input[type="checkbox"]:not(old) + .circle,
.color_black input[type="radio"]:not(old) + .circle {
    display         : inline-block;
    width           : 0 !important;
    height          : 15px;
    margin-left     : -17px;
    padding-left    : 17px;
    background      : url('../../images/symbols/checks_black_black.png') no-repeat 0 0px;
    background-size : 36px 36px;
    line-height     : 17px;

}
.color_black input[type="checkbox"]:not(old) + .circle,
.color_black input[type="radio"]:not(old) + .circle {
    display         : inline-block;
    width           : 0 !important;
    height          : 15px;
    margin-left     : -17px;
    padding-left    : 17px;
    background      : url('../../images/symbols/checks_black_black.png') no-repeat -18px 0px;
    background-size : 36px 36px;
    line-height     : 17px;

}

input[type="checkbox"]:not(old).special_checkbox + .checkbox-material,
input[type="checkbox"]:not(old).special_checkbox + .circle,
input[type="radio"]:not(old).special_checkbox + .circle {
  display         : inline-block;
  width           : 0 !important;
  height          : 20px;
  margin-left     : -22px;
  padding-left    : 20px;
  background      : url('../../images/symbols/checks_black.png') no-repeat 0 0px;
  background-size : 48px 48px;
  line-height     : 20px;
}
.color_blue input[type="checkbox"]:not(old).special_checkbox + .checkbox-material,
.color_blue input[type="checkbox"]:not(old).special_checkbox + .circle,
.color_blue input[type="radio"]:not(old).special_checkbox + .circle {
    display         : inline-block;
    width           : 0 !important;
    height          : 20px;
    margin-left     : -22px;
    padding-left    : 20px;
    background      : url('../../images/symbols/checks_blue.png') no-repeat 0 0px;
    background-size : 48px 48px;
    line-height     : 20px;

}
.color_black input[type="checkbox"]:not(old).special_checkbox + .checkbox-material,
.color_black input[type="checkbox"]:not(old).special_checkbox + .circle,
.color_black input[type="radio"]:not(old).special_checkbox + .circle {
    display         : inline-block;
    width           : 0 !important;
    height          : 20px;
    margin-left     : -22px;
    padding-left    : 20px;
    background      : url('../../images/symbols/checks_black_black.png') no-repeat 0 0px;
    background-size : 48px 48px;
    line-height     : 20px;

}

input[type="checkbox"]:not(old):checked + .checkbox-material {
  background-position : 0 -19px;
}

input[type=radio]:not(old) + .circle {
  background-position : -17px 0px;
}

input[type=radio]:not(old):checked + .circle {
  background-position : -17px -19px;
}
.color_blue.bg_white input[type=button]{
    background-color: #0070E3 !important;
    border-color: #0070E3 !important;
    color: #FFFFFF !important;
}

.bg_yellow input[type=button]{
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #FFDE00 !important;

}
/* end radio, checkbox style */

.nondisplay {
  display : none;
}

.admin_button {
  margin-bottom    : 16px;
  padding          : 8px;
  color            : #000000 !important;
  border           : solid 2px #000000 !important;
  background-color : transparent !important;
  display: inline-block;
}

.admin_button:hover {
  margin-bottom    : 16px;
  padding          : 8px;
  color            : #FFFFFF;
  border           : solid 2px #000000;
  background-color : #000000;

}

.button.inactive,
.button.inactive:hover,
.inactive,
.inactive:hover {
  color            : #000000 !important;
  border           : solid 2px #000000 !important;
  background-color : #a7a7a7 !important;
  cursor           : not-allowed;
}

.clear {
  clear : both;
}

.space-10 {
  margin : 5px 0px 5px 0px !important;
}

.space-15 {
  margin : 10px 0px 5px 0px !important;
}

.space-20 {
  margin : 10px 0px 10px 0px !important;
}

.left {
  float : left;
}

.right {
  float : right;
}

.bold {
  font-weight : bold;
}
.nomalcase{
    text-transform: capitalize;
}

.italic {
  font-style : italic;
}

.underline {
  text-decoration : underline;
}

.justify {
  text-align : justify;
}

.gray {
  color : #666;
}

.button_disabled {
  background-color : #dbdbdb !important;
  cursor           : not-allowed;
}

.button_disabled:hover {
  background-color : #dbdbdb !important;
}

.fs-smaller {
  font-size : smaller !important;
}

.fs-larger {
  font-size : larger !important;
}

.fs-1em {
  font-size : 1em !important;
}

.fs-1-5em {
  font-size : 1.5em !important;
  /*line-height:1.5em !important; */
}
.color_gray{
    color: #666666;
}
.fa {
  cursor : default;
  /* Font Awesome: no text selection cursor */
}

.hr {
  margin-top    : 5px;
  margin-bottom : 5px;
  border-bottom : 1px solid #666;
}

hr {
  color : #666;
}

.lang {
  display : none;
}

.absoloute {
  position : absolute;
}

.fix_bottom {
  position   : fixed;
  right      : 0;
  bottom     : 0;
  left       : 0;
  min-height : 20px;
}
.fs1_5{
    font-size: 1.5em;
}
.width100 {
  width : 100%;
}

.bg_orange {
  background-color : #D3001B;
}

div.bg_white_fix {
  background-color : #FFFFFF;
}

.text_center {
  text-align : center;
}

.relative {
  position : relative;
}

.bg_milk {
  background-color : rgba(255, 255, 255, 0.8);
}

.ml20 {
  margin-left : 20px;
}

.bg_tile_active_orange {
  background-color : rgba(0, 119, 118, 0.85);
  /* #D3001B */
}

.bg_tile_gray_2 {
  background-color : #3B2D6A;
}

.c_white {
  color : #FFFFFF;
}

.c_gray_1 {
  color : #111111;
}

div.error_404 {
  min-height : 300px;
}

div.error_404 p {
  margin-top : 100px;
  padding    : 20px;
  font-size  : 1.4em;
}

.hidden {
  visibility : hidden;
}

.display_none {
  display : none;
}

.bb_1_gray {
  border-bottom : solid 1px #666666;
}

.inline_div {
  display : inline;
}

.ai_hidden {
  position : absolute;
  top      : -10000px;
  left     : -1000px;
}

.required_field {
  margin-right : 2px;
  color        : #005555;
}

.fs1_4 {
  font-size : 1.4em !important;
}

.terms_pre {
  white-space : pre-wrap;
}

.no_break {
  white-space : nowrap;
}

/* necessery here for ck editor */

img.img_left {
  float         : left;
  margin-top    : 30px;
  margin-right  : 30px;
  margin-bottom : 30px;
  margin-left   : 0;
}

img.img_right {
  float         : right;
  margin-top    : 30px;
  margin-right  : 0px;
  margin-bottom : 30px;
  margin-left   : 30px;
}

body.cke_editable {
  padding : 24px;
}

.bg_white {
  background-color : #FFFFFF !important;
}

.bg_gray_form {
  background-color : #EAE6E3;
}

/* accessibility */

.bg_yellow {
  background-color : #FFDE00 !important;
}

.color_black * {
  color        : #000000 !important;
  border-color : #000000 !important;
}

.color_blue * {
  color        : #0070E3 !important;
  border-color : #0070E3 !important;
}

.bt1gray {
  border-top : solid 1px #CCCCCC;
}

.pt35 {
  padding-top : 35px;
}

.pb35 {
  padding-bottom : 35px;
}

.spinner {
  display : none;
  margin  : 20px auto;
}

.sfq {
  display : none;
}

.text_right {
  text-align : right;
}

.text_center {
  text-align : center;
}

#flash_message {
  font-size : 1.125em;
}

.no_easy_language_no_display {
  display : none;
}

/* margins */

.m0 {
  margin : 0;
}

.ml0 {
  margin-left : 0;
}

.mr0 {
  margin-right : 0;
}

.mt0 {
  margin-top : 0;
}

.mb0 {
  margin-bottom : 0;
}

.m4 {
  margin : 4px;
}

.ml4 {
  margin-left : 4px;
}

.mr4 {
  margin-right : 4px;
}

.mt4 {
  margin-top : 4px;
}

.mb4 {
  margin-bottom : 4px;
}

.m8 {
  margin : 8px;
}

.ml8 {
  margin-left : 8px;
}

.mr8 {
  margin-right : 8px;
}

.mt8 {
  margin-top : 8px;
}

.mb8 {
  margin-bottom : 8px;
}

.m16 {
  margin : 16px;
}

.ml16 {
  margin-left : 16px;
}

.mr16 {
  margin-right : 16px;
}

.mt16 {
  margin-top : 16px;
}

.mb16 {
  margin-bottom : 16px;
}

.m24 {
  margin : 24px;
}

.ml24 {
  margin-left : 24px;
}

.mr24 {
  margin-right : 24px;
}

.mt24 {
  margin-top : 24px;
}

.mb24 {
  margin-bottom : 24px;
}

.m32 {
  margin : 32px;
}

.ml32 {
  margin-left : 32px;
}

.mr32 {
  margin-right : 32px;
}

.mt32 {
  margin-top : 32px;
}

.mb32 {
  margin-bottom : 32px;
}

.m48 {
  margin : 48px;
}

.ml48 {
  margin-left : 48px;
}

.mr48 {
  margin-right : 48px;
}

.mt48 {
  margin-top : 48px;
}

.mb48 {
  margin-bottom : 48px;
}

.m64 {
  margin : 64px;
}

.ml64 {
  margin-left : 64px;
}

.mr64 {
  margin-right : 64px;
}

.mt64 {
  margin-top : 64px;
}

.mb64 {
  margin-bottom : 64px;
}

/* paddings */

.p0 {
  padding : 0;
}

.pl0 {
  padding-left : 0;
}

.pr0 {
  padding-right : 0;
}

.pt0 {
  padding-top : 0;
}

.pb0 {
  padding-bottom : 0;
}

.p4 {
  padding : 4px;
}

.pl4 {
  padding-left : 4px;
}

.pr4 {
  padding-right : 4px;
}

.pt4 {
  padding-top : 4px;
}

.pb4 {
  padding-bottom : 4px;
}

.p8 {
  padding : 8px;
}

.pl8 {
  padding-left : 8px;
}

.pr8 {
  padding-right : 8px;
}

.pt8 {
  padding-top : 8px;
}

.pb8 {
  padding-bottom : 8px;
}

.pl12 {
  padding-left : 12px;
}

.p16 {
  padding : 16px;
}

.pl16 {
  padding-left : 16px;
}

.pr16 {
  padding-right : 16px;
}

.pt16 {
  padding-top : 16px;
}

.pb16 {
  padding-bottom : 16px;
}

.p24 {
  padding : 24px;
}

.pl24 {
  padding-left : 24px;
}

.pr24 {
  padding-right : 24px;
}

.pt24 {
  padding-top : 24px;
}

.pb24 {
  padding-bottom : 24px;
}

.p32 {
  padding : 32px;
}

.pl32 {
  padding-left : 32px;
}

.pr32 {
  padding-right : 32px;
}

.pt32 {
  padding-top : 32px;
}

.pb32 {
  padding-bottom : 32px;
}

.p48 {
  padding : 48px;
}

.pl48 {
  padding-left : 48px;
}

.pr48 {
  padding-right : 48px;
}

.pt48 {
  padding-top : 48px;
}

.pb48 {
  padding-bottom : 48px;
}

.p64 {
  padding : 64px;
}

.pl64 {
  padding-left : 64px;
}

.pr64 {
  padding-right : 64px;
}

.pt64 {
  padding-top : 64px;
}

.pb64 {
  padding-bottom : 64px;
}

/* testing only */

*:focus {
  outline : dotted 1px #D3001B;
}

.right_to_left_language * {
  text-align : right;
  direction  : rtl;
}

@media all
       and (max-width : 788px) {
  /* margins */

  .m_m0 {
    margin : 0;
  }

  .m_ml0 {
    margin-left : 0;
  }

  .m_mr0 {
    margin-right : 0;
  }

  .m_mt0 {
    margin-top : 0;
  }

  .m_mb0 {
    margin-bottom : 0;
  }

  .m_m4 {
    margin : 4px;
  }

  .m_ml4 {
    margin-left : 4px;
  }

  .m_mr4 {
    margin-right : 4px;
  }

  .m_mt4 {
    margin-top : 4px;
  }

  .m_mb4 {
    margin-bottom : 4px;
  }

  .m_m8 {
    margin : 8px;
  }

  .m_ml8 {
    margin-left : 8px;
  }

  .m_mr8 {
    margin-right : 8px;
  }

  .m_mt8 {
    margin-top : 8px;
  }

  .m_mb8 {
    margin-bottom : 8px;
  }

  .m_m16 {
    margin : 16px;
  }

  .m_ml16 {
    margin-left : 16px;
  }

  .m_mr16 {
    margin-right : 16px;
  }

  .m_mt16 {
    margin-top : 16px;
  }

  .m_mb16 {
    margin-bottom : 16px;
  }

  .m_m24 {
    margin : 24px;
  }

  .m_ml24 {
    margin-left : 24px;
  }

  .m_mr24 {
    margin-right : 24px;
  }

  .m_mt24 {
    margin-top : 24px;
  }

  .m_mb24 {
    margin-bottom : 24px;
  }

  .m_m32 {
    margin : 32px;
  }

  .m_ml32 {
    margin-left : 32px;
  }

  .m_mr32 {
    margin-right : 32px;
  }

  .m_mt32 {
    margin-top : 32px;
  }

  .m_mb32 {
    margin-bottom : 32px;
  }

  .m_m48 {
    margin : 48px;
  }

  .m_ml48 {
    margin-left : 48px;
  }

  .m_mr48 {
    margin-right : 48px;
  }

  .m_mt48 {
    margin-top : 48px;
  }

  .m_mb48 {
    margin-bottom : 48px;
  }

  .m_m64 {
    margin : 64px;
  }

  .m_ml64 {
    margin-left : 64px;
  }

  .m_mr64 {
    margin-right : 64px;
  }

  .m_mt64 {
    margin-top : 64px;
  }

  .m_mb64 {
    margin-bottom : 64px;
  }
  /* paddings */

  .m_p0 {
    padding : 0;
  }

  .m_pl0 {
    padding-left : 0;
  }

  .m_pr0 {
    padding-right : 0;
  }

  .m_pt0 {
    padding-top : 0;
  }

  .m_pb0 {
    padding-bottom : 0;
  }

  .m_p4 {
    padding : 4px;
  }

  .m_pl4 {
    padding-left : 4px;
  }

  .m_pr4 {
    padding-right : 4px;
  }

  .m_pt4 {
    padding-top : 4px;
  }

  .m_pb4 {
    padding-bottom : 4px;
  }

  .m_p8 {
    padding : 8px;
  }

  .m_pl8 {
    padding-left : 8px;
  }

  .m_pr8 {
    padding-right : 8px;
  }

  .m_pt8 {
    padding-top : 8px;
  }

  .m_pb8 {
    padding-bottom : 8px;
  }

  .m_p16 {
    padding : 16px;
  }

  .m_pl16 {
    padding-left : 16px;
  }

  .m_pr16 {
    padding-right : 16px;
  }

  .m_pt16 {
    padding-top : 16px;
  }

  .m_pb16 {
    padding-bottom : 16px;
  }

  .m_p24 {
    padding : 24px;
  }

  .m_pl24 {
    padding-left : 24px;
  }

  .m_pr24 {
    padding-right : 24px;
  }

  .m_pt24 {
    padding-top : 24px;
  }

  .m_pb24 {
    padding-bottom : 24px;
  }

  .m_p32 {
    padding : 32px;
  }

  .m_pl32 {
    padding-left : 32px;
  }

  .m_pr32 {
    padding-right : 32px;
  }

  .m_pt32 {
    padding-top : 32px;
  }

  .m_pb32 {
    padding-bottom : 32px;
  }

  .m_p48 {
    padding : 48px;
  }

  .m_pl48 {
    padding-left : 48px;
  }

  .m_pr48 {
    padding-right : 48px;
  }

  .m_pt48 {
    padding-top : 48px;
  }

  .m_pb48 {
    padding-bottom : 48px;
  }

  .m_p64 {
    padding : 64px;
  }

  .m_pl64 {
    padding-left : 64px;
  }

  .m_pr64 {
    padding-right : 64px;
  }

  .m_pt64 {
    padding-top : 64px;
  }

  .m_pb64 {
    padding-bottom : 64px;
  }
}