.container:after {
  content: '';
  display: table;
  clear: both;
}

.row:before,
.row-reverse:before,
.row:after,
.row-reverse:after {
  content: '';
  display: table;
}

.row:after,
.row-reverse:after {
  clear: both;
}

.row,
.row-reverse {
  zoom: 1;
}

.gr-0,
.gr-1,
.gr-2,
.gr-3,
.gr-4,
.gr-5,
.gr-6,
.gr-7,
.gr-8,
.gr-9,
.gr-10,
.gr-11,
.gr-12 {
  display: inline-block;
  min-height: 1px;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 10px;
  padding-left: 10px;
}

.gr-adapt {
  display: table-cell;
  width: 1px;
  white-space: nowrap !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}

.gr-grow {
  display: table-cell;
  width: 99999px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  padding-left: 10px;
}

.push-0,
.push-1,
.push-2,
.push-3,
.push-4,
.push-5,
.push-6,
.push-7,
.push-8,
.push-9,
.push-10,
.push-11,
.push-12 {
  position: relative;
}

.pull-0,
.pull-1,
.pull-2,
.pull-3,
.pull-4,
.pull-5,
.pull-6,
.pull-7,
.pull-8,
.pull-9,
.pull-10,
.pull-11,
.pull-12 {
  position: relative;
}

.nowrap {
  white-space: nowrap;
}

.nowrap > * {
  white-space: normal;
}

.wrap {
  white-space: normal;
}

.gr-centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .container\@smartphone: after {
    content: '';
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .row\@smartphone: before,
    .row-reverse\@smartphone: before,
    .row\@smartphone: after,
    .row-reverse\@smartphone: after {
    content: '';
    display: table;
  }
  .row\@smartphone: after,
    .row-reverse\@smartphone: after {
    clear: both;
  }
  .row\@smartphone,
  .row-reverse\@smartphone {
    zoom: 1;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .gr-0\@smartphone,
  .gr-1\@smartphone,
  .gr-2\@smartphone,
  .gr-3\@smartphone,
  .gr-4\@smartphone,
  .gr-5\@smartphone,
  .gr-6\@smartphone,
  .gr-7\@smartphone,
  .gr-8\@smartphone,
  .gr-9\@smartphone,
  .gr-10\@smartphone,
  .gr-11\@smartphone,
  .gr-12\@smartphone {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .gr-adapt\@smartphone {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .gr-grow\@smartphone {
    display: table-cell;
    width: 99999px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .push-0\@smartphone,
  .push-1\@smartphone,
  .push-2\@smartphone,
  .push-3\@smartphone,
  .push-4\@smartphone,
  .push-5\@smartphone,
  .push-6\@smartphone,
  .push-7\@smartphone,
  .push-8\@smartphone,
  .push-9\@smartphone,
  .push-10\@smartphone,
  .push-11\@smartphone,
  .push-12\@smartphone {
    position: relative;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .pull-0\@smartphone,
  .pull-1\@smartphone,
  .pull-2\@smartphone,
  .pull-3\@smartphone,
  .pull-4\@smartphone,
  .pull-5\@smartphone,
  .pull-6\@smartphone,
  .pull-7\@smartphone,
  .pull-8\@smartphone,
  .pull-9\@smartphone,
  .pull-10\@smartphone,
  .pull-11\@smartphone,
  .pull-12\@smartphone {
    position: relative;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .nowrap\@smartphone {
    white-space: nowrap;
  }
  .nowrap\@smartphone > * {
    white-space: normal;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .wrap\@smartphone {
    white-space: normal;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .gr-centered\@smartphone {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (max-width: 768px) {
  .container\@mobile: after {
    content: '';
    display: table;
    clear: both;
  }
}

@media screen and (max-width: 768px) {
  .row\@mobile: before,
    .row-reverse\@mobile: before,
    .row\@mobile: after,
    .row-reverse\@mobile: after {
    content: '';
    display: table;
  }
  .row\@mobile: after,
    .row-reverse\@mobile: after {
    clear: both;
  }
  .row\@mobile,
  .row-reverse\@mobile {
    zoom: 1;
  }
}

@media screen and (max-width: 768px) {
  .gr-0\@mobile,
  .gr-1\@mobile,
  .gr-2\@mobile,
  .gr-3\@mobile,
  .gr-4\@mobile,
  .gr-5\@mobile,
  .gr-6\@mobile,
  .gr-7\@mobile,
  .gr-8\@mobile,
  .gr-9\@mobile,
  .gr-10\@mobile,
  .gr-11\@mobile,
  .gr-12\@mobile {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .gr-adapt\@mobile {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .gr-grow\@mobile {
    display: table-cell;
    width: 99999px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .push-0\@mobile,
  .push-1\@mobile,
  .push-2\@mobile,
  .push-3\@mobile,
  .push-4\@mobile,
  .push-5\@mobile,
  .push-6\@mobile,
  .push-7\@mobile,
  .push-8\@mobile,
  .push-9\@mobile,
  .push-10\@mobile,
  .push-11\@mobile,
  .push-12\@mobile {
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .pull-0\@mobile,
  .pull-1\@mobile,
  .pull-2\@mobile,
  .pull-3\@mobile,
  .pull-4\@mobile,
  .pull-5\@mobile,
  .pull-6\@mobile,
  .pull-7\@mobile,
  .pull-8\@mobile,
  .pull-9\@mobile,
  .pull-10\@mobile,
  .pull-11\@mobile,
  .pull-12\@mobile {
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .nowrap\@mobile {
    white-space: nowrap;
  }
  .nowrap\@mobile > * {
    white-space: normal;
  }
}

@media screen and (max-width: 768px) {
  .wrap\@mobile {
    white-space: normal;
  }
}

@media screen and (max-width: 768px) {
  .gr-centered\@mobile {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .container\@tablet: after {
    content: '';
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .row\@tablet: before,
    .row-reverse\@tablet: before,
    .row\@tablet: after,
    .row-reverse\@tablet: after {
    content: '';
    display: table;
  }
  .row\@tablet: after,
    .row-reverse\@tablet: after {
    clear: both;
  }
  .row\@tablet,
  .row-reverse\@tablet {
    zoom: 1;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .gr-0\@tablet,
  .gr-1\@tablet,
  .gr-2\@tablet,
  .gr-3\@tablet,
  .gr-4\@tablet,
  .gr-5\@tablet,
  .gr-6\@tablet,
  .gr-7\@tablet,
  .gr-8\@tablet,
  .gr-9\@tablet,
  .gr-10\@tablet,
  .gr-11\@tablet,
  .gr-12\@tablet {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .gr-adapt\@tablet {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .gr-grow\@tablet {
    display: table-cell;
    width: 99999px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .push-0\@tablet,
  .push-1\@tablet,
  .push-2\@tablet,
  .push-3\@tablet,
  .push-4\@tablet,
  .push-5\@tablet,
  .push-6\@tablet,
  .push-7\@tablet,
  .push-8\@tablet,
  .push-9\@tablet,
  .push-10\@tablet,
  .push-11\@tablet,
  .push-12\@tablet {
    position: relative;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .pull-0\@tablet,
  .pull-1\@tablet,
  .pull-2\@tablet,
  .pull-3\@tablet,
  .pull-4\@tablet,
  .pull-5\@tablet,
  .pull-6\@tablet,
  .pull-7\@tablet,
  .pull-8\@tablet,
  .pull-9\@tablet,
  .pull-10\@tablet,
  .pull-11\@tablet,
  .pull-12\@tablet {
    position: relative;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .nowrap\@tablet {
    white-space: nowrap;
  }
  .nowrap\@tablet > * {
    white-space: normal;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .wrap\@tablet {
    white-space: normal;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .gr-centered\@tablet {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (min-width: 768px) {
  .container\@desktop: after {
    content: '';
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 768px) {
  .row\@desktop: before,
    .row-reverse\@desktop: before,
    .row\@desktop: after,
    .row-reverse\@desktop: after {
    content: '';
    display: table;
  }
  .row\@desktop: after,
    .row-reverse\@desktop: after {
    clear: both;
  }
  .row\@desktop,
  .row-reverse\@desktop {
    zoom: 1;
  }
}

@media screen and (min-width: 768px) {
  .gr-0\@desktop,
  .gr-1\@desktop,
  .gr-2\@desktop,
  .gr-3\@desktop,
  .gr-4\@desktop,
  .gr-5\@desktop,
  .gr-6\@desktop,
  .gr-7\@desktop,
  .gr-8\@desktop,
  .gr-9\@desktop,
  .gr-10\@desktop,
  .gr-11\@desktop,
  .gr-12\@desktop {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .gr-adapt\@desktop {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .gr-grow\@desktop {
    display: table-cell;
    width: 99999px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .push-0\@desktop,
  .push-1\@desktop,
  .push-2\@desktop,
  .push-3\@desktop,
  .push-4\@desktop,
  .push-5\@desktop,
  .push-6\@desktop,
  .push-7\@desktop,
  .push-8\@desktop,
  .push-9\@desktop,
  .push-10\@desktop,
  .push-11\@desktop,
  .push-12\@desktop {
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .pull-0\@desktop,
  .pull-1\@desktop,
  .pull-2\@desktop,
  .pull-3\@desktop,
  .pull-4\@desktop,
  .pull-5\@desktop,
  .pull-6\@desktop,
  .pull-7\@desktop,
  .pull-8\@desktop,
  .pull-9\@desktop,
  .pull-10\@desktop,
  .pull-11\@desktop,
  .pull-12\@desktop {
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .nowrap\@desktop {
    white-space: nowrap;
  }
  .nowrap\@desktop > * {
    white-space: normal;
  }
}

@media screen and (min-width: 768px) {
  .wrap\@desktop {
    white-space: normal;
  }
}

@media screen and (min-width: 768px) {
  .gr-centered\@desktop {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (min-width: 1080px) {
  .container\@xl-desktop: after {
    content: '';
    display: table;
    clear: both;
  }
}

@media screen and (min-width: 1080px) {
  .row\@xl-desktop: before,
    .row-reverse\@xl-desktop: before,
    .row\@xl-desktop: after,
    .row-reverse\@xl-desktop: after {
    content: '';
    display: table;
  }
  .row\@xl-desktop: after,
    .row-reverse\@xl-desktop: after {
    clear: both;
  }
  .row\@xl-desktop,
  .row-reverse\@xl-desktop {
    zoom: 1;
  }
}

@media screen and (min-width: 1080px) {
  .gr-0\@xl-desktop,
  .gr-1\@xl-desktop,
  .gr-2\@xl-desktop,
  .gr-3\@xl-desktop,
  .gr-4\@xl-desktop,
  .gr-5\@xl-desktop,
  .gr-6\@xl-desktop,
  .gr-7\@xl-desktop,
  .gr-8\@xl-desktop,
  .gr-9\@xl-desktop,
  .gr-10\@xl-desktop,
  .gr-11\@xl-desktop,
  .gr-12\@xl-desktop {
    display: inline-block;
    min-height: 1px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: top;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1080px) {
  .gr-adapt\@xl-desktop {
    display: table-cell;
    width: 1px;
    white-space: nowrap !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1080px) {
  .gr-grow\@xl-desktop {
    display: table-cell;
    width: 99999px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 10px;
    padding-left: 10px;
  }
}

@media screen and (min-width: 1080px) {
  .push-0\@xl-desktop,
  .push-1\@xl-desktop,
  .push-2\@xl-desktop,
  .push-3\@xl-desktop,
  .push-4\@xl-desktop,
  .push-5\@xl-desktop,
  .push-6\@xl-desktop,
  .push-7\@xl-desktop,
  .push-8\@xl-desktop,
  .push-9\@xl-desktop,
  .push-10\@xl-desktop,
  .push-11\@xl-desktop,
  .push-12\@xl-desktop {
    position: relative;
  }
}

@media screen and (min-width: 1080px) {
  .pull-0\@xl-desktop,
  .pull-1\@xl-desktop,
  .pull-2\@xl-desktop,
  .pull-3\@xl-desktop,
  .pull-4\@xl-desktop,
  .pull-5\@xl-desktop,
  .pull-6\@xl-desktop,
  .pull-7\@xl-desktop,
  .pull-8\@xl-desktop,
  .pull-9\@xl-desktop,
  .pull-10\@xl-desktop,
  .pull-11\@xl-desktop,
  .pull-12\@xl-desktop {
    position: relative;
  }
}

@media screen and (min-width: 1080px) {
  .nowrap\@xl-desktop {
    white-space: nowrap;
  }
  .nowrap\@xl-desktop > * {
    white-space: normal;
  }
}

@media screen and (min-width: 1080px) {
  .wrap\@xl-desktop {
    white-space: normal;
  }
}

@media screen and (min-width: 1080px) {
  .gr-centered\@xl-desktop {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    clear: both !important;
  }
}

@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: device-width;
  }
}

#gridle-settings {
  content: '{ "version" : "2.0.48", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "smartphone":{ "name" : "smartphone", "min-width" : "0px", "max-width" : "481px", "query" : "screen and (min-width: 0px) and (max-width: 481px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "10px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5px", "gutter-bottom" : "0", "gutter-left" : "5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "768px", "query" : "screen and (max-width: 768px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "10px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "5px", "gutter-bottom" : "0", "gutter-left" : "5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "481px", "max-width" : "768px", "query" : "screen and (min-width: 481px) and (max-width: 768px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "15px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "7.5px", "gutter-bottom" : "0", "gutter-left" : "7.5px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "desktop":{ "name" : "desktop", "min-width" : "768px", "max-width" : null, "query" : "screen and (min-width: 768px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }, "xl-desktop":{ "name" : "xl-desktop", "min-width" : "1080px", "max-width" : null, "query" : "screen and (min-width: 1080px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "20px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "10px", "gutter-bottom" : "0", "gutter-left" : "10px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : false, "classes-prefix" : null, "_" : true }} }';
}

.gr-0 {
  width: 0%;
}

.push-0 {
  left: 0%;
  right: auto;
}

.pull-0 {
  right: 0%;
  left: auto;
}

.prefix-0 {
  margin-left: 0%;
}

.suffix-0 {
  margin-right: 0%;
}

.gr-1 {
  width: 8.33333%;
}

.push-1 {
  left: 8.33333%;
  right: auto;
}

.pull-1 {
  right: 8.33333%;
  left: auto;
}

.prefix-1 {
  margin-left: 8.33333%;
}

.suffix-1 {
  margin-right: 8.33333%;
}

.gr-2 {
  width: 16.66667%;
}

.push-2 {
  left: 16.66667%;
  right: auto;
}

.pull-2 {
  right: 16.66667%;
  left: auto;
}

.prefix-2 {
  margin-left: 16.66667%;
}

.suffix-2 {
  margin-right: 16.66667%;
}

.gr-3 {
  width: 25%;
}

.push-3 {
  left: 25%;
  right: auto;
}

.pull-3 {
  right: 25%;
  left: auto;
}

.prefix-3 {
  margin-left: 25%;
}

.suffix-3 {
  margin-right: 25%;
}

.gr-4 {
  width: 33.33333%;
}

.push-4 {
  left: 33.33333%;
  right: auto;
}

.pull-4 {
  right: 33.33333%;
  left: auto;
}

.prefix-4 {
  margin-left: 33.33333%;
}

.suffix-4 {
  margin-right: 33.33333%;
}

.gr-5 {
  width: 41.66667%;
}

.push-5 {
  left: 41.66667%;
  right: auto;
}

.pull-5 {
  right: 41.66667%;
  left: auto;
}

.prefix-5 {
  margin-left: 41.66667%;
}

.suffix-5 {
  margin-right: 41.66667%;
}

.gr-6 {
  width: 50%;
}

.push-6 {
  left: 50%;
  right: auto;
}

.pull-6 {
  right: 50%;
  left: auto;
}

.prefix-6 {
  margin-left: 50%;
}

.suffix-6 {
  margin-right: 50%;
}

.gr-7 {
  width: 58.33333%;
}

.push-7 {
  left: 58.33333%;
  right: auto;
}

.pull-7 {
  right: 58.33333%;
  left: auto;
}

.prefix-7 {
  margin-left: 58.33333%;
}

.suffix-7 {
  margin-right: 58.33333%;
}

.gr-8 {
  width: 66.66667%;
}

.push-8 {
  left: 66.66667%;
  right: auto;
}

.pull-8 {
  right: 66.66667%;
  left: auto;
}

.prefix-8 {
  margin-left: 66.66667%;
}

.suffix-8 {
  margin-right: 66.66667%;
}

.gr-9 {
  width: 75%;
}

.push-9 {
  left: 75%;
  right: auto;
}

.pull-9 {
  right: 75%;
  left: auto;
}

.prefix-9 {
  margin-left: 75%;
}

.suffix-9 {
  margin-right: 75%;
}

.gr-10 {
  width: 83.33333%;
}

.push-10 {
  left: 83.33333%;
  right: auto;
}

.pull-10 {
  right: 83.33333%;
  left: auto;
}

.prefix-10 {
  margin-left: 83.33333%;
}

.suffix-10 {
  margin-right: 83.33333%;
}

.gr-11 {
  width: 91.66667%;
}

.push-11 {
  left: 91.66667%;
  right: auto;
}

.pull-11 {
  right: 91.66667%;
  left: auto;
}

.prefix-11 {
  margin-left: 91.66667%;
}

.suffix-11 {
  margin-right: 91.66667%;
}

.gr-12 {
  width: 100%;
}

.push-12 {
  left: 100%;
  right: auto;
}

.pull-12 {
  right: 100%;
  left: auto;
}

.prefix-12 {
  margin-left: 100%;
}

.suffix-12 {
  margin-right: 100%;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.no-gutter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.no-gutter-left {
  padding-left: 0;
}

.no-gutter-right {
  padding-right: 0;
}

.no-gutter-top {
  padding-top: 0;
}

.no-gutter-bottom {
  padding-bottom: 0;
}

.gutter {
  padding-right: 10px;
  padding-left: 10px;
}

.gutter-left {
  padding-left: 10px;
}

.gutter-right {
  padding-right: 10px;
}

.auto-height {
  height: inherit;
}

.row {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

[class*='no-gutter'] > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-reverse {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
  transform: rotateY(180deg);
}

.row-reverse > [class*='gr-'] {
  transform: rotateY(-180deg);
}

[class*='no-gutter'] > .row-reverse {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.row-full {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.col {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
}

.col-reverse {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -10px;
  margin-right: -10px;
  transform: rotateX(180deg);
}

.col-reverse > [class*='gr-'] {
  transform: rotateX(-180deg);
}

.gr-table {
  display: table-cell;
  float: none;
  vertical-align: top;
}

.row-align-left {
  font-size: 0;
  clear: both;
  text-align: left;
}

.row-align-left > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}

@-moz-document url-prefix() {
  .row-align-left > * {
    margin-right: -0.5px;
  }
}

.row-align-center {
  font-size: 0;
  clear: both;
  text-align: center;
}

.row-align-center > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}

@-moz-document url-prefix() {
  .row-align-center > * {
    margin-right: -0.5px;
  }
}

.row-align-center > * {
  text-align: left;
}

.row-align-right {
  font-size: 0;
  clear: both;
  text-align: right;
}

.row-align-right > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}

@-moz-document url-prefix() {
  .row-align-right > * {
    margin-right: -0.5px;
  }
}

.row-align-right > * {
  text-align: left;
}

.row-align-middle {
  font-size: 0;
  clear: both;
  vertical-align: middle;
}

.row-align-middle > * {
  float: none !important;
  vertical-align: middle;
  font-size: 1rem;
}

@-moz-document url-prefix() {
  .row-align-middle > * {
    margin-right: -0.5px;
  }
}

.row-align-top {
  font-size: 0;
  clear: both;
  vertical-align: top;
}

.row-align-top > * {
  float: none !important;
  vertical-align: top;
  font-size: 1rem;
}

@-moz-document url-prefix() {
  .row-align-top > * {
    margin-right: -0.5px;
  }
}

.row-align-bottom {
  font-size: 0;
  clear: both;
  vertical-align: bottom;
}

.row-align-bottom > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}

@-moz-document url-prefix() {
  .row-align-bottom > * {
    margin-right: -0.5px;
  }
}

.hide {
  display: none;
}

.not-visible {
  visibility: hidden;
}

.show {
  display: block;
}

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

.visible {
  visibility: visible;
}

.clear-each-2 > [class*='gr-']:nth-of-type(2n + 1) {
  clear: left;
}

.clear-each-3 > [class*='gr-']:nth-of-type(3n + 1) {
  clear: left;
}

.row-debug {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}

.row-debug:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.66667% 100%;
  z-index: 99999;
}

body {
  direction: ltr;
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .gr-0\@smartphone {
    width: 0%;
  }
  .push-0\@smartphone {
    left: 0%;
    right: auto;
  }
  .pull-0\@smartphone {
    right: 0%;
    left: auto;
  }
  .prefix-0\@smartphone {
    margin-left: 0%;
  }
  .suffix-0\@smartphone {
    margin-right: 0%;
  }
  .gr-1\@smartphone {
    width: 8.33333%;
  }
  .push-1\@smartphone {
    left: 8.33333%;
    right: auto;
  }
  .pull-1\@smartphone {
    right: 8.33333%;
    left: auto;
  }
  .prefix-1\@smartphone {
    margin-left: 8.33333%;
  }
  .suffix-1\@smartphone {
    margin-right: 8.33333%;
  }
  .gr-2\@smartphone {
    width: 16.66667%;
  }
  .push-2\@smartphone {
    left: 16.66667%;
    right: auto;
  }
  .pull-2\@smartphone {
    right: 16.66667%;
    left: auto;
  }
  .prefix-2\@smartphone {
    margin-left: 16.66667%;
  }
  .suffix-2\@smartphone {
    margin-right: 16.66667%;
  }
  .gr-3\@smartphone {
    width: 25%;
  }
  .push-3\@smartphone {
    left: 25%;
    right: auto;
  }
  .pull-3\@smartphone {
    right: 25%;
    left: auto;
  }
  .prefix-3\@smartphone {
    margin-left: 25%;
  }
  .suffix-3\@smartphone {
    margin-right: 25%;
  }
  .gr-4\@smartphone {
    width: 33.33333%;
  }
  .push-4\@smartphone {
    left: 33.33333%;
    right: auto;
  }
  .pull-4\@smartphone {
    right: 33.33333%;
    left: auto;
  }
  .prefix-4\@smartphone {
    margin-left: 33.33333%;
  }
  .suffix-4\@smartphone {
    margin-right: 33.33333%;
  }
  .gr-5\@smartphone {
    width: 41.66667%;
  }
  .push-5\@smartphone {
    left: 41.66667%;
    right: auto;
  }
  .pull-5\@smartphone {
    right: 41.66667%;
    left: auto;
  }
  .prefix-5\@smartphone {
    margin-left: 41.66667%;
  }
  .suffix-5\@smartphone {
    margin-right: 41.66667%;
  }
  .gr-6\@smartphone {
    width: 50%;
  }
  .push-6\@smartphone {
    left: 50%;
    right: auto;
  }
  .pull-6\@smartphone {
    right: 50%;
    left: auto;
  }
  .prefix-6\@smartphone {
    margin-left: 50%;
  }
  .suffix-6\@smartphone {
    margin-right: 50%;
  }
  .gr-7\@smartphone {
    width: 58.33333%;
  }
  .push-7\@smartphone {
    left: 58.33333%;
    right: auto;
  }
  .pull-7\@smartphone {
    right: 58.33333%;
    left: auto;
  }
  .prefix-7\@smartphone {
    margin-left: 58.33333%;
  }
  .suffix-7\@smartphone {
    margin-right: 58.33333%;
  }
  .gr-8\@smartphone {
    width: 66.66667%;
  }
  .push-8\@smartphone {
    left: 66.66667%;
    right: auto;
  }
  .pull-8\@smartphone {
    right: 66.66667%;
    left: auto;
  }
  .prefix-8\@smartphone {
    margin-left: 66.66667%;
  }
  .suffix-8\@smartphone {
    margin-right: 66.66667%;
  }
  .gr-9\@smartphone {
    width: 75%;
  }
  .push-9\@smartphone {
    left: 75%;
    right: auto;
  }
  .pull-9\@smartphone {
    right: 75%;
    left: auto;
  }
  .prefix-9\@smartphone {
    margin-left: 75%;
  }
  .suffix-9\@smartphone {
    margin-right: 75%;
  }
  .gr-10\@smartphone {
    width: 83.33333%;
  }
  .push-10\@smartphone {
    left: 83.33333%;
    right: auto;
  }
  .pull-10\@smartphone {
    right: 83.33333%;
    left: auto;
  }
  .prefix-10\@smartphone {
    margin-left: 83.33333%;
  }
  .suffix-10\@smartphone {
    margin-right: 83.33333%;
  }
  .gr-11\@smartphone {
    width: 91.66667%;
  }
  .push-11\@smartphone {
    left: 91.66667%;
    right: auto;
  }
  .pull-11\@smartphone {
    right: 91.66667%;
    left: auto;
  }
  .prefix-11\@smartphone {
    margin-left: 91.66667%;
  }
  .suffix-11\@smartphone {
    margin-right: 91.66667%;
  }
  .gr-12\@smartphone {
    width: 100%;
  }
  .push-12\@smartphone {
    left: 100%;
    right: auto;
  }
  .pull-12\@smartphone {
    right: 100%;
    left: auto;
  }
  .prefix-12\@smartphone {
    margin-left: 100%;
  }
  .suffix-12\@smartphone {
    margin-right: 100%;
  }
  .float-left\@smartphone {
    float: left;
  }
  .float-right\@smartphone {
    float: right;
  }
  .clear\@smartphone {
    clear: both;
  }
  .clear-left\@smartphone {
    clear: left;
  }
  .clear-right\@smartphone {
    clear: right;
  }
  .no-gutter\@smartphone {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@smartphone {
    padding-left: 0;
  }
  .no-gutter-right\@smartphone {
    padding-right: 0;
  }
  .no-gutter-top\@smartphone {
    padding-top: 0;
  }
  .no-gutter-bottom\@smartphone {
    padding-bottom: 0;
  }
  .gutter\@smartphone {
    padding-right: 5px;
    padding-left: 5px;
  }
  .gutter-left\@smartphone {
    padding-left: 5px;
  }
  .gutter-right\@smartphone {
    padding-right: 5px;
  }
  .auto-height\@smartphone {
    height: inherit;
  }
  .row\@smartphone {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
  }
  [class*='no-gutter'] > .row\@smartphone {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@smartphone {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg);
  }
  .row-reverse\@smartphone > [class*='gr-'] {
    transform: rotateY(-180deg);
  }
  [class*='no-gutter'] > .row-reverse\@smartphone {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@smartphone {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@smartphone {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
  }
  .col-reverse\@smartphone {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg);
  }
  .col-reverse\@smartphone > [class*='gr-'] {
    transform: rotateX(-180deg);
  }
  .gr-table\@smartphone {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .row-align-left\@smartphone {
    font-size: 0;
    clear: both;
    text-align: left;
  }
  .row-align-left\@smartphone > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-left\@smartphone > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@smartphone {
    font-size: 0;
    clear: both;
    text-align: center;
  }
  .row-align-center\@smartphone > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-center\@smartphone > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@smartphone > * {
    text-align: left;
  }
  .row-align-right\@smartphone {
    font-size: 0;
    clear: both;
    text-align: right;
  }
  .row-align-right\@smartphone > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-right\@smartphone > * {
      margin-right: -0.5px;
    }
  }
  .row-align-right\@smartphone > * {
    text-align: left;
  }
  .row-align-middle\@smartphone {
    font-size: 0;
    clear: both;
    vertical-align: middle;
  }
  .row-align-middle\@smartphone > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-middle\@smartphone > * {
      margin-right: -0.5px;
    }
  }
  .row-align-top\@smartphone {
    font-size: 0;
    clear: both;
    vertical-align: top;
  }
  .row-align-top\@smartphone > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-top\@smartphone > * {
      margin-right: -0.5px;
    }
  }
  .row-align-bottom\@smartphone {
    font-size: 0;
    clear: both;
    vertical-align: bottom;
  }
  .row-align-bottom\@smartphone > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-bottom\@smartphone > * {
      margin-right: -0.5px;
    }
  }
  .hide\@smartphone {
    display: none;
  }
  .not-visible\@smartphone {
    visibility: hidden;
  }
  .show\@smartphone {
    display: block;
  }
  .show-inline\@smartphone {
    display: inline-block;
  }
  .visible\@smartphone {
    visibility: visible;
  }
  .clear-each-2\@smartphone > [class*='gr-']:nth-of-type(2n + 1) {
    clear: left;
  }
  .clear-each-3\@smartphone > [class*='gr-']:nth-of-type(3n + 1) {
    clear: left;
  }
  .row-debug\@smartphone {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@smartphone: before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (max-width: 768px) {
  .gr-0\@mobile {
    width: 0%;
  }
  .push-0\@mobile {
    left: 0%;
    right: auto;
  }
  .pull-0\@mobile {
    right: 0%;
    left: auto;
  }
  .prefix-0\@mobile {
    margin-left: 0%;
  }
  .suffix-0\@mobile {
    margin-right: 0%;
  }
  .gr-1\@mobile {
    width: 8.33333%;
  }
  .push-1\@mobile {
    left: 8.33333%;
    right: auto;
  }
  .pull-1\@mobile {
    right: 8.33333%;
    left: auto;
  }
  .prefix-1\@mobile {
    margin-left: 8.33333%;
  }
  .suffix-1\@mobile {
    margin-right: 8.33333%;
  }
  .gr-2\@mobile {
    width: 16.66667%;
  }
  .push-2\@mobile {
    left: 16.66667%;
    right: auto;
  }
  .pull-2\@mobile {
    right: 16.66667%;
    left: auto;
  }
  .prefix-2\@mobile {
    margin-left: 16.66667%;
  }
  .suffix-2\@mobile {
    margin-right: 16.66667%;
  }
  .gr-3\@mobile {
    width: 25%;
  }
  .push-3\@mobile {
    left: 25%;
    right: auto;
  }
  .pull-3\@mobile {
    right: 25%;
    left: auto;
  }
  .prefix-3\@mobile {
    margin-left: 25%;
  }
  .suffix-3\@mobile {
    margin-right: 25%;
  }
  .gr-4\@mobile {
    width: 33.33333%;
  }
  .push-4\@mobile {
    left: 33.33333%;
    right: auto;
  }
  .pull-4\@mobile {
    right: 33.33333%;
    left: auto;
  }
  .prefix-4\@mobile {
    margin-left: 33.33333%;
  }
  .suffix-4\@mobile {
    margin-right: 33.33333%;
  }
  .gr-5\@mobile {
    width: 41.66667%;
  }
  .push-5\@mobile {
    left: 41.66667%;
    right: auto;
  }
  .pull-5\@mobile {
    right: 41.66667%;
    left: auto;
  }
  .prefix-5\@mobile {
    margin-left: 41.66667%;
  }
  .suffix-5\@mobile {
    margin-right: 41.66667%;
  }
  .gr-6\@mobile {
    width: 50%;
  }
  .push-6\@mobile {
    left: 50%;
    right: auto;
  }
  .pull-6\@mobile {
    right: 50%;
    left: auto;
  }
  .prefix-6\@mobile {
    margin-left: 50%;
  }
  .suffix-6\@mobile {
    margin-right: 50%;
  }
  .gr-7\@mobile {
    width: 58.33333%;
  }
  .push-7\@mobile {
    left: 58.33333%;
    right: auto;
  }
  .pull-7\@mobile {
    right: 58.33333%;
    left: auto;
  }
  .prefix-7\@mobile {
    margin-left: 58.33333%;
  }
  .suffix-7\@mobile {
    margin-right: 58.33333%;
  }
  .gr-8\@mobile {
    width: 66.66667%;
  }
  .push-8\@mobile {
    left: 66.66667%;
    right: auto;
  }
  .pull-8\@mobile {
    right: 66.66667%;
    left: auto;
  }
  .prefix-8\@mobile {
    margin-left: 66.66667%;
  }
  .suffix-8\@mobile {
    margin-right: 66.66667%;
  }
  .gr-9\@mobile {
    width: 75%;
  }
  .push-9\@mobile {
    left: 75%;
    right: auto;
  }
  .pull-9\@mobile {
    right: 75%;
    left: auto;
  }
  .prefix-9\@mobile {
    margin-left: 75%;
  }
  .suffix-9\@mobile {
    margin-right: 75%;
  }
  .gr-10\@mobile {
    width: 83.33333%;
  }
  .push-10\@mobile {
    left: 83.33333%;
    right: auto;
  }
  .pull-10\@mobile {
    right: 83.33333%;
    left: auto;
  }
  .prefix-10\@mobile {
    margin-left: 83.33333%;
  }
  .suffix-10\@mobile {
    margin-right: 83.33333%;
  }
  .gr-11\@mobile {
    width: 91.66667%;
  }
  .push-11\@mobile {
    left: 91.66667%;
    right: auto;
  }
  .pull-11\@mobile {
    right: 91.66667%;
    left: auto;
  }
  .prefix-11\@mobile {
    margin-left: 91.66667%;
  }
  .suffix-11\@mobile {
    margin-right: 91.66667%;
  }
  .gr-12\@mobile {
    width: 100%;
  }
  .push-12\@mobile {
    left: 100%;
    right: auto;
  }
  .pull-12\@mobile {
    right: 100%;
    left: auto;
  }
  .prefix-12\@mobile {
    margin-left: 100%;
  }
  .suffix-12\@mobile {
    margin-right: 100%;
  }
  .float-left\@mobile {
    float: left;
  }
  .float-right\@mobile {
    float: right;
  }
  .clear\@mobile {
    clear: both;
  }
  .clear-left\@mobile {
    clear: left;
  }
  .clear-right\@mobile {
    clear: right;
  }
  .no-gutter\@mobile {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@mobile {
    padding-left: 0;
  }
  .no-gutter-right\@mobile {
    padding-right: 0;
  }
  .no-gutter-top\@mobile {
    padding-top: 0;
  }
  .no-gutter-bottom\@mobile {
    padding-bottom: 0;
  }
  .gutter\@mobile {
    padding-right: 5px;
    padding-left: 5px;
  }
  .gutter-left\@mobile {
    padding-left: 5px;
  }
  .gutter-right\@mobile {
    padding-right: 5px;
  }
  .auto-height\@mobile {
    height: inherit;
  }
  .row\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
  }
  [class*='no-gutter'] > .row\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateY(180deg);
  }
  .row-reverse\@mobile > [class*='gr-'] {
    transform: rotateY(-180deg);
  }
  [class*='no-gutter'] > .row-reverse\@mobile {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@mobile {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
  }
  .col-reverse\@mobile {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -5px;
    margin-right: -5px;
    transform: rotateX(180deg);
  }
  .col-reverse\@mobile > [class*='gr-'] {
    transform: rotateX(-180deg);
  }
  .gr-table\@mobile {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .row-align-left\@mobile {
    font-size: 0;
    clear: both;
    text-align: left;
  }
  .row-align-left\@mobile > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-left\@mobile > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@mobile {
    font-size: 0;
    clear: both;
    text-align: center;
  }
  .row-align-center\@mobile > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-center\@mobile > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@mobile > * {
    text-align: left;
  }
  .row-align-right\@mobile {
    font-size: 0;
    clear: both;
    text-align: right;
  }
  .row-align-right\@mobile > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-right\@mobile > * {
      margin-right: -0.5px;
    }
  }
  .row-align-right\@mobile > * {
    text-align: left;
  }
  .row-align-middle\@mobile {
    font-size: 0;
    clear: both;
    vertical-align: middle;
  }
  .row-align-middle\@mobile > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-middle\@mobile > * {
      margin-right: -0.5px;
    }
  }
  .row-align-top\@mobile {
    font-size: 0;
    clear: both;
    vertical-align: top;
  }
  .row-align-top\@mobile > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-top\@mobile > * {
      margin-right: -0.5px;
    }
  }
  .row-align-bottom\@mobile {
    font-size: 0;
    clear: both;
    vertical-align: bottom;
  }
  .row-align-bottom\@mobile > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-bottom\@mobile > * {
      margin-right: -0.5px;
    }
  }
  .hide\@mobile {
    display: none;
  }
  .not-visible\@mobile {
    visibility: hidden;
  }
  .show\@mobile {
    display: block;
  }
  .show-inline\@mobile {
    display: inline-block;
  }
  .visible\@mobile {
    visibility: visible;
  }
  .clear-each-2\@mobile > [class*='gr-']:nth-of-type(2n + 1) {
    clear: left;
  }
  .clear-each-3\@mobile > [class*='gr-']:nth-of-type(3n + 1) {
    clear: left;
  }
  .row-debug\@mobile {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@mobile: before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .gr-0\@tablet {
    width: 0%;
  }
  .push-0\@tablet {
    left: 0%;
    right: auto;
  }
  .pull-0\@tablet {
    right: 0%;
    left: auto;
  }
  .prefix-0\@tablet {
    margin-left: 0%;
  }
  .suffix-0\@tablet {
    margin-right: 0%;
  }
  .gr-1\@tablet {
    width: 8.33333%;
  }
  .push-1\@tablet {
    left: 8.33333%;
    right: auto;
  }
  .pull-1\@tablet {
    right: 8.33333%;
    left: auto;
  }
  .prefix-1\@tablet {
    margin-left: 8.33333%;
  }
  .suffix-1\@tablet {
    margin-right: 8.33333%;
  }
  .gr-2\@tablet {
    width: 16.66667%;
  }
  .push-2\@tablet {
    left: 16.66667%;
    right: auto;
  }
  .pull-2\@tablet {
    right: 16.66667%;
    left: auto;
  }
  .prefix-2\@tablet {
    margin-left: 16.66667%;
  }
  .suffix-2\@tablet {
    margin-right: 16.66667%;
  }
  .gr-3\@tablet {
    width: 25%;
  }
  .push-3\@tablet {
    left: 25%;
    right: auto;
  }
  .pull-3\@tablet {
    right: 25%;
    left: auto;
  }
  .prefix-3\@tablet {
    margin-left: 25%;
  }
  .suffix-3\@tablet {
    margin-right: 25%;
  }
  .gr-4\@tablet {
    width: 33.33333%;
  }
  .push-4\@tablet {
    left: 33.33333%;
    right: auto;
  }
  .pull-4\@tablet {
    right: 33.33333%;
    left: auto;
  }
  .prefix-4\@tablet {
    margin-left: 33.33333%;
  }
  .suffix-4\@tablet {
    margin-right: 33.33333%;
  }
  .gr-5\@tablet {
    width: 41.66667%;
  }
  .push-5\@tablet {
    left: 41.66667%;
    right: auto;
  }
  .pull-5\@tablet {
    right: 41.66667%;
    left: auto;
  }
  .prefix-5\@tablet {
    margin-left: 41.66667%;
  }
  .suffix-5\@tablet {
    margin-right: 41.66667%;
  }
  .gr-6\@tablet {
    width: 50%;
  }
  .push-6\@tablet {
    left: 50%;
    right: auto;
  }
  .pull-6\@tablet {
    right: 50%;
    left: auto;
  }
  .prefix-6\@tablet {
    margin-left: 50%;
  }
  .suffix-6\@tablet {
    margin-right: 50%;
  }
  .gr-7\@tablet {
    width: 58.33333%;
  }
  .push-7\@tablet {
    left: 58.33333%;
    right: auto;
  }
  .pull-7\@tablet {
    right: 58.33333%;
    left: auto;
  }
  .prefix-7\@tablet {
    margin-left: 58.33333%;
  }
  .suffix-7\@tablet {
    margin-right: 58.33333%;
  }
  .gr-8\@tablet {
    width: 66.66667%;
  }
  .push-8\@tablet {
    left: 66.66667%;
    right: auto;
  }
  .pull-8\@tablet {
    right: 66.66667%;
    left: auto;
  }
  .prefix-8\@tablet {
    margin-left: 66.66667%;
  }
  .suffix-8\@tablet {
    margin-right: 66.66667%;
  }
  .gr-9\@tablet {
    width: 75%;
  }
  .push-9\@tablet {
    left: 75%;
    right: auto;
  }
  .pull-9\@tablet {
    right: 75%;
    left: auto;
  }
  .prefix-9\@tablet {
    margin-left: 75%;
  }
  .suffix-9\@tablet {
    margin-right: 75%;
  }
  .gr-10\@tablet {
    width: 83.33333%;
  }
  .push-10\@tablet {
    left: 83.33333%;
    right: auto;
  }
  .pull-10\@tablet {
    right: 83.33333%;
    left: auto;
  }
  .prefix-10\@tablet {
    margin-left: 83.33333%;
  }
  .suffix-10\@tablet {
    margin-right: 83.33333%;
  }
  .gr-11\@tablet {
    width: 91.66667%;
  }
  .push-11\@tablet {
    left: 91.66667%;
    right: auto;
  }
  .pull-11\@tablet {
    right: 91.66667%;
    left: auto;
  }
  .prefix-11\@tablet {
    margin-left: 91.66667%;
  }
  .suffix-11\@tablet {
    margin-right: 91.66667%;
  }
  .gr-12\@tablet {
    width: 100%;
  }
  .push-12\@tablet {
    left: 100%;
    right: auto;
  }
  .pull-12\@tablet {
    right: 100%;
    left: auto;
  }
  .prefix-12\@tablet {
    margin-left: 100%;
  }
  .suffix-12\@tablet {
    margin-right: 100%;
  }
  .float-left\@tablet {
    float: left;
  }
  .float-right\@tablet {
    float: right;
  }
  .clear\@tablet {
    clear: both;
  }
  .clear-left\@tablet {
    clear: left;
  }
  .clear-right\@tablet {
    clear: right;
  }
  .no-gutter\@tablet {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@tablet {
    padding-left: 0;
  }
  .no-gutter-right\@tablet {
    padding-right: 0;
  }
  .no-gutter-top\@tablet {
    padding-top: 0;
  }
  .no-gutter-bottom\@tablet {
    padding-bottom: 0;
  }
  .gutter\@tablet {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  .gutter-left\@tablet {
    padding-left: 7.5px;
  }
  .gutter-right\@tablet {
    padding-right: 7.5px;
  }
  .auto-height\@tablet {
    height: inherit;
  }
  .row\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  [class*='no-gutter'] > .row\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -7.5px;
    margin-right: -7.5px;
    transform: rotateY(180deg);
  }
  .row-reverse\@tablet > [class*='gr-'] {
    transform: rotateY(-180deg);
  }
  [class*='no-gutter'] > .row-reverse\@tablet {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@tablet {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .col-reverse\@tablet {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -7.5px;
    margin-right: -7.5px;
    transform: rotateX(180deg);
  }
  .col-reverse\@tablet > [class*='gr-'] {
    transform: rotateX(-180deg);
  }
  .gr-table\@tablet {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .row-align-left\@tablet {
    font-size: 0;
    clear: both;
    text-align: left;
  }
  .row-align-left\@tablet > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-left\@tablet > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@tablet {
    font-size: 0;
    clear: both;
    text-align: center;
  }
  .row-align-center\@tablet > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-center\@tablet > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@tablet > * {
    text-align: left;
  }
  .row-align-right\@tablet {
    font-size: 0;
    clear: both;
    text-align: right;
  }
  .row-align-right\@tablet > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-right\@tablet > * {
      margin-right: -0.5px;
    }
  }
  .row-align-right\@tablet > * {
    text-align: left;
  }
  .row-align-middle\@tablet {
    font-size: 0;
    clear: both;
    vertical-align: middle;
  }
  .row-align-middle\@tablet > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-middle\@tablet > * {
      margin-right: -0.5px;
    }
  }
  .row-align-top\@tablet {
    font-size: 0;
    clear: both;
    vertical-align: top;
  }
  .row-align-top\@tablet > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-top\@tablet > * {
      margin-right: -0.5px;
    }
  }
  .row-align-bottom\@tablet {
    font-size: 0;
    clear: both;
    vertical-align: bottom;
  }
  .row-align-bottom\@tablet > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-bottom\@tablet > * {
      margin-right: -0.5px;
    }
  }
  .hide\@tablet {
    display: none;
  }
  .not-visible\@tablet {
    visibility: hidden;
  }
  .show\@tablet {
    display: block;
  }
  .show-inline\@tablet {
    display: inline-block;
  }
  .visible\@tablet {
    visibility: visible;
  }
  .clear-each-2\@tablet > [class*='gr-']:nth-of-type(2n + 1) {
    clear: left;
  }
  .clear-each-3\@tablet > [class*='gr-']:nth-of-type(3n + 1) {
    clear: left;
  }
  .row-debug\@tablet {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@tablet: before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (min-width: 768px) {
  .gr-0\@desktop {
    width: 0%;
  }
  .push-0\@desktop {
    left: 0%;
    right: auto;
  }
  .pull-0\@desktop {
    right: 0%;
    left: auto;
  }
  .prefix-0\@desktop {
    margin-left: 0%;
  }
  .suffix-0\@desktop {
    margin-right: 0%;
  }
  .gr-1\@desktop {
    width: 8.33333%;
  }
  .push-1\@desktop {
    left: 8.33333%;
    right: auto;
  }
  .pull-1\@desktop {
    right: 8.33333%;
    left: auto;
  }
  .prefix-1\@desktop {
    margin-left: 8.33333%;
  }
  .suffix-1\@desktop {
    margin-right: 8.33333%;
  }
  .gr-2\@desktop {
    width: 16.66667%;
  }
  .push-2\@desktop {
    left: 16.66667%;
    right: auto;
  }
  .pull-2\@desktop {
    right: 16.66667%;
    left: auto;
  }
  .prefix-2\@desktop {
    margin-left: 16.66667%;
  }
  .suffix-2\@desktop {
    margin-right: 16.66667%;
  }
  .gr-3\@desktop {
    width: 25%;
  }
  .push-3\@desktop {
    left: 25%;
    right: auto;
  }
  .pull-3\@desktop {
    right: 25%;
    left: auto;
  }
  .prefix-3\@desktop {
    margin-left: 25%;
  }
  .suffix-3\@desktop {
    margin-right: 25%;
  }
  .gr-4\@desktop {
    width: 33.33333%;
  }
  .push-4\@desktop {
    left: 33.33333%;
    right: auto;
  }
  .pull-4\@desktop {
    right: 33.33333%;
    left: auto;
  }
  .prefix-4\@desktop {
    margin-left: 33.33333%;
  }
  .suffix-4\@desktop {
    margin-right: 33.33333%;
  }
  .gr-5\@desktop {
    width: 41.66667%;
  }
  .push-5\@desktop {
    left: 41.66667%;
    right: auto;
  }
  .pull-5\@desktop {
    right: 41.66667%;
    left: auto;
  }
  .prefix-5\@desktop {
    margin-left: 41.66667%;
  }
  .suffix-5\@desktop {
    margin-right: 41.66667%;
  }
  .gr-6\@desktop {
    width: 50%;
  }
  .push-6\@desktop {
    left: 50%;
    right: auto;
  }
  .pull-6\@desktop {
    right: 50%;
    left: auto;
  }
  .prefix-6\@desktop {
    margin-left: 50%;
  }
  .suffix-6\@desktop {
    margin-right: 50%;
  }
  .gr-7\@desktop {
    width: 58.33333%;
  }
  .push-7\@desktop {
    left: 58.33333%;
    right: auto;
  }
  .pull-7\@desktop {
    right: 58.33333%;
    left: auto;
  }
  .prefix-7\@desktop {
    margin-left: 58.33333%;
  }
  .suffix-7\@desktop {
    margin-right: 58.33333%;
  }
  .gr-8\@desktop {
    width: 66.66667%;
  }
  .push-8\@desktop {
    left: 66.66667%;
    right: auto;
  }
  .pull-8\@desktop {
    right: 66.66667%;
    left: auto;
  }
  .prefix-8\@desktop {
    margin-left: 66.66667%;
  }
  .suffix-8\@desktop {
    margin-right: 66.66667%;
  }
  .gr-9\@desktop {
    width: 75%;
  }
  .push-9\@desktop {
    left: 75%;
    right: auto;
  }
  .pull-9\@desktop {
    right: 75%;
    left: auto;
  }
  .prefix-9\@desktop {
    margin-left: 75%;
  }
  .suffix-9\@desktop {
    margin-right: 75%;
  }
  .gr-10\@desktop {
    width: 83.33333%;
  }
  .push-10\@desktop {
    left: 83.33333%;
    right: auto;
  }
  .pull-10\@desktop {
    right: 83.33333%;
    left: auto;
  }
  .prefix-10\@desktop {
    margin-left: 83.33333%;
  }
  .suffix-10\@desktop {
    margin-right: 83.33333%;
  }
  .gr-11\@desktop {
    width: 91.66667%;
  }
  .push-11\@desktop {
    left: 91.66667%;
    right: auto;
  }
  .pull-11\@desktop {
    right: 91.66667%;
    left: auto;
  }
  .prefix-11\@desktop {
    margin-left: 91.66667%;
  }
  .suffix-11\@desktop {
    margin-right: 91.66667%;
  }
  .gr-12\@desktop {
    width: 100%;
  }
  .push-12\@desktop {
    left: 100%;
    right: auto;
  }
  .pull-12\@desktop {
    right: 100%;
    left: auto;
  }
  .prefix-12\@desktop {
    margin-left: 100%;
  }
  .suffix-12\@desktop {
    margin-right: 100%;
  }
  .float-left\@desktop {
    float: left;
  }
  .float-right\@desktop {
    float: right;
  }
  .clear\@desktop {
    clear: both;
  }
  .clear-left\@desktop {
    clear: left;
  }
  .clear-right\@desktop {
    clear: right;
  }
  .no-gutter\@desktop {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@desktop {
    padding-left: 0;
  }
  .no-gutter-right\@desktop {
    padding-right: 0;
  }
  .no-gutter-top\@desktop {
    padding-top: 0;
  }
  .no-gutter-bottom\@desktop {
    padding-bottom: 0;
  }
  .gutter\@desktop {
    padding-right: 10px;
    padding-left: 10px;
  }
  .gutter-left\@desktop {
    padding-left: 10px;
  }
  .gutter-right\@desktop {
    padding-right: 10px;
  }
  .auto-height\@desktop {
    height: inherit;
  }
  .row\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  [class*='no-gutter'] > .row\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
    transform: rotateY(180deg);
  }
  .row-reverse\@desktop > [class*='gr-'] {
    transform: rotateY(-180deg);
  }
  [class*='no-gutter'] > .row-reverse\@desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@desktop {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  .col-reverse\@desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
    transform: rotateX(180deg);
  }
  .col-reverse\@desktop > [class*='gr-'] {
    transform: rotateX(-180deg);
  }
  .gr-table\@desktop {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .row-align-left\@desktop {
    font-size: 0;
    clear: both;
    text-align: left;
  }
  .row-align-left\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-left\@desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@desktop {
    font-size: 0;
    clear: both;
    text-align: center;
  }
  .row-align-center\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-center\@desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@desktop > * {
    text-align: left;
  }
  .row-align-right\@desktop {
    font-size: 0;
    clear: both;
    text-align: right;
  }
  .row-align-right\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-right\@desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-right\@desktop > * {
    text-align: left;
  }
  .row-align-middle\@desktop {
    font-size: 0;
    clear: both;
    vertical-align: middle;
  }
  .row-align-middle\@desktop > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-middle\@desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-top\@desktop {
    font-size: 0;
    clear: both;
    vertical-align: top;
  }
  .row-align-top\@desktop > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-top\@desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-bottom\@desktop {
    font-size: 0;
    clear: both;
    vertical-align: bottom;
  }
  .row-align-bottom\@desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-bottom\@desktop > * {
      margin-right: -0.5px;
    }
  }
  .hide\@desktop {
    display: none;
  }
  .not-visible\@desktop {
    visibility: hidden;
  }
  .show\@desktop {
    display: block;
  }
  .show-inline\@desktop {
    display: inline-block;
  }
  .visible\@desktop {
    visibility: visible;
  }
  .clear-each-2\@desktop > [class*='gr-']:nth-of-type(2n + 1) {
    clear: left;
  }
  .clear-each-3\@desktop > [class*='gr-']:nth-of-type(3n + 1) {
    clear: left;
  }
  .row-debug\@desktop {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@desktop: before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (min-width: 1080px) {
  .gr-0\@xl-desktop {
    width: 0%;
  }
  .push-0\@xl-desktop {
    left: 0%;
    right: auto;
  }
  .pull-0\@xl-desktop {
    right: 0%;
    left: auto;
  }
  .prefix-0\@xl-desktop {
    margin-left: 0%;
  }
  .suffix-0\@xl-desktop {
    margin-right: 0%;
  }
  .gr-1\@xl-desktop {
    width: 8.33333%;
  }
  .push-1\@xl-desktop {
    left: 8.33333%;
    right: auto;
  }
  .pull-1\@xl-desktop {
    right: 8.33333%;
    left: auto;
  }
  .prefix-1\@xl-desktop {
    margin-left: 8.33333%;
  }
  .suffix-1\@xl-desktop {
    margin-right: 8.33333%;
  }
  .gr-2\@xl-desktop {
    width: 16.66667%;
  }
  .push-2\@xl-desktop {
    left: 16.66667%;
    right: auto;
  }
  .pull-2\@xl-desktop {
    right: 16.66667%;
    left: auto;
  }
  .prefix-2\@xl-desktop {
    margin-left: 16.66667%;
  }
  .suffix-2\@xl-desktop {
    margin-right: 16.66667%;
  }
  .gr-3\@xl-desktop {
    width: 25%;
  }
  .push-3\@xl-desktop {
    left: 25%;
    right: auto;
  }
  .pull-3\@xl-desktop {
    right: 25%;
    left: auto;
  }
  .prefix-3\@xl-desktop {
    margin-left: 25%;
  }
  .suffix-3\@xl-desktop {
    margin-right: 25%;
  }
  .gr-4\@xl-desktop {
    width: 33.33333%;
  }
  .push-4\@xl-desktop {
    left: 33.33333%;
    right: auto;
  }
  .pull-4\@xl-desktop {
    right: 33.33333%;
    left: auto;
  }
  .prefix-4\@xl-desktop {
    margin-left: 33.33333%;
  }
  .suffix-4\@xl-desktop {
    margin-right: 33.33333%;
  }
  .gr-5\@xl-desktop {
    width: 41.66667%;
  }
  .push-5\@xl-desktop {
    left: 41.66667%;
    right: auto;
  }
  .pull-5\@xl-desktop {
    right: 41.66667%;
    left: auto;
  }
  .prefix-5\@xl-desktop {
    margin-left: 41.66667%;
  }
  .suffix-5\@xl-desktop {
    margin-right: 41.66667%;
  }
  .gr-6\@xl-desktop {
    width: 50%;
  }
  .push-6\@xl-desktop {
    left: 50%;
    right: auto;
  }
  .pull-6\@xl-desktop {
    right: 50%;
    left: auto;
  }
  .prefix-6\@xl-desktop {
    margin-left: 50%;
  }
  .suffix-6\@xl-desktop {
    margin-right: 50%;
  }
  .gr-7\@xl-desktop {
    width: 58.33333%;
  }
  .push-7\@xl-desktop {
    left: 58.33333%;
    right: auto;
  }
  .pull-7\@xl-desktop {
    right: 58.33333%;
    left: auto;
  }
  .prefix-7\@xl-desktop {
    margin-left: 58.33333%;
  }
  .suffix-7\@xl-desktop {
    margin-right: 58.33333%;
  }
  .gr-8\@xl-desktop {
    width: 66.66667%;
  }
  .push-8\@xl-desktop {
    left: 66.66667%;
    right: auto;
  }
  .pull-8\@xl-desktop {
    right: 66.66667%;
    left: auto;
  }
  .prefix-8\@xl-desktop {
    margin-left: 66.66667%;
  }
  .suffix-8\@xl-desktop {
    margin-right: 66.66667%;
  }
  .gr-9\@xl-desktop {
    width: 75%;
  }
  .push-9\@xl-desktop {
    left: 75%;
    right: auto;
  }
  .pull-9\@xl-desktop {
    right: 75%;
    left: auto;
  }
  .prefix-9\@xl-desktop {
    margin-left: 75%;
  }
  .suffix-9\@xl-desktop {
    margin-right: 75%;
  }
  .gr-10\@xl-desktop {
    width: 83.33333%;
  }
  .push-10\@xl-desktop {
    left: 83.33333%;
    right: auto;
  }
  .pull-10\@xl-desktop {
    right: 83.33333%;
    left: auto;
  }
  .prefix-10\@xl-desktop {
    margin-left: 83.33333%;
  }
  .suffix-10\@xl-desktop {
    margin-right: 83.33333%;
  }
  .gr-11\@xl-desktop {
    width: 91.66667%;
  }
  .push-11\@xl-desktop {
    left: 91.66667%;
    right: auto;
  }
  .pull-11\@xl-desktop {
    right: 91.66667%;
    left: auto;
  }
  .prefix-11\@xl-desktop {
    margin-left: 91.66667%;
  }
  .suffix-11\@xl-desktop {
    margin-right: 91.66667%;
  }
  .gr-12\@xl-desktop {
    width: 100%;
  }
  .push-12\@xl-desktop {
    left: 100%;
    right: auto;
  }
  .pull-12\@xl-desktop {
    right: 100%;
    left: auto;
  }
  .prefix-12\@xl-desktop {
    margin-left: 100%;
  }
  .suffix-12\@xl-desktop {
    margin-right: 100%;
  }
  .float-left\@xl-desktop {
    float: left;
  }
  .float-right\@xl-desktop {
    float: right;
  }
  .clear\@xl-desktop {
    clear: both;
  }
  .clear-left\@xl-desktop {
    clear: left;
  }
  .clear-right\@xl-desktop {
    clear: right;
  }
  .no-gutter\@xl-desktop {
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .no-gutter-left\@xl-desktop {
    padding-left: 0;
  }
  .no-gutter-right\@xl-desktop {
    padding-right: 0;
  }
  .no-gutter-top\@xl-desktop {
    padding-top: 0;
  }
  .no-gutter-bottom\@xl-desktop {
    padding-bottom: 0;
  }
  .gutter\@xl-desktop {
    padding-right: 10px;
    padding-left: 10px;
  }
  .gutter-left\@xl-desktop {
    padding-left: 10px;
  }
  .gutter-right\@xl-desktop {
    padding-right: 10px;
  }
  .auto-height\@xl-desktop {
    height: inherit;
  }
  .row\@xl-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  [class*='no-gutter'] > .row\@xl-desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-reverse\@xl-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
    transform: rotateY(180deg);
  }
  .row-reverse\@xl-desktop > [class*='gr-'] {
    transform: rotateY(-180deg);
  }
  [class*='no-gutter'] > .row-reverse\@xl-desktop {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .row-full\@xl-desktop {
    width: 100vw;
    margin-left: 50% !important;
    margin-right: 0 !important;
    -webkit-transform: translateX(-50%);
    -moz-transition: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .col\@xl-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
  }
  .col-reverse\@xl-desktop {
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: -10px;
    margin-right: -10px;
    transform: rotateX(180deg);
  }
  .col-reverse\@xl-desktop > [class*='gr-'] {
    transform: rotateX(-180deg);
  }
  .gr-table\@xl-desktop {
    display: table-cell;
    float: none;
    vertical-align: top;
  }
  .row-align-left\@xl-desktop {
    font-size: 0;
    clear: both;
    text-align: left;
  }
  .row-align-left\@xl-desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-left\@xl-desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@xl-desktop {
    font-size: 0;
    clear: both;
    text-align: center;
  }
  .row-align-center\@xl-desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-center\@xl-desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-center\@xl-desktop > * {
    text-align: left;
  }
  .row-align-right\@xl-desktop {
    font-size: 0;
    clear: both;
    text-align: right;
  }
  .row-align-right\@xl-desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-right\@xl-desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-right\@xl-desktop > * {
    text-align: left;
  }
  .row-align-middle\@xl-desktop {
    font-size: 0;
    clear: both;
    vertical-align: middle;
  }
  .row-align-middle\@xl-desktop > * {
    float: none !important;
    vertical-align: middle;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-middle\@xl-desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-top\@xl-desktop {
    font-size: 0;
    clear: both;
    vertical-align: top;
  }
  .row-align-top\@xl-desktop > * {
    float: none !important;
    vertical-align: top;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-top\@xl-desktop > * {
      margin-right: -0.5px;
    }
  }
  .row-align-bottom\@xl-desktop {
    font-size: 0;
    clear: both;
    vertical-align: bottom;
  }
  .row-align-bottom\@xl-desktop > * {
    float: none !important;
    vertical-align: bottom;
    font-size: 1rem;
  }
  @-moz-document url-prefix() {
    .row-align-bottom\@xl-desktop > * {
      margin-right: -0.5px;
    }
  }
  .hide\@xl-desktop {
    display: none;
  }
  .not-visible\@xl-desktop {
    visibility: hidden;
  }
  .show\@xl-desktop {
    display: block;
  }
  .show-inline\@xl-desktop {
    display: inline-block;
  }
  .visible\@xl-desktop {
    visibility: visible;
  }
  .clear-each-2\@xl-desktop > [class*='gr-']:nth-of-type(2n + 1) {
    clear: left;
  }
  .clear-each-3\@xl-desktop > [class*='gr-']:nth-of-type(3n + 1) {
    clear: left;
  }
  .row-debug\@xl-desktop {
    position: relative;
    z-index: 99999;
    overflow: hidden;
  }
  .row-debug\@xl-desktop: before {
    pointer-events: none;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 99999px;
    background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
    background-size: 16.66667% 100%;
    z-index: 99999;
  }
  body {
    direction: ltr;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  .gr-0,
  .gr-1,
  .gr-2,
  .gr-3,
  .gr-4,
  .gr-5,
  .gr-6,
  .gr-7,
  .gr-8,
  .gr-9,
  .gr-10,
  .gr-11,
  .gr-12,
  .gr-0\@smartphone,
  .gr-1\@smartphone,
  .gr-2\@smartphone,
  .gr-3\@smartphone,
  .gr-4\@smartphone,
  .gr-5\@smartphone,
  .gr-6\@smartphone,
  .gr-7\@smartphone,
  .gr-8\@smartphone,
  .gr-9\@smartphone,
  .gr-10\@smartphone,
  .gr-11\@smartphone,
  .gr-12\@smartphone,
  .gr-0\@mobile,
  .gr-1\@mobile,
  .gr-2\@mobile,
  .gr-3\@mobile,
  .gr-4\@mobile,
  .gr-5\@mobile,
  .gr-6\@mobile,
  .gr-7\@mobile,
  .gr-8\@mobile,
  .gr-9\@mobile,
  .gr-10\@mobile,
  .gr-11\@mobile,
  .gr-12\@mobile,
  .gr-0\@tablet,
  .gr-1\@tablet,
  .gr-2\@tablet,
  .gr-3\@tablet,
  .gr-4\@tablet,
  .gr-5\@tablet,
  .gr-6\@tablet,
  .gr-7\@tablet,
  .gr-8\@tablet,
  .gr-9\@tablet,
  .gr-10\@tablet,
  .gr-11\@tablet,
  .gr-12\@tablet,
  .gr-0\@desktop,
  .gr-1\@desktop,
  .gr-2\@desktop,
  .gr-3\@desktop,
  .gr-4\@desktop,
  .gr-5\@desktop,
  .gr-6\@desktop,
  .gr-7\@desktop,
  .gr-8\@desktop,
  .gr-9\@desktop,
  .gr-10\@desktop,
  .gr-11\@desktop,
  .gr-12\@desktop,
  .gr-0\@xl-desktop,
  .gr-1\@xl-desktop,
  .gr-2\@xl-desktop,
  .gr-3\@xl-desktop,
  .gr-4\@xl-desktop,
  .gr-5\@xl-desktop,
  .gr-6\@xl-desktop,
  .gr-7\@xl-desktop,
  .gr-8\@xl-desktop,
  .gr-9\@xl-desktop,
  .gr-10\@xl-desktop,
  .gr-11\@xl-desktop,
  .gr-12\@xl-desktop {
    padding-right: 5px;
    padding-left: 5px;
  }
  .gr-grow,
  .gr-grow\@smartphone,
  .gr-grow\@mobile,
  .gr-grow\@tablet,
  .gr-grow\@desktop,
  .gr-grow\@xl-desktop {
    padding-right: 5px;
    padding-left: 5px;
  }
  .gr-adapt,
  .gr-adapt\@smartphone,
  .gr-adapt\@mobile,
  .gr-adapt\@tablet,
  .gr-adapt\@desktop,
  .gr-adapt\@xl-desktop {
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media screen and (max-width: 768px) {
  .gr-0,
  .gr-1,
  .gr-2,
  .gr-3,
  .gr-4,
  .gr-5,
  .gr-6,
  .gr-7,
  .gr-8,
  .gr-9,
  .gr-10,
  .gr-11,
  .gr-12,
  .gr-0\@smartphone,
  .gr-1\@smartphone,
  .gr-2\@smartphone,
  .gr-3\@smartphone,
  .gr-4\@smartphone,
  .gr-5\@smartphone,
  .gr-6\@smartphone,
  .gr-7\@smartphone,
  .gr-8\@smartphone,
  .gr-9\@smartphone,
  .gr-10\@smartphone,
  .gr-11\@smartphone,
  .gr-12\@smartphone,
  .gr-0\@mobile,
  .gr-1\@mobile,
  .gr-2\@mobile,
  .gr-3\@mobile,
  .gr-4\@mobile,
  .gr-5\@mobile,
  .gr-6\@mobile,
  .gr-7\@mobile,
  .gr-8\@mobile,
  .gr-9\@mobile,
  .gr-10\@mobile,
  .gr-11\@mobile,
  .gr-12\@mobile,
  .gr-0\@tablet,
  .gr-1\@tablet,
  .gr-2\@tablet,
  .gr-3\@tablet,
  .gr-4\@tablet,
  .gr-5\@tablet,
  .gr-6\@tablet,
  .gr-7\@tablet,
  .gr-8\@tablet,
  .gr-9\@tablet,
  .gr-10\@tablet,
  .gr-11\@tablet,
  .gr-12\@tablet,
  .gr-0\@desktop,
  .gr-1\@desktop,
  .gr-2\@desktop,
  .gr-3\@desktop,
  .gr-4\@desktop,
  .gr-5\@desktop,
  .gr-6\@desktop,
  .gr-7\@desktop,
  .gr-8\@desktop,
  .gr-9\@desktop,
  .gr-10\@desktop,
  .gr-11\@desktop,
  .gr-12\@desktop,
  .gr-0\@xl-desktop,
  .gr-1\@xl-desktop,
  .gr-2\@xl-desktop,
  .gr-3\@xl-desktop,
  .gr-4\@xl-desktop,
  .gr-5\@xl-desktop,
  .gr-6\@xl-desktop,
  .gr-7\@xl-desktop,
  .gr-8\@xl-desktop,
  .gr-9\@xl-desktop,
  .gr-10\@xl-desktop,
  .gr-11\@xl-desktop,
  .gr-12\@xl-desktop {
    padding-right: 5px;
    padding-left: 5px;
  }
  .gr-grow,
  .gr-grow\@smartphone,
  .gr-grow\@mobile,
  .gr-grow\@tablet,
  .gr-grow\@desktop,
  .gr-grow\@xl-desktop {
    padding-right: 5px;
    padding-left: 5px;
  }
  .gr-adapt,
  .gr-adapt\@smartphone,
  .gr-adapt\@mobile,
  .gr-adapt\@tablet,
  .gr-adapt\@desktop,
  .gr-adapt\@xl-desktop {
    padding-right: 5px;
    padding-left: 5px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .gr-0,
  .gr-1,
  .gr-2,
  .gr-3,
  .gr-4,
  .gr-5,
  .gr-6,
  .gr-7,
  .gr-8,
  .gr-9,
  .gr-10,
  .gr-11,
  .gr-12,
  .gr-0\@smartphone,
  .gr-1\@smartphone,
  .gr-2\@smartphone,
  .gr-3\@smartphone,
  .gr-4\@smartphone,
  .gr-5\@smartphone,
  .gr-6\@smartphone,
  .gr-7\@smartphone,
  .gr-8\@smartphone,
  .gr-9\@smartphone,
  .gr-10\@smartphone,
  .gr-11\@smartphone,
  .gr-12\@smartphone,
  .gr-0\@mobile,
  .gr-1\@mobile,
  .gr-2\@mobile,
  .gr-3\@mobile,
  .gr-4\@mobile,
  .gr-5\@mobile,
  .gr-6\@mobile,
  .gr-7\@mobile,
  .gr-8\@mobile,
  .gr-9\@mobile,
  .gr-10\@mobile,
  .gr-11\@mobile,
  .gr-12\@mobile,
  .gr-0\@tablet,
  .gr-1\@tablet,
  .gr-2\@tablet,
  .gr-3\@tablet,
  .gr-4\@tablet,
  .gr-5\@tablet,
  .gr-6\@tablet,
  .gr-7\@tablet,
  .gr-8\@tablet,
  .gr-9\@tablet,
  .gr-10\@tablet,
  .gr-11\@tablet,
  .gr-12\@tablet,
  .gr-0\@desktop,
  .gr-1\@desktop,
  .gr-2\@desktop,
  .gr-3\@desktop,
  .gr-4\@desktop,
  .gr-5\@desktop,
  .gr-6\@desktop,
  .gr-7\@desktop,
  .gr-8\@desktop,
  .gr-9\@desktop,
  .gr-10\@desktop,
  .gr-11\@desktop,
  .gr-12\@desktop,
  .gr-0\@xl-desktop,
  .gr-1\@xl-desktop,
  .gr-2\@xl-desktop,
  .gr-3\@xl-desktop,
  .gr-4\@xl-desktop,
  .gr-5\@xl-desktop,
  .gr-6\@xl-desktop,
  .gr-7\@xl-desktop,
  .gr-8\@xl-desktop,
  .gr-9\@xl-desktop,
  .gr-10\@xl-desktop,
  .gr-11\@xl-desktop,
  .gr-12\@xl-desktop {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  .gr-grow,
  .gr-grow\@smartphone,
  .gr-grow\@mobile,
  .gr-grow\@tablet,
  .gr-grow\@desktop,
  .gr-grow\@xl-desktop {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
  .gr-adapt,
  .gr-adapt\@smartphone,
  .gr-adapt\@mobile,
  .gr-adapt\@tablet,
  .gr-adapt\@desktop,
  .gr-adapt\@xl-desktop {
    padding-right: 7.5px;
    padding-left: 7.5px;
  }
}

[class*='gr-'] > [class^='row'],
[class*='gr-'] > [class^='col'] {
  margin-left: -10px;
  margin-right: -10px;
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  [class*='gr-'] > [class^='row'],
  [class*='gr-'] > [class^='col'] {
    margin-left: -5px;
    margin-right: -5px;
  }
}

@media screen and (max-width: 768px) {
  [class*='gr-'] > [class^='row'],
  [class*='gr-'] > [class^='col'] {
    margin-left: -5px;
    margin-right: -5px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  [class*='gr-'] > [class^='row'],
  [class*='gr-'] > [class^='col'] {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}

@media screen and (min-width: 768px) {
  [class*='gr-'] > [class^='row'],
  [class*='gr-'] > [class^='col'] {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (min-width: 1080px) {
  [class*='gr-'] > [class^='row'],
  [class*='gr-'] > [class^='col'] {
    margin-left: -10px;
    margin-right: -10px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  .tablet-d-b {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .mobile-d-b {
    display: block !important;
  }
}

.simple-gr-1 {
  width: 8.33333% !important;
}

.simple-gr-2 {
  width: 16.66667% !important;
}

.simple-gr-3 {
  width: 25% !important;
}

.simple-gr-4 {
  width: 33.33333% !important;
}

.simple-gr-5 {
  width: 41.66667% !important;
}

.simple-gr-6 {
  width: 50% !important;
}

.simple-gr-7 {
  width: 58.33333% !important;
}

.simple-gr-8 {
  width: 66.66667% !important;
}

.simple-gr-9 {
  width: 75% !important;
}

.simple-gr-10 {
  width: 83.33333% !important;
}

.simple-gr-11 {
  width: 91.66667% !important;
}

.simple-gr-12 {
  width: 100% !important;
}

@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}

@-moz-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -moz-transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
  }
}

@-ms-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -ms-transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-30px);
  }
  60% {
    -ms-transform: translateY(-15px);
  }
}

@-o-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -o-transform: translateY(0);
  }
  40% {
    -o-transform: translateY(-30px);
  }
  60% {
    -o-transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}

@-webkit-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-moz-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-ms-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-o-keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}

@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes shake {
  0%,
  100% {
    -webkit-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -webkit-transform: translateX(10px);
  }
}

@-moz-keyframes shake {
  0%,
  100% {
    -moz-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -moz-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -moz-transform: translateX(10px);
  }
}

@-ms-keyframes shake {
  0%,
  100% {
    -ms-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -ms-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -ms-transform: translateX(10px);
  }
}

@-o-keyframes shake {
  0%,
  100% {
    -o-transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    -o-transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    -o-transform: translateX(10px);
  }
}

@keyframes shake {
  0%,
  100% {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(10px);
  }
}

@-webkit-keyframes swing {
  20%,
  40%,
  60%,
  80%,
  100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }
  40% {
    -moz-transform: rotate(-10deg);
  }
  60% {
    -moz-transform: rotate(5deg);
  }
  80% {
    -moz-transform: rotate(-5deg);
  }
  100% {
    -moz-transform: rotate(0deg);
  }
}

@-ms-keyframes swing {
  20% {
    -ms-transform: rotate(15deg);
  }
  40% {
    -ms-transform: rotate(-10deg);
  }
  60% {
    -ms-transform: rotate(5deg);
  }
  80% {
    -ms-transform: rotate(-5deg);
  }
  100% {
    -ms-transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }
  40% {
    -o-transform: rotate(-10deg);
  }
  60% {
    -o-transform: rotate(5deg);
  }
  80% {
    -o-transform: rotate(-5deg);
  }
  100% {
    -o-transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%,
  20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}

@-moz-keyframes tada {
  0% {
    -moz-transform: scale(1);
  }
  10%,
  20% {
    -moz-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -moz-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -moz-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -moz-transform: scale(1) rotate(0);
  }
}

@-ms-keyframes tada {
  0% {
    -ms-transform: scale(1);
  }
  10%,
  20% {
    -ms-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -ms-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -ms-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -ms-transform: scale(1) rotate(0);
  }
}

@-o-keyframes tada {
  0% {
    -o-transform: scale(1);
  }
  10%,
  20% {
    -o-transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -o-transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    -o-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -o-transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}

@-moz-keyframes wobble {
  0% {
    -moz-transform: translateX(0%);
  }
  15% {
    -moz-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -moz-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -moz-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -moz-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -moz-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -moz-transform: translateX(0%);
  }
}

@-ms-keyframes wobble {
  0% {
    -ms-transform: translateX(0%);
  }
  15% {
    -ms-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -ms-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -ms-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -ms-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -ms-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -ms-transform: translateX(0%);
  }
}

@-o-keyframes wobble {
  0% {
    -o-transform: translateX(0%);
  }
  15% {
    -o-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -o-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -o-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -o-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -o-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -o-transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes bounceIn {
  0% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.05);
  }
  70% {
    -moz-transform: scale(0.9);
  }
  100% {
    -moz-transform: scale(1);
  }
}

@-ms-keyframes bounceIn {
  0% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.05);
  }
  70% {
    -ms-transform: scale(0.9);
  }
  100% {
    -ms-transform: scale(1);
  }
}

@-o-keyframes bounceIn {
  0% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.05);
  }
  70% {
    -o-transform: scale(0.9);
  }
  100% {
    -o-transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(30px);
  }
  80% {
    -moz-transform: translateY(-10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes bounceInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(30px);
  }
  80% {
    -ms-transform: translateY(-10px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}

@-o-keyframes bounceInDown {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(30px);
  }
  80% {
    -o-transform: translateY(-10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(30px);
  }
  80% {
    -moz-transform: translateX(-10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(30px);
  }
  80% {
    -ms-transform: translateX(-10px);
  }
  100% {
    -ms-transform: translateX(0);
  }
}

@-o-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(30px);
  }
  80% {
    -o-transform: translateX(-10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes bounceInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateX(-30px);
  }
  80% {
    -moz-transform: translateX(10px);
  }
  100% {
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes bounceInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateX(-30px);
  }
  80% {
    -ms-transform: translateX(10px);
  }
  100% {
    -ms-transform: translateX(0);
  }
}

@-o-keyframes bounceInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateX(-30px);
  }
  80% {
    -o-transform: translateX(10px);
  }
  100% {
    -o-transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes bounceInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -moz-transform: translateY(-30px);
  }
  80% {
    -moz-transform: translateY(10px);
  }
  100% {
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes bounceInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -ms-transform: translateY(-30px);
  }
  80% {
    -ms-transform: translateY(10px);
  }
  100% {
    -ms-transform: translateY(0);
  }
}

@-o-keyframes bounceInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -o-transform: translateY(-30px);
  }
  80% {
    -o-transform: translateY(10px);
  }
  100% {
    -o-transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}

@-moz-keyframes bounceOut {
  0% {
    -moz-transform: scale(1);
  }
  25% {
    -moz-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -moz-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -moz-transform: scale(0.3);
  }
}

@-ms-keyframes bounceOut {
  0% {
    -ms-transform: scale(1);
  }
  25% {
    -ms-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -ms-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -ms-transform: scale(0.3);
  }
}

@-o-keyframes bounceOut {
  0% {
    -o-transform: scale(1);
  }
  25% {
    -o-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -o-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -o-transform: scale(0.3);
  }
}

@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes bounceOutDown {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-ms-keyframes bounceOutDown {
  0% {
    -ms-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}

@-o-keyframes bounceOutDown {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes bounceOutLeft {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-ms-keyframes bounceOutLeft {
  0% {
    -ms-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}

@-o-keyframes bounceOutLeft {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes bounceOutRight {
  0% {
    -moz-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-ms-keyframes bounceOutRight {
  0% {
    -ms-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}

@-o-keyframes bounceOutRight {
  0% {
    -o-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes bounceOutUp {
  0% {
    -moz-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-ms-keyframes bounceOutUp {
  0% {
    -ms-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
}

@-o-keyframes bounceOutUp {
  0% {
    -o-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRight {
  0% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInRight {
  0% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInRight {
  0% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}

@-moz-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
}

@-ms-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
}

@-o-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
}

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}

@-moz-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(2000px);
  }
}

@-ms-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(2000px);
  }
}

@-o-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}

@-moz-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-20px);
  }
}

@-ms-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-20px);
  }
}

@-o-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}

@-moz-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(-2000px);
  }
}

@-ms-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(-2000px);
  }
}

@-o-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}

@-moz-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(20px);
  }
}

@-ms-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(20px);
  }
}

@-o-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}

@-moz-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -moz-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(2000px);
  }
}

@-ms-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -ms-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(2000px);
  }
}

@-o-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -o-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}

@-moz-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-20px);
  }
}

@-ms-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -ms-transform: translateY(-20px);
  }
}

@-o-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}

@-moz-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -moz-transform: translateY(-2000px);
  }
}

@-o-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -o-transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotateY(0);
    -webkit-animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -webkit-animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) scale(1);
    -webkit-animation-timing-function: ease-in;
  }
}

@-moz-keyframes flip {
  0% {
    -moz-transform: perspective(400px) rotateY(0);
    -moz-animation-timing-function: ease-out;
  }
  40% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -moz-animation-timing-function: ease-out;
  }
  50% {
    -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -moz-animation-timing-function: ease-in;
  }
  80% {
    -moz-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: perspective(400px) scale(1);
    -moz-animation-timing-function: ease-in;
  }
}

@-o-keyframes flip {
  0% {
    -o-transform: perspective(400px) rotateY(0);
    -o-animation-timing-function: ease-out;
  }
  40% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
    -o-animation-timing-function: ease-out;
  }
  50% {
    -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -o-animation-timing-function: ease-in;
  }
  80% {
    -o-transform: perspective(400px) rotateY(360deg) scale(0.95);
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: perspective(400px) scale(1);
    -o-animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    transform: perspective(400px) rotateY(0);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) rotateY(360deg) scale(0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px) scale(1);
    animation-timing-function: ease-in;
  }
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-moz-keyframes flipInX {
  0% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInX {
  0% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-moz-keyframes flipInY {
  0% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -moz-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -moz-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-ms-keyframes flipInY {
  0% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -ms-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -ms-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-o-keyframes flipInY {
  0% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -o-transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -o-transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutX {
  0% {
    -moz-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-ms-keyframes flipOutX {
  0% {
    -ms-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -ms-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutX {
  0% {
    -o-transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-moz-keyframes flipOutY {
  0% {
    -moz-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-ms-keyframes flipOutY {
  0% {
    -ms-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -ms-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-o-keyframes flipOutY {
  0% {
    -o-transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-moz-keyframes lightSpeedIn {
  0% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -moz-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -moz-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-ms-keyframes lightSpeedIn {
  0% {
    -ms-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -ms-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -ms-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -ms-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-o-keyframes lightSpeedIn {
  0% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -o-transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -o-transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-moz-keyframes lightSpeedOut {
  0% {
    -moz-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -moz-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-ms-keyframes lightSpeedOut {
  0% {
    -ms-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -ms-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-o-keyframes lightSpeedOut {
  0% {
    -o-transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    -o-transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateIn {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateIn {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateIn {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
}

@-moz-keyframes rotateInUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
}

@-ms-keyframes rotateInUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
}

@-o-keyframes rotateInUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(200deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOut {
  0% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: center center;
    -moz-transform: rotate(200deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOut {
  0% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: center center;
    -ms-transform: rotate(200deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOut {
  0% {
    -o-transform-origin: center center;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: center center;
    -o-transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutDownRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutDownRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutDownRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpLeft {
  0% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: left bottom;
    -moz-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpLeft {
  0% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: left bottom;
    -ms-transform: rotate(-90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpLeft {
  0% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: left bottom;
    -o-transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    opacity: 0;
  }
}

@-moz-keyframes rotateOutUpRight {
  0% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -moz-transform-origin: right bottom;
    -moz-transform: rotate(90deg);
    opacity: 0;
  }
}

@-ms-keyframes rotateOutUpRight {
  0% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -ms-transform-origin: right bottom;
    -ms-transform: rotate(90deg);
    opacity: 0;
  }
}

@-o-keyframes rotateOutUpRight {
  0% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(0);
    opacity: 1;
  }
  100% {
    -o-transform-origin: right bottom;
    -o-transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -webkit-transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    opacity: 0;
  }
}

@-moz-keyframes hinge {
  0% {
    -moz-transform: rotate(0);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -moz-transform: rotate(80deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  40% {
    -moz-transform: rotate(60deg);
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  80% {
    -moz-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -moz-transform-origin: top left;
    -moz-animation-timing-function: ease-in-out;
  }
  100% {
    -moz-transform: translateY(700px);
    opacity: 0;
  }
}

@-ms-keyframes hinge {
  0% {
    -ms-transform: rotate(0);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -ms-transform: rotate(80deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  40% {
    -ms-transform: rotate(60deg);
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  80% {
    -ms-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -ms-transform-origin: top left;
    -ms-animation-timing-function: ease-in-out;
  }
  100% {
    -ms-transform: translateY(700px);
    opacity: 0;
  }
}

@-o-keyframes hinge {
  0% {
    -o-transform: rotate(0);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    -o-transform: rotate(80deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  40% {
    -o-transform: rotate(60deg);
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  80% {
    -o-transform: rotate(60deg) translateY(0);
    opacity: 1;
    -o-transform-origin: top left;
    -o-animation-timing-function: ease-in-out;
  }
  100% {
    -o-transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
}

@-moz-keyframes rollIn {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
}

@-ms-keyframes rollIn {
  0% {
    opacity: 0;
    -ms-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
  }
}

@-o-keyframes rollIn {
  0% {
    opacity: 0;
    -o-transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
  }
}

@-moz-keyframes rollOut {
  0% {
    opacity: 1;
    -moz-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -moz-transform: translateX(100%) rotate(120deg);
  }
}

@-ms-keyframes rollOut {
  0% {
    opacity: 1;
    -ms-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -ms-transform: translateX(100%) rotate(120deg);
  }
}

@-o-keyframes rollOut {
  0% {
    opacity: 1;
    -o-transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -o-transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}

input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

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

td,
th {
  padding: 0;
}

.d-b {
  display: block !important;
}

.d-i {
  display: inline !important;
}

.d-ib {
  display: inline-block !important;
  max-width: 100%;
}

.d-tb {
  display: table !important;
}

.d-tbc {
  display: table-cell !important;
}

.d-tbr {
  display: table-row !important;
}

.vh {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.fl-l {
  float: left !important;
}

.fl-r {
  float: right !important;
}

.fl-n {
  float: none !important;
}

.cl-b {
  clear: both !important;
}

.cl-n {
  clear: none !important;
}

.cl-l {
  clear: left !important;
}

.cl-r {
  clear: right !important;
}

.cf:before,
.cf:after {
  content: ' ';
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.rwd-img {
  max-width: 100%;
  height: auto;
}

.rwd-img-st {
  width: 100%;
  height: auto;
}

.intrinsic {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  text-align: center;
}

.intrinsic div,
.intrinsic embed,
.intrinsic object,
.intrinsic iframe {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

.ir {
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
}

.pos-r {
  position: relative !important;
}

.pos-s {
  position: static !important;
}

.pos-a {
  position: absolute !important;
}

.pos-f {
  position: fixed !important;
  backface-visibility: hidden;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-xxs {
  margin-top: 0.14591em !important;
}

.mt-xs {
  margin-top: 0.23608em !important;
}

.mt-s {
  margin-top: 0.61805em !important;
}

.mt {
  margin-top: 1em !important;
}

.mt-l {
  margin-top: 1.618em !important;
}

.mt-xl {
  margin-top: 4.2358em !important;
}

.mt-xxl {
  margin-top: 6.85353em !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-xxs {
  padding-top: 0.14591em !important;
}

.pt-xs {
  padding-top: 0.23608em !important;
}

.pt-s {
  padding-top: 0.61805em !important;
}

.pt {
  padding-top: 1em !important;
}

.pt-l {
  padding-top: 1.618em !important;
}

.pt-xl {
  padding-top: 4.2358em !important;
}

.pt-xxl {
  padding-top: 6.85353em !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mr-xxs {
  margin-right: 0.14591em !important;
}

.mr-xs {
  margin-right: 0.23608em !important;
}

.mr-s {
  margin-right: 0.61805em !important;
}

.mr {
  margin-right: 1em !important;
}

.mr-l {
  margin-right: 1.618em !important;
}

.mr-xl {
  margin-right: 4.2358em !important;
}

.mr-xxl {
  margin-right: 6.85353em !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-xxs {
  padding-right: 0.14591em !important;
}

.pr-xs {
  padding-right: 0.23608em !important;
}

.pr-s {
  padding-right: 0.61805em !important;
}

.pr {
  padding-right: 1em !important;
}

.pr-l {
  padding-right: 1.618em !important;
}

.pr-xl {
  padding-right: 4.2358em !important;
}

.pr-xxl {
  padding-right: 6.85353em !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-xxs {
  margin-bottom: 0.14591em !important;
}

.mb-xs {
  margin-bottom: 0.23608em !important;
}

.mb-s {
  margin-bottom: 0.61805em !important;
}

.mb {
  margin-bottom: 1em !important;
}

.mb-l {
  margin-bottom: 1.618em !important;
}

.mb-xl {
  margin-bottom: 4.2358em !important;
}

.mb-xxl {
  margin-bottom: 6.85353em !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-xxs {
  padding-bottom: 0.14591em !important;
}

.pb-xs {
  padding-bottom: 0.23608em !important;
}

.pb-s {
  padding-bottom: 0.61805em !important;
}

.pb {
  padding-bottom: 1em !important;
}

.pb-l {
  padding-bottom: 1.618em !important;
}

.pb-xl {
  padding-bottom: 4.2358em !important;
}

.pb-xxl {
  padding-bottom: 6.85353em !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-xxs {
  margin-left: 0.14591em !important;
}

.ml-xs {
  margin-left: 0.23608em !important;
}

.ml-s {
  margin-left: 0.61805em !important;
}

.ml {
  margin-left: 1em !important;
}

.ml-l {
  margin-left: 1.618em !important;
}

.ml-xl {
  margin-left: 4.2358em !important;
}

.ml-xxl {
  margin-left: 6.85353em !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pl-xxs {
  padding-left: 0.14591em !important;
}

.pl-xs {
  padding-left: 0.23608em !important;
}

.pl-s {
  padding-left: 0.61805em !important;
}

.pl {
  padding-left: 1em !important;
}

.pl-l {
  padding-left: 1.618em !important;
}

.pl-xl {
  padding-left: 4.2358em !important;
}

.pl-xxl {
  padding-left: 6.85353em !important;
}

.ml-a {
  margin-left: auto !important;
}

.mr-a {
  margin-right: auto !important;
}

.ta-l {
  text-align: left !important;
}

.ta-c {
  text-align: center !important;
}

.ta-r {
  text-align: right !important;
}

.ta-j {
  text-align: justify !important;
}

.c-i {
  color: inherit !important;
}

.kern {
  text-rendering: optimizeLegibility;
  font-feature-settings: 'kern' 1;
  font-kerning: normal;
}

.whs-nw {
  white-space: nowrap !important;
}

.truncate {
  max-width: 100%;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-wrap: normal !important;
}

.fw-l {
  font-weight: 200 !important;
}

.fw-n {
  font-weight: 400 !important;
}

.fw-b {
  font-weight: 700 !important;
}

.fs-i {
  font-style: italic !important;
}

.tt-u {
  text-transform: uppercase !important;
}

.wfsm {
  -webkit-font-smoothing: antialiased;
}

.va-t {
  vertical-align: top !important;
}

.va-m {
  vertical-align: middle !important;
}

.va-b {
  vertical-align: bottom !important;
}

.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden;
}

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
  display: none;
}

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto;
}

.mfp-ajax-cur {
  cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out;
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
  cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.mfp-loading.mfp-figure {
  display: none;
}

.mfp-hide {
  display: none !important;
}

.mfp-preloader {
  color: #ccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044;
}

.mfp-preloader a {
  color: #ccc;
}

.mfp-preloader a:hover {
  color: #fff;
}

.mfp-s-ready .mfp-preloader {
  display: none;
}

.mfp-s-error .mfp-content {
  display: none;
}

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  filter: alpha(opacity=65);
  padding: 0 0 18px 10px;
  color: #fff;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-close:active {
  top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #fff;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%;
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #ccc;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap;
}

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}

.mfp-arrow:active {
  margin-top: -54px;
}

.mfp-arrow:hover,
.mfp-arrow:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}

.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: medium inset transparent;
}

.mfp-arrow:after,
.mfp-arrow .mfp-a {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px;
}

.mfp-arrow:before,
.mfp-arrow .mfp-b {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}

.mfp-arrow-left {
  left: 0;
}

.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
  border-right: 17px solid #fff;
  margin-left: 31px;
}

.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
  margin-left: 25px;
  border-right: 27px solid #3f3f3f;
}

.mfp-arrow-right {
  right: 0;
}

.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
  border-left: 17px solid #fff;
  margin-left: 39px;
}

.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
  border-left: 27px solid #3f3f3f;
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
  top: -40px;
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto;
}

.mfp-figure {
  line-height: 0;
}

.mfp-figure:after {
  content: '';
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #444;
}

.mfp-figure small {
  color: #bdbdbd;
  display: block;
  font-size: 12px;
  line-height: 14px;
}

.mfp-figure figure {
  margin: 0;
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto;
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px;
}

.mfp-image-holder .mfp-content {
  max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0;
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0;
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0;
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px;
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0;
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px;
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0;
  }
}

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0;
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%;
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px;
  }
}

.mfp-ie7 .mfp-img {
  padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
  padding: 0;
}

.mfp-ie7 .mfp-content {
  padding-top: 44px;
}

.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir='rtl'] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role='group'] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled='true'] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected='true'] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option
  .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 5px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #ffffff 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir='rtl'] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #ffffff 100%);
  background-repeat: repeat-x;
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 5px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 5px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir='rtl'] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role='group'] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled='true'] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.container {
  max-width: 1080px;
  min-width: 0;
  margin: 0 auto;
}

html {
  font-family: 'proxima-nova', sans-serif;
  font-size: 100%;
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}

body.website {
  background: #f9f8f6;
  padding: 0;
  margin: 0;
  color: #313334;
}

div.hero {
  background-color: #242425;
}

div.hero.hero-about {
  background-image: url(../jpg/f8d8e3d6d02f8ddb64be.jpg);
  background-position: top center;
  background-size: cover;
}

div.hero.hero-about h1 {
  font-size: 64px;
  font-size: 4rem;
  color: #f9f8f6;
  text-align: center;
  font-weight: 300;
  margin: 42px 0;
}

div.hero.hero-about p {
  color: #f9f8f6;
  text-align: center;
  margin: 64px 0 96px;
}

div.hero.hero-about p img {
  height: 96px;
  max-width: 100%;
}

div.hero.hero-index {
  background-image: url(../jpg/6d4d8645bfcf343098c2.jpg);
  background-position: top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  min-height: 700px;
}

@media screen and (max-width: 768px) {
  div.hero.hero-index {
    min-height: 560px;
  }
}

@media screen and (min-width: 0px) and (max-width: 481px) {
  div.hero.hero-index {
    min-height: 510px;
  }
}

div.hero.hero-index .list-check ul {
  list-style: none;
  padding-left: 0;
}

div.hero.hero-index .list-check ul li {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  margin: 1rem 0;
  text-align: left;
  padding: 3px 0 5px 34px;
  background: url(../png/bdfe697e20ecd2700c7b.png);
  background-repeat: no-repeat;
  background-position-y: 20%;
}

div.hero.hero-index form button {
  margin-top: 10px;
}

div.hero.hero-index .image-devices {
  margin-top: 70px;
}

div.hero.hero-index .apple-devices {
  max-width: 100%;
}

div.hero.hero-index .testimonial-top {
  width: 300px;
  display: block;
  position: relative;
  z-index: 99999;
  margin-top: -43%;
}

div.hero.hero-index .testimonial-top img {
  -moz-border-radius-topleft: 50px;
  -webkit-border-top-left-radius: 50px;
  border-top-left-radius: 50px;
  -moz-border-radius-topright: 50px;
  -webkit-border-top-right-radius: 50px;
  border-top-right-radius: 50px;
  max-height: 100px;
}

div.hero.hero-index .testimonial-top-content {
  background: #ffffff;
  padding: 10px;
  margin-top: -5px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-top-left-radius: 0px;
  border-top-left-radius: 0px;
}

div.hero.hero-index .testimonial-top p {
  text-align: right;
  font-size: 16px;
  font-size: 1rem;
  color: #313334;
  margin: 0;
  font-weight: 500;
}

div.hero.hero-index .testimonial-top p.quote {
  text-align: left;
  font-weight: 300;
}

div.hero.hero-index div.fullwidth-content {
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  min-height: 100%;
}

div.hero.hero-index div.fullwidth-video {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform-style: preserve-3d;
}

div.hero.hero-index div.fullwidth-video video {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  min-height: 100%;
  min-width: 100%;
}

@media screen and (max-width: 768px) {
  div.hero.hero-index div.fullwidth-video video {
    height: 100%;
  }
}

div.hero.hero-index div.container {
  z-index: 10;
}

div.hero.hero-index div.no-padding {
  padding: 0;
}

div.hero.hero-index h1 {
  margin: 4rem 0 0;
  color: #f9f8f6;
  font-size: 33px;
  font-size: 2.1rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: left;
}

div.hero.hero-index h1 span {
  border: solid 2px #75bd43;
  padding: 0.8125rem 1.25rem;
}

div.hero.hero-index h2 {
  margin: 2.625rem 0 2.625rem;
  color: #f9f8f6;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

div.hero.hero-index p {
  margin: 96px 0 96px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  div.hero.hero-index p {
    margin-top: 64px;
  }
}

div.hero.hero-index p a {
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

div.hero.hero-index p a,
div.hero.hero-index p a:active,
div.hero.hero-index p a:visited,
div.hero.hero-index p a:hover {
  background: #75bd43;
  border-radius: 1.75rem;
  padding: 1rem 2.625rem;
  color: #f9f8f6;
  text-decoration: none;
  text-transform: uppercase;
}

div.hero.hero-index p a:hover {
  background: #75bd43;
  color: #242425;
}

div.hero.hero-ios h1 {
  margin: 4rem 0 0;
  color: #f9f8f6;
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
}

div.hero.hero-ios h2 {
  margin: 2.625rem 0 2.625rem;
  color: #f9f8f6;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2.625rem;
  font-weight: 200;
  text-transform: uppercase;
  text-align: center;
}

div.hero.hero-blog {
  background: #75bd43;
  background-image: url(../jpg/f8d8e3d6d02f8ddb64be.jpg);
  background-position: top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  min-height: 700px;
}

@media screen and (max-width: 768px) {
  div.hero.hero-blog {
    min-height: 450px;
  }
}

div.hero.hero-blog h1,
div.hero.hero-blog h2 {
  font-size: 64px;
  font-size: 4rem;
  color: #f9f8f6;
  text-align: center;
}

div.hero.hero-blog h1 {
  margin: 1.25rem 0 0;
  font-weight: 700;
  line-height: 6rem;
}

div.hero.hero-blog h2 {
  margin: 0;
  font-weight: 300;
}

div.hero.hero-blog div.header nav li a.pined {
  border: solid 2px white;
}

div.hero.hero-blog div.header nav li a.pined:hover {
  color: #75bd43;
  background: white;
}

div.hero.hero-future {
  background-image: none;
  background: #313334;
  min-height: 600px;
}

div.hero.hero-future h1,
div.hero.hero-future h2 {
  max-width: 650px;
  display: inline-block;
  color: #ffffff;
  text-align: left;
  text-transform: uppercase;
}

div.hero.hero-future h1 {
  margin: 0;
  font-size: 58px;
  font-size: 3.625rem;
  font-weight: 700;
}

div.hero.hero-future h2 {
  margin: 1.25rem 0;
  color: #ffffff;
  font-size: 39px;
  font-size: 2.4375rem;
  line-height: 2.625rem;
  font-weight: 600;
}

div.hero.hero-future h3 {
  color: #ffffff;
  text-transform: uppercase;
  font-weight: bold;
  text-align: right;
  margin: 1.25rem 0 0 0;
  font-size: 39px;
  font-size: 2.4375rem;
  padding-right: 10px;
}

div.hero.hero-future img.arrow {
  margin: 18% 0 0 1.25rem;
}

div.hero.hero-future .video {
  float: right;
  margin-top: 12px;
}

div.hero.hero-future .container {
  max-width: 1280px;
}

div.hero.hero-future form {
  margin: 1.25rem 0 2.625rem 0;
}

div.hero.hero-future form button {
  text-transform: uppercase;
}

div.hero.hero-future div.header nav {
  display: none;
}

div.hero.hero-future button.small-text {
  font-size: 16px;
  font-size: 1rem;
}

div.hero.hero-answer-engine {
  overflow: visible;
  min-height: 520px;
}

div.hero.hero-answer-engine h1,
div.hero.hero-answer-engine h2 {
  max-width: 600px;
  display: block;
}

div.hero.hero-answer-engine .answer-engine {
  display: inline-block;
  position: absolute;
  z-index: 10;
  top: 0;
  width: 100%;
  max-width: 1280px;
  margin-left: -10px;
}

div.hero.hero-answer-engine .answer-engine img {
  display: inline-block;
  float: right;
  position: relative;
  z-index: 100;
  margin-right: 3px;
}

div.hero.hero-answer-engine .answer-engine:before {
  content: '';
  width: 40%;
  max-width: 600px;
  display: inline-block;
}

div.hero.hero-answer-engine .analysis {
  margin-top: -80px;
}

div.hero.hero-answer-engine .header {
  padding-top: 2rem;
  margin: 0;
}

div.hero.hero-intro,
div.hero.hero-statcounter,
div.hero.hero-resaas,
div.hero.hero-prodigio,
div.hero.hero-realestate {
  background: #75bd43;
  background-image: url(../jpg/f8d8e3d6d02f8ddb64be.jpg);
  background-position: top center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  min-height: 700px;
}

@media screen and (max-width: 768px) {
  div.hero.hero-intro,
  div.hero.hero-statcounter,
  div.hero.hero-resaas,
  div.hero.hero-prodigio,
  div.hero.hero-realestate {
    min-height: 450px;
  }
}

div.hero.hero-intro h1,
div.hero.hero-intro h2,
div.hero.hero-intro h3,
div.hero.hero-statcounter h1,
div.hero.hero-statcounter h2,
div.hero.hero-statcounter h3,
div.hero.hero-resaas h1,
div.hero.hero-resaas h2,
div.hero.hero-resaas h3,
div.hero.hero-prodigio h1,
div.hero.hero-prodigio h2,
div.hero.hero-prodigio h3,
div.hero.hero-realestate h1,
div.hero.hero-realestate h2,
div.hero.hero-realestate h3 {
  color: #f9f8f6;
  text-align: center;
}

div.hero.hero-intro h1,
div.hero.hero-statcounter h1,
div.hero.hero-resaas h1,
div.hero.hero-prodigio h1,
div.hero.hero-realestate h1 {
  font-size: 42px;
  font-size: 2.625rem;
  margin: 1.25rem 0 1.25rem 0;
  font-weight: 700;
}

div.hero.hero-intro h2,
div.hero.hero-statcounter h2,
div.hero.hero-resaas h2,
div.hero.hero-prodigio h2,
div.hero.hero-realestate h2 {
  margin: 0;
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 300;
}

div.hero.hero-intro h3,
div.hero.hero-statcounter h3,
div.hero.hero-resaas h3,
div.hero.hero-prodigio h3,
div.hero.hero-realestate h3 {
  margin: 0;
  font-size: 26px;
  font-size: 1.625rem;
  font-weight: 700;
}

div.hero.hero-intro div.header nav li a.pined,
div.hero.hero-statcounter div.header nav li a.pined,
div.hero.hero-resaas div.header nav li a.pined,
div.hero.hero-prodigio div.header nav li a.pined,
div.hero.hero-realestate div.header nav li a.pined {
  border: solid 2px white;
}

div.hero.hero-intro div.header nav li a.pined:hover,
div.hero.hero-statcounter div.header nav li a.pined:hover,
div.hero.hero-resaas div.header nav li a.pined:hover,
div.hero.hero-prodigio div.header nav li a.pined:hover,
div.hero.hero-realestate div.header nav li a.pined:hover {
  color: #75bd43;
  background: white;
}

div.hero.hero-intro .pined-button,
div.hero.hero-statcounter .pined-button,
div.hero.hero-resaas .pined-button,
div.hero.hero-prodigio .pined-button,
div.hero.hero-realestate .pined-button {
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-size: 20px;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  padding: 0.8125rem 1.25rem;
  margin: 2.625rem 0 1.25rem 0;
  border: solid 2px white;
  border-radius: 5px;
  background: transparent;
  font-weight: bold;
  color: white;
  background: none;
  text-decoration: none;
}

div.hero.hero-intro .pined-button:hover,
div.hero.hero-statcounter .pined-button:hover,
div.hero.hero-resaas .pined-button:hover,
div.hero.hero-prodigio .pined-button:hover,
div.hero.hero-realestate .pined-button:hover {
  background: white;
  color: #75bd43;
}

div.hero.hero-resaas,
div.hero.hero-prodigio {
  background-image: url(../jpg/f8d8e3d6d02f8ddb64be.jpg);
  padding-bottom: 2.625rem;
}

div.hero.hero-resaas .form-row.mt,
div.hero.hero-prodigio .form-row.mt {
  margin-top: 1rem;
}

div.hero.hero-resaas h3,
div.hero.hero-prodigio h3 {
  margin-bottom: 1.25rem;
}

div.hero.hero-resaas input[type='text'],
div.hero.hero-resaas input[type='email'],
div.hero.hero-prodigio input[type='text'],
div.hero.hero-prodigio input[type='email'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 3.25rem;
  height: 3.25rem;
  background: #f9f8f6;
  color: #acadad;
  border: none;
}

div.hero.hero-resaas input[type='text']:focus,
div.hero.hero-resaas input[type='email']:focus,
div.hero.hero-prodigio input[type='text']:focus,
div.hero.hero-prodigio input[type='email']:focus {
  color: #75bd43;
}

div.hero.hero-resaas button[type='submit'],
div.hero.hero-prodigio button[type='submit'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  height: 3.25rem;
  background: #e5b803;
  color: #f9f8f6;
  border: none;
}

div.hero.hero-resaas button[type='submit']:hover,
div.hero.hero-resaas button[type='submit']:focus,
div.hero.hero-resaas button[type='submit']:active,
div.hero.hero-prodigio button[type='submit']:hover,
div.hero.hero-prodigio button[type='submit']:focus,
div.hero.hero-prodigio button[type='submit']:active {
  background: #fddb51;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  div.hero.hero-resaas button[type='submit'],
  div.hero.hero-prodigio button[type='submit'] {
    margin-top: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  div.hero.hero-resaas button[type='submit'],
  div.hero.hero-prodigio button[type='submit'] {
    margin-top: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  div.hero.hero-statcounter,
  div.hero.hero-resaas,
  div.hero.hero-prodigio {
    min-height: 500px;
  }
}

div.hero.hero-realestate h1 {
  font-size: 38px;
  font-size: 2.375rem;
  margin: 1.25rem 0 4rem 0;
  font-weight: 700;
}

div.hero.hero-realestate h2 {
  margin: 0 0 4rem 0;
  font-size: 38px;
  font-size: 2.375rem;
  font-weight: 300;
}

div.hero.hero-realestate .btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  display: block;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  height: 3.25rem;
  background: white;
  color: #75bd43;
  border: none;
  text-decoration: none;
  border-radius: 0.1875rem;
}

div.hero.hero-realestate .btn:hover,
div.hero.hero-realestate .btn:focus,
div.hero.hero-realestate .btn:active {
  background: white;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  div.hero.hero-realestate .btn {
    margin-top: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  div.hero.hero-realestate .btn {
    margin-top: 0.9375rem;
  }
}

div.hero div.header {
  padding: 3.25rem 0 2rem;
  margin: 0 2rem;
}

div.hero div.header:after {
  content: '';
  display: block;
  clear: both;
}

div.hero div.header a.logo img {
  height: 8rem;
  margin-top: -2.66667rem;
}

div.hero div.header .logos-top-diib {
  float: left;
  margin-right: 50px;
}

div.hero div.header .logos-top {
  float: left;
  width: 330px;
  display: none;
  margin-right: 20px;
}

div.hero div.header .logos-top img {
  margin-right: 20px;
}

@media screen and (min-width: 1080px) {
  div.hero div.header .logos-top {
    display: block;
  }
}

div.hero div.header nav {
  display: inline;
  float: right;
  margin: 0.5rem 0;
  padding: 0;
}

div.hero div.header nav li {
  display: inline;
  margin: 1rem 1.25rem;
  padding: 0;
  text-transform: uppercase;
}

@media screen and (max-width: 768px) {
  div.hero div.header nav li.hide\@mobile {
    display: none;
  }
}

div.hero div.header nav li a,
div.hero div.header nav li a:active,
div.hero div.header nav li a:hover,
div.hero div.header nav li a:visited {
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  -webkit-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: #f9f8f6;
  text-decoration: none;
  letter-spacing: 0.07143rem;
  font-size: 0.9375rem;
  font-weight: 400;
}

div.hero div.header nav li a:hover {
  color: #afd46f;
}

div.hero div.header nav li a.pined {
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  padding: 0.8125rem 1.25rem;
  border: solid 2px #75bd43;
  border-radius: 5px;
  background: transparent;
}

div.hero div.header nav li a.pined:hover {
  color: #f9f8f6;
  background: #75bd43;
}

div.hero div.analysis {
  padding: 0 0 6rem 0;
}

#contact-form h3 {
  text-transform: none;
  font-size: 35px;
  font-size: 2.1875rem;
}

div.what {
  background: #f9f8f6;
  padding: 4rem 4rem;
}

div.what h2 {
  color: #75bd43;
  font-weight: 200;
  font-size: 42px;
  font-size: 2.625rem;
  text-transform: uppercase;
}

div.what p {
  line-height: 150%;
}

div.what p span.green {
  color: #75bd43;
}

div.what a {
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: 30%;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  height: 3.25rem;
  background: #75bd43;
  color: #f9f8f6;
  border: none;
  text-decoration: none;
}

div.what a:hover,
div.what a:focus,
div.what a:active {
  background: #c5e096;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  div.what a {
    margin-top: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  div.what a {
    margin-top: 0.9375rem;
  }
}

div.what img {
  max-width: 100%;
}

div.cityweekly {
  background: #ffffff;
  padding: 2.625rem 0;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
}

div.cityweekly img.logotypes {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 908px;
  margin-bottom: 2.625rem;
}

div.cityweekly h1 {
  color: #75bd43;
  text-transform: uppercase;
  font-weight: bold;
  margin: 2.625rem auto;
  text-align: center;
}

div.cityweekly input[type='text'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 3.25rem;
  height: 3.25rem;
  background: #f9f8f6;
  color: #acadad;
  border: none;
}

div.cityweekly input[type='text']:focus {
  color: #75bd43;
}

div.cityweekly button[type='submit'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  height: 3.25rem;
  background: #75bd43;
  color: #f9f8f6;
  border: none;
}

div.cityweekly button[type='submit']:hover,
div.cityweekly button[type='submit']:focus,
div.cityweekly button[type='submit']:active {
  background: #c5e096;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  div.cityweekly button[type='submit'] {
    margin-top: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  div.cityweekly button[type='submit'] {
    margin-top: 0.9375rem;
  }
}

div.cityweekly-2 h1 {
  margin: 1.25rem auto;
}

div.cityweekly-2 img.arrow {
  margin: 23% 0 0 1.25rem;
}

div.testimonial {
  background: #75bd43;
  padding: 6rem 0;
}

div.testimonial blockquote {
  color: #f9f8f6;
  text-align: center;
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 300;
  margin: 2.625rem 0 0;
  padding: 0;
}

div.testimonial h1 {
  color: white;
  font-size: 64px;
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 2.625rem;
}

div.testimonial h2 {
  margin: 2.625rem 0 0;
  color: #f9f8f6;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

div.testimonial p {
  color: #f9f8f6;
  font-size: 16px;
  font-size: 1rem;
  text-transform: uppercase;
  text-align: center;
  margin: 2.625rem 0 0;
}

div.testimonial p img {
  max-width: 100%;
}

div.general {
  padding: 6rem 0;
}

div.clients-we-work-with h1,
div.general h1 {
  margin: 0 0 2.625rem;
  font-weight: 700;
  text-align: center;
}

div.clients-we-work-with {
  background: #75bd43;
  padding: 6rem 0;
}

div.clients-we-work-with h1 {
  color: #fff;
  font-size: 64px;
  font-size: 4rem;
}

div.clients-we-work-with ul {
  text-align: center;
  list-style-type: none;
  padding-left: 0;
}

div.clients-we-work-with ul li a {
  color: #f9f8f6;
  text-align: center;
  font-size: 35px;
  font-size: 2.225rem;
  padding: 0;
  text-decoration: none;
  line-height: 150%;
}

div.general h1 {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
  text-align: center;
  margin: 0 0 2.625rem;
}

div.general h1 img {
  height: 4rem;
}

div.general h2 {
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

div.general h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin: 2.625rem 0 1.25rem;
}

div.general p {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 175%;
  font-weight: 300;
  margin: 2.625rem 6rem 0;
  text-align: center;
}

div.general .gr-4 p {
  font-size: 16px;
  font-size: 1rem;
  line-height: 150%;
  margin: 1.25rem 0 0;
}

div.general.general-white {
  background: #f9f8f6;
}

div.general.general-white h1,
div.general.general-white h2,
div.general.general-white h3,
div.general.general-white p {
  color: #313334;
}

div.general.general-green {
  background: #75bd43;
}

div.general.general-green h1,
div.general.general-green h2,
div.general.general-green h3,
div.general.general-green p {
  color: #f9f8f6;
}

div.general.general-gray {
  background: #313334;
}

div.general.general-gray h1,
div.general.general-gray h2,
div.general.general-gray h3,
div.general.general-gray p {
  color: #f9f8f6;
}

div.general .paragraph-text h3,
div.general .paragraph-text h4,
div.general .paragraph-text h5,
div.general .paragraph-text p {
  text-align: justify;
  margin: 2.625rem 0 0.8125rem;
}

div.general .paragraph-text p {
  margin: 0.8125rem 0 2.625rem;
}

div.general .paragraph-text a:link,
div.general .paragraph-text a:active,
div.general .paragraph-text a:visited,
div.general .paragraph-text a:hover {
  color: #75bd43;
  text-decoration: underline;
}

div.general .paragraph-text a:hover {
  color: #313334;
  text-decoration: underline;
}

div.general .paragraph-text h3 {
  font-size: 42px;
  font-size: 2.625rem;
}

div.general .paragraph-text h4 {
  font-size: 20px;
  font-size: 1.25rem;
}

div.general .paragraph-text h5 {
  font-size: 20px;
  font-size: 1.25rem;
}

div.general .paragraph-text .well {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 175%;
  background: #75bd43;
  color: #f9f8f6;
  padding: 1rem 2.625rem;
}

div.general .paragraph-text ul {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 175%;
  margin-top: 0.8125rem;
  margin-bottom: 1.8125rem;
}

div.general .paragraph-text ul li {
  margin-top: 0.8125rem;
  margin-bottom: 0.8125rem;
}

div.analysis {
  color: #f9f8f6;
  padding: 6rem 0;
}

div.analysis .row.mt {
  margin-top: 1rem;
}

div.analysis h3 {
  margin: 0 0 2.625rem;
  color: #f9f8f6;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 150%;
}

div.analysis h1 {
  color: #f9f8f6;
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
  text-align: center;
  margin: 2.625rem 0 0;
}

div.analysis h2 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  text-align: center;
  color: #f9f8f6;
  margin: 2.625rem 0;
}

div.analysis input[type='text'],
div.analysis input[type='email'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1.25rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 3.25rem;
  height: 3.25rem;
  background: #f9f8f6;
  color: #acadad;
  border: none;
}

div.analysis input[type='text']:focus,
div.analysis input[type='email']:focus {
  color: #75bd43;
}

div.analysis button[type='submit'] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: 100%;
  padding: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 3.25rem;
  height: 3.25rem;
  background: #75bd43;
  color: #f9f8f6;
  border: none;
}

div.analysis button[type='submit']:hover,
div.analysis button[type='submit']:focus,
div.analysis button[type='submit']:active {
  background: #c5e096;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  div.analysis button[type='submit'] {
    margin-top: 0.9375rem;
  }
}

@media screen and (max-width: 768px) {
  div.analysis button[type='submit'] {
    margin-top: 0.9375rem;
  }
}

div.analysis .pined-button {
  display: inline-block;
  text-transform: uppercase;
  font-size: 20px;
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  padding: 0.8125rem 2.625rem;
  margin: 2.625rem 0 0;
  border: solid 2px white;
  border-radius: 5px;
  background: transparent;
  font-weight: bold;
  color: white;
  background: none;
  text-decoration: none;
}

div.analysis .pined-button:hover {
  background: white;
  color: #75bd43;
}

div.analysis.bottom {
  background: #75bd43;
}

div.analysis.bottom button[type='submit'] {
  background: #afd46f;
}

div.stories {
  padding: 6rem 0;
  background: white;
}

div.stories h3 {
  margin: 0 0 6rem;
  color: #75bd43;
  font-size: 42px;
  font-size: 2.625rem;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

div.stories div.row {
  margin-bottom: 4rem;
}

div.stories div.row a {
  text-decoration: none;
  color: inherit;
}

div.stories div.row img {
  max-width: 100%;
}

div.stories div.row h2 {
  margin-top: 0;
  font-size: 42px;
  font-size: 2.625rem;
}

div.stories div.row .date {
  color: #75bd43;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
}

div.stories div.row .excerpt {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 175%;
  margin-bottom: 0;
}

div.stories div.row a.more {
  display: inline-block;
  margin: 2.625rem 0;
  padding: 0.8125rem 2.625rem;
  border: solid 2px #75bd43;
  border-radius: 5px;
  background: transparent;
  text-transform: uppercase;
  font-weight: 700;
  color: #75bd43;
}

div.stories div.row a.more:hover {
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  color: #f9f8f6;
  background: #75bd43;
}

div.stories div.row hr {
  border: none;
  height: 2px;
  background: #acadad;
}

div.stories div.navigation {
  margin-top: 2.625rem;
  text-align: center;
}

div.stories div.navigation span a,
div.stories div.navigation span.current {
  padding: 1rem 1.5rem;
  border: 1px solid #f9f8f6;
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
}

div.stories div.navigation span a {
  color: #acadad;
  text-decoration: none;
  background: #f9f8f6;
}

div.stories div.navigation span.current {
  background: transparent;
  border-color: #75bd43;
  color: #75bd43;
  font-weight: 700;
}

div.stories div.navigation span + span {
  margin-left: 10px;
}

div.story {
  padding: 6rem 0;
  background: white;
}

div.story img {
  max-width: 100%;
}

div.story h1 {
  margin-top: 0;
  font-size: 42px;
  font-size: 2.625rem;
}

div.story .date {
  color: #75bd43;
  text-transform: uppercase;
  font-size: 20px;
  font-size: 1.25rem;
}

div.story .excerpt,
div.story .content {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 175%;
  margin-bottom: 0;
}

div.story a.more {
  display: inline-block;
  margin: 6rem 0 0 0;
  padding: 0.8125rem 2.625rem;
  border: solid 2px #75bd43;
  border-radius: 5px;
  background: transparent;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 700;
  color: #75bd43;
}

div.story a.more:hover {
  -moz-transition: background 0.3s ease-in-out;
  -o-transition: background 0.3s ease-in-out;
  -webkit-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
  color: #f9f8f6;
  background: #75bd43;
}

div.digital-services {
  background: white;
  padding: 4rem 0;
}

div.digital-services p.digital-logo {
  text-align: center;
}

div.digital-services .digital-service h3 {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 600;
  margin: 25px 0;
  text-align: center;
}

div.digital-services .digital-service h4 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 15px 0;
  text-align: center;
}

div.digital-services .digital-service h4.text-green {
  color: #75bd43;
}

div.digital-services .digital-service p,
div.digital-services .digital-service ul {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25rem;
  color: #666666;
}

div.digital-services .digital-service p a,
div.digital-services .digital-service ul a {
  color: #75bd43;
  font-weight: 500;
  text-decoration: none;
}

div.digital-services .digital-service p {
  margin-top: 45px;
}

div.digital-services .digital-service p.link {
  font-size: 20px;
  font-size: 1.25rem;
  text-align: center;
}

div.digital-services .digital-service ul li {
  margin-bottom: 10px;
}

div.features {
  background: white;
  padding: 6rem 0;
}

div.features .feature h3 {
  font-size: 35px;
  font-size: 2.1875rem;
  font-weight: 600;
  margin: 30px 0;
}

@media screen and (max-width: 768px) {
  div.features .feature h3 {
    text-align: center;
  }
}

div.features .feature p {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75rem;
  color: #666666;
}

div.features .feature p a {
  color: #75bd43;
  font-weight: 500;
  text-decoration: none;
}

div.features .feature div {
  padding: 0 50px 0 0;
}

div.features .feature div.pull-right {
  padding: 0 0 0 50px;
}

@media screen and (max-width: 768px) {
  div.features .feature div {
    padding: 0 !important;
  }
}

div.features .feature .feature-screen {
  padding: 0;
}

div.features .feature .feature-screen img {
  max-width: 100%;
}

div.features .feature + .feature {
  margin-top: 6rem;
}

@media screen and (max-width: 768px) {
  div.features .feature + .feature {
    margin-top: 1.25rem;
  }
}

div.footer {
  background: #313334;
  color: #f9f8f6;
  padding: 4rem 0;
  font-size: 16px;
  font-size: 1rem;
}

div.footer a,
div.footer a:link,
div.footer a:visited,
div.footer a:active {
  color: #75bd43;
  text-decoration: none;
}

div.footer a:hover {
  color: #afd46f;
  text-decoration: underline;
}

div.footer a.logo img {
  height: 6rem;
  margin-top: -2rem;
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  div.footer .menu ul li {
    text-align: right;
  }
}

@media screen and (max-width: 768px) {
  div.footer .menu ul li {
    text-align: right;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  div.footer .copy {
    padding-top: 1.25rem;
  }
  div.footer .copy p {
    text-align: center;
  }
}

@media screen and (max-width: 768px) {
  div.footer .copy {
    padding-top: 1.25rem;
  }
  div.footer .copy p {
    text-align: center;
  }
}

div.footer p {
  text-align: right;
  margin: 0.8125rem 0;
}

div.footer p.social-media {
  margin-top: 1.25rem;
  text-align: left;
  font-size: 20px;
  font-size: 1.25rem;
}

div.footer p.social-media a {
  -moz-transition-property: color;
  -o-transition-property: color;
  -webkit-transition-property: color;
  transition-property: color;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

div.footer p.social-media a,
div.footer p.social-media a:link,
div.footer p.social-media a:visited,
div.footer p.social-media a:active {
  color: #434545;
  text-decoration: none;
}

div.footer p.social-media a:hover {
  color: #f9f8f6;
  text-decoration: none;
}

div.footer h5 {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0.8125rem 0;
}

div.footer ul {
  font-size: 20px;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 16px;
  list-style: none;
  padding: 0;
}

div.footer ul li {
  margin: 0.8125rem 0;
  padding: 0;
}

div.footer ul li a,
div.footer ul li a:link,
div.footer ul li a:visited,
div.footer ul li a:active {
  color: #f9f8f6;
  text-decoration: none;
}

div.footer ul li a:hover {
  color: #75bd43;
  text-decoration: none;
}

body.signup {
  background: #394142;
  color: #f9f8f6;
  padding: 0;
  margin: 0;
}

body.signup span.select2 {
  color: #313334;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 600;
  text-align: left;
}

body.signup span.select2-container {
  color: #313334;
}

body.signup span.select2-selection {
  border-radius: 0;
  border: none;
  height: auto;
  padding: 1rem 1rem;
}

body.signup span.select2-container--default span.select2-selection--single span.select2-selection__arrow {
  top: 1.0625rem;
  right: 1.0625rem;
}

body.signup span.select2-search--dropdown {
  display: none;
}

body.signup div.detect {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 2.625rem;
}

body.signup div.detect img {
  width: auto;
  max-height: 12rem;
}

body.signup div.detect img.logo {
  max-height: 12rem;
}

body.signup div.detect .spinner {
  margin: 6.25rem auto 0;
  width: 4.375rem;
  text-align: center;
}

body.signup div.detect .spinner > div {
  width: 1.125rem;
  height: 1.125rem;
  background-color: #75bd43;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

body.signup div.detect .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

body.signup div.detect .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

body.signup div.detect p,
body.signup div.detect h1,
body.signup div.detect h2,
body.signup div.detect h3 {
  margin: 1.25rem 0;
  text-align: center;
}

body.signup div.detect h1,
body.signup div.detect h2,
body.signup div.detect h3 {
  font-weight: 300;
  text-transform: uppercase;
  color: #f9f8f6;
}

body.signup div.detect h1 {
  font-size: 42px;
  font-size: 2.625rem;
  line-height: 2.625rem;
}

body.signup div.detect h2 {
  margin: 1rem 0;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.25rem;
}

body.signup div.detect h3 {
  margin: 1rem 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25rem;
}

body.signup div.detect p.button-p {
  margin: 1rem 0 1.8125rem;
}

body.signup div.detect a,
body.signup div.detect button[type='submit'] {
  -moz-transition-property: background;
  -o-transition-property: background;
  -webkit-transition-property: background;
  transition-property: background;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}

body.signup div.detect a,
body.signup div.detect a:active,
body.signup div.detect a:visited,
body.signup div.detect a:hover,
body.signup div.detect button[type='submit'],
body.signup div.detect button[type='submit']:active,
body.signup div.detect button[type='submit']:visited,
body.signup div.detect button[type='submit']:hover {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  display: block;
  margin: 0;
  font-weight: 600;
  border: none;
  background: #75bd43;
  position: relative;
  padding: 1rem 1.25rem;
  color: #f9f8f6;
  text-decoration: none;
  text-transform: none;
  text-align: right;
}

body.signup div.detect a img,
body.signup div.detect a:active img,
body.signup div.detect a:visited img,
body.signup div.detect a:hover img,
body.signup div.detect button[type='submit'] img,
body.signup div.detect button[type='submit']:active img,
body.signup div.detect button[type='submit']:visited img,
body.signup div.detect button[type='submit']:hover img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: auto;
  background-color: #f9f8f6;
}

body.signup div.detect a.small,
body.signup div.detect a:active.small,
body.signup div.detect a:visited.small,
body.signup div.detect a:hover.small,
body.signup div.detect button[type='submit'].small,
body.signup div.detect button[type='submit']:active.small,
body.signup div.detect button[type='submit']:visited.small,
body.signup div.detect button[type='submit']:hover.small {
  font-size: 13px;
  padding: 0.8125rem;
}

body.signup div.detect a.secondary,
body.signup div.detect a:active.secondary,
body.signup div.detect a:visited.secondary,
body.signup div.detect a:hover.secondary,
body.signup div.detect button[type='submit'].secondary,
body.signup div.detect button[type='submit']:active.secondary,
body.signup div.detect button[type='submit']:visited.secondary,
body.signup div.detect button[type='submit']:hover.secondary {
  background: #3bafda;
}

body.signup div.detect a.alone,
body.signup div.detect a:active.alone,
body.signup div.detect a:visited.alone,
body.signup div.detect a:hover.alone,
body.signup div.detect button[type='submit'].alone,
body.signup div.detect button[type='submit']:active.alone,
body.signup div.detect button[type='submit']:visited.alone,
body.signup div.detect button[type='submit']:hover.alone {
  text-align: center;
}

body.signup div.detect a:hover,
body.signup div.detect button[type='submit']:hover {
  background: #afd46f;
  color: #f9f8f6;
}

body.signup div.detect a:hover.secondary,
body.signup div.detect button[type='submit']:hover.secondary {
  background: #57beda;
}

body.signup div.detect.thank-you a {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 350px;
}

@media screen and (max-width: 768px) {
  body.signup div.detect .container {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media screen and (min-width: 481px) and (max-width: 768px) {
  body.signup div.detect .container {
    margin-left: 20px;
    margin-right: 20px;
  }
}

body.signup div.detect .row img {
  max-width: 100%;
}

body.signup div.detect .row a,
body.signup div.detect .row a:active,
body.signup div.detect .row a:visited,
body.signup div.detect .row a:hover {
  width: 100%;
}

body.signup div.detect .error-list {
  background: #e9573f;
  color: #f9f8f6;
  padding: 1rem;
  margin: 2rem auto 0;
  text-align: left;
  font-weight: bold;
  width: 75%;
  max-width: 550px;
}

body.signup div.detect form select,
body.signup div.detect form input,
body.signup div.detect form label {
  width: 100%;
}

body.signup div.detect form h3 {
  text-align: left;
}

body.signup div.detect form .form-group {
  display: block;
  text-align: center;
  margin-bottom: 0.8125rem;
}

body.signup div.detect form .form-group label {
  display: block;
  text-align: left;
  margin: 0 auto;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 13px;
  font-size: 0.8125rem;
}

body.signup div.detect form .form-group .form-control {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
  font-size: 1rem;
  border: none;
  padding: 1rem 1.25rem;
  line-height: 1rem;
  color: #444;
  font-weight: 600;
  text-align: left;
}

body.signup div.detect form .form-group .agree {
  width: 100%;
  margin: auto;
  text-align: left;
}

body.signup div.detect form .form-group .agree .checkbox {
  display: inline;
}

body.signup div.detect form .form-group .agree .checkbox label {
  display: inline;
}

body.signup div.detect form .form-group .agree .checkbox input {
  width: 13px;
  height: 13px;
  position: relative;
  top: 2px;
  margin-right: 5px;
  cursor: pointer;
}

body.signup div.detect form .form-group .agree span {
  display: inline;
  font-size: 13px;
  text-transform: uppercase;
}

body.signup div.detect form .form-group .agree span a {
  display: inline;
  background: none;
  color: white;
  font-weight: 600;
  width: auto;
  margin: 0;
  padding: 0;
  max-width: none;
  font-size: 13px;
  text-transform: uppercase;
}

body.signup div.detect form#signup_profile_form {
  margin-left: 20px;
  margin-right: 20px;
}

body.signup div.detect form#signup_profile_form span.select2-container {
  max-width: 60%;
}

body.signup div.detect form#signup_profile_form a,
body.signup div.detect form#signup_profile_form button[type='submit'] {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 60%;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.section-navigation {
  margin-bottom: 2em;
  padding-left: 0 !important;
  margin-top: 93px !important;
}

.section-navigation li {
  list-style-type: none;
}

.section-navigation li a {
  display: block;
  padding: 4px 0 4px 20px;
  border-left: 6px solid #f4f7fb;
  text-decoration: none !important;
  font-weight: 500;
}

.section-navigation li.active a {
  color: #000;
  cursor: default;
  border-left: 6px solid #75bd43;
  font-weight: 700;
}

div.general-content p {
  line-height: 145%;
}

div.general-content .paragraph-text p {
  margin: 0.4125rem 0 1.325rem;
}

.basic-list,
.basic-list li {
  margin-top: 0 !important;
}

.basic-list li a {
  text-decoration: none !important;
}

.basic-list li {
  margin-bottom: 0 !important;
}

.general-content .paragraph-text h2 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
  text-transform: none;
}

div.general .paragraph-text a:active,
div.general .paragraph-text a:hover,
div.general .paragraph-text a:visited,
div.general-content .paragraph-text a:link {
  text-decoration: none;
}

body .panel.special-content {
  padding: 20px;
  border-radius: 4px;
  border: 1px solid #75bd43;
  margin-bottom: 30px;
}

body .panel.special-content p,
body .panel.special-content ul {
  line-height: 1.5em;
  font-size: 16px;
  font-size: 1rem;
  margin: 0.2125rem 0 0.325rem;
}

body .panel.special-content ul {
  margin-bottom: 0.325rem;
  list-style-type: none;
  padding-left: 0;
  font-weight: 600;
}

body .panel.special-content h2 {
  margin-top: 0;
  text-align: left;
  font-size: 32px;
  font-size: 2rem;
}

body .general-content img.w-100 {
  width: 100%;
  margin-bottom: 1.325rem;
}

.privacy {
  word-break: break-word;
}

@media screen and (max-width: 768px) {
  div.general.privacy {
    padding: 10px;
  }
}

.privacy .paragraph-text ul li p {
  margin-top: 0.8125rem;
  margin-bottom: 0.8125rem;
}

div.general.privacy .paragraph-text h3,
div.general.privacy .paragraph-text h2 {
  text-align: left;
}

footer {
  background: #333940;
  color: white;
  padding: 8px 32px 20px 32px;
  font-size: 20px;
  line-height: 24px;
}

footer .logo img {
  width: 96px;
}

footer a {
  color: #75bd43;
  text-decoration: none;
}

footer p {
  margin: 0 0 16px;
}

footer h5 {
  font-weight: 300;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  margin: 0 0 24px;
}

footer .social-media {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 24px;
  justify-content: start;
  align-items: center;
}

footer .social-media a {
  width: 46px;
}

footer .social-media a img {
  display: block;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(171deg) brightness(103%) contrast(101%);
}

.youtube-logo {
  max-width: 132px;
}

footer .social-media a:hover img {
  filter: invert(42%) sepia(7%) saturate(198%) hue-rotate(211deg) brightness(96%) contrast(92%);
}

footer .menu {
  padding: 0;
  letter-spacing: 0.15px;
  text-transform: uppercase;
  list-style: none;
  margin: 48px 0;
}

footer .bottom-links {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
}

footer .bottom-links li {
  margin-bottom: 32px;
}

footer .bottom-links a:hover {
  color: white;
}

footer .bottom-links a {
  color: rgba(255, 255, 255, 0.74);
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0.15px;
}

footer .rights {
  margin-top: 36px;
}

.footer-bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  color: rgba(255, 255, 255, 0.74);
  margin-top: 68px;
}

footer .menu a {
  color: #90ce4d;
}

footer .menu a:hover {
  color: white;
}

footer .menu a.new-link {
  padding-right: 46px;
  position: relative;
  display: inline-block;
}

footer .menu a.new-link:after {
  display: inline-block;
  content: 'NEW';
  background: #eaff8f;
  border-radius: 4px;
  font-family: Poppins;
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  color: #262626;
  padding: 0 6px;
  margin-left: 6px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

footer .customer-service p,
footer .billing p {
  line-height: 20px;
  font-size: 16px;
}

footer .footer-contacts h6 {
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.15px;
  color: #fff;
  font-weight: normal;
  margin: 0;
  padding: 0 0 8px;
}

footer .customer-service p:nth-of-type(1),
footer .billing p:nth-of-type(1) {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.74);
}

footer .billing p:nth-of-type(1) {
  margin-top: 48px;
}

footer .customer-service p:nth-of-type(2),
footer .billing p:nth-of-type(2) {
  color: rgba(255, 255, 255, 0.74);
}

footer .billing span {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.74);
  padding-top: 4px;
  display: block;
}

footer .menu li {
  margin: 0 0 32px;
}

.footer-columns {
  display: flex;
  flex-direction: column;
}

footer .footer-contacts .footer-contact-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}

footer .footer-contacts .footer-contact-text {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

@media (min-width: 1280px) {
  .footer-columns {
    flex-direction: row;
    justify-content: center;
    padding: 80px;
    font-size: 16px;
    line-height: 20px;
  }

  footer .logo {
    display: block;
    margin-top: -40px;
    margin-right: 56px;
  }

  footer .menu {
    margin: 0 96px;
    min-width: 105px;
  }

  footer .menu li {
    margin: 0 0 16px;
  }

  .footer-bottom {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 80px;
    margin-top: 0;
  }

  footer .bottom-links {
    flex-direction: row;
  }

  footer .bottom-links li {
    margin-right: 40px;
    margin-bottom: 0;
  }

  footer .bottom-links a {
    font-size: 15px;
  }

  footer .rights {
    margin-top: 0;
  }

  footer .billing p:nth-of-type(1) {
    margin-top: 0;
  }

  footer .footer-contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  footer .footer-contact {
    max-width: 468px;
  }
}

body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100vh;
}

main {
  flex: 1;
  overflow: auto;
}

.header2 {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-auto-flow: column;
  grid-auto-rows: auto;
  align-items: center;
  grid-gap: 24px;
  height: 88px;
  padding: 0 16px;
  transition: box-shadow 250ms;
  z-index: 100;
  font-family: Roboto, 'proxima-nova', sans-serif;
  background: #fff;
}

.header2.emphatic {
  height: 64px;
  box-shadow: 0px 6px 10px rgba(54, 65, 84, 0.03), 0px 1px 6px rgba(54, 65, 84, 0.04),
    0px 3px 6px rgba(54, 65, 84, 0.06);
}

.header2 .logos {
  display: none;
}

.header2 nav {
  display: none;
}

.header2 .login {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #6cb61e;
  text-decoration: none;
  border: 2px solid #76b929;
  box-sizing: border-box;
  border-radius: 4px;
}

.header2 .menu {
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

@media (min-width: 1280px) {
  .header2 {
    grid-template-columns: auto 1fr auto;
    padding-left: 56px;
    padding-right: 48px;
  }

  .header2 .logo img {
    height: 48px;
    transition: height 250ms;
  }

  .header2 .logos {
    margin-left: 16px;
    display: grid;
    grid-auto-flow: column;
    /*grid-gap: 24px;*/
    justify-content: start;
    align-items: center;
  }

  .header2 .logos div {
    padding: 0 16px;
  }

  .header2 .logos div:not(:last-child) {
    border-right: 1px solid #dde3ed;
  }

  .header2 .logos img {
    height: 40px;
    transition: height 250ms;
  }

  .header2 nav {
    display: grid;
    grid-auto-flow: column;
    grid-auto-rows: auto;
    grid-gap: 56px;
    margin-right: 32px;
  }

  .header2 nav a {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 1.25px;
    color: rgba(24, 37, 58, 0.6);
    text-decoration: none;
    text-transform: uppercase;
  }

  .header2 nav a.active {
    color: #6cb61e;
  }

  .header2 .menu {
    display: none;
  }
@media (min-width: 1280px) {
    .header2 {
        grid-template-columns: auto 1fr auto;
        padding-left: 48px;
        padding-right: 48px;
    }

    .header2 .logo img {
        height: 48px;
        transition: height 250ms;
    }

    .header2 .logos {
        margin-left: 16px;
        display: grid;
        grid-auto-flow: column;
        justify-content: start;
        align-items: center;
    }

    .header2 .logos div {
        padding: 0 16px;
    }

    .header2 .logos div:not(:last-child) {
        border-right: 1px solid #DDE3ED;
    }

    .header2 .logos img {
        height: 30px;
        transition: height 250ms;
    }

    .header2 nav {
        display: grid;
        grid-auto-flow: column;
        grid-auto-rows: auto;
        grid-gap: 40px;
        margin-right: 12px;
        align-items: center;
    }

    .header2 nav a {
        font-weight: 500;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 1.25px;
        color: rgba(24, 37, 58, 0.6);
        text-decoration: none;
        text-transform: uppercase;
    }

    .header2 nav a.active {
        color: #6CB61E;
    }

    .header2 .menu {
        display: none;
    }

    .header2.emphatic .logo img {
        height: 40px;
    }

    .header2.emphatic .logos img {
        height: 32px;
    }
}

  .header2.emphatic .logo img {
    height: 40px;
  }

  .header2.emphatic .logos img {
    height: 32px;
  }
}

.backdrop {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  opacity: 0;
  transition: opacity 250ms;
  z-index: 1000;
}

.backdrop.visible {
  opacity: 0.5;
}

.drawer {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -292px;
  width: 236px;
  background: #fff;
  padding: 16px 24px 24px 32px;
  transition: right 250ms;
  z-index: 1001;
  overflow: auto;
}

.drawer .content {
  font-family: Roboto, 'proxima-nova', sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 650px;
  height: 100%;
}

.drawer.open {
  right: 0;
}

.drawer.pricing {
  width: 292px;
}

.drawer .top-bar {
  display: flex;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 8px 0;
}

.drawer .top-bar .close {
  width: 24px;
  height: 24px;
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.drawer .auth-bar {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 16px;
  padding: 8px 0;
}

.drawer .auth-bar .login {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #6cb61e;
  text-decoration: none;
  border: 2px solid #76b929;
  box-sizing: border-box;
  border-radius: 4px;
}

.drawer .auth-bar .signup {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  background: #76b929;
  box-sizing: border-box;
  border-radius: 4px;
}

.drawer .menu {
  padding: 0;
  list-style: none;
}

.drawer .menu li {
  padding: 24px 0;
  border-top: 1px solid #dde3ed;
  margin-right: -24px;
}

.drawer .menu li:last-child {
  border-bottom: 1px solid #dde3ed;
}

.drawer .menu li a {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.15px;
  color: rgba(24, 37, 58, 0.6);
  text-decoration: none;
  text-transform: uppercase;
}

.drawer .menu li a.active {
  color: #6cb61e;
}

.drawer .logos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
  gap: 16px;
}

.drawer .logos img {
  height: 40px;
}

.drawer .logos .logo {
  margin: 8px 0;
}

.drawer .logos .logo:nth-child(1),
.drawer .logos .logo:nth-child(3) {
  border-right: 1px solid #dde3ed;
  padding-right: 16px;
}

.drawer .logos .logo:nth-child(4) img {
  max-width: 110px;
}

.drawer .contacts {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.drawer .contacts p {
  margin: 0 0 16px;
}

.drawer .contacts a {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #76b929;
  text-decoration: none;
}

@media (min-width: 1750px) {
  .header2 .logos img {
    height: 45px;
  }
}