@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato");
@-webkit-keyframes standing-out {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    transform: translate3d(0, 0, 0) scale3d(0.8, 0.8, 0.8); }
  20% {
    transform: scale3d(1.05, 1.05, 1.05); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    transform: scale3d(1, 1, 1); } }

@-moz-keyframes standing-out {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    transform: translate3d(0, 0, 0) scale3d(0.8, 0.8, 0.8); }
  20% {
    transform: scale3d(1.05, 1.05, 1.05); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    transform: scale3d(1, 1, 1); } }

@keyframes standing-out {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    transform: translate3d(0, 0, 0) scale3d(0.8, 0.8, 0.8); }
  20% {
    transform: scale3d(1.05, 1.05, 1.05); }
  40% {
    transform: scale3d(0.9, 0.9, 0.9); }
  60% {
    transform: scale3d(1.03, 1.03, 1.03); }
  80% {
    transform: scale3d(0.97, 0.97, 0.97); }
  to {
    transform: scale3d(1, 1, 1); } }

.r-plan-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center; }
  .r-plan-container section.plan-card {
    padding: 0 15px 15px;
    width: 250px;
    height: 368px;
    background-color: white;
    border-radius: 5px;
    margin-right: 50px;
    perspective: 1000px; }
    .r-plan-container section.plan-card:not(.no-hover):hover .flipper {
      transform: rotateY(180deg); }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .r-plan-container section.plan-card:not(.no-hover):hover .flipper {
        transform: none; } }
    .r-plan-container section.plan-card.r-version {
      height: auto; }
      .r-plan-container section.plan-card.r-version ul li {
        white-space: normal; }
    .r-plan-container section.plan-card .front,
    .r-plan-container section.plan-card .back {
      width: 100%;
      backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
      position: absolute;
      top: 0;
      cursor: pointer; }
      .r-plan-container section.plan-card .front > p,
      .r-plan-container section.plan-card .back > p {
        text-align: center; }
    .r-plan-container section.plan-card .front {
      z-index: 5;
      transform: rotateY(0deg); }
    
    .r-plan-container section.plan-card .back {
      transform: rotateY(180deg); }
    .r-plan-container section.plan-card .flipper {
      transition: 0.6s;
      transform-style: preserve-3d;
      position: relative;
      height: 100%; }
    .r-plan-container section.plan-card img {
      display: block;
      width: 80%;
      margin: -20% auto 9px auto; }
    .r-plan-container section.plan-card .starting-out-image {
      width: 250px;
      max-width: none;
      transform: translateX(-14px) translateY(0px);
      margin-top: -26%;
      margin-bottom: 15px; }
      @media only screen and (max-width: 767px) {
        .r-plan-container section.plan-card .starting-out-image {
          width: 180px;
          margin-top: -16%;
          transform: translateX(0); } }
    .r-plan-container section.plan-card .flying-high-image {
      width: 250px;
      max-width: none;
      transform: translateX(-8px) translateY(0px);
      margin-bottom: 15px; }
      @media only screen and (max-width: 1279px) {
        .r-plan-container section.plan-card .flying-high-image {
          margin-top: -20%; } }
      @media only screen and (max-width: 1023px) {
        .r-plan-container section.plan-card .flying-high-image {
          margin-top: -26%; } }
      @media only screen and (max-width: 767px) {
        .r-plan-container section.plan-card .flying-high-image {
          width: 180px;
          margin-top: -16%;
          transform: translateX(0); } }
    .r-plan-container section.plan-card .card-margin-fixer {
      margin-bottom: 10px !important; }
    .r-plan-container section.plan-card p:first-of-type {
      color: #53576B;
      font-size: 18px; }
    .r-plan-container section.plan-card p:nth-of-type(2) {
      color: #5AC3CA;
      font-size: 32px;
      margin-bottom: 20px; }
      .r-plan-container section.plan-card p:nth-of-type(2) > strong {
        font-weight: 400; }
      .r-plan-container section.plan-card p:nth-of-type(2) > span {
        color: #5AC3CA;
        line-height: 1.3;
        display: block;
        font-size: 11px; }
    .r-plan-container section.plan-card ul > li {
      padding-left: 17%;
      color: #53576B;
      margin-bottom: 10px;
      font-size: 14px; }
      .r-plan-container section.plan-card ul > li sup,
      .r-plan-container section.plan-card ul > li i {
        color: #80CD42;
        font-size: 11px;
        margin-right: 10px; }
      .r-plan-container section.plan-card ul > li::before {
        color: #80CD42;
        font-size: 11px; }
      
      .r-plan-container section.plan-card ul > li i {
        vertical-align: middle; }
      .r-plan-container section.plan-card ul > li a {
        font-size: 12px;
        text-decoration: underline; }
      .r-plan-container section.plan-card ul > li span {
        margin-left: 24px;
        transform: translateY(1px); }
      .r-plan-container section.plan-card ul > li:last-child {
        margin-bottom: 0; }
    .r-plan-container section.plan-card > a {
      display: block; }
    .r-plan-container section.plan-card button {
      position: absolute;
      bottom: 15px;
      width: calc(100% - 28px);
      border-radius: 3px;
      font-size: 16px;
      left: 15px; }
    .r-plan-container section.plan-card.center {
      width: 265px;
      box-shadow: 0 5px 16px 0 rgba(51, 41, 37, 0.4);
      height: 390px;
      margin-top: -10px;
      -webkit-animation-delay: 0.75s;
      -webkit-animation-duration: 1s;
      -webkit-animation-name: standing-out;
      -webkit-animation-fill-mode: forwards;
      -webkit-animation-direction: normal;
      -moz-animation-delay: 0.75s;
      -moz-animation-duration: 1s;
      -moz-animation-name: standing-out;
      -moz-animation-fill-mode: forwards;
      -moz-animation-direction: normal;
      animation-delay: 0.75s;
      animation-duration: 1s;
      animation-name: standing-out;
      animation-fill-mode: forwards;
      animation-direction: normal; }
      .r-plan-container section.plan-card.center.r-version {
        height: auto; }
      .r-plan-container section.plan-card.center p:first-of-type {
        font-size: 20px; }
      .r-plan-container section.plan-card.center p:nth-of-type(2) {
        font-size: 34px; }
        .r-plan-container section.plan-card.center p:nth-of-type(2) span {
          font-size: 12px; }
      .r-plan-container section.plan-card.center ul > li {
        font-size: 15px;
        padding-left: 12%;
        margin-bottom: 15px; }
    .r-plan-container section.plan-card:last-child {
      margin-right: 0; }
      .r-plan-container section.plan-card:last-child img {
        width: 93%; }
      .r-plan-container section.plan-card:last-child .enterprise-image {
        width: 250px;
        max-width: none;
        transform: translateX(-10px);
        margin-top: -26%;
        margin-bottom: 15px; }
        @media only screen and (max-width: 767px) {
          .r-plan-container section.plan-card:last-child .enterprise-image {
            width: 180px;
            margin-top: -16%;
            transform: translateX(0); } }
  @media only screen and (max-width: 1279px) {
    .r-plan-container section.plan-card {
      margin-right: 40px; }
      .r-plan-container section.plan-card img {
        width: 165px;
        margin-top: -15%; }
      .r-plan-container section.plan-card:last-child img {
        width: 185px; } }
  @media only screen and (max-width: 1023px) {
    .r-plan-container {
      width: 100%;
      display: block;
      white-space: nowrap;
      text-align: center; }
      .r-plan-container section.plan-card {
        display: inline-block !important;
        margin-right: 15px;
        transition: all 0.2s ease-in; }
        .r-plan-container section.plan-card img {
          width: 65%;
          margin-top: -17%; }
        .r-plan-container section.plan-card ul {
          text-align: left; }
        .r-plan-container section.plan-card.center {
          width: 250px;
          height: 368px;
          margin-top: 0;
          box-shadow: none;
          animation: none; }
          .r-plan-container section.plan-card.center.r-version {
            min-height: 378px; }
        .r-plan-container section.plan-card:last-child img {
          width: 75%; }
        .r-plan-container section.plan-card:last-child ul {
          margin-left: 0; } }
  @media only screen and (max-width: 767px) {
    .r-plan-container section.plan-card {
      margin-right: 20px;
      height: 340px; }
      .r-plan-container section.plan-card.center {
        height: 340px; } }

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: #333;
  background: #FFFFFF;
  border: 1px solid #D9DBE7;
  border-bottom-color: #D9DBE7;
  font-family: "Lato", sans-serif; }

/*
clear child float (pika-lendar), using the famous micro clearfix hack
http://nicolasgallagher.com/micro-clearfix-hack/
*/
.pika-single:before,
.pika-single:after {
  content: " ";
  display: table; }

.pika-single:after {
  clear: both; }

.pika-single.is-hidden {
  display: none; }

.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5); }

.pika-lendar {
  float: left;
  width: 240px;
  margin: 8px; }

.pika-title {
  position: relative;
  text-align: center;
  font-family: "Lato", sans-serif; }

.pika-label {
  display: inline-block;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 5px 3px;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  background-color: #FFFFFF; }

.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0; }

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 20px;
  height: 30px;
  /* hide text using text-indent trick, using width value (it's enough) */
  text-indent: 20px;
  white-space: nowrap;
  overflow: hidden;
  background: transparent no-repeat center center;
  background-size: 75% 75%;
  opacity: .5; }

.pika-prev:hover,
.pika-next:hover {
  opacity: 1; }

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg=="); }

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII="); }

.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: .2; }

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

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0; }

.pika-table th,
.pika-table td {
  width: 14.285714285714286%;
  padding: 0; }

.pika-table th {
  color: #53576B;
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-align: center; }

.pika-button {
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #53576B;
  font-size: 12px;
  line-height: 15px;
  text-align: right;
  background: #FFFFFF; }

.pika-week {
  font-size: 11px;
  color: #999; }

.is-today .pika-button {
  color: #5AC3CA;
  font-weight: bold; }

.is-selected .pika-button {
  color: #FFFFFF;
  font-weight: bold;
  background: #5AC3CA;
  box-shadow: inset 0 1px 3px #53576B;
  border-radius: 3px; }

.is-inrange .pika-button {
  background: #FFFFFF; }

.is-startrange .pika-button {
  color: #FFFFFF;
  background: #F45AFB;
  box-shadow: none;
  border-radius: 3px; }

.is-endrange .pika-button {
  color: #FFFFFF;
  background: #5AC3CA;
  box-shadow: none;
  border-radius: 3px; }

.is-disabled .pika-button,
.is-outside-current-month .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: .3; }

.pika-button:hover {
  color: #FFFFFF;
  background: #72A5D4;
  box-shadow: none;
  border-radius: 3px;
  border: 0; }

/* styling for abbr */
.pika-table abbr {
  border-bottom: none;
  cursor: help; }

.base-content {
  background: #FFFFFF;
  padding: 10px; }

.primary-content {
  background: #FFFFFF;
  padding: 10px; }

.secondary-content {
  background: #EDEEF3;
  padding: 10px; }

.primary-color-background {
  background: #53576B;
  padding: 10px;
  color: #FFFFFF; }

.secondary-color-background {
  background: #5AC3CA;
  padding: 10px; }

.tertiary-color-background {
  background: #72A5D4;
  padding: 10px; }

.bordered {
  border: 1px solid #D9DBE7; }

.border-vertical {
  border-width: 1px 0 !important; }

.border-horizontal {
  border-width: 0 1px !important; }

.float-right {
  float: right; }

.float-left {
  float: left; }

.text-center {
  text-align: center;
  justify-content: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-primary {
  color: #53576B; }

.text-white {
  color: #ffffff; }

.text-secondary {
  color: #5AC3CA; }

.text-success {
  color: #80CD42; }

.text-info {
  color: #72A5D4; }

.text-warning {
  color: #FBAE35; }

.text-error {
  color: #FB5135; }

.text-underline {
  text-decoration: underline; }

.hidden {
  display: none; }

.float-right-i {
  float: right !important; }

.float-left-i {
  float: left !important; }

.text-center-i {
  text-align: center !important; }

.text-left-i {
  text-align: left !important; }

.text-right-i {
  text-align: right !important; }

.flex-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center; }

.hidden-i {
  display: none !important; }

.m-t-auto {
  margin-top: auto; }

.m-b-auto {
  margin-bottom: auto; }

.m-l-auto {
  margin-left: auto; }

.m-r-auto {
  margin-right: auto; }

.fs-0 {
  font-size: 0px; }

.lh-0 {
  line-height: 0px; }

.m-all-0 {
  margin: 0px; }

.m-0-0 {
  margin: 0px 0; }

.m-0-0 {
  margin: 0 0px; }

.m-t-0 {
  margin-top: 0px; }

.m-r-0 {
  margin-right: 0px; }

.m-b-0 {
  margin-bottom: 0px; }

.m-l-0 {
  margin-left: 0px; }

.p-all-0 {
  padding: 0px; }

.p-0-0 {
  padding: 0px 0; }

.p-0-0-i {
  padding: 0px 0 !important; }

.p-0-0 {
  padding: 0 0px; }

.p-t-0 {
  padding-top: 0px; }

.p-r-0 {
  padding-right: 0px; }

.p-b-0 {
  padding-bottom: 0px; }

.p-l-0 {
  padding-left: 0px; }

.m-all-0-i {
  margin: 0px !important; }

.m-0-0 {
  margin: 0px 0; }

.fs-0-i {
  font-size: 0px !important; }

.m-0-0-i {
  margin: 0 0px !important; }

.m-t-0-i {
  margin-top: 0px !important; }

.m-r-0-i {
  margin-right: 0px !important; }

.m-b-0-i {
  margin-bottom: 0px !important; }

.m-l-0-i {
  margin-left: 0px !important; }

.p-all-0-i {
  padding: 0px !important; }

.p-0-0 {
  padding: 0px 0; }

.p-0-0-i {
  padding: 0 0px !important; }

.p-t-0-i {
  padding-top: 0px !important; }

.p-r-0-i {
  padding-right: 0px !important; }

.p-b-0-i {
  padding-bottom: 0px !important; }

.p-l-0-i {
  padding-left: 0px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-0 {
    margin-right: 0px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-0 {
    margin-right: 0px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-0 {
    margin-right: 0px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-0 {
    margin-right: 0px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-0-i {
    margin-right: 0px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-0-i {
    margin-right: 0px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-0-i {
    margin-right: 0px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-0-i {
    margin-right: 0px !important; } }

.fs-1 {
  font-size: 1px; }

.lh-1 {
  line-height: 1px; }

.m-all-1 {
  margin: 1px; }

.m-1-0 {
  margin: 1px 0; }

.m-0-1 {
  margin: 0 1px; }

.m-t-1 {
  margin-top: 1px; }

.m-r-1 {
  margin-right: 1px; }

.m-b-1 {
  margin-bottom: 1px; }

.m-l-1 {
  margin-left: 1px; }

.p-all-1 {
  padding: 1px; }

.p-1-0 {
  padding: 1px 0; }

.p-1-0-i {
  padding: 1px 0 !important; }

.p-0-1 {
  padding: 0 1px; }

.p-t-1 {
  padding-top: 1px; }

.p-r-1 {
  padding-right: 1px; }

.p-b-1 {
  padding-bottom: 1px; }

.p-l-1 {
  padding-left: 1px; }

.m-all-1-i {
  margin: 1px !important; }

.m-1-0 {
  margin: 1px 0; }

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

.m-0-1-i {
  margin: 0 1px !important; }

.m-t-1-i {
  margin-top: 1px !important; }

.m-r-1-i {
  margin-right: 1px !important; }

.m-b-1-i {
  margin-bottom: 1px !important; }

.m-l-1-i {
  margin-left: 1px !important; }

.p-all-1-i {
  padding: 1px !important; }

.p-1-0 {
  padding: 1px 0; }

.p-0-1-i {
  padding: 0 1px !important; }

.p-t-1-i {
  padding-top: 1px !important; }

.p-r-1-i {
  padding-right: 1px !important; }

.p-b-1-i {
  padding-bottom: 1px !important; }

.p-l-1-i {
  padding-left: 1px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-1 {
    margin-right: 1px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-1 {
    margin-right: 1px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-1 {
    margin-right: 1px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-1 {
    margin-right: 1px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-1-i {
    margin-right: 1px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-1-i {
    margin-right: 1px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-1-i {
    margin-right: 1px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-1-i {
    margin-right: 1px !important; } }

.fs-2 {
  font-size: 2px; }

.lh-2 {
  line-height: 2px; }

.m-all-2 {
  margin: 2px; }

.m-2-0 {
  margin: 2px 0; }

.m-0-2 {
  margin: 0 2px; }

.m-t-2 {
  margin-top: 2px; }

.m-r-2 {
  margin-right: 2px; }

.m-b-2 {
  margin-bottom: 2px; }

.m-l-2 {
  margin-left: 2px; }

.p-all-2 {
  padding: 2px; }

.p-2-0 {
  padding: 2px 0; }

.p-2-0-i {
  padding: 2px 0 !important; }

.p-0-2 {
  padding: 0 2px; }

.p-t-2 {
  padding-top: 2px; }

.p-r-2 {
  padding-right: 2px; }

.p-b-2 {
  padding-bottom: 2px; }

.p-l-2 {
  padding-left: 2px; }

.m-all-2-i {
  margin: 2px !important; }

.m-2-0 {
  margin: 2px 0; }

.fs-2-i {
  font-size: 2px !important; }

.m-0-2-i {
  margin: 0 2px !important; }

.m-t-2-i {
  margin-top: 2px !important; }

.m-r-2-i {
  margin-right: 2px !important; }

.m-b-2-i {
  margin-bottom: 2px !important; }

.m-l-2-i {
  margin-left: 2px !important; }

.p-all-2-i {
  padding: 2px !important; }

.p-2-0 {
  padding: 2px 0; }

.p-0-2-i {
  padding: 0 2px !important; }

.p-t-2-i {
  padding-top: 2px !important; }

.p-r-2-i {
  padding-right: 2px !important; }

.p-b-2-i {
  padding-bottom: 2px !important; }

.p-l-2-i {
  padding-left: 2px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-2 {
    margin-right: 2px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-2 {
    margin-right: 2px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-2 {
    margin-right: 2px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-2 {
    margin-right: 2px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-2-i {
    margin-right: 2px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-2-i {
    margin-right: 2px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-2-i {
    margin-right: 2px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-2-i {
    margin-right: 2px !important; } }

.fs-3 {
  font-size: 3px; }

.lh-3 {
  line-height: 3px; }

.m-all-3 {
  margin: 3px; }

.m-3-0 {
  margin: 3px 0; }

.m-0-3 {
  margin: 0 3px; }

.m-t-3 {
  margin-top: 3px; }

.m-r-3 {
  margin-right: 3px; }

.m-b-3 {
  margin-bottom: 3px; }

.m-l-3 {
  margin-left: 3px; }

.p-all-3 {
  padding: 3px; }

.p-3-0 {
  padding: 3px 0; }

.p-3-0-i {
  padding: 3px 0 !important; }

.p-0-3 {
  padding: 0 3px; }

.p-t-3 {
  padding-top: 3px; }

.p-r-3 {
  padding-right: 3px; }

.p-b-3 {
  padding-bottom: 3px; }

.p-l-3 {
  padding-left: 3px; }

.m-all-3-i {
  margin: 3px !important; }

.m-3-0 {
  margin: 3px 0; }

.fs-3-i {
  font-size: 3px !important; }

.m-0-3-i {
  margin: 0 3px !important; }

.m-t-3-i {
  margin-top: 3px !important; }

.m-r-3-i {
  margin-right: 3px !important; }

.m-b-3-i {
  margin-bottom: 3px !important; }

.m-l-3-i {
  margin-left: 3px !important; }

.p-all-3-i {
  padding: 3px !important; }

.p-3-0 {
  padding: 3px 0; }

.p-0-3-i {
  padding: 0 3px !important; }

.p-t-3-i {
  padding-top: 3px !important; }

.p-r-3-i {
  padding-right: 3px !important; }

.p-b-3-i {
  padding-bottom: 3px !important; }

.p-l-3-i {
  padding-left: 3px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-3 {
    margin-right: 3px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-3 {
    margin-right: 3px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-3 {
    margin-right: 3px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-3 {
    margin-right: 3px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-3-i {
    margin-right: 3px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-3-i {
    margin-right: 3px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-3-i {
    margin-right: 3px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-3-i {
    margin-right: 3px !important; } }

.fs-4 {
  font-size: 4px; }

.lh-4 {
  line-height: 4px; }

.m-all-4 {
  margin: 4px; }

.m-4-0 {
  margin: 4px 0; }

.m-0-4 {
  margin: 0 4px; }

.m-t-4 {
  margin-top: 4px; }

.m-r-4 {
  margin-right: 4px; }

.m-b-4 {
  margin-bottom: 4px; }

.m-l-4 {
  margin-left: 4px; }

.p-all-4 {
  padding: 4px; }

.p-4-0 {
  padding: 4px 0; }

.p-4-0-i {
  padding: 4px 0 !important; }

.p-0-4 {
  padding: 0 4px; }

.p-t-4 {
  padding-top: 4px; }

.p-r-4 {
  padding-right: 4px; }

.p-b-4 {
  padding-bottom: 4px; }

.p-l-4 {
  padding-left: 4px; }

.m-all-4-i {
  margin: 4px !important; }

.m-4-0 {
  margin: 4px 0; }

.fs-4-i {
  font-size: 4px !important; }

.m-0-4-i {
  margin: 0 4px !important; }

.m-t-4-i {
  margin-top: 4px !important; }

.m-r-4-i {
  margin-right: 4px !important; }

.m-b-4-i {
  margin-bottom: 4px !important; }

.m-l-4-i {
  margin-left: 4px !important; }

.p-all-4-i {
  padding: 4px !important; }

.p-4-0 {
  padding: 4px 0; }

.p-0-4-i {
  padding: 0 4px !important; }

.p-t-4-i {
  padding-top: 4px !important; }

.p-r-4-i {
  padding-right: 4px !important; }

.p-b-4-i {
  padding-bottom: 4px !important; }

.p-l-4-i {
  padding-left: 4px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-4 {
    margin-right: 4px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-4 {
    margin-right: 4px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-4 {
    margin-right: 4px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-4 {
    margin-right: 4px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-4-i {
    margin-right: 4px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-4-i {
    margin-right: 4px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-4-i {
    margin-right: 4px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-4-i {
    margin-right: 4px !important; } }

.fs-5 {
  font-size: 5px; }

.lh-5 {
  line-height: 5px; }

.m-all-5 {
  margin: 5px; }

.m-5-0 {
  margin: 5px 0; }

.m-0-5 {
  margin: 0 5px; }

.m-t-5 {
  margin-top: 5px; }

.m-r-5 {
  margin-right: 5px; }

.m-b-5 {
  margin-bottom: 5px; }

.m-l-5 {
  margin-left: 5px; }

.p-all-5 {
  padding: 5px; }

.p-5-0 {
  padding: 5px 0; }

.p-5-0-i {
  padding: 5px 0 !important; }

.p-0-5 {
  padding: 0 5px; }

.p-t-5 {
  padding-top: 5px; }

.p-r-5 {
  padding-right: 5px; }

.p-b-5 {
  padding-bottom: 5px; }

.p-l-5 {
  padding-left: 5px; }

.m-all-5-i {
  margin: 5px !important; }

.m-5-0 {
  margin: 5px 0; }

.fs-5-i {
  font-size: 5px !important; }

.m-0-5-i {
  margin: 0 5px !important; }

.m-t-5-i {
  margin-top: 5px !important; }

.m-r-5-i {
  margin-right: 5px !important; }

.m-b-5-i {
  margin-bottom: 5px !important; }

.m-l-5-i {
  margin-left: 5px !important; }

.p-all-5-i {
  padding: 5px !important; }

.p-5-0 {
  padding: 5px 0; }

.p-0-5-i {
  padding: 0 5px !important; }

.p-t-5-i {
  padding-top: 5px !important; }

.p-r-5-i {
  padding-right: 5px !important; }

.p-b-5-i {
  padding-bottom: 5px !important; }

.p-l-5-i {
  padding-left: 5px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-5 {
    margin-right: 5px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-5 {
    margin-right: 5px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-5 {
    margin-right: 5px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-5 {
    margin-right: 5px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-5-i {
    margin-right: 5px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-5-i {
    margin-right: 5px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-5-i {
    margin-right: 5px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-5-i {
    margin-right: 5px !important; } }

.fs-6 {
  font-size: 6px; }

.lh-6 {
  line-height: 6px; }

.m-all-6 {
  margin: 6px; }

.m-6-0 {
  margin: 6px 0; }

.m-0-6 {
  margin: 0 6px; }

.m-t-6 {
  margin-top: 6px; }

.m-r-6 {
  margin-right: 6px; }

.m-b-6 {
  margin-bottom: 6px; }

.m-l-6 {
  margin-left: 6px; }

.p-all-6 {
  padding: 6px; }

.p-6-0 {
  padding: 6px 0; }

.p-6-0-i {
  padding: 6px 0 !important; }

.p-0-6 {
  padding: 0 6px; }

.p-t-6 {
  padding-top: 6px; }

.p-r-6 {
  padding-right: 6px; }

.p-b-6 {
  padding-bottom: 6px; }

.p-l-6 {
  padding-left: 6px; }

.m-all-6-i {
  margin: 6px !important; }

.m-6-0 {
  margin: 6px 0; }

.fs-6-i {
  font-size: 6px !important; }

.m-0-6-i {
  margin: 0 6px !important; }

.m-t-6-i {
  margin-top: 6px !important; }

.m-r-6-i {
  margin-right: 6px !important; }

.m-b-6-i {
  margin-bottom: 6px !important; }

.m-l-6-i {
  margin-left: 6px !important; }

.p-all-6-i {
  padding: 6px !important; }

.p-6-0 {
  padding: 6px 0; }

.p-0-6-i {
  padding: 0 6px !important; }

.p-t-6-i {
  padding-top: 6px !important; }

.p-r-6-i {
  padding-right: 6px !important; }

.p-b-6-i {
  padding-bottom: 6px !important; }

.p-l-6-i {
  padding-left: 6px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-6 {
    margin-right: 6px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-6 {
    margin-right: 6px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-6 {
    margin-right: 6px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-6 {
    margin-right: 6px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-6-i {
    margin-right: 6px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-6-i {
    margin-right: 6px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-6-i {
    margin-right: 6px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-6-i {
    margin-right: 6px !important; } }

.fs-7 {
  font-size: 7px; }

.lh-7 {
  line-height: 7px; }

.m-all-7 {
  margin: 7px; }

.m-7-0 {
  margin: 7px 0; }

.m-0-7 {
  margin: 0 7px; }

.m-t-7 {
  margin-top: 7px; }

.m-r-7 {
  margin-right: 7px; }

.m-b-7 {
  margin-bottom: 7px; }

.m-l-7 {
  margin-left: 7px; }

.p-all-7 {
  padding: 7px; }

.p-7-0 {
  padding: 7px 0; }

.p-7-0-i {
  padding: 7px 0 !important; }

.p-0-7 {
  padding: 0 7px; }

.p-t-7 {
  padding-top: 7px; }

.p-r-7 {
  padding-right: 7px; }

.p-b-7 {
  padding-bottom: 7px; }

.p-l-7 {
  padding-left: 7px; }

.m-all-7-i {
  margin: 7px !important; }

.m-7-0 {
  margin: 7px 0; }

.fs-7-i {
  font-size: 7px !important; }

.m-0-7-i {
  margin: 0 7px !important; }

.m-t-7-i {
  margin-top: 7px !important; }

.m-r-7-i {
  margin-right: 7px !important; }

.m-b-7-i {
  margin-bottom: 7px !important; }

.m-l-7-i {
  margin-left: 7px !important; }

.p-all-7-i {
  padding: 7px !important; }

.p-7-0 {
  padding: 7px 0; }

.p-0-7-i {
  padding: 0 7px !important; }

.p-t-7-i {
  padding-top: 7px !important; }

.p-r-7-i {
  padding-right: 7px !important; }

.p-b-7-i {
  padding-bottom: 7px !important; }

.p-l-7-i {
  padding-left: 7px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-7 {
    margin-right: 7px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-7 {
    margin-right: 7px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-7 {
    margin-right: 7px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-7 {
    margin-right: 7px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-7-i {
    margin-right: 7px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-7-i {
    margin-right: 7px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-7-i {
    margin-right: 7px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-7-i {
    margin-right: 7px !important; } }

.fs-8 {
  font-size: 8px; }

.lh-8 {
  line-height: 8px; }

.m-all-8 {
  margin: 8px; }

.m-8-0 {
  margin: 8px 0; }

.m-0-8 {
  margin: 0 8px; }

.m-t-8 {
  margin-top: 8px; }

.m-r-8 {
  margin-right: 8px; }

.m-b-8 {
  margin-bottom: 8px; }

.m-l-8 {
  margin-left: 8px; }

.p-all-8 {
  padding: 8px; }

.p-8-0 {
  padding: 8px 0; }

.p-8-0-i {
  padding: 8px 0 !important; }

.p-0-8 {
  padding: 0 8px; }

.p-t-8 {
  padding-top: 8px; }

.p-r-8 {
  padding-right: 8px; }

.p-b-8 {
  padding-bottom: 8px; }

.p-l-8 {
  padding-left: 8px; }

.m-all-8-i {
  margin: 8px !important; }

.m-8-0 {
  margin: 8px 0; }

.fs-8-i {
  font-size: 8px !important; }

.m-0-8-i {
  margin: 0 8px !important; }

.m-t-8-i {
  margin-top: 8px !important; }

.m-r-8-i {
  margin-right: 8px !important; }

.m-b-8-i {
  margin-bottom: 8px !important; }

.m-l-8-i {
  margin-left: 8px !important; }

.p-all-8-i {
  padding: 8px !important; }

.p-8-0 {
  padding: 8px 0; }

.p-0-8-i {
  padding: 0 8px !important; }

.p-t-8-i {
  padding-top: 8px !important; }

.p-r-8-i {
  padding-right: 8px !important; }

.p-b-8-i {
  padding-bottom: 8px !important; }

.p-l-8-i {
  padding-left: 8px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-8 {
    margin-right: 8px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-8 {
    margin-right: 8px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-8 {
    margin-right: 8px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-8 {
    margin-right: 8px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-8-i {
    margin-right: 8px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-8-i {
    margin-right: 8px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-8-i {
    margin-right: 8px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-8-i {
    margin-right: 8px !important; } }

.fs-9 {
  font-size: 9px; }

.lh-9 {
  line-height: 9px; }

.m-all-9 {
  margin: 9px; }

.m-9-0 {
  margin: 9px 0; }

.m-0-9 {
  margin: 0 9px; }

.m-t-9 {
  margin-top: 9px; }

.m-r-9 {
  margin-right: 9px; }

.m-b-9 {
  margin-bottom: 9px; }

.m-l-9 {
  margin-left: 9px; }

.p-all-9 {
  padding: 9px; }

.p-9-0 {
  padding: 9px 0; }

.p-9-0-i {
  padding: 9px 0 !important; }

.p-0-9 {
  padding: 0 9px; }

.p-t-9 {
  padding-top: 9px; }

.p-r-9 {
  padding-right: 9px; }

.p-b-9 {
  padding-bottom: 9px; }

.p-l-9 {
  padding-left: 9px; }

.m-all-9-i {
  margin: 9px !important; }

.m-9-0 {
  margin: 9px 0; }

.fs-9-i {
  font-size: 9px !important; }

.m-0-9-i {
  margin: 0 9px !important; }

.m-t-9-i {
  margin-top: 9px !important; }

.m-r-9-i {
  margin-right: 9px !important; }

.m-b-9-i {
  margin-bottom: 9px !important; }

.m-l-9-i {
  margin-left: 9px !important; }

.p-all-9-i {
  padding: 9px !important; }

.p-9-0 {
  padding: 9px 0; }

.p-0-9-i {
  padding: 0 9px !important; }

.p-t-9-i {
  padding-top: 9px !important; }

.p-r-9-i {
  padding-right: 9px !important; }

.p-b-9-i {
  padding-bottom: 9px !important; }

.p-l-9-i {
  padding-left: 9px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-9 {
    margin-right: 9px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-9 {
    margin-right: 9px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-9 {
    margin-right: 9px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-9 {
    margin-right: 9px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-9-i {
    margin-right: 9px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-9-i {
    margin-right: 9px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-9-i {
    margin-right: 9px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-9-i {
    margin-right: 9px !important; } }

.fs-10 {
  font-size: 10px; }

.lh-10 {
  line-height: 10px; }

.m-all-10 {
  margin: 10px; }

.m-10-0 {
  margin: 10px 0; }

.m-0-10 {
  margin: 0 10px; }

.m-t-10 {
  margin-top: 10px; }

.m-r-10 {
  margin-right: 10px; }

.m-b-10 {
  margin-bottom: 10px; }

.m-l-10 {
  margin-left: 10px; }

.p-all-10 {
  padding: 10px; }

.p-10-0 {
  padding: 10px 0; }

.p-10-0-i {
  padding: 10px 0 !important; }

.p-0-10 {
  padding: 0 10px; }

.p-t-10 {
  padding-top: 10px; }

.p-r-10 {
  padding-right: 10px; }

.p-b-10 {
  padding-bottom: 10px; }

.p-l-10 {
  padding-left: 10px; }

.m-all-10-i {
  margin: 10px !important; }

.m-10-0 {
  margin: 10px 0; }

.fs-10-i {
  font-size: 10px !important; }

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

.m-t-10-i {
  margin-top: 10px !important; }

.m-r-10-i {
  margin-right: 10px !important; }

.m-b-10-i {
  margin-bottom: 10px !important; }

.m-l-10-i {
  margin-left: 10px !important; }

.p-all-10-i {
  padding: 10px !important; }

.p-10-0 {
  padding: 10px 0; }

.p-0-10-i {
  padding: 0 10px !important; }

.p-t-10-i {
  padding-top: 10px !important; }

.p-r-10-i {
  padding-right: 10px !important; }

.p-b-10-i {
  padding-bottom: 10px !important; }

.p-l-10-i {
  padding-left: 10px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-10 {
    margin-right: 10px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-10 {
    margin-right: 10px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-10 {
    margin-right: 10px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-10 {
    margin-right: 10px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-10-i {
    margin-right: 10px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-10-i {
    margin-right: 10px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-10-i {
    margin-right: 10px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-10-i {
    margin-right: 10px !important; } }

.fs-11 {
  font-size: 11px; }

.lh-11 {
  line-height: 11px; }

.m-all-11 {
  margin: 11px; }

.m-11-0 {
  margin: 11px 0; }

.m-0-11 {
  margin: 0 11px; }

.m-t-11 {
  margin-top: 11px; }

.m-r-11 {
  margin-right: 11px; }

.m-b-11 {
  margin-bottom: 11px; }

.m-l-11 {
  margin-left: 11px; }

.p-all-11 {
  padding: 11px; }

.p-11-0 {
  padding: 11px 0; }

.p-11-0-i {
  padding: 11px 0 !important; }

.p-0-11 {
  padding: 0 11px; }

.p-t-11 {
  padding-top: 11px; }

.p-r-11 {
  padding-right: 11px; }

.p-b-11 {
  padding-bottom: 11px; }

.p-l-11 {
  padding-left: 11px; }

.m-all-11-i {
  margin: 11px !important; }

.m-11-0 {
  margin: 11px 0; }

.fs-11-i {
  font-size: 11px !important; }

.m-0-11-i {
  margin: 0 11px !important; }

.m-t-11-i {
  margin-top: 11px !important; }

.m-r-11-i {
  margin-right: 11px !important; }

.m-b-11-i {
  margin-bottom: 11px !important; }

.m-l-11-i {
  margin-left: 11px !important; }

.p-all-11-i {
  padding: 11px !important; }

.p-11-0 {
  padding: 11px 0; }

.p-0-11-i {
  padding: 0 11px !important; }

.p-t-11-i {
  padding-top: 11px !important; }

.p-r-11-i {
  padding-right: 11px !important; }

.p-b-11-i {
  padding-bottom: 11px !important; }

.p-l-11-i {
  padding-left: 11px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-11 {
    margin-right: 11px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-11 {
    margin-right: 11px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-11 {
    margin-right: 11px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-11 {
    margin-right: 11px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-11-i {
    margin-right: 11px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-11-i {
    margin-right: 11px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-11-i {
    margin-right: 11px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-11-i {
    margin-right: 11px !important; } }

.fs-12 {
  font-size: 12px; }

.lh-12 {
  line-height: 12px; }

.m-all-12 {
  margin: 12px; }

.m-12-0 {
  margin: 12px 0; }

.m-0-12 {
  margin: 0 12px; }

.m-t-12 {
  margin-top: 12px; }

.m-r-12 {
  margin-right: 12px; }

.m-b-12 {
  margin-bottom: 12px; }

.m-l-12 {
  margin-left: 12px; }

.p-all-12 {
  padding: 12px; }

.p-12-0 {
  padding: 12px 0; }

.p-12-0-i {
  padding: 12px 0 !important; }

.p-0-12 {
  padding: 0 12px; }

.p-t-12 {
  padding-top: 12px; }

.p-r-12 {
  padding-right: 12px; }

.p-b-12 {
  padding-bottom: 12px; }

.p-l-12 {
  padding-left: 12px; }

.m-all-12-i {
  margin: 12px !important; }

.m-12-0 {
  margin: 12px 0; }

.fs-12-i {
  font-size: 12px !important; }

.m-0-12-i {
  margin: 0 12px !important; }

.m-t-12-i {
  margin-top: 12px !important; }

.m-r-12-i {
  margin-right: 12px !important; }

.m-b-12-i {
  margin-bottom: 12px !important; }

.m-l-12-i {
  margin-left: 12px !important; }

.p-all-12-i {
  padding: 12px !important; }

.p-12-0 {
  padding: 12px 0; }

.p-0-12-i {
  padding: 0 12px !important; }

.p-t-12-i {
  padding-top: 12px !important; }

.p-r-12-i {
  padding-right: 12px !important; }

.p-b-12-i {
  padding-bottom: 12px !important; }

.p-l-12-i {
  padding-left: 12px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-12 {
    margin-right: 12px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-12 {
    margin-right: 12px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-12 {
    margin-right: 12px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-12 {
    margin-right: 12px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-12-i {
    margin-right: 12px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-12-i {
    margin-right: 12px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-12-i {
    margin-right: 12px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-12-i {
    margin-right: 12px !important; } }

.fs-13 {
  font-size: 13px; }

.lh-13 {
  line-height: 13px; }

.m-all-13 {
  margin: 13px; }

.m-13-0 {
  margin: 13px 0; }

.m-0-13 {
  margin: 0 13px; }

.m-t-13 {
  margin-top: 13px; }

.m-r-13 {
  margin-right: 13px; }

.m-b-13 {
  margin-bottom: 13px; }

.m-l-13 {
  margin-left: 13px; }

.p-all-13 {
  padding: 13px; }

.p-13-0 {
  padding: 13px 0; }

.p-13-0-i {
  padding: 13px 0 !important; }

.p-0-13 {
  padding: 0 13px; }

.p-t-13 {
  padding-top: 13px; }

.p-r-13 {
  padding-right: 13px; }

.p-b-13 {
  padding-bottom: 13px; }

.p-l-13 {
  padding-left: 13px; }

.m-all-13-i {
  margin: 13px !important; }

.m-13-0 {
  margin: 13px 0; }

.fs-13-i {
  font-size: 13px !important; }

.m-0-13-i {
  margin: 0 13px !important; }

.m-t-13-i {
  margin-top: 13px !important; }

.m-r-13-i {
  margin-right: 13px !important; }

.m-b-13-i {
  margin-bottom: 13px !important; }

.m-l-13-i {
  margin-left: 13px !important; }

.p-all-13-i {
  padding: 13px !important; }

.p-13-0 {
  padding: 13px 0; }

.p-0-13-i {
  padding: 0 13px !important; }

.p-t-13-i {
  padding-top: 13px !important; }

.p-r-13-i {
  padding-right: 13px !important; }

.p-b-13-i {
  padding-bottom: 13px !important; }

.p-l-13-i {
  padding-left: 13px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-13 {
    margin-right: 13px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-13 {
    margin-right: 13px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-13 {
    margin-right: 13px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-13 {
    margin-right: 13px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-13-i {
    margin-right: 13px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-13-i {
    margin-right: 13px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-13-i {
    margin-right: 13px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-13-i {
    margin-right: 13px !important; } }

.fs-14 {
  font-size: 14px; }

.lh-14 {
  line-height: 14px; }

.m-all-14 {
  margin: 14px; }

.m-14-0 {
  margin: 14px 0; }

.m-0-14 {
  margin: 0 14px; }

.m-t-14 {
  margin-top: 14px; }

.m-r-14 {
  margin-right: 14px; }

.m-b-14 {
  margin-bottom: 14px; }

.m-l-14 {
  margin-left: 14px; }

.p-all-14 {
  padding: 14px; }

.p-14-0 {
  padding: 14px 0; }

.p-14-0-i {
  padding: 14px 0 !important; }

.p-0-14 {
  padding: 0 14px; }

.p-t-14 {
  padding-top: 14px; }

.p-r-14 {
  padding-right: 14px; }

.p-b-14 {
  padding-bottom: 14px; }

.p-l-14 {
  padding-left: 14px; }

.m-all-14-i {
  margin: 14px !important; }

.m-14-0 {
  margin: 14px 0; }

.fs-14-i {
  font-size: 14px !important; }

.m-0-14-i {
  margin: 0 14px !important; }

.m-t-14-i {
  margin-top: 14px !important; }

.m-r-14-i {
  margin-right: 14px !important; }

.m-b-14-i {
  margin-bottom: 14px !important; }

.m-l-14-i {
  margin-left: 14px !important; }

.p-all-14-i {
  padding: 14px !important; }

.p-14-0 {
  padding: 14px 0; }

.p-0-14-i {
  padding: 0 14px !important; }

.p-t-14-i {
  padding-top: 14px !important; }

.p-r-14-i {
  padding-right: 14px !important; }

.p-b-14-i {
  padding-bottom: 14px !important; }

.p-l-14-i {
  padding-left: 14px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-14 {
    margin-right: 14px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-14 {
    margin-right: 14px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-14 {
    margin-right: 14px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-14 {
    margin-right: 14px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-14-i {
    margin-right: 14px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-14-i {
    margin-right: 14px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-14-i {
    margin-right: 14px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-14-i {
    margin-right: 14px !important; } }

.fs-15 {
  font-size: 15px; }

.lh-15 {
  line-height: 15px; }

.m-all-15 {
  margin: 15px; }

.m-15-0 {
  margin: 15px 0; }

.m-0-15 {
  margin: 0 15px; }

.m-t-15 {
  margin-top: 15px; }

.m-r-15 {
  margin-right: 15px; }

.m-b-15 {
  margin-bottom: 15px; }

.m-l-15 {
  margin-left: 15px; }

.p-all-15 {
  padding: 15px; }

.p-15-0 {
  padding: 15px 0; }

.p-15-0-i {
  padding: 15px 0 !important; }

.p-0-15 {
  padding: 0 15px; }

.p-t-15 {
  padding-top: 15px; }

.p-r-15 {
  padding-right: 15px; }

.p-b-15 {
  padding-bottom: 15px; }

.p-l-15 {
  padding-left: 15px; }

.m-all-15-i {
  margin: 15px !important; }

.m-15-0 {
  margin: 15px 0; }

.fs-15-i {
  font-size: 15px !important; }

.m-0-15-i {
  margin: 0 15px !important; }

.m-t-15-i {
  margin-top: 15px !important; }

.m-r-15-i {
  margin-right: 15px !important; }

.m-b-15-i {
  margin-bottom: 15px !important; }

.m-l-15-i {
  margin-left: 15px !important; }

.p-all-15-i {
  padding: 15px !important; }

.p-15-0 {
  padding: 15px 0; }

.p-0-15-i {
  padding: 0 15px !important; }

.p-t-15-i {
  padding-top: 15px !important; }

.p-r-15-i {
  padding-right: 15px !important; }

.p-b-15-i {
  padding-bottom: 15px !important; }

.p-l-15-i {
  padding-left: 15px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-15 {
    margin-right: 15px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-15 {
    margin-right: 15px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-15 {
    margin-right: 15px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-15 {
    margin-right: 15px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-15-i {
    margin-right: 15px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-15-i {
    margin-right: 15px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-15-i {
    margin-right: 15px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-15-i {
    margin-right: 15px !important; } }

.fs-16 {
  font-size: 16px; }

.lh-16 {
  line-height: 16px; }

.m-all-16 {
  margin: 16px; }

.m-16-0 {
  margin: 16px 0; }

.m-0-16 {
  margin: 0 16px; }

.m-t-16 {
  margin-top: 16px; }

.m-r-16 {
  margin-right: 16px; }

.m-b-16 {
  margin-bottom: 16px; }

.m-l-16 {
  margin-left: 16px; }

.p-all-16 {
  padding: 16px; }

.p-16-0 {
  padding: 16px 0; }

.p-16-0-i {
  padding: 16px 0 !important; }

.p-0-16 {
  padding: 0 16px; }

.p-t-16 {
  padding-top: 16px; }

.p-r-16 {
  padding-right: 16px; }

.p-b-16 {
  padding-bottom: 16px; }

.p-l-16 {
  padding-left: 16px; }

.m-all-16-i {
  margin: 16px !important; }

.m-16-0 {
  margin: 16px 0; }

.fs-16-i {
  font-size: 16px !important; }

.m-0-16-i {
  margin: 0 16px !important; }

.m-t-16-i {
  margin-top: 16px !important; }

.m-r-16-i {
  margin-right: 16px !important; }

.m-b-16-i {
  margin-bottom: 16px !important; }

.m-l-16-i {
  margin-left: 16px !important; }

.p-all-16-i {
  padding: 16px !important; }

.p-16-0 {
  padding: 16px 0; }

.p-0-16-i {
  padding: 0 16px !important; }

.p-t-16-i {
  padding-top: 16px !important; }

.p-r-16-i {
  padding-right: 16px !important; }

.p-b-16-i {
  padding-bottom: 16px !important; }

.p-l-16-i {
  padding-left: 16px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-16 {
    margin-right: 16px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-16 {
    margin-right: 16px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-16 {
    margin-right: 16px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-16 {
    margin-right: 16px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-16-i {
    margin-right: 16px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-16-i {
    margin-right: 16px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-16-i {
    margin-right: 16px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-16-i {
    margin-right: 16px !important; } }

.fs-17 {
  font-size: 17px; }

.lh-17 {
  line-height: 17px; }

.m-all-17 {
  margin: 17px; }

.m-17-0 {
  margin: 17px 0; }

.m-0-17 {
  margin: 0 17px; }

.m-t-17 {
  margin-top: 17px; }

.m-r-17 {
  margin-right: 17px; }

.m-b-17 {
  margin-bottom: 17px; }

.m-l-17 {
  margin-left: 17px; }

.p-all-17 {
  padding: 17px; }

.p-17-0 {
  padding: 17px 0; }

.p-17-0-i {
  padding: 17px 0 !important; }

.p-0-17 {
  padding: 0 17px; }

.p-t-17 {
  padding-top: 17px; }

.p-r-17 {
  padding-right: 17px; }

.p-b-17 {
  padding-bottom: 17px; }

.p-l-17 {
  padding-left: 17px; }

.m-all-17-i {
  margin: 17px !important; }

.m-17-0 {
  margin: 17px 0; }

.fs-17-i {
  font-size: 17px !important; }

.m-0-17-i {
  margin: 0 17px !important; }

.m-t-17-i {
  margin-top: 17px !important; }

.m-r-17-i {
  margin-right: 17px !important; }

.m-b-17-i {
  margin-bottom: 17px !important; }

.m-l-17-i {
  margin-left: 17px !important; }

.p-all-17-i {
  padding: 17px !important; }

.p-17-0 {
  padding: 17px 0; }

.p-0-17-i {
  padding: 0 17px !important; }

.p-t-17-i {
  padding-top: 17px !important; }

.p-r-17-i {
  padding-right: 17px !important; }

.p-b-17-i {
  padding-bottom: 17px !important; }

.p-l-17-i {
  padding-left: 17px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-17 {
    margin-right: 17px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-17 {
    margin-right: 17px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-17 {
    margin-right: 17px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-17 {
    margin-right: 17px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-17-i {
    margin-right: 17px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-17-i {
    margin-right: 17px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-17-i {
    margin-right: 17px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-17-i {
    margin-right: 17px !important; } }

.fs-18 {
  font-size: 18px; }

.lh-18 {
  line-height: 18px; }

.m-all-18 {
  margin: 18px; }

.m-18-0 {
  margin: 18px 0; }

.m-0-18 {
  margin: 0 18px; }

.m-t-18 {
  margin-top: 18px; }

.m-r-18 {
  margin-right: 18px; }

.m-b-18 {
  margin-bottom: 18px; }

.m-l-18 {
  margin-left: 18px; }

.p-all-18 {
  padding: 18px; }

.p-18-0 {
  padding: 18px 0; }

.p-18-0-i {
  padding: 18px 0 !important; }

.p-0-18 {
  padding: 0 18px; }

.p-t-18 {
  padding-top: 18px; }

.p-r-18 {
  padding-right: 18px; }

.p-b-18 {
  padding-bottom: 18px; }

.p-l-18 {
  padding-left: 18px; }

.m-all-18-i {
  margin: 18px !important; }

.m-18-0 {
  margin: 18px 0; }

.fs-18-i {
  font-size: 18px !important; }

.m-0-18-i {
  margin: 0 18px !important; }

.m-t-18-i {
  margin-top: 18px !important; }

.m-r-18-i {
  margin-right: 18px !important; }

.m-b-18-i {
  margin-bottom: 18px !important; }

.m-l-18-i {
  margin-left: 18px !important; }

.p-all-18-i {
  padding: 18px !important; }

.p-18-0 {
  padding: 18px 0; }

.p-0-18-i {
  padding: 0 18px !important; }

.p-t-18-i {
  padding-top: 18px !important; }

.p-r-18-i {
  padding-right: 18px !important; }

.p-b-18-i {
  padding-bottom: 18px !important; }

.p-l-18-i {
  padding-left: 18px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-18 {
    margin-right: 18px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-18 {
    margin-right: 18px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-18 {
    margin-right: 18px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-18 {
    margin-right: 18px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-18-i {
    margin-right: 18px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-18-i {
    margin-right: 18px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-18-i {
    margin-right: 18px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-18-i {
    margin-right: 18px !important; } }

.fs-19 {
  font-size: 19px; }

.lh-19 {
  line-height: 19px; }

.m-all-19 {
  margin: 19px; }

.m-19-0 {
  margin: 19px 0; }

.m-0-19 {
  margin: 0 19px; }

.m-t-19 {
  margin-top: 19px; }

.m-r-19 {
  margin-right: 19px; }

.m-b-19 {
  margin-bottom: 19px; }

.m-l-19 {
  margin-left: 19px; }

.p-all-19 {
  padding: 19px; }

.p-19-0 {
  padding: 19px 0; }

.p-19-0-i {
  padding: 19px 0 !important; }

.p-0-19 {
  padding: 0 19px; }

.p-t-19 {
  padding-top: 19px; }

.p-r-19 {
  padding-right: 19px; }

.p-b-19 {
  padding-bottom: 19px; }

.p-l-19 {
  padding-left: 19px; }

.m-all-19-i {
  margin: 19px !important; }

.m-19-0 {
  margin: 19px 0; }

.fs-19-i {
  font-size: 19px !important; }

.m-0-19-i {
  margin: 0 19px !important; }

.m-t-19-i {
  margin-top: 19px !important; }

.m-r-19-i {
  margin-right: 19px !important; }

.m-b-19-i {
  margin-bottom: 19px !important; }

.m-l-19-i {
  margin-left: 19px !important; }

.p-all-19-i {
  padding: 19px !important; }

.p-19-0 {
  padding: 19px 0; }

.p-0-19-i {
  padding: 0 19px !important; }

.p-t-19-i {
  padding-top: 19px !important; }

.p-r-19-i {
  padding-right: 19px !important; }

.p-b-19-i {
  padding-bottom: 19px !important; }

.p-l-19-i {
  padding-left: 19px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-19 {
    margin-right: 19px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-19 {
    margin-right: 19px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-19 {
    margin-right: 19px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-19 {
    margin-right: 19px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-19-i {
    margin-right: 19px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-19-i {
    margin-right: 19px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-19-i {
    margin-right: 19px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-19-i {
    margin-right: 19px !important; } }

.fs-20 {
  font-size: 20px; }

.lh-20 {
  line-height: 20px; }

.m-all-20 {
  margin: 20px; }

.m-20-0 {
  margin: 20px 0; }

.m-0-20 {
  margin: 0 20px; }

.m-t-20 {
  margin-top: 20px; }

.m-r-20 {
  margin-right: 20px; }

.m-b-20 {
  margin-bottom: 20px; }

.m-l-20 {
  margin-left: 20px; }

.p-all-20 {
  padding: 20px; }

.p-20-0 {
  padding: 20px 0; }

.p-20-0-i {
  padding: 20px 0 !important; }

.p-0-20 {
  padding: 0 20px; }

.p-t-20 {
  padding-top: 20px; }

.p-r-20 {
  padding-right: 20px; }

.p-b-20 {
  padding-bottom: 20px; }

.p-l-20 {
  padding-left: 20px; }

.m-all-20-i {
  margin: 20px !important; }

.m-20-0 {
  margin: 20px 0; }

.fs-20-i {
  font-size: 20px !important; }

.m-0-20-i {
  margin: 0 20px !important; }

.m-t-20-i {
  margin-top: 20px !important; }

.m-r-20-i {
  margin-right: 20px !important; }

.m-b-20-i {
  margin-bottom: 20px !important; }

.m-l-20-i {
  margin-left: 20px !important; }

.p-all-20-i {
  padding: 20px !important; }

.p-20-0 {
  padding: 20px 0; }

.p-0-20-i {
  padding: 0 20px !important; }

.p-t-20-i {
  padding-top: 20px !important; }

.p-r-20-i {
  padding-right: 20px !important; }

.p-b-20-i {
  padding-bottom: 20px !important; }

.p-l-20-i {
  padding-left: 20px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-20 {
    margin-right: 20px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-20 {
    margin-right: 20px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-20 {
    margin-right: 20px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-20 {
    margin-right: 20px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-20-i {
    margin-right: 20px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-20-i {
    margin-right: 20px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-20-i {
    margin-right: 20px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-20-i {
    margin-right: 20px !important; } }

.fs-21 {
  font-size: 21px; }

.lh-21 {
  line-height: 21px; }

.m-all-21 {
  margin: 21px; }

.m-21-0 {
  margin: 21px 0; }

.m-0-21 {
  margin: 0 21px; }

.m-t-21 {
  margin-top: 21px; }

.m-r-21 {
  margin-right: 21px; }

.m-b-21 {
  margin-bottom: 21px; }

.m-l-21 {
  margin-left: 21px; }

.p-all-21 {
  padding: 21px; }

.p-21-0 {
  padding: 21px 0; }

.p-21-0-i {
  padding: 21px 0 !important; }

.p-0-21 {
  padding: 0 21px; }

.p-t-21 {
  padding-top: 21px; }

.p-r-21 {
  padding-right: 21px; }

.p-b-21 {
  padding-bottom: 21px; }

.p-l-21 {
  padding-left: 21px; }

.m-all-21-i {
  margin: 21px !important; }

.m-21-0 {
  margin: 21px 0; }

.fs-21-i {
  font-size: 21px !important; }

.m-0-21-i {
  margin: 0 21px !important; }

.m-t-21-i {
  margin-top: 21px !important; }

.m-r-21-i {
  margin-right: 21px !important; }

.m-b-21-i {
  margin-bottom: 21px !important; }

.m-l-21-i {
  margin-left: 21px !important; }

.p-all-21-i {
  padding: 21px !important; }

.p-21-0 {
  padding: 21px 0; }

.p-0-21-i {
  padding: 0 21px !important; }

.p-t-21-i {
  padding-top: 21px !important; }

.p-r-21-i {
  padding-right: 21px !important; }

.p-b-21-i {
  padding-bottom: 21px !important; }

.p-l-21-i {
  padding-left: 21px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-21 {
    margin-right: 21px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-21 {
    margin-right: 21px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-21 {
    margin-right: 21px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-21 {
    margin-right: 21px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-21-i {
    margin-right: 21px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-21-i {
    margin-right: 21px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-21-i {
    margin-right: 21px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-21-i {
    margin-right: 21px !important; } }

.fs-22 {
  font-size: 22px; }

.lh-22 {
  line-height: 22px; }

.m-all-22 {
  margin: 22px; }

.m-22-0 {
  margin: 22px 0; }

.m-0-22 {
  margin: 0 22px; }

.m-t-22 {
  margin-top: 22px; }

.m-r-22 {
  margin-right: 22px; }

.m-b-22 {
  margin-bottom: 22px; }

.m-l-22 {
  margin-left: 22px; }

.p-all-22 {
  padding: 22px; }

.p-22-0 {
  padding: 22px 0; }

.p-22-0-i {
  padding: 22px 0 !important; }

.p-0-22 {
  padding: 0 22px; }

.p-t-22 {
  padding-top: 22px; }

.p-r-22 {
  padding-right: 22px; }

.p-b-22 {
  padding-bottom: 22px; }

.p-l-22 {
  padding-left: 22px; }

.m-all-22-i {
  margin: 22px !important; }

.m-22-0 {
  margin: 22px 0; }

.fs-22-i {
  font-size: 22px !important; }

.m-0-22-i {
  margin: 0 22px !important; }

.m-t-22-i {
  margin-top: 22px !important; }

.m-r-22-i {
  margin-right: 22px !important; }

.m-b-22-i {
  margin-bottom: 22px !important; }

.m-l-22-i {
  margin-left: 22px !important; }

.p-all-22-i {
  padding: 22px !important; }

.p-22-0 {
  padding: 22px 0; }

.p-0-22-i {
  padding: 0 22px !important; }

.p-t-22-i {
  padding-top: 22px !important; }

.p-r-22-i {
  padding-right: 22px !important; }

.p-b-22-i {
  padding-bottom: 22px !important; }

.p-l-22-i {
  padding-left: 22px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-22 {
    margin-right: 22px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-22 {
    margin-right: 22px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-22 {
    margin-right: 22px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-22 {
    margin-right: 22px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-22-i {
    margin-right: 22px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-22-i {
    margin-right: 22px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-22-i {
    margin-right: 22px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-22-i {
    margin-right: 22px !important; } }

.fs-23 {
  font-size: 23px; }

.lh-23 {
  line-height: 23px; }

.m-all-23 {
  margin: 23px; }

.m-23-0 {
  margin: 23px 0; }

.m-0-23 {
  margin: 0 23px; }

.m-t-23 {
  margin-top: 23px; }

.m-r-23 {
  margin-right: 23px; }

.m-b-23 {
  margin-bottom: 23px; }

.m-l-23 {
  margin-left: 23px; }

.p-all-23 {
  padding: 23px; }

.p-23-0 {
  padding: 23px 0; }

.p-23-0-i {
  padding: 23px 0 !important; }

.p-0-23 {
  padding: 0 23px; }

.p-t-23 {
  padding-top: 23px; }

.p-r-23 {
  padding-right: 23px; }

.p-b-23 {
  padding-bottom: 23px; }

.p-l-23 {
  padding-left: 23px; }

.m-all-23-i {
  margin: 23px !important; }

.m-23-0 {
  margin: 23px 0; }

.fs-23-i {
  font-size: 23px !important; }

.m-0-23-i {
  margin: 0 23px !important; }

.m-t-23-i {
  margin-top: 23px !important; }

.m-r-23-i {
  margin-right: 23px !important; }

.m-b-23-i {
  margin-bottom: 23px !important; }

.m-l-23-i {
  margin-left: 23px !important; }

.p-all-23-i {
  padding: 23px !important; }

.p-23-0 {
  padding: 23px 0; }

.p-0-23-i {
  padding: 0 23px !important; }

.p-t-23-i {
  padding-top: 23px !important; }

.p-r-23-i {
  padding-right: 23px !important; }

.p-b-23-i {
  padding-bottom: 23px !important; }

.p-l-23-i {
  padding-left: 23px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-23 {
    margin-right: 23px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-23 {
    margin-right: 23px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-23 {
    margin-right: 23px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-23 {
    margin-right: 23px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-23-i {
    margin-right: 23px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-23-i {
    margin-right: 23px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-23-i {
    margin-right: 23px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-23-i {
    margin-right: 23px !important; } }

.fs-24 {
  font-size: 24px; }

.lh-24 {
  line-height: 24px; }

.m-all-24 {
  margin: 24px; }

.m-24-0 {
  margin: 24px 0; }

.m-0-24 {
  margin: 0 24px; }

.m-t-24 {
  margin-top: 24px; }

.m-r-24 {
  margin-right: 24px; }

.m-b-24 {
  margin-bottom: 24px; }

.m-l-24 {
  margin-left: 24px; }

.p-all-24 {
  padding: 24px; }

.p-24-0 {
  padding: 24px 0; }

.p-24-0-i {
  padding: 24px 0 !important; }

.p-0-24 {
  padding: 0 24px; }

.p-t-24 {
  padding-top: 24px; }

.p-r-24 {
  padding-right: 24px; }

.p-b-24 {
  padding-bottom: 24px; }

.p-l-24 {
  padding-left: 24px; }

.m-all-24-i {
  margin: 24px !important; }

.m-24-0 {
  margin: 24px 0; }

.fs-24-i {
  font-size: 24px !important; }

.m-0-24-i {
  margin: 0 24px !important; }

.m-t-24-i {
  margin-top: 24px !important; }

.m-r-24-i {
  margin-right: 24px !important; }

.m-b-24-i {
  margin-bottom: 24px !important; }

.m-l-24-i {
  margin-left: 24px !important; }

.p-all-24-i {
  padding: 24px !important; }

.p-24-0 {
  padding: 24px 0; }

.p-0-24-i {
  padding: 0 24px !important; }

.p-t-24-i {
  padding-top: 24px !important; }

.p-r-24-i {
  padding-right: 24px !important; }

.p-b-24-i {
  padding-bottom: 24px !important; }

.p-l-24-i {
  padding-left: 24px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-24 {
    margin-right: 24px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-24 {
    margin-right: 24px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-24 {
    margin-right: 24px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-24 {
    margin-right: 24px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-24-i {
    margin-right: 24px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-24-i {
    margin-right: 24px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-24-i {
    margin-right: 24px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-24-i {
    margin-right: 24px !important; } }

.fs-25 {
  font-size: 25px; }

.lh-25 {
  line-height: 25px; }

.m-all-25 {
  margin: 25px; }

.m-25-0 {
  margin: 25px 0; }

.m-0-25 {
  margin: 0 25px; }

.m-t-25 {
  margin-top: 25px; }

.m-r-25 {
  margin-right: 25px; }

.m-b-25 {
  margin-bottom: 25px; }

.m-l-25 {
  margin-left: 25px; }

.p-all-25 {
  padding: 25px; }

.p-25-0 {
  padding: 25px 0; }

.p-25-0-i {
  padding: 25px 0 !important; }

.p-0-25 {
  padding: 0 25px; }

.p-t-25 {
  padding-top: 25px; }

.p-r-25 {
  padding-right: 25px; }

.p-b-25 {
  padding-bottom: 25px; }

.p-l-25 {
  padding-left: 25px; }

.m-all-25-i {
  margin: 25px !important; }

.m-25-0 {
  margin: 25px 0; }

.fs-25-i {
  font-size: 25px !important; }

.m-0-25-i {
  margin: 0 25px !important; }

.m-t-25-i {
  margin-top: 25px !important; }

.m-r-25-i {
  margin-right: 25px !important; }

.m-b-25-i {
  margin-bottom: 25px !important; }

.m-l-25-i {
  margin-left: 25px !important; }

.p-all-25-i {
  padding: 25px !important; }

.p-25-0 {
  padding: 25px 0; }

.p-0-25-i {
  padding: 0 25px !important; }

.p-t-25-i {
  padding-top: 25px !important; }

.p-r-25-i {
  padding-right: 25px !important; }

.p-b-25-i {
  padding-bottom: 25px !important; }

.p-l-25-i {
  padding-left: 25px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-25 {
    margin-right: 25px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-25 {
    margin-right: 25px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-25 {
    margin-right: 25px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-25 {
    margin-right: 25px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-25-i {
    margin-right: 25px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-25-i {
    margin-right: 25px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-25-i {
    margin-right: 25px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-25-i {
    margin-right: 25px !important; } }

.fs-26 {
  font-size: 26px; }

.lh-26 {
  line-height: 26px; }

.m-all-26 {
  margin: 26px; }

.m-26-0 {
  margin: 26px 0; }

.m-0-26 {
  margin: 0 26px; }

.m-t-26 {
  margin-top: 26px; }

.m-r-26 {
  margin-right: 26px; }

.m-b-26 {
  margin-bottom: 26px; }

.m-l-26 {
  margin-left: 26px; }

.p-all-26 {
  padding: 26px; }

.p-26-0 {
  padding: 26px 0; }

.p-26-0-i {
  padding: 26px 0 !important; }

.p-0-26 {
  padding: 0 26px; }

.p-t-26 {
  padding-top: 26px; }

.p-r-26 {
  padding-right: 26px; }

.p-b-26 {
  padding-bottom: 26px; }

.p-l-26 {
  padding-left: 26px; }

.m-all-26-i {
  margin: 26px !important; }

.m-26-0 {
  margin: 26px 0; }

.fs-26-i {
  font-size: 26px !important; }

.m-0-26-i {
  margin: 0 26px !important; }

.m-t-26-i {
  margin-top: 26px !important; }

.m-r-26-i {
  margin-right: 26px !important; }

.m-b-26-i {
  margin-bottom: 26px !important; }

.m-l-26-i {
  margin-left: 26px !important; }

.p-all-26-i {
  padding: 26px !important; }

.p-26-0 {
  padding: 26px 0; }

.p-0-26-i {
  padding: 0 26px !important; }

.p-t-26-i {
  padding-top: 26px !important; }

.p-r-26-i {
  padding-right: 26px !important; }

.p-b-26-i {
  padding-bottom: 26px !important; }

.p-l-26-i {
  padding-left: 26px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-26 {
    margin-right: 26px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-26 {
    margin-right: 26px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-26 {
    margin-right: 26px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-26 {
    margin-right: 26px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-26-i {
    margin-right: 26px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-26-i {
    margin-right: 26px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-26-i {
    margin-right: 26px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-26-i {
    margin-right: 26px !important; } }

.fs-27 {
  font-size: 27px; }

.lh-27 {
  line-height: 27px; }

.m-all-27 {
  margin: 27px; }

.m-27-0 {
  margin: 27px 0; }

.m-0-27 {
  margin: 0 27px; }

.m-t-27 {
  margin-top: 27px; }

.m-r-27 {
  margin-right: 27px; }

.m-b-27 {
  margin-bottom: 27px; }

.m-l-27 {
  margin-left: 27px; }

.p-all-27 {
  padding: 27px; }

.p-27-0 {
  padding: 27px 0; }

.p-27-0-i {
  padding: 27px 0 !important; }

.p-0-27 {
  padding: 0 27px; }

.p-t-27 {
  padding-top: 27px; }

.p-r-27 {
  padding-right: 27px; }

.p-b-27 {
  padding-bottom: 27px; }

.p-l-27 {
  padding-left: 27px; }

.m-all-27-i {
  margin: 27px !important; }

.m-27-0 {
  margin: 27px 0; }

.fs-27-i {
  font-size: 27px !important; }

.m-0-27-i {
  margin: 0 27px !important; }

.m-t-27-i {
  margin-top: 27px !important; }

.m-r-27-i {
  margin-right: 27px !important; }

.m-b-27-i {
  margin-bottom: 27px !important; }

.m-l-27-i {
  margin-left: 27px !important; }

.p-all-27-i {
  padding: 27px !important; }

.p-27-0 {
  padding: 27px 0; }

.p-0-27-i {
  padding: 0 27px !important; }

.p-t-27-i {
  padding-top: 27px !important; }

.p-r-27-i {
  padding-right: 27px !important; }

.p-b-27-i {
  padding-bottom: 27px !important; }

.p-l-27-i {
  padding-left: 27px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-27 {
    margin-right: 27px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-27 {
    margin-right: 27px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-27 {
    margin-right: 27px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-27 {
    margin-right: 27px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-27-i {
    margin-right: 27px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-27-i {
    margin-right: 27px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-27-i {
    margin-right: 27px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-27-i {
    margin-right: 27px !important; } }

.fs-28 {
  font-size: 28px; }

.lh-28 {
  line-height: 28px; }

.m-all-28 {
  margin: 28px; }

.m-28-0 {
  margin: 28px 0; }

.m-0-28 {
  margin: 0 28px; }

.m-t-28 {
  margin-top: 28px; }

.m-r-28 {
  margin-right: 28px; }

.m-b-28 {
  margin-bottom: 28px; }

.m-l-28 {
  margin-left: 28px; }

.p-all-28 {
  padding: 28px; }

.p-28-0 {
  padding: 28px 0; }

.p-28-0-i {
  padding: 28px 0 !important; }

.p-0-28 {
  padding: 0 28px; }

.p-t-28 {
  padding-top: 28px; }

.p-r-28 {
  padding-right: 28px; }

.p-b-28 {
  padding-bottom: 28px; }

.p-l-28 {
  padding-left: 28px; }

.m-all-28-i {
  margin: 28px !important; }

.m-28-0 {
  margin: 28px 0; }

.fs-28-i {
  font-size: 28px !important; }

.m-0-28-i {
  margin: 0 28px !important; }

.m-t-28-i {
  margin-top: 28px !important; }

.m-r-28-i {
  margin-right: 28px !important; }

.m-b-28-i {
  margin-bottom: 28px !important; }

.m-l-28-i {
  margin-left: 28px !important; }

.p-all-28-i {
  padding: 28px !important; }

.p-28-0 {
  padding: 28px 0; }

.p-0-28-i {
  padding: 0 28px !important; }

.p-t-28-i {
  padding-top: 28px !important; }

.p-r-28-i {
  padding-right: 28px !important; }

.p-b-28-i {
  padding-bottom: 28px !important; }

.p-l-28-i {
  padding-left: 28px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-28 {
    margin-right: 28px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-28 {
    margin-right: 28px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-28 {
    margin-right: 28px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-28 {
    margin-right: 28px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-28-i {
    margin-right: 28px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-28-i {
    margin-right: 28px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-28-i {
    margin-right: 28px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-28-i {
    margin-right: 28px !important; } }

.fs-29 {
  font-size: 29px; }

.lh-29 {
  line-height: 29px; }

.m-all-29 {
  margin: 29px; }

.m-29-0 {
  margin: 29px 0; }

.m-0-29 {
  margin: 0 29px; }

.m-t-29 {
  margin-top: 29px; }

.m-r-29 {
  margin-right: 29px; }

.m-b-29 {
  margin-bottom: 29px; }

.m-l-29 {
  margin-left: 29px; }

.p-all-29 {
  padding: 29px; }

.p-29-0 {
  padding: 29px 0; }

.p-29-0-i {
  padding: 29px 0 !important; }

.p-0-29 {
  padding: 0 29px; }

.p-t-29 {
  padding-top: 29px; }

.p-r-29 {
  padding-right: 29px; }

.p-b-29 {
  padding-bottom: 29px; }

.p-l-29 {
  padding-left: 29px; }

.m-all-29-i {
  margin: 29px !important; }

.m-29-0 {
  margin: 29px 0; }

.fs-29-i {
  font-size: 29px !important; }

.m-0-29-i {
  margin: 0 29px !important; }

.m-t-29-i {
  margin-top: 29px !important; }

.m-r-29-i {
  margin-right: 29px !important; }

.m-b-29-i {
  margin-bottom: 29px !important; }

.m-l-29-i {
  margin-left: 29px !important; }

.p-all-29-i {
  padding: 29px !important; }

.p-29-0 {
  padding: 29px 0; }

.p-0-29-i {
  padding: 0 29px !important; }

.p-t-29-i {
  padding-top: 29px !important; }

.p-r-29-i {
  padding-right: 29px !important; }

.p-b-29-i {
  padding-bottom: 29px !important; }

.p-l-29-i {
  padding-left: 29px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-29 {
    margin-right: 29px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-29 {
    margin-right: 29px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-29 {
    margin-right: 29px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-29 {
    margin-right: 29px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-29-i {
    margin-right: 29px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-29-i {
    margin-right: 29px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-29-i {
    margin-right: 29px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-29-i {
    margin-right: 29px !important; } }

.fs-30 {
  font-size: 30px; }

.lh-30 {
  line-height: 30px; }

.m-all-30 {
  margin: 30px; }

.m-30-0 {
  margin: 30px 0; }

.m-0-30 {
  margin: 0 30px; }

.m-t-30 {
  margin-top: 30px; }

.m-r-30 {
  margin-right: 30px; }

.m-b-30 {
  margin-bottom: 30px; }

.m-l-30 {
  margin-left: 30px; }

.p-all-30 {
  padding: 30px; }

.p-30-0 {
  padding: 30px 0; }

.p-30-0-i {
  padding: 30px 0 !important; }

.p-0-30 {
  padding: 0 30px; }

.p-t-30 {
  padding-top: 30px; }

.p-r-30 {
  padding-right: 30px; }

.p-b-30 {
  padding-bottom: 30px; }

.p-l-30 {
  padding-left: 30px; }

.m-all-30-i {
  margin: 30px !important; }

.m-30-0 {
  margin: 30px 0; }

.fs-30-i {
  font-size: 30px !important; }

.m-0-30-i {
  margin: 0 30px !important; }

.m-t-30-i {
  margin-top: 30px !important; }

.m-r-30-i {
  margin-right: 30px !important; }

.m-b-30-i {
  margin-bottom: 30px !important; }

.m-l-30-i {
  margin-left: 30px !important; }

.p-all-30-i {
  padding: 30px !important; }

.p-30-0 {
  padding: 30px 0; }

.p-0-30-i {
  padding: 0 30px !important; }

.p-t-30-i {
  padding-top: 30px !important; }

.p-r-30-i {
  padding-right: 30px !important; }

.p-b-30-i {
  padding-bottom: 30px !important; }

.p-l-30-i {
  padding-left: 30px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-30 {
    margin-right: 30px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-30 {
    margin-right: 30px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-30 {
    margin-right: 30px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-30 {
    margin-right: 30px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-30-i {
    margin-right: 30px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-30-i {
    margin-right: 30px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-30-i {
    margin-right: 30px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-30-i {
    margin-right: 30px !important; } }

.fs-31 {
  font-size: 31px; }

.lh-31 {
  line-height: 31px; }

.m-all-31 {
  margin: 31px; }

.m-31-0 {
  margin: 31px 0; }

.m-0-31 {
  margin: 0 31px; }

.m-t-31 {
  margin-top: 31px; }

.m-r-31 {
  margin-right: 31px; }

.m-b-31 {
  margin-bottom: 31px; }

.m-l-31 {
  margin-left: 31px; }

.p-all-31 {
  padding: 31px; }

.p-31-0 {
  padding: 31px 0; }

.p-31-0-i {
  padding: 31px 0 !important; }

.p-0-31 {
  padding: 0 31px; }

.p-t-31 {
  padding-top: 31px; }

.p-r-31 {
  padding-right: 31px; }

.p-b-31 {
  padding-bottom: 31px; }

.p-l-31 {
  padding-left: 31px; }

.m-all-31-i {
  margin: 31px !important; }

.m-31-0 {
  margin: 31px 0; }

.fs-31-i {
  font-size: 31px !important; }

.m-0-31-i {
  margin: 0 31px !important; }

.m-t-31-i {
  margin-top: 31px !important; }

.m-r-31-i {
  margin-right: 31px !important; }

.m-b-31-i {
  margin-bottom: 31px !important; }

.m-l-31-i {
  margin-left: 31px !important; }

.p-all-31-i {
  padding: 31px !important; }

.p-31-0 {
  padding: 31px 0; }

.p-0-31-i {
  padding: 0 31px !important; }

.p-t-31-i {
  padding-top: 31px !important; }

.p-r-31-i {
  padding-right: 31px !important; }

.p-b-31-i {
  padding-bottom: 31px !important; }

.p-l-31-i {
  padding-left: 31px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-31 {
    margin-right: 31px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-31 {
    margin-right: 31px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-31 {
    margin-right: 31px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-31 {
    margin-right: 31px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-31-i {
    margin-right: 31px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-31-i {
    margin-right: 31px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-31-i {
    margin-right: 31px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-31-i {
    margin-right: 31px !important; } }

.fs-32 {
  font-size: 32px; }

.lh-32 {
  line-height: 32px; }

.m-all-32 {
  margin: 32px; }

.m-32-0 {
  margin: 32px 0; }

.m-0-32 {
  margin: 0 32px; }

.m-t-32 {
  margin-top: 32px; }

.m-r-32 {
  margin-right: 32px; }

.m-b-32 {
  margin-bottom: 32px; }

.m-l-32 {
  margin-left: 32px; }

.p-all-32 {
  padding: 32px; }

.p-32-0 {
  padding: 32px 0; }

.p-32-0-i {
  padding: 32px 0 !important; }

.p-0-32 {
  padding: 0 32px; }

.p-t-32 {
  padding-top: 32px; }

.p-r-32 {
  padding-right: 32px; }

.p-b-32 {
  padding-bottom: 32px; }

.p-l-32 {
  padding-left: 32px; }

.m-all-32-i {
  margin: 32px !important; }

.m-32-0 {
  margin: 32px 0; }

.fs-32-i {
  font-size: 32px !important; }

.m-0-32-i {
  margin: 0 32px !important; }

.m-t-32-i {
  margin-top: 32px !important; }

.m-r-32-i {
  margin-right: 32px !important; }

.m-b-32-i {
  margin-bottom: 32px !important; }

.m-l-32-i {
  margin-left: 32px !important; }

.p-all-32-i {
  padding: 32px !important; }

.p-32-0 {
  padding: 32px 0; }

.p-0-32-i {
  padding: 0 32px !important; }

.p-t-32-i {
  padding-top: 32px !important; }

.p-r-32-i {
  padding-right: 32px !important; }

.p-b-32-i {
  padding-bottom: 32px !important; }

.p-l-32-i {
  padding-left: 32px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-32 {
    margin-right: 32px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-32 {
    margin-right: 32px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-32 {
    margin-right: 32px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-32 {
    margin-right: 32px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-32-i {
    margin-right: 32px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-32-i {
    margin-right: 32px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-32-i {
    margin-right: 32px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-32-i {
    margin-right: 32px !important; } }

.fs-33 {
  font-size: 33px; }

.lh-33 {
  line-height: 33px; }

.m-all-33 {
  margin: 33px; }

.m-33-0 {
  margin: 33px 0; }

.m-0-33 {
  margin: 0 33px; }

.m-t-33 {
  margin-top: 33px; }

.m-r-33 {
  margin-right: 33px; }

.m-b-33 {
  margin-bottom: 33px; }

.m-l-33 {
  margin-left: 33px; }

.p-all-33 {
  padding: 33px; }

.p-33-0 {
  padding: 33px 0; }

.p-33-0-i {
  padding: 33px 0 !important; }

.p-0-33 {
  padding: 0 33px; }

.p-t-33 {
  padding-top: 33px; }

.p-r-33 {
  padding-right: 33px; }

.p-b-33 {
  padding-bottom: 33px; }

.p-l-33 {
  padding-left: 33px; }

.m-all-33-i {
  margin: 33px !important; }

.m-33-0 {
  margin: 33px 0; }

.fs-33-i {
  font-size: 33px !important; }

.m-0-33-i {
  margin: 0 33px !important; }

.m-t-33-i {
  margin-top: 33px !important; }

.m-r-33-i {
  margin-right: 33px !important; }

.m-b-33-i {
  margin-bottom: 33px !important; }

.m-l-33-i {
  margin-left: 33px !important; }

.p-all-33-i {
  padding: 33px !important; }

.p-33-0 {
  padding: 33px 0; }

.p-0-33-i {
  padding: 0 33px !important; }

.p-t-33-i {
  padding-top: 33px !important; }

.p-r-33-i {
  padding-right: 33px !important; }

.p-b-33-i {
  padding-bottom: 33px !important; }

.p-l-33-i {
  padding-left: 33px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-33 {
    margin-right: 33px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-33 {
    margin-right: 33px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-33 {
    margin-right: 33px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-33 {
    margin-right: 33px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-33-i {
    margin-right: 33px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-33-i {
    margin-right: 33px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-33-i {
    margin-right: 33px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-33-i {
    margin-right: 33px !important; } }

.fs-34 {
  font-size: 34px; }

.lh-34 {
  line-height: 34px; }

.m-all-34 {
  margin: 34px; }

.m-34-0 {
  margin: 34px 0; }

.m-0-34 {
  margin: 0 34px; }

.m-t-34 {
  margin-top: 34px; }

.m-r-34 {
  margin-right: 34px; }

.m-b-34 {
  margin-bottom: 34px; }

.m-l-34 {
  margin-left: 34px; }

.p-all-34 {
  padding: 34px; }

.p-34-0 {
  padding: 34px 0; }

.p-34-0-i {
  padding: 34px 0 !important; }

.p-0-34 {
  padding: 0 34px; }

.p-t-34 {
  padding-top: 34px; }

.p-r-34 {
  padding-right: 34px; }

.p-b-34 {
  padding-bottom: 34px; }

.p-l-34 {
  padding-left: 34px; }

.m-all-34-i {
  margin: 34px !important; }

.m-34-0 {
  margin: 34px 0; }

.fs-34-i {
  font-size: 34px !important; }

.m-0-34-i {
  margin: 0 34px !important; }

.m-t-34-i {
  margin-top: 34px !important; }

.m-r-34-i {
  margin-right: 34px !important; }

.m-b-34-i {
  margin-bottom: 34px !important; }

.m-l-34-i {
  margin-left: 34px !important; }

.p-all-34-i {
  padding: 34px !important; }

.p-34-0 {
  padding: 34px 0; }

.p-0-34-i {
  padding: 0 34px !important; }

.p-t-34-i {
  padding-top: 34px !important; }

.p-r-34-i {
  padding-right: 34px !important; }

.p-b-34-i {
  padding-bottom: 34px !important; }

.p-l-34-i {
  padding-left: 34px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-34 {
    margin-right: 34px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-34 {
    margin-right: 34px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-34 {
    margin-right: 34px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-34 {
    margin-right: 34px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-34-i {
    margin-right: 34px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-34-i {
    margin-right: 34px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-34-i {
    margin-right: 34px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-34-i {
    margin-right: 34px !important; } }

.fs-35 {
  font-size: 35px; }

.lh-35 {
  line-height: 35px; }

.m-all-35 {
  margin: 35px; }

.m-35-0 {
  margin: 35px 0; }

.m-0-35 {
  margin: 0 35px; }

.m-t-35 {
  margin-top: 35px; }

.m-r-35 {
  margin-right: 35px; }

.m-b-35 {
  margin-bottom: 35px; }

.m-l-35 {
  margin-left: 35px; }

.p-all-35 {
  padding: 35px; }

.p-35-0 {
  padding: 35px 0; }

.p-35-0-i {
  padding: 35px 0 !important; }

.p-0-35 {
  padding: 0 35px; }

.p-t-35 {
  padding-top: 35px; }

.p-r-35 {
  padding-right: 35px; }

.p-b-35 {
  padding-bottom: 35px; }

.p-l-35 {
  padding-left: 35px; }

.m-all-35-i {
  margin: 35px !important; }

.m-35-0 {
  margin: 35px 0; }

.fs-35-i {
  font-size: 35px !important; }

.m-0-35-i {
  margin: 0 35px !important; }

.m-t-35-i {
  margin-top: 35px !important; }

.m-r-35-i {
  margin-right: 35px !important; }

.m-b-35-i {
  margin-bottom: 35px !important; }

.m-l-35-i {
  margin-left: 35px !important; }

.p-all-35-i {
  padding: 35px !important; }

.p-35-0 {
  padding: 35px 0; }

.p-0-35-i {
  padding: 0 35px !important; }

.p-t-35-i {
  padding-top: 35px !important; }

.p-r-35-i {
  padding-right: 35px !important; }

.p-b-35-i {
  padding-bottom: 35px !important; }

.p-l-35-i {
  padding-left: 35px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-35 {
    margin-right: 35px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-35 {
    margin-right: 35px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-35 {
    margin-right: 35px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-35 {
    margin-right: 35px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-35-i {
    margin-right: 35px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-35-i {
    margin-right: 35px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-35-i {
    margin-right: 35px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-35-i {
    margin-right: 35px !important; } }

.fs-36 {
  font-size: 36px; }

.lh-36 {
  line-height: 36px; }

.m-all-36 {
  margin: 36px; }

.m-36-0 {
  margin: 36px 0; }

.m-0-36 {
  margin: 0 36px; }

.m-t-36 {
  margin-top: 36px; }

.m-r-36 {
  margin-right: 36px; }

.m-b-36 {
  margin-bottom: 36px; }

.m-l-36 {
  margin-left: 36px; }

.p-all-36 {
  padding: 36px; }

.p-36-0 {
  padding: 36px 0; }

.p-36-0-i {
  padding: 36px 0 !important; }

.p-0-36 {
  padding: 0 36px; }

.p-t-36 {
  padding-top: 36px; }

.p-r-36 {
  padding-right: 36px; }

.p-b-36 {
  padding-bottom: 36px; }

.p-l-36 {
  padding-left: 36px; }

.m-all-36-i {
  margin: 36px !important; }

.m-36-0 {
  margin: 36px 0; }

.fs-36-i {
  font-size: 36px !important; }

.m-0-36-i {
  margin: 0 36px !important; }

.m-t-36-i {
  margin-top: 36px !important; }

.m-r-36-i {
  margin-right: 36px !important; }

.m-b-36-i {
  margin-bottom: 36px !important; }

.m-l-36-i {
  margin-left: 36px !important; }

.p-all-36-i {
  padding: 36px !important; }

.p-36-0 {
  padding: 36px 0; }

.p-0-36-i {
  padding: 0 36px !important; }

.p-t-36-i {
  padding-top: 36px !important; }

.p-r-36-i {
  padding-right: 36px !important; }

.p-b-36-i {
  padding-bottom: 36px !important; }

.p-l-36-i {
  padding-left: 36px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-36 {
    margin-right: 36px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-36 {
    margin-right: 36px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-36 {
    margin-right: 36px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-36 {
    margin-right: 36px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-36-i {
    margin-right: 36px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-36-i {
    margin-right: 36px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-36-i {
    margin-right: 36px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-36-i {
    margin-right: 36px !important; } }

.fs-37 {
  font-size: 37px; }

.lh-37 {
  line-height: 37px; }

.m-all-37 {
  margin: 37px; }

.m-37-0 {
  margin: 37px 0; }

.m-0-37 {
  margin: 0 37px; }

.m-t-37 {
  margin-top: 37px; }

.m-r-37 {
  margin-right: 37px; }

.m-b-37 {
  margin-bottom: 37px; }

.m-l-37 {
  margin-left: 37px; }

.p-all-37 {
  padding: 37px; }

.p-37-0 {
  padding: 37px 0; }

.p-37-0-i {
  padding: 37px 0 !important; }

.p-0-37 {
  padding: 0 37px; }

.p-t-37 {
  padding-top: 37px; }

.p-r-37 {
  padding-right: 37px; }

.p-b-37 {
  padding-bottom: 37px; }

.p-l-37 {
  padding-left: 37px; }

.m-all-37-i {
  margin: 37px !important; }

.m-37-0 {
  margin: 37px 0; }

.fs-37-i {
  font-size: 37px !important; }

.m-0-37-i {
  margin: 0 37px !important; }

.m-t-37-i {
  margin-top: 37px !important; }

.m-r-37-i {
  margin-right: 37px !important; }

.m-b-37-i {
  margin-bottom: 37px !important; }

.m-l-37-i {
  margin-left: 37px !important; }

.p-all-37-i {
  padding: 37px !important; }

.p-37-0 {
  padding: 37px 0; }

.p-0-37-i {
  padding: 0 37px !important; }

.p-t-37-i {
  padding-top: 37px !important; }

.p-r-37-i {
  padding-right: 37px !important; }

.p-b-37-i {
  padding-bottom: 37px !important; }

.p-l-37-i {
  padding-left: 37px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-37 {
    margin-right: 37px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-37 {
    margin-right: 37px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-37 {
    margin-right: 37px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-37 {
    margin-right: 37px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-37-i {
    margin-right: 37px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-37-i {
    margin-right: 37px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-37-i {
    margin-right: 37px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-37-i {
    margin-right: 37px !important; } }

.fs-38 {
  font-size: 38px; }

.lh-38 {
  line-height: 38px; }

.m-all-38 {
  margin: 38px; }

.m-38-0 {
  margin: 38px 0; }

.m-0-38 {
  margin: 0 38px; }

.m-t-38 {
  margin-top: 38px; }

.m-r-38 {
  margin-right: 38px; }

.m-b-38 {
  margin-bottom: 38px; }

.m-l-38 {
  margin-left: 38px; }

.p-all-38 {
  padding: 38px; }

.p-38-0 {
  padding: 38px 0; }

.p-38-0-i {
  padding: 38px 0 !important; }

.p-0-38 {
  padding: 0 38px; }

.p-t-38 {
  padding-top: 38px; }

.p-r-38 {
  padding-right: 38px; }

.p-b-38 {
  padding-bottom: 38px; }

.p-l-38 {
  padding-left: 38px; }

.m-all-38-i {
  margin: 38px !important; }

.m-38-0 {
  margin: 38px 0; }

.fs-38-i {
  font-size: 38px !important; }

.m-0-38-i {
  margin: 0 38px !important; }

.m-t-38-i {
  margin-top: 38px !important; }

.m-r-38-i {
  margin-right: 38px !important; }

.m-b-38-i {
  margin-bottom: 38px !important; }

.m-l-38-i {
  margin-left: 38px !important; }

.p-all-38-i {
  padding: 38px !important; }

.p-38-0 {
  padding: 38px 0; }

.p-0-38-i {
  padding: 0 38px !important; }

.p-t-38-i {
  padding-top: 38px !important; }

.p-r-38-i {
  padding-right: 38px !important; }

.p-b-38-i {
  padding-bottom: 38px !important; }

.p-l-38-i {
  padding-left: 38px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-38 {
    margin-right: 38px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-38 {
    margin-right: 38px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-38 {
    margin-right: 38px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-38 {
    margin-right: 38px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-38-i {
    margin-right: 38px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-38-i {
    margin-right: 38px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-38-i {
    margin-right: 38px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-38-i {
    margin-right: 38px !important; } }

.fs-39 {
  font-size: 39px; }

.lh-39 {
  line-height: 39px; }

.m-all-39 {
  margin: 39px; }

.m-39-0 {
  margin: 39px 0; }

.m-0-39 {
  margin: 0 39px; }

.m-t-39 {
  margin-top: 39px; }

.m-r-39 {
  margin-right: 39px; }

.m-b-39 {
  margin-bottom: 39px; }

.m-l-39 {
  margin-left: 39px; }

.p-all-39 {
  padding: 39px; }

.p-39-0 {
  padding: 39px 0; }

.p-39-0-i {
  padding: 39px 0 !important; }

.p-0-39 {
  padding: 0 39px; }

.p-t-39 {
  padding-top: 39px; }

.p-r-39 {
  padding-right: 39px; }

.p-b-39 {
  padding-bottom: 39px; }

.p-l-39 {
  padding-left: 39px; }

.m-all-39-i {
  margin: 39px !important; }

.m-39-0 {
  margin: 39px 0; }

.fs-39-i {
  font-size: 39px !important; }

.m-0-39-i {
  margin: 0 39px !important; }

.m-t-39-i {
  margin-top: 39px !important; }

.m-r-39-i {
  margin-right: 39px !important; }

.m-b-39-i {
  margin-bottom: 39px !important; }

.m-l-39-i {
  margin-left: 39px !important; }

.p-all-39-i {
  padding: 39px !important; }

.p-39-0 {
  padding: 39px 0; }

.p-0-39-i {
  padding: 0 39px !important; }

.p-t-39-i {
  padding-top: 39px !important; }

.p-r-39-i {
  padding-right: 39px !important; }

.p-b-39-i {
  padding-bottom: 39px !important; }

.p-l-39-i {
  padding-left: 39px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-39 {
    margin-right: 39px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-39 {
    margin-right: 39px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-39 {
    margin-right: 39px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-39 {
    margin-right: 39px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-39-i {
    margin-right: 39px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-39-i {
    margin-right: 39px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-39-i {
    margin-right: 39px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-39-i {
    margin-right: 39px !important; } }

.fs-40 {
  font-size: 40px; }

.lh-40 {
  line-height: 40px; }

.m-all-40 {
  margin: 40px; }

.m-40-0 {
  margin: 40px 0; }

.m-0-40 {
  margin: 0 40px; }

.m-t-40 {
  margin-top: 40px; }

.m-r-40 {
  margin-right: 40px; }

.m-b-40 {
  margin-bottom: 40px; }

.m-l-40 {
  margin-left: 40px; }

.p-all-40 {
  padding: 40px; }

.p-40-0 {
  padding: 40px 0; }

.p-40-0-i {
  padding: 40px 0 !important; }

.p-0-40 {
  padding: 0 40px; }

.p-t-40 {
  padding-top: 40px; }

.p-r-40 {
  padding-right: 40px; }

.p-b-40 {
  padding-bottom: 40px; }

.p-l-40 {
  padding-left: 40px; }

.m-all-40-i {
  margin: 40px !important; }

.m-40-0 {
  margin: 40px 0; }

.fs-40-i {
  font-size: 40px !important; }

.m-0-40-i {
  margin: 0 40px !important; }

.m-t-40-i {
  margin-top: 40px !important; }

.m-r-40-i {
  margin-right: 40px !important; }

.m-b-40-i {
  margin-bottom: 40px !important; }

.m-l-40-i {
  margin-left: 40px !important; }

.p-all-40-i {
  padding: 40px !important; }

.p-40-0 {
  padding: 40px 0; }

.p-0-40-i {
  padding: 0 40px !important; }

.p-t-40-i {
  padding-top: 40px !important; }

.p-r-40-i {
  padding-right: 40px !important; }

.p-b-40-i {
  padding-bottom: 40px !important; }

.p-l-40-i {
  padding-left: 40px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-40 {
    margin-right: 40px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-40 {
    margin-right: 40px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-40 {
    margin-right: 40px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-40 {
    margin-right: 40px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-40-i {
    margin-right: 40px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-40-i {
    margin-right: 40px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-40-i {
    margin-right: 40px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-40-i {
    margin-right: 40px !important; } }

.fs-41 {
  font-size: 41px; }

.lh-41 {
  line-height: 41px; }

.m-all-41 {
  margin: 41px; }

.m-41-0 {
  margin: 41px 0; }

.m-0-41 {
  margin: 0 41px; }

.m-t-41 {
  margin-top: 41px; }

.m-r-41 {
  margin-right: 41px; }

.m-b-41 {
  margin-bottom: 41px; }

.m-l-41 {
  margin-left: 41px; }

.p-all-41 {
  padding: 41px; }

.p-41-0 {
  padding: 41px 0; }

.p-41-0-i {
  padding: 41px 0 !important; }

.p-0-41 {
  padding: 0 41px; }

.p-t-41 {
  padding-top: 41px; }

.p-r-41 {
  padding-right: 41px; }

.p-b-41 {
  padding-bottom: 41px; }

.p-l-41 {
  padding-left: 41px; }

.m-all-41-i {
  margin: 41px !important; }

.m-41-0 {
  margin: 41px 0; }

.fs-41-i {
  font-size: 41px !important; }

.m-0-41-i {
  margin: 0 41px !important; }

.m-t-41-i {
  margin-top: 41px !important; }

.m-r-41-i {
  margin-right: 41px !important; }

.m-b-41-i {
  margin-bottom: 41px !important; }

.m-l-41-i {
  margin-left: 41px !important; }

.p-all-41-i {
  padding: 41px !important; }

.p-41-0 {
  padding: 41px 0; }

.p-0-41-i {
  padding: 0 41px !important; }

.p-t-41-i {
  padding-top: 41px !important; }

.p-r-41-i {
  padding-right: 41px !important; }

.p-b-41-i {
  padding-bottom: 41px !important; }

.p-l-41-i {
  padding-left: 41px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-41 {
    margin-right: 41px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-41 {
    margin-right: 41px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-41 {
    margin-right: 41px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-41 {
    margin-right: 41px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-41-i {
    margin-right: 41px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-41-i {
    margin-right: 41px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-41-i {
    margin-right: 41px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-41-i {
    margin-right: 41px !important; } }

.fs-42 {
  font-size: 42px; }

.lh-42 {
  line-height: 42px; }

.m-all-42 {
  margin: 42px; }

.m-42-0 {
  margin: 42px 0; }

.m-0-42 {
  margin: 0 42px; }

.m-t-42 {
  margin-top: 42px; }

.m-r-42 {
  margin-right: 42px; }

.m-b-42 {
  margin-bottom: 42px; }

.m-l-42 {
  margin-left: 42px; }

.p-all-42 {
  padding: 42px; }

.p-42-0 {
  padding: 42px 0; }

.p-42-0-i {
  padding: 42px 0 !important; }

.p-0-42 {
  padding: 0 42px; }

.p-t-42 {
  padding-top: 42px; }

.p-r-42 {
  padding-right: 42px; }

.p-b-42 {
  padding-bottom: 42px; }

.p-l-42 {
  padding-left: 42px; }

.m-all-42-i {
  margin: 42px !important; }

.m-42-0 {
  margin: 42px 0; }

.fs-42-i {
  font-size: 42px !important; }

.m-0-42-i {
  margin: 0 42px !important; }

.m-t-42-i {
  margin-top: 42px !important; }

.m-r-42-i {
  margin-right: 42px !important; }

.m-b-42-i {
  margin-bottom: 42px !important; }

.m-l-42-i {
  margin-left: 42px !important; }

.p-all-42-i {
  padding: 42px !important; }

.p-42-0 {
  padding: 42px 0; }

.p-0-42-i {
  padding: 0 42px !important; }

.p-t-42-i {
  padding-top: 42px !important; }

.p-r-42-i {
  padding-right: 42px !important; }

.p-b-42-i {
  padding-bottom: 42px !important; }

.p-l-42-i {
  padding-left: 42px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-42 {
    margin-right: 42px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-42 {
    margin-right: 42px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-42 {
    margin-right: 42px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-42 {
    margin-right: 42px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-42-i {
    margin-right: 42px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-42-i {
    margin-right: 42px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-42-i {
    margin-right: 42px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-42-i {
    margin-right: 42px !important; } }

.fs-43 {
  font-size: 43px; }

.lh-43 {
  line-height: 43px; }

.m-all-43 {
  margin: 43px; }

.m-43-0 {
  margin: 43px 0; }

.m-0-43 {
  margin: 0 43px; }

.m-t-43 {
  margin-top: 43px; }

.m-r-43 {
  margin-right: 43px; }

.m-b-43 {
  margin-bottom: 43px; }

.m-l-43 {
  margin-left: 43px; }

.p-all-43 {
  padding: 43px; }

.p-43-0 {
  padding: 43px 0; }

.p-43-0-i {
  padding: 43px 0 !important; }

.p-0-43 {
  padding: 0 43px; }

.p-t-43 {
  padding-top: 43px; }

.p-r-43 {
  padding-right: 43px; }

.p-b-43 {
  padding-bottom: 43px; }

.p-l-43 {
  padding-left: 43px; }

.m-all-43-i {
  margin: 43px !important; }

.m-43-0 {
  margin: 43px 0; }

.fs-43-i {
  font-size: 43px !important; }

.m-0-43-i {
  margin: 0 43px !important; }

.m-t-43-i {
  margin-top: 43px !important; }

.m-r-43-i {
  margin-right: 43px !important; }

.m-b-43-i {
  margin-bottom: 43px !important; }

.m-l-43-i {
  margin-left: 43px !important; }

.p-all-43-i {
  padding: 43px !important; }

.p-43-0 {
  padding: 43px 0; }

.p-0-43-i {
  padding: 0 43px !important; }

.p-t-43-i {
  padding-top: 43px !important; }

.p-r-43-i {
  padding-right: 43px !important; }

.p-b-43-i {
  padding-bottom: 43px !important; }

.p-l-43-i {
  padding-left: 43px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-43 {
    margin-right: 43px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-43 {
    margin-right: 43px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-43 {
    margin-right: 43px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-43 {
    margin-right: 43px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-43-i {
    margin-right: 43px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-43-i {
    margin-right: 43px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-43-i {
    margin-right: 43px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-43-i {
    margin-right: 43px !important; } }

.fs-44 {
  font-size: 44px; }

.lh-44 {
  line-height: 44px; }

.m-all-44 {
  margin: 44px; }

.m-44-0 {
  margin: 44px 0; }

.m-0-44 {
  margin: 0 44px; }

.m-t-44 {
  margin-top: 44px; }

.m-r-44 {
  margin-right: 44px; }

.m-b-44 {
  margin-bottom: 44px; }

.m-l-44 {
  margin-left: 44px; }

.p-all-44 {
  padding: 44px; }

.p-44-0 {
  padding: 44px 0; }

.p-44-0-i {
  padding: 44px 0 !important; }

.p-0-44 {
  padding: 0 44px; }

.p-t-44 {
  padding-top: 44px; }

.p-r-44 {
  padding-right: 44px; }

.p-b-44 {
  padding-bottom: 44px; }

.p-l-44 {
  padding-left: 44px; }

.m-all-44-i {
  margin: 44px !important; }

.m-44-0 {
  margin: 44px 0; }

.fs-44-i {
  font-size: 44px !important; }

.m-0-44-i {
  margin: 0 44px !important; }

.m-t-44-i {
  margin-top: 44px !important; }

.m-r-44-i {
  margin-right: 44px !important; }

.m-b-44-i {
  margin-bottom: 44px !important; }

.m-l-44-i {
  margin-left: 44px !important; }

.p-all-44-i {
  padding: 44px !important; }

.p-44-0 {
  padding: 44px 0; }

.p-0-44-i {
  padding: 0 44px !important; }

.p-t-44-i {
  padding-top: 44px !important; }

.p-r-44-i {
  padding-right: 44px !important; }

.p-b-44-i {
  padding-bottom: 44px !important; }

.p-l-44-i {
  padding-left: 44px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-44 {
    margin-right: 44px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-44 {
    margin-right: 44px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-44 {
    margin-right: 44px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-44 {
    margin-right: 44px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-44-i {
    margin-right: 44px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-44-i {
    margin-right: 44px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-44-i {
    margin-right: 44px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-44-i {
    margin-right: 44px !important; } }

.fs-45 {
  font-size: 45px; }

.lh-45 {
  line-height: 45px; }

.m-all-45 {
  margin: 45px; }

.m-45-0 {
  margin: 45px 0; }

.m-0-45 {
  margin: 0 45px; }

.m-t-45 {
  margin-top: 45px; }

.m-r-45 {
  margin-right: 45px; }

.m-b-45 {
  margin-bottom: 45px; }

.m-l-45 {
  margin-left: 45px; }

.p-all-45 {
  padding: 45px; }

.p-45-0 {
  padding: 45px 0; }

.p-45-0-i {
  padding: 45px 0 !important; }

.p-0-45 {
  padding: 0 45px; }

.p-t-45 {
  padding-top: 45px; }

.p-r-45 {
  padding-right: 45px; }

.p-b-45 {
  padding-bottom: 45px; }

.p-l-45 {
  padding-left: 45px; }

.m-all-45-i {
  margin: 45px !important; }

.m-45-0 {
  margin: 45px 0; }

.fs-45-i {
  font-size: 45px !important; }

.m-0-45-i {
  margin: 0 45px !important; }

.m-t-45-i {
  margin-top: 45px !important; }

.m-r-45-i {
  margin-right: 45px !important; }

.m-b-45-i {
  margin-bottom: 45px !important; }

.m-l-45-i {
  margin-left: 45px !important; }

.p-all-45-i {
  padding: 45px !important; }

.p-45-0 {
  padding: 45px 0; }

.p-0-45-i {
  padding: 0 45px !important; }

.p-t-45-i {
  padding-top: 45px !important; }

.p-r-45-i {
  padding-right: 45px !important; }

.p-b-45-i {
  padding-bottom: 45px !important; }

.p-l-45-i {
  padding-left: 45px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-45 {
    margin-right: 45px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-45 {
    margin-right: 45px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-45 {
    margin-right: 45px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-45 {
    margin-right: 45px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-45-i {
    margin-right: 45px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-45-i {
    margin-right: 45px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-45-i {
    margin-right: 45px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-45-i {
    margin-right: 45px !important; } }

.fs-46 {
  font-size: 46px; }

.lh-46 {
  line-height: 46px; }

.m-all-46 {
  margin: 46px; }

.m-46-0 {
  margin: 46px 0; }

.m-0-46 {
  margin: 0 46px; }

.m-t-46 {
  margin-top: 46px; }

.m-r-46 {
  margin-right: 46px; }

.m-b-46 {
  margin-bottom: 46px; }

.m-l-46 {
  margin-left: 46px; }

.p-all-46 {
  padding: 46px; }

.p-46-0 {
  padding: 46px 0; }

.p-46-0-i {
  padding: 46px 0 !important; }

.p-0-46 {
  padding: 0 46px; }

.p-t-46 {
  padding-top: 46px; }

.p-r-46 {
  padding-right: 46px; }

.p-b-46 {
  padding-bottom: 46px; }

.p-l-46 {
  padding-left: 46px; }

.m-all-46-i {
  margin: 46px !important; }

.m-46-0 {
  margin: 46px 0; }

.fs-46-i {
  font-size: 46px !important; }

.m-0-46-i {
  margin: 0 46px !important; }

.m-t-46-i {
  margin-top: 46px !important; }

.m-r-46-i {
  margin-right: 46px !important; }

.m-b-46-i {
  margin-bottom: 46px !important; }

.m-l-46-i {
  margin-left: 46px !important; }

.p-all-46-i {
  padding: 46px !important; }

.p-46-0 {
  padding: 46px 0; }

.p-0-46-i {
  padding: 0 46px !important; }

.p-t-46-i {
  padding-top: 46px !important; }

.p-r-46-i {
  padding-right: 46px !important; }

.p-b-46-i {
  padding-bottom: 46px !important; }

.p-l-46-i {
  padding-left: 46px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-46 {
    margin-right: 46px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-46 {
    margin-right: 46px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-46 {
    margin-right: 46px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-46 {
    margin-right: 46px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-46-i {
    margin-right: 46px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-46-i {
    margin-right: 46px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-46-i {
    margin-right: 46px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-46-i {
    margin-right: 46px !important; } }

.fs-47 {
  font-size: 47px; }

.lh-47 {
  line-height: 47px; }

.m-all-47 {
  margin: 47px; }

.m-47-0 {
  margin: 47px 0; }

.m-0-47 {
  margin: 0 47px; }

.m-t-47 {
  margin-top: 47px; }

.m-r-47 {
  margin-right: 47px; }

.m-b-47 {
  margin-bottom: 47px; }

.m-l-47 {
  margin-left: 47px; }

.p-all-47 {
  padding: 47px; }

.p-47-0 {
  padding: 47px 0; }

.p-47-0-i {
  padding: 47px 0 !important; }

.p-0-47 {
  padding: 0 47px; }

.p-t-47 {
  padding-top: 47px; }

.p-r-47 {
  padding-right: 47px; }

.p-b-47 {
  padding-bottom: 47px; }

.p-l-47 {
  padding-left: 47px; }

.m-all-47-i {
  margin: 47px !important; }

.m-47-0 {
  margin: 47px 0; }

.fs-47-i {
  font-size: 47px !important; }

.m-0-47-i {
  margin: 0 47px !important; }

.m-t-47-i {
  margin-top: 47px !important; }

.m-r-47-i {
  margin-right: 47px !important; }

.m-b-47-i {
  margin-bottom: 47px !important; }

.m-l-47-i {
  margin-left: 47px !important; }

.p-all-47-i {
  padding: 47px !important; }

.p-47-0 {
  padding: 47px 0; }

.p-0-47-i {
  padding: 0 47px !important; }

.p-t-47-i {
  padding-top: 47px !important; }

.p-r-47-i {
  padding-right: 47px !important; }

.p-b-47-i {
  padding-bottom: 47px !important; }

.p-l-47-i {
  padding-left: 47px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-47 {
    margin-right: 47px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-47 {
    margin-right: 47px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-47 {
    margin-right: 47px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-47 {
    margin-right: 47px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-47-i {
    margin-right: 47px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-47-i {
    margin-right: 47px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-47-i {
    margin-right: 47px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-47-i {
    margin-right: 47px !important; } }

.fs-48 {
  font-size: 48px; }

.lh-48 {
  line-height: 48px; }

.m-all-48 {
  margin: 48px; }

.m-48-0 {
  margin: 48px 0; }

.m-0-48 {
  margin: 0 48px; }

.m-t-48 {
  margin-top: 48px; }

.m-r-48 {
  margin-right: 48px; }

.m-b-48 {
  margin-bottom: 48px; }

.m-l-48 {
  margin-left: 48px; }

.p-all-48 {
  padding: 48px; }

.p-48-0 {
  padding: 48px 0; }

.p-48-0-i {
  padding: 48px 0 !important; }

.p-0-48 {
  padding: 0 48px; }

.p-t-48 {
  padding-top: 48px; }

.p-r-48 {
  padding-right: 48px; }

.p-b-48 {
  padding-bottom: 48px; }

.p-l-48 {
  padding-left: 48px; }

.m-all-48-i {
  margin: 48px !important; }

.m-48-0 {
  margin: 48px 0; }

.fs-48-i {
  font-size: 48px !important; }

.m-0-48-i {
  margin: 0 48px !important; }

.m-t-48-i {
  margin-top: 48px !important; }

.m-r-48-i {
  margin-right: 48px !important; }

.m-b-48-i {
  margin-bottom: 48px !important; }

.m-l-48-i {
  margin-left: 48px !important; }

.p-all-48-i {
  padding: 48px !important; }

.p-48-0 {
  padding: 48px 0; }

.p-0-48-i {
  padding: 0 48px !important; }

.p-t-48-i {
  padding-top: 48px !important; }

.p-r-48-i {
  padding-right: 48px !important; }

.p-b-48-i {
  padding-bottom: 48px !important; }

.p-l-48-i {
  padding-left: 48px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-48 {
    margin-right: 48px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-48 {
    margin-right: 48px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-48 {
    margin-right: 48px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-48 {
    margin-right: 48px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-48-i {
    margin-right: 48px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-48-i {
    margin-right: 48px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-48-i {
    margin-right: 48px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-48-i {
    margin-right: 48px !important; } }

.fs-49 {
  font-size: 49px; }

.lh-49 {
  line-height: 49px; }

.m-all-49 {
  margin: 49px; }

.m-49-0 {
  margin: 49px 0; }

.m-0-49 {
  margin: 0 49px; }

.m-t-49 {
  margin-top: 49px; }

.m-r-49 {
  margin-right: 49px; }

.m-b-49 {
  margin-bottom: 49px; }

.m-l-49 {
  margin-left: 49px; }

.p-all-49 {
  padding: 49px; }

.p-49-0 {
  padding: 49px 0; }

.p-49-0-i {
  padding: 49px 0 !important; }

.p-0-49 {
  padding: 0 49px; }

.p-t-49 {
  padding-top: 49px; }

.p-r-49 {
  padding-right: 49px; }

.p-b-49 {
  padding-bottom: 49px; }

.p-l-49 {
  padding-left: 49px; }

.m-all-49-i {
  margin: 49px !important; }

.m-49-0 {
  margin: 49px 0; }

.fs-49-i {
  font-size: 49px !important; }

.m-0-49-i {
  margin: 0 49px !important; }

.m-t-49-i {
  margin-top: 49px !important; }

.m-r-49-i {
  margin-right: 49px !important; }

.m-b-49-i {
  margin-bottom: 49px !important; }

.m-l-49-i {
  margin-left: 49px !important; }

.p-all-49-i {
  padding: 49px !important; }

.p-49-0 {
  padding: 49px 0; }

.p-0-49-i {
  padding: 0 49px !important; }

.p-t-49-i {
  padding-top: 49px !important; }

.p-r-49-i {
  padding-right: 49px !important; }

.p-b-49-i {
  padding-bottom: 49px !important; }

.p-l-49-i {
  padding-left: 49px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-49 {
    margin-right: 49px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-49 {
    margin-right: 49px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-49 {
    margin-right: 49px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-49 {
    margin-right: 49px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-49-i {
    margin-right: 49px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-49-i {
    margin-right: 49px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-49-i {
    margin-right: 49px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-49-i {
    margin-right: 49px !important; } }

.fs-50 {
  font-size: 50px; }

.lh-50 {
  line-height: 50px; }

.m-all-50 {
  margin: 50px; }

.m-50-0 {
  margin: 50px 0; }

.m-0-50 {
  margin: 0 50px; }

.m-t-50 {
  margin-top: 50px; }

.m-r-50 {
  margin-right: 50px; }

.m-b-50 {
  margin-bottom: 50px; }

.m-l-50 {
  margin-left: 50px; }

.p-all-50 {
  padding: 50px; }

.p-50-0 {
  padding: 50px 0; }

.p-50-0-i {
  padding: 50px 0 !important; }

.p-0-50 {
  padding: 0 50px; }

.p-t-50 {
  padding-top: 50px; }

.p-r-50 {
  padding-right: 50px; }

.p-b-50 {
  padding-bottom: 50px; }

.p-l-50 {
  padding-left: 50px; }

.m-all-50-i {
  margin: 50px !important; }

.m-50-0 {
  margin: 50px 0; }

.fs-50-i {
  font-size: 50px !important; }

.m-0-50-i {
  margin: 0 50px !important; }

.m-t-50-i {
  margin-top: 50px !important; }

.m-r-50-i {
  margin-right: 50px !important; }

.m-b-50-i {
  margin-bottom: 50px !important; }

.m-l-50-i {
  margin-left: 50px !important; }

.p-all-50-i {
  padding: 50px !important; }

.p-50-0 {
  padding: 50px 0; }

.p-0-50-i {
  padding: 0 50px !important; }

.p-t-50-i {
  padding-top: 50px !important; }

.p-r-50-i {
  padding-right: 50px !important; }

.p-b-50-i {
  padding-bottom: 50px !important; }

.p-l-50-i {
  padding-left: 50px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-50 {
    margin-right: 50px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-50 {
    margin-right: 50px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-50 {
    margin-right: 50px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-50 {
    margin-right: 50px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-50-i {
    margin-right: 50px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-50-i {
    margin-right: 50px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-50-i {
    margin-right: 50px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-50-i {
    margin-right: 50px !important; } }

.fs-51 {
  font-size: 51px; }

.lh-51 {
  line-height: 51px; }

.m-all-51 {
  margin: 51px; }

.m-51-0 {
  margin: 51px 0; }

.m-0-51 {
  margin: 0 51px; }

.m-t-51 {
  margin-top: 51px; }

.m-r-51 {
  margin-right: 51px; }

.m-b-51 {
  margin-bottom: 51px; }

.m-l-51 {
  margin-left: 51px; }

.p-all-51 {
  padding: 51px; }

.p-51-0 {
  padding: 51px 0; }

.p-51-0-i {
  padding: 51px 0 !important; }

.p-0-51 {
  padding: 0 51px; }

.p-t-51 {
  padding-top: 51px; }

.p-r-51 {
  padding-right: 51px; }

.p-b-51 {
  padding-bottom: 51px; }

.p-l-51 {
  padding-left: 51px; }

.m-all-51-i {
  margin: 51px !important; }

.m-51-0 {
  margin: 51px 0; }

.fs-51-i {
  font-size: 51px !important; }

.m-0-51-i {
  margin: 0 51px !important; }

.m-t-51-i {
  margin-top: 51px !important; }

.m-r-51-i {
  margin-right: 51px !important; }

.m-b-51-i {
  margin-bottom: 51px !important; }

.m-l-51-i {
  margin-left: 51px !important; }

.p-all-51-i {
  padding: 51px !important; }

.p-51-0 {
  padding: 51px 0; }

.p-0-51-i {
  padding: 0 51px !important; }

.p-t-51-i {
  padding-top: 51px !important; }

.p-r-51-i {
  padding-right: 51px !important; }

.p-b-51-i {
  padding-bottom: 51px !important; }

.p-l-51-i {
  padding-left: 51px !important; }

@media only screen and (max-width: 767px) {
  ._mob_mr-51 {
    margin-right: 51px; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-51 {
    margin-right: 51px; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-51 {
    margin-right: 51px; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-51 {
    margin-right: 51px; } }

@media only screen and (max-width: 767px) {
  ._mob_mr-51-i {
    margin-right: 51px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mt-51-i {
    margin-right: 51px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_ml-51-i {
    margin-right: 51px !important; } }

@media only screen and (max-width: 767px) {
  ._mob_mb-51-i {
    margin-right: 51px !important; } }

.flex-basis-50-i {
  flex-basis: 50% !important; }

.border-radius-1-i {
  border-radius: 1px !important; }

@media only screen and (max-width: 767px) {
  .flex-1 {
    flex: 1; } }

@media only screen and (max-width: 767px) {
  .flex-1-i {
    flex: 1 !important; } }

._flex-1 {
  flex: 1; }

._flex-1-i {
  flex: 1 !important; }

.border-radius-2-i {
  border-radius: 2px !important; }

@media only screen and (max-width: 767px) {
  .flex-2 {
    flex: 2; } }

@media only screen and (max-width: 767px) {
  .flex-2-i {
    flex: 2 !important; } }

._flex-2 {
  flex: 2; }

._flex-2-i {
  flex: 2 !important; }

.border-radius-3-i {
  border-radius: 3px !important; }

@media only screen and (max-width: 767px) {
  .flex-3 {
    flex: 3; } }

@media only screen and (max-width: 767px) {
  .flex-3-i {
    flex: 3 !important; } }

._flex-3 {
  flex: 3; }

._flex-3-i {
  flex: 3 !important; }

.border-radius-4-i {
  border-radius: 4px !important; }

@media only screen and (max-width: 767px) {
  .flex-4 {
    flex: 4; } }

@media only screen and (max-width: 767px) {
  .flex-4-i {
    flex: 4 !important; } }

._flex-4 {
  flex: 4; }

._flex-4-i {
  flex: 4 !important; }

.border-radius-5-i {
  border-radius: 5px !important; }

@media only screen and (max-width: 767px) {
  .flex-5 {
    flex: 5; } }

@media only screen and (max-width: 767px) {
  .flex-5-i {
    flex: 5 !important; } }

._flex-5 {
  flex: 5; }

._flex-5-i {
  flex: 5 !important; }

.border-radius-6-i {
  border-radius: 6px !important; }

@media only screen and (max-width: 767px) {
  .flex-6 {
    flex: 6; } }

@media only screen and (max-width: 767px) {
  .flex-6-i {
    flex: 6 !important; } }

._flex-6 {
  flex: 6; }

._flex-6-i {
  flex: 6 !important; }

.border-radius-7-i {
  border-radius: 7px !important; }

@media only screen and (max-width: 767px) {
  .flex-7 {
    flex: 7; } }

@media only screen and (max-width: 767px) {
  .flex-7-i {
    flex: 7 !important; } }

._flex-7 {
  flex: 7; }

._flex-7-i {
  flex: 7 !important; }

.border-radius-8-i {
  border-radius: 8px !important; }

@media only screen and (max-width: 767px) {
  .flex-8 {
    flex: 8; } }

@media only screen and (max-width: 767px) {
  .flex-8-i {
    flex: 8 !important; } }

._flex-8 {
  flex: 8; }

._flex-8-i {
  flex: 8 !important; }

.border-radius-9-i {
  border-radius: 9px !important; }

@media only screen and (max-width: 767px) {
  .flex-9 {
    flex: 9; } }

@media only screen and (max-width: 767px) {
  .flex-9-i {
    flex: 9 !important; } }

._flex-9 {
  flex: 9; }

._flex-9-i {
  flex: 9 !important; }

.border-radius-10-i {
  border-radius: 10px !important; }

@media only screen and (max-width: 767px) {
  .flex-10 {
    flex: 10; } }

@media only screen and (max-width: 767px) {
  .flex-10-i {
    flex: 10 !important; } }

._flex-10 {
  flex: 10; }

._flex-10-i {
  flex: 10 !important; }

.border-radius-11-i {
  border-radius: 11px !important; }

@media only screen and (max-width: 767px) {
  .flex-11 {
    flex: 11; } }

@media only screen and (max-width: 767px) {
  .flex-11-i {
    flex: 11 !important; } }

._flex-11 {
  flex: 11; }

._flex-11-i {
  flex: 11 !important; }

.border-radius-12-i {
  border-radius: 12px !important; }

@media only screen and (max-width: 767px) {
  .flex-12 {
    flex: 12; } }

@media only screen and (max-width: 767px) {
  .flex-12-i {
    flex: 12 !important; } }

._flex-12 {
  flex: 12; }

._flex-12-i {
  flex: 12 !important; }

.border-radius-13-i {
  border-radius: 13px !important; }

@media only screen and (max-width: 767px) {
  .flex-13 {
    flex: 13; } }

@media only screen and (max-width: 767px) {
  .flex-13-i {
    flex: 13 !important; } }

._flex-13 {
  flex: 13; }

._flex-13-i {
  flex: 13 !important; }

.border-radius-14-i {
  border-radius: 14px !important; }

@media only screen and (max-width: 767px) {
  .flex-14 {
    flex: 14; } }

@media only screen and (max-width: 767px) {
  .flex-14-i {
    flex: 14 !important; } }

._flex-14 {
  flex: 14; }

._flex-14-i {
  flex: 14 !important; }

.border-radius-15-i {
  border-radius: 15px !important; }

@media only screen and (max-width: 767px) {
  .flex-15 {
    flex: 15; } }

@media only screen and (max-width: 767px) {
  .flex-15-i {
    flex: 15 !important; } }

._flex-15 {
  flex: 15; }

._flex-15-i {
  flex: 15 !important; }

.border-radius-16-i {
  border-radius: 16px !important; }

@media only screen and (max-width: 767px) {
  .flex-16 {
    flex: 16; } }

@media only screen and (max-width: 767px) {
  .flex-16-i {
    flex: 16 !important; } }

._flex-16 {
  flex: 16; }

._flex-16-i {
  flex: 16 !important; }

.border-radius-17-i {
  border-radius: 17px !important; }

@media only screen and (max-width: 767px) {
  .flex-17 {
    flex: 17; } }

@media only screen and (max-width: 767px) {
  .flex-17-i {
    flex: 17 !important; } }

._flex-17 {
  flex: 17; }

._flex-17-i {
  flex: 17 !important; }

.border-radius-18-i {
  border-radius: 18px !important; }

@media only screen and (max-width: 767px) {
  .flex-18 {
    flex: 18; } }

@media only screen and (max-width: 767px) {
  .flex-18-i {
    flex: 18 !important; } }

._flex-18 {
  flex: 18; }

._flex-18-i {
  flex: 18 !important; }

.border-radius-19-i {
  border-radius: 19px !important; }

@media only screen and (max-width: 767px) {
  .flex-19 {
    flex: 19; } }

@media only screen and (max-width: 767px) {
  .flex-19-i {
    flex: 19 !important; } }

._flex-19 {
  flex: 19; }

._flex-19-i {
  flex: 19 !important; }

.border-radius-20-i {
  border-radius: 20px !important; }

@media only screen and (max-width: 767px) {
  .flex-20 {
    flex: 20; } }

@media only screen and (max-width: 767px) {
  .flex-20-i {
    flex: 20 !important; } }

._flex-20 {
  flex: 20; }

._flex-20-i {
  flex: 20 !important; }

.border-radius-21-i {
  border-radius: 21px !important; }

@media only screen and (max-width: 767px) {
  .flex-21 {
    flex: 21; } }

@media only screen and (max-width: 767px) {
  .flex-21-i {
    flex: 21 !important; } }

._flex-21 {
  flex: 21; }

._flex-21-i {
  flex: 21 !important; }

.border-radius-22-i {
  border-radius: 22px !important; }

@media only screen and (max-width: 767px) {
  .flex-22 {
    flex: 22; } }

@media only screen and (max-width: 767px) {
  .flex-22-i {
    flex: 22 !important; } }

._flex-22 {
  flex: 22; }

._flex-22-i {
  flex: 22 !important; }

.border-radius-23-i {
  border-radius: 23px !important; }

@media only screen and (max-width: 767px) {
  .flex-23 {
    flex: 23; } }

@media only screen and (max-width: 767px) {
  .flex-23-i {
    flex: 23 !important; } }

._flex-23 {
  flex: 23; }

._flex-23-i {
  flex: 23 !important; }

.border-radius-24-i {
  border-radius: 24px !important; }

@media only screen and (max-width: 767px) {
  .flex-24 {
    flex: 24; } }

@media only screen and (max-width: 767px) {
  .flex-24-i {
    flex: 24 !important; } }

._flex-24 {
  flex: 24; }

._flex-24-i {
  flex: 24 !important; }

.border-radius-25-i {
  border-radius: 25px !important; }

@media only screen and (max-width: 767px) {
  .flex-25 {
    flex: 25; } }

@media only screen and (max-width: 767px) {
  .flex-25-i {
    flex: 25 !important; } }

._flex-25 {
  flex: 25; }

._flex-25-i {
  flex: 25 !important; }

.margin-0-auto {
  margin: 0 auto; }

.clear-both {
  clear: both; }

.row-tab {
  margin: 0 10px 10px 10px;
  float: left; }

.row-tab-e {
  margin: 0 20px 10px 20px;
  float: left; }

.row-tab-edit {
  margin: 0 0 10px 0;
  float: right; }

.has-overflow {
  white-space: nowrap;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  position: relative; }
  .has-overflow .overflow-tooltip {
    position: fixed;
    display: inline-table;
    background: #53576B;
    padding: 5px;
    line-height: 20px;
    font-size: 12px;
    color: #FFFFFF;
    z-index: 2; }
  .has-overflow.v2 .overflow-tooltip {
    max-width: 300px;
    white-space: pre-line; }

.custom-tooltip {
  position: absolute;
  display: inline-block;
  padding: 10px 5px;
  background: #FBAE35;
  color: #FFFFFF;
  line-height: 14px;
  font-size: 14px;
  z-index: 2;
  bottom: calc(100% + 20px);
  left: 0;
  text-align: center;
  min-width: 150px;
  max-width: 250px; }
  .custom-tooltip:after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #FBAE35 transparent;
    display: block;
    width: 0;
    margin-left: -8px; }

.custom-tooltip.to-left {
  right: calc(100% + 15px);
  left: auto;
  top: 0;
  bottom: auto; }
  .custom-tooltip.to-left:after {
    border-width: 0 0 8px 8px;
    border-color: transparent #FBAE35;
    bottom: auto;
    left: auto;
    right: -8px;
    top: 0;
    margin-left: auto; }

.custom-tooltip.to-right {
  left: calc(100% + 15px);
  right: auto;
  top: 0;
  bottom: auto; }
  .custom-tooltip.to-right:after {
    border-width: 0 8px 8px 0;
    border-color: transparent #FBAE35;
    bottom: auto;
    left: -8px;
    right: auto;
    top: 0;
    margin-left: auto; }

.inside-margins-0 > div {
  margin-bottom: 0 !important; }

.flexible {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .flexible.fully-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
  .flexible.j-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center; }
  .flexible.a-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
  .flexible.space-around {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    -webkit-justify-content: space-around;
    justify-content: space-around; }
  .flexible.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .flexible.to-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start; }
  .flexible.to-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end; }
  .flexible.to-bottom {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -moz-justify-content: flex-end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end; }
  .flexible.stretch-h {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch; }
  .flexible.to-top {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start; }
  .flexible.d-columns {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column; }
  .flexible.d-columns-reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse; }
  .flexible.d-rows {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    flex-direction: row;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row; }
  .flexible.d-rows-reverse {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse; }

.smaller-font {
  font-size: 1em; }
  .smaller-font > li:before {
    top: 0.25em !important; }

.nothing p.title {
  color: #53576B; }

@media only screen and (max-width: 479px) {
  .nothing {
    padding: 20px; }
    .nothing._np {
      padding: 0; } }

.all-white p, .all-white a, .all-white span, .all-white small {
  color: white; }

.ws-nw {
  white-space: nowrap; }

@media only screen and (max-width: 767px) {
  .new-margin {
    margin-left: -20px;
    margin-right: -20px;
    border-left-width: 0 !important;
    border-right-width: 0 !important; } }

.text-wrap {
  word-break: break-all; }

ul li.has-submenu {
  position: relative; }
  ul li.has-submenu .mobile-only {
    display: none; }
  ul li.has-submenu > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
    ul li.has-submenu > a:after {
      font-family: 'vanilla', serif;
      content: "\v";
      display: inline-block;
      font-size: 0.875em;
      top: 2px;
      position: relative;
      margin-left: 10px;
      transition: all 0.5s ease;
      color: #72A5D4; }
  ul li.has-submenu:hover .submenu {
    display: block; }
  ul li.has-submenu:hover > a:after {
    color: #FFFFFF; }
  ul li.has-submenu.reverse > a:after {
    transform: rotate(180deg); }
  @media only screen and (max-width: 1023px) {
    ul li.has-submenu .mobile-only {
      display: block; } }

ul.bullet-list > li {
  color: #53576B;
  position: relative;
  padding-left: 20px;
  line-height: 1.5em; }
  ul.bullet-list > li:before {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #5AC3CA;
    font-size: 2em;
    position: absolute;
    top: 0.25em;
    left: 0; }

ul.list-horizontal:after {
  content: ' ';
  display: block;
  clear: both; }

ul.list-horizontal > li {
  float: left; }
  ul.list-horizontal > li a {
    padding: 10px;
    float: left;
    font-size: 1em; }

ul.list-vertical > li {
  margin-bottom: 5px; }
  ul.list-vertical > li p {
    display: inline-block; }
  ul.list-vertical > li > a {
    text-decoration: underline;
    font-size: 1em; }
    ul.list-vertical > li > a:hover {
      text-decoration: none; }
  ul.list-vertical > li:last-child {
    margin-bottom: 0; }

ul.submenu {
  position: absolute;
  display: none;
  left: 0;
  top: 100%; }
  ul.submenu li a {
    padding: 10px 20px;
    white-space: nowrap; }

ol {
  list-style: decimal; }
  ol > li {
    margin-bottom: 15px;
    list-style: decimal inside; }
    ol > li:last-child {
      margin-bottom: 0; }

nav li, nav a, nav p {
  display: inline-block; }

nav a, nav p {
  padding: 15px 30px;
  line-height: 32px; }

nav.level-1 {
  font-size: 0.875em;
  background: #FFFFFF; }
  nav.level-1 a, nav.level-1 p {
    padding: 15px 20px; }
  nav.level-1 > ul {
    position: relative; }
  nav.level-1 > ul > li.float-right:not(.top-trial) {
    float: right !important; }
    nav.level-1 > ul > li.float-right:not(.top-trial) i.icon-plus-alt {
      position: absolute;
      font-size: 12px;
      left: 10px; }
    nav.level-1 > ul > li.float-right:not(.top-trial) a {
      position: relative; }
    nav.level-1 > ul > li.float-right:not(.top-trial):hover a {
      background: none !important;
      color: #FBAE35 !important; }
    nav.level-1 > ul > li.float-right:not(.top-trial):hover i {
      color: #FBAE35 !important; }
  nav.level-1 > ul > li.top-trial {
    padding: 0 10px;
    height: 62px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: fixed;
    z-index: 2;
    right: -175px;
    border: 1px solid #e3d4d1;
    border-right: 0;
    background: white;
    transition: 0.5s ease all;
    top: 150px; }
    nav.level-1 > ul > li.top-trial:hover {
      right: 0; }
    nav.level-1 > ul > li.top-trial img {
      margin-right: 10px; }
    nav.level-1 > ul > li.top-trial a, nav.level-1 > ul > li.top-trial p {
      padding: 0; }
    nav.level-1 > ul > li.top-trial > p {
      width: 165px; }
    nav.level-1 > ul > li.top-trial p {
      font-size: 14px !important;
      line-height: 16px; }
    nav.level-1 > ul > li.top-trial a {
      font-size: 14px !important;
      line-height: 16px;
      color: #5AC3CA !important;
      margin-top: 5px; }
      nav.level-1 > ul > li.top-trial a:hover {
        color: #FBAE35 !important; }
    nav.level-1 > ul > li.top-trial:hover p {
      color: #53576B !important; }
    nav.level-1 > ul > li.top-trial:hover a, nav.level-1 > ul > li.top-trial:hover p {
      background: none !important; }
  nav.level-1 > ul > li:not(.profile-top) {
    float: left; }
    nav.level-1 > ul > li:not(.profile-top) i {
      font-size: 24px;
      margin-right: 10px;
      color: #53576B; }
    nav.level-1 > ul > li:not(.profile-top):hover i {
      color: #FFFFFF; }
    nav.level-1 > ul > li:not(.profile-top).active i {
      color: #FFFFFF !important; }
    nav.level-1 > ul > li:not(.profile-top) a.link {
      color: #53576B; }
    nav.level-1 > ul > li:not(.profile-top) a, nav.level-1 > ul > li:not(.profile-top) p {
      color: #53576B;
      font-size: 1.125em; }
      nav.level-1 > ul > li:not(.profile-top) a:hover, nav.level-1 > ul > li:not(.profile-top) p:hover {
        color: #FFFFFF;
        background: #53576B; }
    nav.level-1 > ul > li:not(.profile-top).active a, nav.level-1 > ul > li:not(.profile-top).active p {
      color: #FFFFFF;
      background: #53576B; }
    nav.level-1 > ul > li:not(.profile-top) a.link {
      color: #5AC3CA; }

nav.level-2 {
  background: #53576B; }
  nav.level-2 a, nav.level-2 p {
    padding: 8px 20px;
    color: #FFFFFF;
    font-size: 1em; }
  nav.level-2 > ul > li {
    float: left;
    position: relative; }
    nav.level-2 > ul > li i {
      font-size: 24px;
      margin-right: 10px; }
    nav.level-2 > ul > li:hover a, nav.level-2 > ul > li:hover p, nav.level-2 > ul > li.active a, nav.level-2 > ul > li.active p {
      color: #FFFFFF;
      background: #FBAE35; }
    nav.level-2 > ul > li:hover .level-3 {
      display: block; }
  nav.level-2 .level-3 {
    background: #FBAE35;
    position: absolute;
    display: none;
    top: 100%;
    left: 0; }
    nav.level-2 .level-3 > ul {
      white-space: nowrap; }
    nav.level-2 .level-3 > ul > li a, nav.level-2 .level-3 > ul > li p {
      color: #FFFFFF;
      white-space: nowrap; }
    nav.level-2 .level-3 > ul > li:hover a, nav.level-2 .level-3 > ul > li:hover p, nav.level-2 .level-3 > ul > li.active a, nav.level-2 .level-3 > ul > li.active p {
      color: #53576B; }

@media only screen and (max-width: 1279px) {
  nav.level-2 a, nav.level-2 p {
    padding: 8px 10px; }
  nav.level-2 > ul > li i {
    font-size: 19px; }
  nav.level-2 > ul > li:nth-child(7) nav {
    left: auto;
    right: 0; } }

@media only screen and (max-width: 1023px) {
  nav.level-1 {
    display: none; } }

.mobile-customer-info {
  display: none; }
  @media only screen and (max-width: 1023px) {
    .mobile-customer-info {
      display: block;
      overflow: auto;
      padding: 0 20px;
      background: #FFFFFF; }
      .mobile-customer-info > li {
        float: left;
        height: 45px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
        .mobile-customer-info > li:first-child {
          width: calc(100% - 110px); }
          .mobile-customer-info > li:first-child img {
            max-width: 35px;
            height: 35px;
            margin-right: 20px; }
        .mobile-customer-info > li:last-child {
          float: left;
          width: 110px;
          -ms-flex-pack: end;
          -webkit-box-pack: end;
          -moz-justify-content: flex-end;
          -webkit-justify-content: flex-end;
          justify-content: flex-end; }
          .mobile-customer-info > li:last-child a {
            margin-left: 20px; }
            .mobile-customer-info > li:last-child a i {
              top: -2px;
              position: relative;
              font-size: 20px;
              float: left; } }
  .mobile-customer-info._mobile_fixed_header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    margin-bottom: 51px; }

.mobile-nav {
  display: none;
  padding: 0 20px;
  width: 100%; }
  @media only screen and (max-width: 1023px) {
    .mobile-nav {
      display: block;
      background: #53576B;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      flex-direction: column;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      max-height: 45px;
      overflow: hidden;
      transition: max-height 0.5s ease;
      padding-bottom: 10px; }
      .mobile-nav.full-height {
        max-height: 575px; }
      .mobile-nav a, .mobile-nav p {
        color: white;
        line-height: 45px;
        font-size: 1em;
        display: block; }
        .mobile-nav a i, .mobile-nav p i {
          font-size: 22px;
          margin-right: 10px; }
          .mobile-nav a i.t_dash_nav, .mobile-nav p i.t_dash_nav {
            float: right;
            position: relative;
            margin: 0 0 0 10px;
            display: none;
            top: 10px; }
        .mobile-nav a:hover, .mobile-nav p:hover {
          color: white; }
      .mobile-nav > li {
        order: 1; }
        .mobile-nav > li.active {
          order: 0; }
          .mobile-nav > li.active i.t_dash_nav {
            display: inline-block; }
          .mobile-nav > li.active > ul {
            display: block; }
        .mobile-nav > li > ul {
          padding-left: 20px;
          display: none; }
          .mobile-nav > li > ul a, .mobile-nav > li > ul p {
            line-height: 1.5em;
            font-size: 0.875em; }
            .mobile-nav > li > ul a i, .mobile-nav > li > ul p i {
              font-size: 18px; }
              .mobile-nav > li > ul a i.icon-dropdown, .mobile-nav > li > ul p i.icon-dropdown {
                float: right;
                top: 9px;
                position: relative;
                font-size: 14px;
                margin: 0; }
          .mobile-nav > li > ul > li a, .mobile-nav > li > ul > li p {
            line-height: 30px; }
            .mobile-nav > li > ul > li a i, .mobile-nav > li > ul > li p i {
              transition: 0.3s ease all; }
          .mobile-nav > li > ul > li > ul {
            display: none;
            padding-left: 28px;
            padding-top: 10px; }
          .mobile-nav > li > ul > li.dropped {
            background: #FBAE35;
            margin: 0 -20px 0 -40px;
            padding-left: 40px;
            padding-bottom: 10px; }
            .mobile-nav > li > ul > li.dropped > ul {
              display: block; }
            .mobile-nav > li > ul > li.dropped > p {
              border-bottom: 1px solid white;
              margin-right: 20px; }
            .mobile-nav > li > ul > li.dropped a i.icon-dropdown, .mobile-nav > li > ul > li.dropped p i.icon-dropdown {
              right: 0;
              transform: rotate(180deg); } }
  .mobile-nav._mobile_fixed_nav {
    position: fixed;
    top: 45px;
    left: 0;
    z-index: 99; }

#new-outer-table {
  padding: 10px;
  background-color: #FFFFFF; }
  #new-outer-table > li {
    padding: 10px;
    background-color: #FFFFFF; }
    #new-outer-table > li ul {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      #new-outer-table > li ul li {
        flex-basis: 33%;
        word-break: break-word; }
      #new-outer-table > li ul li:nth-child(2n) {
        margin-right: 5px; }
      @media only screen and (max-width: 479px) {
        #new-outer-table > li ul li:nth-child(2n) {
          display: none; } }
    #new-outer-table > li .user-row.new-row li:last-of-type {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
  #new-outer-table > li:nth-child(2n) {
    background-color: #f8efed; }
  #new-outer-table .heading-integration p {
    font-family: Avenir;
    font-size: 14px;
    color: #e61c4e; }
  #new-outer-table .heading-integration .sip-user {
    min-width: 170px; }
  #new-outer-table .table-row.new-outer-row .new-row li {
    height: auto; }
    #new-outer-table .table-row.new-outer-row .new-row li p {
      font-family: Avenir;
      font-size: 14px; }
    #new-outer-table .table-row.new-outer-row .new-row li .small-message {
      font-family: Roboto;
      font-size: 11px;
      text-align: left;
      color: #aeaeae; }
  #new-outer-table .table-row.new-outer-row .new-row .int-selection {
    min-width: 170px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    padding: 10px;
    border: solid 1px #d7c6c2;
    background-color: #ffffff;
    border-radius: 3px;
    margin-left: -1px; }

@media only screen and (max-width: 1023px) {
  #outer-user {
    width: 100%; }
    #outer-user > div {
      width: 50%; } }

@media only screen and (max-width: 767px) {
  #outer-user > div {
    width: 100%; } }

ul.tabs-head {
  background: #53576B;
  clear: both;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -moz-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  overflow-x: scroll; }
  ul.tabs-head::-webkit-scrollbar {
    display: none; }
  ul.tabs-head:after, ul.tabs-head:before {
    content: " ";
    display: block;
    clear: both; }
  ul.tabs-head > li {
    padding: 17px 20px;
    color: #FFFFFF;
    display: block;
    float: left;
    cursor: pointer;
    font-size: 1em;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
    ul.tabs-head > li > a {
      color: #FFFFFF;
      font-size: 1em; }
    ul.tabs-head > li:not(.no-hover):hover {
      background: #FBAE35; }
    ul.tabs-head > li.active {
      background: #FBAE35;
      color: white; }

ul.tabs-content {
  background: #FFFFFF;
  padding: 20px;
  border: 1px solid #D9DBE7;
  border-top-width: 0; }
  ul.tabs-content > li:after, ul.tabs-content > li:before {
    content: " ";
    display: block;
    clear: both; }
  ul.tabs-content > li:nth-child(n+2) {
    display: none; }
  ul.tabs-content > li > ul:after, ul.tabs-content > li > ul:before {
    content: " ";
    display: block;
    clear: both; }
  ul.tabs-content > li > ul.alt-content {
    background: #EDEEF3;
    border: 1px solid #D9DBE7;
    margin-bottom: 10px; }
  ul.tabs-content.alt-content {
    background: #EDEEF3; }
  ul.tabs-content.no-padding {
    padding: 0; }
    ul.tabs-content.no-padding .table-wrap {
      border: none; }
  ul.tabs-content.no-border {
    padding: 0;
    border: none; }

.panel-wrap {
  border: 1px solid #D9DBE7; }
  .panel-wrap .panel-head {
    background: #EDEEF3;
    padding: 20px;
    font-size: 1.125em;
    color: #72A5D4;
    border-bottom: 1px solid #D9DBE7; }
    .panel-wrap .panel-head h2 {
      padding: 0; }
    .panel-wrap .panel-head .checker {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-pack: end;
      -webkit-box-pack: end;
      -moz-justify-content: flex-end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center; }
      .panel-wrap .panel-head .checker span {
        width: 250px;
        margin-right: 20px; }
        .panel-wrap .panel-head .checker span input {
          width: 100%;
          box-sizing: border-box; }
  .panel-wrap .panel-content {
    padding: 10px; }
  @media only screen and (max-width: 767px) {
    .panel-wrap .panel-head {
      font-size: 1em; } }
  @media only screen and (max-width: 479px) {
    .panel-wrap .panel-head .checker span {
      width: 100%; } }

.division-line {
  width: 100%;
  height: 0;
  border: solid 2px #FF7461; }

.table-wrap.info-box {
  margin-bottom: 0px !important; }
  .table-wrap.info-box .table-content:nth-of-type(3) li {
    background-color: #FFFFFF; }
  .table-wrap.info-box .edit-content .change-buttons {
    background-color: #FFFFFF;
    height: 60px;
    text-align: right;
    padding-right: 10px; }
    .table-wrap.info-box .edit-content .change-buttons button {
      margin-top: 10px;
      height: 40px; }
    .table-wrap.info-box .edit-content .change-buttons #save-changes {
      background-color: #5AC3CA;
      margin-right: 10px; }
  .table-wrap.info-box .edit-content .alternative-caller-id {
    background-color: #FFFFFF;
    padding: 1px; }
    .table-wrap.info-box .edit-content .alternative-caller-id > p {
      margin-bottom: 20px;
      font-size: 14px;
      text-align: left;
      color: #e61c4e; }
  .table-wrap.info-box .text-center {
    text-align: center; }
  .table-wrap.info-box .text-center:nth-of-type(5) {
    text-align: center; }

.table-wrap {
  border: 1px solid #D9DBE7;
  padding: 10px; }
  .table-wrap:after, .table-wrap:before {
    content: " ";
    display: block;
    clear: both; }
  .table-wrap.r-version {
    background: white; }
  .table-wrap.alternative {
    background: #EDEEF3; }
  .table-wrap.main-colour {
    background: #FFFFFF; }
  .table-wrap.no-border {
    border: none;
    padding: 0; }
  .table-wrap.dashboard {
    margin-bottom: 20px; }
    .table-wrap.dashboard .table-header > li {
      margin-bottom: 0;
      font-size: 14px; }
    .table-wrap.dashboard .table-header > li, .table-wrap.dashboard .table-header > li > p {
      color: #72A5D4; }
    .table-wrap.dashboard .table-header > li.buttons {
      text-align: right; }
      .table-wrap.dashboard .table-header > li.buttons span {
        display: inline-block;
        width: 40px; }
      .table-wrap.dashboard .table-header > li.buttons.reverse {
        text-align: left; }
        .table-wrap.dashboard .table-header > li.buttons.reverse span {
          width: 22px;
          margin-right: 20px; }
          .table-wrap.dashboard .table-header > li.buttons.reverse span:last-of-type {
            margin-right: 0; }
    .table-wrap.dashboard .table-content > li.inactive {
      opacity: 0.4;
      pointer-events: none; }
    .table-wrap.dashboard .table-content > li > ul > li {
      height: 35px; }
      .table-wrap.dashboard .table-content > li > ul > li a {
        font-size: 1em; }
      .table-wrap.dashboard .table-content > li > ul > li .role-span {
        background: #53576B;
        color: white; }
        .table-wrap.dashboard .table-content > li > ul > li .role-span.no-role {
          background: #edeef3;
          color: #b4b7c9; }
      .table-wrap.dashboard .table-content > li > ul > li .transfer_pending, .table-wrap.dashboard .table-content > li > ul > li .transfer_rejected, .table-wrap.dashboard .table-content > li > ul > li .transfer_verified {
        font-size: 24px !important;
        margin-right: 13px;
        color: #FBAE35; }
      .table-wrap.dashboard .table-content > li > ul > li .transfer_rejected {
        color: #FB5135; }
      .table-wrap.dashboard .table-content > li > ul > li .transfer_verified {
        color: #80CD42; }
      .table-wrap.dashboard .table-content > li > ul > li .xfr-doc {
        font-size: 16px; }
        .table-wrap.dashboard .table-content > li > ul > li .xfr-doc.icon-check {
          color: #80CD42; }
        .table-wrap.dashboard .table-content > li > ul > li .xfr-doc.icon-cog {
          color: #FBAE35; }
        .table-wrap.dashboard .table-content > li > ul > li .xfr-doc.icon-question {
          color: #72A5D4; }
        .table-wrap.dashboard .table-content > li > ul > li .xfr-doc.icon-cross {
          color: #FB5135; }
      .table-wrap.dashboard .table-content > li > ul > li .cli-doc {
        font-size: 16px; }
        .table-wrap.dashboard .table-content > li > ul > li .cli-doc.icon-check, .table-wrap.dashboard .table-content > li > ul > li .cli-doc.icon-check-1 {
          color: #80CD42; }
        .table-wrap.dashboard .table-content > li > ul > li .cli-doc.icon-cog {
          color: #FBAE35; }
        .table-wrap.dashboard .table-content > li > ul > li .cli-doc.icon-denied {
          color: #FB5135; }
      .table-wrap.dashboard .table-content > li > ul > li:last-child {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end; }
        .table-wrap.dashboard .table-content > li > ul > li:last-child a > i:not(.nm) {
          margin-right: 20px !important; }
        .table-wrap.dashboard .table-content > li > ul > li:last-child i {
          color: #53576B;
          font-size: 16px;
          margin-right: 10px;
          cursor: pointer; }
          .table-wrap.dashboard .table-content > li > ul > li:last-child i:last-of-type {
            margin-right: 0; }
          .table-wrap.dashboard .table-content > li > ul > li:last-child i.icon-cog, .table-wrap.dashboard .table-content > li > ul > li:last-child i.icon-download, .table-wrap.dashboard .table-content > li > ul > li:last-child i.icon-download-1 {
            color: #5AC3CA; }
          .table-wrap.dashboard .table-content > li > ul > li:last-child i:hover {
            color: #FBAE35; }
      .table-wrap.dashboard .table-content > li > ul > li.flex-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center; }
      .table-wrap.dashboard .table-content > li > ul > li.flex-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        -moz-justify-content: flex-start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start; }
      .table-wrap.dashboard .table-content > li > ul > li.flex-right {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end; }
      @media only screen and (max-width: 767px) {
        .table-wrap.dashboard .table-content > li > ul > li p {
          font-size: 12px; } }
    .table-wrap.dashboard .table-content > li > ul .country-caller-id img, .table-wrap.dashboard .table-content > li > ul .country-caller-id p {
      display: inline; }
    .table-wrap.dashboard .table-content > li > ul .country-caller-id img {
      margin-right: 10px;
      width: 32px;
      height: 32px; }
    .table-wrap.dashboard .table-content > li > ul.reverse-buttons > li:first-child {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      -moz-justify-content: flex-start;
      -webkit-justify-content: flex-start;
      justify-content: flex-start; }
      .table-wrap.dashboard .table-content > li > ul.reverse-buttons > li:first-child a > i:not(.nm) {
        margin-right: 20px !important; }
      .table-wrap.dashboard .table-content > li > ul.reverse-buttons > li:first-child i {
        color: #53576B;
        font-size: 22px;
        cursor: pointer;
        margin-left: 20px; }
        .table-wrap.dashboard .table-content > li > ul.reverse-buttons > li:first-child i:first-of-type {
          margin-left: 0; }
        .table-wrap.dashboard .table-content > li > ul.reverse-buttons > li:first-child i.icon-cog {
          color: #5AC3CA; }
        .table-wrap.dashboard .table-content > li > ul.reverse-buttons > li:first-child i:hover {
          color: #FBAE35; }
    .table-wrap.dashboard .table-content#tx > li.highlight-row {
      background: #72A5D4; }
      .table-wrap.dashboard .table-content#tx > li.highlight-row > ul > li {
        color: white; }
        .table-wrap.dashboard .table-content#tx > li.highlight-row > ul > li p {
          color: white; }
      .table-wrap.dashboard .table-content#tx > li.highlight-row:hover {
        background: #72A5D4 !important; }
    @media only screen and (max-width: 479px) {
      .table-wrap.dashboard .table-content#tx > li > ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex; }
        .table-wrap.dashboard .table-content#tx > li > ul > li:nth-child(2), .table-wrap.dashboard .table-content#tx > li > ul > li:nth-child(3), .table-wrap.dashboard .table-content#tx > li > ul > li:nth-child(4) {
          background-color: #e6274e;
          display: none; }
        .table-wrap.dashboard .table-content#tx > li > ul > li {
          flex: 1; }
          .table-wrap.dashboard .table-content#tx > li > ul > li:first-of-type {
            flex: 2; } }
  .table-wrap._has_mobile_alt .mobile-alternative {
    display: none; }
  @media only screen and (max-width: 767px) {
    .table-wrap._has_mobile_alt {
      margin: 0 -20px;
      padding: 0;
      border-width: 1px 0; }
      .table-wrap._has_mobile_alt .table-header, .table-wrap._has_mobile_alt .table-content {
        display: none; }
      .table-wrap._has_mobile_alt .mobile-alternative {
        display: block; }
        .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-header > li {
          padding: 10px 20px;
          text-align: center; }
          .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-header > li p {
            color: #72A5D4; }
        .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-body {
          background: #FFFFFF; }
          .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-body > ul > li {
            padding: 10px 20px;
            border-top: 1px solid #D9DBE7;
            text-align: center; }
            .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-body > ul > li span {
              color: #5AC3CA; }
            .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-body > ul > li small {
              color: #53576B; } }
        @media only screen and (max-width: 767px) and (max-width: 479px) {
          .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-body > ul > li {
            padding: 10px 15px; } }
  @media only screen and (max-width: 767px) {
          .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-body > ul:first-of-type > li p {
            color: #72A5D4; }
            .table-wrap._has_mobile_alt .mobile-alternative .mob-alt-body > ul:first-of-type > li p small {
              color: #72A5D4; }
        .table-wrap._has_mobile_alt .mobile-alternative.is-flex .mob-alt-header {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .table-wrap._has_mobile_alt .mobile-alternative.is-flex .mob-alt-header > li {
            flex: 1; }
        .table-wrap._has_mobile_alt .mobile-alternative.is-flex .mob-alt-body {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .table-wrap._has_mobile_alt .mobile-alternative.is-flex .mob-alt-body > ul {
            flex: 1; }
            .table-wrap._has_mobile_alt .mobile-alternative.is-flex .mob-alt-body > ul > li > p > small {
              display: block; } }

.table-header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  padding: 20px; }
  .table-header:after, .table-header:before {
    content: " ";
    display: block;
    clear: both; }
  .table-header h2 {
    padding: 10px 0 !important; }
  .table-header > li p {
    color: #72A5D4;
    font-size: 1.125em; }
  .table-header > li:nth-child(n+2) p {
    width: 100%;
    text-align: center; }
  .table-header.extra-small-cell {
    padding-top: 10px;
    padding-bottom: 10px; }
  @media only screen and (max-width: 1279px) {
    .table-header.sortme > li span {
      display: block;
      margin: 0 5px 0 0; } }
  @media only screen and (max-width: 767px) {
    .table-header:not(.flexed) {
      display: none; } }

.table-content {
  border: 1px solid #D9DBE7; }
  .table-content:after, .table-content:before {
    content: " ";
    display: block;
    clear: both; }
  .table-content.small-cell > li > ul > li {
    height: 55px; }
  .table-content.extra-small-cell > li > ul > li {
    height: 25px !important;
    font-size: 14px; }
  .table-content.super-small-cell > li > ul > li {
    height: 15px !important;
    font-size: 14px; }
  .table-content.no-hover > li:hover {
    margin: 0 !important;
    border: 0 !important;
    background: #FFFFFF !important;
    border-bottom: 1px solid #D9DBE7 !important; }
  .table-content.no-hover > li:last-child:hover {
    border-bottom: 0 !important; }
  .table-content > li {
    padding: 10px 20px 0 20px;
    border-bottom: 1px solid #D9DBE7;
    background: #FFFFFF;
    position: relative; }
    .table-content > li > div.delete-confirm {
      top: 0;
      bottom: 0;
      padding: 15px 20px;
      position: absolute;
      left: 0;
      width: 100%;
      margin-bottom: 0;
      margin-top: 0; }
    .table-content > li.radio-active, .table-content > li:hover, .table-content > li.active {
      border: 1px solid #5AC3CA;
      margin: -1px -1px 0 -1px;
      background: #EDEEF3; }
      @media only screen and (max-width: 1023px) {
        .table-content > li.radio-active, .table-content > li:hover, .table-content > li.active {
          margin: -1px 0 0;
          border-width: 1px 0 !important; } }
    .table-content > li:last-child {
      border-bottom: none; }
      .table-content > li:last-child.radio-active, .table-content > li:last-child:hover, .table-content > li:last-child.active {
        border-bottom: 1px solid #5AC3CA;
        margin-bottom: -1px; }
    .table-content > li > ul:after, .table-content > li > ul:before {
      content: " ";
      display: block;
      clear: both; }
    .table-content > li > ul > li {
      height: 65px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      font-size: 0.875em; }
      .table-content > li > ul > li:nth-child(n+2) p {
        width: 100%; }
        .table-content > li > ul > li:nth-child(n+2) p span.price-highlight {
          font-size: 1.5em;
          color: #5AC3CA; }
        .table-content > li > ul > li:nth-child(n+2) p small {
          font-size: 0.75em; }
      .table-content > li > ul > li.can-add {
        position: relative;
        text-align: center; }
        .table-content > li > ul > li.can-add:before {
          content: 'Add to Plan';
          display: none;
          position: absolute;
          z-index: 2;
          top: -10px;
          left: 0;
          bottom: -10px;
          right: 0;
          line-height: 85px;
          background: #FBAE35;
          color: #FFFFFF;
          cursor: pointer;
          text-align: center; }
        .table-content > li > ul > li.can-add:hover:before {
          display: block; }
    .table-content > li .row-editor {
      display: none;
      background: #EDEEF3;
      padding: 20px;
      margin: 0 -10px;
      border-top: 1px solid #D9DBE7;
      position: relative; }
      .table-content > li .row-editor > div > .box-size:last-of-type {
        margin-bottom: 20px; }
      .table-content > li .row-editor.top {
        padding-top: 75px !important; }
      .table-content > li .row-editor.top-under {
        padding-top: 55px !important; }
      .table-content > li .row-editor p.title {
        color: #72A5D4; }
        @media only screen and (max-width: 767px) {
          .table-content > li .row-editor p.title {
            font-size: 16px; } }
      .table-content > li .row-editor .product-description:after, .table-content > li .row-editor .product-description:before {
        content: " ";
        display: block;
        clear: both; }
      .table-content > li .row-editor .product-description > p {
        margin-bottom: 20px;
        padding: 0 10px; }
      .table-content > li .row-editor .product-description > section {
        width: 50%;
        float: left;
        padding: 0 10px; }
        .table-content > li .row-editor .product-description > section > p {
          font-size: 1.125em;
          color: #72A5D4;
          margin-bottom: 15px; }
        .table-content > li .row-editor .product-description > section > ul > li {
          margin-bottom: 5px;
          line-height: 1.2em; }
      .table-content > li .row-editor.tabs-wrap {
        padding: 0; }
        .table-content > li .row-editor.tabs-wrap .tabs-content {
          background: #EDEEF3;
          border: none; }
        .table-content > li .row-editor.tabs-wrap .row-editor-actions {
          margin: 0;
          width: 100%; }
    .table-content > li .row-delete, .table-content > li .sub-row-delete {
      display: none;
      background: #FBAE35;
      line-height: 37px;
      margin: 0 -10px;
      padding: 10px;
      text-align: right; }
      .table-content > li .row-delete p, .table-content > li .sub-row-delete p {
        color: #FFFFFF;
        margin-right: 20px;
        display: inline-block; }
      .table-content > li .row-delete button:hover, .table-content > li .sub-row-delete button:hover {
        background: #53576B !important; }
      @media only screen and (max-width: 479px) {
        .table-content > li .row-delete p, .table-content > li .sub-row-delete p {
          width: 100%;
          margin: 0; } }
      @media only screen and (max-width: 767px) {
        .table-content > li .row-delete, .table-content > li .sub-row-delete {
          margin: 0 -20px; } }
    .table-content > li.product-type img {
      max-height: calc(100% + 20px); }
    .table-content > li.product-type > ul > li:last-child p {
      text-align: right; }
    .table-content > li.product-type .plan-1-title {
      font-size: 0.875em; }
      .table-content > li.product-type .plan-1-title span {
        font-size: 1.25em;
        color: #5AC3CA; }
    .table-content > li.product-type .plan-2-title {
      font-size: 0.875em; }
      .table-content > li.product-type .plan-2-title span {
        font-size: 1.25em;
        color: #5AC3CA; }
    .table-content > li.product-type .plan-3-title {
      font-size: 0.875em; }
      .table-content > li.product-type .plan-3-title span {
        font-size: 1.25em;
        color: #5AC3CA; }
    .table-content > li.cart-total {
      background: #72A5D4 !important;
      color: white; }
      .table-content > li.cart-total:hover {
        background: #72A5D4 !important; }
      .table-content > li.cart-total > ul > li p {
        color: white;
        text-align: right; }
        .table-content > li.cart-total > ul > li p span, .table-content > li.cart-total > ul > li p small {
          color: white !important; }
    .table-content > li.active {
      background: #EDEEF3, 0.18; }
      .table-content > li.active > ul {
        opacity: 0.4;
        pointer-events: none; }
  .table-content.editable-table > li > ul > li > p > .price-highlight {
    display: inline-block;
    width: calc(100% - 20px);
    background: #EDEEF3;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #D9DBE7; }
    .table-content.editable-table > li > ul > li > p > .price-highlight:focus {
      border-color: #FBAE35;
      background: #FFFFFF; }
    .table-content.editable-table > li > ul > li > p > .price-highlight.not-editable {
      background: none;
      border: none; }

.reverse-table-wrap > li .column-head {
  background: #53576B;
  color: white;
  height: 80px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  flex-direction: column;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  font-size: 1.125em;
  font-weight: 200; }

.reverse-table-wrap > li .column-bottom {
  background: #EDEEF3;
  text-align: center;
  padding: 20px;
  border-bottom: 1px solid #D9DBE7;
  min-height: 210px; }
  .reverse-table-wrap > li .column-bottom .top {
    height: 60px; }
    .reverse-table-wrap > li .column-bottom .top span {
      display: block;
      color: #FFFFFF;
      margin-top: 5px; }
    .reverse-table-wrap > li .column-bottom .top sub {
      line-height: 20px;
      top: 20px;
      display: block;
      position: relative; }
  .reverse-table-wrap > li .column-bottom .price {
    margin-bottom: 20px;
    font-size: 1.25em;
    height: 50px; }
    .reverse-table-wrap > li .column-bottom .price small {
      display: block;
      font-size: 0.65em;
      margin-top: 5px; }
  .reverse-table-wrap > li .column-bottom button {
    border: 1px solid #5AC3CA; }
    .reverse-table-wrap > li .column-bottom button:hover {
      border-color: #FBAE35; }
  .reverse-table-wrap > li .column-bottom button.disabled {
    background: #EDEEF3;
    border: 1px solid #b4b7c9;
    color: #b4b7c9;
    pointer-events: none; }

.reverse-table-wrap > li > ul > li {
  border-bottom: 1px solid #D9DBE7;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 55px; }

.reverse-table-wrap > li:first-child > ul {
  border-left: 1px solid #D9DBE7; }

.reverse-table-wrap > li:first-child .column-bottom {
  border-left: 1px solid #D9DBE7;
  height: 201px; }

.reverse-table-wrap > li:last-child > ul {
  border-right: 1px solid #D9DBE7; }

.reverse-table-wrap > li:last-child .column-bottom {
  border-right: 1px solid #D9DBE7; }

.reverse-table-wrap > li.highlighted .column-head {
  background: #5AC3CA;
  color: #FFFFFF;
  position: relative; }
  .reverse-table-wrap > li.highlighted .column-head:before {
    content: 'Current Plan';
    position: absolute;
    bottom: 100%;
    color: #5AC3CA;
    border: 1px solid #5AC3CA;
    border-bottom: 0;
    line-height: 40px;
    text-align: center;
    font-size: 0.875em;
    left: 0;
    right: 0; }

.reverse-table-wrap > li.highlighted .column-bottom {
  background: #5AC3CA;
  color: #FFFFFF; }
  .reverse-table-wrap > li.highlighted .column-bottom p, .reverse-table-wrap > li.highlighted .column-bottom span {
    color: #FFFFFF; }
  .reverse-table-wrap > li.highlighted .column-bottom button {
    background: #FFFFFF;
    color: #332925;
    border: 1px solid #D9DBE7; }
    .reverse-table-wrap > li.highlighted .column-bottom button:hover {
      border-color: #FBAE35; }

.reverse-table-wrap > li.highlighted > ul {
  border: solid #5AC3CA;
  border-width: 0 1px; }

@media only screen and (max-width: 1023px) {
  .reverse-table-wrap {
    padding: 0 !important;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column; }
    .reverse-table-wrap > li {
      order: 2;
      width: 100%;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
      .reverse-table-wrap > li .column-head {
        flex: 1; }
      .reverse-table-wrap > li .column-bottom {
        min-height: 0;
        padding: 10px 20px;
        flex: 3;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -moz-justify-content: space-between;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
        .reverse-table-wrap > li .column-bottom button {
          min-width: 100px;
          text-align: center; }
        .reverse-table-wrap > li .column-bottom > * {
          margin: 0 !important; }
        .reverse-table-wrap > li .column-bottom > p.top {
          height: auto !important; }
          .reverse-table-wrap > li .column-bottom > p.top sub {
            top: 0; }
        .reverse-table-wrap > li .column-bottom > p.price {
          height: auto !important; }
      .reverse-table-wrap > li.highlighted {
        order: 1;
        padding-top: 41px; } }

@media only screen and (max-width: 767px) {
  .reverse-table-wrap > li {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column; }
    .reverse-table-wrap > li .column-head {
      height: auto;
      padding: 10px 0;
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      flex-direction: row;
      -webkit-flex-direction: row;
      -moz-flex-direction: row;
      -ms-flex-direction: row;
      background: none !important; }
    .reverse-table-wrap > li .column-bottom {
      padding: 20px; }
    .reverse-table-wrap > li.highlighted .column-head {
      font-size: 30px !important;
      color: #53576B;
      border: solid #5AC3CA;
      border-width: 0 1px; }
      .reverse-table-wrap > li.highlighted .column-head span {
        font-size: 30px !important;
        position: relative;
        display: inline-block;
        margin-right: 5px;
        top: -2px; }
      .reverse-table-wrap > li.highlighted .column-head:before {
        font-size: 14px !important;
        left: -1px;
        right: -1px; }
    .reverse-table-wrap > li.highlighted .column-bottom {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      flex-direction: column;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column; }
      .reverse-table-wrap > li.highlighted .column-bottom #plan_cost {
        margin-bottom: 20px !important;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
        .reverse-table-wrap > li.highlighted .column-bottom #plan_cost span {
          margin-top: 3px; }
      .reverse-table-wrap > li.highlighted .column-bottom > button {
        width: 100%;
        margin-top: 20px !important; }
    .reverse-table-wrap > li:not(.highlighted) {
      position: relative; }
      .reverse-table-wrap > li:not(.highlighted) .column-head {
        position: absolute;
        top: 20px;
        left: 20px;
        padding: 0;
        font-size: 18px !important;
        color: #53576B; }
        .reverse-table-wrap > li:not(.highlighted) .column-head span {
          top: -1px;
          margin-right: 5px;
          position: relative;
          font-size: 18px !important; }
      .reverse-table-wrap > li:not(.highlighted) .column-bottom {
        flex-wrap: wrap;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end; }
        .reverse-table-wrap > li:not(.highlighted) .column-bottom .price {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -moz-justify-content: center;
          -webkit-justify-content: center;
          justify-content: center;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          font-size: 16px;
          margin-left: 5px !important; }
          .reverse-table-wrap > li:not(.highlighted) .column-bottom .price small {
            margin-top: 0;
            font-size: 14px; }
        .reverse-table-wrap > li:not(.highlighted) .column-bottom button {
          width: 100%;
          margin-top: 20px !important; } }

@media only screen and (max-width: 1023px) {
  .reverse-table-wrap {
    padding: 50px 0 0 !important; } }

@media only screen and (max-width: 767px) {
  .reverse-table-wrap {
    padding: 0 !important; } }

span.small-bullet {
  display: inline-block;
  width: 10px;
  border-radius: 50%;
  height: 10px;
  background: #5AC3CA;
  font-size: 2em; }

.row-editor-actions {
  width: calc(100% + 40px);
  background: #FFFFFF;
  margin: 20px -20px -20px;
  padding: 10px 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -moz-justify-content: flex-end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end; }
  .row-editor-actions:after, .row-editor-actions:before {
    content: " ";
    display: block;
    clear: both; }
  .row-editor-actions.top {
    margin: -20px -20px 20px; }
    .row-editor-actions.top.static {
      background: #EDEEF3;
      margin: -10px -10px 20px;
      text-align: right;
      padding: 10px 20px;
      border-bottom: 1px solid #D9DBE7;
      width: calc(100% + 20px); }
      .row-editor-actions.top.static.fixed > div {
        width: 1326px; }
        @media only screen and (max-width: 1365px) {
          .row-editor-actions.top.static.fixed > div {
            width: 1240px; } }
        @media only screen and (max-width: 1279px) {
          .row-editor-actions.top.static.fixed > div {
            width: calc(100% - 20px); } }
        @media only screen and (max-width: 1023px) {
          .row-editor-actions.top.static.fixed > div {
            width: 100%; } }
      @media only screen and (max-width: 1365px) {
        .row-editor-actions.top.static.absolute {
          margin-left: 0; } }
    .row-editor-actions.top.no-mg {
      margin: 0; }
    .row-editor-actions.top.under {
      margin: 0; }
    .row-editor-actions.top.fixed {
      background: none !important;
      position: fixed;
      border-bottom: none;
      top: 0;
      left: 0;
      margin: 0;
      padding: 10px !important;
      width: 100%;
      z-index: 99;
      display: block !important; }
      .row-editor-actions.top.fixed > div {
        background: #FFFFFF;
        border: 1px solid #5AC3CA;
        border-top: 0;
        padding: 10px 20px;
        width: 1304px;
        margin: -10px auto 0;
        text-align: right; }
        @media only screen and (max-width: 1365px) {
          .row-editor-actions.top.fixed > div {
            width: calc(100% - 42px); } }
      @media only screen and (max-width: 1023px) {
        .row-editor-actions.top.fixed {
          padding: 10px 0 !important;
          top: 45px; }
          .row-editor-actions.top.fixed > div {
            width: 100%;
            border-width: 1px 0; } }
    .row-editor-actions.top.absolute {
      position: absolute;
      top: auto;
      bottom: -11px;
      left: -11px;
      width: calc(100% + 20px); }
      @media only screen and (max-width: 1365px) {
        .row-editor-actions.top.absolute > div {
          width: calc(100% + 2px); } }
      @media only screen and (max-width: 1023px) {
        .row-editor-actions.top.absolute {
          left: 0;
          width: 100%; }
          .row-editor-actions.top.absolute > div {
            width: 100%; } }
    @media only screen and (max-width: 479px) {
      .row-editor-actions.top > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        width: 100%; }
        .row-editor-actions.top > div > button {
          flex: 1; } }
  @media only screen and (max-width: 479px) {
    .row-editor-actions._with_back > div {
      width: auto; }
      .row-editor-actions._with_back > div button {
        flex: auto; } }

.row-editor.top {
  position: relative;
  padding-top: 75px !important; }

.is-verified, .is-pending, .is-rejected, .is-available {
  display: inline-block;
  padding: 5px 10px;
  background: #80CD42;
  color: white; }

.is-rejected {
  background: #FB5135; }

.is-pending {
  background: #FBAE35; }

.is-available {
  background: #33c3ee; }

.flex-grid {
  padding: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center; }
  .flex-grid > li {
    margin-left: 10px; }
    .flex-grid > li:first-child {
      margin-left: 0; }
    .flex-grid > li.buttons {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-flex-pack: end;
      -webkit-box-pack: end;
      -moz-justify-content: flex-end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end; }
  .flex-grid._lg {
    padding: 10px 20px; }
    .flex-grid._lg > li {
      margin-left: 20px; }
      .flex-grid._lg > li:first-child {
        margin-left: 0; }

.advanced-search {
  padding-bottom: 10px; }
  .advanced-search div:last-of-type {
    padding-right: 20px; }

.new-mobile-nav {
  display: none; }
  @media only screen and (max-width: 1023px) {
    .new-mobile-nav {
      padding: 10px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      position: fixed;
      width: 100%;
      top: 0;
      background: linear-gradient(100deg, #ea1b4b, #ff7461);
      z-index: 998; }
      .new-mobile-nav > * {
        color: white; }
      .new-mobile-nav i {
        font-size: 25px; }
      .new-mobile-nav p {
        font-size: 16px; } }

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  box-sizing: border-box;
  /* Opera/IE 8+ */
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  outline: none;
  vertical-align: baseline; }

img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%; }

a {
  display: inline-block; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

.clear:after, .clear:before {
  content: " ";
  display: block;
  clear: both; }

.primary, button, .secondary, .tertiary, .quaternary, .quinary {
  font-size: 12px;
  font-weight: 300;
  border-radius: 3px;
  line-height: 37px;
  cursor: pointer;
  border: 0;
  padding: 0 20px;
  background: #5AC3CA;
  color: #FFFFFF;
  font-family: "Lato"; }
  .primary:hover:not(.no-hover):not(:disabled), button:hover:not(.no-hover):not(:disabled), .secondary:hover:not(.no-hover):not(:disabled), .tertiary:hover:not(.no-hover):not(:disabled), .quaternary:hover:not(.no-hover):not(:disabled), .quinary:hover:not(.no-hover):not(:disabled), .primary.hovered-example, button.hovered-example, .hovered-example.secondary, .hovered-example.tertiary, .hovered-example.quaternary, .hovered-example.quinary {
    background: #FBAE35;
    color: #FFFFFF;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .primary.disabled, button.disabled, .disabled.secondary, .disabled.tertiary, .disabled.quaternary, .disabled.quinary {
    background: white;
    -webkit-box-shadow: inset 0 0 0 1px #D9DBE7;
    -moz-box-shadow: inset 0 0 0 1px #D9DBE7;
    box-shadow: inset 0 0 0 1px #D9DBE7;
    cursor: default;
    color: #b4b7c9;
    pointer-events: none; }
    .primary.disabled:before, button.disabled:before, .disabled.secondary:before, .disabled.tertiary:before, .disabled.quaternary:before, .disabled.quinary:before {
      display: none !important; }
  .primary.new-tablet-design, button.new-tablet-design, .new-tablet-design.secondary, .new-tablet-design.tertiary, .new-tablet-design.quaternary, .new-tablet-design.quinary {
    display: none; }
    @media only screen and (max-width: 767px) {
      .primary.new-tablet-design, button.new-tablet-design, .new-tablet-design.secondary, .new-tablet-design.tertiary, .new-tablet-design.quaternary, .new-tablet-design.quinary {
        display: initial;
        margin-left: 10px; } }
  .primary:active, button:active, .secondary:active, .tertiary:active, .quaternary:active, .quinary:active {
    outline: 0; }
  .primary:focus, button:focus, .secondary:focus, .tertiary:focus, .quaternary:focus, .quinary:focus {
    outline: 0; }
  .primary ~ button, button ~ button, .secondary ~ button, .tertiary ~ button, .quaternary ~ button, .quinary ~ button {
    margin-left: 10px; }

.secondary {
  background: #FFFFFF;
  color: #332925;
  -webkit-box-shadow: inset 0 0 0 1px #D9DBE7;
  -moz-box-shadow: inset 0 0 0 1px #D9DBE7;
  box-shadow: inset 0 0 0 1px #D9DBE7; }

.tertiary {
  background: #72A5D4;
  color: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #D9DBE7;
  -moz-box-shadow: inset 0 0 0 1px #D9DBE7;
  box-shadow: inset 0 0 0 1px #D9DBE7; }

.quaternary {
  background: #EDEEF3;
  color: #332925; }

.quinary {
  background: #80CD42;
  color: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 1px #D9DBE7;
  -moz-box-shadow: inset 0 0 0 1px #D9DBE7;
  box-shadow: inset 0 0 0 1px #D9DBE7; }

@font-face {
  font-family: "vanilla";
  src: url("//storage.googleapis.com/v-content/fonts/new-dashboard/vanilla.eot?ver=89758328");
  src: url("//storage.googleapis.com/v-content/fonts/new-dashboard/vanilla.eot?ver=89758328#iefix") format("embedded-opentype"), url("//storage.googleapis.com/v-content/fonts/new-dashboard/vanilla.woff?ver=89758328") format("woff"), url("//storage.googleapis.com/v-content/fonts/new-dashboard/vanilla.ttf?ver=89758328") format("truetype"), url("//storage.googleapis.com/v-content/fonts/new-dashboard/vanilla.svg?ver=89758328#vanilla") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "vanilla" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-"], [class*="icon-"] {
  line-height: 1px !important;
  display: inline-block; }

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vanilla" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle !important; }

.icon-call-parking:before {
  content: "\e900"; }

.icon-sms:before {
  content: "\e901"; }

.icon-profile:before {
  content: "\61"; }

.icon-bin:before {
  content: "\67"; }

.icon-bolt:before {
  content: "\68"; }

.icon-calendar-alt-fill:before {
  content: "\6a"; }

.icon-call:before {
  content: "\6b"; }

.icon-cart:before {
  content: "\6c"; }

.icon-chat:before {
  content: "\6d"; }

.icon-check:before {
  content: "\6e"; }

.icon-clock:before {
  content: "\70"; }

.icon-delete:before {
  content: "\72"; }

.icon-denied:before {
  content: "\73"; }

.icon-desktop:before {
  content: "\74"; }

.icon-download:before {
  content: "\75"; }

.icon-dropdown:before {
  content: "\76"; }

.icon-eye:before {
  content: "\77"; }

.icon-incoming-call:before {
  content: "\78"; }

.icon-internal-call:before {
  content: "\79"; }

.icon-lightbulb:before {
  content: "\7a"; }

.icon-logout:before {
  content: "\41"; }

.icon-loop:before {
  content: "\42"; }

.icon-mydomains:before {
  content: "\43"; }

.icon-new-window:before {
  content: "\44"; }

.icon-numbers:before {
  content: "\45"; }

.icon-outgoing-call:before {
  content: "\46"; }

.icon-pause:before {
  content: "\47"; }

.icon-play-alt:before {
  content: "\48"; }

.icon-plus-alt:before {
  content: "\49"; }

.icon-question:before {
  content: "\4a"; }

.icon-reg-desk:before {
  content: "\4b"; }

.icon-reg-int:before {
  content: "\4c"; }

.icon-reg-pc:before {
  content: "\4d"; }

.icon-reg-soft:before {
  content: "\4e"; }

.icon-reg-unknown:before {
  content: "\4f"; }

.icon-search:before {
  content: "\50"; }

.icon-status-available:before {
  content: "\51"; }

.icon-status-busy:before {
  content: "\52"; }

.icon-status-offline:before {
  content: "\53"; }

.icon-subtract:before {
  content: "\54"; }

.icon-sun-stroke:before {
  content: "\55"; }

.icon-toggle-off:before {
  content: "\56"; }

.icon-toggle-on:before {
  content: "\57"; }

.icon-tts:before {
  content: "\58"; }

.icon-uploadaudio:before {
  content: "\59"; }

.icon-x-alt:before {
  content: "\5a"; }

.icon-mail:before {
  content: "\33"; }

.icon-members:before {
  content: "\34"; }

.icon-plans:before {
  content: "\35"; }

.icon-server:before {
  content: "\36"; }

.icon-unlock:before {
  content: "\37"; }

.icon-users:before {
  content: "\38"; }

.icon-profile-1:before {
  content: "\39"; }

.icon-storage:before {
  content: "\21"; }

.icon-store:before {
  content: "\22"; }

.icon-queuing:before {
  content: "\23"; }

.icon-number:before {
  content: "\24"; }

.icon-fingerprint:before {
  content: "\25"; }

.icon-fax:before {
  content: "\26"; }

.icon-cloud-storage:before {
  content: "\27"; }

.icon-invoices:before {
  content: "\28"; }

.icon-packages:before {
  content: "\29"; }

.icon-config:before {
  content: "\2a"; }

.icon-dashboard:before {
  content: "\2c"; }

.icon-paintbrush:before {
  content: "\2d"; }

.icon-line:before {
  content: "\2e"; }

.icon-location:before {
  content: "\2f"; }

.icon-pdf:before {
  content: "\3a"; }

.icon-payment:before {
  content: "\3b"; }

.icon-reseller:before {
  content: "\3d"; }

.icon-transfer:before {
  content: "\3e"; }

.icon-un-mute:before {
  content: "\40"; }

.icon-trunk:before {
  content: "\3f"; }

.icon-dnszones:before {
  content: "\5d"; }

.icon-nameservergroup:before {
  content: "\5e"; }

.icon-contacts:before {
  content: "\5f"; }

.icon-domains:before {
  content: "\60"; }

.icon-dashboard-1:before {
  content: "\7b"; }

.icon-cog:before {
  content: "\71"; }

.icon-accessories:before {
  content: "\7c"; }

.icon-add-1:before {
  content: "\7d"; }

.icon-addmoney-1:before {
  content: "\7e"; }

.icon-addmoney-us:before {
  content: "\5c"; }

.icon-address-1:before {
  content: "\e000"; }

.icon-advconferensing:before {
  content: "\e001"; }

.icon-android-1:before {
  content: "\e002"; }

.icon-app-phone-1:before {
  content: "\e003"; }

.icon-apple-1:before {
  content: "\e004"; }

.icon-at:before {
  content: "\e005"; }

.icon-backspace:before {
  content: "\e006"; }

.icon-bin-1:before {
  content: "\e007"; }

.icon-bulkjobs-1:before {
  content: "\e008"; }

.icon-burger-1:before {
  content: "\e009"; }

.icon-calendar-1:before {
  content: "\e00a"; }

.icon-call-routes-1:before {
  content: "\e00b"; }

.icon-calls-1:before {
  content: "\e00c"; }

.icon-camera-1:before {
  content: "\e00d"; }

.icon-cancel:before {
  content: "\e00e"; }

.icon-cart-1:before {
  content: "\e00f"; }

.icon-chat-1:before {
  content: "\e010"; }

.icon-check-2:before {
  content: "\e011"; }

.icon-check2:before {
  content: "\e012"; }

.icon-clock-1:before {
  content: "\e013"; }

.icon-cloud1star:before {
  content: "\e014"; }

.icon-cloud2star:before {
  content: "\e015"; }

.icon-cloud3star:before {
  content: "\e016"; }

.icon-cloud4star:before {
  content: "\e017"; }

.icon-cog-1:before {
  content: "\e018"; }

.icon-compare:before {
  content: "\e019"; }

.icon-config-1:before {
  content: "\e01a"; }

.icon-contacts-1:before {
  content: "\e01b"; }

.icon-cross:before {
  content: "\e01c"; }

.icon-crown:before {
  content: "\e01d"; }

.icon-dashboard-2:before {
  content: "\e01e"; }

.icon-dashboard-3:before {
  content: "\e01f"; }

.icon-desktop-1:before {
  content: "\e020"; }

.icon-disable:before {
  content: "\e021"; }

.icon-dnszones-1:before {
  content: "\e022"; }

.icon-domain:before {
  content: "\e023"; }

.icon-domains-1:before {
  content: "\e024"; }

.icon-domtransfer:before {
  content: "\e025"; }

.icon-download-1:before {
  content: "\e026"; }

.icon-droparrow:before {
  content: "\e027"; }

.icon-duplicate:before {
  content: "\e028"; }

.icon-edit:before {
  content: "\e029"; }

.icon-enlarge:before {
  content: "\e02a"; }

.icon-exclaim:before {
  content: "\e02b"; }

.icon-exports:before {
  content: "\e02c"; }

.icon-eye-1:before {
  content: "\e02d"; }

.icon-facebook:before {
  content: "\e02e"; }

.icon-fax-1:before {
  content: "\e02f"; }

.icon-filtering:before {
  content: "\e030"; }

.icon-fingerprint-1:before {
  content: "\e031"; }

.icon-google:before {
  content: "\e032"; }

.icon-grid:before {
  content: "\e033"; }

.icon-handsets:before {
  content: "\e034"; }

.icon-idle:before {
  content: "\e035"; }

.icon-impersonate:before {
  content: "\e036"; }

.icon-inbound:before {
  content: "\e037"; }

.icon-increase:before {
  content: "\e038"; }

.icon-info:before {
  content: "\e039"; }

.icon-intercom:before {
  content: "\e03a"; }

.icon-internal:before {
  content: "\e03b"; }

.icon-invoices-1:before {
  content: "\e03c"; }

.icon-key:before {
  content: "\e03d"; }

.icon-leaf:before {
  content: "\e03e"; }

.icon-leftarrow:before {
  content: "\e03f"; }

.icon-line-1:before {
  content: "\e040"; }

.icon-link:before {
  content: "\e041"; }

.icon-linkedin:before {
  content: "\e042"; }

.icon-little-cog:before {
  content: "\e043"; }

.icon-location-1:before {
  content: "\e044"; }

.icon-lock:before {
  content: "\e045"; }

.icon-logo:before {
  content: "\e046"; }

.icon-logout-1:before {
  content: "\e047"; }

.icon-mail-1:before {
  content: "\e048"; }

.icon-man:before {
  content: "\e049"; }

.icon-members-1:before {
  content: "\e04a"; }

.icon-mic:before {
  content: "\e04b"; }

.icon-minus:before {
  content: "\e04c"; }

.icon-move-down:before {
  content: "\e04d"; }

.icon-move-up:before {
  content: "\e04e"; }

.icon-mute:before {
  content: "\e04f"; }

.icon-mydomains-1:before {
  content: "\e050"; }

.icon-nameservergroup-1:before {
  content: "\e051"; }

.icon-network:before {
  content: "\e052"; }

.icon-newburger:before {
  content: "\e053"; }

.icon-number-1:before {
  content: "\e054"; }

.icon-numbers-1:before {
  content: "\e055"; }

.icon-outbound:before {
  content: "\e056"; }

.icon-packages-1:before {
  content: "\e057"; }

.icon-paintbrush-1:before {
  content: "\e058"; }

.icon-paperclip:before {
  content: "\e059"; }

.icon-pattern:before {
  content: "\e05a"; }

.icon-pause-1:before {
  content: "\e05b"; }

.icon-payment-1:before {
  content: "\e05c"; }

.icon-pdf-1:before {
  content: "\e05d"; }

.icon-phonebook:before {
  content: "\e05e"; }

.icon-plane:before {
  content: "\e05f"; }

.icon-plans-1:before {
  content: "\e060"; }

.icon-play:before {
  content: "\e061"; }

.icon-plus:before {
  content: "\e062"; }

.icon-pound:before {
  content: "\e063"; }

.icon-profile-2:before {
  content: "\e064"; }

.icon-puzzle:before {
  content: "\e065"; }

.icon-question-1:before {
  content: "\e066"; }

.icon-queuing-1:before {
  content: "\e067"; }

.icon-quote:before {
  content: "\e068"; }

.icon-radioactive:before {
  content: "\e069"; }

.icon-ratecard:before {
  content: "\e06a"; }

.icon-recording:before {
  content: "\e06b"; }

.icon-reg-desk-1:before {
  content: "\e06c"; }

.icon-reg-int-1:before {
  content: "\e06d"; }

.icon-reg-pc-1:before {
  content: "\e06e"; }

.icon-reg-soft-1:before {
  content: "\e06f"; }

.icon-reg-unknown-1:before {
  content: "\e070"; }

.icon-renewal:before {
  content: "\e071"; }

.icon-reseller-1:before {
  content: "\e072"; }

.icon-rightarrow:before {
  content: "\e073"; }

.icon-rows:before {
  content: "\e074"; }

.icon-save:before {
  content: "\e075"; }

.icon-search-1:before {
  content: "\e076"; }

.icon-server-1:before {
  content: "\e077"; }

.icon-setup:before {
  content: "\e078"; }

.icon-short:before {
  content: "\e079"; }

.icon-snowflake:before {
  content: "\e07a"; }

.icon-square:before {
  content: "\e07b"; }

.icon-star:before {
  content: "\e07c"; }

.icon-status-available-1:before {
  content: "\e07d"; }

.icon-status-busy-1:before {
  content: "\e07e"; }

.icon-status-offline-1:before {
  content: "\e07f"; }

.icon-storage-1:before {
  content: "\e080"; }

.icon-store-1:before {
  content: "\e081"; }

.icon-subtract-1:before {
  content: "\e082"; }

.icon-sun-stroke-1:before {
  content: "\e083"; }

.icon-tiny-speaker:before {
  content: "\e084"; }

.icon-toggle-off-1:before {
  content: "\e085"; }

.icon-toggle-on-1:before {
  content: "\e086"; }

.icon-transcripts:before {
  content: "\e087"; }

.icon-transfer-1:before {
  content: "\e088"; }

.icon-transfer-2:before {
  content: "\e089"; }

.icon-trunk-1:before {
  content: "\e08a"; }

.icon-tts-1:before {
  content: "\e08b"; }

.icon-twitter:before {
  content: "\e08c"; }

.icon-umberella:before {
  content: "\e08d"; }

.icon-un-mute-1:before {
  content: "\e08e"; }

.icon-unlock-1:before {
  content: "\e08f"; }

.icon-uparrow:before {
  content: "\e090"; }

.icon-update:before {
  content: "\e091"; }

.icon-upgradearrow:before {
  content: "\e092"; }

.icon-uploadaudio-1:before {
  content: "\e093"; }

.icon-users-1:before {
  content: "\e094"; }

.icon-vconferensing:before {
  content: "\e095"; }

.icon-video-calling:before {
  content: "\e096"; }

.icon-visa:before {
  content: "\e097"; }

.icon-web:before {
  content: "\e098"; }

.icon-webhooks:before {
  content: "\e099"; }

.icon-wifi:before {
  content: "\e09a"; }

.icon-yay:before {
  content: "\e09b"; }

.icon-yingyang:before {
  content: "\e09c"; }

.icon-call-routes:before {
  content: "\62"; }

.icon-add:before {
  content: "\63"; }

.icon-addmoney:before {
  content: "\64"; }

.icon-calls:before {
  content: "\65"; }

.icon-camera:before {
  content: "\66"; }

.icon-address:before {
  content: "\69"; }

.icon-android:before {
  content: "\6f"; }

.icon-app-phone:before {
  content: "\30"; }

.icon-apple:before {
  content: "\31"; }

.icon-check-1:before {
  content: "\32"; }

.icon-bulkjobs:before {
  content: "\2b"; }

.icon-burger:before {
  content: "\3c"; }

.icon-calendar:before {
  content: "\5b"; }

.icon-point-down:before {
  content: "\e09d"; }

.icon-point-up:before {
  content: "\e09e"; }

.icon-status-ringing:before {
  content: "\e09f"; }

.icon-status-timer:before {
  content: "\e0a0"; }

.icon-c-bin:before {
  content: "\61"; }

.icon-c-close:before {
  content: "\62"; }

.icon-c-d-arrow:before {
  content: "\63"; }

.icon-c-download:before {
  content: "\64"; }

.icon-c-duplicate:before {
  content: "\65"; }

.icon-c-edit:before {
  content: "\66"; }

.icon-c-l-arrow:before {
  content: "\67"; }

.icon-c-play:before {
  content: "\68"; }

.icon-c-plus:before {
  content: "\69"; }

.icon-c-swap:before {
  content: "\6a"; }

.icon-c-tick:before {
  content: "\6b"; }

.icon-c-u-arrow:before {
  content: "\6c"; }

@font-face {
  font-family: "dashboard";
  src: url("//storage.googleapis.com/v-content/fonts/new-dashboard/dashboard.eot?ver=89758328");
  src: url("//storage.googleapis.com/v-content/fonts/new-dashboard/dashboard.eot?ver=89758328#iefix") format("embedded-opentype"), url("//storage.googleapis.com/v-content/fonts/new-dashboard/dashboard.woff?ver=89758328") format("woff"), url("//storage.googleapis.com/v-content/fonts/new-dashboard/dashboard.ttf?ver=89758328") format("truetype"), url("//storage.googleapis.com/v-content/fonts/new-dashboard/dashboard.svg?ver=89758328#dashboard") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon-v2]:before {
  font-family: "dashboard" !important;
  content: attr(data-icon-v2);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="icon-v2-"],
[class*="icon-v2-"] {
  line-height: 1px !important;
  display: inline-block; }

[class^="icon-v2-"]:before,
[class*=" icon-v2-"]:before {
  font-family: "dashboard" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-v2-desktop-2:before {
  content: "\e901"; }

.icon-v2-desk-phone:before {
  content: "\e900"; }

.icon-v2-bin:before {
  content: "\61"; }

.icon-v2-close:before {
  content: "\62"; }

.icon-v2-d-arrow:before {
  content: "\63"; }

.icon-v2-download:before {
  content: "\64"; }

.icon-v2-duplicate:before {
  content: "\65"; }

.icon-v2-edit:before {
  content: "\66"; }

.icon-v2-l-arrow:before {
  content: "\67"; }

.icon-v2-play:before {
  content: "\68"; }

.icon-v2-plus:before {
  content: "\69"; }

.icon-v2-swap:before {
  content: "\6a"; }

.icon-v2-tick:before {
  content: "\6b"; }

.icon-v2-u-arrow:before {
  content: "\6c"; }

.icon-v2-stop:before {
  content: "\6d"; }

.icon-v2-pause:before {
  content: "\6e"; }

.icon-v2-incoming:before {
  content: "\6f"; }

.icon-v2-internal:before {
  content: "\70"; }

.icon-v2-outgoing:before {
  content: "\71"; }

.icon-v2-target:before {
  content: "\72"; }

.icon-v2-shortcode:before {
  content: "\73"; }

.icon-v2-domains:before {
  content: "\74"; }

.icon-v2-locked:before {
  content: "\75"; }

.icon-v2-money:before {
  content: "\76"; }

.icon-v2-paperclip:before {
  content: "\77"; }

.icon-v2-remove:before {
  content: "\78"; }

.icon-v2-unlocked:before {
  content: "\79"; }

.icon-v2-user:before {
  content: "\7a"; }

.icon-v2-voip:before {
  content: "\41"; }

.icon-v2-mail:before {
  content: "\42"; }

.icon-v2-cross-3:before {
  content: "\e902"; }

.icon-v2-warning-triangle:before {
  content: "\e903"; }

.icon-v2-add-contact:before {
  content: "\e904"; }

.icon-v2-paintbrush:before {
  content: "\e905"; }

.icon-v2-add-credit:before {
  content: "\e906"; }

.box-container, .box-container-lg {
  padding: 10px 10px 0 10px !important; }
  .box-container:before, .box-container-lg:before {
    content: " ";
    height: 0;
    clear: both;
    display: block; }
  .box-container:after, .box-container-lg:after {
    content: " ";
    height: 0;
    display: block;
    clear: both; }

.box-container-lg {
  padding: 20px 20px 10px 20px !important; }
  .box-container-lg._v2 {
    padding: 20px 20px 0 20px !important; }

.box-size {
  float: left;
  margin: 0 0 10px 10px; }

.box-size-first {
  float: left;
  margin: 0 0 10px 0; }

.box-size-lg {
  float: left;
  margin: 0 0 20px 20px; }

.box-size-first-lg {
  float: left;
  margin: 0 0 20px 0; }

.box-1-of-1 {
  width: calc(99.99% / 1 * 1 - 10px * (1 - 1) / 1);
  min-height: 1px; }

.box-1-of-2 {
  width: calc(99.99% / 2 * 1 - 10px * (2 - 1) / 2);
  min-height: 1px; }

.box-2-of-2 {
  width: calc(99.99% / 2 * 2 - 10px * (2 - 2) / 2);
  min-height: 1px; }

.box-1-of-3 {
  width: calc(99.99% / 3 * 1 - 10px * (3 - 1) / 3);
  min-height: 1px; }

.box-2-of-3 {
  width: calc(99.99% / 3 * 2 - 10px * (3 - 2) / 3);
  min-height: 1px; }

.box-3-of-3 {
  width: calc(99.99% / 3 * 3 - 10px * (3 - 3) / 3);
  min-height: 1px; }

.box-1-of-4 {
  width: calc(99.99% / 4 * 1 - 10px * (4 - 1) / 4);
  min-height: 1px; }

.box-2-of-4 {
  width: calc(99.99% / 4 * 2 - 10px * (4 - 2) / 4);
  min-height: 1px; }

.box-3-of-4 {
  width: calc(99.99% / 4 * 3 - 10px * (4 - 3) / 4);
  min-height: 1px; }

.box-4-of-4 {
  width: calc(99.99% / 4 * 4 - 10px * (4 - 4) / 4);
  min-height: 1px; }

.box-1-of-5 {
  width: calc(99.99% / 5 * 1 - 10px * (5 - 1) / 5);
  min-height: 1px; }

.box-2-of-5 {
  width: calc(99.99% / 5 * 2 - 10px * (5 - 2) / 5);
  min-height: 1px; }

.box-3-of-5 {
  width: calc(99.99% / 5 * 3 - 10px * (5 - 3) / 5);
  min-height: 1px; }

.box-4-of-5 {
  width: calc(99.99% / 5 * 4 - 10px * (5 - 4) / 5);
  min-height: 1px; }

.box-5-of-5 {
  width: calc(99.99% / 5 * 5 - 10px * (5 - 5) / 5);
  min-height: 1px; }

.box-1-of-6 {
  width: calc(99.99% / 6 * 1 - 10px * (6 - 1) / 6);
  min-height: 1px; }

.box-2-of-6 {
  width: calc(99.99% / 6 * 2 - 10px * (6 - 2) / 6);
  min-height: 1px; }

.box-3-of-6 {
  width: calc(99.99% / 6 * 3 - 10px * (6 - 3) / 6);
  min-height: 1px; }

.box-4-of-6 {
  width: calc(99.99% / 6 * 4 - 10px * (6 - 4) / 6);
  min-height: 1px; }

.box-5-of-6 {
  width: calc(99.99% / 6 * 5 - 10px * (6 - 5) / 6);
  min-height: 1px; }

.box-6-of-6 {
  width: calc(99.99% / 6 * 6 - 10px * (6 - 6) / 6);
  min-height: 1px; }

.box-1-of-7 {
  width: calc(99.99% / 7 * 1 - 10px * (7 - 1) / 7);
  min-height: 1px; }

.box-2-of-7 {
  width: calc(99.99% / 7 * 2 - 10px * (7 - 2) / 7);
  min-height: 1px; }

.box-3-of-7 {
  width: calc(99.99% / 7 * 3 - 10px * (7 - 3) / 7);
  min-height: 1px; }

.box-4-of-7 {
  width: calc(99.99% / 7 * 4 - 10px * (7 - 4) / 7);
  min-height: 1px; }

.box-5-of-7 {
  width: calc(99.99% / 7 * 5 - 10px * (7 - 5) / 7);
  min-height: 1px; }

.box-6-of-7 {
  width: calc(99.99% / 7 * 6 - 10px * (7 - 6) / 7);
  min-height: 1px; }

.box-7-of-7 {
  width: calc(99.99% / 7 * 7 - 10px * (7 - 7) / 7);
  min-height: 1px; }

.box-1-of-8 {
  width: calc(99.99% / 8 * 1 - 10px * (8 - 1) / 8);
  min-height: 1px; }

.box-2-of-8 {
  width: calc(99.99% / 8 * 2 - 10px * (8 - 2) / 8);
  min-height: 1px; }

.box-3-of-8 {
  width: calc(99.99% / 8 * 3 - 10px * (8 - 3) / 8);
  min-height: 1px; }

.box-4-of-8 {
  width: calc(99.99% / 8 * 4 - 10px * (8 - 4) / 8);
  min-height: 1px; }

.box-5-of-8 {
  width: calc(99.99% / 8 * 5 - 10px * (8 - 5) / 8);
  min-height: 1px; }

.box-6-of-8 {
  width: calc(99.99% / 8 * 6 - 10px * (8 - 6) / 8);
  min-height: 1px; }

.box-7-of-8 {
  width: calc(99.99% / 8 * 7 - 10px * (8 - 7) / 8);
  min-height: 1px; }

.box-8-of-8 {
  width: calc(99.99% / 8 * 8 - 10px * (8 - 8) / 8);
  min-height: 1px; }

.box-1-of-9 {
  width: calc(99.99% / 9 * 1 - 10px * (9 - 1) / 9);
  min-height: 1px; }

.box-2-of-9 {
  width: calc(99.99% / 9 * 2 - 10px * (9 - 2) / 9);
  min-height: 1px; }

.box-3-of-9 {
  width: calc(99.99% / 9 * 3 - 10px * (9 - 3) / 9);
  min-height: 1px; }

.box-4-of-9 {
  width: calc(99.99% / 9 * 4 - 10px * (9 - 4) / 9);
  min-height: 1px; }

.box-5-of-9 {
  width: calc(99.99% / 9 * 5 - 10px * (9 - 5) / 9);
  min-height: 1px; }

.box-6-of-9 {
  width: calc(99.99% / 9 * 6 - 10px * (9 - 6) / 9);
  min-height: 1px; }

.box-7-of-9 {
  width: calc(99.99% / 9 * 7 - 10px * (9 - 7) / 9);
  min-height: 1px; }

.box-8-of-9 {
  width: calc(99.99% / 9 * 8 - 10px * (9 - 8) / 9);
  min-height: 1px; }

.box-9-of-9 {
  width: calc(99.99% / 9 * 9 - 10px * (9 - 9) / 9);
  min-height: 1px; }

.box-1-of-10 {
  width: calc(99.99% / 10 * 1 - 10px * (10 - 1) / 10);
  min-height: 1px; }

.box-2-of-10 {
  width: calc(99.99% / 10 * 2 - 10px * (10 - 2) / 10);
  min-height: 1px; }

.box-3-of-10 {
  width: calc(99.99% / 10 * 3 - 10px * (10 - 3) / 10);
  min-height: 1px; }

.box-4-of-10 {
  width: calc(99.99% / 10 * 4 - 10px * (10 - 4) / 10);
  min-height: 1px; }

.box-5-of-10 {
  width: calc(99.99% / 10 * 5 - 10px * (10 - 5) / 10);
  min-height: 1px; }

.box-6-of-10 {
  width: calc(99.99% / 10 * 6 - 10px * (10 - 6) / 10);
  min-height: 1px; }

.box-7-of-10 {
  width: calc(99.99% / 10 * 7 - 10px * (10 - 7) / 10);
  min-height: 1px; }

.box-8-of-10 {
  width: calc(99.99% / 10 * 8 - 10px * (10 - 8) / 10);
  min-height: 1px; }

.box-9-of-10 {
  width: calc(99.99% / 10 * 9 - 10px * (10 - 9) / 10);
  min-height: 1px; }

.box-10-of-10 {
  width: calc(99.99% / 10 * 10 - 10px * (10 - 10) / 10);
  min-height: 1px; }

.box-1-of-11 {
  width: calc(99.99% / 11 * 1 - 10px * (11 - 1) / 11);
  min-height: 1px; }

.box-2-of-11 {
  width: calc(99.99% / 11 * 2 - 10px * (11 - 2) / 11);
  min-height: 1px; }

.box-3-of-11 {
  width: calc(99.99% / 11 * 3 - 10px * (11 - 3) / 11);
  min-height: 1px; }

.box-4-of-11 {
  width: calc(99.99% / 11 * 4 - 10px * (11 - 4) / 11);
  min-height: 1px; }

.box-5-of-11 {
  width: calc(99.99% / 11 * 5 - 10px * (11 - 5) / 11);
  min-height: 1px; }

.box-6-of-11 {
  width: calc(99.99% / 11 * 6 - 10px * (11 - 6) / 11);
  min-height: 1px; }

.box-7-of-11 {
  width: calc(99.99% / 11 * 7 - 10px * (11 - 7) / 11);
  min-height: 1px; }

.box-8-of-11 {
  width: calc(99.99% / 11 * 8 - 10px * (11 - 8) / 11);
  min-height: 1px; }

.box-9-of-11 {
  width: calc(99.99% / 11 * 9 - 10px * (11 - 9) / 11);
  min-height: 1px; }

.box-10-of-11 {
  width: calc(99.99% / 11 * 10 - 10px * (11 - 10) / 11);
  min-height: 1px; }

.box-11-of-11 {
  width: calc(99.99% / 11 * 11 - 10px * (11 - 11) / 11);
  min-height: 1px; }

.box-1-of-12 {
  width: calc(99.99% / 12 * 1 - 10px * (12 - 1) / 12);
  min-height: 1px; }

.box-2-of-12 {
  width: calc(99.99% / 12 * 2 - 10px * (12 - 2) / 12);
  min-height: 1px; }

.box-3-of-12 {
  width: calc(99.99% / 12 * 3 - 10px * (12 - 3) / 12);
  min-height: 1px; }

.box-4-of-12 {
  width: calc(99.99% / 12 * 4 - 10px * (12 - 4) / 12);
  min-height: 1px; }

.box-5-of-12 {
  width: calc(99.99% / 12 * 5 - 10px * (12 - 5) / 12);
  min-height: 1px; }

.box-6-of-12 {
  width: calc(99.99% / 12 * 6 - 10px * (12 - 6) / 12);
  min-height: 1px; }

.box-7-of-12 {
  width: calc(99.99% / 12 * 7 - 10px * (12 - 7) / 12);
  min-height: 1px; }

.box-8-of-12 {
  width: calc(99.99% / 12 * 8 - 10px * (12 - 8) / 12);
  min-height: 1px; }

.box-9-of-12 {
  width: calc(99.99% / 12 * 9 - 10px * (12 - 9) / 12);
  min-height: 1px; }

.box-10-of-12 {
  width: calc(99.99% / 12 * 10 - 10px * (12 - 10) / 12);
  min-height: 1px; }

.box-11-of-12 {
  width: calc(99.99% / 12 * 11 - 10px * (12 - 11) / 12);
  min-height: 1px; }

.box-12-of-12 {
  width: calc(99.99% / 12 * 12 - 10px * (12 - 12) / 12);
  min-height: 1px; }

.box-1-of-13 {
  width: calc(99.99% / 13 * 1 - 10px * (13 - 1) / 13);
  min-height: 1px; }

.box-2-of-13 {
  width: calc(99.99% / 13 * 2 - 10px * (13 - 2) / 13);
  min-height: 1px; }

.box-3-of-13 {
  width: calc(99.99% / 13 * 3 - 10px * (13 - 3) / 13);
  min-height: 1px; }

.box-4-of-13 {
  width: calc(99.99% / 13 * 4 - 10px * (13 - 4) / 13);
  min-height: 1px; }

.box-5-of-13 {
  width: calc(99.99% / 13 * 5 - 10px * (13 - 5) / 13);
  min-height: 1px; }

.box-6-of-13 {
  width: calc(99.99% / 13 * 6 - 10px * (13 - 6) / 13);
  min-height: 1px; }

.box-7-of-13 {
  width: calc(99.99% / 13 * 7 - 10px * (13 - 7) / 13);
  min-height: 1px; }

.box-8-of-13 {
  width: calc(99.99% / 13 * 8 - 10px * (13 - 8) / 13);
  min-height: 1px; }

.box-9-of-13 {
  width: calc(99.99% / 13 * 9 - 10px * (13 - 9) / 13);
  min-height: 1px; }

.box-10-of-13 {
  width: calc(99.99% / 13 * 10 - 10px * (13 - 10) / 13);
  min-height: 1px; }

.box-11-of-13 {
  width: calc(99.99% / 13 * 11 - 10px * (13 - 11) / 13);
  min-height: 1px; }

.box-12-of-13 {
  width: calc(99.99% / 13 * 12 - 10px * (13 - 12) / 13);
  min-height: 1px; }

.box-13-of-13 {
  width: calc(99.99% / 13 * 13 - 10px * (13 - 13) / 13);
  min-height: 1px; }

.box-1-of-14 {
  width: calc(99.99% / 14 * 1 - 10px * (14 - 1) / 14);
  min-height: 1px; }

.box-2-of-14 {
  width: calc(99.99% / 14 * 2 - 10px * (14 - 2) / 14);
  min-height: 1px; }

.box-3-of-14 {
  width: calc(99.99% / 14 * 3 - 10px * (14 - 3) / 14);
  min-height: 1px; }

.box-4-of-14 {
  width: calc(99.99% / 14 * 4 - 10px * (14 - 4) / 14);
  min-height: 1px; }

.box-5-of-14 {
  width: calc(99.99% / 14 * 5 - 10px * (14 - 5) / 14);
  min-height: 1px; }

.box-6-of-14 {
  width: calc(99.99% / 14 * 6 - 10px * (14 - 6) / 14);
  min-height: 1px; }

.box-7-of-14 {
  width: calc(99.99% / 14 * 7 - 10px * (14 - 7) / 14);
  min-height: 1px; }

.box-8-of-14 {
  width: calc(99.99% / 14 * 8 - 10px * (14 - 8) / 14);
  min-height: 1px; }

.box-9-of-14 {
  width: calc(99.99% / 14 * 9 - 10px * (14 - 9) / 14);
  min-height: 1px; }

.box-10-of-14 {
  width: calc(99.99% / 14 * 10 - 10px * (14 - 10) / 14);
  min-height: 1px; }

.box-11-of-14 {
  width: calc(99.99% / 14 * 11 - 10px * (14 - 11) / 14);
  min-height: 1px; }

.box-12-of-14 {
  width: calc(99.99% / 14 * 12 - 10px * (14 - 12) / 14);
  min-height: 1px; }

.box-13-of-14 {
  width: calc(99.99% / 14 * 13 - 10px * (14 - 13) / 14);
  min-height: 1px; }

.box-14-of-14 {
  width: calc(99.99% / 14 * 14 - 10px * (14 - 14) / 14);
  min-height: 1px; }

.box-1-of-15 {
  width: calc(99.99% / 15 * 1 - 10px * (15 - 1) / 15);
  min-height: 1px; }

.box-2-of-15 {
  width: calc(99.99% / 15 * 2 - 10px * (15 - 2) / 15);
  min-height: 1px; }

.box-3-of-15 {
  width: calc(99.99% / 15 * 3 - 10px * (15 - 3) / 15);
  min-height: 1px; }

.box-4-of-15 {
  width: calc(99.99% / 15 * 4 - 10px * (15 - 4) / 15);
  min-height: 1px; }

.box-5-of-15 {
  width: calc(99.99% / 15 * 5 - 10px * (15 - 5) / 15);
  min-height: 1px; }

.box-6-of-15 {
  width: calc(99.99% / 15 * 6 - 10px * (15 - 6) / 15);
  min-height: 1px; }

.box-7-of-15 {
  width: calc(99.99% / 15 * 7 - 10px * (15 - 7) / 15);
  min-height: 1px; }

.box-8-of-15 {
  width: calc(99.99% / 15 * 8 - 10px * (15 - 8) / 15);
  min-height: 1px; }

.box-9-of-15 {
  width: calc(99.99% / 15 * 9 - 10px * (15 - 9) / 15);
  min-height: 1px; }

.box-10-of-15 {
  width: calc(99.99% / 15 * 10 - 10px * (15 - 10) / 15);
  min-height: 1px; }

.box-11-of-15 {
  width: calc(99.99% / 15 * 11 - 10px * (15 - 11) / 15);
  min-height: 1px; }

.box-12-of-15 {
  width: calc(99.99% / 15 * 12 - 10px * (15 - 12) / 15);
  min-height: 1px; }

.box-13-of-15 {
  width: calc(99.99% / 15 * 13 - 10px * (15 - 13) / 15);
  min-height: 1px; }

.box-14-of-15 {
  width: calc(99.99% / 15 * 14 - 10px * (15 - 14) / 15);
  min-height: 1px; }

.box-15-of-15 {
  width: calc(99.99% / 15 * 15 - 10px * (15 - 15) / 15);
  min-height: 1px; }

.box-1-of-16 {
  width: calc(99.99% / 16 * 1 - 10px * (16 - 1) / 16);
  min-height: 1px; }

.box-2-of-16 {
  width: calc(99.99% / 16 * 2 - 10px * (16 - 2) / 16);
  min-height: 1px; }

.box-3-of-16 {
  width: calc(99.99% / 16 * 3 - 10px * (16 - 3) / 16);
  min-height: 1px; }

.box-4-of-16 {
  width: calc(99.99% / 16 * 4 - 10px * (16 - 4) / 16);
  min-height: 1px; }

.box-5-of-16 {
  width: calc(99.99% / 16 * 5 - 10px * (16 - 5) / 16);
  min-height: 1px; }

.box-6-of-16 {
  width: calc(99.99% / 16 * 6 - 10px * (16 - 6) / 16);
  min-height: 1px; }

.box-7-of-16 {
  width: calc(99.99% / 16 * 7 - 10px * (16 - 7) / 16);
  min-height: 1px; }

.box-8-of-16 {
  width: calc(99.99% / 16 * 8 - 10px * (16 - 8) / 16);
  min-height: 1px; }

.box-9-of-16 {
  width: calc(99.99% / 16 * 9 - 10px * (16 - 9) / 16);
  min-height: 1px; }

.box-10-of-16 {
  width: calc(99.99% / 16 * 10 - 10px * (16 - 10) / 16);
  min-height: 1px; }

.box-11-of-16 {
  width: calc(99.99% / 16 * 11 - 10px * (16 - 11) / 16);
  min-height: 1px; }

.box-12-of-16 {
  width: calc(99.99% / 16 * 12 - 10px * (16 - 12) / 16);
  min-height: 1px; }

.box-13-of-16 {
  width: calc(99.99% / 16 * 13 - 10px * (16 - 13) / 16);
  min-height: 1px; }

.box-14-of-16 {
  width: calc(99.99% / 16 * 14 - 10px * (16 - 14) / 16);
  min-height: 1px; }

.box-15-of-16 {
  width: calc(99.99% / 16 * 15 - 10px * (16 - 15) / 16);
  min-height: 1px; }

.box-16-of-16 {
  width: calc(99.99% / 16 * 16 - 10px * (16 - 16) / 16);
  min-height: 1px; }

.box-1-of-17 {
  width: calc(99.99% / 17 * 1 - 10px * (17 - 1) / 17);
  min-height: 1px; }

.box-2-of-17 {
  width: calc(99.99% / 17 * 2 - 10px * (17 - 2) / 17);
  min-height: 1px; }

.box-3-of-17 {
  width: calc(99.99% / 17 * 3 - 10px * (17 - 3) / 17);
  min-height: 1px; }

.box-4-of-17 {
  width: calc(99.99% / 17 * 4 - 10px * (17 - 4) / 17);
  min-height: 1px; }

.box-5-of-17 {
  width: calc(99.99% / 17 * 5 - 10px * (17 - 5) / 17);
  min-height: 1px; }

.box-6-of-17 {
  width: calc(99.99% / 17 * 6 - 10px * (17 - 6) / 17);
  min-height: 1px; }

.box-7-of-17 {
  width: calc(99.99% / 17 * 7 - 10px * (17 - 7) / 17);
  min-height: 1px; }

.box-8-of-17 {
  width: calc(99.99% / 17 * 8 - 10px * (17 - 8) / 17);
  min-height: 1px; }

.box-9-of-17 {
  width: calc(99.99% / 17 * 9 - 10px * (17 - 9) / 17);
  min-height: 1px; }

.box-10-of-17 {
  width: calc(99.99% / 17 * 10 - 10px * (17 - 10) / 17);
  min-height: 1px; }

.box-11-of-17 {
  width: calc(99.99% / 17 * 11 - 10px * (17 - 11) / 17);
  min-height: 1px; }

.box-12-of-17 {
  width: calc(99.99% / 17 * 12 - 10px * (17 - 12) / 17);
  min-height: 1px; }

.box-13-of-17 {
  width: calc(99.99% / 17 * 13 - 10px * (17 - 13) / 17);
  min-height: 1px; }

.box-14-of-17 {
  width: calc(99.99% / 17 * 14 - 10px * (17 - 14) / 17);
  min-height: 1px; }

.box-15-of-17 {
  width: calc(99.99% / 17 * 15 - 10px * (17 - 15) / 17);
  min-height: 1px; }

.box-16-of-17 {
  width: calc(99.99% / 17 * 16 - 10px * (17 - 16) / 17);
  min-height: 1px; }

.box-17-of-17 {
  width: calc(99.99% / 17 * 17 - 10px * (17 - 17) / 17);
  min-height: 1px; }

.box-1-of-18 {
  width: calc(99.99% / 18 * 1 - 10px * (18 - 1) / 18);
  min-height: 1px; }

.box-2-of-18 {
  width: calc(99.99% / 18 * 2 - 10px * (18 - 2) / 18);
  min-height: 1px; }

.box-3-of-18 {
  width: calc(99.99% / 18 * 3 - 10px * (18 - 3) / 18);
  min-height: 1px; }

.box-4-of-18 {
  width: calc(99.99% / 18 * 4 - 10px * (18 - 4) / 18);
  min-height: 1px; }

.box-5-of-18 {
  width: calc(99.99% / 18 * 5 - 10px * (18 - 5) / 18);
  min-height: 1px; }

.box-6-of-18 {
  width: calc(99.99% / 18 * 6 - 10px * (18 - 6) / 18);
  min-height: 1px; }

.box-7-of-18 {
  width: calc(99.99% / 18 * 7 - 10px * (18 - 7) / 18);
  min-height: 1px; }

.box-8-of-18 {
  width: calc(99.99% / 18 * 8 - 10px * (18 - 8) / 18);
  min-height: 1px; }

.box-9-of-18 {
  width: calc(99.99% / 18 * 9 - 10px * (18 - 9) / 18);
  min-height: 1px; }

.box-10-of-18 {
  width: calc(99.99% / 18 * 10 - 10px * (18 - 10) / 18);
  min-height: 1px; }

.box-11-of-18 {
  width: calc(99.99% / 18 * 11 - 10px * (18 - 11) / 18);
  min-height: 1px; }

.box-12-of-18 {
  width: calc(99.99% / 18 * 12 - 10px * (18 - 12) / 18);
  min-height: 1px; }

.box-13-of-18 {
  width: calc(99.99% / 18 * 13 - 10px * (18 - 13) / 18);
  min-height: 1px; }

.box-14-of-18 {
  width: calc(99.99% / 18 * 14 - 10px * (18 - 14) / 18);
  min-height: 1px; }

.box-15-of-18 {
  width: calc(99.99% / 18 * 15 - 10px * (18 - 15) / 18);
  min-height: 1px; }

.box-16-of-18 {
  width: calc(99.99% / 18 * 16 - 10px * (18 - 16) / 18);
  min-height: 1px; }

.box-17-of-18 {
  width: calc(99.99% / 18 * 17 - 10px * (18 - 17) / 18);
  min-height: 1px; }

.box-18-of-18 {
  width: calc(99.99% / 18 * 18 - 10px * (18 - 18) / 18);
  min-height: 1px; }

.box-1-of-19 {
  width: calc(99.99% / 19 * 1 - 10px * (19 - 1) / 19);
  min-height: 1px; }

.box-2-of-19 {
  width: calc(99.99% / 19 * 2 - 10px * (19 - 2) / 19);
  min-height: 1px; }

.box-3-of-19 {
  width: calc(99.99% / 19 * 3 - 10px * (19 - 3) / 19);
  min-height: 1px; }

.box-4-of-19 {
  width: calc(99.99% / 19 * 4 - 10px * (19 - 4) / 19);
  min-height: 1px; }

.box-5-of-19 {
  width: calc(99.99% / 19 * 5 - 10px * (19 - 5) / 19);
  min-height: 1px; }

.box-6-of-19 {
  width: calc(99.99% / 19 * 6 - 10px * (19 - 6) / 19);
  min-height: 1px; }

.box-7-of-19 {
  width: calc(99.99% / 19 * 7 - 10px * (19 - 7) / 19);
  min-height: 1px; }

.box-8-of-19 {
  width: calc(99.99% / 19 * 8 - 10px * (19 - 8) / 19);
  min-height: 1px; }

.box-9-of-19 {
  width: calc(99.99% / 19 * 9 - 10px * (19 - 9) / 19);
  min-height: 1px; }

.box-10-of-19 {
  width: calc(99.99% / 19 * 10 - 10px * (19 - 10) / 19);
  min-height: 1px; }

.box-11-of-19 {
  width: calc(99.99% / 19 * 11 - 10px * (19 - 11) / 19);
  min-height: 1px; }

.box-12-of-19 {
  width: calc(99.99% / 19 * 12 - 10px * (19 - 12) / 19);
  min-height: 1px; }

.box-13-of-19 {
  width: calc(99.99% / 19 * 13 - 10px * (19 - 13) / 19);
  min-height: 1px; }

.box-14-of-19 {
  width: calc(99.99% / 19 * 14 - 10px * (19 - 14) / 19);
  min-height: 1px; }

.box-15-of-19 {
  width: calc(99.99% / 19 * 15 - 10px * (19 - 15) / 19);
  min-height: 1px; }

.box-16-of-19 {
  width: calc(99.99% / 19 * 16 - 10px * (19 - 16) / 19);
  min-height: 1px; }

.box-17-of-19 {
  width: calc(99.99% / 19 * 17 - 10px * (19 - 17) / 19);
  min-height: 1px; }

.box-18-of-19 {
  width: calc(99.99% / 19 * 18 - 10px * (19 - 18) / 19);
  min-height: 1px; }

.box-19-of-19 {
  width: calc(99.99% / 19 * 19 - 10px * (19 - 19) / 19);
  min-height: 1px; }

.box-1-of-20 {
  width: calc(99.99% / 20 * 1 - 10px * (20 - 1) / 20);
  min-height: 1px; }

.box-2-of-20 {
  width: calc(99.99% / 20 * 2 - 10px * (20 - 2) / 20);
  min-height: 1px; }

.box-3-of-20 {
  width: calc(99.99% / 20 * 3 - 10px * (20 - 3) / 20);
  min-height: 1px; }

.box-4-of-20 {
  width: calc(99.99% / 20 * 4 - 10px * (20 - 4) / 20);
  min-height: 1px; }

.box-5-of-20 {
  width: calc(99.99% / 20 * 5 - 10px * (20 - 5) / 20);
  min-height: 1px; }

.box-6-of-20 {
  width: calc(99.99% / 20 * 6 - 10px * (20 - 6) / 20);
  min-height: 1px; }

.box-7-of-20 {
  width: calc(99.99% / 20 * 7 - 10px * (20 - 7) / 20);
  min-height: 1px; }

.box-8-of-20 {
  width: calc(99.99% / 20 * 8 - 10px * (20 - 8) / 20);
  min-height: 1px; }

.box-9-of-20 {
  width: calc(99.99% / 20 * 9 - 10px * (20 - 9) / 20);
  min-height: 1px; }

.box-10-of-20 {
  width: calc(99.99% / 20 * 10 - 10px * (20 - 10) / 20);
  min-height: 1px; }

.box-11-of-20 {
  width: calc(99.99% / 20 * 11 - 10px * (20 - 11) / 20);
  min-height: 1px; }

.box-12-of-20 {
  width: calc(99.99% / 20 * 12 - 10px * (20 - 12) / 20);
  min-height: 1px; }

.box-13-of-20 {
  width: calc(99.99% / 20 * 13 - 10px * (20 - 13) / 20);
  min-height: 1px; }

.box-14-of-20 {
  width: calc(99.99% / 20 * 14 - 10px * (20 - 14) / 20);
  min-height: 1px; }

.box-15-of-20 {
  width: calc(99.99% / 20 * 15 - 10px * (20 - 15) / 20);
  min-height: 1px; }

.box-16-of-20 {
  width: calc(99.99% / 20 * 16 - 10px * (20 - 16) / 20);
  min-height: 1px; }

.box-17-of-20 {
  width: calc(99.99% / 20 * 17 - 10px * (20 - 17) / 20);
  min-height: 1px; }

.box-18-of-20 {
  width: calc(99.99% / 20 * 18 - 10px * (20 - 18) / 20);
  min-height: 1px; }

.box-19-of-20 {
  width: calc(99.99% / 20 * 19 - 10px * (20 - 19) / 20);
  min-height: 1px; }

.box-20-of-20 {
  width: calc(99.99% / 20 * 20 - 10px * (20 - 20) / 20);
  min-height: 1px; }

.box-1-of-21 {
  width: calc(99.99% / 21 * 1 - 10px * (21 - 1) / 21);
  min-height: 1px; }

.box-2-of-21 {
  width: calc(99.99% / 21 * 2 - 10px * (21 - 2) / 21);
  min-height: 1px; }

.box-3-of-21 {
  width: calc(99.99% / 21 * 3 - 10px * (21 - 3) / 21);
  min-height: 1px; }

.box-4-of-21 {
  width: calc(99.99% / 21 * 4 - 10px * (21 - 4) / 21);
  min-height: 1px; }

.box-5-of-21 {
  width: calc(99.99% / 21 * 5 - 10px * (21 - 5) / 21);
  min-height: 1px; }

.box-6-of-21 {
  width: calc(99.99% / 21 * 6 - 10px * (21 - 6) / 21);
  min-height: 1px; }

.box-7-of-21 {
  width: calc(99.99% / 21 * 7 - 10px * (21 - 7) / 21);
  min-height: 1px; }

.box-8-of-21 {
  width: calc(99.99% / 21 * 8 - 10px * (21 - 8) / 21);
  min-height: 1px; }

.box-9-of-21 {
  width: calc(99.99% / 21 * 9 - 10px * (21 - 9) / 21);
  min-height: 1px; }

.box-10-of-21 {
  width: calc(99.99% / 21 * 10 - 10px * (21 - 10) / 21);
  min-height: 1px; }

.box-11-of-21 {
  width: calc(99.99% / 21 * 11 - 10px * (21 - 11) / 21);
  min-height: 1px; }

.box-12-of-21 {
  width: calc(99.99% / 21 * 12 - 10px * (21 - 12) / 21);
  min-height: 1px; }

.box-13-of-21 {
  width: calc(99.99% / 21 * 13 - 10px * (21 - 13) / 21);
  min-height: 1px; }

.box-14-of-21 {
  width: calc(99.99% / 21 * 14 - 10px * (21 - 14) / 21);
  min-height: 1px; }

.box-15-of-21 {
  width: calc(99.99% / 21 * 15 - 10px * (21 - 15) / 21);
  min-height: 1px; }

.box-16-of-21 {
  width: calc(99.99% / 21 * 16 - 10px * (21 - 16) / 21);
  min-height: 1px; }

.box-17-of-21 {
  width: calc(99.99% / 21 * 17 - 10px * (21 - 17) / 21);
  min-height: 1px; }

.box-18-of-21 {
  width: calc(99.99% / 21 * 18 - 10px * (21 - 18) / 21);
  min-height: 1px; }

.box-19-of-21 {
  width: calc(99.99% / 21 * 19 - 10px * (21 - 19) / 21);
  min-height: 1px; }

.box-20-of-21 {
  width: calc(99.99% / 21 * 20 - 10px * (21 - 20) / 21);
  min-height: 1px; }

.box-21-of-21 {
  width: calc(99.99% / 21 * 21 - 10px * (21 - 21) / 21);
  min-height: 1px; }

.box-1-of-22 {
  width: calc(99.99% / 22 * 1 - 10px * (22 - 1) / 22);
  min-height: 1px; }

.box-2-of-22 {
  width: calc(99.99% / 22 * 2 - 10px * (22 - 2) / 22);
  min-height: 1px; }

.box-3-of-22 {
  width: calc(99.99% / 22 * 3 - 10px * (22 - 3) / 22);
  min-height: 1px; }

.box-4-of-22 {
  width: calc(99.99% / 22 * 4 - 10px * (22 - 4) / 22);
  min-height: 1px; }

.box-5-of-22 {
  width: calc(99.99% / 22 * 5 - 10px * (22 - 5) / 22);
  min-height: 1px; }

.box-6-of-22 {
  width: calc(99.99% / 22 * 6 - 10px * (22 - 6) / 22);
  min-height: 1px; }

.box-7-of-22 {
  width: calc(99.99% / 22 * 7 - 10px * (22 - 7) / 22);
  min-height: 1px; }

.box-8-of-22 {
  width: calc(99.99% / 22 * 8 - 10px * (22 - 8) / 22);
  min-height: 1px; }

.box-9-of-22 {
  width: calc(99.99% / 22 * 9 - 10px * (22 - 9) / 22);
  min-height: 1px; }

.box-10-of-22 {
  width: calc(99.99% / 22 * 10 - 10px * (22 - 10) / 22);
  min-height: 1px; }

.box-11-of-22 {
  width: calc(99.99% / 22 * 11 - 10px * (22 - 11) / 22);
  min-height: 1px; }

.box-12-of-22 {
  width: calc(99.99% / 22 * 12 - 10px * (22 - 12) / 22);
  min-height: 1px; }

.box-13-of-22 {
  width: calc(99.99% / 22 * 13 - 10px * (22 - 13) / 22);
  min-height: 1px; }

.box-14-of-22 {
  width: calc(99.99% / 22 * 14 - 10px * (22 - 14) / 22);
  min-height: 1px; }

.box-15-of-22 {
  width: calc(99.99% / 22 * 15 - 10px * (22 - 15) / 22);
  min-height: 1px; }

.box-16-of-22 {
  width: calc(99.99% / 22 * 16 - 10px * (22 - 16) / 22);
  min-height: 1px; }

.box-17-of-22 {
  width: calc(99.99% / 22 * 17 - 10px * (22 - 17) / 22);
  min-height: 1px; }

.box-18-of-22 {
  width: calc(99.99% / 22 * 18 - 10px * (22 - 18) / 22);
  min-height: 1px; }

.box-19-of-22 {
  width: calc(99.99% / 22 * 19 - 10px * (22 - 19) / 22);
  min-height: 1px; }

.box-20-of-22 {
  width: calc(99.99% / 22 * 20 - 10px * (22 - 20) / 22);
  min-height: 1px; }

.box-21-of-22 {
  width: calc(99.99% / 22 * 21 - 10px * (22 - 21) / 22);
  min-height: 1px; }

.box-22-of-22 {
  width: calc(99.99% / 22 * 22 - 10px * (22 - 22) / 22);
  min-height: 1px; }

.box-1-of-23 {
  width: calc(99.99% / 23 * 1 - 10px * (23 - 1) / 23);
  min-height: 1px; }

.box-2-of-23 {
  width: calc(99.99% / 23 * 2 - 10px * (23 - 2) / 23);
  min-height: 1px; }

.box-3-of-23 {
  width: calc(99.99% / 23 * 3 - 10px * (23 - 3) / 23);
  min-height: 1px; }

.box-4-of-23 {
  width: calc(99.99% / 23 * 4 - 10px * (23 - 4) / 23);
  min-height: 1px; }

.box-5-of-23 {
  width: calc(99.99% / 23 * 5 - 10px * (23 - 5) / 23);
  min-height: 1px; }

.box-6-of-23 {
  width: calc(99.99% / 23 * 6 - 10px * (23 - 6) / 23);
  min-height: 1px; }

.box-7-of-23 {
  width: calc(99.99% / 23 * 7 - 10px * (23 - 7) / 23);
  min-height: 1px; }

.box-8-of-23 {
  width: calc(99.99% / 23 * 8 - 10px * (23 - 8) / 23);
  min-height: 1px; }

.box-9-of-23 {
  width: calc(99.99% / 23 * 9 - 10px * (23 - 9) / 23);
  min-height: 1px; }

.box-10-of-23 {
  width: calc(99.99% / 23 * 10 - 10px * (23 - 10) / 23);
  min-height: 1px; }

.box-11-of-23 {
  width: calc(99.99% / 23 * 11 - 10px * (23 - 11) / 23);
  min-height: 1px; }

.box-12-of-23 {
  width: calc(99.99% / 23 * 12 - 10px * (23 - 12) / 23);
  min-height: 1px; }

.box-13-of-23 {
  width: calc(99.99% / 23 * 13 - 10px * (23 - 13) / 23);
  min-height: 1px; }

.box-14-of-23 {
  width: calc(99.99% / 23 * 14 - 10px * (23 - 14) / 23);
  min-height: 1px; }

.box-15-of-23 {
  width: calc(99.99% / 23 * 15 - 10px * (23 - 15) / 23);
  min-height: 1px; }

.box-16-of-23 {
  width: calc(99.99% / 23 * 16 - 10px * (23 - 16) / 23);
  min-height: 1px; }

.box-17-of-23 {
  width: calc(99.99% / 23 * 17 - 10px * (23 - 17) / 23);
  min-height: 1px; }

.box-18-of-23 {
  width: calc(99.99% / 23 * 18 - 10px * (23 - 18) / 23);
  min-height: 1px; }

.box-19-of-23 {
  width: calc(99.99% / 23 * 19 - 10px * (23 - 19) / 23);
  min-height: 1px; }

.box-20-of-23 {
  width: calc(99.99% / 23 * 20 - 10px * (23 - 20) / 23);
  min-height: 1px; }

.box-21-of-23 {
  width: calc(99.99% / 23 * 21 - 10px * (23 - 21) / 23);
  min-height: 1px; }

.box-22-of-23 {
  width: calc(99.99% / 23 * 22 - 10px * (23 - 22) / 23);
  min-height: 1px; }

.box-23-of-23 {
  width: calc(99.99% / 23 * 23 - 10px * (23 - 23) / 23);
  min-height: 1px; }

.box-1-of-24 {
  width: calc(99.99% / 24 * 1 - 10px * (24 - 1) / 24);
  min-height: 1px; }

.box-2-of-24 {
  width: calc(99.99% / 24 * 2 - 10px * (24 - 2) / 24);
  min-height: 1px; }

.box-3-of-24 {
  width: calc(99.99% / 24 * 3 - 10px * (24 - 3) / 24);
  min-height: 1px; }

.box-4-of-24 {
  width: calc(99.99% / 24 * 4 - 10px * (24 - 4) / 24);
  min-height: 1px; }

.box-5-of-24 {
  width: calc(99.99% / 24 * 5 - 10px * (24 - 5) / 24);
  min-height: 1px; }

.box-6-of-24 {
  width: calc(99.99% / 24 * 6 - 10px * (24 - 6) / 24);
  min-height: 1px; }

.box-7-of-24 {
  width: calc(99.99% / 24 * 7 - 10px * (24 - 7) / 24);
  min-height: 1px; }

.box-8-of-24 {
  width: calc(99.99% / 24 * 8 - 10px * (24 - 8) / 24);
  min-height: 1px; }

.box-9-of-24 {
  width: calc(99.99% / 24 * 9 - 10px * (24 - 9) / 24);
  min-height: 1px; }

.box-10-of-24 {
  width: calc(99.99% / 24 * 10 - 10px * (24 - 10) / 24);
  min-height: 1px; }

.box-11-of-24 {
  width: calc(99.99% / 24 * 11 - 10px * (24 - 11) / 24);
  min-height: 1px; }

.box-12-of-24 {
  width: calc(99.99% / 24 * 12 - 10px * (24 - 12) / 24);
  min-height: 1px; }

.box-13-of-24 {
  width: calc(99.99% / 24 * 13 - 10px * (24 - 13) / 24);
  min-height: 1px; }

.box-14-of-24 {
  width: calc(99.99% / 24 * 14 - 10px * (24 - 14) / 24);
  min-height: 1px; }

.box-15-of-24 {
  width: calc(99.99% / 24 * 15 - 10px * (24 - 15) / 24);
  min-height: 1px; }

.box-16-of-24 {
  width: calc(99.99% / 24 * 16 - 10px * (24 - 16) / 24);
  min-height: 1px; }

.box-17-of-24 {
  width: calc(99.99% / 24 * 17 - 10px * (24 - 17) / 24);
  min-height: 1px; }

.box-18-of-24 {
  width: calc(99.99% / 24 * 18 - 10px * (24 - 18) / 24);
  min-height: 1px; }

.box-19-of-24 {
  width: calc(99.99% / 24 * 19 - 10px * (24 - 19) / 24);
  min-height: 1px; }

.box-20-of-24 {
  width: calc(99.99% / 24 * 20 - 10px * (24 - 20) / 24);
  min-height: 1px; }

.box-21-of-24 {
  width: calc(99.99% / 24 * 21 - 10px * (24 - 21) / 24);
  min-height: 1px; }

.box-22-of-24 {
  width: calc(99.99% / 24 * 22 - 10px * (24 - 22) / 24);
  min-height: 1px; }

.box-23-of-24 {
  width: calc(99.99% / 24 * 23 - 10px * (24 - 23) / 24);
  min-height: 1px; }

.box-24-of-24 {
  width: calc(99.99% / 24 * 24 - 10px * (24 - 24) / 24);
  min-height: 1px; }

.box-1-of-25 {
  width: calc(99.99% / 25 * 1 - 10px * (25 - 1) / 25);
  min-height: 1px; }

.box-2-of-25 {
  width: calc(99.99% / 25 * 2 - 10px * (25 - 2) / 25);
  min-height: 1px; }

.box-3-of-25 {
  width: calc(99.99% / 25 * 3 - 10px * (25 - 3) / 25);
  min-height: 1px; }

.box-4-of-25 {
  width: calc(99.99% / 25 * 4 - 10px * (25 - 4) / 25);
  min-height: 1px; }

.box-5-of-25 {
  width: calc(99.99% / 25 * 5 - 10px * (25 - 5) / 25);
  min-height: 1px; }

.box-6-of-25 {
  width: calc(99.99% / 25 * 6 - 10px * (25 - 6) / 25);
  min-height: 1px; }

.box-7-of-25 {
  width: calc(99.99% / 25 * 7 - 10px * (25 - 7) / 25);
  min-height: 1px; }

.box-8-of-25 {
  width: calc(99.99% / 25 * 8 - 10px * (25 - 8) / 25);
  min-height: 1px; }

.box-9-of-25 {
  width: calc(99.99% / 25 * 9 - 10px * (25 - 9) / 25);
  min-height: 1px; }

.box-10-of-25 {
  width: calc(99.99% / 25 * 10 - 10px * (25 - 10) / 25);
  min-height: 1px; }

.box-11-of-25 {
  width: calc(99.99% / 25 * 11 - 10px * (25 - 11) / 25);
  min-height: 1px; }

.box-12-of-25 {
  width: calc(99.99% / 25 * 12 - 10px * (25 - 12) / 25);
  min-height: 1px; }

.box-13-of-25 {
  width: calc(99.99% / 25 * 13 - 10px * (25 - 13) / 25);
  min-height: 1px; }

.box-14-of-25 {
  width: calc(99.99% / 25 * 14 - 10px * (25 - 14) / 25);
  min-height: 1px; }

.box-15-of-25 {
  width: calc(99.99% / 25 * 15 - 10px * (25 - 15) / 25);
  min-height: 1px; }

.box-16-of-25 {
  width: calc(99.99% / 25 * 16 - 10px * (25 - 16) / 25);
  min-height: 1px; }

.box-17-of-25 {
  width: calc(99.99% / 25 * 17 - 10px * (25 - 17) / 25);
  min-height: 1px; }

.box-18-of-25 {
  width: calc(99.99% / 25 * 18 - 10px * (25 - 18) / 25);
  min-height: 1px; }

.box-19-of-25 {
  width: calc(99.99% / 25 * 19 - 10px * (25 - 19) / 25);
  min-height: 1px; }

.box-20-of-25 {
  width: calc(99.99% / 25 * 20 - 10px * (25 - 20) / 25);
  min-height: 1px; }

.box-21-of-25 {
  width: calc(99.99% / 25 * 21 - 10px * (25 - 21) / 25);
  min-height: 1px; }

.box-22-of-25 {
  width: calc(99.99% / 25 * 22 - 10px * (25 - 22) / 25);
  min-height: 1px; }

.box-23-of-25 {
  width: calc(99.99% / 25 * 23 - 10px * (25 - 23) / 25);
  min-height: 1px; }

.box-24-of-25 {
  width: calc(99.99% / 25 * 24 - 10px * (25 - 24) / 25);
  min-height: 1px; }

.box-25-of-25 {
  width: calc(99.99% / 25 * 25 - 10px * (25 - 25) / 25);
  min-height: 1px; }

.box-1-of-26 {
  width: calc(99.99% / 26 * 1 - 10px * (26 - 1) / 26);
  min-height: 1px; }

.box-2-of-26 {
  width: calc(99.99% / 26 * 2 - 10px * (26 - 2) / 26);
  min-height: 1px; }

.box-3-of-26 {
  width: calc(99.99% / 26 * 3 - 10px * (26 - 3) / 26);
  min-height: 1px; }

.box-4-of-26 {
  width: calc(99.99% / 26 * 4 - 10px * (26 - 4) / 26);
  min-height: 1px; }

.box-5-of-26 {
  width: calc(99.99% / 26 * 5 - 10px * (26 - 5) / 26);
  min-height: 1px; }

.box-6-of-26 {
  width: calc(99.99% / 26 * 6 - 10px * (26 - 6) / 26);
  min-height: 1px; }

.box-7-of-26 {
  width: calc(99.99% / 26 * 7 - 10px * (26 - 7) / 26);
  min-height: 1px; }

.box-8-of-26 {
  width: calc(99.99% / 26 * 8 - 10px * (26 - 8) / 26);
  min-height: 1px; }

.box-9-of-26 {
  width: calc(99.99% / 26 * 9 - 10px * (26 - 9) / 26);
  min-height: 1px; }

.box-10-of-26 {
  width: calc(99.99% / 26 * 10 - 10px * (26 - 10) / 26);
  min-height: 1px; }

.box-11-of-26 {
  width: calc(99.99% / 26 * 11 - 10px * (26 - 11) / 26);
  min-height: 1px; }

.box-12-of-26 {
  width: calc(99.99% / 26 * 12 - 10px * (26 - 12) / 26);
  min-height: 1px; }

.box-13-of-26 {
  width: calc(99.99% / 26 * 13 - 10px * (26 - 13) / 26);
  min-height: 1px; }

.box-14-of-26 {
  width: calc(99.99% / 26 * 14 - 10px * (26 - 14) / 26);
  min-height: 1px; }

.box-15-of-26 {
  width: calc(99.99% / 26 * 15 - 10px * (26 - 15) / 26);
  min-height: 1px; }

.box-16-of-26 {
  width: calc(99.99% / 26 * 16 - 10px * (26 - 16) / 26);
  min-height: 1px; }

.box-17-of-26 {
  width: calc(99.99% / 26 * 17 - 10px * (26 - 17) / 26);
  min-height: 1px; }

.box-18-of-26 {
  width: calc(99.99% / 26 * 18 - 10px * (26 - 18) / 26);
  min-height: 1px; }

.box-19-of-26 {
  width: calc(99.99% / 26 * 19 - 10px * (26 - 19) / 26);
  min-height: 1px; }

.box-20-of-26 {
  width: calc(99.99% / 26 * 20 - 10px * (26 - 20) / 26);
  min-height: 1px; }

.box-21-of-26 {
  width: calc(99.99% / 26 * 21 - 10px * (26 - 21) / 26);
  min-height: 1px; }

.box-22-of-26 {
  width: calc(99.99% / 26 * 22 - 10px * (26 - 22) / 26);
  min-height: 1px; }

.box-23-of-26 {
  width: calc(99.99% / 26 * 23 - 10px * (26 - 23) / 26);
  min-height: 1px; }

.box-24-of-26 {
  width: calc(99.99% / 26 * 24 - 10px * (26 - 24) / 26);
  min-height: 1px; }

.box-25-of-26 {
  width: calc(99.99% / 26 * 25 - 10px * (26 - 25) / 26);
  min-height: 1px; }

.box-26-of-26 {
  width: calc(99.99% / 26 * 26 - 10px * (26 - 26) / 26);
  min-height: 1px; }

.box-1-of-27 {
  width: calc(99.99% / 27 * 1 - 10px * (27 - 1) / 27);
  min-height: 1px; }

.box-2-of-27 {
  width: calc(99.99% / 27 * 2 - 10px * (27 - 2) / 27);
  min-height: 1px; }

.box-3-of-27 {
  width: calc(99.99% / 27 * 3 - 10px * (27 - 3) / 27);
  min-height: 1px; }

.box-4-of-27 {
  width: calc(99.99% / 27 * 4 - 10px * (27 - 4) / 27);
  min-height: 1px; }

.box-5-of-27 {
  width: calc(99.99% / 27 * 5 - 10px * (27 - 5) / 27);
  min-height: 1px; }

.box-6-of-27 {
  width: calc(99.99% / 27 * 6 - 10px * (27 - 6) / 27);
  min-height: 1px; }

.box-7-of-27 {
  width: calc(99.99% / 27 * 7 - 10px * (27 - 7) / 27);
  min-height: 1px; }

.box-8-of-27 {
  width: calc(99.99% / 27 * 8 - 10px * (27 - 8) / 27);
  min-height: 1px; }

.box-9-of-27 {
  width: calc(99.99% / 27 * 9 - 10px * (27 - 9) / 27);
  min-height: 1px; }

.box-10-of-27 {
  width: calc(99.99% / 27 * 10 - 10px * (27 - 10) / 27);
  min-height: 1px; }

.box-11-of-27 {
  width: calc(99.99% / 27 * 11 - 10px * (27 - 11) / 27);
  min-height: 1px; }

.box-12-of-27 {
  width: calc(99.99% / 27 * 12 - 10px * (27 - 12) / 27);
  min-height: 1px; }

.box-13-of-27 {
  width: calc(99.99% / 27 * 13 - 10px * (27 - 13) / 27);
  min-height: 1px; }

.box-14-of-27 {
  width: calc(99.99% / 27 * 14 - 10px * (27 - 14) / 27);
  min-height: 1px; }

.box-15-of-27 {
  width: calc(99.99% / 27 * 15 - 10px * (27 - 15) / 27);
  min-height: 1px; }

.box-16-of-27 {
  width: calc(99.99% / 27 * 16 - 10px * (27 - 16) / 27);
  min-height: 1px; }

.box-17-of-27 {
  width: calc(99.99% / 27 * 17 - 10px * (27 - 17) / 27);
  min-height: 1px; }

.box-18-of-27 {
  width: calc(99.99% / 27 * 18 - 10px * (27 - 18) / 27);
  min-height: 1px; }

.box-19-of-27 {
  width: calc(99.99% / 27 * 19 - 10px * (27 - 19) / 27);
  min-height: 1px; }

.box-20-of-27 {
  width: calc(99.99% / 27 * 20 - 10px * (27 - 20) / 27);
  min-height: 1px; }

.box-21-of-27 {
  width: calc(99.99% / 27 * 21 - 10px * (27 - 21) / 27);
  min-height: 1px; }

.box-22-of-27 {
  width: calc(99.99% / 27 * 22 - 10px * (27 - 22) / 27);
  min-height: 1px; }

.box-23-of-27 {
  width: calc(99.99% / 27 * 23 - 10px * (27 - 23) / 27);
  min-height: 1px; }

.box-24-of-27 {
  width: calc(99.99% / 27 * 24 - 10px * (27 - 24) / 27);
  min-height: 1px; }

.box-25-of-27 {
  width: calc(99.99% / 27 * 25 - 10px * (27 - 25) / 27);
  min-height: 1px; }

.box-26-of-27 {
  width: calc(99.99% / 27 * 26 - 10px * (27 - 26) / 27);
  min-height: 1px; }

.box-27-of-27 {
  width: calc(99.99% / 27 * 27 - 10px * (27 - 27) / 27);
  min-height: 1px; }

.box-1-of-28 {
  width: calc(99.99% / 28 * 1 - 10px * (28 - 1) / 28);
  min-height: 1px; }

.box-2-of-28 {
  width: calc(99.99% / 28 * 2 - 10px * (28 - 2) / 28);
  min-height: 1px; }

.box-3-of-28 {
  width: calc(99.99% / 28 * 3 - 10px * (28 - 3) / 28);
  min-height: 1px; }

.box-4-of-28 {
  width: calc(99.99% / 28 * 4 - 10px * (28 - 4) / 28);
  min-height: 1px; }

.box-5-of-28 {
  width: calc(99.99% / 28 * 5 - 10px * (28 - 5) / 28);
  min-height: 1px; }

.box-6-of-28 {
  width: calc(99.99% / 28 * 6 - 10px * (28 - 6) / 28);
  min-height: 1px; }

.box-7-of-28 {
  width: calc(99.99% / 28 * 7 - 10px * (28 - 7) / 28);
  min-height: 1px; }

.box-8-of-28 {
  width: calc(99.99% / 28 * 8 - 10px * (28 - 8) / 28);
  min-height: 1px; }

.box-9-of-28 {
  width: calc(99.99% / 28 * 9 - 10px * (28 - 9) / 28);
  min-height: 1px; }

.box-10-of-28 {
  width: calc(99.99% / 28 * 10 - 10px * (28 - 10) / 28);
  min-height: 1px; }

.box-11-of-28 {
  width: calc(99.99% / 28 * 11 - 10px * (28 - 11) / 28);
  min-height: 1px; }

.box-12-of-28 {
  width: calc(99.99% / 28 * 12 - 10px * (28 - 12) / 28);
  min-height: 1px; }

.box-13-of-28 {
  width: calc(99.99% / 28 * 13 - 10px * (28 - 13) / 28);
  min-height: 1px; }

.box-14-of-28 {
  width: calc(99.99% / 28 * 14 - 10px * (28 - 14) / 28);
  min-height: 1px; }

.box-15-of-28 {
  width: calc(99.99% / 28 * 15 - 10px * (28 - 15) / 28);
  min-height: 1px; }

.box-16-of-28 {
  width: calc(99.99% / 28 * 16 - 10px * (28 - 16) / 28);
  min-height: 1px; }

.box-17-of-28 {
  width: calc(99.99% / 28 * 17 - 10px * (28 - 17) / 28);
  min-height: 1px; }

.box-18-of-28 {
  width: calc(99.99% / 28 * 18 - 10px * (28 - 18) / 28);
  min-height: 1px; }

.box-19-of-28 {
  width: calc(99.99% / 28 * 19 - 10px * (28 - 19) / 28);
  min-height: 1px; }

.box-20-of-28 {
  width: calc(99.99% / 28 * 20 - 10px * (28 - 20) / 28);
  min-height: 1px; }

.box-21-of-28 {
  width: calc(99.99% / 28 * 21 - 10px * (28 - 21) / 28);
  min-height: 1px; }

.box-22-of-28 {
  width: calc(99.99% / 28 * 22 - 10px * (28 - 22) / 28);
  min-height: 1px; }

.box-23-of-28 {
  width: calc(99.99% / 28 * 23 - 10px * (28 - 23) / 28);
  min-height: 1px; }

.box-24-of-28 {
  width: calc(99.99% / 28 * 24 - 10px * (28 - 24) / 28);
  min-height: 1px; }

.box-25-of-28 {
  width: calc(99.99% / 28 * 25 - 10px * (28 - 25) / 28);
  min-height: 1px; }

.box-26-of-28 {
  width: calc(99.99% / 28 * 26 - 10px * (28 - 26) / 28);
  min-height: 1px; }

.box-27-of-28 {
  width: calc(99.99% / 28 * 27 - 10px * (28 - 27) / 28);
  min-height: 1px; }

.box-28-of-28 {
  width: calc(99.99% / 28 * 28 - 10px * (28 - 28) / 28);
  min-height: 1px; }

.box-1-of-29 {
  width: calc(99.99% / 29 * 1 - 10px * (29 - 1) / 29);
  min-height: 1px; }

.box-2-of-29 {
  width: calc(99.99% / 29 * 2 - 10px * (29 - 2) / 29);
  min-height: 1px; }

.box-3-of-29 {
  width: calc(99.99% / 29 * 3 - 10px * (29 - 3) / 29);
  min-height: 1px; }

.box-4-of-29 {
  width: calc(99.99% / 29 * 4 - 10px * (29 - 4) / 29);
  min-height: 1px; }

.box-5-of-29 {
  width: calc(99.99% / 29 * 5 - 10px * (29 - 5) / 29);
  min-height: 1px; }

.box-6-of-29 {
  width: calc(99.99% / 29 * 6 - 10px * (29 - 6) / 29);
  min-height: 1px; }

.box-7-of-29 {
  width: calc(99.99% / 29 * 7 - 10px * (29 - 7) / 29);
  min-height: 1px; }

.box-8-of-29 {
  width: calc(99.99% / 29 * 8 - 10px * (29 - 8) / 29);
  min-height: 1px; }

.box-9-of-29 {
  width: calc(99.99% / 29 * 9 - 10px * (29 - 9) / 29);
  min-height: 1px; }

.box-10-of-29 {
  width: calc(99.99% / 29 * 10 - 10px * (29 - 10) / 29);
  min-height: 1px; }

.box-11-of-29 {
  width: calc(99.99% / 29 * 11 - 10px * (29 - 11) / 29);
  min-height: 1px; }

.box-12-of-29 {
  width: calc(99.99% / 29 * 12 - 10px * (29 - 12) / 29);
  min-height: 1px; }

.box-13-of-29 {
  width: calc(99.99% / 29 * 13 - 10px * (29 - 13) / 29);
  min-height: 1px; }

.box-14-of-29 {
  width: calc(99.99% / 29 * 14 - 10px * (29 - 14) / 29);
  min-height: 1px; }

.box-15-of-29 {
  width: calc(99.99% / 29 * 15 - 10px * (29 - 15) / 29);
  min-height: 1px; }

.box-16-of-29 {
  width: calc(99.99% / 29 * 16 - 10px * (29 - 16) / 29);
  min-height: 1px; }

.box-17-of-29 {
  width: calc(99.99% / 29 * 17 - 10px * (29 - 17) / 29);
  min-height: 1px; }

.box-18-of-29 {
  width: calc(99.99% / 29 * 18 - 10px * (29 - 18) / 29);
  min-height: 1px; }

.box-19-of-29 {
  width: calc(99.99% / 29 * 19 - 10px * (29 - 19) / 29);
  min-height: 1px; }

.box-20-of-29 {
  width: calc(99.99% / 29 * 20 - 10px * (29 - 20) / 29);
  min-height: 1px; }

.box-21-of-29 {
  width: calc(99.99% / 29 * 21 - 10px * (29 - 21) / 29);
  min-height: 1px; }

.box-22-of-29 {
  width: calc(99.99% / 29 * 22 - 10px * (29 - 22) / 29);
  min-height: 1px; }

.box-23-of-29 {
  width: calc(99.99% / 29 * 23 - 10px * (29 - 23) / 29);
  min-height: 1px; }

.box-24-of-29 {
  width: calc(99.99% / 29 * 24 - 10px * (29 - 24) / 29);
  min-height: 1px; }

.box-25-of-29 {
  width: calc(99.99% / 29 * 25 - 10px * (29 - 25) / 29);
  min-height: 1px; }

.box-26-of-29 {
  width: calc(99.99% / 29 * 26 - 10px * (29 - 26) / 29);
  min-height: 1px; }

.box-27-of-29 {
  width: calc(99.99% / 29 * 27 - 10px * (29 - 27) / 29);
  min-height: 1px; }

.box-28-of-29 {
  width: calc(99.99% / 29 * 28 - 10px * (29 - 28) / 29);
  min-height: 1px; }

.box-29-of-29 {
  width: calc(99.99% / 29 * 29 - 10px * (29 - 29) / 29);
  min-height: 1px; }

.box-1-of-30 {
  width: calc(99.99% / 30 * 1 - 10px * (30 - 1) / 30);
  min-height: 1px; }

.box-2-of-30 {
  width: calc(99.99% / 30 * 2 - 10px * (30 - 2) / 30);
  min-height: 1px; }

.box-3-of-30 {
  width: calc(99.99% / 30 * 3 - 10px * (30 - 3) / 30);
  min-height: 1px; }

.box-4-of-30 {
  width: calc(99.99% / 30 * 4 - 10px * (30 - 4) / 30);
  min-height: 1px; }

.box-5-of-30 {
  width: calc(99.99% / 30 * 5 - 10px * (30 - 5) / 30);
  min-height: 1px; }

.box-6-of-30 {
  width: calc(99.99% / 30 * 6 - 10px * (30 - 6) / 30);
  min-height: 1px; }

.box-7-of-30 {
  width: calc(99.99% / 30 * 7 - 10px * (30 - 7) / 30);
  min-height: 1px; }

.box-8-of-30 {
  width: calc(99.99% / 30 * 8 - 10px * (30 - 8) / 30);
  min-height: 1px; }

.box-9-of-30 {
  width: calc(99.99% / 30 * 9 - 10px * (30 - 9) / 30);
  min-height: 1px; }

.box-10-of-30 {
  width: calc(99.99% / 30 * 10 - 10px * (30 - 10) / 30);
  min-height: 1px; }

.box-11-of-30 {
  width: calc(99.99% / 30 * 11 - 10px * (30 - 11) / 30);
  min-height: 1px; }

.box-12-of-30 {
  width: calc(99.99% / 30 * 12 - 10px * (30 - 12) / 30);
  min-height: 1px; }

.box-13-of-30 {
  width: calc(99.99% / 30 * 13 - 10px * (30 - 13) / 30);
  min-height: 1px; }

.box-14-of-30 {
  width: calc(99.99% / 30 * 14 - 10px * (30 - 14) / 30);
  min-height: 1px; }

.box-15-of-30 {
  width: calc(99.99% / 30 * 15 - 10px * (30 - 15) / 30);
  min-height: 1px; }

.box-16-of-30 {
  width: calc(99.99% / 30 * 16 - 10px * (30 - 16) / 30);
  min-height: 1px; }

.box-17-of-30 {
  width: calc(99.99% / 30 * 17 - 10px * (30 - 17) / 30);
  min-height: 1px; }

.box-18-of-30 {
  width: calc(99.99% / 30 * 18 - 10px * (30 - 18) / 30);
  min-height: 1px; }

.box-19-of-30 {
  width: calc(99.99% / 30 * 19 - 10px * (30 - 19) / 30);
  min-height: 1px; }

.box-20-of-30 {
  width: calc(99.99% / 30 * 20 - 10px * (30 - 20) / 30);
  min-height: 1px; }

.box-21-of-30 {
  width: calc(99.99% / 30 * 21 - 10px * (30 - 21) / 30);
  min-height: 1px; }

.box-22-of-30 {
  width: calc(99.99% / 30 * 22 - 10px * (30 - 22) / 30);
  min-height: 1px; }

.box-23-of-30 {
  width: calc(99.99% / 30 * 23 - 10px * (30 - 23) / 30);
  min-height: 1px; }

.box-24-of-30 {
  width: calc(99.99% / 30 * 24 - 10px * (30 - 24) / 30);
  min-height: 1px; }

.box-25-of-30 {
  width: calc(99.99% / 30 * 25 - 10px * (30 - 25) / 30);
  min-height: 1px; }

.box-26-of-30 {
  width: calc(99.99% / 30 * 26 - 10px * (30 - 26) / 30);
  min-height: 1px; }

.box-27-of-30 {
  width: calc(99.99% / 30 * 27 - 10px * (30 - 27) / 30);
  min-height: 1px; }

.box-28-of-30 {
  width: calc(99.99% / 30 * 28 - 10px * (30 - 28) / 30);
  min-height: 1px; }

.box-29-of-30 {
  width: calc(99.99% / 30 * 29 - 10px * (30 - 29) / 30);
  min-height: 1px; }

.box-30-of-30 {
  width: calc(99.99% / 30 * 30 - 10px * (30 - 30) / 30);
  min-height: 1px; }

.box-1-of-31 {
  width: calc(99.99% / 31 * 1 - 10px * (31 - 1) / 31);
  min-height: 1px; }

.box-2-of-31 {
  width: calc(99.99% / 31 * 2 - 10px * (31 - 2) / 31);
  min-height: 1px; }

.box-3-of-31 {
  width: calc(99.99% / 31 * 3 - 10px * (31 - 3) / 31);
  min-height: 1px; }

.box-4-of-31 {
  width: calc(99.99% / 31 * 4 - 10px * (31 - 4) / 31);
  min-height: 1px; }

.box-5-of-31 {
  width: calc(99.99% / 31 * 5 - 10px * (31 - 5) / 31);
  min-height: 1px; }

.box-6-of-31 {
  width: calc(99.99% / 31 * 6 - 10px * (31 - 6) / 31);
  min-height: 1px; }

.box-7-of-31 {
  width: calc(99.99% / 31 * 7 - 10px * (31 - 7) / 31);
  min-height: 1px; }

.box-8-of-31 {
  width: calc(99.99% / 31 * 8 - 10px * (31 - 8) / 31);
  min-height: 1px; }

.box-9-of-31 {
  width: calc(99.99% / 31 * 9 - 10px * (31 - 9) / 31);
  min-height: 1px; }

.box-10-of-31 {
  width: calc(99.99% / 31 * 10 - 10px * (31 - 10) / 31);
  min-height: 1px; }

.box-11-of-31 {
  width: calc(99.99% / 31 * 11 - 10px * (31 - 11) / 31);
  min-height: 1px; }

.box-12-of-31 {
  width: calc(99.99% / 31 * 12 - 10px * (31 - 12) / 31);
  min-height: 1px; }

.box-13-of-31 {
  width: calc(99.99% / 31 * 13 - 10px * (31 - 13) / 31);
  min-height: 1px; }

.box-14-of-31 {
  width: calc(99.99% / 31 * 14 - 10px * (31 - 14) / 31);
  min-height: 1px; }

.box-15-of-31 {
  width: calc(99.99% / 31 * 15 - 10px * (31 - 15) / 31);
  min-height: 1px; }

.box-16-of-31 {
  width: calc(99.99% / 31 * 16 - 10px * (31 - 16) / 31);
  min-height: 1px; }

.box-17-of-31 {
  width: calc(99.99% / 31 * 17 - 10px * (31 - 17) / 31);
  min-height: 1px; }

.box-18-of-31 {
  width: calc(99.99% / 31 * 18 - 10px * (31 - 18) / 31);
  min-height: 1px; }

.box-19-of-31 {
  width: calc(99.99% / 31 * 19 - 10px * (31 - 19) / 31);
  min-height: 1px; }

.box-20-of-31 {
  width: calc(99.99% / 31 * 20 - 10px * (31 - 20) / 31);
  min-height: 1px; }

.box-21-of-31 {
  width: calc(99.99% / 31 * 21 - 10px * (31 - 21) / 31);
  min-height: 1px; }

.box-22-of-31 {
  width: calc(99.99% / 31 * 22 - 10px * (31 - 22) / 31);
  min-height: 1px; }

.box-23-of-31 {
  width: calc(99.99% / 31 * 23 - 10px * (31 - 23) / 31);
  min-height: 1px; }

.box-24-of-31 {
  width: calc(99.99% / 31 * 24 - 10px * (31 - 24) / 31);
  min-height: 1px; }

.box-25-of-31 {
  width: calc(99.99% / 31 * 25 - 10px * (31 - 25) / 31);
  min-height: 1px; }

.box-26-of-31 {
  width: calc(99.99% / 31 * 26 - 10px * (31 - 26) / 31);
  min-height: 1px; }

.box-27-of-31 {
  width: calc(99.99% / 31 * 27 - 10px * (31 - 27) / 31);
  min-height: 1px; }

.box-28-of-31 {
  width: calc(99.99% / 31 * 28 - 10px * (31 - 28) / 31);
  min-height: 1px; }

.box-29-of-31 {
  width: calc(99.99% / 31 * 29 - 10px * (31 - 29) / 31);
  min-height: 1px; }

.box-30-of-31 {
  width: calc(99.99% / 31 * 30 - 10px * (31 - 30) / 31);
  min-height: 1px; }

.box-31-of-31 {
  width: calc(99.99% / 31 * 31 - 10px * (31 - 31) / 31);
  min-height: 1px; }

.box-1-of-32 {
  width: calc(99.99% / 32 * 1 - 10px * (32 - 1) / 32);
  min-height: 1px; }

.box-2-of-32 {
  width: calc(99.99% / 32 * 2 - 10px * (32 - 2) / 32);
  min-height: 1px; }

.box-3-of-32 {
  width: calc(99.99% / 32 * 3 - 10px * (32 - 3) / 32);
  min-height: 1px; }

.box-4-of-32 {
  width: calc(99.99% / 32 * 4 - 10px * (32 - 4) / 32);
  min-height: 1px; }

.box-5-of-32 {
  width: calc(99.99% / 32 * 5 - 10px * (32 - 5) / 32);
  min-height: 1px; }

.box-6-of-32 {
  width: calc(99.99% / 32 * 6 - 10px * (32 - 6) / 32);
  min-height: 1px; }

.box-7-of-32 {
  width: calc(99.99% / 32 * 7 - 10px * (32 - 7) / 32);
  min-height: 1px; }

.box-8-of-32 {
  width: calc(99.99% / 32 * 8 - 10px * (32 - 8) / 32);
  min-height: 1px; }

.box-9-of-32 {
  width: calc(99.99% / 32 * 9 - 10px * (32 - 9) / 32);
  min-height: 1px; }

.box-10-of-32 {
  width: calc(99.99% / 32 * 10 - 10px * (32 - 10) / 32);
  min-height: 1px; }

.box-11-of-32 {
  width: calc(99.99% / 32 * 11 - 10px * (32 - 11) / 32);
  min-height: 1px; }

.box-12-of-32 {
  width: calc(99.99% / 32 * 12 - 10px * (32 - 12) / 32);
  min-height: 1px; }

.box-13-of-32 {
  width: calc(99.99% / 32 * 13 - 10px * (32 - 13) / 32);
  min-height: 1px; }

.box-14-of-32 {
  width: calc(99.99% / 32 * 14 - 10px * (32 - 14) / 32);
  min-height: 1px; }

.box-15-of-32 {
  width: calc(99.99% / 32 * 15 - 10px * (32 - 15) / 32);
  min-height: 1px; }

.box-16-of-32 {
  width: calc(99.99% / 32 * 16 - 10px * (32 - 16) / 32);
  min-height: 1px; }

.box-17-of-32 {
  width: calc(99.99% / 32 * 17 - 10px * (32 - 17) / 32);
  min-height: 1px; }

.box-18-of-32 {
  width: calc(99.99% / 32 * 18 - 10px * (32 - 18) / 32);
  min-height: 1px; }

.box-19-of-32 {
  width: calc(99.99% / 32 * 19 - 10px * (32 - 19) / 32);
  min-height: 1px; }

.box-20-of-32 {
  width: calc(99.99% / 32 * 20 - 10px * (32 - 20) / 32);
  min-height: 1px; }

.box-21-of-32 {
  width: calc(99.99% / 32 * 21 - 10px * (32 - 21) / 32);
  min-height: 1px; }

.box-22-of-32 {
  width: calc(99.99% / 32 * 22 - 10px * (32 - 22) / 32);
  min-height: 1px; }

.box-23-of-32 {
  width: calc(99.99% / 32 * 23 - 10px * (32 - 23) / 32);
  min-height: 1px; }

.box-24-of-32 {
  width: calc(99.99% / 32 * 24 - 10px * (32 - 24) / 32);
  min-height: 1px; }

.box-25-of-32 {
  width: calc(99.99% / 32 * 25 - 10px * (32 - 25) / 32);
  min-height: 1px; }

.box-26-of-32 {
  width: calc(99.99% / 32 * 26 - 10px * (32 - 26) / 32);
  min-height: 1px; }

.box-27-of-32 {
  width: calc(99.99% / 32 * 27 - 10px * (32 - 27) / 32);
  min-height: 1px; }

.box-28-of-32 {
  width: calc(99.99% / 32 * 28 - 10px * (32 - 28) / 32);
  min-height: 1px; }

.box-29-of-32 {
  width: calc(99.99% / 32 * 29 - 10px * (32 - 29) / 32);
  min-height: 1px; }

.box-30-of-32 {
  width: calc(99.99% / 32 * 30 - 10px * (32 - 30) / 32);
  min-height: 1px; }

.box-31-of-32 {
  width: calc(99.99% / 32 * 31 - 10px * (32 - 31) / 32);
  min-height: 1px; }

.box-32-of-32 {
  width: calc(99.99% / 32 * 32 - 10px * (32 - 32) / 32);
  min-height: 1px; }

.box-1-of-33 {
  width: calc(99.99% / 33 * 1 - 10px * (33 - 1) / 33);
  min-height: 1px; }

.box-2-of-33 {
  width: calc(99.99% / 33 * 2 - 10px * (33 - 2) / 33);
  min-height: 1px; }

.box-3-of-33 {
  width: calc(99.99% / 33 * 3 - 10px * (33 - 3) / 33);
  min-height: 1px; }

.box-4-of-33 {
  width: calc(99.99% / 33 * 4 - 10px * (33 - 4) / 33);
  min-height: 1px; }

.box-5-of-33 {
  width: calc(99.99% / 33 * 5 - 10px * (33 - 5) / 33);
  min-height: 1px; }

.box-6-of-33 {
  width: calc(99.99% / 33 * 6 - 10px * (33 - 6) / 33);
  min-height: 1px; }

.box-7-of-33 {
  width: calc(99.99% / 33 * 7 - 10px * (33 - 7) / 33);
  min-height: 1px; }

.box-8-of-33 {
  width: calc(99.99% / 33 * 8 - 10px * (33 - 8) / 33);
  min-height: 1px; }

.box-9-of-33 {
  width: calc(99.99% / 33 * 9 - 10px * (33 - 9) / 33);
  min-height: 1px; }

.box-10-of-33 {
  width: calc(99.99% / 33 * 10 - 10px * (33 - 10) / 33);
  min-height: 1px; }

.box-11-of-33 {
  width: calc(99.99% / 33 * 11 - 10px * (33 - 11) / 33);
  min-height: 1px; }

.box-12-of-33 {
  width: calc(99.99% / 33 * 12 - 10px * (33 - 12) / 33);
  min-height: 1px; }

.box-13-of-33 {
  width: calc(99.99% / 33 * 13 - 10px * (33 - 13) / 33);
  min-height: 1px; }

.box-14-of-33 {
  width: calc(99.99% / 33 * 14 - 10px * (33 - 14) / 33);
  min-height: 1px; }

.box-15-of-33 {
  width: calc(99.99% / 33 * 15 - 10px * (33 - 15) / 33);
  min-height: 1px; }

.box-16-of-33 {
  width: calc(99.99% / 33 * 16 - 10px * (33 - 16) / 33);
  min-height: 1px; }

.box-17-of-33 {
  width: calc(99.99% / 33 * 17 - 10px * (33 - 17) / 33);
  min-height: 1px; }

.box-18-of-33 {
  width: calc(99.99% / 33 * 18 - 10px * (33 - 18) / 33);
  min-height: 1px; }

.box-19-of-33 {
  width: calc(99.99% / 33 * 19 - 10px * (33 - 19) / 33);
  min-height: 1px; }

.box-20-of-33 {
  width: calc(99.99% / 33 * 20 - 10px * (33 - 20) / 33);
  min-height: 1px; }

.box-21-of-33 {
  width: calc(99.99% / 33 * 21 - 10px * (33 - 21) / 33);
  min-height: 1px; }

.box-22-of-33 {
  width: calc(99.99% / 33 * 22 - 10px * (33 - 22) / 33);
  min-height: 1px; }

.box-23-of-33 {
  width: calc(99.99% / 33 * 23 - 10px * (33 - 23) / 33);
  min-height: 1px; }

.box-24-of-33 {
  width: calc(99.99% / 33 * 24 - 10px * (33 - 24) / 33);
  min-height: 1px; }

.box-25-of-33 {
  width: calc(99.99% / 33 * 25 - 10px * (33 - 25) / 33);
  min-height: 1px; }

.box-26-of-33 {
  width: calc(99.99% / 33 * 26 - 10px * (33 - 26) / 33);
  min-height: 1px; }

.box-27-of-33 {
  width: calc(99.99% / 33 * 27 - 10px * (33 - 27) / 33);
  min-height: 1px; }

.box-28-of-33 {
  width: calc(99.99% / 33 * 28 - 10px * (33 - 28) / 33);
  min-height: 1px; }

.box-29-of-33 {
  width: calc(99.99% / 33 * 29 - 10px * (33 - 29) / 33);
  min-height: 1px; }

.box-30-of-33 {
  width: calc(99.99% / 33 * 30 - 10px * (33 - 30) / 33);
  min-height: 1px; }

.box-31-of-33 {
  width: calc(99.99% / 33 * 31 - 10px * (33 - 31) / 33);
  min-height: 1px; }

.box-32-of-33 {
  width: calc(99.99% / 33 * 32 - 10px * (33 - 32) / 33);
  min-height: 1px; }

.box-33-of-33 {
  width: calc(99.99% / 33 * 33 - 10px * (33 - 33) / 33);
  min-height: 1px; }

.box-1-of-34 {
  width: calc(99.99% / 34 * 1 - 10px * (34 - 1) / 34);
  min-height: 1px; }

.box-2-of-34 {
  width: calc(99.99% / 34 * 2 - 10px * (34 - 2) / 34);
  min-height: 1px; }

.box-3-of-34 {
  width: calc(99.99% / 34 * 3 - 10px * (34 - 3) / 34);
  min-height: 1px; }

.box-4-of-34 {
  width: calc(99.99% / 34 * 4 - 10px * (34 - 4) / 34);
  min-height: 1px; }

.box-5-of-34 {
  width: calc(99.99% / 34 * 5 - 10px * (34 - 5) / 34);
  min-height: 1px; }

.box-6-of-34 {
  width: calc(99.99% / 34 * 6 - 10px * (34 - 6) / 34);
  min-height: 1px; }

.box-7-of-34 {
  width: calc(99.99% / 34 * 7 - 10px * (34 - 7) / 34);
  min-height: 1px; }

.box-8-of-34 {
  width: calc(99.99% / 34 * 8 - 10px * (34 - 8) / 34);
  min-height: 1px; }

.box-9-of-34 {
  width: calc(99.99% / 34 * 9 - 10px * (34 - 9) / 34);
  min-height: 1px; }

.box-10-of-34 {
  width: calc(99.99% / 34 * 10 - 10px * (34 - 10) / 34);
  min-height: 1px; }

.box-11-of-34 {
  width: calc(99.99% / 34 * 11 - 10px * (34 - 11) / 34);
  min-height: 1px; }

.box-12-of-34 {
  width: calc(99.99% / 34 * 12 - 10px * (34 - 12) / 34);
  min-height: 1px; }

.box-13-of-34 {
  width: calc(99.99% / 34 * 13 - 10px * (34 - 13) / 34);
  min-height: 1px; }

.box-14-of-34 {
  width: calc(99.99% / 34 * 14 - 10px * (34 - 14) / 34);
  min-height: 1px; }

.box-15-of-34 {
  width: calc(99.99% / 34 * 15 - 10px * (34 - 15) / 34);
  min-height: 1px; }

.box-16-of-34 {
  width: calc(99.99% / 34 * 16 - 10px * (34 - 16) / 34);
  min-height: 1px; }

.box-17-of-34 {
  width: calc(99.99% / 34 * 17 - 10px * (34 - 17) / 34);
  min-height: 1px; }

.box-18-of-34 {
  width: calc(99.99% / 34 * 18 - 10px * (34 - 18) / 34);
  min-height: 1px; }

.box-19-of-34 {
  width: calc(99.99% / 34 * 19 - 10px * (34 - 19) / 34);
  min-height: 1px; }

.box-20-of-34 {
  width: calc(99.99% / 34 * 20 - 10px * (34 - 20) / 34);
  min-height: 1px; }

.box-21-of-34 {
  width: calc(99.99% / 34 * 21 - 10px * (34 - 21) / 34);
  min-height: 1px; }

.box-22-of-34 {
  width: calc(99.99% / 34 * 22 - 10px * (34 - 22) / 34);
  min-height: 1px; }

.box-23-of-34 {
  width: calc(99.99% / 34 * 23 - 10px * (34 - 23) / 34);
  min-height: 1px; }

.box-24-of-34 {
  width: calc(99.99% / 34 * 24 - 10px * (34 - 24) / 34);
  min-height: 1px; }

.box-25-of-34 {
  width: calc(99.99% / 34 * 25 - 10px * (34 - 25) / 34);
  min-height: 1px; }

.box-26-of-34 {
  width: calc(99.99% / 34 * 26 - 10px * (34 - 26) / 34);
  min-height: 1px; }

.box-27-of-34 {
  width: calc(99.99% / 34 * 27 - 10px * (34 - 27) / 34);
  min-height: 1px; }

.box-28-of-34 {
  width: calc(99.99% / 34 * 28 - 10px * (34 - 28) / 34);
  min-height: 1px; }

.box-29-of-34 {
  width: calc(99.99% / 34 * 29 - 10px * (34 - 29) / 34);
  min-height: 1px; }

.box-30-of-34 {
  width: calc(99.99% / 34 * 30 - 10px * (34 - 30) / 34);
  min-height: 1px; }

.box-31-of-34 {
  width: calc(99.99% / 34 * 31 - 10px * (34 - 31) / 34);
  min-height: 1px; }

.box-32-of-34 {
  width: calc(99.99% / 34 * 32 - 10px * (34 - 32) / 34);
  min-height: 1px; }

.box-33-of-34 {
  width: calc(99.99% / 34 * 33 - 10px * (34 - 33) / 34);
  min-height: 1px; }

.box-34-of-34 {
  width: calc(99.99% / 34 * 34 - 10px * (34 - 34) / 34);
  min-height: 1px; }

.box-1-of-35 {
  width: calc(99.99% / 35 * 1 - 10px * (35 - 1) / 35);
  min-height: 1px; }

.box-2-of-35 {
  width: calc(99.99% / 35 * 2 - 10px * (35 - 2) / 35);
  min-height: 1px; }

.box-3-of-35 {
  width: calc(99.99% / 35 * 3 - 10px * (35 - 3) / 35);
  min-height: 1px; }

.box-4-of-35 {
  width: calc(99.99% / 35 * 4 - 10px * (35 - 4) / 35);
  min-height: 1px; }

.box-5-of-35 {
  width: calc(99.99% / 35 * 5 - 10px * (35 - 5) / 35);
  min-height: 1px; }

.box-6-of-35 {
  width: calc(99.99% / 35 * 6 - 10px * (35 - 6) / 35);
  min-height: 1px; }

.box-7-of-35 {
  width: calc(99.99% / 35 * 7 - 10px * (35 - 7) / 35);
  min-height: 1px; }

.box-8-of-35 {
  width: calc(99.99% / 35 * 8 - 10px * (35 - 8) / 35);
  min-height: 1px; }

.box-9-of-35 {
  width: calc(99.99% / 35 * 9 - 10px * (35 - 9) / 35);
  min-height: 1px; }

.box-10-of-35 {
  width: calc(99.99% / 35 * 10 - 10px * (35 - 10) / 35);
  min-height: 1px; }

.box-11-of-35 {
  width: calc(99.99% / 35 * 11 - 10px * (35 - 11) / 35);
  min-height: 1px; }

.box-12-of-35 {
  width: calc(99.99% / 35 * 12 - 10px * (35 - 12) / 35);
  min-height: 1px; }

.box-13-of-35 {
  width: calc(99.99% / 35 * 13 - 10px * (35 - 13) / 35);
  min-height: 1px; }

.box-14-of-35 {
  width: calc(99.99% / 35 * 14 - 10px * (35 - 14) / 35);
  min-height: 1px; }

.box-15-of-35 {
  width: calc(99.99% / 35 * 15 - 10px * (35 - 15) / 35);
  min-height: 1px; }

.box-16-of-35 {
  width: calc(99.99% / 35 * 16 - 10px * (35 - 16) / 35);
  min-height: 1px; }

.box-17-of-35 {
  width: calc(99.99% / 35 * 17 - 10px * (35 - 17) / 35);
  min-height: 1px; }

.box-18-of-35 {
  width: calc(99.99% / 35 * 18 - 10px * (35 - 18) / 35);
  min-height: 1px; }

.box-19-of-35 {
  width: calc(99.99% / 35 * 19 - 10px * (35 - 19) / 35);
  min-height: 1px; }

.box-20-of-35 {
  width: calc(99.99% / 35 * 20 - 10px * (35 - 20) / 35);
  min-height: 1px; }

.box-21-of-35 {
  width: calc(99.99% / 35 * 21 - 10px * (35 - 21) / 35);
  min-height: 1px; }

.box-22-of-35 {
  width: calc(99.99% / 35 * 22 - 10px * (35 - 22) / 35);
  min-height: 1px; }

.box-23-of-35 {
  width: calc(99.99% / 35 * 23 - 10px * (35 - 23) / 35);
  min-height: 1px; }

.box-24-of-35 {
  width: calc(99.99% / 35 * 24 - 10px * (35 - 24) / 35);
  min-height: 1px; }

.box-25-of-35 {
  width: calc(99.99% / 35 * 25 - 10px * (35 - 25) / 35);
  min-height: 1px; }

.box-26-of-35 {
  width: calc(99.99% / 35 * 26 - 10px * (35 - 26) / 35);
  min-height: 1px; }

.box-27-of-35 {
  width: calc(99.99% / 35 * 27 - 10px * (35 - 27) / 35);
  min-height: 1px; }

.box-28-of-35 {
  width: calc(99.99% / 35 * 28 - 10px * (35 - 28) / 35);
  min-height: 1px; }

.box-29-of-35 {
  width: calc(99.99% / 35 * 29 - 10px * (35 - 29) / 35);
  min-height: 1px; }

.box-30-of-35 {
  width: calc(99.99% / 35 * 30 - 10px * (35 - 30) / 35);
  min-height: 1px; }

.box-31-of-35 {
  width: calc(99.99% / 35 * 31 - 10px * (35 - 31) / 35);
  min-height: 1px; }

.box-32-of-35 {
  width: calc(99.99% / 35 * 32 - 10px * (35 - 32) / 35);
  min-height: 1px; }

.box-33-of-35 {
  width: calc(99.99% / 35 * 33 - 10px * (35 - 33) / 35);
  min-height: 1px; }

.box-34-of-35 {
  width: calc(99.99% / 35 * 34 - 10px * (35 - 34) / 35);
  min-height: 1px; }

.box-35-of-35 {
  width: calc(99.99% / 35 * 35 - 10px * (35 - 35) / 35);
  min-height: 1px; }

.box-1-of-36 {
  width: calc(99.99% / 36 * 1 - 10px * (36 - 1) / 36);
  min-height: 1px; }

.box-2-of-36 {
  width: calc(99.99% / 36 * 2 - 10px * (36 - 2) / 36);
  min-height: 1px; }

.box-3-of-36 {
  width: calc(99.99% / 36 * 3 - 10px * (36 - 3) / 36);
  min-height: 1px; }

.box-4-of-36 {
  width: calc(99.99% / 36 * 4 - 10px * (36 - 4) / 36);
  min-height: 1px; }

.box-5-of-36 {
  width: calc(99.99% / 36 * 5 - 10px * (36 - 5) / 36);
  min-height: 1px; }

.box-6-of-36 {
  width: calc(99.99% / 36 * 6 - 10px * (36 - 6) / 36);
  min-height: 1px; }

.box-7-of-36 {
  width: calc(99.99% / 36 * 7 - 10px * (36 - 7) / 36);
  min-height: 1px; }

.box-8-of-36 {
  width: calc(99.99% / 36 * 8 - 10px * (36 - 8) / 36);
  min-height: 1px; }

.box-9-of-36 {
  width: calc(99.99% / 36 * 9 - 10px * (36 - 9) / 36);
  min-height: 1px; }

.box-10-of-36 {
  width: calc(99.99% / 36 * 10 - 10px * (36 - 10) / 36);
  min-height: 1px; }

.box-11-of-36 {
  width: calc(99.99% / 36 * 11 - 10px * (36 - 11) / 36);
  min-height: 1px; }

.box-12-of-36 {
  width: calc(99.99% / 36 * 12 - 10px * (36 - 12) / 36);
  min-height: 1px; }

.box-13-of-36 {
  width: calc(99.99% / 36 * 13 - 10px * (36 - 13) / 36);
  min-height: 1px; }

.box-14-of-36 {
  width: calc(99.99% / 36 * 14 - 10px * (36 - 14) / 36);
  min-height: 1px; }

.box-15-of-36 {
  width: calc(99.99% / 36 * 15 - 10px * (36 - 15) / 36);
  min-height: 1px; }

.box-16-of-36 {
  width: calc(99.99% / 36 * 16 - 10px * (36 - 16) / 36);
  min-height: 1px; }

.box-17-of-36 {
  width: calc(99.99% / 36 * 17 - 10px * (36 - 17) / 36);
  min-height: 1px; }

.box-18-of-36 {
  width: calc(99.99% / 36 * 18 - 10px * (36 - 18) / 36);
  min-height: 1px; }

.box-19-of-36 {
  width: calc(99.99% / 36 * 19 - 10px * (36 - 19) / 36);
  min-height: 1px; }

.box-20-of-36 {
  width: calc(99.99% / 36 * 20 - 10px * (36 - 20) / 36);
  min-height: 1px; }

.box-21-of-36 {
  width: calc(99.99% / 36 * 21 - 10px * (36 - 21) / 36);
  min-height: 1px; }

.box-22-of-36 {
  width: calc(99.99% / 36 * 22 - 10px * (36 - 22) / 36);
  min-height: 1px; }

.box-23-of-36 {
  width: calc(99.99% / 36 * 23 - 10px * (36 - 23) / 36);
  min-height: 1px; }

.box-24-of-36 {
  width: calc(99.99% / 36 * 24 - 10px * (36 - 24) / 36);
  min-height: 1px; }

.box-25-of-36 {
  width: calc(99.99% / 36 * 25 - 10px * (36 - 25) / 36);
  min-height: 1px; }

.box-26-of-36 {
  width: calc(99.99% / 36 * 26 - 10px * (36 - 26) / 36);
  min-height: 1px; }

.box-27-of-36 {
  width: calc(99.99% / 36 * 27 - 10px * (36 - 27) / 36);
  min-height: 1px; }

.box-28-of-36 {
  width: calc(99.99% / 36 * 28 - 10px * (36 - 28) / 36);
  min-height: 1px; }

.box-29-of-36 {
  width: calc(99.99% / 36 * 29 - 10px * (36 - 29) / 36);
  min-height: 1px; }

.box-30-of-36 {
  width: calc(99.99% / 36 * 30 - 10px * (36 - 30) / 36);
  min-height: 1px; }

.box-31-of-36 {
  width: calc(99.99% / 36 * 31 - 10px * (36 - 31) / 36);
  min-height: 1px; }

.box-32-of-36 {
  width: calc(99.99% / 36 * 32 - 10px * (36 - 32) / 36);
  min-height: 1px; }

.box-33-of-36 {
  width: calc(99.99% / 36 * 33 - 10px * (36 - 33) / 36);
  min-height: 1px; }

.box-34-of-36 {
  width: calc(99.99% / 36 * 34 - 10px * (36 - 34) / 36);
  min-height: 1px; }

.box-35-of-36 {
  width: calc(99.99% / 36 * 35 - 10px * (36 - 35) / 36);
  min-height: 1px; }

.box-36-of-36 {
  width: calc(99.99% / 36 * 36 - 10px * (36 - 36) / 36);
  min-height: 1px; }

.box-1-of-37 {
  width: calc(99.99% / 37 * 1 - 10px * (37 - 1) / 37);
  min-height: 1px; }

.box-2-of-37 {
  width: calc(99.99% / 37 * 2 - 10px * (37 - 2) / 37);
  min-height: 1px; }

.box-3-of-37 {
  width: calc(99.99% / 37 * 3 - 10px * (37 - 3) / 37);
  min-height: 1px; }

.box-4-of-37 {
  width: calc(99.99% / 37 * 4 - 10px * (37 - 4) / 37);
  min-height: 1px; }

.box-5-of-37 {
  width: calc(99.99% / 37 * 5 - 10px * (37 - 5) / 37);
  min-height: 1px; }

.box-6-of-37 {
  width: calc(99.99% / 37 * 6 - 10px * (37 - 6) / 37);
  min-height: 1px; }

.box-7-of-37 {
  width: calc(99.99% / 37 * 7 - 10px * (37 - 7) / 37);
  min-height: 1px; }

.box-8-of-37 {
  width: calc(99.99% / 37 * 8 - 10px * (37 - 8) / 37);
  min-height: 1px; }

.box-9-of-37 {
  width: calc(99.99% / 37 * 9 - 10px * (37 - 9) / 37);
  min-height: 1px; }

.box-10-of-37 {
  width: calc(99.99% / 37 * 10 - 10px * (37 - 10) / 37);
  min-height: 1px; }

.box-11-of-37 {
  width: calc(99.99% / 37 * 11 - 10px * (37 - 11) / 37);
  min-height: 1px; }

.box-12-of-37 {
  width: calc(99.99% / 37 * 12 - 10px * (37 - 12) / 37);
  min-height: 1px; }

.box-13-of-37 {
  width: calc(99.99% / 37 * 13 - 10px * (37 - 13) / 37);
  min-height: 1px; }

.box-14-of-37 {
  width: calc(99.99% / 37 * 14 - 10px * (37 - 14) / 37);
  min-height: 1px; }

.box-15-of-37 {
  width: calc(99.99% / 37 * 15 - 10px * (37 - 15) / 37);
  min-height: 1px; }

.box-16-of-37 {
  width: calc(99.99% / 37 * 16 - 10px * (37 - 16) / 37);
  min-height: 1px; }

.box-17-of-37 {
  width: calc(99.99% / 37 * 17 - 10px * (37 - 17) / 37);
  min-height: 1px; }

.box-18-of-37 {
  width: calc(99.99% / 37 * 18 - 10px * (37 - 18) / 37);
  min-height: 1px; }

.box-19-of-37 {
  width: calc(99.99% / 37 * 19 - 10px * (37 - 19) / 37);
  min-height: 1px; }

.box-20-of-37 {
  width: calc(99.99% / 37 * 20 - 10px * (37 - 20) / 37);
  min-height: 1px; }

.box-21-of-37 {
  width: calc(99.99% / 37 * 21 - 10px * (37 - 21) / 37);
  min-height: 1px; }

.box-22-of-37 {
  width: calc(99.99% / 37 * 22 - 10px * (37 - 22) / 37);
  min-height: 1px; }

.box-23-of-37 {
  width: calc(99.99% / 37 * 23 - 10px * (37 - 23) / 37);
  min-height: 1px; }

.box-24-of-37 {
  width: calc(99.99% / 37 * 24 - 10px * (37 - 24) / 37);
  min-height: 1px; }

.box-25-of-37 {
  width: calc(99.99% / 37 * 25 - 10px * (37 - 25) / 37);
  min-height: 1px; }

.box-26-of-37 {
  width: calc(99.99% / 37 * 26 - 10px * (37 - 26) / 37);
  min-height: 1px; }

.box-27-of-37 {
  width: calc(99.99% / 37 * 27 - 10px * (37 - 27) / 37);
  min-height: 1px; }

.box-28-of-37 {
  width: calc(99.99% / 37 * 28 - 10px * (37 - 28) / 37);
  min-height: 1px; }

.box-29-of-37 {
  width: calc(99.99% / 37 * 29 - 10px * (37 - 29) / 37);
  min-height: 1px; }

.box-30-of-37 {
  width: calc(99.99% / 37 * 30 - 10px * (37 - 30) / 37);
  min-height: 1px; }

.box-31-of-37 {
  width: calc(99.99% / 37 * 31 - 10px * (37 - 31) / 37);
  min-height: 1px; }

.box-32-of-37 {
  width: calc(99.99% / 37 * 32 - 10px * (37 - 32) / 37);
  min-height: 1px; }

.box-33-of-37 {
  width: calc(99.99% / 37 * 33 - 10px * (37 - 33) / 37);
  min-height: 1px; }

.box-34-of-37 {
  width: calc(99.99% / 37 * 34 - 10px * (37 - 34) / 37);
  min-height: 1px; }

.box-35-of-37 {
  width: calc(99.99% / 37 * 35 - 10px * (37 - 35) / 37);
  min-height: 1px; }

.box-36-of-37 {
  width: calc(99.99% / 37 * 36 - 10px * (37 - 36) / 37);
  min-height: 1px; }

.box-37-of-37 {
  width: calc(99.99% / 37 * 37 - 10px * (37 - 37) / 37);
  min-height: 1px; }

.box-1-of-38 {
  width: calc(99.99% / 38 * 1 - 10px * (38 - 1) / 38);
  min-height: 1px; }

.box-2-of-38 {
  width: calc(99.99% / 38 * 2 - 10px * (38 - 2) / 38);
  min-height: 1px; }

.box-3-of-38 {
  width: calc(99.99% / 38 * 3 - 10px * (38 - 3) / 38);
  min-height: 1px; }

.box-4-of-38 {
  width: calc(99.99% / 38 * 4 - 10px * (38 - 4) / 38);
  min-height: 1px; }

.box-5-of-38 {
  width: calc(99.99% / 38 * 5 - 10px * (38 - 5) / 38);
  min-height: 1px; }

.box-6-of-38 {
  width: calc(99.99% / 38 * 6 - 10px * (38 - 6) / 38);
  min-height: 1px; }

.box-7-of-38 {
  width: calc(99.99% / 38 * 7 - 10px * (38 - 7) / 38);
  min-height: 1px; }

.box-8-of-38 {
  width: calc(99.99% / 38 * 8 - 10px * (38 - 8) / 38);
  min-height: 1px; }

.box-9-of-38 {
  width: calc(99.99% / 38 * 9 - 10px * (38 - 9) / 38);
  min-height: 1px; }

.box-10-of-38 {
  width: calc(99.99% / 38 * 10 - 10px * (38 - 10) / 38);
  min-height: 1px; }

.box-11-of-38 {
  width: calc(99.99% / 38 * 11 - 10px * (38 - 11) / 38);
  min-height: 1px; }

.box-12-of-38 {
  width: calc(99.99% / 38 * 12 - 10px * (38 - 12) / 38);
  min-height: 1px; }

.box-13-of-38 {
  width: calc(99.99% / 38 * 13 - 10px * (38 - 13) / 38);
  min-height: 1px; }

.box-14-of-38 {
  width: calc(99.99% / 38 * 14 - 10px * (38 - 14) / 38);
  min-height: 1px; }

.box-15-of-38 {
  width: calc(99.99% / 38 * 15 - 10px * (38 - 15) / 38);
  min-height: 1px; }

.box-16-of-38 {
  width: calc(99.99% / 38 * 16 - 10px * (38 - 16) / 38);
  min-height: 1px; }

.box-17-of-38 {
  width: calc(99.99% / 38 * 17 - 10px * (38 - 17) / 38);
  min-height: 1px; }

.box-18-of-38 {
  width: calc(99.99% / 38 * 18 - 10px * (38 - 18) / 38);
  min-height: 1px; }

.box-19-of-38 {
  width: calc(99.99% / 38 * 19 - 10px * (38 - 19) / 38);
  min-height: 1px; }

.box-20-of-38 {
  width: calc(99.99% / 38 * 20 - 10px * (38 - 20) / 38);
  min-height: 1px; }

.box-21-of-38 {
  width: calc(99.99% / 38 * 21 - 10px * (38 - 21) / 38);
  min-height: 1px; }

.box-22-of-38 {
  width: calc(99.99% / 38 * 22 - 10px * (38 - 22) / 38);
  min-height: 1px; }

.box-23-of-38 {
  width: calc(99.99% / 38 * 23 - 10px * (38 - 23) / 38);
  min-height: 1px; }

.box-24-of-38 {
  width: calc(99.99% / 38 * 24 - 10px * (38 - 24) / 38);
  min-height: 1px; }

.box-25-of-38 {
  width: calc(99.99% / 38 * 25 - 10px * (38 - 25) / 38);
  min-height: 1px; }

.box-26-of-38 {
  width: calc(99.99% / 38 * 26 - 10px * (38 - 26) / 38);
  min-height: 1px; }

.box-27-of-38 {
  width: calc(99.99% / 38 * 27 - 10px * (38 - 27) / 38);
  min-height: 1px; }

.box-28-of-38 {
  width: calc(99.99% / 38 * 28 - 10px * (38 - 28) / 38);
  min-height: 1px; }

.box-29-of-38 {
  width: calc(99.99% / 38 * 29 - 10px * (38 - 29) / 38);
  min-height: 1px; }

.box-30-of-38 {
  width: calc(99.99% / 38 * 30 - 10px * (38 - 30) / 38);
  min-height: 1px; }

.box-31-of-38 {
  width: calc(99.99% / 38 * 31 - 10px * (38 - 31) / 38);
  min-height: 1px; }

.box-32-of-38 {
  width: calc(99.99% / 38 * 32 - 10px * (38 - 32) / 38);
  min-height: 1px; }

.box-33-of-38 {
  width: calc(99.99% / 38 * 33 - 10px * (38 - 33) / 38);
  min-height: 1px; }

.box-34-of-38 {
  width: calc(99.99% / 38 * 34 - 10px * (38 - 34) / 38);
  min-height: 1px; }

.box-35-of-38 {
  width: calc(99.99% / 38 * 35 - 10px * (38 - 35) / 38);
  min-height: 1px; }

.box-36-of-38 {
  width: calc(99.99% / 38 * 36 - 10px * (38 - 36) / 38);
  min-height: 1px; }

.box-37-of-38 {
  width: calc(99.99% / 38 * 37 - 10px * (38 - 37) / 38);
  min-height: 1px; }

.box-38-of-38 {
  width: calc(99.99% / 38 * 38 - 10px * (38 - 38) / 38);
  min-height: 1px; }

.box-1-of-39 {
  width: calc(99.99% / 39 * 1 - 10px * (39 - 1) / 39);
  min-height: 1px; }

.box-2-of-39 {
  width: calc(99.99% / 39 * 2 - 10px * (39 - 2) / 39);
  min-height: 1px; }

.box-3-of-39 {
  width: calc(99.99% / 39 * 3 - 10px * (39 - 3) / 39);
  min-height: 1px; }

.box-4-of-39 {
  width: calc(99.99% / 39 * 4 - 10px * (39 - 4) / 39);
  min-height: 1px; }

.box-5-of-39 {
  width: calc(99.99% / 39 * 5 - 10px * (39 - 5) / 39);
  min-height: 1px; }

.box-6-of-39 {
  width: calc(99.99% / 39 * 6 - 10px * (39 - 6) / 39);
  min-height: 1px; }

.box-7-of-39 {
  width: calc(99.99% / 39 * 7 - 10px * (39 - 7) / 39);
  min-height: 1px; }

.box-8-of-39 {
  width: calc(99.99% / 39 * 8 - 10px * (39 - 8) / 39);
  min-height: 1px; }

.box-9-of-39 {
  width: calc(99.99% / 39 * 9 - 10px * (39 - 9) / 39);
  min-height: 1px; }

.box-10-of-39 {
  width: calc(99.99% / 39 * 10 - 10px * (39 - 10) / 39);
  min-height: 1px; }

.box-11-of-39 {
  width: calc(99.99% / 39 * 11 - 10px * (39 - 11) / 39);
  min-height: 1px; }

.box-12-of-39 {
  width: calc(99.99% / 39 * 12 - 10px * (39 - 12) / 39);
  min-height: 1px; }

.box-13-of-39 {
  width: calc(99.99% / 39 * 13 - 10px * (39 - 13) / 39);
  min-height: 1px; }

.box-14-of-39 {
  width: calc(99.99% / 39 * 14 - 10px * (39 - 14) / 39);
  min-height: 1px; }

.box-15-of-39 {
  width: calc(99.99% / 39 * 15 - 10px * (39 - 15) / 39);
  min-height: 1px; }

.box-16-of-39 {
  width: calc(99.99% / 39 * 16 - 10px * (39 - 16) / 39);
  min-height: 1px; }

.box-17-of-39 {
  width: calc(99.99% / 39 * 17 - 10px * (39 - 17) / 39);
  min-height: 1px; }

.box-18-of-39 {
  width: calc(99.99% / 39 * 18 - 10px * (39 - 18) / 39);
  min-height: 1px; }

.box-19-of-39 {
  width: calc(99.99% / 39 * 19 - 10px * (39 - 19) / 39);
  min-height: 1px; }

.box-20-of-39 {
  width: calc(99.99% / 39 * 20 - 10px * (39 - 20) / 39);
  min-height: 1px; }

.box-21-of-39 {
  width: calc(99.99% / 39 * 21 - 10px * (39 - 21) / 39);
  min-height: 1px; }

.box-22-of-39 {
  width: calc(99.99% / 39 * 22 - 10px * (39 - 22) / 39);
  min-height: 1px; }

.box-23-of-39 {
  width: calc(99.99% / 39 * 23 - 10px * (39 - 23) / 39);
  min-height: 1px; }

.box-24-of-39 {
  width: calc(99.99% / 39 * 24 - 10px * (39 - 24) / 39);
  min-height: 1px; }

.box-25-of-39 {
  width: calc(99.99% / 39 * 25 - 10px * (39 - 25) / 39);
  min-height: 1px; }

.box-26-of-39 {
  width: calc(99.99% / 39 * 26 - 10px * (39 - 26) / 39);
  min-height: 1px; }

.box-27-of-39 {
  width: calc(99.99% / 39 * 27 - 10px * (39 - 27) / 39);
  min-height: 1px; }

.box-28-of-39 {
  width: calc(99.99% / 39 * 28 - 10px * (39 - 28) / 39);
  min-height: 1px; }

.box-29-of-39 {
  width: calc(99.99% / 39 * 29 - 10px * (39 - 29) / 39);
  min-height: 1px; }

.box-30-of-39 {
  width: calc(99.99% / 39 * 30 - 10px * (39 - 30) / 39);
  min-height: 1px; }

.box-31-of-39 {
  width: calc(99.99% / 39 * 31 - 10px * (39 - 31) / 39);
  min-height: 1px; }

.box-32-of-39 {
  width: calc(99.99% / 39 * 32 - 10px * (39 - 32) / 39);
  min-height: 1px; }

.box-33-of-39 {
  width: calc(99.99% / 39 * 33 - 10px * (39 - 33) / 39);
  min-height: 1px; }

.box-34-of-39 {
  width: calc(99.99% / 39 * 34 - 10px * (39 - 34) / 39);
  min-height: 1px; }

.box-35-of-39 {
  width: calc(99.99% / 39 * 35 - 10px * (39 - 35) / 39);
  min-height: 1px; }

.box-36-of-39 {
  width: calc(99.99% / 39 * 36 - 10px * (39 - 36) / 39);
  min-height: 1px; }

.box-37-of-39 {
  width: calc(99.99% / 39 * 37 - 10px * (39 - 37) / 39);
  min-height: 1px; }

.box-38-of-39 {
  width: calc(99.99% / 39 * 38 - 10px * (39 - 38) / 39);
  min-height: 1px; }

.box-39-of-39 {
  width: calc(99.99% / 39 * 39 - 10px * (39 - 39) / 39);
  min-height: 1px; }

.box-1-of-40 {
  width: calc(99.99% / 40 * 1 - 10px * (40 - 1) / 40);
  min-height: 1px; }

.box-2-of-40 {
  width: calc(99.99% / 40 * 2 - 10px * (40 - 2) / 40);
  min-height: 1px; }

.box-3-of-40 {
  width: calc(99.99% / 40 * 3 - 10px * (40 - 3) / 40);
  min-height: 1px; }

.box-4-of-40 {
  width: calc(99.99% / 40 * 4 - 10px * (40 - 4) / 40);
  min-height: 1px; }

.box-5-of-40 {
  width: calc(99.99% / 40 * 5 - 10px * (40 - 5) / 40);
  min-height: 1px; }

.box-6-of-40 {
  width: calc(99.99% / 40 * 6 - 10px * (40 - 6) / 40);
  min-height: 1px; }

.box-7-of-40 {
  width: calc(99.99% / 40 * 7 - 10px * (40 - 7) / 40);
  min-height: 1px; }

.box-8-of-40 {
  width: calc(99.99% / 40 * 8 - 10px * (40 - 8) / 40);
  min-height: 1px; }

.box-9-of-40 {
  width: calc(99.99% / 40 * 9 - 10px * (40 - 9) / 40);
  min-height: 1px; }

.box-10-of-40 {
  width: calc(99.99% / 40 * 10 - 10px * (40 - 10) / 40);
  min-height: 1px; }

.box-11-of-40 {
  width: calc(99.99% / 40 * 11 - 10px * (40 - 11) / 40);
  min-height: 1px; }

.box-12-of-40 {
  width: calc(99.99% / 40 * 12 - 10px * (40 - 12) / 40);
  min-height: 1px; }

.box-13-of-40 {
  width: calc(99.99% / 40 * 13 - 10px * (40 - 13) / 40);
  min-height: 1px; }

.box-14-of-40 {
  width: calc(99.99% / 40 * 14 - 10px * (40 - 14) / 40);
  min-height: 1px; }

.box-15-of-40 {
  width: calc(99.99% / 40 * 15 - 10px * (40 - 15) / 40);
  min-height: 1px; }

.box-16-of-40 {
  width: calc(99.99% / 40 * 16 - 10px * (40 - 16) / 40);
  min-height: 1px; }

.box-17-of-40 {
  width: calc(99.99% / 40 * 17 - 10px * (40 - 17) / 40);
  min-height: 1px; }

.box-18-of-40 {
  width: calc(99.99% / 40 * 18 - 10px * (40 - 18) / 40);
  min-height: 1px; }

.box-19-of-40 {
  width: calc(99.99% / 40 * 19 - 10px * (40 - 19) / 40);
  min-height: 1px; }

.box-20-of-40 {
  width: calc(99.99% / 40 * 20 - 10px * (40 - 20) / 40);
  min-height: 1px; }

.box-21-of-40 {
  width: calc(99.99% / 40 * 21 - 10px * (40 - 21) / 40);
  min-height: 1px; }

.box-22-of-40 {
  width: calc(99.99% / 40 * 22 - 10px * (40 - 22) / 40);
  min-height: 1px; }

.box-23-of-40 {
  width: calc(99.99% / 40 * 23 - 10px * (40 - 23) / 40);
  min-height: 1px; }

.box-24-of-40 {
  width: calc(99.99% / 40 * 24 - 10px * (40 - 24) / 40);
  min-height: 1px; }

.box-25-of-40 {
  width: calc(99.99% / 40 * 25 - 10px * (40 - 25) / 40);
  min-height: 1px; }

.box-26-of-40 {
  width: calc(99.99% / 40 * 26 - 10px * (40 - 26) / 40);
  min-height: 1px; }

.box-27-of-40 {
  width: calc(99.99% / 40 * 27 - 10px * (40 - 27) / 40);
  min-height: 1px; }

.box-28-of-40 {
  width: calc(99.99% / 40 * 28 - 10px * (40 - 28) / 40);
  min-height: 1px; }

.box-29-of-40 {
  width: calc(99.99% / 40 * 29 - 10px * (40 - 29) / 40);
  min-height: 1px; }

.box-30-of-40 {
  width: calc(99.99% / 40 * 30 - 10px * (40 - 30) / 40);
  min-height: 1px; }

.box-31-of-40 {
  width: calc(99.99% / 40 * 31 - 10px * (40 - 31) / 40);
  min-height: 1px; }

.box-32-of-40 {
  width: calc(99.99% / 40 * 32 - 10px * (40 - 32) / 40);
  min-height: 1px; }

.box-33-of-40 {
  width: calc(99.99% / 40 * 33 - 10px * (40 - 33) / 40);
  min-height: 1px; }

.box-34-of-40 {
  width: calc(99.99% / 40 * 34 - 10px * (40 - 34) / 40);
  min-height: 1px; }

.box-35-of-40 {
  width: calc(99.99% / 40 * 35 - 10px * (40 - 35) / 40);
  min-height: 1px; }

.box-36-of-40 {
  width: calc(99.99% / 40 * 36 - 10px * (40 - 36) / 40);
  min-height: 1px; }

.box-37-of-40 {
  width: calc(99.99% / 40 * 37 - 10px * (40 - 37) / 40);
  min-height: 1px; }

.box-38-of-40 {
  width: calc(99.99% / 40 * 38 - 10px * (40 - 38) / 40);
  min-height: 1px; }

.box-39-of-40 {
  width: calc(99.99% / 40 * 39 - 10px * (40 - 39) / 40);
  min-height: 1px; }

.box-40-of-40 {
  width: calc(99.99% / 40 * 40 - 10px * (40 - 40) / 40);
  min-height: 1px; }

.box-1-of-1-lg {
  width: calc(99.99% / 1 * 1 - 20px * (1 - 1) / 1);
  min-height: 1px; }

.box-1-of-2-lg {
  width: calc(99.99% / 2 * 1 - 20px * (2 - 1) / 2);
  min-height: 1px; }

.box-2-of-2-lg {
  width: calc(99.99% / 2 * 2 - 20px * (2 - 2) / 2);
  min-height: 1px; }

.box-1-of-3-lg {
  width: calc(99.99% / 3 * 1 - 20px * (3 - 1) / 3);
  min-height: 1px; }

.box-2-of-3-lg {
  width: calc(99.99% / 3 * 2 - 20px * (3 - 2) / 3);
  min-height: 1px; }

.box-3-of-3-lg {
  width: calc(99.99% / 3 * 3 - 20px * (3 - 3) / 3);
  min-height: 1px; }

.box-1-of-4-lg {
  width: calc(99.99% / 4 * 1 - 20px * (4 - 1) / 4);
  min-height: 1px; }

.box-2-of-4-lg {
  width: calc(99.99% / 4 * 2 - 20px * (4 - 2) / 4);
  min-height: 1px; }

.box-3-of-4-lg {
  width: calc(99.99% / 4 * 3 - 20px * (4 - 3) / 4);
  min-height: 1px; }

.box-4-of-4-lg {
  width: calc(99.99% / 4 * 4 - 20px * (4 - 4) / 4);
  min-height: 1px; }

.box-1-of-5-lg {
  width: calc(99.99% / 5 * 1 - 20px * (5 - 1) / 5);
  min-height: 1px; }

.box-2-of-5-lg {
  width: calc(99.99% / 5 * 2 - 20px * (5 - 2) / 5);
  min-height: 1px; }

.box-3-of-5-lg {
  width: calc(99.99% / 5 * 3 - 20px * (5 - 3) / 5);
  min-height: 1px; }

.box-4-of-5-lg {
  width: calc(99.99% / 5 * 4 - 20px * (5 - 4) / 5);
  min-height: 1px; }

.box-5-of-5-lg {
  width: calc(99.99% / 5 * 5 - 20px * (5 - 5) / 5);
  min-height: 1px; }

.box-1-of-6-lg {
  width: calc(99.99% / 6 * 1 - 20px * (6 - 1) / 6);
  min-height: 1px; }

.box-2-of-6-lg {
  width: calc(99.99% / 6 * 2 - 20px * (6 - 2) / 6);
  min-height: 1px; }

.box-3-of-6-lg {
  width: calc(99.99% / 6 * 3 - 20px * (6 - 3) / 6);
  min-height: 1px; }

.box-4-of-6-lg {
  width: calc(99.99% / 6 * 4 - 20px * (6 - 4) / 6);
  min-height: 1px; }

.box-5-of-6-lg {
  width: calc(99.99% / 6 * 5 - 20px * (6 - 5) / 6);
  min-height: 1px; }

.box-6-of-6-lg {
  width: calc(99.99% / 6 * 6 - 20px * (6 - 6) / 6);
  min-height: 1px; }

.box-1-of-7-lg {
  width: calc(99.99% / 7 * 1 - 20px * (7 - 1) / 7);
  min-height: 1px; }

.box-2-of-7-lg {
  width: calc(99.99% / 7 * 2 - 20px * (7 - 2) / 7);
  min-height: 1px; }

.box-3-of-7-lg {
  width: calc(99.99% / 7 * 3 - 20px * (7 - 3) / 7);
  min-height: 1px; }

.box-4-of-7-lg {
  width: calc(99.99% / 7 * 4 - 20px * (7 - 4) / 7);
  min-height: 1px; }

.box-5-of-7-lg {
  width: calc(99.99% / 7 * 5 - 20px * (7 - 5) / 7);
  min-height: 1px; }

.box-6-of-7-lg {
  width: calc(99.99% / 7 * 6 - 20px * (7 - 6) / 7);
  min-height: 1px; }

.box-7-of-7-lg {
  width: calc(99.99% / 7 * 7 - 20px * (7 - 7) / 7);
  min-height: 1px; }

.box-1-of-8-lg {
  width: calc(99.99% / 8 * 1 - 20px * (8 - 1) / 8);
  min-height: 1px; }

.box-2-of-8-lg {
  width: calc(99.99% / 8 * 2 - 20px * (8 - 2) / 8);
  min-height: 1px; }

.box-3-of-8-lg {
  width: calc(99.99% / 8 * 3 - 20px * (8 - 3) / 8);
  min-height: 1px; }

.box-4-of-8-lg {
  width: calc(99.99% / 8 * 4 - 20px * (8 - 4) / 8);
  min-height: 1px; }

.box-5-of-8-lg {
  width: calc(99.99% / 8 * 5 - 20px * (8 - 5) / 8);
  min-height: 1px; }

.box-6-of-8-lg {
  width: calc(99.99% / 8 * 6 - 20px * (8 - 6) / 8);
  min-height: 1px; }

.box-7-of-8-lg {
  width: calc(99.99% / 8 * 7 - 20px * (8 - 7) / 8);
  min-height: 1px; }

.box-8-of-8-lg {
  width: calc(99.99% / 8 * 8 - 20px * (8 - 8) / 8);
  min-height: 1px; }

.box-1-of-9-lg {
  width: calc(99.99% / 9 * 1 - 20px * (9 - 1) / 9);
  min-height: 1px; }

.box-2-of-9-lg {
  width: calc(99.99% / 9 * 2 - 20px * (9 - 2) / 9);
  min-height: 1px; }

.box-3-of-9-lg {
  width: calc(99.99% / 9 * 3 - 20px * (9 - 3) / 9);
  min-height: 1px; }

.box-4-of-9-lg {
  width: calc(99.99% / 9 * 4 - 20px * (9 - 4) / 9);
  min-height: 1px; }

.box-5-of-9-lg {
  width: calc(99.99% / 9 * 5 - 20px * (9 - 5) / 9);
  min-height: 1px; }

.box-6-of-9-lg {
  width: calc(99.99% / 9 * 6 - 20px * (9 - 6) / 9);
  min-height: 1px; }

.box-7-of-9-lg {
  width: calc(99.99% / 9 * 7 - 20px * (9 - 7) / 9);
  min-height: 1px; }

.box-8-of-9-lg {
  width: calc(99.99% / 9 * 8 - 20px * (9 - 8) / 9);
  min-height: 1px; }

.box-9-of-9-lg {
  width: calc(99.99% / 9 * 9 - 20px * (9 - 9) / 9);
  min-height: 1px; }

.box-1-of-10-lg {
  width: calc(99.99% / 10 * 1 - 20px * (10 - 1) / 10);
  min-height: 1px; }

.box-2-of-10-lg {
  width: calc(99.99% / 10 * 2 - 20px * (10 - 2) / 10);
  min-height: 1px; }

.box-3-of-10-lg {
  width: calc(99.99% / 10 * 3 - 20px * (10 - 3) / 10);
  min-height: 1px; }

.box-4-of-10-lg {
  width: calc(99.99% / 10 * 4 - 20px * (10 - 4) / 10);
  min-height: 1px; }

.box-5-of-10-lg {
  width: calc(99.99% / 10 * 5 - 20px * (10 - 5) / 10);
  min-height: 1px; }

.box-6-of-10-lg {
  width: calc(99.99% / 10 * 6 - 20px * (10 - 6) / 10);
  min-height: 1px; }

.box-7-of-10-lg {
  width: calc(99.99% / 10 * 7 - 20px * (10 - 7) / 10);
  min-height: 1px; }

.box-8-of-10-lg {
  width: calc(99.99% / 10 * 8 - 20px * (10 - 8) / 10);
  min-height: 1px; }

.box-9-of-10-lg {
  width: calc(99.99% / 10 * 9 - 20px * (10 - 9) / 10);
  min-height: 1px; }

.box-10-of-10-lg {
  width: calc(99.99% / 10 * 10 - 20px * (10 - 10) / 10);
  min-height: 1px; }

.box-1-of-11-lg {
  width: calc(99.99% / 11 * 1 - 20px * (11 - 1) / 11);
  min-height: 1px; }

.box-2-of-11-lg {
  width: calc(99.99% / 11 * 2 - 20px * (11 - 2) / 11);
  min-height: 1px; }

.box-3-of-11-lg {
  width: calc(99.99% / 11 * 3 - 20px * (11 - 3) / 11);
  min-height: 1px; }

.box-4-of-11-lg {
  width: calc(99.99% / 11 * 4 - 20px * (11 - 4) / 11);
  min-height: 1px; }

.box-5-of-11-lg {
  width: calc(99.99% / 11 * 5 - 20px * (11 - 5) / 11);
  min-height: 1px; }

.box-6-of-11-lg {
  width: calc(99.99% / 11 * 6 - 20px * (11 - 6) / 11);
  min-height: 1px; }

.box-7-of-11-lg {
  width: calc(99.99% / 11 * 7 - 20px * (11 - 7) / 11);
  min-height: 1px; }

.box-8-of-11-lg {
  width: calc(99.99% / 11 * 8 - 20px * (11 - 8) / 11);
  min-height: 1px; }

.box-9-of-11-lg {
  width: calc(99.99% / 11 * 9 - 20px * (11 - 9) / 11);
  min-height: 1px; }

.box-10-of-11-lg {
  width: calc(99.99% / 11 * 10 - 20px * (11 - 10) / 11);
  min-height: 1px; }

.box-11-of-11-lg {
  width: calc(99.99% / 11 * 11 - 20px * (11 - 11) / 11);
  min-height: 1px; }

.box-1-of-12-lg {
  width: calc(99.99% / 12 * 1 - 20px * (12 - 1) / 12);
  min-height: 1px; }

.box-2-of-12-lg {
  width: calc(99.99% / 12 * 2 - 20px * (12 - 2) / 12);
  min-height: 1px; }

.box-3-of-12-lg {
  width: calc(99.99% / 12 * 3 - 20px * (12 - 3) / 12);
  min-height: 1px; }

.box-4-of-12-lg {
  width: calc(99.99% / 12 * 4 - 20px * (12 - 4) / 12);
  min-height: 1px; }

.box-5-of-12-lg {
  width: calc(99.99% / 12 * 5 - 20px * (12 - 5) / 12);
  min-height: 1px; }

.box-6-of-12-lg {
  width: calc(99.99% / 12 * 6 - 20px * (12 - 6) / 12);
  min-height: 1px; }

.box-7-of-12-lg {
  width: calc(99.99% / 12 * 7 - 20px * (12 - 7) / 12);
  min-height: 1px; }

.box-8-of-12-lg {
  width: calc(99.99% / 12 * 8 - 20px * (12 - 8) / 12);
  min-height: 1px; }

.box-9-of-12-lg {
  width: calc(99.99% / 12 * 9 - 20px * (12 - 9) / 12);
  min-height: 1px; }

.box-10-of-12-lg {
  width: calc(99.99% / 12 * 10 - 20px * (12 - 10) / 12);
  min-height: 1px; }

.box-11-of-12-lg {
  width: calc(99.99% / 12 * 11 - 20px * (12 - 11) / 12);
  min-height: 1px; }

.box-12-of-12-lg {
  width: calc(99.99% / 12 * 12 - 20px * (12 - 12) / 12);
  min-height: 1px; }

.box-1-of-13-lg {
  width: calc(99.99% / 13 * 1 - 20px * (13 - 1) / 13);
  min-height: 1px; }

.box-2-of-13-lg {
  width: calc(99.99% / 13 * 2 - 20px * (13 - 2) / 13);
  min-height: 1px; }

.box-3-of-13-lg {
  width: calc(99.99% / 13 * 3 - 20px * (13 - 3) / 13);
  min-height: 1px; }

.box-4-of-13-lg {
  width: calc(99.99% / 13 * 4 - 20px * (13 - 4) / 13);
  min-height: 1px; }

.box-5-of-13-lg {
  width: calc(99.99% / 13 * 5 - 20px * (13 - 5) / 13);
  min-height: 1px; }

.box-6-of-13-lg {
  width: calc(99.99% / 13 * 6 - 20px * (13 - 6) / 13);
  min-height: 1px; }

.box-7-of-13-lg {
  width: calc(99.99% / 13 * 7 - 20px * (13 - 7) / 13);
  min-height: 1px; }

.box-8-of-13-lg {
  width: calc(99.99% / 13 * 8 - 20px * (13 - 8) / 13);
  min-height: 1px; }

.box-9-of-13-lg {
  width: calc(99.99% / 13 * 9 - 20px * (13 - 9) / 13);
  min-height: 1px; }

.box-10-of-13-lg {
  width: calc(99.99% / 13 * 10 - 20px * (13 - 10) / 13);
  min-height: 1px; }

.box-11-of-13-lg {
  width: calc(99.99% / 13 * 11 - 20px * (13 - 11) / 13);
  min-height: 1px; }

.box-12-of-13-lg {
  width: calc(99.99% / 13 * 12 - 20px * (13 - 12) / 13);
  min-height: 1px; }

.box-13-of-13-lg {
  width: calc(99.99% / 13 * 13 - 20px * (13 - 13) / 13);
  min-height: 1px; }

.box-1-of-14-lg {
  width: calc(99.99% / 14 * 1 - 20px * (14 - 1) / 14);
  min-height: 1px; }

.box-2-of-14-lg {
  width: calc(99.99% / 14 * 2 - 20px * (14 - 2) / 14);
  min-height: 1px; }

.box-3-of-14-lg {
  width: calc(99.99% / 14 * 3 - 20px * (14 - 3) / 14);
  min-height: 1px; }

.box-4-of-14-lg {
  width: calc(99.99% / 14 * 4 - 20px * (14 - 4) / 14);
  min-height: 1px; }

.box-5-of-14-lg {
  width: calc(99.99% / 14 * 5 - 20px * (14 - 5) / 14);
  min-height: 1px; }

.box-6-of-14-lg {
  width: calc(99.99% / 14 * 6 - 20px * (14 - 6) / 14);
  min-height: 1px; }

.box-7-of-14-lg {
  width: calc(99.99% / 14 * 7 - 20px * (14 - 7) / 14);
  min-height: 1px; }

.box-8-of-14-lg {
  width: calc(99.99% / 14 * 8 - 20px * (14 - 8) / 14);
  min-height: 1px; }

.box-9-of-14-lg {
  width: calc(99.99% / 14 * 9 - 20px * (14 - 9) / 14);
  min-height: 1px; }

.box-10-of-14-lg {
  width: calc(99.99% / 14 * 10 - 20px * (14 - 10) / 14);
  min-height: 1px; }

.box-11-of-14-lg {
  width: calc(99.99% / 14 * 11 - 20px * (14 - 11) / 14);
  min-height: 1px; }

.box-12-of-14-lg {
  width: calc(99.99% / 14 * 12 - 20px * (14 - 12) / 14);
  min-height: 1px; }

.box-13-of-14-lg {
  width: calc(99.99% / 14 * 13 - 20px * (14 - 13) / 14);
  min-height: 1px; }

.box-14-of-14-lg {
  width: calc(99.99% / 14 * 14 - 20px * (14 - 14) / 14);
  min-height: 1px; }

.box-1-of-15-lg {
  width: calc(99.99% / 15 * 1 - 20px * (15 - 1) / 15);
  min-height: 1px; }

.box-2-of-15-lg {
  width: calc(99.99% / 15 * 2 - 20px * (15 - 2) / 15);
  min-height: 1px; }

.box-3-of-15-lg {
  width: calc(99.99% / 15 * 3 - 20px * (15 - 3) / 15);
  min-height: 1px; }

.box-4-of-15-lg {
  width: calc(99.99% / 15 * 4 - 20px * (15 - 4) / 15);
  min-height: 1px; }

.box-5-of-15-lg {
  width: calc(99.99% / 15 * 5 - 20px * (15 - 5) / 15);
  min-height: 1px; }

.box-6-of-15-lg {
  width: calc(99.99% / 15 * 6 - 20px * (15 - 6) / 15);
  min-height: 1px; }

.box-7-of-15-lg {
  width: calc(99.99% / 15 * 7 - 20px * (15 - 7) / 15);
  min-height: 1px; }

.box-8-of-15-lg {
  width: calc(99.99% / 15 * 8 - 20px * (15 - 8) / 15);
  min-height: 1px; }

.box-9-of-15-lg {
  width: calc(99.99% / 15 * 9 - 20px * (15 - 9) / 15);
  min-height: 1px; }

.box-10-of-15-lg {
  width: calc(99.99% / 15 * 10 - 20px * (15 - 10) / 15);
  min-height: 1px; }

.box-11-of-15-lg {
  width: calc(99.99% / 15 * 11 - 20px * (15 - 11) / 15);
  min-height: 1px; }

.box-12-of-15-lg {
  width: calc(99.99% / 15 * 12 - 20px * (15 - 12) / 15);
  min-height: 1px; }

.box-13-of-15-lg {
  width: calc(99.99% / 15 * 13 - 20px * (15 - 13) / 15);
  min-height: 1px; }

.box-14-of-15-lg {
  width: calc(99.99% / 15 * 14 - 20px * (15 - 14) / 15);
  min-height: 1px; }

.box-15-of-15-lg {
  width: calc(99.99% / 15 * 15 - 20px * (15 - 15) / 15);
  min-height: 1px; }

.box-1-of-16-lg {
  width: calc(99.99% / 16 * 1 - 20px * (16 - 1) / 16);
  min-height: 1px; }

.box-2-of-16-lg {
  width: calc(99.99% / 16 * 2 - 20px * (16 - 2) / 16);
  min-height: 1px; }

.box-3-of-16-lg {
  width: calc(99.99% / 16 * 3 - 20px * (16 - 3) / 16);
  min-height: 1px; }

.box-4-of-16-lg {
  width: calc(99.99% / 16 * 4 - 20px * (16 - 4) / 16);
  min-height: 1px; }

.box-5-of-16-lg {
  width: calc(99.99% / 16 * 5 - 20px * (16 - 5) / 16);
  min-height: 1px; }

.box-6-of-16-lg {
  width: calc(99.99% / 16 * 6 - 20px * (16 - 6) / 16);
  min-height: 1px; }

.box-7-of-16-lg {
  width: calc(99.99% / 16 * 7 - 20px * (16 - 7) / 16);
  min-height: 1px; }

.box-8-of-16-lg {
  width: calc(99.99% / 16 * 8 - 20px * (16 - 8) / 16);
  min-height: 1px; }

.box-9-of-16-lg {
  width: calc(99.99% / 16 * 9 - 20px * (16 - 9) / 16);
  min-height: 1px; }

.box-10-of-16-lg {
  width: calc(99.99% / 16 * 10 - 20px * (16 - 10) / 16);
  min-height: 1px; }

.box-11-of-16-lg {
  width: calc(99.99% / 16 * 11 - 20px * (16 - 11) / 16);
  min-height: 1px; }

.box-12-of-16-lg {
  width: calc(99.99% / 16 * 12 - 20px * (16 - 12) / 16);
  min-height: 1px; }

.box-13-of-16-lg {
  width: calc(99.99% / 16 * 13 - 20px * (16 - 13) / 16);
  min-height: 1px; }

.box-14-of-16-lg {
  width: calc(99.99% / 16 * 14 - 20px * (16 - 14) / 16);
  min-height: 1px; }

.box-15-of-16-lg {
  width: calc(99.99% / 16 * 15 - 20px * (16 - 15) / 16);
  min-height: 1px; }

.box-16-of-16-lg {
  width: calc(99.99% / 16 * 16 - 20px * (16 - 16) / 16);
  min-height: 1px; }

.box-1-of-17-lg {
  width: calc(99.99% / 17 * 1 - 20px * (17 - 1) / 17);
  min-height: 1px; }

.box-2-of-17-lg {
  width: calc(99.99% / 17 * 2 - 20px * (17 - 2) / 17);
  min-height: 1px; }

.box-3-of-17-lg {
  width: calc(99.99% / 17 * 3 - 20px * (17 - 3) / 17);
  min-height: 1px; }

.box-4-of-17-lg {
  width: calc(99.99% / 17 * 4 - 20px * (17 - 4) / 17);
  min-height: 1px; }

.box-5-of-17-lg {
  width: calc(99.99% / 17 * 5 - 20px * (17 - 5) / 17);
  min-height: 1px; }

.box-6-of-17-lg {
  width: calc(99.99% / 17 * 6 - 20px * (17 - 6) / 17);
  min-height: 1px; }

.box-7-of-17-lg {
  width: calc(99.99% / 17 * 7 - 20px * (17 - 7) / 17);
  min-height: 1px; }

.box-8-of-17-lg {
  width: calc(99.99% / 17 * 8 - 20px * (17 - 8) / 17);
  min-height: 1px; }

.box-9-of-17-lg {
  width: calc(99.99% / 17 * 9 - 20px * (17 - 9) / 17);
  min-height: 1px; }

.box-10-of-17-lg {
  width: calc(99.99% / 17 * 10 - 20px * (17 - 10) / 17);
  min-height: 1px; }

.box-11-of-17-lg {
  width: calc(99.99% / 17 * 11 - 20px * (17 - 11) / 17);
  min-height: 1px; }

.box-12-of-17-lg {
  width: calc(99.99% / 17 * 12 - 20px * (17 - 12) / 17);
  min-height: 1px; }

.box-13-of-17-lg {
  width: calc(99.99% / 17 * 13 - 20px * (17 - 13) / 17);
  min-height: 1px; }

.box-14-of-17-lg {
  width: calc(99.99% / 17 * 14 - 20px * (17 - 14) / 17);
  min-height: 1px; }

.box-15-of-17-lg {
  width: calc(99.99% / 17 * 15 - 20px * (17 - 15) / 17);
  min-height: 1px; }

.box-16-of-17-lg {
  width: calc(99.99% / 17 * 16 - 20px * (17 - 16) / 17);
  min-height: 1px; }

.box-17-of-17-lg {
  width: calc(99.99% / 17 * 17 - 20px * (17 - 17) / 17);
  min-height: 1px; }

.box-1-of-18-lg {
  width: calc(99.99% / 18 * 1 - 20px * (18 - 1) / 18);
  min-height: 1px; }

.box-2-of-18-lg {
  width: calc(99.99% / 18 * 2 - 20px * (18 - 2) / 18);
  min-height: 1px; }

.box-3-of-18-lg {
  width: calc(99.99% / 18 * 3 - 20px * (18 - 3) / 18);
  min-height: 1px; }

.box-4-of-18-lg {
  width: calc(99.99% / 18 * 4 - 20px * (18 - 4) / 18);
  min-height: 1px; }

.box-5-of-18-lg {
  width: calc(99.99% / 18 * 5 - 20px * (18 - 5) / 18);
  min-height: 1px; }

.box-6-of-18-lg {
  width: calc(99.99% / 18 * 6 - 20px * (18 - 6) / 18);
  min-height: 1px; }

.box-7-of-18-lg {
  width: calc(99.99% / 18 * 7 - 20px * (18 - 7) / 18);
  min-height: 1px; }

.box-8-of-18-lg {
  width: calc(99.99% / 18 * 8 - 20px * (18 - 8) / 18);
  min-height: 1px; }

.box-9-of-18-lg {
  width: calc(99.99% / 18 * 9 - 20px * (18 - 9) / 18);
  min-height: 1px; }

.box-10-of-18-lg {
  width: calc(99.99% / 18 * 10 - 20px * (18 - 10) / 18);
  min-height: 1px; }

.box-11-of-18-lg {
  width: calc(99.99% / 18 * 11 - 20px * (18 - 11) / 18);
  min-height: 1px; }

.box-12-of-18-lg {
  width: calc(99.99% / 18 * 12 - 20px * (18 - 12) / 18);
  min-height: 1px; }

.box-13-of-18-lg {
  width: calc(99.99% / 18 * 13 - 20px * (18 - 13) / 18);
  min-height: 1px; }

.box-14-of-18-lg {
  width: calc(99.99% / 18 * 14 - 20px * (18 - 14) / 18);
  min-height: 1px; }

.box-15-of-18-lg {
  width: calc(99.99% / 18 * 15 - 20px * (18 - 15) / 18);
  min-height: 1px; }

.box-16-of-18-lg {
  width: calc(99.99% / 18 * 16 - 20px * (18 - 16) / 18);
  min-height: 1px; }

.box-17-of-18-lg {
  width: calc(99.99% / 18 * 17 - 20px * (18 - 17) / 18);
  min-height: 1px; }

.box-18-of-18-lg {
  width: calc(99.99% / 18 * 18 - 20px * (18 - 18) / 18);
  min-height: 1px; }

.box-1-of-19-lg {
  width: calc(99.99% / 19 * 1 - 20px * (19 - 1) / 19);
  min-height: 1px; }

.box-2-of-19-lg {
  width: calc(99.99% / 19 * 2 - 20px * (19 - 2) / 19);
  min-height: 1px; }

.box-3-of-19-lg {
  width: calc(99.99% / 19 * 3 - 20px * (19 - 3) / 19);
  min-height: 1px; }

.box-4-of-19-lg {
  width: calc(99.99% / 19 * 4 - 20px * (19 - 4) / 19);
  min-height: 1px; }

.box-5-of-19-lg {
  width: calc(99.99% / 19 * 5 - 20px * (19 - 5) / 19);
  min-height: 1px; }

.box-6-of-19-lg {
  width: calc(99.99% / 19 * 6 - 20px * (19 - 6) / 19);
  min-height: 1px; }

.box-7-of-19-lg {
  width: calc(99.99% / 19 * 7 - 20px * (19 - 7) / 19);
  min-height: 1px; }

.box-8-of-19-lg {
  width: calc(99.99% / 19 * 8 - 20px * (19 - 8) / 19);
  min-height: 1px; }

.box-9-of-19-lg {
  width: calc(99.99% / 19 * 9 - 20px * (19 - 9) / 19);
  min-height: 1px; }

.box-10-of-19-lg {
  width: calc(99.99% / 19 * 10 - 20px * (19 - 10) / 19);
  min-height: 1px; }

.box-11-of-19-lg {
  width: calc(99.99% / 19 * 11 - 20px * (19 - 11) / 19);
  min-height: 1px; }

.box-12-of-19-lg {
  width: calc(99.99% / 19 * 12 - 20px * (19 - 12) / 19);
  min-height: 1px; }

.box-13-of-19-lg {
  width: calc(99.99% / 19 * 13 - 20px * (19 - 13) / 19);
  min-height: 1px; }

.box-14-of-19-lg {
  width: calc(99.99% / 19 * 14 - 20px * (19 - 14) / 19);
  min-height: 1px; }

.box-15-of-19-lg {
  width: calc(99.99% / 19 * 15 - 20px * (19 - 15) / 19);
  min-height: 1px; }

.box-16-of-19-lg {
  width: calc(99.99% / 19 * 16 - 20px * (19 - 16) / 19);
  min-height: 1px; }

.box-17-of-19-lg {
  width: calc(99.99% / 19 * 17 - 20px * (19 - 17) / 19);
  min-height: 1px; }

.box-18-of-19-lg {
  width: calc(99.99% / 19 * 18 - 20px * (19 - 18) / 19);
  min-height: 1px; }

.box-19-of-19-lg {
  width: calc(99.99% / 19 * 19 - 20px * (19 - 19) / 19);
  min-height: 1px; }

.box-1-of-20-lg {
  width: calc(99.99% / 20 * 1 - 20px * (20 - 1) / 20);
  min-height: 1px; }

.box-2-of-20-lg {
  width: calc(99.99% / 20 * 2 - 20px * (20 - 2) / 20);
  min-height: 1px; }

.box-3-of-20-lg {
  width: calc(99.99% / 20 * 3 - 20px * (20 - 3) / 20);
  min-height: 1px; }

.box-4-of-20-lg {
  width: calc(99.99% / 20 * 4 - 20px * (20 - 4) / 20);
  min-height: 1px; }

.box-5-of-20-lg {
  width: calc(99.99% / 20 * 5 - 20px * (20 - 5) / 20);
  min-height: 1px; }

.box-6-of-20-lg {
  width: calc(99.99% / 20 * 6 - 20px * (20 - 6) / 20);
  min-height: 1px; }

.box-7-of-20-lg {
  width: calc(99.99% / 20 * 7 - 20px * (20 - 7) / 20);
  min-height: 1px; }

.box-8-of-20-lg {
  width: calc(99.99% / 20 * 8 - 20px * (20 - 8) / 20);
  min-height: 1px; }

.box-9-of-20-lg {
  width: calc(99.99% / 20 * 9 - 20px * (20 - 9) / 20);
  min-height: 1px; }

.box-10-of-20-lg {
  width: calc(99.99% / 20 * 10 - 20px * (20 - 10) / 20);
  min-height: 1px; }

.box-11-of-20-lg {
  width: calc(99.99% / 20 * 11 - 20px * (20 - 11) / 20);
  min-height: 1px; }

.box-12-of-20-lg {
  width: calc(99.99% / 20 * 12 - 20px * (20 - 12) / 20);
  min-height: 1px; }

.box-13-of-20-lg {
  width: calc(99.99% / 20 * 13 - 20px * (20 - 13) / 20);
  min-height: 1px; }

.box-14-of-20-lg {
  width: calc(99.99% / 20 * 14 - 20px * (20 - 14) / 20);
  min-height: 1px; }

.box-15-of-20-lg {
  width: calc(99.99% / 20 * 15 - 20px * (20 - 15) / 20);
  min-height: 1px; }

.box-16-of-20-lg {
  width: calc(99.99% / 20 * 16 - 20px * (20 - 16) / 20);
  min-height: 1px; }

.box-17-of-20-lg {
  width: calc(99.99% / 20 * 17 - 20px * (20 - 17) / 20);
  min-height: 1px; }

.box-18-of-20-lg {
  width: calc(99.99% / 20 * 18 - 20px * (20 - 18) / 20);
  min-height: 1px; }

.box-19-of-20-lg {
  width: calc(99.99% / 20 * 19 - 20px * (20 - 19) / 20);
  min-height: 1px; }

.box-20-of-20-lg {
  width: calc(99.99% / 20 * 20 - 20px * (20 - 20) / 20);
  min-height: 1px; }

.box-1-of-21-lg {
  width: calc(99.99% / 21 * 1 - 20px * (21 - 1) / 21);
  min-height: 1px; }

.box-2-of-21-lg {
  width: calc(99.99% / 21 * 2 - 20px * (21 - 2) / 21);
  min-height: 1px; }

.box-3-of-21-lg {
  width: calc(99.99% / 21 * 3 - 20px * (21 - 3) / 21);
  min-height: 1px; }

.box-4-of-21-lg {
  width: calc(99.99% / 21 * 4 - 20px * (21 - 4) / 21);
  min-height: 1px; }

.box-5-of-21-lg {
  width: calc(99.99% / 21 * 5 - 20px * (21 - 5) / 21);
  min-height: 1px; }

.box-6-of-21-lg {
  width: calc(99.99% / 21 * 6 - 20px * (21 - 6) / 21);
  min-height: 1px; }

.box-7-of-21-lg {
  width: calc(99.99% / 21 * 7 - 20px * (21 - 7) / 21);
  min-height: 1px; }

.box-8-of-21-lg {
  width: calc(99.99% / 21 * 8 - 20px * (21 - 8) / 21);
  min-height: 1px; }

.box-9-of-21-lg {
  width: calc(99.99% / 21 * 9 - 20px * (21 - 9) / 21);
  min-height: 1px; }

.box-10-of-21-lg {
  width: calc(99.99% / 21 * 10 - 20px * (21 - 10) / 21);
  min-height: 1px; }

.box-11-of-21-lg {
  width: calc(99.99% / 21 * 11 - 20px * (21 - 11) / 21);
  min-height: 1px; }

.box-12-of-21-lg {
  width: calc(99.99% / 21 * 12 - 20px * (21 - 12) / 21);
  min-height: 1px; }

.box-13-of-21-lg {
  width: calc(99.99% / 21 * 13 - 20px * (21 - 13) / 21);
  min-height: 1px; }

.box-14-of-21-lg {
  width: calc(99.99% / 21 * 14 - 20px * (21 - 14) / 21);
  min-height: 1px; }

.box-15-of-21-lg {
  width: calc(99.99% / 21 * 15 - 20px * (21 - 15) / 21);
  min-height: 1px; }

.box-16-of-21-lg {
  width: calc(99.99% / 21 * 16 - 20px * (21 - 16) / 21);
  min-height: 1px; }

.box-17-of-21-lg {
  width: calc(99.99% / 21 * 17 - 20px * (21 - 17) / 21);
  min-height: 1px; }

.box-18-of-21-lg {
  width: calc(99.99% / 21 * 18 - 20px * (21 - 18) / 21);
  min-height: 1px; }

.box-19-of-21-lg {
  width: calc(99.99% / 21 * 19 - 20px * (21 - 19) / 21);
  min-height: 1px; }

.box-20-of-21-lg {
  width: calc(99.99% / 21 * 20 - 20px * (21 - 20) / 21);
  min-height: 1px; }

.box-21-of-21-lg {
  width: calc(99.99% / 21 * 21 - 20px * (21 - 21) / 21);
  min-height: 1px; }

.box-1-of-22-lg {
  width: calc(99.99% / 22 * 1 - 20px * (22 - 1) / 22);
  min-height: 1px; }

.box-2-of-22-lg {
  width: calc(99.99% / 22 * 2 - 20px * (22 - 2) / 22);
  min-height: 1px; }

.box-3-of-22-lg {
  width: calc(99.99% / 22 * 3 - 20px * (22 - 3) / 22);
  min-height: 1px; }

.box-4-of-22-lg {
  width: calc(99.99% / 22 * 4 - 20px * (22 - 4) / 22);
  min-height: 1px; }

.box-5-of-22-lg {
  width: calc(99.99% / 22 * 5 - 20px * (22 - 5) / 22);
  min-height: 1px; }

.box-6-of-22-lg {
  width: calc(99.99% / 22 * 6 - 20px * (22 - 6) / 22);
  min-height: 1px; }

.box-7-of-22-lg {
  width: calc(99.99% / 22 * 7 - 20px * (22 - 7) / 22);
  min-height: 1px; }

.box-8-of-22-lg {
  width: calc(99.99% / 22 * 8 - 20px * (22 - 8) / 22);
  min-height: 1px; }

.box-9-of-22-lg {
  width: calc(99.99% / 22 * 9 - 20px * (22 - 9) / 22);
  min-height: 1px; }

.box-10-of-22-lg {
  width: calc(99.99% / 22 * 10 - 20px * (22 - 10) / 22);
  min-height: 1px; }

.box-11-of-22-lg {
  width: calc(99.99% / 22 * 11 - 20px * (22 - 11) / 22);
  min-height: 1px; }

.box-12-of-22-lg {
  width: calc(99.99% / 22 * 12 - 20px * (22 - 12) / 22);
  min-height: 1px; }

.box-13-of-22-lg {
  width: calc(99.99% / 22 * 13 - 20px * (22 - 13) / 22);
  min-height: 1px; }

.box-14-of-22-lg {
  width: calc(99.99% / 22 * 14 - 20px * (22 - 14) / 22);
  min-height: 1px; }

.box-15-of-22-lg {
  width: calc(99.99% / 22 * 15 - 20px * (22 - 15) / 22);
  min-height: 1px; }

.box-16-of-22-lg {
  width: calc(99.99% / 22 * 16 - 20px * (22 - 16) / 22);
  min-height: 1px; }

.box-17-of-22-lg {
  width: calc(99.99% / 22 * 17 - 20px * (22 - 17) / 22);
  min-height: 1px; }

.box-18-of-22-lg {
  width: calc(99.99% / 22 * 18 - 20px * (22 - 18) / 22);
  min-height: 1px; }

.box-19-of-22-lg {
  width: calc(99.99% / 22 * 19 - 20px * (22 - 19) / 22);
  min-height: 1px; }

.box-20-of-22-lg {
  width: calc(99.99% / 22 * 20 - 20px * (22 - 20) / 22);
  min-height: 1px; }

.box-21-of-22-lg {
  width: calc(99.99% / 22 * 21 - 20px * (22 - 21) / 22);
  min-height: 1px; }

.box-22-of-22-lg {
  width: calc(99.99% / 22 * 22 - 20px * (22 - 22) / 22);
  min-height: 1px; }

.box-1-of-23-lg {
  width: calc(99.99% / 23 * 1 - 20px * (23 - 1) / 23);
  min-height: 1px; }

.box-2-of-23-lg {
  width: calc(99.99% / 23 * 2 - 20px * (23 - 2) / 23);
  min-height: 1px; }

.box-3-of-23-lg {
  width: calc(99.99% / 23 * 3 - 20px * (23 - 3) / 23);
  min-height: 1px; }

.box-4-of-23-lg {
  width: calc(99.99% / 23 * 4 - 20px * (23 - 4) / 23);
  min-height: 1px; }

.box-5-of-23-lg {
  width: calc(99.99% / 23 * 5 - 20px * (23 - 5) / 23);
  min-height: 1px; }

.box-6-of-23-lg {
  width: calc(99.99% / 23 * 6 - 20px * (23 - 6) / 23);
  min-height: 1px; }

.box-7-of-23-lg {
  width: calc(99.99% / 23 * 7 - 20px * (23 - 7) / 23);
  min-height: 1px; }

.box-8-of-23-lg {
  width: calc(99.99% / 23 * 8 - 20px * (23 - 8) / 23);
  min-height: 1px; }

.box-9-of-23-lg {
  width: calc(99.99% / 23 * 9 - 20px * (23 - 9) / 23);
  min-height: 1px; }

.box-10-of-23-lg {
  width: calc(99.99% / 23 * 10 - 20px * (23 - 10) / 23);
  min-height: 1px; }

.box-11-of-23-lg {
  width: calc(99.99% / 23 * 11 - 20px * (23 - 11) / 23);
  min-height: 1px; }

.box-12-of-23-lg {
  width: calc(99.99% / 23 * 12 - 20px * (23 - 12) / 23);
  min-height: 1px; }

.box-13-of-23-lg {
  width: calc(99.99% / 23 * 13 - 20px * (23 - 13) / 23);
  min-height: 1px; }

.box-14-of-23-lg {
  width: calc(99.99% / 23 * 14 - 20px * (23 - 14) / 23);
  min-height: 1px; }

.box-15-of-23-lg {
  width: calc(99.99% / 23 * 15 - 20px * (23 - 15) / 23);
  min-height: 1px; }

.box-16-of-23-lg {
  width: calc(99.99% / 23 * 16 - 20px * (23 - 16) / 23);
  min-height: 1px; }

.box-17-of-23-lg {
  width: calc(99.99% / 23 * 17 - 20px * (23 - 17) / 23);
  min-height: 1px; }

.box-18-of-23-lg {
  width: calc(99.99% / 23 * 18 - 20px * (23 - 18) / 23);
  min-height: 1px; }

.box-19-of-23-lg {
  width: calc(99.99% / 23 * 19 - 20px * (23 - 19) / 23);
  min-height: 1px; }

.box-20-of-23-lg {
  width: calc(99.99% / 23 * 20 - 20px * (23 - 20) / 23);
  min-height: 1px; }

.box-21-of-23-lg {
  width: calc(99.99% / 23 * 21 - 20px * (23 - 21) / 23);
  min-height: 1px; }

.box-22-of-23-lg {
  width: calc(99.99% / 23 * 22 - 20px * (23 - 22) / 23);
  min-height: 1px; }

.box-23-of-23-lg {
  width: calc(99.99% / 23 * 23 - 20px * (23 - 23) / 23);
  min-height: 1px; }

.box-1-of-24-lg {
  width: calc(99.99% / 24 * 1 - 20px * (24 - 1) / 24);
  min-height: 1px; }

.box-2-of-24-lg {
  width: calc(99.99% / 24 * 2 - 20px * (24 - 2) / 24);
  min-height: 1px; }

.box-3-of-24-lg {
  width: calc(99.99% / 24 * 3 - 20px * (24 - 3) / 24);
  min-height: 1px; }

.box-4-of-24-lg {
  width: calc(99.99% / 24 * 4 - 20px * (24 - 4) / 24);
  min-height: 1px; }

.box-5-of-24-lg {
  width: calc(99.99% / 24 * 5 - 20px * (24 - 5) / 24);
  min-height: 1px; }

.box-6-of-24-lg {
  width: calc(99.99% / 24 * 6 - 20px * (24 - 6) / 24);
  min-height: 1px; }

.box-7-of-24-lg {
  width: calc(99.99% / 24 * 7 - 20px * (24 - 7) / 24);
  min-height: 1px; }

.box-8-of-24-lg {
  width: calc(99.99% / 24 * 8 - 20px * (24 - 8) / 24);
  min-height: 1px; }

.box-9-of-24-lg {
  width: calc(99.99% / 24 * 9 - 20px * (24 - 9) / 24);
  min-height: 1px; }

.box-10-of-24-lg {
  width: calc(99.99% / 24 * 10 - 20px * (24 - 10) / 24);
  min-height: 1px; }

.box-11-of-24-lg {
  width: calc(99.99% / 24 * 11 - 20px * (24 - 11) / 24);
  min-height: 1px; }

.box-12-of-24-lg {
  width: calc(99.99% / 24 * 12 - 20px * (24 - 12) / 24);
  min-height: 1px; }

.box-13-of-24-lg {
  width: calc(99.99% / 24 * 13 - 20px * (24 - 13) / 24);
  min-height: 1px; }

.box-14-of-24-lg {
  width: calc(99.99% / 24 * 14 - 20px * (24 - 14) / 24);
  min-height: 1px; }

.box-15-of-24-lg {
  width: calc(99.99% / 24 * 15 - 20px * (24 - 15) / 24);
  min-height: 1px; }

.box-16-of-24-lg {
  width: calc(99.99% / 24 * 16 - 20px * (24 - 16) / 24);
  min-height: 1px; }

.box-17-of-24-lg {
  width: calc(99.99% / 24 * 17 - 20px * (24 - 17) / 24);
  min-height: 1px; }

.box-18-of-24-lg {
  width: calc(99.99% / 24 * 18 - 20px * (24 - 18) / 24);
  min-height: 1px; }

.box-19-of-24-lg {
  width: calc(99.99% / 24 * 19 - 20px * (24 - 19) / 24);
  min-height: 1px; }

.box-20-of-24-lg {
  width: calc(99.99% / 24 * 20 - 20px * (24 - 20) / 24);
  min-height: 1px; }

.box-21-of-24-lg {
  width: calc(99.99% / 24 * 21 - 20px * (24 - 21) / 24);
  min-height: 1px; }

.box-22-of-24-lg {
  width: calc(99.99% / 24 * 22 - 20px * (24 - 22) / 24);
  min-height: 1px; }

.box-23-of-24-lg {
  width: calc(99.99% / 24 * 23 - 20px * (24 - 23) / 24);
  min-height: 1px; }

.box-24-of-24-lg {
  width: calc(99.99% / 24 * 24 - 20px * (24 - 24) / 24);
  min-height: 1px; }

.box-1-of-25-lg {
  width: calc(99.99% / 25 * 1 - 20px * (25 - 1) / 25);
  min-height: 1px; }

.box-2-of-25-lg {
  width: calc(99.99% / 25 * 2 - 20px * (25 - 2) / 25);
  min-height: 1px; }

.box-3-of-25-lg {
  width: calc(99.99% / 25 * 3 - 20px * (25 - 3) / 25);
  min-height: 1px; }

.box-4-of-25-lg {
  width: calc(99.99% / 25 * 4 - 20px * (25 - 4) / 25);
  min-height: 1px; }

.box-5-of-25-lg {
  width: calc(99.99% / 25 * 5 - 20px * (25 - 5) / 25);
  min-height: 1px; }

.box-6-of-25-lg {
  width: calc(99.99% / 25 * 6 - 20px * (25 - 6) / 25);
  min-height: 1px; }

.box-7-of-25-lg {
  width: calc(99.99% / 25 * 7 - 20px * (25 - 7) / 25);
  min-height: 1px; }

.box-8-of-25-lg {
  width: calc(99.99% / 25 * 8 - 20px * (25 - 8) / 25);
  min-height: 1px; }

.box-9-of-25-lg {
  width: calc(99.99% / 25 * 9 - 20px * (25 - 9) / 25);
  min-height: 1px; }

.box-10-of-25-lg {
  width: calc(99.99% / 25 * 10 - 20px * (25 - 10) / 25);
  min-height: 1px; }

.box-11-of-25-lg {
  width: calc(99.99% / 25 * 11 - 20px * (25 - 11) / 25);
  min-height: 1px; }

.box-12-of-25-lg {
  width: calc(99.99% / 25 * 12 - 20px * (25 - 12) / 25);
  min-height: 1px; }

.box-13-of-25-lg {
  width: calc(99.99% / 25 * 13 - 20px * (25 - 13) / 25);
  min-height: 1px; }

.box-14-of-25-lg {
  width: calc(99.99% / 25 * 14 - 20px * (25 - 14) / 25);
  min-height: 1px; }

.box-15-of-25-lg {
  width: calc(99.99% / 25 * 15 - 20px * (25 - 15) / 25);
  min-height: 1px; }

.box-16-of-25-lg {
  width: calc(99.99% / 25 * 16 - 20px * (25 - 16) / 25);
  min-height: 1px; }

.box-17-of-25-lg {
  width: calc(99.99% / 25 * 17 - 20px * (25 - 17) / 25);
  min-height: 1px; }

.box-18-of-25-lg {
  width: calc(99.99% / 25 * 18 - 20px * (25 - 18) / 25);
  min-height: 1px; }

.box-19-of-25-lg {
  width: calc(99.99% / 25 * 19 - 20px * (25 - 19) / 25);
  min-height: 1px; }

.box-20-of-25-lg {
  width: calc(99.99% / 25 * 20 - 20px * (25 - 20) / 25);
  min-height: 1px; }

.box-21-of-25-lg {
  width: calc(99.99% / 25 * 21 - 20px * (25 - 21) / 25);
  min-height: 1px; }

.box-22-of-25-lg {
  width: calc(99.99% / 25 * 22 - 20px * (25 - 22) / 25);
  min-height: 1px; }

.box-23-of-25-lg {
  width: calc(99.99% / 25 * 23 - 20px * (25 - 23) / 25);
  min-height: 1px; }

.box-24-of-25-lg {
  width: calc(99.99% / 25 * 24 - 20px * (25 - 24) / 25);
  min-height: 1px; }

.box-25-of-25-lg {
  width: calc(99.99% / 25 * 25 - 20px * (25 - 25) / 25);
  min-height: 1px; }

.box-1-of-26-lg {
  width: calc(99.99% / 26 * 1 - 20px * (26 - 1) / 26);
  min-height: 1px; }

.box-2-of-26-lg {
  width: calc(99.99% / 26 * 2 - 20px * (26 - 2) / 26);
  min-height: 1px; }

.box-3-of-26-lg {
  width: calc(99.99% / 26 * 3 - 20px * (26 - 3) / 26);
  min-height: 1px; }

.box-4-of-26-lg {
  width: calc(99.99% / 26 * 4 - 20px * (26 - 4) / 26);
  min-height: 1px; }

.box-5-of-26-lg {
  width: calc(99.99% / 26 * 5 - 20px * (26 - 5) / 26);
  min-height: 1px; }

.box-6-of-26-lg {
  width: calc(99.99% / 26 * 6 - 20px * (26 - 6) / 26);
  min-height: 1px; }

.box-7-of-26-lg {
  width: calc(99.99% / 26 * 7 - 20px * (26 - 7) / 26);
  min-height: 1px; }

.box-8-of-26-lg {
  width: calc(99.99% / 26 * 8 - 20px * (26 - 8) / 26);
  min-height: 1px; }

.box-9-of-26-lg {
  width: calc(99.99% / 26 * 9 - 20px * (26 - 9) / 26);
  min-height: 1px; }

.box-10-of-26-lg {
  width: calc(99.99% / 26 * 10 - 20px * (26 - 10) / 26);
  min-height: 1px; }

.box-11-of-26-lg {
  width: calc(99.99% / 26 * 11 - 20px * (26 - 11) / 26);
  min-height: 1px; }

.box-12-of-26-lg {
  width: calc(99.99% / 26 * 12 - 20px * (26 - 12) / 26);
  min-height: 1px; }

.box-13-of-26-lg {
  width: calc(99.99% / 26 * 13 - 20px * (26 - 13) / 26);
  min-height: 1px; }

.box-14-of-26-lg {
  width: calc(99.99% / 26 * 14 - 20px * (26 - 14) / 26);
  min-height: 1px; }

.box-15-of-26-lg {
  width: calc(99.99% / 26 * 15 - 20px * (26 - 15) / 26);
  min-height: 1px; }

.box-16-of-26-lg {
  width: calc(99.99% / 26 * 16 - 20px * (26 - 16) / 26);
  min-height: 1px; }

.box-17-of-26-lg {
  width: calc(99.99% / 26 * 17 - 20px * (26 - 17) / 26);
  min-height: 1px; }

.box-18-of-26-lg {
  width: calc(99.99% / 26 * 18 - 20px * (26 - 18) / 26);
  min-height: 1px; }

.box-19-of-26-lg {
  width: calc(99.99% / 26 * 19 - 20px * (26 - 19) / 26);
  min-height: 1px; }

.box-20-of-26-lg {
  width: calc(99.99% / 26 * 20 - 20px * (26 - 20) / 26);
  min-height: 1px; }

.box-21-of-26-lg {
  width: calc(99.99% / 26 * 21 - 20px * (26 - 21) / 26);
  min-height: 1px; }

.box-22-of-26-lg {
  width: calc(99.99% / 26 * 22 - 20px * (26 - 22) / 26);
  min-height: 1px; }

.box-23-of-26-lg {
  width: calc(99.99% / 26 * 23 - 20px * (26 - 23) / 26);
  min-height: 1px; }

.box-24-of-26-lg {
  width: calc(99.99% / 26 * 24 - 20px * (26 - 24) / 26);
  min-height: 1px; }

.box-25-of-26-lg {
  width: calc(99.99% / 26 * 25 - 20px * (26 - 25) / 26);
  min-height: 1px; }

.box-26-of-26-lg {
  width: calc(99.99% / 26 * 26 - 20px * (26 - 26) / 26);
  min-height: 1px; }

.box-1-of-27-lg {
  width: calc(99.99% / 27 * 1 - 20px * (27 - 1) / 27);
  min-height: 1px; }

.box-2-of-27-lg {
  width: calc(99.99% / 27 * 2 - 20px * (27 - 2) / 27);
  min-height: 1px; }

.box-3-of-27-lg {
  width: calc(99.99% / 27 * 3 - 20px * (27 - 3) / 27);
  min-height: 1px; }

.box-4-of-27-lg {
  width: calc(99.99% / 27 * 4 - 20px * (27 - 4) / 27);
  min-height: 1px; }

.box-5-of-27-lg {
  width: calc(99.99% / 27 * 5 - 20px * (27 - 5) / 27);
  min-height: 1px; }

.box-6-of-27-lg {
  width: calc(99.99% / 27 * 6 - 20px * (27 - 6) / 27);
  min-height: 1px; }

.box-7-of-27-lg {
  width: calc(99.99% / 27 * 7 - 20px * (27 - 7) / 27);
  min-height: 1px; }

.box-8-of-27-lg {
  width: calc(99.99% / 27 * 8 - 20px * (27 - 8) / 27);
  min-height: 1px; }

.box-9-of-27-lg {
  width: calc(99.99% / 27 * 9 - 20px * (27 - 9) / 27);
  min-height: 1px; }

.box-10-of-27-lg {
  width: calc(99.99% / 27 * 10 - 20px * (27 - 10) / 27);
  min-height: 1px; }

.box-11-of-27-lg {
  width: calc(99.99% / 27 * 11 - 20px * (27 - 11) / 27);
  min-height: 1px; }

.box-12-of-27-lg {
  width: calc(99.99% / 27 * 12 - 20px * (27 - 12) / 27);
  min-height: 1px; }

.box-13-of-27-lg {
  width: calc(99.99% / 27 * 13 - 20px * (27 - 13) / 27);
  min-height: 1px; }

.box-14-of-27-lg {
  width: calc(99.99% / 27 * 14 - 20px * (27 - 14) / 27);
  min-height: 1px; }

.box-15-of-27-lg {
  width: calc(99.99% / 27 * 15 - 20px * (27 - 15) / 27);
  min-height: 1px; }

.box-16-of-27-lg {
  width: calc(99.99% / 27 * 16 - 20px * (27 - 16) / 27);
  min-height: 1px; }

.box-17-of-27-lg {
  width: calc(99.99% / 27 * 17 - 20px * (27 - 17) / 27);
  min-height: 1px; }

.box-18-of-27-lg {
  width: calc(99.99% / 27 * 18 - 20px * (27 - 18) / 27);
  min-height: 1px; }

.box-19-of-27-lg {
  width: calc(99.99% / 27 * 19 - 20px * (27 - 19) / 27);
  min-height: 1px; }

.box-20-of-27-lg {
  width: calc(99.99% / 27 * 20 - 20px * (27 - 20) / 27);
  min-height: 1px; }

.box-21-of-27-lg {
  width: calc(99.99% / 27 * 21 - 20px * (27 - 21) / 27);
  min-height: 1px; }

.box-22-of-27-lg {
  width: calc(99.99% / 27 * 22 - 20px * (27 - 22) / 27);
  min-height: 1px; }

.box-23-of-27-lg {
  width: calc(99.99% / 27 * 23 - 20px * (27 - 23) / 27);
  min-height: 1px; }

.box-24-of-27-lg {
  width: calc(99.99% / 27 * 24 - 20px * (27 - 24) / 27);
  min-height: 1px; }

.box-25-of-27-lg {
  width: calc(99.99% / 27 * 25 - 20px * (27 - 25) / 27);
  min-height: 1px; }

.box-26-of-27-lg {
  width: calc(99.99% / 27 * 26 - 20px * (27 - 26) / 27);
  min-height: 1px; }

.box-27-of-27-lg {
  width: calc(99.99% / 27 * 27 - 20px * (27 - 27) / 27);
  min-height: 1px; }

.box-1-of-28-lg {
  width: calc(99.99% / 28 * 1 - 20px * (28 - 1) / 28);
  min-height: 1px; }

.box-2-of-28-lg {
  width: calc(99.99% / 28 * 2 - 20px * (28 - 2) / 28);
  min-height: 1px; }

.box-3-of-28-lg {
  width: calc(99.99% / 28 * 3 - 20px * (28 - 3) / 28);
  min-height: 1px; }

.box-4-of-28-lg {
  width: calc(99.99% / 28 * 4 - 20px * (28 - 4) / 28);
  min-height: 1px; }

.box-5-of-28-lg {
  width: calc(99.99% / 28 * 5 - 20px * (28 - 5) / 28);
  min-height: 1px; }

.box-6-of-28-lg {
  width: calc(99.99% / 28 * 6 - 20px * (28 - 6) / 28);
  min-height: 1px; }

.box-7-of-28-lg {
  width: calc(99.99% / 28 * 7 - 20px * (28 - 7) / 28);
  min-height: 1px; }

.box-8-of-28-lg {
  width: calc(99.99% / 28 * 8 - 20px * (28 - 8) / 28);
  min-height: 1px; }

.box-9-of-28-lg {
  width: calc(99.99% / 28 * 9 - 20px * (28 - 9) / 28);
  min-height: 1px; }

.box-10-of-28-lg {
  width: calc(99.99% / 28 * 10 - 20px * (28 - 10) / 28);
  min-height: 1px; }

.box-11-of-28-lg {
  width: calc(99.99% / 28 * 11 - 20px * (28 - 11) / 28);
  min-height: 1px; }

.box-12-of-28-lg {
  width: calc(99.99% / 28 * 12 - 20px * (28 - 12) / 28);
  min-height: 1px; }

.box-13-of-28-lg {
  width: calc(99.99% / 28 * 13 - 20px * (28 - 13) / 28);
  min-height: 1px; }

.box-14-of-28-lg {
  width: calc(99.99% / 28 * 14 - 20px * (28 - 14) / 28);
  min-height: 1px; }

.box-15-of-28-lg {
  width: calc(99.99% / 28 * 15 - 20px * (28 - 15) / 28);
  min-height: 1px; }

.box-16-of-28-lg {
  width: calc(99.99% / 28 * 16 - 20px * (28 - 16) / 28);
  min-height: 1px; }

.box-17-of-28-lg {
  width: calc(99.99% / 28 * 17 - 20px * (28 - 17) / 28);
  min-height: 1px; }

.box-18-of-28-lg {
  width: calc(99.99% / 28 * 18 - 20px * (28 - 18) / 28);
  min-height: 1px; }

.box-19-of-28-lg {
  width: calc(99.99% / 28 * 19 - 20px * (28 - 19) / 28);
  min-height: 1px; }

.box-20-of-28-lg {
  width: calc(99.99% / 28 * 20 - 20px * (28 - 20) / 28);
  min-height: 1px; }

.box-21-of-28-lg {
  width: calc(99.99% / 28 * 21 - 20px * (28 - 21) / 28);
  min-height: 1px; }

.box-22-of-28-lg {
  width: calc(99.99% / 28 * 22 - 20px * (28 - 22) / 28);
  min-height: 1px; }

.box-23-of-28-lg {
  width: calc(99.99% / 28 * 23 - 20px * (28 - 23) / 28);
  min-height: 1px; }

.box-24-of-28-lg {
  width: calc(99.99% / 28 * 24 - 20px * (28 - 24) / 28);
  min-height: 1px; }

.box-25-of-28-lg {
  width: calc(99.99% / 28 * 25 - 20px * (28 - 25) / 28);
  min-height: 1px; }

.box-26-of-28-lg {
  width: calc(99.99% / 28 * 26 - 20px * (28 - 26) / 28);
  min-height: 1px; }

.box-27-of-28-lg {
  width: calc(99.99% / 28 * 27 - 20px * (28 - 27) / 28);
  min-height: 1px; }

.box-28-of-28-lg {
  width: calc(99.99% / 28 * 28 - 20px * (28 - 28) / 28);
  min-height: 1px; }

.box-1-of-29-lg {
  width: calc(99.99% / 29 * 1 - 20px * (29 - 1) / 29);
  min-height: 1px; }

.box-2-of-29-lg {
  width: calc(99.99% / 29 * 2 - 20px * (29 - 2) / 29);
  min-height: 1px; }

.box-3-of-29-lg {
  width: calc(99.99% / 29 * 3 - 20px * (29 - 3) / 29);
  min-height: 1px; }

.box-4-of-29-lg {
  width: calc(99.99% / 29 * 4 - 20px * (29 - 4) / 29);
  min-height: 1px; }

.box-5-of-29-lg {
  width: calc(99.99% / 29 * 5 - 20px * (29 - 5) / 29);
  min-height: 1px; }

.box-6-of-29-lg {
  width: calc(99.99% / 29 * 6 - 20px * (29 - 6) / 29);
  min-height: 1px; }

.box-7-of-29-lg {
  width: calc(99.99% / 29 * 7 - 20px * (29 - 7) / 29);
  min-height: 1px; }

.box-8-of-29-lg {
  width: calc(99.99% / 29 * 8 - 20px * (29 - 8) / 29);
  min-height: 1px; }

.box-9-of-29-lg {
  width: calc(99.99% / 29 * 9 - 20px * (29 - 9) / 29);
  min-height: 1px; }

.box-10-of-29-lg {
  width: calc(99.99% / 29 * 10 - 20px * (29 - 10) / 29);
  min-height: 1px; }

.box-11-of-29-lg {
  width: calc(99.99% / 29 * 11 - 20px * (29 - 11) / 29);
  min-height: 1px; }

.box-12-of-29-lg {
  width: calc(99.99% / 29 * 12 - 20px * (29 - 12) / 29);
  min-height: 1px; }

.box-13-of-29-lg {
  width: calc(99.99% / 29 * 13 - 20px * (29 - 13) / 29);
  min-height: 1px; }

.box-14-of-29-lg {
  width: calc(99.99% / 29 * 14 - 20px * (29 - 14) / 29);
  min-height: 1px; }

.box-15-of-29-lg {
  width: calc(99.99% / 29 * 15 - 20px * (29 - 15) / 29);
  min-height: 1px; }

.box-16-of-29-lg {
  width: calc(99.99% / 29 * 16 - 20px * (29 - 16) / 29);
  min-height: 1px; }

.box-17-of-29-lg {
  width: calc(99.99% / 29 * 17 - 20px * (29 - 17) / 29);
  min-height: 1px; }

.box-18-of-29-lg {
  width: calc(99.99% / 29 * 18 - 20px * (29 - 18) / 29);
  min-height: 1px; }

.box-19-of-29-lg {
  width: calc(99.99% / 29 * 19 - 20px * (29 - 19) / 29);
  min-height: 1px; }

.box-20-of-29-lg {
  width: calc(99.99% / 29 * 20 - 20px * (29 - 20) / 29);
  min-height: 1px; }

.box-21-of-29-lg {
  width: calc(99.99% / 29 * 21 - 20px * (29 - 21) / 29);
  min-height: 1px; }

.box-22-of-29-lg {
  width: calc(99.99% / 29 * 22 - 20px * (29 - 22) / 29);
  min-height: 1px; }

.box-23-of-29-lg {
  width: calc(99.99% / 29 * 23 - 20px * (29 - 23) / 29);
  min-height: 1px; }

.box-24-of-29-lg {
  width: calc(99.99% / 29 * 24 - 20px * (29 - 24) / 29);
  min-height: 1px; }

.box-25-of-29-lg {
  width: calc(99.99% / 29 * 25 - 20px * (29 - 25) / 29);
  min-height: 1px; }

.box-26-of-29-lg {
  width: calc(99.99% / 29 * 26 - 20px * (29 - 26) / 29);
  min-height: 1px; }

.box-27-of-29-lg {
  width: calc(99.99% / 29 * 27 - 20px * (29 - 27) / 29);
  min-height: 1px; }

.box-28-of-29-lg {
  width: calc(99.99% / 29 * 28 - 20px * (29 - 28) / 29);
  min-height: 1px; }

.box-29-of-29-lg {
  width: calc(99.99% / 29 * 29 - 20px * (29 - 29) / 29);
  min-height: 1px; }

.box-1-of-30-lg {
  width: calc(99.99% / 30 * 1 - 20px * (30 - 1) / 30);
  min-height: 1px; }

.box-2-of-30-lg {
  width: calc(99.99% / 30 * 2 - 20px * (30 - 2) / 30);
  min-height: 1px; }

.box-3-of-30-lg {
  width: calc(99.99% / 30 * 3 - 20px * (30 - 3) / 30);
  min-height: 1px; }

.box-4-of-30-lg {
  width: calc(99.99% / 30 * 4 - 20px * (30 - 4) / 30);
  min-height: 1px; }

.box-5-of-30-lg {
  width: calc(99.99% / 30 * 5 - 20px * (30 - 5) / 30);
  min-height: 1px; }

.box-6-of-30-lg {
  width: calc(99.99% / 30 * 6 - 20px * (30 - 6) / 30);
  min-height: 1px; }

.box-7-of-30-lg {
  width: calc(99.99% / 30 * 7 - 20px * (30 - 7) / 30);
  min-height: 1px; }

.box-8-of-30-lg {
  width: calc(99.99% / 30 * 8 - 20px * (30 - 8) / 30);
  min-height: 1px; }

.box-9-of-30-lg {
  width: calc(99.99% / 30 * 9 - 20px * (30 - 9) / 30);
  min-height: 1px; }

.box-10-of-30-lg {
  width: calc(99.99% / 30 * 10 - 20px * (30 - 10) / 30);
  min-height: 1px; }

.box-11-of-30-lg {
  width: calc(99.99% / 30 * 11 - 20px * (30 - 11) / 30);
  min-height: 1px; }

.box-12-of-30-lg {
  width: calc(99.99% / 30 * 12 - 20px * (30 - 12) / 30);
  min-height: 1px; }

.box-13-of-30-lg {
  width: calc(99.99% / 30 * 13 - 20px * (30 - 13) / 30);
  min-height: 1px; }

.box-14-of-30-lg {
  width: calc(99.99% / 30 * 14 - 20px * (30 - 14) / 30);
  min-height: 1px; }

.box-15-of-30-lg {
  width: calc(99.99% / 30 * 15 - 20px * (30 - 15) / 30);
  min-height: 1px; }

.box-16-of-30-lg {
  width: calc(99.99% / 30 * 16 - 20px * (30 - 16) / 30);
  min-height: 1px; }

.box-17-of-30-lg {
  width: calc(99.99% / 30 * 17 - 20px * (30 - 17) / 30);
  min-height: 1px; }

.box-18-of-30-lg {
  width: calc(99.99% / 30 * 18 - 20px * (30 - 18) / 30);
  min-height: 1px; }

.box-19-of-30-lg {
  width: calc(99.99% / 30 * 19 - 20px * (30 - 19) / 30);
  min-height: 1px; }

.box-20-of-30-lg {
  width: calc(99.99% / 30 * 20 - 20px * (30 - 20) / 30);
  min-height: 1px; }

.box-21-of-30-lg {
  width: calc(99.99% / 30 * 21 - 20px * (30 - 21) / 30);
  min-height: 1px; }

.box-22-of-30-lg {
  width: calc(99.99% / 30 * 22 - 20px * (30 - 22) / 30);
  min-height: 1px; }

.box-23-of-30-lg {
  width: calc(99.99% / 30 * 23 - 20px * (30 - 23) / 30);
  min-height: 1px; }

.box-24-of-30-lg {
  width: calc(99.99% / 30 * 24 - 20px * (30 - 24) / 30);
  min-height: 1px; }

.box-25-of-30-lg {
  width: calc(99.99% / 30 * 25 - 20px * (30 - 25) / 30);
  min-height: 1px; }

.box-26-of-30-lg {
  width: calc(99.99% / 30 * 26 - 20px * (30 - 26) / 30);
  min-height: 1px; }

.box-27-of-30-lg {
  width: calc(99.99% / 30 * 27 - 20px * (30 - 27) / 30);
  min-height: 1px; }

.box-28-of-30-lg {
  width: calc(99.99% / 30 * 28 - 20px * (30 - 28) / 30);
  min-height: 1px; }

.box-29-of-30-lg {
  width: calc(99.99% / 30 * 29 - 20px * (30 - 29) / 30);
  min-height: 1px; }

.box-30-of-30-lg {
  width: calc(99.99% / 30 * 30 - 20px * (30 - 30) / 30);
  min-height: 1px; }

.box-1-of-31-lg {
  width: calc(99.99% / 31 * 1 - 20px * (31 - 1) / 31);
  min-height: 1px; }

.box-2-of-31-lg {
  width: calc(99.99% / 31 * 2 - 20px * (31 - 2) / 31);
  min-height: 1px; }

.box-3-of-31-lg {
  width: calc(99.99% / 31 * 3 - 20px * (31 - 3) / 31);
  min-height: 1px; }

.box-4-of-31-lg {
  width: calc(99.99% / 31 * 4 - 20px * (31 - 4) / 31);
  min-height: 1px; }

.box-5-of-31-lg {
  width: calc(99.99% / 31 * 5 - 20px * (31 - 5) / 31);
  min-height: 1px; }

.box-6-of-31-lg {
  width: calc(99.99% / 31 * 6 - 20px * (31 - 6) / 31);
  min-height: 1px; }

.box-7-of-31-lg {
  width: calc(99.99% / 31 * 7 - 20px * (31 - 7) / 31);
  min-height: 1px; }

.box-8-of-31-lg {
  width: calc(99.99% / 31 * 8 - 20px * (31 - 8) / 31);
  min-height: 1px; }

.box-9-of-31-lg {
  width: calc(99.99% / 31 * 9 - 20px * (31 - 9) / 31);
  min-height: 1px; }

.box-10-of-31-lg {
  width: calc(99.99% / 31 * 10 - 20px * (31 - 10) / 31);
  min-height: 1px; }

.box-11-of-31-lg {
  width: calc(99.99% / 31 * 11 - 20px * (31 - 11) / 31);
  min-height: 1px; }

.box-12-of-31-lg {
  width: calc(99.99% / 31 * 12 - 20px * (31 - 12) / 31);
  min-height: 1px; }

.box-13-of-31-lg {
  width: calc(99.99% / 31 * 13 - 20px * (31 - 13) / 31);
  min-height: 1px; }

.box-14-of-31-lg {
  width: calc(99.99% / 31 * 14 - 20px * (31 - 14) / 31);
  min-height: 1px; }

.box-15-of-31-lg {
  width: calc(99.99% / 31 * 15 - 20px * (31 - 15) / 31);
  min-height: 1px; }

.box-16-of-31-lg {
  width: calc(99.99% / 31 * 16 - 20px * (31 - 16) / 31);
  min-height: 1px; }

.box-17-of-31-lg {
  width: calc(99.99% / 31 * 17 - 20px * (31 - 17) / 31);
  min-height: 1px; }

.box-18-of-31-lg {
  width: calc(99.99% / 31 * 18 - 20px * (31 - 18) / 31);
  min-height: 1px; }

.box-19-of-31-lg {
  width: calc(99.99% / 31 * 19 - 20px * (31 - 19) / 31);
  min-height: 1px; }

.box-20-of-31-lg {
  width: calc(99.99% / 31 * 20 - 20px * (31 - 20) / 31);
  min-height: 1px; }

.box-21-of-31-lg {
  width: calc(99.99% / 31 * 21 - 20px * (31 - 21) / 31);
  min-height: 1px; }

.box-22-of-31-lg {
  width: calc(99.99% / 31 * 22 - 20px * (31 - 22) / 31);
  min-height: 1px; }

.box-23-of-31-lg {
  width: calc(99.99% / 31 * 23 - 20px * (31 - 23) / 31);
  min-height: 1px; }

.box-24-of-31-lg {
  width: calc(99.99% / 31 * 24 - 20px * (31 - 24) / 31);
  min-height: 1px; }

.box-25-of-31-lg {
  width: calc(99.99% / 31 * 25 - 20px * (31 - 25) / 31);
  min-height: 1px; }

.box-26-of-31-lg {
  width: calc(99.99% / 31 * 26 - 20px * (31 - 26) / 31);
  min-height: 1px; }

.box-27-of-31-lg {
  width: calc(99.99% / 31 * 27 - 20px * (31 - 27) / 31);
  min-height: 1px; }

.box-28-of-31-lg {
  width: calc(99.99% / 31 * 28 - 20px * (31 - 28) / 31);
  min-height: 1px; }

.box-29-of-31-lg {
  width: calc(99.99% / 31 * 29 - 20px * (31 - 29) / 31);
  min-height: 1px; }

.box-30-of-31-lg {
  width: calc(99.99% / 31 * 30 - 20px * (31 - 30) / 31);
  min-height: 1px; }

.box-31-of-31-lg {
  width: calc(99.99% / 31 * 31 - 20px * (31 - 31) / 31);
  min-height: 1px; }

.box-1-of-32-lg {
  width: calc(99.99% / 32 * 1 - 20px * (32 - 1) / 32);
  min-height: 1px; }

.box-2-of-32-lg {
  width: calc(99.99% / 32 * 2 - 20px * (32 - 2) / 32);
  min-height: 1px; }

.box-3-of-32-lg {
  width: calc(99.99% / 32 * 3 - 20px * (32 - 3) / 32);
  min-height: 1px; }

.box-4-of-32-lg {
  width: calc(99.99% / 32 * 4 - 20px * (32 - 4) / 32);
  min-height: 1px; }

.box-5-of-32-lg {
  width: calc(99.99% / 32 * 5 - 20px * (32 - 5) / 32);
  min-height: 1px; }

.box-6-of-32-lg {
  width: calc(99.99% / 32 * 6 - 20px * (32 - 6) / 32);
  min-height: 1px; }

.box-7-of-32-lg {
  width: calc(99.99% / 32 * 7 - 20px * (32 - 7) / 32);
  min-height: 1px; }

.box-8-of-32-lg {
  width: calc(99.99% / 32 * 8 - 20px * (32 - 8) / 32);
  min-height: 1px; }

.box-9-of-32-lg {
  width: calc(99.99% / 32 * 9 - 20px * (32 - 9) / 32);
  min-height: 1px; }

.box-10-of-32-lg {
  width: calc(99.99% / 32 * 10 - 20px * (32 - 10) / 32);
  min-height: 1px; }

.box-11-of-32-lg {
  width: calc(99.99% / 32 * 11 - 20px * (32 - 11) / 32);
  min-height: 1px; }

.box-12-of-32-lg {
  width: calc(99.99% / 32 * 12 - 20px * (32 - 12) / 32);
  min-height: 1px; }

.box-13-of-32-lg {
  width: calc(99.99% / 32 * 13 - 20px * (32 - 13) / 32);
  min-height: 1px; }

.box-14-of-32-lg {
  width: calc(99.99% / 32 * 14 - 20px * (32 - 14) / 32);
  min-height: 1px; }

.box-15-of-32-lg {
  width: calc(99.99% / 32 * 15 - 20px * (32 - 15) / 32);
  min-height: 1px; }

.box-16-of-32-lg {
  width: calc(99.99% / 32 * 16 - 20px * (32 - 16) / 32);
  min-height: 1px; }

.box-17-of-32-lg {
  width: calc(99.99% / 32 * 17 - 20px * (32 - 17) / 32);
  min-height: 1px; }

.box-18-of-32-lg {
  width: calc(99.99% / 32 * 18 - 20px * (32 - 18) / 32);
  min-height: 1px; }

.box-19-of-32-lg {
  width: calc(99.99% / 32 * 19 - 20px * (32 - 19) / 32);
  min-height: 1px; }

.box-20-of-32-lg {
  width: calc(99.99% / 32 * 20 - 20px * (32 - 20) / 32);
  min-height: 1px; }

.box-21-of-32-lg {
  width: calc(99.99% / 32 * 21 - 20px * (32 - 21) / 32);
  min-height: 1px; }

.box-22-of-32-lg {
  width: calc(99.99% / 32 * 22 - 20px * (32 - 22) / 32);
  min-height: 1px; }

.box-23-of-32-lg {
  width: calc(99.99% / 32 * 23 - 20px * (32 - 23) / 32);
  min-height: 1px; }

.box-24-of-32-lg {
  width: calc(99.99% / 32 * 24 - 20px * (32 - 24) / 32);
  min-height: 1px; }

.box-25-of-32-lg {
  width: calc(99.99% / 32 * 25 - 20px * (32 - 25) / 32);
  min-height: 1px; }

.box-26-of-32-lg {
  width: calc(99.99% / 32 * 26 - 20px * (32 - 26) / 32);
  min-height: 1px; }

.box-27-of-32-lg {
  width: calc(99.99% / 32 * 27 - 20px * (32 - 27) / 32);
  min-height: 1px; }

.box-28-of-32-lg {
  width: calc(99.99% / 32 * 28 - 20px * (32 - 28) / 32);
  min-height: 1px; }

.box-29-of-32-lg {
  width: calc(99.99% / 32 * 29 - 20px * (32 - 29) / 32);
  min-height: 1px; }

.box-30-of-32-lg {
  width: calc(99.99% / 32 * 30 - 20px * (32 - 30) / 32);
  min-height: 1px; }

.box-31-of-32-lg {
  width: calc(99.99% / 32 * 31 - 20px * (32 - 31) / 32);
  min-height: 1px; }

.box-32-of-32-lg {
  width: calc(99.99% / 32 * 32 - 20px * (32 - 32) / 32);
  min-height: 1px; }

.box-1-of-33-lg {
  width: calc(99.99% / 33 * 1 - 20px * (33 - 1) / 33);
  min-height: 1px; }

.box-2-of-33-lg {
  width: calc(99.99% / 33 * 2 - 20px * (33 - 2) / 33);
  min-height: 1px; }

.box-3-of-33-lg {
  width: calc(99.99% / 33 * 3 - 20px * (33 - 3) / 33);
  min-height: 1px; }

.box-4-of-33-lg {
  width: calc(99.99% / 33 * 4 - 20px * (33 - 4) / 33);
  min-height: 1px; }

.box-5-of-33-lg {
  width: calc(99.99% / 33 * 5 - 20px * (33 - 5) / 33);
  min-height: 1px; }

.box-6-of-33-lg {
  width: calc(99.99% / 33 * 6 - 20px * (33 - 6) / 33);
  min-height: 1px; }

.box-7-of-33-lg {
  width: calc(99.99% / 33 * 7 - 20px * (33 - 7) / 33);
  min-height: 1px; }

.box-8-of-33-lg {
  width: calc(99.99% / 33 * 8 - 20px * (33 - 8) / 33);
  min-height: 1px; }

.box-9-of-33-lg {
  width: calc(99.99% / 33 * 9 - 20px * (33 - 9) / 33);
  min-height: 1px; }

.box-10-of-33-lg {
  width: calc(99.99% / 33 * 10 - 20px * (33 - 10) / 33);
  min-height: 1px; }

.box-11-of-33-lg {
  width: calc(99.99% / 33 * 11 - 20px * (33 - 11) / 33);
  min-height: 1px; }

.box-12-of-33-lg {
  width: calc(99.99% / 33 * 12 - 20px * (33 - 12) / 33);
  min-height: 1px; }

.box-13-of-33-lg {
  width: calc(99.99% / 33 * 13 - 20px * (33 - 13) / 33);
  min-height: 1px; }

.box-14-of-33-lg {
  width: calc(99.99% / 33 * 14 - 20px * (33 - 14) / 33);
  min-height: 1px; }

.box-15-of-33-lg {
  width: calc(99.99% / 33 * 15 - 20px * (33 - 15) / 33);
  min-height: 1px; }

.box-16-of-33-lg {
  width: calc(99.99% / 33 * 16 - 20px * (33 - 16) / 33);
  min-height: 1px; }

.box-17-of-33-lg {
  width: calc(99.99% / 33 * 17 - 20px * (33 - 17) / 33);
  min-height: 1px; }

.box-18-of-33-lg {
  width: calc(99.99% / 33 * 18 - 20px * (33 - 18) / 33);
  min-height: 1px; }

.box-19-of-33-lg {
  width: calc(99.99% / 33 * 19 - 20px * (33 - 19) / 33);
  min-height: 1px; }

.box-20-of-33-lg {
  width: calc(99.99% / 33 * 20 - 20px * (33 - 20) / 33);
  min-height: 1px; }

.box-21-of-33-lg {
  width: calc(99.99% / 33 * 21 - 20px * (33 - 21) / 33);
  min-height: 1px; }

.box-22-of-33-lg {
  width: calc(99.99% / 33 * 22 - 20px * (33 - 22) / 33);
  min-height: 1px; }

.box-23-of-33-lg {
  width: calc(99.99% / 33 * 23 - 20px * (33 - 23) / 33);
  min-height: 1px; }

.box-24-of-33-lg {
  width: calc(99.99% / 33 * 24 - 20px * (33 - 24) / 33);
  min-height: 1px; }

.box-25-of-33-lg {
  width: calc(99.99% / 33 * 25 - 20px * (33 - 25) / 33);
  min-height: 1px; }

.box-26-of-33-lg {
  width: calc(99.99% / 33 * 26 - 20px * (33 - 26) / 33);
  min-height: 1px; }

.box-27-of-33-lg {
  width: calc(99.99% / 33 * 27 - 20px * (33 - 27) / 33);
  min-height: 1px; }

.box-28-of-33-lg {
  width: calc(99.99% / 33 * 28 - 20px * (33 - 28) / 33);
  min-height: 1px; }

.box-29-of-33-lg {
  width: calc(99.99% / 33 * 29 - 20px * (33 - 29) / 33);
  min-height: 1px; }

.box-30-of-33-lg {
  width: calc(99.99% / 33 * 30 - 20px * (33 - 30) / 33);
  min-height: 1px; }

.box-31-of-33-lg {
  width: calc(99.99% / 33 * 31 - 20px * (33 - 31) / 33);
  min-height: 1px; }

.box-32-of-33-lg {
  width: calc(99.99% / 33 * 32 - 20px * (33 - 32) / 33);
  min-height: 1px; }

.box-33-of-33-lg {
  width: calc(99.99% / 33 * 33 - 20px * (33 - 33) / 33);
  min-height: 1px; }

.box-1-of-34-lg {
  width: calc(99.99% / 34 * 1 - 20px * (34 - 1) / 34);
  min-height: 1px; }

.box-2-of-34-lg {
  width: calc(99.99% / 34 * 2 - 20px * (34 - 2) / 34);
  min-height: 1px; }

.box-3-of-34-lg {
  width: calc(99.99% / 34 * 3 - 20px * (34 - 3) / 34);
  min-height: 1px; }

.box-4-of-34-lg {
  width: calc(99.99% / 34 * 4 - 20px * (34 - 4) / 34);
  min-height: 1px; }

.box-5-of-34-lg {
  width: calc(99.99% / 34 * 5 - 20px * (34 - 5) / 34);
  min-height: 1px; }

.box-6-of-34-lg {
  width: calc(99.99% / 34 * 6 - 20px * (34 - 6) / 34);
  min-height: 1px; }

.box-7-of-34-lg {
  width: calc(99.99% / 34 * 7 - 20px * (34 - 7) / 34);
  min-height: 1px; }

.box-8-of-34-lg {
  width: calc(99.99% / 34 * 8 - 20px * (34 - 8) / 34);
  min-height: 1px; }

.box-9-of-34-lg {
  width: calc(99.99% / 34 * 9 - 20px * (34 - 9) / 34);
  min-height: 1px; }

.box-10-of-34-lg {
  width: calc(99.99% / 34 * 10 - 20px * (34 - 10) / 34);
  min-height: 1px; }

.box-11-of-34-lg {
  width: calc(99.99% / 34 * 11 - 20px * (34 - 11) / 34);
  min-height: 1px; }

.box-12-of-34-lg {
  width: calc(99.99% / 34 * 12 - 20px * (34 - 12) / 34);
  min-height: 1px; }

.box-13-of-34-lg {
  width: calc(99.99% / 34 * 13 - 20px * (34 - 13) / 34);
  min-height: 1px; }

.box-14-of-34-lg {
  width: calc(99.99% / 34 * 14 - 20px * (34 - 14) / 34);
  min-height: 1px; }

.box-15-of-34-lg {
  width: calc(99.99% / 34 * 15 - 20px * (34 - 15) / 34);
  min-height: 1px; }

.box-16-of-34-lg {
  width: calc(99.99% / 34 * 16 - 20px * (34 - 16) / 34);
  min-height: 1px; }

.box-17-of-34-lg {
  width: calc(99.99% / 34 * 17 - 20px * (34 - 17) / 34);
  min-height: 1px; }

.box-18-of-34-lg {
  width: calc(99.99% / 34 * 18 - 20px * (34 - 18) / 34);
  min-height: 1px; }

.box-19-of-34-lg {
  width: calc(99.99% / 34 * 19 - 20px * (34 - 19) / 34);
  min-height: 1px; }

.box-20-of-34-lg {
  width: calc(99.99% / 34 * 20 - 20px * (34 - 20) / 34);
  min-height: 1px; }

.box-21-of-34-lg {
  width: calc(99.99% / 34 * 21 - 20px * (34 - 21) / 34);
  min-height: 1px; }

.box-22-of-34-lg {
  width: calc(99.99% / 34 * 22 - 20px * (34 - 22) / 34);
  min-height: 1px; }

.box-23-of-34-lg {
  width: calc(99.99% / 34 * 23 - 20px * (34 - 23) / 34);
  min-height: 1px; }

.box-24-of-34-lg {
  width: calc(99.99% / 34 * 24 - 20px * (34 - 24) / 34);
  min-height: 1px; }

.box-25-of-34-lg {
  width: calc(99.99% / 34 * 25 - 20px * (34 - 25) / 34);
  min-height: 1px; }

.box-26-of-34-lg {
  width: calc(99.99% / 34 * 26 - 20px * (34 - 26) / 34);
  min-height: 1px; }

.box-27-of-34-lg {
  width: calc(99.99% / 34 * 27 - 20px * (34 - 27) / 34);
  min-height: 1px; }

.box-28-of-34-lg {
  width: calc(99.99% / 34 * 28 - 20px * (34 - 28) / 34);
  min-height: 1px; }

.box-29-of-34-lg {
  width: calc(99.99% / 34 * 29 - 20px * (34 - 29) / 34);
  min-height: 1px; }

.box-30-of-34-lg {
  width: calc(99.99% / 34 * 30 - 20px * (34 - 30) / 34);
  min-height: 1px; }

.box-31-of-34-lg {
  width: calc(99.99% / 34 * 31 - 20px * (34 - 31) / 34);
  min-height: 1px; }

.box-32-of-34-lg {
  width: calc(99.99% / 34 * 32 - 20px * (34 - 32) / 34);
  min-height: 1px; }

.box-33-of-34-lg {
  width: calc(99.99% / 34 * 33 - 20px * (34 - 33) / 34);
  min-height: 1px; }

.box-34-of-34-lg {
  width: calc(99.99% / 34 * 34 - 20px * (34 - 34) / 34);
  min-height: 1px; }

.box-1-of-35-lg {
  width: calc(99.99% / 35 * 1 - 20px * (35 - 1) / 35);
  min-height: 1px; }

.box-2-of-35-lg {
  width: calc(99.99% / 35 * 2 - 20px * (35 - 2) / 35);
  min-height: 1px; }

.box-3-of-35-lg {
  width: calc(99.99% / 35 * 3 - 20px * (35 - 3) / 35);
  min-height: 1px; }

.box-4-of-35-lg {
  width: calc(99.99% / 35 * 4 - 20px * (35 - 4) / 35);
  min-height: 1px; }

.box-5-of-35-lg {
  width: calc(99.99% / 35 * 5 - 20px * (35 - 5) / 35);
  min-height: 1px; }

.box-6-of-35-lg {
  width: calc(99.99% / 35 * 6 - 20px * (35 - 6) / 35);
  min-height: 1px; }

.box-7-of-35-lg {
  width: calc(99.99% / 35 * 7 - 20px * (35 - 7) / 35);
  min-height: 1px; }

.box-8-of-35-lg {
  width: calc(99.99% / 35 * 8 - 20px * (35 - 8) / 35);
  min-height: 1px; }

.box-9-of-35-lg {
  width: calc(99.99% / 35 * 9 - 20px * (35 - 9) / 35);
  min-height: 1px; }

.box-10-of-35-lg {
  width: calc(99.99% / 35 * 10 - 20px * (35 - 10) / 35);
  min-height: 1px; }

.box-11-of-35-lg {
  width: calc(99.99% / 35 * 11 - 20px * (35 - 11) / 35);
  min-height: 1px; }

.box-12-of-35-lg {
  width: calc(99.99% / 35 * 12 - 20px * (35 - 12) / 35);
  min-height: 1px; }

.box-13-of-35-lg {
  width: calc(99.99% / 35 * 13 - 20px * (35 - 13) / 35);
  min-height: 1px; }

.box-14-of-35-lg {
  width: calc(99.99% / 35 * 14 - 20px * (35 - 14) / 35);
  min-height: 1px; }

.box-15-of-35-lg {
  width: calc(99.99% / 35 * 15 - 20px * (35 - 15) / 35);
  min-height: 1px; }

.box-16-of-35-lg {
  width: calc(99.99% / 35 * 16 - 20px * (35 - 16) / 35);
  min-height: 1px; }

.box-17-of-35-lg {
  width: calc(99.99% / 35 * 17 - 20px * (35 - 17) / 35);
  min-height: 1px; }

.box-18-of-35-lg {
  width: calc(99.99% / 35 * 18 - 20px * (35 - 18) / 35);
  min-height: 1px; }

.box-19-of-35-lg {
  width: calc(99.99% / 35 * 19 - 20px * (35 - 19) / 35);
  min-height: 1px; }

.box-20-of-35-lg {
  width: calc(99.99% / 35 * 20 - 20px * (35 - 20) / 35);
  min-height: 1px; }

.box-21-of-35-lg {
  width: calc(99.99% / 35 * 21 - 20px * (35 - 21) / 35);
  min-height: 1px; }

.box-22-of-35-lg {
  width: calc(99.99% / 35 * 22 - 20px * (35 - 22) / 35);
  min-height: 1px; }

.box-23-of-35-lg {
  width: calc(99.99% / 35 * 23 - 20px * (35 - 23) / 35);
  min-height: 1px; }

.box-24-of-35-lg {
  width: calc(99.99% / 35 * 24 - 20px * (35 - 24) / 35);
  min-height: 1px; }

.box-25-of-35-lg {
  width: calc(99.99% / 35 * 25 - 20px * (35 - 25) / 35);
  min-height: 1px; }

.box-26-of-35-lg {
  width: calc(99.99% / 35 * 26 - 20px * (35 - 26) / 35);
  min-height: 1px; }

.box-27-of-35-lg {
  width: calc(99.99% / 35 * 27 - 20px * (35 - 27) / 35);
  min-height: 1px; }

.box-28-of-35-lg {
  width: calc(99.99% / 35 * 28 - 20px * (35 - 28) / 35);
  min-height: 1px; }

.box-29-of-35-lg {
  width: calc(99.99% / 35 * 29 - 20px * (35 - 29) / 35);
  min-height: 1px; }

.box-30-of-35-lg {
  width: calc(99.99% / 35 * 30 - 20px * (35 - 30) / 35);
  min-height: 1px; }

.box-31-of-35-lg {
  width: calc(99.99% / 35 * 31 - 20px * (35 - 31) / 35);
  min-height: 1px; }

.box-32-of-35-lg {
  width: calc(99.99% / 35 * 32 - 20px * (35 - 32) / 35);
  min-height: 1px; }

.box-33-of-35-lg {
  width: calc(99.99% / 35 * 33 - 20px * (35 - 33) / 35);
  min-height: 1px; }

.box-34-of-35-lg {
  width: calc(99.99% / 35 * 34 - 20px * (35 - 34) / 35);
  min-height: 1px; }

.box-35-of-35-lg {
  width: calc(99.99% / 35 * 35 - 20px * (35 - 35) / 35);
  min-height: 1px; }

.box-1-of-36-lg {
  width: calc(99.99% / 36 * 1 - 20px * (36 - 1) / 36);
  min-height: 1px; }

.box-2-of-36-lg {
  width: calc(99.99% / 36 * 2 - 20px * (36 - 2) / 36);
  min-height: 1px; }

.box-3-of-36-lg {
  width: calc(99.99% / 36 * 3 - 20px * (36 - 3) / 36);
  min-height: 1px; }

.box-4-of-36-lg {
  width: calc(99.99% / 36 * 4 - 20px * (36 - 4) / 36);
  min-height: 1px; }

.box-5-of-36-lg {
  width: calc(99.99% / 36 * 5 - 20px * (36 - 5) / 36);
  min-height: 1px; }

.box-6-of-36-lg {
  width: calc(99.99% / 36 * 6 - 20px * (36 - 6) / 36);
  min-height: 1px; }

.box-7-of-36-lg {
  width: calc(99.99% / 36 * 7 - 20px * (36 - 7) / 36);
  min-height: 1px; }

.box-8-of-36-lg {
  width: calc(99.99% / 36 * 8 - 20px * (36 - 8) / 36);
  min-height: 1px; }

.box-9-of-36-lg {
  width: calc(99.99% / 36 * 9 - 20px * (36 - 9) / 36);
  min-height: 1px; }

.box-10-of-36-lg {
  width: calc(99.99% / 36 * 10 - 20px * (36 - 10) / 36);
  min-height: 1px; }

.box-11-of-36-lg {
  width: calc(99.99% / 36 * 11 - 20px * (36 - 11) / 36);
  min-height: 1px; }

.box-12-of-36-lg {
  width: calc(99.99% / 36 * 12 - 20px * (36 - 12) / 36);
  min-height: 1px; }

.box-13-of-36-lg {
  width: calc(99.99% / 36 * 13 - 20px * (36 - 13) / 36);
  min-height: 1px; }

.box-14-of-36-lg {
  width: calc(99.99% / 36 * 14 - 20px * (36 - 14) / 36);
  min-height: 1px; }

.box-15-of-36-lg {
  width: calc(99.99% / 36 * 15 - 20px * (36 - 15) / 36);
  min-height: 1px; }

.box-16-of-36-lg {
  width: calc(99.99% / 36 * 16 - 20px * (36 - 16) / 36);
  min-height: 1px; }

.box-17-of-36-lg {
  width: calc(99.99% / 36 * 17 - 20px * (36 - 17) / 36);
  min-height: 1px; }

.box-18-of-36-lg {
  width: calc(99.99% / 36 * 18 - 20px * (36 - 18) / 36);
  min-height: 1px; }

.box-19-of-36-lg {
  width: calc(99.99% / 36 * 19 - 20px * (36 - 19) / 36);
  min-height: 1px; }

.box-20-of-36-lg {
  width: calc(99.99% / 36 * 20 - 20px * (36 - 20) / 36);
  min-height: 1px; }

.box-21-of-36-lg {
  width: calc(99.99% / 36 * 21 - 20px * (36 - 21) / 36);
  min-height: 1px; }

.box-22-of-36-lg {
  width: calc(99.99% / 36 * 22 - 20px * (36 - 22) / 36);
  min-height: 1px; }

.box-23-of-36-lg {
  width: calc(99.99% / 36 * 23 - 20px * (36 - 23) / 36);
  min-height: 1px; }

.box-24-of-36-lg {
  width: calc(99.99% / 36 * 24 - 20px * (36 - 24) / 36);
  min-height: 1px; }

.box-25-of-36-lg {
  width: calc(99.99% / 36 * 25 - 20px * (36 - 25) / 36);
  min-height: 1px; }

.box-26-of-36-lg {
  width: calc(99.99% / 36 * 26 - 20px * (36 - 26) / 36);
  min-height: 1px; }

.box-27-of-36-lg {
  width: calc(99.99% / 36 * 27 - 20px * (36 - 27) / 36);
  min-height: 1px; }

.box-28-of-36-lg {
  width: calc(99.99% / 36 * 28 - 20px * (36 - 28) / 36);
  min-height: 1px; }

.box-29-of-36-lg {
  width: calc(99.99% / 36 * 29 - 20px * (36 - 29) / 36);
  min-height: 1px; }

.box-30-of-36-lg {
  width: calc(99.99% / 36 * 30 - 20px * (36 - 30) / 36);
  min-height: 1px; }

.box-31-of-36-lg {
  width: calc(99.99% / 36 * 31 - 20px * (36 - 31) / 36);
  min-height: 1px; }

.box-32-of-36-lg {
  width: calc(99.99% / 36 * 32 - 20px * (36 - 32) / 36);
  min-height: 1px; }

.box-33-of-36-lg {
  width: calc(99.99% / 36 * 33 - 20px * (36 - 33) / 36);
  min-height: 1px; }

.box-34-of-36-lg {
  width: calc(99.99% / 36 * 34 - 20px * (36 - 34) / 36);
  min-height: 1px; }

.box-35-of-36-lg {
  width: calc(99.99% / 36 * 35 - 20px * (36 - 35) / 36);
  min-height: 1px; }

.box-36-of-36-lg {
  width: calc(99.99% / 36 * 36 - 20px * (36 - 36) / 36);
  min-height: 1px; }

.box-1-of-37-lg {
  width: calc(99.99% / 37 * 1 - 20px * (37 - 1) / 37);
  min-height: 1px; }

.box-2-of-37-lg {
  width: calc(99.99% / 37 * 2 - 20px * (37 - 2) / 37);
  min-height: 1px; }

.box-3-of-37-lg {
  width: calc(99.99% / 37 * 3 - 20px * (37 - 3) / 37);
  min-height: 1px; }

.box-4-of-37-lg {
  width: calc(99.99% / 37 * 4 - 20px * (37 - 4) / 37);
  min-height: 1px; }

.box-5-of-37-lg {
  width: calc(99.99% / 37 * 5 - 20px * (37 - 5) / 37);
  min-height: 1px; }

.box-6-of-37-lg {
  width: calc(99.99% / 37 * 6 - 20px * (37 - 6) / 37);
  min-height: 1px; }

.box-7-of-37-lg {
  width: calc(99.99% / 37 * 7 - 20px * (37 - 7) / 37);
  min-height: 1px; }

.box-8-of-37-lg {
  width: calc(99.99% / 37 * 8 - 20px * (37 - 8) / 37);
  min-height: 1px; }

.box-9-of-37-lg {
  width: calc(99.99% / 37 * 9 - 20px * (37 - 9) / 37);
  min-height: 1px; }

.box-10-of-37-lg {
  width: calc(99.99% / 37 * 10 - 20px * (37 - 10) / 37);
  min-height: 1px; }

.box-11-of-37-lg {
  width: calc(99.99% / 37 * 11 - 20px * (37 - 11) / 37);
  min-height: 1px; }

.box-12-of-37-lg {
  width: calc(99.99% / 37 * 12 - 20px * (37 - 12) / 37);
  min-height: 1px; }

.box-13-of-37-lg {
  width: calc(99.99% / 37 * 13 - 20px * (37 - 13) / 37);
  min-height: 1px; }

.box-14-of-37-lg {
  width: calc(99.99% / 37 * 14 - 20px * (37 - 14) / 37);
  min-height: 1px; }

.box-15-of-37-lg {
  width: calc(99.99% / 37 * 15 - 20px * (37 - 15) / 37);
  min-height: 1px; }

.box-16-of-37-lg {
  width: calc(99.99% / 37 * 16 - 20px * (37 - 16) / 37);
  min-height: 1px; }

.box-17-of-37-lg {
  width: calc(99.99% / 37 * 17 - 20px * (37 - 17) / 37);
  min-height: 1px; }

.box-18-of-37-lg {
  width: calc(99.99% / 37 * 18 - 20px * (37 - 18) / 37);
  min-height: 1px; }

.box-19-of-37-lg {
  width: calc(99.99% / 37 * 19 - 20px * (37 - 19) / 37);
  min-height: 1px; }

.box-20-of-37-lg {
  width: calc(99.99% / 37 * 20 - 20px * (37 - 20) / 37);
  min-height: 1px; }

.box-21-of-37-lg {
  width: calc(99.99% / 37 * 21 - 20px * (37 - 21) / 37);
  min-height: 1px; }

.box-22-of-37-lg {
  width: calc(99.99% / 37 * 22 - 20px * (37 - 22) / 37);
  min-height: 1px; }

.box-23-of-37-lg {
  width: calc(99.99% / 37 * 23 - 20px * (37 - 23) / 37);
  min-height: 1px; }

.box-24-of-37-lg {
  width: calc(99.99% / 37 * 24 - 20px * (37 - 24) / 37);
  min-height: 1px; }

.box-25-of-37-lg {
  width: calc(99.99% / 37 * 25 - 20px * (37 - 25) / 37);
  min-height: 1px; }

.box-26-of-37-lg {
  width: calc(99.99% / 37 * 26 - 20px * (37 - 26) / 37);
  min-height: 1px; }

.box-27-of-37-lg {
  width: calc(99.99% / 37 * 27 - 20px * (37 - 27) / 37);
  min-height: 1px; }

.box-28-of-37-lg {
  width: calc(99.99% / 37 * 28 - 20px * (37 - 28) / 37);
  min-height: 1px; }

.box-29-of-37-lg {
  width: calc(99.99% / 37 * 29 - 20px * (37 - 29) / 37);
  min-height: 1px; }

.box-30-of-37-lg {
  width: calc(99.99% / 37 * 30 - 20px * (37 - 30) / 37);
  min-height: 1px; }

.box-31-of-37-lg {
  width: calc(99.99% / 37 * 31 - 20px * (37 - 31) / 37);
  min-height: 1px; }

.box-32-of-37-lg {
  width: calc(99.99% / 37 * 32 - 20px * (37 - 32) / 37);
  min-height: 1px; }

.box-33-of-37-lg {
  width: calc(99.99% / 37 * 33 - 20px * (37 - 33) / 37);
  min-height: 1px; }

.box-34-of-37-lg {
  width: calc(99.99% / 37 * 34 - 20px * (37 - 34) / 37);
  min-height: 1px; }

.box-35-of-37-lg {
  width: calc(99.99% / 37 * 35 - 20px * (37 - 35) / 37);
  min-height: 1px; }

.box-36-of-37-lg {
  width: calc(99.99% / 37 * 36 - 20px * (37 - 36) / 37);
  min-height: 1px; }

.box-37-of-37-lg {
  width: calc(99.99% / 37 * 37 - 20px * (37 - 37) / 37);
  min-height: 1px; }

.box-1-of-38-lg {
  width: calc(99.99% / 38 * 1 - 20px * (38 - 1) / 38);
  min-height: 1px; }

.box-2-of-38-lg {
  width: calc(99.99% / 38 * 2 - 20px * (38 - 2) / 38);
  min-height: 1px; }

.box-3-of-38-lg {
  width: calc(99.99% / 38 * 3 - 20px * (38 - 3) / 38);
  min-height: 1px; }

.box-4-of-38-lg {
  width: calc(99.99% / 38 * 4 - 20px * (38 - 4) / 38);
  min-height: 1px; }

.box-5-of-38-lg {
  width: calc(99.99% / 38 * 5 - 20px * (38 - 5) / 38);
  min-height: 1px; }

.box-6-of-38-lg {
  width: calc(99.99% / 38 * 6 - 20px * (38 - 6) / 38);
  min-height: 1px; }

.box-7-of-38-lg {
  width: calc(99.99% / 38 * 7 - 20px * (38 - 7) / 38);
  min-height: 1px; }

.box-8-of-38-lg {
  width: calc(99.99% / 38 * 8 - 20px * (38 - 8) / 38);
  min-height: 1px; }

.box-9-of-38-lg {
  width: calc(99.99% / 38 * 9 - 20px * (38 - 9) / 38);
  min-height: 1px; }

.box-10-of-38-lg {
  width: calc(99.99% / 38 * 10 - 20px * (38 - 10) / 38);
  min-height: 1px; }

.box-11-of-38-lg {
  width: calc(99.99% / 38 * 11 - 20px * (38 - 11) / 38);
  min-height: 1px; }

.box-12-of-38-lg {
  width: calc(99.99% / 38 * 12 - 20px * (38 - 12) / 38);
  min-height: 1px; }

.box-13-of-38-lg {
  width: calc(99.99% / 38 * 13 - 20px * (38 - 13) / 38);
  min-height: 1px; }

.box-14-of-38-lg {
  width: calc(99.99% / 38 * 14 - 20px * (38 - 14) / 38);
  min-height: 1px; }

.box-15-of-38-lg {
  width: calc(99.99% / 38 * 15 - 20px * (38 - 15) / 38);
  min-height: 1px; }

.box-16-of-38-lg {
  width: calc(99.99% / 38 * 16 - 20px * (38 - 16) / 38);
  min-height: 1px; }

.box-17-of-38-lg {
  width: calc(99.99% / 38 * 17 - 20px * (38 - 17) / 38);
  min-height: 1px; }

.box-18-of-38-lg {
  width: calc(99.99% / 38 * 18 - 20px * (38 - 18) / 38);
  min-height: 1px; }

.box-19-of-38-lg {
  width: calc(99.99% / 38 * 19 - 20px * (38 - 19) / 38);
  min-height: 1px; }

.box-20-of-38-lg {
  width: calc(99.99% / 38 * 20 - 20px * (38 - 20) / 38);
  min-height: 1px; }

.box-21-of-38-lg {
  width: calc(99.99% / 38 * 21 - 20px * (38 - 21) / 38);
  min-height: 1px; }

.box-22-of-38-lg {
  width: calc(99.99% / 38 * 22 - 20px * (38 - 22) / 38);
  min-height: 1px; }

.box-23-of-38-lg {
  width: calc(99.99% / 38 * 23 - 20px * (38 - 23) / 38);
  min-height: 1px; }

.box-24-of-38-lg {
  width: calc(99.99% / 38 * 24 - 20px * (38 - 24) / 38);
  min-height: 1px; }

.box-25-of-38-lg {
  width: calc(99.99% / 38 * 25 - 20px * (38 - 25) / 38);
  min-height: 1px; }

.box-26-of-38-lg {
  width: calc(99.99% / 38 * 26 - 20px * (38 - 26) / 38);
  min-height: 1px; }

.box-27-of-38-lg {
  width: calc(99.99% / 38 * 27 - 20px * (38 - 27) / 38);
  min-height: 1px; }

.box-28-of-38-lg {
  width: calc(99.99% / 38 * 28 - 20px * (38 - 28) / 38);
  min-height: 1px; }

.box-29-of-38-lg {
  width: calc(99.99% / 38 * 29 - 20px * (38 - 29) / 38);
  min-height: 1px; }

.box-30-of-38-lg {
  width: calc(99.99% / 38 * 30 - 20px * (38 - 30) / 38);
  min-height: 1px; }

.box-31-of-38-lg {
  width: calc(99.99% / 38 * 31 - 20px * (38 - 31) / 38);
  min-height: 1px; }

.box-32-of-38-lg {
  width: calc(99.99% / 38 * 32 - 20px * (38 - 32) / 38);
  min-height: 1px; }

.box-33-of-38-lg {
  width: calc(99.99% / 38 * 33 - 20px * (38 - 33) / 38);
  min-height: 1px; }

.box-34-of-38-lg {
  width: calc(99.99% / 38 * 34 - 20px * (38 - 34) / 38);
  min-height: 1px; }

.box-35-of-38-lg {
  width: calc(99.99% / 38 * 35 - 20px * (38 - 35) / 38);
  min-height: 1px; }

.box-36-of-38-lg {
  width: calc(99.99% / 38 * 36 - 20px * (38 - 36) / 38);
  min-height: 1px; }

.box-37-of-38-lg {
  width: calc(99.99% / 38 * 37 - 20px * (38 - 37) / 38);
  min-height: 1px; }

.box-38-of-38-lg {
  width: calc(99.99% / 38 * 38 - 20px * (38 - 38) / 38);
  min-height: 1px; }

.box-1-of-39-lg {
  width: calc(99.99% / 39 * 1 - 20px * (39 - 1) / 39);
  min-height: 1px; }

.box-2-of-39-lg {
  width: calc(99.99% / 39 * 2 - 20px * (39 - 2) / 39);
  min-height: 1px; }

.box-3-of-39-lg {
  width: calc(99.99% / 39 * 3 - 20px * (39 - 3) / 39);
  min-height: 1px; }

.box-4-of-39-lg {
  width: calc(99.99% / 39 * 4 - 20px * (39 - 4) / 39);
  min-height: 1px; }

.box-5-of-39-lg {
  width: calc(99.99% / 39 * 5 - 20px * (39 - 5) / 39);
  min-height: 1px; }

.box-6-of-39-lg {
  width: calc(99.99% / 39 * 6 - 20px * (39 - 6) / 39);
  min-height: 1px; }

.box-7-of-39-lg {
  width: calc(99.99% / 39 * 7 - 20px * (39 - 7) / 39);
  min-height: 1px; }

.box-8-of-39-lg {
  width: calc(99.99% / 39 * 8 - 20px * (39 - 8) / 39);
  min-height: 1px; }

.box-9-of-39-lg {
  width: calc(99.99% / 39 * 9 - 20px * (39 - 9) / 39);
  min-height: 1px; }

.box-10-of-39-lg {
  width: calc(99.99% / 39 * 10 - 20px * (39 - 10) / 39);
  min-height: 1px; }

.box-11-of-39-lg {
  width: calc(99.99% / 39 * 11 - 20px * (39 - 11) / 39);
  min-height: 1px; }

.box-12-of-39-lg {
  width: calc(99.99% / 39 * 12 - 20px * (39 - 12) / 39);
  min-height: 1px; }

.box-13-of-39-lg {
  width: calc(99.99% / 39 * 13 - 20px * (39 - 13) / 39);
  min-height: 1px; }

.box-14-of-39-lg {
  width: calc(99.99% / 39 * 14 - 20px * (39 - 14) / 39);
  min-height: 1px; }

.box-15-of-39-lg {
  width: calc(99.99% / 39 * 15 - 20px * (39 - 15) / 39);
  min-height: 1px; }

.box-16-of-39-lg {
  width: calc(99.99% / 39 * 16 - 20px * (39 - 16) / 39);
  min-height: 1px; }

.box-17-of-39-lg {
  width: calc(99.99% / 39 * 17 - 20px * (39 - 17) / 39);
  min-height: 1px; }

.box-18-of-39-lg {
  width: calc(99.99% / 39 * 18 - 20px * (39 - 18) / 39);
  min-height: 1px; }

.box-19-of-39-lg {
  width: calc(99.99% / 39 * 19 - 20px * (39 - 19) / 39);
  min-height: 1px; }

.box-20-of-39-lg {
  width: calc(99.99% / 39 * 20 - 20px * (39 - 20) / 39);
  min-height: 1px; }

.box-21-of-39-lg {
  width: calc(99.99% / 39 * 21 - 20px * (39 - 21) / 39);
  min-height: 1px; }

.box-22-of-39-lg {
  width: calc(99.99% / 39 * 22 - 20px * (39 - 22) / 39);
  min-height: 1px; }

.box-23-of-39-lg {
  width: calc(99.99% / 39 * 23 - 20px * (39 - 23) / 39);
  min-height: 1px; }

.box-24-of-39-lg {
  width: calc(99.99% / 39 * 24 - 20px * (39 - 24) / 39);
  min-height: 1px; }

.box-25-of-39-lg {
  width: calc(99.99% / 39 * 25 - 20px * (39 - 25) / 39);
  min-height: 1px; }

.box-26-of-39-lg {
  width: calc(99.99% / 39 * 26 - 20px * (39 - 26) / 39);
  min-height: 1px; }

.box-27-of-39-lg {
  width: calc(99.99% / 39 * 27 - 20px * (39 - 27) / 39);
  min-height: 1px; }

.box-28-of-39-lg {
  width: calc(99.99% / 39 * 28 - 20px * (39 - 28) / 39);
  min-height: 1px; }

.box-29-of-39-lg {
  width: calc(99.99% / 39 * 29 - 20px * (39 - 29) / 39);
  min-height: 1px; }

.box-30-of-39-lg {
  width: calc(99.99% / 39 * 30 - 20px * (39 - 30) / 39);
  min-height: 1px; }

.box-31-of-39-lg {
  width: calc(99.99% / 39 * 31 - 20px * (39 - 31) / 39);
  min-height: 1px; }

.box-32-of-39-lg {
  width: calc(99.99% / 39 * 32 - 20px * (39 - 32) / 39);
  min-height: 1px; }

.box-33-of-39-lg {
  width: calc(99.99% / 39 * 33 - 20px * (39 - 33) / 39);
  min-height: 1px; }

.box-34-of-39-lg {
  width: calc(99.99% / 39 * 34 - 20px * (39 - 34) / 39);
  min-height: 1px; }

.box-35-of-39-lg {
  width: calc(99.99% / 39 * 35 - 20px * (39 - 35) / 39);
  min-height: 1px; }

.box-36-of-39-lg {
  width: calc(99.99% / 39 * 36 - 20px * (39 - 36) / 39);
  min-height: 1px; }

.box-37-of-39-lg {
  width: calc(99.99% / 39 * 37 - 20px * (39 - 37) / 39);
  min-height: 1px; }

.box-38-of-39-lg {
  width: calc(99.99% / 39 * 38 - 20px * (39 - 38) / 39);
  min-height: 1px; }

.box-39-of-39-lg {
  width: calc(99.99% / 39 * 39 - 20px * (39 - 39) / 39);
  min-height: 1px; }

.box-1-of-40-lg {
  width: calc(99.99% / 40 * 1 - 20px * (40 - 1) / 40);
  min-height: 1px; }

.box-2-of-40-lg {
  width: calc(99.99% / 40 * 2 - 20px * (40 - 2) / 40);
  min-height: 1px; }

.box-3-of-40-lg {
  width: calc(99.99% / 40 * 3 - 20px * (40 - 3) / 40);
  min-height: 1px; }

.box-4-of-40-lg {
  width: calc(99.99% / 40 * 4 - 20px * (40 - 4) / 40);
  min-height: 1px; }

.box-5-of-40-lg {
  width: calc(99.99% / 40 * 5 - 20px * (40 - 5) / 40);
  min-height: 1px; }

.box-6-of-40-lg {
  width: calc(99.99% / 40 * 6 - 20px * (40 - 6) / 40);
  min-height: 1px; }

.box-7-of-40-lg {
  width: calc(99.99% / 40 * 7 - 20px * (40 - 7) / 40);
  min-height: 1px; }

.box-8-of-40-lg {
  width: calc(99.99% / 40 * 8 - 20px * (40 - 8) / 40);
  min-height: 1px; }

.box-9-of-40-lg {
  width: calc(99.99% / 40 * 9 - 20px * (40 - 9) / 40);
  min-height: 1px; }

.box-10-of-40-lg {
  width: calc(99.99% / 40 * 10 - 20px * (40 - 10) / 40);
  min-height: 1px; }

.box-11-of-40-lg {
  width: calc(99.99% / 40 * 11 - 20px * (40 - 11) / 40);
  min-height: 1px; }

.box-12-of-40-lg {
  width: calc(99.99% / 40 * 12 - 20px * (40 - 12) / 40);
  min-height: 1px; }

.box-13-of-40-lg {
  width: calc(99.99% / 40 * 13 - 20px * (40 - 13) / 40);
  min-height: 1px; }

.box-14-of-40-lg {
  width: calc(99.99% / 40 * 14 - 20px * (40 - 14) / 40);
  min-height: 1px; }

.box-15-of-40-lg {
  width: calc(99.99% / 40 * 15 - 20px * (40 - 15) / 40);
  min-height: 1px; }

.box-16-of-40-lg {
  width: calc(99.99% / 40 * 16 - 20px * (40 - 16) / 40);
  min-height: 1px; }

.box-17-of-40-lg {
  width: calc(99.99% / 40 * 17 - 20px * (40 - 17) / 40);
  min-height: 1px; }

.box-18-of-40-lg {
  width: calc(99.99% / 40 * 18 - 20px * (40 - 18) / 40);
  min-height: 1px; }

.box-19-of-40-lg {
  width: calc(99.99% / 40 * 19 - 20px * (40 - 19) / 40);
  min-height: 1px; }

.box-20-of-40-lg {
  width: calc(99.99% / 40 * 20 - 20px * (40 - 20) / 40);
  min-height: 1px; }

.box-21-of-40-lg {
  width: calc(99.99% / 40 * 21 - 20px * (40 - 21) / 40);
  min-height: 1px; }

.box-22-of-40-lg {
  width: calc(99.99% / 40 * 22 - 20px * (40 - 22) / 40);
  min-height: 1px; }

.box-23-of-40-lg {
  width: calc(99.99% / 40 * 23 - 20px * (40 - 23) / 40);
  min-height: 1px; }

.box-24-of-40-lg {
  width: calc(99.99% / 40 * 24 - 20px * (40 - 24) / 40);
  min-height: 1px; }

.box-25-of-40-lg {
  width: calc(99.99% / 40 * 25 - 20px * (40 - 25) / 40);
  min-height: 1px; }

.box-26-of-40-lg {
  width: calc(99.99% / 40 * 26 - 20px * (40 - 26) / 40);
  min-height: 1px; }

.box-27-of-40-lg {
  width: calc(99.99% / 40 * 27 - 20px * (40 - 27) / 40);
  min-height: 1px; }

.box-28-of-40-lg {
  width: calc(99.99% / 40 * 28 - 20px * (40 - 28) / 40);
  min-height: 1px; }

.box-29-of-40-lg {
  width: calc(99.99% / 40 * 29 - 20px * (40 - 29) / 40);
  min-height: 1px; }

.box-30-of-40-lg {
  width: calc(99.99% / 40 * 30 - 20px * (40 - 30) / 40);
  min-height: 1px; }

.box-31-of-40-lg {
  width: calc(99.99% / 40 * 31 - 20px * (40 - 31) / 40);
  min-height: 1px; }

.box-32-of-40-lg {
  width: calc(99.99% / 40 * 32 - 20px * (40 - 32) / 40);
  min-height: 1px; }

.box-33-of-40-lg {
  width: calc(99.99% / 40 * 33 - 20px * (40 - 33) / 40);
  min-height: 1px; }

.box-34-of-40-lg {
  width: calc(99.99% / 40 * 34 - 20px * (40 - 34) / 40);
  min-height: 1px; }

.box-35-of-40-lg {
  width: calc(99.99% / 40 * 35 - 20px * (40 - 35) / 40);
  min-height: 1px; }

.box-36-of-40-lg {
  width: calc(99.99% / 40 * 36 - 20px * (40 - 36) / 40);
  min-height: 1px; }

.box-37-of-40-lg {
  width: calc(99.99% / 40 * 37 - 20px * (40 - 37) / 40);
  min-height: 1px; }

.box-38-of-40-lg {
  width: calc(99.99% / 40 * 38 - 20px * (40 - 38) / 40);
  min-height: 1px; }

.box-39-of-40-lg {
  width: calc(99.99% / 40 * 39 - 20px * (40 - 39) / 40);
  min-height: 1px; }

.box-40-of-40-lg {
  width: calc(99.99% / 40 * 40 - 20px * (40 - 40) / 40);
  min-height: 1px; }

.box-1-of-1-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 1 * 1); }

.box-1-of-2-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 2 * 1); }

.box-2-of-2-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 2 * 2); }

.box-1-of-3-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 3 * 1); }

.box-2-of-3-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 3 * 2); }

.box-3-of-3-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 3 * 3); }

.box-1-of-4-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 4 * 1); }

.box-2-of-4-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 4 * 2); }

.box-3-of-4-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 4 * 3); }

.box-4-of-4-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 4 * 4); }

.box-1-of-5-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 5 * 1); }

.box-2-of-5-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 5 * 2); }

.box-3-of-5-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 5 * 3); }

.box-4-of-5-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 5 * 4); }

.box-5-of-5-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 5 * 5); }

.box-1-of-6-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 6 * 1); }

.box-2-of-6-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 6 * 2); }

.box-3-of-6-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 6 * 3); }

.box-4-of-6-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 6 * 4); }

.box-5-of-6-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 6 * 5); }

.box-6-of-6-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 6 * 6); }

.box-1-of-7-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 7 * 1); }

.box-2-of-7-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 7 * 2); }

.box-3-of-7-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 7 * 3); }

.box-4-of-7-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 7 * 4); }

.box-5-of-7-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 7 * 5); }

.box-6-of-7-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 7 * 6); }

.box-7-of-7-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 7 * 7); }

.box-1-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 1); }

.box-2-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 2); }

.box-3-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 3); }

.box-4-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 4); }

.box-5-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 5); }

.box-6-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 6); }

.box-7-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 7); }

.box-8-of-8-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 8 * 8); }

.box-1-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 1); }

.box-2-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 2); }

.box-3-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 3); }

.box-4-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 4); }

.box-5-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 5); }

.box-6-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 6); }

.box-7-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 7); }

.box-8-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 8); }

.box-9-of-9-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 9 * 9); }

.box-1-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 1); }

.box-2-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 2); }

.box-3-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 3); }

.box-4-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 4); }

.box-5-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 5); }

.box-6-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 6); }

.box-7-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 7); }

.box-8-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 8); }

.box-9-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 9); }

.box-10-of-10-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 10 * 10); }

.box-1-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 1); }

.box-2-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 2); }

.box-3-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 3); }

.box-4-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 4); }

.box-5-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 5); }

.box-6-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 6); }

.box-7-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 7); }

.box-8-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 8); }

.box-9-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 9); }

.box-10-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 10); }

.box-11-of-11-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 11 * 11); }

.box-1-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 1); }

.box-2-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 2); }

.box-3-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 3); }

.box-4-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 4); }

.box-5-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 5); }

.box-6-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 6); }

.box-7-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 7); }

.box-8-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 8); }

.box-9-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 9); }

.box-10-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 10); }

.box-11-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 11); }

.box-12-of-12-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 12 * 12); }

.box-1-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 1); }

.box-2-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 2); }

.box-3-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 3); }

.box-4-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 4); }

.box-5-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 5); }

.box-6-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 6); }

.box-7-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 7); }

.box-8-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 8); }

.box-9-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 9); }

.box-10-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 10); }

.box-11-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 11); }

.box-12-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 12); }

.box-13-of-13-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 13 * 13); }

.box-1-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 1); }

.box-2-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 2); }

.box-3-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 3); }

.box-4-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 4); }

.box-5-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 5); }

.box-6-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 6); }

.box-7-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 7); }

.box-8-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 8); }

.box-9-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 9); }

.box-10-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 10); }

.box-11-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 11); }

.box-12-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 12); }

.box-13-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 13); }

.box-14-of-14-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 14 * 14); }

.box-1-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 1); }

.box-2-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 2); }

.box-3-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 3); }

.box-4-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 4); }

.box-5-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 5); }

.box-6-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 6); }

.box-7-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 7); }

.box-8-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 8); }

.box-9-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 9); }

.box-10-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 10); }

.box-11-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 11); }

.box-12-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 12); }

.box-13-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 13); }

.box-14-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 14); }

.box-15-of-15-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 15 * 15); }

.box-1-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 1); }

.box-2-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 2); }

.box-3-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 3); }

.box-4-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 4); }

.box-5-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 5); }

.box-6-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 6); }

.box-7-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 7); }

.box-8-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 8); }

.box-9-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 9); }

.box-10-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 10); }

.box-11-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 11); }

.box-12-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 12); }

.box-13-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 13); }

.box-14-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 14); }

.box-15-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 15); }

.box-16-of-16-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 16 * 16); }

.box-1-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 1); }

.box-2-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 2); }

.box-3-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 3); }

.box-4-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 4); }

.box-5-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 5); }

.box-6-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 6); }

.box-7-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 7); }

.box-8-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 8); }

.box-9-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 9); }

.box-10-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 10); }

.box-11-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 11); }

.box-12-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 12); }

.box-13-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 13); }

.box-14-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 14); }

.box-15-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 15); }

.box-16-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 16); }

.box-17-of-17-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 17 * 17); }

.box-1-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 1); }

.box-2-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 2); }

.box-3-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 3); }

.box-4-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 4); }

.box-5-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 5); }

.box-6-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 6); }

.box-7-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 7); }

.box-8-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 8); }

.box-9-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 9); }

.box-10-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 10); }

.box-11-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 11); }

.box-12-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 12); }

.box-13-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 13); }

.box-14-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 14); }

.box-15-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 15); }

.box-16-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 16); }

.box-17-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 17); }

.box-18-of-18-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 18 * 18); }

.box-1-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 1); }

.box-2-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 2); }

.box-3-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 3); }

.box-4-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 4); }

.box-5-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 5); }

.box-6-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 6); }

.box-7-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 7); }

.box-8-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 8); }

.box-9-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 9); }

.box-10-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 10); }

.box-11-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 11); }

.box-12-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 12); }

.box-13-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 13); }

.box-14-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 14); }

.box-15-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 15); }

.box-16-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 16); }

.box-17-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 17); }

.box-18-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 18); }

.box-19-of-19-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 19 * 19); }

.box-1-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 1); }

.box-2-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 2); }

.box-3-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 3); }

.box-4-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 4); }

.box-5-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 5); }

.box-6-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 6); }

.box-7-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 7); }

.box-8-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 8); }

.box-9-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 9); }

.box-10-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 10); }

.box-11-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 11); }

.box-12-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 12); }

.box-13-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 13); }

.box-14-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 14); }

.box-15-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 15); }

.box-16-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 16); }

.box-17-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 17); }

.box-18-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 18); }

.box-19-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 19); }

.box-20-of-20-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 20 * 20); }

.box-1-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 1); }

.box-2-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 2); }

.box-3-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 3); }

.box-4-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 4); }

.box-5-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 5); }

.box-6-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 6); }

.box-7-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 7); }

.box-8-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 8); }

.box-9-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 9); }

.box-10-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 10); }

.box-11-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 11); }

.box-12-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 12); }

.box-13-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 13); }

.box-14-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 14); }

.box-15-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 15); }

.box-16-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 16); }

.box-17-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 17); }

.box-18-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 18); }

.box-19-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 19); }

.box-20-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 20); }

.box-21-of-21-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 21 * 21); }

.box-1-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 1); }

.box-2-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 2); }

.box-3-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 3); }

.box-4-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 4); }

.box-5-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 5); }

.box-6-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 6); }

.box-7-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 7); }

.box-8-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 8); }

.box-9-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 9); }

.box-10-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 10); }

.box-11-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 11); }

.box-12-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 12); }

.box-13-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 13); }

.box-14-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 14); }

.box-15-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 15); }

.box-16-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 16); }

.box-17-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 17); }

.box-18-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 18); }

.box-19-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 19); }

.box-20-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 20); }

.box-21-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 21); }

.box-22-of-22-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 22 * 22); }

.box-1-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 1); }

.box-2-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 2); }

.box-3-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 3); }

.box-4-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 4); }

.box-5-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 5); }

.box-6-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 6); }

.box-7-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 7); }

.box-8-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 8); }

.box-9-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 9); }

.box-10-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 10); }

.box-11-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 11); }

.box-12-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 12); }

.box-13-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 13); }

.box-14-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 14); }

.box-15-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 15); }

.box-16-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 16); }

.box-17-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 17); }

.box-18-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 18); }

.box-19-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 19); }

.box-20-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 20); }

.box-21-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 21); }

.box-22-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 22); }

.box-23-of-23-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 23 * 23); }

.box-1-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 1); }

.box-2-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 2); }

.box-3-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 3); }

.box-4-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 4); }

.box-5-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 5); }

.box-6-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 6); }

.box-7-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 7); }

.box-8-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 8); }

.box-9-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 9); }

.box-10-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 10); }

.box-11-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 11); }

.box-12-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 12); }

.box-13-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 13); }

.box-14-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 14); }

.box-15-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 15); }

.box-16-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 16); }

.box-17-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 17); }

.box-18-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 18); }

.box-19-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 19); }

.box-20-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 20); }

.box-21-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 21); }

.box-22-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 22); }

.box-23-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 23); }

.box-24-of-24-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 24 * 24); }

.box-1-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 1); }

.box-2-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 2); }

.box-3-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 3); }

.box-4-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 4); }

.box-5-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 5); }

.box-6-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 6); }

.box-7-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 7); }

.box-8-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 8); }

.box-9-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 9); }

.box-10-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 10); }

.box-11-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 11); }

.box-12-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 12); }

.box-13-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 13); }

.box-14-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 14); }

.box-15-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 15); }

.box-16-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 16); }

.box-17-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 17); }

.box-18-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 18); }

.box-19-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 19); }

.box-20-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 20); }

.box-21-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 21); }

.box-22-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 22); }

.box-23-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 23); }

.box-24-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 24); }

.box-25-of-25-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 25 * 25); }

.box-1-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 1); }

.box-2-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 2); }

.box-3-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 3); }

.box-4-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 4); }

.box-5-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 5); }

.box-6-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 6); }

.box-7-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 7); }

.box-8-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 8); }

.box-9-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 9); }

.box-10-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 10); }

.box-11-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 11); }

.box-12-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 12); }

.box-13-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 13); }

.box-14-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 14); }

.box-15-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 15); }

.box-16-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 16); }

.box-17-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 17); }

.box-18-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 18); }

.box-19-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 19); }

.box-20-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 20); }

.box-21-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 21); }

.box-22-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 22); }

.box-23-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 23); }

.box-24-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 24); }

.box-25-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 25); }

.box-26-of-26-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 26 * 26); }

.box-1-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 1); }

.box-2-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 2); }

.box-3-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 3); }

.box-4-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 4); }

.box-5-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 5); }

.box-6-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 6); }

.box-7-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 7); }

.box-8-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 8); }

.box-9-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 9); }

.box-10-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 10); }

.box-11-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 11); }

.box-12-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 12); }

.box-13-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 13); }

.box-14-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 14); }

.box-15-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 15); }

.box-16-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 16); }

.box-17-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 17); }

.box-18-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 18); }

.box-19-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 19); }

.box-20-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 20); }

.box-21-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 21); }

.box-22-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 22); }

.box-23-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 23); }

.box-24-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 24); }

.box-25-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 25); }

.box-26-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 26); }

.box-27-of-27-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 27 * 27); }

.box-1-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 1); }

.box-2-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 2); }

.box-3-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 3); }

.box-4-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 4); }

.box-5-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 5); }

.box-6-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 6); }

.box-7-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 7); }

.box-8-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 8); }

.box-9-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 9); }

.box-10-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 10); }

.box-11-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 11); }

.box-12-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 12); }

.box-13-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 13); }

.box-14-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 14); }

.box-15-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 15); }

.box-16-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 16); }

.box-17-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 17); }

.box-18-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 18); }

.box-19-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 19); }

.box-20-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 20); }

.box-21-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 21); }

.box-22-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 22); }

.box-23-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 23); }

.box-24-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 24); }

.box-25-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 25); }

.box-26-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 26); }

.box-27-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 27); }

.box-28-of-28-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 28 * 28); }

.box-1-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 1); }

.box-2-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 2); }

.box-3-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 3); }

.box-4-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 4); }

.box-5-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 5); }

.box-6-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 6); }

.box-7-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 7); }

.box-8-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 8); }

.box-9-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 9); }

.box-10-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 10); }

.box-11-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 11); }

.box-12-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 12); }

.box-13-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 13); }

.box-14-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 14); }

.box-15-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 15); }

.box-16-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 16); }

.box-17-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 17); }

.box-18-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 18); }

.box-19-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 19); }

.box-20-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 20); }

.box-21-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 21); }

.box-22-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 22); }

.box-23-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 23); }

.box-24-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 24); }

.box-25-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 25); }

.box-26-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 26); }

.box-27-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 27); }

.box-28-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 28); }

.box-29-of-29-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 29 * 29); }

.box-1-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 1); }

.box-2-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 2); }

.box-3-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 3); }

.box-4-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 4); }

.box-5-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 5); }

.box-6-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 6); }

.box-7-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 7); }

.box-8-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 8); }

.box-9-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 9); }

.box-10-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 10); }

.box-11-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 11); }

.box-12-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 12); }

.box-13-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 13); }

.box-14-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 14); }

.box-15-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 15); }

.box-16-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 16); }

.box-17-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 17); }

.box-18-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 18); }

.box-19-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 19); }

.box-20-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 20); }

.box-21-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 21); }

.box-22-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 22); }

.box-23-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 23); }

.box-24-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 24); }

.box-25-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 25); }

.box-26-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 26); }

.box-27-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 27); }

.box-28-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 28); }

.box-29-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 29); }

.box-30-of-30-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 30 * 30); }

.box-1-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 1); }

.box-2-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 2); }

.box-3-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 3); }

.box-4-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 4); }

.box-5-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 5); }

.box-6-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 6); }

.box-7-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 7); }

.box-8-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 8); }

.box-9-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 9); }

.box-10-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 10); }

.box-11-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 11); }

.box-12-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 12); }

.box-13-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 13); }

.box-14-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 14); }

.box-15-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 15); }

.box-16-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 16); }

.box-17-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 17); }

.box-18-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 18); }

.box-19-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 19); }

.box-20-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 20); }

.box-21-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 21); }

.box-22-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 22); }

.box-23-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 23); }

.box-24-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 24); }

.box-25-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 25); }

.box-26-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 26); }

.box-27-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 27); }

.box-28-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 28); }

.box-29-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 29); }

.box-30-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 30); }

.box-31-of-31-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 31 * 31); }

.box-1-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 1); }

.box-2-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 2); }

.box-3-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 3); }

.box-4-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 4); }

.box-5-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 5); }

.box-6-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 6); }

.box-7-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 7); }

.box-8-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 8); }

.box-9-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 9); }

.box-10-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 10); }

.box-11-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 11); }

.box-12-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 12); }

.box-13-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 13); }

.box-14-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 14); }

.box-15-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 15); }

.box-16-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 16); }

.box-17-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 17); }

.box-18-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 18); }

.box-19-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 19); }

.box-20-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 20); }

.box-21-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 21); }

.box-22-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 22); }

.box-23-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 23); }

.box-24-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 24); }

.box-25-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 25); }

.box-26-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 26); }

.box-27-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 27); }

.box-28-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 28); }

.box-29-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 29); }

.box-30-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 30); }

.box-31-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 31); }

.box-32-of-32-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 32 * 32); }

.box-1-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 1); }

.box-2-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 2); }

.box-3-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 3); }

.box-4-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 4); }

.box-5-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 5); }

.box-6-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 6); }

.box-7-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 7); }

.box-8-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 8); }

.box-9-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 9); }

.box-10-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 10); }

.box-11-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 11); }

.box-12-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 12); }

.box-13-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 13); }

.box-14-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 14); }

.box-15-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 15); }

.box-16-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 16); }

.box-17-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 17); }

.box-18-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 18); }

.box-19-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 19); }

.box-20-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 20); }

.box-21-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 21); }

.box-22-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 22); }

.box-23-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 23); }

.box-24-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 24); }

.box-25-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 25); }

.box-26-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 26); }

.box-27-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 27); }

.box-28-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 28); }

.box-29-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 29); }

.box-30-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 30); }

.box-31-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 31); }

.box-32-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 32); }

.box-33-of-33-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 33 * 33); }

.box-1-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 1); }

.box-2-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 2); }

.box-3-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 3); }

.box-4-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 4); }

.box-5-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 5); }

.box-6-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 6); }

.box-7-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 7); }

.box-8-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 8); }

.box-9-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 9); }

.box-10-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 10); }

.box-11-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 11); }

.box-12-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 12); }

.box-13-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 13); }

.box-14-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 14); }

.box-15-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 15); }

.box-16-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 16); }

.box-17-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 17); }

.box-18-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 18); }

.box-19-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 19); }

.box-20-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 20); }

.box-21-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 21); }

.box-22-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 22); }

.box-23-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 23); }

.box-24-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 24); }

.box-25-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 25); }

.box-26-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 26); }

.box-27-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 27); }

.box-28-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 28); }

.box-29-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 29); }

.box-30-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 30); }

.box-31-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 31); }

.box-32-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 32); }

.box-33-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 33); }

.box-34-of-34-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 34 * 34); }

.box-1-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 1); }

.box-2-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 2); }

.box-3-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 3); }

.box-4-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 4); }

.box-5-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 5); }

.box-6-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 6); }

.box-7-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 7); }

.box-8-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 8); }

.box-9-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 9); }

.box-10-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 10); }

.box-11-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 11); }

.box-12-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 12); }

.box-13-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 13); }

.box-14-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 14); }

.box-15-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 15); }

.box-16-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 16); }

.box-17-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 17); }

.box-18-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 18); }

.box-19-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 19); }

.box-20-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 20); }

.box-21-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 21); }

.box-22-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 22); }

.box-23-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 23); }

.box-24-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 24); }

.box-25-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 25); }

.box-26-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 26); }

.box-27-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 27); }

.box-28-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 28); }

.box-29-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 29); }

.box-30-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 30); }

.box-31-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 31); }

.box-32-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 32); }

.box-33-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 33); }

.box-34-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 34); }

.box-35-of-35-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 35 * 35); }

.box-1-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 1); }

.box-2-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 2); }

.box-3-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 3); }

.box-4-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 4); }

.box-5-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 5); }

.box-6-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 6); }

.box-7-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 7); }

.box-8-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 8); }

.box-9-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 9); }

.box-10-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 10); }

.box-11-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 11); }

.box-12-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 12); }

.box-13-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 13); }

.box-14-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 14); }

.box-15-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 15); }

.box-16-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 16); }

.box-17-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 17); }

.box-18-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 18); }

.box-19-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 19); }

.box-20-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 20); }

.box-21-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 21); }

.box-22-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 22); }

.box-23-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 23); }

.box-24-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 24); }

.box-25-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 25); }

.box-26-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 26); }

.box-27-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 27); }

.box-28-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 28); }

.box-29-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 29); }

.box-30-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 30); }

.box-31-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 31); }

.box-32-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 32); }

.box-33-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 33); }

.box-34-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 34); }

.box-35-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 35); }

.box-36-of-36-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 36 * 36); }

.box-1-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 1); }

.box-2-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 2); }

.box-3-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 3); }

.box-4-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 4); }

.box-5-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 5); }

.box-6-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 6); }

.box-7-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 7); }

.box-8-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 8); }

.box-9-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 9); }

.box-10-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 10); }

.box-11-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 11); }

.box-12-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 12); }

.box-13-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 13); }

.box-14-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 14); }

.box-15-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 15); }

.box-16-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 16); }

.box-17-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 17); }

.box-18-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 18); }

.box-19-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 19); }

.box-20-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 20); }

.box-21-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 21); }

.box-22-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 22); }

.box-23-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 23); }

.box-24-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 24); }

.box-25-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 25); }

.box-26-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 26); }

.box-27-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 27); }

.box-28-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 28); }

.box-29-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 29); }

.box-30-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 30); }

.box-31-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 31); }

.box-32-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 32); }

.box-33-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 33); }

.box-34-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 34); }

.box-35-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 35); }

.box-36-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 36); }

.box-37-of-37-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 37 * 37); }

.box-1-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 1); }

.box-2-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 2); }

.box-3-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 3); }

.box-4-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 4); }

.box-5-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 5); }

.box-6-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 6); }

.box-7-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 7); }

.box-8-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 8); }

.box-9-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 9); }

.box-10-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 10); }

.box-11-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 11); }

.box-12-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 12); }

.box-13-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 13); }

.box-14-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 14); }

.box-15-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 15); }

.box-16-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 16); }

.box-17-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 17); }

.box-18-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 18); }

.box-19-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 19); }

.box-20-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 20); }

.box-21-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 21); }

.box-22-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 22); }

.box-23-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 23); }

.box-24-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 24); }

.box-25-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 25); }

.box-26-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 26); }

.box-27-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 27); }

.box-28-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 28); }

.box-29-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 29); }

.box-30-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 30); }

.box-31-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 31); }

.box-32-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 32); }

.box-33-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 33); }

.box-34-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 34); }

.box-35-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 35); }

.box-36-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 36); }

.box-37-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 37); }

.box-38-of-38-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 38 * 38); }

.box-1-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 1); }

.box-2-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 2); }

.box-3-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 3); }

.box-4-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 4); }

.box-5-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 5); }

.box-6-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 6); }

.box-7-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 7); }

.box-8-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 8); }

.box-9-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 9); }

.box-10-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 10); }

.box-11-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 11); }

.box-12-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 12); }

.box-13-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 13); }

.box-14-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 14); }

.box-15-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 15); }

.box-16-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 16); }

.box-17-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 17); }

.box-18-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 18); }

.box-19-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 19); }

.box-20-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 20); }

.box-21-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 21); }

.box-22-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 22); }

.box-23-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 23); }

.box-24-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 24); }

.box-25-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 25); }

.box-26-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 26); }

.box-27-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 27); }

.box-28-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 28); }

.box-29-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 29); }

.box-30-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 30); }

.box-31-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 31); }

.box-32-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 32); }

.box-33-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 33); }

.box-34-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 34); }

.box-35-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 35); }

.box-36-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 36); }

.box-37-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 37); }

.box-38-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 38); }

.box-39-of-39-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 39 * 39); }

.box-1-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 1); }

.box-2-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 2); }

.box-3-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 3); }

.box-4-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 4); }

.box-5-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 5); }

.box-6-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 6); }

.box-7-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 7); }

.box-8-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 8); }

.box-9-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 9); }

.box-10-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 10); }

.box-11-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 11); }

.box-12-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 12); }

.box-13-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 13); }

.box-14-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 14); }

.box-15-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 15); }

.box-16-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 16); }

.box-17-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 17); }

.box-18-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 18); }

.box-19-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 19); }

.box-20-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 20); }

.box-21-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 21); }

.box-22-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 22); }

.box-23-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 23); }

.box-24-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 24); }

.box-25-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 25); }

.box-26-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 26); }

.box-27-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 27); }

.box-28-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 28); }

.box-29-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 29); }

.box-30-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 30); }

.box-31-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 31); }

.box-32-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 32); }

.box-33-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 33); }

.box-34-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 34); }

.box-35-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 35); }

.box-36-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 36); }

.box-37-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 37); }

.box-38-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 38); }

.box-39-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 39); }

.box-40-of-40-nm {
  float: left;
  margin: 0;
  width: calc(99.99% / 40 * 40); }

.container-of-1 > li:nth-child(1n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-1 {
  width: calc(1px * 10); }

.fg-box-1 {
  flex: 1; }

.container-of-2 > li:nth-child(2n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-2 {
  width: calc(2px * 10); }

.fg-box-2 {
  flex: 2; }

.container-of-3 > li:nth-child(3n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-3 {
  width: calc(3px * 10); }

.fg-box-3 {
  flex: 3; }

.container-of-4 > li:nth-child(4n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-4 {
  width: calc(4px * 10); }

.fg-box-4 {
  flex: 4; }

.container-of-5 > li:nth-child(5n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-5 {
  width: calc(5px * 10); }

.fg-box-5 {
  flex: 5; }

.container-of-6 > li:nth-child(6n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-6 {
  width: calc(6px * 10); }

.fg-box-6 {
  flex: 6; }

.container-of-7 > li:nth-child(7n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-7 {
  width: calc(7px * 10); }

.fg-box-7 {
  flex: 7; }

.container-of-8 > li:nth-child(8n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-8 {
  width: calc(8px * 10); }

.fg-box-8 {
  flex: 8; }

.container-of-9 > li:nth-child(9n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-9 {
  width: calc(9px * 10); }

.fg-box-9 {
  flex: 9; }

.container-of-10 > li:nth-child(10n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-10 {
  width: calc(10px * 10); }

.fg-box-10 {
  flex: 10; }

.container-of-11 > li:nth-child(11n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-11 {
  width: calc(11px * 10); }

.fg-box-11 {
  flex: 11; }

.container-of-12 > li:nth-child(12n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-12 {
  width: calc(12px * 10); }

.fg-box-12 {
  flex: 12; }

.container-of-13 > li:nth-child(13n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-13 {
  width: calc(13px * 10); }

.fg-box-13 {
  flex: 13; }

.container-of-14 > li:nth-child(14n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-14 {
  width: calc(14px * 10); }

.fg-box-14 {
  flex: 14; }

.container-of-15 > li:nth-child(15n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-15 {
  width: calc(15px * 10); }

.fg-box-15 {
  flex: 15; }

.container-of-16 > li:nth-child(16n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-16 {
  width: calc(16px * 10); }

.fg-box-16 {
  flex: 16; }

.container-of-17 > li:nth-child(17n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-17 {
  width: calc(17px * 10); }

.fg-box-17 {
  flex: 17; }

.container-of-18 > li:nth-child(18n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-18 {
  width: calc(18px * 10); }

.fg-box-18 {
  flex: 18; }

.container-of-19 > li:nth-child(19n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-19 {
  width: calc(19px * 10); }

.fg-box-19 {
  flex: 19; }

.container-of-20 > li:nth-child(20n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-20 {
  width: calc(20px * 10); }

.fg-box-20 {
  flex: 20; }

.container-of-21 > li:nth-child(21n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-21 {
  width: calc(21px * 10); }

.fg-box-21 {
  flex: 21; }

.container-of-22 > li:nth-child(22n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-22 {
  width: calc(22px * 10); }

.fg-box-22 {
  flex: 22; }

.container-of-23 > li:nth-child(23n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-23 {
  width: calc(23px * 10); }

.fg-box-23 {
  flex: 23; }

.container-of-24 > li:nth-child(24n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-24 {
  width: calc(24px * 10); }

.fg-box-24 {
  flex: 24; }

.container-of-25 > li:nth-child(25n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-25 {
  width: calc(25px * 10); }

.fg-box-25 {
  flex: 25; }

.container-of-26 > li:nth-child(26n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-26 {
  width: calc(26px * 10); }

.fg-box-26 {
  flex: 26; }

.container-of-27 > li:nth-child(27n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-27 {
  width: calc(27px * 10); }

.fg-box-27 {
  flex: 27; }

.container-of-28 > li:nth-child(28n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-28 {
  width: calc(28px * 10); }

.fg-box-28 {
  flex: 28; }

.container-of-29 > li:nth-child(29n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-29 {
  width: calc(29px * 10); }

.fg-box-29 {
  flex: 29; }

.container-of-30 > li:nth-child(30n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-30 {
  width: calc(30px * 10); }

.fg-box-30 {
  flex: 30; }

.container-of-31 > li:nth-child(31n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-31 {
  width: calc(31px * 10); }

.fg-box-31 {
  flex: 31; }

.container-of-32 > li:nth-child(32n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-32 {
  width: calc(32px * 10); }

.fg-box-32 {
  flex: 32; }

.container-of-33 > li:nth-child(33n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-33 {
  width: calc(33px * 10); }

.fg-box-33 {
  flex: 33; }

.container-of-34 > li:nth-child(34n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-34 {
  width: calc(34px * 10); }

.fg-box-34 {
  flex: 34; }

.container-of-35 > li:nth-child(35n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-35 {
  width: calc(35px * 10); }

.fg-box-35 {
  flex: 35; }

.container-of-36 > li:nth-child(36n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-36 {
  width: calc(36px * 10); }

.fg-box-36 {
  flex: 36; }

.container-of-37 > li:nth-child(37n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-37 {
  width: calc(37px * 10); }

.fg-box-37 {
  flex: 37; }

.container-of-38 > li:nth-child(38n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-38 {
  width: calc(38px * 10); }

.fg-box-38 {
  flex: 38; }

.container-of-39 > li:nth-child(39n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-39 {
  width: calc(39px * 10); }

.fg-box-39 {
  flex: 39; }

.container-of-40 > li:nth-child(40n + 1) {
  margin-left: 0;
  clear: both; }

.fixed-width-40 {
  width: calc(40px * 10); }

.fg-box-40 {
  flex: 40; }

div[class^=control-] {
  height: 37px;
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #D9DBE7;
  clear: both;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center; }
  div[class^=control-].r-version {
    background: white; }
  div[class^=control-] > div {
    padding: 0 10px;
    float: left; }
  div[class^=control-] i {
    color: #5AC3CA;
    font-size: 15px;
    padding-right: 15px; }
  div[class^=control-].control-time input {
    border: none;
    padding: 0 10px;
    height: 35px; }
  div[class^=control-].control-time i.icon-dropdown {
    color: #72A5D4;
    padding: 10px;
    font-size: 15px; }
  div[class^=control-].control-date > div {
    text-align: left;
    width: 100%; }
  div[class^=control-].control-check {
    background: none;
    border: 0;
    height: 22px; }
    div[class^=control-].control-check > div {
      line-height: 30px;
      padding: 0 5px; }
    div[class^=control-].control-check > span {
      font-size: 0.875em; }
    div[class^=control-].control-check i.icon-check, div[class^=control-].control-check i.icon-check-1 {
      background: #FFFFFF;
      border: 1px solid #d9dbe7;
      padding: 3px;
      font-size: 15px;
      color: #5AC3CA;
      margin-right: 10px; }
    div[class^=control-].control-check i.icon-incoming-call, div[class^=control-].control-check i.icon-inbound {
      color: #80CD42; }
    div[class^=control-].control-check i.icon-outgoing-call, div[class^=control-].control-check i.icon-outbound {
      color: #FB5135; }
    div[class^=control-].control-check i.icon-internal-call, div[class^=control-].control-check i.icon-internal {
      color: #72A5D4; }
    div[class^=control-].control-check.disabled i.icon-check, div[class^=control-].control-check.disabled i.icon-check-1 {
      color: #FFFFFF !important; }
    div[class^=control-].control-check.disabled.reversed i.icon-check, div[class^=control-].control-check.disabled.reversed i.icon-check-1 {
      color: #fdf7f5 !important; }
  div[class^=control-].control-radio {
    background: none;
    border: 0;
    color: #53576B; }
    div[class^=control-].control-radio > p {
      display: inline-block;
      margin-right: 15px;
      vertical-align: middle; }
      div[class^=control-].control-radio > p:last-of-type {
        margin-right: 0; }
    div[class^=control-].control-radio span {
      margin-right: 15px; }
      div[class^=control-].control-radio span + span {
        margin-left: 15px; }
      div[class^=control-].control-radio span.outer {
        border: 1px solid #D9DBE7;
        display: inline-block;
        line-height: 1px;
        border-radius: 100%;
        padding: 3px;
        background: #FFFFFF;
        vertical-align: middle; }
      div[class^=control-].control-radio span.inner {
        display: inline-block;
        border-radius: 100%;
        padding: 0;
        width: 13px;
        height: 13px;
        margin: 0; }
        div[class^=control-].control-radio span.inner.active {
          background: #72A5D4; }
    div[class^=control-].control-radio.radio-multiple {
      display: block;
      height: auto; }
      div[class^=control-].control-radio.radio-multiple > ul > li {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        flex-direction: column;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column; }
        div[class^=control-].control-radio.radio-multiple > ul > li:first-child {
          margin-left: 0; }
        div[class^=control-].control-radio.radio-multiple > ul > li > p {
          margin-top: 10px; }
          div[class^=control-].control-radio.radio-multiple > ul > li > p > span {
            margin: 0; }
      @media only screen and (max-width: 767px) {
        div[class^=control-].control-radio.radio-multiple > ul > li:nth-child(2n+1) {
          margin-left: 0;
          clear: both; } }
      div[class^=control-].control-radio.radio-multiple.highlight .rm-content {
        border: 1px solid #FFFFFF; }
        div[class^=control-].control-radio.radio-multiple.highlight .rm-content.active {
          border-color: #72A5D4;
          overflow: hidden; }
      div[class^=control-].control-radio.radio-multiple.content-right > ul > li, div.content-right-top[class^=control-].control-radio.radio-multiple > ul > li {
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        flex-direction: row-reverse;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        margin-bottom: 0; }
        div[class^=control-].control-radio.radio-multiple.content-right > ul > li > p, div.content-right-top[class^=control-].control-radio.radio-multiple > ul > li > p {
          margin: 0 20px 0 0;
          width: auto; }
      div[class^=control-].control-radio.radio-multiple.content-right-top > ul > li {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start; }
      div[class^=control-].control-radio.radio-multiple.content-bottom > ul > li {
        -webkit-box-direction: reverse;
        -webkit-box-orient: vertical;
        flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        -moz-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse; }
        div[class^=control-].control-radio.radio-multiple.content-bottom > ul > li > p {
          margin: 0 0 10px 0; }
  div[class^=control-].control-color {
    background: none;
    display: block;
    height: auto;
    border: none; }
    div[class^=control-].control-color .sp-replacer {
      padding: 14px 10px;
      float: none; }

.box-1r p, .box-1r input {
  width: 100%;
  line-height: 37px;
  font-size: 1em;
  box-sizing: border-box;
  padding: 0 10px; }

.box-1r p {
  height: 37px;
  line-height: 18px;
  padding: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center; }

.field-box {
  margin-bottom: 20px;
  border-radius: 3px; }
  .field-box > p, .field-box > label {
    display: block;
    margin-bottom: 5px;
    color: #53576B;
    font-size: 0.875em;
    line-height: 16px; }
    .field-box > p span, .field-box > label span {
      color: #72A5D4;
      position: relative;
      top: -1px;
      line-height: 12px;
      display: inline-block; }
  .field-box .toggle-info {
    position: relative;
    bottom: -3px;
    height: 14px;
    font-size: 12px !important; }
    .field-box .toggle-info._2 {
      top: 2px !important;
      bottom: auto !important;
      right: 12px;
      position: absolute; }
  .field-box.radio-default {
    background: none;
    border: none;
    padding-left: 0; }
    .field-box.radio-default > p {
      font-size: 14px;
      color: #53576B;
      margin-bottom: 7px; }
  .field-box .profile-picture {
    max-height: 172px; }
  .field-box .profile-pic {
    position: absolute;
    top: 26px;
    right: 0;
    bottom: 0;
    left: 0;
    background: none;
    border: 1px solid #D9DBE7;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
    .field-box .profile-pic:hover > button {
      display: block; }
    .field-box .profile-pic button {
      display: none;
      padding: 0 10px; }
  .field-box .selected-list {
    border: 1px solid #D9DBE7;
    background: #FFFFFF;
    padding: 10px;
    margin-top: 10px;
    min-height: 196px; }
    .field-box .selected-list > li {
      background: #EDEEF3;
      margin-bottom: 10px;
      position: relative;
      white-space: nowrap;
      overflow: hidden;
      padding: 10px 28px 10px 10px;
      text-overflow: ellipsis; }
      .field-box .selected-list > li i {
        position: absolute;
        right: 10px;
        top: 8px;
        cursor: pointer;
        font-size: 20px; }
        .field-box .selected-list > li i:hover {
          color: #FBAE35; }
      .field-box .selected-list > li:last-child {
        margin-bottom: 0; }
  .field-box button {
    line-height: 27px !important; }
  .field-box input, .field-box select {
    width: 100%;
    font-size: 1em;
    height: 37px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 0 10px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
    .field-box input::placeholder, .field-box select::placeholder {
      color: #D9DBE7; }
    .field-box input:-ms-input-placeholder, .field-box select:-ms-input-placeholder {
      color: #D9DBE7; }
    .field-box input::-ms-input-placeholder, .field-box select::-ms-input-placeholder {
      color: #D9DBE7; }
  .field-box textarea {
    border: 1px solid #D9DBE7;
    outline: none;
    width: 100%;
    font-family: "Lato";
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    height: auto;
    min-height: 70px;
    box-sizing: border-box;
    max-width: 100%; }
  .field-box.w_input input {
    display: none; }
  .field-box.address .toggle_address_editor {
    position: absolute;
    right: 0;
    top: 0; }
    .field-box.address .toggle_address_editor:hover {
      cursor: pointer;
      color: #FBAE35; }
  .field-box.address > div {
    border: 1px solid #D9DBE7;
    padding: 10px; }
  .field-box.address._is_yay {
    min-height: 121px; }
    @media only screen and (max-width: 1023px) {
      .field-box.address._is_yay {
        min-height: 0; } }
  .field-box._sip_password input, .field-box._sip_username input, .field-box._sip_auth_code input {
    padding-right: 70px !important; }
  .field-box._sip_password ._gen, .field-box._sip_username ._gen, .field-box._sip_auth_code ._gen {
    position: absolute;
    right: 45px;
    bottom: 8px;
    color: #80CD42;
    cursor: pointer;
    font-size: 20px; }
    .field-box._sip_password ._gen:hover, .field-box._sip_username ._gen:hover, .field-box._sip_auth_code ._gen:hover {
      color: #FBAE35; }
    .field-box._sip_password ._gen.spin-me, .field-box._sip_username ._gen.spin-me, .field-box._sip_auth_code ._gen.spin-me {
      -webkit-animation: spin-me 0.4s infinite linear;
      animation: spin-me 0.4s infinite linear;
      animation-name: spin-me;
      animation-duration: 0.4s;
      animation-timing-function: linear;
      animation-delay: initial;
      animation-iteration-count: infinite;
      animation-direction: initial;
      animation-fill-mode: initial;
      animation-play-state: initial; }
  .field-box.uploader {
    position: relative;
    background-color: white; }
    .field-box.uploader input[type=file] {
      display: none; }
    .field-box.uploader input {
      padding-right: 80px !important;
      pointer-events: none;
      height: 18px;
      border: none; }
    .field-box.uploader > button {
      bottom: 50%;
      transform: translateY(50%);
      right: 10px;
      font-size: 12px;
      position: absolute;
      padding: 11px;
      line-height: 1.2 !important; }
    .field-box.uploader .icon-x-alt {
      position: absolute;
      bottom: 10px;
      right: 80px; }
      .field-box.uploader .icon-x-alt:hover {
        color: #FBAE35;
        cursor: pointer; }
  .field-box.color-picker {
    position: relative; }
    .field-box.color-picker p.color-line {
      width: calc(100% - 43px);
      background: #5AC3CA;
      padding: 14px 10px 15px; }
      .field-box.color-picker p.color-line span {
        display: inline-block;
        width: 100%;
        height: 8px;
        background: #53576B;
        position: relative;
        top: 0; }
    .field-box.color-picker input {
      display: none; }
    .field-box.color-picker button {
      position: absolute;
      padding: 0;
      bottom: 5px;
      right: 5px; }
      .field-box.color-picker button i {
        font-size: 17px;
        padding: 5px;
        color: #FFFFFF; }
  .field-box.adding-enabled {
    position: relative; }
    .field-box.adding-enabled .icon-plus-alt, .field-box.adding-enabled .icon-plus {
      color: #53576B;
      position: absolute;
      top: 24px;
      font-size: 22px;
      right: 10px;
      z-index: 2; }
      .field-box.adding-enabled .icon-plus-alt.helper, .field-box.adding-enabled .icon-plus.helper {
        top: 25px; }
      .field-box.adding-enabled .icon-plus-alt.top-24, .field-box.adding-enabled .icon-plus.top-24 {
        top: 24px; }
      .field-box.adding-enabled .icon-plus-alt:hover, .field-box.adding-enabled .icon-plus:hover {
        color: #FBAE35;
        cursor: pointer; }
    .field-box.adding-enabled input {
      padding-right: 40px; }
    .field-box.adding-enabled .control-select {
      width: calc(100% - 42px); }
    .field-box.adding-enabled .invalid-box {
      bottom: auto !important;
      top: -13px; }
    .field-box.adding-enabled .is-valid {
      display: none !important; }
    .field-box.adding-enabled._v2 {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-align-items: flex-start;
      -moz-align-items: flex-start; }
      .field-box.adding-enabled._v2 > div {
        flex: 1; }
        .field-box.adding-enabled._v2 > div > p {
          margin-bottom: 10px;
          color: #53576B;
          font-size: 0.875em;
          line-height: 16px; }
        .field-box.adding-enabled._v2 > div .helper {
          right: calc(50% + 25px); }
      .field-box.adding-enabled._v2 > ul {
        margin: 26px 0 0 10px;
        flex: 1; }
      @media only screen and (max-width: 767px) {
        .field-box.adding-enabled._v2 > ul {
          min-height: 37px !important; } }
      @media only screen and (max-width: 479px) {
        .field-box.adding-enabled._v2 {
          display: block; }
          .field-box.adding-enabled._v2 > div .helper {
            right: 10px; }
          .field-box.adding-enabled._v2 > ul {
            margin: 10px 0 0 0; } }
  .field-box.validated input {
    padding-right: 40px; }
  .field-box.checkbox-list > ul {
    background: #FFFFFF;
    border: 1px solid #D9DBE7;
    padding: 10px; }
    .field-box.checkbox-list > ul > li {
      overflow: auto;
      margin-bottom: 1px; }
      .field-box.checkbox-list > ul > li:last-child {
        margin-bottom: 0; }
      .field-box.checkbox-list > ul > li > p {
        float: left;
        line-height: 35px;
        padding-left: 6px; }
      .field-box.checkbox-list > ul > li .control-check {
        clear: none;
        float: right;
        height: 35px;
        min-height: 35px; }
        .field-box.checkbox-list > ul > li .control-check > i {
          margin-right: 6px; }
      .field-box.checkbox-list > ul > li.selected {
        background: #EDEEF3; }
  .field-box .twitter-typeahead input {
    background: white !important; }
  .field-box.disabled input {
    background: #EDEEF3;
    pointer-events: none;
    color: #b4b7c9; }
  .field-box.disabled select {
    background: #EDEEF3;
    pointer-events: none;
    color: #FFFFFF; }
  .field-box.disabled .control-select {
    background: #EDEEF3; }
    .field-box.disabled .control-select .select-val span, .field-box.disabled .control-select .select-val i {
      color: #b4b7c9; }
  .field-box.disabled .twitter-typeahead input {
    background: #EDEEF3 !important; }
  .field-box.disabled .helper {
    color: #b4b7c9;
    pointer-events: none !important; }
  .field-box.disabled textarea {
    background: #EDEEF3;
    color: #b4b7c9; }
  .field-box.disabled .selected-list {
    background: #EDEEF3; }
    .field-box.disabled .selected-list > li {
      background: #EDEEF3;
      color: #b4b7c9; }
      .field-box.disabled .selected-list > li i {
        color: #b4b7c9;
        pointer-events: none; }

.field-box-buttons {
  padding-left: 8px;
  padding-top: 21px;
  margin-bottom: 17px; }

input, select {
  outline: none;
  padding: 10px;
  display: block;
  font-family: "Lato", sans-serif;
  font-size: 1em;
  font-weight: 300;
  border: 1px solid #D9DBE7;
  border-radius: 0; }
  input:disabled, select:disabled {
    color: #b4b7c9; }
  input:focus, select:focus {
    border: 1px solid #FBAE35; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  font-family: "Lato", sans-serif; }
  select::-ms-expand {
    display: none; }

.control-select {
  cursor: pointer;
  outline: none;
  position: relative; }
  .control-select p.select-val {
    outline: none;
    font-size: 1em;
    padding: 0 30px 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; }
    .control-select p.select-val span {
      color: #53576B; }
    .control-select p.select-val i {
      color: #72A5D4;
      font-size: 15px !important;
      position: absolute;
      top: 10px;
      width: 15px;
      right: 10px; }
  .control-select .select-options {
    display: none;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    padding: 5px 0;
    background: #FBAE35; }
    .control-select .select-options section p.section-header {
      background: #53576B;
      padding: 10px;
      font-size: 16px;
      color: #FFFFFF; }
    .control-select .select-options section ul {
      background: #FBAE35;
      max-height: 270px;
      overflow: auto;
      width: 100%;
      box-sizing: border-box;
      color: #FFFFFF; }
      .control-select .select-options section ul > li {
        padding: 5px 10px;
        font-size: 14px;
        color: #FFFFFF;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
        .control-select .select-options section ul > li.active {
          background: #FFFFFF;
          color: #53576B; }
        .control-select .select-options section ul > li.disabled {
          background: #EDEEF3;
          color: #b4b7c9; }
  .control-select select {
    border: 0;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
  @media only screen and (max-width: 767px) {
    .control-select select {
      clip: auto;
      margin: 0;
      overflow: auto;
      width: calc(100% + 18px);
      top: -8px;
      height: 34px !important;
      opacity: 0; } }

.module-counter {
  display: inline-block;
  border: 1px solid #D9DBE7;
  padding: 7px 10px;
  min-width: 108px; }
  .module-counter:after, .module-counter:before {
    content: " ";
    display: block;
    clear: both; }
  .module-counter i {
    width: 16px;
    float: left;
    font-size: 16px;
    color: #53576B;
    cursor: pointer; }
    .module-counter i:hover {
      color: #FBAE35; }
  .module-counter input.count {
    float: left;
    display: inline-block;
    width: 34px;
    color: #53576B;
    text-align: center;
    margin: 0 10px;
    line-height: 16px;
    font-size: 15px;
    padding: 0;
    border: none; }

.label-editor {
  background: white;
  padding: 10px 0 0 10px;
  overflow: auto; }
  .label-editor > span {
    float: left !important;
    width: auto !important; }
  .label-editor .tag {
    background: #EDEEF3;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 3px;
    display: inline-block;
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
    .label-editor .tag span {
      display: inline-block;
      margin-right: 10px; }
      .label-editor .tag span.hover {
        display: none;
        border-radius: 3px;
        position: absolute;
        width: 100%;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #FBAE35;
        text-align: center; }
        .label-editor .tag span.hover i {
          color: white;
          font-size: 18px;
          animation: spin 4s linear 0s infinite; }
    .label-editor .tag i {
      color: #53576B;
      cursor: pointer; }
      .label-editor .tag i:hover {
        color: #FBAE35; }
  .label-editor h3 {
    color: white; }
  .label-editor input {
    width: 300px;
    float: left;
    display: inline-block;
    line-height: 30px;
    padding: 0;
    margin: 0 10px 10px 0;
    height: 30px;
    border: none; }
    .label-editor input:focus {
      border: none; }
  @media only screen and (max-width: 767px) {
    .label-editor {
      padding: 10px 10px 0 20px; } }

.disabled-form > div {
  pointer-events: none; }
  .disabled-form > div.control-check .icon-check {
    background: #D9DBE7 !important;
    color: #D9DBE7 !important; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 43px;
  height: 22px; }

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0; }

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s; }

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s; }

input:checked + .slider {
  background-color: #80CD42; }

input:focus + .slider {
  box-shadow: 0 0 1px #80CD42; }

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

/* Rounded sliders */
.slider.round {
  border-radius: 34px; }

.slider.round:before {
  border-radius: 50%; }

.toggle {
  margin-bottom: 20px; }
  .toggle > p > label {
    margin-right: 10px;
    vertical-align: middle; }
  @media only screen and (max-width: 479px) {
    .toggle {
      width: 100%; } }

p {
  line-height: 1.5em;
  color: #53576B; }
  p a {
    font-size: 1em; }
  p span {
    color: #72A5D4; }
    p span.clickable {
      cursor: pointer; }
      p span.clickable:hover {
        color: #FBAE35; }
  p.title {
    margin-bottom: 20px;
    color: #72A5D4;
    font-size: 1.125em; }
  p.heading {
    padding: 30px 0;
    line-height: 1.125em;
    font-size: 1em; }
    p.heading span {
      font-size: 1.25em;
      padding-right: 20px;
      margin-right: 20px;
      font-family: "Roboto";
      border-right: 1px solid #D9DBE7; }
  p.normalize {
    color: #53576B;
    font-size: 1em; }
  p.smaller {
    font-size: 0.875em; }
    p.smaller.info {
      color: rgba(83, 87, 107, 0.6); }
  @media only screen and (max-width: 767px) {
    p {
      font-size: 14px; } }

a {
  color: #5AC3CA;
  text-decoration: none; }
  a:hover {
    color: #FBAE35; }
  a._u {
    text-decoration: underline; }
    a._u:hover {
      text-decoration: none; }
  a.link {
    text-decoration: underline; }

i.clickable {
  cursor: pointer; }
  i.clickable:hover {
    color: #FBAE35 !important; }

strong {
  font-weight: bolder; }

sup {
  vertical-align: super;
  font-size: 0.675em;
  display: inline;
  line-height: 0; }

h1,
h2 {
  font-size: 1.125em;
  color: #53576B;
  line-height: 1.5em; }

h1 + h2 {
  margin-top: 15px; }

h2 {
  padding: 20px 0;
  color: #72A5D4;
  font-family: "Roboto"; }
  @media only screen and (max-width: 767px) {
    h2 {
      font-size: 16px;
      padding: 20px 0; } }

h3 {
  line-height: 1.5; }

i.icon-outgoing-call, i.icon-outbound {
  font-size: 22px !important;
  color: #FB5135 !important; }

i.icon-incoming-call, i.icon-inbound {
  font-size: 22px !important;
  color: #80CD42 !important; }

i.icon-internal-call, i.change-priority, i.icon-internal {
  font-size: 22px !important;
  color: #72A5D4 !important; }
  i.icon-internal-call.clickable, i.change-priority.clickable, i.icon-internal.clickable {
    cursor: pointer; }
    i.icon-internal-call.clickable:hover, i.change-priority.clickable:hover, i.icon-internal.clickable:hover {
      color: #FBAE35 !important; }

i.closed, i.icon-call {
  opacity: 0.3; }

i.open {
  opacity: 1;
  color: #5AC3CA; }

i.confirmed {
  opacity: 1;
  color: #F45AFB; }

i.early {
  opacity: 1;
  animation: early 0.5s linear 0s infinite alternate; }

i.disabled {
  color: #D9DBE7 !important;
  pointer-events: none !important; }

i.software-download, i.software-faq {
  font-size: 22px; }
  i.software-download:hover, i.software-faq:hover {
    color: #FBAE35;
    cursor: pointer; }

i.software-download {
  color: #5AC3CA;
  margin-right: 10px; }

i.reversed {
  position: relative;
  transform: rotateX(180deg); }

.lighter {
  color: #837470; }

.buy-numbers-heading {
  color: #53576B;
  font-size: 24px;
  margin: 20px 0; }
  .buy-numbers-heading > span {
    color: #53576B; }

/***
Spectrum Colorpicker v1.8.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  /* https://github.com/bgrins/spectrum/issues/40 */
  z-index: 9999994;
  overflow: hidden; }

.sp-container.sp-flat {
  position: relative; }

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position: relative;
  width: 100%;
  display: inline-block; }

.sp-top-inner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-color {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%; }

.sp-hue {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 100%; }

.sp-clear-enabled .sp-hue {
  top: 33px;
  height: 77.5%; }

.sp-fill {
  padding-top: 80%; }

.sp-sat, .sp-val {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.sp-alpha-enabled .sp-top {
  margin-bottom: 18px; }

.sp-alpha-enabled .sp-alpha {
  display: block; }

.sp-alpha-handle {
  position: absolute;
  top: -4px;
  bottom: -4px;
  width: 6px;
  left: 50%;
  cursor: pointer;
  border: 1px solid black;
  background: white;
  opacity: .8; }

.sp-alpha {
  display: none;
  position: absolute;
  bottom: -14px;
  right: 0;
  left: 0;
  height: 8px; }

.sp-alpha-inner {
  border: solid 1px #333; }

.sp-clear {
  display: none; }

.sp-clear.sp-clear-display {
  background-position: center; }

.sp-clear-enabled .sp-clear {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 84%;
  height: 28px; }

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  user-select: none; }

.sp-container.sp-input-disabled .sp-input-container {
  display: none; }

.sp-container.sp-buttons-disabled .sp-button-container {
  display: none; }

.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
  display: none; }

.sp-palette-only .sp-picker-container {
  display: none; }

.sp-palette-disabled .sp-palette-container {
  display: none; }

.sp-initial-disabled .sp-initial {
  display: none; }

/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
  background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81'); }

.sp-val {
  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
  background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
  background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
  background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000'); }

.sp-hue {
  background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
  background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); }

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00'); }

.sp-2 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00'); }

.sp-3 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff'); }

.sp-4 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff'); }

.sp-5 {
  height: 16%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff'); }

.sp-6 {
  height: 17%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000'); }

.sp-hidden {
  display: none !important; }

/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
  content: "";
  display: table; }

.sp-cf:after {
  clear: both; }

.sp-cf {
  *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
  .sp-color {
    right: 40%; }
  .sp-hue {
    left: 63%; }
  .sp-fill {
    padding-top: 60%; } }

.sp-dragger {
  border-radius: 5px;
  height: 5px;
  width: 5px;
  border: 1px solid #fff;
  background: #000;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0; }

.sp-slider {
  position: absolute;
  top: 0;
  cursor: pointer;
  height: 3px;
  left: -1px;
  right: -1px;
  border: 1px solid #000;
  background: white;
  opacity: .8; }

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
  border-radius: 0;
  background-color: #FFFFFF;
  border: solid 10px #D9DBE7;
  padding: 0; }

.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

.sp-top {
  margin-bottom: 3px; }

.sp-color, .sp-hue, .sp-clear {
  border: solid 1px #D9DBE7; }

/* Input */
.sp-input-container {
  float: right;
  width: 100%;
  margin-bottom: 4px;
  background: #FFFFFF;
  padding: 10px;
  box-sizing: border-box; }
  .sp-input-container > p {
    margin-bottom: 5px; }

.sp-initial-disabled .sp-input-container {
  width: 100%; }

.sp-input {
  font-size: 12px !important;
  margin: 0;
  width: 100%;
  color: #222; }

.sp-input:focus {
  border: 1px solid #FBAE35; }

.sp-input.sp-validation-error {
  background: #fdd; }

.sp-picker-container, .sp-palette-container {
  float: left;
  position: relative;
  padding: 10px 10px 300px;
  margin-bottom: -290px; }

.sp-picker-container {
  width: 172px;
  border-left: solid 1px #fff; }

/* Palettes */
.sp-palette-container {
  border-right: solid 1px #ccc; }

.sp-palette-only .sp-palette-container {
  border: 0; }

.sp-palette .sp-thumb-el {
  display: block;
  position: relative;
  float: left;
  width: 24px;
  height: 15px;
  margin: 3px;
  cursor: pointer;
  border: solid 2px transparent; }

.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
  border-color: orange; }

.sp-thumb-el {
  position: relative; }

/* Initial */
.sp-initial {
  float: left;
  border: solid 1px #333; }

.sp-initial span {
  width: 30px;
  height: 25px;
  border: none;
  display: block;
  float: left;
  margin: 0; }

.sp-initial .sp-clear-display {
  background-position: center; }

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
  float: right; }

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 14px 10px;
  display: inline-block;
  width: 100%;
  border: solid 1px #D9DBE7;
  background: #FFFFFF;
  color: #333;
  vertical-align: middle; }

.sp-replacer:hover, .sp-replacer.sp-active {
  border-color: #F0C49B;
  color: #111; }

.sp-replacer.sp-disabled {
  cursor: default;
  border-color: silver;
  color: silver; }

.sp-dd {
  display: none;
  padding: 2px 0;
  height: 16px;
  line-height: 16px;
  float: left;
  font-size: 10px; }

.sp-preview {
  position: relative;
  width: calc(100% - 32px);
  border: 1px solid #EDEEF3;
  height: 9px;
  z-index: 0; }

.sp-palette {
  max-width: 220px; }

.sp-palette .sp-thumb-el {
  width: 16px;
  height: 16px;
  margin: 2px 1px;
  border: solid 1px #d0d0d0; }

.sp-container {
  padding-bottom: 0;
  margin: 1px 0; }

/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle; }

.sp-container button:hover {
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
  background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
  border: 1px solid #bbb;
  border-bottom: 1px solid #999;
  cursor: pointer;
  text-shadow: 0 1px 0 #ddd; }

.sp-container button:active {
  border: 1px solid #aaa;
  border-bottom: 1px solid #888;
  -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
  box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

.sp-cancel {
  font-size: 11px;
  color: #d93f3f !important;
  padding: 2px;
  margin: 0 5px 0 0;
  vertical-align: middle;
  text-decoration: none; }

.sp-cancel:hover {
  color: #d93f3f !important;
  text-decoration: underline; }

.sp-palette span:hover, .sp-palette span.sp-thumb-active {
  border-color: #000; }

.sp-preview, .sp-alpha, .sp-thumb-el {
  position: relative;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); }

.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.sp-palette .sp-thumb-inner {
  background: no-repeat 50% 50%; }

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=); }

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=); }

.sp-clear-display {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==); }

.ui-timepicker-wrapper {
  overflow-y: auto;
  height: 150px;
  width: 80px;
  background: #FBAE35;
  border: 1px solid #D9DBE7;
  outline: none;
  z-index: 10001;
  margin: 0; }

.ui-timepicker-wrapper.ui-timepicker-with-duration {
  width: 13em; }

.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
.ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
  width: 11em; }

.ui-timepicker-list {
  margin: 0;
  padding: 0;
  list-style: none; }

.ui-timepicker-duration {
  margin-left: 5px;
  color: #888; }

.ui-timepicker-list:hover .ui-timepicker-duration {
  color: #888; }

.ui-timepicker-list li {
  padding: 3px 0 3px 5px;
  cursor: pointer;
  white-space: nowrap;
  color: #FFFFFF;
  list-style: none;
  margin: 0; }

.ui-timepicker-list:hover .ui-timepicker-selected {
  background: #FFFFFF;
  color: #53576B; }

li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover {
  background: #FFFFFF;
  color: #53576B; }

li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration {
  color: #ccc; }

.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  color: #888;
  cursor: default; }

.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
  background: #f2f2f2; }

.invalid-border {
  position: relative; }
  .invalid-border input {
    border: 1px solid #FBAE35; }

.field-box {
  position: relative; }
  .field-box .is-valid {
    position: absolute;
    font-size: 23px;
    right: 10px;
    bottom: 6px;
    color: #80CD42; }

.invalid-box {
  z-index: 1;
  position: absolute;
  bottom: 45px;
  text-align: center;
  width: 100%; }
  .invalid-box > p {
    display: inline-block;
    background: #5AC3CA;
    color: #FFFFFF !important;
    padding: 10px 20px;
    font-size: 12px; }
    .invalid-box > p:after {
      content: "";
      position: absolute;
      border-style: solid;
      display: block;
      width: 0;
      bottom: -7px;
      border-width: 7px 7px 0;
      left: calc(50% - 7px);
      border-color: #5AC3CA transparent; }

.awesomplete [hidden] {
  display: none; }

.awesomplete {
  display: inline-block !important;
  position: relative;
  width: 63%;
  margin-right: 20px; }
  .awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0); }
  .awesomplete > input {
    border: 1px solid #FBAE35;
    border-radius: 5px;
    font-size: 16px;
    padding: 20px;
    background-color: transparent;
    box-sizing: border-box;
    width: 100% !important; }
    .awesomplete > input:focus {
      border: 1px solid #FBAE35 !important; }
  .awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 20px;
    background: #fff;
    border-radius: .3em;
    box-shadow: 0.05em 0.2em 0.6em rgba(0, 0, 0, 0.2);
    text-shadow: none; }
    .awesomplete > ul:empty {
      display: none; }

@supports (transform: scale(0)) {
  .awesomplete > ul {
    transition: 0.3s cubic-bezier(0.4, 0.2, 0.5, 1.4);
    transform-origin: 1.43em -.43em; }
  .awesomplete > ul[hidden],
  .awesomplete > ul:empty {
    opacity: 0;
    transform: scale(0);
    display: block;
    transition-timing-function: ease; } }

/* Pointer */
.awesomplete > ul:before {
  content: "";
  position: absolute;
  top: -.43em;
  left: 1em;
  width: 0;
  height: 0;
  padding: .4em;
  background: white;
  border: inherit;
  border-right: 0;
  border-bottom: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.awesomplete > ul > li {
  border: 1px solid white;
  position: relative;
  padding: .5em;
  cursor: pointer;
  margin: 5px;
  color: #837470; }

.awesomplete > ul > li:hover {
  border: 1px solid #FBAE35;
  border-radius: 5px; }

.awesomplete > ul > li[aria-selected="true"] {
  border: 1px solid #FBAE35;
  border-radius: 5px; }

.awesomplete mark {
  background: #FBAE35;
  color: #ffffff; }

.awesomplete li:hover mark {
  background: #FBAE35;
  color: #ffffff; }

.awesomplete li[aria-selected="true"] mark {
  background: #FBAE35;
  color: #ffffff; }

.wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container {
  background: rgba(0, 0, 0, 0.25);
  width: 100%;
  height: 100%;
  min-height: 800px;
  display: flex;
  z-index: 2;
  justify-content: center;
  top: 0;
  left: 0;
  position: absolute; }
  .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container[data-is-fullscreen="true"] {
    min-height: auto;
    height: fit-content;
    position: relative;
    background: transparent; }
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container[data-is-fullscreen="true"] .popup_flow {
      position: relative;
      top: revert !important;
      max-height: revert;
      max-width: revert;
      overflow: revert !important;
      border-radius: 0; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container[data-is-fullscreen="true"] .popup_flow .header_top .header_tabs {
        margin: -5px 0 5px !important; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container[data-is-fullscreen="true"] .popup_flow .body {
        min-height: revert !important;
        max-height: revert !important;
        height: 100% !important;
        overflow: revert !important; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container[data-is-fullscreen="true"] .popup_flow .body .inline {
          margin-bottom: 10px; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container[data-is-fullscreen="true"] .popup_flow .body .date-input {
          z-index: 100 !important; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container[data-is-fullscreen="true"] .popup_flow .body .grid-2 .pikaday-react > div {
          position: relative !important; }
  .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow {
    border-radius: 12px;
    position: fixed;
    top: 90px;
    width: 100%;
    max-height: 700px;
    height: fit-content;
    background: #FFFFFF;
    display: flex;
    flex-direction: column;
    padding: 30px;
    max-width: 700px;
    overflow: auto; }
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-bottom: 10px;
      border-bottom: 1px solid #D9DBE7; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr); }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_top .header_tabs {
          grid-column: 1 / 4;
          text-align: center;
          display: flex;
          gap: 10px;
          justify-content: center; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_top .header_tabs span {
            content: "";
            width: 10px;
            height: 10px;
            background: #D9DBE7;
            border-radius: 50%;
            transition: .2s; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_top .header_tabs span[data-is-active="true"] {
              background: #53576B; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom {
          text-align: center; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > div {
            display: flex;
            align-items: center; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > div.close_button {
              grid-column: 3;
              justify-content: end; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > div.back_button > button {
              display: flex;
              align-items: center;
              background: none;
              color: #5AC3CA;
              gap: 8px;
              font-size: 16px;
              padding: 0 20px 0 0; }
              .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > div.back_button > button i {
                color: #5AC3CA;
                font-size: 10px;
                position: relative;
                top: 1px; }
              .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > div.back_button > button:hover:not(:disabled) {
                color: #FBAE35; }
                .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > div.back_button > button:hover:not(:disabled) i {
                  color: #FBAE35; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > div h2 {
              margin: 0 auto;
              text-align: center !important;
              margin-right: 0 !important; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .header > div.header_bottom > h2 {
            font-size: 18px;
            font-weight: 600;
            white-space: nowrap;
            margin: 0 !important;
            text-align: center !important; }
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body {
      padding: 20px 0;
      overflow-y: scroll;
      overflow-x: auto;
      position: relative; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .text-input label, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .text-input input {
        padding-left: 0; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body h3 {
        font-weight: 500; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataHeadingRow label, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataRow label {
        cursor: pointer; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataHeadingRow li:first-of-type p, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataRow li:first-of-type p {
        color: #53576B; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataHeadingRow li:last-of-type, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataHeadingRow li p, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataRow li:last-of-type, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataRow li p {
        display: flex;
        justify-content: end;
        gap: 8px;
        align-items: center; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataHeadingRow li:last-of-type .checkbox-input, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataHeadingRow li p .checkbox-input, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataRow li:last-of-type .checkbox-input, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .confirm_numbers_table .dataRow li p .checkbox-input {
          margin: 0; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body > ul {
        list-style: revert;
        margin: 8px 0 12px 18px !important; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body > ul li {
          font-weight: 500;
          line-height: 120%; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .divider_line {
        background: #D9DBE7;
        margin: 14px 0;
        grid-column: span 2;
        content: '';
        height: 1px;
        width: 100%;
        display: block; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .section_title {
        text-align: left;
        color: #53576B;
        font-weight: 600;
        grid-column: span 2;
        margin-bottom: 14px; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body > button {
        display: block;
        margin: 10px 0 10px auto; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .textarea {
        grid-row: span 2; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .textarea textarea {
          width: 100%;
          min-height: 100px;
          box-sizing: border-box;
          border-radius: 8px;
          border-color: #D9DBE7; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .textarea textarea:disabled {
            padding: 5px 5px 0 0;
            border-color: transparent;
            margin: 0; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-2 {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 12px; }
        @media only screen and (max-width: 767px) {
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-2 {
            display: flex;
            flex-direction: column;
            grid-row-gap: 12px; } }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-2 .pikaday-react {
          position: absolute; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-2 .pikaday-react > div {
            position: fixed; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-2 > button ~ button {
          margin: 0; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-2 .centered p {
          text-align: center; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-3 {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 12px; }
        @media only screen and (max-width: 767px) {
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-3 {
            grid-template-columns: repeat(2, 1fr); } }
        @media only screen and (max-width: 479px) {
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-3 {
            display: flex;
            flex-direction: column; } }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-3 .centered p {
          text-align: center; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 4px; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .flex .SlideToggleComponent {
          width: 100%; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .center, .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .centered {
        margin: 12px auto 0;
        display: flex;
        justify-content: center;
        align-items: center; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-3-1 {
        width: 100%;
        display: grid;
        grid-column-gap: 12px;
        grid-template-columns: 75% 15% 10%; }
        @media only screen and (max-width: 767px) {
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .grid-3-1 {
            grid-template-columns: revert; } }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .SlideToggleComponent {
        height: 65px;
        display: block; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .SlideToggleComponent .slider-input {
          gap: 8px;
          flex-direction: column;
          align-items: flex-start; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .SlideToggleComponent .slider-input p {
            margin-left: revert; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .SlideToggleComponent .slider-input p a {
              display: inline; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .SlideToggleComponent .slider-input .switch {
            margin-left: revert; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .inline {
        display: flex;
        align-items: center;
        justify-content: center; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .border-top {
        padding-top: 24px;
        border-top: 1px solid #D9DBE7; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .border-top .center {
          margin: 0 0 24px 0; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body ul {
        margin: 6px 0 12px; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body ul p {
          color: rgba(83, 87, 107, 0.5); }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body ul p span {
            color: #53576B;
            font-weight: 500; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input {
        max-width: 250px;
        margin: 24px auto;
        display: block;
        width: 100%; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input h2 {
          position: relative;
          display: flex;
          gap: 4px; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input h2 .popup_container {
            position: relative;
            margin-left: auto; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input h2 .popup_container i {
              color: #53576B;
              border: 1px solid #53576B;
              padding: 4px;
              border-radius: 50%;
              width: 24px;
              height: 24px;
              display: flex;
              align-items: center;
              justify-content: center;
              transition: .2s; }
              .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input h2 .popup_container i:hover {
                background: #53576B;
                color: white; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input h2 .popup_container .dashboard-popup {
              opacity: 0;
              bottom: 100%;
              left: calc(100% - 12px);
              visibility: hidden;
              transition: .2s; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input h2 .popup_container:hover .dashboard-popup {
              opacity: 1;
              visibility: visible; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area {
          height: 180px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          max-width: 250px;
          padding: 24px;
          gap: 24px;
          border-radius: 24px;
          width: 100%;
          outline: 2px dashed #D9DBE7;
          margin: 0 auto;
          transition: .2s; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area[data-has-content="true"] {
            background: rgba(83, 87, 107, 0.1); }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area p {
            font-size: 14px;
            pointer-events: none; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area span {
            color: #53576B;
            font-size: 12px; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area .inline {
            width: 100%;
            justify-content: space-between; }
          .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area .delete {
            background: transparent !important;
            padding: 4px;
            width: 24px;
            height: 24px;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid #FB5135;
            border-radius: 50%; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area .delete:hover {
              background: transparent !important; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area .delete .icon-cross {
              position: relative;
              left: 1px;
              color: #FB5135 !important; }
            .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area .delete:hover {
              background: #FB5135 !important; }
              .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .body .file_input .file_input_area .delete:hover .icon-cross {
                color: white !important; }
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .footer {
      padding: 20px 0 0;
      display: flex;
      justify-content: end; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .footer span {
        font-size: 12px; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .footer button {
        background: #80CD42; }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .footer button:hover {
          background: rgba(128, 205, 66, 0.8); }
        .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow .footer button:disabled {
          opacity: 0.3;
          cursor: not-allowed; }
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow button:disabled {
      pointer-events: none;
      opacity: 0.6; }
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow button.secondary {
      background: white;
      border: 1px solid #53576B;
      color: #53576B; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow button.secondary:hover {
        background: #53576B;
        color: white; }
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow button.tertiary {
      width: fit-content;
      padding: 0;
      background: none;
      text-decoration: underline;
      color: #53576B; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow button.tertiary:hover {
        color: #53576B; }
  @media only screen and (max-width: 767px) {
    .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container {
      min-height: 100%; }
      .wrapper[data-is-call-switch="true"] #dashboard_root #dashboard_main .popup_flow_container .popup_flow {
        position: fixed;
        height: calc(100% - 44px);
        top: 44px;
        border-radius: 0;
        max-height: revert;
        max-width: revert; } }

.disclaimer {
  display: flex;
  align-items: end;
  border: 1px solid #FBAE35;
  background: rgba(251, 174, 53, 0.05);
  border-radius: 10px;
  padding: 16px;
  margin-bottom: 12px;
  transition: .2s ease-out;
  height: fit-content;
  position: relative; }
  .disclaimer:not([data-always-open='true']) {
    cursor: pointer; }
  .disclaimer p {
    font-size: 14px;
    color: #53576B;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    max-width: calc(100% - 15px); }
  .disclaimer em {
    font-style: italic; }
  .disclaimer a:hover {
    text-decoration: underline; }
  .disclaimer[data-show='true'] p {
    text-overflow: revert;
    white-space: revert;
    overflow: revert; }
  .disclaimer[data-show='true'] button i {
    transform: rotate(0); }
  .disclaimer:not([data-always-open='true']):hover {
    border: 1px solid #53576B;
    box-shadow: rgba(83, 87, 107, 0.9) 0 0 0 1px; }
    .disclaimer:not([data-always-open='true']):hover button i {
      color: #53576B; }
  .disclaimer button {
    position: absolute;
    top: 9px;
    right: 16px;
    background: none;
    justify-content: center;
    align-items: center; }
    .disclaimer button i {
      transition: .2s;
      font-size: 8px;
      transform: rotate(180deg);
      color: #53576B; }

#reporting .reporting-table .dataHeadingRow > ul:last-of-type, #reporting .reporting-table .dataResults > .dataRow > li:last-of-type {
  justify-content: flex-end; }

#reporting .table {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  flex-direction: column; }
  #reporting .table > button {
    justify-self: flex-end; }
  #reporting .table button {
    height: 24px !important;
    width: 24px !important;
    padding: 0 !important;
    min-width: revert !important;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center; }

#reporting .reporting_history_table {
  width: 100%;
  height: 100%;
  border: 1px solid #FFFFFF; }
  #reporting .reporting_history_table th, #reporting .reporting_history_table td {
    padding: 12px; }
    #reporting .reporting_history_table th:not(:last-of-type), #reporting .reporting_history_table td:not(:last-of-type) {
      border-right: 1px solid #FFFFFF; }
  #reporting .reporting_history_table thead th {
    font-weight: 600;
    text-align: left; }
  #reporting .reporting_history_table tbody tr:nth-of-type(odd) {
    background: #FFFFFF; }

#reporting .template_editor, #reporting .template_schedules, #reporting .template_adhoc, #reporting .template_history {
  display: flex;
  flex-direction: column; }
  #reporting .template_editor > button, #reporting .template_schedules > button, #reporting .template_adhoc > button, #reporting .template_history > button {
    margin-left: auto;
    background: #80CD42; }
    #reporting .template_editor > button:hover, #reporting .template_schedules > button:hover, #reporting .template_adhoc > button:hover, #reporting .template_history > button:hover {
      opacity: .75; }
  #reporting .template_editor .targets, #reporting .template_schedules .targets, #reporting .template_adhoc .targets, #reporting .template_history .targets {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 8px;
    align-items: flex-end; }
    #reporting .template_editor .targets .add-to-list-input, #reporting .template_schedules .targets .add-to-list-input, #reporting .template_adhoc .targets .add-to-list-input, #reporting .template_history .targets .add-to-list-input {
      grid-column: span 2; }
    @media only screen and (max-width: 767px) {
      #reporting .template_editor .targets, #reporting .template_schedules .targets, #reporting .template_adhoc .targets, #reporting .template_history .targets {
        display: flex;
        flex-wrap: wrap; }
        #reporting .template_editor .targets .add-to-list-input, #reporting .template_schedules .targets .add-to-list-input, #reporting .template_adhoc .targets .add-to-list-input, #reporting .template_history .targets .add-to-list-input {
          width: 100%; } }
  #reporting .template_editor .reporting_edit_columns, #reporting .template_schedules .reporting_edit_columns, #reporting .template_adhoc .reporting_edit_columns, #reporting .template_history .reporting_edit_columns {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 4px;
    border: 1px solid #FFFFFF; }
    #reporting .template_editor .reporting_edit_columns .actions_header, #reporting .template_schedules .reporting_edit_columns .actions_header, #reporting .template_adhoc .reporting_edit_columns .actions_header, #reporting .template_history .reporting_edit_columns .actions_header {
      display: flex;
      justify-content: space-between;
      gap: 4px;
      align-items: flex-end; }
      #reporting .template_editor .reporting_edit_columns .actions_header .Input-DropDown-component, #reporting .template_schedules .reporting_edit_columns .actions_header .Input-DropDown-component, #reporting .template_adhoc .reporting_edit_columns .actions_header .Input-DropDown-component, #reporting .template_history .reporting_edit_columns .actions_header .Input-DropDown-component {
        margin-bottom: 0;
        max-width: 250px; }
      #reporting .template_editor .reporting_edit_columns .actions_header .buttons, #reporting .template_schedules .reporting_edit_columns .actions_header .buttons, #reporting .template_adhoc .reporting_edit_columns .actions_header .buttons, #reporting .template_history .reporting_edit_columns .actions_header .buttons {
        grid-column: 3 / span 1;
        display: flex;
        justify-content: flex-end; }
        @media only screen and (max-width: 479px) {
          #reporting .template_editor .reporting_edit_columns .actions_header .buttons, #reporting .template_schedules .reporting_edit_columns .actions_header .buttons, #reporting .template_adhoc .reporting_edit_columns .actions_header .buttons, #reporting .template_history .reporting_edit_columns .actions_header .buttons {
            grid-column: 1 / span 3; } }
    #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper {
      display: flex;
      flex-direction: column; }
      #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container {
        padding: 12px;
        background: rgba(255, 255, 255, 0.2);
        border: 1px solid #FFFFFF;
        border-radius: 4px;
        display: flex;
        flex-direction: column;
        gap: 12px; }
        #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger {
          display: flex;
          align-items: flex-end;
          justify-content: space-between;
          width: 100%;
          flex: 1;
          gap: 8px; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger > p, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger > p, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger > p, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger > p {
            font-weight: 600; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .handle, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .handle, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .handle, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .handle {
            align-self: center;
            opacity: .5; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .text-input, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .text-input, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .text-input, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .text-input {
            margin-bottom: 0; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons {
            display: flex;
            gap: 4px;
            align-items: center;
            justify-content: center; }
            #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons button, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons button, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons button, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .buttons button {
              height: 24px !important;
              width: 24px !important;
              padding: 0 !important;
              min-width: revert !important;
              margin: 0 !important;
              display: flex;
              justify-content: center;
              align-items: center; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv {
            display: flex;
            align-items: flex-end;
            gap: 8px;
            flex: 1;
            width: 100%; }
            #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv > *, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv > *, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv > *, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv > * {
              margin-bottom: 0 !important; }
            @media only screen and (max-width: 479px) {
              #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_trigger .accordion_trigger_adv {
                flex-direction: column; } }
        #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 8px;
          overflow: auto; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content > .text-input, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content > .text-input, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content > .text-input, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content > .text-input {
            grid-column: 1 / span 2; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .reporting_edit_column_container, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .reporting_edit_column_container, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .reporting_edit_column_container, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .reporting_edit_column_container {
            background: rgba(255, 255, 255, 0.4); }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .Input-DropDown-component, #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .text-input, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .Input-DropDown-component, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .text-input, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .Input-DropDown-component, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .text-input, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .Input-DropDown-component, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .text-input {
            margin-bottom: 0 !important; }
          #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .full, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .full, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .full, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content .full {
            grid-column: span 4; }
          @media only screen and (max-width: 767px) {
            #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content {
              grid-template-columns: repeat(2, 1fr); } }
          @media only screen and (max-width: 479px) {
            #reporting .template_editor .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_adhoc .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content, #reporting .template_history .reporting_edit_columns .reporting_edit_columns_wrapper .reporting_edit_column_container .accordion_content {
              grid-template-columns: 1fr; } }

#reporting .template_schedules {
  display: flex;
  flex-direction: column;
  gap: 12px;
  background: #FFFFFF; }
  #reporting .template_schedules .reporting_edit_columns .reporting_edit_columns .actions_header {
    display: grid;
    grid-template-columns: repeat(3, 1fr); }

#reporting #reporting-editor .tab-container > *:not(.y-header-selection) {
  padding: 12px 0; }

@media only screen and (max-width: 767px) {
  #reporting #reporting-editor .template_editor .reporting_edit_columns .actions_header {
    flex-direction: column; }
    #reporting #reporting-editor .template_editor .reporting_edit_columns .actions_header .Input-DropDown-component {
      width: 100%;
      max-width: revert; } }

#reporting #reporting-editor .template_adhoc {
  display: flex;
  flex-direction: column;
  gap: 12px; }
  #reporting #reporting-editor .template_adhoc > button {
    justify-self: flex-end; }
  #reporting #reporting-editor .template_adhoc .adhoc_inputs {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(4, 1fr); }
    @media only screen and (max-width: 767px) {
      #reporting #reporting-editor .template_adhoc .adhoc_inputs {
        grid-template-columns: repeat(2, 1fr); } }
    @media only screen and (max-width: 479px) {
      #reporting #reporting-editor .template_adhoc .adhoc_inputs {
        grid-template-columns: 1fr; } }

@media only screen and (max-width: 767px) {
  #reporting #reporting-editor {
    padding: 12px; }
    #reporting #reporting-editor #saveDelete {
      justify-content: flex-end !important;
      bottom: 60px !important; }
    #reporting #reporting-editor .BottomNavBar {
      margin-left: -12px !important; } }

#reporting .toggle-report-button {
  width: 25px;
  height: 25px;
  max-width: 25px;
  max-height: 25px;
  min-width: 25px;
  min-height: 25px;
  background: transparent;
  color: #5AC3CA;
  border: 1px solid #5AC3CA;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%; }
  #reporting .toggle-report-button ~ .editAndDeleteButtons {
    margin-left: 10px; }
  #reporting .toggle-report-button:hover {
    background: #5AC3CA;
    color: #FFFFFF; }
  #reporting .toggle-report-button > i {
    font-size: 12px !important; }

@font-face {
  font-family: 'Space Grotesk';
  src: url("/static/fonts/space_grotesk/static/SpaceGrotesk-Light.ttf") format("truetype");
  font-display: swap;
  font-weight: 300; }

@font-face {
  font-family: 'Space Grotesk';
  src: url("/static/fonts/space_grotesk/static/SpaceGrotesk-Medium.ttf") format("truetype");
  font-display: swap;
  font-weight: 400; }

@font-face {
  font-family: 'Space Grotesk';
  src: url("/static/fonts/space_grotesk/static/SpaceGrotesk-Regular.ttf") format("truetype");
  font-display: swap;
  font-weight: 500; }

@font-face {
  font-family: 'Space Grotesk';
  src: url("/static/fonts/space_grotesk/static/SpaceGrotesk-Bold.ttf") format("truetype");
  font-display: swap;
  font-weight: 600; }

@font-face {
  font-family: 'Space Grotesk';
  src: url("/static/fonts/space_grotesk/static/SpaceGrotesk-SemiBold.ttf") format("truetype");
  font-display: swap;
  font-weight: 700; }

body {
  margin: 0 !important; }
  @media only screen and (max-width: 1023px) {
    body {
      padding-top: 100px; } }
  @media only screen and (max-width: 767px) {
    body {
      padding-top: 50px; } }
  @media only screen and (max-width: 767px) {
    body._vanilla {
      padding-top: 100px; } }
  @media only screen and (max-width: 1023px) {
    body._vanilla.dashboard {
      padding-top: 44px; } }
  @media only screen and (max-width: 1023px) {
    body._vanilla.dashboard .outerReactStyling {
      min-height: auto; } }
  body._vanilla.dashboard .outerReactStyling #dashboard_root {
    min-height: calc(100vh - 80px); }
    @media only screen and (max-width: 1023px) {
      body._vanilla.dashboard .outerReactStyling #dashboard_root {
        min-height: calc(100vh - 80px); } }
    @media only screen and (max-width: 767px) {
      body._vanilla.dashboard .outerReactStyling #dashboard_root {
        min-height: calc(100vh - 44px); } }
    @media only screen and (max-width: 1023px) {
      body._vanilla.dashboard .outerReactStyling #dashboard_root #dashboard-nav {
        height: calc(100vh - 40px); } }
    body._vanilla.dashboard .outerReactStyling #dashboard_root #dashboard-nav .dash-nav-right > .sub-nav > ul {
      height: calc(100vh - 152px); }
      @media only screen and (max-width: 1023px) {
        body._vanilla.dashboard .outerReactStyling #dashboard_root #dashboard-nav .dash-nav-right > .sub-nav > ul {
          height: calc(100vh - 114px); } }
    body._vanilla.dashboard .outerReactStyling #dashboard_root #dashboard_main {
      min-height: calc(100vh - 80px);
      position: relative; }
      @media only screen and (max-width: 1023px) {
        body._vanilla.dashboard .outerReactStyling #dashboard_root #dashboard_main {
          min-height: calc(100vh - 140px); } }
      @media only screen and (max-width: 767px) {
        body._vanilla.dashboard .outerReactStyling #dashboard_root #dashboard_main {
          min-height: calc(100vh - 50px); } }
  @media only screen and (max-width: 767px) {
    body._vanilla.dashboard .outerReactStyling .footer-contact,
    body._vanilla.dashboard .outerReactStyling footer {
      display: none; } }

.content {
  width: 1366px;
  padding: 0 20px;
  margin: 0 auto;
  font-size: 14px; }
  .content #items p {
    font-size: 18px; }
  .content #items .basket p {
    color: #53576B; }
  .content #items .vat-details > p {
    font-size: 16px;
    padding: 0;
    height: 22px;
    line-height: 140%; }
  .content #items .vat-details.final {
    height: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    flex-grow: 1; }
    .content #items .vat-details.final > p {
      font-size: 20px;
      font-weight: 600;
      line-height: 24px; }
  .content #items .price span {
    font-weight: 500;
    font-size: 12px;
    text-decoration: line-through;
    color: #72A5D4; }
  .content #items .reseller-free-month > p {
    font-size: 12px;
    font-weight: 400; }
  .content.r-shopping-cart {
    padding: 0 0 20px 0;
    max-width: 1146px;
    width: 100%;
    min-height: calc(100vh - 80px - 110px - 80px); }
    .content.r-shopping-cart .cart-header {
      margin: 40px 0; }
      .content.r-shopping-cart .cart-header h2 {
        font-size: 30px;
        font-weight: 500; }
    .content.r-shopping-cart .generic-basket {
      margin-top: 20px;
      background: white; }
      .content.r-shopping-cart .generic-basket.rounded {
        border-radius: 5px; }
      .content.r-shopping-cart .generic-basket .basket tr {
        flex-wrap: wrap; }
        .content.r-shopping-cart .generic-basket .basket tr:first-child {
          border-top: 0; }
          .content.r-shopping-cart .generic-basket .basket tr:first-child td {
            padding-top: 10px; }
        .content.r-shopping-cart .generic-basket .basket tr td.per {
          width: 18%; }
      .content.r-shopping-cart .generic-basket .item-title {
        font-size: 11px; }
      .content.r-shopping-cart .generic-basket p.item-info {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #53576B;
        font-size: 16px;
        line-height: 1.7; }
    .content.r-shopping-cart .basket {
      width: 100%;
      display: block; }
      .content.r-shopping-cart .basket > tbody {
        display: block;
        background: #EDEEF3;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px; }
      .content.r-shopping-cart .basket > tbody > tr {
        padding: 0 20px;
        border-bottom: 1px solid #D9DBE7;
        display: flex;
        position: relative;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
        .content.r-shopping-cart .basket > tbody > tr:last-of-type {
          border: none;
          padding-bottom: 20px; }
        .content.r-shopping-cart .basket > tbody > tr > td {
          height: auto;
          padding: 12px 0;
          display: block; }
          .content.r-shopping-cart .basket > tbody > tr > td .price {
            color: #5AC3CA;
            font-size: 24px;
            font-weight: bold; }
          .content.r-shopping-cart .basket > tbody > tr > td .unit {
            color: #53576B;
            font-size: 10px; }
          .content.r-shopping-cart .basket > tbody > tr > td .info {
            font-size: 12px; }
          .content.r-shopping-cart .basket > tbody > tr > td:first-child {
            width: 25%; }
          .content.r-shopping-cart .basket > tbody > tr > td.price-td, .content.r-shopping-cart .basket > tbody > tr > td.promo {
            text-align: right; }
          .content.r-shopping-cart .basket > tbody > tr > td.price-td {
            width: 13%; }
            .content.r-shopping-cart .basket > tbody > tr > td.price-td.cart-confirm-payment-price {
              width: calc(57% - 50px); }
        @media only screen and (max-width: 767px) {
          .content.r-shopping-cart .basket > tbody > tr .section-head {
            font-size: 14px;
            line-height: 1;
            margin-bottom: 10px; }
          .content.r-shopping-cart .basket > tbody > tr > td {
            padding: 0; } }
    .content.r-shopping-cart #items > h2 {
      text-align: center;
      font-size: 24px;
      padding: 0; }
    .content.r-shopping-cart #items > p {
      margin: 10px 0;
      text-align: center; }
    .content.r-shopping-cart div.total-shopping-price,
    .content.r-shopping-cart div.total-shopping-only-price {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      padding: 17px 20px;
      background: #72A5D4;
      flex-wrap: wrap; }
      .content.r-shopping-cart div.total-shopping-price p,
      .content.r-shopping-cart div.total-shopping-only-price p {
        font-size: 18px;
        font-weight: 300; }
      .content.r-shopping-cart div.total-shopping-price > div,
      .content.r-shopping-cart div.total-shopping-only-price > div {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
        .content.r-shopping-cart div.total-shopping-price > div p:first-child,
        .content.r-shopping-cart div.total-shopping-only-price > div p:first-child {
          font-size: 36px;
          font-weight: 500;
          margin-right: 10px; }
        .content.r-shopping-cart div.total-shopping-price > div p:last-child,
        .content.r-shopping-cart div.total-shopping-only-price > div p:last-child {
          line-height: 1; }
          .content.r-shopping-cart div.total-shopping-price > div p:last-child > span,
          .content.r-shopping-cart div.total-shopping-only-price > div p:last-child > span {
            display: block;
            font-size: 12px;
            font-weight: 200; }
      .content.r-shopping-cart div.total-shopping-price .vat-details,
      .content.r-shopping-cart div.total-shopping-only-price .vat-details {
        width: 100%;
        padding-top: 5px;
        justify-content: flex-end;
        margin-right: 50px; }
        .content.r-shopping-cart div.total-shopping-price .vat-details span,
        .content.r-shopping-cart div.total-shopping-only-price .vat-details span {
          color: #72A5D4; }
        .content.r-shopping-cart div.total-shopping-price .vat-details p,
        .content.r-shopping-cart div.total-shopping-only-price .vat-details p {
          color: #53576B; }
        .content.r-shopping-cart div.total-shopping-price .vat-details p:first-child,
        .content.r-shopping-cart div.total-shopping-only-price .vat-details p:first-child {
          font-size: 18px;
          font-weight: 500;
          margin-right: 200px;
          text-align: right;
          display: inline-block; }
        .content.r-shopping-cart div.total-shopping-price .vat-details p:last-child,
        .content.r-shopping-cart div.total-shopping-only-price .vat-details p:last-child {
          line-height: 1;
          font-size: 24px;
          display: inline-block;
          position: absolute; }
        .content.r-shopping-cart div.total-shopping-price .vat-details #final,
        .content.r-shopping-cart div.total-shopping-only-price .vat-details #final {
          font-size: 36px; }
      .content.r-shopping-cart div.total-shopping-price .vat-details:last-of-type,
      .content.r-shopping-cart div.total-shopping-only-price .vat-details:last-of-type {
        padding-top: 15px;
        padding-bottom: 10px; }
      @media only screen and (max-width: 767px) {
        .content.r-shopping-cart div.total-shopping-price,
        .content.r-shopping-cart div.total-shopping-only-price {
          padding: 10px 0 !important; }
          .content.r-shopping-cart div.total-shopping-price .vat-details,
          .content.r-shopping-cart div.total-shopping-only-price .vat-details {
            padding: 10px 10px 0;
            justify-content: space-between;
            margin-right: 0; }
            .content.r-shopping-cart div.total-shopping-price .vat-details p:first-child,
            .content.r-shopping-cart div.total-shopping-only-price .vat-details p:first-child {
              margin-right: 0;
              text-align: right;
              font-size: 18px; }
            .content.r-shopping-cart div.total-shopping-price .vat-details p:last-child,
            .content.r-shopping-cart div.total-shopping-only-price .vat-details p:last-child {
              display: inline-block;
              position: static;
              font-size: 18px; }
            .content.r-shopping-cart div.total-shopping-price .vat-details:last-child p,
            .content.r-shopping-cart div.total-shopping-only-price .vat-details:last-child p {
              font-size: 24px;
              font-family: "AvenirLTStd-Medium", Avenir-Medium, sans-serif; }
            .content.r-shopping-cart div.total-shopping-price .vat-details:last-child #final,
            .content.r-shopping-cart div.total-shopping-only-price .vat-details:last-child #final {
              font-size: 24px;
              font-family: "AvenirLTStd-Medium", Avenir-Medium, sans-serif; }
          .content.r-shopping-cart div.total-shopping-price .divider,
          .content.r-shopping-cart div.total-shopping-only-price .divider {
            width: 100%;
            height: 1px;
            background: white;
            margin-top: 15px;
            margin-bottom: 5px; } }
      .content.r-shopping-cart div.total-shopping-price.cart-confirm-payment,
      .content.r-shopping-cart div.total-shopping-only-price.cart-confirm-payment {
        margin-bottom: 80px; }
    .content.r-shopping-cart div.total-shopping-only-price {
      margin-bottom: 30px; }
      @media only screen and (max-width: 767px) {
        .content.r-shopping-cart div.total-shopping-only-price .vat-details {
          padding-bottom: 10px; } }
    @media only screen and (max-width: 1279px) {
      .content.r-shopping-cart {
        max-width: 1186px;
        padding: 0 20px; }
        .content.r-shopping-cart .basket > tbody > tr > td .price {
          font-size: 20px; } }
    @media only screen and (max-width: 1023px) {
      .content.r-shopping-cart {
        min-height: calc(100vh - 44px - 116px); }
        .content.r-shopping-cart .cart-header {
          margin-top: 30px; }
          .content.r-shopping-cart .cart-header h2 {
            font-size: 24px; }
        .content.r-shopping-cart .basket > tbody > tr > td .price {
          font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .content.r-shopping-cart {
        padding: 0;
        min-height: calc(100vh - 44px - 100px); }
        .content.r-shopping-cart .cart-header {
          margin-top: 20px;
          margin-bottom: 20px;
          padding: 0 20px;
          -moz-flex-flow: column nowrap;
          -webkit-flex-flow: column nowrap;
          -ms-flex-flow: column nowrap;
          flex-flow: column nowrap; }
          .content.r-shopping-cart .cart-header > h2 {
            text-align: center;
            font-weight: 300;
            width: 100%;
            font-size: 20px; }
        .content.r-shopping-cart .generic-basket {
          margin-top: 20px; }
        .content.r-shopping-cart .basket > tbody > tr {
          padding: 0 10px; }
          .content.r-shopping-cart .basket > tbody > tr > td {
            line-height: 1; }
            .content.r-shopping-cart .basket > tbody > tr > td .price {
              font-weight: 500;
              line-height: 1.3;
              font-size: 18px; }
            .content.r-shopping-cart .basket > tbody > tr > td.per {
              display: none; }
            .content.r-shopping-cart .basket > tbody > tr > td:first-child:not(.text-center) {
              padding-right: 10px;
              border: none;
              order: -1;
              flex: 1;
              flex-basis: calc(75% - 35px);
              max-width: calc(100% - 35px - 25%); }
            .content.r-shopping-cart .basket > tbody > tr > td.price-td {
              width: 25%; }
              .content.r-shopping-cart .basket > tbody > tr > td.price-td p.price {
                color: #5AC3CA;
                font-family: "AvenirLTStd-Medium", Avenir-Medium, sans-serif; }
          .content.r-shopping-cart .basket > tbody > tr:last-child > td:first-child {
            border-bottom: none; }
        .content.r-shopping-cart .generic-basket .basket > tbody > tr {
          flex-wrap: wrap;
          height: auto; }
          .content.r-shopping-cart .generic-basket .basket > tbody > tr > td:first-child {
            flex: 1;
            flex-basis: calc(100% - 35px);
            order: -1;
            max-width: calc(100% - 35px); }
          .content.r-shopping-cart .generic-basket .basket > tbody > tr > td.toggle {
            width: 35px;
            order: 0; }
          .content.r-shopping-cart .generic-basket .basket > tbody > tr > td.price-td {
            width: 100%;
            order: 1;
            padding-top: 0; }
          .content.r-shopping-cart .generic-basket .basket > tbody > tr > td#downgrade-warning ul.bullets-red > li {
            width: calc(50% - 15px);
            margin-left: 0; }
            .content.r-shopping-cart .generic-basket .basket > tbody > tr > td#downgrade-warning ul.bullets-red > li:nth-child(4n + 1) {
              margin-left: 0; }
            .content.r-shopping-cart .generic-basket .basket > tbody > tr > td#downgrade-warning ul.bullets-red > li:nth-child(even) {
              margin-left: 30px; }
          .content.r-shopping-cart .generic-basket .basket > tbody > tr > td#downgrade-warning > div {
            width: calc(100% + 20px);
            margin-left: -10px; }
            .content.r-shopping-cart .generic-basket .basket > tbody > tr > td#downgrade-warning > div:last-child > p {
              padding-left: 20px; }
            .content.r-shopping-cart .generic-basket .basket > tbody > tr > td#downgrade-warning > div:first-child {
              border: none; }
              .content.r-shopping-cart .generic-basket .basket > tbody > tr > td#downgrade-warning > div:first-child > p:nth-of-type(2) {
                font-size: 20px; } }
  @media only screen and (max-width: 767px) and (max-width: 767px) {
    .content.r-shopping-cart .generic-basket {
      padding-top: 0px;
      border-top-right-radius: 5px;
      border-top-left-radius: 5px; }
      .content.r-shopping-cart .generic-basket .basket > tbody > tr {
        border-bottom: 0; }
        .content.r-shopping-cart .generic-basket .basket > tbody > tr > td:first-child {
          flex: none;
          flex-basis: 50%;
          order: -1;
          max-width: none; }
        .content.r-shopping-cart .generic-basket .basket > tbody > tr > td.price-td:not(.per) {
          width: 50%;
          padding-bottom: 0;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -ms-flex-pack: end;
          -webkit-box-pack: end;
          -moz-justify-content: flex-end;
          -webkit-justify-content: flex-end;
          justify-content: flex-end;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-align-items: center;
          -moz-align-items: center; }
        .content.r-shopping-cart .generic-basket .basket > tbody > tr > td.toggle {
          display: none; } }
    @media only screen and (max-width: 767px) {
        .content.r-shopping-cart .domain-basket .basket > tbody > tr {
          border-bottom: 1px solid #D9DBE7; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td:first-child {
            flex: 1;
            flex-basis: calc(100% - 35px);
            order: -1;
            max-width: calc(100% - 35px); }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.backorder {
            flex-grow: 0; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.promo {
            order: 3;
            width: 50%;
            text-align: right; }
            .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.promo .price {
              font-size: 14px; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.phase {
            width: 25%; }
            .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.phase > p.item-info {
              font-size: 12px; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.reg-fee {
            order: 1;
            flex-grow: 1;
            -ms-flex-positive: 1;
            text-align: right; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.service-fee {
            order: 2;
            width: 30%;
            padding-right: 10px; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.domain-contact {
            width: 25%;
            margin-right: 10px;
            order: 2;
            flex-grow: 1;
            -ms-flex-positive: 1; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.term {
            width: 10%;
            padding-left: 10px;
            order: 2;
            flex-grow: 1;
            -ms-flex-positive: 1; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.price-td {
            order: 4; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.extra {
            padding: 10px 0;
            order: 2;
            display: table-cell;
            width: 100px;
            flex-grow: 0;
            text-align: left; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.extra-info {
            order: 6; }
            .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.extra-info > div {
              width: 100%; }
              .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.extra-info > div > h2 {
                font-size: 14px; }
              .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.extra-info > div > div.domain-extra-details > div {
                margin-bottom: 10px; }
                .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.extra-info > div > div.domain-extra-details > div:last-child {
                  margin-left: 0;
                  width: 100%;
                  margin-bottom: 0; }
                  .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.extra-info > div > div.domain-extra-details > div:last-child > button {
                    width: 100%; }
          .content.r-shopping-cart .domain-basket .basket > tbody > tr > td.toggle {
            order: -1; }
        .content.r-shopping-cart .domain-basket .domain-transfer > tbody > tr > td.ns-toggle {
          order: 1;
          width: 100%;
          flex-direction: row;
          align-items: center;
          padding: 0; }
          .content.r-shopping-cart .domain-basket .domain-transfer > tbody > tr > td.ns-toggle > div:last-child {
            margin-top: 0;
            margin-left: 10px; }
        .content.r-shopping-cart .domain-basket .domain-transfer > tbody > tr > td.transfer-term {
          order: 2;
          width: 100px;
          text-align: right;
          padding: 5px 0;
          flex-grow: 2;
          -ms-flex-positive: 2; }
          .content.r-shopping-cart .domain-basket .domain-transfer > tbody > tr > td.transfer-term > p:last-child {
            font-size: 14px; }
        .content.r-shopping-cart .domain-basket .domain-transfer > tbody > tr > td.price-td {
          order: 3;
          width: 20%;
          padding: 5px 0; }
        .content.r-shopping-cart #items > div.mobile-cpm--options div.field-box select,
        .content.r-shopping-cart #items > div.mobile-cpm--address div.field-box select {
          background: url("../../static/img/angle-down-medium-orange.svg") no-repeat 100% 50% !important; }
        .content.r-shopping-cart #items > div.mobile-cpm--options div.field-box.selecting-billing-address,
        .content.r-shopping-cart #items > div.mobile-cpm--address div.field-box.selecting-billing-address {
          padding-bottom: 0;
          border-radius: 5px; }
          .content.r-shopping-cart #items > div.mobile-cpm--options div.field-box.selecting-billing-address select#existing_address_mobile,
          .content.r-shopping-cart #items > div.mobile-cpm--address div.field-box.selecting-billing-address select#existing_address_mobile {
            border-bottom: 0px !important; }
        .content.r-shopping-cart #items > div.mobile-cpm--options > div.clear > div.field-box,
        .content.r-shopping-cart #items > div.mobile-cpm--address > div.clear > div.field-box {
          padding-bottom: 0;
          border-radius: 5px; }
          .content.r-shopping-cart #items > div.mobile-cpm--options > div.clear > div.field-box select,
          .content.r-shopping-cart #items > div.mobile-cpm--address > div.clear > div.field-box select {
            border-bottom: 0px !important; }
        .content.r-shopping-cart #items > .mobile-cpm--options,
        .content.r-shopping-cart #items > .mobile-cpm--address {
          margin-top: 0;
          padding: 0; }
          .content.r-shopping-cart #items > .mobile-cpm--options .field-box,
          .content.r-shopping-cart #items > .mobile-cpm--address .field-box {
            padding-bottom: 0; }
            .content.r-shopping-cart #items > .mobile-cpm--options .field-box .is-valid,
            .content.r-shopping-cart #items > .mobile-cpm--address .field-box .is-valid {
              bottom: 10px; }
          .content.r-shopping-cart #items > .mobile-cpm--options .payment-list > li,
          .content.r-shopping-cart #items > .mobile-cpm--address .payment-list > li {
            background-color: #FFFFFF;
            padding: 10px 0;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px; }
            .content.r-shopping-cart #items > .mobile-cpm--options .payment-list > li .call-credit-info,
            .content.r-shopping-cart #items > .mobile-cpm--address .payment-list > li .call-credit-info {
              padding: 0 10px; } }
    @media only screen and (max-width: 767px) and (max-width: 767px) {
      .content.r-shopping-cart #items > .mobile-cpm--options #use_different_card_mobile,
      .content.r-shopping-cart #items > .mobile-cpm--options #use_new_address_mobile,
      .content.r-shopping-cart #items > .mobile-cpm--address #use_different_card_mobile,
      .content.r-shopping-cart #items > .mobile-cpm--address #use_new_address_mobile {
        width: 145px;
        padding: 0;
        background: transparent;
        font-size: 14px;
        position: relative;
        left: 50%;
        transform: translateX(-50%); }
      .content.r-shopping-cart #items > .mobile-cpm--options #use_different_card_mobile,
      .content.r-shopping-cart #items > .mobile-cpm--address #use_different_card_mobile {
        line-height: 1; }
      .content.r-shopping-cart #items > .mobile-cpm--options div#new_address_mobile .field-box,
      .content.r-shopping-cart #items > .mobile-cpm--address div#new_address_mobile .field-box {
        border-radius: 5px;
        margin-bottom: 10px; }
        .content.r-shopping-cart #items > .mobile-cpm--options div#new_address_mobile .field-box input,
        .content.r-shopping-cart #items > .mobile-cpm--address div#new_address_mobile .field-box input {
          border-bottom: 0 !important; } }
    @media only screen and (max-width: 767px) {
          .content.r-shopping-cart #items > .mobile-cpm--options h2,
          .content.r-shopping-cart #items > .mobile-cpm--address h2 {
            font-size: 24px;
            text-align: center; }
          .content.r-shopping-cart #items > .mobile-cpm--options > ul > li:first-child > div.li-content > form,
          .content.r-shopping-cart #items > .mobile-cpm--address > ul > li:first-child > div.li-content > form {
            padding-top: 10px;
            background-color: white; }
            .content.r-shopping-cart #items > .mobile-cpm--options > ul > li:first-child > div.li-content > form > div.clear > div,
            .content.r-shopping-cart #items > .mobile-cpm--address > ul > li:first-child > div.li-content > form > div.clear > div {
              width: calc(50% - 10px);
              margin-right: 20px; }
              .content.r-shopping-cart #items > .mobile-cpm--options > ul > li:first-child > div.li-content > form > div.clear > div:last-child,
              .content.r-shopping-cart #items > .mobile-cpm--address > ul > li:first-child > div.li-content > form > div.clear > div:last-child {
                margin-right: 0; }
            .content.r-shopping-cart #items > .mobile-cpm--options > ul > li:first-child > div.li-content > form > div.split,
            .content.r-shopping-cart #items > .mobile-cpm--address > ul > li:first-child > div.li-content > form > div.split {
              margin-bottom: 0;
              overflow: auto; }
              .content.r-shopping-cart #items > .mobile-cpm--options > ul > li:first-child > div.li-content > form > div.split > .field-box,
              .content.r-shopping-cart #items > .mobile-cpm--address > ul > li:first-child > div.li-content > form > div.split > .field-box {
                width: calc((100% - 40px) / 3);
                margin-right: 20px;
                float: left; }
                .content.r-shopping-cart #items > .mobile-cpm--options > ul > li:first-child > div.li-content > form > div.split > .field-box:last-child,
                .content.r-shopping-cart #items > .mobile-cpm--address > ul > li:first-child > div.li-content > form > div.split > .field-box:last-child {
                  margin-right: 0; }
          .content.r-shopping-cart #items > .mobile-cpm--options > ul > li[data-payment="paypal"] > div.top,
          .content.r-shopping-cart #items > .mobile-cpm--address > ul > li[data-payment="paypal"] > div.top {
            text-align: center; }
            .content.r-shopping-cart #items > .mobile-cpm--options > ul > li[data-payment="paypal"] > div.top > img,
            .content.r-shopping-cart #items > .mobile-cpm--address > ul > li[data-payment="paypal"] > div.top > img {
              margin-bottom: 10px; }
          .content.r-shopping-cart #items > .mobile-cpm--options > ul > li[data-payment="paypal"] div.li-content._pp > div.field-box,
          .content.r-shopping-cart #items > .mobile-cpm--address > ul > li[data-payment="paypal"] div.li-content._pp > div.field-box {
            padding-bottom: 15px; }
          .content.r-shopping-cart #items > .mobile-cpm--options > ul > li[data-payment="paypal"] div.li-content._pp > div#mobile_diff_pp,
          .content.r-shopping-cart #items > .mobile-cpm--address > ul > li[data-payment="paypal"] div.li-content._pp > div#mobile_diff_pp {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-items: center;
            -moz-align-items: center; }
          .content.r-shopping-cart #items > .mobile-cpm--options > div#new_address_mobile,
          .content.r-shopping-cart #items > .mobile-cpm--address > div#new_address_mobile {
            background-color: transparent;
            margin-bottom: 0; }
            .content.r-shopping-cart #items > .mobile-cpm--options > div#new_address_mobile > div,
            .content.r-shopping-cart #items > .mobile-cpm--address > div#new_address_mobile > div {
              width: calc((100% - 10px) / 2);
              margin-right: 10px;
              float: left;
              padding-bottom: 0; }
              .content.r-shopping-cart #items > .mobile-cpm--options > div#new_address_mobile > div:nth-child(even),
              .content.r-shopping-cart #items > .mobile-cpm--address > div#new_address_mobile > div:nth-child(even) {
                margin-right: 0; }
          .content.r-shopping-cart #items > .mobile-cpm--options > div.clear > div.field-box,
          .content.r-shopping-cart #items > .mobile-cpm--address > div.clear > div.field-box {
            padding-bottom: 15px; }
          .content.r-shopping-cart #items > .mobile-cpm--options div.clear.saved-cards > div,
          .content.r-shopping-cart #items > .mobile-cpm--address div.clear.saved-cards > div {
            padding-bottom: 15px; }
          .content.r-shopping-cart #items > .mobile-cpm--options div.clear > button,
          .content.r-shopping-cart #items > .mobile-cpm--address div.clear > button {
            font-size: 14px;
            width: calc(100% - 20px);
            margin: 5px 0 10px 10px; }
          .content.r-shopping-cart #items > .mobile-cpm--options div.clear > div.field-box,
          .content.r-shopping-cart #items > .mobile-cpm--address div.clear > div.field-box {
            border-radius: 0; }
          .content.r-shopping-cart #items > .mobile-cpm--options div.clear.has_address,
          .content.r-shopping-cart #items > .mobile-cpm--address div.clear.has_address {
            display: none; }
        .content.r-shopping-cart div.total-shopping-price {
          -webkit-box-direction: normal;
          -webkit-box-orient: vertical;
          flex-direction: column;
          -webkit-flex-direction: column;
          -moz-flex-direction: column;
          -ms-flex-direction: column;
          padding: 10px; }
          .content.r-shopping-cart div.total-shopping-price > p {
            margin-bottom: 5px; }
          .content.r-shopping-cart div.total-shopping-price > div > p:first-child {
            line-height: 1em; }
        .content.r-shopping-cart #items > p {
          font-size: 10px;
          margin: 20px 17px 62px 17px;
          line-height: 1.5; }
          .content.r-shopping-cart #items > p.clear-basket {
            color: #ff7461;
            font-size: 14px;
            margin: 0 auto 0 auto;
            width: 120px; }
            .content.r-shopping-cart #items > p.clear-basket:hover {
              cursor: pointer; }
        .content.r-shopping-cart .mobile-cart-nav {
          display: block;
          position: fixed;
          left: 0;
          z-index: 2;
          padding: 10px;
          background-color: #ffffff;
          width: 100%;
          bottom: 0;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
          .content.r-shopping-cart .mobile-cart-nav > .payment-info,
          .content.r-shopping-cart .mobile-cart-nav > #mobile_confirm_payment {
            background-color: #33c3ee;
            color: white;
            width: 100%;
            height: 50px;
            font-size: 16px; }
            .content.r-shopping-cart .mobile-cart-nav > .payment-info:hover,
            .content.r-shopping-cart .mobile-cart-nav > #mobile_confirm_payment:hover {
              background-color: #ff7461; }
          .content.r-shopping-cart .mobile-cart-nav > #mobile_confirm_payment {
            margin-right: 10px; }
          .content.r-shopping-cart .mobile-cart-nav > a {
            width: 50%;
            height: 52px;
            font-size: 14px;
            font-weight: 200;
            float: left;
            text-align: center;
            line-height: 52px; } }
    @media only screen and (max-width: 479px) {
      .content.r-shopping-cart .basket > tbody > tr > td.price-td > p.price {
        font-size: 16px; } }
  .content.r-version {
    width: initial;
    padding: initial; }
  @media only screen and (max-width: 1365px) {
    .content {
      width: 100%; } }

nav.level-1 ~ .content {
  min-height: calc(100vh - 100px - 67px - 110px - 100px); }
  @media only screen and (max-width: 1023px) {
    nav.level-1 ~ .content {
      min-height: calc(100vh - 100px - 67px - 100px); } }
  @media only screen and (max-width: 767px) {
    nav.level-1 ~ .content {
      min-height: calc(100vh - 100px - 67px - 208px - 72px); } }
  @media only screen and (max-width: 479px) {
    nav.level-1 ~ .content {
      min-height: calc(100vh - 100px - 208px - 72px); } }

.upgrade-needed {
  background: #EDEEF3;
  padding: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-items: center;
  -moz-align-items: center; }
  .upgrade-needed > div {
    display: inline-block;
    width: 57%;
    padding-right: 5%;
    padding-top: 10px; }
    .upgrade-needed > div > p:first-child {
      color: #72A5D4;
      font-size: 18px; }
    .upgrade-needed > div > p:nth-child(2) {
      font-size: 30px;
      margin: 5px 0 15px 0;
      font-weight: 500; }
    .upgrade-needed > div > p:nth-child(3) {
      font-size: 16px;
      color: #53576B; }
    .upgrade-needed > div > a {
      margin-top: 30px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      cursor: pointer;
      background-color: #5AC3CA;
      color: #FFFFFF !important;
      border-radius: 5px;
      height: 50px;
      font-size: 16px;
      padding: 0;
      width: 235px; }
      .upgrade-needed > div > a:hover {
        background-color: #FBAE35;
        color: white; }
      @media only screen and (max-width: 767px) {
        .upgrade-needed > div > a {
          height: 36px;
          border-radius: 3px; } }
    .upgrade-needed > div > a:hover {
      background: #FBAE35;
      color: #FFFFFF !important; }
  .upgrade-needed > article {
    display: inline-block;
    width: 43%;
    border: 1px solid #D9DBE7;
    background-color: #FFFFFF;
    padding: 20px; }
    .upgrade-needed > article > p {
      color: #72A5D4;
      font-size: 18px; }
    .upgrade-needed > article > ul {
      margin: 20px 0 25px 0;
      overflow: auto; }
      .upgrade-needed > article > ul > li {
        display: inline-flex;
        width: 50%;
        padding-left: 10px;
        padding-bottom: 10px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        font-size: 16px;
        float: left; }
        .upgrade-needed > article > ul > li::before {
          font-family: "vanilla" !important;
          content: "\0032";
          margin-right: 17px;
          color: #72A5D4;
          font-size: 16px;
          float: left; }
    .upgrade-needed > article > a {
      font-size: 16px; }
      .upgrade-needed > article > a:hover {
        text-decoration: underline; }
  @media only screen and (max-width: 1279px) {
    .upgrade-needed > div > p:nth-child(2) {
      font-size: 26px; } }
  @media only screen and (max-width: 1023px) {
    .upgrade-needed {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      flex-direction: column;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column; }
      .upgrade-needed > div {
        width: 100%;
        margin-bottom: 20px;
        padding-right: 0; }
      .upgrade-needed > article {
        width: 100%; } }
  @media only screen and (max-width: 767px) {
    .upgrade-needed {
      width: calc(100% + 40px);
      margin-left: -20px; }
      .upgrade-needed > div > p:nth-child(2) {
        font-size: 24px; }
      .upgrade-needed > div > a {
        width: 100%; }
      .upgrade-needed > article > ul > li {
        float: none;
        width: 100%;
        margin-bottom: 15px; }
        .upgrade-needed > article > ul > li:last-child {
          margin-bottom: 0; } }
  @media only screen and (max-width: 479px) {
    .upgrade-needed > div > p:nth-child(2) {
      font-size: 20px; } }

.margin_ {
  margin-bottom: -20px;
  display: inline-block;
  width: 100%; }

.margin__ {
  margin-bottom: -30px;
  display: inline-block;
  width: 100%; }

.wrapper {
  width: 100%;
  overflow-x: hidden; }
  .wrapper.outerReactStyling {
    overflow: visible;
    min-height: 100vh; }
    .wrapper.outerReactStyling #header {
      display: none; }
    .wrapper.outerReactStyling .r-header-ghost {
      height: 80px; }

.wrapper.features section .feature-panel > div {
  display: flex; }
  .wrapper.features section .feature-panel > div i {
    font-size: 28px;
    margin-right: 20px; }
  @media only screen and (max-width: 1365px) {
    .wrapper.features section .feature-panel > div p {
      font-size: 14px; } }
  .wrapper.features section .feature-panel > div h2 {
    padding: 0;
    margin-bottom: 13px; }
    @media only screen and (max-width: 1365px) {
      .wrapper.features section .feature-panel > div h2 {
        font-size: 16px; } }

.stop-scroll {
  height: 100%;
  overflow: hidden; }

.nowrap {
  white-space: nowrap; }

#dropdowns {
  padding: 20px;
  background: #FFFFFF; }

i.disabled.has-tooltip {
  pointer-events: all !important; }

#pop_disable_privacy {
  cursor: pointer; }

#yay-store-logo-white {
  width: 239px;
  height: 53px; }

.sticky {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 100; }

.freeze {
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 100%; }
  .freeze > div.header-ghost {
    display: none; }
  .freeze.home.wrapper {
    margin-top: 0; }

select {
  border: none;
  background-color: transparent;
  padding: 4px 0 0 0;
  background-image: url(/static/img/angle-down-medium.png);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 100% 50%;
  text-overflow: ellipsis; }

.r-plan-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  height: auto; }
  .r-plan-container section.plan-card {
    border: 1px solid #D9DBE7;
    background-color: #FFFFFF;
    width: 260px;
    padding: 15px;
    border-radius: 0; }
    .r-plan-container section.plan-card .front {
      position: relative; }
      .r-plan-container section.plan-card .front > p:first-of-type {
        font-size: 18px; }
      .r-plan-container section.plan-card .front > ul {
        margin-bottom: 15px; }
        .r-plan-container section.plan-card .front > ul > li {
          position: relative;
          font-size: 15px;
          line-height: 1.15;
          padding-left: 20%; }
          .r-plan-container section.plan-card .front > ul > li::before {
            font-family: "vanilla";
            content: "\32";
            position: absolute;
            top: 3px;
            left: 30px; }
          @media only screen and (max-width: 767px) {
            .r-plan-container section.plan-card .front > ul > li {
              font-size: 12px; } }
      .r-plan-container section.plan-card .front > p > span {
        font-size: 12px; }
        .r-plan-container section.plan-card .front > p > span > a:hover {
          text-decoration: underline; }
    .r-plan-container section.plan-card p:first-of-type {
      color: #53576B; }
    .r-plan-container section.plan-card.r-version {
      padding: 0 0 70px; }
      .r-plan-container section.plan-card.r-version .front > p:first-of-type {
        padding-top: 10px; }
        .r-plan-container section.plan-card.r-version .front > p:first-of-type span {
          font-size: 12px;
          display: block; }
    .r-plan-container section.plan-card .bottom {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      flex-direction: column;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      margin-bottom: 20px; }
      .r-plan-container section.plan-card .bottom p {
        font-size: 32px !important; }
        .r-plan-container section.plan-card .bottom p > span {
          font-size: 12px;
          color: #53576B; }
      .r-plan-container section.plan-card .bottom .r-slider-brochure {
        color: #5AC3CA;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center; }
        .r-plan-container section.plan-card .bottom .r-slider-brochure > label {
          margin-left: 5px; }
          .r-plan-container section.plan-card .bottom .r-slider-brochure > label .slider {
            background: #cccccc; }
          .r-plan-container section.plan-card .bottom .r-slider-brochure > label input:checked + .slider {
            background-color: #F45AFB; }
    .r-plan-container section.plan-card ul > li {
      color: #53576B; }
      .r-plan-container section.plan-card ul > li sup,
      .r-plan-container section.plan-card ul > li i {
        color: #5AC3CA; }
      .r-plan-container section.plan-card ul > li i {
        color: #80CD42; }
    .r-plan-container section.plan-card button {
      line-height: 50px; }
      .r-plan-container section.plan-card button.stand-out {
        background-color: #53576B !important;
        border: none;
        color: #FFFFFF; }
        .r-plan-container section.plan-card button.stand-out:hover {
          background-color: #FBAE35 !important;
          border: none; }
    .r-plan-container section.plan-card:nth-of-type(2) {
      box-shadow: 0 5px 16px 0 rgba(51, 41, 37, 0.4);
      border: 1px solid #53576B; }
  @media only screen and (max-width: 1023px) {
    .r-plan-container section.plan-card {
      padding: 10px 15px; }
      .r-plan-container section.plan-card button {
        line-height: 37px; } }
  @media only screen and (max-width: 767px) {
    .r-plan-container {
      margin-bottom: 20px; }
      .r-plan-container section.plan-card .front > ul {
        margin-bottom: 10px; }
      .r-plan-container section.plan-card:nth-of-type(2) p:nth-of-type(2) {
        font-size: 32px; }
      .r-plan-container section.plan-card:nth-of-type(2) ul > li {
        font-size: 12px; } }

th.bundle > p:first-child {
  font-size: 20px;
  font-weight: 300;
  color: #ea1b4b;
  margin-bottom: 5px; }
  th.bundle > p:first-child > span {
    color: #72A5D4;
    font-size: 16px;
    margin-top: -5px; }

th.bundle > p:not(:first-child) > strong {
  font-size: 32px;
  font-family: "AvenirLTStd-Black", Avenir-Black, sans-serif; }

th.bundle > p:not(:first-child) > span {
  display: block;
  color: #332925;
  font-size: 11px;
  margin-bottom: 18px; }

th.bundle > p.price {
  display: none; }
  th.bundle > p.price.active {
    display: block; }

.plans-wrapper-wrapper {
  position: relative;
  padding-bottom: 40px; }
  .plans-wrapper-wrapper.no-banner .plans-wrapper {
    margin-top: -40px; }
  .plans-wrapper-wrapper .background-main,
  .plans-wrapper-wrapper .background-secondary {
    position: absolute;
    top: 140px;
    bottom: 0;
    left: 0;
    right: 0; }
  .plans-wrapper-wrapper .background-main {
    background-size: initial;
    background-repeat: repeat;
    background-color: #FFFFFF; }
  .plans-wrapper-wrapper .background-secondary {
    background-size: initial;
    background-repeat: repeat;
    background-color: #FFFFFF; }
  .plans-wrapper-wrapper .plans-wrapper {
    transform: translate3d(0px, 0px, 0px);
    width: 888px;
    margin: -140px auto 0 auto;
    padding-top: 70px; }

.phone-number-search {
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0 20px; }
  .phone-number-search #breadcrumbs span,
  .phone-number-search #breadcrumbs a {
    font-size: 18px; }
  .phone-number-search #breadcrumbs span:first-child {
    padding-right: 20px;
    border-right: 1px solid #53576B; }
  .phone-number-search #breadcrumbs span:last-child {
    padding-left: 20px;
    color: #53576B; }
  .phone-number-search #breadcrumbs a {
    text-decoration: underline; }
  @media only screen and (max-width: 479px) {
    .phone-number-search #breadcrumbs {
      display: none; } }
  .phone-number-search > div {
    width: 100%;
    max-width: 1326px;
    margin: 30px auto 123px auto; }
  .phone-number-search div.section-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    background-color: #EDEEF3;
    height: 74px;
    padding: 18.5px 20px; }
    .phone-number-search div.section-header .panel-head {
      padding: 0;
      font-size: 18px;
      color: #72A5D4;
      background-color: transparent;
      border: none; }
      .phone-number-search div.section-header .panel-head span {
        color: #332925;
        font-size: 24px;
        line-height: 33px;
        display: block; }
    .phone-number-search div.section-header a {
      display: inline-block;
      width: 160px;
      font-weight: 200;
      text-align: center;
      color: #53576B; }
      @media only screen and (max-width: 479px) {
        .phone-number-search div.section-header a {
          margin-right: 0; } }
      .phone-number-search div.section-header a:hover {
        color: white;
        background-color: #FBAE35; }
  .phone-number-search .ns-spinner {
    top: 74px; }
    @media only screen and (max-width: 767px) {
      .phone-number-search .ns-spinner {
        top: 66px !important; } }
  .phone-number-search ul.tabs-head {
    background: #53576B;
    overflow-x: hidden; }
    .phone-number-search ul.tabs-head > li {
      font-size: 1em; }
      .phone-number-search ul.tabs-head > li.active {
        background: #5AC3CA;
        order: -1; }
      .phone-number-search ul.tabs-head > li:not(.active):hover {
        background: inherit;
        color: #FBAE35; }
      .phone-number-search ul.tabs-head > li.show-adv {
        display: none; }
  .phone-number-search ul.tabs-content {
    border: none;
    background: none;
    padding: 0; }
    .phone-number-search ul.tabs-content > li:first-child > ul:first-child {
      margin: 0 0 20px 0;
      border: 1px solid #D9DBE7;
      border-top: none;
      padding: 10px 20px 10px 20px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      -webkit-align-items: flex-end;
      -moz-align-items: flex-end;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      flex-wrap: wrap; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child .field-box > select,
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child .field-box > input,
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child li#area_codes input {
        color: #53576B;
        height: auto;
        font-size: 14px;
        padding: 10px 10px;
        background-color: #FFFFFF;
        border: 1px solid #D9DBE7; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child .field-box > select {
        background-position: calc(100% - 10px) 50%; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li {
        padding: 7px 0;
        margin-bottom: 0 !important;
        margin-left: 20px;
        flex: 1 250px; }
        @media only screen and (max-width: 479px) {
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li {
            flex-direction: column; } }
        @media only screen and (max-width: 479px) {
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li.hide-mobile {
            order: 2; } }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:first-child {
        margin-left: 0; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child {
        margin-left: 0;
        padding: 0;
        flex: 1 100%; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div {
          margin-top: 20px;
          padding: 0; }
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div {
            display: inline-block;
            width: 252px;
            margin-right: 17px;
            margin-bottom: 0;
            padding: 7px 0; }
            .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div:focus-within {
              border-bottom: 1px solid #FBAE35; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        max-width: none;
        margin-left: 0; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) > button {
          margin-bottom: 1.5px; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) > button:first-child {
          order: 1;
          font-size: 12px;
          width: 76px;
          margin-left: 10px; }
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) > button:first-child:hover {
            background-color: transparent;
            text-decoration: underline;
            color: #FBAE35; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) > button:last-child {
          order: -1;
          width: 160px; }
    .phone-number-search ul.tabs-content > li:first-child > ul.number-search-results > span#standard_title {
      display: block;
      color: #72A5D4;
      font-size: 18px;
      margin-bottom: 25px; }
    .phone-number-search ul.tabs-content > li[data-tab-target="number_transfer"] > div:first-child {
      background-color: #EDEEF3;
      padding: 20px; }
  .phone-number-search div.num-transfer-result-table {
    background-color: #FFFFFF;
    padding: 15px 20px 20px 20px;
    margin-bottom: 27px;
    border: 1px solid #D9DBE7; }
    .phone-number-search div.num-transfer-result-table > ul.table-header {
      padding: 0 20px 10px 20px; }
      .phone-number-search div.num-transfer-result-table > ul.table-header > li {
        margin: 0 10px 0 0;
        font-size: 16px;
        color: #53576B; }
        .phone-number-search div.num-transfer-result-table > ul.table-header > li:last-child {
          margin-right: 0;
          text-align: right;
          padding-right: 50px; }
    .phone-number-search div.num-transfer-result-table > ul > li {
      padding: 0; }
      .phone-number-search div.num-transfer-result-table > ul > li:nth-child(even) > ul {
        background-color: #FFFFFF; }
      .phone-number-search div.num-transfer-result-table > ul > li > ul {
        padding: 0 20px;
        background-color: #EDEEF3;
        overflow: auto; }
        .phone-number-search div.num-transfer-result-table > ul > li > ul > li {
          height: 40px;
          line-height: 40px;
          margin: 0 10px 0 0;
          color: #53576B;
          font-size: 14px; }
          .phone-number-search div.num-transfer-result-table > ul > li > ul > li:last-child {
            text-align: right;
            color: #5AC3CA;
            font-size: 24px;
            margin-right: 0; }
            .phone-number-search div.num-transfer-result-table > ul > li > ul > li:last-child > i {
              color: #FBAE35;
              font-size: 25px;
              margin-left: 20px; }
          .phone-number-search div.num-transfer-result-table > ul > li > ul > li:nth-child(2) {
            white-space: nowrap;
            overflow-x: hidden;
            text-overflow: ellipsis;
            justify-content: flex-end; }
      .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete {
        padding: 10px 20px;
        display: none;
        background-color: #5AC3CA;
        margin: 0;
        text-align: right; }
        .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > * {
          display: inline-block; }
        .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > p {
          line-height: 2.3em;
          color: white;
          padding-right: 35px; }
        .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > div > button:first-child {
          background-color: #FFFFFF;
          color: #FBAE35; }
        .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > div > button:last-child {
          background-color: #72A5D4;
          color: #FFFFFF; }
        .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > div > button:hover {
          background-color: #FBAE35; }
          .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > div > button:hover:first-child {
            color: #FFFFFF; }
  .phone-number-search #number_search_transfer > li > .new-tablet-design {
    display: none; }
  @media only screen and (max-width: 1279px) {
    .phone-number-search ul.tabs-content > li:first-child > ul:first-child {
      flex-wrap: wrap; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li {
        margin-left: 30px; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) {
        -ms-flex-pack: end;
        -webkit-box-pack: end;
        -moz-justify-content: flex-end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        flex: 1 100%;
        order: 5; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) > button {
          margin-bottom: 0; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div {
        margin-top: 10px; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div {
          width: calc((100% - 90px) / 4);
          float: left;
          margin-right: 30px; }
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div:last-child {
            margin-right: 0; } }
  @media only screen and (max-width: 1023px) {
    .phone-number-search ul.tabs-content#number_search_transfer {
      padding: 0 20px !important; }
    .phone-number-search ul.tabs-content > li:first-child > ul:first-child {
      margin: 0 0 20px 0; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li {
        flex: 1 30%;
        margin-left: 20px; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li select {
          font-size: 16px; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li#area_codes input {
          font-size: 16px; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div {
        width: 100%; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div {
          width: calc((100% - 30px) / 4);
          margin-right: 10px; }
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div select {
            font-size: 12px;
            line-height: 18px; }
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div input {
            font-size: 14px; }
    .phone-number-search div.section-header .panel-head {
      font-size: 14px; }
      .phone-number-search div.section-header .panel-head span {
        font-size: 20px; }
    .phone-number-search ul.tabs-head {
      margin: 0 20px; } }
  @media only screen and (max-width: 767px) {
    .phone-number-search div.section-header {
      padding: 10px;
      height: 66px; }
    .phone-number-search ul.tabs-head {
      margin: 0; }
    .phone-number-search ul.tabs-content {
      width: calc(100% + 40px);
      margin-left: -20px; }
      .phone-number-search ul.tabs-content > li:first-child > ul.number-search-results > span#standard_title {
        padding-left: 20px; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child {
        padding: 0px 10px 0 10px;
        margin-top: 0;
        margin-bottom: 15px; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li > select,
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li > input,
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li#area_codes input {
          font-size: 14px;
          font-weight: bold;
          background-image: url("../../static/img/angle-down-medium-orange.svg") !important;
          background-repeat: no-repeat !important;
          background-position: 99% 50% !important; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li#area_codes {
          flex: 1 100%;
          margin-left: 0; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li.field-box-buttons {
          order: 3;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          -moz-justify-content: center;
          -webkit-justify-content: center;
          justify-content: center; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div:first-child {
          width: 100%;
          margin: 0; }
          .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div:first-child > select {
            font-size: 14px; }
        .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:last-child > div > div {
          width: calc((100% - 20px) / 3); }
    .phone-number-search div.num-transfer-result-table {
      padding: 15px 10px 20px 10px; }
      .phone-number-search div.num-transfer-result-table > ul.table-header {
        padding: 0 10px 10px 10px; }
      .phone-number-search div.num-transfer-result-table > ul > li > ul {
        padding: 0 10px; }
      .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete {
        padding: 10px; }
        .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > p {
          width: 100%;
          text-align: center;
          margin-bottom: 10px;
          font-size: 14px;
          padding-right: 0;
          line-height: 1.3; }
        .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > div {
          width: 100%;
          float: none;
          text-align: center; }
          .phone-number-search div.num-transfer-result-table > ul > li > div.row-delete > div > button {
            width: 150px; } }
  @media only screen and (max-width: 479px) {
    .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) {
      flex-direction: row; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) > button:first-child {
        width: calc(50% - 10px);
        margin-left: 20px; }
      .phone-number-search ul.tabs-content > li:first-child > ul:first-child > li:nth-child(4) > button:last-child {
        width: calc(50% - 10px);
        margin-left: 0; } }

div.r-free-trial {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 15px;
  width: 390px;
  position: fixed;
  left: 200%;
  bottom: 15%;
  background-color: #EDEEF3;
  z-index: 200;
  border-radius: 5px;
  box-shadow: 0 9px 16px 0 rgba(51, 41, 37, 0.4);
  transition: left 0.5s ease-in-out; }
  div.r-free-trial > p {
    padding-top: 6px;
    margin-right: 18px; }
    div.r-free-trial > p > * {
      display: block; }
    div.r-free-trial > p > span {
      color: #53576B;
      font-size: 18px;
      margin-bottom: 8px;
      line-height: 1.4; }
    div.r-free-trial > p > strong {
      font-weight: 900;
      font-size: 44px;
      color: #53576B;
      line-height: 1; }
  div.r-free-trial > ul > li {
    display: block;
    font-size: 16px;
    color: #332925;
    margin-bottom: 9px;
    line-height: 1.3; }
    div.r-free-trial > ul > li i {
      color: #53576B;
      font-size: 16px;
      margin-right: 10px;
      vertical-align: middle; }
  div.r-free-trial > i.icon-cancel {
    font-size: 25px;
    color: #5AC3CA;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer; }
    div.r-free-trial > i.icon-cancel:hover {
      color: #53576B; }
  div.r-free-trial button {
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    align-self: flex-end;
    height: 50px; }
  div.r-free-trial.slide-in {
    left: calc(100vw - 410px); }

@media only screen and (max-width: 479px) {
  .hide-mobile {
    display: none; } }

div.plan-info {
  display: none;
  position: absolute;
  height: 66px;
  top: -66px;
  background-color: white;
  left: 0;
  right: 1px;
  padding: 10px 0; }
  div.plan-info > p {
    text-align: center;
    font-size: 14px; }
    div.plan-info > p:first-child {
      font-size: 18px; }
    div.plan-info > p > span {
      color: #5AC3CA; }
  .current div.plan-info {
    display: block;
    border: 1px solid #5AC3CA;
    border-bottom-color: #edeef3;
    color: #53576B; }

p.table-title {
  display: none;
  color: #FBAE35;
  font-size: 18px; }
  @media only screen and (max-width: 767px) {
    p.table-title {
      display: block;
      margin-top: -15px; } }

.plans-table {
  max-width: 1146px;
  background-color: #FFFFFF;
  margin: 60px auto 0 auto;
  border: 1px solid #D9DBE7;
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex; }
  .plans-table.r_version {
    border: none;
    border-bottom: 1px solid #D9DBE7; }
  .plans-table table {
    width: 100%; }
  .plans-table > div {
    display: inline-block;
    border-bottom: 1px solid transparent; }
    .plans-table > div > table.enterprise tr.line {
      width: calc(100% + 20px); }
  .plans-table > div:first-child {
    flex: 1 calc(100% - 663px); }
    .plans-table > div:first-child tr > td {
      padding-left: 20px;
      text-align: left; }
      .plans-table > div:first-child tr > td * {
        text-align: left; }
    .plans-table > div:first-child tr > td {
      font-size: 16px;
      color: #72A5D4; }
    .plans-table > div:first-child tr[class^="change"] > td {
      padding-top: 16px; }
      .plans-table > div:first-child tr[class^="change"] > td > div > a {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        height: 24px; }
        .plans-table > div:first-child tr[class^="change"] > td > div > a i {
          color: #FBAE35;
          font-size: 24px;
          margin-right: 15px; }
        .plans-table > div:first-child tr[class^="change"] > td > div > a p {
          font-size: 14px;
          color: #53576B; }
          .plans-table > div:first-child tr[class^="change"] > td > div > a p > span {
            color: #5AC3CA;
            padding-right: 10px; }
        .plans-table > div:first-child tr[class^="change"] > td > div > a.edit-user {
          border: 1px solid #f3e6e3;
          width: 150px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          -webkit-align-items: center;
          -moz-align-items: center;
          -webkit-box-pack: justify;
          -ms-flex-pack: justify;
          -moz-justify-content: space-between;
          -webkit-justify-content: space-between;
          justify-content: space-between;
          padding: 10px; }
          .plans-table > div:first-child tr[class^="change"] > td > div > a.edit-user > input {
            width: 80px;
            padding: 0; }
    .plans-table > div:first-child tr.change-num-num > td {
      padding-bottom: 100px; }
    .plans-table > div:first-child tr:first-child > td {
      padding: 56px 0 30px 20px; }
    .plans-table > div:first-child tr.inclusive-min > td {
      height: 55px;
      vertical-align: middle;
      background-color: #edeef3; }
    .plans-table > div:first-child tr.inclusive-num > td {
      padding: 16px 0 46px 20px; }
  .plans-table tr.line {
    border-top: 1px solid #D9DBE7;
    height: 1px;
    display: block; }
  .plans-table tr.view-features > td {
    padding: 18px 0; }
  .plans-table > div:not(:first-child) {
    flex: 1 213px;
    position: relative;
    border-bottom: 1px solid transparent; }
    .plans-table > div:not(:first-child) .inline {
      display: none; }
    .plans-table > div:not(:first-child) .total-price {
      font-size: 32px;
      line-height: 1;
      color: #5AC3CA;
      font-weight: 900; }
    .plans-table > div:not(:first-child) .month {
      font-size: 11px;
      color: #53576B; }
    .plans-table > div:not(:first-child) .price {
      display: none;
      color: #5AC3CA;
      font-size: 16px;
      height: 24px;
      line-height: 1.5em; }
      .plans-table > div:not(:first-child) .price.active {
        display: block; }
    .plans-table > div:not(:first-child) .data {
      font-size: 18px;
      color: #5AC3CA; }
    .plans-table > div:not(:first-child) .data-unit {
      font-size: 12px;
      color: #53576B;
      font-weight: 500; }
      .plans-table > div:not(:first-child) .data-unit > super {
        color: #5AC3CA; }
    .plans-table > div:not(:first-child) tr > td,
    .plans-table > div:not(:first-child) tr > td > p {
      text-align: center;
      vertical-align: middle; }
    .plans-table > div:not(:first-child) tr.plan-title > td {
      text-align: center;
      color: #53576B;
      font-size: 20px;
      line-height: 1.3;
      padding: 20px 0 8px 0; }
    .plans-table > div:not(:first-child) tr.add-plan-button > td {
      padding: 20px 0 30px 0; }
      .plans-table > div:not(:first-child) tr.add-plan-button > td > a,
      .plans-table > div:not(:first-child) tr.add-plan-button > td > button {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        cursor: pointer;
        background-color: #5AC3CA;
        color: #FFFFFF;
        border-radius: 5px;
        height: 50px;
        font-size: 16px;
        padding: 0;
        width: 126px;
        border: 1px solid transparent;
        margin: 0 auto; }
        .plans-table > div:not(:first-child) tr.add-plan-button > td > a:hover,
        .plans-table > div:not(:first-child) tr.add-plan-button > td > button:hover {
          background-color: #FBAE35;
          color: white; }
        @media only screen and (max-width: 767px) {
          .plans-table > div:not(:first-child) tr.add-plan-button > td > a,
          .plans-table > div:not(:first-child) tr.add-plan-button > td > button {
            height: 36px;
            border-radius: 3px; } }
    .plans-table > div:not(:first-child) tr.inclusive-min {
      background-color: #edeef3; }
      .plans-table > div:not(:first-child) tr.inclusive-min > td {
        padding: 5px 0;
        height: 50px; }
    .plans-table > div:not(:first-child) tr.inclusive-num > td {
      padding: 15px 0 45px 0; }
    .plans-table > div:not(:first-child) tr[class$="price"] > td {
      padding: 16px 0 0 0; }
    .plans-table > div:not(:first-child).current {
      flex: 1 236px;
      border-bottom-color: #5AC3CA; }
      .plans-table > div:not(:first-child).current > div.plan-info {
        right: 0; }
      .plans-table > div:not(:first-child).current > table {
        border-right: 1px solid #5AC3CA;
        border-left: 1px solid #5AC3CA; }
      .plans-table > div:not(:first-child).current tr.add-plan-button > td > a,
      .plans-table > div:not(:first-child).current tr.add-plan-button > td > button {
        background-color: transparent;
        color: #5AC3CA;
        border-color: #D9DBE7; }
        .plans-table > div:not(:first-child).current tr.add-plan-button > td > a:hover,
        .plans-table > div:not(:first-child).current tr.add-plan-button > td > button:hover {
          background-color: #FBAE35;
          color: #FFFFFF; }
  @media only screen and (max-width: 1279px) {
    .plans-table {
      margin-top: 75px; } }
  @media only screen and (max-width: 1023px) {
    .plans-table {
      width: calc(100% + 40px);
      margin-left: -20px;
      padding: 0;
      margin-top: 100px; }
      .plans-table > div:first-child {
        flex: 1 23%; }
        .plans-table > div:first-child tr:first-child > td {
          padding: 40px 0 30px 20px; }
      .plans-table > div:not(:first-child) {
        flex: 1 25%; }
        .plans-table > div:not(:first-child).current {
          flex: 1 27%; }
          .plans-table > div:not(:first-child).current .add-plan {
            height: 50px; }
        .plans-table > div:not(:first-child) .add-plan {
          height: 50px; } }
  @media only screen and (max-width: 767px) {
    .plans-table > div:first-child {
      display: none; }
    .plans-table > div:not(:first-child) {
      flex: 1 calc(100% / 3); }
      .plans-table > div:not(:first-child) .total-price {
        font-size: 26px; }
      .plans-table > div:not(:first-child) .inline {
        display: block; }
      .plans-table > div:not(:first-child).current {
        flex: 1 calc(100% / 3); }
      .plans-table > div:not(:first-child) .current-users,
      .plans-table > div:not(:first-child) .current-numbers {
        margin-bottom: 5px;
        font-size: 12px;
        color: #837470; }
        .plans-table > div:not(:first-child) .current-users > span,
        .plans-table > div:not(:first-child) .current-numbers > span {
          color: #FBAE35; }
      .plans-table > div:not(:first-child) .inclusive {
        color: #FBAE35;
        margin-bottom: 8px;
        font-size: 12px; }
      .plans-table > div:not(:first-child) tr.inclusive-num > td {
        padding-bottom: 15px; } }
  @media only screen and (max-width: 479px) {
    .plans-table {
      border: none;
      min-width: 835px;
      background-color: transparent;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -moz-justify-content: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .plans-table > div:not(:first-child) {
        background-color: #FFFFFF;
        flex: 0 265px;
        margin-right: 20px; }
        .plans-table > div:not(:first-child) .total-price {
          font-size: 32px; }
        .plans-table > div:not(:first-child):not(.current) {
          border: 1px solid #D9DBE7; }
        .plans-table > div:not(:first-child).current {
          flex: 0 265px; }
        .plans-table > div:not(:first-child):last-child {
          margin-right: 0; } }

.wrapper.compare .compare {
  display: block;
  box-sizing: border-box;
  width: 100%;
  max-width: 1146px;
  margin: -125px auto 30px auto;
  background-color: #edeef3;
  padding: 0 10px;
  border: 1px solid #D9DBE7; }
  .wrapper.compare .compare .inc-number p {
    color: #5AC3CA; }
    .wrapper.compare .compare .inc-number p:not(.active) {
      display: none; }
  .wrapper.compare .compare .inc-number span {
    display: block;
    text-align: center; }
  .wrapper.compare .compare .bundle > p.plan-title {
    font-size: 20px;
    font-weight: 300;
    color: #53576B;
    height: 60px; }
  .wrapper.compare .compare .bundle > p.total-price {
    display: none; }
    .wrapper.compare .compare .bundle > p.total-price.active, .wrapper.compare .compare .bundle > p.total-price.free {
      display: block; }
    .wrapper.compare .compare .bundle > p.total-price > strong {
      font-size: 32px;
      font-weight: 900; }
    .wrapper.compare .compare .bundle > p.total-price > span {
      display: block;
      color: #53576B;
      font-size: 11px;
      margin-bottom: 18px; }
  .wrapper.compare .compare table {
    width: 100%; }
    .wrapper.compare .compare table > tbody > tr > td {
      text-align: center; }
  .wrapper.compare .compare div.table-head > div {
    background-color: #FFFFFF;
    padding: 20px 20px 0 20px;
    width: calc(100% + 20px);
    margin-left: -10px; }
  .wrapper.compare .compare div.table-head.r-version > div {
    background: #fff; }
  .wrapper.compare .compare div.table-head thead > tr > th {
    width: 25%; }
  .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) {
    width: 25%;
    padding-left: 20px;
    padding-bottom: 20px; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) .r-payg-container {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) .r-payg-container .r-slider-brochure {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        color: #53576B; }
        .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) .r-payg-container .r-slider-brochure > label {
          margin-left: 5px; }
          .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) .r-payg-container .r-slider-brochure > label .slider {
            background: #cccccc; }
          .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) .r-payg-container .r-slider-brochure > label input:checked + .slider {
            background-color: #F45AFB; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > p {
      text-align: left;
      color: #53576B;
      font-size: 20px; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > h5 {
      text-align: left;
      color: #72A5D4;
      font-size: 18px; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"] {
      -webkit-appearance: none;
      margin: 15px 0 15px 0;
      padding: 0;
      width: 250px;
      border: none; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]:focus {
      outline: none; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-webkit-slider-runnable-track {
      width: 100%;
      height: 2px;
      cursor: pointer;
      background: #5AC3CA;
      border: 0 solid rgba(0, 0, 0, 0); }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-webkit-slider-thumb {
      border: 2px solid #53576B;
      height: 20px;
      width: 20px;
      border-radius: 50px;
      background: #FFFFFF;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -7px; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input.r-version[type="range"]::-webkit-slider-thumb {
      border: 2px solid #5AC3CA;
      background: white; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]:focus::-webkit-slider-runnable-track {
      background: #5AC3CA; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-moz-range-track {
      width: 100%;
      height: 2px;
      cursor: pointer;
      background: #5AC3CA;
      border-radius: 2.7px;
      border: 0 solid rgba(0, 0, 0, 0); }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-moz-range-thumb {
      border: 2px solid #5AC3CA;
      height: 16px;
      width: 16px;
      border-radius: 50px;
      background: #FFFFFF;
      cursor: pointer; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input.r-version[type="range"]::-moz-range-thumb {
      background: white; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-ms-track {
      width: 100%;
      height: 2px;
      cursor: pointer;
      background: transparent;
      border-color: transparent;
      color: transparent; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-ms-fill-lower {
      background: #5AC3CA;
      border: 0px solid rgba(0, 0, 0, 0);
      border-radius: 5.4px; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-ms-fill-upper {
      background: #5AC3CA;
      border: 0px solid rgba(0, 0, 0, 0);
      border-radius: 5.4px; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]::-ms-thumb {
      border: 2px solid #5AC3CA;
      height: 10px;
      width: 10px;
      border-radius: 50px;
      background: #FFFFFF;
      cursor: pointer;
      margin-top: 1.5px; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input.r-version[type="range"]::-ms-thumb {
      background: white; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]:focus::-ms-fill-lower {
      background: #5AC3CA; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type input[type="range"]:focus::-ms-fill-upper {
      background: #5AC3CA; }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type > p {
      width: 200px;
      border-top: 2px solid #FBAE35;
      line-height: 0.1em;
      margin: 10px 0 15px 0;
      position: relative;
      text-align: left; }
      .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type > p > span {
        width: 16px;
        height: 16px;
        border: 2px solid #FBAE35;
        border-radius: 50%;
        background-color: #FFFFFF;
        display: inline-block;
        left: -8px;
        cursor: pointer;
        position: absolute;
        top: 50%;
        transform: translateY(-50%); }
    .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type > div {
      width: 275px;
      margin-left: -20px;
      padding-left: 7px;
      padding-top: 5px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      transform: translateX(4px); }
      .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type > div > p {
        position: relative;
        font-size: 14px;
        font-weight: 500;
        width: 40px;
        margin-right: 10px;
        cursor: pointer;
        text-align: center; }
        .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type > div > p:last-child {
          margin-right: 0; }
        .wrapper.compare .compare div.table-head thead > tr th.user-num:not(.input) > div:last-of-type > div > p::before {
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          content: "";
          border-left: 1px solid #D9DBE7;
          height: 8px;
          top: -10px; }
  .wrapper.compare .compare div.table-head hr {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    height: 1px;
    border: none;
    background-color: #D9DBE7; }
  .wrapper.compare .compare div.table-head > table {
    margin-top: 20px; }
  .wrapper.compare .compare div.table-head tbody > tr {
    background-color: #FFFFFF;
    border: 1px solid #D9DBE7;
    border-bottom: none; }
    .wrapper.compare .compare div.table-head tbody > tr.r-version {
      background: white; }
      .wrapper.compare .compare div.table-head tbody > tr.r-version > td {
        position: relative; }
    .wrapper.compare .compare div.table-head tbody > tr:last-child {
      border-bottom: 1px solid #D9DBE7; }
    .wrapper.compare .compare div.table-head tbody > tr > th {
      text-align: left;
      font-size: 16px;
      color: #72A5D4;
      vertical-align: middle;
      padding-left: 20px;
      width: 25%; }
    .wrapper.compare .compare div.table-head tbody > tr > td {
      width: 25%;
      padding: 5px 0;
      height: 50px;
      vertical-align: middle;
      font-size: 18px;
      font-weight: 500;
      color: #5AC3CA; }
      .wrapper.compare .compare div.table-head tbody > tr > td > p:first-child {
        font-size: 18px;
        font-weight: 500;
        color: #5AC3CA;
        line-height: 1.4; }
      .wrapper.compare .compare div.table-head tbody > tr > td > p {
        font-size: 12px;
        color: #53576B; }
        .wrapper.compare .compare div.table-head tbody > tr > td > p > span {
          color: #5AC3CA;
          font-size: 9px; }
  .wrapper.compare .compare div.table-content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    border: none; }
    .wrapper.compare .compare div.table-content section > table {
      margin-bottom: 24px; }
    .wrapper.compare .compare div.table-content section:first-child {
      flex: 0 25%; }
      .wrapper.compare .compare div.table-content section:first-child > table > tbody > tr:not(.sub-title) {
        border-left: 1px solid #D9DBE7; }
    .wrapper.compare .compare div.table-content section:last-child > div > table > tbody > tr:not(.sub-title) {
      border-right: 1px solid #D9DBE7; }
    .wrapper.compare .compare div.table-content section:not(:first-child) {
      flex: 0 25%; }
      .wrapper.compare .compare div.table-content section:not(:first-child) div.bundle {
        display: none; }
      .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr:not(.sub-title) > th {
        display: none; }
      .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr.sub-title > th {
        visibility: hidden; }
    .wrapper.compare .compare div.table-content tbody {
      padding-bottom: 34px; }
      .wrapper.compare .compare div.table-content tbody > tr:not(.sub-title) {
        background-color: #FFFFFF;
        border-top: 1px solid #D9DBE7; }
        .wrapper.compare .compare div.table-content tbody > tr:not(.sub-title):last-child {
          border-bottom: 1px solid #D9DBE7; }
      .wrapper.compare .compare div.table-content tbody > tr > td {
        height: 40px;
        font-size: 12px;
        font-weight: 300;
        color: #5AC3CA;
        vertical-align: middle; }
        .wrapper.compare .compare div.table-content tbody > tr > td span.disabled {
          background-color: #EDEEF3; }
      .wrapper.compare .compare div.table-content tbody > tr > th {
        height: 40px;
        text-align: left;
        padding: 0 0 0 20px;
        color: #837470;
        font-size: 16px;
        font-weight: 300;
        vertical-align: middle; }
        .wrapper.compare .compare div.table-content tbody > tr > th > a {
          color: inherit; }
      .wrapper.compare .compare div.table-content tbody > tr.sub-title > th {
        font-size: 16px;
        font-weight: 500;
        color: #72A5D4;
        padding: 27px 0 27px 20px; }
      .wrapper.compare .compare div.table-content tbody.r-version > tr:not(.sub-title) {
        background: white; }
  .wrapper.compare .compare a[class^="add"] {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    cursor: pointer;
    background-color: #5AC3CA;
    color: #FFFFFF;
    border-radius: 5px;
    height: 50px;
    font-size: 16px;
    padding: 0;
    width: 120px;
    margin: 0 auto 18px auto; }
    .wrapper.compare .compare a[class^="add"]:hover {
      background-color: #FBAE35;
      color: white; }
    @media only screen and (max-width: 767px) {
      .wrapper.compare .compare a[class^="add"] {
        height: 36px;
        border-radius: 3px; } }
  .wrapper.compare .compare .change-user-num {
    display: flex;
    margin: 20px 0;
    width: 150px;
    justify-content: center;
    align-items: center;
    border: 1px solid #D9DBE7; }
    .wrapper.compare .compare .change-user-num > input {
      width: 60px;
      text-align: center;
      font-size: 16px;
      border: none; }
      .wrapper.compare .compare .change-user-num > input:focus {
        border-bottom: 1px solid #FBAE35 !important; }
    .wrapper.compare .compare .change-user-num > i {
      font-size: 16px;
      color: #53576B;
      cursor: pointer; }
      .wrapper.compare .compare .change-user-num > i .disable {
        color: #EDEEF3; }
      .wrapper.compare .compare .change-user-num > i:hover {
        color: #FBAE35; }
  .wrapper.compare .compare.addUser div.table-head thead > tr th.user-num {
    width: 300px;
    padding-left: 20px; }
    .wrapper.compare .compare.addUser div.table-head thead > tr th.user-num > div {
      width: 95%; }
    .wrapper.compare .compare.addUser div.table-head thead > tr th.user-num > p {
      font-size: 17px;
      text-align: left;
      margin-bottom: 10px; }
    .wrapper.compare .compare.addUser div.table-head thead > tr th.user-num > div > p {
      color: #837470;
      font-size: 11px;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -moz-justify-content: space-between;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center; }
    .wrapper.compare .compare.addUser div.table-head thead > tr th.user-num > div > input {
      font-size: 16px;
      padding: 15px; }
  .wrapper.compare .compare.upgrade {
    margin-top: -104px; }
    .wrapper.compare .compare.upgrade > div.plans-table {
      width: calc(100% + 20px);
      margin: 0 0 0 -10px;
      padding: 0 10px;
      min-height: 366px; }
      .wrapper.compare .compare.upgrade > div.plans-table > div:not(:first-child) {
        flex-grow: 0;
        flex-basis: calc((100% - 327px) / 3); }
        .wrapper.compare .compare.upgrade > div.plans-table > div:not(:first-child) tr.plan-title > td {
          padding: 20px 0 8px 0; }
        .wrapper.compare .compare.upgrade > div.plans-table > div:not(:first-child).current {
          border-bottom: none; }
        .wrapper.compare .compare.upgrade > div.plans-table > div:not(:first-child) > table.enterprise tr.line {
          width: calc(100% + 11px); }
      .wrapper.compare .compare.upgrade > div.plans-table > div:first-child {
        flex: 0 327px; }
        .wrapper.compare .compare.upgrade > div.plans-table > div:first-child tbody > tr:last-child > td {
          height: 61px; }
        .wrapper.compare .compare.upgrade > div.plans-table > div:first-child tbody > tr > td {
          text-align: left; }
    .wrapper.compare .compare.upgrade div.table-content {
      margin-top: -1px; }
      .wrapper.compare .compare.upgrade div.table-content section:first-child {
        flex: 0 327px; }
      .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) {
        flex-grow: 0;
        flex-basis: calc((100% - 329px) / 3); }
      .wrapper.compare .compare.upgrade div.table-content section.current {
        border: 1px solid #5AC3CA;
        border-top: none; }
        .wrapper.compare .compare.upgrade div.table-content section.current.r_version {
          border: none;
          border-left: 1px solid #5AC3CA;
          border-right: 1px solid #5AC3CA; }
        .wrapper.compare .compare.upgrade div.table-content section.current > div > div.bundle > a {
          background-color: transparent;
          color: #FBAE35;
          border: 1px solid #D9DBE7; }
    @media only screen and (max-width: 1023px) {
      .wrapper.compare .compare.upgrade {
        margin-top: -180px;
        border: none; }
        .wrapper.compare .compare.upgrade > div.plans-table {
          display: none; }
        .wrapper.compare .compare.upgrade div.table-content {
          padding-top: 66px;
          margin-top: 0; }
          .wrapper.compare .compare.upgrade div.table-content section.current {
            border: none; }
            .wrapper.compare .compare.upgrade div.table-content section.current > div:last-child {
              border: 1px solid #5AC3CA;
              border-top: none; }
          .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min,
          .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle div.inc-number {
            padding: 10px 0;
            width: calc(100% + 30px);
            margin-left: -15px;
            margin-bottom: 0; }
            .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min > .min,
            .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle div.inc-number > .min {
              margin: 5px auto; }
              .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min > .min.payg,
              .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle div.inc-number > .min.payg {
                margin-bottom: 28px; }
          .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > a,
          .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > button {
            margin: 15px auto 10px auto;
            width: 126px; }
          .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > a.modify-plan {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            cursor: pointer;
            background-color: #5AC3CA;
            color: #FFFFFF;
            border-radius: 5px;
            height: 50px;
            font-size: 16px;
            padding: 0; }
            .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > a.modify-plan:hover {
              background-color: #FBAE35;
              color: white; } }
      @media only screen and (max-width: 1023px) and (max-width: 767px) {
        .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > a.modify-plan {
          height: 36px;
          border-radius: 3px; } }
    @media only screen and (max-width: 1023px) {
          .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > button#cancel_plan {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -moz-justify-content: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-align-items: center;
            -moz-align-items: center;
            cursor: pointer;
            background-color: transparent;
            color: #5AC3CA;
            border-radius: 5px;
            height: 50px;
            font-size: 16px;
            padding: 0;
            border: 1px solid #D9DBE7; }
            .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > button#cancel_plan:hover {
              background-color: #FBAE35;
              color: white; } }
      @media only screen and (max-width: 1023px) and (max-width: 767px) {
        .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) > div div.bundle > button#cancel_plan {
          height: 36px;
          border-radius: 3px; } }
    @media only screen and (max-width: 1023px) {
        .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) {
          flex-grow: 0;
          flex-basis: 250px;
          border-radius: 0; } }
    @media only screen and (max-width: 767px) {
      .wrapper.compare .compare.upgrade {
        margin-top: -160px; }
        .wrapper.compare .compare.upgrade div.table-content section:not(:first-child) {
          flex-basis: 265px; } }
  @media only screen and (max-width: 1023px) {
    .wrapper.compare .compare {
      padding: 0; }
      .wrapper.compare .compare table {
        width: 100%; }
      .wrapper.compare .compare div.table-content {
        padding: 20px 0;
        overflow-x: hidden;
        max-width: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        justify-content: center; }
        .wrapper.compare .compare div.table-content tbody > tr > td {
          font-size: 14px; }
        .wrapper.compare .compare div.table-content section:first-child {
          display: none; }
        .wrapper.compare .compare div.table-content section:not(:first-child) {
          background-color: #FFFFFF;
          flex: 0 250px;
          border-radius: 5px;
          margin-right: 15px;
          border: 1px solid #D9DBE7;
          transition: all 0.2s ease-in; }
          .wrapper.compare .compare div.table-content section:not(:first-child) > div {
            width: 100%; }
            .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle {
              display: block;
              padding: 12px 15px 0 15px; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > p {
                text-align: center; }
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > p.month {
                  color: #88807d;
                  font-size: 12px;
                  margin: 0 0 15px 0;
                  height: 15px; }
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > p.user-price, .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > p.num-price {
                  color: #72A5D4;
                  font-size: 18px;
                  margin-bottom: 15px;
                  line-height: 1.5; }
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > p[class^="current"] {
                  font-size: 14px;
                  color: #837470; }
                  .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > p[class^="current"] > span {
                    color: #72A5D4; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.user-num {
                margin: 0 auto;
                text-align: center; }
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.user-num > p {
                  color: #837470;
                  font-size: 11px;
                  text-align: center; }
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.user-num > div.change-user-num {
                  justify-content: center;
                  margin: 5px auto 20px auto; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min > p,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-num > p,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number > p {
                text-align: center;
                margin: 5px auto 5px auto;
                font-size: 18px; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min > .inclusive,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-num > .inclusive,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number > .inclusive {
                color: #72A5D4;
                font-size: 12px;
                display: block;
                text-align: center; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min > .min,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min > .num,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-num > .min,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-num > .num,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number > .min,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number > .num {
                color: #5AC3CA;
                font-size: 18px;
                margin: 5px auto 5px auto; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min > .month,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-num > .month,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number > .month {
                font-size: 12px;
                color: #53576B; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min,
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number {
                margin-bottom: 25px; }
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min:nth-of-type(2),
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number:nth-of-type(2) {
                  width: calc(100% + 30px);
                  margin-left: -15px;
                  padding-top: 10px; }
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > div.inclusive-min:last-child,
                .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle div.inc-number:last-child {
                  margin-bottom: 0; }
              .wrapper.compare .compare div.table-content section:not(:first-child) > div div.bundle > hr {
                width: calc(100% + 30px);
                margin: 0 0 0 -15px;
                height: 1px;
                border: none;
                background-color: #D9DBE7; }
          .wrapper.compare .compare div.table-content section:not(:first-child) table {
            padding: 10px 20px; }
            .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody {
              border-bottom: 1px solid #f3e6e3; }
              .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody:last-child {
                border-bottom: none; }
              .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr {
                width: 100%; }
                .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr td {
                  padding-right: 20px;
                  vertical-align: middle; }
                .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr > th {
                  display: block;
                  width: 160px;
                  height: auto;
                  padding: 12px 10px 12px 20px;
                  line-height: 1.3; }
                .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr:not(.sub-title) > th {
                  display: block; }
                .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr.sub-title {
                  height: auto; }
                  .wrapper.compare .compare div.table-content section:not(:first-child) table > tbody > tr.sub-title > th {
                    visibility: visible;
                    width: 120%;
                    padding-top: 20px; }
          .wrapper.compare .compare div.table-content section:not(:first-child) > div.plan-info {
            display: none; }
          .wrapper.compare .compare div.table-content section:not(:first-child).current {
            position: relative; }
            .wrapper.compare .compare div.table-content section:not(:first-child).current > div.plan-info {
              display: block; }
          .wrapper.compare .compare div.table-content section:not(:first-child):last-child {
            margin-right: 0; }
      .wrapper.compare .compare div.table-head {
        display: none; }
      .wrapper.compare .compare.addUser div.table-content {
        min-width: 780px; }
      .wrapper.compare .compare.addUser + p {
        margin: 0 auto 20px auto; }
      .wrapper.compare .compare.upgrade + p {
        margin: 0 auto 20px auto; } }
  @media only screen and (max-width: 767px) {
    .wrapper.compare .compare div.table-content > section:not(:first-child) {
      flex: 0 265px;
      margin-right: 30px; } }
  @media only screen and (max-width: 479px) {
    .wrapper.compare .compare div.table-content > section:not(:first-child) {
      margin-right: 20px; } }

.wrapper.compare > p {
  max-width: 1186px;
  padding: 0 20px;
  font-size: 12px;
  margin: 40px auto 75px auto;
  width: 100%; }
  .wrapper.compare > p > span {
    color: #FBAE35; }

.wrapper.compare.sticky-top > .compare > div.table-head > div,
.wrapper.compare.sticky-top > .compare > div.plans-table {
  position: fixed;
  max-width: 1144px;
  left: 50%;
  transform: translateX(calc(-50% + 10px));
  top: 0;
  background-color: white;
  padding: 20px 20px 0 20px; }
  .wrapper.compare.sticky-top > .compare > div.table-head > div + table,
  .wrapper.compare.sticky-top > .compare > div.plans-table + table {
    margin-top: 248px; }

.wrapper.compare.sticky-top > .compare > div.plans-table {
  transform: translateX(calc(-50% + 10px));
  padding: 0 10px; }
  .wrapper.compare.sticky-top > .compare > div.plans-table + div.table-content {
    margin-top: 365px; }

@media only screen and (max-width: 1279px) {
  .wrapper.compare.sticky-top > .compare > div.plans-table,
  .wrapper.compare.sticky-top > .compare > div.table-head > div {
    width: calc(100% - 2px); } }

.wrapper.compare.reseller.sticky-top > .compare > div.table-head > div,
.wrapper.compare.reseller.sticky-top > .compare > div.plans-table {
  top: 100px;
  z-index: 30; }

@media only screen and (max-width: 1023px) {
  .wrapper.compare {
    background-color: #EDEEF3; }
    .wrapper.compare .compare {
      border: none;
      margin-top: -170px; }
    .wrapper.compare > p {
      margin: 0 auto 90px auto; }
    .wrapper.compare ~ .yay-footer {
      display: none; } }

@media only screen and (max-width: 767px) {
  .wrapper.compare > .main-banner > h1 {
    width: 266px; } }

.wrapper.compare .r-version-plan-popouts {
  position: relative; }
  .wrapper.compare .r-version-plan-popouts .country-list,
  .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob,
  .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob,
  .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob {
    position: absolute;
    display: none;
    top: calc(100% + 5px);
    background-color: #fff;
    box-shadow: 0 9px 16px 0 rgba(51, 41, 37, 0.4);
    border: solid 1px #D9DBE7;
    border-radius: 5px;
    width: 612px;
    padding: 20px;
    text-align: left;
    z-index: 20; }
    .wrapper.compare .r-version-plan-popouts .country-list p,
    .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob p,
    .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob p,
    .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob p {
      font-size: 12px;
      font-weight: 300;
      color: #53576B; }
    .wrapper.compare .r-version-plan-popouts .country-list span,
    .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob span,
    .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob span,
    .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob span {
      color: #5AC3CA;
      float: right;
      font-size: 28px;
      font-weight: bold; }
      .wrapper.compare .r-version-plan-popouts .country-list span:hover,
      .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob span:hover,
      .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob span:hover,
      .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob span:hover {
        color: #FBAE35;
        cursor: pointer; }
    .wrapper.compare .r-version-plan-popouts .country-list .availableCountryText,
    .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .availableCountryText,
    .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .availableCountryText,
    .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .availableCountryText {
      text-align: left;
      padding-bottom: 10px;
      color: #53576B;
      line-height: 1.5em;
      font-size: 18px;
      text-shadow: 0 5px 16px rgba(0, 0, 0, 0.16); }
    .wrapper.compare .r-version-plan-popouts .country-list .triangle-up,
    .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .triangle-up,
    .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .triangle-up,
    .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .triangle-up {
      display: block;
      position: absolute;
      border-style: solid;
      border-color: rgba(51, 41, 37, 0.4);
      border-width: 1px 0 0 1px;
      width: 15px;
      height: 15px;
      margin-top: 1px;
      top: -9px;
      background: inherit;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg); }
    .wrapper.compare .r-version-plan-popouts .country-list .countries,
    .wrapper.compare .r-version-plan-popouts .country-list ul.name-and-flags,
    .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .countries,
    .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob ul.name-and-flags,
    .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .countries,
    .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob ul.name-and-flags,
    .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .countries,
    .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob ul.name-and-flags {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: flex-start; }
      .wrapper.compare .r-version-plan-popouts .country-list .countries li,
      .wrapper.compare .r-version-plan-popouts .country-list ul.name-and-flags li,
      .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .countries li,
      .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob ul.name-and-flags li,
      .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .countries li,
      .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob ul.name-and-flags li,
      .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .countries li,
      .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob ul.name-and-flags li {
        min-width: 130px;
        margin: 10px 40px 10px 0;
        flex-basis: 20%;
        flex-grow: 0;
        flex-shrink: 0; }
        .wrapper.compare .r-version-plan-popouts .country-list .countries li img,
        .wrapper.compare .r-version-plan-popouts .country-list ul.name-and-flags li img,
        .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .countries li img,
        .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob ul.name-and-flags li img,
        .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .countries li img,
        .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob ul.name-and-flags li img,
        .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .countries li img,
        .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob ul.name-and-flags li img {
          width: 32px;
          height: 32px; }
        .wrapper.compare .r-version-plan-popouts .country-list .countries li p,
        .wrapper.compare .r-version-plan-popouts .country-list ul.name-and-flags li p,
        .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .countries li p,
        .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob ul.name-and-flags li p,
        .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .countries li p,
        .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob ul.name-and-flags li p,
        .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .countries li p,
        .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob ul.name-and-flags li p {
          display: inline-block;
          margin-left: 5px;
          font-size: 12px;
          color: #72A5D4; }
  .wrapper.compare .r-version-plan-popouts #plan_popout_3,
  .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob {
    margin-left: -281px;
    width: 552px; }
    .wrapper.compare .r-version-plan-popouts #plan_popout_3 .triangle-up,
    .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .triangle-up {
      right: 120px; }
    @media only screen and (max-width: 1279px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_3,
      .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob {
        max-width: 422px;
        min-width: 200px;
        margin-left: -150px; } }
    @media only screen and (max-width: 1023px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_3,
      .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob {
        width: 200px;
        margin-left: 23px; }
        .wrapper.compare .r-version-plan-popouts #plan_popout_3 .triangle-up,
        .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob .triangle-up {
          right: 89px; } }
    @media only screen and (max-width: 767px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_3,
      .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob {
        width: 200px;
        margin-left: 28px; } }
    @media only screen and (max-width: 479px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_3,
      .wrapper.compare .r-version-plan-popouts #plan_popout_3_mob {
        width: 200px; } }
  .wrapper.compare .r-version-plan-popouts #plan_popout_2,
  .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob {
    width: 552px;
    margin-left: -148px; }
    .wrapper.compare .r-version-plan-popouts #plan_popout_2 .triangle-up,
    .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .triangle-up {
      left: 275px; }
    @media only screen and (max-width: 1279px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_2,
      .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob {
        max-width: 422px;
        min-width: 200px;
        margin-left: -82px; }
        .wrapper.compare .r-version-plan-popouts #plan_popout_2 .triangle-up,
        .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .triangle-up {
          left: 206px; } }
    @media only screen and (max-width: 1023px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_2,
      .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob {
        width: 200px;
        margin-left: 27px; }
        .wrapper.compare .r-version-plan-popouts #plan_popout_2 .triangle-up,
        .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob .triangle-up {
          left: 90px; } }
    @media only screen and (max-width: 767px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_2,
      .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob {
        width: 200px; } }
    @media only screen and (max-width: 479px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_2,
      .wrapper.compare .r-version-plan-popouts #plan_popout_2_mob {
        width: 200px;
        margin-left: 34px; } }
  .wrapper.compare .r-version-plan-popouts #plan_popout_1,
  .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob {
    margin-left: -140px;
    width: 552px; }
    .wrapper.compare .r-version-plan-popouts #plan_popout_1 .triangle-up,
    .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .triangle-up {
      right: 265px; }
    @media only screen and (max-width: 1279px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_1,
      .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob {
        max-width: 422px;
        min-width: 200px;
        margin-left: -77px; }
        .wrapper.compare .r-version-plan-popouts #plan_popout_1 .triangle-up,
        .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .triangle-up {
          right: 206px; } }
    @media only screen and (max-width: 1023px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_1,
      .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob {
        width: 200px;
        margin-left: 27px; }
        .wrapper.compare .r-version-plan-popouts #plan_popout_1 .triangle-up,
        .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob .triangle-up {
          right: 95px; } }
    @media only screen and (max-width: 767px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_1,
      .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob {
        width: 200px;
        margin-left: 36px; } }
    @media only screen and (max-width: 479px) {
      .wrapper.compare .r-version-plan-popouts #plan_popout_1,
      .wrapper.compare .r-version-plan-popouts #plan_popout_1_mob {
        width: 200px; } }

#mobile-user-num-toggle {
  display: none; }

@media only screen and (max-width: 1023px) {
  #mobile-user-num-toggle {
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    width: 100vw;
    padding: 10px;
    background: linear-gradient(104deg, #53576B, #5AC3CA); }
    #mobile-user-num-toggle:not(.r-mobile-menu-container) label {
      width: 130px;
      font-size: 16px;
      color: #FFFFFF;
      margin-right: 10px; }
    #mobile-user-num-toggle:not(.r-mobile-menu-container) input,
    #mobile-user-num-toggle:not(.r-mobile-menu-container) select {
      border-radius: 5px;
      width: calc(100% - 130px); }
    #mobile-user-num-toggle.r-mobile-menu-container > label:first-of-type {
      min-width: 110px;
      font-size: 16px;
      color: #53576B;
      margin-right: 10px; }
    #mobile-user-num-toggle.r-mobile-menu-container input,
    #mobile-user-num-toggle.r-mobile-menu-container select {
      border-radius: 5px;
      width: 100%; }
    #mobile-user-num-toggle select {
      border: none;
      padding: 12px 20px;
      background-color: #FFFFFF;
      background-image: url(/static/img/angle-down-medium.png);
      background-size: 18px;
      background-repeat: no-repeat;
      background-position: calc(100% - 15px) 50%; }
      #mobile-user-num-toggle select option {
        margin-left: -10px; }
    #mobile-user-num-toggle .r-slider-brochure {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-flex-pack: end;
      -webkit-box-pack: end;
      -moz-justify-content: flex-end;
      -webkit-justify-content: flex-end;
      justify-content: flex-end;
      color: #53576B;
      margin-left: 15px; }
      #mobile-user-num-toggle .r-slider-brochure > label {
        margin-left: 5px; }
        #mobile-user-num-toggle .r-slider-brochure > label .slider {
          background: #cccccc; }
        #mobile-user-num-toggle .r-slider-brochure > label input:checked + .slider {
          background-color: #F45AFB; } }

.fade-out {
  display: block !important;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-name: fadeOut;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.5s;
  -moz-animation-name: fadeOut;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  animation-delay: 0;
  animation-duration: 0.5s;
  animation-name: fadeOut;
  animation-fill-mode: forwards;
  animation-direction: normal; }

@-webkit-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@-moz-keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

@keyframes fadeOut {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }

.fade-in {
  display: block !important;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: fadeIn;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: fadeIn;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  animation-delay: 0;
  animation-duration: 0.3s;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-direction: normal; }

@-webkit-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-moz-keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.wild-check-out {
  margin-bottom: 20px;
  overflow: auto; }
  .wild-check-out > a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    cursor: pointer;
    background-color: #5AC3CA;
    color: #FFFFFF;
    border-radius: 5px;
    height: 37px;
    font-size: 16px;
    padding: 0;
    font-size: 12px;
    width: 150px;
    float: right; }
    .wild-check-out > a:hover {
      background-color: #FBAE35;
      color: white; }
    @media only screen and (max-width: 767px) {
      .wild-check-out > a {
        height: 36px;
        border-radius: 3px; } }
    @media only screen and (max-width: 767px) {
      .wild-check-out > a {
        width: 100%; } }

.delete-confirm {
  padding: 16px 20px;
  background-color: #FBAE35;
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-name: zoom-in;
  -webkit-animation-fill-mode: forwards;
  -webkit-animation-direction: normal;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.3s;
  -moz-animation-name: zoom-in;
  -moz-animation-fill-mode: forwards;
  -moz-animation-direction: normal;
  animation-delay: 0;
  animation-duration: 0.3s;
  animation-name: zoom-in;
  animation-fill-mode: forwards;
  animation-direction: normal;
  display: none; }
  .delete-confirm p {
    font-size: 14px;
    color: white; }
  .delete-confirm p.mobile-content {
    display: none; }
  .delete-confirm i {
    color: white;
    font-size: 25px; }
    .delete-confirm i.icon-check {
      background-color: #FBAE35;
      color: white;
      margin-right: 10px; }
    .delete-confirm i:hover {
      cursor: pointer; }
  .delete-confirm.show {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center; }
  @media only screen and (max-width: 767px) {
    .delete-confirm p.mobile-content {
      display: block; }
    .delete-confirm p.mobile-content + p {
      display: none; }
    .delete-confirm.show {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 3;
      margin: 0;
      padding: 16px 10px; } }

@-webkit-keyframes zoom-in {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@-moz-keyframes zoom-in {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

@keyframes zoom-in {
  from {
    transform: scale(0);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }

.wallboard-type-name {
  color: #53576B; }

#holding-page {
  min-height: calc(100vh - 100px); }
  #holding-page h1,
  #holding-page h2,
  #holding-page h3,
  #holding-page h4,
  #holding-page p,
  #holding-page a {
    font-family: "Lato" !important;
    color: #53576B; }
  #holding-page h1,
  #holding-page h2,
  #holding-page h3 {
    font-weight: 500; }
  #holding-page a {
    color: #5AC3CA !important; }
  @media only screen and (max-width: 1023px) {
    #holding-page {
      -webkit-box-direction: normal;
      -webkit-box-orient: vertical;
      flex-direction: column;
      -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column; } }
  #holding-page #module_left {
    background: #FFFFFF; }
    @media only screen and (max-width: 1023px) {
      #holding-page #module_left {
        width: 100%; } }
    #holding-page #module_left h1 {
      color: #5AC3CA; }
    #holding-page #module_left h2 {
      font-size: 30px;
      font-weight: 300;
      padding: 0; }
    #holding-page #module_left p {
      color: #53576B; }
    #holding-page #module_left .info p:first-of-type {
      color: #72A5D4; }
  #holding-page #module_right {
    background: #5AC3CA; }
    @media only screen and (max-width: 1023px) {
      #holding-page #module_right {
        width: 100%;
        height: 100%; } }
    #holding-page #module_right .searching-domains {
      background: #5AC3CA;
      padding: 0; }
      #holding-page #module_right .searching-domains > input {
        font-family: "Lato";
        border-radius: 0;
        margin-right: 10px; }
        @media only screen and (max-width: 1279px) {
          #holding-page #module_right .searching-domains > input {
            margin-right: 0; } }
        @media only screen and (max-width: 1023px) {
          #holding-page #module_right .searching-domains > input {
            width: 100%; } }
      #holding-page #module_right .searching-domains > button {
        background: #53576B;
        font-family: "Lato";
        font-weight: 300;
        font-size: 14px; }
        #holding-page #module_right .searching-domains > button:hover {
          color: #fff;
          background: #FBAE35; }
        @media only screen and (max-width: 1023px) {
          #holding-page #module_right .searching-domains > button {
            width: 100%; } }
    #holding-page #module_right .selection-buttons > a {
      border-radius: 0;
      background: #FFFFFF;
      color: #53576B !important; }
      #holding-page #module_right .selection-buttons > a:hover {
        color: #fff !important;
        background: #FBAE35; }
        #holding-page #module_right .selection-buttons > a:hover h4 {
          color: #fff !important; }

#expired {
  min-height: calc(100vh - 100px); }
  #expired .expired-top {
    background: #5AC3CA; }
    @media only screen and (max-width: 479px) {
      #expired .expired-top {
        height: 320px; } }
    #expired .expired-top > img {
      width: 180px;
      margin-bottom: 15px; }
    #expired .expired-top h2 {
      margin: 0;
      padding: 0; }
      @media only screen and (max-width: 479px) {
        #expired .expired-top h2 {
          text-align: center; } }
  #expired .expired-bottom > div:last-of-type .info-box:last-of-type .info-box-right > h3 {
    color: #72A5D4; }
  #expired .expired-bottom > div:last-of-type .info-box:last-of-type .info-box-right > a {
    background: #5AC3CA; }
    #expired .expired-bottom > div:last-of-type .info-box:last-of-type .info-box-right > a:hover {
      background: #FBAE35;
      color: #fff; }
  #expired .expired-bottom > div .info-box-left i {
    color: #5AC3CA; }
  #expired .expired-bottom > div .info-box-right > h3 {
    font-family: "Lato";
    font-weight: 500;
    color: #72A5D4; }
  #expired .expired-bottom > div .info-box-right > a {
    background: #53576B; }
    #expired .expired-bottom > div .info-box-right > a:hover {
      color: #FFFFFF;
      background: #FBAE35; }

@media only screen and (max-width: 479px) {
  .old_mobile_updating {
    display: none !important; } }

@media only screen and (max-width: 767px) {
  .old_tablet_updating {
    display: none !important; } }