/******************************************************************
Site Name: Sonin.mn
Author: Anargts
******************************************************************/

body{
  color: black;
  font-family: "Helvetica Neue",Helvetica, Tahoma,Arial,sans-serif !important;
}

.mh-29 {
  height: 29px;
}

.m-10-0 {
  margin: 10px 0 !important
}

.weather-wid-1 {
  position:absolute; 
  top:-6px; 
  left: 0; 
  width: 35px;
}

.weather-cels-1 {
  position:relative; 
  left: 48px; 
  float: left;
}

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

.mt-10 {
  margin-top: 10px !important;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
.state-default .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;
}
.state-default .row:before,
.state-default .row-reverse:before,
.state-default .row:after,
.state-default .row-reverse:after {
  content: "";
  display: table;
}
.state-default .row:after,
.state-default .row-reverse:after {
  clear: both;
}
.state-default .row,
.state-default .row-reverse {
  zoom: 1;
}
.gr-1on5,
.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;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 6px;
  padding-left: 6px;
}
.state-default .gr-1on5,
.state-default .gr-0,
.state-default .gr-1,
.state-default .gr-2,
.state-default .gr-3,
.state-default .gr-4,
.state-default .gr-5,
.state-default .gr-6,
.state-default .gr-7,
.state-default .gr-8,
.state-default .gr-9,
.state-default .gr-10,
.state-default .gr-11,
.state-default .gr-12 {
  display: inline-block;
  min-height: 1px;
  float: left;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 6px;
  padding-left: 6px;
}
.gr-adapt {
  display: table-cell;
  width: 1px;
  white-space: nowrap !important;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
.state-default .gr-adapt {
  display: table-cell;
  width: 1px;
  white-space: nowrap !important;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
.gr-grow {
  display: table-cell;
  width: 99999px;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
.state-default .gr-grow {
  display: table-cell;
  width: 99999px;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
.push-1on5,
.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;
}
.state-default .push-1on5,
.state-default .push-0,
.state-default .push-1,
.state-default .push-2,
.state-default .push-3,
.state-default .push-4,
.state-default .push-5,
.state-default .push-6,
.state-default .push-7,
.state-default .push-8,
.state-default .push-9,
.state-default .push-10,
.state-default .push-11,
.state-default .push-12 {
  position: relative;
}
.pull-1on5,
.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;
}
.state-default .pull-1on5,
.state-default .pull-0,
.state-default .pull-1,
.state-default .pull-2,
.state-default .pull-3,
.state-default .pull-4,
.state-default .pull-5,
.state-default .pull-6,
.state-default .pull-7,
.state-default .pull-8,
.state-default .pull-9,
.state-default .pull-10,
.state-default .pull-11,
.state-default .pull-12 {
  position: relative;
}
.nowrap {
  white-space: nowrap;
}
.nowrap > * {
  white-space: normal;
}
.state-default .nowrap {
  white-space: nowrap;
}
.state-default .nowrap > * {
  white-space: normal;
}
.wrap {
  position: relative;
  white-space: normal;
}
.state-default .wrap {
  white-space: normal;
}
.gr-centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}
.state-default .gr-centered {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}
@media screen and (max-width: 480px) {
  .container\@mobile: after {
      content: "";
      display: table;
      clear: both;
  }
}
.state-mobile .container\@mobile: after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (max-width: 480px) {
  .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;
  }
}
.state-mobile .row\@mobile: before,
.state-mobile .row-reverse\@mobile: before,
.state-mobile .row\@mobile: after,
.state-mobile .row-reverse\@mobile: after {
  content: "";
  display: table;
}
.state-mobile .row\@mobile: after,
.state-mobile .row-reverse\@mobile: after {
  clear: both;
}
.state-mobile .row\@mobile,
.state-mobile .row-reverse\@mobile {
  zoom: 1;
}
@media screen and (max-width: 480px) {
  .gr-1on5\@mobile,
  .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,
  .state-default [class*="gr-"],
  [class*="gr-"] {
      display: inline-block;
      min-height: 1px;
      float: left;
      box-sizing: border-box;
      vertical-align: top;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-mobile .gr-1on5\@mobile,
.state-mobile .gr-0\@mobile,
.state-mobile .gr-1\@mobile,
.state-mobile .gr-2\@mobile,
.state-mobile .gr-3\@mobile,
.state-mobile .gr-4\@mobile,
.state-mobile .gr-5\@mobile,
.state-mobile .gr-6\@mobile,
.state-mobile .gr-7\@mobile,
.state-mobile .gr-8\@mobile,
.state-mobile .gr-9\@mobile,
.state-mobile .gr-10\@mobile,
.state-mobile .gr-11\@mobile,
.state-mobile .gr-12\@mobile,
.state-mobile .state-default [class*="gr-"],
.state-mobile [class*="gr-"] {
  display: inline-block;
  min-height: 1px;
  float: left;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 6px;
  padding-left: 6px;
}
@media screen and (max-width: 480px) {
  .gr-adapt\@mobile {
      display: table-cell;
      width: 1px;
      white-space: nowrap !important;
      box-sizing: border-box;
      font-size: 1rem;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-mobile .gr-adapt\@mobile {
  display: table-cell;
  width: 1px;
  white-space: nowrap !important;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
@media screen and (max-width: 480px) {
  .gr-grow\@mobile {
      display: table-cell;
      width: 99999px;
      white-space: nowrap;
      box-sizing: border-box;
      font-size: 1rem;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-mobile .gr-grow\@mobile {
  display: table-cell;
  width: 99999px;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
@media screen and (max-width: 480px) {
  .push-1on5\@mobile,
  .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,
  .state-default [class*="gr-"],
  [class*="gr-"] {
      position: relative;
  }
}
.state-mobile .push-1on5\@mobile,
.state-mobile .push-0\@mobile,
.state-mobile .push-1\@mobile,
.state-mobile .push-2\@mobile,
.state-mobile .push-3\@mobile,
.state-mobile .push-4\@mobile,
.state-mobile .push-5\@mobile,
.state-mobile .push-6\@mobile,
.state-mobile .push-7\@mobile,
.state-mobile .push-8\@mobile,
.state-mobile .push-9\@mobile,
.state-mobile .push-10\@mobile,
.state-mobile .push-11\@mobile,
.state-mobile .push-12\@mobile,
.state-mobile .state-default [class*="gr-"],
.state-mobile [class*="gr-"] {
  position: relative;
}
@media screen and (max-width: 480px) {
  .pull-1on5\@mobile,
  .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,
  .state-default [class*="gr-"],
  [class*="gr-"] {
      position: relative;
  }
}
.state-mobile .pull-1on5\@mobile,
.state-mobile .pull-0\@mobile,
.state-mobile .pull-1\@mobile,
.state-mobile .pull-2\@mobile,
.state-mobile .pull-3\@mobile,
.state-mobile .pull-4\@mobile,
.state-mobile .pull-5\@mobile,
.state-mobile .pull-6\@mobile,
.state-mobile .pull-7\@mobile,
.state-mobile .pull-8\@mobile,
.state-mobile .pull-9\@mobile,
.state-mobile .pull-10\@mobile,
.state-mobile .pull-11\@mobile,
.state-mobile .pull-12\@mobile,
.state-mobile .state-default [class*="gr-"],
.state-mobile [class*="gr-"] {
  position: relative;
}
@media screen and (max-width: 480px) {
  .nowrap\@mobile {
      white-space: nowrap;
  }
  .nowrap\@mobile > * {
      white-space: normal;
  }
}
.state-mobile .nowrap\@mobile {
  white-space: nowrap;
}
.state-mobile .nowrap\@mobile > * {
  white-space: normal;
}
@media screen and (max-width: 480px) {
  .wrap\@mobile {
      white-space: normal;
  }
}
.state-mobile .wrap\@mobile {
  white-space: normal;
}
@media screen and (max-width: 480px) {
  .gr-centered\@mobile {
      display: block !important;
      float: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      clear: both !important;
  }
}
.state-mobile .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: 1024px) {
  .container\@tablet: after {
      content: "";
      display: table;
      clear: both;
  }
}
.state-tablet .container\@tablet: after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .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;
  }
}
.state-tablet .row\@tablet: before,
.state-tablet .row-reverse\@tablet: before,
.state-tablet .row\@tablet: after,
.state-tablet .row-reverse\@tablet: after {
  content: "";
  display: table;
}
.state-tablet .row\@tablet: after,
.state-tablet .row-reverse\@tablet: after {
  clear: both;
}
.state-tablet .row\@tablet,
.state-tablet .row-reverse\@tablet {
  zoom: 1;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .gr-1on5\@tablet,
  .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;
      box-sizing: border-box;
      vertical-align: top;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-tablet .gr-1on5\@tablet,
.state-tablet .gr-0\@tablet,
.state-tablet .gr-1\@tablet,
.state-tablet .gr-2\@tablet,
.state-tablet .gr-3\@tablet,
.state-tablet .gr-4\@tablet,
.state-tablet .gr-5\@tablet,
.state-tablet .gr-6\@tablet,
.state-tablet .gr-7\@tablet,
.state-tablet .gr-8\@tablet,
.state-tablet .gr-9\@tablet,
.state-tablet .gr-10\@tablet,
.state-tablet .gr-11\@tablet,
.state-tablet .gr-12\@tablet {
  display: inline-block;
  min-height: 1px;
  float: left;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 6px;
  padding-left: 6px;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .gr-adapt\@tablet {
      display: table-cell;
      width: 1px;
      white-space: nowrap !important;
      box-sizing: border-box;
      font-size: 1rem;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-tablet .gr-adapt\@tablet {
  display: table-cell;
  width: 1px;
  white-space: nowrap !important;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .gr-grow\@tablet {
      display: table-cell;
      width: 99999px;
      white-space: nowrap;
      box-sizing: border-box;
      font-size: 1rem;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-tablet .gr-grow\@tablet {
  display: table-cell;
  width: 99999px;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .push-1on5\@tablet,
  .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;
  }
}
.state-tablet .push-1on5\@tablet,
.state-tablet .push-0\@tablet,
.state-tablet .push-1\@tablet,
.state-tablet .push-2\@tablet,
.state-tablet .push-3\@tablet,
.state-tablet .push-4\@tablet,
.state-tablet .push-5\@tablet,
.state-tablet .push-6\@tablet,
.state-tablet .push-7\@tablet,
.state-tablet .push-8\@tablet,
.state-tablet .push-9\@tablet,
.state-tablet .push-10\@tablet,
.state-tablet .push-11\@tablet,
.state-tablet .push-12\@tablet {
  position: relative;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .pull-1on5\@tablet,
  .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;
  }
}
.state-tablet .pull-1on5\@tablet,
.state-tablet .pull-0\@tablet,
.state-tablet .pull-1\@tablet,
.state-tablet .pull-2\@tablet,
.state-tablet .pull-3\@tablet,
.state-tablet .pull-4\@tablet,
.state-tablet .pull-5\@tablet,
.state-tablet .pull-6\@tablet,
.state-tablet .pull-7\@tablet,
.state-tablet .pull-8\@tablet,
.state-tablet .pull-9\@tablet,
.state-tablet .pull-10\@tablet,
.state-tablet .pull-11\@tablet,
.state-tablet .pull-12\@tablet {
  position: relative;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .nowrap\@tablet {
      white-space: nowrap;
  }
  .nowrap\@tablet > * {
      white-space: normal;
  }
}
.state-tablet .nowrap\@tablet {
  white-space: nowrap;
}
.state-tablet .nowrap\@tablet > * {
  white-space: normal;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .wrap\@tablet {
      white-space: normal;
  }
}
.state-tablet .wrap\@tablet {
  white-space: normal;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .gr-centered\@tablet {
      display: block !important;
      float: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      clear: both !important;
  }
}
.state-tablet .gr-centered\@tablet {
  display: block !important;
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  clear: both !important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .container\@ipad-landscape: after {
      content: "";
      display: table;
      clear: both;
  }
}
.state-ipad-landscape .container\@ipad-landscape: after {
  content: "";
  display: table;
  clear: both;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .row\@ipad-landscape: before,
  .row-reverse\@ipad-landscape: before,
  .row\@ipad-landscape: after,
  .row-reverse\@ipad-landscape: after {
      content: "";
      display: table;
  }
  .row\@ipad-landscape: after,
  .row-reverse\@ipad-landscape: after {
      clear: both;
  }
  .row\@ipad-landscape,
  .row-reverse\@ipad-landscape {
      zoom: 1;
  }
}
.state-ipad-landscape .row\@ipad-landscape: before,
.state-ipad-landscape .row-reverse\@ipad-landscape: before,
.state-ipad-landscape .row\@ipad-landscape: after,
.state-ipad-landscape .row-reverse\@ipad-landscape: after {
  content: "";
  display: table;
}
.state-ipad-landscape .row\@ipad-landscape: after,
.state-ipad-landscape .row-reverse\@ipad-landscape: after {
  clear: both;
}
.state-ipad-landscape .row\@ipad-landscape,
.state-ipad-landscape .row-reverse\@ipad-landscape {
  zoom: 1;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-1on5\@ipad-landscape,
  .gr-0\@ipad-landscape,
  .gr-1\@ipad-landscape,
  .gr-2\@ipad-landscape,
  .gr-3\@ipad-landscape,
  .gr-4\@ipad-landscape,
  .gr-5\@ipad-landscape,
  .gr-6\@ipad-landscape,
  .gr-7\@ipad-landscape,
  .gr-8\@ipad-landscape,
  .gr-9\@ipad-landscape,
  .gr-10\@ipad-landscape,
  .gr-11\@ipad-landscape,
  .gr-12\@ipad-landscape {
      display: inline-block;
      min-height: 1px;
      float: left;
      box-sizing: border-box;
      vertical-align: top;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-ipad-landscape .gr-1on5\@ipad-landscape,
.state-ipad-landscape .gr-0\@ipad-landscape,
.state-ipad-landscape .gr-1\@ipad-landscape,
.state-ipad-landscape .gr-2\@ipad-landscape,
.state-ipad-landscape .gr-3\@ipad-landscape,
.state-ipad-landscape .gr-4\@ipad-landscape,
.state-ipad-landscape .gr-5\@ipad-landscape,
.state-ipad-landscape .gr-6\@ipad-landscape,
.state-ipad-landscape .gr-7\@ipad-landscape,
.state-ipad-landscape .gr-8\@ipad-landscape,
.state-ipad-landscape .gr-9\@ipad-landscape,
.state-ipad-landscape .gr-10\@ipad-landscape,
.state-ipad-landscape .gr-11\@ipad-landscape,
.state-ipad-landscape .gr-12\@ipad-landscape {
  display: inline-block;
  min-height: 1px;
  float: left;
  box-sizing: border-box;
  vertical-align: top;
  padding-right: 6px;
  padding-left: 6px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-adapt\@ipad-landscape {
      display: table-cell;
      width: 1px;
      white-space: nowrap !important;
      box-sizing: border-box;
      font-size: 1rem;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-ipad-landscape .gr-adapt\@ipad-landscape {
  display: table-cell;
  width: 1px;
  white-space: nowrap !important;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-grow\@ipad-landscape {
      display: table-cell;
      width: 99999px;
      white-space: nowrap;
      box-sizing: border-box;
      font-size: 1rem;
      padding-right: 6px;
      padding-left: 6px;
  }
}
.state-ipad-landscape .gr-grow\@ipad-landscape {
  display: table-cell;
  width: 99999px;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: 1rem;
  padding-right: 6px;
  padding-left: 6px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .push-1on5\@ipad-landscape,
  .push-0\@ipad-landscape,
  .push-1\@ipad-landscape,
  .push-2\@ipad-landscape,
  .push-3\@ipad-landscape,
  .push-4\@ipad-landscape,
  .push-5\@ipad-landscape,
  .push-6\@ipad-landscape,
  .push-7\@ipad-landscape,
  .push-8\@ipad-landscape,
  .push-9\@ipad-landscape,
  .push-10\@ipad-landscape,
  .push-11\@ipad-landscape,
  .push-12\@ipad-landscape {
      position: relative;
  }
}
.state-ipad-landscape .push-1on5\@ipad-landscape,
.state-ipad-landscape .push-0\@ipad-landscape,
.state-ipad-landscape .push-1\@ipad-landscape,
.state-ipad-landscape .push-2\@ipad-landscape,
.state-ipad-landscape .push-3\@ipad-landscape,
.state-ipad-landscape .push-4\@ipad-landscape,
.state-ipad-landscape .push-5\@ipad-landscape,
.state-ipad-landscape .push-6\@ipad-landscape,
.state-ipad-landscape .push-7\@ipad-landscape,
.state-ipad-landscape .push-8\@ipad-landscape,
.state-ipad-landscape .push-9\@ipad-landscape,
.state-ipad-landscape .push-10\@ipad-landscape,
.state-ipad-landscape .push-11\@ipad-landscape,
.state-ipad-landscape .push-12\@ipad-landscape {
  position: relative;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .pull-1on5\@ipad-landscape,
  .pull-0\@ipad-landscape,
  .pull-1\@ipad-landscape,
  .pull-2\@ipad-landscape,
  .pull-3\@ipad-landscape,
  .pull-4\@ipad-landscape,
  .pull-5\@ipad-landscape,
  .pull-6\@ipad-landscape,
  .pull-7\@ipad-landscape,
  .pull-8\@ipad-landscape,
  .pull-9\@ipad-landscape,
  .pull-10\@ipad-landscape,
  .pull-11\@ipad-landscape,
  .pull-12\@ipad-landscape {
      position: relative;
  }
}
.state-ipad-landscape .pull-1on5\@ipad-landscape,
.state-ipad-landscape .pull-0\@ipad-landscape,
.state-ipad-landscape .pull-1\@ipad-landscape,
.state-ipad-landscape .pull-2\@ipad-landscape,
.state-ipad-landscape .pull-3\@ipad-landscape,
.state-ipad-landscape .pull-4\@ipad-landscape,
.state-ipad-landscape .pull-5\@ipad-landscape,
.state-ipad-landscape .pull-6\@ipad-landscape,
.state-ipad-landscape .pull-7\@ipad-landscape,
.state-ipad-landscape .pull-8\@ipad-landscape,
.state-ipad-landscape .pull-9\@ipad-landscape,
.state-ipad-landscape .pull-10\@ipad-landscape,
.state-ipad-landscape .pull-11\@ipad-landscape,
.state-ipad-landscape .pull-12\@ipad-landscape {
  position: relative;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .nowrap\@ipad-landscape {
      white-space: nowrap;
  }
  .nowrap\@ipad-landscape > * {
      white-space: normal;
  }
}
.state-ipad-landscape .nowrap\@ipad-landscape {
  white-space: nowrap;
}
.state-ipad-landscape .nowrap\@ipad-landscape > * {
  white-space: normal;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .wrap\@ipad-landscape {
      white-space: normal;
  }
}
.state-ipad-landscape .wrap\@ipad-landscape {
  white-space: normal;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-centered\@ipad-landscape {
      display: block !important;
      float: none !important;
      margin-left: auto !important;
      margin-right: auto !important;
      clear: both !important;
  }
}
.state-ipad-landscape .gr-centered\@ipad-landscape {
  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.44", "states" : { "default":{ "name" : "default", "min-width" : null, "max-width" : null, "query" : null, "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "12px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "6px", "gutter-bottom" : "0", "gutter-left" : "6px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "mobile":{ "name" : "mobile", "min-width" : null, "max-width" : "480px", "query" : "screen and (max-width: 480px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "12px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "6px", "gutter-bottom" : "0", "gutter-left" : "6px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "tablet":{ "name" : "tablet", "min-width" : "481px", "max-width" : "1024px", "query" : "screen and (min-width: 481px) and (max-width: 1024px)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "12px", "gutter-height" : "0", "gutter-top" : "0", "gutter-right" : "6px", "gutter-bottom" : "0", "gutter-left" : "6px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }, "ipad-landscape":{ "name" : "ipad-landscape", "min-width" : null, "max-width" : null, "query" : "only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)", "classes" : true, "context" : "12", "column-width" : null, "gutter-width" : "30px", "gutter-height" : "50px", "gutter-top" : "25px", "gutter-right" : "15px", "gutter-bottom" : "25px", "gutter-left" : "15px", "direction" : "ltr", "dir-attribute" : false, "name-multiplicator" : "1", "states-classes" : true, "classes-prefix" : null, "_" : true }} }';
}
.state-default .gr-1on5 {
  width: 20%;
}
.state-default .push-1on5 {
  left: 20%;
}
.state-default .pull-1on5 {
  right: 20%;
}
.state-default .prefix-1on5 {
  margin-left: 20%;
}
.state-default .suffix-1on5 {
  margin-right: 20%;
}
.state-default .gr-0 {
  width: 0%;
}
.state-default .push-0 {
  left: 0%;
}
.state-default .pull-0 {
  right: 0%;
}
.state-default .prefix-0 {
  margin-left: 0%;
}
.state-default .suffix-0 {
  margin-right: 0%;
}
.state-default .gr-1 {
  width: 8.33333%;
}
.state-default .push-1 {
  left: 8.33333%;
}
.state-default .pull-1 {
  right: 8.33333%;
}
.state-default .prefix-1 {
  margin-left: 8.33333%;
}
.state-default .suffix-1 {
  margin-right: 8.33333%;
}
.state-default .gr-2 {
  width: 16.66667%;
}
.state-default .push-2 {
  left: 16.66667%;
}
.state-default .pull-2 {
  right: 16.66667%;
}
.state-default .prefix-2 {
  margin-left: 16.66667%;
}
.state-default .suffix-2 {
  margin-right: 16.66667%;
}
.state-default .gr-3 {
  width: 25%;
}
.state-default .push-3 {
  left: 25%;
}
.state-default .pull-3 {
  right: 25%;
}
.state-default .prefix-3 {
  margin-left: 25%;
}
.state-default .suffix-3 {
  margin-right: 25%;
}
.state-default .gr-4 {
  width: 33.33333%;
}
.state-default .push-4 {
  left: 33.33333%;
}
.state-default .pull-4 {
  right: 33.33333%;
}
.state-default .prefix-4 {
  margin-left: 33.33333%;
}
.state-default .suffix-4 {
  margin-right: 33.33333%;
}
.state-default .gr-5 {
  width: 41.66667%;
}
.state-default .push-5 {
  left: 41.66667%;
}
.state-default .pull-5 {
  right: 41.66667%;
}
.state-default .prefix-5 {
  margin-left: 41.66667%;
}
.state-default .suffix-5 {
  margin-right: 41.66667%;
}
.state-default .gr-6 {
  width: 50%;
}
.state-default .push-6 {
  left: 50%;
}
.state-default .pull-6 {
  right: 50%;
}
.state-default .prefix-6 {
  margin-left: 50%;
}
.state-default .suffix-6 {
  margin-right: 50%;
}
.state-default .gr-7 {
  width: 58.33333%;
}
.state-default .push-7 {
  left: 58.33333%;
}
.state-default .pull-7 {
  right: 58.33333%;
}
.state-default .prefix-7 {
  margin-left: 58.33333%;
}
.state-default .suffix-7 {
  margin-right: 58.33333%;
}
.state-default .gr-8 {
  width: 66.66667%;
}
.state-default .push-8 {
  left: 66.66667%;
}
.state-default .pull-8 {
  right: 66.66667%;
}
.state-default .prefix-8 {
  margin-left: 66.66667%;
}
.state-default .suffix-8 {
  margin-right: 66.66667%;
}
.state-default .gr-9 {
  width: 75%;
}
.state-default .push-9 {
  left: 75%;
}
.state-default .pull-9 {
  right: 75%;
}
.state-default .prefix-9 {
  margin-left: 75%;
}
.state-default .suffix-9 {
  margin-right: 75%;
}
.state-default .gr-10 {
  width: 83.33333%;
}
.state-default .push-10 {
  left: 83.33333%;
}
.state-default .pull-10 {
  right: 83.33333%;
}
.state-default .prefix-10 {
  margin-left: 83.33333%;
}
.state-default .suffix-10 {
  margin-right: 83.33333%;
}
.state-default .gr-11 {
  width: 91.66667%;
}
.state-default .push-11 {
  left: 91.66667%;
}
.state-default .pull-11 {
  right: 91.66667%;
}
.state-default .prefix-11 {
  margin-left: 91.66667%;
}
.state-default .suffix-11 {
  margin-right: 91.66667%;
}
.state-default .gr-12 {
  width: 100%;
}
.state-default .push-12 {
  left: 100%;
}
.state-default .pull-12 {
  right: 100%;
}
.state-default .prefix-12 {
  margin-left: 100%;
}
.state-default .suffix-12 {
  margin-right: 100%;
}
.state-default .float-left {
  float: left;
}
.state-default .float-right {
  float: right;
}
.state-default .clear {
  clear: both;
}
.state-default .clear-left {
  clear: left;
}
.state-default .clear-right {
  clear: right;
}
.state-default .no-gutter {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.state-default .no-gutter-left {
  padding-left: 0;
}
.state-default .no-gutter-right {
  padding-right: 0;
}
.state-default .no-gutter-top {
  padding-top: 0;
}
.state-default .no-gutter-bottom {
  padding-bottom: 0;
}
.state-default .gutter {
  padding-right: 6px;
  padding-left: 6px;
}
.state-default .gutter-left {
  padding-left: 6px;
}
.state-default .gutter-right {
  padding-right: 6px;
}
.state-default .auto-height {
  height: inherit;
}
.state-default .row {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[class*="no-gutter"] > .state-default .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-default .row-reverse {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[class*="no-gutter"] > .state-default .row-reverse {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-default .row-full {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.state-default .col {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.state-default .col-reverse {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.state-default .gr-table {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.state-default .row-align-left {
  font-size: 0;
  clear: both;
  text-align: left;
}
.state-default .row-align-left > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-default .row-align-left > * {
      margin-right: -0.5px;
  }
}
.state-default .row-align-center {
  font-size: 0;
  clear: both;
  text-align: center;
}
.state-default .row-align-center > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-default .row-align-center > * {
      margin-right: -0.5px;
  }
}
.state-default .row-align-center > * {
  text-align: left;
}
.state-default .row-align-right {
  font-size: 0;
  clear: both;
  text-align: right;
}
.state-default .row-align-right > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-default .row-align-right > * {
      margin-right: -0.5px;
  }
}
.state-default .row-align-right > * {
  text-align: left;
}
.state-default .row-align-middle {
  font-size: 0;
  clear: both;
  vertical-align: middle;
}
.state-default .row-align-middle > * {
  float: none !important;
  vertical-align: middle;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-default .row-align-middle > * {
      margin-right: -0.5px;
  }
}
.state-default .row-align-top {
  font-size: 0;
  clear: both;
  vertical-align: top;
}
.state-default .row-align-top > * {
  float: none !important;
  vertical-align: top;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-default .row-align-top > * {
      margin-right: -0.5px;
  }
}
.state-default .row-align-bottom {
  font-size: 0;
  clear: both;
  vertical-align: bottom;
}
.state-default .row-align-bottom > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-default .row-align-bottom > * {
      margin-right: -0.5px;
  }
}
.state-default .hide {
  display: none;
}
.state-default .not-visible {
  visibility: hidden;
}
.state-default .show {
  display: block;
}
.state-default .show-inline {
  display: inline-block;
}
.state-default .visible {
  visibility: visible;
}
.state-default .clear-each-2 > [class*="gr-"]:nth-of-type(2n+1) {
  clear: left;
}
.state-default .clear-each-3 > [class*="gr-"]:nth-of-type(3n+1) {
  clear: left;
}
.state-default .clear-each-12 > [class*="gr-"]:nth-of-type(12n+1) {
  clear: both;
}
.state-default .row-debug {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}
.state-default .row-debug:before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.66667% 100%;
  z-index: 99999;
}
.state-default body {
  direction: ltr;
}
.gr-1on5 {
  width: 20%;
}
.push-1on5 {
  left: 20%;
}
.pull-1on5 {
  right: 20%;
}
.prefix-1on5 {
  margin-left: 20%;
}
.suffix-1on5 {
  margin-right: 20%;
}
.gr-0 {
  width: 0%;
}
.push-0 {
  left: 0%;
}
.pull-0 {
  right: 0%;
}
.prefix-0 {
  margin-left: 0%;
}
.suffix-0 {
  margin-right: 0%;
}
.gr-1 {
  width: 8.33333%;
}
.push-1 {
  left: 8.33333%;
}
.pull-1 {
  right: 8.33333%;
}
.prefix-1 {
  margin-left: 8.33333%;
}
.suffix-1 {
  margin-right: 8.33333%;
}
.gr-2 {
  width: 16.66667%;
}
.push-2 {
  left: 16.66667%;
}
.pull-2 {
  right: 16.66667%;
}
.prefix-2 {
  margin-left: 16.66667%;
}
.suffix-2 {
  margin-right: 16.66667%;
}
.gr-3 {
  width: 25%;
}
.push-3 {
  left: 25%;
}
.pull-3 {
  right: 25%;
}
.prefix-3 {
  margin-left: 25%;
}
.suffix-3 {
  margin-right: 25%;
}
.gr-4 {
  width: 33.33333%;
}
.push-4 {
  left: 33.33333%;
}
.pull-4 {
  right: 33.33333%;
}
.prefix-4 {
  margin-left: 33.33333%;
}
.suffix-4 {
  margin-right: 33.33333%;
}
.gr-5 {
  width: 41.66667%;
}
.push-5 {
  left: 41.66667%;
}
.pull-5 {
  right: 41.66667%;
}
.prefix-5 {
  margin-left: 41.66667%;
}
.suffix-5 {
  margin-right: 41.66667%;
}
.gr-6 {
  width: 50%;
}
.push-6 {
  left: 50%;
}
.pull-6 {
  right: 50%;
}
.prefix-6 {
  margin-left: 50%;
}
.suffix-6 {
  margin-right: 50%;
}
.gr-7 {
  width: 58.33333%;
}
.push-7 {
  left: 58.33333%;
}
.pull-7 {
  right: 58.33333%;
}
.prefix-7 {
  margin-left: 58.33333%;
}
.suffix-7 {
  margin-right: 58.33333%;
}
.gr-8 {
  width: 66.66667%;
}
.push-8 {
  left: 66.66667%;
}
.pull-8 {
  right: 66.66667%;
}
.prefix-8 {
  margin-left: 66.66667%;
}
.suffix-8 {
  margin-right: 66.66667%;
}
.gr-9 {
  width: 75%;
}
.push-9 {
  left: 75%;
}
.pull-9 {
  right: 75%;
}
.prefix-9 {
  margin-left: 75%;
}
.suffix-9 {
  margin-right: 75%;
}
.gr-10 {
  width: 83.33333%;
}
.push-10 {
  left: 83.33333%;
}
.pull-10 {
  right: 83.33333%;
}
.prefix-10 {
  margin-left: 83.33333%;
}
.suffix-10 {
  margin-right: 83.33333%;
}
.gr-11 {
  width: 91.66667%;
}
.push-11 {
  left: 91.66667%;
}
.pull-11 {
  right: 91.66667%;
}
.prefix-11 {
  margin-left: 91.66667%;
}
.suffix-11 {
  margin-right: 91.66667%;
}
.gr-12 {
  width: 100%;
}
.push-12 {
  left: 100%;
}
.pull-12 {
  right: 100%;
}
.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: 6px;
  padding-left: 6px;
}
.gutter-left {
  padding-left: 6px;
}
.gutter-right {
  padding-right: 6px;
}
.auto-height {
  height: inherit;
}
.row {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[class*="no-gutter"] > .row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.row-reverse {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[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%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.col {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.col-reverse {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.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;
}
.clear-each-12 > [class*="gr-"]:nth-of-type(12n+1) {
  clear: both;
}
.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: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  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;
}
.state-mobile .gr-1on5\@mobile {
  width: 20%;
}
.state-mobile .push-1on5\@mobile {
  left: 20%;
}
.state-mobile .pull-1on5\@mobile {
  right: 20%;
}
.state-mobile .prefix-1on5\@mobile {
  margin-left: 20%;
}
.state-mobile .suffix-1on5\@mobile {
  margin-right: 20%;
}
.state-mobile .gr-0\@mobile {
  width: 0%;
}
.state-mobile .push-0\@mobile {
  left: 0%;
}
.state-mobile .pull-0\@mobile {
  right: 0%;
}
.state-mobile .prefix-0\@mobile {
  margin-left: 0%;
}
.state-mobile .suffix-0\@mobile {
  margin-right: 0%;
}
.state-mobile .gr-1\@mobile {
  width: 8.33333%;
}
.state-mobile .push-1\@mobile {
  left: 8.33333%;
}
.state-mobile .pull-1\@mobile {
  right: 8.33333%;
}
.state-mobile .prefix-1\@mobile {
  margin-left: 8.33333%;
}
.state-mobile .suffix-1\@mobile {
  margin-right: 8.33333%;
}
.state-mobile .gr-2\@mobile {
  width: 16.66667%;
}
.state-mobile .push-2\@mobile {
  left: 16.66667%;
}
.state-mobile .pull-2\@mobile {
  right: 16.66667%;
}
.state-mobile .prefix-2\@mobile {
  margin-left: 16.66667%;
}
.state-mobile .suffix-2\@mobile {
  margin-right: 16.66667%;
}
.state-mobile .gr-3\@mobile {
  width: 25%;
}
.state-mobile .push-3\@mobile {
  left: 25%;
}
.state-mobile .pull-3\@mobile {
  right: 25%;
}
.state-mobile .prefix-3\@mobile {
  margin-left: 25%;
}
.state-mobile .suffix-3\@mobile {
  margin-right: 25%;
}
.state-mobile .gr-4\@mobile {
  width: 33.33333%;
}
.state-mobile .push-4\@mobile {
  left: 33.33333%;
}
.state-mobile .pull-4\@mobile {
  right: 33.33333%;
}
.state-mobile .prefix-4\@mobile {
  margin-left: 33.33333%;
}
.state-mobile .suffix-4\@mobile {
  margin-right: 33.33333%;
}
.state-mobile .gr-5\@mobile {
  width: 41.66667%;
}
.state-mobile .push-5\@mobile {
  left: 41.66667%;
}
.state-mobile .pull-5\@mobile {
  right: 41.66667%;
}
.state-mobile .prefix-5\@mobile {
  margin-left: 41.66667%;
}
.state-mobile .suffix-5\@mobile {
  margin-right: 41.66667%;
}
.state-mobile .gr-6\@mobile {
  width: 50%;
}
.state-mobile .push-6\@mobile {
  left: 50%;
}
.state-mobile .pull-6\@mobile {
  right: 50%;
}
.state-mobile .prefix-6\@mobile {
  margin-left: 50%;
}
.state-mobile .suffix-6\@mobile {
  margin-right: 50%;
}
.state-mobile .gr-7\@mobile {
  width: 58.33333%;
}
.state-mobile .push-7\@mobile {
  left: 58.33333%;
}
.state-mobile .pull-7\@mobile {
  right: 58.33333%;
}
.state-mobile .prefix-7\@mobile {
  margin-left: 58.33333%;
}
.state-mobile .suffix-7\@mobile {
  margin-right: 58.33333%;
}
.state-mobile .gr-8\@mobile {
  width: 66.66667%;
}
.state-mobile .push-8\@mobile {
  left: 66.66667%;
}
.state-mobile .pull-8\@mobile {
  right: 66.66667%;
}
.state-mobile .prefix-8\@mobile {
  margin-left: 66.66667%;
}
.state-mobile .suffix-8\@mobile {
  margin-right: 66.66667%;
}
.state-mobile .gr-9\@mobile {
  width: 75%;
}
.state-mobile .push-9\@mobile {
  left: 75%;
}
.state-mobile .pull-9\@mobile {
  right: 75%;
}
.state-mobile .prefix-9\@mobile {
  margin-left: 75%;
}
.state-mobile .suffix-9\@mobile {
  margin-right: 75%;
}
.state-mobile .gr-10\@mobile {
  width: 83.33333%;
}
.state-mobile .push-10\@mobile {
  left: 83.33333%;
}
.state-mobile .pull-10\@mobile {
  right: 83.33333%;
}
.state-mobile .prefix-10\@mobile {
  margin-left: 83.33333%;
}
.state-mobile .suffix-10\@mobile {
  margin-right: 83.33333%;
}
.state-mobile .gr-11\@mobile {
  width: 91.66667%;
}
.state-mobile .push-11\@mobile {
  left: 91.66667%;
}
.state-mobile .pull-11\@mobile {
  right: 91.66667%;
}
.state-mobile .prefix-11\@mobile {
  margin-left: 91.66667%;
}
.state-mobile .suffix-11\@mobile {
  margin-right: 91.66667%;
}
.state-mobile .gr-12\@mobile {
  width: 100%;
}
.state-mobile .push-12\@mobile {
  left: 100%;
}
.state-mobile .pull-12\@mobile {
  right: 100%;
}
.state-mobile .prefix-12\@mobile {
  margin-left: 100%;
}
.state-mobile .suffix-12\@mobile {
  margin-right: 100%;
}
.state-mobile .float-left\@mobile {
  float: left;
}
.state-mobile .float-right\@mobile {
  float: right;
}
.state-mobile .clear\@mobile {
  clear: both;
}
.state-mobile .clear-left\@mobile {
  clear: left;
}
.state-mobile .clear-right\@mobile {
  clear: right;
}
.state-mobile .no-gutter\@mobile {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.state-mobile .no-gutter-left\@mobile {
  padding-left: 0;
}
.state-mobile .no-gutter-right\@mobile {
  padding-right: 0;
}
.state-mobile .no-gutter-top\@mobile {
  padding-top: 0;
}
.state-mobile .no-gutter-bottom\@mobile {
  padding-bottom: 0;
}
.state-mobile .gutter\@mobile {
  padding-right: 6px;
  padding-left: 6px;
}
.state-mobile .gutter-left\@mobile {
  padding-left: 6px;
}
.state-mobile .gutter-right\@mobile {
  padding-right: 6px;
}
.state-mobile .auto-height\@mobile {
  height: inherit;
}
.state-mobile .row\@mobile {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[class*="no-gutter"] > .state-mobile .row\@mobile {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-mobile .row-reverse\@mobile {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[class*="no-gutter"] > .state-mobile .row-reverse\@mobile {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-mobile .row-full\@mobile {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.state-mobile .col\@mobile {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.state-mobile .col-reverse\@mobile {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.state-mobile .gr-table\@mobile {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.state-mobile .row-align-left\@mobile {
  font-size: 0;
  clear: both;
  text-align: left;
}
.state-mobile .row-align-left\@mobile > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-mobile .row-align-left\@mobile > * {
      margin-right: -0.5px;
  }
}
.state-mobile .row-align-center\@mobile {
  font-size: 0;
  clear: both;
  text-align: center;
}
.state-mobile .row-align-center\@mobile > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-mobile .row-align-center\@mobile > * {
      margin-right: -0.5px;
  }
}
.state-mobile .row-align-center\@mobile > * {
  text-align: left;
}
.state-mobile .row-align-right\@mobile {
  font-size: 0;
  clear: both;
  text-align: right;
}
.state-mobile .row-align-right\@mobile > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-mobile .row-align-right\@mobile > * {
      margin-right: -0.5px;
  }
}
.state-mobile .row-align-right\@mobile > * {
  text-align: left;
}
.state-mobile .row-align-middle\@mobile {
  font-size: 0;
  clear: both;
  vertical-align: middle;
}
.state-mobile .row-align-middle\@mobile > * {
  float: none !important;
  vertical-align: middle;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-mobile .row-align-middle\@mobile > * {
      margin-right: -0.5px;
  }
}
.state-mobile .row-align-top\@mobile {
  font-size: 0;
  clear: both;
  vertical-align: top;
}
.state-mobile .row-align-top\@mobile > * {
  float: none !important;
  vertical-align: top;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-mobile .row-align-top\@mobile > * {
      margin-right: -0.5px;
  }
}
.state-mobile .row-align-bottom\@mobile {
  font-size: 0;
  clear: both;
  vertical-align: bottom;
}
.state-mobile .row-align-bottom\@mobile > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-mobile .row-align-bottom\@mobile > * {
      margin-right: -0.5px;
  }
}
.state-mobile .hide\@mobile {
  display: none;
}
.state-mobile .not-visible\@mobile {
  visibility: hidden;
}
.state-mobile .show\@mobile {
  display: block;
}
.state-mobile .show-inline\@mobile {
  display: inline-block;
}
.state-mobile .visible\@mobile {
  visibility: visible;
}
.state-mobile .clear-each-2\@mobile > [class*="gr-"]:nth-of-type(2n+1) {
  clear: left;
}
.state-mobile .clear-each-3\@mobile > [class*="gr-"]:nth-of-type(3n+1) {
  clear: left;
}
.state-mobile .clear-each-12\@mobile > [class*="gr-"]:nth-of-type(12n+1) {
  clear: both;
}
.state-mobile .row-debug\@mobile {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}
.state-mobile .row-debug\@mobile: before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.66667% 100%;
  z-index: 99999;
}
.state-mobile body {
  direction: ltr;
}
@media screen and (max-width: 480px) {
  .gr-1on5\@mobile {
      width: 20%;
  }
  .push-1on5\@mobile {
      left: 20%;
  }
  .pull-1on5\@mobile {
      right: 20%;
  }
  .prefix-1on5\@mobile {
      margin-left: 20%;
  }
  .suffix-1on5\@mobile {
      margin-right: 20%;
  }
  .gr-0\@mobile {
      width: 0%;
  }
  .push-0\@mobile {
      left: 0%;
  }
  .pull-0\@mobile {
      right: 0%;
  }
  .prefix-0\@mobile {
      margin-left: 0%;
  }
  .suffix-0\@mobile {
      margin-right: 0%;
  }
  .gr-1\@mobile {
      width: 8.33333%;
  }
  .push-1\@mobile {
      left: 8.33333%;
  }
  .pull-1\@mobile {
      right: 8.33333%;
  }
  .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%;
  }
  .pull-2\@mobile {
      right: 16.66667%;
  }
  .prefix-2\@mobile {
      margin-left: 16.66667%;
  }
  .suffix-2\@mobile {
      margin-right: 16.66667%;
  }
  .gr-3\@mobile {
      width: 25%;
  }
  .push-3\@mobile {
      left: 25%;
  }
  .pull-3\@mobile {
      right: 25%;
  }
  .prefix-3\@mobile {
      margin-left: 25%;
  }
  .suffix-3\@mobile {
      margin-right: 25%;
  }
  .gr-4\@mobile {
      width: 33.33333%;
  }
  .push-4\@mobile {
      left: 33.33333%;
  }
  .pull-4\@mobile {
      right: 33.33333%;
  }
  .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%;
  }
  .pull-5\@mobile {
      right: 41.66667%;
  }
  .prefix-5\@mobile {
      margin-left: 41.66667%;
  }
  .suffix-5\@mobile {
      margin-right: 41.66667%;
  }
  .gr-6\@mobile {
      width: 50%;
  }
  .push-6\@mobile {
      left: 50%;
  }
  .pull-6\@mobile {
      right: 50%;
  }
  .prefix-6\@mobile {
      margin-left: 50%;
  }
  .suffix-6\@mobile {
      margin-right: 50%;
  }
  .gr-7\@mobile {
      width: 58.33333%;
  }
  .push-7\@mobile {
      left: 58.33333%;
  }
  .pull-7\@mobile {
      right: 58.33333%;
  }
  .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%;
  }
  .pull-8\@mobile {
      right: 66.66667%;
  }
  .prefix-8\@mobile {
      margin-left: 66.66667%;
  }
  .suffix-8\@mobile {
      margin-right: 66.66667%;
  }
  .gr-9\@mobile {
      width: 75%;
  }
  .push-9\@mobile {
      left: 75%;
  }
  .pull-9\@mobile {
      right: 75%;
  }
  .prefix-9\@mobile {
      margin-left: 75%;
  }
  .suffix-9\@mobile {
      margin-right: 75%;
  }
  .gr-10\@mobile {
      width: 83.33333%;
  }
  .push-10\@mobile {
      left: 83.33333%;
  }
  .pull-10\@mobile {
      right: 83.33333%;
  }
  .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%;
  }
  .pull-11\@mobile {
      right: 91.66667%;
  }
  .prefix-11\@mobile {
      margin-left: 91.66667%;
  }
  .suffix-11\@mobile {
      margin-right: 91.66667%;
  }
  .gr-12\@mobile {
      width: 100%;
  }
  .push-12\@mobile {
      left: 100%;
  }
  .pull-12\@mobile {
      right: 100%;
  }
  .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: 6px;
      padding-left: 6px;
  }
  .gutter-left\@mobile {
      padding-left: 6px;
  }
  .gutter-right\@mobile {
      padding-right: 6px;
  }
  .auto-height\@mobile {
      height: inherit;
  }
  .row\@mobile {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -6px;
      margin-right: -6px;
  }
  [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: -6px;
      margin-right: -6px;
  }
  [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%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
  .col\@mobile {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -6px;
      margin-right: -6px;
  }
  .col-reverse\@mobile {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -6px;
      margin-right: -6px;
  }
  .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;
  }
  .clear-each-12\@mobile > [class*="gr-"]:nth-of-type(12n+1) {
      clear: both;
  }
  .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: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
      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;
  }
}
.state-tablet .gr-1on5\@tablet {
  width: 20%;
}
.state-tablet .push-1on5\@tablet {
  left: 20%;
}
.state-tablet .pull-1on5\@tablet {
  right: 20%;
}
.state-tablet .prefix-1on5\@tablet {
  margin-left: 20%;
}
.state-tablet .suffix-1on5\@tablet {
  margin-right: 20%;
}
.state-tablet .gr-0\@tablet {
  width: 0%;
}
.state-tablet .push-0\@tablet {
  left: 0%;
}
.state-tablet .pull-0\@tablet {
  right: 0%;
}
.state-tablet .prefix-0\@tablet {
  margin-left: 0%;
}
.state-tablet .suffix-0\@tablet {
  margin-right: 0%;
}
.state-tablet .gr-1\@tablet {
  width: 8.33333%;
}
.state-tablet .push-1\@tablet {
  left: 8.33333%;
}
.state-tablet .pull-1\@tablet {
  right: 8.33333%;
}
.state-tablet .prefix-1\@tablet {
  margin-left: 8.33333%;
}
.state-tablet .suffix-1\@tablet {
  margin-right: 8.33333%;
}
.state-tablet .gr-2\@tablet {
  width: 16.66667%;
}
.state-tablet .push-2\@tablet {
  left: 16.66667%;
}
.state-tablet .pull-2\@tablet {
  right: 16.66667%;
}
.state-tablet .prefix-2\@tablet {
  margin-left: 16.66667%;
}
.state-tablet .suffix-2\@tablet {
  margin-right: 16.66667%;
}
.state-tablet .gr-3\@tablet {
  width: 25%;
}
.state-tablet .push-3\@tablet {
  left: 25%;
}
.state-tablet .pull-3\@tablet {
  right: 25%;
}
.state-tablet .prefix-3\@tablet {
  margin-left: 25%;
}
.state-tablet .suffix-3\@tablet {
  margin-right: 25%;
}
.state-tablet .gr-4\@tablet {
  width: 33.33333%;
}
.state-tablet .push-4\@tablet {
  left: 33.33333%;
}
.state-tablet .pull-4\@tablet {
  right: 33.33333%;
}
.state-tablet .prefix-4\@tablet {
  margin-left: 33.33333%;
}
.state-tablet .suffix-4\@tablet {
  margin-right: 33.33333%;
}
.state-tablet .gr-5\@tablet {
  width: 41.66667%;
}
.state-tablet .push-5\@tablet {
  left: 41.66667%;
}
.state-tablet .pull-5\@tablet {
  right: 41.66667%;
}
.state-tablet .prefix-5\@tablet {
  margin-left: 41.66667%;
}
.state-tablet .suffix-5\@tablet {
  margin-right: 41.66667%;
}
.state-tablet .gr-6\@tablet {
  width: 50%;
}
.state-tablet .push-6\@tablet {
  left: 50%;
}
.state-tablet .pull-6\@tablet {
  right: 50%;
}
.state-tablet .prefix-6\@tablet {
  margin-left: 50%;
}
.state-tablet .suffix-6\@tablet {
  margin-right: 50%;
}
.state-tablet .gr-7\@tablet {
  width: 58.33333%;
}
.state-tablet .push-7\@tablet {
  left: 58.33333%;
}
.state-tablet .pull-7\@tablet {
  right: 58.33333%;
}
.state-tablet .prefix-7\@tablet {
  margin-left: 58.33333%;
}
.state-tablet .suffix-7\@tablet {
  margin-right: 58.33333%;
}
.state-tablet .gr-8\@tablet {
  width: 66.66667%;
}
.state-tablet .push-8\@tablet {
  left: 66.66667%;
}
.state-tablet .pull-8\@tablet {
  right: 66.66667%;
}
.state-tablet .prefix-8\@tablet {
  margin-left: 66.66667%;
}
.state-tablet .suffix-8\@tablet {
  margin-right: 66.66667%;
}
.state-tablet .gr-9\@tablet {
  width: 75%;
}
.state-tablet .push-9\@tablet {
  left: 75%;
}
.state-tablet .pull-9\@tablet {
  right: 75%;
}
.state-tablet .prefix-9\@tablet {
  margin-left: 75%;
}
.state-tablet .suffix-9\@tablet {
  margin-right: 75%;
}
.state-tablet .gr-10\@tablet {
  width: 83.33333%;
}
.state-tablet .push-10\@tablet {
  left: 83.33333%;
}
.state-tablet .pull-10\@tablet {
  right: 83.33333%;
}
.state-tablet .prefix-10\@tablet {
  margin-left: 83.33333%;
}
.state-tablet .suffix-10\@tablet {
  margin-right: 83.33333%;
}
.state-tablet .gr-11\@tablet {
  width: 91.66667%;
}
.state-tablet .push-11\@tablet {
  left: 91.66667%;
}
.state-tablet .pull-11\@tablet {
  right: 91.66667%;
}
.state-tablet .prefix-11\@tablet {
  margin-left: 91.66667%;
}
.state-tablet .suffix-11\@tablet {
  margin-right: 91.66667%;
}
.state-tablet .gr-12\@tablet {
  width: 100%;
}
.state-tablet .push-12\@tablet {
  left: 100%;
}
.state-tablet .pull-12\@tablet {
  right: 100%;
}
.state-tablet .prefix-12\@tablet {
  margin-left: 100%;
}
.state-tablet .suffix-12\@tablet {
  margin-right: 100%;
}
.state-tablet .float-left\@tablet {
  float: left;
}
.state-tablet .float-right\@tablet {
  float: right;
}
.state-tablet .clear\@tablet {
  clear: both;
}
.state-tablet .clear-left\@tablet {
  clear: left;
}
.state-tablet .clear-right\@tablet {
  clear: right;
}
.state-tablet .no-gutter\@tablet {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.state-tablet .no-gutter-left\@tablet {
  padding-left: 0;
}
.state-tablet .no-gutter-right\@tablet {
  padding-right: 0;
}
.state-tablet .no-gutter-top\@tablet {
  padding-top: 0;
}
.state-tablet .no-gutter-bottom\@tablet {
  padding-bottom: 0;
}
.state-tablet .gutter\@tablet {
  padding-right: 6px;
  padding-left: 6px;
}
.state-tablet .gutter-left\@tablet {
  padding-left: 6px;
}
.state-tablet .gutter-right\@tablet {
  padding-right: 6px;
}
.state-tablet .auto-height\@tablet {
  height: inherit;
}
.state-tablet .row\@tablet {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[class*="no-gutter"] > .state-tablet .row\@tablet {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-tablet .row-reverse\@tablet {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
[class*="no-gutter"] > .state-tablet .row-reverse\@tablet {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-tablet .row-full\@tablet {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.state-tablet .col\@tablet {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.state-tablet .col-reverse\@tablet {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -6px;
  margin-right: -6px;
}
.state-tablet .gr-table\@tablet {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.state-tablet .row-align-left\@tablet {
  font-size: 0;
  clear: both;
  text-align: left;
}
.state-tablet .row-align-left\@tablet > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-tablet .row-align-left\@tablet > * {
      margin-right: -0.5px;
  }
}
.state-tablet .row-align-center\@tablet {
  font-size: 0;
  clear: both;
  text-align: center;
}
.state-tablet .row-align-center\@tablet > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-tablet .row-align-center\@tablet > * {
      margin-right: -0.5px;
  }
}
.state-tablet .row-align-center\@tablet > * {
  text-align: left;
}
.state-tablet .row-align-right\@tablet {
  font-size: 0;
  clear: both;
  text-align: right;
}
.state-tablet .row-align-right\@tablet > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-tablet .row-align-right\@tablet > * {
      margin-right: -0.5px;
  }
}
.state-tablet .row-align-right\@tablet > * {
  text-align: left;
}
.state-tablet .row-align-middle\@tablet {
  font-size: 0;
  clear: both;
  vertical-align: middle;
}
.state-tablet .row-align-middle\@tablet > * {
  float: none !important;
  vertical-align: middle;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-tablet .row-align-middle\@tablet > * {
      margin-right: -0.5px;
  }
}
.state-tablet .row-align-top\@tablet {
  font-size: 0;
  clear: both;
  vertical-align: top;
}
.state-tablet .row-align-top\@tablet > * {
  float: none !important;
  vertical-align: top;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-tablet .row-align-top\@tablet > * {
      margin-right: -0.5px;
  }
}
.state-tablet .row-align-bottom\@tablet {
  font-size: 0;
  clear: both;
  vertical-align: bottom;
}
.state-tablet .row-align-bottom\@tablet > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-tablet .row-align-bottom\@tablet > * {
      margin-right: -0.5px;
  }
}
.state-tablet .hide\@tablet {
  display: none;
}
.state-tablet .not-visible\@tablet {
  visibility: hidden;
}
.state-tablet .show\@tablet {
  display: block;
}
.state-tablet .show-inline\@tablet {
  display: inline-block;
}
.state-tablet .visible\@tablet {
  visibility: visible;
}
.state-tablet .clear-each-2\@tablet > [class*="gr-"]:nth-of-type(2n+1) {
  clear: left;
}
.state-tablet .clear-each-3\@tablet > [class*="gr-"]:nth-of-type(3n+1) {
  clear: left;
}
.state-tablet .clear-each-12\@tablet > [class*="gr-"]:nth-of-type(12n+1) {
  clear: both;
}
.state-tablet .row-debug\@tablet {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}
.state-tablet .row-debug\@tablet: before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.66667% 100%;
  z-index: 99999;
}
.state-tablet body {
  direction: ltr;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  .gr-1on5\@tablet {
      width: 20%;
  }
  .push-1on5\@tablet {
      left: 20%;
  }
  .pull-1on5\@tablet {
      right: 20%;
  }
  .prefix-1on5\@tablet {
      margin-left: 20%;
  }
  .suffix-1on5\@tablet {
      margin-right: 20%;
  }
  .gr-0\@tablet {
      width: 0%;
  }
  .push-0\@tablet {
      left: 0%;
  }
  .pull-0\@tablet {
      right: 0%;
  }
  .prefix-0\@tablet {
      margin-left: 0%;
  }
  .suffix-0\@tablet {
      margin-right: 0%;
  }
  .gr-1\@tablet {
      width: 8.33333%;
  }
  .push-1\@tablet {
      left: 8.33333%;
  }
  .pull-1\@tablet {
      right: 8.33333%;
  }
  .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%;
  }
  .pull-2\@tablet {
      right: 16.66667%;
  }
  .prefix-2\@tablet {
      margin-left: 16.66667%;
  }
  .suffix-2\@tablet {
      margin-right: 16.66667%;
  }
  .gr-3\@tablet {
      width: 25%;
  }
  .push-3\@tablet {
      left: 25%;
  }
  .pull-3\@tablet {
      right: 25%;
  }
  .prefix-3\@tablet {
      margin-left: 25%;
  }
  .suffix-3\@tablet {
      margin-right: 25%;
  }
  .gr-4\@tablet {
      width: 33.33333%;
  }
  .push-4\@tablet {
      left: 33.33333%;
  }
  .pull-4\@tablet {
      right: 33.33333%;
  }
  .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%;
  }
  .pull-5\@tablet {
      right: 41.66667%;
  }
  .prefix-5\@tablet {
      margin-left: 41.66667%;
  }
  .suffix-5\@tablet {
      margin-right: 41.66667%;
  }
  .gr-6\@tablet {
      width: 50%;
  }
  .push-6\@tablet {
      left: 50%;
  }
  .pull-6\@tablet {
      right: 50%;
  }
  .prefix-6\@tablet {
      margin-left: 50%;
  }
  .suffix-6\@tablet {
      margin-right: 50%;
  }
  .gr-7\@tablet {
      width: 58.33333%;
  }
  .push-7\@tablet {
      left: 58.33333%;
  }
  .pull-7\@tablet {
      right: 58.33333%;
  }
  .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%;
  }
  .pull-8\@tablet {
      right: 66.66667%;
  }
  .prefix-8\@tablet {
      margin-left: 66.66667%;
  }
  .suffix-8\@tablet {
      margin-right: 66.66667%;
  }
  .gr-9\@tablet {
      width: 75%;
  }
  .push-9\@tablet {
      left: 75%;
  }
  .pull-9\@tablet {
      right: 75%;
  }
  .prefix-9\@tablet {
      margin-left: 75%;
  }
  .suffix-9\@tablet {
      margin-right: 75%;
  }
  .gr-10\@tablet {
      width: 83.33333%;
  }
  .push-10\@tablet {
      left: 83.33333%;
  }
  .pull-10\@tablet {
      right: 83.33333%;
  }
  .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%;
  }
  .pull-11\@tablet {
      right: 91.66667%;
  }
  .prefix-11\@tablet {
      margin-left: 91.66667%;
  }
  .suffix-11\@tablet {
      margin-right: 91.66667%;
  }
  .gr-12\@tablet {
      width: 100%;
  }
  .push-12\@tablet {
      left: 100%;
  }
  .pull-12\@tablet {
      right: 100%;
  }
  .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: 6px;
      padding-left: 6px;
  }
  .gutter-left\@tablet {
      padding-left: 6px;
  }
  .gutter-right\@tablet {
      padding-right: 6px;
  }
  .auto-height\@tablet {
      height: inherit;
  }
  .row\@tablet {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -6px;
      margin-right: -6px;
  }
  [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: -6px;
      margin-right: -6px;
  }
  [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%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
  .col\@tablet {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -6px;
      margin-right: -6px;
  }
  .col-reverse\@tablet {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -6px;
      margin-right: -6px;
  }
  .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;
  }
  .clear-each-12\@tablet > [class*="gr-"]:nth-of-type(12n+1) {
      clear: both;
  }
  .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: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
      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;
  }
}
.state-ipad-landscape .gr-1on5\@ipad-landscape {
  width: 20%;
}
.state-ipad-landscape .push-1on5\@ipad-landscape {
  left: 20%;
}
.state-ipad-landscape .pull-1on5\@ipad-landscape {
  right: 20%;
}
.state-ipad-landscape .prefix-1on5\@ipad-landscape {
  margin-left: 20%;
}
.state-ipad-landscape .suffix-1on5\@ipad-landscape {
  margin-right: 20%;
}
.state-ipad-landscape .gr-0\@ipad-landscape {
  width: 0%;
}
.state-ipad-landscape .push-0\@ipad-landscape {
  left: 0%;
}
.state-ipad-landscape .pull-0\@ipad-landscape {
  right: 0%;
}
.state-ipad-landscape .prefix-0\@ipad-landscape {
  margin-left: 0%;
}
.state-ipad-landscape .suffix-0\@ipad-landscape {
  margin-right: 0%;
}
.state-ipad-landscape .gr-1\@ipad-landscape {
  width: 8.33333%;
}
.state-ipad-landscape .push-1\@ipad-landscape {
  left: 8.33333%;
}
.state-ipad-landscape .pull-1\@ipad-landscape {
  right: 8.33333%;
}
.state-ipad-landscape .prefix-1\@ipad-landscape {
  margin-left: 8.33333%;
}
.state-ipad-landscape .suffix-1\@ipad-landscape {
  margin-right: 8.33333%;
}
.state-ipad-landscape .gr-2\@ipad-landscape {
  width: 16.66667%;
}
.state-ipad-landscape .push-2\@ipad-landscape {
  left: 16.66667%;
}
.state-ipad-landscape .pull-2\@ipad-landscape {
  right: 16.66667%;
}
.state-ipad-landscape .prefix-2\@ipad-landscape {
  margin-left: 16.66667%;
}
.state-ipad-landscape .suffix-2\@ipad-landscape {
  margin-right: 16.66667%;
}
.state-ipad-landscape .gr-3\@ipad-landscape {
  width: 25%;
}
.state-ipad-landscape .push-3\@ipad-landscape {
  left: 25%;
}
.state-ipad-landscape .pull-3\@ipad-landscape {
  right: 25%;
}
.state-ipad-landscape .prefix-3\@ipad-landscape {
  margin-left: 25%;
}
.state-ipad-landscape .suffix-3\@ipad-landscape {
  margin-right: 25%;
}
.state-ipad-landscape .gr-4\@ipad-landscape {
  width: 33.33333%;
}
.state-ipad-landscape .push-4\@ipad-landscape {
  left: 33.33333%;
}
.state-ipad-landscape .pull-4\@ipad-landscape {
  right: 33.33333%;
}
.state-ipad-landscape .prefix-4\@ipad-landscape {
  margin-left: 33.33333%;
}
.state-ipad-landscape .suffix-4\@ipad-landscape {
  margin-right: 33.33333%;
}
.state-ipad-landscape .gr-5\@ipad-landscape {
  width: 41.66667%;
}
.state-ipad-landscape .push-5\@ipad-landscape {
  left: 41.66667%;
}
.state-ipad-landscape .pull-5\@ipad-landscape {
  right: 41.66667%;
}
.state-ipad-landscape .prefix-5\@ipad-landscape {
  margin-left: 41.66667%;
}
.state-ipad-landscape .suffix-5\@ipad-landscape {
  margin-right: 41.66667%;
}
.state-ipad-landscape .gr-6\@ipad-landscape {
  width: 50%;
}
.state-ipad-landscape .push-6\@ipad-landscape {
  left: 50%;
}
.state-ipad-landscape .pull-6\@ipad-landscape {
  right: 50%;
}
.state-ipad-landscape .prefix-6\@ipad-landscape {
  margin-left: 50%;
}
.state-ipad-landscape .suffix-6\@ipad-landscape {
  margin-right: 50%;
}
.state-ipad-landscape .gr-7\@ipad-landscape {
  width: 58.33333%;
}
.state-ipad-landscape .push-7\@ipad-landscape {
  left: 58.33333%;
}
.state-ipad-landscape .pull-7\@ipad-landscape {
  right: 58.33333%;
}
.state-ipad-landscape .prefix-7\@ipad-landscape {
  margin-left: 58.33333%;
}
.state-ipad-landscape .suffix-7\@ipad-landscape {
  margin-right: 58.33333%;
}
.state-ipad-landscape .gr-8\@ipad-landscape {
  width: 66.66667%;
}
.state-ipad-landscape .push-8\@ipad-landscape {
  left: 66.66667%;
}
.state-ipad-landscape .pull-8\@ipad-landscape {
  right: 66.66667%;
}
.state-ipad-landscape .prefix-8\@ipad-landscape {
  margin-left: 66.66667%;
}
.state-ipad-landscape .suffix-8\@ipad-landscape {
  margin-right: 66.66667%;
}
.state-ipad-landscape .gr-9\@ipad-landscape {
  width: 75%;
}
.state-ipad-landscape .push-9\@ipad-landscape {
  left: 75%;
}
.state-ipad-landscape .pull-9\@ipad-landscape {
  right: 75%;
}
.state-ipad-landscape .prefix-9\@ipad-landscape {
  margin-left: 75%;
}
.state-ipad-landscape .suffix-9\@ipad-landscape {
  margin-right: 75%;
}
.state-ipad-landscape .gr-10\@ipad-landscape {
  width: 83.33333%;
}
.state-ipad-landscape .push-10\@ipad-landscape {
  left: 83.33333%;
}
.state-ipad-landscape .pull-10\@ipad-landscape {
  right: 83.33333%;
}
.state-ipad-landscape .prefix-10\@ipad-landscape {
  margin-left: 83.33333%;
}
.state-ipad-landscape .suffix-10\@ipad-landscape {
  margin-right: 83.33333%;
}
.state-ipad-landscape .gr-11\@ipad-landscape {
  width: 91.66667%;
}
.state-ipad-landscape .push-11\@ipad-landscape {
  left: 91.66667%;
}
.state-ipad-landscape .pull-11\@ipad-landscape {
  right: 91.66667%;
}
.state-ipad-landscape .prefix-11\@ipad-landscape {
  margin-left: 91.66667%;
}
.state-ipad-landscape .suffix-11\@ipad-landscape {
  margin-right: 91.66667%;
}
.state-ipad-landscape .gr-12\@ipad-landscape {
  width: 100%;
}
.state-ipad-landscape .push-12\@ipad-landscape {
  left: 100%;
}
.state-ipad-landscape .pull-12\@ipad-landscape {
  right: 100%;
}
.state-ipad-landscape .prefix-12\@ipad-landscape {
  margin-left: 100%;
}
.state-ipad-landscape .suffix-12\@ipad-landscape {
  margin-right: 100%;
}
.state-ipad-landscape .float-left\@ipad-landscape {
  float: left;
}
.state-ipad-landscape .float-right\@ipad-landscape {
  float: right;
}
.state-ipad-landscape .clear\@ipad-landscape {
  clear: both;
}
.state-ipad-landscape .clear-left\@ipad-landscape {
  clear: left;
}
.state-ipad-landscape .clear-right\@ipad-landscape {
  clear: right;
}
.state-ipad-landscape .no-gutter\@ipad-landscape {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}
.state-ipad-landscape .no-gutter-left\@ipad-landscape {
  padding-left: 0;
}
.state-ipad-landscape .no-gutter-right\@ipad-landscape {
  padding-right: 0;
}
.state-ipad-landscape .no-gutter-top\@ipad-landscape {
  padding-top: 0;
}
.state-ipad-landscape .no-gutter-bottom\@ipad-landscape {
  padding-bottom: 0;
}
.state-ipad-landscape .gutter\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}
.state-ipad-landscape .gutter-left\@ipad-landscape {
  padding-left: 15px;
}
.state-ipad-landscape .gutter-right\@ipad-landscape {
  padding-right: 15px;
}
.state-ipad-landscape .gutter-top\@ipad-landscape {
  padding-top: 25px;
}
.state-ipad-landscape .gutter-bottom\@ipad-landscape {
  padding-bottom: 25px;
}
.state-ipad-landscape .auto-height\@ipad-landscape {
  height: inherit;
}
.state-ipad-landscape .row\@ipad-landscape {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}
[class*="no-gutter"] > .state-ipad-landscape .row\@ipad-landscape {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-ipad-landscape .row-reverse\@ipad-landscape {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}
[class*="no-gutter"] > .state-ipad-landscape .row-reverse\@ipad-landscape {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.state-ipad-landscape .row-full\@ipad-landscape {
  width: 100vw;
  margin-left: 50% !important;
  margin-right: 0 !important;
  -webkit-transform: translateX(-50%);
  -moz-transition: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.state-ipad-landscape .col\@ipad-landscape {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}
.state-ipad-landscape .col-reverse\@ipad-landscape {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-left: -15px;
  margin-right: -15px;
}
.state-ipad-landscape .gr-table\@ipad-landscape {
  display: table-cell;
  float: none;
  vertical-align: top;
}
.state-ipad-landscape .row-align-left\@ipad-landscape {
  font-size: 0;
  clear: both;
  text-align: left;
}
.state-ipad-landscape .row-align-left\@ipad-landscape > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-ipad-landscape .row-align-left\@ipad-landscape > * {
      margin-right: -0.5px;
  }
}
.state-ipad-landscape .row-align-center\@ipad-landscape {
  font-size: 0;
  clear: both;
  text-align: center;
}
.state-ipad-landscape .row-align-center\@ipad-landscape > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-ipad-landscape .row-align-center\@ipad-landscape > * {
      margin-right: -0.5px;
  }
}
.state-ipad-landscape .row-align-center\@ipad-landscape > * {
  text-align: left;
}
.state-ipad-landscape .row-align-right\@ipad-landscape {
  font-size: 0;
  clear: both;
  text-align: right;
}
.state-ipad-landscape .row-align-right\@ipad-landscape > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-ipad-landscape .row-align-right\@ipad-landscape > * {
      margin-right: -0.5px;
  }
}
.state-ipad-landscape .row-align-right\@ipad-landscape > * {
  text-align: left;
}
.state-ipad-landscape .row-align-middle\@ipad-landscape {
  font-size: 0;
  clear: both;
  vertical-align: middle;
}
.state-ipad-landscape .row-align-middle\@ipad-landscape > * {
  float: none !important;
  vertical-align: middle;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-ipad-landscape .row-align-middle\@ipad-landscape > * {
      margin-right: -0.5px;
  }
}
.state-ipad-landscape .row-align-top\@ipad-landscape {
  font-size: 0;
  clear: both;
  vertical-align: top;
}
.state-ipad-landscape .row-align-top\@ipad-landscape > * {
  float: none !important;
  vertical-align: top;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-ipad-landscape .row-align-top\@ipad-landscape > * {
      margin-right: -0.5px;
  }
}
.state-ipad-landscape .row-align-bottom\@ipad-landscape {
  font-size: 0;
  clear: both;
  vertical-align: bottom;
}
.state-ipad-landscape .row-align-bottom\@ipad-landscape > * {
  float: none !important;
  vertical-align: bottom;
  font-size: 1rem;
}
@-moz-document url-prefix() {
  .state-ipad-landscape .row-align-bottom\@ipad-landscape > * {
      margin-right: -0.5px;
  }
}
.state-ipad-landscape .hide\@ipad-landscape {
  display: none;
}
.state-ipad-landscape .not-visible\@ipad-landscape {
  visibility: hidden;
}
.state-ipad-landscape .show\@ipad-landscape {
  display: block;
}
.state-ipad-landscape .show-inline\@ipad-landscape {
  display: inline-block;
}
.state-ipad-landscape .visible\@ipad-landscape {
  visibility: visible;
}
.state-ipad-landscape .clear-each-2\@ipad-landscape > [class*="gr-"]:nth-of-type(2n+1) {
  clear: left;
}
.state-ipad-landscape .clear-each-3\@ipad-landscape > [class*="gr-"]:nth-of-type(3n+1) {
  clear: left;
}
.state-ipad-landscape .clear-each-12\@ipad-landscape > [class*="gr-"]:nth-of-type(12n+1) {
  clear: both;
}
.state-ipad-landscape .row-debug\@ipad-landscape {
  position: relative;
  z-index: 99999;
  overflow: hidden;
}
.state-ipad-landscape .row-debug\@ipad-landscape: before {
  pointer-events: none;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 99999px;
  background: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
  background-size: 16.66667% 100%;
  z-index: 99999;
}
.state-ipad-landscape body {
  direction: ltr;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-1on5\@ipad-landscape {
      width: 20%;
  }
  .push-1on5\@ipad-landscape {
      left: 20%;
  }
  .pull-1on5\@ipad-landscape {
      right: 20%;
  }
  .prefix-1on5\@ipad-landscape {
      margin-left: 20%;
  }
  .suffix-1on5\@ipad-landscape {
      margin-right: 20%;
  }
  .gr-0\@ipad-landscape {
      width: 0%;
  }
  .push-0\@ipad-landscape {
      left: 0%;
  }
  .pull-0\@ipad-landscape {
      right: 0%;
  }
  .prefix-0\@ipad-landscape {
      margin-left: 0%;
  }
  .suffix-0\@ipad-landscape {
      margin-right: 0%;
  }
  .gr-1\@ipad-landscape {
      width: 8.33333%;
  }
  .push-1\@ipad-landscape {
      left: 8.33333%;
  }
  .pull-1\@ipad-landscape {
      right: 8.33333%;
  }
  .prefix-1\@ipad-landscape {
      margin-left: 8.33333%;
  }
  .suffix-1\@ipad-landscape {
      margin-right: 8.33333%;
  }
  .gr-2\@ipad-landscape {
      width: 16.66667%;
  }
  .push-2\@ipad-landscape {
      left: 16.66667%;
  }
  .pull-2\@ipad-landscape {
      right: 16.66667%;
  }
  .prefix-2\@ipad-landscape {
      margin-left: 16.66667%;
  }
  .suffix-2\@ipad-landscape {
      margin-right: 16.66667%;
  }
  .gr-3\@ipad-landscape {
      width: 25%;
  }
  .push-3\@ipad-landscape {
      left: 25%;
  }
  .pull-3\@ipad-landscape {
      right: 25%;
  }
  .prefix-3\@ipad-landscape {
      margin-left: 25%;
  }
  .suffix-3\@ipad-landscape {
      margin-right: 25%;
  }
  .gr-4\@ipad-landscape {
      width: 33.33333%;
  }
  .push-4\@ipad-landscape {
      left: 33.33333%;
  }
  .pull-4\@ipad-landscape {
      right: 33.33333%;
  }
  .prefix-4\@ipad-landscape {
      margin-left: 33.33333%;
  }
  .suffix-4\@ipad-landscape {
      margin-right: 33.33333%;
  }
  .gr-5\@ipad-landscape {
      width: 41.66667%;
  }
  .push-5\@ipad-landscape {
      left: 41.66667%;
  }
  .pull-5\@ipad-landscape {
      right: 41.66667%;
  }
  .prefix-5\@ipad-landscape {
      margin-left: 41.66667%;
  }
  .suffix-5\@ipad-landscape {
      margin-right: 41.66667%;
  }
  .gr-6\@ipad-landscape {
      width: 50%;
  }
  .push-6\@ipad-landscape {
      left: 50%;
  }
  .pull-6\@ipad-landscape {
      right: 50%;
  }
  .prefix-6\@ipad-landscape {
      margin-left: 50%;
  }
  .suffix-6\@ipad-landscape {
      margin-right: 50%;
  }
  .gr-7\@ipad-landscape {
      width: 58.33333%;
  }
  .push-7\@ipad-landscape {
      left: 58.33333%;
  }
  .pull-7\@ipad-landscape {
      right: 58.33333%;
  }
  .prefix-7\@ipad-landscape {
      margin-left: 58.33333%;
  }
  .suffix-7\@ipad-landscape {
      margin-right: 58.33333%;
  }
  .gr-8\@ipad-landscape {
      width: 66.66667%;
  }
  .push-8\@ipad-landscape {
      left: 66.66667%;
  }
  .pull-8\@ipad-landscape {
      right: 66.66667%;
  }
  .prefix-8\@ipad-landscape {
      margin-left: 66.66667%;
  }
  .suffix-8\@ipad-landscape {
      margin-right: 66.66667%;
  }
  .gr-9\@ipad-landscape {
      width: 75%;
  }
  .push-9\@ipad-landscape {
      left: 75%;
  }
  .pull-9\@ipad-landscape {
      right: 75%;
  }
  .prefix-9\@ipad-landscape {
      margin-left: 75%;
  }
  .suffix-9\@ipad-landscape {
      margin-right: 75%;
  }
  .gr-10\@ipad-landscape {
      width: 83.33333%;
  }
  .push-10\@ipad-landscape {
      left: 83.33333%;
  }
  .pull-10\@ipad-landscape {
      right: 83.33333%;
  }
  .prefix-10\@ipad-landscape {
      margin-left: 83.33333%;
  }
  .suffix-10\@ipad-landscape {
      margin-right: 83.33333%;
  }
  .gr-11\@ipad-landscape {
      width: 91.66667%;
  }
  .push-11\@ipad-landscape {
      left: 91.66667%;
  }
  .pull-11\@ipad-landscape {
      right: 91.66667%;
  }
  .prefix-11\@ipad-landscape {
      margin-left: 91.66667%;
  }
  .suffix-11\@ipad-landscape {
      margin-right: 91.66667%;
  }
  .gr-12\@ipad-landscape {
      width: 100%;
  }
  .push-12\@ipad-landscape {
      left: 100%;
  }
  .pull-12\@ipad-landscape {
      right: 100%;
  }
  .prefix-12\@ipad-landscape {
      margin-left: 100%;
  }
  .suffix-12\@ipad-landscape {
      margin-right: 100%;
  }
  .float-left\@ipad-landscape {
      float: left;
  }
  .float-right\@ipad-landscape {
      float: right;
  }
  .clear\@ipad-landscape {
      clear: both;
  }
  .clear-left\@ipad-landscape {
      clear: left;
  }
  .clear-right\@ipad-landscape {
      clear: right;
  }
  .no-gutter\@ipad-landscape {
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      padding-left: 0;
  }
  .no-gutter-left\@ipad-landscape {
      padding-left: 0;
  }
  .no-gutter-right\@ipad-landscape {
      padding-right: 0;
  }
  .no-gutter-top\@ipad-landscape {
      padding-top: 0;
  }
  .no-gutter-bottom\@ipad-landscape {
      padding-bottom: 0;
  }
  .gutter\@ipad-landscape {
      padding-top: 25px;
      padding-right: 15px;
      padding-bottom: 25px;
      padding-left: 15px;
  }
  .gutter-left\@ipad-landscape {
      padding-left: 15px;
  }
  .gutter-right\@ipad-landscape {
      padding-right: 15px;
  }
  .gutter-top\@ipad-landscape {
      padding-top: 25px;
  }
  .gutter-bottom\@ipad-landscape {
      padding-bottom: 25px;
  }
  .auto-height\@ipad-landscape {
      height: inherit;
  }
  .row\@ipad-landscape {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -15px;
      margin-right: -15px;
  }
  [class*="no-gutter"] > .row\@ipad-landscape {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
  .row-reverse\@ipad-landscape {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -15px;
      margin-right: -15px;
  }
  [class*="no-gutter"] > .row-reverse\@ipad-landscape {
      margin-left: 0 !important;
      margin-right: 0 !important;
  }
  .row-full\@ipad-landscape {
      width: 100vw;
      margin-left: 50% !important;
      margin-right: 0 !important;
      -webkit-transform: translateX(-50%);
      -moz-transition: translateX(-50%);
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
  .col\@ipad-landscape {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -15px;
      margin-right: -15px;
  }
  .col-reverse\@ipad-landscape {
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin-left: -15px;
      margin-right: -15px;
  }
  .gr-table\@ipad-landscape {
      display: table-cell;
      float: none;
      vertical-align: top;
  }
  .row-align-left\@ipad-landscape {
      font-size: 0;
      clear: both;
      text-align: left;
  }
  .row-align-left\@ipad-landscape > * {
      float: none !important;
      vertical-align: bottom;
      font-size: 1rem;
  }
  @-moz-document url-prefix() {
      .row-align-left\@ipad-landscape > * {
          margin-right: -0.5px;
      }
  }
  .row-align-center\@ipad-landscape {
      font-size: 0;
      clear: both;
      text-align: center;
  }
  .row-align-center\@ipad-landscape > * {
      float: none !important;
      vertical-align: bottom;
      font-size: 1rem;
  }
  @-moz-document url-prefix() {
      .row-align-center\@ipad-landscape > * {
          margin-right: -0.5px;
      }
  }
  .row-align-center\@ipad-landscape > * {
      text-align: left;
  }
  .row-align-right\@ipad-landscape {
      font-size: 0;
      clear: both;
      text-align: right;
  }
  .row-align-right\@ipad-landscape > * {
      float: none !important;
      vertical-align: bottom;
      font-size: 1rem;
  }
  @-moz-document url-prefix() {
      .row-align-right\@ipad-landscape > * {
          margin-right: -0.5px;
      }
  }
  .row-align-right\@ipad-landscape > * {
      text-align: left;
  }
  .row-align-middle\@ipad-landscape {
      font-size: 0;
      clear: both;
      vertical-align: middle;
  }
  .row-align-middle\@ipad-landscape > * {
      float: none !important;
      vertical-align: middle;
      font-size: 1rem;
  }
  @-moz-document url-prefix() {
      .row-align-middle\@ipad-landscape > * {
          margin-right: -0.5px;
      }
  }
  .row-align-top\@ipad-landscape {
      font-size: 0;
      clear: both;
      vertical-align: top;
  }
  .row-align-top\@ipad-landscape > * {
      float: none !important;
      vertical-align: top;
      font-size: 1rem;
  }
  @-moz-document url-prefix() {
      .row-align-top\@ipad-landscape > * {
          margin-right: -0.5px;
      }
  }
  .row-align-bottom\@ipad-landscape {
      font-size: 0;
      clear: both;
      vertical-align: bottom;
  }
  .row-align-bottom\@ipad-landscape > * {
      float: none !important;
      vertical-align: bottom;
      font-size: 1rem;
  }
  @-moz-document url-prefix() {
      .row-align-bottom\@ipad-landscape > * {
          margin-right: -0.5px;
      }
  }
  .hide\@ipad-landscape {
      display: none;
  }
  .not-visible\@ipad-landscape {
      visibility: hidden;
  }
  .show\@ipad-landscape {
      display: block;
  }
  .show-inline\@ipad-landscape {
      display: inline-block;
  }
  .visible\@ipad-landscape {
      visibility: visible;
  }
  .clear-each-2\@ipad-landscape > [class*="gr-"]:nth-of-type(2n+1) {
      clear: left;
  }
  .clear-each-3\@ipad-landscape > [class*="gr-"]:nth-of-type(3n+1) {
      clear: left;
  }
  .clear-each-12\@ipad-landscape > [class*="gr-"]:nth-of-type(12n+1) {
      clear: both;
  }
  .row-debug\@ipad-landscape {
      position: relative;
      z-index: 99999;
      overflow: hidden;
  }
  .row-debug\@ipad-landscape: before {
      pointer-events: none;
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 99999px;
      background: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 0.02) 50%);
      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;
  }
}
.state-ipad-landscape .gr-1on5,
.state-ipad-landscape .gr-0,
.state-ipad-landscape .gr-1,
.state-ipad-landscape .gr-2,
.state-ipad-landscape .gr-3,
.state-ipad-landscape .gr-4,
.state-ipad-landscape .gr-5,
.state-ipad-landscape .gr-6,
.state-ipad-landscape .gr-7,
.state-ipad-landscape .gr-8,
.state-ipad-landscape .gr-9,
.state-ipad-landscape .gr-10,
.state-ipad-landscape .gr-11,
.state-ipad-landscape .gr-12,
.state-ipad-landscape .gr-1on5\@mobile,
.state-ipad-landscape .gr-0\@mobile,
.state-ipad-landscape .gr-1\@mobile,
.state-ipad-landscape .gr-2\@mobile,
.state-ipad-landscape .gr-3\@mobile,
.state-ipad-landscape .gr-4\@mobile,
.state-ipad-landscape .gr-5\@mobile,
.state-ipad-landscape .gr-6\@mobile,
.state-ipad-landscape .gr-7\@mobile,
.state-ipad-landscape .gr-8\@mobile,
.state-ipad-landscape .gr-9\@mobile,
.state-ipad-landscape .gr-10\@mobile,
.state-ipad-landscape .gr-11\@mobile,
.state-ipad-landscape .gr-12\@mobile,
.state-ipad-landscape .gr-1on5\@tablet,
.state-ipad-landscape .gr-0\@tablet,
.state-ipad-landscape .gr-1\@tablet,
.state-ipad-landscape .gr-2\@tablet,
.state-ipad-landscape .gr-3\@tablet,
.state-ipad-landscape .gr-4\@tablet,
.state-ipad-landscape .gr-5\@tablet,
.state-ipad-landscape .gr-6\@tablet,
.state-ipad-landscape .gr-7\@tablet,
.state-ipad-landscape .gr-8\@tablet,
.state-ipad-landscape .gr-9\@tablet,
.state-ipad-landscape .gr-10\@tablet,
.state-ipad-landscape .gr-11\@tablet,
.state-ipad-landscape .gr-12\@tablet,
.state-ipad-landscape .gr-1on5\@ipad-landscape,
.state-ipad-landscape .gr-0\@ipad-landscape,
.state-ipad-landscape .gr-1\@ipad-landscape,
.state-ipad-landscape .gr-2\@ipad-landscape,
.state-ipad-landscape .gr-3\@ipad-landscape,
.state-ipad-landscape .gr-4\@ipad-landscape,
.state-ipad-landscape .gr-5\@ipad-landscape,
.state-ipad-landscape .gr-6\@ipad-landscape,
.state-ipad-landscape .gr-7\@ipad-landscape,
.state-ipad-landscape .gr-8\@ipad-landscape,
.state-ipad-landscape .gr-9\@ipad-landscape,
.state-ipad-landscape .gr-10\@ipad-landscape,
.state-ipad-landscape .gr-11\@ipad-landscape,
.state-ipad-landscape .gr-12\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}
.state-ipad-landscape .gr-grow,
.state-ipad-landscape .gr-grow\@mobile,
.state-ipad-landscape .gr-grow\@tablet,
.state-ipad-landscape .gr-grow\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}
.state-ipad-landscape .gr-adapt,
.state-ipad-landscape .gr-adapt\@mobile,
.state-ipad-landscape .gr-adapt\@tablet,
.state-ipad-landscape .gr-adapt\@ipad-landscape {
  padding-top: 25px;
  padding-right: 15px;
  padding-bottom: 25px;
  padding-left: 15px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .gr-1on5,
  .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-1on5\@mobile,
  .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-1on5\@tablet,
  .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-1on5\@ipad-landscape,
  .gr-0\@ipad-landscape,
  .gr-1\@ipad-landscape,
  .gr-2\@ipad-landscape,
  .gr-3\@ipad-landscape,
  .gr-4\@ipad-landscape,
  .gr-5\@ipad-landscape,
  .gr-6\@ipad-landscape,
  .gr-7\@ipad-landscape,
  .gr-8\@ipad-landscape,
  .gr-9\@ipad-landscape,
  .gr-10\@ipad-landscape,
  .gr-11\@ipad-landscape,
  .gr-12\@ipad-landscape {
      padding-top: 25px;
      padding-right: 15px;
      padding-bottom: 25px;
      padding-left: 15px;
  }
  .gr-grow,
  .gr-grow\@mobile,
  .gr-grow\@tablet,
  .gr-grow\@ipad-landscape {
      padding-top: 25px;
      padding-right: 15px;
      padding-bottom: 25px;
      padding-left: 15px;
  }
  .gr-adapt,
  .gr-adapt\@mobile,
  .gr-adapt\@tablet,
  .gr-adapt\@ipad-landscape {
      padding-top: 25px;
      padding-right: 15px;
      padding-bottom: 25px;
      padding-left: 15px;
  }
}
.state-default [class*="gr"] > [class*="row"],
.state-default [class*="gr"] > [class*="col"] {
  margin-left: -6px;
  margin-right: -6px;
}
[class*="gr"] > [class*="row"],
[class*="gr"] > [class*="col"] {
  margin-left: -6px;
  margin-right: -6px;
}
.state-mobile [class*="gr"] > [class*="row"],
.state-mobile [class*="gr"] > [class*="col"] {
  margin-left: -6px;
  margin-right: -6px;
}
@media screen and (max-width: 480px) {
  [class*="gr"] > [class*="row"],
  [class*="gr"] > [class*="col"] {
      margin-left: -6px;
      margin-right: -6px;
  }
}
.state-tablet [class*="gr"] > [class*="row"],
.state-tablet [class*="gr"] > [class*="col"] {
  margin-left: -6px;
  margin-right: -6px;
}
@media screen and (min-width: 481px) and (max-width: 1024px) {
  [class*="gr"] > [class*="row"],
  [class*="gr"] > [class*="col"] {
      margin-left: -6px;
      margin-right: -6px;
  }
}
.state-ipad-landscape [class*="gr"] > [class*="row"],
.state-ipad-landscape [class*="gr"] > [class*="col"] {
  margin-left: -15px;
  margin-right: -15px;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  [class*="gr"] > [class*="row"],
  [class*="gr"] > [class*="col"] {
      margin-left: -15px;
      margin-right: -15px;
  }
}
.container {
  position: relative;
  margin: 0 auto;
  width: 960px;
  max-width: 90%;
}
.state-mobile .state-default [class*="gr-"] {
  width: 100%;
  left: 0%;
  right: 0%;
  margin-left: 0%;
  margin-right: 0%;
}
@media screen and (max-width: 480px) {
  .state-default [class*="gr-"] {
      width: 100%;
      left: 0%;
      right: 0%;
      margin-left: 0%;
      margin-right: 0%;
  }
}
.state-mobile [class*="gr-"] {
  width: 100%;
  left: 0%;
  right: 0%;
  margin-left: 0%;
  margin-right: 0%;
}
@media screen and (max-width: 480px) {
  [class*="gr-"] {
      width: 100%;
      left: 0%;
      right: 0%;
      margin-left: 0%;
      margin-right: 0%;
  }
}
.wrap:after {
  content: "";
  display: table;
  clear: both;
}
body {
  background: #FFF;
  color: #333;
  font-size: 13px;
  font-family: Arial;
}
.contentPad {
  position: relative;
  display: table;
  width: 100%;
  height: 100%;
  background-color: white;
  margin-top: 10px;
}
/*.contentPad::after{
  position: absolute;
  content: '';
  width: 10px;
  height: 100%;
  top: 0;
  bottom: 0;
  background-color: #e7e7e7;
  left: 48%;
}*/

.soninSocialTool{
  position: absolute;
  height: 95px;
  width: 170px;
}

#contentWrap {
  float: left;
  height: 100%;
  width: 100%;
}
#contentCol {
  height: 100%;
  overflow: hidden;
  max-width: 720px;
  margin-right: 280px;
}
#contentMainLeft {
  width: 100%;
  height: 100%;
  float: left;
}
#contentMainLeft::before{
  position: absolute;
  content: '';
  width: 8px;
  height: 100%;
  top: 0;
  right: 280px;
  bottom: 0;
  background-color: #e7e7e7;
}
#contentMain {} #contentMain,
.contentEl {
  height: 100%;
  overflow: hidden;
}
.contleftpad {
  position: relative;
  margin-right: 10px;
  padding: 10px;
  padding-left: 0;
}
.contleftpad::afer{
  position: absolute;
  content: '';
  border-right: solid 10px #f8f8f8;
}

.contleftpad .sonin-ftn-desc:hover .title a,
.contleftpad .newsItem:hover .title a {
  color: #fd3e0a !important;
  cursor: pointer;
}

.blockUI.blockMsg img {
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.blockUI.blockMsg {
  border: 0 !important;
  background-color: #ffffff54;
  cursor: wait !important;
  height: 25px;
  width: 130px !important;
  top: 34px !important;
}

.blockUI.blockMsg {
  border: 0;
  background-color: #ffffff54;
  cursor: wait;
  height: 25px;
  width: 130px;
}
/*.contleftpad h4.sectionTitle,
.contleftpad h4.sectionTitle{
  margin: 0;
}*/
.sonin-news-content-more {
  position: relative;
  margin-top: 10px;
  background-color: white;
}
.sonin-news-content-more .contentEl {
  background: #f8f8f8;
  /* border-right: 8px solid #e6e6e6; **/
}
.sonin-list-items {
  padding: 10px;
  /* border-right: 8px solid #e6e6e6; */
}
.sonin-list-items .newsItem.newsHor {
  margin-right: 0;
}
.soninCatListItem {
  display: table;
  overflow: hidden;
  width: 100%;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
}
.soninCatListItem .newsItem.newsHor {
  border: none;
}
.soninCLIDesc {} .soninCatListItem .newsItem.newsHor h4 {
  padding: 0;
  margin-bottom: 8px;
}
.soninCatListItem .newsItem.newsHor h4 a {
  color: black;
  font-size: 14px;
  font-weight: bold;
}
.soninCatListItem .soninCLIDesc p {
  margin: 0;
  padding: 0;
}
.soninCatListItem .newsItem.newsHor span {
  width: auto;
}
.soninCatListItem .newsItem.newsHor .dateago {
  margin-right: 6px;
  padding-right: 6px;
  border-right: 1px solid #bf0005;
}
.soninCLIimg {
  float: left;
  width: 140px;
  margin-right: 10px;
}
/*.sonin-news-content-more .gr-8::before,
.sonin-news-content-more .gr-4::after{
  position: absolute;
  content: '';
  height: 100%;
  width: 10px;
  background-color: #e7e7e7;
  top: 0;
  bottom: 0;
  left: 66.4%;
}
.sonin-news-content-more .gr-4::after{
  left: auto;
  right: 32.6%;
}*/

.sonin-news-content-wrap {
  padding: 10px;
  border-bottom: 1px solid #e7e7e7;
}
.sonin-nctext {
  padding-left: 180px;
  font-size: 14px;
  color: black;
  line-height: 1.6;
}
.sonin-nctext .twitter{
  position: relative;
  background-color: #f1dada;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 20px;
}
.sonin-nctext .twitter::after{
  content: '';
  right: 2px;
  display: block;
  background-image: url('/web/20230608004235im_/https://sonin.mn/v2/img/share-twitter-icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 13px;
  height: 13px;
  margin-top: 2px;
  margin-left: 5px;
  top: auto;
  bottom: 1px;
  position: absolute;
}
.sonin-nctext ins{
text-decoration: none;
border-bottom: 3px solid #b4e7f8;
  box-shadow: inset 0 -4px 0 #b4e7f8;
cursor: pointer;
}

.soninSWthumbWrap{
  display: none;
  margin-top: 54px;
  background-color: white;
}
.soninSWthumbTit{

}
.soninSWthumbTit h1{
  font-size: 20px;
  padding: 15px;
  margin-bottom: 0;
}
.soninSWthumbDesc{
  margin: 0 15px 15px;
}
.soninSWthumbDesc .red{
  color: #bf0005;
  margin-right: 15px;
  padding-right: 15px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e1e1e1;
}
.soninSWthumbDesc  span:last-child a{
  color: #444;
  text-decoration: none;
}
.soninSWthumbWrap img{
  width: 100%;
}

#contentMainRight {
  width: 230px;
  height: 100%;
  margin-left: -260px;
  float: left;
  padding: 10px;
  /*border-left: 8px solid #e7e7e7;
  border-right: 8px solid #e7e7e7; */
}
#rightCol {
  height: 100%;
  width: 280px;
  float: left;
  margin-left: -280px;
  /* border-left: 8px solid #e7e7e7; */
}
.clear-fix {
  display: block;
  clear: both;
}
.clear-fix::after {
  content: '.';
  display: block;
  height: 0;
  font-size: 0;
  line-height: 0;
  clear: both;
  visibility: hidden;
}
h1 {
  color: #000;
}
section:after {
  content: "";
  display: table;
  clear: both;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
.img-responsive {
  width: 100% !important;
}
.img-full {
  min-width: 100%;
  width: 100%;
  height: auto;
}
.parallax-window {
  min-height: 700px;
  background: transparent;
}
.img-circle {
  border-radius: 50%;
  overflow: hidden;
}
#mainContent {
  position: relative;
}
.fullBanner {
  /*border: 1px solid #cdcdcd;*/
  position: relative;
}
.fullBanner span {
  position: absolute;
  color: #9b9b9b;
  font-family: "Roboto", sans-serif;
  padding: 0 6px 0 10px;
  font-size: 9px;
  line-height: 16px;
  right: 0;
  background: #fff;
  border-bottom-left-radius: 30px;
  top: 0;
}
.fullBanner a {
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  line-height: 1;
}
.fullBanner img {
  width: 100%;
}
h2.title {
  text-transform: uppercase;
  line-height: 39px;
  border-left: 5px solid #bf0005;
  padding-left: 26px;
  margin: 0;
}
#backToTop {
  cursor: pointer;
  position: fixed;
  display: none;
  right: 25px;
  bottom: 25px;
  width: 30px;
  height: 30px;
  z-index: 9;
  text-align: center;
  background-color: rgba(0,0,0,.4);
  border-radius: 50%;
}
#backToTop i {
  color: white;
  line-height: 26px;
  font-size: 14px;
}
.FullChapter {
  position: fixed;
  right: 50px;
  bottom: 79px;
  width: 35px;
  list-style: none;
}
.FullChapter ul {
  list-style: none;
  padding: 0;
}
.FullChapter li {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  border-radius: 50%;
  color: #fff;
  line-height: 24px;
  width: 35px;
  font-size: 20px;
  padding: 0;
  margin-top: 5px;
}
.FullChapter li a {
  display: block;
  line-height: 35px;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
.dotted {
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}
#nextPage {
  display: none;
}
#nextPage.loading {
  background: url("/web/20230608004235im_/https://sonin.mn/v2/img/ajax_preloader.gif") no-repeat scroll center center transparent;
  background-position: contain;
  height: 40px;
  width: 100%;
  display: block;
}
.chapterTitle {
  padding-top: 20px;
  text-align: center;
  text-transform: uppercase;
}
.chapterDesc {
  font-size: 16px;
  text-align: center;
  border-bottom: 2px solid #bf0005;
  margin-bottom: 20px;
}
.chapterDesc p {
  text-align: center !important;
}
#header {
  position: relative;
  background-color: white;
  border-bottom: 4px solid #bf0005;
}
#footer {
  border-top: 4px solid #bf0005;
}
.topHeader {
  background: #e6e7e8;
  line-height: 29px;
  font-family: "Roboto", sans-serif;
  font-size: 11px;
}
.topHeader .headerLeft {
  float: left;
}
.topHeader .headerLeft span {
  position: relative;
  float: left;
}
.topHeader .headerLeft span img {
  float: left;
}
.topHeader .headerLeft span.date img {
  margin: 5px 5px 5px 0;
}
.topHeader .headerLeft span.usa img {
  margin: 7px 5px 8px 10px;
}
.topHeader .headerLeft span.weather img {
  margin: 4px 7px 3px 10px;
}
.topHeader .headerLeft span.weather .top {
  vertical-align: 5px;
  float: none;
  font-size: 8px;
  line-height: 0;
}
.topHeader .headerRight {
  text-align: right;
  float: right;
}
.topHeader .headerRight span {
  float: left;
}
.topHeader .headerRight .headerSocial {
  margin: 0;
  padding-left: 10px;
  float: left;
  list-style: none;
}
.topHeader .headerRight .headerSocial li {
  float: left;
  width: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50%;
  margin: 6px 5px;
}
.topHeader .headerRight .headerSocial li a {
  line-height: 18px;
  display: block;
  color: white;
}
.topHeader .headerRight .headerSocial li a i {
  line-height: 16px;
}
.topHeader .headerRight .headerSocial li.facebook {
  background: #3f51b5;
}
.topHeader .headerRight .headerSocial li.twitter {
  background: #03a9f4;
}
.topHeader .headerRight .headerSocial li.youtube {
  background: #f44336;
}
.topHeader .headerRight .headerSocial li.soundcloud a {
  color: #ff9800;
}
#searchHeader {
  position: relative;
}
#searchHeader input {
  width: calc(100% - 50px);
  color: #7f7f7f;
  font-size: 12px;
  padding: 6px;
  border: 1px solid #bbb;
  box-shadow: none;
  padding-right: 40px;
}
#searchHeader button {
  border: medium none;
  box-shadow: none;
  color: #7f7f7f;
  background: transparent;
  position: absolute;
  right: 0;
  top: 0;
  height: 28px;
  width: 30px;
}
.mainHeader{
  position: relative;
  height: 90px;
  overflow: hidden;
}
.mainHeader .headerLeft {
  float: left;
  padding: 16px 0 15px;
  margin-right: 15px;
}
.mainHeader .headerBanner{
  float: left;
  margin: 10px;
  width: 320px;
  position: relative;
  overflow: hidden;
}
.mainHeader .headerBanner img{
  width: 100%;
}
.mainHeader .headerRight {
  float: right;
  padding: 20px 0;
}
@media only screen and (max-width: 767px) {
  .mainHeader .headerLeft {
      float: none;
      text-align: center;
      padding: 10px 0;
  }
  .mainHeader .headerLeft img {
      max-width: 100%;
  }
  .mainHeader .headerRight {
      float: none;
  }
  .topHeader .headerLeft {
      float: none;
  }
  .topHeader .headerLeft:after {
      content: "";
      display: table;
      clear: both;
  }
  .topHeader .headerLeft span.date img {
      margin: 5px 5px 5px 0;
  }
  .topHeader .headerRight {
      text-align: center;
      float: none;
  }
  .topHeader .headerRight:after {
      content: "";
      display: table;
      clear: both;
  }
  #contentMainLeft::before{
      display: none;
  }
  #authors{
    padding: 10px 0 !important;
  }
}
@media only screen and (min-width: 868px) {
  #searchHeader input {
      width: 200px;
  }
}
.footerTop {
  padding: 10px 0;
  background: #777;
  text-align: right;
}
.footerTop img {
  float: right;
}
.footerBottom {
  margin-top: 8px;
}
.footerBottom p.copyright {
  clear: both;
  font-size: 12px;
  display: block;
  color: black;
  margin: 0;
  padding: 0;
}
.sonin-footer-wrap {
  padding: 10px;
  background-color: #FFF;
}
.footerMenu {
  padding: 0;
  list-style: none;
  margin: 0 0 15px;
}
.footerMenu li {
  float: left;
}
.footerMenu li a {
  color: black;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  font-family: "Roboto", sans-serif;
  padding: 0 10px;
  border-left: 1px solid #aaa;
}
.footerMenu li:first-child a {
  border-left: medium none;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  .footerTop {
      text-align: center;
  }
  .footerTop img {
      float: none;
  }
  .footerBottom {
      padding: 20px 0;
  }
  .footerBottom p.copyright {
      text-align: center;
  }
}
.topMenu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.topMenu ul li {
  float: left;
  line-height: 30px;
  border-top: 1px solid #bbb;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-right: 1px solid #bbb;
}
.topMenu ul li:first-child {
  border-left: 1px solid #bbb;
}
.topMenu ul li.active {
  border-color: #bf0005;
  background: #bf0005;
}
.topMenu ul li.active a {
  color: #fff;
}
.topMenu ul li.active:hover {
  background: rgba(191, 0, 5, 0.7);
}
.topMenu ul li.active.nav-home a i {
  color: #fff;
}
.topMenu ul li:hover {
  background: #f2f2f2;
}
.topMenu ul li a {
  padding: 9px 17px;
  color: #000;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}
.topMenu ul li.nav-home a {
  padding: 0 12px;
}
.topMenu ul li.nav-home a i {
  color: #bf0005;
  font-size: 14px;
}
.topMenu ul li.nav-home a span {
  display: none;
}
.topMenu ul .drop-down {
  position: relative;
}
.topMenu ul.submenu {
  display: none;
  position: absolute;
  border: 1px solid #CCC;
  background: #f2f2f2;
  z-index: 20;
  top: calc(100% + 2px);
  width: auto;
  min-width: 210px;
  padding-top: 12px;
}
.topMenu ul.submenu li {
  float: none;
  border: medium none;
  padding: 0;
}
.topMenu ul.submenu li a {
  display: block;
  line-height: 30px;
  padding-left: 14px;
  font-weight: normal;
}
.topMenu ul.submenu li:hover,
.topMenu ul.submenu li.sfHover {
  background: #cacaca;
}
.topMenu ul.submenu li .submenu {
  top: 0;
  left: 100%;
  padding-top: 0px;
}
.topMenu ul.submenu li .submenu:before {
  content: "";
  position: absolute;
  left: -24px;
  top: 2px;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-right: 10px solid #f2f2f2;
  border-bottom: 14px solid transparent;
}
.topMenu ul.submenu:before {
  content: "";
  position: absolute;
  left: 10%;
  top: -2px;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-top: 10px solid #bf0005;
  border-right: 14px solid transparent;
}
.topMenu#rightMenu ul {
  float: right;
}
.topMenu#rightMenu ul li {
  position: relative;
}
.topMenu#rightMenu ul li:after {
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  left: 0;
  top: -1px;
  background: url("/web/20230608004235im_/https://sonin.mn/v2/img/border.png") no-repeat scroll 0 0 transparent;
}
.topMenu#rightMenu ul li:first-child:after {
  left: -1px;
}
.topMenu#rightMenu ul li a {
  font-weight: normal;
}
.mobileBurger {
  display: none;
}
.down {
  -webkit-transform: rotate(0deg) translateY(0) translateX(0);
  transform: rotate(0deg) translateY(0) translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.sfHover {
  background: #f2f2f2;
}
.sfHover .down {
  -webkit-transform: rotate(180deg) translateY(0) translateX(0);
  transform: rotate(180deg) translateY(0) translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.left {
  -webkit-transform: rotate(0deg) translateY(0) translateX(0);
  transform: rotate(0deg) translateY(0) translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.sub-down.sfHover {
  background: #f2f2f2;
}
.sub-down.sfHover .left {
  -webkit-transform: rotate(180deg) translateY(0) translateX(0);
  transform: rotate(180deg) translateY(0) translateX(0);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  transition: -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
@media only screen and (max-width: 999px) {
  .mobileBurger {
      position: absolute;
      top: 50%;
      right: 0;
      display: block;
      text-align: center;
      transform: translate(0, -50%);
  }
  #searchHeader{
      margin-right: 50px;
  }
  .burger {
      display: inline-block;
      border: 0;
      background: none;
      outline: 0;
      padding: 0;
      cursor: pointer;
      border-bottom: 2px solid currentColor;
      width: 26px;
      transition: border-bottom 1s ease-in-out;
      -webkit-transition: border-bottom 1s ease-in-out;
  }
  .burger::-moz-focus-inner {
      border: 0;
      padding: 0;
  }
  .burger:before {
      content: "";
      display: block;
      border-bottom: 2px solid currentColor;
      width: 100%;
      margin-bottom: 3px;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }
  .burger:after {
      content: "";
      display: block;
      border-bottom: 2px solid currentColor;
      width: 100%;
      margin-bottom: 3px;
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }
  .burger-check {
      display: none;
  }
  .burger-check:checked ~ .burger {
      border-bottom: 2px solid transparent;
      transition: border-bottom 0.8s ease-in-out;
      -webkit-transition: border-bottom 0.8s ease-in-out;
  }
  .burger-check:checked ~ .burger:before {
      transform: rotate(-405deg) translateY(3px) translateX(-3px);
      -webkit-transform: rotate(-405deg) translateY(3px) translateX(-3px);
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }
  .burger-check:checked ~ .burger:after {
      transform: rotate(405deg) translateY(0px) translateX(-1px);
      -webkit-transform: rotate(405deg) translateY(0px) translateX(-1px);
      transition: -webkit-transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out;
      transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
      -webkit-transition: -webkit-transform 0.5s ease-in-out;
  }
  #searchHeader,
  .menuHeader {
      max-height: 0;
      overflow: hidden;
      -webkit-transition: max-height 0.5s ease-in-out;
      transition: max-height 0.5s ease-in-out;
  }
  .mainHeader .headerRight {
      padding: 0;
      -webkit-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
  }
  #header.open #searchHeader,
  #header.open .menuHeader {
      max-height: 500px;
      -webkit-transition: max-height 0.5s ease-in-out;
      transition: max-height 0.5s ease-in-out;
  }
  #header.open .mainHeader .headerRight {
      padding: 10px 0;
  }
  .topMenu ul,
  .topMenu#rightMenu ul {
      float: none;
  }
  .topMenu ul li,
  .topMenu#rightMenu ul li {
      border-right: medium none;
      float: none;
      text-align: center;
      line-height: 40px;
  }
  .topMenu ul li:after,
  .topMenu#rightMenu ul li:after {
      display: none;
  }
  .topMenu ul li:first-child,
  .topMenu#rightMenu ul li:first-child {
      border-left: medium none;
  }
  .topMenu ul li a,
  .topMenu#rightMenu ul li a {
      line-height: 40px;
  }
  .topMenu ul li.nav-home a span,
  .topMenu#rightMenu ul li.nav-home a span {
      display: inline-block;
  }
  .topMenu ul li.nav-home a i,
  .topMenu#rightMenu ul li.nav-home a i {
      display: none;
  }
  .topMenu ul.submenu,
  .topMenu#rightMenu ul.submenu {
      position: relative;
      width: 100%;
  }
  .topMenu ul.submenu:before,
  .topMenu#rightMenu ul.submenu:before {
      content: "";
      position: absolute;
      left: 50%;
      margin-left: -7px;
      top: -2px;
      width: 0;
      height: 0;
      border-left: 14px solid transparent;
      border-top: 10px solid #bf0005;
      border-right: 14px solid transparent;
  }
  .topMenu ul.submenu li .submenu,
  .topMenu#rightMenu ul.submenu li .submenu {
      left: 0;
  }
  .topMenu ul.submenu li .submenu:before,
  .topMenu#rightMenu ul.submenu li .submenu:before {
      content: "";
      position: absolute;
      left: 50%;
      margin-left: -7px;
      top: -2px;
      width: 0;
      height: 0;
      border-left: 14px solid transparent;
      border-top: 10px solid #bf0005;
      border-right: 14px solid transparent;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .mobileBurger {
      padding: 32px 0;
      float: right;
  }
}
#megamenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  text-align: center;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(#fff));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.5), #fff);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), #fff);
  height: 100%;
  z-index: 10;
}
#megamenu:after {
  content: "";
  display: table;
  clear: both;
}
#megamenu .megacontent {
  text-align: center;
  background: #f2f2f2;
  padding: 10px 0;
}
#megamenu .megacontent:after {
  content: "";
  display: table;
  clear: both;
}
.megaItem {
  width: 20%;
  float: left;
  padding: 0;
}
.megaItem:last-child ul.itemList {
  border-right: medium none;
}
.megaTitle {
  margin: 0;
  width: calc(100% - 20px);
  margin: 0 auto;
  background: #bf0005;
  color: white;
  font-size: 12px;
  font-weight: normal;
  line-height: 27px;
  position: relative;
}
.megaTitle:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 100%;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-top: 10px solid #bf0005;
  border-right: 14px solid transparent;
}
ul.itemList {
  padding: 0;
  list-style: none;
  text-align: left;
  border-right: 1px solid #e2e2e2;
}
ul.itemList li {
  padding-left: 15px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
ul.itemList li:hover {
  background: #e2e2e2;
}
ul.itemList a {
  display: block;
  color: #333;
  text-decoration: none;
  line-height: 26px;
}
ul.itemList a .badge {
  color: #bf0005;
  margin-left: 1em;
}
@media only screen and (max-width: 999px) {
  .megaItem {
      width: 100%;
      float: none;
  }
  ul.itemList {
      border: medium none;
  }
}
#featuredNews {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
#featuredNews .thumbnail {
  margin-bottom: 12px;
}
#featuredNews .img-responsive {
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
#featuredNews .thumbnail a {
  height: 310px;
  display: block;
  overflow: hidden;
}
#featuredNews h3.title {
  padding-top: 5px;
  max-height: 114px;
  overflow: hidden;
  margin-top: 0;
  /*text-transform: uppercase;*/
}
#featuredNews h3.title a {
  color: #000;
  text-decoration: none;
  font-size: 17px;
}
#featuredNews h3.title a b {
  color: #bf0005;
}
#featuredNews span {
  color: #9b9b9b;
  font-size: 11px;
  font-family: "Roboto", sans-serif;
}
#featuredNews span a {
  color: #9b9b9b;
  font-size: 11px;
  font-family: "Roboto", sans-serif;
  margin-left: 30px;
  text-decoration: none;
}
#featuredNews span.dateago {
  color: #0059bf;
}
.newsItem .info .title {
  margin: 0;
  padding: 0;
}
.newsItem .info .title a {
  color: black;
  text-decoration: none;
}
.sh-cat-item .title a{
  display: block;
  margin-bottom: 5px;
}
.sh-cat-item .info span {
  display: inline-block;
  margin-top: 10px;
  font-family: "Roboto", sans-serif;
  color: #9b9b9b;
  font-size: 11px;
}

.newsItem .info span.dateago {
  font-size: 12px;
  margin-right: 10px;
}
.newsItem.newsHor {
  position: relative;
  margin-right: 8px;
  border-bottom: 1px solid #ccc;
}
.newsItem.newsHor span {
  float: left;
  font-size: 12px;
  color: #909090;
  width: 33px;
  margin: 6px 0;
  text-align: right;
}
.newsItem.newsHor span.new{
  color: #bf0005;
}
.newsItem.newsHor h4 {
  margin: 0;
  padding: 6px 0;
  padding-left: 40px;
}
.newsItem.newsHor:last-child {
  border-bottom: none;
}
.newsItem.newsHor h4 a {
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  color: #0059BF;
}
.newsItem.newsHor h4 a:hover,
.newsItem.newsHor h4 a:focus {
  text-decoration: underline;
}
.newsItem.newsQuote {
  padding: 12px 0;
  border-bottom: 1px dotted #ccc;
}
.newsItem.newsQuote .thumbnail .img-circle {
  display: block;
  width: 85px;
  height: 85px;
  margin: 0 auto;
}
.newsItem.newsQuote .thumbnail span {
  display: block;
  text-align: center;
  color: #9b9b9b;
}
.newsItem.newsQuote .thumbnail ul {
  margin: 7px 0 0;
  display: block;
  list-style: none;
  padding: 0;
}
.newsItem.newsQuote .thumbnail li {
  height: 18px;
  text-align: center;
  float: left;
  margin-right: 8px;
}
.newsItem.newsQuote .thumbnail li i {
  border-radius: 50%;
  overflow: hidden;
  line-height: 16px;
  width: 16px;
  font-size: 10px;
}
.newsItem.newsQuote .thumbnail li.facebook i {
  background: #3f51b5;
}
.newsItem.newsQuote .thumbnail li.twitter i {
  background: #03a9f4;
}
.newsItem.newsQuote .thumbnail li a {
  color: white;
}
.newsItem.newsQuote .info .quoteName {
  color: #3c3c3c;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
.newsItem.newsQuote .info i {
  font-size: 30px;
  color: #a7a9ac;
  float: left;
  padding-right: 10px;
}
.newsItem.newsQuote .info p {
  padding: 0;
  color: #434343;
}
.newsItem.newsQuote .info p a {
  color: #0059bf;
}
.newsItem.newsQuote:last-child {
  border-bottom: medium none;
}
.newsItem.newsHover .thumbnail {
  position: relative;
}
.newsItem.newsHover .thumbnail .info {
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
  background-image: -webkit-linear-gradient(top, transparent, #000);
  background-image: linear-gradient(to bottom, transparent, #000);
  padding: 40px 6px 10px 6px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100% - 12px);
}
.newsItem.newsHover .thumbnail .info .title {
  color: #fff;
}
.newsItem.newsHover .thumbnail .info .title b {
  display: block;
}
h4.sectionTitle{
  color: black;
  font-size: 12px;
  background: #e6e7e8;
  line-height: 26px;
  border-left: 4px solid #bf0005;
  padding-left: 10px;
  text-transform: uppercase;
  /*margin: 10px 0 0;*/
  padding-bottom: 0;
}
.sh-cat-list{

}
.sh-cat-title{
  background-color: #bf0005;
  padding: 0 10px;
  height: 14px;
  line-height: 14px;
  margin: 10px -10px;
}
.sh-cat-title a{
  color: #bf0005;
  text-transform: uppercase;
  background-color: white;
  padding: 2px 8px;
  font-size: 12px;
  text-decoration: none;
}
.ylblk{
  background-color: #c4c533;
}
.ylblk a{
  color: #c4c533;
}
h4.sectionTitle a {
  color: #000;
  text-decoration: none;
}
h4.sectionTitle.author{
  font-size: 14px;
  line-height: 22px;
  margin: 10px 0;
}
h4.sectionTitle.author:first-child{
  margin-top: 0;
}
h4.sectionTitle.author a{
  color: black;
  text-decoration: none;
}
h4.sectionTitle.redback {
  background: #bf0005;
  color: #fff;
  border-left: 0;
}
h4.sectionTitle.redback a {
  color: #fff;
  text-decoration: none;
}
h4.sectionTitle span {
  font-weight: normal;
  margin-left: 3px;
}
#infoquiz h4.sectionTitle {
  color: #fff;
  text-align: center;
  background: #bf0005;
  padding-left: 0;
  border-left: medium none;
}
#infoquiz h4.sectionTitle.quiz {
  color: #000;
  background: #e6e7e8;
}
@media only screen and (min-width: 768px) {
  #mediumNews .img-responsive {} #mediumNews .thumbnail a {
      display: block;
  }
  #infoquiz .titleHalf {
      padding-right: 0;
  }
  #infoquiz .titleHalf .row {
      padding-right: 6px !important;
  }
  #infoquiz .titleHalfLast {
      padding-left: 0;
  }
  #infoquiz .titleHalfLast .row {
      padding-left: 6px !important;
  }
}
@media only screen and (max-width: 767px) {
  #featuredNews {
      margin-bottom: 20px;
  }
  .newsItem.newsHover {
      margin-bottom: 20px;
  }
}
#page {

}
#page p {
  line-height: 1.6;
  text-align: justify;
  padding: 0 20px;
}
.postTitle {
  padding: 0;
  margin-bottom: 15px;
}
.postTitle:after {
  content: "";
  display: table;
  clear: both;
}
.postTitle .postAuthor {
  padding: 6px;
  float: left;
}
.postTitle .postAuthor img {
  border-radius: 50%;
  max-width: 83px;
  max-height: 83px;
}
.postContent {
  position: relative;
  text-align: justify;
}
.postContent img {
  width: 100% !important;
  height: auto !important;
}
.postContent iframe {
  border: 0;
}
.postContent .postThumbnail {
  margin-bottom: 8px;
}
.postInfo {
  padding: 0;
  float: left;
  color: #0e0e0e;
  width: 100%;
  margin: 10px 0 0;
  border-top: 1px solid #ccc;
  padding-top: 10px;
}
.postInfo h3.title {
  font-size: 24px;
  margin: 0 0 5px;
  padding-bottom: 10px;
}
.postInfo p {
  font-size: 11px;
  color: #848484;
  margin: 0 0 3px;
}
.postInfo p b {
  color: #0e0e0e;
}
.postInfo span {
  font-size: 12px;
  color: #bf0005;
  padding-right: 10px;
}
.postInfo span.dateago {
  color: #0e0e0e;
}
.postInfo span.dateago.red {
  color: #bf0005;
}
.postInfo span a {
  border-left: 1px solid #0e0e0e;
  color: #0e0e0e;
  padding-left: 10px;
  text-decoration: none;
}
.postInfo2 {
  width: 100%;
  padding: 0;
  float: left;
  color: #0e0e0e;
}
.postInfo2 h3.title {
  font-size: 24px;
  margin: 0;
  padding-bottom: 10px;
}
.postInfo2 p {
  font-size: 11px;
  color: #848484;
  margin: 0 0 3px;
}
.postInfo2 p b {
  color: #0e0e0e;
}
.postInfo2 span {
  font-size: 12px;
  color: #bf0005;
  padding-right: 10px;
}
.postInfo2 span.dateago {
  color: #0e0e0e;
}
.postInfo2 span.dateago.red {
  color: #bf0005;
}
.postInfo2 span a {
  border-left: 1px solid #0e0e0e;
  color: #0e0e0e;
  padding-left: 10px;
  text-decoration: none;
}
.authorInformation:after {
  content: "";
  display: table;
  clear: both;
}
.authorInformation .crop{
  float: left;
}
.authorInformation .authorImg {
  padding: 6px;
  float: left;
}
.authorInformation .authorImg img {
  border-radius: 50%;
  max-width: 83px;
  max-height: 83px;
}
.authorInformation p {
  padding: 0px 0  0 10px;
  float: left;
  color: #000;
  max-width: calc( 100% - 120px);
}
.postContent p {
  line-height: 1.6;
}
.fullContent .postContent {
  padding-left: 110px;
}
.fullContent p {
  text-align: justify;
}
span.null {
  width: 3em;
  height: 1px;
  float: left;
}
blockquote {
  color: #5f5f5f;
  border-left: 6px solid #bf0005;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0px 10px 26px;
  position: relative;
  line-height: 20px;
}
blockquote .share {
  position: absolute;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
blockquote .share a {
  text-align: center;
  margin-left: 6px;
  text-decoration: none;
  height: 34px;
  display: inline-block;
  border-radius: 50%;
}
blockquote .share a i {
  line-height: 34px;
  width: 34px;
  height: 34px;
  color: #fff;
}
blockquote .share a.fa {
  background: #3f51b5;
}
blockquote .share a.tw {
  background: #03a9f4;
}
blockquote:hover .share {
  opacity: 1;
}
.tab_wrap{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd !important;
}
.tab_item{
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  width: 50%;
  border-radius: 0 !important;
  border: none !important;
}
.tab_item.active{
  color: #fff !important;
  background-color: #bf0005 !important;
}
.postShare {
  float: right;
}
.postShare:after {
  content: "";
  display: table;
  clear: both;
}
.postShare .shareIcon {
  padding: 0 10px 0 0;
  line-height: 25px;
  background: #e14e42;
  float: right;
  font-size: 11px;
  color: white;
  cursor: pointer;
  border-radius: 20px;
}
.postShare .shareIcon.facebook {
  background: #3f51b5;
}
.postShare .shareIcon.twitter {
  background: #03a9f4;
  margin: 0 8px;
}
.postShare .shareIcon i {
  width: 25px;
  text-align: center;
  border-right: 1px solid #fff;
  margin-right: 3px;
}
.postShare .shareIcon span {
  color: #fff;
}
.postShare .shareIcon p {
  margin: 0;
  float: right;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 25px;
  padding-left: 10px;
  height: auto;
  width: auto;
}
.sonin-more-comment,
.postInfo2 .postShare,
.soninSocialItem{
  display: none;
}
.soninSTB{
  display: table;
  margin: 0 auto;
}
.soninSTB span a{
  font-size: 11px;
  display: block;
  color: white;
  padding: 0 10px;
  line-height: 25px;
  background-color: #bf0005;
  border-radius: 20px;
  text-align: center;
  text-decoration: none;
}
.sideShare {
  float: left;
  width: 95px;
  text-align: center;
  line-height: 40px;
}
.sideShare .shareText {
  color: #bf0005;
  font-size: 12px;
  border-bottom: 1px solid #ccc;
}
.sideShare .shareText i {
  display: block;
  font-size: 24px;
  color: #0288d1;
  line-height: 40px;
}
.sideShare .shareLink {
  padding: 20px 0;
  font-size: 11px;
}
.sideShare .shareLink a {
  display: block;
  color: #000;
  text-decoration: none;
  line-height: 1.8em;
}
.sideShare .shareLink a i {
  margin-right: 3px;
}
.sideShare .shareLink a.fb {
  color: #3f51b5;
}
.sideShare .shareLink a.tw {
  color: #03a9f4;
}
.sideShare .shareLink a.googlep {
  color: #e14e42;
}
.sideShare .shareLink a.pinterest {
  color: #d33d9a;
}
.sideShare .shareLink a.linkedin {
  color: #007bbf;
}
.full-share {
  width: 100px;
  float: left;
}
.full-share .postShare .shareIcon {
  width: 100%;
}
.full-share .postShare .shareIcon.facebook,
.full-share .postShare .shareIcon.twitter {
  margin: 0 0 10px;
  padding: 0;
}

.soninSocialTool .shareIcon,
.soninSocialTool .postShare{
  float: none;
  margin-top: 10px !important;
}

.soninTabBar{

}
.soninTabBar .nav{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.soninTabBar .nav-item{
  border: none;
  width: 50%;
  text-align: center;
  vertical-align: top;
}
.soninTabBar .nav-item .nav-link{
  border: none;
  border-radius: 0;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 11px;
  margin: 0;
  font-weight: bold;
  color: #555;
}
.soninTabBar .nav-item .nav-link.active{
  background-color: #bf0005;
  color: white;
}

/* Sonin Special News */
.soninSocialNavbar{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background-color: white;
  height: 24px;
  padding: 15px;
  box-shadow: 0 1px 4px rgba(0,0,0,.2);
}
.soninSocialNavbar .soninSNwrap{

}
.soninSocialNavbar .soninSNwrap .soninSN-logo{
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #e1e1e1;
}
.soninSocialNavbar .soninSNwrap .soninSN-logo span{
  display: block;
  background-image: url('/web/20230608004235im_/https://sonin.mn/v2/img/sonin_logo.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  height: 24px;
  width: 86px;
}
.soninSocialNavbar .soninSNwrap .soninSN-socials{
  float: right;
}

.soninSpecialWrap{
  margin: 0;
  padding: 0;
}
.soninSpecialWrap .postThumbnail{
  position: relative;
  margin-top: 54px;
}
.soninSpecialWrap .postThumbnail .soninSWtitle{
  position: absolute;
  content: '';
  z-index: 9;
  bottom: 50px;
  right: 50px;
  width: 50%;
  padding: 30px;
  border-radius: 10px;
  background-color: rgba(0,0,0,.7);
}
.soninSpecialWrap .postThumbnail .soninSWtitle h1{
  font-size: 32px;
  font-weight: 300;
  margin: 0;
  padding: 0;
  color: white;
}
.soninSpecialWrap .soninSWmain{
  position: relative;
  background-color: white;
  overflow: hidden;
}
.soninSpecialWrap .soninSWcontent{
  display: table;
  max-width: 720px;
  width: 95%;
  margin: 0 auto ;
  padding: 30px 0;

}
.soninSpecialWrap .soninSWcontent .postInfo h3.title{
  color: #444;
}
.soninSpecialWrap .soninSWcontent a{
color: #bf0005;
}
.soninSpecialWrap .soninSWcontent .postInfo{
  border-top: none;
  margin: 0;
}
.soninSpecialWrap .soninSWcontent .postContent{

}
.soninSpecialWrap .soninSWcontent .postContent > div,
.soninSpecialWrap .soninSWcontent .postContent p{
  line-height: 1.8;
  font-size: 15px;
}
.soninSpecialWrap .soninSWcontent .postContent h3{
  font-size: 24px;
  text-align: left;
}
.soninSpecialWrap .soninSWcontent .postContent q{
background-color: #dde3e6;
  padding: 0 3px;
}
.soninSpecialWrap .soninSWcontent blockquote{
border: 2px solid #bf0005;
border-left: 7px solid #bf0005;
font-style: italic;
font-weight: normal;
padding: 30px;
margin: 0 -30px;
}
.soninSWMcomment .commentInclude{
  margin: 20px 0 0;
}

.soninSNtitle{
  float: left;
  margin: 0 15px 0 0;
  max-width: 360px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  line-height: 24px;
}

#soninSWnav{
float: left;
margin-top: -2px;
}
#soninSWnav ul{
list-style: none;
margin: 0;
padding: 0;
}
#soninSWnav ul li{
float: left;
margin: 0 3px;
}
#soninSWnav ul li a{
font-size: 13px;
font-weight: 500;
color: #444;
text-decoration: none;
width: 30px;
height: 30px;
display: block;
border-radius: 50%;
overflow: hidden;
text-align: center;
line-height: 30px;
padding: 0;
margin: 0;
background-color: #eaeaea;
  transition: all .2s ease-in-out;
}
#soninSWnav ul li a.active{
  color: white;
  background-color: #bf0005;
}

@media only screen and (max-width: 767px) {
  .sideShare {
      padding: 20px 0;
      width: 100%;
      display: block;
      float: none;
  }
  .sideShare:after {
      content: "";
      display: table;
      clear: both;
  }
  .sideShare .shareText {
      float: left;
  }
  .sideShare .shareText i {
      line-height: 20px;
  }
  .sideShare .shareLink {
      padding: 0;
      width: calc( 100% - 100px);
      margin-left: 20px;
      float: left;
  }
  .sideShare .shareLink a {
      padding: 0 5px;
      float: left;
      display: inline-block;
      line-height: 1.8em;
  }
  .sideShare .shareLink a i {
      margin-right: 5px;
  }
  .full-share {
      display: block;
      float: none;
      width: 100%;
  }
  .full-share .postShare .shareIcon {
      float: left;
      width: auto;
  }
  .full-share .postShare .shareIcon.facebook,
  .full-share .postShare .shareIcon.twitter {
      margin: 0 10px 10px 0;
      padding: 0 10px 0 0;
  }
  .postContent {
      float: none;
      width: 100%;
  }
  .fullContent {
      width: 100%;
      margin: 0;
  }
  .fullContent .postContent {
      padding: 0;
  }
  .postTitle {
      text-align: center;
      padding: 0;
      margin-bottom: 15px;
  }
  .postTitle:after {
      content: "";
      display: table;
      clear: both;
  }
  .postTitle .postAuthor {
      padding: 6px;
      float: none;
  }
  .postTitle .postAuthor img {
      margin: o auto;
      border-radius: 50%;
      max-width: 83px;
      max-height: 83px;
  }
  .postInfo {
      padding: 10px 0;
      float: none;
      max-width: 100%;
  }
  .soninSpecialWrap .soninSWcontent .postTitle{
      display: none;
  }
}
#daySlider {
  display: block;
  height: 48px;
  position: relative;
  overflow: hidden;
}
#daySlider:after {
  content: "";
  display: table;
  clear: both;
}
.sliderItems {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  padding: 0 32px;
  width: calc(100% - 64px);
}
.sliderItems:after {
  content: "";
  display: table;
  clear: both;
}
.sliderItems div.owl-item a {
  width: 10px;
  height: 10px;
  display: block;
  line-height: 48px;
  background: #cacaca;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
}
.sliderItems div.owl-item a:hover {
  background: #bf0005;
}
.sliderItems div.owl-item a:hover span {
  opacity: 1;
}
.sliderItems div.owl-item a span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  position: absolute;
  top: -33px;
  color: #bf0005;
  font-size: 9px;
  text-align: center;
  left: -50%;
  opacity: 0;
}
#sideTab {
  padding: 10px;
  /* border-bottom: 8px solid #e7e7e7; */
  background-color: white;
}
#sideTab .tab-pane{
  max-height: 440px;
  overflow-y: auto;
}
#authors {
  padding: 10px;
  background-color: white;
  /* border-bottom: 8px solid #e7e7e7; */
}
.tabContainer {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 2px solid #bf0005;
}
.tabContainer:after {
  content: "";
  display: table;
  clear: both;
}
.tabContainer li {
  float: left;
  width: 50%;
  text-align: center;
}
.tabContainer li a {
  font-size: 11px;
  display: block;
  position: relative;
  color: #bf0005;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  text-transform: uppercase;
}
.tabContainer li a i {
  color: #bf0005;
  margin-right: 10px;
}
.tabContainer li a.active {
  background: #bf0005;
  color: #fff;
}
.tabContainer li a.active i {
  color: #fff;
}
#tabContent {
  max-height: 500px;
  overflow-y: scroll;
  overflow-x: hidden;
}
#tabContent .newsItem {} #tabContent .newsItem .info .title a {
  text-transform: none;
  color: #3c3c3c;
}
#tabContent .newsItem .info .dateago {
  margin-left: 0;
  color: #9b9b9b;
  font-size: 10px;
  line-height: 2em;
}
#tabContent .newsItem .info .dateago.new {
  color: #bf0005;
}
.preloader {
  display: block;
  margin: 120px auto;
}
h4.sideTitle {
  color: #f4f4f2;
  background: #bf0005;
  line-height: 26px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  text-transform: uppercase;
  position: relative;
  display: block;
  margin: 0;
  padding-left: 10px;
}
h4.sideTitle.gray{
  color: black;
  background-color: transparent;
  border-bottom: 1px solid #83A34B;
  text-transform: none;
}
h4.sideTitle .sub {
  position: absolute;
  right: 10px;
  top: 0;
}
h4.sideTitle a {
  color: #fff;
  text-decoration: none;
}
h4.sideTitle .sub a {
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  float: left;
  font-size: 23px;
}
h4.sideTitle .sub a i {
  line-height: 26px;
}
h4.sideTitle .sub a:hover,
h4.sideTitle .sub a.inactive {
  color: #c3c3c3;
}
h4.sideTitle .sub p {
  margin: 0;
  display: inline-block;
  padding: 0 5px 0 10px;
  float: left;
}
h4.sideTitle .sub p a {
  margin: 10px 5px 10px 0;
  display: inline-block;
  font-size: 1px;
  line-height: 6px;
  min-width: 6px;
  background: #c3c3c3;
  border-radius: 50%;
  text-align: center;
  text-indent: -10000px;
}
h4.sideTitle .sub p a.active {
  background: #fff;
}
h4.sideTitle .sub p.poll-pagination a {
  background: #606060;
}
h4.sideTitle .sub p.poll-pagination a.active {
  background: #fff;
}
h4.sideTitle.gray {

}
h4.sideTitle.gray .sub a {

}
h4.sideTitle.gray .sub a:hover,
h4.sideTitle.gray .sub a.inactive {
  color: #fff;
}

* {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  outline: none;
}

/* Home Categories list style */
.sh-cat-item{
  display: table;
  width: 100%;
  padding: 0 0 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ccc;
}
.sh-cat-item:last-child{
  margin: 0;
  padding-bottom: 0;
  border: none;
}
.sh-cat-item .thumbnail{
  float: left;
  width: 130px;
  margin-right: 10px;
  clear: both;
}
.sh-cat-item .thumbnail img{
  width: 100%;
}
.sh-cat-item .title{
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 5px;
}

#author-slider{
  margin-top: 10px;
}
.sonin-author-item .authorInfo{
  border-bottom: 1px dotted #ccc;
  padding: 10px 0;
}
.sonin-author-item .authorInfo h5{
  margin: 0;
  padding: 0;
  color: #BF0005;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: normal;
}
.authorInfo .thumbnail{
  width: 50px;
  float: left;
}
.authorInfo .thumbnail img{
  width: 100%;
}
.authorInfo .info{
  padding-left: 60px;
}
.authorInfo .info p{
  font-size: 12px;
  margin: 5px 0;
}
.authorInfo .info .dateago{
  font-size: 11px;
  color: #999;
}
.sonin-author-item .authorInfo:after {
  content: "";
  display: table;
  clear: both;
}
.sonin-author-item .authorInfo:first-child {
  padding-top: 0;
}
.sonin-author-item .authorInfo a {
  color: #333;
  text-decoration: none;
}
li.item .thumbnail .crop {
  width: 82px;
  height: 82px;
}
.crop {
  float: left;
  position: relative;
  width: 70px;
  height: auto;
  overflow: hidden;
}
.crop img {
  width: 100%;
}
.crop img.portrait {
  width: 100%;
  height: auto;
}
.quotes_head {} 
.quotes_head h5 {
  color: #0059BF;
  display: table;
  font-size: 13px;
  margin: 0;
  padding: 0;
  padding-left: 10px;
}
.owl-controls{
  position: absolute;
  top: -32px;
  right: 4px;
}
.owl-buttons {

}
#polls .owl-buttons{
  position: relative;
  top: 8px
}
#polls .owl-buttons .owl-prev::after,
#polls .owl-buttons .owl-prev::before,
#polls .owl-buttons .owl-next::after,
#polls .owl-buttons .owl-next::before{
  background-color: black;
}
.owl-prev,
.owl-next {
  width: 20px;
  height: 20px;
  background-color: transparent;
  z-index: 7;
  text-indent: -10000px;
  overflow: hidden;
  transition: all .2s;
}
section:hover .owl-prev,
section:hover .owl-next{
  visibility: visible;
  opacity: 1;
}
.owl-prev:hover,
.owl-next:hover{

}
.owl-prev {
  left: 0;
  float: left;
}
.owl-next {
  right: 0;
}
.owl-prev::after,
.owl-prev::before,
.owl-next::after,
.owl-next::before{
  content: "";
  display: block;
  position: absolute;
  width: 11px;
  height: 2px;
  top: 5px;
  left: 25px;
  background-color: white;
  transform: rotate(45deg);
}
.owl-prev::after,
.owl-prev::before,
.owl-next:before{
  left: 4px;
  transform: rotate(-45deg);
}
.owl-next:before{
  left: 25px;
}
.owl-prev::after{
  transform: rotate(45deg);
}
.owl-prev::after,
.owl-next:before{
  top: 12px;
}
.control-round .carousel-control{
  z-index: 9;
}
#slider .owl-prev:before{
  left: 6%;
  content: ""
}
#slider .owl-next:before {
  content: "";
  right: 6%;
}
.owl-pagination {
  bottom: 10px;
  display: block;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
  z-index: 100 !important;
}
#polls {
  margin: 10px;
  background-color: white;
  border-width: 1px;
  border-style: solid;
  border-color: #83A34B;
}
#polls .item{
  padding: 10px;
}
#polls .pollTitle {
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 10px;
  padding: 0;
}
#polls li.item {
  padding-left: 20px;
  text-align: left;
}
#polls form ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 20px;
}
#polls form ul li {
  line-height: 30px;
  display: block;
  width: 100%;
}
#polls form ul li:after {
  content: "";
  display: table;
  clear: both;
}
#polls form input {
  margin: 7px 5px;
  float: left;
}
#polls form label {
  font-size: 12px;
  color: #666;
  padding-left: 30px;
  line-height: 28px;
  display: block;
}
#polls .btn {
  display: inline-block;
  line-height: 28px;
  box-shadow: none;
  border: medium none;
  padding: 0 30px;
  background: #e6e7e8;
  color: #2c2c2c;
  text-decoration: none;
}
#polls .btn.pollSubmit{
  background-color: transparent;
  padding: 0 15px;
}
#polls .btn.btn-red {
  padding: 0 21px;
  background: #bf0005;
  color: white;
  margin-right: 10px;
  border-radius: 18px;
}
#sidebar {

}
#pagesidebar {
  padding: 10px;
}
#pagesidebar h4.sectionTitle {
  margin: 0;
}
.pageList {
  list-style: none;
  padding: 0;
  margin: 0;
}
.pageList li {
  border-bottom: 1px dotted #ccc;
  position: relative;
}
.pageList li a {
  line-height: 35px;
  text-decoration: none;
  padding-left: 23px;
  color: #000;
  font-weight: bold;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  display: block;
}
.pageList li.active a,
.pageList li:hover a {
  color: #bf0005;
}
.pageList li:before {
  content: "";
  width: 4px;
  height: 4px;
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -2px;
  background: #bf0005;
}
.pageList li:last-child {
  border: medium none;
}
.commentInclude {
  display: block;
  float: none;
  clear: both;
  padding: 10px;
  margin: 10px 0;
  margin: 10px 10px 10px 190px;
  border: 1px solid #e6e6e6;
}
.commentInclude p.formtext {
  color: #84848d;
  font-size: 12px;
  text-align: center;
}
.commentInclude .btn {
  display: block;
  width: 100%;
  line-height: 28px;
  box-shadow: none;
  border: medium none;
  background: #e6e7e8;
  color: #2c2c2c;
  text-decoration: none;
}
.commentInclude .btn.btn-red {
  margin-top: 20px;
  text-transform: uppercase;
  padding: 0 21px;
  background: #bf0005;
  color: white;
}
.commentInclude form {
  padding: 0 0 20px;
}
.form-group input,
.form-group textarea {
  width: 100%;
  line-height: 14px;
  padding: 5px 0;
  display: block;
  margin-bottom: 5px;
}
.form-group label {
  width: 100%;
  font-weight: bold;
  line-height: 20px;
  display: block;
}
.commentItem {
  padding: 5px 0;
  border-bottom: 1px dotted #ccc;
}
.commentItem p {
  margin: 3px 0 5px 0;
}
.commentHeader {
  line-height: 20px;
}
.commentHeader .name {
  color: #bf0005;
  padding: 0 9px 0 0;
}
.commentHeader .ip {
  color: #ababab;
  padding: 0 9px;
  border-left: 1px solid #ababab;
  border-right: 1px solid #ababab;
}
.commentHeader .dateago {
  padding: 0 0 0 9px;
  font-size: 11px;
  color: #000;
}
.commentBody p {
  color: #000;
  line-height: 18px;
}
.commentFooter {
  margin-bottom: 6px;
}
.commentFooter i {
  margin-right: 3px;
}
.commentFooter .like {
  font-weight: normal;
  margin-right: 10px;
  cursor: pointer;
  color: #ababab;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.commentFooter .like.clicked,
.commentFooter .like:hover {
  color: #2ba15d;
}
.commentFooter .like.clicked i,
.commentFooter .like:hover i {
  color: #2ba15d;
}
.commentFooter .dislike {
  font-weight: normal;
  margin-right: 10px;
  cursor: pointer;
  color: #ababab;
  -webkit-transition: all 0.3;
  transition: all 0.3;
}
.commentFooter .dislike.clicked,
.commentFooter .dislike:hover {
  color: #bf0005;
}
.commentFooter .dislike.clicked i,
.commentFooter .dislike:hover i {
  color: #bf0005;
}
.commentFooter span {
  color: #bf0005;
  font-weight: bold;
  cursor: pointer;
}
.commentReply {
  padding: 0px 0px 0px 70px;
}
nav[role="navigation"] {
  text-align: center;
}
.cd-pagination {
  width: 100%;
  margin: 2em auto 4em;
  text-align: center;
}
.cd-pagination li {
  /* hide numbers on small devices */
  
  display: none;
  margin: 0 .2em;
}
.cd-pagination li.button {
  /* make sure prev next buttons are visible */
  
  display: inline-block;
}
.cd-pagination a,
.cd-pagination span {
  display: inline-block;
  /* use padding and font-size to change buttons size */
  
  padding: .6em .8em;
  font-size: 12px;
}
.cd-pagination a {
  border: 1px solid #e6e6e6;
  border-radius: 0.25em;
  color: #333;
  text-decoration: none;
}
.no-touch .cd-pagination a:hover {
  background-color: #f2f2f2;
}
.cd-pagination a:active {
  /* click effect */
}
.cd-pagination a.disabled {
  /* button disabled */
  
  color: rgba(46, 64, 87, 0.4);
  pointer-events: none;
}
.cd-pagination a.disabled::before,
.cd-pagination a.disabled::after {
  opacity: .4;
}
.cd-pagination .button:first-of-type a::before {
  content: '\00ab  ';
}
.cd-pagination .button:last-of-type a::after {
  content: ' \00bb';
}
.cd-pagination .current {
  /* selected number */
  
  background-color: #bf0005;
  border-color: #bf0005;
  color: white;
  pointer-events: none;
}
@media only screen and (min-width: 768px) {
  .cd-pagination li {
      display: inline-block;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-pagination {
      margin: 20px 0 10px;
  }
}
/* --------------------------------

No space - remove distance between list items

-------------------------------- */

.cd-pagination.no-space {
  width: auto;
  max-width: none;
  display: inline-block;
  border-radius: 0.25em;
  border: 1px solid #e6e6e6;
}
.cd-pagination.no-space:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.no-space li {
  margin: 0;
  float: left;
  border-right: 1px solid #e6e6e6;
}
.cd-pagination.no-space li:last-of-type {
  border-right: none;
}
.cd-pagination.no-space a,
.cd-pagination.no-space span {
  float: left;
  border-radius: 0;
  padding: .8em 1em;
  border: none;
}
.cd-pagination.no-space li:first-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}
.cd-pagination.no-space li:last-of-type a {
  border-radius: 0 0.25em 0.25em 0;
}
/* --------------------------------

move buttons - move prev and next buttons to the sides

-------------------------------- */

.cd-pagination.move-buttons:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pagination.move-buttons .button:first-of-type {
  float: left;
}
.cd-pagination.move-buttons .button:last-of-type {
  float: right;
}
.cd-pagination.no-space.move-buttons {
  width: 90%;
  max-width: 768px;
  display: block;
  overflow: hidden;
}
.cd-pagination.no-space.move-buttons li {
  float: none;
  border: none;
}
.cd-pagination.no-space.move-buttons a,
.cd-pagination.no-space.move-buttons span {
  float: none;
}
/* --------------------------------

custom icons - customize the small arrow inside the next and prev buttons

-------------------------------- */

.cd-pagination.custom-icons .button a {
  position: relative;
}
.cd-pagination.custom-icons .button:first-of-type a {
  padding-left: 2.4em;
}
.cd-pagination.custom-icons .button:last-of-type a {
  padding-right: 2.4em;
}
.cd-pagination.custom-icons .button:first-of-type a::before,
.cd-pagination.custom-icons .button:last-of-type a::after {
  content: '';
  position: absolute;
  display: inline-block;
  /* set size for custom icons */
  
  width: 16px;
  height: 16px;
  top: 50%;
  /* set margin-top = icon height/2 */
  
  margin-top: -8px;
  background: transparent url("/web/20230608004235im_/https://sonin.mn/v2/img/cd-icon-arrow-1.svg") no-repeat center center;
}
.cd-pagination.custom-icons .button:first-of-type a::before {
  left: .8em;
}
.cd-pagination.custom-icons .button:last-of-type a::after {
  right: .8em;
}
/* --------------------------------

custom buttons - replace prev and next buttons text with a custom icon

-------------------------------- */

.cd-pagination.custom-buttons a,
.cd-pagination.custom-buttons span {
  vertical-align: middle;
}
.cd-pagination.custom-buttons .button a {
  /* set custom width */
  
  width: 40px;
  /* image replacement */
  
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  color: transparent;
  background-image: url("/web/20230608004235im_/https://sonin.mn/v2/img/cd-icon-arrow-2.svg");
  background-repeat: no-repeat;
  background-position: center center;
}
.cd-pagination.no-space.custom-buttons .button:last-of-type a {
  border-radius: 0.25em 0 0 0.25em;
}
/* --------------------------------

animated buttons - animate the text inside prev and next buttons

-------------------------------- */

.cd-pagination.animated-buttons a,
.cd-pagination.animated-buttons span {
  padding: 0 1.4em;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
}
.cd-pagination.animated-buttons .button a {
  position: relative;
  padding: 0 2em;
}
.cd-pagination.animated-buttons .button:first-of-type a::before,
.cd-pagination.animated-buttons .button:last-of-type a::after {
  left: 50%;
  right: auto;
}
.cd-pagination.animated-buttons i {
  display: block;
  height: 100%;
}
/* -- Топ --*/

.thumbnail1 {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.thumbnail1 img {
  width: 100%;
}
.thumbnail1 img.portrait {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 480px) {
  .thumbnail1 {
      height: 200px;
  }
  .thumbnail1 img {
      height: 100%;
      width: auto;
  }
  .thumbnail2 {
      height: 150px !important;
  }
  .thumbnail2 img {
      height: auto !important;
      width: 100% !important;
  }
  .thumbnail3 {
      height: 150px !important;
  }
  .thumbnail3 img {
      height: auto !important;
      width: 100% !important;
  }
  .thumbnail4 {
      height: 150px !important;
  }
  .thumbnail4 img {
      height: auto !important;
      width: 100% !important;
  }
  .thumbnail5 {
      height: 150px !important;
  }
  .thumbnail5 img {
      height: auto !important;
      width: 100% !important;
  }
  .newsItem .info .title {
      min-height: 20px;
  }
  .postInfo {

  }
  .sonin-nctext {
      padding: 0;
  }
  .commentInclude {
      margin: 10px;
  }
  .sonin-news-content-more .gr-8::before,
  .sonin-news-content-more .gr-4::after {
      display: none;
  }
}
/* -- онцлох --*/

.thumbnail2,
.thumbnail3,
.thumbnail4,
.thumbnail5 {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.thumbnail2 img,
.thumbnail3 img,
.thumbnail4 img,
.thumbnail5 img {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 100%;
  width: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.thumbnail2 img.portrait,
.thumbnail3 img.portrait,
.thumbnail4 img.portrait,
.thumbnail5 img.portrait {
  width: 100%;
  height: auto;
}
.thumbnail2 {
  height: 150px;
}
.thumbnail3 {
  height: 100px;
}
.thumbnail4 {
  height: 70px;
}
.thumbnail5 {
  height: 120px;
}
.thumbnail5 .info {
  z-index: 22;
  position: absolute;
  bottom: 0;
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 8px;
}
.logo {
  width: 200px;
}
#addComment{
  position: relative;
  display: block;
  padding: 15px;
  background-color: #f4f6f8;
  border-width: 1px;
  border-style: solid;
  border-color: #e6e7e8;
}
#addComment textarea{
  padding: 10px;
  border-color: #d6d6d6;
  width: calc(100% - 20px);
}
.form-group input, .form-group textarea{
  border-width: 1px;
  border-style: solid;
  border-color: #d6d6d6;
}

.soninauFixed{
  display: none;
  position: absolute;
  left: 50%;
  top: 30px;
  opacity: 1;
  margin-left: -550px;
  transition: all .3s;
}
.soninauFixed .soninsuimg{
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  overflow: hidden;
}
@media (max-width: 1061px){
  .container{
    width: calc(100% - 100px);
    max-width: 100%;
    padding: 0 50px;
  }
}
@media (max-width: 992px){
  .container{
    width: calc(100% - 40px);
    padding: 0 20px;
  }
  #contentMainLeft{
      float: none;
      height: auto;
  }
  #contentMainLeft::after{
      display: none;
  }
  #contentMainRight{
      display: block;
      margin: 0;
      padding-top: 10px;
      border-top-width: 8px;
      border-top-style: solid;
      border-top-color: #e7e7e7;
      border-left: none;
      width: auto;
      float: none;
  }
  #contentMainRight .newsItem.newsQuote:last-child{
      border-bottom: none;
  }
  .contleft{
      margin-right: 0
  }
  .sonin-nctext{
      padding-left: 0;
  }
  .postInfo2{
      text-align: left;
  }
  .postInfo2 .gr-6{
      float: left;
      width: 50%;
  }
  .sonin-more-comment,
  .postInfo2 .postShare{
      display: block;
  }
  .postShare{
      float: right;
  }
  .postShare .twitter{
      margin-left: 10px;
  }
  .shareIcon span{
      display: none;
  }
  .commentInclude{
      margin-left: 10px;
  }
  .soninSocialTool{
      display: none;
  }
  #shiblk #quote{
      margin: 0 -10px 10px;
      padding: 10px;
      border-bottom: 8px solid #e7e7e7;
  }
  #contentMainRight.shr{
      display: none;
  }
}
@media (max-width: 767px){
  .container{
    width: calc(100% - 20px);
    padding: 0 10px;
  }
  .contleftpad, #sideTab{
    padding: 10px 0;
  }
  #contentMainRight{
      border-right: none;
  }
  .mainHeader{
    height: 64px;
  }
  .mainHeader .headerLeft{
      float: left;
      padding: 14px 0 13px;
  }
  .mainHeader .headerLeft .logo{
      width: 140px;
  }
  .mainHeader .headerBanner{
      /*display: none;*/
  }
  #mainContent .container{
      width: 100%;
      max-width: 95%;
  }
  .contentPad{
      display: block;
  }
  .contleftpad{
      margin-right: 0;
  }
  #contentWrap,
  #rightCol{
      float: none;
  }
  #rightCol{
      width: 100%;
      margin-left: 0;
      border: none;
      border-top: 8px solid #e7e7e7;
  }
  #contentCol{
      margin-right: 0;
  }
  .sonin-news-content-more .contentEl{
      border: none
  }
  .soninCLIimg{
      float: none;
      width: auto;
      margin-right: 0;
  }
  h4.sectionTitle{
      margin: 0;
  }
  .newsItem.newsHor{
      margin-right: 0;
  }
  #shnblk #sideTab{
      margin: 10px -10px 0;
      border-top: 8px solid #e7e7e7;
  }
  .header_bnr{
      max-width: 95%;
      margin: 0 auto 15px;
  }
}
@media (max-width: 599px){
  .mainHeader{
      height: 66px;
  }
  .mainHeader .headerLeft{
      padding: 14px 0 13px;
  }
  .mainHeader .headerBanner{
      display: none;
  }
  .thumbnail1{
      height: auto;
  }
}

@media (max-width: 978px){
  .soninSNtitle,#soninSWnav{
      display: none;
  }
  .soninSpecialWrap .soninSWcontent blockquote{
    margin: 0;
  }
}
.percent-pp {
  float: right; 
  width: 50px;
}

.person-pp:before {
  content: "\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183\f183";
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.person-pp {
  float: left; 
}

#polls {
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  border: none;
}
.sn-head-row {
  text-align: center;
}
.sonin-nctext table th {
  border: 1px solid #ccc;
  border-bottom: 1px solid #454d62;
  font-weight: bold;
  padding: 4px;
  color: #ffffff;
  background-color: #319fba;
}

.sonin-nctext table td {
  border: 1px solid #dbe1ea;
  padding: 4px;
  color: #454d62;
}

.sn-key {
  width: 49%;
  text-align: right;
  padding-right: 1%;
}

.sonin-nctext table {
  font-size: 13px;
  border-top: 3px solid #454d62;
  border-bottom: 2px solid #454d62;
  border-collapse: collapse;
}

.sn-val {
  width: 49%;
  padding-left: 1%;
}

.sonin-nctext table td {
  border: 1px solid #dbe1ea;
  padding: 4px;
  color: #454d62;
}


/*
   FILE ARCHIVED ON 00:42:35 Jun 08, 2023 AND RETRIEVED FROM THE
   INTERNET ARCHIVE ON 11:28:48 Nov 21, 2023.
   JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

   ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
   SECTION 108(a)(3)).
*/
/*
playback timings (ms):
captures_list: 218.347
exclusion.robots: 0.16
exclusion.robots.policy: 0.152
cdx.remote: 0.057
esindex: 0.008
LoadShardBlock: 135.907 (3)
PetaboxLoader3.datanode: 670.666 (5)
load_resource: 687.193 (2)
PetaboxLoader3.resolve: 125.239 (2)
*/